From 5acd43af9505a0d05330e552b162fb1edb09b4fc Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Tue, 9 Dec 2025 14:11:33 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20=EC=8D=B8=EB=84=A4=EC=9D=BC=20=EC=9D=B4?=
 =?UTF-8?q?=EB=AF=B8=EC=A7=80=20=EB=94=94=ED=8F=B4=ED=8A=B8=20=EC=8A=A4?=
 =?UTF-8?q?=ED=83=80=EC=9D=BC=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/Thumbnail.vue | 7 +++++--
 layers/templates/GrDetail01/index.vue        | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/layers/components/blocks/slide/Thumbnail.vue b/layers/components/blocks/slide/Thumbnail.vue
index 18c252b..620cb4c 100644
--- a/layers/components/blocks/slide/Thumbnail.vue
+++ b/layers/components/blocks/slide/Thumbnail.vue
@@ -207,10 +207,13 @@ onBeforeUnmount(() => {
   @apply border-[var(--pagination-active)];
 }
 .thumbnail-slide:hover picture,
-.thumbnail-slide.is-active picture {
+.thumbnail-slide:hover img,
+.thumbnail-slide.is-active picture,
+.thumbnail-slide.is-active img {
   @apply opacity-100;
 }
-.thumbnail-slide picture {
+.thumbnail-slide picture,
+.thumbnail-slide img {
   @apply opacity-50 transition-opacity duration-200 ease-in-out;
 }
 
diff --git a/layers/templates/GrDetail01/index.vue b/layers/templates/GrDetail01/index.vue
index 502e4a9..1956746 100644
--- a/layers/templates/GrDetail01/index.vue
+++ b/layers/templates/GrDetail01/index.vue
@@ -105,7 +105,7 @@ const goToSlide = (index: number) => {
 
 <style scoped>
 .splide-pagination {
-  @apply flex items-center absolute bottom-10 left-1/2 -translate-x-1/2 z-[5] md:bottom-[96px];
+  @apply overflow-hidden flex items-center justify-center absolute bottom-10 left-1/2 max-w-full -translate-x-1/2 z-[5] md:bottom-[96px];
 }
 .btn-pagination {
   @apply relative;