@charset "utf-8";

#inc01{background-color:#000;color:#fff}
#inc01 .sticky-container{height:450vh}
#inc01 .sticky-wrapper{overflow:hidden;position:sticky;top:0;height:100vh}
#inc01 .sticky-wrapper .target{display:flex;align-items:center;flex-wrap:nowrap;width:max-content;height:100%;padding-right:50px}
#inc01 .sticky-wrapper .target > *{flex-shrink:0;height:100%}

/* 타이틀 */
#inc01 .area-title{position:relative;display:flex;flex-direction:column;justify-content:center;width:100vw}
#inc01 .area-title .title-box{max-width:1500px;width:100%;margin:0 auto}
#inc01 .area-title .title-box h2{padding-bottom:40px;font-size:250px;font-family:var(--e-font);font-weight:700;line-height:1}
#inc01 .area-title .title-box p{padding-bottom:40px;font-size:27px;line-height:1.4;white-space:pre-line;font-weight:600}

#inc01 .area-title .card-box .item{overflow:hidden;position:absolute;top:50%;right:27%;display:flex;flex-direction:column;gap:45px;max-width:275px;width:100%;padding:26px;border-radius:10px;background-color:rgba(31,31,31,0.5);transition:all 0.4s}
#inc01 .area-title .card-box .item h3{font-family:var(--e-font);font-size:17px;line-height:1;transition:color 0.3s}
#inc01 .area-title .card-box .item p.desc{font-family:var(--k-font);font-size:15px;line-height:1.3;word-break:keep-all;white-space:pre-line;transition:color 0.3s}
#inc01 .area-title .card-box .item.on{background-color:#fff;box-shadow:0 0 43px rgba(27, 184, 222, 0.7)}
#inc01 .area-title .card-box .item.on h3{color:var(--primary)}
#inc01 .area-title .card-box .item.on p.desc{color:#111}

/* 서비스 */
#inc01 .area-service{display:flex;align-items:center}
#inc01 .area-service ul{display:flex;gap:102px}
#inc01 .area-service ul li{max-width:638px;width:100%}
#inc01 .area-service ul li a{display:flex;flex-direction:column;gap:45px;color:#fff}
#inc01 .area-service ul li .thumb-box{width:100%;aspect-ratio:638 / 637;border-radius:10px;overflow:hidden;transform-origin:bottom left}
#inc01 .area-service ul li .thumb-box img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
#inc01 .area-service ul li .text-box h4{padding-bottom:12px;font-size:35px;font-weight:700;line-height:1.2}
#inc01 .area-service ul li .text-box p.desc{font-size:18px;line-height:1.4;word-break:keep-all}
#inc01 .area-service ul li a:hover .thumb-box img{transform:scale(1.1)}