@charset "utf-8";
/* ───────── 2026-10-21 원화 PC 상세 개편 (fvo-) — shop_main/original/view.php
   두 칸 · 오른쪽 고정 · 안내 · 만족지수 · 후기 · 견본 · 버튼은 frame_view.css(fv-) 그대로 쓰고, 원화에만 있는 것만 여기서
   original.css 는 그대로 두고 .fvo 아래만 덮어씀
   ───────── */

/* 작품 사진 — 비율 그대로 (예전에는 800x800 으로 늘려 보였음) */
.fvo-stage { position:relative; width:880px; height:820px; overflow:hidden; border-radius:4px; background:#f3f2f0; }
.fvo .original { display:block; width:100%; height:100%; overflow:hidden; }
.fvo .Thumb { display:inline-block; width:880px; height:820px; vertical-align:top; }
.fvo .Thumb img { display:block; width:880px; height:820px; object-fit:contain; }

/* 작은 사진 줄 */
.fvo .fvo-thumbs { display:block; width:auto; margin:12px 0 0; }
.fvo .fvo-thumbs .thumbnail-slider { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:8px; width:auto; overflow:visible; }
.fvo .mThumb { position:relative; display:block; width:64px; height:64px; margin:0; padding:0; overflow:hidden; border-radius:4px; background:#f2f2f0; cursor:pointer; }
.fvo .mThumb img, .fvo .thumbnail-slider img { display:block; width:64px; height:64px; margin:0; border:0; border-radius:0; object-fit:cover; }
.fvo .mThumb:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border-radius:4px; box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.08); }
.fvo .mThumb.on:after { box-shadow:inset 0 0 0 2px #111111; }

/* 오른쪽 칸 */
.fvo .product_info { height:auto; }
.fvo .product_info p.name { margin:0; padding:0; font-size:26px; font-weight:500; line-height:1.3; letter-spacing:-1px; color:#111111; }
.fvo-label { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin:0 0 9px; font-size:13px; font-weight:500; letter-spacing:-0.4px; color:#111111; }
.fvo-label span { font-size:11px; font-weight:300; letter-spacing:-0.3px; color:#999999; }
.fvo-opt { padding:16px 0 18px; border-top:1px solid #ececec; }
.fvo .help_bubble { display:none; }
.fvo .warn_artposter { position:static !important; width:100% !important; margin:10px 0 0 !important; padding:9px 12px !important; border-radius:6px; background:#fbf6ec; box-sizing:border-box; }
.fvo .warn_artposter p { width:auto !important; margin:0 !important; font-size:12px !important; line-height:1.5 !important; letter-spacing:-0.3px !important; color:#7a5b20; }

/* 그림사이즈 (선택 상자) */
.fvo #optionVal { box-sizing:border-box; width:100%; height:44px; padding:0 40px 0 14px; border:0; border-radius:4px; box-shadow:inset 0 0 0 1px #dcdcdc; background:#ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%23333333' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center / 12px 12px no-repeat; font-family:arial, 'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; line-height:44px; letter-spacing:-0.2px; color:#111111; cursor:pointer; }

/* 구매혜택 · 금액 */
.fvo-row { display:flex; gap:10px; padding:14px 0 0; border-top:1px solid #ececec; }
.fvo-row .fvo-label { flex:0 0 62px; margin:0; font-size:12px; font-weight:300; color:#999999; }
.fvo .fvo-row p.benefit { margin:0; font-size:12px; font-weight:400; line-height:1.7; color:#555555; }
.fvo .fvo-row p.benefit a { color:#555555; }
.fvo-pricebox { display:flex; align-items:center; justify-content:space-between; margin:16px 0 0; padding:16px 0 0; border-top:1px solid #ececec; }
.fvo-pricebox .fvo-label { margin:0; }
.fvo .fvo-pricebox p.price { display:block; margin:0; padding:0; font-family:arial, sans-serif; font-size:26px; font-weight:700; letter-spacing:-0.5px; color:#111111; text-align:right; }
.fvo .fvo-pricebox p.price span.original-price { font-size:18px; font-weight:400; color:#bbbbbb; }
.fvo .fvo-pricebox .fvo-won { margin-left:2px; font-family:'Noto Sans KR', sans-serif; font-size:16px; font-weight:500; letter-spacing:0; }

/* 판매 완료 */
.fvo .soldout { margin:16px 0 0; padding:22px 0 20px; border-radius:6px; background:#f6f6f5; text-align:center; }
.fvo .soldout b { display:block; font-family:arial, sans-serif; font-size:28px; font-weight:700; letter-spacing:1px; color:#999999; }
.fvo .soldout span { display:block; margin-top:6px; font-size:13px; font-weight:400; color:#777777; }

/* 구매 */
.fvo .buyarea { margin:12px 0 0; }
.fvo .product_info p.agreement { margin:0 0 10px; padding:10px 12px; border-radius:6px; background:#f7f7f6; font-size:12px; font-weight:400; line-height:1.5; letter-spacing:-0.3px; color:#555555; }
.fvo .product_info p.agreement label { display:flex; align-items:flex-start; gap:8px; cursor:pointer; }
.fvo .product_info p.agreement input[type=checkbox] { flex:0 0 auto; width:16px; height:16px; margin:1px 0 0; visibility:visible; position:static; accent-color:#111111; }
.fvo .fv-btns { margin:0; }

/* 유튜브 — 왼쪽 칸 폭 (예전 1200px 고정) */
.fvo-yt { margin:56px 0 0; }
.fvo-yt iframe { display:block; width:880px; height:495px; border:0; border-radius:4px; }

/* 작품 설명 */
.fvo .detail-description { margin-top:90px; }
.fvo .detail-description .wrap .detail img { max-width:100%; height:auto; }

/* 다른 그림 보기 (두 줄 — 예전과 같은 4개 · 8개) */
.fvo-relations { margin-top:40px; padding:64px 0 10px; border-top:1px solid #efefef; }
.fvo-relations .relation-list + .relation-list { margin-top:30px; }
.fvo-relations .relation-list p.title { display:flex; align-items:flex-end; justify-content:space-between; margin:0 0 24px !important; padding:0; font-size:20px !important; font-weight:500 !important; line-height:1.3; letter-spacing:-0.8px; color:#111111 !important; }
.fvo-relations .relation-list p.title a span { float:none !important; font-size:13px; font-weight:400; letter-spacing:-0.3px; color:#6f6f6f !important; }