diff --git a/apps/wr/app/ruseFcltMng/fcltReg/htdflReg/page.tsx b/apps/wr/app/ruseFcltMng/fcltReg/htdflReg/page.tsx
index 7f9b31fbf..c0d6d4377 100644
--- a/apps/wr/app/ruseFcltMng/fcltReg/htdflReg/page.tsx
+++ b/apps/wr/app/ruseFcltMng/fcltReg/htdflReg/page.tsx
@@ -95,7 +95,7 @@ export default function Home() {
             <SearchDiv>
               <SearchFormLeft>
                 <SearchInput
-                  className="col-span-3 my-7"
+                  className="col-span-3 my-7 !text-3xl"
                   label="건물명"
                   textValue={searchTxt || ""}
                   setText={(e) => {
@@ -104,8 +104,8 @@ export default function Home() {
                 />
               </SearchFormLeft>
               <SearchFormRight>
-              <div className="flex flex-row space-x-2">
-                <Button    size={"sm"}  onClick={()=>{initHtdfl(searchTxt||"")}}>조회</Button>
+              <div className="flex flex-row space-x-2 items-center">
+                <Button size={"sm"} onClick={()=>{initHtdfl(searchTxt||"")}}>조회</Button>
                 <Button
                     size={"sm"}
                   onClick={() => setIsNewReg(!issNewReg)}
@@ -119,8 +119,8 @@ export default function Home() {
         </div>
 
         <div className="grid grid-cols-6 gap-4 ">
-          <div className="col-span-4">
-            <ListDiv>
+          <div className="col-span-4 h-full min-h-0">
+            <ListDiv className="min-h-0">
               <UiTable
                 tableData={bdstTable || []}
                 headlist={htdfl.upHeadList}
@@ -133,9 +133,9 @@ export default function Home() {
               </UiTable>
             </ListDiv>
           </div>
-          <div className="col-span-2  max-h-full">
+          <div className="col-span-2 max-h-full">
           <ListDiv>
-            <ScrollArea>
+            <ScrollArea className="h-[60vh]">
               <HtdflRegForm
                 htdflForm={htdflForm ?? ({} as customHtdflBdst)}
                 isModal={false}
@@ -145,25 +145,23 @@ export default function Home() {
           </div>
         </div>
          <UiModal
-                          body={<BdstReg moType="HTB"></BdstReg>}
-                          bodyClass="w-[68vw] max-w-none h-[90vh]"
-                          open={issNewReg}
-                          onOpenChange={(open) => {
-                            setIsNewReg(open);
-                          }}
-                        />
+            body={<BdstReg moType="HTB"></BdstReg>}
+            bodyClass="w-[68vw] max-w-none h-[90vh]"
+            open={issNewReg}
+            onOpenChange={(open) => {
+              setIsNewReg(open);
+            }}
+          />
                
-                <UiModal
-                bodyClass={""}
-                open={bdstChgProps.isOpen}
-                body={<BdstChgModal   chgBuilding={bdstChgProps.chgBuilding}></BdstChgModal>}
-                onOpenChange={(open) => {
-                  setBdstChgProps({ ...bdstChgProps, isOpen: open });
-                }
-                }
-              />
-
-
+          <UiModal
+          bodyClass={""}
+          open={bdstChgProps.isOpen}
+          body={<BdstChgModal   chgBuilding={bdstChgProps.chgBuilding}></BdstChgModal>}
+          onOpenChange={(open) => {
+            setBdstChgProps({ ...bdstChgProps, isOpen: open });
+          }
+          }
+        />
       </ContentsDiv>
     </>
   );
diff --git a/apps/wr/app/ruseFcltMng/prfmncReg/chkgdnReg/page.tsx b/apps/wr/app/ruseFcltMng/prfmncReg/chkgdnReg/page.tsx
index 955a4f7d6..1bab8d09a 100644
--- a/apps/wr/app/ruseFcltMng/prfmncReg/chkgdnReg/page.tsx
+++ b/apps/wr/app/ruseFcltMng/prfmncReg/chkgdnReg/page.tsx
@@ -164,11 +164,11 @@ export default function Page() {
     <ContentsDiv>
       <div className="grid grid-cols-4 gap-4 ">
         <div className="col-span-4">
-          <Title title={"지도점검 결과 등록 "} />
+          <Title title={"지도점검 결과 등록"} />
           <SearchDiv>
             <SearchFormLeft>
               <SearchInput
-                className="col-span-3 my-7 !text-xl"
+                className="col-span-3 my-7 !text-xl whitespace-nowrap"
                 label=" 지도점검년도"
                 textValue={searchTxt ?? ""}
                 setText={(e) => {
diff --git a/apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx b/apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx
index 17027335c..9f6869706 100644
--- a/apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx
+++ b/apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx
@@ -22,6 +22,7 @@ import {
   formatCommaNumber,
   handleCommaNumberChange,
 } from "@/components/lib/func/commom";
+import { formH1Class } from "@/components/lib/class/comClass";
 
 export default function HtdflRegForm({
   htdflForm,
@@ -82,17 +83,17 @@ export default function HtdflRegForm({
   }, [htdflForm]);
 
   return (
+    <div className="!mx-[1.6rem] !p-0r">
     <Form {...form}>
       <form onSubmit={form.handleSubmit(onSubmit)}>
         {/* <div className="flex justify-between items-center mx-3"> */}
         <div>
-          <div className="grid grid-cols-12">
-            <h1 className="pl-3 text-xl  col-span-10">○온배수 시설 정보</h1>
+          <div className="grid grid-cols-12 flex items-center card-header">
+            <h1 className="text-2xl font-medium text-label col-span-10">온배수 시설 정보</h1>
             <Button
               size={"sm"}
               type="submit"
-              className="col-start-12  col-span-1"
-            >
+              className="col-start-12  col-span-1">
               저장
             </Button>
           </div>
@@ -100,14 +101,14 @@ export default function HtdflRegForm({
 
         {isModal && htdflForm != undefined ? <BdstReg form={form} /> : <></>}
         {isModal ? (
-          <h1 className="pl-3 text-xl col-span-10  mt-4 ">
-            ○ 중수도 시설 정보{" "}
+          <h1 className="text-xl col-span-10 mt-4">
+            온배수 시설 정보{" "}
           </h1>
         ) : (
           <></>
         )}
 
-        <div className="grid grid-cols-6 gap-2 mt-4 pl-6">
+        <div className="grid grid-cols-6 gap-2 mt-4">
           <div className="col-span-2">
             <FormField
               control={form.control}
@@ -165,13 +166,13 @@ export default function HtdflRegForm({
           </div>
         </div>
         <div className=" my-4">
-          <h1 className="bg-gray-400 text-xl text-center border-2 p-2  mt-4 pl-6">
+          <h1 className={formH1Class}>
             온배수 시설 운영현황
           </h1>
         </div>
 
         <div className="grid grid-cols-10 gap-1 mt-4">
-          <div className="col-span-5 pl-6">
+          <div className="col-span-5">
             <FormField
               control={form.control}
               name="reuseBuilding.0.htdflObj.orgwtWtritSpt"
@@ -207,7 +208,7 @@ export default function HtdflRegForm({
               )}
             />
           </div>
-          <div className="col-span-5 pl-6">
+          <div className="col-span-5">
             <FormField
               control={form.control}
               name="reuseBuilding.0.htdflObj.wtritEntrcTp"
@@ -226,7 +227,7 @@ export default function HtdflRegForm({
               )}
             />
           </div>
-          <div className="col-span-5 pl-6">
+          <div className="col-span-5">
             <FormField
               control={form.control}
               name="reuseBuilding.0.htdflObj.amtgnr"
@@ -245,7 +246,7 @@ export default function HtdflRegForm({
               )}
             />
           </div>
-          <div className="col-span-5 pl-6">
+          <div className="col-span-5">
             <FormField
               control={form.control}
               name="reuseBuilding.0.htdflObj.prcsProcsYn"
@@ -263,7 +264,7 @@ export default function HtdflRegForm({
               )}
             />
           </div>
-          <div className="col-span-5 pl-6">
+          <div className="col-span-5">
             <FormField
               control={form.control}
               name="reuseBuilding.0.htdflObj.prcsFcltCpct"
@@ -282,7 +283,7 @@ export default function HtdflRegForm({
               )}
             />
           </div>
-          <div className="col-span-5 pl-6">
+          <div className="col-span-5">
             <FormField
               control={form.control}
               name="reuseBuilding.0.htdflObj.fmYn"
@@ -300,7 +301,7 @@ export default function HtdflRegForm({
               )}
             />
           </div>
-          <div className="col-span-5 pl-6">
+          <div className="col-span-5">
             <FormField
               control={form.control}
               name="reuseBuilding.0.htdflObj.utztnCpct"
@@ -319,7 +320,7 @@ export default function HtdflRegForm({
               )}
             />
           </div>
-          <div className="col-span-5 pl-6">
+          <div className="col-span-5">
             <FormField
               control={form.control}
               name="reuseBuilding.0.htdflObj.utztnUsg"
@@ -339,12 +340,12 @@ export default function HtdflRegForm({
         </div>
 
         <div className=" my-2">
-          <h1 className="bg-gray-400 text-xl text-center border-2 p-2 mt-4  ">
+          <h1 className={formH1Class}>
             요구수질
           </h1>
         </div>
 
-        <div className="grid grid-cols-12 gap-4  pl-6">
+        <div className="grid grid-cols-12 gap-4">
           <div className="col-span-6">
             <FormField
               control={form.control}
@@ -386,7 +387,7 @@ export default function HtdflRegForm({
           </div>
         </div>
 
-        <div className="grid grid-cols-12 gap-4  pl-6">
+        <div className="grid grid-cols-12 gap-4">
           <div className="col-span-6">
             <FormField
               control={form.control}
@@ -428,7 +429,7 @@ export default function HtdflRegForm({
           </div>
         </div>
 
-        <div className="grid grid-cols-12 gap-4  pl-6">
+        <div className="grid grid-cols-12 gap-4">
           <div className="col-span-6">
             <FormField
               control={form.control}
@@ -470,7 +471,7 @@ export default function HtdflRegForm({
           </div>
         </div>
 
-        <div className="grid grid-cols-12 gap-4  pl-6">
+        <div className="grid grid-cols-12 gap-4">
           <div className="col-span-6">
             <FormField
               control={form.control}
@@ -512,7 +513,7 @@ export default function HtdflRegForm({
           </div>
         </div>
 
-        <div className="grid grid-cols-12 gap-4  pl-6">
+        <div className="grid grid-cols-12 gap-4">
           <div className="col-span-6">
             <FormField
               control={form.control}
@@ -554,7 +555,7 @@ export default function HtdflRegForm({
           </div>
         </div>
 
-        <div className="grid grid-cols-12 gap-4  pl-6">
+        <div className="grid grid-cols-12 gap-4">
           <div className="col-span-6">
             <FormField
               control={form.control}
@@ -597,5 +598,6 @@ export default function HtdflRegForm({
         </div>
       </form>
     </Form>
+    </div>
   );
 }
diff --git a/apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx b/apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx
index 9cc23d1e9..8c6f5f1db 100644
--- a/apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx
+++ b/apps/wr/components/ui/form/fcltReg/rainReg/rainRegForm.tsx
@@ -122,7 +122,7 @@ export default function RainRegForm({
           </div>
           {isModal && rainForm != undefined ? <BdstReg form={form} /> : <></>}
           {isModal ? (
-            <h1 className="pl-3 text-xl col-span-10  mt-4 ">
+            <h1 className="pl-3 text-xl col-span-10 mt-4">
               빗물이용시설 정보{" "}
             </h1>
           ) : (