diff --git a/apps/wr/app/ruseFcltMng/fcltSttn/htdflSttn/page.tsx b/apps/wr/app/ruseFcltMng/fcltSttn/htdflSttn/page.tsx
index e43d5b04f..959367202 100644
--- a/apps/wr/app/ruseFcltMng/fcltSttn/htdflSttn/page.tsx
+++ b/apps/wr/app/ruseFcltMng/fcltSttn/htdflSttn/page.tsx
@@ -8,6 +8,7 @@ import type {
 } from "@/app/store/ruseFcltMng/fcltReg/rainReg";
 import {
   excelDownload,
+  getCity,
   getCityOrSgg,
   tableData,
 } from "@/components/lib/func/commom";
@@ -16,16 +17,23 @@ import SttnDetailModal from "@/components/ui/modal/sttn/sttnDetailModal/sttnDeta
 import {
   ContentsDiv,
   SearchBaseForm,
+  SearchDiv,
+  SearchFormLeft,
+  SearchFormRight,
+  SearchInput,
+  SelectBox,
   Title,
   UiModal,
   UiTable,
   type ReturnType,
+  type SelectDataType,
 } from "@common/business_components/ui";
 import ListDiv from "@common/business_components/ui/list_div";
-import { Button } from "@common/components/ui";
+import { Button, Label } from "@common/components/ui";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { excelHtdflSttnParsing } from "@/app/store/ruseFcltMng/fcltSttn/htdflSttn/excel";
 import { HeadMakeColSpan } from "@common/business_components/ui/table/HeadMakeColSpan";
+import type { objSearchType } from "@/components/ui/modal/fcltReg/bdstRegModal/bdstRegModal";
 
 export default function HtdflSttn() {
   const { code, htdflSttn, htdflSttnSearch, initHtdfl } = useWrStore(
@@ -38,6 +46,8 @@ export default function HtdflSttn() {
   const [pageNation, setPageNation] = useState(1);
   const [isChHead, setIsChHead] = useState(false);
   const [bdstTable, setBdstTable] = useState<customRainBdst[]>();
+  const [selectSgg, setSelectSgg] = useState<SelectDataType[] | []>()
+  const [objSearch, setObjSearch] = useState<objSearchType>({ sgg: "", city: "" });
   const [detailModal, setDetailModal] = useState<{
     isOpen: boolean;
     data: customRainBdst | undefined;
@@ -46,17 +56,47 @@ export default function HtdflSttn() {
     isOpen: boolean;
     chBuilding: chgBuilding[];
   }>({ isOpen: false, chBuilding: [] });
-
-  const codeData = getCityOrSgg(ref);
+  const [fcltNm, setFcltNm] = useState<string>("");
 
   const excelClick = useCallback(() => {
-    if (codeData) htdflSttnSearch(1, "10000", codeData);
-  }, [htdflSttnSearch, codeData]);
+    // 최신 검색 조건 반영
+    const con = getConValue();
+    htdflSttnSearch(1, "10000", String(con), fcltNm, code.cityCd, code.sggCd);
+  }, [htdflSttnSearch, objSearch, code.cityCd, code.sggCd]);
 
   useEffect(() => {
-    if (codeData != null) htdflSttnSearch(pageNation, "20", codeData);
+    htdflSttnSearch(pageNation, "20", String(getConValue()), fcltNm, code.cityCd, code.sggCd);
   }, [pageNation]);
 
+  const getSelCity = (val: string | number) => {
+    const cityValue = String(val);
+
+    if (cityValue === "0") {
+      setSelectSgg([]);
+      setObjSearch({ city: cityValue, sgg: "" });
+    } else {
+      const data = getCity(cityValue, code.sggCd);
+      setSelectSgg(data);
+
+      const firstSggVal = data.find(item => item.val === "0")?.val || (data[0]?.val ?? "");
+      setObjSearch({ city: cityValue, sgg: firstSggVal });
+    }
+  };
+
+  const getSgg = (val: string | number) => {
+    setObjSearch({ ...objSearch, sgg: String(val) })
+  };
+
+  const getConValue = () => {
+    if (!objSearch.city || objSearch.city === "0") {
+      return "0";
+    }
+    if (objSearch.sgg && objSearch.sgg !== "0") {
+      return objSearch.sgg;
+    }
+    return objSearch.city;
+  };
+
   const cellClick = (index: number | undefined, headId: string) => {
     if (
       headId !== "chBuildingYn" &&
@@ -67,42 +107,34 @@ export default function HtdflSttn() {
     }
   };
   useEffect(() => {
-    const excelDown = async () => {
-      if (htdflSttn.excelList.length > 0) {
-        if (htdflSttn.excelList.length === 0) return;
-        const excelData = await tableData(htdflSttn.excelList, { code });
-        const htdflExcel = excelHtdflSttnParsing(excelData, code.cityCd, code.sggCd);
-        excelDownload(
-          htdflExcel as [[]],
-          "온배수시설 현황",
-          "sample_htdflSttn.xlsx",
-          "A1:S3"
-        );
-      }
-    };
-    excelDown();
+    if (htdflSttn.excelList.length > 0) {
+      if (htdflSttn.excelList.length === 0) return;
+      excelDownload(
+        htdflSttn.excelList,
+        "온배수시설 현황",
+        "sample_htdflSttn.xlsx",
+        "A1:S3"
+      );
+    }
   }, [htdflSttn.excelList, code]);
 
   useEffect(() => {
     if (!htdflSttn.isInit) {
-      initHtdfl(codeData ?? "0");
+      initHtdfl(1, "20", "0", fcltNm, code.cityCd, code.sggCd);
     }
   }, [htdflSttn.isInit, initHtdfl]);
 
   useEffect(() => {
-    if (htdflSttnRes.length > 0 && code.cityCd.length > 0) {
-      const data = tableData(htdflSttnRes, { code });
-      const chData = data
-        .map((item: any) => ({
-          ...item,
-          ...item.reuseBuilding[0],
-          ...item.reuseBuilding[0].htdflObj,
-          chBuildingYn: item.chgBuilding[0]?.bdstChgNm !== null ? "Y" : "N",
-        }))
-        .filter((item: any) => item.htdflObj !== undefined);
-
-      setBdstTable(chData);
-    }
+    const data = tableData(htdflSttnRes, { code });
+    const chData = data
+      .map((item: any) => ({
+        ...item,
+        ...item.reuseBuilding[0],
+        ...item.reuseBuilding[0].htdflObj,
+        chBuildingYn: item.chgBuilding[0]?.bdstChgNm !== null ? "Y" : "N",
+      }))
+      .filter((item: any) => item.htdflObj !== undefined);
+    setBdstTable(chData);
   }, [code, htdflSttnRes, htdflSttn.htdflSttHeadList]);
 
   return (
@@ -111,43 +143,76 @@ export default function HtdflSttn() {
         <div className="grid grid-cols-4 gap-4 ">
           <div className="col-span-4">
             <Title title={"온배수 시설 현황"} />
-            <SearchBaseForm
-              selectSidoData={code.cityCd}
-              selectSigunData={code.sggCd}
-              selectRegionData={code.rvbsnCd}
-              selectUnitWaterShedData={code.lgbsnCd}
-              selectMiddleRegionData={code.mdmbsnCd}
-              selectEnvPartData={code.lclgvrnmntCd}
-              rightChildren={<Button
-                className={btnClass}
-                onClick={() => {
-                  setIsChHead(true);
-                } }
-              >
-                조회항목설정
-              </Button>}
-              leftChildren={undefined}
-              queryClick={function (returnType: ReturnType): void {
-                // '{partValue: 'A', sidoValue: '0', sigunValue: '0', regionValue: '0', unitWaterShedValue: '0', …}'
-                let con;
-                if (returnType.sigunValue != "0") {
-                  con = returnType.sigunValue;
-                } else {
-                  con = returnType.sidoValue;
-                }
-                 htdflSttnSearch(pageNation, "20", con);
-              } }
-              excelClick={excelClick}
-              initClick={function (): void { } }
-              btnClass={btnClass}
-              ref={ref} isAdmin={false}            />
+
+            <SearchDiv>
+              <SearchFormLeft>
+                <div className="col-span-10 flex flex-row">
+                  <SelectBox
+                    className="col-span-2 w-1/6 h-full text-2xl"
+                    label="시도"
+                    selectClass={""}
+                    selectArray={code.cityCd}
+                    onSelectValue={getSelCity}
+                  />
+                  <SelectBox
+                    className="col-span-2 w-1/6 h-full text-2xl ml-4"
+                    label="시군구"
+                    selectClass={""}
+                    selectArray={selectSgg || []}
+                    value={objSearch.sgg} // value props 추가
+                    onSelectValue={getSgg}
+                  />
+                  <div className="col-span-2 flex flex-row space-x-2">
+                    <Label className="w-28 mt-2 text-xl text-gray-600">
+                      {"시설명"}
+                    </Label>
+                    <SearchInput
+                      className={"w-full h-full text-2xl"}
+                      label={""}
+                      textValue={fcltNm || ""}
+                      setText={setFcltNm}
+                    />
+                  </div>
+                </div>
+              </SearchFormLeft>
+              <SearchFormRight
+                className="w-2/12 mx-5 flex flex-col items-center justify-center space-x-2 ">
+                <div className="flex flex-row space-x-2 items-center">
+                  <Button
+                    size={"sm"}
+                    onClick={() => {
+                      const con = getConValue();
+                      htdflSttnSearch(pageNation, "20", String(con), fcltNm, code.cityCd, code.sggCd);
+                    }}
+                  >
+                    조회
+                  </Button>
+                  <Button
+                    size={"sm"}
+                    className={`${btnClass} green`}
+                    onClick={excelClick}
+                  >
+                    다운로드
+                  </Button>
+                  <Button
+                    size={"sm"}
+                    className={btnClass}
+                    onClick={() => {
+                      setIsChHead(true);
+                    }}
+                  >
+                    조회항목설정
+                  </Button>
+                </div>
+              </SearchFormRight>
+            </SearchDiv>
           </div>
         </div>
         <div className="grid grid-cols-6 gap-4 ">
           <div className="col-span-6">
             <ListDiv>
               <UiTable
-                headName={[]}
+                headName={undefined}
                 tableData={bdstTable || []}
                 children={
                   <HeadMakeColSpan upHeadList={htdflSttn.htdflSttNodeList} />
diff --git a/apps/wr/app/ruseFcltMng/fcltSttn/rainSttn/page.tsx b/apps/wr/app/ruseFcltMng/fcltSttn/rainSttn/page.tsx
index 7e068bcd0..0b6dffe07 100644
--- a/apps/wr/app/ruseFcltMng/fcltSttn/rainSttn/page.tsx
+++ b/apps/wr/app/ruseFcltMng/fcltSttn/rainSttn/page.tsx
@@ -24,7 +24,7 @@ import {
   type SelectDataType,
 } from "@common/business_components/ui";
 import ListDiv from "@common/business_components/ui/list_div";
-import { Button } from "@common/components/ui";
+import { Button, Label } from "@common/components/ui";
 import { useCallback, useEffect, useRef, useState } from "react";
 import type {
   chgBuilding,
@@ -52,8 +52,7 @@ export default function RainSttn() {
     isOpen: boolean;
     chBuilding: chgBuilding[];
   }>({ isOpen: false, chBuilding: [] });
-
-  const codeData = getCityOrSgg(ref);
+  const [fcltNm, setFcltNm] = useState<string>("");
 
   const cellClick = (index: number | undefined, headId: string) => {
 
@@ -82,7 +81,6 @@ export default function RainSttn() {
   };
 
   const getSgg = (val: string | number) => {
-    console.log("val", val)
     setObjSearch({ ...objSearch, sgg: String(val) })
   };
 
@@ -96,11 +94,9 @@ export default function RainSttn() {
     return objSearch.city;
   };
 
-
-
   useEffect(() => {
     if (!rainSttn.isInit) {
-      rainSttnInit(codeData ?? "0");
+      rainSttnInit(1, "20", "0", fcltNm, code.cityCd, code.sggCd);
     }
   }, [rainSttn.isInit, rainSttnInit]);
 
@@ -108,8 +104,6 @@ export default function RainSttn() {
     const data = tableData(rainSttnRes, { code });
     const chData = data
       .map((item: any) => {
-        console.log("item", item);
-        console.log("왜안돼", item.reuseBuilding[0].rainyObj.dtfcltCpct)
         return {
           ...item,
           ...item.reuseBuilding[0],
@@ -124,15 +118,21 @@ export default function RainSttn() {
             ? "확인불가"
             : item.reuseBuilding[0].instlCstSprtAmt,
           chBuildingYn: item.chgBuilding[0]?.bdstChgNm !== null ? "Y" : "N",
+          pntfColArea: item.reuseBuilding[0].rainyObj.pntfColArea === -1
+            ? "확인불가"
+            : item.reuseBuilding[0].rainyObj.pntfColArea,
+          filtrTrtmfctCpct: item.reuseBuilding[0].rainyObj.filtrTrtmfctCpct === -1
+            ? "확인불가"
+            : item.reuseBuilding[0].rainyObj.filtrTrtmfctCpct,
+          archArea: Math.floor(item.archArea) === -1 ? "확인불가" : item.archArea,
         };
       })
       .filter((item: any) => item.rainyObj !== undefined);
-    console.log("chData", chData)
     setBdstTable(chData);
   }, [code, rainSttnRes, rainSttn.rainSttHeadList]);
 
   useEffect(() => {
-    if (codeData != null) rainSttnSearch(pageNation, "20", codeData, code.cityCd, code.sggCd);
+    rainSttnSearch(pageNation, "20", String(getConValue()), fcltNm, code.cityCd, code.sggCd);
   }, [pageNation]);
 
   useEffect(() => {
@@ -147,13 +147,10 @@ export default function RainSttn() {
     }
   }, [rainSttn.excelList]);
 
-  // const excelClick = useCallback(() => {
-  //   if (codeData) rainSttnSearch(1, "10000", codeData, code.cityCd, code.sggCd);
-  // }, [rainSttnSearch, codeData, code.cityCd, code.sggCd]);
   const excelClick = useCallback(() => {
     // 최신 검색 조건 반영
     const con = getConValue();
-    rainSttnSearch(1, "10000", String(con), code.cityCd, code.sggCd);
+    rainSttnSearch(1, "10000", String(con), fcltNm, code.cityCd, code.sggCd);
   }, [rainSttnSearch, objSearch, code.cityCd, code.sggCd]);
 
   return (
@@ -162,8 +159,6 @@ export default function RainSttn() {
         <div className="grid grid-cols-4 gap-4 ">
           <div className="col-span-4">
             <Title title={"빗물재이용 시설 현황"} />
-
-
             <SearchDiv>
               <SearchFormLeft>
                 <div className="col-span-10 flex flex-row">
@@ -182,6 +177,17 @@ export default function RainSttn() {
                     value={objSearch.sgg} // value props 추가
                     onSelectValue={getSgg}
                   />
+                  <div className="col-span-2 flex flex-row space-x-2">
+                    <Label className="w-28 mt-2 text-xl text-gray-600">
+                      {"시설명"}
+                    </Label>
+                    <SearchInput
+                      className={"w-full h-full text-2xl"}
+                      label={""}
+                      textValue={fcltNm || ""}
+                      setText={setFcltNm}
+                    />
+                  </div>
                 </div>
               </SearchFormLeft>
               <SearchFormRight
@@ -191,7 +197,7 @@ export default function RainSttn() {
                     size={"sm"}
                     onClick={() => {
                       const con = getConValue();
-                      rainSttnSearch(1, "20", String(con), code.cityCd, code.sggCd);
+                      rainSttnSearch(pageNation, "20", String(con), fcltNm, code.cityCd, code.sggCd);
                     }}
                   >
                     조회
@@ -215,50 +221,6 @@ export default function RainSttn() {
                 </div>
               </SearchFormRight>
             </SearchDiv>
-
-
-
-
-
-
-
-
-
-
-            {/* <SearchBaseForm
-              selectSidoData={code.cityCd}
-              selectSigunData={code.sggCd}
-              selectRegionData={code.rvbsnCd}
-              selectUnitWaterShedData={code.lgbsnCd}
-              selectMiddleRegionData={code.mdmbsnCd}
-              selectEnvPartData={code.lclgvrnmntCd}
-              rightChildren={
-                <Button
-                  className={btnClass}
-                  onClick={() => {
-                    setIsChHead(true);
-                  }}
-                >
-                  조회항목설정
-                </Button>
-              }
-              leftChildren={undefined}
-              queryClick={function (returnType: ReturnType): void {
-                // '{partValue: 'A', sidoValue: '0', sigunValue: '0', regionValue: '0', unitWaterShedValue: '0', …}'
-                let con;
-                if (returnType.sigunValue != "0") {
-                  con = returnType.sigunValue;
-                } else {
-                  con = returnType.sidoValue;
-                }
-                rainSttnSearch(1, "20", con, code.cityCd, code.sggCd);
-              }}
-              excelClick={excelClick}
-              initClick={function (): void { }}
-              btnClass={btnClass}
-              ref={ref}
-              isAdmin={false}
-            /> */}
           </div>
         </div>
         <div className="grid grid-cols-6 gap-4 ">
diff --git a/apps/wr/app/ruseFcltMng/fcltSttn/rswtSttn/page.tsx b/apps/wr/app/ruseFcltMng/fcltSttn/rswtSttn/page.tsx
index f9b3c6187..ee7a344f8 100644
--- a/apps/wr/app/ruseFcltMng/fcltSttn/rswtSttn/page.tsx
+++ b/apps/wr/app/ruseFcltMng/fcltSttn/rswtSttn/page.tsx
@@ -5,23 +5,31 @@ import type { chgBuilding } from "@/app/store/ruseFcltMng/fcltReg/rainReg";
 import type { customRswtBdst } from "@/app/store/ruseFcltMng/fcltReg/rswtReg";
 import {
   excelDownload,
+  getCity,
   getCityOrSgg,
   tableData,
 } from "@/components/lib/func/commom";
 import BdstChgModal from "@/components/ui/modal/fcltReg/bdstChgModal/bdstChgModal";
+import type { objSearchType } from "@/components/ui/modal/fcltReg/bdstRegModal/bdstRegModal";
 import HeadChModal from "@/components/ui/modal/sttn/headChModal/headChModal";
 import SttnDetailModal from "@/components/ui/modal/sttn/sttnDetailModal/sttnDetailModal";
 import {
   ContentsDiv,
   SearchBaseForm,
+  SearchDiv,
+  SearchFormLeft,
+  SearchFormRight,
+  SearchInput,
+  SelectBox,
   Title,
   UiModal,
   UiTable,
   type ReturnType,
+  type SelectDataType,
 } from "@common/business_components/ui";
 import ListDiv from "@common/business_components/ui/list_div";
 import { HeadMakeColSpan } from "@common/business_components/ui/table/HeadMakeColSpan";
-import { Button } from "@common/components/ui";
+import { Button, Label } from "@common/components/ui";
 import { useCallback, useEffect, useRef, useState } from "react";
 
 export default function RswtSttn() {
@@ -34,13 +42,14 @@ export default function RswtSttn() {
   const [isChHead, setIsChHead] = useState(false);
   const ref = useRef<ReturnType>({} as ReturnType);
   const [bdstTable, setBdstTable] = useState<customRswtBdst[]>();
+  const [selectSgg, setSelectSgg] = useState<SelectDataType[] | []>()
+  const [objSearch, setObjSearch] = useState<objSearchType>({ sgg: "", city: "" });
   const [detailModal, setDetailModal] = useState<{ isOpen: boolean, data: customRswtBdst | undefined }>({ data: undefined, isOpen: false })
   const [bdstChgProps, setBdstChgProps] = useState<{
     isOpen: boolean;
     chBuilding: chgBuilding[];
   }>({ isOpen: false, chBuilding: [] });
-
-  const codeCityOrSgg = getCityOrSgg(ref);
+  const [fcltNm, setFcltNm] = useState<string>("");
 
   const cellClick = (index: number | undefined, headId: string) => {
 
@@ -50,37 +59,67 @@ export default function RswtSttn() {
       if (
         bdstTable[index] &&
         bdstTable[index]?.chBuildingYn === 'Y'
-
       ) {
-
         setBdstChgProps({ isOpen: true, chBuilding: bdstTable[index].chgBuilding });
       }
     }
   }
 
+  const getSelCity = (val: string | number) => {
+    const cityValue = String(val);
+
+    if (cityValue === "0") {
+      setSelectSgg([]);
+      setObjSearch({ city: cityValue, sgg: "" });
+    } else {
+      const data = getCity(cityValue, code.sggCd);
+      setSelectSgg(data);
+
+      const firstSggVal = data.find(item => item.val === "0")?.val || (data[0]?.val ?? "");
+      setObjSearch({ city: cityValue, sgg: firstSggVal });
+    }
+  };
+
+  const getSgg = (val: string | number) => {
+    setObjSearch({ ...objSearch, sgg: String(val) })
+  };
+
+  const getConValue = () => {
+    if (!objSearch.city || objSearch.city === "0") {
+      return "0";
+    }
+    if (objSearch.sgg && objSearch.sgg !== "0") {
+      return objSearch.sgg;
+    }
+    return objSearch.city;
+  };
+
   useEffect(() => {
     if (!rswtSttn.isInit) {
-      rswtSttnInit("0");
+      rswtSttnInit(1, "20", "0", fcltNm, code.cityCd, code.sggCd);
     }
   }, [rswtSttn.isInit, rswtSttnInit]);
 
   useEffect(() => {
-    if (rswtSttnRes?.length > 0 && code.cityCd.length > 0) {
-      const data = tableData(rswtSttnRes, { code });
-      const chData = data
-        .map((item: customRswtBdst) => ({
+    const data = tableData(rswtSttnRes, { code });
+    const chData = data
+      .map((item: customRswtBdst) => {
+        return {
           ...item,
           ...item.reuseBuilding[0],
           ...item.reuseBuilding[0]?.rswtrObj,
-          chBuildingYn: item?.chgBuilding[0]?.bdstChgNm !== null && item?.chgBuilding.length > 0 ? 'Y' : 'N'
-        }))
-        .filter(
-          (item: customRswtBdst) =>
-            item.reuseBuilding[0]?.rswtrObj !== undefined
-        );
+          chBuildingYn: item?.chgBuilding[0]?.bdstChgNm !== null && item?.chgBuilding.length > 0 ? 'Y' : 'N',
+          instlCst: item.reuseBuilding[0]?.instlCst === -1 ? "확인불가" : item.reuseBuilding[0]?.instlCst,
+          instlCstSprtAmt: item.reuseBuilding[0]?.instlCstSprtAmt === -1 ? "확인불가" : item.reuseBuilding[0]?.instlCstSprtAmt,
+          archArea : item?.archArea.split('.')[0]!=='-1'?item?.archArea.split('.')[0]:'확인불가'
+        }
+      })
+      .filter(
+        (item: customRswtBdst) =>
+          item.reuseBuilding[0]?.rswtrObj !== undefined
+      );
 
-      setBdstTable(chData);
-    }
+    setBdstTable(chData);
   }, [code, rswtSttnRes]);
 
   useEffect(() => {
@@ -95,16 +134,14 @@ export default function RswtSttn() {
     }
   }, [rswtSttn.excelList]);
 
-  const excelClick = useCallback(
-    (returnType: ReturnType) => {
-      if (codeCityOrSgg)
-        rswtSttnSearch(1, "10000", codeCityOrSgg, code.cityCd, code.sggCd);
-    },
-    [rswtSttnSearch, code.cityCd, code.sggCd, codeCityOrSgg]
-  );
+  const excelClick = useCallback(() => {
+    // 최신 검색 조건 반영
+    const con = getConValue();
+    rswtSttnSearch(1, "10000", String(con), fcltNm, code.cityCd, code.sggCd);
+  }, [rswtSttnSearch, objSearch, code.cityCd, code.sggCd]);
 
   useEffect(() => {
-    if (codeCityOrSgg != null) rswtSttnSearch(pageNation, "20", codeCityOrSgg, code.cityCd, code.sggCd);
+    rswtSttnSearch(pageNation, "20", String(getConValue()), fcltNm, code.cityCd, code.sggCd);
   }, [pageNation]);
 
   return (
@@ -113,38 +150,75 @@ export default function RswtSttn() {
         <div className="grid grid-cols-4 gap-4 ">
           <div className="col-span-4">
             <Title title={"중수도시설 현황"} />
-            <SearchBaseForm
-              selectSidoData={code.cityCd}
-              selectSigunData={code.sggCd}
-              selectRegionData={code.rvbsnCd}
-              selectUnitWaterShedData={code.lgbsnCd}
-              selectMiddleRegionData={code.mdmbsnCd}
-              selectEnvPartData={code.lclgvrnmntCd}
-              rightChildren={<Button
-                className={btnClass}
-                onClick={() => {
-                  setIsChHead(true);
-                } }
-              >
-                조회항목설정
-              </Button>}
-              leftChildren={undefined}
-              queryClick={function (returnType: ReturnType): void {
-                // '{partValue: 'A', sidoValue: '0', sigunValue: '0', regionValue: '0', unitWaterShedValue: '0', …}'
-                if (codeCityOrSgg)
-                  rswtSttnSearch(1, "20", codeCityOrSgg, code.cityCd, code.sggCd);
-              } }
-              excelClick={excelClick}
-              initClick={function (): void { } }
-              btnClass={btnClass}
-              ref={ref} isAdmin={false}            />
+            <SearchDiv>
+              <SearchFormLeft>
+                <div className="col-span-10 flex flex-row">
+                  <SelectBox
+                    className="col-span-2 w-1/6 h-full text-2xl"
+                    label="시도"
+                    selectClass={""}
+                    selectArray={code.cityCd}
+                    onSelectValue={getSelCity}
+                  />
+                  <SelectBox
+                    className="col-span-2 w-1/6 h-full text-2xl ml-4"
+                    label="시군구"
+                    selectClass={""}
+                    selectArray={selectSgg || []}
+                    value={objSearch.sgg} // value props 추가
+                    onSelectValue={getSgg}
+                  />
+                  <div className="col-span-2 flex flex-row space-x-2">
+                    <Label className="w-28 mt-2 text-xl text-gray-600">
+                      {"시설명"}
+                    </Label>
+                    <SearchInput
+                      className={"w-full h-full text-2xl"}
+                      label={""}
+                      textValue={fcltNm || ""}
+                      setText={setFcltNm}
+                    />
+                  </div>
+                </div>
+              </SearchFormLeft>
+              <SearchFormRight
+                className="w-2/12 mx-5 flex flex-col items-center justify-center space-x-2 ">
+                <div className="flex flex-row space-x-2 items-center">
+                  <Button
+                    size={"sm"}
+                    onClick={() => {
+                      const con = getConValue();
+                      rswtSttnSearch(pageNation, "20", String(con), fcltNm, code.cityCd, code.sggCd);
+                    }}
+                  >
+                    조회
+                  </Button>
+                  <Button
+                    size={"sm"}
+                    className={`${btnClass} green`}
+                    onClick={excelClick}
+                  >
+                    다운로드
+                  </Button>
+                  <Button
+                    size={"sm"}
+                    className={btnClass}
+                    onClick={() => {
+                      setIsChHead(true);
+                    }}
+                  >
+                    조회항목설정
+                  </Button>
+                </div>
+              </SearchFormRight>
+            </SearchDiv>
           </div>
         </div>
         <div className="grid grid-cols-6 gap-4 ">
           <div className="col-span-6">
             <ListDiv>
               <UiTable
-                headName={[]}
+                headName={undefined}
                 tableData={bdstTable || []}
                 children={
                   <HeadMakeColSpan upHeadList={rswtSttn.rswtSttNodeList} />
diff --git a/apps/wr/app/store/ruseFcltMng/fcltSttn/htdflSttn/index.tsx b/apps/wr/app/store/ruseFcltMng/fcltSttn/htdflSttn/index.tsx
index dccc8719c..eb37d0d73 100644
--- a/apps/wr/app/store/ruseFcltMng/fcltSttn/htdflSttn/index.tsx
+++ b/apps/wr/app/store/ruseFcltMng/fcltSttn/htdflSttn/index.tsx
@@ -5,6 +5,7 @@ import type { z } from "zod";
 import { controlHeadView } from "../rainSttn";
 import type { customHtdflBdst } from "../../fcltReg/htdflReg";
 import { fetchType, getFetch } from "@/components/lib/api";
+import type { SelectDataType } from "@common/business_components/ui";
 
 const htdflSttHeadList = htdflSttHeadListExport;
 const htdflSttNodeList = htdflSttNodeListExport;
@@ -20,8 +21,12 @@ export type htdflSttnState = {
   };
 };
 type htdflSttnActions = {
-  initHtdfl: (con: string) => void;
-  htdflSttnSearch: (page: number, total: string, con: string) => void;
+  initHtdfl: (page: number, total: string, con: string, txt: string,
+        sidoCode: SelectDataType[],
+        sggCode: SelectDataType[]) => void;
+  htdflSttnSearch: (page: number, total: string, con: string, txt: string,
+      sidoCode: SelectDataType[],
+      sggCode: SelectDataType[]) => void;
   htdflChSttnHead: (
     headList: z.infer<typeof sttnHeadListType>,
   ) => void;
@@ -38,10 +43,17 @@ export const htdflSttnStateExport: htdflSttnState = {
     isInit: false,
   },
 };
-const initFetch = async (code: string | number) => {
+const initFetch = async (page: number, total: string, con: string, txt: string,
+  sidoCode: SelectDataType[],
+  sggCode: SelectDataType[]) => {
   const htdflRes = await getFetch(
     "wr",
-    `/drain/facilityList/1/20/${code}`)
+    `/drain/facilityList` +
+    (page ? `/${page}` : "/1") +
+    (total ? `/${total}` : "/20") +
+    (con ? `/${con}` : "/0") +
+    (txt ? `/${txt}` : "")
+  );
 
   return htdflRes;
 };
@@ -50,9 +62,11 @@ export const htdflSttnActionsExport: (set: any) => htdflSttnActions = (
   set: any
 ) => {
   return {
-    initHtdfl: async (code: string | number) => {
+    initHtdfl: async (page: number, total: string, con: string, txt: string,
+      sidoCode: SelectDataType[],
+      sggCode: SelectDataType[]) => {
       try {
-        const htdflSttnRes = await initFetch(code);
+        const htdflSttnRes = await initFetch(page, total, con, txt, sidoCode, sggCode);
         set((state: htdflSttnState) => {
           return {
             ...state,
@@ -67,17 +81,22 @@ export const htdflSttnActionsExport: (set: any) => htdflSttnActions = (
         console.log(error);
       }
     },
-    htdflSttnSearch: async (page: number, total: string, con: string) => {
+    htdflSttnSearch: async (page: number, total: string, con: string, txt: string,
+      sidoCode: SelectDataType[],
+      sggCode: SelectDataType[]) => {
       try {
+        console.log("page", page)
         const htdflSttnRes = await getFetch(
           fetchType.WR,
-          `/drain/facilityList/${page}/${total}/${con}`
+          `/drain/facilityList` +
+          (page ? `/${page}` : "/1") +
+          (total ? `/${total}` : "/20") +
+          (con ? `/${con}` : "/0") +
+          (txt ? `/${txt}` : "")
         );
+
         if (Number(total) > 9000) {
-
-
           set((state: htdflSttnState) => {
-
             return {
               ...state,
               htdflSttn: {
diff --git a/apps/wr/app/store/ruseFcltMng/fcltSttn/rainSttn/index.tsx b/apps/wr/app/store/ruseFcltMng/fcltSttn/rainSttn/index.tsx
index 42d158d4e..eb2c08d37 100644
--- a/apps/wr/app/store/ruseFcltMng/fcltSttn/rainSttn/index.tsx
+++ b/apps/wr/app/store/ruseFcltMng/fcltSttn/rainSttn/index.tsx
@@ -1,4 +1,4 @@
-import type {  rainChkZodType } from "@/app/store/prfmncReg/chkgdnReg/rainChkgdn";
+import type { rainChkZodType } from "@/app/store/prfmncReg/chkgdnReg/rainChkgdn";
 import { fetchType, getFetch } from "@/components/lib/api";
 import {
   type customRainBdst,
@@ -16,34 +16,34 @@ import type { CommonTableProps } from "@/app/store/common/type/header";
 import type { SelectDataType } from "@common/business_components/ui";
 
 // 테이블 헤드 리스트
-const rainSttHeadList = rainSttHeadListExport; 
+const rainSttHeadList = rainSttHeadListExport;
 const rainSttNodeList = rainSttNodeListExport;
 const rainSttnDetailNodeList = rainSttnDetailNodeListExport;
 const rainSttnDetailHeadList = rainSttnDetailHeadListExport;
 
 const rainSttnRes: customRainBdst[] = [];
-const rainChkRes : rainChkZodType ={} as rainChkZodType
+const rainChkRes: rainChkZodType = {} as rainChkZodType
 
 
-const visibleHeadList = (falseHeads:CommonTableProps[], orgNodeList:CommonTableProps[])=>{
+const visibleHeadList = (falseHeads: CommonTableProps[], orgNodeList: CommonTableProps[]) => {
   const visibleHeads = orgNodeList.map((node) => {
-    const copyNode = {...node}
-    falseHeads.forEach((head)=>{
-          if(copyNode.id ===head.id)
-            copyNode.visible = head.visible
+    const copyNode = { ...node }
+    falseHeads.forEach((head) => {
+      if (copyNode.id === head.id)
+        copyNode.visible = head.visible
     })
     return copyNode;
   })
   return visibleHeads
 }
 
-const getColspanReductionMap = (falseHeads:CommonTableProps[], orgList:CommonTableProps[]):Record<string, number>  => {
-  const reduceMap:Record<string, number>  = {};
+const getColspanReductionMap = (falseHeads: CommonTableProps[], orgList: CommonTableProps[]): Record<string, number> => {
+  const reduceMap: Record<string, number> = {};
   falseHeads.forEach(head => {
     const node = orgList.find(n => n.id === head.id);
     if (node?.upName) {
       reduceMap[node.upName] = (reduceMap[node.upName] || 0) + 1;
-      if (node.row&& node.row >= 3) {
+      if (node.row && node.row >= 3) {
         const upperUpName = orgList.find(n => n.id === node.upName)?.upName;
         if (upperUpName) {
           reduceMap[upperUpName] = (reduceMap[upperUpName] || 0) + 1;
@@ -78,35 +78,37 @@ const applyColspanReduction = (
   });
 };
 // 일단 헤더가 3개 이상인경우 visible 처리를 위해서 공통함수로 작업
-export const controlHeadView = (headList:CommonTableProps[], orgNodeList:CommonTableProps[] ) =>{
+export const controlHeadView = (headList: CommonTableProps[], orgNodeList: CommonTableProps[]) => {
   const falseHeads = headList.filter((item) => item.visible == false);
 
   const viewHeadList = visibleHeadList(falseHeads, orgNodeList)
-  const reduceMap=  getColspanReductionMap( falseHeads,viewHeadList)
-  return applyColspanReduction(viewHeadList,reduceMap);
+  const reduceMap = getColspanReductionMap(falseHeads, viewHeadList)
+  return applyColspanReduction(viewHeadList, reduceMap);
 }
 
-
-
 export type rainSttnState = {
   rainSttn: {
     rainSttnRes: customRainBdst[];
     rainSttHeadList: CommonTableProps[];
     rainSttNodeList: CommonTableProps[];
-    rainSttnDetailHeadList:CommonTableProps[]
-    rainSttnDetailNodeList:CommonTableProps[]
-    rainChkRes:rainChkZodType
+    rainSttnDetailHeadList: CommonTableProps[]
+    rainSttnDetailNodeList: CommonTableProps[]
+    rainChkRes: rainChkZodType
     excelList: [];
     isInit: boolean;
   };
 };
 type rainSttnActions = {
-  rainSttnInit:(con:string) => void
-  rainSttnSearch: (page: number, total: string, con: string, sidoCode: SelectDataType[], sggCode: SelectDataType[]) => void;
+  rainSttnInit: (page: number, total: string, con: string, txt: string,
+      sidoCode: SelectDataType[],
+      sggCode: SelectDataType[]) => void
+  rainSttnSearch: (page: number, total: string, con: string, txt: string,
+      sidoCode: SelectDataType[],
+      sggCode: SelectDataType[]) => void;
   rainChSttnHead: (
     headList: z.infer<typeof sttnHeadListType>,
   ) => void;
-  rainSttnChkSearch:(rusePk:string) => void;
+  rainSttnChkSearch: (rusePk: string) => void;
 };
 
 export type rainSttnType = rainSttnState & rainSttnActions;
@@ -115,10 +117,10 @@ export const rainSttnStateExport: rainSttnState = {
   rainSttn: {
     rainSttHeadList: rainSttHeadList,
     rainSttNodeList: rainSttNodeList,
-    rainSttnDetailHeadList:rainSttnDetailHeadList,
-    rainSttnDetailNodeList:rainSttnDetailNodeList,
+    rainSttnDetailHeadList: rainSttnDetailHeadList,
+    rainSttnDetailNodeList: rainSttnDetailNodeList,
     rainSttnRes: rainSttnRes,
-    rainChkRes:rainChkRes,
+    rainChkRes: rainChkRes,
     excelList: [],
     isInit: false,
   },
@@ -128,12 +130,18 @@ export const rainSttnActionsExport: (set: any) => rainSttnActions = (
   set: any
 ) => {
   return {
-    rainSttnInit:  async( con:string)=>{
-      try{
+    rainSttnInit: async (page: number, total: string, con: string, txt: string,
+      sidoCode: SelectDataType[],
+      sggCode: SelectDataType[]) => {
+      try {
 
-        const rainSttnRes =   await getFetch(
+        const rainSttnRes = await getFetch(
           fetchType.WR,
-          `/reuseFc/rainyInfoList/1/20/${con}`
+          `/reuseFc/rainyInfoList` +
+          (page ? `/${page}` : "/1") +
+          (total ? `/${total}` : "/20") +
+          (con ? `/${con}` : "/0") +
+          (txt ? `/${txt}` : "")
         );
         set((state: rainSttnState) => {
           return {
@@ -145,21 +153,22 @@ export const rainSttnActionsExport: (set: any) => rainSttnActions = (
             },
           };
         });
-      }catch(e){
+      } catch (e) {
         console.log(e)
       }
     },
-    rainSttnSearch: async (page: number, total: string, con: string,
-          sidoCode: SelectDataType[],
-          sggCode: SelectDataType[]) => {
+    rainSttnSearch: async (page: number, total: string, con: string, txt: string,
+      sidoCode: SelectDataType[],
+      sggCode: SelectDataType[]) => {
       try {
-        let a = `/reuseFc/rainyInfoList/${page}/${total}/${con}`
-        console.log("주소", a)
         const rainSttnRes = await getFetch(
           fetchType.WR,
-          `/reuseFc/rainyInfoList/${page}/${total}/${con}`
+          `/reuseFc/rainyInfoList` +
+          (page ? `/${page}` : "/1") +
+          (total ? `/${total}` : "/20") +
+          (con ? `/${con}` : "/0") +
+          (txt ? `/${txt}` : "")
         );
-        console.log("rainSttnRes", rainSttnRes)
         if (Number(total) > 9000) {
           const rainExcel = excelRainSttnParsing(rainSttnRes, sidoCode, sggCode);
           set((state: rainSttnState) => {
@@ -189,7 +198,7 @@ export const rainSttnActionsExport: (set: any) => rainSttnActions = (
     rainChSttnHead: async (
       headList: z.infer<typeof sttnHeadListType>
     ) => {
-     const changeNodeList=    controlHeadView(headList,rainSttNodeList)
+      const changeNodeList = controlHeadView(headList, rainSttNodeList)
 
       return set((state: rainSttnState) => ({
         rainSttn: {
@@ -199,21 +208,21 @@ export const rainSttnActionsExport: (set: any) => rainSttnActions = (
         },
       }));
     },
-    rainSttnChkSearch: async(
-      rusePk:string
-    )=>{
+    rainSttnChkSearch: async (
+      rusePk: string
+    ) => {
       const rainChkRes = await getFetch(
         fetchType.WR,
         `/reuseChk/rainy/${rusePk}`
       );
-      
-      return set((state: rainSttnState) =>({
+
+      return set((state: rainSttnState) => ({
         rainSttn: {
           ...state.rainSttn,
-          rainChkRes:rainChkRes
+          rainChkRes: rainChkRes
         },
 
-      })  )
+      }))
     }
 
   };
diff --git a/apps/wr/app/store/ruseFcltMng/fcltSttn/rswtSttn/index.tsx b/apps/wr/app/store/ruseFcltMng/fcltSttn/rswtSttn/index.tsx
index 301cd965e..8fbe2c26d 100644
--- a/apps/wr/app/store/ruseFcltMng/fcltSttn/rswtSttn/index.tsx
+++ b/apps/wr/app/store/ruseFcltMng/fcltSttn/rswtSttn/index.tsx
@@ -28,9 +28,12 @@ export type rswtSttnState = {
 };
 
 type rswtSttnActions = {
-  rswtSttnInit: (con: string) => void;
-  rswtSttnSearch: (page: number, total: string, con: string, sidoCode: SelectDataType[],
-    sggCode: SelectDataType[]) => void;
+  rswtSttnInit: (page: number, total: string, con: string, txt: string,
+      sidoCode: SelectDataType[],
+      sggCode: SelectDataType[]) => void;
+  rswtSttnSearch: (page: number, total: string, con: string, txt: string,
+      sidoCode: SelectDataType[],
+      sggCode: SelectDataType[]) => void;
   rswtChSttnHead: (
     headList: z.infer<typeof sttnHeadListType>,
   ) => void;
@@ -54,12 +57,18 @@ export const rswtSttnActionsExport: (set: any) => rswtSttnActions = (
   set: any
 ) => {
   return {
-    rswtSttnInit: async (con: string) => {
+    rswtSttnInit: async (page: number, total: string, con: string, txt: string,
+      sidoCode: SelectDataType[],
+      sggCode: SelectDataType[]) => {
       try {
 
         const rswtSttnRes = await getFetch(
           fetchType.WR,
-          `/reuseFc/waterreuseFc/1/20/${con}`
+          `/reuseFc/waterreuseFc` +
+          (page ? `/${page}` : "/1") +
+          (total ? `/${total}` : "/20") +
+          (con ? `/${con}` : "/0") +
+          (txt ? `/${txt}` : "")
         );
         set((state: rswtSttnState) => {
           return {
@@ -75,13 +84,18 @@ export const rswtSttnActionsExport: (set: any) => rswtSttnActions = (
         console.log(e)
       }
     },
-    rswtSttnSearch: async (page: number, total: string, con: string,
+    rswtSttnSearch: async (page: number, total: string, con: string, txt: string,
       sidoCode: SelectDataType[],
       sggCode: SelectDataType[]) => {
       try {
+        console.log("헐", page)
         const rswtSttnRes = await getFetch(
           fetchType.WR,
-          `/reuseFc/waterreuseFc/${page}/${total}/${con}`
+          `/reuseFc/waterreuseFc` +
+          (page ? `/${page}` : "/1") +
+          (total ? `/${total}` : "/20") +
+          (con ? `/${con}` : "/0") +
+          (txt ? `/${txt}` : "")
         );
         if (Number(total) > 9000) {
           const rswtExcel = excelRSwtSttnParsing(rswtSttnRes, sidoCode, sggCode);