<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> <!-- <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-stu.svg" alt="학생 섬네일"> </figure> </div> <div class="txt-area"> <strong class="profile-tit"><em>김채움</em> 학생</strong> </div> </div> </div> <div class="r-area"> <a href="#none" class="ico-profile">마이페이지</a> <a href="#none" class="ico-logout">로그아웃</a> </div> </div> </div> <div class="menu-body"> <ul class="menu"> <li> <button type="button">한자로 키우는 교과 문해력</button> <ul> <li><a href="vedioCont.html">동영상콘텐츠</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> </ul> </li> <li> <button type="button">별이 송이 소리뜻 놀이터</button> <ul> <li><a href="#none">한자 퍼즐 퀴즈</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="vedioCont.html">동영상콘텐츠</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> </ul> </li> <li> <button type="button">별이 송이 소리뜻 놀이터</button> <ul> <li><a href="#none">한자 퍼즐 퀴즈</a></li> </ul> </li> </ul> </nav> </div> </div> </div>