fix. useResponsiveBreakpoints, getImageHost 수정

layers/templates/GrBoard01/index.vue

@@ -131,7 +131,7 @@ const onArrowClick = (direction, targetIndex) => {
                 :description="
                   formatTimestamp(item.create_datetime, 'YYYY.MM.DD')
                 "
-                :img-path="getResolvedHost(item.media_thumbnail_url)"
+                :img-path="getImageHost(item.media_thumbnail_url)"
                 :url="getArticleUrl(item.article_id)"
                 link-target="_blank"
               />

layers/templates/GrDetail01/index.vue

@@ -41,7 +41,7 @@ const handleSplideMove = (_splide: SplideType, newIndex: number) => {
 </script>
 
 <template>
-  <section class="section-container relative">
+  <section class="section-wrap">
     <BlocksSlideFade
       v-if="slideData"
       ref="splideRef"

layers/templates/GrDetail02/index.vue

@@ -22,7 +22,7 @@ const paginationData = computed(() => {
 </script>
 
 <template>
-  <section class="section-container relative">
+  <section class="section-wrap">
     <BlocksSlideThumbnail
       :slide-data="slideData"
       :pagination-data="paginationData"

layers/templates/GrDetail03/index.vue

@@ -43,7 +43,7 @@ const handleSplideMove = (_splide: SplideType, newIndex: number) => {
 </script>
 
 <template>
-  <section class="section-container relative">
+  <section class="section-wrap">
     <BlocksSlideThumbnail
       :slide-data="slideData"
       :pagination-data="paginationData"

layers/templates/GrGallery01/index.vue

@@ -102,7 +102,7 @@ const onArrowClick = (direction, targetIndex) => {
 </script>
 
 <template>
-  <section class="section-container min-h-[700px]">
+  <section class="section-wrap min-h-[700px]">
     <WidgetsBackground v-if="backgroundData" :resources-data="backgroundData" />
     <div class="section-content">
       <WidgetsMainTitle

layers/templates/GrGallery02/index.vue

@@ -59,7 +59,7 @@ const onArrowClick = (direction, targetIndex) => {
 </script>
 
 <template>
-  <section class="section-container">
+  <section class="section-wrap">
     <WidgetsBackground v-if="backgroundData" :resources-data="backgroundData" />
     <div class="section-content px-0">
       <WidgetsMainTitle
@@ -98,7 +98,7 @@ const onArrowClick = (direction, targetIndex) => {
 </template>
 
 <style scoped>
-.section-container {
+.section-wrap {
   @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)];
 }

layers/templates/GrVisual01/index.vue

@@ -9,9 +9,6 @@ interface Props {
 
 const props = defineProps<Props>()
 
-const { locale } = useI18n()
-const { sendLog, useAnalyticsLogDataDirect } = useAnalytics()
-
 const backgroundData = computed(() =>
   getComponentGroup(props.components, 'background')
 )
@@ -27,17 +24,10 @@ const videoPlayData = computed(() =>
 const buttonListData = computed(() =>
   getComponentGroupAry(props.components, 'buttonList')
 )
-
-const handleSendLog = (index: number) => {
-  sendLog(
-    locale.value,
-    useAnalyticsLogDataDirect(buttonListData.value[index], props.pageVerTmplSeq)
-  )
-}
 </script>
 
 <template>
-  <section class="section-container">
+  <section class="section-wrap">
     <WidgetsBackground
       v-if="backgroundData"
       :resources-data="backgroundData"

layers/templates/GrVisual02/index.vue

@@ -5,7 +5,7 @@ import {
   getComponentContainer,
 } from '#layers/utils/dataUtil'
 import { formatTimestamp } from '#layers/utils/formatUtil'
-import { getResolvedHost } from '#layers/utils/styleUtil'
+import { getImageHost } from '#layers/utils/styleUtil'
 import type { PageDataTemplateComponents } from '#layers/types/api/pageData'
 import type { OperateGroupItem } from '#layers/types/api/resourcesData'
 
@@ -118,7 +118,7 @@ const onArrowClick = direction => {
           <BlocksCardNews
             :title="item.title"
             :description="formatTimestamp(item.reg_dt, 'YYYY.MM.DD')"
-            :img-path="getResolvedHost(item.img_path)"
+            :img-path="getImageHost(item.img_path)"
             :url="item.url"
             :link-target="item.link_target"
             class="slide-inner"

layers/templates/GrVisual03/index.vue

@@ -33,7 +33,7 @@ const onArrowClick = direction => {
 </script>
 
 <template>
-  <section class="section-container">
+  <section class="section-wrap">
     <BlocksSlideFade
       v-if="slideData"
       :arrows="true"