@charset "utf-8";
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}

#faq {
    display:flex;
    flex-direction:column;
    gap:20px;
}
#faq .faq_teb {}
#faq .faq_teb ul {
    display:flex;
    align-items:center;
    flex-wrap: wrap;
    gap:10px;
}
#faq .faq_teb ul li {
    border:1px solid #774C9E;
    border-radius:5px;
    padding:10px 15px;
    font-size:1rem;
    font-weight:600;
    letter-spacing:-0.54px;
    color:#774C9E;
    cursor: pointer;
}
#faq .faq_teb ul li.active {
    background-color:#774C9E;
    color:#fff;
}

#faq .faq_wrap {
    display:flex;
    flex-direction:column;
    gap:20px;
}
#faq .faq_wrap .faq_view {
    background-color:#F9F9F9;
    border-radius:10px;
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:10px;
}
#faq .faq_wrap .faq_view .faq_title {
    font-size:1rem;
    font-weight:600;
    letter-spacing:-0.54px;
    color:#774C9E;
    margin-bottom:10px;
}
#faq .faq_wrap .faq_view .faq_box {
    border:1px solid #CACACA;
    border-radius:10px;
    background-color:#fff;
    padding:15px 20px;
    display:flex;
    flex-direction:column;
    gap:10px;
    cursor: pointer;
}
#faq .faq_wrap .faq_view .faq_box .faq_question {
    display:flex;
    align-items:center;
    gap:10px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M20.0001%2035C28.2844%2035%2035%2028.2844%2035%2020.0001C35%2011.7159%2028.2844%205%2020.0001%205C11.7159%205%205%2011.7159%205%2020.0001C5.00934%2028.2805%2011.7195%2034.9907%2020.0001%2035ZM20.0001%206.50018C27.456%206.50018%2033.5001%2012.5443%2033.5001%2020.0001C33.5001%2027.456%2027.456%2033.5001%2020.0001%2033.5001C12.5443%2033.5001%206.50018%2027.456%206.50018%2020.0001C6.50869%2012.5479%2012.5479%206.50869%2020.0001%206.50018Z%22%20fill%3D%22%23774C9E%22/%3E%3Cpath%20d%3D%22M22.3417%2027.7528C22.7577%2028.1164%2023.3894%2028.0739%2023.7531%2027.6583C24.1163%2027.2423%2024.0739%2026.6105%2023.6582%2026.2469L16.5186%2020.0001L23.6586%2013.7529C24.0746%2013.3892%2024.1167%2012.7575%2023.7534%2012.3419C23.3898%2011.9258%2022.7581%2011.8834%2022.342%2012.247L14.3422%2019.2471C14.125%2019.4368%2014.0005%2019.7115%2014.0005%2020.0001C14.0005%2020.2886%2014.125%2020.5629%2014.3422%2020.753L22.3417%2027.7528Z%22%20fill%3D%22%23774C9E%22/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 10px center;
    padding-left:10px;
}
#faq .faq_wrap .faq_view .faq_box .faq_question.open {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M35%2019.9999C35%2011.7156%2028.2844%205%2020.0001%205C11.7159%205%205%2011.7156%205%2019.9999C5%2028.2841%2011.7159%2035%2020.0001%2035C28.2805%2034.9907%2034.9907%2028.2805%2035%2019.9999ZM6.50018%2019.9999C6.50018%2012.544%2012.5443%206.4999%2020.0001%206.4999C27.456%206.4999%2033.5001%2012.544%2033.5001%2019.9999C33.5001%2027.4557%2027.456%2033.4998%2020.0001%2033.4998C12.5479%2033.4913%206.50869%2027.4521%206.50018%2019.9999Z%22%20fill%3D%22%23774C9E%22/%3E%3Cpath%20d%3D%22M27.7528%2017.6588C28.1164%2017.2428%2028.0739%2016.6111%2027.6583%2016.2474C27.2423%2015.8842%2026.6105%2015.9266%2026.2469%2016.3423L20.0001%2023.4819L13.7529%2016.3419C13.3892%2015.9259%2012.7575%2015.8838%2012.3419%2016.2471C11.9258%2016.6107%2011.8834%2017.2424%2012.247%2017.6584L19.2471%2025.6583C19.4368%2025.8755%2019.7115%2026%2020.0001%2026C20.2886%2026%2020.5629%2025.8755%2020.753%2025.6583L27.7528%2017.6588Z%22%20fill%3D%22%23774C9E%22/%3E%3C/svg%3E");
}
#faq .faq_wrap .faq_view .faq_box .faq_question .question_q {
    width:40px;
    font-size:1.88rem;
    font-weight:600;
    letter-spacing:-1.02px;
    color:#774C9E;
    font-family: 'S-CoreDream';
    text-align:center;
}
#faq .faq_wrap .faq_view .faq_box .faq_question .question_ti {
    flex:1;
    font-size:1rem;
    font-weight:400;
    letter-spacing:-0.54px;
    line-height:122%;
}
#faq .faq_wrap .faq_view .faq_box .faq_answer {
    background-color:#FAF5FF;
    border-radius:10px;
    padding:10px;

    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
}
#faq .faq_wrap .faq_view .faq_box .faq_answer.show {
    max-height: 500px; /* 충분히 큰 값으로 설정 */
    transition: max-height 0.3s ease;
}
#faq .faq_wrap .faq_view .faq_box .faq_answer .faq_answer_inn {
    display:flex;
    align-items:center;
    gap:10px;
}
#faq .faq_wrap .faq_view .faq_box .faq_answer .answer_a {
    width:40px;
    font-size:1.88rem;
    font-weight:600;
    letter-spacing:-1.02px;
    color:#CACACA;
    font-family: 'S-CoreDream';
    text-align:center;
}
#faq .faq_wrap .faq_view .faq_box .faq_answer .answer_ti {
    flex:1;
    font-size:1rem;
    font-weight:400;
    letter-spacing:-0.54px;
    line-height:122%;
}
#faq .faq_wrap .faq_view .faq_box .faq_answer .answer_ti .golink {
    background-color:#774C9E;
    padding:2px 8px;
    border-radius:5px;
    color:#fff;
    text-align:center;
    font-size:1rem;
    font-weight:600;
    border:1px solid #774C9E;
}
#faq .faq_wrap .faq_view .faq_box .faq_answer .answer_ti .golink:hover {
    background-color:#fff;
    color:#774C9E;
}


@media (max-width:640px) {
    #faq .faq_wrap .faq_view .faq_box .faq_question {
        background-size:30px 30px;
        background-position:right center;
    }
    #faq .faq_wrap .faq_view .faq_box .faq_question .question_q {
        font-size:1.33rem;
        width:25px;
    }
    #faq .faq_wrap .faq_view .faq_box .faq_question .question_ti {
        max-width:70%;
    }
    #faq .faq_wrap .faq_view .faq_box .faq_answer .answer_a {
        font-size:1.33rem;
        width:25px;
    }
}