diff --git a/package-lock.json b/package-lock.json
index be925ca..2765c46 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "@tanstack/react-query-devtools": "^5.84.1",
         "axios": "^1.11.0",
         "clsx": "^2.1.1",
+        "lodash": "^4.17.21",
         "lottie-react": "^2.4.1",
         "react": "^19.1.0",
         "react-dom": "^19.1.0",
@@ -27,6 +28,7 @@
         "@eslint/js": "^9.29.0",
         "@svgr/cli": "^8.1.0",
         "@tailwindcss/vite": "^4.1.11",
+        "@types/lodash": "^4.17.20",
         "@types/node": "^24.0.7",
         "@types/react": "^19.1.8",
         "@types/react-dom": "^19.1.6",
@@ -2321,6 +2323,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/lodash": {
+      "version": "4.17.20",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.20.tgz",
+      "integrity": "sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/node": {
       "version": "24.1.0",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-24.1.0.tgz",
@@ -4557,6 +4566,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
diff --git a/package.json b/package.json
index d79e787..dad3976 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "@tanstack/react-query-devtools": "^5.84.1",
     "axios": "^1.11.0",
     "clsx": "^2.1.1",
+    "lodash": "^4.17.21",
     "lottie-react": "^2.4.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
@@ -29,6 +30,7 @@
     "@eslint/js": "^9.29.0",
     "@svgr/cli": "^8.1.0",
     "@tailwindcss/vite": "^4.1.11",
+    "@types/lodash": "^4.17.20",
     "@types/node": "^24.0.7",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
diff --git a/src/api/image/image.api.ts b/src/api/image/image.api.ts
index 7e21695..0dd8894 100644
--- a/src/api/image/image.api.ts
+++ b/src/api/image/image.api.ts
@@ -36,4 +36,4 @@ const uploadToS3 = async (url: string, file: File): Promise<void> => {
   });
 };
 
-export { getPresignedUrls, uploadToS3 };
+export { getPresignedUrls, uploadToS3 };
\ No newline at end of file
diff --git a/src/api/profile/profile.api.ts b/src/api/profile/profile.api.ts
index 43e8848..f4b9817 100644
--- a/src/api/profile/profile.api.ts
+++ b/src/api/profile/profile.api.ts
@@ -11,4 +11,4 @@ export const getUserProfile = async (): Promise<UserProfile> => {
     console.error('프로필 로딩 에러:', apiError);
     throw apiError;
   }
-};
+};
\ No newline at end of file
diff --git a/src/api/review/review.ts b/src/api/review/review.ts
deleted file mode 100644
index 5674837..0000000
--- a/src/api/review/review.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import api from '../api';
-import type { ApiResponse } from '@/types/api-response';
-
-export interface ReviewCreateRequest {
-  seatIds: string[];
-  title: string;
-  movieTitle: string;
-  rating: number;
-  content: string;
-  hashtags: number[];
-  imageUrl: string[];
-}
-
-export const postReview = async (data: ReviewCreateRequest) => {
-  const res = await api.post<ApiResponse<{ reviewId: number }>>('/reviews', data);
-  return res.data.data;
-};
diff --git a/src/api/user/userEdit.api.ts b/src/api/user/userEdit.api.ts
new file mode 100644
index 0000000..99b10bc
--- /dev/null
+++ b/src/api/user/userEdit.api.ts
@@ -0,0 +1,10 @@
+import api from '@/api/api';
+import type { ApiResponse } from '@/types/api-response';
+import type { UpdateUserProfileRequest, UserProfileResponse } from '@/types/userEdit';
+
+export const updateUserProfile = async (
+  data: UpdateUserProfileRequest
+): Promise<UserProfileResponse> => {
+  const response = await api.patch<ApiResponse<UserProfileResponse>>('/profile', data);
+  return response.data.data;
+};
\ No newline at end of file
diff --git a/src/assets/index.tsx b/src/assets/index.tsx
index 63cd2b2..760f6a1 100644
--- a/src/assets/index.tsx
+++ b/src/assets/index.tsx
@@ -88,9 +88,9 @@ export {
   SoundIcon,
   EnvironmentIcon,
   CompanionIcon,
-  TicketAlt,
   SmileIcon,
   GalleryProfileIcon,
+  TicketAlt,
   DolbyImage,
   ImaxImage,
   HomeBanner,
diff --git a/src/components/common/ImagePreview/ImagePreviewItem.tsx b/src/components/common/ImagePreview/ImagePreviewItem.tsx
index 6798ef7..e02a3a3 100644
--- a/src/components/common/ImagePreview/ImagePreviewItem.tsx
+++ b/src/components/common/ImagePreview/ImagePreviewItem.tsx
@@ -47,4 +47,4 @@ export default function ImagePreviewItem({
       )}
     </div>
   );
-}
+}
\ No newline at end of file
diff --git a/src/components/index.tsx b/src/components/index.tsx
index 01b55ec..773817c 100644
--- a/src/components/index.tsx
+++ b/src/components/index.tsx
@@ -70,4 +70,3 @@ export {
   TheaterList,
   Loading,
 };
-
diff --git a/src/constants/theater.ts b/src/constants/theater.ts
new file mode 100644
index 0000000..e63ed29
--- /dev/null
+++ b/src/constants/theater.ts
@@ -0,0 +1,15 @@
+export const THEATER_ID_MAP: Record<string, string> = {
+  'CGV 용산': '13018',
+  '메가박스 성수': '13019',
+  'CGV 강남': '13020',
+  '롯데시네마 홍대': '13021',
+  '메가박스 코엑스': '13022',
+};
+
+export const THEATER_NAME_MAP: Record<string, string> = {
+  '13018': 'CGV 용산',
+  '13019': '메가박스 성수',
+  '13020': 'CGV 강남',
+  '13021': '롯데시네마 홍대',
+  '13022': '메가박스 코엑스',
+};
\ No newline at end of file
diff --git a/src/hooks/mutations/usePresignedUrlMutation.ts b/src/hooks/mutations/usePresignedUrlMutation.ts
index d7a2ead..eb18448 100644
--- a/src/hooks/mutations/usePresignedUrlMutation.ts
+++ b/src/hooks/mutations/usePresignedUrlMutation.ts
@@ -7,4 +7,4 @@ export const usePresignedUrlMutation = () => {
   return useMutation<PresignedUrlInfo[], ApiError, { fileNames: string[] }>({
     mutationFn: ({ fileNames }) => getPresignedUrls(fileNames),
   });
-};
+};
\ No newline at end of file
diff --git a/src/hooks/mutations/useUploadToS3Mutation.ts b/src/hooks/mutations/useUploadToS3Mutation.ts
index 99d1913..f19b53c 100644
--- a/src/hooks/mutations/useUploadToS3Mutation.ts
+++ b/src/hooks/mutations/useUploadToS3Mutation.ts
@@ -11,4 +11,4 @@ export const useUploadToS3Mutation = () => {
   return useMutation<void, ApiError, UploadParams>({
     mutationFn: ({ url, file }) => uploadToS3(url, file),
   });
-};
+};
\ No newline at end of file
diff --git a/src/hooks/useImageUpload.ts b/src/hooks/useImageUpload.ts
index c07400f..cd35cab 100644
--- a/src/hooks/useImageUpload.ts
+++ b/src/hooks/useImageUpload.ts
@@ -51,4 +51,4 @@ export function useImgUpload(maxCount: number = 5) {
     isMax,
     selectedFiles: images,
   };
-}
+}
\ No newline at end of file
diff --git a/src/hooks/useS3UploadFlow.ts b/src/hooks/useS3UploadFlow.ts
index d130906..4b33d66 100644
--- a/src/hooks/useS3UploadFlow.ts
+++ b/src/hooks/useS3UploadFlow.ts
@@ -68,4 +68,4 @@ export const useS3UploadFlow = async (
 //   };
 
 //   return { uploadImagesToS3 };
-// };
+// };
\ No newline at end of file
diff --git a/src/pages/my/CinemaChoice.tsx b/src/pages/my/CinemaChoice.tsx
index cbb5f40..84fdfb5 100644
--- a/src/pages/my/CinemaChoice.tsx
+++ b/src/pages/my/CinemaChoice.tsx
@@ -1,7 +1,8 @@
 import { useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, useLocation } from 'react-router-dom';
 import { Button, Header, ToggleTab } from '@/components';
 import type { CinemaFormat, CinemaType } from '@/types/onboarding';
+import { THEATER_ID_MAP } from '@/constants/theater';
 
 const IMAX_THEATERS: CinemaType[] = ['CGV 용산', '메가박스 성수'];
 const DOLBY_CINEMA_THEATERS: CinemaType[] = ['CGV 강남', '롯데시네마 홍대', '메가박스 코엑스'];
@@ -15,6 +16,8 @@ const MAX_SELECTABLE_THEATERS = 2;
 
 export default function CinemaChoice() {
   const navigate = useNavigate();
+  const location = useLocation();
+
   const [selectedTheaters, setSelectedTheaters] = useState<CinemaType[]>([]);
   const [activeFormat, setActiveFormat] = useState<CinemaFormat>('Dolby');
 
@@ -32,13 +35,18 @@ export default function CinemaChoice() {
   };
 
   const handleConfirmSelection = () => {
-    console.log('선택된 영화관:', selectedTheaters);
-    navigate(-1);
+    const auditoriumIds = selectedTheaters.map((name) => THEATER_ID_MAP[name]);
+    navigate('/my/profile-edit', {
+      state: {
+        auditoriums: auditoriumIds,
+        nickname: location.state?.nickname,
+        genres: location.state?.genres,
+      },
+    });
   };
 
   const handleFormatSelect = (format: string) => {
-    setActiveFormat(format as CinemaFormat);
-    setSelectedTheaters([]);
+    setActiveFormat(format as CinemaFormat); // ✅ 선택만 바꾸고, 선택 목록 유지
   };
 
   const currentTheaters = THEATERS_BY_FORMAT[activeFormat];
@@ -64,10 +72,9 @@ export default function CinemaChoice() {
             { label: 'Dolby Cinema', value: 'Dolby' },
           ]}
           selected={activeFormat}
-          onSelect={(selectedValue) => handleFormatSelect(selectedValue)}
+          onSelect={handleFormatSelect}
         />
 
-        {/* 영화관 목록 */}
         <div className="mt-4 flex flex-col gap-y-3">
           {currentTheaters.map((theater) => (
             <Button
diff --git a/src/pages/my/ProfileEdit.tsx b/src/pages/my/ProfileEdit.tsx
index db57af2..e9ed16a 100644
--- a/src/pages/my/ProfileEdit.tsx
+++ b/src/pages/my/ProfileEdit.tsx
@@ -1,28 +1,116 @@
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, useLocation } from 'react-router-dom';
+import { useEffect, useRef, useState } from 'react';
 import { Button, Header } from '@/components';
 import { MyProfileEditIcon, PencilIcon } from '@/assets';
+import { updateUserProfile } from '@/api/user/userEdit.api';
+import { useToastStore } from '@/store';
+import { useUserProfileQuery } from '@/hooks/queries/useUserProfileQuery';
+import { THEATER_NAME_MAP } from '@/constants/theater';
+import ImagePreviewItem from '@/components/common/ImagePreview/ImagePreviewItem';
+import { useImgUpload } from '@/hooks/useImageUpload';
+import { useS3UploadFlow as uploadS3Flow } from '@/hooks/useS3UploadFlow';
 
 export default function ProfileEdit() {
   const navigate = useNavigate();
+  const location = useLocation();
+  const { show: showToast } = useToastStore();
+  const { data: user, isLoading } = useUserProfileQuery();
+
+  const [nickname, setNickname] = useState('');
+  const [genres, setGenres] = useState<string[]>([]);
+  const [auditoriums, setAuditoriums] = useState<string[]>([]); // ✅ ID 배열로 고정
+  const [imageUrl, setImageUrl] = useState<string | null>(null); // ✅ 최종 업로드된 이미지 URL 저장
+
+  const fileInputRef = useRef<HTMLInputElement | null>(null);
+  const { previewUrls, selectedFiles, addImages, resetImages } = useImgUpload(1);
+
+  useEffect(() => {
+    if (!user) return;
+
+    const state = location.state;
+
+    setNickname(state?.nickname ?? user.nickname);
+    setImageUrl(user.imageUrl ?? null);
+
+    setGenres(
+      Array.isArray(state?.genres) && state.genres.length > 0 ? state.genres : user.genres
+    );
+
+    // ✅ 객체 배열이면 ID만 추출
+    const auditoriumListFromUser = Array.isArray(user.auditoriums)
+      ? user.auditoriums.map((a: any) => (typeof a === 'string' ? a : a.id))
+      : [];
+
+    setAuditoriums(
+      Array.isArray(state?.auditoriums) && state.auditoriums.length > 0
+        ? state.auditoriums
+        : auditoriumListFromUser
+    );
+  }, [user, location.state]);
 
   const handleNavigateToGenreSelect = () => {
-    navigate('/my/select-genre');
+    navigate('/my/select-genre', { state: { nickname, auditoriums } });
   };
+
   const handleNavigateToCinemaChoice = () => {
-    navigate('/my/cinema-choice');
+    navigate('/my/cinema-choice', { state: { nickname, genres } });
+  };
+
+  const handleSave = async () => {
+    try {
+      let uploadedImageUrl = imageUrl;
+      if (selectedFiles.length > 0) {
+          const results = await uploadS3Flow(selectedFiles);
+          uploadedImageUrl = results[0].url.split('?')[0];
+        }
+
+      await updateUserProfile({
+        nickname,
+        genres,
+        auditoriums,
+        imageUrl: uploadedImageUrl ?? null,
+      });
+      showToast('프로필이 저장되었습니다.');
+      navigate('/my');
+    } catch (error) {
+      showToast('저장에 실패했습니다.');
+      console.error(error);
+    }
+  };
+
+  const handleProfileImageClick = () => {
+    fileInputRef.current?.click();
   };
 
   return (
     <div className="font-suit flex h-screen flex-col text-white">
-      {/* Header */}
       <Header leftSection="BACK" rightSection="KEBAB" className="bg-gray-900" />
-      {/* Main Content */}
-      <main className="flex-grow overflow-y-auto px-4 pt-[68px]">
-        {/* 프로필 정보 섹션 */}
+      <main className="flex-grow overflow-y-auto px-4 pt-[49px]">
         <section className="mt-4 flex flex-col items-center rounded-xl bg-gray-800/30 px-4 py-6">
-          <button className="mb-6" aria-label="프로필 사진 변경">
-            <MyProfileEditIcon className="h-20 w-20" />
-          </button>
+          <input
+            ref={fileInputRef}
+            type="file"
+            accept="image/*"
+            className="hidden"
+            onChange={(e) => {
+              resetImages();
+              addImages(e.target.files);
+            }}
+          />
+
+          <div onClick={handleProfileImageClick} className="mb-6 cursor-pointer" aria-label="프로필 사진 변경">
+            {previewUrls.length > 0 ? (
+              <ImagePreviewItem
+                previewUrl={previewUrls[0]}
+                index={0}
+                size={80}
+                rounded="full"
+              />
+            ) : (
+              <MyProfileEditIcon className="h-20 w-20" />
+            )}
+          </div>
+
           <div className="w-full">
             <label htmlFor="nickname" className="text-caption-2 text-gray-300">
               닉네임
@@ -30,43 +118,35 @@ export default function ProfileEdit() {
             <input
               id="nickname"
               type="text"
-              defaultValue="김씨잇"
+              value={nickname}
+              onChange={(e) => setNickname(e.target.value)}
               className="mt-2 h-[46px] w-full rounded-md border border-gray-800 bg-gray-900 px-4 py-3 text-white placeholder-gray-500 focus:outline-none"
             />
           </div>
         </section>
 
-        <div className="mx-auto mt-10 flex h-[168px] w-[330px] flex-col justify-around">
-          <button
-            onClick={handleNavigateToGenreSelect}
-            className="flex w-full items-start justify-between text-left"
-          >
+        <div className="mx-auto mt-2 flex h-[168px] w-[330px] flex-col justify-around gap-y-2">
+          <button onClick={handleNavigateToGenreSelect} className="flex w-full justify-between text-left">
             <div>
               <h2 className="text-title-3 text-white">선호 장르</h2>
-              <p className="text-caption-2 mt-2 text-red-300">호러, SF, 로맨스</p>
+              <p className="text-caption-2 mt-2 text-red-300">{genres.join(', ')}</p>
             </div>
-            <PencilIcon className="h-6 w-6 flex-shrink-0" />
+            <PencilIcon className="h-6 w-6" />
           </button>
 
-          {/* 즐겨찾는 영화관 섹션 */}
-          <button
-            onClick={handleNavigateToCinemaChoice}
-            className="flex w-full items-start justify-between text-left"
-          >
+          <button onClick={handleNavigateToCinemaChoice} className="flex w-full justify-between text-left">
             <div>
               <h2 className="text-title-3 text-white">즐겨찾는 영화관</h2>
-              <div className="text-caption-2 mt-2 space-y-2 text-red-300">
-                <p>남양주현대아울렛 스페이스원</p>
-                <p>용산아이파크몰 (용아맥)</p>
-              </div>
+              <p className="text-caption-2 mt-2 text-red-300">
+                {auditoriums.map((id) => THEATER_NAME_MAP[id] || id).join(', ')}
+              </p>
             </div>
-            <PencilIcon className="h-6 w-6 flex-shrink-0" />
+            <PencilIcon className="h-6 w-6" />
           </button>
         </div>
       </main>
 
-      {/* Footer */}
-      <footer className="flex-shrink-0 bg-gray-900 px-4 py-3">
+      <footer className="bg-gray-900 px-4 py-3">
         <Button
           variant="primary"
           color="red"
@@ -74,6 +154,8 @@ export default function ProfileEdit() {
           rounded="lg"
           className="w-full"
           fontType="title-3"
+          onClick={handleSave}
+          disabled={isLoading}
         >
           저장하기
         </Button>
diff --git a/src/pages/my/SelectGenre.tsx b/src/pages/my/SelectGenre.tsx
index 73325c7..f2e08fb 100644
--- a/src/pages/my/SelectGenre.tsx
+++ b/src/pages/my/SelectGenre.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, useLocation } from 'react-router-dom';
 import { Header, Button } from '@/components';
 import type { GenreType } from '@/types/movieGenre';
 
@@ -8,7 +8,8 @@ const MAX_SELECTABLE_GENRES = 3;
 
 export default function SelectGenre() {
   const navigate = useNavigate();
-  const [selectedGenres, setSelectedGenres] = useState<GenreType[]>(['SF', '호러', '로맨스']);
+  const location = useLocation();
+  const [selectedGenres, setSelectedGenres] = useState<GenreType[]>([]);
 
   const handleGenreClick = (genre: GenreType) => {
     setSelectedGenres((prevSelected) => {
@@ -24,17 +25,21 @@ export default function SelectGenre() {
   };
 
   const handleConfirmSelection = () => {
-    console.log('선택된 장르:', selectedGenres);
-    navigate(-1);
+    navigate('/my/profile-edit', {
+      state: {
+        genres: selectedGenres,
+        nickname: location.state?.nickname,
+        auditoriums: location.state?.auditoriums,
+      },
+    });
   };
 
   return (
-    <div className="flex h-screen flex-col p-4">
+    <div className="flex h-screen flex-col p-4 pt-[48px]">
       <Header leftSection="BACK" rightSection="KEBAB" className="bg-gray-900" />
 
       <main className="flex-grow pt-4">
         <h2 className="text-title-2 mb-2 text-white">좋아하는 장르를 선택해주세요</h2>
-
         <p className="text-caption-2 mb-6 text-red-300">
           최대 {MAX_SELECTABLE_GENRES}개까지 선택할 수 있어요.
         </p>
diff --git a/src/pages/onboarding/OnboardingNicknamePage.tsx b/src/pages/onboarding/OnboardingNicknamePage.tsx
index 4ebc802..4ba3d8e 100644
--- a/src/pages/onboarding/OnboardingNicknamePage.tsx
+++ b/src/pages/onboarding/OnboardingNicknamePage.tsx
@@ -121,4 +121,4 @@ const OnboardingNicknamePage = () => {
   );
 };
 
-export default OnboardingNicknamePage;
+export default OnboardingNicknamePage;
\ No newline at end of file
diff --git a/src/pages/onboarding/OnboardingTheaterPage.tsx b/src/pages/onboarding/OnboardingTheaterPage.tsx
index e5c7ca8..2629b58 100644
--- a/src/pages/onboarding/OnboardingTheaterPage.tsx
+++ b/src/pages/onboarding/OnboardingTheaterPage.tsx
@@ -1,9 +1,10 @@
 import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useOnboardingStore } from '@/store/useOnboardingStore';
-import { Button, ToggleTab, Header, ProgressBar, TheaterList } from '@/components';
+import { Button, ToggleTab, Header, ProgressBar } from '@/components';
 import type { CinemaFormat } from '@/types/onboarding';
 import { useTheatersQuery } from '@/hooks/queries/useTheatersQuery';
+import TheaterList from '@/components/common/Theater/TheaterList';
 import { useRegisterMutation } from '@/hooks/mutations/useRegisterMutation';
 
 const OnboardingTheaterPage = () => {
diff --git a/src/pages/review/CinemaSelect.tsx b/src/pages/review/CinemaSelect.tsx
index 1fb0763..dc779ad 100644
--- a/src/pages/review/CinemaSelect.tsx
+++ b/src/pages/review/CinemaSelect.tsx
@@ -1,18 +1,18 @@
 import { useNavigate } from 'react-router-dom';
-import { ToggleTab, ReviewStepLayout, TheaterList } from '@/components';
+import { ToggleTab, Button, ReviewStepLayout } from '@/components';
 import { useState, useEffect } from 'react';
 import { useReviewStore } from '@/store';
-import { useTheatersQuery } from '@/hooks/queries/useTheatersQuery';
-import type { CinemaFormat } from '@/types/onboarding';
+import { groupCinemasByTheater } from '@/utils/groupCinemasByTheater';
 
 export default function CinemaSelect() {
   const { isInitialized } = useReviewStore();
   const navigate = useNavigate();
 
-  const [selectedTab, setSelectedTab] = useState<CinemaFormat>('IMAX');
-  const [selectedAuditorium, setSelectedAuditorium] = useState<string | null>(null);
+  const [selectedTab, setSelectedTab] = useState<'IMAX' | 'Dolby Cinema'>('IMAX');
+  const [selectedCinema, setSelectedCinema] = useState<string | null>(null);
+  const [selectedHall, setSelectedHall] = useState<string | null>(null);
 
-  const { data: theaters } = useTheatersQuery({ type: selectedTab, page: 1, size: 10 });
+  const cinemas = groupCinemasByTheater(selectedTab);
 
   useEffect(() => {
     if (!isInitialized) {
@@ -20,47 +20,85 @@ export default function CinemaSelect() {
     }
   }, [isInitialized, navigate]);
 
-  const handleTabChange = (tab: string) => {
-    setSelectedTab(tab as CinemaFormat);
-    setSelectedAuditorium(null);
-  };
-
   const handleNext = () => {
-    const selected = theaters?.find((d) => d.auditoriumId === selectedAuditorium);
-    if (!selected) return;
-
-    navigate('/review/info', {
-      state: {
-        cinema: {
-          name: selected.theaterName,
-          hall: selected.auditoriumName,
-        },
-      },
-    });
+    navigate('/review/info', { state: { cinema: { name: selectedCinema, hall: selectedHall } } });
   };
 
   return (
-    <ReviewStepLayout onClickNext={handleNext} disabled={!selectedAuditorium} nextLabel="선택 완료">
+    <ReviewStepLayout
+      onClickNext={handleNext}
+      disabled={!selectedCinema || (cinemas[selectedCinema]?.length > 1 && !selectedHall)}
+      nextLabel="선택 완료"
+    >
       {/* 탭 */}
       <div className="mb-4 flex justify-center pt-5">
         <div className="w-full">
           <ToggleTab
             options={[
               { label: 'IMAX', value: 'IMAX' },
-              { label: 'Dolby Cinema', value: 'Dolby' },
+              { label: 'Dolby Cinema', value: 'Dolby Cinema' },
             ]}
             selected={selectedTab}
-            onSelect={handleTabChange}
+            onSelect={(option) => {
+              setSelectedTab(option as 'IMAX' | 'Dolby Cinema');
+              setSelectedCinema(null);
+              setSelectedHall(null);
+            }}
           />
         </div>
       </div>
 
       {/* 영화관 목록 */}
-      <TheaterList
-        data={theaters ?? []}
-        selected={selectedAuditorium ? [selectedAuditorium] : []}
-        onSelect={(id) => setSelectedAuditorium(id)}
-      />
+      <div className="scrollbar-hidden max-h-[calc(100vh-236px)] overflow-y-auto pt-5">
+        <div className="flex flex-col items-center gap-3 pb-[160px]">
+          {Object.entries(cinemas).map(([theaterName, halls]) => {
+            const isThisSelected = selectedCinema === theaterName;
+            const isMulti = Array.isArray(halls) && halls.length > 1;
+
+            return (
+              <div key={theaterName} className="w-full">
+                <Button
+                  onClick={() => {
+                    setSelectedCinema(theaterName);
+                    if (halls.length === 1) {
+                      setSelectedHall(halls[0].auditoriumName);
+                    } else {
+                      setSelectedHall(null); // 상영관 수동 선택 요구
+                    }
+                  }}
+                  variant="secondary-assistive"
+                  color="gray"
+                  size="lg"
+                  fontType="title-3"
+                  className="w-full justify-start rounded-lg text-left"
+                  selected={isThisSelected}
+                >
+                  {theaterName}
+                </Button>
+
+                {/* 상영관 선택 (2관 이상인 경우만 표시) */}
+                {isThisSelected && isMulti && (
+                  <div className="mx-auto mt-2 ml-10 grid grid-cols-2 gap-2 px-1">
+                    {halls.map((hall) => (
+                      <Button
+                        key={hall.auditoriumId}
+                        onClick={() => setSelectedHall(hall.auditoriumName)}
+                        variant="secondary-assistive"
+                        color="gray"
+                        size="sm"
+                        selected={selectedHall === hall.auditoriumName}
+                        className="w-full"
+                      >
+                        {hall.auditoriumName}
+                      </Button>
+                    ))}
+                  </div>
+                )}
+              </div>
+            );
+          })}
+        </div>
+      </div>
     </ReviewStepLayout>
   );
 }
diff --git a/src/pages/review/ReviewContent.tsx b/src/pages/review/ReviewContent.tsx
index b238237..e240529 100644
--- a/src/pages/review/ReviewContent.tsx
+++ b/src/pages/review/ReviewContent.tsx
@@ -10,61 +10,21 @@ import { PlusIcon } from '@/assets';
 import { useReviewStore, useModalStore } from '@/store';
 import { useNavigate } from 'react-router-dom';
 import { useImgUpload } from '@/hooks';
-import { postReview } from '@/api/review/review';
-import type { ApiError } from '@/types/api-response';
 
 const MAX_IMAGES = 5;
 const MIN_TEXT_LENGTH = 30;
 
 export default function ReviewTextForm() {
-  const {
-    text,
-    setText,
-    reviewTitle,
-    setReviewTitle,
-    isInitialized,
-    movieTitle,
-    seats,
-    rating,
-    tags,
-    reset,
-  } = useReviewStore();
+  const { text, setText, reviewTitle, setReviewTitle, isInitialized } = useReviewStore();
   const { images, addImages, removeImage, previewUrls } = useImgUpload(5);
   const navigate = useNavigate();
 
   const isValid = reviewTitle.trim().length > 0 && text.trim().length >= MIN_TEXT_LENGTH;
   const { openModal, modalType, closeModal } = useModalStore();
-
   const handleSubmit = () => {
     if (!text.trim()) return;
     openModal('confirm');
   };
-
-  const handleConfirmSubmit = async () => {
-    try {
-      const hashtagIds: number[] = Object.values(tags)
-        .flat()
-        .map((tag) => parseInt(tag.replace('#', '')))
-        .filter((id) => !isNaN(id));
-
-      const { reviewId } = await postReview({
-        seatIds: seats,
-        title: reviewTitle,
-        movieTitle,
-        rating,
-        content: text,
-        hashtags: hashtagIds,
-        imageUrl: [], //이미지 API 연결 후...
-      });
-      closeModal();
-      reset();
-      navigate(`review/${reviewId}`);
-    } catch (error) {
-      const apiError = error as ApiError;
-      console.error('리뷰 등록 실패:', apiError.message, apiError.error);
-    }
-  };
-
   useEffect(() => {
     if (!isInitialized) {
       navigate('/review');
@@ -143,10 +103,11 @@ export default function ReviewTextForm() {
           cancelText="취소"
           confirmText="등록하기"
           onConfirm={() => {
-            handleConfirmSubmit();
+            console.log('후기 등록 로직');
+            closeModal();
           }}
         />
       )}
     </>
   );
-}
+}
\ No newline at end of file
diff --git a/src/store/useOnboardingStore.ts b/src/store/useOnboardingStore.ts
index 927d3e3..f3da7e1 100644
--- a/src/store/useOnboardingStore.ts
+++ b/src/store/useOnboardingStore.ts
@@ -61,4 +61,4 @@ export const useOnboardingStore = create<OnboardingState>((set, get) => ({
   setCinemaFormat: (format) => set({ cinemaFormat: format }),
 
   setSelectedCinemas: (cinemas) => set({ selectedCinemas: cinemas }),
-}));
+}));
\ No newline at end of file
diff --git a/src/types/image.ts b/src/types/image.ts
index 20382cb..6ffa424 100644
--- a/src/types/image.ts
+++ b/src/types/image.ts
@@ -6,4 +6,4 @@ export interface ReviewImage {
 export interface PresignedUrlInfo {
   fileName: string;
   preSignedUrl: string;
-}
+}
\ No newline at end of file
diff --git a/src/types/user.ts b/src/types/user.ts
index 7bd5e65..601309e 100644
--- a/src/types/user.ts
+++ b/src/types/user.ts
@@ -41,8 +41,9 @@ export interface UserProfileUpdateRequest {
   genres?: string[];
   auditoriumIds?: string[];
 }
+
 export interface User {
   userId: number;
   nickname: string;
-  profileImageUrl: string;
-}
\ No newline at end of file
+  profileImageUrl: string | null;
+}
diff --git a/src/types/userEdit.ts b/src/types/userEdit.ts
new file mode 100644
index 0000000..cf7c208
--- /dev/null
+++ b/src/types/userEdit.ts
@@ -0,0 +1,13 @@
+export interface UpdateUserProfileRequest {
+  nickname: string;
+  imageUrl?: string | null;
+  genres?: string[];
+  auditoriums?: string[];
+}
+
+export interface UserProfileResponse {
+  nickname: string;
+  imageUrl: string | null;
+  genres: string[];
+  auditoriums: string[];
+}
\ No newline at end of file