From 9aa62a04abe91b84554368d4c75f6f064f5adbaf Mon Sep 17 00:00:00 2001
From: "sungjin.choi" <sungjin.choi@specialsource.company>
Date: Wed, 5 Aug 2026 17:01:10 +0900
Subject: [PATCH] chore : deploy

---
 src/views/Main.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/views/Main.vue b/src/views/Main.vue
index eb9c73a..d715652 100644
--- a/src/views/Main.vue
+++ b/src/views/Main.vue
@@ -503,6 +503,7 @@ onUnmounted(() => {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
+  overflow-x: hidden;
 }
 
 .nav-stats {
@@ -556,17 +557,19 @@ onUnmounted(() => {
 /* --- GNB --- */
 .auth-nav {
   display: flex;
+  flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
-  padding: 15px 40px;
+  gap: 12px 20px;
+  padding: 15px clamp(12px, 4vw, 40px);
   background: #000;
   border-bottom: 1px solid var(--tui-border);
 }
-.nav-left { display: flex; align-items: center; gap: 15px; }
-.nav-menu { display: flex; gap: 20px; }
+.nav-left { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; }
+.nav-menu { display: flex; flex-wrap: wrap; gap: 20px; }
 .menu-btn { background: none; border: none; color: var(--tui-dim); font-size: 16px; cursor: pointer; transition: 0.3s; }
 .menu-btn:hover, .menu-btn.active { color: var(--tui-color); text-shadow: 0 0 10px var(--tui-color); }
-.auth-group { display: flex; align-items: center; }
+.auth-group { display: flex; align-items: center; flex-wrap: wrap; }
 
 .nav-item {
   color: var(--tui-color) !important; text-decoration: none; background: none;