diff --git a/apps/dm_new/app/(landing)/reuse/layout.tsx b/apps/dm_new/app/(landing)/reuse/layout.tsx
index 84cac9582..81c54d9fc 100644
--- a/apps/dm_new/app/(landing)/reuse/layout.tsx
+++ b/apps/dm_new/app/(landing)/reuse/layout.tsx
@@ -1,4 +1,5 @@
 // apps/dm/app/(landing)/reuse/layout.tsx
+import "./reuse.module.css";
 import type { ReactNode } from "react";
 import TopNav from "./_components/TopNav";
 
diff --git a/apps/dm_new/app/globals.css b/apps/dm_new/app/globals.css
new file mode 100644
index 000000000..2fee793a1
--- /dev/null
+++ b/apps/dm_new/app/globals.css
@@ -0,0 +1,83 @@
+/* @import "../../../packages/common/components/src/base.css"; */
+/* @import "../../../packages/common/components/src/base.css"; */
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 0 0% 3.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 0 0% 3.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 0 0% 3.9%;
+    --primary: 0 0% 9%;
+    --primary-foreground: 0 0% 98%;
+    --secondary: 0 0% 96.1%;
+    --secondary-foreground: 0 0% 9%;
+    --muted: 0 0% 96.1%;
+    --muted-foreground: 0 0% 45.1%;
+    --accent: 0 0% 96.1%;
+    --accent-foreground: 0 0% 9%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 0 0% 89.8%;
+    --input: 0 0% 89.8%;
+    --ring: 0 0% 3.9%;
+    --chart-1: 12 76% 61%;
+    --chart-2: 173 58% 39%;
+    --chart-3: 197 37% 24%;
+    --chart-4: 43 74% 66%;
+    --chart-5: 27 87% 67%;
+    --radius: 0.5rem
+  }
+  .dark {
+    --background: 0 0% 3.9%;
+    --foreground: 0 0% 98%;
+    --card: 0 0% 3.9%;
+    --card-foreground: 0 0% 98%;
+    --popover: 0 0% 3.9%;
+    --popover-foreground: 0 0% 98%;
+    --primary: 0 0% 98%;
+    --primary-foreground: 0 0% 9%;
+    --secondary: 0 0% 14.9%;
+    --secondary-foreground: 0 0% 98%;
+    --muted: 0 0% 14.9%;
+    --muted-foreground: 0 0% 63.9%;
+    --accent: 0 0% 14.9%;
+    --accent-foreground: 0 0% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 0 0% 14.9%;
+    --input: 0 0% 14.9%;
+    --ring: 0 0% 83.1%;
+    --chart-1: 220 70% 50%;
+    --chart-2: 160 60% 45%;
+    --chart-3: 30 80% 55%;
+    --chart-4: 280 65% 60%;
+    --chart-5: 340 75% 55%
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+
+@font-face {
+  font-family: "NotoSansKR";
+  src: url("/fonts/NotoSansKR-Regular.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+body {
+  font-family: "NotoSansKR", sans-serif;
+}
diff --git a/apps/dm_new/app/layout.tsx b/apps/dm_new/app/layout.tsx
new file mode 100644
index 000000000..7224c9dc2
--- /dev/null
+++ b/apps/dm_new/app/layout.tsx
@@ -0,0 +1,21 @@
+"use client";
+import "./globals.css";
+import { setCookie } from "../src/shared/lib";
+
+setCookie("site-id-key", process.env.NEXT_PUBLIC_SITE_ID || "DM");
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+
+  return (
+    <html lang="ko">
+      <head>
+        <title>물재이용 대민</title>
+      </head>
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/apps/dm_new/middleware.ts b/apps/dm_new/middleware.ts
index 44d4cb390..6bda7a862 100644
--- a/apps/dm_new/middleware.ts
+++ b/apps/dm_new/middleware.ts
@@ -49,7 +49,7 @@ export function middleware(req: NextRequest) {
 
   if (pathname === "/") {
     console.log(" maim 화면이동 ");
-    return NextResponse.redirect(new URL("/pages/wrStatus", req.url));
+    return NextResponse.redirect(new URL("/reuse", req.url));
   }
 
   if (pathname.startsWith("/attach-service")) {