@charset "utf-8";

.img_box img {width: 100%;}
.block {display: block;}
.p_color {color: #9570FF;}

/* #content */
.sub_visual {padding: 130px 0; text-align: center; background: rgba(240, 235, 255, .5);}
.sub_visual h1 {font-size: 72px; line-height: 1em; letter-spacing: -1px;}

.container{padding: 60px 14.7% 160px;}
.faq_container {width:100%; margin: 0 auto; overflow: hidden;}
.faq_group {margin-bottom: 60px;}
.faq_group:last-child {margin-bottom: 0;}
.faq_group_title {padding: 18px 40px; background: #A893D4; color: #fff; font-size: 24px; font-weight: 700; line-height: 1.4;}

.faq_item {background-color: #FAFAFC; margin-top: 8px;}
.faq_question {box-sizing: border-box;display: flex;align-items: flex-start;padding:20px 80px 20px 40px; cursor: pointer;width: 100%;text-align: left;gap: 8px; background: #F4F1FC; position:relative;}
.faq_item .label {font-weight: 700;font-size: 22px;line-height: 38px;flex-shrink: 0;}
.faq_item .q_text {flex-grow: 1;font-size: 22px;font-weight: 700;line-height: 38px;}
.faq_item .q_text p {margin: 0;}
.faq_item .icon {flex-shrink: 0;width: 12px;height: 12px;position: absolute;right: 40px;top: 50%;border-right: 2px solid #8A8A8A;border-bottom: 2px solid #8A8A8A;transform: rotate(45deg) translateY(-50%);transition: transform 0.3s ease-in-out;}

.faq_answer { display: none;}
.answer_content {padding: 24px 40px; display: flex;align-items: flex-start;gap: 8px}
.answer_content .label {color: #655092;}
.answer_content .a_text{font-size:20px;line-height: 1.9}
.answer_content .a_text p {margin: 0; text-wrap: balance; word-break: break-all;}
.faq_item.active .icon {transform: rotate(225deg) translate(-50%, 0%);/* margin-top: -9px; */}

/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    .container{padding: 60px 12.6% 160px;}
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {
    .faq_container {width: 100%;}
}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {
 
}


/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    /* content */


    .container{padding: 60px 5% 160px;}
    .faq_group {margin-bottom: 40px;}
    .faq_group_title {padding: 14px 24px; font-size: 20px;}
    .faq_question{padding: 24px 60px 24px 24px}
    .faq_item .label {font-size: 18px;line-height: 24px;}
    .faq_item .q_text{font-size: 18px;line-height: 24px;}
    .answer_content {padding: 20px 24px;}
    .answer_content .label {line-height: 1.9;}
    .answer_content .a_text{font-size:16px;}
    .faq_item .icon {width: 10px;height: 10px;right: 32px;top: 50%;}
}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:768px) {
    /* content */


    .container{padding: 32px 24px 80px;}
    .faq_question{padding: 20px 60px 20px 16px}
    .faq_group_title { font-size: 16px;}

    .faq_item .icon {top: 28px;}

    .a_text p br{display: none;}
    .faq_item .q_text,.a_text p i{display: block;}


}
