메인배경이미지와 서브 배경이미지가 다를경우 ㅜ 채택완료

메인 배경이미지를 상단에 고정해서

body 속성에 메인배경이미지를 넣었습니다.

문제는 아래 그림처럼 서브 상단이미지가 다른데요- 보시는것과 같이

위에 메뉴 아래로  서브배경이미지가 들어가있어요-

사진의 메뉴와 서브배경사이 여백은 관리자로 로그인되어 있어서 내용수정 버튼 있는곳이라서

로그아웃하면 저 여백은 없어요~

위에 메뉴며 다른것들 다 무시하고 서브 상단이미지가 맨 위로 붙게하려면

어떻게 넣어주어야 하나요?

메인 배경이미지가 들어가있는 css이구요~

body {     font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;     font-style: normal;   font-weight: 300;     overflow-x: hidden;   background: url('../img/bgimg3.jpg') no-repeat;   background-position: center center;     background-repeat: none;     -webkit-background-size: cover;     -moz-background-size: cover;     background-size: cover;     -o-background-size: cover;     height: 100vh;   } 

요게 서브페이지가 들어있는 css입니다.

#s-bg {  overflow-x: hidden;  background: url('../img/sbg.jpg') no-repeat;');  font-style: normal;   background-position:top; !important;     background-repeat: none;     -webkit-background-size: cover;     -moz-background-size: cover;     background-size: cover;     -o-background-size: cover;

  }