인트로 유튜브로 수정

assets/css/pdp_detail.scss

@@ -3450,29 +3450,36 @@
             transform: translate(-50%, -50%);
             width: 80%;
             max-width: 120rem;
-            padding-top: 43.5%;
+            aspect-ratio: 16/9;
 
             .video {
-                position: absolute;
-                top: 50%;
-                left: 50%;
-                transform: translate(-50%, -50%);
                 width: 100%;
+                height: 100%;
                 background: #000;
-                // aspect-ratio: 16/9;
 
-                video {
-                    display: block;
+                .youtube-box {
                     width: 100%;
                     height: 100%;
-                    visibility: visible;
-
-                    &[poster] {
-                        height: 100%;
-                        width: 100%;
-                    }
                 }
 
+                iframe {
+                    width: 100%;
+                    height: 100%;
+                }
+
+
+                // video {
+                //     display: block;
+                //     width: 100%;
+                //     height: 100%;
+                //     visibility: visible;
+
+                //     &[poster] {
+                //         height: 100%;
+                //         width: 100%;
+                //     }
+                // }
+
                 // .video-ctrl {
                 //     display: flex;
                 //     align-items: center;
@@ -3555,6 +3562,7 @@
             position: absolute;
             top: -4rem;
             right: -16rem;
+            z-index: 10;
             width: 14rem;
             height: 14rem;
             background-color: transparent;