From 9f964f0fb7a174a2c63c8f12ca175ff4d3a63cec Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Mon, 3 Nov 2025 15:18:59 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20section-container,=20FixMainTitle?=
 =?UTF-8?q?=EC=97=90=20=EA=B3=A0=EC=A0=95=20=EB=84=93=EC=9D=B4=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/assets/css/components/_layout.css   | 4 ++--
 layers/components/widgets/FixMainTitle.vue | 2 +-
 layers/templates/FxDownload01/index.vue    | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/layers/assets/css/components/_layout.css b/layers/assets/css/components/_layout.css
index 7185527..69848cb 100644
--- a/layers/assets/css/components/_layout.css
+++ b/layers/assets/css/components/_layout.css
@@ -10,10 +10,10 @@
 
   /* 고정형 */
   .section-container.static {
-    @apply relative pt-[32px] pb-[80px] px-[20px] sm:px-[40px] md:pt-[64px] md:pb-[200px] bg-[#F0F0F0];
+    @apply overflow-hidden relative pt-[32px] pb-[80px] px-[20px] sm:px-[40px] md:pt-[64px] md:pb-[200px] bg-[#F0F0F0];
   }
   .section-static {
-    @apply mx-auto lg:max-w-[1300px];
+    @apply mx-auto max-w-[684px] md:max-w-[944px] lg:max-w-[1300px];
   }
   .section-static + .section-static {
     @apply mt-[80px] md:mt-[100px];
diff --git a/layers/components/widgets/FixMainTitle.vue b/layers/components/widgets/FixMainTitle.vue
index 7e0df58..b31ccd6 100644
--- a/layers/components/widgets/FixMainTitle.vue
+++ b/layers/components/widgets/FixMainTitle.vue
@@ -20,7 +20,7 @@ const imageSrc = computed(() => {
     :style="{ backgroundImage: `url(${imageSrc})` }"
   >
     <h2
-      class="flex justify-center items-center w-full max-w-full md:justify-start md:max-w-[1300px]"
+      class="flex justify-center items-center w-full max-w-[684px] md:max-w-[944px] md:justify-start lg:max-w-[1300px]"
     >
       <span
         class="flex justify-center items-center text-white text-[20px] font-bold tracking-[-0.6px] leading-[30px] md:text-[32px] md:leading-[44px] md:tracking-[-0.96px]"
diff --git a/layers/templates/FxDownload01/index.vue b/layers/templates/FxDownload01/index.vue
index 238fd13..aa093eb 100644
--- a/layers/templates/FxDownload01/index.vue
+++ b/layers/templates/FxDownload01/index.vue
@@ -135,7 +135,7 @@ const handleMoveFocus = (target: 'pc' | 'mobile') => {
     :resources-data="backgroundData"
   />
 
-  <div class="section-container static">
+  <div class="section-container static overflow-hidden">
     <section class="section-static">
       <WidgetsFixSubTitle :title="tm('Download_Section_Platform_Title')" />
 
@@ -154,7 +154,7 @@ const handleMoveFocus = (target: 'pc' | 'mobile') => {
             padding: { left: 0, right: 0 },
           },
         }"
-        class="overflow-hidden min-w-[320px] w-[100vw] px-[20px] ml-[-20px] sm:px-[40px] sm:ml-[-40px] md:w-full md:px-0 md:ml-0"
+        class="min-w-[320px] w-[100vw] px-[20px] ml-[-20px] sm:px-[calc((100vw-100%-80px)/2)] sm:ml-[calc((100vw-100%-80px)/-2)] md:w-full md:px-0 md:ml-0"
       >
         <SplideSlide
           v-for="platform in platformList"