@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
*{box-sizing:border-box;}
/* ### 기본 스타일 커스터마이징 시작 ### */
/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01{}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover{}
#bo_list a.btn_b02{color:#fff}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover{}
#bo_list a.btn_admin{} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover{}
/* 읽기 버튼 */
#bo_v a.btn_b01{}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover{}
#bo_v a.btn_b02{}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover{}
#bo_v a.btn_admin{} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover{}
/* 쓰기 버튼 */
#bo_w .btn_confirm{} /* 서식단계 진행 */
#bo_w .btn_submit{}
#bo_w button.btn_submit{}
#bo_w fieldset .btn_submit{}
#bo_w .btn_cancel{}
#bo_w button.btn_cancel{}
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover{}
#bo_w a.btn_frmline, #bo_w button.btn_frmline{} /* 우편번호검색버튼 등 */
#bo_w button.btn_frmline{}
/* 기본 테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01{}
#bo_list .tbl_head01 caption{}
#bo_list .tbl_head01 thead th{}
#bo_list .tbl_head01 thead a{}
#bo_list .tbl_head01 thead th input{} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th{}
#bo_list .tbl_head01 tfoot td{}
#bo_list .tbl_head01 tbody th{}
#bo_list .tbl_head01 td{}
#bo_list .tbl_head01 a{}
#bo_list td.empty_table{}
/* 읽기 내 테이블 */
#bo_v .tbl_head01{}
#bo_v .tbl_head01 caption{}
#bo_v .tbl_head01 thead th{}
#bo_v .tbl_head01 thead a{}
#bo_v .tbl_head01 thead th input{} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th{}
#bo_v .tbl_head01 tfoot td{}
#bo_v .tbl_head01 tbody th{}
#bo_v .tbl_head01 td{}
#bo_v .tbl_head01 a{}
#bo_v td.empty_table{}
/* 쓰기 테이블 */
#bo_w table{}
#bo_w caption{}
#bo_w .frm_info{}
#bo_w .frm_address{}
#bo_w .frm_file{}
#bo_w .tbl_frm01{}
#bo_w .tbl_frm01 th{}
#bo_w .tbl_frm01 td{}
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input{}
#bo_w .tbl_frm01 textarea{}
#bo_w .tbl_frm01 a{}
/* 필수입력 */
#bo_w .required, #bo_w textarea.required{}
#bo_w .cke_sc{}
#bo_w button.btn_cke_sc{}
#bo_w .cke_sc_def{}
#bo_w .cke_sc_def dl{}
#bo_w .cke_sc_def dl:after{}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd{}
#bo_w .cke_sc_def dt{}
#bo_w .cke_sc_def dd{}
/* ### 기본 스타일 커스터마이징 끝 ### */
/* 게시판 목록 */
#bo_list .td_board{width:120px;text-align:center}
#bo_list .td_chk{width:30px;text-align:center}
#bo_list .td_date{width:60px;text-align:center}
#bo_list .td_datetime{width:110px;text-align:center}
#bo_list .td_group{width:100px;text-align:center}
#bo_list .td_mb_id{width:100px;text-align:center}
#bo_list .td_mng{width:80px;text-align:center}
#bo_list .td_name{width:100px;text-align:left}
#bo_list .td_nick{width:100px;text-align:center}
#bo_list .td_num{width:50px;text-align:center}
#bo_list .td_numbig{width:80px;text-align:center}
#bo_list .txt_active{color:#5d910b}
#bo_list .txt_expired{color:#ccc}
#bo_cate h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul{margin-bottom:10px;padding-left:1px;zoom:1}
#bo_cate ul:after{display:block;visibility:hidden;clear:both;content:""}
#bo_cate li{float:left;margin-bottom:-1px}
#bo_cate a{display:block;position:relative;padding:6px 0 5px;width:100%;margin-right:-1px; border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{text-decoration:none}
#bo_cate #bo_cate_on{z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}
.td_subject img{margin-left:3px}
/* 게시판 목록 공통 */
.bo_fx{zoom:1;}
.bo_fx:after{display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul{margin:0;padding:0;list-style:none}
#bo_list_total{float:left;padding-top:9px; margin-bottom: 5px;}
.btn_bo_user{float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li{float:left;margin-left:5px}
.btn_bo_adm{float:left}
.btn_bo_adm li{float:left;margin-right:5px}
.btn_bo_adm input{padding:8px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle}
.bo_notice td{background:#f5f6fa}
.bo_notice td a{font-weight:bold}
.td_num strong{color:#000}
.bo_cate_link{display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current{color:#e8180c}
#bo_list .cnt_cmt{display:inline-block;margin:0 0 0 3px;font-weight:bold}
#bo_sch{margin-bottom:10px;padding-top:5px;text-align:center}
#bo_sch legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
/* 게시판 쓰기 */
#char_count_desc{display:block;margin:0 0 5px;padding:0}
#char_count_wrap{margin:5px 0 0;text-align:right}
#char_count{font-weight:bold}
#autosave_wrapper{position:relative}
#autosave_pop{display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
html.no-overflowscrolling #autosave_pop{height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong{position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div{text-align:right}
#autosave_pop button{margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul{margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li{padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after{display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a{display:block;float:left}
#autosave_pop span{display:block;float:right}
.autosave_close{cursor:pointer}
.autosave_content{display:none}
/* 게시판 읽기 */
#bo_v{margin-bottom:20px;padding:10px 10px 20px 10px; position:relative;}
#bo_v h1, #bo_v h2, #bo_v h3, #bo_v h4{font-family: 'Noto Sans KR', sans-serif !important;}
#bo_v_table{display:none;}
#bo_v header{position: relative;}
#bo_v_title{font-size:2em; font-weight:bold; margin-bottom:10px; border-bottom:1px solid #ddd; padding:20px 10px 10px 10px;}
#bo_v_info{}
#bo_v_info h2{display:none;}
#bo_v_info dl{padding:0 10px; margin-bottom:0;}
#bo_v_info dl:after{display:block; content:''; clear:both;}
#bo_v_info dt{color:#777; float:left; margin-right:2px;}
#bo_v_info dd{font-weight:bold; color:#02b8a0; float:left; margin-right:8px;}
#bo_v_con{text-align:center;}
#bo_v .btns{text-align:center; margin:20px;}
#bo_v #nlist{width:100%; margin:0; padding:0; list-style:none; margin-bottom:20px;}
#bo_v #nlist:after{display:block; content:''; clear:both;}
#bo_v #nlist li{clear:both; padding:4px; overflow:hidden; border:2px solid #ddd; margin-bottom:-2px;}
#bo_v #nlist li.active{border:2px solid #fb8b4a;}
#bo_v #nlist li .thumb{width:100px; height:75px; float:left; margin-right:-110px;}
#bo_v #nlist li .thumb img{width:100%;}
#bo_v #nlist li h4{float:left; padding-left:110px;}
#bo_v .rating{margin:0 auto;}
@media(min-width:100px){#bo_v_info{position:absolute; bottom:10px; right:10px;}#bo_v #nlist{border:1px solid #ddd; padding:5px; display:table; width:auto; margin:10px auto;}#bo_v #nlist li{float:left; clear:none; width:120px; margin:0 5px; border:0;}#bo_v #nlist li .thumb{float:none; margin:0; margin-bottom:10px}#bo_v #nlist li h4{float:none; padding:0;}}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest{font-weight:bold}
#bo_v_file{}
#bo_v_file h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul{margin:0;padding:0;list-style:none}
#bo_v_file li{padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_file a{display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active{text-decoration:none}
#bo_v_file img{float:left;margin:0 10px 0 0}
.bo_v_file_cnt{display:inline-block;margin:0 0 3px 16px}
#bo_v_link{}
#bo_v_link h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul{margin:0;padding:0;list-style:none}
#bo_v_link li{padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_link a{display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active{text-decoration:none}
.bo_v_link_cnt{display:inline-block;margin:0 0 3px 16px}
#bo_v_top{margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after{display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul{margin:0;padding:0;list-style:none}
#bo_v_bot{zoom:1}
#bo_v_bot:after{display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul{margin:0;padding:0;list-style:none}
.bo_v_nb{float:left}
.bo_v_nb li{float:left;margin-right:5px}
.bo_v_com{float:right}
.bo_v_com li{float:left;margin-left:5px}
#bo_v_atc{min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title{position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_img{margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after{display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img{margin-bottom:20px;max-width:100%;height:auto}
#bo_v_con{margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden; min-height:500px}
#bo_v_con a{color:#000;text-decoration:underline}
#bo_v_con img{max-width:100%;height:auto}
#bo_v_act{margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng{position:relative}
#bo_v_act a{margin-right:5px;vertical-align:middle}
#bo_v_act strong{color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood{display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
#bo_v_sns{margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after{display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li{float:left;margin:0 5px 0 0}
/* 게시판 댓글 */
#bo_vc{margin-top:20px;padding:20px 20px 10px;border:1px solid #e5e8ec;border-radius:4px;}
#bo_vc h2{margin-bottom:10px}
#bo_vc article{padding:0 0 10px;border-top:1px dotted #ccc}
#bo_vc header{position:relative;padding:15px 0 5px}
#bo_vc header .icon_reply{position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap{margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest{font-weight:bold}
.bo_vc_hdinfo{display:inline-block;margin:0 15px 0 5px}
#bo_vc h1{position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a{color:#000;text-decoration:none}
#bo_vc p{padding:0 0 5px;line-height:1.8em}
#bo_vc p a{text-decoration:underline}
#bo_vc p a.s_cmt{text-decoration:none}
#bo_vc_empty{margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo{float:left}
#bo_vc footer{zoom:1}
#bo_vc footer:after{display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act{float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after{display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li{float:left;margin-left:5px}
#bo_vc_w{margin-top:20px;}
#bo_vc_w .controls{position:relative; padding:10px;border:1px solid #cfded8; border-radius: 4px; margin-bottom:10px;}
#bo_vc_w h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt{display:block;margin:0 0 5px}
#bo_v .controls{overflow:hidden;}
#bo_v .cmt-label,
#bo_v .cmt-control{padding:6px 3px;}
#bo_v .cmt-control .bt-input{width:100%;}
#bo_v .cmt-control textarea{width:100%;min-height:100px;}
@media(min-width:100px){#bo_v .cmt-label{float:left; clear:both; width:100px; margin-right:-110px; line-height:34px;}#bo_v .cmt-control{float:left; width:100%; margin-left:110px; padding-right:110px;}#bo_v .cmt-control .bt-input{width:150px;}}
#bo_vc_sns{margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after{display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li{float:left;margin:0 20px 0 0}
#bo_vc_sns input{margin:0 0 0 5px}
/***************************************
* 글 보기
****************************************/
/***************************************
* 기본 CSS
****************************************/
/* 버튼 */
.bt-btn{border-radius:0; padding:6px; border-width:1px; border-style:solid; text-decoration:none;}
.bt-btn:hover{text-decoration:none;}
.bt-btn-primary{background:#ef1432; color:#fff; border-color:#ef1432;}
.bt-btn-primary:hover{background:#ef1432; border-color:#ef1432;}
.bt-btn-default{background:#fff; color:#333; border-color:#ccc;}
.bt-btn-default:hover{background:#f3f3f3;}
.bt-btn-sm{font-size:.9em; padding: 2px;}
.bt-btn-md{font-size:1em; padding:4px;}
.bt-btn-lg{font-size:1.2em; padding:6px;}
/* input */
.bt-input{border:1px solid #ddd;}
.bt-input{padding:6px;}
.bt-input-sm{font-size:.9em; padding: 2px;}
.bt-input-md{font-size:1em; padding:4px;}
.bt-input-lg{font-size:1.2em; padding:6px;}
/* table */
.bt-table{width:100%; margin-bottom:10px;}
.bt-table caption{display:none;}
.bt-table thead th{border-bottom:2px solid #eaeaea; border-top:1px solid #ddd;}
.bt-table th{padding:10px; font-weight:bold; text-align:left;}
.bt-table td{padding:6px;}
@media(max-width:1255px){.bt-hidden-xs{display:none;}.bt-visible-xs{display:block;}}
/* 별점 */
.star-rating>span{font-family: FontAwesome;color:#f00;font-size:1.2em;}
.star-rating>span:before{content: "\f006";}
.star-rating>span.fill:before{content: "\f005";}
.star-rating>span.half:before{content: "\f123";}
.star-rating>span.fill:before{content: "\f005";}
/*****************************************************
* 웹툰 커버 관리
*****************************************************/
#mgr .btns{text-align:right; border:1px solid #ddd; padding:10px; margin-bottom:10px;}
#mgr #wt_title{border:1px solid #ccc; padding:4px;}
#mgr table{width:100%; border-collapse: collapse;}
#mgr table thead th{border-top:2px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0;}
#mgr table tbody tr:nth-child(even){background:#efefef;}
#mgr .thumb{width:80px;height:80px;}
#mgr .thumb img{width:100%;height:100%;}
#mgr table tbody td{padding:4px;}
#mgr table tbody td button{border:1px solid #ddd; background:#fff; padding:4px;}
#mgr_form table{width:100%; border-collapse:collapse; margin-bottom:20px;}
#mgr_form th,
#mgr_form td{border:1px solid #ddd; padding:5px;}
#mgr_form th{background:#efefef;}
#mgr_form input,
#mgr_form select{padding:4px;}
#mgr_form .btns{text-align:center;}
#mgr_form .btns button{border:0; padding:5px;}
#mgr_form .btns button.btn-submit{background:#007acc; color:#fff;}
#mgr_form .btns button.btn-normal{background:#ddd;}
#mgr_form .thumb{border:1px solid #ddd; margin:4px; border-radius:4px; padding:4px; display:inline-block;}
#mgr_form .thumb p{margin-top:5px;}
#mgr_form .thumb p a{font-weight:bold;display:inline-block;padding:4px;border:1px solid #ddd; border-radius:2px; text-decoration: none;}
#mgr_form .thumb p a:hover{background:#007acc; color:#fff; border-color:#007acc;}
/***************************************
* 칼라박스
****************************************/
#colorbox{z-index:999999 !important; margin-bottom:30px; margin-bottom:30px;}
#cboxClose{top:2px !important}
/*****************************************************
* 웹툰 그룹부분
*****************************************************/
#wt_wrap *{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
/* 검색박스 */
#wt_list #fwtsearch{display:block;margin:0 auto;margin-bottom:20px; padding:30px 0; border:1px solid #ddd; text-align:center; background:url(img/naver_per.png) center;}
#wt_list #fwtsearch .bt-input{border:1px solid #fb8b4a;}
/* 관리자 버튼 */
#wt_list #nav_mgr{border:1px solid #ddd; text-align:right; padding:4px; margin-bottom:10px;}
/* 카테고리 */
#wt_list #btn_show_cate{width:100%; margin-bottom:10px;}
#wt_list #nav_cate{margin:0; padding:0; width:100%; list-style:none; margin-bottom:10px; display:none; overflow:hidden;}
#wt_list #nav_cate li{float:left; width:20%; text-align:center; padding:5px 0;}
#wt_list #nav_cate li.on{background:#fb8b4a; border-radius:50%; padding:4px;}
#wt_list #nav_cate li.on a{font-weight:bold; color:#fff;}
@media(min-width:100px){#wt_list #btn_show_cate{display:none;}#wt_list #nav_cate{display:table; width:100%;}#wt_list #nav_cate li{float:none; width:auto; display:table-cell; text-align:center; padding:5px 0; border:1px solid #ddd; border-right-width:0;}#wt_list #nav_cate li:last-child{border-width:1px;}#wt_list #nav_cate li.on{background:#127bba; border-color:#127bba; border-radius:0;}#wt_list #nav_cate li.on a{color:#fff;}}
/* 서브네비 그룹 */
/* 초성 검색 */
#wt_list .sub-navc #btn_show_cho{width:100%; margin-bottom:10px;}
#wt_list .sub-navc #nav_cho{margin:0; list-style:none; border:1px solid #ddd; margin-bottom:10px; padding:10px; display:none; overflow:hidden;}
#wt_list .sub-navc #nav_cho li{float:left; width:5.8%; text-align:center; padding:5px 0; cursor: pointer;}
#wt_list .sub-navc #nav_cho li.active{background-color:#127bba;}
@media(min-width:835px){#wt_list .sub-navc #btn_show_cho{display:none;}#wt_list .sub-navc #nav_cho{display:block; border:0; overflow:hidden; padding:0; width:100%;}#wt_list .sub-navc #nav_cho li{width:5.88%; padding:4px 8px; border:1px solid #ddd; border-right-width:0;}#wt_list .sub-navc #nav_cho li.active{background-color:#127bba;}#wt_list .sub-navc #nav_cho li.active a{color:#fff;}#wt_list .sub-navc #nav_cho li:last-child{border-right-width:1px;}}
/* 연재중/완결 */
#wt_list .sub-nav #nav_fin{margin:0; padding:0; list-style:none; overflow:hidden; height: 36px; margin-bottom:11px;}
#wt_list .sub-nav #nav_fin:after{display:block; content:''; clear:both; margin-bottom:10px;}
@media(min-width:490px){#wt_list .sub-nav #nav_fin li{float:left; width:126px; padding-top: 7px; padding-bottom: 7px; border:1px solid #4d4d4d; color:#fff; border-right:0; text-align:center;border-right: 1px solid #4d4d4d;background: #4d4d4d; border-radius:5px; cursor:pointer;}#wt_list .sub-nav #nav_fin li:last-child{width:126px;border-right:1px solid #4d4d4d; background:#4d4d4d}#wt_list .sub-nav #nav_fin li.on{width:126px; background:#fff; color:#f0c308; border:1px solid #f0c308;}#wt_list .sub-nav #nav_fin li.on a{color:#127bba;}#wt_list .sub-nav #nav_fin li.hover a{color: #fff;font-size: 15px;font-weight: bold;}#wt_list .sub-nav #nav_fin li a{color: #fff;font-size: 15px;font-weight: bold;}#wt_list .sub-nav #nav_fin li.on a{color: #fff;font-size: 15px;font-weight: bold;}}
@media(max-width:490px){#wt_list .sub-nav #nav_fin li{float:left; width:70px; padding-top: 7px; padding-bottom: 7px; border:1px solid #4d4d4d; color:#fff; border-right:0; text-align:center;border-right: 1px solid #4d4d4d;background: #4d4d4d; border-radius:5px; cursor:pointer;}#wt_list .sub-nav #nav_fin li:last-child{width:80px;border-right:1px solid #4d4d4d; background:#4d4d4d}#wt_list .sub-nav #nav_fin li.on{width:70px; background:#fff; color:#f0c308; border:1px solid #f0c308;}#wt_list .sub-nav #nav_fin li.on a{color:#127bba;}#wt_list .sub-nav #nav_fin li.hover a{color: #fff;font-weight: bold;}#wt_list .sub-nav #nav_fin li a{color: #fff;font-weight: bold;}#wt_list .sub-nav #nav_fin li.on a{color: #fff;font-weight: bold;}}
@media(min-width:100px){#wt_list .sub-nav #nav_fin{width:100%;float:right;}#wt_list .sub-nav #nav_fin li{}}
/* 커버 목록 */
#wt_list #coverlist *{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
#wt_list #coverlist{list-style:none; padding:0;}
#wt_list #coverlist li{float:left;width:16.66%; overflow-x:hidden; padding:0px 7px 21px 7px}
#wt_list #coverlist li .item{position:relative}
#wt_list #coverlist li .item .thumb{border:1px solid #ddd; border-radius:4px; overflow:hidden; position:relative;}
#wt_list #coverlist li .item .thumb:hover{border:1px solid #f00;}
#wt_list #coverlist li .item .thumb img{width:100%; border-radius:4px;}
#wt_list #coverlist li .item .explain{width:100%;}
#wt_list #coverlist li .item .explain .head{width:100%; padding:10px;}
#wt_list #coverlist li .item .explain .head a{font-weight:bold; white-space: nowrap;}
#wt_list #coverlist li .item .explain .head a.btn,
#wt_list #coverlist li .item .explain .head .summ{display:none;}
#wt_list #coverlist li .item .explain .head:after{display:block;content:'';clear:both;}
#wt_list #coverlist li .item .explain .summ{display:none;}
#wt_list #coverlist li .item .explain .overview{display:none;}
#wt_list #coverlist li .item .btns{display:none;}
#wt_list #coverlist:after{display:block;content:'';clear:both;}
#wt_list #coverlist li .item .thumb .label-band{z-index: 2; font-family: tahoma; top: 5px; letter-spacing: 1px; width: 95px; padding: 5px; right: -32px; font-size: 11px; position: absolute; text-align: center; font-weight: normal; background-color:#f00; color:#fff; border:1px solid #fff; transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
@media(max-width:1255px){#wt_list #coverlist li{width:50%}}
@media(min-width:1145px){#wt_view{width:100%; border:1px solid #bfbfbf; position:relative; overflow:hidden; background:#38393d; margin-bottom:20px; min-height:150px;}#wt_view:after{display:block; content:''; clear:both;}#wt_view .thumb{float:left; width:55%; margin-right:-200px;}#wt_view .thumb img{width:100%;}#wt_view .explain{float:left; margin-left: 210px; height:72px; margin-top:27px;}#wt_view .explain .title{margin:10px 0 10px 0;}#wt_view .explain .title a{font-size:18px; font-weight:bold;}#wt_view .explain .summ{margin-bottom:15px;}#wt_view .explain .summ:after{display:block; content:''; clear:both;}#wt_view .explain .summ dt,#wt_view .explain .summ dd{float:left;}#wt_view .explain .summ dt{margin-right:5px;}#wt_view .explain .summ dd{margin-right:10px;}#wt_view .explain .overview{height:96px; overflow-y:hidden;}#wt_view .btns{width: 230px; float: right;}}
@media (max-width:1145px){#wt_view{width:100%; border:1px solid #bfbfbf; position:relative; overflow:hidden; background:#38393d; margin-bottom:20px; min-height:150px;}#wt_view:after{display:block; content:''; clear:both;}#wt_view .thumb{float:left; width:50%; margin-right:-200px;}#wt_view .thumb img{width:100%;}#wt_view .explain{float:left; margin-left: 210px; height:72px;}#wt_view .explain .title{margin:10px 0 10px 0;}#wt_view .explain .title a{font-size:18px; font-weight:bold;}#wt_view .explain .summ{margin-bottom:15px;}#wt_view .explain .summ:after{display:block; content:''; clear:both;}#wt_view .explain .summ dt,#wt_view .explain .summ dd{float:left;}#wt_view .explain .summ dt{margin-right:5px;}#wt_view .explain .summ dd{margin-right:10px;}#wt_view .explain .overview{height:96px; overflow-y:hidden;}#wt_view .btns{width: 230px; float: right;}}
@media(max-width:1020px){#wt_view .thumb{width:100%; float:none; position:relative;} #wt_view .explain{float:none; position:absolute; width:100%; bottom:0; left:0; margin:4px; height:auto; background:#000; opacity:0.8;filter: alpha(opacity=80);} #wt_view .explain *{opacity:1.;filter: alpha(opacity=100);} #wt_view .explain .btns{color:#333; position:relative; left:0; text-align:center;} #wt_view .explain .btns .btngo*{color:#fff;} #wt_view .explain .btns .btnfil*{color:#333;}}
.btngo{border: 1px solid gray; padding-left: 10px; padding-right: 10px; padding-top: 4px; font-weight: bold; padding-bottom: 3px; background-color: white; border-radius: 20px; color: fff; font-size: 14px;margin-right:5px;margin-top: -2px;}
button:focus{outline: none;}
#bo_list_btn{float:right;margin-right:5px;}
#bo_list_btn span{display: inline; margin-left: 0.25rem; color: rgba(0,0,0,0.87);font-size:15px;font-weight:bold;}
.tcnt{font-size: 16px;color: rgba(0,0,0,0.54);font-weight:bold;margin-left:15px;}
#wt_list .sub-nav #nav_fin li.on{background: #f0c308; color: #fff; border: 1px solid #f0c308;}
#wt_list .sub-nav #nav_fin li.hover{background: #f0c308; color: #fff; border: 1px solid #f0c308;}
#wt_list .sub-nav{position:relative;}
.section-title{border-bottom: solid 1px #f0c308;font-family: "Nanum Barun Gothic BC", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;font-weight:bold;font-size:1.5rem;}
.today-focus-item{border-color: #ef1432 !important;background-color: #ef1432;}
.homelist{padding-left: 0;list-style-type: none;float: left;border-top: 1px solid #f0c308;}