diff --git a/src/layouts/NormalLayout.vue b/src/layouts/NormalLayout.vue
index dd006b5..f07eb7e 100644
--- a/src/layouts/NormalLayout.vue
+++ b/src/layouts/NormalLayout.vue
@@ -56,18 +56,40 @@
         margin-right: 20%; /* 채팅 사이드바의 너비만큼 밀리도록 설정 */
     }
 
-    /* top bar 고정1 */
-    .layout-navbar-fixed .layout-navbar {
-        position: relative;
-        top: 0;
-        right: auto;
+    /* 탑바 범위조정 */
+    nav#layout-navbar {
         left: 0 !important;
-        width: 96% !important;
-        padding-top: 0 !important;
+        margin-right: 20%;
+        margin-left: 260px;
+        width: auto !important;
+        min-width: auto !important;
+        right: 24px !important;
+        left: 24px !important;
     }
 
-    /* top bar 고정2 */
-    .layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
-        padding-top: 0 !important;
+    /* 탑바 범위조정(1200px 이하) */
+    @media (max-width: 1200px) {
+        nav#layout-navbar {
+            left: 0 !important;
+            margin-right: 20%;
+            margin-left: 0px;
+            width: auto !important;
+            min-width: auto !important;
+            right: 24px !important;
+            left: 24px !important;
+        }
+    }
+
+    /* 탑바 범위조정(992px 이하) */
+    @media (max-width: 992px) {
+        nav#layout-navbar {
+            left: 0 !important;
+            margin-right: 20%;
+            margin-left: 0px;
+            width: auto !important;
+            min-width: auto !important;
+            right: 24px !important;
+            left: 24px !important;
+        }
     }
 </style>