@charset "utf-8";

/* 게시판 목록 */
#bo_list {padding-top: 64px; padding-bottom: 100px; }
#bo_list .td_chk {width:30px; text-align:center; border-top:1px solid rgb(var(--color-ededed)); border-bottom:1px solid rgb(var(--color-ededed)); }
#bo_list .td_date {width:60px;text-align:center}
#bo_list .td_datetime {width:120px;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_subject {}
#bo_list .td_name {width:90px;text-align:center;}
#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}
#bo_list tbody tr {border-left:2px solid transparent}
#bo_list tbody td {vertical-align: middle; }

#bo_list th {padding: 20px 10px; font-weight: 500; }
#bo_list thead th {vertical-align: middle; }

.bo_cate_link {
	display: inline-block; 
	margin-right: 5px; margin-bottom: 5px; padding: 5px; 
	border-radius: 3px; background: rgb(var(--primary-color), 0.15); color: rgb(var(--primary-color)); 
	font-size: 14px; font-weight: bold; 
}
.bo_tit {font-weight: 500; }


#bo_cate {width: 100%; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate_ul {display: flex; margin-left: -18px;}
#bo_cate_ul li {display: flex; align-items: center; position: relative; padding: 5px 18px; }
#bo_cate_ul li:after {display: block; clear: both; content: ''; position: absolute; left: 100%; width: 1px; height: 16px; background: rgb(var(--color-ededed)); }
#bo_cate_ul li:last-of-type:after {display: none; }
#bo_cate_ul a {display: flex; align-items: center; position: relative; color: rgb(var(--color-3d3d3d), 0.8); font-size: 18px; font-weight: 500; }
#bo_cate_ul #bo_cate_on {color: rgb(var(--primary-color), 0.8); font-weight: bold; }
#bo_cate_ul #bo_cate_on:before {
	display: block; clear: both; content: ''; 
	position: absolute; top: 100%; width: 100%; height: 2px; margin-top: 5px; 
	background: rgb(var(--primary-color), 0.8); 
}


.selec_chk {position: absolute; bottom: 0; left: 0; width: 1px; height: 1px; margin: -1px; opacity: 0; outline: 0; z-index: -1; overflow: hidden; }

.chk_box {display: flex; align-items: center; position: relative; user-select: none; }
.chk_box input[type="checkbox"] + label {display: flex; align-items: center; gap: 12px; position:relative; color: rgb(var(--color-3d3d3d)); font-size: 18px; cursor: pointer; }
.chk_box input[type="checkbox"] + label span {
	display: block; width: 24px; height: 24px; margin: 0; border: 1px solid rgb(var(--color-dbdbdb)); border-radius: 6px; background: rgb(var(--color-white)); 
}

.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url('/images/icon_chk.svg') no-repeat center/ contain, rgb(var(--primary-color)); border-color: transparent; }

.all_chk.chk_box {}
.all_chk.chk_box input[type="checkbox"] + label {font-size: 16px; }
.all_chk.chk_box input[type="checkbox"] + label span {top: 0; left: 0; }


.chk_radio {display: flex; align-items: center; position: relative; user-select: none; }
.chk_radio input[type="radio"] + label {display: flex; align-items: center; gap: 12px; position:relative; color: rgb(var(--color-3d3d3d)); font-size: 18px; cursor: pointer; }
.chk_radio input[type="radio"] + label span {
	display: block; width: 24px; height: 24px; margin: 0; border: 1px solid rgb(var(--color-dbdbdb)); border-radius: 6px; background: rgb(var(--color-white)); 
}
.chk_radio input[type="radio"]:checked + span {color:#000}
.chk_radio input[type="radio"]:checked + label span {background:url('/images/icon_chk.svg') no-repeat center/ contain, rgb(var(--primary-color)); border-color: transparent; }





/* 게시판 목록 공통 */
#bo_btn_top {display: flex; justify-content: space-between; align-items: center; margin: 0; margin-bottom: 10px; }
#bo_list_total {opacity: 0; }

.btn_bo_user a.btn_admin, .btn_bo_user .btn_admin {color: #d13f4a ; }
.btn_bo_user {display: flex; align-items: center; gap: 10px; }
.btn_bo_user li {position: relative; width: 60px; text-align: center; }
.btn_bo_user button, .btn_bo_user .btn {height: 35px; color: rgb(var(--color-242424)); }
.bo_fx {display: none; }

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

.bo_sch_wrap {display: none; }



/* 게시판 쓰기 */
#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}


/* 게시판 읽기 */
#bo_v {padding-top: 64px; padding-bottom: 100px; }

#bo_v_title {display: flex; flex-direction: column; gap: 10px; }
#bo_v_title .bo_v_cate_wrap {display: flex; }
#bo_v_title .bo_v_cate {display: flex; align-items: center; height: 28px; padding: 0 10px; border-radius: 3px; background: rgb(var(--primary-color), 0.2); color: rgb(var(--primary-color)); font-weight: 500; }
#bo_v_title .bo_v_tit {font-size: 28px; font-weight: bold; word-break: break-all; }

#bo_v_info {display: flex; justify-content: flex-end; align-items: center; gap: 10px; padding-top: 20px; }
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info dl {display: flex; align-items: center; gap: 10px; }
#bo_v_info dt {font-weight: 500; }
#bo_v_info dd {color: rgb(var(--color-666666)); }

#bo_v_atc {margin-top: 20px; }

#bo_v_atc_title {display: none; }

#bo_v_top {justify-content: flex-end; padding-bottom: 10px; }

#bo_v_share {display: none; }

.inquiry_cont {display: flex; flex-direction: column; gap: 10px; padding: 20px; border-radius: 10px; background: rgb(var(--color-fafafa)); }
.inquiry_cont dl {display: flex; align-items: center; gap: 10px; line-height: normal; }
.inquiry_cont dt {width: 100px; font-weight: 500; }
.inquiry_cont dd {flex: 1; }



#bo_v_con {margin-top: 20px; }
#bo_v_con h4 {margin-bottom: 10px; font-weight: 500; }



/*글쓰기*/
#bo_w {display: flex; padding-top: 64px; padding-bottom: 100px; }
#bo_w #fwrite {padding: 50px 46px 54px; border-radius: 20px; background: rgb(var(--color-fafafa));}
#bo_w .category_wrap {display: flex; align-items: center; flex-wrap: wrap; gap: 20px 36px; padding-top: 15px; }
.bo_v_option {display: flex; gap: 10px; }

#bo_w .tel_wrap {display: flex; align-items: center; gap: 7px; }
#bo_w .tel_wrap .select_wrap {width: 100%; max-width: 140px; }
#bo_w .tel_wrap span {font-size: 20px; }
#bo_w .tel_wrap .input_wrap {width: 100%; max-width: 140px; }
#bo_w .email_wrap {display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
#bo_w .email_wrap .input_wrap {width: 100%; max-width: 210px; }
#bo_w .email_wrap span {margin: 0 5px; font-size: 20px; }
#bo_w .email_wrap .select_wrap {flex: 1; }

#bo_w #wr_content {height: 180px !important; }
.btn_confirm {display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-top: 36px; }
.btn_confirm button, .btn_confirm .btn {flex: 1; max-width: 236px; height: 56px; border-radius: 8px; font-size: 18px; font-weight: 600; }
.btn_confirm .btn_submit {background: rgb(var(--primary-color)); }



@media (hover: hover) {
	#bo_cate_ul a:hover {color: rgb(var(--primary-color)); }
	.btn_confirm .btn_submit:hover {background: rgb(var(--color-violet)); }
}

@media (max-width: 1240px) {

}
@media (max-width: 992px) {
	#bo_w .category_wrap {gap: 16px 36px; }
	#bo_w .tel_wrap .select_wrap {flex: 1; max-width: none; }
	#bo_w .tel_wrap .input_wrap {flex: 1; max-width: none; }
	#bo_w .email_wrap .input_wrap {flex: 1; max-width: none; }
	#bo_w .email_wrap span {margin: 0; }
	#bo_w .email_wrap .select_wrap {flex: 1; }
}
@media (max-width: 768px) {
	.chk_radio input[type="radio"] + label span {width: 20px; height: 20px; }
	.chk_radio input[type="radio"] + label {gap: 8px; font-size: 16px; }
	
	#bo_w #fwrite {padding: 30px 24px 40px; }
	#bo_w .category_wrap {gap: 12px 24px; }
	#bo_w .tel_wrap span {font-size: 16px; }
	#bo_w .email_wrap {gap: 5px; }
	#bo_w .email_wrap .select_wrap {flex: initial; width: 100%; }

}
@media (max-width: 640px) {
	#bo_w #fwrite {padding: 24px 16px 36px; }
	.btn_confirm {justify-content: center; }
}