마이페이지 스트리밍프리미엄 결제내역
This commit is contained in:
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -5,16 +5,16 @@
|
||||
<!--
|
||||
//위에 순서대로 title 이 변경되어야 합니다.
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<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 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" />
|
||||
@@ -36,14 +36,12 @@
|
||||
<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="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">
|
||||
@@ -122,8 +120,8 @@
|
||||
<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"/>
|
||||
<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>
|
||||
@@ -135,8 +133,8 @@
|
||||
<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"/>
|
||||
<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>
|
||||
@@ -150,8 +148,8 @@
|
||||
<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"/>
|
||||
<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>
|
||||
@@ -182,8 +180,8 @@
|
||||
</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"/>
|
||||
<path d="M7 1L1 10H13L7 1Z" fill="white" />
|
||||
<path d="M1 9L7 1L13 9" stroke="#DEDEDE" />
|
||||
</svg>
|
||||
<ul>
|
||||
<li>
|
||||
@@ -204,7 +202,6 @@
|
||||
<span>452허 1234</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -284,41 +281,139 @@
|
||||
</a>
|
||||
</div>
|
||||
<div class="myItemWarp type2">
|
||||
<div class="infoWarp">
|
||||
* 스트리밍 사양의 결제 내역은 Kia Connect 앱에서 확인 가능합니다.
|
||||
</div>
|
||||
<div class="infoWarp">* 스트리밍 사양의 결제 내역은 Kia Connect 앱에서 확인 가능합니다.</div>
|
||||
<div class="myPayList">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="payment-history-view.html">
|
||||
<div class="paySummary">
|
||||
<dl>
|
||||
<dt>차량용 webOS 콘텐츠 플랫폼</dt>
|
||||
<dd>2024-10-15 </dd>
|
||||
<dd>2024-10-15</dd>
|
||||
</dl>
|
||||
<div class="totalPay">
|
||||
<dl>
|
||||
<dl class="status">
|
||||
<dt>미납금</dt>
|
||||
<dd>결제완료</dd>
|
||||
</dl>
|
||||
|
||||
<dl class="totalInfo">
|
||||
<dt>사양 금액 : </dt>
|
||||
<dl class="quotedInfo">
|
||||
<dt>사양 금액 :</dt>
|
||||
<dd class="amount">6,000원</dd>
|
||||
</dl>
|
||||
<dl class="totalInfo">
|
||||
<dt>결제 금액 : </dt>
|
||||
<dt>결제 금액 :</dt>
|
||||
<dd class="amount">6,000원</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<div class="paySummary">
|
||||
<dl>
|
||||
<dt>스트리밍 프리미엄 데이터 요금제</dt>
|
||||
<dd>2024-10-15</dd>
|
||||
</dl>
|
||||
<div class="totalPay">
|
||||
<dl class="status">
|
||||
<dt>중도해지 계산금액</dt>
|
||||
<dd>결제실패</dd>
|
||||
</dl>
|
||||
|
||||
<dl class="quotedInfo">
|
||||
<dt>사양 금액 :</dt>
|
||||
<dd class="amount">5,000원</dd>
|
||||
</dl>
|
||||
<dl class="totalInfo">
|
||||
<dt>결제 금액 :</dt>
|
||||
<dd class="amount">0원</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<div class="paySummary">
|
||||
<dl>
|
||||
<dt>차량용 webOS 콘텐츠 플랫폼</dt>
|
||||
<dd>2024-10-15</dd>
|
||||
</dl>
|
||||
<div class="totalPay">
|
||||
<dl class="status">
|
||||
<dt>월 구독 2회차</dt>
|
||||
<dd>결제실패</dd>
|
||||
</dl>
|
||||
|
||||
<dl class="quotedInfo">
|
||||
<dt>사양 금액 :</dt>
|
||||
<dd class="amount">5,000원</dd>
|
||||
</dl>
|
||||
<dl class="totalInfo">
|
||||
<dt>결제 금액 :</dt>
|
||||
<dd class="amount">0원</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<div class="paySummary">
|
||||
<dl>
|
||||
<dt>스트리밍 프리미엄 데이터 요금제</dt>
|
||||
<dd>2024-10-15</dd>
|
||||
</dl>
|
||||
<div class="totalPay">
|
||||
<dl class="status">
|
||||
<dt>결제완료</dt>
|
||||
</dl>
|
||||
|
||||
<dl class="quotedInfo">
|
||||
<dt>사양 금액 :</dt>
|
||||
<dd class="amount">5,000원</dd>
|
||||
</dl>
|
||||
<dl class="totalInfo">
|
||||
<dt>결제 금액 :</dt>
|
||||
<dd class="amount">5,000원</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<div class="paySummary">
|
||||
<dl>
|
||||
<dt>차량용 webOS 콘텐츠 플랫폼</dt>
|
||||
<dd>2024-10-15</dd>
|
||||
</dl>
|
||||
<div class="totalPay">
|
||||
<dl class="status">
|
||||
<dt>월 구독 1회차</dt>
|
||||
<dd>결제완료</dd>
|
||||
</dl>
|
||||
|
||||
<dl class="quotedInfo">
|
||||
<dt>사양 금액 :</dt>
|
||||
<dd class="amount">5,000원</dd>
|
||||
</dl>
|
||||
<dl class="totalInfo">
|
||||
<dt>결제 금액 :</dt>
|
||||
<dd class="amount">6,000원</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<!-- <li class="listNone">
|
||||
<p>결재이력이 없습니다. </p>
|
||||
</li> -->
|
||||
</ul>
|
||||
<!-- <%-- 활성화 페이지에 active 클래스 부여해 주시면 됩니다. --%> -->
|
||||
<div class="paging">
|
||||
<!-- <div class="paging">
|
||||
<div class="pagingInner">
|
||||
<a href=""><i class="pre"></i></a>
|
||||
<a href="">1</a>
|
||||
@@ -328,7 +423,7 @@
|
||||
<a href="">5</a>
|
||||
<a href=""><i class="next"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -338,15 +433,15 @@
|
||||
|
||||
<!--//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>
|
||||
<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>
|
||||
<a href="../kia.html"><img src="../assets/images/kia/kia-logo.svg" alt="kia" /></a>
|
||||
</div>
|
||||
<div class="companyInfo">
|
||||
<ul>
|
||||
@@ -371,9 +466,7 @@
|
||||
</p>
|
||||
<p><span>오류문의: 24시간 연중 무휴</span></p>
|
||||
<p>
|
||||
<span>
|
||||
일반 문의: 주중 08:30 ~ 18:00<br><span style="margin-left:64px;">(토·일·공휴일 휴무)</span>
|
||||
</span>
|
||||
<span> 일반 문의: 주중 08:30 ~ 18:00<br /><span style="margin-left: 64px">(토·일·공휴일 휴무)</span> </span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="familyBoxWarp">
|
||||
@@ -403,12 +496,22 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="popupWarp" style="display:none;">
|
||||
<div class="popInner termsPop" style="display:none;">
|
||||
<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>
|
||||
<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">
|
||||
@@ -418,12 +521,12 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="popInner payInfo" style="display:none;">
|
||||
<div class="popInner payInfo" style="display: none">
|
||||
<div class="popContents">
|
||||
<h1>결제 방법 안내</h1>
|
||||
<div class="payInfoCon">
|
||||
<p>
|
||||
<strong>이미 등록된 결제 방법이 있습니다.<br>(지로, 서울특별시 OO구 OOO로 OO길 OO)<br>해당 결제 방법으로 요금을 납부하시겠습니까?</strong>
|
||||
<strong>이미 등록된 결제 방법이 있습니다.<br />(지로, 서울특별시 OO구 OOO로 OO길 OO)<br />해당 결제 방법으로 요금을 납부하시겠습니까?</strong>
|
||||
<span>※ 결제 방법을 다른 카드로 변경하실 경우 CCS앱에서 변경 가능합니다.</span>
|
||||
</p>
|
||||
</div>
|
||||
@@ -436,7 +539,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="popInner payInfo" style="display:none;">
|
||||
<div class="popInner payInfo" style="display: none">
|
||||
<div class="popContents">
|
||||
<h1>결제 방법 안내</h1>
|
||||
<div class="payInfoCon">
|
||||
|
||||
@@ -355,10 +355,32 @@
|
||||
|
||||
<div class="contents">
|
||||
<div class="text">
|
||||
잔여 이용 기간에 대하여 돌려받으실 환불 금액
|
||||
잔여 이용 기간에 대하여 돌려받으실 환불 금액<br>
|
||||
i) 일할 계산 환불 금액: 월 요금 – (월 요금 * (사용일수/결제월 총일수의 반올림))
|
||||
</div>
|
||||
</div>
|
||||
<div class="title">
|
||||
b) 중도 해지 납부 금액 : 3,000원
|
||||
</div>
|
||||
|
||||
<div class="contents">
|
||||
<div class="text">
|
||||
i) 할인 반환금 : 1,000원
|
||||
(할인 받으셨던 기간 동안의 해택 반환금)
|
||||
|
||||
ii)중도해지 위약금 : 2,000원
|
||||
(약정 기간 종료 전 해지로 인한 위약금)
|
||||
</div>
|
||||
</div>
|
||||
<div class="title">
|
||||
c) 결제 금액 : -2,000원
|
||||
</div>
|
||||
|
||||
<div class="contents">
|
||||
<div class="text">
|
||||
a) 환불 금액 – b) 중도 해지 납부 금액 = -5,000원 + 3,000원
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -380,315 +402,78 @@
|
||||
결제 완료
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="itemName">
|
||||
결제 정보
|
||||
</dt>
|
||||
<dd class="itemValue">
|
||||
국민카드(1234-12**-****-123*)
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
|
||||
|
||||
<div class="contentsWrap">
|
||||
<!--
|
||||
제목이 노출되는 영역입니다. 화면설계와 디자인이 상이합니다.
|
||||
이메일, 문자 모두 동일합니다.
|
||||
-->
|
||||
<div class="optionWrap">
|
||||
<div class="title">
|
||||
OTA 버전 업그레이드 안내
|
||||
차량용 webOS 콘텐츠 플랫폼
|
||||
</div>
|
||||
|
||||
<!-- [S] 수동 메일 발송인 경우 -->
|
||||
<div class="contents">
|
||||
<!-- 수동 메일이면서 이미지가 등록된 경우 해당 이미지가 노출 됩니다. 이미지가 없다면, imgWrap 전부 노출되지 않습니다.-->
|
||||
<div class="imgWrap">
|
||||
<img src="../assets/images/sample_service/temp_mail_image.png" alt="OTA 버전 업그레이드 안내">
|
||||
</div>
|
||||
|
||||
<!-- 수동 메일인 경우 내용이 노출되는 영역입니다.-->
|
||||
<strong>구매옵션(약정)</strong>
|
||||
<div class="text">
|
||||
안녕하세요. FoD 상품 관리자 입니다. FoD 상품을 이용하시기 위해서는 OTA버전 조건이 충족되어야 합니다. 업데이트는 AVNT 안내 사항을 참고 부탁드립니다.
|
||||
<ul>
|
||||
<li>∙ 당일 해지 7일 이내인 경우 전체 환불 됩니다.</li>
|
||||
<li>∙ 당일 해지 결제 7일 초과인 경우<br>
|
||||
<span>∙ 납부하신 당월 결제 금액은 일할 계산되어 환불 처리 됩니다.</span>
|
||||
</li>
|
||||
<li>
|
||||
∙ 예약 해지로 정기 결제 시점 해지되는 경우<br>
|
||||
<span>∙ 다음 회차 정기 결제 일에 해지되며 환불받으실 금액은 없습니다.</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- [E] 수동 메일 발송인 경우 -->
|
||||
|
||||
|
||||
<!-- [S] 문자 발송인 경우 -->
|
||||
<!-- 문자 내용이 노출됩니다. -->
|
||||
<!-- <div class="contents">
|
||||
<div class="contents">
|
||||
<strong>구매옵션(무약정)</strong>
|
||||
<div class="text">
|
||||
안녕하세요. FoD 상품 관리자 입니다. FoD 상품을 이용하시기 위해서는 OTA버전 조건이 충족되어야 합니다. 업데이트는 AVNT 안내 사항을 참고 부탁드립니다.
|
||||
<ul>
|
||||
<li>∙ 당일 해지 7일 이내인 경우 전체 환불 됩니다.</li>
|
||||
<li>∙ 당일 해지 결제 7일 초과인 경우<br>
|
||||
<span>∙ 납부하신 당월 결제 금액은 일할 계산되어 환불 처리 됩니다.</span>
|
||||
</li>
|
||||
<li>
|
||||
∙ 예약 해지로 정기 결제 시점 해지되는 경우<br>
|
||||
<span>∙ 다음 회차 정기 결제 일에 해지되며 환불받으실 금액은 없습니다.</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="optionWrap">
|
||||
<div class="title">
|
||||
스트리밍 프리미엄 데이터 요금제
|
||||
</div>
|
||||
<div class="contents">
|
||||
<strong>구매옵션(약정)</strong>
|
||||
<div class="text">
|
||||
<ul>
|
||||
<li>
|
||||
∙ 통신사 정책에 따라 사후 일할 계산됩니다. <br><br>
|
||||
<span>(문의 : 기아 커넥트 센터 1899-2121)</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contents">
|
||||
<strong>구매옵션(무약정)</strong>
|
||||
<div class="text">
|
||||
<ul>
|
||||
<li>
|
||||
∙ 통신사 정책에 따라 사후 일할 계산됩니다. <br><br>
|
||||
<span>(문의 : 기아 커넥트 센터 1899-2121)</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- [E] 문자 발송인 경우 -->
|
||||
|
||||
|
||||
<!-- [S] 자동 메일 발송인 경우 -->
|
||||
<!-- mailBodyContents 안쪽에 발송된 메일 html을 넣어주시면 됩니다. -->
|
||||
<!-- jquery로 메일 html중 본문만 뽑아서 표현하게 구성되어 있습니다. -->
|
||||
<div class="mailBodyContents" style="display:none;">
|
||||
|
||||
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="word-break:keep-all;">
|
||||
<tr>
|
||||
<td style="width:100%; text-align:center;" align="center">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="640" style="margin:0 auto;">
|
||||
<tr>
|
||||
<td width="640" height="27" style="background-color:#05141F;">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="640" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="50" height="37" style="background-color:#05141F;">
|
||||
|
||||
</td>
|
||||
<td width="159" height="37" style="background-color:#05141F;">
|
||||
<a href="https://connectstore.kia.com/kr/" target="_blank">
|
||||
<img src="../assets/images/kia/mail/mail_top_logo.png" alt="Kia Connect Store Logo">
|
||||
</a>
|
||||
</td>
|
||||
<td width="431" height="37" style="background-color:#05141F;">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="640" height="31" style="background-color:#F3F3F3;">
|
||||
<table width="640" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="232" height="31">
|
||||
<img src="../assets/images/kia/mail/mail_top_bg.png" alt="background image">
|
||||
</td>
|
||||
<td width="408">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="60" style="background-color:#F3F3F3;">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="background-color:#F3F3F3;">
|
||||
<table width="640" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="50">
|
||||
|
||||
</td>
|
||||
<td width="540">
|
||||
<table id="mailBodyContents" width="540" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td style="font-family:'arial,Helvetica,sans-serif'; font-size: 28px; font-weight: 600; color:#0F0F0F; text-align:left;">
|
||||
회원가입 안내
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-top:30px; font-family:'arial,Helvetica,sans-serif'; font-size:16px; font-weight:400; color:#000000; line-height:24px; text-align:left;">
|
||||
안녕하세요. #{msgMemberName} 고객님.<br>
|
||||
기아 커넥트스토어 회원이 되신 것을 진심으로 환영합니다.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-top: 30px;">
|
||||
<table width="540" border="0" cellpadding="0" cellspacing="0" style="border-top:1px solid #DEDEDE;">
|
||||
<tr>
|
||||
<td width="137" style="padding:20px 0; border-bottom:1px solid #DEDEDE; font-family:'arial,Helvetica,sans-serif'; font-size:14px; font-weight:600; color:#676767; text-align:left;">
|
||||
ID
|
||||
</td>
|
||||
<td width="1">
|
||||
<div style="width:1px; height:13px; background-color:#DEDEDE;"></div>
|
||||
</td>
|
||||
<td width="402" style="padding:20px 0 20px 23px; border-bottom:1px solid #DEDEDE; font-family:'arial,Helvetica,sans-serif'; font-size:14px; font-weight:600; color:#000000; text-align:left;">
|
||||
#{msgMemberID}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="137" style="padding:20px 0; border-bottom:1px solid #DEDEDE; font-family:'arial,Helvetica,sans-serif'; font-size:14px; font-weight:600; color:#676767; text-align:left;">
|
||||
회원 가입일
|
||||
</td>
|
||||
<td width="1">
|
||||
<div style="width:1px; height:13px; background-color:#DEDEDE;"></div>
|
||||
</td>
|
||||
<td width="402" style="padding:20px 0 20px 23px; border-bottom:1px solid #DEDEDE; font-family:'arial,Helvetica,sans-serif'; font-size:14px; font-weight:600; color:#000000; text-align:left;">
|
||||
#{msgMemberJoinDate}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="mailBtn">
|
||||
<td style="padding-top:60px;">
|
||||
<a href="https://connectstore.kia.com/kr/" target="_blank">
|
||||
<img src="../assets/images/kia/mail/mail_btn_main.png" alt="button">
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td width="50">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="110" style="background-color:#F3F3F3;">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="640" height="31" style="background-color:#F3F3F3;">
|
||||
<table width="640" height="31" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="468" height="31">
|
||||
|
||||
</td>
|
||||
<td width="172" height="31">
|
||||
<img src="../assets/images/kia/mail/mail_footer_bg.png" alt="background image">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="640" height="40" style="background-color:#05141F;">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="background-color:#05141F;">
|
||||
<table width="640" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="50" height="21">
|
||||
|
||||
</td>
|
||||
<td width="82" height="21">
|
||||
<a href="https://connectstore.kia.com/kr/" target="_blank">
|
||||
<img src="../assets/images/kia/mail/mail_footer_logo.png" alt="Kia Logo">
|
||||
</a>
|
||||
</td>
|
||||
<td width="508" height="21">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="640" height="28" style="background-color:#05141F;">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- footer의 상세 정보는 아직 확정되지 않았다고 하네요. 추후 고객 정보 확정 후 수정 예상됩니다. -->
|
||||
<tr>
|
||||
<td style="background-color:#05141F;">
|
||||
<table width="640" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="50" style="background-color:#05141F;">
|
||||
|
||||
</td>
|
||||
<td width="540">
|
||||
<table width="540" border="0" cellpadding="0" cellspacing="0" style="text-align:left;">
|
||||
<tr>
|
||||
<td valign="middle" style="vertical-align: middle;">
|
||||
<a href="https://connectstore.kia.com/kr/member/terms?tab=p" target="_blank" style=" font-family:'arial,Helvetica,sans-serif'; font-size:13px; text-decoration: none; color:#ffffff;">
|
||||
개인정보 처리방침
|
||||
</a>
|
||||
<span style="vertical-align: middle;">
|
||||
<img src="../assets/images/kia/mail/mail_bar_big.png" alt="bar" style="margin:0 8px;">
|
||||
</span>
|
||||
<a href="https://connectstore.kia.com/kr/member/terms" target="_blank" style="font-family:'arial,Helvetica,sans-serif'; font-size:13px; text-decoration: none; color:#aaaaaa;">
|
||||
이용약관
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="middle" style="padding-top:10px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:11px; color:#aaaaaa">
|
||||
사업자 기아㈜ 대표 송호성, 최준영
|
||||
<span style="vertical-align: middle;">
|
||||
<img src="../assets/images/kia/mail/mail_bar_small.png" alt="bar" style="padding:0 7px;">
|
||||
</span>
|
||||
서울특별시 서초구 헌릉로 12 (양재동)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="middle" style="padding-top:2px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:11px; color:#aaaaaa">
|
||||
사업자등록번호 119-81-02316 06797
|
||||
<span style="vertical-align: middle;">
|
||||
<img src="../assets/images/kia/mail/mail_bar_small.png" alt="bar" style="padding:0 7px;">
|
||||
</span>
|
||||
통신판매신고: 2023-OOOO-OOOO
|
||||
<span style="vertical-align: middle;">
|
||||
<img src="../assets/images/kia/mail/mail_bar_small.png" alt="bar" style="padding:0 7px;">
|
||||
</span>
|
||||
이메일: test@test.com
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-top:3px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:11px; color:#aaaaaa">
|
||||
개인정보책임자: 홍길동
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-top:20px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:14px; color:#ffffff">
|
||||
문의전화 : 1899-0606
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="middle" style="padding-top:10px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:11px; color:#aaaaaa">
|
||||
평일 09:00~18:00 (주말/공휴일 제외)
|
||||
<span style="vertical-align: middle;">
|
||||
<img src="../assets/images/kia/mail/mail_bar_small.png" alt="bar" style="padding:0 7px;">
|
||||
</span>
|
||||
점심시간 12시~13시
|
||||
<span style="vertical-align: middle;">
|
||||
<img src="../assets/images/kia/mail/mail_bar_small.png" alt="bar" style="padding:0 7px;">
|
||||
</span>
|
||||
전국 하이테크 센터: 평일 08:30~18:00
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding-top:40px; vertical-align: middle; font-family:'arial,Helvetica,sans-serif'; font-size:13px; color:#ffffff">
|
||||
Ⓒ Kia CORP. ALL RIGHTS RESERVED.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="30">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td width="50" style="background-color:#05141F;">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var mailContents = $(".mailBodyContents").find("#mailBodyContents");
|
||||
$(".mailBodyContents").html(mailContents);
|
||||
$(".mailBodyContents").find(".mailBtn").css("display","none");
|
||||
$(".mailBodyContents").css("display","block");
|
||||
});
|
||||
</script>
|
||||
<!-- [E] 자동 메일 발송인 경우 -->
|
||||
|
||||
|
||||
</div>
|
||||
@@ -696,11 +481,11 @@
|
||||
|
||||
<div class="inquiryBtn">
|
||||
<div class="oneButton">
|
||||
<a href=""><p>목록</p></a>
|
||||
</div>
|
||||
<a href="payment-history-list2.html"><p>목록</p></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user