diff --git a/public/map/OfficeActive.svg b/public/map/OfficeActive.svg
index 7e15fbb..3a12cef 100644
--- a/public/map/OfficeActive.svg
+++ b/public/map/OfficeActive.svg
@@ -1,30 +1,30 @@
-<svg width="76" height="104" viewBox="0 0 76 104" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_2386_14614)">
-<path d="M72 36.8223C72 58.0368 38 96 38 96C38 96 4 58.0368 4 36.8223C4 15.6078 18.3541 0 38 0C57.6459 0 72 15.6078 72 36.8223Z" fill="#4E32BB"/>
-<path d="M24.0453 20.9531H36.4197C37.2974 20.9531 38.0011 21.6731 38.0011 22.5531V51.865H22.4639V22.5611C22.4639 21.6731 23.1755 20.9611 24.0453 20.9611V20.9531Z" stroke="white" stroke-width="0.999998" stroke-miterlimit="10"/>
-<path d="M39.5824 30.6415H51.9568C52.8345 30.6415 53.5382 31.3615 53.5382 32.2415V51.8654H38.001V32.2415C38.001 31.3535 38.7126 30.6415 39.5824 30.6415Z" stroke="white" stroke-width="0.999998" stroke-miterlimit="10"/>
-<path d="M42.7532 36.5453H48.7862" stroke="white" stroke-width="0.999998" stroke-miterlimit="10" stroke-linecap="round"/>
-<path d="M42.7532 41.257H48.7862" stroke="white" stroke-width="0.749999" stroke-miterlimit="10" stroke-linecap="round"/>
-<path d="M42.7532 45.9688H48.7862" stroke="white" stroke-width="0.999998" stroke-miterlimit="10" stroke-linecap="round"/>
-<path d="M32.7904 42.9688H27.635V51.8727H32.7904V42.9688Z" stroke="white" stroke-width="0.999998" stroke-miterlimit="10" stroke-linecap="round"/>
-<path d="M29.1058 25.8735H26.7732V28.2335H29.1058V25.8735Z" fill="white"/>
-<path d="M33.6839 25.8735H31.3513V28.2335H33.6839V25.8735Z" fill="white"/>
-<path d="M29.1058 30.9851H26.7732V33.3451H29.1058V30.9851Z" fill="white"/>
-<path d="M33.6839 30.9852H31.3513V33.3452H33.6839V30.9852Z" fill="white"/>
-<path d="M29.1058 36.0891H26.7732V38.449H29.1058V36.0891Z" fill="white"/>
-<path d="M33.6839 36.0891H31.3513V38.4491H33.6839V36.0891Z" fill="white"/>
-<path d="M16.8181 51.8734H59.1837" stroke="white" stroke-width="0.999998" stroke-miterlimit="10" stroke-linecap="round"/>
+<svg width="93" height="120" viewBox="0 0 93 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_2389_17882)">
+<path d="M80.2129 37.1663C80.2129 58.1342 46.2129 95.6559 46.2129 95.6559C46.2129 95.6559 12.2129 58.1342 12.2129 37.1663C12.2129 16.1985 26.567 0.772156 46.2129 0.772156C65.8588 0.772156 80.2129 16.1985 80.2129 37.1663Z" fill="#4E32BB"/>
+<path d="M32.2582 21.4817H44.6326C45.5102 21.4817 46.214 22.1933 46.214 23.0631V52.0341H30.6768V23.071C30.6768 22.1933 31.3884 21.4896 32.2582 21.4896V21.4817Z" stroke="white" stroke-width="2.96511" stroke-miterlimit="10"/>
+<path d="M47.7953 31.0573H60.1697C61.0474 31.0573 61.7511 31.7689 61.7511 32.6387V52.0344H46.2139V32.6387C46.2139 31.761 46.9255 31.0573 47.7953 31.0573Z" stroke="white" stroke-width="2.96511" stroke-miterlimit="10"/>
+<path d="M50.9663 36.8926H56.9993" stroke="white" stroke-width="2.96511" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M50.9656 41.5494H56.9986" stroke="white" stroke-width="2.22383" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M50.9663 46.2065H56.9993" stroke="white" stroke-width="2.96511" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M41.003 43.2414H35.8477V52.0418H41.003V43.2414Z" stroke="white" stroke-width="2.96511" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M37.3186 26.3449H34.9861V28.6775H37.3186V26.3449Z" fill="white"/>
+<path d="M41.8968 26.3449H39.5642V28.6775H41.8968V26.3449Z" fill="white"/>
+<path d="M37.3186 31.397H34.9861V33.7296H37.3186V31.397Z" fill="white"/>
+<path d="M41.8968 31.3972H39.5642V33.7298H41.8968V31.3972Z" fill="white"/>
+<path d="M37.3186 36.4415H34.9861V38.7741H37.3186V36.4415Z" fill="white"/>
+<path d="M41.8968 36.4417H39.5642V38.7743H41.8968V36.4417Z" fill="white"/>
+<path d="M25.031 52.0424H67.3966" stroke="white" stroke-width="2.96511" stroke-miterlimit="10" stroke-linecap="round"/>
 </g>
 <defs>
-<filter id="filter0_d_2386_14614" x="0" y="0" width="76" height="104" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_d_2389_17882" x="0.352426" y="0.772156" width="91.7209" height="118.605" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="2"/>
+<feOffset dy="11.8605"/>
+<feGaussianBlur stdDeviation="5.93023"/>
 <feComposite in2="hardAlpha" operator="out"/>
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2386_14614"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2386_14614" result="shape"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2389_17882"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2389_17882" result="shape"/>
 </filter>
 </defs>
 </svg>
diff --git a/public/map/OfficeInActive.svg b/public/map/OfficeInActive.svg
index 45c414d..5e21e1a 100644
--- a/public/map/OfficeInActive.svg
+++ b/public/map/OfficeInActive.svg
@@ -1,30 +1,30 @@
-<svg width="76" height="104" viewBox="0 0 76 104" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_2386_14630)">
-<path d="M72 36.8223C72 58.0368 38 96 38 96C38 96 4 58.0368 4 36.8223C4 15.6078 18.3541 0 38 0C57.6459 0 72 15.6078 72 36.8223Z" fill="#696969"/>
-<path d="M24.0445 21.5323H36.4189C37.2966 21.5323 38.0003 22.2523 38.0003 23.1323V52.4442H22.4631V23.1403C22.4631 22.2523 23.1748 21.5403 24.0445 21.5403V21.5323Z" stroke="white" stroke-width="0.999998" stroke-miterlimit="10"/>
-<path d="M39.5816 31.2206H51.9561C52.8337 31.2206 53.5375 31.9406 53.5375 32.8206V52.4446H38.0002V32.8206C38.0002 31.9326 38.7119 31.2206 39.5816 31.2206Z" stroke="white" stroke-width="0.999998" stroke-miterlimit="10"/>
-<path d="M42.7524 37.1245H48.7855" stroke="white" stroke-width="0.999998" stroke-miterlimit="10" stroke-linecap="round"/>
-<path d="M42.7524 41.8362H48.7855" stroke="white" stroke-width="0.749999" stroke-miterlimit="10" stroke-linecap="round"/>
-<path d="M42.7524 46.5479H48.7855" stroke="white" stroke-width="0.999998" stroke-miterlimit="10" stroke-linecap="round"/>
-<path d="M32.7896 43.5479H27.6343V52.4519H32.7896V43.5479Z" stroke="white" stroke-width="0.999998" stroke-miterlimit="10" stroke-linecap="round"/>
-<path d="M29.105 26.4527H26.7725V28.8127H29.105V26.4527Z" fill="white"/>
-<path d="M33.6831 26.4527H31.3506V28.8127H33.6831V26.4527Z" fill="white"/>
-<path d="M29.105 31.5643H26.7725V33.9243H29.105V31.5643Z" fill="white"/>
-<path d="M33.6831 31.5644H31.3506V33.9244H33.6831V31.5644Z" fill="white"/>
-<path d="M29.105 36.6682H26.7725V39.0282H29.105V36.6682Z" fill="white"/>
-<path d="M33.6831 36.6683H31.3506V39.0283H33.6831V36.6683Z" fill="white"/>
-<path d="M16.8174 52.4526H59.183" stroke="white" stroke-width="0.999998" stroke-miterlimit="10" stroke-linecap="round"/>
+<svg width="92" height="120" viewBox="0 0 92 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_2389_17898)">
+<path d="M79.938 37.1663C79.938 58.1342 45.938 95.6559 45.938 95.6559C45.938 95.6559 11.938 58.1342 11.938 37.1663C11.938 16.1985 26.2921 0.772156 45.938 0.772156C65.5839 0.772156 79.938 16.1985 79.938 37.1663Z" fill="#696969"/>
+<path d="M31.9825 22.0541H44.3569C45.2346 22.0541 45.9383 22.7658 45.9383 23.6355V52.6066H30.4011V23.6434C30.4011 22.7658 31.1128 22.062 31.9825 22.062V22.0541Z" stroke="white" stroke-width="2.96511" stroke-miterlimit="10"/>
+<path d="M47.5196 31.6298H59.894C60.7717 31.6298 61.4754 32.3414 61.4754 33.2112V52.6069H45.9382V33.2112C45.9382 32.3335 46.6499 31.6298 47.5196 31.6298Z" stroke="white" stroke-width="2.96511" stroke-miterlimit="10"/>
+<path d="M50.6907 37.465H56.7237" stroke="white" stroke-width="2.96511" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M50.6899 42.1219H56.723" stroke="white" stroke-width="2.22383" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M50.6907 46.7789H56.7237" stroke="white" stroke-width="2.96511" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M40.7274 43.8138H35.572V52.6143H40.7274V43.8138Z" stroke="white" stroke-width="2.96511" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M37.043 26.9174H34.7104V29.2499H37.043V26.9174Z" fill="white"/>
+<path d="M41.6211 26.9174H39.2886V29.2499H41.6211V26.9174Z" fill="white"/>
+<path d="M37.043 31.9695H34.7104V34.302H37.043V31.9695Z" fill="white"/>
+<path d="M41.6211 31.9697H39.2886V34.3022H41.6211V31.9697Z" fill="white"/>
+<path d="M37.043 37.014H34.7104V39.3465H37.043V37.014Z" fill="white"/>
+<path d="M41.6211 37.0142H39.2886V39.3467H41.6211V37.0142Z" fill="white"/>
+<path d="M24.7554 52.6149H67.121" stroke="white" stroke-width="2.96511" stroke-miterlimit="10" stroke-linecap="round"/>
 </g>
 <defs>
-<filter id="filter0_d_2386_14630" x="0" y="0" width="76" height="104" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_d_2389_17898" x="0.0775232" y="0.772156" width="91.7209" height="118.605" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="2"/>
+<feOffset dy="11.8605"/>
+<feGaussianBlur stdDeviation="5.93023"/>
 <feComposite in2="hardAlpha" operator="out"/>
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2386_14630"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2386_14630" result="shape"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2389_17898"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2389_17898" result="shape"/>
 </filter>
 </defs>
 </svg>
diff --git a/src/components/map/BranchInfo.tsx b/src/components/map/BranchInfo.tsx
index d2ae809..47a05c4 100644
--- a/src/components/map/BranchInfo.tsx
+++ b/src/components/map/BranchInfo.tsx
@@ -129,12 +129,12 @@ const BranchInfo: React.FC = () => {
       </header>
       <div className="">
       {urgentNotice && (
-          <div className="absolute top-[90px] left-1/2 px-4 py-2 transform -translate-x-1/2 w-[340px] bg-white bg-opacity-80 rounded shadow border border-neutral-200 z-[9999]">
+          <div className="absolute top-[90px] left-1/2 px-4 py-2 transform -translate-x-1/2 w-[350px] bg-white bg-opacity-80 rounded shadow border border-neutral-200 z-[9999]">
             <div className="flex items-center mb-2">
               <div className='p-1 bg-yellow-400 rounded-sm justify-center items-center gap-2.5 inline-flex'>
               <span className="text-neutral-700 text-xs font-medium font-['Pretendard']">긴급</span>
               </div>
-              <p className="text-black/opacity-20 text-base font-semibold font-['Pretendard'] ml-[7px] mt-[3px]">{urgentNotice.title}</p>
+              <p className="text-black/opacity-20 text-sm font-semibold font-['Pretendard'] ml-[7px] mt-[3px]">{urgentNotice.title}</p>
               <button className='ml-auto my-auto' onClick={() => setUrgentNotice(null)}>X</button>
             </div>
             <p className="text-neutral-700 text-sm font-normal font-['Pretendard']">{truncateText(urgentNotice.content, 28)}</p>
@@ -197,7 +197,7 @@ const BranchInfo: React.FC = () => {
               height={16}
             />
             <div className="flex flex-col">
-              <p className="text-sm text-gray-600 ml-[8px] mb-[5px]">{address}</p>
+              <p className="text-sm text-gray-900 ml-[8px] mb-[5px]">{address}</p>
               <div className="flex ml-[8px] space-x-[4px] items-center">
                 {stationToBranch &&
                   stationToBranch.split(',').map((line) => {
@@ -216,7 +216,7 @@ const BranchInfo: React.FC = () => {
                       </div>
                     );
                   })}
-                <p className="text-sm text-gray-600 ml-[8px]">{roadFromStation}</p>
+                <p className="text-sm text-gray-900 ml-[8px]">{roadFromStation}</p>
               </div>
             </div>
           </div>
@@ -228,7 +228,7 @@ const BranchInfo: React.FC = () => {
               width={12}
               height={16}
             />
-            <p className="text-sm text-gray-600 ml-[8px]">{branchPhoneNumber}</p>
+            <p className="text-sm text-gray-900 ml-[8px]">{branchPhoneNumber}</p>
           </div>
           <div className="flex py-[10px]">
             <Image
@@ -238,7 +238,7 @@ const BranchInfo: React.FC = () => {
               width={12}
               height={16}
             />
-            <p className="text-sm text-gray-600 ml-[8px]">
+            <p className="text-sm text-gray-900 ml-[8px]">
               출차 전 2층 데스크에서 1시간 무료 적용,
               <br />
               이후 10분당 800원 비용 발생
@@ -266,7 +266,7 @@ const BranchInfo: React.FC = () => {
                 height={16}
                 className="w-[40px] h-[40px] my-auto"
               />
-              <p className="mt-2 text-center text-black/opacity-20 text-sm font-medium font-['Pretendard'] leading-[21px]">라운지</p>
+              <p className="mt-2 text-center text-gray-900 text-sm font-medium font-['Pretendard'] leading-[21px]">라운지</p>
             </div>
             <div className="flex flex-col items-center">
               <Image
@@ -276,7 +276,7 @@ const BranchInfo: React.FC = () => {
                 height={16}
                 className="w-[40px] h-[40px] my-auto"
               />
-              <p className="mt-2 text-center text-black/opacity-20 text-sm font-medium font-['Pretendard'] leading-[21px]">리차징룸</p>
+              <p className="mt-2 text-center text-gray-900 text-sm font-medium font-['Pretendard'] leading-[21px]">리차징룸</p>
             </div>
             <div className="flex flex-col items-center">
               <Image
@@ -286,7 +286,7 @@ const BranchInfo: React.FC = () => {
                 height={16}
                 className="w-[40px] h-[40px] my-auto"
               />
-              <p className="mt-2 text-center text-black/opacity-20 text-sm font-medium font-['Pretendard'] leading-[21px]">무인택배</p>
+              <p className="mt-2 text-center text-gray-900 text-sm font-medium font-['Pretendard'] leading-[21px]">무인택배</p>
             </div>
             <div className="flex flex-col items-center">
               <Image
@@ -296,7 +296,7 @@ const BranchInfo: React.FC = () => {
                 height={16}
                 className="w-[40px] h-[40px] my-auto"
               />
-              <p className="mt-2 text-center text-black/opacity-20 text-sm font-medium font-['Pretendard'] leading-[21px]">폰부스</p>
+              <p className="mt-2 text-center text-gray-900 text-sm font-medium font-['Pretendard'] leading-[21px]">폰부스</p>
             </div>
             <div className="flex flex-col items-center">
               <Image
@@ -306,7 +306,7 @@ const BranchInfo: React.FC = () => {
                 height={16}
                 className="w-[40px] h-[40px] my-auto"
               />
-              <p className="mt-2 text-center text-black/opacity-20 text-sm font-medium font-['Pretendard'] leading-[21px]">복합기</p>
+              <p className="mt-2 text-center text-gray-900 text-sm font-medium font-['Pretendard'] leading-[21px]">복합기</p>
             </div>
             <div className="flex flex-col items-center">
               <Image
@@ -316,7 +316,7 @@ const BranchInfo: React.FC = () => {
                 height={16}
                 className="w-[40px] h-[40px] my-auto"
               />
-              <p className="mt-2 text-center text-black/opacity-20 text-sm font-medium font-['Pretendard'] leading-[21px]">스낵바</p>
+              <p className="mt-2 text-center text-gray-900 text-sm font-medium font-['Pretendard'] leading-[21px]">스낵바</p>
             </div>
             <div className="flex flex-col items-center">
               <Image
@@ -326,7 +326,7 @@ const BranchInfo: React.FC = () => {
                 height={16}
                 className="w-[40px] h-[40px] my-auto"
               />
-              <p className="mt-2 text-center text-black/opacity-20 text-sm font-medium font-['Pretendard'] leading-[21px]">사무용품</p>
+              <p className="mt-2 text-center text-gray-900 text-sm font-medium font-['Pretendard'] leading-[21px]">사무용품</p>
             </div>
             <div className="flex flex-col items-center">
               <Image
@@ -336,7 +336,7 @@ const BranchInfo: React.FC = () => {
                 height={16}
                 className="w-[40px] h-[40px] my-auto"
               />
-              <p className="mt-2 text-center text-black/opacity-20 text-sm font-medium font-['Pretendard'] leading-[21px]">무제한 커피</p>
+              <p className="mt-2 text-center text-gray-900 text-sm font-medium font-['Pretendard'] leading-[21px]">무제한 커피</p>
             </div>
           </div>
         </div>
@@ -345,13 +345,13 @@ const BranchInfo: React.FC = () => {
           <div className="text-black/opacity-20 text-lg font-extrabold">공지사항</div>
         </div>
         <BranchOffice branchName={branchName} setUrgentNotice={setUrgentNotice} />
-        <footer className="w-full text-center py-[30px]">
-          <button
-            className="w-[90%] h-12 bg-indigo-700 rounded-lg border border-indigo-700 text-center text-stone-50 text-[15px] font-semibold"
-            onClick={handleGoToReservation}>
-            예약하기
-          </button>
-        </footer>
+        <footer className="fixed bottom-0 w-full text-center pb-[30px] bg-white no-box-shadow">
+        <button
+          className="reserveBtn w-[90%] h-12 rounded-lg border border-indigo-700 text-center text-stone-50 text-[15px] font-semibold"
+          onClick={handleGoToReservation}>
+          예약하기
+        </button>
+      </footer>
       </article>
       <style jsx global>{`
         .swiper-pagination-bullet {
diff --git a/src/components/map/BranchOffice.tsx b/src/components/map/BranchOffice.tsx
index 9b124c9..d417a64 100644
--- a/src/components/map/BranchOffice.tsx
+++ b/src/components/map/BranchOffice.tsx
@@ -66,33 +66,33 @@ const BranchOffice: React.FC<OfficeNoticeProps> = ({ branchName, setUrgentNotice
   };
 
   return (
-    <div className="px-4 pb-4">
-      {randomNotices.map((notice, index) => (
-        <div key={index} className="mb-[12px]">
-          <div className="flex justify-between items-center py-[10px]">
-            <div className='flex flex-col pl-[20px]'>
-              <div className="text-black/opacity-20 text-sm font-semibold font-['Pretendard'] leading-tight tracking-tight cursor-pointer" onClick={() => toggleExpand(notice.title)}>
-                {notice.title}
-              </div>
-              <div className="mt-[5px] text-zinc-400 text-xs font-normal font-['Pretendard'] tracking-tight">{currentDate}</div>
+    <div className="px-4 pb-4 overflow-y-auto">
+    {randomNotices.map((notice, index) => (
+      <div key={index} className={`mb-[${index === randomNotices.length - 1 ? '80' : '0'}px]`}>
+        <div className={`flex justify-between items-center py-[10px] pt-[12px] ${index === randomNotices.length - 1 ? 'border-b border-t' : 'border-t'} border-neutral-300`}>
+          <div className='flex flex-col pl-[20px]'>
+            <div className="text-black/opacity-20 text-sm font-semibold font-['Pretendard'] leading-tight tracking-tight cursor-pointer" onClick={() => toggleExpand(notice.title)}>
+              {notice.title}
             </div>
-            <img
-              className="w-[20px] h-4 cursor-pointer mr-[20px] mb-auto"
-              src={
-                expandedNotice[notice.title]
-                  ? '/mypage/notice/UpArrow.svg'
-                  : '/mypage/notice/DownArrow.svg'
-              }
-              alt="arrow"
-              onClick={() => toggleExpand(notice.title)}
-            />
+            <div className="mt-[5px] text-zinc-400 text-xs font-normal font-['Pretendard'] tracking-tight">{currentDate}</div>
           </div>
-          {expandedNotice[notice.title] && (
-            <div className="text-neutral-400 text-sm font-medium px-[20px] border-t border-b leading-tight py-3 bg-stone-50  border-neutral-300 mt-[12px]">{notice.content}</div>
-          )}
+          <img
+            className="w-[20px] h-4 cursor-pointer mr-[20px] mb-auto"
+            src={
+              expandedNotice[notice.title]
+                ? '/mypage/notice/UpArrow.svg'
+                : '/mypage/notice/DownArrow.svg'
+            }
+            alt="arrow"
+            onClick={() => toggleExpand(notice.title)}
+          />
         </div>
-      ))}
-    </div>
+        {expandedNotice[notice.title] && (
+          <div className={`text-neutral-400 text-sm font-medium px-[20px] ${index === randomNotices.length - 1 ? 'border-b' : 'border-t'} leading-tight py-3 bg-stone-50  border-neutral-300`}>{notice.content}</div>
+        )}
+      </div>
+    ))}
+  </div>
   );
 };
 
diff --git a/src/components/reservation/meetingRoom/MeetingRoomInfo.tsx b/src/components/reservation/meetingRoom/MeetingRoomInfo.tsx
index f6c5f6a..1f865ec 100644
--- a/src/components/reservation/meetingRoom/MeetingRoomInfo.tsx
+++ b/src/components/reservation/meetingRoom/MeetingRoomInfo.tsx
@@ -378,11 +378,11 @@ const MeetingRoomInfo = () => {
             </div>
             <footer className={`w-full text-center py-[30px] ${showSearch ? 'mb-[100px]' : 'mb-[70px]'} left-0 right-0`}>
             <button 
-                className={`w-[100%] h-12 rounded-lg border text-center text-white text-[15px] font-semibold mx-auto ${isReserveButtonDisabled ? 'bg-gray-400 border-gray-400' : 'bg-indigo-700 border-indigo-700 text-stone-50'}`} 
+                className={`w-[100%] h-12 rounded-lg border text-center text-white text-[15px] font-semibold mx-auto ${isReserveButtonDisabled ? 'bg-gray-400 border-gray-400' : 'reserveBtn border-indigo-700 text-stone-50'}`} 
                 onClick={handleReserve} 
                 disabled={isReserveButtonDisabled}
             >
-                예약하기
+                예약
             </button>
         </footer>
         </div>
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 447e98d..1e04f9c 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -195,3 +195,11 @@ input[type="checkbox"]:checked::after {
   display: inline-block;
   text-align: center;
 }
+
+.no-box-shadow {
+  box-shadow: none !important;
+}
+
+.reserveBtn {
+  background-color: #4E32BB;
+}
\ No newline at end of file