<div style="display:none;">TESTAREA</div>
<script>
  window.onload = () => {
    if (window.location.href === 'https://team.gagenow.com/') {
      var videoSrc = 'https://firebasestorage.googleapis.com/v0/b/gagenow.appspot.com/o/2-1.mp4?alt=media&token=f28a520c-d53a-4a16-94b6-90e828a356d7';
      var selector = '.page_cover.css-1xdhyk6.e5kxa4l0';

      var imgTag = document.querySelector(selector);

      if (imgTag) {
        var videoTag = document.createElement('video');
        videoTag.src = videoSrc;
        videoTag.style.display = imgTag.style.display;
        videoTag.style.width = imgTag.style.width;
        videoTag.style.height = '600px !important'; 
        videoTag.style.opacity = imgTag.style.opacity;
        videoTag.style.objectFit = imgTag.style.objectFit;
        videoTag.style.borderRadius = imgTag.style.borderRadius;
        videoTag.style.objectPosition = imgTag.style.objectPosition;
        videoTag.autoplay = true; // autoplay 속성 추가
        videoTag.loop = true; // loop 속성 추가
        videoTag.muted = true;

        imgTag.replaceWith(videoTag);
      }
      document.querySelector("#__next > div > div > div.notion-app > div > div > div.notion-scroller.vertical.horizontal > div:nth-child(1) > video").style.maxHeight = '500px';
    }
  }
	</script>

  <div class="nav-core">
    <div class="gagenow-navbar">
      <div class="logo-area">
        <a href="https://team.gagenow.com/">
          <img src="https://i.ibb.co/Qjj6yt7/Ga-Ge-Now-Logo.png" alt="">
        </a>
      </div>
      <div class="menu-group">
        <a class="menu-item" href="https://team.gagenow.com/service">
          서비스 소개
          <div class="underline"></div>
        </a>
        <div class="BIN"></div>
        <a class="menu-item" href="https://team.gagenow.com/team">
          팀 소개
          <div class="underline"></div>
        </a>
        <div class="BIN"></div>
        <a class="menu-item" href="https://team.gagenow.com/qna">
          자주묻는 질문
          <div class="underline"></div>
        </a>
        <div class="BIN"></div>
        <a class="menu-item" href="https://team.gagenow.com/family">
          제휴 안내
          <div class="underline"></div>
        </a>
      </div>
    </div>
  </div>
  <div class="nav-mobile-core">
    <div class="gagenow-navbar-mobile">
      <div class="logo-area">
        <a href="https://team.gagenow.com/">
          <img src="https://i.ibb.co/Qjj6yt7/Ga-Ge-Now-Logo.png" alt="">
        </a>
      </div>
      <div class="buger-group">
        <div class="buger-open"><img src="https://i.ibb.co/dfz1Skf/buger-menu-open.png" alt=""></div>
        <div class="buger-close" style="display: none;"><img src="https://i.ibb.co/0s1XB45/buger-menu-close.png" alt=""></div>
      </div>
    </div>
  </div>
  <div class="gagenow-navbar-mobile-menu">
      <a class="menu-item" href="https://team.gagenow.com/service">서비스 소개</a>
      <a class="menu-item" href="https://team.gagenow.com/team">팀 소개</a>
      <a class="menu-item" href="https://team.gagenow.com/qna">자주묻는 질문</a>
      <a class="menu-item" href="https://team.gagenow.com/family">제휴 안내</a>
  </div>
  <div class="scroll-progress-bar"></div>
<div class="footer-core">
    <div class="footer-container">
      <div class="text-area">
        <div class="company">맨땅에 헤딩즈</div>
        <div class="ingredient">대표 : 강필진</div>
        <div class="company-registration-number">사업자 등록번호 : 415-49-00837</div>
        <div class="address">주소 : 광주광역시 동구 백서로 125번길 34-2, 5층 | 인천광역시 미추홀구 학익동 401-58, 시티필드 14층</div>
        <div class="contact">연락처 : 010-2926-6163 | gagenow@gagenow.com</div>
      </div>
      <div class="logo-area">
        <div class="group">
          <div class="menhez-logo">
            <img src="https://i.ibb.co/3WWHPZZ/Frame-288.png"> 
              
          </div>
          <div class="horizontal-axis"></div>
          <div class="gagenow-logo">
            <img src="https://i.ibb.co/hKMCtxr/Frame-289.png"> 
          </div>
        </div>
      </div>
    </div>
    <div class="footer-modile-container">
      <div class="logo-area">
        <div class="menhez-logo">
          <img src="https://i.ibb.co/3WWHPZZ/Frame-288.png"> 
        </div>
        <div class="axis"></div>
        <div class="gagenow-logo">
          <img src="https://i.ibb.co/hKMCtxr/Frame-289.png"> 
        </div>
      </div>
      <div class="text-area">
        <div class="company">맨땅에 헤딩즈</div>
        <div class="ingredient">
          <span>대표</span>
          <span>강필진</span>
        </div>
        <div class="company-registration-number">
          <span>사업자 등록번호</span>
          <span>415-49-00837</span>
        </div>
        <div class="address">
          <span>주소</span>
          <span>광주광역시 동구 백서로 125번길 34-2, 5층</span>
          <span>인천광역시 미추홀구 학익동 401-58, 시티필드 14층</span>
        </div>
        <div class="contact">
          <span>연락처</span>
          <span>010-2926-6163</span>
          <span>gagenow@gagenow.com</span>
        </div>
      </div>
  </div>

<script>
  document.querySelector('.buger-open').addEventListener('click', () => {
    document.querySelector('.buger-open').style.display = 'none';
    document.querySelector('.buger-close').style.display = 'block';
    document.querySelector('.gagenow-navbar-mobile-menu').classList.toggle('opened');
    
  });

  document.querySelector('.buger-close').addEventListener('click', () => {
    document.querySelector('.buger-close').style.display = 'none';
    document.querySelector('.buger-open').style.display = 'block';
    document.querySelector('.gagenow-navbar-mobile-menu').classList.remove('opened');
  });

  window.addEventListener('scroll', () => {
    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    const windowHeight = window.innerHeight;
    const documentHeight = document.documentElement.scrollHeight;
    const scrollRate = scrollTop / (documentHeight - windowHeight);
  
    const progressBar = document.querySelector('.scroll-progress-bar');
    progressBar.style.width = `${scrollRate * 100}%`;
  });
  
</script>