스트리밍 프리미엄 해지 팝업 작업

This commit is contained in:
2025-06-08 19:56:53 +09:00
parent 957bbb42be
commit 6877646966
5 changed files with 372 additions and 139 deletions

View File

@@ -4009,6 +4009,9 @@ pre {
color: #ea0029;
text-indent: 0;
}
.cancelPremiumPopup .content .alertSubMessage > ul > li em.red {
font-weight: 400;
}
.cancelPremiumPopup .content .alertSubMessage > ul > li + li {
margin-top: 1.2rem;
}

File diff suppressed because one or more lines are too long

View File

@@ -4348,6 +4348,11 @@ pre {
color: #ea0029;
text-indent: 0;
}
em {
&.red {
font-weight: 400;
}
}
+ li {
margin-top: 1.2rem;

View File

@@ -911,7 +911,7 @@
<div class="popInner">
<div class="content">
<!-- [무약정 즉시 해지](결제 7일 이내) -->
<!-- <strong class="alertMessage">
<strong class="alertMessage">
<em>즉시 해지(결제 7일 이내)</em>
스트리밍 프리미엄 무약정 사양<br />
구독을 해지 하시겠습니까?
@@ -969,10 +969,10 @@
</ul>
</li>
</ul>
</div> -->
</div>
<!--// [무약정 즉시 해지](결제 7일 이내) -->
<!-- [무약정 즉시 해지](결제 7일 초과) -->
<strong class="alertMessage">
<!-- <strong class="alertMessage">
<em>즉시 해지(결제 7일 초과)</em>
스트리밍 프리미엄 무약정 사양<br />
구독을 해지 하시겠습니까?
@@ -995,7 +995,7 @@
<div class="plus"><b>총 받으실 금액 :</b> <span class="amount">6,000원</span></div>
<div class="minus"><b>총 납부하실 금액 :</b> <span class="amount">0원</span></div>
</div>
<div class="totalRefund-detail">
<div class="totalRefund-detail dt2">
<ul>
<li>
<span
@@ -1009,7 +1009,7 @@
</li>
</ul>
</div>
<button type="button" class="btn-detail" onclick="slideToggle(this,'.totalRefund-detail')"><em>비용 상세보기</em></button>
<button type="button" class="btn-detail" onclick="slideToggle(this,'.dt2')"><em>비용 상세보기</em></button>
</div>
</li>
</ul>
@@ -1029,7 +1029,7 @@
</ul>
</li>
</ul>
</div>
</div> -->
<!--// [무약정 즉시 해지](결제 7일 초과) -->
<!-- [무약정 예약 해지] (다음 회차 정기결제 시점 해지) -->
<!-- <strong class="alertMessage">
@@ -1058,7 +1058,7 @@
<div class="plus"><b>총 받으실 금액 :</b> <span class="amount">0원</span></div>
<div class="minus"><b>총 납부하실 금액 :</b> <span class="amount">0원</span></div>
</div>
<div class="totalRefund-detail">
<div class="totalRefund-detail dt3">
<ul>
<li>
<span
@@ -1072,7 +1072,7 @@
</li>
</ul>
</div>
<button type="button" class="btn-detail" onclick="slideToggle(this,'.totalRefund-detail')"><em>비용 상세보기</em></button>
<button type="button" class="btn-detail" onclick="slideToggle(this,'.dt3')"><em>비용 상세보기</em></button>
</div>
</li>
</ul>
@@ -1117,7 +1117,7 @@
<div class="plus"><b>총 받으실 금액 :</b> <span class="amount">6,000원</span></div>
<div class="minus"><b>총 납부하실 금액 :</b> <span class="amount">0원</span></div>
</div>
<div class="totalRefund-detail">
<div class="totalRefund-detail dt4">
<ul>
<li>
<span><b>1) 환불 금액 : 6,000원</b> (잔여 이용 기간에 대하여 돌려받으실 환불 금액 )</span>
@@ -1129,12 +1129,14 @@
<span class="bu black">ii) 중도해지 위약금 : 0원 <em>(약정 기간 종료 전 해지로 인한 위약금)</em></span>
</li>
<li>
<span><b>2) 총 받으실 금액 : <em class="green">6,000원</em></b> (원단위 절사)</span>
<span
><b>2) 총 받으실 금액 : <em class="green">6,000원</em>(원단위 절사)</b></span
>
<span class="bu black">i) 환불 금액 6,000원 - 중도 해지 납부 금액 0원</span>
</li>
</ul>
</div>
<button type="button" class="btn-detail" onclick="slideToggle(this,'.totalRefund-detail')"><em>비용 상세보기</em></button>
<button type="button" class="btn-detail" onclick="slideToggle(this,'.dt4')"><em>비용 상세보기</em></button>
</div>
</li>
</ul>
@@ -1180,7 +1182,7 @@
<div class="plus"><b>총 받으실 금액 :</b> <span class="amount">2,000원</span></div>
<div class="minus"><b>총 납부하실 금액 :</b> <span class="amount">0원</span></div>
</div>
<div class="totalRefund-detail">
<div class="totalRefund-detail dt5">
<ul>
<li>
<span><b>1) 환불 금액 : 5,000원</b> (잔여 이용 기간에 대하여 돌려받으실 환불 금액 )</span>
@@ -1196,13 +1198,13 @@
</li>
<li>
<span
><b>2) 총 받으실 금액 : <em class="green">2,000원</em></b> (원단위 절사)</span
><b>2) 총 받으실 금액 : <em class="green">2,000원</em> (원단위 절사)</b></span
>
<span class="bu black">i) 환불 금액 5,000원 - 중도 해지 납부 금액 3,000원</span>
</li>
</ul>
</div>
<button type="button" class="btn-detail" onclick="slideToggle(this,'.totalRefund-detail')"><em>비용 상세보기</em></button>
<button type="button" class="btn-detail" onclick="slideToggle(this,'.dt5')"><em>비용 상세보기</em></button>
</div>
</li>
</ul>
@@ -1252,7 +1254,7 @@
<div class="plus"><b>총 받으실 금액 :</b> <span class="amount">2,000원</span></div>
<div class="minus"><b>총 납부하실 금액 :</b> <span class="amount">15,000원</span></div>
</div>
<div class="totalRefund-detail">
<div class="totalRefund-detail dt6">
<ul>
<li>
<span><b>1) 환불 금액 : 0원</b> (잔여 이용 기간에 대하여 돌려받으실 환불 금액 )</span>
@@ -1260,18 +1262,18 @@
</li>
<li>
<span><b>2) 중도 해지 납부 금액 : 30,000원</b> (약정 사양 중도 해지로 인한 납부 금액)</span>
<span class="bu black">i) 할인 반환금 : 15,000원</span>
<span class="bu black">i) 할인 반환금 : 15,000원 <em>(할인 받으셨던 기간 동안의 해택 반환금)</em></span>
<span class="bu black">ii) 중도해지 위약금 : 15,000원 <em>(약정 기간 종료 전 해지로 인한 위약금)</em></span>
</li>
<li>
<span
><b>2) 총 받으실 금액 : <em class="red">15,000원</em></b> (원단위 절사)</span
><b>2) 총 납부하실 금액 : <em class="red">15,000원</em> (원단위 절사)</b></span
>
<span class="bu black">i) 환불 금액 5,000원 - 중도 해지 납부 금액 3,000원</span>
</li>
</ul>
</div>
<button type="button" class="btn-detail" onclick="slideToggle(this,'.totalRefund-detail')"><em>비용 상세보기</em></button>
<button type="button" class="btn-detail" onclick="slideToggle(this,'.dt6')"><em>비용 상세보기</em></button>
</div>
</li>
</ul>

View File

@@ -42,7 +42,9 @@
<link rel="stylesheet" href="../assets/css/kia/kia.css?v1" type="text/css" />
<style>
.alertPopup {
overflow: auto;
gap: 10px;
flex-wrap: wrap;
}
.alertPopup .popInner {
position: relative;
@@ -154,16 +156,19 @@
<div id="cancelPremiumAlert" class="alertPopup cancelPremiumPopup" style="display: flex; opacity: 1">
<div class="popInner">
<div class="content">
<!-- [무약정 즉시 해지](결제 7일 이내) -->
<strong class="alertMessage">
<em>즉시 해지(결제 7일 이내)</em>
스트리밍 프리미엄 무약정 사양<br />구독을 해지 하시겠습니까?
스트리밍 프리미엄 무약정 사양<br />
구독을 해지 하시겠습니까?
</strong>
<!-- [즉시 해지] (결제 7일 이내) -->
<div class="alertSubMessage">
<ul>
<li>∙ 구독을 해지하시면 차량에서 해당 사양의 이용이 중지됩니다.</li>
<li>
∙ 해지 시 과금/환불 비용 구분<br />
<span class="bu">∙ 구독을 해지하시면 차량에서 해당 사양의 이용이 중지됩니다.</span>
</li>
<li>
<span class="bu">∙ 해지 시 과금/환불 비용 구분</span>
<ul>
<li>
<strong>가) 차량용 webOS 콘텐츠 플랫폼</strong>
@@ -182,11 +187,11 @@
<br class="br-m" />
(잔여 이용 기간에 대하여 돌려받으실 환불 금액 )</span
>
i) 일할 계산 : 7일 이내 전체 환불
<span class="bu">i) 일할 계산 : 7일 이내 전체 환불</span>
</li>
<li>
<span><b>2) 총 받으실 금액 : 6,000원</b></span>
i) 환불 금액 6,000원
<span class="bu">i) 환불 금액 6,000원</span>
</li>
</ul>
</div>
@@ -211,13 +216,14 @@
</li>
</ul>
</div>
<!--// [무약정 즉시 해지](결제 7일 이내) -->
<div class="carswBtn">
<div class="towButton">
<a href="" id="alertCancel" class="cartBtn leftBtn">
<p>계속 구독하기</p>
<p>취소</p>
</a>
<a href="" id="alertCancelPremiumReservation" class="PurchaseBtn rightBtn">
<p>구독 해지</p>
<p>신청</p>
</a>
</div>
</div>
@@ -226,112 +232,73 @@
<div class="popInner">
<div class="content">
<!-- [무약정 즉시 해지](결제 7일 초과) -->
<strong class="alertMessage">
<em>즉시 해지(결제 7일 이내)</em>
스트리밍 프리미엄 약정 사양 구독을 해지 하시겠습니까?
<em>즉시 해지(결제 7일 초과)</em>
스트리밍 프리미엄 약정 사양<br />
구독을 해지 하시겠습니까?
</strong>
<!-- [즉시 해지] (결제 7일 초과) -->
<div class="alertSubMessage">
<ul>
<li>∙ 구독을 해지하시면 차량에서 해당 사양의 이용이 중지됩니다.</li>
<li>
∙ 해지 시 과금/환불 비용 구분<br />
<span class="bu">∙ 구독을 해지하시면 차량에서 해당 사양의 이용이 중지됩니다.</span>
</li>
<li>
<span class="bu">∙ 해지 시 과금/환불 비용 구분</span>
<ul>
<li>
<span>가) 차량용 webOS 콘텐츠 플랫폼</span>
∙ 납부하신 당월 결제 금액은 일할 계산되어 환불 처리 됩니다.<br />
∙ 총 납부하실 금액은 구독 해지 즉시 결제 진행됩니다.
</li>
<li>
<span>나) 스트리밍 프리미엄 데이터 요금제</span>
통신사 정책에 따라 사후 일할 계산됩니다. (문의 : 기아 커넥트 센터 1899-2121)
<strong>가) 차량용 webOS 콘텐츠 플랫폼</strong>
<span class="bu">∙ 납부하신 당월 결제 금액은 일할 계산되어 환불 처리 됩니다</span>
<span class="bu">∙ 총 납부하실 금액은 구독 해지 즉시 결제 진행됩니다.</span>
<div class="amount-box">
<div class="totalRefund">
<div class="plus"><b>총 받으실 금액 :</b> <span class="amount">6,000원</span></div>
<div class="minus"><b>총 납부하실 금액 :</b> <span class="amount">0원</span></div>
</div>
<div class="totalRefund-detail dt2">
<ul>
<li>
<span
><b>1) 환불 금액 : 6,000원</b>
<br class="br-m" />
(잔여 이용 기간에 대하여 돌려받으실 환불 금액 )</span
>
<span class="bu">i) 일할 계산 환불 금액: 월 요금 - (월 요금 * (사용일수/결제월 총일수의 반올림))</span>
<span class="total">→ 총 받으실 금액 : <em>5,000원</em></span>
</li>
</ul>
</div>
<button type="button" class="btn-detail" onclick="slideToggle(this,'.dt2')"><em>비용 상세보기</em></button>
</div>
</li>
</ul>
</li>
</ul>
<div class="totalRefund radioArea">
<b>총 받으실 금액 : <span class="minusPriceInfo">2,000</span></b>
</div>
<ul>
<li>
차량용 webOS 콘텐츠 플랫폼 비용 상세 사항
<ul>
<li>
<span><b>a) 환불 금액 : 5,000원</b> (잔여 이용 기간에 대하여 돌려받으실 환불 금액 )</span>
i) 일할 계산 환불 금액: 월 요금 - (월 요금 * (사용일수/결제월 총일수의 반올림))
</li>
<li>
<span><b>b) 중도 해지 납부 금액 : 3,000원</b> (약정 사양 중도 해지로 인한 납부 금액) </span>
i) 할인 반환금 : 1,000원 (할인 받으셨던 기간 동안의 해택 반환금) <br />
ii)중도해지 위약금 : 0원 (약정 기간 종료 전 해지로 인한 위약금)<br />
</li>
<li>
<span><b>c) 총 받으실 금액 : 2,000원</b></span>
i) 환불 금액 5,000원 - 중도 해지 납부 금액 3,000원
<strong>) 스트리밍 프리미엄 데이터 요금제</strong>
<span>
통신사 정책에 따라 사후 일할 계산됩니다.
<br class="br-m" />(문의 : 기아 커넥트 센터 1899-2121)
</span>
</li>
</ul>
</li>
</ul>
</div>
<!--// [즉시 해지] (결제 7일 초과) -->
<!-- [예약 해지] (다음 회차 정기결제 시점 해지) -->
<!-- <div class="alertSubMessage">
<ul>
<li>
∙ 디지털 사양 구독 해지를 예약하시면 다음 회차 정기 결제 일에 해지되며 차량에서 해당 사양의 이용이 중지됩니다.<br />
(2024.10.26 구독해지 예정)
</li>
<li>
∙ 해지 시 과금/환불 비용 구분<br />
<ul>
<li>
<span>가) 차량용 webOS 콘텐츠 플랫폼</span>
∙ 다음 회차 정기 결제 일에 해지되며 환불받으실 금액은 없습니다.<br />
∙ 총 납부하실 금액은 구독 해지 예약 신청 즉시 결제 진행됩니다.
</li>
<li>
<span>나) 스트리밍 프리미엄 데이터 요금제</span>
통신사 정책에 따라 사후 일할 계산됩니다. (문의 : 기아 커넥트 센터 1899-2121)
</li>
</ul>
</li>
</ul>
<div class="totalRefund radioArea">
<b>총 납부하실 금액 : <span class="minusPriceInfo">15,000</span>원</b>
</div>
<ul>
<li>
차량용 webOS 콘텐츠 플랫폼 비용 상세 사항
<ul>
<li>
<span><b>a) 환불 금액 : 0원</b> (잔여 이용 기간에 대하여 돌려받으실 환불 금액 )</span>
i) 일할 계산 : 다음 회차 정기 결제일에 해지되어 일할 계산할 금액이 없습니다.
</li>
<li>
<span><b>b) 중도 해지 납부 금액 : 30,000원</b> (약정 사양 중도 해지로 인한 납부 금액) </span>
i) 할인 반환금 : 15,000원 (할인 받으셨던 기간 동안의 해택 반환금)<br />
ii)중도해지 위약금 : 15,000원 (약정 기간 종료 전 해지로 인한 위약금)
</li>
<li>
<span><b>c) 총 납부하실 금액 : 15,000원</b></span>
i) 환불 금액 15,000원 - 중도 해지 납부 금액 30,000원
</li>
</ul>
</li>
</ul>
</div> -->
<!--// [예약 해지] (다음 회차 정기결제 시점 해지) -->
<!--// [무약정 즉시 해지](결제 7일 초과) -->
<div class="carswBtn">
<div class="towButton">
<a href="" id="alertCancel" class="cartBtn leftBtn">
<p>계속 구독하기</p>
<p>취소</p>
</a>
<a href="" id="alertCancelPremiumReservation" class="PurchaseBtn rightBtn">
<p>구독 해지</p>
<p>신청</p>
</a>
</div>
</div>
@@ -340,66 +307,322 @@
<div class="popInner">
<div class="content">
<!-- [무약정 예약 해지] (다음 회차 정기결제 시점 해지) -->
<strong class="alertMessage">
<em>즉시 해지(결제 7일 이내)</em>
스트리밍 프리미엄 약정 사양 구독을 해지 하시겠습니까?
<em>예약 해지(다음 회차 정기결제 시점 해지)</em>
스트리밍 프리미엄 약정 사양<br />
구독해지를 예약 하시겠습니까?
</strong>
<!-- [예약 해지] (다음 회차 정기결제 시점 해지) -->
<div class="alertSubMessage">
<ul>
<li>
∙ 디지털 사양 구독 해지를 예약하시면 다음 회차 정기 결제 일에 해지되며 차량에서 해당 사양의 이용이 중지됩니다.<br />
(2024.10.26 구독해지 예정)
<span class="bu">
∙ 디지털 사양 구독 해지약하시면 다음 회차 정기 결제 일에 해지되며 차량에서 해당 사양의 이용이 중지됩니다.<br />
<em class="red">(2024.10.26 구독해지 예정)</em>
</span>
</li>
<li>
∙ 해지 시 과금/환불 비용 구분<br />
<span class="bu">∙ 해지 시 과금/환불 비용 구분</span>
<ul>
<li>
<span>가) 차량용 webOS 콘텐츠 플랫폼</span>
∙ 다음 회차 정기 결제 일에 해지되며 환불받으실 금액은 없습니다.<br />
∙ 총 납부하실 금액은 구독 해지 예약 신청 즉시 결제 진행됩니다.
</li>
<li>
<span>나) 스트리밍 프리미엄 데이터 요금제</span>
통신사 정책에 따라 사후 일할 계산됩니다. (문의 : 기아 커넥트 센터 1899-2121)
<strong>가) 차량용 webOS 콘텐츠 플랫폼</strong>
<span class="bu"> ∙ 다음 회차 정기 결제 일에 해지가 되므로, 환불/납부하실 금액은 금액은 없습니다.</span>
<div class="amount-box">
<div class="totalRefund">
<div class="plus"><b>총 받으실 금액 :</b> <span class="amount">0원</span></div>
<div class="minus"><b>총 납부하실 금액 :</b> <span class="amount">0원</span></div>
</div>
<div class="totalRefund-detail dt3">
<ul>
<li>
<span
><b>1) 환불 금액 : 0원</b>
<br class="br-m" />
(잔여 이용 기간에 대하여 돌려받으실 환불 금액 )</span
>
<span class="bu">i) 일할 계산 : 다음 회차 정기 결제일에 해지되어 일할 계산할 금액이 없습니다.</span>
<span class="total minus">→ 총 납부하실 금액 : <em>0원</em></span>
</li>
</ul>
</div>
<button type="button" class="btn-detail" onclick="slideToggle(this,'.dt3')"><em>비용 상세보기</em></button>
</div>
</li>
</ul>
</li>
</ul>
<div class="totalRefund radioArea">
<b>총 납부하실 금액 : <span class="minusPriceInfo">15,000</span></b>
</div>
<ul>
<li>
차량용 webOS 콘텐츠 플랫폼 비용 상세 사항
<ul>
<li>
<span><b>a) 환불 금액 : 0원</b> (잔여 이용 기간에 대하여 돌려받으실 환불 금액 )</span>
i) 일할 계산 : 다음 회차 정기 결제일에 해지되어 일할 계산할 금액이 없습니다.
</li>
<li>
<span><b>b) 중도 해지 납부 금액 : 30,000원</b> (약정 사양 중도 해지로 인한 납부 금액) </span>
i) 할인 반환금 : 15,000원 (할인 받으셨던 기간 동안의 해택 반환금)<br />
ii)중도해지 위약금 : 15,000원 (약정 기간 종료 전 해지로 인한 위약금)
</li>
<li>
<span><b>c) 총 납부하실 금액 : 15,000원</b></span>
i) 환불 금액 15,000원 - 중도 해지 납부 금액 30,000원
<strong>나) 스트리밍 프리미엄 데이터 요금제</strong>
<span>
통신사 정책에 따라 사후 일할 계산됩니다.
<br class="br-m" />(문의 : 기아 커넥트 센터 1899-2121)
</span>
</li>
</ul>
</li>
</ul>
</div>
<!--// [예약 해지] (다음 회차 정기결제 시점 해지) -->
<!--// [무약정 예약 해지] (다음 회차 정기결제 시점 해지) -->
<div class="carswBtn">
<div class="towButton">
<a href="" id="alertCancel" class="cartBtn leftBtn">
<p>계속 구독하기</p>
<p>취소</p>
</a>
<a href="" id="alertCancelPremiumReservation" class="PurchaseBtn rightBtn">
<p>구독 해지</p>
<p>신청</p>
</a>
</div>
</div>
</div>
</div>
<div class="popInner">
<div class="content">
<!-- [약정 즉시 해지](결제 7일 이내) -->
<strong class="alertMessage">
<em>즉시 해지(결제 7일 이내)</em>
스트리밍 프리미엄 약정 사양<br />
구독을 해지 하시겠습니까?
</strong>
<div class="alertSubMessage">
<ul>
<li>
<span class="bu">∙ 구독을 해지하시면 차량에서 해당 사양의 이용이 중지됩니다.</span>
</li>
<li>
<span class="bu">∙ 해지 시 과금/환불 비용 구분</span>
<ul>
<li>
<strong>가) 차량용 webOS 콘텐츠 플랫폼</strong>
<span>가입일로부터 7일 이내에 환불 요청 시, <br class="br-m" />전체 환불 처리 됩니다.</span>
<div class="amount-box">
<div class="totalRefund">
<div class="plus"><b>총 받으실 금액 :</b> <span class="amount">6,000원</span></div>
<div class="minus"><b>총 납부하실 금액 :</b> <span class="amount">0원</span></div>
</div>
<div class="totalRefund-detail dt4">
<ul>
<li>
<span><b>1) 환불 금액 : 6,000원</b> (잔여 이용 기간에 대하여 돌려받으실 환불 금액 )</span>
<span class="bu black">i) 일할 계산 : 7일 이내 전체 환불</span>
</li>
<li>
<span><b>2) 중도 해지 납부 금액 : 0원</b> (약정 사양 중도 해지로 인한 납부 금액)</span>
<span class="bu black">i) 할인 반환금 : 0원</span>
<span class="bu black">ii) 중도해지 위약금 : 0원 <em>(약정 기간 종료 전 해지로 인한 위약금)</em></span>
</li>
<li>
<span
><b>2) 총 받으실 금액 : <em class="green">6,000원</em>(원단위 절사)</b></span
>
<span class="bu black">i) 환불 금액 6,000원 - 중도 해지 납부 금액 0원</span>
</li>
</ul>
</div>
<button type="button" class="btn-detail" onclick="slideToggle(this,'.dt4')"><em>비용 상세보기</em></button>
</div>
</li>
</ul>
</li>
</ul>
<ul>
<li>
<ul>
<li>
<strong>나) 스트리밍 프리미엄 데이터 요금제</strong>
<span>
통신사 정책에 따라 사후 일할 계산됩니다.<br class="br-m" />
(문의 : 기아 커넥트 센터 1899-2121)
</span>
</li>
</ul>
</li>
</ul>
</div>
<!--// [약정 즉시 해지](결제 7일 이내) -->
<div class="carswBtn">
<div class="towButton">
<a href="" id="alertCancel" class="cartBtn leftBtn">
<p>취소</p>
</a>
<a href="" id="alertCancelPremiumReservation" class="PurchaseBtn rightBtn">
<p>신청</p>
</a>
</div>
</div>
</div>
</div>
<div class="popInner">
<div class="content">
<!-- [약정 즉시 해지](결제 7일 초과) -->
<strong class="alertMessage">
<em>즉시 해지(결제 7일 초과)</em>
스트리밍 프리미엄 약정 사양<br />
구독을 해지 하시겠습니까?
</strong>
<div class="alertSubMessage">
<ul>
<li>
<span class="bu">∙ 구독을 해지하시면 차량에서 해당 사양의 이용이 중지됩니다.</span>
</li>
<li>
<span class="bu">∙ 해지 시 과금/환불 비용 구분</span>
<ul>
<li>
<strong>가) 차량용 webOS 콘텐츠 플랫폼</strong>
<span class="bu">∙ 납부하신 당월 결제 금액은 일할 계산되어 환불 처리 됩니다</span>
<span class="bu">∙ 총 납부하실 금액은 구독 해지 즉시 결제 진행됩니다.</span>
<div class="amount-box">
<div class="totalRefund">
<div class="plus"><b>총 받으실 금액 :</b> <span class="amount">2,000원</span></div>
<div class="minus"><b>총 납부하실 금액 :</b> <span class="amount">0원</span></div>
</div>
<div class="totalRefund-detail dt5">
<ul>
<li>
<span><b>1) 환불 금액 : 5,000원</b> (잔여 이용 기간에 대하여 돌려받으실 환불 금액 )</span>
<span class="bu black">
i) 일할 계산 환불 금액: <br />
월 요금 - (월 요금 * (사용일수/결제월 총일수의 반올림))
</span>
</li>
<li>
<span><b>2) 중도 해지 납부 금액 : 3,000원</b> (약정 사양 중도 해지로 인한 납부 금액)</span>
<span class="bu black">i) 할인 반환금 : 1,000원 <em>(할인 받으셨던 기간 동안의 해택 반환금)</em></span>
<span class="bu black">ii) 중도해지 위약금 : 2,000원 <em>(약정 기간 종료 전 해지로 인한 위약금)</em></span>
</li>
<li>
<span
><b>2) 총 받으실 금액 : <em class="green">2,000원</em> (원단위 절사)</b></span
>
<span class="bu black">i) 환불 금액 5,000원 - 중도 해지 납부 금액 3,000원</span>
</li>
</ul>
</div>
<button type="button" class="btn-detail" onclick="slideToggle(this,'.dt5')"><em>비용 상세보기</em></button>
</div>
</li>
</ul>
</li>
</ul>
<ul>
<li>
<ul>
<li>
<strong>나) 스트리밍 프리미엄 데이터 요금제</strong>
<span>
통신사 정책에 따라 사후 일할 계산됩니다.
<br class="br-m" />(문의 : 기아 커넥트 센터 1899-2121)
</span>
</li>
</ul>
</li>
</ul>
</div>
<!--// [약정 즉시 해지](결제 7일 초과) -->
<div class="carswBtn">
<div class="towButton">
<a href="" id="alertCancel" class="cartBtn leftBtn">
<p>취소</p>
</a>
<a href="" id="alertCancelPremiumReservation" class="PurchaseBtn rightBtn">
<p>신청</p>
</a>
</div>
</div>
</div>
</div>
<div class="popInner">
<div class="content">
<!-- [약정 예약 해지] (다음 회차 정기결제 시점 해지) -->
<strong class="alertMessage">
<em>예약 해지(다음 회차 정기결제 시점 해지)</em>
스트리밍 프리미엄 약정 사양<br />
구독해지를 예약 하시겠습니까?
</strong>
<div class="alertSubMessage">
<ul>
<li>
<span class="bu">
∙ 디지털 사양 구독 해지를 예약하시면 다음 회차 정기 결제 일에 해지되며 차량에서 해당 사양의 이용이 중지됩니다.<br />
<em class="red">(2024.10.26 구독해지 예정)</em>
</span>
</li>
<li>
<span class="bu">∙ 해지 시 과금/환불 비용 구분</span>
<ul>
<li>
<strong>가) 차량용 webOS 콘텐츠 플랫폼</strong>
<span class="bu"> ∙ 다음 회차 정기 결제 일에 해지되며 환불 받으실 금액은 없습니다.</span>
<span class="bu">∙ 총 납부하실 금액은 구독 해지 예약 신청 즉시 결제 진행됩니다</span>
<div class="amount-box">
<div class="totalRefund">
<div class="plus"><b>총 받으실 금액 :</b> <span class="amount">2,000원</span></div>
<div class="minus"><b>총 납부하실 금액 :</b> <span class="amount">15,000원</span></div>
</div>
<div class="totalRefund-detail dt6">
<ul>
<li>
<span><b>1) 환불 금액 : 0원</b> (잔여 이용 기간에 대하여 돌려받으실 환불 금액 )</span>
<span class="bu black">i) 일할 계산 : 다음 회차 정기 결제일에 해지되어 일할 계산할 금액이 없습니다.</span>
</li>
<li>
<span><b>2) 중도 해지 납부 금액 : 30,000원</b> (약정 사양 중도 해지로 인한 납부 금액)</span>
<span class="bu black">i) 할인 반환금 : 15,000원 <em>(할인 받으셨던 기간 동안의 해택 반환금)</em></span>
<span class="bu black">ii) 중도해지 위약금 : 15,000원 <em>(약정 기간 종료 전 해지로 인한 위약금)</em></span>
</li>
<li>
<span
><b>2) 총 납부하실 금액 : <em class="red">15,000원</em> (원단위 절사)</b></span
>
<span class="bu black">i) 환불 금액 5,000원 - 중도 해지 납부 금액 3,000원</span>
</li>
</ul>
</div>
<button type="button" class="btn-detail" onclick="slideToggle(this,'.dt6')"><em>비용 상세보기</em></button>
</div>
</li>
</ul>
</li>
</ul>
<ul>
<li>
<ul>
<li>
<strong>나) 스트리밍 프리미엄 데이터 요금제</strong>
<span>
통신사 정책에 따라 사후 일할 계산됩니다.
<br class="br-m" />(문의 : 기아 커넥트 센터 1899-2121)
</span>
</li>
</ul>
</li>
</ul>
</div>
<!--// [약정 예약 해지] (다음 회차 정기결제 시점 해지) -->
<div class="carswBtn">
<div class="towButton">
<a href="" id="alertCancel" class="cartBtn leftBtn">
<p>취소</p>
</a>
<a href="" id="alertCancelPremiumReservation" class="PurchaseBtn rightBtn">
<p>신청</p>
</a>
</div>
</div>