diff --git a/apps/wr/app/ruseFcltMng/fcltReg/htdflReg/page.tsx b/apps/wr/app/ruseFcltMng/fcltReg/htdflReg/page.tsx
index 9b3688e61..d3333f676 100644
--- a/apps/wr/app/ruseFcltMng/fcltReg/htdflReg/page.tsx
+++ b/apps/wr/app/ruseFcltMng/fcltReg/htdflReg/page.tsx
@@ -43,7 +43,7 @@ export default function Home() {
 
   useEffect(() => {
     if (!htdfl.isInit) {
-      initHtdflReg('41')
+      initHtdflReg('0')
     }
   }, [htdfl.isInit, initHtdflReg]);
   useEffect(() => {
@@ -89,7 +89,7 @@ export default function Home() {
   //   setBdstChgProps({ isOpen: true, chgBuilding: chgBuilding });
   // };
   useEffect(() => {
-    getHtdflBdstData(pageNation, "41");
+    getHtdflBdstData(pageNation, "0");
   }, [pageNation]);
 
   return (
@@ -115,9 +115,9 @@ export default function Home() {
                     size={"sm"}
                     onClick={() => {
                       if(searchTxt&&searchTxt.length>0){
-                        htdflNmSearch(String(41),searchTxt)
+                        htdflNmSearch(String(0),searchTxt)
                       }else{
-                        initHtdflReg(String(41) );
+                        initHtdflReg(String(0) );
 
                       }
                     }}
diff --git a/apps/wr/app/store/common/code/basicCode.tsx b/apps/wr/app/store/common/code/basicCode.tsx
index 56c59b502..b80dfb3b2 100644
--- a/apps/wr/app/store/common/code/basicCode.tsx
+++ b/apps/wr/app/store/common/code/basicCode.tsx
@@ -181,10 +181,26 @@ export const rswtPrscCdMthdCd = [
 ];
 
 export const htdPowerMthdCd= [
+  {
+    val: "해당없음",
+    text: "해당없음",
+  },
   {
     val: "석탄화력발전",
     text: "석탄화력발전",
   },
+  {
+    val: "화력발전",
+    text: "화력발전",
+  },
+  {
+    val: "수력발전",
+    text: "수력발전",
+  },
+  {
+    val: "태양관발전",
+    text: "태양관발전",
+  },
 ];
 
 //(공업용수/양식장/농업용수)
diff --git a/apps/wr/components/ui/form/fcltReg/bdstReg/bdstReg.tsx b/apps/wr/components/ui/form/fcltReg/bdstReg/bdstReg.tsx
index 31e8dbacb..886dd2da9 100644
--- a/apps/wr/components/ui/form/fcltReg/bdstReg/bdstReg.tsx
+++ b/apps/wr/components/ui/form/fcltReg/bdstReg/bdstReg.tsx
@@ -89,7 +89,7 @@ export default function BdstReg({ form, type }: { form: any; type?: string }) {
 
   return (
     <>
-      <h1 className={formH1Class}> {  type !== "HTB"?"건축물 기본 정보": '발전소 기본 정보'}</h1>
+      <h1 className={formH1Class}> {  type !== "HTB"?"건축물 기본 정보": '시설 기본 정보'}</h1>
       <div className="grid grid-cols-6 gap-2 mt-4">
         <div className="col-span-3">
           <FormField
@@ -140,10 +140,10 @@ export default function BdstReg({ form, type }: { form: any; type?: string }) {
             control={form.control}
             name="bdstNm"
             render={({ field }) => (
-              <FormUi label={  type !== "HTB"?"건축물명": '발전소명'}>
+              <FormUi label={  type !== "HTB"?"건축물명": '시설명'}>
                 <Input
                   className={selectClass}
-                  placeholder= {type !== "HTB"?"건축물 명 입력하세요":'발전소명 입력하세요' }
+                  placeholder= {type !== "HTB"?"건축물 명 입력하세요":'시설명 입력하세요' }
                   type="text"
                   {...field}
                 />
@@ -156,7 +156,7 @@ export default function BdstReg({ form, type }: { form: any; type?: string }) {
             control={form.control}
             name="daddr"
             render={({ field }) => (
-              <FormUi label= {  type !== "HTB"?"건축물 주소": '발전소 주소'} >
+              <FormUi label= {  type !== "HTB"?"건축물 주소": '시설 주소'} >
                 <Input
                   className={selectClass}
                   placeholder="위치를 입력해주세요"
diff --git a/apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx b/apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx
index 83051672d..b81090423 100644
--- a/apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx
+++ b/apps/wr/components/ui/form/fcltReg/htdflReg/htdflRegForm.tsx
@@ -6,7 +6,7 @@ import {
   FormUi,
   SelectBox,
 } from "@common/business_components/ui";
-import { Button, Input } from "@common/components/ui";
+import { Button, Input, ScrollArea } from "@common/components/ui";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
@@ -46,6 +46,9 @@ export default function HtdflRegForm({
   });
   const [regCtpvCd, regSggcd] = form.watch(["ctpvCd", "sggCd"]);
 
+  const bdstNm = form.watch("bdstNm");
+  const isPowerPlant = bdstNm?.includes("발전소");
+
   const onSubmit = (values: z.infer<typeof hdtflZod>) => {
     if (isModal) {
       const data = regCtpvCd ? regCtpvCd : regSggcd ? regSggcd : "noCd";
@@ -54,7 +57,7 @@ export default function HtdflRegForm({
         toast.error("시도/시군구 코드를 선택해야합니다.");
         return;
       }
-      htdflBdstReg(values,data);
+      htdflBdstReg(values, data);
       if (setIsModal) setIsModal(false);
     } else {
 
@@ -98,7 +101,7 @@ export default function HtdflRegForm({
       form.reset(cleanHtdflData(htdflForm));
     }
     // Case 2: 데이터가 없는 순수 신규 등록 모드인 경우
-    if(isModal) {
+    if (isModal) {
       const firstYnValue = code.yn?.[0]?.val;
       const firstHtdPowerMthdCd = code.htdPowerMthdCd?.[0]?.val;
       const firstHtdUtztnUsgCd = code.htdUtztnUsgCd?.[0]?.val;
@@ -117,6 +120,16 @@ export default function HtdflRegForm({
     }
   }, [htdflForm, code, form]);
 
+   useEffect(() => {
+    if (!isPowerPlant) {
+      form.setValue(
+        "reuseBuilding.0.htdflObj.etgtType",
+        "해당없음",                       // 빈 문자열로 초기화
+        { shouldDirty: true }     // dirty 상태로 남길지 여부는 취사선택
+      );
+    }
+  }, [isPowerPlant, form]);
+
   return (
     <div className="!mx-[1.6rem] !p-0r">
       <Form {...form}>
@@ -138,549 +151,550 @@ export default function HtdflRegForm({
               )}
             </div>
           </div>
+          <ScrollArea className="h-[37vh]">
+            {isModal && htdflForm != undefined ? (
+              <BdstReg form={form} type="HTB" />
+            ) : (
+              <></>
+            )}
+            {isModal ? (
+              <div className=" my-4">
+                <h1 className={formH1Class}>온배수 시설 정보 </h1>
+              </div>
+            ) : (
+              <></>
+            )}
 
-          {isModal && htdflForm != undefined ? (
-            <BdstReg form={form} type="HTB" />
-          ) : (
-            <></>
-          )}
-          {isModal ? (
+            <div className="grid grid-cols-6 gap-2 mt-4">
+              <div className="col-span-2">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.etgtType"
+                  render={({ field }) => (
+                    <FormUi label="발전유형">
+                      <SelectBox
+                        className={""}
+                        label={""}
+                        selectClass={selectClass}
+                        selectArray={code.htdPowerMthdCd}
+                        onSelectValue={readonly ? () => { } : field.onChange}
+                        // value={field.value ?? ""}
+                        value={field.value || code.htdPowerMthdCd[0].val}
+                        readOnly={readonly || !isPowerPlant}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-2">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.fclCpct" // 이름 이상함.
+                  render={({ field }) => (
+                    <FormUi label="설비용량(KW)">
+                      <Input
+                        className={selectClass}
+                        placeholder="1,000,000"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
+              <div className="col-span-2">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.plwtYn"
+                  render={({ field }) => (
+                    <FormUi label="담수화 여부">
+                      <SelectBox
+                        className={""}
+                        label={""}
+                        selectClass={selectClass}
+                        selectArray={code.yn}
+                        onSelectValue={readonly ? () => { } : field.onChange}
+                        value={field.value ?? ""}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
+            </div>
             <div className=" my-4">
-              <h1 className={formH1Class}>온배수 시설 정보 </h1>
-            </div>
-          ) : (
-            <></>
-          )}
-
-          <div className="grid grid-cols-6 gap-2 mt-4">
-            <div className="col-span-2">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.etgtType"
-                render={({ field }) => (
-                  <FormUi label="발전유형">
-                       <SelectBox
-                      className={""}
-                      label={""}
-                      selectClass={selectClass}
-                      selectArray={code.htdPowerMthdCd}
-                      onSelectValue={readonly ? () => {} : field.onChange}
-                      value={field.value ?? ""}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
+              <h1 className={formH1Class}>온배수 시설 운영현황</h1>
             </div>
 
-            <div className="col-span-2">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.fclCpct" // 이름 이상함.
-                render={({ field }) => (
-                  <FormUi label="설비용량(KW)">
-                    <Input
-                      className={selectClass}
-                      placeholder="1,000,000"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-            <div className="col-span-2">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.plwtYn"
-                render={({ field }) => (
-                  <FormUi label="담수화 여부">
-                    <SelectBox
-                      className={""}
-                      label={""}
-                      selectClass={selectClass}
-                      selectArray={code.yn}
-                      onSelectValue={readonly ? () => {} : field.onChange}
-                      value={field.value ?? ""}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-          </div>
-          <div className=" my-4">
-            <h1 className={formH1Class}>온배수 시설 운영현황</h1>
-          </div>
-
-          <div className="grid grid-cols-10 gap-1 mt-4">
-            <div className="col-span-5">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.orgwtWtritSpt"
-                render={({ field }) => (
-                  <FormUi label="원수취수 지점">
-                    <Input
-                      className={selectClass}
-                      placeholder=""
-                      type="text"
-                      value={field.value ?? ''}
-                      onChange={(e) => {
-                        if (!readonly) field.onChange((e.target.value));
-                      }}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-            <div className="col-span-5">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.orgwtOcrnProcs"
-                render={({ field }) => (
-                  <FormUi label="원수발생 공정">
-                    <Input
-                      className={selectClass}
-                      placeholder=""
-                      type="text"
-                      value={field.value ?? ""}
-                      onChange={(e) => {
-                        if (!readonly) field.onChange(e.target.value);
-                      }}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-            <div className="col-span-5">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.wtritEntrcTp"
-                render={({ field }) => (
-                  <FormUi label="취수구 온도(℃)">
-                    <Input
-                      className={selectClass}
-                      placeholder="1,000,000"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-            <div className="col-span-5">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.emsnExitTp"
-                render={({ field }) => (
-                  <FormUi label="배출구 온도(℃)">
-                    <Input
-                      className={selectClass}
-                      placeholder="10"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-            <div className="col-span-5">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.amtgnr"
-                render={({ field }) => (
-                  <FormUi label="발생량(m³/년)">
-                    <Input
-                      className={selectClass}
-                      placeholder="1,000,000"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-            <div className="col-span-5">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.prcsProcsYn"
-                render={({ field }) => (
-                  <FormUi label="처리공정 유무">
-                    <SelectBox
-                      className={""}
-                      label={""}
-                      selectClass={selectClass}
-                      selectArray={code.yn}
-                      onSelectValue={readonly ? () => {} : field.onChange}
-                      value={field.value ?? ""}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-            <div className="col-span-5">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.prcsFcltCpct"
-                render={({ field }) => (
-                  <FormUi label="처리시설 용량(m³/년)">
-                    <Input
-                      className={selectClass}
-                      placeholder="1,000,000"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-            <div className="col-span-5">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.fmYn"
-                render={({ field }) => (
-                  <FormUi label="유량계유무">
-                    <SelectBox
-                      className={""}
-                      selectClass={selectClass}
-                      label={""}
-                      selectArray={code.yn}
-                      onSelectValue={readonly ? () => {} : field.onChange}
-                      value={field.value ?? ""}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-            <div className="col-span-5">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.utztnCpct"
-                render={({ field }) => (
-                  <FormUi label="이용량(m³/년)">
-                    <Input
-                      className={selectClass}
-                      placeholder="1,000,000"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-            <div className="col-span-5">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.utztnUsg"
-                render={({ field }) => (
-                  <FormUi label="이용용도">
-                   <SelectBox
-                      className={""}
-                      selectClass={selectClass}
-                      label={""}
-                      selectArray={code.htdUtztnUsgCd}
-                      onSelectValue={readonly ? () => {} : field.onChange}
-                      value={field.value ?? ""}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-          </div>
-
-          <div className=" my-2">
-            <h1 className={formH1Class}>수질</h1>
-          </div>
-
-          <div className="grid grid-cols-12 gap-4">
-            <div className="col-span-6">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.grssClfg"
-                render={({ field }) => (
-                  <FormUi label="총대장균군">
-                    <Input
-                      className={selectClass}
-                      placeholder="10"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
+            <div className="grid grid-cols-10 gap-1 mt-4">
+              <div className="col-span-5">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.orgwtWtritSpt"
+                  render={({ field }) => (
+                    <FormUi label="원수취수 지점">
+                      <Input
+                        className={selectClass}
+                        placeholder=""
+                        type="text"
+                        value={field.value ?? ''}
+                        onChange={(e) => {
+                          if (!readonly) field.onChange((e.target.value));
+                        }}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
+              <div className="col-span-5">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.orgwtOcrnProcs"
+                  render={({ field }) => (
+                    <FormUi label="원수발생 공정">
+                      <Input
+                        className={selectClass}
+                        placeholder=""
+                        type="text"
+                        value={field.value ?? ""}
+                        onChange={(e) => {
+                          if (!readonly) field.onChange(e.target.value);
+                        }}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
+              <div className="col-span-5">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.wtritEntrcTp"
+                  render={({ field }) => (
+                    <FormUi label="취수구 온도(℃)">
+                      <Input
+                        className={selectClass}
+                        placeholder="1,000,000"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
+              <div className="col-span-5">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.emsnExitTp"
+                  render={({ field }) => (
+                    <FormUi label="배출구 온도(℃)">
+                      <Input
+                        className={selectClass}
+                        placeholder="10"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
+              <div className="col-span-5">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.amtgnr"
+                  render={({ field }) => (
+                    <FormUi label="발생량(m³/년)">
+                      <Input
+                        className={selectClass}
+                        placeholder="1,000,000"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
+              <div className="col-span-5">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.prcsProcsYn"
+                  render={({ field }) => (
+                    <FormUi label="처리공정 유무">
+                      <SelectBox
+                        className={""}
+                        label={""}
+                        selectClass={selectClass}
+                        selectArray={code.yn}
+                        onSelectValue={readonly ? () => { } : field.onChange}
+                        value={field.value ?? ""}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
+              <div className="col-span-5">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.prcsFcltCpct"
+                  render={({ field }) => (
+                    <FormUi label="처리시설 용량(m³/년)">
+                      <Input
+                        className={selectClass}
+                        placeholder="1,000,000"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
+              <div className="col-span-5">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.fmYn"
+                  render={({ field }) => (
+                    <FormUi label="유량계유무">
+                      <SelectBox
+                        className={""}
+                        selectClass={selectClass}
+                        label={""}
+                        selectArray={code.yn}
+                        onSelectValue={readonly ? () => { } : field.onChange}
+                        value={field.value ?? ""}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
+              <div className="col-span-5">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.utztnCpct"
+                  render={({ field }) => (
+                    <FormUi label="이용량(m³/년)">
+                      <Input
+                        className={selectClass}
+                        placeholder="1,000,000"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
+              <div className="col-span-5">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.utztnUsg"
+                  render={({ field }) => (
+                    <FormUi label="이용용도">
+                      <SelectBox
+                        className={""}
+                        selectClass={selectClass}
+                        label={""}
+                        selectArray={code.htdUtztnUsgCd}
+                        onSelectValue={readonly ? () => { } : field.onChange}
+                        value={field.value ?? ""}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
             </div>
 
-            <div className="col-span-6">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.tn"
-                render={({ field }) => (
-                  <FormUi label="총질소">
-                    <Input
-                      className={selectClass}
-                      placeholder="10"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-          </div>
-
-          <div className="grid grid-cols-12 gap-4">
-            <div className="col-span-6">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.combResdch"
-                render={({ field }) => (
-                  <FormUi label="결합잔류염소">
-                    <Input
-                      className={selectClass}
-                      placeholder="10"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
+            <div className=" my-2">
+              <h1 className={formH1Class}>수질</h1>
             </div>
 
-            <div className="col-span-6 ">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.tph"
-                render={({ field }) => (
-                  <FormUi label="총인">
-                    <Input
-                      className={selectClass}
-                      placeholder="10"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-          </div>
+            <div className="grid grid-cols-12 gap-4">
+              <div className="col-span-6">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.grssClfg"
+                  render={({ field }) => (
+                    <FormUi label="총대장균군">
+                      <Input
+                        className={selectClass}
+                        placeholder="10"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
 
-          <div className="grid grid-cols-12 gap-4">
-            <div className="col-span-6">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.trbt"
-                render={({ field }) => (
-                  <FormUi label="탁도">
-                    <Input
-                      className={selectClass}
-                      placeholder="10"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
+              <div className="col-span-6">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.tn"
+                  render={({ field }) => (
+                    <FormUi label="총질소">
+                      <Input
+                        className={selectClass}
+                        placeholder="10"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
             </div>
 
-            <div className="col-span-6">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.ph"
-                render={({ field }) => (
-                  <FormUi label="수소이온농도">
-                    <Input
-                      className={selectClass}
-                      placeholder="10"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-          </div>
+            <div className="grid grid-cols-12 gap-4">
+              <div className="col-span-6">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.combResdch"
+                  render={({ field }) => (
+                    <FormUi label="결합잔류염소">
+                      <Input
+                        className={selectClass}
+                        placeholder="10"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
 
-          <div className="grid grid-cols-12 gap-4">
-            <div className="col-span-6">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.bod"
-                render={({ field }) => (
-                  <FormUi label="생물학적 산소요구량">
-                    <Input
-                      className={selectClass}
-                      placeholder="10"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
+              <div className="col-span-6 ">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.tph"
+                  render={({ field }) => (
+                    <FormUi label="총인">
+                      <Input
+                        className={selectClass}
+                        placeholder="10"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
             </div>
 
-            <div className="col-span-6">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.clIonQnt"
-                render={({ field }) => (
-                  <FormUi label="염화물">
-                    <Input
-                      className={selectClass}
-                      placeholder="10"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-          </div>
+            <div className="grid grid-cols-12 gap-4">
+              <div className="col-span-6">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.trbt"
+                  render={({ field }) => (
+                    <FormUi label="탁도">
+                      <Input
+                        className={selectClass}
+                        placeholder="10"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
 
-          <div className="grid grid-cols-12 gap-4">
-            <div className="col-span-6">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.smll"
-                render={({ field }) => (
-                  <FormUi label="냄새">
-                    <Input
-                      className={selectClass}
-                      placeholder="10"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
+              <div className="col-span-6">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.ph"
+                  render={({ field }) => (
+                    <FormUi label="수소이온농도">
+                      <Input
+                        className={selectClass}
+                        placeholder="10"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
             </div>
 
-            <div className="col-span-6">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.cdtnv"
-                render={({ field }) => (
-                  <FormUi label="전기전도도">
-                    <Input
-                      className={selectClass}
-                      placeholder="10"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
-            </div>
-          </div>
+            <div className="grid grid-cols-12 gap-4">
+              <div className="col-span-6">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.bod"
+                  render={({ field }) => (
+                    <FormUi label="생물학적 산소요구량">
+                      <Input
+                        className={selectClass}
+                        placeholder="10"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
 
-          <div className="grid grid-cols-12 gap-4">
-            <div className="col-span-6">
-              <FormField
-                control={form.control}
-                name="reuseBuilding.0.htdflObj.crmty"
-                render={({ field }) => (
-                  <FormUi label="색도">
-                    <Input
-                      className={selectClass}
-                      placeholder="10"
-                      type="text"
-                      onChange={(e) => {
-                        if (!readonly)
-                          handleCommaNumberChange(e, field.onChange);
-                      }}
-                      value={formatCommaNumber(field.value)}
-                      readOnly={readonly}
-                    />
-                  </FormUi>
-                )}
-              />
+              <div className="col-span-6">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.clIonQnt"
+                  render={({ field }) => (
+                    <FormUi label="염화물">
+                      <Input
+                        className={selectClass}
+                        placeholder="10"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
             </div>
 
-          </div>
+            <div className="grid grid-cols-12 gap-4">
+              <div className="col-span-6">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.smll"
+                  render={({ field }) => (
+                    <FormUi label="냄새">
+                      <Input
+                        className={selectClass}
+                        placeholder="10"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-6">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.cdtnv"
+                  render={({ field }) => (
+                    <FormUi label="전기전도도">
+                      <Input
+                        className={selectClass}
+                        placeholder="10"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
+            </div>
+
+            <div className="grid grid-cols-12 gap-4">
+              <div className="col-span-6">
+                <FormField
+                  control={form.control}
+                  name="reuseBuilding.0.htdflObj.crmty"
+                  render={({ field }) => (
+                    <FormUi label="색도">
+                      <Input
+                        className={selectClass}
+                        placeholder="10"
+                        type="text"
+                        onChange={(e) => {
+                          if (!readonly)
+                            handleCommaNumberChange(e, field.onChange);
+                        }}
+                        value={formatCommaNumber(field.value)}
+                        readOnly={readonly}
+                      />
+                    </FormUi>
+                  )}
+                />
+              </div>
+            </div>
+          </ScrollArea>
         </form>
       </Form>
     </div>