From 45819f7a0124d72b88eb007cc32698899ee6ff7b Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Sun, 5 Apr 2026 14:05:37 +0900
Subject: [PATCH] =?UTF-8?q?style(pc):=20=EC=98=88=EB=8A=A5=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=20=EC=8D=B8=EB=84=A4=EC=9D=BC/=EC=A0=95=EB=B3=B4=20?=
 =?UTF-8?q?=EA=B0=80=EB=A1=9C=20=EB=B0=B0=EC=B9=98,=20=EB=86=92=EC=9D=B4?=
 =?UTF-8?q?=20=EB=8F=85=EB=A6=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 썸네일: w-52 h-72 고정, object-cover
- 정보 카드: flex-1, 콘텐츠에 따라 높이 자유
- items-start로 서로 높이 영향 없음

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../public/schedule/sections/VarietySection.jsx  | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/pages/pc/public/schedule/sections/VarietySection.jsx b/frontend/src/pages/pc/public/schedule/sections/VarietySection.jsx
index d22348f..029d092 100644
--- a/frontend/src/pages/pc/public/schedule/sections/VarietySection.jsx
+++ b/frontend/src/pages/pc/public/schedule/sections/VarietySection.jsx
@@ -13,27 +13,27 @@ function VarietySection({ schedule }) {
   const categoryColor = schedule.category?.color || '#06b6d4';
 
   return (
-    <div className="space-y-4">
-      {/* 썸네일 카드 */}
-      <div className="bg-white rounded-2xl overflow-hidden shadow-sm border border-gray-100 flex items-center justify-center">
+    <div className="flex gap-5 items-start">
+      {/* 왼쪽: 썸네일 카드 (높이 고정) */}
+      <div className="flex-shrink-0 w-52 h-72 bg-white rounded-2xl overflow-hidden shadow-sm border border-gray-100">
         {hasThumbnail ? (
           <img
             src={schedule.thumbnailUrl}
             alt={schedule.title}
-            className="max-h-[400px] object-contain"
+            className="w-full h-full object-cover"
           />
         ) : (
           <div
-            className="w-full h-48 flex items-center justify-center"
+            className="w-full h-full flex items-center justify-center"
             style={{ backgroundColor: `${categoryColor}10` }}
           >
-            <Tv size={48} style={{ color: categoryColor }} strokeWidth={1.5} />
+            <Tv size={44} style={{ color: categoryColor }} strokeWidth={1.5} />
           </div>
         )}
       </div>
 
-      {/* 정보 카드 */}
-      <div className="bg-white rounded-2xl shadow-sm border border-gray-100 p-6">
+      {/* 오른쪽: 정보 카드 */}
+      <div className="flex-1 bg-white rounded-2xl shadow-sm border border-gray-100 p-6">
         {/* 방송사 + 날짜 */}
         <div className="flex items-center gap-2.5 mb-3">
           {schedule.broadcaster && (