/* templates/modules/banner_v1/view.css — 배너 모듈 전용 시각 스타일
   (.mod/.mod-edit/.slot 등 편집 공용 스타일은 레이아웃 shell.css에 이미 있음) */
.sc-banner{color:#fff;min-height:320px;display:flex;align-items:center;background-color:#2a4a86;border-radius:20px;overflow:hidden;margin-bottom:20px}
/* ★2026-09-22 버그 수정: 이 규칙이 빠져있어서 배경이미지 슬롯(.slot)이 크기 0인 채로
   .sc-banner의 flex 아이템이 돼버려("이미지 변경" 버튼이 슬롯 안에 붙는데 슬롯 자체가
   안 보이니 버튼도 사실상 못 누르는 위치에 있었음) — 배너 전체를 덮도록 절대위치로 고정. */
.sc-banner .slot{position:absolute;inset:0}
.sc-banner .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,30,60,.72),rgba(15,30,60,.15))}
.sc-banner-inner{position:relative;z-index:2;padding:44px 40px;width:100%}
.sc-banner .eyebrow{font-size:13px;letter-spacing:3px;font-weight:700;opacity:.85}
.sc-banner h2{font-size:clamp(24px,4vw,38px);line-height:1.25;margin:10px 0 12px;letter-spacing:-.5px;white-space:pre-line}
.sc-banner p{max-width:560px;font-size:15px;opacity:.92;margin:0 0 20px;white-space:pre-line}
.sc-banner .cta{display:inline-block;background:#fff;color:#1f3760;padding:10px 20px;border-radius:999px;font-weight:800;font-size:14px}

/* 모바일용 배경(mbg.img, 2026-10-05) — 방문자: 640px 이하에서만 PC용 대신 표시 / 편집 중: 오른쪽 아래 작은 세로 미리보기 + 자체 [이미지 변경] 버튼 */
.sc-banner .slot-m{display:none;background-size:cover;background-position:center}
@media(max-width:640px){
  body:not(.admin) .sc-banner.has-mbg .slot-pc{display:none}
  body:not(.admin) .sc-banner.has-mbg .slot-m{display:block}
}
.sc-banner .slot-m .m-label{display:none}
body.admin .sc-banner .slot-m{display:block;position:absolute;inset:auto 16px 16px auto;width:124px;height:136px;z-index:6;border:2px dashed #fff;border-radius:12px;background-color:rgba(255,255,255,.18)}
body.admin .sc-banner .slot-m .m-label{display:block;position:absolute;top:6px;left:0;right:0;text-align:center;font-size:11px;line-height:1.3;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none}
body.admin .sc-banner .slot-m .img-btn{left:4px;right:4px;bottom:4px;padding:6px 4px;font-size:11px;text-align:center;white-space:normal}