GNB & 차량 리스트 개선 UX _20250804 수정

kr/assets/css/common.css

@@ -913,7 +913,7 @@ video::-webkit-media-controls {
   }
   .hederWarp_n .headerInner .gnb .menuWarp .mobileCarlist .mobilecarItem .item span {
     color: #9ea1a2;
-    font-size: 1.4rem;
+    font-size: 1.2rem;
   }
   .hederWarp_n .headerInner .gnb .menuWarp .mobileCarlist .mobilecarItem .item span + span {
     color: #676767;
@@ -4601,12 +4601,14 @@ video::-webkit-media-controls {
   align-items: center;
   justify-content: space-between;
   gap: 0.8rem;
+  max-height: 27rem;
 }
 #carListPopup .popContents .carlistItem button {
   position: relative;
   padding: 0.8rem 0 0.8rem 3rem;
   text-align: left;
   cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
 }
 #carListPopup .popContents .carlistItem button strong {
   display: block;

kr/assets/css/common.scss

@@ -188,7 +188,8 @@ video::-webkit-media-controls {
               left: 50%;
               transform: translate(-50%, 0);
 
-              @include desktopMin {}
+              @include desktopMin {
+              }
 
               .boxBullet {
                 display: none;
@@ -693,7 +694,6 @@ video::-webkit-media-controls {
             .moblieMenu {
               .slide-open {
                 .burgur {
-
                   .top-line,
                   .bot-line {
                     background-color: #000;
@@ -1058,7 +1058,7 @@ video::-webkit-media-controls {
 
                 span {
                   color: #9ea1a2;
-                  font-size: 1.4rem;
+                  font-size: 1.2rem;
                 }
 
                 span + span {
@@ -2642,7 +2642,8 @@ video::-webkit-media-controls {
                   margin-bottom: 0rem;
                 }
 
-                @include desktopMax {}
+                @include desktopMax {
+                }
 
                 dt {
                   color: #676767;
@@ -5098,12 +5099,14 @@ video::-webkit-media-controls {
       align-items: center;
       justify-content: space-between;
       gap: 0.8rem;
+      max-height: 27rem;
 
       button {
         position: relative;
         padding: 0.8rem 0 0.8rem 3rem;
         text-align: left;
         cursor: pointer;
+        -webkit-tap-highlight-color: transparent;
 
         strong {
           display: block;

kr/assets/js/common.js

@@ -1515,7 +1515,6 @@ $(document).on("click", "#carListPopup .popContents .carlistItem button", functi
   $(this).closest("li").addClass("selected");
 
   // 상위 .carItem span에 선택된 텍스트 적용
-  $(".hederWarp_n .headerInner .gnb .menuWarp .mobileCarlist .mobilecarItem .item strong").text(selectedText);
+  // $(".hederWarp_n .headerInner .gnb .menuWarp .mobileCarlist .mobilecarItem .item strong").text(selectedText);
-  $(".hederWarp_n .headerInner .gnb .menuWarp .mobileCarlist .mobilecarItem .item span").text(selectedTextCode);
+  // $(".hederWarp_n .headerInner .gnb .menuWarp .mobileCarlist .mobilecarItem .item span").text(selectedTextCode);
-  close_layer_popup("carListPopup");
 });

kr/mypage/coupon-list_new.html

@@ -731,12 +731,30 @@
                   <em>666JH4TB2H26CC012345</em>
                 </button>
               </li>
+              <li>
+                <button>
+                  <strong>쏘렌토(MQ4) 하이브리드-플러그인 상품성 개선</strong>
+                  <em>444JH4TB2H26CC012345</em>
+                </button>
+              </li>
+              <li>
+                <button>
+                  <strong>쏘렌토(MQ4) 하이브리드</strong>
+                  <em>555JH4TB2H26CC012345</em>
+                </button>
+              </li>
+              <li>
+                <button>
+                  <strong>스포티지 개조 25</strong>
+                  <em>666JH4TB2H26CC012345</em>
+                </button>
+              </li>
             </ul>
           </div>
         </div>
         <div class="towButton">
           <button class="cartBtn leftBtn" onclick="close_layer_popup('carListPopup')"><p>취소</p></button>
-          <button class="PurchaseBtn rightBtn"><p>선택</p></button>
+          <button class="PurchaseBtn rightBtn" onclick="close_layer_popup('carListPopup')"><p>선택</p></button>
         </div>
       </div>
     </div>