# 로그인 입력 영역이 창 위쪽에 치우침

## 증상

로그인 창을 열면 이메일·비번 입력 영역이 가로로만 가운데 정렬되고 세로로는 위쪽에 붙어 보였음.

## 원인

`LoginPage`가 `mx-auto`와 `py-12`만 사용해서 세로 가운데 정렬 기준이 없었음. 공통 `Layout`의 `main`도 flex 자식이 남은 높이를 채울 수 없는 구조였음.

## 수정

- 공통 `main`을 세로 flex 컨테이너로 바꿈
- 로그인 페이지 바깥 영역이 남은 높이를 채우고 `items-center justify-center`로 입력 영역을 가운데 배치함
- 가운데 정렬 class를 확인하는 회귀 테스트를 추가함

## 확인

- `npm run lint` 통과 (기존 warning 9개)
- 전체 테스트 269개 통과
- production build 통과