diff --git a/public/404img.gif b/public/404img.gif
new file mode 100644
index 0000000..023d453
Binary files /dev/null and b/public/404img.gif differ
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
new file mode 100644
index 0000000..0b68507
--- /dev/null
+++ b/src/pages/404.tsx
@@ -0,0 +1,29 @@
+import MainContainer from '@/components/shared/MainContainer';
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import React from 'react';
+
+const NotFoundPage = () => {
+  const router = useRouter();
+  return (
+    <MainContainer>
+      <Image
+        src="/404img.gif"
+        width={500}
+        height={500}
+        alt="404"
+        className="mt-[160px]"
+      />
+      <div className="flex items-center justify-center text-3xl font-extrabold">
+        페이지가 존재하지 않습니다.
+      </div>
+      <div
+        onClick={() => router.replace('/')}
+        className="cursor-pointer mt-16 mx-auto rounded-lg w-[360px] h-12 bg-space-purple text-white text-xl font-semibold flex items-center justify-center">
+        홈으로
+      </div>
+    </MainContainer>
+  );
+};
+
+export default NotFoundPage;