diff --git a/src/components/common/BottomSheet/BottomSheet.tsx b/src/components/common/BottomSheet/BottomSheet.tsx
new file mode 100644
index 00000000..da0295c4
--- /dev/null
+++ b/src/components/common/BottomSheet/BottomSheet.tsx
@@ -0,0 +1,51 @@
+import { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+
+import styled from 'styled-components';
+
+interface BottomSheetProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
+  children?: ReactNode;
+  isOpen: boolean;
+  onClose?: () => void;
+}
+
+function BottomSheet({ children, isOpen }: BottomSheetProps) {
+  return (
+    <>
+      <BottomSheetModal $isModalOpen={isOpen}>{children}</BottomSheetModal>
+      <ModalOverlay $isModalOpen={isOpen} />
+    </>
+  );
+}
+
+export default BottomSheet;
+
+const BottomSheetModal = styled.div<{ $isModalOpen: boolean }>`
+  display: flex;
+  position: fixed;
+  bottom: 0;
+  transform: translateY(${({ $isModalOpen }) => ($isModalOpen ? 0 : '100%')});
+  flex-direction: column;
+  gap: 0.8rem;
+  transition: transform 600ms cubic-bezier(0.86, 0, 0.07, 1);
+  z-index: 1;
+  border-top-left-radius: 1.2rem;
+  border-top-right-radius: 1.2rem;
+  background-color: ${({ theme }) => theme.colors.grey8};
+
+  padding: 4.4rem 2rem 4rem;
+  width: 37.5rem;
+
+  & button {
+    width: 100%;
+  }
+`;
+
+const ModalOverlay = styled.div<{ $isModalOpen: boolean }>`
+  display: ${({ $isModalOpen }) => ($isModalOpen ? 'block' : 'none')};
+  position: fixed;
+  top: 0;
+
+  background-color: ${({ theme }) => theme.colors.black60};
+  width: 100%;
+  height: 100%;
+`;
diff --git a/src/pages/createMeeting/components/useFunnel/SetAdditionalInfo.tsx b/src/pages/createMeeting/components/useFunnel/SetAdditionalInfo.tsx
index 99be77d6..bebeab4d 100644
--- a/src/pages/createMeeting/components/useFunnel/SetAdditionalInfo.tsx
+++ b/src/pages/createMeeting/components/useFunnel/SetAdditionalInfo.tsx
@@ -1,16 +1,22 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 
 import { isAxiosError } from 'axios';
 import Button from 'components/common/atomComponents/Button';
 import Text from 'components/common/atomComponents/Text';
 import TextAreaInput from 'components/common/atomComponents/TextAreaInput';
+import BottomSheet from 'components/common/BottomSheet/BottomSheet';
+import useModalState from 'components/common/Modal/hooks/useModalState';
+import { durationType, placeType, weekDayType } from 'pages/createMeeting/data/meetingInfoData';
 import { FunnelProps, MeetingInfo } from 'pages/createMeeting/types/useFunnelInterface';
 import { useNavigate } from 'react-router-dom';
 import styled from 'styled-components';
+import { theme } from 'styles/theme';
 import { createMeetingApi } from 'utils/apis/legacy/createMeetingApi';
 
 function SetAdditionalInfo({ meetingInfo, setMeetingInfo }: FunnelProps) {
   const navigate = useNavigate();
+  const { isOpen, onOpen, onClose } = useModalState(false);
+
   const textAreaOnChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
     if (e.target.value.length < 51) {
       setMeetingInfo((prev: MeetingInfo) => {
@@ -41,22 +47,95 @@ function SetAdditionalInfo({ meetingInfo, setMeetingInfo }: FunnelProps) {
     }
   };
 
+  const formatDate = (dateString: string) => {
+    const [, month, day, dayOfWeek] = dateString.split('/');
+    const formattedMonth = parseInt(month, 10);
+    const formattedDay = parseInt(day, 10);
+    return `${formattedMonth}/${formattedDay} (${weekDayType[dayOfWeek]})`;
+  };
+
+  const parseAvailableDates = (availableDates: string[]) => {
+    const sortedDates = availableDates.sort();
+    const [firstDate, lastDate] = [sortedDates[0], sortedDates[sortedDates.length - 1]];
+
+    return `${formatDate(firstDate)} ~ ${formatDate(lastDate)}`;
+  };
+
   return (
-    <SetAdditionalInfoWrapper>
-      <TextAreaInput
-        value={meetingInfo.additionalInfo}
-        setValue={textAreaOnChange}
-        placeholder={'회의 안건, 준비물 등 회의와 관련하여 알리고 싶은 추가 내용을 적어 보세요.'}
-      />
-      <StyledBtnWrapper>
-        <Button
-          typeState={meetingInfo.additionalInfo ? 'primaryActive' : 'tertiaryActive'}
-          onClick={createMeeting}
-        >
-          <Text font={'button2'}>{meetingInfo.additionalInfo ? `회의  생성하기` : `건너뛰기`}</Text>
+    <>
+      <SetAdditionalInfoWrapper>
+        <TextAreaInput
+          value={meetingInfo.additionalInfo}
+          setValue={textAreaOnChange}
+          placeholder={'회의 안건, 준비물 등 회의와 관련하여 알리고 싶은 추가 내용을 적어 보세요.'}
+        />
+        <StyledBtnWrapper>
+          <Button
+            typeState={meetingInfo.additionalInfo ? 'primaryActive' : 'tertiaryActive'}
+            onClick={onOpen}
+          >
+            <Text font={'button2'}>
+              {meetingInfo.additionalInfo ? `회의방 생성하기` : `건너뛰기`}
+            </Text>
+          </Button>
+        </StyledBtnWrapper>
+      </SetAdditionalInfoWrapper>
+      <BottomSheet isOpen={isOpen}>
+        <BottomSheetDescription>
+          <Text font={'head2'} color={'white'}>
+            회의방을 생성하시겠어요?
+          </Text>
+          <Text font={'title2'} color={`${theme.colors.grey4}`}>
+            입력한 회의 정보가 맞는지 확인해주세요
+          </Text>
+        </BottomSheetDescription>
+        <BottomSheetContents>
+        <MeetingInfoWrapper>
+          <Text font="title1" color={theme.colors.white}>
+            {meetingInfo.title}
+          </Text>
+          <MeetingInfoDetail>
+            <MeetingInfoLine>
+              <PlaceIcon />
+              <Text font="body2" color={theme.colors.white}>
+                {placeType[meetingInfo.place]}
+              </Text>
+            </MeetingInfoLine>
+            <MeetingInfoLine>
+              <DateIcon />
+              <Text font="body2" color={theme.colors.white}>
+                {parseAvailableDates(meetingInfo.availableDates)}
+              </Text>
+            </MeetingInfoLine>
+            <MeetingInfoLine>
+              <TimeIcon />
+              <Text font="body2" color={theme.colors.white}>
+                {durationType.find((item) => item.enum === meetingInfo.duration)?.time || ''}
+              </Text>
+            </MeetingInfoLine>
+          </MeetingInfoDetail>
+        </MeetingInfoWrapper>
+        <MeetingInfoWrapper>
+          <HostInfoDetail>
+         <HostInfoLine>
+         <Text font='body2' color={theme.colors.main1}>{'방장'.padEnd(5, 'ㅤ')}</Text>
+         <Text font='body2' color={theme.colors.white}>{meetingInfo.name}</Text>
+         </HostInfoLine>
+         <HostInfoLine>
+         <Text font='body2' color={theme.colors.main1}>{'비밀번호'.padEnd(5, 'ㅤ')}</Text>
+         <Text font='body2' color={theme.colors.white}>{meetingInfo.password}</Text>
+         </HostInfoLine>
+         </HostInfoDetail>
+        </MeetingInfoWrapper>
+        </BottomSheetContents>
+        <Button typeState={'primaryActive'} onClick={createMeeting}>
+          <Text font={'button2'}>회의방 생성하기</Text>
+        </Button>
+        <Button typeState={'quaternaryDisabled'} onClick={onClose}>
+          <Text font={'button2'}>돌아가기</Text>
         </Button>
-      </StyledBtnWrapper>
-    </SetAdditionalInfoWrapper>
+      </BottomSheet>
+    </>
   );
 }
 
@@ -73,3 +152,106 @@ const StyledBtnWrapper = styled.section`
   bottom: 1.2rem;
   border-radius: 50%;
 `;
+
+const BottomSheetDescription = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.8rem;
+  margin-bottom: 2.4rem;
+`;
+
+const BottomSheetContents = styled.div`
+display:flex;
+flex-direction:column;
+gap:1.2rem;
+  margin-bottom:28px;
+  `
+
+const MeetingInfoWrapper = styled.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 1.2rem;
+  padding: 1.8rem 2.4rem;
+  background-color:${theme.colors.grey7};
+  border-radius:0.8rem;
+  justify-content: center;
+
+`;
+
+const MeetingInfoDetail = styled.ul`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  justify-content: center;
+  padding:0;
+`;
+
+const MeetingInfoLine = styled.li`
+  display: flex;
+  align-items: center;
+  gap: 0.8rem;
+`;
+
+const HostInfoDetail = styled.ul`
+display:flex;
+flex-direction:column;
+gap:4px;
+justify-content:center;
+padding:0;
+`
+
+const HostInfoLine = styled.li`
+    display: flex;
+  align-items: center;
+  gap: 0.8rem;
+`
+
+const PlaceIcon = () => {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M11.676 2C7.45649 2 4.03505 5.30505 4.02292 9.38807H4L4.02157 9.42462C4.02157 16.3114 11.6504 22.0013 11.6504 22.0013C11.6504 22.0013 19.3291 16.1222 19.3291 9.41287C19.3304 5.3181 15.9036 2 11.676 2ZM11.6652 12.9907C9.54197 12.9907 7.82047 11.3238 7.82047 9.26798C7.82047 7.21211 9.54197 5.54523 11.6652 5.54523C13.7884 5.54523 15.5099 7.21211 15.5099 9.26798C15.5099 11.3238 13.7884 12.9907 11.6652 12.9907Z"
+        fill="#3253FF"
+      />
+    </svg>
+  );
+};
+
+const DateIcon = () => {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M16.75 4V7"
+        stroke="#3253FF"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M7.75 4V7"
+        stroke="#3253FF"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.97727 5.75H19.5227C19.9244 5.75 20.25 6.03491 20.25 6.38636V9.25H4.25V6.38636C4.25 6.03491 4.57561 5.75 4.97727 5.75ZM4.25 10.75V19.1136C4.25 19.4651 4.57561 19.75 4.97727 19.75H19.5227C19.9244 19.75 20.25 19.4651 20.25 19.1136V10.75H4.25Z"
+        fill="#3253FF"
+      />
+    </svg>
+  );
+};
+
+const TimeIcon = () => {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M12 21C7.02944 21 3 16.9705 3 12C3 7.02944 7.02944 3 12 3C16.9705 3 21 7.02944 21 12C21 16.9705 16.9705 21 12 21ZM12.9 12V8.4C12.9 7.90294 12.4971 7.5 12 7.5C11.5029 7.5 11.1 7.90294 11.1 8.4V13.8H15.6C16.0971 13.8 16.5 13.3971 16.5 12.9C16.5 12.4029 16.0971 12 15.6 12H12.9Z"
+        fill="#3253FF"
+      />
+    </svg>
+  );
+};
diff --git a/src/pages/createMeeting/components/useFunnel/SetPlace.tsx b/src/pages/createMeeting/components/useFunnel/SetPlace.tsx
index 68795954..948b0136 100644
--- a/src/pages/createMeeting/components/useFunnel/SetPlace.tsx
+++ b/src/pages/createMeeting/components/useFunnel/SetPlace.tsx
@@ -12,7 +12,7 @@ function SetPlace({ meetingInfo, setMeetingInfo, setStep }: FunnelProps) {
   return (
     <SetPlaceWrapper>
       <PlaceInfoSection>
-        {placeType.map((type, i) => {
+        {Object.keys(placeType).map((type, i) => {
           return (
             <PlaceSection key={i + type}>
               <Button
diff --git a/src/pages/createMeeting/data/meetingInfoData.ts b/src/pages/createMeeting/data/meetingInfoData.ts
index c55b84b3..b11e66bc 100644
--- a/src/pages/createMeeting/data/meetingInfoData.ts
+++ b/src/pages/createMeeting/data/meetingInfoData.ts
@@ -7,7 +7,27 @@ export const durationType = [
   { time: '3시간', enum: 'THREE_HOUR' },
 ];
 
-export const placeType = ['ONLINE', 'OFFLINE', 'UNDEFINED'];
+type PlaceType = {
+  [key: string]: string;
+};
+export const placeType: PlaceType = {
+  ONLINE: '온라인',
+  OFFLINE: '오프라인',
+  UNDEFINED: '미정',
+};
+
+type weekDayType = {
+  [key: string]: string;
+};
+export const weekDayType: weekDayType = {
+  MON: '월',
+  TUE: '화',
+  WED: '수',
+  THU: '목',
+  FRI: '금',
+  SAT: '토',
+  SUN: '일',
+};
 
 export const preferTimeType = [
   {
diff --git a/src/pages/selectSchedule/components/selectTimeSlot/TimeSlotCta.tsx b/src/pages/selectSchedule/components/selectTimeSlot/TimeSlotCta.tsx
index f18ea18b..1de825e1 100644
--- a/src/pages/selectSchedule/components/selectTimeSlot/TimeSlotCta.tsx
+++ b/src/pages/selectSchedule/components/selectTimeSlot/TimeSlotCta.tsx
@@ -1,12 +1,8 @@
 import Button from 'components/common/atomComponents/Button';
 import Text from 'components/common/atomComponents/Text';
 import { useScheduleStepContext } from 'pages/selectSchedule/contexts/useScheduleStepContext';
-
-import { useSelectContext } from 'pages/selectSchedule/contexts/useSelectContext';
-import { useNavigate } from 'react-router-dom';
-
 import { SelectedSlotType, useSelectContext } from 'pages/selectSchedule/contexts/useSelectContext';
-
+import { useNavigate } from 'react-router-dom';
 import styled from 'styled-components';
 
 function TimeSlotCta() {
@@ -14,7 +10,6 @@ function TimeSlotCta() {
   const { setScheduleStep } = useScheduleStepContext();
   const isValidSelection = Object.keys(selectedSlots).length !== 0;
 
-
   const navigate = useNavigate();
 
   const resetPriorities = (selectedSlots: SelectedSlotType) => {
diff --git a/src/pages/steppingStone/components/SteppingBtnSection.tsx b/src/pages/steppingStone/components/SteppingBtnSection.tsx
index df3d2adb..910bf7ff 100644
--- a/src/pages/steppingStone/components/SteppingBtnSection.tsx
+++ b/src/pages/steppingStone/components/SteppingBtnSection.tsx
@@ -1,7 +1,9 @@
-import { useEffect, useState } from 'react';
+import { useEffect} from 'react';
 
 import Button from 'components/common/atomComponents/Button';
 import Text from 'components/common/atomComponents/Text';
+import BottomSheet from 'components/common/BottomSheet/BottomSheet';
+import useModalState from 'components/common/Modal/hooks/useModalState';
 import CopyToClipboard from 'react-copy-to-clipboard';
 import { useParams } from 'react-router';
 import { Link, useLocation } from 'react-router-dom';
@@ -17,10 +19,11 @@ function SteppingBtnSection({ steppingType }: SteppingProps) {
   const location = useLocation();
   const meetInfo = { ...location.state };
   const { meetingId } = useParams();
-  const [isModalOpen, setIsModalOpen] = useState(false);
+
+  const {isOpen, onOpen, onClose}= useModalState(false);
 
   useEffect(()=>{
-    setIsModalOpen(true);
+    onOpen();
   },[])
 
   return (
@@ -30,23 +33,21 @@ function SteppingBtnSection({ steppingType }: SteppingProps) {
           {
             meetComplete: (
               <>
-                <BottomSheetModal $isModalOpen={isModalOpen}>
-                  <BottomSheetDescription>
-                  <Text font={'head2'} color={'white'}>회의방 링크가 생성되었어요!</Text>
-                  <Text font={'title2'} color={`${theme.colors.grey4}`}>링크를 복사하여 팀원에게 공유해주세요</Text>
-                  </BottomSheetDescription>
-                  <CopyToClipboard text={`${import.meta.env.VITE_WEB_IP}/meet/${meetInfo.meetingId}`}>
-                    <Button typeState={'primaryActive'} onClick={()=>setIsModalOpen(false)}>
-                      <Text font={'button2'}>링크 복사하기</Text>
-                    </Button>
-                  </CopyToClipboard>
-                    <Button typeState={'quaternaryDisabled'} onClick={()=>setIsModalOpen(false)}>
+                  <BottomSheet isOpen={isOpen}>
+                    <BottomSheetDescription>
+                      <Text font={'head2'} color={'white'}>회의방 링크가 생성되었어요!</Text>
+                      <Text font={'title2'} color={`${theme.colors.grey4}`}>링크를 복사하여 팀원에게 공유해주세요</Text>
+                    </BottomSheetDescription>
+                    <CopyToClipboard text={`${import.meta.env.VITE_WEB_IP}/meet/${meetInfo.meetingId}`}>
+                      <Button typeState={'primaryActive'} onClick={onClose}>
+                        <Text font={'button2'}>링크 복사하기</Text>
+                      </Button>
+                    </CopyToClipboard>
+                    <Button typeState={'quaternaryDisabled'} onClick={onClose}>
                       <Text font={'button2'}>나중에 공유하기</Text>
                     </Button>
-                </BottomSheetModal>
-                <ModalOverlay $isModalOpen={isModalOpen} >
-                </ModalOverlay>
-                <Link to={`/host/select/${meetInfo.meetingId}?step=selectSchedule`}>
+                </BottomSheet>
+                <Link to={`/host/select/${meetInfo.meetingId}`}>
                   <Button typeState={'primaryActive'}>
                     <Text font={'button2'}>나의 가능시간 입력</Text>
                   </Button>
@@ -113,41 +114,11 @@ const StyledBtnSection = styled.section`
   
 `;
 
-const BottomSheetModal = styled.div<{$isModalOpen:boolean;}>`
-  display:flex;
-  position:fixed;
-  bottom:${({$isModalOpen})=>$isModalOpen?0:-27.5}rem;
-  flex-direction:column;
-  gap:0.8rem;
-  transition: bottom 600ms cubic-bezier(0.86, 0, 0.07, 1);
-  z-index:1;
-  border-top-left-radius: 1.2rem;
-  border-top-right-radius: 1.2rem;
-  background-color: ${({ theme }) => theme.colors.grey8};
-
-  padding: 2.8rem 2rem 4rem;
-  width:37.5rem;
-
-  & button {
-    width:100%;
-  }
-
-`
-
-const ModalOverlay = styled.div<{$isModalOpen:boolean;}>`
-  display:${({$isModalOpen})=>($isModalOpen?'block':'none')};
-  position:fixed;
-  top: 0;
-
-  background-color:${({theme})=>theme.colors.black60};
-  width:100%;
-  height:100%;
-`
 
 const BottomSheetDescription = styled.div`
-  display:flex;
-  flex-direction:column;
-  gap:0.8rem;
-  margin-bottom:2.4rem;
-  padding-left:0.9rem;
-`
\ No newline at end of file
+  display: flex;
+  flex-direction: column;
+  gap: 0.8rem;
+  margin-bottom: 2.4rem;
+  padding-left: 0.9rem;
+`;