Update promotion styles to reduce max-width from 124rem to 120rem across various sections; remove unused image and clean up HTML comments in Disney promotion page.

kr/assets/css/promotion.css

@@ -47,7 +47,7 @@
 }
 #promotion .promotionHeader .promotionHeaderInner {
   width: 100%;
-  max-width: 124rem;
+  max-width: 120rem;
   margin: 0 auto;
   padding-top: 86vw;
 }
@@ -119,7 +119,7 @@
   }
 }
 #promotion .tabNavigation .tabNavigationInner {
-  max-width: 124rem;
+  max-width: 120rem;
 }
 @media (min-width: 768px) {
   #promotion .tabNavigation .tabNavigationInner {
@@ -198,7 +198,7 @@
   position: relative;
 }
 #promotion .contentSection .contentSectionInner {
-  max-width: 124rem;
+  max-width: 120rem;
   margin: 0 auto;
 }
 @media (min-width: 768px) {
@@ -342,7 +342,7 @@
   }
 }
 #promotion .available-cars .contentSection {
-  max-width: 124rem;
+  max-width: 120rem;
   margin: 0 auto;
 }
 #promotion .available-cars .contentSection .title-area {
@@ -432,7 +432,7 @@
 }
 @media (min-width: 768px) {
   #promotion .theme-select-guide .contentSection {
-    max-width: 124rem;
+    max-width: 120rem;
     margin: 0 auto;
     padding: 16.8rem 2rem;
   }
@@ -731,7 +731,7 @@
 }
 @media (min-width: 768px) {
   #promotion .more-features .contentSection {
-    max-width: 124rem;
+    max-width: 120rem;
     margin: 0 auto;
     padding: 7rem 2rem 12rem;
   }
@@ -846,7 +846,7 @@
 @media (min-width: 768px) {
   #promotion .information .contentSection {
     padding: 11.5rem 2rem 8rem;
-    max-width: 124rem;
+    max-width: 120rem;
     margin: 0 auto;
   }
 }
@@ -960,7 +960,7 @@
   #promotion .goto-area .contentSection {
     display: flex;
     align-items: center;
-    max-width: 124rem;
+    max-width: 120rem;
     height: 10rem;
     padding: 0 2rem;
     margin: 0 auto;

kr/assets/css/promotion.scss

@@ -38,7 +38,7 @@ $KiaBlack: #05141f;
     }
     .promotionHeaderInner {
       width: 100%;
-      max-width: 124rem;
+      max-width: 120rem;
       margin: 0 auto;
       padding-top: 86vw;
       @include tablet {
@@ -102,7 +102,7 @@ $KiaBlack: #05141f;
       }
     }
     .tabNavigationInner {
-      max-width: 124rem;
+      max-width: 120rem;
       @include tablet {
         margin: 0 auto;
       }
@@ -173,7 +173,7 @@ $KiaBlack: #05141f;
     min-height: 60rem;
     position: relative;
     .tabContentInner {
-      // max-width: 124rem;
+      // max-width: 120rem;
       margin: 0 auto;
       position: relative;
       .tabContent {
@@ -188,7 +188,7 @@ $KiaBlack: #05141f;
 
   .contentSection {
     .contentSectionInner {
-      max-width: 124rem;
+      max-width: 120rem;
       margin: 0 auto;
       @include tablet {
         padding: 0;
@@ -325,7 +325,7 @@ $KiaBlack: #05141f;
       padding: 12rem 2rem 3.2rem;
     }
     .contentSection {
-      max-width: 124rem;
+      max-width: 120rem;
       margin: 0 auto;
       .title-area {
         margin-bottom: 3.2rem;
@@ -409,7 +409,7 @@ $KiaBlack: #05141f;
     .contentSection {
       padding: 8rem 2rem;
       @include tablet {
-        max-width: 124rem;
+        max-width: 120rem;
         margin: 0 auto;
         padding: 16.8rem 2rem;
       }
@@ -712,7 +712,7 @@ $KiaBlack: #05141f;
     .contentSection {
       padding: 7.9rem 0;
       @include tablet {
-        max-width: 124rem;
+        max-width: 120rem;
         margin: 0 auto;
         padding: 7rem 2rem 12rem;
       }
@@ -816,7 +816,7 @@ $KiaBlack: #05141f;
       padding: 7.8rem 2rem;
       @include tablet {
         padding: 11.5rem 2rem 8rem;
-        max-width: 124rem;
+        max-width: 120rem;
         margin: 0 auto;
       }
       .title-area {
@@ -926,7 +926,7 @@ $KiaBlack: #05141f;
       @include tablet {
         display: flex;
         align-items: center;
-        max-width: 124rem;
+        max-width: 120rem;
         height: 10rem;
         padding: 0 2rem;
         margin: 0 auto;

kr/promotion/disney_promotion.html

@@ -670,7 +670,7 @@
                   </div>
 
                   <div class="guides-content">
-                    <div class="item">
+                    <!-- <div class="item">
                       <span class="logo">
                         <img src="../assets/images/kia/promotion/national_logo1.png" alt="National Geographic Baby Animals" />
                       </span>
@@ -687,14 +687,14 @@
                         <img src="../assets/images/kia/promotion/national_logo3.png" alt="National Geographic Landscapes" />
                       </span>
                       <strong>National Geographic Landscapes</strong>
-                    </div>
+                    </div> -->
 
-                    <!-- <div class="item stay-tuned-item">
+                    <div class="item stay-tuned-item">
                       <div class="stay-tuned">
                         <span></span>
                         <strong>STAY TUNED</strong>
                       </div>
-                    </div> -->
+                    </div>
                   </div>
                 </div>
                 <!-- End National Geographic 테마 -->