Code - yangart/sejongOn

<div class="header-common"> <div class="wrap"> <div class="l-area"> <ul class="common-lnk"> <li><a href="#none" class="is-active">온세종학교</a></li> <li><a href="#none">캠퍼스공동교육과정</a></li> </ul> </div> <div class="r-area"> <ul class="common-util"> <li> <i class="ico-language sm"></i> <select title="언어 선택" class="border-none sm caret"> <option>한국어</option> </select> </li> </ul> </div> </div> </div> <div class="header-top"> <div class="wrap"> <div class="l-area"> <h1 class="logo"><a href="#none">온세종학교</a></h1> </div> <div class="r-area pc-flex"> <ul class="util"> <li> <a href="#none" title="K-MOOC"> <i class="ico-util-kmooc"></i> <span>K-MOOC</span> </a> </li> <li> <a href="#none" title="쪽지"> <i class="ico-util-message"></i> <span>쪽지</span> </a> </li> <li> <a href="#none" title="나의보관함"> <i class="ico-util-myStorage"></i> <span>나의보관함</span> </a> </li> <li> <a href="#none" title="MY"> <i class="ico-util-my"></i> <span>MY</span> </a> </li> <li> <a href="#none" title="로그아웃"> <i class="ico-util-logout"></i> <span>로그아웃</span> </a> </li> <li> <a href="#none" title="로그인"> <i class="ico-util-login"></i> <span>로그인</span> </a> </li>  </ul> </div> <div class="r-area tamo-flex"> <button type="button" class="btn-site-menu-open"> 메뉴 </button> <div class="site-menu-area"> <nav class="site-menu">  <div class="menu-header"> <div class="menu-info"> <div class="l-area"> <a href="#none" class="btn-login">로그인을 해주세요.</a> </div> </div>  <div class="menu-info"> <div class="l-area"> <div class="profile lg"> <div class="img-area"> <figure> <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> </figure> </div> <div class="txt-area"> <strong class="profile-tit"><em>학생명</em> 학생</strong> <span>닉네임</span> </div> </div> </div> <div class="r-area"> <a href="#none" class="ico-profile">마이페이지</a> <a href="#none" class="ico-logout">로그아웃</a> </div> </div> <div class="menu-util"> <ul class="util"> <li> <a href="#none" title="알림" class="util-noti" onclick=" popupOpenPub('popupmodal');"> <span>알림</span> <span class="badge min">새 알림</span> </a> </li> <li> <a href="#none" title="쪽지" class="util-note"> <span>쪽지</span> </a> </li> <li> <a href="#none" title="바로가기" class="util-shortcut"> <span>바로가기</span> </a> </li> </ul> </div> </div> <div class="menu-body"> <ul class="menu"> <li> <a href="#none">1depth</a> <ul> <li class="is-active"> <a href="https://www.naver.com">2depth</a> <ul> <li><a href="https://www.naver.com">3depth</a></li> <li><a href="#none">3depth</a></li> <li><a href="#none">3depth</a></li> </ul> </li> <li> <a href="#none">2depth</a> <ul> <li><a href="#none">3depth</a></li> <li><a href="#none">3depth</a></li> <li><a href="#none">3depth</a></li> </ul> </li> <li><a href="https://www.naver.com">2depth</a></li> </ul> </li> <li> <a href="#none">1depth</a> <ul> <li> <a href="#none">2depth</a> <ul> <li><a href="#none">3depth</a></li> <li><a href="#none">3depth</a></li> <li><a href="#none">3depth</a></li> </ul> </li> <li><a href="#none">2depth</a></li> <li><a href="#none">2depth</a></li> </ul> </li> </ul> </div> <button type="button" class="btn-site-menu-close">메뉴 닫기</button> </nav> </div> </div> </div> </div> <div class="header-etc"> <div class="wrap"> <div class="l-area"> <nav class="gnb"> <ul> <li> <button type="button">학교안내</button> <ul> <li><a href="#none">인사말</a></li> <li><a href="#none">교육목표</a></li> <li><a href="#none">학교상징</a></li> <li><a href="#none">학교현황</a></li> <li><a href="#none">오시는길</a></li> </ul> </li> <li> <button type="button">알림마당</button> <ul> <li><a href="#none">공지사항</a></li> <li><a href="#none">가정통신문</a></li> <li><a href="#none">학사일정</a></li> <li><a href="#none">채용공고</a></li> <li><a href="#none">행사일정</a></li> </ul> </li> <li><a href="#none">수강신청</a></li> <li> <button type="button">정보공개</button> <ul> <li><a href="#none">재정운영공개</a></li> <li><a href="#none">정보목록공개</a></li> <li><a href="#none">비공개대상세부목록공개</a></li> </ul> </li> </ul> </nav> </div> </div> </div>