Design: ImageUploadModal 디자인 일관성 강화 - S11P21S002-69

frontend/src/components/ImageUploadModal/index.tsx

@@ -65,12 +65,16 @@ export default function ImageUploadModal({ title, buttonText, onClose }: ImageUp
   };
 
   return (
-    <div className="mx-auto w-[610px]">
-      <div className={cn('relative flex flex-col gap-5 rounded-2xl border border-gray-200 bg-white p-5 shadow-md')}>
-        <div className="flex items-center justify-between">
-          <span className="font-sans text-2xl font-bold leading-tight text-gray-1000">{title}</span>
-          <CloseButton onClick={handleClose} />
-        </div>
+    <div className="flex w-[610px] flex-col gap-10 rounded-3xl border px-10 py-5 shadow-lg">
+      <header className="flex items-center justify-between">
+        <h1 className="small-title">{title}</h1>
+        <button
+          className="flex items-center justify-center w-8 h-8"
+          onClick={handleClose}
+        >
+          <CloseButton />
+        </button>
+      </header>
       <div className="flex flex-col gap-5">
         <div className="flex justify-center">
           <div
@@ -111,6 +115,5 @@ export default function ImageUploadModal({ title, buttonText, onClose }: ImageUp
         />
       </div>
     </div>
-    </div>
   );
 }