diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
index 9f20ed2..266e70b 100644
--- a/src/routeTree.gen.ts
+++ b/src/routeTree.gen.ts
@@ -12,23 +12,21 @@ import { Route as rootRouteImport } from './routes/__root'
 import { Route as MainRouteImport } from './routes/_main'
 import { Route as RoomsRouteRouteImport } from './routes/rooms/route'
 import { Route as RoomsChatIdRouteImport } from './routes/rooms/$chatId'
-import { Route as MainMypageRouteRouteImport } from './routes/_main/mypage/route'
 import { Route as MainMatchingRouteRouteImport } from './routes/_main/matching/route'
 import { Route as MainChatRouteRouteImport } from './routes/_main/chat/route'
 import { Route as AuthLoginRouteRouteImport } from './routes/_auth/login/route'
 import { Route as MainHomeIndexRouteImport } from './routes/_main/_home/index'
-import { Route as MainMypageWithdrawRouteImport } from './routes/_main/mypage/withdraw'
-import { Route as MainMypageTermsRouteImport } from './routes/_main/mypage/terms'
-import { Route as MainMypageProfileCardRouteImport } from './routes/_main/mypage/profileCard'
-import { Route as MainMypagePrivacyRouteImport } from './routes/_main/mypage/privacy'
-import { Route as MainMypageNotificationsRouteImport } from './routes/_main/mypage/notifications'
-import { Route as MainMypageLikesRouteImport } from './routes/_main/mypage/likes'
-import { Route as MainMypageInquiryRouteImport } from './routes/_main/mypage/inquiry'
-import { Route as MainMypageEditRouteImport } from './routes/_main/mypage/edit'
 import { Route as MainHomePreRouteImport } from './routes/_main/_home/pre'
 import { Route as MainMatchingSuggestRouteRouteImport } from './routes/_main/matching/suggest/route'
 import { Route as MainMatchingCampaignRouteRouteImport } from './routes/_main/matching/campaign/route'
 import { Route as MainMatchingBrandRouteRouteImport } from './routes/_main/matching/brand/route'
+import { Route as MainMypageTermsRouteRouteImport } from './routes/_main/_mypage/terms/route'
+import { Route as MainMypageProfileCardRouteRouteImport } from './routes/_main/_mypage/profileCard/route'
+import { Route as MainMypagePrivacyRouteRouteImport } from './routes/_main/_mypage/privacy/route'
+import { Route as MainMypageNotificationsRouteRouteImport } from './routes/_main/_mypage/notifications/route'
+import { Route as MainMypageMypageRouteRouteImport } from './routes/_main/_mypage/mypage/route'
+import { Route as MainMypageLikesRouteRouteImport } from './routes/_main/_mypage/likes/route'
+import { Route as MainMypageEditRouteRouteImport } from './routes/_main/_mypage/edit/route'
 import { Route as MainBusinessRejectionRouteRouteImport } from './routes/_main/_business/rejection/route'
 import { Route as MainBusinessProposalRouteRouteImport } from './routes/_main/_business/proposal/route'
 import { Route as MainBusinessCampaignRouteRouteImport } from './routes/_main/_business/campaign/route'
@@ -40,11 +38,21 @@ import { Route as AuthSignupPurposeRouteRouteImport } from './routes/_auth/signu
 import { Route as AuthSignupInfoMoreRouteRouteImport } from './routes/_auth/signup/info-more/route'
 import { Route as AuthSignupInfoRouteRouteImport } from './routes/_auth/signup/info/route'
 import { Route as MainMatchingSuggestIndexRouteImport } from './routes/_main/matching/suggest/index'
+import { Route as MainMypageTermsTermsContentRouteImport } from './routes/_main/_mypage/terms/terms-content'
+import { Route as MainMypagePrivacyPrivacyContentRouteImport } from './routes/_main/_mypage/privacy/privacy-content'
+import { Route as MainMypageNotificationsNotificationsContentRouteImport } from './routes/_main/_mypage/notifications/notifications-content'
+import { Route as MainMypageLikesLikesContentRouteImport } from './routes/_main/_mypage/likes/likes-content'
+import { Route as MainMypageEditEditContentRouteImport } from './routes/_main/_mypage/edit/edit-content'
 import { Route as MainMatchingTestStep3RouteRouteImport } from './routes/_main/matching/test/step3/route'
 import { Route as MainMatchingTestStep2RouteRouteImport } from './routes/_main/matching/test/step2/route'
 import { Route as MainMatchingTestStep1RouteRouteImport } from './routes/_main/matching/test/step1/route'
 import { Route as MainMatchingTestResultRouteRouteImport } from './routes/_main/matching/test/result/route'
 import { Route as MainMatchingSuggestCreateRouteRouteImport } from './routes/_main/matching/suggest/create/route'
+import { Route as MainMypageComponentsProfileCardTsxSnsCardRouteImport } from './routes/_main/_mypage/components/profileCard.tsx/SnsCard'
+import { Route as MainMypageComponentsProfileCardTsxProfileSummaryRouteImport } from './routes/_main/_mypage/components/profileCard.tsx/ProfileSummary'
+import { Route as MainMypageComponentsProfileCardTsxMyTraitsRouteImport } from './routes/_main/_mypage/components/profileCard.tsx/MyTraits'
+import { Route as MainMypageComponentsProfileCardTsxMyCampaignsRouteImport } from './routes/_main/_mypage/components/profileCard.tsx/MyCampaigns'
+import { Route as MainMypageComponentsProfileCardTsxMatchingResultRouteImport } from './routes/_main/_mypage/components/profileCard.tsx/MatchingResult'
 
 const MainRoute = MainRouteImport.update({
   id: '/_main',
@@ -60,11 +68,6 @@ const RoomsChatIdRoute = RoomsChatIdRouteImport.update({
   path: '/$chatId',
   getParentRoute: () => RoomsRouteRoute,
 } as any)
-const MainMypageRouteRoute = MainMypageRouteRouteImport.update({
-  id: '/mypage',
-  path: '/mypage',
-  getParentRoute: () => MainRoute,
-} as any)
 const MainMatchingRouteRoute = MainMatchingRouteRouteImport.update({
   id: '/matching',
   path: '/matching',
@@ -85,46 +88,6 @@ const MainHomeIndexRoute = MainHomeIndexRouteImport.update({
   path: '/',
   getParentRoute: () => MainRoute,
 } as any)
-const MainMypageWithdrawRoute = MainMypageWithdrawRouteImport.update({
-  id: '/withdraw',
-  path: '/withdraw',
-  getParentRoute: () => MainMypageRouteRoute,
-} as any)
-const MainMypageTermsRoute = MainMypageTermsRouteImport.update({
-  id: '/terms',
-  path: '/terms',
-  getParentRoute: () => MainMypageRouteRoute,
-} as any)
-const MainMypageProfileCardRoute = MainMypageProfileCardRouteImport.update({
-  id: '/profileCard',
-  path: '/profileCard',
-  getParentRoute: () => MainMypageRouteRoute,
-} as any)
-const MainMypagePrivacyRoute = MainMypagePrivacyRouteImport.update({
-  id: '/privacy',
-  path: '/privacy',
-  getParentRoute: () => MainMypageRouteRoute,
-} as any)
-const MainMypageNotificationsRoute = MainMypageNotificationsRouteImport.update({
-  id: '/notifications',
-  path: '/notifications',
-  getParentRoute: () => MainMypageRouteRoute,
-} as any)
-const MainMypageLikesRoute = MainMypageLikesRouteImport.update({
-  id: '/likes',
-  path: '/likes',
-  getParentRoute: () => MainMypageRouteRoute,
-} as any)
-const MainMypageInquiryRoute = MainMypageInquiryRouteImport.update({
-  id: '/inquiry',
-  path: '/inquiry',
-  getParentRoute: () => MainMypageRouteRoute,
-} as any)
-const MainMypageEditRoute = MainMypageEditRouteImport.update({
-  id: '/edit',
-  path: '/edit',
-  getParentRoute: () => MainMypageRouteRoute,
-} as any)
 const MainHomePreRoute = MainHomePreRouteImport.update({
   id: '/_home/pre',
   path: '/pre',
@@ -147,6 +110,43 @@ const MainMatchingBrandRouteRoute = MainMatchingBrandRouteRouteImport.update({
   path: '/brand',
   getParentRoute: () => MainMatchingRouteRoute,
 } as any)
+const MainMypageTermsRouteRoute = MainMypageTermsRouteRouteImport.update({
+  id: '/_mypage/terms',
+  path: '/terms',
+  getParentRoute: () => MainRoute,
+} as any)
+const MainMypageProfileCardRouteRoute =
+  MainMypageProfileCardRouteRouteImport.update({
+    id: '/_mypage/profileCard',
+    path: '/profileCard',
+    getParentRoute: () => MainRoute,
+  } as any)
+const MainMypagePrivacyRouteRoute = MainMypagePrivacyRouteRouteImport.update({
+  id: '/_mypage/privacy',
+  path: '/privacy',
+  getParentRoute: () => MainRoute,
+} as any)
+const MainMypageNotificationsRouteRoute =
+  MainMypageNotificationsRouteRouteImport.update({
+    id: '/_mypage/notifications',
+    path: '/notifications',
+    getParentRoute: () => MainRoute,
+  } as any)
+const MainMypageMypageRouteRoute = MainMypageMypageRouteRouteImport.update({
+  id: '/_mypage/mypage',
+  path: '/mypage',
+  getParentRoute: () => MainRoute,
+} as any)
+const MainMypageLikesRouteRoute = MainMypageLikesRouteRouteImport.update({
+  id: '/_mypage/likes',
+  path: '/likes',
+  getParentRoute: () => MainRoute,
+} as any)
+const MainMypageEditRouteRoute = MainMypageEditRouteRouteImport.update({
+  id: '/_mypage/edit',
+  path: '/edit',
+  getParentRoute: () => MainRoute,
+} as any)
 const MainBusinessRejectionRouteRoute =
   MainBusinessRejectionRouteRouteImport.update({
     id: '/_business/rejection',
@@ -207,6 +207,36 @@ const MainMatchingSuggestIndexRoute =
     path: '/',
     getParentRoute: () => MainMatchingSuggestRouteRoute,
   } as any)
+const MainMypageTermsTermsContentRoute =
+  MainMypageTermsTermsContentRouteImport.update({
+    id: '/terms-content',
+    path: '/terms-content',
+    getParentRoute: () => MainMypageTermsRouteRoute,
+  } as any)
+const MainMypagePrivacyPrivacyContentRoute =
+  MainMypagePrivacyPrivacyContentRouteImport.update({
+    id: '/privacy-content',
+    path: '/privacy-content',
+    getParentRoute: () => MainMypagePrivacyRouteRoute,
+  } as any)
+const MainMypageNotificationsNotificationsContentRoute =
+  MainMypageNotificationsNotificationsContentRouteImport.update({
+    id: '/notifications-content',
+    path: '/notifications-content',
+    getParentRoute: () => MainMypageNotificationsRouteRoute,
+  } as any)
+const MainMypageLikesLikesContentRoute =
+  MainMypageLikesLikesContentRouteImport.update({
+    id: '/likes-content',
+    path: '/likes-content',
+    getParentRoute: () => MainMypageLikesRouteRoute,
+  } as any)
+const MainMypageEditEditContentRoute =
+  MainMypageEditEditContentRouteImport.update({
+    id: '/edit-content',
+    path: '/edit-content',
+    getParentRoute: () => MainMypageEditRouteRoute,
+  } as any)
 const MainMatchingTestStep3RouteRoute =
   MainMatchingTestStep3RouteRouteImport.update({
     id: '/test/step3',
@@ -237,14 +267,42 @@ const MainMatchingSuggestCreateRouteRoute =
     path: '/create',
     getParentRoute: () => MainMatchingSuggestRouteRoute,
   } as any)
+const MainMypageComponentsProfileCardTsxSnsCardRoute =
+  MainMypageComponentsProfileCardTsxSnsCardRouteImport.update({
+    id: '/_mypage/components/profileCard/tsx/SnsCard',
+    path: '/components/profileCard/tsx/SnsCard',
+    getParentRoute: () => MainRoute,
+  } as any)
+const MainMypageComponentsProfileCardTsxProfileSummaryRoute =
+  MainMypageComponentsProfileCardTsxProfileSummaryRouteImport.update({
+    id: '/_mypage/components/profileCard/tsx/ProfileSummary',
+    path: '/components/profileCard/tsx/ProfileSummary',
+    getParentRoute: () => MainRoute,
+  } as any)
+const MainMypageComponentsProfileCardTsxMyTraitsRoute =
+  MainMypageComponentsProfileCardTsxMyTraitsRouteImport.update({
+    id: '/_mypage/components/profileCard/tsx/MyTraits',
+    path: '/components/profileCard/tsx/MyTraits',
+    getParentRoute: () => MainRoute,
+  } as any)
+const MainMypageComponentsProfileCardTsxMyCampaignsRoute =
+  MainMypageComponentsProfileCardTsxMyCampaignsRouteImport.update({
+    id: '/_mypage/components/profileCard/tsx/MyCampaigns',
+    path: '/components/profileCard/tsx/MyCampaigns',
+    getParentRoute: () => MainRoute,
+  } as any)
+const MainMypageComponentsProfileCardTsxMatchingResultRoute =
+  MainMypageComponentsProfileCardTsxMatchingResultRouteImport.update({
+    id: '/_mypage/components/profileCard/tsx/MatchingResult',
+    path: '/components/profileCard/tsx/MatchingResult',
+    getParentRoute: () => MainRoute,
+  } as any)
 
 export interface FileRoutesByFullPath {
   '/rooms': typeof RoomsRouteRouteWithChildren
-  '/': typeof MainHomeIndexRoute
   '/login': typeof AuthLoginRouteRoute
   '/chat': typeof MainChatRouteRoute
   '/matching': typeof MainMatchingRouteRouteWithChildren
-  '/mypage': typeof MainMypageRouteRouteWithChildren
   '/rooms/$chatId': typeof RoomsChatIdRoute
   '/signup/info': typeof AuthSignupInfoRouteRoute
   '/signup/info-more': typeof AuthSignupInfoMoreRouteRoute
@@ -256,31 +314,40 @@ export interface FileRoutesByFullPath {
   '/campaign': typeof MainBusinessCampaignRouteRoute
   '/proposal': typeof MainBusinessProposalRouteRoute
   '/rejection': typeof MainBusinessRejectionRouteRoute
+  '/edit': typeof MainMypageEditRouteRouteWithChildren
+  '/likes': typeof MainMypageLikesRouteRouteWithChildren
+  '/mypage': typeof MainMypageMypageRouteRoute
+  '/notifications': typeof MainMypageNotificationsRouteRouteWithChildren
+  '/privacy': typeof MainMypagePrivacyRouteRouteWithChildren
+  '/profileCard': typeof MainMypageProfileCardRouteRoute
+  '/terms': typeof MainMypageTermsRouteRouteWithChildren
   '/matching/brand': typeof MainMatchingBrandRouteRoute
   '/matching/campaign': typeof MainMatchingCampaignRouteRoute
   '/matching/suggest': typeof MainMatchingSuggestRouteRouteWithChildren
   '/pre': typeof MainHomePreRoute
-  '/mypage/edit': typeof MainMypageEditRoute
-  '/mypage/inquiry': typeof MainMypageInquiryRoute
-  '/mypage/likes': typeof MainMypageLikesRoute
-  '/mypage/notifications': typeof MainMypageNotificationsRoute
-  '/mypage/privacy': typeof MainMypagePrivacyRoute
-  '/mypage/profileCard': typeof MainMypageProfileCardRoute
-  '/mypage/terms': typeof MainMypageTermsRoute
-  '/mypage/withdraw': typeof MainMypageWithdrawRoute
+  '/': typeof MainHomeIndexRoute
   '/matching/suggest/create': typeof MainMatchingSuggestCreateRouteRoute
   '/matching/test/result': typeof MainMatchingTestResultRouteRoute
   '/matching/test/step1': typeof MainMatchingTestStep1RouteRoute
   '/matching/test/step2': typeof MainMatchingTestStep2RouteRoute
   '/matching/test/step3': typeof MainMatchingTestStep3RouteRoute
+  '/edit/edit-content': typeof MainMypageEditEditContentRoute
+  '/likes/likes-content': typeof MainMypageLikesLikesContentRoute
+  '/notifications/notifications-content': typeof MainMypageNotificationsNotificationsContentRoute
+  '/privacy/privacy-content': typeof MainMypagePrivacyPrivacyContentRoute
+  '/terms/terms-content': typeof MainMypageTermsTermsContentRoute
   '/matching/suggest/': typeof MainMatchingSuggestIndexRoute
+  '/components/profileCard/tsx/MatchingResult': typeof MainMypageComponentsProfileCardTsxMatchingResultRoute
+  '/components/profileCard/tsx/MyCampaigns': typeof MainMypageComponentsProfileCardTsxMyCampaignsRoute
+  '/components/profileCard/tsx/MyTraits': typeof MainMypageComponentsProfileCardTsxMyTraitsRoute
+  '/components/profileCard/tsx/ProfileSummary': typeof MainMypageComponentsProfileCardTsxProfileSummaryRoute
+  '/components/profileCard/tsx/SnsCard': typeof MainMypageComponentsProfileCardTsxSnsCardRoute
 }
 export interface FileRoutesByTo {
   '/rooms': typeof RoomsRouteRouteWithChildren
   '/login': typeof AuthLoginRouteRoute
   '/chat': typeof MainChatRouteRoute
   '/matching': typeof MainMatchingRouteRouteWithChildren
-  '/mypage': typeof MainMypageRouteRouteWithChildren
   '/rooms/$chatId': typeof RoomsChatIdRoute
   '/signup/info': typeof AuthSignupInfoRouteRoute
   '/signup/info-more': typeof AuthSignupInfoMoreRouteRoute
@@ -292,24 +359,33 @@ export interface FileRoutesByTo {
   '/campaign': typeof MainBusinessCampaignRouteRoute
   '/proposal': typeof MainBusinessProposalRouteRoute
   '/rejection': typeof MainBusinessRejectionRouteRoute
+  '/edit': typeof MainMypageEditRouteRouteWithChildren
+  '/likes': typeof MainMypageLikesRouteRouteWithChildren
+  '/mypage': typeof MainMypageMypageRouteRoute
+  '/notifications': typeof MainMypageNotificationsRouteRouteWithChildren
+  '/privacy': typeof MainMypagePrivacyRouteRouteWithChildren
+  '/profileCard': typeof MainMypageProfileCardRouteRoute
+  '/terms': typeof MainMypageTermsRouteRouteWithChildren
   '/matching/brand': typeof MainMatchingBrandRouteRoute
   '/matching/campaign': typeof MainMatchingCampaignRouteRoute
   '/pre': typeof MainHomePreRoute
-  '/mypage/edit': typeof MainMypageEditRoute
-  '/mypage/inquiry': typeof MainMypageInquiryRoute
-  '/mypage/likes': typeof MainMypageLikesRoute
-  '/mypage/notifications': typeof MainMypageNotificationsRoute
-  '/mypage/privacy': typeof MainMypagePrivacyRoute
-  '/mypage/profileCard': typeof MainMypageProfileCardRoute
-  '/mypage/terms': typeof MainMypageTermsRoute
-  '/mypage/withdraw': typeof MainMypageWithdrawRoute
   '/': typeof MainHomeIndexRoute
   '/matching/suggest/create': typeof MainMatchingSuggestCreateRouteRoute
   '/matching/test/result': typeof MainMatchingTestResultRouteRoute
   '/matching/test/step1': typeof MainMatchingTestStep1RouteRoute
   '/matching/test/step2': typeof MainMatchingTestStep2RouteRoute
   '/matching/test/step3': typeof MainMatchingTestStep3RouteRoute
+  '/edit/edit-content': typeof MainMypageEditEditContentRoute
+  '/likes/likes-content': typeof MainMypageLikesLikesContentRoute
+  '/notifications/notifications-content': typeof MainMypageNotificationsNotificationsContentRoute
+  '/privacy/privacy-content': typeof MainMypagePrivacyPrivacyContentRoute
+  '/terms/terms-content': typeof MainMypageTermsTermsContentRoute
   '/matching/suggest': typeof MainMatchingSuggestIndexRoute
+  '/components/profileCard/tsx/MatchingResult': typeof MainMypageComponentsProfileCardTsxMatchingResultRoute
+  '/components/profileCard/tsx/MyCampaigns': typeof MainMypageComponentsProfileCardTsxMyCampaignsRoute
+  '/components/profileCard/tsx/MyTraits': typeof MainMypageComponentsProfileCardTsxMyTraitsRoute
+  '/components/profileCard/tsx/ProfileSummary': typeof MainMypageComponentsProfileCardTsxProfileSummaryRoute
+  '/components/profileCard/tsx/SnsCard': typeof MainMypageComponentsProfileCardTsxSnsCardRoute
 }
 export interface FileRoutesById {
   __root__: typeof rootRouteImport
@@ -318,7 +394,6 @@ export interface FileRoutesById {
   '/_auth/login': typeof AuthLoginRouteRoute
   '/_main/chat': typeof MainChatRouteRoute
   '/_main/matching': typeof MainMatchingRouteRouteWithChildren
-  '/_main/mypage': typeof MainMypageRouteRouteWithChildren
   '/rooms/$chatId': typeof RoomsChatIdRoute
   '/_auth/signup/info': typeof AuthSignupInfoRouteRoute
   '/_auth/signup/info-more': typeof AuthSignupInfoMoreRouteRoute
@@ -330,35 +405,42 @@ export interface FileRoutesById {
   '/_main/_business/campaign': typeof MainBusinessCampaignRouteRoute
   '/_main/_business/proposal': typeof MainBusinessProposalRouteRoute
   '/_main/_business/rejection': typeof MainBusinessRejectionRouteRoute
+  '/_main/_mypage/edit': typeof MainMypageEditRouteRouteWithChildren
+  '/_main/_mypage/likes': typeof MainMypageLikesRouteRouteWithChildren
+  '/_main/_mypage/mypage': typeof MainMypageMypageRouteRoute
+  '/_main/_mypage/notifications': typeof MainMypageNotificationsRouteRouteWithChildren
+  '/_main/_mypage/privacy': typeof MainMypagePrivacyRouteRouteWithChildren
+  '/_main/_mypage/profileCard': typeof MainMypageProfileCardRouteRoute
+  '/_main/_mypage/terms': typeof MainMypageTermsRouteRouteWithChildren
   '/_main/matching/brand': typeof MainMatchingBrandRouteRoute
   '/_main/matching/campaign': typeof MainMatchingCampaignRouteRoute
   '/_main/matching/suggest': typeof MainMatchingSuggestRouteRouteWithChildren
   '/_main/_home/pre': typeof MainHomePreRoute
-  '/_main/mypage/edit': typeof MainMypageEditRoute
-  '/_main/mypage/inquiry': typeof MainMypageInquiryRoute
-  '/_main/mypage/likes': typeof MainMypageLikesRoute
-  '/_main/mypage/notifications': typeof MainMypageNotificationsRoute
-  '/_main/mypage/privacy': typeof MainMypagePrivacyRoute
-  '/_main/mypage/profileCard': typeof MainMypageProfileCardRoute
-  '/_main/mypage/terms': typeof MainMypageTermsRoute
-  '/_main/mypage/withdraw': typeof MainMypageWithdrawRoute
   '/_main/_home/': typeof MainHomeIndexRoute
   '/_main/matching/suggest/create': typeof MainMatchingSuggestCreateRouteRoute
   '/_main/matching/test/result': typeof MainMatchingTestResultRouteRoute
   '/_main/matching/test/step1': typeof MainMatchingTestStep1RouteRoute
   '/_main/matching/test/step2': typeof MainMatchingTestStep2RouteRoute
   '/_main/matching/test/step3': typeof MainMatchingTestStep3RouteRoute
+  '/_main/_mypage/edit/edit-content': typeof MainMypageEditEditContentRoute
+  '/_main/_mypage/likes/likes-content': typeof MainMypageLikesLikesContentRoute
+  '/_main/_mypage/notifications/notifications-content': typeof MainMypageNotificationsNotificationsContentRoute
+  '/_main/_mypage/privacy/privacy-content': typeof MainMypagePrivacyPrivacyContentRoute
+  '/_main/_mypage/terms/terms-content': typeof MainMypageTermsTermsContentRoute
   '/_main/matching/suggest/': typeof MainMatchingSuggestIndexRoute
+  '/_main/_mypage/components/profileCard/tsx/MatchingResult': typeof MainMypageComponentsProfileCardTsxMatchingResultRoute
+  '/_main/_mypage/components/profileCard/tsx/MyCampaigns': typeof MainMypageComponentsProfileCardTsxMyCampaignsRoute
+  '/_main/_mypage/components/profileCard/tsx/MyTraits': typeof MainMypageComponentsProfileCardTsxMyTraitsRoute
+  '/_main/_mypage/components/profileCard/tsx/ProfileSummary': typeof MainMypageComponentsProfileCardTsxProfileSummaryRoute
+  '/_main/_mypage/components/profileCard/tsx/SnsCard': typeof MainMypageComponentsProfileCardTsxSnsCardRoute
 }
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
   fullPaths:
     | '/rooms'
-    | '/'
     | '/login'
     | '/chat'
     | '/matching'
-    | '/mypage'
     | '/rooms/$chatId'
     | '/signup/info'
     | '/signup/info-more'
@@ -370,31 +452,40 @@ export interface FileRouteTypes {
     | '/campaign'
     | '/proposal'
     | '/rejection'
+    | '/edit'
+    | '/likes'
+    | '/mypage'
+    | '/notifications'
+    | '/privacy'
+    | '/profileCard'
+    | '/terms'
     | '/matching/brand'
     | '/matching/campaign'
     | '/matching/suggest'
     | '/pre'
-    | '/mypage/edit'
-    | '/mypage/inquiry'
-    | '/mypage/likes'
-    | '/mypage/notifications'
-    | '/mypage/privacy'
-    | '/mypage/profileCard'
-    | '/mypage/terms'
-    | '/mypage/withdraw'
+    | '/'
     | '/matching/suggest/create'
     | '/matching/test/result'
     | '/matching/test/step1'
     | '/matching/test/step2'
     | '/matching/test/step3'
+    | '/edit/edit-content'
+    | '/likes/likes-content'
+    | '/notifications/notifications-content'
+    | '/privacy/privacy-content'
+    | '/terms/terms-content'
     | '/matching/suggest/'
+    | '/components/profileCard/tsx/MatchingResult'
+    | '/components/profileCard/tsx/MyCampaigns'
+    | '/components/profileCard/tsx/MyTraits'
+    | '/components/profileCard/tsx/ProfileSummary'
+    | '/components/profileCard/tsx/SnsCard'
   fileRoutesByTo: FileRoutesByTo
   to:
     | '/rooms'
     | '/login'
     | '/chat'
     | '/matching'
-    | '/mypage'
     | '/rooms/$chatId'
     | '/signup/info'
     | '/signup/info-more'
@@ -406,24 +497,33 @@ export interface FileRouteTypes {
     | '/campaign'
     | '/proposal'
     | '/rejection'
+    | '/edit'
+    | '/likes'
+    | '/mypage'
+    | '/notifications'
+    | '/privacy'
+    | '/profileCard'
+    | '/terms'
     | '/matching/brand'
     | '/matching/campaign'
     | '/pre'
-    | '/mypage/edit'
-    | '/mypage/inquiry'
-    | '/mypage/likes'
-    | '/mypage/notifications'
-    | '/mypage/privacy'
-    | '/mypage/profileCard'
-    | '/mypage/terms'
-    | '/mypage/withdraw'
     | '/'
     | '/matching/suggest/create'
     | '/matching/test/result'
     | '/matching/test/step1'
     | '/matching/test/step2'
     | '/matching/test/step3'
+    | '/edit/edit-content'
+    | '/likes/likes-content'
+    | '/notifications/notifications-content'
+    | '/privacy/privacy-content'
+    | '/terms/terms-content'
     | '/matching/suggest'
+    | '/components/profileCard/tsx/MatchingResult'
+    | '/components/profileCard/tsx/MyCampaigns'
+    | '/components/profileCard/tsx/MyTraits'
+    | '/components/profileCard/tsx/ProfileSummary'
+    | '/components/profileCard/tsx/SnsCard'
   id:
     | '__root__'
     | '/rooms'
@@ -431,7 +531,6 @@ export interface FileRouteTypes {
     | '/_auth/login'
     | '/_main/chat'
     | '/_main/matching'
-    | '/_main/mypage'
     | '/rooms/$chatId'
     | '/_auth/signup/info'
     | '/_auth/signup/info-more'
@@ -443,25 +542,34 @@ export interface FileRouteTypes {
     | '/_main/_business/campaign'
     | '/_main/_business/proposal'
     | '/_main/_business/rejection'
+    | '/_main/_mypage/edit'
+    | '/_main/_mypage/likes'
+    | '/_main/_mypage/mypage'
+    | '/_main/_mypage/notifications'
+    | '/_main/_mypage/privacy'
+    | '/_main/_mypage/profileCard'
+    | '/_main/_mypage/terms'
     | '/_main/matching/brand'
     | '/_main/matching/campaign'
     | '/_main/matching/suggest'
     | '/_main/_home/pre'
-    | '/_main/mypage/edit'
-    | '/_main/mypage/inquiry'
-    | '/_main/mypage/likes'
-    | '/_main/mypage/notifications'
-    | '/_main/mypage/privacy'
-    | '/_main/mypage/profileCard'
-    | '/_main/mypage/terms'
-    | '/_main/mypage/withdraw'
     | '/_main/_home/'
     | '/_main/matching/suggest/create'
     | '/_main/matching/test/result'
     | '/_main/matching/test/step1'
     | '/_main/matching/test/step2'
     | '/_main/matching/test/step3'
+    | '/_main/_mypage/edit/edit-content'
+    | '/_main/_mypage/likes/likes-content'
+    | '/_main/_mypage/notifications/notifications-content'
+    | '/_main/_mypage/privacy/privacy-content'
+    | '/_main/_mypage/terms/terms-content'
     | '/_main/matching/suggest/'
+    | '/_main/_mypage/components/profileCard/tsx/MatchingResult'
+    | '/_main/_mypage/components/profileCard/tsx/MyCampaigns'
+    | '/_main/_mypage/components/profileCard/tsx/MyTraits'
+    | '/_main/_mypage/components/profileCard/tsx/ProfileSummary'
+    | '/_main/_mypage/components/profileCard/tsx/SnsCard'
   fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
@@ -481,7 +589,7 @@ declare module '@tanstack/react-router' {
     '/_main': {
       id: '/_main'
       path: ''
-      fullPath: '/'
+      fullPath: ''
       preLoaderRoute: typeof MainRouteImport
       parentRoute: typeof rootRouteImport
     }
@@ -499,13 +607,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof RoomsChatIdRouteImport
       parentRoute: typeof RoomsRouteRoute
     }
-    '/_main/mypage': {
-      id: '/_main/mypage'
-      path: '/mypage'
-      fullPath: '/mypage'
-      preLoaderRoute: typeof MainMypageRouteRouteImport
-      parentRoute: typeof MainRoute
-    }
     '/_main/matching': {
       id: '/_main/matching'
       path: '/matching'
@@ -534,62 +635,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof MainHomeIndexRouteImport
       parentRoute: typeof MainRoute
     }
-    '/_main/mypage/withdraw': {
-      id: '/_main/mypage/withdraw'
-      path: '/withdraw'
-      fullPath: '/mypage/withdraw'
-      preLoaderRoute: typeof MainMypageWithdrawRouteImport
-      parentRoute: typeof MainMypageRouteRoute
-    }
-    '/_main/mypage/terms': {
-      id: '/_main/mypage/terms'
-      path: '/terms'
-      fullPath: '/mypage/terms'
-      preLoaderRoute: typeof MainMypageTermsRouteImport
-      parentRoute: typeof MainMypageRouteRoute
-    }
-    '/_main/mypage/profileCard': {
-      id: '/_main/mypage/profileCard'
-      path: '/profileCard'
-      fullPath: '/mypage/profileCard'
-      preLoaderRoute: typeof MainMypageProfileCardRouteImport
-      parentRoute: typeof MainMypageRouteRoute
-    }
-    '/_main/mypage/privacy': {
-      id: '/_main/mypage/privacy'
-      path: '/privacy'
-      fullPath: '/mypage/privacy'
-      preLoaderRoute: typeof MainMypagePrivacyRouteImport
-      parentRoute: typeof MainMypageRouteRoute
-    }
-    '/_main/mypage/notifications': {
-      id: '/_main/mypage/notifications'
-      path: '/notifications'
-      fullPath: '/mypage/notifications'
-      preLoaderRoute: typeof MainMypageNotificationsRouteImport
-      parentRoute: typeof MainMypageRouteRoute
-    }
-    '/_main/mypage/likes': {
-      id: '/_main/mypage/likes'
-      path: '/likes'
-      fullPath: '/mypage/likes'
-      preLoaderRoute: typeof MainMypageLikesRouteImport
-      parentRoute: typeof MainMypageRouteRoute
-    }
-    '/_main/mypage/inquiry': {
-      id: '/_main/mypage/inquiry'
-      path: '/inquiry'
-      fullPath: '/mypage/inquiry'
-      preLoaderRoute: typeof MainMypageInquiryRouteImport
-      parentRoute: typeof MainMypageRouteRoute
-    }
-    '/_main/mypage/edit': {
-      id: '/_main/mypage/edit'
-      path: '/edit'
-      fullPath: '/mypage/edit'
-      preLoaderRoute: typeof MainMypageEditRouteImport
-      parentRoute: typeof MainMypageRouteRoute
-    }
     '/_main/_home/pre': {
       id: '/_main/_home/pre'
       path: '/pre'
@@ -618,6 +663,55 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof MainMatchingBrandRouteRouteImport
       parentRoute: typeof MainMatchingRouteRoute
     }
+    '/_main/_mypage/terms': {
+      id: '/_main/_mypage/terms'
+      path: '/terms'
+      fullPath: '/terms'
+      preLoaderRoute: typeof MainMypageTermsRouteRouteImport
+      parentRoute: typeof MainRoute
+    }
+    '/_main/_mypage/profileCard': {
+      id: '/_main/_mypage/profileCard'
+      path: '/profileCard'
+      fullPath: '/profileCard'
+      preLoaderRoute: typeof MainMypageProfileCardRouteRouteImport
+      parentRoute: typeof MainRoute
+    }
+    '/_main/_mypage/privacy': {
+      id: '/_main/_mypage/privacy'
+      path: '/privacy'
+      fullPath: '/privacy'
+      preLoaderRoute: typeof MainMypagePrivacyRouteRouteImport
+      parentRoute: typeof MainRoute
+    }
+    '/_main/_mypage/notifications': {
+      id: '/_main/_mypage/notifications'
+      path: '/notifications'
+      fullPath: '/notifications'
+      preLoaderRoute: typeof MainMypageNotificationsRouteRouteImport
+      parentRoute: typeof MainRoute
+    }
+    '/_main/_mypage/mypage': {
+      id: '/_main/_mypage/mypage'
+      path: '/mypage'
+      fullPath: '/mypage'
+      preLoaderRoute: typeof MainMypageMypageRouteRouteImport
+      parentRoute: typeof MainRoute
+    }
+    '/_main/_mypage/likes': {
+      id: '/_main/_mypage/likes'
+      path: '/likes'
+      fullPath: '/likes'
+      preLoaderRoute: typeof MainMypageLikesRouteRouteImport
+      parentRoute: typeof MainRoute
+    }
+    '/_main/_mypage/edit': {
+      id: '/_main/_mypage/edit'
+      path: '/edit'
+      fullPath: '/edit'
+      preLoaderRoute: typeof MainMypageEditRouteRouteImport
+      parentRoute: typeof MainRoute
+    }
     '/_main/_business/rejection': {
       id: '/_main/_business/rejection'
       path: '/rejection'
@@ -695,6 +789,41 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof MainMatchingSuggestIndexRouteImport
       parentRoute: typeof MainMatchingSuggestRouteRoute
     }
+    '/_main/_mypage/terms/terms-content': {
+      id: '/_main/_mypage/terms/terms-content'
+      path: '/terms-content'
+      fullPath: '/terms/terms-content'
+      preLoaderRoute: typeof MainMypageTermsTermsContentRouteImport
+      parentRoute: typeof MainMypageTermsRouteRoute
+    }
+    '/_main/_mypage/privacy/privacy-content': {
+      id: '/_main/_mypage/privacy/privacy-content'
+      path: '/privacy-content'
+      fullPath: '/privacy/privacy-content'
+      preLoaderRoute: typeof MainMypagePrivacyPrivacyContentRouteImport
+      parentRoute: typeof MainMypagePrivacyRouteRoute
+    }
+    '/_main/_mypage/notifications/notifications-content': {
+      id: '/_main/_mypage/notifications/notifications-content'
+      path: '/notifications-content'
+      fullPath: '/notifications/notifications-content'
+      preLoaderRoute: typeof MainMypageNotificationsNotificationsContentRouteImport
+      parentRoute: typeof MainMypageNotificationsRouteRoute
+    }
+    '/_main/_mypage/likes/likes-content': {
+      id: '/_main/_mypage/likes/likes-content'
+      path: '/likes-content'
+      fullPath: '/likes/likes-content'
+      preLoaderRoute: typeof MainMypageLikesLikesContentRouteImport
+      parentRoute: typeof MainMypageLikesRouteRoute
+    }
+    '/_main/_mypage/edit/edit-content': {
+      id: '/_main/_mypage/edit/edit-content'
+      path: '/edit-content'
+      fullPath: '/edit/edit-content'
+      preLoaderRoute: typeof MainMypageEditEditContentRouteImport
+      parentRoute: typeof MainMypageEditRouteRoute
+    }
     '/_main/matching/test/step3': {
       id: '/_main/matching/test/step3'
       path: '/test/step3'
@@ -730,6 +859,41 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof MainMatchingSuggestCreateRouteRouteImport
       parentRoute: typeof MainMatchingSuggestRouteRoute
     }
+    '/_main/_mypage/components/profileCard/tsx/SnsCard': {
+      id: '/_main/_mypage/components/profileCard/tsx/SnsCard'
+      path: '/components/profileCard/tsx/SnsCard'
+      fullPath: '/components/profileCard/tsx/SnsCard'
+      preLoaderRoute: typeof MainMypageComponentsProfileCardTsxSnsCardRouteImport
+      parentRoute: typeof MainRoute
+    }
+    '/_main/_mypage/components/profileCard/tsx/ProfileSummary': {
+      id: '/_main/_mypage/components/profileCard/tsx/ProfileSummary'
+      path: '/components/profileCard/tsx/ProfileSummary'
+      fullPath: '/components/profileCard/tsx/ProfileSummary'
+      preLoaderRoute: typeof MainMypageComponentsProfileCardTsxProfileSummaryRouteImport
+      parentRoute: typeof MainRoute
+    }
+    '/_main/_mypage/components/profileCard/tsx/MyTraits': {
+      id: '/_main/_mypage/components/profileCard/tsx/MyTraits'
+      path: '/components/profileCard/tsx/MyTraits'
+      fullPath: '/components/profileCard/tsx/MyTraits'
+      preLoaderRoute: typeof MainMypageComponentsProfileCardTsxMyTraitsRouteImport
+      parentRoute: typeof MainRoute
+    }
+    '/_main/_mypage/components/profileCard/tsx/MyCampaigns': {
+      id: '/_main/_mypage/components/profileCard/tsx/MyCampaigns'
+      path: '/components/profileCard/tsx/MyCampaigns'
+      fullPath: '/components/profileCard/tsx/MyCampaigns'
+      preLoaderRoute: typeof MainMypageComponentsProfileCardTsxMyCampaignsRouteImport
+      parentRoute: typeof MainRoute
+    }
+    '/_main/_mypage/components/profileCard/tsx/MatchingResult': {
+      id: '/_main/_mypage/components/profileCard/tsx/MatchingResult'
+      path: '/components/profileCard/tsx/MatchingResult'
+      fullPath: '/components/profileCard/tsx/MatchingResult'
+      preLoaderRoute: typeof MainMypageComponentsProfileCardTsxMatchingResultRouteImport
+      parentRoute: typeof MainRoute
+    }
   }
 }
 
@@ -784,54 +948,118 @@ const MainMatchingRouteRouteChildren: MainMatchingRouteRouteChildren = {
 const MainMatchingRouteRouteWithChildren =
   MainMatchingRouteRoute._addFileChildren(MainMatchingRouteRouteChildren)
 
-interface MainMypageRouteRouteChildren {
-  MainMypageEditRoute: typeof MainMypageEditRoute
-  MainMypageInquiryRoute: typeof MainMypageInquiryRoute
-  MainMypageLikesRoute: typeof MainMypageLikesRoute
-  MainMypageNotificationsRoute: typeof MainMypageNotificationsRoute
-  MainMypagePrivacyRoute: typeof MainMypagePrivacyRoute
-  MainMypageProfileCardRoute: typeof MainMypageProfileCardRoute
-  MainMypageTermsRoute: typeof MainMypageTermsRoute
-  MainMypageWithdrawRoute: typeof MainMypageWithdrawRoute
+interface MainMypageEditRouteRouteChildren {
+  MainMypageEditEditContentRoute: typeof MainMypageEditEditContentRoute
 }
 
-const MainMypageRouteRouteChildren: MainMypageRouteRouteChildren = {
-  MainMypageEditRoute: MainMypageEditRoute,
-  MainMypageInquiryRoute: MainMypageInquiryRoute,
-  MainMypageLikesRoute: MainMypageLikesRoute,
-  MainMypageNotificationsRoute: MainMypageNotificationsRoute,
-  MainMypagePrivacyRoute: MainMypagePrivacyRoute,
-  MainMypageProfileCardRoute: MainMypageProfileCardRoute,
-  MainMypageTermsRoute: MainMypageTermsRoute,
-  MainMypageWithdrawRoute: MainMypageWithdrawRoute,
+const MainMypageEditRouteRouteChildren: MainMypageEditRouteRouteChildren = {
+  MainMypageEditEditContentRoute: MainMypageEditEditContentRoute,
 }
 
-const MainMypageRouteRouteWithChildren = MainMypageRouteRoute._addFileChildren(
-  MainMypageRouteRouteChildren,
-)
+const MainMypageEditRouteRouteWithChildren =
+  MainMypageEditRouteRoute._addFileChildren(MainMypageEditRouteRouteChildren)
+
+interface MainMypageLikesRouteRouteChildren {
+  MainMypageLikesLikesContentRoute: typeof MainMypageLikesLikesContentRoute
+}
+
+const MainMypageLikesRouteRouteChildren: MainMypageLikesRouteRouteChildren = {
+  MainMypageLikesLikesContentRoute: MainMypageLikesLikesContentRoute,
+}
+
+const MainMypageLikesRouteRouteWithChildren =
+  MainMypageLikesRouteRoute._addFileChildren(MainMypageLikesRouteRouteChildren)
+
+interface MainMypageNotificationsRouteRouteChildren {
+  MainMypageNotificationsNotificationsContentRoute: typeof MainMypageNotificationsNotificationsContentRoute
+}
+
+const MainMypageNotificationsRouteRouteChildren: MainMypageNotificationsRouteRouteChildren =
+  {
+    MainMypageNotificationsNotificationsContentRoute:
+      MainMypageNotificationsNotificationsContentRoute,
+  }
+
+const MainMypageNotificationsRouteRouteWithChildren =
+  MainMypageNotificationsRouteRoute._addFileChildren(
+    MainMypageNotificationsRouteRouteChildren,
+  )
+
+interface MainMypagePrivacyRouteRouteChildren {
+  MainMypagePrivacyPrivacyContentRoute: typeof MainMypagePrivacyPrivacyContentRoute
+}
+
+const MainMypagePrivacyRouteRouteChildren: MainMypagePrivacyRouteRouteChildren =
+  {
+    MainMypagePrivacyPrivacyContentRoute: MainMypagePrivacyPrivacyContentRoute,
+  }
+
+const MainMypagePrivacyRouteRouteWithChildren =
+  MainMypagePrivacyRouteRoute._addFileChildren(
+    MainMypagePrivacyRouteRouteChildren,
+  )
+
+interface MainMypageTermsRouteRouteChildren {
+  MainMypageTermsTermsContentRoute: typeof MainMypageTermsTermsContentRoute
+}
+
+const MainMypageTermsRouteRouteChildren: MainMypageTermsRouteRouteChildren = {
+  MainMypageTermsTermsContentRoute: MainMypageTermsTermsContentRoute,
+}
+
+const MainMypageTermsRouteRouteWithChildren =
+  MainMypageTermsRouteRoute._addFileChildren(MainMypageTermsRouteRouteChildren)
 
 interface MainRouteChildren {
   MainChatRouteRoute: typeof MainChatRouteRoute
   MainMatchingRouteRoute: typeof MainMatchingRouteRouteWithChildren
-  MainMypageRouteRoute: typeof MainMypageRouteRouteWithChildren
   MainBusinessCalendarRouteRoute: typeof MainBusinessCalendarRouteRoute
   MainBusinessCampaignRouteRoute: typeof MainBusinessCampaignRouteRoute
   MainBusinessProposalRouteRoute: typeof MainBusinessProposalRouteRoute
   MainBusinessRejectionRouteRoute: typeof MainBusinessRejectionRouteRoute
+  MainMypageEditRouteRoute: typeof MainMypageEditRouteRouteWithChildren
+  MainMypageLikesRouteRoute: typeof MainMypageLikesRouteRouteWithChildren
+  MainMypageMypageRouteRoute: typeof MainMypageMypageRouteRoute
+  MainMypageNotificationsRouteRoute: typeof MainMypageNotificationsRouteRouteWithChildren
+  MainMypagePrivacyRouteRoute: typeof MainMypagePrivacyRouteRouteWithChildren
+  MainMypageProfileCardRouteRoute: typeof MainMypageProfileCardRouteRoute
+  MainMypageTermsRouteRoute: typeof MainMypageTermsRouteRouteWithChildren
   MainHomePreRoute: typeof MainHomePreRoute
   MainHomeIndexRoute: typeof MainHomeIndexRoute
+  MainMypageComponentsProfileCardTsxMatchingResultRoute: typeof MainMypageComponentsProfileCardTsxMatchingResultRoute
+  MainMypageComponentsProfileCardTsxMyCampaignsRoute: typeof MainMypageComponentsProfileCardTsxMyCampaignsRoute
+  MainMypageComponentsProfileCardTsxMyTraitsRoute: typeof MainMypageComponentsProfileCardTsxMyTraitsRoute
+  MainMypageComponentsProfileCardTsxProfileSummaryRoute: typeof MainMypageComponentsProfileCardTsxProfileSummaryRoute
+  MainMypageComponentsProfileCardTsxSnsCardRoute: typeof MainMypageComponentsProfileCardTsxSnsCardRoute
 }
 
 const MainRouteChildren: MainRouteChildren = {
   MainChatRouteRoute: MainChatRouteRoute,
   MainMatchingRouteRoute: MainMatchingRouteRouteWithChildren,
-  MainMypageRouteRoute: MainMypageRouteRouteWithChildren,
   MainBusinessCalendarRouteRoute: MainBusinessCalendarRouteRoute,
   MainBusinessCampaignRouteRoute: MainBusinessCampaignRouteRoute,
   MainBusinessProposalRouteRoute: MainBusinessProposalRouteRoute,
   MainBusinessRejectionRouteRoute: MainBusinessRejectionRouteRoute,
+  MainMypageEditRouteRoute: MainMypageEditRouteRouteWithChildren,
+  MainMypageLikesRouteRoute: MainMypageLikesRouteRouteWithChildren,
+  MainMypageMypageRouteRoute: MainMypageMypageRouteRoute,
+  MainMypageNotificationsRouteRoute:
+    MainMypageNotificationsRouteRouteWithChildren,
+  MainMypagePrivacyRouteRoute: MainMypagePrivacyRouteRouteWithChildren,
+  MainMypageProfileCardRouteRoute: MainMypageProfileCardRouteRoute,
+  MainMypageTermsRouteRoute: MainMypageTermsRouteRouteWithChildren,
   MainHomePreRoute: MainHomePreRoute,
   MainHomeIndexRoute: MainHomeIndexRoute,
+  MainMypageComponentsProfileCardTsxMatchingResultRoute:
+    MainMypageComponentsProfileCardTsxMatchingResultRoute,
+  MainMypageComponentsProfileCardTsxMyCampaignsRoute:
+    MainMypageComponentsProfileCardTsxMyCampaignsRoute,
+  MainMypageComponentsProfileCardTsxMyTraitsRoute:
+    MainMypageComponentsProfileCardTsxMyTraitsRoute,
+  MainMypageComponentsProfileCardTsxProfileSummaryRoute:
+    MainMypageComponentsProfileCardTsxProfileSummaryRoute,
+  MainMypageComponentsProfileCardTsxSnsCardRoute:
+    MainMypageComponentsProfileCardTsxSnsCardRoute,
 }
 
 const MainRouteWithChildren = MainRoute._addFileChildren(MainRouteChildren)
diff --git a/src/routes/_main/mypage/_components/ConfirmModal.tsx b/src/routes/_main/_mypage/components/ConfirmModal.tsx
similarity index 97%
rename from src/routes/_main/mypage/_components/ConfirmModal.tsx
rename to src/routes/_main/_mypage/components/ConfirmModal.tsx
index 7d17143..8860a5f 100644
--- a/src/routes/_main/mypage/_components/ConfirmModal.tsx
+++ b/src/routes/_main/_mypage/components/ConfirmModal.tsx
@@ -39,7 +39,7 @@ export default function ConfirmModal({
           ) : null}
         </div>
 
-        {/* buttons – 맨 아래 고정 */}
+        {/* buttons */}
         <div className="mt-auto px-5 pb-4">
           <div className="flex gap-3">
             <button
diff --git a/src/routes/_main/_mypage/components/profileCard.tsx/MatchingResult.tsx b/src/routes/_main/_mypage/components/profileCard.tsx/MatchingResult.tsx
new file mode 100644
index 0000000..4d539c0
--- /dev/null
+++ b/src/routes/_main/_mypage/components/profileCard.tsx/MatchingResult.tsx
@@ -0,0 +1,13 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute(
+  '/_main/_mypage/components/profileCard/tsx/MatchingResult',
+)({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return (
+    <div>Hello "/_main/mypage/components/profileCard/tsx/MatchingResult"!</div>
+  )
+}
diff --git a/src/routes/_main/_mypage/components/profileCard.tsx/MyCampaigns.tsx b/src/routes/_main/_mypage/components/profileCard.tsx/MyCampaigns.tsx
new file mode 100644
index 0000000..4ee0b0d
--- /dev/null
+++ b/src/routes/_main/_mypage/components/profileCard.tsx/MyCampaigns.tsx
@@ -0,0 +1,13 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute(
+  '/_main/_mypage/components/profileCard/tsx/MyCampaigns',
+)({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return (
+    <div>Hello "/_main/mypage/components/profileCard/tsx/MyCampaigns"!</div>
+  )
+}
diff --git a/src/routes/_main/_mypage/components/profileCard.tsx/MyTraits.tsx b/src/routes/_main/_mypage/components/profileCard.tsx/MyTraits.tsx
new file mode 100644
index 0000000..1ef1c10
--- /dev/null
+++ b/src/routes/_main/_mypage/components/profileCard.tsx/MyTraits.tsx
@@ -0,0 +1,11 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute(
+  '/_main/_mypage/components/profileCard/tsx/MyTraits',
+)({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/_main/mypage/components/profileCard/tsx/MyTraits"!</div>
+}
diff --git a/src/routes/_main/_mypage/components/profileCard.tsx/ProfileSummary.tsx b/src/routes/_main/_mypage/components/profileCard.tsx/ProfileSummary.tsx
new file mode 100644
index 0000000..fdd5f80
--- /dev/null
+++ b/src/routes/_main/_mypage/components/profileCard.tsx/ProfileSummary.tsx
@@ -0,0 +1,13 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute(
+  '/_main/_mypage/components/profileCard/tsx/ProfileSummary',
+)({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return (
+    <div>Hello "/_main/mypage/components/profileCard/tsx/ProfileSummary"!</div>
+  )
+}
diff --git a/src/routes/_main/_mypage/components/profileCard.tsx/SnsCard.tsx b/src/routes/_main/_mypage/components/profileCard.tsx/SnsCard.tsx
new file mode 100644
index 0000000..c516626
--- /dev/null
+++ b/src/routes/_main/_mypage/components/profileCard.tsx/SnsCard.tsx
@@ -0,0 +1,11 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute(
+  '/_main/_mypage/components/profileCard/tsx/SnsCard',
+)({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/_main/mypage/components/profileCard/tsx/SnsCard"!</div>
+}
diff --git a/src/routes/_main/_mypage/edit/edit-content.tsx b/src/routes/_main/_mypage/edit/edit-content.tsx
new file mode 100644
index 0000000..8241bb7
--- /dev/null
+++ b/src/routes/_main/_mypage/edit/edit-content.tsx
@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/_main/_mypage/edit/edit-content')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/_main/mypage/edit"!</div>
+}
diff --git a/src/routes/_main/mypage/edit.tsx b/src/routes/_main/_mypage/edit/route.tsx
similarity index 73%
rename from src/routes/_main/mypage/edit.tsx
rename to src/routes/_main/_mypage/edit/route.tsx
index 9df1a27..474de42 100644
--- a/src/routes/_main/mypage/edit.tsx
+++ b/src/routes/_main/_mypage/edit/route.tsx
@@ -1,6 +1,6 @@
 import { createFileRoute } from '@tanstack/react-router'
 
-export const Route = createFileRoute('/_main/mypage/edit')({
+export const Route = createFileRoute('/_main/_mypage/edit')({
   component: RouteComponent,
 })
 
diff --git a/src/routes/_main/mypage/likes.tsx b/src/routes/_main/_mypage/likes/likes-content.tsx
similarity index 70%
rename from src/routes/_main/mypage/likes.tsx
rename to src/routes/_main/_mypage/likes/likes-content.tsx
index fc72757..648082a 100644
--- a/src/routes/_main/mypage/likes.tsx
+++ b/src/routes/_main/_mypage/likes/likes-content.tsx
@@ -1,6 +1,6 @@
 import { createFileRoute } from '@tanstack/react-router'
 
-export const Route = createFileRoute('/_main/mypage/likes')({
+export const Route = createFileRoute('/_main/_mypage/likes/likes-content')({
   component: RouteComponent,
 })
 
diff --git a/src/routes/_main/mypage/inquiry.tsx b/src/routes/_main/_mypage/likes/route.tsx
similarity index 51%
rename from src/routes/_main/mypage/inquiry.tsx
rename to src/routes/_main/_mypage/likes/route.tsx
index f516c9f..5e82330 100644
--- a/src/routes/_main/mypage/inquiry.tsx
+++ b/src/routes/_main/_mypage/likes/route.tsx
@@ -1,9 +1,9 @@
 import { createFileRoute } from '@tanstack/react-router'
 
-export const Route = createFileRoute('/_main/mypage/inquiry')({
+export const Route = createFileRoute('/_main/_mypage/likes')({
   component: RouteComponent,
 })
 
 function RouteComponent() {
-  return <div>Hello "/_main/mypage/inquiry"!</div>
+  return <div>Hello "/_main/mypage/likes"!</div>
 }
diff --git a/src/routes/_main/mypage/MyPageHome.tsx b/src/routes/_main/_mypage/mypage/MyPageHome.tsx
similarity index 87%
rename from src/routes/_main/mypage/MyPageHome.tsx
rename to src/routes/_main/_mypage/mypage/MyPageHome.tsx
index 11c6927..e096e16 100644
--- a/src/routes/_main/mypage/MyPageHome.tsx
+++ b/src/routes/_main/_mypage/mypage/MyPageHome.tsx
@@ -1,5 +1,5 @@
 import { useState } from "react";
-import ConfirmModal from "./_components/ConfirmModal";
+import ConfirmModal from "../components/ConfirmModal";
 
 type Props = {
   // 서버/스토어에서 내려오는 값이라고 가정
@@ -36,7 +36,6 @@ export default function MyPageHome({
   onLogout,
   onWithdraw,
 }: Props) {
-  // hasMatchingTest가 false면 gate 모달을 바로 열기 위해 초기값으로 설정
   const [openGate, setOpenGate] = useState(!hasMatchingTest);
   const [openLogout, setOpenLogout] = useState(false);
   const [openWithdraw, setOpenWithdraw] = useState(false);
@@ -80,7 +79,7 @@ export default function MyPageHome({
         </div>
 
         {/* top buttons */}
-        <div className="flex max-w-[398px] gap-[10px]">
+        <div className="flex w-full max-w-[398px] gap-[10px]">
           <button
             type="button"
             onClick={onOpenProfileCard}
@@ -108,15 +107,17 @@ export default function MyPageHome({
         </div>
       </div>
 
+      <div className="w-full max-w-[430px] h-[10px] bg-[#F3F3FA]"></div>
+ 
       {/* list */}
       <div >
-        <MenuButton title="내 정보" label="회원정보 변경" onClick={onOpenEditProfile} py={11} gap={6} />
+        <MenuButton title="내 정보" label="회원정보 변경" onClick={onOpenEditProfile} py={11} />
         <Divider />
 
-        <MenuButton label="알림 설정" onClick={onOpenNotifications} py={16} gap={6} />
+        <MenuButton label="알림 설정" onClick={onOpenNotifications} py={16}/>
         <Divider />
 
-        <MenuButton title="고객센터" label="문의하기" onClick={onOpenInquiry} py={11} gap={6} />
+        <MenuButton title="고객센터" label="문의하기" onClick={onOpenInquiry} py={11} />
         <Divider />
 
         <div className="px-5 pt-[11px] pb-[5px]">
@@ -140,10 +141,10 @@ export default function MyPageHome({
         </div>
         <Divider />
 
-        <MenuButton title="" label="로그아웃" onClick={() => setOpenLogout(true)} py={16} gap={6} />
+        <MenuButton title="" label="로그아웃" onClick={() => setOpenLogout(true)} py={16} />
         <Divider />
 
-        <MenuButton label="회원탈퇴" onClick={() => setOpenWithdraw(true)} muted={true} py={16} gap={6} />        
+        <MenuButton label="회원탈퇴" onClick={() => setOpenWithdraw(true)} muted={true} py={16} />        
       </div>
 
       {/* gate modal */}
@@ -162,7 +163,7 @@ export default function MyPageHome({
           onClose={() => setOpenLogout(false)}
           onPrimary={() => {
             setOpenLogout(false);
-            onLogout(); // ✅ MyPageContent에서 로그인 페이지 이동 처리
+            onLogout(); // MyPageContent에서 로그인 페이지 이동 처리
           }}
         />
       ) : null}
@@ -176,7 +177,7 @@ export default function MyPageHome({
           onClose={() => setOpenWithdraw(false)}
           onPrimary={() => {
             setOpenWithdraw(false);
-            onWithdraw(); // ✅ 탈퇴 페이지 이동 or API 호출로 연결
+            onWithdraw(); // 탈퇴 페이지 이동 or API 호출로 연결
           }}
         />
       ) : null}
@@ -186,44 +187,52 @@ export default function MyPageHome({
 }
 
 function MenuButton({
-  title, label, onClick, muted, py, gap = 6,
-}: {title?: string; label: string; onClick: () => void; muted?: boolean; py?: number; gap?: number; }) {
+  title, label, onClick, muted, py,
+}: {
+  title?: string;
+  label: string;
+  onClick: () => void;
+  muted?: boolean;
+  py?: number;
+}) {
   return (
-    <button
-      type="button"
-      onClick={onClick}
-      className={[
-        "w-full text-left rounded-none",
-        "transition-colors active:bg-[#E6E6EB]", // 눌림 회색
-        muted ? "text-[#B7B7BF]" : "text-[#111]",
-      ].join(" ")}
-      style={{
-        paddingLeft: 20,
-        paddingRight: 20,
-        paddingTop: py,
-        paddingBottom: py,
-      }}
-    >
-      <div className="flex flex-col" style={{ gap }}>
-        {title && (
-          <div
-            className={[
-              "text-[10px] leading-[12px] style-Regular text-[#5B5D6B]",
-              muted ? "opacity-70" : "",
-            ].join(" ")}
-          >
-            {title}
-          </div>
-        )}
+    <div className="w-full">
+      {title && (
+        <div
+          className={[
+            "px-5 pt-[11px] pb-[5px]",
+            "text-[10px] leading-[12px] text-[#5B5D6B]",
+            muted ? "opacity-70" : "",
+          ].join(" ")}
+        >
+          {title}
+        </div>
+      )}
 
-        <div className="text-[14px] leading-[20px] style-Medium">
+      {/* label */}
+      <div className="px-5">
+        <button
+          type="button"
+          onClick={onClick}
+          className={[
+            "w-full text-left rounded-none",
+            "transition-colors active:bg-[#E6E6EB]",
+            muted ? "text-[#B7B7BF]" : "text-[#111]",
+            "text-[14px] leading-[20px] style-Medium",
+          ].join(" ")}
+          style={{
+            paddingTop: py,
+            paddingBottom: py,
+          }}
+        >
           {label}
-        </div>
+        </button>
       </div>
-    </button>
+    </div>
   );
 }
 
+
 function Divider() {
   return <div className="mx-5 h-px bg-[#F0F0F4]" />;
 }
@@ -241,22 +250,24 @@ function GateModal({
       <div className="absolute inset-0 bg-black/45" />
 
       {/* modal */}
-      <div className="absolute left-1/2 top-1/2 w-[320px] -translate-x-1/2 -translate-y-1/2 rounded-2xl bg-white p-5 shadow-xl">
-        <button
-          type="button"
-          onClick={onClose}
-          className="absolute left-4 top-4 text-[#9B9BA1]"
-          aria-label="닫기"
-        >
-          ✕
-        </button>
+      <div className="absolute left-1/2 top-1/2 w-[320px] h-[320px] -translate-x-1/2 -translate-y-1/2 rounded-2xl bg-white p-5 shadow-xl">
+        <div className="relative w-[270px] h-[24px]">
+          <button
+            type="button"
+            onClick={onClose}
+            className="absolute left-0 top-0 text-[#9B9BA1]"
+            aria-label="닫기"
+          >
+            ✕
+          </button>
+        </div>  
 
-        <div className="flex flex-col items-center pt-6">
-          <div className="flex h-14 w-14 items-center justify-center rounded-full bg-[#5B5CEB]">
+        <div className="flex flex-col items-center pt-8">
+          <div className="flex h-[64px] w-[64px] items-center justify-center rounded-full bg-[#5B5CEB]">
             <span className="text-[28px] font-bold text-white">!</span>
           </div>
 
-          <div className="mt-5 text-center text-[18px] font-semibold text-[#111] leading-6">
+          <div className="mt-8 text-center text-[18px] font-semibold text-[#111] leading-6">
             매칭 검사를
             <br />
             먼저 진행해주세요
@@ -265,7 +276,7 @@ function GateModal({
           <button
             type="button"
             onClick={onGoTest}
-            className="mt-6 flex h-12 w-full items-center justify-center gap-2 rounded-xl bg-[#5B5CEB] text-[15px] font-semibold text-white"
+            className="mt-8 flex h-12 w-full items-center justify-center gap-2 rounded-xl bg-[#5B5CEB] text-[15px] font-semibold text-white"
           >
             <span className="inline-flex h-5 w-5 items-center justify-center">
               <svg width="26" height="16" viewBox="0 0 26 16" fill="none" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
diff --git a/src/routes/_main/_mypage/mypage/mypage-content.tsx b/src/routes/_main/_mypage/mypage/mypage-content.tsx
new file mode 100644
index 0000000..7861e1c
--- /dev/null
+++ b/src/routes/_main/_mypage/mypage/mypage-content.tsx
@@ -0,0 +1,37 @@
+import { useNavigate } from "@tanstack/react-router";
+import MyPageHome from "./MyPageHome";
+import { useAuthStore } from "../../../../stores/auth-store";
+
+export default function MyPageContent() {
+  const navigate = useNavigate();
+  const me = useAuthStore((s) => s.me);
+
+  const hasMatchingTest = Boolean(me?.matchingTestDone);
+
+  return (
+    <>
+      <MyPageHome
+        hasMatchingTest={hasMatchingTest}
+        user={{
+          name: me?.name ?? "비비",
+          roleText: me?.roleText ?? "홍길동",
+          email: me?.email ?? "yeahsel0608@cau.ac.kr",
+          avatarUrl: me?.avatarUrl ?? "/images/default-avatar.png",
+        }}
+        onGoMatchingTest={() => navigate({ to: "/matching/test/step1" })}
+        onOpenProfileCard={() => navigate({ to: "/profileCard" })}
+        onOpenLikes={() => navigate({ to: "/likes" })}
+        onOpenEditProfile={() => navigate({ to: "/edit" })}
+        onOpenNotifications={() => navigate({ to: "/notifications" })}
+        onOpenInquiry={() => {}}
+        onOpenTerms={() => navigate({ to: "/terms" })} // policy/terms
+        onOpenPrivacy={() => navigate({ to: "/privacy" })} // policy/privacy
+        onLogout={() => {
+          useAuthStore.getState().logout?.();
+          navigate({ to: "/login" });
+        }}
+        onWithdraw={() => {}}
+      />
+    </>
+  );
+}
diff --git a/src/routes/_main/_mypage/mypage/route.tsx b/src/routes/_main/_mypage/mypage/route.tsx
new file mode 100644
index 0000000..788cb28
--- /dev/null
+++ b/src/routes/_main/_mypage/mypage/route.tsx
@@ -0,0 +1,14 @@
+import { createFileRoute } from '@tanstack/react-router'
+import MyPage from './mypage-content'
+
+export const Route = createFileRoute('/_main/_mypage/mypage')({
+  component: MyPageLayout,
+})
+
+function MyPageLayout() {
+  return (
+    <>
+      <MyPage />
+    </>
+  );
+}
\ No newline at end of file
diff --git a/src/routes/_main/_mypage/notifications/notifications-content.tsx b/src/routes/_main/_mypage/notifications/notifications-content.tsx
new file mode 100644
index 0000000..9cf9163
--- /dev/null
+++ b/src/routes/_main/_mypage/notifications/notifications-content.tsx
@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/_main/_mypage/notifications/notifications-content')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/_main/mypage/notifications"!</div>
+}
diff --git a/src/routes/_main/mypage/notifications.tsx b/src/routes/_main/_mypage/notifications/route.tsx
similarity index 71%
rename from src/routes/_main/mypage/notifications.tsx
rename to src/routes/_main/_mypage/notifications/route.tsx
index 6d782dd..cb60f6f 100644
--- a/src/routes/_main/mypage/notifications.tsx
+++ b/src/routes/_main/_mypage/notifications/route.tsx
@@ -1,6 +1,6 @@
 import { createFileRoute } from '@tanstack/react-router'
 
-export const Route = createFileRoute('/_main/mypage/notifications')({
+export const Route = createFileRoute('/_main/_mypage/notifications')({
   component: RouteComponent,
 })
 
diff --git a/src/routes/_main/_mypage/privacy/privacy-content.tsx b/src/routes/_main/_mypage/privacy/privacy-content.tsx
new file mode 100644
index 0000000..9be23ae
--- /dev/null
+++ b/src/routes/_main/_mypage/privacy/privacy-content.tsx
@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/_main/_mypage/privacy/privacy-content')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/_main/mypage/privacy"!</div>
+}
diff --git a/src/routes/_main/mypage/privacy.tsx b/src/routes/_main/_mypage/privacy/route.tsx
similarity index 72%
rename from src/routes/_main/mypage/privacy.tsx
rename to src/routes/_main/_mypage/privacy/route.tsx
index 6dc2974..7de88c8 100644
--- a/src/routes/_main/mypage/privacy.tsx
+++ b/src/routes/_main/_mypage/privacy/route.tsx
@@ -1,6 +1,6 @@
 import { createFileRoute } from '@tanstack/react-router'
 
-export const Route = createFileRoute('/_main/mypage/privacy')({
+export const Route = createFileRoute('/_main/_mypage/privacy')({
   component: RouteComponent,
 })
 
diff --git a/src/routes/_main/_mypage/profileCard/profileCard-content.tsx b/src/routes/_main/_mypage/profileCard/profileCard-content.tsx
new file mode 100644
index 0000000..8cd6c5d
--- /dev/null
+++ b/src/routes/_main/_mypage/profileCard/profileCard-content.tsx
@@ -0,0 +1,195 @@
+import React from "react";
+
+type Campaign = {
+  type: "보낸 제안" | "지원";
+  title: string;
+  date: string;
+};
+
+export default function ProfileCard() {
+  const campaigns: Campaign[] = [
+    { type: "보낸 제안", title: "비플레인 - ‘글로우업’ 선크림 신제품 홍보…", date: "01/24/25 완료" },
+    { type: "보낸 제안", title: "라운드랩 - ‘글로우업’ 크림 신제품 홍보…", date: "01/15/25 완료" },
+    { type: "지원", title: "이즈토리 - 비타크림 신제품 체험단 모집", date: "12/15/24 완료" },
+  ];
+
+  return (
+    <div className="min-h-dvh w-full bg-[#2f3137] flex justify-center">
+      {/* phone frame (430px) */}
+      <div className="w-full max-w-[430px] bg-white overflow-hidden shadow-2xl">
+        {/* status bar mock */}
+        {/* header */}
+        <div className="px-[23px] pb-[10px]">
+          <div className="h-[44px] flex items-center justify-between">
+            <button type="button" className="w-10 h-10 -ml-2 grid place-items-center">
+              <span className="text-[22px] leading-none">‹</span>
+            </button>
+            <div className="text-[16px] font-semibold">내 프로필 카드</div>
+            <div className="w-10 h-10" />
+          </div>
+
+          {/* profile summary */}
+          <div className="flex items-center gap-[12px] mt-[10px]">
+            <div className="relative w-[44px] h-[44px] rounded-full bg-gray-200 overflow-hidden">
+              {/* 이미지 자리 */}
+              <div className="absolute inset-0 bg-gradient-to-b from-gray-200 to-gray-300" />
+              <div className="absolute -right-[2px] -bottom-[2px] w-[18px] h-[18px] rounded-full bg-white grid place-items-center shadow">
+                <div className="w-[12px] h-[12px] rounded-full bg-[#6D6AFE]" />
+              </div>
+            </div>
+
+            <div className="flex-1">
+              <div className="text-[16px] font-semibold leading-[20px]">비비</div>
+              <div className="text-[12px] text-black/50 leading-[16px] mt-[2px]">여성 22세</div>
+              <div className="text-[12px] text-[#6D6AFE] leading-[16px] mt-[2px]">
+                관심분야: 뷰티, 패션
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div className="h-[1px] bg-black/5" />
+
+        {/* content */}
+        <div className="px-[23px] pb-[86px]">
+          {/* SNS */}
+          <Section title="SNS 계정">
+            <div className="flex items-center gap-3">
+              <div className="w-[22px] h-[22px] rounded bg-black/5 grid place-items-center">
+                <span className="text-[12px] text-black/50">◎</span>
+              </div>
+              <div className="flex-1 text-[14px] text-black/70">www.instagram.com/vivi</div>
+              <button type="button" className="text-[14px] text-black/40">
+                ✎
+              </button>
+            </div>
+          </Section>
+
+          {/* Matching */}
+          <Section title="매칭검사 결과">
+            <div className="rounded-[12px] bg-[#F4F6FF] border border-[#E6E9FF] px-[16px] py-[14px] flex gap-3">
+              <div className="flex-1">
+                <div className="text-[14px] font-semibold text-[#3E43FF] leading-[18px]">
+                  비비 님은
+                </div>
+                <div className="text-[14px] text-[#3E43FF] leading-[20px] mt-1">
+                  OO한 크리에이터 입니다.
+                  <br />
+                  OO한 브랜드와 잘 어울려요.
+                </div>
+              </div>
+              <div className="w-[56px] h-[56px] rounded-[12px] bg-[#E9ECFF] grid place-items-center">
+                <div className="w-[30px] h-[30px] rounded-full bg-[#6D6AFE]/20" />
+              </div>
+            </div>
+          </Section>
+
+          {/* Traits */}
+          <Section
+            title="내 특성"
+            right={
+              <button type="button" className="text-[20px] text-black/30 -mr-1">
+                ›
+              </button>
+            }
+          >
+            <div className="grid grid-cols-2 gap-[12px]">
+              <TraitCard
+                badge="뷰티 특성"
+                icon="🧴"
+                lines={["피부 타입  건성, 민감성…", "피부 밝기  17~21호", "메이크업  내추럴, 글로우…"]}
+              />
+              <TraitCard
+                badge="패션 특성"
+                icon="👗"
+                lines={["키  165cm", "체형  웨이브", "상의  S", "하의  33 inch"]}
+              />
+            </div>
+          </Section>
+
+          {/* Campaigns */}
+          <Section
+            title="진행한 캠페인"
+            right={
+              <button type="button" className="text-[20px] text-black/30 -mr-1">
+                ˅
+              </button>
+            }
+          >
+            <div className="space-y-[12px]">
+              {campaigns.map((c, idx) => (
+                <div key={idx} className="flex items-center justify-between gap-3">
+                  <div className="flex items-center gap-2 min-w-0">
+                    <span className="text-[12px] text-[#6D6AFE] shrink-0">{c.type}</span>
+                    <span className="text-[14px] text-black/70 truncate">{c.title}</span>
+                  </div>
+                  <span className="text-[12px] text-black/40 shrink-0">{c.date}</span>
+                </div>
+              ))}
+
+              {/* pagination mock */}
+              <div className="pt-[10px] flex items-center justify-center gap-2 text-[12px] text-black/40">
+                <button className="w-8 h-8 grid place-items-center">‹</button>
+                <button className="w-8 h-8 rounded-[8px] bg-[#EEF0FF] text-[#3E43FF] font-semibold">
+                  1
+                </button>
+                <button className="w-8 h-8 grid place-items-center">2</button>
+                <button className="w-8 h-8 grid place-items-center">3</button>
+                <button className="w-8 h-8 grid place-items-center">4</button>
+                <button className="w-8 h-8 grid place-items-center">›</button>
+              </div>
+            </div>
+          </Section>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function Section({
+  title,
+  right,
+  children,
+}: {
+  title: string;
+  right?: React.ReactNode;
+  children: React.ReactNode;
+}) {
+  return (
+    <section className="pt-[18px]">
+      <div className="flex items-center justify-between mb-[12px]">
+        <div className="text-[14px] font-semibold text-black/80">{title}</div>
+        {right}
+      </div>
+      {children}
+    </section>
+  );
+}
+
+function TraitCard({
+  badge,
+  icon,
+  lines,
+}: {
+  badge: string;
+  icon: string;
+  lines: string[];
+}) {
+  return (
+    <div className="rounded-[12px] border border-black/5 bg-white p-[14px]">
+      <div className="inline-flex items-center rounded-full bg-[#EEF0FF] px-[10px] py-[6px] text-[12px] font-semibold text-[#3E43FF]">
+        {badge}
+      </div>
+
+      <div className="mt-[12px] h-[62px] rounded-[12px] bg-[#F5F6FF] grid place-items-center">
+        <span className="text-[22px]">{icon}</span>
+      </div>
+
+      <div className="mt-[12px] space-y-[6px] text-[12px] text-black/45 leading-[16px]">
+        {lines.map((t, i) => (
+          <div key={i}>{t}</div>
+        ))}
+      </div>
+    </div>
+  );
+}
diff --git a/src/routes/_main/_mypage/profileCard/route.tsx b/src/routes/_main/_mypage/profileCard/route.tsx
new file mode 100644
index 0000000..bee8d53
--- /dev/null
+++ b/src/routes/_main/_mypage/profileCard/route.tsx
@@ -0,0 +1,10 @@
+import { createFileRoute } from "@tanstack/react-router";
+import ProfileCard from "./profileCard-content";
+
+export const Route = createFileRoute("/_main/_mypage/profileCard")({
+  component: ProfileCardRoute,
+});
+
+function ProfileCardRoute() {
+  return <ProfileCard />;
+}
diff --git a/src/routes/_main/mypage/terms.tsx b/src/routes/_main/_mypage/terms/route.tsx
similarity index 72%
rename from src/routes/_main/mypage/terms.tsx
rename to src/routes/_main/_mypage/terms/route.tsx
index ef52946..3f1c099 100644
--- a/src/routes/_main/mypage/terms.tsx
+++ b/src/routes/_main/_mypage/terms/route.tsx
@@ -1,6 +1,6 @@
 import { createFileRoute } from '@tanstack/react-router'
 
-export const Route = createFileRoute('/_main/mypage/terms')({
+export const Route = createFileRoute('/_main/_mypage/terms')({
   component: RouteComponent,
 })
 
diff --git a/src/routes/_main/_mypage/terms/terms-content.tsx b/src/routes/_main/_mypage/terms/terms-content.tsx
new file mode 100644
index 0000000..b273524
--- /dev/null
+++ b/src/routes/_main/_mypage/terms/terms-content.tsx
@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/_main/_mypage/terms/terms-content')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/_main/mypage/terms"!</div>
+}
diff --git a/src/routes/_main/mypage/mypage-content.tsx b/src/routes/_main/mypage/mypage-content.tsx
deleted file mode 100644
index b3a2f78..0000000
--- a/src/routes/_main/mypage/mypage-content.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { useNavigate } from "@tanstack/react-router";
-import MyPageHome from "./MyPageHome";
-import { useAuthStore } from "../../../stores/auth-store";
-
-export default function MyPageContent() {
-  const navigate = useNavigate();
-  const me = useAuthStore((s) => s.me);
-
-  const hasMatchingTest = Boolean(me?.matchingTestDone);
-
-  return (
-    <MyPageHome
-      hasMatchingTest={hasMatchingTest}
-      user={{
-        name: me?.name ?? "비비",
-        roleText: me?.roleText ?? "홍길동",
-        email: me?.email ?? "yeahsel0608@cau.ac.kr",
-        avatarUrl: me?.avatarUrl ?? "/images/default-avatar.png",
-      }}
-      onGoMatchingTest={() => navigate({ to: "/matching/test/step1" })}
-      onOpenProfileCard={() => navigate({ to: "/mypage/profileCard" })}
-      onOpenLikes={() => navigate({ to: "/mypage/likes" })}
-      onOpenEditProfile={() => navigate({ to: "/mypage/edit" })}
-      onOpenNotifications={() => navigate({ to: "/mypage/notifications" })}
-      onOpenInquiry={() => navigate({ to: "/mypage/inquiry" })}
-      onOpenTerms={() => navigate({ to: "/mypage/terms" })} // policy/terms
-      onOpenPrivacy={() => navigate({ to: "/mypage/privacy" })} // policy/privacy
-      onLogout={() => {
-        useAuthStore.getState().logout?.();
-        navigate({ to: "/login" });
-      }}
-      onWithdraw={() => navigate({ to: "/mypage/withdraw" })}
-    />
-  );
-}
diff --git a/src/routes/_main/mypage/profileCard.tsx b/src/routes/_main/mypage/profileCard.tsx
deleted file mode 100644
index 6d760aa..0000000
--- a/src/routes/_main/mypage/profileCard.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router'
-
-export const Route = createFileRoute('/_main/mypage/profileCard')({
-  component: RouteComponent,
-})
-
-function RouteComponent() {
-  return <div>Hello "/_main/mypage/components/profile-card"!</div>
-}
diff --git a/src/routes/_main/mypage/route.tsx b/src/routes/_main/mypage/route.tsx
deleted file mode 100644
index f83bc0b..0000000
--- a/src/routes/_main/mypage/route.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router'
-import MyPage from './mypage-content'
-
-export const Route = createFileRoute('/_main/mypage')({
-  component: MyPage,
-})
diff --git a/src/routes/_main/mypage/withdraw.tsx b/src/routes/_main/mypage/withdraw.tsx
deleted file mode 100644
index cd85a0f..0000000
--- a/src/routes/_main/mypage/withdraw.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router'
-
-export const Route = createFileRoute('/_main/mypage/withdraw')({
-  component: RouteComponent,
-})
-
-function RouteComponent() {
-  return <div>Hello "/_main/mypage/withdraw"!</div>
-}