@charset "utf-8";
.container { font-size: 14px; }

/* #bo_w 옵션 */
#bo_w .bo_v_option .chk_box { margin-right: 0.5em; }
/* #bo_w 제목 */
#bo_w #autosave_wrapper {position:relative}
#bo_w #autosave_wrapper .frm_input {padding-right: 10em;}
#btn_autosave {position:absolute; top: 0; right: 0; }
#bo_w #autosave_pop {z-index:10;position:absolute;top:100%;right:0;width:350px; border:1px solid #aaa;background:#fff; display: none; }
#bo_w #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 #666 transparent}
#bo_w #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}
#bo_w #autosave_pop strong { display: none; }
#bo_w #autosave_pop ul {padding:15px; overflow-y:scroll; height:130px; border-bottom:1px solid #ddd}
#bo_w #autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#bo_w #autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w #autosave_pop a {display:block;float:left}
#bo_w #autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
#bo_w .autosave_close { display: block; width: 100%; height: 2.8em; font-size: 0.875em; }
#bo_w .autosave_close:hover {background:#f7f7f7;}
#bo_w .autosave_content {display:none}
#bo_w .autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px}/* overflow 미지원 기기 대응 */
/* #bo_w 내용 */
#bo_w #char_count_desc { margin-bottom: 0.5em; }
#bo_w #char_count_wrap { margin-top: 0.25em; text-align: right; }
#bo_w .smarteditor2 { position: relative; }
#bo_w .smarteditor2 #char_count_desc { position: absolute; left: 0; top: 0; margin: 0.25em; }
#bo_w .frm_input { height: 3em; }
/* #bo_w 링크,파일 */
#bo_w .wr_other { position: relative; }
#bo_w .wr_other .ico { font-size: 1.25em; position: absolute; top: 0; left: 0; height: 2.4em; width: 2.4em; display: flex; align-items: center;  justify-content: center; color: #888; }
#bo_w .wr_link .frm_input { padding-left: 2.8em; }
#bo_w .wr_file .frm_file { display: none; }
#bo_w .wr_file .frm_file_name { padding-left: 9.8em; }
#bo_w .wr_file .frm_file_btn { position: absolute; top: 0; left: 2.5em; height: 2em; background-color: #f8f8f8; color: #888; border-color: #ddd; }
#bo_w .wr_file .frm_file_del { position: absolute; top: 0; right: 0; height: 2em; margin: 0.5em; display: flex; align-items: center; }



/* #bo_w 제목 */
#bo_v { max-width: 1000px; margin: auto; }
#bo_v .ev_tit { position: relative; text-align: center; }
#bo_v .vi_cate { color: #999; font-size: 1.25em; }
#bo_v .vi_cate span { margin: 0 0.25em; display: inline-block; }
#bo_v .vi_subject { font-size: 2em; line-height: 1.5; padding: 0.5em 0; font-weight: 700; }
#bo_v .ev_list_btn { font-size: 1.5em; width: 2.5em; height: 2.5em; border: 1px solid #ddd; background-color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 5em; position: absolute; right: 0; top: 0;}
/* #bo_v 정보 및 버튼 */
#bo_v .vi_flex { display: flex; justify-content: space-between; padding: 0.5em 0;}
#bo_v .vi_info { color: #999; display: flex; align-items: center; }
#bo_v .vi_info .line { width: 0.125em; height: 1em; background-color: #ccc; display: inline-block; margin: 0 0.5em; }
#bo_v .bo_btn_wrap .opt_box { width: 4.5em; }
/* #bo_v 내용 */
#bo_v .vi_content { font-size: 1em; line-height: 1.8; text-align: center; padding: 2em 0; }
#bo_v .vi_content img { max-width: 100%; height: auto; vertical-align: top; }
/* #bo_v 링크,파일 */
#bo_v .vi_other li { position: relative; }
#bo_v .vi_other li .ico { font-size: 1.25em; position: absolute; top: 0; left: 0; height: 2.4em; width: 2.4em; display: flex; align-items: center;  justify-content: center; color: #888; }
#bo_v .vi_other li a { width: 100%; line-height: 3em; padding-left: 2.8em; border: 1px solid #ddd; background-color: #fff; display: block; }
#bo_v .vi_other li .vi_cnt { position: absolute; top: 0; right: 0; height: 2em; margin: 0.5em 1.5em; display: flex; align-items: center; }
#bo_v .btn_submit { font-size: 1.375em; padding: 0 2em; height: 3em; }
#bo_v .btn_submit i { margin-right: 0.5em; font-size: 1.25em; }





/* #bo_l 분류 */
#bo_l .li_cate { display: flex; margin-bottom: 2em; }
#bo_l .li_cate li { margin-right: 0.8em; }
#bo_l .li_cate li a { display: inline-block; padding: 0.5em 1.5em; border-radius: 5em; border: 1px solid #ddd; color: #999; }
/* #bo_l 정보 및 버튼 */
#bo_l .li_flex { display: flex; justify-content: space-between; padding: 0.5em 0;}
#bo_l .li_info { display: flex; align-items: center; }
#bo_l .li_info .line { width: 0.1em; height: 1em; background-color: #aaa; display: inline-block; margin: 0 0.8em; }
#bo_l .bo_btn_wrap .opt_box { width: 6.5em; }
/* #bo_l 내용 */
#bo_l .tbl_wrap table { text-align: center; }
#bo_l .tbl_wrap caption { display: none; }
#bo_l .tbl_wrap tbody { color: #555; font-size: 0.875em; }
#bo_l .tbl_wrap td { padding: 1.125em 0; }
#bo_l .td_subject .li_title { color: #333; font-size: 1.125em; }
#bo_l .td_subject i { font-style: normal; margin-left: 0.25em; }
#bo_l .td_chk { width: 30px; }
#bo_l .td_name { width: 90px; }
#bo_l .td_num { width: 50px; }
#bo_l .td_datetime { width: 100px; }
/* #bo_l 검색 */
#bo_l .bo_sch_wrap { margin-top: 2em; display: flex; justify-content: flex-end; }
#bo_l .bo_sch_box { display: flex; }
#bo_l .bo_sch_bar { border: 1px solid #ddd; margin-left: 0.25em; }
#bo_l .bo_sch_bar * { border: 0; }
#bo_l .bo_sch_bar button { width: 2.5em; }





.btn_confirm { margin-top: 3em; }
.btn_confirm > * { padding: 0 3em; }

.btn_frmline { min-height: 0; height: 2em; margin: 0.5em; padding: 0 1em; }

.bo_btn_wrap {  }
.bo_btn_wrap { display: flex; }
.bo_btn_wrap .opt_wrap { position: relative; }
.bo_btn_wrap .opt_box { font-size: 0.875em; position: absolute; top: 100%; right: 0; background-color: #fff; border: 1px solid #ddd; z-index: 10; display: none; }
.bo_btn_wrap .opt_box button { width: 100%; }
.bo_btn_wrap .opt_box i { margin-right: 0.25em; }