xe스쿨 레이아웃 만드는 부분을 보고 따라해보고 있는데요

이제 다른 건 다 됐는데 매인 메뉴 마우스 오버 시 서브메뉴가 안뜨네요.....

메뉴바 관련 내용은 다음과 같은 것으로 파악했습니다.

[info.xml]

<menus>
        <menu name="main_menu" maxdepth="3" default="true">
        </menu>
    </menus>

[mylay.html]

<div class="gnb">
   <ul>
    <li loop="$main_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']">
                 <a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
     <ul cond="$val1['list']">
      <li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']">
                         <a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
                        </li>
     </ul>
    </li>
   </ul>
  </div>

[site_default.js]

// Global Navigation Bar
    var gMenu = $('.header>div.gnb');
    var gItem = gMenu.find('>ul>li');
    var ggItem = gMenu.find('>ul>li>ul>li');
    var lastEvent = null;
    gItem.find('>ul').hide();
 gItem.filter(':first').addClass('first');
    function gMenuToggle(){
        var t = $(this);
        if (t.next('ul').is(':hidden') || t.next('ul').length == 0) {
            gItem.find('>ul').slideUp(200);
            gItem.find('a').removeClass('hover');
            t.next('ul').slideDown(200);
            t.addClass('hover');           
        };
    };
    function gMenuOut(){
        gItem.find('ul').slideUp(200);
        gItem.find('a').removeClass('hover');
    };
    gItem.find('>a').mouseover(gMenuToggle).focus(gMenuToggle);
    gItem.mouseleave(gMenuOut);

[site_default.css]

/* 상단 메뉴바 */

.gnb{float:left;white-space:nowrap;margin-bottom:10px }
.gnb ul{list-style:none;margin:0;padding:0;zoom:1}
.gnb ul:after{content:"";display:block;clear:both}
.gnb ul ul{display:none;position:absolute;left:0;top:38px;padding:5px 0;background:#666;border:1px solid #444;border-top:0}
.gnb li{float:left;list-style:none;background:url(../images/default/bgGnbVr.gif) no-repeat left center;padding-left:2px;position:relative;white-space:nowrap}
.gnb li.first{padding:0;background:none}
.gnb li li{float:none;background:none;padding:0;left:0}
.gnb li a{float:left;padding:13px 15px 0 15px;height:25px;color:#e8e8e8;white-space:nowrap;text-decoration:none}
.gnb li a:hover,
.gnb li a:active,
.gnb li a:focus{color:#fff}
.gnb li.active a{font-weight:bold;color:#fff;background:url(../images/default/bgGnbOn.gif) no-repeat center top}
.gnb li li a{float:none;display:block;padding:5px 15px !important;background:none !important;height:auto;font-weight:normal !important}
.gnb li li.active a{font-weight:bold !important}

어디에 문제가 있을까요? css 제거시 메인 메뉴 리스트가 서브메뉴까지 다 정상적으로 생성된 것을 확인했습니다.