From fa21387c55c45961805b95ac665edc5ded74d228 Mon Sep 17 00:00:00 2001
From: ljpark <mind-one005@mind-one.co.kr>
Date: Thu, 26 Feb 2026 14:39:25 +0900
Subject: [PATCH] =?UTF-8?q?dm=5Fnew:=20Lnb=EA=B3=A0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/dm_new/app/(landing)/reuse/layout.tsx     |  1 -
 apps/dm_new/app/(with-layout)/intro/layout.tsx |  4 +++-
 apps/dm_new/app/(with-layout)/layout.tsx       | 12 +++++++++---
 apps/dm_new/components/Lnb.tsx                 | 12 +++++++++++-
 apps/dm_new/eslint.config.mjs                  |  2 +-
 5 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/apps/dm_new/app/(landing)/reuse/layout.tsx b/apps/dm_new/app/(landing)/reuse/layout.tsx
index b6840bf71..7574782c9 100644
--- a/apps/dm_new/app/(landing)/reuse/layout.tsx
+++ b/apps/dm_new/app/(landing)/reuse/layout.tsx
@@ -3,7 +3,6 @@
 
 import "./reuse.module.css";
 
-// import type { ReactNode } from "react";
 import TopNav from "./_components/TopNav";
 import { usePathname } from "next/navigation";
 
diff --git a/apps/dm_new/app/(with-layout)/intro/layout.tsx b/apps/dm_new/app/(with-layout)/intro/layout.tsx
index 91e9e2e54..e025f4c80 100644
--- a/apps/dm_new/app/(with-layout)/intro/layout.tsx
+++ b/apps/dm_new/app/(with-layout)/intro/layout.tsx
@@ -5,7 +5,9 @@ export default function IntroLayout({ children }: { children: ReactNode }) {
   return (
     <div className="flex gap-0">
       <Lnb />
-      <main className="flex-1 px-[100px] pt-[80px]">{children}</main>
+      <main className="flex-1 px-[100px] pt-[80px]">
+        {children}
+      </main>
     </div>
   );
 }
diff --git a/apps/dm_new/app/(with-layout)/layout.tsx b/apps/dm_new/app/(with-layout)/layout.tsx
index 7ea176c6d..2c31919bc 100644
--- a/apps/dm_new/app/(with-layout)/layout.tsx
+++ b/apps/dm_new/app/(with-layout)/layout.tsx
@@ -1,13 +1,19 @@
 // app/(with-layout)/layout.tsx
+/**
+ * 메인을 제외한 메뉴안 페이지의 layout
+ */
+
 import "../reuse.module.css";
 import { StoreProvider } from "../store";
 import TopNav from "@/components/TopNav";
 
-export default function ReuseLandingLayout({ children }: { children: React.ReactNode }) {
+export default function WithLayout({ children }: { children: React.ReactNode }) {
   return (
     <StoreProvider>
-      <TopNav />
-      <div className="pt-[83px]">{children}</div> {/* TopNav 높이만큼 */}
+      <div className="pt-[83px]">{/* TopNav 높이만큼 */}
+        <TopNav />
+        <main className="ml-[260px]">{children}</main>{/* Lnb 너비만큼 */}
+      </div> 
     </StoreProvider>
   );
 }
diff --git a/apps/dm_new/components/Lnb.tsx b/apps/dm_new/components/Lnb.tsx
index a9a41d4a4..13c6523db 100644
--- a/apps/dm_new/components/Lnb.tsx
+++ b/apps/dm_new/components/Lnb.tsx
@@ -68,11 +68,21 @@ export default function Lnb() {
   }, [pathname, secondLevelMenus]);
 
   return (
-    <aside className="w-[260px] min-w-[260px] shrink-0">
+    <aside
+        className={[
+        "fixed left-0 top-[83px]",                 // ✅ 화면 고정 + TopNav 아래로
+        "w-[260px] min-w-[260px] shrink-0",
+        "h-[calc(100vh-83px)]",                    // ✅ 남은 높이만큼
+        "overflow-y-auto",                         // ✅ LNB 내부 스크롤
+        "bg-white z-50",                           // ✅ 겹침 방지
+        ].join(" ")}
+    >
+      {/* 타이틀 */}
       <div className="flex h-[120px] items-center justify-center bg-gradient-to-r from-cyan-500 to-green-500 text-[40px] font-bold text-white">
         {currentTopMenu?.menuKornNm?.trim().split(/\s+/).pop() ?? ""}
       </div>
 
+      {/* 메뉴 */}  
       <ul>
         {secondLevelMenus.map((item) => {
           const hasChildren = hasAnyChild(item);
diff --git a/apps/dm_new/eslint.config.mjs b/apps/dm_new/eslint.config.mjs
index 9201e16dd..7de132089 100644
--- a/apps/dm_new/eslint.config.mjs
+++ b/apps/dm_new/eslint.config.mjs
@@ -24,7 +24,7 @@ const eslintConfig = [
   {rules:{
     // other rules..
     "@typescript-eslint/no-explicit-any": "off",
-    "@next/next/no-img-element": "off",
+    // "@next/next/no-img-element": "off",
     ...(isProd ? { "react-hooks/exhaustive-deps": "off" } : {}),
   }},
 ];