@charset "utf-8"; 

/**/
.date-flex { justify-content: flex-start !important; } 

/* 게시판 목록 */
#bo_list { position:relative; margin-bottom:20px } 
#bo_list:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_list td { text-align: center; } 
#bo_list .td_cate { width: 10%; } 
#bo_list .td_subject { width: 50%; text-align: left; } 
#bo_list .td_date { width: 23%; } 
#bo_list .td_file { width: 7%; } 

/* #bo_list .td_board { width:120px; text-align:center } 
#bo_list .td_chk { width:30px; text-align:center; } 
#bo_list .td_date { width:60px; text-align:center } 
#bo_list .td_datetime { text-align:center } 
#bo_list .td_group { width:100px; text-align:center } 
#bo_list .td_mb_id { width:100px; text-align:center } 
#bo_list .td_mng { width:80px; text-align:center } 
#bo_list .td_name { width:90px; text-align:left; padding:10px 0 } 
#bo_list .td_nick { width:100px; text-align:center } 
#bo_list .td_num { width:50px; text-align:center } 
#bo_list .td_num2 { width:50px; text-align:center } 
#bo_list .td_numbig { width:80px; text-align:center } 
#bo_list .txt_active { color:#5d910b } 
#bo_list .txt_expired { color:#ccc } */

.notice .bo-tit-wr { text-align: left; } 
.notice #bo_v_title .bo_v_tit { margin-bottom: 1rem; margin-top: 1rem; padding-left: .5rem; } 
.notice #bo_v_info .profile_info {width: 100%;}
.notice #bo_v_info .profile_info li {justify-content: flex-start; line-height: 2; } 
.notice #bo_v_info .profile_info li i {width: 30%;max-width: 17rem; color: #000; font-weight: 500; } 
.notice #bo_v_info .profile_info li span {display: inline-block; width: 70%;} 


/**/


#bo_cate { width: 50%; } 
#bo_cate h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_cate ul { justify-content: flex-start; zoom:1 } 
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active { text-decoration:none; } 

.td_subject img { display: inline-block; width: auto; margin-left:3px } 

@media all and (max-width:1200px) { 
 #bo_cate ul { gap: .5rem; } 
 #bo_cate a { padding: .5rem 1rem; font-size: 1.5rem; } 
 } 
@media all and (max-width:768px) { 
 .cate-wr { flex-direction: column; align-items: flex-start; } 
 
 #bo_cate { width: 100%; } 
 } 

/* 게시판 목록 공통 */
.selec_chk { position:absolute; top:0; left:0; width:0; height:0; opacity:0; outline:0; z-index:-1; overflow:hidden } 
.chk_box { position:relative } 
.chk_box input[type="checkbox"] + label { position:relative; color:#676e70 } 
.chk_box input[type="checkbox"] + label:hover { color:#2172f8 } 
.chk_box input[type="checkbox"] + label span { float:left; width:15px; height:15px; display:block; background:#fff; border:1px solid #d0d4df; border-radius:3px } 
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label { padding-left:20px } 
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span { position:absolute; top:2px; left:0; width:15px; height:15px; display:block; margin:0; background:#fff; border:1px solid #d0d4df; border-radius:3px } 
.chk_box input[type="checkbox"]:checked + label { color:#000 } 
.chk_box input[type="checkbox"]:checked + label span { background:url(./img/chk.png) no-repeat 50% 50% #3a8afd; border-color:#1471f6; border-radius:3px } 





.bo_fx { margin-bottom:5px; float:right; zoom:1 } 
.bo_fx:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_fx ul { margin:0; padding:0; list-style:none } 
#bo_list_total { float:left; line-height:34px; font-size:0.92em; color:#4e546f } 

.btn_bo_user { float:right; margin:0; padding:0; list-style:none } 
.btn_bo_user li { float:left; width:40px; text-align:center; margin-left:5px; } 
.btn_bo_user > li { position:relative } 
.btn_bo_adm { float:left } 
.btn_bo_adm li { float:left; margin-right:5px } 
.btn_bo_adm input { padding:0 8px; border:0; background:#d4d4d4; color:#666; text-decoration:none; vertical-align:middle } 
.bo_notice td { border-bottom:1px solid #ddd } 
.bo_notice td a { color: var(--color-point2);; font-weight:bold; } 
.bo_notice td a.bo_cate_link { background: var(--color-point2); color: #fff; } 
.bo_notice .notice_icon { display:inline-block; line-height:25px; border-radius:5px; font-weight:bold; color:#f9267f } 

.more_opt { display:none; position:absolute; top:45px; right:0; background:#fff; border:1px solid #b8bfc4; z-index:999 } 
.more_opt:before { content:""; position:absolute; top:-8px; right:13px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #b8bfc4 transparent } 
.more_opt:after { content:""; position:absolute; top:-6px; right:13px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #fff transparent } 
.more_opt li { border-bottom:1px solid #f1f1f1; padding:10px; float:inherit; width:90px; margin:0; color:#6b757c; text-align:left } 
.more_opt li:last-child { border-bottom:0 } 
.more_opt li button, .more_opt li a { width:100%; border:0; background:#fff; color:#6b757c } 
.more_opt li:hover a,
.more_opt li:hover button { color:#000 } 
.more_opt li i { float:right; line-height:20px } 

.td_num strong { color:#000 } 
.bo_cate_link { display:inline-block; background: var(--color-bg); color: var(--color-point2); font-weight:normal !important; line-height: 1; padding: 0.5em 0.7em; border-radius: .3em; font-size: 0.85em; } /* 글제목줄 분류스타일 */
.bo_cate_link:hover { text-decoration:none } 
.bo_tit { display:inline-block; color:#000; font-weight:bold } 
.bo_current { color:#e8180c } 
#bo_list .profile_img img { border-radius:50% } 
#bo_list .cnt_cmt { display:inline-block; margin:0 0 0 3px; font-weight:bold; color:#ed6478; font-size:0.86em } 

#bo_list .bo_tit .title_icon { margin-right:2px } 
#bo_list .bo_tit .fa-heart { color:#ff0000 } 
#bo_list .bo_tit .fa-lock { display:inline-block; line-height:14px; width:16px; font-size:0.833em; color:#4f818c; background:#cbe3e8; text-align:center; border-radius:2px; font-size:12px; border:1px solid #cbe3e8; vertical-align:middle } 
#bo_list .bo_tit .new_icon { display:inline-block; width:16px; line-height:16px; font-size:0.833em; color:#23db79; background:#b9ffda; text-align:center; border-radius:2px; margin-left:2px; font-weight:bold; vertical-align:middle } 
#bo_list .bo_tit .hot_icon { display:inline-block; width:16px; line-height:16px; font-size:0.833em; color:#ff0000; background:#ffb9b9; text-align:center; border-radius:2px; vertical-align:middle } 
#bo_list .bo_tit .fa-caret-right { color:#bbb } 
#bo_list .bo_tit .fa-download { display:inline-block; width:16px; line-height:16px; font-size:0.833em; color:#daae37; background:#ffefb9; text-align:center; border-radius:2px; margin-left:5px; vertical-align:middle } 
#bo_list .bo_tit .fa-link { display:inline-block; width:16px; line-height:16px; font-size:0.833em; color:#b451fd; background:#edd3fd; text-align:center; border-radius:2px; margin-left:5px; vertical-align:middle } 


/* 게시판 쓰기 */
#char_count_desc { display:block; margin:0 0 5px; padding:0 } 
#char_count_wrap { margin:5px 0 0; text-align:right } 
#char_count { font-weight:bold } 

#autosave_wrapper { position:relative } 
#autosave_pop { display:none; z-index:10; position:absolute !important; top:34px; right:0; width:350px; height:auto !important; height:180px; max-height:180px; border:1px solid #565656; background:#fff; -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2) } 
#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 #000 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 { padding:15px; border-top:1px solid #e9e9e9; list-style:none; overflow-y:scroll; height:130px; border-bottom:1px solid #e8e8e8 } 
#autosave_pop li { padding:8px 5px; border-bottom:1px solid #fff; background:#eee; 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; font-size:0.92em; font-style:italic; color:#999 } 
.autosave_close { cursor:pointer; width:100%; height:30px; background:none; color:#888; font-weight:bold; font-size:0.92em } 
.autosave_close:hover { background:#f3f3f3; color:#3597d9 } 
.autosave_content { display:none } 
.autosave_del { background:url(./img/close_btn.png) no-repeat 50% 50%; text-indent:-999px; overflow:hidden; height:20px; width:20px } 





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

 /*리스트 목록*/
 .tbl_head01 td { border-bottom:0; border-left:0 !important; } 
 .tbl_wrap table tbody tr { display: flex; flex-direction: column; padding-top: .8em; padding-bottom: 0.8em; border-bottom:1px solid #ddd; } 
 .tbl_wrap table tbody tr.bo_notice { background: #f3f5f5; } 
 .tbl_wrap table thead { display: none; } 
 #bo_list .td_num2, #bo_list .td_datetime, #bo_list .td_subject { width: 100%; height: auto; padding-top: 0; padding-bottom: 0; text-align: left; } 
 #bo_list .td_subject { padding-top: .5em; padding-bottom: .5em; } 
 #bo_list .td_datetime { color: #4b5259; } 
 #bo_list .td_subject .bo_tit { display: block; margin-top: .3em; } 
 .bo_notice .notice_icon { width: 2.5rem; } 

 #bo_list .td_cate { padding-top: .5rem; padding-bottom: .5rem; width: auto; height: auto; text-align: left; } 
#bo_list .td_date { width: auto; height: auto; text-align: left; padding-top: 0; padding-bottom: 0; } 
 #bo_list .td_file { height: auto; width: auto; text-align: left; padding-top: 0; padding-bottom: 0; } 


/*글읽기*/
#bo_v { margin-top: 2rem; } 
 .bo-tit-wr { padding: 1rem; } 
 #bo_v_title .bo_v_tit { font-size: 1.6rem; } 
 #bo_v_info .profile_info { font-size: 1.4rem; } 
 #bo_v_info .profile_info { margin: 0.5em 0 0; } 
 .bo_v_nb li { min-width: 9rem; width: auto; } 
 } 

 @media screen and (max-width:576px) { 
 #bo_list .td_cate { padding-top: 0; padding-bottom: 0; } 
 #bo_list .td_subject .bo_tit { margin-top: 0; } 
 #bo_list .td_subject { padding-bottom: .2em; } 
 #bo_list .td_num2 { display: none; } 
 }