@charset "utf-8";

/* Common */
.board_wrap .board_body_container .no_list {padding:20px 0px; width:100% !important; height:auto !important; text-align:center; border:1px solid #ddd;}
.board_wrap .board_body_container .check {position:absolute; top:10px; right:15px;}
.board_wrap .board_body_container .thumb {background-color:#fff;}

/* List */
.board_wrap .board_body_container .list_area {margin-top:20px;}
/* table */
.board_wrap .board_body_container .table > thead > tr > th.no {width:70px;}
.board_wrap .board_body_container .table > thead > tr > th.title {width:auto;}
.board_wrap .board_body_container .table > thead > tr > th.regdate {width:100px;}
.board_wrap .board_body_container .table > thead > tr > th.writer {width:130px;}
.board_wrap .board_body_container .table > tbody > tr > td.title {text-align:left;}
.board_wrap .board_body_container .table > tbody > tr > td.title img {position:relative; top:5px;}
.board_wrap .board_body_container .table > tbody > tr > td.check {position:relative; top:0; right:0;}

/* Gallery */
.board_wrap .board_body_container .gallery_area {padding:20px 0px 0px;}
.board_wrap .board_body_container .gallery_area > li {display:inline-block; position:relative; box-sizing:border-box;}
.board_wrap .board_body_container .gallery_area > li a,
.board_wrap .board_body_container .gallery_area > li img {display:block; width:100%;}
.board_wrap .board_body_container .gallery_area > li .info .icon {position:absolute; top:10px; left:10px; font-family:'NotoKrM'; font-size:1.286em;}
.board_wrap .board_body_container .gallery_area > li .info .icon span {display:inline-block; margin-right:5px;}

/* Real */
.board_wrap .board_body_container .real_area > li .info {padding:20px 20px 0px; height:145px; text-align:center; box-sizing:border-box; background-color:#f4f4f4;}
.board_wrap .board_body_container .real_area > li .info .title {font-family:'NotoKrB'; font-size:1.688em;}
.board_wrap .board_body_container .real_area > li .info .tag {margin-top:16px; font-size:1.125em; color:#686868;}
.board_wrap .board_body_container .real_area > li .info .tag > li {display:inline-block; margin-left:10px;}
.board_wrap .board_body_container .real_area > li .info .tag > li:first-child {margin-left:0;}

/* Review */
.board_wrap .board_body_container .review_area > li {padding:10px; border:1px solid #bbb;}
.board_wrap .board_body_container .review_area > li .thumb {height:195px; overflow:hidden;}
.board_wrap .board_body_container .review_area > li .thumb img.no_img {position:relative;}
.board_wrap .board_body_container .review_area > li .info {margin-top:20px; line-height:1.1em;}
.board_wrap .board_body_container .review_area > li .info .title {margin-right:5px; font-family:'NotoKrL'; color:#777;}
.board_wrap .board_body_container .review_area > li .info .category {font-family:'NotoKrB'; font-size:1.286em;}

/* Video */
.board_wrap .board_body_container .video_area > li .info {position:relative; padding:20px 10px 0px;}
.board_wrap .board_body_container .video_area > li .info .title {margin-top:15px; line-height:1.5em; font-size:2.143em;}
.board_wrap .board_body_container .video_area > li .info .regdate {margin-top:15px; font-family:'NotoKrL'; color:#6c6c6c;}
.board_wrap .board_body_container .video_area > li .z_btn {margin-top:20px; width:auto; text-align:center;}

/* Counsel */
.board_wrap .board_body_container .counsel_area > li {position:relative; margin-top:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.board_wrap .board_body_container .counsel_area > li a {display:inline-block;}
.board_wrap .board_body_container .counsel_area > li .title_area .info_area {font-size:0.923em; color:#999;}
.board_wrap .board_body_container .counsel_area > li .title_area .info_area > li.separate {color:#999;}
.board_wrap .board_body_container .counsel_area > li .title_area .title {margin-top:3px; font-size:1.154em;}
.board_wrap .board_body_container .counsel_area > li .state_area {position:absolute; top:7px; right:0;}
.board_wrap .board_body_container .counsel_area > li .state_area > li {margin-left:5px;}
.board_wrap .board_body_container .counsel_area > li .check {top:10px; right:180px;}

/* Event */
.board_wrap .board_body_container .event_area > li a {box-sizing:border-box;}
.board_wrap .board_body_container .event_area > li a:hover {border:2px solid #00eaff;}
.board_wrap .board_body_container .event_area > li .end_bg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8);}
.board_wrap .board_body_container .event_area > li .end_text {position:absolute; top:50%; left:0; margin-top:-1em; width:100%; font-size:2.308em; text-align:center; color:#fff;}