419 lines
31 KiB
PHP
419 lines
31 KiB
PHP
<?php $bland_code = "kia"; ?>
|
|
<!--
|
|
//메타의 각 브랜드 별 코드는 hyundai,genesis 입니다.
|
|
//브랜드 별 경로에 따라 해당 코드를 변경해주세요.
|
|
-->
|
|
<?php $gnbStyleCode = "hskey"; ?>
|
|
<!--
|
|
페이지 별 붙박이 코드입니다. 해당 변수는 JSP로만 변경해주시고, 값은 그대로 유지만 시켜주시면 됩니다.
|
|
-->
|
|
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>제품상세명 > 제품리스트 > 회사명</title>
|
|
<!--
|
|
//위에 순서대로 title 이 변경되어야 합니다.
|
|
-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php");
|
|
?>
|
|
<!--상품상세 페이지 css 분리-->
|
|
<link rel="stylesheet" charset="UTF-8" href="/kr/assets/css/service.css?v1" type="text/css" />
|
|
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/style.php");
|
|
?>
|
|
|
|
|
|
</head>
|
|
<body id="event">
|
|
<div class="contentHeaderCase case05"> </div>
|
|
|
|
<!--//header-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/header.php");
|
|
?>
|
|
<!--//header-->
|
|
|
|
<div class="pageTitle">
|
|
<h1>사양별 이용안내</h1>
|
|
</div>
|
|
|
|
<div class="contentWarp">
|
|
<div class="contentsTypeNew caseUsageDetail">
|
|
<section class="caseInfoWrap">
|
|
<h2 class="titleCase01">원격 스마트 주차 보조 2(RSPA 2) <br class="caseNarrow">이용 방법</h2>
|
|
<img src="../assets/images/kia/contents/imgUsageList01.jpg" alt="원격 스마트 주차 보조 2(RSPA 2)" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<div data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<h3 class="titleCase02">원격 스마트 주차 보조 2(RSPA 2)</h3>
|
|
<p class="txtCase01">
|
|
원격 스마트 주차 보조는 차량 센서를 이용하여 주차공간을 탐색하고 스티어링 휠, 속도, 변속을 자동 으로 제어하여 주차 및 출차를 도와줍니다.
|
|
<span style="color: #676767; display: block; padding-top: 15px;">
|
|
※ 서라운드 뷰 모니터가 장착된 차량만 구매할 수 있습니다.<br>
|
|
※ GT-line 트림에는 해당 디지털 사양이 기본 설치되어 있습니다.
|
|
</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>
|
|
|
|
<div class="functionTab" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<ul>
|
|
<li class="active"><button><b>원격 전/후진</b></button></li>
|
|
<li><button><b>스마트 주차</b></button></li>
|
|
<li><button><b>원격 스마트 주차</b></button></li>
|
|
<li><button><b>스마트 출차</b></button></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
const btn = $(".selectInner_new2").find(".btn-select");
|
|
const list = $(".selectInner_new2").find(".list-member");
|
|
$(document).on("click",".selectInner_new2 .btn-select",function(){
|
|
$(this).toggleClass("on");
|
|
});
|
|
$(document).on("click",".selectInner_new2 .list-member li button",function(event){
|
|
if (event.target.nodeName === "BUTTON") {
|
|
btn.html(event.target.innerText);
|
|
btn.removeClass('on');
|
|
var tabIndex = $(this).parent().index() +1;
|
|
$('.caseFunction>section:nth-of-type('+tabIndex+')').show().siblings('section').hide();
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<div class="selectInner_new2">
|
|
<div class="cont-select">
|
|
<button class="btn-select">원격 전/후진</button>
|
|
<ul class="list-member">
|
|
<li><button>원격 전/후진</button></li>
|
|
<li><button>스마트 주차</button></li>
|
|
<li><button>원격 스마트 주차</button></li>
|
|
<li><button>스마트 출차</button></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="functionDetail active">
|
|
<h3 data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">원격 전/후진</h3>
|
|
<div class="item single" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<strong>원격 전/후진</strong>
|
|
<img src="../assets/images/kia/contents/rspa201.jpg" alt="운전자가 차량 밖에서 ‘스마트 키’를 이용하여 기능을 작동할 수 있습니다.">
|
|
<p class="txtCase01">운전자가 차량 밖에서 ‘스마트 키’를 이용하여 기능을 작동할 수 있습니다.</p>
|
|
</div>
|
|
|
|
<section class="storeGuideItem">
|
|
<header data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<h4 class="titleCase03">조작 방법</h4>
|
|
<strong>3 STEP</strong>
|
|
</header>
|
|
|
|
<div class="swiper swiper1">
|
|
<ul class="swiper-wrapper caseWide">
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/rspa202_1.jpg" alt="도어 락 버튼을 누른 후 원격시동 버튼을 길게 누르면 시동이 걸립니다.">
|
|
<b>STEP 01</b>
|
|
<p class="caseBlack txtCase01"><b><small>01)</small>도어 락 버튼</b>을 누른 후 <b><small>02)</small>원격시동 버튼</b>을 길게 누르면 시동이 걸립니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/rspa202_2.jpg" alt="스마트키의 전진 또는 후진 버튼을 눌러 차량이 원하는 위치로 이동하면, 차량이 정지하도록 버튼에서 손을 뗍니다.">
|
|
<b>STEP 02</b>
|
|
<p class="caseBlack txtCase01">스마트키의 전진 또는 후진 버튼을 눌러 차량이 원하는 위치로 이동하면, 차량이 정지하도록 버튼에서 손을 뗍니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/rspa202_3.jpg" alt="차량에 타거나 스마트키의 원격시동 버튼을 눌러 조작을 완료합니다.">
|
|
<b>STEP 03</b>
|
|
<p class="caseBlack txtCase01">차량에 타거나 스마트키의 <b><small>02)</small>원격시동 버튼</b>을 눌러 조작을 완료합니다.</p>
|
|
</li>
|
|
</ul>
|
|
<div class="swiper-scrollbar"></div>
|
|
<div class="swiper-scrollbar-after-space" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"></div>
|
|
</div>
|
|
<div class="swiper-button-next btnNextSlide1"></div>
|
|
<div class="swiper-button-prev btnPrevSlide1"></div>
|
|
</section>
|
|
</section>
|
|
|
|
<section class="functionDetail">
|
|
<h3 data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">스마트 주차</h3>
|
|
<div class="itemWrap">
|
|
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<strong>직각 후진 주차</strong>
|
|
<img src="../assets/images/kia/contents/rspa203_1.jpg" alt="직각 후진 주차">
|
|
</div>
|
|
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<strong>사선 후진 주차</strong>
|
|
<img src="../assets/images/kia/contents/rspa203_2.jpg" alt="사선 후진 주차">
|
|
</div>
|
|
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<strong>평행 후진 주차</strong>
|
|
<img src="../assets/images/kia/contents/rspa203_3.jpg" alt="평행 후진 주차">
|
|
</div>
|
|
<p class="txtCase01" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">운전자가 차량 안에서 ‘주차 뷰’ 버튼을 이용하여 기능을 작동할 수 있습니다.</p>
|
|
</div>
|
|
|
|
<section class="storeGuideItem">
|
|
<header data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<h4 class="titleCase03">조작 방법</h4>
|
|
<strong>7 STEP</strong>
|
|
<p class="txtCase01 respond">
|
|
※ 주차 뷰 버튼을 1초 이상 누르면 원격 스마트 주차 보조 2(RSPA 2) 기능 시작 표시가 화면에 나타납니다.<br>
|
|
※ 해당 기능을 구매 또는 설치하지 않은 경우 주차 뷰 버튼을 1초 이상 누르면 서라운드 뷰 모니터(SVM)가 화면에 나타납니다.
|
|
</p>
|
|
</header>
|
|
|
|
<div class="swiper swiper2">
|
|
<ul class="swiper-wrapper caseWide">
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/rspa203_4.jpg" alt="브레이크 페달을 밟아 주차하려는 공간 이전에 정차합니다.">
|
|
<b>STEP 01</b>
|
|
<p class="caseBlack txtCase01">브레이크 페달을 밟아 주차하려는 공간 이전에 정차합니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/rspa203_5.jpg" alt="기어를 D에 넣고 주차 뷰 버튼을 길게 누르면 기능이 활성화됩니다.">
|
|
<b>STEP 02</b>
|
|
<p class="caseBlack txtCase01">기어를 D에 넣고 주차 뷰 버튼을 길게 누르면 기능이 활성화됩니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/rspa203_6.jpg" alt="주차공간을 찾기 위해서는 주차선에서 1.5m에서 0.5m 간격을 두고 20km/h 이하의 속도로 천천히 전진합니다.">
|
|
<b>STEP 03</b>
|
|
<p class="caseBlack txtCase01">주차공간을 찾기 위해서는 주차선에서 1.5m에서 0.5m 간격을 두고 20km/h 이하의 속도로 천천히 전진합니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img class="noBorder" src="../assets/images/kia/contents/rspa203_7.jpg" alt="화면에 주차 공간 탐색 완료 메시지가 나타나면 브레이크 페달을 밟아 정지하고 화면에서 주차 유형(직각/평행/사선)을 선택 합니다.">
|
|
<b>STEP 04</b>
|
|
<p class="caseBlack txtCase01">화면에 주차 공간 탐색 완료 메시지가 나타나면 브레이크 페달을 밟아 정지하고 화면에서 주차 유형(직각/평행/사선)을 선택 합니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img class="noBorder" src="../assets/images/kia/contents/rspa203_8.jpg" alt="주차 방식(스마트 주차)을 선택합니다.">
|
|
<b>STEP 05</b>
|
|
<p class="caseBlack txtCase01">주차 방식(스마트 주차)을 선택합니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/rspa203_9.jpg" alt="주차 뷰 버튼을 길게 누른 후 브레이크 페달에서 발을 떼면 기능이 시작됩니다.">
|
|
<b>STEP 06</b>
|
|
<p class="caseBlack txtCase01">주차 뷰 버튼을 길게 누른 후 브레이크 페달에서 발을 떼면 기능이 시작됩니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/rspa203_10.jpg" alt="주차공간을 찾기 위해서는 주차선에서 1.5m에서 0.5m 간격을 두고 20km/h 이하의 속도로 천천히 전진합니다.">
|
|
<b>STEP 07</b>
|
|
<p class="caseBlack txtCase01">주차가 완료되면 기어가 자동으로 P로 변속되고 전자식 주차 브레이크(EPB)가 체결됩니다.</p>
|
|
</li>
|
|
</ul>
|
|
<div class="swiper-scrollbar"></div>
|
|
<div class="swiper-scrollbar-after-space" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"></div>
|
|
</div>
|
|
<div class="swiper-button-next btnNextSlide2"></div>
|
|
<div class="swiper-button-prev btnPrevSlide2"></div>
|
|
</section>
|
|
</section>
|
|
|
|
<section class="functionDetail">
|
|
<h3 data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">원격 스마트 주차</h3>
|
|
<div class="itemWrap">
|
|
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<strong>직각 후진 주차</strong>
|
|
<img src="../assets/images/kia/contents/rspa203_1.jpg" alt="직각 후진 주차">
|
|
</div>
|
|
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<strong>사선 후진 주차</strong>
|
|
<img src="../assets/images/kia/contents/rspa203_2.jpg" alt="사선 후진 주차">
|
|
</div>
|
|
<div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<strong>평행 후진 주차</strong>
|
|
<img src="../assets/images/kia/contents/rspa203_3.jpg" alt="평행 후진 주차">
|
|
</div>
|
|
<p class="txtCase01" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">운전자가 차량 안에서 주차 뷰 버튼을 이용하여 주차 공간을 탐색한 후 하차하여 차량 밖에서 스마트 키를 이용하여 기능을 작동할 수 있습니다.</p>
|
|
</div>
|
|
|
|
<section class="storeGuideItem">
|
|
<header data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<h4 class="titleCase03">조작 방법</h4>
|
|
<strong>7 STEP</strong>
|
|
<p class="txtCase01 respond">
|
|
※ 주차 뷰 버튼을 1초 이상 누르면 원격 스마트 주차 보조 2(RSPA 2) 기능 시작 표시가 화면에 나타납니다.<br>
|
|
※ 해당 기능을 구매 또는 설치하지 않은 경우 주차 뷰 버튼을 1초 이상 누르면 서라운드 뷰 모니터(SVM)가 화면에 나타납니다.
|
|
</p>
|
|
</header>
|
|
|
|
<div class="swiper swiper3">
|
|
<ul class="swiper-wrapper caseWide">
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/rspa203_4.jpg" alt="브레이크 페달을 밟아 주차하려는 공간 이전에 정차합니다.">
|
|
<b>STEP 01</b>
|
|
<p class="caseBlack txtCase01">브레이크 페달을 밟아 주차하려는 공간 이전에 정차합니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/rspa203_5.jpg" alt="기어를 D에 넣고 주차 뷰 버튼을 길게 누르면 기능이 활성화됩니다.">
|
|
<b>STEP 02</b>
|
|
<p class="caseBlack txtCase01">기어를 D에 넣고 주차 뷰 버튼을 길게 누르면 기능이 활성화됩니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/rspa203_6.jpg" alt="주차공간을 찾기 위해서는 주차선에서 1.5m에서 0.5m 간격을 두고 20km/h 이하의 속도로 천천히 전진합니다.">
|
|
<b>STEP 03</b>
|
|
<p class="caseBlack txtCase01">주차공간을 찾기 위해서는 주차선에서 1.5m에서 0.5m 간격을 두고 20km/h 이하의 속도로 천천히 전진합니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img class="noBorder" src="../assets/images/kia/contents/rspa203_7.jpg" alt="화면에 주차 공간 탐색 완료 메시지가 나타나면 브레이크 페달을 밟아 정지하고 화면에서 주차 유형(직각/평행/사선)을 선택 합니다.">
|
|
<b>STEP 04</b>
|
|
<p class="caseBlack txtCase01">화면에 주차 공간 탐색 완료 메시지가 나타나면 브레이크 페달을 밟아 정지하고 화면에서 주차 유형(직각/평행/사선)을 선택 합니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img class="noBorder" src="../assets/images/kia/contents/rspa203_8.jpg" alt="주차 방식(원격 주차)을 선택합니다.">
|
|
<b>STEP 05</b>
|
|
<p class="caseBlack txtCase01">주차 방식(원격 주차)을 선택합니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/rspa203_11.jpg" alt="기어를 P에 놓고 스마트키를 챙겨서 하차 후 모든 문을 닫습니다. 스마트키의 전진 혹은 후진 버튼을 길게 누르면 기능이 시작됩니다.">
|
|
<b>STEP 06</b>
|
|
<p class="caseBlack txtCase01">기어를 P에 놓고 스마트키를 챙겨서 하차 후 모든 문을 닫습니다. 스마트키의 전진 혹은 후진 버튼을 길게 누르면 기능이 시작됩니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/rspa203_10.jpg" alt="주차가 완료되면 기어가 자동으로 P로 변속되고 전자식 주차 브레이크(EPB)가 체결되며 시동이 꺼집니다.">
|
|
<b>STEP 07</b>
|
|
<p class="caseBlack txtCase01">주차가 완료되면 기어가 자동으로 P로 변속되고 전자식 주차 브레이크(EPB)가 체결되며 시동이 꺼집니다.</p>
|
|
</li>
|
|
</ul>
|
|
<div class="swiper-scrollbar"></div>
|
|
<div class="swiper-scrollbar-after-space" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"></div>
|
|
</div>
|
|
<div class="swiper-button-next btnNextSlide3"></div>
|
|
<div class="swiper-button-prev btnPrevSlide3"></div>
|
|
</section>
|
|
</section>
|
|
|
|
<section class="functionDetail">
|
|
<h3 data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">스마트 출차</h3>
|
|
<div class="item single" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<strong>평행 전진 출차</strong>
|
|
<img src="../assets/images/kia/contents/rspa401.jpg" alt="운전자가 차량 안에서 ‘주차 뷰’ 버튼을 이용하여 기능을 작동할 수 있습니다." data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<p class="txtCase01">운전자가 차량 안에서 ‘주차 뷰’ 버튼을 이용하여 기능을 작동할 수 있습니다.</p>
|
|
</div>
|
|
|
|
<section class="storeGuideItem">
|
|
<header data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<h4 class="titleCase03">조작 방법</h4>
|
|
<strong>4 STEP</strong>
|
|
</header>
|
|
|
|
<div class="swiper swiper4">
|
|
<ul class="swiper-wrapper caseWide">
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img src="../assets/images/kia/contents/rspa203_5.jpg" alt="차량이 주차 상태인지 확인한 후 주차 뷰 버튼을 길게 눌러 출차 공간을 탐색합니다.">
|
|
<b>STEP 01</b>
|
|
<p class="caseBlack txtCase01">차량이 주차 상태인지 확인한 후 주차 뷰 버튼을 길게 눌러 출차 공간을 탐색합니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img class="noBorder" src="../assets/images/kia/contents/rspa204_2.jpg" alt="주차 공간에서 나가는 방향을 화면에서 선택합니다.">
|
|
<b>STEP 02</b>
|
|
<p class="caseBlack txtCase01">주차 공간에서 나가는 방향을 화면에서 선택합니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img class="noBorder" src="../assets/images/kia/contents/rspa204_1.jpg" alt="핸들에서 손을 떼고 주차 뷰 버튼을 계속 누르고 있으면 출차가 진행됩니다.">
|
|
<b>STEP 03</b>
|
|
<p class="caseBlack txtCase01">핸들에서 손을 떼고 주차 뷰 버튼을 계속 누르고 있으면 출차가 진행됩니다.</p>
|
|
</li>
|
|
<li class="swiper-slide" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
|
<img class="noBorder" src="../assets/images/kia/contents/rspa204_3.jpg" alt="운전자에게 인계할 준비가 되면 소리와 함께 메시지가 뜹니다.">
|
|
<b>STEP 04</b>
|
|
<p class="caseBlack txtCase01">운전자에게 인계할 준비가 되면 소리와 함께 메시지가 뜹니다.</p>
|
|
</li>
|
|
</ul>
|
|
<div class="swiper-scrollbar"></div>
|
|
<div class="swiper-scrollbar-after-space" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"></div>
|
|
</div>
|
|
<div class="swiper-button-next btnNextSlide4"></div>
|
|
<div class="swiper-button-prev btnPrevSlide4"></div>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
|
|
<div class="contentsBtnWarp">
|
|
<div class="oneButton">
|
|
<a href="../info/product-usage-guide"><p>목록</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!--//footer-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/footer.php");
|
|
?>
|
|
<!--//footer-->
|
|
<script>
|
|
|
|
$(document).on('click','.functionTab button',function(){
|
|
var tabIndex = $(this).parent().index() +1;
|
|
$(this).parent('li').addClass('active').siblings('li').removeClass('active');
|
|
$('.caseFunction>section:nth-of-type('+tabIndex+')').addClass('active').siblings('section').removeClass('active');
|
|
});
|
|
|
|
var swiper1 = new Swiper(".swiper1", {
|
|
slidesPerView: "auto",
|
|
//freeMode: true,
|
|
scrollbar: {
|
|
el: ".swiper-scrollbar",
|
|
hide: true,
|
|
},
|
|
navigation: {
|
|
nextEl: ".btnNextSlide1",
|
|
prevEl: ".btnPrevSlide1",
|
|
},
|
|
});
|
|
|
|
var swiper2 = new Swiper(".swiper2", {
|
|
slidesPerView: "auto",
|
|
//freeMode: true,
|
|
scrollbar: {
|
|
el: ".swiper-scrollbar",
|
|
hide: true,
|
|
},
|
|
navigation: {
|
|
nextEl: ".btnNextSlide2",
|
|
prevEl: ".btnPrevSlide2",
|
|
},
|
|
});
|
|
|
|
var swiper3 = new Swiper(".swiper3", {
|
|
slidesPerView: "auto",
|
|
//freeMode: true,
|
|
scrollbar: {
|
|
el: ".swiper-scrollbar",
|
|
hide: true,
|
|
},
|
|
navigation: {
|
|
nextEl: ".btnNextSlide3",
|
|
prevEl: ".btnPrevSlide3",
|
|
},
|
|
});
|
|
|
|
var swiper4 = new Swiper(".swiper4", {
|
|
slidesPerView: "auto",
|
|
//freeMode: true,
|
|
scrollbar: {
|
|
el: ".swiper-scrollbar",
|
|
hide: true,
|
|
},
|
|
navigation: {
|
|
nextEl: ".btnNextSlide4",
|
|
prevEl: ".btnPrevSlide4",
|
|
},
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|