메뉴 배치 수정

packages/common/components/src/ui/lnb/index.tsx

@@ -271,15 +271,38 @@ export function LNB({
       );
     }
 
+    // 1뎁스 단일 메뉴: 하위 메뉴가 있는 메뉴(MenuGroup)와 동일한 마크업·간격·색상으로 표시
     return (
       <SidebarMenuItem>
         <SidebarMenuButton
           asChild
-          className={menuClassName}
+          className={cn(menuClassName, "flex items-center pr-2")}
           data-matched={isMatched}
           tooltip={item.menuKornNm}
         >
-          <a {...linkProps}>{menuContent}</a>
+          <a {...linkProps}>
+            <div className="flex items-center gap-2">
+              <i
+                className={cn(
+                  "diveicon",
+                  `di-${item.iconNm}`,
+                  isMatched ? "text-primary" : "text-label",
+                  !hideLabel && "ml-2",
+                )}
+              />
+              <span
+                className={cn(
+                  "whitespace-nowrap",
+                  isMatched
+                    ? "text-primary"
+                    : "text-label group-hover/menu-button:text-foreground",
+                  hideLabel && "hidden",
+                )}
+              >
+                {item.menuKornNm}
+              </span>
+            </div>
+          </a>
         </SidebarMenuButton>
       </SidebarMenuItem>
     );