From ad4e1eb9e1798b4aa8cd8e59adcff1732de50d23 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Chyeonggkim=E2=80=9D?=
 <“hyeonggkim@smilegate.com”>
Date: Fri, 7 Nov 2025 18:01:58 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=A1=9C=EB=94=A9=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/StoveGnbNew.vue | 21 +++++++++++++++++++--
 layers/components/layouts/Footer.vue     |  5 ++++-
 layers/layouts/default.vue               | 11 +++++++++--
 3 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/layers/components/blocks/StoveGnbNew.vue b/layers/components/blocks/StoveGnbNew.vue
index db7d873..88c26d8 100644
--- a/layers/components/blocks/StoveGnbNew.vue
+++ b/layers/components/blocks/StoveGnbNew.vue
@@ -50,7 +50,6 @@ onMounted(() => {
     }
     mountedInstance = (window as any).StoveGnb.mount('#stove-wrap', stoveGnbOptions)
 
-    console.log("🚀 ~ onMounted ~ stoveGnbOptions:", stoveGnbOptions)
   }
 })
 
@@ -62,5 +61,23 @@ onBeforeUnmount(() => {
 })
 </script>
 <template>
-  <div id="stove-wrap" class="relative z-[5]" />
+  <div class="stove-gnb-new">
+    <div id="stove-wrap" class="relative z-[5]" />
+  </div>
 </template>
+
+<style scoped>
+.stove-gnb-new {
+  @apply h-[48px];
+}
+[data-theme='light'] {
+  .stove-gnb-new {
+    @apply bg-white;
+  }
+}
+[data-theme='dark'] {
+  .stove-gnb-new {
+    @apply bg-black;
+  }
+}
+</style>
diff --git a/layers/components/layouts/Footer.vue b/layers/components/layouts/Footer.vue
index f7eb006..cabe64e 100644
--- a/layers/components/layouts/Footer.vue
+++ b/layers/components/layouts/Footer.vue
@@ -1,5 +1,5 @@
 <template>
-  <footer id="footer" ref="footerRef" class="bg-black">
+  <footer id="footer" ref="footerRef" class="relative bg-black z-[90]">
     <div
       class="inner relative max-w-7xl mx-auto px-5 md:px-10 py-4 text-[12px] text-gray-400 md:px-4 md:py-9 md:text-[12px]"
     >
@@ -206,4 +206,7 @@ const footerAgeRatingInfo = computed((): string[] => {
 </script>
 
 <style scoped>
+em {
+  font-style: normal;
+}
 </style>
diff --git a/layers/layouts/default.vue b/layers/layouts/default.vue
index 5807918..b721056 100644
--- a/layers/layouts/default.vue
+++ b/layers/layouts/default.vue
@@ -8,9 +8,16 @@ onMounted(() => {
 
 <template>
   <LayoutsHeader />
-  <main id="LayoutMain" class="min-h-screen relative">
-    <AtomsLoadingSimple :is-loading="isLoading" />
+  <AtomsLoadingSimple :is-loading="isLoading" />
+  <main id="LayoutsMain">
     <slot />
   </main>
+
   <LayoutsFooter />
 </template>
+
+<style scoped>
+#LayoutsMain {
+  @apply relative min-h-[200px] md:min-h-[800px] z-[91];
+}
+</style>