<div class="bg-dark" id="bgDiv" style="display: none;"></div>
<div class="gnb" id="gnbDiv">
    <div class="cont-nav">
        <a class="cont-logo" href="/72aa1ee0-2335-4877-b278-072a5721cd08"></a>
        <div class="cont-nav-right">
            <a class="bt-app" href="/0839dc6f-a752-4450-a778-d3dfaf799572">앱 다운로드</a>
            <div class="bt-menu" id="btDiv" onclick="ToggleMenu()"></div>
        </div>
    </div>
    <div class="cont-menu" id="menuDiv" style="display: none;">
      	<div class="office-tray">
        	<a class="office-item" href="/a0041211-441e-4f48-b38e-a17b04a580ec">구의</a>
          <a class="office-item" href="/c2c8fca2-c590-4a44-af17-13e2bd1e6cb6">사당</a>
          <a class="office-item" href="/865d0e0c-7b34-4cb5-95c8-3b34d9c78f06">한대앞</a>
          <a class="office-item w" href="/8812f82a-c248-43c6-9184-ca9ec3295570">🌴 제주</a>
      	</div>
        <a class="bt-item" href="/e81d888e-0fdc-49b3-9192-98f49c9ccd73"><span class="gd">원루프랩 오리지널 콘텐츠</span><span class="st2">ONLY ONEROOF <i>lab</i></span></a>
        <a class="bt-item" href="/88d6d8d7-8490-43e6-aa3a-c42f18bf4ac3">요금 및 이용권</a>
        <a class="bt-item" href="/1d6a2026-b32a-4155-8eb5-dba88be3425f">서비스 공지사항</a>
        <a class="bt-item" href="/171bb523-fd1e-4caa-9d19-94cca039cee1">진행 중인 이벤트</a>
        <a class="bt-item" href="https://oneroof.co.kr/" target="_blank">오늘은 어디서 일할까?<div class="window-icon"></div></a>
        
        <a class="bt-item" href="/07758fef-055a-40f8-a85e-2ad8ae28eb6c">공유 오피스를 운영한다면<span class="st2">Partners</span></a>
      	<a class="bt-item cs" href="https://onerooflab.channel.io/" target="_blank">원루프랩 고객센터</a>
        
    </div>
</div>
<div class="footer">
  <div class="cont-footer">
    <div class="cont-ch">
      <div class="ch-item"><a href="https://onerooflab.channel.io/" target="_blank">고객센터</a></div>
      <div class="ch-item"><a href="https://www.instagram.com/oneroof_lab" target="_blank">인스타그램</a></div>
      <div class="ch-item"><a href="https://blog.naver.com/one_roof" target="_blank">네이버 블로그</a></div>
      <div class="ch-item"><a href="https://m.post.naver.com/my.naver?memberNo=51744147" target="_blank">네이버 포스트</a></div>
    </div>
    <div class="cont-orf">
      <p class="title">We Serve Workers!</p>
      <p class="desc">직장인을 위한 공간과 서비스를 만듭니다.</p>
    </div>
    <div class="cont-copyright">
        <p class="title">원루프 ㈜</p>
      <ul>
        <li class="ct">제주특별자치도 제주시 홍랑길 15</li>
      </ul>
      <ul>
        <li class="ct"><span>사업자등록번호</span>828-87-01261</li>
        <li class="ct"><span>대표이사</span>양승현</li>
      </ul>
      <ul>
        <li class="ct"><span>통신판매업신고</span>2021-삼도1동-00258호</li>
        <li class="ct"><span><a href="http://www.ftc.go.kr/bizCommPop.do?wrkr_no=8288701261" class="dark" target="_blank">사업자 정보 확인</a></span></li>
      </ul>
      <ul>
        <li class="ct"><span>고객센터</span><a href="https://onerooflab.channel.io/" class="light" target="_blank">onerooflab.channel.io</a></li>
        <li class="ct"><span>이메일</span><a href="mailto:help@oneroof.co.kr" class="light">help@oneroof.co.kr</a></li>
      </ul>
    </div>
    <div class="cont-terms">
      <ul>
        <li class="ct"><a href="/0a706cb8-ecfd-46d9-ace3-3e1462048934" target="_self">개인정보처리방침</a></li>
        <li class="ct"><a href="/9f732e88-09e9-475d-89b5-e58fc69f9c68" target="_self">서비스이용약관</a></li>
        <li class="ct"><a href="/69a00131-571c-4a05-8c57-9148910d2570" target="_self">환불규정</a></li>
      </ul>
    </div>
    </div>
</div>
<script>
    function ToggleMenu() {
        var tmp=document.getElementById("menuDiv");
        var bt=document.getElementById("btDiv");
        var bg=document.getElementById("bgDiv");
        var gnb=document.getElementById("gnbDiv");
      
        if(tmp.style.display=='none') {
          bg.style.display = "block";
          tmp.style.display = "block";
          bt.classList.toggle('opened');
          gnb.classList.toggle('opened');
          document.body.style.overflow = "hidden";
        }
        else {
          bg.style.display = "none";
          tmp.style.display = "none";
          bt.classList.toggle('opened');
          gnb.classList.toggle('opened');
          document.body.style.overflow = "unset";
        }
    }
</script>

<script>
// Hide Header on on scroll down
var didScroll;
var lastScrollTop = 0;
var delta = 5;
var gnb=document.getElementById("gnbDiv");
// var navbarHeight = gnb.outerHeight();

$(window).scroll(function(event){ didScroll = true; });

setInterval(function() {
	if (didScroll) {
	hasScrolled();
	didScroll = false;
	}
}, 250);

function hasScrolled() {
	var st = $(this).scrollTop();
	if(Math.abs(lastScrollTop - st) <= delta) return; 
	if (st > lastScrollTop && st > 60){ 
          gnb.classList.add('nav-up');
	} else {
		if(st + $(window).height() < $(document).height()) {
          gnb.classList.remove('nav-up');
		}
	}
	lastScrollTop = st;
}
</script>

ONEROOF lab Display