@charset "utf-8";

#bo_cate {display: none; margin-bottom:28px}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#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;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;
-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(33, 135, 202)}

#faq_wrap {
    margin: 80px 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 #e9e5e2;
    background: #fff;
}
#faq_wrap li h3 {
    position: relative;
}
#faq_wrap li h3 a {
    position: relative;
    display: block;
    font-size: 24px;
    color: #3a3a3c;
    font-weight: 500;
    padding: 40px 110px 40px 40px;
    z-index: 2;
    line-height: 1.4;
}
#faq_wrap li h3 i {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    width: 16px;
    height: 16px;
    background: url(./img/up_ic.svg);
    filter: invert(24%) sepia(25%) saturate(884%) hue-rotate(133deg) brightness(95%) contrast(87%);
    z-index: 1;
    transition: 0.5s;
}
#faq_wrap li.faq_li_open h3 i {
    transform: translateY(-50%);
    transition: 0.5s;
}

#faq_con .con_inner {
    display: none;
    padding: 40px 110px 40px 40px;
    background: #fcfbf9;
    border-top: 1px solid #e9e5e2;
}
#faq_con .con_inner p {
    font-size: 16px;
    color: #3a3a3c;
    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;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#3a8afd;font-size:1.2em}

#faq_sch {display: none; 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}

.faq_top {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 40px;
}
.faq_top p {
    font-size: 30px;
    color: var(--base_color);
    font-weight: 500;
    line-height: 1.2;
}
.faq_top p span {
    font-size: 16px;
    color: #999793;
}
.faq_top ul {
    font-size: 0;
}
.faq_top ul li {
    display: inline-block;
    margin-left: 10px;
}
.faq_top ul li img {
    width: 36px;
    filter: invert(52%) sepia(5%) saturate(118%) hue-rotate(181deg) brightness(98%) contrast(88%);
    transition: 0.3s;
}
.faq_top ul li:hover img {
    filter: invert(23%) sepia(13%) saturate(1913%) hue-rotate(133deg) brightness(94%) contrast(82%);
    transition: 0.3s;
}

@media screen and (max-width: 1000px) {
    .faq_top {
        padding: 0;
    }
}

@media screen and (max-width: 640px) {
    .faq_top {
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 30px 0;
    }
    .faq_top p {
        font-size: 27px;
    }
    .faq_top p span {
        font-size: 14px;
    }
    #faq_wrap {
        margin-top: 60px;
    }
    #faq_wrap li h3 a {
        font-size: 18px;
        padding: 40px 20px 40px 0;
    }
    #faq_wrap li h3 i {
        right: 0;
    }
    #faq_con .con_inner {
        padding: 20px 0;
    }
}