#hg-service-notice{--notice-blue:#295bea;--notice-navy:#101d36;box-sizing:border-box;width:min(720px,calc(100% - 32px));max-width:720px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:0;margin:auto;border:0;border-radius:22px;color:#172238;background:#fff;box-shadow:0 30px 100px #07122666;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}
#hg-service-notice:not([open]){display:none}
#hg-service-notice[open]{display:flex;flex-direction:column}
#hg-service-notice::backdrop{background:#08152bb8;backdrop-filter:blur(5px)}
#hg-service-notice *{box-sizing:border-box}
#hg-service-notice h2,#hg-service-notice h3,#hg-service-notice p{margin:0;letter-spacing:-.025em;word-break:keep-all}
#hg-service-notice a,#hg-service-notice button{font-family:inherit}
#hg-service-notice .hg-notice-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-gutter:stable;flex:1}
#hg-service-notice .hg-notice-cover{position:relative;padding:29px 36px 28px;background:var(--notice-navy);color:white}
#hg-service-notice .hg-notice-kicker{font-size:12px;font-weight:700;letter-spacing:.13em;color:#b7cbf0;padding-right:50px}
#hg-service-notice .hg-notice-close{position:absolute;right:16px;top:16px;width:40px;height:40px;min-height:40px;padding:0;display:grid;place-items:center;border:1px solid #ffffff4d;border-radius:50%;background:#ffffff0c;color:#fff;font-size:26px;line-height:1;cursor:pointer}
#hg-service-notice .hg-notice-badge{display:inline-block;margin:21px 0 12px;padding:4px 10px;background:#c9efdf;color:#153f31;border-radius:5px;font-size:12px;font-weight:750;letter-spacing:0}
#hg-service-notice #hg-notice-title{font-size:36px;font-weight:780;line-height:1.25;color:white}
#hg-service-notice #hg-notice-title span{color:#99b8ff}
#hg-service-notice .hg-notice-intro{font-size:15px;line-height:1.65;color:#cad6e9;margin-top:13px}
#hg-service-notice .hg-notice-body{padding:24px 36px 26px}
#hg-service-notice .hg-notice-section-title{font-size:13px;font-weight:750;color:#5d6e89;margin-bottom:15px;letter-spacing:.02em}
#hg-service-notice .hg-notice-services{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin-bottom:23px}
#hg-service-notice .hg-notice-service{border-top:1px solid #dce4f1;padding-top:12px;display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-content:start}
#hg-service-notice .hg-notice-number{font-size:12px;font-weight:750;color:var(--notice-blue);padding-top:3px}
#hg-service-notice .hg-notice-service h3{font-size:17px;font-weight:750;color:#172238;line-height:1.5}
#hg-service-notice .hg-notice-service p{grid-column:2;font-size:14px;line-height:1.65;color:#5e6c82;margin-top:4px}
#hg-service-notice .hg-notice-notes{background:#f1f5fd;padding:16px 18px;border-radius:10px}
#hg-service-notice .hg-notice-notes h3{font-size:14px;color:#244990;margin-bottom:7px;font-weight:750}
#hg-service-notice .hg-notice-notes ul{padding:0 0 0 17px;margin:0;font-size:13px;line-height:1.7;color:#425570;word-break:keep-all}
#hg-service-notice .hg-notice-notes li+li{margin-top:4px}
#hg-service-notice .hg-notice-links{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:17px}
#hg-service-notice .hg-notice-links a{font-size:14px;color:#244fd0;font-weight:700;text-decoration:underline;text-underline-offset:4px;line-height:1.6;min-height:28px}
#hg-service-notice .hg-notice-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 28px;border-top:1px solid #dce4ef;background:#fff}
#hg-service-notice .hg-notice-hide{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;color:#4f6078;line-height:1.4}
#hg-service-notice #hg-notice-today{appearance:auto;accent-color:var(--notice-blue);width:18px;height:18px;min-width:18px;min-height:18px;padding:0;margin:0;cursor:pointer}
#hg-service-notice .hg-notice-confirm{border:1px solid var(--notice-blue);border-radius:9px;background:var(--notice-blue);color:#fff;padding:13px 23px;font-size:14px;font-weight:750;min-height:46px;white-space:nowrap;cursor:pointer}
#hg-service-notice .hg-notice-confirm:hover{background:#1947ce}
#hg-service-notice button:focus-visible,#hg-service-notice a:focus-visible,#hg-service-notice input:focus-visible,#hg-notice-launcher:focus-visible{outline:3px solid #79a2ff;outline-offset:3px}
#hg-notice-launcher{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;align-items:center;gap:8px;font-family:Pretendard,sans-serif;background:#101d36;color:#fff;border:1px solid #8ea5cc;border-radius:999px;box-shadow:0 4px 18px #07122629;padding:11px 16px;min-height:44px;font-size:13px;font-weight:650;cursor:pointer}
#hg-notice-launcher[hidden]{display:none!important}
#hg-notice-launcher span{width:6px;height:6px;border-radius:50%;background:#99b8ff}
@media(max-width:540px){#hg-service-notice{width:calc(100% - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);border-radius:17px}#hg-service-notice .hg-notice-cover{padding:23px 23px 25px}#hg-service-notice #hg-notice-title{font-size:30px}#hg-service-notice .hg-notice-intro{font-size:14px}#hg-service-notice .hg-notice-badge{margin-top:19px}#hg-service-notice .hg-notice-body{padding:21px 22px}#hg-service-notice .hg-notice-services{gap:18px 14px}#hg-service-notice .hg-notice-service{grid-template-columns:1fr;gap:4px}#hg-service-notice .hg-notice-service p{grid-column:1;font-size:14px}#hg-service-notice .hg-notice-service h3{font-size:16px}#hg-service-notice .hg-notice-number{padding:0}#hg-service-notice .hg-notice-notes{padding:14px}#hg-service-notice .hg-notice-footer{padding:14px 18px;gap:12px}#hg-service-notice .hg-notice-confirm{padding:12px 17px}#hg-notice-launcher{right:12px;bottom:12px;font-size:12px;padding:10px 13px}}
@media(max-width:340px){#hg-service-notice #hg-notice-title{font-size:27px}#hg-service-notice .hg-notice-services{grid-template-columns:1fr}#hg-service-notice .hg-notice-footer{flex-wrap:wrap}#hg-service-notice .hg-notice-confirm{width:100%}}
@media print{#hg-service-notice,#hg-notice-launcher{display:none!important}}
html:has(#hg-service-notice[open]){overflow:hidden;scrollbar-gutter:stable}
#hg-service-notice #hg-notice-title:focus{outline:none}

#hg-service-notice .hg-notice-first-record{margin-bottom:22px}
#hg-service-notice .hg-notice-first-record p{font-size:14px;line-height:1.7;margin-top:8px}
#hg-service-notice .hg-notice-first-record a{display:inline-flex;align-items:center;min-height:44px}
