@charset "utf-8";

#bo_cate {margin-bottom:30px}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 30px; width: 100%; min-height: 70px; padding: 30px 0; background: #f4f4f4; border-radius: 10px; }
#bo_cate li { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 100%; }
#bo_cate a { position: relative; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 100%; color: #aaa; transition: all 0.3s; }
#bo_cate a:before { content:''; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: #e4007f; transition: all 0.3s; }
#bo_cate a:focus:before, #bo_cate a:hover:before, #bo_cate a:active:before { width: 100%; }
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active { color: #e4007f; }
#bo_cate #bo_cate_on { z-index:2; color:#222; }
#bo_cate #bo_cate_on:after { content: ''; display: block; position: absolute; z-index: 5; top: -35px; width: 10px; height: 10px; background: #e4007f; box-shadow: 0 0px 10px #e4007f; border-radius: 10px; transform: translateX(-50%); }

#faq_wrap {margin:10px 0 30px}
#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; border-bottom: 1px solid #ddd; }
#faq_wrap li:first-child {border-top:1px solid #ddd}
#faq_wrap li:after { content:''; position: absolute; left: 0px; bottom: -1; width: 0px; height: 1px; background: #e4007f; transition: all 0.3s; }
#faq_wrap li:hover:after { width: 100%; }
#faq_wrap li h3 { display: flex; flex-wrap: wrap; align-items: center; position: relative; min-height: 90px; padding: 15px; padding-left: 50px; font-size: 20px; font-weight: 600; }
#faq_wrap li h3 a { display: block; width: 100%; padding-right: 30px; transition: all 0.3s; }
#faq_wrap li h3 a:hover { color: #e4007f; }
#faq_wrap li h3 .tit_btn { position:absolute; top:30px; right:15px; width:30px; height:30px; background:transparent; border:0; color:#aaa; font-size:1.2em; }
#faq_wrap li h3.faq_li_open .tit_btn { display: none; }

#faq_wrap li h3 .tit_bg { display: inline-block; position: absolute; top: 25px; left: 15px; text-align: center; color: #e4007f; font-size: 32px; font-family: 'Pretendard'; font-weight: 500; }
#faq_wrap li h3.faq_li_open a { /* color: #e4007f; font-weight: 800; */ }

#faq_con .con_inner { display: none; padding: 50px 50px 50px 50px; background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.8); font-size: 0.95em; line-height: 1.6; }
#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; top:30px; right:15px; width:30px; height:30px; background:transparent; border:0; color:#e4007f; font-size:1.2em; }

#faq_sch { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; text-align: right; margin: 0 0 30px; }
#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:50px; padding: 0 50px 0 10px; border:1px solid #ddd; border-radius:3px; }
#faq_sch .btn_submit { position: absolute; right: 0; top: 0; width: auto; height: 50px; padding: 0 10px; background: transparent; color: #222; }

@media screen and (max-width: 1024px) {
	
	#bo_cate ul { gap: 0 15px; padding: 20px 20px; }
	#bo_cate a { padding: 5px; }
	#bo_cate #bo_cate_on { color: #e4007f; text-shadow: 0 0px 10px #e4007f78; }
	#bo_cate #bo_cate_on:after { display: none; }

}

@media screen and (max-width: 768px) {
	
	#faq_wrap li h3 { font-size: 18px; }
	#faq_con .con_inner { padding: 30px 20px; }

}

@media screen and (max-width: 480px) {
	
	#faq_wrap li h3 { min-height: 70px; font-size: 15px; }
	#faq_wrap li h3 .tit_bg { top: 20px; font-size: 25px; }
	#faq_wrap li h3 .tit_btn { top: 20px; }

	#faq_sch form { width: 100%; }
	#faq_sch .frm_input { width: 100%; }

}