gnb 원뎁스
This commit is contained in:
268
kr/kia.html
268
kr/kia.html
@@ -45,14 +45,16 @@
|
||||
</head>
|
||||
<body>
|
||||
<!--//header-->
|
||||
<div class="hederWarp_n">
|
||||
<div class="hederWarp_n noBoder">
|
||||
<div class="headerInner">
|
||||
<div class="gnb">
|
||||
<!-- GNB 로고 영역입니다. -->
|
||||
<div class="logoWrap">
|
||||
<a href="">
|
||||
<a href="/kr/kia.html">
|
||||
<i class="logoImg"></i>
|
||||
<!-- <span>Connect Store</span> -->
|
||||
<!-- <span>
|
||||
Connect Store
|
||||
</span> -->
|
||||
</a>
|
||||
</div>
|
||||
<div class="menuWarp">
|
||||
@@ -61,7 +63,9 @@
|
||||
<div class="mobileLogoWrap">
|
||||
<a href="">
|
||||
<i class="logoImg"></i>
|
||||
<!-- <span> Connect store </span> -->
|
||||
<!-- <span>
|
||||
Connect store
|
||||
</span> -->
|
||||
</a>
|
||||
</div>
|
||||
<span class="closeBtn" id="closeBtn">
|
||||
@@ -82,34 +86,12 @@
|
||||
</div>
|
||||
<!-- 모바일 전용 차량 선택 UI입니다. -->
|
||||
<div class="mobileCarlist">
|
||||
<a href="javascript:void(0)" class="mobilecarItem">
|
||||
<div class="mobilecarItem">
|
||||
<div class="item">
|
||||
<span>스포티지 HEV/PHEV 개조25</span>
|
||||
<span>KNAPX81GDSK215530</span>
|
||||
<strong>쏘렌토(MQ4) 하이브리드-플러그인 상품성개선</strong>
|
||||
<span>KMTKEXXBPMU000081</span>
|
||||
<button class="btn-select" onclick="open_layer_popup('carListPopup')">차량 선택하기 ></button>
|
||||
</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 모바일 공통 메뉴 영역입니다. -->
|
||||
@@ -119,7 +101,6 @@
|
||||
<div class="menuDepth2Wrap info">
|
||||
<h3><a href="/kr/kia.html#mainProductList">디지털 사양</a></h3>
|
||||
<ul>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_display_theme_disney.html">디즈니 디스플레이 테마</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_display_theme_kbo.html">KBO 디스플레이 테마</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_display_theme.html">NBA 디스플레이 테마</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_in_car_game.html">아케이드 게임</a></li>
|
||||
@@ -129,19 +110,24 @@
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_srs_plus.html">스마트 회생 시스템 플러스</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_streaming_premium.html">스트리밍 프리미엄</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_streaming_plus.html">스트리밍 플러스</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_streaming_plus.html">스트리밍 플러스</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_streaming_plus.html">스트리밍 플러스</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_streaming_plus.html">스트리밍 플러스</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_streaming_plus.html">스트리밍 플러스</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_streaming_plus.html">스트리밍 플러스</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_streaming_plus.html">스트리밍 플러스</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_streaming_plus.html">스트리밍 플러스</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_streaming_plus.html">스트리밍 플러스</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_streaming_plus.html">스트리밍 플러스</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="menuDepth1Wrap">
|
||||
<a href="/kr/info/product-usage-guide.html" class="menuDepth1 lower" data-url="/kr/info/product-usage-guide.html">디즈니 테마</a>
|
||||
<div class="menuDepth2Wrap info">
|
||||
<h3><a href="/kr/kia.html#mainProductList">디즈니 테마</a></h3>
|
||||
<ul>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_display_theme_mickey.html">전용관</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_display_theme_mickey.html">디즈니 디스플레이 테마</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_display_theme_kbo.html">픽사 디스플레이 테마</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_display_theme_kbo.html">마블 디스플레이 테마</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_display_theme_kbo.html">스타워즈 디스플레이 테마</a></li>
|
||||
<li class="menuDepth2"><a href="/kr/product/pdp_display_theme_kbo.html">내셔널 지오그래픽 디스플레이 테마</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="menuDepth1Wrap hiddenMenuDepth1Wrap">
|
||||
<a href="/kr/info/product-usage-guide.html" class="menuDepth1" data-url="/kr/info/product-usage-guide.html">사양별 이용 안내</a>
|
||||
<div class="menuDepth2Wrap info">
|
||||
<h3><a href="/kr/info/product-usage-guide.html">사양별 이용 안내</a></h3>
|
||||
@@ -171,12 +157,14 @@
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="menuDepth1Wrap">
|
||||
<a href="/kr/info/as-guide.html" class="menuDepth1" data-url="/kr/info/as-guide.html">이벤트</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- 모바일 전용 추가 메뉴 영역입니다. -->
|
||||
<div class="mobileSubMenu">
|
||||
<a href="https://privacy.kia.com/overview/full-policy/" target="_blank">개인정보 처리방침</a>
|
||||
<a href="member/terms.html">이용약관</a>
|
||||
<a href="/kr/member/terms.html">이용약관</a>
|
||||
</div>
|
||||
<!-- 모바일 전용 로그아웃 버튼입니다. -->
|
||||
<!-- <div class="loginBtn oneButton">
|
||||
@@ -186,10 +174,10 @@
|
||||
</div>
|
||||
<div class="func">
|
||||
<!-- PC 전용 차량 선택 UI입니다. -->
|
||||
<!-- 2025.08.27 추가 -->
|
||||
<div class="carlist">
|
||||
<a href="javascript:void(0)" class="carItem">
|
||||
<span>스포티지 HEV/PHEV 개조25</span>
|
||||
<span>KNAPX81GDSK215530</span>
|
||||
<span>쏘렌토(MQ4) 하이브리드-플러그인 상품성개선</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">
|
||||
@@ -197,36 +185,170 @@
|
||||
<path d="M1 9L7 1L13 9" stroke="#DEDEDE" />
|
||||
</svg>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="javascript:void(0)">
|
||||
<span>MV</span>
|
||||
<span>KMTKEXXBPMU000081</span>
|
||||
</a>
|
||||
<!-- [D] 선택 시 selected 클래스 추가 -->
|
||||
<li class="selected">
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드-플러그인 상품성 개선</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="111JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)">
|
||||
<span>SX</span>
|
||||
<span>161어 1660</span>
|
||||
</a>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0)">
|
||||
<span>MV</span>
|
||||
<span>452허 1234</span>
|
||||
</a>
|
||||
<button class="car-name">
|
||||
<span>스포티지 개조</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>스포티지 개조</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4) 리드</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>스포티지 개조</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4) 리드</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>스포티지 개조</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4) 리드</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>스포티지 개조</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4) 리드</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>스포티지 개조</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="car-name">
|
||||
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4) 리드</span>
|
||||
</button>
|
||||
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 2025.08.27 추가 -->
|
||||
|
||||
<!-- PC 전용 로그인 버튼입니다. -->
|
||||
<!-- <div class="userLogin">
|
||||
<a href="#">로그인/가입</a>
|
||||
</div> -->
|
||||
<a href="#">로그인/가입</a>
|
||||
</div> -->
|
||||
|
||||
<!-- PC 전용 USER 관련 링크 영역입니다. -->
|
||||
<div class="user">
|
||||
<a href="mypage/my-product-list.html"><i class="icon-user"></i></a>
|
||||
<a href="../mypage/my-product-list.html"><i class="icon-user"></i></a>
|
||||
</div>
|
||||
|
||||
<!-- PC 모바일 공통 장바구니 버튼입니다. -->
|
||||
@@ -242,9 +364,35 @@
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 20251124 추가 -->
|
||||
<div class="mobileOpenMenu">
|
||||
<ul class="menu">
|
||||
<li class="menuDepth1Wrap active">
|
||||
<a href="/kr/kia.html#mainProductList">디지털 사양</a>
|
||||
</li>
|
||||
<li class="menuDepth1Wrap">
|
||||
<a href="/kr/promotion/disney_promotion_new.html">디즈니 테마</a>
|
||||
</li>
|
||||
<li class="menuDepth1Wrap">
|
||||
<a href="/kr/info/product-usage-guide.html">사양별 이용 안내</a>
|
||||
</li>
|
||||
<li class="menuDepth1Wrap">
|
||||
<a href="/kr/info/service-info.html">스토어 소개</a>
|
||||
</li>
|
||||
<li class="menuDepth1Wrap">
|
||||
<a href="/kr/info/as-guide.html">고객지원</a>
|
||||
</li>
|
||||
<li class="menuDepth1Wrap">
|
||||
<a href="/kr/service/event-list.html">이벤트</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //20251124 추가 -->
|
||||
</div>
|
||||
</div>
|
||||
<!--//header-->
|
||||
|
||||
<div class="mainTopKey">
|
||||
<div class="swiper mainSwiper">
|
||||
<ul class="swiper-wrapper">
|
||||
|
||||
Reference in New Issue
Block a user