/* 공통교육 디자인 시안 - 기존 edu.css 뒤에서 로드 */
.ed-design{--ed-ink:#102d52;--ed-blue:#1768df;--ed-muted:#6d819a;color:var(--ed-ink);padding-bottom:65px}
.ed-design *{box-sizing:border-box}.ed-design a{text-decoration:none}.ed-design-hero{position:relative;overflow:hidden;min-height:242px;display:flex;align-items:center;justify-content:space-between;border-radius:18px;padding:36px 44px;background:linear-gradient(110deg,#0b3975 0%,#1767bf 65%,#51a2ea 100%);color:white;margin-bottom:22px}.ed-design-hero.is-core{background:linear-gradient(110deg,#172d69,#3452ae 65%,#6b8de1)}.ed-design-hero-copy{position:relative;z-index:2;max-width:650px}.ed-design-eyebrow{font-size:12px;letter-spacing:.4px;font-weight:650;opacity:.85}.ed-design-hero h1{font-size:28px;line-height:1.35;margin:16px 0 10px;color:#fff}.ed-design-hero p{font-size:14px;line-height:1.8;color:#e4efff;margin:0}.ed-design-hero-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.ed-design-primary,.ed-design-secondary{padding:11px 16px;border-radius:8px;font-size:13px;font-weight:700}.ed-design-primary{background:#fff;color:#1457ae}.ed-design-secondary{border:1px solid #ffffff7a;color:#fff}.ed-design-hero-art{position:absolute;right:55px;top:28px;width:230px;height:200px;display:grid;place-items:center}.ed-design-hero-art>i{font-size:95px;color:#d9efff;filter:drop-shadow(0 15px 15px #07326465);transform:rotate(-8deg)}.ed-design-art-orbit{position:absolute;width:185px;height:185px;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 0 0 25px #ffffff10,0 0 0 50px #ffffff09}.ed-design-art-dot{position:absolute;width:18px;height:18px;border-radius:50%;background:#8de7f2}.ed-design-art-dot.a{right:14px;top:30px}.ed-design-art-dot.b{bottom:18px;left:22px;width:12px;height:12px;background:#ffcf7e}
.ed-design-tabs{display:flex;gap:8px;border-bottom:1px solid #e0e8f3;margin-bottom:24px;padding-bottom:12px;flex-wrap:wrap}.ed-design-tabs a{color:#5a708d;font-size:13px;font-weight:700;padding:10px 16px;border-radius:8px}.ed-design-tabs a.active{background:#e8f1ff;color:#0959c5}.ed-design-tabs i{margin-right:7px}
.ed-design-guest{display:flex;gap:10px;align-items:center;padding:16px 20px;border:1px solid #c7defc;background:#eff6ff;color:#315f9a;border-radius:10px;font-size:13px;margin-bottom:35px}.ed-design-progress{border:1px solid #dae6f4;background:#f7faff;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;gap:24px;margin-bottom:36px}.ed-design-progress-intro{display:flex;align-items:center;gap:13px}.ed-design-progress-icon{display:grid;place-items:center;background:#e3efff;color:#1267d7;width:44px;height:44px;border-radius:12px;flex:none}.ed-design-progress-intro strong{font-size:14px}.ed-design-progress-intro p{margin:5px 0 0;color:var(--ed-muted);font-size:12px}.ed-design-progress-items{display:flex;gap:18px}.ed-design-progress-item{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px}.ed-design-progress-item strong{font-size:13px}.ed-design-progress-item em{font-size:11px;font-style:normal;background:#e8edf3;color:#718097;padding:5px 8px;border-radius:20px}.ed-design-progress-item em.done{background:#e4f7ed;color:#16824e}
.ed-design-section{margin:0 0 40px}.ed-design-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:20px}.ed-design-section-kicker{font-size:11px;color:#1768df;font-weight:800;letter-spacing:1.5px}.ed-design-section-head h2{font-size:22px;margin:6px 0 8px;color:#122e52}.ed-design-section-head h2 small{font-size:16px;font-weight:500}.ed-design-section-head p{font-size:13px;color:var(--ed-muted);margin:0}.ed-design-section-head>a{white-space:nowrap;font-size:13px;font-weight:700;color:#1a63c4}.ed-design-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ed-design-card{min-width:0;border:1px solid #dfe7f2;border-radius:13px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}.ed-design-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #153b6b13;border-color:#bbd3f3}.ed-design-thumb{height:142px;display:block;position:relative;overflow:hidden;background:#e6effc}.ed-design-thumb.thumb-core{background:#e8ebfc}.ed-design-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.ed-design-card:hover img{transform:scale(1.04)}.ed-design-thumb-label{position:absolute;top:12px;left:12px;background:#ffffffec;color:#215caa;padding:5px 9px;border-radius:5px;font-size:11px;font-weight:800}.ed-design-card-body{padding:17px}.ed-design-card-meta{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:11px;color:#71839a}.ed-design-card-meta i{margin-right:3px}.ed-design-state{font-size:10px;background:#f0f3f7;border-radius:5px;padding:5px 7px;white-space:nowrap}.ed-design-state.completed{background:#e3f7ed;color:#15804d}.ed-design-card h3{font-size:17px;line-height:1.45;min-height:48px;margin:17px 0 13px;color:#102d52}.ed-design-card-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f6;padding-top:13px;font-size:12px;font-weight:800;color:#1768df}.ed-design-empty{grid-column:1/-1;padding:35px;text-align:center;background:#f7f9fc;border-radius:12px;color:#73829b}.ed-design-bottom{display:flex;gap:15px;align-items:center;background:#f2f6fc;border-radius:12px;padding:20px 23px;color:#20456f}.ed-design-bottom>i{font-size:25px;color:#2570d4}.ed-design-bottom strong{font-size:13px}.ed-design-bottom p{font-size:12px;color:#6a7d94;margin:5px 0 0}.ed-design-bottom a{margin-left:auto;font-size:12px;color:#1768df;font-weight:700;white-space:nowrap}
@media(max-width:1200px){.ed-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ed-design-progress{align-items:flex-start;flex-direction:column}.ed-design-hero-art{right:5px;opacity:.5}}@media(max-width:680px){.ed-design-hero{padding:28px 23px;min-height:235px}.ed-design-hero h1{font-size:23px}.ed-design-hero-art{opacity:.16}.ed-design-grid{grid-template-columns:1fr}.ed-design-progress-items{flex-direction:column;gap:9px}.ed-design-section-head{align-items:start;flex-direction:column}.ed-design-bottom{align-items:flex-start;flex-wrap:wrap}.ed-design-bottom a{margin-left:40px}.ed-design-thumb{height:180px}}
