<div class="header-top"> <div class="wrap"> <div class="l-area"> <h1 class="logo"><a href="#none">다채움</a><a href="#none" class="txt">채움클래스</a></h1> </div> <div class="r-area pc-flex"> <ul class="util"> <li> <a href="#none" title="알림" class="util-noti"> <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 class="user-area"> <div class="profile"> <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 class="fnc"> <button type="button" class="btn-user-fnc-toggle">열기</button> </div> </div> <ul class="user-fnc-list"> <li> <a href="#none"><i class="ico-profile" aria-hidden="true"></i>프로필</a> </li> <li> <button type="button"><i class="ico-logout" aria-hidden="true"></i>로그아웃</button> </li> </ul> </div> </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="#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> <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> </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> </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> <li><a href="#none">나의 보관함</a></li> </ul> </li> </ul> </nav> </div> </div> </div> <script> $(document).ready(function () { $(document).on("click", ".util a", function (e) { $(".btn-site-menu-close").trigger("click"); }); }); </script>