diff --git a/src/assets/logo/landing-img.webp b/src/assets/logo/landing-img.webp
new file mode 100644
index 0000000..4956b12
Binary files /dev/null and b/src/assets/logo/landing-img.webp differ
diff --git a/src/layouts/AuthLayout.tsx b/src/layouts/AuthLayout.tsx
index b8c486b..59d5877 100644
--- a/src/layouts/AuthLayout.tsx
+++ b/src/layouts/AuthLayout.tsx
@@ -1,10 +1,40 @@
 import { Outlet } from "react-router-dom";
 
+import LandingImage from "@/assets/logo/landing-img.webp";
+
 export default function AuthLayout() {
   return (
-    <div className="min-h-screen flex justify-center items-start sm:items-center">
-      <div className="w-[21.875rem]">
-        <Outlet />
+    <div className="min-h-screen flex justify-center items-start sm:items-center pt-[4.5625rem] px-2 sm:p-4 bg-primary">
+      <div className="flex flex-row justify-center w-full max-w-[1024px] gap-2">
+        <div className="hidden md:flex flex-col">
+          <div className="hidden md:flex flex-col">
+            <div>
+              <h1 className="text-5xl tracking-wider text-white">
+                <span className="text-6xl">더</span> 나은 조건,
+                <br />
+                <span className="text-6xl">더</span> 나은 선택
+              </h1>
+
+              <p className="mt-10 text-xl text-white">
+                당신에게
+                <span className="text-2xl font-bold"> 더 </span>
+                줄게요.
+              </p>
+            </div>
+          </div>
+
+          <div className="flex-grow mt-30 mr-10">
+            <img
+              src={LandingImage}
+              alt="더줄게 소개 일러스트"
+              className="w-full h-full"
+            />
+          </div>
+        </div>
+
+        <div className="bg-white w-full max-w-md rounded-2xl shadow-md px-4 py-8 shrink-0">
+          <Outlet />
+        </div>
       </div>
     </div>
   );
diff --git a/src/pages/AuthPage/SigninPage.tsx b/src/pages/AuthPage/SigninPage.tsx
index db592e2..58d09c1 100644
--- a/src/pages/AuthPage/SigninPage.tsx
+++ b/src/pages/AuthPage/SigninPage.tsx
@@ -97,7 +97,7 @@ export default function SigninPage() {
   };
 
   return (
-    <div className="w-full pt-[8.75rem] sm:pt-0">
+    <div className="w-full">
       <Link to={ROUTES.NOTICE.ROOT}>
         <Logo className="mx-auto mb-2 h-[2.375rem] sm:h-[2.8125rem] w-[13rem] sm:w-[15.5rem]" />
       </Link>
diff --git a/src/pages/AuthPage/SignupPage.tsx b/src/pages/AuthPage/SignupPage.tsx
index 9f34e09..a459a9b 100644
--- a/src/pages/AuthPage/SignupPage.tsx
+++ b/src/pages/AuthPage/SignupPage.tsx
@@ -101,7 +101,7 @@ export default function SignupPage() {
   };
 
   return (
-    <div className="w-full pt-[4.5625rem] sm:pt-0">
+    <div className="w-full">
       <Link to={ROUTES.NOTICE.ROOT}>
         <Logo className="mx-auto mb-2 h-[2.375rem] sm:h-[2.8125rem] w-[13rem] sm:w-[15.5rem]" />
       </Link>