<script>
  //헤더 아코디언 메뉴
  $(document).ready(function() {
  $(".gnb_1dli > a").on("click", function() {
    if ($(this).hasClass("active")) {
      $(this).removeClass("active");
      $(this)
        .siblings(".gnb_2dul")
        .slideUp(200);
      $(".gnb_1dli > a i")
        .removeClass("xi-angle-up-min")
        .addClass("xi-angle-down-min");
    } else {
      $(".gnb_1dli > a i")
        .removeClass("xi-angle-up-min")
        .addClass("xi-angle-down-min");
      $(this)
        .find("i")
        .removeClass("xi-angle-down-min")
        .addClass("xi-angle-up-min");
      $(".gnb_1dli > a").removeClass("active");
      $(this).addClass("active");
      $(".gnb_2dul").slideUp(200);
      $(this)
        .siblings(".gnb_2dul")
        .slideDown(200);
    }
  });
});
</script> 

<div id="hd">
  <!-- <h1 id="hd_h1">팔네트웍스</h1>

  <div id="skip_to_container"><a href="#container">본문 바로가기</a></div> -->

  <div id="hd_wrapper">

    <div id="logo">
      <a href="index.html">
        <img src="../images/pal_logo_wh.png" class="wh_logo">
        <!-- <img src="../images/pal_logo.png" class="color_logo"> -->
      </a>
    </div>
    <nav id="gnb">
      <h2>메인메뉴</h2>
      <div class="gnb_wrap">
        <ul id="gnb_1dul">
          <li class="gnb_1dli">
            <a href="#none" target="_self" class="gnb_1da ">COMPANY<i class="xi-angle-down-min"></i></a>
            <span class="bg">하위분류</span>
            <ul class="gnb_2dul">
              <li class="gnb_2dli"><a href="company.html" target="_self" class="gnb_2da">기업정보</a></li>
              <li class="gnb_2dli"><a href="history.html" target="_self" class="gnb_2da">연혁</a></li>
              <li class="gnb_2dli"><a href="partner.html" target="_self" class="gnb_2da">고객 및 협력사</a></li>
              <li class="gnb_2dli"><a href="map.html" target="_self" class="gnb_2da">찾아오시는 길</a></li> 
            </ul>
          </li>
          <li class="gnb_1dli">
            <a href="#none" target="_self" class="gnb_1da">BUSINESS<i class="xi-angle-down-min"></i></a>
            <span class="bg">하위분류</span>
            <ul class="gnb_2dul">
              <li class="gnb_2dli"><a href="business01.html" target="_self" class="gnb_2da">System Integration</a></li>
              <li class="gnb_2dli"><a href="business02.html" target="_self" class="gnb_2da">R&D</a></li>
              <!-- <li class="gnb_2dli"><a href="business03.html" target="_self" class="gnb_2da">구축사례</a></li> -->
            </ul>
          </li>
          <li class="gnb_1dli">
            <a href="#none" target="_self" class="gnb_1da">SOLUTION<i class="xi-angle-down-min"></i></a>
            <span class="bg">하위분류</span>
            <ul class="gnb_2dul">
              <li class="gnb_2dli"><a href="solution01.html" target="_self" class="gnb_2da">비행상황관리 시스템</a></li>
              <li class="gnb_2dli"><a href="solution02.html" target="_self" class="gnb_2da">IBE(Internet Booking Engine)</a></li>
              <li class="gnb_2dli"><a href="solution03.html" target="_self" class="gnb_2da">스마트 관광 예약 플랫폼</a></li>
              <li class="gnb_2dli"><a href="solution04.html" target="_self" class="gnb_2da">KT G-cloud 인천총판</a></li>
            </ul>
          </li>
          <li class="gnb_1dli">
            <a href="#none" target="_self" class="gnb_1da">CONTACT US<i class="xi-angle-down-min"></i></a>
            <span class="bg">하위분류</span>
            <ul class="gnb_2dul">
              <li class="gnb_2dli"><a href="message.html" target="_self" class="gnb_2da">문의하기</a></li>
              <li class="gnb_2dli"><a href="employ.html" target="_self" class="gnb_2da">채용정보</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>

  </div>
</div>