Code - yangart/cbeHanja

<div class="header-top"> <div class="wrap"> <div class="l-area"> <h1 class="logo"><a href="https://dcu.cbe.go.kr">다채움</a><a href="index.html" class="txt">한자교실</a></h1> </div> <div class="r-area pc-flex"> <div class="user-area"> <div class="profile"> <div class="img-area"> <figure> <img src="../resources/front/site/SITE_00000/images/common/profile/profile-stu.svg" alt="학생 섬네일"> </figure> </div> <div class="txt-area"> <strong class="profile-tit"><em>김채움</em> 학생</strong>  </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_00002/images/common/profile/profile-stu.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" class="util-noti"><span>가정통신문</span></a> </li> <li> <div class="btn-util-area"> <button type="button" class="btn-util-toggle util-teaset"><span>담임관리</span></button> <ul class="util-list" style="position: absolute;"> <li> <a href="#none">학생관리</a> </li> <li> <a href="#none">학부모관리</a> </li> </ul> </div> </li> <li> <a href="#none" class="util-authority"><span>교권침해 신고</span></a> </li> <li> <a href="#none" class="util-setting"><span>맞춤설정</span></a> </li> <li> <a href="#none" class="util-adit"><span>AI 디지털교과서</span></a> </li>  </ul> </div> </div> <div class="menu-body"> <ul class="menu"> <li> <a href="#none">채움클래스</a> <ul> <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> <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> <li> <a href="#none">체인지</a> <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> <li> <a href="#none">진로서비스</a> <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> </li> <li> <a href="#none">채움책방</a> <ul> <li><a href="#none">사용신청하기</a></li> </ul> </li> <li> <a href="#none">공공/민간 에듀테크</a> <ul> <li><a href="#none">화상수업</a></li> <li><a href="#none">공공문항 시스템</a></li> </ul> </li> <li> <a href="#none">기초학력</a> <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> </li> <li> <a href="#none">커뮤니티</a> <ul> <li><a href="#none">공지사항</a></li> <li><a href="#none">문의하기</a></li> <li><a href="#none">FAQ</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> <a href="https://www.naver.com">채움클래스</a> <ul> <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> <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> <li> <a href="#none">체인지</a> <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> <li> <a href="#none">진로서비스</a> <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> </li> <li> <a href="#none">채움책방</a> <ul> <li><a href="#none">사용신청하기</a></li> </ul> </li> <li> <a href="#none">공공/민간 에듀테크</a> <ul> <li><a href="#none">화상수업</a></li> <li><a href="#none">공공문항 시스템</a></li> </ul> </li> <li> <a href="#none">기초학력</a> <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> </li> <li> <a href="#none">커뮤니티</a> <ul> <li><a href="#none">공지사항</a></li> <li><a href="#none">문의하기</a></li> <li><a href="#none">FAQ</a></li> </ul> </li> </ul> </nav> </div> </div> </div>