diff --git a/layers/assets/css/base/_reset.css b/layers/assets/css/base/_reset.css
index 291e700..1c1c07f 100644
--- a/layers/assets/css/base/_reset.css
+++ b/layers/assets/css/base/_reset.css
@@ -19,8 +19,8 @@
 
   /* 라이트 테마 색상 */
   [data-theme='light'] {
-    body {
-      @apply bg-white;
+    .main {
+      @apply bg-theme-foreground;
     }
   }
 }
diff --git a/layers/components/blocks/slide/Thumbnail.vue b/layers/components/blocks/slide/Thumbnail.vue
index 3725d79..1b80ebe 100644
--- a/layers/components/blocks/slide/Thumbnail.vue
+++ b/layers/components/blocks/slide/Thumbnail.vue
@@ -154,21 +154,23 @@ onBeforeUnmount(() => {
 .thumbnail-splide {
   @apply overflow-hidden flex justify-center;
 }
+.thumbnail-splide:deep(.splide__track) {
+  @apply md:w-[calc(100%-16px)];
+}
 .thumbnail-slide {
-  @apply overflow-hidden relative mr-[12px] !border-none rounded-[4px] md:mr-[16px]
+  @apply overflow-hidden relative mr-[12px] !border-none rounded-[4px] bg-[var(--pagination-disabled)] md:mr-[16px] md:bg-transparent
   after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:border after:rounded-[4px];
-  background-color: var(--pagination-disabled);
 }
 .thumbnail-slide:hover,
 .thumbnail-slide.is-active {
-  background-color: var(--pagination-active);
+  @apply bg-[var(--pagination-active)] md:bg-transparent;
 }
 .thumbnail-slide::after {
-  border-color: var(--pagination-disabled);
+  @apply border-[var(--pagination-disabled)];
 }
 .thumbnail-slide:hover::after,
 .thumbnail-slide.is-active::after {
-  border-color: var(--pagination-active);
+  @apply border-[var(--pagination-active)];
 }
 
 /* 기본 버전 스타일 */
@@ -178,7 +180,7 @@ onBeforeUnmount(() => {
   @apply h-full;
 }
 .thumbnail-carousel.thumbnail-default .thumbnail-splide {
-  @apply absolute bottom-[32px] left-1/2 -translate-x-1/2 max-w-[100%] md:bottom-[48px] md:max-w-[896px] md:px-[72px];
+  @apply absolute bottom-[32px] left-1/2 -translate-x-1/2 max-w-[100%] md:bottom-[48px] md:max-w-[896px] md:px-[64px];
 }
 .thumbnail-carousel.thumbnail-default:deep(.arrow-prev) {
   @apply left-0;
@@ -199,8 +201,11 @@ onBeforeUnmount(() => {
 }
 
 /* 미디어 버전 스타일 */
+.thumbnail-carousel.thumbnail-media {
+  @apply flex flex-col items-center;
+}
 .thumbnail-carousel.thumbnail-media .thumbnail-splide {
-  @apply w-screen mt-[20px] mx-[-20px] sm:mx-[-40px] md:w-fit md:max-w-[100%] md:mt-[28px] md:mx-auto md:px-[120px];
+  @apply w-screen mt-[20px] mx-[-20px] sm:mx-[-40px] md:w-auto md:max-w-[100%] md:mt-[28px] md:mx-auto md:px-[112px];
 }
 .thumbnail-carousel.thumbnail-media .thumbnail-splide:deep(.splide__track) {
   @apply !px-[20px] sm:!px-[40px] md:!px-[0];
diff --git a/layers/templates/GrGallery02/index.vue b/layers/templates/GrGallery02/index.vue
index 7939811..225179d 100644
--- a/layers/templates/GrGallery02/index.vue
+++ b/layers/templates/GrGallery02/index.vue
@@ -99,7 +99,10 @@ const onArrowClick = (direction, targetIndex) => {
 
 <style scoped>
 .section-container {
-  @apply before:hidden md:before:block before:content-[''] before:absolute before:top-0 before:left-0 before:w-[104px] before:h-full before:bg-gradient-to-l from-transparent to-[rgba(0,0,0,0.7)] 
+  @apply before:hidden md:before:block before:content-[''] before:absolute before:top-0 before:left-0 before:w-[104px] before:h-full before:bg-gradient-to-l from-transparent to-[rgba(0,0,0,0.7)] before:z-[5] 
   after:hidden md:after:block after:content-[''] after:absolute after:top-0 after:right-0 after:w-[104px] after:h-full after:bg-gradient-to-r from-transparent to-[rgba(0,0,0,0.7)];
 }
+.slide-inner {
+  @apply bg-black;
+}
 </style>