feat. GR_CONTENTS_01 템플릿 제작

layers/templates/GrGallery03/index.vue

@@ -76,7 +76,7 @@ const onArrowClick = (direction, targetIndex) => {
       <WidgetsMainTitle
         v-if="mainTitleData"
         :resources-data="mainTitleData"
-        class="title-sm"
+        class="title-md mx-[20px] sm:mx-[40px]"
       />
       <BlocksSlideCenterHighlight
         v-if="slideData"
@@ -100,18 +100,18 @@ const onArrowClick = (direction, targetIndex) => {
       <WidgetsSubTitle
         v-if="imgTitleData"
         :resources-data="imgTitleData"
-        class="title-md mt-[32px] line-clamp-2 md:line-clamp-1"
+        class="title-lg mt-[32px] mx-[20px] line-clamp-2 sm:mx-[40px] md:line-clamp-1"
       />
       <WidgetsDescription
         v-if="descriptionData"
         :resources-data="descriptionData"
-        class="mt-[8px] md:mt-[16px]"
+        class="mt-[8px] mx-[20px] sm:mx-[40px] md:mt-[16px]"
       />
       <WidgetsButtonList
         v-if="buttonListData"
         :resources-data="buttonListData"
         :page-ver-tmpl-seq="props.pageVerTmplSeq"
-        class="mt-[32px]"
+        class="mt-[32px] mx-[20px] sm:mx-[40px]"
       />
     </div>
   </section>