<script>
  //헤더 풀다운메뉴
  $(document).ready(function () {
    $('#hd').on('mouseenter', function () {       
      $('#hd').css('background', 'rgba(0, 0, 0, 0.4)');
      $('.gnb_2dul').stop().animate({ 'height': '220px' }, 250);
      $('.gnb_1da').css('color', '#fff');
      
    //  $('.color_logo').css('display', 'block');
    //  $('.wh_logo').css('display', 'none');
    });

    $('#hd').on('mouseleave', function () {
      let anchor = window.location.hash.replace("#", '');   

      $('#hd').css('background', 'rgba(0, 0, 0, 0)');
      $('.gnb_2dul').stop().animate({ 'height': '-100px' }, 250);
      $('.gnb_1da').css('color', '#fff');            
      if(anchor === 'skills' || anchor === 'news') {
        $('.gnb_1da').css('color', '#000');
      }else {
        $('.gnb_1da').css('color', '#fff');
      }
      
    });
  });
</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" style="display: block;">
        <img src="images/pal_logo.png" class="color_logo" style="display: none;">
      </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">회사소개</a>
            <span class="bg">하위분류</span>
            <ul class="gnb_2dul">
              <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">기업정보</a></li>
              <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">연혁</a></li>
              <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">고객 및 협력사</a></li>
              <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">New & Story</a></li>
            </ul>
          </li>
          <li class="gnb_1dli">
            <a href="#none" target="_self" class="gnb_1da">사업분야</a>
            <span class="bg">하위분류</span>
            <ul class="gnb_2dul">
              <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">DRONE/PAV/UAM</a></li>
              <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">항공사업</a></li>
              <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">일반사업</a></li>
              <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">구축사례</a></li>
            </ul>
          </li>
          <li class="gnb_1dli">
            <a href="#none" target="_self" class="gnb_1da">R&D</a>
            <span class="bg">하위분류</span>
            <ul class="gnb_2dul">
              <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">연구 및 개발</a></li>
            </ul>
          </li>
          <li class="gnb_1dli">
            <a href="#none" target="_self" class="gnb_1da">고객센터</a>
            <span class="bg">하위분류</span>
            <ul class="gnb_2dul">
              <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">찾아오시는 길</a></li>
              <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">Contact US</a></li>
              <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">채용정보</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>

  </div>
</div>