스트리밍 프리미엄 수정

This commit is contained in:
2024-09-12 22:34:23 +09:00
parent bd656d65a6
commit d364cc05c2
10 changed files with 3975 additions and 3875 deletions

View File

@@ -282,37 +282,33 @@
<h1>스트리밍 프리미엄</h1>
<p>이제 차안에서도 스마트하게 여러 컨텐츠를 이욯해 보세요.</p>
</div>
<div class="producInfoWarp">
<div class="producOption">
<h2>요금제</h2>
<div class="optionList">
<div class="checkBtn type2">
<input type="checkbox" name="check" id="check1" value="Atlanta Hawks" checked />
<label for="check1">
<div class="optionText">
<p>
<strong>
스마트 TV 솔루션즈 플러스
<div class="priceOption">
<h2>원하시는 요금제를 선택해주세요.</h2>
<div class="priceList">
<div class="radioBtn">
<input type="radio" name="radioBtn" id="radioOne" value="연 구독 150000" />
<label for="radioOne">
<span>1년 약정</span>
<strong>₩ 11,000/월</strong>
</label>
</div>
<span>차량에서 스마트 TV 서비스를 이용 가능합니다.</span>
</strong>
<span>단, 비디오 스트리밍의 경우 지원 차량이 제한되오니 하단의 상세 정보를 확인바랍니다.</span>
</p>
</div>
</label>
</div>
<div class="radioBtn">
<input type="radio" name="radioBtn" id="radioTwo" value="무약정 24000" />
<label for="radioTwo">
<span>무약정</span>
<strong>₩ 24,000/월</strong>
</label>
</div>
</div>
<div class="producInfoLogOut">
<p>본 요금제는 스트리밍 서비스 이용 시 사용하는 이용권이며, 서비스 이용을 위한 콘텐츠 플랫폼사 이용권은 별도로 구매 후 연동하셔야 합니다.</p>
<span>(단, 구독 중인 콘텐츠 플랫폼의 이용권이 모바일 기기만 지원 할 경우, 차량 내 스트리밍 서비스를 이용하실 수 없습니다) </span>
</div>
<!-- [E] 로그아웃 케이스 -->
</div>
<div class="priceTotal">
<div class="oneButtonBlack">
<a href="" class="requireLogin"><p>요금제 가입하기</p></a>
<dl class="total">
<dt>총 결제 금액</dt>
<dd>₩ 0</dd>
</dl>
<div class="paymentButton oneButtonBlack">
<button class="PurchaseBtn rightBtn"><p>요금제 가입하기</p></button>
</div>
</div>
</div>
@@ -333,49 +329,151 @@
<div class="comp_body layer_up">
<div class="text_area">
<h3 data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">이제 차량에서도 스마트 TV를 이용해보세요.</h3>
<div class="info" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">다양한 OTT 컨텐츠와 더불어 뉴스, SNS,  회의, 스포츠 등 스마트TV에서 이용하던 다양한 서비스를 사용할 수 있습니다.</div>
<div class="info" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">다양한 OTT 컨텐츠와 더불어 뉴스, SNS, 스포츠 등 스마트TV에서 이용하던 다양한 서비스를 사용할 수 있습니다.</div>
</div>
</div>
<div class="btn-intro" style="color: #fff">Intro영상 다시보기</div>
</div>
<div class="comp_md layer_up"></div>
<div class="comp_md layer_up video_wrap">
<div class="video-area">
<div class="video">
<div class="youtube-box" value="QTNIYFnfw_I"></div>
<div class="btn-close">닫기</div>
</div>
</div>
<div class="close-today"></div>
</div>
</div>
<div class="comp_wide comp_1x_b_v_s_b streamingPremium">
<div class="comp_body">
<div class="item aos-init aos-animate spec-area" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-offset="9999" data-aos-duration="200">
<div class="scroll_area">
<img src="../assets/images/kia/pdp/streaming_premium/img_spec.png" class="themeImg" alt="이용 사양" />
<!-- <img src="../assets/images/kia/pdp/streaming_premium/img_spec_m.png" class="themeImg mobile" alt="비디오 스트리밍" /> -->
</div>
</div>
<div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-offset="9999" data-aos-duration="200">
<div class="image_area">
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img1.png" class="themeImg web" alt="비디오 스트리밍" />
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img1_m.png" class="themeImg mobile" alt="비디오 스트리밍" />
<div class="pdpDtl streamingPremium-swiper1">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="image_area">
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img1.png" class="themeImg" alt="더욱 다양한 OTT 서비스" />
</div>
</div>
<div class="swiper-slide">
<div class="image_area">
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img1.png" class="themeImg" alt="더욱 다양한 OTT 서비스" />
</div>
</div>
<div class="swiper-slide">
<div class="image_area">
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img1.png" class="themeImg" alt="더욱 다양한 OTT 서비스" />
</div>
</div>
</div>
</div>
<div class="swiper-navigation">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="text_area">
<h5>비디오 스트리밍</h5>
<p>넷플릭스, 유튜브와 같은 비디오 컨텐츠를 대화면으로 즐길 수 있습니다.</p>
<h5>더욱 다양한 OTT 서비스</h5>
<p>넷플릭스, 디즈니+ , 티빙 등 주요 OTT 컨텐츠를 차량에서 감상해보세요</p>
</div>
</div>
<div class="item aos-init aos-animate mt-12" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="200">
<div class="pdpDtl streamingPremium-swiper2">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="image_area">
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img2.png" class="themeImg" alt="SNS 및 실시간 라이브 방송" />
</div>
</div>
<div class="swiper-slide">
<div class="image_area">
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img2.png" class="themeImg" alt="SNS 및 실시간 라이브 방송" />
</div>
</div>
<div class="swiper-slide">
<div class="image_area">
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img2.png" class="themeImg" alt="SNS 및 실시간 라이브 방송" />
</div>
</div>
</div>
</div>
<div class="swiper-navigation">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="text_area">
<h5>SNS 및 실시간 라이브 방송</h5>
<p>유튜브, 스포티비, LG채널, LGU+TV 등을 통해 현장감 있는 컨텐츠를 즐길 수 있어요</p>
</div>
</div>
<div class="item aos-init aos-animate mt-12" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="200">
<div class="image_area">
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img2.png" class="themeImg web" alt="엔터테인먼트" />
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img2_m.png" class="themeImg mobile" alt="엔터테인먼트" />
<div class="pdpDtl streamingPremium-swiper3">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="image_area">
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img3.png" class="themeImg" alt="노래방 / 키즈/ 게임" />
</div>
</div>
<div class="swiper-slide">
<div class="image_area">
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img3.png" class="themeImg" alt="노래방 / 키즈/ 게임" />
</div>
</div>
<div class="swiper-slide">
<div class="image_area">
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img3.png" class="themeImg" alt="노래방 / 키즈/ 게임" />
</div>
</div>
</div>
</div>
<div class="swiper-navigation">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="text_area">
<h5>라이브 채널</h5>
<p>LG 채널, U+ TV 로 온에어 방송을 시청해보세요.</p>
</div>
</div>
<div class="item aos-init aos-animate mt-12" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="200">
<div class="image_area">
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img3.png" class="themeImg web" alt="Profile" />
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_img3_m.png" class="themeImg mobile" alt="Profile" />
</div>
<div class="text_area">
<h5>엔터테인먼트</h5>
<p>노래방 서비스 (스팅레이)와 스낵게임(Playworks) 를 즐겨 보세요</p>
<h5>노래방 / 키즈/ 게임</h5>
<p>온가족 또는 친구와 함께 즐길 수 있는 컨텐츠가 준비되어 있습니다</p>
</div>
</div>
</div>
</div>
<div class="comp_wide comp_2x_b_h_s_e2">
<div class="comp_wide comp_1x_b_v_s_b streamingPremium">
<div class="comp_body">
<div class="item aos-init aos-animate mt-12" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="200">
<div class="text_area between mb-2">
<h5>이용 가능 서비스 예시</h5>
<p class="web">※ 예시로 작성된 표 입니다. webOS 업데이트에 따라 콘텐츠는 수시로 변경될 수 있습니다.</p>
</div>
<div class="image_area">
<img src="../assets/images/kia/pdp/streaming_premium/usage_service.png" class="themeImg web" alt="이용 가능 서비스 예시" />
<img src="../assets/images/kia/pdp/streaming_premium/usage_service_m.png" class="themeImg mobile" alt="이용 가능 서비스 예시" />
</div>
<p class="mt-2 mobile">※ 예시로 작성된 표 입니다. webOS 업데이트에 따라 콘텐츠는 수시로 변경될 수 있습니다.</p>
</div>
</div>
</div>
<div class="comp_wide comp_2x_b_h_s_e2 mt-16">
<div class="comp_body">
<div class="item">
<div class="image_area">
@@ -426,8 +524,18 @@
<div class="title">이용조건</div>
<div class="bar"></div>
<ul class="contents">
<li>상품 구매 및 이용가능 여부는 차량에 설치된 하드웨어 구성 및 OTA펌웨어 버전에 따라 다르기에 로그인하시면 확인하실 수 있습니다.</li>
<li>상품 이용을 위해 구입 후 가이드에 따라 차량에 설치를 완료하셔야 합니다.</li>
<li>차량에서 사용하시는 사용자 프로필과 기아 커넥트 앱에 로그인하실 때 입력하시는 기아 이메일 계정을 연동하신 후 이용하실 수 있습니다.</li>
<li>차량 내비게이션에서 연동 설정을 진행해주세요.</li>
<li>서비스 이용을 위해서는 콘텐츠 플랫폼의 계정 연동이 필요합니다.</li>
<li>주행 중에는 비디오 스트리밍 서비스 이용이 불가능 합니다. (P단에서 이용 가능)</li>
<li>가입하신 요금제의 종류에 따라 데이터 이용료가 발생할 수 있습니다.</li>
<li>각 콘텐츠 플랫폼 사의 상황에 따라 서비스 제공이 원활하지 않을 수 있습니다.</li>
<li>일시적인 통신 장애로 이용에 실패할 수 있습니다.</li>
<li>통신 음영 지역에서는 이용에 제한이 있을 수 있습니다.</li>
<li>비디오 스트리밍 서비스는 23년 2차 내비게이션 업데이트 이후 이용 가능합니다.</li>
<li>비디오 스트리밍 서비스는 차세대 인포테인먼트 시스템 (ccNC) 및 14.5인치 인포테인먼트 시스템 장착 차량에 한하여 이용 가능합니다.</li>
<li>서비스는 변경, 추가 및 삭제될 수 있으며, 차종 및 내비게이션 장치의 종류에 따라 서비스 종류에 차이가 있을 수 있습니다.</li>
<li>차량 내비게이션 장치의 개조, 탈부착, 파손 및 정비 불량 등 기타 원인에 의하 장치가 정상 작동 상태가 아닌 경우에는 서비스가 제공되지 않을 수 있습니다.</li>
</ul>
</div>
@@ -435,8 +543,7 @@
<div class="title">이용기간</div>
<div class="bar"></div>
<ul class="contents">
<li>평생 이용 선택 시 기간 제한 없이 이용이 가능합니다.</li>
<li>월/연 구독 선택 시 명기된 기간동안 이용이 가능합니다.</li>
<li>명기된 기간동안 이용이 가능합니다. 단, Kia Connect 해지 시 자동 해지되며, Kia Connect의 요금 산정 기준을 따릅니다.</li>
</ul>
</div>
@@ -444,27 +551,7 @@
<div class="title">청약철회</div>
<div class="bar"></div>
<ul class="contents">
<li>평생 이용은 결제 후 7일 내 구매 취소가 가능합니다.</li>
<li>
월/연 구독은 언제든지 취소할 수 있으며<br />
- 기능을 한번도 이용하지 않은 고객이 7일 이내에 구독 취소를 한 경우에는 구독 비용이 전액 환불됩니다.<br />
- 7일 이내 기능을 이용하거나 7일 이후에 구독 취소를 한 경우에는 중도 해지 및 이에 따른 환불이 가능합니다.<br />
</li>
<li>구매 취소는 차량 내 설치된 상품이 삭제완료 된 후에 진행됩니다.</li>
</ul>
</div>
<div class="item">
<div class="title">취소/해지/반품/환불 안내</div>
<div class="bar"></div>
<ul class="contents">
<li>고객님의 상품 이용 현황에 따라 정기 결제를 취소하거나 바로 해지하실 수 있습니다.</li>
<li>상품별 해지/환불 정책은 이용 안내 또는 상품 상세 설명을 참고해 주시기 바랍니다.</li>
<li>정기 결제를 취소하시면 구독 종료일까지 상품을 정상적으로 이용하실 수 있으며, 다음 정기 결제일에 해지됩니다.</li>
<li>구독 할인쿠폰이 적용된 상품을 해지하시면 쿠폰 사용 기간이 남아 있더라도 쿠폰은 소멸됩니다.</li>
<li>구독 할인쿠폰이 적용된 상품을 변경하셔도 쿠폰이 소멸될 수 있으니, 변경 신청 전 안내 내용을 꼼꼼히 확인해 주시기 바랍니다.</li>
<li>상품을 즉시 해지하는 경우, 재가입 및 혜택 이용이 제한될 수 있습니다.</li>
<li>정기 결제 당일에는 상품 해지가 불가 합니다. (정기 결제가 완료된 이후에는 결제 취소 가능하며, 재결제 기간 종료 후 자동으로 해지 됩니다.)</li>
<li>청약철회와 관련된 상세 정보는 https://connect.kia.com/kr/kiac_terms.html 를 참고하세요.</li>
</ul>
</div>
@@ -472,7 +559,7 @@
<div class="title">고객센터</div>
<div class="bar"></div>
<ul class="contents">
<li>기타 문의는 고객센터(080-200-2000)나 1:1문의로 신청바랍니다.</li>
<li>기타 문의는 고객센터(1899-2121)나 1:1문의로 신청바랍니다.</li>
</ul>
</div>
</div>