From 2e55cda20ee2c9ce1e48b4e8bb82948e3e231f88 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Fri, 7 Nov 2025 11:28:36 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20=EC=82=AC=EC=A0=84=EC=98=88=EC=95=BD=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/app.vue                                   |  2 +-
 layers/components/blocks/modal/Layer.vue      |  5 ++
 layers/components/widgets/modal/Preregist.vue | 56 ++++++-------------
 layers/composables/usePreregist.ts            | 23 --------
 layers/templates/FxPreregist01/index.vue      |  3 +-
 5 files changed, 24 insertions(+), 65 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index 31c1957..365d578 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -30,7 +30,7 @@ const getGameDataFromServer = (): GameDataValue | null => {
 const setupAllMetaData = (data: GameDataValue) => {
   const meta = data.meta_tag_json ?? ({} as GameDataMetaTag)
   const faviconPath = data.favicon_json ?? ({} as GameDataFavicon)
-  const theme = data.design_theme === 1 ? 'dark' : 'light'
+  const theme = data.design_theme === 1 ? 'light' : 'dark'
 
   // 파비콘 링크 생성
   const faviconLinks = [
diff --git a/layers/components/blocks/modal/Layer.vue b/layers/components/blocks/modal/Layer.vue
index cd3c010..4cfd0e8 100644
--- a/layers/components/blocks/modal/Layer.vue
+++ b/layers/components/blocks/modal/Layer.vue
@@ -12,9 +12,14 @@ const props = withDefaults(defineProps<props>(), {
   isOutsideClose: false,
 })
 
+const emit = defineEmits<{
+  close: []
+}>()
+
 const isOpen = defineModel<boolean>('isOpen', { default: false })
 
 const handleCloseModal = () => {
+  emit('close')
   isOpen.value = false
 }
 
diff --git a/layers/components/widgets/modal/Preregist.vue b/layers/components/widgets/modal/Preregist.vue
index 7d43db4..ad1ac95 100644
--- a/layers/components/widgets/modal/Preregist.vue
+++ b/layers/components/widgets/modal/Preregist.vue
@@ -259,9 +259,7 @@ const resetForm = () => {
 const handleClose = () => {
   if (isSubmitting.value) return
 
-  isOpen.value = false
   step.value = 1
-
   // 애니메이션 완료 후 초기화
   setTimeout(resetForm, 300)
 }
@@ -273,7 +271,7 @@ defineExpose({
 
 <template>
   <BlocksModalLayer
-    :is-open="isOpen"
+    v-model:is-open="isOpen"
     area-class="h-full bg-[#292929] pt-[60px] md:w-[476px] md:h-[680px] md:pt-[64px] md:rounded-[20px] md:shadow-[0_2px_4px_rgba(0,0,0,0.06)]"
     close-class="absolute top-[19px] right-[26px] md:top-[20px] md:right-[24px]"
     @close="handleClose"
@@ -281,27 +279,17 @@ defineExpose({
     <!-- Step 1: Terms Agreement -->
     <div v-if="step === 1" class="flex flex-col h-full">
       <div class="flex gap-5 px-5 pt-5 pb-[12px] md:px-10 md:pt-6 md:pb-[16px]">
-        <h2
+        <h4
           class="flex-1 text-xl font-bold leading-[30px] tracking-[-0.6px] text-[#ebebeb] md:text-2xl md:leading-[34px] md:tracking-[-0.72px]"
         >
           {{ t('Preregist_Modal_Title01') }}
-        </h2>
-        <div class="flex h-[30px] items-center gap-1 md:h-[34px]">
-          <span
-            class="text-base font-bold leading-6 tracking-[-0.48px] text-[#b2b2b2]"
-          >
-            1
-          </span>
-          <span
-            class="text-xs font-bold leading-[18px] tracking-[-0.24px] text-[#666666]"
-          >
-            /
-          </span>
-          <span
-            class="text-base font-medium leading-6 tracking-[-0.48px] text-[#666666]"
-          >
-            2
-          </span>
+        </h4>
+        <div
+          class="flex h-[30px] items-center gap-1 text-base leading-6 tracking-[-0.48px] md:h-[34px]"
+        >
+          <span class="font-bold text-[#b2b2b2]">1</span>
+          <span class="text-[#666666]">/</span>
+          <span class="text-[#666666]">2</span>
         </div>
       </div>
 
@@ -507,27 +495,17 @@ defineExpose({
     <!-- Step 2: Success -->
     <div v-if="step === 2" class="flex flex-1 flex-col h-full">
       <div class="flex gap-5 px-5 pb-10 pt-5 md:px-10 md:pb-12 md:pt-6">
-        <p
+        <h4
           class="flex-1 text-xl font-bold leading-[30px] tracking-[-0.6px] text-[#ebebeb] md:text-2xl md:leading-[34px] md:tracking-[-0.72px]"
         >
           {{ t('Preregist_Modal_Title02') }}
-        </p>
-        <div class="flex h-[30px] items-center gap-1 md:h-[34px]">
-          <span
-            class="text-base font-bold leading-6 tracking-[-0.48px] text-[#b2b2b2]"
-          >
-            2
-          </span>
-          <span
-            class="text-xs font-bold leading-[18px] tracking-[-0.24px] text-[#666666]"
-          >
-            /
-          </span>
-          <span
-            class="text-base font-medium leading-6 tracking-[-0.48px] text-[#666666]"
-          >
-            2
-          </span>
+        </h4>
+        <div
+          class="flex h-[30px] items-center gap-1 text-base leading-6 tracking-[-0.48px] md:h-[34px]"
+        >
+          <span class="font-bold text-[#b2b2b2]">2</span>
+          <span class="text-[#666666]">/</span>
+          <span class="text-[#666666]">2</span>
         </div>
       </div>
 
diff --git a/layers/composables/usePreregist.ts b/layers/composables/usePreregist.ts
index fc14c56..6b40b8f 100644
--- a/layers/composables/usePreregist.ts
+++ b/layers/composables/usePreregist.ts
@@ -12,13 +12,6 @@ import { countryDialingCodes } from '#layers/assets/data/countryData'
  * 프로모션 - 사전등록
  */
 const usePreregist = () => {
-  const promotion = ref({
-    id: 'preregist',
-    title: '사전등록 프로모션',
-    link: '/#preregist',
-    startDate: '2025-07-09 10:00:00',
-    endDate: '2025-12-31 23:59:59',
-  }) // 사전 등록 프로모션 정보
   const preregistDate = ref(Date.now()) // 사전 등록일
 
   // [Setter] 사전등록 - 사전 등록일 세팅
@@ -26,20 +19,6 @@ const usePreregist = () => {
     preregistDate.value = newPreregistDate
   }
 
-  // 프로모션 기간 여부
-  const isPromotionPeriod = computed(() => {
-    if (
-      !promotion.value ||
-      !promotion.value.startDate ||
-      !promotion.value.endDate
-    ) {
-      return false
-    }
-    // return isBetweenPeriod(
-    //   kstStringToTimestamp(promotion.value.startDate),
-    //   kstStringToTimestamp(promotion.value.endDate)
-    // )
-  })
   // 국가 번호 조회
   const countryDialingCode = computed(() => {
     return countryDialingCodes[countryCode.value.toUpperCase()]
@@ -225,12 +204,10 @@ const usePreregist = () => {
   }
 
   return {
-    promotion,
     isKorea,
     isTaiwanHongKongMacau,
     isNorthAmerica,
     countryCode,
-    isPromotionPeriod,
     countryDialingCode,
     preregistDate,
     checkCountryByIp,
diff --git a/layers/templates/FxPreregist01/index.vue b/layers/templates/FxPreregist01/index.vue
index a0a83d5..5e19711 100644
--- a/layers/templates/FxPreregist01/index.vue
+++ b/layers/templates/FxPreregist01/index.vue
@@ -316,7 +316,6 @@ const handlePreregistClick = () => {
         />
         <WidgetsSubTitle
           v-if="accRewardTitleData"
-          tag="h4"
           :resources-data="accRewardTitleData"
           class="mt-[48px] text-[18px] font-[700] leading-[26px] tracking-[-0.54px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:mt-[72px] md:text-[24px] md:leading-[34px] md:tracking-[0.72px]"
         />
@@ -349,7 +348,7 @@ const handlePreregistClick = () => {
               <SplideSlide
                 v-for="item in rewardImages"
                 :key="item.id"
-                class="w-[162px] h-[228px] md:w-[176px] md:h-[249px]"
+                class="w-[162px] h-[228px] md:w-[172px] md:h-[245px]"
               >
                 <AtomsImg
                   :src="