.site-popup-layer { position:absolute; top:0; right:0; left:0; z-index:10001; }
.site-popup-card { position:absolute; top:calc(100px + var(--popup-offset)); left:calc(100px + var(--popup-offset)); display:flex; width:400px; height:auto; box-sizing:border-box; flex-direction:column; padding:25px; overflow:hidden; border:1px solid #202126; border-radius:10px; background:#07070a; box-shadow:0 18px 48px rgba(0,0,0,.48); color:#9899a2; font:400 16px/1.65 var(--font-ko); }
.site-popup-close { position:absolute; top:11px; right:12px; display:grid; width:30px; height:30px; place-items:center; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.07); color:#c8c9ce; font:300 23px/1 Arial,sans-serif; cursor:pointer; z-index:2; }
.site-popup-close:hover { background:rgba(255,255,255,.13); color:#fff; }
.site-popup-scroll { flex:0 0 auto; }
.site-popup-scroll h2 { margin:0 30px 18px 0; color:#fff; font-size:20px; font-weight:400; line-height:1.35; overflow-wrap:anywhere; }
.site-popup-scroll img { display:block; width:100%; height:auto; max-height:290px; margin:0 0 18px; border-radius:5px; object-fit:contain; }
.site-popup-scroll p { margin:0; color:#9899a2; font-size:16px; font-weight:300; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
.site-popup-card.is-image-only .site-popup-scroll img { height:auto; max-height:none; margin:0; }
.site-popup-card footer { flex:0 0 auto; margin-top:18px; }
.site-popup-card footer button { width:100%; height:38px; border:1px solid #303139; border-radius:6px; background:#15161b; color:#a6a8b0; font:400 12px var(--font-ko); cursor:pointer; }
.site-popup-card footer button:hover { border-color:#454750; color:#fff; }
@media(max-width:512px){.site-popup-card{top:20px;right:auto;left:20px;width:calc(100% - 40px);max-width:400px;--popup-offset:0px!important}.site-popup-scroll h2{font-size:20px}}