diff --git a/src/views/MainPage/components/Banner/style.ts b/src/views/MainPage/components/Banner/style.ts
index ed946394..2628b70d 100644
--- a/src/views/MainPage/components/Banner/style.ts
+++ b/src/views/MainPage/components/Banner/style.ts
@@ -56,7 +56,7 @@ export const ContentWrapper = styled.article`
 
   /* 모바일 뷰 */
   @media (max-width: 768px) {
-    padding-top: 450px;
+    padding-top: 60vh;
     padding-bottom: 50px;
   }
 `;
diff --git a/src/views/MainPage/components/Introduce/index.tsx b/src/views/MainPage/components/Introduce/index.tsx
index 781b84e7..e73dbc80 100644
--- a/src/views/MainPage/components/Introduce/index.tsx
+++ b/src/views/MainPage/components/Introduce/index.tsx
@@ -8,7 +8,7 @@ export default function Introduce() {
   const contentRef = useRef<HTMLElement>(null);
   const { scrollYProgress } = useScroll({
     target: contentRef,
-    offset: ['end center', 'start'],
+    offset: isMobileSize ? ['end end', 'start end'] : ['end center', 'start'],
   });
 
   const scaleValue = useTransform(scrollYProgress, [1, 0.4], [0.9, 1]);