*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0f1e;--bg2:#111827;--border:#ffffff14;--border-hi:#ffffff2e;--text:#f0f4ff;--muted:#f0f4ff80;--dim:#f0f4ff40;--blue:#3b82f6;--blue-glow:#3b82f62e;--teal:#14b8a6;--teal-glow:#14b8a62e;--orange:#f97316;--orange-light:#fb923c}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Noto Sans KR,sans-serif;overflow-x:hidden}header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0f1ed9;justify-content:space-between;align-items:center;height:60px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.h-brand{color:var(--text);align-items:center;gap:10px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.h-logo-box{background:var(--blue);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.h-logo-dot{background:var(--orange);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-bottom:12px;margin-left:-6px}.h-logo-box svg{fill:#fff;width:16px;height:16px}.h-badge{letter-spacing:.05em;color:var(--blue);background:#3b82f626;border:1px solid #3b82f64d;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.hero{z-index:1;justify-content:center;align-items:center;min-height:520px;display:flex;position:relative;overflow:hidden}.hero-bg-wrap{z-index:0;position:absolute;inset:0}.hero-bg-slide{opacity:0;will-change:opacity;background-position:50%;background-size:cover;transition:opacity 1.5s ease-in-out;position:absolute;inset:0}.hero-overlay{background:linear-gradient(#0a0f1e8c 0%,#0a0f1ecc 100%);position:absolute;inset:0}.hero-content{z-index:1;text-align:center;width:100%;padding:100px 40px 80px;position:relative}.hero-dots{justify-content:center;gap:8px;margin-top:28px;display:flex}.hero-dot{cursor:pointer;background:0 0;border:1.5px solid #ffffff80;border-radius:50%;width:6px;height:6px;padding:0;transition:background .3s,transform .3s,border-color .3s}.hero-dot.active{background:#fff;border-color:#fff;transform:scale(1.4)}.hero-kicker{letter-spacing:.12em;color:var(--blue);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:28px;font-size:12px;font-weight:500;display:inline-flex}.hero-kicker:before,.hero-kicker:after{content:"";opacity:.5;background:currentColor;width:20px;height:1px;display:block}.hero-title{letter-spacing:-.02em;margin-bottom:22px;font-size:clamp(34px,5.5vw,58px);font-weight:700;line-height:1.15}.hero-title .hl{color:var(--blue);display:inline-block;position:relative}.hero-title .hl:after{content:"";background:var(--orange);opacity:.85;border-radius:2px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.hero-sub{color:var(--muted);max-width:500px;margin:0 auto 56px;font-size:15px;font-weight:300;line-height:1.8}.scroll-hint{letter-spacing:.1em;color:var(--dim);text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:11px;animation:2s infinite bounce;display:flex}.scroll-hint svg{width:16px;height:16px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.portals{z-index:1;grid-template-columns:1fr 1fr;gap:20px;max-width:1040px;margin:0 auto;padding:60px 40px 100px;display:grid;position:relative}.portal-card{background:var(--bg2);border:1px solid var(--border);cursor:pointer;border-radius:16px;flex-direction:column;padding:40px 36px;text-decoration:none;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.portal-card:hover{border-color:var(--border-hi);transform:translateY(-4px)}.blue-card:hover{box-shadow:0 0 48px var(--blue-glow), 0 20px 40px #0006;border-color:#3b82f666}.teal-card:hover{box-shadow:0 0 48px var(--teal-glow), 0 20px 40px #0006;border-color:#14b8a666}.portal-card:before{content:"";opacity:0;border-radius:16px 16px 0 0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.blue-card:before{background:var(--blue)}.teal-card:before{background:var(--teal)}.portal-card:hover:before{opacity:1}.p-num{color:#ffffff08;pointer-events:none;font-size:100px;font-weight:700;line-height:1;transition:color .3s;position:absolute;top:16px;right:24px}.portal-card:hover .p-num{color:#ffffff0e}.p-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;display:flex}.blue-card .p-icon{background:#3b82f626}.teal-card .p-icon{background:#14b8a626}.p-icon svg{width:24px;height:24px}.blue-card .p-icon svg{stroke:#60a5fa}.teal-card .p-icon svg{stroke:#2dd4bf}.p-tag{letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:500}.blue-card .p-tag{color:#60a5fa}.teal-card .p-tag{color:#2dd4bf}.p-title{color:var(--text);margin-bottom:14px;font-size:22px;font-weight:700;line-height:1.3}.p-desc{color:var(--muted);flex:1;margin-bottom:32px;font-size:14px;font-weight:300;line-height:1.75}.p-features{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.p-feat{color:var(--dim);border:1px solid var(--border);background:#ffffff0a;border-radius:20px;padding:4px 12px;font-size:11px}.p-cta{align-items:center;gap:10px;font-size:13px;font-weight:500;transition:gap .2s;display:flex}.portal-card:hover .p-cta{gap:14px}.blue-card .p-cta{color:#60a5fa}.teal-card .p-cta{color:#2dd4bf}.p-arrow{opacity:.7;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s,transform .2s;display:flex}.portal-card:hover .p-arrow{opacity:1;transform:translate(3px)}.p-arrow svg{width:12px;height:12px}.info-strip{z-index:1;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1040px;margin:0 auto;padding:0 40px 80px;display:grid;position:relative}.info-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px 28px}.info-card-label{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:8px;font-size:11px;font-weight:500}.info-card-val{color:var(--orange-light);font-size:20px;font-weight:700}footer{z-index:1;border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:28px 40px;display:flex;position:relative}.ft-left{color:var(--dim);font-size:12px}.ft-links{gap:24px;display:flex}.ft-links a{color:var(--dim);font-size:12px;text-decoration:none;transition:color .2s}.ft-links a:hover{color:var(--muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){header{padding:0 20px}.hero{padding:130px 20px 60px}.portals,.info-strip{grid-template-columns:1fr;padding:0 20px 60px}footer{flex-direction:column;gap:16px;padding:24px 20px}.ft-links{flex-wrap:wrap;justify-content:center}}.about{z-index:1;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff05;padding:80px 40px;position:relative}.about-inner{max-width:1040px;margin:0 auto}.about-kicker{letter-spacing:.15em;text-transform:uppercase;color:var(--blue);margin-bottom:16px;font-size:11px;font-weight:500}.about .sec-kicker{color:var(--orange-light);align-items:center;gap:8px;display:flex}.about .sec-kicker:before{content:"";background:var(--orange);border-radius:2px;width:16px;height:2px;display:block}.cases .sec-kicker{color:var(--teal)}.p-corner{color:var(--orange-light);background:#f9731626;border:1px solid #f973164d;border-radius:20px;padding:2px 8px;font-size:9px;font-weight:500;position:absolute;top:14px;right:14px}.about-title{color:var(--text);margin-bottom:16px;font-size:clamp(22px,3vw,32px);font-weight:700}.about-desc{color:var(--muted);margin-bottom:48px;font-size:15px;font-weight:300;line-height:1.8}.about-desc strong{color:var(--text);font-weight:500}.about-cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.about-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px 20px}.about-icon{margin-bottom:12px;font-size:24px;display:block}.about-card-title{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:600}.about-card-desc{color:var(--muted);font-size:13px;font-weight:300;line-height:1.65}@media (width<=700px){.about{padding:60px 20px}.about-cards{grid-template-columns:1fr 1fr}}@media (width<=480px){.about-cards{grid-template-columns:1fr}}.cases{z-index:1;padding:80px 40px;position:relative}.cases-inner{max-width:1040px;margin:0 auto}.cases-kicker{letter-spacing:.15em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;font-size:11px;font-weight:500}.cases-title{color:var(--text);margin-bottom:12px;font-size:clamp(22px,3vw,32px);font-weight:700}.cases-desc{color:var(--muted);margin-bottom:48px;font-size:15px;font-weight:300}.cases-list{grid-template-columns:1fr 1fr;gap:20px;display:grid}.case-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:20px;padding:28px;transition:border-color .3s;display:flex}.case-card:hover{border-color:var(--border-hi)}.case-header{justify-content:space-between;align-items:center;display:flex}.case-badge{letter-spacing:.05em;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:500}.case-badge.blue{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.case-badge.teal{color:#2dd4bf;background:#14b8a626;border:1px solid #14b8a64d}.case-badge.gold{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.case-badge.purple{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d}.case-region{color:var(--dim);letter-spacing:.05em;font-size:11px}.case-title{color:var(--text);font-size:15px;font-weight:600;line-height:1.5}.case-match{border:1px solid var(--border);background:#ffffff08;border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex}.case-who{flex-direction:column;flex:1;gap:4px;display:flex}.case-role{letter-spacing:.1em;border-radius:10px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:500}.case-role.leader{color:#60a5fa;background:#3b82f626}.case-role.org{color:#2dd4bf;background:#14b8a626}.case-name{color:var(--text);font-size:13px;font-weight:600}.case-detail{color:var(--dim);font-size:12px}.case-arrow{color:var(--dim);flex-shrink:0;font-size:18px}.case-result{color:var(--muted);border-top:1px solid var(--border);padding-top:4px;font-size:13px;line-height:1.65}@media (width<=700px){.cases{padding:60px 20px}.cases-list{grid-template-columns:1fr}}.case-detail-wrap{opacity:0;max-height:0;transition:max-height .4s,opacity .4s;overflow:hidden}.case-card.open .case-detail-wrap{opacity:1;max-height:300px}.case-detail-text{color:var(--muted);border-top:1px solid var(--border);padding-top:14px;font-size:13px;line-height:1.8}.case-toggle{color:var(--dim);text-align:right;letter-spacing:.05em;margin-top:12px;font-size:11px;transition:color .2s}.case-card:hover .case-toggle{color:var(--muted)}.case-card{cursor:pointer}.h-right{align-items:center;gap:16px;display:flex}.h-btns{gap:8px;display:flex}.h-btn{cursor:pointer;border-radius:8px;padding:6px 14px;font-size:11px;font-weight:500;text-decoration:none;transition:all .2s}.h-btn.outline{color:#60a5fa;background:0 0;border:1px solid #3b82f666}.h-btn.outline:hover{background:#3b82f61a}.h-btn.filled{background:var(--teal);color:#fff;border:none}.h-btn.filled:hover{background:#0d9488}.hero-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:32px;display:flex}.hero-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 22px;font-size:13px;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.hero-btn.primary{background:var(--blue)}.hero-btn.primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f659}.hero-btn.secondary{background:var(--teal)}.hero-btn.secondary:hover{background:#0d9488;transform:translateY(-2px);box-shadow:0 8px 24px #14b8a659}.hero-btn-icon{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.hero-btn-text{text-align:left;flex-direction:column;display:flex}.hero-btn-text span:first-child{font-size:13px;font-weight:500}.hero-btn-label{color:#fff9;margin-top:2px;font-size:10px}.hero-btn-arrow{opacity:.7;font-size:14px}@media (width<=700px){.h-btns{display:none}.hero-btns{flex-direction:column;align-items:stretch;padding:0 20px}}