UIUX수정

kr/assets/css/mypage.css

@@ -1434,7 +1434,7 @@ pre {
 .contentWarp .mypageWarp .rightConWarp .infoRefund ul li::before {
   content: "∙";
   position: absolute;
-  top: 0.6rem;
+  top: 0;
   left: 0;
 }
 .contentWarp .mypageWarp .rightConWarp .infoRefund .serviceLinked {
@@ -4183,6 +4183,7 @@ pre {
   justify-self: flex-end;
   position: relative;
   margin-top: 1.2rem;
+  margin-left: auto;
   font-size: 1.4rem;
   color: #676767;
   font-weight: 400;

kr/assets/css/mypage.scss

@@ -1534,7 +1534,7 @@ pre {
             &::before {
               content: "∙";
               position: absolute;
-              top: 0.6rem;
+              top: 0;
               left: 0;
             }
           }
@@ -4537,6 +4537,7 @@ pre {
         justify-self: flex-end;
         position: relative;
         margin-top: 1.2rem;
+        margin-left: auto;
         font-size: 1.4rem;
         color: #676767;
         font-weight: 400;

kr/assets/css/order.css

@@ -253,7 +253,7 @@
 }
 @media (min-width: 1025px) {
   .contentWarp .cartView .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div dl dt + dd {
-    margin-top: 1rem;
+    margin-top: 0.8rem;
   }
 }
 .contentWarp .cartView .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div dl dd + dd {
@@ -1005,6 +1005,8 @@
 .contentWarp.carsw .carswLeft .productListWarp .productLis ul li .cartItemWrap .cartItem {
   padding-right: 2rem !important;
   justify-content: space-between;
+  border-radius: 0.6rem;
+  overflow: hidden;
 }
 @media (min-width: 1025px) {
   .contentWarp.carsw .carswLeft .productListWarp .productLis ul li .cartItemWrap .cartItem {
@@ -1063,6 +1065,45 @@
     font-size: 2.4rem;
   }
 }
+.contentWarp.carsw .carswLeft .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo + dl dd .discount {
+  display: block;
+  font-size: 1.6rem;
+  font-weight: 600;
+  color: #9ea1a2;
+  text-decoration: line-through;
+}
+.contentWarp.carsw .carswLeft .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo + dl dd .price {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+@media (min-width: 768px) {
+  .contentWarp.carsw .carswLeft .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo + dl dd .price {
+    justify-content: flex-end;
+  }
+}
+.contentWarp.carsw .carswLeft .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo + dl dd .price strong {
+  order: 1;
+}
+@media (min-width: 768px) {
+  .contentWarp.carsw .carswLeft .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo + dl dd .price strong {
+    order: 2;
+  }
+}
+.contentWarp.carsw .carswLeft .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo + dl dd .price .dc {
+  order: 2;
+  margin-left: 0.4rem;
+  font-size: 1.8rem;
+  font-weight: 600;
+  color: #ea0029;
+}
+@media (min-width: 768px) {
+  .contentWarp.carsw .carswLeft .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo + dl dd .price .dc {
+    order: 1;
+    margin-left: 0;
+    margin-right: 0.8rem;
+  }
+}
 .contentWarp.carsw .carswLeft .productListWarp .productLis ul li .cartItemWrap .cartItem > dl .couponBtn {
   display: flex;
   justify-content: flex-end;
@@ -1185,6 +1226,7 @@
 }
 .contentWarp.carsw .carswRight .carswRightInner .carswInfo dl dt {
   font-size: 1.6rem;
+  color: #676767;
 }
 .contentWarp.carsw .carswRight .carswRightInner .carswInfo dl dd {
   font-size: 3rem;