@font-face{font-family:SUIT;font-style:normal;font-weight:100 900;font-display:swap;src:url("https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/variable/woff2/SUIT-Variable.woff2") format("woff2")}
.haes-notice{box-sizing:border-box;width:min(520px,calc(100% - 36px));max-height:calc(100dvh - 36px);margin:auto;padding:44px 36px 30px;border:0;border-radius:24px;background:#fff;color:#171717;box-shadow:0 24px 96px #1e0c4930;font-family:SUIT,Pretendard,sans-serif;text-align:left;overflow:auto}
.haes-notice::backdrop{background:rgba(21,14,35,.58);backdrop-filter:blur(4px)}
.haes-notice .haes-notice-close{position:absolute;top:14px;right:14px;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#777;font-size:30px;line-height:1;cursor:pointer}
.haes-notice .haes-notice-close:hover{background:#f5f1fc;color:#7e32f6}
.haes-notice .haes-notice-eyebrow{display:block;margin:0 0 18px;color:#7e32f6;font-size:12px;font-weight:800;letter-spacing:1.4px}
.haes-notice #haes-notice-title{margin:0 0 24px;font:700 28px/1.35 SUIT,Pretendard,sans-serif;letter-spacing:-1px;color:#171717}
.haes-notice #haes-notice-description p{margin:0;font:400 17px/1.8 SUIT,Pretendard,sans-serif;letter-spacing:-.4px;color:#555}
.haes-notice #haes-notice-description strong{font-weight:700;color:#222}
.haes-notice #haes-notice-description .haes-notice-next{margin:22px 0 30px;padding:20px;border-radius:14px;background:#f5f1fc}
.haes-notice .haes-notice-primary{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;padding:12px 16px;border:0;border-radius:12px;background:#7e32f6;color:white;font-size:16px;font-weight:700;line-height:1.5;text-decoration:none}
.haes-notice .haes-notice-primary:hover{background:#6e22e6;color:#fff}
.haes-notice .haes-notice-browse{display:block;width:100%;min-height:44px;margin:10px 0 0;padding:10px;border:0;background:transparent;color:#76717e;font:500 14px/1.5 SUIT,Pretendard,sans-serif;cursor:pointer}
.haes-notice :focus-visible{outline:3px solid #b891ff;outline-offset:4px}
@media(max-width:480px){.haes-notice{padding:42px 24px 22px;border-radius:20px}.haes-notice #haes-notice-title{font-size:24px}.haes-notice #haes-notice-description p{font-size:16px}.haes-notice #haes-notice-description .haes-notice-next{padding:17px}}