/* 전자근로계약 업무도우미 | 공개 사이트 전용 | 근로자 문서/급여 데이터와 무관 */
:root{--ink:#162337;--muted:#58677d;--line:#dfe6ef;--blue:#2257e7;--navy:#102f63;--pale:#eaf0ff;--teal:#087d79;--bg:#f6f8fc;--white:#fff;--max:1140px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;color:var(--ink);line-height:1.75;word-break:keep-all}a{color:inherit}a:hover{text-decoration-color:var(--blue)}.skip{position:absolute;left:-9999px;top:8px;background:#fff;padding:12px;z-index:200}.skip:focus{left:16px}.notice{background:#edf3ff;border-bottom:1px solid #dce7ff;font-size:13px;color:#314f83;text-align:center;padding:7px 18px}.shell{max-width:var(--max);margin:auto;padding:0 24px}header{position:sticky;top:0;background:#ffffffed;border-bottom:1px solid var(--line);z-index:100;backdrop-filter:blur(12px)}.bar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:75px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;letter-spacing:-1px;font-size:19px}.brand-icon{width:38px;height:38px;border-radius:12px;background:var(--blue);color:white;display:grid;place-items:center;font-size:20px}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.3px;margin-top:-6px}.nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:750}.nav a{text-decoration:none;color:#34445a}.nav a:hover,.nav a[aria-current=page]{color:var(--blue)}.nav .navcta{border-radius:999px;padding:10px 16px;background:#eaf0ff;color:var(--blue)}.menu{display:none;border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 13px;border-radius:9px;font-size:15px;font-weight:700}.hero{background:radial-gradient(ellipse 65% 100% at 90% 6%,#dce6ff 0,transparent 65%),linear-gradient(125deg,#f6f9ff,#f3f6fd);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:62px;align-items:center;min-height:540px;padding-top:65px;padding-bottom:78px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#e1ebff;border-radius:999px;color:#1944b3;font-weight:800;font-size:13px;padding:7px 14px}.eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:#1e67e8}.hero h1{font-size:clamp(34px,4.1vw,55px);line-height:1.28;letter-spacing:-2.4px;margin:22px 0 17px;font-weight:850}.hero h1 em{color:var(--blue);font-style:normal}.lead{font-size:17px;color:var(--muted);max-width:600px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:11px;text-decoration:none;font-weight:800;padding:12px 19px;border:1px solid transparent}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#1745c4;color:#fff}.btn-outline{border-color:#c6d3ed;color:var(--blue);background:#fff}.micro{font-size:12px;color:#667793;margin-top:19px}.dashboard{background:#fff;border:1px solid #e2e9f4;border-radius:22px;padding:17px;box-shadow:0 24px 65px #2042761c;transform:rotate(1.5deg)}.dash-top{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:15px;padding:5px 5px 17px}.pill{border-radius:999px;background:#ecf4ff;color:#2359bc;font-size:11px;font-weight:800;padding:4px 10px}.dash-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dash-tile{border-radius:12px;background:#f5f8ff;padding:16px;min-height:106px}.dash-tile b{font-size:14px;display:block;margin-top:6px}.dash-tile small{font-size:11px;color:#687991}.iconbox{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#dfeaff;color:#2152c9;font-size:18px}.dash-list{margin-top:12px;padding:15px;border:1px solid #e8edf4;border-radius:12px}.dash-list strong{display:block;margin-bottom:8px;font-size:13px}.dash-list p{display:flex;align-items:center;gap:10px;font-size:12px;margin:8px 0;color:#45566e}.dot{width:7px;height:7px;border-radius:50%;background:#21a28a}.section{padding:84px 0}.section-soft{background:var(--bg)}.section-h{margin:0 0 13px;font-size:clamp(26px,2.5vw,34px);line-height:1.35;letter-spacing:-1.4px}.section-desc{color:var(--muted);margin:0 0 33px;max-width:760px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:16px;padding:25px;background:#fff;box-shadow:0 5px 18px #243c5b07}.card h3{font-size:18px;line-height:1.4;margin:16px 0 8px;letter-spacing:-.6px}.card p{font-size:14px;color:var(--muted);margin:0 0 14px}.card a{color:var(--blue);font-weight:800;font-size:14px;text-decoration:none}.card a:hover{text-decoration:underline}.card .card-icon{width:46px;height:46px;background:#eaf0ff;border-radius:13px;display:grid;place-items:center;font-size:24px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:steps}.step{padding:20px;background:white;border:1px solid var(--line);border-radius:14px}.step:before{counter-increment:steps;content:'0' counter(steps);display:block;color:var(--blue);font-weight:900;margin-bottom:11px;font-size:25px}.step b{display:block;font-size:15px}.step p{font-size:13px;color:var(--muted);margin:6px 0 0}.callout{background:#eaf0ff;border:1px solid #d2dfff;border-radius:17px;padding:25px 29px}.callout h3{margin:0 0 8px}.callout p{margin:0;color:#415575}.content-head{background:linear-gradient(125deg,#eef4ff,#fafcff);border-bottom:1px solid var(--line);padding:55px 0 47px}.content-head h1{font-size:clamp(29px,3.7vw,41px);letter-spacing:-1.4px;line-height:1.35;margin:10px 0}.content-head p{color:var(--muted);max-width:780px;margin:0;font-size:16px}.crumb{font-size:12px;color:#526b92}.crumb a{color:#526b92}.article{max-width:860px;margin:0 auto;padding:52px 24px 90px}.article h2{font-size:24px;letter-spacing:-1px;margin:40px 0 12px}.article h3{font-size:18px;margin:27px 0 9px}.article p{margin:12px 0;color:#334155}.article ul,.article ol{padding-left:24px}.article li{margin:8px 0;color:#334155}.article table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}.article th{background:#eef3ff;text-align:left}.article th,.article td{border:1px solid #dce5f0;padding:12px}.article a{color:var(--blue)}.article .note{border-left:4px solid #3269e9;background:#eef4ff;padding:16px 19px;border-radius:0 11px 11px 0;color:#3b5273;margin:22px 0}.article .warning{border-left:4px solid #da9230;background:#fff8e9;padding:16px 19px;margin:20px 0;border-radius:0 11px 11px 0}.article .toc{background:#f7f9fd;border:1px solid var(--line);padding:20px 23px;border-radius:13px;margin:0 0 30px}.article .toc a{display:block;padding:4px 0;text-decoration:none;font-size:14px}.article .toc a:hover{text-decoration:underline}.faq{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-weight:800;cursor:pointer;list-style:none}.faq summary::after{content:'+';float:right;color:var(--blue);font-size:22px}.faq[open] summary::after{content:'−'}.faq p{font-size:15px;padding:0 7px}.layout-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:800}.field input{padding:13px;border:1px solid #cad5e5;border-radius:9px;font-size:16px;width:100%;background:#fff;color:#1c2c43}.result{padding:26px;background:#eef3ff;border-radius:14px}.result .figure{font-size:31px;font-weight:900;letter-spacing:-1px;color:var(--blue)}.result .rrow{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #d5e0f5}.checklist{list-style:none;padding:0 !important}.checklist li{margin:0 !important;padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:12px}.checklist input{margin-top:7px;transform:scale(1.25)}.back{display:inline-block;color:var(--blue);text-decoration:none;font-weight:750;margin:20px 0}.footer{background:#12223d;color:#d7e0ed;padding:48px 0 30px}.footergrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px}.footer h3{color:white;font-size:17px;margin:0 0 9px}.footer p{font-size:13px;color:#b5c4d9;margin:0}.footer a{display:block;color:#cbd9ed;font-size:13px;text-decoration:none;margin:7px 0}.footer a:hover{text-decoration:underline}.footbottom{border-top:1px solid #344660;margin-top:33px;padding-top:22px;font-size:12px;color:#9baec9}.small-tag{color:#3865b8;font-size:12px;font-weight:800;letter-spacing:.8px}.warningbox{margin:22px 0;border:1px solid #f2d6a4;background:#fff8eb;border-radius:12px;padding:17px 20px;color:#775121}.sitebadge{font-size:12px;padding:3px 9px;border-radius:999px;background:#f1f5f9;color:#54708a}.noprint{}@media(max-width:930px){.hero-grid{gap:22px}.nav{gap:13px;font-size:12px}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.shell{padding:0 18px}.bar{min-height:64px}.brand{font-size:17px}.menu{display:block}.nav{display:none;position:absolute;top:63px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:15px 23px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 30px #112b5011}.nav.open{display:flex}.nav a{padding:13px 8px;border-bottom:1px solid #f1f4f8}.hero-grid{grid-template-columns:1fr;padding-top:48px;padding-bottom:51px;gap:32px}.hero h1{font-size:35px;letter-spacing:-1.6px}.hero .lead{font-size:15px}.dashboard{transform:none;max-width:480px}.section{padding:53px 0}.section-h{font-size:27px}.cards,.steps,.layout-two{grid-template-columns:1fr}.content-head{padding:37px 0}.article{padding:30px 18px 65px}.article h2{font-size:22px}.footergrid{grid-template-columns:1fr;gap:22px}.actions .btn{width:100%}.article table{font-size:12px}.article th,.article td{padding:8px}}@media print{header,.notice,.footer,.noprint,.actions{display:none!important}.article{padding:0}.content-head{padding:10px 0;background:#fff}.checklist input{print-color-adjust:exact}}

/* v5: 기존 디자인을 유지한 무료 프로그램 소개 카드 */
.section-catalog-teaser{padding:58px 0;background:#fff}.catalog-teaser{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;padding:30px;border:1px solid #dce6f8;border-radius:20px;background:linear-gradient(115deg,#f7faff,#eef4ff)}.catalog-teaser .section-h{margin-top:9px}.catalog-teaser p{color:var(--muted);margin:7px 0}.catalog-teaser-side{background:#fff;border:1px solid #dfe6f1;border-radius:14px;padding:16px 20px}.catalog-teaser-side p{margin:0;padding:11px 0;border-bottom:1px solid #edf1f8}.catalog-teaser-side p:last-child{border:0}.catalog-teaser-side b,.catalog-teaser-side span{display:block}.catalog-teaser-side b{color:#253752;font-size:13px}.catalog-teaser-side span{font-size:12px;color:#65758d}.program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.program-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:white;border-radius:17px;padding:23px;box-shadow:0 6px 24px #243c5b09}.program-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#eaf0ff;color:#2152c9;font-size:24px}.program-card-top h3{font-size:19px;line-height:1.4;letter-spacing:-.6px;margin:14px 0 7px}.program-status{display:inline-block;font-size:12px;font-weight:750;color:#52647e;background:#f0f3f8;border:1px solid #e0e6ed;border-radius:999px;padding:3px 10px}.program-card p{font-size:14px;color:#55657e}.program-card ul{padding-left:21px;font-size:13px;color:#42536c}.program-card li{margin:7px 0}.program-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:18px;align-items:center}.program-actions .btn{min-height:43px;padding:8px 13px;font-size:13px}.program-unavailable{display:inline-flex;border-radius:8px;font-size:12px;background:#f1f4f8;color:#5d6b7c;padding:9px 12px}.program-howto{display:grid;grid-template-columns:1fr .8fr;gap:35px;align-items:center}.program-howto p{color:var(--muted)}.program-howto-note{border:1px solid #e0e8f5;background:#f7faff;border-radius:13px;padding:23px}.program-howto-note p{font-size:14px;margin-bottom:0}
@media(max-width:1020px){.nav{gap:11px;font-size:12px}.program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.catalog-teaser,.program-howto{grid-template-columns:1fr;gap:12px}.catalog-teaser{padding:20px}.program-grid{grid-template-columns:1fr}.program-card{padding:20px}.section-catalog-teaser{padding:40px 0}}

/* v6: 원격지원 센터 - 기존 v5 테마만 확장 */
.remote-quick-section{padding:42px 0}
.remote-quick{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;background:#f5f8ff;border:1px solid #dce7fa;padding:29px 34px;border-radius:18px}
.remote-quick .section-h{margin-top:7px}.remote-quick p{color:var(--muted);margin:0;max-width:720px;font-size:14px}
.remote-quick-action{min-width:235px;display:flex;flex-direction:column;align-items:stretch;gap:13px;text-align:center}
.remote-quick-action strong{font-size:30px;color:#2257e7}.remote-quick-action small{font-size:13px;color:#52647e}
.remote-head{padding:57px 0}.remote-headgrid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:36px;align-items:start;margin-top:20px}
.remote-price{border:1px solid #d6e2f7;border-radius:16px;background:#fff;padding:24px;box-shadow:0 10px 25px #243c5b0b}
.remote-price>span{display:block;font-weight:800;color:#52647e;font-size:13px;margin-bottom:8px}.remote-price>strong{font-size:37px;color:#2257e7;letter-spacing:-1px;display:block}.remote-price>strong small{font-size:15px;letter-spacing:0;color:#52647e}.remote-price>p{font-size:13px;color:#324761;margin:11px 0}.remote-price-note{font-size:12px;color:#6b788e;border-top:1px solid #e6ecf5;margin-top:15px;padding-top:12px}
.support-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:27px}.support-steps>div{border:1px solid #dfe7f3;padding:20px;border-radius:15px;background:white}.support-steps span{font-weight:850;font-size:22px;color:#2257e7}.support-steps h3{font-size:15px;margin:10px 0 7px}.support-steps p{font-size:13px;color:#607087;margin:0}
.remote-panels{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px}.remote-panel{background:#fff;border:1px solid #e0e7f2;border-radius:17px;padding:28px}.remote-panel h3{font-size:19px;margin:0 0 8px}.remote-panel>p{font-size:14px;color:#586981}.remote-panel-alt{background:#fbfdff}.remote-form{display:flex;flex-direction:column;gap:9px;margin-top:20px}.remote-form label{font-weight:750;font-size:13px;margin-top:7px}.remote-form input,.remote-form select,.remote-form textarea{border:1px solid #cbd6e6;background:white;width:100%;border-radius:10px;font:inherit;font-size:15px;color:#23344d;padding:12px 13px}.remote-form textarea{min-height:96px;resize:vertical}.remote-form :focus-visible{outline:3px solid #8aabf4;outline-offset:1px}.remote-help{font-size:12px!important;color:#62738a!important;line-height:1.7}.remote-submit{width:100%;cursor:pointer}.remote-status{font-size:13px;min-height:18px;color:#28518b;margin:4px 0}.remote-mail-address{background:#eef4ff;border-radius:10px;padding:13px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;overflow-wrap:anywhere}.remote-mail-address a{color:#1c4dbe;font-weight:750;font-size:14px}.remote-copy{border:1px solid #b7c9e9;background:white;border-radius:8px;color:#2359bb;font-weight:750;padding:8px 10px;cursor:pointer}.support-bullets{padding-left:21px;color:#42536c;font-size:14px;line-height:1.9;margin-top:19px}.remote-connect-card{display:grid;grid-template-columns:minmax(0,1fr) 275px;align-items:center;gap:22px;border:1px solid #dce5f6;background:#f7faff;border-radius:17px;padding:28px}.remote-connect-card h3{margin:0 0 12px;font-size:20px}.remote-connect-card p{font-size:14px;line-height:1.9;color:#465872;margin:0}.remote-connect-actions{display:flex;flex-direction:column;gap:9px;text-align:center}.remote-connect-actions span{font-size:12px;color:#6a7890}.remote-safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.remote-safety-card{background:#fff;border:1px solid #dce5f1;border-radius:14px;padding:21px}.remote-safety-card h3{font-size:16px;margin:0 0 9px}.remote-safety-card p{color:#607188;font-size:13px;margin:0}.remote-disclosure{border:1px solid #d5e0f1;background:white;border-radius:14px;margin-top:26px;padding:22px;color:#364b67}.remote-disclosure p{font-size:13px;line-height:1.8}.remote-links{display:flex;flex-wrap:wrap;gap:18px}.remote-links a{font-size:13px;color:#2359bb;font-weight:750}
@media(max-width:1050px){.support-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.remote-quick,.remote-headgrid,.remote-panels,.remote-connect-card{grid-template-columns:1fr}.remote-quick{padding:21px}.remote-quick-action{min-width:0}.remote-price{padding:20px}.remote-panels{gap:13px}.remote-panel{padding:20px}.support-steps{grid-template-columns:1fr}.remote-safety-grid{grid-template-columns:1fr}.remote-connect-card{padding:20px}.remote-head{padding:39px 0}}

/* v6.2: link to license center demo */
.license-home-teaser{padding:40px 0;background:#f7faff}.license-home-panel{display:flex;gap:20px;align-items:center;justify-content:space-between;border:1px solid #d9e5f7;padding:26px;border-radius:18px;background:#fff}.license-home-panel h2{margin:7px 0 9px}.license-home-panel p{margin:0;color:#5b6a81;font-size:14px;max-width:750px}.license-home-panel .btn{flex:0 0 auto}@media(max-width:900px){.license-home-panel{display:block}.license-home-panel .btn{margin-top:17px}}