1차 수정

assets/css/pdp_detail.css

@@ -398,7 +398,8 @@
 .comp_1x_b_n_n_e1 .youtubeArea {
   position: relative;
   margin-top: 3.5rem;
-  padding-bottom: 56.25%; /* 16:9 비율인 경우 */
+  padding-bottom: 56.25%;
+  /* 16:9 비율인 경우 */
   /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
   padding-top: 25px;
   height: 0;
@@ -445,7 +446,8 @@
 .comp_1x_b_n_n_e2 .mp4area {
   position: relative;
   margin-top: 3.5rem;
-  padding-bottom: 56.25%; /* 16:9 비율인 경우 */
+  padding-bottom: 56.25%;
+  /* 16:9 비율인 경우 */
   /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
   padding-top: 25px;
   height: 0;
@@ -2153,6 +2155,9 @@
 .displayTheme.comp_wide.playing .displayThemeDtl {
   filter: blur(2px);
 }
+.displayTheme.comp_wide.playing .displayThemeDtl {
+  opacity: 0;
+}
 @media (max-width: 1700px) {
   .displayTheme.comp_wide.playing .displayThemeDtl {
     filter: blur(0);
@@ -2248,13 +2253,35 @@
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
-  background-color: #000;
-  border: 2.5rem solid #000;
-  border-bottom-width: 5.65rem;
 }
 .displayTheme .comp_md.video_wrap .video-area .video video {
+  display: block;
   width: 100%;
   height: 100%;
+  visibility: visible;
+}
+.displayTheme .comp_md.video_wrap .video-area .video .btn-play {
+  display: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 8rem;
+  height: 8rem;
+  background: url(../images/kia/pdp/display_theme/ico_play.png) no-repeat center/100% auto;
+  text-indent: -9999em;
+}
+.displayTheme .comp_md.video_wrap .video-area .video .btn-play.pause {
+  display: none;
+  background: url(../images/kia/pdp/display_theme/ico_pause.png) no-repeat center/100% auto;
+}
+.displayTheme .comp_md.video_wrap .video-area .video .btn-play.play {
+  display: block;
+}
+@media (hover: hover) {
+  .displayTheme .comp_md.video_wrap .video-area .video:hover .btn-play.pause {
+    display: block;
+  }
 }
 @media (max-width: 768px) {
   .displayTheme .comp_md.video_wrap .video-area {
@@ -3113,4 +3140,8 @@
     height: 3rem;
   }
 }
+
+.comp_wide.title-only + .comp_wide {
+  margin-top: 4rem;
+}
 /*# sourceMappingURL=pdp_detail.css.map */

info/product-usage-guide-srs.html

@@ -246,11 +246,19 @@
                     <h2 class="titleCase01">스마트 회생 시스템 플러스 이용 방법</h2>
                     <img src="../assets/images/kia/contents/imgCaseInfo_srsp.jpg" alt="스마트 회생 시스템 플러스 이용 방법" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
                     <div>
-                        <h3 class="titleCase02" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">스마트 회생 시스템 플러스</h3>
+                        <h3 class="titleCase02" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
+                            스마트 회생 시스템 플러스
+                        </h3>
                         <p class="txtCase01" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800">
-                            스마트 회생 시스템 3.0(정차 제어 등 기본 제공)에 플러스 기능(내비게이션 연동 감속기능 5종)을 구매하여 사용할 수 있습니다. 
-                            이 기능들이 정상적으로 작동하려면 내비게이션 목적지를 설정하면 보다 정확한 정보에 기반한 서비스를 제공합니다.
-                            <span style="color: #676767; display: block; padding-top: 15px;">※ 플러스 기능은 한시적으로 0원 구매 무상 제공 중입니다.</span>
+                            스마트 회생 시스템 플러스 기능(내비게이션 연동 감속기능 4종)은 사양 구매 후 이용 할 수 있으며,
+                            플러스 기능의 경우 내비게이션 목적지를 설정할 시 보다 정확한 서비스를 제공합니다.
+                            플러스 기능을 구매하지 않을 시, 스마트 회생 시스템 기본 제공 기능만 이용 가능합니다.
+                            <span style="color: #676767; display: block; padding-top: 15px;">
+                                ※ 플러스 기능은 한시적으로 0원 구매 무상 제공 중입니다.
+                            </span>
+                            <span class="indent" style="color: #676767; display: block; padding-top: 8px; letter-spacing: -0.05em;">
+                                ※ 기본 제공 기능 : 과속카메라 속도 조절 / 내리막길 속도 유지 / 선행차량 거리 유지 / 정차 제어
+                            </span>
                         </p>
                         
                     </div>

product/pdp_display_theme_0429.html

@@ -588,10 +588,11 @@
         <div class="video-area">
             <div class="video">
                 <button type="button" class="btn-close">닫기</button>
-                <video id="dpThemeVideo" playsinline="playsinline" autoplay="autoplay" muted="muted" controls>
+                <video playsinline="playsinline" controls>
                     <source src="../assets/images/kia/pdp/display_theme/NBA_Display_Theme_Intro.mp4" type="video/mp4">
                     이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
                 </video>
+                <button type="button" class="btn-play play">Play</button>
             </div>
         </div>
         <div class="close-today">

product/pdp_display_theme_관리자용.html

@@ -695,8 +695,7 @@
 
             $(document).on('click','.btn-data',function(){
                 const dataHtml = `
-
-                    <div class="comp_wide comp_1x_w_v_o_b displayTheme">
+<div class="comp_wide comp_1x_w_v_o_b displayTheme">
     <div class="image_area visualBg">
         <img src="../assets/images/kia/pdp/display_theme/NBA_Theme_screen.jpg" class="web" alt="디스플레이 테마 이미지">
         <img src="../assets/images/kia/pdp/display_theme/NBA_Theme_screen_m.jpg" class="mobile" alt="디스플레이 테마 이미지">
@@ -857,10 +856,11 @@
         <div class="video-area">
             <div class="video">
                 <button type="button" class="btn-close">닫기</button>
-                <video id="dpThemeVideo" playsinline="playsinline" autoplay="autoplay" muted="muted" controls>
+                <video playsinline="playsinline" controls>
                     <source src="../assets/images/kia/pdp/display_theme/NBA_Display_Theme_Intro.mp4" type="video/mp4">
                     이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
                 </video>
+                <button type="button" class="btn-play play">Play</button>
             </div>
         </div>
         <div class="close-today">
@@ -1009,7 +1009,7 @@
         <h5>
             사양 이용 영상
         </h5>
-        <div class="youtubeArea youtubeArea_pdp" value="6Z8r6-qXwoo">
+        <div class="youtubeArea youtubeArea_pdp" value="lNuSUuf7hYU">
         </div>
     </div>
 </div>

product/pdp_srs_plus.html

@@ -361,30 +361,18 @@
     </div> 
 </div>
 
-<div class="comp_wide comp_1x_b_h_s_e1"> 
+<div class="comp_wide title-only"> 
     <div class="comp_body"> 
-        <div class="image_area aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"> 
-            <img src="../assets/images/kia/pdp/srs_plus/srs_plus_contents_02.png" alt="EV만의 독특한 주행 경험을 제공하는 기술 혁신"> 
-        </div> 
-        <div class="text_area aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"> 
-            <h4>EV만의 독특한 주행 경험을 제공하는 기술 혁신</h4> 
-            <p>
-                EV의 핵심 기능으로서, EV만의 매력적인 주행 스타일 경험해보세요. 
-                주행 상황을 분석하여 회생제동 단계를 자동으로 설정하고 제어하는 EV 첨단 기술을 경험하며 미래 자동차 시대를 앞서 나가세요.
-            </p> 
-        </div> 
-    </div>
-    <div class="comp_body"> 
-        <div class="image_area aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"> 
-            <img src="../assets/images/kia/pdp/srs_plus/srs_plus_contents_03.png" alt="도로 제한 속도로 감속 [미국 / 유럽]"> 
-        </div> 
-        <div class="text_area aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"> 
-            <h4>도로 제한 속도로 감속 [미국 / 유럽]</h4> 
-            <p>
-                제한 변화 도로의 속도 제한이 낮아졌을 때 (90kph → 50kph 등) 일회성으로 제한 속도로 감속
-            </p> 
+        <div class="text_area"> 
+            <h4 data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800" class="aos-init aos-animate">
+                스마트 회생 시스템 플러스 제공 기능
+            </h4> 
         </div> 
     </div> 
+</div>
+
+<div class="comp_wide comp_1x_b_h_s_e1">
+    
     <div class="comp_body"> 
         <div class="image_area aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease-out-expo" data-aos-once="true" data-aos-duration="800"> 
             <img src="../assets/images/kia/pdp/srs_plus/srs_plus_contents_04.png" alt="교차로 자동 감속"> 
@@ -393,7 +381,7 @@
             <h4>교차로 자동 감속</h4> 
             <p>
                 교차로에서 좌/우회전 하는 경우 상황에 맞는 속도로 감속. 
-                좌회전의 경우 네비 경로 설정 시, 주행 중인 차선 개수(4차선 도로 등)에 따라 감속 목표 속도가 달라짐
+                좌회전의 경우 내비 경로 설정 시, 주행 중인 차선 개수(4차선 도로 등)에 따라 감속 목표 속도가 달라짐
             </p> 
         </div> 
     </div>