.portfolio-hub{color:#17212d;background:radial-gradient(circle at 50% -12%,#4d6fb014,#0000 34%),#f7f8fa;min-height:100vh;font-family:Pretendard,Noto Sans KR,system-ui,sans-serif}.hub-topbar{border-bottom:1px solid #e2e7ec;justify-content:space-between;align-items:center;gap:24px;max-width:1380px;margin:0 auto;padding:24px 30px 20px;display:flex}.hub-brand{letter-spacing:.025em;font-size:16px;font-weight:900}.hub-status{color:#687582;align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.hub-status i{background:#52a844;border-radius:50%;width:8px;height:8px}.hub-intro{text-align:center;max-width:1380px;margin:0 auto;padding:58px 30px 34px}.hub-intro small{color:#657386;letter-spacing:.1em;margin-bottom:10px;font-size:12px;font-weight:900;display:block}.hub-intro h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4vw,54px);line-height:1.22}.hub-intro p{color:#5f6c7a;word-break:keep-all;max-width:760px;margin:18px auto 0;font-size:17px;line-height:1.75}.hub-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1380px;margin:0 auto;padding:14px 30px 22px;display:grid}.hub-card{--accent:#6f7784;--accent-soft:#eef1f4;min-width:0;min-height:530px;color:inherit;background:#ffffffeb;border:1px solid #dfe5ea;border-radius:18px;flex-direction:column;padding:27px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 14px 34px #1c2a3b0e}.hub-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, #dfe5ea);transform:translateY(-4px);box-shadow:0 18px 38px #1c2a3b17}.hub-card.sds{--accent:#9a6c48;--accent-soft:#f7eee6}.hub-card.yanolja{--accent:#198e88;--accent-soft:#e9f7f5}.hub-card.lab{--accent:#355dca;--accent-soft:#edf2ff}.hub-card-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-self:flex-start;padding:7px 10px;font-size:11px;font-weight:900}.hub-card h2{color:var(--accent);letter-spacing:-.035em;margin:22px 0 7px;font-size:27px;line-height:1.3}.hub-card-subtitle{color:#354252;margin:0;font-size:15px;font-weight:800;line-height:1.55}.hub-card-description{color:#637080;word-break:keep-all;min-height:96px;margin:17px 0 0;font-size:14px;line-height:1.75}.hub-preview{border:1px solid color-mix(in srgb, var(--accent) 16%, #e5e9ed);background:color-mix(in srgb, var(--accent-soft) 58%, #fff);border-radius:13px;align-items:center;min-height:172px;margin-top:20px;padding:16px;display:flex}.hub-preview-flow{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:7px;width:100%;display:grid}.hub-preview-flow span{border:1px solid color-mix(in srgb, var(--accent) 18%, #dfe5e9);color:#4d5b6a;text-align:center;word-break:keep-all;background:#fff;border-radius:9px;place-items:center;min-height:70px;padding:9px 7px;font-size:10px;font-weight:800;line-height:1.45;display:grid}.hub-preview-rpa{grid-template-columns:1fr 42px 1fr;align-items:center;gap:9px;width:100%;display:grid}.hub-preview-column{gap:7px;display:grid}.hub-preview-column small{color:var(--accent);text-align:center;font-size:9px;font-weight:900}.hub-preview-column span{border:1px solid color-mix(in srgb, var(--accent) 16%, #dfe5e9);color:#526170;text-align:center;background:#fff;border-radius:8px;padding:9px 8px;font-size:10px;font-weight:700}.hub-preview-arrow{color:var(--accent);text-align:center;font-size:25px;font-weight:900}.hub-preview-lab{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.hub-preview-lab div{text-align:center;background:#fff;border:1px solid #dce4f4;border-radius:10px;align-content:center;gap:5px;min-height:92px;padding:10px 7px;display:grid}.hub-preview-lab small{color:#71809a;font-size:9px;font-weight:800}.hub-preview-lab strong{color:#315bc0;font-size:13px}.hub-highlights{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.hub-highlights span{color:#5b6875;background:#f5f7f9;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.hub-card-cta{color:var(--accent);justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;font-size:15px;font-weight:900;display:flex}.hub-card-cta b{font-size:24px;line-height:1}.hub-bottom-note{color:#667483;text-align:center;justify-content:center;align-items:center;gap:12px;max-width:920px;margin:20px auto 0;padding:0 30px 48px;font-size:13px;line-height:1.6;display:flex}.hub-bottom-note i{color:#75818e;border:1px solid #ccd5dd;border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:12px;font-style:normal;font-weight:900;display:grid}@media (width<=1050px){.hub-cards{grid-template-columns:1fr}.hub-card,.hub-card-description{min-height:0}}@media (width<=620px){.hub-topbar{padding:18px}.hub-status{display:none}.hub-intro{padding:38px 18px 22px}.hub-intro h1{font-size:31px}.hub-intro p{font-size:15px}.hub-cards{padding:12px 18px 20px}.hub-card{padding:21px}.hub-card h2{font-size:24px}.hub-preview-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-preview-rpa{grid-template-columns:1fr}.hub-preview-arrow{transform:rotate(90deg)}.hub-preview-lab{grid-template-columns:1fr}.hub-bottom-note{text-align:left;align-items:flex-start}}