NEW_GIL_HOME\hyeon
2b9d51aea5
- Added a note in the Kia HTML file to remind users to check available digital specifications for each vehicle. - Updated common CSS files to include a new background image for enhanced visual appeal. - Adjusted various HTML files to ensure consistent links to the customer service and notice sections across multiple pages.
792 lines
43 KiB
HTML
792 lines
43 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?v1" 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?v1"></script>
|
|
<!--상품상세 페이지 css 분리-->
|
|
<link rel="stylesheet" charset="UTF-8" href="../assets/css/order.css?v1" 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 hBoder">
|
|
<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 lower">디지털 사양</a>
|
|
<div class="menuDepth2Wrap info">
|
|
<h3>디지털 사양</h3>
|
|
<ul>
|
|
<li class="menuDepth2"><a href="#">KBO 디스플레이 테마</a></li>
|
|
<li class="menuDepth2"><a href="#">NBA 디스플레이 테마</a></li>
|
|
<li class="menuDepth2"><a href="#">아케이드 게임</a></li>
|
|
<li class="menuDepth2"><a href="#">원격 스마트 주차 보조(RSPA 2)</a></li>
|
|
<li class="menuDepth2"><a href="#">부스트(The 2025 EV9)</a></li>
|
|
<li class="menuDepth2"><a href="#">라이팅 패턴</a></li>
|
|
<li class="menuDepth2"><a href="#">스마트 회생 시스템 플러스</a></li>
|
|
<li class="menuDepth2"><a href="#">스트리밍 프리미엄</a></li>
|
|
<li class="menuDepth2"><a href="#">스트리밍 플러스</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menuDepth1Wrap">
|
|
<a href="../info/product-usage-guide.html" class="menuDepth1" data-url="../info/product-usage-guide.html">사양별 이용 안내</a>
|
|
<div class="menuDepth2Wrap info">
|
|
<h3>사양별 이용 안내</h3>
|
|
</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">
|
|
<h3>스토어 소개</h3>
|
|
<ul>
|
|
<li class="menuDepth2"><a href="../info/service-info.html">스토어 소개</a></li>
|
|
<li class="menuDepth2"><a href="../info/registration-guide.html">스토어 가입안내</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">
|
|
<h3>고객지원</h3>
|
|
<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">고객센터 및 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-->
|
|
|
|
<!--//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-->
|
|
|
|
<!--알럿팝업-->
|
|
<!-- [S] 문의 등록 레이어 팝업 -->
|
|
<div id="coupon_popup" class="couponPopup" style="display: none; opacity: 0">
|
|
<div class="popInner">
|
|
<div class="content">
|
|
<p class="title">
|
|
<strong>사용가능 쿠폰 목록</strong>
|
|
</p>
|
|
|
|
<div class="cartItemWrap">
|
|
<div class="cartItem">
|
|
<div class="cartItemInfo">
|
|
<div>
|
|
<p>
|
|
<img src="../assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명" />
|
|
</p>
|
|
<dl>
|
|
<dt>Kia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LED</dt>
|
|
<dd>더 특별하게 더 반짝이게더 특별하게 더 반짝이게더 특별하게 더 반짝이게더 특별하게 더 반짝이게더 특별하게 더 반짝이게</dd>
|
|
<dd>옵션: LED A-Type</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<dl>
|
|
<dt>평생 이용권</dt>
|
|
<dd>\ 150,000</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<ul class="counponList">
|
|
<li>
|
|
<div class="infoWrap">
|
|
<div class="info">
|
|
<label class="radioItem">
|
|
<input type="radio" name="counponItem" value="" />
|
|
<span>30,000원 할인</span>
|
|
</label>
|
|
<span class="title">
|
|
회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰 회원 가입 감사 쿠폰
|
|
</span>
|
|
</div>
|
|
<div class="date">2022-03-09 까지</div>
|
|
</div>
|
|
<div class="benefit">\ -9,999,999</div>
|
|
</li>
|
|
<li>
|
|
<div class="infoWrap">
|
|
<div class="info">
|
|
<label class="radioItem">
|
|
<input type="radio" name="counponItem" value="" />
|
|
<span>10% 할인</span>
|
|
</label>
|
|
<span class="title"> 회원 가입 감사 쿠폰 </span>
|
|
</div>
|
|
<div class="date">2022-03-09 까지</div>
|
|
</div>
|
|
<div class="benefit">\ -100,000</div>
|
|
</li>
|
|
<li>
|
|
<div class="infoWrap">
|
|
<div class="info">
|
|
<label class="radioItem">
|
|
<input type="radio" name="counponItem" value="" />
|
|
<span>10% 할인</span>
|
|
</label>
|
|
<span class="title"> 회원 가입 감사 쿠폰 </span>
|
|
</div>
|
|
<div class="date">2022-03-09 까지</div>
|
|
</div>
|
|
<div class="benefit">\ -100,000</div>
|
|
</li>
|
|
<li>
|
|
<div class="infoWrap">
|
|
<div class="info">
|
|
<label class="radioItem">
|
|
<input type="radio" name="counponItem" value="" />
|
|
<span>10% 할인</span>
|
|
</label>
|
|
<span class="title"> 회원 가입 감사 쿠폰 </span>
|
|
</div>
|
|
<div class="date">2022-03-09 까지</div>
|
|
</div>
|
|
<div class="benefit">\ -100,000</div>
|
|
</li>
|
|
<li>
|
|
<div class="infoWrap">
|
|
<div class="info">
|
|
<label class="radioItem">
|
|
<input type="radio" name="counponItem" value="" />
|
|
<span>10% 할인</span>
|
|
</label>
|
|
<span class="title"> 회원 가입 감사 쿠폰 </span>
|
|
</div>
|
|
<div class="date">2022-03-09 까지</div>
|
|
</div>
|
|
<div class="benefit">\ -100,000</div>
|
|
</li>
|
|
<li>
|
|
<div class="infoWrap">
|
|
<div class="info">
|
|
<label class="radioItem">
|
|
<input type="radio" name="counponItem" value="" />
|
|
<span>10% 할인</span>
|
|
</label>
|
|
<span class="title"> 회원 가입 감사 쿠폰 </span>
|
|
</div>
|
|
<div class="date">2022-03-09 까지</div>
|
|
</div>
|
|
<div class="benefit">\ -100,000</div>
|
|
</li>
|
|
<li>
|
|
<div class="infoWrap">
|
|
<div class="info">
|
|
<label class="radioItem">
|
|
<input type="radio" name="counponItem" value="" />
|
|
<span>10% 할인</span>
|
|
</label>
|
|
<span class="title"> 회원 가입 감사 쿠폰 </span>
|
|
</div>
|
|
<div class="date">2022-03-09 까지</div>
|
|
</div>
|
|
<div class="benefit">\ -100,000</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="carswBtn">
|
|
<div class="towButton">
|
|
<a href="javascript:;" class="cartBtn leftBtn" onClick="javascript:close_layer_popup('coupon_popup');"><p>취소</p></a>
|
|
<a href="javascript:;" class="PurchaseBtn rightBtn"><p>적용</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- [E] 문의 등록 레이어 팝업 -->
|
|
<!--알럿팝업-->
|
|
|
|
<!--//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" id="popupWarp" style="display: none;opacity: 1;">
|
|
<div class="popInner termsPop" style="display: block">
|
|
<div class="popContents">
|
|
<h1>개인정보 제3자 제공 동의</h1>
|
|
<div class="termsCon">
|
|
<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="javascript:close_layer_popup('popupWarp')"><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>
|
|
open_layer_popup('popupWarp')
|
|
</script>
|
|
</body>
|
|
</html>
|