@charset "utf-8";

#content .img_box img {width: 100%;}
#content .m_color {color: var(--man-color-02);}
#content .sub_visual {padding: 130px 0;text-align: center;position:relative}
#content .sub_visual::after {content:''; display: block; position:absolute; bottom: 0; left: 50%; transform:translate(-50%,0);width: 80%; height: 2px; background:#000;}
#content .sub_visual h1 {font-size: 44px;line-height: 1em;letter-spacing: -1px;}
#content .container {padding: 60px 14.7% 160px;}
#content .faq_container {width:calc(1136 /1368 * 100%); margin: 0 auto; overflow: hidden}
#content .faq_item {background-color: var(--man-color-04);margin-bottom: 8px}
#content .faq-item:last-child { margin-bottom: 0;}
#content .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;}
#content .faq_item .label {font-weight: 700;font-size: 32px;flex-shrink: 0;}
#content .faq_item .q_text {flex-grow: 1;font-size: 22px;line-height: 38px;}
#content .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;}
#content .faq_answer { display: none;}
#content .answer_content {padding: 24px 40px; display: flex;align-items: flex-start;gap: 16px}
#content .answer_content .a_text {font-size:20px;line-height: 1.8}
#content .faq_item.active .icon {transform: rotate(225deg) translate(-50%, 0%);}

@media screen and (max-width:1540px) {
#content .container {padding: 60px 12.6% 160px;}
}

@media screen and (max-width:1440px) {
#content .faq_container {width: 100%;}
}

@media screen and (max-width:1024px) {
#content .sub_visual {padding: 60px 0;}
#content .sub_visual h1 {font-size: 36px;}
#content .sub_visual::after {width:100%;}
#content .container {padding: 60px 5% 160px;}
#content .faq_question {padding: 24px 60px 24px 24px}
#content .faq_item .label {font-size: 20px;}
#content .faq_item .q_text {font-size: 18px;line-height: 24px;}
#content .answer_content .a_text {font-size:16px;}
#content .faq_item .icon {width: 10px;height: 10px;right: 32px;top: 50%;}
}

@media screen and (max-width:768px) {
#content .sub_visual h1 {font-size: 34px;}
#content .container {padding: 32px 24px 80px;}
}