/* 컨테이너 */
.popup-banner-modal {
  position: fixed; inset: 0;
  display: grid; place-items: center;
  z-index: 1000;
}

/* 오버레이 */
.popup-banner-modal::before {
  content: "";
  position: absolute; inset: 0;
  background: rgba(0,0,0,.6);
  opacity: 0; pointer-events: none;
  transition: opacity .2s ease;
}

/* 팝업 박스 */
.popup-banner-modal .box {
  position: relative;
  /* width: min(92vw, 520px); */
  max-height: 86vh;
  overflow: auto;
  /* background: #111; */
  color: #fff;
  border-radius: 16px;
  padding: 20px 20px 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  transform: translateY(12px);
  opacity: 0;
  transition: transform .2s ease, opacity .2s ease;
}

/* 열림 상태 */
.popup-banner-modal.is-open::before {
  opacity: 1; pointer-events: auto;
}
.popup-banner-modal.is-open .box {
  transform: translateY(0); opacity: 1;
}

/* 내부 */
.title { margin:0 0 12px; font-size:20px; line-height:1.3; }
.body { font-size:16px; line-height:1.6; }
.actions { display:flex; gap:8px; justify-content:flex-end; margin-top:16px; }
.btn { appearance:none; border:0; border-radius:10px; padding:10px 14px; font-size:14px; cursor:pointer; background:#4b7bec; color:#fff; }
.btn:hover { filter:brightness(1.05); }