305 lines
15 KiB
PHP
305 lines
15 KiB
PHP
<?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>
|