side-navi
<![CDATA[
<div class="container" id="container">
<!-- 서브 비주얼 영역 -->
<div class="lytSubVisual">
<div class="visualArea subV5"> <!--class 'subV1, 2, 3, 4' 로 비주얼 구분-->
<div class="vsTit tView">커뮤니티</div>
<div class="subCharacter char5">"힘내자 힘"</div><!--class 'char1, 2, 3, 4' 로 캐릭터 구분-->
</div>
<!-- 네비게이션 -->
<div class="comNavigation">
<div class="naviArea">
<div class="navigation">
<ul class="naviGroup">
<li class="item">
<a href="#" class="home">HOME</a>
</li>
<li class="item">커뮤니티</li>
<li class="item">공지사항</li>
</ul>
</div>
<div class="unitBtnGroup">
<button type="button" class="unitBtn share">공유하기</button>
<button type="button" class="unitBtn print">프린트하기</button>
</div>
</div>
</div>
</div>
<div class="lytSub">
<div class="subWrap">
<!-- 좌메뉴 영역 -->
<div class="navArea">
<div class="mHome">
<a href="/index.html" class="btnHome">메인페이지로</a>
</div>
<div class="titArea">
<div class="subtit">
<h2 class="tit">커뮤니티</h2>
</div>
</div>
<div class="navWrap">
<ul class="navGroup"> <!--class 'open ' : mobile 메뉴 열기-->
<li class="item"> <!--class 'on' : 현재페이지-->
<a href="/contents/community/notice_list.html">공지사항</a>
</li>
<li class="item">
<a href="/contents/community/employ_list.html">채용공고</a>
</li>
<li class="item">
<a href="/contents/community/center_list.html">센터소식</a>
</li>
<li class="item">
<a href="/contents/community/faq_list.html">자주 묻는 질문</a>
</li>
<li class="item">
<a href="/contents/community/counsel_list.html">운동 상담사례</a>
</li>
</ul>
</div>
</div>
<!-- 컨텐츠 영역 -->
<div class="contArea">
</div>
</div>
</div>
</div>
]]>