fix. 팝업 버튼 추가

layers/components/layouts/EventNavigation.vue

@@ -12,7 +12,6 @@ const { isPassedStoveGnb } = storeToRefs(scrollStore)
 
 const isEventNavigationOpen = ref(true)
 const eventNavigationList = ref<Record<string, EventNavigation>>({})
-// const pinToMain = inject('pinToMain')
 
 const getEventNavigation = async (): Promise<Record<
   string,

layers/components/layouts/Main.vue

@@ -12,10 +12,17 @@ interface Props {
 
 const props = defineProps<Props>()
 
+const mainContentRef = ref<HTMLElement>()
+
 const { locale } = useI18n()
 const { getTemplateComponent } = useTemplateRegistry()
+const { height: viewportH } = useWindowSize()
+const { bottom: mainBottom } = useElementBounding(mainContentRef)
 
-const pinToMain = inject('pinToMain')
+const pinToMain = computed(() => {
+  if (!mainBottom.value) return false
+  return mainBottom.value <= viewportH.value
+})
 
 // 개별 메타 태그 표시 여부 확인
 const shouldShowMetaTag = computed(() => props.pageData?.meta_tag_type === 2)
@@ -50,9 +57,11 @@ const setupSeoMeta = (metaTag: PageDataMetaTag) => {
   })
 }
 
+provide('pinToMain', pinToMain)
+
 onMounted(() => {
   const { sendLog } = useAnalytics()
-  // sendLog(locale.value, useAnalyticsLogDataDirect('view', 1))
+  sendLog(locale.value, useAnalyticsLogDataDirect('view', 1))
 })
 
 // 메타 태그 설정 감시
@@ -61,10 +70,13 @@ watchEffect(() => {
     setupSeoMeta(props.pageData?.meta_tag_json)
   }
 })
+
+// const loadingStore = useLoadingStore()
+// loadingStore.startFullLoading()
 </script>
 
 <template>
-  <div class="main-content">
+  <div ref="mainContentRef" class="main-content">
     <template
       v-for="(template, index) in visibleTemplates"
       :key="template.template_code ?? index"
@@ -76,22 +88,22 @@ watchEffect(() => {
         :page-ver-tmpl-seq="template.page_ver_tmpl_seq"
       />
     </template>
-    <ClientOnly>
-      <BlocksLnb v-if="isShowLnb" />
-      <div
-        v-if="isShowTopBtn || isShowSnsBtn"
-        :class="['utile-wrap', { 'is-stop': pinToMain }]"
-      >
-        <BlocksButtonScrollTop v-if="isShowTopBtn" />
-        <BlocksButtonSns v-if="isShowSnsBtn" />
-      </div>
-    </ClientOnly>
   </div>
+  <ClientOnly>
+    <BlocksLnb v-if="isShowLnb" />
+    <div
+      v-if="isShowTopBtn || isShowSnsBtn"
+      :class="['utile-wrap', { 'is-stop': pinToMain }]"
+    >
+      <BlocksButtonScrollTop v-if="isShowTopBtn" />
+      <BlocksButtonSns v-if="isShowSnsBtn" />
+    </div>
+  </ClientOnly>
 </template>
 
 <style scoped>
 .main-content {
-  @apply relative min-h-[200px] pt-[48px] md:min-h-[800px] md:pt-[64px];
+  @apply relative pt-[48px] md:pt-[64px];
 }
 .utile-wrap {
   @apply fixed flex flex-col z-[100]