From b98032155715655915ad1a71122fa0d9f181fb1a Mon Sep 17 00:00:00 2001
From: swcho <swcho@mind-one.co.kr>
Date: Fri, 25 Jul 2025 14:24:24 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20-=20=EC=9A=B4=EC=98=81=EC=A0=95=EB=B3=B4?=
 =?UTF-8?q?=20=EA=B2=80=EC=83=89=20=ED=95=9C=20=ED=8E=98=EC=9D=B4=EC=A7=80?=
 =?UTF-8?q?=EC=97=90=204=EA=B0=9C=EC=94=A9=EC=9C=BC=EB=A1=9C=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD=20(=ED=99=94=EB=A9=B4=20=EB=B9=84=EC=9C=A8=20?=
 =?UTF-8?q?=EA=B3=A0=EB=A0=A4)=20-=20=EC=83=81=EC=84=B8=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20X=20=EB=B2=84=ED=8A=BC=20=EC=9C=84=EC=B9=98=20?=
 =?UTF-8?q?=EA=B3=A0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../map/featureClickEventPopup.tsx            | 87 ++++++++++---------
 .../map/searchModal/searchModal.tsx           | 12 +--
 2 files changed, 51 insertions(+), 48 deletions(-)

diff --git a/apps/sn/app/(map-layout)/map/featureClickEventPopup.tsx b/apps/sn/app/(map-layout)/map/featureClickEventPopup.tsx
index 5c1ebc797..5259fdab6 100644
--- a/apps/sn/app/(map-layout)/map/featureClickEventPopup.tsx
+++ b/apps/sn/app/(map-layout)/map/featureClickEventPopup.tsx
@@ -473,55 +473,58 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
   return (
     <div id="popup" className="absolute top-0 right-0 w-[350px] h-[calc(100vh-10rem)] bg-white border-r border-gray-300 flex flex-col overflow-hidden transition-all duration-300 z-[50]">
       <LoadingOverlay isLoading={isLoading} />
-      <div className="card-header bg-primary flex items-center justify-between p-4">
-        <div className="flex items-center">
-          <h3 className="text-2xl font-medium text-white text-label whitespace-nowrap mr-4">{layerNm}
+      <div className="card-header bg-primary flex items-center justify-between relative p-4">
+        <div className="flex items-center space-x-4 flex-1">
+          <h3 className="text-2xl font-medium text-white text-label whitespace-nowrap">{layerNm}
             {tableData?.usg_cd && (
               <>
                 ({tableData.usg_cd})
               </>
             )} 정보 <br />관리번호 : {layerSpecificNm}
           </h3>
+          <div className="flex items-center space-x-3">
+            {/* 🎯 하수관로일 때만 Infil/RDII 버튼 표시 */}
+            {layerNm === '하수관로' && (
+              <>
+                <Button onClick={() => setIsModalInfil(true)}
+                  className="py-1 text-xl text-blue-600 border border-blue-600 rounded hover:bg-gray-700"
+                  color="white"
+                  size="sm"
+                >
+                  침입수분석
+                </Button>
+                <Button onClick={() => setIsModalRdii(true)}
+                  className="py-1 text-xl text-gray-600 border border-gray-600 rounded hover:bg-gray-700"
+                  color="white"
+                  size="sm"
+                >
+                  RDII분석
+                </Button>
+              </>
+            )}
+            {layerNm === '하수맨홀' && (
+              <>
+                <Button onClick={() => {
+                  setIsLoading(true);
+                  searchUpperPpls(layerSpecificNm).finally(() => setIsLoading(false));
+                }}
+                  className="px-2 py-1 text-xl text-gray-600 border border-gray-600 rounded hover:bg-gray-700"
+                  color="white"
+                >
+                  상류관로 보기
+                </Button>
+              </>
+            )}
+          </div>
         </div>
-
-        <div className="flex items-center space-x-3">
-          {/* 🎯 하수관로일 때만 Infil/RDII 버튼 표시 */}
-          {layerNm === '하수관로' && (
-            <>
-              <Button onClick={() => setIsModalInfil(true)}
-                className="px-2 py-1 text-xl text-blue-600 border border-blue-600 rounded hover:bg-gray-700"
-                color="white"
-              >
-                침입수분석
-              </Button>
-              <Button onClick={() => setIsModalRdii(true)}
-                className="px-2 py-1 text-xl text-gray-600 border border-gray-600 rounded hover:bg-gray-700"
-                color="white"
-              >
-                RDII분석
-              </Button>
-            </>
-          )}
-          {layerNm === '하수맨홀' && (
-            <>
-              <Button onClick={() => {
-                setIsLoading(true);
-                searchUpperPpls(layerSpecificNm).finally(() => setIsLoading(false));
-              }}
-                className="px-2 py-1 text-xl text-gray-600 border border-gray-600 rounded hover:bg-gray-700"
-                color="white"
-              >
-                상류관로 보기
-              </Button>
-            </>
-          )}
-          <Button
-            onClick={onClose}
-            className="text-white hover:text-gray-300 focus:outline-none"
-          >
-            ✕
-          </Button>
-        </div>
+        <Button
+          onClick={onClose}
+          // className="text-white hover:text-gray-300 focus:outline-none"
+          className="absolute top-8 right-4 text-white hover:text-gray-300 focus:outline-none"
+          size="xs"
+        >
+          ✕
+        </Button>
       </div>
       <div className="overflow-y-auto overflow-x-hidden flex-1" ref={contentRef}>
         <VerticalTable
diff --git a/apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx b/apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx
index 521d9d3c4..b7661d9a4 100644
--- a/apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx
+++ b/apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx
@@ -208,7 +208,7 @@ const SearchModal: React.FC<SearchModalProps> = ({
       } else if (activeTab === 'operation') {
         const RequestDTO: Record<string, string> = {
           page: `${curPage - 1}`,
-          size: '5',
+          size: '4',
         };
         if (var1) RequestDTO.bizNm = var1;
         if (var2 != '0' && var2) RequestDTO.bizTyCd = var2;
@@ -487,8 +487,8 @@ const SearchModal: React.FC<SearchModalProps> = ({
       try {
         const RequestDTO: Record<string, string> = {
           page: `${detailCurPage - 1}`,
-          size: '5',
-          bizId: tableData[index % 5].bizId,
+          size: '4',
+          bizId: tableData[index % 4].bizId,
         };
 
         const res = await getData(`v1/bizInfo/fclts?${new URLSearchParams(RequestDTO).toString()}`);
@@ -523,7 +523,7 @@ const SearchModal: React.FC<SearchModalProps> = ({
       try {
         const RequestDTO: Record<string, string> = {
           page: `${detailCurPage - 1}`,
-          size: '5',
+          size: '4',
           bizId: String(detailBizId),
         };
         const res = await getData(`v1/bizInfo/fclts?${new URLSearchParams(RequestDTO).toString()}`);
@@ -689,7 +689,7 @@ const SearchModal: React.FC<SearchModalProps> = ({
                 }
                 tableData={tableData}
                 headlist={dynamicHeadlist}
-                pageSize={5}
+                pageSize={4}
                 total={tableCount}
                 cellClick={handleOperationCellClick}
                 onPageChange={setCurPage}
@@ -711,7 +711,7 @@ const SearchModal: React.FC<SearchModalProps> = ({
                 }
                 tableData={detailTableData}
                 headlist={dynamicHeadlist2}
-                pageSize={5}
+                pageSize={4}
                 total={detailTableCount}
                 cellClick={undefined}
                 onPageChange={setDetailCurPage}