diff --git a/app/routes/brand-detail/brand-detail-content.tsx b/app/routes/brand-detail/brand-detail-content.tsx
index 78788a6..5d8ac15 100644
--- a/app/routes/brand-detail/brand-detail-content.tsx
+++ b/app/routes/brand-detail/brand-detail-content.tsx
@@ -235,7 +235,8 @@ export default function BrandDetailContent({ data }: Props) {
           (p) => {
             const fallback =
               (p.productImageUrls ?? []).find(Boolean) ??
-              (p.thumbnailImageUrl ?? "");
+              p.thumbnailImageUrl ??
+              "";
 
             return {
               productId: p.productId,
@@ -343,12 +344,11 @@ export default function BrandDetailContent({ data }: Props) {
         ? domainParam
         : "beauty";
 
-    const brandIdNum =
-      validBrandId
-        ? brandId
-        : Number.isFinite(Number(data.id)) && Number(data.id) > 0
-          ? Number(data.id)
-          : null;
+    const brandIdNum = validBrandId
+      ? brandId
+      : Number.isFinite(Number(data.id)) && Number(data.id) > 0
+        ? Number(data.id)
+        : null;
 
     if (!brandIdNum) return;
 
@@ -489,14 +489,19 @@ export default function BrandDetailContent({ data }: Props) {
                 const showTitle = showSectionTitle;
 
                 return (
-                  <div key={`${sec.title}-${idx}`} className={idx ? "mt-5" : ""}>
+                  <div
+                    key={`${sec.title}-${idx}`}
+                    className={idx ? "mt-5" : ""}
+                  >
                     {showTitle ? (
                       <div className="text-title3 text-text-black">
                         {sec.title}
                       </div>
                     ) : null}
 
-                    <div className={showTitle ? "mt-2 space-y-1.5" : "space-y-1.5"}>
+                    <div
+                      className={showTitle ? "mt-2 space-y-1.5" : "space-y-1.5"}
+                    >
                       {(sec.groups ?? []).map((g, gi) => (
                         <TagGroup
                           key={`${sec.title}-${g.label}-${gi}`}
@@ -531,94 +536,95 @@ export default function BrandDetailContent({ data }: Props) {
           <DividerBlock />
 
           <section className="py-9">
-  <div className="text-title1 text-text-black">캠페인 내역</div>
-
-  {histories.length === 0 ? (
-    <div className="mt-2 inline-flex w-full flex-col items-start gap-2 bg-white">
-      <div className="flex h-[126px] w-full flex-col items-start justify-center">
-        <div className="flex w-full flex-col items-start gap-[14px] pb-[60px] pt-[60px]">
-          <div className="flex w-full flex-col items-center justify-center gap-[10px]">
-            <div className="w-[113px] text-center text-[12px] font-medium leading-[16px] text-text-gray2">
-              진행한 캠페인이 없어요
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  ) : (
-    <>
-      <div className="mt-3">
-        {pageItems.map((h) => (
-          <HistoryRow key={h.id} item={h} />
-        ))}
-      </div>
-
-      <div className="my-5 flex items-center justify-center gap-3">
-        {page > GROUP_SIZE && (
-          <button
-            type="button"
-            onClick={goPrevGroup}
-            className="grid h-7 w-7 place-items-center text-text-gray3"
-          >
-            <DoubleArrowLeftIcon />
-          </button>
-        )}
-
-        <button
-          type="button"
-          onClick={goPrev}
-          disabled={!canPrev}
-          className="grid h-7 w-7 place-items-center text-text-gray3 disabled:opacity-30"
-        >
-          <ArrowLeftIcon />
-        </button>
-
-        <div className="flex items-center gap-3">
-          {displayPages.map((p) => {
-            const disabledPage = p > totalPages && !hasNext;
-            const active = p === page;
-
-            return (
-              <button
-                key={p}
-                type="button"
-                onClick={() => !disabledPage && goPage(p)}
-                disabled={disabledPage}
-                className={
-                  active
-                    ? "h-7 w-7 rounded-md text-[13px] font-semibold text-white"
-                    : "h-7 w-7 rounded-md text-[13px] font-medium text-text-gray3 disabled:opacity-30"
-                }
-                style={active ? { backgroundColor: "#A9ADFF" } : undefined}
-              >
-                {p}
-              </button>
-            );
-          })}
-        </div>
-
-        <button
-          type="button"
-          onClick={goNext}
-          disabled={!canNext}
-          className="grid h-7 w-7 place-items-center text-text-gray3 disabled:opacity-30"
-        >
-          <ArrowRightIcon />
-        </button>
-
-        <button
-          type="button"
-          onClick={goNextGroup}
-          disabled={!canNextGroup}
-          className="grid h-7 w-7 place-items-center text-text-gray3 disabled:opacity-30"
-        >
-          <DoubleArrowRightIcon />
-        </button>
-      </div>
-    </>
-  )}
-</section>
+            <div className="text-title1 text-text-black">캠페인 내역</div>
+
+            {histories.length === 0 ? (
+              <div className="mt-2 inline-flex w-full flex-col items-start gap-2 bg-white">
+                <div className="flex w-full flex-col items-start justify-center">
+                  <div className="flex w-full flex-col items-start gap-[0.875rem] py-[3.75rem]">
+                    <div className="flex w-full flex-col items-center justify-center gap-[0.625rem]">
+                      <div className="w-[7.0625rem] text-center text-callout1 text-text-gray2">
+                        진행한 캠페인이 없어요
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            ) : (
+              <>
+                <div className="mt-3">
+                  {pageItems.map((h) => (
+                    <HistoryRow key={h.id} item={h} />
+                  ))}
+                </div>
+
+                <div className="my-5 flex items-center justify-center gap-3">
+                  {page > GROUP_SIZE && (
+                    <button
+                      type="button"
+                      onClick={goPrevGroup}
+                      className="grid h-7 w-7 place-items-center text-text-gray3"
+                    >
+                      <DoubleArrowLeftIcon />
+                    </button>
+                  )}
+
+                  <button
+                    type="button"
+                    onClick={goPrev}
+                    disabled={!canPrev}
+                    className="grid h-7 w-7 place-items-center text-text-gray3 disabled:opacity-30"
+                  >
+                    <ArrowLeftIcon />
+                  </button>
+
+                  <div className="flex items-center gap-3">
+                    {displayPages.map((p) => {
+                      const disabledPage = p > totalPages && !hasNext;
+                      const active = p === page;
+
+                      return (
+                        <button
+                          key={p}
+                          type="button"
+                          onClick={() => !disabledPage && goPage(p)}
+                          disabled={disabledPage}
+                          className={
+                            active
+                              ? "h-7 w-7 rounded-md text-[0.8125rem] font-semibold text-white"
+                              : "h-7 w-7 rounded-md text-[0.8125rem] font-medium text-text-gray3 disabled:opacity-30"
+                          }
+                          style={
+                            active ? { backgroundColor: "#A9ADFF" } : undefined
+                          }
+                        >
+                          {p}
+                        </button>
+                      );
+                    })}
+                  </div>
 
+                  <button
+                    type="button"
+                    onClick={goNext}
+                    disabled={!canNext}
+                    className="grid h-7 w-7 place-items-center text-text-gray3 disabled:opacity-30"
+                  >
+                    <ArrowRightIcon />
+                  </button>
+
+                  <button
+                    type="button"
+                    onClick={goNextGroup}
+                    disabled={!canNextGroup}
+                    className="grid h-7 w-7 place-items-center text-text-gray3 disabled:opacity-30"
+                  >
+                    <DoubleArrowRightIcon />
+                  </button>
+                </div>
+              </>
+            )}
+          </section>
         </div>
       </div>
     </div>
diff --git a/app/routes/brand-detail/components/OngoingCampaignSection.tsx b/app/routes/brand-detail/components/OngoingCampaignSection.tsx
index e5bcaf7..70856b4 100644
--- a/app/routes/brand-detail/components/OngoingCampaignSection.tsx
+++ b/app/routes/brand-detail/components/OngoingCampaignSection.tsx
@@ -20,7 +20,7 @@ export default function OngoingCampaignSection({
   const isEmpty = campaigns.length === 0;
 
   return (
-    <section className="pt-9 pb-9 px-2">
+    <section className="pt-9 pb-9">
       <div className="flex items-center justify-between">
         <div className="text-title1 text-text-black">진행 중인 다른 캠페인</div>
 
@@ -28,26 +28,34 @@ export default function OngoingCampaignSection({
           <button
             type="button"
             onClick={onMore}
-            className="grid h-8 w-8 place-items-center rounded-full text-text-gray2"
+            className="mt-0.5 grid h-6 w-6 place-items-center"
             aria-label="more"
           >
-            <span className="text-[18px] leading-none">›</span>
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
+              <path
+                d="M9 18L15 12L9 6"
+                stroke="#9B9BA1"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              />
+            </svg>
           </button>
         ) : null}
       </div>
 
       {isEmpty ? (
-        <div className="flex h-[126px] w-full flex-col justify-center items-start">
-          <div className="flex w-full flex-col items-start gap-[14px] pt-[50px] pb-[60px]">
-            <div className="flex w-full flex-col items-center justify-center gap-[10px]">
-              <div className="w-[113px] text-center text-[12px] font-medium leading-[16px] text-text-gray2">
+        <div className="flex h-31.5 w-full flex-col justify-center items-start">
+          <div className="flex w-full flex-col items-start gap-3.5 pt-15 pb-15">
+            <div className="flex w-full flex-col items-center justify-center gap-2.5">
+              <div className="w-40 text-center text-callout1 text-text-gray2">
                 진행 중인 다른 캠페인이 없어요
               </div>
             </div>
           </div>
         </div>
       ) : (
-        <div className="mt-4 -mx-5 overflow-x-auto px-5 scrollbar-hide">
+        <div className="mt-4 -mx-4 overflow-x-auto px-5 scrollbar-hide">
           <div className="flex gap-3">
             {campaigns.map((c) => (
               <div
diff --git a/app/routes/brand-detail/components/ProductMiniCard.tsx b/app/routes/brand-detail/components/ProductMiniCard.tsx
index 091565b..288d53b 100644
--- a/app/routes/brand-detail/components/ProductMiniCard.tsx
+++ b/app/routes/brand-detail/components/ProductMiniCard.tsx
@@ -6,13 +6,13 @@ export type ProductMiniCardItem = {
 
 type Props = {
   item: ProductMiniCardItem;
-  onClick?: () => void; 
+  onClick?: () => void;
 };
 
 export default function ProductMiniCard({ item, onClick }: Props) {
   return (
     <div
-      className="w-[150px] md:w-[170px] lg:w-[190px] shrink-0 mt-2 mb-2.5 cursor-pointer"
+      className="mt-2 mb-[0.625rem] w-[9.375rem] shrink-0 cursor-pointer"
       onClick={onClick}
       role="button"
     >
diff --git a/app/routes/brand-detail/components/SponsorableProductSection.tsx b/app/routes/brand-detail/components/SponsorableProductSection.tsx
index 2502e1b..9b2db77 100644
--- a/app/routes/brand-detail/components/SponsorableProductSection.tsx
+++ b/app/routes/brand-detail/components/SponsorableProductSection.tsx
@@ -41,10 +41,10 @@ export default function SponsorableProductSection({
 
       {isEmpty ? (
         <div className="mt-2 inline-flex w-full flex-col items-start gap-2 bg-white">
-          <div className="flex h-[126px] w-full flex-col items-start justify-center">
-            <div className="flex w-full flex-col items-start gap-[14px] py-[60px]">
-              <div className="flex w-full flex-col items-center justify-center gap-[10px]">
-                <div className="w-[113px] text-center text-callout1 text-text-gray2">
+          <div className="flex w-full flex-col items-start justify-center">
+            <div className="flex w-full flex-col items-start gap-[0.875rem] py-[3.75rem]">
+              <div className="flex w-full flex-col items-center justify-center gap-[0.625rem]">
+                <div className="w-1 text-center text-callout1 text-text-gray2">
                   협찬 가능한 제품이 없어요
                 </div>
               </div>
@@ -53,7 +53,7 @@ export default function SponsorableProductSection({
         </div>
       ) : (
         <div className="mt-2 -mx-4 overflow-x-hidden">
-          <div className="px-4 overflow-x-auto scrollbar-hide">
+          <div className="overflow-x-auto px-4 scrollbar-hide">
             <div className="flex w-max gap-4">
               {products.map((p, idx) => (
                 <ProductMiniCard
diff --git a/app/routes/brand-detail/sponsorable/detail/sponsorable-detail-content.tsx b/app/routes/brand-detail/sponsorable/detail/sponsorable-detail-content.tsx
index 055b5de..056ab11 100644
--- a/app/routes/brand-detail/sponsorable/detail/sponsorable-detail-content.tsx
+++ b/app/routes/brand-detail/sponsorable/detail/sponsorable-detail-content.tsx
@@ -1,4 +1,11 @@
-import { useContext, useEffect, useMemo, useState } from "react";
+import {
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+  useCallback,
+} from "react";
 import { useLocation, useNavigate, useSearchParams } from "react-router-dom";
 import NavigationHeader from "../../../../components/common/NavigateHeader";
 import { LayoutContext } from "../../../layout-context";
@@ -6,6 +13,8 @@ import Button from "../../../../components/common/Button";
 import { fetchSponsorProductDetail } from "../../api/api";
 import LoadingSpinner from "../../../../components/common/LoadingSpinner";
 
+const INTERVAL = 3000;
+
 type SponsorAvailableItem = {
   itemId: number;
   availableType: string;
@@ -40,6 +49,11 @@ type NavState = {
   productName?: string;
 };
 
+interface BannerItem {
+  src: string;
+  alt: string;
+}
+
 function Pill({ children }: { children: string }) {
   return (
     <span className="inline-flex items-center rounded-full bg-core-3 px-2 py-1 text-callout1 text-white">
@@ -85,7 +99,10 @@ function formatItems(productName: string, items: SponsorAvailableItem[]) {
     .join(" / ");
 }
 
-function formatSubtitleNoQty(productName: string, items: SponsorAvailableItem[]) {
+function formatSubtitleNoQty(
+  productName: string,
+  items: SponsorAvailableItem[],
+) {
   const name = (productName ?? "").toString();
 
   return (items ?? [])
@@ -152,6 +169,43 @@ export default function SponsorableDetailContent() {
   const [loading, setLoading] = useState(false);
   const [errorText, setErrorText] = useState<string | null>(null);
 
+  const [current, setCurrent] = useState(0);
+  const timerRef = useRef<ReturnType<typeof setInterval> | null>(null);
+
+  const banners: BannerItem[] = useMemo(() => {
+    const urls = (data?.productImageUrls ?? [])
+      .map((v) => (v ?? "").toString().trim())
+      .filter(Boolean);
+
+    return urls.map((src, idx) => ({
+      src,
+      alt: `${data?.productName ?? "제품"} 배너 ${idx + 1}`,
+    }));
+  }, [data?.productImageUrls, data?.productName]);
+
+  const start = useCallback(() => {
+    if (timerRef.current) return;
+    if (banners.length <= 1) return;
+
+    timerRef.current = setInterval(() => {
+      setCurrent((prev) => (prev + 1) % banners.length);
+    }, INTERVAL);
+  }, [banners.length]);
+
+  const stop = useCallback(() => {
+    if (timerRef.current) {
+      clearInterval(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+
+  useEffect(() => {
+    setCurrent(0);
+    stop();
+    start();
+    return stop;
+  }, [banners.length, start, stop]);
+
   useEffect(() => {
     if (!layout) return;
     layout.setHideHeader(true);
@@ -200,8 +254,6 @@ export default function SponsorableDetailContent() {
     };
   }, [brandId, productId, canFetch]);
 
-  const heroUrl = state.heroImageUrl || data?.productImageUrls?.[0] || "";
-
   const itemsText = useMemo(() => {
     if (!data) return "";
     const items = data.sponsorInfo?.items ?? [];
@@ -227,7 +279,10 @@ export default function SponsorableDetailContent() {
     <div className="h-full w-full overflow-hidden bg-bg-w">
       <div className="relative flex h-full w-full flex-col overflow-hidden bg-bg-w">
         <div className="shrink-0 bg-bg-w">
-          <NavigationHeader title="협찬 가능 제품" onBack={() => navigate(-1)} />
+          <NavigationHeader
+            title="협찬 가능 제품"
+            onBack={() => navigate(-1)}
+          />
         </div>
         <div className="h-px w-full bg-core-2" />
 
@@ -242,20 +297,47 @@ export default function SponsorableDetailContent() {
 
           {!loading && !errorText && data && (
             <div className="pb-6">
-              {heroUrl ? (
+              {banners.length ? (
                 <div className="relative h-[450px] w-full overflow-hidden bg-bluegray-1">
-                  <img
-                    src={heroUrl}
-                    alt={data.productName}
-                    className="h-full w-full object-cover"
-                    loading="eager"
-                    decoding="async"
-                  />
-                  <div className="pointer-events-none absolute bottom-4 left-0 right-0 flex items-center justify-center gap-2">
-                    <span className="h-[7px] w-[7px] rounded-full bg-white" />
-                    <span className="h-[7px] w-[7px] rounded-full bg-bg-w-60" />
-                    <span className="h-[7px] w-[7px] rounded-full bg-bg-w-60" />
+                  <div
+                    className="flex h-full w-full transition-transform duration-500 ease-in-out"
+                    style={{ transform: `translateX(-${current * 100}%)` }}
+                  >
+                    {banners.map((banner, i) => (
+                      <div
+                        key={`${data.productId}-banner-${i}`}
+                        className="h-full w-full shrink-0"
+                      >
+                        <img
+                          src={banner.src}
+                          alt={banner.alt}
+                          className="h-full w-full object-cover"
+                          loading={i === 0 ? "eager" : "lazy"}
+                          decoding="async"
+                        />
+                      </div>
+                    ))}
                   </div>
+
+                  {banners.length > 1 && (
+                    <div className="absolute bottom-4 left-1/2 flex -translate-x-1/2 gap-2">
+                      {banners.map((_, i) => (
+                        <button
+                          key={i}
+                          type="button"
+                          aria-label={`banner ${i + 1}`}
+                          onClick={() => {
+                            stop();
+                            setCurrent(i);
+                            start();
+                          }}
+                          className={`h-[7px] w-[7px] rounded-full transition-colors ${
+                            i === current ? "bg-white" : "bg-bg-w-60"
+                          }`}
+                        />
+                      ))}
+                    </div>
+                  )}
                 </div>
               ) : (
                 <div className="h-[450px] w-full bg-bluegray-1" />
@@ -278,6 +360,7 @@ export default function SponsorableDetailContent() {
                   ) : null}
                 </div>
               </div>
+
               <div className="h-px w-full bg-core-2" />
 
               <div className="flex flex-col gap-5 bg-bg-w px-5 pb-6 pt-6">
@@ -315,7 +398,6 @@ export default function SponsorableDetailContent() {
                 </section>
               </div>
 
-              {/* ✅ 버튼 영역: 컨텐츠와 분리 (피그마: px-6 pt-14 pb-24) */}
               {showButton && (
                 <div className="bg-bg-w px-6 pt-[14px] pb-6 safe-area-bottom">
                   <Button
diff --git a/app/routes/brand-detail/sponsorable/sponsorable-content.tsx b/app/routes/brand-detail/sponsorable/sponsorable-content.tsx
index e7e1693..2b7a365 100644
--- a/app/routes/brand-detail/sponsorable/sponsorable-content.tsx
+++ b/app/routes/brand-detail/sponsorable/sponsorable-content.tsx
@@ -121,7 +121,9 @@ export default function SponsorableContent() {
       } catch (e: unknown) {
         if (cancelled) return;
         setErrorText(
-          e instanceof Error ? e.message : "협찬 가능 제품을 불러오지 못했어요.",
+          e instanceof Error
+            ? e.message
+            : "협찬 가능 제품을 불러오지 못했어요.",
         );
       } finally {
         if (!cancelled) setLoading(false);
@@ -154,7 +156,10 @@ export default function SponsorableContent() {
     <div className="h-full w-full overflow-hidden">
       <div className="flex h-full w-full flex-col bg-grad-auth overflow-hidden">
         <div className="shrink-0">
-          <NavigationHeader title="협찬 가능 제품" onBack={() => navigate(-1)} />
+          <NavigationHeader
+            title="협찬 가능 제품"
+            onBack={() => navigate(-1)}
+          />
         </div>
 
         <div className="shrink-0 px-4 pt-6">
diff --git a/app/routes/campaign-detail/campaign-detail.tsx b/app/routes/campaign-detail/campaign-detail.tsx
index 888c3ee..1cf5756 100644
--- a/app/routes/campaign-detail/campaign-detail.tsx
+++ b/app/routes/campaign-detail/campaign-detail.tsx
@@ -146,7 +146,10 @@ export default function CampaignDetailContent({
       { label: "모집인원", value: `${campaign.quota}명` },
       { label: "우대사항", value: campaign.preferredSkills || "-" },
       { label: "제품협찬", value: campaign.product || "-" },
-      { label: "원고료", value: `${fmtMoney(campaign.rewardAmount)} (VAT포함)` },
+      {
+        label: "원고료",
+        value: `${fmtMoney(campaign.rewardAmount)} (VAT포함)`,
+      },
       { label: "일정", value: campaign.schedule || "-" },
       // {
       //   label: "모집기간",
@@ -509,7 +512,15 @@ export default function CampaignDetailContent({
   );
 }
 
-function DetailRow({ label, value, chips }: { label: string; value?: string; chips?: string[] }) {
+function DetailRow({
+  label,
+  value,
+  chips,
+}: {
+  label: string;
+  value?: string;
+  chips?: string[];
+}) {
   return (
     <div className="flex gap-4">
       <div className="w-23 shrink-0 text-title3 text-text-gray3">{label}</div>
@@ -528,7 +539,9 @@ function DetailRow({ label, value, chips }: { label: string; value?: string; chi
                 {c}
               </span>
             ))}
-            {(!chips || chips.length === 0) && <span className="text-title3 text-text-gray1">-</span>}
+            {(!chips || chips.length === 0) && (
+              <span className="text-title3 text-text-gray1">-</span>
+            )}
           </div>
         )}
       </div>
diff --git a/app/routes/home/components/CreatorProfileCard.tsx b/app/routes/home/components/CreatorProfileCard.tsx
index 41e5ca2..3a99f4b 100644
--- a/app/routes/home/components/CreatorProfileCard.tsx
+++ b/app/routes/home/components/CreatorProfileCard.tsx
@@ -28,7 +28,7 @@ export default function CreatorProfileCard({
   return (
     <section className="text-text-black mt-5 mb-20">
       <div className="text-title1 font-semibold mt-18 mx-2 mb-8">
-        <h1>크레이터 님의 프로필</h1>
+        <h1>크리에이터 님의 프로필</h1>
       </div>
       <div className="text-center text-title3 leading-5">
         <div>
diff --git a/app/routes/home/home-after-match.tsx b/app/routes/home/home-after-match.tsx
index 8b30c28..ecfef27 100644
--- a/app/routes/home/home-after-match.tsx
+++ b/app/routes/home/home-after-match.tsx
@@ -14,7 +14,9 @@ import BrandCard from "./components/BrandCard";
 import CampaignCard from "./components/CampaignCard";
 import CreatorProfileCard from "./components/CreatorProfileCard";
 
-const TraitModal = lazy(() => import("../mypage/components/profileCard/TraitModal"));
+const TraitModal = lazy(
+  () => import("../mypage/components/profileCard/TraitModal"),
+);
 
 import { useMatchResultStore } from "../../stores/matching-result";
 import { useCampaignProposalStore } from "../../stores/campaign-proposal";
@@ -76,7 +78,9 @@ const getBrandIdFromCampaign = (c: MatchingCampaign): number | null => {
 export default function HomeAfterMatchPage() {
   const navigate = useNavigate();
   const [category, setCategory] = useState<CategoryKey>("beauty");
-  const [selectedTraitType, setSelectedTraitType] = useState<"beauty" | "fashion" | "content" | null>(null);
+  const [selectedTraitType, setSelectedTraitType] = useState<
+    "beauty" | "fashion" | "content" | null
+  >(null);
 
   const [brands, setBrands] = useState<MatchingBrand[]>([]);
   const [campaigns, setCampaigns] = useState<MatchingCampaign[]>([]);
@@ -346,7 +350,10 @@ export default function HomeAfterMatchPage() {
           ...trait,
           topSummary: [
             { label: "피부타입", value: names(beauty?.skinType).join(", ") },
-            { label: "피부 밝기", value: names(beauty?.skinBrightness).join(", ") },
+            {
+              label: "피부 밝기",
+              value: names(beauty?.skinBrightness).join(", "),
+            },
             {
               label: "메이크업 스타일",
               value: names(beauty?.makeupStyle).join(", "),
@@ -372,7 +379,10 @@ export default function HomeAfterMatchPage() {
             { label: "키/몸무게", value: names(fashion?.height).join(", ") },
             { label: "체형", value: names(fashion?.bodyShape).join(", ") },
             { label: "상의 사이즈", value: names(fashion?.topSize).join(", ") },
-            { label: "하의 사이즈", value: names(fashion?.bottomSize).join(", ") },
+            {
+              label: "하의 사이즈",
+              value: names(fashion?.bottomSize).join(", "),
+            },
           ],
           sections: [
             {
@@ -407,7 +417,10 @@ export default function HomeAfterMatchPage() {
               label: "평균 영상 길이",
               value: names(content?.avgVideoLength).join(", "),
             },
-            { label: "평균 조회수", value: names(content?.avgViews).join(", ") },
+            {
+              label: "평균 조회수",
+              value: names(content?.avgViews).join(", "),
+            },
           ],
           sections: [
             {
@@ -439,141 +452,141 @@ export default function HomeAfterMatchPage() {
     return traitsData.find((t) => t.id === selectedTraitType) || null;
   }, [selectedTraitType, traitsData]);
 
-    return (
-      <div className="min-h-screen bg-white">
-        <div className="bg-white px-5 pt-0 pb-[calc(116px+env(safe-area-inset-bottom))]">
-          <BannerCarousel key={category} category={category} />
-
-          <CategoryTabs value={category} onChange={setCategory} />
-
-          <section className="mt-8">
-            <SectionHeader
-              title="매칭률 높은 브랜드"
-              subtitle="이런 브랜드가 매칭률이 가장 높아요!"
-              onMore={goBrandList}
-            />
-
-            <div className="-mr-5 mt-3 flex gap-3 overflow-x-auto pb-2 pr-5">
-              {brands.map((brand, i) => (
-                <BrandCard
-                  key={`brand-${brand.id}-${i}`}
+  return (
+    <div className="min-h-screen bg-white">
+      <div className="bg-white px-5 pt-0 pb-[calc(116px+env(safe-area-inset-bottom))]">
+        <BannerCarousel key={category} category={category} />
+
+        <CategoryTabs value={category} onChange={setCategory} />
+
+        <section className="mt-8">
+          <SectionHeader
+            title="매칭률 높은 브랜드"
+            subtitle="이런 브랜드가 매칭률이 가장 높아요!"
+            onMore={goBrandList}
+          />
+
+          <div className="-mr-5 mt-3 flex gap-3 overflow-x-auto pb-2 pr-5">
+            {brands.map((brand, i) => (
+              <BrandCard
+                key={`brand-${brand.id}-${i}`}
+                item={{
+                  id: String(brand.id),
+                  name: brand.name,
+                  logoUrl: brand.logoUrl,
+                  matchRate: brand.matchRate,
+                  subText: (brand.tags ?? [])
+                    .slice(0, 2)
+                    .map((t) => `#${t}`)
+                    .join(" "),
+                  badgeText: "모집중",
+                  domain: category,
+                  isLiked: brand.isLiked,
+                }}
+                onClick={() =>
+                  navigate(`/brand?brandId=${brand.id}&domain=${category}`)
+                }
+                onLikeToggle={handleBrandLikeToggle}
+              />
+            ))}
+          </div>
+        </section>
+        <section className="mt-15">
+          <SectionHeader
+            title="매칭률 높은 캠페인"
+            subtitle="이런 캠페인이 매칭률이 가장 높아요!"
+            onMore={goCampaignList}
+          />
+
+          <div className="-mr-5 mt-3 flex gap-3 overflow-x-auto pb-2 pr-5">
+            {campaigns.map((campaign, i) => {
+              const safeCampaignId = getCampaignId(campaign);
+              if (!safeCampaignId) return null;
+
+              return (
+                <CampaignCard
+                  key={`match-${safeCampaignId}-${i}`}
                   item={{
-                    id: String(brand.id),
-                    name: brand.name,
-                    logoUrl: brand.logoUrl,
-                    matchRate: brand.matchRate,
-                    subText: (brand.tags ?? [])
-                      .slice(0, 2)
-                      .map((t) => `#${t}`)
-                      .join(" "),
-                    badgeText: "모집중",
-                    domain: category,
-                    isLiked: brand.isLiked,
+                    id: String(safeCampaignId),
+                    brandName: campaign.brandName,
+                    matchRate: campaign.matchRate || 0,
+                    descText: campaign.name || campaign.title || "",
+                    rewardText: `원고료 ${campaign.reward?.toLocaleString()}원`,
+                    ddayLabel:
+                      campaign.dDay === 0
+                        ? "D-DAY"
+                        : campaign.dDay
+                          ? `D-${campaign.dDay}`
+                          : "",
+                    progressText: String(campaign.applicants),
+                    isLiked: campaign.isLiked,
+                    logoUrl: campaign.logoUrl,
                   }}
-                  onClick={() =>
-                    navigate(`/brand?brandId=${brand.id}&domain=${category}`)
-                  }
-                  onLikeToggle={handleBrandLikeToggle}
+                  onClick={() => goCampaignDetail(campaign)}
+                  onLikeToggle={handleCampaignLikeToggle}
                 />
-              ))}
-            </div>
-          </section>
-          <section className="mt-15">
-            <SectionHeader
-              title="매칭률 높은 캠페인"
-              subtitle="이런 캠페인이 매칭률이 가장 높아요!"
-              onMore={goCampaignList}
+              );
+            })}
+          </div>
+        </section>
+        {profileModel && (
+          <div className="mt-8">
+            <CreatorProfileCard
+              model={profileModel}
+              onMyProfileClick={() => navigate("/mypage/profileCard")}
+              onTraitClick={handleTraitClick}
             />
-
-            <div className="-mr-5 mt-3 flex gap-3 overflow-x-auto pb-2 pr-5">
-              {campaigns.map((campaign, i) => {
-                const safeCampaignId = getCampaignId(campaign);
-                if (!safeCampaignId) return null;
-
-                return (
-                  <CampaignCard
-                    key={`match-${safeCampaignId}-${i}`}
-                    item={{
-                      id: String(safeCampaignId),
-                      brandName: campaign.brandName,
-                      matchRate: campaign.matchRate || 0,
-                      descText: campaign.name || campaign.title || "",
-                      rewardText: `원고료 ${campaign.reward?.toLocaleString()}원`,
-                      ddayLabel:
-                        campaign.dDay === 0
-                          ? "D-DAY"
-                          : campaign.dDay
-                            ? `D-${campaign.dDay}`
-                            : "",
-                      progressText: String(campaign.applicants),
-                      isLiked: campaign.isLiked,
-                      logoUrl: campaign.logoUrl,
-                    }}
-                    onClick={() => goCampaignDetail(campaign)}
-                    onLikeToggle={handleCampaignLikeToggle}
-                  />
-                );
-              })}
-            </div>
-          </section>
-          {profileModel && (
-            <div className="mt-8">
-              <CreatorProfileCard
-                model={profileModel}
-                onMyProfileClick={() => navigate("/mypage/profileCard")}
-                onTraitClick={handleTraitClick}
-              />
-            </div>
-          )}
-
-          <section className="mt-8 pb-5">
-            <SectionHeader
-              title="인기 캠페인"
-              subtitle="이런 캠페인이 인기가 많아요!"
-              onMore={goCampaignList}
-            />
-
-            <div className="-mr-5 mt-3 flex gap-0.5 overflow-x-auto pb-2 pr-5">
-              {popularCampaigns.map((campaign, i) => {
-                const safeCampaignId = getCampaignId(campaign);
-                if (!safeCampaignId) return null;
-
-                return (
-                  <CampaignCard
-                    key={`popular-${safeCampaignId}-${i}`}
-                    item={{
-                      id: String(safeCampaignId),
-                      brandName: campaign.brandName,
-                      matchRate: 0,
-                      descText: campaign.name || campaign.title || "",
-                      rewardText: `원고료 ${campaign.reward?.toLocaleString()}원`,
-                      ddayLabel:
-                        campaign.dDay === 0
-                          ? "D-DAY"
-                          : campaign.dDay
-                            ? `D-${campaign.dDay}`
-                            : "",
-                      progressText: String(campaign.applicants),
-                      isLiked: campaign.isLiked,
-                      logoUrl: campaign.logoUrl,
-                    }}
-                    onClick={() => goCampaignDetail(campaign)}
-                    onLikeToggle={handleCampaignLikeToggle}
-                  />
-                );
-              })}
-            </div>
-          </section>
-        </div>
-
-        {selectedTrait && (
-          <Suspense fallback={null}>
-            <TraitModal
-              trait={selectedTrait}
-              onClose={() => setSelectedTraitType(null)}
-            />
-          </Suspense>
+          </div>
         )}
+
+        <section className="mt-8 pb-5">
+          <SectionHeader
+            title="인기 캠페인"
+            subtitle="이런 캠페인이 인기가 많아요!"
+            onMore={goCampaignList}
+          />
+
+          <div className="-mr-5 mt-3 flex gap-0.5 overflow-x-auto pb-2 pr-5">
+            {popularCampaigns.map((campaign, i) => {
+              const safeCampaignId = getCampaignId(campaign);
+              if (!safeCampaignId) return null;
+
+              return (
+                <CampaignCard
+                  key={`popular-${safeCampaignId}-${i}`}
+                  item={{
+                    id: String(safeCampaignId),
+                    brandName: campaign.brandName,
+                    matchRate: 0,
+                    descText: campaign.name || campaign.title || "",
+                    rewardText: `원고료 ${campaign.reward?.toLocaleString()}원`,
+                    ddayLabel:
+                      campaign.dDay === 0
+                        ? "D-DAY"
+                        : campaign.dDay
+                          ? `D-${campaign.dDay}`
+                          : "",
+                    progressText: String(campaign.applicants),
+                    isLiked: campaign.isLiked,
+                    logoUrl: campaign.logoUrl,
+                  }}
+                  onClick={() => goCampaignDetail(campaign)}
+                  onLikeToggle={handleCampaignLikeToggle}
+                />
+              );
+            })}
+          </div>
+        </section>
       </div>
-    );
-  }
+
+      {selectedTrait && (
+        <Suspense fallback={null}>
+          <TraitModal
+            trait={selectedTrait}
+            onClose={() => setSelectedTraitType(null)}
+          />
+        </Suspense>
+      )}
+    </div>
+  );
+}