cm: 지도

apps/cm/src/pages/dashboard/lib/korea-basin-map.tsx

@@ -348,78 +348,85 @@ export function KoreaBasinMap() {
 
   // 스타일은 필요에 따라 tailwind, css 등으로 커스터마이즈하세요.
   return (
-    <div
-      ref={stageRef}
-      id="stage"
-      style={
-        {
-          width: "100%",
-          height: "560px",
-          position: "relative",
-          zIndex: 20,
-          "--map-inset": "0",
-        } as React.CSSProperties
-      }
-    >
-      <div
-        className={styles.bgLayer}
-        id="bgLayer"
-      />
-      <div
-        ref={svgLayerRef}
-        id="svgLayer"
-        className={`${styles.svgLayer} ${styles.svgContainer}`}
-        style={{ width: "100%", height: "100%" }}
-      />
-      <div
-        ref={labelsLayerRef}
-        id="labelsLayer"
-        className={styles.labelsLayer}
-        style={{
-          position: "absolute",
-          left: 0,
-          top: 0,
-          width: "100%",
-          height: "100%",
-          pointerEvents: "none",
-        }}
-      />
-      <div
-        ref={badgeRef}
-        id="badge"
-        className={styles.badge}
-        style={{ position: "absolute", zIndex: 10, display: "block" }}
-      />
-      <div
-        ref={popupRef}
-        id="popup"
-        className={styles.popup}
-        style={{
-          position: "absolute",
-          zIndex: 20,
-          background: "#fff",
-          border: "1px solid #ccc",
-          borderRadius: 8,
-          padding: 12,
-          minWidth: 160,
-          boxShadow: "0 2px 8px #0002",
-          display: "block",
-          opacity: 0,
-          visibility: "hidden",
-        }}
-      >
-        <table style={{ width: "100%" }}>
-          <thead>
-            <tr>
-              <th>구분</th>
-              <th ref={colTitleRef} id="colTitle">
-                시설수
-              </th>
-            </tr>
-          </thead>
-          <tbody ref={rowsRef} id="rows"></tbody>
-        </table>
+    <div className="col-span-3 h-200 !p-0 relative z-10">
+      <div className="card card-border">
+        <div className="card-header text-foreground">
+          <h3 className="text-2xl font-medium">유역별 정보</h3>
+        </div>
+        <div
+          ref={stageRef}
+          id="stage"
+          style={
+            {
+              width: "100%",
+              height: "560px",
+              position: "relative",
+              zIndex: 20,
+              "--map-inset": "0",
+            } as React.CSSProperties
+          }
+        >
+          <div
+            className={styles.bgLayer}
+            id="bgLayer"
+          />
+          <div
+            ref={svgLayerRef}
+            id="svgLayer"
+            className={`${styles.svgLayer} ${styles.svgContainer}`}
+            style={{ width: "100%", height: "100%" }}
+          />
+          <div
+            ref={labelsLayerRef}
+            id="labelsLayer"
+            className={styles.labelsLayer}
+            style={{
+              position: "absolute",
+              left: 0,
+              top: 0,
+              width: "100%",
+              height: "100%",
+              pointerEvents: "none",
+            }}
+          />
+          <div
+            ref={badgeRef}
+            id="badge"
+            className={styles.badge}
+            style={{ position: "absolute", zIndex: 10, display: "block" }}
+          />
+          <div
+            ref={popupRef}
+            id="popup"
+            className={styles.popup}
+            style={{
+              position: "absolute",
+              zIndex: 20,
+              background: "#fff",
+              border: "1px solid #ccc",
+              borderRadius: 8,
+              padding: 12,
+              minWidth: 160,
+              boxShadow: "0 2px 8px #0002",
+              display: "block",
+              opacity: 0,
+              visibility: "hidden",
+            }}
+          >
+            <table style={{ width: "100%" }}>
+              <thead>
+                <tr>
+                  <th>구분</th>
+                  <th ref={colTitleRef} id="colTitle">
+                    시설수
+                  </th>
+                </tr>
+              </thead>
+              <tbody ref={rowsRef} id="rows"></tbody>
+            </table>
+          </div>
+        </div>
       </div>
-    </div>
+    </div>  
   );
 }

apps/cm/src/pages/dashboard/ui/dashboard-page.tsx

@@ -137,14 +137,9 @@ function DashboardPage() {
           </div>
 
           {/* 지도영역 */}
-          <div className="col-span-3 h-200 !p-0 relative z-10">
-            <div className="card card-border">
-              <div className="card-header text-foreground">
-                <h3 className="text-2xl font-medium">유역별 정보</h3>
-              </div>
-              <KoreaBasinMap />
-            </div>
-          </div>
+          <KoreaBasinMap />
+
+          
 
           {/* 사용자 정보 카드 */}
           <div className="card card-border col-span-1 h-80 p-10">