From 1e9c9bee40b28ace1ec9b4ed7ea595c5a9c5a2ee Mon Sep 17 00:00:00 2001
From: "junghoon86.park" <junghoon86.park@lgepartner.com>
Date: Mon, 15 Dec 2025 10:12:47 +0900
Subject: [PATCH] =?UTF-8?q?[=EB=9D=BC=EC=9D=B4=EB=B8=8C=20=EC=B1=84?=
 =?UTF-8?q?=EB=84=90=20=EB=84=A5=EC=8A=A4=ED=8A=B8=20=EB=B2=84=ED=8A=BC=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

 - qvc가 짤려보이는문제 관련하여 수정.
---
 .../PlayerTabContents/v2/LiveChannelNext.jsx  | 23 ++++++++++++-------
 .../v2/LiveChannelNext.module.less            | 14 ++++++-----
 2 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.jsx
index f198efe3..66ad574e 100644
--- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.jsx
+++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.jsx
@@ -1,16 +1,13 @@
 import React from 'react';
 
+import classNames from 'classnames';
 import { compose } from 'ramda/src/compose';
 
 import Spotlight from '@enact/spotlight';
 import Spottable from '@enact/spotlight/Spottable';
-import {
-  Marquee,
-  MarqueeController,
-} from '@enact/ui/Marquee';
+import { Marquee, MarqueeController } from '@enact/ui/Marquee';
 
-import icon_arrow_dwon
-  from '../../../../../assets/images/player/icon_tabcontainer_arrow_down.png';
+import icon_arrow_dwon from '../../../../../assets/images/player/icon_tabcontainer_arrow_down.png';
 import CustomImage from '../../../../components/CustomImage/CustomImage';
 import { SpotlightIds } from '../../../../utils/SpotlightIds';
 import css from './LiveChannelNext.module.less';
@@ -55,9 +52,19 @@ export default function LiveChannelNext({
         onSpotlightRight={handleSpotlightRight}
       >
         <div className={css.logoWrapper}>
-          <div className={css.logoBackground} style={{ background: backgroundColor }}>
+          <div
+            className={css.logoBackground}
+            style={{ background: backgroundColor }}
+          >
             {channelLogo ? (
-              <CustomImage src={channelLogo} alt={channelName} className={css.logoImage} />
+              <CustomImage
+                src={channelLogo}
+                alt={channelName}
+                className={classNames(
+                  css.logoImage,
+                  channelName === 'QVC' && css.qvcLogoImg
+                )}
+              />
             ) : (
               <div className={css.logoPlaceholder} />
             )}
diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.module.less b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.module.less
index 87b2a12b..ef17f195 100644
--- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.module.less
+++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.module.less
@@ -1,5 +1,5 @@
-@import "../../../../style/CommonStyle.module.less";
-@import "../../../../style/utils.module.less";
+@import '../../../../style/CommonStyle.module.less';
+@import '../../../../style/utils.module.less';
 
 .container {
   position: fixed;
@@ -51,13 +51,16 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  background: linear-gradient(180deg, #284998 0%, #06B0EE 100%);
 }
 
 .logoImage {
   width: 100%;
   height: 100%;
   object-fit: cover;
+  &.qvcLogoImg {
+    width: 70%;
+    height: 70%;
+  }
 }
 
 .logoPlaceholder {
@@ -69,7 +72,7 @@
 .channelName {
   color: #fcfcfc;
   font-size: 25px;
-  font-family: "LG Smart UI";
+  font-family: 'LG Smart UI';
   font-weight: 700;
   line-height: 35px;
   white-space: nowrap;
@@ -81,7 +84,7 @@
 .programName {
   color: rgba(234, 234, 234, 0.7);
   font-size: 25px;
-  font-family: "LG Smart UI";
+  font-family: 'LG Smart UI';
   font-weight: 600;
   line-height: 35px;
   white-space: nowrap;
@@ -91,7 +94,6 @@
   max-width: 180px; // 최대 너비 제한 완화
 }
 
-
 .arrowIcon {
   display: flex;
   align-items: center;