From c6cf6e90c3db5e52e7cf437c8d4345e346ae613d Mon Sep 17 00:00:00 2001
From: dongsilove <ljparkmindone@gmail.com>
Date: Wed, 25 Feb 2026 21:44:27 +0900
Subject: [PATCH] =?UTF-8?q?dm=5Fnew:=20ImgCard=20=EC=A3=BC=EC=84=9D?=
 =?UTF-8?q?=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../business/globalCase/australia/page.tsx    |   30 +-
 .../reuse/business/globalCase/eu/page.tsx     |   30 +-
 .../business/globalCase/overview/page.tsx     |   30 +-
 .../business/globalCase/singapore/page.tsx    |   30 +-
 .../reuse/business/globalCase/taiwan/page.tsx |   30 +-
 .../reuse/business/rain/suwon/page.tsx        |   30 +-
 .../reuse/business/sewage/bolyeong/page.tsx   |   30 +-
 .../reuse/business/sewage/cheongju/page.tsx   |   30 +-
 .../reuse/business/sewage/guri/page.tsx       |   30 +-
 .../reuse/business/sewage/hwanggu/page.tsx    |   30 +-
 .../reuse/business/sewage/paju/page.tsx       |   30 +-
 .../reuse/business/sewage/yeosu/page.tsx      |   30 +-
 .../example/globalCase/overview/page.tsx      |   30 +-
 .../example/globalCase/singapore/page.tsx     |   30 +-
 .../example/globalCase/taiwan/page.tsx        |   30 +-
 .../(with-layout)/example/rain/suwon/page.tsx |   30 +-
 .../example/sewage/bolyeong/page.tsx          |   30 +-
 .../example/sewage/cheongju/page.tsx          |   30 +-
 .../example/sewage/hwanggu/page.tsx           |   30 +-
 .../example/sewage/paju/page.tsx              |   30 +-
 .../example/sewage/yeosu/page.tsx             |   30 +-
 .../ui/sdmInfoInsertForm/component.tsx        | 1864 ++++++++---------
 package.json                                  |    1 +
 23 files changed, 1248 insertions(+), 1247 deletions(-)

diff --git a/apps/dm_new/app/(landing)/reuse/business/globalCase/australia/page.tsx b/apps/dm_new/app/(landing)/reuse/business/globalCase/australia/page.tsx
index aca82a23d..fa9eaad72 100644
--- a/apps/dm_new/app/(landing)/reuse/business/globalCase/australia/page.tsx
+++ b/apps/dm_new/app/(landing)/reuse/business/globalCase/australia/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(landing)/reuse/business/globalCase/eu/page.tsx b/apps/dm_new/app/(landing)/reuse/business/globalCase/eu/page.tsx
index e18af7fed..9e5300b39 100644
--- a/apps/dm_new/app/(landing)/reuse/business/globalCase/eu/page.tsx
+++ b/apps/dm_new/app/(landing)/reuse/business/globalCase/eu/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(landing)/reuse/business/globalCase/overview/page.tsx b/apps/dm_new/app/(landing)/reuse/business/globalCase/overview/page.tsx
index c9b2f1c29..b8ad773af 100644
--- a/apps/dm_new/app/(landing)/reuse/business/globalCase/overview/page.tsx
+++ b/apps/dm_new/app/(landing)/reuse/business/globalCase/overview/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(landing)/reuse/business/globalCase/singapore/page.tsx b/apps/dm_new/app/(landing)/reuse/business/globalCase/singapore/page.tsx
index 175c4da57..a876a3180 100644
--- a/apps/dm_new/app/(landing)/reuse/business/globalCase/singapore/page.tsx
+++ b/apps/dm_new/app/(landing)/reuse/business/globalCase/singapore/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(landing)/reuse/business/globalCase/taiwan/page.tsx b/apps/dm_new/app/(landing)/reuse/business/globalCase/taiwan/page.tsx
index aec2a63de..b296ae298 100644
--- a/apps/dm_new/app/(landing)/reuse/business/globalCase/taiwan/page.tsx
+++ b/apps/dm_new/app/(landing)/reuse/business/globalCase/taiwan/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(landing)/reuse/business/rain/suwon/page.tsx b/apps/dm_new/app/(landing)/reuse/business/rain/suwon/page.tsx
index aec0b6f6a..3acba860b 100644
--- a/apps/dm_new/app/(landing)/reuse/business/rain/suwon/page.tsx
+++ b/apps/dm_new/app/(landing)/reuse/business/rain/suwon/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(landing)/reuse/business/sewage/bolyeong/page.tsx b/apps/dm_new/app/(landing)/reuse/business/sewage/bolyeong/page.tsx
index be4cafab2..04569f264 100644
--- a/apps/dm_new/app/(landing)/reuse/business/sewage/bolyeong/page.tsx
+++ b/apps/dm_new/app/(landing)/reuse/business/sewage/bolyeong/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(landing)/reuse/business/sewage/cheongju/page.tsx b/apps/dm_new/app/(landing)/reuse/business/sewage/cheongju/page.tsx
index 885315b86..1cddcae80 100644
--- a/apps/dm_new/app/(landing)/reuse/business/sewage/cheongju/page.tsx
+++ b/apps/dm_new/app/(landing)/reuse/business/sewage/cheongju/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(landing)/reuse/business/sewage/guri/page.tsx b/apps/dm_new/app/(landing)/reuse/business/sewage/guri/page.tsx
index 5b40fdd2a..638a8c8b6 100644
--- a/apps/dm_new/app/(landing)/reuse/business/sewage/guri/page.tsx
+++ b/apps/dm_new/app/(landing)/reuse/business/sewage/guri/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(landing)/reuse/business/sewage/hwanggu/page.tsx b/apps/dm_new/app/(landing)/reuse/business/sewage/hwanggu/page.tsx
index a3d9164c2..ef0baa15d 100644
--- a/apps/dm_new/app/(landing)/reuse/business/sewage/hwanggu/page.tsx
+++ b/apps/dm_new/app/(landing)/reuse/business/sewage/hwanggu/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(landing)/reuse/business/sewage/paju/page.tsx b/apps/dm_new/app/(landing)/reuse/business/sewage/paju/page.tsx
index d620165cd..7c76f0fa9 100644
--- a/apps/dm_new/app/(landing)/reuse/business/sewage/paju/page.tsx
+++ b/apps/dm_new/app/(landing)/reuse/business/sewage/paju/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(landing)/reuse/business/sewage/yeosu/page.tsx b/apps/dm_new/app/(landing)/reuse/business/sewage/yeosu/page.tsx
index aa2dc0200..e86d61b92 100644
--- a/apps/dm_new/app/(landing)/reuse/business/sewage/yeosu/page.tsx
+++ b/apps/dm_new/app/(landing)/reuse/business/sewage/yeosu/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(with-layout)/example/globalCase/overview/page.tsx b/apps/dm_new/app/(with-layout)/example/globalCase/overview/page.tsx
index 4058d71db..4d84b0c43 100644
--- a/apps/dm_new/app/(with-layout)/example/globalCase/overview/page.tsx
+++ b/apps/dm_new/app/(with-layout)/example/globalCase/overview/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(with-layout)/example/globalCase/singapore/page.tsx b/apps/dm_new/app/(with-layout)/example/globalCase/singapore/page.tsx
index 289559e53..3d8f35836 100644
--- a/apps/dm_new/app/(with-layout)/example/globalCase/singapore/page.tsx
+++ b/apps/dm_new/app/(with-layout)/example/globalCase/singapore/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(with-layout)/example/globalCase/taiwan/page.tsx b/apps/dm_new/app/(with-layout)/example/globalCase/taiwan/page.tsx
index 61f52375f..91f7b68af 100644
--- a/apps/dm_new/app/(with-layout)/example/globalCase/taiwan/page.tsx
+++ b/apps/dm_new/app/(with-layout)/example/globalCase/taiwan/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(with-layout)/example/rain/suwon/page.tsx b/apps/dm_new/app/(with-layout)/example/rain/suwon/page.tsx
index 17b31d9b2..a15b86cf4 100644
--- a/apps/dm_new/app/(with-layout)/example/rain/suwon/page.tsx
+++ b/apps/dm_new/app/(with-layout)/example/rain/suwon/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(with-layout)/example/sewage/bolyeong/page.tsx b/apps/dm_new/app/(with-layout)/example/sewage/bolyeong/page.tsx
index fe2331e19..2a6b41045 100644
--- a/apps/dm_new/app/(with-layout)/example/sewage/bolyeong/page.tsx
+++ b/apps/dm_new/app/(with-layout)/example/sewage/bolyeong/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(with-layout)/example/sewage/cheongju/page.tsx b/apps/dm_new/app/(with-layout)/example/sewage/cheongju/page.tsx
index 5f2e1928f..0d648f6b7 100644
--- a/apps/dm_new/app/(with-layout)/example/sewage/cheongju/page.tsx
+++ b/apps/dm_new/app/(with-layout)/example/sewage/cheongju/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(with-layout)/example/sewage/hwanggu/page.tsx b/apps/dm_new/app/(with-layout)/example/sewage/hwanggu/page.tsx
index 9d95651c9..6f3f72883 100644
--- a/apps/dm_new/app/(with-layout)/example/sewage/hwanggu/page.tsx
+++ b/apps/dm_new/app/(with-layout)/example/sewage/hwanggu/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(with-layout)/example/sewage/paju/page.tsx b/apps/dm_new/app/(with-layout)/example/sewage/paju/page.tsx
index 27b94afda..c3bfa2934 100644
--- a/apps/dm_new/app/(with-layout)/example/sewage/paju/page.tsx
+++ b/apps/dm_new/app/(with-layout)/example/sewage/paju/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/app/(with-layout)/example/sewage/yeosu/page.tsx b/apps/dm_new/app/(with-layout)/example/sewage/yeosu/page.tsx
index a96260608..cd77110a8 100644
--- a/apps/dm_new/app/(with-layout)/example/sewage/yeosu/page.tsx
+++ b/apps/dm_new/app/(with-layout)/example/sewage/yeosu/page.tsx
@@ -21,22 +21,22 @@ function Hr({ className = "" }: HrProps) {
   return <div className={`h-[2px] w-full bg-black/10 ${className}`} />;
 }
 
-type ImgCardProps = {
-  src: string;
-  alt: string;
-};
+// type ImgCardProps = {
+//   src: string;
+//   alt: string;
+// };
 
-function ImgCard({ src, alt }: ImgCardProps) {
-  return (
-    <div className="w-full overflow-x-auto">
-      <img
-        src={src}
-        alt={alt}
-        className="block mx-auto max-w-none"
-      />
-    </div>
-  );
-}
+// function ImgCard({ src, alt }: ImgCardProps) {
+//   return (
+//     <div className="w-full overflow-x-auto">
+//       <img
+//         src={src}
+//         alt={alt}
+//         className="block mx-auto max-w-none"
+//       />
+//     </div>
+//   );
+// }
 
 export default function GreywaterPage() {
   return (
diff --git a/apps/dm_new/components/ui/sdmInfoInsertForm/component.tsx b/apps/dm_new/components/ui/sdmInfoInsertForm/component.tsx
index ae30cac59..44c6d3f82 100644
--- a/apps/dm_new/components/ui/sdmInfoInsertForm/component.tsx
+++ b/apps/dm_new/components/ui/sdmInfoInsertForm/component.tsx
@@ -1,962 +1,962 @@
-//import ModalSimilarPage from "@/app/(base-layout)/pages/sdmMng/sdmInfoInsert/modalSimilar/page";
-import { useDmStore } from "@/app/store";
-import {
-  CANDIDATE,
- // DatePicker,
-  FormField,
-  FormLabel,
-  FormUi,
-  SelectBox,
-  UiModal,
-} from "@common/business_components";
-import { Input } from "@common/components";
-import { Button, Label } from "@common/components/ui";
-import { useSearchParams } from "next/navigation";
-import { useCallback, useEffect, useState } from "react";
-import { AccessibleFormField } from "./AccessibleFormField";
-import {
-  type ControllerRenderProps,
-  type UseFormReturn,
-  type FieldError,
-  useWatch,
-} from "react-hook-form";
-import SearchInputText from "../common/searhDemandInput/component";
-import React from "react";
-import { formatDateToYMD, sanitizeInput } from "../common/utils/utils";
-import type { DemandCompType } from "@common/business_components/ui/sdmInsertForm/form";
-import type { SdmInfoFormData } from "@/app/store/sdmMng";
+// import ModalSimilarPage from "@/app/(base-layout)/pages/sdmMng/sdmInfoInsert/modalSimilar/page";
+// import { useDmStore } from "@/app/store";
+// import {
+//   CANDIDATE,
+//  // DatePicker,
+//   FormField,
+//   FormLabel,
+//   FormUi,
+//   SelectBox,
+//   UiModal,
+// } from "@common/business_components";
+// import { Input } from "@common/components";
+// import { Button, Label } from "@common/components/ui";
+// import { useSearchParams } from "next/navigation";
+// import { useCallback, useEffect, useState } from "react";
+// import { AccessibleFormField } from "./AccessibleFormField";
+// import {
+//   type ControllerRenderProps,
+//   type UseFormReturn,
+//   type FieldError,
+//   useWatch,
+// } from "react-hook-form";
+// import SearchInputText from "../common/searhDemandInput/component";
+// import React from "react";
+// import { formatDateToYMD, sanitizeInput } from "../common/utils/utils";
+// import type { DemandCompType } from "@common/business_components/ui/sdmInsertForm/form";
+// import type { SdmInfoFormData } from "@/app/store/sdmMng";
 
-export interface SdmInfoRegFormProps {
-  form: UseFormReturn<SdmInfoFormData>;
-  onCheckboxChange?: (checked: boolean) => void;
-  facilityName?: string;
-}
+// export interface SdmInfoRegFormProps {
+//   form: UseFormReturn<SdmInfoFormData>;
+//   onCheckboxChange?: (checked: boolean) => void;
+//   facilityName?: string;
+// }
 
-type FieldComponent = (
-  field: ControllerRenderProps<SdmInfoFormData, keyof SdmInfoFormData>
-) => React.ReactElement<{ disabled?: boolean }>;
+// type FieldComponent = (
+//   field: ControllerRenderProps<SdmInfoFormData, keyof SdmInfoFormData>
+// ) => React.ReactElement<{ disabled?: boolean }>;
 
-export function SdmInfoRegForm({
-  form,
-  onCheckboxChange,
-  facilityName,
-}: SdmInfoRegFormProps) {
-  const { initializeCommonData, Sdm } = useDmStore((state) => state);
-  const { useTypesData, defaultRules, disableRules } = Sdm;
-  const searchParams = useSearchParams();
+// export function SdmInfoRegForm({
+//   form,
+//   onCheckboxChange,
+//   facilityName,
+// }: SdmInfoRegFormProps) {
+//   const { initializeCommonData, Sdm } = useDmStore((state) => state);
+//   const { useTypesData, defaultRules, disableRules } = Sdm;
+//   const searchParams = useSearchParams();
 
-  const [sdmNmValue, setSdmNmValue] = useState<string>(
-    searchParams.get("dmdCoNm") || ""
-  );
+//   const [sdmNmValue, setSdmNmValue] = useState<string>(
+//     searchParams.get("dmdCoNm") || ""
+//   );
 
-  const [frontPHdata, setFrontPHdata] = useState("0");
-  const [backPHdata, setBackPHdata] = useState("0");
-  const [isBznmTotNoDisabled, setIsBznmTotNoDisabled] = useState(false);
-  const [isSimilarCase, setIsSimilarCase] = useState(false);
-  const [key, setKey] = useState(0);
-  // 후보지 팝업 오픈 상태
+//   const [frontPHdata, setFrontPHdata] = useState("0");
+//   const [backPHdata, setBackPHdata] = useState("0");
+//   const [isBznmTotNoDisabled, setIsBznmTotNoDisabled] = useState(false);
+//   const [isSimilarCase, setIsSimilarCase] = useState(false);
+//   const [key, setKey] = useState(0);
+//   // 후보지 팝업 오픈 상태
 
-  //모달 조회에 필요한 데이터
-  const [sply, setSply] = useState<number>(0);
-  const [usageCd, setUsageCd] = useState<string>("청소");
-  const [money, setMoney] = useState<number>(0);
+//   //모달 조회에 필요한 데이터
+//   const [sply, setSply] = useState<number>(0);
+//   const [usageCd, setUsageCd] = useState<string>("청소");
+//   const [money, setMoney] = useState<number>(0);
 
-  useEffect(() => {
-    initializeCommonData();
-  }, [initializeCommonData]);
+//   useEffect(() => {
+//     initializeCommonData();
+//   }, [initializeCommonData]);
 
-  useEffect(() => {
-    console.log("candidateTitle ", form.getValues("candidateTitle"));
-  }, [form.getValues]);
+//   useEffect(() => {
+//     console.log("candidateTitle ", form.getValues("candidateTitle"));
+//   }, [form.getValues]);
 
-  useEffect(() => {
-    if (useTypesData && useTypesData.length > 0) {
-      setTimeout(() => {
-        form.setValue("usePurpose", useTypesData[0]?.val?.toString() || "");
-      }, 500);
-    }
-  }, [useTypesData, form.setValue, form]);
+//   useEffect(() => {
+//     if (useTypesData && useTypesData.length > 0) {
+//       setTimeout(() => {
+//         form.setValue("usePurpose", useTypesData[0]?.val?.toString() || "");
+//       }, 500);
+//     }
+//   }, [useTypesData, form.setValue, form]);
 
-  useEffect(() => {
-    if (facilityName) {
-      setSdmNmValue(facilityName);
-      form.setValue("sdmNm", facilityName);
-      setKey((prev) => prev + 1);
-    }
-  }, [facilityName, form.setValue, form]);
+//   useEffect(() => {
+//     if (facilityName) {
+//       setSdmNmValue(facilityName);
+//       form.setValue("sdmNm", facilityName);
+//       setKey((prev) => prev + 1);
+//     }
+//   }, [facilityName, form.setValue, form]);
 
-  useEffect(() => {
-    if (searchParams.get("dmdCoNm")) {
-      form.setValue("sdmNm", searchParams.get("dmdCoNm") || "");
-      setSdmNmValue(searchParams.get("dmdCoNm") || "");
-      setKey((prev) => prev + 1);
-    }
-  }, [searchParams, form.setValue, form]);
+//   useEffect(() => {
+//     if (searchParams.get("dmdCoNm")) {
+//       form.setValue("sdmNm", searchParams.get("dmdCoNm") || "");
+//       setSdmNmValue(searchParams.get("dmdCoNm") || "");
+//       setKey((prev) => prev + 1);
+//     }
+//   }, [searchParams, form.setValue, form]);
 
-  const searchCandidate = (e: React.MouseEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
-    const dmdInfoId = JSON.parse(
-      sessionStorage.getItem("user") || "{}"
-    )?.dmdInfoId?.toString();
+//   const searchCandidate = (e: React.MouseEvent) => {
+//     e.preventDefault();
+//     e.stopPropagation();
+//     const dmdInfoId = JSON.parse(
+//       sessionStorage.getItem("user") || "{}"
+//     )?.dmdInfoId?.toString();
 
-    const url = `/map/popup?dmdInfoId=${encodeURIComponent(dmdInfoId)}`;
-    const width = window.screen.availWidth;
-    const height = window.screen.availHeight;
-    const left = 0;
-    const top = 0;
-    const popupOptions = `width=${width},height=${height},left=${left},top=${top},resizable=yes,scrollbars=yes`;
-    window.open(url, "candidatePopup", popupOptions);
-  };
+//     const url = `/map/popup?dmdInfoId=${encodeURIComponent(dmdInfoId)}`;
+//     const width = window.screen.availWidth;
+//     const height = window.screen.availHeight;
+//     const left = 0;
+//     const top = 0;
+//     const popupOptions = `width=${width},height=${height},left=${left},top=${top},resizable=yes,scrollbars=yes`;
+//     window.open(url, "candidatePopup", popupOptions);
+//   };
 
-  const searchSimilarCase = (e: React.MouseEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsSimilarCase(true);
-  };
+//   const searchSimilarCase = (e: React.MouseEvent) => {
+//     e.preventDefault();
+//     e.stopPropagation();
+//     setIsSimilarCase(true);
+//   };
 
-  const handleCheckboxChange = (checked: boolean) => {
-    setIsBznmTotNoDisabled(checked);
-    onCheckboxChange?.(checked);
-  };
+//   const handleCheckboxChange = (checked: boolean) => {
+//     setIsBznmTotNoDisabled(checked);
+//     onCheckboxChange?.(checked);
+//   };
 
-  useEffect(() => {
-    const watchPH = form.getValues(`ph`);
-    if (watchPH && watchPH !== undefined) {
-      const [frontPH, backPH] = watchPH.split("~");
-      if (frontPH) {
-        setFrontPHdata(frontPH);
-      }
-      if (backPH) {
-        setBackPHdata(backPH);
-      }
-    } else {
-      setFrontPHdata("0");
-      setBackPHdata("0");
-    }
-  }, [form.getValues(`ph`)]);
+//   useEffect(() => {
+//     const watchPH = form.getValues(`ph`);
+//     if (watchPH && watchPH !== undefined) {
+//       const [frontPH, backPH] = watchPH.split("~");
+//       if (frontPH) {
+//         setFrontPHdata(frontPH);
+//       }
+//       if (backPH) {
+//         setBackPHdata(backPH);
+//       }
+//     } else {
+//       setFrontPHdata("0");
+//       setBackPHdata("0");
+//     }
+//   }, [form.getValues(`ph`)]);
 
-  const isSetPh = useCallback(
-    (typePHdata: string, index: number) => {
-      const PHdata = form.getValues("ph");
-      const isPH = PHdata?.split("~")[index] || "";
-      if (index == 0) {
-        form.setValue("ph", `${isPH}~${typePHdata}`);
-        setBackPHdata(typePHdata);
-      } else if (index == 1) {
-        form.setValue("ph", `${typePHdata}~${isPH}`);
-        setFrontPHdata(typePHdata);
-      }
-    },
-    [form]
-  );
+//   const isSetPh = useCallback(
+//     (typePHdata: string, index: number) => {
+//       const PHdata = form.getValues("ph");
+//       const isPH = PHdata?.split("~")[index] || "";
+//       if (index == 0) {
+//         form.setValue("ph", `${isPH}~${typePHdata}`);
+//         setBackPHdata(typePHdata);
+//       } else if (index == 1) {
+//         form.setValue("ph", `${typePHdata}~${isPH}`);
+//         setFrontPHdata(typePHdata);
+//       }
+//     },
+//     [form]
+//   );
 
-  const usePurpose = useWatch({ control: form.control, name: "usePurpose" });
+//   const usePurpose = useWatch({ control: form.control, name: "usePurpose" });
 
-  useEffect(() => {
-    if (!usePurpose) return;
+//   useEffect(() => {
+//     if (!usePurpose) return;
 
-    // Apply default values
-    const defaults = defaultRules[usePurpose];
+//     // Apply default values
+//     const defaults = defaultRules[usePurpose];
 
-    if (defaults) {
-      Object.entries(defaults).forEach(([field, value]) => {
-        form.setValue(field as keyof SdmInfoFormData, value, {
-          shouldDirty: true,
-        });
-      });
-    }
-  }, [form.getValues("usePurpose")]);
+//     if (defaults) {
+//       Object.entries(defaults).forEach(([field, value]) => {
+//         form.setValue(field as keyof SdmInfoFormData, value, {
+//           shouldDirty: true,
+//         });
+//       });
+//     }
+//   }, [form.getValues("usePurpose")]);
 
-  // 시설 선택시 이벤트
-  const selectComp = useCallback(
-    (rtnData: DemandCompType[]) => {
-      const rtnCompData = rtnData?.[0];
-      form.setValue("sdmNm", rtnCompData?.dmdCoNm || "");
-    },
-    [form]
-  );
+//   // 시설 선택시 이벤트
+//   const selectComp = useCallback(
+//     (rtnData: DemandCompType[]) => {
+//       const rtnCompData = rtnData?.[0];
+//       form.setValue("sdmNm", rtnCompData?.dmdCoNm || "");
+//     },
+//     [form]
+//   );
 
-  const formFields: Array<{
-    name: keyof SdmInfoFormData;
-    label: string;
-    component: FieldComponent | undefined;
-    formIndex: number;
-    required?: boolean;
-  }> = [
-    {
-      name: "sdmNm",
-      label: "수요처선택",
-      formIndex: 0,
-      required: true,
-      component: (field) => (
-        <div key={key}>
-          <SearchInputText
-            label="수요처명"
-            setValue={(val) => {
-              setSdmNmValue(val || "");
-              field.onChange(val || "");
-            }}
-            setRtnData={selectComp}
-            initValue={facilityName || sdmNmValue}
-            {...field}
-          />
-        </div>
-      ),
-    },
-    {
-      name: "demandYmd",
-      label: "요구시기",
-      formIndex: 0,
-      required: true,
-      component: (field) => (
-        <div className="relative w-64">
-          {/* <DatePicker
-            mode="single"
-            selected={field.value as Date}
-            onSelect={(date) => {
-              field.onChange(date as Date);
-            }}
-            className=""
-            //defaultMonth={field.value as Date}
-            field={{
-              value: field.value as Date,
-              onChange: (date: Date | undefined) => {
-                field.onChange(date as Date);
-              },
-            }}
-            showOutsideDays={true}
-            selectClass={undefined}
-          /> */}
-            {/* 네이티브 input */}
-            <Input
-              className="w-full !text-xl text-right"
-              type="date"
-              onChange= {(e) => {
-                const selectedDate = e.target.value ? new Date(e.target.value) : null;
-                field.onChange(selectedDate);
-              }}
-              value={ formatDateToYMD(field.value as Date) }
-            />
-        </div>
-      ),
-    },
-    {
-      name: "demandQnty",
-      label: "요구수량(㎥/d)",
-      formIndex: 0,
-      required: true,
-      component: (field) => (
-        <Input
-          type="text"
-          className="!text-xl text-gray-600"
-          value={field.value as string}
-          onChange={(e) => {
-            field.onChange(e);
-            setSply(Number(e.target.value));
-          }}
-          onBlur={field.onBlur}
-          name={field.name}
-          ref={field.ref}
-        />
-      ),
-    },
-    {
-      name: "usePurpose",
-      label: "사용용도",
-      formIndex: 0,
-      required: true,
-      component: (field) => (
-        <SelectBox
-          selectClass={undefined}
-          label=""
-          selectArray={useTypesData}
-          onSelectValue={(val) => {
-            field.onChange(val.toString());
-            setUsageCd(val.toString());
-          }}
-          className=""
-          value={field.value as string}
-        />
-      ),
-    },
-    {
-      name: "money",
-      label: "희망단가(원)",
-      formIndex: 0,
-      required: true,
-      component: (field) => (
-        <FormUi
-          onCheckboxChange={handleCheckboxChange}
-          isDisabled={isBznmTotNoDisabled}
-        >
-          <Input
-            type="text"
-            className="!text-xl text-gray-600"
-            value={field.value as string}
-            onChange={(e) => {
-              field.onChange(e);
-              setMoney(Number(e.target.value));
-            }}
-            onBlur={field.onBlur}
-            name={field.name}
-            ref={field.ref}
-          />
-        </FormUi>
-      ),
-    },
-    {
-      name: "reqWaterQlty",
-      label: "요구수질",
-      formIndex: 0,
-      required: true,
-      component: undefined,
-    },
+//   const formFields: Array<{
+//     name: keyof SdmInfoFormData;
+//     label: string;
+//     component: FieldComponent | undefined;
+//     formIndex: number;
+//     required?: boolean;
+//   }> = [
+//     {
+//       name: "sdmNm",
+//       label: "수요처선택",
+//       formIndex: 0,
+//       required: true,
+//       component: (field) => (
+//         <div key={key}>
+//           <SearchInputText
+//             label="수요처명"
+//             setValue={(val) => {
+//               setSdmNmValue(val || "");
+//               field.onChange(val || "");
+//             }}
+//             setRtnData={selectComp}
+//             initValue={facilityName || sdmNmValue}
+//             {...field}
+//           />
+//         </div>
+//       ),
+//     },
+//     {
+//       name: "demandYmd",
+//       label: "요구시기",
+//       formIndex: 0,
+//       required: true,
+//       component: (field) => (
+//         <div className="relative w-64">
+//           {/* <DatePicker
+//             mode="single"
+//             selected={field.value as Date}
+//             onSelect={(date) => {
+//               field.onChange(date as Date);
+//             }}
+//             className=""
+//             //defaultMonth={field.value as Date}
+//             field={{
+//               value: field.value as Date,
+//               onChange: (date: Date | undefined) => {
+//                 field.onChange(date as Date);
+//               },
+//             }}
+//             showOutsideDays={true}
+//             selectClass={undefined}
+//           /> */}
+//             {/* 네이티브 input */}
+//             <Input
+//               className="w-full !text-xl text-right"
+//               type="date"
+//               onChange= {(e) => {
+//                 const selectedDate = e.target.value ? new Date(e.target.value) : null;
+//                 field.onChange(selectedDate);
+//               }}
+//               value={ formatDateToYMD(field.value as Date) }
+//             />
+//         </div>
+//       ),
+//     },
+//     {
+//       name: "demandQnty",
+//       label: "요구수량(㎥/d)",
+//       formIndex: 0,
+//       required: true,
+//       component: (field) => (
+//         <Input
+//           type="text"
+//           className="!text-xl text-gray-600"
+//           value={field.value as string}
+//           onChange={(e) => {
+//             field.onChange(e);
+//             setSply(Number(e.target.value));
+//           }}
+//           onBlur={field.onBlur}
+//           name={field.name}
+//           ref={field.ref}
+//         />
+//       ),
+//     },
+//     {
+//       name: "usePurpose",
+//       label: "사용용도",
+//       formIndex: 0,
+//       required: true,
+//       component: (field) => (
+//         <SelectBox
+//           selectClass={undefined}
+//           label=""
+//           selectArray={useTypesData}
+//           onSelectValue={(val) => {
+//             field.onChange(val.toString());
+//             setUsageCd(val.toString());
+//           }}
+//           className=""
+//           value={field.value as string}
+//         />
+//       ),
+//     },
+//     {
+//       name: "money",
+//       label: "희망단가(원)",
+//       formIndex: 0,
+//       required: true,
+//       component: (field) => (
+//         <FormUi
+//           onCheckboxChange={handleCheckboxChange}
+//           isDisabled={isBznmTotNoDisabled}
+//         >
+//           <Input
+//             type="text"
+//             className="!text-xl text-gray-600"
+//             value={field.value as string}
+//             onChange={(e) => {
+//               field.onChange(e);
+//               setMoney(Number(e.target.value));
+//             }}
+//             onBlur={field.onBlur}
+//             name={field.name}
+//             ref={field.ref}
+//           />
+//         </FormUi>
+//       ),
+//     },
+//     {
+//       name: "reqWaterQlty",
+//       label: "요구수질",
+//       formIndex: 0,
+//       required: true,
+//       component: undefined,
+//     },
 
-    {
-      name: "candidateTitle",
-      label: CANDIDATE || "공급처 후보지 선택(필수아님)",
-      formIndex: 2,
-      component: () => (
-        <div>
-          <div className="-mt-14 float-right flex gap-10">
-            <Button
-              className="rounded-md"
-              color="sky"
-              size={"sm"}
-              onClick={searchCandidate}
-            >
-              후보지 조회
-            </Button>
-            <Button
-              className="rounded-md"
-              color="sky"
-              size={"sm"}
-              onClick={searchSimilarCase}
-            >
-              유사사례
-            </Button>
-          </div>
-          <div className="flex justify-center gap-10 mt-5">
-            {(form.getValues("candidateTitle") || []).map(
-              (candidate: any, index: number) => (
-                <Input
-                  key={index}
-                  placeholder={`후보지${index + 1}`}
-                  type="text"
-                  className="!text-xl w-[130px] text-gray-600"
-                  value={candidate.ruseUtztnFcltNm}
-                  readOnly
-                />
-              )
-            )}
-          </div>
-        </div>
-      ),
-    },
-  ];
+//     {
+//       name: "candidateTitle",
+//       label: CANDIDATE || "공급처 후보지 선택(필수아님)",
+//       formIndex: 2,
+//       component: () => (
+//         <div>
+//           <div className="-mt-14 float-right flex gap-10">
+//             <Button
+//               className="rounded-md"
+//               color="sky"
+//               size={"sm"}
+//               onClick={searchCandidate}
+//             >
+//               후보지 조회
+//             </Button>
+//             <Button
+//               className="rounded-md"
+//               color="sky"
+//               size={"sm"}
+//               onClick={searchSimilarCase}
+//             >
+//               유사사례
+//             </Button>
+//           </div>
+//           <div className="flex justify-center gap-10 mt-5">
+//             {(form.getValues("candidateTitle") || []).map(
+//               (candidate: any, index: number) => (
+//                 <Input
+//                   key={index}
+//                   placeholder={`후보지${index + 1}`}
+//                   type="text"
+//                   className="!text-xl w-[130px] text-gray-600"
+//                   value={candidate.ruseUtztnFcltNm}
+//                   readOnly
+//                 />
+//               )
+//             )}
+//           </div>
+//         </div>
+//       ),
+//     },
+//   ];
 
-  const normalFields = formFields.filter(
-    (f) => f.formIndex === 0 && f.component
-  );
+//   const normalFields = formFields.filter(
+//     (f) => f.formIndex === 0 && f.component
+//   );
 
-  const candidateFields = formFields.filter(
-    (f) => f.formIndex === 2 && f.component
-  );
+//   const candidateFields = formFields.filter(
+//     (f) => f.formIndex === 2 && f.component
+//   );
 
-  return (
-    <>
-      {normalFields.map(({ name, label, component, required }) =>
-        component ? (
-          <FormField
-            key={name}
-            control={form.control}
-            name={name}
-            render={({ field }) =>
-              name === "money" ? (
-                <div>
-                  <Label className="text-black">희망단가(원)*</Label>
-                  {component(field)}
-                </div>
-              ) : (
-                // <FormUi label={label + "*"}>{component(field)}</FormUi>
-                <AccessibleFormField
-                  field={field}
-                  label={label}
-                  required={required}
-                  error={
-                    typeof form.formState.errors[name]?.message === "string"
-                      ? (form.formState.errors[name] as FieldError)
-                      : undefined
-                  }
-                  inputComponent={component(field)}
-                />
-              )
-            }
-          />
-        ) : null
-      )}
+//   return (
+//     <>
+//       {normalFields.map(({ name, label, component, required }) =>
+//         component ? (
+//           <FormField
+//             key={name}
+//             control={form.control}
+//             name={name}
+//             render={({ field }) =>
+//               name === "money" ? (
+//                 <div>
+//                   <Label className="text-black">희망단가(원)*</Label>
+//                   {component(field)}
+//                 </div>
+//               ) : (
+//                 // <FormUi label={label + "*"}>{component(field)}</FormUi>
+//                 <AccessibleFormField
+//                   field={field}
+//                   label={label}
+//                   required={required}
+//                   error={
+//                     typeof form.formState.errors[name]?.message === "string"
+//                       ? (form.formState.errors[name] as FieldError)
+//                       : undefined
+//                   }
+//                   inputComponent={component(field)}
+//                 />
+//               )
+//             }
+//           />
+//         ) : null
+//       )}
 
-      <div className="mt-10">
-        <FormLabel className="text-xl">요구수질</FormLabel>
-        <div className="grid grid-cols-2 gap-x-10 gap-y-6 mt-3 mb-3">
-          <FormField
-            control={form.control}
-            name={`grssClfg`}
-            render={({ field }) => {
-              const disabledFields = usePurpose ? disableRules[usePurpose] : [];
-              const isDisabled = disabledFields
-                ? disabledFields.includes(field.name)
-                : true;
-              return (
-                <FormUi
-                  label={
-                    !isDisabled ? `총대장균군수(개/mg)*` : "총대장균군수(개/mg)"
-                  }
-                >
-                  <div className="flex items-center gap-2">
-                    <div className="relative flex-1 min-w-0">
-                      <Input
-                        type="text"
-                        className="w-full pr-16 border py-2 text-right rounded-md"
-                        placeholder=""
-                        onChange={(e) => {
-                          const inputValue = e.target.value.replace(
-                            /[^0-9]/g,
-                            ""
-                          ); // 정수만
-                          field.onChange(
-                            inputValue === "" ? null : Number(inputValue)
-                          );
-                        }}
-                        value={
-                          field.value !== undefined && field.value !== null
-                            ? `${field.value}`
-                            : "불검출"
-                        }
-                        maxLength={6}
-                        disabled={isDisabled}
-                        onBlur={field.onBlur}
-                        name={field.name}
-                        ref={field.ref}
-                      />
-                      {/* TODO:  총대장균군수 확인 필요*/}
-                      {field.value !== null ? (
-                        <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
-                          이하
-                        </span>
-                      ) : (
-                        <></>
-                      )}
-                    </div>
-                  </div>
-                </FormUi>
-              );
-            }}
-          />
-          <FormField
-            control={form.control}
-            name={`tn`}
-            render={({ field }) => {
-              const disabledFields = usePurpose ? disableRules[usePurpose] : [];
-              const isDisabled = disabledFields
-                ? disabledFields.includes(field.name)
-                : true;
-              return (
-                <FormUi
-                  label={
-                    !isDisabled ? `총질소(T-N)(mg/L)*` : "총질소(T-N)(mg/L)"
-                  }
-                >
-                  <div className="flex items-center gap-2">
-                    <div className="relative flex-1 min-w-0">
-                      <Input
-                        type="text"
-                        className="w-full pr-16 border py-2 text-right rounded-md"
-                        placeholder=""
-                        onChange={(e) => {
-                          const inputValue = e.target.value.replace(
-                            /[^0-9]/g,
-                            ""
-                          ); // 정수만
-                          field.onChange(
-                            inputValue === "" ? null : Number(inputValue)
-                          );
-                        }}
-                        value={
-                          field.value !== undefined && field.value !== null
-                            ? `${field.value}`
-                            : ""
-                        }
-                        maxLength={6}
-                        disabled={isDisabled}
-                        onBlur={field.onBlur}
-                        name={field.name}
-                        ref={field.ref}
-                      />
-                      <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
-                        이하
-                      </span>
-                    </div>
-                  </div>
-                </FormUi>
-              );
-            }}
-          />
-          <FormField
-            control={form.control}
-            name={`combResdch`}
-            render={({ field }) => {
-              const disabledFields = usePurpose ? disableRules[usePurpose] : [];
-              const isDisabled = disabledFields
-                ? disabledFields.includes(field.name)
-                : true;
-              return (
-                <FormUi
-                  label={
-                    !isDisabled ? `결합잔류염소(mg/L)*` : "결합잔류염소(mg/L)"
-                  }
-                >
-                  <div className="flex items-center gap-2">
-                    <div className="relative flex-1 min-w-0">
-                      <Input
-                        type="text"
-                        className="w-full pr-16 border py-2 text-right rounded-md"
-                        placeholder=""
-                        onChange={(e) => {
-                          const cleanValue = sanitizeInput(
-                            e.target.value,
-                            true
-                          );
-                          field.onChange(
-                            cleanValue === "" ? null : Number(cleanValue)
-                          );
-                        }}
-                        value={field.value ?? ""}
-                        maxLength={6}
-                        disabled={isDisabled}
-                        onBlur={field.onBlur}
-                        name={field.name}
-                        ref={field.ref}
-                      />
-                      <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
-                        이상
-                      </span>
-                    </div>
-                  </div>
-                </FormUi>
-              );
-            }}
-          />
-          <FormField
-            control={form.control}
-            name={`tph`}
-            render={({ field }) => {
-              const disabledFields = usePurpose ? disableRules[usePurpose] : [];
-              const isDisabled = disabledFields
-                ? disabledFields.includes(field.name)
-                : true;
-              return (
-                <FormUi
-                  label={!isDisabled ? `총인(T-P)(mg/L)*` : "총인(T-P)(mg/L)"}
-                >
-                  <div className="flex items-center gap-2">
-                    <div className="relative flex-1 min-w-0">
-                      <Input
-                        type="text"
-                        className="w-full pr-16 border py-2 text-right rounded-md"
-                        placeholder=""
-                        onChange={(e) => {
-                          const cleanValue = sanitizeInput(
-                            e.target.value,
-                            true
-                          );
-                          field.onChange(
-                            cleanValue === "" ? null : Number(cleanValue)
-                          );
-                        }}
-                        value={field.value ?? ""}
-                        maxLength={6}
-                        disabled={isDisabled}
-                        onBlur={field.onBlur}
-                        name={field.name}
-                        ref={field.ref}
-                      />
-                      <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
-                        이하
-                      </span>
-                    </div>
-                  </div>
-                </FormUi>
-              );
-            }}
-          />
-          <FormField
-            control={form.control}
-            name={`trbt`}
-            render={({ field }) => {
-              const disabledFields = usePurpose ? disableRules[usePurpose] : [];
-              const isDisabled = disabledFields
-                ? disabledFields.includes(field.name)
-                : true;
-              return (
-                <FormUi label={!isDisabled ? `탁도(NTU)*` : "탁도(NTU)"}>
-                  <div className="flex items-center gap-2">
-                    <div className="relative flex-1 min-w-0">
-                      <Input
-                        type="text"
-                        className="w-full pr-16 border py-2 text-right rounded-md"
-                        placeholder=""
-                        onChange={(e) => {
-                          const inputValue = e.target.value.replace(
-                            /[^0-9]/g,
-                            ""
-                          ); // 정수만
-                          field.onChange(
-                            inputValue === "" ? null : Number(inputValue)
-                          );
-                        }}
-                        value={
-                          field.value !== undefined && field.value !== null
-                            ? `${field.value}`
-                            : ""
-                        }
-                        maxLength={6}
-                        disabled={isDisabled}
-                        onBlur={field.onBlur}
-                        name={field.name}
-                        ref={field.ref}
-                      />
-                      <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
-                        이하
-                      </span>
-                    </div>
-                  </div>
-                </FormUi>
-              );
-            }}
-          />
-          <div className="col-span-1">
-            <Label className="text-xl">수소이온농도(pH)</Label>
-            <div className="flex flex-row items-center gap-2">
-              <Input
-                className="!text-xl w-36"
-                placeholder=""
-                type="text"
-                onChange={(e) => {
-                  const cleanValue = sanitizeInput(e.target.value, true);
-                  isSetPh(cleanValue, 1);
-                }}
-                value={frontPHdata ?? ""}
-                maxLength={5}
-              />
-              <span className="text-xl mx-2">~</span>
-              <Input
-                className="!text-xl w-36 "
-                placeholder=""
-                type="text"
-                onChange={(e) => {
-                  const cleanValue = sanitizeInput(e.target.value, true);
-                  isSetPh(cleanValue, 0);
-                }}
-                value={backPHdata ?? ""}
-                maxLength={5}
-              />
-            </div>
-          </div>
-          <FormField
-            control={form.control}
-            name={`bod`}
-            render={({ field }) => {
-              const disabledFields = usePurpose ? disableRules[usePurpose] : [];
-              const isDisabled = disabledFields
-                ? disabledFields.includes(field.name)
-                : true;
-              return (
-                <FormUi
-                  label={
-                    !isDisabled
-                      ? `생물학적 산소요구량(BOD)(mg/L)*`
-                      : "생물학적 산소요구량(BOD)(mg/L)"
-                  }
-                >
-                  <div className="flex items-center gap-2">
-                    <div className="relative flex-1 min-w-0">
-                      <Input
-                        type="text"
-                        className="w-full pr-16 border py-2 text-right rounded-md"
-                        placeholder=""
-                        onChange={(e) => {
-                          const inputValue = e.target.value.replace(
-                            /[^0-9]/g,
-                            ""
-                          ); // 정수만
-                          field.onChange(
-                            inputValue === "" ? null : Number(inputValue)
-                          );
-                        }}
-                        value={
-                          field.value !== undefined && field.value !== null
-                            ? `${field.value}`
-                            : ""
-                        }
-                        maxLength={6}
-                        disabled={isDisabled}
-                        onBlur={field.onBlur}
-                        name={field.name}
-                        ref={field.ref}
-                      />
-                      <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
-                        이하
-                      </span>
-                    </div>
-                  </div>
-                </FormUi>
-              );
-            }}
-          />
-          <FormField
-            control={form.control}
-            name={`clIonQnt`}
-            render={({ field }) => {
-              const disabledFields = usePurpose ? disableRules[usePurpose] : [];
-              const isDisabled = disabledFields
-                ? disabledFields.includes(field.name)
-                : true;
-              return (
-                <FormUi
-                  label={!isDisabled ? `염화물(mgCL/L)*` : "염화물(mgCL/L)"}
-                >
-                  <div className="flex items-center gap-2">
-                    <div className="relative flex-1 min-w-0">
-                      <Input
-                        type="text"
-                        className="w-full pr-16 border py-2 text-right rounded-md"
-                        placeholder=""
-                        onChange={(e) => {
-                          const inputValue = e.target.value.replace(
-                            /[^0-9]/g,
-                            ""
-                          ); // 정수만
-                          field.onChange(
-                            inputValue === "" ? null : Number(inputValue)
-                          );
-                        }}
-                        value={
-                          field.value !== undefined && field.value !== null
-                            ? `${field.value}`
-                            : ""
-                        }
-                        maxLength={6}
-                        disabled={isDisabled}
-                        onBlur={field.onBlur}
-                        name={field.name}
-                        ref={field.ref}
-                      />
-                      <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
-                        이하
-                      </span>
-                    </div>
-                  </div>
-                </FormUi>
-              );
-            }}
-          />
-          <FormField
-            control={form.control}
-            name={`smll`}
-            render={({ field }) => {
-              const disabledFields = usePurpose ? disableRules[usePurpose] : [];
-              const isDisabled = disabledFields
-                ? disabledFields.includes(field.name)
-                : true;
-              return (
-                <FormUi label={!isDisabled ? `냄새*` : "냄새"}>
-                  <SelectBox
-                    className="!text-2xl rounded-md"
-                    label={""}
-                    selectClass={undefined}
-                    selectArray={[
-                      { text: "불쾌하지않을것", val: "불쾌하지않을것" },
-                      { text: "해당사항없음", val: "해당사항없음" },
-                    ]}
-                    onSelectValue={(val: string | number) => {
-                      field.onChange(val.toString());
-                    }}
-                    value={field.value}
-                    readOnly={isDisabled}
-                    onBlur={field.onBlur}
-                    ref={field.ref}
-                  />
-                </FormUi>
-              );
-            }}
-          />
-          <FormField
-            control={form.control}
-            name={`cdtnv`}
-            render={({ field }) => {
-              const disabledFields = usePurpose ? disableRules[usePurpose] : [];
-              const isDisabled = disabledFields
-                ? disabledFields.includes(field.name)
-                : true;
-              return (
-                <FormUi
-                  label={
-                    !isDisabled ? `전기전도도(㎲/cm)*` : "전기전도도(㎲/cm)"
-                  }
-                >
-                  <div className="flex items-center gap-2">
-                    <div className="relative flex-1 min-w-0">
-                      <Input
-                        type="text"
-                        className="w-full pr-16 border py-2 text-right rounded-md"
-                        placeholder=""
-                        onChange={(e) => {
-                          const inputValue = e.target.value.replace(
-                            /[^0-9]/g,
-                            ""
-                          ); // 정수만
-                          field.onChange(
-                            inputValue === "" ? null : Number(inputValue)
-                          );
-                        }}
-                        value={
-                          field.value !== undefined && field.value !== null
-                            ? `${field.value}`
-                            : ""
-                        }
-                        maxLength={6}
-                        disabled={isDisabled}
-                        onBlur={field.onBlur}
-                        name={field.name}
-                        ref={field.ref}
-                      />
-                      <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
-                        이하
-                      </span>
-                    </div>
-                  </div>
-                </FormUi>
-              );
-            }}
-          />
-          <FormField
-            control={form.control}
-            name={`crmty`}
-            render={({ field }) => {
-              const disabledFields = usePurpose ? disableRules[usePurpose] : [];
-              const isDisabled = disabledFields
-                ? disabledFields.includes(field.name)
-                : true;
-              return (
-                <FormUi label={!isDisabled ? `색도(도)*` : "색도(도)"}>
-                  <div className="flex items-center gap-2">
-                    <div className="relative flex-1 min-w-0">
-                      <Input
-                        type="text"
-                        className="w-full pr-16 border py-2 text-right rounded-md"
-                        placeholder=""
-                        onChange={(e) => {
-                          const inputValue = e.target.value.replace(
-                            /[^0-9]/g,
-                            ""
-                          ); // 정수만
-                          field.onChange(
-                            inputValue === "" ? null : Number(inputValue)
-                          );
-                        }}
-                        value={
-                          field.value !== undefined && field.value !== null
-                            ? `${field.value}`
-                            : ""
-                        }
-                        maxLength={6}
-                        disabled={isDisabled}
-                        onBlur={field.onBlur}
-                        name={field.name}
-                        ref={field.ref}
-                      />
-                      <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
-                        이하
-                      </span>
-                    </div>
-                  </div>
-                </FormUi>
-              );
-            }}
-          />
-          <FormField
-            control={form.control}
-            name={`rmrk`}
-            render={({ field }) => {
-              return (
-                <FormUi label={"비고"}>
-                  <div className="flex items-center gap-2">
-                    <div className="relative flex-1 min-w-0">
-                      <Input
-                        type="text"
-                        className="w-full pr-16 border py-2  rounded-md"
-                        placeholder=""
-                        onChange={(e) => {
-                          field.onChange(e.target.value);
-                        }}
-                        value={
-                          field.value !== undefined && field.value !== ""
-                            ? `${field.value}`
-                            : ""
-                        }
-                        onBlur={field.onBlur}
-                        name={field.name}
-                        ref={field.ref}
-                      />
-                    </div>
-                  </div>
-                </FormUi>
-              );
-            }}
-          />
-        </div>
-      </div>
+//       <div className="mt-10">
+//         <FormLabel className="text-xl">요구수질</FormLabel>
+//         <div className="grid grid-cols-2 gap-x-10 gap-y-6 mt-3 mb-3">
+//           <FormField
+//             control={form.control}
+//             name={`grssClfg`}
+//             render={({ field }) => {
+//               const disabledFields = usePurpose ? disableRules[usePurpose] : [];
+//               const isDisabled = disabledFields
+//                 ? disabledFields.includes(field.name)
+//                 : true;
+//               return (
+//                 <FormUi
+//                   label={
+//                     !isDisabled ? `총대장균군수(개/mg)*` : "총대장균군수(개/mg)"
+//                   }
+//                 >
+//                   <div className="flex items-center gap-2">
+//                     <div className="relative flex-1 min-w-0">
+//                       <Input
+//                         type="text"
+//                         className="w-full pr-16 border py-2 text-right rounded-md"
+//                         placeholder=""
+//                         onChange={(e) => {
+//                           const inputValue = e.target.value.replace(
+//                             /[^0-9]/g,
+//                             ""
+//                           ); // 정수만
+//                           field.onChange(
+//                             inputValue === "" ? null : Number(inputValue)
+//                           );
+//                         }}
+//                         value={
+//                           field.value !== undefined && field.value !== null
+//                             ? `${field.value}`
+//                             : "불검출"
+//                         }
+//                         maxLength={6}
+//                         disabled={isDisabled}
+//                         onBlur={field.onBlur}
+//                         name={field.name}
+//                         ref={field.ref}
+//                       />
+//                       {/* TODO:  총대장균군수 확인 필요*/}
+//                       {field.value !== null ? (
+//                         <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+//                           이하
+//                         </span>
+//                       ) : (
+//                         <></>
+//                       )}
+//                     </div>
+//                   </div>
+//                 </FormUi>
+//               );
+//             }}
+//           />
+//           <FormField
+//             control={form.control}
+//             name={`tn`}
+//             render={({ field }) => {
+//               const disabledFields = usePurpose ? disableRules[usePurpose] : [];
+//               const isDisabled = disabledFields
+//                 ? disabledFields.includes(field.name)
+//                 : true;
+//               return (
+//                 <FormUi
+//                   label={
+//                     !isDisabled ? `총질소(T-N)(mg/L)*` : "총질소(T-N)(mg/L)"
+//                   }
+//                 >
+//                   <div className="flex items-center gap-2">
+//                     <div className="relative flex-1 min-w-0">
+//                       <Input
+//                         type="text"
+//                         className="w-full pr-16 border py-2 text-right rounded-md"
+//                         placeholder=""
+//                         onChange={(e) => {
+//                           const inputValue = e.target.value.replace(
+//                             /[^0-9]/g,
+//                             ""
+//                           ); // 정수만
+//                           field.onChange(
+//                             inputValue === "" ? null : Number(inputValue)
+//                           );
+//                         }}
+//                         value={
+//                           field.value !== undefined && field.value !== null
+//                             ? `${field.value}`
+//                             : ""
+//                         }
+//                         maxLength={6}
+//                         disabled={isDisabled}
+//                         onBlur={field.onBlur}
+//                         name={field.name}
+//                         ref={field.ref}
+//                       />
+//                       <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+//                         이하
+//                       </span>
+//                     </div>
+//                   </div>
+//                 </FormUi>
+//               );
+//             }}
+//           />
+//           <FormField
+//             control={form.control}
+//             name={`combResdch`}
+//             render={({ field }) => {
+//               const disabledFields = usePurpose ? disableRules[usePurpose] : [];
+//               const isDisabled = disabledFields
+//                 ? disabledFields.includes(field.name)
+//                 : true;
+//               return (
+//                 <FormUi
+//                   label={
+//                     !isDisabled ? `결합잔류염소(mg/L)*` : "결합잔류염소(mg/L)"
+//                   }
+//                 >
+//                   <div className="flex items-center gap-2">
+//                     <div className="relative flex-1 min-w-0">
+//                       <Input
+//                         type="text"
+//                         className="w-full pr-16 border py-2 text-right rounded-md"
+//                         placeholder=""
+//                         onChange={(e) => {
+//                           const cleanValue = sanitizeInput(
+//                             e.target.value,
+//                             true
+//                           );
+//                           field.onChange(
+//                             cleanValue === "" ? null : Number(cleanValue)
+//                           );
+//                         }}
+//                         value={field.value ?? ""}
+//                         maxLength={6}
+//                         disabled={isDisabled}
+//                         onBlur={field.onBlur}
+//                         name={field.name}
+//                         ref={field.ref}
+//                       />
+//                       <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+//                         이상
+//                       </span>
+//                     </div>
+//                   </div>
+//                 </FormUi>
+//               );
+//             }}
+//           />
+//           <FormField
+//             control={form.control}
+//             name={`tph`}
+//             render={({ field }) => {
+//               const disabledFields = usePurpose ? disableRules[usePurpose] : [];
+//               const isDisabled = disabledFields
+//                 ? disabledFields.includes(field.name)
+//                 : true;
+//               return (
+//                 <FormUi
+//                   label={!isDisabled ? `총인(T-P)(mg/L)*` : "총인(T-P)(mg/L)"}
+//                 >
+//                   <div className="flex items-center gap-2">
+//                     <div className="relative flex-1 min-w-0">
+//                       <Input
+//                         type="text"
+//                         className="w-full pr-16 border py-2 text-right rounded-md"
+//                         placeholder=""
+//                         onChange={(e) => {
+//                           const cleanValue = sanitizeInput(
+//                             e.target.value,
+//                             true
+//                           );
+//                           field.onChange(
+//                             cleanValue === "" ? null : Number(cleanValue)
+//                           );
+//                         }}
+//                         value={field.value ?? ""}
+//                         maxLength={6}
+//                         disabled={isDisabled}
+//                         onBlur={field.onBlur}
+//                         name={field.name}
+//                         ref={field.ref}
+//                       />
+//                       <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+//                         이하
+//                       </span>
+//                     </div>
+//                   </div>
+//                 </FormUi>
+//               );
+//             }}
+//           />
+//           <FormField
+//             control={form.control}
+//             name={`trbt`}
+//             render={({ field }) => {
+//               const disabledFields = usePurpose ? disableRules[usePurpose] : [];
+//               const isDisabled = disabledFields
+//                 ? disabledFields.includes(field.name)
+//                 : true;
+//               return (
+//                 <FormUi label={!isDisabled ? `탁도(NTU)*` : "탁도(NTU)"}>
+//                   <div className="flex items-center gap-2">
+//                     <div className="relative flex-1 min-w-0">
+//                       <Input
+//                         type="text"
+//                         className="w-full pr-16 border py-2 text-right rounded-md"
+//                         placeholder=""
+//                         onChange={(e) => {
+//                           const inputValue = e.target.value.replace(
+//                             /[^0-9]/g,
+//                             ""
+//                           ); // 정수만
+//                           field.onChange(
+//                             inputValue === "" ? null : Number(inputValue)
+//                           );
+//                         }}
+//                         value={
+//                           field.value !== undefined && field.value !== null
+//                             ? `${field.value}`
+//                             : ""
+//                         }
+//                         maxLength={6}
+//                         disabled={isDisabled}
+//                         onBlur={field.onBlur}
+//                         name={field.name}
+//                         ref={field.ref}
+//                       />
+//                       <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+//                         이하
+//                       </span>
+//                     </div>
+//                   </div>
+//                 </FormUi>
+//               );
+//             }}
+//           />
+//           <div className="col-span-1">
+//             <Label className="text-xl">수소이온농도(pH)</Label>
+//             <div className="flex flex-row items-center gap-2">
+//               <Input
+//                 className="!text-xl w-36"
+//                 placeholder=""
+//                 type="text"
+//                 onChange={(e) => {
+//                   const cleanValue = sanitizeInput(e.target.value, true);
+//                   isSetPh(cleanValue, 1);
+//                 }}
+//                 value={frontPHdata ?? ""}
+//                 maxLength={5}
+//               />
+//               <span className="text-xl mx-2">~</span>
+//               <Input
+//                 className="!text-xl w-36 "
+//                 placeholder=""
+//                 type="text"
+//                 onChange={(e) => {
+//                   const cleanValue = sanitizeInput(e.target.value, true);
+//                   isSetPh(cleanValue, 0);
+//                 }}
+//                 value={backPHdata ?? ""}
+//                 maxLength={5}
+//               />
+//             </div>
+//           </div>
+//           <FormField
+//             control={form.control}
+//             name={`bod`}
+//             render={({ field }) => {
+//               const disabledFields = usePurpose ? disableRules[usePurpose] : [];
+//               const isDisabled = disabledFields
+//                 ? disabledFields.includes(field.name)
+//                 : true;
+//               return (
+//                 <FormUi
+//                   label={
+//                     !isDisabled
+//                       ? `생물학적 산소요구량(BOD)(mg/L)*`
+//                       : "생물학적 산소요구량(BOD)(mg/L)"
+//                   }
+//                 >
+//                   <div className="flex items-center gap-2">
+//                     <div className="relative flex-1 min-w-0">
+//                       <Input
+//                         type="text"
+//                         className="w-full pr-16 border py-2 text-right rounded-md"
+//                         placeholder=""
+//                         onChange={(e) => {
+//                           const inputValue = e.target.value.replace(
+//                             /[^0-9]/g,
+//                             ""
+//                           ); // 정수만
+//                           field.onChange(
+//                             inputValue === "" ? null : Number(inputValue)
+//                           );
+//                         }}
+//                         value={
+//                           field.value !== undefined && field.value !== null
+//                             ? `${field.value}`
+//                             : ""
+//                         }
+//                         maxLength={6}
+//                         disabled={isDisabled}
+//                         onBlur={field.onBlur}
+//                         name={field.name}
+//                         ref={field.ref}
+//                       />
+//                       <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+//                         이하
+//                       </span>
+//                     </div>
+//                   </div>
+//                 </FormUi>
+//               );
+//             }}
+//           />
+//           <FormField
+//             control={form.control}
+//             name={`clIonQnt`}
+//             render={({ field }) => {
+//               const disabledFields = usePurpose ? disableRules[usePurpose] : [];
+//               const isDisabled = disabledFields
+//                 ? disabledFields.includes(field.name)
+//                 : true;
+//               return (
+//                 <FormUi
+//                   label={!isDisabled ? `염화물(mgCL/L)*` : "염화물(mgCL/L)"}
+//                 >
+//                   <div className="flex items-center gap-2">
+//                     <div className="relative flex-1 min-w-0">
+//                       <Input
+//                         type="text"
+//                         className="w-full pr-16 border py-2 text-right rounded-md"
+//                         placeholder=""
+//                         onChange={(e) => {
+//                           const inputValue = e.target.value.replace(
+//                             /[^0-9]/g,
+//                             ""
+//                           ); // 정수만
+//                           field.onChange(
+//                             inputValue === "" ? null : Number(inputValue)
+//                           );
+//                         }}
+//                         value={
+//                           field.value !== undefined && field.value !== null
+//                             ? `${field.value}`
+//                             : ""
+//                         }
+//                         maxLength={6}
+//                         disabled={isDisabled}
+//                         onBlur={field.onBlur}
+//                         name={field.name}
+//                         ref={field.ref}
+//                       />
+//                       <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+//                         이하
+//                       </span>
+//                     </div>
+//                   </div>
+//                 </FormUi>
+//               );
+//             }}
+//           />
+//           <FormField
+//             control={form.control}
+//             name={`smll`}
+//             render={({ field }) => {
+//               const disabledFields = usePurpose ? disableRules[usePurpose] : [];
+//               const isDisabled = disabledFields
+//                 ? disabledFields.includes(field.name)
+//                 : true;
+//               return (
+//                 <FormUi label={!isDisabled ? `냄새*` : "냄새"}>
+//                   <SelectBox
+//                     className="!text-2xl rounded-md"
+//                     label={""}
+//                     selectClass={undefined}
+//                     selectArray={[
+//                       { text: "불쾌하지않을것", val: "불쾌하지않을것" },
+//                       { text: "해당사항없음", val: "해당사항없음" },
+//                     ]}
+//                     onSelectValue={(val: string | number) => {
+//                       field.onChange(val.toString());
+//                     }}
+//                     value={field.value}
+//                     readOnly={isDisabled}
+//                     onBlur={field.onBlur}
+//                     ref={field.ref}
+//                   />
+//                 </FormUi>
+//               );
+//             }}
+//           />
+//           <FormField
+//             control={form.control}
+//             name={`cdtnv`}
+//             render={({ field }) => {
+//               const disabledFields = usePurpose ? disableRules[usePurpose] : [];
+//               const isDisabled = disabledFields
+//                 ? disabledFields.includes(field.name)
+//                 : true;
+//               return (
+//                 <FormUi
+//                   label={
+//                     !isDisabled ? `전기전도도(㎲/cm)*` : "전기전도도(㎲/cm)"
+//                   }
+//                 >
+//                   <div className="flex items-center gap-2">
+//                     <div className="relative flex-1 min-w-0">
+//                       <Input
+//                         type="text"
+//                         className="w-full pr-16 border py-2 text-right rounded-md"
+//                         placeholder=""
+//                         onChange={(e) => {
+//                           const inputValue = e.target.value.replace(
+//                             /[^0-9]/g,
+//                             ""
+//                           ); // 정수만
+//                           field.onChange(
+//                             inputValue === "" ? null : Number(inputValue)
+//                           );
+//                         }}
+//                         value={
+//                           field.value !== undefined && field.value !== null
+//                             ? `${field.value}`
+//                             : ""
+//                         }
+//                         maxLength={6}
+//                         disabled={isDisabled}
+//                         onBlur={field.onBlur}
+//                         name={field.name}
+//                         ref={field.ref}
+//                       />
+//                       <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+//                         이하
+//                       </span>
+//                     </div>
+//                   </div>
+//                 </FormUi>
+//               );
+//             }}
+//           />
+//           <FormField
+//             control={form.control}
+//             name={`crmty`}
+//             render={({ field }) => {
+//               const disabledFields = usePurpose ? disableRules[usePurpose] : [];
+//               const isDisabled = disabledFields
+//                 ? disabledFields.includes(field.name)
+//                 : true;
+//               return (
+//                 <FormUi label={!isDisabled ? `색도(도)*` : "색도(도)"}>
+//                   <div className="flex items-center gap-2">
+//                     <div className="relative flex-1 min-w-0">
+//                       <Input
+//                         type="text"
+//                         className="w-full pr-16 border py-2 text-right rounded-md"
+//                         placeholder=""
+//                         onChange={(e) => {
+//                           const inputValue = e.target.value.replace(
+//                             /[^0-9]/g,
+//                             ""
+//                           ); // 정수만
+//                           field.onChange(
+//                             inputValue === "" ? null : Number(inputValue)
+//                           );
+//                         }}
+//                         value={
+//                           field.value !== undefined && field.value !== null
+//                             ? `${field.value}`
+//                             : ""
+//                         }
+//                         maxLength={6}
+//                         disabled={isDisabled}
+//                         onBlur={field.onBlur}
+//                         name={field.name}
+//                         ref={field.ref}
+//                       />
+//                       <span className="text-xl absolute inset-y-0 right-3 flex items-center text-gray-500 pointer-events-none">
+//                         이하
+//                       </span>
+//                     </div>
+//                   </div>
+//                 </FormUi>
+//               );
+//             }}
+//           />
+//           <FormField
+//             control={form.control}
+//             name={`rmrk`}
+//             render={({ field }) => {
+//               return (
+//                 <FormUi label={"비고"}>
+//                   <div className="flex items-center gap-2">
+//                     <div className="relative flex-1 min-w-0">
+//                       <Input
+//                         type="text"
+//                         className="w-full pr-16 border py-2  rounded-md"
+//                         placeholder=""
+//                         onChange={(e) => {
+//                           field.onChange(e.target.value);
+//                         }}
+//                         value={
+//                           field.value !== undefined && field.value !== ""
+//                             ? `${field.value}`
+//                             : ""
+//                         }
+//                         onBlur={field.onBlur}
+//                         name={field.name}
+//                         ref={field.ref}
+//                       />
+//                     </div>
+//                   </div>
+//                 </FormUi>
+//               );
+//             }}
+//           />
+//         </div>
+//       </div>
 
-      {candidateFields.map(({ name, label, component, required }, index) =>
-        component ? (
-          <FormField
-            key={name + index}
-            control={form.control}
-            name={name}
-            render={({ field }) => (
-              // <FormUi label={label}>
-              //   {component(field)}
-              // </FormUi>
-              <AccessibleFormField
-                field={field}
-                label={label}
-                required={required}
-                error={
-                  typeof form.formState.errors[name]?.message === "string"
-                    ? (form.formState.errors[name] as FieldError)
-                    : undefined
-                }
-                inputComponent={component?.(field)}
-              />
-            )}
-          />
-        ) : null
-      )}
+//       {candidateFields.map(({ name, label, component, required }, index) =>
+//         component ? (
+//           <FormField
+//             key={name + index}
+//             control={form.control}
+//             name={name}
+//             render={({ field }) => (
+//               // <FormUi label={label}>
+//               //   {component(field)}
+//               // </FormUi>
+//               <AccessibleFormField
+//                 field={field}
+//                 label={label}
+//                 required={required}
+//                 error={
+//                   typeof form.formState.errors[name]?.message === "string"
+//                     ? (form.formState.errors[name] as FieldError)
+//                     : undefined
+//                 }
+//                 inputComponent={component?.(field)}
+//               />
+//             )}
+//           />
+//         ) : null
+//       )}
 
-      {isSimilarCase && (
-        <UiModal body={}
-          // body={
-          //   <ModalSimilarPage sply={sply} usageCd={usageCd} money={money} />
-          // }
-          bodyClass="sm:max-w-[100vw] w-[1400px] h-[100dvh] max-h-[900px] overflow-y-auto overflow-x-hidden"
-          open={isSimilarCase}
-          onOpenChange={(open) => !open && setIsSimilarCase(false)}
-          noHeaderYn="Y"
-          noFooterYn="Y"
-        />
-      )}
-    </>
-  );
-}
+//       {isSimilarCase && (
+//         <UiModal
+//           body={
+//             <ModalSimilarPage sply={sply} usageCd={usageCd} money={money} />
+//           }
+//           bodyClass="sm:max-w-[100vw] w-[1400px] h-[100dvh] max-h-[900px] overflow-y-auto overflow-x-hidden"
+//           open={isSimilarCase}
+//           onOpenChange={(open) => !open && setIsSimilarCase(false)}
+//           noHeaderYn="Y"
+//           noFooterYn="Y"
+//         />
+//       )}
+//     </>
+//   );
+// }
diff --git a/package.json b/package.json
index cd7bc8007..691d568e7 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "build:wr": "turbo run build --filter=wr",
     "build:fo": "turbo run build --filter=fo",
     "build:dm": "turbo run build --filter=dm",
+    "build:dm_new": "turbo run build --filter=dm_new",
     "dev:cm": "turbo run dev --filter=cm",
     "dev:cs": "turbo run dev --filter=cs",
     "dev:sn": "turbo run dev --filter=sn",