@charset "utf-8";

/* 글쓰기 */
#bo_w {position:relative;width:1240px;margin:0 auto;}
#bo_w:after {display:block;visibility:hidden;clear:both;content:""}

#bo_w .btn_confirm {display:block;margin:40px 0 0 0;text-align:center;}
#bo_w .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .btn_confirm button,
#bo_w .btn_confirm input,
#bo_w .btn_confirm a {vertical-align:top;}
#bo_w .btn_confirm .btn_submit,
#bo_w .btn_confirm .btn_cancel {width:180px;height:50px;line-height:50px;}
#bo_w .btn_confirm .btn_submit .underline,
#bo_w .btn_confirm .btn_cancel .underline {display:inline-block;width:20px;height:1px;margin:0 0 0 6px;vertical-align:baseline;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bo_w .btn_confirm .btn_submit .underline {background:#fff;}
#bo_w .btn_confirm .btn_cancel .underline {background:#999;}
#bo_w .btn_confirm .btn_submit:hover .underline {width:80px;}
#bo_w .btn_confirm .btn_cancel:hover .underline {width:80px;background:#fff;}


/* form */
.write_div {position:relative;margin:0 0 20px 0;}
.write_div:after {display:block;visibility:hidden;clear:both;content:""}

.write_div_half {position:relative;float:left;width:49%;margin:0 2% 0 0;padding:0 0 0 16%;line-height:50px;}
.write_div_half_last {position:relative;float:left;width:49%;margin:0;padding:0 0 0 16%;line-height:50px;}
.write_div_half:after,
.write_div_half_last:after {display:block;visibility:hidden;clear:both;content:""}

.write_div_half label,
.write_div_half_last label {display:block;position:absolute;left:0;top:0;padding:0;font-weight:500;line-height:50px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.bo_w_info,
.bo_w_tit,
.bo_w_select,
.bo_w_chkbox,
.bo_w_link,
.bo_w_file,
.bo_w_captcha {display:block;position:relative;padding:0 0 0 16%;line-height:50px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.bo_w_info label,
.bo_w_tit label,
.bo_w_select label,
.bo_w_chkbox .label,
.bo_w_link label,
.bo_w_file .label,
.bo_w_captcha .label {display:block;position:absolute;left:0;top:0;padding:0;font-weight:500;line-height:50px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.bo_w_select select {display:block;width:100%;height:50px;line-height:50px;text-indent:8px;background:#fff;border:solid 1px #ddd;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.bo_w_content {display:block;position:relative;margin:0 0 20px 0;}
.bo_w_content .wr_content {background:#fff;}
.wr_content.smarteditor2 iframe {background:#fff}
.wr_content textarea {display:block;width:100%;height:200px;padding:10px;border:solid 1px #ddd;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.bo_w_option {}
.bo_w_option li {display:inline-block;width:120px;}


/* 글보기 */
#bo_v {position:relative;width:1240px;margin:0 auto;}
#bo_v:after {display:block;visibility:hidden;clear:both;content:""}

#bo_v_top {margin:0 0 20px 0;}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}

ul.btn_bo_user {}
ul.btn_bo_user:after {display:block;visibility:hidden;clear:both;content:""}
ul.btn_bo_user li {display:block;float:left;position:relative;margin:0 4px 0 0;}
ul.btn_bo_user li:last-child {margin:0;}
ul.btn_bo_user li .btn_more_opt {width:24px;padding:0;background:none;}
ul.btn_bo_user li .btn_more_opt i {color:#999;font-size:16px;}
ul.btn_bo_user li ul.more_opt {display:none;position:absolute;left:0;top:36px;background:#fff;border:solid 1px #999;z-index:1}
ul.btn_bo_user li ul.more_opt li {float:none;margin:0;border-bottom:dashed 1px #ddd;}
ul.btn_bo_user li ul.more_opt li:last-child {border-bottom:none;}
ul.btn_bo_user li ul.more_opt li a,
ul.btn_bo_user li ul.more_opt li button {display:block;width:80px;color:#666;font-size:12px;line-height:40px;text-align:center;background:none;border:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.btn_bo_user li ul.more_opt li a i,
ul.btn_bo_user li ul.more_opt li button i {color:#999;}
ul.btn_bo_user li ul.more_opt li a:hover,
ul.btn_bo_user li ul.more_opt li button:hover {color:#ff7700;background:#eee;}


#bo_v_title {position:relative;margin:0 0 8px 0;}
#bo_v_title .bo_v_cate {display:block;margin:0 0 8px 0;color:#336ebe;font-family:'Noto Serif KR';}
#bo_v_title .bo_v_tit {display:block;margin:0 0 24px 0;font-size:24px;font-weight:500;letter-spacing:-0.5px;}

#bo_v_info {margin:0 0 48px 0;padding:0 0 24px 0;border-bottom:solid 1px #ddd;}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info .profile_info_ct {}
#bo_v_info .profile_info_ct ul {}
#bo_v_info .profile_info_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info .profile_info_ct ul li {display:block;float:left;margin:0 12px 0 0;padding:0 12px 0 0;color:#999;line-height:24px;background:url(../../../theme/basic/img/var.gif) no-repeat right 50%;}
#bo_v_info .profile_info_ct ul li:last-child {margin:0;padding:0;background:none;}
#bo_v_info .profile_info_ct ul li strong {color:#444;font-weight:500;}
#bo_v_info .profile_info_ct ul li .if_view,
#bo_v_info .profile_info_ct ul li .if_date {font-family:'Plus Jakarta Sans';}

#bo_v_atc {padding:0 20px 40px 20px;}
#bo_v_atc:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_atc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {margin:20px 0;}
#bo_v_img img {max-width:auto;margin:0 0 20px 0;}

#bo_v_con {margin:0 0 40px 0;}

#bo_v_file,
#bo_v_link {display:block;}
#bo_v_file h2, #bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul, #bo_v_link ul {display:block;}
#bo_v_file ul li, #bo_v_link ul li {display:block;position:relative;margin:0 0 2px 0;font-size:13px;line-height:24px;}
#bo_v_file ul li strong, #bo_v_link ul li strong {display:inline-block;width:80px;padding:0 0 0 8px;color:#15aacf;font-weight:300;background:url(../img/bullet.png) no-repeat 0 10px;}
#bo_v_file ul li a, #bo_v_link ul li a {}
#bo_v_file ul li a strong, #bo_v_link ul li a strong {font-weight:300;}


#bo_v_file2 {display:block;margin:0 0 60px 0;}
#bo_v_file2 h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file2 ul {display:block;width:100%;max-width:460px;margin:0 auto;}
#bo_v_file2 ul li {display:block;margin:0 0 20px 0;}
#bo_v_file2 ul li:last-child {margin:0;}
#bo_v_file2 ul li a.view_file_download {display:block;position:relative;padding:20px 60px;border:solid 1px #ddd;}
#bo_v_file2 ul li strong {display:block;position:absolute;left:10px;top:26px;width:40px;padding:0 0 0 8px;text-align:center;}
#bo_v_file2 ul li strong i {color:#444;font-size:36px;}
#bo_v_file2 ul li .icon {display:block;position:absolute;right:10px;top:26px;width:40px;padding:0 0 0 8px;text-align:center;}
#bo_v_file2 ul li .icon i {color:#444;font-size:28px;}
#bo_v_file2 ul li .con {display:block;margin:0 0 0 60px;color:#999;line-height:normal;}
#bo_v_file2 ul li .fileinfo {display:block;margin:0;color:#999;font-size:12px;font-weight:400;}


ul.bo_v_nb {margin:20px 0 0 0;border-top:solid 1px #ddd;}
ul.bo_v_nb li {display:block;padding:18px 20px;border-bottom:solid 1px #ddd;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
ul.bo_v_nb li:after {display:block;visibility:hidden;clear:both;content:""}
ul.bo_v_nb li .nb_tit {display:inline-block;width:100px;line-height:18px;}
ul.bo_v_nb li .nb_tit i {margin:0 8px 0 0;color:#999;font-size:16px;}
ul.bo_v_nb li .nb_date {display:block;float:right;color:#999;}

#bo_v_bottom {margin:40px 0 0 0;text-align:center;}
#bo_v_bottom:after {display:block;visibility:hidden;clear:both;content:""}


/* 리스트 */
#bo_list {position:relative;width:1240px;margin:0 auto;}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}

/* category */
#bo_cate {position:relative;margin:0 0 80px 0;border:none;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate .bo_cate_current {display:none;position:relative;color:#444;line-height:50px;text-indent:10px;cursor:pointer;}
#bo_cate .bo_cate_current:hover {color:#336ebe;background:#eee;}
#bo_cate .bo_cate_current .arrow {position:absolute;right:0px;top:0;width:50px;height:50px;color:#444;font-size:16px;line-height:50px;text-align:center;}
#bo_cate ul {display:block;padding:0 4px;font-size:0;line-height:0;text-align:center;border-bottom:solid 1px #ddd;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate ul li {display:inline-block;}
#bo_cate ul li a {display:block;margin:0 -1px -1px 0;padding:0 24px;color:#666;font-size:13px;line-height:40px;background:#eee;border:solid 1px #ddd;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {color:#222;background:#f6f6f6;}
#bo_cate #bo_cate_on {color:#222;font-weight:500;background:#f6f6f6;border-bottom:solid 1px #f6f6f6;z-index:2;}

#bo_cate .bo_cate_current,
#bo_cate ul li a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


/* list search */
.bo_sch_wrap {width:100%;max-width:540px;margin:0 auto 60px auto;}
.bo_sch_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch {}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_sch .sch_bar {display:block;position:relative;width:100%;}
.bo_sch .sch_bar .frm_input {border:solid 3px #5dbbc3;}
.bo_sch .sch_bar .sch_btn {display:block;position:absolute;right:0;top:0;width:50px;height:50px;line-height:50px;text-align:center;background:none;border:none}
.bo_sch .sch_bar .sch_btn i {color:#5dbbc3;font-size:20px;}

.bo_sch_wrap,
.bo_sch #sfl,
.bo_sch .sch_bar {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

/* list header */
#bo_btn_top {position:relative;width:100%;margin:0 0 10px 0;}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}

#bo_btn_top .all_chk {display:block;float:left;margin:0 12px 0 0;line-height:40px;}

/* list bottom */
.bo_fx {position:relative;width:100%;margin:0 0 80px 0;text-align:center;}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}


/* list */
#list_type {position:relative;margin:0 0 40px 0;border-top:solid 1px #444;}
#list_type table {width:100%;border-collapse:collapse;border-spacing:0 5px;} 
#list_type caption {padding:0;font-size:0;line-height:0;overflow:hidden}
#list_type tr {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#list_type tr:hover {background:#f6f6f6;;}
#list_type th {padding:18px 10px;color:#222;font-weight:500;text-align:center;background:#eee;border-bottom:solid 1px #ddd;}
#list_type td {padding:18px 10px;border-bottom:solid 1px #ddd;}
#list_type td i {margin:0 2px 0 0;color:#444;font-size:18px;}
#list_type td i.xi-new {color:#f18d01;}

#list_type .bo_notice {background:#f6f6f6;}
#list_type .bo_notice a {font-weight:500;}

#list_type .td_chkbox {width:60px;text-align:center;}
#list_type .td_num {width:100px;}
#list_type .td_name {width:120px;text-align:center;}
#list_type .td_date {width:160px;}
#list_type .td_stat {width:120px;padding:18px 0;text-align:center;}
#list_type .td_stat .stat {display:inline-block;padding:4px 8px;color:#fff;font-size:12px;font-weight:500;line-height:normal;text-align:center;border-radius:3px;}
#list_type .td_stat .stat p {display:inline-block;}
#list_type .td_stat .stat i {color:#fff;}
#list_type .td_stat .stat.stat_ready {background:#666;}
#list_type .td_stat .stat.stat_active {background:#f75665;}

#list_type .td_subject a.bo_tit {font-size:16px;}

#list_type td.td_num,
#list_type td.td_date {color:#999;font-family:'Plus Jakarta Sans';text-align:center;}

#list_type td .notice_icon,
#list_type td .bo_current {display:inline-block;padding:4px 6px;color:#fff;font-size:12px;font-weight:500;line-height:normal;border-radius:3px;}
#list_type td .notice_icon {background:#444;}
#list_type td .bo_current {background:#f18d01;}
#list_type td .bo_cate_link {display:block;color:#f18d01;font-family:'Noto Serif KR';font-size:13px;}

#list_type .mobile_block {display:none;}
#list_type .mobile_block ul {}
#list_type .mobile_block ul:after {display:block;visibility:hidden;clear:both;content:""}
#list_type .mobile_block ul li {display:block;float:left;margin:0 12px 0 0;padding:0 12px 0 0;color:#999;font-size:14px;background:url(../img/var.gif) no-repeat right 50%;}
#list_type .mobile_block ul li:last-child {margin:0;padding:0;background:none;}
#list_type .mobile_block ul li.name strong {color:#444;font-weight:500;}
#list_type .mobile_block ul li.date {font-family:'Plus Jakarta Sans';}



/* 댓글 */
.cmt_btn {display:block;width:100%;padding:0 20px;font-size:16px;line-height:40px;text-align:left;font-weight:500;background:none;border:none;}
.cmt_btn strong {color:#15aacf;font-weight:500;}

#bo_vc_empty {padding:20px 0;color:#999;text-align:center;}

/* 댓글 글쓰기 */
.bo_vc_w {margin:0 0 40px 0;/*padding:10px;background:#fff;border:solid 1px #ddd;*/}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.bo_vc_w_wr {margin:0 0 10px 0;}
.bo_vc_w_wr .frm_input {display:inline-block;width:180px;}
.bo_vc_w_wr .bo_vc_w_captcha {display:inline-block;}
.bo_vc_w_wr #captcha #captcha_info {display:none;}
.bo_vc_w_wr .bo_vc_send_sns {display:block;}
.bo_vc_w_wr input,
.bo_vc_w_wr span,
.bo_vc_w_wr img,
.bo_vc_w_wr a {vertical-align:top;}

.bo_vc_textarea {margin:0 0 10px 0;}
.bo_vc_textarea #char_cnt {display:block;margin:4px 0 0 0;color:#666;font-size:12px;font-weight:400;}
.bo_vc_textarea textarea {display:block;width:100%;height:120px;padding:10px;border:solid 1px #ccc;}

.bo_vc_w .btn_confirm {margin:0;text-align:left;line-height:40px;}
.bo_vc_w .btn_confirm .btn_submit {display:inline-block;width:120px;height:40px;color:#fff;line-height:40px;border:none;}

.bo_vc_w a.btn_cmt_login {display:block;height:60px;margin:12px 20px;padding:10px;color:#999;background:url(../img/icon_smile.png) no-repeat right 50%;border:solid 1px #ddd;}


/* 댓글 리스트 */
#bo_vc {margin:0 0 20px 0;background:#fff;border:solid 1px #ddd;}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 프로필 이미지*/
/*#bo_vc article {display:block;position:relative;padding:18px 20px 18px 70px;border-bottom:dashed 1px #ccc;}
#bo_vc article:last-child {border-bottom:none;}
#bo_vc article .pf_img {display:block;position:absolute;left:20px;top:18px;width:40px;}
#bo_vc article .pf_img img {width:100%;height:auto;border-radius:50%;}*/

/* 프로필 이미지 삭제*/
#bo_vc article {display:block;position:relative;padding:18px 20px;border-bottom:dashed 1px #ccc;}
#bo_vc article:last-child {border-bottom:none;}
#bo_vc article .pf_img {display:none;position:absolute;left:20px;top:18px;width:40px;}
#bo_vc article .pf_img img {width:100%;height:auto;border-radius:50%;}

#bo_vc article header {display:block;margin:0 0 6px 0;}
#bo_vc article header strong {color:#222;font-weight:500;}
#bo_vc article .cm_wrap {display:block;position:relative;}
#bo_vc article .cm_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .cm_wrap .profile_img img {border-radius:50%;vertical-align:middle;}
#bo_vc article .cm_wrap .bo_vc_ip,
#bo_vc article .cm_wrap .bo_vc_hdinfo {font-family:'Plus Jakarta Sans';color:#999;font-size:12px;font-weight:400;}
#bo_vc article .cm_wrap .bo_vc_hdinfo i {margin:0 4px 0 0;font-size:16px;}
#bo_vc article .cmt_contents p {line-height:160%;}
#bo_vc article .cmt_contents p .user {color:#336ebe;font-weight:400;}
#bo_vc article .cmt_contents p i {color:#ff7700;font-size:16px;}
#bo_vc article .bo_vc_w {display:block;margin:0;}
#bo_vc article .bo_vc_w iframe {background:#fff;}

.bo_vl_opt {position:absolute;right:20px;top:12px;}
.bo_vl_opt button.btn_cm_opt {width:22px;height:22px;text-align:center;line-height:22px;background:none;border:none;}
.bo_vl_opt button.btn_cm_opt i {color:#666;font-size:16px;}

.bo_vc_act {display:none;position:absolute;right:0;top:30px;width:58px;text-align:right;border:1px solid #ccc;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #ccc transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {display:block;}
.bo_vc_act li a {display:block;color:#666;font-size:11px;line-height:24px;text-align:center;border-bottom:dotted 1px #ccc;}
.bo_vc_act li a:hover {color:#f63941}
.bo_vc_act li:last-child a {border-bottom:none;}

.bo_vc_login {}
.bo_vc_login a {display:block;padding:20px;line-height:20px;background:url(../img/icon_smile.png) no-repeat right 50% #f6f6f6;border:solid 1px #ddd;}