From 7bb8bcf4ab8f3c9727154698ed58307a406f8121 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=EC=9C=A4=EC=84=9C?= <yyoo04@naver.com>
Date: Sat, 23 May 2026 03:52:41 +0900
Subject: [PATCH 1/9] =?UTF-8?q?Feat:=20#64=20LNB=20=EC=95=A0=EB=8B=88?=
 =?UTF-8?q?=EB=A9=94=EC=9D=B4=EC=85=98=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jobdri/src/assets/ic_LOGO_minimum.svg    |  20 +++++
 jobdri/src/components/common/lnb/Lnb.tsx | 104 +++++++++++------------
 2 files changed, 72 insertions(+), 52 deletions(-)
 create mode 100644 jobdri/src/assets/ic_LOGO_minimum.svg

diff --git a/jobdri/src/assets/ic_LOGO_minimum.svg b/jobdri/src/assets/ic_LOGO_minimum.svg
new file mode 100644
index 0000000..290693b
--- /dev/null
+++ b/jobdri/src/assets/ic_LOGO_minimum.svg
@@ -0,0 +1,20 @@
+<svg width="100" height="30" viewBox="0 0 100 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.5997 11.1514H38.3367L27.9552 19.5983C26.6461 20.6635 25.0099 21.2451 23.3221 21.2451H16.1943L28.5997 11.1514Z" fill="url(#paint0_linear_1921_18628)"/>
+<path d="M8.16699 16.0371L16.6022 16.0371C19.4324 18.6977 21.403 21.2452 23.5544 21.2452L16.35 21.2453C14.3751 21.2453 12.4835 20.4495 11.1025 19.0378L8.16699 16.0371Z" fill="url(#paint1_linear_1921_18628)"/>
+<path d="M69.7351 21.2547C69.602 21.2547 69.4941 21.1468 69.4941 21.0138V9.83891C69.4941 9.72287 69.5465 9.61303 69.6367 9.54L72.0243 7.60671C72.0928 7.55126 72.1782 7.52101 72.2663 7.52101L73.9962 7.521C76.9178 7.521 78.5445 8.59245 79.5041 9.65545C80.7015 10.9818 81.1743 12.3118 81.1743 14.3793C81.1743 16.4278 80.5381 18.1216 79.2658 19.3748C77.9998 20.6281 76.3298 21.2547 74.2559 21.2547H69.7351ZM71.6031 19.1434C71.6031 19.2765 71.7109 19.3844 71.844 19.3844H74.2082C75.665 19.3844 76.826 18.9422 77.6912 18.0579C78.5628 17.1673 78.9986 15.9284 78.9986 14.427C78.9986 12.9066 78.5723 11.6947 77.7199 10.7913C76.8737 9.88159 75.7032 9.42673 74.2082 9.42673H73.0143L71.8379 9.45865C71.7072 9.46219 71.6031 9.56916 71.6031 9.6999V19.1434Z" fill="#21212A"/>
+<path d="M88.6669 21.2117C88.6034 21.2117 88.5519 21.1602 88.5519 21.0968V12.8068C88.5519 12.6916 88.6035 12.5826 88.6925 12.5095L90.3012 11.1887C90.3762 11.1271 90.489 11.1805 90.489 11.2775V21.0968C90.489 21.1602 90.4376 21.2117 90.3741 21.2117H88.6669ZM89.5157 9.98476C89.1722 9.98476 88.8764 9.86388 88.6282 9.62214C88.3865 9.37403 88.2656 9.07503 88.2656 8.72514C88.2656 8.37524 88.3865 8.0826 88.6282 7.84722C88.8764 7.61183 89.1722 7.49414 89.5157 7.49414C89.8783 7.49414 90.1805 7.61183 90.4223 7.84722C90.664 8.0826 90.7849 8.37524 90.7849 8.72514C90.7849 9.07503 90.664 9.37403 90.4223 9.62214C90.1805 9.86388 89.8783 9.98476 89.5157 9.98476Z" fill="#21212A"/>
+<path d="M86.8206 10.853C86.916 10.853 87.0305 10.8626 87.1641 10.8817C87.3041 10.8944 87.4314 10.9135 87.5459 10.939C87.6653 10.9578 87.7258 10.9673 87.7272 10.9675V12.7807C87.726 12.7804 87.6719 12.7676 87.565 12.7425C87.4632 12.717 87.3295 12.698 87.1641 12.6852C86.9987 12.6662 86.8652 12.6566 86.7634 12.6566C86.0763 12.6566 85.4719 12.9174 84.9502 13.4391C84.4286 13.9544 84.1678 14.6796 84.1677 15.6148V20.9707C84.1677 21.1038 84.0599 21.2116 83.9268 21.2116H82.4716C82.3385 21.2116 82.2306 21.1038 82.2306 20.9707L82.2305 12.6735C82.2305 12.558 82.2824 12.4485 82.372 12.3755L83.875 11.1494C83.9501 11.0881 84.0626 11.1415 84.0626 11.2384L84.0628 12.6089L84.097 12.5527C84.4519 11.9771 84.8636 11.5537 85.332 11.2825C85.8218 10.9962 86.318 10.853 86.8206 10.853Z" fill="#21212A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M59.8482 12.4355C60.1603 11.9865 60.6088 11.6212 61.1938 11.3397C61.8681 11.0153 62.6156 10.8531 63.4363 10.8531C64.8041 10.8531 65.9746 11.3398 66.948 12.3131C67.9277 13.2865 68.4175 14.5366 68.4175 16.0634C68.4175 17.5584 67.9372 18.7989 66.9766 19.785C66.0223 20.7647 64.8708 21.2545 63.5222 21.2545C62.657 21.2545 61.8745 21.0859 61.1747 20.7487C60.5582 20.4461 60.0876 20.0472 59.7624 19.552V21.0136C59.7624 21.1467 59.6545 21.2545 59.5214 21.2545H58.1521C58.019 21.2545 57.9111 21.1467 57.9111 21.0136V9.16754C57.9111 9.05182 57.9632 8.94226 58.053 8.86922L59.6607 7.5608C59.7358 7.49967 59.8482 7.55312 59.8482 7.64995V12.4355ZM63.0641 12.6185C62.1162 12.6185 61.3306 12.9397 60.7071 13.5823C60.09 14.2184 59.7751 15.0455 59.7624 16.0634C59.7497 17.0303 60.0519 17.8447 60.6689 18.5063C61.286 19.1615 62.0844 19.4891 63.0641 19.4892C64.0375 19.4892 64.8391 19.1806 65.4689 18.5635C66.1051 17.9464 66.4231 17.113 66.4231 16.0634C66.4231 15.02 66.1083 14.1866 65.4784 13.5632C64.8486 12.9333 64.0438 12.6185 63.0641 12.6185Z" fill="#21212A"/>
+<path d="M51.6253 21.2545C50.143 21.2545 48.9025 20.7455 47.9037 19.7276C46.9113 18.7098 46.415 17.4851 46.415 16.0537C46.415 14.6287 46.9113 13.4073 47.9037 12.3894C48.9025 11.3651 50.143 10.853 51.6253 10.853C53.1076 10.853 54.3513 11.3651 55.3565 12.3894C56.3616 13.4073 56.8642 14.6287 56.8642 16.0537C56.8642 17.4851 56.3616 18.7098 55.3565 19.7276C54.3513 20.7455 53.1076 21.2545 51.6253 21.2545ZM51.6348 19.4127C52.5318 19.4127 53.308 19.0915 53.9632 18.4489C54.6185 17.8064 54.9461 17.008 54.9461 16.0537C54.9461 15.0995 54.6185 14.3043 53.9632 13.6681C53.308 13.0256 52.5318 12.7043 51.6348 12.7043C50.7315 12.7043 49.9553 13.0256 49.3064 13.6681C48.6575 14.3043 48.3331 15.0995 48.3331 16.0537C48.3331 17.008 48.6575 17.8064 49.3064 18.4489C49.9553 19.0915 50.7315 19.4127 51.6348 19.4127Z" fill="#21212A"/>
+<path d="M41.0745 21.2506C40.5528 21.2506 40.0852 21.1965 39.6717 21.0884C39.2582 20.9802 38.8733 20.8339 38.517 20.6494C38.1671 20.4649 37.8809 20.2709 37.6582 20.0673C37.5568 19.9746 37.4785 19.903 37.4233 19.8525C37.3674 19.8014 37.3606 19.716 37.4076 19.6566L38.4656 18.3198C38.515 18.2573 38.6059 18.2467 38.6683 18.2963C38.7206 18.3379 38.7911 18.3938 38.8797 18.4642C39.096 18.6359 39.3154 18.7822 39.5381 18.9031C39.7671 19.0176 39.9898 19.1035 40.2061 19.1608C40.4287 19.218 40.6737 19.2467 40.9409 19.2467C41.6979 19.2467 42.2736 19.0081 42.6681 18.531C43.0625 18.0538 43.2597 17.3477 43.2597 16.4125V9.24983C43.2597 9.13349 43.3124 9.02341 43.4029 8.95039L45.1338 7.55511C45.209 7.4945 45.3209 7.54802 45.3209 7.6446V16.756C45.3209 18.1556 44.9328 19.2562 44.1567 20.0578C43.3806 20.853 42.3532 21.2506 41.0745 21.2506Z" fill="#21212A"/>
+<defs>
+<linearGradient id="paint0_linear_1921_18628" x1="32.6122" y1="11.0552" x2="20.6105" y2="21.2454" gradientUnits="userSpaceOnUse">
+<stop offset="0.50304" stop-color="#6C6AFF"/>
+<stop offset="1" stop-color="#5451FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1921_18628" x1="11.7793" y1="16.0371" x2="16.8744" y2="21.2454" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DCDCFF"/>
+<stop offset="1" stop-color="#BCBBFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/jobdri/src/components/common/lnb/Lnb.tsx b/jobdri/src/components/common/lnb/Lnb.tsx
index f5eccb0..d6f06b0 100644
--- a/jobdri/src/components/common/lnb/Lnb.tsx
+++ b/jobdri/src/components/common/lnb/Lnb.tsx
@@ -6,6 +6,7 @@ import { createPortal } from "react-dom";
 import Icon, { type IconType } from "@/components/common/icons/Icon";
 import { ModalNotice } from "@/components/common/modal";
 import { AUTH_STORAGE_KEYS, getStoredAuthEmail } from "@/lib/auth";
+import Logo from "@/assets/ic_LOGO_minimum.svg";
 
 type LnbItemKey = "experience" | "apply";
 
@@ -33,7 +34,7 @@ const navItems: LnbNavItem[] = [
 ];
 
 const navItemBaseClassName =
-  "flex h-9 items-center gap-2 rounded-cta-l p-3 text-sub14-med";
+  "flex h-9 items-center gap-2 rounded-cta-l py-3 px-2 text-sub14-med";
 
 const defaultEmail = "jobdri@gmail.com";
 
@@ -97,32 +98,24 @@ export default function Lnb({
   return (
     <>
       <aside
-        className={`flex h-screen flex-col justify-between bg-bg-contents-default py-5 ${
-          isFold ? "w-[52px] items-center px-2" : "w-60 items-start px-2"
+        className={`flex h-screen flex-col justify-between bg-bg-contents-default py-5 px-2 transition-[width] duration-300 ease-in-out overflow-hidden ${
+          isFold ? "w-[52px]" : "w-60"
         }`}
       >
         <div className="flex w-full flex-col gap-8">
-          <div
-            className={`flex h-8 w-full items-center ${
-              isFold ? "justify-center px-0" : "justify-between px-3"
-            }`}
-          >
-            {!isFold && (
-              <strong className="flex h-[22px] w-[50px] items-center justify-center text-[16px] font-bold leading-[140%] text-text-neutral-title">
-                JobDri
-              </strong>
-            )}
+          <div className="flex h-8 w-full items-center px-1">
+            {!isFold && <Logo className="flex-1" />}
             <button
               type="button"
               aria-label={isFold ? "LNB 펼치기" : "LNB 접기"}
-              className="flex h-5 w-5 items-center justify-center text-icon-neutral-default"
+              className="flex h-5 w-5 shrink-0 items-center justify-center text-icon-neutral-default mx-auto"
               onClick={() => setIsFold((prevIsFold) => !prevIsFold)}
             >
               <Icon type="SIDEBAR" className="h-5 w-5" />
             </button>
           </div>
 
-          <nav className="flex w-full flex-col items-start gap-1.5">
+          <nav className="flex w-full flex-col gap-1.5">
             {navItems.map((item) => {
               const isActive = item.key === activeItem;
 
@@ -131,8 +124,9 @@ export default function Lnb({
                   key={item.key}
                   type="button"
                   onClick={() => handleNavItemClick(item)}
-                  className={`${navItemBaseClassName} ${
-                    isFold ? "w-[30px] justify-center px-0" : "w-full"
+                  // 변경된 부분: isFold일 때 gap-0을 적용하여 간격 없애기
+                  className={`${navItemBaseClassName} w-full ${
+                    isFold ? "pl-2 gap-0" : ""
                   } ${
                     isActive
                       ? "bg-fill-primary-assistive text-text-primary-strong"
@@ -141,59 +135,65 @@ export default function Lnb({
                 >
                   <Icon
                     type={item.iconType}
-                    className={`h-5 w-5 shrink-0 ${
+                    className={`shrink-0 ${
                       isActive
                         ? "text-icon-primary-strong"
                         : "text-icon-neutral-default"
                     }`}
                   />
-                  {!isFold && <span>{item.label}</span>}
+                  <span
+                    className={`overflow-hidden whitespace-nowrap transition-[opacity,width] duration-150 ${
+                      isFold ? "w-0 opacity-0" : "w-auto opacity-100"
+                    }`}
+                  >
+                    {item.label}
+                  </span>
                 </button>
               );
             })}
           </nav>
         </div>
 
-        <div className="flex w-full flex-col items-start justify-end gap-1">
-          {!isFold && (
-            <>
-              <div className="flex w-full items-center justify-between px-2 py-2">
-                <div className="flex items-center gap-[3px] text-label14-med text-icon-neutral-default [font-feature-settings:'liga'_off,'clig'_off]">
-                  <span>크레딧</span>
-                  <Icon
-                    type="EX_LINK"
-                    className="h-4 w-4 text-icon-neutral-assistive"
-                  />
-                </div>
-
-                <div className="flex h-[21px] items-center justify-end gap-1">
-                  <Icon
-                    type="TOKEN"
-                    className="h-4 w-4 text-icon-neutral-default"
-                  />
-                  <span className="text-cap12-med text-text-neutral-description [font-feature-settings:'liga'_off,'clig'_off]">
-                    {creditCount}회
-                  </span>
-                </div>
+        <div className="flex w-full flex-col justify-end gap-1">
+          <div
+            className={`overflow-hidden transition-[opacity,height] duration-150 w-full ${
+              isFold ? "h-0 opacity-0" : "h-auto opacity-100"
+            }`}
+          >
+            <div className="flex w-full items-center justify-between px-2 py-2">
+              <div className="flex items-center gap-[3px] text-label14-med text-icon-neutral-default [font-feature-settings:'liga'_off,'clig'_off]">
+                <span>크레딧</span>
+                <Icon
+                  type="EX_LINK"
+                  className="h-4 w-4 text-icon-neutral-assistive"
+                />
               </div>
-
-              <div className="h-[0.75px] w-full bg-line-neutral-default" />
-            </>
-          )}
+              <div className="flex h-[21px] items-center justify-end gap-1">
+                <Icon
+                  type="TOKEN"
+                  className="h-4 w-4 text-icon-neutral-default"
+                />
+                <span className="text-cap12-med text-text-neutral-description [font-feature-settings:'liga'_off,'clig'_off]">
+                  {creditCount}회
+                </span>
+              </div>
+            </div>
+            <div className="h-[0.75px] w-full bg-line-neutral-default" />
+          </div>
 
           <div
-            className={`flex w-full items-center gap-2 px-2 py-1.5 ${
-              isFold ? "justify-center px-0" : ""
-            }`}
+            className={`flex w-full items-center gap-2 py-1.5 ${isFold ? "justify-center px-0" : "px-2"}`}
           >
             <div className="flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-text-neutral-caption text-[14px] font-medium leading-[140%] text-text-neutral-white">
               {emailInitial}
             </div>
-            {!isFold && (
-              <span className="truncate text-cap12-med text-text-neutral-caption">
-                {displayEmail}
-              </span>
-            )}
+            <span
+              className={`truncate text-cap12-med text-text-neutral-caption overflow-hidden whitespace-nowrap transition-[opacity,width] duration-150 ${
+                isFold ? "w-0 opacity-0" : "w-auto opacity-100"
+              }`}
+            >
+              {displayEmail}
+            </span>
           </div>
         </div>
       </aside>

From 2fd43b7c01c08f2d659a746e36696e2d18b4f6f6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=EC=9C=A4=EC=84=9C?= <yyoo04@naver.com>
Date: Sat, 23 May 2026 03:55:53 +0900
Subject: [PATCH 2/9] =?UTF-8?q?Feat:=20#64=20=ED=81=AC=EB=A0=88=EB=94=A7?=
 =?UTF-8?q?=20=EB=9D=BC=EC=9A=B0=ED=8C=85=20=EC=97=B0=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jobdri/src/components/common/lnb/Lnb.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/jobdri/src/components/common/lnb/Lnb.tsx b/jobdri/src/components/common/lnb/Lnb.tsx
index d6f06b0..a1595ea 100644
--- a/jobdri/src/components/common/lnb/Lnb.tsx
+++ b/jobdri/src/components/common/lnb/Lnb.tsx
@@ -161,13 +161,17 @@ export default function Lnb({
             }`}
           >
             <div className="flex w-full items-center justify-between px-2 py-2">
-              <div className="flex items-center gap-[3px] text-label14-med text-icon-neutral-default [font-feature-settings:'liga'_off,'clig'_off]">
+              <button
+                type="button"
+                onClick={() => router.push("/credit")}
+                className="flex items-center gap-[3px] text-label14-med text-icon-neutral-default [font-feature-settings:'liga'_off,'clig'_off] hover:text-text-neutral-title"
+              >
                 <span>크레딧</span>
                 <Icon
                   type="EX_LINK"
                   className="h-4 w-4 text-icon-neutral-assistive"
                 />
-              </div>
+              </button>
               <div className="flex h-[21px] items-center justify-end gap-1">
                 <Icon
                   type="TOKEN"

From bd01a079980867726fda5ba9648b6333a8cce008 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=EC=9C=A4=EC=84=9C?= <yyoo04@naver.com>
Date: Sat, 23 May 2026 03:57:07 +0900
Subject: [PATCH 3/9] =?UTF-8?q?Mod:=20Toast=20shadow=20=EB=B3=80=EA=B2=BD?=
 =?UTF-8?q?=20to=20cardshadow?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jobdri/src/components/common/toast/Toast.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/jobdri/src/components/common/toast/Toast.tsx b/jobdri/src/components/common/toast/Toast.tsx
index 31dadb6..b930914 100644
--- a/jobdri/src/components/common/toast/Toast.tsx
+++ b/jobdri/src/components/common/toast/Toast.tsx
@@ -24,7 +24,7 @@ export default function Toast({
     <div
       role="status"
       className={clsx(
-        "flex h-14 items-center justify-between self-stretch rounded-toast-l px-4 py-3 pl-5 shadow-hover fixed bottom-28 right-5 transition-discrete",
+        "flex h-14 items-center justify-between self-stretch rounded-card px-4 py-3 pl-5 shadow-hover fixed bottom-28 right-5 transition-discrete",
         isDark ? "bg-fill-tertiary-default" : "bg-fill-quaternary-default",
         className,
       )}

From 4b4a671deed5d078cad4e5e3dfa601f0fa06937a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=EC=9C=A4=EC=84=9C?= <yyoo04@naver.com>
Date: Sat, 23 May 2026 04:00:06 +0900
Subject: [PATCH 4/9] =?UTF-8?q?Feat:=20#64=20LNB=20=EC=9A=B0=EC=B8=A1=20?=
 =?UTF-8?q?=EB=B3=B4=EB=8D=94=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jobdri/src/components/common/lnb/Lnb.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/jobdri/src/components/common/lnb/Lnb.tsx b/jobdri/src/components/common/lnb/Lnb.tsx
index a1595ea..9041ed7 100644
--- a/jobdri/src/components/common/lnb/Lnb.tsx
+++ b/jobdri/src/components/common/lnb/Lnb.tsx
@@ -98,7 +98,7 @@ export default function Lnb({
   return (
     <>
       <aside
-        className={`flex h-screen flex-col justify-between bg-bg-contents-default py-5 px-2 transition-[width] duration-300 ease-in-out overflow-hidden ${
+        className={`flex h-screen flex-col justify-between border-r border-line-neutral-default bg-bg-contents-default py-5 px-2 transition-[width] duration-300 ease-in-out overflow-hidden ${
           isFold ? "w-[52px]" : "w-60"
         }`}
       >

From 49cb37b484551c1235792cdf23a6fc2ab287be0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=EC=9C=A4=EC=84=9C?= <yyoo04@naver.com>
Date: Sat, 23 May 2026 04:12:09 +0900
Subject: [PATCH 5/9] =?UTF-8?q?Feat:=20#64=20=EC=9D=B4=EB=A9=94=EC=9D=BC?=
 =?UTF-8?q?=20=EC=95=84=EC=9D=B4=EC=BD=98=20=EC=B6=94=EA=B0=80=20=EB=B0=8F?=
 =?UTF-8?q?=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jobdri/src/assets/ic_Email.svg                |   4 +
 jobdri/src/components/common/icons/Icon.tsx   |   2 +
 .../src/components/common/input/InputMain.tsx |  12 +-
 .../src/components/login/EmailLoginScreen.tsx | 388 +++++++++---------
 4 files changed, 209 insertions(+), 197 deletions(-)
 create mode 100644 jobdri/src/assets/ic_Email.svg

diff --git a/jobdri/src/assets/ic_Email.svg b/jobdri/src/assets/ic_Email.svg
new file mode 100644
index 0000000..576c452
--- /dev/null
+++ b/jobdri/src/assets/ic_Email.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.1056 6.1194C22.6317 5.80853 22.4107 5.00205 21.7996 5.00284L2.1975 5.02819C1.58664 5.02897 1.36753 5.83558 1.89402 6.14533L11.4918 11.7919C11.8054 11.9764 12.1944 11.976 12.5076 11.791L22.1056 6.1194Z" fill="currentColor"/>
+<path d="M23 8.24936C23 7.86017 22.575 7.6202 22.2417 7.82124L12.5165 13.6884C12.1988 13.88 11.8012 13.8801 11.4834 13.6884L1.75826 7.82216C1.42501 7.62114 1 7.86112 1 8.2503L1 17.0001C1 18.1047 1.89543 19.0001 3 19.0001H21C22.1046 19.0001 23 18.1047 23 17.0001V8.24936Z" fill="currentColor"/>
+</svg>
diff --git a/jobdri/src/components/common/icons/Icon.tsx b/jobdri/src/components/common/icons/Icon.tsx
index c0ad81e..e077880 100644
--- a/jobdri/src/components/common/icons/Icon.tsx
+++ b/jobdri/src/components/common/icons/Icon.tsx
@@ -35,6 +35,7 @@ import IC_LIGHTBULB from "@/assets/ic_Lightbulb.svg";
 import IC_CHECK_M from "@/assets/ic_Check_M.svg";
 import IC_CHECK_COMPLETE from "@/assets/ic_Check_Complete.svg";
 import IC_EDIT from "@/assets/ic_Edit.svg";
+import IC_EMAIL from "@/assets/ic_Email.svg";
 import IC_LINK from "@/assets/ic_Link.svg";
 import IC_POLYGON_1 from "@/assets/ic_Polygon_1.svg";
 import IC_POLYGON_2 from "@/assets/ic_Polygon_2.svg";
@@ -78,6 +79,7 @@ const iconMap = {
   CHECK_M: IC_CHECK_M,
   CHECK_COMPLETE: IC_CHECK_COMPLETE,
   EDIT: IC_EDIT,
+  EMAIL: IC_EMAIL,
   LINK: IC_LINK,
   POLYGON_1: IC_POLYGON_1,
   POLYGON_2: IC_POLYGON_2,
diff --git a/jobdri/src/components/common/input/InputMain.tsx b/jobdri/src/components/common/input/InputMain.tsx
index 024952b..ddc3bbd 100644
--- a/jobdri/src/components/common/input/InputMain.tsx
+++ b/jobdri/src/components/common/input/InputMain.tsx
@@ -20,7 +20,7 @@ interface InputMainProps {
   error?: string;
   rightContent?: React.ReactNode;
   className?: string;
-  type?: "ID" | "PASSWORD";
+  type?: "ID" | "PASSWORD" | "EMAIL";
 }
 
 export function InputMain({
@@ -44,7 +44,13 @@ export function InputMain({
   const [focused, setFocused] = useState(false);
 
   const value = externalValue ?? internalValue;
-  const iconType = type === "PASSWORD" ? "PASSWORD" : "PROFILE";
+
+  const iconMap = {
+    ID: "PROFILE",
+    PASSWORD: "PASSWORD",
+    EMAIL: "EMAIL",
+  } as const;
+
   const resolvedInputType =
     inputType ?? (type === "PASSWORD" ? "password" : "text");
   const isError = hasError || !!error;
@@ -67,7 +73,7 @@ export function InputMain({
         <div className={clsx("flex items-center gap-2")}>
           {!focused && !value && (
             <Icon
-              type={iconType}
+              type={type ? iconMap[type] : "PROFILE"}
               className="text-icon-neutral-assistive shrink-0"
             />
           )}
diff --git a/jobdri/src/components/login/EmailLoginScreen.tsx b/jobdri/src/components/login/EmailLoginScreen.tsx
index 44a2d45..9cc4df4 100644
--- a/jobdri/src/components/login/EmailLoginScreen.tsx
+++ b/jobdri/src/components/login/EmailLoginScreen.tsx
@@ -31,8 +31,7 @@ import {
 
 const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 const passwordPattern = /^(?=.*[A-Za-z])(?=.*\d).{8,20}$/;
-const passwordValidationMessage =
-  "영문, 숫자 조합 8자 이상인지 확인해주세요";
+const passwordValidationMessage = "영문, 숫자 조합 8자 이상인지 확인해주세요";
 const passwordMaxLengthMessage = "비밀번호는 최대 20자까지만 가능합니다";
 const passwordMismatchMessage = "비밀번호가 일치하지 않습니다";
 const verificationCodeLength = 6;
@@ -295,7 +294,9 @@ export default function EmailLoginScreen() {
     }
   };
 
-  const handleVerificationSubmit = async (event: FormEvent<HTMLFormElement>) => {
+  const handleVerificationSubmit = async (
+    event: FormEvent<HTMLFormElement>,
+  ) => {
     event.preventDefault();
 
     if (isVerificationSubmitting || !isVerificationReady) {
@@ -432,204 +433,206 @@ export default function EmailLoginScreen() {
             ) : (
               <>
                 <header className="flex flex-col items-center gap-6 self-stretch">
-              <h1 className="text-center text-[32px] leading-[130%] font-bold tracking-[-0.02em] text-text-neutral-title [font-feature-settings:'liga'_off,'clig'_off]">
-                JobDri
-              </h1>
-
-              <div className="flex flex-col items-center gap-2 self-stretch">
-                <p className="text-t20-semibold text-center text-text-neutral-title [font-feature-settings:'liga'_off,'clig'_off]">
-                  인사담당자가 보는 내 자소서는 몇점?
-                </p>
-                <p className="text-sub14-med text-center text-text-neutral-caption [font-feature-settings:'liga'_off,'clig'_off]">
-                  내 경험을 살린 합격 자소서를 완성해보세요
-                </p>
-              </div>
-            </header>
-
-            {authMode === "login" ? (
-              <>
-                <div className="flex flex-col items-center gap-6 self-stretch">
-                  <div className="flex flex-col items-start gap-5 self-stretch">
-                    <div className="flex flex-col items-start gap-2 self-stretch">
-                      <InputMain
-                        name="email"
-                        type="ID"
-                        inputType="email"
-                        autoComplete="email"
-                        placeholder="내용을 입력해주세요."
-                        value={email}
-                        disabled={isLoginSubmitting}
-                        hasError={loginError}
-                        className="self-stretch"
-                        onChange={(value) =>
-                          handleInputChange(value, setEmail)
-                        }
-                      />
-                      <InputMain
-                        name="password"
-                        type="PASSWORD"
-                        inputType="password"
-                        autoComplete="current-password"
-                        placeholder="내용을 입력해주세요."
-                        value={password}
-                        disabled={isLoginSubmitting}
-                        error={loginError ? loginErrorMessage : undefined}
+                  <h1 className="text-center text-[32px] leading-[130%] font-bold tracking-[-0.02em] text-text-neutral-title [font-feature-settings:'liga'_off,'clig'_off]">
+                    JobDri
+                  </h1>
+
+                  <div className="flex flex-col items-center gap-2 self-stretch">
+                    <p className="text-t20-semibold text-center text-text-neutral-title [font-feature-settings:'liga'_off,'clig'_off]">
+                      인사담당자가 보는 내 자소서는 몇점?
+                    </p>
+                    <p className="text-sub14-med text-center text-text-neutral-caption [font-feature-settings:'liga'_off,'clig'_off]">
+                      내 경험을 살린 합격 자소서를 완성해보세요
+                    </p>
+                  </div>
+                </header>
+
+                {authMode === "login" ? (
+                  <>
+                    <div className="flex flex-col items-center gap-6 self-stretch">
+                      <div className="flex flex-col items-start gap-5 self-stretch">
+                        <div className="flex flex-col items-start gap-2 self-stretch">
+                          <InputMain
+                            name="email"
+                            type="ID"
+                            inputType="email"
+                            autoComplete="email"
+                            placeholder="내용을 입력해주세요."
+                            value={email}
+                            disabled={isLoginSubmitting}
+                            hasError={loginError}
+                            className="self-stretch"
+                            onChange={(value) =>
+                              handleInputChange(value, setEmail)
+                            }
+                          />
+                          <InputMain
+                            name="password"
+                            type="PASSWORD"
+                            inputType="password"
+                            autoComplete="current-password"
+                            placeholder="내용을 입력해주세요."
+                            value={password}
+                            disabled={isLoginSubmitting}
+                            error={loginError ? loginErrorMessage : undefined}
+                            className="self-stretch"
+                            onChange={handlePasswordChange}
+                          />
+                        </div>
+
+                        <Button
+                          label={isLoginSubmitting ? "로그인 중" : "로그인"}
+                          styleType="secondary"
+                          size="large"
+                          active={isLoginReady}
+                          className="self-stretch"
+                          disabled={!isLoginReady || isLoginSubmitting}
+                          type="submit"
+                        />
+                      </div>
+
+                      <AuthDivider />
+
+                      <Button
+                        label="Google 계정으로 계속하기"
+                        styleType="quaternary"
+                        size="large"
+                        iconType="GOOGLE"
                         className="self-stretch"
-                        onChange={handlePasswordChange}
+                        onClick={handleGoogleLogin}
                       />
                     </div>
 
-                    <Button
-                      label={isLoginSubmitting ? "로그인 중" : "로그인"}
-                      styleType="secondary"
-                      size="large"
-                      active={isLoginReady}
-                      className="self-stretch"
-                      disabled={!isLoginReady || isLoginSubmitting}
-                      type="submit"
-                    />
-                  </div>
-
-                  <AuthDivider />
-
-                  <Button
-                    label="Google 계정으로 계속하기"
-                    styleType="quaternary"
-                    size="large"
-                    iconType="GOOGLE"
-                    className="self-stretch"
-                    onClick={handleGoogleLogin}
-                  />
-                </div>
-
-                <footer className="flex items-center justify-center gap-7 self-stretch">
-                  <TextOnlyButton
-                    label="비밀번호 재설정"
-                    size="small"
-                    styleType="secondary"
-                  />
-                  <TextOnlyButton
-                    label="회원가입"
-                    size="small"
-                    styleType="primary"
-                    onClick={() => handleModeChange("signup")}
-                  />
-                </footer>
-              </>
-            ) : (
-              <>
-                <div className="flex flex-col items-center gap-6 self-stretch">
-                  <div className="flex flex-col items-start gap-5 self-stretch">
-                    <div className="flex flex-col items-start gap-2 self-stretch">
-                      <InputMain
-                        label="이름"
-                        name="signup-name"
-                        type="ID"
-                        inputType="text"
-                        autoComplete="name"
-                        placeholder="내용을 입력해주세요."
-                        value={name}
-                        disabled={isSignupSubmitting}
-                        className="self-stretch"
-                        onChange={(value) =>
-                          handleInputChange(value, setName)
-                        }
-                      />
-                      <InputMain
-                        label="이메일 주소"
-                        name="signup-email"
-                        type="ID"
-                        inputType="email"
-                        autoComplete="email"
-                        placeholder="내용을 입력해주세요."
-                        value={email}
-                        disabled={isSignupSubmitting}
-                        hasError={
-                          hasSignupEmailValidationError ||
-                          Boolean(signupErrorMessage)
-                        }
-                        error={signupErrorMessage || undefined}
-                        className="self-stretch"
-                        onChange={(value) =>
-                          handleInputChange(value, setEmail)
-                        }
+                    <footer className="flex items-center justify-center gap-7 self-stretch">
+                      <TextOnlyButton
+                        label="비밀번호 재설정"
+                        size="small"
+                        styleType="secondary"
                       />
-                      <InputMain
-                        label="비밀번호"
-                        name="signup-password"
-                        type="PASSWORD"
-                        inputType="password"
-                        autoComplete="new-password"
-                        placeholder="내용을 입력해주세요."
-                        value={password}
-                        disabled={isSignupSubmitting}
-                        error={passwordError}
-                        className="self-stretch"
-                        onChange={handlePasswordChange}
+                      <TextOnlyButton
+                        label="회원가입"
+                        size="small"
+                        styleType="primary"
+                        onClick={() => handleModeChange("signup")}
                       />
-                      <InputMain
-                        label="비밀번호 확인"
-                        name="signup-password-confirm"
-                        type="PASSWORD"
-                        inputType="password"
-                        autoComplete="new-password"
-                        placeholder="내용을 입력해주세요."
-                        value={passwordConfirm}
-                        disabled={password.length === 0 || isSignupSubmitting}
-                        error={
-                          hasPasswordMismatchError
-                            ? passwordMismatchMessage
-                            : undefined
-                        }
+                    </footer>
+                  </>
+                ) : (
+                  <>
+                    <div className="flex flex-col items-center gap-6 self-stretch">
+                      <div className="flex flex-col items-start gap-5 self-stretch">
+                        <div className="flex flex-col items-start gap-2 self-stretch">
+                          <InputMain
+                            label="이름"
+                            name="signup-name"
+                            type="ID"
+                            inputType="text"
+                            autoComplete="name"
+                            placeholder="내용을 입력해주세요."
+                            value={name}
+                            disabled={isSignupSubmitting}
+                            className="self-stretch"
+                            onChange={(value) =>
+                              handleInputChange(value, setName)
+                            }
+                          />
+                          <InputMain
+                            label="이메일 주소"
+                            name="signup-email"
+                            type="EMAIL"
+                            inputType="email"
+                            autoComplete="email"
+                            placeholder="이메일 주소를 입력해주세요."
+                            value={email}
+                            disabled={isSignupSubmitting}
+                            hasError={
+                              hasSignupEmailValidationError ||
+                              Boolean(signupErrorMessage)
+                            }
+                            error={signupErrorMessage || undefined}
+                            className="self-stretch"
+                            onChange={(value) =>
+                              handleInputChange(value, setEmail)
+                            }
+                          />
+                          <InputMain
+                            label="비밀번호"
+                            name="signup-password"
+                            type="PASSWORD"
+                            inputType="password"
+                            autoComplete="new-password"
+                            placeholder="내용을 입력해주세요."
+                            value={password}
+                            disabled={isSignupSubmitting}
+                            error={passwordError}
+                            className="self-stretch"
+                            onChange={handlePasswordChange}
+                          />
+                          <InputMain
+                            label="비밀번호 확인"
+                            name="signup-password-confirm"
+                            type="PASSWORD"
+                            inputType="password"
+                            autoComplete="new-password"
+                            placeholder="내용을 입력해주세요."
+                            value={passwordConfirm}
+                            disabled={
+                              password.length === 0 || isSignupSubmitting
+                            }
+                            error={
+                              hasPasswordMismatchError
+                                ? passwordMismatchMessage
+                                : undefined
+                            }
+                            className="self-stretch"
+                            onChange={handlePasswordConfirmChange}
+                          />
+                        </div>
+
+                        <Button
+                          label={
+                            isSignupSubmitting ? "인증번호 발송 중" : "회원가입"
+                          }
+                          styleType="secondary"
+                          size="large"
+                          active={isSignupReady}
+                          className="self-stretch"
+                          disabled={!isSignupReady || isSignupSubmitting}
+                          type="submit"
+                        />
+                      </div>
+
+                      <AuthDivider />
+
+                      <Button
+                        label="Google 계정으로 계속하기"
+                        styleType="quaternary"
+                        size="large"
+                        iconType="GOOGLE"
                         className="self-stretch"
-                        onChange={handlePasswordConfirmChange}
+                        onClick={handleGoogleLogin}
                       />
                     </div>
 
-                    <Button
-                      label={
-                        isSignupSubmitting ? "인증번호 발송 중" : "회원가입"
-                      }
-                      styleType="secondary"
-                      size="large"
-                      active={isSignupReady}
-                      className="self-stretch"
-                      disabled={!isSignupReady || isSignupSubmitting}
-                      type="submit"
-                    />
-                  </div>
-
-                  <AuthDivider />
-
-                  <Button
-                    label="Google 계정으로 계속하기"
-                    styleType="quaternary"
-                    size="large"
-                    iconType="GOOGLE"
-                    className="self-stretch"
-                    onClick={handleGoogleLogin}
-                  />
-                </div>
-
-                <footer className="flex items-center justify-center gap-3 self-stretch">
-                  <span className="text-label14-med text-text-neutral-caption [font-feature-settings:'liga'_off,'clig'_off]">
-                    이미 계정이 있으신가요?
-                  </span>
-                  <TextOnlyButton
-                    label="로그인"
-                    size="small"
-                    styleType="primary"
-                    onClick={() => handleModeChange("login")}
-                  />
-                </footer>
-              </>
-            )}
+                    <footer className="flex items-center justify-center gap-3 self-stretch">
+                      <span className="text-label14-med text-text-neutral-caption [font-feature-settings:'liga'_off,'clig'_off]">
+                        이미 계정이 있으신가요?
+                      </span>
+                      <TextOnlyButton
+                        label="로그인"
+                        size="small"
+                        styleType="primary"
+                        onClick={() => handleModeChange("login")}
+                      />
+                    </footer>
+                  </>
+                )}
 
-            {authMode === "login" && showCreditTooltip && (
-              <div className="pointer-events-none absolute right-[86px] bottom-[-16px]">
-                <Tooltip placement="up_mid" />
-              </div>
-            )}
+                {authMode === "login" && showCreditTooltip && (
+                  <div className="pointer-events-none absolute right-[86px] bottom-[-16px]">
+                    <Tooltip placement="up_mid" />
+                  </div>
+                )}
               </>
             )}
           </form>
@@ -655,10 +658,7 @@ interface EmailVerificationContentProps {
     index: number,
     event: KeyboardEvent<HTMLInputElement>,
   ) => void;
-  onCodePaste: (
-    index: number,
-    event: ClipboardEvent<HTMLInputElement>,
-  ) => void;
+  onCodePaste: (index: number, event: ClipboardEvent<HTMLInputElement>) => void;
   onResend: () => void;
 }
 

From 06a39f84c3e1e733fb7bc0a48b22968964cf7265 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=EC=9C=A4=EC=84=9C?= <yyoo04@naver.com>
Date: Sat, 23 May 2026 04:14:17 +0900
Subject: [PATCH 6/9] =?UTF-8?q?Mod:=20#64=20=EC=82=AD=EC=A0=9C=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jobdri/src/components/common/icons/IconBox.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/jobdri/src/components/common/icons/IconBox.tsx b/jobdri/src/components/common/icons/IconBox.tsx
index 809c9d6..06fdb27 100644
--- a/jobdri/src/components/common/icons/IconBox.tsx
+++ b/jobdri/src/components/common/icons/IconBox.tsx
@@ -69,12 +69,15 @@ export default function IconBox({
           "flex shrink-0 items-center justify-center gap-2.5 rounded-icon-default transition-colors",
           sizeStyles[size],
           selected
-            ? "bg-fill-system-fail-strong"
-            : "bg-icon-neutral-weak hover:bg-fill-system-fail-hover",
+            ? "bg-[#F01818]"
+            : "bg-icon-neutral-weak hover:bg-fill-system-fail-strong",
           className,
         )}
       >
-        <Icon type={type} className={clsx("text-text-neutral-white", iconClassName)} />
+        <Icon
+          type={type}
+          className={clsx("text-text-neutral-white", iconClassName)}
+        />
       </div>
     );
   }

From 1d3e048abadc5e1a892674af05efa6e78990421a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=EC=9C=A4=EC=84=9C?= <yyoo04@naver.com>
Date: Sat, 23 May 2026 04:30:49 +0900
Subject: [PATCH 7/9] =?UTF-8?q?Feat:=20#64=20CLOSE=5FS=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jobdri/src/app/page.tsx                               |  1 +
 jobdri/src/assets/ic_Close_S.svg                      |  4 ++++
 jobdri/src/components/common/buttons/IconButton.tsx   |  5 ++++-
 .../src/components/common/buttons/IconOnlyButton.tsx  | 11 ++++++++++-
 jobdri/src/components/common/icons/Icon.tsx           |  3 ++-
 5 files changed, 21 insertions(+), 3 deletions(-)
 create mode 100644 jobdri/src/assets/ic_Close_S.svg

diff --git a/jobdri/src/app/page.tsx b/jobdri/src/app/page.tsx
index 469f041..2f474d9 100644
--- a/jobdri/src/app/page.tsx
+++ b/jobdri/src/app/page.tsx
@@ -228,6 +228,7 @@ export default function Home() {
         <div className="flex items-center gap-6">
           <IconOnlyButton tone="light" />
           <IconOnlyButton tone="dark" />
+          <IconOnlyButton tone="light" size="small" />
         </div>
       </Section>
       <Section title="CTA">
diff --git a/jobdri/src/assets/ic_Close_S.svg b/jobdri/src/assets/ic_Close_S.svg
new file mode 100644
index 0000000..5f03cb4
--- /dev/null
+++ b/jobdri/src/assets/ic_Close_S.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 5L5 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 5L15 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/jobdri/src/components/common/buttons/IconButton.tsx b/jobdri/src/components/common/buttons/IconButton.tsx
index 0a0f71e..50de123 100644
--- a/jobdri/src/components/common/buttons/IconButton.tsx
+++ b/jobdri/src/components/common/buttons/IconButton.tsx
@@ -7,6 +7,7 @@ type IconButtonDirection = "left" | "right";
 interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   direction: IconButtonDirection;
   active?: boolean;
+  size?: "default" | "small";
 }
 
 const directionIconType: Record<IconButtonDirection, "ARROW_L" | "ARROW_R"> = {
@@ -18,6 +19,7 @@ export default function IconButton({
   direction,
   active = false,
   className,
+  size = "default",
   type = "button",
   ...buttonProps
 }: IconButtonProps) {
@@ -26,10 +28,11 @@ export default function IconButton({
       type={type}
       aria-label={direction === "left" ? "이전" : "다음"}
       className={clsx(
-        "flex h-12 w-12 items-center justify-center gap-2.5 rounded-icon-round bg-bg-white p-2.5",
+        "flex items-center justify-center gap-2.5 rounded-icon-round bg-bg-white p-2.5",
         buttonProps.disabled ? "cursor-not-allowed" : "cursor-pointer",
         active ? "text-icon-neutral-heavy" : "text-icon-neutral-assistive",
         className,
+        size === "small" ? "h-6 w-6" : "h-10 w-10",
       )}
       {...buttonProps}
     >
diff --git a/jobdri/src/components/common/buttons/IconOnlyButton.tsx b/jobdri/src/components/common/buttons/IconOnlyButton.tsx
index f340fab..6eff7be 100644
--- a/jobdri/src/components/common/buttons/IconOnlyButton.tsx
+++ b/jobdri/src/components/common/buttons/IconOnlyButton.tsx
@@ -7,6 +7,7 @@ type IconOnlyButtonTone = "light" | "dark";
 interface IconOnlyButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   iconType?: IconType;
   tone?: IconOnlyButtonTone;
+  size?: "default" | "small";
 }
 
 const toneStyles: Record<IconOnlyButtonTone, string> = {
@@ -20,8 +21,10 @@ export default function IconOnlyButton({
   tone = "light",
   className,
   type = "button",
+  size = "default",
   ...buttonProps
 }: IconOnlyButtonProps) {
+  const closeIconType = size === "small" ? "CLOSE_S" : "CLOSE_M";
   return (
     <button
       type={type}
@@ -31,10 +34,16 @@ export default function IconOnlyButton({
         buttonProps.disabled ? "cursor-not-allowed" : "cursor-pointer",
         toneStyles[tone],
         className,
+        size === "small" ? "h-6 w-6" : "h-10 w-10",
       )}
       {...buttonProps}
     >
-      <Icon type={iconType} className="h-6 w-6 shrink-0" />
+      <Icon
+        type={closeIconType}
+        className={
+          (clsx("shrink-0 "), size === "small" ? "h-5 w-5" : "h-6 w-6")
+        }
+      />
     </button>
   );
 }
diff --git a/jobdri/src/components/common/icons/Icon.tsx b/jobdri/src/components/common/icons/Icon.tsx
index e077880..18d7a8a 100644
--- a/jobdri/src/components/common/icons/Icon.tsx
+++ b/jobdri/src/components/common/icons/Icon.tsx
@@ -20,6 +20,7 @@ import IC_ARROW_R_N from "@/assets/ic_Arrow_Right_M.svg";
 import IC_DOTS_M from "@/assets/ic_Dots_M.svg";
 import IC_KABAB from "@/assets/ic_Kabab.svg";
 import IC_CLOSE_M from "@/assets/ic_Close_M.svg";
+import IC_CLOSE_S from "@/assets/ic_Close_S.svg";
 import IC_SIDEBAR from "@/assets/ic_SidebarToggle.svg";
 import IC_HOME_S from "@/assets/ic_Home_s.svg";
 import IC_APPLY from "@/assets/ic_Apply.svg";
@@ -64,13 +65,13 @@ const iconMap = {
   DOTS_M: IC_DOTS_M,
   KABAB: IC_KABAB,
   CLOSE_M: IC_CLOSE_M,
+  CLOSE_S: IC_CLOSE_S,
   SIDEBAR: IC_SIDEBAR,
   HOME_S: IC_HOME_S,
   APPLY: IC_APPLY,
   EX_S: IC_EX_S,
   ARROW_R_N_S: IC_ARROW_R_N_S,
   DOT_S: IC_DOT_S,
-  CLOSE: IC_CLOSE,
   EX_LINK: IC_EX_LINK,
   TOKEN: IC_TOKEN,
   SPARKLE: IC_SPARKLE,

From 3624daaed8268c28ab67953da18e79713a06931a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=EC=9C=A4=EC=84=9C?= <yyoo04@naver.com>
Date: Sat, 23 May 2026 04:40:03 +0900
Subject: [PATCH 8/9] =?UTF-8?q?Mod:=20#64=20Business=20Footer=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jobdri/src/assets/ic_LOGO_minimum.svg         | 26 +++++--------------
 jobdri/src/assets/ic_LOGO_minimum_favi.svg    | 20 ++++++++++++++
 .../common/footer/BusinessFooter.tsx          | 13 +++++-----
 3 files changed, 33 insertions(+), 26 deletions(-)
 create mode 100644 jobdri/src/assets/ic_LOGO_minimum_favi.svg

diff --git a/jobdri/src/assets/ic_LOGO_minimum.svg b/jobdri/src/assets/ic_LOGO_minimum.svg
index 290693b..d348970 100644
--- a/jobdri/src/assets/ic_LOGO_minimum.svg
+++ b/jobdri/src/assets/ic_LOGO_minimum.svg
@@ -1,20 +1,8 @@
-<svg width="100" height="30" viewBox="0 0 100 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M28.5997 11.1514H38.3367L27.9552 19.5983C26.6461 20.6635 25.0099 21.2451 23.3221 21.2451H16.1943L28.5997 11.1514Z" fill="url(#paint0_linear_1921_18628)"/>
-<path d="M8.16699 16.0371L16.6022 16.0371C19.4324 18.6977 21.403 21.2452 23.5544 21.2452L16.35 21.2453C14.3751 21.2453 12.4835 20.4495 11.1025 19.0378L8.16699 16.0371Z" fill="url(#paint1_linear_1921_18628)"/>
-<path d="M69.7351 21.2547C69.602 21.2547 69.4941 21.1468 69.4941 21.0138V9.83891C69.4941 9.72287 69.5465 9.61303 69.6367 9.54L72.0243 7.60671C72.0928 7.55126 72.1782 7.52101 72.2663 7.52101L73.9962 7.521C76.9178 7.521 78.5445 8.59245 79.5041 9.65545C80.7015 10.9818 81.1743 12.3118 81.1743 14.3793C81.1743 16.4278 80.5381 18.1216 79.2658 19.3748C77.9998 20.6281 76.3298 21.2547 74.2559 21.2547H69.7351ZM71.6031 19.1434C71.6031 19.2765 71.7109 19.3844 71.844 19.3844H74.2082C75.665 19.3844 76.826 18.9422 77.6912 18.0579C78.5628 17.1673 78.9986 15.9284 78.9986 14.427C78.9986 12.9066 78.5723 11.6947 77.7199 10.7913C76.8737 9.88159 75.7032 9.42673 74.2082 9.42673H73.0143L71.8379 9.45865C71.7072 9.46219 71.6031 9.56916 71.6031 9.6999V19.1434Z" fill="#21212A"/>
-<path d="M88.6669 21.2117C88.6034 21.2117 88.5519 21.1602 88.5519 21.0968V12.8068C88.5519 12.6916 88.6035 12.5826 88.6925 12.5095L90.3012 11.1887C90.3762 11.1271 90.489 11.1805 90.489 11.2775V21.0968C90.489 21.1602 90.4376 21.2117 90.3741 21.2117H88.6669ZM89.5157 9.98476C89.1722 9.98476 88.8764 9.86388 88.6282 9.62214C88.3865 9.37403 88.2656 9.07503 88.2656 8.72514C88.2656 8.37524 88.3865 8.0826 88.6282 7.84722C88.8764 7.61183 89.1722 7.49414 89.5157 7.49414C89.8783 7.49414 90.1805 7.61183 90.4223 7.84722C90.664 8.0826 90.7849 8.37524 90.7849 8.72514C90.7849 9.07503 90.664 9.37403 90.4223 9.62214C90.1805 9.86388 89.8783 9.98476 89.5157 9.98476Z" fill="#21212A"/>
-<path d="M86.8206 10.853C86.916 10.853 87.0305 10.8626 87.1641 10.8817C87.3041 10.8944 87.4314 10.9135 87.5459 10.939C87.6653 10.9578 87.7258 10.9673 87.7272 10.9675V12.7807C87.726 12.7804 87.6719 12.7676 87.565 12.7425C87.4632 12.717 87.3295 12.698 87.1641 12.6852C86.9987 12.6662 86.8652 12.6566 86.7634 12.6566C86.0763 12.6566 85.4719 12.9174 84.9502 13.4391C84.4286 13.9544 84.1678 14.6796 84.1677 15.6148V20.9707C84.1677 21.1038 84.0599 21.2116 83.9268 21.2116H82.4716C82.3385 21.2116 82.2306 21.1038 82.2306 20.9707L82.2305 12.6735C82.2305 12.558 82.2824 12.4485 82.372 12.3755L83.875 11.1494C83.9501 11.0881 84.0626 11.1415 84.0626 11.2384L84.0628 12.6089L84.097 12.5527C84.4519 11.9771 84.8636 11.5537 85.332 11.2825C85.8218 10.9962 86.318 10.853 86.8206 10.853Z" fill="#21212A"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M59.8482 12.4355C60.1603 11.9865 60.6088 11.6212 61.1938 11.3397C61.8681 11.0153 62.6156 10.8531 63.4363 10.8531C64.8041 10.8531 65.9746 11.3398 66.948 12.3131C67.9277 13.2865 68.4175 14.5366 68.4175 16.0634C68.4175 17.5584 67.9372 18.7989 66.9766 19.785C66.0223 20.7647 64.8708 21.2545 63.5222 21.2545C62.657 21.2545 61.8745 21.0859 61.1747 20.7487C60.5582 20.4461 60.0876 20.0472 59.7624 19.552V21.0136C59.7624 21.1467 59.6545 21.2545 59.5214 21.2545H58.1521C58.019 21.2545 57.9111 21.1467 57.9111 21.0136V9.16754C57.9111 9.05182 57.9632 8.94226 58.053 8.86922L59.6607 7.5608C59.7358 7.49967 59.8482 7.55312 59.8482 7.64995V12.4355ZM63.0641 12.6185C62.1162 12.6185 61.3306 12.9397 60.7071 13.5823C60.09 14.2184 59.7751 15.0455 59.7624 16.0634C59.7497 17.0303 60.0519 17.8447 60.6689 18.5063C61.286 19.1615 62.0844 19.4891 63.0641 19.4892C64.0375 19.4892 64.8391 19.1806 65.4689 18.5635C66.1051 17.9464 66.4231 17.113 66.4231 16.0634C66.4231 15.02 66.1083 14.1866 65.4784 13.5632C64.8486 12.9333 64.0438 12.6185 63.0641 12.6185Z" fill="#21212A"/>
-<path d="M51.6253 21.2545C50.143 21.2545 48.9025 20.7455 47.9037 19.7276C46.9113 18.7098 46.415 17.4851 46.415 16.0537C46.415 14.6287 46.9113 13.4073 47.9037 12.3894C48.9025 11.3651 50.143 10.853 51.6253 10.853C53.1076 10.853 54.3513 11.3651 55.3565 12.3894C56.3616 13.4073 56.8642 14.6287 56.8642 16.0537C56.8642 17.4851 56.3616 18.7098 55.3565 19.7276C54.3513 20.7455 53.1076 21.2545 51.6253 21.2545ZM51.6348 19.4127C52.5318 19.4127 53.308 19.0915 53.9632 18.4489C54.6185 17.8064 54.9461 17.008 54.9461 16.0537C54.9461 15.0995 54.6185 14.3043 53.9632 13.6681C53.308 13.0256 52.5318 12.7043 51.6348 12.7043C50.7315 12.7043 49.9553 13.0256 49.3064 13.6681C48.6575 14.3043 48.3331 15.0995 48.3331 16.0537C48.3331 17.008 48.6575 17.8064 49.3064 18.4489C49.9553 19.0915 50.7315 19.4127 51.6348 19.4127Z" fill="#21212A"/>
-<path d="M41.0745 21.2506C40.5528 21.2506 40.0852 21.1965 39.6717 21.0884C39.2582 20.9802 38.8733 20.8339 38.517 20.6494C38.1671 20.4649 37.8809 20.2709 37.6582 20.0673C37.5568 19.9746 37.4785 19.903 37.4233 19.8525C37.3674 19.8014 37.3606 19.716 37.4076 19.6566L38.4656 18.3198C38.515 18.2573 38.6059 18.2467 38.6683 18.2963C38.7206 18.3379 38.7911 18.3938 38.8797 18.4642C39.096 18.6359 39.3154 18.7822 39.5381 18.9031C39.7671 19.0176 39.9898 19.1035 40.2061 19.1608C40.4287 19.218 40.6737 19.2467 40.9409 19.2467C41.6979 19.2467 42.2736 19.0081 42.6681 18.531C43.0625 18.0538 43.2597 17.3477 43.2597 16.4125V9.24983C43.2597 9.13349 43.3124 9.02341 43.4029 8.95039L45.1338 7.55511C45.209 7.4945 45.3209 7.54802 45.3209 7.6446V16.756C45.3209 18.1556 44.9328 19.2562 44.1567 20.0578C43.3806 20.853 42.3532 21.2506 41.0745 21.2506Z" fill="#21212A"/>
-<defs>
-<linearGradient id="paint0_linear_1921_18628" x1="32.6122" y1="11.0552" x2="20.6105" y2="21.2454" gradientUnits="userSpaceOnUse">
-<stop offset="0.50304" stop-color="#6C6AFF"/>
-<stop offset="1" stop-color="#5451FF"/>
-</linearGradient>
-<linearGradient id="paint1_linear_1921_18628" x1="11.7793" y1="16.0371" x2="16.8744" y2="21.2454" gradientUnits="userSpaceOnUse">
-<stop stop-color="#DCDCFF"/>
-<stop offset="1" stop-color="#BCBBFF"/>
-</linearGradient>
-</defs>
+<svg width="72" height="30" viewBox="0 0 72 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M40.9851 21.2547C40.852 21.2547 40.7441 21.1468 40.7441 21.0138V9.83891C40.7441 9.72287 40.7965 9.61303 40.8867 9.54L43.2743 7.60671C43.3428 7.55126 43.4282 7.52101 43.5163 7.52101L45.2462 7.521C48.1678 7.521 49.7945 8.59245 50.7541 9.65545C51.9515 10.9818 52.4243 12.3118 52.4243 14.3793C52.4243 16.4278 51.7881 18.1216 50.5158 19.3748C49.2498 20.6281 47.5798 21.2547 45.5059 21.2547H40.9851ZM42.8531 19.1434C42.8531 19.2765 42.9609 19.3844 43.094 19.3844H45.4582C46.915 19.3844 48.076 18.9422 48.9412 18.0579C49.8128 17.1673 50.2486 15.9284 50.2486 14.427C50.2486 12.9066 49.8223 11.6947 48.9699 10.7913C48.1237 9.88159 46.9532 9.42673 45.4582 9.42673H44.2643L43.0879 9.45865C42.9572 9.46219 42.8531 9.56916 42.8531 9.6999V19.1434Z" fill="#21212A"/>
+<path d="M59.9169 21.2117C59.8534 21.2117 59.8019 21.1602 59.8019 21.0968V12.8068C59.8019 12.6916 59.8535 12.5826 59.9425 12.5095L61.5512 11.1887C61.6262 11.1271 61.739 11.1805 61.739 11.2775V21.0968C61.739 21.1602 61.6876 21.2117 61.6241 21.2117H59.9169ZM60.7657 9.98476C60.4222 9.98476 60.1264 9.86388 59.8782 9.62214C59.6365 9.37403 59.5156 9.07503 59.5156 8.72514C59.5156 8.37524 59.6365 8.0826 59.8782 7.84722C60.1264 7.61183 60.4222 7.49414 60.7657 7.49414C61.1283 7.49414 61.4305 7.61183 61.6723 7.84722C61.914 8.0826 62.0349 8.37524 62.0349 8.72514C62.0349 9.07503 61.914 9.37403 61.6723 9.62214C61.4305 9.86388 61.1283 9.98476 60.7657 9.98476Z" fill="#21212A"/>
+<path d="M58.0706 10.853C58.166 10.853 58.2805 10.8626 58.4141 10.8817C58.5541 10.8944 58.6814 10.9135 58.7959 10.939C58.9153 10.9578 58.9758 10.9673 58.9772 10.9675V12.7807C58.976 12.7804 58.9219 12.7676 58.815 12.7425C58.7132 12.717 58.5795 12.698 58.4141 12.6852C58.2487 12.6662 58.1152 12.6566 58.0134 12.6566C57.3263 12.6566 56.7219 12.9174 56.2002 13.4391C55.6786 13.9544 55.4178 14.6796 55.4177 15.6148V20.9707C55.4177 21.1038 55.3099 21.2116 55.1768 21.2116H53.7216C53.5885 21.2116 53.4806 21.1038 53.4806 20.9707L53.4805 12.6735C53.4805 12.558 53.5324 12.4485 53.622 12.3755L55.125 11.1494C55.2001 11.0881 55.3126 11.1415 55.3126 11.2384L55.3128 12.6089L55.347 12.5527C55.7019 11.9771 56.1136 11.5537 56.582 11.2825C57.0718 10.9962 57.568 10.853 58.0706 10.853Z" fill="#21212A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.0973 12.4355C31.4094 11.9865 31.8578 11.6212 32.4428 11.3397C33.1171 11.0153 33.8647 10.8531 34.6853 10.8531C36.0531 10.8531 37.2236 11.3398 38.197 12.3131C39.1767 13.2865 39.6666 14.5366 39.6666 16.0634C39.6666 17.5584 39.1862 18.7989 38.2256 19.785C37.2714 20.7647 36.1199 21.2545 34.7712 21.2545C33.906 21.2545 33.1235 21.0859 32.4237 20.7487C31.8073 20.4461 31.3366 20.0472 31.0114 19.552V21.0136C31.0114 21.1467 30.9035 21.2545 30.7704 21.2545H29.4011C29.268 21.2545 29.1602 21.1467 29.1602 21.0136V9.16754C29.1602 9.05182 29.2123 8.94226 29.302 8.86922L30.9098 7.5608C30.9849 7.49967 31.0973 7.55312 31.0973 7.64995V12.4355ZM34.3131 12.6185C33.3653 12.6185 32.5796 12.9397 31.9562 13.5823C31.3391 14.2184 31.0241 15.0455 31.0114 16.0634C30.9987 17.0303 31.3009 17.8447 31.918 18.5063C32.535 19.1615 33.3334 19.4891 34.3131 19.4892C35.2865 19.4892 36.0881 19.1806 36.7179 18.5635C37.3541 17.9464 37.6721 17.113 37.6722 16.0634C37.6722 15.02 37.3573 14.1866 36.7275 13.5632C36.0977 12.9333 35.2928 12.6185 34.3131 12.6185Z" fill="#21212A"/>
+<path d="M22.8763 21.2545C21.394 21.2545 20.1535 20.7455 19.1547 19.7276C18.1622 18.7098 17.666 17.4851 17.666 16.0537C17.666 14.6287 18.1622 13.4073 19.1547 12.3894C20.1535 11.3651 21.394 10.853 22.8763 10.853C24.3586 10.853 25.6023 11.3651 26.6074 12.3894C27.6126 13.4073 28.1152 14.6287 28.1152 16.0537C28.1152 17.4851 27.6126 18.7098 26.6074 19.7276C25.6023 20.7455 24.3586 21.2545 22.8763 21.2545ZM22.8858 19.4127C23.7828 19.4127 24.5589 19.0915 25.2142 18.4489C25.8695 17.8064 26.1971 17.008 26.1971 16.0537C26.1971 15.0995 25.8695 14.3043 25.2142 13.6681C24.5589 13.0256 23.7828 12.7043 22.8858 12.7043C21.9824 12.7043 21.2063 13.0256 20.5574 13.6681C19.9085 14.3043 19.5841 15.0995 19.5841 16.0537C19.5841 17.008 19.9085 17.8064 20.5574 18.4489C21.2063 19.0915 21.9824 19.4127 22.8858 19.4127Z" fill="#21212A"/>
+<path d="M12.3245 21.2506C11.8028 21.2506 11.3352 21.1965 10.9217 21.0884C10.5082 20.9802 10.1233 20.8339 9.76704 20.6494C9.41715 20.4649 9.13087 20.2709 8.90821 20.0673C8.8068 19.9746 8.72849 19.903 8.67327 19.8525C8.61742 19.8014 8.61061 19.716 8.65757 19.6566L9.71556 18.3198C9.76505 18.2573 9.85587 18.2467 9.91832 18.2963C9.97063 18.3379 10.0411 18.3938 10.1297 18.4642C10.346 18.6359 10.5654 18.7822 10.7881 18.9031C11.0171 19.0176 11.2398 19.1035 11.4561 19.1608C11.6787 19.218 11.9237 19.2467 12.1909 19.2467C12.9479 19.2467 13.5236 19.0081 13.9181 18.531C14.3125 18.0538 14.5097 17.3477 14.5097 16.4125V9.24983C14.5097 9.13349 14.5624 9.02341 14.6529 8.95039L16.3838 7.55511C16.459 7.4945 16.5709 7.54802 16.5709 7.6446V16.756C16.5709 18.1556 16.1828 19.2562 15.4067 20.0578C14.6306 20.853 13.6032 21.2506 12.3245 21.2506Z" fill="#21212A"/>
 </svg>
diff --git a/jobdri/src/assets/ic_LOGO_minimum_favi.svg b/jobdri/src/assets/ic_LOGO_minimum_favi.svg
new file mode 100644
index 0000000..290693b
--- /dev/null
+++ b/jobdri/src/assets/ic_LOGO_minimum_favi.svg
@@ -0,0 +1,20 @@
+<svg width="100" height="30" viewBox="0 0 100 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.5997 11.1514H38.3367L27.9552 19.5983C26.6461 20.6635 25.0099 21.2451 23.3221 21.2451H16.1943L28.5997 11.1514Z" fill="url(#paint0_linear_1921_18628)"/>
+<path d="M8.16699 16.0371L16.6022 16.0371C19.4324 18.6977 21.403 21.2452 23.5544 21.2452L16.35 21.2453C14.3751 21.2453 12.4835 20.4495 11.1025 19.0378L8.16699 16.0371Z" fill="url(#paint1_linear_1921_18628)"/>
+<path d="M69.7351 21.2547C69.602 21.2547 69.4941 21.1468 69.4941 21.0138V9.83891C69.4941 9.72287 69.5465 9.61303 69.6367 9.54L72.0243 7.60671C72.0928 7.55126 72.1782 7.52101 72.2663 7.52101L73.9962 7.521C76.9178 7.521 78.5445 8.59245 79.5041 9.65545C80.7015 10.9818 81.1743 12.3118 81.1743 14.3793C81.1743 16.4278 80.5381 18.1216 79.2658 19.3748C77.9998 20.6281 76.3298 21.2547 74.2559 21.2547H69.7351ZM71.6031 19.1434C71.6031 19.2765 71.7109 19.3844 71.844 19.3844H74.2082C75.665 19.3844 76.826 18.9422 77.6912 18.0579C78.5628 17.1673 78.9986 15.9284 78.9986 14.427C78.9986 12.9066 78.5723 11.6947 77.7199 10.7913C76.8737 9.88159 75.7032 9.42673 74.2082 9.42673H73.0143L71.8379 9.45865C71.7072 9.46219 71.6031 9.56916 71.6031 9.6999V19.1434Z" fill="#21212A"/>
+<path d="M88.6669 21.2117C88.6034 21.2117 88.5519 21.1602 88.5519 21.0968V12.8068C88.5519 12.6916 88.6035 12.5826 88.6925 12.5095L90.3012 11.1887C90.3762 11.1271 90.489 11.1805 90.489 11.2775V21.0968C90.489 21.1602 90.4376 21.2117 90.3741 21.2117H88.6669ZM89.5157 9.98476C89.1722 9.98476 88.8764 9.86388 88.6282 9.62214C88.3865 9.37403 88.2656 9.07503 88.2656 8.72514C88.2656 8.37524 88.3865 8.0826 88.6282 7.84722C88.8764 7.61183 89.1722 7.49414 89.5157 7.49414C89.8783 7.49414 90.1805 7.61183 90.4223 7.84722C90.664 8.0826 90.7849 8.37524 90.7849 8.72514C90.7849 9.07503 90.664 9.37403 90.4223 9.62214C90.1805 9.86388 89.8783 9.98476 89.5157 9.98476Z" fill="#21212A"/>
+<path d="M86.8206 10.853C86.916 10.853 87.0305 10.8626 87.1641 10.8817C87.3041 10.8944 87.4314 10.9135 87.5459 10.939C87.6653 10.9578 87.7258 10.9673 87.7272 10.9675V12.7807C87.726 12.7804 87.6719 12.7676 87.565 12.7425C87.4632 12.717 87.3295 12.698 87.1641 12.6852C86.9987 12.6662 86.8652 12.6566 86.7634 12.6566C86.0763 12.6566 85.4719 12.9174 84.9502 13.4391C84.4286 13.9544 84.1678 14.6796 84.1677 15.6148V20.9707C84.1677 21.1038 84.0599 21.2116 83.9268 21.2116H82.4716C82.3385 21.2116 82.2306 21.1038 82.2306 20.9707L82.2305 12.6735C82.2305 12.558 82.2824 12.4485 82.372 12.3755L83.875 11.1494C83.9501 11.0881 84.0626 11.1415 84.0626 11.2384L84.0628 12.6089L84.097 12.5527C84.4519 11.9771 84.8636 11.5537 85.332 11.2825C85.8218 10.9962 86.318 10.853 86.8206 10.853Z" fill="#21212A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M59.8482 12.4355C60.1603 11.9865 60.6088 11.6212 61.1938 11.3397C61.8681 11.0153 62.6156 10.8531 63.4363 10.8531C64.8041 10.8531 65.9746 11.3398 66.948 12.3131C67.9277 13.2865 68.4175 14.5366 68.4175 16.0634C68.4175 17.5584 67.9372 18.7989 66.9766 19.785C66.0223 20.7647 64.8708 21.2545 63.5222 21.2545C62.657 21.2545 61.8745 21.0859 61.1747 20.7487C60.5582 20.4461 60.0876 20.0472 59.7624 19.552V21.0136C59.7624 21.1467 59.6545 21.2545 59.5214 21.2545H58.1521C58.019 21.2545 57.9111 21.1467 57.9111 21.0136V9.16754C57.9111 9.05182 57.9632 8.94226 58.053 8.86922L59.6607 7.5608C59.7358 7.49967 59.8482 7.55312 59.8482 7.64995V12.4355ZM63.0641 12.6185C62.1162 12.6185 61.3306 12.9397 60.7071 13.5823C60.09 14.2184 59.7751 15.0455 59.7624 16.0634C59.7497 17.0303 60.0519 17.8447 60.6689 18.5063C61.286 19.1615 62.0844 19.4891 63.0641 19.4892C64.0375 19.4892 64.8391 19.1806 65.4689 18.5635C66.1051 17.9464 66.4231 17.113 66.4231 16.0634C66.4231 15.02 66.1083 14.1866 65.4784 13.5632C64.8486 12.9333 64.0438 12.6185 63.0641 12.6185Z" fill="#21212A"/>
+<path d="M51.6253 21.2545C50.143 21.2545 48.9025 20.7455 47.9037 19.7276C46.9113 18.7098 46.415 17.4851 46.415 16.0537C46.415 14.6287 46.9113 13.4073 47.9037 12.3894C48.9025 11.3651 50.143 10.853 51.6253 10.853C53.1076 10.853 54.3513 11.3651 55.3565 12.3894C56.3616 13.4073 56.8642 14.6287 56.8642 16.0537C56.8642 17.4851 56.3616 18.7098 55.3565 19.7276C54.3513 20.7455 53.1076 21.2545 51.6253 21.2545ZM51.6348 19.4127C52.5318 19.4127 53.308 19.0915 53.9632 18.4489C54.6185 17.8064 54.9461 17.008 54.9461 16.0537C54.9461 15.0995 54.6185 14.3043 53.9632 13.6681C53.308 13.0256 52.5318 12.7043 51.6348 12.7043C50.7315 12.7043 49.9553 13.0256 49.3064 13.6681C48.6575 14.3043 48.3331 15.0995 48.3331 16.0537C48.3331 17.008 48.6575 17.8064 49.3064 18.4489C49.9553 19.0915 50.7315 19.4127 51.6348 19.4127Z" fill="#21212A"/>
+<path d="M41.0745 21.2506C40.5528 21.2506 40.0852 21.1965 39.6717 21.0884C39.2582 20.9802 38.8733 20.8339 38.517 20.6494C38.1671 20.4649 37.8809 20.2709 37.6582 20.0673C37.5568 19.9746 37.4785 19.903 37.4233 19.8525C37.3674 19.8014 37.3606 19.716 37.4076 19.6566L38.4656 18.3198C38.515 18.2573 38.6059 18.2467 38.6683 18.2963C38.7206 18.3379 38.7911 18.3938 38.8797 18.4642C39.096 18.6359 39.3154 18.7822 39.5381 18.9031C39.7671 19.0176 39.9898 19.1035 40.2061 19.1608C40.4287 19.218 40.6737 19.2467 40.9409 19.2467C41.6979 19.2467 42.2736 19.0081 42.6681 18.531C43.0625 18.0538 43.2597 17.3477 43.2597 16.4125V9.24983C43.2597 9.13349 43.3124 9.02341 43.4029 8.95039L45.1338 7.55511C45.209 7.4945 45.3209 7.54802 45.3209 7.6446V16.756C45.3209 18.1556 44.9328 19.2562 44.1567 20.0578C43.3806 20.853 42.3532 21.2506 41.0745 21.2506Z" fill="#21212A"/>
+<defs>
+<linearGradient id="paint0_linear_1921_18628" x1="32.6122" y1="11.0552" x2="20.6105" y2="21.2454" gradientUnits="userSpaceOnUse">
+<stop offset="0.50304" stop-color="#6C6AFF"/>
+<stop offset="1" stop-color="#5451FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1921_18628" x1="11.7793" y1="16.0371" x2="16.8744" y2="21.2454" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DCDCFF"/>
+<stop offset="1" stop-color="#BCBBFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/jobdri/src/components/common/footer/BusinessFooter.tsx b/jobdri/src/components/common/footer/BusinessFooter.tsx
index 9be40b1..9a9a729 100644
--- a/jobdri/src/components/common/footer/BusinessFooter.tsx
+++ b/jobdri/src/components/common/footer/BusinessFooter.tsx
@@ -1,5 +1,6 @@
 import type { HTMLAttributes } from "react";
 import clsx from "clsx";
+import Logo from "@/assets/ic_LOGO_minimum.svg";
 
 export default function BusinessFooter({
   className,
@@ -10,12 +11,10 @@ export default function BusinessFooter({
       className={clsx("flex self-stretch flex-col", className)}
       {...footerProps}
     >
-      <div className="flex items-start justify-between self-stretch bg-bg-default px-10 py-7">
+      <div className="flex items-start justify-between self-stretch bg-bg-default mx-16 my-7">
         <div className="flex w-full min-w-0 flex-1 items-start gap-3">
           <div className="flex w-[150px] flex-col items-start gap-[34px]">
-            <strong className="flex h-6 w-[54.545px] items-center justify-center pr-[2.545px] text-[14px] font-bold leading-[140%] text-text-neutral-title">
-              JobDri
-            </strong>
+            <Logo />
           </div>
 
           <div className="flex min-w-0 flex-1 flex-col items-start gap-6">
@@ -53,9 +52,9 @@ export default function BusinessFooter({
             </div>
 
             <p className="self-stretch text-[11px] font-medium leading-[160%] tracking-[-0.22px] text-gray-400 [font-feature-settings:'liga'_off,'clig'_off]">
-              본 웹사이트에 명시된 모든 기업의 로고 및 상표에 대한 권리는 각 해당
-              상표권자에게 귀속됩니다. 해당 로고는 합격자 취업 현황 등 단순 정보
-              제공의 목적으로만 사용되며, 상표권 침해 의도는 없습니다.
+              본 웹사이트에 명시된 모든 기업의 로고 및 상표에 대한 권리는 각
+              해당 상표권자에게 귀속됩니다. 해당 로고는 합격자 취업 현황 등 단순
+              정보 제공의 목적으로만 사용되며, 상표권 침해 의도는 없습니다.
             </p>
           </div>
         </div>

From dd24f6fd590204f6bb8f0aa2ce907cc7664c2f8f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=EC=9C=A4=EC=84=9C?= <yyoo04@naver.com>
Date: Sat, 23 May 2026 04:43:41 +0900
Subject: [PATCH 9/9] =?UTF-8?q?Mod:=20#64=20=ED=97=A4=EB=8D=94,=20?=
 =?UTF-8?q?=ED=91=B8=ED=84=B0=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20=EC=98=A4?=
 =?UTF-8?q?=EB=A5=98=20=EB=B3=B5=EA=B5=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/footer/Footer.tsx   |  2 +-
 .../src/components/common/header/Header.tsx   | 19 +++++++++----------
 jobdri/src/lib/api/questions.ts               |  9 ---------
 3 files changed, 10 insertions(+), 20 deletions(-)

diff --git a/jobdri/src/components/common/footer/Footer.tsx b/jobdri/src/components/common/footer/Footer.tsx
index ee23461..9d6fc07 100644
--- a/jobdri/src/components/common/footer/Footer.tsx
+++ b/jobdri/src/components/common/footer/Footer.tsx
@@ -60,7 +60,7 @@ export default function Footer({
   return (
     <footer
       className={clsx(
-        "relative left-1/2 flex w-screen shrink-0 -translate-x-1/2 items-center justify-center gap-8 border-t border-line-neutral-default bg-bg-contents-assistive pt-4 pb-8",
+        "relative left-1/2 flex w-screen shrink-0 -translate-x-1/2 items-center justify-center gap-8 border-t border-line-neutral-default bg-bg-contents-default pt-4 pb-8",
         className,
       )}
     >
diff --git a/jobdri/src/components/common/header/Header.tsx b/jobdri/src/components/common/header/Header.tsx
index 05d6949..b76a194 100644
--- a/jobdri/src/components/common/header/Header.tsx
+++ b/jobdri/src/components/common/header/Header.tsx
@@ -46,7 +46,7 @@ function HeaderAction({
   return (
     <Button
       label={label}
-      styleType="quaternary"
+      styleType="tertiary"
       size="small"
       iconType={iconType}
       className={className}
@@ -57,7 +57,7 @@ function HeaderAction({
 
 export default function Header({
   title = "모의 서류 지원",
-  leftAction = { label: "돌아가기", iconType: "HOME_S" },
+  leftAction = { label: "메인으로", iconType: "HOME_S" },
   rightAction = { label: "저장하기" },
   currentStep = 1,
   steps = defaultSteps,
@@ -66,15 +66,14 @@ export default function Header({
   const rightActionDisabled = currentStep <= 2 || rightAction.disabled;
   const { onClick: leftActionOnClick, ...leftButtonProps } = leftAction;
 
-  const handleLeftActionClick: ButtonHTMLAttributes<
-    HTMLButtonElement
-  >["onClick"] = (event) => {
-    leftActionOnClick?.(event);
+  const handleLeftActionClick: ButtonHTMLAttributes<HTMLButtonElement>["onClick"] =
+    (event) => {
+      leftActionOnClick?.(event);
 
-    if (!event.defaultPrevented) {
-      router.push(MOCK_APPLICATION_HOME_PATH);
-    }
-  };
+      if (!event.defaultPrevented) {
+        router.push(MOCK_APPLICATION_HOME_PATH);
+      }
+    };
 
   return (
     <header className="flex w-full items-start justify-between bg-bg-default px-[82px] pt-10 pb-4">
diff --git a/jobdri/src/lib/api/questions.ts b/jobdri/src/lib/api/questions.ts
index 6e3a9ad..469c84a 100644
--- a/jobdri/src/lib/api/questions.ts
+++ b/jobdri/src/lib/api/questions.ts
@@ -37,15 +37,6 @@ export interface AnswerItem {
   answer: string;
 }
 
-function getAuthHeaders(): Record<string, string> {
-  const token =
-    typeof window !== "undefined"
-      ? window.localStorage.getItem(AUTH_STORAGE_KEYS.accessToken)
-      : null;
-
-  return token ? { Authorization: `Bearer ${token}` } : {};
-}
-
 async function parseApiResponse<T>(
   response: Response,
   fallbackMessage: string,