/* 사이트 진입 팝업 (중앙 모달) — 모든 클래스는 sw-pop 접두 */
.sw-pop{
  --sw-navy:var(--sw-navy-900);--sw-navy-dark:var(--sw-navy-950);--sw-gold-text:var(--sw-gold-600);--sw-gold:var(--sw-gold-300);
  --sw-ink:var(--sw-text);--sw-sub:var(--sw-text-muted);--sw-muted:var(--sw-text-muted);--sw-line-soft:var(--sw-line);--sw-tint:var(--sw-surface-sand);--sw-gray:var(--sw-surface-cream);
  position:fixed;inset:0;z-index:var(--sw-z-popup);display:flex;justify-content:center;align-items:center;padding:16px;
  font-family:var(--sw-font);color:var(--sw-ink);line-height:1.6;
}
.sw-pop[hidden]{display:none}
.sw-pop *,.sw-pop *::before,.sw-pop *::after{box-sizing:border-box}

.sw-pop__backdrop{position:absolute;inset:0;background:rgba(9,32,55,.58);animation:swPopFade .7s ease-out}
.sw-pop__panel{position:relative;width:100%;max-width:480px;max-height:92vh;overflow-y:auto;background:var(--sw-surface);border-radius:var(--sw-radius-lg);padding:32px 32px 24px;animation:swPopUp .9s cubic-bezier(.22,.61,.36,1)}
@keyframes swPopFade{from{opacity:0}to{opacity:1}}
@keyframes swPopIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@keyframes swPopUp{from{opacity:0;transform:translateY(110px)}to{opacity:1;transform:none}}

.sw-pop__close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:0;border-radius:var(--sw-radius-pill);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sw-sub)}
.sw-pop__close:hover{background:var(--sw-gray)}

.sw-pop__eyebrow{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--sw-gold-text)}
.sw-pop__title{margin:0 0 16px;padding-right:32px;font-size:20px;line-height:1.2;font-weight:800;letter-spacing:-.02em;word-break:keep-all;color:var(--sw-ink)}
.sw-pop__title strong{color:var(--sw-navy);font-size:32px}

.sw-pop__bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:8px}
.sw-pop__bar span{height:32px;background:var(--sw-line)}
.sw-pop__bar span:first-child{background:var(--sw-navy);border-radius:8px 0 0 8px}
.sw-pop__bar span:last-child{border-radius:0 8px 8px 0}
.sw-pop__bar-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:24px;font-size:14px;line-height:1.2;text-align:center;color:var(--sw-muted)}
.sw-pop__bar-labels span:first-child{font-weight:700;color:var(--sw-navy)}

.sw-pop__table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--sw-line);border-radius:var(--sw-radius-md);overflow:hidden;margin-bottom:24px;font-size:16px}
.sw-pop__table th,.sw-pop__table td{padding:8px 16px;text-align:left;vertical-align:top;width:50%}
.sw-pop__table thead th{font-size:14px;font-weight:700}
.sw-pop__table thead th:first-child{background:var(--sw-gray);color:var(--sw-sub)}
.sw-pop__table thead th:last-child{background:var(--sw-navy);color:var(--sw-text-on-dark)}
.sw-pop__table tbody td{border-top:1px solid var(--sw-line-soft)}
.sw-pop__table tbody td:first-child{color:var(--sw-muted)}
.sw-pop__table tbody td:last-child{background:var(--sw-tint);font-weight:500}

.sw-pop__cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;border-radius:var(--sw-radius-pill);background:var(--sw-navy);color:var(--sw-text-on-dark);font-weight:700;font-size:18px;text-decoration:none;transition:background .2s}
.sw-pop__cta:hover{background:var(--sw-navy-dark);color:var(--sw-text-on-dark)}
.sw-pop__note{margin:8px 0 0;text-align:center;font-size:14px;color:var(--sw-sub)}

.sw-pop__foot{margin-top:16px;padding-top:16px;border-top:1px solid var(--sw-line-soft);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:14px}
.sw-pop__today{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;color:var(--sw-sub)}
.sw-pop__today input{width:18px;height:18px;accent-color:var(--sw-navy);margin:0}
.sw-pop__emergency{color:var(--sw-sub)}

.sw-pop :focus-visible{outline:2px solid var(--sw-navy);outline-offset:2px}

@media(max-width:560px){
  .sw-pop__panel{padding:32px 24px 24px}
  .sw-pop__title{font-size:20px}
  .sw-pop__title strong{font-size:32px}
}
/* 가운데 정렬 + 20~30% 키우기 + 비교표 테두리 선명하게 */
.sw-pop__eyebrow,.sw-pop__title{text-align:center}
.sw-pop__title{padding-right:0}
.sw-pop__title strong{display:block;margin:8px 0 2px;font-size:48px;line-height:1.2;letter-spacing:-.02em}
.sw-pop__table{border:2px solid var(--sw-navy);border-radius:var(--sw-radius-md)}
.sw-pop__table th,.sw-pop__table td{text-align:center;vertical-align:middle;padding:16px 16px;word-break:keep-all}
.sw-pop__table thead th{font-size:16px;padding:16px}
.sw-pop__table thead th:first-child{border-right:2px solid var(--sw-navy)}
.sw-pop__table tbody td{border-top:1px solid var(--sw-line-strong)}
.sw-pop__table tbody td:first-child{border-right:2px solid var(--sw-navy);color:var(--sw-sub)}
.sw-pop__table tbody td:last-child{font-weight:700;color:var(--sw-ink)}
@media(max-width:560px){
  .sw-pop__title strong{font-size:48px}
  .sw-pop__table th,.sw-pop__table td{padding:8px 8px;font-size:14px}
}


/* 아래 버튼 카드: 주황색 */
.sw-pop__cta{background:var(--sw-orange-600)}
.sw-pop__cta:hover{background:var(--sw-orange-700)}

/* "뿐입니다" 주황 */
.sw-pop__title .sw-pop__hl{color:var(--sw-orange-600)}

/* 긴급상담 번호 강조 */
.sw-pop__emergency strong{color:var(--sw-navy);font-weight:800;white-space:nowrap}

/* 하단: 긴급상담 위, "오늘 하루 보지 않기"는 맨 아래 */
.sw-pop__foot{flex-direction:column;align-items:center;justify-content:center;gap:2px}

/* 24시 긴급상담: 텍스트 링크 대신 전화 아이콘이 있는 버튼 */
.sw-pop__emergency{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:62px;margin-bottom:8px;padding:8px 16px;border:2px solid var(--sw-navy);border-radius:var(--sw-radius-md);background:var(--sw-tint);color:var(--sw-navy);text-decoration:none;text-align:left}
.sw-pop__emergency:hover{background:var(--sw-line)}
.sw-pop__em-ico{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--sw-radius-pill);background:var(--sw-navy);color:var(--sw-text-on-dark)}
.sw-pop__em-text{display:flex;flex-direction:column;line-height:1.2}
.sw-pop__em-text small{font-size:14px;font-weight:500;color:var(--sw-sub)}
.sw-pop__em-text strong{font-size:18px;font-weight:800;color:var(--sw-navy);white-space:nowrap}

/* 4단계 카드 바로 아래 안내 문구 */
.sw-pop__lead{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 16px;padding:16px 16px;border:2px solid var(--sw-orange-600);border-radius:var(--sw-radius-md);background:var(--sw-surface-cream);color:var(--sw-navy-900);font-size:18px;font-weight:700;line-height:1.6;text-align:left;word-break:keep-all}
.sw-pop__lead strong{color:var(--sw-orange-600);font-weight:800}
.sw-pop__lead-ico{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--sw-orange-600);color:var(--sw-text-on-dark);font-size:16px;font-weight:800}
@media(max-width:560px){
  .sw-pop__lead{gap:8px;margin:8px 0 16px;padding:8px 8px;font-size:14px}
  .sw-pop__lead strong{white-space:nowrap}
  .sw-pop__lead-ico{width:22px;height:22px;font-size:14px}
}
/* 출처 각주 (2026-11-04, 출처를 받으면 내용을 바꾼다) */
.sw-pop__note{margin:8px 0 0;font-size:14px;letter-spacing:-.02em;color:var(--sw-text-muted,var(--sw-text-muted));text-align:center}
.sw-pop__title sup{font-size:14px}