diff --git a/src/components/common/Header/NavItemList/NavItemList.tsx b/src/components/common/Header/NavItemList/NavItemList.tsx
index 8e88fd2..95e38c8 100644
--- a/src/components/common/Header/NavItemList/NavItemList.tsx
+++ b/src/components/common/Header/NavItemList/NavItemList.tsx
@@ -19,8 +19,11 @@ export const NavItemList = ({ authority }: NavItemListProps) => {
   };
 
   const handleLogout = async () => {
-    await logout();
-    router.push(ROUTES.MAIN);
+    try {
+      await logout();
+    } finally {
+      router.push(ROUTES.MAIN);
+    }
   };
 
   const ManagerNav = () => (
diff --git a/src/stores/useAuthStore.ts b/src/stores/useAuthStore.ts
index 21e2088..3a426cf 100644
--- a/src/stores/useAuthStore.ts
+++ b/src/stores/useAuthStore.ts
@@ -32,17 +32,16 @@ export const useAuthStore = create<AuthState>()(
 
       logout: async () => {
         const { accessToken } = useAuthStore.getState();
+        Storage.removeItem(TOKEN.ACCESS);
+        set({
+          name: '',
+          authority: 'USER',
+          isLoggedIn: false,
+          accessToken: null,
+        });
         try {
           await logoutApi(accessToken);
-        } finally {
-          Storage.removeItem(TOKEN.ACCESS);
-          set({
-            name: '',
-            authority: 'USER',
-            isLoggedIn: false,
-            accessToken: null,
-          });
-        }
+        } catch (error) {}
       },
 
       updateAccessToken: (token) => {