#serviceNotice{width:min(600px,calc(100vw - 24px));max-width:600px;padding:0;max-height:calc(100dvh - 24px);overflow:hidden;background:#18231b;border:1px solid #8d9578;color:#eee9d6;box-shadow:0 18px 80px #000b}
#serviceNotice[open]{display:flex;flex-direction:column}
#serviceNotice .notice-scroll{overflow:auto;min-height:0;overscroll-behavior:contain}
#serviceNotice .notice-art{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;background:#202b23}
#serviceNotice .notice-body{padding:22px 26px 20px}
#serviceNotice .notice-date{font-size:11px;letter-spacing:1px;color:#cabc8d}
#serviceNotice h2{font-size:26px;margin:8px 0 14px;line-height:1.3}
#serviceNotice p{font-size:14px;line-height:1.65;margin:10px 0;color:#c7cebd;word-break:keep-all;overflow-wrap:break-word}
#serviceNotice strong{color:#f0ead5;font-weight:600}
#serviceNotice .notice-coupon{margin-top:18px;padding:16px 18px;background:#101b14;border:1px solid #6f7853}
#serviceNotice .notice-coupon>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d8c791;font-size:13px}
#serviceNotice .notice-coupon b{font-size:24px;color:#efd48a;font-variant-numeric:tabular-nums}
#serviceNotice .notice-coupon b small{font-size:11px;letter-spacing:1px}
#serviceNotice code{display:block;font:700 23px ui-monospace,monospace;letter-spacing:1px;color:#f1efd9;margin:12px 0;padding:10px 12px;background:#263325;border-left:3px solid #ddc782;user-select:all;overflow-wrap:anywhere}
#serviceNotice .notice-coupon>small{font-size:11px;color:#a9b79f;line-height:1.5;display:block}
#serviceNotice .notice-actions{display:grid;grid-template-columns:1.6fr 1fr;gap:10px;padding:14px 22px;background:#1c2a1d;border-top:1px solid #506046;flex-shrink:0}
#serviceNotice .notice-actions button{min-height:46px;margin:0;padding:10px;font-size:13px;white-space:normal;line-height:1.4}
#goldCodeForm>label{display:block;font-size:14px;margin-bottom:6px}#goldCodeForm .rank-input{display:flex;align-items:center}#goldCodeForm input{font-size:16px}#goldCodeStatus:empty{display:none}
@media(max-width:480px){#serviceNotice .notice-body{padding:16px 18px}#serviceNotice h2{font-size:23px;margin-bottom:10px}#serviceNotice p{font-size:13px;line-height:1.6}#serviceNotice .notice-coupon{padding:13px;margin-top:13px}#serviceNotice code{font-size:20px;padding:9px;margin:9px 0}#serviceNotice .notice-actions{padding:12px 16px;gap:8px}#goldCodeForm{padding:13px}#goldCodeForm .rank-input{flex-wrap:wrap}#goldCodeForm .rank-input button{width:100%}}
@media(max-height:480px){#serviceNotice .notice-art{max-height:110px;object-position:center}#serviceNotice .notice-body{padding:14px 20px}}
#serviceNotice .notice-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 22px;border-top:1px solid #506046;flex-shrink:0}#serviceNotice .notice-navigation[hidden]{display:none}#serviceNotice .notice-navigation button{min-height:44px;padding:8px 12px;font-size:13px}#serviceNotice .notice-navigation span{font-size:13px;color:#d6dba8}