@charset "utf-8";
/* G5 KR Holiday 1.2.2 — event badge + viewport-safe popover */
.g5krh-header-host,.g5krh-header-popover{--krh-red:#df4f60;--krh-blue:#4667d8;--krh-gold:#f2a93b;--krh-ink:var(--g5-text,#181b20);--krh-muted:var(--g5-text-soft,#69717d);--krh-line:var(--g5-border,#e4e7ec);--krh-card:var(--g5-surface,#fff);--krh-soft:var(--g5-surface-soft,#f6f7f9)}
.g5krh-header-host{position:relative;z-index:40;display:inline-flex;align-items:center;margin-left:10px;vertical-align:middle;text-align:left;font-family:inherit}
.g5krh-header-host *,.g5krh-header-popover *{box-sizing:border-box}
.g5krh-header-badge{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:5px;max-width:268px;height:32px;padding:0 8px 0 6px;overflow:hidden;border:1px solid color-mix(in srgb,var(--krh-line) 82%,var(--krh-blue) 18%);border-radius:999px;background:linear-gradient(110deg,color-mix(in srgb,var(--krh-card) 91%,#edf2ff),color-mix(in srgb,var(--krh-card) 94%,#fff0f2));color:var(--krh-ink);font:inherit;line-height:1;box-shadow:0 3px 11px rgba(32,43,77,.06);cursor:pointer;white-space:nowrap;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}
.g5krh-header-badge>*{position:relative;z-index:2}
.g5krh-header-badge:hover,.g5krh-header-badge:focus-visible,.g5krh-header-badge[aria-expanded="true"]{border-color:color-mix(in srgb,var(--krh-blue) 38%,var(--krh-line));background:color-mix(in srgb,var(--krh-card) 92%,#eef2ff);box-shadow:0 6px 18px rgba(32,43,77,.10);outline:0;transform:translateY(-1px)}
.g5krh-header-flag{display:inline-flex;align-items:center;justify-content:center;width:17px;height:18px;font-size:14px;line-height:1}
.g5krh-header-date{display:inline-flex;align-items:center;color:var(--krh-muted);font-size:10px;font-weight:850;letter-spacing:-.025em}
.g5krh-date-short{display:none}
.g5krh-header-name{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--krh-ink);font-size:11px;font-weight:900;letter-spacing:-.03em}
.g5krh-header-state{display:inline-flex;align-items:center;justify-content:center;min-width:29px;height:18px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--krh-blue) 11%,transparent);color:var(--krh-blue);font-size:10px;font-weight:950;letter-spacing:.01em}

/* EVENT MODE — 공휴일 당일은 작지만 확실하게 살아납니다. */
.g5krh-header-host.is-event-today .g5krh-header-badge{border-color:color-mix(in srgb,var(--krh-red) 62%,var(--krh-line));background:
 radial-gradient(circle at 8% 20%,rgba(255,210,74,.42) 0 2px,transparent 3px),
 radial-gradient(circle at 24% 82%,rgba(70,103,216,.28) 0 2px,transparent 3px),
 radial-gradient(circle at 77% 14%,rgba(223,79,96,.28) 0 2px,transparent 3px),
 linear-gradient(112deg,color-mix(in srgb,var(--krh-card) 84%,#fff0f3),color-mix(in srgb,var(--krh-card) 86%,#eef2ff));box-shadow:0 7px 22px rgba(223,79,96,.14),0 2px 10px rgba(70,103,216,.10);animation:g5krhHolidayPulse 2.8s ease-in-out infinite}
.g5krh-header-host.is-event-today .g5krh-header-badge:before{content:"";position:absolute;z-index:1;inset:-60% auto -60% -35%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);transform:rotate(18deg);animation:g5krhHolidayShine 3.8s ease-in-out infinite}
.g5krh-header-host.is-event-today .g5krh-header-date{color:color-mix(in srgb,var(--krh-ink) 72%,var(--krh-red))}
.g5krh-header-host.is-event-today .g5krh-header-state{background:linear-gradient(135deg,var(--krh-red),#f06d78);color:#fff;box-shadow:0 2px 7px rgba(223,79,96,.22)}
.g5krh-header-host.is-event-today .g5krh-header-flag{filter:drop-shadow(0 2px 3px rgba(223,79,96,.18));transform-origin:50% 70%;animation:g5krhPartyPop 2.8s ease-in-out infinite}
.g5krh-header-host.is-event-today .g5krh-header-name{color:color-mix(in srgb,var(--krh-ink) 88%,var(--krh-red))}
.g5krh-header-host.is-event-today .g5krh-header-badge:hover,.g5krh-header-host.is-event-today .g5krh-header-badge[aria-expanded="true"]{box-shadow:0 10px 28px rgba(223,79,96,.19),0 3px 12px rgba(70,103,216,.13)}

/* 전날은 예고편처럼 한 단계만 강조 */
.g5krh-header-host.is-event-eve .g5krh-header-badge{border-color:color-mix(in srgb,var(--krh-gold) 55%,var(--krh-line));background:linear-gradient(112deg,color-mix(in srgb,var(--krh-card) 88%,#fff8df),color-mix(in srgb,var(--krh-card) 92%,#fff1f4));box-shadow:0 5px 17px rgba(242,169,59,.12)}
.g5krh-header-host.is-event-eve .g5krh-header-state{background:color-mix(in srgb,var(--krh-gold) 18%,transparent);color:#b76d00}

@keyframes g5krhHolidayPulse{0%,100%{transform:translateY(0);box-shadow:0 7px 22px rgba(223,79,96,.14),0 2px 10px rgba(70,103,216,.10)}50%{transform:translateY(-1px);box-shadow:0 9px 26px rgba(223,79,96,.19),0 3px 13px rgba(70,103,216,.14)}}
@keyframes g5krhHolidayShine{0%,58%{left:-42%;opacity:0}68%{opacity:.9}83%,100%{left:118%;opacity:0}}
@keyframes g5krhPartyPop{0%,100%{transform:rotate(0deg) scale(1)}12%{transform:rotate(-7deg) scale(1.08)}24%{transform:rotate(6deg) scale(1.08)}36%{transform:rotate(0deg) scale(1)}}

/* 팝업은 JS에서 body로 이동합니다. 헤더/로고의 overflow와 stacking-context에 영향을 받지 않습니다. */
.g5krh-header-popover{position:fixed;z-index:var(--g5-layer-holiday,13000);width:min(360px,calc(100vw - 24px));padding:12px;border:1px solid var(--krh-line);border-radius:16px;background:var(--krh-card);color:var(--krh-ink);box-shadow:0 18px 48px rgba(24,30,50,.20);text-align:left;font-family:inherit;overflow:auto;overscroll-behavior:contain}
.g5krh-header-popover[hidden]{display:none!important}
.g5krh-header-popover:before{content:"";position:absolute;top:-5px;left:var(--g5krh-arrow-left,22px);width:9px;height:9px;border-top:1px solid var(--krh-line);border-left:1px solid var(--krh-line);background:var(--krh-card);transform:rotate(45deg)}
.g5krh-header-popover.is-above:before{top:auto;bottom:-5px;transform:rotate(225deg)}
.g5krh-popover-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:2px 2px 10px;border-bottom:1px solid var(--krh-line)}
.g5krh-popover-head>div{display:flex;flex-direction:column;gap:3px}.g5krh-popover-head span{color:var(--krh-blue);font-size:10px;font-weight:950;letter-spacing:.1em}.g5krh-popover-head strong{font-size:12px;letter-spacing:-.025em}.g5krh-popover-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:var(--krh-soft);color:var(--krh-muted);font-size:19px;line-height:1;cursor:pointer}.g5krh-popover-close:hover,.g5krh-popover-close:focus-visible{color:var(--krh-ink);outline:1px solid var(--krh-line)}
.g5krh-header-popover.is-event-today{border-color:color-mix(in srgb,var(--krh-red) 30%,var(--krh-line));box-shadow:0 22px 58px rgba(35,37,62,.24),0 0 0 1px rgba(223,79,96,.03)}
.g5krh-header-popover.is-event-today .g5krh-popover-head span{color:var(--krh-red)}
.g5krh-header-popover.is-event-eve .g5krh-popover-head span{color:#b76d00}

.g5krh-today{display:flex;align-items:center;gap:10px;margin:10px 0;padding:10px;border-radius:11px;background:linear-gradient(110deg,color-mix(in srgb,var(--krh-card) 88%,#fff0f2),color-mix(in srgb,var(--krh-card) 92%,#edf2ff));overflow:hidden}.g5krh-today>span{font-size:21px}.g5krh-today>div{display:grid;gap:2px;min-width:0}.g5krh-today small{color:var(--krh-muted);font-size:10px;font-weight:800}.g5krh-today strong{font-size:14px;letter-spacing:-.035em}.g5krh-today em{color:var(--krh-muted);font-size:10px;font-style:normal}.g5krh-today.is-next>span{font-size:19px}
.g5krh-today.is-celebration{position:relative;min-height:74px;padding:12px;background:
 radial-gradient(circle at 9% 20%,rgba(255,207,70,.30) 0 3px,transparent 4px),
 radial-gradient(circle at 93% 24%,rgba(70,103,216,.18) 0 3px,transparent 4px),
 radial-gradient(circle at 82% 84%,rgba(223,79,96,.17) 0 2px,transparent 3px),
 linear-gradient(120deg,color-mix(in srgb,var(--krh-card) 80%,#fff0f3),color-mix(in srgb,var(--krh-card) 87%,#edf2ff));border:1px solid color-mix(in srgb,var(--krh-red) 20%,var(--krh-line))}
.g5krh-today.is-celebration:after{content:"";position:absolute;right:-18px;top:-32px;width:96px;height:96px;border-radius:50%;background:linear-gradient(140deg,rgba(223,79,96,.10),rgba(70,103,216,.08));filter:blur(1px)}
.g5krh-today.is-celebration .g5krh-event-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:rgba(255,255,255,.72);font-size:24px;box-shadow:0 5px 15px rgba(45,48,75,.08)}
.g5krh-today.is-celebration>div{position:relative;z-index:1}.g5krh-today.is-celebration small{color:var(--krh-red);font-weight:950;letter-spacing:.02em}.g5krh-today.is-celebration strong{font-size:17px;font-weight:950}.g5krh-today.is-celebration em{font-weight:700}
.g5krh-today.is-eve{border:1px solid color-mix(in srgb,var(--krh-gold) 22%,var(--krh-line));background:linear-gradient(115deg,color-mix(in srgb,var(--krh-card) 85%,#fff7dc),color-mix(in srgb,var(--krh-card) 92%,#fff0f3))}.g5krh-today.is-eve small{color:#b76d00;font-weight:900}

.g5krh-mini-list{display:grid;border:1px solid var(--krh-line);border-radius:10px;overflow:hidden}.g5krh-mini-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:35px;padding:6px 8px;border-bottom:1px solid var(--krh-line);background:var(--krh-card)}.g5krh-mini-row:last-child{border-bottom:0}.g5krh-mini-row.is-today{background:linear-gradient(90deg,color-mix(in srgb,var(--krh-red) 6%,var(--krh-card)),color-mix(in srgb,var(--krh-blue) 3%,var(--krh-card)))}.g5krh-mini-row time{color:var(--krh-muted);font-size:10px;font-weight:800}.g5krh-mini-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--krh-ink);font-size:11px;white-space:nowrap}.g5krh-mini-row span{color:var(--krh-blue);font-size:10px;font-weight:950}.g5krh-mini-row.is-today span{color:var(--krh-red)}
.g5krh-popover-foot{padding:9px 2px 1px;color:var(--krh-muted);font-size:10px;line-height:1.4}
.g5krh-popover-backdrop{position:fixed;z-index:calc(var(--g5-layer-holiday,13000) - 1);inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(18,23,36,.24);backdrop-filter:blur(1px);cursor:default}
.g5krh-popover-backdrop[hidden]{display:none!important}

@media(max-width:1180px) and (min-width:769px){.g5krh-header-host{margin-left:7px}.g5krh-header-badge{max-width:205px}.g5krh-date-full{display:none}.g5krh-date-short{display:inline}.g5krh-header-state{display:none}}
@media(max-width:768px){
  #hd #logo.g5krh-logo-ready{position:relative}
  #hd #logo .g5krh-header-host{flex:0 1 auto;min-width:0;margin-left:6px}
  .g5krh-header-badge{max-width:166px;height:28px;gap:4px;padding:0 6px 0 5px;box-shadow:none}
  .g5krh-header-badge:hover,.g5krh-header-badge:focus-visible,.g5krh-header-badge[aria-expanded="true"]{transform:none;box-shadow:none}
  .g5krh-header-host.is-event-today .g5krh-header-badge{animation:none;box-shadow:0 3px 11px rgba(223,79,96,.12)}
  .g5krh-header-host.is-event-today .g5krh-header-badge:before{display:none}
  .g5krh-header-host.is-event-today .g5krh-header-flag{animation:none}
  .g5krh-header-flag{width:15px;height:16px;font-size:12px}.g5krh-date-full{display:none}.g5krh-date-short{display:inline}.g5krh-header-date{font-size:9px}.g5krh-header-name{max-width:64px;font-size:10px}.g5krh-header-state{min-width:25px;height:16px;padding:0 4px;font-size:8px}
  .g5krh-header-popover{left:12px!important;right:12px!important;top:auto!important;bottom:max(12px,env(safe-area-inset-bottom));width:auto!important;max-width:none!important;max-height:min(72vh,520px)!important;margin:0;padding:13px;border-radius:18px;box-shadow:0 22px 70px rgba(17,22,36,.28)}
  .g5krh-header-popover:before{display:none}
  .g5krh-popover-head{position:sticky;top:-13px;z-index:2;margin:-13px -13px 0;padding:15px 15px 10px;background:var(--krh-card);border-radius:18px 18px 0 0}
  .g5krh-today.is-celebration{min-height:68px}.g5krh-today.is-celebration .g5krh-event-icon{width:38px;height:38px;flex-basis:38px;font-size:21px}.g5krh-today.is-celebration strong{font-size:16px}
  html.g5krh-popover-open,html.g5krh-popover-open body{overflow:hidden}
}
@media(max-width:390px){.g5krh-header-badge{max-width:148px}.g5krh-header-name{max-width:54px}.g5krh-header-state{display:none}}
@media(max-width:350px){.g5krh-header-badge{max-width:120px}.g5krh-header-name{max-width:44px}.g5krh-header-flag{display:none}}
@media(prefers-reduced-motion:reduce){.g5krh-header-badge,.g5krh-header-host.is-event-today .g5krh-header-badge,.g5krh-header-host.is-event-today .g5krh-header-badge:before,.g5krh-header-host.is-event-today .g5krh-header-flag{transition:none;animation:none!important}}


/* 1.2.2 deep QA: header crowding, readable microcopy, sane overlay levels */
.g5krh-header-host.is-preview .g5krh-header-badge{cursor:default}
.g5krh-header-host.is-preview .g5krh-header-badge:hover{transform:none}
.g5krh-popover-close{touch-action:manipulation}
.g5krh-popover-close:focus-visible{outline:3px solid color-mix(in srgb,var(--krh-blue) 36%,transparent);outline-offset:2px}
@media(max-width:1180px) and (min-width:769px){
  #hd #logo.g5krh-logo-ready .site_wordmark{min-width:0;flex:0 1 auto}
  #hd #logo.g5krh-logo-ready .site_wordmark span{display:none}
  #hd #logo.g5krh-logo-ready .site_wordmark strong{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .g5krh-header-badge{max-width:188px}
}
@media(max-width:768px){
  #hd #logo.g5krh-logo-ready{display:flex;align-items:center;justify-content:center;gap:0;min-width:0}
  #hd #logo.g5krh-logo-ready .site_wordmark{min-width:0;flex:0 1 auto}
  #hd #logo.g5krh-logo-ready .site_wordmark span{display:none}
  #hd #logo.g5krh-logo-ready .site_wordmark strong{display:block;max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #hd #logo .g5krh-header-host{max-width:46vw}
  .g5krh-header-date{font-size:10px}
  .g5krh-header-state{font-size:9px}
  #hd_wrapper.has-suite-notify #logo{padding-right:108px}
  #hd_wrapper.has-suite-notify #logo.g5krh-logo-ready .site_wordmark strong{max-width:25vw}
  #hd_wrapper.has-suite-notify #logo .g5krh-header-host{max-width:35vw}
  #hd_wrapper.has-suite-notify .g5krh-header-badge{max-width:132px}
}
@media(max-width:390px){
  #hd #logo.g5krh-logo-ready .site_wordmark strong{max-width:30vw}
  #hd_wrapper.has-suite-notify #logo.g5krh-logo-ready .site_wordmark strong{max-width:21vw}
  #hd_wrapper.has-suite-notify .g5krh-header-badge{max-width:116px}
}