diff --git a/Design.md b/Design.md
index ed96d832..2f0bf543 100644
--- a/Design.md
+++ b/Design.md
@@ -21,6 +21,22 @@
 - 특정 페이지 전용 컴포넌트는 `src/app/**/_components/`에 둔다
 - 없으면 Tailwind로 직접 작업한다
 
+### 1-4. Figma 디자인 시스템
+[Design System](https://www.figma.com/design/Va7ys9C4lx9PIHOGvlaAID/Design-System) 파일은 확정된 내용만 모아 둔 곳이다. 퍼블리싱할 때 해당 페이지의 컴포넌트·토큰을 기준으로 맞춘다.
+
+- 00 [Foundation](https://www.figma.com/design/Va7ys9C4lx9PIHOGvlaAID/Design-System?node-id=161-9) — Color(Primitive·Semantic), Typography, Icon, Spacing, Shadow, Radius, Grid, Logo
+- 01 [Button](https://www.figma.com/design/Va7ys9C4lx9PIHOGvlaAID/Design-System?node-id=5002-3575) — Button, Button Base (Size·State·Layout)
+- 02 [Text Field](https://www.figma.com/design/Va7ys9C4lx9PIHOGvlaAID/Design-System?node-id=5002-4296) — Text Field Emphasis, Textarea Field, Search Bar, Input Base
+- 03·04·05 [Header · Footer · Side Bar](https://www.figma.com/design/Va7ys9C4lx9PIHOGvlaAID/Design-System?node-id=5001-3046) — Header(Login·Logout), Footer, Side Bar
+- 06 [Navigation](https://www.figma.com/design/Va7ys9C4lx9PIHOGvlaAID/Design-System?node-id=5002-4797) — Bottom Navigation
+- 07·08 [Select Field · Dropdown](https://www.figma.com/design/Va7ys9C4lx9PIHOGvlaAID/Design-System?node-id=5030-540) — Select Field, Select Field_Emphasis, Dropdown, Item
+- 09·10 [Date Picker · Time Picker](https://www.figma.com/design/Va7ys9C4lx9PIHOGvlaAID/Design-System?node-id=5045-885) — Date Picker, Date Cell, Time Picker, Time Picker Modal, Period
+- 11 [Tabs](https://www.figma.com/design/Va7ys9C4lx9PIHOGvlaAID/Design-System?node-id=5138-2632) — Tabs Line, Tabs Chip, Tab Item
+- 12 [Toast](https://www.figma.com/design/Va7ys9C4lx9PIHOGvlaAID/Design-System?node-id=5285-4979) — Toast
+- 13 [Alert Dialog](https://www.figma.com/design/Va7ys9C4lx9PIHOGvlaAID/Design-System?node-id=5619-553) — Alert Dialog
+- 14·15 [Chip · Badge](https://www.figma.com/design/Va7ys9C4lx9PIHOGvlaAID/Design-System?node-id=5624-159) — Chip(Solid·Outline), Badge(Weak·Solid·Outline, 톤 6종)
+- [Update Log](https://www.figma.com/design/Va7ys9C4lx9PIHOGvlaAID/Design-System?node-id=5635-11) — 디자인 시스템 변경 기록
+
 ---
 
 ## 2. 아이콘의 사용
diff --git a/src/app/(main)/map/_components/MobileRoutePlaceCard.tsx b/src/app/(main)/map/_components/MobileRoutePlaceCard.tsx
index 9ea90a49..98122c1d 100644
--- a/src/app/(main)/map/_components/MobileRoutePlaceCard.tsx
+++ b/src/app/(main)/map/_components/MobileRoutePlaceCard.tsx
@@ -19,7 +19,7 @@ type MobileRoutePlaceCardProps = Readonly<{
   badgeColor: string;
   /** 방금 추가된 카드 — 잠깐 강조한다 */
   highlighted: boolean;
-  /** `45,000 KRW 외 1건` — 없으면 비용 권한이 있을 때 "비용 추가"를 보인다 */
+  /** 대표 통화 원금액 요약 `30 USD 외 1건` — 없으면 비용 권한이 있을 때 "비용 추가"를 보인다 */
   expenseSummary: string | null;
   /** 비용을 추가할 수 있는지(비용 권한) */
   canAddExpense: boolean;
diff --git a/src/app/(main)/map/_components/useMobileRouteView.test.tsx b/src/app/(main)/map/_components/useMobileRouteView.test.tsx
index 996ec086..3db17c64 100644
--- a/src/app/(main)/map/_components/useMobileRouteView.test.tsx
+++ b/src/app/(main)/map/_components/useMobileRouteView.test.tsx
@@ -1,5 +1,5 @@
 // @vitest-environment jsdom
-import { act, useEffect } from "react";
+import { act, useEffect, type ReactNode } from "react";
 import { createRoot } from "react-dom/client";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { expect, it, vi } from "vitest";
@@ -10,6 +10,9 @@ const fixtures = vi.hoisted(() => ({
     { id: "item-101", itemId: 101, title: "첫 장소", location: { lat: 37.5, lng: 127 } },
     { id: "item-102", itemId: 102, title: "먼 장소", location: { lat: 37.7, lng: 127.2 } },
   ],
+  expenses: [] as import("@/lib/api/rooms/expenses").Expense[],
+  open: vi.fn(),
+  openScope: vi.fn(),
   setSelectedPlace: vi.fn(),
   router: { replace: vi.fn() },
 }));
@@ -22,7 +25,7 @@ vi.mock("@/hooks/useRooms", () => ({
 }));
 vi.mock("@/hooks/usePrefetchScheduleRoutes", () => ({ usePrefetchScheduleRoutes: () => true }));
 vi.mock("@/components/expenses/ExpenseProvider", () => ({
-  useExpenseContext: () => ({ list: { data: [] }, canManage: true }),
+  useExpenseContext: () => ({ list: { data: fixtures.expenses }, canManage: true, open: fixtures.open, openScope: fixtures.openScope }),
 }));
 vi.mock("@/contexts/SelectedPlaceContext", () => ({
   useSelectedPlace: () => ({ setSelectedPlace: fixtures.setSelectedPlace }),
@@ -32,20 +35,17 @@ vi.mock("@/lib/plan/scheduleItemPlaces", () => ({ readSchedulePlanPlacesFromCach
 vi.mock("@/app/(main)/plan/_components/mobile/useMobileAddPlaceSearch", () => ({
   useMobileAddPlaceSearch: () => ({ recentlyAddedItemId: null, screen: null }),
 }));
-vi.mock("@/app/(main)/plan/_components/mobile/MobilePlanPlaceSheets", () => ({
+vi.mock("@/app/(main)/plan/_components/mobile/MobilePlanPlaceSheets", async (importOriginal) => ({
+  ...await importOriginal<typeof import("@/app/(main)/plan/_components/mobile/MobilePlanPlaceSheets")>(),
   MobilePlanPlaceSheets: () => null,
-  openPlaceExpenses: vi.fn(),
 }));
 vi.mock("@/components/map/MapCloseButton", () => ({ MapCloseButton: () => null }));
 vi.mock("./MobileRouteCandidateCard", () => ({ MobileRouteCandidateCard: () => null }));
-vi.mock("./MobileRouteCardCarousel", () => ({ MobileRouteCardCarousel: () => null }));
-vi.mock("./MobileRoutePlaceDetail", () => ({ MobileRoutePlaceDetail: () => null }));
-vi.mock("./MobileRoutePlaceCard", () => ({
-  MobileRouteEmptyDayCard: () => null,
-  MobileRouteMessageCard: () => null,
-  MobileRoutePlaceCard: () => null,
-  MobileRoutePlaceCardSkeleton: () => null,
+vi.mock("./MobileRouteCardCarousel", () => ({
+  MobileRouteCardCarousel: ({ cards }: { cards: { key: string; node: ReactNode }[] }) => <>{cards.map(card => <section key={card.key}>{card.node}</section>)}</>,
 }));
+vi.mock("./MobileRoutePlaceDetail", () => ({ MobileRoutePlaceDetail: () => null }));
+
 
 import { readMapRouteParams } from "@/lib/mobile-view";
 import { scheduleItemsQueryKey } from "@/lib/query-keys";
@@ -85,3 +85,70 @@ it.each([
     host.remove();
   }
 });
+
+
+import { MobilePlanItinerary } from "@/app/(main)/plan/_components/mobile/MobilePlanItinerary";
+import { MobilePlanDragProvider } from "@/app/(main)/plan/_components/mobile/mobilePlanDrag";
+vi.mock("@/app/(main)/plan/_components/travel-time/PlanTravelTime", () => ({ PlanTravelTime: () => null }));
+
+it.each([
+  { rows: [["KRW", "1000"]], label: "1,000 KRW" },
+  { rows: [["JPY", "3600"]], label: "3,600 JPY" },
+  { rows: [["USD", "10"], ["USD", "20"], ["KRW", "1000"]], label: "30 USD 외 1건" },
+  { rows: [["USD", "10.10"], ["USD", "20.20"]], label: "30.30 USD" },
+  { rows: [["JPY", "0"]], label: "0 JPY" },
+  { rows: [["USD", "12345678901234567890.12"], ["EUR", "1"]], label: "12,345,678,901,234,567,890.12 USD 외 1건" },
+  { rows: [], label: null },
+].flatMap(testCase => ["itinerary", "route"].map(mode => ({ ...testCase, mode }))))("$mode shows $label with scoped list/empty-add behavior", async ({ rows, label, mode }) => {
+  Object.assign(globalThis, { IS_REACT_ACT_ENVIRONMENT: true });
+  const originalScrollTo = Object.getOwnPropertyDescriptor(HTMLElement.prototype, "scrollTo");
+  Object.defineProperty(HTMLElement.prototype, "scrollTo", { configurable: true, value: vi.fn() });
+  fixtures.expenses = rows.map(([currency, totalAmount], id) => ({
+    id, version: 1, expenseGroup: "TRIP_DAY", scheduleId: 10, scheduleItemId: 101,
+    currency, totalAmount, category: "OTHER", memo: null, name: null,
+    payerUserIds: [1], participantUserIds: [1], createdAt: "", updatedAt: "",
+  }));
+  // Another place must not affect either summary or empty/add decisions.
+  fixtures.expenses.push({ id: 100, version: 1, expenseGroup: "TRIP_DAY", scheduleId: 10, scheduleItemId: 102, currency: "KRW", totalAmount: "999999", category: "OTHER", memo: null, name: null, payerUserIds: [1], participantUserIds: [1], createdAt: "", updatedAt: "" });
+  fixtures.open.mockClear();
+  fixtures.openScope.mockClear();
+  window.history.replaceState(null, "", "/map?view=route&day=1&item=101");
+  const queryClient = new QueryClient({ defaultOptions: { queries: { retry: false } } });
+  queryClient.setQueryData(scheduleItemsQueryKey("room-1", 10), fixtures.places);
+  const host = document.createElement("div");
+  document.body.append(host);
+  const root = createRoot(host);
+  function Route() { return useMobileRouteView({ active: true, day: 1, initialItemId: 101 }).overlay; }
+  const drag = { editing: false, dragDisabled: false, pending: null, dropTargetScheduleId: null,
+    registerList: vi.fn(), registerRow: vi.fn(), registerPlaces: vi.fn(), startDrag: vi.fn(), rowStyle: () => undefined };
+  try {
+    await act(async () => root.render(<QueryClientProvider client={queryClient}>
+      {mode === "route" ? <Route /> : <MobilePlanDragProvider value={drag}><MobilePlanItinerary roomId="room-1" scheduleId={10} onRequestAddPlace={vi.fn()} recentlyAddedItemId={null} onPlaceAdded={vi.fn()} /></MobilePlanDragProvider>}
+    </QueryClientProvider>));
+    const button = host.querySelector<HTMLButtonElement>(`button[aria-label="첫 장소 비용 ${label ? "보기" : "추가"}"]`);
+    if (label) {
+      expect(button?.textContent).toContain(label);
+      const descriptionId = button?.getAttribute("aria-describedby");
+      expect(descriptionId).toBeTruthy();
+      expect(document.getElementById(descriptionId!)?.textContent).toBe(label);
+      const expenseButtons = [...host.querySelectorAll("button[aria-describedby]")];
+      expect(new Set(expenseButtons.map(node => node.getAttribute("aria-describedby"))).size).toBe(expenseButtons.length);
+      await act(async () => button!.click());
+      expect(fixtures.openScope).toHaveBeenLastCalledWith({ scheduleId: 10, scheduleItemId: 101, label: "첫 장소" });
+      expect(fixtures.open).not.toHaveBeenCalled();
+    } else if (mode === "route") {
+      expect(button).not.toBeNull();
+      await act(async () => button!.click());
+      expect(fixtures.open).toHaveBeenCalledWith({ scheduleId: 10, scheduleItemId: 101 });
+      expect(fixtures.openScope).not.toHaveBeenCalled();
+    } else {
+      // Itinerary keeps empty expense rows hidden; its action sheet owns adding.
+      expect(button).toBeNull();
+    }
+  } finally {
+    await act(async () => root.unmount());
+    queryClient.clear(); host.remove(); fixtures.expenses = [];
+    if (originalScrollTo) Object.defineProperty(HTMLElement.prototype, "scrollTo", originalScrollTo);
+    else Reflect.deleteProperty(HTMLElement.prototype, "scrollTo");
+  }
+});
diff --git a/src/app/(main)/map/_components/useMobileRouteView.tsx b/src/app/(main)/map/_components/useMobileRouteView.tsx
index 38d44d87..51e30d53 100644
--- a/src/app/(main)/map/_components/useMobileRouteView.tsx
+++ b/src/app/(main)/map/_components/useMobileRouteView.tsx
@@ -16,7 +16,7 @@ import { expensesInScope } from "@/lib/expenses/expense-scope";
 import { normalizeGooglePlaceResourceId } from "@/lib/maps";
 import { buildMapRouteHref, MOBILE_MAP_PATH } from "@/lib/mobile-view";
 import { insertAnchorAfterItem } from "@/lib/plan/insertPosition";
-import { formatMonthDayKo, summarizeExpensesForMobile } from "@/lib/plan/mobilePlanFormat";
+import { formatMonthDayKo, summarizePlaceExpenses } from "@/lib/plan/mobilePlanFormat";
 import {
   scheduleIdsToRouteColors,
   sortedScheduleIdsForRouteColors,
@@ -401,7 +401,7 @@ export function useMobileRouteView({
                 orderNumber={entry.orderNumber}
                 badgeColor={dayColor(entry.scheduleId)}
                 highlighted={addPlace.recentlyAddedItemId === entry.itemId}
-                expenseSummary={summarizeExpensesForMobile(itemExpenses(entry.scheduleId, entry.itemId))}
+                expenseSummary={summarizePlaceExpenses(itemExpenses(entry.scheduleId, entry.itemId))}
                 canAddExpense={expenses.canManage}
                 expanded={isExpanded}
                 onExpand={() => {
diff --git a/src/app/(main)/plan/_components/itinerary/PlanDaySection.test.tsx b/src/app/(main)/plan/_components/itinerary/PlanDaySection.test.tsx
index a285e7ec..c1d592ed 100644
--- a/src/app/(main)/plan/_components/itinerary/PlanDaySection.test.tsx
+++ b/src/app/(main)/plan/_components/itinerary/PlanDaySection.test.tsx
@@ -5,13 +5,13 @@ import { describe, expect, it } from "vitest";
 import { PlanDaySection } from "./PlanDaySection";
 
 describe("PlanDaySection", () => {
-  it("펼침 토글 아이콘을 제목 왼쪽에 배치한다", () => {
+  it("펼침 토글 아이콘을 날짜·일차 배지 뒤에 배치한다", () => {
     const html = renderToStaticMarkup(
       createElement(
         PlanDaySection,
         {
           title: "1일차",
-          subtitle: "7월 16일 (목)",
+          subtitle: "07.16(목)",
         },
         createElement("div", null, "일정"),
       ),
@@ -24,8 +24,11 @@ describe("PlanDaySection", () => {
     expect(triggerMarkup).toBeDefined();
     expect(triggerMarkup).toContain('class="shrink-0 text-dark-gray"');
     expect(triggerMarkup).not.toContain("ml-auto");
-    expect(triggerMarkup!.indexOf("lucide-chevron-up")).toBeLessThan(
-      triggerMarkup!.indexOf("7월 16일 (목)"),
+    expect(triggerMarkup!.indexOf("lucide-chevron-up")).toBeGreaterThan(
+      triggerMarkup!.indexOf("1일차"),
+    );
+    expect(triggerMarkup!.indexOf("07.16(목)")).toBeLessThan(
+      triggerMarkup!.indexOf("1일차"),
     );
     expect(html).not.toContain("absolute left-1/2");
   });
diff --git a/src/app/(main)/plan/_components/itinerary/PlanDaySection.tsx b/src/app/(main)/plan/_components/itinerary/PlanDaySection.tsx
index e72ba82d..b13f43ff 100644
--- a/src/app/(main)/plan/_components/itinerary/PlanDaySection.tsx
+++ b/src/app/(main)/plan/_components/itinerary/PlanDaySection.tsx
@@ -170,7 +170,7 @@ export function PlanDaySection({
       <div className="overflow-visible rounded-2xl">
         <div
           className={cn(
-            "relative flex w-full items-stretch gap-0.5 py-3.5",
+            "relative flex w-full items-stretch gap-0.5 pb-[13px] pt-3.5",
             MAIN_CARD_INNER_PADDING_X_CLASS,
             expanded ? "rounded-t-2xl" : "rounded-2xl",
           )}
@@ -191,7 +191,8 @@ export function PlanDaySection({
                 if (e.key === " " || e.key === "Enter") e.preventDefault();
               }}
               className={cn(
-                "flex shrink-0 touch-none select-none self-center rounded-lg p-1.5 text-dark-gray",
+                // 그래버를 아래 비용 줄의 코인 아이콘과 같은 세로선(가로 중심)에 둔다
+                "-ml-[5px] mr-[3px] flex shrink-0 touch-none select-none self-center rounded-lg p-1.5 text-dark-gray",
                 dragDisabled
                   ? "cursor-not-allowed opacity-40"
                   : "cursor-grab active:cursor-grabbing hover:bg-bubble-gray/60",
@@ -206,8 +207,19 @@ export function PlanDaySection({
             aria-expanded={expanded}
             aria-controls={`${panelId}-panel`}
             onClick={toggle}
-            className="flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-lg text-left transition-colors hover:bg-bubble-gray/60"
+            className="flex min-w-0 flex-1 cursor-pointer items-center gap-2.5 rounded-lg text-left transition-colors hover:bg-bubble-gray/60"
           >
+            <div className="flex min-w-0 items-center gap-1">
+              <h2 className="min-w-0 truncate text-title-s text-gray-900">
+                {subtitle || title}
+              </h2>
+              {subtitle ? (
+                // 디자인 시스템 Badge / Weak / Brand / md — 배경색은 시맨틱 토큰이 없어 원시 토큰을 쓴다
+                <span className="inline-flex h-5 shrink-0 items-center rounded bg-[var(--blue-50)] px-1.5 text-label-xs-regular text-primary">
+                  {title}
+                </span>
+              ) : null}
+            </div>
             <span className="shrink-0 text-dark-gray" aria-hidden>
               {expanded ? (
                 <ChevronUp className="h-5 w-5" />
@@ -215,18 +227,6 @@ export function PlanDaySection({
                 <ChevronDown className="h-5 w-5" />
               )}
             </span>
-            <div className="min-w-0">
-              <div className="flex min-w-0 items-center gap-2">
-                <h2 className="min-w-0 truncate text-title-s font-semibold text-gray-900">
-                  {subtitle || title}
-                </h2>
-                {subtitle ? (
-                  <span className="inline-flex shrink-0 items-center rounded-md bg-sky-100 px-2 py-0.5 text-body-xs-emphasis font-semibold text-sky-700">
-                    {title}
-                  </span>
-                ) : null}
-              </div>
-            </div>
           </button>
           {showScheduleMenu ? (
             <div ref={menuRef} className="relative shrink-0 self-center">
@@ -315,7 +315,7 @@ export function PlanDaySection({
         </div>
         {summaryAction || trackedSid !== undefined ? (
           <div className={cn(
-            "flex flex-wrap items-center justify-between gap-2 border-t border-dashed border-gray-border py-2",
+            "flex flex-wrap items-center justify-between gap-2 border-t border-dashed border-gray-border py-1",
             MAIN_CARD_INNER_PADDING_X_CLASS,
           )}>
             <div className="min-w-0 flex-1">{summaryAction}</div>
@@ -328,7 +328,7 @@ export function PlanDaySection({
                   toggleRouteVisible();
                 }}
                 aria-checked={routeVisible}
-                className="flex min-h-10 shrink-0 cursor-pointer items-center gap-2 rounded-lg px-2 text-label-s-regular text-dark-gray transition-colors hover:bg-bubble-gray/60 focus-visible:outline-2 focus-visible:outline-primary"
+                className="flex min-h-8 shrink-0 cursor-pointer items-center gap-2 rounded-lg px-2 text-label-xs-regular text-text-subtle transition-colors hover:bg-bubble-gray/60 focus-visible:outline-2 focus-visible:outline-primary"
               >
                 지도에 경로 표시
                 <span aria-hidden="true" className={cn(
@@ -353,9 +353,10 @@ export function PlanDaySection({
           <div
             className={cn(
               cn(MAIN_CARD_INNER_PADDING_X_CLASS, "pb-4"),
+              // 비용·경로 표시 줄이 있으면 첫 카드 위 여백을 두지 않아 그 줄의 위아래 여백(4px)을 같게 한다
               expanded
                 ? summaryAction || trackedSid !== undefined
-                  ? "pt-1"
+                  ? null
                   : "border-t border-dashed border-gray-border pt-3"
                 : "pt-1",
             )}
diff --git a/src/app/(main)/plan/_components/itinerary/PlanItemMemoForm.tsx b/src/app/(main)/plan/_components/itinerary/PlanItemMemoForm.tsx
index 168639d4..cadd1c3f 100644
--- a/src/app/(main)/plan/_components/itinerary/PlanItemMemoForm.tsx
+++ b/src/app/(main)/plan/_components/itinerary/PlanItemMemoForm.tsx
@@ -1,7 +1,6 @@
 "use client";
 
-import { Trash2 } from "lucide-react";
-
+import { TrashIcon } from "@/assets/icons";
 import { MemoIcon } from "@/components/icons";
 import { useCallback, useEffect, useState } from "react";
 import { toast } from "sonner";
@@ -116,9 +115,10 @@ export function PlanItemMemoReadOnly({
   if (!text.length) return null;
 
   return (
-    <div className={PLAN_PLACE_CARD_TW.editorModule}>
-      <div className={PLAN_PLACE_CARD_TW.editorSideLabelWrapper}>
-        <MemoIcon className="h-6 w-6" />
+    // 아이콘·간격은 카드 액션 버튼(16px 아이콘, 6px 간격)과 맞추고, 글자 시작·높이·휴지통 위치는 디자인 값에 맞춘다
+    <div className={cn(PLAN_PLACE_CARD_TW.editorModule, "gap-1.5 py-[13px] pl-[19px]")}>
+      <div className={cn(PLAN_PLACE_CARD_TW.editorSideLabelWrapper, "pt-1")}>
+        <MemoIcon className="h-4 w-4" />
       </div>
       <p className="min-w-0 flex-1 whitespace-pre-wrap break-words text-body-s-regular mobile:text-body-xs-regular leading-relaxed text-gray-900">
         {renderTextWithLinks(text, {
@@ -136,9 +136,9 @@ export function PlanItemMemoReadOnly({
             e.stopPropagation();
             onDelete();
           }}
-          className="shrink-0 cursor-pointer self-start rounded-md p-1 text-dark-gray transition hover:bg-primary/10 hover:text-primary disabled:cursor-not-allowed disabled:opacity-40"
+          className="-mr-[3px] shrink-0 cursor-pointer self-start rounded-md p-1 text-dark-gray transition hover:bg-primary/10 hover:text-primary disabled:cursor-not-allowed disabled:opacity-40"
         >
-          <Trash2 className="h-4 w-4" aria-hidden />
+          <TrashIcon size={16} />
         </button>
       ) : null}
     </div>
diff --git a/src/app/(main)/plan/_components/itinerary/PlanItinerary.tsx b/src/app/(main)/plan/_components/itinerary/PlanItinerary.tsx
index 916356f0..43e1b919 100644
--- a/src/app/(main)/plan/_components/itinerary/PlanItinerary.tsx
+++ b/src/app/(main)/plan/_components/itinerary/PlanItinerary.tsx
@@ -259,6 +259,8 @@ export function PlanItinerary({ roomId, scheduleId }: PlanItineraryProps) {
                 >
                   <PlanTravelTime
                     contentOnly
+                    // 구간 줄을 카드 폭만큼 채워 Google 길찾기를 오른쪽 끝에 둔다
+                    className="w-full"
                     roomId={roomId}
                     scheduleId={scheduleId}
                     segmentSourceItemId={place.itemId}
diff --git a/src/app/(main)/plan/_components/itinerary/PlanPageView.tsx b/src/app/(main)/plan/_components/itinerary/PlanPageView.tsx
index 02433d9e..91ec25a4 100644
--- a/src/app/(main)/plan/_components/itinerary/PlanPageView.tsx
+++ b/src/app/(main)/plan/_components/itinerary/PlanPageView.tsx
@@ -169,7 +169,14 @@ export function PlanPageView() {
   const pageContentClassName =
     "@container/plan space-y-2.5 overflow-x-auto pb-8";
 
-  const pageHeader = <MainPageHeader title="일정" />;
+  // 제목과 첫 일차 사이는 20px(목록 간격 10px + 아래 여백 10px)
+  const pageHeader = (
+    <MainPageHeader
+      className="pb-2.5"
+      title="일정"
+      description="현재 진행 중인 일정을 확인하세요."
+    />
+  );
 
   const deleteDayDialog = dayToDelete ? (
     <ConfirmDialog
@@ -258,6 +265,7 @@ export function PlanPageView() {
                   scheduleId={sortedSchedules[dayIndex]!.scheduleId}
                   title={day.dayLabel}
                   subtitle={day.dateLabel}
+                  dateHeading={day.shortDateLabel}
                   onRequestDeleteSchedule={
                     sortedSchedules[dayIndex]
                       ? () => handleDeleteScheduleDay(dayIndex)
diff --git a/src/app/(main)/plan/_components/itinerary/PlanPlaceCard.tsx b/src/app/(main)/plan/_components/itinerary/PlanPlaceCard.tsx
index 8938dd26..79717dd0 100644
--- a/src/app/(main)/plan/_components/itinerary/PlanPlaceCard.tsx
+++ b/src/app/(main)/plan/_components/itinerary/PlanPlaceCard.tsx
@@ -1,14 +1,13 @@
 "use client";
 
 import { ExpenseEntryButton } from "@/components/expenses/ExpenseProvider";
-import { ExpenseIcon } from "@/components/icons/ExpenseIcon";
 
 import type { DragEvent } from "react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import Image from "next/image";
-import { Clock, Loader2, MapPin } from "lucide-react";
+import { Loader2, MapPin } from "lucide-react";
 
-import { MemoIcon } from "@/components/icons";
+import { CoinIcon, MemoAddIcon, TimeClockIcon } from "@/assets/icons";
 import { ConfirmDialog } from "@/components/settings/ConfirmDialog";
 import { toast } from "sonner";
 
@@ -270,16 +269,14 @@ export function PlanPlaceCard({
         setMemoOpen((v) => !v);
       }}
       aria-expanded={memoOpen}
+      aria-label={hasMemo ? "메모 수정" : "메모 추가"}
       className={cn(
-        PLAN_PLACE_CARD_TW.triggerButton,
-        (memoOpen || hasMemo) && PLAN_PLACE_CARD_TW.triggerButtonActive,
+        PLAN_PLACE_CARD_TW.actionButton,
+        PLAN_PLACE_CARD_TW.actionButtonTrailing,
       )}
     >
-      <MemoIcon
-        className={PLAN_PLACE_CARD_TW.triggerIcon}
-        strokeWidth={2}
-      />
-      {hasMemo ? "메모 수정" : "메모 추가"}
+      <MemoAddIcon size={16} className={PLAN_PLACE_CARD_TW.actionIcon} />
+      <span>메모</span>
     </button>
   ) : null;
 
@@ -293,17 +290,11 @@ export function PlanPlaceCard({
         setTimeOpen((v) => !v);
       }}
       aria-expanded={timeOpen}
-      className={cn(
-        PLAN_PLACE_CARD_TW.triggerButton,
-        (timeOpen || hasTime) && PLAN_PLACE_CARD_TW.triggerButtonActive,
-      )}
+      aria-label={hasTime ? `시간 ${timeRange} 수정` : "시간 설정"}
+      className={cn(PLAN_PLACE_CARD_TW.actionButton, "tabular-nums")}
     >
-      <Clock
-        className={PLAN_PLACE_CARD_TW.triggerIcon}
-        strokeWidth={2}
-        aria-hidden
-      />
-      {timeRange || "시간 설정"}
+      <TimeClockIcon size={16} className={PLAN_PLACE_CARD_TW.actionIcon} />
+      <span>{timeRange || "시간"}</span>
     </button>
   ) : null;
 
@@ -389,43 +380,30 @@ export function PlanPlaceCard({
         <div className={PLAN_PLACE_CARD_TW.contentColumn}>
           <div className={PLAN_PLACE_CARD_TW.titleRow}>
             <div className="flex min-w-0 flex-1 flex-col gap-1">
-              <div className="flex min-w-0 items-baseline gap-1.5">
-                <h3
-                  className={cn(
-                    "min-w-0 flex-1",
-                    PLAN_PLACE_CARD_TW.titleCompact,
-                    PLAN_PLACE_CARD_TW.titleClamp,
-                    "mobile:text-title-s",
-                  )}
-                  title={place.title}
-                >
-                  {place.title}
-                </h3>
-                {place.primaryTypeDisplayName ? (
-                  <span className={PLAN_PLACE_CARD_TW.primaryTypeBadge}>
-                    {place.primaryTypeDisplayName}
-                  </span>
-                ) : null}
-              </div>
-
-              {place.subtitle ? (
-                <p
-                  className={cn(
-                    PLAN_PLACE_CARD_TW.subtitle,
-                    PLAN_PLACE_CARD_TW.subtitleClamp,
-                    "mobile:hidden",
-                  )}
-                  title={place.subtitle}
-                >
-                  {place.subtitle}
-                </p>
+              <h3 className={PLAN_PLACE_CARD_TW.title} title={place.title}>
+                {place.title}
+              </h3>
+              {place.primaryTypeDisplayName ? (
+                <span className={PLAN_PLACE_CARD_TW.primaryTypeBadge}>
+                  {place.primaryTypeDisplayName}
+                </span>
               ) : null}
             </div>
             {deleteButton ? (
-              <span className="flex shrink-0 self-start">{deleteButton}</span>
+              // 휴지통은 썸네일 윗선에 맞추고 오른쪽 테두리에서 17px에 둔다
+              <span className="-mr-1 -mt-1.5 flex shrink-0 self-start">{deleteButton}</span>
             ) : null}
           </div>
 
+          {place.subtitle ? (
+            <p
+              className={cn(PLAN_PLACE_CARD_TW.subtitle, "mobile:hidden")}
+              title={place.subtitle}
+            >
+              {place.subtitle}
+            </p>
+          ) : null}
+
           {timeRange && !canEditScheduleItem ? (
             <span
               className={cn(
@@ -440,24 +418,24 @@ export function PlanPlaceCard({
         </div>
 
         {canEditScheduleItem ? (
-          <div
-            className={cn(
-              PLAN_PLACE_CARD_TW.triggerRow,
-              "col-span-2 mt-2 border-t border-gray-100 pt-2",
-            )}
-          >
-            {memoTrigger}
-            {timeTrigger}
-            {scheduleTimeEdit && scheduleItemId !== null && (
-              <ExpenseEntryButton
-                scheduleId={scheduleTimeEdit.scheduleId}
-                scheduleItemId={scheduleItemId}
-                scopeLabel={place.title}
-                label="비용 추가"
-                className={PLAN_PLACE_CARD_TW.triggerButton}
-                icon={<ExpenseIcon className={PLAN_PLACE_CARD_TW.triggerIcon} />}
-              />
-            )}
+          // 디자인: 구분선 위아래 8px, 버튼 아래 카드 테두리까지 5px
+          <div className="col-span-2 -mb-[9px] mt-2 border-t border-gray-100 pt-2">
+            <div className={PLAN_PLACE_CARD_TW.actionBar}>
+              <div className="flex min-w-0 items-center">
+                {timeTrigger}
+                {scheduleTimeEdit && scheduleItemId !== null && (
+                  <ExpenseEntryButton
+                    scheduleId={scheduleTimeEdit.scheduleId}
+                    scheduleItemId={scheduleItemId}
+                    scopeLabel={place.title}
+                    label="비용"
+                    className={cn(PLAN_PLACE_CARD_TW.actionButton, "min-w-0")}
+                    icon={<CoinIcon size={16} className={PLAN_PLACE_CARD_TW.actionIcon} />}
+                  />
+                )}
+              </div>
+              {memoTrigger}
+            </div>
           </div>
         ) : null}
       </article>
diff --git a/src/app/(main)/plan/_components/itinerary/PlanPlaceCardParts.tsx b/src/app/(main)/plan/_components/itinerary/PlanPlaceCardParts.tsx
index 01156097..de0de2c1 100644
--- a/src/app/(main)/plan/_components/itinerary/PlanPlaceCardParts.tsx
+++ b/src/app/(main)/plan/_components/itinerary/PlanPlaceCardParts.tsx
@@ -1,5 +1,4 @@
-import { Trash2 } from "lucide-react";
-
+import { TrashIcon } from "@/assets/icons";
 import { PLAN_PLACE_CARD_TW } from "@/lib/layout-tokens";
 import { cn } from "@/lib/utils";
 
@@ -71,11 +70,7 @@ export function PlanScheduleItemDeleteButton({
         onDelete();
       }}
     >
-      <Trash2
-        className={PLAN_PLACE_CARD_TW.deleteIconCompact}
-        strokeWidth={2}
-        aria-hidden
-      />
+      <TrashIcon size={PLAN_PLACE_CARD_TW.deleteIconSize} />
     </button>
   );
 }
diff --git a/src/app/(main)/plan/_components/itinerary/PlanScheduleDayBlock.tsx b/src/app/(main)/plan/_components/itinerary/PlanScheduleDayBlock.tsx
index ec6da677..ffb08212 100644
--- a/src/app/(main)/plan/_components/itinerary/PlanScheduleDayBlock.tsx
+++ b/src/app/(main)/plan/_components/itinerary/PlanScheduleDayBlock.tsx
@@ -1,7 +1,7 @@
 "use client";
 
+import { CoinIcon } from "@/assets/icons";
 import { ExpenseEntryButton, useExpenseContext } from "@/components/expenses/ExpenseProvider";
-import { ExpenseIcon } from "@/components/icons/ExpenseIcon";
 
 import type { CSSProperties, Ref } from "react";
 
@@ -18,7 +18,10 @@ type PlanScheduleDayBlockProps = {
   roomId: string;
   scheduleId: number;
   title: string;
+  /** 가계부 패널 부제목에 쓰는 날짜 — `10월 12일 (월)` */
   subtitle?: string;
+  /** 일차 헤더에 보이는 날짜 — `10.12(월)` */
+  dateHeading?: string;
   onRequestDeleteSchedule?: () => void;
   onRequestInsertScheduleAfter?: () => void;
   isScheduleMenuDisabled?: boolean;
@@ -33,6 +36,7 @@ export function PlanScheduleDayBlock({
   scheduleId,
   title,
   subtitle,
+  dateHeading,
   onRequestDeleteSchedule,
   onRequestInsertScheduleAfter,
   isScheduleMenuDisabled = false,
@@ -55,15 +59,15 @@ export function PlanScheduleDayBlock({
   return (
     <PlanDaySection
       title={title}
-      subtitle={subtitle}
+      subtitle={dateHeading ?? subtitle}
       itineraryScheduleId={scheduleId}
       summaryAction={expenses.canManage ? (
         <ExpenseEntryButton
           scheduleId={scheduleId}
           scopeLabel={title}
           scopeSubtitle={subtitle}
-          className="inline-flex min-h-10 max-w-full cursor-pointer items-center gap-1.5 rounded-lg px-2 py-1.5 text-label-m-regular mobile:text-label-s-regular font-medium text-dark-gray/85 transition-colors enabled:hover:bg-sky-50 enabled:hover:text-sky-600 focus-visible:outline-2 focus-visible:outline-primary"
-          icon={<ExpenseIcon className="size-4 shrink-0" />}
+          className="inline-flex min-h-8 max-w-full cursor-pointer items-center gap-1 rounded-lg py-1 pl-[3px] pr-1 text-body-s-emphasis text-primary transition-colors enabled:hover:bg-fill focus-visible:outline-2 focus-visible:outline-primary"
+          icon={<CoinIcon size={16} />}
         />
       ) : undefined}
       onRequestAddExpense={expenses.canManage ? () => expenses.open({ scheduleId }) : undefined}
diff --git a/src/app/(main)/plan/_components/mobile/MobilePlanDaySection.tsx b/src/app/(main)/plan/_components/mobile/MobilePlanDaySection.tsx
index a2af8bcb..1131f381 100644
--- a/src/app/(main)/plan/_components/mobile/MobilePlanDaySection.tsx
+++ b/src/app/(main)/plan/_components/mobile/MobilePlanDaySection.tsx
@@ -16,7 +16,7 @@ import {
 } from "@/components/mobile/MobileBottomSheet";
 import { expensesInScope } from "@/lib/expenses/expense-scope";
 import type { InsertAnchor } from "@/lib/plan/insertPosition";
-import { summarizeExpensesForMobile } from "@/lib/plan/mobilePlanFormat";
+import { summarizePlaceExpenses } from "@/lib/plan/mobilePlanFormat";
 
 import { MobilePlanItinerary } from "./MobilePlanItinerary";
 
@@ -64,7 +64,7 @@ export function MobilePlanDaySection({
   const [manageOpen, setManageOpen] = useState(false);
 
   const dayExpenses = expensesInScope(expenses.list.data ?? [], { scheduleId, label: dayLabel });
-  const dayExpenseSummary = summarizeExpensesForMobile(dayExpenses);
+  const dayExpenseSummary = summarizePlaceExpenses(dayExpenses);
 
   function openDayExpenses() {
     setManageOpen(false);
diff --git a/src/app/(main)/plan/_components/mobile/MobilePlanItinerary.tsx b/src/app/(main)/plan/_components/mobile/MobilePlanItinerary.tsx
index 4e2088ef..0b8d765c 100644
--- a/src/app/(main)/plan/_components/mobile/MobilePlanItinerary.tsx
+++ b/src/app/(main)/plan/_components/mobile/MobilePlanItinerary.tsx
@@ -13,7 +13,7 @@ import { useRoomSchedules, useSchedulePlanPlaces } from "@/hooks/useRooms";
 import { expensesInScope } from "@/lib/expenses/expense-scope";
 import { buildMapRouteHref } from "@/lib/mobile-view";
 import type { InsertAnchor } from "@/lib/plan/insertPosition";
-import { summarizeExpensesForMobile } from "@/lib/plan/mobilePlanFormat";
+import { summarizePlaceExpenses } from "@/lib/plan/mobilePlanFormat";
 import { planCopy } from "@/lib/plan/planCopy";
 import { schedulePlacesFingerprint } from "@/lib/plan/planTravelLocalStorage";
 import {
@@ -151,7 +151,7 @@ export function MobilePlanItinerary({
                 orderNumber={index + 1}
                 badgeColor={badgeColor}
                 highlighted={recentlyAddedItemId !== null && place.itemId === recentlyAddedItemId}
-                expenseSummary={summarizeExpensesForMobile(itemExpenses(place.itemId))}
+                expenseSummary={summarizePlaceExpenses(itemExpenses(place.itemId))}
                 onOpen={() => openPlace(place)}
                 onOpenActions={() => setSheet({ kind: "actions", place })}
                 onOpenExpenses={() => openPlaceExpenses(expenses, scheduleId, place)}
diff --git a/src/app/(main)/plan/_components/mobile/MobilePlanPlaceCard.tsx b/src/app/(main)/plan/_components/mobile/MobilePlanPlaceCard.tsx
index ccf3e337..6bbba996 100644
--- a/src/app/(main)/plan/_components/mobile/MobilePlanPlaceCard.tsx
+++ b/src/app/(main)/plan/_components/mobile/MobilePlanPlaceCard.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, type PointerEvent as ReactPointerEvent } from "react";
+import { useId, useState, type PointerEvent as ReactPointerEvent } from "react";
 
 import {
   ChevronDownIcon,
@@ -22,7 +22,7 @@ type MobilePlanPlaceCardProps = Readonly<{
   badgeColor: string;
   /** 방금 추가된 카드 — 잠깐 강조한다 */
   highlighted?: boolean;
-  /** `45,000 KRW 외 1건` — 없으면 비용 줄을 숨긴다 */
+  /** 대표 통화 원금액 요약 `30 USD 외 1건` — 없으면 비용 줄을 숨긴다 */
   expenseSummary: string | null;
   /** 카드 본문 — 없으면 본문을 눌러도 아무 일도 없다(예: 경로 보기에서 펼친 카드) */
   onOpen?: () => void;
@@ -141,6 +141,7 @@ export function MobilePlanPlaceCard({
 
 function PlaceTimeAndExpense({ place, expenseSummary, addWhenEmpty, onEditTime, onOpenExpenses }:
   Pick<MobilePlanPlaceCardProps, "place" | "expenseSummary" | "addWhenEmpty" | "onEditTime" | "onOpenExpenses">) {
+  const summaryId = useId();
   const timeRange = formatScheduleTimeRange(place.startTime ?? "", place.endTime);
   const addTime = !timeRange && Boolean(addWhenEmpty?.time);
   const addExpense = !expenseSummary && Boolean(addWhenEmpty?.expense);
@@ -188,10 +189,11 @@ function PlaceTimeAndExpense({ place, expenseSummary, addWhenEmpty, onEditTime,
                       onOpenExpenses();
                     }}
                     aria-label={`${place.title} 비용 보기`}
-                    className="pointer-events-auto flex min-w-0 items-center gap-1 text-body-s-regular tabular-nums text-text-subtle"
+                    aria-describedby={summaryId}
+                    className="pointer-events-auto flex min-w-0 max-w-full items-center gap-1 text-body-s-regular tabular-nums text-text-subtle"
                   >
                     <CoinIcon size={18} className="text-icon-subtle" />
-                    <span className="truncate">{expenseSummary}</span>
+                    <span id={summaryId} className="min-w-0 truncate" title={expenseSummary}>{expenseSummary}</span>
                   </button>
                 ) : null}
                 {!expenseSummary && addExpense ? (
diff --git a/src/app/(main)/plan/_components/travel-time/PlanTravelTime.tsx b/src/app/(main)/plan/_components/travel-time/PlanTravelTime.tsx
index f9ea6def..d098b6ce 100644
--- a/src/app/(main)/plan/_components/travel-time/PlanTravelTime.tsx
+++ b/src/app/(main)/plan/_components/travel-time/PlanTravelTime.tsx
@@ -324,6 +324,7 @@ export function PlanTravelTime({
               : undefined
           }
           googleMapsDirectionsUrl={googleMapsDirectionsUrl ?? undefined}
+          subtleDirectionsLink={!isMobileDevice}
           onSelectTravelMode={handleSelectTravelMode}
           onHideDirections={() => {
             setDirectionsHidden(true);
diff --git a/src/app/(main)/plan/_components/travel-time/TravelDirectionsCard.tsx b/src/app/(main)/plan/_components/travel-time/TravelDirectionsCard.tsx
index a1cba967..aed19eef 100644
--- a/src/app/(main)/plan/_components/travel-time/TravelDirectionsCard.tsx
+++ b/src/app/(main)/plan/_components/travel-time/TravelDirectionsCard.tsx
@@ -43,6 +43,8 @@ export type TravelDirectionsCardProps = {
   /** 지도 polyline을 만들 수 없을 때 요약 우측에 표시 */
   renderWarning?: string;
   googleMapsDirectionsUrl?: string;
+  /** PC 일정 — 구간마다 반복되는 길찾기 링크가 튀지 않게 회색 12px로 낮춘다 */
+  subtleDirectionsLink?: boolean;
   /** true면 목록은 참고용(클릭 선택 불가), `onSelectTravelMode` 미사용 */
   readOnly?: boolean;
   onSelectTravelMode?: (next: ScheduleTravelModeValue) => void;
@@ -63,6 +65,7 @@ export function TravelDirectionsCard({
   modeRaw,
   renderWarning,
   googleMapsDirectionsUrl,
+  subtleDirectionsLink = false,
   readOnly = false,
   onSelectTravelMode,
   onHideDirections,
@@ -109,10 +112,15 @@ export function TravelDirectionsCard({
             target="_blank"
             rel="noopener noreferrer"
             aria-label="Google Maps에서 길찾기"
-            className="inline-flex h-10 shrink-0 items-center gap-1 px-2 text-label-xs-regular font-medium text-primary-strong underline-offset-2 hover:underline"
+            className={cn(
+              "inline-flex h-10 shrink-0 items-center gap-1 underline-offset-2 hover:underline",
+              subtleDirectionsLink
+                ? "px-1 text-body-xs-regular text-text-subtle"
+                : "px-2 text-label-xs-regular font-medium text-primary-strong",
+            )}
           >
             Google 길찾기
-            <ExternalLink className="h-3 w-3" aria-hidden />
+            <ExternalLink className={subtleDirectionsLink ? "size-[11px]" : "h-3 w-3"} aria-hidden />
           </a>
         ) : null}
 
diff --git a/src/assets/icons/index.tsx b/src/assets/icons/index.tsx
index 5cf31785..f103e532 100644
--- a/src/assets/icons/index.tsx
+++ b/src/assets/icons/index.tsx
@@ -12,6 +12,7 @@ import LinkSvg from "@/assets/icons/link.svg";
 import LocationAddSvg from "@/assets/icons/location-add.svg";
 import LocationErrorSvg from "@/assets/icons/location-error.svg";
 import LocationSvg from "@/assets/icons/location.svg";
+import MemoAddSvg from "@/assets/icons/memo-add.svg";
 import MenuDotHorizontalSvg from "@/assets/icons/menu-dot-horizontal.svg";
 import MenuDotVerticalSvg from "@/assets/icons/menu-dot-vertical.svg";
 import MenuHamburgerSvg from "@/assets/icons/menu-hamburger.svg";
@@ -50,6 +51,7 @@ export const LinkIcon = createIcon(LinkSvg, "LinkIcon");
 export const LocationAddIcon = createIcon(LocationAddSvg, "LocationAddIcon");
 export const LocationErrorIcon = createIcon(LocationErrorSvg, "LocationErrorIcon");
 export const LocationIcon = createIcon(LocationSvg, "LocationIcon");
+export const MemoAddIcon = createIcon(MemoAddSvg, "MemoAddIcon");
 export const MenuDotHorizontalIcon = createIcon(MenuDotHorizontalSvg, "MenuDotHorizontalIcon");
 export const MenuDotVerticalIcon = createIcon(MenuDotVerticalSvg, "MenuDotVerticalIcon");
 export const MenuHamburgerIcon = createIcon(MenuHamburgerSvg, "MenuHamburgerIcon");
diff --git a/src/assets/icons/memo-add.svg b/src/assets/icons/memo-add.svg
new file mode 100644
index 00000000..539443ba
--- /dev/null
+++ b/src/assets/icons/memo-add.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+  <path d="M11.4444 20H5.77778C5.30628 20 4.8541 19.8127 4.5207 19.4793C4.1873 19.1459 4 18.6937 4 18.2222V5.77778C4 5.30628 4.1873 4.8541 4.5207 4.5207C4.8541 4.1873 5.30628 4 5.77778 4H18.2222C18.6937 4 19.1459 4.1873 19.4793 4.5207C19.8127 4.8541 20 5.30628 20 5.77778V11.4444" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M16 19H22" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M19 16V22" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/expenses/ExpenseProvider.test.tsx b/src/components/expenses/ExpenseProvider.test.tsx
index 89e72750..cc6a1f65 100644
--- a/src/components/expenses/ExpenseProvider.test.tsx
+++ b/src/components/expenses/ExpenseProvider.test.tsx
@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { act, create, type ReactTestRenderer } from "react-test-renderer";
+import { act, create, type ReactTestInstance, type ReactTestRenderer } from "react-test-renderer";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { afterEach, beforeEach, expect, it, vi } from "vitest";
 import { setSessionUserCache } from "@/lib/session-user-cache";
@@ -12,6 +12,10 @@ const stomp = vi.hoisted(() => ({
   unsubscribe: vi.fn(),
 }));
 const stompClient = { subscribe: stomp.subscribe };
+/** 버튼 안 `<span>` 라벨까지 이어 붙인 글자 */
+const textOf = (node: ReactTestInstance): string =>
+  node.children.map((child) => (typeof child === "string" ? child : textOf(child))).join("");
+
 vi.mock("@/contexts/StompContext", () => ({
   useStompContext: () => ({ connected: stomp.connected, client: stompClient }),
 }));
@@ -610,7 +614,7 @@ it("shares one room subscription across route children and resets it on selected
   gateState.roomContextReady = true;
   await act(async () => { renderer.update(tree("장소 비용")); });
   await act(async () => { await new Promise(resolve => setTimeout(resolve, 20)); });
-  expect(renderer.root.findAllByType("button").some(b => b.children.join("").includes("장소 비용"))).toBe(true);
+  expect(renderer.root.findAllByType("button").some(b => textOf(b).includes("장소 비용"))).toBe(true);
   expect(stomp.subscribe).toHaveBeenCalledTimes(1);
   expect(stomp.subscribe.mock.calls[0][0]).toBe("/topic/rooms/r/expenses");
   await act(async () => { renderer.update(tree("일차 비용")); });
@@ -648,7 +652,7 @@ it("mobile plan shares the provider with the cost page while day/place entries k
   expect(renderer.root.findAllByType("a").some(a => a.props.href === "/cost")).toBe(false);
   expect(stomp.subscribe).toHaveBeenCalledTimes(1);
   for (const [label, initial] of [["일차 비용", { scheduleId: 10 }], ["장소 비용", { scheduleId: 10, scheduleItemId: 20 }]] as const) {
-    const button = renderer.root.findAllByType("button").find(b => b.children.join("").includes(label))!;
+    const button = renderer.root.findAllByType("button").find(b => textOf(b).includes(label))!;
     await act(async () => button.props.onClick({ stopPropagation: () => {} }));
     expect(renderer.root.findAllByType(ExpenseEditor)).toHaveLength(1);
     expect(renderer.root.findByType(ExpenseEditor).props.initial).toEqual(initial);
@@ -754,8 +758,7 @@ it("opens a place cost list instead of editing only the latest linked expense",
     client.setQueryData(scheduleItemsQueryKey("r", 2), [{ itemId: 3, title: "경복궁" }]);
   });
   const button = renderer.root.findByType("button");
-  expect(button.children.join("")).toContain("비용 2건");
-  expect(button.children.join("")).toContain("24,690 KRW");
+  expect(button.findByType("span").children.join("")).toBe("24,690 KRW");
   await act(async () => button.props.onClick({ stopPropagation() {} }));
   expect(renderer.root.findAllByType(ExpenseEditor)).toHaveLength(0);
   expect(renderer.root.findAllByType("h2").some(heading => heading.children.join("") === "장소 비용")).toBe(true);
@@ -772,13 +775,19 @@ it("opens a place cost list instead of editing only the latest linked expense",
   expect(renderer.root.findByType(ExpenseEditor).props.initial.expense.id).toBe(99);
 });
 
-it("opens a day cost list with separate totals for each currency", async () => {
+it.each([
+  { rows: [["KRW", "1000"], ["USD", "2.50"]], label: "1,000 KRW 외 1건" },
+  { rows: [["JPY", "3600"]], label: "3,600 JPY" },
+  { rows: [["KRW", "1000"], ["USD", "10"], ["USD", "20"]], label: "30 USD 외 1건" },
+  { rows: [["USD", "10"], ["EUR", "20"], ["EUR", "30"], ["USD", "5"]], label: "15 USD 외 2건" },
+])("day summary $label opens all expenses for that day", async ({ rows, label }) => {
   await mountMutations();
   await act(async () => {
     client.setQueryData(expenseKeys.list("r"), [
-      { ...record, id: 20, scheduleId: 2, scheduleItemId: 3, totalAmount: "1000", currency: "KRW" },
-      { ...record, id: 21, scheduleId: 2, scheduleItemId: null, totalAmount: "2.50", currency: "USD" },
-      { ...record, id: 22, scheduleId: 3, scheduleItemId: null, totalAmount: "500", currency: "KRW" },
+      ...rows.map(([currency, totalAmount], id) => ({
+        ...record, id: 20 + id, scheduleId: 2, scheduleItemId: id === 0 ? 3 : null, currency, totalAmount,
+      })),
+      { ...record, id: 100, scheduleId: 3, scheduleItemId: null, totalAmount: "500", currency: "KRW" },
     ]);
     renderer.update(
       <QueryClientProvider client={client}>
@@ -788,11 +797,11 @@ it("opens a day cost list with separate totals for each currency", async () => {
   });
 
   const button = renderer.root.findByType("button");
-  expect(button.children.join("")).toContain("비용 2건 · 1,000 KRW · 2.50 USD");
+  expect(button.findByType("span").children.join("")).toBe(label);
   await act(async () => button.props.onClick({ stopPropagation() {} }));
   const panel = renderer.root.findByType(ExpenseScopePanel);
   expect(panel.findAllByType("h2")[0].children.join("")).toBe("1일차 비용");
-  expect(panel.findAllByType("li")).toHaveLength(2);
+  expect(panel.findAllByType("li")).toHaveLength(rows.length);
   await act(async () => panel.findAllByType("button").find(b => b.children.join("").includes("비용 추가"))!.props.onClick());
   expect(renderer.root.findByType(ExpenseEditor).props.initial).toEqual({ scheduleId: 2 });
 });
@@ -804,7 +813,7 @@ it("returns to add mode after the last linked expense is deleted", async () => {
     await new Promise((resolve) => setTimeout(resolve, 20));
   });
   const button = renderer.root.findByType("button");
-  expect(button.children.join("")).toContain("비용 추가");
+  expect(button.findByType("span").children.join("")).toBe("비용 추가");
   await act(async () => button.props.onClick({ stopPropagation() {} }));
   expect(renderer.root.findByType(ExpenseEditor).props.initial).toEqual({ scheduleId: 2, scheduleItemId: 3 });
 });
@@ -1107,3 +1116,28 @@ it.each(["account", "logout", "room", "room-loss", "account-roundtrip", "room-ro
     ]);
   }
 });
+
+
+it.each([
+  { rows: [["KRW", "1000"]], label: "1,000 KRW" },
+  { rows: [["JPY", "3600"]], label: "3,600 JPY" },
+  { rows: [["USD", "10"], ["USD", "20"], ["KRW", "1000"]], label: "30 USD 외 1건" },
+  { rows: [["JPY", "0"]], label: "0 JPY" },
+])("place summary $label opens the complete scoped original-currency list", async ({ rows, label }) => {
+  const records = rows.map(([currency, totalAmount], id) => ({ ...record, id, currency, totalAmount, scheduleId: 2, scheduleItemId: 3 }));
+  await mountPlaceExpenseButton([...records, { ...record, id: 100, scheduleId: 9, scheduleItemId: 3 }]);
+  const button = renderer.root.findByType("button");
+  expect(button.findByType("span").children.join("")).toBe(label);
+  expect(button.props["aria-label"]).toBe("장소 비용 목록 열기");
+  const descriptionId = button.props["aria-describedby"];
+  expect(descriptionId).toBeTruthy();
+  expect(textOf(renderer.root.findByProps({ id: descriptionId }))).toBe(label);
+  await act(async () => button.props.onClick({ stopPropagation() {} }));
+  expect(renderer.root.findAllByType(ExpenseEditor)).toHaveLength(0);
+  const panel = renderer.root.findByType(ExpenseScopePanel);
+  expect(panel.findAllByType("li")).toHaveLength(rows.length);
+  for (const { currency, totalAmount } of records) {
+    expect(textOf(panel)).toContain(currency);
+    expect(panel.props.expenses).toContainEqual(expect.objectContaining({ currency, totalAmount }));
+  }
+});
diff --git a/src/components/expenses/ExpenseProvider.tsx b/src/components/expenses/ExpenseProvider.tsx
index a95fd16b..6192dae9 100644
--- a/src/components/expenses/ExpenseProvider.tsx
+++ b/src/components/expenses/ExpenseProvider.tsx
@@ -3,6 +3,7 @@
 import {
   createContext,
   useContext,
+  useId,
   useLayoutEffect,
   useRef,
   useState,
@@ -34,15 +35,14 @@ import {
 import { canManageExpenses } from "@/lib/expenses/expense-policy";
 import { getExpenseRecoveryStore } from "@/lib/expenses/expense-recovery";
 import { expenseKeys } from "@/lib/expenses/expense-queries";
-import { expensesInScope, totalsByCurrency, type ExpenseScope } from "@/lib/expenses/expense-scope";
+import { expensesInScope, type ExpenseScope } from "@/lib/expenses/expense-scope";
+import { summarizePlaceExpenses } from "@/lib/plan/mobilePlanFormat";
 import { useSessionUser } from "@/hooks/useSessionUser";
 import { useRoomSchedules } from "@/hooks/useRooms";
 import { useExpenseRecovery } from "@/hooks/useExpenseRecovery";
 import { ExpenseEditor, type ExpenseEntry } from "./ExpenseEditor";
 import { ExpenseScopePanel } from "./ExpenseScopePanel";
-import { formatExpenseAmount } from "./ExpenseViews";
 import { cn } from "@/lib/utils";
-import { PLAN_PLACE_CARD_TW } from "@/lib/layout-tokens";
 
 function useExpenses(roomId: string) {
   const client = useQueryClient();
@@ -430,22 +430,21 @@ export function ExpenseEntryButton({
   className?: string;
   icon?: ReactNode;
 }>) {
+  const summaryId = useId();
   const context = useContext(ExpenseContext);
   if (!context?.canManage) return null;
   const scope = { scheduleId, scheduleItemId, label: scopeLabel, subtitle: scopeSubtitle };
   const scoped = expensesInScope(context.list.data ?? [], scope);
-  const totals = totalsByCurrency(scoped);
   const summaryLabel = !context.list.isSuccess
     ? "비용 보기"
-    : scoped.length
-      ? `비용 ${scoped.length}건 · ${totals.map(({ currency, amount }) => `${formatExpenseAmount(amount)} ${currency}`).join(" · ")}`
-      : label;
+    : (summarizePlaceExpenses(scoped) ?? label);
   return (
     <button
       type="button"
       data-plan-card-no-drag
       disabled={context.busy}
       aria-label={`${scopeLabel} ${context.list.isSuccess && !scoped.length ? "비용 추가" : "비용 목록 열기"}`}
+      aria-describedby={scheduleItemId === undefined ? undefined : summaryId}
       aria-haspopup="dialog"
       onMouseDown={(e) => e.stopPropagation()}
       onClick={(e) => {
@@ -458,9 +457,9 @@ export function ExpenseEntryButton({
           context.openScope(scope);
         }
       }}
-      className={cn(className, "min-w-0 max-w-full whitespace-normal break-words text-left", scoped.length > 0 && PLAN_PLACE_CARD_TW.triggerButtonActive, "disabled:cursor-not-allowed disabled:opacity-50")}
+      className={cn(className, "min-w-0 max-w-full text-left", "disabled:cursor-not-allowed disabled:opacity-50")}
     >
-      {icon}{summaryLabel}
+      {icon}<span id={scheduleItemId === undefined ? undefined : summaryId} className="min-w-0 truncate" title={scheduleItemId === undefined ? undefined : summaryLabel}>{summaryLabel}</span>
     </button>
   );
 }
diff --git a/src/components/layout/MainContentScrollArea.tsx b/src/components/layout/MainContentScrollArea.tsx
index d4032ba7..33c86f58 100644
--- a/src/components/layout/MainContentScrollArea.tsx
+++ b/src/components/layout/MainContentScrollArea.tsx
@@ -7,6 +7,7 @@ import {
   MAIN_PAGE_INLINE_PADDING_CLASS,
   MAIN_SCROLLBAR_GUTTER_CLASS,
 } from "@/lib/layout-tokens";
+import { isPlanPath } from "@/lib/layout/mainChromeLayoutWidth";
 import { cn } from "@/lib/utils";
 
 /**
@@ -30,6 +31,8 @@ export function MainContentScrollArea({
   const scrollRef = useRef<HTMLDivElement>(null);
   const searchPage = isSearchPath(pathname);
   const ledgerPage = pathname === "/cost" && !fill;
+  // 일정은 디자인 여백(위 14 · 왼쪽 20 · 오른쪽은 스크롤바 포함 24)에 맞춰 스크롤바 자리를 오른쪽에만 둔다
+  const planPage = isPlanPath(pathname) && !fill;
 
   useEffect(() => {
     scrollRef.current?.scrollTo(0, 0);
@@ -41,7 +44,7 @@ export function MainContentScrollArea({
       data-main-content-scroll
       className={cn(
         "min-h-0 min-w-0 flex-1",
-        !fill && !ledgerPage && "pt-2.5",
+        !fill && !ledgerPage && (planPage ? "pt-3.5" : "pt-2.5"),
         ledgerPage && "bg-fill-subtle mobile:bg-fill max-sm:bg-fill",
         fill
           ? "flex flex-col overflow-hidden"
@@ -50,6 +53,7 @@ export function MainContentScrollArea({
             : cn(
                 "overflow-x-hidden overflow-y-auto",
                 MAIN_SCROLLBAR_GUTTER_CLASS,
+                planPage && "[scrollbar-gutter:stable]",
               ),
       )}
     >
@@ -57,7 +61,8 @@ export function MainContentScrollArea({
         className={cn(
           "min-w-0",
           (fill || searchPage) && "flex min-h-0 flex-1 flex-col",
-          !fill && !searchPage && !ledgerPage && MAIN_PAGE_INLINE_PADDING_CLASS,
+          !fill && !searchPage && !ledgerPage && !planPage && MAIN_PAGE_INLINE_PADDING_CLASS,
+          planPage && "pl-5 pr-2.5",
           ledgerPage && "p-8 mobile:p-5 max-sm:p-5",
         )}
       >
diff --git a/src/lib/layout-tokens.ts b/src/lib/layout-tokens.ts
index 1253a15b..ddb33c1e 100644
--- a/src/lib/layout-tokens.ts
+++ b/src/lib/layout-tokens.ts
@@ -30,29 +30,31 @@ export const PLAN_PLACE_CARD_MIN_SIZE_REM = "6rem" as const;
  */
 export const PLAN_PLACE_CARD_TW = {
   article:
-    "relative grid grid-cols-[auto_minmax(0,1fr)] items-start gap-x-3.5 rounded-xl border border-gray-border bg-white p-3.5 shadow-sm mobile:gap-x-2.5 mobile:p-2.5",
+    "relative grid grid-cols-[auto_minmax(0,1fr)] items-start gap-x-3 rounded-xl border border-gray-border bg-white p-3.5 shadow-sm mobile:gap-x-2.5 mobile:p-2.5",
   thumbnail:
     "relative h-[6rem] w-[6rem] shrink-0 overflow-hidden rounded-lg bg-fill-strong mobile:h-[4.5rem] mobile:w-[4.5rem]",
+  /** 장소명·카테고리는 위, 주소는 썸네일 아래 끝에 맞춘다 */
   contentColumn:
-    "flex min-h-[6rem] min-w-0 flex-col justify-start gap-2 mobile:min-h-[4.5rem]",
+    "flex min-h-[6rem] min-w-0 flex-col justify-between gap-2 pb-1 mobile:min-h-[4.5rem]",
   titleRow: "flex min-w-0 items-start gap-2.5",
-  subtitle: "text-body-xs-regular leading-snug text-dark-gray/85",
+  subtitle: "truncate text-caption-l-regular text-text-subtle",
   controlsStack: "flex min-w-0 flex-col gap-0.5",
   orderBadgeCompact:
     "absolute -left-2 -top-2 z-10 h-8 w-8 rounded-lg border-2 border-white text-body-s-regular mobile:text-body-xs-regular shadow-md",
   titleCompact: "text-body-m-emphasis mobile:text-body-s-emphasis font-semibold leading-snug text-gray-900",
-  titleClamp: "line-clamp-2",
-  subtitleClamp: "line-clamp-2",
+  title: "truncate text-body-l-emphasis mobile:text-body-s-emphasis text-text",
   primaryTypeBadge:
-    "shrink-0 rounded-full bg-gray-100 px-2 py-0.5 text-body-xs-emphasis font-medium leading-none text-dark-gray",
+    "w-fit max-w-full shrink-0 truncate rounded-full bg-fill px-1.5 py-0.5 text-body-xs-regular text-text-subtle",
   deleteButtonCompact: "p-1 @min-[370px]/plan:p-1.5",
-  deleteIconCompact: "h-5 w-5",
-  triggerRow:
-    "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1",
-  triggerButton:
-    "flex shrink-0 cursor-pointer items-center gap-1 rounded-md px-2 py-1 text-label-m-regular mobile:text-label-s-regular font-medium text-dark-gray/85 transition hover:bg-sky-50 hover:text-sky-600",
-  triggerButtonActive: "text-sky-600 font-semibold",
-  triggerIcon: "h-4 w-4 shrink-0",
+  deleteIconSize: 16,
+  /** 카드 아래 시간·비용(왼쪽)과 메모(오른쪽) 버튼 줄 — 버튼 배경이 카드 안쪽 여백보다 바깥에 오도록 좌우를 넓힌다 */
+  actionBar: "-mx-1.5 flex min-w-0 items-center justify-between gap-2",
+  /** 디자인 시스템 Button Base(sm) — 버튼 좌우 여백 10, 아이콘 16, 라벨(`span`) 좌우 여백 6 */
+  actionButton:
+    "flex h-9 shrink-0 cursor-pointer items-center rounded-md bg-fill-subtle px-2.5 text-body-s-emphasis text-text transition-colors hover:bg-fill disabled:cursor-not-allowed disabled:opacity-50 [&>span]:px-1.5",
+  /** 메모 버튼만 Button Base 좌우 여백이 4다(디자인) */
+  actionButtonTrailing: "px-1",
+  actionIcon: "shrink-0 text-primary",
   editorModule:
     "relative flex w-full items-start gap-3 rounded-2xl bg-gray-100/70 px-4 py-3 text-body-s-regular mobile:text-body-xs-regular text-gray-900",
   editorSideLabelWrapper:
diff --git a/src/lib/plan/mobilePlanFormat.test.ts b/src/lib/plan/mobilePlanFormat.test.ts
index 1ff51485..aacf3d84 100644
--- a/src/lib/plan/mobilePlanFormat.test.ts
+++ b/src/lib/plan/mobilePlanFormat.test.ts
@@ -2,7 +2,7 @@ import { describe, expect, it } from "vitest";
 
 import type { Expense } from "@/lib/api/rooms/expenses";
 
-import { formatMobileDayDate, formatMonthDayKo, summarizeExpensesForMobile } from "./mobilePlanFormat";
+import { formatMobileDayDate, formatMonthDayKo, summarizePlaceExpenses } from "./mobilePlanFormat";
 
 function expense(currency: string, totalAmount: string, id: number): Expense {
   return { id, currency, totalAmount } as Expense;
@@ -31,30 +31,21 @@ describe("formatMobileDayDate", () => {
   });
 });
 
-describe("summarizeExpensesForMobile", () => {
-  it("지출이 없으면 null", () => {
-    expect(summarizeExpensesForMobile([])).toBeNull();
-  });
-
-  it("통화가 하나면 합계만 보여준다", () => {
-    expect(
-      summarizeExpensesForMobile([expense("KRW", "45000", 1), expense("KRW", "5000", 2)]),
-    ).toBe("50,000 KRW");
-  });
-
-  it("지출이 가장 많은 통화 합계에 다른 통화 지출 건수를 붙인다", () => {
-    expect(
-      summarizeExpensesForMobile([
-        expense("AFN", "123.00", 1),
-        expense("KRW", "300", 2),
-        expense("KRW", "57", 3),
-      ]),
-    ).toBe("357 KRW 외 1건");
-  });
-
-  it("건수가 같으면 먼저 나온 통화를 쓴다", () => {
-    expect(
-      summarizeExpensesForMobile([expense("JPY", "3600", 1), expense("KRW", "1000", 2)]),
-    ).toBe("3,600 JPY 외 1건");
+describe("summarizePlaceExpenses", () => {
+  it.each([
+    { name: "empty", rows: [], want: null },
+    { name: "single KRW", rows: [["KRW", "1000"]], want: "1,000 KRW" },
+    { name: "single foreign", rows: [["JPY", "3600"]], want: "3,600 JPY" },
+    { name: "same currency", rows: [["USD", "10.10"], ["USD", "20.20"]], want: "30.30 USD" },
+    { name: "most entries, not largest amount", rows: [["KRW", "1000000"], ["USD", "10"], ["USD", "20"]], want: "30 USD 외 1건" },
+    { name: "tie uses first occurrence; suffix counts entries not currencies", rows: [["USD", "10"], ["EUR", "20"], ["EUR", "30"], ["USD", "5"]], want: "15 USD 외 2건" },
+    { name: "zero is an expense", rows: [["JPY", "0"]], want: "0 JPY" },
+    { name: "zero entries participate in counts", rows: [["USD", "0"], ["USD", "0"], ["KRW", "1000"]], want: "0 USD 외 1건" },
+    { name: "large precise amount", rows: [["USD", "12345678901234567890.12"], ["USD", "0.01"]], want: "12,345,678,901,234,567,890.13 USD" },
+  ])("$name", ({ rows, want }) => {
+    const records = rows.map(([currency, amount], index) => expense(currency, amount, index));
+    const before = structuredClone(records);
+    expect(summarizePlaceExpenses(records)).toBe(want);
+    expect(records).toEqual(before);
   });
 });
diff --git a/src/lib/plan/mobilePlanFormat.ts b/src/lib/plan/mobilePlanFormat.ts
index 58a994b5..1dbd1627 100644
--- a/src/lib/plan/mobilePlanFormat.ts
+++ b/src/lib/plan/mobilePlanFormat.ts
@@ -22,10 +22,11 @@ export function formatMonthDayKo(ymd: string): string {
 }
 
 /**
- * 모바일 비용 요약 — 지출이 가장 많은 통화의 합계만 보여주고, 다른 통화 지출은 건수로 붙인다.
- * 예: `357 KRW`, `357 KRW 외 1건`. 지출이 없으면 null.
+ * 일차·장소 비용 요약 — 가장 많은 지출 건수의 통화를 원금액으로 합산한다.
+ * 동률이면 처음 등장한 통화, `외 N건`은 나머지 통화의 지출 건수다.
+ * 예: `30 USD 외 1건`. 0원도 지출이며, 빈 목록만 null이다.
  */
-export function summarizeExpensesForMobile(expenses: readonly Expense[]): string | null {
+export function summarizePlaceExpenses(expenses: readonly Expense[]): string | null {
   if (expenses.length === 0) return null;
   const countByCurrency = new Map<string, number>();
   for (const expense of expenses) {
diff --git a/src/lib/plan/scheduleMerge.ts b/src/lib/plan/scheduleMerge.ts
index 35f3a9b0..66de0599 100644
--- a/src/lib/plan/scheduleMerge.ts
+++ b/src/lib/plan/scheduleMerge.ts
@@ -3,6 +3,7 @@ import type { PlanDayData } from "@/lib/plan/types";
 
 import {
   formatKoreanDateLabel,
+  formatShortDateLabel,
   parseLocalYmd,
 } from "@/lib/plan/tripRange";
 
@@ -23,6 +24,7 @@ export function mergeSchedulesWithPlaces(schedules: RoomSchedule[]): PlanDayData
     id: `schedule-${s.scheduleId}`,
     dayLabel: `${i + 1}일차`,
     dateLabel: formatKoreanDateLabel(parseLocalYmd(s.date)),
+    shortDateLabel: formatShortDateLabel(parseLocalYmd(s.date)),
     places: [],
   }));
 }
diff --git a/src/lib/plan/tripRange.ts b/src/lib/plan/tripRange.ts
index acd2c46e..764d58a8 100644
--- a/src/lib/plan/tripRange.ts
+++ b/src/lib/plan/tripRange.ts
@@ -35,6 +35,13 @@ export function formatKoreanDateLabel(d: Date): string {
   return `${d.getMonth() + 1}월 ${d.getDate()}일 (${w})`;
 }
 
+/** 일정 일차 헤더용 짧은 날짜 — `10.12(월)` */
+export function formatShortDateLabel(d: Date): string {
+  const m = String(d.getMonth() + 1).padStart(2, "0");
+  const day = String(d.getDate()).padStart(2, "0");
+  return `${m}.${day}(${WEEKDAYS_KO[d.getDay()]})`;
+}
+
 function formatYmdKoShort(ymd: string): string {
   const d = parseLocalYmd(ymd);
   return `${d.getMonth() + 1}월 ${d.getDate()}일`;
diff --git a/src/lib/plan/types.ts b/src/lib/plan/types.ts
index f5573e59..7ea2c1ac 100644
--- a/src/lib/plan/types.ts
+++ b/src/lib/plan/types.ts
@@ -26,6 +26,9 @@ export type PlanPlace = {
 export type PlanDayData = {
   id: string;
   dayLabel: string;
+  /** `10월 12일 (월)` — 가계부 패널 부제목 등 */
   dateLabel: string;
+  /** `10.12(월)` — 일차 헤더 */
+  shortDateLabel: string;
   places: PlanPlace[];
 };