#gnb {position:absolute; top:27px; left:0; height:20px; overflow:hidden; white-space:nowrap; margin-bottom:10px; padding-left:1px; margin-left:-7px;}

#gnb li {display:inline; float:left; list-style:none; background:url(../images/default/bgGnbVr.gif) no-repeat left center; margin-top:2px; padding-left:1px; position:relative; left:-2px; white-space:nowrap;}

#gnb li a {display:inline; float:left; font:11px dotum; padding:3px 7px 5px 7px; margin:0px 1px 0px 1px; height:10px; color:#636363; white-space:nowrap; text-decoration:none; }

#gnb li a:hover,

#gnb li a:focus { color:#000000; }

#gnb li.on a {color:#0066cc;}

이 부분이 상단 메뉴 부분인거 같습니다.

메뉴를 크게 감싸고 있는 부분이 

#gnb {position:absolute; top:27px; left:0; height:20px; overflow:hidden; white-space:nowrap; margin-bottom:10px; padding-left:1px; margin-left:-7px;} 이쪽 부분인데요.

여기가 position:absolute(absolute는 이걸 감싸고 있는 부분의 기준으로 상대적 위치를 설정하는 것이기에 이 부분을 고치는건 css에 대해 좀 아는사람이 해야 할 일이기에 힘들거 같고요)로 되어 있어서 지금 상황에서 최선은   left:0; 부분의 수치를 left:100px등 알아서 바꾸시면서 중간에 놓도록 손수 입력하는 방법밖에 없어 보입니다.

이미지 다운로드가 힘들어서 정확한 상황이 파악이 안되서 이정도 밖에 말씀 못드리것네요.

단 지금 css에서는 background 이미지가 없어서 이렇게 적은 것인데 백그라운드 이미지가 있다면 위와 같은 방식으로 하시면 안됩니다.