@charset "utf-8";

#inc02{position:relative}

/* gsap */
#inc02 .gsap_wrap{position:relative}
#inc02 .gsap_wrap .cont{position:relative;width:100%;height:100vh}
#inc02 .gsap_wrap .cont.mid{position:absolute;top:100%;z-index:3}
#inc02 .gsap_wrap .cont.last{position:absolute;top:200%;z-index:4}
#inc02 .gsap_wrap .cont img{width:100%;height:100%;object-fit:cover}

/* txt */
#inc02 .gsap_wrap .cont .txt{position:absolute;top:200px;left:50%;transform:translateX(-50%);max-width:1400px;width:100%;color:#fff}
#inc02 .gsap_wrap .cont .txt h3{font-size:16px;font-weight:700;font-family:var(--e-font)}
#inc02 .gsap_wrap .cont .txt .txt_wrap{display:flex;align-items:flex-start;justify-content:space-between}
#inc02 .gsap_wrap .cont .txt .txt_wrap div h2{padding:70px 0 55px;font-size:70px;font-weight:700;line-height:1;font-family:var(--e-font)}
#inc02 .gsap_wrap .cont .txt .txt_wrap div p{font-size:16px;white-space:pre-line;line-height:1.6}
#inc02 .gsap_wrap .cont .txt .txt_wrap .num{font-size:50px;font-weight:300;font-family:var(--e-font)}
#inc02 .gsap_wrap .cont .txt .txt_wrap .num span{display:inline-block;padding:0 25px;font-size:31px}
#inc02 .gsap_wrap .cont .txt .txt_wrap .more{display:block;width:120px;height:39px;margin-top:160px;font-size:16px;font-weight:500;text-align:center;line-height:39px;color:#fff;background:rgba(255, 255, 255, 0.2);transition:all .2s;font-family:var(--e-font)}

@media (hover:hover){
#inc02 .gsap_wrap .cont .txt .txt_wrap .more:hover{background:rgba(255, 255, 255, 0.5)}
}