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

스트리밍 프리미엄 PDP, 사양안내 3차 수정

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2024-09-19 22:44:18 +09:00
parent f0e31dc93d
commit d2c073879b
4 changed files with 647 additions and 615 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
assets/css/product.css
View File

@@ -263,18 +263,22 @@
position: absolute;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label {
background-color: #05141F;
background-color: #05141f;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dt, .contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dd {
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dt,
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dd {
color: #fff;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dt p, .contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dt strong, .contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dd p, .contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dd strong {
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dt p,
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dt strong,
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dd p,
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li input[type=radio]:checked + label dd strong {
color: #fff;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn ul li label {
display: block;
padding: 2.5rem;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
border-radius: 0.6rem;
cursor: pointer;
}
@@ -324,7 +328,7 @@
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .termsOK > a::after {
content: "";
displaY: block;
display: block;
width: 0.6rem;
margin-left: 0.8rem;
background-image: url("/kr/assets/images/common/icon-mMarrow.svg");
@@ -347,7 +351,7 @@
.contentWarp .productView .productRight .optionWarp .producInfoWarp .noStreaming {
margin-top: 2rem;
padding: 3rem 2rem;
background-color: #F3F3F3;
background-color: #f3f3f3;
border-radius: 0.6rem;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .noStreaming P {
@@ -379,7 +383,7 @@
.contentWarp .productView .productRight .optionWarp .packageOption .optionList {
margin-top: 2rem;
padding: 2.5rem;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
border-radius: 0.6rem;
}
@media (max-width: 768px) {
@@ -422,7 +426,7 @@
border-radius: 0.6rem;
}
.contentWarp .productView .productRight .optionWarp .packageOption .optionList .optionItem {
displaY: flex;
display: flex;
width: 100%;
height: 9rem;
overflow: hidden;
@@ -446,7 +450,7 @@
}
.contentWarp .productView .productRight .optionWarp .packageOption .optionList .optionItem .optionText p span,
.contentWarp .productView .productRight .optionWarp .packageOption .optionList .optionItem .optionText p strong {
displaY: block;
display: block;
width: 100%;
font-size: 1.4rem;
line-height: 1.4;
@@ -512,7 +516,7 @@
}
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn label {
displaY: flex;
display: flex;
width: 100%;
height: 12rem;
overflow: hidden;
@@ -569,8 +573,8 @@
position: absolute;
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn input[type=checkbox]:checked + label {
background-color: #05141F;
border: 1px solid #05141F;
background-color: #05141f;
border: 1px solid #05141f;
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn input[type=checkbox]:checked + label::before {
content: "";
@@ -617,7 +621,7 @@
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn .optionText p span,
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn .optionText p strong {
displaY: block;
display: block;
width: 100%;
font-size: 1.4rem;
width: 75%;
@@ -691,17 +695,17 @@
}
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .disabledBtn label {
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .disabledBtn label span,
.contentWarp .productView .productRight .optionWarp .producOption .optionList .disabledBtn label strong {
color: #9EA1A2;
color: #9ea1a2;
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .disabledBtn label p {
opacity: 0.5;
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .disabledBtn:hover label {
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn + .checkBtn {
margin-top: 1rem;
@@ -723,7 +727,7 @@
margin-top: 2rem;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label {
displaY: flex;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
@@ -733,7 +737,7 @@
cursor: pointer;
position: relative;
border-radius: 0.6rem;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label span {
font-size: 1.4rem;
@@ -765,7 +769,7 @@
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label .discount {
display: block;
font-size: 1.4rem;
color: #9EA1A2;
color: #9ea1a2;
}
@media (max-width: 1024px) {
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label .discount {
@@ -785,8 +789,8 @@
position: absolute;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio]:checked + label {
background-color: #05141F;
border: 1px solid #05141F;
background-color: #05141f;
border: 1px solid #05141f;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio]:checked + label span,
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio]:checked + label strong {
@@ -799,13 +803,13 @@
color: #fff;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio]:checked + label .discount {
color: #9EA1A2;
color: #9ea1a2;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn:hover label {
border: 1px solid #000;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn.coupon {
background-color: #F3F3F3;
background-color: #f3f3f3;
border-radius: 0.6rem;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn.coupon label .title {
@@ -830,20 +834,20 @@
color: #676767;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .disabledBtn label {
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .disabledBtn label span,
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .disabledBtn label strong {
color: #9EA1A2;
color: #9ea1a2;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .disabledBtn label span .title {
color: #9EA1A2 !important;
color: #9ea1a2 !important;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .disabledBtn label span .info {
color: #9EA1A2 !important;
color: #9ea1a2 !important;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .disabledBtn:hover label {
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn + .radioBtn {
margin-top: 1rem;
@@ -947,7 +951,7 @@
.pdpListBtn {
width: 100%;
height: 7.4rem;
background-color: #F3F3F3;
background-color: #f3f3f3;
padding: 0 2rem;
}
@media (min-width: 768px) {