diff --git a/src/layouts/myPageLayout.tsx b/src/layouts/myPageLayout.tsx
index d9340d2..06b24c7 100644
--- a/src/layouts/myPageLayout.tsx
+++ b/src/layouts/myPageLayout.tsx
@@ -1,4 +1,4 @@
-import { Outlet, NavLink } from "react-router-dom";
+import { Outlet, NavLink, Link } from "react-router-dom";
 import {
   Calendar,
   CreditCard,
@@ -24,10 +24,13 @@ export default function MyPageLayout() {
       {/* Header */}
       <header className="w-full border-b bg-white">
         <div className="mx-auto flex h-16 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8">
-          <div className="text-md text-blue-600 font-medium">
-            잇츠파인 Eatsfine
-          </div>
-          <button className="flex items-center gap-2 px-4 py-2 text-md text-gray-600 hover:text-gray-900 transition-colors">
+          <Link to="/">
+            <div className="text-lg text-blue-500 font-medium cursor-pointer hover:text-blue-700 transition">
+              잇츠파인 Eatsfine
+            </div>
+          </Link>
+
+          <button className="flex items-center gap-2 px-4 py-2 text-md text-gray-600 hover:text-gray-900 transition-colors cursor-pointer">
             로그아웃
           </button>
         </div>
diff --git a/src/pages/myPage/myInfoPage.tsx b/src/pages/myPage/myInfoPage.tsx
index d21fda3..c981e30 100644
--- a/src/pages/myPage/myInfoPage.tsx
+++ b/src/pages/myPage/myInfoPage.tsx
@@ -1,74 +1,112 @@
+import { phoneNumber } from "@/utils/phoneNumber";
 import { Camera, Save } from "lucide-react";
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState, type ChangeEvent } from "react";
+
+type Form = {
+  email: string;
+  nickname: string;
+  phone: string;
+};
 
 export default function MyInfoPage() {
   const [isEditing, setIsEditing] = useState(false);
   const fileInputRef = useRef<HTMLInputElement | null>(null);
-  const [profileImage, setProfileImage] = useState<string | null>(null);
 
-  const [form, setForm] = useState({
+  const [originalImageFile, setOriginalImageFile] = useState<File | null>(null);
+  const [draftImageFile, setDraftImageFile] = useState<File | null>(null);
+  // const objectUrlRef = useRef<string | null>(null);
+
+  const shownFile = isEditing ? draftImageFile : originalImageFile;
+  const [shownUrl, setShownUrl] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (!shownFile) {
+      setShownUrl(null);
+      return;
+    }
+    const url = URL.createObjectURL(shownFile);
+    setShownUrl(url);
+
+    return () => URL.revokeObjectURL(url);
+  }, [shownFile]);
+
+  const [original, setOriginal] = useState<Form>({
     email: "user@example.com",
     nickname: "맛있는유저",
     phone: "010-1234-5678",
   });
+  const [draft, setDraft] = useState<Form>(original);
 
-  const handleChange = (key: keyof typeof form, value: string) => {
-    setForm((prev) => ({ ...prev, [key]: value }));
+  const handleEditStart = () => {
+    setDraft(original);
+    setDraftImageFile(originalImageFile);
+    setIsEditing(true);
+  };
+
+  const handleChange = (key: keyof Form, value: string) => {
+    setDraft((prev) => ({ ...prev, [key]: value }));
   };
 
   const handleImageClick = () => {
     fileInputRef.current?.click();
   };
 
-  const handleImageChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-  const file = e.target.files?.[0];
-  if (!file) return;
-
-  const previewUrl = URL.createObjectURL(file);
-  setProfileImage(previewUrl);
+  const handleImageChange = (e: ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    setDraftImageFile(file); //TODO: 서버 업로드에 사용
+    e.target.value = ""; //같은 파일 재선택 가능하도록 설정
+  };
 
-  // TODO: 서버 업로드용 file은 따로 저장해도 됨
-};
+  const isValidPhone = (value: string) => {
+    const digits = value.replace(/\D/g, "");
+    return digits.length === 10 || digits.length === 11;
+  };
 
   const handleSave = () => {
     // TODO: API 호출
+    if (!isValidPhone(draft.phone)) {
+      alert("전화번호를 올바르게 입력해주세요.");
+      return;
+    }
+    // TODO: API 성공후
+    setOriginal(draft);
+    setOriginalImageFile(draftImageFile);
     setIsEditing(false);
   };
 
   const handleCancel = () => {
-    // TODO: 원래 값으로 롤백하고 싶으면 여기서 처리
+    setDraft(original);
+    setDraftImageFile(originalImageFile);
     setIsEditing(false);
   };
-
   return (
-    <section className="rounded-xl bg-white p-8 shadow-sm">
+    <section className="rounded-xl bg-white p-8 shadow-sm border border-gray-100">
       {/* title */}
-      <div className="mb-8 flex items-center justify-between">
-        <h2 className="text-md text-gray-800">내 정보</h2>
+      <div className="mb-6 flex items-center justify-between">
+        <h2 className="text-xl font-medium">내 정보</h2>
 
         {!isEditing ? (
           <button
-            onClick={() => setIsEditing(true)}
-            className="cursor-pointer rounded-lg px-3 py-2 text-md font-medium text-blue-600 hover:bg-blue-50"
+            onClick={handleEditStart}
+            className="cursor-pointer transition rounded-lg px-3 py-2 text-lg font-medium text-blue-600 hover:bg-blue-50 hover:text-blue-700"
           >
             수정하기
           </button>
         ) : (
-          <div className="flex gap-2">
+          <div className="flex gap-3">
             <button
               onClick={handleCancel}
-              className="cursor-pointer rounded-lg px-3 py-2 text-md text-gray-600 hover:bg-gray-100"
+              className="cursor-pointer transition border rounded-lg px-4 py-2 text-gray-600 hover:bg-gray-100 tracking-wide"
             >
               취소
             </button>
             <button
               onClick={handleSave}
-              className="cursor-pointer flex items-center rounded-lg bg-blue-500 px-3 py-2 text-sm font-medium text-white hover:bg-blue-700"
+              className="cursor-pointer transition flex items-center rounded-lg bg-blue-500 px-3 py-2 text-sm font-medium text-white hover:bg-blue-600 tracking-wide"
             >
               <Save size={16} />
-              <p className="px-2">
-                저장
-              </p>
+              <p className="px-1 ml-1">저장</p>
             </button>
           </div>
         )}
@@ -78,49 +116,46 @@ export default function MyInfoPage() {
       <div className="flex flex-col items-center gap-10">
         {/* avatar */}
         <div className="relative">
-        <div className="flex h-30 w-30 items-center justify-center overflow-hidden rounded-full bg-gray-200">
-            {profileImage ? (
-            <img
-                src={profileImage}
+          <div className="flex h-30 w-30 items-center justify-center overflow-hidden rounded-full bg-gray-200">
+            {shownUrl ? (
+              <img
+                src={shownUrl}
                 alt="프로필 이미지"
                 className="h-full w-full object-cover"
-            />
+              />
             ) : (
-            <span className="text-3xl text-gray-500">맛</span>
+              <span className="text-3xl text-gray-500">맛</span>
             )}
-        </div>
+          </div>
 
-        {isEditing && (
+          {isEditing && (
             <>
-            <button
+              <button
                 onClick={handleImageClick}
-                className="cursor-pointer absolute bottom-1 right-1 flex h-9 w-9 items-center justify-center rounded-full bg-blue-500 text-white shadow hover:bg-blue-700"
-            >
+                className="cursor-pointer transition absolute bottom-1 right-1 flex h-9 w-9 items-center justify-center rounded-full bg-blue-500 text-white shadow hover:bg-blue-700"
+              >
                 <Camera size={20} />
-            </button>
-            <input
+              </button>
+              <input
                 ref={fileInputRef}
                 type="file"
                 accept="image/*"
                 onChange={handleImageChange}
                 className="hidden"
-            />
+              />
             </>
-        )}
+          )}
         </div>
 
-
         {/* form */}
         <div className="w-full space-y-5">
           {/* 아이디 */}
           <div>
-            <label className="mb-1 block text-md text-gray-600">
-              아이디
-            </label>
+            <label className="mb-1 block text-gray-600">아이디</label>
             <input
               disabled
               value="user1234"
-              className="w-full rounded-lg border border-gray-200 bg-gray-50 px-4 py-3 text-md text-gray-500"
+              className="w-full rounded-lg border border-gray-200 bg-gray-50 px-4 py-3 text-gray-500"
             />
             <p className="mt-1 text-sm text-gray-400">
               아이디는 변경할 수 없습니다
@@ -129,14 +164,12 @@ export default function MyInfoPage() {
 
           {/* 이메일 */}
           <div>
-            <label className="mb-1 block text-md text-gray-600">
-              이메일
-            </label>
+            <label className="mb-1 block text-gray-600">이메일</label>
             <input
               disabled={!isEditing}
-              value={form.email}
+              value={draft.email}
               onChange={(e) => handleChange("email", e.target.value)}
-              className={`w-full rounded-lg border px-4 py-3 text-md ${
+              className={`w-full rounded-lg border px-4 py-3 ${
                 isEditing
                   ? "border-gray-300 bg-white"
                   : "border-gray-200 bg-gray-50 text-gray-500"
@@ -146,14 +179,12 @@ export default function MyInfoPage() {
 
           {/* 닉네임 */}
           <div>
-            <label className="mb-1 block text-md text-gray-600">
-              닉네임
-            </label>
+            <label className="mb-1 block text-gray-600">닉네임</label>
             <input
               disabled={!isEditing}
-              value={form.nickname}
+              value={draft.nickname}
               onChange={(e) => handleChange("nickname", e.target.value)}
-              className={`w-full rounded-lg border px-4 py-3 text-md ${
+              className={`w-full rounded-lg border px-4 py-3 ${
                 isEditing
                   ? "border-gray-300 bg-white"
                   : "border-gray-200 bg-gray-50 text-gray-500"
@@ -163,14 +194,16 @@ export default function MyInfoPage() {
 
           {/* 전화번호 */}
           <div>
-            <label className="mb-1 block text-md text-gray-600">
-              전화번호
-            </label>
+            <label className="mb-1 block text-gray-600">전화번호</label>
             <input
               disabled={!isEditing}
-              value={form.phone}
-              onChange={(e) => handleChange("phone", e.target.value)}
-              className={`w-full rounded-lg border px-4 py-3 text-md ${
+              value={draft.phone}
+              onChange={(e) =>
+                handleChange("phone", phoneNumber(e.target.value))
+              }
+              inputMode="numeric"
+              autoComplete="tel"
+              className={`w-full rounded-lg border px-4 py-3 ${
                 isEditing
                   ? "border-gray-300 bg-white"
                   : "border-gray-200 bg-gray-50 text-gray-500"
diff --git a/src/pages/myPage/myPage.tsx b/src/pages/myPage/myPage.tsx
index edf6d51..80edcf8 100644
--- a/src/pages/myPage/myPage.tsx
+++ b/src/pages/myPage/myPage.tsx
@@ -11,7 +11,7 @@ export default function MyPage() {
   return (
     <Routes>
       <Route element={<MyPageLayout />}>
-        <Route index element={<Navigate to="info" />} />
+        <Route index element={<Navigate to="info" replace />} />
         <Route path="info" element={<MyInfoPage />} />
         <Route path="settings" element={<SettingPage />} />
         <Route path="payment" element={<PaymentPage />} />
diff --git a/src/pages/myPage/paymentPage.tsx b/src/pages/myPage/paymentPage.tsx
index 686e508..73f1249 100644
--- a/src/pages/myPage/paymentPage.tsx
+++ b/src/pages/myPage/paymentPage.tsx
@@ -5,7 +5,7 @@ import PaymentAddModal from "@/components/modals/paymentAddModal";
 
 interface PaymentMethod {
   id: string;
-  type: "easy-pay";
+  type: "간편결제";
   name: string;
   detail: string;
   isDefault: boolean;
@@ -16,7 +16,7 @@ export default function PaymentPage() {
   const [methods, setMethods] = useState<PaymentMethod[]>([
     {
       id: "1",
-      type: "easy-pay",
+      type: "간편결제",
       name: "카카오페이",
       detail: "",
       isDefault: false,
@@ -41,20 +41,20 @@ export default function PaymentPage() {
   const [isModalOpen, setIsModalOpen] = useState(false);
 
   return (
-    <section className="rounded-xl bg-white p-5 shadow-sm border border-gray-100">
+    <section className="rounded-xl bg-white p-8 shadow-sm border border-gray-100">
       {/* 헤더 영역 */}
       <div className="mb-8 flex items-start justify-between">
         <div>
-          <h2 className="text-lg text-gray-900">결제수단 관리</h2>
-          <p className="mt-1 text-sm text-gray-900">
+          <h2 className="text-xl font-medium">결제수단 관리</h2>
+          <p className="mt-0.5 text-sm text-gray-600">
             예약 시 사용할 결제수단을 관리하세요
           </p>
         </div>
         <button
-          className="cursor-pointer flex items-center gap-2 rounded-lg bg-blue-500 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 transition-colors"
+          className="cursor-pointer flex items-center gap-2 rounded-lg bg-blue-500 px-4 py-3 font-medium text-white hover:bg-blue-700 transition"
           onClick={() => setIsModalOpen(true)}
         >
-          <Plus size={18} />
+          <Plus size={20} />
           결제수단 추가
         </button>
       </div>
@@ -65,10 +65,10 @@ export default function PaymentPage() {
           <div
             key={method.id}
             className={cn(
-              "group relative flex items-center justify-between rounded-lg border-2 p-3 transition-all",
+              "group relative flex items-center justify-between rounded-lg border-2 p-3 transition",
               method.isDefault
                 ? "border-blue-500 bg-blue-50"
-                : "border-gray-100 bg-white hover:border-gray-200",
+                : "border-gray-100",
             )}
           >
             <div className="flex items-center gap-4">
@@ -80,7 +80,7 @@ export default function PaymentPage() {
               {/* 정보 영역 */}
               <div className="space-y-1">
                 <div className="flex items-center gap-2">
-                  <span className="text-gray-900">{method.name}</span>
+                  <span className="text-lg">{method.name}</span>
                   <span className="text-sm text-gray-700">{method.detail}</span>
                   {method.isDefault && (
                     <span className="rounded bg-blue-500 px-1.5 py-0.5 text-[10px] font-bold text-white">
@@ -88,7 +88,7 @@ export default function PaymentPage() {
                     </span>
                   )}
                 </div>
-                <p className="text-xs text-gray-600">간편결제</p>
+                <p className="text-sm text-gray-600">{method.type}</p>
               </div>
             </div>
 
@@ -97,26 +97,27 @@ export default function PaymentPage() {
               {!method.isDefault && (
                 <button
                   onClick={() => handleSetDefault(method.id)}
-                  className="cursor-pointer rounded-lg border border-gray-200 bg-white px-3 py-1.5 text-xs font-medium text-gray-900 hover:bg-gray-50 transition-colors"
+                  className="cursor-pointer rounded-lg border border-gray-200 bg-white px-3 py-2 text-sm font-medium hover:bg-gray-50 transition"
                 >
                   기본으로 설정
                 </button>
               )}
               <button
                 onClick={() => handleDelete(method.id)}
-                className="cursor-pointer flex h-9 w-9 items-center justify-center rounded-lg text-gray-400 hover:bg-red-50 hover:text-red-500 transition-all"
+                className="cursor-pointer flex h-9 w-9 items-center justify-center rounded-lg text-gray-400 hover:bg-red-50 hover:text-red-500 transition"
               >
-                <Trash2 size={15} color="red" />
+                <Trash2 size={20} color="red" />
               </button>
             </div>
           </div>
         ))}
       </div>
-
-      <PaymentAddModal
-        isOpen={isModalOpen}
-        onClose={() => setIsModalOpen(false)}
-      />
+      {isModalOpen && (
+        <PaymentAddModal
+          isOpen={isModalOpen}
+          onClose={() => setIsModalOpen(false)}
+        />
+      )}
 
       {methods.length === 0 && (
         <div className="py-20 text-center">
diff --git a/src/pages/myPage/reservationPage.tsx b/src/pages/myPage/reservationPage.tsx
index 2dd82dc..dd5ce56 100644
--- a/src/pages/myPage/reservationPage.tsx
+++ b/src/pages/myPage/reservationPage.tsx
@@ -70,8 +70,8 @@ export default function ReservationPage() {
   return (
     <section className="rounded-xl bg-white p-8 shadow-sm border border-gray-100">
       <div className="mb-6">
-        <h2 className="text-lg text-gray-900">예약 현황</h2>
-        <p className="mt-1 text-sm text-gray-800">
+        <h2 className="text-xl font-medium">예약 현황</h2>
+        <p className="mt-0.5 text-sm text-gray-600">
           내 예약 내역을 확인하고 관리하세요
         </p>
       </div>
@@ -83,10 +83,8 @@ export default function ReservationPage() {
             key={tab}
             onClick={() => setActiveTab(tab as ReservationStatus)}
             className={cn(
-              "cursor-pointer pb-4 text-sm font-medium transition-all relative",
-              activeTab === tab
-                ? "text-blue-600"
-                : "text-gray-800 hover:text-gray-600",
+              "cursor-pointer pb-4 font-medium transition-all relative",
+              activeTab === tab ? "text-blue-600" : "hover:text-gray-700",
             )}
           >
             {tab}
@@ -107,11 +105,11 @@ export default function ReservationPage() {
             >
               <div className="flex items-start justify-between mb-4">
                 <div>
-                  <div className="flex items-center gap-3 mb-1">
-                    <h3 className="text-md text-gray-900">{res.shopName}</h3>
+                  <div className="flex items-center gap-3 mb-0.5">
+                    <h3 className="text-xl font-medium">{res.shopName}</h3>
                     <span
                       className={cn(
-                        "px-2 py-0.5 rounded-full text-[11px]",
+                        "px-3 py-1 rounded-full text-xs font-medium",
                         res.status === "예약 확정"
                           ? "bg-blue-50 text-blue-600"
                           : "bg-green-50 text-green-600",
@@ -123,7 +121,7 @@ export default function ReservationPage() {
                       {res.status}
                     </span>
                   </div>
-                  <p className="text-xs text-gray-400">{res.address}</p>
+                  <p className="text-sm text-gray-400">{res.address}</p>
                 </div>
               </div>
 
@@ -156,7 +154,7 @@ export default function ReservationPage() {
               <div className="flex items-center justify-between">
                 <span
                   className={cn(
-                    "text-sm font-medium",
+                    "font-medium",
                     res.status === "취소됨"
                       ? "text-gray-400"
                       : "text-green-600",
@@ -164,19 +162,19 @@ export default function ReservationPage() {
                 >
                   {res.step}
                 </span>
-                <div className="flex gap-2">
+                <div className="flex gap-3">
                   {res.status === "예약 확정" && (
                     <>
-                      <button className="cursor-pointer flex items-center gap-1 px-4 py-2 rounded-lg border border-gray-200 text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors">
-                        <Pencil size={14} /> 수정
+                      <button className="cursor-pointer flex items-center gap-1 px-5 py-3 rounded-lg border border-gray-300 text-sm font-medium text-gray-700 hover:bg-gray-200 transition tracking-wide">
+                        <Pencil size={16} /> 수정
                       </button>
-                      <button className="cursor-pointer flex items-center gap-1 px-4 py-2 rounded-lg border border-red-200 text-sm font-medium text-red-500 hover:bg-red-50 transition-colors">
-                        <X size={14} /> 취소
+                      <button className="cursor-pointer flex items-center gap-1 px-5 py-3 rounded-lg border border-red-500 text-sm font-medium text-red-500 hover:bg-red-100 transition tracking-wide">
+                        <X size={16} /> 취소
                       </button>
                     </>
                   )}
                   {res.status === "방문 완료" && (
-                    <button className="cursor-pointer px-6 py-2 rounded-lg bg-blue-500 text-sm font-bold text-white hover:bg-blue-600 transition-colors">
+                    <button className="cursor-pointer px-7 py-3 rounded-lg bg-blue-500 text-sm font-bold text-white hover:bg-blue-600 transition">
                       리뷰 작성
                     </button>
                   )}
@@ -210,13 +208,8 @@ function InfoItem({
     <div className="flex items-start gap-3">
       <div className="p-2 rounded-full bg-blue-100 text-blue-500">{icon}</div>
       <div>
-        <p className="text-[11px] text-gray-400 mb-0.5">{label}</p>
-        <p
-          className={cn(
-            "text-sm text-gray-900",
-            isMultiLine ? "whitespace-pre-line" : "",
-          )}
-        >
+        <p className="text-sm text-gray-400 mb-0.5">{label}</p>
+        <p className={cn("", isMultiLine ? "whitespace-pre-line" : "")}>
           {value}
         </p>
       </div>
diff --git a/src/pages/myPage/settingPage.tsx b/src/pages/myPage/settingPage.tsx
index 0db0379..132e03c 100644
--- a/src/pages/myPage/settingPage.tsx
+++ b/src/pages/myPage/settingPage.tsx
@@ -17,109 +17,101 @@ export default function SettingsPage() {
   };
 
   return (
-    <div className="space-y-6">
-      <section className="rounded-xl bg-white p-6 shadow-sm border border-gray-100">
-        <h2 className="text-lg text-gray-900 mb-8">계정 설정</h2>
+    <section className="rounded-xl bg-white p-8 shadow-sm border border-gray-100">
+      <h2 className="text-xl font-medium mb-6">계정 설정</h2>
 
-        {/* 비밀번호 변경 섹션 */}
-        <div className="flex gap-4 pb-8 border-b border-gray-100">
-          <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-blue-100 text-blue-600">
-            <Lock size={20} />
-          </div>
-          <div className="space-y-3">
-            <div>
-              <h3 className="text-md font-medium text-gray-900">
-                비밀번호 변경
-              </h3>
-              <p className="text-md text-gray-500 mt-2">
-                정기적인 비밀번호 변경으로 계정을 안전하게 보호하세요
-              </p>
-            </div>
-            <button className="cursor-pointer rounded-lg border border-gray-200 px-4 py-2 text-md font-medium text-gray-700 hover:bg-gray-50 transition-colors">
-              비밀번호 변경하기
-            </button>
+      {/* 비밀번호 변경 섹션 */}
+      <div className="flex gap-4 pb-8 border-b border-gray-100">
+        <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-blue-100 text-blue-600">
+          <Lock size={20} />
+        </div>
+        <div className="space-y-3">
+          <div>
+            <h3 className="font-medium text-gray-900">비밀번호 변경</h3>
+            <p className=" text-gray-500 mt-2">
+              정기적인 비밀번호 변경으로 계정을 안전하게 보호하세요
+            </p>
           </div>
+          <button className="cursor-pointer rounded-lg border border-gray-200 px-4 py-2 font-medium text-gray-700 hover:bg-gray-50 transition-colors">
+            비밀번호 변경하기
+          </button>
+        </div>
+      </div>
+
+      {/* 알림 설정 섹션 */}
+      <div className="flex gap-4 py-8 border-b border-gray-100">
+        <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-blue-100 text-blue-600">
+          <Bell size={20} />
         </div>
+        <div className="flex-1 space-y-6">
+          <div>
+            <h3 className="font-medium text-gray-900">알림 설정</h3>
+            <p className="text-gray-500 mt-2 pb-3">
+              받고 싶은 알림을 선택하세요
+            </p>
+          </div>
 
-        {/* 알림 설정 섹션 */}
-        <div className="flex gap-4 py-8 border-b border-gray-100">
-          <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-blue-100 text-blue-600">
-            <Bell size={20} />
+          <div className="space-y-9">
+            <ToggleButton
+              label="예약 관련 알림"
+              description="예약 확인, 변경, 취소 알림"
+              enabled={notifications.reservation}
+              onClick={() => toggleNotification("reservation")}
+            />
+            <ToggleButton
+              label="프로모션 알림"
+              description="할인, 이벤트 정보"
+              enabled={notifications.promotion}
+              onClick={() => toggleNotification("promotion")}
+            />
+            <ToggleButton
+              label="리뷰 알림"
+              description="내 리뷰에 대한 반응 알림"
+              enabled={notifications.review}
+              onClick={() => toggleNotification("review")}
+            />
           </div>
-          <div className="flex-1 space-y-6">
-            <div>
-              <h3 className="text-md font-medium text-gray-900">알림 설정</h3>
-              <p className="text-md text-gray-500 mt-2 pb-3">
-                받고 싶은 알림을 선택하세요
-              </p>
-            </div>
 
-            <div className="space-y-9">
-              <ToggleButton
-                label="예약 관련 알림"
-                description="예약 확인, 변경, 취소 알림"
-                enabled={notifications.reservation}
-                onClick={() => toggleNotification("reservation")}
+          <div className="border-t pt-4 space-y-4">
+            <h4 className="font-medium text-gray-900">알림 수신 방법</h4>
+            <div className="grid grid-cols-[1fr_auto] items-center gap-y-5">
+              <span className="text-gray-700">이메일</span>
+              <Switch
+                enabled={notifications.email}
+                onClick={() => toggleNotification("email")}
               />
-              <ToggleButton
-                label="프로모션 알림"
-                description="할인, 이벤트 정보"
-                enabled={notifications.promotion}
-                onClick={() => toggleNotification("promotion")}
-              />
-              <ToggleButton
-                label="리뷰 알림"
-                description="내 리뷰에 대한 반응 알림"
-                enabled={notifications.review}
-                onClick={() => toggleNotification("review")}
+              <span className="text-gray-700">SMS</span>
+              <Switch
+                enabled={notifications.sms}
+                onClick={() => toggleNotification("sms")}
               />
             </div>
-
-            <div className="border-t pt-4 space-y-4">
-              <h4 className="text-md font-medium text-gray-900">
-                알림 수신 방법
-              </h4>
-              <div className="flex items-center justify-between">
-                <span className="text-md text-gray-700">이메일</span>
-                <Switch
-                  enabled={notifications.email}
-                  onClick={() => toggleNotification("email")}
-                />
-              </div>
-              <div className="flex items-center justify-between">
-                <span className="text-md text-gray-700">SMS</span>
-                <Switch
-                  enabled={notifications.sms}
-                  onClick={() => toggleNotification("sms")}
-                />
-              </div>
-            </div>
-
-            <button className="cursor-pointer rounded-lg bg-blue-500 px-4 py-2 text-md font-medium text-white hover:bg-blue-700 transition-colors">
-              저장하기
-            </button>
           </div>
+
+          <button className="cursor-pointer rounded-lg bg-blue-500 px-6 py-3 font-medium text-white hover:bg-blue-700 transition-colors">
+            저장하기
+          </button>
         </div>
+      </div>
 
-        {/* 계정 탈퇴 섹션 */}
-        <div className="flex gap-4 pt-8">
-          <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-red-100 text-red-600">
-            <Trash2 size={20} />
-          </div>
-          <div className="space-y-3">
-            <div>
-              <h3 className="text-md font-medium text-gray-900">계정 탈퇴</h3>
-              <p className="text-md text-gray-500 mt-2">
-                계정을 삭제하면 모든 데이터가 영구적으로 삭제됩니다
-              </p>
-            </div>
-            <button className="cursor-pointer rounded-lg border border-1 border-red-500 px-4 py-2 text-md font-medium text-red-600 hover:bg-red-50 transition-colors">
-              계정 탈퇴하기
-            </button>
+      {/* 계정 탈퇴 섹션 */}
+      <div className="flex gap-4 pt-8">
+        <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-red-100 text-red-600">
+          <Trash2 size={20} />
+        </div>
+        <div className="space-y-3">
+          <div>
+            <h3 className="font-medium text-gray-900">계정 탈퇴</h3>
+            <p className=" text-gray-500 mt-2">
+              계정을 삭제하면 모든 데이터가 영구적으로 삭제됩니다
+            </p>
           </div>
+          <button className="cursor-pointer rounded-lg border border-red-500 px-4 py-2 font-medium text-red-600 hover:bg-red-50 transition-colors">
+            계정 탈퇴하기
+          </button>
         </div>
-      </section>
-    </div>
+      </div>
+    </section>
   );
 }
 
@@ -138,7 +130,7 @@ function ToggleButton({
   return (
     <div className="cursor-pointer flex items-center justify-between">
       <div className="space-y-0.5">
-        <p className="text-md font-medium text-gray-900">{label}</p>
+        <p className="font-medium text-gray-900">{label}</p>
         <p className="text-sm text-gray-500">{description}</p>
       </div>
       <Switch enabled={enabled} onClick={onClick} />
diff --git a/src/pages/myPage/storePage.tsx b/src/pages/myPage/storePage.tsx
index 904e214..75e558b 100644
--- a/src/pages/myPage/storePage.tsx
+++ b/src/pages/myPage/storePage.tsx
@@ -73,14 +73,14 @@ export default function StorePage() {
     <section className="rounded-xl bg-white p-8 shadow-sm border border-gray-100">
       <div className="flex items-center justify-between mb-6">
         <div>
-          <h2 className="text-lg text-gray-900">내 가게 관리</h2>
-          <p className="mt-1 text-sm text-gray-500">
+          <h2 className="text-xl font-medium">내 가게 관리</h2>
+          <p className="mt-0.5 text-sm text-gray-600">
             등록한 식당을 관리하고 대시보드로 이동하세요
           </p>
         </div>
         <Link
           to="/mypage/store/register"
-          className="cursor-pointer flex items-center gap-2 rounded-lg bg-blue-500 px-4 py-2 text-sm font-medium text-white hover:bg-blue-600 transition-colors"
+          className="cursor-pointer flex items-center gap-2 rounded-lg bg-blue-500 px-4 py-3 font-medium text-white hover:bg-blue-700 transition"
         >
           <Plus size={18} /> 새 가게 등록
         </Link>
@@ -119,10 +119,10 @@ export default function StorePage() {
                 </div>
                 <div>
                   <div className="flex items-center gap-2 mb-1">
-                    <h3 className="text-md text-gray-900">{shop.name}</h3>
+                    <h3 className="text-xl font-medium">{shop.name}</h3>
                     <span
                       className={cn(
-                        "px-2 py-0.5 rounded-full text-sm",
+                        "px-3 py-1 rounded-full text-sm font-medium",
                         shop.status === "운영중"
                           ? "bg-green-50 text-green-600"
                           : "bg-yellow-50 text-yellow-600",
@@ -131,15 +131,15 @@ export default function StorePage() {
                       {shop.status}
                     </span>
                   </div>
-                  <p className="text-xs text-gray-400 mb-2">{shop.address}</p>
-                  <span className="text-[11px] px-1.5 py-0.5 bg-gray-50 text-gray-500 rounded border border-gray-100">
+                  <p className="text-sm text-gray-400 mb-2">{shop.address}</p>
+                  <span className="text-xs px-2 py-1 bg-gray-50 text-gray-600 font-medium rounded border border-none">
                     {shop.category}
                   </span>
                 </div>
               </div>
               <ChevronRight
                 size={20}
-                className="text-gray-300 group-hover:text-gray-500 transition-colors"
+                className="text-gray-300 group-hover:text-gray-500 transition"
               />
             </div>
 
@@ -147,18 +147,14 @@ export default function StorePage() {
             {shop.status !== "승인 대기" && (
               <div className="grid grid-cols-3 py-4 border-t border-gray-100 text-center">
                 <div>
-                  <p className="text-[11px] text-gray-400 mb-1 font-medium">
+                  <p className="text-sm text-gray-500 mb-2 font-medium">
                     총 예약
                   </p>
-                  <p className="text-sm text-gray-700">
-                    {shop.totalReservations}
-                  </p>
+                  <p className="text-lg">{shop.totalReservations}</p>
                 </div>
                 <div className="border-x border-gray-100">
-                  <p className="text-[11px] text-gray-400 mb-1 font-medium">
-                    평점
-                  </p>
-                  <p className="text-sm text-gray-700 flex items-center justify-center gap-1">
+                  <p className="text-sm text-gray-500 mb-2 font-medium">평점</p>
+                  <p className="text-lg flex items-center justify-center gap-1">
                     <Star
                       size={14}
                       className="fill-yellow-400 text-yellow-400"
@@ -167,10 +163,8 @@ export default function StorePage() {
                   </p>
                 </div>
                 <div>
-                  <p className="text-[11px] text-gray-400 mb-1 font-medium">
-                    리뷰
-                  </p>
-                  <p className="text-sm text-gray-700">{shop.reviews}</p>
+                  <p className="text-sm text-gray-500 mb-2 font-medium">리뷰</p>
+                  <p className="text-lg">{shop.reviews}</p>
                 </div>
               </div>
             )}
@@ -178,7 +172,7 @@ export default function StorePage() {
             {/* 승인 대기 알림창: 승인 대기일 때만 표시 */}
             {shop.status === "승인 대기" && shop.notice && (
               <div className="mt-4 p-4 bg-yellow-50/50 rounded-xl border border-yellow-100/50">
-                <p className="text-sm text-yellow-700 leading-relaxed font-medium">
+                <p className="text-yellow-700 leading-relaxed font-medium">
                   {shop.notice}
                 </p>
               </div>
@@ -194,16 +188,14 @@ export default function StorePage() {
             <BarChart3 size={24} />
           </div>
           <div>
-            <h4 className="text-sm text-gray-900">
-              더 많은 데이터가 필요하신가요?
-            </h4>
-            <p className="text-xs text-gray-500 mt-1 ">
+            <h4>더 많은 데이터가 필요하신가요?</h4>
+            <p className="text-sm text-gray-500 mt-1 ">
               프리미엄 플랜으로 업그레이드하고 AI 데이터 인사이트, 상세 분석
               리포트를 받아보세요.
             </p>
           </div>
         </div>
-        <button className="cursor-pointer mt-6 w-full sm:w-auto px-10 py-3 rounded-lg bg-blue-500 text-xs font-bold text-white hover:bg-blue-600 shadow-sm transition-all">
+        <button className="cursor-pointer mt-6 w-full sm:w-auto px-8 py-4 rounded-lg bg-blue-500 font-bold text-white hover:bg-blue-600 shadow-sm transition">
           프리미엄 플랜 알아보기
         </button>
       </div>
diff --git a/src/pages/myPage/subscriptionPage.tsx b/src/pages/myPage/subscriptionPage.tsx
index c31b2ee..3b4c39e 100644
--- a/src/pages/myPage/subscriptionPage.tsx
+++ b/src/pages/myPage/subscriptionPage.tsx
@@ -93,8 +93,8 @@ export default function SubscriptionPage() {
   return (
     <section className="rounded-xl bg-white p-8 shadow-sm border border-gray-100">
       <div className="mb-8">
-        <h2 className="text-lg text-gray-900">구독 관리</h2>
-        <p className="mt-1 text-sm text-gray-500">
+        <h2 className="text-xl font-medium">구독 관리</h2>
+        <p className="mt-0.5 text-sm text-gray-600">
           나에게 맞는 플랜을 선택하세요
         </p>
       </div>