<ul id="gnb">

        <!-- main_menu 1차 시작 -->

        {@ $idx = 1 }

        <!--@foreach($main_menu->list as $key => $val)-->

        <!--@if($val['link'])-->

        <!--@if($val['selected'])-->

        {@ $menu_1st = $val }

        <!--@end-->

        <li 

        <!--@if($val['selected'])-->

        

        <!--@end-->

        ><a href="{$val['href']}" 

        <!--@if($val['open_window']=='Y')-->

        onclick="window.open(this.href);return false;"

        <!--@end-->

        >{$val['link']}</a>

        </li>

        <!--@end-->

        {@$idx++}

        <!--@end-->

        <!-- main_menu 1차 끝 -->

      </ul>

      <script language="javascript1.2">

var menuLen={$idx-1};

</script>

      <ul id="community">

        <li><img src="images/header/gnb/06_csi_off.gif" alt="네티즌수사대" /></li>

        <li><img src="images/header/gnb/07_club_off.gif" alt="클럽" /></li>

        <li><img src="images/header/gnb/08_community_off.gif" alt="커뮤니티" /></li>

      </ul>

      <!--히든 레이어 메뉴-->

      <!-- main_menu 1차 시작 -->

      {@ $idx = 1 }

      <!--@foreach($main_menu->list as $key => $val)-->

      <!--@if($val['text'])-->

      <!--2차메뉴-->

      <div class="subMenu" id="subMenu_{$idx}" style="<!--@if($val['selected'])-->display:block; font-color:#d70707;<!--@else-->font-color:#d70707; display:none;<!--@end-->">

        <!--@foreach($val['list'] as $key1 => $val1)-->

        <!--@if($val1['text'])-->

        <!--@if($val1['selected'])-->

        <!--@end-->

        <a id="lnb1" href="{$val1['href']}" 

        <!--@if($val1['open_window']=='Y')-->

        onclick="window.open(this.href);return false;"

        <!--@end-->

        >{$val1['text']}</a>

        <!--@end-->

        <!--@end-->

      </div>

      <!--@end-->

      {@$idx++}

      <!--@end-->

      <!-- main_menu 1차 끝 -->

1차에 메뉴올리면 2차가 아주 잘 나옵니다.

2차 메뉴를 클릭했을때 해당페이지가 있을경우 자동인식하고 2차 메뉴 폰트에 변화를 줄수 있는지요....

도와주세요..