<div class="header-common"> <div class="wrap"> <div class="l-area"> <ul class="common-lnk"> <li><a href="#none">온세종학교</a></li> <li><a href="#none" class="is-active">캠퍼스공동교육과정</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> <!-- <li> <a href="#none" title="바로가기"> <i class="ico-util-contents"></i> <span>콘텐츠은행</span> </a> </li> <li> <a href="#none" title="시설예약"> <i class="ico-util-facility"></i> <span>시설예약</span> </a> </li> --> </ul> </div> <div class="r-area tamo-flex"> <a href="#none" class="ico-login">로그인</a> <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"> <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="btn circle sm ico-logout">로그아웃</a> </div> </div> <div class="menu-util"> <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> </ul> </div> </div> <div class="menu-body"> <ul class="menu"> <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> <li><a href="#none">나의 강의실</a></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><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> <li><a href="#none">나의 강의실</a></li> </ul> </nav> </div> </div> </div>