left 메뉴 고정 채택완료

</p>

<p><script type="text/javascript">

$(document).ready(function()

{

    //slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 

    $("#firstpane p.menu_head").click(function()

    {

        $(this)//.css({backgroundImage:"url(<?php echo G5_THEME_URL ?>/img/sub/down.png)"})

            .next("div.menu_body").slideToggle(100).siblings("div.menu_body").slideUp("slow");

           $(this).siblings()//.css({backgroundImage:"url(<?php echo G5_THEME_URL ?>/img/sub/left.png)"});

    });

    //slides the element with class "menu_body" when mouse is over the paragraph

    $("#secondpane p.menu_head").mouseover(function()

    {

         $(this)//.css({backgroundImage:"url(<?php echo G5_THEME_URL ?>/img/sub/down.png)"})

             .next("div.menu_body").slideDown(200).siblings("div.menu_body").slideUp("slow");

         $(this).siblings()//.css({backgroundImage:"url(<?php echo G5_THEME_URL ?>/img/sub/left.png)"});

    });

});

</script>

<style type="text/css"></p>

<p>.menu_list {    

    width: 200px;

    margin-top:30px;

    font-size:15px;

}

.menu_head {

    cursor: pointer;

    position: relative;

    margin:1px;

    border-bottom:1px solid #e1e1e1;

    font-weight:bold;

    background: #fff url('<?php echo G5_THEME_URL ?>/img/sub/left.png') center right no-repeat;

}

.menu_head:hover {background-color:#004083; color:white;}

.menu_head a:hover { color:white; }

.menu_body {

    display:none;

}

.menu_body a{

  display:block;

  color:#006699;

  background-color:#EFEFEF;

  padding:10px 10px;

  font-weight:bold;

  text-decoration:none;

  padding-left:22px;

}

.menu_body a:hover{

  color: #000000;

  text-decoration:underline;

  }

</style></p>

<p>