전체메뉴 소스 질문! 채택완료

</p><p><script type="text/javascript">
//네비게이션 레이아웃 적용
 $(document).ready(function(){
 $("nav.nav a").mouseenter(function() {
   if($("div#subBox").css("display") != "block"){
    $("div#subBox").show();
    $("ul.depth2").slideDown();
   }
 });
       $("div.navBox").mouseleave(function() {
     $("div#subBox").hide();
     $("ul.depth2").hide();
     });
 })
  </p><p>// 네비게이션 서브메뉴 배경 세로사이즈 적용
$(document).ready(function(){
 var heights = $("ul.depth2").map(function ()
    {
        return $(this).height();
    }).get(),</p><p>    maxHeight = Math.max.apply(null, heights);
 
 $("div.subBox").css('height', maxHeight + 30);
 $("ul.depth2").css('height', maxHeight + 20);
 
 $("nav.nav a").mouseenter(function() {
  $("li.gnb1").css('height', maxHeight + 77);
 });
 $("nav.nav a").mouseleave(function() {
  $("li.gnb1").css('height', 47);
 });</p><p>});
</script></p><p>

</p><p> <div class="navBox">
        <div id="subBox" class="subBox"></div>
        <nav class="nav">
         <ul class="depth1">
            
            <li class="new_gnb1">
                <a href="#" target="_self" class="new_nav_1da">대분류1</a>
                <ul class="new_depth2">
                    <li id="new_nav_2da"><a href="#" target="_self" class="new_nav_2da">중분류1</a></li>
                    <li id="new_nav_2da"><a href="#" target="_self" class="new_nav_2da">중분류2</a></li>
                 </ul>
            </li>
            <li class="new_gnb1">
                <a href="#" target="_self" class="new_nav_1da">대분류2</a>
                <ul class="new_depth2">
                    <li id="new_nav_2da"><a href="#" target="_self" class="new_nav_2da">중분류1</a></li>
                    <li id="new_nav_2da"><a href="#" target="_self" class="new_nav_2da">중분류2</a></li>
                 </ul>
            </li>
            
            <li class="gnb1">
                <a href="#" target="_self" class="nav_1da">대분류3</a>
                <ul class="depth2">
                    <li id="nav_2da"><a href="#" target="_self" class="nav_2da">중분류1</a></li>
                    <li id="nav_2da"><a href="#" target="_self" class="nav_2da">중분류2</a></li>
                 </ul>
            </li>
            <li class="gnb1">
                <a href="#" target="_self" class="nav_1da">대분류4</a>
                <ul class="depth2">
                    <li id="nav_2da"><a href="#" target="_self" class="nav_2da">중분류1</a></li>
                    <li id="nav_2da"><a href="#" target="_self" class="nav_2da">중분류2</a></li>
                 </ul>
            </li>
            
         </ul>
       </nav>
    </div></p><p>