From b3eb47af1d87ec1720d6873e52a5eac99fe3c3b6 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Thu, 20 Nov 2025 12:51:24 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20gnb=20=EC=97=86=EB=8A=94=20=EC=BC=80?=
 =?UTF-8?q?=EC=9D=B4=EC=8A=A4=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/app.vue                                   | 4 ++--
 layers/components/blocks/Button/Home.vue      | 3 +++
 layers/components/blocks/Lnb.vue              | 6 ++++++
 layers/components/layouts/EventNavigation.vue | 3 +++
 layers/components/layouts/Header.vue          | 7 +++++--
 layers/components/layouts/Main.vue            | 3 +++
 layers/server/middleware/gameData.ts          | 7 ++++++-
 7 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index b268f3b..fed3b37 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -126,7 +126,7 @@ let stopWatch: (() => void) | null = null
 
 onMounted(() => {
   if (!import.meta.client) return
-  
+
   useEventListener('scroll', scrollStore.updateScrollValue)
 
   stopWatch = watch(
@@ -153,7 +153,7 @@ onBeforeUnmount(() => {
     stopWatch()
     stopWatch = null
   }
-  
+
   // requestAnimationFrame 정리
   if (rafId) {
     cancelAnimationFrame(rafId)
diff --git a/layers/components/blocks/Button/Home.vue b/layers/components/blocks/Button/Home.vue
index 7fbcd60..86e20ec 100644
--- a/layers/components/blocks/Button/Home.vue
+++ b/layers/components/blocks/Button/Home.vue
@@ -7,6 +7,9 @@
 </template>
 
 <style scoped>
+.empty-game + main .btn-home {
+  @apply mt-[var(--scroll-position,48px)] md:mt-[var(--scroll-position,64px)];
+}
 .btn-home {
   @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)];
diff --git a/layers/components/blocks/Lnb.vue b/layers/components/blocks/Lnb.vue
index 941f4f6..973217e 100644
--- a/layers/components/blocks/Lnb.vue
+++ b/layers/components/blocks/Lnb.vue
@@ -172,6 +172,9 @@ onUnmounted(() => {
 </template>
 
 <style scoped>
+.empty-game + main .lnb-wrap {
+  @apply mt-[var(--scroll-position,48px)];
+}
 .lnb-wrap {
   @apply fixed top-0 right-0 mt-[calc(var(--scroll-position,48px)+64px)] py-8 pr-10 bg-[radial-gradient(100%_50%_at_100%_50%,rgba(0,0,0,0.4)_25%,rgba(0,0,0,0)_100%)] transition-transform duration-[400ms] ease-in-out z-50;
 }
@@ -235,4 +238,7 @@ button.is-active::after {
 .main-promotion .lnb-wrap {
   @apply mt-[calc(var(--scroll-position,48px)+64px+72px)];
 }
+.empty-game + .main-promotion .lnb-wrap {
+  @apply mt-[calc(var(--scroll-position,48px)+72px)];
+}
 </style>
diff --git a/layers/components/layouts/EventNavigation.vue b/layers/components/layouts/EventNavigation.vue
index 7cdf417..92a3217 100644
--- a/layers/components/layouts/EventNavigation.vue
+++ b/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;
 }
diff --git a/layers/components/layouts/Header.vue b/layers/components/layouts/Header.vue
index e13d271..8e45d20 100644
--- a/layers/components/layouts/Header.vue
+++ b/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)"
diff --git a/layers/components/layouts/Main.vue b/layers/components/layouts/Main.vue
index d197463..8550e1d 100644
--- a/layers/components/layouts/Main.vue
+++ b/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];
 }
diff --git a/layers/server/middleware/gameData.ts b/layers/server/middleware/gameData.ts
index 9b29328..6e36220 100644
--- a/layers/server/middleware/gameData.ts
+++ b/layers/server/middleware/gameData.ts
@@ -9,7 +9,10 @@ import {
 } from 'h3'
 import { ssrGetFinalLocale } from '../../utils/localeUtil'
 import type { GameDataResponse } from '../../types/api/gameData'
-import type { ResGetInspectionData, WebInspectionData } from '../../types/InspectionType'
+import type {
+  ResGetInspectionData,
+  WebInspectionData,
+} from '../../types/InspectionType'
 import { isStaticFile } from '#layers/utils/commonUtil'
 import { getTrueClientIp } from '#layers/utils/apiUtil'
 
@@ -262,6 +265,8 @@ export default defineEventHandler(async event => {
       query: queryParams,
     })) as GameDataResponse | null
 
+    console.log('🚀 ~ gameData response:', response)
+
     // 언어패스 쿠키 굽기 - 장기방안에서는 굽지않음
     if (initLangCodes?.includes(finalLocale)) {
       setFinalLocaleCookie(event, finalLocale, baseDomain)