Update Disney display theme to Mickey, including CSS adjustments for text alignment and color. Removed old Disney theme HTML file and updated references in the new theme. Enhanced layout and media queries for better responsiveness.

kr/assets/css/pdp_detail.css

@@ -19,6 +19,15 @@
 .comp_wide:first-child {
   margin-top: 0;
 }
+.comp_wide .text-left {
+  text-align: left !important;
+}
+.comp_wide .text-center {
+  text-align: center !important;
+}
+.comp_wide .text-right {
+  text-align: right !important;
+}
 
 .comp_body {
   width: 100%;
@@ -3820,6 +3829,9 @@
   letter-spacing: -0.095rem;
   line-height: 1.3;
 }
+.displayThemeDesney .comp_body .text_area h3.color-000 {
+  color: #000;
+}
 @media (min-width: 768px) {
   .displayThemeDesney .comp_body .text_area h3 {
     margin: 1.2rem 0 3rem;
@@ -3831,6 +3843,9 @@
   letter-spacing: -0.075rem;
   line-height: 1.5;
 }
+.displayThemeDesney .comp_body .text_area .info.color-000 {
+  color: #000;
+}
 .displayThemeDesney .comp_body .text_area .info br {
   display: none;
 }
@@ -3911,13 +3926,12 @@
 .displayThemeDesney .available-theme .list ul {
   display: flex;
   flex-wrap: wrap;
-  justify-content: space-between;
+  justify-content: center;
   width: 100%;
-  gap: 5.6rem 0;
+  gap: 5.6rem 0.8rem;
 }
 @media (min-width: 768px) {
   .displayThemeDesney .available-theme .list ul {
-    justify-content: center;
     gap: 2.4rem;
   }
 }
@@ -3959,6 +3973,7 @@
 @media (min-width: 768px) {
   .displayThemeDesney .available-theme .list ul li a .txt {
     padding: 2rem 2.4rem;
+    text-align: left;
   }
 }
 .displayThemeDesney .available-theme .list ul li a .txt strong {
@@ -3991,7 +4006,6 @@
   position: relative;
   width: 100%;
   aspect-ratio: 320/190;
-  padding: 6.6666666667vw 5.5555555556vw;
   margin: 0;
   background-color: transparent;
   border-radius: 0;
@@ -4015,11 +4029,21 @@
     background: url(../images/kia/pdp/display_theme_disney/box_more.png) no-repeat center/auto 100%;
   }
 }
+.displayThemeDesney .available-theme .list ul li.more a {
+  display: block;
+  width: 100%;
+  height: 100%;
+  padding: 6.6666666667vw 5.5555555556vw;
+}
+@media (min-width: 768px) {
+  .displayThemeDesney .available-theme .list ul li.more a {
+    padding: 4.8rem 4rem;
+  }
+}
 @media (min-width: 768px) {
   .displayThemeDesney .available-theme .list ul li.more {
     width: 57.4rem;
     height: 36.9rem;
-    padding: 4.8rem 4rem;
     margin: 0 0 0;
     border-radius: 0;
     box-shadow: none;
@@ -4138,6 +4162,7 @@
   .displayThemeDesney .available-theme .list ul li.more .hashs {
     font-size: 1.6rem;
     margin-top: 2.2rem;
+    text-align: left;
   }
 }
 .displayThemeDesney.discover-epic-design {
@@ -4155,6 +4180,14 @@
     background: url(../images/kia/pdp/display_theme_disney/bg_design.jpg) no-repeat center top/192rem auto;
   }
 }
+.displayThemeDesney.discover-epic-design.mickey {
+  background: url(../images/kia/pdp/display_theme_mickey/bg_design_m.jpg) no-repeat center top/100% auto;
+}
+@media (min-width: 768px) {
+  .displayThemeDesney.discover-epic-design.mickey {
+    background: url(../images/kia/pdp/display_theme_mickey/bg_design.jpg) no-repeat center top/192rem auto;
+  }
+}
 .displayThemeDesney.discover-epic-design .comp_top {
   padding: 0 2rem 2.4rem;
 }
@@ -4314,6 +4347,14 @@
     background-image: url(../images/kia/pdp/display_theme_disney/ico_tab_active.png);
   }
 }
+@media (min-width: 768px) {
+  .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu.blue ul li.active .tab-btn {
+    background: linear-gradient(90deg, #1c5eed 0%, #1031b5 100%);
+  }
+  .displayThemeDesney.discover-epic-design .tab-wrap .tab-menu.blue ul li.active .tab-btn:before {
+    background: url(../images/kia/pdp/display_theme_mickey/ico_tab_active.png) no-repeat center top/100% auto;
+  }
+}
 .displayThemeDesney.discover-epic-design .tab-wrap .text_area {
   margin-top: 1.6rem;
   text-align: left;
@@ -4408,6 +4449,24 @@
     margin-top: 0.4rem;
   }
 }
+.displayThemeDesney.mickey .layer_up.comp_body .text_area {
+  margin-top: 10.7rem;
+}
+@media (min-width: 768px) {
+  .displayThemeDesney.mickey .layer_up.comp_body .text_area {
+    margin-top: 13.7rem;
+  }
+}
+.displayThemeDesney.mickey .available-theme .list ul li.more strong .speech-bubble {
+  top: -5.4rem;
+  transform: translateX(35%);
+}
+@media (min-width: 768px) {
+  .displayThemeDesney.mickey .available-theme .list ul li.more strong .speech-bubble {
+    top: -7.8rem;
+    transform: translateX(-20%);
+  }
+}
 .displayThemeDesney .image_area {
   position: relative;
   max-width: 100%;

kr/assets/css/pdp_detail.scss

@@ -12,6 +12,16 @@
   &:first-child {
     margin-top: 0;
   }
+
+  .text-left {
+    text-align: left !important;
+  }
+  .text-center {
+    text-align: center !important;
+  }
+  .text-right {
+    text-align: right !important;
+  }
 }
 
 .comp_body {
@@ -4369,6 +4379,10 @@
         letter-spacing: -0.095rem;
         line-height: 1.3;
 
+        &.color-000 {
+          color: #000;
+        }
+
         @include tablet {
           margin: 1.2rem 0 3rem;
           font-size: 4.8rem;
@@ -4380,6 +4394,10 @@
         letter-spacing: -0.075rem;
         line-height: 1.5;
 
+        &.color-000 {
+          color: #000;
+        }
+
         br {
           display: none;
 
@@ -4460,12 +4478,11 @@
       ul {
         display: flex;
         flex-wrap: wrap;
-        justify-content: space-between;
+        justify-content: center;
         width: 100%;
-        gap: 5.6rem 0;
+        gap: 5.6rem 0.8rem;
 
         @include tablet {
-          justify-content: center;
           gap: 2.4rem;
         }
 
@@ -4509,6 +4526,7 @@
 
               @include tablet {
                 padding: 2rem 2.4rem;
+                text-align: left;
               }
 
               strong {
@@ -4548,7 +4566,6 @@
             // height: vw(194);
             aspect-ratio: 320 / 190;
             // padding: 2.4rem 2rem;
-            padding: vw(24) vw(20);
             margin: 0;
             // border-radius: 2rem 0.8rem 2rem 0.8rem;
             background-color: transparent;
@@ -4573,10 +4590,20 @@
               }
             }
 
+            a {
+              display: block;
+              width: 100%;
+              height: 100%;
+              padding: vw(24) vw(20);
+
+              @include tablet {
+                padding: 4.8rem 4rem;
+              }
+            }
+
             @include tablet {
               width: 57.4rem;
               height: 36.9rem;
-              padding: 4.8rem 4rem;
               margin: 0 0 0;
               border-radius: 0;
               box-shadow: none;
@@ -4715,6 +4742,7 @@
               @include tablet {
                 font-size: 1.6rem;
                 margin-top: 2.2rem;
+                text-align: left;
               }
             }
           }
@@ -4737,6 +4765,14 @@
       background: url(../images/kia/pdp/display_theme_disney/bg_design.jpg) no-repeat center top / 192rem auto;
     }
 
+    &.mickey {
+      background: url(../images/kia/pdp/display_theme_mickey/bg_design_m.jpg) no-repeat center top / 100% auto;
+
+      @include tablet {
+        background: url(../images/kia/pdp/display_theme_mickey/bg_design.jpg) no-repeat center top / 192rem auto;
+      }
+    }
+
     .comp_top {
       padding: 0 2rem 2.4rem;
 
@@ -4901,6 +4937,24 @@
             }
           }
         }
+
+        &.blue {
+          ul {
+            li {
+              &.active {
+                .tab-btn {
+                  @include tablet {
+                    background: linear-gradient(90deg, #1c5eed 0%, #1031b5 100%);
+
+                    &:before {
+                      background: url(../images/kia/pdp/display_theme_mickey/ico_tab_active.png) no-repeat center top / 100% auto;
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
       }
 
       .text_area {
@@ -5005,6 +5059,39 @@
     }
   }
 
+  &.mickey {
+    .layer_up {
+      &.comp_body {
+        .text_area {
+          margin-top: 10.7rem;
+          @include tablet {
+            margin-top: 13.7rem;
+          }
+        }
+      }
+    }
+    .available-theme {
+      .list {
+        ul {
+          li {
+            &.more {
+              strong {
+                .speech-bubble {
+                  top: -5.4rem;
+                  transform: translateX(35%);
+                  @include tablet {
+                    top: -7.8rem;
+                    transform: translateX(-20%);
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
   .image_area {
     position: relative;
     max-width: 100%;

kr/product/pdp_display_theme_disney_en.html

@@ -34,7 +34,7 @@
     <script type="text/javascript" charset="UTF-8" src="../assets/js/common.js?v2"></script>
     <!--상품상세 페이지 css 분리-->
     <link rel="stylesheet" charset="UTF-8" href="../assets/css/product.css?v1.2" type="text/css" />
-    <link rel="stylesheet" charset="UTF-8" href="../assets/css/pdp_detail.css?v81552" type="text/css" />
+    <link rel="stylesheet" charset="UTF-8" href="../assets/css/pdp_detail.css?v81553123" type="text/css" />
     <link rel="shortcut icon" href="../assets/images/kia/home_icon.png" />
     <link rel="apple-touch-icon-precomposed" href="../assets/images/kia/home_icon.png" />
     <link rel="shortcut icon" href="../assets/images/kia/favicon-16x16.png" />
@@ -122,7 +122,7 @@
                 <div class="menuDepth2Wrap info">
                   <h3><a href="/kr/kia.html#mainProductList">디지털 사양</a></h3>
                   <ul>
-                    <li class="menuDepth2"><a href="/kr/product/pdp_display_theme_disney.html">디즈니 디스플레이 테마</a></li>
+                    <li class="menuDepth2"><a href="/kr/product/pdp_display_theme_mickey.html">디즈니 디스플레이 테마</a></li>
                     <li class="menuDepth2"><a href="/kr/product/pdp_display_theme_kbo.html">KBO 디스플레이 테마</a></li>
                     <li class="menuDepth2"><a href="/kr/product/pdp_display_theme.html">NBA 디스플레이 테마</a></li>
                     <li class="menuDepth2"><a href="/kr/product/pdp_in_car_game.html">아케이드 게임</a></li>
@@ -244,14 +244,14 @@
       <div class="infoStickyInner">
         <div class="stickyLeft">
           <p>
-            <strong>KBO 디스플레이 테마</strong>
+            <strong>Disney Mickey & Friends Display Theme</strong>
             <!-- <span>30개 NBA 팀의 개성있는 디스플레이 테마로 분위기 업업~!!!</span> -->
           </p>
         </div>
         <div class="stickyRight">
           <dl>
-            <dt>평생 이용권</dt>
-            <dd>₩ 150,000</dd>
+            <dt>Lifetime pass</dt>
+            <dd>₩ 29,900</dd>
           </dl>
         </div>
       </div>
@@ -265,14 +265,14 @@
           <div class="productImg">
             <div class="swiper productSwiper">
               <div class="swiper-wrapper">
-                <div class="swiper-slide"><img src="../assets/images/kia/pdp/display_theme_disney/producy-temp1.png" alt="이미지 상품명" /></div>
+                <div class="swiper-slide"><img src="../assets/images/kia/pdp/display_theme_mickey/producy-temp1.png" alt="이미지 상품명" /></div>
                 <div class="swiper-slide"><img src="../assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명" /></div>
                 <div class="swiper-slide withVideo">
                   <p class="productSmallVideo">
                     <video loop muted playsinline preload="auto" poster="/kr/assets/images/kia/product-img/producy-temp3.png">
                       <source src="../assets/images/kia/video/producy-temp3-video.mp4" type="video/mp4" />
                     </video>
-                    <img src="../assets/images/kia/pdp/display_theme_disneyNBA_Theme_AVNT.jpg" alt="이미지 상품명" />
+                    <img src="../assets/images/kia/pdp/display_theme_mickeyNBA_Theme_AVNT.jpg" alt="이미지 상품명" />
                   </p>
                 </div>
                 <div class="swiper-slide"><img src="../assets/images/kia/product-img/producy-temp4.png" alt="이미지 상품명" /></div>
@@ -286,10 +286,11 @@
             <div class="producTitle">
               <!-- <span>차량SW</span> -->
               <h1>
-                Marvel’s Avengers Display Themes
+                Disney<br />
+                Mickey & Friends Display Theme
                 <button type="button" class="btn-wish"></button>
               </h1>
-              <p>Marvel's Avengers Special Themes that add style to your drive</p>
+              <p>Disney's Mickey & Friends special theme adds style to your drive</p>
             </div>
             <div class="producOption scroll">
               <h2>Select product option you want.</h2>
@@ -297,21 +298,10 @@
                 <div class="checkBtn withVideo">
                   <input type="checkbox" name="check" id="check1" value="kia" checked />
                   <label for="check1">
-                    <p><img src="../assets/images/kia/pdp/display_theme_disney/marvel_logo1.png" alt="marvel1" /></p>
+                    <p><img src="../assets/images/kia/pdp/display_theme_mickey/marvel_logo1.png" alt="marvel1" /></p>
                     <div class="optionText">
                       <p>
-                        <strong>Marvel’s Avengers Comics</strong>
-                      </p>
-                    </div>
-                  </label>
-                </div>
-                <div class="checkBtn">
-                  <input type="checkbox" name="check" id="check2" value="samsung" disabled />
-                  <label for="check2">
-                    <p><img src="../assets/images/kia/pdp/display_theme_disney/marvel_logo2.png" alt="marvel2" /></p>
-                    <div class="optionText">
-                      <p>
-                        <strong>Marvel’s Avengers Assemble</strong>
+                        <strong>Disney Mickey & Friends</strong>
                       </p>
                     </div>
                   </label>
@@ -319,10 +309,10 @@
                 <div class="checkBtn disabledBtn">
                   <input type="checkbox" name="check" id="check2" value="samsung" disabled />
                   <label for="check2">
-                    <p><img src="../assets/images/kia/pdp/display_theme_disney/marvel_logo2.png" alt="marvel2" /></p>
+                    <p><img src="../assets/images/kia/pdp/display_theme_mickey/marvel_logo1.png" alt="marvel2" /></p>
                     <div class="optionText">
                       <p>
-                        <strong>Marvel’s Avengers Assemble</strong>
+                        <strong>Disney Mickey & Friends</strong>
                         <i class="badge">구매완료</i>
                       </p>
                     </div>
@@ -332,15 +322,18 @@
             </div>
 
             <div class="priceOption">
-              <h2>원하시는 결제 옵션을 선택해주세요</h2>
+              <h2>Select your preferred payment plan.</h2>
               <div class="priceList">
                 <div class="radioBtn">
                   <input type="radio" name="radioBtn" id="radioOne" value="평생이용권 150000" />
                   <label for="radioOne">
-                    <span>평생 이용</span>
+                    <span>Lifetime pass</span>
                     <span>
-                      <span class="discount"><i>₩ 29,900</i></span>
-                      <span class="price"><b class="dc">16%</b><strong>₩ 5,000</strong></span>
+                      <!-- <span class="discount"><i>₩ 29,900</i></span> -->
+                      <span class="price">
+                        <!-- <b class="dc">16%</b> -->
+                        <strong>₩ 29,000</strong>
+                      </span>
                     </span>
                   </label>
                 </div>
@@ -348,12 +341,12 @@
             </div>
             <div class="priceTotal">
               <dl class="total">
-                <dt>총 결제 금액</dt>
+                <dt>Total costs (VAT included)</dt>
                 <dd>₩ 29,900</dd>
               </dl>
               <div class="paymentButton oneButtonLine">
                 <!-- <button class="cartBtn leftBtn"><p>장바구니</p></button> -->
-                <button class="PurchaseBtn leftBtn"><p>바로구매</p></button>
+                <button class="PurchaseBtn leftBtn"><p>Buy now</p></button>
               </div>
             </div>
           </div>
@@ -365,48 +358,43 @@
     <!--에디터 영역-->
     <div class="editorWarp pdpDetail">
       <div class="editorInner">
-        <div class="comp_wide displayThemeDesney">
+        <div class="comp_wide displayThemeDesney mickey">
           <div class="image_area visualBg">
-            <img src="../assets/images/kia/pdp/display_theme_disney/Theme_screen.jpg" class="web" alt="디스플레이 테마 이미지" />
-            <img src="../assets/images/kia/pdp/display_theme_disney/Theme_screen_m.jpg" class="mobile" alt="디스플레이 테마 이미지" />
+            <img src="../assets/images/kia/pdp/display_theme_mickey/Theme_screen.jpg" class="web" alt="디스플레이 테마 이미지" />
+            <img src="../assets/images/kia/pdp/display_theme_mickey/Theme_screen_m.jpg" class="mobile" alt="디스플레이 테마 이미지" />
           </div>
           <div class="comp_body layer_up">
             <div class="text_area">
-              <h2 data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
-                <img src="../assets/images/kia/pdp/display_theme_disney/logo_marvel.png" width="89" class="web" alt="MARVEL" />
-                <img src="../assets/images/kia/pdp/display_theme_disney/logo_marvel.png" width="53" class="mobile" alt="MARVEL" />
-              </h2>
-              <h3 data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">Bring artwork from the Marvel Universe to your Kia!</h3>
-              <div class="info" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">Kia and Marvel's Avengers come together to present a unique in-car experience like no other. <br />Starting with the Marvel's Avengers display themes, Make every drive special with a unique onboard experience.</div>
+              <h3 class="color-000" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">Bring Disney artwork <br class="br-m" />to your Kia!</h3>
+              <div class="info color-000" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                Kia and Disney come together to present a unique in-car experience like no other.<br />
+                Starting with Disney's Mickey & Friends display theme, make every drive special with a unique onboard experience.
+              </div>
             </div>
           </div>
           <div class="comp_bottom available-theme">
-            <h3>Available Marvel Themes</h3>
+            <h3>
+              <span class="text-center">Available Disney Themes</span>
+            </h3>
             <div class="list">
               <ul>
                 <li>
                   <a href="#">
-                    <img src="../assets/images/kia/pdp/display_theme_disney/thumb_theme1.png" alt="MARVEL" />
+                    <img src="../assets/images/kia/pdp/display_theme_mickey/thumb_theme1.png" alt="MARVEL" />
                     <span class="txt">
-                      <strong>Marvel’s Avengers Comics</strong>
-                      <span class="hashs">#TheOriginal #ComicVibes #Vibrant</span>
-                    </span>
-                  </a>
-                </li>
-                <li>
-                  <a href="#">
-                    <img src="../assets/images/kia/pdp/display_theme_disney/thumb_theme2.png" alt="MARVEL" />
-                    <span class="txt">
-                      <strong>Marvel’s Avengers Comics</strong>
-                      <span class="hashs">#AvengersHeadquaters #Holographic #Chic</span>
+                      <strong>Disney<br />Mickey & Friends</strong>
+                      <span class="hashs"><span>#StickerStyle</span> <span>#Playful</span> <span>#Evergreen</span></span>
                     </span>
                   </a>
                 </li>
                 <li class="more">
                   <a href="#">
-                    <strong>More to Come <span class="arrow"></span></strong>
-                    <img src="../assets/images/kia/pdp/display_theme_disney/thumb_theme_more.png" alt="MARVEL" />
-                    <span class="hashs">※ Availability may change.</span>
+                    <strong>
+                      This is Just the Beginning
+                      <em class="speech-bubble"> Stay tuned for the next<br />Disney Display Themes! </em>
+                    </strong>
+                    <img src="../assets/images/kia/pdp/display_theme_mickey/thumb_theme_more.png" alt="MARVEL" />
+                    <span class="hashs">※ Themes to be released are subject to change.</span>
                   </a>
                 </li>
               </ul>
@@ -414,22 +402,19 @@
           </div>
         </div>
 
-        <div class="comp_wide discover-epic-design displayThemeDesney">
+        <div class="comp_wide discover-epic-design displayThemeDesney mickey">
           <div class="comp_top">
-            <h3>Discover Epic Designs</h3>
-            <p class="info">Pick a theme and preview the exciting changes to your screen!</p>
+            <h3>Discover <br class="br-m" />Adorable Designs</h3>
+            <p class="info">Pick a theme and preview <br class="br-m" />the fun changes to your screen!</p>
           </div>
           <div class="comp_body">
             <div class="tab-wrap">
-              <div class="tab-menu cont-select">
+              <div class="tab-menu blue cont-select">
                 <div class="inner">
-                  <div class="btn-select">Marvel’s Avengers Comics</div>
+                  <div class="btn-select">Disney Mickey & Friends</div>
                   <ul>
                     <li class="active">
-                      <span class="tab-btn">Marvel’s Avengers Comics</span>
-                    </li>
-                    <li>
-                      <span class="tab-btn">Marvel’s Avengers Assemble</span>
+                      <span class="tab-btn">Disney Mickey & Friends</span>
                     </li>
                   </ul>
                 </div>
@@ -441,60 +426,62 @@
                     <div class="item welcome-goodbye" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
                       <div class="image_area">
                         <video class="video-welcome" playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
-                          <source src="../assets/images/kia/pdp/display_theme_disney/welcome.mp4" type="video/mp4" />
+                          <source src="../assets/images/kia/pdp/display_theme_mickey/Marvel_Avengers_Welcome.mov" type="video/quicktime" />
+                          <source src="../assets/images/kia/pdp/display_theme_mickey/Marvel_Avengers_Welcome.webm" type="video/webm" />
                           이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
                         </video>
                       </div>
                       <div class="image_area">
                         <video class="video-goodbye" playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
-                          <source src="../assets/images/kia/pdp/display_theme_disney/goodbye.mp4" type="video/mp4" />
+                          <source src="../assets/images/kia/pdp/display_theme_mickey/Marvel_Avengers_Goodbye.mov" type="video/quicktime" />
+                          <source src="../assets/images/kia/pdp/display_theme_mickey/Marvel_Avengers_Goodbye.webm" type="video/webm" />
                           이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
                         </video>
                       </div>
 
                       <div class="text_area">
                         <h4>Welcome & Goodbye Video</h4>
-                        <p>Marvel-themed motion graphics are displayed upon vehicle start-up and shutdown.</p>
+                        <p>Disney-themed motion graphics play once at <br class="br-m" />start-up (from sleep mode) and shutdown.</p>
                       </div>
                     </div>
 
                     <div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
                       <div class="image_area">
-                        <img src="../assets/images/kia/pdp/display_theme_disney/img_cont3.png" class="themeImg box1-cluster" alt="디스플레이 테마1" />
+                        <img src="../assets/images/kia/pdp/display_theme_mickey/img_Cluster.png" class="themeImg box1-cluster" alt="Cluster" />
                       </div>
                       <div class="text_area">
                         <h4>Cluster</h4>
-                        <p>The selected Marvel theme appears on the cluster with themed graphics and gauges.</p>
+                        <p>The selected Disney theme appears on the cluster with themed graphics and gauges.</p>
                       </div>
                     </div>
 
                     <div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
                       <div class="image_area">
-                        <img src="../assets/images/kia/pdp/display_theme_disney/img_cont4.png" class="themeImg box1-navigation" alt="디스플레이 테마1" />
+                        <img src="../assets/images/kia/pdp/display_theme_mickey/img_Map.png" class="themeImg box1-navigation" alt="Navigation" />
                       </div>
                       <div class="text_area">
                         <h4>Navigation</h4>
-                        <p>Marvel artwork highlights your current location during navigation.</p>
+                        <p>Disney artwork highlights your current location during navigation.</p>
                       </div>
                     </div>
 
                     <div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
                       <div class="image_area">
-                        <img src="../assets/images/kia/pdp/display_theme_disney/img_cont5.png" class="themeImg box1-homecard" alt="디스플레이 테마1" />
+                        <img src="../assets/images/kia/pdp/display_theme_mickey/img_Home.png" class="themeImg box1-homecard" alt="Homecard" />
                       </div>
                       <div class="text_area">
                         <h4>Homecard</h4>
-                        <p>Artwork of Marvel characters and logos appear across various menu screens.</p>
+                        <p>Artwork of Disney characters and logos appear across various menu screens.</p>
                       </div>
                     </div>
 
                     <div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
                       <div class="image_area">
-                        <img src="../assets/images/kia/pdp/display_theme_disney/img_cont6.png" class="themeImg box1-profile" alt="디스플레이 테마1" />
+                        <img src="../assets/images/kia/pdp/display_theme_mickey/img_Profile.png" class="themeImg box1-profile" alt="Profile" />
                       </div>
                       <div class="text_area">
                         <h4>Profile</h4>
-                        <p>Choose from Marvel-themed profile images—set a unique one for each driver.</p>
+                        <p>Choose from Disney-themed profile images—choose a unique one for each driver.</p>
                       </div>
                     </div>
                   </div>
@@ -503,8 +490,8 @@
                 <div class="three-reasons">
                   <div class="tit-area">
                     <div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
-                      <h3>Three Reasons</h3>
-                      <p>Why you can't miss out</p>
+                      <p>Three Reasons</p>
+                      <h3>Why you can’t miss out</h3>
                     </div>
                   </div>
                   <div class="reasons">
@@ -512,184 +499,43 @@
                       <ol>
                         <li>
                           <p>
-                            <strong>A Wonderful In-Car Experience</strong>
-                            Once you transform your display with Marvel themes, <br />
-                            you might find it hard to return to the standard setup.
+                            <strong>A Delightful <br class="br-m" />In-Car Experience</strong>
+                            Once you transform your display with <br class="br-m" />Disney themes, you might find it hard to return to the standard setup.
                           </p>
                           <div class="img-area">
-                            <img src="../assets/images/kia/pdp/display_theme_disney/img_reasons1.png" class="web" alt="" />
-                            <img src="../assets/images/kia/pdp/display_theme_disney/img_reasons1_m.png" class="mobile" alt="" />
+                            <img src="../assets/images/kia/pdp/display_theme_mickey/img_reasons1.png" class="web" alt="" />
+                            <img src="../assets/images/kia/pdp/display_theme_mickey/img_reasons1_m.png" class="mobile" alt="" />
                           </div>
                         </li>
                         <li>
                           <p>
                             <strong>Themes for Every Taste</strong>
-                            Whether you're a fan of Spider-Man, Deadpool, or Wolverine, <br />
-                            a variety of Marvel themes will soon be available to match your favorite character.
+                            Whether you're a fan of Mickey & Friends, Frozen, or Disney Princess, a variety of Disney themes will be available to match favorite characters.
+                            <span class="add">※ Themes to be released are subject to change.</span>
                           </p>
                           <div class="img-area">
-                            <img src="../assets/images/kia/pdp/display_theme_disney/img_reasons2.png" class="web" alt="" />
-                            <img src="../assets/images/kia/pdp/display_theme_disney/img_reasons2_m.png" class="mobile" alt="" />
+                            <span class="img-msg">
+                              <img src="../assets/images/kia/pdp/display_theme_mickey/img_reason_mickey.png" alt="" />
+                              <span class="msg"
+                                >Our Themes<br />
+                                Are Expanding</span
+                              >
+                            </span>
                           </div>
                         </li>
                         <li>
                           <p>
-                            <strong>Your One-of-a-kind Journey Starts Here</strong>
-                            Marvel in-car experience offers something you won’t see anywhere else - made uniquely for Kia owners.
+                            <strong>Your Distinctive Journey <br class="br-m" />Starts Here</strong>
+                            For the first time, Kia owners can now experience Disney in-car experiences.
                           </p>
                           <div class="img-area">
-                            <img src="../assets/images/kia/pdp/display_theme_disney/img_reasons3.png" class="web" alt="" />
-                            <img src="../assets/images/kia/pdp/display_theme_disney/img_reasons3_m.png" class="mobile" alt="" />
+                            <img src="../assets/images/kia/pdp/display_theme_mickey/img_reasons3.png" class="web" alt="" />
+                            <img src="../assets/images/kia/pdp/display_theme_mickey/img_reasons3_m.png" class="mobile" alt="" />
                           </div>
                         </li>
                       </ol>
-                    </div>
-                  </div>
-                </div>
 
-                <div class="coming-next">
-                  <div class="inner">
-                    <div class="tit-area" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
-                      <h3>
-                        What’s <br />Coming Up <br />
-                        <span class="next"
-                          >Next<em class="speech-bubble">Stay tuned for the next <br />Marvel Display Themes!</em></span
-                        >?
-                      </h3>
-                    </div>
-                    <div class="image_area">
-                      <img src="../assets/images/kia/pdp/display_theme_disney/img_next.png" class="web" alt="What’s Coming Up Next?" />
-                      <img src="../assets/images/kia/pdp/display_theme_disney/img_next_m.png" class="mobile" alt="What’s Coming Up Next?" />
-                    </div>
-                  </div>
-                </div>
-              </div>
-
-              <div class="tab-box box2">
-                <div class="discover">
-                  <div class="inner">
-                    <div class="item welcome-goodbye" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
-                      <div class="image_area">
-                        <video playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
-                          <source src="../assets/images/kia/pdp/display_theme_disney/lakers_welcome.mp4" type="video/mp4" />
-                          이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
-                        </video>
-                      </div>
-                      <div class="image_area">
-                        <video playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
-                          <source src="../assets/images/kia/pdp/display_theme_disney/lakers_goodbye.mp4" type="video/mp4" />
-                          이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
-                        </video>
-                      </div>
-
-                      <div class="text_area">
-                        <h4>Welcome & Goodbye Video</h4>
-                        <p>Marvel-themed motion graphics are displayed upon vehicle start-up and shutdown.</p>
-                      </div>
-                    </div>
-
-                    <div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
-                      <div class="image_area">
-                        <img src="../assets/images/kia/pdp/display_theme_disney/img_cont3.png" class="themeImg" alt="디스플레이 테마1" />
-                      </div>
-                      <div class="text_area">
-                        <h4>Cluster</h4>
-                        <p>The selected Marvel theme appears on the cluster with themed graphics and gauges.</p>
-                      </div>
-                    </div>
-
-                    <div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
-                      <div class="image_area">
-                        <img src="../assets/images/kia/pdp/display_theme_disney/img_cont4.png" class="themeImg" alt="디스플레이 테마1" />
-                      </div>
-                      <div class="text_area">
-                        <h4>Navigation</h4>
-                        <p>Marvel artwork highlights your current location during navigation.</p>
-                      </div>
-                    </div>
-
-                    <div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
-                      <div class="image_area">
-                        <img src="../assets/images/kia/pdp/display_theme_disney/img_cont5.png" class="themeImg" alt="디스플레이 테마1" />
-                      </div>
-                      <div class="text_area">
-                        <h4>Homecard</h4>
-                        <p>Artwork of Marvel characters and logos appear across various menu screens.</p>
-                      </div>
-                    </div>
-
-                    <div class="item" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
-                      <div class="image_area">
-                        <img src="../assets/images/kia/pdp/display_theme_disney/img_cont6.png" class="themeImg" alt="디스플레이 테마1" />
-                      </div>
-                      <div class="text_area">
-                        <h4>Profile</h4>
-                        <p>Choose from Marvel-themed profile images—set a unique one for each driver.</p>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                <div class="three-reasons" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
-                  <div class="tit-area">
-                    <div class="inner">
-                      <h3>Three Reasons</h3>
-                      <p>Why you can't miss out</p>
-                    </div>
-                  </div>
-                  <div class="reasons">
-                    <div class="inner">
-                      <ol>
-                        <li>
-                          <p>
-                            <strong>A Wonderful In-Car Experience</strong>
-                            Once you transform your display with Marvel themes, <br />
-                            you might find it hard to return to the standard setup.
-                          </p>
-                          <div class="img-area">
-                            <img src="../assets/images/kia/pdp/display_theme_disney/img_reasons1.png" class="web" alt="" />
-                            <img src="../assets/images/kia/pdp/display_theme_disney/img_reasons1_m.png" class="mobile" alt="" />
-                          </div>
-                        </li>
-                        <li>
-                          <p>
-                            <strong>Themes for Every Taste</strong>
-                            Whether you're a fan of Spider-Man, Deadpool, or Wolverine, <br />
-                            a variety of Marvel themes will soon be available to match your favorite character.
-                          </p>
-                          <div class="img-area">
-                            <img src="../assets/images/kia/pdp/display_theme_disney/img_reasons2.png" class="web" alt="" />
-                            <img src="../assets/images/kia/pdp/display_theme_disney/img_reasons2_m.png" class="mobile" alt="" />
-                          </div>
-                        </li>
-                        <li>
-                          <p>
-                            <strong>Your One-of-a-kind Journey Starts Here</strong>
-                            Marvel in-car experience offers something you won’t see anywhere else - made uniquely for Kia owners.
-                          </p>
-                          <div class="img-area">
-                            <img src="../assets/images/kia/pdp/display_theme_disney/img_reasons3.png" class="web" alt="" />
-                            <img src="../assets/images/kia/pdp/display_theme_disney/img_reasons3_m.png" class="mobile" alt="" />
-                          </div>
-                        </li>
-                      </ol>
-                    </div>
-                  </div>
-                </div>
-
-                <div class="coming-next">
-                  <div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
-                    <div class="tit-area">
-                      <h3>
-                        What’s <br />Coming Up <br />
-                        <span class="next"
-                          >Next<em class="speech-bubble">Stay tuned for the next <br />Marvel Display Themes!</em>?</span
-                        >
-                      </h3>
-                    </div>
-                    <div class="image_area">
-                      <img src="../assets/images/kia/pdp/display_theme_disney/img_next.png" class="web" alt="What’s Coming Up Next?" />
-                      <img src="../assets/images/kia/pdp/display_theme_disney/img_next_m.png" class="mobile" alt="What’s Coming Up Next?" />
+                      <div class="copyright">ⓒ Disney</div>
                     </div>
                   </div>
                 </div>
@@ -706,7 +552,7 @@
               </div>
               <div class="text_area">
                 <h5>ccNC 차량에서 선택적 구매 가능</h5>
-                <p>기아 ccNC 인포테인먼트 플랫폼이 적용된 차량에만 선택 가능합니다.</p>
+                <p>기아 ccNC 인포테인먼트 플랫폼 중 12.3인치 클러스터가 적용된 차량에만 선택 가능합니다.</p>
               </div>
             </div>
             <div class="item">