Merge branch 'feature/disney_micky'
@@ -2763,7 +2763,7 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
.pdpDetail .tooltip {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
@@ -2780,7 +2780,7 @@
|
||||
border-radius: 0.4rem;
|
||||
background-color: #fff;
|
||||
}
|
||||
.tooltip:after {
|
||||
.pdpDetail .tooltip:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
@@ -2790,7 +2790,7 @@
|
||||
height: 0.9rem;
|
||||
background: url("../images/kia/pdp/display_theme/ico_edge.png") no-repeat center/contain;
|
||||
}
|
||||
.tooltip .btn-close {
|
||||
.pdpDetail .tooltip .btn-close {
|
||||
position: absolute;
|
||||
top: 1.6rem;
|
||||
right: 1.6rem;
|
||||
@@ -4467,6 +4467,16 @@
|
||||
transform: translateX(-20%);
|
||||
}
|
||||
}
|
||||
.displayThemeDesney.mickey .tab-wrap p .add {
|
||||
color: #acacac;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.displayThemeDesney.mickey .tab-wrap p .add {
|
||||
display: block;
|
||||
font-size: 1.6rem;
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
}
|
||||
.displayThemeDesney .image_area {
|
||||
position: relative;
|
||||
max-width: 100%;
|
||||
|
||||
@@ -3074,7 +3074,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
.pdpDetail .tooltip {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
@@ -5090,6 +5090,19 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.tab-wrap {
|
||||
p {
|
||||
.add {
|
||||
color: #acacac;
|
||||
|
||||
@include tablet {
|
||||
display: block;
|
||||
font-size: 1.6rem;
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.image_area {
|
||||
|
||||
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 81 KiB |
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 57 KiB After Width: | Height: | Size: 57 KiB |
|
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 161 KiB After Width: | Height: | Size: 538 KiB |
|
Before Width: | Height: | Size: 161 KiB After Width: | Height: | Size: 538 KiB |
|
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 650 KiB After Width: | Height: | Size: 520 KiB |
|
Before Width: | Height: | Size: 643 KiB After Width: | Height: | Size: 726 KiB |
|
Before Width: | Height: | Size: 140 KiB After Width: | Height: | Size: 176 KiB |
|
Before Width: | Height: | Size: 662 KiB After Width: | Height: | Size: 781 KiB |
|
Before Width: | Height: | Size: 68 KiB After Width: | Height: | Size: 110 KiB |
|
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 87 KiB |
|
Before Width: | Height: | Size: 217 KiB After Width: | Height: | Size: 222 KiB |
|
Before Width: | Height: | Size: 132 KiB After Width: | Height: | Size: 125 KiB |
|
Before Width: | Height: | Size: 100 KiB After Width: | Height: | Size: 79 KiB |
|
Before Width: | Height: | Size: 160 KiB After Width: | Height: | Size: 150 KiB |
|
Before Width: | Height: | Size: 314 KiB After Width: | Height: | Size: 557 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 113 KiB After Width: | Height: | Size: 109 KiB |
@@ -86,34 +86,12 @@
|
||||
</div>
|
||||
<!-- 모바일 전용 차량 선택 UI입니다. -->
|
||||
<div class="mobileCarlist">
|
||||
<a href="javascript:void(0)" class="mobilecarItem">
|
||||
<div class="mobilecarItem">
|
||||
<div class="item">
|
||||
<span>MV</span>
|
||||
<span>161어 1660</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 모바일 공통 메뉴 영역입니다. -->
|
||||
@@ -180,10 +158,10 @@
|
||||
</div>
|
||||
<div class="func">
|
||||
<!-- PC 전용 차량 선택 UI입니다. -->
|
||||
<!-- 2025.08.27 추가 -->
|
||||
<div class="carlist">
|
||||
<a href="javascript:void(0)" class="carItem">
|
||||
<span>MV</span>
|
||||
<span>161어 1660</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">
|
||||
@@ -191,32 +169,166 @@
|
||||
<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">
|
||||
<!-- <div class="userLogin">
|
||||
<a href="#">로그인/가입</a>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- PC 전용 USER 관련 링크 영역입니다. -->
|
||||
<div class="user">
|
||||
@@ -252,7 +364,7 @@
|
||||
<div>
|
||||
<h3 class="titleCase02" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">디스플레이 테마</h3>
|
||||
<p class="txtCase01" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
클러스터/인포테인먼트 시스템 디자인을 NBA / KBO / 마블 / 디즈니 테마로 변경하여 운전자의 특별한 개성을 표현할 수 있습니다. 테마 다운로드에는 약 5분(환경에 따라 상이)이 소요되며 적용을 위해 재시동이 필요합니다.
|
||||
클러스터/인포테인먼트 시스템 디자인을 NBA / KBO / 디즈니 / 마블 테마로 변경하여 운전자의 특별한 개성을 표현할 수 있습니다. 테마 다운로드에는 약 5분(환경에 따라 상이)이 소요되며 적용을 위해 재시동이 필요합니다.
|
||||
<span style="color: #676767; display: block; padding-top: 15px">※ 테마는 카테고리와 상관 없이 최대 3개까지만 다운로드하여 저장 가능하며, 삭제 / 재설치가 가능합니다.</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||