부스트 이용안내 추가

This commit is contained in:
hyeonggil
2024-08-08 11:52:41 +09:00
parent 03fb629d6f
commit 6074fff4b5
2 changed files with 63 additions and 63 deletions

View File

@@ -276,7 +276,7 @@
<li class="swiper-slide">
<img class="noBorder" src="../assets/images/kia/contents/boost01_1.jpg" alt="설정 > 화면구성>클러스터 테마 선택을 선택하고, ‘드라이브 모드’를 선택">
<b>STEP 01</b>
<p class="caseBlack txtCase01">설정 > 화면구성>클러스터 테마 선택을 선택하고, ‘드라이브 모드’를 선택합니다.</p>
<p class="caseBlack txtCase01">설정 > 화면구성 > 클러스터 테마 선택을 선택하고, ‘드라이브 모드’를 선택합니다.</p>
</li>
<li class="swiper-slide">
<img class="noBorder" src="../assets/images/kia/contents/boost01_2.jpg" alt="SPORT모드로 드라이브 모드를 변경">
@@ -286,7 +286,7 @@
<li class="swiper-slide">
<img class="noBorder" src="../assets/images/kia/contents/boost01_3.jpg" alt="또는 설정 > 화면구성>클러스터 테마 선택을 선택하고, ‘스타일 C를 선택">
<b>STEP 03</b>
<p class="caseBlack txtCase01">또는 설정 > 화면구성>클러스터 테마 선택을 선택하고, ‘스타일 C를 선택합니다.</p>
<p class="caseBlack txtCase01">또는 설정 > 화면구성 > 클러스터 테마 선택을 선택하고, ‘스타일 C를 선택합니다.</p>
</li>
</ul>
<div class="swiper-scrollbar"></div>

View File

@@ -42,68 +42,68 @@
</div>
<div class="contentWarp">
<div class="contentsTypeNew caseUsageDetail">
<section class="caseInfoWrap">
<h2 class="titleCase01">부스트 이용 방법</h2>
<img src="../assets/images/kia/contents/imgCaseInfo_boost.jpg" alt="부스트 이용 방법" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<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">
부스트는 향상된 가속성능을 제공합니다.<br>
구매 및 설치 후 별다른 설정 없이 활성화 됩니다.<br>
(클러스터에서 BOOST ON을 확인할 수 있습니다.)
<span style="color: #676767; display: block; padding-top: 15px;">
※ AWD 차량만 구매할 수 있습니다.
</span>
</p>
</div>
</section>
<section class="caseFunction">
<h2 class="titleCase01" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">클러스터 테마 변경 방법</h2>
<section class="storeGuideItem" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<header class="case">
<h3 class="titleCase03">차량</h3>
<strong>3 STEP</strong>
</header>
<div class="swiper swiper1">
<ul class="swiper-wrapper caseWide">
<li class="swiper-slide">
<img class="noBorder" src="../assets/images/kia/contents/boost01_1.jpg" alt="설정 > 화면구성>클러스터 테마 선택을 선택하고, ‘드라이브 모드’를 선택">
<b>STEP 01</b>
<p class="caseBlack txtCase01">설정 > 화면구성>클러스터 테마 선택을 선택하고, ‘드라이브 모드’를 선택합니다.</p>
</li>
<li class="swiper-slide">
<img class="noBorder" src="../assets/images/kia/contents/boost01_2.jpg" alt="SPORT모드로 드라이브 모드를 변경">
<b>STEP 02</b>
<p class="caseBlack txtCase01">SPORT모드로 드라이브 모드를 변경합니다.</p>
</li>
<li class="swiper-slide">
<img class="noBorder" src="../assets/images/kia/contents/boost01_3.jpg" alt="또는 설정 > 화면구성>클러스터 테마 선택을 선택하고, ‘스타일 C를 선택">
<b>STEP 03</b>
<p class="caseBlack txtCase01">또는 설정 > 화면구성>클러스터 테마 선택을 선택하고, ‘스타일 C를 선택합니다.</p>
</li>
</ul>
<div class="swiper-scrollbar"></div>
<div class="swiper-scrollbar-after-space"></div>
</div>
<div class="swiper-button-next btnNextSlide1"></div>
<div class="swiper-button-prev btnPrevSlide1"></div>
</section>
</section>
<div class="contentsBtnWarp">
<div class="oneButton">
<a href="../info/product-usage-guide"><p>목록</p></a>
</div>
</div>
<div class="contentsTypeNew caseUsageDetail">
<section class="caseInfoWrap">
<h2 class="titleCase01">부스트 이용 방법</h2>
<img src="../assets/images/kia/contents/imgCaseInfo_boost.jpg" alt="부스트 이용 방법" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<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">
부스트는 향상된 가속성능을 제공합니다.<br>
구매 및 설치 후 별다른 설정 없이 활성화 됩니다.<br>
(클러스터에서 BOOST ON을 확인할 수 있습니다.)
<span style="color: #676767; display: block; padding-top: 15px;">
※ AWD 차량만 구매할 수 있습니다.
</span>
</p>
</div>
</section>
<section class="caseFunction">
<h2 class="titleCase01" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">클러스터 테마 변경 방법</h2>
<section class="storeGuideItem" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
<header class="case">
<h3 class="titleCase03">차량</h3>
<strong>3 STEP</strong>
</header>
<div class="swiper swiper1">
<ul class="swiper-wrapper caseWide">
<li class="swiper-slide">
<img class="noBorder" src="../assets/images/kia/contents/boost01_1.jpg" alt="설정 > 화면구성>클러스터 테마 선택을 선택하고, ‘드라이브 모드’를 선택">
<b>STEP 01</b>
<p class="caseBlack txtCase01">설정 > 화면구성 > 클러스터 테마 선택을 선택하고, ‘드라이브 모드’를 선택합니다.</p>
</li>
<li class="swiper-slide">
<img class="noBorder" src="../assets/images/kia/contents/boost01_2.jpg" alt="SPORT모드로 드라이브 모드를 변경">
<b>STEP 02</b>
<p class="caseBlack txtCase01">SPORT모드로 드라이브 모드를 변경합니다.</p>
</li>
<li class="swiper-slide">
<img class="noBorder" src="../assets/images/kia/contents/boost01_3.jpg" alt="또는 설정 > 화면구성>클러스터 테마 선택을 선택하고, ‘스타일 C를 선택">
<b>STEP 03</b>
<p class="caseBlack txtCase01">또는 설정 > 화면구성 > 클러스터 테마 선택을 선택하고, ‘스타일 C를 선택합니다.</p>
</li>
</ul>
<div class="swiper-scrollbar"></div>
<div class="swiper-scrollbar-after-space"></div>
</div>
<div class="swiper-button-next btnNextSlide1"></div>
<div class="swiper-button-prev btnPrevSlide1"></div>
</section>
</section>
<div class="contentsBtnWarp">
<div class="oneButton">
<a href="../info/product-usage-guide"><p>목록</p></a>
</div>
</div>
</div>
</div>