@charset "utf-8";

#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:flex;
    align-items: center;
    width: auto;
    height: 36px;
    border: 1px solid #e4e4e4;
    border-radius: 50px;
    padding: 0 42px;
    font-size: 13px;
    color: #888888;
}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {
    text-decoration:none;
    background-color:#000;
    color:#fff
}
#bo_cate #bo_cate_on {
    z-index:2;
    background-color:#000;
    color:#fff;
}

#faq_wrap {
    margin:20px 0 30px;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
}

#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 #e4e4e4;
    background:#fff;
    position:relative
}
#faq_wrap li:first-child {border-top:1px solid #e4e4e4}
#faq_wrap li:last-child {border: none;}

#faq_wrap li h3 {
    min-height:50px;
    line-height:30px;
    padding:15px;
    padding-left:78px;
    position:relative
}

#faq_wrap li h3 .tit_btn {
    position:absolute;
    right:40px;
    top:15px;
    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:40px;
    text-align:center;
    color:#000;
    font-size: 16px;
}

#faq_wrap li h3 p{
    font-size: 15px;
    font-weight: 400;
}

#faq_wrap li h3.faq_li_open a {color:#3a8afd}

#faq_con .con_inner {
    position: relative;
    display:none;
    padding:5px 5px 20px 78px;
}

#faq_con .con_inner:after{
    content: "A";
    position: absolute;
    display: block;
    top: 10px;
    left: 40px;
    font-size: 16px;
    color: #000;
    font-family:"Pretendard", sans-serif !important;
}

#faq_con .con_inner p{
    font-size: 15px;
    font-weight: 300;
    line-height: 26px;
}

#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 h2{
    font-size: 42px;
}

#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 #e4e4e4 !important;
    width:400px;
    height:48px;
    padding: 0 18px;
    border-radius:0;
}
#faq_sch .frm_input:focus{
    border:1px solid #e4e4e4 !important;
}

/* ------------------------------- */
#faq_sch{
    max-width: 1412px;
    width: 100%;
    margin: 0 auto;
}

.searchinputwrap{
    position: relative;
    width:400px;
    height:48px;
    margin-top: 30px;
}

.searchinputwrap input{
    font-size: 15px;
}

.searchinputwrap input::placeholder{
    font-size: 15px;
    color: #888888;
}

.searchinputwrap .searchlinkimg{
    width: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}

.faqcontent{
    max-width: 1412px;
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
}

#faq_con .closer_btn{
    display: none;
}

@media all and (max-width:768px){
    #faq_sch h2{
        font-size: 20px;
    }

    .faqschwrap{
        padding-top: 40px;
    }

    #faq_wrap{
        border-bottom: 1px solid #e4e4e4;
    }

    .faqschwrap,
    .faqcontent{
        padding-left: 15px; 
        padding-right: 15px;
    }

    .faqcontent{
        margin-top: 15px;
    }

    #faq_sch .frm_input,
    .searchinputwrap{
        width: 100%;
    }
    .searchinputwrap{
        margin-top: 15px;
    }

    .currentnavdiv{
        display: none;
    }

    #bo_cate{
        overflow: auto;
    }

    #bo_cate_ul{
        display: flex;
        flex-wrap: nowrap;
    }

    #bo_cate_ul li,
    #bo_cate a{
        width: max-content;
    }
    #bo_cate a{
        padding: 0 20px;
    }

    #faq_wrap li h3 .tit_bg,
    #faq_con .con_inner:after{
        left: 0;
    }
    #faq_wrap li h3 .tit_btn{
        right: 0;
    }
    #faq_wrap li h3{
        padding-left: 20px;
    }

    #faq_con .con_inner{
        padding-left: 20px;
    }

    #faq_wrap li h3 p{
        font-size: 14px;
    }
    
    #faq_con .con_inner p{
        font-size: 14px;
        line-height: 19px;
    }
}