1차 수정3

assets/css/pdp_detail.css

@@ -2175,6 +2175,24 @@
   font-weight: 600;
   transition: all 0.2s ease;
 }
+.displayTheme.comp_wide .close-today span {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+.displayTheme.comp_wide .close-today span input {
+  margin-right: 0.4rem;
+}
+.displayTheme.comp_wide .close-today span:before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
 .displayTheme.comp_wide .close-today label {
   display: flex;
   align-items: center;
@@ -2298,6 +2316,7 @@
   height: 14rem;
   background-color: transparent;
   border: none;
+  text-indent: -9999em;
   cursor: pointer;
 }
 @media (max-width: 1024px) {

assets/css/pdp_detail.scss

@@ -2426,6 +2426,27 @@
             font-weight: 600;
             transition: all .2s ease;
 
+            span {
+                display: inline-flex;
+                align-items: center;
+                justify-content: center;
+                position: relative;
+
+                input {
+                    margin-right: .4rem;
+                }
+
+                &:before {
+                    content: "";
+                    display: block;
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    width: 100%;
+                    height: 100%;
+                }
+            }
+
             label {
                 display: flex;
                 align-items: center;
@@ -2574,6 +2595,7 @@
                 height: 14rem;
                 background-color: transparent;
                 border: none;
+                text-indent: -9999em;
                 cursor: pointer;
 
                 @media (max-width: 1024px) {

assets/js/common.js

@@ -691,9 +691,14 @@ function pdpIntro() {
     // .video_wrap 내 모든 비디오 요소 선택
     const videoElements = document.querySelectorAll(".video_wrap video");
     $(".displayTheme").addClass("playing");
+
+    $(".close-today").html(
+      `<span onclick="hideTodayIntroPopup()" style="cursor:pointer"><input type="checkbox"> 오늘 하루 재생하지 않기</span>`
+    );
     if (getCookie("hideIntroPopup")) {
       $(".displayTheme").removeClass("playing");
 
+      $(".close-today input").attr("checked", "checked");
       videoElements[0].pause();
       videoElements[0].currentTime = 0;
       $(".video_wrap").hide();
@@ -745,6 +750,9 @@ function pdpIntro() {
       $(document).on("click", ".displayTheme .btn-intro", function () {
         // console.log('intro 다시 실행');
         $(".displayTheme").addClass("playing");
+        if (getCookie("hideIntroPopup")) {
+          $(".close-today input").attr("checked", "checked");
+        }
         $(videoWrap).show();
         if (video) {
           video.currentTime = 0;

product/pdp_display_theme_0429.html

@@ -587,19 +587,16 @@
     <div class="comp_md layer_up video_wrap">
         <div class="video-area">
             <div class="video">
-                <button type="button" class="btn-close">닫기</button>
+               
                 <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 class="btn-close">닫기</div>
+                <div class="btn-play play">Play</div>
             </div>
         </div>
         <div class="close-today">
-            <label onclick="hideTodayIntroPopup()">
-                <input type="checkbox" name="" id="">
-                오늘 하루 재생하지 않기
-            </label>
         </div>
     </div>
 </div>