From 83e7a9759786223bc305e745a2cdb518f314a90f Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Tue, 2 Dec 2025 16:10:41 +0900
Subject: [PATCH 01/19] =?UTF-8?q?fix.=20[PWT-116]=20STOVE=20GNB=20>=20?=
 =?UTF-8?q?=EC=84=A4=EC=B9=98,=20=EC=95=8C=EB=A6=BC=20=EB=B2=84=ED=8A=BC?=
 =?UTF-8?q?=20=EB=85=B8=EC=B6=9C=20=EC=97=AC=EB=B6=80=20=EA=B8=B0=EB=8A=A5?=
 =?UTF-8?q?=20=EB=8F=99=EC=9E=91=20=EC=98=A4=EB=A5=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/blocks/StoveGnb.vue    |  8 ++++----
 layers/components/blocks/StoveGnbNew.vue | 18 +++++++++---------
 layers/utils/stoveUtil.ts                |  2 +-
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/layers/components/blocks/StoveGnb.vue b/layers/components/blocks/StoveGnb.vue
index 1de2064..8577a5a 100644
--- a/layers/components/blocks/StoveGnb.vue
+++ b/layers/components/blocks/StoveGnb.vue
@@ -16,7 +16,7 @@ const stoveGnbData = gameData.value?.stove_gnb_json
 const languageCodes = computed(() => {
   if (Array.isArray(availableLocales)) {
     return availableLocales.map(
-      (localeCode: any) => localeCode.code || localeCode
+      (localeCode: any) => localeCode.code ?? localeCode
     )
   }
   return [locale]
@@ -32,19 +32,19 @@ const loadGnb = (locale: string) => {
     widget: {
       gameListAndService: false,
       languageSelect: false,
-      notification: false,
+      notification: stoveGnbData?.notify_icon_visible ?? true,
       stoveDownload: false,
     },
     global: {
       userGds: true,
-      defaultSelectedLanguage: locale || 'en',
+      defaultSelectedLanguage: locale ?? 'en',
       languageCoverages: languageCodes.value,
     },
     loginMethod: {
       params: {
         inflow_path: stoveInflowPath,
         game_no: stoveGameNo,
-        show_play_button: stoveGnbData?.stove_install_button_visible || 'Y',
+        show_play_button: stoveGnbData?.stove_install_button_visible ?? 'Y',
       },
       redirectCurrentPage: true,
       windowTitle: undefined,
diff --git a/layers/components/blocks/StoveGnbNew.vue b/layers/components/blocks/StoveGnbNew.vue
index 940334f..4f63991 100644
--- a/layers/components/blocks/StoveGnbNew.vue
+++ b/layers/components/blocks/StoveGnbNew.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import type { GameDataValue } from '#layers/types/api/gameData'
 let mountedInstance: any = null
 const runtimeConfig = useRuntimeConfig()
 const baseDomain = `${runtimeConfig.public.baseDomain}`
+
 onMounted(() => {
   const gameDataStore = useGameDataStore()
-  const gameData = gameDataStore.gameData as GameDataValue
-  const langCodes = gameData?.lang_codes
-  const defaultLangCode = gameData?.default_lang_code
-  const stoveGnbData = gameData?.stove_gnb_json
-  const designTheme = gameData?.design_theme
+  const { gameData } = storeToRefs(gameDataStore)
+  const langCodes = gameData.value?.lang_codes
+  const defaultLangCode = gameData.value?.default_lang_code
+  const stoveGnbData = gameData.value?.stove_gnb_json
+  const designTheme = gameData.value?.design_theme
 
   const currentDomain =
     window.location.protocol + '//' + window.location.hostname
@@ -22,8 +22,8 @@ onMounted(() => {
         mobile: '',
       },
       widget: {
-        notification: stoveGnbData?.notify_icon_visible || true,
-        stoveDownload: stoveGnbData?.stove_install_button_visible || true,
+        notification: stoveGnbData?.notify_icon_visible ?? true,
+        stoveDownload: stoveGnbData?.stove_install_button_visible ?? true,
         languageSelect: false,
         themeSelect: false,
         stoveMenu: {
@@ -33,7 +33,7 @@ onMounted(() => {
       },
       global: {
         languageCoverages: langCodes,
-        defaultSelectedLanguage: defaultLangCode || 'en',
+        defaultSelectedLanguage: defaultLangCode ?? 'en',
       },
       loginMethod: {
         redirectCurrentPage: true,
diff --git a/layers/utils/stoveUtil.ts b/layers/utils/stoveUtil.ts
index 0d60f81..ea9017a 100644
--- a/layers/utils/stoveUtil.ts
+++ b/layers/utils/stoveUtil.ts
@@ -10,7 +10,7 @@ import { csrFormatJWT } from '#layers/utils/formatUtil'
  */
 export const csrGoStoveLogin = () => {
   if (!import.meta.client) return
-  
+
   const runtimeConfig = useRuntimeConfig()
   const gameDataStore = useGameDataStore()
 

From 3e190aa93caba0500f1501acabfc11f9e3ed8e50 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Tue, 2 Dec 2025 19:06:11 +0900
Subject: [PATCH 02/19] =?UTF-8?q?fix.=20[PWT-121]=20=EA=B3=B5=ED=86=B5=20>?=
 =?UTF-8?q?=20=EC=95=A1=EC=85=98=20=EB=B2=84=ED=8A=BC=20=EC=98=81=EC=83=81?=
 =?UTF-8?q?=20=ED=83=80=EC=9E=85=20=EB=B2=84=ED=8A=BC=20=EC=9E=90=EB=8F=99?=
 =?UTF-8?q?=20=EC=9E=AC=EC=83=9D=20=EC=98=A4=EB=A5=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/blocks/modal/YouTube.vue | 10 ++---
 layers/templates/GrGallery01/index.vue     |  3 +-
 layers/utils/youtubeUtil.ts                | 43 ++++++++++++++++------
 3 files changed, 39 insertions(+), 17 deletions(-)

diff --git a/layers/components/blocks/modal/YouTube.vue b/layers/components/blocks/modal/YouTube.vue
index 343abe7..9a0c1db 100644
--- a/layers/components/blocks/modal/YouTube.vue
+++ b/layers/components/blocks/modal/YouTube.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { getYouTubeEmbedUrl } from '@/layers/utils/youtubeUtil'
+import { getYouTubeUrl } from '@/layers/utils/youtubeUtil'
 
 const modalStore = useModalStore()
 const scrollStore = useScrollStore()
 
 const { youtube } = modalStore
 
-const embedUrl = computed(() => {
-  return getYouTubeEmbedUrl(youtube.storeYoutubeUrl)
+const youtubeUrl = computed(() => {
+  return getYouTubeUrl(youtube.storeYoutubeUrl)
 })
 
 const handleClose = () => {
@@ -60,8 +60,8 @@ onUnmounted(() => {
         <!-- 유튜브 영상 컨테이너 -->
         <div class="relative w-full h-full">
           <iframe
-            v-if="embedUrl"
-            :src="embedUrl"
+            v-if="youtubeUrl"
+            :src="youtubeUrl"
             class="absolute top-0 left-0 w-full h-full"
             frameborder="0"
             allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
diff --git a/layers/templates/GrGallery01/index.vue b/layers/templates/GrGallery01/index.vue
index d50a95e..1b5ef30 100644
--- a/layers/templates/GrGallery01/index.vue
+++ b/layers/templates/GrGallery01/index.vue
@@ -6,6 +6,7 @@ import {
   getComponentGroup,
   isTypeVideo,
 } from '#layers/utils/dataUtil'
+import { getYouTubeUrl, getYouTubeThumbnail } from '#layers/utils/youtubeUtil'
 import type { PageDataTemplateComponents } from '#layers/types/api/pageData'
 
 interface Props {
@@ -133,7 +134,7 @@ onBeforeUnmount(() => {
             <transition name="fade">
               <iframe
                 v-if="playingSlideIndex === index"
-                :src="getYouTubeEmbedUrl(item.display?.text, true)"
+                :src="getYouTubeUrl(item.display?.text)"
                 class="video-iframe"
                 frameborder="0"
                 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
diff --git a/layers/utils/youtubeUtil.ts b/layers/utils/youtubeUtil.ts
index 9c0ef64..eb2b445 100644
--- a/layers/utils/youtubeUtil.ts
+++ b/layers/utils/youtubeUtil.ts
@@ -30,27 +30,48 @@ export const getYouTubeId = (url: string): string => {
 }
 
 /**
- * 유튜브 임베드 URL을 생성합니다.
+ * 유튜브 URL을 반환합니다.
  * @param url - 유튜브 URL
  * @param autoplay - 자동재생 여부
  * @param rel - 관련 비디오 표시 여부
  * @returns 임베드 URL
  */
-/** [TODO] 임베드 형태로 넘어오도록 데이터 수정 후 이부분 사용 필요 없음 */
-export const getYouTubeEmbedUrl = (
+export const getYouTubeUrl = (
   url: string,
-  autoplay: boolean = false,
+  autoplay: boolean = true,
   rel: boolean = false
 ): string => {
-  const videoId = getYouTubeId(url)
-  if (!videoId) return ''
+  if (!url) return ''
 
-  const params = new URLSearchParams()
-  if (autoplay) params.append('autoplay', '1')
-  if (!rel) params.append('rel', '0')
+  try {
+    const urlObj = new URL(url)
+    const params = new URLSearchParams(urlObj.searchParams)
 
-  const queryString = params.toString()
-  return `https://www.youtube.com/embed/${videoId}${queryString ? `?${queryString}` : ''}`
+    // 기본 파라미터 보장
+    if (!params.has('autoplay')) {
+      params.set('autoplay', autoplay ? '1' : '0')
+    }
+    if (!params.has('rel')) {
+      params.set('rel', rel ? '1' : '0')
+    }
+
+    const baseUrl = (() => {
+      const isEmbedUrl = urlObj.pathname.startsWith('/embed/')
+      if (isEmbedUrl) {
+        return `${urlObj.origin}${urlObj.pathname}`
+      }
+
+      // 일반 URL이면 id 추출 후 embed URL로 변환
+      const youtubeId = getYouTubeId(url)
+      if (!youtubeId) return ''
+      return `https://www.youtube.com/embed/${youtubeId}`
+    })()
+
+    const queryString = params.toString()
+    return queryString ? `${baseUrl}?${queryString}` : baseUrl
+  } catch {
+    return url
+  }
 }
 
 /**

From f77e393e8b81c8d977c24e4b2453897c00bdc9a8 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Tue, 2 Dec 2025 19:45:30 +0900
Subject: [PATCH 03/19] =?UTF-8?q?fix.=20[PWT-126]=20=EC=8A=AC=EB=9D=BC?=
 =?UTF-8?q?=EC=9D=B4=EB=93=9C=20=ED=83=80=EC=9E=85=20>=20=ED=95=9C?=
 =?UTF-8?q?=EB=B2=88=EC=97=90=20=EC=97=AC=EB=9F=AC=EC=9E=A5=20=EC=8A=AC?=
 =?UTF-8?q?=EB=9D=BC=EC=9D=B4=EB=93=9C=EB=90=98=EB=8A=94=20=ED=98=84?=
 =?UTF-8?q?=EC=83=81=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/blocks/slide/CenterFocus.vue |  1 +
 .../blocks/slide/CenterHighlight.vue           |  1 +
 layers/components/blocks/slide/Default.vue     |  1 +
 layers/components/blocks/slide/Fade.vue        |  1 +
 layers/components/blocks/slide/Thumbnail.vue   |  5 ++---
 layers/composables/useAnalytics.ts             | 16 ++++++++++------
 layers/templates/GrGallery01/index.vue         | 18 +++++++++---------
 7 files changed, 25 insertions(+), 18 deletions(-)

diff --git a/layers/components/blocks/slide/CenterFocus.vue b/layers/components/blocks/slide/CenterFocus.vue
index ad2a89b..f859fdf 100644
--- a/layers/components/blocks/slide/CenterFocus.vue
+++ b/layers/components/blocks/slide/CenterFocus.vue
@@ -41,6 +41,7 @@ const options = computed((): ResponsiveOptions => {
     pagination: props.pagination && isMultipleItems.value,
     autoplay: props.autoplay,
     interval: props.interval,
+    flickPower: 400,
     classes: {
       arrows: 'splide-arrows',
       arrow: 'splide-arrow',
diff --git a/layers/components/blocks/slide/CenterHighlight.vue b/layers/components/blocks/slide/CenterHighlight.vue
index 70c94ab..d5dfd5c 100644
--- a/layers/components/blocks/slide/CenterHighlight.vue
+++ b/layers/components/blocks/slide/CenterHighlight.vue
@@ -40,6 +40,7 @@ const options = computed((): ResponsiveOptions => {
     pagination: props.pagination && isMultipleItems.value,
     autoplay: props.autoplay,
     interval: props.interval,
+    flickPower: 400,
     classes: {
       arrows: 'splide-arrows',
       arrow: 'splide-arrow',
diff --git a/layers/components/blocks/slide/Default.vue b/layers/components/blocks/slide/Default.vue
index e605e0a..49ce530 100644
--- a/layers/components/blocks/slide/Default.vue
+++ b/layers/components/blocks/slide/Default.vue
@@ -56,6 +56,7 @@ const options = computed((): ResponsiveOptions => {
     arrows: props.arrows,
     pagination: props.pagination,
     destroy: props.destroy,
+    flickPower: 400,
     classes: {
       arrows: 'splide-arrows',
       arrow: 'splide-arrow',
diff --git a/layers/components/blocks/slide/Fade.vue b/layers/components/blocks/slide/Fade.vue
index 51d2941..3127797 100644
--- a/layers/components/blocks/slide/Fade.vue
+++ b/layers/components/blocks/slide/Fade.vue
@@ -44,6 +44,7 @@ const options = computed((): ResponsiveOptions => {
     pauseOnFocus: false,
     arrows: props.arrows,
     pagination: props.pagination,
+    flickPower: 400,
     classes: {
       arrows: 'splide-arrows type-full',
       arrow: 'splide-arrow',
diff --git a/layers/components/blocks/slide/Thumbnail.vue b/layers/components/blocks/slide/Thumbnail.vue
index b74162c..c6a91e5 100644
--- a/layers/components/blocks/slide/Thumbnail.vue
+++ b/layers/components/blocks/slide/Thumbnail.vue
@@ -12,13 +12,11 @@ interface Props {
   paginationData?: PageDataResourceGroups
   arrows?: boolean
   variant?: 'default' | 'media'
-  drag?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
   arrows: true,
   variant: 'default',
-  drag: true,
 })
 
 const emit = defineEmits(['mounted', 'move', 'arrowClick'])
@@ -47,7 +45,7 @@ const mainOptions = computed<Options>(() => ({
   easing: 'ease-in-out',
   arrows: false,
   pagination: false,
-  drag: props.drag,
+  drag: false,
 }))
 
 const thumbOptions = computed<Options>(() => ({
@@ -59,6 +57,7 @@ const thumbOptions = computed<Options>(() => ({
   pagination: false,
   isNavigation: true,
   updateOnMove: true,
+  flickPower: 400,
   classes: {
     arrows: 'splide-arrows',
     arrow: 'splide-arrow',
diff --git a/layers/composables/useAnalytics.ts b/layers/composables/useAnalytics.ts
index e433e84..62dae88 100644
--- a/layers/composables/useAnalytics.ts
+++ b/layers/composables/useAnalytics.ts
@@ -45,6 +45,10 @@ export const useAnalyticsLogDataDirect = (
   }
 
   // resourcesData가 객체인 경우 (기존 로직)
+  if (!resourcesData || !resourcesData.tracking) {
+    return {} as AnalyticsDetailType
+  }
+
   const pageDataTrack = resourcesData.tracking
 
   const logData = {
@@ -96,7 +100,7 @@ const findValueFromOption = (target: string, { options = {} }: any) => {
  */
 const sendGA = (analytics: AnalyticsDetailType, { options = {} }: any) => {
   if (!import.meta.client) return
-  
+
   try {
     const { gtag } = useGtag()
 
@@ -129,7 +133,7 @@ const sendSA = (
   { mcode = '', options = {} }: any
 ) => {
   if (!import.meta.client) return
-  
+
   const gameDataStore = useGameDataStore()
   const { gameData } = storeToRefs(gameDataStore)
 
@@ -254,7 +258,7 @@ const sendLog = (locale: string, analytics: AnalyticsDetailType) => {
  */
 const sendGAEventOnly = (gaEventName: string) => {
   if (!import.meta.client) return
-  
+
   try {
     const { gtag } = useGtag()
 
@@ -274,7 +278,7 @@ const sendGAEventOnly = (gaEventName: string) => {
  */
 const sendMetaPixel = (fbEventName: string) => {
   if (!import.meta.client) return
-  
+
   try {
     const { $fbq } = useNuxtApp()
     if (typeof $fbq === 'function') {
@@ -293,7 +297,7 @@ const sendMetaPixel = (fbEventName: string) => {
  */
 const sendTwitterPixel = (twEventName: string) => {
   if (!import.meta.client) return
-  
+
   try {
     twq('event', twEventName, {})
   } catch (e) {
@@ -309,7 +313,7 @@ const sendTwitterPixel = (twEventName: string) => {
  */
 const sendTiktokPixel = (ttEventName: string) => {
   if (!import.meta.client) return
-  
+
   try {
     ttq.track(ttEventName)
   } catch (e) {
diff --git a/layers/templates/GrGallery01/index.vue b/layers/templates/GrGallery01/index.vue
index 1b5ef30..8d15b37 100644
--- a/layers/templates/GrGallery01/index.vue
+++ b/layers/templates/GrGallery01/index.vue
@@ -45,23 +45,23 @@ const handleVideoClick = (index: number) => {
   playingSlideIndex.value = index
 
   const group = getComponentGroup(props.components, 'videoPlay')
-  const base = group?.tracking?.click_item || ''
+  if (!group || !group.tracking) return
+
+  const base = group.tracking.click_item || ''
   const next = base
     ? base.replace(/(^.*_)(\d+)$/, `$1${index}`) === base
       ? `${base}_${index}`
       : base.replace(/(^.*_)(\d+)$/, `$1${index}`)
     : `${index}`
 
-  const sendingGroup = group
-    ? { ...group, tracking: { ...group.tracking, click_item: next } }
-    : group
+  const sendingGroup = {
+    ...group,
+    tracking: { ...group.tracking, click_item: next },
+  }
 
   sendLog(
     locale.value,
-    useAnalyticsLogDataDirect(
-      (sendingGroup as any) || getComponentGroup(props.components, 'videoPlay'),
-      props.pageVerTmplSeq
-    )
+    useAnalyticsLogDataDirect(sendingGroup, props.pageVerTmplSeq)
   )
 }
 
@@ -79,7 +79,7 @@ const stopVideo = () => {
   }, 600)
 }
 
-const onArrowClick = (direction, targetIndex) => {
+const onArrowClick = (direction, _targetIndex) => {
   const arrowGroupAry = getComponentGroupAry(props.components, 'arrow')
   const logTracking = arrowGroupAry?.[direction === 'prev' ? 0 : 1]
   sendLog(locale.value, useAnalyticsLogDataDirect(logTracking, 1))

From b3775466fa34e366301e0b31625fcffbd076f3b3 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 10:51:44 +0900
Subject: [PATCH 04/19] =?UTF-8?q?fix.=20gnb=20=EC=BD=94=EB=93=9C=20?=
 =?UTF-8?q?=EB=A6=AC=ED=8C=A9=ED=86=A0=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/layouts/Header.vue | 31 ++++++++++++++++++----------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/layers/components/layouts/Header.vue b/layers/components/layouts/Header.vue
index 3ea429b..ac082a6 100644
--- a/layers/components/layouts/Header.vue
+++ b/layers/components/layouts/Header.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useThrottleFn } from '@vueuse/core'
 import { useGameDataStore } from '#layers/stores/useGameDataStore'
 import type {
   GameDataMenu,
@@ -81,6 +82,7 @@ const isNavItemActive = (gnbItem: GameDataMenu): boolean => {
 
 // navAreaRef의 넓이를 구하는 함수
 const calculateNavWidth = () => {
+  if (!import.meta.client) return
   if (!navAreaRef.value || !gnbData.value) return 0
 
   const navAreaWidth = navAreaRef.value.offsetWidth
@@ -89,6 +91,7 @@ const calculateNavWidth = () => {
 
 // official 자식들의 넓이를 구하는 함수
 const calculateOfficialItemWidths = () => {
+  if (!import.meta.client) return
   if (!navAreaRef.value) return
 
   const officialItems = navAreaRef.value.querySelectorAll('.official .nav-item')
@@ -107,6 +110,7 @@ const calculateOfficialItemWidths = () => {
 
 // 오버플로우 계산 함수
 const calculateOverflow = () => {
+  if (!import.meta.client) return
   if (!navAreaRef.value || !startRef.value) return
 
   if (breakpoints.value.isMobile) {
@@ -137,6 +141,11 @@ const calculateOverflow = () => {
   }
 }
 
+// 100ms마다 최대 1회 실행
+const throttledCalculateOverflow = useThrottleFn(() => {
+  calculateOverflow()
+}, 100)
+
 const handleMenuOpen = () => {
   isMenuOpen.value = true
   scrollStore.controlScrollLock(true)
@@ -200,26 +209,26 @@ const handleStartClick = () => {
   window.open(url, '_blank')
 }
 
-watchEffect(() => {
-  if (!startWidth.value) return // 0, null, undefined면 스킵
-  calculateOverflow()
-})
-
-// 화면 크기 변경 시 오버플로우 재계산
-watch(width, () => {
-  calculateOverflow()
-})
-
 onMounted(() => {
   overflowNam.value = 0
   isMounted.value = true
 
-  // 초기 계산 시도
+  // 초기 계산
   nextTick(() => {
     calculateNavWidth()
     calculateOfficialItemWidths()
     calculateOverflow()
   })
+
+  watchEffect(() => {
+    if (!startWidth.value) return
+    throttledCalculateOverflow()
+  })
+
+  // 화면 크기 변경 시 오버플로우 재계산
+  watch(width, () => {
+    throttledCalculateOverflow()
+  })
 })
 </script>
 

From f406f4bac28f44dba5815f72107a83c7ba6fbaef Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 11:13:17 +0900
Subject: [PATCH 05/19] =?UTF-8?q?fix:=20[=EB=94=94=EC=9E=90=EC=9D=B8QA]=20?=
 =?UTF-8?q?=EC=9B=90=ED=98=95=20=EB=B2=84=ED=8A=BC=20=EB=AA=A8=EB=B0=94?=
 =?UTF-8?q?=EC=9D=BC=20=EC=95=84=EC=9D=B4=EC=BD=98=20=EC=82=AC=EC=9D=B4?=
 =?UTF-8?q?=EC=A6=88=20=EC=A1=B0=EC=A0=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/atoms/Button/Circle.vue     | 4 ++++
 layers/components/layouts/EventNavigation.vue | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/layers/components/atoms/Button/Circle.vue b/layers/components/atoms/Button/Circle.vue
index c6e6cd6..0c76db0 100644
--- a/layers/components/atoms/Button/Circle.vue
+++ b/layers/components/atoms/Button/Circle.vue
@@ -47,4 +47,8 @@ const componentProps = computed(() => {
     after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:bg-white after:rounded-full after:opacity-0 after:transition-all after:duration-300 after:ease-in-out
     hover:after:opacity-10;
 }
+
+.btn-circle:deep(svg) {
+  @apply w-[20px] h-[20px] md:w-[24px] md:h-[24px];
+}
 </style>
diff --git a/layers/components/layouts/EventNavigation.vue b/layers/components/layouts/EventNavigation.vue
index 040bdc2..e7a2ff1 100644
--- a/layers/components/layouts/EventNavigation.vue
+++ b/layers/components/layouts/EventNavigation.vue
@@ -57,7 +57,7 @@ onMounted(async () => {
         class="btn-control"
         @click="toggleEventNavigation"
       >
-        <AtomsIconsArrowRightLine size="24" color="#ffffff" />
+        <AtomsIconsArrowRightLine color="#ffffff" />
       </AtomsButtonCircle>
       <ul class="navigation-list">
         <li v-for="item in eventNavigationList" :key="item.banner_seq">

From f43977c86c816234a8bf437b1db6e7fab59c10b1 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 11:22:31 +0900
Subject: [PATCH 06/19] =?UTF-8?q?fix:=20[=EB=94=94=EC=9E=90=EC=9D=B8QA]=20?=
 =?UTF-8?q?=EC=82=AC=EC=A0=84=20=EB=93=B1=EB=A1=9D=20=ED=8C=9D=EC=97=85?=
 =?UTF-8?q?=EC=9D=98=20=ED=83=80=EC=9D=B4=ED=8B=80=20=EB=AC=B8=EA=B5=AC=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/widgets/modal/Preregist.vue | 29 ++++++++++++-------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/layers/components/widgets/modal/Preregist.vue b/layers/components/widgets/modal/Preregist.vue
index ffa3ba7..5662fdf 100644
--- a/layers/components/widgets/modal/Preregist.vue
+++ b/layers/components/widgets/modal/Preregist.vue
@@ -260,11 +260,18 @@ defineExpose({
     <!-- Step 1: Terms Agreement -->
     <div v-if="currentStep === 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]">
-        <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]"
-        >
-          {{ tm('Preregist_Modal_Title01') }}
-        </h4>
+        <div class="flex-1">
+          <h4
+            class="text-xl font-bold leading-[30px] tracking-[-0.6px] text-[#ebebeb] md:text-2xl md:leading-[34px] md:tracking-[-0.72px]"
+          >
+            {{ tm('Preregist_Modal_Title01') }}
+          </h4>
+          <p
+            class="mt-2 text-[13px] leading-[22px] tracking-[-0.325px] text-[#b2b2b2] md:text-[15px] md:leading-6 md:tracking-[-0.45px]"
+          >
+            {{ tm('Preregist_Modal_Info') }}
+          </p>
+        </div>
         <div
           class="flex h-[30px] items-center gap-1 text-base leading-6 tracking-[-0.48px] md:h-[34px]"
         >
@@ -339,11 +346,13 @@ defineExpose({
     <!-- Step 2: Success -->
     <div v-if="currentStep === 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">
-        <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]"
-        >
-          {{ tm('Preregist_Modal_Title02') }}
-        </h4>
+        <div class="flex-1">
+          <h4
+            class="text-xl font-bold leading-[30px] tracking-[-0.6px] text-[#ebebeb] md:text-2xl md:leading-[34px] md:tracking-[-0.72px]"
+          >
+            {{ tm('Preregist_Modal_Title02') }}
+          </h4>
+        </div>
         <div
           class="flex h-[30px] items-center gap-1 text-base leading-6 tracking-[-0.48px] md:h-[34px]"
         >

From 73adfc9769d198d67912bffc443d66b5c01a1989 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 12:30:57 +0900
Subject: [PATCH 07/19] =?UTF-8?q?fix:=20[=EB=94=94=EC=9E=90=EC=9D=B8QA]=20?=
 =?UTF-8?q?=EC=8A=AC=EB=9D=BC=EC=9D=B4=EB=93=9C=20=EC=9D=B4=EB=AF=B8?=
 =?UTF-8?q?=EC=A7=80=20hover=20=ED=9A=A8=EA=B3=BC=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/blocks/CardNews.vue | 15 +++++++++++++--
 layers/templates/FxVideo01/index.vue  | 18 ++++++++++++++----
 2 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/layers/components/blocks/CardNews.vue b/layers/components/blocks/CardNews.vue
index 813dcd8..5cc6959 100644
--- a/layers/components/blocks/CardNews.vue
+++ b/layers/components/blocks/CardNews.vue
@@ -33,7 +33,14 @@ const handleLinkClick = (title: string) => {
 </script>
 
 <template>
-  <div :class="['card-news', { 'no-image': isNoImage }, props.class]">
+  <div
+    :class="[
+      'card-news',
+      { 'no-image': isNoImage },
+      { 'is-clickable': props.url },
+      props.class,
+    ]"
+  >
     <img
       v-if="props.imgPath"
       :src="props.imgPath"
@@ -68,6 +75,10 @@ const handleLinkClick = (title: string) => {
   after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full
   after:border after:border-white/10 after:rounded-lg;
 }
+.card-news.is-clickable:hover .card-image,
+.card-news.is-clickable:hover .card-stove {
+  @apply scale-110;
+}
 .card-image {
   @apply transition-transform duration-300 w-full h-full object-cover;
 }
@@ -85,7 +96,7 @@ const handleLinkClick = (title: string) => {
 }
 
 .card-stove {
-  @apply relative w-full h-full bg-[#333333];
+  @apply relative w-full h-full bg-[#333333] transition-transform duration-300;
 }
 .card-stove svg {
   @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2;
diff --git a/layers/templates/FxVideo01/index.vue b/layers/templates/FxVideo01/index.vue
index fec4743..7fe6822 100644
--- a/layers/templates/FxVideo01/index.vue
+++ b/layers/templates/FxVideo01/index.vue
@@ -41,6 +41,8 @@ const { tm, locale } = useI18n({
   messages: Object(resultGetMultilingual?.value?.multilingual),
 })
 
+const recommendHover = ref(false)
+
 const backgroundData = computed(() =>
   getComponentGroup(props.components, 'background')
 )
@@ -152,7 +154,7 @@ const handleLoadMoreRecent = () => {
             :key="`recommended-${item.url}-${index}`"
           >
             <div
-              class="overflow-hidden relative aspect-[16/9] flex-shrink-0 w-full rounded-[4px] cursor-pointer sm:w-[60.3%] sm:rounded-[8px] md:w-[56%] lg:w-[710px] lg:rounded-[12px]"
+              class="overflow-hidden relative aspect-[16/9] flex-shrink-0 w-full rounded-[4px] cursor-pointer group sm:w-[60.3%] sm:rounded-[8px] md:w-[56%] lg:w-[710px] lg:rounded-[12px]"
               @click="handleVideoClick(item.url)"
             >
               <img
@@ -160,7 +162,10 @@ const handleLoadMoreRecent = () => {
                 :alt="item.title || 'Video thumbnail'"
                 loading="lazy"
                 decoding="async"
-                class="w-full h-full object-cover"
+                :class="[
+                  'w-full h-full object-cover group-hover:scale-110 transition-transform duration-300',
+                  { 'is-hover': recommendHover },
+                ]"
               />
               <AtomsIconsPlayRoundFill
                 class="drop-shadow-[0_0_6px_rgba(0,0,0,0.25)] absolute bottom-[14px] right-[14px] w-[20px] h-[20px] sm:bottom-[18px] sm:right-[18px] md:bottom-[23px] md:right-[23px] md:w-[33px] md:h-[33px]"
@@ -169,6 +174,8 @@ const handleLoadMoreRecent = () => {
             <div
               class="w-full mx-[8px] pb-[20px] border-b border-[rgba(0,0,0,0.08)] cursor-pointer sm:mx-[0] sm:pt-[12px] sm:pr-[16px] sm:pb-[0] sm:border-none md:pt-[20px] md:pr-[28px] lg:pt-[40px] lg:pr-[48px]"
               @click="handleVideoClick(item.url)"
+              @mouseenter="recommendHover = true"
+              @mouseleave="recommendHover = false"
             >
               <h4
                 class="h-[52px] text-[18px] font-[700] leading-[26px] tracking-[-0.54px] text-[#1F1F1F] line-clamp-2 sm:h-[auto] sm:text-[20px] sm:leading-[30px] sm:tracking-[-0.6px] sm:line-clamp-3 md:text-[32px] md:leading-[44px] md:tracking-[-0.96px]"
@@ -199,7 +206,7 @@ const handleLoadMoreRecent = () => {
           <li
             v-for="(item, index) in visibleVideos"
             :key="`recent-${item.url}-${index}`"
-            class="p-3 rounded-[12px] bg-white md:p-4 md:rounded-[16px] lg:p-5 cursor-pointer"
+            class="p-3 rounded-[12px] bg-white md:p-4 md:rounded-[16px] lg:p-5 group cursor-pointer"
             @click="handleVideoClick(item.url)"
           >
             <div
@@ -210,7 +217,7 @@ const handleLoadMoreRecent = () => {
                 :alt="item.title || 'Video thumbnail'"
                 loading="lazy"
                 decoding="async"
-                class="w-full h-full object-cover"
+                class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"
               />
               <AtomsIconsPlayRoundFill
                 class="drop-shadow-[0_0_6px_rgba(0,0,0,0.25)] absolute bottom-[14px] right-[14px] w-[20px] h-[20px]"
@@ -278,4 +285,7 @@ const handleLoadMoreRecent = () => {
   md:bottom-[47px] md:left-[calc(56%+167px)] md:right-[unset] md:text-[18px] md:leading-[26px] md:tracking-[-0.54px]
   lg:bottom-[71px] lg:left-[918px];
 }
+.is-hover {
+  @apply scale-110;
+}
 </style>

From fd479483bbaae891d74d23c6d4bc687090d4597e Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 15:43:21 +0900
Subject: [PATCH 08/19] =?UTF-8?q?fix:=20[=EB=94=94=EC=9E=90=EC=9D=B8QA]=20?=
 =?UTF-8?q?=EC=8A=AC=EB=9D=BC=EC=9D=B4=EB=93=9C=20=EC=9D=B8=EB=8D=B1?=
 =?UTF-8?q?=EC=8A=A4=20=EC=A0=84=ED=99=98=20=EC=8B=9C=20=EC=98=81=EC=83=81?=
 =?UTF-8?q?=EC=9D=B4=20=EC=B2=98=EC=9D=8C=EB=B6=80=ED=84=B0=20=EC=9E=AC?=
 =?UTF-8?q?=EC=83=9D=EB=90=98=EB=8F=84=EB=A1=9D=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/app.vue                                   |   2 +-
 layers/components/atoms/Video.vue             | 144 +++++++++++-------
 .../components/blocks/slide/CenterFocus.vue   |  10 ++
 .../blocks/slide/CenterHighlight.vue          |  10 ++
 layers/components/blocks/slide/Default.vue    |  10 ++
 layers/components/blocks/slide/Fade.vue       |  18 ++-
 layers/components/blocks/slide/Thumbnail.vue  |  18 ++-
 layers/components/widgets/Background.vue      |  41 +----
 layers/middleware/init.route.global.ts        |   7 +-
 layers/templates/FxVideo01/index.vue          |  12 +-
 layers/templates/GrDetail01/index.vue         |  13 +-
 layers/templates/GrDetail02/index.vue         |   4 +
 layers/templates/GrDetail03/index.vue         |  18 +--
 layers/templates/GrGallery01/index.vue        |   6 +-
 layers/templates/GrVisual03/index.vue         |   4 +
 15 files changed, 179 insertions(+), 138 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index f35d064..05edb22 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)
+  useEventListener('scroll', scrollStore.updateScrollValue, { passive: true })
 
   stopWatch = watch(
     scrollGnbPosition,
diff --git a/layers/components/atoms/Video.vue b/layers/components/atoms/Video.vue
index 0ae60e0..141c36f 100644
--- a/layers/components/atoms/Video.vue
+++ b/layers/components/atoms/Video.vue
@@ -1,92 +1,123 @@
 <script setup lang="ts">
+import type { ClassType } from '#layers/types/Common'
+
 interface Props {
   src: string
   type?: 'mp4' | 'webm'
+  poster?: string
   play?: boolean
-  autoplay?: boolean
   muted?: boolean
   loop?: boolean
-  playsinline?: boolean
+  bordered?: boolean
   class?: ClassType
 }
 
 const props = withDefaults(defineProps<Props>(), {
   type: 'mp4',
-  play: false,
+  play: true,
   muted: true,
   loop: true,
-  playsinline: true,
+  bordered: true,
 })
 
 const videoRef = ref<HTMLVideoElement | null>(null)
-let pauseTimeoutId: ReturnType<typeof setTimeout> | null = null
+const pauseTimer = ref<ReturnType<typeof setTimeout> | null>(null)
 
-// autoplay prop 변경 시 재생/정지 제어
-watch(
-  () => props.play,
-  shouldPlay => {
-    if (!videoRef.value) return
-
-    // 이전 타이머 정리
-    if (pauseTimeoutId) {
-      clearTimeout(pauseTimeoutId)
-      pauseTimeoutId = null
-    }
-
-    if (shouldPlay) {
-      videoRef.value.play().catch(err => {
-        console.warn('Video play failed:', err)
-      })
-    } else {
-      pauseTimeoutId = setTimeout(() => {
-        if (videoRef.value) {
-          videoRef.value.pause()
-          videoRef.value.currentTime = 0
-        }
-        pauseTimeoutId = null
-      }, 200)
-    }
+const clearPauseTimer = () => {
+  if (pauseTimer.value) {
+    clearTimeout(pauseTimer.value)
+    pauseTimer.value = null
   }
-)
+}
 
-onBeforeUnmount(() => {
-  // 타이머 정리
-  if (pauseTimeoutId) {
-    clearTimeout(pauseTimeoutId)
-    pauseTimeoutId = null
+const playVideo = async () => {
+  if (!videoRef.value) return
+
+  clearPauseTimer()
+
+  try {
+    await videoRef.value.play()
+  } catch (e) {
+    console.warn('Video play failed:', e)
   }
-})
+}
+
+const pauseVideo = () => {
+  if (!videoRef.value) return
+
+  clearPauseTimer()
+
+  // 새 타이머 설정
+  pauseTimer.value = setTimeout(() => {
+    if (videoRef.value) {
+      videoRef.value.pause()
+      videoRef.value.currentTime = 0
+    }
+    pauseTimer.value = null
+  }, 500)
+}
+
+const reloadVideo = async () => {
+  if (!videoRef.value) return
+
+  clearPauseTimer()
+
+  videoRef.value.currentTime = 0
+  videoRef.value.load()
+
+  if (props.play) {
+    await playVideo()
+  }
+}
+
+const syncPlayState = (shouldPlay: boolean) => {
+  if (shouldPlay) {
+    void playVideo()
+  } else {
+    pauseVideo()
+  }
+}
 
 // src 변경 시 비디오 다시 로드
 watch(
   () => props.src,
   () => {
-    if (!videoRef.value) return
-
-    // 비디오 시간 초기화 및 새 소스 로드
-    videoRef.value.currentTime = 0
-    videoRef.value.load()
-
-    // 재생 중이었다면 다시 재생
-    if (props.play) {
-      nextTick(() => {
-        videoRef.value?.play().catch(err => {
-          console.warn('Video play failed:', err)
-        })
-      })
-    }
+    void reloadVideo()
   }
 )
+
+// play 상태 변경 시 재생/일시정지
+watch(
+  () => props.play,
+  shouldPlay => {
+    syncPlayState(!!shouldPlay)
+  }
+)
+
+onMounted(() => {
+  nextTick(() => {
+    if (props.play) {
+      playVideo()
+    }
+  })
+})
+
+onBeforeUnmount(() => {
+  clearPauseTimer()
+})
 </script>
 
 <template>
-  <div v-if="props.src" :class="['video-box', props.class]">
+  <div
+    v-if="props.src"
+    :class="['video-box', { 'has-bordered': props.bordered }, props.class]"
+  >
     <video
       ref="videoRef"
-      :autoplay="props.autoplay"
+      :poster="props.poster"
       :muted="props.muted"
       :loop="props.loop"
-      :playsinline="props.playsinline"
+      playsinline
     >
       <source :src="props.src" :type="`video/${props.type}`" />
     </video>
@@ -95,7 +126,10 @@ watch(
 
 <style scoped>
 .video-box {
-  @apply overflow-hidden relative rounded-[4px] md:rounded-[8px]
+  @apply overflow-hidden;
+}
+.video-box.has-bordered {
+  @apply relative rounded-[4px] md:rounded-[8px]
   after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:border after:border-white after:opacity-10 after:rounded-[4px] after:md:rounded-[8px];
 }
 .video-box video {
diff --git a/layers/components/blocks/slide/CenterFocus.vue b/layers/components/blocks/slide/CenterFocus.vue
index f859fdf..302d997 100644
--- a/layers/components/blocks/slide/CenterFocus.vue
+++ b/layers/components/blocks/slide/CenterFocus.vue
@@ -23,6 +23,8 @@ const props = withDefaults(defineProps<Props>(), {
 
 const emit = defineEmits(['mounted', 'move', 'arrowClick'])
 
+const splideIndex = defineModel<number>('index', { required: false })
+
 // Splide 화살표 로직을 위한 composable 사용
 const { addArrowClickListeners } = useSplideArrow()
 
@@ -90,6 +92,10 @@ const handleSplideMounted = (splide: SplideType) => {
   emit('mounted', splide)
   splide.refresh()
 
+  if (splideIndex.value !== undefined) {
+    splideIndex.value = splide.index
+  }
+
   // 화살표 버튼 클릭 이벤트 리스너 추가
   nextTick(() => {
     addArrowClickListeners(splide, (direction, targetIndex) => {
@@ -105,6 +111,10 @@ const handleMove = (
   destIndex: number
 ) => {
   emit('move', splide, newIndex, oldIndex, destIndex)
+
+  if (splideIndex.value !== undefined) {
+    splideIndex.value = newIndex
+  }
 }
 </script>
 
diff --git a/layers/components/blocks/slide/CenterHighlight.vue b/layers/components/blocks/slide/CenterHighlight.vue
index d5dfd5c..46f9d5a 100644
--- a/layers/components/blocks/slide/CenterHighlight.vue
+++ b/layers/components/blocks/slide/CenterHighlight.vue
@@ -22,6 +22,8 @@ const props = withDefaults(defineProps<Props>(), {
 
 const emit = defineEmits(['mounted', 'move', 'arrowClick'])
 
+const splideIndex = defineModel<number>('index', { required: false })
+
 // Splide 화살표 로직을 위한 composable 사용
 const { addArrowClickListeners } = useSplideArrow()
 
@@ -92,6 +94,10 @@ const handleSplideMounted = (splide: SplideType) => {
   emit('mounted', splide)
   splide.refresh()
 
+  if (splideIndex.value !== undefined) {
+    splideIndex.value = splide.index
+  }
+
   // 화살표 버튼 클릭 이벤트 리스너 추가
   nextTick(() => {
     addArrowClickListeners(splide, (direction, targetIndex) => {
@@ -107,6 +113,10 @@ const handleMove = (
   destIndex: number
 ) => {
   emit('move', splide, newIndex, oldIndex, destIndex)
+
+  if (splideIndex.value !== undefined) {
+    splideIndex.value = newIndex
+  }
 }
 </script>
 
diff --git a/layers/components/blocks/slide/Default.vue b/layers/components/blocks/slide/Default.vue
index 49ce530..723cfde 100644
--- a/layers/components/blocks/slide/Default.vue
+++ b/layers/components/blocks/slide/Default.vue
@@ -31,6 +31,8 @@ const props = withDefaults(defineProps<Props>(), {
 
 const emit = defineEmits(['mounted', 'move', 'arrowClick'])
 
+const splideIndex = defineModel<number>('index', { required: false })
+
 // Splide 화살표 로직을 위한 composable 사용
 const { addArrowClickListeners } = useSplideArrow()
 
@@ -72,6 +74,10 @@ const options = computed((): ResponsiveOptions => {
 const handleSplideMounted = (splide: SplideType) => {
   emit('mounted', splide)
 
+  if (splideIndex.value !== undefined) {
+    splideIndex.value = splide.index
+  }
+
   // 화살표 버튼 클릭 이벤트 리스너 추가
   nextTick(() => {
     addArrowClickListeners(splide, (direction, targetIndex) => {
@@ -87,6 +93,10 @@ const handleMove = (
   destIndex: number
 ) => {
   emit('move', splide, newIndex, oldIndex, destIndex)
+
+  if (splideIndex.value !== undefined) {
+    splideIndex.value = newIndex
+  }
 }
 </script>
 
diff --git a/layers/components/blocks/slide/Fade.vue b/layers/components/blocks/slide/Fade.vue
index 3127797..73724de 100644
--- a/layers/components/blocks/slide/Fade.vue
+++ b/layers/components/blocks/slide/Fade.vue
@@ -24,6 +24,8 @@ const props = withDefaults(defineProps<Props>(), {
 
 const emit = defineEmits(['mounted', 'move', 'arrowClick'])
 
+const splideIndex = defineModel<number>('index', { required: false })
+
 const splideRef = ref()
 // Splide 화살표 로직을 위한 composable 사용
 const { addArrowClickListeners } = useSplideArrow()
@@ -56,13 +58,13 @@ const options = computed((): ResponsiveOptions => {
   }
 })
 
-defineExpose({
-  splide: computed(() => splideRef.value?.splide),
-})
-
 const handleSplideMounted = (splide: SplideType) => {
   emit('mounted', splide)
 
+  if (splideIndex.value !== undefined) {
+    splideIndex.value = splide.index
+  }
+
   // 화살표 버튼 클릭 이벤트 리스너 추가
   nextTick(() => {
     addArrowClickListeners(splide, (direction, targetIndex) => {
@@ -78,7 +80,15 @@ const handleMove = (
   destIndex: number
 ) => {
   emit('move', splide, newIndex, oldIndex, destIndex)
+
+  if (splideIndex.value !== undefined) {
+    splideIndex.value = newIndex
+  }
 }
+
+defineExpose({
+  splide: computed(() => splideRef.value?.splide),
+})
 </script>
 
 <template>
diff --git a/layers/components/blocks/slide/Thumbnail.vue b/layers/components/blocks/slide/Thumbnail.vue
index c6a91e5..e961d95 100644
--- a/layers/components/blocks/slide/Thumbnail.vue
+++ b/layers/components/blocks/slide/Thumbnail.vue
@@ -21,6 +21,8 @@ const props = withDefaults(defineProps<Props>(), {
 
 const emit = defineEmits(['mounted', 'move', 'arrowClick'])
 
+const splideIndex = defineModel<number>('index', { required: false })
+
 // Splide 화살표 로직을 위한 composable 사용
 const { addArrowClickListeners } = useSplideArrow()
 
@@ -88,6 +90,14 @@ const getThumbnailSrc = (item: PageDataResourceGroup) => {
   return getResourceSrc(item)
 }
 
+const handleSplideMounted = (splide: SplideType) => {
+  emit('mounted', splide)
+
+  if (splideIndex.value !== undefined) {
+    splideIndex.value = splide.index
+  }
+}
+
 const handleMove = (
   splide: SplideType,
   newIndex: number,
@@ -95,10 +105,10 @@ const handleMove = (
   destIndex: number
 ) => {
   emit('move', splide, newIndex, oldIndex, destIndex)
-}
 
-const handleSplideMounted = (splide: SplideType) => {
-  emit('mounted', splide)
+  if (splideIndex.value !== undefined) {
+    splideIndex.value = newIndex
+  }
 }
 
 onMounted(() => {
@@ -141,8 +151,8 @@ onBeforeUnmount(() => {
       ref="mainRef"
       :options="mainOptions"
       class="main-splide"
-      @splide:move="handleMove"
       @splide:mounted="handleSplideMounted"
+      @splide:move="handleMove"
     >
       <slot />
     </Splide>
diff --git a/layers/components/widgets/Background.vue b/layers/components/widgets/Background.vue
index f379479..1b69833 100644
--- a/layers/components/widgets/Background.vue
+++ b/layers/components/widgets/Background.vue
@@ -4,20 +4,20 @@ import type { PageDataResourceGroup } from '#layers/types/api/pageData'
 interface Props {
   resourcesData: PageDataResourceGroup
   size?: 'contain' | 'cover'
+  videoPlay?: boolean
   gradient?: string
   dimmed?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
   size: 'cover',
+  videoPlay: true,
   gradient: '',
   dimmed: false,
 })
 
 const { getCurrentSrc } = useResponsiveSrc()
 
-const videoRef = ref<HTMLVideoElement | null>(null)
-
 const resourcesSrc = computed(() => {
   return getCurrentSrc(props.resourcesData)
 })
@@ -32,28 +32,6 @@ const gradientClasses = computed(() => [
   'absolute bottom-[-2px] left-[-2px] right-[-2px]',
   props.gradient,
 ])
-
-// 비디오를 처음부터 재생하는 메서드
-const restartVideo = () => {
-  if (!videoRef.value) return
-
-  videoRef.value.currentTime = 0
-  videoRef.value.play().catch(err => {
-    console.warn('Video play failed:', err)
-  })
-}
-
-// src 변경 시 비디오 다시 로드
-watch(resourcesSrc, () => {
-  if (!videoRef.value) return
-
-  videoRef.value.currentTime = 0
-  videoRef.value.load()
-})
-
-defineExpose({
-  restartVideo,
-})
 </script>
 
 <template>
@@ -69,18 +47,13 @@ defineExpose({
     />
 
     <!-- 비디오 타입 -->
-    <video
+    <AtomsVideo
       v-else-if="isTypeVideo(resourcesData?.resource_type)"
-      ref="videoRef"
-      class="w-full h-full object-cover"
+      :src="resourcesSrc"
       :poster="posterSrc"
-      autoplay
-      muted
-      loop
-      playsinline
-    >
-      <source :src="resourcesSrc" type="video/mp4" />
-    </video>
+      :play="videoPlay"
+      class="w-full h-full object-cover"
+    />
 
     <i v-if="dimmed" class="absolute inset-0 bg-black/50" />
     <i v-if="gradient" :class="gradientClasses" />
diff --git a/layers/middleware/init.route.global.ts b/layers/middleware/init.route.global.ts
index 590fa38..16464b1 100644
--- a/layers/middleware/init.route.global.ts
+++ b/layers/middleware/init.route.global.ts
@@ -1,4 +1,4 @@
-import type { GameDataRequest, GameDataValue } from '#layers/types/api/gameData'
+import type { GameDataValue } from '#layers/types/api/gameData'
 
 export default defineNuxtRouteMiddleware(async (to, _from) => {
   const nuxtApp = useNuxtApp()
@@ -59,12 +59,11 @@ export default defineNuxtRouteMiddleware(async (to, _from) => {
       to.path.includes('/error') ||
       to.path.includes('/inspection')
     ) {
-      console.log("🚀 ~ init.route.global error 페이지는 API 호출하지 않음")
+      console.log('🚀 ~ init.route.global error 페이지는 API 호출하지 않음')
       showError(
         createError({
           statusCode: 500,
-          statusMessage:
-            'Internal Server Error',
+          statusMessage: 'Internal Server Error',
           fatal: false, // 즉시 에러 페이지로
           data: { reason: 'post-not-found' },
         })
diff --git a/layers/templates/FxVideo01/index.vue b/layers/templates/FxVideo01/index.vue
index 7fe6822..7dfc555 100644
--- a/layers/templates/FxVideo01/index.vue
+++ b/layers/templates/FxVideo01/index.vue
@@ -6,7 +6,6 @@ import {
   getComponentContainer,
 } from '#layers/utils/dataUtil'
 import { getYouTubeThumbnail } from '#layers/utils/youtubeUtil'
-import type { Splide as SplideType } from '@splidejs/splide'
 import type { PageDataTemplateComponents } from '#layers/types/api/pageData'
 import type { OperateGroupItem } from '#layers/types/api/operateResources'
 
@@ -84,7 +83,8 @@ const ITEMS_PER_PAGE = {
   MOBILE: 8,
   DESKTOP: 12,
 } as const
-const currentRecommendedIndex = ref(1)
+
+const currentRecommendedIndex = ref<number | null>(null)
 const currentRecentPage = ref(1)
 
 // 추천 영상 (option01 === 1)
@@ -110,10 +110,6 @@ const hasMore = computed(
   () => visibleVideos.value.length < recentVideos.value.length
 )
 
-const handleSplideMove = (_splide: SplideType, newIndex: number) => {
-  currentRecommendedIndex.value = newIndex + 1
-}
-
 const handleVideoClick = (url: string) => {
   modalStore.handleOpenYoutube({ youtubeUrl: url })
 }
@@ -142,12 +138,12 @@ const handleLoadMoreRecent = () => {
         class="relative content-static bg-[#fff] rounded-[12px] md:rounded-[16px]"
       >
         <BlocksSlideFade
+          v-model:index="currentRecommendedIndex"
           :autoplay="recommendedVideos.length > 1"
           :interval="3000"
           :arrows="recommendedVideos.length > 1"
           :pagination="false"
           :drag="false"
-          @move="handleSplideMove"
         >
           <SplideSlide
             v-for="(item, index) in recommendedVideos"
@@ -192,7 +188,7 @@ const handleLoadMoreRecent = () => {
         </BlocksSlideFade>
         <div v-if="recommendedVideos.length > 1" class="splide-pagination">
           <span class="font-[700] text-[#1F1F1F]">
-            {{ currentRecommendedIndex }}
+            {{ currentRecommendedIndex + 1 }}
           </span>
           /
           <span>{{ recommendedVideos.length }}</span>
diff --git a/layers/templates/GrDetail01/index.vue b/layers/templates/GrDetail01/index.vue
index c04dd61..502e4a9 100644
--- a/layers/templates/GrDetail01/index.vue
+++ b/layers/templates/GrDetail01/index.vue
@@ -4,7 +4,6 @@ import {
   getComponentContainer,
   getComponentGroupAry,
 } from '#layers/utils/dataUtil'
-import type { Splide as SplideType } from '@splidejs/splide'
 import type { PageDataTemplateComponents } from '#layers/types/api/pageData'
 
 interface Props {
@@ -30,14 +29,6 @@ const goToSlide = (index: number) => {
     splide.go(index)
   }
 }
-
-const handleSplideMounted = (splide: SplideType) => {
-  currentSlideIndex.value = splide.index
-}
-
-const handleSplideMove = (_splide: SplideType, newIndex: number) => {
-  currentSlideIndex.value = newIndex
-}
 </script>
 
 <template>
@@ -45,17 +36,17 @@ const handleSplideMove = (_splide: SplideType, newIndex: number) => {
     <BlocksSlideFade
       v-if="slideData"
       ref="splideRef"
+      v-model:index="currentSlideIndex"
       :autoplay="true"
       :arrows="false"
       :pagination="false"
       class="h-full"
-      @move="handleSplideMove"
-      @mounted="handleSplideMounted"
     >
       <SplideSlide v-for="(item, index) in slideData" :key="index">
         <WidgetsBackground
           v-if="hasComponentGroup(item, 'background')"
           :resources-data="getComponentGroup(item, 'background')"
+          :video-play="currentSlideIndex === index"
         />
         <div class="content-standard">
           <WidgetsMainTitle
diff --git a/layers/templates/GrDetail02/index.vue b/layers/templates/GrDetail02/index.vue
index c648430..d937baa 100644
--- a/layers/templates/GrDetail02/index.vue
+++ b/layers/templates/GrDetail02/index.vue
@@ -13,6 +13,8 @@ interface Props {
 
 const props = defineProps<Props>()
 
+const currentSlideIndex = ref<number | null>(null)
+
 const slideData = computed(() => {
   return getComponentContainer(props.components, 'group_sets', { maxLength: 7 })
 })
@@ -29,6 +31,7 @@ const paginationData = computed(() => {
 <template>
   <section class="section-standard">
     <BlocksSlideThumbnail
+      v-model:index="currentSlideIndex"
       :thumbnail-data="thumbnailData"
       :pagination-data="paginationData"
     >
@@ -36,6 +39,7 @@ const paginationData = computed(() => {
         <WidgetsBackground
           v-if="hasComponentGroup(item, 'background')"
           :resources-data="getComponentGroup(item, 'background')"
+          :video-play="currentSlideIndex === index"
         />
         <div class="content-standard">
           <WidgetsMainTitle
diff --git a/layers/templates/GrDetail03/index.vue b/layers/templates/GrDetail03/index.vue
index 86fdc36..70a547e 100644
--- a/layers/templates/GrDetail03/index.vue
+++ b/layers/templates/GrDetail03/index.vue
@@ -6,7 +6,6 @@ import {
   getComponentGroup,
   hasComponentGroup,
 } from '#layers/utils/dataUtil'
-import type { Splide as SplideType } from '@splidejs/splide'
 import type {
   PageDataTemplateComponents,
   PageDataTemplateComponent,
@@ -21,7 +20,7 @@ const props = defineProps<Props>()
 
 const { getCurrentSrc } = useResponsiveSrc()
 
-const currentSlideIndex = ref<number>(0)
+const currentSlideIndex = ref<number | null>(null)
 
 const slideData = computed(() => {
   return getComponentContainer(props.components, 'group_sets', {
@@ -37,27 +36,24 @@ const paginationData = computed(() => {
   return getComponentGroupAry(props.components, 'pagination')
 })
 
-const videoSrc = (item: PageDataTemplateComponent) => {
+const getVideoSrc = (item: PageDataTemplateComponent) => {
   const videoData = getComponentGroup(item, 'video')
   return getCurrentSrc(videoData)
 }
-
-const handleSplideMove = (_splide: SplideType, newIndex: number) => {
-  currentSlideIndex.value = newIndex
-}
 </script>
 
 <template>
   <section class="section-standard">
     <BlocksSlideThumbnail
+      v-model:index="currentSlideIndex"
       :thumbnail-data="thumbnailData"
       :pagination-data="paginationData"
-      @move="handleSplideMove"
     >
       <SplideSlide v-for="(item, index) in slideData" :key="index">
         <WidgetsBackground
           v-if="hasComponentGroup(item, 'background')"
           :resources-data="getComponentGroup(item, 'background')"
+          :video-play="currentSlideIndex === index"
         />
         <WidgetsBackground
           v-if="hasComponentGroup(item, 'foreground')"
@@ -89,12 +85,8 @@ const handleSplideMove = (_splide: SplideType, newIndex: number) => {
           />
           <AtomsVideo
             v-if="hasComponentGroup(item, 'video')"
-            :src="videoSrc(item)"
+            :src="getVideoSrc(item)"
             :play="currentSlideIndex === index"
-            autoplay
-            muted
-            loop
-            playsinline
             class="aspect-[16/10] w-[258px] mt-8 md:w-[496px] md:mt-10"
           />
         </div>
diff --git a/layers/templates/GrGallery01/index.vue b/layers/templates/GrGallery01/index.vue
index 8d15b37..7c4ca59 100644
--- a/layers/templates/GrGallery01/index.vue
+++ b/layers/templates/GrGallery01/index.vue
@@ -19,7 +19,6 @@ const props = defineProps<Props>()
 const { locale } = useI18n()
 const { sendLog, useAnalyticsLogDataDirect } = useAnalytics()
 
-const slideThumbnailRef = ref<any>(null)
 const playingSlideIndex = ref<number | null>(null)
 let stopVideoTimeoutId: ReturnType<typeof setTimeout> | null = null
 
@@ -65,7 +64,7 @@ const handleVideoClick = (index: number) => {
   )
 }
 
-const stopVideo = () => {
+const handleSplideMove = () => {
   // 이전 타이머 정리
   if (stopVideoTimeoutId) {
     clearTimeout(stopVideoTimeoutId)
@@ -104,14 +103,13 @@ onBeforeUnmount(() => {
         class="title-md max-w-[944px]"
       />
       <BlocksSlideThumbnail
-        ref="slideThumbnailRef"
         :thumbnail-data="slideData"
         variant="media"
         class="mt-[24px] md:mt-[32px]"
         :pagination-data="paginationData"
         :arrows="slideData.length > 5"
-        @move="stopVideo"
         @arrow-click="onArrowClick"
+        @move="handleSplideMove"
       >
         <SplideSlide
           v-for="(item, index) in slideData"
diff --git a/layers/templates/GrVisual03/index.vue b/layers/templates/GrVisual03/index.vue
index eed919e..dfe9928 100644
--- a/layers/templates/GrVisual03/index.vue
+++ b/layers/templates/GrVisual03/index.vue
@@ -18,6 +18,8 @@ const props = defineProps<Props>()
 const { locale } = useI18n()
 const { sendLog, useAnalyticsLogDataDirect } = useAnalytics()
 
+const currentSlideIndex = ref<number | null>(null)
+
 const slideData = computed(() => {
   return getComponentContainer(props.components, 'group_sets')
 })
@@ -36,6 +38,7 @@ const onArrowClick = direction => {
   <section class="section-standard">
     <BlocksSlideFade
       v-if="slideData"
+      v-model:index="currentSlideIndex"
       :arrows="slideData.length > 1"
       :pagination="slideData.length > 1"
       class="h-full"
@@ -46,6 +49,7 @@ const onArrowClick = direction => {
         <WidgetsBackground
           v-if="hasComponentGroup(item, 'background')"
           :resources-data="getComponentGroup(item, 'background')"
+          :video-play="currentSlideIndex === index"
         />
         <div class="content-standard gap-3 md:gap-5">
           <WidgetsSubTitle

From d8a4cfce262ba9ca125d3e93581bdf85ab6284f8 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 16:18:57 +0900
Subject: [PATCH 09/19] =?UTF-8?q?fix.=20[PWT-133]=20=EC=83=81=EC=84=B8=20?=
 =?UTF-8?q?=EC=86=8C=EA=B0=9C=20=EC=9D=B4=EC=A4=91=20=EB=A0=88=EC=9D=B4?=
 =?UTF-8?q?=EC=96=B4=20=ED=83=80=EC=9E=85=20>=20=EB=A9=94=EC=9D=B8=20?=
 =?UTF-8?q?=ED=83=80=EC=9D=B4=ED=8B=80,=20=EB=94=94=EC=8A=A4=ED=81=AC?=
 =?UTF-8?q?=EB=A6=BD=EC=85=98=20=EA=B8=80=EC=9E=90=EC=88=98=20=EC=98=A4?=
 =?UTF-8?q?=EB=A5=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/templates/GrDetail03/index.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/layers/templates/GrDetail03/index.vue b/layers/templates/GrDetail03/index.vue
index 70a547e..1e4faa7 100644
--- a/layers/templates/GrDetail03/index.vue
+++ b/layers/templates/GrDetail03/index.vue
@@ -65,18 +65,18 @@ const getVideoSrc = (item: PageDataTemplateComponent) => {
           <WidgetsSubTitle
             v-if="hasComponentGroup(item, 'category')"
             :resources-data="getComponentGroup(item, 'category')"
-            class="title-xs max-w-[540px] mb-2 line-clamp-1 text-left md:mb-5"
+            class="title-xs max-w-[540px] mb-2 text-left md:mb-5"
           />
           <WidgetsMainTitle
             v-if="hasComponentGroup(item, 'mainTitle')"
             :resources-data="getComponentGroup(item, 'mainTitle')"
-            class="title-lg max-w-[540px] line-clamp-1 text-left"
+            class="title-lg max-w-[540px] text-left"
           />
           <WidgetsSubTitle
             v-if="hasComponentGroup(item, 'subTitle')"
             :resources-data="getComponentGroup(item, 'subTitle')"
             tag="p"
-            class="title-md max-w-[540px] mt-1 line-clamp-1 text-left"
+            class="title-md max-w-[540px] mt-1 text-left"
           />
           <WidgetsDescription
             v-if="hasComponentGroup(item, 'description')"

From f5fe7e992d6e0b10e42d96cfbb7fde13f5a39c2c Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 16:43:44 +0900
Subject: [PATCH 10/19] =?UTF-8?q?fix.=20gnb=20menu=20=EB=8D=B0=EC=9D=B4?=
 =?UTF-8?q?=ED=84=B0=20=EC=97=86=EB=8A=94=20=EA=B2=BD=EC=9A=B0=20=EB=8C=80?=
 =?UTF-8?q?=EC=9D=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/layouts/Header.vue | 176 ++++++++++++++-------------
 1 file changed, 92 insertions(+), 84 deletions(-)

diff --git a/layers/components/layouts/Header.vue b/layers/components/layouts/Header.vue
index ac082a6..b7128b3 100644
--- a/layers/components/layouts/Header.vue
+++ b/layers/components/layouts/Header.vue
@@ -41,6 +41,9 @@ const officialItemWidths = ref<number[]>([])
 const overflowNam = ref<number>(0)
 
 const gnbData = computed(() => gameData.value?.gnb)
+const hasGnbMenus = computed(
+  () => gnbData.value?.menus && Object.keys(gnbData.value?.menus).length > 0
+)
 const gnb1depthButtonData = computed(
   () => gnbData.value?.buttons[0]?.button_json as GameDataResourceGroup
 )
@@ -265,89 +268,44 @@ onMounted(() => {
             </AtomsLocaleLink>
           </div>
           <nav :class="['nav-list', { 'is-mounted': isMounted }]">
-            <div v-if="gnbData?.menus" class="official custom-theme-scrollbar">
-              <div
-                v-for="(gnbItem, key) in gnbData?.menus"
-                :key="key"
-                class="nav-item"
-                :class="{
-                  'is-hidden':
-                    overflowNam > 0 &&
-                    Number(key) >=
-                      Object.keys(gnbData?.menus).length - overflowNam,
-                }"
-              >
-                <AtomsLocaleLink
-                  :to="isNotClickable(gnbItem) ? '#' : gnbItem.url_path"
-                  :target="gnbItem.link_target"
-                  :class="[
-                    'nav-1depth',
-                    { 'has-link': !isNotClickable(gnbItem) },
-                    { active: isNavItemActive(gnbItem) },
-                  ]"
-                  @click="handleMenuClose"
-                >
-                  <span>{{ gnbItem.menu_name }}</span>
-                  <AtomsIconsWebLinkLine
-                    v-if="gnbItem.link_target === '_blank'"
-                  />
-                  <AtomsIconsArrowDownFill
-                    v-if="has2depthButton(gnbItem)"
-                    class="hidden md:block"
-                  />
-                  <AtomsIconsArrowRightLine
-                    v-if="!has2depthButton(gnbItem)"
-                    class="ml-auto md:hidden"
-                  />
-                </AtomsLocaleLink>
-                <Transition name="fade">
-                  <div v-if="has2depthButton(gnbItem)" class="nav-2depth">
-                    <ul>
-                      <li
-                        v-for="child in gnbItem.children"
-                        :key="child.menu_name"
-                      >
-                        <AtomsLocaleLink
-                          :to="child.url_path"
-                          :target="child.link_target"
-                          @click="handleMenuClose"
-                        >
-                          <span>{{ child.menu_name }}</span>
-                          <AtomsIconsWebLinkLine
-                            v-if="child.link_target === '_blank'"
-                          />
-                        </AtomsLocaleLink>
-                      </li>
-                    </ul>
-                  </div>
-                </Transition>
-              </div>
-            </div>
-            <div v-if="gnbData?.menus && overflowNam > 0" class="more">
-              <button class="btn-more">
-                <AtomsIconsOptionHorizontalFill class="mx-auto" />
-                <span class="sr-only">more</span>
-              </button>
-              <div class="more-list">
-                <div class="list-inner">
-                  <div
-                    v-for="(gnbItem, key) in gnbData?.menus"
-                    :key="key"
-                    :class="{
-                      hidden:
-                        Number(key) <
+            <template v-if="hasGnbMenus">
+              <div class="official custom-theme-scrollbar">
+                <div
+                  v-for="(gnbItem, key) in gnbData?.menus"
+                  :key="key"
+                  class="nav-item"
+                  :class="{
+                    'is-hidden':
+                      overflowNam > 0 &&
+                      Number(key) >=
                         Object.keys(gnbData?.menus).length - overflowNam,
-                    }"
+                  }"
+                >
+                  <AtomsLocaleLink
+                    :to="isNotClickable(gnbItem) ? '#' : gnbItem.url_path"
+                    :target="gnbItem.link_target"
+                    :class="[
+                      'nav-1depth',
+                      { 'has-link': !isNotClickable(gnbItem) },
+                      { active: isNavItemActive(gnbItem) },
+                    ]"
+                    @click="handleMenuClose"
                   >
-                    <AtomsLocaleLink
-                      :to="gnbItem.url_path"
-                      :target="gnbItem.link_target"
-                      :class="`${isNavItemActive(gnbItem) ? 'active' : ''}`"
-                      @click="handleMenuClose"
-                    >
-                      <span>{{ gnbItem.menu_name }}</span>
-                    </AtomsLocaleLink>
-                    <div v-if="gnbItem.children">
+                    <span>{{ gnbItem.menu_name }}</span>
+                    <AtomsIconsWebLinkLine
+                      v-if="gnbItem.link_target === '_blank'"
+                    />
+                    <AtomsIconsArrowDownFill
+                      v-if="has2depthButton(gnbItem)"
+                      class="hidden md:block"
+                    />
+                    <AtomsIconsArrowRightLine
+                      v-if="!has2depthButton(gnbItem)"
+                      class="ml-auto md:hidden"
+                    />
+                  </AtomsLocaleLink>
+                  <Transition name="fade">
+                    <div v-if="has2depthButton(gnbItem)" class="nav-2depth">
                       <ul>
                         <li
                           v-for="child in gnbItem.children"
@@ -356,6 +314,7 @@ onMounted(() => {
                           <AtomsLocaleLink
                             :to="child.url_path"
                             :target="child.link_target"
+                            @click="handleMenuClose"
                           >
                             <span>{{ child.menu_name }}</span>
                             <AtomsIconsWebLinkLine
@@ -365,10 +324,56 @@ onMounted(() => {
                         </li>
                       </ul>
                     </div>
+                  </Transition>
+                </div>
+              </div>
+              <div v-if="overflowNam > 0" class="more">
+                <button class="btn-more">
+                  <AtomsIconsOptionHorizontalFill class="mx-auto" />
+                  <span class="sr-only">more</span>
+                </button>
+                <div class="more-list">
+                  <div class="list-inner">
+                    <div
+                      v-for="(gnbItem, key) in gnbData?.menus"
+                      :key="key"
+                      :class="{
+                        hidden:
+                          Number(key) <
+                          Object.keys(gnbData?.menus).length - overflowNam,
+                      }"
+                    >
+                      <AtomsLocaleLink
+                        :to="gnbItem.url_path"
+                        :target="gnbItem.link_target"
+                        :class="`${isNavItemActive(gnbItem) ? 'active' : ''}`"
+                        @click="handleMenuClose"
+                      >
+                        <span>{{ gnbItem.menu_name }}</span>
+                      </AtomsLocaleLink>
+                      <div v-if="gnbItem.children">
+                        <ul>
+                          <li
+                            v-for="child in gnbItem.children"
+                            :key="child.menu_name"
+                          >
+                            <AtomsLocaleLink
+                              :to="child.url_path"
+                              :target="child.link_target"
+                            >
+                              <span>{{ child.menu_name }}</span>
+                              <AtomsIconsWebLinkLine
+                                v-if="child.link_target === '_blank'"
+                              />
+                            </AtomsLocaleLink>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
                   </div>
                 </div>
               </div>
-            </div>
+            </template>
             <div v-if="gameData?.event_banner" class="event">
               <div class="nav-item">
                 <AtomsLocaleLink
@@ -569,11 +574,14 @@ onMounted(() => {
   @apply px-6;
 }
 
-.event {
-  @apply relative pr-1 md:ml-[64px] md:pr-0
+.official ~ .event {
+  @apply md:ml-[64px]
   before:content-[''] before:block before:h-px before:mb-2 before:mx-3 before:bg-theme-foreground-reversal-8 md:before:hidden
   after:content-[''] after:absolute md:after:top-[50%] md:after:left-[-32px] md:after:w-[1px] md:after:h-[16px] md:after:bg-theme-foreground-gray-750 md:after:translate-y-[-50%];
 }
+.event {
+  @apply relative pr-1 md:pr-0;
+}
 
 .is-hidden {
   @apply hidden;

From 85e731197e5517d77f5abc392a052b40ed40118f Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 17:10:23 +0900
Subject: [PATCH 11/19] =?UTF-8?q?fix.=20gnb=20=EC=BD=94=EB=93=9C=20?=
 =?UTF-8?q?=EB=A6=AC=ED=8C=A9=ED=86=A0=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/layouts/Header.vue     | 16 ++++++++++------
 layers/templates/FxPreregist01/index.vue |  1 +
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/layers/components/layouts/Header.vue b/layers/components/layouts/Header.vue
index b7128b3..9de1563 100644
--- a/layers/components/layouts/Header.vue
+++ b/layers/components/layouts/Header.vue
@@ -41,9 +41,13 @@ const officialItemWidths = ref<number[]>([])
 const overflowNam = ref<number>(0)
 
 const gnbData = computed(() => gameData.value?.gnb)
-const hasGnbMenus = computed(
-  () => gnbData.value?.menus && Object.keys(gnbData.value?.menus).length > 0
-)
+const hasGnbMenus = computed(() => {
+  const menus = gnbData.value?.menus
+  if (!menus) return false
+  if (typeof menus !== 'object') return false
+  return Object.keys(menus).length > 0
+})
+
 const gnb1depthButtonData = computed(
   () => gnbData.value?.buttons[0]?.button_json as GameDataResourceGroup
 )
@@ -377,9 +381,9 @@ onMounted(() => {
             <div v-if="gameData?.event_banner" class="event">
               <div class="nav-item">
                 <AtomsLocaleLink
-                  :to="gameData.event_banner?.page_url"
+                  :to="gameData?.event_banner?.page_url"
                   :target="
-                    gameData.event_banner?.link_type === 1 ? '_self' : '_blank'
+                    gameData?.event_banner?.link_type === 1 ? '_self' : '_blank'
                   "
                   class="nav-1depth text-gradient-pink"
                   @click="handleMenuClose"
@@ -484,7 +488,7 @@ onMounted(() => {
 
 .nav-area {
   @apply flex flex-col w-[100vw] max-w-[360px] min-w-[320px] bg-theme-foreground-10 translate-x-[-100%]
-  md:inline-flex md:flex-row md:w-auto md:max-w-[100%] md:h-full md:pl-[40px] md:items-center md:bg-transparent md:transform-none;
+  md:flex-row md:w-auto md:max-w-[100%] md:h-full md:pl-[40px] md:items-center md:bg-transparent md:transform-none;
 }
 
 .nav-logo {
diff --git a/layers/templates/FxPreregist01/index.vue b/layers/templates/FxPreregist01/index.vue
index b05654a..db64f76 100644
--- a/layers/templates/FxPreregist01/index.vue
+++ b/layers/templates/FxPreregist01/index.vue
@@ -214,6 +214,7 @@ const isRunButtonVisible = (marketType?: Platform): boolean => {
 
 // Handler
 const handlePreregistClick = () => {
+  console.log('handlePreregistClick', preregistModalRef.value)
   preregistModalRef.value?.handleOpenPreregist()
 }
 </script>

From 5dc9a9973cd2d59a56616dc58bbd30072e0fecc3 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 17:15:32 +0900
Subject: [PATCH 12/19] =?UTF-8?q?fix.=20gnb=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/layouts/Header.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/layers/components/layouts/Header.vue b/layers/components/layouts/Header.vue
index 9de1563..39e06b1 100644
--- a/layers/components/layouts/Header.vue
+++ b/layers/components/layouts/Header.vue
@@ -488,7 +488,7 @@ onMounted(() => {
 
 .nav-area {
   @apply flex flex-col w-[100vw] max-w-[360px] min-w-[320px] bg-theme-foreground-10 translate-x-[-100%]
-  md:flex-row md:w-auto md:max-w-[100%] md:h-full md:pl-[40px] md:items-center md:bg-transparent md:transform-none;
+  md:inline-flex md:flex-row md:w-auto md:max-w-[100%] md:h-full md:pl-[40px] md:items-center md:bg-transparent md:transform-none;
 }
 
 .nav-logo {

From db7bb8a5828745771216ecf98a7f0d985ac0839c Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 17:53:48 +0900
Subject: [PATCH 13/19] =?UTF-8?q?fix.=20=EC=82=AC=EC=A0=84=20=EB=93=B1?=
 =?UTF-8?q?=EB=A1=9D=20=EC=97=90=EB=9F=AC=20=ED=99=95=EC=9D=B8=EC=9D=84=20?=
 =?UTF-8?q?=EC=9C=84=ED=95=9C=20=ED=85=8C=EC=8A=A4=ED=8A=B8=20=EC=BD=94?=
 =?UTF-8?q?=EB=93=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/widgets/modal/Preregist.vue | 10 +---------
 layers/templates/FxPreregist01/index.vue      |  7 ++++++-
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/layers/components/widgets/modal/Preregist.vue b/layers/components/widgets/modal/Preregist.vue
index 5662fdf..faedf5b 100644
--- a/layers/components/widgets/modal/Preregist.vue
+++ b/layers/components/widgets/modal/Preregist.vue
@@ -3,7 +3,7 @@ import { globalDateFormat } from '@seed-next/date'
 import { PREREGIST_ERROR_CODE } from '#layers/composables/usePreregist'
 
 interface Props {
-  preregistCode?: string
+  preregistCode: string
   tm?: (key: string) => string
 }
 
@@ -109,14 +109,6 @@ const showErrorModal = (code: number): void => {
  * 토큰 및 사전등록 여부 검증
  */
 const checkValidation = async (): Promise<boolean> => {
-  if (!props.preregistCode) {
-    if (import.meta.dev) {
-      // eslint-disable-next-line no-console
-      console.error('[Preregist] preregistCode is required')
-    }
-    return false
-  }
-
   try {
     // 토큰 검증
     const accessToken = csrGetAccessToken()
diff --git a/layers/templates/FxPreregist01/index.vue b/layers/templates/FxPreregist01/index.vue
index db64f76..c679a36 100644
--- a/layers/templates/FxPreregist01/index.vue
+++ b/layers/templates/FxPreregist01/index.vue
@@ -214,7 +214,12 @@ const isRunButtonVisible = (marketType?: Platform): boolean => {
 
 // Handler
 const handlePreregistClick = () => {
-  console.log('handlePreregistClick', preregistModalRef.value)
+  console.log('handlePreregistClick value', preregistModalRef.value)
+  console.log(
+    'has method?',
+    preregistModalRef.value &&
+      typeof preregistModalRef.value.handleOpenPreregist
+  )
   preregistModalRef.value?.handleOpenPreregist()
 }
 </script>

From 30269f9fc6bdf20b338b33b2c32a9f55f1bc1a99 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 18:24:20 +0900
Subject: [PATCH 14/19] =?UTF-8?q?fix.=20[PWT-127]=20=EB=A7=88=EC=BC=93=20U?=
 =?UTF-8?q?RL=20=EC=8A=A4=ED=86=A0=EB=B8=8C=20=EC=84=A4=EC=A0=95=20?=
 =?UTF-8?q?=EB=AF=B8=EB=85=B8=EC=B6=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/templates/FxPreregist01/index.vue | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/layers/templates/FxPreregist01/index.vue b/layers/templates/FxPreregist01/index.vue
index c679a36..b05654a 100644
--- a/layers/templates/FxPreregist01/index.vue
+++ b/layers/templates/FxPreregist01/index.vue
@@ -214,12 +214,6 @@ const isRunButtonVisible = (marketType?: Platform): boolean => {
 
 // Handler
 const handlePreregistClick = () => {
-  console.log('handlePreregistClick value', preregistModalRef.value)
-  console.log(
-    'has method?',
-    preregistModalRef.value &&
-      typeof preregistModalRef.value.handleOpenPreregist
-  )
   preregistModalRef.value?.handleOpenPreregist()
 }
 </script>

From 1b256db1d348bd68d1ee561d65c043450e6b3fe0 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 18:45:29 +0900
Subject: [PATCH 15/19] =?UTF-8?q?fix.=20=ED=81=B4=EB=9D=BC=EC=9D=B4?=
 =?UTF-8?q?=EC=96=B8=ED=8A=B8=20=ED=8C=9D=EC=97=85=20=EB=8B=A4=EA=B5=AD?=
 =?UTF-8?q?=EC=96=B4=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/widgets/modal/Client.vue | 32 ++++++----------------
 1 file changed, 9 insertions(+), 23 deletions(-)

diff --git a/layers/components/widgets/modal/Client.vue b/layers/components/widgets/modal/Client.vue
index ce8a93a..1f96e6f 100644
--- a/layers/components/widgets/modal/Client.vue
+++ b/layers/components/widgets/modal/Client.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 const { isShowCheckLauncher, isShowDownloadLauncher, downloadLauncher } =
   useCheckGameStart()
+const { tm } = useI18n()
 </script>
 
 <template>
@@ -13,34 +14,19 @@ const { isShowCheckLauncher, isShowDownloadLauncher, downloadLauncher } =
     close-class="absolute top-[16px] right-[24px]"
   >
     <span class="ico-loading"></span>
-    <!-- [TODO] i18n 적용 -->
-    <!-- <p class="text-check">{{ tm('Common_Message_Check_Client').txt }}</p> -->
-    <p class="text-check">pc 클라이언트 실행 중...</p>
+    <p class="text-check">{{ tm('Alert_Client_Running') }}</p>
     <Transition name="fade">
       <div v-if="isShowDownloadLauncher" class="client-area">
-        <!-- <p
-              v-dompurify-html="tm('Common_Message_Download_Client').txt"
-              class="text-info"
-            ></p>
-            <button type="button" class="btn-download" @click="downloadLauncher">
-              {{ tm('Common_Message_Install').txt }}
-            </button>
-            <p
-              v-dompurify-html="tm('Common_Message_Download_Close').txt"
-              class="text-tip"
-            ></p> -->
-        <p class="text-info">
-          PC 클라이언트가 실행되지 않나요?
-          <br />
-          다운로드 전이라면 다운로드 후 진행해주세요
-        </p>
+        <p
+          v-dompurify-html="tm('Alert_Client_Not_Running')"
+          class="text-info"
+        ></p>
+
         <AtomsButtonVariant class="max-w-[300px]" @click="downloadLauncher">
-          다운로드
+          {{ tm('Text_Download') }}
         </AtomsButtonVariant>
         <p
-          v-dompurify-html="
-            '*PC 클라이언트가 정상 실행되었다면 팝업을 닫아 주세요.'
-          "
+          v-dompurify-html="tm('Alert_Client_Run_Normally')"
           class="text-tip"
         ></p>
       </div>

From dcf5164e2af9d92fbba24afaf84532b7306181a1 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 19:28:45 +0900
Subject: [PATCH 16/19] =?UTF-8?q?fix:=20[=EB=94=94=EC=9E=90=EC=9D=B8QA]=20?=
 =?UTF-8?q?=EB=B3=B5=EC=A0=9C=EB=90=9C=20=EC=8A=AC=EB=9D=BC=EC=9D=B4?=
 =?UTF-8?q?=EB=93=9C=EC=97=90=EB=8F=84=20=ED=99=9C=EC=84=B1=ED=99=94?=
 =?UTF-8?q?=EB=90=98=EB=8A=94=20=ED=98=84=EC=83=81=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/blocks/slide/CenterFocus.vue   | 20 +++++++++++--------
 .../blocks/slide/CenterHighlight.vue          | 10 ++++++----
 2 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/layers/components/blocks/slide/CenterFocus.vue b/layers/components/blocks/slide/CenterFocus.vue
index 302d997..cdbc6dd 100644
--- a/layers/components/blocks/slide/CenterFocus.vue
+++ b/layers/components/blocks/slide/CenterFocus.vue
@@ -142,12 +142,12 @@ const handleMove = (
   transition: transform 0.6s ease-out;
   opacity: 0.3;
 }
-.center-focus:deep(.splide__slide.is-active) {
+.center-focus:deep(.splide__slide.is-active:not(.splide__slide--clone)) {
   width: var(--banner-width-mo-container);
 }
-.center-focus:deep(.splide__slide.is-active),
-.center-focus:deep(.splide__slide.is-next),
-.center-focus:deep(.splide__slide.is-prev) {
+.center-focus:deep(.splide__slide.is-active:not(.splide__slide--clone)),
+.center-focus:deep(.splide__slide.is-next:not(.splide__slide--clone)),
+.center-focus:deep(.splide__slide.is-prev:not(.splide__slide--clone)) {
   opacity: 1;
 }
 
@@ -157,7 +157,8 @@ const handleMove = (
   background-color: #191919;
   transition: all 0.6s ease-out;
 }
-.center-focus:deep(.splide__slide.is-active) .slide-inner {
+.center-focus:deep(.splide__slide.is-active:not(.splide__slide--clone))
+  .slide-inner {
   width: var(--banner-width-mo-active);
   height: var(--banner-height-mo-active);
 }
@@ -166,7 +167,9 @@ const handleMove = (
   opacity: 0.5;
   transition: all 0.6s ease-out;
 }
-.center-focus:deep(.splide__slide.is-active) .slide-inner .inner-content {
+.center-focus:deep(.splide__slide.is-active:not(.splide__slide--clone))
+  .slide-inner
+  .inner-content {
   opacity: 1;
 }
 
@@ -181,10 +184,11 @@ const handleMove = (
     width: var(--banner-width-pc);
     height: var(--banner-height-pc);
   }
-  .center-focus:deep(.splide__slide.is-active) {
+  .center-focus:deep(.splide__slide.is-active:not(.splide__slide--clone)) {
     width: var(--banner-width-pc-container);
   }
-  .center-focus:deep(.splide__slide.is-active) .slide-inner {
+  .center-focus:deep(.splide__slide.is-active:not(.splide__slide--clone))
+    .slide-inner {
     width: var(--banner-width-pc-active);
     height: var(--banner-height-pc-active);
   }
diff --git a/layers/components/blocks/slide/CenterHighlight.vue b/layers/components/blocks/slide/CenterHighlight.vue
index 46f9d5a..bf5e403 100644
--- a/layers/components/blocks/slide/CenterHighlight.vue
+++ b/layers/components/blocks/slide/CenterHighlight.vue
@@ -147,10 +147,11 @@ const handleMove = (
   height: var(--banner-height-mo);
   transition: all 0.6s ease-out;
 }
-.center-highlight:deep(.splide__slide.is-active) {
+.center-highlight:deep(.splide__slide.is-active:not(.splide__slide--clone)) {
   width: var(--banner-width-mo-container);
 }
-.center-highlight:deep(.splide__slide.is-active) .slide-inner {
+.center-highlight:deep(.splide__slide.is-active:not(.splide__slide--clone))
+  .slide-inner {
   width: var(--banner-width-mo-active);
   height: var(--banner-height-mo-active);
 }
@@ -166,10 +167,11 @@ const handleMove = (
     width: var(--banner-width-pc);
     height: var(--banner-height-pc);
   }
-  .center-highlight:deep(.splide__slide.is-active) {
+  .center-highlight:deep(.splide__slide.is-active:not(.splide__slide--clone)) {
     width: var(--banner-width-pc-container);
   }
-  .center-highlight:deep(.splide__slide.is-active) .slide-inner {
+  .center-highlight:deep(.splide__slide.is-active:not(.splide__slide--clone))
+    .slide-inner {
     width: var(--banner-width-pc-active);
     height: var(--banner-height-pc-active);
   }

From 52b105f4c12f8fa4bf91baecbdab539338d8ca25 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 19:31:24 +0900
Subject: [PATCH 17/19] =?UTF-8?q?fix.=20CenterFocus=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/slide/CenterFocus.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/layers/components/blocks/slide/CenterFocus.vue b/layers/components/blocks/slide/CenterFocus.vue
index cdbc6dd..9f6c64f 100644
--- a/layers/components/blocks/slide/CenterFocus.vue
+++ b/layers/components/blocks/slide/CenterFocus.vue
@@ -146,8 +146,8 @@ const handleMove = (
   width: var(--banner-width-mo-container);
 }
 .center-focus:deep(.splide__slide.is-active:not(.splide__slide--clone)),
-.center-focus:deep(.splide__slide.is-next:not(.splide__slide--clone)),
-.center-focus:deep(.splide__slide.is-prev:not(.splide__slide--clone)) {
+.center-focus:deep(.splide__slide.is-next),
+.center-focus:deep(.splide__slide.is-prev) {
   opacity: 1;
 }
 

From 604605b4e14a06ed137d42c0a9a432bc75be37cd Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 19:57:32 +0900
Subject: [PATCH 18/19] =?UTF-8?q?fix.=20=EC=9B=8C=EB=8B=9D=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=EC=9D=84=20=EC=9C=84=ED=95=9C=20=EC=BD=94=EB=93=9C=20?=
 =?UTF-8?q?=EB=A6=AC=ED=8C=A9=ED=86=A0=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/atoms/Video.vue    | 9 +++++++--
 layers/components/layouts/Header.vue | 3 ++-
 nuxt.config.ts                       | 5 +++++
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/layers/components/atoms/Video.vue b/layers/components/atoms/Video.vue
index 141c36f..8e6bf39 100644
--- a/layers/components/atoms/Video.vue
+++ b/layers/components/atoms/Video.vue
@@ -47,7 +47,6 @@ const pauseVideo = () => {
 
   clearPauseTimer()
 
-  // 새 타이머 설정
   pauseTimer.value = setTimeout(() => {
     if (videoRef.value) {
       videoRef.value.pause()
@@ -57,15 +56,21 @@ const pauseVideo = () => {
   }, 500)
 }
 
+const waitForCanPlay = () =>
+  new Promise<void>(resolve => {
+    if (!videoRef.value) return resolve()
+    videoRef.value.addEventListener('canplay', () => resolve(), { once: true })
+  })
+
 const reloadVideo = async () => {
   if (!videoRef.value) return
 
   clearPauseTimer()
-
   videoRef.value.currentTime = 0
   videoRef.value.load()
 
   if (props.play) {
+    await waitForCanPlay()
     await playVideo()
   }
 }
diff --git a/layers/components/layouts/Header.vue b/layers/components/layouts/Header.vue
index 39e06b1..16db37b 100644
--- a/layers/components/layouts/Header.vue
+++ b/layers/components/layouts/Header.vue
@@ -280,6 +280,7 @@ onMounted(() => {
                   class="nav-item"
                   :class="{
                     'is-hidden':
+                      isMounted &&
                       overflowNam > 0 &&
                       Number(key) >=
                         Object.keys(gnbData?.menus).length - overflowNam,
@@ -331,7 +332,7 @@ onMounted(() => {
                   </Transition>
                 </div>
               </div>
-              <div v-if="overflowNam > 0" class="more">
+              <div v-if="isMounted && overflowNam > 0" class="more">
                 <button class="btn-more">
                   <AtomsIconsOptionHorizontalFill class="mx-auto" />
                   <span class="sr-only">more</span>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 82095c9..de79a5f 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -112,5 +112,10 @@ export default defineNuxtConfig({
       allowedHosts: true,
     },
     base: '/',
+    // 프로덕션에서 hydration mismatch 상세 로그 활성화 (디버깅 후 제거 권장)
+    define: {
+      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: true,
+    },
+    // 제거
   },
 })

From b73f1abc14b585ffc3d2d4daca4e058a97b5f233 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 20:06:51 +0900
Subject: [PATCH 19/19] =?UTF-8?q?fix.=20=EB=B9=84=EB=94=94=EC=98=A4=20?=
 =?UTF-8?q?=EB=B0=B0=EA=B2=BD=20=EB=B3=B4=EB=8D=94=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/widgets/Background.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/layers/components/widgets/Background.vue b/layers/components/widgets/Background.vue
index 1b69833..3f13562 100644
--- a/layers/components/widgets/Background.vue
+++ b/layers/components/widgets/Background.vue
@@ -52,6 +52,7 @@ const gradientClasses = computed(() => [
       :src="resourcesSrc"
       :poster="posterSrc"
       :play="videoPlay"
+      :bordered="false"
       class="w-full h-full object-cover"
     />