로그인관련

src/app/login/loginoption.tsx

@@ -28,7 +28,15 @@ export default function LoginOption({
       </button>
       { isOpen && (
         <div className="fixed inset-0 flex items-center justify-center z-50">
-          <div className="w-[500px] h-[600px] flex  bg-white/80 p-10 border rounded-lg">
+          <div className="w-[500px] h-[600px] flex  bg-white/80 p-10 border rounded-lg relative">
+            <button
+              type="button"
+              aria-label="닫기"
+              onClick={() => setIsOpen(false)}
+              className="absolute top-3 right-3 inline-flex items-center justify-center rounded-full w-8 h-8 bg-gray-200 hover:bg-gray-300 text-gray-700"
+            >
+              ×
+            </button>
           <ul className="flex flex-col gap-4">
             <li className="flex items-center justify-between">
               <p className="mr-4">login error modal</p>