@charset "utf-8";

#bo_cate { margin-bottom:30px; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { display: flex; flex-wrap: wrap; gap: 3px; }
#bo_cate li { display:inline-block; }
#bo_cate a { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 40px; padding: 0px 15px; border-radius: 3px; border: 1px solid #e1dadc; color: #998c8e; font-size: 0.9em; transition: 0.5s; }
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active { background:#998c8e; border:1px solid #998c8e; color:#fff; text-decoration:none; }
#bo_cate #bo_cate_on { z-index:2; background:#998c8e; border:1px solid #998c8e; color:#fff; font-weight:bold; }

#faq_wrap { }
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {text-align:right}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_wrap li { position:relative; margin-top: 10px; background:#fff; }
#faq_wrap li:first-child { margin-top: 0px; }
#faq_wrap li h3 { position:relative; display: flex; flex-wrap: wrap; align-items: center; min-height:100px; padding:25px 50px; padding-right: 90px; background: #f3eff0; }
#faq_wrap li h3 a { color: #998c8e; font-size: 1.1em; font-weight: 500; }
#faq_wrap li h3 .tit_btn { position: absolute; right: 50px; top: 0; width: 30px; height: 100px; border: 0; color: #998c8e; font-size: 1.2em; }
#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top:15px;left:15px;text-align:center;color:#000;font-size:1.6em}

#faq_con .con_inner { display: none; margin-top: 10px; padding: 50px; background: #fff; border: 1px solid #f3eff0; color: #555; font-size: 0.95em; line-height: 1.7; }
#faq_con .con_inner .tit_bg {display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
#faq_con .con_inner .closer_btn {position: absolute; right: 50px; top: 0; width: 30px; height: 100px; background: #f3eff0; border: 0; color:#998c8e;font-size:1.2em}

#faq_sch { text-align:right; margin:0 0 50px; }
#faq_sch form { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 0 5px; }
#faq_sch .sch_tit {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#faq_sch .frm_input { width: 300px; height: 45px; border: 1px solid #e1dadc; border-radius: 500px; }
#faq_sch .btn_submit { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 5px; width: 100px; height: 45px; padding: 0 10px; background: #998c8e; border-radius: 500px; color: #fff; }

@media screen and (max-width: 768px) {
	
	#bo_cate a { padding: 0px 10px; }
	
	#faq_sch { margin: 0 0 30px; }
	#faq_sch .frm_input { width: calc(100% - 110px); border-radius: 5px; }
	#faq_sch .btn_submit { border-radius: 5px; }
	
	#faq_wrap li h3 { min-height: 70px; padding: 15px 30px; padding-right: 50px; }
	#faq_wrap li h3 .tit_btn, #faq_con .con_inner .closer_btn { right: 20px; height: 70px; background: #f3eff0; }
	#faq_wrap li h3 a { font-size: 1em; }

	#faq_con .con_inner { padding: 30px; }

}