css

src/css/common.css

@@ -47,7 +47,7 @@ body{overflow-x:hidden;}
 
 .text-left-bottom{left:92px;bottom:124px;width:100%;max-width:760px;text-align:left;font-size:64px;line-height:1.12;font-weight:700;letter-spacing:-.05em;}
 
-.text-center-hero{left:50%;top:40%;transform:translate(-50%,-50%);width:min(1080px,calc(100% - 120px));text-align:center;font-size:56px;line-height:1.24;font-weight:700;letter-spacing:-.045em;}
+.text-center-hero{left:50%;top:45%;transform:translate(-50%,-50%);width:min(1080px,calc(100% - 120px));text-align:center;font-size:56px;line-height:1.24;font-weight:700;letter-spacing:-.045em;}
 
 .main-text .text-change{opacity:0;}
 

src/pages/MainPage.jsx

@@ -70,11 +70,11 @@ function MainPage() {
         .to(text2Ref.current, { opacity: 1, y: 0, scale: 1, filter: "blur(0px)", ease: "none" }, 1.24)
 
         .to(hero2Ref.current, { scale: 1.1, ease: "none" }, 1.72)
-        .to(text2Ref.current, { opacity: 0, y: -28, scale: 0.98, filter: "blur(8px)", ease: "none" }, 2.02)
+        .to(text2Ref.current, { opacity: 0, y: -28, scale: 0.98, filter: "blur(8px)", ease: "none" }, 2.02);
 
-        .to(hero3Ref.current, { opacity: 1, scale: 1.03, filter: "blur(0px)", ease: "none" }, 2.14)
+      // .to(hero3Ref.current, { opacity: 1, scale: 1.03, filter: "blur(0px)", ease: "none" }, 2.14)
-        .to(text3Ref.current, { opacity: 1, y: 0, scale: 1, filter: "blur(0px)", ease: "none" }, 2.28)
+      // .to(text3Ref.current, { opacity: 1, y: 0, scale: 1, filter: "blur(0px)", ease: "none" }, 2.28)
-        .to(hero3Ref.current, { scale: 1.08, ease: "none" }, 2.82);
+      // .to(hero3Ref.current, { scale: 1.08, ease: "none" }, 2.82);
 
       return () => {
         darkHeroTrigger.kill();
@@ -115,11 +115,11 @@ function MainPage() {
                 안전한 하늘길을 설계합니다
               </div>
 
-              <div className="text text-change text-center-hero" ref={text3Ref}>
+              {/* <div className="text text-change text-center-hero" ref={text3Ref}>
                 공역관리와 드론 교통관리(UTM)를 기반으로
                 <br />
                 실제 운영 가능한 항공 시스템을 구축합니다
-              </div>
+              </div> */}
             </div>
 
             <div className="main-progress">