분리시켜 다르게 설정했기 때문입니다.

전체모습으로는 청와대 메뉴형태는 XE형태와 다릅니다.
굳이 XE를 이용해서 청와대와 같은 형태로 하자면
일단 똑같은 구조의 메뉴를 두개 만듭니다.
하나는 메인메뉴와 같은 이미지로 설정되는 메뉴와 하나는 좌측에 있는 로컬메뉴와 같은 이미지로 사용되는 메뉴를 만드는 겁니다.
(이건 좌측 최상단의 청와대 광장을 빼고 말씀드리는 겁니다 이건 나중에 이야기 하겠습니다.)
이 이유는 메인메뉴는 흰색으로 되어있고 청와대 광장 밑은 흰색이 아닌 청록색과 검은색 회색으로 이뤄져 있기 때문입니다.
같은 메뉴설정으로 끌어와 버리면 둘중에 하나는 엉망이 되겠죠...
다음으로 좌측메뉴가 폰트로 이뤄져 있다면 좀 쉬운데 저게 다 이미지라면 두번째 메뉴와 세번째 메뉴 그리고 active 되어 있는 메뉴색이 다 다르기에 품을 좀 많이 들여서 작업하여야 하고요...

마지막으로 좌측의 청와대 광장은 메뉴에서 설정이 아니라 페이지별 레이아웃을 하나씩 만들어서 해당 이미지를 넣으셔야 가능합니다.
메뉴설정으로 가능 할거는 같다만... css와 XE템플릿 문법에 대해 어느정도 이해가 되어 있어야 가능한 부분이라...

 XE에서 찾아 보실내용은
메인메뉴, 로컬메뉴, 메뉴템플릿 문법, 로컬메뉴 템플릿 문법, ul li{display:none} ul li.active{display:block}-이건 혹 레이아웃 따로 설정안하고 로컬메뉴로 끝내고 싶다면 사용하여야 할 부분입니다. 로컬메뉴 형태로 불러오는게 아니라 일반메뉴 형태로 불러와서 active(현재페이지나 현재페이지의 상부패이지에 붙히는 클라스명) 외에는 다 display:none 시켜 버리고 해당페이지나 아버지만 보이게 하는겁니다.