From 2550d609d14d95db8d862fdcae14cc5cb364bebd Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Fri, 14 Nov 2025 16:15:38 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20=EC=9D=B4=EB=B2=A4=ED=8A=B8=20=EB=84=A4?=
 =?UTF-8?q?=EB=B9=84=EA=B2=8C=EC=9D=B4=EC=85=98=20=EC=8A=A4=ED=81=AC?=
 =?UTF-8?q?=EB=A1=A4=EC=A0=84=20=EB=86=92=EC=9D=B4=20=EC=9E=98=EB=AA=BB?=
 =?UTF-8?q?=EC=9E=A1=EB=8D=98=20=EC=9D=B4=EC=8A=88=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/blocks/Button/Home.vue      | 20 ++++---------------
 layers/components/layouts/EventNavigation.vue |  9 +--------
 2 files changed, 5 insertions(+), 24 deletions(-)

diff --git a/layers/components/blocks/Button/Home.vue b/layers/components/blocks/Button/Home.vue
index 667d0b2..7fbcd60 100644
--- a/layers/components/blocks/Button/Home.vue
+++ b/layers/components/blocks/Button/Home.vue
@@ -1,26 +1,14 @@
-<script setup lang="ts">
-const scrollStore = useScrollStore()
-
-const { isPassedStoveGnb } = storeToRefs(scrollStore)
-</script>
+<script setup lang="ts"></script>
 
 <template>
-  <AtomsButtonCircle
-    sr-only="home"
-    type="link"
-    to="/"
-    :class="['btn-home', { 'is-fixed': isPassedStoveGnb }]"
-  >
+  <AtomsButtonCircle sr-only="home" type="link" to="/" class="btn-home">
     <AtomsIconsHomeFill />
   </AtomsButtonCircle>
 </template>
 
 <style scoped>
 .btn-home {
-  @apply absolute top-3 right-3 mt-[48px] bg-black/20 shadow-[0_1.667px_3.333px_0_rgba(0,0,0,0.06)] backdrop-blur-[12.5px] z-[100]
-  sm:top-5 md:top-6 md:right-8 md:mt-[64px];
-}
-.btn-home.is-fixed {
-  @apply fixed;
+  @apply fixed top-3 right-3 mt-[calc(var(--scroll-position,48px)+48px)] bg-black/20 shadow-[0_1.667px_3.333px_0_rgba(0,0,0,0.06)] backdrop-blur-[12.5px] z-[100]
+  sm:top-5 md:top-6 md:right-8 md:mt-[calc(var(--scroll-position,64px)+64px)];
 }
 </style>
diff --git a/layers/components/layouts/EventNavigation.vue b/layers/components/layouts/EventNavigation.vue
index 0b4decc..7cdf417 100644
--- a/layers/components/layouts/EventNavigation.vue
+++ b/layers/components/layouts/EventNavigation.vue
@@ -6,9 +6,6 @@ import type {
 
 const { locale } = useI18n()
 const gameDomain = useGetGameDomain()
-const scrollStore = useScrollStore()
-
-const { isPassedStoveGnb } = storeToRefs(scrollStore)
 
 const isEventNavigationOpen = ref(true)
 const eventNavigationList = ref<Record<string, EventNavigation>>({})
@@ -52,7 +49,6 @@ onMounted(async () => {
     class="event-navigation"
     :class="{
       'is-closed': !isEventNavigationOpen,
-      'is-fixed': isPassedStoveGnb,
     }"
   >
     <div class="navigation-wrapper">
@@ -90,10 +86,7 @@ onMounted(async () => {
 
 <style scoped>
 .event-navigation {
-  @apply absolute top-0 left-0 bottom-0 mt-[48px] md:mt-[64px] z-[100] transition-transform duration-300 ease-in-out;
-}
-.event-navigation.is-fixed {
-  @apply fixed;
+  @apply fixed top-0 left-0 bottom-0 mt-[calc(var(--scroll-position,48px)+48px)] md:mt-[calc(var(--scroll-position,64px)+64px)] z-[100] transition-transform duration-300 ease-in-out;
 }
 .navigation-wrapper {
   @apply relative h-full p-3 sm:p-5 sm:pr-3