loginpage 반응형형

src/app/components/FooterVisibility.tsx

@@ -3,7 +3,7 @@
 import { usePathname } from "next/navigation";
 import Footer from "./Footer";
 
-const HIDE_FOOTER_PREFIXES = ["/pages"];
+const HIDE_FOOTER_PREFIXES = ["/pages", "/login"];
 
 export default function FooterVisibility() {
   const pathname = usePathname();

src/app/login/page.tsx

@@ -160,8 +160,6 @@ export default function LoginPage() {
 
 	return (
 		<>
-			<div className="min-h-screen w-full flex flex-col items-center pt-[180px]">
-
 			<LoginErrorModal
 				open={isLoginErrorOpen}
 				onClose={() => {
@@ -175,8 +173,10 @@ export default function LoginPage() {
 				loginErrorModalEnabled={isLoginErrorOpen}
 				setLoginErrorModalEnabled={setIsLoginErrorOpen}
 			/>
-
+			<div className="h-screen w-full flex flex-col overflow-hidden">
-			<div className="rounded-xl bg-white max-w-[560px] px-[40px] w-full">
+				{/* 메인 컨텐츠 영역 - flex-1로 남은 공간 차지 */}
+				<div className="flex-1 flex items-center justify-center min-h-0">
+					<div className="rounded-xl bg-white max-w-[560px] px-[40px] w-full my-auto">
 						{/* 로고 영역 */}
 						<div className="my-15 flex flex-col items-center">
 							<div className="mb-[7px]">
@@ -321,11 +321,12 @@ export default function LoginPage() {
 							</div>
 						</form>
 					</div>
-			<div></div>
 				</div>
-		<p className="text-center py-[40px] text-[15px] text-basic-text">
+				{/* Copyright 영역 - 하단 고정 */}
+				<p className="text-center py-[40px] text-[15px] text-basic-text flex-shrink-0">
 					Copyright ⓒ 2025 XL LMS. All rights reserved
 				</p>
+			</div>
 		</>
 	);
 }