diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 000000000..69e1b9e7c
Binary files /dev/null and b/.DS_Store differ
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 000000000..23830fb42
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "git.ignoreLimitWarning": true
+}
diff --git a/omechu-app/middleware.ts b/omechu-app/middleware.ts
new file mode 100644
index 000000000..69c1a327b
--- /dev/null
+++ b/omechu-app/middleware.ts
@@ -0,0 +1,33 @@
+import { NextResponse } from "next/server";
+import type { NextRequest } from "next/server";
+
+// NOTE: middleware 함수는 모든 요청에 대해 실행되어 라우팅 또는 리디렉션 등을 처리할 수 있음
+export function middleware(request: NextRequest) {
+  const { pathname, searchParams } = request.nextUrl;
+
+  // CASE 1: /restaurant-detail?id=123 형식으로 접근 시 → /restaurant-detail/123 으로 리디렉션
+  if (pathname === "/restaurant-detail" && searchParams.has("id")) {
+    const id = searchParams.get("id");
+    const url = request.nextUrl.clone();
+    url.pathname = `/restaurant-detail/${id}`; // 동적 세그먼트 경로로 변경
+    url.search = ""; // 기존 쿼리스트링 제거
+    return NextResponse.redirect(url);
+  }
+
+  // CASE 2: /restaurant-detail/map?id=123 형식으로 접근 시 → /restaurant-detail/map/123 으로 리디렉션
+  if (pathname === "/restaurant-detail/map" && searchParams.has("id")) {
+    const id = searchParams.get("id");
+    const url = request.nextUrl.clone();
+    url.pathname = `/restaurant-detail/map/${id}`; // 동적 세그먼트 경로로 변경
+    url.search = ""; // 기존 쿼리스트링 제거
+    return NextResponse.redirect(url);
+  }
+
+  // 기본적으로는 요청을 그대로 통과시킴
+  return NextResponse.next();
+}
+
+// NOTE: matcher를 설정하면 특정 경로에만 middleware를 적용 가능 (선택사항)
+export const config = {
+  matcher: ["/restaurant-detail", "/restaurant-detail/map"],
+};
diff --git a/omechu-app/public/arrow_down.png b/omechu-app/public/arrow_down.png
new file mode 100644
index 000000000..1f973fd7d
Binary files /dev/null and b/omechu-app/public/arrow_down.png differ
diff --git a/omechu-app/public/arrow_up.png b/omechu-app/public/arrow_up.png
new file mode 100644
index 000000000..24c459acf
Binary files /dev/null and b/omechu-app/public/arrow_up.png differ
diff --git a/omechu-app/public/menu_dots_vertical.png b/omechu-app/public/menu_dots_vertical.png
new file mode 100644
index 000000000..7cf58b7cf
Binary files /dev/null and b/omechu-app/public/menu_dots_vertical.png differ
diff --git a/omechu-app/public/report.png b/omechu-app/public/report.png
new file mode 100644
index 000000000..5f4efac32
Binary files /dev/null and b/omechu-app/public/report.png differ
diff --git a/omechu-app/public/restaurant/avatar1.png b/omechu-app/public/restaurant/avatar1.png
new file mode 100644
index 000000000..c377b1f3b
Binary files /dev/null and b/omechu-app/public/restaurant/avatar1.png differ
diff --git a/omechu-app/public/restaurant/avatar2.png b/omechu-app/public/restaurant/avatar2.png
new file mode 100644
index 000000000..aa1bd3bec
Binary files /dev/null and b/omechu-app/public/restaurant/avatar2.png differ
diff --git a/omechu-app/public/restaurant/avatar3.png b/omechu-app/public/restaurant/avatar3.png
new file mode 100644
index 000000000..95b59ad34
Binary files /dev/null and b/omechu-app/public/restaurant/avatar3.png differ
diff --git "a/omechu-app/public/restaurant/\354\230\244\353\240\210\353\205\270\353\235\274\353\251\230\355\225\251\354\240\225.png" "b/omechu-app/public/restaurant/\354\230\244\353\240\210\353\205\270\353\235\274\353\251\230\355\225\251\354\240\225.png"
new file mode 100644
index 000000000..7b2a94c2c
Binary files /dev/null and "b/omechu-app/public/restaurant/\354\230\244\353\240\210\353\205\270\353\235\274\353\251\230\355\225\251\354\240\225.png" differ
diff --git a/omechu-app/public/restaurant_blank.png b/omechu-app/public/restaurant_blank.png
new file mode 100644
index 000000000..e4000b40b
Binary files /dev/null and b/omechu-app/public/restaurant_blank.png differ
diff --git a/omechu-app/public/restaurant_location.png b/omechu-app/public/restaurant_location.png
new file mode 100644
index 000000000..27565007d
Binary files /dev/null and b/omechu-app/public/restaurant_location.png differ
diff --git a/omechu-app/public/restaurant_menu.png b/omechu-app/public/restaurant_menu.png
new file mode 100644
index 000000000..56e27e9e1
Binary files /dev/null and b/omechu-app/public/restaurant_menu.png differ
diff --git a/omechu-app/public/restaurant_time_table.png b/omechu-app/public/restaurant_time_table.png
new file mode 100644
index 000000000..d3b0485ae
Binary files /dev/null and b/omechu-app/public/restaurant_time_table.png differ
diff --git a/omechu-app/public/thumbs-up-fill.png b/omechu-app/public/thumbs-up-fill.png
new file mode 100644
index 000000000..3e0f08017
Binary files /dev/null and b/omechu-app/public/thumbs-up-fill.png differ
diff --git a/omechu-app/public/thumbs-up.png b/omechu-app/public/thumbs-up.png
new file mode 100644
index 000000000..61566b2fb
Binary files /dev/null and b/omechu-app/public/thumbs-up.png differ
diff --git a/omechu-app/src/app/ClientLayout.tsx b/omechu-app/src/app/ClientLayout.tsx
index ae33f6045..243e7b189 100644
--- a/omechu-app/src/app/ClientLayout.tsx
+++ b/omechu-app/src/app/ClientLayout.tsx
@@ -29,15 +29,24 @@ export default function ClientLayout({
     "/mypage/user-info-setup/condition",
     "/mypage/user-info-setup/allergy",
     "/mypage/recommended-list",
+    "/mainpage/question-answer/meal-time",
+    "/mainpage/question-answer/purpose",
+    "/mainpage/question-answer/state",
+    "/mainpage/question-answer/who",
+    "/mainpage/question-answer/budget",
+    "/mainpage/question-answer/middle-question",
+    "/mainpage/meal-answer",
+    "/mainpage/location-answer",
+    "/mypage/recommended-list",
 
+    // 마이페이지-이용약관
+    "/mypage/terms",
     // 마이페이지-설정
     "/mypage/settings",
     "/mypage/settings/account-settings",
     "/mypage/settings/account-settings/change-password",
+    // 마이페이지-이용약관
     "/mypage/terms",
-    "/mypage/terms/service",
-    "/mypage/terms/personal-info",
-    "/mypage/terms/location-info",
 
     // 로그인, 회원가입, 온보딩 페이지
     "/auth/signin",
@@ -50,6 +59,14 @@ export default function ClientLayout({
     "/onboarding/4",
     "/onboarding/5",
     "/onboarding/6",
+
+    // 마이페이지-이용약관
+    "/mypage/terms/service",
+    "/mypage/terms/personal-info",
+    "/mypage/terms/location-info",
+
+    //맛집-상세페이지
+    "/restaurant-detail",
   ];
   const showBottomNav = !noBottomNavRoutes.includes(pathname);
 
diff --git a/omechu-app/src/app/auth/signup/page.tsx b/omechu-app/src/app/auth/signup/page.tsx
index f5f2423c1..ec041c0e4 100644
--- a/omechu-app/src/app/auth/signup/page.tsx
+++ b/omechu-app/src/app/auth/signup/page.tsx
@@ -66,7 +66,7 @@ export default function Signup() {
   return (
     <div className="flex flex-col items-center min-h-screen bg-[#F8D5FF] py-10 px-4">
       <form onSubmit={handleSubmit(onSubmit)} className="w-full max-w-sm">
-        <h1 className="text-xl font-bold text-center mb-8 text-black">
+        <h1 className="mb-8 text-xl font-bold text-center text-black">
           회원 정보를 입력해 주세요
         </h1>
 
@@ -149,7 +149,7 @@ export default function Signup() {
                 onChange={handleAllAgreement}
                 className="peer relative appearance-none w-5 h-5 border-2 border-gray-300 rounded-full cursor-pointer checked:bg-[#00B2FF] checked:border-transparent focus:outline-none"
               />
-              <span className="absolute text-white transition-opacity opacity-0 pointer-events-none top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 peer-checked:opacity-100">
+              <span className="absolute text-white transition-opacity -translate-x-1/2 -translate-y-1/2 opacity-0 pointer-events-none top-1/2 left-1/2 peer-checked:opacity-100">
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   className="w-3.5 h-3.5"
@@ -168,7 +168,7 @@ export default function Signup() {
               아래의 내용을 모두 확인하였으며 모두 동의합니다
             </span>
           </label>
-          <div className="pl-7 space-y-2">
+          <div className="space-y-2 pl-7">
             <div className="flex items-center justify-between">
               <label
                 htmlFor="termsService"
@@ -181,7 +181,7 @@ export default function Signup() {
                     {...register("termsService")}
                     className="peer relative appearance-none w-5 h-5 border-2 border-gray-300 rounded-full cursor-pointer checked:bg-[#00B2FF] checked:border-transparent focus:outline-none"
                   />
-                  <span className="absolute text-white transition-opacity opacity-0 pointer-events-none top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 peer-checked:opacity-100">
+                  <span className="absolute text-white transition-opacity -translate-x-1/2 -translate-y-1/2 opacity-0 pointer-events-none top-1/2 left-1/2 peer-checked:opacity-100">
                     <svg
                       xmlns="http://www.w3.org/2000/svg"
                       className="w-3.5 h-3.5"
@@ -224,7 +224,7 @@ export default function Signup() {
                     {...register("termsPrivacy")}
                     className="peer relative appearance-none w-5 h-5 border-2 border-gray-300 rounded-full cursor-pointer checked:bg-[#00B2FF] checked:border-transparent focus:outline-none"
                   />
-                  <span className="absolute text-white transition-opacity opacity-0 pointer-events-none top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 peer-checked:opacity-100">
+                  <span className="absolute text-white transition-opacity -translate-x-1/2 -translate-y-1/2 opacity-0 pointer-events-none top-1/2 left-1/2 peer-checked:opacity-100">
                     <svg
                       xmlns="http://www.w3.org/2000/svg"
                       className="w-3.5 h-3.5"
@@ -269,7 +269,7 @@ export default function Signup() {
                     {...register("termsLocation")}
                     className="peer relative appearance-none w-5 h-5 border-2 border-gray-300 rounded-full cursor-pointer checked:bg-[#00B2FF] checked:border-transparent focus:outline-none"
                   />
-                  <span className="absolute text-white transition-opacity opacity-0 pointer-events-none top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 peer-checked:opacity-100">
+                  <span className="absolute text-white transition-opacity -translate-x-1/2 -translate-y-1/2 opacity-0 pointer-events-none top-1/2 left-1/2 peer-checked:opacity-100">
                     <svg
                       xmlns="http://www.w3.org/2000/svg"
                       className="w-3.5 h-3.5"
@@ -313,7 +313,7 @@ export default function Signup() {
                   {...register("termsAge")}
                   className="peer relative appearance-none w-5 h-5 border-2 border-gray-300 rounded-full cursor-pointer checked:bg-[#00B2FF] checked:border-transparent focus:outline-none"
                 />
-                <span className="absolute text-white transition-opacity opacity-0 pointer-events-none top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 peer-checked:opacity-100">
+                <span className="absolute text-white transition-opacity -translate-x-1/2 -translate-y-1/2 opacity-0 pointer-events-none top-1/2 left-1/2 peer-checked:opacity-100">
                   <svg
                     xmlns="http://www.w3.org/2000/svg"
                     className="w-3.5 h-3.5"
diff --git a/omechu-app/src/app/components/auth/TermsOfServiceModal.tsx b/omechu-app/src/app/components/auth/TermsOfServiceModal.tsx
new file mode 100644
index 000000000..fbf1a5936
--- /dev/null
+++ b/omechu-app/src/app/components/auth/TermsOfServiceModal.tsx
@@ -0,0 +1,38 @@
+import React from "react";
+import Image from "next/image";
+import Button from "./Button";
+
+type TermsOfServiceModalProps = {
+  title: string;
+  content: React.ReactNode;
+  onConfirm: () => void;
+  onClose: () => void;
+};
+
+const TermsOfServiceModal = ({
+  title,
+  content,
+  onConfirm,
+  onClose,
+}: TermsOfServiceModalProps) => {
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-40">
+      <div className="bg-white w-[335px] rounded-2xl p-5 flex flex-col gap-4 shadow-lg">
+        <div className="flex items-center justify-between">
+          <h2 className="text-lg font-bold">{title}</h2>
+          <button onClick={onClose}>
+            <Image src="/x_icon.png" alt="close" width={20} height={20} />
+          </button>
+        </div>
+        <div className="h-64 p-3 overflow-y-auto text-sm text-gray-600 border rounded-md bg-gray-50">
+          {content}
+        </div>
+        <Button onClick={onConfirm} variant="red" size="medium">
+          확인
+        </Button>
+      </div>
+    </div>
+  );
+};
+
+export default TermsOfServiceModal;
diff --git a/omechu-app/src/app/components/common/Bottom.tsx b/omechu-app/src/app/components/common/Bottom.tsx
index 30a498ae7..65cc45cb0 100644
--- a/omechu-app/src/app/components/common/Bottom.tsx
+++ b/omechu-app/src/app/components/common/Bottom.tsx
@@ -22,7 +22,7 @@ const navItems: {
   },
   {
     title: "맛집",
-    routingUrl: "/",
+    routingUrl: "/restaurant",
     imgSrc: "/restaurant.png",
     imgAlt: "맛집",
   },
diff --git a/omechu-app/src/app/components/restaurant/ReportModal.tsx b/omechu-app/src/app/components/restaurant/ReportModal.tsx
new file mode 100644
index 000000000..f1177dd15
--- /dev/null
+++ b/omechu-app/src/app/components/restaurant/ReportModal.tsx
@@ -0,0 +1,79 @@
+import Image from "next/image";
+import { useState } from "react";
+
+type ReportModalProps = {
+  onClick: () => void;
+  onReport: () => void;
+};
+
+export default function ReportModal({ onClick, onReport }: ReportModalProps) {
+  const [selectedReason, setSelectedReason] = useState("");
+
+  const reasons = [
+    { id: "abuse", label: "욕설, 비방" },
+    { id: "ad", label: "광고, 홍보성 글" },
+    { id: "false", label: "허위 사실" },
+    { id: "offensive", label: "선정적 / 불쾌한 내용" },
+    { id: "other", label: "기타" },
+  ];
+
+  return (
+    <section className="relative px-7 py-10 flex flex-col items-center gap-5 w-80 h-fit bg-white border border-[#393939] rounded-2xl">
+      {/* 나가기 버튼 */}
+      <div className="absolute top-4 right-4">
+        <button onClick={onClick}>
+          <Image
+            src="/close_button.png"
+            alt="나가기 버튼"
+            width={20}
+            height={20}
+          />
+        </button>
+      </div>
+
+      {/* 모달 제목 */}
+      <div className="mt-5 mb-2 text-2xl text-[#393939] font-semibold">
+        후기 신고하기
+      </div>
+
+      {/* 신고 사유 */}
+      <div className="w-full ">
+        <h1 className="mb-2">신고 사유를 선택해 주세요</h1>
+        <div className="flex flex-col items-start w-full gap-2 px-1">
+          {reasons.map(({ id, label }) => (
+            <label
+              key={id}
+              htmlFor={id}
+              className="flex items-center gap-2 text-sm text-[#626262]"
+            >
+              <input
+                id={id}
+                type="radio"
+                name="reportReason"
+                value={label}
+                checked={selectedReason === label}
+                onChange={() => setSelectedReason(label)}
+                className="accent-[#1F9BDA]"
+              />
+              {label}
+            </label>
+          ))}
+        </div>
+      </div>
+
+      {/* 신고 내용 */}
+      <textarea
+        className="w-full h-24 px-2.5 py-2 border border-[#ccc] rounded resize-none text-sm text-[#393939] focus:outline-none"
+        placeholder="신고 사유를 자세하게 설명해주세요. (선택)"
+      />
+
+      {/* 신고 버튼 */}
+      <button
+        onClick={onReport}
+        className="w-36 h-10 rounded-3xl text-white bg-[#FB4746] hover:bg-[#e2403f] active:bg-[#c93938]"
+      >
+        <span>신고하기</span>
+      </button>
+    </section>
+  );
+}
diff --git a/omechu-app/src/app/components/restaurant/Review.tsx b/omechu-app/src/app/components/restaurant/Review.tsx
new file mode 100644
index 000000000..fb8cdf5fe
--- /dev/null
+++ b/omechu-app/src/app/components/restaurant/Review.tsx
@@ -0,0 +1,125 @@
+import Image from "next/image";
+
+type ReviewProps = {
+  id: number;
+  profileImgUrl: string;
+  userId: string;
+  createdDate: string;
+  votes: number;
+  rating: number;
+  content: string;
+  tags?: string[];
+  images?: string[];
+  onClick?: () => void;
+  onReport?: () => void;
+  onVote?: () => void;
+  isVoted: boolean;
+  isOptionOpen?: boolean;
+};
+
+export default function Review({
+  id,
+  profileImgUrl,
+  userId,
+  createdDate,
+  votes = 0,
+  rating,
+  content,
+  tags,
+  images,
+  onClick,
+  onReport,
+  onVote,
+  isVoted,
+  isOptionOpen = false,
+}: ReviewProps) {
+  return (
+    <section
+      className="w-full h-fit p-4 flex flex-col gap-2 bg-white 
+                border-[1px] border-[#393939] rounded-xl "
+    >
+      {/* 프로필사진, 닉네임, 작성일 | 추천 버튼, 설정버튼 */}
+      <div className="relative flex justify-between">
+        <div className="flex items-center gap-3">
+          <Image
+            src={profileImgUrl}
+            alt={profileImgUrl}
+            width={30}
+            height={30}
+          />
+          <span className="text-base text-[#393939] font-semibold">
+            {userId}
+          </span>
+          <span className="mt-[1.2px] text-sm text-[#828282] font-normal">
+            {createdDate}
+          </span>
+        </div>
+        <div className="absolute flex items-center gap-1 mb-2 -top-1 -right-1">
+          <span className="mt-1 text-sm ">{votes}</span>
+          <button onClick={onVote} className="mb-1">
+            <Image
+              src={isVoted ? "/thumbs-up-fill.png" : "/thumbs-up.png"}
+              alt="리뷰 추천 버튼"
+              width={22}
+              height={22}
+            />
+          </button>
+          <button onClick={onClick}>
+            <Image
+              src="/menu_dots_vertical.png"
+              alt="메뉴"
+              width={18}
+              height={18}
+            />
+          </button>
+        </div>
+        {isOptionOpen && (
+          <div className="absolute p-2 bg-white border rounded shadow -right-1 top-6">
+            <button
+              onClick={onReport}
+              className="flex items-center justify-center w-full gap-2 text-left"
+            >
+              <Image
+                src="/report.png"
+                alt={"신고하기"}
+                width={13}
+                height={18}
+              />
+              <span className="mt-1">신고하기</span>
+            </button>
+          </div>
+        )}
+      </div>
+      {/* 평점, 후기 */}
+      <div className="flex flex-col gap-1 mt-1 ml-2">
+        <span className="text-xl font-normal text-[#1F9BDA]">
+          {"★".repeat(rating) + "☆".repeat(5 - rating)}
+        </span>
+        <span className="text-xl font-normal text-[#828282]">{content}</span>
+        <div className="flex flex-shrink-0 gap-2 mt-1 overflow-x-scroll scrollbar-hide scroll-smooth max-h-52">
+          {images?.map((item, index) => (
+            <Image
+              key={`review-img-${index}`}
+              src={item}
+              alt={`후기 이미지 ${index + 1}`}
+              width={200}
+              height={200}
+              className="rounded-md shrink-0"
+            />
+          ))}
+        </div>
+      </div>
+      {/* 후기 관련 태그 */}
+      <div className="flex flex-wrap justify-start gap-1 px-1">
+        {tags?.map((item, tagIdx) => (
+          <div
+            key={`tag-${id}-${tagIdx}`}
+            className="px-3 pt-1 pb-0.5 bg-white border-[1px] w-fit rounded-3xl border-[#393939] text-sm font-nomal hover:scale-105 duration-300"
+          >
+            {item}
+          </div>
+        ))}
+      </div>
+    </section>
+  );
+}
diff --git a/omechu-app/src/app/constant/restaurant/restaurantList.ts b/omechu-app/src/app/constant/restaurant/restaurantList.ts
new file mode 100644
index 000000000..4ffe1a6ab
--- /dev/null
+++ b/omechu-app/src/app/constant/restaurant/restaurantList.ts
@@ -0,0 +1,51 @@
+// mockData
+export const restaurantList = [
+  {
+    id: 1,
+    name: "오레노 라멘 합정 본점 ♥︎",
+    category: "라멘",
+    images: [
+      "/restaurant_blank.png",
+      "/restaurant_blank.png",
+      "/restaurant_blank.png",
+    ],
+    address: {
+      road: "서울 성동구 왕십리로 36 104호",
+      jibun: "서울 성동구 성수동 123-1 1층",
+      postalCode: "12345",
+    },
+    timetable: [
+      { days_of_the_week: "월", time: "휴일" },
+      { days_of_the_week: "화", time: "11:00 - 19:00" },
+      { days_of_the_week: "수", time: "11:00 - 19:00" },
+      { days_of_the_week: "목", time: "11:00 - 19:00" },
+      { days_of_the_week: "금", time: "11:00 - 19:00" },
+      { days_of_the_week: "토", time: "11:00 - 19:00" },
+      { days_of_the_week: "일", time: "11:00 - 19:00" },
+    ],
+  },
+  {
+    id: 2,
+    name: "더모닝 브런치 성수점",
+    category: "브런치",
+    images: [
+      "/restaurant_blank.png",
+      "/restaurant_blank.png",
+      "/restaurant_blank.png",
+    ],
+    address: {
+      road: "서울 성동구 연무장5길 12",
+      jibun: "서울 성동구 성수동2가 333-7",
+      postalCode: "04567",
+    },
+    timetable: [
+      { days_of_the_week: "월", time: "08:00 - 15:00" },
+      { days_of_the_week: "화", time: "08:00 - 15:00" },
+      { days_of_the_week: "수", time: "08:00 - 15:00" },
+      { days_of_the_week: "목", time: "08:00 - 15:00" },
+      { days_of_the_week: "금", time: "08:00 - 15:00" },
+      { days_of_the_week: "토", time: "09:00 - 16:00" },
+      { days_of_the_week: "일", time: "09:00 - 16:00" },
+    ],
+  },
+];
diff --git a/omechu-app/src/app/constant/restaurant/reviewSummary.ts b/omechu-app/src/app/constant/restaurant/reviewSummary.ts
new file mode 100644
index 000000000..5235f4628
--- /dev/null
+++ b/omechu-app/src/app/constant/restaurant/reviewSummary.ts
@@ -0,0 +1,35 @@
+// mockData
+type ReviewSummary = {
+  averageRating: number;
+  reviewCount: number;
+};
+
+export const reviewSummary: Record<number, ReviewSummary> = {
+  1: {
+    averageRating: 4.3,
+    reviewCount: 3,
+  },
+  2: {
+    averageRating: 3.8,
+    reviewCount: 2,
+  },
+};
+
+export const reviewTags: Record<number, string[]> = {
+  1: [
+    "저녁식사(16)",
+    "혼밥(12)",
+    "조용한(9)",
+    "아침식사(8)",
+    "다같이(19)",
+    "시끄러운(9)",
+  ],
+  2: [
+    "점심식사(4)",
+    "데이트(3)",
+    "고급스러운(1)",
+    "저녁식사(16)",
+    "혼밥(12)",
+    "조용한(9)",
+  ],
+};
diff --git a/omechu-app/src/app/constant/restaurant/sampleReviews.ts b/omechu-app/src/app/constant/restaurant/sampleReviews.ts
new file mode 100644
index 000000000..a843ac71f
--- /dev/null
+++ b/omechu-app/src/app/constant/restaurant/sampleReviews.ts
@@ -0,0 +1,79 @@
+// mockData
+export const sampleReviews = [
+  // restaurantId: 1 (오레노 라멘)
+  {
+    id: 1,
+    restaurantId: 1,
+    profileImgUrl: "/restaurant/avatar1.png",
+    userId: "Alex",
+    createdDate: "2025.05.05",
+    votes: 20,
+    rating: 5,
+    content: "이거 먹으려고 부산에서 왔어요",
+    tags: ["저녁식사", "혼밥", "고급스러운", "가격대 있음"],
+  },
+  {
+    id: 2,
+    restaurantId: 1,
+    profileImgUrl: "/restaurant/avatar2.png",
+    userId: "Keren",
+    createdDate: "2025.05.04",
+    votes: 32,
+    rating: 4,
+    content: "맛있어요",
+    tags: ["점심식사", "데이트"],
+  },
+  {
+    id: 3,
+    restaurantId: 1,
+    profileImgUrl: "/restaurant/avatar3.png",
+    userId: "Jack",
+    createdDate: "2025.06.03",
+    votes: 2,
+    rating: 4,
+    content: "먹을만 해요",
+    tags: ["조용한"],
+    images: [
+      "/restaurant_blank.png",
+      "/restaurant_blank.png",
+      "/restaurant_blank.png",
+      "/restaurant_blank.png",
+    ],
+  },
+
+  // restaurantId: 2 (더 모닝 브런치)
+  {
+    id: 4,
+    restaurantId: 2,
+    profileImgUrl: "/restaurant/avatar1.png",
+    userId: "Eunji",
+    createdDate: "2025.06.7",
+    votes: 9,
+    rating: 5,
+    content:
+      "여기 에그베네딕트 진짜 미쳤어요. 커피도 맛있고 조용해서 혼자 책 읽기 좋아요.",
+    tags: ["브런치", "혼밥", "조용한", "커피맛집"],
+  },
+  {
+    id: 5,
+    restaurantId: 2,
+    profileImgUrl: "/restaurant/avatar2.png",
+    userId: "Minho",
+    createdDate: "2025.06.10",
+    votes: 3,
+    rating: 4,
+    content: "분위기 좋고 깔끔했어요. 다만 웨이팅이 좀 있었어요.",
+    tags: ["데이트", "깔끔한", "웨이팅 있음"],
+  },
+  {
+    id: 6,
+    restaurantId: 2,
+    profileImgUrl: "/restaurant/avatar3.png",
+    userId: "Soojin",
+    createdDate: "2025.06.09",
+    votes: 25,
+    rating: 4,
+    content: "아보카도 샐러드랑 수플레 팬케이크 최고예요. 자주 오고 싶어요.",
+    tags: ["아침식사", "건강한", "재방문의사"],
+  },
+];
diff --git a/omechu-app/src/app/mypage/recommended-list/page.tsx b/omechu-app/src/app/mypage/recommended-list/page.tsx
index e71a76d5e..3ad787774 100644
--- a/omechu-app/src/app/mypage/recommended-list/page.tsx
+++ b/omechu-app/src/app/mypage/recommended-list/page.tsx
@@ -57,12 +57,10 @@ export default function RecommendedList() {
     }
 
     if (trimmed === submittedTerm) return;
-        
     setSubmittedTerm(trimmed);
     isJustResetRef.current = true;
     setSearchTerm("");
   };
-
   // 한글 자음 추출 함수 (초성 기준 분류용)
   const getInitialConsonant = (char: string): string => {
     const code = char.charCodeAt(0) - 0xac00;
@@ -101,7 +99,7 @@ export default function RecommendedList() {
     <>
       {/* 상단 헤더 */}
       <Header
-        title={"기본 상태 입력"}
+        title={"추천 목록 관리"}
         leftChild={
           <button
             onClick={() => {
diff --git a/omechu-app/src/app/mypage/settings/account-settings/change-password/page.tsx b/omechu-app/src/app/mypage/settings/account-settings/change-password/page.tsx
index df3c91f35..347206723 100644
--- a/omechu-app/src/app/mypage/settings/account-settings/change-password/page.tsx
+++ b/omechu-app/src/app/mypage/settings/account-settings/change-password/page.tsx
@@ -68,7 +68,7 @@ export default function ChagePassword() {
   return (
     <>
       <Header
-        title={"기본 상태 입력"}
+        title={"비밀번호 변경"}
         leftChild={
           <button
             onClick={() => {
diff --git a/omechu-app/src/app/mypage/settings/account-settings/page.tsx b/omechu-app/src/app/mypage/settings/account-settings/page.tsx
index 6fbe58c6d..3270268ae 100644
--- a/omechu-app/src/app/mypage/settings/account-settings/page.tsx
+++ b/omechu-app/src/app/mypage/settings/account-settings/page.tsx
@@ -16,7 +16,7 @@ export default function AccountSettings() {
   return (
     <>
       <Header
-        title={"기본 상태 입력"}
+        title={"계정 관리"}
         leftChild={
           <button
             onClick={() => {
diff --git a/omechu-app/src/app/mypage/settings/page.tsx b/omechu-app/src/app/mypage/settings/page.tsx
index 058b6e1ba..715ce5689 100644
--- a/omechu-app/src/app/mypage/settings/page.tsx
+++ b/omechu-app/src/app/mypage/settings/page.tsx
@@ -6,7 +6,7 @@ import Header from "@/app/components/common/Header";
 import Image from "next/image";
 
 const termsList: { id: number; title: string; url: string }[] = [
-  { id: 1, title: "계정 관리", url: "/mypage/account-settings" },
+  { id: 1, title: "계정 관리", url: "/mypage/settings/account-settings" },
   { id: 2, title: "이용 약관", url: "/mypage/terms" },
 ];
 
@@ -16,7 +16,7 @@ export default function Settings() {
   return (
     <>
       <Header
-        title={"기본 상태 입력"}
+        title={"설정"}
         leftChild={
           <button
             onClick={() => {
diff --git a/omechu-app/src/app/mypage/terms/location-info/page.tsx b/omechu-app/src/app/mypage/terms/location-info/page.tsx
index 9d2ab47d4..69db581bb 100644
--- a/omechu-app/src/app/mypage/terms/location-info/page.tsx
+++ b/omechu-app/src/app/mypage/terms/location-info/page.tsx
@@ -7,7 +7,7 @@ import Image from "next/image";
 import Header from "@/app/components/common/Header";
 import { termsForLocationlInfo } from "@/app/constant/terms/locationInfo";
 
-export default function TermForPersonalInfo() {
+export default function TermForLocationInfo() {
   const router = useRouter();
   const mainRef = useRef<HTMLDivElement>(null);
   const scrollToTop = () => {
diff --git a/omechu-app/src/app/mypage/terms/page.tsx b/omechu-app/src/app/mypage/terms/page.tsx
index 487f107e2..3fd8d0b8e 100644
--- a/omechu-app/src/app/mypage/terms/page.tsx
+++ b/omechu-app/src/app/mypage/terms/page.tsx
@@ -17,11 +17,11 @@ export default function Terms() {
   return (
     <>
       <Header
-        title={"기본 상태 입력"}
+        title={"이용 약관"}
         leftChild={
           <button
             onClick={() => {
-              router.push("./");
+              router.push("/mypage/settings");
             }}
           >
             <Image
diff --git a/omechu-app/src/app/mypage/terms/personal-info/page.tsx b/omechu-app/src/app/mypage/terms/personal-info/page.tsx
index 730bf53b5..70fd0e709 100644
--- a/omechu-app/src/app/mypage/terms/personal-info/page.tsx
+++ b/omechu-app/src/app/mypage/terms/personal-info/page.tsx
@@ -7,7 +7,7 @@ import Image from "next/image";
 import Header from "@/app/components/common/Header";
 import { termsForPersonlInfo } from "@/app/constant/terms/personlInfo";
 
-export default function TermForLocationInfo() {
+export default function TermForPersonalInfo() {
   const router = useRouter();
   const mainRef = useRef<HTMLDivElement>(null);
   const scrollToTop = () => {
@@ -17,7 +17,7 @@ export default function TermForLocationInfo() {
   return (
     <>
       <Header
-        title={"기본 상태 입력"}
+        title={"개인정보 처리 방침"}
         leftChild={
           <button
             onClick={() => {
diff --git a/omechu-app/src/app/mypage/terms/service/page.tsx b/omechu-app/src/app/mypage/terms/service/page.tsx
index 83a798158..718c82402 100644
--- a/omechu-app/src/app/mypage/terms/service/page.tsx
+++ b/omechu-app/src/app/mypage/terms/service/page.tsx
@@ -17,7 +17,7 @@ export default function TermForService() {
   return (
     <>
       <Header
-        title={"기본 상태 입력"}
+        title={"서비스 이용약관"}
         leftChild={
           <button
             onClick={() => {
diff --git a/omechu-app/src/app/onboarding/gender/page.tsx b/omechu-app/src/app/onboarding/gender/page.tsx
new file mode 100644
index 000000000..adb819e25
--- /dev/null
+++ b/omechu-app/src/app/onboarding/gender/page.tsx
@@ -0,0 +1,3 @@
+export default function Gender() {
+  return <div>Gender</div>;
+}
diff --git a/omechu-app/src/app/onboarding/profile/page.tsx b/omechu-app/src/app/onboarding/profile/page.tsx
new file mode 100644
index 000000000..32e0af1b0
--- /dev/null
+++ b/omechu-app/src/app/onboarding/profile/page.tsx
@@ -0,0 +1,3 @@
+export default function Profile() {
+  return <div>Profile</div>;
+}
diff --git a/omechu-app/src/app/restaurant/page.tsx b/omechu-app/src/app/restaurant/page.tsx
new file mode 100644
index 000000000..803b3bc89
--- /dev/null
+++ b/omechu-app/src/app/restaurant/page.tsx
@@ -0,0 +1,3 @@
+export default function Restaurant() {
+  return <>임시 파일</>;
+}
diff --git a/omechu-app/src/app/restaurant/restaurant-detail/[id]/map/page.tsx b/omechu-app/src/app/restaurant/restaurant-detail/[id]/map/page.tsx
new file mode 100644
index 000000000..41f03ffe7
--- /dev/null
+++ b/omechu-app/src/app/restaurant/restaurant-detail/[id]/map/page.tsx
@@ -0,0 +1,74 @@
+"use client";
+
+// next/navigation 훅들 - 클라이언트에서 라우터 관련 기능 사용
+import { useParams, useRouter } from "next/navigation";
+import Image from "next/image";
+
+// 공통 헤더 컴포넌트
+import Header from "@/app/components/common/Header";
+
+// 샘플 데이터 - 맛집 리스트 상수
+import { restaurantList } from "@/app/constant/restaurant/restaurantList";
+
+export default function MapPage() {
+  const router = useRouter();
+
+  // URL의 [id] 동적 라우팅 파라미터 가져오기 (예: /restaurant-detail/1/map)
+  const params = useParams();
+
+  // 문자열로 들어온 id를 숫자로 변환
+  const id = Number((params as { id: string }).id);
+
+  // id에 해당하는 맛집 데이터 찾기
+  const restaurant = restaurantList.find((r) => r.id === id);
+
+  // 해당 id의 맛집이 없을 경우 예외 처리 (간단한 메시지)
+  if (!restaurant) {
+    return (
+      <main className="flex items-center justify-center h-screen">
+        <p className="text-gray-500">존재하지 않는 맛집입니다.</p>
+      </main>
+    );
+  }
+
+  // 임시로 사용 중인 지도 이미지 (추후 동적으로 처리 예정이면 여기에 조건문 넣기)
+  const mapImagePath = "/restaurant/오레노라멘합정.png";
+
+  return (
+    <>
+      <Header
+        className="border-none"
+        title=""
+        leftChild={
+          <button onClick={() => router.back()}>
+            <Image
+              src={"/header_left_arrow.png"}
+              alt="뒤로가기"
+              width={22}
+              height={30}
+            />
+          </button>
+        }
+      />
+
+      <main className="flex flex-col items-center w-full h-full">
+        {/* 맛집 이름 */}
+        <h1 className="mb-5 text-[#1F9BDA] text-2xl font-bold">
+          {restaurant.name}
+        </h1>
+
+        {/* 지도 이미지 영역 */}
+        <section className="flex items-center justify-center w-full">
+          <div className="w-80 h-80 border-2 border-[#89d8ff] overflow-hidden">
+            <Image
+              src={mapImagePath}
+              alt={`${restaurant.name} 지도`}
+              width={330}
+              height={330}
+            />
+          </div>
+        </section>
+      </main>
+    </>
+  );
+}
diff --git a/omechu-app/src/app/restaurant/restaurant-detail/[id]/page.tsx b/omechu-app/src/app/restaurant/restaurant-detail/[id]/page.tsx
new file mode 100644
index 000000000..c6af38834
--- /dev/null
+++ b/omechu-app/src/app/restaurant/restaurant-detail/[id]/page.tsx
@@ -0,0 +1,406 @@
+"use client";
+// 라이브러리
+import Image from "next/image";
+import { useParams, useRouter } from "next/navigation";
+import { useState } from "react";
+
+// 컴포넌트 목록
+import Header from "@/app/components/common/Header";
+import Review from "@/app/components/restaurant/Review";
+import ModalWrapper from "@/app/components/common/ModalWrapper";
+import ReportModal from "@/app/components/restaurant/ReportModal";
+import AlertModal from "@/app/components/common/AlertModal";
+
+//샘플 데이터(일단 상수파일로 관리)
+import { restaurantList } from "@/app/constant/restaurant/restaurantList";
+import { sampleReviews } from "@/app/constant/restaurant/sampleReviews";
+import {
+  reviewSummary,
+  reviewTags,
+} from "@/app/constant/restaurant/reviewSummary";
+
+export default function RestaurantDetail() {
+  const router = useRouter(); // 페이지 이동을 위한 라우터 훅
+
+  const params = useParams();
+  const id = Number((params as { id: string }).id);
+
+  // 상세주소 토글 여부를 저장하는 상태값
+  const [showAddress, setShowAddress] = useState(false);
+
+  // 사용자가 클릭한 별점 저장 (후기 작성용)
+  const [rating, setRating] = useState(0); // 0~5점
+
+  // 현재 옵션 메뉴가 열려있는 후기의 ID (없으면 null)
+  const [activeOptionId, setActiveOptionId] = useState<number | null>(null);
+  // 신고 모달 상태값
+  const [showReportModal, setShowReportModal] = useState(false);
+
+  // 신고 완료 모달 상태값
+  const [showReportCompleteModal, setShowReportCompleteModal] = useState(false);
+
+  // 사용자가 추천(좋아요) 버튼을 누른 후기 ID 목록
+  const [votedReviewIds, setVotedReviewIds] = useState<number[]>([]);
+
+  // 로컬 상태에서 추천 수를 따로 관리하는 객체 (key: 리뷰 id, value: 추천 수)
+  const [localVotes, setLocalVotes] = useState<Record<number, number>>({});
+
+  // 후기 정렬 기준 상태값 (기본: 추천순)
+  const [sortType, setSortType] = useState<"recommend" | "latest">("recommend");
+
+  // id에 해당하는 맛집 정보 찾기
+  const restaurant = restaurantList.find((item) => item.id === id);
+
+  if (!restaurant) {
+    return (
+      <main className="flex items-center justify-center h-screen">
+        <p className="text-gray-500">존재하지 않는 맛집입니다.</p>
+      </main>
+    );
+  }
+
+  // 해당 맛집의 후기(review)만 필터링
+  const filteredReviews = sampleReviews.filter(
+    (review) => review.restaurantId === restaurant.id
+  );
+
+  // 해당 맛집의 평점 요약 정보 가져오기 (없으면 id 0을 fallback으로 사용)
+  const summary = reviewSummary[restaurant.id];
+
+  // 날짜 문자열(2025.05.05)을 Date 객체로 변환하는 함수
+  const parseDate = (dateStr: string) => new Date(dateStr.replace(/\./g, "-"));
+
+  // 정렬된 후기 리스트 계산 (정렬 기준에 따라 다르게 정렬됨)
+  const sortedReviews = [...filteredReviews].sort((a, b) => {
+    if (sortType === "recommend") {
+      // 추천순: localVotes가 있으면 우선 적용, 없으면 기본 votes 사용
+      const aVotes = localVotes[a.id] ?? a.votes;
+      const bVotes = localVotes[b.id] ?? b.votes;
+      return bVotes - aVotes; // 내림차순 정렬 (추천 수 많은 게 앞으로)
+    } else {
+      // 최신순: 날짜를 비교하여 최근 날짜가 먼저 오도록 정렬
+      return (
+        parseDate(b.createdDate).getTime() - parseDate(a.createdDate).getTime()
+      );
+    }
+  });
+
+  return (
+    <>
+      <Header
+        title={""}
+        className="border-none"
+        leftChild={
+          <button
+            onClick={() => {
+              router.push("/restaurant");
+            }}
+          >
+            <Image
+              src={"/header_left_arrow.png"}
+              alt={"changeProfileImage"}
+              width={22}
+              height={30}
+            />
+          </button>
+        }
+      />
+      {/* 메인 Container*/}
+      <main className="relative overflow-y-auto px-4 pb-10  gap-3 flex flex-col items-center w-full min-h-[calc(100vh-10rem)]">
+        {/* 맛집 제목, 사진 */}
+        <section className="flex flex-col items-center justify-between w-full gap-2 mt-3">
+          <h1 className="text-2xl font-bold text-[#1F9BDA] text-center">
+            {restaurant.name}
+          </h1>
+          <div className="flex w-full gap-3 px-4 py-2 overflow-x-auto">
+            {restaurant.images.map((url, idx) => (
+              <Image
+                key={idx}
+                src={url}
+                alt={`맛집 사진 ${idx + 1}`}
+                width={180}
+                height={180}
+                className="rounded-lg shrink-0"
+              />
+            ))}
+          </div>
+        </section>
+        {/* 맛집 정보 */}
+        <section
+          className="relative flex flex-col items-center w-full p-4
+        rounded-md border-[1px] border-[#393939] bg-white gap-3"
+        >
+          {/* 정보 - 메뉴 종류 */}
+          <div className="flex items-center justify-start w-full gap-3">
+            <Image
+              src="/restaurant_menu.png"
+              alt="맛집 메뉴"
+              width={24}
+              height={24}
+            />
+            <span className="mt-1 text-lg font-bold text-[#1F9BDA] text-center">
+              {restaurant.category}
+            </span>
+          </div>
+          {/* 구분선 */}
+          <div className="bg-[#3d2828] w-full h-[1px] opacity-60"></div>
+          {/* 맛집 시간표 */}
+          <div className="flex flex-row justify-start w-full gap-5">
+            <div className="flex-shrink-0">
+              <Image
+                className="flex-shrink-0"
+                src="/restaurant_time_table.png"
+                alt="맛집 시간표"
+                width={24}
+                height={24}
+              />
+            </div>
+            <div>
+              {restaurant.timetable.map((item, index) => (
+                <div key={index} className="flex items-center gap-5">
+                  <h1 className="text-lg font-normal text-[#393939] text-center">
+                    {item.days_of_the_week}
+                  </h1>
+                  <span className="text-base font-normal text-[#828282]">
+                    {item.time}
+                  </span>
+                </div>
+              ))}
+            </div>
+          </div>
+          {/* 구분선 */}
+          <div className="bg-[#828282] w-full h-[1px] opacity-60"></div>
+          {/* 주소 */}
+          <div className="flex flex-1 gap-3">
+            <div className="flex-shrink-0">
+              <Image
+                className="flex-shrink-0 mb-2"
+                src="/restaurant_location.png"
+                alt="맛집 위치"
+                width={24}
+                height={24}
+              />
+            </div>
+            <div className="relative flex flex-col w-full gap-3 mt-1">
+              <div className="flex items-start gap-1">
+                <span className="text-sm font-bold text-[#393939] w-14 flex-shrink-0 ">
+                  도로명
+                </span>
+                <span className="text-sm font-normal text-[#828282] whitespace-pre-wrap">
+                  {restaurant.address.road}
+                </span>
+              </div>
+              {showAddress && (
+                <>
+                  <div className="flex items-start gap-1">
+                    <span className="text-sm font-bold text-[#393939] w-14 flex-shrink-0 ">
+                      지번
+                    </span>
+                    <span className="text-sm  font-normal text-[#828282] whitespace-pre-wrap">
+                      {restaurant.address.jibun}
+                    </span>
+                  </div>
+
+                  <div className="flex items-start gap-1">
+                    <span className="text-sm font-normal text-[#828282] whitespace-pre-wrap">
+                      우편번호
+                    </span>
+                    <span className="text-sm font-normal text-[#828282] whitespace-pre-wrap">
+                      {restaurant.address.postalCode}
+                    </span>
+                  </div>
+                </>
+              )}
+            </div>
+            <div className="z-10">
+              <button
+                onClick={() => {
+                  setShowAddress((prev) => !prev);
+                }}
+              >
+                <Image
+                  src={showAddress ? "/arrow_up.png" : "/arrow_down.png"}
+                  alt="상세주소 보기"
+                  width={30}
+                  height={30}
+                />
+              </button>
+            </div>
+          </div>
+          <div className="flex justify-end w-full">
+            <button
+              onClick={() =>
+                router.push(`/restaurant-detail/${restaurant.id}/map`)
+              }
+              className="flex flex-col justify-center items-center w-16 h-6 bg-[#1F9BDA] rounded-3xl"
+            >
+              <span className="mt-1 text-sm font-normal text-white">
+                지도보기
+              </span>
+            </button>
+          </div>
+        </section>
+
+        {/* 후기 작성 칸 */}
+        <section className="flex flex-col items-center w-full gap-5 mt-5">
+          {/* 구분선 */}
+          <div className="bg-[#828282] w-full h-[2px] opacity-40" />
+          {/* 별 후기 작성 */}
+          <div className="flex flex-col items-center gap-1">
+            <div className="flex gap-1">
+              {Array.from({ length: 5 }, (_, index) => {
+                const score = index + 1;
+                return (
+                  <button
+                    key={score}
+                    onClick={() => setRating(score)}
+                    className="text-3xl text-[#1F9BDA] w-fit h-fit"
+                  >
+                    {score <= rating ? "★" : "☆"}
+                  </button>
+                );
+              })}
+            </div>
+            <span className="text-[#828282] font-normal text-base">
+              후기를 남겨주세요!
+            </span>
+          </div>
+          {/* 구분선 */}
+          <div className="bg-[#828282] w-full h-[2px] opacity-40" />
+        </section>
+
+        {/* 후기 */}
+        <section className="flex flex-col w-full gap-2">
+          <div className="flex justify-between px-2 py-2">
+            {/* 후기 평점 - 후기 개수 */}
+            {summary && (
+              <div className="flex justify-between w-full px-2 py-2">
+                <div className="flex gap-2 text-[#1F9BDA] text-xl font-medium">
+                  <span>{summary.averageRating.toFixed(1)}</span>
+                  <span>
+                    {"★".repeat(Math.round(summary.averageRating)) +
+                      "☆".repeat(5 - Math.round(summary.averageRating))}
+                  </span>
+                </div>
+                <div className="flex gap-1 text-[#828282] text-base font-medium">
+                  <span>후기</span>
+                  <span className="font-bold">{summary.reviewCount}</span>
+                  <span>건</span>
+                </div>
+              </div>
+            )}
+          </div>
+
+          {/* 후기 관련 태그 */}
+          <div className="flex flex-wrap justify-center gap-1 px-4">
+            {(reviewTags[restaurant.id] || []).map((item, index) => (
+              <div
+                key={index}
+                className="mt-1 px-4 py-1 bg-white border-[1px] w-fit rounded-3xl border-[#393939] text-sm font-normal hover:scale-105 duration-300"
+              >
+                {item}
+              </div>
+            ))}
+          </div>
+
+          {/* 후기 카드 목록 */}
+          <div className="flex flex-col w-full gap-3 mt-5">
+            {/* 후기 필터 버튼 */}
+            <div className="flex justify-end gap-2 mr-2 -mb-2 text-sm">
+              <button
+                className={
+                  sortType === "recommend"
+                    ? "text-[#393939] font-bold"
+                    : "text-[#828282] font-light"
+                }
+                onClick={() => setSortType("recommend")}
+              >
+                추천 순
+              </button>
+              <span>|</span>
+              <button
+                className={
+                  sortType === "latest"
+                    ? "text-[#393939] font-bold"
+                    : "text-[#828282] font-light"
+                }
+                onClick={() => setSortType("latest")}
+              >
+                최신 순
+              </button>
+            </div>
+
+            {/* 후기 목록 */}
+            <div className="flex flex-col gap-4">
+              {sortedReviews.map((item, index) => (
+                <Review
+                  key={index}
+                  id={item.id}
+                  profileImgUrl={item.profileImgUrl}
+                  userId={item.userId}
+                  createdDate={item.createdDate}
+                  votes={localVotes[item.id] ?? item.votes}
+                  rating={item.rating}
+                  content={item.content}
+                  tags={item.tags}
+                  images={item.images}
+                  onVote={() => {
+                    const hasVoted = votedReviewIds.includes(item.id);
+                    if (hasVoted) {
+                      setVotedReviewIds((prev) =>
+                        prev.filter((id) => id !== item.id)
+                      );
+                      setLocalVotes((prev) => ({
+                        ...prev,
+                        [item.id]: (prev[item.id] ?? item.votes) - 1,
+                      }));
+                    } else {
+                      setVotedReviewIds((prev) => [...prev, item.id]);
+                      setLocalVotes((prev) => ({
+                        ...prev,
+                        [item.id]: (prev[item.id] ?? item.votes) + 1,
+                      }));
+                    }
+                  }}
+                  isVoted={votedReviewIds.includes(item.id)}
+                  onReport={() => setShowReportModal(true)}
+                  onClick={() =>
+                    setActiveOptionId((prev) =>
+                      prev === item.id ? null : item.id
+                    )
+                  }
+                  isOptionOpen={activeOptionId === item.id}
+                />
+              ))}
+            </div>
+          </div>
+        </section>
+        {showReportModal && (
+          <>
+            <ModalWrapper>
+              <ReportModal
+                onClick={() => setShowReportModal(false)}
+                onReport={() => {
+                  setShowReportCompleteModal(true);
+                  setShowReportModal(false);
+                }}
+              />
+            </ModalWrapper>
+          </>
+        )}
+        {showReportCompleteModal && (
+          <>
+            <ModalWrapper>
+              <AlertModal
+                title="신고가 완료되었습니다"
+                description="운영팀이 빠르게 확인해 조치하겠습니다"
+                confirmText="확인"
+                onConfirm={() => setShowReportCompleteModal(false)}
+              />
+            </ModalWrapper>
+          </>
+        )}
+      </main>
+    </>
+  );
+}
diff --git a/omechu-app/yarn.lock b/omechu-app/yarn.lock
index a14265ffe..8f8eda129 100644
--- a/omechu-app/yarn.lock
+++ b/omechu-app/yarn.lock
@@ -647,11 +647,11 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:^20":
-  version: 20.19.7
-  resolution: "@types/node@npm:20.19.7"
+  version: 20.19.5
+  resolution: "@types/node@npm:20.19.5"
   dependencies:
     undici-types: "npm:~6.21.0"
-  checksum: 10c0/bd97ed8db9eaab0f66ff066944923bae3baf51c98b603be9f30ea53f2ceeb6ae6fb4bc5bda3d3cd54c90c2ddc146f2117287f42e64fdcac493790c28dd759763
+  checksum: 10c0/89e2942ac3dcd5cf0c4f9342ad98bff4925ec1c8c6b0a8509d081397e5a6d45ccbb9b7a987f520b0cac720faec2830419517faf3fba32ccf6e924f10557a6d77
   languageName: node
   linkType: hard
 
@@ -809,137 +809,137 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-android-arm-eabi@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-android-arm-eabi@npm:1.11.1"
+"@unrs/resolver-binding-android-arm-eabi@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-android-arm-eabi@npm:1.11.0"
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-android-arm64@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-android-arm64@npm:1.11.1"
+"@unrs/resolver-binding-android-arm64@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-android-arm64@npm:1.11.0"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-darwin-arm64@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-darwin-arm64@npm:1.11.1"
+"@unrs/resolver-binding-darwin-arm64@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-darwin-arm64@npm:1.11.0"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-darwin-x64@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-darwin-x64@npm:1.11.1"
+"@unrs/resolver-binding-darwin-x64@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-darwin-x64@npm:1.11.0"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-freebsd-x64@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-freebsd-x64@npm:1.11.1"
+"@unrs/resolver-binding-freebsd-x64@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-freebsd-x64@npm:1.11.0"
   conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-linux-arm-gnueabihf@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-linux-arm-gnueabihf@npm:1.11.1"
+"@unrs/resolver-binding-linux-arm-gnueabihf@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-linux-arm-gnueabihf@npm:1.11.0"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-linux-arm-musleabihf@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-linux-arm-musleabihf@npm:1.11.1"
+"@unrs/resolver-binding-linux-arm-musleabihf@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-linux-arm-musleabihf@npm:1.11.0"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-linux-arm64-gnu@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-linux-arm64-gnu@npm:1.11.1"
+"@unrs/resolver-binding-linux-arm64-gnu@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-linux-arm64-gnu@npm:1.11.0"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-linux-arm64-musl@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-linux-arm64-musl@npm:1.11.1"
+"@unrs/resolver-binding-linux-arm64-musl@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-linux-arm64-musl@npm:1.11.0"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-linux-ppc64-gnu@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-linux-ppc64-gnu@npm:1.11.1"
+"@unrs/resolver-binding-linux-ppc64-gnu@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-linux-ppc64-gnu@npm:1.11.0"
   conditions: os=linux & cpu=ppc64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-linux-riscv64-gnu@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-linux-riscv64-gnu@npm:1.11.1"
+"@unrs/resolver-binding-linux-riscv64-gnu@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-linux-riscv64-gnu@npm:1.11.0"
   conditions: os=linux & cpu=riscv64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-linux-riscv64-musl@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-linux-riscv64-musl@npm:1.11.1"
+"@unrs/resolver-binding-linux-riscv64-musl@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-linux-riscv64-musl@npm:1.11.0"
   conditions: os=linux & cpu=riscv64 & libc=musl
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-linux-s390x-gnu@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-linux-s390x-gnu@npm:1.11.1"
+"@unrs/resolver-binding-linux-s390x-gnu@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-linux-s390x-gnu@npm:1.11.0"
   conditions: os=linux & cpu=s390x & libc=glibc
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-linux-x64-gnu@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-linux-x64-gnu@npm:1.11.1"
+"@unrs/resolver-binding-linux-x64-gnu@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-linux-x64-gnu@npm:1.11.0"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-linux-x64-musl@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-linux-x64-musl@npm:1.11.1"
+"@unrs/resolver-binding-linux-x64-musl@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-linux-x64-musl@npm:1.11.0"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-wasm32-wasi@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-wasm32-wasi@npm:1.11.1"
+"@unrs/resolver-binding-wasm32-wasi@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-wasm32-wasi@npm:1.11.0"
   dependencies:
     "@napi-rs/wasm-runtime": "npm:^0.2.11"
   conditions: cpu=wasm32
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-win32-arm64-msvc@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-win32-arm64-msvc@npm:1.11.1"
+"@unrs/resolver-binding-win32-arm64-msvc@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-win32-arm64-msvc@npm:1.11.0"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-win32-ia32-msvc@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-win32-ia32-msvc@npm:1.11.1"
+"@unrs/resolver-binding-win32-ia32-msvc@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-win32-ia32-msvc@npm:1.11.0"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@unrs/resolver-binding-win32-x64-msvc@npm:1.11.1":
-  version: 1.11.1
-  resolution: "@unrs/resolver-binding-win32-x64-msvc@npm:1.11.1"
+"@unrs/resolver-binding-win32-x64-msvc@npm:1.11.0":
+  version: 1.11.0
+  resolution: "@unrs/resolver-binding-win32-x64-msvc@npm:1.11.0"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -1615,9 +1615,9 @@ __metadata:
   linkType: hard
 
 "electron-to-chromium@npm:^1.5.173":
-  version: 1.5.182
-  resolution: "electron-to-chromium@npm:1.5.182"
-  checksum: 10c0/45d45a2d5d304547818574ca083e739e5099bab650b655329a1a39ff2aaa2bf8ba2114c8fc13b5d96014233181d87ec8f84a48d976c5b91140036ceb587bb8e5
+  version: 1.5.180
+  resolution: "electron-to-chromium@npm:1.5.180"
+  checksum: 10c0/3042aa1d20e1ff0b8205bc856a98a7f94aafb3051d468a40d9bb3dac65b36dc48b9c1197c5a56ea179f39231668a3f0c35b02c3a58d0fe25d047613e07a21565
   languageName: node
   linkType: hard
 
@@ -4714,28 +4714,28 @@ __metadata:
   linkType: hard
 
 "unrs-resolver@npm:^1.6.2":
-  version: 1.11.1
-  resolution: "unrs-resolver@npm:1.11.1"
-  dependencies:
-    "@unrs/resolver-binding-android-arm-eabi": "npm:1.11.1"
-    "@unrs/resolver-binding-android-arm64": "npm:1.11.1"
-    "@unrs/resolver-binding-darwin-arm64": "npm:1.11.1"
-    "@unrs/resolver-binding-darwin-x64": "npm:1.11.1"
-    "@unrs/resolver-binding-freebsd-x64": "npm:1.11.1"
-    "@unrs/resolver-binding-linux-arm-gnueabihf": "npm:1.11.1"
-    "@unrs/resolver-binding-linux-arm-musleabihf": "npm:1.11.1"
-    "@unrs/resolver-binding-linux-arm64-gnu": "npm:1.11.1"
-    "@unrs/resolver-binding-linux-arm64-musl": "npm:1.11.1"
-    "@unrs/resolver-binding-linux-ppc64-gnu": "npm:1.11.1"
-    "@unrs/resolver-binding-linux-riscv64-gnu": "npm:1.11.1"
-    "@unrs/resolver-binding-linux-riscv64-musl": "npm:1.11.1"
-    "@unrs/resolver-binding-linux-s390x-gnu": "npm:1.11.1"
-    "@unrs/resolver-binding-linux-x64-gnu": "npm:1.11.1"
-    "@unrs/resolver-binding-linux-x64-musl": "npm:1.11.1"
-    "@unrs/resolver-binding-wasm32-wasi": "npm:1.11.1"
-    "@unrs/resolver-binding-win32-arm64-msvc": "npm:1.11.1"
-    "@unrs/resolver-binding-win32-ia32-msvc": "npm:1.11.1"
-    "@unrs/resolver-binding-win32-x64-msvc": "npm:1.11.1"
+  version: 1.11.0
+  resolution: "unrs-resolver@npm:1.11.0"
+  dependencies:
+    "@unrs/resolver-binding-android-arm-eabi": "npm:1.11.0"
+    "@unrs/resolver-binding-android-arm64": "npm:1.11.0"
+    "@unrs/resolver-binding-darwin-arm64": "npm:1.11.0"
+    "@unrs/resolver-binding-darwin-x64": "npm:1.11.0"
+    "@unrs/resolver-binding-freebsd-x64": "npm:1.11.0"
+    "@unrs/resolver-binding-linux-arm-gnueabihf": "npm:1.11.0"
+    "@unrs/resolver-binding-linux-arm-musleabihf": "npm:1.11.0"
+    "@unrs/resolver-binding-linux-arm64-gnu": "npm:1.11.0"
+    "@unrs/resolver-binding-linux-arm64-musl": "npm:1.11.0"
+    "@unrs/resolver-binding-linux-ppc64-gnu": "npm:1.11.0"
+    "@unrs/resolver-binding-linux-riscv64-gnu": "npm:1.11.0"
+    "@unrs/resolver-binding-linux-riscv64-musl": "npm:1.11.0"
+    "@unrs/resolver-binding-linux-s390x-gnu": "npm:1.11.0"
+    "@unrs/resolver-binding-linux-x64-gnu": "npm:1.11.0"
+    "@unrs/resolver-binding-linux-x64-musl": "npm:1.11.0"
+    "@unrs/resolver-binding-wasm32-wasi": "npm:1.11.0"
+    "@unrs/resolver-binding-win32-arm64-msvc": "npm:1.11.0"
+    "@unrs/resolver-binding-win32-ia32-msvc": "npm:1.11.0"
+    "@unrs/resolver-binding-win32-x64-msvc": "npm:1.11.0"
     napi-postinstall: "npm:^0.3.0"
   dependenciesMeta:
     "@unrs/resolver-binding-android-arm-eabi":
@@ -4776,7 +4776,7 @@ __metadata:
       optional: true
     "@unrs/resolver-binding-win32-x64-msvc":
       optional: true
-  checksum: 10c0/c91b112c71a33d6b24e5c708dab43ab80911f2df8ee65b87cd7a18fb5af446708e98c4b415ca262026ad8df326debcc7ca6a801b2935504d87fd6f0b9d70dce1
+  checksum: 10c0/5883c0621e3a57f21426092a99783ecd88e795493a0ab013a10013ddd8fe355d67a88ac37a7e8ae0f3617d52e7f688b95d9b2807ac605b22c174a8bd6d85fc04
   languageName: node
   linkType: hard