@charset "utf-8";

/* Ä«Å×°í¸® ³×ºñ°ÔÀÌ¼Ç */
#bo_cate {margin-bottom:28px}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1; margin-bottom:20px;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px}
#bo_cate a {display:block;line-height:28px;padding:5px 15px;font-weight:500; border-radius:30px; border:1px solid #aaa;color:#555}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:var(--mainColor);color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:var(--mainColor);color:#fff;font-weight:bold;border:1px solid var(--mainColor);
-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(80 165 136)}

/* FAQ ·¡ÆÛ */
#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 {border-bottom:1px solid #ececec;background:#fff;position:relative}
#faq_wrap li:first-child {border-top:1px solid #ececec}
#faq_wrap li h3 {min-height:50px;line-height:30px;padding:25px;padding-left:50px;position:relative}
#faq_wrap li h3 .tit_btn {position:absolute;right:15px;top:22px;border:0;width:30px;height:30px;background:#fff;color:#c5cdd8;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_wrap li h3.faq_li_open a {color:var(--mainColor); font-weight:bold;}
#faq_con .con_inner {display:none;padding:5px 5px 20px 50px}
#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:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:var(--mainColor);font-size:1.2em}

/* °Ë»ö Æû */
#faq_sch {background:#f7f7f7;padding:30px;text-align:center;margin:0 0 10px}
#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 {border:1px solid #d0d3db;width:300px;height:45px;border-radius:0;border-radius:3px}
#faq_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54}
.fa{display:none !important;}

/* ¸ð¹ÙÀÏ ¹ÝÀÀÇü */
@media screen and (max-width: 768px) {
    #bo_cate, #faq_wrap {width:100% !important; padding:0 15px; box-sizing:border-box;}
    
    /* Ä«Å×°í¸® ¹öÆ° */
    #bo_cate ul {display:flex; flex-wrap:wrap; gap:5px;}
    #bo_cate li {padding:1px}
    #bo_cate a {padding:5px 10px; font-size:0.9em; line-height:24px;}
    
    /* FAQ ¸®½ºÆ® */
    #faq_wrap li h3 {padding:15px 40px 15px 40px; min-height:auto; line-height:1.4;}
    #faq_wrap li h3 .tit_bg {top:12px; left:10px; font-size:1.3em;}
    #faq_wrap li h3 .tit_btn {right:10px; top:12px;}
    #faq_wrap li h3 a {font-size:0.95em; word-break:keep-all;}
    
    /* ³»¿ë ¿µ¿ª */
    #faq_con .con_inner {padding:10px 10px 15px 40px;}
    #faq_con .con_inner .closer_btn {right:10px; top:10px;}
    
    /* °Ë»ö Æû */
    #faq_sch {padding:20px 15px;}
    #faq_sch .frm_input {width:calc(100% - 100px); max-width:250px; height:40px;}
    #faq_sch .btn_submit {height:40px; width:70px; font-size:1em;}
    #faq_sch form {display:flex; justify-content:center; gap:5px;}
}

@media screen and (max-width: 480px) {
    #bo_cate, #faq_wrap {padding:0 10px;}
    
    #bo_cate a {padding:4px 8px; font-size:0.85em;}
    
    #faq_wrap li h3 {padding:12px 35px 12px 35px;}
    #faq_wrap li h3 .tit_bg {font-size:1.2em; left:8px; top:10px;}
    #faq_wrap li h3 .tit_btn {right:5px; top:10px; width:25px; height:25px;}
    
    #faq_con .con_inner {padding:10px 5px 15px 35px;}
    
    #faq_sch {padding:15px 10px;}
    #faq_sch form {flex-wrap:wrap;}
    #faq_sch .frm_input {width:100%; max-width:100%; margin-bottom:10px;}
    #faq_sch .btn_submit {width:100%;}
}