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/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>