
:root{--sg-navy:#153b67;--sg-navy-2:#0d2b4c;--sg-teal:#0b8185;--sg-yellow:#f5c842;--sg-green:#4f7f2f;--sg-paper:#f6f8f6;--sg-font:"SWG Seoul Namsan","SeoulNamsan","서울남산체","NanumBarunGothic","나눔바른고딕","KT&G 상상체","함초롬돋움","Nanum Gothic","Malgun Gothic",sans-serif}
body.legacy-tool-page{font-family:var(--sg-font)!important;background:var(--sg-paper)!important;color:#1d2b3b!important;word-break:keep-all;line-break:strict;overflow-wrap:break-word}.legacy-tool-page *{font-family:inherit}.legacy-tool-page h1,.legacy-tool-page h2,.legacy-tool-page h3,.legacy-tool-page h4{word-break:keep-all;line-height:1.35}.legacy-tool-page p,.legacy-tool-page li,.legacy-tool-page td,.legacy-tool-page th,.legacy-tool-page label{word-break:keep-all;line-height:1.65}.legacy-old-header{display:none!important}
.legacy-brand-nav{position:sticky;top:0;z-index:9999;background:rgba(255,255,255,.98);border-bottom:1px solid #dbe3e8;box-shadow:0 4px 18px rgba(13,43,76,.06);backdrop-filter:blur(12px)}.legacy-brand-inner{max-width:1440px;margin:auto;min-height:68px;padding:9px 22px;display:flex;align-items:center;gap:16px}.legacy-brand-name{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--sg-navy);font-size:1.07rem;font-weight:800;white-space:nowrap}.legacy-brand-name img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(118,84,0,.13))}.legacy-worker-nav{display:flex;align-items:center;gap:3px;overflow:auto;scrollbar-width:none;margin-left:auto}.legacy-worker-nav::-webkit-scrollbar{display:none}.legacy-worker-nav a{white-space:nowrap;padding:8px 10px;border-radius:999px;color:#59697a;text-decoration:none;font-size:.78rem;font-weight:700}.legacy-worker-nav a:hover{background:#eef5f4;color:var(--sg-navy)}.legacy-back{white-space:nowrap;text-decoration:none;border:1px solid #d5dfe4;border-radius:10px;padding:8px 11px;color:var(--sg-navy);font-size:.76rem;font-weight:800;background:#fff}
.legacy-tool-page .bg-\[\#00529C\]{background-color:var(--sg-navy)!important}.legacy-tool-page .text-\[\#00529C\]{color:var(--sg-navy)!important}.legacy-tool-page .border-\[\#00529C\]{border-color:var(--sg-navy)!important}.legacy-tool-page .hover\:text-\[\#00529C\]:hover{color:var(--sg-teal)!important}.legacy-tool-page .hover\:border-\[\#00529C\]:hover{border-color:var(--sg-teal)!important}
.legacy-tool-page main{max-width:1440px!important}.legacy-tool-page .rounded-xl,.legacy-tool-page .rounded-lg{border-radius:16px!important}.legacy-tool-page .shadow-sm{box-shadow:0 4px 15px rgba(21,59,103,.035)!important}.legacy-tool-page input,.legacy-tool-page select,.legacy-tool-page textarea{border-radius:9px!important}.legacy-tool-page button,.legacy-tool-page a{transition:.15s ease}.legacy-tool-page table{font-size:.86rem}.legacy-tool-page .text-xs{line-height:1.55}.legacy-tool-page .text-\[11px\]{line-height:1.55}
@media(max-width:900px){.legacy-brand-inner{padding:8px 12px;gap:10px}.legacy-brand-name span{display:inline}.legacy-back{display:none}.legacy-worker-nav{margin-left:0}.legacy-worker-nav a{font-size:.72rem;padding:7px 8px}.legacy-tool-page main{padding-left:12px!important;padding-right:12px!important}.legacy-tool-page table{font-size:.78rem}}
/* v4 unified dashboard controls */
.legacy-actionbar{max-width:1440px;margin:12px auto 4px;padding:0 22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.legacy-actionbar button{border:0;border-radius:11px;background:var(--sg-navy);color:white;padding:10px 14px;font:800 .82rem/1.2 var(--sg-font);cursor:pointer;box-shadow:0 5px 14px rgba(21,59,103,.12)}.legacy-actionbar button:hover{background:var(--sg-teal)}.legacy-actionbar span{color:#68798a;font-size:.76rem;line-height:1.6}.legacy-solution-section{margin-bottom:10px}.legacy-section-heading{display:flex;align-items:center;gap:9px;color:var(--sg-navy)!important;font-size:1.12rem!important;font-weight:900!important;margin:0 0 14px!important}.legacy-section-heading i{color:var(--sg-teal)}.legacy-solution-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.legacy-solution-grid a{display:flex;min-height:160px;flex-direction:column;text-decoration:none!important;padding:18px;border:1px solid #dbe4e7;border-radius:17px;background:linear-gradient(145deg,#fff,#f9fbfa);box-shadow:0 4px 15px rgba(21,59,103,.025);transition:.18s}.legacy-solution-grid a:hover{transform:translateY(-3px);border-color:#9eb9bb;box-shadow:0 10px 22px rgba(21,59,103,.07)}.legacy-solution-grid a>span{display:flex;align-items:center;justify-content:center;width:max-content;min-width:45px;height:38px;padding:0 10px;border-radius:11px;background:#edf5f4;color:var(--sg-teal);font-size:.72rem;font-weight:900}.legacy-solution-grid b{display:block;color:var(--sg-navy);font-size:.9rem;margin-top:13px;line-height:1.45}.legacy-solution-grid small{display:block;color:#718090;font-size:.74rem;line-height:1.65;margin-top:7px}.legacy-tool-page .border-l-4{border-left-width:3px!important}.legacy-tool-page .bg-slate-100{background:var(--sg-paper)!important}.legacy-tool-page .bg-white{background:#fff!important}.legacy-tool-page .text-gray-800,.legacy-tool-page .text-gray-900{color:var(--sg-navy-2)!important}.legacy-tool-page .text-gray-500,.legacy-tool-page .text-gray-600{color:#647587!important}.legacy-tool-page .bg-blue-50,.legacy-tool-page .bg-indigo-50,.legacy-tool-page .bg-teal-50{background:#eef6f5!important}.legacy-tool-page .text-blue-600,.legacy-tool-page .text-indigo-600,.legacy-tool-page .text-teal-600{color:var(--sg-teal)!important}.legacy-tool-page .border-gray-200,.legacy-tool-page .border-gray-300{border-color:#dbe4e7!important}
@media(max-width:1000px){.legacy-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.legacy-solution-grid{grid-template-columns:1fr}.legacy-actionbar{padding:0 12px}}

.legacy-tool-page .emoji,.legacy-tool-page [data-emoji]{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important}.legacy-live-clock{margin-left:8px}

/* v18 readability pass */
.legacy-tool-page{font-size:1rem!important}
.legacy-tool-page .text-\[9px\]{font-size:.7rem!important}.legacy-tool-page .text-\[10px\]{font-size:.74rem!important}.legacy-tool-page .text-\[11px\]{font-size:.78rem!important}
.legacy-tool-page input,.legacy-tool-page select,.legacy-tool-page textarea{font-size:.86rem!important;min-height:36px}
.legacy-tool-page .legacy-worker-nav a{font-size:.82rem!important}.legacy-tool-page .legacy-back{font-size:.82rem!important}.legacy-actionbar span{font-size:.82rem!important}
@media(max-width:900px){.legacy-tool-page .legacy-worker-nav a{font-size:.78rem!important}.legacy-tool-page input,.legacy-tool-page select,.legacy-tool-page textarea{font-size:.88rem!important}}

/* V31 persistent Home/취준생/재직자 selector on legacy worker tools */
.legacy-audience-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #d5dfe4;border-radius:999px;background:#f3f6f7;flex:0 0 auto;overflow:visible}.legacy-audience-switch a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;padding:7px 10px;border-radius:999px;color:#647587;font-size:.76rem;font-weight:850;line-height:1.15}.legacy-audience-switch a.active{background:var(--sg-navy);color:#fff;box-shadow:0 3px 9px rgba(21,59,103,.14)}.legacy-brand-inner{flex-wrap:nowrap!important}.legacy-worker-nav{order:initial!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;margin-left:0!important}.legacy-live-clock{flex:0 0 auto}.legacy-back{flex:0 0 auto}
@media(max-width:1024px){.legacy-brand-inner{flex-wrap:nowrap!important}.legacy-worker-nav{order:initial!important;flex:1 1 auto!important;width:auto!important;margin-left:0!important;padding-bottom:0!important}.legacy-live-clock,.legacy-back{display:none!important}}
@media(max-width:760px){.legacy-brand-inner{padding:7px 9px!important;gap:6px!important}.legacy-brand-name{flex:0 0 auto}.legacy-brand-name img{width:34px!important;height:34px!important}.legacy-audience-switch{padding:2px;gap:1px}.legacy-audience-switch a{padding:6px 7px;font-size:.69rem}.legacy-worker-nav{padding:2px 0!important;margin:0!important}.legacy-worker-nav a{min-height:34px!important;padding:6px 8px!important;font-size:.7rem!important}}
@media(max-width:430px){.legacy-brand-inner{gap:5px!important}.legacy-audience-switch a{padding:6px 6px;font-size:.66rem}.legacy-worker-nav a{font-size:.68rem!important;padding:6px 7px!important}}

/* V32 unified worker header */
.legacy-worker-nav a[aria-current="page"]{background:#eaf4f3;color:var(--sg-navy);box-shadow:inset 0 0 0 1px #cfe0df}
.legacy-live-clock{white-space:nowrap;color:#536779;font-size:.78rem;font-weight:800;min-width:72px;text-align:center}
.legacy-brand-inner,.legacy-worker-nav,.legacy-audience-switch{white-space:nowrap}


/* V52 compact worker navigation: ministry-style hover/click menus */
.legacy-worker-nav.compact-worker-nav{overflow:visible!important;gap:4px!important;justify-content:flex-start;position:relative}
.legacy-worker-nav .worker-nav-top{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:9px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:#536779;text-decoration:none;font:800 .8rem/1.15 var(--sg-font);cursor:pointer}
.legacy-worker-nav a.worker-nav-top:hover,.legacy-worker-nav .worker-nav-toggle:hover,.legacy-worker-nav .worker-nav-top.active,.legacy-worker-nav .worker-nav-group.active>.worker-nav-top{background:#eaf4f3;color:var(--sg-navy);border-color:#cfe0df}
.worker-nav-group{position:relative;display:flex;align-items:center}
.worker-nav-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;width:min(430px,82vw);padding:10px;border:1px solid #d7e2e6;border-radius:14px;background:#fff;box-shadow:0 16px 38px rgba(13,43,76,.16);z-index:10030;white-space:normal}
.worker-nav-group.office .worker-nav-menu{left:0;right:auto}.worker-nav-group.guide .worker-nav-menu{left:auto;right:0}.worker-nav-group.open>.worker-nav-menu,.worker-nav-group:focus-within>.worker-nav-menu{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.worker-nav-menu-title{grid-column:1/-1;padding:4px 6px 8px;color:var(--sg-navy);font-weight:900;font-size:.78rem;border-bottom:1px solid #edf1f3;margin-bottom:2px}
.legacy-worker-nav .worker-nav-menu a{display:block!important;padding:9px 10px!important;border-radius:10px!important;white-space:normal!important;border:1px solid transparent;background:#fafcfc;color:#415b6f!important;text-decoration:none}.legacy-worker-nav .worker-nav-menu a:hover,.legacy-worker-nav .worker-nav-menu a[aria-current="page"]{border-color:#bcd8d3;background:#eef8f5!important;color:var(--sg-navy)!important}
.worker-nav-menu b{display:block;font-size:.76rem;line-height:1.3}.worker-nav-menu small{display:block;margin-top:3px;color:#778895;font-size:.63rem;line-height:1.45;font-weight:600}
.nav-short{display:none}
@media(max-width:980px){.legacy-worker-nav .worker-nav-top{padding:8px 8px;font-size:.73rem}.worker-nav-menu{position:fixed;top:62px;left:12px!important;right:12px!important;width:auto;max-height:72vh;overflow:auto}.worker-nav-group.open>.worker-nav-menu,.worker-nav-group:focus-within>.worker-nav-menu{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.legacy-brand-inner{min-height:56px}.legacy-worker-nav.compact-worker-nav{gap:1px!important}.legacy-worker-nav .worker-nav-top{padding:7px 6px!important;font-size:.68rem!important}.nav-long{display:none}.nav-short{display:inline}.worker-nav-group.open>.worker-nav-menu,.worker-nav-group:focus-within>.worker-nav-menu{grid-template-columns:1fr}.worker-nav-menu{top:55px}.worker-nav-menu small{font-size:.62rem}}

.worker-nav-group.guide .worker-nav-menu{width:min(640px,88vw)}

/* V54 worker header spacing + official law quick links */
.legacy-worker-nav.compact-worker-nav{gap:7px!important;width:100%}
.legacy-worker-nav .worker-nav-top{padding-left:13px;padding-right:13px}
.worker-nav-group.guide .worker-nav-menu{left:0!important;right:auto!important}
@media(min-width:1281px){.legacy-brand-inner{gap:18px}.legacy-worker-nav.compact-worker-nav{gap:9px!important}.legacy-worker-nav .worker-nav-top{padding-left:15px;padding-right:15px}}
@media(max-width:1180px){.legacy-worker-nav.compact-worker-nav{gap:3px!important}.legacy-worker-nav .worker-nav-top{padding-left:9px;padding-right:9px}}
@media(max-width:980px){.worker-nav-group.guide .worker-nav-menu{left:12px!important;right:12px!important}}


/* V55 dropdown hover bridge + law shortcuts below the clock */
.worker-nav-group::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.worker-nav-menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:12px}
.worker-clock-stack{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto;margin-left:auto}
.worker-clock-stack .legacy-live-clock{margin-left:0;min-width:auto;padding:0;border:0;background:transparent;font-size:.72rem}
.worker-law-under-clock{display:flex;align-items:center;justify-content:flex-end;gap:4px}
.worker-law-under-clock a{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:3px 6px!important;min-height:0!important;border:1px solid #dce5e8!important;border-radius:7px!important;background:#fbfcfc!important;color:#65788a!important;text-decoration:none!important;font-size:.57rem!important;font-weight:850!important;line-height:1.05!important;white-space:nowrap!important}
.worker-law-under-clock a:hover{background:#eef7f5!important;border-color:#b9d6d2!important;color:var(--sg-navy)!important;transform:none!important}
/* old V54 inline law container is no longer rendered */
@media(max-width:1180px){.worker-clock-stack{display:none}.legacy-worker-nav.compact-worker-nav{width:auto;flex:1}}


/* V56.1 worker header stabilization + enterprise office dropdown */
@media(min-width:1181px){
  .legacy-brand-inner{min-height:72px!important;height:72px!important;box-sizing:border-box!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:16px!important;}
  .legacy-audience-switch{width:222px!important;min-width:222px!important;height:40px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;box-sizing:border-box!important;}
  .legacy-audience-switch a{width:100%!important;min-width:0!important;height:32px!important;padding:0 6px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;}
  .legacy-worker-nav.compact-worker-nav{flex:1 1 auto!important;min-width:0!important;gap:7px!important;overflow:visible!important;}
  .legacy-worker-nav .worker-nav-top{min-height:42px!important;padding:9px 12px!important;box-sizing:border-box!important;}
  .worker-nav-menu{top:calc(100% + 9px)!important;width:min(620px,88vw)!important;min-width:560px!important;padding:14px!important;gap:9px!important;border-radius:16px!important;overflow:hidden!important;}
  .worker-nav-group.office .worker-nav-menu{width:min(860px,92vw)!important;min-width:820px!important;}
  .worker-nav-group.guide .worker-nav-menu{width:min(900px,92vw)!important;min-width:820px!important;left:0!important;right:auto!important;}
  .worker-nav-group.office.open>.worker-nav-menu,.worker-nav-group.office:focus-within>.worker-nav-menu,.worker-nav-group.guide.open>.worker-nav-menu,.worker-nav-group.guide:focus-within>.worker-nav-menu{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .legacy-worker-nav .worker-nav-menu a{box-sizing:border-box!important;min-width:0!important;min-height:72px!important;padding:12px 14px!important;overflow:hidden!important;}
  .worker-nav-menu b,.worker-nav-menu small{max-width:100%!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:break-word!important;}
  .worker-nav-menu b{font-size:.8rem!important;line-height:1.35!important}.worker-nav-menu small{font-size:.66rem!important;line-height:1.5!important;}
  .worker-clock-stack{min-width:198px!important;align-items:flex-end!important;}
}
@media(max-width:1180px) and (min-width:981px){.worker-nav-menu,.worker-nav-group.office .worker-nav-menu,.worker-nav-group.guide .worker-nav-menu{min-width:0!important;width:min(720px,92vw)!important}.worker-nav-group.office.open>.worker-nav-menu,.worker-nav-group.guide.open>.worker-nav-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* V57: denser worker header + viewport-safe mega menus */
@media(min-width:1181px){
  .legacy-brand-inner{gap:12px!important}
  .legacy-worker-nav.compact-worker-nav{gap:3px!important}
  .legacy-worker-nav .worker-nav-top{padding-left:10px!important;padding-right:10px!important}
  .worker-clock-stack{min-width:178px!important}
  .worker-nav-menu{max-width:calc(100vw - 28px)!important;min-width:0!important;transform:translateX(var(--menu-shift-x,0px));}
  .worker-nav-group.field .worker-nav-menu{width:min(590px,calc(100vw - 28px))!important}
  .worker-nav-group.office .worker-nav-menu{width:min(760px,calc(100vw - 28px))!important}
  .worker-nav-group.guide .worker-nav-menu{width:min(760px,calc(100vw - 28px))!important;left:0!important;right:auto!important;max-height:min(70vh,620px)!important;overflow:auto!important}
  .worker-nav-group.guide.open>.worker-nav-menu,.worker-nav-group.guide:focus-within>.worker-nav-menu{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .legacy-worker-nav .worker-nav-menu a{min-height:64px!important;padding:10px 12px!important}
  .worker-nav-menu b{font-size:.77rem!important}.worker-nav-menu small{font-size:.64rem!important;line-height:1.42!important}
}
@media(min-width:981px) and (max-width:1180px){
  .worker-nav-menu{max-width:calc(100vw - 24px)!important;min-width:0!important;transform:translateX(var(--menu-shift-x,0px));}
  .worker-nav-group.guide .worker-nav-menu{max-height:68vh;overflow:auto!important}
}

/* V59 desktop mega-menu clamp: guide opens inward instead of off-screen */
@media(min-width:981px){
  .worker-nav-group.guide .worker-nav-menu{left:auto!important;right:0!important;}
}
/* V59: dashboard role markers use text badges instead of device-dependent emoji. */


/* V60: keep the practical-guide dropdown fully inside the viewport. */
.legacy-brand-nav,.legacy-brand-inner,.legacy-worker-nav,.worker-nav-group{overflow:visible!important}
@media(min-width:981px){
  .worker-nav-group.guide .worker-nav-menu{max-height:min(70vh,620px)!important;overflow:auto!important;transform:none!important}
}


/* V60: distinct, always-visible field-role markers. */

/* V77: all worker mega-menu links must render without underlines on desktop/mobile. */
.legacy-worker-nav .worker-nav-menu a,
.legacy-worker-nav .worker-nav-menu a:link,
.legacy-worker-nav .worker-nav-menu a:visited,
.legacy-worker-nav .worker-nav-menu a:hover,
.legacy-worker-nav .worker-nav-menu a:active,
.legacy-worker-nav .worker-nav-menu a:focus,
.legacy-worker-nav .worker-nav-menu a b,
.legacy-worker-nav .worker-nav-menu a small,
.worker-nav-menu.worker-nav-portaled a,
.worker-nav-menu.worker-nav-portaled a b,
.worker-nav-menu.worker-nav-portaled a small{
  text-decoration:none!important;
  text-decoration-line:none!important;
}

/* V78: center dropdown content vertically so upper/lower whitespace is even. */
.legacy-worker-nav .worker-nav-menu a,
.worker-nav-menu.worker-nav-portaled a{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
@media(min-width:1181px){
  .worker-nav-group.office .worker-nav-menu{
    padding-top:12px!important;
    padding-bottom:12px!important;
  }
}


/* V85.9 — use the same Seoul Namsan webfont as the public site. */
.legacy-tool-page,.legacy-tool-page *,
.legacy-brand-nav,.legacy-brand-nav *,
.legacy-worker-nav,.legacy-worker-nav *{font-family:var(--sg-font)!important;}
