@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}
#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 .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 .fl-r .notice{position:absolute;right:20px;bottom:20px;font-family:var(--sub-font);font-size:12px;color:#fff}

/* 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)}