gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

스프 - 정보고시 수정완료

Browse Source
This commit is contained in:
hyeonggil
2024-10-24 16:04:35 +09:00
parent a0ed9d504c
commit 1066e5d7b5
4 changed files with 63 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
assets/css/pdp_detail.css
View File

@@ -1350,6 +1350,8 @@
}
.disclaimerArea .disclaimerInner .disclaimerList .item .contents li a {
color: #676767;
text-decoration: none !important;
border-bottom: 1px solid #676767;
}
.reviewArea {
@@ -3001,6 +3003,11 @@
vertical-align: middle;
text-align: center;
}
@media (max-width: 768px) {
.streamingPremium.comp_wide .comp_body .table-area table th {
font-size: 1.4rem;
}
}
.streamingPremium.comp_wide .comp_body .table-area table tbody {
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
@@ -3553,7 +3560,7 @@
}
.refund-area {
margin-bottom: 0.8rem;
margin-bottom: 1.6rem;
}
.refund-area .btn-fold {
display: inline-flex;
@@ -3564,16 +3571,16 @@
.refund-area .btn-fold em {
margin-left: 0.4rem;
font-size: 1rem;
transform: rotate(0);
transform: rotate(180deg);
transform-origin: center center;
transition: all 0.2s ease;
}
.refund-area .btn-fold.fold em {
transform: rotate(180deg);
transform: rotate(0);
}
.refund-area .dtl {
display: none;
padding: 0.5rem 1.05rem;
padding: 1rem 1.05rem;
}
.refund-area .dtl p {
margin-top: 0;

2
assets/css/pdp_detail.css.map
View File

File diff suppressed because one or more lines are too long

76
assets/css/pdp_detail.scss
View File

@@ -1452,6 +1452,8 @@
a {
color: #676767;
text-decoration: none !important;
border-bottom: 1px solid #676767;
}
}
}
@@ -1561,7 +1563,7 @@
}
}
.btn-select.on + .list-member {
.btn-select.on+.list-member {
display: block;
}
@@ -1832,7 +1834,7 @@
font-size: 1.8rem;
}
> p {
>p {
position: relative;
width: 93%;
@@ -1908,7 +1910,7 @@
}
}
dt.active + dd {
dt.active+dd {
display: block;
}
@@ -2040,7 +2042,7 @@
}
}
button + button {
button+button {
margin-top: 1rem;
@include tablet {
@@ -2052,7 +2054,7 @@
}
}
> .dd-padding {
>.dd-padding {
padding-left: 6.5rem;
}
}
@@ -2073,10 +2075,9 @@
content: none;
}
&:hover {
}
&:hover {}
> p {
>p {
span {
color: #9ea1a2;
}
@@ -2084,7 +2085,7 @@
}
}
dl + dl {
dl+dl {
margin-top: 1rem;
}
}
@@ -2304,6 +2305,7 @@
}
@include maxtablet {
&:before,
&:after {
display: none;
@@ -2372,6 +2374,7 @@
// height: 10rem;
.comp_body {
.text_area {
// display: flex;
h3 {
font-size: 3rem;
@@ -2382,7 +2385,7 @@
font-size: 1.6rem;
}
> * {
>* {
flex: 1;
}
}
@@ -2458,7 +2461,7 @@
}
}
& + .item {
&+.item {
margin-top: 8rem;
@include maxtablet {
@@ -2472,7 +2475,7 @@
}
}
& + .comp_1x_b_v_s_b {
&+.comp_1x_b_v_s_b {
position: relative;
z-index: 2;
margin-top: 0;
@@ -2498,7 +2501,7 @@
margin-top: 8rem;
.comp_body {
& + .comp_body {
&+.comp_body {
margin-top: 10rem;
}
@@ -2515,7 +2518,7 @@
.displayThemeDtl {
.swiper-navigation {
> * {
>* {
top: 210px;
left: -65px;
width: 5rem;
@@ -2750,6 +2753,7 @@
}
@include maxtablet {
&:before,
&:after {
display: none;
@@ -2820,12 +2824,13 @@
.comp_body {
.text_area {
// display: flex;
h3 {
margin-bottom: 2rem;
}
> * {
>* {
flex: 1;
}
}
@@ -2894,7 +2899,7 @@
}
}
& + .item {
&+.item {
margin-top: 8rem;
@include maxtablet {
@@ -2908,7 +2913,7 @@
}
}
& + .comp_1x_b_v_s_b {
&+.comp_1x_b_v_s_b {
position: relative;
z-index: 2;
margin-top: 2rem;
@@ -3181,7 +3186,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;
@@ -3340,6 +3345,10 @@
font-weight: 600;
vertical-align: middle;
text-align: center;
@include maxtablet {
font-size: 1.4rem;
}
}
tbody {
@@ -3373,12 +3382,13 @@
// }
.comp_body {
.text_area {
// display: flex;
h3 {
margin-bottom: 2rem;
}
> * {
>* {
flex: 1;
}
}
@@ -3408,7 +3418,7 @@
.comp_wide {
&.title-only {
& + .comp_wide {
&+.comp_wide {
margin-top: 4rem;
}
}
@@ -3656,6 +3666,7 @@
}
&.paused {
.btn-play,
.btn-sound {
display: block !important;
@@ -3787,6 +3798,7 @@
}
&.playing {
.comp_body.layer_up,
.thumb-swiper,
.pdpInCarGameSwiper,
@@ -3927,7 +3939,7 @@
.pdpDtl {
.swiper-navigation {
> * {
>* {
top: 210px;
left: -65px;
width: 5rem;
@@ -3980,8 +3992,7 @@
}
.scroll_area {
@include maxtablet {
}
@include maxtablet {}
.web {
display: block;
@@ -4053,41 +4064,50 @@
}
}
}
.refund-area {
margin-bottom: 0.8rem;
margin-bottom: 1.6rem;
.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: rotate(180deg);
transform-origin: center center;
transition: all 0.2s ease;
}
&.fold {
em {
transform: rotate(180deg);
transform: rotate(0);
}
}
}
.dtl {
display: none;
padding: 0.5rem 1.05rem;
padding: 1rem 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 {
@@ -4096,4 +4116,4 @@
}
}
}
}
}

6
product/pdp_streaming_premium.html
View File

@@ -31,10 +31,10 @@
<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?v12"></script>
<script type="text/javascript" charset="UTF-8" src="../assets/js/common.js?v13"></script>
<!--상품상세 페이지 css 분리-->
<link rel="stylesheet" charset="UTF-8" href="../assets/css/product.css?v1.2" type="text/css" />
<link rel="stylesheet" charset="UTF-8" href="../assets/css/pdp_detail.css?v6" type="text/css" />
<link rel="stylesheet" charset="UTF-8" href="../assets/css/pdp_detail.css?v9" 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" />
@@ -600,7 +600,7 @@
<span class="indent">(약정형 서비스요금 x 잔여개월 수 x 10%) + [(약정형 서비스 요금 x (잔여일수/마지막 결제 주기 총일수) x 10%]</span>
<br />
<div class="refund-area">
- <span class="btn-fold">중도 해지시 납부 금액 안내 <em>▲</em></span>
<span class="btn-fold">- 중도 해지시 납부 금액 안내 <em>▲</em></span>
<br />
<div class="dtl">
<div class="refund-table">