From 5d7b1ddf1b69dbeb22bf9752cc1d49ba30579160 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Chyeonggkim=E2=80=9D?=
 <“hyeonggkim@smilegate.com”>
Date: Thu, 13 Nov 2025 19:49:28 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20layout=20=EC=9D=B4=EB=B2=A4=ED=8A=B8=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80(promotion)=20header=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/blocks/Button/Home.vue      |  3 +++
 layers/components/layouts/EventNavigation.vue |  3 +++
 layers/components/layouts/Main.vue            |  3 +++
 layers/components/layouts/PromotionHeader.vue | 13 +++++++++++++
 layers/layouts/promotion.vue                  |  2 +-
 5 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 layers/components/layouts/PromotionHeader.vue

diff --git a/layers/components/blocks/Button/Home.vue b/layers/components/blocks/Button/Home.vue
index 667d0b2..59264cb 100644
--- a/layers/components/blocks/Button/Home.vue
+++ b/layers/components/blocks/Button/Home.vue
@@ -23,4 +23,7 @@ const { isPassedStoveGnb } = storeToRefs(scrollStore)
 .btn-home.is-fixed {
   @apply fixed;
 }
+.main-promotion .btn-home {
+  @apply mt-0;
+}
 </style>
diff --git a/layers/components/layouts/EventNavigation.vue b/layers/components/layouts/EventNavigation.vue
index 0b4decc..e3a5fa4 100644
--- a/layers/components/layouts/EventNavigation.vue
+++ b/layers/components/layouts/EventNavigation.vue
@@ -95,6 +95,9 @@ onMounted(async () => {
 .event-navigation.is-fixed {
   @apply fixed;
 }
+.main-promotion .event-navigation {
+  @apply mt-0;
+}
 .navigation-wrapper {
   @apply relative h-full p-3 sm:p-5 sm:pr-3
   md:p-8 md:pt-6 md:pr-4;
diff --git a/layers/components/layouts/Main.vue b/layers/components/layouts/Main.vue
index d197463..e8ae522 100644
--- a/layers/components/layouts/Main.vue
+++ b/layers/components/layouts/Main.vue
@@ -115,6 +115,9 @@ onMounted(() => {
 .main-content {
   @apply relative pt-[48px] md:pt-[64px];
 }
+.main-promotion .main-content {
+  @apply pt-0;
+}
 .utile-wrap {
   @apply fixed flex flex-col z-[100]
   bottom-[12px] right-[12px] gap-2 md:bottom-[40px] md:right-[40px] md:gap-3;
diff --git a/layers/components/layouts/PromotionHeader.vue b/layers/components/layouts/PromotionHeader.vue
new file mode 100644
index 0000000..a17e862
--- /dev/null
+++ b/layers/components/layouts/PromotionHeader.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts"></script>
+
+<template>
+  <header class="header">
+    <BlocksStoveGnbNew class="h-[48px]" />
+  </header>
+</template>
+
+<style scoped>
+.header {
+  @apply bg-theme-foreground text-theme-foreground-reversal relative z-[200];
+}
+</style>
diff --git a/layers/layouts/promotion.vue b/layers/layouts/promotion.vue
index ab85d56..3c426ce 100644
--- a/layers/layouts/promotion.vue
+++ b/layers/layouts/promotion.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts"></script>
 
 <template>
-  <LayoutsHeader />
+  <LayoutsPromotionHeader />
   <main class="main-promotion relative">
     <BlocksButtonHome />
     <LayoutsEventNavigation />