diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index ff1cd18bd..4b6db06ea 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -107,9 +107,9 @@ jobs:
       - name: Build Storybook
         run: yarn build-storybook
 
-  # Playwright E2E: 스테이징 환경 대상 실행
-  # E2E_AUTH_JSON secret 설정 시 @auth 태그 포함 전체 스위트 실행
-  # secret 누락/만료 시 비인증 테스트만 실행 (fallback)
+  # Playwright E2E:
+  # - non-@auth 테스트: CI 내 로컬 서버(localhost:3000) 대상 항상 실행 (스테이징 의존 없음)
+  # - @auth 테스트: 스테이징 접속 가능 시에만 실행, 불가 시 경고 후 스킵
   # 갱신 절차: yarn e2e:save-auth → GitHub Secret E2E_AUTH_JSON 업데이트
   e2e:
     runs-on: ubuntu-latest
@@ -170,15 +170,41 @@ jobs:
         if: env.E2E_AUTH_JSON == ''
         run: echo "::warning::E2E_AUTH_JSON not set — skipping @auth tests"
 
-      - name: Run E2E tests (full suite, with auth)
-        if: env.E2E_AUTH_JSON != '' && env.AUTH_EXPIRED != 'true'
-        run: yarn e2e
+      - name: Build Next.js app
+        run: yarn build
         env:
-          E2E_BASE_URL: https://test.zeroone.it.kr
+          NEXT_PUBLIC_API_BASE_URL: https://test-api.zeroone.it.kr
 
-      - name: Run E2E tests (non-auth only)
-        if: env.E2E_AUTH_JSON == '' || env.AUTH_EXPIRED == 'true'
+      - name: Start local server
+        run: |
+          NEXT_PUBLIC_API_BASE_URL=https://test-api.zeroone.it.kr yarn start &
+          for i in $(seq 1 30); do
+            if curl -sf --max-time 5 http://localhost:3000/ > /dev/null 2>&1; then
+              echo "Local server ready"
+              break
+            fi
+            echo "Waiting for server... ($i/30)"
+            sleep 2
+          done
+
+      - name: Run E2E tests (non-auth, local server)
         run: yarn e2e --grep-invert @auth
+        env:
+          E2E_BASE_URL: http://localhost:3000
+
+      - name: Check staging connectivity
+        run: |
+          STATUS=$(curl -s --max-time 10 -o /dev/null -w "%{http_code}" https://test.zeroone.it.kr/ 2>/dev/null || true)
+          if [[ "$STATUS" =~ ^[2-4][0-9][0-9]$ ]]; then
+            echo "Staging reachable (HTTP $STATUS)"
+          else
+            echo "::warning::Staging https://test.zeroone.it.kr unreachable — skipping @auth tests"
+            echo "STAGING_DOWN=true" >> "$GITHUB_ENV"
+          fi
+
+      - name: Run E2E tests (auth suite, staging)
+        if: env.E2E_AUTH_JSON != '' && env.AUTH_EXPIRED != 'true' && env.STAGING_DOWN != 'true'
+        run: yarn e2e --grep @auth
         env:
           E2E_BASE_URL: https://test.zeroone.it.kr
 
diff --git a/e2e/class/builder-feed.spec.ts b/e2e/class/builder-feed.spec.ts
index 4d052ad2b..bed988e99 100644
--- a/e2e/class/builder-feed.spec.ts
+++ b/e2e/class/builder-feed.spec.ts
@@ -123,7 +123,11 @@ function makeComments(): { content: BuilderFeedCommentsResponse } {
         {
           commentId: 1,
           content: '멋진 피드네요!',
-          author: { memberId: 3, nickname: '댓글러', role: 'STUDENT' },
+          author: {
+            memberId: 3,
+            nickname: '댓글러',
+            role: 'STUDENT',
+          },
           createdAt: '2025-05-01T13:00:00.000Z',
           replies: [],
         },
@@ -133,12 +137,27 @@ function makeComments(): { content: BuilderFeedCommentsResponse } {
 }
 
 // ─── Route Mock Helpers ───────────────────────────────────────────────────────
+//
+// Use URL-object function predicates (url.pathname) rather than regex strings
+// so cross-origin requests to test-api.zeroone.it.kr are matched precisely.
+//
+// Registration order follows LIFO (last registered = first evaluated), so
+// more-specific handlers are registered last.
 
 async function mockFeedListApis(page: Page, feeds: FeedItem[] = []) {
-  await page.route(/\/courses\//, async (route) => {
-    const url = route.request().url();
-    if (url.includes('/courses/vibe-intro/curriculum')) {
-      await route.fulfill({
+  // (1) course detail — single path segment after /courses/
+  await page.route(
+    (url) => /\/api\/v5\/courses\/[^/]+$/.test(url.pathname),
+    async (route) => route.fulfill({ json: makeCourseDetail() }),
+  );
+
+  // (2) curriculum — /courses/{slug}/curriculum
+  await page.route(
+    (url) =>
+      url.pathname.startsWith('/api/v5/courses/') &&
+      url.pathname.endsWith('/curriculum'),
+    async (route) =>
+      route.fulfill({
         json: {
           content: {
             courseId: COURSE_ID,
@@ -148,42 +167,64 @@ async function mockFeedListApis(page: Page, feeds: FeedItem[] = []) {
             chapters: [],
           },
         },
-      });
-    } else if (url.includes('/builder-feeds')) {
-      await route.fulfill({ json: makeFeedList(feeds) });
-    } else if (url.includes('/courses/vibe-intro')) {
-      await route.fulfill({ json: makeCourseDetail() });
-    } else {
-      await route.continue();
-    }
-  });
+      }),
+  );
+
+  // (3) builder-feeds list — /courses/{courseId}/builder-feeds (checked first via LIFO)
+  await page.route(
+    (url) =>
+      url.pathname.startsWith('/api/v5/courses/') &&
+      url.pathname.includes('/builder-feeds'),
+    async (route) => route.fulfill({ json: makeFeedList(feeds) }),
+  );
 }
 
 async function mockFeedDetailApis(page: Page) {
-  // Intercept builder-feeds/* routes first (more specific)
-  await page.route(/\/builder-feeds\//, async (route) => {
-    const url = route.request().url();
-    if (url.includes('/comments')) {
-      await route.fulfill({ json: makeComments() });
-    } else if (url.includes('/like')) {
+  // (1) course detail
+  await page.route(
+    (url) => /\/api\/v5\/courses\/[^/]+$/.test(url.pathname),
+    async (route) => route.fulfill({ json: makeCourseDetail() }),
+  );
+
+  // (2) builder-feeds list on course (for "더 많은 피드" section)
+  await page.route(
+    (url) =>
+      url.pathname.startsWith('/api/v5/courses/') &&
+      url.pathname.includes('/builder-feeds'),
+    async (route) => route.fulfill({ json: makeFeedList([]) }),
+  );
+
+  // (3) feed detail — /builder-feeds/{id} (exact numeric id, no sub-path)
+  await page.route(
+    (url) => /\/api\/v5\/builder-feeds\/\d+$/.test(url.pathname),
+    async (route) => route.fulfill({ json: makeFeedDetail() }),
+  );
+
+  // (4) comments — /builder-feeds/{id}/comments
+  await page.route(
+    (url) =>
+      url.pathname.startsWith('/api/v5/builder-feeds/') &&
+      url.pathname.endsWith('/comments'),
+    async (route) => route.fulfill({ json: makeComments() }),
+  );
+
+  // (5) like — POST /builder-feeds/{id}/like (checked first via LIFO)
+  await page.route(
+    (url) =>
+      url.pathname.startsWith('/api/v5/builder-feeds/') &&
+      url.pathname.endsWith('/like'),
+    async (route) => {
+      if (route.request().method() !== 'POST') {
+        await route.continue();
+        return;
+      }
       await route.fulfill({
-        json: { content: { feedId: FEED_ID, isLiked: true, likeCount: 6 } },
+        json: {
+          content: { feedId: FEED_ID, isLiked: true, likeCount: 6 },
+        },
       });
-    } else {
-      await route.fulfill({ json: makeFeedDetail() });
-    }
-  });
-  // Intercept /courses/* for "더 많은 피드" and course detail
-  await page.route(/\/courses\//, async (route) => {
-    const url = route.request().url();
-    if (url.includes('/builder-feeds')) {
-      await route.fulfill({ json: makeFeedList([]) });
-    } else if (url.includes('/courses/vibe-intro')) {
-      await route.fulfill({ json: makeCourseDetail() });
-    } else {
-      await route.continue();
-    }
-  });
+    },
+  );
 }
 
 // ─── Tests ────────────────────────────────────────────────────────────────────
@@ -193,10 +234,13 @@ test.describe('빌더 피드 목록 @auth', () => {
     page,
   }) => {
     await mockFeedListApis(page, [makeFeedItem(FEED_ID)]);
-    await page.goto(FEED_LIST_PATH, { waitUntil: 'load' });
+    await Promise.all([
+      page.waitForResponse((r) => /\/courses\/vibe-intro$/.test(r.url())),
+      page.goto(FEED_LIST_PATH, { waitUntil: 'load' }),
+    ]);
 
     await expect(page.getByText(/테스트 피드 내용/)).toBeVisible({
-      timeout: 10000,
+      timeout: 5000,
     });
     await expect(page.getByText('테스터').first()).toBeVisible();
   });
@@ -205,10 +249,13 @@ test.describe('빌더 피드 목록 @auth', () => {
     page,
   }) => {
     await mockFeedListApis(page, []);
-    await page.goto(FEED_LIST_PATH, { waitUntil: 'load' });
+    await Promise.all([
+      page.waitForResponse((r) => /\/courses\/vibe-intro$/.test(r.url())),
+      page.goto(FEED_LIST_PATH, { waitUntil: 'load' }),
+    ]);
 
     await expect(page.getByText('아직 등록된 피드가 없어요.')).toBeVisible({
-      timeout: 10000,
+      timeout: 5000,
     });
   });
 });
@@ -219,23 +266,34 @@ test.describe('빌더 피드 상세 @auth', () => {
   });
 
   test('피드 상세 렌더링 — 내용·댓글 표시', async ({ page }) => {
-    await page.goto(FEED_DETAIL_PATH, { waitUntil: 'load' });
+    await Promise.all([
+      page.waitForResponse(
+        (r) =>
+          /\/builder-feeds\/\d+$/.test(r.url()) &&
+          r.request().method() === 'GET',
+      ),
+      page.goto(FEED_DETAIL_PATH, { waitUntil: 'load' }),
+    ]);
 
     await expect(page.getByText('피드 상세 내용입니다.')).toBeVisible({
-      timeout: 10000,
+      timeout: 5000,
     });
     await expect(page.getByText('멋진 피드네요!')).toBeVisible({
-      timeout: 5000,
+      timeout: 10000,
     });
   });
 
   test('좋아요 버튼 클릭 → POST /builder-feeds/{id}/like 호출 확인', async ({
     page,
   }) => {
-    await page.goto(FEED_DETAIL_PATH, { waitUntil: 'load' });
-    await expect(page.getByText('피드 상세 내용입니다.')).toBeVisible({
-      timeout: 10000,
-    });
+    await Promise.all([
+      page.waitForResponse(
+        (r) =>
+          /\/builder-feeds\/\d+$/.test(r.url()) &&
+          r.request().method() === 'GET',
+      ),
+      page.goto(FEED_DETAIL_PATH, { waitUntil: 'load' }),
+    ]);
 
     // Like button is the first action button (Heart icon + likeCount)
     const [likeResponse] = await Promise.all([
@@ -243,6 +301,7 @@ test.describe('빌더 피드 상세 @auth', () => {
         (r) =>
           r.url().includes(`/builder-feeds/${FEED_ID}/like`) &&
           r.request().method() === 'POST',
+        { timeout: 15000 },
       ),
       page.locator('button').filter({ hasText: '5' }).first().click(),
     ]);
diff --git a/public/my-page/discord-icon.png b/public/my-page/discord-icon.png
new file mode 100644
index 000000000..802a0a719
Binary files /dev/null and b/public/my-page/discord-icon.png differ
diff --git a/public/my-page/feed-icon.svg b/public/my-page/feed-icon.svg
new file mode 100644
index 000000000..b22fc9e26
--- /dev/null
+++ b/public/my-page/feed-icon.svg
@@ -0,0 +1,3 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 40.5 40.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M29.25 0H4.5C2.025 0 0 2.025 0 4.5V36C0 38.475 2.025 40.5 4.5 40.5H36C38.475 40.5 40.5 38.475 40.5 36V11.25L29.25 0ZM11.25 9H18C19.2375 9 20.25 10.0125 20.25 11.25C20.25 12.4875 19.2375 13.5 18 13.5H11.25C10.0125 13.5 9 12.4875 9 11.25C9 10.0125 10.0125 9 11.25 9ZM29.25 31.5H11.25C10.0125 31.5 9 30.4875 9 29.25C9 28.0125 10.0125 27 11.25 27H29.25C30.4875 27 31.5 28.0125 31.5 29.25C31.5 30.4875 30.4875 31.5 29.25 31.5ZM29.25 22.5H11.25C10.0125 22.5 9 21.4875 9 20.25C9 19.0125 10.0125 18 11.25 18H29.25C30.4875 18 31.5 19.0125 31.5 20.25C31.5 21.4875 30.4875 22.5 29.25 22.5ZM27 11.25V4.5L36 13.5H29.25C28.0125 13.5 27 12.4875 27 11.25Z" fill="var(--fill-0, #F63D68)"/>
+</svg>
diff --git a/src/api/client/axios.ts b/src/api/client/axios.ts
index 5e8f9f97d..c1c46f7fb 100644
--- a/src/api/client/axios.ts
+++ b/src/api/client/axios.ts
@@ -82,3 +82,22 @@ axiosInstanceForMultipartV5.interceptors.response.use(
     axiosInstanceForMultipartV5(requestConfig),
   ),
 );
+
+// v6 MyPage API 전용 인스턴스
+export const axiosInstanceV6 = axios.create({
+  baseURL: `${process.env.NEXT_PUBLIC_API_BASE_URL}/api/v6/`,
+  timeout: 60000,
+  headers: {
+    'Content-Type': 'application/json',
+  },
+  withCredentials: true,
+});
+
+attachApiLogger(axiosInstanceV6, 'client-v6-json');
+axiosInstanceV6.interceptors.request.use(attachAccessTokenToRequest);
+axiosInstanceV6.interceptors.response.use(
+  (config) => config,
+  createClientAuthResponseRejectedHandler((requestConfig) =>
+    axiosInstanceV6(requestConfig),
+  ),
+);
diff --git a/src/app/(class-lesson)/class/[slug]/lesson/[id]/_components/lesson-qna-submission-modal.tsx b/src/app/(class-lesson)/class/[slug]/lesson/[id]/_components/lesson-qna-submission-modal.tsx
index 916d9d5e2..b6cfb563a 100644
--- a/src/app/(class-lesson)/class/[slug]/lesson/[id]/_components/lesson-qna-submission-modal.tsx
+++ b/src/app/(class-lesson)/class/[slug]/lesson/[id]/_components/lesson-qna-submission-modal.tsx
@@ -286,11 +286,11 @@ export function LessonQnaSubmissionModal({
         </div>
 
         {/* Footer */}
-        <div className="flex shrink-0 items-center justify-center gap-200 px-750 py-300">
+        <div className="flex shrink-0 items-center gap-200 px-750 py-300">
           <button
             type="button"
             onClick={handleDraftSave}
-            className="w-full rounded-100 border border-rose-400 px-400 py-200 font-designer-18b text-rose-500 hover:opacity-80"
+            className="flex h-700 flex-1 items-center justify-center rounded-100 border border-rose-400 font-designer-18b text-rose-500 hover:opacity-80"
           >
             임시저장
           </button>
@@ -299,7 +299,7 @@ export function LessonQnaSubmissionModal({
             onClick={handleSubmit}
             disabled={createQna.isPending}
             className={cn(
-              'w-full rounded-100 px-400 py-200 font-designer-18b text-text-inverse transition-opacity',
+              'flex h-700 flex-1 items-center justify-center rounded-100 font-designer-18b text-text-inverse transition-opacity',
               createQna.isPending
                 ? 'cursor-not-allowed bg-gray-300'
                 : 'bg-rose-500 hover:opacity-90',
diff --git a/src/app/(landing)/class/[slug]/(learning)/feed/write/page.tsx b/src/app/(landing)/class/[slug]/(learning)/feed/write/page.tsx
index ff4417f9c..e44cbd27b 100644
--- a/src/app/(landing)/class/[slug]/(learning)/feed/write/page.tsx
+++ b/src/app/(landing)/class/[slug]/(learning)/feed/write/page.tsx
@@ -18,6 +18,11 @@ import {
 import { useToastStore } from '@/stores/use-toast-store';
 import { extractPlainTextFromHtml } from '@/utils/markdown-content';
 
+const FEED_NOTICE = [
+  '작성한 피드는 언제든지 수정하거나 삭제할 수 있습니다.',
+  '다른 수강생에게 불쾌감을 줄 수 있는 내용은 운영 정책에 따라 삭제될 수 있습니다.',
+];
+
 interface AttachedImage {
   previewUrl: string;
   key: string;
@@ -40,11 +45,11 @@ export default function FeedWritePage() {
   const [selectedLessonId, setSelectedLessonId] = useState<number | null>(null);
   const [lessonOpen, setLessonOpen] = useState(false);
   const [text, setText] = useState('');
-  const [showCancelModal, setShowCancelModal] = useState(false);
   const [images, setImages] = useState<AttachedImage[]>([]);
   const [isUploadingImage, setIsUploadingImage] = useState(false);
   const [initialized, setInitialized] = useState(false);
   const fileInputRef = useRef<HTMLInputElement>(null);
+  const draftFeedIdRef = useRef<number | null>(null);
 
   const { data: courseData } = useGetCourseDetail(slug);
   const courseId = courseData?.courseId ?? 0;
@@ -66,6 +71,20 @@ export default function FeedWritePage() {
     setInitialized(true);
   }, [existingFeed, initialized, isEditMode]);
 
+  useEffect(() => {
+    if (isEditMode) return;
+    const draft = localStorage.getItem(`course-feed-draft-${slug}`);
+    if (!draft) return;
+    try {
+      const { content: c, lessonId: l, feedId: f } = JSON.parse(draft);
+      if (c) setText(c);
+      if (l) setSelectedLessonId(l);
+      if (typeof f === 'number') draftFeedIdRef.current = f;
+    } catch {
+      // malformed draft — ignore
+    }
+  }, [slug, isEditMode]);
+
   const allLessons =
     curriculum?.chapters.flatMap((ch) =>
       ch.lessons.map((l) => ({
@@ -107,6 +126,57 @@ export default function FeedWritePage() {
     });
   }
 
+  function handleSaveDraft() {
+    if (!selectedLessonId) {
+      showToast('레슨을 선택해주세요.', 'error');
+      return;
+    }
+    if (!extractPlainTextFromHtml(text)) {
+      showToast('내용을 입력해주세요.', 'error');
+      return;
+    }
+    const persistDraft = (feedId: number) => {
+      draftFeedIdRef.current = feedId;
+      localStorage.setItem(
+        `course-feed-draft-${slug}`,
+        JSON.stringify({ content: text, lessonId: selectedLessonId, feedId }),
+      );
+      showToast('임시저장되었어요.');
+    };
+    if (draftFeedIdRef.current) {
+      updateFeed.mutate(
+        {
+          feedId: draftFeedIdRef.current,
+          request: {
+            content: text,
+            imageKeys: images.map((img) => img.key),
+            status: 'DRAFT',
+          },
+        },
+        {
+          onSuccess: () => persistDraft(draftFeedIdRef.current!),
+          onError: () => showToast('임시저장에 실패했어요.', 'error'),
+        },
+      );
+    } else {
+      createFeed.mutate(
+        {
+          courseId,
+          request: {
+            lessonId: selectedLessonId,
+            content: text,
+            imageKeys: images.map((img) => img.key),
+            status: 'DRAFT',
+          },
+        },
+        {
+          onSuccess: (data) => persistDraft(data.feedId),
+          onError: () => showToast('임시저장에 실패했어요.', 'error'),
+        },
+      );
+    }
+  }
+
   function handleSubmit() {
     if (isEditMode) {
       if (!extractPlainTextFromHtml(text)) {
@@ -119,6 +189,7 @@ export default function FeedWritePage() {
           request: {
             content: text,
             imageKeys: images.map((i) => i.key),
+            status: 'PUBLISHED',
           },
         },
         {
@@ -138,23 +209,43 @@ export default function FeedWritePage() {
         showToast('내용을 입력해주세요.', 'error');
         return;
       }
-      createFeed.mutate(
-        {
-          courseId,
-          request: {
-            lessonId: selectedLessonId,
-            content: text,
-            imageKeys: images.map((img) => img.key),
+      const navigateToPublished = (feedId: number) => {
+        localStorage.removeItem(`course-feed-draft-${slug}`);
+        showToast('피드가 등록되었어요!');
+        router.push(`/class/${slug}/feed/${feedId}`);
+      };
+      if (draftFeedIdRef.current) {
+        const feedId = draftFeedIdRef.current;
+        updateFeed.mutate(
+          {
+            feedId,
+            request: {
+              content: text,
+              imageKeys: images.map((img) => img.key),
+              status: 'PUBLISHED',
+            },
           },
-        },
-        {
-          onSuccess: () => {
-            showToast('피드가 등록되었어요!');
-            router.push(`/class/${slug}/home?tab=feed`);
+          {
+            onSuccess: () => navigateToPublished(feedId),
+            onError: () => showToast('등록에 실패했어요.', 'error'),
           },
-          onError: () => showToast('등록에 실패했어요.', 'error'),
-        },
-      );
+        );
+      } else {
+        createFeed.mutate(
+          {
+            courseId,
+            request: {
+              lessonId: selectedLessonId,
+              content: text,
+              imageKeys: images.map((img) => img.key),
+            },
+          },
+          {
+            onSuccess: (data) => navigateToPublished(data.feedId),
+            onError: () => showToast('등록에 실패했어요.', 'error'),
+          },
+        );
+      }
     }
   }
 
@@ -165,41 +256,10 @@ export default function FeedWritePage() {
   const submitLabel = isEditMode ? '수정하기' : '등록하기';
   const submitPending = isEditMode
     ? updateFeed.isPending
-    : createFeed.isPending;
+    : createFeed.isPending || updateFeed.isPending;
 
   return (
     <>
-      {/* Cancel confirmation modal — create mode only */}
-      {showCancelModal && (
-        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/40">
-          <div className="flex w-5000 flex-col items-center gap-300 rounded-200 bg-background-default p-500">
-            <div className="text-center">
-              <p className="font-designer-20b text-gray-800">
-                피드 등록을 취소하시겠습니까?
-              </p>
-              <p className="mt-150 font-designer-16r text-gray-500">
-                작성된 내용은 저장되지 않습니다.
-              </p>
-            </div>
-            <div className="flex w-full gap-200">
-              <button
-                type="button"
-                onClick={() => setShowCancelModal(false)}
-                className="flex h-700 flex-1 items-center justify-center rounded-100 border border-border-default font-designer-16m text-gray-800"
-              >
-                계속 작성
-              </button>
-              <Link
-                href={`/class/${slug}/home?tab=feed`}
-                className="flex h-700 flex-1 items-center justify-center rounded-100 bg-background-brand-default font-designer-16m text-text-inverse"
-              >
-                확인
-              </Link>
-            </div>
-          </div>
-        </div>
-      )}
-
       <div className="w-full pb-800">
         <div className="mx-auto max-w-page px-600 pt-500">
           <Link
@@ -293,7 +353,7 @@ export default function FeedWritePage() {
                 {images.map((img, i) => (
                   <div
                     key={img.key}
-                    className="relative h-1625 w-1625 shrink-0"
+                    className="relative h-1500 w-1500 shrink-0"
                   >
                     <Image
                       src={img.previewUrl}
@@ -318,7 +378,7 @@ export default function FeedWritePage() {
                     disabled={isUploadingImage}
                     onClick={() => fileInputRef.current?.click()}
                     className={cn(
-                      'flex h-1625 w-1625 shrink-0 flex-col items-center justify-center gap-75 rounded-150 border border-border-default bg-gray-200',
+                      'flex h-1500 w-1500 shrink-0 flex-col items-center justify-center gap-75 rounded-150 border border-border-default bg-gray-200',
                       isUploadingImage
                         ? 'cursor-not-allowed opacity-50'
                         : 'hover:border-rose-400',
@@ -354,6 +414,16 @@ export default function FeedWritePage() {
               uploadImage={uploadCommunityMarkdownImage}
             />
 
+            {/* Notice */}
+            <div className="rounded-200 border border-gray-200 p-200">
+              <p className="mb-100 font-designer-16m text-gray-400">유의사항</p>
+              <ul className="list-disc space-y-75 pl-300 font-designer-13r text-gray-400">
+                {FEED_NOTICE.map((item) => (
+                  <li key={item}>{item}</li>
+                ))}
+              </ul>
+            </div>
+
             {/* CTAs */}
             <div className="flex gap-200">
               {isEditMode ? (
@@ -362,15 +432,16 @@ export default function FeedWritePage() {
                   onClick={() =>
                     router.push(`/class/${slug}/feed/${editFeedId}`)
                   }
-                  className="flex h-700 flex-1 items-center justify-center rounded-100 border border-border-default font-designer-16m text-gray-800"
+                  className="flex h-775 flex-1 items-center justify-center rounded-100 border border-border-default font-designer-16m text-gray-800"
                 >
                   취소
                 </button>
               ) : (
                 <button
                   type="button"
-                  onClick={() => setShowCancelModal(true)}
-                  className="flex h-700 flex-1 items-center justify-center rounded-100 border border-border-default font-designer-16m text-gray-800"
+                  onClick={handleSaveDraft}
+                  disabled={createFeed.isPending || updateFeed.isPending}
+                  className="flex h-775 flex-1 items-center justify-center rounded-100 border border-rose-400 font-designer-16m text-rose-500 disabled:opacity-50"
                 >
                   임시저장
                 </button>
@@ -379,7 +450,7 @@ export default function FeedWritePage() {
                 type="button"
                 onClick={handleSubmit}
                 disabled={submitPending}
-                className="flex h-700 flex-1 items-center justify-center rounded-100 bg-background-brand-default font-designer-16m text-text-inverse disabled:bg-gray-300"
+                className="flex h-775 flex-1 items-center justify-center rounded-100 bg-background-brand-default font-designer-16m text-text-inverse disabled:bg-gray-300"
               >
                 {submitLabel}
               </button>
diff --git a/src/app/(landing)/class/[slug]/(learning)/qa/write/page.tsx b/src/app/(landing)/class/[slug]/(learning)/qa/write/page.tsx
index 4980c7607..d046c42bf 100644
--- a/src/app/(landing)/class/[slug]/(learning)/qa/write/page.tsx
+++ b/src/app/(landing)/class/[slug]/(learning)/qa/write/page.tsx
@@ -4,7 +4,7 @@ import { ArrowLeft, ChevronDown, Plus, X } from 'lucide-react';
 import Image from 'next/image';
 import Link from 'next/link';
 import { useParams, useRouter } from 'next/navigation';
-import { useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { cn } from '@/components/common/ui/(shadcn)/lib/utils';
 import MarkdownEditor from '@/components/common/ui/editor/markdown-editor';
 import { uploadCommunityMarkdownImage } from '@/features/community/model/community-markdown-image-upload';
@@ -15,6 +15,11 @@ import {
 } from '@/hooks/queries/course/course-api';
 import { useToastStore } from '@/stores/use-toast-store';
 
+const QNA_NOTICE = [
+  '질문 후 답변이 달리기 전까지는 수정 및 삭제가 자유롭습니다.',
+  '답변을 받은 후에는 수정 및 삭제가 어려우니 유의해주시기 바랍니다.',
+];
+
 interface AttachedImage {
   previewUrl: string;
   key: string;
@@ -27,7 +32,6 @@ export default function QnaWritePage() {
   const [selectedLessonId, setSelectedLessonId] = useState<number | null>(null);
   const [lessonOpen, setLessonOpen] = useState(false);
   const [text, setText] = useState('');
-  const [showCancelModal, setShowCancelModal] = useState(false);
   const [images, setImages] = useState<AttachedImage[]>([]);
   const [isUploadingImage, setIsUploadingImage] = useState(false);
   const fileInputRef = useRef<HTMLInputElement>(null);
@@ -37,6 +41,18 @@ export default function QnaWritePage() {
   const { data: curriculum } = useGetCourseCurriculum(slug);
   const createQna = useCreateLessonQna();
 
+  useEffect(() => {
+    const draft = localStorage.getItem(`course-qna-draft-${slug}`);
+    if (!draft) return;
+    try {
+      const { content: c, lessonId: l } = JSON.parse(draft);
+      if (c) setText(c);
+      if (l) setSelectedLessonId(l);
+    } catch {
+      // malformed draft — ignore
+    }
+  }, [slug]);
+
   const allLessons =
     curriculum?.chapters.flatMap((ch) =>
       ch.lessons.map((l) => ({
@@ -76,6 +92,18 @@ export default function QnaWritePage() {
     });
   }
 
+  function handleSaveDraft() {
+    if (!selectedLessonId) {
+      showToast('레슨을 선택해주세요.', 'error');
+      return;
+    }
+    localStorage.setItem(
+      `course-qna-draft-${slug}`,
+      JSON.stringify({ content: text, lessonId: selectedLessonId }),
+    );
+    showToast('임시저장되었습니다.');
+  }
+
   function handleSubmit() {
     if (!selectedLessonId) {
       showToast('레슨을 선택해주세요.', 'error');
@@ -96,6 +124,7 @@ export default function QnaWritePage() {
       },
       {
         onSuccess: () => {
+          localStorage.removeItem(`course-qna-draft-${slug}`);
           showToast('질문이 등록되었어요!');
           router.push(`/class/${slug}/home?tab=qna`);
         },
@@ -105,175 +134,152 @@ export default function QnaWritePage() {
   }
 
   return (
-    <>
-      {showCancelModal && (
-        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/40">
-          <div className="flex w-5000 flex-col items-center gap-300 rounded-200 bg-background-default p-500">
-            <div className="text-center font-designer-24b">
-              <p className="text-gray-800">질문 등록을 취소하시겠습니까?</p>
-              <p>작성된 내용은 저장되지 않습니다.</p>
+    <div className="w-full pb-800">
+      <div className="mx-auto max-w-page px-600 pt-500">
+        <Link
+          href={`/class/${slug}/home?tab=qna`}
+          className="inline-flex items-center gap-125 font-designer-14m text-gray-800"
+        >
+          <ArrowLeft className="h-300 w-300" />
+          질문 목록 돌아가기
+        </Link>
+
+        <div className="mt-400 space-y-400">
+          {/* Lesson selector */}
+          <div>
+            <p className="mb-150 font-designer-16b text-gray-800">
+              어떤 레슨에 대한 질문인가요?
+            </p>
+            <div className="mb-200 flex items-center rounded-100 border border-border-default px-250 py-175 font-designer-16r text-gray-500">
+              바이브 코딩 입문자 코스
             </div>
-            <div className="flex w-full gap-200">
+            <div className="relative">
               <button
                 type="button"
-                onClick={() => setShowCancelModal(false)}
-                className="flex h-700 flex-1 items-center justify-center rounded-100 border border-rose-400 font-designer-18b text-rose-400"
+                onClick={() => setLessonOpen((p) => !p)}
+                className="flex w-full items-center justify-between rounded-100 border border-border-default px-250 py-175 font-designer-16r text-gray-800"
               >
-                계속 작성
+                {selectedLessonLabel}
+                <ChevronDown
+                  className={cn(
+                    'h-300 w-300 transition-transform',
+                    lessonOpen && 'rotate-180',
+                  )}
+                />
               </button>
-              <Link
-                href={`/class/${slug}/home?tab=qna`}
-                className="flex h-700 flex-1 items-center justify-center rounded-100 bg-background-brand-default font-designer-18b text-text-inverse"
-              >
-                확인
-              </Link>
-            </div>
-          </div>
-        </div>
-      )}
-
-      <div className="w-full pb-800">
-        <div className="mx-auto max-w-page px-600 pt-500">
-          <Link
-            href={`/class/${slug}/home?tab=qna`}
-            className="inline-flex items-center gap-125 font-designer-14m text-gray-800"
-          >
-            <ArrowLeft className="h-300 w-300" />
-            질문 목록 돌아가기
-          </Link>
-
-          <div className="mt-400 space-y-400">
-            {/* Course display (fixed) */}
-            <div>
-              <p className="mb-150 font-designer-16b text-gray-800">
-                어떤 레슨에 대한 질문인가요?
-              </p>
-              <div className="mb-200 flex items-center rounded-100 border border-border-default px-250 py-175 font-designer-16r text-gray-500">
-                바이브 코딩 입문자 코스
-              </div>
-
-              {/* Lesson selector */}
-              <div className="relative">
-                <button
-                  type="button"
-                  onClick={() => setLessonOpen((p) => !p)}
-                  className="flex w-full items-center justify-between rounded-100 border border-border-default px-250 py-175 font-designer-16r text-gray-800"
-                >
-                  {selectedLessonLabel}
-                  <ChevronDown
-                    className={cn(
-                      'h-300 w-300 transition-transform',
-                      lessonOpen && 'rotate-180',
-                    )}
-                  />
-                </button>
-                {lessonOpen && (
-                  <div className="absolute left-0 top-full z-10 mt-75 max-h-[300px] w-full overflow-y-auto rounded-100 border border-border-default bg-background-default shadow-1">
-                    {allLessons.map((l) => (
-                      <button
-                        key={l.lessonId}
-                        type="button"
-                        onClick={() => {
-                          setSelectedLessonId(l.lessonId);
-                          setLessonOpen(false);
-                        }}
-                        className="flex w-full items-center bg-gray-50 px-250 py-175 font-designer-16r text-gray-800 hover:bg-gray-100"
-                      >
-                        {l.label}
-                      </button>
-                    ))}
-                  </div>
-                )}
-              </div>
-            </div>
-
-            {/* Image upload */}
-            <div>
-              <p className="mb-50 font-designer-14r text-gray-500">
-                * 최대 10개의 사진을 등록할 수 있어요.
-              </p>
-              <div className="flex flex-wrap gap-150">
-                {images.map((img, i) => (
-                  <div
-                    key={img.key}
-                    className="relative h-1625 w-1625 shrink-0"
-                  >
-                    <Image
-                      src={img.previewUrl}
-                      alt={`첨부 이미지 ${i + 1}`}
-                      fill
-                      unoptimized
-                      className="rounded-150 object-cover"
-                    />
+              {lessonOpen && (
+                <div className="absolute left-0 top-full z-10 mt-75 max-h-3750 w-full overflow-y-auto rounded-100 border border-border-default bg-background-default shadow-1">
+                  {allLessons.map((l) => (
                     <button
+                      key={l.lessonId}
                       type="button"
-                      aria-label={`이미지 ${i + 1} 삭제`}
-                      onClick={() => handleImageRemove(i)}
-                      className="absolute -right-75 -top-75 flex h-200 w-200 items-center justify-center rounded-full bg-gray-800 text-background-default"
+                      onClick={() => {
+                        setSelectedLessonId(l.lessonId);
+                        setLessonOpen(false);
+                      }}
+                      className="flex w-full items-center bg-gray-50 px-250 py-175 font-designer-16r text-gray-800 hover:bg-gray-100"
                     >
-                      <X className="h-125 w-125" />
+                      {l.label}
                     </button>
-                  </div>
-                ))}
-                {images.length < 10 && (
+                  ))}
+                </div>
+              )}
+            </div>
+          </div>
+
+          {/* Image upload */}
+          <div>
+            <p className="mb-50 font-designer-14r text-gray-500">
+              * 최대 10개의 사진을 등록할 수 있어요.
+            </p>
+            <div className="flex flex-wrap gap-150">
+              {images.map((img, i) => (
+                <div key={img.key} className="relative h-1500 w-1500 shrink-0">
+                  <Image
+                    src={img.previewUrl}
+                    alt={`첨부 이미지 ${i + 1}`}
+                    fill
+                    unoptimized
+                    className="rounded-150 object-cover"
+                  />
                   <button
                     type="button"
-                    disabled={isUploadingImage}
-                    onClick={() => fileInputRef.current?.click()}
-                    className={cn(
-                      'flex h-1625 w-1625 shrink-0 flex-col items-center justify-center gap-75 rounded-150 border border-border-default bg-gray-200',
-                      isUploadingImage
-                        ? 'cursor-not-allowed opacity-50'
-                        : 'hover:border-rose-400',
-                    )}
+                    aria-label={`이미지 ${i + 1} 삭제`}
+                    onClick={() => handleImageRemove(i)}
+                    className="absolute -right-75 -top-75 flex h-200 w-200 items-center justify-center rounded-full bg-gray-800 text-background-default"
                   >
-                    <Plus className="h-300 w-300 text-gray-400" />
+                    <X className="h-125 w-125" />
                   </button>
-                )}
-              </div>
-              <input
-                ref={fileInputRef}
-                type="file"
-                accept="image/*"
-                className="hidden"
-                onChange={async (e) => {
-                  const target = e.target;
-                  const file = target.files?.[0];
-                  if (file) await handleImageAdd(file);
-                  target.value = '';
-                }}
-              />
+                </div>
+              ))}
+              {images.length < 10 && (
+                <button
+                  type="button"
+                  disabled={isUploadingImage}
+                  onClick={() => fileInputRef.current?.click()}
+                  className={cn(
+                    'flex h-1500 w-1500 shrink-0 flex-col items-center justify-center gap-75 rounded-150 border border-border-default bg-gray-200',
+                    isUploadingImage
+                      ? 'cursor-not-allowed opacity-50'
+                      : 'hover:border-rose-400',
+                  )}
+                >
+                  <Plus className="h-300 w-300 text-gray-400" />
+                </button>
+              )}
             </div>
-
-            {/* Text content */}
-            <MarkdownEditor
-              value={text}
-              onChange={setText}
-              placeholder="질문 내용을 자유롭게 작성해보세요. 막히는 부분, 이해가 안 되는 개념, 에러 상황 등을 구체적으로 적어주시면 더 좋은 답변을 받을 수 있어요."
-              uploadImage={uploadCommunityMarkdownImage}
+            <input
+              ref={fileInputRef}
+              type="file"
+              accept="image/*"
+              className="hidden"
+              onChange={async (e) => {
+                const target = e.target;
+                const file = target.files?.[0];
+                if (file) await handleImageAdd(file);
+                target.value = '';
+              }}
             />
+          </div>
 
-            {/* CTAs */}
-            <div className="flex gap-200">
-              <button
-                type="button"
-                onClick={() => setShowCancelModal(true)}
-                className="flex h-700 flex-1 items-center justify-center rounded-100 border border-border-default font-designer-16m text-gray-800"
-              >
-                취소
-              </button>
-              <button
-                type="button"
-                onClick={handleSubmit}
-                disabled={createQna.isPending}
-                className="flex h-700 flex-1 items-center justify-center rounded-100 bg-background-brand-default font-designer-16m text-text-inverse disabled:bg-gray-300"
-              >
-                등록하기
-              </button>
-            </div>
+          {/* Text content */}
+          <MarkdownEditor
+            value={text}
+            onChange={setText}
+            placeholder="질문 내용을 자유롭게 작성해보세요. 막히는 부분, 이해가 안 되는 개념, 에러 상황 등을 구체적으로 적어주시면 더 좋은 답변을 받을 수 있어요."
+            uploadImage={uploadCommunityMarkdownImage}
+          />
+
+          {/* Notice */}
+          <div className="rounded-200 border border-gray-200 p-200">
+            <p className="mb-100 font-designer-16m text-gray-400">유의사항</p>
+            <ul className="list-disc space-y-75 pl-300 font-designer-13r text-gray-400">
+              {QNA_NOTICE.map((item) => (
+                <li key={item}>{item}</li>
+              ))}
+            </ul>
+          </div>
+
+          {/* CTAs */}
+          <div className="flex gap-200">
+            <button
+              type="button"
+              onClick={handleSaveDraft}
+              className="flex h-775 flex-1 items-center justify-center rounded-100 border border-rose-400 font-designer-16m text-rose-500"
+            >
+              임시저장
+            </button>
+            <button
+              type="button"
+              onClick={handleSubmit}
+              disabled={createQna.isPending}
+              className="flex h-775 flex-1 items-center justify-center rounded-100 bg-background-brand-default font-designer-16m text-text-inverse disabled:bg-gray-300"
+            >
+              등록하기
+            </button>
           </div>
         </div>
       </div>
-    </>
+    </div>
   );
 }
diff --git a/src/app/(service)/(my)/class-payment-management/page.tsx b/src/app/(service)/(my)/class-payment-management/page.tsx
index e0a449fa7..630b738ef 100644
--- a/src/app/(service)/(my)/class-payment-management/page.tsx
+++ b/src/app/(service)/(my)/class-payment-management/page.tsx
@@ -2,10 +2,14 @@
 
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/navigation';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import type { VirtualAccountInfo } from '@/api/openapi/models';
 import { cn } from '@/components/common/ui/(shadcn)/lib/utils';
-import { useGetMyCoursePayments } from '@/hooks/queries/course/course-api';
+import Badge from '@/components/common/ui/badge';
+import {
+  useGetMyCoursePaymentDetail,
+  useGetMyCoursePayments,
+} from '@/hooks/queries/course/course-api';
 import type { MyCoursePaymentListItemResponse } from '@/types/api/course.types';
 
 const ClassCancelPaymentModal = dynamic(
@@ -13,6 +17,11 @@ const ClassCancelPaymentModal = dynamic(
   { ssr: false },
 );
 
+const ClassRefundRequestModal = dynamic(
+  () => import('@/components/payment/modals/class-refund-request-modal'),
+  { ssr: false },
+);
+
 const VirtualAccountInfoModal = dynamic(
   () => import('@/components/payment/modals/virtual-account-info-modal'),
   { ssr: false },
@@ -23,32 +32,17 @@ type PeriodMonths = 1 | 3 | 6 | 12;
 
 const STATUS_CONFIG: Record<
   MyCoursePaymentListItemResponse['status'],
-  { label: string; className: string }
+  {
+    label: string;
+    color: 'blue' | 'orange' | 'green' | 'red' | 'gray';
+  }
 > = {
-  REQUESTED: {
-    label: '결제 요청',
-    className: 'bg-blue-50 text-blue-600',
-  },
-  PENDING: {
-    label: '결제 중',
-    className: 'bg-blue-50 text-blue-600',
-  },
-  WAITING_FOR_DEPOSIT: {
-    label: '입금 대기',
-    className: 'bg-yellow-50 text-yellow-600',
-  },
-  SUCCESS: {
-    label: '결제 완료',
-    className: 'bg-green-50 text-green-600',
-  },
-  FAILED: {
-    label: '결제 실패',
-    className: 'bg-red-50 text-red-600',
-  },
-  CANCELED: {
-    label: '취소 완료',
-    className: 'bg-gray-100 text-gray-500',
-  },
+  REQUESTED: { label: '결제 요청', color: 'blue' },
+  PENDING: { label: '결제 중', color: 'blue' },
+  WAITING_FOR_DEPOSIT: { label: '입금 대기', color: 'orange' },
+  SUCCESS: { label: '결제 완료', color: 'green' },
+  FAILED: { label: '결제 실패', color: 'red' },
+  CANCELED: { label: '취소 완료', color: 'gray' },
 };
 
 function filterByPeriod(
@@ -86,11 +80,31 @@ export default function ClassPaymentManagementPage() {
     paymentId: number;
     paymentMethod: 'CARD' | 'VIRTUAL_ACCOUNT';
   } | null>(null);
+  const [refundModal, setRefundModal] = useState<{ paymentId: number } | null>(
+    null,
+  );
   const [vaModal, setVaModal] = useState<VirtualAccountInfo | null>(null);
+  const [selectedVaPaymentId, setSelectedVaPaymentId] = useState<number | null>(
+    null,
+  );
 
   const { data: allPayments = [], isLoading } = useGetMyCoursePayments();
   const { data: canceledPayments = [], isLoading: canceledLoading } =
     useGetMyCoursePayments({ status: 'CANCELED' });
+  const { data: vaDetail } = useGetMyCoursePaymentDetail(
+    selectedVaPaymentId ?? 0,
+    { enabled: !!selectedVaPaymentId },
+  );
+
+  useEffect(() => {
+    if (!vaDetail) return;
+    setVaModal({
+      bankName: vaDetail.virtualBankName ?? '-',
+      accountNumber: vaDetail.virtualAccountNumber ?? '-',
+      customerName: vaDetail.virtualAccountHolderName ?? undefined,
+      dueDate: vaDetail.virtualAccountDueDate ?? undefined,
+    });
+  }, [vaDetail]);
 
   const rawList = activeTab === 'refunds' ? canceledPayments : allPayments;
   const filtered = filterByPeriod(rawList, periodMonths);
@@ -110,7 +124,7 @@ export default function ClassPaymentManagementPage() {
         </button>
         <button
           type="button"
-          className="font-designer-14m text-text-default border-primary-500 border-b-2 px-200 pb-200"
+          className="font-designer-14m text-text-default border-border-brand border-b-2 px-200 pb-200"
         >
           클래스 결제
         </button>
@@ -186,15 +200,12 @@ export default function ClassPaymentManagementPage() {
                   paymentMethod: payment.paymentMethod,
                 })
               }
-              onViewVirtualAccount={() => {
-                if (!payment.virtualAccountNumber) return;
-                setVaModal({
-                  bankName: '-',
-                  accountNumber: payment.virtualAccountNumber,
-                  customerName: undefined,
-                  dueDate: payment.virtualAccountDueDate ?? undefined,
-                });
-              }}
+              onRequestRefund={() =>
+                setRefundModal({ paymentId: payment.paymentId })
+              }
+              onViewVirtualAccount={(paymentId) =>
+                setSelectedVaPaymentId(paymentId)
+              }
             />
           ))}
         </div>
@@ -210,11 +221,24 @@ export default function ClassPaymentManagementPage() {
         />
       )}
 
+      {refundModal && (
+        <ClassRefundRequestModal
+          paymentId={refundModal.paymentId}
+          open
+          onOpenChange={(open) => !open && setRefundModal(null)}
+        />
+      )}
+
       {vaModal && (
         <VirtualAccountInfoModal
           virtualAccountInfo={vaModal}
           open
-          onOpenChange={(open) => !open && setVaModal(null)}
+          onOpenChange={(open) => {
+            if (!open) {
+              setVaModal(null);
+              setSelectedVaPaymentId(null);
+            }
+          }}
         />
       )}
     </div>
@@ -224,11 +248,13 @@ export default function ClassPaymentManagementPage() {
 function PaymentCard({
   payment,
   onCancel,
+  onRequestRefund,
   onViewVirtualAccount,
 }: {
   payment: MyCoursePaymentListItemResponse;
   onCancel: () => void;
-  onViewVirtualAccount: () => void;
+  onRequestRefund: () => void;
+  onViewVirtualAccount: (paymentId: number) => void;
 }) {
   const status = STATUS_CONFIG[payment.status];
   const dateStr = formatDate(payment.paidAt ?? payment.createdAt);
@@ -236,19 +262,12 @@ function PaymentCard({
   return (
     <div className="border-border-subtle rounded-200 flex gap-300 border p-300">
       {/* 썸네일 */}
-      <div className="h-1000 w-1000 flex-shrink-0 rounded-150 bg-gradient-to-br from-primary-500 to-rose-300" />
+      <div className="h-1000 w-1000 flex-shrink-0 rounded-150 bg-gradient-to-br from-rose-500 to-rose-300" />
 
       {/* 내용 */}
       <div className="flex flex-1 flex-col gap-100">
         <div className="flex items-center gap-100">
-          <span
-            className={cn(
-              'font-designer-12m rounded-50 px-100 py-50',
-              status.className,
-            )}
-          >
-            {status.label}
-          </span>
+          <Badge color={status.color}>{status.label}</Badge>
           <span className="font-designer-12r text-gray-400">{dateStr}</span>
         </div>
 
@@ -277,21 +296,32 @@ function PaymentCard({
           <button
             type="button"
             className="font-designer-14m text-text-brand hover:text-text-brand-pressed"
-            onClick={onViewVirtualAccount}
+            onClick={() => onViewVirtualAccount(payment.paymentId)}
           >
             입금계좌 확인하기
           </button>
         )}
 
-        {payment.cancellable && (
+        {payment.canRequestRefund && (
           <button
             type="button"
             className="font-designer-14m text-text-subtle hover:text-text-default"
-            onClick={onCancel}
+            onClick={onRequestRefund}
           >
-            취소 요청
+            환불 요청
           </button>
         )}
+
+        {(payment.canCancelPayment ?? payment.cancellable) &&
+          !payment.canRequestRefund && (
+            <button
+              type="button"
+              className="font-designer-14m text-text-subtle hover:text-text-default"
+              onClick={onCancel}
+            >
+              결제취소
+            </button>
+          )}
       </div>
     </div>
   );
diff --git a/src/app/(service)/(my)/my-class/_components/disable-notification-modal.tsx b/src/app/(service)/(my)/my-class/_components/disable-notification-modal.tsx
new file mode 100644
index 000000000..ed92e0359
--- /dev/null
+++ b/src/app/(service)/(my)/my-class/_components/disable-notification-modal.tsx
@@ -0,0 +1,56 @@
+'use client';
+
+import Button from '@/components/common/ui/button';
+import { Modal } from '@/components/common/ui/modal';
+
+interface DisableNotificationModalProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onConfirm: () => void;
+}
+
+export default function DisableNotificationModal({
+  open,
+  onOpenChange,
+  onConfirm,
+}: DisableNotificationModalProps) {
+  return (
+    <Modal.Root open={open} onOpenChange={onOpenChange}>
+      <Modal.Portal>
+        <Modal.Overlay />
+        <Modal.Content size="medium">
+          <Modal.Header variant="alert">
+            <Modal.Title>알림톡 끄기</Modal.Title>
+          </Modal.Header>
+          <Modal.Body variant="alert">
+            <p className="font-designer-14r text-center text-text-subtle">
+              학습 알림톡을 끄면 매일 설정한 시간에 알림을 받지 못합니다.
+              <br />
+              정말 끄시겠습니까?
+            </p>
+          </Modal.Body>
+          <Modal.Footer variant="alert">
+            <div className="flex gap-200">
+              <Button
+                color="secondary"
+                size="medium"
+                className="flex-1 whitespace-nowrap"
+                onClick={() => onOpenChange(false)}
+              >
+                취소
+              </Button>
+              <Button
+                color="primary"
+                size="medium"
+                className="flex-1 whitespace-nowrap"
+                onClick={onConfirm}
+              >
+                끄기
+              </Button>
+            </div>
+          </Modal.Footer>
+        </Modal.Content>
+      </Modal.Portal>
+    </Modal.Root>
+  );
+}
diff --git a/src/app/(service)/(my)/my-class/_components/learning-notification-modal.tsx b/src/app/(service)/(my)/my-class/_components/learning-notification-modal.tsx
index e4a105151..791093158 100644
--- a/src/app/(service)/(my)/my-class/_components/learning-notification-modal.tsx
+++ b/src/app/(service)/(my)/my-class/_components/learning-notification-modal.tsx
@@ -12,6 +12,7 @@ import { useToastStore } from '@/stores/use-toast-store';
 interface LearningNotificationModalProps {
   open: boolean;
   onOpenChange: (open: boolean) => void;
+  onSuccess?: () => void;
 }
 
 const HOURS = Array.from({ length: 24 }, (_, i) => i);
@@ -24,6 +25,7 @@ function pad(n: number) {
 export default function LearningNotificationModal({
   open,
   onOpenChange,
+  onSuccess,
 }: LearningNotificationModalProps) {
   const showToast = useToastStore((s) => s.showToast);
   const { data: setting } = useGetNotificationSetting();
@@ -46,6 +48,7 @@ export default function LearningNotificationModal({
       });
       showToast('알림 시간이 저장되었습니다.', 'success');
       onOpenChange(false);
+      onSuccess?.();
     } catch {
       showToast('알림 시간 저장에 실패했습니다.', 'error');
     }
diff --git a/src/app/(service)/(my)/my-class/page.tsx b/src/app/(service)/(my)/my-class/page.tsx
index 57d9c5ca6..84b6e2209 100644
--- a/src/app/(service)/(my)/my-class/page.tsx
+++ b/src/app/(service)/(my)/my-class/page.tsx
@@ -3,14 +3,15 @@
 import dynamic from 'next/dynamic';
 import Image from 'next/image';
 import Link from 'next/link';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { cn } from '@/components/common/ui/(shadcn)/lib/utils';
+import { ToggleSwitch } from '@/components/common/ui/toggle/switch';
 import {
   useGetCourseJourneyMap,
   useGetCourseList,
-  useGetMyGiftEmail,
 } from '@/hooks/queries/course/course-api';
 import { useGetNotificationSetting } from '@/hooks/queries/notification/use-notification-setting';
+import { useToastStore } from '@/stores/use-toast-store';
 import type { CourseSummaryResponse } from '@/types/api/course.types';
 
 const LearningNotificationModal = dynamic(
@@ -18,21 +19,49 @@ const LearningNotificationModal = dynamic(
   { ssr: false },
 );
 
+const DisableNotificationModal = dynamic(
+  () => import('./_components/disable-notification-modal'),
+  { ssr: false },
+);
+
+const NOTIFICATION_DISABLE_KEY = 'zeroone:notification:disabled';
+
 function pad(n: number) {
   return String(n).padStart(2, '0');
 }
 
 export default function MyClassPage() {
   const { data: courses = [] } = useGetCourseList();
-  const { data: giftEmail } = useGetMyGiftEmail();
   const {
     data: notificationSetting,
     isError: isNotificationSettingError,
     isLoading: isNotificationSettingLoading,
   } = useGetNotificationSetting();
   const [alarmModalOpen, setAlarmModalOpen] = useState(false);
+  const [disableModalOpen, setDisableModalOpen] = useState(false);
+  const [locallyDisabled, setLocallyDisabled] = useState(false);
+
+  useEffect(() => {
+    setLocallyDisabled(
+      localStorage.getItem(NOTIFICATION_DISABLE_KEY) === 'true',
+    );
+  }, []);
+  const showToast = useToastStore((s) => s.showToast);
 
-  const isEnabled = notificationSetting?.isEnabled ?? false;
+  const isEnabled =
+    (notificationSetting?.isEnabled ?? false) && !locallyDisabled;
+
+  const handleDisableConfirm = () => {
+    localStorage.setItem(NOTIFICATION_DISABLE_KEY, 'true');
+    setLocallyDisabled(true);
+    setDisableModalOpen(false);
+    showToast('알림톡이 해제되었습니다.', 'success');
+  };
+
+  const handleAlarmSuccess = () => {
+    localStorage.removeItem(NOTIFICATION_DISABLE_KEY);
+    setLocallyDisabled(false);
+  };
 
   return (
     <div className="flex flex-col gap-600">
@@ -42,7 +71,18 @@ export default function MyClassPage() {
       <section className="flex flex-col gap-300">
         <div className="flex items-center gap-200">
           <h2 className="font-designer-18m text-text-default">알림</h2>
-          <Toggle enabled={isEnabled} onClick={() => setAlarmModalOpen(true)} />
+          <ToggleSwitch.Root
+            checked={isEnabled}
+            onCheckedChange={(checked) => {
+              if (checked) {
+                setAlarmModalOpen(true);
+              } else {
+                setDisableModalOpen(true);
+              }
+            }}
+            size="lg"
+            className="bg-border-subtle data-[state=checked]:bg-fill-brand-default-default"
+          />
         </div>
 
         <div className="grid grid-cols-1 gap-400 md:grid-cols-2">
@@ -54,16 +94,19 @@ export default function MyClassPage() {
             isError={isNotificationSettingError}
             onOpenModal={() => setAlarmModalOpen(true)}
           />
-          <GiftEmailCard
-            isRegistered={giftEmail?.isRegistered ?? false}
-            email={giftEmail?.email}
-          />
         </div>
       </section>
 
       <LearningNotificationModal
         open={alarmModalOpen}
         onOpenChange={setAlarmModalOpen}
+        onSuccess={handleAlarmSuccess}
+      />
+
+      <DisableNotificationModal
+        open={disableModalOpen}
+        onOpenChange={setDisableModalOpen}
+        onConfirm={handleDisableConfirm}
       />
 
       <section className="flex flex-col gap-400">
@@ -96,34 +139,6 @@ export default function MyClassPage() {
   );
 }
 
-function Toggle({
-  enabled,
-  onClick,
-}: {
-  enabled: boolean;
-  onClick: () => void;
-}) {
-  return (
-    <button
-      type="button"
-      aria-label="학습 알림 설정 열기"
-      aria-pressed={enabled}
-      onClick={onClick}
-      className={cn(
-        'relative flex h-300 w-650 cursor-pointer items-center rounded-full transition-colors duration-200',
-        enabled ? 'bg-primary-500' : 'bg-border-subtle',
-      )}
-    >
-      <span
-        className={cn(
-          'absolute size-250 rounded-full bg-white shadow-sm transition-transform duration-200',
-          enabled ? 'translate-x-375' : 'translate-x-25',
-        )}
-      />
-    </button>
-  );
-}
-
 function AlarmCard({
   isEnabled,
   notifyHour,
@@ -153,8 +168,8 @@ function AlarmCard({
       className={cn(
         'flex flex-col gap-200 rounded-200 border p-400',
         isEnabled
-          ? 'border-primary-500'
-          : 'border-border-subtle bg-background-alternative',
+          ? 'border-border-brand'
+          : 'border-border-default bg-background-alternative',
       )}
     >
       <div className="flex items-center gap-150">
@@ -165,7 +180,7 @@ function AlarmCard({
           xmlns="http://www.w3.org/2000/svg"
           className={cn(
             'size-300',
-            isEnabled ? 'text-text-default' : 'text-text-subtle',
+            isEnabled ? 'text-text-default' : 'text-text-subtlest',
           )}
         >
           <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2ZM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7Z" />
@@ -174,7 +189,7 @@ function AlarmCard({
           <h3
             className={cn(
               'font-designer-16b',
-              isEnabled ? 'text-text-default' : 'text-text-subtle',
+              isEnabled ? 'text-text-default' : 'text-text-subtlest',
             )}
           >
             매일 학습 알림톡 시간
@@ -182,7 +197,7 @@ function AlarmCard({
           <p
             className={cn(
               'font-designer-14r',
-              isEnabled ? 'text-text-subtle' : 'text-text-subtlest',
+              isEnabled ? 'text-text-default' : 'text-text-subtlest',
             )}
           >
             학습이 가장 잘 챙겨지는 시간으로 알림톡을 받아보세요.
@@ -191,13 +206,13 @@ function AlarmCard({
       </div>
 
       <div
-        className={cn('h-px', isEnabled ? 'bg-rose-200' : 'bg-border-subtle')}
+        className={cn('h-px', isEnabled ? 'bg-rose-200' : 'bg-border-default')}
       />
 
       <p
         className={cn(
           'font-designer-14r',
-          isEnabled ? 'text-primary-500' : 'text-text-subtle',
+          isEnabled ? 'text-text-brand' : 'text-text-subtlest',
         )}
       >
         {timeText}
@@ -206,11 +221,12 @@ function AlarmCard({
       <button
         type="button"
         onClick={onOpenModal}
+        disabled={!isEnabled}
         className={cn(
           'w-fit rounded-100 px-300 py-150 font-designer-14m',
           isEnabled
-            ? 'bg-primary-500 text-white'
-            : 'bg-border-subtle text-text-subtlest',
+            ? 'bg-fill-brand-default-default text-text-inverse'
+            : 'bg-border-default text-text-subtle',
         )}
       >
         {hasTime ? '시간 수정하기' : '시간 등록하기'}
@@ -219,38 +235,6 @@ function AlarmCard({
   );
 }
 
-function GiftEmailCard({
-  isRegistered,
-  email,
-}: {
-  isRegistered: boolean;
-  email?: string;
-}) {
-  return (
-    <div className="flex flex-col gap-200 rounded-200 border border-rose-200 bg-rose-50 p-400">
-      <div className="flex flex-col gap-100">
-        <h3 className="font-designer-16b text-text-default">
-          Claude Pro Gift 메일
-        </h3>
-        <p className="font-designer-14r text-text-subtle">
-          {isRegistered
-            ? `Gift 메일 발송이 완료되었습니다.${email ? ` (${email})` : ''}`
-            : '현재 등록된 메일이 없습니다.'}
-        </p>
-      </div>
-      <Link
-        href="/class"
-        className={cn(
-          'mt-100 w-fit rounded-100 px-300 py-150',
-          'font-designer-14m bg-primary-500 text-white',
-        )}
-      >
-        메일 확인 하러가기
-      </Link>
-    </div>
-  );
-}
-
 function CourseCard({ course }: { course: CourseSummaryResponse }) {
   const { data: journeyMap } = useGetCourseJourneyMap(course.courseId);
   const chapterCount = journeyMap?.chapters.length ?? 0;
@@ -288,7 +272,7 @@ function CourseCard({ course }: { course: CourseSummaryResponse }) {
         <div className="mt-200 flex flex-col gap-75">
           <div className="h-75 w-full overflow-hidden rounded-full bg-border-subtle">
             <div
-              className="h-75 rounded-full bg-primary-500"
+              className="h-75 rounded-full bg-fill-brand-default-default"
               style={{ width: `${progressPercent}%` }}
             />
           </div>
diff --git a/src/app/(service)/(my)/my-inquiry/page.tsx b/src/app/(service)/(my)/my-inquiry/page.tsx
index 62acbb21c..6c8db4cea 100644
--- a/src/app/(service)/(my)/my-inquiry/page.tsx
+++ b/src/app/(service)/(my)/my-inquiry/page.tsx
@@ -4,26 +4,26 @@ import { ChevronDown, ChevronUp, PenLine } from 'lucide-react';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { cn } from '@/components/common/ui/(shadcn)/lib/utils';
+import {
+  useGetMyOneToOneInquiries,
+  useGetMyOneToOneInquiryDetail,
+  type OneToOneInquiryListItem,
+} from '@/hooks/queries/my-inquiry/inquiry-api';
 
-// TODO: 1:1 문의 API not yet available — wire GET /api/v1/inquiries when backend adds it
-type InquiryStatus = 'WAITING' | 'ANSWERED';
-
-interface InquiryItem {
-  id: number;
-  title: string;
-  status: InquiryStatus;
-  createdAt: string;
-  content: string;
-  answer?: string;
-  answeredAt?: string;
-}
+const STATUS_CONFIG: Record<string, { label: string; className: string }> = {
+  ACCEPTED: {
+    label: '답변 대기',
+    className: 'bg-gray-100 text-text-subtle',
+  },
+  ANSWER_COMPLETED: {
+    label: '답변 완료',
+    className: 'bg-rose-50 text-rose-500 border border-rose-200',
+  },
+};
 
-const STATUS_CONFIG: Record<
-  InquiryStatus,
-  { label: string; className: string }
-> = {
-  WAITING: { label: '답변 대기', className: 'bg-yellow-50 text-yellow-600' },
-  ANSWERED: { label: '답변 완료', className: 'bg-green-50 text-green-600' },
+const DEFAULT_STATUS = {
+  label: '처리 중',
+  className: 'bg-gray-100 text-text-subtle',
 };
 
 function formatDate(dateStr: string) {
@@ -36,10 +36,7 @@ function formatDate(dateStr: string) {
 
 export default function MyInquiryPage() {
   const router = useRouter();
-
-  // TODO: replace with useQuery when API is available
-  const inquiries: InquiryItem[] = [];
-  const isLoading = false;
+  const { data: inquiries, isLoading, isError } = useGetMyOneToOneInquiries();
 
   return (
     <div className="flex flex-col gap-500">
@@ -48,10 +45,10 @@ export default function MyInquiryPage() {
         <button
           type="button"
           onClick={() => router.push('/my-inquiry/write')}
-          className="flex items-center gap-100 rounded-100 bg-primary-500 px-300 py-150 font-designer-14m text-white"
+          className="flex items-center gap-100 rounded-100 bg-fill-brand-default-default px-300 py-150 font-designer-14m text-text-inverse"
         >
           <PenLine size={16} />
-          문의 작성하기
+          문의글 작성하기
         </button>
       </div>
 
@@ -69,11 +66,17 @@ export default function MyInquiryPage() {
       </div>
 
       {/* 문의 목록 */}
-      {isLoading ? (
+      {isError ? (
+        <div className="flex items-center justify-center py-600">
+          <p className="font-designer-14r text-text-subtle">
+            문의 내역을 불러오지 못했습니다.
+          </p>
+        </div>
+      ) : isLoading ? (
         <div className="flex items-center justify-center py-600">
           <p className="font-designer-14r text-text-subtle">불러오는 중...</p>
         </div>
-      ) : inquiries.length === 0 ? (
+      ) : !inquiries || inquiries.length === 0 ? (
         <div className="flex flex-col items-center gap-200 py-600">
           <p className="font-designer-16b text-text-default">
             아직 작성한 문의가 없어요
@@ -85,7 +88,7 @@ export default function MyInquiryPage() {
       ) : (
         <div className="flex flex-col gap-200">
           {inquiries.map((inquiry) => (
-            <InquiryCard key={inquiry.id} inquiry={inquiry} />
+            <InquiryCard key={inquiry.oneToOneInquiryId} inquiry={inquiry} />
           ))}
         </div>
       )}
@@ -93,9 +96,12 @@ export default function MyInquiryPage() {
   );
 }
 
-function InquiryCard({ inquiry }: { inquiry: InquiryItem }) {
+function InquiryCard({ inquiry }: { inquiry: OneToOneInquiryListItem }) {
   const [expanded, setExpanded] = useState(false);
-  const status = STATUS_CONFIG[inquiry.status];
+  const { data: detail, isLoading: detailLoading } =
+    useGetMyOneToOneInquiryDetail(expanded ? inquiry.oneToOneInquiryId : null);
+
+  const status = STATUS_CONFIG[inquiry.inquiryStatus] ?? DEFAULT_STATUS;
 
   return (
     <div className="border-border-subtle overflow-hidden rounded-200 border">
@@ -103,11 +109,13 @@ function InquiryCard({ inquiry }: { inquiry: InquiryItem }) {
         type="button"
         onClick={() => setExpanded((prev) => !prev)}
         aria-expanded={expanded}
-        aria-controls={`inquiry-panel-${inquiry.id}`}
+        aria-controls={`inquiry-panel-${inquiry.oneToOneInquiryId}`}
         className="flex w-full items-start justify-between gap-200 p-300 text-left"
       >
         <div className="flex flex-col gap-100">
-          <p className="font-designer-14b text-text-default">{inquiry.title}</p>
+          <p className="font-designer-14b text-text-default line-clamp-2">
+            {inquiry.inquiryPreviewText}
+          </p>
           <div className="flex items-center gap-200">
             <span
               className={cn(
@@ -131,31 +139,44 @@ function InquiryCard({ inquiry }: { inquiry: InquiryItem }) {
 
       {expanded && (
         <div
-          id={`inquiry-panel-${inquiry.id}`}
+          id={`inquiry-panel-${inquiry.oneToOneInquiryId}`}
           className="border-border-subtle flex flex-col gap-300 border-t p-300"
         >
-          <div className="flex flex-col gap-100">
-            <span className="font-designer-12b text-primary-500">
-              문의 내용
-            </span>
-            <p className="font-designer-14r text-text-default">
-              {inquiry.content}
-            </p>
-          </div>
-
-          {inquiry.answer && (
-            <div className="flex flex-col gap-100">
-              <span className="font-designer-12b text-rose-500">답변 내용</span>
-              <p className="font-designer-14r text-text-default">
-                {inquiry.answer}
-              </p>
-              {inquiry.answeredAt && (
-                <p className="font-designer-12r text-text-subtlest">
-                  {formatDate(inquiry.answeredAt)}
+          {detailLoading ? (
+            <p className="font-designer-14r text-text-subtle">불러오는 중...</p>
+          ) : detail ? (
+            <>
+              <div className="flex flex-col gap-100">
+                <span className="font-designer-12b text-text-brand">
+                  문의 내용
+                </span>
+                <p className="font-designer-14r text-text-default">
+                  {detail.inquiryContent}
                 </p>
+              </div>
+
+              {detail.replies.length > 0 && (
+                <div className="flex flex-col gap-200">
+                  {detail.replies.map((reply) => (
+                    <div
+                      key={reply.oneToOneInquiryReplyId}
+                      className="flex flex-col gap-100"
+                    >
+                      <span className="font-designer-12b text-rose-500">
+                        답변 내용
+                      </span>
+                      <p className="font-designer-14r text-text-default">
+                        {reply.replyContent}
+                      </p>
+                      <p className="font-designer-12r text-text-subtlest">
+                        {formatDate(reply.createdAt)}
+                      </p>
+                    </div>
+                  ))}
+                </div>
               )}
-            </div>
-          )}
+            </>
+          ) : null}
         </div>
       )}
     </div>
diff --git a/src/app/(service)/(my)/my-inquiry/write/page.tsx b/src/app/(service)/(my)/my-inquiry/write/page.tsx
index 4051a5c23..2fd00d046 100644
--- a/src/app/(service)/(my)/my-inquiry/write/page.tsx
+++ b/src/app/(service)/(my)/my-inquiry/write/page.tsx
@@ -1,37 +1,39 @@
 'use client';
 
-import { ArrowLeft, ImagePlus } from 'lucide-react';
+import { ArrowLeft } from 'lucide-react';
 import { useRouter } from 'next/navigation';
-import { useRef, useState } from 'react';
+import { useState } from 'react';
 import Button from '@/components/common/ui/button';
 import { Modal } from '@/components/common/ui/modal';
+import {
+  useCreateMyOneToOneInquiry,
+  useSaveDraftOneToOneInquiry,
+  type InquiryCategory,
+} from '@/hooks/queries/my-inquiry/inquiry-api';
 import { useToastStore } from '@/stores/use-toast-store';
-
-// TODO: 1:1 문의 작성 API not yet available — wire POST /api/v1/inquiries when backend adds it
-type InquiryType = '결제' | '클래스' | '운영' | '건의' | '고민';
-
-const INQUIRY_TYPES: InquiryType[] = ['결제', '클래스', '운영', '건의', '고민'];
+import {
+  INQUIRY_CATEGORIES,
+  INQUIRY_CATEGORY_LABELS,
+} from '@/types/schemas/inquiry.schema';
 
 export default function MyInquiryWritePage() {
   const router = useRouter();
   const showToast = useToastStore((state) => state.showToast);
-  const fileInputRef = useRef<HTMLInputElement>(null);
-
-  const [type, setType] = useState<InquiryType | ''>('');
-  const [title, setTitle] = useState('');
+  const [category, setCategory] = useState<InquiryCategory | ''>('');
   const [content, setContent] = useState('');
-  const [images, setImages] = useState<File[]>([]);
   const [notifyEmail, setNotifyEmail] = useState(false);
   const [notifyKakao, setNotifyKakao] = useState(false);
   const [cancelDialogOpen, setCancelDialogOpen] = useState(false);
-  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const { mutateAsync: createInquiry, isPending: isSubmitting } =
+    useCreateMyOneToOneInquiry();
+  const { mutateAsync: saveDraft, isPending: isSavingDraft } =
+    useSaveDraftOneToOneInquiry();
 
   const handleBack = () => {
     const hasDraft =
-      Boolean(type) ||
-      Boolean(title.trim()) ||
+      Boolean(category) ||
       Boolean(content.trim()) ||
-      images.length > 0 ||
       notifyEmail ||
       notifyKakao;
     if (hasDraft) {
@@ -41,41 +43,47 @@ export default function MyInquiryWritePage() {
     }
   };
 
-  const handleImageChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const files = Array.from(e.target.files ?? []);
-    setImages((prev) => [...prev, ...files].slice(0, 5));
-    e.target.value = '';
-  };
-
-  const handleDraft = () => {
-    // TODO: POST /api/v1/inquiries/draft
-    showToast('임시저장 기능은 준비 중입니다.', 'error');
+  const handleDraft = async () => {
+    if (!category && !content.trim()) {
+      showToast('내용을 입력 후 임시저장할 수 있습니다.', 'error');
+      return;
+    }
+    try {
+      await saveDraft({
+        id: 0,
+        request: {
+          inquiryCategory: category || undefined,
+          inquiryContent: content.trim() || undefined,
+        },
+      });
+      showToast('임시저장되었습니다.', 'success');
+    } catch {
+      showToast('임시저장에 실패했습니다.', 'error');
+    }
   };
 
   const handleSubmit = async () => {
-    if (!type) {
+    if (!category) {
       showToast('문의 유형을 선택해 주세요.', 'error');
       return;
     }
-    if (!title.trim()) {
-      showToast('제목을 입력해 주세요.', 'error');
-      return;
-    }
     if (!content.trim()) {
       showToast('내용을 입력해 주세요.', 'error');
       return;
     }
 
-    setIsSubmitting(true);
     try {
-      // TODO: POST /api/v1/inquiries { type, title, content, imageKeys, notifyEmail, notifyKakao }
-      await new Promise((resolve) => setTimeout(resolve, 500));
+      await createInquiry({
+        inquiryCategory: category,
+        inquiryContent: content.trim(),
+        inquiryAttachmentKeys: [],
+        replyEmailOptIn: notifyEmail,
+        replyAlerttalkOptIn: notifyKakao,
+      });
       showToast('문의가 등록되었습니다.', 'success');
       router.push('/my-inquiry');
     } catch {
       showToast('문의 등록에 실패했습니다.', 'error');
-    } finally {
-      setIsSubmitting(false);
     }
   };
 
@@ -102,34 +110,21 @@ export default function MyInquiryWritePage() {
             유형 선택 <span className="text-red-500">*</span>
           </label>
           <select
-            value={type}
-            onChange={(e) => setType(e.target.value as InquiryType | '')}
+            value={category}
+            onChange={(e) =>
+              setCategory(e.target.value as InquiryCategory | '')
+            }
             className="border-border-default rounded-100 font-designer-14r text-text-default border px-200 py-150 outline-none"
           >
             <option value="">유형을 선택해 주세요</option>
-            {INQUIRY_TYPES.map((t) => (
-              <option key={t} value={t}>
-                {t}
+            {INQUIRY_CATEGORIES.map((c) => (
+              <option key={c} value={c}>
+                {INQUIRY_CATEGORY_LABELS[c]}
               </option>
             ))}
           </select>
         </div>
 
-        {/* 제목 */}
-        <div className="flex flex-col gap-100">
-          <label className="font-designer-14m text-text-default">
-            제목 <span className="text-red-500">*</span>
-          </label>
-          <input
-            type="text"
-            value={title}
-            onChange={(e) => setTitle(e.target.value)}
-            maxLength={100}
-            placeholder="제목을 입력해 주세요."
-            className="border-border-default rounded-100 font-designer-14r text-text-default placeholder:text-text-subtlest border px-200 py-150 outline-none"
-          />
-        </div>
-
         {/* 내용 */}
         <div className="flex flex-col gap-100">
           <label className="font-designer-14m text-text-default">
@@ -148,58 +143,6 @@ export default function MyInquiryWritePage() {
           </p>
         </div>
 
-        {/* 이미지 첨부 */}
-        <div className="flex flex-col gap-100">
-          <label className="font-designer-14m text-text-default">
-            이미지 첨부{' '}
-            <span className="font-designer-12r text-text-subtle">
-              (최대 5장)
-            </span>
-          </label>
-          <input
-            ref={fileInputRef}
-            type="file"
-            accept="image/*"
-            multiple
-            className="hidden"
-            onChange={handleImageChange}
-          />
-          <button
-            type="button"
-            onClick={() => fileInputRef.current?.click()}
-            disabled={images.length >= 5}
-            className="border-border-default rounded-150 flex h-1500 w-full flex-col items-center justify-center gap-100 border border-dashed hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50"
-          >
-            <ImagePlus size={24} className="text-text-subtlest" />
-            <p className="font-designer-14r text-text-subtle">
-              클릭하여 이미지 업로드
-            </p>
-          </button>
-          {images.length > 0 && (
-            <div className="flex flex-wrap gap-150">
-              {images.map((file, index) => (
-                <div
-                  key={index}
-                  className="border-border-subtle rounded-100 flex items-center gap-100 border px-200 py-100"
-                >
-                  <span className="font-designer-12r text-text-subtle max-w-1500 truncate">
-                    {file.name}
-                  </span>
-                  <button
-                    type="button"
-                    onClick={() =>
-                      setImages((prev) => prev.filter((_, i) => i !== index))
-                    }
-                    className="font-designer-12r text-text-subtlest hover:text-red-500"
-                  >
-                    ×
-                  </button>
-                </div>
-              ))}
-            </div>
-          )}
-        </div>
-
         {/* 알림 설정 */}
         <div className="flex flex-col gap-200">
           <label className="font-designer-14m text-text-default">
@@ -211,7 +154,7 @@ export default function MyInquiryWritePage() {
                 type="checkbox"
                 checked={notifyEmail}
                 onChange={(e) => setNotifyEmail(e.target.checked)}
-                className="h-400 w-400 rounded-50 accent-primary-500"
+                className="h-400 w-400 rounded-50 accent-rose-500"
               />
               <span className="font-designer-14r text-text-default">
                 이메일 알림
@@ -222,7 +165,7 @@ export default function MyInquiryWritePage() {
                 type="checkbox"
                 checked={notifyKakao}
                 onChange={(e) => setNotifyKakao(e.target.checked)}
-                className="h-400 w-400 rounded-50 accent-primary-500"
+                className="h-400 w-400 rounded-50 accent-rose-500"
               />
               <span className="font-designer-14r text-text-default">
                 카카오톡 알림
@@ -238,9 +181,10 @@ export default function MyInquiryWritePage() {
           color="secondary"
           size="medium"
           className="flex-1"
+          disabled={isSavingDraft}
           onClick={handleDraft}
         >
-          임시저장
+          {isSavingDraft ? '저장 중...' : '임시저장'}
         </Button>
         <Button
           color="primary"
diff --git a/src/app/(service)/(my)/my-page/_components/withdrawal-confirm-modal.tsx b/src/app/(service)/(my)/my-page/_components/withdrawal-confirm-modal.tsx
index 181e51d4b..6f18a6658 100644
--- a/src/app/(service)/(my)/my-page/_components/withdrawal-confirm-modal.tsx
+++ b/src/app/(service)/(my)/my-page/_components/withdrawal-confirm-modal.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { cn } from '@/components/common/ui/(shadcn)/lib/utils';
 import Button from '@/components/common/ui/button';
 import { Modal } from '@/components/common/ui/modal';
 
@@ -23,56 +24,58 @@ export default function WithdrawalConfirmModal({
       <Modal.Portal>
         <Modal.Overlay />
         <Modal.Content size="medium">
-          <Modal.Header variant="alert">
-            <Modal.Title>탈퇴 전, 안내 사항</Modal.Title>
+          <Modal.Header className={cn('border-none', 'text-left')}>
+            <Modal.Title className="font-designer-24b">
+              탈퇴 전, 안내 사항
+            </Modal.Title>
           </Modal.Header>
 
-          <Modal.Body variant="alert">
-            <ol className="flex flex-col gap-150 text-left">
-              <li className="flex items-start gap-150">
-                <span className="font-designer-14m text-text-subtle mt-50 shrink-0">
+          <Modal.Body>
+            <ol className="flex flex-col gap-100 text-left">
+              <li className="flex items-start gap-125">
+                <span className="font-designer-18r text-text-default shrink-0">
                   1.
                 </span>
-                <span className="font-designer-14r text-text-subtle">
+                <span className="font-designer-18r text-text-default">
                   탈퇴하기 클릭 시,{' '}
-                  <span className="font-bold text-primary-500">
+                  <span className="font-designer-18b text-text-brand">
                     ZERO-ONE 서비스에서 탈퇴 처리
                   </span>{' '}
                   됩니다.
                 </span>
               </li>
-              <li className="flex items-start gap-150">
-                <span className="font-designer-14m text-text-subtle mt-50 shrink-0">
+              <li className="flex items-start gap-125">
+                <span className="font-designer-18r text-text-default shrink-0">
                   2.
                 </span>
-                <span className="font-designer-14r text-text-subtle">
+                <span className="font-designer-18r text-text-default">
                   탈퇴 시 계정과 관련된 모든 권한이 사라지며 복구할 수 없습니다.
                 </span>
               </li>
-              <li className="flex items-start gap-150">
-                <span className="font-designer-14m text-text-subtle mt-50 shrink-0">
+              <li className="flex items-start gap-125">
+                <span className="font-designer-18r text-text-default shrink-0">
                   3.
                 </span>
-                <span className="font-designer-14r text-text-subtle">
+                <span className="font-designer-18r text-text-default">
                   직접 작성한 콘텐츠(빌더 피드, 질문답변, 게시물, 댓글 등)는
                   자동으로 삭제되지 않으며, 만일 삭제를 원하시면 탈퇴 이전에
                   수동 삭제가 필요합니다.
                 </span>
               </li>
-              <li className="flex items-start gap-150">
-                <span className="font-designer-14m text-text-subtle mt-50 shrink-0">
+              <li className="flex items-start gap-125">
+                <span className="font-designer-18r text-text-default shrink-0">
                   4.
                 </span>
-                <span className="font-designer-14r text-text-subtle">
+                <span className="font-designer-18r text-text-default">
                   탈퇴 후 연동된 소셜 계정 정보도 사라지며 기존 계정 재가입이
                   불가능합니다.
                 </span>
               </li>
-              <li className="flex items-start gap-150">
-                <span className="font-designer-14m text-text-subtle mt-50 shrink-0">
+              <li className="flex items-start gap-125">
+                <span className="font-designer-18r text-text-default shrink-0">
                   5.
                 </span>
-                <span className="font-designer-14r text-text-subtle">
+                <span className="font-designer-18r text-text-default">
                   탈퇴하기 클릭 시 위 내용에 동의하는 것으로 간주됩니다.
                 </span>
               </li>
diff --git a/src/app/(service)/(my)/my-page/page.tsx b/src/app/(service)/(my)/my-page/page.tsx
index fd9aed39e..8927f6bda 100644
--- a/src/app/(service)/(my)/my-page/page.tsx
+++ b/src/app/(service)/(my)/my-page/page.tsx
@@ -23,7 +23,7 @@ function ProfileRow({
 }) {
   return (
     <div className="flex gap-400">
-      <span className="font-designer-14m text-text-subtle w-2125 shrink-0 pt-150">
+      <span className="font-designer-16b text-gray-800 w-2125 shrink-0 pt-150">
         {label}
       </span>
       <div className="flex-1">{children}</div>
@@ -78,7 +78,10 @@ export default function MyPage() {
   const handleSaveIntro = async () => {
     if (!memberId) return;
     try {
-      await updateProfile({ simpleIntroduction: intro, ignoreNull: true });
+      await updateProfile({
+        simpleIntroduction: intro,
+        ignoreNull: true,
+      });
       showToast('자기소개가 저장되었습니다.', 'success');
     } catch {
       showToast('저장에 실패했습니다.', 'error');
@@ -149,7 +152,7 @@ export default function MyPage() {
                   checkingNickname
                 }
                 onClick={() => setNicknameToCheck(nickname)}
-                className="rounded-100 border border-primary-500 px-300 py-150 font-designer-14m text-primary-500 disabled:border-gray-300 disabled:text-gray-400"
+                className="rounded-100 border border-border-brand px-300 py-150 font-designer-14m text-text-brand disabled:border-gray-300 disabled:text-gray-400"
               >
                 {checkingNickname ? '확인 중...' : '중복 확인'}
               </button>
@@ -161,7 +164,7 @@ export default function MyPage() {
                   !(nicknameAvailable && nicknameToCheck === nickname)
                 }
                 onClick={handleSaveNickname}
-                className="rounded-100 border border-primary-500 px-300 py-150 font-designer-14m text-primary-500 disabled:border-gray-300 disabled:text-gray-400"
+                className="rounded-100 border border-border-brand px-300 py-150 font-designer-14m text-text-brand disabled:border-gray-300 disabled:text-gray-400"
               >
                 저장
               </button>
@@ -196,7 +199,7 @@ export default function MyPage() {
               type="button"
               disabled={isPending}
               onClick={handleSaveIntro}
-              className="rounded-100 border border-primary-500 px-300 py-150 font-designer-14m text-primary-500 disabled:opacity-50"
+              className="rounded-100 border border-border-brand px-300 py-150 font-designer-14m text-text-brand disabled:opacity-50"
             >
               저장
             </button>
@@ -335,37 +338,54 @@ export default function MyPage() {
       <hr className="border-border-subtle" />
 
       {/* Section C: 배너 */}
-      <section className="flex flex-col gap-300">
+      <section className="flex gap-250">
         <a
-          href="https://discord.gg/zeroone"
+          href="https://discord.gg/z66gzHnKp"
           target="_blank"
           rel="noopener noreferrer"
-          className="border-border-subtle rounded-200 flex items-center gap-300 border bg-gray-50 p-300 transition-colors hover:bg-gray-100"
+          className="border-border-subtle rounded-200 flex flex-1 items-center justify-center gap-175 overflow-hidden border bg-gray-50 py-250 transition-colors hover:bg-gray-100"
         >
-          <div className="flex size-1000 shrink-0 items-center justify-center rounded-full bg-indigo-100">
-            <span className="font-designer-16b text-indigo-600">D</span>
+          <div className="relative h-675 w-675 shrink-0 overflow-hidden rounded-150">
+            <Image
+              src="/my-page/discord-icon.png"
+              alt="Discord"
+              fill
+              className="object-cover"
+            />
           </div>
           <div>
-            <p className="font-designer-14b text-text-default">
-              Discord 커뮤니티
+            <p className="font-designer-20sb">
+              <span className="text-text-brand">디스코드에서 함께 공부</span>
+              <span className="text-text-strong">해요</span>
             </p>
-            <p className="font-designer-12r text-text-subtle">
-              ZeroOne Discord 서버 참여하기
+            <p className="font-designer-16r text-text-strong">
+              빌더들과 실시간 소통할 수 있어요!
             </p>
           </div>
         </a>
 
         <a
           href="/builder-feed"
-          className="border-primary-500 rounded-200 flex items-center gap-300 border bg-white p-300 transition-colors hover:bg-gray-50"
+          className="border-border-brand rounded-200 flex flex-1 items-center justify-center gap-175 overflow-hidden border bg-white py-250 transition-colors hover:bg-gray-50"
         >
-          <div className="bg-primary-100 flex size-1000 shrink-0 items-center justify-center rounded-full">
-            <span className="font-designer-16b text-primary-600">B</span>
+          <div className="relative h-675 w-675 shrink-0 overflow-hidden">
+            <div className="absolute inset-[12.5%]">
+              <Image
+                src="/my-page/feed-icon.svg"
+                alt="빌더 피드"
+                fill
+                className="object-contain"
+                unoptimized
+              />
+            </div>
           </div>
           <div>
-            <p className="font-designer-14b text-text-default">빌더 피드</p>
-            <p className="font-designer-12r text-text-subtle">
-              나의 학습 기록 공유하기
+            <p className="font-designer-20sb">
+              <span className="text-text-brand">빌더 피드</span>
+              <span className="text-text-strong"> 확인하러 가기</span>
+            </p>
+            <p className="font-designer-16r text-text-strong">
+              다른 빌더들과 결과물을 공유하며 소통해보세요!
             </p>
           </div>
         </a>
diff --git a/src/app/(service)/(my)/my-posts/page.tsx b/src/app/(service)/(my)/my-posts/page.tsx
index 423a7ea67..6c3a7f440 100644
--- a/src/app/(service)/(my)/my-posts/page.tsx
+++ b/src/app/(service)/(my)/my-posts/page.tsx
@@ -1,16 +1,25 @@
 'use client';
 
-import { Heart, MessageSquare } from 'lucide-react';
+import {
+  ChevronDown,
+  Heart,
+  MessageSquare,
+  MoreVertical,
+  Pencil,
+  Trash2,
+} from 'lucide-react';
 import Image from 'next/image';
 import Link from 'next/link';
-import { useSearchParams, useRouter, usePathname } from 'next/navigation';
-import { useState } from 'react';
+import { usePathname, useRouter, useSearchParams } from 'next/navigation';
+import { useEffect, useRef, useState } from 'react';
 import { cn } from '@/components/common/ui/(shadcn)/lib/utils';
 import {
-  useGetMyBuilderFeeds,
+  useDeleteBuilderFeed,
+  useGetMyBuilderFeedManagement,
   useGetMyBuilderFeedStats,
 } from '@/hooks/queries/course/course-api';
-import type { MyBuilderFeedItemResponse } from '@/types/api/course.types';
+import { useToastStore } from '@/stores/use-toast-store';
+import type { MyBuilderFeedManagementItemResponse } from '@/types/api/course.types';
 
 type Tab = 'feed' | 'question';
 
@@ -29,6 +38,9 @@ export default function MyPostsPage() {
   const tabParam = searchParams.get('tab');
   const activeTab: Tab = tabParam === 'question' ? 'question' : 'feed';
 
+  const [selectedCourseId, setSelectedCourseId] = useState<number | null>(null);
+  const [selectedLessonId, setSelectedLessonId] = useState<number | null>(null);
+
   const setTab = (tab: Tab) => {
     const params = new URLSearchParams(searchParams.toString());
     params.set('tab', tab);
@@ -36,37 +48,49 @@ export default function MyPostsPage() {
   };
 
   const { data: feedStats } = useGetMyBuilderFeedStats();
-  const { data: feedsData, isLoading: feedsLoading } = useGetMyBuilderFeeds();
+  const { data: draftRawData, isLoading: draftLoading } =
+    useGetMyBuilderFeedManagement({ status: 'DRAFT' });
+
+  // Base query: provides course dropdown options (always no filter)
+  const { data: baseData, isLoading: baseLoading } =
+    useGetMyBuilderFeedManagement({ status: 'PUBLISHED' });
+
+  // Filtered query: same key as base when no filter selected → deduped by TanStack Query
+  const { data: filteredData, isLoading: filteredLoading } =
+    useGetMyBuilderFeedManagement({
+      courseId: selectedCourseId,
+      lessonId: selectedLessonId,
+      status: 'PUBLISHED',
+    });
+
+  const isFiltering = selectedCourseId !== null || selectedLessonId !== null;
+  const displayData = isFiltering ? filteredData : baseData;
+  const feedsLoading = isFiltering ? filteredLoading : baseLoading;
+
+  const feeds = displayData?.myBuilderFeeds ?? [];
+  const draftFeeds = draftRawData?.myBuilderFeeds ?? [];
 
-  const feeds = feedsData?.feeds ?? [];
+  const availableCourses = baseData?.filterOptions.availableCourses ?? [];
+  const availableLessons =
+    selectedCourseId !== null
+      ? (filteredData?.filterOptions.availableLessons ?? [])
+      : [];
+
+  const handleCourseSelect = (courseId: number | null) => {
+    setSelectedCourseId(courseId);
+    setSelectedLessonId(null);
+  };
 
   const STATS = [
-    { label: '작성 수', value: feedStats?.feedCount ?? 0 },
-    { label: '좋아요 받은 수', value: feedStats?.totalLikeCount ?? 0 },
-    { label: '댓글 받은 수', value: feedStats?.totalCommentCount ?? 0 },
+    { label: '올린 피드 수', value: feedStats?.feedCount ?? 0 },
+    { label: '받은 좋아요 수', value: feedStats?.totalLikeCount ?? 0 },
+    { label: '받은 댓글 수', value: feedStats?.totalCommentCount ?? 0 },
   ];
 
   return (
-    <div className="flex flex-col gap-600">
+    <div className="flex flex-col gap-500">
       <h1 className="font-designer-24b text-text-default">내가 작성한 글</h1>
 
-      {/* 통계 카드 */}
-      <div className="grid grid-cols-3 gap-200">
-        {STATS.map((stat) => (
-          <div
-            key={stat.label}
-            className="border-border-subtle rounded-200 flex flex-col items-center gap-100 border p-300"
-          >
-            <span className="font-designer-24b text-primary-500">
-              {stat.value.toLocaleString()}
-            </span>
-            <span className="font-designer-12r text-text-subtle">
-              {stat.label}
-            </span>
-          </div>
-        ))}
-      </div>
-
       {/* 탭 */}
       <div className="border-border-subtle flex border-b">
         {(
@@ -80,10 +104,10 @@ export default function MyPostsPage() {
             type="button"
             onClick={() => setTab(id)}
             className={cn(
-              'font-designer-14m px-300 pb-200',
+              'font-designer-20b px-200 pb-200',
               activeTab === id
-                ? 'border-b-2 border-text-default text-text-default'
-                : 'text-text-subtlest',
+                ? 'border-b-2 border-rose-500 text-rose-500'
+                : 'font-designer-20r text-gray-800',
             )}
           >
             {label}
@@ -94,6 +118,79 @@ export default function MyPostsPage() {
       {/* 빌더 피드 탭 */}
       {activeTab === 'feed' && (
         <>
+          {/* 통계 카드 */}
+          <div className="grid grid-cols-3 gap-200">
+            {STATS.map((stat) => (
+              <div
+                key={stat.label}
+                className="rounded-200 flex flex-col gap-150 border border-rose-300 bg-white p-300"
+              >
+                <p className="font-designer-18b text-text-default">
+                  {stat.value.toLocaleString()}
+                </p>
+                <p className="font-designer-14m text-text-default">
+                  {stat.label}
+                </p>
+              </div>
+            ))}
+          </div>
+
+          {/* 필터 */}
+          <div className="flex items-center justify-between">
+            <div className="flex gap-150">
+              <FilterDropdown
+                label={
+                  selectedCourseId !== null
+                    ? (availableCourses.find(
+                        (c) => c.courseId === selectedCourseId,
+                      )?.courseTitle ?? '코스')
+                    : '코스'
+                }
+                active={selectedCourseId !== null}
+                options={availableCourses.map((c) => ({
+                  value: c.courseId,
+                  label: c.courseTitle,
+                }))}
+                selected={selectedCourseId}
+                onSelect={handleCourseSelect}
+                allLabel="전체 코스"
+              />
+              <FilterDropdown
+                label={
+                  selectedLessonId !== null
+                    ? (availableLessons.find(
+                        (l) => l.lessonId === selectedLessonId,
+                      )?.lessonTitle ?? '레슨')
+                    : '레슨'
+                }
+                active={selectedLessonId !== null}
+                options={availableLessons.map((l) => ({
+                  value: l.lessonId,
+                  label: l.lessonTitle,
+                }))}
+                selected={selectedLessonId}
+                onSelect={(v) => setSelectedLessonId(v)}
+                allLabel="전체 레슨"
+                disabled={selectedCourseId === null}
+              />
+            </div>
+            <button
+              type="button"
+              className="flex items-center gap-100 rounded-full border border-text-default px-300 py-150 font-designer-14m text-text-default"
+            >
+              최신순
+              <ChevronDown size={16} />
+            </button>
+          </div>
+
+          {/* 총 N건 */}
+          {!feedsLoading && (
+            <p className="font-designer-18b text-text-default">
+              총 {feeds.length}건
+            </p>
+          )}
+
+          {/* 피드 목록 */}
           {feedsLoading ? (
             <div className="flex items-center justify-center py-600">
               <p className="font-designer-14r text-text-subtle">
@@ -116,6 +213,28 @@ export default function MyPostsPage() {
               ))}
             </div>
           )}
+
+          {/* 임시 저장 */}
+          <p className="font-designer-18b text-text-default">임시 저장</p>
+          {draftLoading ? (
+            <div className="flex items-center justify-center py-600">
+              <p className="font-designer-14r text-text-subtle">
+                불러오는 중...
+              </p>
+            </div>
+          ) : draftFeeds.length === 0 ? (
+            <div className="flex flex-col items-center gap-200 py-600">
+              <p className="font-designer-16b text-text-default">
+                임시저장된 피드가 없어요
+              </p>
+            </div>
+          ) : (
+            <div className="grid grid-cols-1 gap-400 sm:grid-cols-2 lg:grid-cols-3">
+              {draftFeeds.map((feed) => (
+                <DraftFeedCard key={feed.feedId} feed={feed} />
+              ))}
+            </div>
+          )}
         </>
       )}
 
@@ -135,51 +254,295 @@ export default function MyPostsPage() {
   );
 }
 
-function FeedCard({ feed }: { feed: MyBuilderFeedItemResponse }) {
+function FilterDropdown({
+  label,
+  active,
+  options,
+  selected,
+  onSelect,
+  allLabel,
+  disabled = false,
+}: {
+  label: string;
+  active: boolean;
+  options: { value: number; label: string }[];
+  selected: number | null;
+  onSelect: (value: number | null) => void;
+  allLabel: string;
+  disabled?: boolean;
+}) {
+  const [open, setOpen] = useState(false);
+  const ref = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    function handleOutside(e: MouseEvent) {
+      if (ref.current && !ref.current.contains(e.target as Node)) {
+        setOpen(false);
+      }
+    }
+    document.addEventListener('mousedown', handleOutside);
+    return () => document.removeEventListener('mousedown', handleOutside);
+  }, []);
+
+  return (
+    <div ref={ref} className="relative">
+      <button
+        type="button"
+        disabled={disabled}
+        onClick={() => setOpen((prev) => !prev)}
+        className={cn(
+          'flex items-center gap-100 rounded-full border px-300 py-150 font-designer-14m',
+          active
+            ? 'border-rose-500 bg-rose-50 text-rose-500'
+            : 'border-text-default text-text-default',
+          disabled && 'cursor-not-allowed opacity-40',
+        )}
+      >
+        {label}
+        <ChevronDown size={16} />
+      </button>
+      {open && (
+        <div className="border-border-subtle absolute left-0 top-full z-20 mt-50 min-w-max rounded-150 border bg-white py-100 shadow-md">
+          <button
+            type="button"
+            onClick={() => {
+              onSelect(null);
+              setOpen(false);
+            }}
+            className={cn(
+              'w-full px-200 py-100 text-left font-designer-14r hover:bg-gray-50',
+              selected === null ? 'text-rose-500' : 'text-text-default',
+            )}
+          >
+            {allLabel}
+          </button>
+          {options.map((opt) => (
+            <button
+              key={opt.value}
+              type="button"
+              onClick={() => {
+                onSelect(opt.value);
+                setOpen(false);
+              }}
+              className={cn(
+                'w-full px-200 py-100 text-left font-designer-14r hover:bg-gray-50',
+                selected === opt.value ? 'text-rose-500' : 'text-text-default',
+              )}
+            >
+              {opt.label}
+            </button>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
+
+function FeedCard({ feed }: { feed: MyBuilderFeedManagementItemResponse }) {
   const [imgError, setImgError] = useState(false);
-  const plainText = feed.content.replace(/<[^>]*>/g, '');
+  const [menuOpen, setMenuOpen] = useState(false);
+  const menuRef = useRef<HTMLDivElement>(null);
+  const showToast = useToastStore((state) => state.showToast);
+  const { mutate: deleteFeed, isPending: isDeleting } = useDeleteBuilderFeed();
+  const feedHref =
+    feed.lessonId !== null
+      ? `/class/${feed.courseId}/lesson/${feed.lessonId}?feedId=${feed.feedId}`
+      : `/class/${feed.courseId}`;
+
+  useEffect(() => {
+    function handleClickOutside(e: MouseEvent) {
+      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {
+        setMenuOpen(false);
+      }
+    }
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, []);
+
+  const handleDelete = () => {
+    setMenuOpen(false);
+    deleteFeed(feed.feedId, {
+      onSuccess: () => showToast('피드가 삭제되었습니다.', 'success'),
+      onError: () => showToast('피드 삭제에 실패했습니다.', 'error'),
+    });
+  };
 
   return (
-    <Link
-      href={`/class/${feed.courseId}/lesson/${feed.lessonId}?feedId=${feed.feedId}`}
-      className="border-border-subtle flex flex-col overflow-hidden rounded-200 border"
-    >
-      <div className="relative aspect-[3/2] w-full bg-gray-100">
-        {feed.thumbnailUrl && !imgError ? (
-          <Image
-            src={feed.thumbnailUrl}
-            alt="피드 이미지"
-            fill
-            className="object-cover"
-            onError={() => setImgError(true)}
-          />
-        ) : (
-          <div className="flex h-full w-full items-center justify-center bg-gray-100">
-            <span className="font-designer-12r text-text-subtlest">
-              이미지 없음
+    <div className="border-border-subtle relative flex flex-col overflow-hidden rounded-200 border">
+      {/* 수정/삭제 메뉴 */}
+      <div ref={menuRef} className="absolute right-150 top-150 z-10">
+        <button
+          type="button"
+          onClick={() => setMenuOpen((prev) => !prev)}
+          className="rounded-full p-50 text-text-subtle hover:bg-gray-100"
+          aria-label="더보기"
+        >
+          <MoreVertical size={20} />
+        </button>
+        {menuOpen && (
+          <div className="border-border-subtle absolute right-0 top-full mt-50 flex flex-col rounded-100 border bg-white py-100 shadow-sm">
+            <Link
+              href={feedHref}
+              onClick={() => setMenuOpen(false)}
+              className="flex items-center gap-150 px-200 py-100 font-designer-14r text-text-subtle hover:text-text-default"
+            >
+              <Pencil size={16} />
+              수정
+            </Link>
+            <button
+              type="button"
+              onClick={handleDelete}
+              disabled={isDeleting}
+              className="flex items-center gap-150 px-200 py-100 font-designer-14r text-text-subtle hover:text-red-500 disabled:opacity-50"
+            >
+              <Trash2 size={16} />
+              삭제
+            </button>
+          </div>
+        )}
+      </div>
+
+      <Link href={feedHref} className="flex flex-col">
+        <div className="relative aspect-[3/2] w-full bg-gray-100">
+          {feed.thumbnailUrl && !imgError ? (
+            <Image
+              src={feed.thumbnailUrl}
+              alt="피드 이미지"
+              fill
+              className="object-cover"
+              onError={() => setImgError(true)}
+            />
+          ) : (
+            <div className="flex h-full w-full items-center justify-center bg-gray-100">
+              <span className="font-designer-12r text-text-subtlest">
+                이미지 없음
+              </span>
+            </div>
+          )}
+        </div>
+
+        <div className="flex flex-col gap-150 p-200">
+          <p className="font-designer-14r text-text-default line-clamp-2">
+            {feed.feedContent.replace(/<[^>]*>/g, '')}
+          </p>
+          <div className="flex items-center gap-200">
+            <span className="font-designer-12r text-text-subtle flex items-center gap-50">
+              <Heart size={12} />
+              {feed.likeCount}
+            </span>
+            <span className="font-designer-12r text-text-subtle flex items-center gap-50">
+              <MessageSquare size={12} />
+              {feed.commentCount}
+            </span>
+            <span className="font-designer-12r text-text-subtlest ml-auto">
+              {formatDate(feed.createdAt)}
             </span>
           </div>
+        </div>
+      </Link>
+    </div>
+  );
+}
+
+function DraftFeedCard({
+  feed,
+}: {
+  feed: MyBuilderFeedManagementItemResponse;
+}) {
+  const [imgError, setImgError] = useState(false);
+  const [menuOpen, setMenuOpen] = useState(false);
+  const menuRef = useRef<HTMLDivElement>(null);
+  const showToast = useToastStore((state) => state.showToast);
+  const { mutate: deleteFeed, isPending: isDeleting } = useDeleteBuilderFeed();
+  // TODO: courseSlug not in API response — using courseId as slug placeholder
+  const editHref =
+    feed.lessonId !== null
+      ? `/class/${feed.courseId}/lesson/${feed.lessonId}?feedId=${feed.feedId}`
+      : `/class/${feed.courseId}`;
+  const plainText = feed.feedContent.replace(/<[^>]*>/g, '');
+
+  useEffect(() => {
+    function handleClickOutside(e: MouseEvent) {
+      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {
+        setMenuOpen(false);
+      }
+    }
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, []);
+
+  const handleDelete = () => {
+    deleteFeed(feed.feedId, {
+      onSuccess: () => {
+        setMenuOpen(false);
+        showToast('임시저장 피드가 삭제되었어요.');
+      },
+      onError: () => showToast('삭제에 실패했어요.', 'error'),
+    });
+  };
+
+  return (
+    <div className="border-border-subtle relative flex flex-col overflow-hidden rounded-200 border">
+      <div ref={menuRef} className="absolute right-150 top-150 z-10">
+        <button
+          type="button"
+          onClick={() => setMenuOpen((prev) => !prev)}
+          className="rounded-full p-50 text-text-subtle hover:bg-gray-100"
+          aria-label="더보기"
+        >
+          <MoreVertical size={20} />
+        </button>
+        {menuOpen && (
+          <div className="border-border-subtle absolute right-0 top-full mt-50 flex flex-col rounded-100 border bg-white py-100 shadow-sm">
+            <Link
+              href={editHref}
+              onClick={() => setMenuOpen(false)}
+              className="flex items-center gap-150 px-200 py-100 font-designer-14r text-text-subtle hover:text-text-default"
+            >
+              <Pencil size={16} />
+              수정
+            </Link>
+            <button
+              type="button"
+              onClick={handleDelete}
+              disabled={isDeleting}
+              className="flex items-center gap-150 px-200 py-100 font-designer-14r text-text-subtle hover:text-red-500 disabled:opacity-50"
+            >
+              <Trash2 size={16} />
+              삭제
+            </button>
+          </div>
         )}
       </div>
 
-      <div className="flex flex-col gap-150 p-200">
-        <p className="font-designer-14r text-text-default line-clamp-2">
-          {plainText}
-        </p>
-        <div className="flex items-center gap-200">
-          <span className="font-designer-12r text-text-subtle flex items-center gap-50">
-            <Heart size={12} />
-            {feed.likeCount}
-          </span>
-          <span className="font-designer-12r text-text-subtle flex items-center gap-50">
-            <MessageSquare size={12} />
-            {feed.commentCount}
-          </span>
+      <Link href={editHref} className="flex flex-col">
+        <div className="relative aspect-[3/2] w-full bg-gray-100">
+          {feed.thumbnailUrl && !imgError ? (
+            <Image
+              src={feed.thumbnailUrl}
+              alt="피드 이미지"
+              fill
+              className="object-cover"
+              onError={() => setImgError(true)}
+            />
+          ) : (
+            <div className="flex h-full w-full items-center justify-center bg-gray-100">
+              <span className="font-designer-12r text-text-subtlest">
+                이미지 없음
+              </span>
+            </div>
+          )}
+        </div>
+
+        <div className="flex flex-col gap-150 p-200">
+          <p className="font-designer-14r text-text-default line-clamp-2">
+            {plainText}
+          </p>
           <span className="font-designer-12r text-text-subtlest ml-auto">
             {formatDate(feed.createdAt)}
           </span>
         </div>
-      </div>
-    </Link>
+      </Link>
+    </div>
   );
 }
diff --git a/src/app/(service)/(my)/payment-management/page.tsx b/src/app/(service)/(my)/payment-management/page.tsx
index 4b6e11790..6d21b6a0e 100644
--- a/src/app/(service)/(my)/payment-management/page.tsx
+++ b/src/app/(service)/(my)/payment-management/page.tsx
@@ -117,7 +117,7 @@ export default function PaymentManagement() {
       <div className="border-border-subtle flex border-b">
         <button
           type="button"
-          className="font-designer-14m text-text-default border-primary-500 border-b-2 px-200 pb-200"
+          className="font-designer-14m text-text-default border-border-brand border-b-2 px-200 pb-200"
         >
           스터디 결제
         </button>
diff --git a/src/components/common/layout/sidebar/my-page-mobile-nav.tsx b/src/components/common/layout/sidebar/my-page-mobile-nav.tsx
index b0cf29f1b..8b336c975 100644
--- a/src/components/common/layout/sidebar/my-page-mobile-nav.tsx
+++ b/src/components/common/layout/sidebar/my-page-mobile-nav.tsx
@@ -28,7 +28,7 @@ export default function MyPageMobileNav() {
             (item.prefixMatch
               ? pathname.startsWith(item.href)
               : pathname === item.href) &&
-              'border-b-2 border-primary-500 text-text-brand',
+              'border-b-2 border-border-brand text-text-brand',
           )}
         >
           {item.label}
diff --git a/src/components/common/layout/sidebar/my-page-sidebar.tsx b/src/components/common/layout/sidebar/my-page-sidebar.tsx
index 5c9761ff7..a52233228 100644
--- a/src/components/common/layout/sidebar/my-page-sidebar.tsx
+++ b/src/components/common/layout/sidebar/my-page-sidebar.tsx
@@ -94,7 +94,7 @@ const NAV_ITEMS: {
   prefixMatch?: boolean;
   comingSoon?: boolean;
 }[] = [
-  { href: '/my-page', label: '프로필', icon: PersonOutlineIcon },
+  { href: '/my-page', label: '빌더 프로필', icon: PersonOutlineIcon },
   { href: '/my-class', label: '마이 클래스', icon: ClassIcon },
   {
     href: '/my-posts',
@@ -186,7 +186,7 @@ function SidebarItem({
         )}
       >
         <Icon
-          className={cn(isActive ? 'text-primary-500' : 'text-text-subtle')}
+          className={cn(isActive ? 'text-text-brand' : 'text-text-subtle')}
         />
         {children}
       </button>
diff --git a/src/components/common/modals/user-profile-modal.tsx b/src/components/common/modals/user-profile-modal.tsx
index 37c82f169..88b089978 100644
--- a/src/components/common/modals/user-profile-modal.tsx
+++ b/src/components/common/modals/user-profile-modal.tsx
@@ -87,7 +87,7 @@ function UserProfileBody({
                   {nickname}
                 </span>
                 {isBuilder && (
-                  <span className="font-designer-12b bg-brand-primary-500 inline-flex h-250 w-250 shrink-0 items-center justify-center rounded-full text-white">
+                  <span className="font-designer-12b bg-fill-brand-default-default inline-flex h-250 w-250 shrink-0 items-center justify-center rounded-full text-white">
                     B
                   </span>
                 )}
@@ -104,7 +104,7 @@ function UserProfileBody({
         <button
           type="button"
           disabled
-          className="bg-brand-primary-500 font-designer-16b h-775 w-full cursor-not-allowed rounded-100 text-white opacity-60"
+          className="bg-fill-brand-default-default font-designer-16b h-775 w-full cursor-not-allowed rounded-100 text-white opacity-60"
         >
           팔로우
         </button>
diff --git a/src/components/payment/modals/class-cancel-payment-modal.tsx b/src/components/payment/modals/class-cancel-payment-modal.tsx
index 9ce30fd59..1dad26270 100644
--- a/src/components/payment/modals/class-cancel-payment-modal.tsx
+++ b/src/components/payment/modals/class-cancel-payment-modal.tsx
@@ -3,19 +3,9 @@
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import Button from '@/components/common/ui/button';
-import SingleDropdown from '@/components/common/ui/dropdown/single';
 import { Modal } from '@/components/common/ui/modal';
 import { useCancelCoursePayment } from '@/hooks/queries/course/course-api';
 
-const CANCEL_REASONS = [
-  { value: 'PAYMENT_METHOD_CHANGE', label: '결제 수단 변경 후 재결제' },
-  { value: 'DUPLICATE_PURCHASE', label: '중복 결제' },
-  { value: 'CHANGE_OF_MIND', label: '단순 변심' },
-  { value: 'CONTENT_UNSATISFIED', label: '강의 내용 불만족' },
-  { value: 'TECHNICAL_ISSUE', label: '기술적 문제 / 오류' },
-  { value: 'OTHER', label: '기타(상세 내용에 기재)' },
-] as const;
-
 interface ClassCancelPaymentModalProps {
   courseId: number;
   paymentId: number;
@@ -32,8 +22,6 @@ export default function ClassCancelPaymentModal({
 }: ClassCancelPaymentModalProps) {
   const router = useRouter();
   const [step, setStep] = useState<'form' | 'complete'>('form');
-  const [reason, setReason] = useState<string | undefined>(undefined);
-  const [detail, setDetail] = useState('');
 
   const { mutate: cancelPayment, isPending } = useCancelCoursePayment();
 
@@ -49,15 +37,11 @@ export default function ClassCancelPaymentModal({
   const handleClose = () => {
     onOpenChange(false);
     setStep('form');
-    setReason(undefined);
-    setDetail('');
   };
 
   const handleCompleteClose = () => {
     onOpenChange(false);
     setStep('form');
-    setReason(undefined);
-    setDetail('');
     router.push('/class-payment-management');
   };
 
@@ -68,19 +52,13 @@ export default function ClassCancelPaymentModal({
           <Modal.Overlay />
           <Modal.Content size="medium">
             <Modal.Header variant="alert">
-              <Modal.Title>환불이 완료되었습니다</Modal.Title>
+              <Modal.Title>결제가 취소되었습니다</Modal.Title>
             </Modal.Header>
 
             <Modal.Body variant="alert">
-              <div className="flex flex-col gap-100 text-center">
-                <p className="font-designer-14r text-text-default">
-                  카드 환불 시 카드사에 따라 영업일 2-3일 정도 소요될 수
-                  있습니다.
-                </p>
-                <p className="font-designer-14r text-text-default">
-                  무통장 환불 시 영업일 7일 이내로 환불 예정입니다.
-                </p>
-              </div>
+              <p className="font-designer-14r text-text-default text-center">
+                결제가 정상적으로 취소되었습니다.
+              </p>
             </Modal.Body>
 
             <Modal.Footer variant="alert">
@@ -103,42 +81,15 @@ export default function ClassCancelPaymentModal({
     <Modal.Root open={open} onOpenChange={handleClose}>
       <Modal.Portal>
         <Modal.Overlay />
-        <Modal.Content size="large">
+        <Modal.Content size="medium">
           <Modal.Header variant="alert">
-            <Modal.Title>환불 요청하기</Modal.Title>
+            <Modal.Title>결제 취소하기</Modal.Title>
           </Modal.Header>
 
           <Modal.Body variant="alert">
-            <div className="flex flex-col gap-300">
-              <p className="font-designer-14r text-text-subtle">
-                환불 요청 시 진행하시는 클래스에 더 이상 참여하실 수 없습니다.
-              </p>
-
-              <div className="flex flex-col gap-100">
-                <label className="font-designer-14m text-text-default">
-                  환불 사유
-                </label>
-                <SingleDropdown
-                  options={CANCEL_REASONS}
-                  value={reason}
-                  onChange={setReason}
-                  placeholder="사유를 선택해 주세요."
-                  size="l"
-                />
-              </div>
-
-              <div className="flex flex-col gap-100">
-                <label className="font-designer-14m text-text-default">
-                  상세 내용
-                </label>
-                <textarea
-                  className="border-border-default rounded-100 font-designer-14r text-text-default placeholder:text-text-subtlest h-1500 w-full resize-none border p-150 outline-none"
-                  placeholder="환불 이유를 간략히 적어주세요."
-                  value={detail}
-                  onChange={(e) => setDetail(e.target.value)}
-                />
-              </div>
-            </div>
+            <p className="font-designer-14r text-text-subtle">
+              결제를 취소하시겠습니까? 취소 후에는 되돌릴 수 없습니다.
+            </p>
           </Modal.Body>
 
           <Modal.Footer variant="alert">
@@ -149,16 +100,16 @@ export default function ClassCancelPaymentModal({
                 className="flex-1"
                 onClick={handleClose}
               >
-                취소
+                돌아가기
               </Button>
               <Button
                 color="primary"
                 size="medium"
                 className="flex-1"
-                disabled={!reason || isPending}
+                disabled={isPending}
                 onClick={handleConfirm}
               >
-                환불하기
+                취소하기
               </Button>
             </div>
           </Modal.Footer>
diff --git a/src/components/payment/modals/class-refund-request-modal.tsx b/src/components/payment/modals/class-refund-request-modal.tsx
new file mode 100644
index 000000000..fc7911af5
--- /dev/null
+++ b/src/components/payment/modals/class-refund-request-modal.tsx
@@ -0,0 +1,180 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import Button from '@/components/common/ui/button';
+import SingleDropdown from '@/components/common/ui/dropdown/single';
+import { Modal } from '@/components/common/ui/modal';
+import { useRequestCourseRefund } from '@/hooks/queries/course/course-api';
+import type { CourseRefundReasonCode } from '@/types/api/course.types';
+
+const REFUND_REASONS: {
+  value: CourseRefundReasonCode;
+  label: string;
+}[] = [
+  // TODO: sync with backend when LECTURE_DISTRIBUTION and OPERATION_POLICY enum values are added
+  { value: 'REPAYMENT_AFTER_METHOD_CHANGE', label: '결제 수단 변경 후 재결제' },
+  { value: 'DUPLICATE_PAYMENT', label: '중복 결제' },
+  { value: 'CHANGE_OF_MIND', label: '단순 변심' },
+  { value: 'UNSATISFIED_CONTENT', label: '강의 내용 불만족' },
+  { value: 'TECHNICAL_ISSUE', label: '기술적 문제 / 오류' },
+  { value: 'OTHER', label: '기타(상세 내용에 기재)' },
+];
+
+interface ClassRefundRequestModalProps {
+  paymentId: number;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}
+
+export default function ClassRefundRequestModal({
+  paymentId,
+  open,
+  onOpenChange,
+}: ClassRefundRequestModalProps) {
+  const router = useRouter();
+  const [step, setStep] = useState<'form' | 'complete'>('form');
+  const [reason, setReason] = useState<CourseRefundReasonCode | undefined>(
+    undefined,
+  );
+  const [detail, setDetail] = useState('');
+
+  const { mutate: requestRefund, isPending } = useRequestCourseRefund();
+
+  const handleConfirm = () => {
+    if (!reason) return;
+    requestRefund(
+      {
+        paymentId,
+        request: {
+          reasonCode: reason,
+          detail: detail.trim() || undefined,
+        },
+      },
+      {
+        onSuccess: () => setStep('complete'),
+      },
+    );
+  };
+
+  const handleClose = () => {
+    onOpenChange(false);
+    setStep('form');
+    setReason(undefined);
+    setDetail('');
+  };
+
+  const handleCompleteClose = () => {
+    onOpenChange(false);
+    setStep('form');
+    setReason(undefined);
+    setDetail('');
+    router.push('/class-payment-management');
+  };
+
+  if (step === 'complete') {
+    return (
+      <Modal.Root open={open} onOpenChange={handleCompleteClose}>
+        <Modal.Portal>
+          <Modal.Overlay />
+          <Modal.Content size="medium">
+            <Modal.Header variant="alert">
+              <Modal.Title>환불이 완료되었습니다</Modal.Title>
+            </Modal.Header>
+
+            <Modal.Body variant="alert">
+              <div className="flex flex-col gap-100 text-center">
+                <p className="font-designer-14r text-text-default">
+                  카드 환불 시 카드사에 따라 영업일 2-3일 정도 소요될 수
+                  있습니다.
+                </p>
+                <p className="font-designer-14r text-text-default">
+                  무통장 환불 시 영업일 7일 이내로 환불 예정입니다.
+                </p>
+              </div>
+            </Modal.Body>
+
+            <Modal.Footer variant="alert">
+              <Button
+                color="primary"
+                size="medium"
+                className="w-full"
+                onClick={handleCompleteClose}
+              >
+                확인
+              </Button>
+            </Modal.Footer>
+          </Modal.Content>
+        </Modal.Portal>
+      </Modal.Root>
+    );
+  }
+
+  return (
+    <Modal.Root open={open} onOpenChange={handleClose}>
+      <Modal.Portal>
+        <Modal.Overlay />
+        <Modal.Content size="large">
+          <Modal.Header variant="alert">
+            <Modal.Title>환불 요청하기</Modal.Title>
+          </Modal.Header>
+
+          <Modal.Body variant="alert">
+            <div className="flex flex-col gap-300">
+              <p className="font-designer-14r text-text-subtle">
+                환불 요청 시 진행하시는 클래스에 더 이상 참여하실 수 없습니다.
+              </p>
+
+              <div className="flex flex-col gap-100">
+                <label className="font-designer-14m text-text-default">
+                  환불 사유
+                </label>
+                <SingleDropdown
+                  options={REFUND_REASONS}
+                  value={reason}
+                  onChange={(v) => setReason(v as CourseRefundReasonCode)}
+                  placeholder="사유를 선택해 주세요."
+                  size="l"
+                />
+              </div>
+
+              <div className="flex flex-col gap-100">
+                <label className="font-designer-14m text-text-default">
+                  상세 내용
+                </label>
+                <textarea
+                  className="border-border-default rounded-100 font-designer-14r text-text-default placeholder:text-text-subtlest h-1500 w-full resize-none border p-150 outline-none"
+                  placeholder="환불 이유를 간략히 적어주세요."
+                  value={detail}
+                  onChange={(e) => setDetail(e.target.value)}
+                />
+              </div>
+            </div>
+          </Modal.Body>
+
+          <Modal.Footer variant="alert">
+            <div className="flex gap-200">
+              <Button
+                color="secondary"
+                size="medium"
+                className="flex-1"
+                onClick={handleClose}
+              >
+                취소
+              </Button>
+              <Button
+                color="primary"
+                size="medium"
+                className="flex-1"
+                disabled={!reason || isPending}
+                onClick={handleConfirm}
+              >
+                환불하기
+              </Button>
+            </div>
+          </Modal.Footer>
+        </Modal.Content>
+      </Modal.Portal>
+    </Modal.Root>
+  );
+}
diff --git a/src/hooks/queries/course/course-api.ts b/src/hooks/queries/course/course-api.ts
index eb1379cfa..9dd161a1b 100644
--- a/src/hooks/queries/course/course-api.ts
+++ b/src/hooks/queries/course/course-api.ts
@@ -5,7 +5,7 @@ import {
   useQuery,
   useQueryClient,
 } from '@tanstack/react-query';
-import { axiosInstanceV5 } from '@/api/client/axios';
+import { axiosInstanceV5, axiosInstanceV6 } from '@/api/client/axios';
 import { useToastStore } from '@/stores/use-toast-store';
 import type {
   BuilderFeedCommentCreateRequest,
@@ -25,10 +25,12 @@ import type {
   CourseFreeEnrollmentResponse,
   CourseJourneyMapResponse,
   CoursePaymentConfirmResponse,
+  CoursePaymentDetailResponse,
   CoursePaymentPrepareRequest,
   CoursePaymentPrepareResponse,
   CoursePaymentStatus,
   CourseProgressResponse,
+  CourseRefundCreateRequest,
   CourseSummaryResponse,
   CourseTossPaymentConfirmRequest,
   GiftEmailCreateRequest,
@@ -55,6 +57,7 @@ import type {
   LessonRetrospectiveResponse,
   MyCoursePaymentListItemResponse,
   MyBuilderFeedsResponse,
+  MyBuilderFeedManagementResponse,
   MyCourseFreeEnrollmentResponse,
   OpenAlertSubscriptionRequest,
   OpenAlertSubscriptionResponse,
@@ -287,6 +290,44 @@ export const useGetMyCoursePayments = (
   });
 };
 
+export const useGetMyCoursePaymentDetail = (
+  paymentId: number,
+  options?: { enabled?: boolean },
+): UseQueryResult<CoursePaymentDetailResponse> => {
+  return useQuery({
+    queryKey: ['myCoursePaymentDetail', paymentId],
+    queryFn: async () => {
+      const { data } = await axiosInstanceV5.get<{
+        content: CoursePaymentDetailResponse;
+      }>(`mypage/course-payments/${paymentId}`);
+      return data.content;
+    },
+    enabled: (options?.enabled ?? true) && !!paymentId,
+  });
+};
+
+export const useRequestCourseRefund = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: async ({
+      paymentId,
+      request,
+    }: {
+      paymentId: number;
+      request: CourseRefundCreateRequest;
+    }) => {
+      await axiosInstanceV5.post(
+        `course-payments/${paymentId}/refunds`,
+        request,
+      );
+    },
+    onSuccess: async () => {
+      await queryClient.invalidateQueries({ queryKey: ['myCoursePayments'] });
+    },
+  });
+};
+
 // ─── Journey Map ──────────────────────────────────────────────────────────────
 
 export const useGetCourseJourneyMap = (
@@ -838,6 +879,9 @@ export const useDeleteBuilderFeed = () => {
       await queryClient.invalidateQueries({ queryKey: ['builderFeeds'] });
       await queryClient.invalidateQueries({ queryKey: ['myBuilderFeeds'] });
       await queryClient.invalidateQueries({ queryKey: ['myBuilderFeedStats'] });
+      await queryClient.invalidateQueries({
+        queryKey: ['myBuilderFeedManagement'],
+      });
     },
   });
 };
@@ -863,6 +907,9 @@ export const useUpdateBuilderFeed = () => {
       });
       await queryClient.invalidateQueries({ queryKey: ['builderFeeds'] });
       await queryClient.invalidateQueries({ queryKey: ['myBuilderFeeds'] });
+      await queryClient.invalidateQueries({
+        queryKey: ['myBuilderFeedManagement'],
+      });
     },
   });
 };
@@ -921,6 +968,34 @@ export const useGetMyBuilderFeeds = () => {
   });
 };
 
+export const useGetMyBuilderFeedManagement = (params?: {
+  courseId?: number | null;
+  lessonId?: number | null;
+  status?: string;
+}): UseQueryResult<MyBuilderFeedManagementResponse> => {
+  const { courseId, lessonId, status } = params ?? {};
+  return useQuery({
+    queryKey: [
+      'myBuilderFeedManagement',
+      courseId ?? null,
+      lessonId ?? null,
+      status ?? null,
+    ],
+    queryFn: async () => {
+      const { data } = await axiosInstanceV6.get<{
+        content: MyBuilderFeedManagementResponse;
+      }>('mypage/class/my-builder-feeds', {
+        params: {
+          ...(courseId !== null && courseId !== undefined && { courseId }),
+          ...(lessonId !== null && lessonId !== undefined && { lessonId }),
+          ...(status !== null && status !== undefined && { status }),
+        },
+      });
+      return data.content;
+    },
+  });
+};
+
 // ─── Lesson Q&A Sidebar ───────────────────────────────────────────────────────
 
 export const useGetLessonQnaSidebar = (lessonId: number) => {
diff --git a/src/hooks/queries/my-inquiry/inquiry-api.ts b/src/hooks/queries/my-inquiry/inquiry-api.ts
new file mode 100644
index 000000000..51b05c886
--- /dev/null
+++ b/src/hooks/queries/my-inquiry/inquiry-api.ts
@@ -0,0 +1,114 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { axiosInstanceV6 } from '@/api/client/axios';
+
+export type InquiryCategory =
+  | 'CLASS'
+  | 'PAYMENT_REFUND'
+  | 'PROFILE_ACCOUNT'
+  | 'LEARNING_PROGRESS'
+  | 'OTHER';
+
+export type InquiryStatus = 'ACCEPTED' | 'ANSWER_COMPLETED';
+
+export interface OneToOneInquiryListItem {
+  oneToOneInquiryId: number;
+  inquiryStatus: InquiryStatus;
+  inquiryCategory: InquiryCategory;
+  inquiryPreviewText: string;
+  createdAt: string;
+  answeredAt: string | null;
+}
+
+interface OneToOneInquiryListResponse {
+  oneToOneInquiries: OneToOneInquiryListItem[];
+}
+
+export interface InquiryReply {
+  oneToOneInquiryReplyId: number;
+  replyContent: string;
+  createdAt: string;
+}
+
+export interface OneToOneInquiryDetailResponse {
+  inquiryContent: string;
+  attachmentUrls: string[];
+  replies: InquiryReply[];
+  alertPreferences: {
+    replyAlerttalkOptIn: boolean;
+    replyEmailOptIn: boolean;
+  };
+  createdAt: string;
+  answeredAt: string | null;
+}
+
+export interface CreateOneToOneInquiryRequest {
+  inquiryCategory: InquiryCategory;
+  inquiryContent: string;
+  inquiryAttachmentKeys: string[];
+  replyAlerttalkOptIn: boolean;
+  replyEmailOptIn: boolean;
+}
+
+interface DraftOneToOneInquiryRequest {
+  inquiryCategory?: InquiryCategory;
+  inquiryContent?: string;
+}
+
+export const useGetMyOneToOneInquiries = () => {
+  return useQuery({
+    queryKey: ['myOneToOneInquiries'],
+    queryFn: async () => {
+      const { data } = await axiosInstanceV6.get<{
+        content: OneToOneInquiryListResponse;
+      }>('mypage/one-to-one-inquiries');
+      return data.content.oneToOneInquiries;
+    },
+  });
+};
+
+export const useGetMyOneToOneInquiryDetail = (id: number | null) => {
+  return useQuery({
+    queryKey: ['myOneToOneInquiry', id],
+    queryFn: async () => {
+      const { data } = await axiosInstanceV6.get<{
+        content: OneToOneInquiryDetailResponse;
+      }>(`mypage/one-to-one-inquiries/${id}`);
+      return data.content;
+    },
+    enabled: id !== null && id > 0,
+  });
+};
+
+export const useCreateMyOneToOneInquiry = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (request: CreateOneToOneInquiryRequest) => {
+      const { data } = await axiosInstanceV6.post<{
+        content: { oneToOneInquiryId: number };
+      }>('mypage/one-to-one-inquiries', request);
+      return data.content;
+    },
+    onSuccess: async () => {
+      await queryClient.invalidateQueries({
+        queryKey: ['myOneToOneInquiries'],
+      });
+    },
+  });
+};
+
+export const useSaveDraftOneToOneInquiry = () => {
+  return useMutation({
+    mutationFn: async ({
+      id,
+      request,
+    }: {
+      id: number;
+      request: DraftOneToOneInquiryRequest;
+    }) => {
+      const { data } = await axiosInstanceV6.patch<{
+        content: { oneToOneInquiryId: number };
+      }>(`mypage/one-to-one-inquiries/${id}/draft`, request);
+      return data.content;
+    },
+  });
+};
diff --git a/src/hooks/queries/notification/use-notification-setting.ts b/src/hooks/queries/notification/use-notification-setting.ts
index de60d13d5..acc22d481 100644
--- a/src/hooks/queries/notification/use-notification-setting.ts
+++ b/src/hooks/queries/notification/use-notification-setting.ts
@@ -5,7 +5,6 @@ export interface NotificationSettingResponse {
   notifyHour?: number;
   notifyMinute?: number;
   isEnabled?: boolean;
-  saved?: boolean;
 }
 
 export interface NotificationSettingUpdateRequest {
diff --git a/src/types/api/course.types.ts b/src/types/api/course.types.ts
index 4df1daa1e..c09f07387 100644
--- a/src/types/api/course.types.ts
+++ b/src/types/api/course.types.ts
@@ -132,6 +132,33 @@ export interface MyCoursePaymentListItemResponse {
   canceledAt: string | null;
   createdAt: string;
   cancellable: boolean;
+  canRequestRefund?: boolean;
+  canCancelPayment?: boolean;
+}
+
+// ─── Course Payment Detail ────────────────────────────────────────────────────
+
+export interface CoursePaymentDetailResponse {
+  paymentId: number;
+  virtualAccountNumber: string | null;
+  virtualBankName: string | null;
+  virtualAccountHolderName: string | null;
+  virtualAccountDueDate: string | null;
+}
+
+// ─── Course Refund ────────────────────────────────────────────────────────────
+
+export type CourseRefundReasonCode =
+  | 'REPAYMENT_AFTER_METHOD_CHANGE'
+  | 'DUPLICATE_PAYMENT'
+  | 'CHANGE_OF_MIND'
+  | 'UNSATISFIED_CONTENT'
+  | 'TECHNICAL_ISSUE'
+  | 'OTHER';
+
+export interface CourseRefundCreateRequest {
+  reasonCode: CourseRefundReasonCode;
+  detail?: string;
 }
 
 export interface AdminCoursePaymentListItemResponse {
@@ -639,6 +666,7 @@ export interface BuilderFeedCreateRequest {
   lessonId: number;
   content: string;
   imageKeys?: string[];
+  status?: 'DRAFT' | 'PUBLISHED';
 }
 
 export interface BuilderFeedCommentCreateRequest {
@@ -711,6 +739,31 @@ export interface BuilderFeedStatsResponse {
   totalCommentCount: number;
 }
 
+// ─── My Builder Feed Management (v6) ─────────────────────────────────────────
+
+export interface MyBuilderFeedManagementItemResponse {
+  feedId: number;
+  courseId: number;
+  courseTitle: string;
+  lessonId: number | null;
+  lessonTitle: string | null;
+  feedContent: string;
+  thumbnailUrl: string | null;
+  likeCount: number;
+  commentCount: number;
+  status: 'PUBLISHED' | 'DRAFT';
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface MyBuilderFeedManagementResponse {
+  myBuilderFeeds: MyBuilderFeedManagementItemResponse[];
+  filterOptions: {
+    availableCourses: { courseId: number; courseTitle: string }[];
+    availableLessons: { lessonId: number; lessonTitle: string }[];
+  };
+}
+
 // ─── Lesson Q&A Sidebar ───────────────────────────────────────────────────────
 
 export interface LessonQnaSidebarItem {
@@ -747,6 +800,7 @@ export interface GiftEmailResponse {
 export interface BuilderFeedUpdateRequest {
   content: string;
   imageKeys?: string[];
+  status?: 'DRAFT' | 'PUBLISHED';
 }
 
 export interface GiftEmailCreateRequest {
diff --git a/src/types/schemas/inquiry.schema.ts b/src/types/schemas/inquiry.schema.ts
new file mode 100644
index 000000000..d307d0ae8
--- /dev/null
+++ b/src/types/schemas/inquiry.schema.ts
@@ -0,0 +1,34 @@
+import { z } from 'zod';
+
+export const INQUIRY_CATEGORIES = [
+  'CLASS',
+  'PAYMENT_REFUND',
+  'PROFILE_ACCOUNT',
+  'LEARNING_PROGRESS',
+  'OTHER',
+] as const;
+
+export const INQUIRY_CATEGORY_LABELS: Record<
+  (typeof INQUIRY_CATEGORIES)[number],
+  string
+> = {
+  CLASS: '클래스',
+  PAYMENT_REFUND: '결제/환불',
+  PROFILE_ACCOUNT: '프로필/계정',
+  LEARNING_PROGRESS: '학습 진도',
+  OTHER: '기타',
+};
+
+export const inquirySchema = z.object({
+  inquiryCategory: z.enum(INQUIRY_CATEGORIES, {
+    error: '문의 유형을 선택해 주세요.',
+  }),
+  inquiryContent: z
+    .string()
+    .min(1, '내용을 입력해 주세요.')
+    .max(2000, '내용은 2000자 이하로 입력해 주세요.'),
+  replyEmailOptIn: z.boolean(),
+  replyAlerttalkOptIn: z.boolean(),
+});
+
+export type InquiryFormValues = z.infer<typeof inquirySchema>;