fix. gnb 없는 케이스 추가

layers/components/layouts/EventNavigation.vue

@@ -85,6 +85,9 @@ onMounted(async () => {
 </template>
 
 <style scoped>
+.empty-game + main .event-navigation {
+  @apply mt-[var(--scroll-position,48px)];
+}
 .event-navigation {
   @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;
 }

layers/components/layouts/Header.vue

@@ -224,9 +224,12 @@ onMounted(() => {
 </script>
 
 <template>
-  <header v-if="gnbData" class="header">
+  <header :class="['header', { 'empty-game': !gnbData }]">
     <BlocksStoveGnbNew class="h-[48px]" />
-    <div :class="['game-wrap', { 'is-fixed': isPassedStoveGnb }]">
+    <div
+      v-if="gnbData"
+      :class="['game-wrap', { 'is-fixed': isPassedStoveGnb }]"
+    >
       <AtomsLocaleLink to="/" class="mx-auto md:hidden">
         <img
           :src="getImageHost(gnbData?.bi_path)"

layers/components/layouts/Main.vue

@@ -112,6 +112,9 @@ onMounted(() => {
 </template>
 
 <style scoped>
+.empty-game + main .main-content {
+  @apply pt-0;
+}
 .main-content {
   @apply relative pt-[48px] md:pt-[64px];
 }