@charset "utf-8";

.img_box img {width: 100%;}
.m_color {color: var(--man-color-02);}

/* #content */
.sub_visual {padding: 130px 0;text-align: center;position:relative}
.sub_visual::after{content:''; display: block; position:absolute; bottom: 0; left: 50%; transform:translate(-50%,0);width: 80%; height: 2px; background:#000;}
.sub_visual h1 {font-size: 44px;line-height: 1em;letter-spacing: -1px;}

.container{padding: 60px 14.7% 160px;}
.faq_container {width:calc(1136 /1368 * 100%); margin: 0 auto; overflow: hidden}
.faq_item {background-color: var(--man-color-04);margin-bottom: 8px}
.faq-item:last-child { margin-bottom: 0;}
.faq_question {display: flex;align-items: flex-start;padding:20px 80px 20px 40px; cursor: pointer;width: 100%;text-align: left;gap: 16px; background: var(--man-color-05); position:relative;}
.faq_item .label {font-weight: 700;font-size: 32px;flex-shrink: 0;}
.faq_item .q_text {flex-grow: 1;font-size: 22px;line-height: 38px;}
.faq_item .icon {flex-shrink: 0;width: 12px;height: 12px;position: absolute;right: 40px;top: 50%;border-right: 2px solid #171717;border-bottom: 2px solid #171717;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: 16px}
.answer_content .a_text{font-size:20px;line-height: 1.8}
.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 */
    .sub_visual {padding: 60px 0;}
    .sub_visual h1 {font-size: 36px;}
    .sub_visual::after{width:100%;}

    .container{padding: 60px 5% 160px;}
    .faq_question{padding: 24px 60px 24px 24px}
    .faq_item .label {font-size: 20px;}
    .faq_item .q_text{font-size: 18px;line-height: 24px;}
    .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 */
    .sub_visual h1 {font-size: 34px;}

    .container{padding: 32px 24px 80px;}

}