@charset "utf-8";
#inc02{background-color:#fff}
#inc02 .sticky-container{height:400vh}
#inc02 .sticky-wrapper{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center}
#inc02 .group-title{width:100%;text-align:center}
#inc02 .group-title .tit--ko{padding-bottom:45px}
#inc02 .group-cont{width:calc(100% - 80px);padding:120px 0;background-color:#f4f4f6;border-radius:20px}
#inc02 .group-cont .col-2{display:flex;justify-content:space-between}

#inc02 .group-cont .text-box .step-list{display:flex;flex-direction:column;gap:30px;counter-reset:step}
#inc02 .group-cont .text-box .step-list li{position:relative;display:flex;align-items:center;gap:35px}
#inc02 .group-cont .text-box .step-list li .progress-bar{position:absolute;width:2px;height:30px;background-color:#ccc;left:46.5px;top:100%;transform:translateZ(0);will-change:transform}
#inc02 .group-cont .text-box .step-list li .progress-bar .bar{position:absolute;left:0;top:0;width:100%;height:0%;background-color:var(--primary)}
#inc02 .group-cont .text-box .step-list li .num{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:97px;aspect-ratio:1;border-radius:100px;background-color:#fff;color:rgba(29,41,69,0.5);font-family:var(--e-font);font-size:14px;font-weight:600;line-height:1;transition:all 0.3s ease}
#inc02 .group-cont .text-box .step-list li .num::after{counter-increment:step;content:counter(step,decimal-leading-zero);font-size:22px}
#inc02 .group-cont .text-box .step-list li dt{padding-bottom:5px;font-size:22px;font-weight:600;color:rgba(29,41,69,0.5);transition:color .3s}
#inc02 .group-cont .text-box .step-list li dd{font-size:18px;line-height:1.6;color:rgba(83,91,115,0.5);transition:color .3s}

#inc02 .group-cont .thumb-box{max-width:720px;width:100%;aspect-ratio:720 / 502}
#inc02 .group-cont .thumb-box .thumb-list{position:relative;width:100%;height:100%;border-radius:15px;overflow:hidden}
#inc02 .group-cont .thumb-box .thumb-list 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 1.2s, transform 1s;will-change:clip-path, transform}

#inc02 .group-cont .text-box .step-list li.active .num{background-color:var(--primary);color:#fff}
#inc02 .group-cont .text-box .step-list li.active dt{color:#1d2945}
#inc02 .group-cont .text-box .step-list li.active dd{color:#535b73}
#inc02 .group-cont .thumb-box .thumb-list img.active{clip-path:ellipse(300% 300% at 50% 100%);animation:imgChange 1.2s;transform:translateY(0) scale(1)}