From a4c2b550e44c64bf09e3b69fbf416315c2c414c0 Mon Sep 17 00:00:00 2001
From: sangmaaaaan <matthew10164@gmail.com>
Date: Sun, 18 Aug 2024 19:12:37 +0900
Subject: [PATCH] =?UTF-8?q?Refactor:=20Drawer=20Component=20=EB=AA=A8?=
 =?UTF-8?q?=EB=B0=94=EC=9D=BC=20=ED=99=94=EB=A9=B4=EC=97=90=20=EB=A7=9E?=
 =?UTF-8?q?=EA=B2=8C=20=20=EB=B0=98=EC=9D=91=ED=98=95=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../molecule/menu-drawer/menu-drawer.tsx      | 24 ++++++++++++++-----
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/ui/components/molecule/menu-drawer/menu-drawer.tsx b/src/ui/components/molecule/menu-drawer/menu-drawer.tsx
index d9d630e..cf9bd64 100644
--- a/src/ui/components/molecule/menu-drawer/menu-drawer.tsx
+++ b/src/ui/components/molecule/menu-drawer/menu-drawer.tsx
@@ -48,7 +48,15 @@ const MenuDrawer = ({ open, onClose }: MenuDrawerProps) => {
   const { admissionGuideUrl, admissionResultsUrl } = getUrls();
 
   return (
-    <Drawer placement="bottom" closable={false} open={open} onClose={onClose} className="rounded-t-3xl" height={244}>
+    <Drawer
+      placement="bottom"
+      closable={false}
+      open={open}
+      onClose={onClose}
+      height="32vh"
+      rootClassName="absolute mx-auto my-auto max-w-[390px] max-h-[780px] rounded-t-3xl"
+      rootStyle={{ width: '100%', borderRadius: '1rem', overflow: 'hidden' }}
+    >
       <div className="flex flex-col space-y-4">
         <div className="flex w-full justify-between">
           <div className="mb-2 space-x-2">
@@ -85,11 +93,15 @@ const MenuDrawer = ({ open, onClose }: MenuDrawerProps) => {
       >
         모집요강 바로가기
       </div>
-      <div className="p-2 font-pretendard text-xs text-[#767676]">
-        학생부교과, 실기/실적위주, 기타 문의------입학관리팀 : 02)300-1799, 1800
-      </div>
-      <div className="mt-[-14px] p-2 font-pretendard text-xs text-[#767676]">
-        학생부종합 문의 ------------------------인재발굴팀 : 02)300-1797, 1844
+      <div className="mt-2 space-y-2">
+        <div className="flex justify-between px-2 font-pretendard text-xs text-[#767676]">
+          <p className="font-medium">학생부교과, 실기/실적위주, 기타</p>
+          <p>입학관리팀: 02)300-1799,1800</p>
+        </div>
+        <div className="flex justify-between px-2 font-pretendard text-xs text-[#767676]">
+          <p className="font-medium">학생부종합 문의</p>
+          <p>인재발굴팀: 02)300-1797,1844</p>
+        </div>
       </div>
     </Drawer>
   );