/* Original 350 x 497 campaign artwork, with the existing popup controls. */
html.lead-benefit-open{overflow:hidden!important;overscroll-behavior:none}
dialog.lead-benefit-dialog{position:fixed;inset:0;width:calc(100% - 40px);max-width:1078px;height:max-content;max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);margin:auto;padding:0;border:0;border-radius:0;background:transparent;color:#fff;overflow:visible;z-index:40000;font-family:PT,"Noto Sans KR",sans-serif;-webkit-tap-highlight-color:transparent}
dialog.lead-benefit-dialog:not([open]){display:none}
dialog.lead-benefit-dialog[open]{display:flex;flex-direction:column;gap:9px}
.lead-benefit-dialog,.lead-benefit-dialog *{box-sizing:border-box}
.lead-benefit-dialog::backdrop{background:#00152fa6}
.lead-benefit-deck{display:flex;align-items:stretch;justify-content:center;gap:14px;min-height:0}
.lead-benefit-card{position:relative;display:flex;flex-direction:column;flex:0 1 calc((100% - 28px)/3);width:calc((100% - 28px)/3);max-width:350px;min-width:0;overflow:hidden;background:#12243f;border:0;border-radius:4px;box-shadow:0 15px 45px #0015303b;outline:1px solid #ffffff35}
.lead-benefit-card[hidden]{display:none!important}
.lead-benefit-poster{position:relative;flex:0 1 auto;min-height:0;background:#12243f}
.lead-benefit-poster>img{display:block;width:100%;height:auto;max-height:calc(100vh - 156px);max-height:calc(100dvh - 156px);object-fit:contain;object-position:center}
.lead-benefit-sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lead-benefit-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1px solid #ffffff66;border-radius:50%;background:#071a33d9;color:#fff;font:300 26px/1 PT,sans-serif;cursor:pointer}
.lead-benefit-card-actions{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px 12px;background:#12243f}
.lead-benefit-card-actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:46px;padding:6px 8px;border:1px solid #ffffff8c;border-radius:3px;text-decoration:none;text-align:center;font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap}
.lead-benefit-phone{background:#fff;color:#12243f}
.lead-benefit-phone>span{font-size:9px;font-weight:400;color:#637086;line-height:1.2}
.lead-benefit-phone>strong{font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.035em}
.lead-benefit-book{background:#173d61;color:#fff}
.lead-benefit-controls{flex-shrink:0;display:flex;align-items:center;gap:10px;min-height:46px;padding:4px 13px;border:1px solid #ffffff4d;border-radius:3px;background:#12243ff5;color:#e4e8eb}
.lead-benefit-today{display:flex;flex:1 1 auto;align-items:center;gap:7px;min-width:0;min-height:36px;font-size:13px;line-height:1.5;cursor:pointer;white-space:nowrap}
.lead-benefit-today input{flex-shrink:0;width:17px;height:17px;padding:0;margin:0;accent-color:#c6aa78;cursor:pointer}
.lead-benefit-page{min-width:23px;font-size:11px;line-height:1.5;text-align:center;color:#d9bd8d;white-space:nowrap}
.lead-benefit-dismiss,.lead-benefit-close-all{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:36px;padding:4px 6px;border:0;background:transparent;color:#e4e8eb;font:400 13px/1.5 PT,"Noto Sans KR",sans-serif;cursor:pointer;white-space:nowrap}
.lead-benefit-close-all{color:#d9bd8d}
.lead-benefit-dialog :is(a,button,input):focus-visible{outline:2px solid #d2b47b;outline-offset:2px}
.lead-benefit-dialog[data-mobile='false'] .lead-benefit-page,.lead-benefit-dialog[data-mobile='false'] .lead-benefit-close-all{display:none}
.lead-benefit-dialog[data-mobile='true']{width:calc(100% - 28px);max-width:350px}
.lead-benefit-dialog[data-mobile='true'] .lead-benefit-deck{display:block}
.lead-benefit-dialog[data-mobile='true'] .lead-benefit-card{display:none;width:100%;max-width:none}
.lead-benefit-dialog[data-mobile='true'] .lead-benefit-card[data-active='true']:not([hidden]){display:flex}
.lead-benefit-dialog[data-mobile='true'] .lead-benefit-controls{gap:4px;padding-left:6px;padding-right:6px}
.lead-benefit-dialog[data-mobile='true'] .lead-benefit-today{gap:6px;font-size:12px}
.lead-benefit-dialog[data-mobile='true'] .lead-benefit-dismiss,.lead-benefit-dialog[data-mobile='true'] .lead-benefit-close-all{min-width:0;font-size:12px;letter-spacing:-.03em;padding-left:2px;padding-right:2px}
@media(prefers-reduced-motion:no-preference){.lead-benefit-dialog{opacity:0;transform:translateY(7px);transition:opacity .17s ease,transform .17s ease}.lead-benefit-dialog.is-visible{opacity:1;transform:translateY(0)}}
