980 lines
44 KiB
HTML
980 lines
44 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/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>내 FoD 관리</h2>
|
|
</div>
|
|
<div class="myItemWarp">
|
|
<div>
|
|
<div class="itemListWarp">
|
|
<ul>
|
|
<!--● 차량 SW 일시불 상품-->
|
|
<li>
|
|
<a href="">
|
|
<div class="cartItem">
|
|
<div class="cartItemInfo">
|
|
<div>
|
|
<p>
|
|
<img src="/kr/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="/kr/assets/images/kia/product-img/producy-temp7.png" alt="세부상품 이미지">
|
|
</div>
|
|
<div class="itemTitle">
|
|
DWL
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="itemImg">
|
|
<img src="/kr/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="/kr/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="/kr/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="/kr/assets/images/kia/product-img/producy-temp6.png" alt="세부상품 이미지">
|
|
</div>
|
|
<div class="itemTitle">
|
|
DWL
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="itemImg">
|
|
<img src="/kr/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="/kr/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="/kr/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="/kr/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="/kr/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="/kr/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="/kr/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="/kr/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="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('streaming_notice');">
|
|
<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('streaming_notice');">
|
|
<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('streaming_notice');">
|
|
<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="/kr/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="streaming_notice" class="streamingNoticePopup" style="display:none; opacity:0;">
|
|
<div class="popInner">
|
|
<div class="content">
|
|
<p class="title">
|
|
스트리밍 플러스 가입/변경/해지 중단안내
|
|
</p>
|
|
<p class="main-info">
|
|
<span>통신사 LG U+ 시스템 개선 작업으로 스트리밍 플러스 가입/변경/해지가 불가능합니다.</span>
|
|
</p>
|
|
<p class="period">
|
|
<span class="fc-emphas">기간 : 8/25(금) 22:00 ~ 8/27(일) 22:00</span>
|
|
</p>
|
|
<p class="info-more">
|
|
<span>자세한 내용은 공지사항을 참고해주세요</span>
|
|
</p>
|
|
<div class="linkToBoard">
|
|
<a href="https://connectstore.kia.com/kr/service/notice-view?noticeView=BLB0000284" class="kiaBoardLink">공지사항 바로가기</a>
|
|
</div>
|
|
<div class="carswBtn">
|
|
<div class="oneButton">
|
|
<a href="javascript:;" class="cartBtn leftBtn" onClick="javascript:close_layer_popup('streaming_notice');"><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> |