씽크

kr/assets/css/mypage.scss

@@ -204,7 +204,7 @@ pre {
             }
           }
 
-          li + li {
+          li+li {
             margin-top: 0;
             margin-left: 2rem;
 
@@ -269,7 +269,7 @@ pre {
           }
         }
 
-        > div {
+        >div {
           display: block;
           align-items: center;
           justify-content: space-between;
@@ -334,7 +334,7 @@ pre {
         margin-top: 3rem;
         width: 100%;
 
-        > div {
+        >div {
           h3 {
             font-size: 1.8rem;
             font-weight: 600;
@@ -347,8 +347,8 @@ pre {
           .itemListWarp {
             margin-top: 2rem;
 
-            > ul {
-              > li {
+            >ul {
+              >li {
                 border: 1px solid #dedede;
                 border-radius: 0.6rem;
 
@@ -386,10 +386,10 @@ pre {
                       flex-wrap: nowrap;
                     }
 
-                    > div {
+                    >div {
                       display: flex;
 
-                      > p {
+                      >p {
                         min-width: 7.5rem;
                         height: 7.5rem;
                         overflow: hidden;
@@ -478,7 +478,7 @@ pre {
                           }
                         }
 
-                        dt + dd {
+                        dt+dd {
                           margin-top: 1rem;
 
                           @include desktopMin {
@@ -486,7 +486,7 @@ pre {
                           }
                         }
 
-                        dd + dd {
+                        dd+dd {
                           margin-top: 1.5rem;
                           font-size: 1.5rem;
 
@@ -498,7 +498,7 @@ pre {
                     }
                   }
 
-                  .cartItemInfo + ul {
+                  .cartItemInfo+ul {
                     padding-right: 0;
 
                     @include tablet {
@@ -517,7 +517,7 @@ pre {
                       font-weight: 400;
                     }
 
-                    li + li {
+                    li+li {
                       margin-top: 0.5rem;
                     }
 
@@ -648,20 +648,20 @@ pre {
                 }
               }
 
-              li + li {
+              li+li {
                 margin-top: 1rem;
               }
             }
           }
         }
 
-        > div.subScription {
+        >div.subScription {
           .itemListWarp {
             ul {
               li {
                 .cartItem {
                   .cartItemInfo {
-                    > div {
+                    >div {
                       dl {
                         dt {
                           span {
@@ -680,7 +680,7 @@ pre {
           }
         }
 
-        > div + div {
+        >div+div {
           margin-top: 1.5rem;
 
           @include tablet {
@@ -688,13 +688,13 @@ pre {
           }
         }
 
-        > div.myPayList {
+        >div.myPayList {
           width: 100%;
 
-          > ul {
+          >ul {
             width: 100%;
 
-            > li {
+            >li {
               border: 1px solid #dedede;
               border-radius: 0.6rem;
               width: 100%;
@@ -747,7 +747,7 @@ pre {
                         font-size: 1.4rem;
                       }
 
-                      li + li {
+                      li+li {
                         margin-top: 1rem;
                       }
                     }
@@ -959,7 +959,7 @@ pre {
                         font-size: 1.4rem;
                       }
 
-                      p + p {
+                      p+p {
                         border-left: 1px solid #dedede;
                         padding-left: 1rem;
                         margin-left: 1rem;
@@ -976,7 +976,7 @@ pre {
               }
             }
 
-            > li + li {
+            >li+li {
               margin-top: 3rem;
             }
           }
@@ -991,15 +991,15 @@ pre {
             }
           }
 
-          > div.myPayList {
+          >div.myPayList {
             border-top: 1px solid #999;
 
             @include desktopMin {
               border-top: 0;
             }
 
-            > ul {
-              > li {
+            >ul {
+              >li {
                 border-radius: 0;
                 border: 0;
                 border-bottom: 1px solid #dedede;
@@ -1022,7 +1022,7 @@ pre {
                     padding: 3.2rem;
                   }
 
-                  > dl {
+                  >dl {
                     display: flex;
                     flex-direction: column;
                     align-items: stretch;
@@ -1187,7 +1187,7 @@ pre {
                 }
               }
 
-              > li + li {
+              >li+li {
                 margin-top: 0;
 
                 @include desktopMin {
@@ -1297,7 +1297,7 @@ pre {
           }
 
           .contents {
-            + .title {
+            +.title {
               margin-top: 2.2rem;
             }
           }
@@ -1344,7 +1344,7 @@ pre {
             }
 
             ul {
-              li + li {
+              li+li {
                 margin-top: 1rem;
               }
             }
@@ -1371,6 +1371,7 @@ pre {
         margin-top: 4rem;
 
         a {
+
           &::after,
           &::before {
             width: 3.2rem;
@@ -1413,7 +1414,7 @@ pre {
             flex-wrap: nowrap;
           }
 
-          a + a {
+          a+a {
             margin-top: 1rem;
 
             @include tablet {
@@ -1450,7 +1451,7 @@ pre {
           }
         }
 
-        p + p {
+        p+p {
           display: flex;
           align-items: center;
           margin-top: 1rem;
@@ -1510,11 +1511,12 @@ pre {
             font-size: 1.6rem;
           }
 
-          & + .summary {
+          &+.summary {
             margin-top: 1rem;
             font-size: 1.4rem;
             font-weight: 600;
-            & + ul {
+
+            &+ul {
               margin-top: 0;
             }
           }
@@ -1627,14 +1629,14 @@ pre {
         .completeForm {
           margin-top: 2rem;
 
-          > div {
+          >div {
             border-top: 1px solid #999999;
 
             @include tablet {
               border-top: 1px solid #dedede;
             }
 
-            > dl {
+            >dl {
               border-bottom: 1px solid #dedede;
               display: flex;
               flex-wrap: wrap;
@@ -1651,7 +1653,7 @@ pre {
                 }
               }
 
-              > dt {
+              >dt {
                 padding-top: 1rem;
 
                 @include tablet {
@@ -1660,7 +1662,7 @@ pre {
                 }
               }
 
-              > dd {
+              >dd {
                 padding-top: 1rem;
                 padding-bottom: 1rem;
                 font-weight: 600;
@@ -1672,7 +1674,7 @@ pre {
                 }
               }
 
-              > dt {
+              >dt {
                 width: 100%;
                 font-size: 1.4rem;
                 padding-left: 0rem;
@@ -1700,7 +1702,7 @@ pre {
                 }
               }
 
-              > dt.calc {
+              >dt.calc {
                 @include tablet {
                   &::after {
                     content: "";
@@ -1709,7 +1711,7 @@ pre {
                 }
               }
 
-              > dd {
+              >dd {
                 padding-left: 0;
                 width: 100%;
                 font-size: 1.4rem;
@@ -1783,7 +1785,7 @@ pre {
           }
         }
 
-        dl + dl {
+        dl+dl {
           margin-top: 3rem;
         }
 
@@ -1819,7 +1821,7 @@ pre {
             }
 
             a {
-              > div {
+              >div {
                 display: flex;
                 align-items: center;
                 gap: 0.8rem;
@@ -1905,7 +1907,7 @@ pre {
                 }
               }
 
-              > p {
+              >p {
                 margin-top: 1rem;
                 color: #000;
                 font-weight: 600;
@@ -1919,7 +1921,7 @@ pre {
             }
           }
 
-          li + li {
+          li+li {
             margin-top: 1rem;
           }
         }
@@ -1933,7 +1935,7 @@ pre {
 
         .usrQuestions,
         .adminAnswer {
-          > div {
+          >div {
             display: flex;
             align-items: center;
             gap: 0.8rem;
@@ -2027,7 +2029,7 @@ pre {
         }
 
         .usrQuestions {
-          > div {
+          >div {
             em {
               padding-left: 0.8rem;
 
@@ -2130,7 +2132,7 @@ pre {
             flex-wrap: nowrap;
           }
 
-          > div {
+          >div {
             width: 100%;
 
             p {
@@ -2207,7 +2209,7 @@ pre {
             }
           }
 
-          div + div {
+          div+div {
             margin-top: 3rem;
             width: fit-content;
 
@@ -2350,7 +2352,7 @@ pre {
               }
             }
 
-            label + label {
+            label+label {
               margin-top: 2.4rem;
             }
           }
@@ -2492,7 +2494,7 @@ pre {
               }
             }
 
-            dl + dl {
+            dl+dl {
               margin-top: 0;
               border-bottom: 1px solid #999;
               border-top: 1px solid #dedede;
@@ -2554,7 +2556,7 @@ pre {
                 cursor: not-allowed;
               }
 
-              [type="radio"]:disabled + span {
+              [type="radio"]:disabled+span {
                 opacity: 0.5;
                 cursor: not-allowed;
               }
@@ -2632,7 +2634,7 @@ pre {
             }
           }
 
-          p + p {
+          p+p {
             margin-top: 2rem;
           }
         }
@@ -2642,7 +2644,7 @@ pre {
             padding: 0;
             border: 0;
 
-            > div {
+            >div {
               p {
                 display: flex;
                 align-items: center;
@@ -2763,7 +2765,7 @@ pre {
             }
           }
 
-          & + span {
+          &+span {
             margin-top: 2.4rem;
           }
         }
@@ -2819,7 +2821,7 @@ pre {
       .itemStreaming {
         margin-top: 2rem;
 
-        > p {
+        >p {
           color: #000;
           font-size: 1.4rem;
           margin-top: 1rem;
@@ -2831,7 +2833,7 @@ pre {
           }
         }
 
-        > span {
+        >span {
           display: block;
           color: #676767;
           font-size: 1.4em;
@@ -2850,7 +2852,7 @@ pre {
               visibility: hidden;
               position: absolute;
 
-              &:checked + label {
+              &:checked+label {
                 background-color: #05141f;
 
                 dt,
@@ -2942,7 +2944,7 @@ pre {
             }
           }
 
-          li + li {
+          li+li {
             margin-top: 1rem;
           }
         }
@@ -3031,7 +3033,7 @@ pre {
                 flex-wrap: nowrap;
               }
 
-              > div {
+              >div {
                 display: flex;
 
                 // margin-top: 1.4rem;
@@ -3039,7 +3041,7 @@ pre {
                   margin-top: 0;
                 }
 
-                > p {
+                >p {
                   min-width: 7.5rem;
                   height: 7.5rem;
                   overflow: hidden;
@@ -3123,7 +3125,7 @@ pre {
                     margin-top: 1.2rem;
                   }
 
-                  dt + dd {
+                  dt+dd {
                     margin-top: 0.5rem;
 
                     @include desktopMin {
@@ -3131,7 +3133,7 @@ pre {
                     }
                   }
 
-                  dd + dd {
+                  dd+dd {
                     margin-top: 1.5rem;
                     font-size: 1.4rem;
 
@@ -3143,7 +3145,7 @@ pre {
               }
             }
 
-            .cartItemInfo + dl {
+            .cartItemInfo+dl {
               @include maxmobile {
                 width: 100%;
               }
@@ -3204,7 +3206,7 @@ pre {
               width: 100%;
               min-width: 18rem;
 
-              button + button {
+              button+button {
                 margin-top: 1rem;
               }
 
@@ -3427,7 +3429,7 @@ pre {
         }
       }
 
-      li + li {
+      li+li {
         margin-top: 1rem;
       }
 
@@ -3447,7 +3449,7 @@ pre {
           min-height: 17rem;
         }
 
-        > p {
+        >p {
           font-weight: 600;
           font-size: 1.8rem;
           color: #9ea1a2;
@@ -3483,7 +3485,7 @@ pre {
             width: fit-content;
           }
 
-          > p {
+          >p {
             width: 100%;
             display: flex;
             align-items: center;
@@ -3509,6 +3511,7 @@ pre {
 
             button,
             a {
+
               &::before,
               &::after {
                 @include tablet {
@@ -3735,14 +3738,14 @@ pre {
     width: 100% !important;
 
     tr {
-      td + td + td {
+      td+td+td {
         width: calc(100% - 138px) !important;
       }
     }
   }
 }
 
-.mailBodyContents > table > tbody > tr > td {
+.mailBodyContents>table>tbody>tr>td {
   font-size: 1.8rem !important;
 
   @include maxtablet {
@@ -4144,43 +4147,53 @@ pre {
 
   &.couponNew {
     margin-top: 0;
+
     @include tablet {
       margin-top: 4rem;
     }
+
     .boardList {
       .list {
         .item {
           align-items: normal;
+
           .itemTop {
             .info {
               .benefits {
                 .benefitsItem {
                   margin: 0;
+
                   .value {
                     padding: 0;
                   }
                 }
               }
             }
+
             .target {
               margin-top: 2rem;
+
               p {
                 padding-left: 7.8rem;
                 text-indent: -7.8rem;
                 font-size: 1.6rem;
                 color: #676767;
-                & + p {
+
+                &+p {
                   margin-top: 1rem;
                 }
               }
             }
           }
+
           .itemBottom {
             background-color: #f9f9f9;
             border-radius: 0 0 0.6rem 0.6rem;
+
             @include tablet {
               border-radius: 0 0.6rem 0.6rem 0;
             }
+
             .cost {
               display: flex;
               align-items: center;
@@ -4188,10 +4201,12 @@ pre {
               margin-top: 0;
               font-stretch: 1.4rem;
               color: #000;
+
               @include tablet {
                 justify-content: center;
                 flex-direction: column;
               }
+
               &::before {
                 content: "";
                 display: block;
@@ -4199,6 +4214,7 @@ pre {
                 height: 3.2rem;
                 margin-right: 1.2rem;
                 background: url(../images/common/icon_coupon.png) no-repeat center / 100% auto;
+
                 @include tablet {
                   margin-right: 0;
                   margin-bottom: 0.8rem;
@@ -4211,6 +4227,7 @@ pre {
           &.coupon-used,
           &.coupon-upcoming {
             background-color: #eee;
+
             .itemTop {
               .info {
                 .benefits {
@@ -4220,6 +4237,7 @@ pre {
                       flex-direction: column;
                       align-items: flex-start;
                       color: #9ea1a2;
+
                       // @include tablet {
                       //   align-items: center;
                       //   flex-direction: row-reverse;
@@ -4247,16 +4265,20 @@ pre {
                   }
                 }
               }
+
               .target {
                 p {
                   color: #9ea1a2;
                 }
               }
             }
+
             .itemBottom {
               background-color: #eee;
+
               .cost {
                 color: #9ea1a2;
+
                 &::before {
                   background: url(../images/common/icon_coupon_expired.png) no-repeat center / 100% auto;
                 }
@@ -4279,6 +4301,7 @@ pre {
               }
             }
           }
+
           &.coupon-upcoming {
             .itemTop {
               .info {
@@ -4296,6 +4319,7 @@ pre {
           }
         }
       }
+
       .couponInfo {
         ul {
           li {
@@ -4390,7 +4414,7 @@ pre {
         }
       }
 
-      > div {
+      >div {
         width: 100%;
         display: flex;
         flex-wrap: wrap;
@@ -4409,11 +4433,11 @@ pre {
           }
         }
 
-        input[type="text"] + input[type="text"] {
+        input[type="text"]+input[type="text"] {
           margin-left: 1rem;
         }
 
-        input[type="text"] + select {
+        input[type="text"]+select {
           width: 100%;
           margin-top: 1rem;
 
@@ -4520,10 +4544,12 @@ pre {
 .cancelPremiumPopup {
   .popInner {
     padding: 3rem;
+
     @include tablet {
       width: 56rem;
     }
   }
+
   .content {
     .alertMessage {
       display: block;
@@ -4545,6 +4571,7 @@ pre {
         font-weight: 400;
         text-align: left;
         line-height: 1.6rem;
+
         @include tablet {
           font-size: 1.4rem;
         }
@@ -4552,10 +4579,11 @@ pre {
     }
 
     .alertSubMessage {
-      > ul {
-        > li {
+      >ul {
+        >li {
           font-size: 1.4rem;
           font-weight: 600;
+
           .bu {
             display: block;
             padding-left: 1.2rem;
@@ -4565,30 +4593,33 @@ pre {
           @include tablet {
             font-size: 1.6rem;
           }
+
           .red {
             display: inline-block;
             margin-top: 0.6rem;
             color: #ea0029;
             text-indent: 0;
           }
+
           em {
             &.red {
               font-weight: 400;
             }
           }
 
-          + li {
+          +li {
             margin-top: 1.2rem;
           }
 
-          > ul {
+          >ul {
             padding: 1.2rem 0 0;
 
-            > li {
+            >li {
               color: #aaa;
               font-size: 1.2rem;
               font-weight: 400;
               line-height: 1.5;
+
               @include tablet {
                 font-size: 1.4rem;
               }
@@ -4598,13 +4629,15 @@ pre {
                 font-weight: 400;
               }
 
-              > span {
+              >span {
                 display: block;
                 padding-left: 1.8rem;
                 text-indent: 0;
+
                 @include tablet {
                   padding-left: 2rem;
                 }
+
                 &.bu {
                   padding-left: 2.2rem;
                   text-indent: -0.6rem;
@@ -4623,10 +4656,12 @@ pre {
 
     .amount-box {
       margin-bottom: 3rem;
+
       .totalRefund-detail {
         display: none;
         padding: 1.6rem;
         background-color: #f5f5f5;
+
         ul {
           padding: 0.5rem 0;
 
@@ -4637,10 +4672,12 @@ pre {
             padding-left: 1.2rem;
             text-indent: -1.2rem;
             line-height: 1.5;
+
             @include tablet {
               font-size: 1.4rem;
             }
-            & + li {
+
+            &+li {
               margin-top: 1.6rem;
             }
 
@@ -4652,17 +4689,21 @@ pre {
                 color: #000;
                 font-weight: 400;
               }
+
               &.bu {
                 padding-left: 1.4rem;
                 text-indent: -1.2rem;
+
                 @include tablet {
                   padding-left: 1.4rem;
                   text-indent: -1.2rem;
                 }
               }
+
               .green {
                 color: #5d7d2b;
               }
+
               .red {
                 color: #ea0029;
               }
@@ -4672,20 +4713,25 @@ pre {
               padding: 1.6rem 0 0 1.2rem;
               font-size: 1.2rem;
               color: #000;
+
               @include tablet {
                 font-size: 1.4rem;
               }
+
               em {
                 color: #5d7d2b;
               }
+
               &.minus {
                 em {
                   color: #ea0029;
                 }
               }
             }
+
             .black {
               color: #000;
+
               em {
                 color: #aaa;
               }
@@ -4706,6 +4752,7 @@ pre {
         color: #676767;
         font-weight: 400;
         cursor: pointer;
+
         &:after {
           content: "";
           display: block;
@@ -4718,9 +4765,11 @@ pre {
           transform: rotate(0);
           transition: all 0.1s ease;
         }
+
         em {
           border-bottom: 1px solid #676767;
         }
+
         &.fold {
           &:after {
             transform: rotate(180deg);
@@ -4746,7 +4795,7 @@ pre {
         padding: 0;
       }
 
-      > div {
+      >div {
         display: flex;
         align-items: center;
         justify-content: flex-start;
@@ -4759,6 +4808,7 @@ pre {
         @include tablet {
           padding: 0 3rem;
         }
+
         .amount {
           display: block;
           width: 100%;
@@ -4766,11 +4816,13 @@ pre {
           font-weight: 600;
           color: #5d7d2b;
         }
+
         b {
           display: flex;
           align-items: center;
           justify-content: flex-start;
           font-weight: 400;
+
           &:before {
             content: "";
             display: block;
@@ -4788,11 +4840,13 @@ pre {
             border-top: 0;
             border-left: 1px solid #d9d9d9;
           }
+
           b {
             &:before {
               background: url("../images/common/icon-minus-red.png") no-repeat center / contain;
             }
           }
+
           .amount {
             color: #ea0029;
           }
@@ -4800,4 +4854,4 @@ pre {
       }
     }
   }
-}
+}

kr/assets/css/order.css

@@ -184,7 +184,7 @@
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
-  object-fit: cover;
+     object-fit: cover;
   aspect-ratio: 1/1;
 }
 .contentWarp .cartView .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div dl {
@@ -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;
   }
 }
@@ -733,18 +733,16 @@
   }
 }
 @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 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 {
     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 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 {
     width: 3.2rem;
   }
 }
@@ -868,18 +866,16 @@
   }
 }
 @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 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 {
     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 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 {
     width: 3.2rem;
   }
 }
@@ -916,20 +912,20 @@
 .contentWarp .cartView .counponList li .infoWrap .info .radioItem {
   margin-top: 0.5rem;
 }
-.contentWarp .cartView .counponList li .infoWrap .info .radioItem [type="radio"] {
+.contentWarp .cartView .counponList li .infoWrap .info .radioItem [type=radio] {
   position: relative;
   top: -0.1rem;
   vertical-align: middle;
   -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
+     -moz-appearance: none;
+          appearance: none;
   border: max(1px, 0.1em) solid #05141f;
   border-radius: 50%;
   width: 1.5rem;
   height: 1.5rem;
   transition: border 0.3s ease-in-out;
 }
-.contentWarp .cartView .counponList li .infoWrap .info .radioItem [type="radio"]:checked::after {
+.contentWarp .cartView .counponList li .infoWrap .info .radioItem [type=radio]:checked::after {
   content: "";
   position: absolute;
   top: 0.3rem;
@@ -939,13 +935,13 @@
   background: #000000;
   border-radius: 100%;
 }
-.contentWarp .cartView .counponList li .infoWrap .info .radioItem [type="radio"]:disabled {
+.contentWarp .cartView .counponList li .infoWrap .info .radioItem [type=radio]:disabled {
   background-color: #dedede;
   box-shadow: none;
   opacity: 0.7;
   cursor: not-allowed;
 }
-.contentWarp .cartView .counponList li .infoWrap .info .radioItem [type="radio"]:disabled + span {
+.contentWarp .cartView .counponList li .infoWrap .info .radioItem [type=radio]:disabled + span {
   opacity: 0.5;
   cursor: not-allowed;
 }
@@ -1082,44 +1078,44 @@
 .couponPopup .coupon-list li + li {
   margin-top: 2rem;
 }
-.couponPopup .coupon-list input[type="radio"] {
+.couponPopup .coupon-list input[type=radio] {
   position: absolute;
   opacity: 0;
   pointer-events: none;
   -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
+     -moz-appearance: none;
+          appearance: none;
 }
-.couponPopup .coupon-list input[type="radio"]:focus {
+.couponPopup .coupon-list input[type=radio]:focus {
   outline: none;
   -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
+     -moz-user-select: none;
+          user-select: none;
   -webkit-tap-highlight-color: transparent;
 }
-.couponPopup .coupon-list input[type="radio"]:checked ~ .coupon-item {
+.couponPopup .coupon-list input[type=radio]:checked ~ .coupon-item {
   border-color: #111;
 }
-.couponPopup .coupon-list input[type="radio"]:checked ~ .coupon-item:focus {
+.couponPopup .coupon-list input[type=radio]:checked ~ .coupon-item:focus {
   outline: none;
 }
-.couponPopup .coupon-list input[type="radio"]:checked ~ .coupon-item .icon-check {
+.couponPopup .coupon-list input[type=radio]:checked ~ .coupon-item .icon-check {
   background-color: #05141f;
   background-image: url("../images/common/coupon_check_on.png");
 }
-.couponPopup .coupon-list input[type="radio"]:disabled ~ .coupon-item {
+.couponPopup .coupon-list input[type=radio]:disabled ~ .coupon-item {
   background-color: #f1f1f1;
   border-color: #e0e0e0;
   color: #aaa;
   cursor: not-allowed;
 }
-.couponPopup .coupon-list input[type="radio"]:disabled ~ .coupon-item .coupon-label {
+.couponPopup .coupon-list input[type=radio]:disabled ~ .coupon-item .coupon-label {
   color: #aaa;
 }
-.couponPopup .coupon-list input[type="radio"]:disabled ~ .coupon-item .coupon-label strong {
+.couponPopup .coupon-list input[type=radio]:disabled ~ .coupon-item .coupon-label strong {
   color: #9ea1a2;
 }
-.couponPopup .coupon-list input[type="radio"]:disabled ~ .coupon-item .coupon-label small {
+.couponPopup .coupon-list input[type=radio]:disabled ~ .coupon-item .coupon-label small {
   color: #bbb;
 }
 .couponPopup .coupon-list .coupon-item {
@@ -1132,8 +1128,8 @@
   background-color: #fff;
   cursor: pointer;
   -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
+     -moz-user-select: none;
+          user-select: none;
   -webkit-tap-highlight-color: transparent;
 }
 .couponPopup .coupon-list .coupon-item:focus {
@@ -1655,8 +1651,7 @@
 .contentWarp.carsw .carswRight .carswRightInner .carswInfo .oneButtonBlack {
   margin-top: 4rem;
 }
-.contentWarp.carsw .carswRight .carswRightInner .carswInfo .oneButtonBlack button::before,
-.contentWarp.carsw .carswRight .carswRightInner .carswInfo .oneButtonBlack button::after {
+.contentWarp.carsw .carswRight .carswRightInner .carswInfo .oneButtonBlack button::before, .contentWarp.carsw .carswRight .carswRightInner .carswInfo .oneButtonBlack button::after {
   width: 3.2rem;
 }
 .contentWarp.carsw .carswRight .carswRightInner .carswInfo .safariCaution {
@@ -1824,13 +1819,11 @@
     width: 16rem;
   }
 }
-.contentWarp.carsw .carsFull .installGuide div:last-child div a::before,
-.contentWarp.carsw .carsFull .installGuide div:last-child div a::after {
+.contentWarp.carsw .carsFull .installGuide div:last-child div a::before, .contentWarp.carsw .carsFull .installGuide div:last-child div a::after {
   width: 3.2rem;
 }
 @media (min-width: 768px) {
-  .contentWarp.carsw .carsFull .installGuide div:last-child div a::before,
-  .contentWarp.carsw .carsFull .installGuide div:last-child div a::after {
+  .contentWarp.carsw .carsFull .installGuide div:last-child div a::before, .contentWarp.carsw .carsFull .installGuide div:last-child div a::after {
     width: 3.2rem;
   }
 }
@@ -2082,13 +2075,11 @@
     margin-top: 0;
   }
 }
-.contentWarp.carsw .carsFull .completeForm > div > dl .completeItemList ul li .cachItem > div a::before,
-.contentWarp.carsw .carsFull .completeForm > div > dl .completeItemList ul li .cachItem > div a::after {
+.contentWarp.carsw .carsFull .completeForm > div > dl .completeItemList ul li .cachItem > div a::before, .contentWarp.carsw .carsFull .completeForm > div > dl .completeItemList ul li .cachItem > div a::after {
   width: 3.2rem;
 }
 @media (min-width: 768px) {
-  .contentWarp.carsw .carsFull .completeForm > div > dl .completeItemList ul li .cachItem > div a::before,
-  .contentWarp.carsw .carsFull .completeForm > div > dl .completeItemList ul li .cachItem > div a::after {
+  .contentWarp.carsw .carsFull .completeForm > div > dl .completeItemList ul li .cachItem > div a::before, .contentWarp.carsw .carsFull .completeForm > div > dl .completeItemList ul li .cachItem > div a::after {
     width: 3.2rem;
   }
 }
@@ -2205,4 +2196,4 @@
   font-size: 1.4rem;
   color: #676767;
 }
-/*# sourceMappingURL=order.css.map */
+/*# sourceMappingURL=order.css.map */

kr/assets/css/order.scss

@@ -1,5 +1,6 @@
 @charset "UTF-8";
 @import "utils.scss";
+
 /*변수파일 import*/
 //장바구니 레이아웃 및 요소
 .contentWarp {
@@ -142,7 +143,7 @@
                     flex-wrap: nowrap;
                   }
 
-                  > div {
+                  >div {
                     display: flex;
                     margin-top: 1.4rem;
 
@@ -150,7 +151,7 @@
                       margin-top: 0;
                     }
 
-                    > p {
+                    >p {
                       min-width: 7.5rem;
                       height: 7.5rem;
                       overflow: hidden;
@@ -235,7 +236,7 @@
                         }
                       }
 
-                      dt + dd {
+                      dt+dd {
                         margin-top: 0.5rem;
 
                         @include desktopMin {
@@ -243,7 +244,7 @@
                         }
                       }
 
-                      dd + dd {
+                      dd+dd {
                         margin-top: 1.5rem;
                         font-size: 1.4rem;
 
@@ -255,7 +256,7 @@
                   }
                 }
 
-                .cartItemInfo + dl {
+                .cartItemInfo+dl {
                   @include maxmobile {
                     width: 100%;
                   }
@@ -321,7 +322,7 @@
                   width: 100%;
                   min-width: 18rem;
 
-                  button + button {
+                  button+button {
                     margin-top: 1rem;
                   }
 
@@ -638,7 +639,7 @@
             }
           }
 
-          li + li {
+          li+li {
             margin-top: 1rem;
           }
 
@@ -658,7 +659,7 @@
               min-height: 17rem;
             }
 
-            > p {
+            >p {
               font-weight: 600;
               font-size: 1.8rem;
               color: #9ea1a2;
@@ -694,7 +695,7 @@
                 width: fit-content;
               }
 
-              > p {
+              >p {
                 width: 100%;
                 display: flex;
                 align-items: center;
@@ -720,6 +721,7 @@
 
                 button,
                 a {
+
                   &::before,
                   &::after {
                     @include tablet {
@@ -767,7 +769,7 @@
           max-height: 12rem;
         }
 
-        > p {
+        >p {
           font-size: 1.4rem;
 
           @include mobile {
@@ -805,7 +807,7 @@
             width: fit-content;
           }
 
-          > p {
+          >p {
             width: 100%;
             display: flex;
             align-items: center;
@@ -840,6 +842,7 @@
 
             button,
             a {
+
               &::before,
               &::after {
                 @include tablet {
@@ -917,7 +920,7 @@
                 cursor: not-allowed;
               }
 
-              [type="radio"]:disabled + span {
+              [type="radio"]:disabled+span {
                 opacity: 0.5;
                 cursor: not-allowed;
               }
@@ -1074,7 +1077,7 @@
     li {
       position: relative;
 
-      & + li {
+      &+li {
         margin-top: 2rem;
       }
     }
@@ -1092,7 +1095,7 @@
       }
 
       &:checked {
-        & ~ .coupon-item {
+        &~.coupon-item {
           border-color: #111;
 
           &:focus {
@@ -1107,7 +1110,7 @@
       }
 
       &:disabled {
-        & ~ .coupon-item {
+        &~.coupon-item {
           background-color: #f1f1f1;
           border-color: #e0e0e0;
           color: #aaa;
@@ -1212,6 +1215,7 @@
         flex-shrink: 0;
         border-left: 1px dashed #dedede;
         border-radius: 0 0.8rem 0.8rem 0;
+
         @include tablet {
           width: 16rem;
         }
@@ -1231,7 +1235,7 @@
       @include tablet {
         justify-content: center;
 
-        & > a {
+        &>a {
           width: 18rem;
           margin: 0;
         }
@@ -1316,10 +1320,10 @@
                 }
 
                 .cartItemInfo {
-                  > div {
+                  >div {
                     margin-top: 0;
 
-                    > p {
+                    >p {
                       margin-left: 0;
                       border-radius: 0;
 
@@ -1350,7 +1354,7 @@
                   }
                 }
 
-                .cartItemInfo + dl {
+                .cartItemInfo+dl {
                   min-width: 20rem;
 
                   dd {
@@ -1404,7 +1408,7 @@
                   }
                 }
 
-                > dl {
+                >dl {
                   .couponBtn {
                     display: flex;
                     justify-content: flex-end;
@@ -1661,7 +1665,7 @@
           }
         }
 
-        > a {
+        >a {
           display: flex;
           font-size: 1.4rem;
           color: #676767;
@@ -1682,11 +1686,11 @@
           }
         }
 
-        a + a {
+        a+a {
           margin-top: 1.5rem;
         }
 
-        > label {
+        >label {
           display: flex;
           margin-top: 2rem;
           align-items: flex-start;
@@ -1703,6 +1707,7 @@
           margin-top: 4rem;
 
           button {
+
             &::before,
             &::after {
               width: 3.2rem;
@@ -1866,7 +1871,7 @@
           }
         }
 
-        p + p {
+        p+p {
           margin-top: 2rem;
         }
 
@@ -1881,6 +1886,7 @@
 
           div {
             a {
+
               &::before,
               &::after {
                 width: 3.2rem;
@@ -1908,14 +1914,14 @@
     .completeForm {
       margin-top: 4rem;
 
-      > div {
+      >div {
         border-top: 1px solid #999999;
 
         @include tablet {
           border-top: 1px solid #dedede;
         }
 
-        > dl {
+        >dl {
           border-bottom: 1px solid #dedede;
           display: flex;
           flex-wrap: wrap;
@@ -1933,7 +1939,7 @@
             }
           }
 
-          > dt {
+          >dt {
             padding-top: 1rem;
 
             @include tablet {
@@ -1942,7 +1948,7 @@
             }
           }
 
-          > dd {
+          >dd {
             padding-top: 1rem;
             padding-bottom: 1rem;
             font-weight: 600;
@@ -1954,7 +1960,7 @@
             }
           }
 
-          > dt {
+          >dt {
             width: 100%;
             font-size: 1.4rem;
             padding-left: 0rem;
@@ -1982,7 +1988,7 @@
             }
           }
 
-          > dd {
+          >dd {
             padding-left: 0;
             width: 100%;
             font-size: 1.4rem;
@@ -2023,7 +2029,7 @@
                     margin-top: 0;
                   }
 
-                  > div {
+                  >div {
                     position: relative;
                     border-radius: 0.6rem;
                     overflow: hidden;
@@ -2123,7 +2129,7 @@
                     }
                   }
 
-                  dl + dl {
+                  dl+dl {
                     margin-top: 1rem;
 
                     @include tablet {
@@ -2132,7 +2138,7 @@
                     }
                   }
 
-                  > div {
+                  >div {
                     margin-left: 0rem;
                     width: 100%;
                     margin-top: 3rem;
@@ -2144,6 +2150,7 @@
                     }
 
                     a {
+
                       &::before,
                       &::after {
                         width: 3.2rem;
@@ -2157,7 +2164,7 @@
                 }
               }
 
-              li + li {
+              li+li {
                 border-top: 0;
                 margin-top: 1.5rem;
 
@@ -2201,7 +2208,7 @@
           flex-wrap: nowrap;
         }
 
-        button + button {
+        button+button {
           margin-top: 1rem;
 
           @include tablet {
@@ -2267,7 +2274,7 @@
   display: flex;
   flex-direction: column;
 
-  + .agree-label {
+  +.agree-label {
     margin-top: 2.5rem;
   }
 
@@ -2288,4 +2295,4 @@
     font-size: 1.4rem;
     color: #676767;
   }
-}
+}

kr/info/product-usage-guide.html

@@ -251,7 +251,7 @@
         <section>
           <h2 class="titleCase01">기아 커넥트 스토어 디지털 사양 이용안내</h2>
           <div class="listType01">
-            <a href="/kr/info/product-usage-guide-nba.html" style="background-image: url('../assets/images/kia/contents/imgUsageList10.jpg')" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>디스플레이 테마</b></a>
+            <a href="/kr/info/product-usage-guide-displayThemes.html" style="background-image: url('../assets/images/kia/contents/imgUsageList10.jpg')" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>디스플레이 테마</b></a>
             <a href="/kr/info/product-usage-guide-incargame.html" style="background-image: url('../assets/images/kia/contents/imgUsageList06.jpg')" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>아케이드 게임</b></a>
             <a href="/kr/info/product-usage-guide-srs.html" style="background-image: url('../assets/images/kia/contents/imgUsageList07.jpg')" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>스마트 회생 시스템 플러스</b></a>
             <!-- <a href="#" style="background-image: url('../assets/images/kia/contents/imgUsageList08_comingsoon.jpg');" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"><b>스트리밍 프리미엄 (Coming Soon)</b></a> -->