@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);}

/* 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 ¸®½ºÆ® - Ä«µåÇü */
#faq_wrap li {
    border:1px solid #e0e0e0;
    border-radius:12px;
    background:#fff;
    position:relative;
    margin-bottom:12px;
    transition:box-shadow 0.2s ease;
}
#faq_wrap li:first-child {border-top:1px solid #e0e0e0}
#faq_wrap li:hover {
    box-shadow:0 2px 8px rgba(0,0,0,0.06);
}

/* Áú¹® Çì´õ */
#faq_wrap li h3 {
    min-height:auto;
    line-height:1.5;
    padding:20px 60px 20px 55px;
    position:relative;
    margin:0;
}
#faq_wrap li h3 a {
    color:#222;
    font-size:1em;
    font-weight:600;
    text-decoration:none;
    word-break:keep-all;
}
#faq_wrap li h3 .tit_bg {
    display:inline-block;
    position:absolute;
    top:11px;
    left:20px;
    text-align:center;
    color:var(--mainColor);
    font-size:1.4em;
    font-weight:800;
}
#faq_wrap li h3 .tit_btn {
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    border:0;
    width:30px;
    height:30px;
    background:transparent;
    color:#999;
    font-size:1.3em;
    cursor:pointer;
    transition:color 0.2s;
}
#faq_wrap li h3 .tit_btn:hover {
    color:var(--mainColor);
}

/* ¿­¸° »óÅÂ */
#faq_wrap li h3.faq_li_open a {
    color:var(--mainColor);
    font-weight:bold;
}
.faq_li_open {border:none;}
.faq_li_open .tit_btn {
    color:var(--mainColor) !important;
}

/* ´äº¯ ¿µ¿ª */
#faq_con .con_inner {
    display:none;
    padding:50px 55px;
    background:transparent;
    border-radius:0 0 12px 12px;
    border-top:1px solid #f0f0f0;
    margin:0 20px;
    padding-top:20px;
    color:#444;
    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:20px;
    top:auto;
    border:0;
    width:30px;
    height:30px;
    background:transparent;
    color:var(--mainColor);
    font-size:1.2em;
    cursor:pointer;
}

/* A ¸¶Å© */
.con_inner p:before {
    content:'A';
    font-size:1.4em;
    font-weight:800;
    color:var(--mainColor);
    margin-right:10px;
}

.faq_con li + li {
    margin:14px 0 0;
}

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

/* ÃÑ N°Ç Ç¥½Ã (ÆäÀÌ¡ ¿µ¿ª »ó´Ü) */

/* ¸ð¹ÙÀÏ ¹ÝÀÀÇü */
@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_wrap li {margin-bottom:10px; border-radius:10px;}
    #faq_wrap li h3 {padding:16px 45px 16px 45px; min-height:auto;}
    #faq_wrap li h3 .tit_bg {top:14px; left:15px; font-size:1.2em;}
    #faq_wrap li h3 .tit_btn {right:15px;}
    #faq_wrap li h3 a {font-size:0.95em; word-break:keep-all;}
    
    #faq_con .con_inner {padding:15px 15px 20px 45px; margin:0 15px;}
    #faq_con .con_inner .closer_btn {right:15px;}
    
    #faq_sch {padding:20px 15px; border-radius:10px;}
    #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 {margin-bottom:8px; border-radius:8px;}
    #faq_wrap li h3 {padding:14px 35px 14px 40px;}
    #faq_wrap li h3 .tit_bg {font-size:1.1em; left:12px; top:12px;}
    #faq_wrap li h3 .tit_btn {right:10px; width:25px; height:25px;}
    
    #faq_con .con_inner {padding:10px 10px 15px 40px; margin:0 10px;}
    
    #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%;}
}



#faq_sch{display:none;}