fix. sns 수정

layers/components/layouts/EventNavigation.vue

@@ -60,12 +60,12 @@ onMounted(async () => {
 <template>
   <div
     v-if="Object.keys(eventNavigationList).length > 1"
-    class="event-navigation"
+    class="navigation-wrap"
     :class="{
       'is-closed': !isEventNavigationOpen,
     }"
   >
-    <div class="navigation-wrapper">
+    <div class="navigation-container">
       <AtomsButtonCircle
         sr-only="event navigation control"
         class="btn-control"
@@ -106,13 +106,17 @@ onMounted(async () => {
 </template>
 
 <style scoped>
-.empty-game + main .event-navigation {
+.empty-game + main .navigation-wrap {
   @apply mt-[var(--scroll-position,48px)];
 }
-.event-navigation {
-  @apply fixed top-0 left-0 bottom-0 mt-[calc(var(--scroll-position,48px)+48px)] md:mt-[calc(var(--scroll-position,64px)+64px)] z-[100] transition-transform duration-300 ease-in-out;
+.sns-wrap ~ .navigation-wrap {
+  @apply pb-[78px];
 }
-.navigation-wrapper {
+
+.navigation-wrap {
+  @apply fixed top-0 left-0 bottom-0 mt-[calc(var(--scroll-position,48px)+48px)] md:mt-[calc(var(--scroll-position,64px)+64px)] z-[90] transition-transform duration-300 ease-in-out;
+}
+.navigation-container {
   @apply relative h-full p-3 sm:p-5 sm:pr-3
   md:p-8 md:pt-6 md:pr-4;
 }
@@ -137,13 +141,13 @@ onMounted(async () => {
   @apply translate-x-[3px];
 }
 
-.event-navigation.is-closed {
+.navigation-wrap.is-closed {
   @apply translate-x-[calc(-100%+20px)] sm:translate-x-[calc(-100%+40px)];
 }
-.event-navigation.is-closed .btn-control {
+.navigation-wrap.is-closed .btn-control {
   @apply rotate-0;
 }
-.event-navigation.is-closed .navigation-list {
+.navigation-wrap.is-closed .navigation-list {
   @apply pointer-events-none opacity-0;
 }