global css 적용, 권한설정 완료1

src/app/login/page.tsx

@@ -19,6 +19,7 @@ export default function LoginPage() {
 	const [isUserIdFocused, setIsUserIdFocused] = useState(false);
 	const [isPasswordFocused, setIsPasswordFocused] = useState(false);
 	const [isLoginErrorOpen, setIsLoginErrorOpen] = useState(false);
+	const [loginErrorMessage, setLoginErrorMessage] = useState("");
 	const [idError, setIdError] = useState("");
 	const [passwordError, setPasswordError] = useState("");
 
@@ -146,6 +147,7 @@ export default function LoginPage() {
 					}
 				}
 				console.error("로그인 실패:", errorMessage);
+				setLoginErrorMessage(errorMessage);
 				setIsLoginErrorOpen(true);
 				return;
 			}
@@ -206,6 +208,7 @@ export default function LoginPage() {
 		} catch (error) {
 			const errorMessage = error instanceof Error ? error.message : "네트워크 오류가 발생했습니다.";
 			console.error("로그인 오류:", errorMessage);
+			setLoginErrorMessage(errorMessage);
 			setIsLoginErrorOpen(true);
 		}
 	}
@@ -215,7 +218,11 @@ export default function LoginPage() {
 
 			<LoginErrorModal
 				open={isLoginErrorOpen}
-				onClose={() => setIsLoginErrorOpen(false)}
+				onClose={() => {
+					setIsLoginErrorOpen(false);
+					setLoginErrorMessage("");
+				}}
+				errorMessage={loginErrorMessage}
 			/>
 			<LoginOption
 				onClick={() => setIsLoginErrorOpen(true)}