diff --git a/package-lock.json b/package-lock.json
index 27c09be6..d2c4193e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30,6 +30,7 @@
         "react-mobile-datepicker": "^4.0.2",
         "react-router-dom": "^6.21.1",
         "recoil": "^0.7.7",
+        "recoil-persist": "^5.1.0",
         "swiper": "^11.0.5"
       },
       "devDependencies": {
@@ -10374,6 +10375,14 @@
         }
       }
     },
+    "node_modules/recoil-persist": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/recoil-persist/-/recoil-persist-5.1.0.tgz",
+      "integrity": "sha512-sew4k3uBVJjRWKCSFuBw07Y1p1pBOb0UxLJPxn4G2bX/9xNj+r2xlqYy/BRfyofR/ANfqBU04MIvulppU4ZC0w==",
+      "peerDependencies": {
+        "recoil": "^0.7.2"
+      }
+    },
     "node_modules/redent": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
diff --git a/package.json b/package.json
index f6b7c0f3..f6474bc7 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
     "react-mobile-datepicker": "^4.0.2",
     "react-router-dom": "^6.21.1",
     "recoil": "^0.7.7",
+    "recoil-persist": "^5.1.0",
     "swiper": "^11.0.5"
   },
   "devDependencies": {
diff --git a/src/api/vote.ts b/src/api/vote.ts
index 71091d28..6583339a 100644
--- a/src/api/vote.ts
+++ b/src/api/vote.ts
@@ -19,7 +19,7 @@ export const getVoteInfo = async (voteId: number): Promise<VoteInfo> => {
 
 //보트 리스트
 export const getVoteListInfo = async (spaceId: number): Promise<VoteListInfo[]> => {
-  const response = await axios.get(`/api/votes/${spaceId}`);
+  const response = await axios.get(`/api/votes`, {params: {spaceId, voteStatusOption: 'ALL'}});
   return response.data;
 };
 
@@ -28,7 +28,7 @@ export const getVoteListInfo = async (spaceId: number): Promise<VoteListInfo[]>
 /* ----------------------------------- P O S T ---------------------------------- */
 
 //vote 추가
-export const PostNewVote = async ({spaceId, title}: PostVoteTitleProps) => {
+export const postNewVote = async ({spaceId, title}: PostVoteTitleProps) => {
   try {
     const response = await axios.post('/api/votes', {spaceId, title});
     console.log('axios 포스트 성공', response);
diff --git a/src/components/BottomSlide/BottomSlide.tsx b/src/components/BottomSlide/BottomSlide.tsx
index 5abad792..02566aac 100644
--- a/src/components/BottomSlide/BottomSlide.tsx
+++ b/src/components/BottomSlide/BottomSlide.tsx
@@ -1,33 +1,33 @@
-import { Slide } from "@chakra-ui/react";
-import { useRef } from "react";
+import {Slide} from '@chakra-ui/react';
+import {useRef} from 'react';
 
-import styles from "./BottomSlide.module.scss";
+import styles from './BottomSlide.module.scss';
 
-import useOnClickOutside from "@/hooks/useOnClickOutside";
+import useOnClickOutside from '@/hooks/useOnClickOutside';
 
-import CloseIcon from "@/assets/close.svg?react";
+import CloseIcon from '@/assets/close.svg?react';
 
-import { BottomSlideProps } from "../../types/bottomSlide";
+import {BottomSlideProps} from '../../types/bottomSlide';
 
-function BottomSlide({ isOpen, onClose, children }: BottomSlideProps) {
+function BottomSlide({isOpen, onClose, children}: BottomSlideProps) {
   const containerStyle = {
-    display: isOpen ? "block" : "none",
+    display: isOpen ? 'block' : 'none',
+  };
+
+  const closeModal = () => {
+    onClose();
+    document.body.style.overflow = 'visible';
   };
 
   const slideRef = useRef(null);
-  useOnClickOutside(slideRef, onClose);
+  useOnClickOutside(slideRef, closeModal);
 
   return (
     <div className={styles.slideContainer} style={containerStyle}>
-      <Slide
-        ref={slideRef}
-        className={styles.slide}
-        direction="bottom"
-        in={isOpen}
-      >
+      <Slide ref={slideRef} className={styles.slide} direction='bottom' in={isOpen}>
         <div className={styles.slide__content}>
           <div className={styles.closeButtonContainer}>
-            <button onClick={onClose}>
+            <button onClick={closeModal}>
               <CloseIcon />
             </button>
           </div>
diff --git a/src/components/ButtonsInAddingCandidate/SelectButton/SelectButton.tsx b/src/components/ButtonsInAddingCandidate/SelectButton/SelectButton.tsx
index fd7d18a0..061421b6 100644
--- a/src/components/ButtonsInAddingCandidate/SelectButton/SelectButton.tsx
+++ b/src/components/ButtonsInAddingCandidate/SelectButton/SelectButton.tsx
@@ -1,20 +1,34 @@
 import {useState} from 'react';
+import {useRecoilValue} from 'recoil';
 
 import styles from './SelectButton.module.scss';
 
-import useGetSelectedCandidates from '@/hooks/useGetSelectedCandidates';
+import useGetSelectedArray from '@/hooks/useGetSelectedArray';
+
+import {selectedPlaceState} from '@/recoil/vote/selectPlace';
+
+// //"선택된 장소 객체"
+const placeInfo = {
+  placeId: 23,
+  placeName: '안녕호텔',
+  category: '호텔',
+  location: '서울',
+  placeImageURL: 'https://img-cf.kurly.com/shop/data/goodsview/20210218/gv30000159355_1.jpg',
+  latlng: {lat: 33.450936, lng: 126.569477},
+};
+
 const SelectButton = () => {
   const [isClicked, setIsClicked] = useState(false);
-  const {addCandidateInSelectedList} = useGetSelectedCandidates();
+  const selectedPlaces = useRecoilValue(selectedPlaceState);
 
-  //"선택된 장소의 ID"
-  const placeId = 22;
+  const {toggleItemInNewArray} = useGetSelectedArray(selectedPlaceState);
 
   const handleClick = () => {
     setIsClicked((prev) => !prev);
-    addCandidateInSelectedList(placeId);
+    toggleItemInNewArray(placeInfo);
   };
 
+  console.log('선택한 배열', selectedPlaces);
   return (
     <button className={`${styles.container} ${isClicked ? styles.clicked : ''}`} onClick={handleClick}>
       {isClicked ? '선택됨' : '선택'}
diff --git a/src/components/CandidatesMap/CandidatesMapBody/CandidatesMapBody.tsx b/src/components/CandidatesMap/CandidatesMapBody/CandidatesMapBody.tsx
index 2b346915..19efc636 100644
--- a/src/components/CandidatesMap/CandidatesMapBody/CandidatesMapBody.tsx
+++ b/src/components/CandidatesMap/CandidatesMapBody/CandidatesMapBody.tsx
@@ -11,12 +11,12 @@ import MapPinNumber from '../MapPins/MapPinNumber';
 import {CandidatesInfo, Latlng} from '@/types/vote';
 
 const CandidatesMapBody = ({candidates}: {candidates: CandidatesInfo[]}) => {
-  const [centerMarker, setCenterMarker] = useState(candidates[0].latlng);
+  const [centerMarker, setCenterMarker] = useState(candidates[0].placeInfo.latlng);
   const [selectedPinIndex, setSelectedPinIndex] = useState(0);
   const swiperRef = useRef<SwiperRef>(null);
 
   useEffect(() => {
-    setCenterMarker(candidates[0].latlng);
+    setCenterMarker(candidates[0].placeInfo.latlng);
   }, []);
 
   const handleMapMarkerClick = (latlng: Latlng, i: number) => {
@@ -29,10 +29,13 @@ const CandidatesMapBody = ({candidates}: {candidates: CandidatesInfo[]}) => {
     <div className={styles.container}>
       <Map className={styles.map} center={centerMarker} level={2}>
         {candidates.map((candidate, i) => (
-          <CustomOverlayMap key={`${candidate.placeName}-${candidate.latlng}-${i}`} position={candidate.latlng}>
+          <CustomOverlayMap
+            key={`${candidate.placeInfo.placeName}-${candidate.placeInfo.latlng}-${i}`}
+            position={candidate.placeInfo.latlng}
+          >
             <div
               className={`pin ${selectedPinIndex === i ? 'active' : ''}`}
-              onClick={() => handleMapMarkerClick(candidate.latlng, i)}
+              onClick={() => handleMapMarkerClick(candidate.placeInfo.latlng, i)}
             >
               {selectedPinIndex === i ? <MapPinActive number={i + 1} /> : <MapPinNumber number={i + 1} />}
             </div>
diff --git a/src/components/CandidatesMap/CandidatesSlide/CandidatesSlide.tsx b/src/components/CandidatesMap/CandidatesSlide/CandidatesSlide.tsx
index db3c20b4..64ec0af2 100644
--- a/src/components/CandidatesMap/CandidatesSlide/CandidatesSlide.tsx
+++ b/src/components/CandidatesMap/CandidatesSlide/CandidatesSlide.tsx
@@ -11,7 +11,7 @@ import {CandidatesSlideProps} from '@/types/vote';
 const CandidatesSlide = ({candidates, setSelectedPinIndex, setCenterMarker, swiperRef}: CandidatesSlideProps) => {
   const handleSlideChange = (swiper: SwiperClass) => {
     const activeCandidate = candidates[swiper.activeIndex];
-    setCenterMarker(activeCandidate.latlng);
+    setCenterMarker(activeCandidate.placeInfo.latlng);
     setSelectedPinIndex(swiper.activeIndex);
   };
 
diff --git a/src/components/Vote/VoteBottomSlideContent/AddToJourney/AddToJourney.module.scss b/src/components/Vote/VoteBottomSlideContent/AddToJourney/AddToJourney.module.scss
new file mode 100644
index 00000000..a9033aa2
--- /dev/null
+++ b/src/components/Vote/VoteBottomSlideContent/AddToJourney/AddToJourney.module.scss
@@ -0,0 +1,21 @@
+@use '@/sass' as *;
+
+.container {
+  display: flex;
+  flex-direction: column;
+
+  width: 100%;
+  // margin: 15px 0;
+  padding: 15px 8px 50px;
+
+  // background-color: aqua;
+  // z-index: 102;
+}
+
+.dayBox {
+  @include typography(bodyLarge);
+  padding: 12px 0;
+
+  display: flex;
+  justify-content: space-between;
+}
diff --git a/src/components/Vote/VoteBottomSlideContent/AddToJourney/AddToJourney.tsx b/src/components/Vote/VoteBottomSlideContent/AddToJourney/AddToJourney.tsx
new file mode 100644
index 00000000..4052bd16
--- /dev/null
+++ b/src/components/Vote/VoteBottomSlideContent/AddToJourney/AddToJourney.tsx
@@ -0,0 +1,21 @@
+import {Button, Checkbox} from '@chakra-ui/react';
+
+import styles from './AddToJourney.module.scss';
+
+const AddToJourney = () => {
+  const days = [1, 2, 3];
+
+  return (
+    <div className={styles.container}>
+      {days.map((day, i) => (
+        <label htmlFor={`${i + 1}`} className={styles.dayBox}>
+          <span>DAY {day}</span>
+          <Checkbox id={`${i + 1}`} variant='candidateCheckbox' boxSize='1.7rem' />
+        </label>
+      ))}
+      <Button variant='CTAButton'>일정에 추가하기</Button>
+    </div>
+  );
+};
+
+export default AddToJourney;
diff --git a/src/components/Vote/VoteBottomSlideContent/VoteMeatball/VoteMeatball.tsx b/src/components/Vote/VoteBottomSlideContent/VoteMeatball/VoteMeatball.tsx
index 59c78950..d1d0ea4a 100644
--- a/src/components/Vote/VoteBottomSlideContent/VoteMeatball/VoteMeatball.tsx
+++ b/src/components/Vote/VoteBottomSlideContent/VoteMeatball/VoteMeatball.tsx
@@ -21,7 +21,7 @@ import CreateVoteModal from '../../CreateVoteModal/CreateVoteModal';
 
 import {AlertModalProps, VoteMeatballProps} from '@/types/vote';
 
-const VoteMeatball = ({state, title, isZeroCandidates}: VoteMeatballProps) => {
+const VoteMeatball = ({state, title, isZeroCandidates, allCandidatesNotVoted}: VoteMeatballProps) => {
   const {id: voteId} = useParams();
   const setIsCreateModalOpen = useSetRecoilState(isCreateModalOpenState);
   const setIsBTOpen = useSetRecoilState(isBottomSlideOpenState);
@@ -65,7 +65,7 @@ const VoteMeatball = ({state, title, isZeroCandidates}: VoteMeatballProps) => {
         </button>
       ) : (
         <button
-          disabled={isZeroCandidates}
+          disabled={isZeroCandidates || allCandidatesNotVoted}
           onClick={() =>
             showAlertModal({
               onClickAction: modalConsole,
@@ -83,7 +83,7 @@ const VoteMeatball = ({state, title, isZeroCandidates}: VoteMeatballProps) => {
         <p>투표 제목 수정</p>
       </button>
 
-      <button disabled={isZeroCandidates} onClick={changeToCandidateSelecting}>
+      <button disabled={isZeroCandidates || state === '결정완료'} onClick={changeToCandidateSelecting}>
         <TrashIcon />
         <p>후보 삭제</p>
       </button>
diff --git a/src/components/Vote/VoteContent/CandidateCard/CandidateCard.module.scss b/src/components/Vote/VoteContent/CandidateCard/CandidateCard.module.scss
index 0cc00386..3171b07f 100644
--- a/src/components/Vote/VoteContent/CandidateCard/CandidateCard.module.scss
+++ b/src/components/Vote/VoteContent/CandidateCard/CandidateCard.module.scss
@@ -69,6 +69,7 @@
     // gap: 8px;
 
     &__name {
+      text-align: start;
       @include typography(titleSmall);
       color: $neutral900;
     }
@@ -110,3 +111,9 @@
     }
   }
 }
+
+.isCandidateSelecting {
+  * {
+    color: $neutral300;
+  }
+}
diff --git a/src/components/Vote/VoteContent/CandidateCard/CandidateCard.tsx b/src/components/Vote/VoteContent/CandidateCard/CandidateCard.tsx
index 2e6ace77..36cec270 100644
--- a/src/components/Vote/VoteContent/CandidateCard/CandidateCard.tsx
+++ b/src/components/Vote/VoteContent/CandidateCard/CandidateCard.tsx
@@ -1,6 +1,5 @@
 import {useState} from 'react';
 import {FaRegStar, FaStar} from 'react-icons/fa';
-import {Link} from 'react-router-dom';
 import {useRecoilValue} from 'recoil';
 
 import styles from './CandidateCard.module.scss';
@@ -11,6 +10,7 @@ import ThirdIcon from '@/assets/voteIcons/rank_3.svg?react';
 import AddDayIcon from '@/assets/voteIcons/vote_addDay.svg?react';
 import {isCandidateSelectingState} from '@/recoil/vote/alertModal';
 
+import AddToJourney from '../../VoteBottomSlideContent/AddToJourney/AddToJourney';
 import VotedUserList from '../../VoteBottomSlideContent/VotedUserList/VotedUserList';
 
 import {CandidateCardProps} from '@/types/vote';
@@ -18,7 +18,8 @@ import {CandidateCardProps} from '@/types/vote';
 const CandidateCard = ({onBottomSlideOpen, candidate, showResults, index, isMapStyle}: CandidateCardProps) => {
   const [isVoted, setIsVoted] = useState(false);
   const isCandidateSelecting = useRecoilValue(isCandidateSelectingState);
-  const voteCounts = candidate.voteUserId.length;
+
+  const placeInfo = candidate.placeInfo;
 
   const getRankClassName = (index: number) => {
     switch (index) {
@@ -50,7 +51,7 @@ const CandidateCard = ({onBottomSlideOpen, candidate, showResults, index, isMapS
   const RankIcon = showResults && getRankIcon(index);
 
   const voteStarIcon = () => {
-    if (isVoted) return <FaStar style={{color: '#fee500'}} />;
+    if (isVoted || candidate.amIVoted) return <FaStar style={{color: '#fee500'}} />;
     else if (isMapStyle) return <FaStar style={{color: '#e3e5e5'}} />;
     else return <FaRegStar />;
   };
@@ -65,7 +66,7 @@ const CandidateCard = ({onBottomSlideOpen, candidate, showResults, index, isMapS
 
   return (
     <div className={`${styles.container} ${rankClassName} candidateCard ${isMapStyle ? styles.isMapStyle : ''}`}>
-      <img src={candidate.imageURL} alt={candidate.placeName} />
+      <img src={placeInfo.placeImageURL} alt={placeInfo.placeName} />
       {RankIcon && (
         <div className={styles.rankTag}>
           <RankIcon />
@@ -74,14 +75,18 @@ const CandidateCard = ({onBottomSlideOpen, candidate, showResults, index, isMapS
 
       <div className={styles.main}>
         <div className={styles.main__contextBox}>
-          <Link to='' className={styles.main__contextBox__name}>
-            {candidate.placeName} {'>'}
-          </Link>
+          <button
+            className={styles.main__contextBox__name}
+            // onClick={navigate로 넣기}
+            disabled={isCandidateSelecting}
+          >
+            {placeInfo.placeName.length >= 10 ? placeInfo.placeName.slice(0, 10) + ' ⋯' : placeInfo.placeName}
+          </button>
 
           <div className={styles.main__contextBox__category}>
-            {candidate.category}
+            {placeInfo.category}
             {'ꞏ'}
-            {candidate.location}
+            {placeInfo.location}
           </div>
 
           {/* 일정 담기
@@ -90,15 +95,19 @@ const CandidateCard = ({onBottomSlideOpen, candidate, showResults, index, isMapS
           있 : 바텀시트 -> 일정 추가api -> 시트close, 완료 토스트
           */}
 
-          {showResults && (
-            <button className={styles.main__contextBox__addDay}>
+          {showResults && onBottomSlideOpen && (
+            <button onClick={() => onBottomSlideOpen(<AddToJourney />)} className={styles.main__contextBox__addDay}>
               <AddDayIcon /> 일정에 담기
             </button>
           )}
         </div>
-        <button className={styles.main__voteBox} onClick={onVoteBoxClick} disabled={isCandidateSelecting || isMapStyle}>
+        <button
+          className={`${styles.main__voteBox} ${isCandidateSelecting && styles.isCandidateSelecting}`}
+          onClick={onVoteBoxClick}
+          disabled={isCandidateSelecting || isMapStyle || isCandidateSelecting}
+        >
           <div className={styles.main__voteBox__star}>{voteStarIcon()}</div>
-          <div className={styles.main__voteBox__vote}>{showResults ? voteCounts : '투표'}</div>
+          <div className={styles.main__voteBox__vote}>{showResults ? candidate.voteCount : '투표'}</div>
         </button>
       </div>
     </div>
diff --git a/src/components/Vote/VoteContent/CandidateList/CandidateList.module.scss b/src/components/Vote/VoteContent/CandidateList/CandidateList.module.scss
index c5ff580d..342c668b 100644
--- a/src/components/Vote/VoteContent/CandidateList/CandidateList.module.scss
+++ b/src/components/Vote/VoteContent/CandidateList/CandidateList.module.scss
@@ -1,4 +1,4 @@
-@use "@/sass" as *;
+@use '@/sass' as *;
 
 .container {
   margin-bottom: 50px;
@@ -18,7 +18,7 @@
     &__memo {
       display: flex;
       align-items: center;
-      gap: 6px;
+      gap: 8px;
 
       margin-top: 16px;
       &__text {
diff --git a/src/components/Vote/VoteContent/CandidateList/CandidateList.tsx b/src/components/Vote/VoteContent/CandidateList/CandidateList.tsx
index 9a8f01dc..4f786258 100644
--- a/src/components/Vote/VoteContent/CandidateList/CandidateList.tsx
+++ b/src/components/Vote/VoteContent/CandidateList/CandidateList.tsx
@@ -1,8 +1,11 @@
 import {Avatar, Checkbox} from '@chakra-ui/react';
+import {useSetRecoilState} from 'recoil';
 
 import styles from './CandidateList.module.scss';
 
-import useGetSelectedCandidates from '@/hooks/useGetSelectedCandidates';
+import useGetSelectedSet from '@/hooks/useGetSelectedSet';
+
+import {selectedCandidatesState} from '@/recoil/vote/candidateList';
 
 import CandidateCard from '../CandidateCard/CandidateCard';
 import VoteContentEmpty from '../VoteContentEmpty/VoteContentEmpty';
@@ -10,7 +13,8 @@ import VoteContentEmpty from '../VoteContentEmpty/VoteContentEmpty';
 import {CandidateListProps} from '@/types/vote';
 
 const CandidateList = ({candidates, onBottomSlideOpen, showResults, isCandidateSelecting}: CandidateListProps) => {
-  const {addCandidateInSelectedList} = useGetSelectedCandidates();
+  const setSelectedCandidates = useSetRecoilState(selectedCandidatesState);
+  const {addItemInNewSet} = useGetSelectedSet(setSelectedCandidates);
 
   return (
     <div className={styles.container}>
@@ -24,7 +28,7 @@ const CandidateList = ({candidates, onBottomSlideOpen, showResults, isCandidateS
                 fontSize='2rem'
                 id={`${i}checkbox`}
                 variant='candidateCheckbox'
-                onChange={() => addCandidateInSelectedList(candidate.id)}
+                onChange={() => addItemInNewSet(candidate.id)}
               />
             )}
             <div className={styles.candidateBox}>
diff --git a/src/components/Vote/VoteContent/VoteContent.module.scss b/src/components/Vote/VoteContent/VoteContent.module.scss
index 64459e1d..5541e0b4 100644
--- a/src/components/Vote/VoteContent/VoteContent.module.scss
+++ b/src/components/Vote/VoteContent/VoteContent.module.scss
@@ -1,4 +1,4 @@
-@use "@/sass" as *;
+@use '@/sass' as *;
 
 .container {
   width: 100%;
@@ -26,8 +26,12 @@
       }
     }
     &__addCandidate {
-      @include typography(button);
+      @include typography(captionSmall);
       color: $neutral900;
+
+      &:disabled {
+        color: $neutral300;
+      }
     }
   }
 }
diff --git a/src/components/Vote/VoteContent/VoteContent.tsx b/src/components/Vote/VoteContent/VoteContent.tsx
index 6de5fc6f..4059ae90 100644
--- a/src/components/Vote/VoteContent/VoteContent.tsx
+++ b/src/components/Vote/VoteContent/VoteContent.tsx
@@ -14,7 +14,7 @@ import AddCandidate from '../VoteBottomSlideContent/AddCandidate/AddCandidate';
 
 import {VoteContentProps} from '@/types/vote';
 
-const VoteContent = ({onBottomSlideOpen, data, showResults}: VoteContentProps) => {
+const VoteContent = ({onBottomSlideOpen, data, isZeroCandidates, showResults}: VoteContentProps) => {
   const candidates = data.candidates;
   const isCandidateSelecting = useRecoilValue(isCandidateSelectingState);
 
@@ -32,12 +32,15 @@ const VoteContent = ({onBottomSlideOpen, data, showResults}: VoteContentProps) =
           {data.voteStatus}
         </div>
 
-        <button
-          onClick={() => onBottomSlideOpen(<AddCandidate />)}
-          className={styles.container__stateBar__addCandidate}
-        >
-          + 후보 추가({candidates.length}/15)
-        </button>
+        {!showResults && (
+          <button
+            disabled={isCandidateSelecting}
+            onClick={() => onBottomSlideOpen(<AddCandidate />)}
+            className={styles.container__stateBar__addCandidate}
+          >
+            + 후보 추가({candidates.length}/15)
+          </button>
+        )}
       </div>
 
       <CandidateList
@@ -46,8 +49,9 @@ const VoteContent = ({onBottomSlideOpen, data, showResults}: VoteContentProps) =
         showResults={showResults}
         isCandidateSelecting={isCandidateSelecting}
       />
-      {/* 후보지&여행지 X -> 상품 추천 없음 */}
-      <VoteRecommendList state={data.voteStatus} />
+
+      {!isZeroCandidates && <VoteRecommendList state={data.voteStatus} isCandidateSelecting={isCandidateSelecting} />}
+
       {isCandidateSelecting && <DeleteCandidatesButton />}
     </div>
   );
diff --git a/src/components/Vote/VoteContent/VoteRecommendList/VoteRecommendList.module.scss b/src/components/Vote/VoteContent/VoteRecommendList/VoteRecommendList.module.scss
index 2780bd0a..2cf284eb 100644
--- a/src/components/Vote/VoteContent/VoteRecommendList/VoteRecommendList.module.scss
+++ b/src/components/Vote/VoteContent/VoteRecommendList/VoteRecommendList.module.scss
@@ -1,7 +1,8 @@
-@use "@/sass" as *;
+@use '@/sass' as *;
 
 .container {
   margin-bottom: 70px;
+  position: relative;
 
   &__title {
     @include typography(titleLarge);
@@ -9,3 +10,11 @@
     margin-bottom: 15px;
   }
 }
+
+.dimmedOverlay {
+  position: absolute;
+  width: 100%;
+  height: 30rem;
+  background: #ffffff80;
+  z-index: 3;
+}
diff --git a/src/components/Vote/VoteContent/VoteRecommendList/VoteRecommendList.tsx b/src/components/Vote/VoteContent/VoteRecommendList/VoteRecommendList.tsx
index 0cf42f7c..dbbb66a1 100644
--- a/src/components/Vote/VoteContent/VoteRecommendList/VoteRecommendList.tsx
+++ b/src/components/Vote/VoteContent/VoteRecommendList/VoteRecommendList.tsx
@@ -1,25 +1,21 @@
-import { Navigation } from "swiper/modules";
-import { Swiper, SwiperSlide } from "swiper/react";
-import "swiper/scss";
-import "swiper/scss/navigation";
+import {Navigation} from 'swiper/modules';
+import {Swiper, SwiperSlide} from 'swiper/react';
+import 'swiper/scss';
+import 'swiper/scss/navigation';
 
-import styles from "./VoteRecommendList.module.scss";
+import styles from './VoteRecommendList.module.scss';
 
-import VoteRecommendItem from "./VoteRecommendItem/VoteRecommendItem";
+import VoteRecommendItem from './VoteRecommendItem/VoteRecommendItem';
 
 // 후보지&여행지 X -> 상품 추천 없음
 
-const VoteRecommendList = ({ state }: { state: string }) => {
+const VoteRecommendList = ({state, isCandidateSelecting}: {state: string; isCandidateSelecting: boolean}) => {
   return (
     <div className={styles.container}>
+      {isCandidateSelecting && <div className={styles.dimmedOverlay} />}
       <p className={styles.container__title}>이런 카페는 어때요?</p>
 
-      <Swiper
-        slidesPerView={2}
-        navigation={true}
-        modules={[Navigation]}
-        breakpoints={{ 400: { slidesPerView: 2.4 } }}
-      >
+      <Swiper slidesPerView={2} navigation={true} modules={[Navigation]} breakpoints={{400: {slidesPerView: 2.4}}}>
         <SwiperSlide>
           <VoteRecommendItem state={state} />
         </SwiperSlide>
diff --git a/src/components/Vote/VoteHeader/VoteHeader.module.scss b/src/components/Vote/VoteHeader/VoteHeader.module.scss
index 7134ae13..f8032a67 100644
--- a/src/components/Vote/VoteHeader/VoteHeader.module.scss
+++ b/src/components/Vote/VoteHeader/VoteHeader.module.scss
@@ -1,4 +1,4 @@
-@use "@/sass" as *;
+@use '@/sass' as *;
 
 .container {
   width: 100%;
@@ -42,4 +42,8 @@
   gap: 12px;
 
   font-size: 2.2rem;
+
+  & > *:disabled {
+    color: $neutral300;
+  }
 }
diff --git a/src/components/Vote/VoteHeader/VoteHeader.tsx b/src/components/Vote/VoteHeader/VoteHeader.tsx
index bc7efeb7..52dd3a63 100644
--- a/src/components/Vote/VoteHeader/VoteHeader.tsx
+++ b/src/components/Vote/VoteHeader/VoteHeader.tsx
@@ -3,15 +3,19 @@ import {BsThreeDots} from 'react-icons/bs';
 import {MdOutlineArrowBackIosNew} from 'react-icons/md';
 import {RiMap2Line} from 'react-icons/ri';
 import {useLocation, useNavigate} from 'react-router-dom';
+import {useRecoilValue} from 'recoil';
 
 import styles from './VoteHeader.module.scss';
 
+import {isCandidateSelectingState} from '@/recoil/vote/alertModal';
+
 import {VoteHeaderProps} from '@/types/vote';
 
-const VoteHeader = ({onBottomSlideOpen, title, isNoCandidate}: VoteHeaderProps) => {
+const VoteHeader = ({onBottomSlideOpen, title, isZeroCandidates}: VoteHeaderProps) => {
   const navigate = useNavigate();
   const location = useLocation();
   const path = location.pathname.split('/')[3];
+  const isCandidateSelecting = useRecoilValue(isCandidateSelectingState);
 
   const setRightIcons = (path: string) => {
     switch (path) {
@@ -26,10 +30,13 @@ const VoteHeader = ({onBottomSlideOpen, title, isNoCandidate}: VoteHeaderProps)
       default:
         return (
           <>
-            <button onClick={() => navigate(`${location.pathname}/map`)} disabled={isNoCandidate}>
+            <button
+              onClick={() => navigate(`${location.pathname}/map`)}
+              disabled={isZeroCandidates || isCandidateSelecting}
+            >
               <RiMap2Line />
             </button>
-            <button onClick={onBottomSlideOpen}>
+            <button onClick={onBottomSlideOpen} disabled={isCandidateSelecting}>
               <BsThreeDots />
             </button>
           </>
diff --git a/src/components/VoteMemo/MemoContent.tsx b/src/components/VoteMemo/MemoContent.tsx
index ad8629cc..bd9c68cf 100644
--- a/src/components/VoteMemo/MemoContent.tsx
+++ b/src/components/VoteMemo/MemoContent.tsx
@@ -1,30 +1,24 @@
-import {useEffect} from 'react';
-import {useSetRecoilState} from 'recoil';
-
 import styles from './MemoContent.module.scss';
 
-import {selectedCandidatesState} from '@/recoil/vote/candidateList';
-
 import MemoItem from './MemoItem/MemoItem';
 
-import {VoteInfo} from '@/types/vote';
+import {TaglineType, VoteInfo} from '@/types/vote';
 
 const MemoContent = ({data}: {data: VoteInfo}) => {
-  const setSelectedCandidates = useSetRecoilState(selectedCandidatesState);
   const candidates = data.candidates;
 
-  const CheckAllCandidates = () => {
-    const newCandidateIds = candidates.map((candidate) => candidate.id);
-    setSelectedCandidates(new Set(newCandidateIds));
-  };
-
-  useEffect(() => {
-    CheckAllCandidates();
-  }, []);
+  const getExistingTaglines = localStorage.getItem('recoil-persist');
+  const existingTaglines: TaglineType[] = getExistingTaglines && JSON.parse(getExistingTaglines).selectedTaglineState;
 
   return (
     <div className={styles.container}>
-      {candidates?.map((candidate) => <MemoItem candidate={candidate} key={candidate.id} />)}
+      {candidates?.map((candidate) => (
+        <MemoItem
+          candidate={candidate}
+          key={candidate.id}
+          existingTagline={existingTaglines?.find((tagline) => tagline.placeId === candidate.placeInfo.placeId)}
+        />
+      ))}
     </div>
   );
 };
diff --git a/src/components/VoteMemo/MemoItem/MemoItem.tsx b/src/components/VoteMemo/MemoItem/MemoItem.tsx
index 798e8d31..1ce907ba 100644
--- a/src/components/VoteMemo/MemoItem/MemoItem.tsx
+++ b/src/components/VoteMemo/MemoItem/MemoItem.tsx
@@ -1,49 +1,79 @@
 import {Checkbox} from '@chakra-ui/react';
-import {useState} from 'react';
+import {useCallback, useEffect, useState} from 'react';
 
 import styles from './MemoItem.module.scss';
 
-import useGetSelectedCandidates from '@/hooks/useGetSelectedCandidates';
+import {useDebounce} from '@/hooks/useDebounce';
+import useGetSelectedArray from '@/hooks/useGetSelectedArray';
 
-import {CandidatesInfo} from '@/types/vote';
+import {selectedTaglineState} from '@/recoil/vote/voteMemo';
 
-const MemoItem = ({candidate}: {candidate: CandidatesInfo}) => {
-  const [text, setText] = useState(0);
+import {MemoItemProps} from '@/types/vote';
 
-  const {addCandidateInSelectedList} = useGetSelectedCandidates();
+const MemoItem = ({candidate, existingTagline}: MemoItemProps) => {
+  const [text, setText] = useState('');
+  // const [selectedTagline, setSelectedTagline] = useRecoilState(selectedTaglineState);
+  const {toggleItemInNewArray, setMemoArray} = useGetSelectedArray(selectedTaglineState);
+  const debouncedText = useDebounce(text, 500);
+  const placeInfo = candidate.placeInfo;
+
+  useEffect(() => {
+    if (existingTagline) {
+      setText(existingTagline.tagline);
+    }
+  }, []);
+
+  const handleCheckboxChange = () => {
+    toggleItemInNewArray({
+      placeId: placeInfo.placeId,
+      tagline: debouncedText,
+    });
+  };
+
+  const handleDebouncedTextChange = useCallback(() => {
+    setMemoArray({
+      placeId: placeInfo.placeId,
+      tagline: debouncedText,
+    });
+  }, [debouncedText, placeInfo.placeId, setMemoArray]);
+
+  useEffect(() => {
+    handleDebouncedTextChange();
+  }, [debouncedText]);
 
   return (
     <div className={styles.container}>
       <Checkbox
         defaultChecked
+        id={`${placeInfo.placeId}taglineCheck`}
         variant='candidateCheckbox'
         m='0'
         alignItems='flex-start'
-        value={candidate.id}
-        onChange={() => addCandidateInSelectedList(candidate.id)}
+        onChange={handleCheckboxChange}
       />
       <div className={styles.container__rightSide}>
-        <div className={styles.candidateBox}>
+        <label htmlFor={`${placeInfo.placeId}taglineCheck`} className={styles.candidateBox}>
           <div className={styles.candidateBox__image}>
-            <img src={candidate.imageURL} alt={candidate.placeName} />
+            <img src={placeInfo.placeImageURL} alt={placeInfo.placeName} />
           </div>
           <div className={styles.candidateBox__text}>
-            <p className={styles.candidateBox__text__name}>{candidate.placeName}</p>
+            <p className={styles.candidateBox__text__name}>{placeInfo.placeName}</p>
             <span className={styles.candidateBox__text__category}>
-              {candidate.category}
+              {placeInfo.category}
               {'ꞏ'}
-              {candidate.location}
+              {placeInfo.location}
             </span>
           </div>
-        </div>
+        </label>
         <div className={styles.textareaBox}>
           <textarea
-            onChange={(e) => setText(e.target.value.length)}
+            value={text}
+            onChange={(e) => setText(e.target.value)}
             className={styles.textarea}
             maxLength={30}
             placeholder='장소에 대한 메모를 남겨주세요. (30자 이하)'
           />
-          <p className={styles.textarea__counts}>{text}/30자</p>
+          <p className={styles.textarea__counts}>{text.length}/30자</p>
         </div>
       </div>
     </div>
diff --git a/src/components/VoteTabPanel/TabsVoteCard/TabsVoteCard.module.scss b/src/components/VoteTabPanel/TabsVoteCard/TabsVoteCard.module.scss
index eb7d5b88..c6725859 100644
--- a/src/components/VoteTabPanel/TabsVoteCard/TabsVoteCard.module.scss
+++ b/src/components/VoteTabPanel/TabsVoteCard/TabsVoteCard.module.scss
@@ -1,4 +1,4 @@
-@use "@/sass" as *;
+@use '@/sass' as *;
 
 .container {
   width: 100%;
@@ -15,7 +15,7 @@
   display: flex;
   flex-direction: column;
   gap: 20px;
-  &__titleBox {
+  .titleBox {
     display: flex;
     gap: 8px;
     align-items: center;
@@ -25,22 +25,26 @@
       color: $neutral900;
     }
   }
-  &__stateBox {
+  .stateBox {
     display: flex;
     justify-content: space-between;
     &__state {
       @include typography(captionSmall);
-      color: $neutral800;
-
       display: flex;
       align-items: center;
       gap: 3px;
     }
   }
 }
-.checkedIcon {
-  color: $primary300;
+
+.gray {
+  * {
+    color: $neutral400;
+  }
+}
+
+.blue {
+  * {
+    color: $primary300;
+  }
 }
-// .checkedIcon > path {
-//   fill: $primary300;
-// }
diff --git a/src/components/VoteTabPanel/TabsVoteCard/TabsVoteCard.tsx b/src/components/VoteTabPanel/TabsVoteCard/TabsVoteCard.tsx
index 097b504f..444f578a 100644
--- a/src/components/VoteTabPanel/TabsVoteCard/TabsVoteCard.tsx
+++ b/src/components/VoteTabPanel/TabsVoteCard/TabsVoteCard.tsx
@@ -1,5 +1,5 @@
 import {Avatar, AvatarGroup, Icon} from '@chakra-ui/react';
-import {useState} from 'react';
+import {GoDotFill} from 'react-icons/go';
 import {IoMdCheckmark} from 'react-icons/io';
 import {Link} from 'react-router-dom';
 
@@ -8,39 +8,23 @@ import styles from './TabsVoteCard.module.scss';
 import {VoteListInfo} from '@/types/vote';
 
 const TabsVoteCard = ({data}: {data: VoteListInfo}) => {
-  const [isConfirmed, setIsConfirmed] = useState(false);
-
-  //나중에 투표state를 받아오면 뮤테이션으로 해야할 듯
-  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {
-    e.preventDefault();
-    setIsConfirmed(!isConfirmed);
-  };
-
   const users = data.votedMemberProfiles;
 
-  //카드 전체 클릭vs결정클릭이 부딪힘, 제목에만 Link 넣을지 보기
   return (
     <Link to={`/votes/${data.voteId}`} className={styles.container}>
-      <div className={styles.container__titleBox}>
-        <Avatar boxSize='3.2rem' src={data.ownerProfile.profile} />
-        <p className={styles.container__titleBox__title}>{data.title}</p>
+      <div className={styles.titleBox}>
+        <Avatar boxSize='3.2rem' src={data.createdBy.profileImageUrl} />
+        <p className={styles.titleBox__title}>{data.title}</p>
       </div>
-      <div className={styles.container__stateBox}>
-        <div className={styles.container__stateBox__state}>
-          <Icon
-            as={IoMdCheckmark}
-            boxSize='2rem'
-            color={data.voteStatus === '결정완료' ? 'primary.300' : 'neutral.300'}
-          />
-          <button onClick={handleClick}>
-            {/* {isConfirmed ? "결정완료" : "확정하기"} */}
-            {data.voteStatus}
-          </button>
+      <div className={styles.stateBox}>
+        <div className={`${styles.stateBox__state} ${data.voteStatus === '결정완료' ? styles.gray : styles.blue}`}>
+          <Icon as={data.voteStatus === '결정완료' ? IoMdCheckmark : GoDotFill} boxSize='1.6rem' />
+          <p>{data.voteStatus}</p>
         </div>
 
         <AvatarGroup variant='tabsVoteCard' max={3} spacing='0'>
           {users.map((user) => (
-            <Avatar name={String(user.id)} variant='tabsVoteCard' key={user.id} />
+            <Avatar name={user.nickName} variant='tabsVoteCard' key={user.id} />
           ))}
         </AvatarGroup>
       </div>
diff --git a/src/components/VoteTabPanel/VoteTabPanel.tsx b/src/components/VoteTabPanel/VoteTabPanel.tsx
index d610f540..577e5cdd 100644
--- a/src/components/VoteTabPanel/VoteTabPanel.tsx
+++ b/src/components/VoteTabPanel/VoteTabPanel.tsx
@@ -1,4 +1,5 @@
 import {Tab, TabList, TabPanel, TabPanels, Tabs} from '@chakra-ui/react';
+import {useState} from 'react';
 import {useParams} from 'react-router-dom';
 
 import styles from './VoteTabPanel.module.scss';
@@ -10,36 +11,48 @@ import VoteTabPanelEmpty from './VoteTabPanelEmpty/VoteTabPanelEmpty';
 import CreateVoteModal from '../Vote/CreateVoteModal/CreateVoteModal';
 import CreateVoteModalButton from '../Vote/CreateVoteModal/CreateVoteModalButton';
 
+import {VoteListInfo} from '@/types/vote';
+
 const VoteTabPanel = () => {
-  const {id: voteId} = useParams();
-  const {data: voteInfo} = useGetVoteListInfo(Number(voteId));
+  const {id: spaceId} = useParams();
+  const {data: voteListData} = useGetVoteListInfo(Number(spaceId));
+  const [activeTabIndex, setActiveTabIndex] = useState(0);
+
+  const inProgressVotes = voteListData.filter((vote) => vote.voteStatus === '진행 중');
+  const completeVotes = voteListData.filter((vote) => vote.voteStatus === '결정완료');
+
+  const getVotesCount = (vote: VoteListInfo[]) => `총 ${vote.length}개`;
 
   return (
     <div className={styles.container}>
-      <Tabs variant='voteFilter'>
+      <Tabs variant='voteFilter' onChange={(index) => setActiveTabIndex(index)}>
         <div className={styles.header}>
           <TabList>
             <Tab>전체</Tab>
             <Tab>진행 중</Tab>
             <Tab>결정 완료</Tab>
           </TabList>
-          <p className={styles.header__counts}>총 {voteInfo.length}개</p>
+          <p className={styles.header__counts}>
+            {getVotesCount([voteListData, inProgressVotes, completeVotes][activeTabIndex])}
+          </p>
         </div>
         <TabPanels className={styles.content}>
           <TabPanel className={styles.content__tabPanel}>
-            {voteInfo.map((item) => (
-              <TabsVoteCard data={item} key={item.voteId} />
-            ))}
-
-            {/* // : (
-            //   <VoteTabPanelEmpty />
-            // )} */}
+            {voteListData.length === 0 ? (
+              <VoteTabPanelEmpty />
+            ) : (
+              voteListData.map((vote) => <TabsVoteCard data={vote} key={vote.voteId} />)
+            )}
           </TabPanel>
           <TabPanel>
-            <VoteTabPanelEmpty />
+            {inProgressVotes.map((vote) => (
+              <TabsVoteCard data={vote} key={vote.voteId} />
+            ))}
           </TabPanel>
           <TabPanel>
-            <VoteTabPanelEmpty />
+            {completeVotes.map((vote) => (
+              <TabsVoteCard data={vote} key={vote.voteId} />
+            ))}
           </TabPanel>
         </TabPanels>
       </Tabs>
diff --git a/src/hooks/Votes/vote.ts b/src/hooks/Votes/vote.ts
index 5a51b830..3b671d2a 100644
--- a/src/hooks/Votes/vote.ts
+++ b/src/hooks/Votes/vote.ts
@@ -1,6 +1,6 @@
 import {useMutation, useQueryClient, useSuspenseQuery} from '@tanstack/react-query';
 
-import {deleteCandidates, deleteVote, editVoteTitle, getVoteInfo, getVoteListInfo, PostNewVote} from '@/api/vote';
+import {deleteCandidates, deleteVote, editVoteTitle, getVoteInfo, getVoteListInfo, postNewVote} from '@/api/vote';
 
 /* ----------------------------------- Q U E R Y ---------------------------------- */
 
@@ -39,7 +39,7 @@ export const useCustomMutation = <TData = unknown, TError = unknown, TVariables
 
 //vote 추가 POST
 export const usePostNewVote = () => {
-  return useCustomMutation(PostNewVote, ['votes']);
+  return useCustomMutation(postNewVote, ['votes']);
 };
 
 //voteTitle 수정 PUT
diff --git a/src/hooks/useDebounce.ts b/src/hooks/useDebounce.ts
new file mode 100644
index 00000000..7724e39e
--- /dev/null
+++ b/src/hooks/useDebounce.ts
@@ -0,0 +1,17 @@
+import {useEffect, useState} from 'react';
+
+export const useDebounce = (value: string, delay: number) => {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+
+  return debouncedValue;
+};
diff --git a/src/hooks/useGetSelectedArray.ts b/src/hooks/useGetSelectedArray.ts
new file mode 100644
index 00000000..76207ac3
--- /dev/null
+++ b/src/hooks/useGetSelectedArray.ts
@@ -0,0 +1,39 @@
+import {RecoilState, useSetRecoilState} from 'recoil';
+
+import {PlaceInfo, TaglineType} from '@/types/vote';
+
+const useGetSelectedArray = <T extends PlaceInfo | TaglineType>(selectedState: RecoilState<T[]>) => {
+  const setSelectedState = useSetRecoilState(selectedState);
+
+  const toggleItemInNewArray = (data: T) => {
+    setSelectedState((currentArray) => {
+      const index = currentArray.findIndex((item) => item.placeId === data.placeId);
+
+      if (index !== -1) {
+        const newArray = [...currentArray.slice(0, index), ...currentArray.slice(index + 1)];
+        console.log('newArray:', newArray);
+        return newArray;
+      } else {
+        const newArray = [...currentArray, data];
+        console.log('newArray:', newArray);
+        return newArray;
+      }
+    });
+  };
+
+  const setMemoArray = (data: T) => {
+    setSelectedState((currentArray: T[]) => {
+      const index = currentArray.findIndex((item) => item.placeId === data.placeId);
+      if (index !== -1) {
+        const newArray = [...currentArray];
+        newArray[index] = data;
+        return newArray;
+      }
+      return currentArray;
+    });
+  };
+
+  return {toggleItemInNewArray, setMemoArray};
+};
+
+export default useGetSelectedArray;
diff --git a/src/hooks/useGetSelectedCandidates.ts b/src/hooks/useGetSelectedCandidates.ts
deleted file mode 100644
index ceb18c05..00000000
--- a/src/hooks/useGetSelectedCandidates.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { useSetRecoilState } from "recoil";
-
-import { selectedCandidatesState } from "@/recoil/vote/candidateList";
-
-const useGetSelectedCandidates = () => {
-  const setSelectedCandidates = useSetRecoilState(selectedCandidatesState);
-
-  const addCandidateInSelectedList = (id: number) => {
-    setSelectedCandidates((currentCandidatesSet) => {
-      const newSet = new Set(currentCandidatesSet);
-      if (newSet.has(id)) {
-        newSet.delete(id);
-      } else {
-        newSet.add(id);
-      }
-      console.log("newSet", newSet);
-      return newSet;
-    });
-  };
-
-  return { addCandidateInSelectedList };
-};
-
-export default useGetSelectedCandidates;
diff --git a/src/hooks/useGetSelectedSet.ts b/src/hooks/useGetSelectedSet.ts
new file mode 100644
index 00000000..c0037192
--- /dev/null
+++ b/src/hooks/useGetSelectedSet.ts
@@ -0,0 +1,22 @@
+import {Dispatch, SetStateAction} from 'react';
+
+type SetType<T> = Set<T>;
+
+const useGetSelectedSet = <T>(setter: Dispatch<SetStateAction<SetType<T>>>) => {
+  const addItemInNewSet = (data: T) => {
+    setter((currentSet) => {
+      const newSet = new Set(currentSet);
+      if (newSet.has(data)) {
+        newSet.delete(data);
+      } else {
+        newSet.add(data);
+      }
+      console.log('newSet', newSet);
+      return newSet;
+    });
+  };
+
+  return {addItemInNewSet};
+};
+
+export default useGetSelectedSet;
diff --git a/src/mocks/handlers/vote.ts b/src/mocks/handlers/vote.ts
index 9c8148b7..e4774c9c 100644
--- a/src/mocks/handlers/vote.ts
+++ b/src/mocks/handlers/vote.ts
@@ -1,53 +1,94 @@
 import {http, HttpResponse} from 'msw';
 
+const votedMemberProfiles = [
+  {
+    id: 2323,
+    nickName: '제니',
+    profileImageUrl: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
+  },
+  {
+    id: 3333,
+    nickName: '리사',
+    profileImageUrl: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
+  },
+];
+
 const candidateData = [
   {
     id: 111,
-    placeId: 11111,
-    placeName: '기역호텔',
-    imageURL: 'https://m.eejmall.com/web/product/big/201708/211_shop1_627935.jpg',
-    category: '숙박',
-    location: '서울',
-    voteUserId: ['Id123', 'Id234', 'Id345'],
+    placeInfo: {
+      placeId: 11111,
+      placeName: '기역호텔12345678',
+      category: '숙박',
+      location: '서울',
+      placeImageURL: 'https://m.eejmall.com/web/product/big/201708/211_shop1_627935.jpg',
+      latlng: {lat: 33.450705, lng: 126.570677},
+    },
+    createdBy: {
+      id: '2022',
+      profileImageUrl: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
+    },
     tagline: '예쁨~~~~~~~~~',
     amIVoted: true,
-    latlng: {lat: 33.450705, lng: 126.570677},
+    votedMemberProfiles,
+    voteCount: 5,
   },
   {
     id: 222,
-    placeId: 22222,
-    placeName: '니은펜션',
-    imageURL: 'https://img-cf.kurly.com/shop/data/goodsview/20210218/gv30000159355_1.jpg',
-    category: '숙박',
-    location: '경기',
-    voteUserId: ['Id123', 'Id345'],
+    placeInfo: {
+      placeId: 22222,
+      placeName: '니은펜션',
+      category: '숙박',
+      location: '경기',
+      placeImageURL: 'https://img-cf.kurly.com/shop/data/goodsview/20210218/gv30000159355_1.jpg',
+      latlng: {lat: 33.450936, lng: 126.569477},
+    },
+    createdBy: {
+      id: '2022',
+      profileImageUrl: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
+    },
     tagline: '여기 개쩔드라',
     amIVoted: false,
-    latlng: {lat: 33.450936, lng: 126.569477},
+    votedMemberProfiles,
+    voteCount: 3,
   },
   {
     id: 333,
-    placeId: 33333,
-    placeName: '기역호텔',
-    imageURL: 'https://m.eejmall.com/web/product/big/201708/211_shop1_627935.jpg',
-    category: '숙박',
-    location: '서울',
-    voteUserId: ['Id123', 'Id234', 'Id345'],
+    placeInfo: {
+      placeId: 33333,
+      placeName: '기역호텔',
+      category: '숙박',
+      location: '서울',
+      placeImageURL: 'https://m.eejmall.com/web/product/big/201708/211_shop1_627935.jpg',
+      latlng: {lat: 33.450879, lng: 126.56994},
+    },
+    createdBy: {
+      id: '2010',
+      profileImageUrl: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
+    },
     tagline: '예쁨~~~~~~~~~',
     amIVoted: true,
-    latlng: {lat: 33.450879, lng: 126.56994},
+    votedMemberProfiles,
+    voteCount: 5,
   },
   {
     id: 444,
-    placeId: 44444,
-    placeName: '니은펜션',
-    imageURL: 'https://img-cf.kurly.com/shop/data/goodsview/20210218/gv30000159355_1.jpg',
-    category: '숙박',
-    location: '경기',
-    voteUserId: ['Id123', 'Id345'],
+    placeInfo: {
+      placeId: 44444,
+      placeName: '니은펜션',
+      category: '숙박',
+      location: '경기',
+      placeImageURL: 'https://img-cf.kurly.com/shop/data/goodsview/20210218/gv30000159355_1.jpg',
+      latlng: {lat: 33.451393, lng: 126.570738},
+    },
+    createdBy: {
+      id: '3010',
+      profileImageUrl: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
+    },
     tagline: '여기 개쩔드라',
     amIVoted: false,
-    latlng: {lat: 33.451393, lng: 126.570738},
+    votedMemberProfiles,
+    voteCount: 5,
   },
 ];
 
@@ -56,68 +97,44 @@ const voteListData = [
     voteId: 11,
     title: '호텔은 여기어때',
     voteStatus: '진행 중',
-    ownerProfile: {
+    createdBy: {
       id: '2022',
-      profile: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
+      profileImageUrl: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
     },
-    votedMemberProfiles: [
-      {
-        id: 2323,
-        nickName: '제니',
-        profile: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
-      },
-      {
-        id: 3333,
-        nickName: '리사',
-        profile: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
-      },
-    ],
+    votedMemberProfiles,
   },
   {
     voteId: 22,
     title: '카페 고르자',
     voteStatus: '결정완료',
-    ownerProfile: {
+    createdBy: {
       id: '1996',
-      profile: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
+      profileImageUrl: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
     },
-    votedMemberProfiles: [
-      {
-        id: 2323,
-        nickName: '제니',
-        profile: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
-      },
-      {
-        id: 3333,
-        nickName: '리사',
-        profile: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
-      },
-    ],
+    votedMemberProfiles,
+  },
+  {
+    voteId: 33,
+    title: '카페 고르자',
+    voteStatus: '결정완료',
+    createdBy: {
+      id: '1922',
+      profileImageUrl: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
+    },
+    votedMemberProfiles,
   },
 ];
 
 const voteData = {
   id: 11,
   title: '호텔은 여기어때',
-  ownerProfile: {
+  voteStatus: '결정완료',
+  createdBy: {
     id: '1996',
-    profile: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
+    profileImageUrl: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
   },
-  votedMemberProfiles: [
-    {
-      id: 2323,
-      nickName: '로제',
-      profile: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
-    },
-    {
-      id: 3333,
-      nickName: '지수',
-      profile: 'https://avatars.githubusercontent.com/u/154430298?s=48&v=4',
-    },
-  ],
-  voteStatus: '진행 중',
-  voteUserId: ['Id123', 'Id234', 'Id345'],
   candidates: candidateData,
+  votedMemberProfiles,
 };
 
 //const foundObject = voteListData.find((item) => item.id === targetId);
@@ -129,7 +146,7 @@ const postVotesRes = {
 
 export const vote = [
   //voteList
-  http.get('/api/votes/1', () => {
+  http.get('/api/votes?spaceId=7&voteStatusOption=ALL', () => {
     return HttpResponse.json(voteListData, {status: 200});
   }),
 
diff --git a/src/pages/Vote/Vote.tsx b/src/pages/Vote/Vote.tsx
index 3f2a4d2b..55972b21 100644
--- a/src/pages/Vote/Vote.tsx
+++ b/src/pages/Vote/Vote.tsx
@@ -17,6 +17,8 @@ import {isCandidateSelectingState} from '@/recoil/vote/alertModal';
 import {isBottomSlideOpenState} from '@/recoil/vote/bottomSlide';
 import {selectedCandidatesState} from '@/recoil/vote/candidateList';
 
+import {VoteInfo} from '@/types/vote';
+
 const Vote = () => {
   const {id: voteId} = useParams();
   const {data: voteInfo} = useGetVotesInfo(Number(voteId));
@@ -27,6 +29,17 @@ const Vote = () => {
   const [showResults, setShowResults] = useState(false);
   const [bottomSlideContent, setBottomSlideContent] = useState<ReactNode | null>(null);
 
+  const isZeroCandidates = voteInfo.candidates.length === 0;
+
+  function areAllCandidatesNotVoted(voteInfo: VoteInfo): boolean {
+    return voteInfo.candidates.every((candidate) => !candidate.amIVoted);
+  }
+  const allCandidatesNotVoted = areAllCandidatesNotVoted(voteInfo);
+
+  // if (voteInfo.voteStatus === '결정완료') {
+  //   setShowResults(true);
+  // }
+
   useEffect(() => {
     setIsCandidateSelecting(false);
     setShowResults(false);
@@ -35,6 +48,7 @@ const Vote = () => {
 
   const BottomSlideOpen = (content: ReactNode) => {
     setBottomSlideContent(content);
+    document.body.style.overflow = 'hidden';
     setIsBTOpen(true);
     setSelectedCandidates(new Set());
     setIsCandidateSelecting(false);
@@ -47,26 +61,32 @@ const Vote = () => {
   return (
     <div className={styles.container}>
       <VoteHeader
-        isNoCandidate={voteInfo.candidates.length === 0}
+        isZeroCandidates={isZeroCandidates}
         title={voteInfo.title}
         onBottomSlideOpen={() =>
           BottomSlideOpen(
             <VoteMeatball
               state={voteInfo.voteStatus}
               title={voteInfo.title}
-              isZeroCandidates={voteInfo.candidates.length === 0}
+              isZeroCandidates={isZeroCandidates}
+              allCandidatesNotVoted={allCandidatesNotVoted}
             />,
           )
         }
       />
 
       {voteInfo.candidates ? (
-        <VoteContent data={voteInfo} onBottomSlideOpen={BottomSlideOpen} showResults={showResults} />
+        <VoteContent
+          data={voteInfo}
+          onBottomSlideOpen={BottomSlideOpen}
+          isZeroCandidates={isZeroCandidates}
+          showResults={voteInfo.voteStatus === '결정완료' ? true : showResults}
+        />
       ) : (
         <VoteContentEmpty />
       )}
       {!isCandidateSelecting && voteInfo.voteStatus === '진행 중' && (
-        <Button variant='CTAButton' onClick={handleShowResultsClick} isDisabled={voteInfo.candidates.length === 0}>
+        <Button variant='CTAButton' onClick={handleShowResultsClick} isDisabled={allCandidatesNotVoted}>
           {showResults ? '다시 투표하기' : '결과보기'}
         </Button>
       )}
diff --git a/src/pages/Vote/VoteMemo/VoteMemo.tsx b/src/pages/Vote/VoteMemo/VoteMemo.tsx
index 39eff02b..c4af8a7d 100644
--- a/src/pages/Vote/VoteMemo/VoteMemo.tsx
+++ b/src/pages/Vote/VoteMemo/VoteMemo.tsx
@@ -1,6 +1,7 @@
 import {Button} from '@chakra-ui/react';
-import {useNavigate, useParams} from 'react-router-dom';
-import {useRecoilState, useRecoilValue} from 'recoil';
+import {useEffect} from 'react';
+import {useParams} from 'react-router-dom';
+import {useRecoilState} from 'recoil';
 
 import styles from './VoteMemo.module.scss';
 
@@ -12,30 +13,44 @@ import VoteHeader from '@/components/Vote/VoteHeader/VoteHeader';
 import MemoContent from '@/components/VoteMemo/MemoContent';
 
 import {isBottomSlideOpenState} from '@/recoil/vote/bottomSlide';
-import {selectedCandidatesState} from '@/recoil/vote/candidateList';
+import {selectedTaglineState} from '@/recoil/vote/voteMemo';
 
 const VoteMemo = () => {
   const {id: voteId} = useParams();
   const {data: voteInfo} = useGetVotesInfo(Number(voteId));
-  const navigate = useNavigate();
-
+  // const navigate = useNavigate();
   const [isBTOpen, setIsBTOpen] = useRecoilState(isBottomSlideOpenState);
-  const selectedCandidates = useRecoilValue(selectedCandidatesState);
-
-  //후보 추가하는 api, selectedCandidates 0으로 리셋, 내비게이트
+  const [selectedTagline, setSelectedTagline] = useRecoilState(selectedTaglineState);
+
+  const existingTaglines = localStorage.getItem('recoil-persist');
+
+  const initializeTaglineState = () => {
+    const initialTaglines = voteInfo.candidates.map((candidate) => ({
+      placeId: candidate.placeInfo.placeId,
+      tagline: '',
+    }));
+    setSelectedTagline(initialTaglines);
+  };
+
+  useEffect(() => {
+    if (!existingTaglines) {
+      initializeTaglineState();
+    }
+  }, []);
+
+  const addNewCandidates = () => {
+    console.log('최종 내용 : ', selectedTagline);
+    localStorage.removeItem('recoil-persist');
+    //navigate(`/votes/${voteInfo.id}`)
+  };
 
-  //
   return (
     <div className={styles.container}>
       <VoteHeader title={voteInfo.title} onBottomSlideOpen={() => setIsBTOpen(true)} />
       <MemoContent data={voteInfo} />
 
-      <Button
-        variant='CTAButton'
-        isDisabled={selectedCandidates.size === 0}
-        onClick={() => navigate(`/votes/${voteInfo.id}`)}
-      >
-        {selectedCandidates.size}개 후보 등록하기
+      <Button variant='CTAButton' isDisabled={selectedTagline.length === 0} onClick={addNewCandidates}>
+        {selectedTagline.length}개 후보 등록하기
       </Button>
 
       <BottomSlide isOpen={isBTOpen} onClose={() => setIsBTOpen(false)} children={<AddCandidate />} />
diff --git a/src/recoil/vote/selectPlace.ts b/src/recoil/vote/selectPlace.ts
new file mode 100644
index 00000000..e000fb02
--- /dev/null
+++ b/src/recoil/vote/selectPlace.ts
@@ -0,0 +1,8 @@
+import {atom} from 'recoil';
+
+import {PlaceInfo} from '@/types/vote';
+
+export const selectedPlaceState = atom<PlaceInfo[]>({
+  key: 'selectedPlaceState',
+  default: [],
+});
diff --git a/src/recoil/vote/voteMemo.ts b/src/recoil/vote/voteMemo.ts
new file mode 100644
index 00000000..8a9631b2
--- /dev/null
+++ b/src/recoil/vote/voteMemo.ts
@@ -0,0 +1,10 @@
+import {atom} from 'recoil';
+import {recoilPersist} from 'recoil-persist';
+const {persistAtom} = recoilPersist();
+import {TaglineType} from '@/types/vote';
+
+export const selectedTaglineState = atom<TaglineType[]>({
+  key: 'selectedTaglineState',
+  default: [],
+  effects_UNSTABLE: [persistAtom],
+});
diff --git a/src/types/bottomSlide.ts b/src/types/bottomSlide.ts
index 64862dda..8d4c6ba7 100644
--- a/src/types/bottomSlide.ts
+++ b/src/types/bottomSlide.ts
@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import {ReactNode} from 'react';
 
 export interface BottomSlideProps {
   isOpen: boolean;
diff --git a/src/types/vote.ts b/src/types/vote.ts
index 8f5faa0e..ab6aaaa9 100644
--- a/src/types/vote.ts
+++ b/src/types/vote.ts
@@ -1,59 +1,69 @@
 import {Dispatch, ReactNode} from 'react';
 import {SwiperRef} from 'swiper/react';
 
+interface UserInfo {
+  id: number;
+  nickName?: string;
+  profileImageUrl: string;
+}
+
 export interface Latlng {
   lat: number;
   lng: number;
 }
 
-////////////////스웨거//////////////////
-export interface CandidatesInfo {
-  id: number;
+export interface PlaceInfo {
   placeId: number;
   placeName: string;
   category: string;
-  tagline: string;
-  amIVoted: boolean;
-  //
-  imageURL: string;
-  location: string;
-  voteUserId: string[]; //이거 필요
+  location?: string; // 빠짐
+  placeImageURL: string;
   latlng: Latlng;
 }
-[];
 
-interface VotedMemberProfiles {
+////////////////INFO//////////////////
+export interface CandidatesInfo {
   id: number;
-  nickName: string;
-  profile: string;
+  placeInfo: PlaceInfo;
+  createdBy: UserInfo;
+  tagline: string;
+  amIVoted: boolean;
+  //임시
+  votedMemberProfiles?: UserInfo[];
+  voteCount?: number;
+}
+interface ResultCandidatesInfo extends CandidatesInfo {
+  votedMemberProfiles?: UserInfo[];
+  voteCount: number;
 }
-[];
 
 export interface VoteListInfo {
   voteId: number;
   title: string;
   voteStatus: string;
-  ownerProfile: {
-    id: number;
-    nickName?: string;
-    profile: string;
-  };
-  votedMemberProfiles: VotedMemberProfiles[];
+  createdBy: UserInfo;
+  votedMemberProfiles: UserInfo[];
 }
 
 export interface VoteInfo {
   id: number;
   title: string;
-  ownerProfile: {
-    id: number;
-    nickName?: string;
-    profile: string;
-  };
-  votedMemberProfiles?: VotedMemberProfiles[]; //빠짐
-  voteStatus: string; //status요청하기,,
+  voteStatus: string;
+  createdBy: UserInfo;
   candidates: CandidatesInfo[];
+  //
+  votedMemberProfiles?: UserInfo[]; //빠짐
 }
-////////////////스웨거//////////////////
+
+export interface VoteResultInfo {
+  id: number;
+  title: string;
+  voteStatus: string;
+  ownerProfile: UserInfo; // 이름 통일 요청
+  candidates: ResultCandidatesInfo[];
+}
+
+////////////////INFO//////////////////
 
 export interface VoteBottomButtonProps {
   onClick: () => void;
@@ -64,12 +74,13 @@ export interface VoteContentProps {
   onBottomSlideOpen: (content: ReactNode) => void;
   data: VoteInfo;
   showResults: boolean;
+  isZeroCandidates: boolean;
 }
 
 export interface VoteHeaderProps {
   onBottomSlideOpen?: () => void;
   title: string;
-  isNoCandidate?: boolean;
+  isZeroCandidates?: boolean;
 }
 
 export interface CandidateCardProps {
@@ -84,6 +95,7 @@ export interface VoteMeatballProps {
   state: string;
   title: string;
   isZeroCandidates: boolean;
+  allCandidatesNotVoted: boolean;
 }
 
 export interface AlertModalProps {
@@ -135,3 +147,13 @@ export interface DeleteCandidatesProps {
   voteId: number;
   candidateId: number[];
 }
+
+export interface TaglineType {
+  placeId: number;
+  tagline: string;
+}
+
+export interface MemoItemProps {
+  candidate: CandidatesInfo;
+  existingTagline?: TaglineType;
+}