@charset "utf-8";

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}

/* board search icon */
.i-sch {width:24px; height:24px;}
.i-sch:before {height:19px; width:19px; border:2px solid currentColor; border-radius:100%; top:0; left:0;}
.i-sch:after {width:2px; height:8px; background-color:currentColor; transform:rotate(-45deg); border-radius:50px; top:16px; left:19px;}

/* board check box */
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;padding-left:20px;color:#676e70;vertical-align:baseline}
.chk_box input[type="checkbox"] + label:hover{color:#2172f8}
.chk_box input[type="checkbox"] + label span {position:absolute;top:10px;left:10px;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:20px}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.all_chk.chk_box input[type="checkbox"] + label span {top:0;left:0}

/* category */
#bo_cate {}
#bo_cate ul {display:inline-block; background-color:#efefef; border-radius:50px; zoom:1;}
#bo_cate li {display:inline-block; width:6.167em; font-weight:700; font-size:1.333em; text-align:center;}
#bo_cate a {display:block; padding:.625em 0; border-radius:30px; color:#919191;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#184c80;color:#fff !important;}
#bo_cate #bo_cate_on {z-index:2;background:#184c80;color:#fff;}

@media screen and (max-width: 900px) {
	#bo_cate ul {width:66.66%;}
	#bo_cate li {width:33.33%; font-size:1.2em;}
}
@media screen and (max-width: 568px) {
	#bo_cate ul {width:100%;}
}

/* search */
.bo_sch_wrap {display:none; width:100%; height:auto; padding:0 1.2em; margin-top:2.4em;}
.bo_sch_wrap .sch-box {width:100%; height:inherit; border-bottom:1px solid #777; overflow:hidden;}
.bo_sch_wrap input {float:left; display:block; width:calc(100% - 32px); padding:.75em;}
.bo_sch_wrap button {float:left; width:32px; height:32px; padding:4px; margin-top:.3em; color:#777;}

@media screen and (max-width: 900px) {
	.bo_sch_wrap {display:block;}
}

/* user button */
#bo_btn_top {margin:10px 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:5px;float:right;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 {display:none; float:left;line-height:34px;font-size:0.92em;color:#4e546f}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;width:40px;text-align:center;margin-left:5px;background:#fff}
.btn_bo_user > li {position:relative}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#fff6fa !important;border-bottom:1px solid #f8e6ee}
.bo_notice td a {font-weight:bold}
.bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:bold;color:#f9267f}

.btn_more_opt {width:24px;}
.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999;font-size:12px;}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:12px}

/* list */
.gall_lst {width:100%; height:auto; margin:3.889em 0 3.111em;}
.gall_lst:after {content:''; display:block; clear:both;}
.gall_lst .gall_li {float:left; width:50%; min-height:1px; padding:0 9px; margin-bottom:1em; position:relative;}
.gall_lst .gall_li .gall_box {width:100%; height:100%; position:relative;}
/* .gall_lst .gall_li .gall_box */
.gall_lst .gall_li .gall_box .gall_chk {position:absolute; top:0; left:0; padding:5px; z-index:1;}
.gall_lst .gall_li .gall_box a {display:block; width:100%; height:100%; overflow:hidden; position:relative;}
.gall_lst .gall_li .gall_box a:after {content:''; display:none; width:inherit; height:100%; background-color:rgba(0,0,0,.7); position:absolute; top:0; left:0;}
.gall_lst .gall_li .gall_img {display:block; width:100%; height:18.167em; line-height:0; position:relative;}
.gall_lst .gall_li .gall_img img {max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.gall_lst .gall_li .no_image {display:block; background-color:#eee; text-align:center; line-height:13.333em; text-transform:uppercase; font-weight:700; color:#777;}

.gall_lst .gall_li .tt-box {width:calc(100% - 18px); padding:0 1.333em; position:absolute; bottom:0; left:9px; color:#fff; transition:all .3s; text-align:right;}
.gall_lst .gall_li .tt-box p {}
.gall_lst .gall_li .tt-box p strong {font-size:1.111em;}
.gall_lst .gall_li .tt-box em {display:block; font-size:1.3em; margin:.75em 0 1.2em; letter-spacing:-0.06em; line-height:1.2;}

.gall_lst .empty_list {background-color:#f5f5f5; padding:8em 0; text-align:center}

.gall_lst .gall_li .gall_box a:hover:after {display:block;}
.gall_lst .gall_li .gall_box a:hover .tt-box {z-index:1; bottom:2.8em; text-align:center;}
.gall_lst .gall_li .gall_box a:hover .tt-box p strong {font-size:1em;}
.gall_lst .gall_li .gall_box a:hover .tt-box em {font-size:1.778em;}

@media screen and (max-width: 900px) {
	.gall_lst .gall_li .tt-box {text-align:left;}
}
@media screen and (max-width: 568px) {
	.gall_lst {margin:2.222em 0 0;}
	.gall_lst .gall_li {width:100%; padding:0;}
	.gall_lst .gall_li .gall_img {height:auto;}
	.gall_lst .gall_li .gall_img img {position:static; transform:none;}
	.gall_lst .gall_li .tt-box {padding:0 .5em;}
	.gall_lst .gall_li .tt-box em {margin-bottom:.75em;}
}

/* 페이징 */
.pg_wrap {width:100%; height:auto; text-align:center;}
.pg_page, .pg_current {display:inline-block; vertical-align:middle; padding:0 14px; color:#999;}
.pg_current {color:#fe5c61;}
.pg_end {margin-left:1em;}
.pg_end .i-control {transform:rotate(-180deg);}
.pg_prev, .pg_next {display:none;}

@media screen and (max-width: 900px) {
	.pg_wrap {display:none;}
}

/* write */
#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {padding-right:120px}
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0;}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;padding:8px;border-radius:3px}
#bo_w input[type="text"] {width:100%; padding:8px; border:1px solid #d0d3db; border-radius:3px}

#bo_w .bo_w_tit #btn_autosave, #autosave_pop, #bo_w .cke_sc {display:none;}

/* view */
.int_view {}
.int_view .box {max-width:1180px; margin:0 auto;}
.int_view p {font-weight:300; font-size:.6em; margin-top:.6em;}
.int_view p strong {font-weight:500;}

#bo_v {max-width:980px !important;}
#bo_v .bt-back {display:inline-block; padding:1em 0 1em 2.4em; position:relative;}
#bo_v .bt-back span {display:block;}
#bo_v .bt-back span:after {content:''; display:block; width:100%; height:1px; background-color:currentColor; margin-top:.4em;}
#bo_v .bt-back .i-more {transform:rotate(-180deg); position:absolute; top:.85em; left:0;}

#bo_v_title {width:100%; height:auto; padding:2.222em 0; border-bottom:1px solid #333;}
#bo_v_title span {display:block;}
#bo_v_title .bo_v_tit {margin:.25em 0 .75em; line-height:1.3;}

#bo_v_atc {padding:3.333em 0; color:#777;}
#bo_v_img img {width:100%;}
#bo_v_con {/* padding-top:3.333em; */ line-height:1.5;}

#bo_v_top {width:100%; height:auto; border-top:1px solid #aaa; position:relative;}

.bo_v_nb {position:relative; height:5em; font-size:14px; overflow:hidden; color:#999;}
.bo_v_nb li {position:absolute; top:0; z-index:1;}
.bo_v_nb li a {display:block; padding:1em;}
.bo_v_nb li i {display:inline-block; vertical-align:middle; margin-right:.5em;}
.bo_v_nb li.btn_prv {left:0;}
.bo_v_nb li.btn_next {right:0;}
.bo_v_nb li.btn_next i {transform:rotate(-180deg); margin-left:.5em; margin-right:0; margin-top:-2px;}

#bo_v_top .bt-lst-back {display:block; padding:2em; position:absolute; top:0; left:50%; margin-left:-80px; font-size:14px; color:#999;}

@media screen and (max-width: 900px) {
	.int_view {padding-top:2.714em !important; background-position:70% 50% !important;}

	.bo_v_nb {height:4em;}
	#bo_v_top .bt-lst-back {position:static; padding:1em; margin-left:0; text-align:center;}
}