diff --git a/src/pages/404.tsx b/src/pages/404.tsx
new file mode 100644
index 0000000..9f65bfe
--- /dev/null
+++ b/src/pages/404.tsx
@@ -0,0 +1,34 @@
+import { Container } from '@/components/layout';
+import { Button, Icon } from '@/components/ui';
+import { useRouter } from 'next/router';
+
+export default function NotFound() {
+  const router = useRouter();
+
+  return (
+    <Container
+      as='section'
+      isPage
+      className='flex flex-1 flex-col items-center justify-center gap-6 py-16 text-center'
+    >
+      <div className='flex items-center gap-3'>
+        <Icon
+          iconName='warningCircle'
+          iconSize='lg'
+          className='bg-red-400'
+          ariaLabel='404 Not Found'
+        />
+      </div>
+
+      <h1 className='text-heading-m font-bold text-gray-800'>페이지를 찾을 수 없습니다</h1>
+      <p className='max-w-[520px] text-body-l text-gray-500'>
+        요청하신 페이지가 삭제되었거나, 주소가 변경되었을 수 있어요. <br />
+        아래 버튼을 통해 홈으로 이동하거나 공고를 다시 찾아보세요.
+      </p>
+
+      <Button variant='primary' size='xs38' onClick={() => router.push('/')}>
+        홈으로 가기
+      </Button>
+    </Container>
+  );
+}
diff --git a/src/pages/my-profile/index.tsx b/src/pages/my-profile/index.tsx
index bf67280..4c5ef50 100644
--- a/src/pages/my-profile/index.tsx
+++ b/src/pages/my-profile/index.tsx
@@ -1,7 +1,6 @@
 import Image from 'next/image';
 import Link from 'next/link';
 import { useEffect, useMemo, useState } from 'react';
-
 import Frame from '@/components/layout/frame/frame';
 import Button from '@/components/ui/button/button';
 import Table from '@/components/ui/table/Table';