diff --git a/src/pages/main/api/home.ts b/src/pages/main/api/home.ts
new file mode 100644
index 0000000..847fbfd
--- /dev/null
+++ b/src/pages/main/api/home.ts
@@ -0,0 +1,8 @@
+import { apiClient } from '@/shared/api/axios';
+
+import type { MainHomeResponse } from '../model/types';
+
+export async function getMainHome(): Promise<MainHomeResponse> {
+  const response = await apiClient.get<MainHomeResponse>('/main');
+  return response.data;
+}
diff --git a/src/pages/main/model/formatters.ts b/src/pages/main/model/formatters.ts
new file mode 100644
index 0000000..4804174
--- /dev/null
+++ b/src/pages/main/model/formatters.ts
@@ -0,0 +1,106 @@
+const SPECIES_LABEL: Record<string, string> = {
+  CANINE: '강아지',
+  FELINE: '고양이',
+};
+
+export function getMainPetSpecies(profile: { species?: string; spercies?: string }) {
+  return profile.species ?? profile.spercies ?? '';
+}
+
+export function formatSpeciesLabel(species: string) {
+  return SPECIES_LABEL[species] ?? species;
+}
+
+export function formatWeightLabel(weight: number) {
+  if (!Number.isFinite(weight)) return '-';
+  if (Number.isInteger(weight)) return `${weight} kg`;
+  return `${weight.toFixed(1)} kg`;
+}
+
+export function formatDateLabel(value: string) {
+  if (!value) return '-';
+
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) {
+    return value.slice(0, 10);
+  }
+
+  return new Intl.DateTimeFormat('ko-KR', {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+  }).format(date);
+}
+
+export function getLatestReportByPet<T extends { petId: number; checkupDate: string }>(
+  petId: number,
+  reports: T[],
+): T | undefined {
+  let latest: T | undefined;
+  let latestTime = -1;
+
+  for (const report of reports) {
+    if (report.petId !== petId) {
+      continue;
+    }
+
+    const time = new Date(report.checkupDate).getTime();
+    if (!Number.isNaN(time) && time > latestTime) {
+      latestTime = time;
+      latest = report;
+    }
+  }
+
+  return latest;
+}
+
+export function summarizeContent(value: string, maxLength = 140) {
+  const normalized = value.replace(/\s+/g, ' ').trim();
+
+  if (normalized.length <= maxLength) {
+    return normalized;
+  }
+
+  return `${normalized.slice(0, maxLength).trimEnd()}...`;
+}
+
+interface ParsedHealthReportContent {
+  recommendations?: unknown;
+  content?: unknown;
+  summary?: unknown;
+  analysis?: unknown;
+  message?: unknown;
+}
+
+export function extractHealthReportRecommendations(content: string): string[] {
+  if (!content.trim()) return [];
+
+  try {
+    const parsed = JSON.parse(content) as ParsedHealthReportContent | null;
+    if (!parsed || typeof parsed !== 'object' || !Array.isArray(parsed.recommendations)) {
+      return [];
+    }
+
+    return parsed.recommendations.filter((item): item is string => typeof item === 'string' && item.trim().length > 0);
+  } catch {
+    return [];
+  }
+}
+
+export function extractHealthReportDisplayContent(content: string): string | null {
+  if (!content.trim()) return null;
+
+  try {
+    const parsed = JSON.parse(content) as ParsedHealthReportContent | null;
+    if (!parsed || typeof parsed !== 'object') {
+      return null;
+    }
+
+    const candidates = [parsed.content, parsed.summary, parsed.analysis, parsed.message];
+    const text = candidates.find((item): item is string => typeof item === 'string' && item.trim().length > 0);
+
+    return text?.trim() ?? null;
+  } catch {
+    return content;
+  }
+}
diff --git a/src/pages/main/model/quickLinks.tsx b/src/pages/main/model/quickLinks.tsx
index dd32212..0d314cd 100644
--- a/src/pages/main/model/quickLinks.tsx
+++ b/src/pages/main/model/quickLinks.tsx
@@ -12,7 +12,7 @@ export type QuickLinkItem = {
   Icon: ComponentType<SVGProps<SVGSVGElement>>;
 };
 
-/** 홈 화면 바로가기 메뉴(정적 네비게이션 설정, API 데이터 아님) */
+/** 메인 화면 바로가기 메뉴(정적 내비게이션, API 데이터 아님) */
 export const QUICK_LINKS: QuickLinkItem[] = [
   { id: 'pet', label: '나의 반려동물', to: '/my', Icon: PetIcon },
   { id: 'walk', label: '산책 기록', to: '/walk', Icon: WalkIcon },
diff --git a/src/pages/main/model/types.ts b/src/pages/main/model/types.ts
new file mode 100644
index 0000000..c88b9ca
--- /dev/null
+++ b/src/pages/main/model/types.ts
@@ -0,0 +1,35 @@
+export interface MainPetProfile {
+  petId: number;
+  name: string;
+  imageFileUrl: string | null;
+  breed: string;
+  age: number;
+  species?: string;
+  spercies?: string;
+  sex: string;
+  weight: number;
+}
+
+export interface MainHealthReport {
+  petId: number;
+  petName: string;
+  dashboardId: number;
+  healthReportTitle: string;
+  healthReportSummary: string;
+  healthReportContent: string;
+  checkupDate: string;
+}
+
+export interface MainAnnouncement {
+  boardTitle: string;
+  boardContent: string;
+  imageFileUrl: string | null;
+  viewCount: number;
+}
+
+export interface MainHomeResponse {
+  message: string;
+  petProfiles: MainPetProfile[];
+  healthReports: MainHealthReport[];
+  announcement: MainAnnouncement[];
+}
diff --git a/src/pages/main/model/useHomeDashboard.ts b/src/pages/main/model/useHomeDashboard.ts
new file mode 100644
index 0000000..e052759
--- /dev/null
+++ b/src/pages/main/model/useHomeDashboard.ts
@@ -0,0 +1,11 @@
+import { useQuery } from '@tanstack/react-query';
+
+import { getMainHome } from '@/pages/main/api/home';
+import { queryKeys } from '@/shared/lib/react-query/queryKey';
+
+export function useHomeDashboard() {
+  return useQuery({
+    queryKey: queryKeys.main.home(),
+    queryFn: getMainHome,
+  });
+}
diff --git a/src/pages/main/ui/LoggedInHome.tsx b/src/pages/main/ui/LoggedInHome.tsx
index 33d8500..44f997e 100644
--- a/src/pages/main/ui/LoggedInHome.tsx
+++ b/src/pages/main/ui/LoggedInHome.tsx
@@ -1,11 +1,44 @@
+import { useState } from 'react';
+
+import { getApiErrorMessage } from '@/shared/lib/api/errorMessage';
+
+import { getLatestReportByPet } from '../model/formatters';
+import { useHomeDashboard } from '../model/useHomeDashboard';
 import { HealthReportSection } from './sections/HealthReportSection';
 import { HotTopicSection } from './sections/HotTopicSection';
 import { NoticeAndQuickLinksSection } from './sections/NoticeAndQuickLinksSection';
 
 export function LoggedInHome() {
+  const { data, isLoading, isError, error, refetch } = useHomeDashboard();
+  const [selectedPetId, setSelectedPetId] = useState<number | null>(null);
+
+  const petProfiles = data?.petProfiles ?? [];
+  const healthReports = data?.healthReports ?? [];
+
+  const resolvedSelectedPetId =
+    selectedPetId !== null && petProfiles.some((pet) => pet.petId === selectedPetId)
+      ? selectedPetId
+      : (petProfiles[0]?.petId ?? null);
+  const selectedPet = petProfiles.find((pet) => pet.petId === resolvedSelectedPetId) ?? null;
+  const selectedReport = selectedPet ? getLatestReportByPet(selectedPet.petId, healthReports) : undefined;
+  const errorMessage = isError
+    ? getApiErrorMessage(error, '메인 정보를 불러오지 못했어요. 잠시 후 다시 시도해 주세요.')
+    : null;
+
   return (
     <div className="flex w-full flex-col gap-4 pb-6 sm:gap-6">
-      <HealthReportSection />
+      <HealthReportSection
+        isLoading={isLoading}
+        errorMessage={errorMessage}
+        pets={petProfiles}
+        selectedPet={selectedPet}
+        selectedPetId={resolvedSelectedPetId}
+        selectedReport={selectedReport}
+        onSelectPet={setSelectedPetId}
+        onRetry={() => {
+          void refetch();
+        }}
+      />
       <NoticeAndQuickLinksSection />
       <HotTopicSection />
     </div>
diff --git a/src/pages/main/ui/sections/HealthReportSection.tsx b/src/pages/main/ui/sections/HealthReportSection.tsx
index 7eec547..7bdaa79 100644
--- a/src/pages/main/ui/sections/HealthReportSection.tsx
+++ b/src/pages/main/ui/sections/HealthReportSection.tsx
@@ -1,10 +1,173 @@
 import { Link } from 'react-router-dom';
 
+import { PetImage } from '@/features/family-management/ui/FamilyVisuals';
 import DoctorIcon from '@/pages/main/assets/doctor.svg?react';
 import FolderIcon from '@/pages/main/assets/report.svg?react';
 import PetIcon from '@/pages/main/assets/register-pet.svg?react';
+import type { MainHealthReport, MainPetProfile } from '@/pages/main/model/types';
+import petDefaultCatIllustration from '@/shared/assets/images/pet-default-cat.svg';
+import petDefaultIllustration from '@/shared/assets/images/pet-default.svg';
+import { Skeleton } from '@/shared/ui';
+
+import {
+  extractHealthReportDisplayContent,
+  extractHealthReportRecommendations,
+  formatDateLabel,
+  formatWeightLabel,
+  getMainPetSpecies,
+  summarizeContent,
+} from '../../model/formatters';
+
+interface HealthReportSectionProps {
+  isLoading: boolean;
+  errorMessage: string | null;
+  pets: MainPetProfile[];
+  selectedPetId: number | null;
+  selectedPet: MainPetProfile | null;
+  selectedReport?: MainHealthReport;
+  onSelectPet: (petId: number) => void;
+  onRetry: () => void;
+}
+
+export function HealthReportSection({
+  isLoading,
+  errorMessage,
+  pets,
+  selectedPetId,
+  selectedPet,
+  selectedReport,
+  onSelectPet,
+  onRetry,
+}: HealthReportSectionProps) {
+  if (isLoading) {
+    return (
+      <section className="w-full" aria-labelledby="home-health-report-heading">
+        <h2 id="home-health-report-heading" className="sr-only">
+          AI 건강 레포트
+        </h2>
+
+        <div className="grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)] lg:gap-5">
+          <article className="overflow-hidden rounded-2xl border border-neutral-200 bg-white p-5 shadow-sm sm:p-6">
+            <div className="flex items-center gap-2">
+              <FolderIcon className="h-7 w-7 shrink-0" />
+              <span className="text-[16px] font-semibold text-neutral-900">AI 건강 레포트</span>
+            </div>
+
+            <div className="mt-5 flex flex-col gap-4 sm:flex-row sm:items-center sm:gap-5">
+              <Skeleton className="h-28 w-28 rounded-[24px] sm:h-32 sm:w-32" />
+              <div className="min-w-0 flex-1 space-y-3">
+                <Skeleton className="h-7 w-4/5 rounded-md" />
+                <Skeleton className="h-4 w-full rounded-md" />
+                <Skeleton className="h-4 w-5/6 rounded-md" />
+                <Skeleton className="h-4 w-2/3 rounded-md" />
+              </div>
+            </div>
+          </article>
+
+          <article className="overflow-hidden rounded-2xl border border-neutral-200 bg-white p-5 shadow-sm sm:p-6">
+            <div className="flex items-start gap-4">
+              <Skeleton className="h-24 w-24 rounded-[20px]" />
+              <div className="flex-1 space-y-3">
+                <Skeleton className="h-7 w-24 rounded-md" />
+                <Skeleton className="h-4 w-20 rounded-md" />
+                <Skeleton className="h-4 w-24 rounded-md" />
+                <Skeleton className="h-4 w-20 rounded-md" />
+              </div>
+            </div>
+            <div className="mt-4 flex gap-2.5 border-t border-neutral-200 pt-3">
+              {Array.from({ length: 3 }).map((_, index) => (
+                <Skeleton key={index} className="h-12 w-12 rounded-[12px]" />
+              ))}
+            </div>
+          </article>
+        </div>
+      </section>
+    );
+  }
+
+  if (errorMessage) {
+    return (
+      <section className="w-full" aria-labelledby="home-health-report-heading">
+        <h2 id="home-health-report-heading" className="sr-only">
+          AI 건강 레포트
+        </h2>
+
+        <div className="rounded-2xl border border-red-100 bg-red-50/60 p-5 shadow-sm sm:p-6">
+          <p className="text-sm leading-6 text-red-500">{errorMessage}</p>
+          <button
+            type="button"
+            onClick={onRetry}
+            className="mt-4 inline-flex min-h-11 items-center justify-center rounded-xl bg-brand px-5 text-sm font-semibold text-brand-foreground transition-opacity hover:opacity-90"
+          >
+            다시 불러오기
+          </button>
+        </div>
+      </section>
+    );
+  }
+
+  if (!selectedPet) {
+    return (
+      <section className="w-full" aria-labelledby="home-health-report-heading">
+        <h2 id="home-health-report-heading" className="sr-only">
+          AI 건강 레포트
+        </h2>
+
+        <div className="grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)] lg:gap-5">
+          <article className="overflow-hidden rounded-2xl border border-neutral-200 bg-white p-5 shadow-sm sm:p-6 md:p-7">
+            <div className="flex items-center gap-2">
+              <FolderIcon className="h-7 w-7 shrink-0" />
+              <span className="text-[16px] font-semibold text-neutral-900">AI 건강 레포트</span>
+            </div>
+
+            <div className="mt-5 flex flex-col gap-5 sm:flex-row sm:items-center sm:gap-6">
+              <DoctorIcon className="mx-auto h-32 w-32 shrink-0 sm:mx-0 sm:h-40 sm:w-40" />
+              <div className="min-w-0 flex-1">
+                <h3 className="font-display text-lg font-bold leading-snug text-neutral-900 sm:text-xl">
+                  반려동물을 등록하고
+                  <br className="hidden sm:block" /> 건강 레포트를 받아보세요!
+                </h3>
+                <p className="mt-3 text-[14px] leading-relaxed text-neutral-600">
+                  산책·식사·활동 기록을 기반으로 한 AI 건강 리포트를 제공합니다.
+                  <br />
+                  지금 반려동물을 등록하고 관리 기록을 시작해보세요!
+                </p>
+              </div>
+            </div>
+          </article>
+
+          <article className="flex flex-col items-center justify-center gap-5 rounded-2xl border border-neutral-200 bg-white p-5 shadow-sm sm:gap-6 sm:p-6 md:p-7">
+            <PetIcon className="h-24 w-24 sm:h-28 sm:w-28" />
+            <p className="text-center text-sm font-medium leading-relaxed text-neutral-700">
+              반려동물을 등록하고
+              <br />
+              다양한 서비스를 경험해 보세요!
+            </p>
+            <Link
+              to="/my"
+              className="inline-flex min-h-12 w-full items-center justify-center rounded-xl bg-brand px-6 text-sm font-bold text-brand-foreground transition-opacity hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand"
+            >
+              반려동물 등록하기
+            </Link>
+          </article>
+        </div>
+      </section>
+    );
+  }
+
+  const selectedSpecies = getMainPetSpecies(selectedPet);
+  const reportRecommendations = selectedReport
+    ? extractHealthReportRecommendations(selectedReport.healthReportContent)
+    : [];
+  const reportFallbackContent = selectedReport
+    ? extractHealthReportDisplayContent(selectedReport.healthReportContent)
+    : null;
+  const reportPrimaryContent =
+    reportRecommendations[0] ||
+    (reportFallbackContent
+      ? summarizeContent(reportFallbackContent, 96)
+      : '건강 분석 상세 내용이 아직 준비되지 않았어요.');
 
-export function HealthReportSection() {
   return (
     <section className="w-full" aria-labelledby="home-health-report-heading">
       <h2 id="home-health-report-heading" className="sr-only">
@@ -12,41 +175,109 @@ export function HealthReportSection() {
       </h2>
 
       <div className="grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)] lg:gap-5">
-        <article className="overflow-hidden rounded-2xl border border-neutral-200 bg-white p-5 shadow-sm sm:p-6 md:p-7">
+        <article className="overflow-hidden rounded-[24px] border border-neutral-300 bg-white px-5 py-5 shadow-sm sm:px-6 sm:py-6">
           <div className="flex items-center gap-2">
             <FolderIcon className="h-7 w-7 shrink-0" />
             <span className="text-[16px] font-semibold text-neutral-900">AI 건강 레포트</span>
           </div>
 
-          <div className="mt-5 flex flex-col gap-5 sm:flex-row sm:items-center sm:gap-6">
-            <DoctorIcon className="mx-auto h-32 w-32 shrink-0 sm:mx-0 sm:h-40 sm:w-40" />
+          <div className="mt-5 flex flex-col gap-4 sm:flex-row sm:items-center sm:gap-5">
+            <DoctorIcon className="mx-auto h-28 w-28 shrink-0 sm:mx-0 sm:h-36 sm:w-36" />
+
             <div className="min-w-0 flex-1">
-              <h3 className="font-display text-lg font-bold leading-snug text-neutral-900 sm:text-xl">
-                반려동물을 등록하고
-                <br className="hidden sm:block" /> 건강 레포트를 받아보세요!
+              <h3 className="text-[22px] font-bold leading-snug text-neutral-950 sm:text-[24px]">
+                {selectedReport?.healthReportTitle ?? `${selectedPet.name}의 건강 데이터를 분석 중이에요.`}
               </h3>
-              <p className="mt-3 text-[14px] leading-relaxed text-neutral-600">
-                산책·식사·활동 기록을 기반으로 한 AI 건강 리포트를 제공합니다.
-                <br />
-                지금 반려동물을 등록하고 관리 기록을 시작해보세요!
-              </p>
+
+              <div className="mt-3 space-y-1 text-[14px] leading-7 text-neutral-800 sm:text-[15px]">
+                {selectedReport ? (
+                  <>
+                    <p>{selectedReport.healthReportSummary}</p>
+                    <p>{reportPrimaryContent}</p>
+                    {reportRecommendations.length > 1 ? <p>{reportRecommendations[1]}</p> : null}
+                  </>
+                ) : (
+                  <p>{selectedPet.name}의 첫 건강 레포트를 만들 수 있도록 산책과 건강 기록을 조금 더 쌓아보세요.</p>
+                )}
+              </div>
+
+              <div className="mt-4 flex justify-end">
+                <span className="shrink-0 text-[14px] text-neutral-400">
+                  {selectedReport ? formatDateLabel(selectedReport.checkupDate) : '레포트 준비 중'}
+                </span>
+              </div>
             </div>
           </div>
         </article>
 
-        <article className="flex flex-col items-center justify-center gap-5 rounded-2xl border border-neutral-200 bg-white p-5 shadow-sm sm:gap-6 sm:p-6 md:p-7">
-          <PetIcon className="h-24 w-24 sm:h-28 sm:w-28" />
-          <p className="text-center text-sm font-medium leading-relaxed text-neutral-700">
-            반려동물을 등록하고
-            <br />
-            다양한 서비스를 경험해 보세요!
-          </p>
-          <Link
-            to="/my"
-            className="inline-flex min-h-12 w-full items-center justify-center rounded-xl bg-brand px-6 text-sm font-bold text-brand-foreground transition-opacity hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand"
-          >
-            반려동물 등록하기
-          </Link>
+        <article className="overflow-hidden rounded-[24px] border border-neutral-300 bg-white shadow-sm">
+          <div className="px-4 py-4 sm:px-5 sm:py-5">
+            <div className="flex items-start gap-3.5">
+              <div className="h-[96px] w-[96px] overflow-hidden rounded-[18px]">
+                <PetImage src={selectedPet.imageFileUrl} alt={selectedPet.name} species={selectedSpecies} />
+              </div>
+
+              <div className="min-w-0 flex-1">
+                <div className="flex items-start justify-between gap-3">
+                  <h3 className="truncate pt-0.5 text-[24px] font-bold leading-none text-neutral-950">
+                    {selectedPet.name}
+                  </h3>
+                  <span className="rounded-full bg-neutral-100 px-2.5 py-1 text-xs font-semibold text-neutral-600">
+                    만 {selectedPet.age}세
+                  </span>
+                </div>
+
+                <div className="mt-4 grid grid-cols-2 gap-2.5">
+                  <div className="rounded-xl bg-neutral-50 px-3 py-2.5">
+                    <p className="text-[11px] font-semibold tracking-[0.08em] text-neutral-400">품종</p>
+                    <p className="mt-1 truncate text-sm font-semibold text-neutral-900">{selectedPet.breed || '-'}</p>
+                  </div>
+                  <div className="rounded-xl bg-neutral-50 px-3 py-2.5">
+                    <p className="text-[11px] font-semibold tracking-[0.08em] text-neutral-400">체중</p>
+                    <p className="mt-1 truncate text-sm font-semibold text-neutral-900">
+                      {formatWeightLabel(selectedPet.weight)}
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div className="border-t border-neutral-200 px-4 py-3 sm:px-5">
+            <div className="flex gap-2.5 overflow-x-auto pb-1">
+              {pets.map((pet) => {
+                const species = getMainPetSpecies(pet);
+                const fallbackImage = species === 'FELINE' ? petDefaultCatIllustration : petDefaultIllustration;
+                const isActive = pet.petId === selectedPetId;
+
+                return (
+                  <button
+                    key={pet.petId}
+                    type="button"
+                    onClick={() => onSelectPet(pet.petId)}
+                    className={[
+                      'shrink-0 overflow-hidden rounded-[12px] border-2 transition-all',
+                      isActive ? 'border-[#f0c247] shadow-sm' : 'border-transparent opacity-80 hover:opacity-100',
+                    ].join(' ')}
+                    aria-pressed={isActive}
+                    aria-label={`${pet.name} 선택`}
+                  >
+                    <div className="flex h-[56px] w-[56px] items-center justify-center overflow-hidden rounded-[10px] bg-neutral-100 p-1">
+                      <img
+                        src={pet.imageFileUrl || fallbackImage}
+                        alt={pet.name}
+                        className="h-full w-full rounded-[8px] object-cover"
+                        onError={(event) => {
+                          event.currentTarget.onerror = null;
+                          event.currentTarget.src = fallbackImage;
+                        }}
+                      />
+                    </div>
+                  </button>
+                );
+              })}
+            </div>
+          </div>
         </article>
       </div>
     </section>
diff --git a/src/pages/main/ui/sections/NoticeAndQuickLinksSection.tsx b/src/pages/main/ui/sections/NoticeAndQuickLinksSection.tsx
index cef8161..67d0f13 100644
--- a/src/pages/main/ui/sections/NoticeAndQuickLinksSection.tsx
+++ b/src/pages/main/ui/sections/NoticeAndQuickLinksSection.tsx
@@ -18,10 +18,10 @@ export function NoticeAndQuickLinksSection() {
       <div className="grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,1fr)_minmax(0,2fr)] lg:gap-5">
         <article className="px-2 py-5 sm:px-2 sm:py-6">
           <div className="flex items-center justify-between gap-2">
-            <h3 className="text-base font-bold text-[20px] text-neutral-900">공지사항</h3>
+            <h3 className="text-[20px] font-bold text-neutral-900">공지사항</h3>
             <button
               type="button"
-              className="shrink-0 text-2xl leading-none font-light text-neutral-400 transition-colors hover:text-neutral-600 cursor-pointer"
+              className="shrink-0 cursor-pointer text-2xl leading-none font-light text-neutral-400 transition-colors hover:text-neutral-600"
               aria-label="공지사항 더보기"
             >
               +
@@ -45,7 +45,7 @@ export function NoticeAndQuickLinksSection() {
         </article>
 
         <article className="flex flex-col rounded-2xl px-5 py-5 sm:px-6 sm:py-6">
-          <h3 className="text-base font-bold text-[20px] text-neutral-900">바로가기</h3>
+          <h3 className="text-[20px] font-bold text-neutral-900">바로가기</h3>
 
           <div className="mt-4 grid flex-1 content-center grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4">
             {QUICK_LINKS.map(({ id, to, label, Icon }) => (
diff --git a/src/shared/lib/react-query/queryKey.ts b/src/shared/lib/react-query/queryKey.ts
index caa3208..1fb92b5 100644
--- a/src/shared/lib/react-query/queryKey.ts
+++ b/src/shared/lib/react-query/queryKey.ts
@@ -1,4 +1,7 @@
 export const queryKeys = {
+  main: {
+    home: () => ['main', 'home'] as const,
+  },
   boards: {
     list: (params?: { page?: number; size?: number }) =>
       ['boards', 'list', params?.page ?? 0, params?.size ?? 12] as const,