배포 버전 수정
This commit is contained in:
@@ -68,12 +68,12 @@
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/incar_game01_1.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
|
||||
<b>STEP 01</b>
|
||||
<p class="caseBlack txtCase01">사양 구매 후, 게임 카드에 재진입 합니다. 홈 화면 > 메뉴 > 게임 <br>(별도의 설치과정이 필요하지 않습니다)</p>
|
||||
<p class="caseBlack txtCase01">사양 구매 후, 게임 카드에 재진입 합니다. <br>홈 화면 > 메뉴 > 게임 <br>(별도의 설치과정이 필요하지 않습니다)</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/incar_game01_2.jpg" alt="'좌우로 스크롤링하여 게임을 탐색/선택">
|
||||
<b>STEP 02</b>
|
||||
<p class="caseBlack txtCase01">좌우로 스크롤링하여 게임을 탐색/선택합니다. 가장 최근에 실행한 게임이 가장 왼쪽에 나타납니다.</p>
|
||||
<p class="caseBlack txtCase01">좌우로 스크롤링하여 게임을 탐색/선택합니다. <br>가장 최근에 실행한 게임이 가장 왼쪽에 나타납니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/incar_game01_3.jpg" alt="게임에 대한 설명을 참고한 후 게임을 실행">
|
||||
|
||||
@@ -41,178 +41,177 @@
|
||||
<h1>사양별 이용안내</h1>
|
||||
</div>
|
||||
|
||||
<div class="contentWarp">
|
||||
<div class="contentsTypeNew caseUsageDetail">
|
||||
<section class="caseInfoWrap">
|
||||
<h2 class="titleCase01">NBA 디스플레이 테마 이용방법</h2>
|
||||
<img src="/kr/assets/images/kia/contents/imgCaseInfo_nba.jpg" alt="NBA 디스플레이 테마 이용방법" 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">NBA 디스플레이 테마</h3>
|
||||
<p class="txtCase01" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
계기판/인포테인먼트 시스템 디자인을 NBA 30개 팀 테마로 변경하여 운전자의 특별한 개성을 표현할 수 있습니다. 테마 다운로드에는 약 5분(환경에 따라 상이)이 소요되며 적용을 위해 재시동이 필요합니다.
|
||||
<span style="color: #676767; display: block; padding-top: 15px;">※ 테마는 최대 3개만 다운로드하여 저장 가능하며, 삭제 / 재설치가 가능합니다.</span>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<div class="contentWarp">
|
||||
<div class="contentsTypeNew caseUsageDetail">
|
||||
<section class="caseInfoWrap">
|
||||
<h2 class="titleCase01">NBA 디스플레이 테마 이용방법</h2>
|
||||
<img src="../assets/images/kia/contents/imgCaseInfo_nba.jpg" alt="NBA 디스플레이 테마 이용방법" 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">NBA 디스플레이 테마</h3>
|
||||
<p class="txtCase01" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
계기판/인포테인먼트 시스템 디자인을 NBA 30개 팀 테마로 변경하여 운전자의 특별한 개성을 표현할 수 있습니다. 테마 다운로드에는 약 5분(환경에 따라 상이)이 소요되며 적용을 위해 재시동이 필요합니다.
|
||||
<span style="color: #676767; display: block; padding-top: 15px;">※ 테마는 최대 3개만 다운로드하여 저장 가능하며, 삭제 / 재설치가 가능합니다.</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>
|
||||
</ul>
|
||||
</div>
|
||||
<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>
|
||||
</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>
|
||||
<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>
|
||||
</ul>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="functionDetail active" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
<section class="storeGuideItem">
|
||||
<header class="case">
|
||||
<h4 class="titleCase03">테마 다운로드 / 적용 방법</h4>
|
||||
<strong>7 STEP</strong>
|
||||
</header>
|
||||
|
||||
<div class="swiper swiper1">
|
||||
<ul class="swiper-wrapper caseWide">
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/nba01_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/nba01_2.jpg" alt="'설정 메뉴에서 화면구성 서브메뉴에 진입">
|
||||
<b>STEP 02</b>
|
||||
<p class="caseBlack txtCase01">설정 메뉴에서 화면구성 서브메뉴에 진입합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/nba01_3.jpg" alt="좌측상단의 디스플레이 테마에서 미리보기">
|
||||
<b>STEP 03</b>
|
||||
<p class="caseBlack txtCase01">좌측상단의 디스플레이 테마에서 미리보기가 가능합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/nba01_4.jpg" alt="구매한 사양은 다운로드 버튼이 활성화되며 터치 시 다운로드">
|
||||
<b>STEP 04</b>
|
||||
<p class="caseBlack txtCase01">구매한 사양은 다운로드 버튼이 활성화되며 터치 시 다운로드가 진행됩니다.(약 5분 소요)</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/nba01_5.jpg" alt="다운로드가 완료되면 재부팅을 진행">
|
||||
<b>STEP 05</b>
|
||||
<p class="caseBlack txtCase01">다운로드가 완료되면 재부팅을 진행합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/nba01_6.jpg" alt="프로필별로 설정">
|
||||
<b>STEP 06</b>
|
||||
<p class="caseBlack txtCase01">프로필별로 설정 가능합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/nba01_7.jpg" alt="로그인하면 적용된 테마를 확인">
|
||||
<b>STEP 07</b>
|
||||
<p class="caseBlack txtCase01">로그인하면 적용된 테마를 확인하실 수 있습니다.</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>
|
||||
|
||||
<section class="functionDetail">
|
||||
<section class="storeGuideItem">
|
||||
<header class="case">
|
||||
<h4 class="titleCase03">테마 삭제 방법</h4>
|
||||
<strong>8 STEP</strong>
|
||||
</header>
|
||||
|
||||
<div class="swiper swiper2">
|
||||
<ul class="swiper-wrapper caseWide">
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/nba01_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/nba01_2.jpg" alt="'설정 메뉴에서 화면구성 서브메뉴에 진입">
|
||||
<b>STEP 02</b>
|
||||
<p class="caseBlack txtCase01">설정 메뉴에서 화면구성 서브메뉴에 진입합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/nba01_3.jpg" alt="좌측상단의 디스플레이 테마 메뉴를 터치">
|
||||
<b>STEP 03</b>
|
||||
<p class="caseBlack txtCase01">좌측상단의 디스플레이 테마 메뉴를 터치합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/nba02_4.jpg" alt="좌측하단 햄버거 메뉴를 터치하고 삭제 메뉴">
|
||||
<b>STEP 04</b>
|
||||
<p class="caseBlack txtCase01">좌측하단 햄버거 메뉴를 터치하고 삭제 메뉴를 터치합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/nba02_5.jpg" alt="삭제할 팀 테마를 선택">
|
||||
<b>STEP 05</b>
|
||||
<p class="caseBlack txtCase01">삭제할 팀 테마를 선택합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/nba02_6.jpg" alt="테마가 선택된 상태에서 삭제 버튼을 터치">
|
||||
<b>STEP 06</b>
|
||||
<p class="caseBlack txtCase01">테마가 선택된 상태에서 삭제 버튼을 터치합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/nba02_7.jpg" alt="삭제 진행">
|
||||
<b>STEP 07</b>
|
||||
<p class="caseBlack txtCase01">삭제가 진행됩니다.(약 2분 소요)</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/nba02_8.jpg" alt="삭제 완료">
|
||||
<b>STEP 08</b>
|
||||
<p class="caseBlack txtCase01">삭제가 완료되었습니다. 이제 새 테마를 다운로드 받을 수 있습니다.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="swiper-scrollbar"></div>
|
||||
<div class="swiper-scrollbar-after-space"></div>
|
||||
</div>
|
||||
<div class="swiper-button-next btnNextSlide2"></div>
|
||||
<div class="swiper-button-prev btnPrevSlide2"></div>
|
||||
</section>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<div class="contentsBtnWarp">
|
||||
<div class="oneButton">
|
||||
<a href="../info/product-usage-guide"><p>목록</p></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="functionDetail active" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
<section class="storeGuideItem">
|
||||
<header class="case">
|
||||
<h4 class="titleCase03">테마 다운로드 / 적용 방법</h4>
|
||||
<strong>7 STEP</strong>
|
||||
</header>
|
||||
|
||||
<div class="swiper swiper1">
|
||||
<ul class="swiper-wrapper caseWide">
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="/kr/assets/images/kia/contents/nba01_1.jpg" alt="인포테인먼트 화면에서 설정 메뉴에 진입">
|
||||
<b>STEP 01</b>
|
||||
<p class="caseBlack txtCase01">인포테인먼트 화면에서 설정 메뉴에 진입합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="/kr/assets/images/kia/contents/nba01_2.jpg" alt="'설정 메뉴에서 화면구성 서브메뉴에 진입">
|
||||
<b>STEP 02</b>
|
||||
<p class="caseBlack txtCase01">설정 메뉴에서 화면구성 서브메뉴에 진입합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="/kr/assets/images/kia/contents/nba01_3.jpg" alt="좌측상단의 디스플레이 테마에서 미리보기">
|
||||
<b>STEP 03</b>
|
||||
<p class="caseBlack txtCase01">좌측상단의 디스플레이 테마에서 미리보기가 가능합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="/kr/assets/images/kia/contents/nba01_4.jpg" alt="구매한 사양은 다운로드 버튼이 활성화되며 터치 시 다운로드">
|
||||
<b>STEP 04</b>
|
||||
<p class="caseBlack txtCase01">구매한 사양은 다운로드 버튼이 활성화되며 터치 시 다운로드가 진행됩니다.(약 5분 소요)</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="/kr/assets/images/kia/contents/nba01_5.jpg" alt="다운로드가 완료되면 재부팅을 진행">
|
||||
<b>STEP 05</b>
|
||||
<p class="caseBlack txtCase01">다운로드가 완료되면 재부팅을 진행합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="/kr/assets/images/kia/contents/nba01_6.jpg" alt="프로필별로 설정">
|
||||
<b>STEP 06</b>
|
||||
<p class="caseBlack txtCase01">프로필별로 설정 가능합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="/kr/assets/images/kia/contents/nba01_7.jpg" alt="로그인하면 적용된 테마를 확인">
|
||||
<b>STEP 07</b>
|
||||
<p class="caseBlack txtCase01">로그인하면 적용된 테마를 확인하실 수 있습니다.</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>
|
||||
|
||||
<section class="functionDetail">
|
||||
<section class="storeGuideItem">
|
||||
<header class="case">
|
||||
<h4 class="titleCase03">테마 삭제 방법</h4>
|
||||
<strong>8 STEP</strong>
|
||||
</header>
|
||||
|
||||
<div class="swiper swiper2">
|
||||
<ul class="swiper-wrapper caseWide">
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="/kr/assets/images/kia/contents/nba01_1.jpg" alt="인포테인먼트 화면에서 설정 메뉴에 진입">
|
||||
<b>STEP 01</b>
|
||||
<p class="caseBlack txtCase01">인포테인먼트 화면에서 설정 메뉴에 진입합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="/kr/assets/images/kia/contents/nba01_2.jpg" alt="'설정 메뉴에서 화면구성 서브메뉴에 진입">
|
||||
<b>STEP 02</b>
|
||||
<p class="caseBlack txtCase01">설정 메뉴에서 화면구성 서브메뉴에 진입합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="/kr/assets/images/kia/contents/nba01_3.jpg" alt="좌측상단의 디스플레이 테마 메뉴를 터치">
|
||||
<b>STEP 03</b>
|
||||
<p class="caseBlack txtCase01">좌측상단의 디스플레이 테마 메뉴를 터치합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="/kr/assets/images/kia/contents/nba02_4.jpg" alt="좌측하단 햄버거 메뉴를 터치하고 삭제 메뉴">
|
||||
<b>STEP 04</b>
|
||||
<p class="caseBlack txtCase01">좌측하단 햄버거 메뉴를 터치하고 삭제 메뉴를 터치합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="/kr/assets/images/kia/contents/nba02_5.jpg" alt="삭제할 팀 테마를 선택">
|
||||
<b>STEP 05</b>
|
||||
<p class="caseBlack txtCase01">삭제할 팀 테마를 선택합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="/kr/assets/images/kia/contents/nba02_6.jpg" alt="테마가 선택된 상태에서 삭제 버튼을 터치">
|
||||
<b>STEP 06</b>
|
||||
<p class="caseBlack txtCase01">테마가 선택된 상태에서 삭제 버튼을 터치합니다.</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="/kr/assets/images/kia/contents/nba02_7.jpg" alt="삭제 진행">
|
||||
<b>STEP 07</b>
|
||||
<p class="caseBlack txtCase01">삭제가 진행됩니다.(약 2분 소요)</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="/kr/assets/images/kia/contents/nba02_8.jpg" alt="삭제 완료">
|
||||
<b>STEP 08</b>
|
||||
<p class="caseBlack txtCase01">삭제가 완료되었습니다. 이제 새 테마를 다운로드 받을 수 있습니다.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="swiper-scrollbar"></div>
|
||||
<div class="swiper-scrollbar-after-space"></div>
|
||||
</div>
|
||||
<div class="swiper-button-next btnNextSlide2"></div>
|
||||
<div class="swiper-button-prev btnPrevSlide2"></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
|
||||
|
||||
@@ -385,7 +385,6 @@
|
||||
</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>
|
||||
|
||||
@@ -44,26 +44,29 @@
|
||||
<div class="contentWarp">
|
||||
<div class="contentsTypeNew caseUsageDetail">
|
||||
<section class="caseInfoWrap">
|
||||
<h2 class="titleCase01">스마트 회생 시스템 플러스 이용 방법</h2>
|
||||
<img src="/kr/assets/images/kia/contents/imgCaseInfo_srsp.jpg" alt="스마트 회생 시스템 플러스 이용 방법" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
<h2 class="titleCase01">스트리밍 프리미엄</h2>
|
||||
<img src="../assets/images/kia/contents/streamingPremium.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>
|
||||
<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">
|
||||
스마트 회생 시스템 3.0(정차 제어 등 기본 제공)에 플러스 기능(내비게이션 연동 감속기능 5종)을 구매하여 사용할 수 있습니다.
|
||||
이 기능들이 정상적으로 작동하려면 내비게이션 목적지를 설정하면 보다 정확한 정보에 기반한 서비스를 제공합니다.
|
||||
<span style="color: #676767; display: block; padding-top: 15px;">※ 플러스 기능은 한시적으로 0원 구매 무상 제공 중입니다.</span>
|
||||
사양 구매 후 차량 내 메인 메뉴에서 ‘시네마 및 엔터테인먼트’ 기능을
|
||||
이용할 수 있으며, ‘미디어’ 기능에서 뮤직 스트리밍 앱의 고음질 음원을 이용 할 수 있습니다. 또한, LG webOS를 활용한 다양한 OTT 및 앱 이용이
|
||||
가능합니다.
|
||||
<span style="color: #676767; display: block; padding-top: 15px;">※ 기아 커넥트 서비스가 유지 상태여야 이용할 수 있습니다.</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>
|
||||
<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 class="active"><button><b>엔터테인먼트</b></button></li>
|
||||
<li><button><b>고음질 스트리밍/시네마</b></button></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -87,93 +90,118 @@
|
||||
|
||||
<div class="selectInner_new2">
|
||||
<div class="cont-select">
|
||||
<button class="btn-select">사양이용</button>
|
||||
<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="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>1 STEP</strong>
|
||||
</header>
|
||||
|
||||
<div class="swiper swiper1">
|
||||
<ul class="swiper-wrapper caseWide">
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="/kr/assets/images/kia/contents/srsp01_1.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
|
||||
<b>STEP 01</b>
|
||||
<p class="caseBlack txtCase01">오른쪽 패들 시프트 레버를 약 0.5초 이상 당겨서 홀딩하면
|
||||
스마트 회생 시스템이 작동되며, 클러스터에 단계 별로
|
||||
표시되던 회생 제동량이 'AUTO' 표시등으로 전환 됩니다.</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 class="functionDetail active">
|
||||
<section class="storeGuideItem" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
<header class="case">
|
||||
<h4 class="titleCase03">컨텐츠 앱 설정 방법</h4>
|
||||
<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/sprem01_1.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
|
||||
<b>STEP 01</b>
|
||||
<p class="caseBlack txtCase01">
|
||||
사양 구매 후, 엔터테인먼트 카드에 진입합니다.<br>
|
||||
홈 화면 > 메뉴 > 엔터테인먼트<br>
|
||||
(별도의 설치과정이 필요하지 않습니다)
|
||||
</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/sprem01_2.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
|
||||
<b>STEP 02</b>
|
||||
<p class="caseBlack txtCase01">
|
||||
좌우로 스크롤링하여 컨텐츠를 탐색/선택합니다.
|
||||
</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/sprem01_3.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
|
||||
<b>STEP 03</b>
|
||||
<p class="caseBlack txtCase01">
|
||||
새로운 앱을 추가로 다운받을 때에는 Apps를 클릭합니다.<br>
|
||||
앱을 선택하여 다운로드 받습니다.<br>
|
||||
엔터테인먼트 > Apps > 앱 선택
|
||||
</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 class="storeGuideItem" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
<header class="case">
|
||||
<h4 class="titleCase03">컨텐츠 이용 방법</h4>
|
||||
<strong>3 STEP</strong>
|
||||
</header>
|
||||
|
||||
<div class="swiper swiper2">
|
||||
<ul class="swiper-wrapper caseWide">
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/sprem01_2.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
|
||||
<b>STEP 01</b>
|
||||
<p class="caseBlack txtCase01">
|
||||
좌우로 스크롤링하여 컨텐츠를 탐색/선택합니다.
|
||||
</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/sprem02_2.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
|
||||
<b>STEP 02</b>
|
||||
<p class="caseBlack txtCase01">
|
||||
(선택사항) 컨텐츠 사에 따라 별도 유료 계정이 필요할 수 있습니다. <br>
|
||||
이 경우에는 화면에서 로그인을 실행 해주세요
|
||||
</p>
|
||||
</li>
|
||||
<li class="swiper-slide">
|
||||
<img class="noBorder" src="../assets/images/kia/contents/sprem02_3.jpg" alt="사양 구매 후, 게임 카드에 재진입. 홈 화면 > 메뉴 > 게임">
|
||||
<b>STEP 03</b>
|
||||
<p class="caseBlack txtCase01">
|
||||
선택한 컨텐츠를 이용합니다.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="swiper-scrollbar"></div>
|
||||
<div class="swiper-scrollbar-after-space"></div>
|
||||
</div>
|
||||
<div class="swiper-button-next btnNextSlide2"></div>
|
||||
<div class="swiper-button-prev btnPrevSlide2"></div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section class="functionDetail">
|
||||
|
||||
<section class="storeGuideItem">
|
||||
<header class="case" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
<h4 class="titleCase03">거리 단계 조절</h4>
|
||||
<strong>2 STEP</strong>
|
||||
</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="/kr/assets/images/kia/contents/srsp02_1.jpg" alt="스마트 회생 시스템 기능 설정을 위해 인포테인먼트 시스템 홈 화면의 EV 항목을 선택">
|
||||
<b>STEP 01</b>
|
||||
<p class="caseBlack txtCase01">스마트 회생 시스템 기능 설정을 위해 인포테인먼트
|
||||
시스템 홈 화면의 EV 항목을 선택합니다.</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="/kr/assets/images/kia/contents/srsp02_2.jpg" alt="스마트 회생제동 메뉴에서, 스마트 회생 제동 거리 단계를 1~3단계로 설정">
|
||||
<b>STEP 02</b>
|
||||
<p class="caseBlack txtCase01">스마트 회생제동 메뉴에서, 스마트 회생 제동 거리 단계를 1~3단계로 설정하여 앞 차와의 거리를 조절 할 수
|
||||
있습니다.</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 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>2 STEP</strong>
|
||||
<h4 class="titleCase03">컨텐츠 이용 방법</h4>
|
||||
<!-- <strong>2 STEP</strong> -->
|
||||
</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="/kr/assets/images/kia/contents/srsp02_1.jpg" alt="스마트 회생 시스템 기능 설정을 위해 인포테인먼트 시스템 홈 화면의 EV 항목을 선택">
|
||||
<img src="../assets/images/kia/contents/sprem02_1.jpg" alt="스마트 회생 시스템 기능 설정을 위해 인포테인먼트 시스템 홈 화면의 EV 항목을 선택">
|
||||
<b>STEP 01</b>
|
||||
<p class="caseBlack txtCase01">스마트 회생 시스템 기능 설정을 위해 인포테인먼트
|
||||
시스템 홈 화면의 EV 항목을 선택합니다.</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="/kr/assets/images/kia/contents/srsp03_1.jpg" alt="스마트 회생제동 메뉴에서, 스마트 회생 제동 거리 단계를 1~3단계로 설정">
|
||||
<b>STEP 02</b>
|
||||
<p class="caseBlack txtCase01">스마트 회생제동 메뉴에서, Kia Connect Store를 통해 구매 한 스마트 회생시스템 플러스 기능은 내비게이션
|
||||
연동 선택/해제를 통해 on/off 할 수 있습니다.</p>
|
||||
<p class="caseBlack txtCase01">
|
||||
기존 스트리밍 플러스 이용 방안과 동일합니다.<br><br>
|
||||
<a href="https://connectstore.kia.com/kr/info/product-usage-guide-streaming" style="color:#000;text-decoration: underline;">https://connectstore.kia.com/kr/info/product-usage-guide-streaming</a>
|
||||
</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>
|
||||
<div class="swiper-button-next btnNextSlide3"></div>
|
||||
<div class="swiper-button-prev btnPrevSlide3"></div>
|
||||
</section>
|
||||
</section>
|
||||
</section>
|
||||
@@ -186,12 +214,12 @@
|
||||
</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;
|
||||
|
||||
@@ -250,7 +250,7 @@
|
||||
스트리밍 프리미엄
|
||||
</h3>
|
||||
<p class="txtCase01" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
|
||||
사양 구매 후 차량 내 메인 메뉴에서 ‘시네마 및 엔터테인먼트’ 기능을
|
||||
사양 구매 후 차량 내 메인 메뉴에서 ‘시네마 및 엔터테인먼트’ 기능을
|
||||
이용할 수 있으며, ‘미디어’ 기능에서 뮤직 스트리밍 앱의 고음질 음원을 이용 할 수 있습니다. 또한, LG webOS를 활용한 다양한 OTT 및 앱 이용이
|
||||
가능합니다.
|
||||
<span style="color: #676767; display: block; padding-top: 15px;">※ 기아 커넥트 서비스가 유지 상태여야 이용할 수 있습니다.</span>
|
||||
@@ -413,14 +413,14 @@
|
||||
</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>
|
||||
|
||||
<div class="footer">
|
||||
<div class="kiaInner">
|
||||
<div class="tLeft">
|
||||
<div class="logoSEction">
|
||||
@@ -479,9 +479,9 @@
|
||||
</div>
|
||||
<p class="copyRight"><span>Ⓒ</span> Kia CORP. ALL RIGHTS RESERVED.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="popupWarp" style="display:none;">
|
||||
<div class="popupWarp" style="display:none;">
|
||||
<div class="popInner termsPop" style="display:none;">
|
||||
<div class="popContents">
|
||||
<h1>개인정보 수집/이용 및 기타 동의</h1>
|
||||
@@ -529,8 +529,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--//footer-->
|
||||
|
||||
<script>
|
||||
AOS.init();
|
||||
|
||||
|
||||
Reference in New Issue
Block a user