From 4099eb739a5614181eadcfb8889fe9d44e51dd68 Mon Sep 17 00:00:00 2001
From: HopeFullee <john_lee0607@naver.com>
Date: Fri, 2 Jan 2026 00:39:23 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20GNB=20=ED=95=98=EC=9D=B4=EB=9D=BC?=
 =?UTF-8?q?=EC=9D=B4=ED=8C=85=EC=9D=84=20=ED=98=84=EC=9E=AC=20path?=
 =?UTF-8?q?=EC=9D=98=20subPath=EA=B9=8C=EC=A7=80=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/gnb/index.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/gnb/index.tsx b/src/components/layout/gnb/index.tsx
index 5629897a..6e881001 100644
--- a/src/components/layout/gnb/index.tsx
+++ b/src/components/layout/gnb/index.tsx
@@ -8,13 +8,23 @@ import { Icon } from '@/components/icon';
 export const GNB = () => {
   const pathname = usePathname();
 
+  const highLightPath = (path: string) => {
+    if (path === '/') {
+      return pathname === '/';
+    }
+    return pathname.startsWith(path);
+  };
+
   return (
     <nav className='sticky bottom-0 z-100 h-14 border-t-1 border-gray-200 bg-white py-2'>
       <ul className='flex w-full justify-evenly gap-4'>
         {NAV_MENU.map(({ path, svgId }) => (
           <li key={path}>
             <Link href={path} className='flex-center h-10 w-10'>
-              <Icon id={svgId} className={pathname === path ? 'text-mint-500' : 'text-gray-500'} />
+              <Icon
+                id={svgId}
+                className={highLightPath(path) ? 'text-mint-500' : 'text-gray-500'}
+              />
             </Link>
           </li>
         ))}