@charset "utf-8";

/*********************************************************************************************************************************************************************
	gnuboard
*********************************************************************************************************************************************************************/

.more_opt li { width:auto; padding:0; } 
.more_opt li a { display:flex !important; padding: 0.375em 0.5em !important; min-width:4.5em; align-items:center !important; justify-content:space-between !important; gap:0.4em; }
.more_opt li button { display:flex !important; padding: 0.375em 0.5em; min-width:5em; align-items:center !important; justify-content:space-between !important; gap:0.4em; }

/* === board === */
#bo_cate #bo_cate_ul { display:flex; flex-wrap:wrap; margin-bottom:-0.5rem; }
#bo_cate #bo_cate_ul li { margin: 0 0.5rem 0.5rem 0; }
#bo_cate #bo_cate_ul li a { padding: 0.25em 1em 0.2em; font-size: 1.1em; display: inline-block;
	color:var(--color-blue-ch); background: #fff; border-radius: 2rem; border:1px solid var(--oc-gray-3);
	transition: var(--transition-fast); -webkit-transition: var(--transition-fast); cursor:pointer; }
/*#bo_cate #bo_cate_ul li a:before { content:'\23'; display:inline-block; font-family: FontAwesome; padding-right:0.3em; color:var(--oc-gray-5); transition: var(--transition-fast); -webkit-transition: var(--transition-fast); }*/
#bo_cate #bo_cate_ul li a:hover { border-color:var(--color-navy); color:var(--color-navy); }
/*#bo_cate #bo_cate_ul li a:hover:before { color:var(--color-navy); }*/
#bo_cate #bo_cate_ul li #bo_cate_on { background:var(--color-navy); border-color:var(--color-navy); color:#fff; box-shadow:none; }
#bo_cate #bo_cate_ul li #bo_cate_on:before { color:#fff; }
.bo_vc_w h2 { font-size: 0; line-height: 0; }
.bo_sch h3 { font-size:1.25em; padding:12px 15px; }
.bo_sch .bo_sch_cls { background-color:transparent; }
#bo_v_title { font-size:1.75em; }
#bo_v_title .bo_v_tit { font-size:1em !important; }
#bo_v_title .bo_v_cate { font-size: 1rem; }
#bo_v_rel .tbl_head01 td.td_date { width:80px; }
#bo_v_rel .tbl_head01 td.td_stat { width:110px; }
#bo_list .txt_rdy,
#bo_v_rel .txt_rdy { background:var(--oc-gray-4); }
#bo_list .txt_done,
#bo_v_rel .txt_done { background:var(--oc-teal-5); }
#bo_w .bo_w_flie .file_del input { appearance: auto; }
#bo_w .bo_w_flie .frm_file { height:28px; padding:0; padding-left: 45px; margin-top:-2px;}
#bo_w .bo_w_flie .frm_file::file-selector-button { width: 5.5em; height: 28px; background:var(--oc-gray-5); border: 1px solid var(--oc-gray-5); border-radius:0; color:#fff; font-size:0.8em; cursor: pointer; transition: var(--transition-fast); }
#bo_w .bo_w_flie .frm_file:required::file-selector-button { background-color:var(--oc-indigo-3); border-color: var(--oc-indigo-3); }
#bo_w .bo_w_flie .frm_file::file-selector-button:hover { background-color:var(--oc-indigo-7); border-color:var(--oc-indigo-7); }
#bo_w .write_div.btn_confirm .btn { min-width:5.5em; }
#bo_w .chk_box input[type="checkbox"] + label.frm_info { padding-left:calc(1em + 5px); }
#bo_w .chk_box input[type="checkbox"]:checked + label.frm_info span:before { content:'\e928'; font-family:var(--font-icon); color:#fff; }
@media all and (max-width:1200px) {
	#bo_cate #bo_cate_ul li a { padding: 0.25em 0.75em; font-size: 1em; }
}
@media all and (max-width:770px) {
	#bo_list .tbl_head01 td,
	#bo_v_rel, .tbl_head01 td { border-top:none; border-bottom:none; }
	#bo_list .tbl_head01 tbody tr + tr,
	#bo_v_rel .tbl_head01 tbody tr + tr { border-top:1px solid #ecf0f1; }
	#bo_list .td_name, #bo_v_rel .td_name,
	#bo_list .td_num, #bo_v_rel .td_num,
	#bo_list .td_date, #bo_v_rel .td_date,
	#bo_list .td_datetime, #bo_v_rel .td_datetime { display:none; }
	#bo_list .td_subject,
	#bo_v_rel .td_subject { display:flex; flex-wrap:wrap; align-items:center; gap:5px 10px; height:auto; min-height:60px; }
	#bo_list .td_subject .bo_cate_link,
	#bo_v_rel .td_subject .bo_cate_link { margin-right:0; }
	#bo_list .td_subject .bo_info,
	#bo_v_rel .td_subject .bo_info { width:100%; display:flex !important; flex-wrap:wrap; align-items:center; }
	#bo_list .td_subject .bo_info span,
	#bo_v_rel .td_subject .bo_info span { display:inline-block; }
	#bo_list .td_subject .bo_info span i,
	#bo_v_rel .td_subject .bo_info span i { vertical-align:-0.1em; }
	#bo_list .td_subject .bo_info span:after,
	#bo_v_rel .td_subject .bo_info span:after { content:'·'; display:inline-block; margin:0 0.5em; }
	#bo_list .td_subject .bo_info span:last-child:after,
	#bo_v_rel .td_subject .bo_info span:last-child:after { display:none; }
	.tbl_head01 thead th { padding:0.5em 0; }
}

/* === board gallery === */
#bo_gall #gall_ul { display:flex; flex-wrap:wrap; }
#bo_gall .gall_img { height:auto !important; max-height:auto !important; }
#bo_gall h6 .bo_tit { font-weight:inherit !important; }
#bo_gall .bo_cnt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; width: 100%;
	-webkit-line-clamp: 3; line-height: 1.5em; height: calc(1.5em * 3); }
@media all and (max-width:1000px) {
	#bo_gall .gall_row .gall_li.col-gn-4 { width:50%; }
}
@media all and (max-width:560px) {
	#bo_gall .gall_li { width:100% !important; }
}

/* === board faq === */
#faq_sch { background:var(--oc-gray-0); }
#faq_sch legend { display:none; }
#faq_sch .frm_input { width:calc(100% - 92px); max-width:300px; }
#faq_wrap li .tit a { display:inline-block; padding-right:30px; }
#faq_wrap li .tit a,
#faq_wrap li .tit p,
#faq_wrap li .tit span { font-family:var(--font-title) !important; }
#faq_wrap li .tit .tit_bg { font-size:1.5em; top:0.5em; }
#faq_con .con_inner .closer_btn { color:var(--oc-blue-5); }
#faq_con .con_inner p,
#faq_con .con_inner span { font-family:var(--font-text) !important; }

/* === popup layer === */
@media all and (max-width:770px) {
	/* .hd_pops_con { width:90vw !important; height:90vw !important; }  */
	#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr { width:auto; }
	.hd_pops { right:10px; }
	.hd_pops_con { width:auto !important; /* height:auto !important; */ }
	.hd_pops img { max-width:inherit; width:100%; }
}