diff --git a/apps/cs/app/global-not-found.tsx b/apps/cs/app/global-not-found.tsx
new file mode 100644
index 000000000..1f69cc2a9
--- /dev/null
+++ b/apps/cs/app/global-not-found.tsx
@@ -0,0 +1,46 @@
+import type { Metadata } from "next";
+import Image from "next/image";
+
+import "@/app/styles/base.css";
+import "@/app/styles/components.css";
+
+export const metadata: Metadata = {
+  title: "하수도플랫폼 통합관리시스템",
+  description: "페이지가 존재하지 않습니다. 관리자에게 문의하여 주십시오.",
+};
+
+export default function GlobalNotFound() {
+  return (
+    <html lang="ko">
+      <body>
+        <main className="flex min-h-screen flex-col items-center justify-center bg-[#f0f4f8] px-4 py-16">
+          <div className="mb-16 text-center">
+            <h1 className="text-[3.2rem] font-bold leading-snug tracking-tight">
+              <span className="text-primary">하수도플랫폼 통합관리시스템</span>
+              에 오신 것을 환영합니다.
+            </h1>
+            <p className="mt-6 text-[2rem] text-[#666]">
+              오류가 발생하였습니다.
+            </p>
+          </div>
+
+          <section className="card card-border flex w-full max-w-[72rem] flex-col items-center !rounded-2xl !py-16">
+            <Image
+              src="/images/magnifying-glass-with-warning.png"
+              alt=""
+              width={280}
+              height={280}
+              className="size-[28rem] object-contain"
+            />
+            <p className="mt-4 text-[2.4rem] font-bold text-[#444]">
+              페이지가 존재하지 않습니다.
+            </p>
+            <p className="mt-2 text-[1.6rem] text-[#666]">
+              관리자에게 문의하여 주십시오
+            </p>
+          </section>
+        </main>
+      </body>
+    </html>
+  );
+}
diff --git a/apps/cs/next.config.ts b/apps/cs/next.config.ts
index 827d37753..7c97ceb43 100644
--- a/apps/cs/next.config.ts
+++ b/apps/cs/next.config.ts
@@ -7,6 +7,7 @@ const nextConfig: NextConfig = {
   output: "standalone",
   experimental: {
     proxyTimeout: 600000,
+    globalNotFound: true,
   },
   eslint: {
     ignoreDuringBuilds: true,
diff --git a/apps/cs/public/images/magnifying-glass-with-warning.png b/apps/cs/public/images/magnifying-glass-with-warning.png
new file mode 100644
index 000000000..b184da207
Binary files /dev/null and b/apps/cs/public/images/magnifying-glass-with-warning.png differ
diff --git a/apps/cs/tailwind.config.ts b/apps/cs/tailwind.config.ts
index c7fec33e1..6f02e7c07 100644
--- a/apps/cs/tailwind.config.ts
+++ b/apps/cs/tailwind.config.ts
@@ -1,10 +1,12 @@
 import type { Config } from "tailwindcss";
 import tailwindcssAnimate from "tailwindcss-animate";
+
 import presetConfig from "../../tailwind.config.preset";
 
 export default {
   presets: [presetConfig],
   content: [
+    "./app/**/*.{js,ts,jsx,tsx}",
     "./src/**/*.{js,ts,jsx,tsx}",
     "../../packages/common/components/src/ui/**/*.{js,ts,jsx,tsx}",
   ],