[Error Handling] Main 페이지에서 모달이 가운데 정렬이 되지않는 문제

### 어떤 에러인가요?

위 사진과 같이 모바일 사이즈에서 모달이 가운데 정렬이 되지않는 문제가 있었습니다. 모달과 관련된 CSS 코드는 아래 사진과 같이 작성하였습니다.

### 에러 핸들링 방법

위 코드와 같이 transform 속성을 사용하여 가운데 정렬을 해주니 아래 사진처럼 원하는 대로 동작하였습니다.

### 에러 핸들링을 위해 참고한 레퍼런스 링크
[fixed-position 에서 중앙정렬](https://velog.io/@mementomori/CSS-fixed-position%EC%97%90%EC%84%9C-%EC%A4%91%EC%95%99%EC%A0%95%EB%A0%AC)