디스플레이테마 인트로 영상 영역 수정

This commit is contained in:
2024-07-16 22:24:51 +09:00
parent 157119ca9d
commit c22b62e2f1
6 changed files with 106 additions and 105 deletions

View File

@@ -1320,7 +1320,8 @@
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
transform: translateZ(0);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.contentsTypeNew .storeGuideItem ul li img:not(.noBorder) {
border: 1px solid #DEDEDE;
@@ -2177,4 +2178,14 @@
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
.indent {
display: flex !important;
}
.indent em {
display: block;
white-space: nowrap;
margin-right: 4px;
}
/*# sourceMappingURL=contents.css.map */

File diff suppressed because one or more lines are too long

View File

@@ -1875,4 +1875,13 @@
overflow: hidden;
}
}
}
.indent {
display: flex !important;
em {
display: block;
white-space: nowrap;
margin-right: 4px;
}
}

View File

@@ -256,8 +256,8 @@
<span style="color: #676767; display: block; padding-top: 15px;">
※ 플러스 기능은 한시적으로 0원 구매 무상 제공 중입니다.
</span>
<span class="indent" style="color: #676767; display: block; padding-top: 8px; letter-spacing: -0.05em;">
※ 기본 제공 기능 : 과속카메라 속도 조절 / 내리막길 속도 유지 / 선행차량 거리 유지 / 정차 제어
<span class="indent" style="color: #676767; display: block; padding-top: 8px;">
<em>※ 기본 제공 기능 :</em> 과속카메라 속도 조절 / 내리막길 속도 유지 / 선행차량 거리 유지 / 정차 제어
</span>
</p>

View File

@@ -44,29 +44,34 @@
<div class="contentWarp">
<div class="contentsTypeNew caseUsageDetail">
<section class="caseInfoWrap">
<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">
<h2 class="titleCase01">스마트 회생 시스템 플러스 이용 방법</h2>
<img src="../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">
<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">
사양 구매 후 차량 내  메인 메뉴에서 ‘시네마 및 엔터테인먼트’ 기능을
이용할 수 있으며, ‘미디어’ 기능에서 뮤직 스트리밍 앱의 고음질 음원을 이용 할 수 있습니다. 또한, LG webOS를 활용한 다양한 OTT 및 앱 이용이
가능합니다.
<span style="color: #676767; display: block; padding-top: 15px;">※ 기아 커넥트 서비스가 유지 상태여야 이용할 수 있습니다.</span>
스마트 회생 시스템 플러스 기능(내비게이션 연동 감속기능 4종)은 사양 구매 후 이용 할 수 있으며,
플러스 기능의 경우 내비게이션 목적지를 설정할 시 보다 정확한 서비스를 제공합니다.
플러스 기능을 구매하지 않을 시, 스마트 회생 시스템 기본 제공 기능만 이용 가능합니다.
<span style="color: #676767; display: block; padding-top: 15px;">
※ 플러스 기능은 한시적으로 0원 구매 무상 제공 중입니다.
</span>
<span class="indent" style="color: #676767; display: block; padding-top: 8px; letter-spacing: -0.05em;">
※ 기본 제공 기능 : 과속카메라 속도 조절 / 내리막길 속도 유지 / 선행차량 거리 유지 / 정차 제어
</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>
@@ -90,111 +95,86 @@
<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="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 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="../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>
<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> -->
<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="../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="../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 btnNextSlide2"></div>
<div class="swiper-button-prev btnPrevSlide2"></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>
</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/sprem02_1.jpg" alt="스마트 회생 시스템 기능 설정을 위해 인포테인먼트 시스템 홈 화면의 EV 항목을 선택">
<img src="../assets/images/kia/contents/srsp02_1.jpg" alt="스마트 회생 시스템 기능 설정을 위해 인포테인먼트 시스템 홈 화면의 EV 항목을 선택">
<b>STEP 01</b>
<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>
<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="../assets/images/kia/contents/srsp03_1.jpg" alt="스마트 회생제동 메뉴에서, 스마트 회생 제동 거리 단계를 1~3단계로 설정">
<b>STEP 02</b>
<p class="caseBlack txtCase01">스마트 회생제동 메뉴에서, Kia Connect Store를 통해 구매 한 스마트 회생시스템 플러스 기능은 내비게이션
연동 선택/해제를 통해 on/off 할 수 있습니다.</p>
</li>
</ul>
<div class="swiper-scrollbar"></div>

View File

@@ -353,9 +353,9 @@
내비게이션 정보를 활용하여 더욱 안전하고 편리해진 EV 주행
</h4>
<p data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800" class="aos-init aos-animate">
스마트 회생시스템 플러스는 편리하고 안전한 운전을 지원합니다.
원페달 운전을 가능하게 하여 가속과 제동을 더욱 편리하게 제어할 수 있습니다.<br>
교통 체증 및 도심 주행에서도 피로 없이 운전하며 운전의 즐거움을 느껴보세요.
스마트 회생 시스템 플러스는 기존 스마트 회생 시스템 대비 내비게이션 연동 기능이 확대되었습니다.
내비게이션과 연동 된 다양한 주행상황에서 자동으로 회생제동조절하여 적절한 속도로 감속할 수 있으며,
교통 체증 및 도심 주행에서의 브레이크 조작을 줄여주어, 주행 중 피로를 덜어드립니다.
</p>
</div>
</div>