@charset "utf-8";

/* process */
.process {}
.process .step {}
.process .step ul {width:100%; height:auto; margin-top:3.556em; position:relative; display:flex; justify-content:space-between;}
.process .step ul:before {content:''; display:block; width:calc(100% - .444em); height:1px; background-color:#bbb; position:absolute; top:5.556em; left:.444em; z-index:-1;}
.process .step ul li {width:11.111em; height:11.111em; padding:3.556em 0; border-radius:100%; text-align:center; position:relative;}
.process .step ul li:before {content:''; display:block; width:calc(100% - .444em); height:calc(100% - .444em); border-radius:100%; background-color:#f5f5f5; position:absolute; top:.222em; left:.222em; z-index:-1;}
.process .step ul li em {display:block; color:#777;}
.process .step ul li mark {display:block; margin-top:.714em;}
.process .step ul li strong {font-weight:700;}
.process .step ul li:nth-child(5) {border:1px solid #184c80; color:#fff;}
.process .step ul li:nth-child(5) em {color:#fff;}
.process .step ul li:nth-child(5):before {background-color:#184c80;}
.process .step p {text-align:center; font-size:.778em; margin-top:1.2em;}

@media screen and (max-width: 900px) {
	.process .step {width:100%; overflow-x:auto;}
	.process .step .mo-scroll {width:900px; min-height:176px;}
	.process .step ul:before {top:5em;}
	.process .step ul li {width:10em; height:10em;}
}
@media screen and (max-width: 568px) {

}

/* detail */
.detail {width:100%; height:auto; border-top:1px solid #ccc; padding-top:4.444em; margin-top:4.444em; display:table; position:relative;}
.detail h4 {display:table-cell; vertical-align:top; width:33.33%;}
.detail ul {display:table-cell; width:66.66%;}
.detail ul:after {content:''; display:block; clear:both;}
.detail ul li {float:left; width:50%; color:#777; line-height:1.3;}
.detail ul li em {display:block; color:#333; padding-bottom:.444em;}
.detail .max-lnk {position:absolute; bottom:34%; left:0; color:#777;}

@media screen and (max-width: 568px) {
	.detail h4, .detail ul {width:50%;}
	.detail ul li {float:none; width:100%;}
	.detail ul li:nth-child(2) {margin-top:2em;}
	.detail .max-lnk {bottom:54%}
}
@media screen and (max-width: 320px) {
	.detail {display:block;}
	.detail h4, .detail ul {display:block; width:100%;}
	.detail ul li:nth-child(1) {margin-top:1.5em;}
	.detail .max-lnk {position:relative; margin-top:1em;}
}

/* cheditor issue */
.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:60px;left:0;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; z-index: 1000;}
.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}


#bo_list {background-color:#f8f8f8; padding:7.778em 0;}
@media screen and (max-width: 900px) {
	#bo_list {padding:5.133em 0;}
	#bo_list .inner {padding:0 !important;}
	#bo_list .inner > h3 {padding:0 1em;}
}

/* category */
#bo_cate {width:100%; border-bottom:1px solid #ddd; margin-top:1.778em; overflow-x:auto;}
#bo_cate ul {display:inline-block; zoom:1;}
#bo_cate li {display:inline-block; font-size:1.333em;}
#bo_cate a {display:block; padding:2.083em; padding-left:0; color:#777;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none; font-weight:700;}
#bo_cate #bo_cate_on {z-index:2; font-weight:700; color:#333;}

@media screen and (max-width: 900px) {
	#bo_cate {width:calc(100% - 2.4em); margin:0 auto;}
	#bo_cate ul {width:506px;}
	#bo_cate li {font-size:1em;}
}

/* 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;}
	.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 */
.bo-list {}
.bo-list > li {}
.bo-list > li .tt-box {border-bottom:1px solid #ddd;}
.bo-list > li .tt-box .tit {padding:2.222em 0; overflow:hidden; cursor:pointer; position:relative;}
.bo-list > li .tt-box .tit > span {float:left; display:block; width:10em; text-align:center;}
.bo-list > li .tt-box .tit .wk_type {color:#555;}
.bo-list > li .tt-box .tit h4 {float:left; width:calc(100% - 30em); padding-left:1em; color:#555;}
.bo-list > li .tt-box .tit button {float:left; display:block; width:10em; color:#999; outline:none;}
.bo-list > li .tt-box .tit button span {display:inline-block; vertical-align:middle;}
.bo-list > li .tt-box .tit button .i-triangle {display:inline-block; vertical-align:middle; color:#d9d9d9;}
.bo-list > li .tt-box .tit.current button .i-triangle {transform:rotate(-180deg);}

.bo-list > li .con-box {display:block; width:100%; max-width:800px; height:auto; padding:2.222em 0 4.444em; margin:0 auto; position:relative;}
.bo-list > li .con-box .bt-modify {display:inline-block; padding:5px; margin-left:5px; background-color:#333; color:#fff; font-size:15px;}
.bo-list > li .con-box .bt-modify:hover {background-color:#e76674; color:#fff !important;}
.bo-list > li .con-box h4 {}
.bo-list > li .con-box .editor-wrap {line-height:1.7;}
.bo-list > li .con-box .editor-wrap h1 {font-weight:500; font-size:1.333em; margin-top:1.667em;}
.bo-list > li .con-box .editor-wrap ul {color:#777;}
.bo-list > li .con-box .editor-wrap ul li:before {content:'-'; display:inline-block; margin-right:4px;}

.bo-list > li .con-box .bt-lnk1 {margin-top:2.222em;}
.bo-list > li .con-box .bt-lnk1 mark {display:block;}
.bo-list > li .con-box .bt-lnk2 {display:block; padding:.583em 1.25em; position:absolute; top:1.667em; right:0; background-color:#184c80; color:#fff;}
.bo-list > li .con-box .bt-lnk2:hover {background-color:#e76674; color:#fff !important;}

.bo-list > li.empty_list {background-color:#fff; padding:8em 0; text-align:center}

@media screen and (max-width: 900px) {
	.bo-list > li .tt-box {width:calc(100% - 2.4em); margin:0 auto;}
	.bo-list > li .tt-box .tit {display:flex; flex-wrap:wrap;}
	.bo-list > li .tt-box .tit > span {float:none; display:inline-block; width:auto; padding-left:1em; margin-top:1em; font-size:.933em;}
	.bo-list > li .tt-box .tit .ca_name {order:2;}
	.bo-list > li .tt-box .tit .wk_type {order:3; padding-left:2em; color:#333;}
	.bo-list > li .tt-box .tit h4 {float:none; width:100%; font-weight:700; font-size:1em; color:#333;}
	.bo-list > li .tt-box .tit button {float:none; width:auto; position:absolute; top:50%; right:0; transform:translateY(-50%);}
	.bo-list > li .tt-box .tit button span {font-size:0;}
	.bo-list > li .tt-box .tit button .i-triangle {width:20px; height:20px; color:#757575;}
	.bo-list > li .tt-box .tit button .i-triangle:before {width:10px; height:10px; border:1px solid currentColor; border-right-width:0; border-top-width:0; transform:rotate(-45deg); bottom:8px; left:5px;}

	.bo-list > li .con-box {background-color:#f0f0f0; padding:2.2em;}
	.bo-list > li .con-box .editor-wrap h1 {font-size:1.13em;}
	.bo-list > li .con-box .bt-lnk2 {position:static; padding:1em; text-align:center; margin-top:1em;}

}

/* 페이징 */
.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;}

.help-box > button {display:inline-block; padding:8px; border:1px solid #000; background-color:#333; color:#fff; font:bold 15px 'Malgun Gothic'; letter-spacing:-1px;}
.help-box .help-layer {width:900px; height:600px; overflow-y:auto; position:fixed; top:10%; left:50%; z-index:1; margin-left:-450px;}
.help-box .help-layer:after {content:''; display:block; width:100%; height:100%; background-color:rgba(0,0,0,.75); position:fixed; top:0; left:0; z-index:-1;}
.help-box .help-layer img {line-height:0;}
.help-box .help-layer button {display:block; width:100%; height:48px; text-align:center; background-color:#9f1212; color:#fff;}


/* 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:1.666em 0 3.333em; color:#777;}
#bo_v_img img {width:100%;}
#bo_v_con {/* padding-top:3.333em; */ line-height:1.5;}
#bo_v_con h1 {font-weight:500; font-size:1.333em; margin-top:1.667em; color:#333;}
#bo_v_con ul {color:#777;}
#bo_v_con ul li:before {content:'-'; display:inline-block; margin-right:4px;}

#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;}
}