From 05a20c0601b685ec7788b6aae8dc04506d0e25c3 Mon Sep 17 00:00:00 2001
From: jiohjung98 <ckaquz98@naver.com>
Date: Sun, 9 Jun 2024 16:50:45 +0900
Subject: [PATCH 1/7] =?UTF-8?q?fix:=20=EC=98=88=EC=95=BD=ED=95=98=EA=B8=B0?=
 =?UTF-8?q?=20=EB=B2=84=ED=8A=BC=20=EA=B3=A0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/map/BranchInfo.tsx   | 14 ++++-----
 src/components/map/BranchOffice.tsx | 46 ++++++++++++++---------------
 src/styles/globals.css              |  4 +++
 3 files changed, 34 insertions(+), 30 deletions(-)

diff --git a/src/components/map/BranchInfo.tsx b/src/components/map/BranchInfo.tsx
index d2ae809..6c3ba30 100644
--- a/src/components/map/BranchInfo.tsx
+++ b/src/components/map/BranchInfo.tsx
@@ -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="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>
       </article>
       <style jsx global>{`
         .swiper-pagination-bullet {
diff --git a/src/components/map/BranchOffice.tsx b/src/components/map/BranchOffice.tsx
index 9b124c9..89f7e1f 100644
--- a/src/components/map/BranchOffice.tsx
+++ b/src/components/map/BranchOffice.tsx
@@ -67,32 +67,32 @@ 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>
+    {randomNotices.map((notice, index) => (
+      <div key={index} className={`mb-[${index === randomNotices.length - 1 ? '80' : '12'}px]`}>
+        <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>
-            <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] border-t border-b leading-tight py-3 bg-stone-50  border-neutral-300 mt-[12px]">{notice.content}</div>
+        )}
+      </div>
+    ))}
+  </div>
   );
 };
 
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 447e98d..6db50bf 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -195,3 +195,7 @@ input[type="checkbox"]:checked::after {
   display: inline-block;
   text-align: center;
 }
+
+.no-box-shadow {
+  box-shadow: none !important;
+}
\ No newline at end of file

From d8d103874cf5f0fda85b2a34a9162ce646061954 Mon Sep 17 00:00:00 2001
From: jiohjung98 <ckaquz98@naver.com>
Date: Sun, 9 Jun 2024 17:02:45 +0900
Subject: [PATCH 2/7] =?UTF-8?q?fix:=20=EC=98=88=EC=95=BD=EB=B2=84=ED=8A=BC?=
 =?UTF-8?q?=20=EC=83=89=EC=83=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/map/BranchInfo.tsx                          | 2 +-
 src/components/reservation/meetingRoom/MeetingRoomInfo.tsx | 4 ++--
 src/styles/globals.css                                     | 4 ++++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/map/BranchInfo.tsx b/src/components/map/BranchInfo.tsx
index 6c3ba30..c1f783d 100644
--- a/src/components/map/BranchInfo.tsx
+++ b/src/components/map/BranchInfo.tsx
@@ -347,7 +347,7 @@ const BranchInfo: React.FC = () => {
         <BranchOffice branchName={branchName} setUrgentNotice={setUrgentNotice} />
         <footer className="fixed bottom-0 w-full text-center pb-[30px] bg-white no-box-shadow">
         <button
-          className="w-[90%] h-12 bg-indigo-700 rounded-lg border border-indigo-700 text-center text-stone-50 text-[15px] font-semibold"
+          className="reserveBtn w-[90%] h-12 rounded-lg border border-indigo-700 text-center text-stone-50 text-[15px] font-semibold"
           onClick={handleGoToReservation}>
           예약하기
         </button>
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 6db50bf..1e04f9c 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -198,4 +198,8 @@ input[type="checkbox"]:checked::after {
 
 .no-box-shadow {
   box-shadow: none !important;
+}
+
+.reserveBtn {
+  background-color: #4E32BB;
 }
\ No newline at end of file

From 794a80f4b5daeca9981cb30024ffb102982231af Mon Sep 17 00:00:00 2001
From: jiohjung98 <ckaquz98@naver.com>
Date: Sun, 9 Jun 2024 17:07:16 +0900
Subject: [PATCH 3/7] =?UTF-8?q?fix:=20=EA=B8=B4=EA=B8=89=EA=B3=B5=EC=A7=80?=
 =?UTF-8?q?=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20=EC=82=AC=EC=9D=B4=EC=A6=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/map/BranchInfo.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/map/BranchInfo.tsx b/src/components/map/BranchInfo.tsx
index c1f783d..1f41861 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>

From ae8779c285d76dc4655fe2fdafaf581042127f9d Mon Sep 17 00:00:00 2001
From: jiohjung98 <ckaquz98@naver.com>
Date: Sun, 9 Jun 2024 17:09:19 +0900
Subject: [PATCH 4/7] fix: overflow-y-auto

---
 src/components/map/BranchOffice.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/map/BranchOffice.tsx b/src/components/map/BranchOffice.tsx
index 89f7e1f..588ce2d 100644
--- a/src/components/map/BranchOffice.tsx
+++ b/src/components/map/BranchOffice.tsx
@@ -66,7 +66,7 @@ const BranchOffice: React.FC<OfficeNoticeProps> = ({ branchName, setUrgentNotice
   };
 
   return (
-    <div className="px-4 pb-4">
+    <div className="px-4 pb-4 overflow-y-auto">
     {randomNotices.map((notice, index) => (
       <div key={index} className={`mb-[${index === randomNotices.length - 1 ? '80' : '12'}px]`}>
         <div className="flex justify-between items-center py-[10px]">

From 361dc469ccc4b2f61e1556f82d4ef812b17da455 Mon Sep 17 00:00:00 2001
From: jiohjung98 <ckaquz98@naver.com>
Date: Sun, 9 Jun 2024 17:16:33 +0900
Subject: [PATCH 5/7] =?UTF-8?q?=EC=98=A4=ED=94=BC=EC=8A=A4=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=B3=B8=EB=AC=B8=20?=
 =?UTF-8?q?text-gray-900?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/map/BranchInfo.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/map/BranchInfo.tsx b/src/components/map/BranchInfo.tsx
index 1f41861..47a05c4 100644
--- a/src/components/map/BranchInfo.tsx
+++ b/src/components/map/BranchInfo.tsx
@@ -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>

From 14330ee68e2c2ae96c39b0bff3fe193551c0121d Mon Sep 17 00:00:00 2001
From: jiohjung98 <ckaquz98@naver.com>
Date: Sun, 9 Jun 2024 17:28:37 +0900
Subject: [PATCH 6/7] =?UTF-8?q?fix:=20=EA=B3=B5=EC=A7=80=EC=82=AC=ED=95=AD?=
 =?UTF-8?q?=20border?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/map/BranchOffice.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/map/BranchOffice.tsx b/src/components/map/BranchOffice.tsx
index 588ce2d..d417a64 100644
--- a/src/components/map/BranchOffice.tsx
+++ b/src/components/map/BranchOffice.tsx
@@ -68,8 +68,8 @@ const BranchOffice: React.FC<OfficeNoticeProps> = ({ branchName, setUrgentNotice
   return (
     <div className="px-4 pb-4 overflow-y-auto">
     {randomNotices.map((notice, index) => (
-      <div key={index} className={`mb-[${index === randomNotices.length - 1 ? '80' : '12'}px]`}>
-        <div className="flex justify-between items-center py-[10px]">
+      <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}
@@ -88,7 +88,7 @@ const BranchOffice: React.FC<OfficeNoticeProps> = ({ branchName, setUrgentNotice
           />
         </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>
+          <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>
     ))}

From 4301fee5285aa8912b7cfa531de04515e6d75fb1 Mon Sep 17 00:00:00 2001
From: jiohjung98 <ckaquz98@naver.com>
Date: Sun, 9 Jun 2024 17:34:12 +0900
Subject: [PATCH 7/7] =?UTF-8?q?fix:=20=EB=A7=88=EC=BB=A4=20=EC=95=84?=
 =?UTF-8?q?=EC=9D=B4=EC=BD=98=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/map/OfficeActive.svg   | 42 +++++++++++++++++------------------
 public/map/OfficeInActive.svg | 42 +++++++++++++++++------------------
 2 files changed, 42 insertions(+), 42 deletions(-)

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>