@charset "utf-8";

#inc06{overflow:hidden}
#inc06 .area-faq{padding:112px 0 125px}
#inc06 .col-2{display:flex;justify-content:space-between}
#inc06 .group-title{display:flex;flex-direction:column}
#inc06 .group-title .tit--l{color:#111 !important}
#inc06 .group-cont{max-width:770px;width:100%}
#inc06 .group-cont .faq-list{display:flex;flex-direction:column;gap:17px}
#inc06 .group-cont .faq-list li{padding:30px 45px;background-color:rgba(67,44,238,0.03);border-radius:16px;cursor:pointer;transition:padding 0.3s}
#inc06 .group-cont .faq-list li .question{display:flex;align-items:center;justify-content:space-between;font-family:var(--sub-font);font-size:22px;font-weight:700;line-height:1.6;color:#111827;word-break:keep-all}
#inc06 .group-cont .faq-list li .question svg{stroke:#667085;width:22px;height:22px;transition:transform 0.3s}
#inc06 .group-cont .faq-list li .answer{padding-top:17px;font-size:16px;font-weight:500;line-height:1.6;color:#53616e;white-space:pre-line;word-break:keep-all}
#inc06 .group-cont .faq-list li.show{padding:35px 45px}
#inc06 .group-cont .faq-list li.show .question svg{transform:rotate(-180deg);stroke:#667085}

#inc06 .area-contact{z-index:0;position:relative;padding:100px 0 105px;background-image:url(./img/inc06_banner_bg.jpg);background-repeat:no-repeat;background-size:cover}
#inc06 .area-contact::before{z-index:-2;position:absolute;content:'';inset:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);pointer-events:none}
#inc06 .area-contact .inner{display:flex;flex-direction:column;align-items:center}
#inc06 .area-contact .tip{position:relative;font-size:14px;font-weight:700;text-align:center;color:#fff;background-color:#FF6B2C;border-radius:100px;padding:8px 14px;animation:bounce 1.5s ease-in-out infinite}
#inc06 .area-contact .tip::after{z-index:-1;position:absolute;content:'';bottom:-2px;left:50%;transform:translateX(-50%) rotate(45deg);width:15px;height:10px;background-color:#FF6B2C;border-radius:1px}
#inc06 .area-contact p{padding:25px 0 40px;font-family:var(--sub-font);font-size:34px;font-weight:700;line-height:1.3;white-space:pre-line;text-align:center;color:#fff}
#inc06 .area-contact .btn-wrap{display:flex;gap:22px}
#inc06 .area-contact .btn-wrap .btn--primary{min-width:190px;font-size:16px}
#inc06 .area-contact .btn-wrap .btn--primary.contact{background-color:#fff;color:#1A2B47}
#inc06 .area-contact .btn-wrap .btn--primary.contact:hover{background-color:#D1F953;color:#000}
#inc06 .area-contact .btn-wrap .btn--primary.phone{background-color:var(--primary);color:#fff}
#inc06 .area-contact .btn-wrap .btn--primary.phone:hover svg{animation:phone 0.7s ease-in-out infinite}

@keyframes bounce {0%, 100% {transform:translateY(0)} 50% {transform:translateY(-5px)}}
@keyframes arrow {0%, 100% {transform:translateX(0)} 50% {transform:translateX(3px)}}
@keyframes phone {0%, 100% { transform:rotate(0)} 20% { transform:rotate(-12deg)} 40% { transform:rotate(10deg)} 60% { transform:rotate(-8deg)} 80% { transform:rotate(5deg)}}

/* 반응형 [s] */
@media (max-width:1400px){
#inc06 .area-faq{padding:100px 20px 105px}
#inc06 .area-contact{padding:90px 0 95px}
#inc06 .group-cont .faq-list li{padding:25px 35px}
#inc06 .group-cont .faq-list li .question{font-size:20px}
#inc06 .group-cont .faq-list li.show{padding:30px 35px}
#inc06 .area-contact p{font-size:30px}
}
@media (max-width:1200px){
#inc06 .area-faq{padding:80px 20px 90px}
#inc06 .col-2{flex-direction:column;gap:40px}
#inc06 .group-title{text-align:center}
#inc06 .group-cont{max-width:88%;margin:0 auto}
#inc06 .group-cont .faq-list li .question{font-size:18px}
#inc06 .group-cont .faq-list li .answer{padding-top:12px;padding-right:30px;white-space:normal}
#inc06 .area-contact {padding:80px 20px}
#inc06 .area-contact p{padding:20px 0 35px;font-size:26px}
#inc06 .area-contact .btn-wrap{gap:10px}
}
@media (max-width:1024px){
#inc06 .area-faq{padding:80px 20px}
#inc06 .group-cont{max-width:100%}
#inc06 .group-cont .faq-list{gap:12px}
#inc06 .group-cont .faq-list li{padding:20px 30px;border-radius:10px}
#inc06 .group-cont .faq-list li.show{padding:25px 30px}
#inc06 .group-cont .faq-list li .question{font-size:17px}
#inc06 .group-cont .faq-list li .answer{padding-top:10px}
#inc06 .area-contact{padding:70px 20px}
#inc06 .area-contact p{padding:20px 0 30px;font-size:24px}
#inc06 .area-contact .btn-wrap .btn--primary{min-width:175px;font-size:15px}
}
@media (max-width:768px){
#inc06 .col-2{gap:30px}
#inc06 .area-faq{padding:60px 20px}
#inc06 .group-cont .faq-list li{padding:15px 20px}
#inc06 .group-cont .faq-list li.show{padding:20px 20px}
#inc06 .group-cont .faq-list li .question{font-size:16px}
#inc06 .group-cont .faq-list li .answer{padding-top:8px;font-size:15px}
#inc06 .area-contact{padding:60px 20px}
#inc06 .area-contact p{padding:20px 0 25px;font-size:22px}
#inc06 .area-contact .tip{font-size:13px}
#inc06 .area-contact .btn-wrap .btn--primary{min-width:170px;font-size:14px}
}
@media (max-width:480px){
#inc06 .group-cont .faq-list li .question{font-size:15px}
#inc06 .group-cont .faq-list li .answer{font-size:14px}
#inc06 .group-cont .faq-list li .question svg{width:20px;height:20px}
#inc06 .area-contact p{font-size:20px;white-space:normal}
}
@media (max-width:390px){
#inc06 .area-contact .btn-wrap{flex-direction:column}
}
/* 반응형 [e] */