diff --git a/.gitignore b/.gitignore
index 2f89402e..b2c2a181 100644
--- a/.gitignore
+++ b/.gitignore
@@ -38,6 +38,9 @@ yarn-error.log*
 .DS_Store
 *.pem
 
+# OMC
+.omc/
+
 # Expo
 apps/mobile/ios/
 apps/mobile/android/
diff --git a/apps/mobile/app/index.tsx b/apps/mobile/app/index.tsx
index fd890b12..e4fa7ecb 100644
--- a/apps/mobile/app/index.tsx
+++ b/apps/mobile/app/index.tsx
@@ -28,6 +28,7 @@ export default function App() {
   const [isAuthReady, setIsAuthReady] = useState(false)
 
   const webviewUrl = process.env.EXPO_PUBLIC_LOCAL_URL
+  // const webviewUrl = process.env.EXPO_PUBLIC_WEB_VIEW_URL
   if (!webviewUrl) throw new Error('Webview URL is not set')
 
   useEffect(() => {
diff --git a/apps/react/index.html b/apps/react/index.html
index fe536a0c..f86b7645 100644
--- a/apps/react/index.html
+++ b/apps/react/index.html
@@ -7,6 +7,7 @@
       content="width=device-width, viewport-fit=cover, initial-scale=1, maximum-scale=1, user-scalable=0"
     />
     <title>React</title>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/toss/tossface/dist/tossface.css" />
 
     <!-- AMPLITUDE_SCRIPT -->
   </head>
diff --git a/apps/react/src/app/attachment-test/page.tsx b/apps/react/src/app/attachment-test/page.tsx
index 7770fe35..137b925c 100644
--- a/apps/react/src/app/attachment-test/page.tsx
+++ b/apps/react/src/app/attachment-test/page.tsx
@@ -14,6 +14,8 @@ import { DetailHeaderBar } from '@/shared/ui/header-bar'
 
 const searchSchema = z.object({
   from: z.string().optional(),
+  flow: z.enum(['my-personality', 'partner-personality', 'full-flow']).optional(),
+  chatId: z.number().optional(),
 })
 
 export const Route = createFileRoute('/attachment-test/')({
@@ -25,7 +27,7 @@ function AttachmentTestPage() {
   const navigate = useNavigate()
   const goBack = useGoBack()
   const { setStatusColor } = useTheme()
-  const { from } = useSearch({ from: Route.id })
+  const { from, flow, chatId } = useSearch({ from: Route.id })
   const { userInfo } = useAuth()
   const nickname = userInfo.nickname || '사용자'
 
@@ -38,7 +40,7 @@ function AttachmentTestPage() {
   }, [])
 
   const handleStartTest = wrapWithTracking(BUTTON_NAMES.START_TEST, CATEGORIES.ATTACHMENT, () =>
-    navigate({ to: '/attachment-test/question', search: { from }, replace: true })
+    navigate({ to: '/attachment-test/question', search: { from, flow, chatId }, replace: true })
   )
 
   return (
diff --git a/apps/react/src/app/attachment-test/question/page.tsx b/apps/react/src/app/attachment-test/question/page.tsx
index fd445991..da812937 100644
--- a/apps/react/src/app/attachment-test/question/page.tsx
+++ b/apps/react/src/app/attachment-test/question/page.tsx
@@ -1,4 +1,4 @@
-import { createFileRoute, useSearch } from '@tanstack/react-router'
+import { createFileRoute } from '@tanstack/react-router'
 import { useState } from 'react'
 import z from 'zod'
 
@@ -11,6 +11,7 @@ import {
   QUESTION_CONFIG,
 } from '@/features/attachment'
 import { useAuth } from '@/features/auth'
+import { usePersonalityFlow } from '@/features/profile/lib/personality-flow'
 import { wrapWithTracking } from '@/shared/analytics'
 import { BUTTON_NAMES, CATEGORIES } from '@/shared/analytics/constants'
 import { Screen } from '@/shared/layout/screen'
@@ -19,6 +20,8 @@ import { DetailHeaderBar } from '@/shared/ui/header-bar'
 
 const searchSchema = z.object({
   from: z.string().optional(),
+  flow: z.enum(['my-personality', 'partner-personality', 'full-flow']).optional(),
+  chatId: z.number().optional(),
 })
 
 export const Route = createFileRoute('/attachment-test/question/')({
@@ -28,8 +31,9 @@ export const Route = createFileRoute('/attachment-test/question/')({
 
 function AttachmentTestQuestionPage() {
   const [isGuideOpen, setIsGuideOpen] = useState(true)
-  const { from } = useSearch({ from: Route.id })
   const { userInfo } = useAuth()
+  const { from, flow, next } = usePersonalityFlow()
+
   const {
     loading,
     error,
@@ -43,7 +47,7 @@ function AttachmentTestQuestionPage() {
     handleNext,
     handleSelectAnswer,
     setQuestionRef,
-  } = useAttachmentQuestions({ from })
+  } = useAttachmentQuestions({ from, onComplete: flow ? () => next() : undefined })
 
   // 트래킹이 적용된 핸들러들
   const handleGoBackWithTracking = wrapWithTracking(BUTTON_NAMES.BACK_TEST, CATEGORIES.ATTACHMENT, handleGoBack)
@@ -56,7 +60,6 @@ function AttachmentTestQuestionPage() {
 
   const handleSelectAnswerWithTracking = wrapWithTracking(
     (_questionId: number, score: number) => {
-      // 선택한 옵션 번호에 따른 버튼 이름 결정 (1-5)
       const buttonNameMap = {
         1: BUTTON_NAMES.SELECT_OPTION_1,
         2: BUTTON_NAMES.SELECT_OPTION_2,
@@ -75,7 +78,6 @@ function AttachmentTestQuestionPage() {
     setIsGuideOpen(false)
   )
 
-  // 로딩 페이지 렌더링
   if (isSubmitting) {
     return <SubmissionLoading nickname={userInfo.nickname || '사용자'} />
   }
diff --git a/apps/react/src/app/attachment-test/result/my/page.tsx b/apps/react/src/app/attachment-test/result/my/page.tsx
index 1c229ddf..53fe4543 100644
--- a/apps/react/src/app/attachment-test/result/my/page.tsx
+++ b/apps/react/src/app/attachment-test/result/my/page.tsx
@@ -1,14 +1,16 @@
 import { createFileRoute, redirect } from '@tanstack/react-router'
-import z from 'zod'
+import { z } from 'zod'
 
 import { AttachmentResultContent } from '@/features/attachment/ui/result/attachment-result-content'
 import { useAuth } from '@/features/auth'
 
 const searchSchema = z.object({
   from: z.string().optional(),
+  flow: z.enum(['my-personality', 'partner-personality', 'full-flow']).optional(),
 })
 
 export const Route = createFileRoute('/attachment-test/result/my/')({
+  validateSearch: searchSchema,
   beforeLoad: async ({ context }) => {
     // 인증되지 않은 경우 로그인 페이지로 리다이렉트
     if (!context.auth?.authenticated) {
@@ -18,13 +20,12 @@ export const Route = createFileRoute('/attachment-test/result/my/')({
     }
   },
   component: MyAttachmentResultPage,
-  validateSearch: searchSchema,
 })
 
 function MyAttachmentResultPage() {
   const { userInfo } = useAuth()
   const { from } = Route.useSearch()
-  const isFromChat = from === '/chat'
+  const fromProp = from === 'my-result-preview' ? 'my-result-preview' : from === 'my-page' ? 'my-page' : 'home'
 
-  return <AttachmentResultContent userInfo={userInfo} type="my" isFromChat={isFromChat} />
+  return <AttachmentResultContent userInfo={userInfo} type="my" from={fromProp} />
 }
diff --git a/apps/react/src/app/attachment-test/result/partner/page.tsx b/apps/react/src/app/attachment-test/result/partner/page.tsx
index 21b4c222..e81be9bc 100644
--- a/apps/react/src/app/attachment-test/result/partner/page.tsx
+++ b/apps/react/src/app/attachment-test/result/partner/page.tsx
@@ -1,9 +1,15 @@
 import { createFileRoute, redirect } from '@tanstack/react-router'
+import { z } from 'zod'
 
 import { AttachmentResultContent } from '@/features/attachment/ui/result/attachment-result-content'
-import { usePartnerInfo } from '@/features/member'
+import { useAuth } from '@/features/auth'
+
+const searchSchema = z.object({
+  from: z.string().optional(),
+})
 
 export const Route = createFileRoute('/attachment-test/result/partner/')({
+  validateSearch: searchSchema,
   beforeLoad: async ({ context }) => {
     // 인증되지 않은 경우 로그인 페이지로 리다이렉트
     if (!context.auth?.authenticated) {
@@ -16,7 +22,15 @@ export const Route = createFileRoute('/attachment-test/result/partner/')({
 })
 
 function PartnerAttachmentResultPage() {
-  const { data: partnerInfo } = usePartnerInfo()
+  const { userInfo } = useAuth()
+  const { from } = Route.useSearch()
+  const fromProp =
+    from === 'partner-result-preview' ? 'partner-result-preview' : from === 'my-page' ? 'my-page' : undefined
+
+  const partnerData = {
+    loveTypeCategory: userInfo.partnerLoveTypeCategory,
+    personalityType: userInfo.otherPersonalityType,
+  }
 
-  return <AttachmentResultContent userInfo={partnerInfo} type="partner" />
+  return <AttachmentResultContent userInfo={partnerData} type="partner" from={fromProp} />
 }
diff --git a/apps/react/src/app/chat/result/page.tsx b/apps/react/src/app/chat/result/page.tsx
index b9d81a95..5ca4f2d0 100644
--- a/apps/react/src/app/chat/result/page.tsx
+++ b/apps/react/src/app/chat/result/page.tsx
@@ -35,7 +35,6 @@ function RouteComponent() {
   const navigate = useNavigate()
   const goBack = useGoBack()
   const queryClient = useQueryClient()
-
   useEffect(() => {
     setStatusColor('#FDEDF0')
 
diff --git a/apps/react/src/app/mbti/page.tsx b/apps/react/src/app/mbti/page.tsx
index ea45957b..94eb08cb 100644
--- a/apps/react/src/app/mbti/page.tsx
+++ b/apps/react/src/app/mbti/page.tsx
@@ -1,9 +1,9 @@
-import { createFileRoute, useNavigate, useSearch } from '@tanstack/react-router'
+import { createFileRoute } from '@tanstack/react-router'
 
 import { useAuth } from '@/features/auth'
 import { MbtiForm } from '@/features/onboarding/ui/mbti-form'
 import { useMemberUpdateMutation } from '@/features/profile'
-import { personalityFlowSearchSchema } from '@/features/profile/lib/personality-flow'
+import { personalityFlowSearchSchema, usePersonalityFlow } from '@/features/profile/lib/personality-flow'
 import { wrapWithTracking } from '@/shared/analytics'
 import { BUTTON_NAMES, CATEGORIES } from '@/shared/analytics/constants'
 import { useGoBack } from '@/shared/navigation/use-go-back'
@@ -17,25 +17,18 @@ export const Route = createFileRoute('/mbti/')({
 })
 
 function MbtiEditPage() {
-  const navigate = useNavigate()
   const goBack = useGoBack()
   const { userInfo } = useAuth()
-  const { flow, chatId } = useSearch({ from: Route.id })
+  const { flow, next } = usePersonalityFlow()
 
   const updateMutation = useMemberUpdateMutation({
     onSuccess: () => {
-      if (flow === 'my-personality') {
-        navigate({ to: '/my-attachment-select', search: { flow } })
+      if (!flow) {
+        toast.success('내 성향이 변경되었어요!')
+        goBack()
         return
       }
-
-      if (flow === 'chat-entry') {
-        navigate({ to: '/my-attachment-select', search: { flow, chatId } })
-        return
-      }
-
-      toast.success('내 성향이 변경되었어요!')
-      goBack()
+      next()
     },
     errorMessage: '내 성향 변경 중 오류가 발생했습니다',
   })
@@ -53,7 +46,7 @@ function MbtiEditPage() {
   return (
     <MbtiForm
       headerTitle={isFlowMode ? undefined : '내 성향'}
-      navCenter={getChatEntryProgressBar(flow === 'chat-entry', 1)}
+      navCenter={getChatEntryProgressBar(flow === 'full-flow', 1)}
       contentTopSlot={getPersonalityStepDots(flow === 'my-personality', 1)}
       title={
         <>
diff --git a/apps/react/src/app/my-attachment-select/page.tsx b/apps/react/src/app/my-attachment-select/page.tsx
new file mode 100644
index 00000000..7b478de7
--- /dev/null
+++ b/apps/react/src/app/my-attachment-select/page.tsx
@@ -0,0 +1,94 @@
+import { createFileRoute, useNavigate } from '@tanstack/react-router'
+import { useState } from 'react'
+
+import { ATTACHMENT_OPTIONS } from '@/features/attachment'
+import { useAuth } from '@/features/auth'
+import { TitleSection } from '@/features/onboarding/ui/title-section'
+import { useMemberUpdateMutation } from '@/features/profile'
+import { personalityFlowSearchSchema, usePersonalityFlow } from '@/features/profile/lib/personality-flow'
+import { Screen } from '@/shared/layout/screen'
+import { Button } from '@/shared/ui'
+import { FixedBottom } from '@/shared/ui/fixed-bottom'
+import { getChatEntryProgressBar } from '@/shared/ui/flow-progress-bar'
+import { getPersonalityStepDots } from '@/shared/ui/flow-step-dots'
+import { DetailHeaderBar } from '@/shared/ui/header-bar'
+import { KeyMessageBanner } from '@/shared/ui/key-message-banner'
+import { SelectableButton } from '@/shared/ui/selectable-button'
+import { toast } from '@/shared/ui/toast'
+
+import type { MemberDataLoveTypeCategoryEnum } from '@data/user-api-axios/api'
+
+export const Route = createFileRoute('/my-attachment-select/')({
+  validateSearch: personalityFlowSearchSchema,
+  component: MyAttachmentSelectPage,
+})
+
+function MyAttachmentSelectPage() {
+  const navigate = useNavigate()
+  const { userInfo } = useAuth()
+  const { flow, from, next } = usePersonalityFlow()
+  const [selectedType, setSelectedType] = useState<MemberDataLoveTypeCategoryEnum | null>(
+    userInfo?.loveTypeCategory ?? null
+  )
+
+  const updateMutation = useMemberUpdateMutation({
+    onSuccess: () => {
+      if (from === 'profile') toast.success('내 성향이 변경되었어요!')
+      next()
+    },
+    errorMessage: '저장 중 오류가 발생했습니다',
+  })
+
+  const handleConfirm = () => {
+    if (!selectedType || updateMutation.isPending) return
+    updateMutation.mutate({ loveTypeCategory: selectedType })
+  }
+
+  const handleDontKnow = () => {
+    navigate({ to: '/attachment-test', search: { flow, from } })
+  }
+
+  return (
+    <Screen>
+      <Screen.Header behavior="overlay">
+        <DetailHeaderBar center={getChatEntryProgressBar(flow === 'full-flow', 2)} />
+      </Screen.Header>
+
+      <Screen.Content className="flex flex-1 flex-col bg-white">
+        {getPersonalityStepDots(flow === 'my-personality', 2)}
+        <TitleSection
+          title={
+            <>
+              나의 애착유형을
+              <br />
+              선택해주세요
+            </>
+          }
+        />
+        <div className="mt-4 px-5">
+          <KeyMessageBanner title="내 애착유형을 모른다면? 테스트 GO" onClick={handleDontKnow} />
+        </div>
+
+        <div className="mt-10 flex flex-col gap-3 px-5">
+          <div className="mt-3 flex flex-col gap-3">
+            {ATTACHMENT_OPTIONS.map((option) => (
+              <SelectableButton
+                key={option.value}
+                selected={selectedType === option.value}
+                onClick={() => setSelectedType(option.value)}
+                disabled={updateMutation.isPending}
+                className="w-full text-left"
+              >
+                {option.label}
+              </SelectableButton>
+            ))}
+          </div>
+        </div>
+
+        <FixedBottom>
+          <Button text="프로필 완성!" onClick={handleConfirm} disabled={!selectedType || updateMutation.isPending} />
+        </FixedBottom>
+      </Screen.Content>
+    </Screen>
+  )
+}
diff --git a/apps/react/src/app/my-page/profile/page.tsx b/apps/react/src/app/my-page/profile/page.tsx
index 02bd9854..cea2928b 100644
--- a/apps/react/src/app/my-page/profile/page.tsx
+++ b/apps/react/src/app/my-page/profile/page.tsx
@@ -1,5 +1,6 @@
 import { createFileRoute, useNavigate } from '@tanstack/react-router'
 
+import { getAttachmentType } from '@/features/attachment'
 import { useAuth } from '@/features/auth'
 import { wrapWithTracking } from '@/shared/analytics'
 import { BUTTON_NAMES, CATEGORIES } from '@/shared/analytics/constants'
@@ -18,9 +19,15 @@ function ProfileManagementPage() {
 
   const myMbti = userInfo.personalityType?.toUpperCase()
   const partnerMbti = userInfo.otherPersonalityType?.toUpperCase()
+  const myAttachmentSubtype = getAttachmentType(userInfo.loveTypeCategory)?.subtype
+  const partnerAttachmentSubtype = getAttachmentType(userInfo.partnerLoveTypeCategory)?.subtype
+  const myBadgeText = myAttachmentSubtype ? `${myMbti ? myMbti + ' ' : ''}${myAttachmentSubtype}` : undefined
+  const partnerBadgeText = partnerAttachmentSubtype
+    ? `${partnerMbti ? partnerMbti + ' ' : ''}${partnerAttachmentSubtype}`
+    : undefined
 
   return (
-      <Screen>
+    <Screen>
       <Screen.Header behavior="overlay">
         <DetailHeaderBar title="프로필 관리" />
       </Screen.Header>
@@ -35,16 +42,26 @@ function ProfileManagementPage() {
           />
           <ProfileRow
             label="내 성향"
-            badge={myMbti ? { text: myMbti, variant: 'completed' } : { text: '미입력', variant: 'default' }}
+            badge={myBadgeText ? { text: myBadgeText, variant: 'completed' } : undefined}
             onClick={wrapWithTracking(BUTTON_NAMES.OPEN_PROFILE_MBTI, CATEGORIES.PROFILE, () =>
-              navigate({ to: '/mbti' })
+              navigate({
+                to: '/mbti',
+                search: { flow: 'my-personality', from: userInfo.loveTypeCategory ? 'profile' : 'profile-result' },
+              })
             )}
           />
+
           <ProfileRow
             label="상대 성향"
-            badge={partnerMbti ? { text: partnerMbti, variant: 'rasberry' } : { text: '미입력', variant: 'default' }}
+            badge={partnerBadgeText ? { text: partnerBadgeText, variant: 'rasberry' } : null}
             onClick={wrapWithTracking(BUTTON_NAMES.OPEN_PROFILE_PARTNER_MBTI, CATEGORIES.PROFILE, () =>
-              navigate({ to: '/partner-mbti' })
+              navigate({
+                to: '/partner-mbti',
+                search: {
+                  flow: 'partner-personality',
+                  from: userInfo.partnerLoveTypeCategory ? 'profile' : 'profile-result',
+                },
+              })
             )}
           />
         </div>
@@ -55,13 +72,12 @@ function ProfileManagementPage() {
 
 function ProfileRow({
   label,
-  value,
   badge,
   onClick,
 }: {
   label: string
   value?: string
-  badge?: { text: string; variant: 'default' | 'completed' | 'rasberry' }
+  badge?: { text: string; variant: 'default' | 'completed' | 'rasberry' } | null
   onClick: () => void
 }) {
   return (
@@ -70,9 +86,8 @@ function ProfileRow({
       onClick={onClick}
       className="flex w-full items-center justify-between border-b border-gray-iron-100 py-6 text-left"
     >
-      <span className="body1-semibold text-gray-iron-950">{label}</span>
+      <span className="body1-medium text-gray-iron-950">{label}</span>
       <div className={cn('flex items-center gap-2')}>
-        {value && <span className="body3-medium text-gray-iron-500">{value}</span>}
         {badge && <Badge variant={badge.variant}>{badge.text}</Badge>}
       </div>
     </button>
diff --git a/apps/react/src/app/my-result-preview/page.tsx b/apps/react/src/app/my-result-preview/page.tsx
new file mode 100644
index 00000000..b9e0ff7c
--- /dev/null
+++ b/apps/react/src/app/my-result-preview/page.tsx
@@ -0,0 +1,70 @@
+import { createFileRoute, useNavigate } from '@tanstack/react-router'
+import { LucideCheck, LucideChevronRight } from 'lucide-react'
+
+import { getAttachmentType } from '@/features/attachment'
+import { useAuth } from '@/features/auth'
+import { personalityFlowSearchSchema, usePersonalityFlow } from '@/features/profile/lib/personality-flow'
+import { Screen } from '@/shared/layout/screen'
+import { Button } from '@/shared/ui'
+import { FixedBottom } from '@/shared/ui/fixed-bottom'
+import { FlowProgressBar } from '@/shared/ui/flow-progress-bar'
+import { DetailHeaderBar } from '@/shared/ui/header-bar'
+
+export const Route = createFileRoute('/my-result-preview/')({
+  validateSearch: personalityFlowSearchSchema,
+  component: MyResultPreviewPage,
+})
+
+function MyResultPreviewPage() {
+  const navigate = useNavigate()
+  const { userInfo } = useAuth()
+  const { flow, next } = usePersonalityFlow()
+
+  const attachmentData = getAttachmentType(userInfo.loveTypeCategory)
+
+  const handleViewResult = () => {
+    navigate({ to: '/attachment-test/result/my', search: { from: 'my-result-preview', flow }, replace: true })
+  }
+
+  return (
+    <Screen>
+      <Screen.Header behavior="overlay">
+        <DetailHeaderBar center={<FlowProgressBar step={3} total={5} highlightSteps={[3, 5]} />} />
+      </Screen.Header>
+
+      <Screen.Content className="flex flex-1 flex-col bg-white">
+        <div className="flex flex-1 flex-col items-center justify-center px-5">
+          {/* Checkmark circle */}
+          <div className="flex h-8 w-8 items-center justify-center rounded-full bg-gradient-to-b from-malmo-rasberry-500 to-[#F78EA2]">
+            <LucideCheck className="h-[22px] w-[22px] text-white" strokeWidth={2.5} />
+          </div>
+
+          <h1 className="heading1-bold mt-5 text-center text-gray-iron-950">내 성향 프로필을 완성했어요!</h1>
+          <p className="body2-medium mt-1 text-center text-gray-iron-500">연인의 프로필도 완성하러 가볼까요?</p>
+
+          {/* Result card */}
+          {attachmentData && (
+            <div className="mt-[60px] w-full rounded-2xl border border-gray-neutral-200 px-[22px] py-6">
+              <p className="heading2-bold text-malmo-orange-500">{userInfo.nickname}님은</p>
+              <h2 className="title1-bold mt-2 text-gray-iron-950">
+                {userInfo.personalityType} {attachmentData.subtype}
+              </h2>
+              <p className="body3-medium mt-1 line-clamp-2 text-gray-iron-500">{attachmentData.previewDescription}</p>
+              <button
+                onClick={handleViewResult}
+                className="body3-semibold mt-8 flex items-center gap-1 rounded-[8px] bg-gray-neutral-200 px-[18px] py-2 text-gray-iron-800"
+              >
+                내 결과 보러가기
+                <LucideChevronRight className="h-4 w-4" />
+              </button>
+            </div>
+          )}
+        </div>
+
+        <FixedBottom className="mt-0">
+          <Button text="계속하기" onClick={next} />
+        </FixedBottom>
+      </Screen.Content>
+    </Screen>
+  )
+}
diff --git a/apps/react/src/app/onboarding/complete/page.tsx b/apps/react/src/app/onboarding/complete/page.tsx
deleted file mode 100644
index baf9420b..00000000
--- a/apps/react/src/app/onboarding/complete/page.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-// @deprecated 온보딩 플로우에서 제거됨. 사용하지 않을 시 삭제
-import { createFileRoute } from '@tanstack/react-router'
-import { useState } from 'react'
-
-import onboardingEndImage from '@/assets/images/onboarding-end.png'
-import { useOnboarding } from '@/features/onboarding/contexts/onboarding-context'
-import { useOnboardingNavigation } from '@/features/onboarding/hooks/use-onboarding-navigation'
-import { wrapWithTracking } from '@/shared/analytics'
-import { BUTTON_NAMES, CATEGORIES } from '@/shared/analytics/constants'
-import { Button } from '@/shared/ui'
-
-export const Route = createFileRoute('/onboarding/complete/')({
-  component: ConnectCompletePage,
-})
-
-function ConnectCompletePage() {
-  const { goToHome } = useOnboardingNavigation()
-  const { data, completeOnboarding, isOnboardingCompleted } = useOnboarding()
-  const [isSubmitting, setIsSubmitting] = useState(false)
-
-  // 연애 상태에 따른 동적 메시지
-  const getCompletionMessage = () => {
-    if (data.relationshipStatus === 'IN_RELATIONSHIP' || data.relationshipStatus === 'SEEING_SOMEONE') {
-      return {
-        title: '커플 연결이 완료되었어요!',
-        description: '이제 말모를 사용하러 가볼까요?',
-      }
-    }
-    return {
-      title: '가입이 완료되었어요!',
-      description: '말모와 함께 연애 상담을 시작해볼까요?',
-    }
-  }
-
-  const message = getCompletionMessage()
-
-  const handleNext = wrapWithTracking(BUTTON_NAMES.START_SERVICE, CATEGORIES.ONBOARDING, async () => {
-    if (isSubmitting) return
-
-    setIsSubmitting(true)
-    try {
-      if (!isOnboardingCompleted) {
-        const success = await completeOnboarding()
-        if (!success) return
-      }
-
-      await goToHome()
-    } finally {
-      setIsSubmitting(false)
-    }
-  })
-
-  return (
-    <div className="flex h-full w-full flex-col bg-white">
-      {/* 컨텐츠 */}
-      <div className="flex flex-1 -translate-y-[80px] flex-col items-center justify-center">
-        {/* 이미지 */}
-        <img src={onboardingEndImage} alt="온보딩 완료" className="h-[236px] w-[320px] object-contain" />
-
-        {/* 텍스트 영역 */}
-        <div className="mt-[24px] flex flex-col items-center">
-          <h1 className="title2-bold text-gray-iron-950">{message.title}</h1>
-          <p className="body2-medium mt-[4px] text-gray-iron-400">{message.description}</p>
-        </div>
-      </div>
-
-      {/* 다음 버튼 */}
-      <div className="mt-auto mb-5 px-5 pb-[var(--safe-bottom)]">
-        <Button text="시작하기" onClick={handleNext} disabled={isSubmitting} />
-      </div>
-    </div>
-  )
-}
diff --git a/apps/react/src/app/onboarding/mbti/page.tsx b/apps/react/src/app/onboarding/mbti/page.tsx
deleted file mode 100644
index ea6eb7c1..00000000
--- a/apps/react/src/app/onboarding/mbti/page.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-// @deprecated 온보딩 플로우에서 제거됨. 사용하지 않을 시 삭제
-import { createFileRoute } from '@tanstack/react-router'
-
-import { useOnboarding } from '@/features/onboarding/contexts/onboarding-context'
-import { useOnboardingNavigation } from '@/features/onboarding/hooks/use-onboarding-navigation'
-import { MbtiForm } from '@/features/onboarding/ui/mbti-form'
-import { wrapWithTracking } from '@/shared/analytics'
-import { BUTTON_NAMES, CATEGORIES } from '@/shared/analytics/constants'
-
-export const Route = createFileRoute('/onboarding/mbti/')({
-  component: MbtiPage,
-})
-
-function MbtiPage() {
-  const { goToNextStep, goToPreviousStep } = useOnboardingNavigation()
-  const { data, updatePersonalityType } = useOnboarding()
-
-  const handleNext = wrapWithTracking(BUTTON_NAMES.NEXT_MBTI, CATEGORIES.ONBOARDING, (mbti: string) => {
-    updatePersonalityType(mbti)
-    goToNextStep()
-  })
-
-  const handleBack = wrapWithTracking(BUTTON_NAMES.BACK_MBTI, CATEGORIES.ONBOARDING, (mbti: string | null) => {
-    if (mbti) {
-      updatePersonalityType(mbti)
-    }
-    goToPreviousStep()
-  })
-
-  return (
-    <MbtiForm
-      title={
-        <>
-          나의 MBTI 성향은
-          <br />
-          무엇인가요?
-        </>
-      }
-      initialValue={data.personalityType}
-      submitText="다음"
-      onSubmit={handleNext}
-      onBack={handleBack}
-    />
-  )
-}
diff --git a/apps/react/src/app/onboarding/partner-mbti/page.tsx b/apps/react/src/app/onboarding/partner-mbti/page.tsx
deleted file mode 100644
index f3f11b58..00000000
--- a/apps/react/src/app/onboarding/partner-mbti/page.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-// @deprecated 온보딩 플로우에서 제거됨. 사용하지 않을 시 삭제
-import { createFileRoute } from '@tanstack/react-router'
-
-import { useOnboarding } from '@/features/onboarding/contexts/onboarding-context'
-import { useOnboardingNavigation } from '@/features/onboarding/hooks/use-onboarding-navigation'
-import { MbtiForm } from '@/features/onboarding/ui/mbti-form'
-import { wrapWithTracking } from '@/shared/analytics'
-import { BUTTON_NAMES, CATEGORIES } from '@/shared/analytics/constants'
-
-export const Route = createFileRoute('/onboarding/partner-mbti/')({
-  component: PartnerMbtiPage,
-})
-
-function PartnerMbtiPage() {
-  const { goToNextStep, goToPreviousStep } = useOnboardingNavigation()
-  const { data, updateOtherPersonalityType } = useOnboarding()
-
-  const handleNext = wrapWithTracking(BUTTON_NAMES.NEXT_PARTNER_MBTI, CATEGORIES.ONBOARDING, (mbti: string) => {
-    updateOtherPersonalityType(mbti)
-    goToNextStep()
-  })
-
-  const handleBack = wrapWithTracking(BUTTON_NAMES.BACK_PARTNER_MBTI, CATEGORIES.ONBOARDING, (mbti: string | null) => {
-    if (mbti) {
-      updateOtherPersonalityType(mbti)
-    }
-    goToPreviousStep()
-  })
-
-  return (
-    <MbtiForm
-      title={
-        <>
-          상대방 MBTI 성향은
-          <br />
-          무엇인가요?
-        </>
-      }
-      initialValue={data.otherPersonalityType}
-      submitText="다음"
-      onSubmit={handleNext}
-      onBack={handleBack}
-    />
-  )
-}
diff --git a/apps/react/src/app/onboarding/relationship-status/page.tsx b/apps/react/src/app/onboarding/relationship-status/page.tsx
index 7b1ba669..aa986d5b 100644
--- a/apps/react/src/app/onboarding/relationship-status/page.tsx
+++ b/apps/react/src/app/onboarding/relationship-status/page.tsx
@@ -55,7 +55,7 @@ function RelationshipStatusPage() {
       description="이후에 관계 정보가 바뀌면 변경할 수 있어요"
       options={RELATIONSHIP_OPTIONS}
       initialValue={data.relationshipStatus}
-      submitText="다음"
+      submitText="시작하기"
       onSubmit={handleNext}
       onBack={handleBack}
     />
diff --git a/apps/react/src/app/page.tsx b/apps/react/src/app/page.tsx
index 236a1897..7a335cbb 100644
--- a/apps/react/src/app/page.tsx
+++ b/apps/react/src/app/page.tsx
@@ -6,10 +6,13 @@ import { useAuth } from '@/features/auth'
 import { ChatEntryCard } from '@/features/chat/ui/chat-entry-card'
 import { useChatHistoryQuery } from '@/features/history/hooks/use-chat-history-query'
 import { RecentChatSection } from '@/features/history/ui/recent-chat-section'
-import { usePartnerInfo } from '@/features/member'
 import { useAppNotifications } from '@/features/notification'
+import { getMissingPersonalityFlow } from '@/features/profile/lib/personality-flow'
 import { Screen } from '@/shared/layout/screen'
 import { BottomNavigation } from '@/shared/ui/bottom-navigation'
+import { BellNotificationIcon, KeyMessageBanner } from '@/shared/ui/key-message-banner'
+
+import type { MemberDataLoveTypeCategoryEnum } from '@data/user-api-axios/api'
 
 export const Route = createFileRoute('/')({
   component: HomePage,
@@ -21,18 +24,26 @@ function HomePage() {
 
   useAppNotifications()
 
-  const { data: partnerInfo } = usePartnerInfo()
-
   const { data: historyData } = useChatHistoryQuery({})
   const histories = historyData?.pages.flatMap((page) => page?.list ?? []) ?? []
   const totalHistoryCount = historyData?.pages[0]?.totalCount ?? histories.length
 
   // 애착유형 데이터
   const myAttachmentData = getAttachmentType(userInfo.loveTypeCategory)
-  const partnerAttachmentData = partnerInfo?.loveTypeCategory ? getAttachmentType(partnerInfo.loveTypeCategory) : null
+  const partnerAttachmentData =
+    userInfo.partnerLoveTypeCategory && userInfo.partnerLoveTypeCategory !== 'UNKNOWN'
+      ? getAttachmentType(userInfo.partnerLoveTypeCategory as MemberDataLoveTypeCategoryEnum)
+      : null
   const myAttachmentType = myAttachmentData?.subtype
   const partnerAttachmentType = partnerAttachmentData?.subtype
 
+  // 배너 - 미완성 성향 카드 수
+  const missingPersonalityCount = (!userInfo.loveTypeCategory ? 1 : 0) + (!userInfo.partnerLoveTypeCategory ? 1 : 0)
+
+  const handleBannerClick = () => {
+    navigate({ to: '/personality-flow-loading', search: { flow: getMissingPersonalityFlow(userInfo) } })
+  }
+
   // 내 성향카드 클릭
   const handleMyCardClick = () => {
     const myComplete = !!userInfo.personalityType && !!userInfo.loveTypeCategory
@@ -49,8 +60,8 @@ function HomePage() {
 
   // 상대 성향카드 클릭
   const handlePartnerCardClick = () => {
-    // 상대 애착유형 저장 필드가 없으므로 otherPersonalityType으로 완료 여부 판단 (TODO: BE 필드 추가 후 개선)
-    const partnerComplete = !!userInfo.otherPersonalityType && !!partnerAttachmentData
+    const partnerComplete =
+      !!userInfo.partnerLoveTypeCategory && userInfo.partnerLoveTypeCategory !== 'UNKNOWN' && !!partnerAttachmentData
     if (partnerComplete) {
       navigate({ to: '/attachment-test/result/partner' })
       return
@@ -73,6 +84,19 @@ function HomePage() {
       <Screen.Content className="no-bounce-scroll has-bottom-nav flex-1 bg-white px-5">
         <ChatEntryCard />
 
+        {missingPersonalityCount > 0 && (
+          <KeyMessageBanner
+            icon={<BellNotificationIcon />}
+            subtitle={
+              <span className="body4-medium text-gray-iron-800">
+                아직 채우지 않은 성향 카드 <span className="text-malmo-rasberry-500">{missingPersonalityCount}건</span>
+              </span>
+            }
+            title="완성하러 가기"
+            onClick={handleBannerClick}
+          />
+        )}
+
         <RecentChatSection histories={histories} totalHistoryCount={totalHistoryCount} />
 
         <AttachmentTypeCards
@@ -80,6 +104,8 @@ function HomePage() {
           partnerAttachmentData={partnerAttachmentData}
           myAttachmentType={myAttachmentType}
           partnerAttachmentType={partnerAttachmentType}
+          myMbti={userInfo.personalityType?.toUpperCase()}
+          partnerMbti={userInfo.otherPersonalityType?.toUpperCase()}
           onMyCardClick={handleMyCardClick}
           onPartnerCardClick={handlePartnerCardClick}
         />
diff --git a/apps/react/src/app/partner-attachment-select/page.tsx b/apps/react/src/app/partner-attachment-select/page.tsx
new file mode 100644
index 00000000..c7c0be22
--- /dev/null
+++ b/apps/react/src/app/partner-attachment-select/page.tsx
@@ -0,0 +1,168 @@
+import { createFileRoute, useNavigate, useRouter } from '@tanstack/react-router'
+import { useState } from 'react'
+
+import { ATTACHMENT_OPTIONS } from '@/features/attachment'
+import { useAuth } from '@/features/auth'
+import { TitleSection } from '@/features/onboarding/ui/title-section'
+import { useUpdatePartnerProfileMutation } from '@/features/profile'
+import { personalityFlowSearchSchema, usePersonalityFlow } from '@/features/profile/lib/personality-flow'
+import { Screen } from '@/shared/layout/screen'
+import { Button } from '@/shared/ui'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from '@/shared/ui/alert-dialog'
+import { FixedBottom } from '@/shared/ui/fixed-bottom'
+import { getChatEntryProgressBar } from '@/shared/ui/flow-progress-bar'
+import { getPersonalityStepDots } from '@/shared/ui/flow-step-dots'
+import { DetailHeaderBar } from '@/shared/ui/header-bar'
+import { SelectableButton } from '@/shared/ui/selectable-button'
+import { toast } from '@/shared/ui/toast'
+
+import type { MemberDataLoveTypeCategoryEnum } from '@data/user-api-axios/api'
+
+export const Route = createFileRoute('/partner-attachment-select/')({
+  validateSearch: personalityFlowSearchSchema,
+  component: PartnerAttachmentSelectPage,
+})
+
+function PartnerAttachmentSelectPage() {
+  const { userInfo } = useAuth()
+  const { flow, from, next } = usePersonalityFlow()
+  const navigate = useNavigate()
+  const router = useRouter()
+  const [selectedType, setSelectedType] = useState<MemberDataLoveTypeCategoryEnum | null>(
+    ATTACHMENT_OPTIONS.find((o) => o.value === userInfo?.partnerLoveTypeCategory)?.value ?? null
+  )
+  const [isDontKnow, setIsDontKnow] = useState(userInfo?.partnerLoveTypeCategory === 'UNKNOWN')
+  const [showDontKnowModal, setShowDontKnowModal] = useState(false)
+
+  const partnerMutation = useUpdatePartnerProfileMutation({ errorMessage: '저장 중 오류가 발생했습니다' })
+
+  const handleConfirm = () => {
+    if ((!selectedType && !isDontKnow) || partnerMutation.isPending) return
+    if (isDontKnow) {
+      setShowDontKnowModal(true)
+      return
+    }
+    partnerMutation.mutate(
+      {
+        loveTypeCategory: selectedType!,
+      },
+      {
+        onSuccess: () => {
+          if (from === 'profile') toast.success('상대 성향이 변경되었어요!')
+          next()
+        },
+      }
+    )
+  }
+
+  const handleDontKnow = () => {
+    if (partnerMutation.isPending) return
+    setSelectedType(null)
+    setIsDontKnow(true)
+  }
+
+  const handleDontKnowConfirm = () => {
+    partnerMutation.mutate(
+      { loveTypeCategory: 'UNKNOWN' },
+      {
+        onSuccess: () => {
+          if (flow === 'full-flow') {
+            navigate({ to: '/partner-result-preview', search: { flow }, replace: true })
+          } else if (from === 'profile') {
+            toast.success('상대 성향이 변경되었어요!')
+            next()
+          } else if (from === 'profile-result') {
+            toast.success('상대 성향이 설정되었어요!')
+            router.history.go(-2)
+          } else {
+            navigate({ to: '/', replace: true })
+          }
+        },
+      }
+    )
+  }
+
+  return (
+    <Screen>
+      <Screen.Header behavior="overlay">
+        <DetailHeaderBar center={getChatEntryProgressBar(flow === 'full-flow', 4)} />
+      </Screen.Header>
+
+      <Screen.Content className="flex flex-1 flex-col bg-white">
+        {getPersonalityStepDots(flow === 'partner-personality', 2)}
+        <TitleSection
+          title={
+            <>
+              상대의 애착유형을
+              <br />
+              선택해주세요
+            </>
+          }
+        />
+
+        <div className="mt-[68px] flex flex-col gap-3 px-5">
+          {ATTACHMENT_OPTIONS.map((option) => (
+            <SelectableButton
+              key={option.value}
+              selected={selectedType === option.value}
+              onClick={() => {
+                setSelectedType(option.value)
+                setIsDontKnow(false)
+              }}
+              disabled={partnerMutation.isPending}
+              className="w-full text-left"
+            >
+              {option.label}
+            </SelectableButton>
+          ))}
+
+          <SelectableButton
+            onClick={handleDontKnow}
+            disabled={partnerMutation.isPending}
+            className="w-full text-left"
+            selected={isDontKnow}
+          >
+            상대의 애착유형을 모르겠어요
+          </SelectableButton>
+        </div>
+
+        <FixedBottom>
+          <Button
+            text="프로필 완성!"
+            onClick={handleConfirm}
+            disabled={(!selectedType && !isDontKnow) || partnerMutation.isPending}
+          />
+        </FixedBottom>
+      </Screen.Content>
+
+      <AlertDialog open={showDontKnowModal} onOpenChange={setShowDontKnowModal}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>앗! 상대 정보는 AI가 추측할게요</AlertDialogTitle>
+            <AlertDialogDescription>
+              상담에서 상대 정보를 자세히 입력할수록
+              <br />
+              정확한 추측이 가능해요
+              <br />
+              <br />
+              *성향 결과지는 상담 1회 진행 후 보여드려요
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>돌아가기</AlertDialogCancel>
+            <AlertDialogAction onClick={handleDontKnowConfirm}>완료하기</AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </Screen>
+  )
+}
diff --git a/apps/react/src/app/partner-mbti/page.tsx b/apps/react/src/app/partner-mbti/page.tsx
index 78ea1680..b1667922 100644
--- a/apps/react/src/app/partner-mbti/page.tsx
+++ b/apps/react/src/app/partner-mbti/page.tsx
@@ -1,47 +1,36 @@
-// @deprecated 홈 화면 필수 입력 플로우에서 제거됨. 마이페이지 MBTI 수정 연동 여부 확인 후 삭제
-import { useMutation } from '@tanstack/react-query'
-import { createFileRoute, useNavigate, useSearch } from '@tanstack/react-router'
+import { createFileRoute } from '@tanstack/react-router'
 
 import { useAuth } from '@/features/auth'
 import { MbtiForm } from '@/features/onboarding/ui/mbti-form'
-import { requiredProfileFlowSearchSchema } from '@/features/profile/lib/required-profile-flow'
+import { useUpsertPartnerProfileMutation } from '@/features/profile'
+import { personalityFlowSearchSchema, usePersonalityFlow } from '@/features/profile/lib/personality-flow'
 import { wrapWithTracking } from '@/shared/analytics'
 import { BUTTON_NAMES, CATEGORIES } from '@/shared/analytics/constants'
 import { useGoBack } from '@/shared/navigation/use-go-back'
-import memberService from '@/shared/services/member.service'
+import { getChatEntryProgressBar } from '@/shared/ui/flow-progress-bar'
+import { getPersonalityStepDots } from '@/shared/ui/flow-step-dots'
 import { toast } from '@/shared/ui/toast'
 
-import type { UpdateMemberRequestDto } from '@data/user-api-axios/api'
-
 export const Route = createFileRoute('/partner-mbti/')({
-  validateSearch: requiredProfileFlowSearchSchema,
+  validateSearch: personalityFlowSearchSchema,
   component: PartnerMbtiEditPage,
 })
 
 function PartnerMbtiEditPage() {
-  const navigate = useNavigate()
   const goBack = useGoBack()
-  const { userInfo, refreshUserInfo } = useAuth()
-  const { requiredProfileFlow } = useSearch({ from: Route.id })
-  const isRequiredProfileFlow = requiredProfileFlow === true
+  const { userInfo } = useAuth()
+  const { flow, next } = usePersonalityFlow()
 
-  const updateMutation = useMutation({
-    mutationFn: async (body: UpdateMemberRequestDto) => {
-      const { data } = await memberService.updateMember({ updateMemberRequestDto: body })
-      return data
-    },
-    onSuccess: async () => {
-      await refreshUserInfo()
-      if (isRequiredProfileFlow) {
-        navigate({ to: '/', replace: true })
+  const updateMutation = useUpsertPartnerProfileMutation({
+    onSuccess: () => {
+      if (!flow) {
+        toast.success('상대 성향이 변경되었어요!')
+        goBack()
         return
       }
-      toast.success('상대 성향이 변경되었어요!')
-      goBack()
-    },
-    onError: () => {
-      toast.error('상대 성향 변경 중 오류가 발생했습니다')
+      next()
     },
+    errorMessage: '상대 성향 변경 중 오류가 발생했습니다',
   })
 
   const trackSave = wrapWithTracking(BUTTON_NAMES.SAVE_PROFILE_PARTNER_MBTI, CATEGORIES.PROFILE)
@@ -49,29 +38,29 @@ function PartnerMbtiEditPage() {
   const handleSubmit = (mbti: string) => {
     if (updateMutation.isPending) return
     trackSave()
-    updateMutation.mutate({ otherPersonalityType: mbti })
+    updateMutation.mutate({ personalityType: mbti })
   }
 
-  const handleBack = isRequiredProfileFlow
-    ? () => navigate({ to: '/mbti', search: { requiredProfileFlow: true }, replace: true })
-    : undefined
+  const isFlowMode = !!flow
 
   return (
     <MbtiForm
-      headerTitle={isRequiredProfileFlow ? undefined : '상대 성향'}
+      headerTitle={isFlowMode ? undefined : '상대 성향'}
+      navCenter={getChatEntryProgressBar(flow === 'full-flow', 3)}
+      contentTopSlot={getPersonalityStepDots(flow === 'partner-personality', 1)}
       title={
         <>
-          상대방 MBTI 성향은
+          상대의 MBTI 성향은
           <br />
           무엇인가요?
         </>
       }
       initialValue={userInfo.otherPersonalityType}
-      submitText={isRequiredProfileFlow ? '시작하기' : '변경하기'}
-      requireChangeForSubmit={!isRequiredProfileFlow}
+      submitText={isFlowMode ? '다음' : '변경하기'}
+      requireChangeForSubmit={!isFlowMode}
       isSubmitting={updateMutation.isPending}
       onSubmit={handleSubmit}
-      onBack={handleBack}
+      onBack={undefined}
     />
   )
 }
diff --git a/apps/react/src/app/partner-result-preview/page.tsx b/apps/react/src/app/partner-result-preview/page.tsx
new file mode 100644
index 00000000..d4020306
--- /dev/null
+++ b/apps/react/src/app/partner-result-preview/page.tsx
@@ -0,0 +1,95 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query'
+import { createFileRoute, useNavigate } from '@tanstack/react-router'
+import { LucideCheck, LucideChevronRight } from 'lucide-react'
+
+import { getAttachmentType } from '@/features/attachment'
+import { useAuth } from '@/features/auth'
+import { personalityFlowSearchSchema } from '@/features/profile/lib/personality-flow'
+import { Screen } from '@/shared/layout/screen'
+import chatService from '@/shared/services/chat.service'
+import { Button } from '@/shared/ui'
+import { FixedBottom } from '@/shared/ui/fixed-bottom'
+import { FlowProgressBar } from '@/shared/ui/flow-progress-bar'
+import { DetailHeaderBar } from '@/shared/ui/header-bar'
+
+export const Route = createFileRoute('/partner-result-preview/')({
+  validateSearch: personalityFlowSearchSchema,
+  component: PartnerResultPreviewPage,
+})
+
+function PartnerResultPreviewPage() {
+  const navigate = useNavigate()
+  const queryClient = useQueryClient()
+  const { userInfo } = useAuth()
+  const { mutateAsync: createChatRoom, isPending } = useMutation(chatService.createChatRoomMutation())
+
+  const attachmentData = userInfo.partnerLoveTypeCategory ? getAttachmentType(userInfo.partnerLoveTypeCategory) : null
+
+  const handleViewResult = () => {
+    navigate({ to: '/attachment-test/result/partner', search: { from: 'partner-result-preview' }, replace: true })
+  }
+
+  const handleStartChat = async () => {
+    if (isPending) return
+
+    const created = await createChatRoom()
+    const createdId = created?.chatRoomId
+    if (createdId) {
+      queryClient.setQueryData(chatService.chatRoomStatusQuery().queryKey, {
+        chatRoomId: createdId,
+        createdAt: new Date().toISOString(),
+      })
+    }
+
+    // 현재 히스토리 엔트리 URL을 /로 변경 (라우터에 알리지 않고 브라우저 히스토리만 수정)
+    // 이렇게 하면 /chat 에서 back 시 / 로 돌아감 (플로우 단계들을 건너뜀)
+    window.history.replaceState(window.history.state, '', '/')
+    navigate({ to: '/chat' })
+  }
+
+  return (
+    <Screen>
+      <Screen.Header behavior="overlay">
+        <DetailHeaderBar center={<FlowProgressBar step={5} total={5} highlightSteps={[3, 5]} />} />
+      </Screen.Header>
+
+      <Screen.Content className="flex flex-1 flex-col bg-white">
+        <div className="flex flex-1 flex-col items-center justify-center px-5">
+          {/* Checkmark circle */}
+          <div
+            className="flex h-9 w-9 items-center justify-center rounded-full"
+            style={{ background: 'linear-gradient(180deg, rgba(236, 70, 101, 1), rgba(247, 142, 162, 1))' }}
+          >
+            <LucideCheck className="h-6 w-6 text-white" strokeWidth={2.5} />
+          </div>
+
+          <h1 className="heading1-bold mt-5 text-center text-gray-iron-950">상대의 프로필까지 모두 완성했어요!</h1>
+          <p className="body2-medium mt-1 text-center text-gray-iron-500">이제 상담하러 가볼까요?</p>
+
+          {/* Result card */}
+          {attachmentData && (
+            <div className="mt-[60px] w-full rounded-2xl border border-gray-neutral-200 px-[22px] py-6">
+              <p className="heading2-bold text-malmo-orange-500">상대는</p>
+              <h2 className="title1-bold mt-2 text-gray-iron-950">
+                {userInfo.otherPersonalityType} {attachmentData.subtype}
+              </h2>
+              <p className="body3-medium mt-1 line-clamp-2 text-gray-iron-500">{attachmentData.previewDescription}</p>
+              <button
+                onClick={handleViewResult}
+                className="body3-medium mt-8 flex items-center gap-1 rounded-[8px] bg-gray-neutral-200 px-[18px] py-2 text-gray-iron-800"
+              >
+                상대방 결과 보러가기
+                <LucideChevronRight className="h-4 w-4" />
+              </button>
+            </div>
+          )}
+        </div>
+
+        <FixedBottom className="mt-0 flex flex-col gap-3">
+          <Button text="상담하러 가기" onClick={handleStartChat} disabled={isPending} />
+          <Button text="돌아가기" type="ghost" onClick={() => navigate({ to: '/', replace: true })} />
+        </FixedBottom>
+      </Screen.Content>
+    </Screen>
+  )
+}
diff --git a/apps/react/src/app/personality-flow-loading/page.tsx b/apps/react/src/app/personality-flow-loading/page.tsx
new file mode 100644
index 00000000..d6a5ef35
--- /dev/null
+++ b/apps/react/src/app/personality-flow-loading/page.tsx
@@ -0,0 +1,53 @@
+import { createFileRoute, useNavigate, useSearch } from '@tanstack/react-router'
+import Lottie from 'lottie-react'
+import { useEffect } from 'react'
+
+import noteAnimation from '@/assets/lottie/note.json'
+import { personalityFlowSearchSchema } from '@/features/profile/lib/personality-flow'
+import { Screen } from '@/shared/layout/screen'
+
+export const Route = createFileRoute('/personality-flow-loading/')({
+  validateSearch: personalityFlowSearchSchema,
+  component: PersonalityFlowLoadingPage,
+})
+
+function PersonalityFlowLoadingPage() {
+  const navigate = useNavigate()
+  const { flow } = useSearch({ from: Route.id })
+
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      if (flow === 'full-flow') {
+        navigate({ to: '/mbti', search: { flow }, replace: true })
+      } else if (flow === 'partner-personality') {
+        navigate({ to: '/partner-mbti', search: { flow }, replace: true })
+      } else {
+        navigate({ to: '/mbti', search: { flow: 'my-personality' }, replace: true })
+      }
+    }, 2000)
+
+    return () => clearTimeout(timer)
+  }, [])
+
+  return (
+    <Screen>
+      <Screen.Content className="bg-white">
+        <div className="flex h-full w-full -translate-y-[60px] flex-col items-center justify-center px-5">
+          <Lottie animationData={noteAnimation} className="h-[236px] w-[320px]" />
+          <div className="mt-6 text-center">
+            <h1 className="heading1-bold text-gray-iron-950">성향 프로필 생성중...</h1>
+            <p className="body2-medium mt-2 text-gray-iron-500">
+              {flow === 'my-personality'
+                ? '나의 프로필을 완성하면'
+                : flow === 'partner-personality'
+                  ? '상대의 프로필을 완성하면'
+                  : '나와 상대의 프로필을 완성하면'}
+              <br />
+              연애 상담을 진행할 수 있어요!
+            </p>
+          </div>
+        </div>
+      </Screen.Content>
+    </Screen>
+  )
+}
diff --git a/apps/react/src/app/relationship-status/page.tsx b/apps/react/src/app/relationship-status/page.tsx
index 175d5ded..2911c9f7 100644
--- a/apps/react/src/app/relationship-status/page.tsx
+++ b/apps/react/src/app/relationship-status/page.tsx
@@ -1,18 +1,15 @@
-import { UpdateMemberRequestDtoRelationshipStatusEnum, type UpdateMemberRequestDto } from '@data/user-api-axios/api'
-import { useMutation } from '@tanstack/react-query'
-import { createFileRoute, useNavigate, useSearch } from '@tanstack/react-router'
+import { UpdateMemberRequestDtoRelationshipStatusEnum } from '@data/user-api-axios/api'
+import { createFileRoute } from '@tanstack/react-router'
 
 import { useAuth } from '@/features/auth'
 import { RelationshipStatusForm } from '@/features/onboarding/ui/relationship-status-form'
-import { requiredProfileFlowSearchSchema } from '@/features/profile/lib/required-profile-flow'
+import { useMemberUpdateMutation } from '@/features/profile'
 import { wrapWithTracking } from '@/shared/analytics'
 import { BUTTON_NAMES, CATEGORIES } from '@/shared/analytics/constants'
 import { useGoBack } from '@/shared/navigation/use-go-back'
-import memberService from '@/shared/services/member.service'
 import { toast } from '@/shared/ui/toast'
 
 export const Route = createFileRoute('/relationship-status/')({
-  validateSearch: requiredProfileFlowSearchSchema,
   component: RelationshipStatusEditPage,
 })
 
@@ -28,29 +25,15 @@ const RELATIONSHIP_OPTIONS: {
 ]
 
 function RelationshipStatusEditPage() {
-  const navigate = useNavigate()
   const goBack = useGoBack()
-  const { userInfo, refreshUserInfo } = useAuth()
-  const { requiredProfileFlow } = useSearch({ from: Route.id })
-  const isRequiredProfileFlow = requiredProfileFlow === true
+  const { userInfo } = useAuth()
 
-  const updateMutation = useMutation({
-    mutationFn: async (body: UpdateMemberRequestDto) => {
-      const { data } = await memberService.updateMember({ updateMemberRequestDto: body })
-      return data
-    },
-    onSuccess: async () => {
-      await refreshUserInfo()
-      if (isRequiredProfileFlow) {
-        navigate({ to: '/mbti', search: { requiredProfileFlow: true }, replace: true })
-        return
-      }
+  const updateMutation = useMemberUpdateMutation({
+    onSuccess: () => {
       toast.success('연애 상태가 변경되었어요!')
       goBack()
     },
-    onError: () => {
-      toast.error('연애 상태 변경 중 오류가 발생했습니다')
-    },
+    errorMessage: '연애 상태 변경 중 오류가 발생했습니다',
   })
 
   const trackSave = wrapWithTracking(BUTTON_NAMES.SAVE_PROFILE_RELATIONSHIP_STATUS, CATEGORIES.PROFILE)
@@ -63,7 +46,7 @@ function RelationshipStatusEditPage() {
 
   return (
     <RelationshipStatusForm
-      headerTitle={isRequiredProfileFlow ? undefined : '현재 연애 상태'}
+      headerTitle="현재 연애 상태"
       title={
         <>
           현재 연애 상태를
@@ -74,10 +57,10 @@ function RelationshipStatusEditPage() {
       description="이후에 관계 정보가 바뀌면 변경할 수 있어요"
       options={RELATIONSHIP_OPTIONS}
       initialValue={(userInfo.relationshipStatus as RelationshipStatus | undefined) ?? null}
-      submitText={isRequiredProfileFlow ? '다음' : '변경하기'}
-      requireChangeForSubmit={!isRequiredProfileFlow}
+      submitText="변경하기"
+      requireChangeForSubmit={true}
       isSubmitting={updateMutation.isPending}
-      showBackButton={!isRequiredProfileFlow}
+      showBackButton={true}
       onSubmit={handleSubmit}
     />
   )
diff --git a/apps/react/src/assets/icons/bell.svg b/apps/react/src/assets/icons/bell.svg
new file mode 100644
index 00000000..700df2ad
--- /dev/null
+++ b/apps/react/src/assets/icons/bell.svg
@@ -0,0 +1,13 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6729_7383)">
+<path d="M23.04 28.9141C23.04 31.6978 20.7837 33.9541 18 33.9541C15.2163 33.9541 12.96 31.6978 12.96 28.9141H23.04Z" fill="#FF9E00"/>
+<path d="M14.9609 5.08422C14.9609 3.40572 16.3217 2.04492 18.0002 2.04492C19.6787 2.04492 21.0395 3.40572 21.0395 5.08422H14.9618H14.9609Z" fill="#FF9E00"/>
+<path d="M5.49353 16.94C5.49353 9.75709 11.5487 3.98899 18.8324 4.46059C25.4798 4.89079 30.5063 10.7075 30.5063 17.3684V22.8395L32.6339 26.5241C33.2468 27.5861 32.4809 28.9136 31.2542 28.9136H4.74473C3.51893 28.9136 2.75213 27.5861 3.36503 26.5241L5.49263 22.8395L5.49353 16.94Z" fill="#FFC000"/>
+</g>
+<circle cx="33.5" cy="4.5" r="2.5" fill="#EC4665"/>
+<defs>
+<clipPath id="clip0_6729_7383">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/react/src/assets/icons/steps.svg b/apps/react/src/assets/icons/steps.svg
new file mode 100644
index 00000000..372019e6
--- /dev/null
+++ b/apps/react/src/assets/icons/steps.svg
@@ -0,0 +1,3 @@
+<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.1282 10.96C11.6811 13.5206 9.29551 15.3735 4.18518 14.9358C3.82421 14.9049 3.6256 14.5009 3.81272 14.184C4.06742 13.7527 4.2752 13.4047 4.25054 13.3902C1.14216 11.5568 0.0771487 7.49626 1.87177 4.32075C3.6664 1.14523 7.64107 0.0572175 10.7495 1.8906C13.8578 3.72399 14.9229 7.78451 13.1282 10.96Z" fill="currentColor"/>
+</svg>
diff --git a/apps/react/src/assets/images/attachment-result/attachment-result-anxiety.png b/apps/react/src/assets/images/attachment-result/attachment-result-anxiety.png
new file mode 100644
index 00000000..50cf82fc
Binary files /dev/null and b/apps/react/src/assets/images/attachment-result/attachment-result-anxiety.png differ
diff --git a/apps/react/src/assets/images/attachment-result/attachment-result-avoidance.png b/apps/react/src/assets/images/attachment-result/attachment-result-avoidance.png
new file mode 100644
index 00000000..f9d34825
Binary files /dev/null and b/apps/react/src/assets/images/attachment-result/attachment-result-avoidance.png differ
diff --git a/apps/react/src/assets/images/attachment-result/attachment-result-confusion.png b/apps/react/src/assets/images/attachment-result/attachment-result-confusion.png
new file mode 100644
index 00000000..1c07353b
Binary files /dev/null and b/apps/react/src/assets/images/attachment-result/attachment-result-confusion.png differ
diff --git a/apps/react/src/assets/images/attachment-result/attachment-result-stable.png b/apps/react/src/assets/images/attachment-result/attachment-result-stable.png
new file mode 100644
index 00000000..01cc915f
Binary files /dev/null and b/apps/react/src/assets/images/attachment-result/attachment-result-stable.png differ
diff --git a/apps/react/src/features/attachment/hooks/use-attachment-questions.ts b/apps/react/src/features/attachment/hooks/use-attachment-questions.ts
index 19c06e13..2237ea58 100644
--- a/apps/react/src/features/attachment/hooks/use-attachment-questions.ts
+++ b/apps/react/src/features/attachment/hooks/use-attachment-questions.ts
@@ -61,9 +61,13 @@ export interface UseAttachmentQuestionsResult {
 
 interface UseAttachmentQuestionsOptions {
   from?: string
+  onComplete?: () => void
 }
 
-export function useAttachmentQuestions({ from }: UseAttachmentQuestionsOptions = {}): UseAttachmentQuestionsResult {
+export function useAttachmentQuestions({
+  from,
+  onComplete,
+}: UseAttachmentQuestionsOptions = {}): UseAttachmentQuestionsResult {
   const navigate = useNavigate()
   const goBack = useGoBack()
   const auth = useAuth()
@@ -80,9 +84,13 @@ export function useAttachmentQuestions({ from }: UseAttachmentQuestionsOptions =
     onSuccess: async () => {
       await auth.refreshUserInfo()
 
-      // 2초 후 결과 페이지로 이동
+      // 2초 후 다음 페이지로 이동
       setTimeout(() => {
-        navigate({ to: '/attachment-test/result/my', search: { from }, replace: true })
+        if (onComplete) {
+          onComplete()
+        } else {
+          navigate({ to: '/attachment-test/result/my', search: { from }, replace: true })
+        }
       }, QUESTION_CONFIG.SUBMISSION_DELAY)
     },
     onError: (_error: any) => {
diff --git a/apps/react/src/features/attachment/index.ts b/apps/react/src/features/attachment/index.ts
index 0b5dd854..5400b087 100644
--- a/apps/react/src/features/attachment/index.ts
+++ b/apps/react/src/features/attachment/index.ts
@@ -1,11 +1,7 @@
-// 타입과 상수
-export * from './models/types'
-export * from './models/attachment-types'
-export * from './models/attachment-data'
 export * from './models/constants'
+export { getLoveTypeCatalogItem as getAttachmentType } from './models/love-type-catalog'
 
 export { useAttachmentQuestions } from './hooks/use-attachment-questions'
-export { getAttachmentType } from './lib/get-attachment-type'
 
 // 공용 컴포넌트
 export * from './ui/info-box'
@@ -26,3 +22,6 @@ export * from './ui/result/attachment-result-content'
 export * from './ui/main/attachment-test-intro'
 export * from './ui/main/attachment-test-info-section'
 export * from './ui/main/attachment-types-section'
+
+// 홈 카드 컴포넌트
+export * from './ui/attachment-type-cards'
diff --git a/apps/react/src/features/attachment/lib/get-attachment-type.ts b/apps/react/src/features/attachment/lib/get-attachment-type.ts
deleted file mode 100644
index 66ebd619..00000000
--- a/apps/react/src/features/attachment/lib/get-attachment-type.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { MemberDataLoveTypeCategoryEnum } from '@data/user-api-axios/api'
-
-import { ATTACHMENT_TYPE_DATA } from '../models/attachment-data'
-
-export const getAttachmentType = (loveTypeCategory: MemberDataLoveTypeCategoryEnum | undefined) => {
-  if (!loveTypeCategory) return null
-  return ATTACHMENT_TYPE_DATA[loveTypeCategory]
-}
diff --git a/apps/react/src/features/attachment/models/attachment-data.ts b/apps/react/src/features/attachment/models/attachment-data.ts
deleted file mode 100644
index 3813bb11..00000000
--- a/apps/react/src/features/attachment/models/attachment-data.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { STABLE_TYPE_DATA, ANXIETY_TYPE_DATA, AVOIDANCE_TYPE_DATA, CONFUSION_TYPE_DATA } from './attachment-types'
-import { AttachmentType } from './types'
-
-// 애착유형 검사 정보 데이터
-export const ATTACHMENT_TEST_INFO = [
-  '애착유형은 친밀한 관계에서의 감정과 행동 패턴을 설명해요.',
-  '안정형, 회피형, 불안형, 혼란형까지 총 4가지 유형이 있어요.',
-  '심리학 이론과 연구에 기반해 연애 관계를 이해하는 데 도움을 주어요.',
-  'MBTI처럼 단순한 성격 분류가 아닌, 실제 관계 개선에 활용되는 도구예요.',
-]
-
-// 애착유형 캐릭터 미리보기 데이터
-export const ATTACHMENT_TYPE_PREVIEW = [
-  {
-    name: STABLE_TYPE_DATA.character,
-    description: `연인을 신뢰하고, 감정을 잘 표현하는 ${STABLE_TYPE_DATA.subtype}`,
-    bgColor: 'bg-malmo-rasberry-25',
-    textColor: 'text-malmo-rasberry-500',
-  },
-  {
-    name: ANXIETY_TYPE_DATA.character,
-    description: `연인과 멀어질까봐 자주 걱정하는 ${ANXIETY_TYPE_DATA.subtype}`,
-    bgColor: 'bg-malmo-orange-50',
-    textColor: 'text-malmo-orange-500',
-  },
-  {
-    name: AVOIDANCE_TYPE_DATA.character,
-    description: `연인과 가까워질수록 거리가 필요한 ${AVOIDANCE_TYPE_DATA.subtype}`,
-    bgColor: 'bg-malmo-rasberry-25',
-    textColor: 'text-malmo-rasberry-500',
-  },
-  {
-    name: CONFUSION_TYPE_DATA.character,
-    description: `연인과 가까워지고 싶지만 거리를 두는 ${CONFUSION_TYPE_DATA.subtype}`,
-    bgColor: 'bg-malmo-orange-50',
-    textColor: 'text-malmo-orange-500',
-  },
-]
-
-// 애착유형별 상세 데이터 매핑
-export const ATTACHMENT_TYPE_DATA = {
-  [AttachmentType.STABLE]: STABLE_TYPE_DATA,
-  [AttachmentType.ANXIETY]: ANXIETY_TYPE_DATA,
-  [AttachmentType.AVOIDANCE]: AVOIDANCE_TYPE_DATA,
-  [AttachmentType.CONFUSION]: CONFUSION_TYPE_DATA,
-}
diff --git a/apps/react/src/features/attachment/models/attachment-types.ts b/apps/react/src/features/attachment/models/attachment-types.ts
deleted file mode 100644
index 42ecf3ab..00000000
--- a/apps/react/src/features/attachment/models/attachment-types.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-import AnxietyCardImage from '@/assets/images/characters/anxiety-card.png'
-import AnxietyImage from '@/assets/images/characters/anxiety.png'
-import AvoidanceCardImage from '@/assets/images/characters/avoidance-card.png'
-import AvoidanceImage from '@/assets/images/characters/avoidance.png'
-import ConfusionCardImage from '@/assets/images/characters/confusion-card.png'
-import ConfusionImage from '@/assets/images/characters/confusion.png'
-// 홈페이지 카드용 캐릭터 이미지
-import StableCardImage from '@/assets/images/characters/stable-card.png'
-import StableImage from '@/assets/images/characters/stable.png'
-
-import { AttachmentType, type AttachmentTypeData } from './types'
-
-// 안정형 (평온이)
-export const STABLE_TYPE_DATA: AttachmentTypeData = {
-  type: AttachmentType.STABLE,
-  character: '평온이',
-  subtype: '안정형',
-  characterImage: StableImage,
-  cardImage: StableCardImage,
-  color: '#EC4665',
-  badgeBackgroundColor: 'bg-malmo-rasberry-25',
-  badgeTextColor: 'text-malmo-rasberry-500',
-  anxietyThreshold: '2.61 미만',
-  avoidanceThreshold: '2.33 미만',
-  description: `평온이 성격을 가진 사람은 연인과 가까워질 때 안정감을 느껴요. 연애 중에도 나만의 삶과 영역을 균형 있게 유지하는 편이에요.
-
-연인이 고민을 털어놓을 때는 든든하게 곁을 지켜주고, 갈등이 생겨도 감정에 솔직하면서 차분히 대화로 해결하려는 태도를 보여요.
-
-진지한 관계를 지향하며, 상대를 존중하며 성숙하게 사랑해요. 평온이 성격을 가진 사람은 연인과 주로 안정적이고 친밀한 관계를 만들어 가는 경우가 많아요!`,
-  relationshipAttitudes: [
-    '관계를 맺을 때 연인이 믿을 만한 사람이라고 생각하며, 서로 신뢰하는 관계를 쌓아요.',
-    '연인에게 의지하거나, 연인이 내게 의지할 때 편안함을 느껴요.',
-    '연인이 힘들 때 옆에서 도움을 주려고 노력해요.',
-    '스스로 버림받을까 걱정하지 않고, 사랑받을 가치가 있다고 믿어요.',
-    '과도한 집착이나 거리두기 없이 상황과 상대를 고려해 관계를 유지해요.',
-  ],
-  conflictSolvingAttitudes: [
-    '갈등이 생겨도 내 감정에만 휘둘리기보다 연인의 감정을 이해하고 문제를 해결하려는 태도를 보여요.',
-    '연인이 내게 실수를 하더라도 그럴 만한 사정이 있을 것이라고 믿어요.',
-    '연인의 특성을 받아들이고, "어떻게 하면 연인과 더 잘 지낼 수 있을까"를 고민해요.',
-  ],
-  emotionalExpressions: [
-    '애정 표현에 인색하지 않고, 감정 기복이 작아요.',
-    '연인과 밀당하기보다는 내 감정을 솔직하게 표현해서 신뢰감을 주어요.',
-    '연인의 판단이나 거부에 대한 두려움 없이 내 생각을 편안하게 공유해요.',
-  ],
-}
-
-// 불안형 (걱정이)
-export const ANXIETY_TYPE_DATA: AttachmentTypeData = {
-  type: AttachmentType.ANXIETY,
-  character: '걱정이',
-  subtype: '불안형',
-  characterImage: AnxietyImage,
-  cardImage: AnxietyCardImage,
-  color: '#FF8400',
-  badgeBackgroundColor: 'bg-malmo-orange-50',
-  badgeTextColor: 'text-malmo-orange-500',
-  anxietyThreshold: '2.61 이상',
-  avoidanceThreshold: '2.33 미만',
-  description: `걱정이 성격을 가진 사람은 상대의 반응에 쉽게 불안해져요. '사랑받고 있는 게 맞을까?'라는 의심이 자주 들고, 끊임없이 애정을 확인받고 싶어 해요.
-
-자신의 속마음은 잘 이야기하지만, 동시에 정서적 의존도도 높은 편이에요. 상대의 작은 필요에 과도하게 맞춰주며 애정을 얻으려 할 때가 있어요.
-
-하지만 그러다보면 마음의 균형을 잃고, 연애가 힘들어질 수 있어요. 사랑을 원하는 마음 자체는 소중하지만, 내 감정도 함께 돌보는 것도 중요해요!`,
-  relationshipAttitudes: [
-    '사랑에 몰입하고, 감정적으로 밀착된 관계를 원해요.',
-    '연인이 내가 준 애정만큼 애정을 주지 않을 까봐 불안해요.',
-    '나의 단점을 알게 되면 상대가 떠나갈 것이라 생각해요.',
-    '혼자 있는 시간엔 관계에 대해 자주 걱정하고 의심해요.',
-    '때로는 "이 사람 없으면 아무도 못 만나"라는 부정적인 생각이 들 때도 있어요.',
-  ],
-  conflictSolvingAttitudes: [
-    '갈등이 생겼을 때, 연인이 꾸준히 표현하고 확신을 주길 원해요.',
-    '갈등이 생기면 쌓아 두었다가 감정적으로 폭발하거나 자신을 탓하는 경우가 많아요.',
-    '연인의 작은 요구나 불평에도 과도하게 자신을 희생하는 경향이 있어요.',
-  ],
-  emotionalExpressions: [
-    '정서적인 표현과 교류를 잘할 수 있어요.',
-    '그만큼 힘들 때 연인에게 정서적으로 의존하고 싶어 해요.',
-    '애정에 민감하고, 연인의 작은 말에도 쉽게 흔들려요.',
-  ],
-}
-
-// 회피형 (도망이)
-export const AVOIDANCE_TYPE_DATA: AttachmentTypeData = {
-  type: AttachmentType.AVOIDANCE,
-  character: '도망이',
-  subtype: '회피형',
-  characterImage: AvoidanceImage,
-  cardImage: AvoidanceCardImage,
-  color: '#EC4665',
-  badgeBackgroundColor: 'bg-malmo-rasberry-25',
-  badgeTextColor: 'text-malmo-rasberry-500',
-  anxietyThreshold: '2.61 미만',
-  avoidanceThreshold: '2.33 이상',
-  description: `도망이 성격을 가진 사람은 혼자만의 시간과 독립성을 무엇보다 중요하게 여겨요. 그래서 연애보다는 일이나 취미에서 더 큰 만족을 느끼는 경우도 많아요.
-
-나를 드러내거나 감정을 솔직하게 표현하는 게 익숙하지 않다 보니, 연인이 감정적으로 다가올 때 어떻게 받아줘야 할지 몰라서 부담을 느끼기도 해요. 그래서 자연스럽게 공감보다는 해결 중심의 대화를 하게 되는 편이에요.
-
-운명 같은 완벽한 사랑을 꿈꾸지만, 가까운 현실적인 사랑에는 서툴 수 있어요. 지금 중요한 건, 누군가에게 기대는 일이 약한 게 아니라는 걸 아는 거예요!`,
-  relationshipAttitudes: [
-    '관계로부터 상처 받지 않기 위해, 가까워질수록 거리감을 두려는 경향이 있어요.',
-    '혼자만의 시간과 공간이 확보될 때 편안함을 느끼고, 내 영역이 침범당하면 경계심을 느껴요.',
-    '중요한 고민이나 결정을 연인과 의논하기보다 혼자 결정하는 편이에요.',
-    '나를 향한 비판을 방어적으로 반응해서, 관계에 생긴 불만의 원인을 연인에게서 먼저 찾는 편이에요.',
-    '관계에 대한 이상은 크지만, 현실적인 친밀감에는 부담을 느끼기도 해요.',
-  ],
-  conflictSolvingAttitudes: [
-    '갈등이 생기면 대화를 회피하거나 혼자 정리하는 방식으로 반응해요.',
-    '연인이 힘든 일을 이야기하면, 정서적으로 풀기보다 해결책 중심으로 말하려는 경향이 있어요.',
-    '충돌 자체를 피하고 싶어 "상처받느니 차라리 멀어지자"는 생각을 할 때도 있어요.',
-  ],
-  emotionalExpressions: [
-    '감정을 표현하는 데 익숙하지 않고, 나를 잘 드러내지 않아요.',
-    '애정을 느끼더라도 표현이 부족해 무관심하거나 차갑게 보일 수 있어요.',
-    '정서적으로 기대는 걸 약하다고 느끼거나 불편해서, 감정적인 의존을 꺼리는 편이에요.',
-  ],
-}
-
-// 혼란형 (갈팡이)
-export const CONFUSION_TYPE_DATA: AttachmentTypeData = {
-  type: AttachmentType.CONFUSION,
-  character: '갈팡이',
-  subtype: '혼란형',
-  characterImage: ConfusionImage,
-  cardImage: ConfusionCardImage,
-  color: '#FF8400',
-  badgeBackgroundColor: 'bg-malmo-orange-50',
-  badgeTextColor: 'text-malmo-orange-500',
-  anxietyThreshold: '2.61 이상',
-  avoidanceThreshold: '2.33 이상',
-  description: `갈팡이 성격을 가진 사람은 "사랑받고 싶다"는 마음과 "상처받을까봐 두렵다"는 마음이 자주 충돌해요. 그래서 연인에게 강하게 끌리다가도, 갑자기 밀어내거나 비판하는 모습을 보일 수 있어요.
-
-나를 온전히 드러내면 떠날까 봐 두려워, 마음을 숨기기도 해요. 스스로도 연인도 믿기 어려워서 관계를 유지하는 것이 어렵게 느껴질 수 있어요.
-
-감정의 소용돌이는 크지만, 그만큼 감정도 깊어요. 갈팡질팡하는 내 마음을 비난하기보다, 이해하려고 하면 더 안정적인 관계로 이어질 수 있어요!`,
-  relationshipAttitudes: [
-    '혼자일 때는 안정감을 원하면서도, 너무 가까워지면 불편함이나 압박감을 느껴요.',
-    '가까운 관계를 바라면서도 거절에 대한 두려움으로 거리감을 종종 둬요.',
-    '관계가 안정적이어도 언제든 무너질 수 있다는 불안을 느끼며, 종종 사이가 틀어질 것 같은 기분을 느껴요.',
-    '그래서 연인을 믿고 싶지만, 확신이 잘 들지 않을 때도 있어요.',
-    '연인에게 과도하게 집중하며 큰 감정 기복이 나타날 수 있어요.',
-  ],
-  conflictSolvingAttitudes: [
-    '갈등이 생기면 감정이 격해지거나 완전히 회피해요.',
-    '갈등 상황에서 대화보다는 연인에게 집착하거나, 반대로 관계를 끊어버릴 수 있어요.',
-    '충돌 상황에서 나도 상대도 믿지 못하면서, 더 큰 거리감을 만들 수 있어요.',
-  ],
-  emotionalExpressions: [
-    '내 감정을 솔직하게 전하고 싶지만, 스스로 어떤 감정을 느끼는지 정리하기 어려워요.',
-    '감정이 안정되지 않고 애정 표현이 비일관적이어서 연인에게 혼란을 줄 수 있어요.',
-    '사랑받기 위해 연인을 과하게 의식하거나, 감정을 숨기는 경우도 있어요.',
-  ],
-}
diff --git a/apps/react/src/features/attachment/models/constants.ts b/apps/react/src/features/attachment/models/constants.ts
index 4a6b8568..6f3dd4ba 100644
--- a/apps/react/src/features/attachment/models/constants.ts
+++ b/apps/react/src/features/attachment/models/constants.ts
@@ -1,3 +1,5 @@
+import type { MemberDataLoveTypeCategoryEnum } from '@data/user-api-axios/api'
+
 // 질문 페이지 설정
 export const QUESTION_CONFIG = {
   TOTAL_PAGES: 4,
@@ -10,3 +12,11 @@ export const SCORE_RANGE = {
   MIN: 1,
   MAX: 5,
 }
+
+// 애착유형 선택 옵션
+export const ATTACHMENT_OPTIONS: { label: string; value: MemberDataLoveTypeCategoryEnum }[] = [
+  { label: '연인을 신뢰하고 감정을 잘 표현하는 안정형', value: 'STABLE_TYPE' },
+  { label: '연인과 멀어질까봐 자주 걱정하는 불안형', value: 'ANXIETY_TYPE' },
+  { label: '연인과의 관계가 좁혀질수록 거리가 필요한 회피형', value: 'AVOIDANCE_TYPE' },
+  { label: '연인과 가까워지고 싶지만 거리를 두게 되는 혼란형', value: 'CONFUSION_TYPE' },
+]
diff --git a/apps/react/src/features/attachment/models/love-type-catalog.ts b/apps/react/src/features/attachment/models/love-type-catalog.ts
new file mode 100644
index 00000000..5e293f86
--- /dev/null
+++ b/apps/react/src/features/attachment/models/love-type-catalog.ts
@@ -0,0 +1,107 @@
+import { MemberDataLoveTypeCategoryEnum } from '@data/user-api-axios/api'
+
+import AnxietyResultImage from '@/assets/images/attachment-result/attachment-result-anxiety.png'
+import AvoidanceResultImage from '@/assets/images/attachment-result/attachment-result-avoidance.png'
+import ConfusionResultImage from '@/assets/images/attachment-result/attachment-result-confusion.png'
+import StableResultImage from '@/assets/images/attachment-result/attachment-result-stable.png'
+import AnxietyCardImage from '@/assets/images/characters/anxiety-card.png'
+import AvoidanceCardImage from '@/assets/images/characters/avoidance-card.png'
+import ConfusionCardImage from '@/assets/images/characters/confusion-card.png'
+import StableCardImage from '@/assets/images/characters/stable-card.png'
+
+export type LoveTypeCategory = MemberDataLoveTypeCategoryEnum
+
+export interface LoveTypeCatalogItem {
+  character: string
+  subtype: string
+  previewDescription: string
+  cardImage: string
+  resultImage: string
+  badgeBackgroundColor: string
+  badgeTextColor: string
+  isWarmType: boolean
+}
+
+export interface AttachmentTypePreviewItem {
+  name: string
+  description: string
+  bgColor: string
+  textColor: string
+}
+
+export const LOVE_TYPE_CATALOG: Record<LoveTypeCategory, LoveTypeCatalogItem> = {
+  [MemberDataLoveTypeCategoryEnum.StableType]: {
+    character: '평온이',
+    subtype: '안정형',
+    previewDescription: '연인을 신뢰하고, 감정을 잘 표현하는 안정형',
+    cardImage: StableCardImage,
+    resultImage: StableResultImage,
+    badgeBackgroundColor: 'bg-malmo-rasberry-25',
+    badgeTextColor: 'text-malmo-rasberry-500',
+    isWarmType: false,
+  },
+  [MemberDataLoveTypeCategoryEnum.AnxietyType]: {
+    character: '걱정이',
+    subtype: '불안형',
+    previewDescription: '연인과 멀어질까봐 자주 걱정하는 불안형',
+    cardImage: AnxietyCardImage,
+    resultImage: AnxietyResultImage,
+    badgeBackgroundColor: 'bg-malmo-orange-50',
+    badgeTextColor: 'text-malmo-orange-500',
+    isWarmType: true,
+  },
+  [MemberDataLoveTypeCategoryEnum.AvoidanceType]: {
+    character: '도망이',
+    subtype: '회피형',
+    previewDescription: '연인과 가까워질수록 거리가 필요한 회피형',
+    cardImage: AvoidanceCardImage,
+    resultImage: AvoidanceResultImage,
+    badgeBackgroundColor: 'bg-malmo-rasberry-25',
+    badgeTextColor: 'text-malmo-rasberry-500',
+    isWarmType: false,
+  },
+  [MemberDataLoveTypeCategoryEnum.ConfusionType]: {
+    character: '갈팡이',
+    subtype: '혼란형',
+    previewDescription: '연인과 가까워지고 싶지만 거리를 두는 혼란형',
+    cardImage: ConfusionCardImage,
+    resultImage: ConfusionResultImage,
+    badgeBackgroundColor: 'bg-malmo-orange-50',
+    badgeTextColor: 'text-malmo-orange-500',
+    isWarmType: true,
+  },
+}
+
+const LOVE_TYPE_PREVIEW_ORDER: readonly LoveTypeCategory[] = [
+  MemberDataLoveTypeCategoryEnum.StableType,
+  MemberDataLoveTypeCategoryEnum.AnxietyType,
+  MemberDataLoveTypeCategoryEnum.AvoidanceType,
+  MemberDataLoveTypeCategoryEnum.ConfusionType,
+]
+
+function isLoveTypeCategory(value: string): value is LoveTypeCategory {
+  return value in LOVE_TYPE_CATALOG
+}
+
+export function getLoveTypeCatalogItem(loveTypeCategory: string | undefined): LoveTypeCatalogItem | null {
+  if (!loveTypeCategory || !isLoveTypeCategory(loveTypeCategory)) return null
+  return LOVE_TYPE_CATALOG[loveTypeCategory]
+}
+
+export const ATTACHMENT_TEST_INFO: readonly string[] = [
+  '애착유형은 친밀한 관계에서의 감정과 행동 패턴을 설명해요.',
+  '안정형, 회피형, 불안형, 혼란형까지 총 4가지 유형이 있어요.',
+  '심리학 이론과 연구에 기반해 연애 관계를 이해하는 데 도움을 주어요.',
+  'MBTI처럼 단순한 성격 분류가 아닌, 실제 관계 개선에 활용되는 도구예요.',
+]
+
+export const ATTACHMENT_TYPE_PREVIEW: AttachmentTypePreviewItem[] = LOVE_TYPE_PREVIEW_ORDER.map((category) => {
+  const item = LOVE_TYPE_CATALOG[category]
+
+  return {
+    name: item.character,
+    description: item.previewDescription,
+    bgColor: item.badgeBackgroundColor,
+    textColor: item.badgeTextColor,
+  }
+})
diff --git a/apps/react/src/features/attachment/models/result-label-map.ts b/apps/react/src/features/attachment/models/result-label-map.ts
new file mode 100644
index 00000000..f4770c58
--- /dev/null
+++ b/apps/react/src/features/attachment/models/result-label-map.ts
@@ -0,0 +1,203 @@
+export const ATTACHMENT_RESULT_LABEL_MAP = {
+  EMPATHY: '공감력',
+  CONSIDERATION: '배려심',
+  PERFECTIONISM: '완벽주의',
+  INDIRECT_EXPRESSION: '돌려 표현하기',
+  SOCIAL_EXPECTATION: '사회적 기대',
+  TRUST_ORIENTED: '신뢰 중시',
+  PRUDENCE: '신중함',
+  LOGICAL: '논리적',
+  ANALYTICAL: '분석력',
+  EFFICIENCY: '효율적',
+  GOAL_ORIENTED: '목표 지향',
+  CONTROL: '통제력',
+  INSIGHT: '통찰력',
+  INTELLECTUAL_CURIOSITY: '지적 호기심',
+  FREEDOM: '자유로움',
+  INDEPENDENT: '독립적',
+  SENSITIVITY: '감수성',
+  IMAGINATION: '상상력',
+  IDEALISM: '이상주의',
+  PRESENT_FOCUS: '현재 집중',
+  SOCIABILITY: '친화력',
+  HUMOR: '유머력',
+  SPONTANEITY: '즉흥성',
+  PASSIONATE: '열정적',
+  EXECUTION: '실행력',
+  WARM_CONSIDERATION: '따뜻한 배려',
+  QUIET_CARE: '조용한 챙김',
+  RELIABLE_SUPPORT: '든든한 지지',
+  CALM_SUPPORT: '차분한 지지',
+  RESPONSIBILITY: '책임감',
+  SERIOUS_RELATIONSHIP: '진지한 관계',
+  STABILITY: '안정감',
+  CONSISTENT_DEVOTION: '꾸준한 헌신',
+  TOLERANCE: '포용력',
+  FREQUENT_CONTACT: '자주 연락하기',
+  NEED_FOR_RECOGNITION: '인정욕구',
+  WANT_EXPRESSION: '표현 바라기',
+  WANT_CERTAINTY: '확답 바라기',
+  SEEK_CONFIRMATION_BY_ACTION: '행동으로 확인받기',
+  FREQUENT_AFFECTION_CONFIRMATION: '애정 자주 확인',
+  SELF_BLAME: '자책하기',
+  INNER_DOUBT: '마음 속 의심',
+  PRETEND_OKAY: '괜찮은 척하기',
+  AVOID_INTERFERENCE: '간섭 피하기',
+  HIDE_FEELINGS: '속마음 감추기',
+  WITHDRAW_INTO_SHELL: '동굴로 숨기',
+  JUSTIFICATION: '정당화하기',
+  STOP_CONVERSATION: '대화 중단',
+  AVOID_BURDEN: '부담 피하기',
+  EMOTIONAL_WALL: '딱딱한 철벽',
+  COLD_DISTANCE: '차갑게 거리두기',
+  EMOTIONAL_DISTANCE: '마음의 거리 두기',
+  THINK_ALONE: '혼자 고민하기',
+  RUMINATE_WORDS: '말을 곱씹기',
+  SUPPRESS_FIRST: '일단 참기',
+  COLD_CONFLICT_HANDLING: '냉정한 갈등 처리',
+  EMOTIONAL_OUTBURST: '한 번에 터지는 감정',
+  ACCUMULATE_AND_ENDURE: '참고 쌓아두기',
+  AVOID_SERIOUSNESS: '진지함 피하기',
+  VALUE_AUTONOMY: '자율성 중시',
+  APPROACH_AND_AVOID: '다가갔다 피하기',
+  RESPECT_PERSONAL_SPACE: '개인 공간 존중',
+  RESPECT_OPINIONS: '의견 존중',
+  SPEAK_INDIRECTLY: '돌려 말하기',
+  ADAPT_TO_OTHERS: '상대에게 맞추기',
+  IMMERSION_IN_OTHERS_EMOTION: '상대 감정에 몰입',
+  UNPREDICTABLE: '예측하기 어려움',
+  ROLE_ORIENTED: '역할 중시',
+  SYSTEM_ORIENTED: '체계 중시',
+  ROUTINE_ORIENTED: '루틴 중시',
+  MOOD_MAKER: '분위기 메이커',
+  ENERGETIC: '생기발랄',
+  FUN_RELATIONSHIP: '즐거운 연애',
+  LIGHT_RELATIONSHIP: '가벼운 관계',
+  LEAD_RELATIONSHIP: '관계 주도하기',
+  HEATED_DEBATE: '열띤 토론',
+  FOLLOW_FEELINGS: '기분에 따르기',
+  SEEK_NOVELTY: '새로움 추구',
+  SHOW_ONLY_BRIGHT_SIDE: '밝은 모습만 보이기',
+  PRIORITIZE_WORK: '일을 우선하기',
+  ANALYZE_RELATIONSHIP: '관계 분석하기',
+  EMPHASIZE_PRINCIPLES: '원칙 강조',
+} as const
+
+type AttachmentResultLabelKey = keyof typeof ATTACHMENT_RESULT_LABEL_MAP
+type AttachmentResultLabelValue = (typeof ATTACHMENT_RESULT_LABEL_MAP)[AttachmentResultLabelKey]
+
+const ATTACHMENT_RESULT_LABEL_TO_KEY_MAP = Object.entries(ATTACHMENT_RESULT_LABEL_MAP).reduce<
+  Record<AttachmentResultLabelValue, AttachmentResultLabelKey>
+>(
+  (acc, [key, label]) => {
+    acc[label as AttachmentResultLabelValue] = key as AttachmentResultLabelKey
+    return acc
+  },
+  {} as Record<AttachmentResultLabelValue, AttachmentResultLabelKey>
+)
+
+export const ATTACHMENT_RESULT_EMOJI_MAP: Record<AttachmentResultLabelKey, string> = {
+  EMPATHY: '💖',
+  CONSIDERATION: '💖',
+  PERFECTIONISM: '💯',
+  INDIRECT_EXPRESSION: '💫',
+  SOCIAL_EXPECTATION: '🙏',
+  TRUST_ORIENTED: '💚',
+  PRUDENCE: '💚',
+  LOGICAL: '🧠',
+  ANALYTICAL: '🧠',
+  EFFICIENCY: '🤖',
+  GOAL_ORIENTED: '🚩',
+  CONTROL: '🚫',
+  INSIGHT: '🧐',
+  INTELLECTUAL_CURIOSITY: '🟦',
+  FREEDOM: '🌈',
+  INDEPENDENT: '🌲',
+  SENSITIVITY: '💗',
+  IMAGINATION: '☁️',
+  IDEALISM: '☁️',
+  PRESENT_FOCUS: '⚡',
+  SOCIABILITY: '🌼',
+  HUMOR: '🤣',
+  SPONTANEITY: '☄️',
+  PASSIONATE: '🔥',
+  EXECUTION: '🔥',
+  WARM_CONSIDERATION: '🧡',
+  QUIET_CARE: '🧡',
+  RELIABLE_SUPPORT: '👊',
+  CALM_SUPPORT: '👊',
+  RESPONSIBILITY: '👊',
+  SERIOUS_RELATIONSHIP: '🌲',
+  STABILITY: '🌲',
+  CONSISTENT_DEVOTION: '🙌',
+  TOLERANCE: '💌',
+  FREQUENT_CONTACT: '💌',
+  NEED_FOR_RECOGNITION: '💌',
+  WANT_EXPRESSION: '💌',
+  WANT_CERTAINTY: '💌',
+  SEEK_CONFIRMATION_BY_ACTION: '💌',
+  FREQUENT_AFFECTION_CONFIRMATION: '💌',
+  SELF_BLAME: '💦',
+  INNER_DOUBT: '💦',
+  PRETEND_OKAY: '🛡️',
+  AVOID_INTERFERENCE: '🛡️',
+  HIDE_FEELINGS: '🛡️',
+  WITHDRAW_INTO_SHELL: '🛡️',
+  JUSTIFICATION: '🛡️',
+  STOP_CONVERSATION: '🛡️',
+  AVOID_BURDEN: '🛡️',
+  EMOTIONAL_WALL: '🛡️',
+  COLD_DISTANCE: '🛡️',
+  EMOTIONAL_DISTANCE: '🛡️',
+  THINK_ALONE: '💬',
+  RUMINATE_WORDS: '💬',
+  SUPPRESS_FIRST: '😡',
+  COLD_CONFLICT_HANDLING: '🧊',
+  EMOTIONAL_OUTBURST: '😡',
+  ACCUMULATE_AND_ENDURE: '😡',
+  AVOID_SERIOUSNESS: '🌀',
+  VALUE_AUTONOMY: '☁️',
+  APPROACH_AND_AVOID: '🌀',
+  RESPECT_PERSONAL_SPACE: '☁️',
+  RESPECT_OPINIONS: '☁️',
+  SPEAK_INDIRECTLY: '💫',
+  ADAPT_TO_OTHERS: '💫',
+  IMMERSION_IN_OTHERS_EMOTION: '💫',
+  UNPREDICTABLE: '💫',
+  ROLE_ORIENTED: '⏰',
+  SYSTEM_ORIENTED: '⏰',
+  ROUTINE_ORIENTED: '⏰',
+  MOOD_MAKER: '🤡',
+  ENERGETIC: '🤡',
+  FUN_RELATIONSHIP: '🤡',
+  LIGHT_RELATIONSHIP: '🪶',
+  LEAD_RELATIONSHIP: '📢',
+  HEATED_DEBATE: '🔥',
+  FOLLOW_FEELINGS: '✨',
+  SEEK_NOVELTY: '✨',
+  SHOW_ONLY_BRIGHT_SIDE: '✨',
+  PRIORITIZE_WORK: '📃',
+  ANALYZE_RELATIONSHIP: '📃',
+  EMPHASIZE_PRINCIPLES: '📃',
+}
+
+export function toAttachmentResultLabel(value?: string | null) {
+  if (!value) return ''
+  return ATTACHMENT_RESULT_LABEL_MAP[value as keyof typeof ATTACHMENT_RESULT_LABEL_MAP] ?? value
+}
+
+export function toAttachmentResultLabelKey(value?: string | null) {
+  if (!value) return undefined
+  if (value in ATTACHMENT_RESULT_LABEL_MAP) {
+    return value as AttachmentResultLabelKey
+  }
+
+  return ATTACHMENT_RESULT_LABEL_TO_KEY_MAP[value as AttachmentResultLabelValue]
+}
+
+export function toAttachmentResultEmoji(value?: string | null) {
+  const labelKey = toAttachmentResultLabelKey(value)
+  if (!labelKey) return ''
+
+  return ATTACHMENT_RESULT_EMOJI_MAP[labelKey] ?? ''
+}
diff --git a/apps/react/src/features/attachment/models/types.ts b/apps/react/src/features/attachment/models/types.ts
deleted file mode 100644
index e8af518e..00000000
--- a/apps/react/src/features/attachment/models/types.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-// 애착유형 enum 정의
-export enum AttachmentType {
-  STABLE = 'STABLE_TYPE',
-  ANXIETY = 'ANXIETY_TYPE',
-  AVOIDANCE = 'AVOIDANCE_TYPE',
-  CONFUSION = 'CONFUSION_TYPE',
-}
-
-// 애착유형 데이터 타입 정의
-export interface AttachmentTypeData {
-  type: AttachmentType
-  character: string
-  subtype: string
-  characterImage: string
-  cardImage: string
-  color: string
-  badgeBackgroundColor: string
-  badgeTextColor: string
-  anxietyThreshold: string
-  avoidanceThreshold: string
-  description: string
-  relationshipAttitudes: string[]
-  conflictSolvingAttitudes: string[]
-  emotionalExpressions: string[]
-}
diff --git a/apps/react/src/features/attachment/ui/attachment-test-banner.tsx b/apps/react/src/features/attachment/ui/attachment-test-banner.tsx
deleted file mode 100644
index 39ce8f9f..00000000
--- a/apps/react/src/features/attachment/ui/attachment-test-banner.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Link } from '@tanstack/react-router'
-import { ChevronRight } from 'lucide-react'
-
-import noteImage from '@/assets/images/note-home.png'
-import { wrapWithTracking } from '@/shared/analytics'
-import { BUTTON_NAMES, CATEGORIES } from '@/shared/analytics/constants'
-
-export function AttachmentTestBanner() {
-  return (
-    <Link to="/attachment-test">
-      <div
-        className="-mx-5 mt-4 h-[68px] cursor-pointer overflow-hidden bg-gray-neutral-100 pl-[28px]"
-        onClick={wrapWithTracking(BUTTON_NAMES.GO_ATTACHMENT_TEST, CATEGORIES.MAIN, () => {})}
-      >
-        <div className="relative flex h-full items-center">
-          <img src={noteImage} alt="Note" className="h-[68px] w-[96px] object-contain" />
-          {/* 텍스트와 아이콘 */}
-          <div className="relative z-10 ml-[12px] flex w-full items-center justify-between pr-8">
-            <span className="body3-semibold text-gray-iron-950">내 애착유형 테스트하러 가기</span>
-
-            {/* Chevron 아이콘 */}
-            <div className="ml-8 flex h-6 w-6 items-center justify-center rounded-full bg-[#3F3F46]">
-              <ChevronRight className="h-[18px] w-[18px] text-white" />
-            </div>
-          </div>
-        </div>
-      </div>
-    </Link>
-  )
-}
diff --git a/apps/react/src/features/attachment/ui/attachment-test-guide.tsx b/apps/react/src/features/attachment/ui/attachment-test-guide.tsx
index 48846306..60839d38 100644
--- a/apps/react/src/features/attachment/ui/attachment-test-guide.tsx
+++ b/apps/react/src/features/attachment/ui/attachment-test-guide.tsx
@@ -1,7 +1,10 @@
 import { useEffect, useState } from 'react'
+import { createPortal } from 'react-dom'
 
 import CheckIcon from '@/assets/icons/check.svg'
 import StarIcon from '@/assets/icons/star.svg'
+import bridge from '@/shared/bridge'
+import { useIsFrozenRoute } from '@/shared/navigation/transition/route-phase-context'
 import { Button } from '@/shared/ui'
 
 interface AttachmentTestGuideProps {
@@ -10,18 +13,25 @@ interface AttachmentTestGuideProps {
 }
 
 export function AttachmentTestGuide({ isOpen, onClose }: AttachmentTestGuideProps) {
+  const isFrozen = useIsFrozenRoute()
   const [isVisible, setIsVisible] = useState(false)
 
   useEffect(() => {
     if (isOpen) {
       // 컴포넌트가 마운트된 후 애니메이션 시작
       setTimeout(() => setIsVisible(true), 10)
+      if (typeof bridge?.setModalOpen === 'function') {
+        void bridge.setModalOpen(true).catch(() => {})
+      }
     } else {
       setIsVisible(false)
+      if (typeof bridge?.setModalOpen === 'function') {
+        void bridge.setModalOpen(false).catch(() => {})
+      }
     }
   }, [isOpen])
 
-  if (!isOpen) return null
+  if (isFrozen || !isOpen) return null
 
   const guideItems = [
     '애착유형은 고정된 성격이 아닌 현재 관계 성향을 알려줘요',
@@ -29,7 +39,7 @@ export function AttachmentTestGuide({ isOpen, onClose }: AttachmentTestGuideProp
     '나와 비슷한 선택지를 가볍게 골라 주세요',
   ]
 
-  return (
+  return createPortal(
     <div className="fixed inset-0 z-50 flex items-end">
       {/* 배경 오버레이 */}
       <div
@@ -79,6 +89,7 @@ export function AttachmentTestGuide({ isOpen, onClose }: AttachmentTestGuideProp
           </div>
         </div>
       </div>
-    </div>
+    </div>,
+    document.body
   )
 }
diff --git a/apps/react/src/features/attachment/ui/attachment-type-cards.tsx b/apps/react/src/features/attachment/ui/attachment-type-cards.tsx
index 40608dd8..9a24da85 100644
--- a/apps/react/src/features/attachment/ui/attachment-type-cards.tsx
+++ b/apps/react/src/features/attachment/ui/attachment-type-cards.tsx
@@ -1,18 +1,21 @@
-import { Link } from '@tanstack/react-router'
 import { ChevronRight } from 'lucide-react'
+import { useState } from 'react'
 
 import MyMysteryMomo from '@/assets/icons/my-mystery.svg'
 import PartnerMysteryMomo from '@/assets/icons/partner-mystery.svg'
+import type { LoveTypeCatalogItem } from '@/features/attachment/models/love-type-catalog'
 import { Badge } from '@/shared/ui'
 
-import type { AttachmentTypeData } from '../models/types'
-
 interface AttachmentTypeCardsProps {
-  myAttachmentData: AttachmentTypeData | null
-  partnerAttachmentData: AttachmentTypeData | null
+  myAttachmentData: LoveTypeCatalogItem | null
+  partnerAttachmentData: LoveTypeCatalogItem | null
   myAttachmentType: string | undefined
   partnerAttachmentType: string | undefined
-  isPartnerConnected: boolean
+  myMbti?: string
+  partnerMbti?: string
+  isPartnerUnknown?: boolean
+  onMyCardClick: () => void
+  onPartnerCardClick: () => void
 }
 
 export function AttachmentTypeCards({
@@ -20,42 +23,61 @@ export function AttachmentTypeCards({
   partnerAttachmentData,
   myAttachmentType,
   partnerAttachmentType,
-  isPartnerConnected,
+  myMbti,
+  partnerMbti,
+  isPartnerUnknown = false,
+  onMyCardClick,
+  onPartnerCardClick,
 }: AttachmentTypeCardsProps) {
-  const safePartnerAttachmentData = isPartnerConnected ? partnerAttachmentData : null
-  const safePartnerAttachmentType = isPartnerConnected ? partnerAttachmentType : undefined
+  const [showTooltip, setShowTooltip] = useState(true)
+
+  const handlePartnerCardClick = () => {
+    if (showTooltip && isPartnerUnknown) {
+      setShowTooltip(false)
+    }
+    onPartnerCardClick()
+  }
+
+  const getPartnerBadgeText = () => {
+    if (partnerAttachmentType) return `${partnerMbti ? partnerMbti + ' ' : ''}${partnerAttachmentType}`
+    if (isPartnerUnknown) return 'AI 분석 예정'
+    return '입력 필요'
+  }
+
+  const getPartnerBadgeVariant = (): 'default' | 'required' | 'rasberry' => {
+    if (partnerAttachmentData) return 'default'
+    if (isPartnerUnknown) return 'rasberry'
+    return 'required'
+  }
 
   const cards = [
     {
-      title: '나의 애착유형',
+      title: '나의 성향',
       attachmentData: myAttachmentData,
       attachmentType: myAttachmentType,
-      badgeText: myAttachmentType || '검사 필요',
+      badgeText: myAttachmentType ? `${myMbti ? myMbti + ' ' : ''}${myAttachmentType}` : '입력 필요',
+      badgeVariant: myAttachmentData ? ('default' as const) : ('required' as const),
       mysteryIcon: MyMysteryMomo,
-      navigationTo: myAttachmentData ? '/attachment-test/result/my' : '/attachment-test',
+      onClick: onMyCardClick,
     },
     {
-      title: '연인의 애착유형',
-      attachmentData: safePartnerAttachmentData,
-      attachmentType: safePartnerAttachmentType,
-      badgeText: safePartnerAttachmentType || (!isPartnerConnected ? '연동 필요' : '검사 필요'),
+      title: '상대의 성향',
+      attachmentData: partnerAttachmentData,
+      attachmentType: partnerAttachmentType,
+      badgeText: getPartnerBadgeText(),
+      badgeVariant: getPartnerBadgeVariant(),
       mysteryIcon: PartnerMysteryMomo,
-      navigationTo: safePartnerAttachmentData
-        ? '/attachment-test/result/partner'
-        : !isPartnerConnected
-          ? '/partner-status?type=not-connected'
-          : '/partner-status?type=not-tested',
+      onClick: handlePartnerCardClick,
     },
   ]
 
   return (
-    <div className="-mx-5 mt-9 h-[290px] bg-gray-neutral-100 px-5 pt-8">
-      <h2 className="heading2-semibold text-gray-iron-950">애착유형 카드</h2>
+    <div className="-mx-5 mt-9 bg-gray-neutral-100 px-5 pt-8 pb-8">
+      <h2 className="heading2-semibold text-gray-iron-950">연애 성향 카드</h2>
 
-      {/* 카드 컨테이너 */}
       <div className="mt-3 flex gap-[10px]">
-        {cards.map((card) => {
-          const CardContent = (
+        {cards.map((card) => (
+          <div key={card.title} className="flex-1" onClick={card.onClick}>
             <div className="h-[170px] cursor-pointer overflow-hidden rounded-[10px] bg-white">
               {/* 카드 헤더 */}
               <div className="flex h-10 items-center justify-between bg-gray-iron-700 pr-[10px] pl-4">
@@ -65,9 +87,8 @@ export function AttachmentTypeCards({
 
               {/* 카드 내용 */}
               <div className="relative h-[130px] p-[12px]">
-                {/* 상태 뱃지 */}
                 <Badge
-                  variant={card.attachmentData ? 'default' : 'required'}
+                  variant={card.badgeVariant}
                   className={
                     card.attachmentData
                       ? `${card.attachmentData.badgeBackgroundColor} ${card.attachmentData.badgeTextColor}`
@@ -77,7 +98,6 @@ export function AttachmentTypeCards({
                   {card.badgeText}
                 </Badge>
 
-                {/* 애착유형 캐릭터 이미지 */}
                 <div className="absolute right-0 bottom-0">
                   {card.attachmentData?.cardImage ? (
                     <img
@@ -91,15 +111,15 @@ export function AttachmentTypeCards({
                 </div>
               </div>
             </div>
-          )
-
-          return (
-            <div key={card.title} className="flex-1">
-              <Link to={card.navigationTo}>{CardContent}</Link>
-            </div>
-          )
-        })}
+          </div>
+        ))}
       </div>
+
+      {isPartnerUnknown && showTooltip && (
+        <div className="mt-3 rounded-[10px] bg-gray-iron-700 px-4 py-3">
+          <p className="body3-medium text-white">AI가 대화 중 상대의 성향을 분석할 예정이에요</p>
+        </div>
+      )}
     </div>
   )
 }
diff --git a/apps/react/src/features/attachment/ui/attachment-type-tag.tsx b/apps/react/src/features/attachment/ui/attachment-type-tag.tsx
index 92277ab3..ae5d8e8e 100644
--- a/apps/react/src/features/attachment/ui/attachment-type-tag.tsx
+++ b/apps/react/src/features/attachment/ui/attachment-type-tag.tsx
@@ -1,10 +1,7 @@
+import type { AttachmentTypePreviewItem } from '@/features/attachment/models/love-type-catalog'
+
 interface AttachmentTypeTagProps {
-  type: {
-    name: string
-    description: string
-    bgColor: string
-    textColor: string
-  }
+  type: AttachmentTypePreviewItem
 }
 
 export function AttachmentTypeTag({ type }: AttachmentTypeTagProps) {
diff --git a/apps/react/src/features/attachment/ui/main/attachment-test-info-section.tsx b/apps/react/src/features/attachment/ui/main/attachment-test-info-section.tsx
index 2c0ecbab..11f11b4e 100644
--- a/apps/react/src/features/attachment/ui/main/attachment-test-info-section.tsx
+++ b/apps/react/src/features/attachment/ui/main/attachment-test-info-section.tsx
@@ -1,4 +1,5 @@
-import { ATTACHMENT_TEST_INFO } from '../../models/attachment-data'
+import { ATTACHMENT_TEST_INFO } from '@/features/attachment/models/love-type-catalog'
+
 import { InfoBox } from '../info-box'
 import { SectionHeader } from '../section-header'
 
diff --git a/apps/react/src/features/attachment/ui/main/attachment-types-section.tsx b/apps/react/src/features/attachment/ui/main/attachment-types-section.tsx
index 0f6148e4..82623302 100644
--- a/apps/react/src/features/attachment/ui/main/attachment-types-section.tsx
+++ b/apps/react/src/features/attachment/ui/main/attachment-types-section.tsx
@@ -1,4 +1,5 @@
-import { ATTACHMENT_TYPE_PREVIEW } from '../../models/attachment-data'
+import { ATTACHMENT_TYPE_PREVIEW } from '@/features/attachment/models/love-type-catalog'
+
 import { AttachmentTypeTag } from '../attachment-type-tag'
 import { SectionHeader } from '../section-header'
 
diff --git a/apps/react/src/features/attachment/ui/result/attachment-result-content.tsx b/apps/react/src/features/attachment/ui/result/attachment-result-content.tsx
index 88db5e0e..5ef8968c 100644
--- a/apps/react/src/features/attachment/ui/result/attachment-result-content.tsx
+++ b/apps/react/src/features/attachment/ui/result/attachment-result-content.tsx
@@ -1,40 +1,133 @@
+import { MemberDataLoveTypeCategoryEnum } from '@data/user-api-axios/api'
+import { useQuery } from '@tanstack/react-query'
 import { useNavigate } from '@tanstack/react-router'
-import { X } from 'lucide-react'
-
-import ConflictIcon from '@/assets/icons/conflict.svg'
-import EmotionIcon from '@/assets/icons/emotion.svg'
-import RelationshipIcon from '@/assets/icons/relationship.svg'
-import { ATTACHMENT_TYPE_DATA } from '@/features/attachment/models/attachment-data'
-import { ResultAttitudeSection } from '@/features/attachment/ui/result/result-attitude-section'
-import { ResultDetailBox } from '@/features/attachment/ui/result/result-detail-box'
-import { ResultScoreBox } from '@/features/attachment/ui/result/result-score-box'
+import { Puzzle, Zap } from 'lucide-react'
+
+import { getLoveTypeCatalogItem } from '@/features/attachment/models/love-type-catalog'
+import type { AccentPalette } from '@/features/attachment/ui/result/attachment-result-sections'
+import {
+  ResultFeatureSection,
+  ResultGuideSection,
+  ResultKeywordSection,
+  ResultMatchSection,
+  ResultTextBlockSection,
+  toFeatureTabs,
+} from '@/features/attachment/ui/result/attachment-result-sections'
+import { usePersonalityFlow } from '@/features/profile/lib/personality-flow'
 import { wrapWithTracking } from '@/shared/analytics'
 import { BUTTON_NAMES, CATEGORIES } from '@/shared/analytics/constants'
 import { Screen } from '@/shared/layout/screen'
-import { useGoBack } from '@/shared/navigation/use-go-back'
+import { cn } from '@/shared/lib/cn'
+import loveTypeService from '@/shared/services/love-type.service'
 import { Button } from '@/shared/ui'
 import { DetailHeaderBar } from '@/shared/ui/header-bar'
 
+import type { CSSProperties } from 'react'
+
 interface UserInfo {
   nickname?: string
   loveTypeCategory?: string
-  anxietyRate?: number
-  avoidanceRate?: number
+  personalityType?: string
 }
 
 interface AttachmentResultContentProps {
   userInfo: UserInfo | null | undefined
   type: 'my' | 'partner'
-  isFromChat?: boolean
+  from?: 'home' | 'chat' | 'my-page' | 'my-result-preview' | 'partner-result-preview'
+}
+interface ResultDisplayMeta {
+  accentPalette: AccentPalette
+  titleText: string
+  behaviorTitle: string
+  typeFeatureTitle: string
+  typeFeatureFixedEmojis: readonly string[]
+  typeFeatureHeaderStyle: CSSProperties
+  typeFeatureIconColorClass: string
+  matchTitle: string
+}
+
+const STABLE_TYPE_FEATURE_EMOJIS = ['🤝', '💌', '💡', '🍀'] as const
+const NON_STABLE_TYPE_FEATURE_EMOJIS = ['☠️', '💦', '🕳️', '🌀'] as const
+const BEHAVIOR_PATTERN_EMOJIS = ['❤️', '🌟', '🤔', '💥'] as const
+const RESULT_THEME: Record<
+  'warm' | 'cool',
+  {
+    accentPalette: AccentPalette
+    typeFeatureHeaderStyle: CSSProperties
+    typeFeatureIconColorClass: string
+  }
+> = {
+  warm: {
+    accentPalette: {
+      accentTextClass: 'text-malmo-orange-500',
+      accentSoftBgClass: 'bg-malmo-orange-50',
+      accentMutedBg: '#FFE2BB',
+    },
+    typeFeatureHeaderStyle: { background: 'linear-gradient(to top, #FFF1DE 0%, #FFFFFF 100%)' },
+    typeFeatureIconColorClass: 'text-malmo-orange-100',
+  },
+  cool: {
+    accentPalette: {
+      accentTextClass: 'text-malmo-rasberry-500',
+      accentSoftBgClass: 'bg-malmo-rasberry-50',
+      accentMutedBg: '#FFC9D3',
+    },
+    typeFeatureHeaderStyle: { background: 'linear-gradient(to top, #FFE6E6 0%, #FFFFFF 100%)' },
+    typeFeatureIconColorClass: 'text-malmo-rasberry-100',
+  },
 }
 
-export function AttachmentResultContent({ userInfo, type, isFromChat = false }: AttachmentResultContentProps) {
+function getResultDisplayMeta({
+  loveTypeCategory,
+  subtype,
+  personalityType,
+  isWarmType,
+}: {
+  loveTypeCategory: string
+  subtype: string
+  personalityType: string
+  isWarmType: boolean
+}): ResultDisplayMeta {
+  const theme = isWarmType ? RESULT_THEME.warm : RESULT_THEME.cool
+  const hasPersonalityType = personalityType.length > 0
+
+  return {
+    accentPalette: theme.accentPalette,
+    titleText: hasPersonalityType ? `${personalityType} ${subtype}` : subtype,
+    behaviorTitle: hasPersonalityType ? `${personalityType}의 행동패턴` : `${subtype}의 행동패턴`,
+    typeFeatureTitle: hasPersonalityType ? `${personalityType}가 ${subtype}일 때` : `${subtype}의 특징`,
+    typeFeatureFixedEmojis:
+      loveTypeCategory === MemberDataLoveTypeCategoryEnum.StableType
+        ? STABLE_TYPE_FEATURE_EMOJIS
+        : NON_STABLE_TYPE_FEATURE_EMOJIS,
+    typeFeatureHeaderStyle: theme.typeFeatureHeaderStyle,
+    typeFeatureIconColorClass: theme.typeFeatureIconColorClass,
+    matchTitle: hasPersonalityType ? `${personalityType} ${subtype}의 연애 궁합` : `${subtype}의 연애 궁합`,
+  }
+}
+
+export function AttachmentResultContent({ userInfo, type, from }: AttachmentResultContentProps) {
   const navigate = useNavigate()
-  const goBack = useGoBack()
+  const { exit } = usePersonalityFlow()
   const isMyResult = type === 'my'
-  const ctaText = isFromChat ? '상담하러 가기' : '홈으로 이동하기'
+  const ctaText =
+    from === 'chat'
+      ? '상담하러 가기'
+      : from === 'my-page'
+        ? '마이페이지로 가기'
+        : from === 'my-result-preview'
+          ? '프로필 이어서 완성하기'
+          : from === 'partner-result-preview'
+            ? '홈으로 돌아가기'
+            : '홈으로 가기'
+  const handleCta = () => {
+    if (from === 'partner-result-preview') {
+      navigate({ to: '/', replace: true })
+    } else {
+      exit()
+    }
+  }
 
-  // 결과 데이터 확인
   if (!userInfo?.loveTypeCategory) {
     return (
       <div className="flex h-full w-full items-center justify-center bg-white">
@@ -53,102 +146,144 @@ export function AttachmentResultContent({ userInfo, type, isFromChat = false }:
     )
   }
 
-  const attachmentData = ATTACHMENT_TYPE_DATA[userInfo.loveTypeCategory as keyof typeof ATTACHMENT_TYPE_DATA]
+  const loveTypeCategory = userInfo.loveTypeCategory
+  const loveTypeCatalogItem = getLoveTypeCatalogItem(loveTypeCategory)
 
-  if (!attachmentData) {
+  if (!loveTypeCatalogItem) {
     return (
       <div className="flex h-full w-full items-center justify-center bg-white">
         <div className="text-center">
           <p className="mb-4 text-red-500">애착 유형 데이터를 찾을 수 없습니다.</p>
           <Button
             text="홈으로 이동"
-            onClick={wrapWithTracking(BUTTON_NAMES.GO_HOME_FROM_RESULT, CATEGORIES.ATTACHMENT, () => goBack())}
+            onClick={wrapWithTracking(BUTTON_NAMES.GO_HOME_FROM_RESULT, CATEGORIES.ATTACHMENT, () => exit())}
           />
         </div>
       </div>
     )
   }
 
-  const handleClose = () => {
-    goBack()
-  }
+  const isWarmType = loveTypeCatalogItem.isWarmType
+  const personalityType = userInfo.personalityType?.toUpperCase() ?? ''
+  const displayName = userInfo.nickname || (isMyResult ? '사용자' : '상대')
+  const shouldFetchDetail = personalityType.length > 0
+
+  const { data: detailData } = useQuery({
+    ...loveTypeService.detailQuery(personalityType, loveTypeCategory),
+    enabled: shouldFetchDetail,
+    retry: false,
+    select: (response) => response?.data,
+  })
+
+  const resolvedPersonalityType = detailData?.personalityType ?? personalityType
+  const summary = detailData?.summary ?? ''
+  const keywords = detailData?.keywords ?? []
+  const patterns = detailData?.patterns ?? []
+  const loveTypeFeatures = detailData?.loveTypeFeatures ?? []
+  const datingGuides = detailData?.datingGuides ?? []
+  const bestMatches = detailData?.bestMatches ?? []
+  const worstMatches = detailData?.worstMatches ?? []
+  const featureTabs = toFeatureTabs(detailData?.strengths, detailData?.weaknesses)
+  const {
+    accentPalette,
+    titleText,
+    behaviorTitle,
+    typeFeatureTitle,
+    typeFeatureFixedEmojis,
+    typeFeatureHeaderStyle,
+    typeFeatureIconColorClass,
+    matchTitle,
+  } = getResultDisplayMeta({
+    loveTypeCategory,
+    subtype: loveTypeCatalogItem.subtype,
+    personalityType: resolvedPersonalityType,
+    isWarmType,
+  })
 
   return (
     <Screen>
-      <Screen.Header behavior="overlay">
-        <DetailHeaderBar
-          showBackButton={false}
-          right={
-            <button onClick={handleClose}>
-              <X className="h-6 w-6 text-gray-iron-950" />
-            </button>
-          }
-        />
-      </Screen.Header>
-
-      <Screen.Content className="flex flex-col bg-white">
-        <div className="mt-[4px] flex flex-col items-center px-[20px]">
-          {/* 캐릭터 이미지 */}
-          <img
-            src={attachmentData.characterImage}
-            alt={attachmentData.character}
-            className="h-[240px] w-[260px] object-contain"
-          />
+      <Screen.Content className="no-bounce-scroll flex flex-col bg-gray-neutral-50">
+        <DetailHeaderBar className="bg-gray-neutral-50" showBackButton={true} onBackClick={handleCta} />
 
-          {/* 애착유형 텍스트 */}
-          <div className="mt-[10px] text-center">
-            <h1 className="heading1-semibold text-gray-iron-950">
-              {isMyResult
-                ? `${userInfo.nickname || '사용자'}님의 애착유형은`
-                : `${userInfo.nickname || '연인'}님의 애착유형은`}
-            </h1>
-            <h2 className="title2-bold" style={{ color: attachmentData.color }}>
-              {attachmentData.character}
-            </h2>
-          </div>
-        </div>
+        <div className="px-4">
+          <div className="relative">
+            <div
+              className="absolute inset-0 translate-x-[8px] translate-y-[8px] rounded-[28px]"
+              style={{ backgroundColor: accentPalette.accentMutedBg }}
+            />
 
-        {/* 결과 정보 섹션 */}
-        <div className="mt-[52px] px-[20px]">
-          {/* 점수 박스 */}
-          <ResultScoreBox anxietyRate={userInfo.anxietyRate || 0} avoidanceRate={userInfo.avoidanceRate || 0} />
+            <section className="relative h-[400px] overflow-hidden rounded-[28px] bg-white shadow-[0_8px_24px_0_rgba(19,19,22,0.06)]">
+              <img
+                src={loveTypeCatalogItem.resultImage}
+                alt={`${loveTypeCatalogItem.subtype} 결과 카드`}
+                className="absolute inset-0 h-full w-full object-cover object-top"
+              />
+              <div className="absolute inset-x-0 top-0 h-[210px] bg-gradient-to-b from-white via-white/90 to-transparent" />
+              <div className="absolute inset-x-0 bottom-0 h-[96px] bg-gradient-to-t from-white/12 to-transparent" />
 
-          {/* 상세 정보 박스 */}
-          <ResultDetailBox attachmentData={attachmentData} />
-        </div>
+              <div className="absolute top-[22px] right-[22px] left-[22px] z-10">
+                <p className={cn('heading2-bold', accentPalette.accentTextClass)}>
+                  {isMyResult ? `${displayName}님은` : '상대는'}
+                </p>
+                <h1 className="title1-bold mt-2 text-gray-iron-900">{titleText}</h1>
+                <p className="body3-medium mt-1 max-w-[230px] [word-break:keep-all] whitespace-pre-line text-gray-iron-900">
+                  {summary}
+                </p>
+              </div>
+            </section>
+          </div>
 
-        {/* 결과 태도 섹션 */}
-        <div className="mt-[52px] px-[20px]">
-          {/* 관계에 대한 태도 */}
-          <ResultAttitudeSection
-            icon={RelationshipIcon}
-            title="관계에 대한 태도"
-            color={attachmentData.color}
-            items={attachmentData.relationshipAttitudes}
-          />
+          <div className="mt-6 space-y-6">
+            <ResultKeywordSection keywords={keywords} />
+            <ResultFeatureSection
+              title={resolvedPersonalityType ? `${resolvedPersonalityType} 특징` : '애착유형 특징'}
+              tabs={featureTabs}
+            />
+          </div>
+        </div>
 
-          {/* 갈등해결 태도 */}
-          <ResultAttitudeSection
-            icon={ConflictIcon}
-            title="갈등 해결 태도"
-            color="#1B1B1B"
-            items={attachmentData.conflictSolvingAttitudes}
+        <div className="mt-6 space-y-6 px-4">
+          <ResultTextBlockSection
+            title={behaviorTitle}
+            accentPalette={accentPalette}
+            decoration={
+              <Puzzle
+                className="h-[92px] w-[92px] text-gray-neutral-300"
+                fill="currentColor"
+                stroke="currentColor"
+                strokeWidth={1.6}
+              />
+            }
+            headerStyle={{ background: 'linear-gradient(to top, #E5E7EB 0%, #FFFFFF 100%)' }}
+            items={patterns}
+            fixedEmojis={BEHAVIOR_PATTERN_EMOJIS}
           />
 
-          {/* 정서적인 표현 */}
-          <ResultAttitudeSection
-            icon={EmotionIcon}
-            title="정서적인 표현"
-            color={attachmentData.color}
-            items={attachmentData.emotionalExpressions}
+          <ResultTextBlockSection
+            title={typeFeatureTitle}
+            accentPalette={accentPalette}
+            decoration={
+              <Zap
+                className={cn('h-[92px] w-[92px]', typeFeatureIconColorClass)}
+                fill="currentColor"
+                strokeWidth={1.75}
+              />
+            }
+            items={loveTypeFeatures}
+            fixedEmojis={typeFeatureFixedEmojis}
+            headerStyle={typeFeatureHeaderStyle}
           />
         </div>
 
-        {/* 바텀 버튼 */}
-        <div className="px-5 pb-[calc(var(--safe-bottom)_+_20px)]">
+        <ResultGuideSection accentPalette={accentPalette} isWarmType={isWarmType} guides={datingGuides} />
+
+        <ResultMatchSection title={matchTitle} bestMatches={bestMatches} worstMatches={worstMatches} />
+
+        <div className="mt-[92px] px-5 pb-[calc(var(--safe-bottom)_+_20px)]">
           <Button
             text={ctaText}
-            onClick={wrapWithTracking(BUTTON_NAMES.GO_HOME_FROM_RESULT, CATEGORIES.ATTACHMENT, handleClose)}
+            className="h-[56px] rounded-[12px]"
+            onClick={wrapWithTracking(BUTTON_NAMES.GO_HOME_FROM_RESULT, CATEGORIES.ATTACHMENT, handleCta)}
           />
         </div>
       </Screen.Content>
diff --git a/apps/react/src/features/attachment/ui/result/attachment-result-sections.tsx b/apps/react/src/features/attachment/ui/result/attachment-result-sections.tsx
new file mode 100644
index 00000000..b288a005
--- /dev/null
+++ b/apps/react/src/features/attachment/ui/result/attachment-result-sections.tsx
@@ -0,0 +1,373 @@
+import { Check } from 'lucide-react'
+import { useState } from 'react'
+
+import HeartIcon from '@/assets/icons/heart.svg'
+import { toAttachmentResultEmoji, toAttachmentResultLabel } from '@/features/attachment/models/result-label-map'
+import { cn } from '@/shared/lib/cn'
+
+import type { LoveTypePersonalityTypeBlockData, LoveTypeTextBlockData } from '@data/user-api-axios/api'
+import type { CSSProperties, ReactNode } from 'react'
+
+export interface ResultTabItem {
+  label: string
+  title: string
+  description: string
+}
+
+export interface AccentPalette {
+  accentTextClass: string
+  accentSoftBgClass: string
+  accentMutedBg: string
+}
+
+const FEATURE_POINT_EMOJIS = ['🤩', '😀', '😮', '😥'] as const
+const FEATURE_BAR_HEIGHTS = [120, 100, 72, 20] as const
+const FEATURE_CHART_GRADIENTS = [
+  'linear-gradient(180deg, #FFC9D3 0%, #FFE6EB 100%)',
+  'linear-gradient(180deg, #FFE2BB 0%, #FFF0DB 100%)',
+  'linear-gradient(180deg, #E1D7FF 0%, #F0EBFF 100%)',
+  'linear-gradient(180deg, #B0B6BF 0%, #C8CBD0 100%)',
+] as const
+const FEATURE_BAR_TOP_COLORS = ['#EC4665', '#FF8400', '#7C59EA', '#3F3F46'] as const
+const FEATURE_LABEL_BG_CLASSES = [
+  'bg-malmo-rasberry-500',
+  'bg-malmo-orange-500',
+  'bg-malmo-purple-500',
+  'bg-gray-iron-700',
+] as const
+const BEST_MATCH_CARD_BG = '#FDEDF0'
+const WORST_MATCH_CARD_BG = '#F3F4F6'
+const SECOND_GUIDE_CHECK_GRADIENT = 'linear-gradient(180deg, #9DA4AE 0%, #C8CFD8 100%)'
+
+function pickByIndex<T>(values: readonly T[], index: number): T {
+  return values[Math.min(index, values.length - 1)] as T
+}
+
+export function toFeatureTabs(
+  strengths: LoveTypeTextBlockData[] | undefined,
+  weaknesses: LoveTypeTextBlockData[] | undefined
+): ResultTabItem[] {
+  const strengthItems = (strengths ?? []).slice(0, 3).map((item, index) => ({
+    label: `강점 ${index + 1}`,
+    title: item.title ?? '',
+    description: item.description ?? '',
+  }))
+
+  const weakness = weaknesses?.[0]
+  if (!weakness) return strengthItems
+
+  return [
+    ...strengthItems,
+    {
+      label: '약점',
+      title: weakness.title ?? '',
+      description: weakness.description ?? '',
+    },
+  ]
+}
+
+export function ResultKeywordSection({ keywords }: { keywords: string[] }) {
+  return (
+    <section className="rounded-[24px] bg-white p-5">
+      <h2 className="heading2-bold text-gray-iron-800">나의 키워드</h2>
+
+      <div className="mt-2 flex flex-nowrap gap-[3px] overflow-x-auto pb-[2px] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
+        {keywords.map((keyword, index) => {
+          const label = toAttachmentResultLabel(keyword)
+
+          return (
+            <div
+              key={`${keyword}-${index}`}
+              className="inline-flex shrink-0 items-center gap-[3px] rounded-full bg-gray-iron-800 px-[9px] py-[3px]"
+            >
+              <span className="body4-medium text-white">{label}</span>
+              <span className="emoji-toss flex h-4 w-4 items-center justify-center text-[13px] leading-none">
+                {toAttachmentResultEmoji(keyword)}
+              </span>
+            </div>
+          )
+        })}
+      </div>
+    </section>
+  )
+}
+
+export function ResultFeatureSection({ title, tabs }: { title: string; tabs: ResultTabItem[] }) {
+  if (!tabs.length) return null
+
+  const [selectedIndex, setSelectedIndex] = useState(0)
+  const activeTab = tabs[selectedIndex]
+
+  return (
+    <section className="rounded-[24px] bg-white px-5 pt-5 pb-6">
+      <h2 className="heading2-bold text-gray-iron-800">{title}</h2>
+
+      <div className="mt-6 rounded-[18.5px] bg-gray-neutral-100 p-1">
+        <div className="flex gap-1">
+          {tabs.map((tab, index) => {
+            const isSelected = index === selectedIndex
+
+            return (
+              <button
+                key={tab.label}
+                type="button"
+                onClick={() => setSelectedIndex(index)}
+                className={cn(
+                  'flex-1 rounded-[50px] px-[14px] py-[7px] text-center',
+                  isSelected ? 'bg-white shadow-[0_1px_4px_0_rgba(0,0,0,0.08)]' : 'bg-transparent'
+                )}
+              >
+                <span
+                  className={cn(isSelected ? 'body4-semibold text-gray-iron-800' : 'body4-medium text-gray-iron-800')}
+                >
+                  {tab.label}
+                </span>
+              </button>
+            )
+          })}
+        </div>
+      </div>
+
+      <div className="mt-5">
+        <div className="mx-auto grid w-full max-w-[288px] grid-cols-4 gap-4">
+          {tabs.map((tab, index) => {
+            const isSelected = index === selectedIndex
+            const selectedGradient = pickByIndex(FEATURE_CHART_GRADIENTS, index)
+            const selectedTopColor = pickByIndex(FEATURE_BAR_TOP_COLORS, index)
+
+            return (
+              <button
+                key={`bar-${tab.label}`}
+                type="button"
+                onClick={() => setSelectedIndex(index)}
+                className="flex h-[120px] w-full items-end"
+              >
+                <div className="relative w-full" style={{ height: `${pickByIndex(FEATURE_BAR_HEIGHTS, index)}px` }}>
+                  {isSelected && (
+                    <div
+                      className="absolute -top-[2px] left-0 h-[2px] w-full rounded-[10px]"
+                      style={{ background: selectedTopColor }}
+                    />
+                  )}
+                  <div
+                    className="h-full w-full transition-[background,border-radius]"
+                    style={{
+                      background: isSelected ? selectedGradient : '#E5E7EB',
+                      borderTopLeftRadius: isSelected ? '0px' : '8px',
+                      borderTopRightRadius: isSelected ? '0px' : '8px',
+                    }}
+                  />
+                </div>
+              </button>
+            )
+          })}
+        </div>
+
+        <div className="mx-auto h-[1px] w-full max-w-[288px] bg-gray-neutral-300" />
+
+        <div className="mx-auto mt-2 grid w-full max-w-[288px] grid-cols-4 gap-4">
+          {tabs.map((tab, index) => {
+            const isSelected = index === selectedIndex
+            const selectedLabelBgClass = pickByIndex(FEATURE_LABEL_BG_CLASSES, index)
+
+            return (
+              <button
+                key={`label-${tab.label}`}
+                type="button"
+                onClick={() => setSelectedIndex(index)}
+                className="flex w-full flex-col items-center"
+              >
+                <span className="emoji-toss inline-flex h-7 w-7 items-center justify-center text-[28px] leading-none">
+                  {FEATURE_POINT_EMOJIS[index % FEATURE_POINT_EMOJIS.length]}
+                </span>
+
+                <div
+                  className={cn(
+                    'mt-2 flex w-full items-center justify-center rounded-[8px] px-[7.5px] py-[1px] text-center',
+                    isSelected ? `${selectedLabelBgClass} text-white` : 'bg-gray-neutral-100 text-gray-iron-500'
+                  )}
+                >
+                  <span className={cn(isSelected ? 'body4-semibold' : 'body4-medium')}>
+                    {toAttachmentResultLabel(tab.title)}
+                  </span>
+                </div>
+              </button>
+            )
+          })}
+        </div>
+      </div>
+
+      {activeTab && (
+        <div className="mt-5 rounded-[12px] bg-gray-neutral-100 px-4 py-[10px]">
+          <p className="body3-regular [word-break:keep-all] text-gray-iron-800">
+            {toAttachmentResultLabel(activeTab.description)}
+          </p>
+        </div>
+      )}
+    </section>
+  )
+}
+
+export function ResultTextBlockSection({
+  title,
+  accentPalette,
+  decoration,
+  items,
+  fixedEmojis,
+  headerStyle,
+}: {
+  title: string
+  accentPalette: AccentPalette
+  decoration: ReactNode
+  items: LoveTypeTextBlockData[]
+  fixedEmojis: readonly string[]
+  headerStyle?: CSSProperties
+}) {
+  if (!items.length) return null
+
+  return (
+    <section className="overflow-hidden rounded-[24px] bg-white">
+      <div className={cn('relative h-[120px]', !headerStyle && accentPalette.accentSoftBgClass)} style={headerStyle}>
+        <h2 className="heading2-bold absolute top-5 left-5 text-gray-iron-800">{title}</h2>
+        <span className="absolute top-[43px] right-6 z-0 inline-flex h-[92px] w-[92px] items-center justify-center">
+          {decoration}
+        </span>
+      </div>
+
+      <div className="relative z-10 bg-white px-5 pt-8 pb-8">
+        <div className="space-y-[36px]">
+          {items.map((item, index) => (
+            <div key={`${item.title || 'item'}-${index}`}>
+              <div className="flex items-start gap-2">
+                <span className="emoji-toss flex h-6 w-6 shrink-0 items-center justify-center text-[24px] leading-none">
+                  {fixedEmojis[index % fixedEmojis.length]}
+                </span>
+                <p className="body1-semibold text-gray-iron-900">{toAttachmentResultLabel(item.title)}</p>
+              </div>
+              <p className="body2-regular mt-3 [word-break:keep-all] text-gray-iron-600">
+                {toAttachmentResultLabel(item.description)}
+              </p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  )
+}
+
+export function ResultGuideSection({
+  accentPalette,
+  isWarmType,
+  guides,
+}: {
+  accentPalette: AccentPalette
+  isWarmType: boolean
+  guides: LoveTypeTextBlockData[]
+}) {
+  if (!guides.length) return null
+
+  const guideCheckGradient = isWarmType
+    ? 'linear-gradient(180deg, #FF8400 0%, #FFC17F 100%)'
+    : 'linear-gradient(180deg, #EC4665 0%, #F78EA2 100%)'
+
+  return (
+    <section className="px-5 pt-12">
+      <h2 className="heading2-bold text-gray-iron-800">건강한 연애를 위한 가이드</h2>
+
+      <div className="mt-6 grid gap-3">
+        {guides.slice(0, 3).map((guide, index) => {
+          const title = toAttachmentResultLabel(guide.title)
+          const description = toAttachmentResultLabel(guide.description)
+
+          return (
+            <div
+              key={`${title}-${index}`}
+              className={cn(
+                'flex min-h-24 items-center rounded-[16px] px-5',
+                index === 1 ? 'bg-gray-neutral-100' : accentPalette.accentSoftBgClass
+              )}
+            >
+              <div
+                className="flex h-7 w-7 shrink-0 items-center justify-center rounded-full"
+                style={{ background: index === 1 ? SECOND_GUIDE_CHECK_GRADIENT : guideCheckGradient }}
+              >
+                <Check className="h-4 w-4 stroke-[2.6] text-white" />
+              </div>
+
+              <div className="ml-4">
+                <p className="body1-semibold text-gray-iron-900">{title}</p>
+                <p className="body3-regular mt-1 [word-break:keep-all] text-gray-iron-700">{description}</p>
+              </div>
+            </div>
+          )
+        })}
+      </div>
+    </section>
+  )
+}
+
+function MatchCard({ item, tone }: { item: LoveTypePersonalityTypeBlockData; tone: 'best' | 'worst' }) {
+  const matchCardBackground = tone === 'best' ? BEST_MATCH_CARD_BG : WORST_MATCH_CARD_BG
+
+  return (
+    <div className="h-[182px] rounded-[16px] p-4" style={{ background: matchCardBackground }}>
+      <HeartIcon className={cn('h-5 w-5', tone === 'best' ? '[&_path]:fill-[#EC4665]' : '[&_path]:fill-[#4E5968]')} />
+      <p className={cn('title2-bold mt-2', tone === 'best' ? 'text-malmo-rasberry-500' : 'text-gray-iron-800')}>
+        {toAttachmentResultLabel(item.personalityType)}
+      </p>
+      <p className="body3-regular mt-2 [word-break:keep-all] text-gray-iron-800">
+        {toAttachmentResultLabel(item.description)}
+      </p>
+    </div>
+  )
+}
+
+export function ResultMatchSection({
+  title,
+  bestMatches,
+  worstMatches,
+}: {
+  title: string
+  bestMatches: LoveTypePersonalityTypeBlockData[]
+  worstMatches: LoveTypePersonalityTypeBlockData[]
+}) {
+  if (!bestMatches.length && !worstMatches.length) return null
+
+  return (
+    <section className="px-5 pt-[100px]">
+      <h2 className="heading2-bold text-center text-gray-iron-800">{title}</h2>
+
+      {bestMatches.length > 0 && (
+        <>
+          <div className="mt-8 flex justify-center">
+            <div className="rounded-full bg-malmo-rasberry-500 px-[14px] py-[1px]">
+              <span className="body3-semibold text-white">BEST</span>
+            </div>
+          </div>
+
+          <div className="mt-3 grid grid-cols-2 gap-2">
+            {bestMatches.slice(0, 2).map((item, index) => (
+              <MatchCard key={`${item.personalityType || 'best'}-${index}`} item={item} tone="best" />
+            ))}
+          </div>
+        </>
+      )}
+
+      {worstMatches.length > 0 && (
+        <>
+          <div className="mt-6 flex justify-center">
+            <div className="rounded-full bg-gray-iron-700 px-[14px] py-[1px]">
+              <span className="body3-semibold text-white">WORST</span>
+            </div>
+          </div>
+
+          <div className="mt-3 grid grid-cols-2 gap-2">
+            {worstMatches.slice(0, 2).map((item, index) => (
+              <MatchCard key={`${item.personalityType || 'worst'}-${index}`} item={item} tone="worst" />
+            ))}
+          </div>
+        </>
+      )}
+    </section>
+  )
+}
diff --git a/apps/react/src/features/attachment/ui/result/result-detail-box.tsx b/apps/react/src/features/attachment/ui/result/result-detail-box.tsx
deleted file mode 100644
index 68ac094e..00000000
--- a/apps/react/src/features/attachment/ui/result/result-detail-box.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import type { AttachmentTypeData } from '../../models/types'
-
-interface ResultDetailBoxProps {
-  attachmentData: AttachmentTypeData
-}
-
-export function ResultDetailBox({ attachmentData }: ResultDetailBoxProps) {
-  return (
-    <div className="mt-[16px] rounded-[12px] bg-gray-neutral-100 px-[20px] pt-[28px] pb-[40px]">
-      {/* 애착유형 태그 */}
-      <div className="flex justify-center">
-        <div className="rounded-[19.5px] bg-gray-iron-700 px-[16px] py-[6px]">
-          <span className="body3-medium text-white">
-            {attachmentData.character} - {attachmentData.subtype}
-          </span>
-        </div>
-      </div>
-
-      {/* 점수 설명 */}
-      <div className="mt-[12px] text-center">
-        <span className="body3-medium text-gray-iron-500">
-          불안 점수 {attachmentData.anxietyThreshold} / 회피 점수 {attachmentData.avoidanceThreshold}
-        </span>
-      </div>
-
-      {/* 설명 텍스트 */}
-      <div className="mt-[32px]">
-        <p className="body2-reading-regular whitespace-pre-line text-gray-iron-900">{attachmentData.description}</p>
-      </div>
-    </div>
-  )
-}
diff --git a/apps/react/src/features/auth/hooks/use-auth.tsx b/apps/react/src/features/auth/hooks/use-auth.tsx
index 5a78f749..995a0031 100644
--- a/apps/react/src/features/auth/hooks/use-auth.tsx
+++ b/apps/react/src/features/auth/hooks/use-auth.tsx
@@ -2,6 +2,7 @@ import { SocialLoginType } from '@bridge/types'
 import {
   MemberDataMemberStateEnum,
   MemberDataLoveTypeCategoryEnum,
+  MemberDataPartnerLoveTypeCategoryEnum,
   MemberDataProviderEnum,
   MemberDataRelationshipStatusEnum,
 } from '@data/user-api-axios/api'
@@ -21,6 +22,7 @@ export type UserInfo = {
   provider?: MemberDataProviderEnum
   nickname?: string
   loveTypeCategory?: MemberDataLoveTypeCategoryEnum
+  partnerLoveTypeCategory?: MemberDataPartnerLoveTypeCategoryEnum
   relationshipStatus?: MemberDataRelationshipStatusEnum
   personalityType?: string
   otherPersonalityType?: string
@@ -52,6 +54,7 @@ const initialUserInfo: UserInfo = {
   provider: undefined,
   nickname: undefined,
   loveTypeCategory: undefined,
+  partnerLoveTypeCategory: undefined,
   relationshipStatus: undefined,
   personalityType: undefined,
   otherPersonalityType: undefined,
@@ -81,6 +84,7 @@ export function AuthProvider({ children }: { children: ReactNode }) {
           provider: memberInfo.data.data.provider || undefined,
           nickname: memberInfo.data.data.nickname,
           loveTypeCategory: memberInfo.data.data.loveTypeCategory || undefined,
+          partnerLoveTypeCategory: memberInfo.data.data.partnerLoveTypeCategory || undefined,
           relationshipStatus: memberInfo.data.data.relationshipStatus || undefined,
           personalityType: memberInfo.data.data.personalityType || undefined,
           otherPersonalityType: memberInfo.data.data.otherPersonalityType || undefined,
diff --git a/apps/react/src/features/chat/ui/chat-entry-card.tsx b/apps/react/src/features/chat/ui/chat-entry-card.tsx
index 7f2713f2..4155a01a 100644
--- a/apps/react/src/features/chat/ui/chat-entry-card.tsx
+++ b/apps/react/src/features/chat/ui/chat-entry-card.tsx
@@ -2,6 +2,8 @@ import { useMutation, useQueryClient } from '@tanstack/react-query'
 import { useNavigate } from '@tanstack/react-router'
 
 import momoIdle from '@/assets/images/momo-home-idle.png'
+import { useAuth } from '@/features/auth'
+import { getMissingPersonalityFlow } from '@/features/profile/lib/personality-flow'
 import { wrapWithTracking } from '@/shared/analytics'
 import { BUTTON_NAMES, CATEGORIES } from '@/shared/analytics/constants'
 import chatService from '@/shared/services/chat.service'
@@ -9,11 +11,20 @@ import chatService from '@/shared/services/chat.service'
 export function ChatEntryCard() {
   const navigate = useNavigate()
   const queryClient = useQueryClient()
+  const { userInfo } = useAuth()
   const { mutateAsync: createChatRoom, isPending } = useMutation(chatService.createChatRoomMutation())
 
   const handleChatClick = wrapWithTracking(BUTTON_NAMES.START_NEW_CHAT, CATEGORIES.MAIN, async () => {
     if (isPending) return
 
+    const hasUserPersonality = !!userInfo.personalityType && !!userInfo.loveTypeCategory
+    const hasPartnerPersonality = !!userInfo.otherPersonalityType && !!userInfo.partnerLoveTypeCategory
+
+    if (!hasUserPersonality || !hasPartnerPersonality) {
+      navigate({ to: '/personality-flow-loading', search: { flow: getMissingPersonalityFlow(userInfo) } })
+      return
+    }
+
     const created = await createChatRoom()
     const createdId = created?.chatRoomId
     if (!createdId) {
@@ -26,7 +37,7 @@ export function ChatEntryCard() {
       createdAt: new Date().toISOString(),
     })
 
-    navigate({ to: '/mbti', search: { flow: 'chat-entry', chatId: createdId } })
+    navigate({ to: '/chat' })
   })
 
   return (
@@ -35,7 +46,7 @@ export function ChatEntryCard() {
       <h1 className="heading2-semibold text-gray-iron-950">연애 고민 상담</h1>
 
       {/* 연애고민상담 박스 */}
-      <div className="mt-3 rounded-[10px] bg-malmo-rasberry-25 px-4 pt-4 pb-[18px]">
+      <div className="mt-3 mb-4 rounded-[10px] bg-malmo-rasberry-25 px-4 pt-4 pb-[18px]">
         <div className="flex h-full flex-col justify-between">
           {/* 상단 컨텐츠 */}
           <div className="flex items-start justify-between">
diff --git a/apps/react/src/features/chat/ui/chat-message-list.tsx b/apps/react/src/features/chat/ui/chat-message-list.tsx
index 2cc5e9c3..13c01fa7 100644
--- a/apps/react/src/features/chat/ui/chat-message-list.tsx
+++ b/apps/react/src/features/chat/ui/chat-message-list.tsx
@@ -55,9 +55,7 @@ export function ChatMessageList({
     <div className="flex flex-1 flex-col">
       <section className="no-bounce-scroll flex flex-1 flex-col overflow-y-auto">
         <div className="bg-gray-iron-700 px-[20px] py-[9px]">
-          <p className="body3-medium text-center text-white">
-            연동 후에도 대화 내용은 상대에게 공유되지 않으니 안심하세요!
-          </p>
+          <p className="body3-medium text-center text-white">대화 내용은 암호화 되어 안전하게 저장하고 있어요!</p>
         </div>
 
         {isLoading && (
diff --git a/apps/react/src/features/couple/index.ts b/apps/react/src/features/couple/index.ts
deleted file mode 100644
index 82aafe23..00000000
--- a/apps/react/src/features/couple/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './ui/couple-code-form'
diff --git a/apps/react/src/features/couple/ui/couple-code-form.tsx b/apps/react/src/features/couple/ui/couple-code-form.tsx
deleted file mode 100644
index b65ceee9..00000000
--- a/apps/react/src/features/couple/ui/couple-code-form.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import { TitleSection } from '@/features/onboarding/ui/title-section'
-import { useKeyboardSheetMotion } from '@/shared/hooks/use-keyboard-motion'
-import { Screen } from '@/shared/layout/screen'
-import { Input, Button } from '@/shared/ui'
-import { DetailHeaderBar } from '@/shared/ui/header-bar'
-
-interface PartnerCodeFormProps {
-  partnerCode: string
-  onPartnerCodeChange: (code: string) => void
-  onBack: () => void
-  onSubmit: () => void
-  isSubmitting: boolean
-}
-
-export function PartnerCodeForm({
-  partnerCode,
-  onPartnerCodeChange,
-  onBack,
-  onSubmit,
-  isSubmitting,
-}: PartnerCodeFormProps) {
-  const { keyboardBottom } = useKeyboardSheetMotion()
-
-  return (
-    <Screen>
-      <Screen.Header behavior="overlay">
-        <DetailHeaderBar onBackClick={onBack} />
-      </Screen.Header>
-
-      <Screen.Content className="flex flex-1 flex-col bg-white">
-        <TitleSection
-          title={
-            <>
-              연인의 커플 코드를
-              <br />
-              입력해 주세요
-            </>
-          }
-        />
-
-        <div className="mt-[68px] px-5">
-          <Input
-            type="text"
-            value={partnerCode}
-            onChange={(e) => onPartnerCodeChange(e.target.value)}
-            placeholder="코드를 입력해 주세요"
-            maxLength={7}
-          />
-        </div>
-
-        <div className="mt-auto mb-5 px-5" style={keyboardBottom}>
-          <Button text="연결하기" onClick={onSubmit} disabled={isSubmitting || !partnerCode.trim()} />
-        </div>
-      </Screen.Content>
-    </Screen>
-  )
-}
diff --git a/apps/react/src/features/onboarding/contexts/onboarding-context.tsx b/apps/react/src/features/onboarding/contexts/onboarding-context.tsx
index 01f85a13..7caf73ac 100644
--- a/apps/react/src/features/onboarding/contexts/onboarding-context.tsx
+++ b/apps/react/src/features/onboarding/contexts/onboarding-context.tsx
@@ -1,12 +1,10 @@
 import { useMutation } from '@tanstack/react-query'
-import React, { createContext, useContext, useState, ReactNode } from 'react'
+import { createContext, useContext, useState, ReactNode } from 'react'
 
 import signUpService from '@/shared/services/sign-up.service'
 
 import type { SignUpRequestDto } from '@data/user-api-axios/api'
 
-// import { useAuth } from '@/features/auth'
-
 // 연애 상태 타입 정의
 export type RelationshipStatus = NonNullable<SignUpRequestDto['relationshipStatus']>
 
@@ -108,6 +106,7 @@ export function OnboardingProvider({ children }: { children: ReactNode }) {
 
       // 회원가입 API 호출
       await signUpMutation.mutateAsync(requestBody)
+
       setIsOnboardingCompleted(true)
 
       return true
diff --git a/apps/react/src/features/onboarding/ui/mbti-form.tsx b/apps/react/src/features/onboarding/ui/mbti-form.tsx
index 7f01e904..74c0af6d 100644
--- a/apps/react/src/features/onboarding/ui/mbti-form.tsx
+++ b/apps/react/src/features/onboarding/ui/mbti-form.tsx
@@ -2,9 +2,9 @@ import { ReactNode, useState } from 'react'
 
 import { TitleSection } from '@/features/onboarding/ui/title-section'
 import { Screen } from '@/shared/layout/screen'
-import { cn } from '@/shared/lib/cn'
 import { Button } from '@/shared/ui'
 import { DetailHeaderBar } from '@/shared/ui/header-bar'
+import { SelectableButton } from '@/shared/ui/selectable-button'
 
 // MBTI 차원 타입
 type EnergyType = 'E' | 'I'
@@ -64,6 +64,8 @@ interface MbtiFormProps {
   title: ReactNode
   description?: ReactNode
   headerTitle?: string
+  navCenter?: ReactNode
+  contentTopSlot?: ReactNode
   initialValue?: string | null
   submitText: string
   requireChangeForSubmit?: boolean
@@ -76,6 +78,8 @@ export function MbtiForm({
   title,
   description,
   headerTitle,
+  navCenter,
+  contentTopSlot,
   initialValue = null,
   submitText,
   requireChangeForSubmit = false,
@@ -134,10 +138,11 @@ export function MbtiForm({
   return (
     <Screen>
       <Screen.Header behavior="overlay">
-        <DetailHeaderBar title={headerTitle} onBackClick={onBack ? handleBack : undefined} />
+        <DetailHeaderBar title={headerTitle} center={navCenter} onBackClick={onBack ? handleBack : undefined} />
       </Screen.Header>
 
       <Screen.Content className="flex flex-1 flex-col overflow-y-auto bg-white">
+        {contentTopSlot}
         <TitleSection title={title} description={description} />
 
         <div className="mt-[68px] space-y-4 px-5">
@@ -146,27 +151,14 @@ export function MbtiForm({
               <p className="body3-medium mb-2 text-gray-iron-950">{dimension.title}</p>
               <div className="flex gap-2">
                 {dimension.options.map((option) => (
-                  <button
+                  <SelectableButton
                     key={option.value}
+                    selected={selections[dimension.key] === option.value}
                     onClick={() => handleSelect(dimension.key, option.value)}
-                    className={cn(
-                      'flex-1 rounded-[10px] border py-4 text-center transition-all',
-                      selections[dimension.key] === option.value
-                        ? 'border-malmo-rasberry-500'
-                        : 'border-gray-neutral-300'
-                    )}
+                    className="flex-1 py-3"
                   >
-                    <p
-                      className={cn(
-                        'body2-medium',
-                        selections[dimension.key] === option.value
-                          ? 'text-malmo-rasberry-500'
-                          : 'text-gray-iron-500'
-                      )}
-                    >
-                      {option.label}
-                    </p>
-                  </button>
+                    {option.label}
+                  </SelectableButton>
                 ))}
               </div>
             </div>
diff --git a/apps/react/src/features/onboarding/ui/relationship-status-form.tsx b/apps/react/src/features/onboarding/ui/relationship-status-form.tsx
index 93552e37..2db951ea 100644
--- a/apps/react/src/features/onboarding/ui/relationship-status-form.tsx
+++ b/apps/react/src/features/onboarding/ui/relationship-status-form.tsx
@@ -2,9 +2,9 @@ import { ReactNode, useState } from 'react'
 
 import { TitleSection } from '@/features/onboarding/ui/title-section'
 import { Screen } from '@/shared/layout/screen'
-import { cn } from '@/shared/lib/cn'
 import { Button } from '@/shared/ui'
 import { DetailHeaderBar } from '@/shared/ui/header-bar'
+import { SelectableButton } from '@/shared/ui/selectable-button'
 
 interface RelationshipStatusOption {
   value: string
@@ -54,7 +54,11 @@ export function RelationshipStatusForm({
   return (
     <Screen>
       <Screen.Header behavior="overlay">
-        <DetailHeaderBar title={headerTitle} showBackButton={showBackButton} onBackClick={onBack ? handleBack : undefined} />
+        <DetailHeaderBar
+          title={headerTitle}
+          showBackButton={showBackButton}
+          onBackClick={onBack ? handleBack : undefined}
+        />
       </Screen.Header>
 
       <Screen.Content className="flex flex-1 flex-col bg-white">
@@ -62,23 +66,14 @@ export function RelationshipStatusForm({
 
         <div className="mt-[68px] space-y-2 px-5">
           {options.map((option) => (
-            <button
+            <SelectableButton
               key={option.value}
+              selected={selected === option.value}
               onClick={() => setSelected(option.value)}
-              className={cn(
-                'flex w-full items-center rounded-[10px] border px-5 py-4 text-left transition-all',
-                selected === option.value ? 'border-malmo-rasberry-500' : 'border-gray-neutral-300'
-              )}
+              className="w-full text-left"
             >
-              <p
-                className={cn(
-                  'body2-medium',
-                  selected === option.value ? 'text-malmo-rasberry-500' : 'text-gray-iron-500'
-                )}
-              >
-                {option.label}
-              </p>
-            </button>
+              {option.label}
+            </SelectableButton>
           ))}
         </div>
 
diff --git a/apps/react/src/features/profile/hooks/use-member-update-mutation.ts b/apps/react/src/features/profile/hooks/use-member-update-mutation.ts
new file mode 100644
index 00000000..8db42f58
--- /dev/null
+++ b/apps/react/src/features/profile/hooks/use-member-update-mutation.ts
@@ -0,0 +1,31 @@
+import { useMutation } from '@tanstack/react-query'
+
+import { useAuth } from '@/features/auth'
+import memberService from '@/shared/services/member.service'
+import { toast } from '@/shared/ui/toast'
+
+import type { UpdateMemberRequestDto } from '@data/user-api-axios/api'
+
+interface UseMemberUpdateMutationOptions {
+  onSuccess: () => void | Promise<void>
+  errorMessage?: string
+}
+
+/** 회원 정보 업데이트 후 userInfo를 갱신하는 공통 뮤테이션 훅 */
+export function useMemberUpdateMutation({ onSuccess, errorMessage }: UseMemberUpdateMutationOptions) {
+  const { refreshUserInfo } = useAuth()
+
+  return useMutation({
+    mutationFn: async (body: UpdateMemberRequestDto) => {
+      const { data } = await memberService.updateMember({ updateMemberRequestDto: body })
+      return data
+    },
+    onSuccess: async () => {
+      await refreshUserInfo()
+      await onSuccess()
+    },
+    onError: () => {
+      toast.error(errorMessage ?? '저장 중 오류가 발생했습니다')
+    },
+  })
+}
diff --git a/apps/react/src/features/profile/hooks/use-update-partner-profile-mutation.ts b/apps/react/src/features/profile/hooks/use-update-partner-profile-mutation.ts
new file mode 100644
index 00000000..573f7bb0
--- /dev/null
+++ b/apps/react/src/features/profile/hooks/use-update-partner-profile-mutation.ts
@@ -0,0 +1,36 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query'
+
+import { useAuth } from '@/features/auth'
+import memberService from '@/shared/services/member.service'
+import { queryKeys } from '@/shared/services/query-keys'
+import { toast } from '@/shared/ui/toast'
+
+import type { UpdatePartnerProfileRequestDto } from '@data/user-api-axios/api'
+
+interface Options {
+  onSuccess?: () => void | Promise<void>
+  errorMessage?: string
+}
+
+/** 파트너 프로필 PATCH 전용 뮤테이션 훅 */
+export function useUpdatePartnerProfileMutation({ onSuccess, errorMessage }: Options) {
+  const { refreshUserInfo } = useAuth()
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: async (body: UpdatePartnerProfileRequestDto) => {
+      const { data } = await memberService.updatePartnerProfile({ updatePartnerProfileRequestDto: body })
+      return data
+    },
+    onSuccess: async () => {
+      await Promise.all([
+        refreshUserInfo(),
+        queryClient.invalidateQueries({ queryKey: queryKeys.member.partnerInfo() }),
+      ])
+      if (onSuccess) await onSuccess()
+    },
+    onError: () => {
+      toast.error(errorMessage ?? '상대 프로필 수정 중 오류가 발생했습니다')
+    },
+  })
+}
diff --git a/apps/react/src/features/profile/hooks/use-upsert-partner-profile-mutation.ts b/apps/react/src/features/profile/hooks/use-upsert-partner-profile-mutation.ts
new file mode 100644
index 00000000..d3211e5c
--- /dev/null
+++ b/apps/react/src/features/profile/hooks/use-upsert-partner-profile-mutation.ts
@@ -0,0 +1,47 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query'
+
+import { useAuth } from '@/features/auth'
+import memberService from '@/shared/services/member.service'
+import { queryKeys } from '@/shared/services/query-keys'
+import { toast } from '@/shared/ui/toast'
+
+import type { CreatePartnerProfileRequestDto } from '@data/user-api-axios/api'
+
+interface Options {
+  onSuccess: () => void | Promise<void>
+  errorMessage?: string
+}
+
+/** 파트너 프로필 POST 시도 → 40017(already exists)이면 PATCH로 fallback */
+export function useUpsertPartnerProfileMutation({ onSuccess, errorMessage }: Options) {
+  const { refreshUserInfo } = useAuth()
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: async (body: CreatePartnerProfileRequestDto) => {
+      try {
+        const { data } = await memberService.createPartnerProfile({ createPartnerProfileRequestDto: body })
+        return data
+      } catch (error: unknown) {
+        const code = (error as { response?: { data?: { code?: number } } })?.response?.data?.code
+        if (code === 40017) {
+          const { data } = await memberService.updatePartnerProfile({
+            updatePartnerProfileRequestDto: body,
+          })
+          return data
+        }
+        throw error
+      }
+    },
+    onSuccess: async () => {
+      await Promise.all([
+        refreshUserInfo(),
+        queryClient.invalidateQueries({ queryKey: queryKeys.member.partnerInfo() }),
+      ])
+      await onSuccess()
+    },
+    onError: () => {
+      toast.error(errorMessage ?? '상대 프로필 저장 중 오류가 발생했습니다')
+    },
+  })
+}
diff --git a/apps/react/src/features/profile/index.ts b/apps/react/src/features/profile/index.ts
index d28a51ab..5733f5cf 100644
--- a/apps/react/src/features/profile/index.ts
+++ b/apps/react/src/features/profile/index.ts
@@ -8,6 +8,8 @@ export { useProfileEdit } from './hooks/use-profile-edit'
 export { useNicknameInput, NICKNAME_MAX_LENGTH } from './hooks/use-nickname-input'
 export { useProfileModal } from './hooks/use-profile-modal'
 export { useMemberUpdateMutation } from './hooks/use-member-update-mutation'
+export { useUpsertPartnerProfileMutation } from './hooks/use-upsert-partner-profile-mutation'
+export { useUpdatePartnerProfileMutation } from './hooks/use-update-partner-profile-mutation'
 
 // UI 컴포넌트
 export { ProfileSection } from './ui/profile-section'
diff --git a/apps/react/src/features/profile/lib/personality-flow.ts b/apps/react/src/features/profile/lib/personality-flow.ts
new file mode 100644
index 00000000..5d2114a4
--- /dev/null
+++ b/apps/react/src/features/profile/lib/personality-flow.ts
@@ -0,0 +1,133 @@
+import { useLocation, useNavigate, useRouter, useSearch } from '@tanstack/react-router'
+import { z } from 'zod'
+
+export type PersonalityFlow = 'my-personality' | 'partner-personality' | 'full-flow'
+
+export const personalityFlowSearchSchema = z.object({
+  flow: z.enum(['my-personality', 'partner-personality', 'full-flow']).optional(),
+  from: z.enum(['profile', 'profile-result']).optional(),
+})
+
+export type PersonalityFlowSearch = z.infer<typeof personalityFlowSearchSchema>
+
+type NavigateFn = ReturnType<typeof useNavigate>
+type RouterLike = { history: { back: () => void; go: (index: number) => void } }
+
+interface FlowParams {
+  flow: PersonalityFlow | undefined
+  from: 'profile' | 'profile-result' | 'my-page' | 'my-result-preview' | 'partner-result-preview' | undefined
+}
+
+function navigateNext(navigate: NavigateFn, router: RouterLike, pathname: string, { flow, from }: FlowParams) {
+  if (pathname.startsWith('/mbti')) {
+    if (flow === 'full-flow') {
+      navigate({ to: '/my-attachment-select', search: { flow } })
+    } else if (flow === 'my-personality') {
+      navigate({
+        to: '/my-attachment-select',
+        search: { flow, ...((from === 'profile' || from === 'profile-result') && { from }) },
+      })
+    }
+    return
+  }
+
+  if (pathname.startsWith('/my-attachment-select')) {
+    if (flow === 'full-flow') {
+      navigate({ to: '/my-result-preview', search: { flow } })
+    } else if (from === 'profile-result') {
+      navigate({ to: '/attachment-test/result/my', search: { from: 'my-page' }, replace: true })
+    } else if (from === 'profile') {
+      router.history.go(-2)
+    } else {
+      navigate({ to: '/attachment-test/result/my', replace: true })
+    }
+    return
+  }
+
+  if (pathname.startsWith('/my-result-preview')) {
+    if (flow === 'full-flow') {
+      navigate({ to: '/partner-mbti', search: { flow } })
+    }
+    return
+  }
+
+  if (pathname.startsWith('/partner-mbti')) {
+    if (flow === 'full-flow') {
+      navigate({ to: '/partner-attachment-select', search: { flow } })
+    } else if (flow === 'partner-personality') {
+      navigate({ to: '/partner-attachment-select', search: { flow, ...(from === 'profile' && { from }) } })
+    }
+    return
+  }
+
+  if (pathname.startsWith('/partner-attachment-select')) {
+    if (flow === 'full-flow') {
+      navigate({ to: '/partner-result-preview', search: { flow } })
+    } else if (from === 'profile-result') {
+      navigate({ to: '/attachment-test/result/partner', search: { from: 'my-page' }, replace: true })
+    } else if (from === 'profile') {
+      router.history.go(-2)
+    } else {
+      navigate({ to: '/attachment-test/result/partner', replace: true })
+    }
+    return
+  }
+
+  if (pathname.startsWith('/partner-result-preview')) {
+    navigate({ to: '/', replace: true })
+    return
+  }
+
+  if (pathname.startsWith('/attachment-test/question')) {
+    if (flow === 'my-personality') {
+      navigate({
+        to: '/attachment-test/result/my',
+        search: { from: from === 'profile' || from === 'profile-result' ? 'my-page' : undefined },
+        replace: true,
+      })
+    } else if (flow === 'full-flow') {
+      navigate({ to: '/attachment-test/result/my', search: { from: 'my-result-preview', flow }, replace: true })
+    }
+    return
+  }
+}
+
+function navigateExit(navigate: NavigateFn, router: RouterLike, { from, flow }: Pick<FlowParams, 'from' | 'flow'>) {
+  if (from === 'profile' || from === 'profile-result') {
+    router.history.back()
+  } else if (from === 'my-page') {
+    router.history.go(-2)
+  } else if (from === 'my-result-preview') {
+    navigate({ to: '/my-result-preview', search: { ...(flow && { flow }) }, replace: true })
+  } else if (from === 'partner-result-preview') {
+    navigate({ to: '/partner-result-preview', replace: true })
+  } else {
+    navigate({ to: '/', replace: true })
+  }
+}
+
+export function getMissingPersonalityFlow(userInfo: {
+  loveTypeCategory?: string | null
+  partnerLoveTypeCategory?: string | null
+}): PersonalityFlow {
+  const myMissing = !userInfo.loveTypeCategory
+  const partnerMissing = !userInfo.partnerLoveTypeCategory
+  return myMissing && partnerMissing ? 'full-flow' : myMissing ? 'my-personality' : 'partner-personality'
+}
+
+export function usePersonalityFlow() {
+  const navigate = useNavigate()
+  const router = useRouter()
+  const location = useLocation()
+  const search = useSearch({ strict: false }) as FlowParams
+
+  const next = () => {
+    navigateNext(navigate, router, location.pathname, search)
+  }
+
+  const exit = () => {
+    navigateExit(navigate, router, { from: search.from, flow: search.flow })
+  }
+
+  return { flow: search.flow, from: search.from, next, exit }
+}
diff --git a/apps/react/src/routeTree.gen.ts b/apps/react/src/routeTree.gen.ts
index 67068ee4..2a4316c5 100644
--- a/apps/react/src/routeTree.gen.ts
+++ b/apps/react/src/routeTree.gen.ts
@@ -16,6 +16,7 @@ import { Route as ChatLayoutImport } from './app/chat/layout'
 import { Route as PageImport } from './app/page'
 import { Route as TutorialPageImport } from './app/tutorial/page'
 import { Route as RelationshipStatusPageImport } from './app/relationship-status/page'
+import { Route as PersonalityFlowLoadingPageImport } from './app/personality-flow-loading/page'
 import { Route as PartnerStatusPageImport } from './app/partner-status/page'
 import { Route as PartnerResultPreviewPageImport } from './app/partner-result-preview/page'
 import { Route as PartnerMbtiPageImport } from './app/partner-mbti/page'
@@ -32,10 +33,7 @@ import { Route as AttachmentTestPageImport } from './app/attachment-test/page'
 import { Route as TermsPrivacyPolicyPageImport } from './app/terms/privacy-policy/page'
 import { Route as OnboardingTermsPageImport } from './app/onboarding/terms/page'
 import { Route as OnboardingRelationshipStatusPageImport } from './app/onboarding/relationship-status/page'
-import { Route as OnboardingPartnerMbtiPageImport } from './app/onboarding/partner-mbti/page'
 import { Route as OnboardingNicknamePageImport } from './app/onboarding/nickname/page'
-import { Route as OnboardingMbtiPageImport } from './app/onboarding/mbti/page'
-import { Route as OnboardingCompletePageImport } from './app/onboarding/complete/page'
 import { Route as MyPageProfilePageImport } from './app/my-page/profile/page'
 import { Route as MyPageAccountSettingsPageImport } from './app/my-page/account-settings/page'
 import { Route as HistoryDeletePageImport } from './app/history/delete/page'
@@ -77,6 +75,12 @@ const RelationshipStatusPageRoute = RelationshipStatusPageImport.update({
   getParentRoute: () => rootRoute,
 } as any)
 
+const PersonalityFlowLoadingPageRoute = PersonalityFlowLoadingPageImport.update({
+  id: '/personality-flow-loading/',
+  path: '/personality-flow-loading/',
+  getParentRoute: () => rootRoute,
+} as any)
+
 const PartnerStatusPageRoute = PartnerStatusPageImport.update({
   id: '/partner-status/',
   path: '/partner-status/',
@@ -173,30 +177,12 @@ const OnboardingRelationshipStatusPageRoute = OnboardingRelationshipStatusPageIm
   getParentRoute: () => OnboardingLayoutRoute,
 } as any)
 
-const OnboardingPartnerMbtiPageRoute = OnboardingPartnerMbtiPageImport.update({
-  id: '/partner-mbti/',
-  path: '/partner-mbti/',
-  getParentRoute: () => OnboardingLayoutRoute,
-} as any)
-
 const OnboardingNicknamePageRoute = OnboardingNicknamePageImport.update({
   id: '/nickname/',
   path: '/nickname/',
   getParentRoute: () => OnboardingLayoutRoute,
 } as any)
 
-const OnboardingMbtiPageRoute = OnboardingMbtiPageImport.update({
-  id: '/mbti/',
-  path: '/mbti/',
-  getParentRoute: () => OnboardingLayoutRoute,
-} as any)
-
-const OnboardingCompletePageRoute = OnboardingCompletePageImport.update({
-  id: '/complete/',
-  path: '/complete/',
-  getParentRoute: () => OnboardingLayoutRoute,
-} as any)
-
 const MyPageProfilePageRoute = MyPageProfilePageImport.update({
   id: '/my-page/profile/',
   path: '/my-page/profile/',
@@ -361,6 +347,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof PartnerStatusPageImport
       parentRoute: typeof rootRoute
     }
+    '/personality-flow-loading/': {
+      id: '/personality-flow-loading/'
+      path: '/personality-flow-loading'
+      fullPath: '/personality-flow-loading'
+      preLoaderRoute: typeof PersonalityFlowLoadingPageImport
+      parentRoute: typeof rootRoute
+    }
     '/relationship-status/': {
       id: '/relationship-status/'
       path: '/relationship-status'
@@ -417,20 +410,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof MyPageProfilePageImport
       parentRoute: typeof rootRoute
     }
-    '/onboarding/complete/': {
-      id: '/onboarding/complete/'
-      path: '/complete'
-      fullPath: '/onboarding/complete'
-      preLoaderRoute: typeof OnboardingCompletePageImport
-      parentRoute: typeof OnboardingLayoutImport
-    }
-    '/onboarding/mbti/': {
-      id: '/onboarding/mbti/'
-      path: '/mbti'
-      fullPath: '/onboarding/mbti'
-      preLoaderRoute: typeof OnboardingMbtiPageImport
-      parentRoute: typeof OnboardingLayoutImport
-    }
     '/onboarding/nickname/': {
       id: '/onboarding/nickname/'
       path: '/nickname'
@@ -438,13 +417,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof OnboardingNicknamePageImport
       parentRoute: typeof OnboardingLayoutImport
     }
-    '/onboarding/partner-mbti/': {
-      id: '/onboarding/partner-mbti/'
-      path: '/partner-mbti'
-      fullPath: '/onboarding/partner-mbti'
-      preLoaderRoute: typeof OnboardingPartnerMbtiPageImport
-      parentRoute: typeof OnboardingLayoutImport
-    }
     '/onboarding/relationship-status/': {
       id: '/onboarding/relationship-status/'
       path: '/relationship-status'
@@ -500,19 +472,13 @@ const ChatLayoutRouteChildren: ChatLayoutRouteChildren = {
 const ChatLayoutRouteWithChildren = ChatLayoutRoute._addFileChildren(ChatLayoutRouteChildren)
 
 interface OnboardingLayoutRouteChildren {
-  OnboardingCompletePageRoute: typeof OnboardingCompletePageRoute
-  OnboardingMbtiPageRoute: typeof OnboardingMbtiPageRoute
   OnboardingNicknamePageRoute: typeof OnboardingNicknamePageRoute
-  OnboardingPartnerMbtiPageRoute: typeof OnboardingPartnerMbtiPageRoute
   OnboardingRelationshipStatusPageRoute: typeof OnboardingRelationshipStatusPageRoute
   OnboardingTermsPageRoute: typeof OnboardingTermsPageRoute
 }
 
 const OnboardingLayoutRouteChildren: OnboardingLayoutRouteChildren = {
-  OnboardingCompletePageRoute: OnboardingCompletePageRoute,
-  OnboardingMbtiPageRoute: OnboardingMbtiPageRoute,
   OnboardingNicknamePageRoute: OnboardingNicknamePageRoute,
-  OnboardingPartnerMbtiPageRoute: OnboardingPartnerMbtiPageRoute,
   OnboardingRelationshipStatusPageRoute: OnboardingRelationshipStatusPageRoute,
   OnboardingTermsPageRoute: OnboardingTermsPageRoute,
 }
@@ -536,6 +502,7 @@ export interface FileRoutesByFullPath {
   '/partner-mbti': typeof PartnerMbtiPageRoute
   '/partner-result-preview': typeof PartnerResultPreviewPageRoute
   '/partner-status': typeof PartnerStatusPageRoute
+  '/personality-flow-loading': typeof PersonalityFlowLoadingPageRoute
   '/relationship-status': typeof RelationshipStatusPageRoute
   '/tutorial': typeof TutorialPageRoute
   '/attachment-test/question': typeof AttachmentTestQuestionPageRoute
@@ -544,10 +511,7 @@ export interface FileRoutesByFullPath {
   '/history/delete': typeof HistoryDeletePageRoute
   '/my-page/account-settings': typeof MyPageAccountSettingsPageRoute
   '/my-page/profile': typeof MyPageProfilePageRoute
-  '/onboarding/complete': typeof OnboardingCompletePageRoute
-  '/onboarding/mbti': typeof OnboardingMbtiPageRoute
   '/onboarding/nickname': typeof OnboardingNicknamePageRoute
-  '/onboarding/partner-mbti': typeof OnboardingPartnerMbtiPageRoute
   '/onboarding/relationship-status': typeof OnboardingRelationshipStatusPageRoute
   '/onboarding/terms': typeof OnboardingTermsPageRoute
   '/terms/privacy-policy': typeof TermsPrivacyPolicyPageRoute
@@ -571,6 +535,7 @@ export interface FileRoutesByTo {
   '/partner-mbti': typeof PartnerMbtiPageRoute
   '/partner-result-preview': typeof PartnerResultPreviewPageRoute
   '/partner-status': typeof PartnerStatusPageRoute
+  '/personality-flow-loading': typeof PersonalityFlowLoadingPageRoute
   '/relationship-status': typeof RelationshipStatusPageRoute
   '/tutorial': typeof TutorialPageRoute
   '/attachment-test/question': typeof AttachmentTestQuestionPageRoute
@@ -579,10 +544,7 @@ export interface FileRoutesByTo {
   '/history/delete': typeof HistoryDeletePageRoute
   '/my-page/account-settings': typeof MyPageAccountSettingsPageRoute
   '/my-page/profile': typeof MyPageProfilePageRoute
-  '/onboarding/complete': typeof OnboardingCompletePageRoute
-  '/onboarding/mbti': typeof OnboardingMbtiPageRoute
   '/onboarding/nickname': typeof OnboardingNicknamePageRoute
-  '/onboarding/partner-mbti': typeof OnboardingPartnerMbtiPageRoute
   '/onboarding/relationship-status': typeof OnboardingRelationshipStatusPageRoute
   '/onboarding/terms': typeof OnboardingTermsPageRoute
   '/terms/privacy-policy': typeof TermsPrivacyPolicyPageRoute
@@ -608,6 +570,7 @@ export interface FileRoutesById {
   '/partner-mbti/': typeof PartnerMbtiPageRoute
   '/partner-result-preview/': typeof PartnerResultPreviewPageRoute
   '/partner-status/': typeof PartnerStatusPageRoute
+  '/personality-flow-loading/': typeof PersonalityFlowLoadingPageRoute
   '/relationship-status/': typeof RelationshipStatusPageRoute
   '/tutorial/': typeof TutorialPageRoute
   '/attachment-test/question/': typeof AttachmentTestQuestionPageRoute
@@ -616,10 +579,7 @@ export interface FileRoutesById {
   '/history/delete/': typeof HistoryDeletePageRoute
   '/my-page/account-settings/': typeof MyPageAccountSettingsPageRoute
   '/my-page/profile/': typeof MyPageProfilePageRoute
-  '/onboarding/complete/': typeof OnboardingCompletePageRoute
-  '/onboarding/mbti/': typeof OnboardingMbtiPageRoute
   '/onboarding/nickname/': typeof OnboardingNicknamePageRoute
-  '/onboarding/partner-mbti/': typeof OnboardingPartnerMbtiPageRoute
   '/onboarding/relationship-status/': typeof OnboardingRelationshipStatusPageRoute
   '/onboarding/terms/': typeof OnboardingTermsPageRoute
   '/terms/privacy-policy/': typeof TermsPrivacyPolicyPageRoute
@@ -646,6 +606,7 @@ export interface FileRouteTypes {
     | '/partner-mbti'
     | '/partner-result-preview'
     | '/partner-status'
+    | '/personality-flow-loading'
     | '/relationship-status'
     | '/tutorial'
     | '/attachment-test/question'
@@ -654,10 +615,7 @@ export interface FileRouteTypes {
     | '/history/delete'
     | '/my-page/account-settings'
     | '/my-page/profile'
-    | '/onboarding/complete'
-    | '/onboarding/mbti'
     | '/onboarding/nickname'
-    | '/onboarding/partner-mbti'
     | '/onboarding/relationship-status'
     | '/onboarding/terms'
     | '/terms/privacy-policy'
@@ -680,6 +638,7 @@ export interface FileRouteTypes {
     | '/partner-mbti'
     | '/partner-result-preview'
     | '/partner-status'
+    | '/personality-flow-loading'
     | '/relationship-status'
     | '/tutorial'
     | '/attachment-test/question'
@@ -688,10 +647,7 @@ export interface FileRouteTypes {
     | '/history/delete'
     | '/my-page/account-settings'
     | '/my-page/profile'
-    | '/onboarding/complete'
-    | '/onboarding/mbti'
     | '/onboarding/nickname'
-    | '/onboarding/partner-mbti'
     | '/onboarding/relationship-status'
     | '/onboarding/terms'
     | '/terms/privacy-policy'
@@ -715,6 +671,7 @@ export interface FileRouteTypes {
     | '/partner-mbti/'
     | '/partner-result-preview/'
     | '/partner-status/'
+    | '/personality-flow-loading/'
     | '/relationship-status/'
     | '/tutorial/'
     | '/attachment-test/question/'
@@ -723,10 +680,7 @@ export interface FileRouteTypes {
     | '/history/delete/'
     | '/my-page/account-settings/'
     | '/my-page/profile/'
-    | '/onboarding/complete/'
-    | '/onboarding/mbti/'
     | '/onboarding/nickname/'
-    | '/onboarding/partner-mbti/'
     | '/onboarding/relationship-status/'
     | '/onboarding/terms/'
     | '/terms/privacy-policy/'
@@ -751,6 +705,7 @@ export interface RootRouteChildren {
   PartnerMbtiPageRoute: typeof PartnerMbtiPageRoute
   PartnerResultPreviewPageRoute: typeof PartnerResultPreviewPageRoute
   PartnerStatusPageRoute: typeof PartnerStatusPageRoute
+  PersonalityFlowLoadingPageRoute: typeof PersonalityFlowLoadingPageRoute
   RelationshipStatusPageRoute: typeof RelationshipStatusPageRoute
   TutorialPageRoute: typeof TutorialPageRoute
   AttachmentTestQuestionPageRoute: typeof AttachmentTestQuestionPageRoute
@@ -778,6 +733,7 @@ const rootRouteChildren: RootRouteChildren = {
   PartnerMbtiPageRoute: PartnerMbtiPageRoute,
   PartnerResultPreviewPageRoute: PartnerResultPreviewPageRoute,
   PartnerStatusPageRoute: PartnerStatusPageRoute,
+  PersonalityFlowLoadingPageRoute: PersonalityFlowLoadingPageRoute,
   RelationshipStatusPageRoute: RelationshipStatusPageRoute,
   TutorialPageRoute: TutorialPageRoute,
   AttachmentTestQuestionPageRoute: AttachmentTestQuestionPageRoute,
@@ -812,6 +768,7 @@ export const routeTree = rootRoute._addFileChildren(rootRouteChildren)._addFileT
         "/partner-mbti/",
         "/partner-result-preview/",
         "/partner-status/",
+        "/personality-flow-loading/",
         "/relationship-status/",
         "/tutorial/",
         "/attachment-test/question/",
@@ -837,10 +794,7 @@ export const routeTree = rootRoute._addFileChildren(rootRouteChildren)._addFileT
     "/onboarding": {
       "filePath": "onboarding/layout.tsx",
       "children": [
-        "/onboarding/complete/",
-        "/onboarding/mbti/",
         "/onboarding/nickname/",
-        "/onboarding/partner-mbti/",
         "/onboarding/relationship-status/",
         "/onboarding/terms/"
       ]
@@ -885,6 +839,9 @@ export const routeTree = rootRoute._addFileChildren(rootRouteChildren)._addFileT
     "/partner-status/": {
       "filePath": "partner-status/page.tsx"
     },
+    "/personality-flow-loading/": {
+      "filePath": "personality-flow-loading/page.tsx"
+    },
     "/relationship-status/": {
       "filePath": "relationship-status/page.tsx"
     },
@@ -911,22 +868,10 @@ export const routeTree = rootRoute._addFileChildren(rootRouteChildren)._addFileT
     "/my-page/profile/": {
       "filePath": "my-page/profile/page.tsx"
     },
-    "/onboarding/complete/": {
-      "filePath": "onboarding/complete/page.tsx",
-      "parent": "/onboarding"
-    },
-    "/onboarding/mbti/": {
-      "filePath": "onboarding/mbti/page.tsx",
-      "parent": "/onboarding"
-    },
     "/onboarding/nickname/": {
       "filePath": "onboarding/nickname/page.tsx",
       "parent": "/onboarding"
     },
-    "/onboarding/partner-mbti/": {
-      "filePath": "onboarding/partner-mbti/page.tsx",
-      "parent": "/onboarding"
-    },
     "/onboarding/relationship-status/": {
       "filePath": "onboarding/relationship-status/page.tsx",
       "parent": "/onboarding"
diff --git a/apps/react/src/router.tsx b/apps/react/src/router.tsx
index e7841eac..382cd242 100644
--- a/apps/react/src/router.tsx
+++ b/apps/react/src/router.tsx
@@ -30,7 +30,7 @@ export function createRouter() {
     defaultStructuralSharing: true,
     defaultNotFoundComponent: () => <NotFound />,
     defaultErrorComponent: ({ error }) => (
-      <div className="main-scrollable app-safe flex h-screen w-full flex-col overflow-hidden bg-white">
+      <div className="main-scrollable flex h-screen w-full flex-col overflow-hidden bg-white">
         <main className="relative mx-auto flex min-h-0 w-full max-w-[600px] flex-1 flex-col">
           <RouterError error={error} />
         </main>
diff --git a/apps/react/src/shared/lib/api.ts b/apps/react/src/shared/lib/api.ts
index dacf80af..ede59ea6 100644
--- a/apps/react/src/shared/lib/api.ts
+++ b/apps/react/src/shared/lib/api.ts
@@ -106,7 +106,9 @@ export function initApi(): AxiosInstance {
       const { response } = error
 
       // API 에러 추적
-      if (response) {
+      // 40017: "이미 상대 프로필이 등록되어 있습니다" - POST→PATCH upsert 시 예상되는 응답이므로 에러 추적 제외
+      const isExpectedBusinessError = response?.data?.code === 40017
+      if (response && !isExpectedBusinessError) {
         const severity =
           response.status >= 500
             ? 'critical'
diff --git a/apps/react/src/shared/services/love-type.service.ts b/apps/react/src/shared/services/love-type.service.ts
index ae3c9f01..175bf75b 100644
--- a/apps/react/src/shared/services/love-type.service.ts
+++ b/apps/react/src/shared/services/love-type.service.ts
@@ -10,6 +10,16 @@ class LoveTypeService extends LoveTypesApi {
   }
 
   // === Query Options ===
+  detailQuery(personalityType: string, lovetype: string) {
+    return {
+      queryKey: queryKeys.loveType.detail(personalityType, lovetype),
+      queryFn: async () => {
+        const response = await this.getLoveTypePersonalityTypeResult({ personalityType, lovetype })
+        return response.data
+      },
+    }
+  }
+
   questionsQuery() {
     return {
       queryKey: queryKeys.loveType.questions(),
diff --git a/apps/react/src/shared/services/member.service.ts b/apps/react/src/shared/services/member.service.ts
index 3e2304a1..3be18b42 100644
--- a/apps/react/src/shared/services/member.service.ts
+++ b/apps/react/src/shared/services/member.service.ts
@@ -5,6 +5,8 @@ import {
   UpdateMemberTermsRequestDto,
   UpdateStartLoveDateRequestDto,
   LoveTypeTestResult,
+  CreatePartnerProfileRequestDto,
+  UpdatePartnerProfileRequestDto,
 } from '@data/user-api-axios/api'
 
 import { queryKeys } from './query-keys'
@@ -40,8 +42,10 @@ class MemberService extends MembersApi {
       },
       throwOnError: (error: any) => {
         // axios 에러와 일반 에러 구조 모두 고려
+        const status = error?.response?.status
         const errorCode = error?.response?.data?.code
-        return errorCode !== 40301
+        // 40301: 파트너 없음 (403), 400: 온보딩 직후 파트너 미연결 상태
+        return errorCode !== 40301 && status !== 400
       },
     }
   }
@@ -103,6 +107,30 @@ class MemberService extends MembersApi {
     }
   }
 
+  createPartnerProfileMutation() {
+    return {
+      mutationFn: async (body: CreatePartnerProfileRequestDto) => {
+        const { data } = await this.createPartnerProfile({ createPartnerProfileRequestDto: body })
+        return data
+      },
+      onError: () => {
+        toast.error('상대 프로필 등록 중 오류가 발생했습니다')
+      },
+    }
+  }
+
+  updatePartnerProfileMutation() {
+    return {
+      mutationFn: async (body: UpdatePartnerProfileRequestDto) => {
+        const { data } = await this.updatePartnerProfile({ updatePartnerProfileRequestDto: body })
+        return data
+      },
+      onError: () => {
+        toast.error('상대 프로필 수정 중 오류가 발생했습니다')
+      },
+    }
+  }
+
   submitLoveTypeTestMutation() {
     return {
       mutationFn: async (results: LoveTypeTestResult[]) => {
diff --git a/apps/react/src/shared/services/query-keys.ts b/apps/react/src/shared/services/query-keys.ts
index cbcdbc93..be555d72 100644
--- a/apps/react/src/shared/services/query-keys.ts
+++ b/apps/react/src/shared/services/query-keys.ts
@@ -46,6 +46,8 @@ export const queryKeys = {
   loveType: {
     all: ['loveType'] as const,
     questions: () => [...queryKeys.loveType.all, 'questions'] as const,
+    detail: (personalityType: string, loveTypeCategory: string) =>
+      [...queryKeys.loveType.all, 'detail', personalityType, loveTypeCategory] as const,
   },
 
   // === Login 관련 ===
diff --git a/apps/react/src/shared/ui/button.tsx b/apps/react/src/shared/ui/button.tsx
index 6ac9745b..f37c339d 100644
--- a/apps/react/src/shared/ui/button.tsx
+++ b/apps/react/src/shared/ui/button.tsx
@@ -5,7 +5,7 @@ interface ButtonProps {
   disabled?: boolean
   onClick: () => void
   className?: string
-  type?: 'primary' | 'secondary'
+  type?: 'primary' | 'secondary' | 'ghost'
 }
 
 export function Button({ text, disabled = false, onClick, className = '', type = 'primary' }: ButtonProps) {
@@ -18,6 +18,9 @@ export function Button({ text, disabled = false, onClick, className = '', type =
         {
           'bg-gray-100 text-gray-iron-700': type === 'secondary',
         },
+        {
+          'bg-transparent text-gray-iron-400': type === 'ghost',
+        },
         {
           'cursor-not-allowed bg-gray-neutral-300': disabled,
         },
diff --git a/apps/react/src/shared/ui/fixed-bottom.tsx b/apps/react/src/shared/ui/fixed-bottom.tsx
new file mode 100644
index 00000000..f551224e
--- /dev/null
+++ b/apps/react/src/shared/ui/fixed-bottom.tsx
@@ -0,0 +1,10 @@
+import { cn } from '@/shared/lib/cn'
+
+interface FixedBottomProps {
+  children: React.ReactNode
+  className?: string
+}
+
+export function FixedBottom({ children, className }: FixedBottomProps) {
+  return <div className={cn('mt-auto mb-5 px-5 pb-[var(--safe-bottom)]', className)}>{children}</div>
+}
diff --git a/apps/react/src/shared/ui/flow-progress-bar.tsx b/apps/react/src/shared/ui/flow-progress-bar.tsx
new file mode 100644
index 00000000..06c6c53f
--- /dev/null
+++ b/apps/react/src/shared/ui/flow-progress-bar.tsx
@@ -0,0 +1,61 @@
+import { Fragment } from 'react'
+
+import { cn } from '@/shared/lib/cn'
+
+interface FlowProgressBarProps {
+  step: number
+  total: number
+  highlightSteps?: number[]
+}
+
+export function FlowProgressBar({ step, total, highlightSteps }: FlowProgressBarProps) {
+  return (
+    <div className="flex flex-1 items-center gap-2">
+      <div className="flex flex-1 items-center">
+        {Array.from({ length: total }, (_, i) => {
+          const isActive = i < step
+          const isHighlighted = highlightSteps?.includes(i + 1)
+
+          return (
+            <Fragment key={i}>
+              {i > 0 && (
+                <div className={cn('h-[2px] flex-1', isActive ? 'bg-malmo-rasberry-500' : 'bg-gray-neutral-300')} />
+              )}
+              {isHighlighted ? (
+                <div className="relative flex h-4 w-4 shrink-0 items-center justify-center">
+                  <div
+                    className={cn(
+                      'absolute inset-0 rounded-full',
+                      isActive ? 'bg-malmo-rasberry-50' : 'bg-gray-neutral-100'
+                    )}
+                  />
+                  <div
+                    className={cn(
+                      'relative h-2 w-2 rounded-full',
+                      isActive ? 'bg-malmo-rasberry-500' : 'bg-gray-neutral-300'
+                    )}
+                  />
+                </div>
+              ) : (
+                <div
+                  className={cn(
+                    'h-2 w-2 shrink-0 rounded-full',
+                    isActive ? 'bg-malmo-rasberry-500' : 'bg-gray-neutral-300'
+                  )}
+                />
+              )}
+            </Fragment>
+          )
+        })}
+      </div>
+      <span className="body3-medium shrink-0 text-gray-iron-500">
+        {step} / {total}
+      </span>
+    </div>
+  )
+}
+
+/** chat-entry flow에서 공통으로 사용하는 진행 바를 반환합니다. */
+export function getChatEntryProgressBar(isChatEntry: boolean, step: number) {
+  return isChatEntry ? <FlowProgressBar step={step} total={5} highlightSteps={[3, 5]} /> : undefined
+}
diff --git a/apps/react/src/shared/ui/flow-step-dots.tsx b/apps/react/src/shared/ui/flow-step-dots.tsx
new file mode 100644
index 00000000..03524899
--- /dev/null
+++ b/apps/react/src/shared/ui/flow-step-dots.tsx
@@ -0,0 +1,28 @@
+import StepsIcon from '@/assets/icons/steps.svg'
+import { cn } from '@/shared/lib/cn'
+
+interface FlowStepDotsProps {
+  step: number
+  total: number
+}
+
+export function FlowStepDots({ step, total }: FlowStepDotsProps) {
+  return (
+    <div className="absolute flex items-center gap-[2px] px-5 pt-[8px]">
+      {Array.from({ length: total }, (_, i) => (
+        <StepsIcon
+          key={i}
+          width={15}
+          height={16}
+          className={cn(i < step ? 'text-malmo-rasberry-500' : 'text-gray-iron-200')}
+        />
+      ))}
+      <span className="body3-medium ml-[6px] text-gray-iron-950">{step}단계</span>
+    </div>
+  )
+}
+
+/** my-personality / partner-personality flow에서 공통으로 사용하는 단계 dots를 반환합니다. */
+export function getPersonalityStepDots(isCurrentFlow: boolean, step: number) {
+  return isCurrentFlow ? <FlowStepDots step={step} total={2} /> : undefined
+}
diff --git a/apps/react/src/shared/ui/header-bar.tsx b/apps/react/src/shared/ui/header-bar.tsx
index b2e118f9..60ee2c6f 100644
--- a/apps/react/src/shared/ui/header-bar.tsx
+++ b/apps/react/src/shared/ui/header-bar.tsx
@@ -7,6 +7,7 @@ import type { ReactNode } from 'react'
 
 interface DetailHeaderBarProps {
   title?: string
+  center?: ReactNode
   right?: ReactNode
   left?: ReactNode
   showBackButton?: boolean
@@ -16,6 +17,7 @@ interface DetailHeaderBarProps {
 
 export function DetailHeaderBar({
   title,
+  center,
   right,
   left,
   onBackClick,
@@ -39,7 +41,7 @@ export function DetailHeaderBar({
         className
       )}
     >
-      <div className="z-10 flex h-[30px] w-[30px] items-center justify-center">
+      <div className="z-10 flex h-[30px] w-[30px] shrink-0 items-center justify-center">
         {showBackButton && !left && (
           <button type="button" onClick={handleBackClick} className="p-1">
             <LucideChevronLeft className="h-[28px] w-[28px]" />
@@ -48,8 +50,16 @@ export function DetailHeaderBar({
         {left}
       </div>
 
-      {/* Title Area */}
-      {title && <h1 className="body1-semibold absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">{title}</h1>}
+      {/* Center Area (takes priority over title) */}
+      {center ? (
+        <div className="flex flex-1 items-center px-2">{center}</div>
+      ) : (
+        title && (
+          <h1 className="body1-semibold absolute top-1/2 left-1/2 max-w-[60%] -translate-x-1/2 -translate-y-1/2 truncate">
+            {title}
+          </h1>
+        )
+      )}
 
       {/* Right Area */}
       <div className="z-10">{right}</div>
diff --git a/apps/react/src/shared/ui/key-message-banner.tsx b/apps/react/src/shared/ui/key-message-banner.tsx
new file mode 100644
index 00000000..07490995
--- /dev/null
+++ b/apps/react/src/shared/ui/key-message-banner.tsx
@@ -0,0 +1,40 @@
+import { ChevronRight } from 'lucide-react'
+
+import BellSvg from '@/assets/icons/bell.svg'
+
+interface KeyMessageBannerProps {
+  icon?: React.ReactNode
+  subtitle?: React.ReactNode
+  title: string
+  onClick: () => void
+}
+
+export function KeyMessageBanner({ icon, subtitle, title, onClick }: KeyMessageBannerProps) {
+  return (
+    <div
+      className="flex cursor-pointer items-center rounded-[10px] bg-gray-neutral-100 py-[14px] pr-6 pl-5"
+      onClick={onClick}
+    >
+      {icon && <div className="relative flex-shrink-0 pr-[22px]">{icon}</div>}
+
+      <div className="flex flex-1 flex-col justify-center">
+        {subtitle && <span className="body4-medium text-gray-iron-500">{subtitle}</span>}
+        <span className="body2-semibold text-gray-iron-950">{title}</span>
+      </div>
+
+      <div
+        className={`flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-gray-iron-700 ${icon ? 'outline-[5px] outline-gray-neutral-300' : ''}`}
+      >
+        <ChevronRight className="h-[18px] w-[18px] text-white" />
+      </div>
+    </div>
+  )
+}
+
+export function BellNotificationIcon() {
+  return (
+    <div className="relative">
+      <BellSvg width={36} height={36} />
+    </div>
+  )
+}
diff --git a/apps/react/src/shared/ui/selectable-button.tsx b/apps/react/src/shared/ui/selectable-button.tsx
new file mode 100644
index 00000000..afd47e27
--- /dev/null
+++ b/apps/react/src/shared/ui/selectable-button.tsx
@@ -0,0 +1,25 @@
+import { cn } from '@/shared/lib/cn'
+
+interface SelectableButtonProps {
+  selected: boolean
+  onClick: () => void
+  children: React.ReactNode
+  className?: string
+  disabled?: boolean
+}
+
+export function SelectableButton({ selected, onClick, children, className, disabled }: SelectableButtonProps) {
+  return (
+    <button
+      onClick={onClick}
+      disabled={disabled}
+      className={cn(
+        'body2-medium rounded-[10px] border px-5 py-5 text-center transition-all',
+        selected ? 'border-malmo-rasberry-500 text-malmo-rasberry-500' : 'border-gray-neutral-300 text-gray-iron-500',
+        className
+      )}
+    >
+      {children}
+    </button>
+  )
+}
diff --git a/apps/react/src/styles/components.css b/apps/react/src/styles/components.css
index a0726dcf..6097f3d7 100644
--- a/apps/react/src/styles/components.css
+++ b/apps/react/src/styles/components.css
@@ -16,6 +16,12 @@
   .has-bottom-nav {
     padding-bottom: calc(var(--bottom-nav-h) + var(--safe-bottom));
   }
+
+  .emoji-toss {
+    font-family: var(--font-emoji-toss);
+    line-height: 1;
+  }
+
   /* Title 1 - 28px/38px */
   .title1-bold {
     font-family: var(--font-pretendard);
diff --git a/apps/react/src/styles/globals.css b/apps/react/src/styles/globals.css
index 4d72f071..31b64196 100644
--- a/apps/react/src/styles/globals.css
+++ b/apps/react/src/styles/globals.css
@@ -87,6 +87,7 @@
   --font-pretendard:
     'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
     'Droid Sans', 'Helvetica Neue', sans-serif;
+  --font-emoji-toss: 'Tossface';
   /* Font Weight */
   --font-weight-regular: 400;
   --font-weight-medium: 500;
diff --git a/packages/data/user-api-axios/api/.openapi-generator/FILES b/packages/data/user-api-axios/api/.openapi-generator/FILES
index 74ba3044..82470d81 100644
--- a/packages/data/user-api-axios/api/.openapi-generator/FILES
+++ b/packages/data/user-api-axios/api/.openapi-generator/FILES
@@ -52,6 +52,7 @@ models/create-bookmark-request-dto.ts
 models/create-bookmark-response.ts
 models/create-chat-room-data.ts
 models/create-chat-room-response.ts
+models/create-partner-profile-request-dto.ts
 models/delete-bookmarks-request-dto.ts
 models/delete-chat-room-request-dto.ts
 models/delete-member-success-response.ts
@@ -67,17 +68,23 @@ models/kakao-login-request-dto.ts
 models/login-data.ts
 models/login-success-response.ts
 models/logout-success-response.ts
+models/love-type-personality-type-block-data.ts
+models/love-type-personality-type-result-data.ts
+models/love-type-personality-type-result-success-response.ts
 models/love-type-question-calculate-success-response.ts
 models/love-type-question-calculation-data.ts
 models/love-type-question-data.ts
 models/love-type-question-success-response.ts
 models/love-type-test-result.ts
+models/love-type-text-block-data.ts
 models/member-data.ts
 models/member-info-success-response.ts
 models/message-dto.ts
 models/pageable.ts
 models/partner-member-data.ts
 models/partner-member-info-success-response.ts
+models/partner-profile-data.ts
+models/partner-profile-success-response.ts
 models/past-answer-data.ts
 models/past-answer-success-response.ts
 models/past-question-data.ts
@@ -109,6 +116,7 @@ models/update-member-request-dto.ts
 models/update-member-success-response.ts
 models/update-member-terms-request-dto.ts
 models/update-member-terms-success-response.ts
+models/update-partner-profile-request-dto.ts
 models/update-start-love-date-data.ts
 models/update-start-love-date-request-dto.ts
 models/update-start-love-date-success-response.ts
diff --git a/packages/data/user-api-axios/api/apis/couples-api.ts b/packages/data/user-api-axios/api/apis/couples-api.ts
index 376bf4eb..de0463d2 100644
--- a/packages/data/user-api-axios/api/apis/couples-api.ts
+++ b/packages/data/user-api-axios/api/apis/couples-api.ts
@@ -45,10 +45,11 @@ import type { SwaggerErrorResponse } from '../models'
 export const CouplesApiAxiosParamCreator = function (configuration?: Configuration) {
   return {
     /**
-     * 커플 초대코드를 사용하여 커플을 연결합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 커플 초대코드를 사용하여 커플을 연결합니다. 커플 연동 기능은 제거 예정이며, 앞으로는 사용자가 커플 정보를 직접 입력하는 방식을 사용합니다. JWT 토큰이 필요합니다.
      * @summary 커플 연결
      * @param {CoupleLinkRequestDto} coupleLinkRequestDto
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     linkCouple: async (
@@ -86,9 +87,10 @@ export const CouplesApiAxiosParamCreator = function (configuration?: Configurati
       }
     },
     /**
-     * 연결된 커플을 끊습니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 연결된 커플을 끊습니다. 커플 연동 기능은 제거 예정이며, 앞으로는 사용자가 커플 정보를 직접 입력하는 방식을 사용합니다. JWT 토큰이 필요합니다.
      * @summary 커플 연결 끊기
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     unlinkCouple: async (options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
@@ -127,10 +129,11 @@ export const CouplesApiFp = function (configuration?: Configuration) {
   const localVarAxiosParamCreator = CouplesApiAxiosParamCreator(configuration)
   return {
     /**
-     * 커플 초대코드를 사용하여 커플을 연결합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 커플 초대코드를 사용하여 커플을 연결합니다. 커플 연동 기능은 제거 예정이며, 앞으로는 사용자가 커플 정보를 직접 입력하는 방식을 사용합니다. JWT 토큰이 필요합니다.
      * @summary 커플 연결
      * @param {CoupleLinkRequestDto} coupleLinkRequestDto
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     async linkCouple(
@@ -150,9 +153,10 @@ export const CouplesApiFp = function (configuration?: Configuration) {
         )(axios, localVarOperationServerBasePath || basePath)
     },
     /**
-     * 연결된 커플을 끊습니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 연결된 커플을 끊습니다. 커플 연동 기능은 제거 예정이며, 앞으로는 사용자가 커플 정보를 직접 입력하는 방식을 사용합니다. JWT 토큰이 필요합니다.
      * @summary 커플 연결 끊기
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     async unlinkCouple(
@@ -180,10 +184,11 @@ export const CouplesApiFactory = function (configuration?: Configuration, basePa
   const localVarFp = CouplesApiFp(configuration)
   return {
     /**
-     * 커플 초대코드를 사용하여 커플을 연결합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 커플 초대코드를 사용하여 커플을 연결합니다. 커플 연동 기능은 제거 예정이며, 앞으로는 사용자가 커플 정보를 직접 입력하는 방식을 사용합니다. JWT 토큰이 필요합니다.
      * @summary 커플 연결
      * @param {CouplesApiLinkCoupleRequest} requestParameters Request parameters.
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     linkCouple(
@@ -195,9 +200,10 @@ export const CouplesApiFactory = function (configuration?: Configuration, basePa
         .then((request) => request(axios, basePath))
     },
     /**
-     * 연결된 커플을 끊습니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 연결된 커플을 끊습니다. 커플 연동 기능은 제거 예정이며, 앞으로는 사용자가 커플 정보를 직접 입력하는 방식을 사용합니다. JWT 토큰이 필요합니다.
      * @summary 커플 연결 끊기
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     unlinkCouple(options?: RawAxiosRequestConfig): AxiosPromise<CoupleUnlinkSuccessResponse> {
@@ -218,10 +224,11 @@ export interface CouplesApiLinkCoupleRequest {
  */
 export class CouplesApi extends BaseAPI {
   /**
-   * 커플 초대코드를 사용하여 커플을 연결합니다. JWT 토큰이 필요합니다.
+   * [Deprecated] 커플 초대코드를 사용하여 커플을 연결합니다. 커플 연동 기능은 제거 예정이며, 앞으로는 사용자가 커플 정보를 직접 입력하는 방식을 사용합니다. JWT 토큰이 필요합니다.
    * @summary 커플 연결
    * @param {CouplesApiLinkCoupleRequest} requestParameters Request parameters.
    * @param {*} [options] Override http request option.
+   * @deprecated
    * @throws {RequiredError}
    */
   public linkCouple(requestParameters: CouplesApiLinkCoupleRequest, options?: RawAxiosRequestConfig) {
@@ -231,9 +238,10 @@ export class CouplesApi extends BaseAPI {
   }
 
   /**
-   * 연결된 커플을 끊습니다. JWT 토큰이 필요합니다.
+   * [Deprecated] 연결된 커플을 끊습니다. 커플 연동 기능은 제거 예정이며, 앞으로는 사용자가 커플 정보를 직접 입력하는 방식을 사용합니다. JWT 토큰이 필요합니다.
    * @summary 커플 연결 끊기
    * @param {*} [options] Override http request option.
+   * @deprecated
    * @throws {RequiredError}
    */
   public unlinkCouple(options?: RawAxiosRequestConfig) {
diff --git a/packages/data/user-api-axios/api/apis/love-types-api.ts b/packages/data/user-api-axios/api/apis/love-types-api.ts
index c3b14058..8e7f8ef6 100644
--- a/packages/data/user-api-axios/api/apis/love-types-api.ts
+++ b/packages/data/user-api-axios/api/apis/love-types-api.ts
@@ -32,6 +32,8 @@ import {
 // @ts-ignore
 import { BASE_PATH, COLLECTION_FORMATS, type RequestArgs, BaseAPI, RequiredError, operationServerMap } from '../base'
 // @ts-ignore
+import type { LoveTypePersonalityTypeResultSuccessResponse } from '../models'
+// @ts-ignore
 import type { LoveTypeQuestionCalculateSuccessResponse } from '../models'
 // @ts-ignore
 import type { LoveTypeQuestionSuccessResponse } from '../models'
@@ -44,6 +46,56 @@ import type { SwaggerErrorResponse } from '../models'
  */
 export const LoveTypesApiAxiosParamCreator = function (configuration?: Configuration) {
   return {
+    /**
+     * MBTI와 애착 유형 조합에 해당하는 상세 결과를 조회합니다.
+     * @summary MBTI + 애착 유형 상세 결과 조회
+     * @param {string} personalityType
+     * @param {string} lovetype
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    getLoveTypePersonalityTypeResult: async (
+      personalityType: string,
+      lovetype: string,
+      options: RawAxiosRequestConfig = {}
+    ): Promise<RequestArgs> => {
+      // verify required parameter 'personalityType' is not null or undefined
+      assertParamExists('getLoveTypePersonalityTypeResult', 'personalityType', personalityType)
+      // verify required parameter 'lovetype' is not null or undefined
+      assertParamExists('getLoveTypePersonalityTypeResult', 'lovetype', lovetype)
+      const localVarPath = `/love-types/result`
+      // use dummy base URL string because the URL constructor only accepts absolute URLs.
+      const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL)
+      let baseOptions
+      if (configuration) {
+        baseOptions = configuration.baseOptions
+      }
+
+      const localVarRequestOptions = { method: 'GET', ...baseOptions, ...options }
+      const localVarHeaderParameter = {} as any
+      const localVarQueryParameter = {} as any
+
+      // authentication Bearer Authentication required
+      // http bearer authentication required
+      await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+      if (personalityType !== undefined) {
+        localVarQueryParameter['personalityType'] = personalityType
+      }
+
+      if (lovetype !== undefined) {
+        localVarQueryParameter['lovetype'] = lovetype
+      }
+
+      setSearchParams(localVarUrlObj, localVarQueryParameter)
+      let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {}
+      localVarRequestOptions.headers = { ...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers }
+
+      return {
+        url: toPathString(localVarUrlObj),
+        options: localVarRequestOptions,
+      }
+    },
     /**
      * 애착 유형 검사의 질문을 조회합니다.
      * @summary 애착 유형 검사 질문 조회
@@ -168,6 +220,37 @@ export const LoveTypesApiAxiosParamCreator = function (configuration?: Configura
 export const LoveTypesApiFp = function (configuration?: Configuration) {
   const localVarAxiosParamCreator = LoveTypesApiAxiosParamCreator(configuration)
   return {
+    /**
+     * MBTI와 애착 유형 조합에 해당하는 상세 결과를 조회합니다.
+     * @summary MBTI + 애착 유형 상세 결과 조회
+     * @param {string} personalityType
+     * @param {string} lovetype
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    async getLoveTypePersonalityTypeResult(
+      personalityType: string,
+      lovetype: string,
+      options?: RawAxiosRequestConfig
+    ): Promise<
+      (axios?: AxiosInstance, basePath?: string) => AxiosPromise<LoveTypePersonalityTypeResultSuccessResponse>
+    > {
+      const localVarAxiosArgs = await localVarAxiosParamCreator.getLoveTypePersonalityTypeResult(
+        personalityType,
+        lovetype,
+        options
+      )
+      const localVarOperationServerIndex = configuration?.serverIndex ?? 0
+      const localVarOperationServerBasePath =
+        operationServerMap['LoveTypesApi.getLoveTypePersonalityTypeResult']?.[localVarOperationServerIndex]?.url
+      return (axios, basePath) =>
+        createRequestFunction(
+          localVarAxiosArgs,
+          globalAxios,
+          BASE_PATH,
+          configuration
+        )(axios, localVarOperationServerBasePath || basePath)
+    },
     /**
      * 애착 유형 검사의 질문을 조회합니다.
      * @summary 애착 유형 검사 질문 조회
@@ -244,6 +327,21 @@ export const LoveTypesApiFp = function (configuration?: Configuration) {
 export const LoveTypesApiFactory = function (configuration?: Configuration, basePath?: string, axios?: AxiosInstance) {
   const localVarFp = LoveTypesApiFp(configuration)
   return {
+    /**
+     * MBTI와 애착 유형 조합에 해당하는 상세 결과를 조회합니다.
+     * @summary MBTI + 애착 유형 상세 결과 조회
+     * @param {LoveTypesApiGetLoveTypePersonalityTypeResultRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    getLoveTypePersonalityTypeResult(
+      requestParameters: LoveTypesApiGetLoveTypePersonalityTypeResultRequest,
+      options?: RawAxiosRequestConfig
+    ): AxiosPromise<LoveTypePersonalityTypeResultSuccessResponse> {
+      return localVarFp
+        .getLoveTypePersonalityTypeResult(requestParameters.personalityType, requestParameters.lovetype, options)
+        .then((request) => request(axios, basePath))
+    },
     /**
      * 애착 유형 검사의 질문을 조회합니다.
      * @summary 애착 유형 검사 질문 조회
@@ -286,6 +384,15 @@ export const LoveTypesApiFactory = function (configuration?: Configuration, base
   }
 }
 
+/**
+ * Request parameters for getLoveTypePersonalityTypeResult operation in LoveTypesApi.
+ */
+export interface LoveTypesApiGetLoveTypePersonalityTypeResultRequest {
+  readonly personalityType: string
+
+  readonly lovetype: string
+}
+
 /**
  * Request parameters for getLoveTypeResult operation in LoveTypesApi.
  */
@@ -304,6 +411,22 @@ export interface LoveTypesApiRegisterResultRequest {
  * LoveTypesApi - object-oriented interface
  */
 export class LoveTypesApi extends BaseAPI {
+  /**
+   * MBTI와 애착 유형 조합에 해당하는 상세 결과를 조회합니다.
+   * @summary MBTI + 애착 유형 상세 결과 조회
+   * @param {LoveTypesApiGetLoveTypePersonalityTypeResultRequest} requestParameters Request parameters.
+   * @param {*} [options] Override http request option.
+   * @throws {RequiredError}
+   */
+  public getLoveTypePersonalityTypeResult(
+    requestParameters: LoveTypesApiGetLoveTypePersonalityTypeResultRequest,
+    options?: RawAxiosRequestConfig
+  ) {
+    return LoveTypesApiFp(this.configuration)
+      .getLoveTypePersonalityTypeResult(requestParameters.personalityType, requestParameters.lovetype, options)
+      .then((request) => request(this.axios, this.basePath))
+  }
+
   /**
    * 애착 유형 검사의 질문을 조회합니다.
    * @summary 애착 유형 검사 질문 조회
diff --git a/packages/data/user-api-axios/api/apis/members-api.ts b/packages/data/user-api-axios/api/apis/members-api.ts
index 2f26f121..44ca6f35 100644
--- a/packages/data/user-api-axios/api/apis/members-api.ts
+++ b/packages/data/user-api-axios/api/apis/members-api.ts
@@ -32,6 +32,8 @@ import {
 // @ts-ignore
 import { BASE_PATH, COLLECTION_FORMATS, type RequestArgs, BaseAPI, RequiredError, operationServerMap } from '../base'
 // @ts-ignore
+import type { CreatePartnerProfileRequestDto } from '../models'
+// @ts-ignore
 import type { DeleteMemberSuccessResponse } from '../models'
 // @ts-ignore
 import type { GetInviteCodeSuccessResponse } from '../models'
@@ -40,6 +42,8 @@ import type { MemberInfoSuccessResponse } from '../models'
 // @ts-ignore
 import type { PartnerMemberInfoSuccessResponse } from '../models'
 // @ts-ignore
+import type { PartnerProfileSuccessResponse } from '../models'
+// @ts-ignore
 import type { RegisterLoveTypeRequestDto } from '../models'
 // @ts-ignore
 import type { RegisterLoveTypeSuccessResponse } from '../models'
@@ -54,6 +58,8 @@ import type { UpdateMemberTermsRequestDto } from '../models'
 // @ts-ignore
 import type { UpdateMemberTermsSuccessResponse } from '../models'
 // @ts-ignore
+import type { UpdatePartnerProfileRequestDto } from '../models'
+// @ts-ignore
 import type { UpdateStartLoveDateRequestDto } from '../models'
 // @ts-ignore
 import type { UpdateStartLoveDateSuccessResponse } from '../models'
@@ -62,6 +68,51 @@ import type { UpdateStartLoveDateSuccessResponse } from '../models'
  */
 export const MembersApiAxiosParamCreator = function (configuration?: Configuration) {
   return {
+    /**
+     * 현재 로그인된 사용자가 상대방 MBTI와 애착 유형을 직접 입력합니다. JWT 토큰이 필요합니다.
+     * @summary 상대 프로필 최초 등록
+     * @param {CreatePartnerProfileRequestDto} createPartnerProfileRequestDto
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    createPartnerProfile: async (
+      createPartnerProfileRequestDto: CreatePartnerProfileRequestDto,
+      options: RawAxiosRequestConfig = {}
+    ): Promise<RequestArgs> => {
+      // verify required parameter 'createPartnerProfileRequestDto' is not null or undefined
+      assertParamExists('createPartnerProfile', 'createPartnerProfileRequestDto', createPartnerProfileRequestDto)
+      const localVarPath = `/members/partners`
+      // use dummy base URL string because the URL constructor only accepts absolute URLs.
+      const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL)
+      let baseOptions
+      if (configuration) {
+        baseOptions = configuration.baseOptions
+      }
+
+      const localVarRequestOptions = { method: 'POST', ...baseOptions, ...options }
+      const localVarHeaderParameter = {} as any
+      const localVarQueryParameter = {} as any
+
+      // authentication Bearer Authentication required
+      // http bearer authentication required
+      await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+      localVarHeaderParameter['Content-Type'] = 'application/json'
+
+      setSearchParams(localVarUrlObj, localVarQueryParameter)
+      let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {}
+      localVarRequestOptions.headers = { ...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers }
+      localVarRequestOptions.data = serializeDataIfNeeded(
+        createPartnerProfileRequestDto,
+        localVarRequestOptions,
+        configuration
+      )
+
+      return {
+        url: toPathString(localVarUrlObj),
+        options: localVarRequestOptions,
+      }
+    },
     /**
      * 현재 로그인된 사용자의 탈퇴를 처리합니다. JWT 토큰이 필요합니다.
      * @summary 사용자 탈퇴
@@ -127,9 +178,10 @@ export const MembersApiAxiosParamCreator = function (configuration?: Configurati
       }
     },
     /**
-     * 현재 로그인된 사용자의 초대 코드를 조회합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 현재 로그인된 사용자의 초대 코드를 조회합니다. 커플 연동 기능은 제거 예정이며, 앞으로는 사용자가 커플 정보를 직접 입력하는 방식을 사용합니다. JWT 토큰이 필요합니다.
      * @summary 사용자 초대 코드 조회
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     getMemberInviteCode: async (options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
@@ -159,9 +211,10 @@ export const MembersApiAxiosParamCreator = function (configuration?: Configurati
       }
     },
     /**
-     * 현재 로그인된 멤버의 파트너 정보를 조회합니다. JWT 토큰이 필요합니다.
-     * @summary 커플 상대 정보 조회
+     * [Deprecated] 현재 로그인된 멤버가 직접 입력한 상대 프로필을 조회합니다. 신규 클라이언트는 GET /members 응답의 partner 필드를 사용하세요. JWT 토큰이 필요합니다.
+     * @summary 상대 프로필 조회
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     getPartnerMemberInfo: async (options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
@@ -322,10 +375,56 @@ export const MembersApiAxiosParamCreator = function (configuration?: Configurati
       }
     },
     /**
-     * 커플로 연동된 사용자의 연애 시작일을 변경합니다. 커플이 아닌 사용자는 사용할 수 없습니다. JWT 토큰이 필요합니다.
+     * 현재 로그인된 사용자가 직접 입력한 상대 프로필을 수정합니다. JWT 토큰이 필요합니다.
+     * @summary 상대 프로필 수정
+     * @param {UpdatePartnerProfileRequestDto} updatePartnerProfileRequestDto
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    updatePartnerProfile: async (
+      updatePartnerProfileRequestDto: UpdatePartnerProfileRequestDto,
+      options: RawAxiosRequestConfig = {}
+    ): Promise<RequestArgs> => {
+      // verify required parameter 'updatePartnerProfileRequestDto' is not null or undefined
+      assertParamExists('updatePartnerProfile', 'updatePartnerProfileRequestDto', updatePartnerProfileRequestDto)
+      const localVarPath = `/members/partners`
+      // use dummy base URL string because the URL constructor only accepts absolute URLs.
+      const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL)
+      let baseOptions
+      if (configuration) {
+        baseOptions = configuration.baseOptions
+      }
+
+      const localVarRequestOptions = { method: 'PATCH', ...baseOptions, ...options }
+      const localVarHeaderParameter = {} as any
+      const localVarQueryParameter = {} as any
+
+      // authentication Bearer Authentication required
+      // http bearer authentication required
+      await setBearerAuthToObject(localVarHeaderParameter, configuration)
+
+      localVarHeaderParameter['Content-Type'] = 'application/json'
+
+      setSearchParams(localVarUrlObj, localVarQueryParameter)
+      let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {}
+      localVarRequestOptions.headers = { ...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers }
+      localVarRequestOptions.data = serializeDataIfNeeded(
+        updatePartnerProfileRequestDto,
+        localVarRequestOptions,
+        configuration
+      )
+
+      return {
+        url: toPathString(localVarUrlObj),
+        options: localVarRequestOptions,
+      }
+    },
+    /**
+     * [Deprecated] 커플로 연동된 사용자의 연애 시작일을 변경합니다. 커플 연동 기능은 제거 예정이며, 앞으로는 사용자가 커플 정보를 직접 입력하는 방식을 사용합니다. 커플이 아닌 사용자는 사용할 수 없습니다. JWT 토큰이 필요합니다.
      * @summary 연애 시작일 변경
      * @param {UpdateStartLoveDateRequestDto} updateStartLoveDateRequestDto
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     updateStartLoveDate: async (
@@ -375,6 +474,32 @@ export const MembersApiAxiosParamCreator = function (configuration?: Configurati
 export const MembersApiFp = function (configuration?: Configuration) {
   const localVarAxiosParamCreator = MembersApiAxiosParamCreator(configuration)
   return {
+    /**
+     * 현재 로그인된 사용자가 상대방 MBTI와 애착 유형을 직접 입력합니다. JWT 토큰이 필요합니다.
+     * @summary 상대 프로필 최초 등록
+     * @param {CreatePartnerProfileRequestDto} createPartnerProfileRequestDto
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    async createPartnerProfile(
+      createPartnerProfileRequestDto: CreatePartnerProfileRequestDto,
+      options?: RawAxiosRequestConfig
+    ): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<PartnerProfileSuccessResponse>> {
+      const localVarAxiosArgs = await localVarAxiosParamCreator.createPartnerProfile(
+        createPartnerProfileRequestDto,
+        options
+      )
+      const localVarOperationServerIndex = configuration?.serverIndex ?? 0
+      const localVarOperationServerBasePath =
+        operationServerMap['MembersApi.createPartnerProfile']?.[localVarOperationServerIndex]?.url
+      return (axios, basePath) =>
+        createRequestFunction(
+          localVarAxiosArgs,
+          globalAxios,
+          BASE_PATH,
+          configuration
+        )(axios, localVarOperationServerBasePath || basePath)
+    },
     /**
      * 현재 로그인된 사용자의 탈퇴를 처리합니다. JWT 토큰이 필요합니다.
      * @summary 사용자 탈퇴
@@ -418,9 +543,10 @@ export const MembersApiFp = function (configuration?: Configuration) {
         )(axios, localVarOperationServerBasePath || basePath)
     },
     /**
-     * 현재 로그인된 사용자의 초대 코드를 조회합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 현재 로그인된 사용자의 초대 코드를 조회합니다. 커플 연동 기능은 제거 예정이며, 앞으로는 사용자가 커플 정보를 직접 입력하는 방식을 사용합니다. JWT 토큰이 필요합니다.
      * @summary 사용자 초대 코드 조회
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     async getMemberInviteCode(
@@ -439,9 +565,10 @@ export const MembersApiFp = function (configuration?: Configuration) {
         )(axios, localVarOperationServerBasePath || basePath)
     },
     /**
-     * 현재 로그인된 멤버의 파트너 정보를 조회합니다. JWT 토큰이 필요합니다.
-     * @summary 커플 상대 정보 조회
+     * [Deprecated] 현재 로그인된 멤버가 직접 입력한 상대 프로필을 조회합니다. 신규 클라이언트는 GET /members 응답의 partner 필드를 사용하세요. JWT 토큰이 필요합니다.
+     * @summary 상대 프로필 조회
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     async getPartnerMemberInfo(
@@ -529,10 +656,37 @@ export const MembersApiFp = function (configuration?: Configuration) {
         )(axios, localVarOperationServerBasePath || basePath)
     },
     /**
-     * 커플로 연동된 사용자의 연애 시작일을 변경합니다. 커플이 아닌 사용자는 사용할 수 없습니다. JWT 토큰이 필요합니다.
+     * 현재 로그인된 사용자가 직접 입력한 상대 프로필을 수정합니다. JWT 토큰이 필요합니다.
+     * @summary 상대 프로필 수정
+     * @param {UpdatePartnerProfileRequestDto} updatePartnerProfileRequestDto
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    async updatePartnerProfile(
+      updatePartnerProfileRequestDto: UpdatePartnerProfileRequestDto,
+      options?: RawAxiosRequestConfig
+    ): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<PartnerProfileSuccessResponse>> {
+      const localVarAxiosArgs = await localVarAxiosParamCreator.updatePartnerProfile(
+        updatePartnerProfileRequestDto,
+        options
+      )
+      const localVarOperationServerIndex = configuration?.serverIndex ?? 0
+      const localVarOperationServerBasePath =
+        operationServerMap['MembersApi.updatePartnerProfile']?.[localVarOperationServerIndex]?.url
+      return (axios, basePath) =>
+        createRequestFunction(
+          localVarAxiosArgs,
+          globalAxios,
+          BASE_PATH,
+          configuration
+        )(axios, localVarOperationServerBasePath || basePath)
+    },
+    /**
+     * [Deprecated] 커플로 연동된 사용자의 연애 시작일을 변경합니다. 커플 연동 기능은 제거 예정이며, 앞으로는 사용자가 커플 정보를 직접 입력하는 방식을 사용합니다. 커플이 아닌 사용자는 사용할 수 없습니다. JWT 토큰이 필요합니다.
      * @summary 연애 시작일 변경
      * @param {UpdateStartLoveDateRequestDto} updateStartLoveDateRequestDto
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     async updateStartLoveDate(
@@ -563,6 +717,21 @@ export const MembersApiFp = function (configuration?: Configuration) {
 export const MembersApiFactory = function (configuration?: Configuration, basePath?: string, axios?: AxiosInstance) {
   const localVarFp = MembersApiFp(configuration)
   return {
+    /**
+     * 현재 로그인된 사용자가 상대방 MBTI와 애착 유형을 직접 입력합니다. JWT 토큰이 필요합니다.
+     * @summary 상대 프로필 최초 등록
+     * @param {MembersApiCreatePartnerProfileRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    createPartnerProfile(
+      requestParameters: MembersApiCreatePartnerProfileRequest,
+      options?: RawAxiosRequestConfig
+    ): AxiosPromise<PartnerProfileSuccessResponse> {
+      return localVarFp
+        .createPartnerProfile(requestParameters.createPartnerProfileRequestDto, options)
+        .then((request) => request(axios, basePath))
+    },
     /**
      * 현재 로그인된 사용자의 탈퇴를 처리합니다. JWT 토큰이 필요합니다.
      * @summary 사용자 탈퇴
@@ -582,18 +751,20 @@ export const MembersApiFactory = function (configuration?: Configuration, basePa
       return localVarFp.getMemberInfo(options).then((request) => request(axios, basePath))
     },
     /**
-     * 현재 로그인된 사용자의 초대 코드를 조회합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 현재 로그인된 사용자의 초대 코드를 조회합니다. 커플 연동 기능은 제거 예정이며, 앞으로는 사용자가 커플 정보를 직접 입력하는 방식을 사용합니다. JWT 토큰이 필요합니다.
      * @summary 사용자 초대 코드 조회
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     getMemberInviteCode(options?: RawAxiosRequestConfig): AxiosPromise<GetInviteCodeSuccessResponse> {
       return localVarFp.getMemberInviteCode(options).then((request) => request(axios, basePath))
     },
     /**
-     * 현재 로그인된 멤버의 파트너 정보를 조회합니다. JWT 토큰이 필요합니다.
-     * @summary 커플 상대 정보 조회
+     * [Deprecated] 현재 로그인된 멤버가 직접 입력한 상대 프로필을 조회합니다. 신규 클라이언트는 GET /members 응답의 partner 필드를 사용하세요. JWT 토큰이 필요합니다.
+     * @summary 상대 프로필 조회
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     getPartnerMemberInfo(options?: RawAxiosRequestConfig): AxiosPromise<PartnerMemberInfoSuccessResponse> {
@@ -645,10 +816,26 @@ export const MembersApiFactory = function (configuration?: Configuration, basePa
         .then((request) => request(axios, basePath))
     },
     /**
-     * 커플로 연동된 사용자의 연애 시작일을 변경합니다. 커플이 아닌 사용자는 사용할 수 없습니다. JWT 토큰이 필요합니다.
+     * 현재 로그인된 사용자가 직접 입력한 상대 프로필을 수정합니다. JWT 토큰이 필요합니다.
+     * @summary 상대 프로필 수정
+     * @param {MembersApiUpdatePartnerProfileRequest} requestParameters Request parameters.
+     * @param {*} [options] Override http request option.
+     * @throws {RequiredError}
+     */
+    updatePartnerProfile(
+      requestParameters: MembersApiUpdatePartnerProfileRequest,
+      options?: RawAxiosRequestConfig
+    ): AxiosPromise<PartnerProfileSuccessResponse> {
+      return localVarFp
+        .updatePartnerProfile(requestParameters.updatePartnerProfileRequestDto, options)
+        .then((request) => request(axios, basePath))
+    },
+    /**
+     * [Deprecated] 커플로 연동된 사용자의 연애 시작일을 변경합니다. 커플 연동 기능은 제거 예정이며, 앞으로는 사용자가 커플 정보를 직접 입력하는 방식을 사용합니다. 커플이 아닌 사용자는 사용할 수 없습니다. JWT 토큰이 필요합니다.
      * @summary 연애 시작일 변경
      * @param {MembersApiUpdateStartLoveDateRequest} requestParameters Request parameters.
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     updateStartLoveDate(
@@ -662,6 +849,13 @@ export const MembersApiFactory = function (configuration?: Configuration, basePa
   }
 }
 
+/**
+ * Request parameters for createPartnerProfile operation in MembersApi.
+ */
+export interface MembersApiCreatePartnerProfileRequest {
+  readonly createPartnerProfileRequestDto: CreatePartnerProfileRequestDto
+}
+
 /**
  * Request parameters for registerLoveType operation in MembersApi.
  */
@@ -683,6 +877,13 @@ export interface MembersApiUpdateMemberTermsRequest {
   readonly updateMemberTermsRequestDto: UpdateMemberTermsRequestDto
 }
 
+/**
+ * Request parameters for updatePartnerProfile operation in MembersApi.
+ */
+export interface MembersApiUpdatePartnerProfileRequest {
+  readonly updatePartnerProfileRequestDto: UpdatePartnerProfileRequestDto
+}
+
 /**
  * Request parameters for updateStartLoveDate operation in MembersApi.
  */
@@ -694,6 +895,22 @@ export interface MembersApiUpdateStartLoveDateRequest {
  * MembersApi - object-oriented interface
  */
 export class MembersApi extends BaseAPI {
+  /**
+   * 현재 로그인된 사용자가 상대방 MBTI와 애착 유형을 직접 입력합니다. JWT 토큰이 필요합니다.
+   * @summary 상대 프로필 최초 등록
+   * @param {MembersApiCreatePartnerProfileRequest} requestParameters Request parameters.
+   * @param {*} [options] Override http request option.
+   * @throws {RequiredError}
+   */
+  public createPartnerProfile(
+    requestParameters: MembersApiCreatePartnerProfileRequest,
+    options?: RawAxiosRequestConfig
+  ) {
+    return MembersApiFp(this.configuration)
+      .createPartnerProfile(requestParameters.createPartnerProfileRequestDto, options)
+      .then((request) => request(this.axios, this.basePath))
+  }
+
   /**
    * 현재 로그인된 사용자의 탈퇴를 처리합니다. JWT 토큰이 필요합니다.
    * @summary 사용자 탈퇴
@@ -719,9 +936,10 @@ export class MembersApi extends BaseAPI {
   }
 
   /**
-   * 현재 로그인된 사용자의 초대 코드를 조회합니다. JWT 토큰이 필요합니다.
+   * [Deprecated] 현재 로그인된 사용자의 초대 코드를 조회합니다. 커플 연동 기능은 제거 예정이며, 앞으로는 사용자가 커플 정보를 직접 입력하는 방식을 사용합니다. JWT 토큰이 필요합니다.
    * @summary 사용자 초대 코드 조회
    * @param {*} [options] Override http request option.
+   * @deprecated
    * @throws {RequiredError}
    */
   public getMemberInviteCode(options?: RawAxiosRequestConfig) {
@@ -731,9 +949,10 @@ export class MembersApi extends BaseAPI {
   }
 
   /**
-   * 현재 로그인된 멤버의 파트너 정보를 조회합니다. JWT 토큰이 필요합니다.
-   * @summary 커플 상대 정보 조회
+   * [Deprecated] 현재 로그인된 멤버가 직접 입력한 상대 프로필을 조회합니다. 신규 클라이언트는 GET /members 응답의 partner 필드를 사용하세요. JWT 토큰이 필요합니다.
+   * @summary 상대 프로필 조회
    * @param {*} [options] Override http request option.
+   * @deprecated
    * @throws {RequiredError}
    */
   public getPartnerMemberInfo(options?: RawAxiosRequestConfig) {
@@ -782,10 +1001,27 @@ export class MembersApi extends BaseAPI {
   }
 
   /**
-   * 커플로 연동된 사용자의 연애 시작일을 변경합니다. 커플이 아닌 사용자는 사용할 수 없습니다. JWT 토큰이 필요합니다.
+   * 현재 로그인된 사용자가 직접 입력한 상대 프로필을 수정합니다. JWT 토큰이 필요합니다.
+   * @summary 상대 프로필 수정
+   * @param {MembersApiUpdatePartnerProfileRequest} requestParameters Request parameters.
+   * @param {*} [options] Override http request option.
+   * @throws {RequiredError}
+   */
+  public updatePartnerProfile(
+    requestParameters: MembersApiUpdatePartnerProfileRequest,
+    options?: RawAxiosRequestConfig
+  ) {
+    return MembersApiFp(this.configuration)
+      .updatePartnerProfile(requestParameters.updatePartnerProfileRequestDto, options)
+      .then((request) => request(this.axios, this.basePath))
+  }
+
+  /**
+   * [Deprecated] 커플로 연동된 사용자의 연애 시작일을 변경합니다. 커플 연동 기능은 제거 예정이며, 앞으로는 사용자가 커플 정보를 직접 입력하는 방식을 사용합니다. 커플이 아닌 사용자는 사용할 수 없습니다. JWT 토큰이 필요합니다.
    * @summary 연애 시작일 변경
    * @param {MembersApiUpdateStartLoveDateRequest} requestParameters Request parameters.
    * @param {*} [options] Override http request option.
+   * @deprecated
    * @throws {RequiredError}
    */
   public updateStartLoveDate(requestParameters: MembersApiUpdateStartLoveDateRequest, options?: RawAxiosRequestConfig) {
diff --git a/packages/data/user-api-axios/api/apis/questions-api.ts b/packages/data/user-api-axios/api/apis/questions-api.ts
index 42bf8000..993170ee 100644
--- a/packages/data/user-api-axios/api/apis/questions-api.ts
+++ b/packages/data/user-api-axios/api/apis/questions-api.ts
@@ -49,10 +49,11 @@ import type { SwaggerErrorResponse } from '../models'
 export const QuestionsApiAxiosParamCreator = function (configuration?: Configuration) {
   return {
     /**
-     * 커플 질문 답변을 조회합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
      * @summary 질문 답변 조회
      * @param {number} coupleQuestionId
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     getAnswers: async (coupleQuestionId: number, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
@@ -87,10 +88,11 @@ export const QuestionsApiAxiosParamCreator = function (configuration?: Configura
       }
     },
     /**
-     * 커플 오늘의 질문을 조회합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
      * @summary 과거 질문 조회
      * @param {number} level
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     getQuestion: async (level: number, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
@@ -122,9 +124,10 @@ export const QuestionsApiAxiosParamCreator = function (configuration?: Configura
       }
     },
     /**
-     * 커플 오늘의 질문을 조회합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
      * @summary 오늘의 질문 조회
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     getTodayQuestion: async (options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
@@ -154,10 +157,11 @@ export const QuestionsApiAxiosParamCreator = function (configuration?: Configura
       }
     },
     /**
-     * 커플 오늘의 질문에 답변을 등록합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
      * @summary 오늘의 질문 답변 등록
      * @param {AnswerRequestDto} answerRequestDto
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     postAnswer: async (
@@ -195,10 +199,11 @@ export const QuestionsApiAxiosParamCreator = function (configuration?: Configura
       }
     },
     /**
-     * 커플 오늘의 질문에 답변을 수정합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
      * @summary 오늘의 질문 답변 수정
      * @param {AnswerRequestDto} answerRequestDto
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     updateAnswer: async (
@@ -245,10 +250,11 @@ export const QuestionsApiFp = function (configuration?: Configuration) {
   const localVarAxiosParamCreator = QuestionsApiAxiosParamCreator(configuration)
   return {
     /**
-     * 커플 질문 답변을 조회합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
      * @summary 질문 답변 조회
      * @param {number} coupleQuestionId
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     async getAnswers(
@@ -268,10 +274,11 @@ export const QuestionsApiFp = function (configuration?: Configuration) {
         )(axios, localVarOperationServerBasePath || basePath)
     },
     /**
-     * 커플 오늘의 질문을 조회합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
      * @summary 과거 질문 조회
      * @param {number} level
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     async getQuestion(
@@ -291,9 +298,10 @@ export const QuestionsApiFp = function (configuration?: Configuration) {
         )(axios, localVarOperationServerBasePath || basePath)
     },
     /**
-     * 커플 오늘의 질문을 조회합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
      * @summary 오늘의 질문 조회
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     async getTodayQuestion(
@@ -312,10 +320,11 @@ export const QuestionsApiFp = function (configuration?: Configuration) {
         )(axios, localVarOperationServerBasePath || basePath)
     },
     /**
-     * 커플 오늘의 질문에 답변을 등록합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
      * @summary 오늘의 질문 답변 등록
      * @param {AnswerRequestDto} answerRequestDto
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     async postAnswer(
@@ -335,10 +344,11 @@ export const QuestionsApiFp = function (configuration?: Configuration) {
         )(axios, localVarOperationServerBasePath || basePath)
     },
     /**
-     * 커플 오늘의 질문에 답변을 수정합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
      * @summary 오늘의 질문 답변 수정
      * @param {AnswerRequestDto} answerRequestDto
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     async updateAnswer(
@@ -367,10 +377,11 @@ export const QuestionsApiFactory = function (configuration?: Configuration, base
   const localVarFp = QuestionsApiFp(configuration)
   return {
     /**
-     * 커플 질문 답변을 조회합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
      * @summary 질문 답변 조회
      * @param {QuestionsApiGetAnswersRequest} requestParameters Request parameters.
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     getAnswers(
@@ -382,10 +393,11 @@ export const QuestionsApiFactory = function (configuration?: Configuration, base
         .then((request) => request(axios, basePath))
     },
     /**
-     * 커플 오늘의 질문을 조회합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
      * @summary 과거 질문 조회
      * @param {QuestionsApiGetQuestionRequest} requestParameters Request parameters.
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     getQuestion(
@@ -395,19 +407,21 @@ export const QuestionsApiFactory = function (configuration?: Configuration, base
       return localVarFp.getQuestion(requestParameters.level, options).then((request) => request(axios, basePath))
     },
     /**
-     * 커플 오늘의 질문을 조회합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
      * @summary 오늘의 질문 조회
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     getTodayQuestion(options?: RawAxiosRequestConfig): AxiosPromise<QuestionSuccessResponse> {
       return localVarFp.getTodayQuestion(options).then((request) => request(axios, basePath))
     },
     /**
-     * 커플 오늘의 질문에 답변을 등록합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
      * @summary 오늘의 질문 답변 등록
      * @param {QuestionsApiPostAnswerRequest} requestParameters Request parameters.
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     postAnswer(
@@ -419,10 +433,11 @@ export const QuestionsApiFactory = function (configuration?: Configuration, base
         .then((request) => request(axios, basePath))
     },
     /**
-     * 커플 오늘의 질문에 답변을 수정합니다. JWT 토큰이 필요합니다.
+     * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
      * @summary 오늘의 질문 답변 수정
      * @param {QuestionsApiUpdateAnswerRequest} requestParameters Request parameters.
      * @param {*} [options] Override http request option.
+     * @deprecated
      * @throws {RequiredError}
      */
     updateAnswer(
@@ -469,10 +484,11 @@ export interface QuestionsApiUpdateAnswerRequest {
  */
 export class QuestionsApi extends BaseAPI {
   /**
-   * 커플 질문 답변을 조회합니다. JWT 토큰이 필요합니다.
+   * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
    * @summary 질문 답변 조회
    * @param {QuestionsApiGetAnswersRequest} requestParameters Request parameters.
    * @param {*} [options] Override http request option.
+   * @deprecated
    * @throws {RequiredError}
    */
   public getAnswers(requestParameters: QuestionsApiGetAnswersRequest, options?: RawAxiosRequestConfig) {
@@ -482,10 +498,11 @@ export class QuestionsApi extends BaseAPI {
   }
 
   /**
-   * 커플 오늘의 질문을 조회합니다. JWT 토큰이 필요합니다.
+   * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
    * @summary 과거 질문 조회
    * @param {QuestionsApiGetQuestionRequest} requestParameters Request parameters.
    * @param {*} [options] Override http request option.
+   * @deprecated
    * @throws {RequiredError}
    */
   public getQuestion(requestParameters: QuestionsApiGetQuestionRequest, options?: RawAxiosRequestConfig) {
@@ -495,9 +512,10 @@ export class QuestionsApi extends BaseAPI {
   }
 
   /**
-   * 커플 오늘의 질문을 조회합니다. JWT 토큰이 필요합니다.
+   * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
    * @summary 오늘의 질문 조회
    * @param {*} [options] Override http request option.
+   * @deprecated
    * @throws {RequiredError}
    */
   public getTodayQuestion(options?: RawAxiosRequestConfig) {
@@ -507,10 +525,11 @@ export class QuestionsApi extends BaseAPI {
   }
 
   /**
-   * 커플 오늘의 질문에 답변을 등록합니다. JWT 토큰이 필요합니다.
+   * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
    * @summary 오늘의 질문 답변 등록
    * @param {QuestionsApiPostAnswerRequest} requestParameters Request parameters.
    * @param {*} [options] Override http request option.
+   * @deprecated
    * @throws {RequiredError}
    */
   public postAnswer(requestParameters: QuestionsApiPostAnswerRequest, options?: RawAxiosRequestConfig) {
@@ -520,10 +539,11 @@ export class QuestionsApi extends BaseAPI {
   }
 
   /**
-   * 커플 오늘의 질문에 답변을 수정합니다. JWT 토큰이 필요합니다.
+   * [Deprecated] 오늘의 질문 기능은 제거 예정입니다. JWT 토큰이 필요합니다.
    * @summary 오늘의 질문 답변 수정
    * @param {QuestionsApiUpdateAnswerRequest} requestParameters Request parameters.
    * @param {*} [options] Override http request option.
+   * @deprecated
    * @throws {RequiredError}
    */
   public updateAnswer(requestParameters: QuestionsApiUpdateAnswerRequest, options?: RawAxiosRequestConfig) {
diff --git a/packages/data/user-api-axios/api/apis/sign-ups-api.ts b/packages/data/user-api-axios/api/apis/sign-ups-api.ts
index f22361bb..27b098e9 100644
--- a/packages/data/user-api-axios/api/apis/sign-ups-api.ts
+++ b/packages/data/user-api-axios/api/apis/sign-ups-api.ts
@@ -43,7 +43,7 @@ import type { SwaggerErrorResponse } from '../models'
 export const SignUpsApiAxiosParamCreator = function (configuration?: Configuration) {
   return {
     /**
-     * 인증된 사용자의 추가 정보를 입력받아 회원가입을 완료합니다. 연애 시작일은 커플 연동 시 자동으로 설정됩니다. JWT 토큰이 필요합니다.
+     * 인증된 사용자의 추가 정보와 연애 상태를 입력받아 회원가입을 완료합니다. MBTI 관련 정보는 회원가입 이후 프로필 수정에서 관리합니다. JWT 토큰이 필요합니다.
      * @summary 회원가입
      * @param {SignUpRequestDto} signUpRequestDto
      * @param {*} [options] Override http request option.
@@ -90,7 +90,7 @@ export const SignUpsApiFp = function (configuration?: Configuration) {
   const localVarAxiosParamCreator = SignUpsApiAxiosParamCreator(configuration)
   return {
     /**
-     * 인증된 사용자의 추가 정보를 입력받아 회원가입을 완료합니다. 연애 시작일은 커플 연동 시 자동으로 설정됩니다. JWT 토큰이 필요합니다.
+     * 인증된 사용자의 추가 정보와 연애 상태를 입력받아 회원가입을 완료합니다. MBTI 관련 정보는 회원가입 이후 프로필 수정에서 관리합니다. JWT 토큰이 필요합니다.
      * @summary 회원가입
      * @param {SignUpRequestDto} signUpRequestDto
      * @param {*} [options] Override http request option.
@@ -122,7 +122,7 @@ export const SignUpsApiFactory = function (configuration?: Configuration, basePa
   const localVarFp = SignUpsApiFp(configuration)
   return {
     /**
-     * 인증된 사용자의 추가 정보를 입력받아 회원가입을 완료합니다. 연애 시작일은 커플 연동 시 자동으로 설정됩니다. JWT 토큰이 필요합니다.
+     * 인증된 사용자의 추가 정보와 연애 상태를 입력받아 회원가입을 완료합니다. MBTI 관련 정보는 회원가입 이후 프로필 수정에서 관리합니다. JWT 토큰이 필요합니다.
      * @summary 회원가입
      * @param {SignUpsApiSignUpRequest} requestParameters Request parameters.
      * @param {*} [options] Override http request option.
@@ -149,7 +149,7 @@ export interface SignUpsApiSignUpRequest {
  */
 export class SignUpsApi extends BaseAPI {
   /**
-   * 인증된 사용자의 추가 정보를 입력받아 회원가입을 완료합니다. 연애 시작일은 커플 연동 시 자동으로 설정됩니다. JWT 토큰이 필요합니다.
+   * 인증된 사용자의 추가 정보와 연애 상태를 입력받아 회원가입을 완료합니다. MBTI 관련 정보는 회원가입 이후 프로필 수정에서 관리합니다. JWT 토큰이 필요합니다.
    * @summary 회원가입
    * @param {SignUpsApiSignUpRequest} requestParameters Request parameters.
    * @param {*} [options] Override http request option.
diff --git a/packages/data/user-api-axios/api/models/couple-link-data.ts b/packages/data/user-api-axios/api/models/couple-link-data.ts
index 4ce38162..e9e2b37f 100644
--- a/packages/data/user-api-axios/api/models/couple-link-data.ts
+++ b/packages/data/user-api-axios/api/models/couple-link-data.ts
@@ -13,7 +13,7 @@
  */
 
 /**
- * 커플 연결 응답 데이터
+ * [Deprecated] 커플 연결 응답 데이터
  */
 export interface CoupleLinkData {
   /**
diff --git a/packages/data/user-api-axios/api/models/couple-link-request-dto.ts b/packages/data/user-api-axios/api/models/couple-link-request-dto.ts
index 0ce873e4..0722d230 100644
--- a/packages/data/user-api-axios/api/models/couple-link-request-dto.ts
+++ b/packages/data/user-api-axios/api/models/couple-link-request-dto.ts
@@ -12,6 +12,9 @@
  * Do not edit the class manually.
  */
 
+/**
+ * [Deprecated] 커플 연결 요청 DTO
+ */
 export interface CoupleLinkRequestDto {
   coupleCode: string
 }
diff --git a/packages/data/user-api-axios/api/models/couple-link-success-response.ts b/packages/data/user-api-axios/api/models/couple-link-success-response.ts
index a4c2ed05..24e3f776 100644
--- a/packages/data/user-api-axios/api/models/couple-link-success-response.ts
+++ b/packages/data/user-api-axios/api/models/couple-link-success-response.ts
@@ -17,7 +17,7 @@
 import type { CoupleLinkData } from './couple-link-data'
 
 /**
- * 커플 연결 성공 응답
+ * [Deprecated] 커플 연결 성공 응답
  */
 export interface CoupleLinkSuccessResponse {
   /**
diff --git a/packages/data/user-api-axios/api/models/couple-unlink-data.ts b/packages/data/user-api-axios/api/models/couple-unlink-data.ts
index 9c7e2ca8..51652cea 100644
--- a/packages/data/user-api-axios/api/models/couple-unlink-data.ts
+++ b/packages/data/user-api-axios/api/models/couple-unlink-data.ts
@@ -13,7 +13,7 @@
  */
 
 /**
- * 커플 연결 끊기 응답 데이터
+ * [Deprecated] 커플 연결 끊기 응답 데이터
  */
 export interface CoupleUnlinkData {
   /**
diff --git a/packages/data/user-api-axios/api/models/couple-unlink-success-response.ts b/packages/data/user-api-axios/api/models/couple-unlink-success-response.ts
index 602dd47c..89597a3b 100644
--- a/packages/data/user-api-axios/api/models/couple-unlink-success-response.ts
+++ b/packages/data/user-api-axios/api/models/couple-unlink-success-response.ts
@@ -17,7 +17,7 @@
 import type { CoupleUnlinkData } from './couple-unlink-data'
 
 /**
- * 커플 연결 끊기 성공 응답
+ * [Deprecated] 커플 연결 끊기 성공 응답
  */
 export interface CoupleUnlinkSuccessResponse {
   /**
diff --git a/packages/data/user-api-axios/api/models/create-partner-profile-request-dto.ts b/packages/data/user-api-axios/api/models/create-partner-profile-request-dto.ts
new file mode 100644
index 00000000..e75841bc
--- /dev/null
+++ b/packages/data/user-api-axios/api/models/create-partner-profile-request-dto.ts
@@ -0,0 +1,29 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Malmo API Documentation
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: v1.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+export interface CreatePartnerProfileRequestDto {
+  personalityType: string
+  loveTypeCategory?: CreatePartnerProfileRequestDtoLoveTypeCategoryEnum
+}
+
+export const CreatePartnerProfileRequestDtoLoveTypeCategoryEnum = {
+  StableType: 'STABLE_TYPE',
+  AnxietyType: 'ANXIETY_TYPE',
+  AvoidanceType: 'AVOIDANCE_TYPE',
+  ConfusionType: 'CONFUSION_TYPE',
+  Unknown: 'UNKNOWN',
+} as const
+
+export type CreatePartnerProfileRequestDtoLoveTypeCategoryEnum =
+  (typeof CreatePartnerProfileRequestDtoLoveTypeCategoryEnum)[keyof typeof CreatePartnerProfileRequestDtoLoveTypeCategoryEnum]
diff --git a/packages/data/user-api-axios/api/models/get-invite-code-success-response.ts b/packages/data/user-api-axios/api/models/get-invite-code-success-response.ts
index d7b28e0b..4eed2f24 100644
--- a/packages/data/user-api-axios/api/models/get-invite-code-success-response.ts
+++ b/packages/data/user-api-axios/api/models/get-invite-code-success-response.ts
@@ -17,7 +17,7 @@
 import type { InviteCodeResponseData } from './invite-code-response-data'
 
 /**
- * 멤버 초대 코드 성공 응답
+ * [Deprecated] 멤버 초대 코드 성공 응답
  */
 export interface GetInviteCodeSuccessResponse {
   /**
diff --git a/packages/data/user-api-axios/api/models/index.ts b/packages/data/user-api-axios/api/models/index.ts
index 34dc8b5d..b75a1dc0 100644
--- a/packages/data/user-api-axios/api/models/index.ts
+++ b/packages/data/user-api-axios/api/models/index.ts
@@ -29,6 +29,7 @@ export * from './create-bookmark-request-dto'
 export * from './create-bookmark-response'
 export * from './create-chat-room-data'
 export * from './create-chat-room-response'
+export * from './create-partner-profile-request-dto'
 export * from './delete-bookmarks-request-dto'
 export * from './delete-chat-room-request-dto'
 export * from './delete-member-success-response'
@@ -43,17 +44,23 @@ export * from './kakao-login-request-dto'
 export * from './login-data'
 export * from './login-success-response'
 export * from './logout-success-response'
+export * from './love-type-personality-type-block-data'
+export * from './love-type-personality-type-result-data'
+export * from './love-type-personality-type-result-success-response'
 export * from './love-type-question-calculate-success-response'
 export * from './love-type-question-calculation-data'
 export * from './love-type-question-data'
 export * from './love-type-question-success-response'
 export * from './love-type-test-result'
+export * from './love-type-text-block-data'
 export * from './member-data'
 export * from './member-info-success-response'
 export * from './message-dto'
 export * from './pageable'
 export * from './partner-member-data'
 export * from './partner-member-info-success-response'
+export * from './partner-profile-data'
+export * from './partner-profile-success-response'
 export * from './past-answer-data'
 export * from './past-answer-success-response'
 export * from './past-question-data'
@@ -85,6 +92,7 @@ export * from './update-member-request-dto'
 export * from './update-member-success-response'
 export * from './update-member-terms-request-dto'
 export * from './update-member-terms-success-response'
+export * from './update-partner-profile-request-dto'
 export * from './update-start-love-date-data'
 export * from './update-start-love-date-request-dto'
 export * from './update-start-love-date-success-response'
diff --git a/packages/data/user-api-axios/api/models/invite-code-response-data.ts b/packages/data/user-api-axios/api/models/invite-code-response-data.ts
index 0e029e0b..9caf011f 100644
--- a/packages/data/user-api-axios/api/models/invite-code-response-data.ts
+++ b/packages/data/user-api-axios/api/models/invite-code-response-data.ts
@@ -13,7 +13,7 @@
  */
 
 /**
- * 초대 코드 응답 데이터
+ * [Deprecated] 초대 코드 응답 데이터
  */
 export interface InviteCodeResponseData {
   coupleCode?: string
diff --git a/packages/data/user-api-axios/api/models/love-type-personality-type-block-data.ts b/packages/data/user-api-axios/api/models/love-type-personality-type-block-data.ts
new file mode 100644
index 00000000..afd05fae
--- /dev/null
+++ b/packages/data/user-api-axios/api/models/love-type-personality-type-block-data.ts
@@ -0,0 +1,27 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Malmo API Documentation
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: v1.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+/**
+ * MBTI + 설명 블록
+ */
+export interface LoveTypePersonalityTypeBlockData {
+  /**
+   * personalityType
+   */
+  personalityType?: string
+  /**
+   * 설명
+   */
+  description?: string
+}
diff --git a/packages/data/user-api-axios/api/models/love-type-personality-type-result-data.ts b/packages/data/user-api-axios/api/models/love-type-personality-type-result-data.ts
new file mode 100644
index 00000000..3f58baa7
--- /dev/null
+++ b/packages/data/user-api-axios/api/models/love-type-personality-type-result-data.ts
@@ -0,0 +1,80 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Malmo API Documentation
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: v1.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+// May contain unused imports in some cases
+// @ts-ignore
+import type { LoveTypePersonalityTypeBlockData } from './love-type-personality-type-block-data'
+// May contain unused imports in some cases
+// @ts-ignore
+import type { LoveTypeTextBlockData } from './love-type-text-block-data'
+
+/**
+ * MBTI + 애착유형 상세 결과 응답 데이터
+ */
+export interface LoveTypePersonalityTypeResultData {
+  /**
+   * personalityType
+   */
+  personalityType?: string
+  /**
+   * 애착 유형
+   */
+  loveTypeCategory?: LoveTypePersonalityTypeResultDataLoveTypeCategoryEnum
+  /**
+   * 요약
+   */
+  summary?: string
+  /**
+   * 키워드 목록
+   */
+  keywords?: Array<string>
+  /**
+   * 강점 목록
+   */
+  strengths?: Array<LoveTypeTextBlockData>
+  /**
+   * 약점 목록
+   */
+  weaknesses?: Array<LoveTypeTextBlockData>
+  /**
+   * 관계 패턴 목록
+   */
+  patterns?: Array<LoveTypeTextBlockData>
+  /**
+   * 애착유형 특징 목록
+   */
+  loveTypeFeatures?: Array<LoveTypeTextBlockData>
+  /**
+   * 연애 가이드 목록
+   */
+  datingGuides?: Array<LoveTypeTextBlockData>
+  /**
+   * 잘 맞는 MBTI 목록
+   */
+  bestMatches?: Array<LoveTypePersonalityTypeBlockData>
+  /**
+   * 부딪히기 쉬운 MBTI 목록
+   */
+  worstMatches?: Array<LoveTypePersonalityTypeBlockData>
+}
+
+export const LoveTypePersonalityTypeResultDataLoveTypeCategoryEnum = {
+  StableType: 'STABLE_TYPE',
+  AnxietyType: 'ANXIETY_TYPE',
+  AvoidanceType: 'AVOIDANCE_TYPE',
+  ConfusionType: 'CONFUSION_TYPE',
+} as const
+
+export type LoveTypePersonalityTypeResultDataLoveTypeCategoryEnum =
+  (typeof LoveTypePersonalityTypeResultDataLoveTypeCategoryEnum)[keyof typeof LoveTypePersonalityTypeResultDataLoveTypeCategoryEnum]
diff --git a/packages/data/user-api-axios/api/models/love-type-personality-type-result-success-response.ts b/packages/data/user-api-axios/api/models/love-type-personality-type-result-success-response.ts
new file mode 100644
index 00000000..a64a5c19
--- /dev/null
+++ b/packages/data/user-api-axios/api/models/love-type-personality-type-result-success-response.ts
@@ -0,0 +1,36 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Malmo API Documentation
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: v1.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+// May contain unused imports in some cases
+// @ts-ignore
+import type { LoveTypePersonalityTypeResultData } from './love-type-personality-type-result-data'
+
+/**
+ * MBTI + 애착유형 상세 결과 조회 성공 응답
+ */
+export interface LoveTypePersonalityTypeResultSuccessResponse {
+  /**
+   * 요청 ID
+   */
+  requestId?: string
+  /**
+   * 성공 여부
+   */
+  success?: boolean
+  /**
+   * 응답 메시지
+   */
+  message?: string
+  data?: LoveTypePersonalityTypeResultData
+}
diff --git a/packages/data/user-api-axios/api/models/love-type-text-block-data.ts b/packages/data/user-api-axios/api/models/love-type-text-block-data.ts
new file mode 100644
index 00000000..2018705e
--- /dev/null
+++ b/packages/data/user-api-axios/api/models/love-type-text-block-data.ts
@@ -0,0 +1,27 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Malmo API Documentation
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: v1.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+/**
+ * 제목 + 설명 텍스트 블록
+ */
+export interface LoveTypeTextBlockData {
+  /**
+   * 제목
+   */
+  title?: string
+  /**
+   * 설명
+   */
+  description?: string
+}
diff --git a/packages/data/user-api-axios/api/models/member-data.ts b/packages/data/user-api-axios/api/models/member-data.ts
index 0ff636e7..a14897a0 100644
--- a/packages/data/user-api-axios/api/models/member-data.ts
+++ b/packages/data/user-api-axios/api/models/member-data.ts
@@ -58,19 +58,20 @@ export interface MemberData {
   email?: string
   /**
    * 연애 상태
-   * TODO: 백엔드 API 스키마 반영 후 코드 재생성 필요
    */
   relationshipStatus?: MemberDataRelationshipStatusEnum
   /**
-   * 내 MBTI 성향
-   * TODO: 백엔드 API 스키마 반영 후 코드 재생성 필요
+   * 내 MBTI
    */
   personalityType?: string
   /**
-   * 상대방 MBTI 성향
-   * TODO: 백엔드 API 스키마 반영 후 코드 재생성 필요
+   * 상대방 MBTI
    */
   otherPersonalityType?: string
+  /**
+   * 상대방 애착 유형
+   */
+  partnerLoveTypeCategory?: MemberDataPartnerLoveTypeCategoryEnum
 }
 
 export const MemberDataMemberStateEnum = {
@@ -95,7 +96,6 @@ export const MemberDataLoveTypeCategoryEnum = {
 
 export type MemberDataLoveTypeCategoryEnum =
   (typeof MemberDataLoveTypeCategoryEnum)[keyof typeof MemberDataLoveTypeCategoryEnum]
-// TODO: 백엔드 API 스키마 반영 후 코드 재생성 필요
 export const MemberDataRelationshipStatusEnum = {
   InRelationship: 'IN_RELATIONSHIP',
   SeeingSomeone: 'SEEING_SOMEONE',
@@ -104,3 +104,13 @@ export const MemberDataRelationshipStatusEnum = {
 
 export type MemberDataRelationshipStatusEnum =
   (typeof MemberDataRelationshipStatusEnum)[keyof typeof MemberDataRelationshipStatusEnum]
+export const MemberDataPartnerLoveTypeCategoryEnum = {
+  StableType: 'STABLE_TYPE',
+  AnxietyType: 'ANXIETY_TYPE',
+  AvoidanceType: 'AVOIDANCE_TYPE',
+  ConfusionType: 'CONFUSION_TYPE',
+  Unknown: 'UNKNOWN',
+} as const
+
+export type MemberDataPartnerLoveTypeCategoryEnum =
+  (typeof MemberDataPartnerLoveTypeCategoryEnum)[keyof typeof MemberDataPartnerLoveTypeCategoryEnum]
diff --git a/packages/data/user-api-axios/api/models/partner-member-data.ts b/packages/data/user-api-axios/api/models/partner-member-data.ts
index c0591a56..327b094f 100644
--- a/packages/data/user-api-axios/api/models/partner-member-data.ts
+++ b/packages/data/user-api-axios/api/models/partner-member-data.ts
@@ -13,48 +13,29 @@
  */
 
 /**
- * 파트너 멤버 정보 응답 데이터
+ * [Deprecated] 상대 프로필 조회 응답 데이터
  */
 export interface PartnerMemberData {
   /**
-   * 멤버 상태
+   * 상대방 MBTI
    */
-  memberState?: PartnerMemberDataMemberStateEnum
+  personalityType?: string
   /**
-   * 애착 유형
+   * 상대방 애착 유형
    */
   loveTypeCategory?: PartnerMemberDataLoveTypeCategoryEnum
   /**
-   * 회피 비율
+   * 애착 유형 설명
    */
-  avoidanceRate?: number
-  /**
-   * 불안 비율
-   */
-  anxietyRate?: number
-  /**
-   * 닉네임
-   */
-  nickname?: string
-  /**
-   * 디데이 변경 이력 여부
-   */
-  isStartLoveDateUpdated?: boolean
+  description?: string
 }
 
-export const PartnerMemberDataMemberStateEnum = {
-  BeforeOnboarding: 'BEFORE_ONBOARDING',
-  Alive: 'ALIVE',
-  Deleted: 'DELETED',
-} as const
-
-export type PartnerMemberDataMemberStateEnum =
-  (typeof PartnerMemberDataMemberStateEnum)[keyof typeof PartnerMemberDataMemberStateEnum]
 export const PartnerMemberDataLoveTypeCategoryEnum = {
   StableType: 'STABLE_TYPE',
   AnxietyType: 'ANXIETY_TYPE',
   AvoidanceType: 'AVOIDANCE_TYPE',
   ConfusionType: 'CONFUSION_TYPE',
+  Unknown: 'UNKNOWN',
 } as const
 
 export type PartnerMemberDataLoveTypeCategoryEnum =
diff --git a/packages/data/user-api-axios/api/models/partner-profile-data.ts b/packages/data/user-api-axios/api/models/partner-profile-data.ts
new file mode 100644
index 00000000..71fe40d1
--- /dev/null
+++ b/packages/data/user-api-axios/api/models/partner-profile-data.ts
@@ -0,0 +1,42 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Malmo API Documentation
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: v1.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+/**
+ * 상대 프로필 응답 데이터
+ */
+export interface PartnerProfileData {
+  /**
+   * 상대방 MBTI
+   */
+  personalityType?: string
+  /**
+   * 상대방 애착 유형
+   */
+  loveTypeCategory?: PartnerProfileDataLoveTypeCategoryEnum
+  /**
+   * 애착 유형 설명
+   */
+  description?: string
+}
+
+export const PartnerProfileDataLoveTypeCategoryEnum = {
+  StableType: 'STABLE_TYPE',
+  AnxietyType: 'ANXIETY_TYPE',
+  AvoidanceType: 'AVOIDANCE_TYPE',
+  ConfusionType: 'CONFUSION_TYPE',
+  Unknown: 'UNKNOWN',
+} as const
+
+export type PartnerProfileDataLoveTypeCategoryEnum =
+  (typeof PartnerProfileDataLoveTypeCategoryEnum)[keyof typeof PartnerProfileDataLoveTypeCategoryEnum]
diff --git a/packages/data/user-api-axios/api/models/partner-profile-success-response.ts b/packages/data/user-api-axios/api/models/partner-profile-success-response.ts
new file mode 100644
index 00000000..a63e0dc8
--- /dev/null
+++ b/packages/data/user-api-axios/api/models/partner-profile-success-response.ts
@@ -0,0 +1,36 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Malmo API Documentation
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: v1.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+// May contain unused imports in some cases
+// @ts-ignore
+import type { PartnerProfileData } from './partner-profile-data'
+
+/**
+ * 상대 프로필 등록/수정 성공 응답
+ */
+export interface PartnerProfileSuccessResponse {
+  /**
+   * 요청 ID
+   */
+  requestId?: string
+  /**
+   * 성공 여부
+   */
+  success?: boolean
+  /**
+   * 응답 메시지
+   */
+  message?: string
+  data?: PartnerProfileData
+}
diff --git a/packages/data/user-api-axios/api/models/sign-up-request-dto.ts b/packages/data/user-api-axios/api/models/sign-up-request-dto.ts
index 7572a134..691b36a9 100644
--- a/packages/data/user-api-axios/api/models/sign-up-request-dto.ts
+++ b/packages/data/user-api-axios/api/models/sign-up-request-dto.ts
@@ -21,8 +21,6 @@ export interface SignUpRequestDto {
   nickname: string
   loveTypeId?: number
   relationshipStatus?: SignUpRequestDtoRelationshipStatusEnum
-  personalityType?: string
-  otherPersonalityType?: string
 }
 
 export const SignUpRequestDtoRelationshipStatusEnum = {
diff --git a/packages/data/user-api-axios/api/models/update-member-data.ts b/packages/data/user-api-axios/api/models/update-member-data.ts
index d52ad164..1f29d2bc 100644
--- a/packages/data/user-api-axios/api/models/update-member-data.ts
+++ b/packages/data/user-api-axios/api/models/update-member-data.ts
@@ -21,7 +21,33 @@ export interface UpdateMemberData {
    */
   nickname?: string
   /**
-   * 이메일
+   * 연애 상태
    */
-  email?: string
+  relationshipStatus?: UpdateMemberDataRelationshipStatusEnum
+  /**
+   * 내 MBTI
+   */
+  personalityType?: string
+  /**
+   * 내 애착 유형
+   */
+  loveTypeCategory?: UpdateMemberDataLoveTypeCategoryEnum
 }
+
+export const UpdateMemberDataRelationshipStatusEnum = {
+  InRelationship: 'IN_RELATIONSHIP',
+  SeeingSomeone: 'SEEING_SOMEONE',
+  Breakup: 'BREAKUP',
+} as const
+
+export type UpdateMemberDataRelationshipStatusEnum =
+  (typeof UpdateMemberDataRelationshipStatusEnum)[keyof typeof UpdateMemberDataRelationshipStatusEnum]
+export const UpdateMemberDataLoveTypeCategoryEnum = {
+  StableType: 'STABLE_TYPE',
+  AnxietyType: 'ANXIETY_TYPE',
+  AvoidanceType: 'AVOIDANCE_TYPE',
+  ConfusionType: 'CONFUSION_TYPE',
+} as const
+
+export type UpdateMemberDataLoveTypeCategoryEnum =
+  (typeof UpdateMemberDataLoveTypeCategoryEnum)[keyof typeof UpdateMemberDataLoveTypeCategoryEnum]
diff --git a/packages/data/user-api-axios/api/models/update-member-request-dto.ts b/packages/data/user-api-axios/api/models/update-member-request-dto.ts
index 2774ea4d..5a61545c 100644
--- a/packages/data/user-api-axios/api/models/update-member-request-dto.ts
+++ b/packages/data/user-api-axios/api/models/update-member-request-dto.ts
@@ -16,7 +16,7 @@ export interface UpdateMemberRequestDto {
   nickname?: string
   relationshipStatus?: UpdateMemberRequestDtoRelationshipStatusEnum
   personalityType?: string
-  otherPersonalityType?: string
+  loveTypeCategory?: UpdateMemberRequestDtoLoveTypeCategoryEnum
 }
 
 export const UpdateMemberRequestDtoRelationshipStatusEnum = {
@@ -27,3 +27,12 @@ export const UpdateMemberRequestDtoRelationshipStatusEnum = {
 
 export type UpdateMemberRequestDtoRelationshipStatusEnum =
   (typeof UpdateMemberRequestDtoRelationshipStatusEnum)[keyof typeof UpdateMemberRequestDtoRelationshipStatusEnum]
+export const UpdateMemberRequestDtoLoveTypeCategoryEnum = {
+  StableType: 'STABLE_TYPE',
+  AnxietyType: 'ANXIETY_TYPE',
+  AvoidanceType: 'AVOIDANCE_TYPE',
+  ConfusionType: 'CONFUSION_TYPE',
+} as const
+
+export type UpdateMemberRequestDtoLoveTypeCategoryEnum =
+  (typeof UpdateMemberRequestDtoLoveTypeCategoryEnum)[keyof typeof UpdateMemberRequestDtoLoveTypeCategoryEnum]
diff --git a/packages/data/user-api-axios/api/models/update-partner-profile-request-dto.ts b/packages/data/user-api-axios/api/models/update-partner-profile-request-dto.ts
new file mode 100644
index 00000000..d28484c7
--- /dev/null
+++ b/packages/data/user-api-axios/api/models/update-partner-profile-request-dto.ts
@@ -0,0 +1,29 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Malmo API Documentation
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: v1.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+export interface UpdatePartnerProfileRequestDto {
+  personalityType?: string
+  loveTypeCategory?: UpdatePartnerProfileRequestDtoLoveTypeCategoryEnum
+}
+
+export const UpdatePartnerProfileRequestDtoLoveTypeCategoryEnum = {
+  StableType: 'STABLE_TYPE',
+  AnxietyType: 'ANXIETY_TYPE',
+  AvoidanceType: 'AVOIDANCE_TYPE',
+  ConfusionType: 'CONFUSION_TYPE',
+  Unknown: 'UNKNOWN',
+} as const
+
+export type UpdatePartnerProfileRequestDtoLoveTypeCategoryEnum =
+  (typeof UpdatePartnerProfileRequestDtoLoveTypeCategoryEnum)[keyof typeof UpdatePartnerProfileRequestDtoLoveTypeCategoryEnum]
diff --git a/packages/data/user-api-axios/api/models/update-start-love-date-data.ts b/packages/data/user-api-axios/api/models/update-start-love-date-data.ts
index 3dd9fa49..9d631f9c 100644
--- a/packages/data/user-api-axios/api/models/update-start-love-date-data.ts
+++ b/packages/data/user-api-axios/api/models/update-start-love-date-data.ts
@@ -13,7 +13,7 @@
  */
 
 /**
- * 연애 시작일 갱신 응답 데이터
+ * [Deprecated] 연애 시작일 갱신 응답 데이터
  */
 export interface UpdateStartLoveDateData {
   /**
diff --git a/packages/data/user-api-axios/api/models/update-start-love-date-request-dto.ts b/packages/data/user-api-axios/api/models/update-start-love-date-request-dto.ts
index b7fa5048..853e7f4a 100644
--- a/packages/data/user-api-axios/api/models/update-start-love-date-request-dto.ts
+++ b/packages/data/user-api-axios/api/models/update-start-love-date-request-dto.ts
@@ -12,6 +12,9 @@
  * Do not edit the class manually.
  */
 
+/**
+ * [Deprecated] 연애 시작일 변경 요청 DTO
+ */
 export interface UpdateStartLoveDateRequestDto {
   startLoveDate: string
 }
diff --git a/packages/data/user-api-axios/api/models/update-start-love-date-success-response.ts b/packages/data/user-api-axios/api/models/update-start-love-date-success-response.ts
index 9b100dda..127d11de 100644
--- a/packages/data/user-api-axios/api/models/update-start-love-date-success-response.ts
+++ b/packages/data/user-api-axios/api/models/update-start-love-date-success-response.ts
@@ -17,7 +17,7 @@
 import type { UpdateStartLoveDateData } from './update-start-love-date-data'
 
 /**
- * 연애 시작일 갱신 성공 응답
+ * [Deprecated] 연애 시작일 갱신 성공 응답
  */
 export interface UpdateStartLoveDateSuccessResponse {
   /**