From 25ab2475882f9071643f2bbd3ded18bbea0267bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=B5=9C=EC=A7=80=EC=B2=A0?= <jcchoi@onasys.co.kr>
Date: Thu, 6 Nov 2025 10:13:50 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=EC=BF=A0=ED=82=A4=20=EC=82=AD=EC=A0=9C?=
 =?UTF-8?q?=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/components/src/ui/header/index.tsx | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/packages/common/components/src/ui/header/index.tsx b/packages/common/components/src/ui/header/index.tsx
index 00f758d60..e2cd9a654 100644
--- a/packages/common/components/src/ui/header/index.tsx
+++ b/packages/common/components/src/ui/header/index.tsx
@@ -5,7 +5,7 @@ import { useQuery } from "@tanstack/react-query";
 import { images } from "@common/assets";
 import { getConfig } from "@common/config";
 import { ENDPOINT } from "../../config";
-import { setCookie, getCookie } from "../../lib";
+import { setCookie, getCookie, removeCookie } from "../../lib";
 import {
   getPopupInfo,
   getUserPopupList,
@@ -70,6 +70,24 @@ export function Header({ viewOnly }: { viewOnly?: boolean }) {
         method: "POST",
       });
       if (!response.ok) throw new Error("Failed to logout");
+
+      // 쿠키 삭제
+      if (appConfig.AUTH_USER_ID) {
+        removeCookie(appConfig.AUTH_USER_ID);
+      }
+      if (appConfig.REFRESH_TOKEN) {
+        removeCookie(appConfig.REFRESH_TOKEN);
+      }
+      if (appConfig.ACCESS_TOKEN) {
+        removeCookie(appConfig.ACCESS_TOKEN);
+      }
+      if (appConfig.CLAIM_NAME) {
+        removeCookie(appConfig.CLAIM_NAME);
+      }
+
+      removeCookie("site-id-key");
+      removeCookie("site-theme-key");
+
       window.location.href = "/auth/login";
     } catch (error) {
       console.error(error);

From 530c1161ddb23f7bdbef94837f07e33ed6ee088a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=B5=9C=EC=A7=80=EC=B2=A0?= <jcchoi@onasys.co.kr>
Date: Thu, 13 Nov 2025 17:27:08 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=EA=B7=B8=EB=A6=B0=ED=85=8C=EB=A7=88=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9=EC=8B=9C=20=EA=B8=80=EC=9E=90=EC=83=89=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/src/ui/header/header.css       |  7 ++++
 .../common/components/src/ui/header/index.tsx | 42 +++++++++----------
 .../components/src/ui/page-title/index.tsx    |  1 +
 3 files changed, 29 insertions(+), 21 deletions(-)

diff --git a/packages/common/components/src/ui/header/header.css b/packages/common/components/src/ui/header/header.css
index 6ad44e529..a75b29ba7 100644
--- a/packages/common/components/src/ui/header/header.css
+++ b/packages/common/components/src/ui/header/header.css
@@ -27,6 +27,13 @@
       background: transparent !important;
       color: #fff;
     }
+    button[role="button"].primary {
+      background-color: #008E8D !important;
+      color: #fff !important;
+    }
+    nav a {
+      @apply text-white;
+    }
   }
 
   /* 상단 메뉴 호버 시 하단 라인 */
diff --git a/packages/common/components/src/ui/header/index.tsx b/packages/common/components/src/ui/header/index.tsx
index e2cd9a654..920e29316 100644
--- a/packages/common/components/src/ui/header/index.tsx
+++ b/packages/common/components/src/ui/header/index.tsx
@@ -175,27 +175,27 @@ export function Header({ viewOnly }: { viewOnly?: boolean }) {
            </span>
         </h1>
       </div>
-        <div className="flex items-center">
-          {mounted && userSiteList?.content && userSiteList.content.length > 0 && (
-            <nav className="flex items-center gap-6">
-              {userSiteList.content.map((site, index) => (
-                <div key={site.siteId} className="flex items-center">
-                  <a
-                    href={site.dmnAddr}
-                    className="text-2xl font-medium text-foreground hover:text-primary transition-colors header-nav-link"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    {site.siteNm}
-                  </a>
-                  {index < userSiteList.content.length - 1 && (
-                    <div className="w-px h-6 bg-border ml-6"></div>
-                  )}
-                </div>
-              ))}
-            </nav>
-          )}
-        </div>
+      <div className="flex items-center">
+        {mounted && userSiteList?.content && userSiteList.content.length > 0 && (
+          <nav className="flex items-center gap-6">
+            {userSiteList.content.map((site, index) => (
+              <div key={site.siteId} className="flex items-center">
+                <a
+                  href={site.dmnAddr}
+                  className="text-2xl font-medium text-foreground hover:text-primary transition-colors header-nav-link"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  {site.siteNm}
+                </a>
+                {index < userSiteList.content.length - 1 && (
+                  <div className="w-px h-6 bg-border ml-6"></div>
+                )}
+              </div>
+            ))}
+          </nav>
+        )}
+      </div>
       <div className="flex items-center gap-2">
         <SearchForm />
         {mounted ? (
diff --git a/packages/common/components/src/ui/page-title/index.tsx b/packages/common/components/src/ui/page-title/index.tsx
index 5190f1a48..42eebd296 100644
--- a/packages/common/components/src/ui/page-title/index.tsx
+++ b/packages/common/components/src/ui/page-title/index.tsx
@@ -23,6 +23,7 @@ const PageTitle = ({
           ))}
         </div>
       )}
+      <div className="flex items-center gap-3">메뉴얼</div>
     </div>
   );
 };