diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/DetailPanelBackground/DetailPanelBackground.jsx b/com.twin.app.shoptime/src/views/DetailPanel/components/DetailPanelBackground/DetailPanelBackground.jsx
index 2d70cf9c..3cfed918 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/DetailPanelBackground/DetailPanelBackground.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/DetailPanelBackground/DetailPanelBackground.jsx
@@ -60,13 +60,17 @@ export default function DetailPanelBackground({ launchedFromPlayer = false, patn
 
       {/* 그라데이션 레이어들 - CSS의 linear-gradient를 div로 구현 */}
       {/* 1. 270도 방향 그라데이션 (왼쪽→오른쪽, 투명→불투명) */}
-      <div className={css.gradientLayer1} aria-hidden="true" />
-
+      {launchedFromPlayer && (
+        <div className={css.gradientLayer1} aria-hidden="true" />
+      )}
       {/* 2. 180도 방향 그라데이션 (위→아래, 투명→불투명) */}
-      <div className={css.gradientLayer2} aria-hidden="true" />
-
+      {launchedFromPlayer && (
+        <div className={css.gradientLayer2} aria-hidden="true" />
+      )}
       {/* 3. 투명 그라데이션 */}
-      <div className={css.gradientLayer3} aria-hidden="true" />
+      {launchedFromPlayer && (
+        <div className={css.gradientLayer3} aria-hidden="true" />
+      )}
     </div>
   );
 }