diff --git a/src/pages/match/components/match-tab-pannel.tsx b/src/pages/match/components/match-tab-pannel.tsx
index 0da161f9..94182a26 100644
--- a/src/pages/match/components/match-tab-pannel.tsx
+++ b/src/pages/match/components/match-tab-pannel.tsx
@@ -5,10 +5,16 @@ import { getColorType } from '@components/card/match-card/utils/get-color-type';
 import EmptyState from '@components/ui/empty-state';
 import { cn } from '@libs/cn';
 import { CLICKABLE_STATUS_MAP } from '@pages/match/constants/matching';
-import { getCardColor, statusToCategory } from '@pages/match/utils/match-status';
+import {
+  getCardColor,
+  getPendingToast,
+  isClickable,
+  statusToCategory,
+} from '@pages/match/utils/match-status';
 import { ROUTES } from '@routes/routes-config';
 import { useMutation } from '@tanstack/react-query';
 import { useNavigate } from 'react-router-dom';
+import { showErrorToast } from '@/shared/utils/show-error-toast';
 
 type MatchableCardProps = SingleCardProps | GroupCardProps;
 
@@ -26,6 +32,12 @@ const MatchTabPanel = ({ cards, filter }: MatchTabPanelProps) => {
     filter === '전체' ? cards : cards.filter((card) => statusToCategory(card.status) === filter);
 
   const handleCardClick = async (card: MatchableCardProps) => {
+    const toastMsg = getPendingToast(card.status, card.type);
+    if (toastMsg) {
+      showErrorToast(toastMsg, '8.6rem', false);
+      return;
+    }
+
     const query = CLICKABLE_STATUS_MAP[card.status ?? ''];
     if (!query) return;
 
@@ -39,10 +51,6 @@ const MatchTabPanel = ({ cards, filter }: MatchTabPanelProps) => {
     }
   };
 
-  const isClickable = (status?: string) => {
-    return Boolean(CLICKABLE_STATUS_MAP[status ?? '']);
-  };
-
   return (
     <div className="flex-col gap-[0.8rem] px-[1.6rem] py-[2rem]">
       {filteredCards.length === 0 ? (
@@ -56,10 +64,11 @@ const MatchTabPanel = ({ cards, filter }: MatchTabPanelProps) => {
           <button
             key={card.id}
             type="button"
-            onClick={isClickable(card.status) ? () => handleCardClick(card) : undefined}
+            onClick={() => handleCardClick(card)}
             className={cn('w-full', {
               'cursor-pointer': isClickable(card.status),
             })}
+            aria-disabled={!isClickable(card.status)}
           >
             <Card
               status={card.status}
diff --git a/src/pages/match/hooks/mapMatchData.ts b/src/pages/match/hooks/mapMatchData.ts
index 4b504a59..24220ac7 100644
--- a/src/pages/match/hooks/mapMatchData.ts
+++ b/src/pages/match/hooks/mapMatchData.ts
@@ -1,22 +1,28 @@
-import type {
-  ChipColor,
-  GroupCardProps,
-  SingleCardProps,
-} from '@components/card/match-card/types/card';
+import type { GroupCardProps, SingleCardProps } from '@components/card/match-card/types/card';
+import { isChipColor, normalizeChipKey } from '@pages/match/utils/match-status';
 import type { getGroupMatchMate, singleMatchMate } from '@/shared/types/match-types';
 
 export const mapSingleMatchData = (mates: singleMatchMate[] = []): SingleCardProps[] => {
-  return mates.map((mate) => ({
-    ...mate,
-    type: 'single',
-    imgUrl: [mate.imgUrl],
-    chips: [mate.team, mate.style].map((v) => v as ChipColor),
-  }));
+  return mates.map((mate) => {
+    const teamKey = mate.team;
+    const styleKey = normalizeChipKey(mate.style);
+
+    const chips = [teamKey, styleKey].filter(isChipColor);
+
+    return {
+      ...mate,
+      type: 'single',
+      imgUrl: [mate.imgUrl],
+      isCreated: Boolean(mate.isCreated),
+      chips,
+    };
+  });
 };
 
 export const mapGroupMatchData = (mates: getGroupMatchMate[] = []): GroupCardProps[] => {
   return mates.map((mate) => ({
     ...mate,
     type: 'group',
+    isCreated: Boolean(mate.isCreated),
   }));
 };
diff --git a/src/pages/match/hooks/useMate.ts b/src/pages/match/hooks/useMate.ts
deleted file mode 100644
index 267fa3f6..00000000
--- a/src/pages/match/hooks/useMate.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { DetailedCardProps } from '@components/card/match-card/types/card';
-import { mockMatchData } from '@mocks/mockMatchData';
-import { useEffect, useState } from 'react';
-
-export interface MateCardData extends DetailedCardProps {
-  id: number;
-  matchId: number;
-}
-
-const useMate = (matchId: number) => {
-  const [mates, setMates] = useState<MateCardData[]>([]);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      const result = mockMatchData.filter((m) => m.matchId === matchId);
-      setMates(result);
-      setLoading(false);
-    }, 300);
-
-    return () => clearTimeout(timer);
-  }, [matchId]);
-
-  return { mates, loading };
-};
-
-export default useMate;
diff --git a/src/pages/match/match.tsx b/src/pages/match/match.tsx
index ff681e2a..1011a68e 100644
--- a/src/pages/match/match.tsx
+++ b/src/pages/match/match.tsx
@@ -25,7 +25,7 @@ const Match = () => {
 
   const contentMap = {
     '1:1': (
-      <MatchTabPanel key="single" cards={mapSingleMatchData(singleData?.mates)} filter={filter} />
+      <MatchTabPanel key="single" cards={mapSingleMatchData(singleData?.results)} filter={filter} />
     ),
     그룹: <MatchTabPanel key="group" cards={mapGroupMatchData(groupData?.mates)} filter={filter} />,
   };
diff --git a/src/pages/match/utils/match-status.ts b/src/pages/match/utils/match-status.ts
index 630d01ec..6a9c0f99 100644
--- a/src/pages/match/utils/match-status.ts
+++ b/src/pages/match/utils/match-status.ts
@@ -1,3 +1,9 @@
+import type { GroupCardProps, SingleCardProps } from '@components/card/match-card/types/card';
+import type { ChipColor } from '@components/chip/chip-list';
+import { chipVariantOptions } from '@components/chip/styles/chip-variants';
+import { MATCH_PENDING_TOAST_MESSAGES } from '@constants/error-toast';
+import { CLICKABLE_STATUS_MAP } from '@pages/match/constants/matching';
+
 export const statusToCategory = (status?: string): '대기 중' | '완료' | '실패' | '' => {
   if (!status) return '';
   if (status.includes('매칭 완료')) return '완료';
@@ -14,3 +20,26 @@ export const getCardColor = (status?: string): 'active' | 'inactive' => {
 };
 
 export const fillTabItems = ['전체', '대기 중', '완료', '실패'];
+
+type MatchableCardProps = SingleCardProps | GroupCardProps;
+
+export const getPendingToast = (
+  status?: string,
+  type?: MatchableCardProps['type'],
+): string | '' => {
+  if (!status) return '';
+  if (status === '요청 대기 중') return MATCH_PENDING_TOAST_MESSAGES.REQUEST_WAITING;
+  if (status === '승인 대기 중') {
+    return type === 'group'
+      ? MATCH_PENDING_TOAST_MESSAGES.APPROVAL_WAITING.group
+      : MATCH_PENDING_TOAST_MESSAGES.APPROVAL_WAITING.single;
+  }
+  return '';
+};
+
+export const isClickable = (status?: string) => Boolean(CLICKABLE_STATUS_MAP[status ?? '']);
+
+export const normalizeChipKey = (v?: string) => (v ?? '').replace(/\s/g, '');
+
+export const isChipColor = (k: string): k is ChipColor =>
+  Object.prototype.hasOwnProperty.call(chipVariantOptions.bgColor, k);
diff --git a/src/shared/assets/svgs/crown.svg b/src/shared/assets/svgs/crown.svg
new file mode 100644
index 00000000..b619f9e5
--- /dev/null
+++ b/src/shared/assets/svgs/crown.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="16" height="16" rx="8" fill="currentColor"/>
+<rect width="16" height="16" rx="8" fill="currentColor"/>
+<path d="M8.00049 5.46423C8.1013 5.4643 8.20066 5.48991 8.28955 5.53748C8.37846 5.5851 8.4543 5.65376 8.51025 5.73767L9.36768 7.02576C9.44938 7.14826 9.57616 7.23362 9.72021 7.26404C9.8644 7.29435 10.0149 7.26709 10.1392 7.18787L11.4419 6.35876C11.9122 6.05955 12.5055 6.49216 12.3647 7.03162L11.4731 10.4232C11.4387 10.5543 11.3617 10.6705 11.2544 10.7533C11.1472 10.836 11.0158 10.8811 10.8804 10.8812H5.12061C4.98511 10.8812 4.85289 10.8361 4.74561 10.7533C4.6384 10.6705 4.56126 10.5542 4.52686 10.4232L3.63525 7.03162C3.49398 6.49221 4.08785 6.05906 4.55811 6.35876L5.86084 7.18884C5.98512 7.268 6.1356 7.29543 6.27979 7.26501C6.42403 7.23457 6.55062 7.14847 6.63232 7.02576L7.48975 5.73767C7.54567 5.6538 7.62161 5.5851 7.71045 5.53748C7.79945 5.48985 7.89954 5.46423 8.00049 5.46423Z" fill="white" stroke="white" stroke-width="0.05"/>
+<path d="M3.55518 4.99207C3.70923 4.99207 3.85737 5.05403 3.96631 5.16296C4.07506 5.27185 4.13623 5.41916 4.13623 5.57312C4.13622 5.64918 4.12132 5.7245 4.09229 5.7948C4.06316 5.86523 4.02015 5.92934 3.96631 5.98328C3.9124 6.03724 3.84829 6.08002 3.77783 6.10925C3.70751 6.13842 3.63228 6.15407 3.55615 6.15417C3.47996 6.15422 3.40392 6.13932 3.3335 6.11023C3.26309 6.08111 3.19895 6.03807 3.14502 5.98425C3.0911 5.93039 3.04827 5.86616 3.01904 5.79578C2.98981 5.72532 2.97416 5.6494 2.97412 5.57312C2.97419 5.41915 3.03614 5.27184 3.14502 5.16296C3.2539 5.05409 3.4012 4.99212 3.55518 4.99207ZM12.4438 4.99207C12.5979 4.99207 12.746 5.05403 12.855 5.16296C12.9637 5.27185 13.0249 5.41915 13.0249 5.57312C13.0249 5.72699 12.9637 5.87438 12.855 5.98328C12.7462 6.09217 12.5987 6.15398 12.4448 6.15417C12.2909 6.15426 12.1427 6.09302 12.0337 5.98425C11.9247 5.87538 11.8629 5.72718 11.8628 5.57312C11.8629 5.41915 11.9248 5.27184 12.0337 5.16296C12.1426 5.05409 12.2899 4.99213 12.4438 4.99207ZM7.99854 3.87976C8.15254 3.8796 8.30063 3.94094 8.40967 4.04968C8.51872 4.1585 8.5804 4.30676 8.58057 4.46082C8.58062 4.61463 8.51925 4.76204 8.41064 4.87097C8.30193 4.97992 8.15439 5.04159 8.00049 5.04187C7.84643 5.04203 7.69841 4.98077 7.58936 4.87195C7.48035 4.76317 7.41866 4.61579 7.41846 4.46179C7.41829 4.30773 7.47956 4.15971 7.58838 4.05066C7.69712 3.94173 7.84462 3.88 7.99854 3.87976Z" fill="white" stroke="white" stroke-width="0.05"/>
+<path d="M10.6396 11.2318C10.7242 11.2318 10.8054 11.2658 10.8652 11.3256C10.925 11.3854 10.9589 11.4666 10.959 11.5511C10.959 11.6357 10.925 11.7169 10.8652 11.7767C10.8054 11.8365 10.7242 11.8704 10.6396 11.8705H5.5C5.41543 11.8704 5.33422 11.8365 5.27441 11.7767C5.21467 11.7169 5.18066 11.6357 5.18066 11.5511C5.18071 11.4666 5.21461 11.3854 5.27441 11.3256C5.33422 11.2658 5.41543 11.2319 5.5 11.2318H10.6396Z" fill="white" stroke="white" stroke-width="0.05"/>
+</svg>
diff --git a/src/shared/components/card/constants/MATCH.ts b/src/shared/components/card/constants/MATCH.ts
index 0c1da396..76146226 100644
--- a/src/shared/components/card/constants/MATCH.ts
+++ b/src/shared/components/card/constants/MATCH.ts
@@ -1 +1,10 @@
+import type { ProfileType } from '@components/card/match-card/components/card-profile-image';
+
 export const GROUP_MAX = 4;
+
+export const PROFILE_SLOT_COUNT: Record<ProfileType, number> = {
+  group: 4,
+  single: 1,
+  detailed: 1,
+  user: 1,
+};
diff --git a/src/shared/components/card/match-card/components/card-header.tsx b/src/shared/components/card/match-card/components/card-header.tsx
index 4f936847..574d2442 100644
--- a/src/shared/components/card/match-card/components/card-header.tsx
+++ b/src/shared/components/card/match-card/components/card-header.tsx
@@ -3,30 +3,66 @@ import CardProfile from '@components/card/match-card/components/card-profile-ima
 import type { CardProps } from '@components/card/match-card/types/card';
 import ChipList from '@components/chip/chip-list';
 import ChipState from '@components/chip/chip-state/chip-state';
+import Icon from '@components/icon/icon';
+import { cn } from '@libs/cn';
 import { ROUTES } from '@routes/routes-config';
 import { matchPath, useLocation } from 'react-router-dom';
 
 const CardHeader = (props: CardProps) => {
-  const { type } = props;
   const { pathname } = useLocation();
-
   const isCreateMatchPage = matchPath(ROUTES.MATCH_CREATE(), pathname);
 
-  switch (type) {
+  const getCrownSpec = (t: CardProps['type']) => {
+    if (t === 'group') {
+      return {
+        box: 'h-[1.2rem] w-[1.2rem]',
+        pos: 'left-[1.4rem] -bottom-[0.2rem]',
+        size: 1.2,
+      };
+    }
+    return {
+      box: 'h-[1.6rem] w-[1.6rem]',
+      pos: 'right-[0.3rem] -bottom-[0.2rem]',
+      size: 1.6,
+    };
+  };
+
+  const renderProfile = (p: CardProps) => {
+    const spec = getCrownSpec(p.type);
+    return (
+      <div className="relative isolate">
+        <CardProfile type={p.type} imgUrl={p.imgUrl} />
+        {p.isCreated && (
+          <span
+            className={cn(
+              'pointer-events-none absolute z-[var(--z-card-owner)]',
+              spec.pos,
+              'grid place-items-center rounded-full shadow-sm',
+              spec.box,
+            )}
+          >
+            <Icon name="crown" size={spec.size} className="text-owner" aria-hidden />
+          </span>
+        )}
+      </div>
+    );
+  };
+
+  const chips = props.chips ?? [];
+
+  switch (props.type) {
     case 'single':
       return (
         <div className="flex">
-          <CardProfile type="single" imgUrl={props.imgUrl} />
-          <div>
-            <div className="flex items-center gap-[0.8rem] pb-[0.8rem] pl-[1.2rem]">
+          {renderProfile(props)}
+          <div className="pl-[1.2rem]">
+            <div className="flex items-center gap-[0.8rem] pb-[0.8rem]">
               <div className="body_16_b">{props.nickname}</div>
               <div className="cap_12_m text-gray-600">
                 {props.age} | {props.gender}
               </div>
             </div>
-            <div className="pl-[1.2rem]">
-              <ChipList names={props.chips ?? []} />
-            </div>
+            <ChipList names={chips} />
           </div>
           {!isCreateMatchPage && (
             <div className="ml-auto">
@@ -47,7 +83,7 @@ const CardHeader = (props: CardProps) => {
               <div className="cap_12_m text-gray-900">
                 매칭된 인원 {props.count}/{GROUP_MAX}
               </div>
-              <CardProfile type="group" imgUrl={props.imgUrl} />
+              {renderProfile(props)}
             </div>
           </div>
           {!isCreateMatchPage && (
@@ -61,7 +97,7 @@ const CardHeader = (props: CardProps) => {
     case 'detailed':
       return (
         <div className="flex gap-[1.2rem]">
-          <CardProfile type="detailed" imgUrl={props.imgUrl} />
+          {renderProfile(props)}
           <div className="flex-col gap-[0.8rem]">
             <div className="flex-col gap-[0.4rem]">
               <div className="body_16_b">{props.nickname}</div>
@@ -70,7 +106,7 @@ const CardHeader = (props: CardProps) => {
               </div>
             </div>
             <div className="flex-row gap-[0.8rem]">
-              <ChipList names={props.chips} />
+              <ChipList names={chips} />
             </div>
           </div>
         </div>
@@ -79,16 +115,16 @@ const CardHeader = (props: CardProps) => {
     case 'user':
       return (
         <div className="flex">
-          <CardProfile type="user" imgUrl={props.imgUrl} />
-          <div>
-            <div className="gap-[0.8rem] pb-[0.8rem] pl-[1.2rem]">
+          {renderProfile(props)}
+          <div className="pl-[1.2rem]">
+            <div className="flex items-center gap-[0.8rem] pb-[0.8rem]">
               <div className="body_16_b">{props.nickname}</div>
               <div className="cap_12_m text-gray-600">
                 {props.age} | {props.gender}
               </div>
             </div>
-            <div className="ml-[1.2rem] flex-row gap-[0.8rem]">
-              <ChipList names={props.chips} />
+            <div className="flex-row gap-[0.8rem]">
+              <ChipList names={chips} />
             </div>
           </div>
         </div>
diff --git a/src/shared/components/card/match-card/components/card-profile-image.tsx b/src/shared/components/card/match-card/components/card-profile-image.tsx
index 31841fbc..f4ee65ba 100644
--- a/src/shared/components/card/match-card/components/card-profile-image.tsx
+++ b/src/shared/components/card/match-card/components/card-profile-image.tsx
@@ -1,10 +1,17 @@
+import { PROFILE_SLOT_COUNT } from '@components/card/constants/MATCH';
 import { profileVariants } from '@components/card/match-card/styles/card-variants';
 import type { CardProfileProps } from '@components/card/match-card/types/card';
+import { normalizeUrls } from '@components/card/match-card/utils/normalize-urls';
 import Icon from '@components/icon/icon';
 import { cn } from '@libs/cn';
-import type { ReactNode } from 'react';
 
-const CardProfile = ({ type, imgUrl = [] }: CardProfileProps) => {
+export type ProfileType = CardProfileProps['type'];
+
+const CardProfile = ({ type, imgUrl }: CardProfileProps) => {
+  const urls = normalizeUrls(imgUrl);
+  const slotCount = PROFILE_SLOT_COUNT[type];
+  const slots = Array.from({ length: slotCount }, (_, i) => urls[i] ?? '');
+
   const zIndexClasses = [
     'z-[var(--z-card-profile-1)] ml-0',
     '-ml-[0.9rem] z-[var(--z-card-profile-2)]',
@@ -12,55 +19,61 @@ const CardProfile = ({ type, imgUrl = [] }: CardProfileProps) => {
     '-ml-[0.9rem] z-[var(--z-card-profile-4)]',
   ];
 
-  if (type === 'group') {
-    const filledImages = imgUrl.slice(0, 4);
-    const emptySlots = Array(4 - filledImages.length).fill('');
-
-    const profileElements: ReactNode[] = [];
-
-    filledImages.forEach((url, order) => {
-      const key = url || `profile-slot-${order}`;
-      profileElements.push(
-        <div
-          key={key}
-          className={cn(
-            'flex items-center justify-center overflow-hidden rounded-full',
-            zIndexClasses[order],
-            profileVariants({ type }),
-          )}
-        >
-          <Icon size={2.8} name="profile" className={cn('rounded-full text-gray-black')} />
-        </div>,
-      );
-    });
+  const renderGroupItem = (src: string, i: number) => {
+    const hasSrc = src.length > 0;
+    const isEmptyTail = i >= urls.length;
 
-    emptySlots.forEach((_, order) => {
-      const slotIndex = filledImages.length + order;
-      profileElements.push(
-        <div
-          key={`empty-slot-${slotIndex}`}
-          className={cn(
-            'flex-row-center overflow-hidden rounded-full',
-            profileVariants({ type }),
-            zIndexClasses[slotIndex],
-          )}
-        >
+    return (
+      <div
+        key={hasSrc ? src : `slot-${i}`}
+        className={cn(
+          'flex items-center justify-center overflow-hidden rounded-full',
+          profileVariants({ type }),
+          zIndexClasses[i],
+        )}
+      >
+        {hasSrc ? (
+          <img
+            src={src}
+            alt=""
+            loading="lazy"
+            className="h-[2.8rem] w-[2.8rem] rounded-full object-cover"
+          />
+        ) : isEmptyTail ? (
           <div className="h-[2.8rem] w-[2.8rem] rounded-full bg-gray-400" />
-        </div>,
-      );
-    });
+        ) : (
+          <Icon size={2.8} name="profile" className="rounded-full" />
+        )}
+      </div>
+    );
+  };
 
-    return <div className="flex items-center">{profileElements}</div>;
+  const renderSingleItem = (src: string, i: number) => (
+    <div
+      key={src || `slot-${i}`}
+      className={cn('overflow-hidden rounded-full', profileVariants({ type }))}
+    >
+      {src ? (
+        <img
+          src={src}
+          alt=""
+          loading="lazy"
+          decoding="async"
+          className="overflow-hidden rounded-full object-cover"
+        />
+      ) : (
+        <Icon size={6} name="profile" className="overflow-hidden rounded-full" />
+      )}
+    </div>
+  );
+
+  if (type === 'group') {
+    return <div className="flex items-center">{slots.map(renderGroupItem)}</div>;
   }
 
   return (
     <div className="flex items-center overflow-hidden rounded-full">
-      <Icon
-        width={6}
-        height={6}
-        name="profile"
-        className={cn('overflow-hidden rounded-full', profileVariants({ type }))}
-      />
+      {slots.map(renderSingleItem)}
     </div>
   );
 };
diff --git a/src/shared/components/card/match-card/styles/card-variants.ts b/src/shared/components/card/match-card/styles/card-variants.ts
index 4b116528..b2ac6199 100644
--- a/src/shared/components/card/match-card/styles/card-variants.ts
+++ b/src/shared/components/card/match-card/styles/card-variants.ts
@@ -22,10 +22,10 @@ export const cardVariants = cva('relative w-full rounded-[12px] bg-white', {
 export const profileVariants = cva('overflow-hidden rounded-full object-cover', {
   variants: {
     type: {
-      single: 'h-[6rem] w-[6rem] border border-gray-900',
-      group: 'h-[2.8rem] w-[2.8rem] border border-main-600',
-      detailed: 'h-[8.2rem] w-[8.2rem] border border-gray-900',
-      user: 'h-[8.2rem] w-[8.2rem] border border-gray-900',
+      single: 'h-[6rem] w-[6rem]',
+      group: 'h-[2.8rem] w-[2.8rem]',
+      detailed: 'h-[8.2rem] w-[8.2rem]',
+      user: 'h-[8.2rem] w-[8.2rem]',
     },
   },
   defaultVariants: {
diff --git a/src/shared/components/card/match-card/types/card.ts b/src/shared/components/card/match-card/types/card.ts
index d24fab7e..b8a73743 100644
--- a/src/shared/components/card/match-card/types/card.ts
+++ b/src/shared/components/card/match-card/types/card.ts
@@ -22,6 +22,7 @@ export interface BaseCardProps {
   status?: string;
   color?: ColorType;
   onClick?: () => void;
+  isCreated?: boolean;
 }
 
 export interface SingleCardProps extends BaseCardProps {
@@ -34,6 +35,7 @@ export interface SingleCardProps extends BaseCardProps {
   team: string;
   style: string;
   matchRate?: number;
+  isCreated?: boolean;
 }
 
 export interface GroupCardProps extends BaseCardProps {
@@ -41,6 +43,7 @@ export interface GroupCardProps extends BaseCardProps {
   count: number;
   color?: 'active' | 'inactive';
   matchRate?: number;
+  isCreated?: boolean;
 }
 
 export interface DetailedCardProps extends BaseCardProps {
@@ -52,6 +55,7 @@ export interface DetailedCardProps extends BaseCardProps {
   chips: ChipColor[];
   team: string;
   style: string;
+  isCreated?: boolean;
 }
 
 export interface UserCardProps {
@@ -66,6 +70,7 @@ export interface UserCardProps {
   className?: string;
   color?: 'active' | 'inactive';
   chips: ChipColor[];
+  isCreated?: boolean;
 }
 
 export type CardProps = SingleCardProps | GroupCardProps | DetailedCardProps | UserCardProps;
diff --git a/src/shared/components/card/match-card/utils/normalize-urls.ts b/src/shared/components/card/match-card/utils/normalize-urls.ts
new file mode 100644
index 00000000..ccb33eed
--- /dev/null
+++ b/src/shared/components/card/match-card/utils/normalize-urls.ts
@@ -0,0 +1,6 @@
+export type ImageUrlInput = string | string[] | undefined;
+
+export const normalizeUrls = (url: ImageUrlInput): string[] => {
+  if (typeof url === 'string') return [url];
+  return url ?? [];
+};
diff --git a/src/shared/components/tab/tab/styles/tab-style.ts b/src/shared/components/tab/tab/styles/tab-style.ts
index 0e25efc9..1a1f2bca 100644
--- a/src/shared/components/tab/tab/styles/tab-style.ts
+++ b/src/shared/components/tab/tab/styles/tab-style.ts
@@ -5,19 +5,21 @@ export const tabStyleMap = {
     textInactive: 'text-gray-500',
     borderActive: 'border-sub-900',
     borderInactive: 'border-transparent',
-    borderThickness: 'border-b-[0.4rem]',
+    borderStyle: 'border-b-[0.4rem]',
     size: 'h-[3.9rem] w-[5.6rem]',
-    typography: 'subhead_18_sb',
+    textStyle: 'subhead_18_sb',
   },
   match: {
-    gap: 'gap-[2.4rem]',
+    gap: 'gap-[2.4rem] px-[1.6rem] border-b border-gray-300',
     textActive: 'text-gray-black',
     textInactive: 'text-gray-600',
-    borderActive: 'border-gray-black',
-    borderInactive: 'border-transparent',
-    borderThickness: 'border-b-[0.2rem]',
-    size: 'h-[3.0rem] w-[4.8rem]',
-    typography: 'head_20_sb',
+    borderActive: 'after:bg-gray-black',
+    borderInactive: 'after:bg-transparent',
+    borderStyle:
+      'relative after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 ' +
+      'after:h-[0.2rem] after:w-[12rem] after:rounded-full after:content-[""]',
+    size: 'h-[3.0rem] w-[17.2rem] mx-[2.6rem]',
+    textStyle: 'head_20_sb pb-[0.4rem]',
   },
 } as const;
 
diff --git a/src/shared/components/tab/tab/tab-item.tsx b/src/shared/components/tab/tab/tab-item.tsx
index 74ec4b24..8633391c 100644
--- a/src/shared/components/tab/tab/tab-item.tsx
+++ b/src/shared/components/tab/tab/tab-item.tsx
@@ -17,13 +17,13 @@ const TabItem = ({ label, isActive, style, onClick }: TabItemProps) => {
       className={cn(
         isActive ? style.borderActive : style.borderInactive,
         style.size,
-        style.borderThickness,
+        style.borderStyle,
         'flex-row-center cursor-pointer whitespace-nowrap py-[0.6rem]',
       )}
     >
       <span
         className={cn(
-          style.typography,
+          style.textStyle,
           'text-center',
           isActive ? style.textActive : style.textInactive,
         )}
diff --git a/src/shared/constants/api.ts b/src/shared/constants/api.ts
index d1724fef..1fb4aacc 100644
--- a/src/shared/constants/api.ts
+++ b/src/shared/constants/api.ts
@@ -30,8 +30,8 @@ export const END_POINT = {
   POST_MATCH: '/v1/users/match',
   POST_MATCH_CONDITION: '/v1/users/match-condition',
 
-  GET_SINGLE_STATUS: (status: string) => `/v1/users/match-stage/direct?status=${status}`,
-  GET_GROUP_STATUS: (status: string) => `/v1/users/match-stage/group?status=${status}`,
+  GET_SINGLE_STATUS: (status: string) => `/v2/users/match-stage/direct?status=${status}`,
+  GET_GROUP_STATUS: (status: string) => `/v2/users/match-stage/group?status=${status}`,
 
   GET_MATCH_DETAIL: (matchId: number | string) => `/v1/users/match/${matchId}`,
   POST_MATCH_REQUEST: (matchId: number | string) => `/v1/users/match-request/${matchId}`,
diff --git a/src/shared/constants/error-toast.ts b/src/shared/constants/error-toast.ts
index e9142301..6dc6dd21 100644
--- a/src/shared/constants/error-toast.ts
+++ b/src/shared/constants/error-toast.ts
@@ -9,4 +9,12 @@ export const MATCH_REQUEST_ERROR_MESSAGES = {
   },
 };
 
+export const MATCH_PENDING_TOAST_MESSAGES = {
+  REQUEST_WAITING: '메이트의 요청을 기다리는 중입니다.',
+  APPROVAL_WAITING: {
+    single: '메이트의 승인을 기다리는 중입니다.',
+    group: '메이트 전원의 승인을 기다리는 중입니다.',
+  },
+};
+
 export const DATE_SELECT_TOAST_MESSAGE = '직관 준비를 위해 2일 후 날짜부터 선택 가능해요.';
diff --git a/src/shared/mocks/matchCardData.ts b/src/shared/mocks/matchCardData.ts
deleted file mode 100644
index 1c32b7f6..00000000
--- a/src/shared/mocks/matchCardData.ts
+++ /dev/null
@@ -1,151 +0,0 @@
-import type { GroupCardProps, SingleCardProps } from '@components/card/match-card/types/card';
-
-export const singleMockData: SingleCardProps[] = [
-  {
-    id: 1,
-    type: 'single',
-    nickname: '다진마늘땨땨',
-    age: '26',
-    gender: '여성',
-    team: '두산',
-    style: '직관 먹방러',
-    awayTeam: 'LG',
-    homeTeam: '두산',
-    stadium: '경기장',
-    date: '2025-07-22',
-    status: '승인 대기 중',
-    imgUrl: ['https://example.jpg'],
-    chips: ['두산', '직관먹방러'],
-  },
-  {
-    id: 2,
-    type: 'single',
-    nickname: '다진마늘땨땨',
-    age: '26',
-    gender: '여성',
-    team: '두산',
-    style: '직관 먹방러',
-    awayTeam: 'LG',
-    homeTeam: '두산',
-    stadium: '경기장',
-    date: '2025-07-22',
-    status: '요청 대기 중',
-    imgUrl: ['https://example.jpg'],
-    chips: ['두산', '직관먹방러'],
-  },
-  {
-    id: 3,
-    type: 'single',
-    nickname: '다진마늘땨땨',
-    age: '26',
-    gender: '여성',
-    team: '두산',
-    style: '직관 먹방러',
-    awayTeam: 'LG',
-    homeTeam: '두산',
-    stadium: '경기장',
-    date: '2025-07-22',
-    status: '새 요청',
-    imgUrl: ['https://example.jpg'],
-    chips: ['두산', '직관먹방러'],
-  },
-  {
-    id: 4,
-    type: 'single',
-    nickname: '다진마늘땨땨',
-    age: '26',
-    gender: '여성',
-    team: '두산',
-    style: '직관 먹방러',
-    awayTeam: 'LG',
-    homeTeam: '두산',
-    stadium: '경기장',
-    date: '2025-07-22',
-    status: '대기 중',
-    imgUrl: ['https://example.jpg'],
-    chips: ['두산', '직관먹방러'],
-  },
-  {
-    id: 5,
-    type: 'single',
-    nickname: '다진마늘땨땨',
-    age: '26',
-    gender: '여성',
-    team: '두산',
-    style: '직관 먹방러',
-    awayTeam: 'LG',
-    homeTeam: '두산',
-    stadium: '경기장',
-    date: '2025-07-22',
-    status: '매칭 실패',
-    imgUrl: ['https://example.jpg'],
-    chips: ['두산', '직관먹방러'],
-  },
-  {
-    id: 6,
-    type: 'single',
-    nickname: '다진마늘땨땨',
-    age: '26',
-    gender: '여성',
-    team: '두산',
-    style: '직관 먹방러',
-    awayTeam: 'LG',
-    homeTeam: '두산',
-    stadium: '경기장',
-    date: '2025-07-22',
-    status: '매칭 완료',
-    imgUrl: ['https://example.jpg'],
-    chips: ['두산', '직관먹방러'],
-  },
-];
-
-export const groupMockData: GroupCardProps[] = [
-  {
-    id: 1,
-    type: 'group',
-    nickname: '다진마늘땨땨',
-    awayTeam: 'LG',
-    homeTeam: '두산',
-    stadium: '경기장',
-    date: '2025-07-22',
-    status: '새 요청',
-    count: 2,
-    imgUrl: ['https://example.jpg', 'https://example.jpg'],
-  },
-  {
-    id: 2,
-    type: 'group',
-    nickname: '다진마늘땨땨',
-    awayTeam: 'LG',
-    homeTeam: '두산',
-    stadium: '경기장',
-    date: '2025-07-22',
-    status: '요청 대기 중',
-    count: 2,
-    imgUrl: ['https://example.jpg'],
-  },
-  {
-    id: 3,
-    type: 'group',
-    nickname: '다진마늘땨땨',
-    awayTeam: 'LG',
-    homeTeam: '두산',
-    stadium: '경기장',
-    date: '2025-07-22',
-    status: '승인 완료',
-    count: 2,
-    imgUrl: ['https://example.jpg', 'https://example.jpg', 'https://example.jpg'],
-  },
-  {
-    id: 4,
-    type: 'group',
-    nickname: '다진마늘땨땨',
-    awayTeam: 'LG',
-    homeTeam: '두산',
-    stadium: '경기장',
-    date: '2025-07-22',
-    status: '매칭 실패',
-    count: 3,
-    imgUrl: ['https://example.jpg'],
-  },
-];
diff --git a/src/shared/mocks/mockMatchData.ts b/src/shared/mocks/mockMatchData.ts
deleted file mode 100644
index abd8f5ca..00000000
--- a/src/shared/mocks/mockMatchData.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import type { DetailedCardProps } from '@components/card/match-card/types/card';
-
-export const mockMatchData: (DetailedCardProps & { id: number; matchId: number })[] = [
-  {
-    id: 1,
-    matchId: 1,
-    type: 'detailed',
-    nickname: '두리번러',
-    date: '2024-08-01',
-    imgUrl: ['baseball.png'],
-    chips: ['열정응원러', '두산'],
-    awayTeam: '기아',
-    homeTeam: '두산',
-    stadium: '잠실야구장',
-    age: '25',
-    gender: '남성',
-    introduction: '주변을 잘 살펴요 👀',
-    matchRate: 98,
-    team: '두산',
-    style: '감성적인',
-    color: 'inactive',
-  },
-  {
-    id: 2,
-    matchId: 1,
-    type: 'detailed',
-    nickname: 'LG직관왕',
-    date: '2024-08-01',
-    imgUrl: ['baseball.png'],
-    chips: ['직관먹방러'],
-    awayTeam: 'LG',
-    homeTeam: 'SSG',
-    stadium: '문학야구장',
-    age: '28',
-    gender: '여성',
-    introduction: '이젠 좀 이기자',
-    matchRate: 91,
-    team: 'LG',
-    style: '열정적인',
-    color: 'inactive',
-  },
-  {
-    id: 3,
-    matchId: 2,
-    type: 'detailed',
-    nickname: '두리번러',
-    date: '2024-08-01',
-    imgUrl: ['/img/sample1.png'],
-    chips: ['열정응원러'],
-    awayTeam: '기아',
-    homeTeam: '두산',
-    stadium: '잠실야구장',
-    age: '25',
-    gender: '남성',
-    introduction: '주변을 잘 살펴요 👀',
-    matchRate: 98,
-    team: '두산',
-    style: '감성적인',
-    color: 'inactive',
-  },
-  {
-    id: 4,
-    matchId: 2,
-    type: 'detailed',
-    nickname: 'LG직관왕',
-    date: '2024-08-01',
-    imgUrl: ['/img/sample2.png'],
-    chips: ['직관먹방러'],
-    awayTeam: 'LG',
-    homeTeam: 'SSG',
-    stadium: '문학야구장',
-    age: '28',
-    gender: '여성',
-    introduction: '이젠 좀 이기자',
-    matchRate: 91,
-    team: 'LG',
-    style: '열정적인',
-    color: 'active',
-  },
-];
diff --git a/src/shared/mocks/mockMatchReceiveData.ts b/src/shared/mocks/mockMatchReceiveData.ts
deleted file mode 100644
index 926a77a0..00000000
--- a/src/shared/mocks/mockMatchReceiveData.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { ChipColor } from '@components/card/match-card/types/card';
-
-export const mockMateReceive = {
-  id: 1,
-  type: 'detailed',
-  nickname: '두밥비',
-  date: '2025-07-20',
-  imgUrl: ['/images/profile-1.png'],
-  chips: ['LG', '열정응원러'] as ChipColor[],
-  awayTeam: 'LG',
-  homeTeam: '두산',
-  stadium: '잠실야구장',
-  age: '20',
-  gender: '여성',
-  team: 'lg',
-  style: '열정응원러',
-  introduction: '잠실더비전 보러가고파요',
-  matchRate: 99,
-};
diff --git a/src/shared/styles/theme.css b/src/shared/styles/theme.css
index a0dcaf92..55cd88d2 100644
--- a/src/shared/styles/theme.css
+++ b/src/shared/styles/theme.css
@@ -27,6 +27,7 @@
   --color-background: #f6f7f9;
   --color-overlay: rgba(0, 0, 0, 0.3);
   --color-kakao-brand: #fee500;
+  --color-owner: #fddb00;
 
   /* Grayscale */
   --color-gray-black: #1a1a1a;
@@ -76,6 +77,7 @@
   --z-bottom-nav: 8;
   --z-under-header-section: 5;
   --z-modal: 7;
+  --z-card-owner: 5;
   --z-card-profile-1: 4;
   --z-card-profile-2: 3;
   --z-card-profile-3: 2;
diff --git a/src/shared/types/match-types.ts b/src/shared/types/match-types.ts
index e03e1e9c..d4756c09 100644
--- a/src/shared/types/match-types.ts
+++ b/src/shared/types/match-types.ts
@@ -12,6 +12,7 @@ export interface baseMate {
   homeTeam: string;
   stadium: string;
   date: string; // YYYY-MM-DD
+  isCreated: boolean;
 }
 
 /**
@@ -176,7 +177,7 @@ export interface postMatchConditionRequest {
  * /v1/users/match-stage/direct?
  */
 export interface getSingleMatchStatusResponse {
-  mates: singleMatchMate[];
+  results: singleMatchMate[];
 }
 
 /**
@@ -203,6 +204,7 @@ export interface getGroupMatchMate {
   status: string;
   count: number;
   imgUrl: string[];
+  isCreated: boolean;
 }
 
 /**
diff --git a/src/shared/utils/show-error-toast.tsx b/src/shared/utils/show-error-toast.tsx
index c491415a..347714b8 100644
--- a/src/shared/utils/show-error-toast.tsx
+++ b/src/shared/utils/show-error-toast.tsx
@@ -1,14 +1,40 @@
 import Icon from '@components/icon/icon';
 import { toast } from 'react-compact-toast';
 
-export const showErrorToast = (message: string, offset: string = '8.3rem') => {
+type ShowErrorToastOptions = {
+  icon?: boolean;
+  offset?: string;
+};
+
+const DEFAULT_OFFSET = '8.3rem';
+const DEFAULT_AUTOCLOSE = 3000;
+const isValidRem = (v?: string) => !!v && /^-?\d+(\.\d+)?rem$/i.test(v);
+
+const showErrorToastCore = (message: string, opts?: ShowErrorToastOptions) => {
+  const { icon = true, offset } = opts ?? {};
+  const resolvedOffset = isValidRem(offset) ? offset : DEFAULT_OFFSET;
+
   toast({
     text: message,
-    icon: <Icon name="error" className="mr-[0.4rem]" />,
-    autoClose: 3000,
+    icon: icon ? <Icon name="error" className="mr-[0.4rem]" /> : undefined,
+    autoClose: DEFAULT_AUTOCLOSE,
     position: 'bottomCenter',
-    offset,
+    offset: resolvedOffset,
     className:
-      'min-h-[4.5rem]! max-w-[calc(43rem-3.2rem)] w-[calc(100%-3.2rem)] cap_14_m text-gray-white rounded-[12px] bg-gray-900',
+      '!min-h-[4.5rem] max-w-[calc(43rem-3.2rem)] w-[calc(100%-3.2rem)] cap_14_m text-gray-white rounded-[12px] bg-gray-900',
+  });
+};
+
+export const showErrorToast = (
+  message: string,
+  offsetOrOptions?: string | ShowErrorToastOptions,
+  showIcon?: boolean,
+) => {
+  if (typeof offsetOrOptions === 'object' && offsetOrOptions) {
+    return showErrorToastCore(message, offsetOrOptions);
+  }
+  return showErrorToastCore(message, {
+    offset: typeof offsetOrOptions === 'string' ? offsetOrOptions : undefined,
+    icon: typeof showIcon === 'boolean' ? showIcon : undefined,
   });
 };