<main>부분에 data가 없는 경우,

<nav>높이와 <main>높이가 맞지 않아서 빈 공간이 생겼다.

min-height를 이용하여 <header>와 <footer>높이를 전체 높이에서 제외한 부분으로 최소 높이를 만들었다.

min-height: calc(100vh - (header_height)px- (footer_height)px);