@charset "utf-8";
#bo_list,
#bo_w,
#bo_v {display:block;position:relative;width:100%;max-width:var(--content-w);margin:0 auto;}

#bo_w {border-top:solid 2px #444;}

/* write */
.write_div {display:block;position:relative;padding:18px 20px 18px 160px;line-height:var(--h);border-bottom:solid 1px #eee;}
.write_div:after {display:block;visibility:hidden;clear:both;content:""}
.write_div .dot {display:inline-block;width:4px;height:4px;margin:0 0 14px 3px;background:#f00001;border-radius:50%;vertical-align:middle;}

.write_div.bo_w_info label,
.write_div.bo_w_select label,
.write_div.bo_w_tit label,
.write_div.bo_w_link label,
.write_div.bo_w_file label,
.write_div.bo_w_hp label,
.write_div.bo_w_sbj label,
.write_div.bo_w_mail .label,
.write_div.bo_w_opt .label {display:block;position:absolute;left:0;top:0;padding:18px 20px;font-weight:600;line-height:var(--h);}
.write_div i {margin:0 12px 0 0;color:#999;font-size:14px;}

.write_div.bo_w_content {padding:18px 20px;}

.write_div.bo_w_datepick .select:last-child {margin:0;}

.write_div.bo_w_half {padding:0;}
.write_div.bo_w_half:after {display:block;visibility:hidden;clear:both;content:""}
.write_div.bo_w_half .write_div_half {display:block;float:left;position:relative;width:49%;margin:0 2% 0 0;padding:18px 20px 18px 160px;}
.write_div.bo_w_half .write_div_half:after {display:block;visibility:hidden;clear:both;content:""}
.write_div.bo_w_half .write_div_half:last-child {margin:0;}

ul.bo_w_option {}
ul.bo_w_option:after {display:block;visibility:hidden;clear:both;content:""}
ul.bo_w_option li {display:block;float:left;margin:0 24px 0 0;}
ul.bo_w_option li:last-child {margin:0;}

/* 자동저장 */
#autosave_wrapper {position:relative;}
#autosave_wrapper .btn {}
#autosave_wrapper .btn span {color:#ff7700}
#autosave_pop {display:none;position:absolute !important;z-index:10;right:0;top:var(--h);width:100%;height:auto !important;height:180px;max-height:180px;background:#fff;border:1px solid #999;
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #999 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
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:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {height:140px;margin:0 0 40px 0;padding:4px;overflow-y:scroll;border-bottom:1px solid #eee;list-style:none;}
#autosave_pop li {display:block;padding:8px 10px;line-height:normal;border-bottom:1px solid #fff;background:#f6f6f6;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;position:relative;color:#999;font-size:12px;}

.autosave_close {display:block;position:absolute;left:0;right:0;bottom:0;width:100%;height:40px;color:#999;font-weight:500;background:none;cursor:pointer;}
.autosave_close:hover {color:#ff7700;background:#eee;}
.autosave_content {display:none}
.autosave_del {display:inline-block;position:relative;width:18px;height:18px;text-indent:-999px;overflow:hidden;vertical-align:baseline;background:none;}
.autosave_del:after {content:'\e921';display:block;position:absolute;left:0;top:0;width:100%;height:100%;color:#bbb;font-family:'xeicon';font-size:16px;text-align:center;line-height:18px;text-indent:0;}

.wr_content {background:#fff;}
.wr_content textarea {height:180px;}

.file_del {display:block;line-height:30px;}
.file_del.chk_box input[type="checkbox"] + label {position:relative;padding:0 0 0 28px;font-weight:300;}

#bo_w .btn_confirm {margin:40px 0 0 0;padding:0 10px;}

@media screen and (max-width:980px) {
.write_div {padding:18px 10px;line-height:normal}

.write_div.bo_w_info label,
.write_div.bo_w_select label,
.write_div.bo_w_tit label,
.write_div.bo_w_link label,
.write_div.bo_w_file label,
.write_div.bo_w_hp label,
.write_div.bo_w_sbj label,
.write_div.bo_w_mail .label,
.write_div.bo_w_opt .label {position:relative;margin:0 0 12px 0;padding:0px;line-height:normal}

.write_div.bo_w_content {padding:18px 10px;}
}


/* category */
#bo_cate {position:relative;margin:0 0 40px 0;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_cate .swiper-slide {width:auto}
#bo_cate {white-space:nowrap;overflow:hidden}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;}
#bo_cate a {display:block;position:relative;padding:0 16px;color:#999;font-size:13px;line-height:32px;background:#f6f6f6;border:var(--border);border-radius:var(--radius);}
#bo_cate a:hover {color:var(--color2);}
#bo_cate::-webkit-scrollbar {display:none}
#bo_cate #bo_cate_on {color:#fff;font-weight:600;background:var(--color2);border:solid 1px var(--color2);}

#bo_cate .swiper-button-wrap {display:block;position:absolute;right:0px;top:0px;background:rgba(255,255,255,0.8);z-index:9;}
#bo_cate .swiper-button-wrap:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate .swiper-btn-next,
#bo_cate .swiper-btn-prev {float:left;width:30px;height:34px;text-align:center;cursor:pointer;}
#bo_cate .swiper-btn-next i,
#bo_cate .swiper-btn-prev i {color:var(--color2);font-size:14px;line-height:34px;}


#bo_btn_top {position:relative;margin:0 0px 10px 0px;line-height:40px;}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}

#bo_btn_top #bo_list_total {float:left;color:#888;line-height:46px;}
#bo_btn_top #bo_list_total strong {color:#ff7700;font-weight:500;}

@media screen and (max-width:1280px) {
#bo_btn_top {position:relative;margin:0 10px 20px 10px;}
}


.bo_sch_wrap {display:block;float:right;width:420px;border:var(--border);border-radius:var(--radius);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.bo_sch {display:block;position:relative;}
.bo_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_sch .select {float:left;width:30%;}
.bo_sch .select:after {height:44px;line-height:44px;}
.bo_sch .select select {height:44px;line-height:44px;border:none;}
.bo_sch #sfl {display:block;}
.bo_sch .sch_bar {display:block;float:left;position:relative;width:70%;}
.bo_sch #stx {display:block;width:100%;height:44px;padding:0 10px;line-height:42px;background:#fff;border:none;}
.bo_sch button.sch_btn {display:block;position:absolute;right:0;top:0;width:44px;height:44px;color:#bbb;font-size:16px;text-align:center;line-height:44px;background:none;border:none;}

@media screen and (max-width:980px) {
#bo_btn_top #bo_list_total {font-size:13px;}

.bo_sch_wrap {clear:both;float:none;width:100%;}
}

.bo_fx {margin:0;}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}

@media screen and (max-width:1280px) {
.bo_fx {margin:0 10px;}
}


ul.btn_bo_user {display:block;float:right;}
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 5px 0 0;}
ul.btn_bo_user li:last-child {margin:0;}
ul.btn_bo_user li .btn {min-width:auto;line-height:var(--h2);}
ul.btn_bo_user li .btn.btn_normal {line-height:var(--lh);}
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;right:0;top:36px;background:#fff;border:solid 1px #ddd;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:#999;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;font-size:16px;}
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;}
ul.btn_bo_user .btn.btn_admin {width:40px;}

.allchk {float:left;}

#list_type {margin:0 0 20px 0;border-top:solid 2px #222;}
#list_type .cell {line-height:24px;white-space:nowrap;}
#list_type .cell.chk_box {width:50px;}
#list_type .cell.cell_num {width:80px;}
#list_type .cell.cell_subject {width:100%;}
#list_type .cell.cell_writer {width:120px;}
#list_type .cell.cell_good {width:60px;}
#list_type .cell.cell_nogood {width:60px;}
#list_type .cell.cell_view {width:60px;}
#list_type .cell.cell_date {width:80px;}

#list_type .cell.cell_group,
#list_type .cell.cell_board {width:120px;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
#list_type .cell.cell_group a {color:#1398d9}
#list_type .cell.cell_board a {color:#ff7700}

#list_type .row.td.bo_notice {background:#f9f9f9;}

#list_type .row.td .cell.cell_num,
#list_type .row.td .cell.cell_view,
#list_type .row.td .cell.cell_date {color:#999;}

#list_type a.bo_tit {display:block;text-align:left;font-weight:500;overflow:hidden;vertical-align:middle;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
#list_type a.bo_tit i {color:#444;font-size:18px;}
#list_type a.bo_tit i.xi-new {color:#f00001;}
#list_type a.bo_tit i.xi-heart {color:#f75665;}
#list_type a.bo_tit i.xi-lock {color:#ff7700;}
#list_type a.bo_tit .cnt_cmt {color:#f00001;font-size:12px;font-weight:600;}

#list_type .notice_icon,
#list_type .bo_current,
#list_type .bo_cate_link {display:inline-block;padding:0 4px;font-size:11px;line-height:20px;font-weight:300;border-radius:3px;}
#list_type .notice_icon {color:#fff;background:#f00001;}
#list_type .bo_current {color:#fff;background:#ff7700;}
#list_type .bo_cate_link {color:#fff;background:#444;}

#list_type .chk_box input[type="checkbox"] + label {padding-left:0;}
#list_type .chk_box input[type="checkbox"] + label span {margin:-18px 0 0 -12px;}

@media screen and (max-width:980px) {
#list_type .row.th {display:none;}
#list_type .row.td {padding:16px 10px;border-bottom:solid 1px #ddd;}

#list_type .cell.cell {margin:0 6px 0 0;padding:0 6px 0 0;border-bottom:none;}
#list_type .cell.cell:after {content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:12px;margin:-6px 0 0 0;background:#ddd;}
#list_type .cell.cell:last-child {margin:0;padding:0;}
#list_type .cell.cell:last-child:after {display:none;}
#list_type .cell.chk_box {position:absolute !important;right:10px !important;top:10px;width:auto !important;z-index:3;}
#list_type .cell.chk_box:after {display:none;}
#list_type .cell.cell_num {display:none;}
#list_type .cell.cell_subject {width:100%;margin:0 0 8px 0;padding:0;}
#list_type .cell.cell_subject:after {display:none;}
#list_type .cell.cell_writer,
#list_type .cell.cell_good,
#list_type .cell.cell_nogood,
#list_type .cell.cell_view,
#list_type .cell.cell_date {width:auto !important;font-size:13px;line-height:24px;}

#list_type .cell.cell_good:before,
#list_type .cell.cell_nogood:before,
#list_type .cell.cell_view:before,
#list_type .cell.cell_date:before {display:inline-block;margin:0 4px 0 0;font-family:'xeicon';color:#444;font-size:14px;}
#list_type .cell.cell_good:before {content:'\ea28';}
#list_type .cell.cell_nogood:before {content:'\ea29';}
#list_type .cell.cell_view:before {content:'view:';font-size:12px;}
#list_type .cell.cell_date:before {content:'date:';font-size:12px;}

#list_type .cell.cell_group,
#list_type .cell.cell_board {float:left;width:auto;margin:0;padding:0;}
#list_type .cell.cell_board:after,
#list_type .cell.cell_group:after {display:none;}
#list_type .cell.cell_board:before {content:'\e93e';display:inline-block;width:30px;font-family:'xeicon';color:#666;font-size:12px;text-align:center;}

#list_type .notice_icon,
#list_type .bo_current,
#list_type .bo_cate_link {padding:0 4px;font-size:11px;line-height:20px;}

#list_type .chk_box input[type="checkbox"] + label span {margin:-18px 0 0 0;}
}


/* view */
#bo_v_top {margin:0 0 10px 0;}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}

h2#bo_v_title {position:relative;text-align:left;}
h2#bo_v_title .bo_v_cate {display:block;margin:0 0 8px 0;color:#ff7700;font-weight:normal;}
h2#bo_v_title .bo_v_tit {display:block;margin:0 0 12px 0;padding:0;font-size:24px;line-height:120%;font-weight:500;letter-spacing:-0.5px;}

#bo_v_info {position:relative;margin:0 0 40px 0;padding:0 0 20px 0px;border-bottom:solid 1px #eee;}
#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 .pf_img {display:none;position:absolute;left:0;top:0;}
#bo_v_info .pf_img img {width:50px;height:auto;border-radius:50%;}

#bo_v_info .profile_info_ct {text-align:left;}
#bo_v_info .profile_info_ct:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info .profile_info_ct a,
#bo_v_info .profile_info_ct strong,
#bo_v_info .profile_info_ct strong a {font-weight:400;line-height:24px;}
#bo_v_info .profile_info_ct strong {display:block;float:left;position:relative;margin:0 8px 0 0;padding:0 8px 0 0;}
#bo_v_info .profile_info_ct strong:after {content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:14px;margin:-7px 0 0 0;background:#ddd;}
#bo_v_info .profile_info_ct i {font-size:14px;line-height:24px;vertical-align:baseline;}
#bo_v_info .profile_info_ct .if_ip {color:#999;font-size:12px;font-weight:300;}
#bo_v_info .profile_info_ct .if_view,
#bo_v_info .profile_info_ct .if_date {color:#999;font-size:13px;font-weight:300;}
#bo_v_info .profile_info_ct .lv_icon img {width:24px;height:auto;vertical-align:middle;}

#bo_v_info .profile_info_ct strong:last-child {margin:0;padding:0;}
#bo_v_info .profile_info_ct strong:last-child:after {display:none;}

#bo_v_atc {padding:0 40px 40px 40px;}
#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_share {margin:0 0 24px 0;}
#bo_v_share a.btn_scrap {}
#bo_v_share a.btn_scrap i {color:#fdb900;font-size:18px;}
#bo_v_share a.btn_singo {background:#f9f9f9}
#bo_v_share a.btn_singo i {color:#f00001;}
#bo_v_share a.btn_jump {background:#f9f9f9}

#bo_v_link {display:block;margin:0 0 24px 0;}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {display:block;position:relative;}
#bo_v_link ul li {display:block;position:relative;padding:0 0 0 10px;line-height:24px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
#bo_v_link ul li:before {content:'';display:block;position:absolute;left:0;top:50%;width:3px;height:3px;margin:-1.5px 0 0 0;background:#999;border-radius:50%;}
#bo_v_link ul li strong {display:inline-block;position:relative;width:30px;color:#999;font-weight:600;}
#bo_v_link ul li a {}
#bo_v_link ul li a strong {font-weight:300;}
#bo_v_link ul li .bo_v_link_cnt {color:#999;font-size:12px;}

#bo_v_img {margin:20px 0;text-align:center;}
#bo_v_img a {display:block;margin:0 0 20px 0;}
#bo_v_img img {max-width:100%;height:auto;}

#bo_v_con {margin:0 0 60px 0;font-size:15px;line-height:160%;}

#bo_v_file {display:block;margin:0 0 10px 0;}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {display:block;width:100%;max-width:360px;margin:0 auto;}
#bo_v_file ul li {display:block;margin:0 0 10px 0;}
#bo_v_file ul li:last-child {margin:0;}
#bo_v_file ul li a.view_file_download {display:block;position:relative;padding:20px 60px;background:#fff;border:var(--border);border-radius:var(--radius);}
#bo_v_file ul li strong {display:block;position:absolute;left:10px;top:50%;width:40px;height:40px;margin:-20px 0 0 0;padding:0 0 0 8px;}
#bo_v_file ul li strong i {color:#444;font-size:32px;line-height:40px;}
#bo_v_file ul li .icon {display:block;position:absolute;right:10px;top:50%;width:40px;height:40px;margin:-20px 0 0 0;padding:0 0 0 8px;text-align:center;}
#bo_v_file ul li .icon i {color:#444;font-size:20px;line-height:40px;}
#bo_v_file ul li .con {display:block;margin:0 0 0 60px;color:#999;}
#bo_v_file ul li .fileinfo {display:block;margin:0;color:#999;font-size:12px;}

#bo_v_link2 {display:block;margin:0 0 10px 0;}
#bo_v_link2 h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link2 ul {display:block;width:100%;max-width:360px;margin:0 auto;}
#bo_v_link2 ul li {display:block;margin:0 0 10px 0;}
#bo_v_link2 ul li:last-child {margin:0;}
#bo_v_link2 ul li a {display:block;position:relative;padding:10px 50px;background:#fff;border:var(--border);border-radius:var(--radius);}
#bo_v_link2 ul li strong {display:block;position:absolute;left:10px;top:50%;width:40px;height:40px;margin:-20px 0 0 0;padding:0 0 0 8px;}
#bo_v_link2 ul li strong i {color:#444;font-size:20px;line-height:40px;}
#bo_v_link2 ul li .bo_v_link_cnt {display:inline-block;margin:0;color:#999;font-size:12px;}

#bo_v_sign {position:relative;margin:40px 0 0 0;padding:20px 20px 20px 80px;;background:#f6f6f6;border-radius:var(--radius);}
#bo_v_sign:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sign .sign_img {display:block;position:absolute;left:20px;top:20px;width:50px;}
#bo_v_sign .sign_img img {width:100%;height:auto;border-radius:50%;}
#bo_v_sign .sign_con {line-height:160%;}
#bo_v_sign strong {display:block;margin:0 0 4px 0;font-weight:500;}
#bo_v_sign strong a.btn_article {display:inline-block;margin:0 0 0 8px;padding:0 6px;color:#666;font-size:13px;line-height:24px;font-weight:300;background:#fff;border:solid 1px #ddd;border-radius:3px;}
#bo_v_sign strong a.btn_article i {font-size:8px;vertical-align:middle}


#bo_v_act {position:relative;margin:40px 0;text-align:center;}
#bo_v_act .bo_v_good,
#bo_v_act .bo_v_nogood {display:inline-block;padding:0 12px;line-height:var(--lh);background:#fff;border:var(--border);border-radius:var(--radius);cursor:pointer;
-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_v_act .bo_v_good:hover,
#bo_v_act .bo_v_nogood:hover {color:#f63941;background:#eee;}
#bo_v_act .bo_v_good img,
#bo_v_act .bo_v_nogood img {width:22px;height:auto;margin:0 4px 0 0;}
#bo_v_act .bo_v_good strong,
#bo_v_act .bo_v_nogood strong {font-size:14px;font-weight:500;}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:50%;width:200px;padding:20px;color:#fff;font-weight:300;text-align:center;background:#f63941;z-index:9999;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#bo_v_act input,
#bo_v_act span,
#bo_v_act a {vertical-align:top;}

#bo_v_act .btn_share {display:inline-block;position:relative;min-width:auto;line-height:var(--lh);;border:var(--border);border-radius:var(--radius);}
#bo_v_act .btn_share i {color:#666;}
#bo_v_act .btn_share:hover {background:#444;}
#bo_v_act .btn_share:hover i {color:#fff;}

.sharebox {display:none;position:absolute;left:50%;top:50px;width:280px;padding:16px;text-align:center;background:#fff;border:solid 1px #ddd;border-radius:var(--radius);z-index:1;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);
}
.sharebox h3 {display:block;margin:0 0 6px 0;color:#222;font-size:16px;font-weight:600;text-align:left;}
.sharebox .btn_share_close {display:block;position:absolute;right:16px;top:16px;cursor:pointer;}
.sharebox .btn_share_close i {color:#666;font-size:16px;}
.sharebox a {display:inline-block;width:32px;overflow:hidden;color:#fff;text-align:center;border-radius:4px;overflow:hidden;background:#444;
-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;
}
.sharebox a i {font-size:16px;}
.sharebox a img {width:100%;height:auto;}
.sharebox a.btn_scrap {display:inline-block;position:relative;color:#fff;line-height:32px;background:#fdb900;}
.sharebox .frm_input {margin:5px 0 0 0;background:#f6f6f6;}

.sharebox input,
.sharebox a {vertical-align:top;}

ul.bo_v_nb {display:block;margin:40px 0;border-top:solid 1px #ddd;}
ul.bo_v_nb li {display:block;padding:18px 10px;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:14px;}
ul.bo_v_nb li .nb_date {display:block;float:right;color:#999;font-size:13px;}

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

@media screen and (max-width:1280px) {
h2#bo_v_title {padding:0 10px;}
h2#bo_v_title a.btn_scrap {right:10px;}

#bo_v_info {padding:0 10px 20px 10px;}
#bo_v_info .pf_img {left:10px;}

#bo_v_bottom {margin:0 10px;}
}

@media screen and (max-width:980px) {
#bo_v_top {margin:0 10px 10px 10px;}

#bo_v_atc {padding:0 10px 60px 10px;}

#bo_v_file ul {width:100%;max-width:100%;}
#bo_v_link2 ul {width:100%;max-width:100%;}

ul.bo_v_nb li {padding:18px 10px;}
ul.bo_v_nb li .nb_tit {width:20px;}
ul.bo_v_nb li .nb_tit span {display:none;}
ul.bo_v_nb li .nb_date {display:none;}
}


/* 댓글 */
#bo_vc_wrap {position:relative;width:100%;margin:20px auto 0 auto;}

.cmt_btn {display:block;width:100%;height:40px;color:#222;font-size:16px;line-height:40px;text-align:left;font-weight:600;background:none;border:none;border-bottom:solid 1px #eee;}
.cmt_btn strong {color:#f00001;font-weight:600;}
.cmt_btn i {color:var(--color);font-size:24px;vertical-align:baseline}

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

/* 댓글 글쓰기 */
.bo_vc_w {}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.bo_vc_w #char_cnt {display:block;margin:4px 0 0 0;color:#999;font-size:12px;}
.bo_vc_w textarea {height:80px;}
.bo_vc_w .btn_submit {width:120px;line-height:var(--h2);}

.bo_vc_w_wr {margin:10px 0;}
.bo_vc_w_wr .frm_input {display:inline-block;width:120px;height:var(--h2);line-height:var(--lh);}
.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_w .btn_cfm {margin:10px 0 0 0;text-align:left;line-height:40px;}

a.btn_cmt_login {display:block;position:relative;height:60px;padding:12px 20px;color:#999;background:#f6f6f6;border:var(--border);border-radius:var(--radius);}
a.btn_cmt_login:after {content:'\e9e6';display:block;position:absolute;right:20px;top:0;bottom:0;font-family:'xeicon';font-size:28px;line-height:60px;}


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

/* 프로필 이미지*/
#bo_vc article {display:block;position:relative;padding:18px 10px;border-bottom:dashed 1px #ddd;}
#bo_vc article:last-child {border-bottom:none;}
#bo_vc article .pf_img {display:block;position:absolute;left:10px;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 8px 0;}
#bo_vc article header strong {font-weight:500;}
#bo_vc article .cm_wrap {display:block;position:relative;padding:0 0 0 50px;}
#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 {color:#999;font-size:12px;}
#bo_vc article .cm_wrap .bo_vc_hdinfo i {margin:0 4px 0 0;font-size:14px;}
#bo_vc article .cmt_contents p {line-height:140%;}
#bo_vc article .cmt_contents p i {color:#3f424b;font-size:14px;}
#bo_vc article .bo_vc_w {display:block;margin:0;}
#bo_vc article .bo_vc_w iframe {background:#fff;}

.cmt_rep {position:relative;}
.cmt_rep:after {content:'\e981';display:block;position:absolute;top:19px;left:-10px;color:#bbb;font-family:'xeicon';font-size:20px;}

.bo_vl_opt {position:absolute;right:20px;top:14px;}
.bo_vl_opt button.btn_cm_opt {width:22px;min-width:auto;height:22px;text-align:center;line-height:22px;background:none;border:none;}
.bo_vl_opt button.btn_cm_opt i {color:#999;font-size:18px;}

.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:13px;line-height:28px;text-align:center;border-bottom:dotted 1px #ccc;}
.bo_vc_act li a:hover {color:#f00001}
.bo_vc_act li:last-child a {border-bottom:none;}

@media screen and (max-width:1280px) {
/* 댓글 */
.cmt_btn {padding:0 10px;}

/* 댓글 글쓰기 */
.bo_vc_w {margin:0 10px;}
}






#photo_type {display:block;width:100%;}
#photo_type:after {display:block;visibility:hidden;clear:both;content:""}
#photo_type .item {display:block;float:left;width:24%;margin:0 1.33% 30px 0;}
#photo_type .item:nth-child(4n) {margin:0 0 30px 0;}

@media screen and (max-width:1280px) {
#photo_type {padding:0 10px;}
}

@media screen and (max-width:980px) {
#photo_type .item {width:32%;margin:0 2% 30px 0;}
#photo_type .item:nth-child(4n) {margin:0 2% 30px 0;}
#photo_type .item:nth-child(3n) {margin:0 0 30px 0;}
}

@media screen and (max-width:540px) {
#photo_type .item {width:49%;margin:0 2% 30px 0;}
#photo_type .item:nth-child(4n) {margin:0 2% 30px 0;}
#photo_type .item:nth-child(3n) {margin:0 2% 30px 0;}
#photo_type .item:nth-child(2n) {margin:0 0 30px 0;}
}


#photo_type .item_box {display:block;position:relative;}
#photo_type .thumb {display:block;position:relative;margin:0 0 20px 0;border-radius:var(--radius);overflow:hidden;}
#photo_type .thumb img {width:100%;height:auto;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}

#photo_type .thumb a {display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#photo_type .thumb a span {display:block;position:absolute;left:0;top:50%;right:0;color:#fff;text-align:center;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
#photo_type .thumb a span i {font-size:16px;}

#photo_type .thumb label.value {display:block;position:absolute;right:8px;bottom:8px;padding:0 8px;color:#fff;font-size:11px;line-height:20px;background:#f00001;border-radius:5px;}
#photo_type .thumb label.value i {font-size:12px;}

#photo_type a.bo_tit {display:block;margin:0 0 8px 0;font-size:15px;font-weight:500;text-align:left;overflow:hidden;vertical-align:middle;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
#photo_type a.bo_tit i {color:#444;font-size:18px;}
#photo_type a.bo_tit i.xi-new {color:#f00001;}
#photo_type a.bo_tit i.xi-heart {color:#f75665;}
#photo_type a.bo_tit i.xi-lock {color:#ff7700;}
#photo_type a.bo_tit .bo_cate_link {display:block;margin:0 0 4px 0;color:#ff7700;font-size:13px;}
#photo_type a.bo_tit .cnt_cmt {color:#f00001;font-size:12px;font-weight:600;}
#photo_type .bo_info {line-height:24px;}
#photo_type .bo_info:after {display:block;visibility:hidden;clear:both;content:""}
#photo_type .bo_info strong {font-weight:600;}
#photo_type .bo_info .date {display:inline-block;float:right;color:#999;font-size:13px;}
#photo_type .bo_info .date i {font-size:14px;}

#photo_type .chk_box {display:block;position:absolute;left:5px;top:5px;z-index:3;}
#photo_type .chk_box span {margin:-11px 0 0 0;}


#photo_type .item:hover .thumb img{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
#photo_type .item:hover .thumb a {opacity:1;}


ul.addinfo {margin:0 0 40px 0;border-left:solid 1px #ddd;border-top:solid 1px #ddd;}
ul.addinfo:after {display:block;visibility:hidden;clear:both;content:""}
ul.addinfo li {display:block;position:relative;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}
ul.addinfo li:after {display:block;visibility:hidden;clear:both;content:""}
ul.addinfo li label {display:block;float:left;width:160px;padding:18px 20px;font-weight:600;line-height:140%;background:#f6f6f6;}
ul.addinfo li label i {width:20px;font-size:18px;}
ul.addinfo li div {display:block;float:left;width:calc(100% - 160px);padding:18px 20px;line-height:140%;}

@media screen and (max-width:980px) {
ul.addinfo li {padding:18px 20px;}
ul.addinfo li label {float:none;margin:0 0 12px 0;padding:0;background:none;}
ul.addinfo li div {float:none;padding:0;}
}