ctyle.css와 layout.html인데요

굵게 한부분이 1차메뉴 가로로 해주는 부분인데... 2차메뉴 가로로 놓고 싶은데... 도저히 안되네요~~

조언부탁드립니다.

<div id="wrap">
<div class="top">
    <div class="header">
     <div class="logo">
   <a href="{$layout_info->index_url}" cond="$layout_info->logo_image"><img src="{$layout_info->logo_image}" /></a>
   <a href="{$layout_info->index_url}" cond="!$layout_info->logo_image">{$layout_info->logo_image_alt}</a>
  </div>
  <ul class="gnb">
         <!--<li class="m1 m_on">-->
   <li loop="$main_menu->list=>$key1,$val1" class="m1">
    <a class="m1_a" href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'"><span class="m1_span">{$val1['link']}</span></a>
    <div class="sub" cond="$val1['list']">
     <ul class="lnb">
      <li loop="$val1['list']=>$key2,$val2" class="s1"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a></li>
     </ul>
     <div class="bottom"><span></span></div>
    </div>
   </li>
    </ul><!-- //gnb -->
  <!--//<img class="zbxe_widget_output" widget="login_info" skin="xe_solid_enterprise_login" colorset="default" />-->
    </div><!-- //header -->
</div>

/* GNB */
.header .gnb    {position:absolute;top:43px; left:180px;z-index:300;}
.gnb li.m1     {width:120px;height:30px;float:left;position:relative;}
.gnb li.m_on    {no-repeat top left;}

.gnb a      {font-family:Arial, Helvetica, sans-serif;font-weight:bold;outline:none;ie-dummy: expression(this.hideFocus=true);}
.gnb li.m1 a.m1_a   {color:#000;font-size:17px;line-height:14px;text-decoration:none;display:block;width:100px;height:30px;cursor:pointer;}

.gnb li.m_on a.m1_a   {color:#0f0f0f !important;}
.gnb li.m1 span.m1_span  {display:block;width:130px;height:25px;text-align:center;padding-top:3px;}

.gnb .lnb     {margin:0;padding:1px 0 0 0;background:url(../images/lnb_bg.gif) no-repeat top left;}
.gnb .sub     {width:126px;position:absolute;left:2px;z-index:1000; display:none;}
.gnb .lnb .s1    {width:126px;height:32px;background: url(../images/lnb_bg.gif) no-repeat top left;}
.gnb .lnb .s1 a    {width:126px;height:24px;padding-top:8px;font-size:12px;text-align:center;color:#5e5e60;display:block;font-weight:bold;text-decoration:none;}
.gnb .lnb .s1 a:hover  {color:white;background:url(../images/lnb_bg_on.gif) no-repeat 1px 0;}
.gnb .lnb .s1 a.a_on  {color:white;background:url(../images/lnb_bg_on.gif) no-repeat 1px 0;}
.gnb .bottom   {width:126px;height:3px;background:url(../images/lnb_bg.gif) no-repeat bottom left;}
.gnb .bottom span   {width:0;height:0;background:#000;}