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

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

@@ -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>