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})` }" >

{ :resources-data="backgroundData" /> -
+
@@ -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" >