diff --git a/src/shared/components/modal/ModalLayout.tsx b/src/shared/components/modal/ModalLayout.tsx
index a4670c3..f278bb4 100644
--- a/src/shared/components/modal/ModalLayout.tsx
+++ b/src/shared/components/modal/ModalLayout.tsx
@@ -1,6 +1,7 @@
 import { useClosePopup } from "@/shared/hooks/useClosePopup";
 import { useEffect, useRef } from "react";
 import { createPortal } from "react-dom";
+import closeIcon from "@/assets/icons/close-primary-24.svg";
 
 interface ModalLayoutProps {
   isOpen: boolean;
@@ -51,11 +52,11 @@ export default function ModalLayout({
         onClick={(e) => e.stopPropagation()}
       >
         <button
-          className="absolute top-4 right-4 hover:text-gray-700"
+          className="absolute top-9 right-7 hover:text-gray-700"
           onClick={onClose}
           aria-label="close"
         >
-          x
+          <img src={closeIcon} alt="닫기" className="w-6 h-6" />
         </button>
         {children}
       </div>