UTF-8로 저장하면서 HTML파일안에 UTF-8방식입니다 라는 메세지가 들어가서 그런겁니다.
포털검색하면 에디터플러스나 아크로에디터등의 웹용 메모장이 있을겁니다.
사용법도 읽어보시구요. 빈 공간이 왜 생기는지 아시게 될겁니다...

저도 잘 모르지만 로그인(헤더) 위에 공간을 말씀하시는것 같은데..
레이아웃 css화일 열어보시면.. 상단 부분에.. 아래글이 있을겁니다.

#bodyWrap { width:980px;(레이아웃 넓이) margin:1.5em auto 0 auto;(상단여백 1.5em) }

이문구에서 1.5em을 0em으로 하면 위로 붙을 거예요..
이미 하셨는데 떨어져 있다면..
헤더의 다른곳에서 수정을 해야할것으로 압니다.

틀리면..죄송
 

그리고 좌측메뉴에서
미사시간&교리시간을===>미사&교리시간 으로 명칭을 바꾸면 줄이 안바뀔 것 같네요.