USP인트로 추가

product/pdp_in_car_game.html

@@ -351,9 +351,13 @@
                 </div>
             </div>
         </div>
+        <div class="btn-intro">
+            Intro영상 다시보기
+        </div>
     </div>
     <div class="comp_md layer_up"></div>
     <div class="comp_bottom">
+
         <div class="com_bottm_inner">
             <div class="swiper pdpInCarGameSwiper">
                 <div class="swiper-wrapper">
@@ -398,6 +402,22 @@
             </div>
         </div>
     </div>
+    
+    <div class="comp_md layer_up video_wrap">
+        <div class="video-area">
+            <div class="video">
+               
+                <video playsinline="playsinline" controls>
+                    <source src="../assets/images/kia/pdp/in_car_game/intro.mp4" type="video/mp4">
+                    이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
+                </video>
+                <div class="btn-close">닫기</div>
+                <div class="btn-play play">Play</div>
+            </div>
+        </div>
+        <div class="close-today">
+        </div>
+    </div>
 </div>
 
 
@@ -434,8 +454,8 @@
             <div thumbsSlider="" class="swiper inCarGameDtlThumb">
                 <div class="swiper-wrapper">
                   <div class="swiper-slide video-slideThumb">
-                    <!-- <img src="../assets/images/kia/pdp/in_car_game/theme1-1.png" class="themeImgThumb" alt="" /> -->
-                    <video loop muted playsinline preload="auto" poster="../assets/images/kia/pdp/in_car_game/theme1-1.png">
+                    <img src="../assets/images/kia/pdp/in_car_game/theme1-1.png" class="themeImgThumb" style="position: absolute;top:0;left:0;z-index:1" alt="" />
+                    <video loop muted playsinline preload="auto" style="z-index:0">
                         <source src="../assets/images/kia/pdp/in_car_game/theme1-1.mp4" type="video/mp4" class="themeVideo">
                     </video>
                   </div>