903 lines
57 KiB
HTML
903 lines
57 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?v2" 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?v13"></script>
|
|
<!--상품상세 페이지 css 분리-->
|
|
<link rel="stylesheet" charset="UTF-8" href="../assets/css/product.css?v1.2" type="text/css" />
|
|
<link rel="stylesheet" charset="UTF-8" href="../assets/css/pdp_detail.css?v9" 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>
|
|
<!--//header-->
|
|
<div class="hederWarp_n noBoder">
|
|
<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-->
|
|
|
|
<!--//sticky-->
|
|
<div class="infoSticky">
|
|
<div class="infoStickyInner">
|
|
<div class="stickyLeft">
|
|
<p>
|
|
<strong>스트리밍 프리미엄</strong>
|
|
</p>
|
|
</div>
|
|
<div class="stickyRight">
|
|
<dl>
|
|
<dt>스트리밍 프리미엄</dt>
|
|
<dd>₩ 11,000/월</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--//sticky-->
|
|
|
|
<!--//content-warp-->
|
|
<div class="contentWarp">
|
|
<div class="productView">
|
|
<div class="productLeft">
|
|
<div class="productImg">
|
|
<div class="swiper productSwiper">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide"><img src="../assets/images/kia/pdp/streaming_premium/streaming_premium1.png" alt="이미지 상품명" /></div>
|
|
<div class="swiper-slide"><img src="../assets/images/kia/pdp/streaming_premium/streaming_premium1.png" alt="이미지 상품명" /></div>
|
|
<div class="swiper-slide withVideo">
|
|
<p class="productSmallVideo">
|
|
<video loop muted playsinline preload="auto" poster="/kr/assets/images/kia/product-img/producy-temp3.png">
|
|
<source src="../assets/images/kia/video/producy-temp3-video.mp4" type="video/mp4" />
|
|
</video>
|
|
<img src="../assets/images/kia/pdp/display_themeNBA_Theme_AVNT.jpg" alt="이미지 상품명" />
|
|
</p>
|
|
</div>
|
|
<div class="swiper-slide"><img src="../assets/images/kia/product-img/producy-temp4.png" alt="이미지 상품명" /></div>
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="productRight">
|
|
<div class="optionWarp">
|
|
<div class="producTitle">
|
|
<!-- <span>차량SW</span> -->
|
|
<h1>스트리밍 프리미엄</h1>
|
|
<p>이제 차안에서도 스마트하게 여러 콘텐츠를 이욯해 보세요.</p>
|
|
</div>
|
|
<div class="priceOption">
|
|
<h2>원하시는 요금제를 선택해주세요.</h2>
|
|
<div class="priceList">
|
|
<div class="radioBtn">
|
|
<input type="radio" name="radioBtn" id="radioOne" value="연 구독 150000" />
|
|
<label for="radioOne">
|
|
<p>
|
|
<strong>1년 약정 요금제</strong><br />
|
|
<span>중도 해지시 위약금 발생</span>
|
|
</p>
|
|
|
|
<strong>₩ 11,000/월</strong>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="radioBtn">
|
|
<input type="radio" name="radioBtn" id="radioTwo" value="무약정 24000" />
|
|
<label for="radioTwo">
|
|
<p>
|
|
<strong>무약정</strong><br />
|
|
<span>언제든 위약금 없이 해지 가능</span>
|
|
</p>
|
|
<strong>₩ 24,000/월</strong>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="producInfoWarp">
|
|
<p>
|
|
본 요금제는 차량용 webOS 콘텐츠 플랫폼 및 스트리밍 프리미엄 데이터 요금제가 결합된 이용권 입니다.<br /><br />
|
|
스트리밍 프리미엄은 차세대 인포테인먼트 시스템(ccNC) 장착 차량에 한하여 이용 가능합니다.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="priceTotal">
|
|
<!-- <dl class="total">
|
|
<dt>총 결제 금액</dt>
|
|
<dd>₩ 0</dd>
|
|
</dl> -->
|
|
<div class="paymentButton oneButtonBlack">
|
|
<button class="PurchaseBtn rightBtn"><p>요금제 가입하기</p></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--//content-warp-->
|
|
|
|
<!--에디터 영역-->
|
|
<div class="editorWarp pdpDetail">
|
|
<div class="editorInner">
|
|
<div class="comp_wide comp_1x_w_v_o_b streamingPremium">
|
|
<div class="image_area visualBg">
|
|
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium.jpg" class="web" alt="스트리밍 프리미엄" />
|
|
<img src="../assets/images/kia/pdp/streaming_premium/streaming_premium_m.jpg" class="mobile" alt="스트리밍 프리미엄" />
|
|
</div>
|
|
<div class="comp_top">
|
|
<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>
|
|
</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="Hsk2iRbagUY"></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 mt-12" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-offset="9999" data-aos-duration="200">
|
|
<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_1.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_2.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_3.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>더욱 다양한 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_1.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_2.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_3.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채널, U+ Mobile 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="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_1.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_2.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_3.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>온가족 또는 친구와 함께 즐길 수 있는 콘텐츠가 준비되어 있습니다</p>
|
|
</div>
|
|
</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 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>
|
|
<p class="mt-2">※ 디즈니+ 서비스 이용을 위해서는 디즈니+ 회원가입 및 구독이 요구되며 회원가입 및 구독은 만 19세 이상만 가능합니다.</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">
|
|
<img src="../assets/images/kia/pdp/lighting_pattern/lighting_pattern_contents_04.png" alt="아이콘 이미지" />
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>기아 커넥트 가입 고객 구매 가능</h5>
|
|
<p>기아 커넥트 서비스 가입 상태인 고객에 한하여 가입 및 플레이 가능하오니 구매에 참고 바랍니다.</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="../assets/images/kia/pdp/lighting_pattern/lighting_pattern_contents_05.png" alt="아이콘 이미지" />
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>ccNC 차량에 한하여 구매 가능</h5>
|
|
<p>해당 아이템은 12.5인치 ccNC 플랫폼 적용 차량에 한하여 구입 가능합니다.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="comp_1x_b_n_n_e1 displayTheme">
|
|
<div class="comp_body">
|
|
<h5>사양 이용 영상</h5>
|
|
<div class="youtubeArea youtubeArea_pdp" value="hXFq7-u3hAw"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="listbtnWarp">
|
|
<div class="oneButton">
|
|
<a href="https://connectstore.kia.com/kr/info/product-usage-guide-lighting"><p>사양 이용안내</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--에디터 영역-->
|
|
|
|
<!-- [S] [2차]정보고시 -->
|
|
|
|
<div class="editorWarp disclaimerWrap">
|
|
<!-- [S]관리자에서 에디터로 등록되는 영역입니다. -->
|
|
<div class="comp_wide disclaimerArea">
|
|
<div class="comp_body disclaimerInner">
|
|
<h2>정보고시</h2>
|
|
<div class="disclaimerList">
|
|
<div class="item">
|
|
<div class="title">구매 조건</div>
|
|
<div class="bar"></div>
|
|
<ul class="contents">
|
|
<li>기아 커넥스 서비스 이용자에 한하여 구매할 수 있습니다.</li>
|
|
<li>차세대 인포테인먼트 시스템 (ccNC) 및 12.3인치 인포테인먼트 시스템 장착 차량에 한하여 이용 가능합니다.</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="title">이용조건</div>
|
|
<div class="bar"></div>
|
|
<ul class="contents">
|
|
<li>
|
|
CCS 서비스 가입<br />
|
|
- 기아 커넥트 서비스 유지 상태여야 정상 이용할 수 있습니다.<br />
|
|
- 일시적인 통신 장애로 이용에 실패할 수 있습니다.<br />
|
|
- 통신 음영 지역에서는 이용에 제한이 있을 수 있습니다.
|
|
</li>
|
|
<li>
|
|
주행 조건<br />
|
|
- 정차 중에서만 이용할 수 있습니다. (주행 중에는 서비스 이용이 불가능합니다.)<br />
|
|
- 고객은 차량이 안전한 장소에 주차되어 사고 발생 등의 안전상 위험 요소가 없는 경우에만 서비스를 이용하시기 바랍니다. 서비스 사용 중 고객의 부주의로 인한 손해, 불이익에 대하여 회사는 책임을 면합니다.
|
|
</li>
|
|
<li>
|
|
차량 연동<br />
|
|
- 단말이 변경되어도,차량의 구매정보 기반으로 서비스 지속 이용 가능합니다.<br />
|
|
- 콘텐츠 이용권은 차량에 귀속됩니다. 차량 소유자가 변경되더라도, 서비스 잔여 기간 동안 서비스 지속 이용 가능합니다
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="title">이용기간</div>
|
|
<div class="bar"></div>
|
|
<ul class="contents">
|
|
<li>명기된 기간동안 이용이 가능합니다.</li>
|
|
<li>단, 기아 커넥트 해지 시 서비스가 자동 해지됩니다.</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="title">결제/취소/해지 안내</div>
|
|
<div class="bar"></div>
|
|
<ul class="contents">
|
|
<li>본 상품은 차량용 WebOS 콘텐츠 플랫폼 상품과 스트리밍 프리미엄 데이터 요금제를 결합한 상품으로, 실제 청구 시 각 요금은 분할되어 청구됩니다.</li>
|
|
<li>최초 가입 후 7일 이내에는 구매 취소가 가능하며, 데이터 사용분에 대해서는 사용료가 일할 청구됩니다.</li>
|
|
<li>
|
|
약정 사양 중도 해지 시 위약금과 할인 반환금이 발생 할 수 있습니다.<br /><br />
|
|
- 할인반환금은 가입기간에 따라 반환율을 차등 적용하여 누적 합산 한다<br />
|
|
<span class="indent">
|
|
① 약정형 상품 가입 후 3개월 이하: 누적할인액 X 100%<br />
|
|
② 약정형 상품 가입 후 4개월 이상 9개월 이하: 누적할인액 X 50%<br />
|
|
③ 약정형 상품 가입 후 10개월 이상 12개월 이하: 누적할인액 X 0%<br />
|
|
</span>
|
|
<br />
|
|
- 위약금<br />
|
|
<span class="indent">(약정형 서비스요금 x 잔여개월 수 x 10%) + [(약정형 서비스 요금 x (잔여일수/마지막 결제 주기 총일수) x 10%]</span>
|
|
<br />
|
|
<div class="refund-area">
|
|
<span class="btn-fold">- 중도 해지시 납부 금액 안내 <em>▲</em></span>
|
|
<br />
|
|
<div class="dtl">
|
|
<div class="refund-table">
|
|
<div class="text_area">
|
|
<p>고객님의 이해를 돕기 위해 예시된 표이며, 해지 시점에 따라 실제 발생하는 금액은 상이 할 수 있습니다.</p>
|
|
<div class="index">(단위: 개월, 원)</div>
|
|
</div>
|
|
<div class="table-area">
|
|
<div class="tbl-dtl">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>이용 개월수</th>
|
|
<th>할인 반환금</th>
|
|
<th>위약금</th>
|
|
<th>합계</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>13,000</td>
|
|
<td>6,600</td>
|
|
<td>19,600</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2</td>
|
|
<td>26,000</td>
|
|
<td>6,000</td>
|
|
<td>32,000</td>
|
|
</tr>
|
|
<tr>
|
|
<td>3</td>
|
|
<td>39,000</td>
|
|
<td>5,400</td>
|
|
<td>44,400</td>
|
|
</tr>
|
|
<tr>
|
|
<td>4</td>
|
|
<td>45,500</td>
|
|
<td>4,800</td>
|
|
<td>50,300</td>
|
|
</tr>
|
|
<tr>
|
|
<td>5</td>
|
|
<td>52,000</td>
|
|
<td>4,200</td>
|
|
<td>56,200</td>
|
|
</tr>
|
|
<tr>
|
|
<td>6</td>
|
|
<td>58,500</td>
|
|
<td>3,600</td>
|
|
<td>62,100</td>
|
|
</tr>
|
|
<tr>
|
|
<td>7</td>
|
|
<td>65,000</td>
|
|
<td>3,000</td>
|
|
<td>68,000</td>
|
|
</tr>
|
|
<tr>
|
|
<td>8</td>
|
|
<td>71,500</td>
|
|
<td>2,400</td>
|
|
<td>73,900</td>
|
|
</tr>
|
|
<tr>
|
|
<td>9</td>
|
|
<td>78,000</td>
|
|
<td>1,800</td>
|
|
<td>79,800</td>
|
|
</tr>
|
|
<tr>
|
|
<td>10</td>
|
|
<td>78,000</td>
|
|
<td>1,200</td>
|
|
<td>79,200</td>
|
|
</tr>
|
|
<tr>
|
|
<td>11</td>
|
|
<td>78,000</td>
|
|
<td>600</td>
|
|
<td>78,600</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
차량용 WebOS 콘텐츠 플랫폼 상품에 대한 자세한 약관은 아래 링크에서 확인하실 수 있습니다.<br />
|
|
<a href="#" target="_blank" style="text-decoration: underline">- 차량용webOS 콘텐츠 플랫폼 이용약관(KT)</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- [E]관리자에서 에디터로 등록되는 영역입니다. -->
|
|
</div>
|
|
<!-- [E] [2차]정보고시 -->
|
|
|
|
<!--관련상품-->
|
|
<div class="relatedProducts">
|
|
<div class="relatedInnder">
|
|
<h2>관련상품</h2>
|
|
<div class="relatedList">
|
|
<a href="">
|
|
<div class="relatedListItem">
|
|
<div class="itemInner">
|
|
<div class="itemLeft">
|
|
<p class="img"><img src="../assets/images/kia/product-img/producy-temp5.png" alt="이미지 상품명" /></p>
|
|
<div class="productName">
|
|
<dl>
|
|
<dt>Kia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDLEDKia Dynamic LEDLEDKia Dynamic LED</dt>
|
|
<dd>
|
|
더 특별하 게 더 반짝이게더 특별하 게 더 반짝이게더 특별하 게 더 반짝이게더 특별하 게 더 반짝이게더 특별하 게 더 반짝이게더 특별하 게 더 반짝이게특별하 게 더 반짝이게더 특별하 게 더 반짝이게특별하 게 더
|
|
반짝이게더 특별하 게 더 반짝이게특별하 게 더 반짝이게더 특별하 게 더 반짝이게
|
|
</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<div class="productPrice">
|
|
<dl>
|
|
<dt>평생 이용권</dt>
|
|
<dd>\520,000</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>일반 정기 구독</dt>
|
|
<dd>\12,000/월</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="">
|
|
<div class="relatedListItem">
|
|
<div class="itemInner">
|
|
<div class="itemLeft">
|
|
<p class="img"><img src="../assets/images/kia/product-img/producy-temp5.png" alt="이미지 상품명" /></p>
|
|
<div class="productName">
|
|
<dl>
|
|
<dt>Kia Dynamic LEDKia Dynamic</dt>
|
|
<dd>더 특별하 게 더 반짝이게</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<div class="productPrice">
|
|
<dl>
|
|
<dt>평생 이용권</dt>
|
|
<dd>\520,000</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>일반 정기 구독</dt>
|
|
<dd>\12,000/월</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</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>
|
|
AOS.init();
|
|
|
|
if ($(".youtubeArea").hasClass("youtubeArea_pdp") === true) {
|
|
var youtube_id = $(".youtubeArea_pdp").attr("value");
|
|
var youtube_frame =
|
|
'<iframe src="https://www.youtube.com/embed/' +
|
|
youtube_id +
|
|
'?controls=1&rel=0&showsearch=0" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';
|
|
$(".youtubeArea_pdp").html(youtube_frame);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|