diff --git a/.env.guide.md b/.env.guide.md
index 95f47a4c..1503db50 100644
--- a/.env.guide.md
+++ b/.env.guide.md
@@ -99,45 +99,6 @@ NEXT_PUBLIC_KAKAO_JS_KEY=b285223d3e57a6820552018b93805658
 
 ---
 
-## AI Inspector Env Registration
-
-### 1) Web 런타임 (Next.js API Route)
-
-등록 위치:
-- 로컬: `apps/web/.env.local`
-- 배포: Vercel Project > Settings > Environment Variables (Preview/Production)
-
-필수:
-```
-NEXT_PUBLIC_API_SERVER_URL=https://api.<env>.solid-connection.com
-AI_INSPECTOR_FIREBASE_PROJECT_ID=<firebase-project-id>
-AI_INSPECTOR_FIREBASE_CLIENT_EMAIL=<service-account-client-email>
-AI_INSPECTOR_FIREBASE_PRIVATE_KEY="-----BEGIN PRIVATE KEY-----\n...\n-----END PRIVATE KEY-----\n"
-```
-
-선택:
-```
-AI_INSPECTOR_FIRESTORE_COLLECTION=aiInspectorTasks
-```
-
-### 2) Worker (GitHub Actions)
-
-등록 위치:
-- GitHub Repository > Settings > Secrets and variables > Actions > Repository secrets
-
-필수:
-- `AI_INSPECTOR_FIREBASE_PROJECT_ID`
-- `AI_INSPECTOR_FIREBASE_CLIENT_EMAIL`
-- `AI_INSPECTOR_FIREBASE_PRIVATE_KEY`
-
-선택:
-- `AI_INSPECTOR_PATCH_ENDPOINT`
-- `AI_INSPECTOR_PATCH_API_KEY`
-- `AI_INSPECTOR_PREVIEW_URL_TEMPLATE`
-- `AI_INSPECTOR_DISCORD_WEBHOOK_URL`
-
----
-
 ## Best Practices
 
 1. **환경별 값은 Vercel 대시보드에서 관리**
diff --git a/.env.preview b/.env.preview
index b63a2183..dde31a77 100644
--- a/.env.preview
+++ b/.env.preview
@@ -8,3 +8,7 @@ NEXT_PUBLIC_API_SERVER_URL=https://api.stage.solid-connection.com
 
 # kakao
 NEXT_PUBLIC_KAKAO_JS_KEY=c080f1d215a69b47401cda1d7528418a
+
+# Login mode configuration for preview
+# Preview 환경에서는 stage API와 쿠키 로그인 사용
+NEXT_PUBLIC_COOKIE_LOGIN_ENABLED=true
diff --git a/apps/web/public/images/placeholder/profile64.svg b/apps/web/public/images/placeholder/profile64.svg
index 8543a2e7..b8a94408 100644
--- a/apps/web/public/images/placeholder/profile64.svg
+++ b/apps/web/public/images/placeholder/profile64.svg
@@ -1,10 +1,9 @@
-<svg width="55" height="54" viewBox="0 0 55 54" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Mask group">
-<mask id="mask0_1126_8520" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="55" height="54">
-<circle id="Ellipse 33" cx="27.5" cy="27" r="27" fill="#EFEEFF"/>
+<svg width="86" height="86" viewBox="0 0 86 86" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="43" cy="43" r="42.5" fill="white" stroke="#DDDDDF"/>
+<mask id="mask0_2620_39830" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="86" height="86">
+<circle cx="43" cy="43" r="43" fill="#EFEEFF"/>
 </mask>
-<g mask="url(#mask0_1126_8520)">
-<path id="Vector" d="M27.4995 9.71973C30.2206 9.71973 32.8303 10.8021 34.7544 12.7289C36.6785 14.6556 37.7595 17.2688 37.7595 19.9936C37.7595 22.7184 36.6785 25.3316 34.7544 27.2583C32.8303 29.185 30.2206 30.2674 27.4995 30.2674C24.7784 30.2674 22.1687 29.185 20.2446 27.2583C18.3205 25.3316 17.2395 22.7184 17.2395 19.9936C17.2395 17.2688 18.3205 14.6556 20.2446 12.7289C22.1687 10.8021 24.7784 9.71973 27.4995 9.71973ZM27.4995 35.4043C38.8368 35.4043 48.0195 40.0019 48.0195 45.6782V62.5566C31.9924 68.4274 23.0066 68.4274 6.97949 62.5566V45.6782C6.97949 40.0019 16.1622 35.4043 27.4995 35.4043Z" fill="#837CF8"/>
-</g>
+<g mask="url(#mask0_2620_39830)">
+<path d="M42.9993 15.4799C47.333 15.4799 51.4891 17.2037 54.5535 20.2722C57.6178 23.3407 59.3393 27.5025 59.3393 31.8419C59.3393 36.1814 57.6178 40.3432 54.5535 43.4117C51.4891 46.4801 47.333 48.204 42.9993 48.204C38.6657 48.204 34.5096 46.4801 31.4452 43.4117C28.3809 40.3432 26.6593 36.1814 26.6593 31.8419C26.6593 27.5025 28.3809 23.3407 31.4452 20.2722C34.5096 17.2037 38.6657 15.4799 42.9993 15.4799ZM42.9993 56.385C61.055 56.385 75.6793 63.707 75.6793 72.7471V99.6276C50.1547 108.977 35.844 108.977 10.3193 99.6276V72.7471C10.3193 63.707 24.9436 56.385 42.9993 56.385Z" fill="#DDDDDF"/>
 </g>
 </svg>
diff --git a/apps/web/src/app/mentor/_ui/MentorClient/_ui/MenteePageTabs/index.tsx b/apps/web/src/app/mentor/_ui/MentorClient/_ui/MenteePageTabs/index.tsx
index 7061d69c..6a3cd55c 100644
--- a/apps/web/src/app/mentor/_ui/MentorClient/_ui/MenteePageTabs/index.tsx
+++ b/apps/web/src/app/mentor/_ui/MentorClient/_ui/MenteePageTabs/index.tsx
@@ -81,7 +81,7 @@ const MenteePageTabs = () => {
           ))}
 
       {/* 중간 밑줄 */}
-      <div className="mb-10 mt-10 h-1.5 w-full bg-k-50"></div>
+      <div className="my-8 h-1.5 w-full bg-k-50"></div>
     </>
   );
 };
diff --git a/apps/web/src/app/mentor/_ui/MentorClient/_ui/MentorFindSection/index.tsx b/apps/web/src/app/mentor/_ui/MentorClient/_ui/MentorFindSection/index.tsx
index 1121423d..6c088805 100644
--- a/apps/web/src/app/mentor/_ui/MentorClient/_ui/MentorFindSection/index.tsx
+++ b/apps/web/src/app/mentor/_ui/MentorClient/_ui/MentorFindSection/index.tsx
@@ -24,8 +24,8 @@ const MentorFindSection = () => {
   usePrefetchMentorFindTab();
 
   return (
-    <div className="px-4">
-      <h2 className="mb-3 text-gray-900 typo-bold-5">멘토 찾기</h2>
+    <>
+      <h2 className="mb-3 text-gray-900 typo-sb-5">멘토 찾기</h2>
 
       {/* 필터 탭 */}
       <div className="mb-3 flex gap-2">
@@ -58,7 +58,7 @@ const MentorFindSection = () => {
       </div>
 
       <FloatingUpBtn />
-    </div>
+    </>
   );
 };
 
diff --git a/apps/web/src/app/mentor/_ui/MentorClient/_ui/MentorPage/_ui/MyMentorSection/index.tsx b/apps/web/src/app/mentor/_ui/MentorClient/_ui/MentorPage/_ui/MyMentorSection/index.tsx
index f052424d..77433fce 100644
--- a/apps/web/src/app/mentor/_ui/MentorClient/_ui/MentorPage/_ui/MyMentorSection/index.tsx
+++ b/apps/web/src/app/mentor/_ui/MentorClient/_ui/MentorPage/_ui/MyMentorSection/index.tsx
@@ -12,7 +12,7 @@ const MyMentorSection = () => {
 
   return (
     <>
-      <h2 className="text-gray-900 typo-bold-5">나의 멘토 페이지</h2>
+      <h2 className="text-gray-900 typo-sb-5 mt-5">나의 멘토 페이지</h2>
       <div className="mt-[14px]">
         <MentorCard key={myMentorProfile?.id} isMine mentor={myMentorProfile} />
       </div>
diff --git a/apps/web/src/app/mentor/_ui/MentorClient/_ui/MentorPage/index.tsx b/apps/web/src/app/mentor/_ui/MentorClient/_ui/MentorPage/index.tsx
index aa282cc0..0521b691 100644
--- a/apps/web/src/app/mentor/_ui/MentorClient/_ui/MentorPage/index.tsx
+++ b/apps/web/src/app/mentor/_ui/MentorClient/_ui/MentorPage/index.tsx
@@ -30,7 +30,7 @@ const MentorPage = () => {
 
       <div className="mb-10 mt-4">
         <div className="mb-2 flex justify-between">
-          <h2 className="text-gray-900 typo-bold-5">나의 멘티</h2>
+          <h2 className="text-gray-900 typo-sb-5">나의 멘티</h2>
           {/* 전체보기 버튼 */}
           {isMyMenteeTab && myMenteeList.length > 2 && (
             <Link href={`/mentor/chat`} className="flex items-center text-k-500 typo-medium-3">
@@ -63,6 +63,8 @@ const MentorPage = () => {
                 );
               })
             )}
+            {/* 중간 밑줄 */}
+            <div className="my-8 h-1.5 w-full bg-k-50"></div>
             {/* 나의 멘토 페이지 */}
             <MyMentorSection />
           </>
diff --git a/apps/web/src/components/mentor/MentorCard/index.tsx b/apps/web/src/components/mentor/MentorCard/index.tsx
index 81d6ef14..7edf77ea 100644
--- a/apps/web/src/components/mentor/MentorCard/index.tsx
+++ b/apps/web/src/components/mentor/MentorCard/index.tsx
@@ -38,17 +38,16 @@ const MentorCard = ({ mentor, observeRef, isMine = false }: MentorCardProps) =>
 
   return (
     <div
-      className="rounded-lg bg-white p-4 shadow-sdwB"
+      className="rounded-lg bg-white px-4 pt-4 pb-3 shadow-sdwB"
       ref={observeRef} // observeRef를 div에 연결
     >
       {/* 멘토 프로필 헤더 */}
       <div className="flex items-start gap-3">
         <div className="flex flex-col items-center">
           <ProfileWithBadge profileImageUrl={profileImageUrl} hasBadge={hasBadge} />
-          <span className="text-primary-1 typo-sb-11">누적 멘티 {menteeCount}명</span>
         </div>
 
-        <div className="flex flex-1 flex-col items-stretch gap-3">
+        <div className="flex flex-1 flex-col items-stretch">
           <div className="mb-1 flex items-center justify-between">
             <span className="text-primary-1 typo-sb-7">{country}</span>
             {isDetail && <StudyDate term={term!} />}
@@ -65,21 +64,21 @@ const MentorCard = ({ mentor, observeRef, isMine = false }: MentorCardProps) =>
         <>
           {/* 멘토 한마디 */}
           <div className="mb-4 mt-5">
-            <h4 className="mb-2 text-blue-600 typo-medium-5">멘토 한마디</h4>
-            <p className="text-k-500 typo-regular-2">{introduction}</p>
+            <h4 className="mb-2 text-blue-600 typo-sb-5">멘토 한마디</h4>
+            <p className="text-k-900 typo-regular-2">{introduction}</p>
           </div>
 
           {/* 합격 레시피 */}
           {isDetail && (
             <div className="mb-4">
-              <h4 className="mb-2 text-blue-600 typo-medium-5">합격 레시피</h4>
-              <p className="text-k-500 typo-regular-2">{passTip || "정보가 없습니다."}</p>
+              <h4 className="mb-2 text-blue-600 typo-sb-5">합격 레시피</h4>
+              <p className="text-k-900 typo-regular-2">{passTip || "정보가 없습니다."}</p>
             </div>
           )}
 
           {/* 멘토 채널 */}
           <div className="mb-4">
-            <h4 className="mb-2 text-blue-600 typo-medium-5">멘토 채널</h4>
+            <h4 className="mb-2 text-blue-600 typo-sb-5">멘토 채널</h4>
             <div
               className={clsx("grid gap-2", {
                 "grid-cols-1": channels?.length === 1,
@@ -131,8 +130,8 @@ const MentorCard = ({ mentor, observeRef, isMine = false }: MentorCardProps) =>
 
       {/* 접기/펼치기 버튼 */}
       <div className="mt-1 flex justify-center border-t border-t-k-50 pt-2">
-        <button onClick={() => setIsExpanded(!isExpanded)} className="flex h-6 w-6 items-center justify-center">
-          <span className="h-6 w-6">{isExpanded ? <IconDirectionUp /> : <IconDirectionDown />}</span>
+        <button onClick={() => setIsExpanded(!isExpanded)} className="flex h-6 w-7 items-center justify-center">
+          <span className="h-6 w-7">{isExpanded ? <IconDirectionUp /> : <IconDirectionDown />}</span>
         </button>
       </div>
     </div>
diff --git a/apps/web/src/components/ui/ProfileWithBadge.tsx b/apps/web/src/components/ui/ProfileWithBadge.tsx
index 4aa1d63d..48528a05 100644
--- a/apps/web/src/components/ui/ProfileWithBadge.tsx
+++ b/apps/web/src/components/ui/ProfileWithBadge.tsx
@@ -30,7 +30,7 @@ const ProfileWithBadge = ({
       {/* 프로필 이미지 */}
       <div
         className={`h-full w-full overflow-hidden rounded-full ${
-          showMentorBadge ? "border-2 border-primary-1" : "border border-gray-200"
+          showMentorBadge ? "border-2 border-primary-2" : "border-none"
         }`}
       >
         <Image