fix. 공통 스타일 수정

layers/components/atoms/Button/index.vue

@@ -68,6 +68,7 @@ const componentProps = computed(() => {
     :style="{
       backgroundColor: props.backgroundColor,
       color: props.textColor,
+      '--text-color': props.textColor,
     }"
   >
     <span class="btn-content">
@@ -100,6 +101,9 @@ const componentProps = computed(() => {
     after:bg-[var(--text-color)] after:opacity-20 after:z-[2];
 }
 
+.btn-base:disabled .btn-content {
+  @apply opacity-50;
+}
 .btn-base .btn-content {
   @apply relative flex items-center gap-1 z-[1];
 }

layers/components/atoms/icons/CloseLine.vue

@@ -16,11 +16,10 @@ withDefaults(defineProps<Props>(), {
     :width="size"
     :height="size"
     viewBox="0 0 32 32"
-    fill="none"
+    :fill="color"
   >
     <path
       d="M26.2768 8.10947C26.7975 7.58877 26.7975 6.74455 26.2768 6.22385C25.7561 5.70315 24.9119 5.70315 24.3912 6.22385L16.0007 14.6144L7.61013 6.22385C7.08943 5.70315 6.24521 5.70315 5.72451 6.22385C5.20381 6.74455 5.20381 7.58877 5.72451 8.10947L14.115 16.5L5.72451 24.8905C5.20381 25.4112 5.20381 26.2554 5.72451 26.7761C6.24521 27.2968 7.08943 27.2968 7.61013 26.7761L16.0007 18.3856L24.3912 26.7761C24.9119 27.2968 25.7561 27.2968 26.2768 26.7761C26.7975 26.2554 26.7975 25.4112 26.2768 24.8905L17.8863 16.5L26.2768 8.10947Z"
-      :fill="color"
     />
   </svg>
 </template>

layers/components/blocks/slide/Default.vue

@@ -49,7 +49,6 @@ const options = computed((): ResponsiveOptions => {
     updateOnMove: true,
     autoplay: props.autoplay,
     drag: props.drag,
-    trimSpace: false,
     arrows: props.arrows,
     pagination: props.pagination,
     destroy: props.destroy,

layers/components/blocks/slide/Thumbnail.vue

@@ -172,12 +172,12 @@ onBeforeUnmount(() => {
   @apply md:w-[calc(100%-16px)];
 }
 .thumbnail-slide {
-  @apply overflow-hidden relative mr-[12px] !border-none rounded-[4px] bg-[var(--pagination-disabled)] md:mr-[16px] md:bg-transparent
+  @apply overflow-hidden relative mr-[12px] !border-none rounded-[4px] bg-[var(--pagination-disabled)] md:mr-[16px]
   after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:border after:rounded-[4px];
 }
 .thumbnail-slide:hover,
 .thumbnail-slide.is-active {
-  @apply bg-[var(--pagination-active)] md:bg-transparent;
+  @apply bg-[var(--pagination-active)];
 }
 .thumbnail-slide::after {
   @apply border-[var(--pagination-disabled)];
@@ -208,10 +208,10 @@ onBeforeUnmount(() => {
 }
 .thumbnail-carousel.thumbnail-default .thumbnail-slide:hover img,
 .thumbnail-carousel.thumbnail-default .thumbnail-slide.is-active img {
-  @apply md:grayscale-0 md:opacity-100;
+  @apply md:grayscale-0;
 }
 .thumbnail-carousel.thumbnail-default .thumbnail-slide img {
-  @apply hidden md:block md:grayscale md:opacity-60;
+  @apply hidden md:block md:grayscale;
 }
 
 /* 미디어 버전 스타일 */
@@ -219,13 +219,15 @@ onBeforeUnmount(() => {
   @apply flex flex-col items-center;
 }
 .thumbnail-carousel.thumbnail-media .thumbnail-splide {
-  @apply max-w-[calc(100%+40px)] mt-[20px] mx-[-20px] sm:max-w-[calc(100%+80px)] sm:mx-[-40px] md:max-w-[100%] md:mt-[28px] md:mx-auto md:px-[112px];
+  @apply max-w-[calc(100%+40px)] mt-[20px] mx-[-20px] 
+  sm:max-w-[calc(100%+80px)] sm:mx-[-40px] 
+  md:max-w-[100%] md:mt-[28px] md:mx-auto md:px-[64px];
 }
 .thumbnail-carousel.thumbnail-media:deep(.arrow-prev) {
-  @apply left-[48px];
+  @apply left-[0];
 }
 .thumbnail-carousel.thumbnail-media:deep(.arrow-next) {
-  @apply right-[48px];
+  @apply right-[0];
 }
 .thumbnail-carousel.thumbnail-media .thumbnail-slide {
   @apply aspect-[16/9] w-[92px] md:w-[128px];

layers/components/layouts/Header.vue

@@ -333,7 +333,7 @@ onBeforeUnmount(() => {
             >
               {{ gnb1depthButtonData?.btn_info?.txt_btn_name }}
             </AtomsButtonLauncher>
-            <div v-if="gnb2depthButtonData" class="nav-2depth">
+            <div v-if="gnb2depthButtonData" class="nav-2depth hidden md:block">
               <ul>
                 <li v-for="(item, key) in gnb2depthButtonData" :key="key">
                   <AtomsButtonLauncher type="custom" :platform="key">