@charset "utf-8";
#bo_list,
#bo_w,
#bo_v {display:block;position:relative;width:100%; padding:10px;}

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

#bo_btn_top #bo_list_total {float:left;font-size:16px;line-height:40px;font-weight:500;}
#bo_btn_top #bo_list_total strong {color:#222;font-weight:500;}


/* category */
#bo_cate {display:block;float:left;position:relative;width:auto;min-width:140px;margin:0 10px 10px 0;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_sort {display:block;float:left;margin:0 0 10px 0;}
#bo_sort .select {min-width:100px;}

/* select */
#bo_list .select {}
#bo_list .select select {height:40px;line-height:38px;font-size:15px;}
#bo_list .select:after {width:40px;height:40px;line-height:40px;}
#bo_list .select select option {padding:10px;font-size:14px;}

.bo_sch_wrap {display:block;width:100%;margin:0 0 20px 0;border:solid 1px #ddd;border-radius:4px;overflow:hidden;
-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;font-size:15px;line-height:38px;background:#fff;border:none;}
.bo_sch button.sch_btn {display:block;position:absolute;right:10px;top:0;width:38px;height:38px;color:#bbb;font-size:18px;text-align:center;line-height:38px;background:none;border:none;}


.bo_fx {}
.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:auto;height:40px;font-size:14px;line-height:40px;}
ul.btn_bo_user li .btn i {font-size:14px;}
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 0 10px 0;}

/* list */
#line_type {margin:0 0 30px 0;}
#line_type ul {display:block;border-top:solid 2px #222;}
#line_type ul li {display:block;position:relative;padding:20px 0;border-bottom:solid 1px #ddd;}
#line_type ul li.bo_notice {}
#line_type ul li .chk_box {display:block;position:absolute;left:0;top:0px;}

#line_type ul li .bo_cate_link,
#line_type ul li .new_icon,
#line_type ul li .notice_icon {display:inline-block;padding:0 8px;font-size:13px;font-weight:400;border-radius:3px;}

#line_type ul li .new_icon {color:#fff;line-height:24px;background:#4ebf7f;border:none;}
#line_type ul li .bo_cate_link,
#line_type ul li .notice_icon {line-height:24px;background:#f5f5f5;border:solid 1px #ddd;}

#line_type ul li .file_icon {display:inline-block;width:24px;height:24px;margin:0 0 0 8px;text-align:center;line-height:24px;background:#eee;border-radius:50%;}

#line_type ul li a.bo_tit {display:block;margin:10px 0;color:#222;font-size:17px;font-weight:500;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
#line_type ul li .bo_date {color:#999;font-size:14px;}

.pg_wrap {margin:30px 0 0 0;}


/* write */
#bo_w  .frm_input {
	width: 100%;
    height: 70px;
    padding: 0 40px;
    font-size: 22px;
    font-weight: 600;
    border: 1px solid #e9e9e9;
    border-radius: 10px;

}
#bo_w .select {}
#bo_w .select select {height:40px;line-height:38px;font-size:15px;}
#bo_w .select:after {width:40px;height:40px;line-height:40px;}
#bo_w .select select option {padding:10px;font-size:14px;}
#bo_w .file_wr .frm_file:after {width:40px;height:40px;font-size:14px;}

.write_div {display:block;position:relative;padding:18px 0px 18px 0px;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 12px 0;padding:0px;font-weight:500;line-height:normal}
.write_div i {margin:0 12px 0 0;color:#999;font-size:14px;}

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

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:none;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: 1px solid #e9e9e9;
    border-radius: 10px;}

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


/* view */
h2#bo_v_title {position:relative;}
h2#bo_v_title .bo_v_cate {display:none;margin:0 0 8px 0;color:#3f424b;text-align:center;}
h2#bo_v_title .bo_v_tit {display:block;margin:0 0 10px 0;color:#222;font-size:20px;line-height:140%;font-weight:600;}

#bo_v_info {position:relative;margin:0 0 20px 0;padding:0 0 20px 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 .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 {}
#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-size:14px;;}
#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 0px 40px 0px;}
#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 {font-size:18px;}
#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:20px 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; word-break: break-all;}
#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:30px 0;}
ul.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
ul.bo_v_nb li {display:block;float:left;width:48%;margin:0 4% 0 0;}
ul.bo_v_nb li:last-child {margin:0;}
ul.bo_v_nb li a.btn {display:block;width:100%;line-height:45px;}
ul.bo_v_nb li a.btn i {margin:0 4px;color:#999;font-size:14px;vertical-align:baseline;}
ul.bo_v_nb li a.btn.off {color:#ccc;border:solid 1px #ccc;}
ul.bo_v_nb li a.btn.off i {color:#ccc;}

#bo_v .btn_list {display:block;margin:0 0 20px 0;width:100%;color:#fff;background:#424242;}

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






ul.btn_bo_user li .btn.btn_act,
ul.btn_bo_user li .btn.btn_submit {color:#fff;background:#165331;}
ul.btn_bo_user li .btn.btn_cancel {color:#165331;}

#bo_w .btn_confirm {margin:40px 0 0 0;}
#bo_w .btn_confirm .btn {width:120px;height:40px;font-size:14px;line-height:40px;}
#bo_w .btn_confirm .btn.btn_submit {color:#fff;background:#165331;}
#bo_w .btn_confirm .btn.btn_cancel {color:#165331;}

.source {font-size:14px; font-weight:normal;}

@media screen and (max-width:400px) {
#bo_v_con {width:100%;overflow-x:auto;}
}

.pdf-iframe { width: calc(100% - 60px);
    display: block;;
    margin: 0 auto;
    /* 뷰어의 높이를 설정 (예시: 80vh는 뷰포트 높이의 80%) */
    height: 80vh;
    /* 기본 테두리 제거 */
    border: none;
    /* 스크롤바를 필요할 때만 표시 */
    overflow: auto;
    /* 배경색을 흰색으로 설정 (선택 사항) */
    background-color: #fff; }