@charset "utf-8";
#inc01{background-color:var(--bg)}
#inc01 .sticky-container{height:300vh}
#inc01 .sticky-wrapper{position:sticky;top:0;height:100vh;display:flex;align-items:center}
#inc01 .col-2{display:flex;align-items:flex-start;justify-content:space-between;width:100%}
#inc01 .group-tit{padding-bottom:75px}
#inc01 .about--list{display:flex;flex-direction:column;gap:30px;counter-reset:number}
#inc01 .about--list li .head{display:flex;align-items:center;gap:15px;font-family:var(--main-font);font-size:25px;font-weight:600}
#inc01 .about--list li .head .num{display:flex;align-items:center;justify-content:center;width:56px;aspect-ratio:1;border-radius:100px;color:var(--primary);font-family:var(--en-font);font-size:18px;font-weight:500}
#inc01 .about--list li .head .num::before{content:counter(number,decimal-leading-zero);counter-increment:number}
#inc01 .about--list li .cont{display:grid;grid-template-rows:0fr;gap:15px;padding-top:0;margin:0;font-family:var(--sub-font);overflow:hidden;transition:grid-template-rows 0.5s ease, padding-top 0.4s ease}
#inc01 .about--list li .cont .txt{display:flex;flex-direction:column;gap:5px;min-height:0;overflow:hidden}
#inc01 .about--list li .cont b{font-size:20px;font-weight:500;line-height:1.5;word-break:keep-all}
#inc01 .about--list li .cont p.desc{font-size:16px;line-height:1.6;color:#777;white-space:pre-line;word-break:keep-all}
#inc01 .about--list li .cont .thumb-mo{display:none}
#inc01 .fl-r{position:relative;max-width:700px;width:100%;aspect-ratio:700 / 578;border-radius:10px;overflow:hidden}
#inc01 .fl-r .thumb-box{position:relative;width:100%;height:100%}
#inc01 .fl-r .thumb-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;clip-path:ellipse(50% 0% at 50% 100%);transform:scale(1.2);transition:clip-path 1s, transform 0.8s;will-change:clip-path, transform}
#inc01 .notice{position:absolute;right:20px;bottom:20px;padding-left:20px;font-family:var(--sub-font);font-size:12px;color:#fff;word-break:keep-all}

/* active */
#inc01 .about--list li.active .head .num{background-color:var(--primary);color:#fff}
#inc01 .about--list li.active .cont{grid-template-rows:1fr;padding-top:25px}
#inc01 .fl-r .thumb-box img.active{clip-path:ellipse(300% 300% at 50% 100%);transform:translateY(0) scale(1)}

/* 반응형 [s] */
@media (max-width:1600px){
#inc01{padding:0 20px}
#inc01 .group-tit{padding-bottom:60px}
#inc01 .about--list{gap:25px}
#inc01 .about--list li .head{font-size:22px}
#inc01 .about--list li .head .num{width:50px}
#inc01 .about--list li .cont b{font-size:18px}
#inc01 .about--list li.active .cont{padding-top:18px}
#inc01 .fl-r{max-width:760px;aspect-ratio:700 / 510}
}
@media (max-width:1400px){
#inc01 .col-2{gap:30px;align-items:center}
#inc01 .fl-l{flex-shrink:0}
#inc01 .group-tit{padding-bottom:36px}
#inc01 .about--list li .head{font-size:20px}
#inc01 .about--list li .head .num{width:46px;font-size:16px}
#inc01 .about--list li .cont b{font-size:17px}
#inc01 .about--list li .cont p.desc{white-space:pre-line}
#inc01 .fl-r{max-width:740px;aspect-ratio:700 / 460}
}
@media (max-width:1200px){
#inc01 .col-2{flex-direction:column}
#inc01 .group-tit{text-align:center}
#inc01 .about--list{gap:18px}
#inc01 .about--list li .head{justify-content:center;text-align:center}
#inc01 .about--list li .cont .txt{align-items:center;text-align:center}
#inc01 .about--list li .cont .thumb-mo{position:relative;display:block;max-width:425px;aspect-ratio:425 /264;margin-top:10px;border-radius:10px;overflow:hidden}
#inc01 .about--list li .cont .thumb-mo img{width:100%;height:100%;object-fit:cover}
#inc01 .about--list li .cont .thumb-mo .notice{padding:0 10px;width:100%;bottom:10px;right:50%;transform:translateX(50%)}
#inc01 .about--list li .head{gap:10px;font-size:18px}
#inc01 .about--list li .head .num{width:38px;font-size:15px}
#inc01 .about--list li.active .cont{padding-top:15px}
#inc01 .fl-r{display:none}
}
@media(max-width:1024px){
#inc01 .group-tit{padding-bottom:26px}
}
@media (max-width:768px){
#inc01 .sticky-container{height:auto}
#inc01 .sticky-wrapper{position:static;height:auto;padding:0 0 60px}
#inc01 .group-tit{padding-bottom:30px}
#inc01 .about--list li .head{font-size:16px;cursor:pointer}
#inc01 .about--list li .head .num{width:34px;font-size:14px}
#inc01 .about--list li .cont b{font-size:16px}
#inc01 .about--list li .cont p.desc{font-size:15px}
#inc01 .about--list li .cont .thumb-mo{max-width:380px}
}
@media (max-width:480px){
#inc01 .sticky-wrapper{padding:0 0 40px}
#inc01 .group-tit{padding-bottom:22px}
#inc01 .about--list{gap:15px}
#inc01 .about--list li .head .num{width:32px;font-size:13px}
#inc01 .about--list li .cont b{font-size:15px}
#inc01 .about--list li .cont p.desc{font-size:14px;white-space:normal}
#inc01 .about--list li .cont .thumb-mo{max-width:none}
#inc01 .about--list li.active .cont{padding-top:10px}
}
/* 반응형 [e] */