@charset "utf-8";
#inc08 .inner{width:1140px;margin:0 auto}

/* VIDEO */
#inc08 .group-video{position:relative;height:1000px;display:flex;flex-direction:column;justify-content:space-between;padding:268px 0 120px}
#inc08 .group-video .area-bg{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%}
#inc08 .group-video .area-bg::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4)}
#inc08 .group-video .area-bg video{width:100%;height:100%;object-fit:cover}
#inc08 .group-video .tit-box{display:flex;flex-direction:column;gap:180px}
#inc08 .group-video .tit-box > *{position:relative;display:inline-flex;font-family:var(--e-font);font-weight:700;font-size:130px;line-height:100%;color:#fff}
#inc08 .group-video .right{justify-content:flex-end;text-align:right}
#inc08 .group-video .text{position:relative}
#inc08 .group-video .text .flip{position:absolute;display:flex;align-items:center;justify-content:center;height:36px;padding:0 22px;border-radius:100px;font-size:16px;background-color:var(--primary);color:#fff;text-transform:uppercase}
#inc08 .group-video .right .flip{top:-7px;right:270px}
#inc08 .group-video .left .flip{bottom:0;left:233px}
#inc08 .group-video h2{font-family:var(--e-font);font-size:20px;line-height:1.6;text-align:right;white-space:pre-line;color:#fff;font-weight:normal}

/* FAQ */
#inc08 .group-faq{padding-top:175px;background-color:#111}
#inc08 .group-title{padding-bottom:85px}
#inc08 .group-title .desc{padding-bottom:40px;font-size:26px;font-weight:700;color:var(--primary)}
#inc08 .group-title h2{line-height:100%;color:#fff}

#inc08 .faq-list ul{display:flex;flex-direction:column;gap:20px}
#inc08 .faq-list ul li{display:flex;flex-direction:column;width:100%;padding:0 30px;background-color:#1a1a1a;border:1px solid rgba(255,255,255,0.18);border-radius:20px;color:#fff;cursor:pointer}
#inc08 .faq-list .question{display:flex;align-items:center;justify-content:space-between;min-height:100px}
#inc08 .faq-list .question h3{display:flex;align-items:center;gap:25px;font-size:28px;font-weight:700;color:#fff}
#inc08 .faq-list .question h3::before{content:'Q';font-family:var(--e-font);font-style:normal;color:var(--primary)}
#inc08 .faq-list .question .mark{position:relative;display:flex;width:35px;height:35px;transition:transform 0.4s}
#inc08 .faq-list .question .mark::before, #inc08 .faq-list .question .mark::after{position:absolute;content:'';top:50%;left:50%;background-color:#fff}
#inc08 .faq-list .question .mark::before{width:25px;height:3px;transform:translate(-50%, -50%);transition:opacity 0.2s, visibility 0.2s}
#inc08 .faq-list .question .mark::after{height:25px;width:3px;transform:translate(-50%, -50%) rotate(180deg)}
#inc08 .faq-list li.open .question .mark{transform:rotate(90deg)}
#inc08 .faq-list li.open .question .mark::before{opacity:0;visibility:hidden}
#inc08 .faq-list .answer{display:none;overflow:hidden;padding-bottom:36px;padding-left:47px;font-size:20px;font-weight:600;line-height:1.8;color:rgba(255,255,255,0.5);white-space:pre-line}

/* 상담문의 */
#inc08 .group-contact{display:flex;flex-direction:column;align-items:center;padding-top:210px;padding-bottom:215px;background-color:#111}
#inc08 .group-contact .group-title{padding-bottom:80px}
#inc08 .group-contact .group-title .desc{color:#fff}
#inc08 .group-contact .group-title h2{white-space:pre-line;line-height:1.17}
#inc08 .group-contact .btn--primary{display:flex;align-items:center;justify-content:flex-start;gap:15px;width:344px;height:77px;padding-left:12px}
#inc08 .group-contact a .ic-contact{display:flex;align-items:center;justify-content:center;width:54px;aspect-ratio:1;border-radius:100px;background-color:#fff;transition:background-color 0.2s}
#inc08 .group-contact a .ic-contact span{color:var(--primary);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;transition:color 0.2s}
#inc08 .group-contact a dl{display:flex;align-items:center;gap:18px}
#inc08 .group-contact a dt{font-size:20px;font-weight:700;color:rgba(255,255,255,0.5);transition:color 0.2s}
#inc08 .group-contact a dd{font-size:26px;font-weight:700}
#inc08 .group-contact a:hover .ic-contact{background-color:var(--primary)}
#inc08 .group-contact a:hover .ic-contact span{color:#fff}
#inc08 .group-contact a:hover dt{color:var(--primary)}