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

디즈니 작업 중

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2025-07-06 21:13:47 +09:00
parent e929eecf54
commit f8cbf12b77
21 changed files with 7770 additions and 6613 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
kr/assets/css/product.css
View File

@@ -148,6 +148,19 @@
.contentWarp .productView .productRight .musicBtn {
margin-top: 4rem;
}
.contentWarp .productView .productRight .optionWarp .producTitle h1 {
position: relative;
padding-right: 4rem;
}
.contentWarp .productView .productRight .optionWarp .producTitle h1 .btn-wish {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 3rem;
height: 3rem;
background: url(../images/kia/pdp/display_theme_disney/Icon_heart.png) no-repeat center/100% auto;
}
.contentWarp .productView .productRight .optionWarp .producTitle span {
color: #676767;
font-size: 1.5rem;
@@ -268,18 +281,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;
}
@@ -317,16 +334,16 @@
margin-top: 1rem;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn .disabledBtn label {
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn .disabledBtn label dt {
color: #9EA1A2 !important;
color: #9ea1a2 !important;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn .disabledBtn label dd {
color: #9EA1A2 !important;
color: #9ea1a2 !important;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .producInfoLogIn .disabledBtn:hover label {
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
}
.contentWarp .productView .productRight .optionWarp .producInfoWarp .termsOK {
margin-top: 3rem;
@@ -341,7 +358,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");
@@ -364,7 +381,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 {
@@ -396,7 +413,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) {
@@ -439,7 +456,7 @@
border-radius: 0.6rem;
}
.contentWarp .productView .productRight .optionWarp .packageOption .optionList .optionItem {
displaY: flex;
display: flex;
width: 100%;
height: 9rem;
overflow: hidden;
@@ -463,7 +480,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;
@@ -529,7 +546,7 @@
}
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn label {
displaY: flex;
display: flex;
width: 100%;
height: 12rem;
overflow: hidden;
@@ -586,8 +603,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: "";
@@ -634,7 +651,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%;
@@ -708,17 +725,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;
@@ -740,7 +757,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%;
@@ -750,7 +767,7 @@
cursor: pointer;
position: relative;
border-radius: 0.6rem;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
}
@media (max-width: 1024px) {
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label {
@@ -788,7 +805,7 @@
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label .discount {
display: block;
font-size: 1.4rem;
color: #9EA1A2;
color: #9ea1a2;
text-align: right;
}
@media (max-width: 1024px) {
@@ -806,15 +823,15 @@
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn label .dc {
margin-right: 0.8rem;
color: #EA0029;
color: #ea0029;
}
.contentWarp .productView .productRight .optionWarp .priceOption .priceList .radioBtn input[type=radio] {
visibility: hidden;
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 {
@@ -827,16 +844,16 @@
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 input[type=radio]:checked + label .dc {
color: #F3C300;
color: #f3c300;
}
.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 {
@@ -861,20 +878,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;
@@ -978,7 +995,7 @@
.pdpListBtn {
width: 100%;
height: 7.4rem;
background-color: #F3F3F3;
background-color: #f3f3f3;
padding: 0 2rem;
}
@media (min-width: 768px) {