@charset "utf-8";

/* ---------- faq ---------- */
#faq_sch { background: transparent; margin-top: 70px; }
.faq_admin { margin-bottom: 150px; }
#bo_cate { margin: 0 auto 30px; width: calc(100% - 40px); max-width: 1440px; }
#bo_cate #bo_cate_on { background: var(--gray-11); border: 0; box-shadow: none; font-weight: 500; }
#faq_wrap { margin: 0 auto 100px; width: calc(100% - 40px); max-width: 1440px; }

#faq_wrap li h3 { padding: 35px 60px; }
#faq_wrap li h3 a, #faq_wrap li h3 p { color: var(--gray-11); font-size: 17px; }
#faq_wrap li h3.faq_li_open a, #faq_wrap li h3.faq_li_open p { color: var(--sub-01); }

#faq_con .con_inner { padding: 35px 20px 35px 60px; background: var(--gray-f5); }
#faq_con .con_inner .closer_btn { color: var(--sub-01); top: 36px; } 
#faq_con .con_inner p { color: var(--gray-75); font-size: 16px; }

#faq_wrap li h3 .tit_bg, 
#faq_wrap li h3 .tit_btn { top: 50%; transform: translate(0,-50%); }
#faq_con .con_inner .closer_btn { display: none; }

.faq_admin a.btn_admin, .faq_admin s.btn_admin { color: var(--gray-9e); }


/*** responsive ***/
/* 1200px or less */
@media all and (max-width : 1200px){
    #faq_sch { background: transparent; margin-top: 50px; }
    .faq_admin { margin-bottom: 80px; }
    #faq_sch .btn_submit { font-size: 14px; }

    #faq_wrap li h3 { padding: 25px 50px; }
    #faq_wrap li h3 .tit_bg { font-size: 20px; }
    #faq_wrap li h3 a, #faq_wrap li h3 p { font-size: 15px; }
    #faq_wrap li h3 .tit_btn { font-size: 16px; }
    
    #faq_con .con_inner { padding: 25px 20px 25px 50px; }
    #faq_con .con_inner p { font-size: 14px; }
}

/* 767px or less */
@media all and (max-width : 767px){
    .faq_admin { margin-bottom: 60px; }
    #faq_sch { padding: 0; width: 100%; box-sizing: border-box; margin-top: 60px; }
    #faq_sch .frm_input { width: 70%; max-width: 350px; }
    #faq_sch .btn_submit { padding: 0 8px; width: 20%; max-width: 100px; font-weight: 13px; }
    
    #faq_wrap li h3 { padding: 15px 38px; }
    #faq_wrap li h3 .tit_bg { left: 10px; font-size: 16px; }
    #faq_wrap li h3 .tit_btn { right: 5px; font-size: 16px; }
    #faq_con .con_inner .closer_btn { right: 5px; }
    #faq_wrap li h3 a, #faq_wrap li h3 p { font-size: 14px; }
    
    #faq_con .con_inner { padding: 20px 20px 20px 40px; }
    #faq_con .con_inner p { font-size: 13px; }
}