/* AiNex 사이버연수원 — 메인 page (01_메인 / 01_메인_로그인후). Scoped under .yw-home; ported 1:1 from the 시안. */
.yw-home .hero{background:var(--p);color:#fff}
.yw-home .hero .yw-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:60px 20px 64px}
.yw-home .hero h1{font-size:38px;line-height:1.25;margin:0 0 14px;letter-spacing:-1px;font-weight:800}
.yw-home .hero .sub{font-size:17px;margin:0 0 26px;opacity:.94}
.yw-home .hero .shape{justify-self:end;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);position:relative}
.yw-home .hero .shape::after{content:"";position:absolute;inset:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
/* login box */
.yw-home .lb{background:#fff;color:var(--text);border-radius:6px;padding:22px 24px;max-width:520px}
.yw-home .lb h2{margin:0 0 6px;font-size:17px;color:var(--p);font-weight:800}
.yw-home .lb p{font-size:14px;color:var(--mute);margin:0 0 14px}
.yw-home .lb .row{display:flex;gap:8px;margin-bottom:10px}
.yw-home .lb small{font-size:13px;color:var(--mute)}
.yw-home .lb small a{color:var(--a);font-weight:700;text-decoration:none}
/* 내 필수교육 widget */
.yw-home .wd{background:#fff;color:var(--text);border-radius:6px;padding:22px 24px;max-width:560px}
.yw-home .wd h2{margin:0 0 4px;font-size:17px;color:var(--p);font-weight:800}
.yw-home .wd .who{font-size:13px;color:var(--mute);margin:0 0 10px}
.yw-home .wd table{width:100%;border-collapse:collapse;font-size:14px}
.yw-home .wd th{text-align:left;color:var(--mute);font-weight:700;padding:6px 6px;border-bottom:1px solid var(--line);font-size:13px}
.yw-home .wd td{padding:10px 6px;border-bottom:1px solid var(--line);vertical-align:middle}
.yw-home .wd tr:last-child td{border-bottom:0}
.yw-home .wd .dd{color:var(--warn);font-weight:900;white-space:nowrap}
.yw-home .wd .done{color:var(--off)}
.yw-home .wd .n{white-space:nowrap}
.yw-home .wd .yw-empty a{color:var(--a);font-weight:700}
/* sections */
.yw-home section.blk{padding:64px 0;border-bottom:1px solid var(--line)}
.yw-home section.blk.alt{background:var(--surface)}
.yw-home .blk h2{font-size:24px;margin:0 0 6px;color:var(--ink);letter-spacing:-.4px;font-weight:800}
.yw-home .blk .lead{color:var(--mute);margin:0 0 26px;font-size:15px}
.yw-home .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.yw-home .card{border:1px solid var(--line);border-radius:6px;background:#fff;display:flex;flex-direction:column;overflow:hidden}
.yw-home .card .art{height:96px;background:var(--surface);display:grid;place-items:center;color:var(--p)}
.yw-home .card .art svg{width:36px;height:36px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.yw-home .card .bd{padding:20px 22px;display:flex;flex-direction:column;flex:1}
.yw-home .card h3{margin:0 0 6px;font-size:18px;color:var(--ink);font-weight:800}
.yw-home .card h3 .bg{display:inline-block;font-size:11px;font-weight:800;color:var(--a);border:1px solid var(--a);padding:1px 7px;border-radius:3px;margin-left:8px;vertical-align:middle}
.yw-home .card p{margin:0 0 10px;font-size:14px;color:#333;flex:1}
.yw-home .card .pe{font-size:13px;color:var(--p);font-weight:700;margin:0 0 16px;flex:0}
.yw-home .card .bt{display:flex;gap:8px;flex-wrap:wrap}
.yw-home .sched{width:100%;border-collapse:collapse;background:#fff;font-size:14px;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.yw-home .sched th{background:var(--surface);text-align:left;padding:11px 14px;font-size:13px;border-bottom:1px solid var(--line);color:var(--ink)}
.yw-home .sched td{padding:12px 14px;border-bottom:1px solid var(--line)}
.yw-home .sched tr:last-child td{border-bottom:0}
.yw-home .sched .dd{font-weight:900;white-space:nowrap}
.yw-home .sched tr.soon .dd{color:var(--warn)}
.yw-home .sched tr.end{color:var(--off)}
.yw-home .sched td a{font-weight:700;color:var(--p);text-decoration:none}
.yw-home .sched tr.end td a{color:var(--off)}
.yw-home .cat{display:inline-block;font-size:11px;font-weight:800;color:var(--a);border:1px solid var(--a);padding:0 6px;border-radius:3px;white-space:nowrap}
.yw-home .more{display:inline-block;margin-top:22px;font-weight:800;color:var(--a);text-decoration:none}
.yw-home .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.yw-home .step{border:1px solid var(--line);border-radius:6px;background:#fff;padding:18px}
.yw-home .step .n{display:inline-block;background:var(--p);color:#fff;font-size:11px;font-weight:900;padding:2px 8px;border-radius:3px;margin-bottom:10px}
.yw-home .step b{display:block;font-size:15px;margin-bottom:4px;color:var(--ink)}
.yw-home .step span{font-size:13px;color:#444}
.yw-home .notes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.yw-home .note{border:1px solid var(--line);border-radius:6px;background:#fff;padding:16px 18px;font-size:13.5px}
.yw-home .note b{display:block;color:var(--p);margin-bottom:5px}
.yw-home .note.sub{background:var(--surface)}
.yw-home .sup{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.yw-home .col{border:1px solid var(--line);border-radius:6px;background:#fff;padding:22px 24px}
.yw-home .col h3{margin:0 0 10px;font-size:17px;color:var(--ink);font-weight:800}
.yw-home .col ul{list-style:none;margin:0;padding:0}
.yw-home .col li{padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;justify-content:space-between;gap:12px}
.yw-home .col li:last-child{border-bottom:0}
.yw-home .col li a{text-decoration:none;color:var(--text)}
.yw-home .col li span{color:var(--mute);white-space:nowrap;font-size:13px}
.yw-home .col .pin{color:var(--warn);font-weight:900;font-size:12px;margin-right:6px;white-space:nowrap}
.yw-home .col .qa{font-size:14px;color:#333;margin:0 0 14px}
.yw-home .col .more{margin-top:14px}
.yw-home .contact{font-size:14px;color:#333;margin-top:14px}
.yw-home .contact b{display:block;color:var(--ink);font-size:22px;letter-spacing:.5px}
.yw-home .contact b a{text-decoration:none;color:inherit}
@media (max-width:1023px){
  .yw-home .hero .yw-wrap{grid-template-columns:1fr;padding:40px 20px}
  .yw-home .hero .shape{display:none}
  .yw-home .cards{grid-template-columns:1fr 1fr}
  .yw-home .notes{grid-template-columns:1fr 1fr}
  .yw-home .sup{grid-template-columns:1fr}
}
@media (max-width:599px){
  .yw-home .wd th:nth-child(2),.yw-home .wd td:nth-child(2){display:none}
  .yw-home .wd td{padding:10px 4px}
  .yw-home .hero h1{font-size:28px}
  .yw-home .hero .sub{font-size:15px}
  .yw-home .cards,.yw-home .notes{grid-template-columns:1fr}
  .yw-home .steps{grid-template-columns:1fr 1fr}
  .yw-home section.blk{padding:40px 0}
  .yw-home .blk h2{font-size:20px}
  .yw-home .sched th:nth-child(3),.yw-home .sched td:nth-child(3),.yw-home .sched th:nth-child(5),.yw-home .sched td:nth-child(5){display:none}
  .yw-home .lb .row{flex-direction:column}
  .yw-home .lb .yw-btn{width:100%}
}