스트리밍 프리미엄 이미지 업로드
This commit is contained in:
hyeonggil
File diff suppressed because one or more lines are too long
@@ -1561,7 +1561,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.btn-select.on + .list-member {
|
||||
.btn-select.on+.list-member {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -1832,7 +1832,7 @@
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
> p {
|
||||
>p {
|
||||
position: relative;
|
||||
width: 93%;
|
||||
|
||||
@@ -1908,7 +1908,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
dt.active + dd {
|
||||
dt.active+dd {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -2040,7 +2040,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
button + button {
|
||||
button+button {
|
||||
margin-top: 1rem;
|
||||
|
||||
@include tablet {
|
||||
@@ -2052,7 +2052,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
> .dd-padding {
|
||||
>.dd-padding {
|
||||
padding-left: 6.5rem;
|
||||
}
|
||||
}
|
||||
@@ -2073,10 +2073,9 @@
|
||||
content: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
}
|
||||
&:hover {}
|
||||
|
||||
> p {
|
||||
>p {
|
||||
span {
|
||||
color: #9ea1a2;
|
||||
}
|
||||
@@ -2084,7 +2083,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
dl + dl {
|
||||
dl+dl {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
@@ -2304,6 +2303,7 @@
|
||||
}
|
||||
|
||||
@include maxtablet {
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
display: none;
|
||||
@@ -2372,6 +2372,7 @@
|
||||
// height: 10rem;
|
||||
.comp_body {
|
||||
.text_area {
|
||||
|
||||
// display: flex;
|
||||
h3 {
|
||||
font-size: 3rem;
|
||||
@@ -2382,7 +2383,7 @@
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
> * {
|
||||
>* {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
@@ -2458,7 +2459,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
& + .item {
|
||||
&+.item {
|
||||
margin-top: 8rem;
|
||||
|
||||
@include maxtablet {
|
||||
@@ -2472,7 +2473,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
& + .comp_1x_b_v_s_b {
|
||||
&+.comp_1x_b_v_s_b {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
margin-top: 0;
|
||||
@@ -2498,7 +2499,7 @@
|
||||
margin-top: 8rem;
|
||||
|
||||
.comp_body {
|
||||
& + .comp_body {
|
||||
&+.comp_body {
|
||||
margin-top: 10rem;
|
||||
}
|
||||
|
||||
@@ -2515,7 +2516,7 @@
|
||||
|
||||
.displayThemeDtl {
|
||||
.swiper-navigation {
|
||||
> * {
|
||||
>* {
|
||||
top: 210px;
|
||||
left: -65px;
|
||||
width: 5rem;
|
||||
@@ -2750,6 +2751,7 @@
|
||||
}
|
||||
|
||||
@include maxtablet {
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
display: none;
|
||||
@@ -2820,12 +2822,13 @@
|
||||
|
||||
.comp_body {
|
||||
.text_area {
|
||||
|
||||
// display: flex;
|
||||
h3 {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
> * {
|
||||
>* {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
@@ -2894,7 +2897,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
& + .item {
|
||||
&+.item {
|
||||
margin-top: 8rem;
|
||||
|
||||
@include maxtablet {
|
||||
@@ -2908,7 +2911,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
& + .comp_1x_b_v_s_b {
|
||||
&+.comp_1x_b_v_s_b {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
margin-top: 2rem;
|
||||
@@ -3181,7 +3184,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type="checkbox"] + label {
|
||||
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type="checkbox"]+label {
|
||||
height: auto;
|
||||
padding: 2rem 2rem 2rem 0;
|
||||
|
||||
@@ -3321,15 +3324,18 @@
|
||||
@include maxtablet {
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
|
||||
.index {
|
||||
padding: 1.6rem 0 1rem;
|
||||
font-size: 1.4rem;
|
||||
color: #676767;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-top: 1px solid #999;
|
||||
|
||||
th {
|
||||
height: 7.6rem;
|
||||
padding: 0 1rem;
|
||||
@@ -3338,9 +3344,11 @@
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
tbody {
|
||||
border-top: 1px solid #dedede;
|
||||
border-bottom: 1px solid #dedede;
|
||||
|
||||
td {
|
||||
padding: 1rem;
|
||||
font-size: 1.4rem;
|
||||
@@ -3368,12 +3376,13 @@
|
||||
// }
|
||||
.comp_body {
|
||||
.text_area {
|
||||
|
||||
// display: flex;
|
||||
h3 {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
> * {
|
||||
>* {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
@@ -3403,7 +3412,7 @@
|
||||
|
||||
.comp_wide {
|
||||
&.title-only {
|
||||
& + .comp_wide {
|
||||
&+.comp_wide {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
}
|
||||
@@ -3651,6 +3660,7 @@
|
||||
}
|
||||
|
||||
&.paused {
|
||||
|
||||
.btn-play,
|
||||
.btn-sound {
|
||||
display: block !important;
|
||||
@@ -3782,6 +3792,7 @@
|
||||
}
|
||||
|
||||
&.playing {
|
||||
|
||||
.comp_body.layer_up,
|
||||
.thumb-swiper,
|
||||
.pdpInCarGameSwiper,
|
||||
@@ -3922,7 +3933,7 @@
|
||||
|
||||
.pdpDtl {
|
||||
.swiper-navigation {
|
||||
> * {
|
||||
>* {
|
||||
top: 210px;
|
||||
left: -65px;
|
||||
width: 5rem;
|
||||
@@ -3975,8 +3986,7 @@
|
||||
}
|
||||
|
||||
.scroll_area {
|
||||
@include maxtablet {
|
||||
}
|
||||
@include maxtablet {}
|
||||
|
||||
.web {
|
||||
display: block;
|
||||
@@ -3990,6 +4000,7 @@
|
||||
display: none;
|
||||
position: relative;
|
||||
padding-top: 3rem;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
@@ -4000,6 +4011,7 @@
|
||||
height: 16px;
|
||||
background: url("../images/kia/pdp/streaming_premium/img_spec_index.png") no-repeat 100% 0 / contain;
|
||||
}
|
||||
|
||||
.header {
|
||||
overflow: hidden;
|
||||
flex: none;
|
||||
@@ -4007,10 +4019,12 @@
|
||||
height: 460px;
|
||||
background: url("../images/kia/pdp/streaming_premium/img_spec_m2.png") no-repeat 0 0 / auto 100%;
|
||||
}
|
||||
|
||||
.cont {
|
||||
overflow: hidden;
|
||||
overflow-x: auto;
|
||||
height: 460px;
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
display: block;
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 373 KiB After Width: | Height: | Size: 364 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 150 KiB After Width: | Height: | Size: 150 KiB |
@@ -347,7 +347,7 @@
|
||||
</div>
|
||||
|
||||
<!-- [S] 마케팅 활용 및 광고성 정보 수신 동의 -->
|
||||
<div id="marketing_popup" class="policyPopup" style="display:none; opacity:0;">
|
||||
<div id="marketing_popup" class="policyPopup" style="display:block; opacity:0;">
|
||||
<div class="popInner">
|
||||
<div class="content">
|
||||
<p class="title">
|
||||
@@ -356,7 +356,7 @@
|
||||
|
||||
<div class="editorText termsContents withTable">
|
||||
<!-- 이용약관 내용 넣어주시면 됩니다. -->
|
||||
<p>
|
||||
<!-- <p>
|
||||
전자적 전송매체(SMS/MMS/이메일 등)를 통해, 기아 커넥트 스토어가 제공하는 이벤트/혜택 등 다양한 정보(뉴스레터 포함)를 수신하실 수 있고, 기타 유용한 광고나 정보를 수신하실 수 있습니다.
|
||||
<br>
|
||||
<br>
|
||||
@@ -390,6 +390,43 @@
|
||||
</div>
|
||||
<div class="noticeTextUnderTable">
|
||||
※ 위와 같이 개인정보를 수집·이용하는데 동의를 거부할 권리가 있습니다. 그러나 동의를 거부할 경우, 기아가 제공하는 상품, 서비스, 이벤트 등 정보를 제공받을 수 없습니다.
|
||||
</div> -->
|
||||
|
||||
|
||||
<p>
|
||||
기아는 개인정보보호법 제 17조에 따라 아래와 같이 정보주체의 개인정보를 동의 받아 제공하고 있습니다.
|
||||
</p>
|
||||
<div class="table-wrap mt-2">
|
||||
<table style="min-width: 600px">
|
||||
<colgroup>
|
||||
<col style="width: 33%;">
|
||||
<col style="width: 67%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>제공받는 자</th>
|
||||
<td>KT(스트리밍 프리미엄 webOS 결제주체)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>제공받는 자의 수집 · 이용 목적</th>
|
||||
<td>스트리밍 프리미엄 사양의 “차량용 webOS 콘텐츠 플랫폼” 이용을 위한 결제 정보 보관 및 미납금(위약금 및 할인반환금) 청구 / 일할정산 환불금 지급을 위함</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>개인정보 제공 항목</th>
|
||||
<td>기아 커넥트 스토어 구매 내역, 이름, ID, 이메일, 휴대폰번호, VIN정보, carID</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>제공받는 자의 보유 기간</th>
|
||||
<td>
|
||||
처리 목적 달성 시 파기<br>
|
||||
(스트리밍 프리미엄 이용 해지 완료 및 미납금 처리 완료 시)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="noticeTextUnderTable">
|
||||
※ 고객님께서는 동의를 거부할 권리가 있습니다. 단, 동의 거부 시 스트리밍 프리미엄 서비스를 구매/이용하실 수 없습니다.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -522,5 +559,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<!--//footer-->
|
||||
<script>
|
||||
open_layer_popup('marketing_popup')
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -319,7 +319,7 @@
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>26,000</td>
|
||||
<td>600</td>
|
||||
<td>6,000</td>
|
||||
<td>32,000</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -330,7 +330,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
<td>45,000</td>
|
||||
<td>45,500</td>
|
||||
<td>4,800</td>
|
||||
<td>50,300</td>
|
||||
</tr>
|
||||
@@ -434,15 +434,15 @@
|
||||
</dd>
|
||||
</dl>
|
||||
<div class="agree-label">
|
||||
<label for="allagree">
|
||||
<input type="checkbox" id="allagree" />
|
||||
<label for="agree1">
|
||||
<input type="checkbox" id="agree1" />
|
||||
<span>개인정보 제3자 제공동의(필수)</span>
|
||||
</label>
|
||||
<a href="#">더보기 ></a>
|
||||
</div>
|
||||
<div class="agree-label">
|
||||
<label for="allagree">
|
||||
<input type="checkbox" id="allagree" />
|
||||
<label for="agree2">
|
||||
<input type="checkbox" id="agree2" />
|
||||
<span>차량용 webOS 콘텐츠 플랫폼 이용약관 (KT)(필수)</span>
|
||||
</label>
|
||||
<a href="#">더보기 ></a>
|
||||
@@ -696,26 +696,50 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="popupWarp" style="display: none">
|
||||
<div class="popInner termsPop" style="display: none">
|
||||
<div class="popupWarp" id="popupWarp" style="display: none;opacity: 1;">
|
||||
<div class="popInner termsPop" style="display: block">
|
||||
<div class="popContents">
|
||||
<h1>개인정보 수집/이용 및 기타 동의</h1>
|
||||
<h1>개인정보 제3자 제공 동의</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>
|
||||
<p>
|
||||
기아는 개인정보보호법 제 17조에 따라 아래와 같이 정보주체의 개인정보를 동의 받아 제공하고 있습니다.
|
||||
</p>
|
||||
<div class="table-wrap mt-2">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 33%;">
|
||||
<col style="width: 67%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>제공받는 자</th>
|
||||
<td>KT(스트리밍 프리미엄 webOS 결제주체)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>제공받는 자의 수집 · 이용 목적</th>
|
||||
<td>스트리밍 프리미엄 사양의 “차량용 webOS 콘텐츠 플랫폼” 이용을 위한 결제 정보 보관 및 미납금(위약금 및 할인반환금) 청구 / 일할정산 환불금 지급을 위함</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>개인정보 제공 항목</th>
|
||||
<td>기아 커넥트 스토어 구매 내역, 이름, ID, 이메일, 휴대폰번호, VIN정보, carID</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>제공받는 자의 보유 기간</th>
|
||||
<td>
|
||||
처리 목적 달성 시 파기<br>
|
||||
(스트리밍 프리미엄 이용 해지 완료 및 미납금 처리 완료 시)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="noticeTextUnderTable">
|
||||
※ 고객님께서는 동의를 거부할 권리가 있습니다. 단, 동의 거부 시 스트리밍 프리미엄 서비스를 구매/이용하실 수 없습니다.
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="oneButton">
|
||||
<a href=""><p>닫기</p></a>
|
||||
<a href="javascript:close_layer_popup('popupWarp')"><p>닫기</p></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -756,5 +780,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<!--//footer-->
|
||||
<script>
|
||||
open_layer_popup('popupWarp')
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
304
order/order-streaming-premium.php
Normal file
304
order/order-streaming-premium.php
Normal file
@@ -0,0 +1,304 @@
|
||||
<?php $bland_code = "kia"; ?>
|
||||
<!--
|
||||
//메타의 각 브랜드 별 코드는 hyundai,genesis 입니다.
|
||||
//브랜드 별 경로에 따라 해당 코드를 변경해주세요.
|
||||
-->
|
||||
<?php $gnbStyleCode = "hBoder"; ?>
|
||||
<!--
|
||||
페이지 별 붙박이 코드입니다. 해당 변수는 JSP로만 변경해주시고, 값은 그대로 유지만 시켜주시면 됩니다.
|
||||
-->
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>제품상세명 > 제품리스트 > 회사명</title>
|
||||
<!--
|
||||
//위에 순서대로 title 이 변경되어야 합니다.
|
||||
-->
|
||||
<?php
|
||||
include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php");
|
||||
?>
|
||||
<!--상품상세 페이지 css 분리-->
|
||||
<link rel="stylesheet" charset="UTF-8" href="/kr/assets/css/order.css?v1" type="text/css" />
|
||||
<?php
|
||||
include($_SERVER['DOCUMENT_ROOT']."/kr/include/style.php");
|
||||
?>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!--//header-->
|
||||
<?php
|
||||
include($_SERVER['DOCUMENT_ROOT']."/kr/include/header.php");
|
||||
?>
|
||||
<!--//header-->
|
||||
|
||||
<!--//content-warp-->
|
||||
<!--footer에 margin 이 없는 class 가 있습니다. -->
|
||||
<div class="contentWarp carsw">
|
||||
<div class="cartView carswLeft">
|
||||
<div class="pageTitle">
|
||||
<h1>주문/결제</h1>
|
||||
</div>
|
||||
<div class="pageSubTitle">
|
||||
<h2>주문 사양</h2>
|
||||
</div>
|
||||
<div class="productListWarp">
|
||||
<div class="productLis">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="cartItemWrap">
|
||||
<div class="cartItem">
|
||||
<div class="cartItemInfo">
|
||||
<div>
|
||||
<p>
|
||||
<img src="../assets/images/kia/contents/img_order-stp.png" alt="이미지 상품명" />
|
||||
</p>
|
||||
<dl>
|
||||
<dt>스트리밍 프리미엄</dt>
|
||||
<dd>이제 차 안에서도 스마트하게 여러 콘텐츠를 이용해보세요</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<dl>
|
||||
<dt>연 정기 구독</dt>
|
||||
<dd>\ 150,000/년</dd>
|
||||
<!-- <dd class="couponBtn">
|
||||
<a href="#" class="apply" onClick="javascript:open_layer_popup('coupon_popup');">
|
||||
쿠폰 적용
|
||||
</a>
|
||||
</dd> -->
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<div class="componentsPayment spec">
|
||||
<div class="componentsList">
|
||||
<h3>구성사양</h3>
|
||||
<div class="item">
|
||||
<dl>
|
||||
<dt>차량용 webOS 콘텐츠 플랫폼</dt>
|
||||
<dd>₩19,000 / 월(선불)</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>차량용 webOS 콘텐츠 플랫폼</dt>
|
||||
<dd>₩19,000 / 월(선불)</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="refund-table-area">
|
||||
<div class="pageSubTitle">
|
||||
<h2>할인 반환금 안내</h2>
|
||||
<p>고객님의 이해를 돕기 위해 예시된 표이며, 해지 시점에 따라 실제 발생하는 금액은 상이 할 수 있습니다.</p>
|
||||
</div>
|
||||
|
||||
<div class="table-area">
|
||||
<div class="index">(단위: 개월, 원)</div>
|
||||
<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 class="carswRight">
|
||||
<div class="carswRightInner">
|
||||
<h2>결제 정보</h2>
|
||||
<div class="carswInfo">
|
||||
<div class="amount">
|
||||
<div class="item">
|
||||
<div class="title">사양 금액</div>
|
||||
<div class="value">\ 110,000/월</div>
|
||||
</div>
|
||||
</div>
|
||||
<dl>
|
||||
<dt>최종 결제금액</dt>
|
||||
<dd>\ 480,000</dd>
|
||||
</dl>
|
||||
<!-- <div class="kiaPayBox">
|
||||
<div class="pointInfo">
|
||||
<div class="title">기아멤버스 포인트</div>
|
||||
<div class="info">1,521,150 P</div>
|
||||
</div>
|
||||
<div class="pointInfo">
|
||||
<div class="title">결제 가능 포인트</div>
|
||||
<div class="info">250,000 P</div>
|
||||
</div>
|
||||
<div class="caution">※ 결제 가능 기아멤버스 포인트는 쿠폰 적용시 변동될 수 있으며 최종 결제 가능 기아멤버스 포인트는 결제하기 버튼을 눌러서 확인하실 수 있습니다.</div>
|
||||
</div>
|
||||
|
||||
<div class="kiaPayBox">
|
||||
<div class="cautionKiaPay">※ Kia Pay 미 가입 고객이십니다. <br />결제 시 <span>기아멤버스 포인트를 사용</span>하시기 위해서는 <span>Kia Pay 가입</span>이 필요합니다.</div>
|
||||
<div class="oneButton">
|
||||
<button><p>Kia Pay 가입하기</p></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kiaPayBox">
|
||||
<div class="cautionKiaPay">
|
||||
※ 기아멤버스에 가입하시지 않아 기아멤버스 포인트를 조회/사용하실 수 없습니다.<br />
|
||||
(기아멤버스에 가입하시지 않아도 결제를 하실 수 있습니다.)
|
||||
</div>
|
||||
<div class="oneButton">
|
||||
<button onclick="window.open('https://members.kia.com/');"><p>기아멤버스 바로가기</p></button>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<dl class="carType">
|
||||
<dt>적용 차량</dt>
|
||||
<dd>
|
||||
<strong>EV9</strong>
|
||||
<span></span>
|
||||
KMTKEXXBPMU000081
|
||||
</dd>
|
||||
</dl>
|
||||
<div class="agree-label">
|
||||
<label for="agree1">
|
||||
<input type="checkbox" id="agree1" />
|
||||
<span>개인정보 제3자 제공동의(필수)</span>
|
||||
</label>
|
||||
<a href="#">더보기 ></a>
|
||||
</div>
|
||||
<div class="agree-label">
|
||||
<label for="agree2">
|
||||
<input type="checkbox" id="agree2" />
|
||||
<span>차량용 webOS 콘텐츠 플랫폼 이용약관 (KT)(필수)</span>
|
||||
</label>
|
||||
<a href="#">더보기 ></a>
|
||||
</div>
|
||||
<label for="allagree">
|
||||
<input type="checkbox" id="allagree" />
|
||||
<span>위 주문 내용을 확인하였으며,<br />결제 진행에 동의합니다.</span>
|
||||
</label>
|
||||
|
||||
<div class="oneButtonBlack">
|
||||
<button><p>구매하기</p></button>
|
||||
</div>
|
||||
<div class="safariCaution">* 결제 팝업이 보이지 않을 경우 [설정 > Safari > 팝업 차단] 해제 후 결제를 진행해 주세요.</div>
|
||||
<script>
|
||||
function isMobile() {
|
||||
var user = navigator.userAgent;
|
||||
var is_mobile = false;
|
||||
if (user.indexOf("iPhone") > -1 || user.indexOf("iPad") > -1 || user.indexOf("iPod") > -1) {
|
||||
is_mobile = true;
|
||||
}
|
||||
return is_mobile;
|
||||
}
|
||||
|
||||
const agent = navigator.userAgent.toUpperCase();
|
||||
|
||||
function isSafari() {
|
||||
if (agent.indexOf("SAFARI") >= 0) {
|
||||
if (agent.indexOf("CHROME") >= 0) {
|
||||
return false;
|
||||
} else if (agent.indexOf("GSA") >= 0) {
|
||||
return false;
|
||||
} else if (agent.indexOf("CRIOS") >= 0) {
|
||||
return false;
|
||||
} else {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var is_mobile = isMobile();
|
||||
var is_safari = isSafari();
|
||||
if (is_mobile && is_safari) {
|
||||
$(".safariCaution").css("display", "block");
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--//content-warp-->
|
||||
|
||||
<!--//footer-->
|
||||
<?php
|
||||
include($_SERVER['DOCUMENT_ROOT']."/kr/include/footer.php");
|
||||
?>
|
||||
<!--//footer-->
|
||||
</body>
|
||||
</html>
|
||||
@@ -33,7 +33,7 @@
|
||||
<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/order.css?v1" type="text/css" />
|
||||
<link rel="stylesheet" charset="UTF-8" href="../assets/css/order.css?v1" type="text/css" />
|
||||
<!--다른 사이트 팝업으로 넣을때 해당 css 만 넣어 주세요-->
|
||||
<link rel="stylesheet" charset="UTF-8" href="/kr/assets/css/streaming.css?v1" type="text/css" />
|
||||
<link rel="shortcut icon" href="../assets/images/kia/home_icon.png" />
|
||||
|
||||
@@ -377,96 +377,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item refund-table 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="text_area">
|
||||
<h5>중도 해지시 납부 금액 안내</h5>
|
||||
<p>고객님의 이해를 돕기 위해 예시된 표이며, 해지 시점에 따라 실제 발생하는 금액은 상이 할 수 있습니다.</p>
|
||||
</div>
|
||||
<div class="table-area">
|
||||
<div class="index">(단위: 개월, 원)</div>
|
||||
<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 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="pdpDtl streamingPremium-swiper1">
|
||||
<div class="swiper">
|
||||
@@ -624,10 +534,10 @@
|
||||
|
||||
<!-- [S] [2차]정보고시 -->
|
||||
|
||||
<div class="editorWarp disclaimerWrap">
|
||||
<div class="editorWarp disclaimerWrap ">
|
||||
<!-- [S]관리자에서 에디터로 등록되는 영역입니다. -->
|
||||
<div class="comp_wide disclaimerArea">
|
||||
<div class="comp_body disclaimerInner">
|
||||
<div class="comp_wide disclaimerArea streamingPremium">
|
||||
<div class="comp_body disclaimerInner ">
|
||||
<h2>정보고시</h2>
|
||||
<div class="disclaimerList">
|
||||
<div class="item">
|
||||
@@ -680,11 +590,102 @@
|
||||
<li>약정 상품 중도 해지 시 위약금과 할인 반환금이 발생 할 수 있습니다.</li>
|
||||
<li>
|
||||
차량용 WebOS 콘텐츠 플랫폼 상품에 대한 자세한 약관은 아래 링크에서 확인하실 수 있습니다.<br />
|
||||
- "KT제공 URL 예정"
|
||||
<a href="#" target="_blank" style="text-decoration: underline;">- 차량용webOS 콘텐츠 플랫폼 이용약관(KT)</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class=" refund-table">
|
||||
<div class="text_area">
|
||||
<h5>중도 해지시 납부 금액 안내</h5>
|
||||
<p>고객님의 이해를 돕기 위해 예시된 표이며, 해지 시점에 따라 실제 발생하는 금액은 상이 할 수 있습니다.</p>
|
||||
</div>
|
||||
<div class="table-area">
|
||||
<div class="index">(단위: 개월, 원)</div>
|
||||
<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>
|
||||
<!-- [E]관리자에서 에디터로 등록되는 영역입니다. -->
|
||||
|
||||
Reference in New Issue
Block a user