Enhance Disney display theme styles: add new Pixar theme styles, including responsive design adjustments, updated color schemes, and improved layout for better user experience. Update HTML content for clarity and consistency in Korean.

kr/assets/css/pdp_detail.css

@@ -4245,6 +4245,7 @@
     padding: 0;
     font-size: 1.6rem;
     color: #b2b8bd;
+    line-height: 1.4;
   }
 }
 .displayThemeDesney.discover-epic-design {
@@ -4290,6 +4291,37 @@
     margin-bottom: 8rem;
   }
 }
+.displayThemeDesney.discover-epic-design.pixar {
+  padding-top: 0;
+  background: #fff;
+}
+.displayThemeDesney.discover-epic-design.pixar .tab-box {
+  padding-top: 0;
+}
+.displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area {
+  padding: 4rem 0 0;
+  background: url(../images/kia/pdp/display_theme_mickey/pixar/bg_design_m.jpg) no-repeat center top/100% auto;
+}
+@media (min-width: 768px) {
+  .displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area {
+    padding: 12rem 0;
+    background: url(../images/kia/pdp/display_theme_mickey/pixar/bg_design.jpg) no-repeat center top/192rem auto;
+  }
+}
+.displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area > .comp_top {
+  padding-bottom: 0;
+}
+.displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area > .comp_top h3 {
+  margin-bottom: 4.8rem;
+}
+@media (min-width: 768px) {
+  .displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area > .comp_top h3 {
+    margin-bottom: 8rem;
+  }
+}
+.displayThemeDesney.discover-epic-design.pixar .tab-box .discover-area > .comp_top h3.color-000 {
+  color: #000;
+}
 .displayThemeDesney.discover-epic-design .comp_top {
   padding: 0 2rem 2.4rem;
 }
@@ -4535,6 +4567,9 @@
   color: #fff;
   line-height: 1.25;
 }
+.displayThemeDesney.discover-epic-design .tab-wrap h4.color-000 {
+  color: #000;
+}
 @media (min-width: 768px) {
   .displayThemeDesney.discover-epic-design .tab-wrap h4 {
     font-size: 2.4rem;
@@ -4547,6 +4582,9 @@
   line-height: 1.55;
   letter-spacing: -0.025em;
 }
+.displayThemeDesney.discover-epic-design .tab-wrap p.color-000 {
+  color: #000;
+}
 @media (min-width: 768px) {
   .displayThemeDesney.discover-epic-design .tab-wrap p {
     margin-top: 1.4rem;
@@ -4613,12 +4651,34 @@
     transform: translateX(-20%);
   }
 }
+@media (min-width: 768px) {
+  .displayThemeDesney.mickey .available-theme .list ul li.stay-tuned-item {
+    width: 20rem;
+    height: 100%;
+  }
+}
+@media (min-width: 768px) {
+  .displayThemeDesney.mickey .available-theme .list ul li.stay-tuned-item strong {
+    text-align: center;
+  }
+}
+@media (min-width: 768px) {
+  .displayThemeDesney.mickey.discover-epic-design .tab-wrap {
+    padding-top: 6.4rem;
+  }
+}
 .displayThemeDesney.mickey.discover-epic-design .tab-wrap .tab-box {
   padding-top: 0;
+  margin-top: 0;
+}
+@media (min-width: 768px) {
+  .displayThemeDesney.mickey.discover-epic-design .tab-wrap .tab-box {
+    margin-top: 6.4rem;
+  }
 }
 @media (min-width: 768px) {
   .displayThemeDesney.mickey.discover-epic-design .tab-wrap .tab-menu {
-    padding: 8rem 2rem 6.4rem;
+    padding: 1.6rem 2rem 1.6rem;
   }
 }
 .displayThemeDesney.mickey.discover-epic-design .tab-wrap .tab-menu .btn-select {
@@ -4792,6 +4852,9 @@
   .displayThemeDesney .three-reasons .tit-area .inner:before {
     width: 1.2rem;
     height: 10rem;
+    top: 50%;
+    bottom: auto;
+    transform: translateY(-50%);
   }
 }
 .displayThemeDesney .three-reasons .tit-area h3 {
@@ -4805,7 +4868,7 @@
 @media (min-width: 768px) {
   .displayThemeDesney .three-reasons .tit-area h3 {
     height: 6.4rem;
-    padding: 0 0.8rem;
+    padding: 0;
     font-size: 4.8rem;
     line-height: 6.4rem;
   }

kr/assets/css/pdp_detail.scss

@@ -4819,6 +4819,7 @@
                   padding: 0;
                   font-size: 1.6rem;
                   color: #b2b8bd;
+                  line-height: 1.4;
                 }
               }
             }
@@ -4867,6 +4868,34 @@
         }
       }
     }
+    &.pixar {
+      padding-top: 0;
+      background: #fff;
+      .tab-box {
+        padding-top: 0;
+        .discover-area {
+          padding: 4rem 0 0;
+          background: url(../images/kia/pdp/display_theme_mickey/pixar/bg_design_m.jpg) no-repeat center top / 100% auto;
+
+          @include tablet {
+            padding: 12rem 0;
+            background: url(../images/kia/pdp/display_theme_mickey/pixar/bg_design.jpg) no-repeat center top / 192rem auto;
+          }
+          > .comp_top {
+            padding-bottom: 0;
+            h3 {
+              margin-bottom: 4.8rem;
+              @include tablet {
+                margin-bottom: 8rem;
+              }
+              &.color-000 {
+                color: #000;
+              }
+            }
+          }
+        }
+      }
+    }
 
     .comp_top {
       padding: 0 2rem 2.4rem;
@@ -5136,7 +5165,9 @@
         font-weight: 600;
         color: #fff;
         line-height: 1.25;
-
+        &.color-000 {
+          color: #000;
+        }
         @include tablet {
           font-size: 2.4rem;
         }
@@ -5148,7 +5179,9 @@
         color: #fff;
         line-height: 1.55;
         letter-spacing: -0.025em;
-
+        &.color-000 {
+          color: #000;
+        }
         @include tablet {
           margin-top: 1.4rem;
           font-size: 1.6rem;
@@ -5218,18 +5251,38 @@
                 }
               }
             }
+
+            &.stay-tuned-item {
+              @include tablet {
+                width: 20rem;
+                height: 100%;
+              }
+              strong {
+                @include tablet {
+                  text-align: center;
+                }
+              }
+            }
           }
         }
       }
     }
     &.discover-epic-design {
       .tab-wrap {
+        @include tablet {
+          padding-top: 6.4rem;
+        }
         .tab-box {
           padding-top: 0;
+          margin-top: 0;
+          @include tablet {
+            margin-top: 6.4rem;
+          }
         }
         .tab-menu {
           @include tablet {
-            padding: 8rem 2rem 6.4rem;
+            // padding: 8rem 2rem 6.4rem;
+            padding: 1.6rem 2rem 1.6rem;
           }
           .btn-select {
             overflow: hidden;
@@ -5421,6 +5474,9 @@
           @include tablet {
             width: 1.2rem;
             height: 10rem;
+            top: 50%;
+            bottom: auto;
+            transform: translateY(-50%);
           }
         }
       }
@@ -5435,7 +5491,7 @@
 
         @include tablet {
           height: 6.4rem;
-          padding: 0 0.8rem;
+          padding: 0;
           font-size: 4.8rem;
           line-height: 6.4rem;
         }

kr/product/pdp_display_theme_disney_frozen.html

@@ -244,13 +244,13 @@
       <div class="infoStickyInner">
         <div class="stickyLeft">
           <p>
-            <strong>Disney Display Theme</strong>
+            <strong>디즈니 디스플레이 테마</strong>
             <!-- <span>30개 NBA 팀의 개성있는 디스플레이 테마로 분위기 업업~!!!</span> -->
           </p>
         </div>
         <div class="stickyRight">
           <dl>
-            <dt>Lifetime pass</dt>
+            <dt>평생이용</dt>
             <dd>₩ 29,900</dd>
           </dl>
         </div>
@@ -266,7 +266,7 @@
             <div class="swiper productSwiper">
               <div class="swiper-wrapper">
                 <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"><img src="../assets/images/kia/pdp/display_theme_mickey/producy-temp2.png" alt="이미지 상품명" /></div>
                 <div class="swiper-slide withVideo">
                   <p class="productSmallVideo">
                     <video loop muted playsinline preload="auto" poster="../assets/images/kia/product-img/producy-temp3.png">
@@ -286,14 +286,13 @@
             <div class="producTitle">
               <!-- <span>차량SW</span> -->
               <h1>
-                Disney<br />
-                Display Theme
+                디즈니 디스플레이 테마
                 <button type="button" class="btn-wish"></button>
               </h1>
-              <p>Special Disney themes add style to your drive</p>
+              <p>디즈니 디스플레이 테마와 함께 차량에 특별한 감성을 더해보세요.</p>
             </div>
             <div class="producOption scroll">
-              <h2>Select product option you want.</h2>
+              <h2>원하시는 상품을 선택해주세요.</h2>
               <div class="optionList">
                 <div class="checkBtn withVideo">
                   <input type="checkbox" name="check" id="check1" value="micky" checked />
@@ -301,7 +300,7 @@
                     <p><img src="../assets/images/kia/pdp/display_theme_mickey/option1.png" alt="micky" /></p>
                     <div class="optionText">
                       <p>
-                        <strong>Disney Mickey & Friends</strong>
+                        <strong>디즈니 미키와 친구들</strong>
                       </p>
                     </div>
                   </label>
@@ -312,7 +311,7 @@
                     <p><img src="../assets/images/kia/pdp/display_theme_mickey/option2.png" alt="frozen" /></p>
                     <div class="optionText">
                       <p>
-                        <strong>Disney Frozen</strong>
+                        <strong>디즈니 겨울왕국</strong>
                         <!-- <i class="badge">구매완료</i> -->
                       </p>
                     </div>
@@ -322,12 +321,12 @@
             </div>
 
             <div class="priceOption">
-              <h2>Select your preferred payment plan.</h2>
+              <h2>원하시는 구매 옵션을 선택해주세요.</h2>
               <div class="priceList">
                 <div class="radioBtn">
                   <input type="radio" name="radioBtn" id="radioOne" value="평생이용권 150000" />
                   <label for="radioOne">
-                    <span>Lifetime pass</span>
+                    <span>평생이용</span>
                     <span>
                       <!-- <span class="discount"><i>₩ 29,900</i></span> -->
                       <span class="price">
@@ -341,12 +340,12 @@
             </div>
             <div class="priceTotal">
               <dl class="total">
-                <dt>Total costs (VAT included)</dt>
+                <dt>총 결제 금액</dt>
                 <dd>₩ 29,900</dd>
               </dl>
               <div class="paymentButton oneButtonLine">
                 <!-- <button class="cartBtn leftBtn"><p>장바구니</p></button> -->
-                <button class="PurchaseBtn leftBtn"><p>Buy now</p></button>
+                <button class="PurchaseBtn leftBtn"><p>바로구매</p></button>
               </div>
             </div>
           </div>
@@ -361,6 +360,26 @@
         <div class="comp_wide displayThemeDesney mickey theme-frozen">
           <div class="image_area visualBg swiper">
             <div class="swiper-wrapper">
+              <div class="swiper-slide swiper-slide-frozen">
+                <div class="image_area">
+                  <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/Theme_screen.jpg" class="web" alt="디스플레이 테마 이미지" />
+                  <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/Theme_screen_m.jpg" class="mobile" alt="디스플레이 테마 이미지" />
+                </div>
+                <div class="comp_body layer_up">
+                  <div class="text_area">
+                    <h3 class="color-fff" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                      디즈니 테마와 함께하는<br class="br-m" />
+                      일상 속 특별한 여행
+                    </h3>
+                    <div class="info color-fff" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                      기아와 디즈니가 만나<br class="br-m" />
+                      새로운 디스플레이 테마를 선보입니다.<br />
+                      디즈니 디스플레이 테마와 함께<br class="br-m" />
+                      더 특별해진 일상을 느껴보세요.
+                    </div>
+                  </div>
+                </div>
+              </div>
               <div class="swiper-slide">
                 <div class="image_area">
                   <img src="../assets/images/kia/pdp/display_theme_mickey/Theme_screen.jpg" class="web" alt="디스플레이 테마 이미지" />
@@ -373,21 +392,6 @@
                   </div>
                 </div>
               </div>
-              <div class="swiper-slide swiper-slide-frozen">
-                <div class="image_area">
-                  <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/Theme_screen.jpg" class="web" alt="디스플레이 테마 이미지" />
-                  <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/Theme_screen_m.jpg" class="mobile" alt="디스플레이 테마 이미지" />
-                </div>
-                <div class="comp_body layer_up">
-                  <div class="text_area">
-                    <h3 class="color-fff" 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-fff" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
-                      Kia and Disney are coming together to launch new display themes for Disney fans.<br />
-                      Transform your in-car experience with delightful artwork of Disney Display Themes.
-                    </div>
-                  </div>
-                </div>
-              </div>
             </div>
 
             <div class="swiper-pagination"></div>
@@ -400,10 +404,13 @@
 
           <div class="comp_bottom available-theme">
             <h3>
-              <span class="text-center">Available Disney Themes</span>
+              <span class="text-center">
+                내 드라이빙에<br class="br-m" />
+                더 어울리는 디즈니 테마는?
+              </span>
               <em class="text-em">
-                Pick a theme and preview<br class="br-m" />
-                the fun changes to your screen!
+                옵션을 선택하면, 차량에 적용된 테마 디자인을<br class="br-m" />
+                바로 확인할 수 있어요.
               </em>
             </h3>
             <div class="list">
@@ -412,8 +419,8 @@
                   <a href="#none" onclick="btnTabMenu(0)">
                     <img src="../assets/images/kia/pdp/display_theme_mickey/thumb_theme1.png" alt="Disney Mickey & Friends" />
                     <span class="txt">
-                      <strong>Disney<br />Mickey & Friends</strong>
-                      <span class="hashs"><span>#StickerStyle</span> <span>#Playful</span></span>
+                      <strong>디즈니 미키와 친구들</strong>
+                      <span class="hashs"><span>#스티커스타일</span> <span>#유쾌함한스푼</span></span>
                     </span>
                   </a>
                 </li>
@@ -421,15 +428,18 @@
                   <a href="#none" onclick="btnTabMenu(1)">
                     <img src="../assets/images/kia/pdp/display_theme_mickey/thumb_theme2.png" alt="Disney Frozen" />
                     <span class="txt">
-                      <strong>Disney Frozen</strong>
-                      <span class="hashs"><span>#Magnificent</span> <span>#Queen</span> <span>#WinterVibes</span></span>
+                      <strong>디즈니 겨울왕국</strong>
+                      <span class="hashs"><span>#환상적인</span> <span>#엘사와안나</span> <span>#겨울감성</span></span>
                     </span>
                   </a>
                 </li>
                 <li class="stay-tuned-item">
                   <div class="stay-tuned">
                     <span></span>
-                    <strong>STAY TUNED</strong>
+                    <strong>
+                      더 많은 테마를<br class="br-pc" />
+                      기대해주세요!
+                    </strong>
                   </div>
                 </li>
               </ul>
@@ -442,19 +452,164 @@
             <div class="tab-wrap">
               <div class="tab-menu blue cont-select">
                 <div class="inner">
-                  <div class="btn-select">Disney Mickey & Friends</div>
+                  <div class="btn-select">디즈니 겨울왕국</div>
                   <ul>
                     <li class="active">
-                      <span class="tab-btn">Disney Mickey & Friends</span>
+                      <span class="tab-btn">디즈니 겨울왕국</span>
                     </li>
                     <li>
-                      <span class="tab-btn">Disney Frozen</span>
+                      <span class="tab-btn">디즈니 미키와 친구들</span>
                     </li>
                   </ul>
                 </div>
               </div>
-
               <div class="tab-box box1">
+                <div class="index-area">
+                  <div class="inner">
+                    <div class="image_area">
+                      <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_index.png" class="web" alt="index" />
+                      <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_index_m.png" class="mobile" alt="index" />
+                    </div>
+                  </div>
+                </div>
+                <div class="discover-area">
+                  <div class="comp_top">
+                    <h3>
+                      디즈니 테마,<br class="br-m" />
+                      직접 확인해보세요!
+                    </h3>
+                  </div>
+                  <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 class="video-welcome" playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
+                            <source src="../assets/images/kia/pdp/display_theme_mickey/frozen/Welcome.mov" type="video/quicktime" />
+                            <source src="../assets/images/kia/pdp/display_theme_mickey/frozen/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_mickey/frozen/Goodbye.mov" type="video/quicktime" />
+                            <source src="../assets/images/kia/pdp/display_theme_mickey/frozen/Goodbye.webm" type="video/webm" />
+                            이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
+                          </video>
+                        </div>
+
+                        <div class="text_area">
+                          <h4>Welcome & Goodbye Video</h4>
+                          <p>디즈니 컨셉의 모션 그래픽 Video가 차량 Sleep 모드 동작 이후 차량을 켤 때, 끌 때 적용 됩니다.</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_mickey/frozen/img_Cluster.png" class="themeImg box1-cluster" alt="Cluster" />
+                        </div>
+                        <div class="text_area">
+                          <h4>Cluster</h4>
+                          <p>선택한 디즈니 테마가 클러스터 화면에 적용됩니다. 디즈니만의 매력적인 그래픽과 게이지 디자인을 확인해 보세요.</p>
+                          <p><span class="add">※ 차종에 따라 클러스터 화면 디자인이 상기 이미지와 다를 수 있습니다.</span></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_mickey/frozen/img_Map.png" class="themeImg box1-navigation" alt="Navigation" />
+                        </div>
+                        <div class="text_area">
+                          <h4>Navigation</h4>
+                          <p>목적지까지의 길 안내 기능을 이용할 때마다 디즈니의 특별한 아트워크가 현재 위치를 표시해줍니다.</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_mickey/frozen/img_Home.png" class="themeImg box1-homecard" alt="Homecard" />
+                        </div>
+                        <div class="text_area">
+                          <h4>Homecard</h4>
+                          <p>각 메뉴 화면을 넘길 때마다 디즈니 캐릭터와 로고, 다양한 일러스트가 나타납니다.</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_mickey/frozen/img_Profile.png" class="themeImg box1-profile" alt="Profile" />
+                        </div>
+                        <div class="text_area">
+                          <h4>Profile</h4>
+                          <p>디즈니 캐릭터와 로고를 활용하여 디자인된 다양한 프로필 이미지를 선택할 수 있습니다. 운전자마다 다른 이미지를 설정해 보세요.</p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <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">
+                        <p>디즈니 테마를 놓쳐서는 안 될</p>
+                        <h3>세 가지 이유</h3>
+                      </div>
+                    </div>
+                    <div class="reasons">
+                      <div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                        <ol>
+                          <li>
+                            <p>
+                              <strong>익숙한 공간에 스며드는 특별함</strong>
+                              디즈니 테마와 함께,<br class="br-m" />
+                              매 순간 드라이브의 즐거움을 느껴보세요.
+                            </p>
+                            <div class="img-area">
+                              <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons1.png" class="web" alt="" />
+                              <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons1_m.png" class="mobile" alt="" />
+                            </div>
+                          </li>
+                          <li>
+                            <p>
+                              <strong>취향은 달라도, 즐거움은 함께</strong>
+                              디즈니 겨울왕국, 미키와 친구들 등<br class="br-m" />
+                              디즈니를 사랑하는 팬이라면<br />
+                              더 많은 캐릭터들의 등장을 놓치지 마세요.
+                              <span class="add">※ 출시 예정 테마는 변경될 수 있습니다.</span>
+                            </p>
+                            <div class="img-area">
+                              <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons2.png" class="web" alt="" />
+                              <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons2_m.png" class="mobile" alt="" />
+                            </div>
+                            <!-- <div class="img-area">
+                              <span class="img-msg">
+                                <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reason_mickey.png" alt="" />
+                                <span class="msg"
+                                  >Our Themes<br />
+                                  Are Expanding</span
+                                >
+                              </span>
+                            </div> -->
+                          </li>
+                          <li>
+                            <p>
+                              <strong>드라이브가 새로워지는 순간</strong>
+                              기아 오너를 위한 디즈니 디스플레이 테마.<br />
+                              지금 바로, 특별한 드라이빙을 시작해보세요.
+                            </p>
+                            <div class="img-area">
+                              <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons3.png" class="web" alt="" />
+                              <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons3_m.png" class="mobile" alt="" />
+                            </div>
+                          </li>
+                        </ol>
+
+                        <div class="copyright">ⓒ Disney</div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <div class="tab-box box2">
                 <div class="index-area">
                   <div class="inner">
                     <div class="image_area">
@@ -465,7 +620,7 @@
                 </div>
                 <div class="discover-area">
                   <div class="comp_top">
-                    <h3>Discover <br class="br-m" />Adorable Designs</h3>
+                    <h3>디즈니 테마, 직접 확인해보세요!</h3>
                   </div>
                   <div class="discover">
                     <div class="inner">
@@ -528,153 +683,23 @@
                       </div>
                     </div>
                   </div>
+
                   <div class="three-reasons">
                     <div class="tit-area">
-                      <div class="inner aos-init" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
+                      <div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
                         <p>디즈니 테마를 놓쳐서는 안 될</p>
                         <h3>세 가지 이유</h3>
                       </div>
                     </div>
                     <div class="reasons">
-                      <div class="inner aos-init" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
+                      <div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
                         <ol>
                           <li>
                             <p>
-                              <strong>익숙한 공간에 스며드는 특별함</strong> 디즈니 미키와 친구들 테마와 함께, <br class="br-m" />
+                              <strong>익숙한 공간에 스며드는 특별함</strong>
+                              디즈니 테마와 함께,<br class="br-m" />
                               매 순간 드라이브의 즐거움을 느껴보세요.
                             </p>
-                            <div class="img-area"><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>취향은 달라도, 즐거움은 함께</strong> 디즈니 프린세스, 미키와 친구들, 겨울왕국 등 <br class="br-m" />
-                              디즈니를 사랑하는 팬이라면 <br class="br-m" />
-                              더 많은 캐릭터들의 등장을 놓치지 마세요. <span class="add">※ 출시 예정 테마는 변경될 수 있습니다.</span>
-                            </p>
-                            <div class="img-area">
-                              <span class="img-msg">
-                                <img src="../assets/images/kia/pdp/display_theme_mickey/img_reason_mickey.png" alt="" />
-                                <span class="msg"
-                                  >앞으로 출시될 테마들을 <br />
-                                  기대해주세요!</span
-                                >
-                              </span>
-                            </div>
-                          </li>
-                          <li>
-                            <p>
-                              <strong>드라이브가 새로워지는 순간</strong> 기아 오너를 위한 디즈니 디스플레이 테마.<br class="br-m" />
-                              지금 바로, 특별한 드라이빙을 시작해보세요.
-                            </p>
-                            <div class="img-area"><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 class="copyright">ⓒ Disney</div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="tab-box box2">
-                <div class="index-area">
-                  <div class="inner">
-                    <div class="image_area">
-                      <img src="../assets/images/kia/pdp/display_theme_mickey/img_index.png" class="web" alt="index" />
-                      <img src="../assets/images/kia/pdp/display_theme_mickey/img_index_m.png" class="mobile" alt="index" />
-                    </div>
-                  </div>
-                </div>
-                <div class="discover-area">
-                  <div class="comp_top">
-                    <h3>Discover <br class="br-m" />Adorable Designs</h3>
-                  </div>
-                  <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 class="video-welcome" playsinline="playsinline" autoplay="autoplay" muted="muted" loop>
-                            <source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Welcome.mov" type="video/quicktime" />
-                            <source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_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_mickey/Disney Mickey_Goodbye.mov" type="video/quicktime" />
-                            <source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Goodbye.webm" type="video/webm" />
-                            이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
-                          </video>
-                        </div>
-
-                        <div class="text_area">
-                          <h4>Welcome & Goodbye Video</h4>
-                          <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_mickey/frozen/img_Cluster.png" class="themeImg box1-cluster" alt="Cluster" />
-                        </div>
-                        <div class="text_area">
-                          <h4>Cluster</h4>
-                          <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_mickey/frozen/img_Map.png" class="themeImg box1-navigation" alt="Navigation" />
-                        </div>
-                        <div class="text_area">
-                          <h4>Navigation</h4>
-                          <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_mickey/frozen/img_Home.png" class="themeImg box1-homecard" alt="Homecard" />
-                        </div>
-                        <div class="text_area">
-                          <h4>Homecard</h4>
-                          <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_mickey/frozen/img_Profile.png" class="themeImg box1-profile" alt="Profile" />
-                        </div>
-                        <div class="text_area">
-                          <h4>Profile</h4>
-                          <p>Choose from Disney-themed profile images—choose a unique one for each driver.</p>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-
-                  <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">
-                        <p>Three Reasons</p>
-                        <h3>
-                          Why you won’t want<br class="br-m" />
-                          to miss out
-                        </h3>
-                      </div>
-                    </div>
-                    <div class="reasons">
-                      <div class="inner" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
-                        <ol>
-                          <li>
-                            <p>
-                              <strong>A Delightful <br class="br-m" />In-Car Experience</strong>
-                              Once you transform your display with<br class="br-m" />
-                              Disney Frozen themes,<br class="br-pc" />
-                              you might find it hard to<br class="br-m" />
-                              return to the standard setup.
-                            </p>
                             <div class="img-area">
                               <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons1.png" class="web" alt="" />
                               <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons1_m.png" class="mobile" alt="" />
@@ -682,14 +707,11 @@
                           </li>
                           <li>
                             <p>
-                              <strong>Themes for Every Taste</strong>
-                              Whether you’re a fan of<br class="br-m" />
-                              Disney’s Frozen,<br class="br-m" />
-                              or Mickey & Friends,<br class="br-pc" />
-                              an even more themes will be available<br class="br-m" />
-                              featuring some of your<br class="br-pc" />
-                              favorite characters.
-                              <span class="add">※ Themes to be released are subject to change.</span>
+                              <strong>취향은 달라도, 즐거움은 함께</strong>
+                              디즈니 겨울왕국, 미키와 친구들 등<br class="br-m" />
+                              디즈니를 사랑하는 팬이라면<br />
+                              더 많은 캐릭터들의 등장을 놓치지 마세요.
+                              <span class="add">※ 출시 예정 테마는 변경될 수 있습니다.</span>
                             </p>
                             <div class="img-area">
                               <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons2.png" class="web" alt="" />
@@ -707,10 +729,9 @@
                           </li>
                           <li>
                             <p>
-                              <strong>Your Distinctive Journey <br class="br-m" />Starts Here</strong>
-                              Kia owners can now get Disney in-car<br class="br-m" />
-                              experiences to customize<br class="br-pc" />
-                              their journey.
+                              <strong>드라이브가 새로워지는 순간</strong>
+                              기아 오너를 위한 디즈니 디스플레이 테마.<br />
+                              지금 바로, 특별한 드라이빙을 시작해보세요.
                             </p>
                             <div class="img-area">
                               <img src="../assets/images/kia/pdp/display_theme_mickey/frozen/img_reasons3.png" class="web" alt="" />

kr/product/pdp_display_theme_disney_pixar.html

@@ -295,9 +295,9 @@
               <h2>원하시는 상품을 선택해주세요.</h2>
               <div class="optionList">
                 <div class="checkBtn withVideo">
-                  <input type="checkbox" name="check" id="check1" value="pixar" checked />
+                  <input type="checkbox" name="check" id="check1" value="pixar" />
                   <label for="check1">
-                    <p><img src="../assets/images/kia/pdp/display_theme_mickey/option1.png" alt="micky" /></p>
+                    <p><img src="../assets/images/kia/pdp/display_theme_mickey/pixar/option1.png" alt="pixar" /></p>
                     <div class="optionText">
                       <p>
                         <strong>픽사 토이 스토리</strong>
@@ -305,18 +305,6 @@
                     </div>
                   </label>
                 </div>
-                <div class="checkBtn">
-                  <input type="checkbox" name="check" id="check2" value="pixar" />
-                  <label for="check2">
-                    <p><img src="../assets/images/kia/pdp/display_theme_mickey/option2.png" alt="frozen" /></p>
-                    <div class="optionText">
-                      <p>
-                        <strong>픽사 토이 스토리</strong>
-                        <!-- <i class="badge">구매완료</i> -->
-                      </p>
-                    </div>
-                  </label>
-                </div>
               </div>
             </div>
 
@@ -358,7 +346,7 @@
     <div class="editorWarp pdpDetail">
       <div class="editorInner">
         <div class="comp_wide displayThemeDesney mickey theme-frozen">
-          <div class="image_area visualBg swiper">
+          <div class="image_area swiper">
             <div class="swiper-wrapper">
               <div class="swiper-slide">
                 <div class="image_area">
@@ -367,10 +355,15 @@
                 </div>
                 <div class="comp_body layer_up">
                   <div class="text_area">
-                    <h3 class="color-000" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">토이 스토리, 언제나 유쾌하게, 늘 함께</h3>
+                    <h3 class="color-000" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                      토이 스토리,<br class="br-m" />
+                      언제나 유쾌하게, 늘 함께
+                    </h3>
                     <div class="info color-000" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
-                      픽사 토이 스토리의 재미있는 상상이 기아의 디스플레이 테마 속에 담겼습니다.<br />
-                      장난스러운 순간들, 영원한 친구같은 픽사 토이 스토리 디스플레이 테마를 만나보세요.
+                      픽사 토이 스토리의 재미있는 상상이<br class="br-m" />
+                      기아의 디스플레이 테마 속에 담겼습니다.<br /><br class="br-m" />
+                      장난스러운 순간들, 영원한 친구같은<br class="br-m" />
+                      픽사 토이 스토리 디스플레이 테마를 만나보세요.
                     </div>
                   </div>
                 </div>
@@ -404,7 +397,7 @@
             <h3>
               <span class="text-center">
                 픽사 토이 스토리 테마를<br class="br-m" />
-                바로 확인할 수 있어요. 만나보세요
+                만나보세요!
               </span>
               <em class="text-em">
                 옵션을 선택하면, 차량에 적용된 테마 디자인을<br class="br-m" />
@@ -433,7 +426,7 @@
           </div>
         </div>
 
-        <div class="comp_wide discover-epic-design displayThemeDesney mickey">
+        <div class="comp_wide discover-epic-design displayThemeDesney mickey pixar">
           <div class="comp_body">
             <div class="tab-wrap">
               <div class="tab-menu blue cont-select">
@@ -458,7 +451,7 @@
                 </div>
                 <div class="discover-area">
                   <div class="comp_top">
-                    <h3>
+                    <h3 class="color-000">
                       디즈니 픽사 테마,<br class="br-m" />
                       직접 확인해보세요!
                     </h3>
@@ -468,21 +461,21 @@
                       <div class="item welcome-goodbye aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
                         <div class="image_area">
                           <video class="video-welcome" playsinline="playsinline" autoplay="autoplay" muted="" loop="">
-                            <source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Welcome.mov" type="video/quicktime" />
-                            <source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Welcome.webm" type="video/webm" />
+                            <source src="../assets/images/kia/pdp/display_theme_mickey/pixar/Welcome.mov" type="video/quicktime" />
+                            <source src="../assets/images/kia/pdp/display_theme_mickey/pixar/Welcome.webm" type="video/webm" />
                             이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
                           </video>
                         </div>
                         <div class="image_area">
                           <video class="video-goodbye" playsinline="playsinline" autoplay="autoplay" muted="" loop="">
-                            <source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Goodbye.mov" type="video/quicktime" />
-                            <source src="../assets/images/kia/pdp/display_theme_mickey/Disney Mickey_Goodbye.webm" type="video/webm" />
+                            <source src="../assets/images/kia/pdp/display_theme_mickey/pixar/Goodbye.mov" type="video/quicktime" />
+                            <source src="../assets/images/kia/pdp/display_theme_mickey/pixar/Goodbye.webm" type="video/webm" />
                             이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
                           </video>
                         </div>
                         <div class="text_area">
-                          <h4>Welcome &amp; Goodbye Video</h4>
-                          <p>디즈니 픽사 컨셉의 모션 그래픽 Video가 차량 Sleep 모드 동작 이후 차량을 켤 때, 끌 때 적용 됩니다.</p>
+                          <h4 class="color-000">Welcome &amp; Goodbye Video</h4>
+                          <p class="color-000">디즈니 픽사 컨셉의 모션 그래픽 Video가 차량 Sleep 모드 동작 이후 차량을 켤 때, 끌 때 적용 됩니다.</p>
                         </div>
                       </div>
                       <div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
@@ -490,8 +483,8 @@
                           <img src="../assets/images/kia/pdp/display_theme_mickey/pixar/img_Cluster.png" class="themeImg box1-cluster" alt="Cluster" />
                         </div>
                         <div class="text_area">
-                          <h4>Cluster</h4>
-                          <p>선택한 디즈니 픽사 테마가 클러스터 화면에 적용됩니다. 디즈니 픽사만의 통통 튀는 그래픽과 게이지 디자인을 확인해 보세요.</p>
+                          <h4 class="color-000">Cluster</h4>
+                          <p class="color-000">선택한 디즈니 픽사 테마가 클러스터 화면에 적용됩니다. 디즈니 픽사만의 통통 튀는 그래픽과 게이지 디자인을 확인해 보세요.</p>
                           <p><span class="add">※ 차종에 따라 클러스터 화면 디자인이 상기 이미지와 다를 수 있습니다.</span></p>
                         </div>
                       </div>
@@ -500,8 +493,8 @@
                           <img src="../assets/images/kia/pdp/display_theme_mickey/pixar/img_Map.png" class="themeImg box1-navigation" alt="Navigation" />
                         </div>
                         <div class="text_area">
-                          <h4>Navigation</h4>
-                          <p>목적지까지의 길 안내 기능을 이용할 때마다 디즈니 픽사의 특별한 아트워크가 현재 위치를 표시해줍니다.</p>
+                          <h4 class="color-000">Navigation</h4>
+                          <p class="color-000">목적지까지의 길 안내 기능을 이용할 때마다 디즈니 픽사의 특별한 아트워크가 현재 위치를 표시해줍니다.</p>
                         </div>
                       </div>
                       <div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
@@ -509,8 +502,8 @@
                           <img src="../assets/images/kia/pdp/display_theme_mickey/pixar/img_Home.png" class="themeImg box1-homecard" alt="Homecard" />
                         </div>
                         <div class="text_area">
-                          <h4>Homecard</h4>
-                          <p>각 메뉴 화면을 넘길 때마다 디즈니 픽사 캐릭터와 로고, 다양한 일러스트가 나타납니다.</p>
+                          <h4 class="color-000">Homecard</h4>
+                          <p class="color-000">각 메뉴 화면을 넘길 때마다 디즈니 픽사 캐릭터와 로고, 다양한 일러스트가 나타납니다.</p>
                         </div>
                       </div>
                       <div class="item aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="400">
@@ -518,8 +511,8 @@
                           <img src="../assets/images/kia/pdp/display_theme_mickey/pixar/img_Profile.png" class="themeImg box1-profile" alt="Profile" />
                         </div>
                         <div class="text_area">
-                          <h4>Profile</h4>
-                          <p>디즈니 픽사 캐릭터와 로고를 활용하여 디자인된 다양한 프로필 이미지를 선택할 수 있습니다. 운전자마다 다른 이미지를 설정해 보세요.</p>
+                          <h4 class="color-000">Profile</h4>
+                          <p class="color-000">디즈니 픽사 캐릭터와 로고를 활용하여 디자인된 다양한 프로필 이미지를 선택할 수 있습니다. 운전자마다 다른 이미지를 설정해 보세요.</p>
                         </div>
                       </div>
                     </div>