fix. 공통 스타일 수정

layers/templates/FxVideo01/index.vue

@@ -61,7 +61,7 @@ const { data: slideData } = await useAsyncData(
     })
 
     const mediaList = getComponentContainer(operateGroupList, 'mediaList', {
-      hasGroup: true,
+      isGroup: true,
     }) as OperateGroupItem[]
 
     return mediaList ?? []
@@ -238,11 +238,11 @@ const handleLoadMoreRecent = () => {
   @apply block;
 }
 .splide:deep(.splide-arrows) .splide-arrow {
-  @apply block top-[unset] bottom-[20px] translate-y-0 w-[40px] h-[40px] bg-cover bg-center bg-no-repeat
-  sm:bottom-[24px] md:bottom-[36px] md:w-[48px] md:h-[48px] lg:bottom-[60px];
+  @apply block top-[unset] bottom-[20px] translate-y-0 bg-cover bg-center bg-no-repeat
+  sm:bottom-[24px] md:bottom-[36px] lg:bottom-[60px];
 }
 .splide:deep(.splide-arrows) .arrow-prev {
-  @apply left-[20px] bg-[image:url('/images/common/btn_system_arrow_rev.png')]
+  @apply left-[20px] bg-[image:url('/images/common/btn_system_arrow_prev.png')]
   sm:left-[calc(60.3%+21px)] 
   md:left-[calc(56%+39px)] 
   lg:left-[790px];

layers/templates/GrGallery01/index.vue

@@ -166,6 +166,9 @@ const onArrowClick = (direction, targetIndex) => {
 .thumbnail-carousel:deep(.thumbnail-slide.is-active) {
   @apply opacity-100;
 }
+.thumbnail-carousel:deep(.thumbnail-splide .splide__track) {
+  @apply md:max-w-[720px];
+}
 
 .main-slide {
   @apply relative aspect-[16/9];

layers/templates/GrVisual02/index.vue

@@ -51,7 +51,7 @@ const { data: slideData } = await useAsyncData(
     })
 
     const bannerList = getComponentContainer(operateGroupList, 'bannerList', {
-      hasGroup: true,
+      isGroup: true,
       minLength: 4,
     }) as OperateGroupItem[]