219 lines
8.7 KiB
PHP
219 lines
8.7 KiB
PHP
<!--//header
|
|
// 카테고리별 class 가 있습니다.
|
|
// 변수 처리 해주세요
|
|
// cart,mypage,member : hBoder
|
|
// product : noBoder
|
|
// service : hskey
|
|
// main : 변수 없음
|
|
-->
|
|
<div class="hederWarp_n <?=$gnbStyleCode?>">
|
|
<div class="headerInner">
|
|
<div class="gnb">
|
|
|
|
<!-- GNB 로고 영역입니다. -->
|
|
<div class="logoWrap">
|
|
<a href="">
|
|
<i class="logoImg"></i>
|
|
<!-- <span>
|
|
Connect store
|
|
</span> -->
|
|
</a>
|
|
</div>
|
|
|
|
<div class="menuWarp">
|
|
<div class="mobileMenuTop">
|
|
|
|
<!-- 모바일 슬라이드 메뉴의 로고 영역입니다. -->
|
|
<div class="mobileLogoWrap">
|
|
<a href="">
|
|
<i class="logoImg"></i>
|
|
<!-- <span>
|
|
Connect store
|
|
</span> -->
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<span class="closeBtn" id="closeBtn">
|
|
<a href="#"></a>
|
|
</span>
|
|
|
|
</div>
|
|
|
|
<!-- 모바일 전용 USER 관련 링크 영역입니다. -->
|
|
<div class="mobileFunc">
|
|
<button>
|
|
<span>마이페이지</span>
|
|
<!--<span>로그인</span>-->
|
|
</button>
|
|
<button>
|
|
<span>장바구니</span>
|
|
<!--<span>회원가입</span>-->
|
|
</button>
|
|
</div>
|
|
|
|
<!-- 모바일 전용 차량 선택 UI입니다. -->
|
|
<div class="mobileCarlist">
|
|
<a href="javascript:void(0)" class="mobilecarItem">
|
|
<div class="item">
|
|
<span>MV</span>
|
|
<span>161어 1660</span>
|
|
</div>
|
|
<div class="arrow"></div>
|
|
</a>
|
|
<div class="carlistItem">
|
|
<ul>
|
|
<li>
|
|
<a href="javascript:void(0)">
|
|
<span>MV</span>
|
|
<span>KMTKEXXBPMU000081</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0)">
|
|
<span>SX</span>
|
|
<span>161어 1660</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0)">
|
|
<span>MV</span>
|
|
<span>452허 1234</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- PC 모바일 공통 메뉴 영역입니다. -->
|
|
<ul class="menu">
|
|
<li class="menuDepth1Wrap">
|
|
<a href="/kr/kia_n.php#mainProductList" class="menuDepth1">상품</a>
|
|
</li>
|
|
<li class="menuDepth1Wrap">
|
|
<a href="#" class="menuDepth1 lower">Store 소개</a>
|
|
<div class="menuDepth2Wrap info">
|
|
<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="boxBullet">
|
|
<path d="M7 1L1 10H13L7 1Z" fill="white"/>
|
|
<path d="M1 9L7 1L13 9" stroke="#DEDEDE"/>
|
|
</svg>
|
|
<ul>
|
|
<li class="menuDepth2"><a href="#">Store 소개</a></li>
|
|
<li class="menuDepth2"><a href="#" class="active">Store 가입안내</a></li>
|
|
<li class="menuDepth2"><a href="#">Store 이용안내</a></li>
|
|
<li class="menuDepth2"><a href="#">상품별 이용안내</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menuDepth1Wrap">
|
|
<a href="#" class="menuDepth1 lower">고객지원</a>
|
|
<div class="menuDepth2Wrap support">
|
|
<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="boxBullet">
|
|
<path d="M7 1L1 10H13L7 1Z" fill="white"/>
|
|
<path d="M1 9L7 1L13 9" stroke="#DEDEDE"/>
|
|
</svg>
|
|
<ul>
|
|
<li class="menuDepth2"><a href="#">공지사항</a></li>
|
|
<li class="menuDepth2"><a href="#">자주하는 질문</a></li>
|
|
<li class="menuDepth2"><a href="#">문의하기</a></li>
|
|
<li class="menuDepth2"><a href="#" class="active">고객센터 및 AS안내</a></li>
|
|
<li class="menuDepth2"><a href="#">이벤트</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- 모바일 전용 추가 메뉴 영역입니다. -->
|
|
<div class="mobileSubMenu">
|
|
<a href="#">개인정보 처리방침</a>
|
|
<a href="#">이용약관</a>
|
|
</div>
|
|
|
|
<!-- 모바일 전용 로그아웃 버튼입니다. -->
|
|
<div class="loginBtn oneButton">
|
|
<button><p>로그아웃</p></button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="func">
|
|
|
|
<!-- PC 전용 차량 선택 UI입니다. -->
|
|
<div class="carlist">
|
|
<a href="javascript:void(0)" class="carItem">
|
|
<span>MV</span>
|
|
<span>161어 1660</span>
|
|
</a>
|
|
<div class="carlistItem">
|
|
<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="boxBullet">
|
|
<path d="M7 1L1 10H13L7 1Z" fill="white"/>
|
|
<path d="M1 9L7 1L13 9" stroke="#DEDEDE"/>
|
|
</svg>
|
|
<ul>
|
|
<li>
|
|
<a href="javascript:void(0)">
|
|
<span>MV</span>
|
|
<span>KMTKEXXBPMU000081</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0)">
|
|
<span>SX</span>
|
|
<span>161어 1660</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0)">
|
|
<span>MV</span>
|
|
<span>452허 1234</span>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- PC 전용 USER 관련 링크 영역입니다. -->
|
|
<div class="user">
|
|
<a href=""><i class="icon-user"></i></a>
|
|
<div class="userMenu">
|
|
<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="boxBullet">
|
|
<path d="M7 1L1 10H13L7 1Z" fill="white"/>
|
|
<path d="M1 9L7 1L13 9" stroke="#DEDEDE"/>
|
|
</svg>
|
|
<ul>
|
|
<li><a href="">로그인</a></li>
|
|
<li><a href="">회원가입</a></li>
|
|
<li><a href="">마이페이지</a></li>
|
|
<li><a href="">로그아웃</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- PC 모바일 공통 장바구니 버튼입니다. -->
|
|
<div class="cart">
|
|
<a href="" class="login-alrt"><i class="icon-cart"></i></a>
|
|
</div>
|
|
|
|
<!-- 모바일 전용 햄버거 메뉴 버튼입니다. -->
|
|
<div class="moblieMenu burgurBtn">
|
|
<span class="burgur" id="burgur">
|
|
<span class="top-line"></span>
|
|
<span class="bot-line"></span>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|