<!-- ============== header ============== --> <header class="header"> <div class="header_top"> <div class="inner"> <div class="area_left"></div> <ul class="user_menu"> <li><a href="#">본인인증</a></li> <li><a href="#">마이페이지</a></li> </ul> </div> </div> <div class="header_container"> <div class="inner"> <h1 class="logo"><a href="#"><img src="/publish/usr/images/common/logo.png" alt=""></a></h1> <nav> <ul class="gnb"> <li> <a href="#" class="depth01">menu1</a> <div class="depth02_container"> <!-- <div class="title_wrap"> <h2>menu1</h2> </div> --> <ul class="depth02_ul"> <li> <a href="#" class="depth02">메뉴1이름</a> <ul class="depth03_ul"> <li><a href="#" class="depth03">deptn03메뉴</a></li> <li><a href="#" class="depth03">deptn03메뉴</a></li> <li><a href="#" class="depth03">deptn03메뉴</a></li> <li><a href="#" class="depth03">deptn03메뉴</a></li> </ul> </li> <li><a href="#" class="depth02">메뉴1이름</a></li> <li><a href="#" class="depth02">메뉴1이름</a></li> <li><a href="#" class="depth02">메뉴1이름</a></li> </ul> </div> </li> <li> <a href="#" class="depth01">menu1</a> <div class="depth02_container"> <ul class="depth02_ul"> <li> <a href="#" class="depth02">메뉴2이름</a> <ul class="depth03_ul"> <li><a href="#" class="depth03">deptn03메뉴</a></li> <li><a href="#" class="depth03">deptn03메뉴</a></li> <li><a href="#" class="depth03">deptn03메뉴</a></li> <li><a href="#" class="depth03">deptn03메뉴</a></li> </ul> </li> <li><a href="#" class="depth02">메뉴2이름</a></li> <li><a href="#" class="depth02">메뉴2이름</a></li> <li><a href="#" class="depth02">메뉴2이름</a></li> </ul> </div> </li> <li> <a href="#" class="depth01">menu1</a> <div class="depth02_container"> <!-- <div class="title_wrap"> <h2>menu1</h2> </div> --> <ul class="depth02_ul"> <li> <a href="#" class="depth02">메뉴3이름</a> <ul class="depth03_ul"> <li><a href="#" class="depth03">deptn03메뉴</a></li> <li><a href="#" class="depth03">deptn03메뉴</a></li> <li><a href="#" class="depth03">deptn03메뉴</a></li> <li><a href="#" class="depth03">deptn03메뉴</a></li> </ul> </li> <li><a href="#" class="depth02">메뉴3이름</a></li> <li><a href="#" class="depth02">메뉴3이름</a></li> <li><a href="#" class="depth02">메뉴3이름</a></li> </ul> </div> </li> <li> <a href="#" class="depth01">menu1</a> <div class="depth02_container"> <!-- <div class="title_wrap"> <h2>menu1</h2> </div> --> <ul class="depth02_ul"> <li> <a href="#" class="depth02">메뉴4이름</a> <ul class="depth03_ul"> <li><a href="#" class="depth03">deptn03메뉴</a></li> <li><a href="#" class="depth03">deptn03메뉴</a></li> <li><a href="#" class="depth03">deptn03메뉴</a></li> <li><a href="#" class="depth03">deptn03메뉴</a></li> </ul> </li> <li><a href="#" class="depth02">메뉴4이름</a></li> <li><a href="#" class="depth02">메뉴4이름</a></li> <li><a href="#" class="depth02">메뉴4이름</a></li> </ul> </div> </li> </ul> </nav> <ul class="header_util"> <!-- <li><button type="button" class=""><i></i></button></li> --> <li><button type="button" class="btn_search" title="전체메뉴 보기"><i></i></button></li> <li><button type="button" class="btn_sitemap" title="전체메뉴 보기"><i></i></button></li> </ul> </div> </div> </header> <!-- ============== header 끝 ============== -->