pal-home-front/html/include/header.html

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

    $('#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');    
    //  $('.hd-sub .color_logo').css('display', 'block');
    //  $('.hd-sub .wh_logo').css('display', 'none');        
      
    });


    	//햄버거메뉴 X버튼 활성화 및 메뉴바 슬라이딩
	$('.mg_btn').click(function(){
		$('.mg_box').toggleClass('on');
		$('.m_gnb').toggleClass('on');
		$('.mg_btn').toggleClass('on');
		$('.mg_wrap').toggleClass('on');
		$('.mg_bk').toggleClass('on');
		$('html').toggleClass('on');
		$('#logo').toggleClass('on');
		$('.mg_wrap>ul>li>ul').slideUp(100);
	});
	//메뉴바 FULL HEIGHT
  
	$('.mg_box').css('height', $(window).height());
	$('.m_gnb').css('height', $(window).height());
	$('.mg_wrap').css('height', $(window).height());
	$(window).resize(function(){
		$('.mg_box').css('height', $(window).height());
		$('.m_gnb').css('height', $(window).height());
		$('.mg_wrap').css('height', $(window).height());
	});

	//리스트제목 클릭시 리스트 노출
	$('.mg_wrap>ul>li').click(function(){
		$(this).children('ul:not(:animated)').slideToggle(500);
	});
});
</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" class="pc-hd">
      <h2>메인메뉴</h2>
      <div class="gnb_wrap">
        <ul id="gnb_1dul">
          <li class="gnb_1dli">
            <a href="company.html" target="_self" class="gnb_1da">COMPANY</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="business01.html" target="_self" class="gnb_1da">BUSINESS</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="solution01.html" target="_self" class="gnb_1da">SOLUTION</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="message.html" target="_self" class="gnb_1da">CONTACT US</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 class="mg_btn">
    <span></span>
    <span></span>
    <span></span>
  </div>
  <div class="mg_box">
    <nav class="m_gnb">
      <div class="mg_wrap">
        <ul>
          <li class="gnb_1dli">
            <a href="#" target="_self" class="gnb_1da">COMPANY</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="#l" target="_self" class="gnb_1da">BUSINESS</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="#" target="_self" class="gnb_1da">SOLUTION</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="#" target="_self" class="gnb_1da">CONTACT US</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>
      <div class="mg_bk"></div>
    </nav>
  </div>
</div>