@charset "utf-8";
#inc07{padding:170px 0 150px;border-top:1px solid #e1e1e1}

#inc07 .group-cont .faq-list{max-width:1080px;margin:0 auto}
#inc07 .group-cont .faq-list ul{display:flex;flex-direction:column;gap:25px}
#inc07 .group-cont .faq-list li{padding:28px 40px;background-color:var(--gray);border-radius:100px;cursor:pointer}
#inc07 .group-cont .faq-list li .question{display:flex;align-items:center;justify-content:space-between}
#inc07 .group-cont .faq-list li .question h3{display:flex;align-items:center;gap:20px;font-size:18px;font-weight:700;line-height:1.5;color:#111;word-break:keep-all}
#inc07 .group-cont .faq-list li .question h3::before{content:'Q.';font-family:var(--e-font);font-style:normal;font-size:20px;font-weight:700;color:var(--primary)}
#inc07 .group-cont .faq-list li .question svg{flex-shrink:0;transform:rotate(180deg);transition:transform 0.2s}
#inc07 .group-cont .faq-list li .answer{display:none;overflow:hidden;padding:20px 42px 0;font-size:18px;line-height:1.5;color:rgba(255,255,255,0.7);white-space:pre-line;word-break:keep-all}

/* open 상태 */
#inc07 .group-cont .faq-list li.open{padding:45px 40px;border-radius:20px;background-color:var(--primary)}
#inc07 .group-cont .faq-list li.open .question h3, #inc07 .group-cont .faq-list li.open .question h3::before{color:#fff}
#inc07 .group-cont .faq-list li.open .question svg{stroke:#fff;transform:rotate(0deg)}

/* 반응형 [s] */
@media (max-width:1600px){
#inc07{padding:120px 20px}
}
@media (max-width:1400px){
#inc07{padding:100px 20px}
}
@media (max-width:1200px){
#inc07 .group-cont .faq-list ul{gap:16px}
#inc07 .group-cont .faq-list li{padding:28px 30px}
#inc07 .group-cont .faq-list li.open{padding:30px;border-radius:15px}
#inc07 .group-cont .faq-list li .question h3{gap:16px;font-size:17px}
#inc07 .group-cont .faq-list li .question h3::before{font-size:18px}
#inc07 .group-cont .faq-list li .answer{padding:12px 36px 0;font-size:16px}
}
@media (max-width:1024px){
#inc07{padding:80px 20px}
#inc07 .group-cont .faq-list ul{gap:10px}
#inc07 .group-cont .faq-list li{padding:24px 30px;border-radius:10px}
#inc07 .group-cont .faq-list li.open{padding:28px 30px;border-radius:10px}
#inc07 .group-cont .faq-list li .question h3{gap:12px;font-size:16px}
#inc07 .group-cont .faq-list li .answer{padding:10px 32px 0;font-size:15px}
}
@media (max-width:768px){
#inc07{padding:70px 20px}
#inc07 .group-cont .faq-list li .answer{white-space:normal}
}
@media(max-width:480px){
#inc07{padding:70px 20px 0}
#inc07 .group-cont .faq-list li{padding:20px 24px}
#inc07 .group-cont .faq-list li.open{padding:24px}
#inc07 .group-cont .faq-list li .question{align-items:flex-start}
#inc07 .group-cont .faq-list li .question h3{flex-direction:column;align-items:flex-start;gap:4px;font-size:15px}
#inc07 .group-cont .faq-list li .answer{padding:8px 0 0;font-size:14px}
}
/* 반응형 [e] */