diff --git a/src/app/design-system/page.tsx b/src/app/(no-layout)/design-system/page.tsx
similarity index 100%
rename from src/app/design-system/page.tsx
rename to src/app/(no-layout)/design-system/page.tsx
diff --git a/src/app/(no-layout)/layout.tsx b/src/app/(no-layout)/layout.tsx
new file mode 100644
index 00000000..6a94947f
--- /dev/null
+++ b/src/app/(no-layout)/layout.tsx
@@ -0,0 +1,4 @@
+function NoLayout({ children }: { children: React.ReactNode }) {
+  return <main className="flex flex-1">{children}</main>;
+}
+export default NoLayout;
diff --git a/src/app/page.tsx b/src/app/(no-layout)/page.tsx
similarity index 100%
rename from src/app/page.tsx
rename to src/app/(no-layout)/page.tsx
diff --git a/src/app/community/[id]/loading.tsx b/src/app/(with-layout)/community/[id]/loading.tsx
similarity index 100%
rename from src/app/community/[id]/loading.tsx
rename to src/app/(with-layout)/community/[id]/loading.tsx
diff --git a/src/app/community/[id]/page.tsx b/src/app/(with-layout)/community/[id]/page.tsx
similarity index 100%
rename from src/app/community/[id]/page.tsx
rename to src/app/(with-layout)/community/[id]/page.tsx
diff --git a/src/app/community/edit/[postId]/page.tsx b/src/app/(with-layout)/community/edit/[postId]/page.tsx
similarity index 100%
rename from src/app/community/edit/[postId]/page.tsx
rename to src/app/(with-layout)/community/edit/[postId]/page.tsx
diff --git a/src/app/community/loading.tsx b/src/app/(with-layout)/community/loading.tsx
similarity index 100%
rename from src/app/community/loading.tsx
rename to src/app/(with-layout)/community/loading.tsx
diff --git a/src/app/community/page.tsx b/src/app/(with-layout)/community/page.tsx
similarity index 100%
rename from src/app/community/page.tsx
rename to src/app/(with-layout)/community/page.tsx
diff --git a/src/app/community/write/loading.tsx b/src/app/(with-layout)/community/write/loading.tsx
similarity index 100%
rename from src/app/community/write/loading.tsx
rename to src/app/(with-layout)/community/write/loading.tsx
diff --git a/src/app/community/write/page.tsx b/src/app/(with-layout)/community/write/page.tsx
similarity index 100%
rename from src/app/community/write/page.tsx
rename to src/app/(with-layout)/community/write/page.tsx
diff --git a/src/app/(with-layout)/layout.tsx b/src/app/(with-layout)/layout.tsx
new file mode 100644
index 00000000..6e337d69
--- /dev/null
+++ b/src/app/(with-layout)/layout.tsx
@@ -0,0 +1,15 @@
+import ClientInitHook from '@/domains/login/components/ClientInitHook';
+import FooterWrapper from '@/shared/components/footer/FooterWrapper';
+import Header from '@/shared/components/header/Header';
+
+function LayoutWithHeaderFooter({ children }: { children: React.ReactNode }) {
+  return (
+    <>
+      <Header />
+      <ClientInitHook />
+      <main className="flex flex-1 pt-[2.75rem] md:pt-[3.75rem]">{children}</main>
+      <FooterWrapper />
+    </>
+  );
+}
+export default LayoutWithHeaderFooter;
diff --git a/src/app/login/page.tsx b/src/app/(with-layout)/login/page.tsx
similarity index 100%
rename from src/app/login/page.tsx
rename to src/app/(with-layout)/login/page.tsx
diff --git a/src/app/login/success/page.tsx b/src/app/(with-layout)/login/success/page.tsx
similarity index 100%
rename from src/app/login/success/page.tsx
rename to src/app/(with-layout)/login/success/page.tsx
diff --git a/src/app/login/user/first-user/page.tsx b/src/app/(with-layout)/login/user/first-user/page.tsx
similarity index 100%
rename from src/app/login/user/first-user/page.tsx
rename to src/app/(with-layout)/login/user/first-user/page.tsx
diff --git a/src/app/login/user/success/page.tsx b/src/app/(with-layout)/login/user/success/page.tsx
similarity index 100%
rename from src/app/login/user/success/page.tsx
rename to src/app/(with-layout)/login/user/success/page.tsx
diff --git a/src/app/mypage/layout.tsx b/src/app/(with-layout)/mypage/layout.tsx
similarity index 100%
rename from src/app/mypage/layout.tsx
rename to src/app/(with-layout)/mypage/layout.tsx
diff --git a/src/app/mypage/my-active/my-comment/loading.tsx b/src/app/(with-layout)/mypage/my-active/my-comment/loading.tsx
similarity index 100%
rename from src/app/mypage/my-active/my-comment/loading.tsx
rename to src/app/(with-layout)/mypage/my-active/my-comment/loading.tsx
diff --git a/src/app/mypage/my-active/my-comment/page.tsx b/src/app/(with-layout)/mypage/my-active/my-comment/page.tsx
similarity index 100%
rename from src/app/mypage/my-active/my-comment/page.tsx
rename to src/app/(with-layout)/mypage/my-active/my-comment/page.tsx
diff --git a/src/app/mypage/my-active/my-like/loading.tsx b/src/app/(with-layout)/mypage/my-active/my-like/loading.tsx
similarity index 100%
rename from src/app/mypage/my-active/my-like/loading.tsx
rename to src/app/(with-layout)/mypage/my-active/my-like/loading.tsx
diff --git a/src/app/mypage/my-active/my-like/page.tsx b/src/app/(with-layout)/mypage/my-active/my-like/page.tsx
similarity index 100%
rename from src/app/mypage/my-active/my-like/page.tsx
rename to src/app/(with-layout)/mypage/my-active/my-like/page.tsx
diff --git a/src/app/mypage/my-active/my-post/loading.tsx b/src/app/(with-layout)/mypage/my-active/my-post/loading.tsx
similarity index 100%
rename from src/app/mypage/my-active/my-post/loading.tsx
rename to src/app/(with-layout)/mypage/my-active/my-post/loading.tsx
diff --git a/src/app/mypage/my-active/my-post/page.tsx b/src/app/(with-layout)/mypage/my-active/my-post/page.tsx
similarity index 100%
rename from src/app/mypage/my-active/my-post/page.tsx
rename to src/app/(with-layout)/mypage/my-active/my-post/page.tsx
diff --git a/src/app/mypage/my-active/page.tsx b/src/app/(with-layout)/mypage/my-active/page.tsx
similarity index 100%
rename from src/app/mypage/my-active/page.tsx
rename to src/app/(with-layout)/mypage/my-active/page.tsx
diff --git a/src/app/mypage/my-alarm/loading.tsx b/src/app/(with-layout)/mypage/my-alarm/loading.tsx
similarity index 100%
rename from src/app/mypage/my-alarm/loading.tsx
rename to src/app/(with-layout)/mypage/my-alarm/loading.tsx
diff --git a/src/app/mypage/my-alarm/page.tsx b/src/app/(with-layout)/mypage/my-alarm/page.tsx
similarity index 100%
rename from src/app/mypage/my-alarm/page.tsx
rename to src/app/(with-layout)/mypage/my-alarm/page.tsx
diff --git a/src/app/mypage/my-bar/loading.tsx b/src/app/(with-layout)/mypage/my-bar/loading.tsx
similarity index 100%
rename from src/app/mypage/my-bar/loading.tsx
rename to src/app/(with-layout)/mypage/my-bar/loading.tsx
diff --git a/src/app/mypage/my-bar/page.tsx b/src/app/(with-layout)/mypage/my-bar/page.tsx
similarity index 100%
rename from src/app/mypage/my-bar/page.tsx
rename to src/app/(with-layout)/mypage/my-bar/page.tsx
diff --git a/src/app/mypage/my-setting/loading.tsx b/src/app/(with-layout)/mypage/my-setting/loading.tsx
similarity index 100%
rename from src/app/mypage/my-setting/loading.tsx
rename to src/app/(with-layout)/mypage/my-setting/loading.tsx
diff --git a/src/app/mypage/my-setting/page.tsx b/src/app/(with-layout)/mypage/my-setting/page.tsx
similarity index 100%
rename from src/app/mypage/my-setting/page.tsx
rename to src/app/(with-layout)/mypage/my-setting/page.tsx
diff --git a/src/app/mypage/page.tsx b/src/app/(with-layout)/mypage/page.tsx
similarity index 100%
rename from src/app/mypage/page.tsx
rename to src/app/(with-layout)/mypage/page.tsx
diff --git a/src/app/recipe/[id]/page.tsx b/src/app/(with-layout)/recipe/[id]/page.tsx
similarity index 100%
rename from src/app/recipe/[id]/page.tsx
rename to src/app/(with-layout)/recipe/[id]/page.tsx
diff --git a/src/app/recipe/page.tsx b/src/app/(with-layout)/recipe/page.tsx
similarity index 100%
rename from src/app/recipe/page.tsx
rename to src/app/(with-layout)/recipe/page.tsx
diff --git a/src/app/recommend/loading.tsx b/src/app/(with-layout)/recommend/loading.tsx
similarity index 100%
rename from src/app/recommend/loading.tsx
rename to src/app/(with-layout)/recommend/loading.tsx
diff --git a/src/app/recommend/page.tsx b/src/app/(with-layout)/recommend/page.tsx
similarity index 100%
rename from src/app/recommend/page.tsx
rename to src/app/(with-layout)/recommend/page.tsx
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 98c6f3c7..5edb3bdc 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -28,12 +28,12 @@ export default function RootLayout({
     <html lang="ko-KR">
       <body className="relative flex flex-col min-h-full-screen">
         <Provider>
-          <Header />
           <ClientInitHook />
-          <main className="flex flex-1 pt-[2.75rem] md:pt-[3.75rem]">{children}</main>
-          <FooterWrapper />
+
+          {children}
 
           <div id="modal-root"></div>
+
           <Toaster
             position="top-center"
             toastOptions={{
diff --git a/src/domains/not-found/components/NotFoundCont.tsx b/src/domains/not-found/components/NotFoundCont.tsx
index a2154e2c..2f571ac5 100644
--- a/src/domains/not-found/components/NotFoundCont.tsx
+++ b/src/domains/not-found/components/NotFoundCont.tsx
@@ -13,10 +13,11 @@ function NotFoundCont() {
       <Image
         src={CrySsury}
         alt=""
-        aria-hidden
         width={128}
         height={128}
         className="w-25 h-25 sm:w-32 sm:h-32"
+        aria-hidden
+        priority
       />
       <h1 className="text-center">페이지를 찾을 수 없어요🥲</h1>
       <Button