[영상 노출에 따른 부분 수정]

- 영상 상하 블랙라인 관련 하여 스타일 수정
 - discimir부분 노출관련하여 처리.

com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.module.less

@@ -5,11 +5,10 @@
   position: relative;
   width: 1114px; // ProductDetail과 동일한 고정 크기
   max-width: 1114px;
-  height: 740px; // ProductDetail과 동일한 고정 높이
+  height: 632px !important; // ProductDetail과 동일한 고정 높이  
-  margin-bottom: 30px; // ProductDetail과 동일한 간격
   cursor: pointer;
   background-color: rgba(0, 0, 0, 1);
-  border-radius: 12px;
+  border-radius: 12px 12px 0 0;
   box-sizing: border-box;
   padding: 6px; // 포커스 테두리를 위한 공간
   overflow: hidden;
@@ -80,7 +79,7 @@
       z-index: 23; // MediaPanel(z-index: 22)보다 위에 표시되어야 비디오 재생 중에도 포커스 테두리가 보임
       border: 6px solid @PRIMARY_COLOR_RED;
       box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5);
-      border-radius: 12px;
+      border-radius: 12px 12px 0px 0px;
       content: "";
     }
 
@@ -217,15 +216,13 @@
 }
 
 .notice {
-    width: 100%;
+  width: calc(100% - 10px);
   height: 54px;
   background: #000000;
   .flex(@justifyCenter:flex-start);
   padding: 6px 18px 18px 18px;    
-    position: absolute;
-    bottom: 0;
   border-radius: 0 0 12px 12px;
-
+  margin-bottom: 30px; // ProductDetail과 동일한 간격
   .marquee {
     width: 100%;
     height: 100%;

com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.v3.jsx

@@ -311,6 +311,7 @@ export default function ProductVideo({
   if (!canPlayVideo) return null;
 
   return (
+  <>
     <SpottableComponent
       className={css.videoContainer}
       onClick={handleVideoClick}
@@ -330,12 +331,13 @@ export default function ProductVideo({
           <img src={playImg} alt="재생" />
         </div>
       </div>
+    </SpottableComponent>
     <div className={css.notice}>
       <Marquee className={css.marquee} marqueeOn="render">
         <img src={ic_warning} alt={disclaimer} />
         <span>{disclaimer}</span>
       </Marquee>
     </div>
-    </SpottableComponent>
+  </>
   );
 }