diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.module.less b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.module.less
index cae695b5..32508410 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.module.less
+++ b/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과 동일한 고정 높이
- margin-bottom: 30px; // ProductDetail과 동일한 간격
+ height: 632px !important; // 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,30 +216,28 @@
}
.notice {
+ width: calc(100% - 10px);
+ height: 54px;
+ background: #000000;
+ .flex(@justifyCenter:flex-start);
+ padding: 6px 18px 18px 18px;
+ border-radius: 0 0 12px 12px;
+ margin-bottom: 30px; // ProductDetail과 동일한 간격
+ .marquee {
width: 100%;
- height: 54px;
- background: #000000;
- .flex(@justifyCenter:flex-start);
- padding: 6px 18px 18px 18px;
- position: absolute;
- bottom: 0;
- border-radius: 0 0 12px 12px;
-
- .marquee {
- width: 100%;
- height: 100%;
- }
- img {
- width: 18px;
- height: 18px;
- margin: 10px 12px 0 0;
- object-fit: contain;
- }
- span {
- line-height: normal;
- letter-spacing: normal;
- text-align: left;
- .font(@fontFamily:@baseFont, @fontSize:20px);
- color: @COLOR_GRAY04;
- }
- }
\ No newline at end of file
+ height: 100%;
+ }
+ img {
+ width: 18px;
+ height: 18px;
+ margin: 10px 12px 0 0;
+ object-fit: contain;
+ }
+ span {
+ line-height: normal;
+ letter-spacing: normal;
+ text-align: left;
+ .font(@fontFamily:@baseFont, @fontSize:20px);
+ color: @COLOR_GRAY04;
+ }
+}
\ No newline at end of file
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.v3.jsx b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.v3.jsx
index 63a2d48a..fe0f5671 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.v3.jsx
+++ b/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 (
+ <>