fix. 컴포넌트 리팩토링

layers/templates/GrGallery01/index.vue

@@ -32,6 +32,7 @@ const videoPlayData = computed(() =>
       <BlocksSlideThumbnail
         :slide-item-list="slideThumbnailData"
         :video-play="videoPlayData"
+        class="mt-[24px] md:mt-[32px]"
       />
     </div>
   </section>

layers/templates/GrVisual01/index.vue

@@ -32,7 +32,7 @@ const buttonListData = computed(() =>
       :resources-data="backgroundData"
       gradient="h-[342px] bg-[linear-gradient(180deg,rgba(16,13,15,0)_0%,#100D0F_90%)] md:h-[720px]"
     />
-    <div class="section-content">
+    <div class="section-content gap-4 md:gap-5">
       <WidgetsMainTitle
         v-if="mainTitleData"
         :resources-data="mainTitleData"
@@ -52,7 +52,7 @@ const buttonListData = computed(() =>
         v-if="buttonListData.length > 0"
         :resources-data="buttonListData"
         button-type="market"
-        class="mt-[28px] md:mt-[52px]"
+        class="mt-[22px] md:mt-[52px]"
       />
     </div>
   </section>

layers/templates/GrVisual02/index.vue

@@ -79,7 +79,7 @@ const bannerSize = {
       :resources-data="backgroundData"
       gradient="h-[440px] bg-[linear-gradient(180deg,rgba(16,13,15,0)_0%,#100D0F_40%)] md:h-[720px] md:bg-[linear-gradient(180deg,rgba(16,13,15,0)_0%,#100D0F_50%)]"
     />
-    <div class="section-content px-0">
+    <div class="section-content px-0 gap-5">
       <WidgetsMainTitle
         v-if="mainTitleData"
         :resources-data="mainTitleData"

layers/templates/GrVisual03/index.vue

@@ -30,7 +30,7 @@ const props = defineProps<Props>()
           v-if="hasComponentGroup(item, 'background')"
           :resources-data="getComponentGroup(item, 'background')"
         />
-        <div class="section-content">
+        <div class="section-content gap-3 md:gap-5">
           <WidgetsSubTitle
             v-if="hasComponentGroup(item, 'subTitle')"
             :resources-data="getComponentGroup(item, 'subTitle')"
@@ -49,6 +49,7 @@ const props = defineProps<Props>()
           <WidgetsButtonList
             v-if="hasComponentGroup(item, 'buttonList')"
             :resources-data="getComponentGroupAry(item, 'buttonList')"
+            class="mt-[28px] md:mt-[52px]"
           />
         </div>
       </SplideSlide>