Gnb
<![CDATA[
<header class="lytGnb">
<!-- GNB top -->
<div class="upsideGnb">
<div class="upArea">
<div class="sideLt">
<a href="#" target="_blank" class="goKspo">국민체육진흥공단 사이트 바로가기</a>
</div>
<div class="sideRt">
<ul class="publicMenu">
<li class="item">
<a href="#">로그인</a>
</li>
<li class="item">
<a href="#">회원가입</a>
</li>
<li class="item">
<a href="#">사이트맵</a>
</li>
</ul>
<ul class="screenScale">
<li class="item">
<button type="button" class="btnScale minus">-</button>
</li>
<li class="item">100%</li>
<li class="item">
<button type="button" class="btnScale plus">+</button>
</li>
</ul>
</div>
</div>
</div>
<!-- GNB -->
<div class="topArea">
<div class="wrapGroup"> <!--2depth height 반영 용 랩-->
<div class="gnbArea">
<div class="logo">
<img src="/common/images/common/main_logo.png" alt="국민체력 100">
</div>
<div class="menuArea">
<ul class="depth1Group">
<li class="depth1Item">
<h2 class="depth1Tit">
<a href="#">국민체력 100</a>
</h2>
<ul class="depth2Group">
<li class="depth2Item">
<a href="#">국민체력100 소개</a>
</li>
<li class="depth2Item">
<a href="#">국민체력100 인증단계</a>
</li>
<li class="depth2Item">
<a href="#">체력인증센터 찾기</a>
</li>
</ul>
</li>
<li class="depth1Item">
<h2 class="depth1Tit">
<a href="#">체력측정</a>
</h2>
<ul class="depth2Group">
<li class="depth2Item">
<a href="#">국민체력인증</a>
</li>
<li class="depth2Item">
<a href="#">자가체력측정</a>
</li>
<li class="depth2Item">
<a href="#">간소화 측정</a>
</li>
</ul>
</li>
<li class="depth1Item">
<h2 class="depth1Tit">
<a href="#">체력증진교실</a>
</h2>
<ul class="depth2Group">
<li class="depth2Item">
<a href="#">체력증진교실</a>
</li>
<li class="depth2Item">
<a href="#">스포츠활동인증</a>
</li>
<li class="depth2Item">
<a href="#">체력관리정보</a>
</li>
<li class="depth2Item">
<a href="#">체력향상 프로그램</a>
</li>
<li class="depth2Item">
<a href="#">목적별 프로그램</a>
</li>
<li class="depth2Item">
<a href="#">운동처방 동영상</a>
</li>
</ul>
</li>
<li class="depth1Item">
<h2 class="depth1Tit">
<a href="#">스포츠 마일리지</a>
</h2>
<ul class="depth2Group">
<li class="depth2Item">
<a href="#">서비스 소개</a>
</li>
<li class="depth2Item">
<a href="#">인증기관</a>
</li>
<li class="depth2Item">
<a href="#">마일리지 전환</a>
</li>
<li class="depth2Item">
<a href="#">스포츠클럽</a>
</li>
</ul>
</li>
<li class="depth1Item">
<h2 class="depth1Tit">
<a href="#">커뮤니티</a>
</h2>
<ul class="depth2Group">
<li class="depth2Item">
<a href="#">공지사항</a>
</li>
<li class="depth2Item">
<a href="#">채용공고</a>
</li>
<li class="depth2Item">
<a href="#">센터소식</a>
</li>
<li class="depth2Item">
<a href="#">자주 묻는 질문</a>
</li>
<li class="depth2Item">
<a href="#">운동 상담사례s</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
]]>