@charset "utf-8";
/* =====================================================================
   우주리뷰 안내 팝업 (브라우저 기본 alert/confirm 대체)
   - 사이트 톤: 플랫 / 코랄 / Pretendard / 정수 px / radius 14~18
   - head.sub.php 에서 전 페이지 로드
   ===================================================================== */
.wjd_dim{
  position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center;
  padding:20px; background:rgba(20,23,26,.55); opacity:0; transition:opacity .14s ease;
}
.wjd_dim.on{ opacity:1; }

.wjd{
  width:100%; max-width:380px; background:#fff; border-radius:18px; overflow:hidden;
  box-shadow:0 18px 50px rgba(20,23,26,.28);
  transform:translateY(8px) scale(.98); opacity:0; transition:transform .16s ease, opacity .16s ease;
  font-family:'Pretendard Variable', Pretendard, -apple-system, 'Malgun Gothic', sans-serif;
}
.wjd_dim.on .wjd{ transform:none; opacity:1; }

.wjd_body{ padding:30px 24px 22px; text-align:center; }
.wjd_ico{
  width:52px; height:52px; margin:0 auto 16px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:#FFF4F4; color:#D23B3B; font-size:26px; font-weight:800; line-height:1;
}
.wjd_ico.ask{ background:#f7f8fa; color:#5b6169; }
.wjd_ico.done{ background:#EAF7EF; color:#1e8e4e; }
.wjd_ttl{ margin:0 0 8px; font-size:18px; font-weight:800; letter-spacing:-.02em; color:#1a1d21; line-height:1.4; }
.wjd_msg{ margin:0; font-size:15px; line-height:1.7; color:#5b6169; word-break:keep-all; white-space:pre-line; }

.wjd_btns{ display:flex; gap:8px; padding:0 20px 22px; }
.wjd_btn{
  flex:1 1 0; height:50px; border:1px solid #D23B3B; border-radius:12px;
  background:#D23B3B; color:#fff; font-size:16px; font-weight:700; cursor:pointer;
  font-family:inherit; transition:background .14s ease;
}
.wjd_btn:hover{ background:#C63A3A; border-color:#C63A3A; }
.wjd_btn:focus-visible{ outline:2px solid #1a1d21; outline-offset:2px; }
.wjd_btn.ghost{ background:#fff; border-color:#dcdfe4; color:#5b6169; }
.wjd_btn.ghost:hover{ background:#f7f8fa; color:#1a1d21; }

@media (max-width:480px){
  .wjd{ max-width:100%; border-radius:16px; }
  .wjd_body{ padding:26px 20px 18px; }
  .wjd_msg{ font-size:14.5px; }
  .wjd_btns{ padding:0 16px 18px; }
}
@media (prefers-reduced-motion: reduce){
  .wjd_dim, .wjd{ transition:none; }
}