From 741be808661419680c3b4c56e51c812b05e49995 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Mon, 2 Feb 2026 10:39:32 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20[SWV-826]=20TOP=20=EB=B2=84=ED=8A=BC=20?=
 =?UTF-8?q?=EB=B0=B0=EA=B2=BD=20=EC=BB=AC=EB=9F=AC=20=EA=B4=80=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/blocks/Button/ScrollTop.vue | 15 ++++++++++++++-
 layers/components/layouts/Main.vue            |  5 ++++-
 layers/types/api/pageData.ts                  |  1 +
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/layers/components/blocks/Button/ScrollTop.vue b/layers/components/blocks/Button/ScrollTop.vue
index 7e73f0d..dd9b207 100644
--- a/layers/components/blocks/Button/ScrollTop.vue
+++ b/layers/components/blocks/Button/ScrollTop.vue
@@ -1,5 +1,11 @@
 <script setup lang="ts">
-import type { TrackingObject } from '#layers/types/api/common'
+import type { ColorObject, TrackingObject } from '#layers/types/api/common'
+
+interface Props {
+  color: ColorObject
+}
+
+const props = defineProps<Props>()
 
 const { locale } = useI18n()
 const { y: windowY } = useWindowScroll({ behavior: 'smooth' })
@@ -12,6 +18,9 @@ const analytics = {
 } as TrackingObject
 
 const showBtn = computed(() => windowY.value > 0)
+const backgroundColor = computed(() =>
+  getColorCodeFromData(props.color, 'none')
+)
 
 const handleScrollToTop = () => {
   windowY.value = 0
@@ -25,6 +34,7 @@ const handleScrollToTop = () => {
       v-show="showBtn"
       class="btn-top"
       sr-only="top"
+      :style="{ backgroundColor: backgroundColor }"
       @click="handleScrollToTop"
     >
       <AtomsIconsArrowControlTopLine />
@@ -39,4 +49,7 @@ const handleScrollToTop = () => {
 .btn-top:hover :deep(.icon) {
   @apply -translate-y-[3px];
 }
+.btn-top:hover :deep(.icon svg) {
+  fill-opacity: 1;
+}
 </style>
diff --git a/layers/components/layouts/Main.vue b/layers/components/layouts/Main.vue
index 2aed273..1cd823b 100644
--- a/layers/components/layouts/Main.vue
+++ b/layers/components/layouts/Main.vue
@@ -104,7 +104,10 @@ onMounted(() => {
   <ClientOnly>
     <BlocksLnb v-if="isShowLnb" />
     <div v-if="isShowTopBtn" class="utile-wrap">
-      <BlocksButtonScrollTop v-if="isShowTopBtn" />
+      <BlocksButtonScrollTop
+        v-if="isShowTopBtn"
+        :color="pageData?.top_btn_color_json"
+      />
     </div>
   </ClientOnly>
   <BlocksSns v-if="isShowSnsBtn" />
diff --git a/layers/types/api/pageData.ts b/layers/types/api/pageData.ts
index fff3406..9ad514a 100644
--- a/layers/types/api/pageData.ts
+++ b/layers/types/api/pageData.ts
@@ -33,6 +33,7 @@ export interface PageDataValue {
   is_login_required: number
   meta_tag_type: number
   use_top_btn: boolean
+  top_btn_color_json?: ColorObject
   use_sns_btn: boolean
   use_lnb: boolean
   lnb_text_color_code_active?: string