.ba-section{background:#eef2f7}.ba-heading{max-width:780px}.ba-heading h2{font-size:44px}.ba-heading .sec-desc{max-width:610px}.ba-topline{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:42px 0 20px}.ba-project{font-size:14px;font-weight:550;color:#526780}.ba-devices{display:flex;gap:4px;padding:4px;background:#dfe6ef;border-radius:7px}.ba-device{border:0;background:none;color:#52647c;font:500 13px/1.5 Pretendard,sans-serif;padding:9px 18px;cursor:pointer;min-height:38px;border-radius:5px}.ba-device[aria-pressed=true]{background:#fff;color:#193453;box-shadow:0 2px 6px #19345314}.ba-stage{--split:50%;position:relative;max-width:1120px;aspect-ratio:1425/1000;margin:auto;background:#0b1525;border:6px solid #d0dae6;border-top-width:28px;border-radius:14px;box-shadow:0 2px 0 #fff inset,0 22px 50px -25px #183b6970,0 55px 90px -70px #142e57;isolation:isolate;overflow:hidden}.ba-stage.is-mobile{max-width:340px;aspect-ratio:375/844;border-width:7px;border-radius:24px}.ba-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.ba-before{z-index:2;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.ba-label{position:absolute;top:18px;padding:6px 12px;border-radius:4px;z-index:3;font-size:11px;font-weight:600;letter-spacing:.1em;pointer-events:none;backdrop-filter:blur(10px)}.ba-label-before{left:18px;background:#102135cc;color:#fff}.ba-label-after{right:18px;background:#eef5ffeb;color:#1c3658}.ba-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;transform:translateX(-50%);background:#fff;z-index:4;pointer-events:none;box-shadow:0 0 12px #10213560}.ba-handle{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#1c3658;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;font-size:20px;letter-spacing:4px;padding-left:4px;box-shadow:0 4px 18px #06102050}.ba-range{position:absolute;inset:0;z-index:5;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.ba-stage:focus-within{outline:3px solid #4b80c5;outline-offset:6px}.ba-help{text-align:center;margin:22px 0 0;font-size:13px;color:#647893}.ba-points{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:42px}.ba-point{border-top:1px solid #cdd8e7;padding-top:23px}.ba-point span{font-size:11px;letter-spacing:.1em;color:#607da3}.ba-point h3{font-size:21px;font-weight:620;color:#19314f;margin:10px 0 9px}.ba-point p{font-size:16px;line-height:1.85;color:#607188}.ba-note{margin-top:30px;color:#687c96;font-size:13px;line-height:1.8}.ba-stage[hidden]{display:none}
@media(max-width:800px){.ba-heading h2{font-size:38px}.ba-points{gap:25px}.ba-point h3{font-size:20px}.ba-point p{font-size:15px}}
@media(max-width:600px){.ba-heading h2{font-size:32px}.ba-topline{align-items:flex-start;flex-direction:column;gap:16px;margin-top:30px}.ba-stage{border-width:3px;border-top-width:16px;border-radius:8px}.ba-label{top:9px;font-size:8px;padding:4px 7px}.ba-label-before{left:9px}.ba-label-after{right:9px}.ba-handle{width:36px;height:36px;font-size:15px;letter-spacing:3px}.ba-help{font-size:12px;margin-top:16px}.ba-points{grid-template-columns:1fr;gap:23px;margin-top:30px}.ba-point{padding-top:20px}.ba-point h3{font-size:22px}.ba-point p{font-size:16px}.ba-note{font-size:12px}}

.ba-cases{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.ba-case{padding:10px 22px;border:1px solid #b8c8dc;border-radius:5px;color:#536984;background:transparent;min-height:44px;font:500 15px/1.5 Pretendard,sans-serif;cursor:pointer}.ba-case[aria-pressed=true]{background:#183550;color:#fff;border-color:#183550}.ba-topline{margin-top:25px}.ba-note{max-width:850px}.ba-stage{max-width:1040px}.ba-stage.is-mobile{max-width:340px}@media(max-width:600px){.ba-case{font-size:14px;padding:9px 15px}.ba-cases{gap:8px;margin-top:28px}}