From f5331d4c5019817084690e415e852bdf254e3d84 Mon Sep 17 00:00:00 2001
From: ljpark <mind-one005@mind-one.co.kr>
Date: Mon, 28 Sep 2026 16:32:16 +0900
Subject: [PATCH] =?UTF-8?q?cm:=20=EC=9C=A0=EC=97=AD=EB=B3=84=20=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=20div=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/cm/src/pages/dashboard/lib/korea-basin-map.tsx | 10 ++++++++--
 apps/cm/src/pages/dashboard/ui/dashboard-page.tsx   |  6 +++---
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/apps/cm/src/pages/dashboard/lib/korea-basin-map.tsx b/apps/cm/src/pages/dashboard/lib/korea-basin-map.tsx
index 2583d699c..fef52a2ab 100644
--- a/apps/cm/src/pages/dashboard/lib/korea-basin-map.tsx
+++ b/apps/cm/src/pages/dashboard/lib/korea-basin-map.tsx
@@ -409,8 +409,14 @@ export function KoreaBasinMap() {
   };
   // 스타일은 필요에 따라 tailwind, css 등으로 커스터마이즈하세요.
   return (
-    <div className="col-span-3 !p-0 relative z-10" style={{ height: "765px", background: "rgba(255, 255, 255, 0.6)" }}>
-      <div className="card card-border" style={{ height: "100%" }}>
+    <div
+      className="absolute inset-0 z-10 col-span-3 h-full !p-0"
+      style={{ background: "rgba(255, 255, 255, 0.6)" }}
+    >
+      <div
+        className="card card-border"
+        style={{ height: "calc(100% - 1.2rem)" }}
+      >
         <div className="card-header text-foreground">
           <h3 className="text-2xl font-medium">유역별 정보</h3>
           
diff --git a/apps/cm/src/pages/dashboard/ui/dashboard-page.tsx b/apps/cm/src/pages/dashboard/ui/dashboard-page.tsx
index fe8a7f6c8..ed4095ea5 100644
--- a/apps/cm/src/pages/dashboard/ui/dashboard-page.tsx
+++ b/apps/cm/src/pages/dashboard/ui/dashboard-page.tsx
@@ -135,7 +135,7 @@ function DashboardPage() {
     <div className="p-2 sm:p-4 md:p-6">
       <div className="flex flex-col gap-1">
         {/* 첫번째 라인 - 좌측 6개 패널(2x3) + 우측 지도/사용자 정보 */}
-        <div className="flex flex-col gap-1 lg:flex-row">
+        <div className="flex flex-col gap-1 lg:flex-row lg:items-stretch">
           {/* 좌측: 드래그 가능한 6개 패널 (2x3 그리드, 화면의 50%) */}
           <div className="w-full lg:w-1/2">
             {isMounted ? (
@@ -173,9 +173,9 @@ function DashboardPage() {
           </div>
 
           {/* 우측: 고정된 지도와 사용자 정보 (화면의 50%) */}
-          <div className="flex w-full gap-1 lg:w-1/2">
+          <div className="flex w-full flex-col items-stretch gap-1 lg:w-1/2 lg:flex-row">
             {/* 지도영역 - 고정 (드래그 불가) */}
-            <div className="flex-1">
+            <div className="relative min-h-[765px] w-full self-stretch lg:min-h-0 lg:flex-1">
               <KoreaBasinMap />
             </div>