@charset "utf-8";
#bo_list,
#bo_w,
#bo_v {display:block;position:relative;width:100%;max-width:1280px;margin:120px auto 60px auto;}

@media screen and (max-width:980px) {
#bo_list,
#bo_w,
#bo_v {margin:80px auto 40px auto;}
}


/* 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;line-height:38px;background:#f6f6f6;border:solid 1px #eee;border-radius:3px;}
#bo_cate a:hover {color:#3f424b;}
#bo_cate::-webkit-scrollbar {display:none}
#bo_cate #bo_cate_on {color:#fff;font-weight:600;background:#3f424b;border:solid 1px #3f424b;}

#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:40px;line-height:40px;text-align:center;cursor:pointer;}
#bo_cate .swiper-btn-next i,
#bo_cate .swiper-btn-prev i {color:#3f424b;font-size:14px;}


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

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

.bo_sch_wrap {display:block;float:right;width:320px;border:solid 1px #999;
-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 {width:38px;height:38px;line-height:38px;}
.bo_sch .select select {height:38px;line-height:38px;border:none;}
.bo_sch #sfl {display:block;}*/
.bo_sch .sch_bar {display:block;position:relative;width:100%;/*float:left;width:70%;*/}
.bo_sch #stx {display:block;width:100%;height:38px;padding:0 10px;line-height:36px;background:#fff;border:none;}
.bo_sch button.sch_btn {display:block;position:absolute;right:0;top:0;width:38px;height:38px;color:#bbb;font-size:16px;text-align:center;line-height:38px;background:none;border:none;}


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

ul.btn_bo_user {display:block;float:right;}
ul.btn_bo_user:after {display:block;visibility:hidden;clear:both;content:""}
ul.btn_bo_user.bo_v_com {float:none;position:absolute;right:10px;top:10px;z-index:1;}
ul.btn_bo_user li {display:block;float:left;position:relative;margin:0 0 0 4px;}
ul.btn_bo_user li .btn {width:100px;}
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:14px;}
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:12px;}
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;}

.all_chk {margin:0 10px 10px 10px;}


/* list */
#list_type {margin:0 0 20px 0;}
#list_type .table {border-top:solid 2px #222;}
#list_type .th .cell,
#list_type .td .cell {text-align:center;}
#list_type .th .cell {font-weight:500;background:#f9f9f9;}

#list_type .cell {padding:18px 0;line-height:20px;border-bottom:solid 1px #eee;}
#list_type .cell.cell_chk {width:40px;}
#list_type .cell.cell_chk.chk_box input[type="checkbox"] + label span {margin:-15px 0 0 0;}
#list_type .cell.cell_num {width:80px;}
#list_type .cell.cell_group {width:80px;}
#list_type .cell.cell_board {width:120px;}
#list_type .cell.cell_subject {width:100%;text-align:left;}
#list_type .cell.cell_subject a {display:block;white-space:nowrap;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
#list_type .cell.cell_name {width:140px;}
#list_type .cell.cell_good {width:60px;}
#list_type .cell.cell_nogood {width:60px;}
#list_type .cell.cell_date {width:100px;}
#list_type .cell.cell_view {width:100px;}
#list_type .cell.cell_stat {width:80px;}

#list_type .td.bo_notice {background:#f6f6f6;}
#list_type .td.bo_notice .notice_icon {display:inline-block;padding:0 10px;color:#fff;font-size:13px;font-weight:300;line-height:28px;background:#666875;border-radius:20px;}
#list_type .td.bo_notice a {font-weight:500;}

#list_type .td .bo_current {display:inline-block;padding:0 6px;color:#fff;font-size:13px;font-weight:300;line-height:24px;background:#666875;border-radius:20px;}

#list_type .td .cell.cell_group,
#list_type .td .cell.cell_group a {color:#999;}
#list_type .td .cell.cell_board,
#list_type .td .cell.cell_board a {color:#ff9900;}
#list_type .td .cell.cell_num,
#list_type .td .cell.cell_good,
#list_type .td .cell.cell_nogood,
#list_type .td .cell.cell_date,
#list_type .td .cell.cell_view {color:#999;font-size:13px;}

#list_type .td .cell.cell_good i,
#list_type .td .cell.cell_nogood i,
#list_type .td .cell.cell_date i,
#list_type .td .cell.cell_view i {display:none;margin:0 4px 0 0;font-size:12px;} 

#list_type .cell a {font-size:15px;text-align:left;}
#list_type .cell a .bo_cate_link {display:inline-block;position:relative;margin:0 8px 0 0;padding:0 8px 0 0;color:#ff7700;}
#list_type .cell a .bo_cate_link:after {content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:12px;margin:-6px 0 0 0;background:#ddd;}
#list_type .cell a i {color:#444;font-size:18px;}
#list_type .cell a .new_icon {display:inline-block;width:16px;height:16px;color:#fff;font-size:10px;text-align:center;line-height:16px;font-weight:500;background:#f00001;border-radius:50%;}
#list_type .cell a .file_icon,
#list_type .cell a .link_icon {display:inline-block;width:22px;height:22px;text-align:center;line-height:22px;font-weight:500;border-radius:3px;}
#list_type .cell a .file_icon i,
#list_type .cell a .link_icon i {color:#fff;font-size:14px;}
#list_type .cell a .file_icon {background:#666875;}
#list_type .cell a .link_icon {background:#a6a9b2;}

#list_type .cell.cell_board .arrow {display:none;margin:0 6px;color:#999;font-size:10px;}


/* write */
.write_div {display:block;position:relative;padding:18px 0 18px 0px;line-height:46px;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_opt .label {display:block;position:relative;margin:0 0 8px 0;font-weight:400;line-height:normal;}
.write_div i {margin:0 12px 0 0;color:#999;font-size:14px;}

.write_div .write_div_half {display:block;float:left;width:48%;margin:0 4% 0 0;}
.write_div .write_div_half:last-child {margin:0;}

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

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

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

/* 자동저장 */
#autosave_wrapper {position:relative;}
#autosave_wrapper .btn {display:block;position:absolute;right:2px;bottom:2px;height:42px;font-size:13px;line-height:42px;}
#autosave_wrapper .btn span {color:#ff7700;font-weight:500;}
#autosave_pop {display:none;position:absolute !important;z-index:10;right:0;top:39px;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:'\f00d';display:block;position:absolute;left:0;top:0;width:100%;height:100%;color:#bbb;font-family:'FontAwesome';font-size:14px;text-align:center;line-height:18px;text-indent:0;}

.wr_content {background:#fff;}
.wr_content textarea {display:block;width:100%;height:120px;padding:10px;font-size:15px;line-height:160%;border:solid 1px #ddd;}

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


/* view */
h2#bo_v_title {position:relative;margin:0 10px 12px 10px;}
h2#bo_v_title .bo_v_cate {display:block;margin:0 0 8px 0;color:#3f424b;text-align:left;}
h2#bo_v_title .bo_v_tit {display:block;margin:0 0 12px 0;font-size:24px;line-height:120%;font-weight:500;letter-spacing:-1px;text-align:left;}

#bo_v_info {position:relative;margin:0 0 60px 0;padding:0 0 40px 0;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:block;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 {margin:0 10px;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;}
#bo_v_info .profile_info_ct strong {display:inline-block;position:relative;margin:0 12px 0 0;padding:0 12px 0 0;}
#bo_v_info .profile_info_ct strong:after {content:'';display:block;position:absolute;right:0;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;background:#bbb;border-radius:50%;}
#bo_v_info .profile_info_ct i {font-size:13px;vertical-align:middle;}
#bo_v_info .profile_info_ct .if_ip {color:#999;font-size:13px;font-weight:300;}
#bo_v_info .profile_info_ct .if_view,
#bo_v_info .profile_info_ct .if_date {color:#999;font-weight:300;}
#bo_v_info .profile_info_ct .lv_icon img {width:24px;height:auto;}

#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_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;font-size:13px;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:400;}
#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;}
#bo_v_img a.view_image {display:block;margin:0 0 20px 0;}
#bo_v_img img {max-width: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:solid 1px #ddd;}
#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:26px;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:18px;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:solid 1px #ddd;}
#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:16px;line-height:40px;}
#bo_v_link2 ul li .bo_v_link_cnt {display:inline-block;margin:0;color:#999;font-size:12px;}


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) {
#bo_btn_top {position:relative;margin:0 10px 10px 10px;}

/* list */
}



@media screen and (max-width:980px) {
.bo_sch_wrap {clear:both;float:none;width:100%;}

#bo_btn_top #bo_list_total {font-size:13px;}

ul.btn_bo_user li .btn {width:80px;}

/* list */
#list_type .th {display:none;}
#list_type .td {display:block;padding:18px 10px;border-bottom:solid 1px #ddd;}
#list_type .cell {display:block;float:left;padding:0;border-bottom:none;}
#list_type .cell.cell_chk {display:block;position:absolute;right:10px;top:10px;width:auto;z-index:1;}
#list_type .cell.cell_num {display:none;}
#list_type .cell.cell_group {width:auto;}
#list_type .cell.cell_board {width:auto;}
#list_type .cell.cell_subject {width:100%;margin:0 0 4px 0;}
#list_type .cell.cell_name,
#list_type .cell.cell_good,
#list_type .cell.cell_nogood,
#list_type .cell.cell_date {width:auto;margin:0 10px 0 0;padding:0 10px 0 0;}
#list_type .cell.cell_name:after,
#list_type .cell.cell_good:after,
#list_type .cell.cell_nogood:after,
#list_type .cell.cell_date: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_view {width:auto;}
#list_type .cell.cell_stat {position:absolute;width:auto;right:10px;top:18px;text-align:right;}

#list_type .td .cell.cell_good i,
#list_type .td .cell.cell_nogood i,
#list_type .td .cell.cell_date i,
#list_type .td .cell.cell_view i {display:inline-block;}

#list_type .cell.cell_board .arrow {display:inline-block;}


/* write */
.write_div {padding:18px 10px;line-height:normal}

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


/* view */
#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_v_bottom {margin:0 10px;}
}



@media screen and (max-width:768px) {
}



@media screen and (max-width:480px) {
}


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