diff --git a/src/components/common/Modal/BasicModal.tsx b/src/components/common/Modal/BasicModal.tsx
index 8c11a11..2fc2ca0 100644
--- a/src/components/common/Modal/BasicModal.tsx
+++ b/src/components/common/Modal/BasicModal.tsx
@@ -45,12 +45,14 @@ const BasicModal = ({
           {showCloseButton && (
             <DialogClose asChild>
               <button className='absolute top-4 right-5' aria-label='Close'>
-                <Close width={24} height={24} />
+                <Close width={24} height={24} className='text-gray-500' />
               </button>
             </DialogClose>
           )}
           <DialogHeader>
-            <DialogTitle className='text-xl md:text-2xl text-left'>{title}</DialogTitle>
+            <DialogTitle className='custom-text-xl-bold md:custom-text-2xl-bold text-left'>
+              {title}
+            </DialogTitle>
             <DialogDescription className='sr-only'>다이얼로그 내용</DialogDescription>
           </DialogHeader>
 
diff --git a/src/components/common/Modal/ConfirmModal.tsx b/src/components/common/Modal/ConfirmModal.tsx
index daa1c6d..3829f00 100644
--- a/src/components/common/Modal/ConfirmModal.tsx
+++ b/src/components/common/Modal/ConfirmModal.tsx
@@ -25,7 +25,7 @@ const ConfirmModal = ({ children, buttons, open, onOpenChange }: ConfirmModalPro
         >
           <DialogHeader>
             {/* 컨텐츠 영역 */}
-            <DialogTitle className='mt-2 flex justify-center text-xl md:text-2xl'>
+            <DialogTitle className='mt-2 flex justify-center custom-text-2lg-bold md:custom-text-xl-bold'>
               {children}
             </DialogTitle>
             <DialogDescription className='sr-only'>다이얼로그 내용</DialogDescription>