@charset "utf-8";
/* 와우씨씨엠 renew 방송프로그램 스킨 · 주황 포인트, 각진 모서리, Pretendard */
.rp-board,.rp-write-wrap,.rp-view{
  --rp-brand:#ef5a22; --rp-brand-dk:#d4481a; --rp-soft:#fff1e9;
  --rp-ink:#1f2328; --rp-sub:#555b63; --rp-mute:#9aa0a7; --rp-line:#e5e7eb; --rp-line2:#f0f1f3; --rp-band:#f6f7f8;
  --rp-on:#1f9d55; --rp-bad:#d93a2b;
  font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  color:var(--rp-ink); font-size:15px; line-height:1.55; letter-spacing:-.01em; text-align:left;
  max-width:100%; margin:0 auto 40px; box-sizing:border-box;
}
.rp-board *,.rp-write-wrap *,.rp-view *{box-sizing:border-box}
.rp-board a,.rp-write-wrap a,.rp-view a{color:inherit;text-decoration:none}
.rp-board a:hover,.rp-view a:hover{color:var(--rp-brand)}
.rp-board [hidden],.rp-write-wrap [hidden],.rp-view [hidden]{display:none!important}
.rp-board{container-type:inline-size}

/* 머리 */
.rp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:2px solid var(--rp-ink);margin-bottom:18px}
.rp-h{margin:0;font-size:24px;font-weight:800;letter-spacing:-.03em}
.rp-sub{margin:2px 0 0;font-size:14px;color:var(--rp-mute)}

/* 버튼 */
.rp-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border:1px solid var(--rp-line);background:#fff;color:var(--rp-ink)!important;font:inherit;font-size:14px;font-weight:700;cursor:pointer;border-radius:0;white-space:nowrap}
.rp-btn:hover{border-color:var(--rp-brand);color:var(--rp-brand)!important}
.rp-btn-strong{background:var(--rp-brand);border-color:var(--rp-brand);color:#fff!important}
.rp-btn-strong:hover{background:var(--rp-brand-dk);border-color:var(--rp-brand-dk);color:#fff!important}
.rp-btn-danger{color:var(--rp-bad)!important}
.rp-btn:disabled{opacity:.5;cursor:default}

/* 정렬 (가운데) */
.rp-bar{display:flex;justify-content:center;margin-bottom:26px}
.rp-sort{display:flex;border:1px solid var(--rp-brand)}
.rp-sort button{height:38px;min-width:104px;padding:0 18px;border:0;background:#fff;font:inherit;font-size:15px;font-weight:700;color:var(--rp-brand);cursor:pointer;border-radius:0}
.rp-sort button.on{background:var(--rp-brand);color:#fff}

/* 카드 */
.rp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px;margin:0;padding:0;list-style:none}
.rp-card{position:relative;min-width:0}
.rp-link{display:block}
.rp-poster{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:var(--rp-band)}
.rp-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.rp-link:hover .rp-poster img{transform:scale(1.04)}
.rp-name{display:block;margin-top:12px;font-size:17px;font-weight:700;color:var(--rp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-link:hover .rp-name{color:var(--rp-brand)}
.rp-time{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-size:14px;color:var(--rp-mute);font-variant-numeric:tabular-nums}
.rp-badge{position:absolute;left:0;top:0;padding:3px 8px;background:rgba(31,35,40,.8);color:#fff;font-size:12px;font-style:normal;font-weight:700}
.rp-badge-sp{background:var(--rp-brand)}
.rp-card.is-rest .rp-poster img{filter:saturate(.4)}
.rp-edit{position:absolute;right:0;top:0;padding:3px 8px;background:#fff;border:1px solid var(--rp-line);font-size:12px;font-weight:700;color:var(--rp-sub)!important;opacity:0;transition:opacity .2s}
.rp-card:hover .rp-edit,.rp-edit:focus{opacity:1}
.rp-empty{padding:48px 0;text-align:center;color:var(--rp-sub);border-top:1px solid var(--rp-line2);border-bottom:1px solid var(--rp-line2)}

/* 포스터가 없을 때: 이름으로 만든 그림 */
.rp-ph{position:absolute;inset:0;display:grid;place-items:center;padding:14%;text-align:center;color:#fff}
.rp-ph b{font-size:clamp(15px,2.2cqi,22px);font-weight:800;line-height:1.3;word-break:keep-all}
.rp-ph.tone0{background:linear-gradient(140deg,#ef5a22,#f59e3b)}
.rp-ph.tone1{background:linear-gradient(140deg,#3c6fd1,#6aa6f0)}
.rp-ph.tone2{background:linear-gradient(140deg,#1f9d77,#71c7a0)}
.rp-ph.tone3{background:linear-gradient(140deg,#7a4bd1,#b18cf0)}
.rp-ph.tone4{background:linear-gradient(140deg,#d23a6b,#f28aa6)}
.rp-ph.tone5{background:linear-gradient(140deg,#2b3440,#5b6776)}

/* 지난 프로그램 */
.rp-past{margin-top:56px;padding-top:20px;border-top:1px solid var(--rp-line)}
.rp-past h3{margin:0 0 14px;font-size:17px;font-weight:800;color:var(--rp-sub)}
.rp-grid-sm{grid-template-columns:repeat(8,minmax(0,1fr));gap:18px 12px}
.rp-grid-sm .rp-poster{filter:grayscale(1);opacity:.75}
.rp-grid-sm .rp-link:hover .rp-poster{filter:none;opacity:1}
.rp-grid-sm .rp-name{margin-top:6px;font-size:13px;font-weight:600;color:var(--rp-sub)}
.rp-grid-sm .rp-ph b{font-size:12px}

@container (max-width: 900px){
  .rp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rp-grid-sm{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@container (max-width: 560px){
  .rp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  .rp-grid-sm{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rp-name{font-size:15px}
  .rp-time{font-size:13px}
  .rp-sort button{min-width:90px}
  .rp-edit{opacity:1}
}

/* 등록 화면 */
.rp-form-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start}
.rp-sec{padding:20px 0;border-bottom:1px solid var(--rp-line2)}
.rp-sec-main .rp-sec:first-child,.rp-sec-poster{padding-top:4px}
.rp-sec-poster{border-bottom:0;position:sticky;top:16px}
.rp-sec h3{margin:0 0 14px;font-size:17px;font-weight:800}
.rp-lab{display:block;margin:14px 0 5px;font-size:14px;font-weight:700}
.rp-row2 .rp-lab,.rp-sec h3 + .rp-lab{margin-top:0}
.rp-lab em{font-style:normal;font-size:12px;color:var(--rp-brand);margin-left:4px}
.rp-hint{margin:8px 0 6px;font-size:13px;color:var(--rp-mute)}
.rp-hint b{color:var(--rp-sub)}
.rp-in{display:block;width:100%;height:42px;padding:0 12px;border:1px solid var(--rp-line);background:#fff;font:inherit;font-size:15px;color:var(--rp-ink);border-radius:0}
textarea.rp-in{height:auto;padding:10px 12px;resize:vertical}
.rp-in:focus{outline:2px solid var(--rp-brand);outline-offset:-1px;border-color:var(--rp-brand)}
.rp-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.rp-radios{display:flex;flex-wrap:wrap;gap:6px}
.rp-radios label{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 12px;border:1px solid var(--rp-line);font-size:14px;font-weight:600;cursor:pointer}
.rp-radios label:has(input:checked){border-color:var(--rp-brand);background:var(--rp-soft);color:var(--rp-brand-dk)}
.rp-radios input{accent-color:var(--rp-brand)}
.rp-pv{max-width:280px}
.rp-file{display:block;width:100%;font:inherit;font-size:14px}
.rp-cur{margin:8px 0 0;font-size:13px;color:var(--rp-sub)}
.rp-del{margin-left:6px;font-weight:700;color:var(--rp-bad);cursor:pointer}
.rp-check{margin:8px 0 0;font-size:13px;font-weight:600}
.rp-check:empty{display:none}
.rp-check.is-ok{color:var(--rp-on)}
.rp-check.is-bad{color:var(--rp-bad)}
.rp-warn{margin:10px 0 0;padding:10px 12px;background:#fdecea;color:var(--rp-bad);font-size:14px}

.rp-slot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px;border:1px solid var(--rp-line);margin-bottom:8px}
.rp-slot-days{display:flex;gap:4px}
.rp-day{cursor:pointer}
.rp-day input{position:absolute;opacity:0;pointer-events:none}
.rp-day span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--rp-line);font-size:14px;font-weight:700;color:var(--rp-sub)}
.rp-day input:checked + span{background:var(--rp-brand);border-color:var(--rp-brand);color:#fff}
.rp-day input:focus-visible + span{outline:2px solid var(--rp-ink);outline-offset:1px}
.rp-slot-time{display:flex;align-items:center;gap:6px}
.rp-slot-time select{height:36px;padding:0 6px;border:1px solid var(--rp-line);font:inherit;font-size:14px;border-radius:0;background:#fff}
.rp-slot-del{width:36px;height:36px;border:1px solid var(--rp-line);background:#fff;font-size:18px;color:var(--rp-mute);cursor:pointer;border-radius:0}
.rp-slot-del:hover{color:var(--rp-bad);border-color:var(--rp-bad)}
.rp-add{height:34px;font-size:13px}
.rp-preview-time{margin:12px 0 0;padding:8px 12px;background:var(--rp-band);font-size:14px;color:var(--rp-sub)}
.rp-preview-time b{color:var(--rp-ink)}
.rp-foot{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:22px}

/* 소개 페이지 */
.rp-hero{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:36px;align-items:start;padding:8px 0 32px;border-bottom:1px solid var(--rp-line)}
.rp-hero-poster .rp-ph b{font-size:26px}
.rp-chips{display:flex;gap:6px;margin:0 0 8px}
.rp-chip{display:inline-block;padding:2px 9px;border:1px solid var(--rp-brand);color:var(--rp-brand);font-size:12.5px;font-weight:800}
.rp-chip-rest{border-color:var(--rp-sub);color:var(--rp-sub)}
.rp-chip-end{border-color:var(--rp-mute);color:var(--rp-mute)}
.rp-view-title{margin:0;font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.25;word-break:keep-all}
.rp-host{margin:6px 0 0;font-size:16px;color:var(--rp-sub)}
.rp-host b{color:var(--rp-ink)}
.rp-host span{display:inline-block;margin-right:14px}
.rp-times{margin:18px 0 0;padding:0;list-style:none;font-size:16px;font-variant-numeric:tabular-nums}
.rp-times li{padding:3px 0}
.rp-times b{display:inline-block;min-width:64px;color:var(--rp-brand);font-weight:800}
.rp-intro{margin:18px 0 0;font-size:15.5px;line-height:1.75;color:var(--rp-sub);word-break:keep-all}
.rp-hero-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.rp-more{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;margin-top:28px}
.rp-box h3{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--rp-ink);font-size:17px;font-weight:800}
.rp-more-link{font-size:13px;font-weight:600;color:var(--rp-mute)!important}
.rp-next,.rp-rows{margin:0;padding:0;list-style:none}
.rp-next a{display:block;padding:10px 0;border-bottom:1px solid var(--rp-line2)}
.rp-next-date{display:block;font-weight:800}
.rp-next-date i{display:inline-block;margin-left:4px;padding:0 6px;background:var(--rp-brand);color:#fff;font-size:11.5px;font-style:normal;vertical-align:2px}
.rp-next-time{font-size:14px;color:var(--rp-sub);font-variant-numeric:tabular-nums}
.rp-next-guest{display:block;font-size:13.5px;color:var(--rp-brand-dk)}
.rp-rows a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--rp-line2);font-size:14.5px}
.rp-rows span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-rows time{flex:none;font-size:13px;color:var(--rp-mute);font-variant-numeric:tabular-nums}
.rp-rows-play span{color:var(--rp-ink)}

@media (max-width: 760px){
  .rp-form-grid{grid-template-columns:1fr;gap:0}
  .rp-sec-poster{position:static;border-bottom:1px solid var(--rp-line2);padding-bottom:20px}
  .rp-pv{max-width:200px}
  .rp-row2{grid-template-columns:1fr}
  .rp-hero{grid-template-columns:1fr;gap:20px}
  .rp-hero-poster{max-width:260px}
  .rp-view-title{font-size:26px}
  .rp-h{font-size:20px}
  .rp-foot .rp-btn{flex:1}
}
@media (prefers-reduced-motion: reduce){ .rp-poster img{transition:none} }