fix. 이벤트 네비게이션 스크롤전 높이 잘못잡던 이슈 수정

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>

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