diff --git a/src/routes/rooms/components/ChatRoomHeader.tsx b/src/components/common/NavigationHeader.tsx
similarity index 68%
rename from src/routes/rooms/components/ChatRoomHeader.tsx
rename to src/components/common/NavigationHeader.tsx
index 5ae4ec5..1a24e20 100644
--- a/src/routes/rooms/components/ChatRoomHeader.tsx
+++ b/src/components/common/NavigationHeader.tsx
@@ -1,14 +1,11 @@
-
 type Props = {
-  title: string;
-  subtitle: string;
-  subTitleClass?: string;
-  onBack?: () => void;
+  title: string; // 텍스트
+  onBack?: () => void; //onBack={() => history.back()} 뒤로가기
 };
 
-export default function ChatRoomHeader({ title, subtitle, subTitleClass, onBack }: Props) {
+export default function NavigationHeader({ title, onBack }: Props) {
   return (
-    <div className="h-[60px] flex items-center px-4 py-[10px] bg-[#F6F6FF]">
+    <div className="h-[60px] flex items-center px-4 py-[10px] bg-[#FFFFFF]">
       <button
         type="button"
         onClick={onBack}
@@ -28,9 +25,6 @@ export default function ChatRoomHeader({ title, subtitle, subTitleClass, onBack
 
       <div className="flex-1 text-center">
         <div className="text-Title1 text-black text-4">{title}</div>
-        {subtitle ? (
-          <div className={["text-Semibold text-[12px] text", subTitleClass ?? "text-[#9B9BA1]"].join(" ")}>{subtitle}</div>
-        ) : null}
       </div>
 
       {/* 오른쪽 여백 맞추기 */}
diff --git a/src/data/chat-room.ts b/src/data/chat-room.ts
index b2585b6..4423a32 100644
--- a/src/data/chat-room.ts
+++ b/src/data/chat-room.ts
@@ -1,4 +1,4 @@
-import { type ChatRoom } from "../routes/_main/chat/types/ChatRoom";
+import { type ChatRoom } from "../routes/_main/chat/ChatList";
 
 export const rooms: ChatRoom[] = [
   {
@@ -7,9 +7,9 @@ export const rooms: ChatRoom[] = [
     lastMessage: "안녕하세요! 제안 확인 부탁드립니다.안녕하세요 제안 확인 부탁드립니다 안녕하세요 제안 확인 부탁드립니다 안녕하세요 제안 확인 부탁드립니다",
     updatedAt: new Date().toISOString(),
     unreadCount: 2,
-    status: "matching",
     logoUrl: "",
     type: "sent",
+    isCollaborating: true,
   },
   {
     id: "2",
@@ -17,9 +17,9 @@ export const rooms: ChatRoom[] = [
     lastMessage: "검토 중입니다!",
     updatedAt: "2025-01-05T10:00:00",
     unreadCount: 0,
-    status: "reviewing",
     logoUrl: "",
-    type: "received",
+    type: "sent",
+    isCollaborating: false,
   },
 ];
 
diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
index 9f20ed2..b23c848 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,6 +267,36 @@ 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
@@ -244,7 +304,6 @@ export interface FileRoutesByFullPath {
   '/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 +315,39 @@ 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
   '/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,25 +405,34 @@ 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
@@ -358,7 +442,6 @@ export interface FileRouteTypes {
     | '/login'
     | '/chat'
     | '/matching'
-    | '/mypage'
     | '/rooms/$chatId'
     | '/signup/info'
     | '/signup/info-more'
@@ -370,31 +453,39 @@ 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 {
@@ -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..db457c2 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-[375px] 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..f34e117
--- /dev/null
+++ b/src/routes/_main/_mypage/profileCard/profileCard-content.tsx
@@ -0,0 +1,204 @@
+import React from "react";
+import NavigationHeader from "../../../../components/common/NavigationHeader";
+
+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 flex justify-center">
+      <div className="w-full max-w-[375px] bg-white overflow-hidden shadow-2xl">
+        {/* header */}
+        <div className="absolute top-0 left-0 right-0 z-50">
+          <NavigationHeader
+            title={"내 프로필 카드"}
+            onBack={() => history.back()}
+          />
+        </div>
+
+        <div className="px-4 py-6">
+          {/* profile summary */}
+          <div className="flex items-center gap-4 mt-[10px]">
+            <div className="relative w-[50px] h-[50px] rounded-[20px] border border-[#E6E6F3] 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 gap-[6px]">
+              <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="w-full max-w-[375px] h-[10px] bg-[#F3F3FA]"></div>
+
+        {/* content */}
+        <div className="h-[96px] px-4">
+          {/* SNS */}
+          <Section title="SNS 계정">
+            <div className="flex items-center gap-2">
+              <div className="w-[20px] h-[20px]">
+                <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M4.83333 0H11.8333C14.5 0 16.6667 2.16667 16.6667 4.83333V11.8333C16.6667 13.1152 16.1574 14.3446 15.251 15.251C14.3446 16.1574 13.1152 16.6667 11.8333 16.6667H4.83333C2.16667 16.6667 0 14.5 0 11.8333V4.83333C0 3.55145 0.509225 2.32208 1.41565 1.41565C2.32208 0.509225 3.55145 0 4.83333 0ZM4.66667 1.66667C3.87102 1.66667 3.10796 1.98274 2.54535 2.54535C1.98274 3.10796 1.66667 3.87102 1.66667 4.66667V12C1.66667 13.6583 3.00833 15 4.66667 15H12C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12V4.66667C15 3.00833 13.6583 1.66667 12 1.66667H4.66667ZM12.7083 2.91667C12.9846 2.91667 13.2496 3.02641 13.4449 3.22176C13.6403 3.41711 13.75 3.68207 13.75 3.95833C13.75 4.2346 13.6403 4.49955 13.4449 4.6949C13.2496 4.89025 12.9846 5 12.7083 5C12.4321 5 12.1671 4.89025 11.9718 4.6949C11.7764 4.49955 11.6667 4.2346 11.6667 3.95833C11.6667 3.68207 11.7764 3.41711 11.9718 3.22176C12.1671 3.02641 12.4321 2.91667 12.7083 2.91667ZM8.33333 4.16667C9.4384 4.16667 10.4982 4.60565 11.2796 5.38705C12.061 6.16846 12.5 7.22826 12.5 8.33333C12.5 9.4384 12.061 10.4982 11.2796 11.2796C10.4982 12.061 9.4384 12.5 8.33333 12.5C7.22826 12.5 6.16846 12.061 5.38705 11.2796C4.60565 10.4982 4.16667 9.4384 4.16667 8.33333C4.16667 7.22826 4.60565 6.16846 5.38705 5.38705C6.16846 4.60565 7.22826 4.16667 8.33333 4.16667ZM8.33333 5.83333C7.67029 5.83333 7.03441 6.09672 6.56557 6.56557C6.09672 7.03441 5.83333 7.67029 5.83333 8.33333C5.83333 8.99637 6.09672 9.63226 6.56557 10.1011C7.03441 10.5699 7.67029 10.8333 8.33333 10.8333C8.99637 10.8333 9.63226 10.5699 10.1011 10.1011C10.5699 9.63226 10.8333 8.99637 10.8333 8.33333C10.8333 7.67029 10.5699 7.03441 10.1011 6.56557C9.63226 6.09672 8.99637 5.83333 8.33333 5.83333Z" fill="#A7A7AD"/>
+                </svg>
+              </div>
+              <div className="text-[14px] leading-[20px] text-[#5B5D6B]">www.instagram.com/vivi</div>
+              <button type="button">
+                <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <g clip-path="url(#clip0_1474_81253)">
+                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.5625 8.43731V7.26294L6.1125 2.71294L7.2875 3.88731L2.7375 8.43731H1.5625ZM7.95 3.22419L8.45312 2.72106C8.48223 2.69203 8.50532 2.65755 8.52107 2.61958C8.53682 2.58162 8.54493 2.54092 8.54493 2.49981C8.54493 2.45871 8.53682 2.41801 8.52107 2.38004C8.50532 2.34207 8.48223 2.30759 8.45312 2.27856L7.72125 1.54669C7.69222 1.51758 7.65774 1.49449 7.61977 1.47874C7.58181 1.46299 7.5411 1.45488 7.5 1.45488C7.4589 1.45488 7.41819 1.46299 7.38023 1.47874C7.34226 1.49449 7.30778 1.51758 7.27875 1.54669L6.77562 2.04981L7.95 3.22419ZM0.625 8.43731V6.87481L6.61625 0.883561C6.85066 0.649222 7.16854 0.517578 7.5 0.517578C7.83146 0.517578 8.14934 0.649222 8.38375 0.883561L9.11625 1.61606C9.35059 1.85047 9.48223 2.16836 9.48223 2.49981C9.48223 2.83127 9.35059 3.14915 9.11625 3.38356L3.125 9.37481H0.625V8.43731Z" fill="#9B9BA1"/>
+                  </g>
+                  <defs>
+                    <clipPath id="clip0_1474_81253">
+                    <rect width="10" height="10" fill="white"/>
+                    </clipPath>
+                  </defs>
+                </svg>
+              </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="py-6">
+      <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/chat/components/ChatList.tsx b/src/routes/_main/chat/ChatList.tsx
similarity index 74%
rename from src/routes/_main/chat/components/ChatList.tsx
rename to src/routes/_main/chat/ChatList.tsx
index 0294bd2..091ad2d 100644
--- a/src/routes/_main/chat/components/ChatList.tsx
+++ b/src/routes/_main/chat/ChatList.tsx
@@ -1,7 +1,17 @@
-import { type ChatRoom } from "../types/ChatRoom";
-import { formatKoreanDateTime } from "../../../../utils/dateTime";
+import { formatKoreanDateTime } from "../../../utils/dateTime";
 import { useNavigate } from "@tanstack/react-router";
 
+export type ChatRoom = {
+  id: string;
+  brandName: string;
+  lastMessage: string;
+  updatedAt: string;
+  unreadCount: number;
+  logoUrl: string; 
+  type: "sent" | "received";
+  isCollaborating: boolean;
+};
+
 export function ChatList({ rooms }: { rooms: ChatRoom[] }) {
   return (
     <div className="flex flex-col gap-[10px]">
@@ -13,25 +23,14 @@ export function ChatList({ rooms }: { rooms: ChatRoom[] }) {
 }
 
 export function ChatListItem({ room }: { room: ChatRoom }) {
-  const statusLabel =
-    room.status === "matching" ? "매칭" : room.status === "reviewing" ? "검토 중" : "거절";
-
-  // 뱃지 톤: 매칭=보라, 검토중=연보라, 거절=그레이
-  const statusClass =
-    room.status === "matching"
-      ? "bg-[#E6E6F3] text-[#6666E5]"
-      : room.status === "reviewing"
-        ? "bg-[#EBEEFB] text-[#A7B8FC]"
-        : "bg-[#F3F3F3] text-text-gray3";
 
   const { dateText, timeText } = formatKoreanDateTime(room.updatedAt);
-
   const navigate = useNavigate();
 
   return (
     <button
       type="button"
-      className=" w-full max-w-[420px] rounded-[10px] bg-white px-4 py-[14px] flex items-start gap-[14px] text-left"
+      className=" w-full max-w-[420px] rounded-[10px] bg-white px-4 py-[14px] flex items-start gap-[14px] text-left active:bg-[#F2F2F5]"
       onClick={() =>
         navigate({
           to: "/rooms/$chatId",
@@ -62,18 +61,20 @@ export function ChatListItem({ room }: { room: ChatRoom }) {
             {room.brandName}
           </div>
 
-          <span
-            className={`
-              ${statusClass}
-              text-[10px]
-              text-Medium
-              px-[6px] py-[2px]
-              rounded-[5px]
-              shrink-0
-            `}
-          >
-            {statusLabel}
-          </span>
+          {room.isCollaborating && (
+            <span
+              className={`
+                bg-[#B7B7F380] text-[#6666E5]
+                text-[10px]
+                text-Medium
+                px-[6px] py-[2px]
+                rounded-[5px]
+                shrink-0
+              `}
+            >
+              협업 중
+            </span>
+            )}
         </div>
 
         {/* 2줄 미리보기 */}
diff --git a/src/routes/_main/chat/chat-content.tsx b/src/routes/_main/chat/chat-content.tsx
index ef066b5..955649d 100644
--- a/src/routes/_main/chat/chat-content.tsx
+++ b/src/routes/_main/chat/chat-content.tsx
@@ -1,58 +1,55 @@
 import { useState, useMemo } from "react";
-import { type SortOption, SORT_LABEL } from "./types/SortOption";
+import { SORT_LABEL, type SortOption } from "./components/SortingSheetConstant";
 import { rooms } from "../../../data/chat-room";
 import ChatListHeader from "./components/ChatListHeader";
 import SortFilterSheet from "./components/SortingSheet";
-import ChatList from "./components/ChatList";
+import ChatList from "./ChatList";
 import { EmptyChatState } from "./components/EmptyState";
 import { useHideBottomTab } from "../../../hooks/useHideBottomTab";
 
 function ChatPage() {
   const [activeTab, setActiveTab] = useState<"sent" | "received">("sent"); // 보낸 제안 / 받은 제안 탭
-  const [isSortOpen, setIsSortOpen] = useState(false);    // 정렬 바텀시트
-  const [sort, setSort] = useState<SortOption>("latest"); // 현재 선택된 정렬 옵션
+  const [isSortOpen, setIsSortOpen] = useState(false); // 정렬 바텀시트
+  const [sort, setSort] = useState<SortOption>("latest"); // 최신순 / 협업중만
   const [pendingSort, setPendingSort] = useState<SortOption>(sort); // 바텀시트에서 고른 값
 
   // 바텀탭 숨기기 (바텀시트 열렸을 때)
   useHideBottomTab(isSortOpen);
 
-  // 받은제안/보낸제안 필터
+  // 받은/보낸 필터
   const filteredRooms = useMemo(() => {
     return rooms.filter((room) => room.type === activeTab);
   }, [activeTab]);
 
-  // 정렬 적용
+  // 정렬 + (필요시) 협업중 필터
   const sortedRooms = useMemo(() => {
-
-    // 받은/보낸 필터링
     let filtered = filteredRooms;
 
-    // latest가 아니면 status로 한 번 더 필터
-    if (sort !== "latest") {
-      filtered = filteredRooms.filter((room) => room.status === sort);
+    // 협업중만 보기
+    if (sort === "collaborating") {
+      filtered = filteredRooms.filter((room) => room.isCollaborating);
     }
 
     const copy = [...filtered];
-    copy.sort(
-      (a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime()
-    );
+    copy.sort((a, b) => {
+      return new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime();
+    });
 
     return copy;
   }, [filteredRooms, sort]);
 
   const openSortSheet = () => {
-    setPendingSort(sort); // 열 때 현재 적용값으로
+    setPendingSort(sort);
     setIsSortOpen(true);
   };
 
   const applySort = () => {
-    setSort(pendingSort); // 기준 적용
+    setSort(pendingSort);
     setIsSortOpen(false);
   };
 
   return (
     <div className="min-h-screen bg-gradient-to-b from-[#F6F6FF] via-[#F3F3FA] to-[#E8E8FB]">
-
       <main className="p-4 pb-16">
         <ChatListHeader
           activeTab={activeTab}
@@ -62,11 +59,7 @@ function ChatPage() {
           sortOpen={isSortOpen}
         />
 
-        {sortedRooms.length === 0 ? (
-          <EmptyChatState />
-        ) : (
-          <ChatList rooms={sortedRooms} />
-        )}
+        {sortedRooms.length === 0 ? <EmptyChatState /> : <ChatList rooms={sortedRooms} />}
       </main>
 
       <SortFilterSheet
@@ -80,4 +73,4 @@ function ChatPage() {
   );
 }
 
-export default ChatPage;
\ No newline at end of file
+export default ChatPage;
diff --git a/src/routes/_main/chat/components/ChatListHeader.tsx b/src/routes/_main/chat/components/ChatListHeader.tsx
index d96badc..45fbea2 100644
--- a/src/routes/_main/chat/components/ChatListHeader.tsx
+++ b/src/routes/_main/chat/components/ChatListHeader.tsx
@@ -1,7 +1,8 @@
+import searchIcon from "../../../../assets/search2.svg";
+import closeIcon from "../../../../assets/cancel.svg"; 
+import { useState } from "react";
 
 export function ChatListHeader({
-  activeTab,
-  setActiveTab,
   sortLabel,
   onClickSort,
 }: {
@@ -10,48 +11,60 @@ export function ChatListHeader({
   sortLabel: string;
   onClickSort: () => void;
   sortOpen: boolean;
+  
 }) {
+  const [query, setQuery] = useState("");
+
   return (
-    <div className="flex items-center justify-between mb-4">
-      {/* 탭 */}
-      <div className="flex gap-4">
-        <button className={`
-          text-Medium
-          ${activeTab === "sent" ? "!text-[#6666E5]" : "text-gray3"}
-          `}
-          onClick={() => setActiveTab("sent")}
-        >
-          보낸 제안
-        </button>
-        <button className={`
-          text-Medium
-          ${activeTab === "received" ? "!text-[#6666E5]" : "text-gray3"}
-          `}
-          onClick={() => setActiveTab("received")}
+
+    <div className="flex flex-col gap-4 border-b border-text-gray5">
+
+      {/* 검색 입력창 */}
+      <div className="flex items-center w-full relative bg-bg-w border border-core-2 rounded-[8px] px-3 py-2">
+        <img src={searchIcon} alt="search" className="w-4 h-4 opacity-40" />
+        
+        <input
+          className="flex-1 bg-transparent mx-2 outline-none text-body1 text-center placeholder:text-text-gray3"
+          placeholder="검색어 입력"
+          value={query}
+          onChange={(e) => setQuery(e.target.value)}
+        />
+
+        <button 
+          onClick={() => setQuery("")}
+          className="flex-shrink-0"
         >
-          받은 제안
+          <img src={closeIcon} alt="close" />
         </button>
+
       </div>
 
-      {/* 정렬 버튼 - 텍스트는 sortLabel */}
-      <button
-        onClick={onClickSort}
-        className="flex items-center gap-1 w-fit h-7 px-3 rounded-full border border-text-[#E6E6F3] text-[14px] font-Pretendard text-text-gray2 bg-white"
-      >
-        {sortLabel}
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 20 20"
-          fill="currentColor"
-          className="w-4 h-4 text-text-gray3"
+      <div className="flex items-center pt-2 pb-4 justify-between">
+
+        <div className="px-1 text-[16px] leading-[20px] font-Semibold text-black">
+          채팅 목록
+        </div>
+
+        {/* 정렬 버튼 - 텍스트는 sortLabel */}
+        <button
+          onClick={onClickSort}
+          className="flex items-center gap-1 w-fit h-7 px-3 rounded-full border border-[#E6E6F3] text-[#5B5D6B] text-[14px] font-Pretendard text-text-gray2 bg-white"
         >
-          <path
-            fillRule="evenodd"
-            d="M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.24 4.25a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z"
-            clipRule="evenodd"
-          />
-        </svg>
-      </button>
+          {sortLabel}
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            className="w-4 h-4 text-text-gray3"
+          >
+            <path
+              fillRule="evenodd"
+              d="M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.24 4.25a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z"
+              clipRule="evenodd"
+            />
+          </svg>
+        </button>
+      </div>
     </div>
   );
 }
diff --git a/src/routes/_main/chat/components/SortingSheet.tsx b/src/routes/_main/chat/components/SortingSheet.tsx
index bb40b18..2812cef 100644
--- a/src/routes/_main/chat/components/SortingSheet.tsx
+++ b/src/routes/_main/chat/components/SortingSheet.tsx
@@ -1,4 +1,6 @@
-import { type SortOption } from "../types/SortOption";
+import { type SortOption } from "./SortingSheetConstant";
+
+// 정렬, 필터 옵션 (최신순/협업 중)
 
 export function SortFilterSheet({
   open,
@@ -26,8 +28,8 @@ export function SortFilterSheet({
       />
 
       {/* 시트 */}
-      <div className="fixed left-1/2 -translate-x-1/2 top-[235px] w-full max-w-[430px] h-[530px] bg-white rounded-t-[12px] pt-[20px] px-4 flex flex-col">
-        <div className="w-full max-w-[430px] h-[70px] fixed left-1/2 -translate-x-1/2"> 
+      <div className="fixed left-1/2 -translate-x-1/2 top-[235px] w-full max-w-[375px] h-[530px] bg-white rounded-t-[12px] pt-[20px] px-4 flex flex-col">
+        <div className="w-full max-w-[375px] h-[70px] fixed left-1/2 -translate-x-1/2"> 
           <div className="px-4 text-Medium text-text-black mb-3">정렬 필터</div>
 
           <div className="bg-[#F3F4F8] px-4 py-3">
@@ -38,30 +40,19 @@ export function SortFilterSheet({
                 onClick={() => onChange("latest")}
               />
               <SortOptionButton
-                label="매칭"
-                active={value === "matching"}
-                onClick={() => onChange("matching")}
-              />
-              <SortOptionButton
-                label="검토중"
-                active={value === "reviewing"}
-                onClick={() => onChange("reviewing")}
-              />
-              <SortOptionButton
-                label="거절"
-                active={value === "rejected"}
-                onClick={() => onChange("rejected")}
+                label="협업 중"
+                active={value === "collaborating"}
+                onClick={() => onChange("collaborating")}
               />
             </div>
           </div>
         </div>
-
         <div className="flex-1" />
 
-        <div className="px-4 pb-6">
+        <div className="flex justify-center py-6">
           <button
             onClick={onApply}
-            className="w-full max-w-[420px] h-11 rounded-[12px] bg-[#6666E5] text-white text-SemiBold"
+            className="w-full max-w-[327px] h-11 rounded-[12px] bg-[#6666E5] text-white text-SemiBold"
           >
             적용하기
           </button>
diff --git a/src/routes/_main/chat/components/SortingSheetConstant.ts b/src/routes/_main/chat/components/SortingSheetConstant.ts
new file mode 100644
index 0000000..1fa3604
--- /dev/null
+++ b/src/routes/_main/chat/components/SortingSheetConstant.ts
@@ -0,0 +1,6 @@
+export const SORT_LABEL = {
+  latest: "최신순",
+  collaborating: "협업 중",
+} as const;
+
+export type SortOption = keyof typeof SORT_LABEL;
\ No newline at end of file
diff --git a/src/routes/_main/chat/types/ChatRoom.tsx b/src/routes/_main/chat/types/ChatRoom.tsx
deleted file mode 100644
index a91aaf3..0000000
--- a/src/routes/_main/chat/types/ChatRoom.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-export type ChatRoom = {
-  id: string;
-  brandName: string;
-  lastMessage: string;
-  updatedAt: string;
-  unreadCount: number;
-  status: RoomStatus;
-  logoUrl: string; 
-  type: "sent" | "received";
-};
-
-export type RoomStatus = "matching" | "reviewing" | "rejected";
\ No newline at end of file
diff --git a/src/routes/_main/chat/types/SortOption.tsx b/src/routes/_main/chat/types/SortOption.tsx
deleted file mode 100644
index e963987..0000000
--- a/src/routes/_main/chat/types/SortOption.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-// 정렬, 필터 옵션 (최신순/매칭/검토중/거절)
-export type SortOption = "latest" | "matching" | "reviewing" | "rejected";
-
-export const SORT_LABEL: Record<SortOption, string> = {
-  latest: "최신순",
-  matching: "매칭",
-  reviewing: "검토중",
-  rejected: "거절",
-};
\ No newline at end of file
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>
-}
diff --git a/src/routes/rooms/chatting-room.tsx b/src/routes/rooms/chatting-room.tsx
index 379070e..94d9f4c 100644
--- a/src/routes/rooms/chatting-room.tsx
+++ b/src/routes/rooms/chatting-room.tsx
@@ -1,11 +1,12 @@
 import { useEffect, useMemo, useRef, useState } from "react";
-import ChatRoomHeader from "./components/ChatRoomHeader";
+import NavigationHeader from "../../components/common/NavigationHeader";
 import { type ChatMessage } from "./components/Bubbles/TextMessageTypes";
 import ChatComposer from "./components/ChatComposer";
 import AttachmentSheet, { type AttachmentAction } from "./components/AttachmentSheet";
 import useKeyboardOffset from "../../hooks/KeyboardOffset";
 import MessageRenderer from "./components/MessageRender";
 import { formatKoreanDateTime } from "../../utils/dateTime";
+import CollaborationSummaryBar from "./components/CollaborationBar";
 
 type Props = {
   chatId: string;
@@ -40,7 +41,7 @@ export default function ChattingRoom( {chatId} : Props ) {
       campaignName: "글로우 쿠션 신제품 론칭 리뷰",
       campaignContent: "안녕하세요 크리에이터 비비 입니다! 이번에 글로우에서 신제품 쿠션이 출시되어 리뷰를 진행하고자 합니다. 자연스러운 커버력과 촉촉한 사용감이 특징인 이번 제품은 봄철 메이크업에 딱 맞는 아이템입니다. 리뷰를 통해 많은 분들께 소개하고 싶습니다. 긍정적인 검토 부탁드립니다!",
       time: "26.01.22\n00:10",
-      status: "sent",
+      status: "failed",
       price: 500000,
       orderId: "ORD1234567890",
     },
@@ -65,7 +66,7 @@ export default function ChattingRoom( {chatId} : Props ) {
       ext: "png",
       time: "26.01.22\n10:11",
       avatarSize: 38,
-      avartarSrc: "/brand.png",
+      avatarSrc: "/brand.png",
     },
     {
       id: "file1",
@@ -89,24 +90,27 @@ export default function ChattingRoom( {chatId} : Props ) {
   }, [chatId]);
 
   const partnerName = "민주"; // TODO: API/route loader에서 받아오기
-  const hashtags = "#청정자극 #저자극 #심플한 감성"; // TODO: 프로필/카드에서 받아오기
-  const matchStatus: "MATCHED" | "REJECTED" | "REVIEWING" = "REVIEWING"; // TODO: 서버에서 받아오기
-  const partnerAvatarUrl = ""
-; // TODO: 프로필/카드에서 받아오기
+  const partnerAvatarUrl = ""; // TODO: 프로필/카드에서 받아오기
+
+  const isCollaborating = messages.some((m) => m.type === "MATCHED_CAMPAIGN");
+  // 임시 로직: MATCHED_CAMPAIGN 메시지가 있으면 협업중이라고 가정
+  // 실제로는 chatRoom.isCollaborating
+
+  // 협업 요약바에 넣을 데이터(임시: 매칭 캠페인 메시지에서 뽑음)
+  const matchedCampaignMessage = useMemo(() => {
+    return messages.find((m) => m.type === "MATCHED_CAMPAIGN");
+  }, [messages]);
 
   // 대화 시작 여부
-  const hasStartedChat = messages.some((m) => m.side === "me" || m.side === "other");
+  //const hasStartedChat = messages.some((m) => m.side === "me" || m.side === "other");
   // 전송 중 상태
   //const [isSending, setIsSending] = useState(false);
 
-  const statusLabelMap = {
-  MATCHED: "매칭",
-  REJECTED: "거절",
-  REVIEWING: "검토중",
-  } as const;
+  const collabTitle = matchedCampaignMessage?.campaignName ?? "";
+  const collabSubtitle = matchedCampaignMessage ? "일주일 챌린지" : "";
+  const collabThumb = partnerAvatarUrl; // 콜라보 상품 이미지. 임시로 브랜드 프로필로 설정
 
-  const subtitleClass = hasStartedChat ? "text-[#6666E5]" : "text-[#5B5D6B]";
-  const subtitleText = hasStartedChat ? statusLabelMap[matchStatus] : hashtags;
+  const summaryBarHeight = isCollaborating ? 64 : 0;
 
   const listRef = useRef<HTMLDivElement | null>(null);
   const inputRef = useRef<HTMLInputElement | null>(null);
@@ -147,6 +151,7 @@ export default function ChattingRoom( {chatId} : Props ) {
     const trimmed = text.trim();
     if (!trimmed) return;
 
+    //일반 메시지 전송
     setMessages((prev) => [
       ...prev,
       {
@@ -155,9 +160,7 @@ export default function ChattingRoom( {chatId} : Props ) {
         content: trimmed,
         time: `${dateText}\n${timeText}`,
         type: "TEXT",
-        status: "sent", // 수정필요
-        campaignName: "",
-        campaignContent: "",
+        status: "sent", 
       },
     ]);
     setText(""); // 입력창 비우기
@@ -165,19 +168,35 @@ export default function ChattingRoom( {chatId} : Props ) {
     requestAnimationFrame(() => inputRef.current?.focus()); // 한 프레임 뒤 focus 복귀
   };
 
+  /*const handleDeleteMessage = (id: string) => {
+    setMessages((prev) => prev.filter((m) => m.id !== id));
+  };
+
+  const handleRetryMessage = (id: string) => {
+    setMessages((prev) => prev.map((m) => (m.id === id ? { ...m, status: "sending" } : m)));
+    // TODO: API 재전송 후 성공/실패에 따라 status 갱신
+  };*/
+
   return (
-    <div className="min-h-screen bg-gradient-to-b from-[#F6F6FF] via-[#F3F3FA] to-[#E8E8FB]">
-      <ChatRoomHeader
+    <div className="h-screen-full bg-gradient-to-b from-[#F6F6FF] via-[#F3F3FA] to-[#E8E8FB]">
+      <NavigationHeader
         title={partnerName}
-        subtitle={subtitleText}
-        subTitleClass={subtitleClass}
         onBack={() => history.back()}
       />
 
+      {isCollaborating && (
+      <CollaborationSummaryBar
+        thumbnailUrl= {collabThumb}
+        title={collabTitle}
+        subtitle={collabSubtitle}
+      />
+      )}
+
       {/* 메시지 영역 */}
       <div
         ref={listRef}
-        className="h-[calc(100vh-60px-49px)] overflow-y-auto px-4 py-5"
+        className="overflow-y-auto px-4 py-5"
+        style={{ height: `calc(100vh - 60px - 49px - ${summaryBarHeight}px)` }}
       >
         <div className="w-full">
           <div className="w-full space-y-2">
@@ -218,4 +237,5 @@ export default function ChattingRoom( {chatId} : Props ) {
       />
     </div>
   );
-}
\ No newline at end of file
+}
+
diff --git a/src/routes/rooms/components/AttachmentSheet.tsx b/src/routes/rooms/components/AttachmentSheet.tsx
index 7cf9421..7f090d6 100644
--- a/src/routes/rooms/components/AttachmentSheet.tsx
+++ b/src/routes/rooms/components/AttachmentSheet.tsx
@@ -57,7 +57,7 @@ export default function AttachmentSheet({ open, actions, onClose, onAction, heig
       {/* sheet */}
       <div
         className={[
-          "fixed bottom-0 w-full max-w-[430px] px-[68px] py-[30px] bg-[#E6E6F3] transition-transform",
+          "fixed bottom-0 w-full max-w-[375px] px-[68px] py-[30px] bg-[#E6E6F3] transition-transform",
           open ? "translate-y-0" : "translate-y-full",
         ].join(" ")}
         style={{
@@ -76,7 +76,7 @@ export default function AttachmentSheet({ open, actions, onClose, onAction, heig
             >
               <Icon name={a.icon} />
             </button>
-            <div className="text-Medium text-[12px] text-[#5B5D6B]">{a.label}</div>
+            <div className="text-Medium text-[12px] leading-[16px] text-[#5B5D6B] whitespace-nowrap">{a.label}</div>
           </div>
         ))}
         </div>
diff --git a/src/routes/rooms/components/Bubbles/MatchingMessage.tsx b/src/routes/rooms/components/Bubbles/MatchingMessage.tsx
index 76b6aa9..4867b9d 100644
--- a/src/routes/rooms/components/Bubbles/MatchingMessage.tsx
+++ b/src/routes/rooms/components/Bubbles/MatchingMessage.tsx
@@ -1,13 +1,18 @@
 import { type ChatMessage } from "./TextMessageTypes";
+import { useNavigate } from "@tanstack/react-router";
+import MessageStatus from "./MessageStatus";
 
 type Props = {
   message: ChatMessage;
 };
+//onRetry: (id: string) => void;
+//onDelete: (id: string) => void;
 
-export default function MatchedCampaignMessage({ message }: Props) {
+export default function MatchedCampaignMessage({ message, }: Props) {
   const timeText = message.time ?? "";
   const avatarSize = 38;
   const avatarSrc = undefined;
+  const navigate = useNavigate();
 
   return (
     <div className="flex justify-start">
@@ -32,7 +37,7 @@ export default function MatchedCampaignMessage({ message }: Props) {
         </div>
 
         {/* bubble + time */}
-        <div className="flex items-end gap-[8px] max-w-[calc(100%-48px)]">
+        <div className="flex items-end gap-[4px] max-w-[calc(100%-48px)]">
           <div className="p-[1px] rounded-[12px] bg-gradient-to-r from-[#CBCBF5] via-[#6666E5] to-[#CBCBF5]">
             <div className="w-[240px] rounded-[12px] bg-[#FFFFFF] px-[10px] py-[10px] flex flex-col gap-[8px]">
               <div className="text-[12px] leading-[16px] style-Medium text-[#6666E5]">
@@ -46,7 +51,7 @@ export default function MatchedCampaignMessage({ message }: Props) {
 
                 <button
                   type="button"
-                  onClick={() => {}} // TODO: 캠페인 상세 보기
+                  onClick={() => navigate({to: "/campaign"})} // 캠페인 상세 보기
                   className="w-6 h-6 grid place-items-center text-gray2"
                   aria-label="expand"
                 >
@@ -73,11 +78,12 @@ export default function MatchedCampaignMessage({ message }: Props) {
               </div>
             </div>
           </div>
-          {timeText ? (
-            <div className="shrink-0 text-[10px] leading-[12px] text-[#9B9BA1] whitespace-pre-line">
-              {timeText}
-            </div>
-          ) : null}
+          <MessageStatus
+            message={message}
+            timeText={timeText}
+            onRetry={() => {}}//Todo: onRetry
+            onDelete={() => {}}// Todo: onDelete
+          />
         </div>
       </div>
     </div>
diff --git a/src/routes/rooms/components/Bubbles/MessageStatus.tsx b/src/routes/rooms/components/Bubbles/MessageStatus.tsx
new file mode 100644
index 0000000..8bb0fe8
--- /dev/null
+++ b/src/routes/rooms/components/Bubbles/MessageStatus.tsx
@@ -0,0 +1,83 @@
+import { type ChatMessage } from "./TextMessageTypes";
+
+type Props = {
+  message: ChatMessage;
+  timeText: string;
+  onRetry: (messageId: string) => void;
+  onDelete: (messageId: string) => void;
+};
+
+function MessageStatus({
+  onRetry,
+  onDelete,
+}: {
+  onRetry: () => void;
+  onDelete: () => void;
+}) {
+  return (
+    <div className="shrink-0 w-[40px] h-[22px] rounded-[6px] bg-[#6666E5] flex overflow-hidden">
+      <button
+        type="button"
+        onClick={onRetry}
+        className="w-1/2 h-full grid place-items-center"
+        aria-label="retry"
+      >
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none">
+        <path
+            d="M20 12a8 8 0 10-2.34 5.66"
+            stroke="white"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+        />
+        <path
+            d="M20 7v5h-5"
+            stroke="white"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+        />
+        </svg>
+      </button>
+
+      <div className="w-px h-full bg-white/30" />
+
+      <button
+        type="button"
+        onClick={onDelete}
+        className="w-1/2 h-full grid place-items-center"
+        aria-label="delete"
+      >
+        <svg width="14" height="14" viewBox="0 0 24 24" fill="none">
+        <path
+            d="M6 6l12 12M18 6L6 18"
+            stroke="white"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+        />
+        </svg>
+      </button>
+    </div>
+  );
+}
+
+export default function MessageMeta({ message, timeText, onRetry, onDelete }: Props) {
+  if (message.status === "failed") {
+    return (
+      <MessageStatus
+        onRetry={() => onRetry(message.id)}
+        onDelete={() => onDelete(message.id)}
+      />
+    );
+  }
+
+  if (message.status === "sent") {
+    return timeText ? (
+      <div className="shrink-0 text-[10px] leading-[12px] text-[#9B9BA1] whitespace-pre-line">
+        {timeText}
+      </div>
+    ) : null;
+  }
+
+  // sending이면 아무것도 안 보임
+  return null;
+}
diff --git a/src/routes/rooms/components/Bubbles/ProposalMessage.tsx b/src/routes/rooms/components/Bubbles/ProposalMessage.tsx
index b175e74..6d2b783 100644
--- a/src/routes/rooms/components/Bubbles/ProposalMessage.tsx
+++ b/src/routes/rooms/components/Bubbles/ProposalMessage.tsx
@@ -1,4 +1,5 @@
 import { type ChatMessage } from "./TextMessageTypes";
+import { useNavigate } from "@tanstack/react-router";
 
 type Props = {
   message: ChatMessage;
@@ -9,6 +10,7 @@ export default function ProposalMessage({ message }: Props) {
   const timeText = message.time ?? "";
   const isLeft = message.side === "other" || message.side === "system";
   const avatarSrc = undefined;
+  const navigate = useNavigate();
 
   if (isMe) return (
     <div className="flex w-full justify-end">
@@ -36,7 +38,10 @@ export default function ProposalMessage({ message }: Props) {
                 </div>
                 <button
                   type="button"
-                  onClick={() => {}} // TODO: 캠페인 상세 보기
+                  onClick={() => navigate({ 
+                    to: "/proposal",
+                    search: { type: "sent" }, 
+                  })} // 보낸 제안 보기
                   className="w-6 h-6 grid place-items-center text-gray2"
                   aria-label="expand"
                 >
@@ -106,7 +111,10 @@ export default function ProposalMessage({ message }: Props) {
 
                     <button
                       type="button"
-                      onClick={() => {}} // TODO: 캠페인 상세 보기
+                      onClick={() => navigate({ 
+                        to: "/proposal",
+                        search: { type: "received" }, 
+                      })} // 받은 제안 보기
                       className="w-6 h-6 grid place-items-center text-gray2"
                       aria-label="expand"
                     >
diff --git a/src/routes/rooms/components/ChatComposer.tsx b/src/routes/rooms/components/ChatComposer.tsx
index 2601087..c5cbcf3 100644
--- a/src/routes/rooms/components/ChatComposer.tsx
+++ b/src/routes/rooms/components/ChatComposer.tsx
@@ -29,7 +29,7 @@ export default function ChatComposer({
 
   return (
     <div
-      className="fixed w-full max-w-[430px] bg-[#1A1A1A] left-1/2 -translate-x-1/2 transition-transform duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]"
+      className="fixed w-full max-w-[375px] bg-[#1A1A1A] left-1/2 -translate-x-1/2 transition-transform duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]"
       style={{
         bottom: "calc(var(--kb, 0px) + env(safe-area-inset-bottom, 0px))",
         transform: isSheetOpen ? `translateY(-${sheetOffset}px)` : "translateY(0px)",
diff --git a/src/routes/rooms/components/CollaborationBar.tsx b/src/routes/rooms/components/CollaborationBar.tsx
new file mode 100644
index 0000000..dc97951
--- /dev/null
+++ b/src/routes/rooms/components/CollaborationBar.tsx
@@ -0,0 +1,48 @@
+type Props = {
+  thumbnailUrl?: string;
+  title: string;
+  subtitle: string;
+};
+
+export default function CollaborationSummaryBar({
+  thumbnailUrl,
+  title,
+  subtitle,
+}: Props) {
+  return (
+    <div>
+      <div className="w-[375px] h-[64px] bg-white flex items-center gap-3 px-3.5">
+        {/* 썸네일 */}
+        <div className="w-[40px] h-[40px] rounded-[10px] bg-[#F3F4F8] flex items-center justify-center overflow-hidden shrink-0">
+          {thumbnailUrl ? (
+            <img
+              src={thumbnailUrl}
+              alt=""
+              className="w-[36px] h-[36px] object-cover rounded-[8px]"
+            />
+          ) : null}
+        </div>
+
+        {/* 텍스트 영역 */}
+        <div className="min-w-0 flex flex-col justify-center">
+          <div className="flex items-center gap-2">
+            <span
+              className="
+                bg-[#E6E6F3] text-[#6666E5] text-[10px] leading-[14px] px-[6px] py-[2px] rounded-[6px] shrink-0"
+            >
+              협업 중
+            </span>
+
+            <div className="text-[14px] leading-[20px] text-[#111] font-semibold truncate">
+              {title}
+            </div>
+          </div>
+
+          <div className="mt-[2px] text-[12px] leading-[16px] text-[#5B5D6B] truncate">
+            {subtitle}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/routes/rooms/components/MessageRender.tsx b/src/routes/rooms/components/MessageRender.tsx
index 236941c..ec5d406 100644
--- a/src/routes/rooms/components/MessageRender.tsx
+++ b/src/routes/rooms/components/MessageRender.tsx
@@ -16,7 +16,7 @@ export default function MessageRenderer({ message }: TextMessageProps) {
       return <ProposalMessage message={message} />;
 
     case "MATCHED_CAMPAIGN":
-      return <MatchingMessage message={message} />;
+      return <MatchingMessage message={message} />; //onRetry={handleRetryMessage} onDelete={handleDeleteMessage} 추가
 
     case "SYSTEM_MATCHED":
       return (<SystemEventMessage text={CHAT_NOTICE_TEXT.MATCHED} />);
diff --git a/src/stores/auth-store.ts b/src/stores/auth-store.ts
index df52db2..33b514a 100644
--- a/src/stores/auth-store.ts
+++ b/src/stores/auth-store.ts
@@ -25,7 +25,11 @@ type AuthState = {
 };
 
 export const useAuthStore = create<AuthState>((set) => ({
-  me: null,
+  me: {
+    id: "user123",
+    name: "홍길동",
+    email: "test@example.com",
+  },
 
   setMe: (user) => {
     set({ me: user });
@@ -35,4 +39,4 @@ export const useAuthStore = create<AuthState>((set) => ({
     set({ me: null });
     // localStorage.removeItem("accessToken");
   },
-}));
+}));
\ No newline at end of file