From 57afe5dc5ca7c1f2834742c22583a63e1971a6f3 Mon Sep 17 00:00:00 2001
From: ljpark <mind-one005@mind-one.co.kr>
Date: Mon, 16 Mar 2026 17:20:45 +0900
Subject: [PATCH] =?UTF-8?q?fo:=20=EC=B4=9D=20=EA=B1=B4=EC=88=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../popupComponent/featureClickEventPopup.tsx          |  8 ++++----
 apps/sn/app/(map-layout)/map/searchModal/reportTab.tsx |  2 +-
 .../app/(map-layout)/map/searchModal/searchModal.tsx   |  6 +++---
 .../common/business_components/src/ui/table/index.tsx  | 10 +++++++---
 4 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/apps/sn/app/(map-layout)/map/components/popupComponent/featureClickEventPopup.tsx b/apps/sn/app/(map-layout)/map/components/popupComponent/featureClickEventPopup.tsx
index 8d600ea86..11e61b006 100644
--- a/apps/sn/app/(map-layout)/map/components/popupComponent/featureClickEventPopup.tsx
+++ b/apps/sn/app/(map-layout)/map/components/popupComponent/featureClickEventPopup.tsx
@@ -49,16 +49,16 @@ const linkedFacilityHighlightStyle = new Style({
       color: 'rgba(255, 235, 59, 0.35)',
     }),
     stroke: new Stroke({
-      color: 'rgba(255, 193, 7, 0.95)',
-      width: 4,
+      color: 'rgba(255, 193, 7, 0.45)',
+      width: 2,
     }),
   }),
   fill: new Fill({
     color: 'rgba(255, 235, 59, 0.2)',
   }),
   stroke: new Stroke({
-    color: 'rgba(255, 193, 7, 0.95)',
-    width: 5,
+    color: 'rgba(255, 193, 7, 0.35)',
+    width: 2.5,
   }),
   zIndex: 9999,
 });
diff --git a/apps/sn/app/(map-layout)/map/searchModal/reportTab.tsx b/apps/sn/app/(map-layout)/map/searchModal/reportTab.tsx
index a90284dde..ad57c0a5f 100644
--- a/apps/sn/app/(map-layout)/map/searchModal/reportTab.tsx
+++ b/apps/sn/app/(map-layout)/map/searchModal/reportTab.tsx
@@ -249,7 +249,7 @@ const ReportTab: React.FC<ReportTabProps> = ({ open, isSearch = true, ctpvNm, sg
           <LoadingOverlay isLoading={isLoading} />
           <UiTable
             headName={(() => {
-              return (<>조회 결과 ({tableCount.toLocaleString('ko-KR')})건</>);
+              return (<>조회 결과</>);
             })()
             }
             tableData={tableData}
diff --git a/apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx b/apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx
index d179652f3..3ce334518 100644
--- a/apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx
+++ b/apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx
@@ -130,7 +130,7 @@ const SearchModal: React.FC = () => {
             <UiTable className='w-[120%]'
               headName={(() => {
                 const label = BASIC_TYPES.find((type) => type.val === basicType)?.text
-                return (<>{label} 조회 결과 ({tableCount.toLocaleString('ko-KR')})건</>);
+                return (<>{label} 조회 결과</>);
               })()
               }
               tableData={tableData}
@@ -161,7 +161,7 @@ const SearchModal: React.FC = () => {
               headName={
                 (() => {
                   const label = WORK_TYPES.find((type) => type.val === workType)?.text
-                  return (<>{label} 사업 현황 ({tableCount.toLocaleString('ko-KR')})건</>);
+                  return (<>{label} 사업 현황</>);
                 })()
               }
               tableData={tableData}
@@ -188,7 +188,7 @@ const SearchModal: React.FC = () => {
               headName={
                 (() => {
                   const label = WORK_TYPES.find((type) => type.val === workType)?.text
-                  return (<>{label} 결과표 ({detailTableCount.toLocaleString('ko-KR')})건</>);
+                  return (<>{label} 결과표</>);
                 })()
               }
               tableData={detailTableData}
diff --git a/packages/common/business_components/src/ui/table/index.tsx b/packages/common/business_components/src/ui/table/index.tsx
index d2fd81de6..e5fc933ae 100644
--- a/packages/common/business_components/src/ui/table/index.tsx
+++ b/packages/common/business_components/src/ui/table/index.tsx
@@ -16,6 +16,7 @@ export type ChkClass = {
   chk: boolean;
   readonly: boolean;
 };
+
 type UiTableProps<T extends object> = {
   headName: React.ReactNode | undefined;
   tableData: T[];
@@ -123,17 +124,20 @@ export function UiTable<T extends object = Record<string, unknown>>({
   };
 
   const leafCols = getLeafCols(headlist);
+  const totalLabel = typeof total === "number" ? total.toLocaleString("ko-KR") : " ";
+  const hasTotal = typeof total === "number";
+
   return (
     <>
       {headName ? (
         headButton ? (
           <div className="card-header flex items-center justify-between">
-            <h3 className="text-2xl font-medium text-label">{headName}</h3>
+            <h3 className="text-2xl font-medium text-label">{headName}  총 {totalLabel}건</h3>
             <>{headButton}</>
           </div>
         ) : (
           <div className="card-header">
-            <h3 className="text-2xl font-medium text-label">{headName}</h3>
+            <h3 className="text-2xl font-medium text-label">{headName}  총 {totalLabel}건</h3>
           </div>
         )
       ) : (
@@ -286,7 +290,7 @@ export function UiTable<T extends object = Record<string, unknown>>({
             )}
           </TableBody>
         </Table>
-        {total <= 0 ? (
+        {!hasTotal || total <= 0 ? (
           <></>
         ) : (
           <UiPageNations