.kr-popup[hidden]{display:none}
.kr-popup{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:52px 72px 28px;background:rgba(0,0,0,.74);font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;backdrop-filter:blur(2px)}
.kr-popup__dialog{position:relative;width:min(527px,calc(100vw - 144px));max-height:calc(100vh - 80px);display:flex;flex-direction:column;outline:none}
.kr-popup__dots{position:absolute;left:50%;bottom:calc(100% + 16px);display:flex;align-items:center;justify-content:center;gap:7px;transform:translateX(-50%)}
.kr-popup__dot{width:11px;height:11px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.96);cursor:pointer;transition:width .18s,background .18s}
.kr-popup__dot[aria-current="true"]{width:42px;background:#2ebc48}
.kr-popup__card{overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 34px 100px rgba(0,0,0,.42)}
.kr-popup__media{position:relative;background:#10151e;aspect-ratio:527/559}
.kr-popup__link,.kr-popup__picture{display:block;width:100%;height:100%}
.kr-popup__picture{object-fit:cover}
.kr-popup__link:focus-visible{outline:4px solid #45d866;outline-offset:-4px}
.kr-popup__footer{height:78px;display:grid;grid-template-columns:1fr 1fr;background:#fff}
.kr-popup__action{appearance:none;border:0;background:#fff;color:#202530;font-size:18px;cursor:pointer}
.kr-popup__action+.kr-popup__action{border-left:1px solid #d9d9dc}
.kr-popup__action:hover{background:#f5f6f8}
.kr-popup__arrow{position:absolute;top:calc(50% - 18px);z-index:2;width:68px;height:68px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(15,18,24,.18);color:#fff;font-size:50px;font-weight:250;line-height:1;cursor:pointer;transform:translateY(-50%);transition:background .16s,transform .16s}
.kr-popup__arrow:hover{background:rgba(0,0,0,.44);transform:translateY(-50%) scale(1.04)}
.kr-popup__arrow--prev{right:calc(100% + 26px)}
.kr-popup__arrow--next{left:calc(100% + 26px)}
.kr-popup__counter{position:absolute;right:16px;bottom:14px;padding:5px 9px;border-radius:999px;color:#fff;background:rgba(0,0,0,.5);font-size:12px;font-weight:700;letter-spacing:.03em}
body.kr-popup-open{overflow:hidden}
@media(max-width:720px){.kr-popup{padding:48px 18px 18px}.kr-popup__dialog{width:min(527px,100%);max-height:calc(100vh - 66px)}.kr-popup__card{border-radius:20px}.kr-popup__footer{height:62px}.kr-popup__action{font-size:15px}.kr-popup__arrow{top:calc(50% - 10px);width:46px;height:46px;border-width:1px;background:rgba(0,0,0,.35);font-size:35px}.kr-popup__arrow--prev{right:auto;left:12px}.kr-popup__arrow--next{left:auto;right:12px}.kr-popup__dots{bottom:calc(100% + 13px);gap:6px}.kr-popup__dot{width:8px;height:8px}.kr-popup__dot[aria-current="true"]{width:27px}.kr-popup__counter{right:10px;bottom:10px}}
@media(max-height:760px){.kr-popup{padding-top:42px}.kr-popup__dialog{width:min(430px,calc(100vw - 116px))}.kr-popup__footer{height:56px}.kr-popup__action{font-size:15px}}
@media(max-width:720px) and (max-height:760px){.kr-popup__dialog{width:min(390px,100%)}.kr-popup__footer{height:52px}}
@media(prefers-reduced-motion:reduce){.kr-popup__dot,.kr-popup__arrow{transition:none}}