@charset "utf-8";

#inc01{padding-top:205px;background-color:#fff}

#inc01 .group-title{display:flex;align-items:flex-end;justify-content:space-between}
#inc01 .group-title > *{flex:1;width:100%}
#inc01 .group-title .fl-r{padding-left:35px}
#inc01 .group-title .fl-r p.desc{font-size:20px;color:#1d2945}

#inc01 .sticky-container{height:300vh}
#inc01 .sticky-wrapper{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:space-between}
#inc01 .sticky-wrapper > *{max-width:485px;width:100%;aspect-ratio:485 / 610}
#inc01 .sticky-wrapper .area-card .swiper{width:100%;height:100%}
#inc01 .sticky-wrapper .area-card .swiper-slide{overflow:hidden;border-radius:20px}
#inc01 .sticky-wrapper .area-card .swiper-slide .card-overlay{position:absolute;content:'';inset:0;width:100%;height:100%;pointer-events:none;background-color:transparent;transition:background-color .35s ease}
#inc01 .sticky-wrapper .area-card .swiper-slide.depth-1 .card-overlay{background-color:#dddde0}
#inc01 .sticky-wrapper .area-card .swiper-slide.depth-2 .card-overlay{background-color:#c6c6c8} 
#inc01 .sticky-wrapper .area-card .swiper-slide img{width:100%;height:100%;object-fit:cover}

#inc01 .sticky-wrapper .area-text{display:flex;flex-direction:column;justify-content:center;gap:30px;max-width:720px;width:100%;padding-left:35px}
#inc01 .sticky-wrapper .area-text .item{cursor:pointer}
#inc01 .sticky-wrapper .area-text .head{font-weight:500;color:rgba(29,41,69,0.2);transition:padding-bottom 0.55s}
#inc01 .sticky-wrapper .area-text .head .en{position:relative;font-family:var(--e-font);font-size:60px;line-height:1}
#inc01 .sticky-wrapper .area-text .head .en::before{position:absolute;content:'';right:-22px;top:20px;width:0;aspect-ratio:1;border-radius:50px;background-color:#005fff}
#inc01 .sticky-wrapper .area-text .head .ko{font-size:20px}
#inc01 .sticky-wrapper .area-text .cont{display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;transition:grid-template-rows .55s cubic-bezier(.4,0,.2,1),visibility 0s linear .55s}
#inc01 .sticky-wrapper .area-text .cont div{min-height:0;overflow:hidden}
#inc01 .sticky-wrapper .area-text .txt-m{padding-bottom:0;font-size:22px;line-height:1.45;font-weight:600;white-space:pre-line;word-break:keep-all;color:#1d2945;transition:padding-bottom .55s cubic-bezier(.4,0,.2,1)}
#inc01 .sticky-wrapper .area-text .txt-s{padding-bottom:0;font-size:17px;line-height:1.7;color:#535b73;white-space:pre-line;word-break:keep-all;transition:padding-bottom .55s cubic-bezier(.4,0,.2,1)}

#inc01 .sticky-wrapper .area-text .item.active .head{padding-bottom:55px;color:#1d2945}
#inc01 .sticky-wrapper .area-text .item.active .head .en::before{width:12px}
#inc01 .sticky-wrapper .area-text .item.active .head .ko{padding-left:30px}
#inc01 .sticky-wrapper .area-text .item.active .cont{grid-template-rows:1fr;visibility:visible;transition-delay:0s}
#inc01 .sticky-wrapper .area-text .item.active .txt-m{padding-bottom:30px}
#inc01 .sticky-wrapper .area-text .item.active .txt-s{padding-bottom:40px}