스트리밍프리미엄 PDP 정보고시 테이블 수정 완료
This commit is contained in:
@@ -3546,4 +3546,48 @@
|
||||
height: 48rem;
|
||||
}
|
||||
}
|
||||
|
||||
.disclaimerWrap .disclaimerList .item .contents .indent {
|
||||
display: block;
|
||||
padding-left: 1.25rem;
|
||||
}
|
||||
|
||||
.refund-area {
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
.refund-area .btn-fold {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #676767;
|
||||
cursor: pointer;
|
||||
}
|
||||
.refund-area .btn-fold em {
|
||||
margin-left: 0.4rem;
|
||||
font-size: 1rem;
|
||||
transform: rotate(0);
|
||||
transform-origin: center center;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
.refund-area .btn-fold.fold em {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.refund-area .dtl {
|
||||
display: none;
|
||||
padding: 0.5rem 1.05rem;
|
||||
}
|
||||
.refund-area .dtl p {
|
||||
margin-top: 0;
|
||||
}
|
||||
.refund-area .dtl .text_area {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.refund-area .dtl .table-area {
|
||||
margin-bottom: 0.5rem !important;
|
||||
}
|
||||
.refund-area .dtl .tbl-dtl tr:nth-of-type(odd) td {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
/*# sourceMappingURL=pdp_detail.css.map */
|
||||
File diff suppressed because one or more lines are too long
@@ -1561,7 +1561,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.btn-select.on+.list-member {
|
||||
.btn-select.on + .list-member {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -1832,7 +1832,7 @@
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
>p {
|
||||
> p {
|
||||
position: relative;
|
||||
width: 93%;
|
||||
|
||||
@@ -1908,7 +1908,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
dt.active+dd {
|
||||
dt.active + dd {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -2040,7 +2040,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
button+button {
|
||||
button + button {
|
||||
margin-top: 1rem;
|
||||
|
||||
@include tablet {
|
||||
@@ -2052,7 +2052,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
>.dd-padding {
|
||||
> .dd-padding {
|
||||
padding-left: 6.5rem;
|
||||
}
|
||||
}
|
||||
@@ -2073,9 +2073,10 @@
|
||||
content: none;
|
||||
}
|
||||
|
||||
&:hover {}
|
||||
&:hover {
|
||||
}
|
||||
|
||||
>p {
|
||||
> p {
|
||||
span {
|
||||
color: #9ea1a2;
|
||||
}
|
||||
@@ -2083,7 +2084,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
dl+dl {
|
||||
dl + dl {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
@@ -2303,7 +2304,6 @@
|
||||
}
|
||||
|
||||
@include maxtablet {
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
display: none;
|
||||
@@ -2372,7 +2372,6 @@
|
||||
// height: 10rem;
|
||||
.comp_body {
|
||||
.text_area {
|
||||
|
||||
// display: flex;
|
||||
h3 {
|
||||
font-size: 3rem;
|
||||
@@ -2383,7 +2382,7 @@
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
>* {
|
||||
> * {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
@@ -2459,7 +2458,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
&+.item {
|
||||
& + .item {
|
||||
margin-top: 8rem;
|
||||
|
||||
@include maxtablet {
|
||||
@@ -2473,7 +2472,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
&+.comp_1x_b_v_s_b {
|
||||
& + .comp_1x_b_v_s_b {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
margin-top: 0;
|
||||
@@ -2499,7 +2498,7 @@
|
||||
margin-top: 8rem;
|
||||
|
||||
.comp_body {
|
||||
&+.comp_body {
|
||||
& + .comp_body {
|
||||
margin-top: 10rem;
|
||||
}
|
||||
|
||||
@@ -2516,7 +2515,7 @@
|
||||
|
||||
.displayThemeDtl {
|
||||
.swiper-navigation {
|
||||
>* {
|
||||
> * {
|
||||
top: 210px;
|
||||
left: -65px;
|
||||
width: 5rem;
|
||||
@@ -2751,7 +2750,6 @@
|
||||
}
|
||||
|
||||
@include maxtablet {
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
display: none;
|
||||
@@ -2822,13 +2820,12 @@
|
||||
|
||||
.comp_body {
|
||||
.text_area {
|
||||
|
||||
// display: flex;
|
||||
h3 {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
>* {
|
||||
> * {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
@@ -2897,7 +2894,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
&+.item {
|
||||
& + .item {
|
||||
margin-top: 8rem;
|
||||
|
||||
@include maxtablet {
|
||||
@@ -2911,7 +2908,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
&+.comp_1x_b_v_s_b {
|
||||
& + .comp_1x_b_v_s_b {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
margin-top: 2rem;
|
||||
@@ -3184,7 +3181,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type="checkbox"]+label {
|
||||
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type="checkbox"] + label {
|
||||
height: auto;
|
||||
padding: 2rem 2rem 2rem 0;
|
||||
|
||||
@@ -3376,13 +3373,12 @@
|
||||
// }
|
||||
.comp_body {
|
||||
.text_area {
|
||||
|
||||
// display: flex;
|
||||
h3 {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
>* {
|
||||
> * {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
@@ -3412,7 +3408,7 @@
|
||||
|
||||
.comp_wide {
|
||||
&.title-only {
|
||||
&+.comp_wide {
|
||||
& + .comp_wide {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
}
|
||||
@@ -3660,7 +3656,6 @@
|
||||
}
|
||||
|
||||
&.paused {
|
||||
|
||||
.btn-play,
|
||||
.btn-sound {
|
||||
display: block !important;
|
||||
@@ -3792,7 +3787,6 @@
|
||||
}
|
||||
|
||||
&.playing {
|
||||
|
||||
.comp_body.layer_up,
|
||||
.thumb-swiper,
|
||||
.pdpInCarGameSwiper,
|
||||
@@ -3933,7 +3927,7 @@
|
||||
|
||||
.pdpDtl {
|
||||
.swiper-navigation {
|
||||
>* {
|
||||
> * {
|
||||
top: 210px;
|
||||
left: -65px;
|
||||
width: 5rem;
|
||||
@@ -3986,7 +3980,8 @@
|
||||
}
|
||||
|
||||
.scroll_area {
|
||||
@include maxtablet {}
|
||||
@include maxtablet {
|
||||
}
|
||||
|
||||
.web {
|
||||
display: block;
|
||||
@@ -4044,4 +4039,61 @@
|
||||
height: 48rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.disclaimerWrap {
|
||||
.disclaimerList {
|
||||
.item {
|
||||
.contents {
|
||||
.indent {
|
||||
display: block;
|
||||
padding-left: 1.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.refund-area {
|
||||
margin-bottom: 0.8rem;
|
||||
.btn-fold {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #676767;
|
||||
cursor: pointer;
|
||||
em {
|
||||
margin-left: 0.4rem;
|
||||
font-size: 1rem;
|
||||
transform: rotate(0);
|
||||
transform-origin: center center;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
&.fold {
|
||||
em {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
.dtl {
|
||||
display: none;
|
||||
padding: 0.5rem 1.05rem;
|
||||
p {
|
||||
margin-top: 0;
|
||||
}
|
||||
.text_area {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.table-area {
|
||||
margin-bottom: 0.5rem !important;
|
||||
}
|
||||
.tbl-dtl {
|
||||
tr:nth-of-type(odd) {
|
||||
td {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
1761
assets/js/common.js
1761
assets/js/common.js
File diff suppressed because it is too large
Load Diff
@@ -587,7 +587,113 @@
|
||||
<ul class="contents">
|
||||
<li>본 상품은 차량용 WebOS 콘텐츠 플랫폼 상품과 스트리밍 프리미엄 데이터 요금제를 결합한 상품으로, 실제 청구 시 각 요금은 분할되어 청구됩니다.</li>
|
||||
<li>최초 가입 후 7일 이내에는 구매 취소가 가능하며, 데이터 사용분에 대해서는 사용료가 일할 청구됩니다.</li>
|
||||
<li>약정 상품 중도 해지 시 위약금과 할인 반환금이 발생 할 수 있습니다.</li>
|
||||
<li>
|
||||
약정 사양 중도 해지 시 위약금과 할인 반환금이 발생 할 수 있습니다.<br /><br />
|
||||
- 할인반환금은 가입기간에 따라 반환율을 차등 적용하여 누적 합산 한다<br />
|
||||
<span class="indent">
|
||||
① 약정형 상품 가입 후 3개월 이하: 누적할인액 X 100%<br />
|
||||
② 약정형 상품 가입 후 4개월 이상 9개월 이하: 누적할인액 X 50%<br />
|
||||
③ 약정형 상품 가입 후 10개월 이상 12개월 이하: 누적할인액 X 0%<br />
|
||||
</span>
|
||||
<br />
|
||||
- 위약금<br />
|
||||
<span class="indent">(약정형 서비스요금 x 잔여개월 수 x 10%) + [(약정형 서비스 요금 x (잔여일수/마지막 결제 주기 총일수) x 10%]</span>
|
||||
<br />
|
||||
<div class="refund-area">
|
||||
- <span class="btn-fold">중도 해지시 납부 금액 안내 <em>▲</em></span>
|
||||
<br />
|
||||
<div class="dtl">
|
||||
<div class="refund-table">
|
||||
<div class="text_area">
|
||||
<p>고객님의 이해를 돕기 위해 예시된 표이며, 해지 시점에 따라 실제 발생하는 금액은 상이 할 수 있습니다.</p>
|
||||
<div class="index">(단위: 개월, 원)</div>
|
||||
</div>
|
||||
<div class="table-area">
|
||||
<div class="tbl-dtl">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>이용 개월수</th>
|
||||
<th>할인 반환금</th>
|
||||
<th>위약금</th>
|
||||
<th>합계</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>13,000</td>
|
||||
<td>6,600</td>
|
||||
<td>19,600</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>26,000</td>
|
||||
<td>6,000</td>
|
||||
<td>32,000</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>39,000</td>
|
||||
<td>5,400</td>
|
||||
<td>44,400</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
<td>45,500</td>
|
||||
<td>4,800</td>
|
||||
<td>50,300</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
<td>52,000</td>
|
||||
<td>4,200</td>
|
||||
<td>56,200</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>6</td>
|
||||
<td>58,500</td>
|
||||
<td>3,600</td>
|
||||
<td>62,100</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>7</td>
|
||||
<td>65,000</td>
|
||||
<td>3,000</td>
|
||||
<td>68,000</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>8</td>
|
||||
<td>71,500</td>
|
||||
<td>2,400</td>
|
||||
<td>73,900</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>9</td>
|
||||
<td>78,000</td>
|
||||
<td>1,800</td>
|
||||
<td>79,800</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>10</td>
|
||||
<td>78,000</td>
|
||||
<td>1,200</td>
|
||||
<td>79,200</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>11</td>
|
||||
<td>78,000</td>
|
||||
<td>600</td>
|
||||
<td>78,600</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
차량용 WebOS 콘텐츠 플랫폼 상품에 대한 자세한 약관은 아래 링크에서 확인하실 수 있습니다.<br />
|
||||
<a href="#" target="_blank" style="text-decoration: underline">- 차량용webOS 콘텐츠 플랫폼 이용약관(KT)</a>
|
||||
@@ -595,96 +701,6 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="refund-table">
|
||||
<div class="text_area">
|
||||
<h5>중도 해지시 납부 금액 안내</h5>
|
||||
<p>고객님의 이해를 돕기 위해 예시된 표이며, 해지 시점에 따라 실제 발생하는 금액은 상이 할 수 있습니다.</p>
|
||||
</div>
|
||||
<div class="table-area">
|
||||
<div class="index">(단위: 개월, 원)</div>
|
||||
<div class="tbl-dtl">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>이용 개월수</th>
|
||||
<th>할인 반환금</th>
|
||||
<th>위약금</th>
|
||||
<th>합계</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>13,000</td>
|
||||
<td>6,600</td>
|
||||
<td>19,600</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>26,000</td>
|
||||
<td>6,000</td>
|
||||
<td>32,000</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>39,000</td>
|
||||
<td>5,400</td>
|
||||
<td>44,400</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
<td>45,500</td>
|
||||
<td>4,800</td>
|
||||
<td>50,300</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
<td>52,000</td>
|
||||
<td>4,200</td>
|
||||
<td>56,200</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>6</td>
|
||||
<td>58,500</td>
|
||||
<td>3,600</td>
|
||||
<td>62,100</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>7</td>
|
||||
<td>65,000</td>
|
||||
<td>3,000</td>
|
||||
<td>68,000</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>8</td>
|
||||
<td>71,500</td>
|
||||
<td>2,400</td>
|
||||
<td>73,900</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>9</td>
|
||||
<td>78,000</td>
|
||||
<td>1,800</td>
|
||||
<td>79,800</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>10</td>
|
||||
<td>78,000</td>
|
||||
<td>1,200</td>
|
||||
<td>79,200</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>11</td>
|
||||
<td>78,000</td>
|
||||
<td>600</td>
|
||||
<td>78,600</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- [E]관리자에서 에디터로 등록되는 영역입니다. -->
|
||||
|
||||
Reference in New Issue
Block a user