730 lines
52 KiB
HTML
730 lines
52 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>제품상세명 > 제품리스트 > 회사명</title>
|
|
<!--
|
|
//위에 순서대로 title 이 변경되어야 합니다.
|
|
-->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no, shrink-to-fit=no" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="apple-mobile-web-app-title" content="">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-touch-fullscreen" content="yes">
|
|
<meta name="title" content="">
|
|
<meta name="keywords" content="">
|
|
<meta name="description" content="">
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta property="og:title" content="Page Title" />
|
|
<meta property="og:type" content="Page Contens" />
|
|
<meta property="og:image" content="../assets/images/kia/meta_img.png" />
|
|
<meta property="og:site_name" content="Page name" />
|
|
<meta property="og:description" content="Page Coment" />
|
|
<link rel="stylesheet" charset="UTF-8" href="../assets/css/library/jquery-ui.min.css?v1" type="text/css" />
|
|
<link rel="stylesheet" charset="UTF-8" href="../assets/css/library/swiper.min.css?v1" type="text/css" />
|
|
<link rel="stylesheet" charset="UTF-8" href="../assets/css/library/aos.css?v1" type="text/css" />
|
|
<link rel="stylesheet" charset="UTF-8" href="../assets/css/basic.css?v1" type="text/css" />
|
|
<link rel="stylesheet" charset="UTF-8" href="../assets/css/common.css?v1" type="text/css" />
|
|
<link rel="stylesheet" charset="UTF-8" href="../assets/css/contents.css?v1" type="text/css" />
|
|
<link rel="stylesheet" charset="UTF-8" href="../assets/css/popup.css?v1" type="text/css" />
|
|
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/jquery.js?v1"></script>
|
|
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/jquery-ui.min.js?v1"></script>
|
|
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/swiper.min.js?v1"></script>
|
|
<script type="text/javascript" charset="UTF-8" src="../assets/js/library/aos.js?v1"></script>
|
|
<script type="text/javascript" charset="UTF-8" src="../assets/js/common.js?v1"></script>
|
|
<!--상품상세 페이지 css 분리-->
|
|
<link rel="stylesheet" charset="UTF-8" href="/kr/assets/css/service.css?v1" type="text/css" />
|
|
<link rel="shortcut icon" href="../assets/images/kia/home_icon.png" />
|
|
<link rel="apple-touch-icon-precomposed" href="../assets/images/kia/home_icon.png" />
|
|
<link rel="shortcut icon" href="../assets/images/kia/favicon-16x16.png">
|
|
<link rel="icon" href="../assets/images/kia/favicon-16x16.png">
|
|
<link rel="stylesheet" href="../assets/css/kia/kia-font.css?v1" type="text/css" />
|
|
<link rel="stylesheet" href="../assets/css/kia/kia.css?v1" type="text/css" />
|
|
</head>
|
|
<body id="event">
|
|
<div class="contentHeaderCase case05"> </div>
|
|
|
|
<!--//header-->
|
|
<div class="hederWarp_n hskey">
|
|
<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>
|
|
|
|
</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="../kia.html#mainProductList" class="menuDepth1">디지털 사양</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="../kia.html#mainProductList">디지털 사양</a></li>
|
|
<li class="menuDepth2"><a href="../info/product-usage-guide.html" class="active">사양별 이용안내</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menuDepth1Wrap">
|
|
<a href="../info/service-info.html" class="menuDepth1 lower" data-url="../info/service-info.html">스토어 소개</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="../info/service-info.html">스토어 소개</a></li>
|
|
<li class="menuDepth2"><a href="../info/registration-guide.html" class="active">스토어 가입안내</a></li>
|
|
<li class="menuDepth2"><a href="../info/buying-Installation-guide.html">스토어 이용안내</a></li>
|
|
<li class="menuDepth2"><a href="../service/event-list.html">이벤트</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menuDepth1Wrap">
|
|
<a href="../info/as-guide.html" class="menuDepth1 lower" data-url="../info/as-guide.html">고객지원</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="../service/faq.html">자주하는 질문</a></li>
|
|
<li class="menuDepth2"><a href="../service/inquiry-list.html">문의하기</a></li>
|
|
<li class="menuDepth2"><a href="../info/as-guide.html" class="active">고객센터 및 AS안내</a></li>
|
|
<li class="menuDepth2"><a href="../service/notice-list.html">공지사항</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<!-- 모바일 전용 추가 메뉴 영역입니다. -->
|
|
<div class="mobileSubMenu">
|
|
<a href="https://privacy.kia.com/overview/full-policy/" target="_blank">개인정보 처리방침</a>
|
|
<a href="../member/terms.html">이용약관</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 전용 로그인 버튼입니다. -->
|
|
<div class="userLogin">
|
|
<a href="#">로그인/가입</a>
|
|
</div>
|
|
|
|
<!-- PC 전용 USER 관련 링크 영역입니다. -->
|
|
<div class="user">
|
|
<a href="../mypage/my-product-list.html"><i class="icon-user"></i></a>
|
|
</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>
|
|
<!--//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-->
|
|
<div class="floating_menu">
|
|
<a href="../service/faq.html" class="floating_faq"><img src="../assets/images/common/floating_inquiry.png" alt="자주하는 질문"></a>
|
|
<a href="../service/inquiry-list.html" class="floating_inquiry"><img src="../assets/images/common/floating_faq.png" alt="문의하기"></a>
|
|
<a href="javascript:;" class="floating_top"><img src="../assets/images/common/floating_top.png" alt="top"></a>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="kiaInner">
|
|
<div class="tLeft">
|
|
<div class="logoSEction">
|
|
<a href="../kia.html"><img src="../assets/images/kia/kia-logo.svg" alt="kia"></a>
|
|
</div>
|
|
<div class="companyInfo">
|
|
<ul>
|
|
<li><a href="https://privacy.kia.com/overview/full-policy/" target="_blank">개인정보 처리방침</a></li>
|
|
<li><a href="../member/terms.html">이용약관</a></li>
|
|
</ul>
|
|
<ul>
|
|
<li>사업자: 기아주식회사, 대표 송호성, 최준영</li>
|
|
<li>주소: 서울특별시 서초구 현릉로 12 기아</li>
|
|
<li>사업자등록번호: 119-81-02316</li>
|
|
<li>통신판매신고: 2006-07935</li>
|
|
<li>호스팅제공자: 현대오토에버</li>
|
|
<li>이메일: KiaConnectStore@kia.com</li>
|
|
<li>개인정보책임자: 기아정보보호센터 이상영 상무, privacy@kia.com / 080-200-2000</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="csTime">
|
|
<div>
|
|
<p>
|
|
<strong>고객센터: 080-200-2000</strong>
|
|
</p>
|
|
<p><span>오류문의: 24시간 연중 무휴</span></p>
|
|
<p>
|
|
<span>
|
|
일반 문의: 주중 08:30 ~ 18:00<br><span style="margin-left:64px;">(토·일·공휴일 휴무)</span>
|
|
</span>
|
|
</p>
|
|
</div>
|
|
<div class="familyBoxWarp">
|
|
<div class="familyBox">
|
|
<div class="familyInner">
|
|
<div class="cont-select">
|
|
<ul class="list-member">
|
|
<li><a href="https://www.kia.com/kr" target="_balnk">기아</a></li>
|
|
<li><a href="https://connect.kia.com/kr" target="_balnk">기아 커넥트</a></li>
|
|
<li><a href="https://worldwide.kia.com/kr" target="_balnk">Worldwide</a></li>
|
|
<li><a href="https://www.hyundai.co.kr" target="_balnk">현대자동차그룹</a></li>
|
|
<li><a href="https://members.kia.com" target="_balnk">기아멤버스</a></li>
|
|
<li><a href="https://drivingexperience.hyundai.co.kr/" target="_balnk">기아 드라이빙 아카데미</a></li>
|
|
<li><a href="https://worldwide.kia.com/kr/company/ir" target="_balnk">IR</a></li>
|
|
<li><a href="http://winwin.hyundai.com/" target="_balnk">동반성장</a></li>
|
|
<li><a href="https://gbic.hyundai.com/" target="_balnk">글로벌경영연구소</a></li>
|
|
<li><a href="https://tigers.co.kr" target="_balnk">기아타이거즈</a></li>
|
|
<li><a href="https://special.kia.com" target="_balnk">기아군용</a></li>
|
|
</ul>
|
|
<button class="btn-select">Family Site</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="copyRight"><span>Ⓒ</span> Kia CORP. ALL RIGHTS RESERVED.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="popupWarp" style="display:none;">
|
|
<div class="popInner termsPop" style="display:none;">
|
|
<div class="popContents">
|
|
<h1>개인정보 수집/이용 및 기타 동의</h1>
|
|
<div class="termsCon">
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. ManyLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many </p>
|
|
</div>
|
|
<div>
|
|
<div class="oneButton">
|
|
<a href=""><p>닫기</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="popInner payInfo" style="display:none;">
|
|
<div class="popContents">
|
|
<h1>결제 방법 안내</h1>
|
|
<div class="payInfoCon">
|
|
<p>
|
|
<strong>이미 등록된 결제 방법이 있습니다.<br>(지로, 서울특별시 OO구 OOO로 OO길 OO)<br>해당 결제 방법으로 요금을 납부하시겠습니까?</strong>
|
|
<span>※ 결제 방법을 다른 카드로 변경하실 경우 CCS앱에서 변경 가능합니다.</span>
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<div class="towButton">
|
|
<button class="cartBtn leftBtn"><p>취소</p></button>
|
|
<button class="PurchaseBtn rightBtn"><p>확인</p></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="popInner payInfo" style="display:none;">
|
|
<div class="popContents">
|
|
<h1>결제 방법 안내</h1>
|
|
<div class="payInfoCon">
|
|
<p>
|
|
<strong>등록된 결제 방법이 없어 요금제 가입 진행이 불가합니다. 결제 카드 등록은 블루링크 App에서 진행해주시길 바랍니다.</strong>
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<div class="oneButton">
|
|
<a href=""><p>닫기</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--//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>
|
|
|
|
|
|
|
|
|
|
|
|
|