테마 수정

assets/css/pdp_detail.css

@@ -2236,6 +2236,11 @@
 .displayTheme .comp_body .text_area h5 {
   font-size: 3rem;
 }
+@media (max-width: 768px) {
+  .displayTheme .comp_body .text_area h5 {
+    font-size: 2rem;
+  }
+}
 
 .displayThemeDtl .swiper-navigation > * {
   top: 210px;
@@ -2730,4 +2735,27 @@
   text-indent: -9999em;
   cursor: pointer;
 }
+
+.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type=checkbox] + label {
+  height: auto;
+  padding: 2rem 2rem 2rem 0;
+}
+.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type=checkbox] + label:before {
+  display: none;
+}
+.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type=checkbox] + label strong {
+  font-size: 1.6rem;
+}
+.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type=checkbox] + label strong span {
+  font-size: 1.6rem;
+}
+.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type=checkbox] + label span {
+  color: #aaa !important;
+  font-size: 1.4rem;
+}
+
+.comp_wide.comp_2x_b_h_s_e2 {
+  position: relative;
+  z-index: 2;
+}
 /*# sourceMappingURL=pdp_detail.css.map */

assets/css/pdp_detail.scss

@@ -2143,6 +2143,9 @@
 
     .comp_body .text_area h5 {
         font-size: 3rem;
+        @include maxtablet{
+            font-size: 2rem;
+        }
     }
 }
 
@@ -2626,3 +2629,27 @@
         }
     }
 }
+
+.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type=checkbox] + label {
+    height:auto;
+    padding:2rem 2rem 2rem 0;
+    &:before {
+        display: none;
+    }
+    strong {
+        font-size: 1.6rem;
+        span {
+            font-size: 1.6rem;
+        }
+    }
+    span {
+        color:#aaa !important;
+        font-size: 1.4rem;
+    }
+}
+
+.comp_wide.comp_2x_b_h_s_e2 {
+    position: relative;
+    z-index: 2;
+}
+

product/pdp_display_theme_0429.html

@@ -677,7 +677,7 @@
         <h5>
             사양 이용 영상
         </h5>
-        <div class="youtubeArea youtubeArea_pdp" value="i76z7IQ2Mhk">
+        <div class="youtubeArea youtubeArea_pdp" value="6Z8r6-qXwoo">
         </div>
     </div>
 </div>
@@ -955,6 +955,12 @@
         <!--//footer-->
         <script>
             AOS.init();
+
+            if($(".youtubeArea").hasClass("youtubeArea_pdp") === true) {
+                var youtube_id = $('.youtubeArea_pdp').attr('value');
+                var youtube_frame = '<iframe src="https://www.youtube.com/embed/'+youtube_id+'?controls=1&rel=0&showsearch=0" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';
+                $('.youtubeArea_pdp').html(youtube_frame);
+            }
         </script>
     </body>
 </html>