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

스트리밍프리미엄 PDP, 주문/결제 작업 중

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2024-10-13 22:19:44 +09:00
parent 3ff4ee80bb
commit 7f69a65b58
18 changed files with 2606 additions and 1521 deletions
Download Patch File Download Diff File Expand all files Collapse all files

193
assets/css/order.css
View File

@@ -63,7 +63,7 @@
}
}
.contentWarp .cartView .productListWarp .allSelect {
bordeR: 1px solid #DEDEDE;
border: 1px solid #dedede;
border-radius: 0.6rem;
padding: 2rem;
height: 5.5rem;
@@ -81,7 +81,7 @@
margin-top: 1rem;
}
.contentWarp .cartView .productListWarp .productLis ul li {
bordeR: 1px solid #DEDEDE;
border: 1px solid #dedede;
border-radius: 0.6rem;
}
.contentWarp .cartView .productListWarp .productLis ul li .cartItemWrap {
@@ -115,7 +115,7 @@
}
}
.contentWarp .cartView .productListWarp .productLis ul li .cartItemWrap .cartItem {
displaY: flex;
display: flex;
width: 100%;
flex-wrap: wrap;
flex-shrink: 2;
@@ -141,7 +141,7 @@
align-items: center;
padding-bottom: 2rem;
margin-bottom: 2rem;
border-bottom: 1px solid #DEDEDE;
border-bottom: 1px solid #dedede;
}
@media (min-width: 768px) {
.contentWarp .cartView .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo {
@@ -189,7 +189,7 @@
}
.contentWarp .cartView .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div dl {
margin-left: 1.5rem;
displaY: flex;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
@@ -244,7 +244,7 @@
}
@media (min-width: 1025px) {
.contentWarp .cartView .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div dl dt,
.contentWarp .cartView .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div dl dd {
.contentWarp .cartView .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div dl dd {
-webkit-line-clamp: 2;
}
}
@@ -358,7 +358,7 @@
}
}
.contentWarp .cartView .productListWarp .productLis ul li .components {
background-color: #F3F3F3;
background-color: #f3f3f3;
padding: 3rem 3rem 3rem 6rem;
}
@media (max-width: 768px) {
@@ -459,7 +459,7 @@
}
}
.contentWarp .cartView .productListWarp .productLis ul li .componentsPayment {
background-color: #F3F3F3;
background-color: #f3f3f3;
padding: 3rem;
}
@media (max-width: 768px) {
@@ -531,6 +531,36 @@
font-weight: 400;
}
}
.contentWarp .cartView .productListWarp .productLis ul li .componentsPayment.spec .componentsList {
align-items: flex-start;
width: 100%;
}
.contentWarp .cartView .productListWarp .productLis ul li .componentsPayment.spec .componentsList h3 {
width: 17rem;
font-size: 1.6rem;
}
.contentWarp .cartView .productListWarp .productLis ul li .componentsPayment.spec .componentsList .item {
flex: 1;
flex-wrap: wrap;
padding: 0;
margin-bottom: 0;
gap: 1rem;
}
.contentWarp .cartView .productListWarp .productLis ul li .componentsPayment.spec .componentsList .item dl {
display: flex;
justify-content: space-between;
width: 100%;
}
.contentWarp .cartView .productListWarp .productLis ul li .componentsPayment.spec .componentsList .item dl dt {
font-size: 1.4rem;
color: #676767;
font-weight: 400;
}
.contentWarp .cartView .productListWarp .productLis ul li .componentsPayment.spec .componentsList .item dl dd {
font-size: 1.6rem;
color: #000;
font-weight: 600;
}
.contentWarp .cartView .productListWarp .productLis ul li + li {
margin-top: 1rem;
}
@@ -555,7 +585,7 @@
.contentWarp .cartView .productListWarp .productLis ul .noPrice > p {
font-weight: 600;
font-size: 1.8rem;
color: #9EA1A2;
color: #9ea1a2;
}
@media (min-width: 1025px) {
.contentWarp .cartView .productListWarp .productLis ul .noPrice > p {
@@ -563,7 +593,7 @@
}
}
.contentWarp .cartView .productListWarp .productLis ul .noPrice .PriceGoList {
displaY: flex;
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
@@ -582,6 +612,7 @@
.contentWarp .cartView .productListWarp .productLis ul .noPrice .PriceGoList {
flex-wrap: nowrap;
margin: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@@ -590,6 +621,7 @@
.contentWarp .cartView .productListWarp .productLis ul .noPrice .PriceGoList {
flex-wrap: nowrap;
margin: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@@ -609,6 +641,7 @@
margin-top: 0;
min-width: 15rem;
margin-left: 5rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@@ -622,15 +655,15 @@
}
@media (min-width: 768px) {
.contentWarp .cartView .productListWarp .productLis ul .noPrice .PriceGoList .oneButton button::before, .contentWarp .cartView .productListWarp .productLis ul .noPrice .PriceGoList .oneButton button::after,
.contentWarp .cartView .productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::before,
.contentWarp .cartView .productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::after {
.contentWarp .cartView .productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::before,
.contentWarp .cartView .productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::after {
width: 3.2rem;
}
}
@media (min-width: 1025px) {
.contentWarp .cartView .productListWarp .productLis ul .noPrice .PriceGoList .oneButton button::before, .contentWarp .cartView .productListWarp .productLis ul .noPrice .PriceGoList .oneButton button::after,
.contentWarp .cartView .productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::before,
.contentWarp .cartView .productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::after {
.contentWarp .cartView .productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::before,
.contentWarp .cartView .productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::after {
width: 3.2rem;
}
}
@@ -701,6 +734,7 @@
.contentWarp .cartView .productListWarp .totalWarp .totalPrice {
flex-wrap: nowrap;
margin-top: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@@ -709,6 +743,7 @@
.contentWarp .cartView .productListWarp .totalWarp .totalPrice {
flex-wrap: nowrap;
margin-top: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@@ -739,6 +774,7 @@
margin-top: 0;
min-width: 15rem;
margin-left: 5rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@@ -752,27 +788,27 @@
}
@media (min-width: 768px) {
.contentWarp .cartView .productListWarp .totalWarp .totalPrice .oneButtonBlack button::before, .contentWarp .cartView .productListWarp .totalWarp .totalPrice .oneButtonBlack button::after,
.contentWarp .cartView .productListWarp .totalWarp .totalPrice .oneButtonBlack a::before,
.contentWarp .cartView .productListWarp .totalWarp .totalPrice .oneButtonBlack a::after {
.contentWarp .cartView .productListWarp .totalWarp .totalPrice .oneButtonBlack a::before,
.contentWarp .cartView .productListWarp .totalWarp .totalPrice .oneButtonBlack a::after {
width: 3.2rem;
}
}
@media (min-width: 1025px) {
.contentWarp .cartView .productListWarp .totalWarp .totalPrice .oneButtonBlack button::before, .contentWarp .cartView .productListWarp .totalWarp .totalPrice .oneButtonBlack button::after,
.contentWarp .cartView .productListWarp .totalWarp .totalPrice .oneButtonBlack a::before,
.contentWarp .cartView .productListWarp .totalWarp .totalPrice .oneButtonBlack a::after {
.contentWarp .cartView .productListWarp .totalWarp .totalPrice .oneButtonBlack a::before,
.contentWarp .cartView .productListWarp .totalWarp .totalPrice .oneButtonBlack a::after {
width: 3.2rem;
}
}
.contentWarp .cartView .counponList {
margin-top: 3rem;
border-top: 1px solid #DEDEDE;
border-top: 1px solid #dedede;
}
.contentWarp .cartView .counponList li {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #DEDEDE;
border-bottom: 1px solid #dedede;
padding: 2.5rem 0;
}
@media (max-width: 768px) {
@@ -805,7 +841,7 @@
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: max(1px, 0.1em) solid #05141F;
border: max(1px, 0.1em) solid #05141f;
border-radius: 50%;
width: 1.5rem;
height: 1.5rem;
@@ -822,7 +858,7 @@
border-radius: 100%;
}
.contentWarp .cartView .counponList li .infoWrap .info .radioItem [type=radio]:disabled {
background-color: #DEDEDE;
background-color: #dedede;
box-shadow: none;
opacity: 0.7;
cursor: not-allowed;
@@ -846,7 +882,7 @@
display: inline-block;
width: 0.1rem;
height: 1.5rem;
background-color: #DEDEDE;
background-color: #dedede;
padding-top: 0.2rem;
}
.contentWarp .cartView .counponList li .infoWrap .info .radioItem.none span::before {
@@ -892,11 +928,11 @@
align-items: center;
height: 14rem;
margin-top: 2rem;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
border-radius: 0.6rem;
width: 100%;
overflow: hidden;
color: #9EA1A2;
color: #9ea1a2;
}
@media (max-width: 768px) {
.contentWarp .cartView .counponList li.noList {
@@ -1054,7 +1090,7 @@
font-size: 1.4rem;
font-weight: 400;
color: #ffffff;
background-color: #05141F;
background-color: #05141f;
}
.contentWarp.carsw .carswLeft .productListWarp .productLis ul li .cartItemWrap .cartItem > dl .couponBtn .clear {
display: flex;
@@ -1064,8 +1100,8 @@
height: 2.4rem;
font-size: 1.4rem;
font-weight: 400;
color: #9EA1A2;
background-color: #F3F3F3;
color: #9ea1a2;
background-color: #f3f3f3;
}
.contentWarp.carsw .carswLeft .couponInfo {
margin-top: 2rem;
@@ -1086,7 +1122,7 @@
.contentWarp.carsw .carswRight {
padding-left: 2rem;
padding-right: 2rem;
background-color: #F3F3F3;
background-color: #f3f3f3;
width: 100%;
margin-top: 5rem;
padding-bottom: 6rem;
@@ -1139,7 +1175,7 @@
.contentWarp.carsw .carswRight .carswRightInner .carswInfo dl {
padding-bottom: 2.5rem;
margin-bottom: 2rem;
border-bottom: 1px solid #DEDEDE;
border-bottom: 1px solid #dedede;
}
@media (min-width: 768px) {
.contentWarp.carsw .carswRight .carswRightInner .carswInfo dl {
@@ -1188,12 +1224,12 @@
width: 0.1rem;
height: 1.4rem;
margin: 0 0.8rem;
background-color: #DEDEDE;
background-color: #dedede;
}
.contentWarp.carsw .carswRight .carswRightInner .carswInfo .amount {
margin-bottom: 2.5rem;
padding-bottom: 2rem;
border-bottom: 1px dashed #DEDEDE;
border-bottom: 1px dashed #dedede;
}
.contentWarp.carsw .carswRight .carswRightInner .carswInfo .amount .item {
display: flex;
@@ -1264,10 +1300,10 @@
}
.contentWarp.carsw .carswRight .carswRightInner .carswInfo > a::after {
content: "";
displaY: block;
display: block;
width: 0.6rem;
margin-left: 0.8rem;
background-image: url(/kr/assets/images/common/icon-mMarrow.svg);
background-image: url(../images/common/icon-mMarrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center right;
@@ -1353,7 +1389,7 @@
}
.contentWarp.carsw .carsFull .privacyStatement .contentsBox {
padding: 2rem;
border: 0.1rem solid #DEDEDE;
border: 0.1rem solid #dedede;
border-radius: 0.6rem;
}
@media (min-width: 768px) {
@@ -1406,9 +1442,9 @@
.contentWarp.carsw .carsFull .installGuide {
margin-top: 4rem;
padding: 2rem;
border: 1px solid #DEDEDE;
border: 1px solid #dedede;
border-radius: 0.6rem;
displaY: flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
@@ -1483,11 +1519,11 @@
}
@media (min-width: 768px) {
.contentWarp.carsw .carsFull .completeForm > div {
border-top: 1px solid #DEDEDE;
border-top: 1px solid #dedede;
}
}
.contentWarp.carsw .carsFull .completeForm > div > dl {
border-bottom: 1px solid #DEDEDE;
border-bottom: 1px solid #dedede;
display: flex;
flex-wrap: wrap;
align-items: center;
@@ -1502,7 +1538,7 @@
}
@media (min-width: 768px) {
.contentWarp.carsw .carsFull .completeForm > div > dl:last-child {
border-bottom: 1px solid #DEDEDE;
border-bottom: 1px solid #dedede;
}
}
.contentWarp.carsw .carsFull .completeForm > div > dl > dt {
@@ -1550,7 +1586,7 @@
right: 0;
width: 0.1rem;
height: 1.6rem;
background-color: #DEDEDE;
background-color: #dedede;
}
}
.contentWarp.carsw .carsFull .completeForm > div > dl > dd {
@@ -1638,12 +1674,12 @@
.contentWarp.carsw .carsFull .completeForm > div > dl .completeItemList ul li .imgItem dl dd span {
display: block;
font-size: 1.4rem;
color: #05141F;
color: #05141f;
margin-bottom: 1rem;
font-weight: 700;
}
.contentWarp.carsw .carsFull .completeForm > div > dl .completeItemList ul li .cachItem {
displaY: flex;
display: flex;
align-items: center;
margin-top: 2.1rem;
flex-wrap: wrap;
@@ -1661,6 +1697,7 @@
display: flex;
align-items: center;
justify-content: space-between;
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
}
@@ -1728,7 +1765,7 @@
.contentWarp.carsw .carsFull .completeForm > div > dl .completeItemList ul li + li {
margin-top: 0;
padding-bottom: 2rem;
border-top: 1px solid #DEDEDE;
border-top: 1px solid #dedede;
}
}
.contentWarp.carsw .carsFull .completeForm > div dl.innerList {
@@ -1753,7 +1790,7 @@
}
}
.contentWarp.carsw .carsFull .carswBtn .towButton {
displaY: flex;
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
@@ -1769,4 +1806,68 @@
margin-left: 0.5rem;
margin-top: 0;
}
}
}
.refund-table-area .pageSubTitle h2 {
margin-bottom: 2rem;
}
.refund-table-area .table-area {
margin-bottom: 12rem;
}
@media (max-width: 768px) {
.refund-table-area .table-area {
margin-bottom: 5rem;
}
}
.refund-table-area .table-area .index {
padding: 1.6rem 0 1rem;
font-size: 1.4rem;
color: #676767;
text-align: right;
}
.refund-table-area .table-area table {
width: 100%;
border-top: 1px solid #999;
}
.refund-table-area .table-area table th {
height: 7.6rem;
padding: 0 1rem;
font-size: 1.6rem;
font-weight: 600;
vertical-align: middle;
text-align: center;
}
.refund-table-area .table-area table tbody {
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}
.refund-table-area .table-area table tbody td {
padding: 1rem;
font-size: 1.4rem;
font-weight: 400;
text-align: center;
}
.agree-label {
display: flex;
flex-direction: column;
}
.agree-label + .agree-label {
margin-top: 2.5rem;
}
.agree-label label {
display: flex;
align-items: flex-start;
cursor: pointer;
}
.agree-label label span {
font-size: 1.4rem;
margin-left: 1rem;
line-height: 2.2rem;
}
.agree-label a {
align-self: end;
font-size: 1.4rem;
color: #676767;
}
/*# sourceMappingURL=order.css.map */