From 165c7bcbbfa9a4a241f6cdc3c6c404b4f1a33aef Mon Sep 17 00:00:00 2001
From: LGS <patanus1@gmail.com>
Date: Wed, 18 Mar 2026 14:13:08 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B9=A8=EC=9E=85=EC=88=98=20=EB=B6=84?=
 =?UTF-8?q?=EC=84=9D=EA=B2=B0=EA=B3=BC=20[=EA=B0=95=EC=9A=B0=EC=9C=A0?=
 =?UTF-8?q?=EC=9E=85=EC=88=98=EB=B6=84=EC=84=9D=EA=B2=B0=EA=B3=BC]=20?=
 =?UTF-8?q?=EB=B0=95=EC=8A=A4=20=E5=85=A7=203=EA=B0=9C=20=EC=88=AB?=
 =?UTF-8?q?=EC=9E=90=20=EB=8B=A8=EC=9C=84=20=EC=A0=95=EB=A0=AC=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../popupComponent/chart/rdiiChart.tsx        | 37 ++++++++++++-------
 1 file changed, 24 insertions(+), 13 deletions(-)

diff --git a/apps/sn/app/(map-layout)/map/components/popupComponent/chart/rdiiChart.tsx b/apps/sn/app/(map-layout)/map/components/popupComponent/chart/rdiiChart.tsx
index 359b7978c..58d9f9a49 100644
--- a/apps/sn/app/(map-layout)/map/components/popupComponent/chart/rdiiChart.tsx
+++ b/apps/sn/app/(map-layout)/map/components/popupComponent/chart/rdiiChart.tsx
@@ -275,28 +275,39 @@ const RdiiChart = ({ pplMngNo = '' }: ModalOpenProp) => {
 
                     {/* 우측: 지표 영역 */}
                     <div className="ml-auto flex flex-col gap-2 text-right">
-                        
-                        <div className="grid grid-cols-[1fr_auto] items-center gap-7">
+                        <div className="grid grid-cols-[1fr_auto] items-center gap-6">
                             <span className="text-[15px] text-[#555]">평균RDII</span>
-                            <div className="w-[66px] flex items-end justify-start gap-2">
-                                <span className="text-[18px] font-extrabold text-[#111]">{rdiiQty}</span>
-                                <span className="text-[14px] text-[#111]">m³/d</span>
+                            <div className="flex justify-end">
+                                <div className="flex items-end gap-2">
+                                    <span className="w-[105px] text-right text-[18px] font-extrabold text-[#111] tabular-nums">
+                                        {rdiiQty}
+                                    </span>
+                                    <span className="w-[52px] text-left text-[14px] text-[#111]">m³/d</span>
+                                </div>
                             </div>
                         </div>
 
-                        <div className="grid grid-cols-[1fr_auto] items-center gap-7">
+                        <div className="grid grid-cols-[1fr_auto] items-center gap-6">
                             <span className="text-[15px] text-[#555]">적용 강우량</span>
-                            <div className="w-[66px] flex items-end justify-start gap-2">
-                                <span className="text-[18px] font-extrabold text-[#111]">{rainTotal}</span>
-                                <span className="text-[14px] text-[#111]">mm</span>
+                            <div className="flex justify-end">
+                                <div className="flex items-end gap-2">
+                                    <span className="w-[105px] text-right text-[18px] font-extrabold text-[#111] tabular-nums">
+                                        {rainTotal}
+                                    </span>
+                                    <span className="w-[52px] text-left text-[14px] text-[#111]">mm</span>
+                                </div>
                             </div>
                         </div>
 
-                        <div className="grid grid-cols-[1fr_auto] items-center gap-7">
+                        <div className="grid grid-cols-[1fr_auto] items-center gap-6">
                             <span className="text-[15px] text-[#555]">강우량 대비 RDII</span>
-                            <div className="w-[66px] flex items-end justify-start gap-2">
-                                <span className="text-[18px] font-extrabold text-[#111]">{totalVolume}</span>
-                                <span className="text-[14px] text-[#111]">m³/mm</span>
+                            <div className="flex justify-end">
+                                <div className="flex items-end gap-2">
+                                    <span className="w-[105px] text-right text-[18px] font-extrabold text-[#111] tabular-nums">
+                                        {totalVolume}
+                                    </span>
+                                    <span className="w-[52px] text-left text-[14px] text-[#111]">m³/mm</span>
+                                </div>
                             </div>
                         </div>
                     </div>