Merge branch 'feature/20250910-all' into feature/20251001-gil

layers/components/layouts/Header.vue

@@ -312,7 +312,7 @@ onBeforeUnmount(() => {
 
 <style scoped>
 .header {
-  @apply bg-theme-foreground text-theme-foreground-reversal relative z-50;
+  @apply bg-theme-foreground text-theme-foreground-reversal relative z-[100];
 }
 .game-wrapper {
   @apply absolute flex w-full h-[48px] items-center whitespace-nowrap px-[52px] bg-theme-foreground sm:px-[72px] md:h-16 md:pl-0 md:pr-[40px]

layers/components/layouts/Main.vue

@@ -13,6 +13,8 @@ interface Props {
 const props = defineProps<Props>()
 const { locale } = useI18n()
 
+const mainRef = ref<HTMLElement>()
+
 // 템플릿 레지스트리 사용
 const { getTemplateComponent } = useTemplateRegistry()
 
@@ -61,7 +63,7 @@ watchEffect(() => {
 </script>
 
 <template>
-  <main class="main">
+  <main ref="mainRef" class="main">
     <template
       v-for="(template, index) in visibleTemplates"
       :key="template.template_code ?? index"
@@ -72,11 +74,16 @@ watchEffect(() => {
         :page-ver-tmpl-seq="template.page_ver_tmpl_seq"
       />
     </template>
+    <BlocksUtileContainer
+      :parent-ref="mainRef"
+      :is-show-top-btn="pageData.use_top_btn ?? false"
+      :is-show-sns-btn="pageData.use_sns_btn ?? false"
+    />
   </main>
 </template>
 
 <style scoped>
 .main {
-  @apply pt-[48px] md:pt-[64px];
+  @apply relative pt-[48px] md:pt-[64px];
 }
 </style>