@charset "utf-8";

#bo_cate {margin-bottom:70px}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {display:flex;align-items:center;justify-content:center;gap:0 15px}
#bo_cate a {display:flex;align-items:center;justify-content:center;text-align:center;height:60px;background:var(--white);border:solid 1px #DDDDDD;border-radius:60px;font-size:24px;font-weight:500;color:#A7A7A7;padding:0 30px;transition:all .2s}
#bo_cate a:hover {color:#0C34B1;border-color:#0C34B1}
#bo_cate #bo_cate_on {background:#0C34B1;color:var(--white);border:0}

.faq_inner {padding:260px 0 200px}
.faq_inner .page_tit {font-size:48px;font-weight:700;text-align:center;margin-bottom:54px}
#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 {font-size:30px;font-weight:700;position:relative}
#faq_wrap li h3 a {display:flex;align-items:flex-start;gap:0 34px;padding:40px 50px}
#faq_wrap li h3 .tit_bg {color:#FF6E00;padding-top:.1em}
#faq_wrap li h3 .tit_btn {display:flex;align-items:center;justify-content:center;width:24px;height:24px;position:absolute;top:50%;right:50px;transform:translateY(-50%)}
#faq_wrap li h3 .tit_btn .white {display:none}
#faq_wrap li h3.faq_li_open {background:#FFF2E0}
#faq_wrap li h3.faq_li_open .tit_btn img {transform:rotate(180deg)}
#faq_wrap li h3.faq_li_open a {}

#faq_con .con_inner {display:none;font-size:20px;color:#4A4A4A}
#faq_con .con_inner .inner {display:flex;align-items:flex-start;gap:0 34px;padding:34px 50px}
#faq_con .con_inner .tit_bg {color:#000000;padding-top:.1em;font-size:30px;font-weight:700}
#faq_con .con_inner .closer_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#3a8afd;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:3px}
#faq_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54}

.faq_wrap .top_banner {background-image:url('/img/web/top_banner_02.jpg')}

@media all and (max-width: 1199px) {
    .faq_inner {padding:100px 0 160px}
    .faq_inner .page_tit {font-size:36px;margin-bottom:40px}
    #faq_wrap li h3 {font-size:22px}
    #faq_wrap li h3 a {padding:30px;gap:0 20px}
    #faq_wrap li h3 .tit_btn {right:30px}
    #faq_con .con_inner {font-size:16px}
    #faq_con .con_inner .inner {padding:28px 30px;gap:0 20px}
    #faq_con .con_inner .tit_bg {font-size:22px}
    
    #bo_cate {margin-bottom:50px}
    #bo_cate ul {gap:10px}
    #bo_cate a {height:50px;padding:0 24px;font-size:20px}
}

@media all and (max-width: 767px) {
    .faq_inner {padding:110px 0 80px}
    .faq_inner .page_tit {font-size:24px;margin-bottom:24px}
    .faq_wrap .top_banner {background-image:url('/img/web/top_banner_02_mb.jpg')}
    #faq_wrap li h3 {font-size:17px}
    #faq_wrap li h3 a {padding:20px 36px 20px 10px ;gap:0 10px}
    #faq_wrap li h3 .tit_btn {width:18px;height:18px;right:10px}
    #faq_con .con_inner {font-size:14px}
    #faq_con .con_inner .inner {padding:20px 10px;gap:0 10px}
    #faq_con .con_inner .tit_bg {font-size:17px}
    
    #bo_cate {margin-bottom:30px}
    #bo_cate a {height:40px;padding:0 20px;font-size:16px}
    #bo_cate {overflow-x:auto;width:calc(100% + 40px);margin-left:-20px}
    #bo_cate ul {width:fit-content;justify-content:flex-start;padding:0 20px}
}