:root{--bg:#f2f6ff;--white:#fff;--text:#14223a;--muted:#5f7092;--line:#d5e0f7;--primary:#236bff;--primary-deep:#0f49c2;--secondary:#01b3ff;--primary-soft:#e8f1ff;--card-shadow:0 20px 45px rgba(24,56,118,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% -10%,#dbe9ff 0,#eef4ff 40%,#f2f6ff 72%),linear-gradient(#f6f9ff,#f2f6ff);color:var(--text);font-family:Pretendard,Noto Sans KR,Malgun Gothic,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.landing{margin:12px 0 14px;border:1px solid #d9e4fb;background:var(--white);border-radius:26px;box-shadow:var(--card-shadow);overflow:hidden}.floating{position:fixed;width:220px;height:220px;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:-1;animation:float 8s ease-in-out infinite}.floating.left{background:rgba(35,107,255,.15);left:-70px;top:180px}.floating.right{background:rgba(1,179,255,.14);right:-90px;top:520px;animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.header{position:sticky;top:0;z-index:20;justify-content:space-between;padding:14px 28px;border-bottom:1px solid #ebf0fa;background:hsla(0,0%,100%,.94);backdrop-filter:blur(10px)}.header,.logo-wrap{display:flex;align-items:center}.logo-wrap{gap:8px}.landing-logo{height:40px;width:auto}.nav{display:flex;gap:20px;font-size:14px;font-weight:500;color:var(--muted)}.nav a:hover{color:var(--primary)}.auth{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.auth form{margin:0}.landing-user-label{font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover{background:var(--primary-deep)}.btn-ghost{background:transparent;color:var(--text);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:28px 24px 24px;align-items:center}.hero.hero-single{grid-template-columns:1fr;padding:36px 28px 32px}.hero.hero-single .hero-main{max-width:760px}.hero-badge{display:inline-block;padding:5px 14px;border-radius:99px;background:var(--primary-soft);color:var(--primary);font-size:13px;font-weight:600;margin-bottom:8px}.hero-main h1{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.2;margin:0 0 8px}.hero-main p{color:var(--muted);font-size:15px;margin:0 0 14px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-actions .btn{padding:14px 32px;font-size:20px;border-radius:14px;min-height:58px}.hero-panel{border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--primary-soft)}.hero-image{width:100%;border-radius:12px;height:180px;object-fit:cover;margin-bottom:16px}.hero-panel h2{font-size:16px;font-weight:700;margin:0 0 12px}.step-list{margin:0 0 12px;padding-left:0;list-style:none;font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.hero-note{font-size:12px;color:var(--muted);margin:0;padding:10px;background:#fff;border-radius:8px}.section{padding:32px 24px}.section-head{margin-bottom:16px}.section-head h2{font-size:clamp(22px,3vw,32px);font-weight:800;margin:0}.section-lead{color:var(--muted);font-size:15px;margin:-8px 0 16px;max-width:700px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.course-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow)}.course-thumb{aspect-ratio:16/9;background:#f1f5f9}.course-thumb img{width:100%;height:100%;object-fit:cover;display:block}.course-card h3{font-size:15px;font-weight:700;margin:12px 16px 8px}.course-actions{display:flex;gap:8px;padding:0 16px 16px}.course-btn{flex:1;text-align:center;padding:8px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:.2s}.course-btn.primary{background:var(--primary);color:#fff}.course-btn.primary:hover{background:var(--primary-deep)}.course-btn.ghost{background:transparent;color:var(--text);border:1.5px solid var(--line)}.course-btn.ghost:hover{border-color:var(--primary);color:var(--primary)}.twelve-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.twelve-chip{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fafcff}.twelve-num{display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-bottom:10px}.twelve-chip h3{font-size:14px;font-weight:700;margin:0 0 6px}.twelve-chip p{font-size:13px;color:var(--muted);margin:0}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.review-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fafcff}.review-card strong{font-size:14px;font-weight:700;display:block;margin-bottom:8px}.review-card p{font-size:13px;color:var(--muted);margin:0 0 8px}.review-meta{font-size:12px;color:#aab}.faq{display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid var(--line);border-radius:12px;overflow:hidden}.faq-trigger{width:100%;background:none;border:none;padding:16px 20px;text-align:left;font-size:15px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-content{display:none;padding:0 20px 16px;font-size:14px;color:var(--muted)}.faq-item.active .faq-content{display:block}.faq-icon{font-size:20px;color:var(--primary)}.footer-cta{margin:0 24px 24px;padding:20px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-align:center}.footer-cta strong{display:block;font-size:18px;margin-bottom:10px}.footer-cta .btn-primary{background:#fff;color:var(--primary)}.footer{padding:20px 24px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px;flex-wrap:wrap}.footer-brand strong{font-size:16px;font-weight:800}.footer-brand p{margin:4px 0 0}.footer-brand p,.footer-links{font-size:13px;color:var(--muted)}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a:hover{color:var(--primary)}.footer-company{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:16px}.footer-disclaimer-short{margin:0 0 8px;line-height:1.55}.footer-bottom,.footer-disclaimer-short{font-size:12px;color:#aab}.fade{animation:fadeUp .6s ease both;animation-play-state:paused}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.purpose-showcase{border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:16px;background:#fafcff}.purpose-lead{font-size:15px;color:var(--muted);margin:0 0 10px}.purpose-pillars{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:5px}.purpose-pillars li{display:flex;align-items:center;gap:12px;font-size:14px}.purpose-idx{display:inline-flex;width:24px;height:24px;border-radius:50%;background:var(--primary-soft);color:var(--primary);align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.roadmap-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.roadmap-visual{border-radius:16px;overflow:hidden;border:1px solid var(--line)}.roadmap-visual img{width:100%;height:200px;object-fit:cover;display:block}.legal-notice-shell{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fafcff;font-size:13px;color:var(--muted);line-height:1.8}.legal-notice-shell p{margin:0 0 12px}.legal-notice-shell p:last-child{margin:0}.landing-cert-q-hint{font-size:13px;color:var(--muted);margin:-8px 0 12px}.landing-cert-q-hint a{color:var(--primary);text-decoration:underline}@media(max-width:768px){.hero{grid-template-columns:1fr;padding:16px 12px}.hero.hero-single{padding:24px 16px 20px}.section{padding:24px 12px}.footer{padding:16px 12px}.footer-cta{margin:0 12px 16px;padding:14px 10px}.nav{display:none}.course-grid,.roadmap-visual-grid{grid-template-columns:1fr}}