@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400 500;font-display:swap;src:url('assets/noto-expense-400.ttf') format('truetype');unicode-range:U+ADC0,U+C5C6,U+C794;}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:600 900;font-display:swap;src:url('assets/noto-expense-700.ttf') format('truetype');unicode-range:U+ADC0,U+C5C6,U+C794;}
.expense-architecture{border:1px solid #dbe5f0;border-radius:17px;background:linear-gradient(135deg,#f0f5fc,#fff);padding:30px;box-shadow:0 12px 35px #20436d08}.expense-arch-top{text-align:center;padding:5px 0 26px}.expense-arch-top>span{font-size:11px;letter-spacing:2px;color:#5d7fa8;font-weight:700}.expense-arch-top h3{font-size:25px;color:#243f60;margin:12px 0;letter-spacing:-.8px}.expense-arch-top p{font-size:14px;color:#6e8097}.expense-modules{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.expense-modules article{border:1px solid #dce5ef;border-radius:10px;background:#fff;padding:20px 15px}.expense-modules span{color:#91a5bf;font-size:11px}.expense-modules h4{font-size:18px;margin:12px 0;color:#264a76;letter-spacing:-.5px}.expense-modules p{font-size:13px;line-height:1.9;color:#718299;margin:0}.expense-common{display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap;background:#2a496e;border-radius:9px;color:#fff;padding:20px;margin-top:18px;font-size:12px}.expense-common strong{font-size:14px;margin-right:8px}.expense-common span{opacity:.85}.expense-connections{display:grid;grid-template-columns:1fr 1fr 1.7fr;gap:10px;margin-top:18px}.expense-connections span{font-size:13px;background:#e8eef6;border:1px solid #d6e1ef;color:#466386;text-align:center;padding:14px 10px;border-radius:7px}.expense-arch-note{font-size:12px;line-height:1.8;color:#7b8ca2;margin:18px 0 0}.expense-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.expense-scenarios article{border:1px solid #e1e7ef;border-radius:11px;padding:24px;background:#fff}.expense-scenarios small{font-size:10px;color:#698bb3;letter-spacing:1px}.expense-scenarios h4{font-size:18px;line-height:1.6;color:#2b405c;margin:13px 0 10px}.expense-scenarios p{font-size:14px;line-height:1.9;color:#718198;margin:0}@media(max-width:1000px){.expense-modules{grid-template-columns:repeat(3,1fr)}.expense-scenarios{grid-template-columns:1fr}.expense-architecture{padding:22px}.expense-connections{grid-template-columns:1fr 1fr}.expense-connections span:last-child{grid-column:1/-1}}@media(max-width:600px){.expense-architecture{padding:18px}.expense-modules{grid-template-columns:1fr 1fr}.expense-modules article:last-child{grid-column:1/-1}.expense-arch-top h3{font-size:22px}.expense-modules h4{font-size:17px}.expense-common{padding:17px;gap:10px}.expense-common strong{width:100%}.expense-connections{grid-template-columns:1fr}.expense-connections span:last-child{grid-column:auto}}
