935 lines
59 KiB
HTML
935 lines
59 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="/kr/assets/css/mypage.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">디지털 사양</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-->
|
|
|
|
<!--//content-warp-->
|
|
<div class="contentWarp">
|
|
<div class="mypageWarp">
|
|
<div class="leftLnbWarp">
|
|
<div class="title">
|
|
<h1>마이페이지</h1>
|
|
<p><span>일반회원 홍길동님</span></p>
|
|
</div>
|
|
<div class="couponArea">
|
|
<dl class="lnbCoupon">
|
|
<dt><span>사용 가능한 </span>쿠폰</dt>
|
|
<dd>3</dd>
|
|
</dl>
|
|
<dl class="lnbPoint">
|
|
<dt><span>멤버스 </span>포인트</dt>
|
|
<dd>30p</dd>
|
|
</dl>
|
|
</div>
|
|
<div class="swiper lnbList">
|
|
<ul class="swiper-wrapper">
|
|
<li class="swiper-slide"><a href="../mypage/my-product-list.html" class="on">이용중인 사양</a></li>
|
|
<li class="swiper-slide"><a href="../mypage/payment-history-list.html">결제내역</a></li>
|
|
<li class="swiper-slide"><a href="../mypage/wish-list.html">위시리스트</a></li>
|
|
<li class="swiper-slide"><a href="../mypage/coupon-list.html">쿠폰내역</a></li>
|
|
<li class="swiper-slide"><a href="../mypage/notification-list.html">알림내역</a></li>
|
|
<li class="swiper-slide"><a href="../mypage/inquiry-list.html">문의내역</a></li>
|
|
<li class="swiper-slide"><a href="../mypage/my-info-view.html">회원정보</a></li>
|
|
<li class="swiper-slide"><a href="">로그아웃</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="rightConWarp">
|
|
<div class="conTitle">
|
|
<h2>이용중인 사양별</h2>
|
|
</div>
|
|
<div class="myItemWarp">
|
|
<div>
|
|
<div class="itemListWarp">
|
|
<ul>
|
|
<!--● 차량 SW 일시불 상품-->
|
|
<li>
|
|
<a href="">
|
|
<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>옵션: LED A-Type</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<ul>
|
|
<li>ㆍ구매일: 2022.03.09</li>
|
|
<li>ㆍ결제 금액: \150,000</li>
|
|
<li>ㆍ결제 수단: HYUDAI BLUE(123412******123*)</li>
|
|
</ul>
|
|
</div>
|
|
<!-- [2차][S] 패키지 구성상품 영역 추가되었습니다. -->
|
|
<div class="components">
|
|
<div class="componentsList">
|
|
<div class="item">
|
|
<div class="itemImg">
|
|
<img src="../assets/images/kia/product-img/producy-temp7.png" alt="세부상품 이미지">
|
|
</div>
|
|
<div class="itemTitle">
|
|
DWL
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="itemImg">
|
|
<img src="../assets/images/kia/product-img/producy-temp6.png" alt="세부상품 이미지">
|
|
</div>
|
|
<div class="itemTitle">
|
|
Kia Hyper Speed
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="itemImg">
|
|
<img src="../assets/images/kia/product-img/producy-temp6.png" alt="세부상품 이미지">
|
|
</div>
|
|
<div class="itemTitle">
|
|
Driving Pilot
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="itemImg">
|
|
<img src="../assets/images/kia/product-img/producy-temp6.png" alt="세부상품 이미지">
|
|
</div>
|
|
<div class="itemTitle">
|
|
Kia connect store Streaming
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="itemImg">
|
|
<img src="../assets/images/kia/product-img/producy-temp6.png" alt="세부상품 이미지">
|
|
</div>
|
|
<div class="itemTitle">
|
|
DWL
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="itemImg">
|
|
<img src="../assets/images/kia/product-img/producy-temp6.png" alt="세부상품 이미지">
|
|
</div>
|
|
<div class="itemTitle">
|
|
Kia connect store Streaming
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="itemImg">
|
|
<img src="../assets/images/kia/product-img/producy-temp6.png" alt="세부상품 이미지">
|
|
</div>
|
|
<div class="itemTitle">
|
|
Kia connect store Streaming
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="itemImg">
|
|
<img src="../assets/images/kia/product-img/producy-temp6.png" alt="세부상품 이미지">
|
|
</div>
|
|
<div class="itemTitle">
|
|
DWL
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- [2차][E] 패키지 구성상품 영역 추가되었습니다. -->
|
|
</a>
|
|
</li>
|
|
<!--● 차량 SW 일시불 상품-->
|
|
|
|
<!--● 차량 SW 일시불 상품 구매 취소 상태-->
|
|
<li>
|
|
<a href="">
|
|
<div class="cartItem">
|
|
<div class="cartItemInfo">
|
|
<div>
|
|
<p>
|
|
<img src="../assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명">
|
|
</p>
|
|
<dl>
|
|
<dd><span>구매취소</span></dd>
|
|
<dt>Kia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LED</dt>
|
|
<dd>옵션: LED A-Type</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<ul>
|
|
<li>ㆍ구매일: 2022.03.09</li>
|
|
<li>ㆍ결제 금액: \150,000</li>
|
|
<li>ㆍ결제 수단: HYUDAI BLUE(123412******123*)</li>
|
|
</ul>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<!--● 차량 SW 일시불 상품 구매 취소 상태-->
|
|
|
|
<!--● 차량 SW 구독형 상품 구독 중 상태. 결제 시점 7일 이내인 경우-->
|
|
<li>
|
|
<a href="">
|
|
<div class="cartItem">
|
|
<div class="cartItemInfo">
|
|
<div>
|
|
<p>
|
|
<img src="../assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명">
|
|
</p>
|
|
<dl>
|
|
<dd><span>구독중(1회차)</span></dd>
|
|
<dt>Kia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LED</dt>
|
|
<dd>옵션: LED A-Type</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<ul>
|
|
<li>ㆍ구매일: 2022.03.09</li>
|
|
<li>ㆍ결제 금액: \150,000</li>
|
|
<li>ㆍ정기 결제일: 매달 30일</li>
|
|
<li>ㆍ쿠폰 할인: \0</li>
|
|
<li>ㆍ포인트 사용: 0P</li>
|
|
<li>ㆍ결제 수단: HYUDAI BLUE(123412******123*)</li>
|
|
</ul>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<!--● 차량 SW 구독형 상품 구독 중 상태. 결제 시점 7일 이내인 경우-->
|
|
|
|
<!--● 차량 SW 구독형 상품 구독 해지 신청 상태-->
|
|
<li>
|
|
<a href="">
|
|
<div class="cartItem">
|
|
<div class="cartItemInfo">
|
|
<div>
|
|
<p>
|
|
<img src="../assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명">
|
|
</p>
|
|
<dl>
|
|
<dd><span>구독해지 신청</span></dd>
|
|
<dt>Kia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LED</dt>
|
|
<dd>옵션: LED A-Type</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<ul>
|
|
<li>ㆍ구매일: 2022.03.09</li>
|
|
<li>ㆍ결제 금액: \150,000</li>
|
|
<li>ㆍ정기 결제일: 매달 30일</li>
|
|
<li>ㆍ결제 수단: HYUDAI BLUE(123412******123*)</li>
|
|
</ul>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<!--● 차량 SW 구독형 상품 구독 해지 신청 상태-->
|
|
<!--● 차량 SW 구독형 상품 구독 해지 완료 상태-->
|
|
<li>
|
|
<a href="">
|
|
<div class="cartItem">
|
|
<div class="cartItemInfo">
|
|
<div>
|
|
<p>
|
|
<img src="../assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명">
|
|
</p>
|
|
<dl>
|
|
<dd><span>구독해지 완료</span></dd>
|
|
<dt>Kia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LED</dt>
|
|
<dd>옵션: LED A-Type</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<ul>
|
|
<li>ㆍ구매일: 2022.03.09</li>
|
|
<li>ㆍ결제 금액: \150,000</li>
|
|
<li>ㆍ정기 결제일: 매달 30일</li>
|
|
<li>ㆍ결제 수단: HYUDAI BLUE(123412******123*)</li>
|
|
</ul>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<!--● 차량 SW 구독형 상품 구독 해지 완료 상태-->
|
|
<!--● 뮤직 스트리밍 상품-->
|
|
<li>
|
|
<a href="">
|
|
<div class="cartItem">
|
|
<div class="cartItemInfo">
|
|
<div>
|
|
<p>
|
|
<img src="../assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명">
|
|
</p>
|
|
<dl>
|
|
<dt>뮤직 스트리밍</dt>
|
|
<dd>고음질 스트리밍 데이터 요금제</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<ul>
|
|
<li>ㆍ가입일: 2022.03.09</li>
|
|
<li>ㆍ요금제 가격: \150,000 /월</li>
|
|
<li>ㆍ결제 수단: (현대카드 123412******123*)</li>
|
|
<!--
|
|
결제수단은 CCS에서 불러오는걸로 전달 받았습니다.
|
|
1. 계좌
|
|
2. 카드
|
|
3. 지로
|
|
4. 통합페이
|
|
-->
|
|
</ul>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<!--● 뮤직 스트리밍 상품-->
|
|
</ul>
|
|
</div>
|
|
|
|
<!--● 차량 SW 일시불 상품 구매 취소 상태-->
|
|
<div class="itemCancel"><p>구매 취소일: 2022.03.09</p></div>
|
|
<!--● 차량 SW 일시불 상품 구매 취소 상태-->
|
|
|
|
<!--● 차량 SW 일시불 상품 구매 취소 상태-->
|
|
<div class="itemCancel">
|
|
<p>구매 취소일: 2022.03.09</p>
|
|
<p>만료일: 2022.03.30</p>
|
|
</div>
|
|
<!--● 차량 SW 일시불 상품 구매 취소 상태-->
|
|
|
|
<!--● 스트리밍 상품인 경우-->
|
|
<div class="itemCancel">
|
|
<p>
|
|
※ 결제 수단을 변경하실 경우 CCS 고객센터를 통해 변경 가능합니다.
|
|
</p>
|
|
</div>
|
|
<!--● 스트리밍 상품인 경우-->
|
|
|
|
<!--● 스트리밍 상품인 경우-->
|
|
<div class="btnWarp serviceLinkage">
|
|
<div class="oneButton">
|
|
<a href=""><p>서비스 연동</p></a>
|
|
</div>
|
|
</div>
|
|
<!--● 스트리밍 상품인 경우-->
|
|
|
|
<div class="infoRefundDefault">
|
|
<ul>
|
|
<li>
|
|
구매 취소 진행중입니다. 해당 상품의 기능이 차량에서 종료되면, 구매 취소가 완료됩니다.
|
|
</li>
|
|
<li>
|
|
환불은 구매 취소 완료 후 진행됩니다.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="itemCancel">
|
|
<p>
|
|
※ 해당 구독 기간을 모두 사용하여 환불할 내역이 없습니다.
|
|
</p>
|
|
</div>
|
|
<div class="infoRefundCalc">
|
|
<div class="title">재 결제 예정</div>
|
|
<div class="info">* 사용한 일수 만큼 재 결제가 진행됩니다.</div>
|
|
<div class="completeForm">
|
|
<div>
|
|
<dl>
|
|
<dt class="calc">재 결제 금액</dt>
|
|
<dd>
|
|
\ 1,486<br>
|
|
1,858 P
|
|
</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<div class="titleSec">결제 취소 예정</div>
|
|
<div class="info">* 기존 주문은 전체 금액 취소 환불됩니다.</div>
|
|
<div class="completeForm">
|
|
<div>
|
|
<dl>
|
|
<dt>주문번호</dt>
|
|
<dd>220826143900001</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>취소요청일자</dt>
|
|
<dd>2023.08.30 10:11:12</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>대상차종</dt>
|
|
<dd>EV9</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt class="calc">취소금액</dt>
|
|
<dd>
|
|
\ 1,486<br>
|
|
1,858 P
|
|
</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="infoRefund">
|
|
<div class="title">평생 이용 사양 환불 정책</div>
|
|
<ul>
|
|
<li>평생 이용 사양은 구매일로부터 7일 이내 청약철회 및 계약해제를 할 수 있습니다.</li>
|
|
<li>청약철회가 가능한 7일의 기준은 청약 철회기간의 말일이 휴일이나 공휴일일 경우 그 익일에 기간이 만료 되는 것을 의미합니다.</li>
|
|
<li>구매일 익일부터 1일로 산정하며, 휴일을 제외하고 7일이 되는 날짜의 24시까지 청약 철회가 가능합니다.</li>
|
|
<li>구매일로부터 7일내 청약철회가 발생한 경우, 주문 취소 처리 및 전액 환불합니다.</li>
|
|
<li>구매일로부터 7일이 지난 경우에는 구매취소는 불가능합니다.</li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="infoRefund">
|
|
<div class="title">정기 구독 사양 환불 금액 정책</div>
|
|
<ul>
|
|
<li>정기 구독 사양은 구독해지 신청이 발생하는 경우 일할 정산으로 환불액이 계산됩니다.</li>
|
|
<li>모든 일할 정산의 기준 금액은 판매가에서 할인 금액을 뺀 최근 실 구독 결제액으로 산정합니다.</li>
|
|
<li>일할 정산 금액은 최종 계산까지는 소수점 둘째 자리까지 계산하되, 최종 금액산정은 결과값에서 소수점 이하에서 반올림으로 처리합니다.</li>
|
|
<li>정기 구독 사양 일할 정산 금액의 산정 기준은 365일로 계산합니다.</li>
|
|
<li>월 구독의 경우 최근 실 구독 비용이 10,000원으로 발생된다면, 1일 기준 비용은 328.77원입니다.<br>(10,000원 X 12개월 / 365일 = 328.77)</li>
|
|
<li>연 구독의 경우 최근 실 구독 비용이 100,000원으로 발생된다면, 1일 기준 비용은 273.97원입니다.<br>(100,000원 / 365일 = 273.97)</li>
|
|
<li>환불 액 계산은 잔여일 수 X 일 비용으로 계산합니다.</li>
|
|
<li>잔여일 수 계산은 (다음 구독 결제일-구독 해지 신청일-1)로 합니다.</li>
|
|
</ul>
|
|
</div>
|
|
<div class="infoRefundStep">
|
|
<div class="title">환불 정책</div>
|
|
<ul>
|
|
<li>1. 구독 해지 신청</li>
|
|
<li>2. 차량에서 디지털 사양 삭제 확인</li>
|
|
<li>3. 사용한 일수 만큼 재 결제</li>
|
|
<li>4. 기존 주문 전체 취소 및 전액 환불</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- [S]뮤직 스트리밍 관련 -->
|
|
<div class="itemStreaming">
|
|
<ul>
|
|
<li>
|
|
<input type="radio" name="radioBtn" id="radioOne" value="지니뮤직 프로모션 데이터 요금제" disabled>
|
|
<label for="radioOne">
|
|
<dl>
|
|
<dt>지니뮤직 프로모션 데이터 요금제</dt>
|
|
<dd>
|
|
<p>2개월간 무료로 뮤직 스트리밍 서비스를 이용하실 수 있으며, 본 요금제는 차량당 1회만 가입이 가능합니다. 무료 기간 종료 후에는 ‘일반 스트리밍 데이터 요금제’로 자동 변경되어 요금이 청구됩니다. 2개월간 무료 이후 3,300원/월 (VAT 포함)</p>
|
|
<strong>기간 2022년 4월 25일 ~ 9999년 12월 31일</strong>
|
|
</dd>
|
|
<dd>
|
|
<div class="fee">
|
|
\ 0/월
|
|
</div>
|
|
<div class="btnWarp">
|
|
<div class="oneButton">
|
|
<a href="javascript:;" onClick="javascript:open_layer_popup('terminationService');"><p>변경</p></a>
|
|
</div>
|
|
</div>
|
|
</dd>
|
|
</dl>
|
|
</label>
|
|
</li>
|
|
|
|
|
|
<li>
|
|
<input type="radio" name="radioBtn" id="radioTwo" value="고음질 스트리밍 데이터 요금제" disabled checked>
|
|
<label for="radioTwo">
|
|
<dl>
|
|
<dt>고음질 스트리밍 데이터 요금제</dt>
|
|
<dd>
|
|
<p>차량에서 원하시는 음질로 뮤직 스트리밍 서비스 이용이 가능합니다. (VAT 포함)</p>
|
|
</dd>
|
|
<dd>
|
|
<div class="fee">
|
|
\ 9,900/월
|
|
</div>
|
|
<div class="btnWarp">
|
|
<div class="oneButton">
|
|
<a href="javascript:;" onClick="javascript:open_layer_popup('terminationService');"><p>해지</p></a>
|
|
</div>
|
|
</div>
|
|
</dd>
|
|
</dl>
|
|
</label>
|
|
</li>
|
|
|
|
|
|
<li>
|
|
<input type="radio" name="radioBtn" id="radioThree" value="일반 스트리밍 데이터 요금제" disabled>
|
|
<label for="radioThree">
|
|
<dl>
|
|
<dt>일반 스트리밍 데이터 요금제</dt>
|
|
<dd>
|
|
<p>차량에서 원하시는 음질로 뮤직 스트리밍 서비스 이용이 가능합니다. (VAT 포함)</p>
|
|
</dd>
|
|
<dd>
|
|
<div class="fee">
|
|
\ 9,900/월
|
|
</div>
|
|
<div class="btnWarp">
|
|
<div class="oneButton">
|
|
<a href="javascript:;" onClick="javascript:open_layer_popup('terminationService');"><p>변경</p></a>
|
|
</div>
|
|
</div>
|
|
</dd>
|
|
</dl>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- [S]뮤직 스트리밍 관련 -->
|
|
|
|
|
|
|
|
|
|
|
|
<!--● 차량 SW 일시불 상품-->
|
|
<div class="btnWarp">
|
|
<div class="oneButton">
|
|
<a href=""><p>구매 취소</p></a>
|
|
</div>
|
|
</div>
|
|
<!--● 차량 SW 일시불 상품-->
|
|
|
|
<!--● 차량 SW 구독형 상품 구독 해지 신청 상태-->
|
|
<div class="btnWarp">
|
|
<div class="oneButton">
|
|
<a href=""><p>해지 신청 취소</p></a>
|
|
</div>
|
|
</div>
|
|
<!--● 차량 SW 구독형 상품 구독 해지 신청 상태-->
|
|
|
|
<!--● 차량 SW 구독형 상품 구독 중 상태. 결제 시점 7일 이내인 경우-->
|
|
<div class="carswBtn">
|
|
<div class="towButton">
|
|
<a href="" class="cartBtn leftBtn"><p>결제수단 변경</p></a>
|
|
<a href="" class="PurchaseBtn rightBtn"><p>구독 취소</p></a>
|
|
</div>
|
|
</div>
|
|
<!--● 차량 SW 구독형 상품 구독 중 상태. 결제 시점 7일 이내인 경우-->
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="itemInfo">
|
|
<h3>상세 이용 안내</h3>
|
|
<div class="editBox">
|
|
<div class="comp_mypage_user_guide">
|
|
<div class="content">
|
|
<div class="text">
|
|
원격 스마트 주차 보조는 차량 센서를 이용하여 주 차공간을 탐색하고 스티어링 휠, 속도, 변속을 자동 으로 제어하여 주차 및 출차를 도와줍니다.
|
|
</div>
|
|
<a href="">이용안내 바로가기 ></a>
|
|
</div>
|
|
<div class="image_area">
|
|
<img src="../assets/images/kia/pdp/streaming_plus/streaming_plus_mypage_userguide.png" alt="스트리밍 플러스">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carswBtn">
|
|
<div class="towButton">
|
|
<a href="" class="cartBtn leftBtn"><p>목록</p></a>
|
|
<a href="" class="PurchaseBtn rightBtn"><p>상세 페이지</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--//content-warp-->
|
|
|
|
|
|
<!--알럿팝업-->
|
|
|
|
<!-- [S] 요금제 리스트에서 변경 또는 해지 버튼을 클릭 시 노출되는 레이어 팝업 -->
|
|
<div id="terminationService" class="alertPopup" style="display:none; opacity:0;">
|
|
<div class="popInner">
|
|
<div class="content">
|
|
<p>
|
|
<span>
|
|
요금제 변경을 위해서는 사용중인 요금제를 해지하신 후, 다시 구매하셔야 합니다. 요금제를 해지하시겠습니까?
|
|
</span>
|
|
</p>
|
|
<div class="carswBtn">
|
|
<div class="towButton">
|
|
<a href="javascript:;" class="cartBtn leftBtn" onClick="javascript:close_layer_popup('terminationService');"><p>취소</p></a>
|
|
<a href="javascript:;" class="PurchaseBtn rightBtn" onClick="javascript:close_layer_popup('terminationService');open_layer_popup('terminationFinish');"><p>요금제 해지</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- [E] 요금제 리스트에서 변경 또는 해지 버튼을 클릭 시 노출되는 레이어 팝업 -->
|
|
|
|
<!-- [S] 뮤직 스트리밍 서비스 해지 컨펌 레이어 팝업에서 요금제 해지를 클릭한 경우 -->
|
|
<div id="terminationFinish" class="alertPopup" style="display:none; opacity:0;">
|
|
<div class="popInner">
|
|
<div class="content">
|
|
<p>
|
|
<span>
|
|
요금제 해지가 완료되었습니다.
|
|
</span>
|
|
</p>
|
|
|
|
<div class="carswBtn">
|
|
<div class="oneButton">
|
|
<!-- 뮤직 스트리밍 PDP 페이지로 이동합니다. -->
|
|
<a href=""><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" 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-->
|
|
</body>
|
|
</html>
|