위와같이 로고는 중앙정렬이고 아래에 나오는 메뉴는 좌측정렬입니다.

아무리 검색해서 CSS를 수정해보아도 제 능력으로는 도저히 안되어 이렇게 도움 요청드립니다.

url은 http://test.webpyrus.gethompy.com/museeneuf/ 입니다.

아래 CSS 중 수정하면 될듯한테 고수님들의 조언 부탁드립니다.

/* Site Layout - Header */
.header{position:fixed;_position:absolute;z-index:5;width:100%;left:0;top:0;padding-bottom:2px;background:url(../img/breadclumb_t.png) repeat-x left bottom;_background:none;}
/* -- 메뉴 상단 -- */
.top_header{position:relative;background-image:url(../img/top_header.png);background-repeat:repeat-x;background-position:left bottom;}
.top_color .top_header{background-image:url(../img/top_headerB.png);}
.hidden_header{display:none;overflow:hidden;}
/* -- 우상단 로그인 -- */
.account{position:relative;z-index:1;*zoom:1;}
.account ul{ margin:0; padding:0; z-index:2;list-style:none;float:right;}
.account li{float:left;height:30px;line-height:30px;position:relative;}
.account li a{text-decoration:none;padding:0;height:30px;line-height:30px;display:inline-block;padding:0 10px;}
.account font-color:black;

/* 로고 */
.header .wrap_logo{height:100px;}
.header h1.logo{margin:0;padding:0 0 0 20px;position:relative;z-index:2;}
.header h1.logo_center{padding:0;text-align:center;}
.header h1.logo a.text_logo{color:#fff;font-size:48px;font-family:"Oswald", Arial, Helvetica, sans-serif}
.header a{text-decoration:none}
.header img{vertical-align:middle;}
.header h1 img{line-height:100px;max-height:100px;}
.header ul{list-style:none;margin:0;padding:0;zoom:1;position:relative;}
.header ul:after{content:"";display:block;clear:both}
.header a.first_a{float:left;height:60px;line-height:60px;padding:0 30px;font-size:13px;font-weight:nomal;-webkit-text-shadow:0px 0px 0 rgba(0,0,0,0.3);-moz-text-shadow:0px 0px 0 rgba(0,0,0,0.3);text-shadow:0px 0px 0 rgba(0,0,0,0.3);}

/* -- 메뉴 -- */
.middle_menu{height:60px;position:relative;z-index:3;-webkit-box-shadow:0 2px 2px rgba(255, 0, 0, 0.8);-moz-box-shadow:0 2px 2px rgba(0, 0, 0, .3);box-shadow:0 2px 2px rgba(0, 0, 0, .3);}
.gnb{white-space:nowrap; float:left;position:relative; }
.gnb li.first_li{float:left;white-space:nowrap;}
.gnb li{position:relative;}
.gnb li a{text-decoration:none;}
.gnb li a i{padding-left:5px;}

.gnb .first_span{position:relative;height:60px;display:inline-block;cursor:pointer;}
.gnb .hover_arrow{width:0px; height:0px; border:5px solid transparent;
border-top:0px;border-bottom-width:6px;border-bottom-style:solid;left:50%;margin-left:-5px;bottom:0; position:absolute; display:none;}
.gnb li.second_li a i{position:absolute;right:10px;top:15px;}
.main_menu div.sub1,
.main_menu ul ul.sub2{display:none;}
.main_menu div{position:absolute;left:0;top:100%;padding-right:10px;background:url(../img/empty.gif)}