@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Pretendard,"Malgun Gothic",sans-serif;background:#fff;color:#0B2A45;word-break:keep-all;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
.bn-wrap{max-width:1220px;margin:0 auto;padding-left:30px;padding-right:30px}
.bn-h2{font-size:40px;line-height:1.24;letter-spacing:-1.6px;font-weight:800}
.bn-h2-d{color:#fff}
.bn-body{margin-top:20px;font-size:16px;line-height:1.9;color:#456B8C}
.bn-eyebrow{display:block;font-size:11.5px;letter-spacing:3px;font-weight:800;color:#4FA3E8;margin-bottom:16px}
.bn-eyebrow-d{color:#1373C4}
.bn-head{margin-bottom:44px;max-width:660px}
.bn-note{margin-top:18px;font-size:13.5px;line-height:1.8;color:#6D89A4}

.bn-util{background:#0B2A45}
.bn-util-in{display:flex;flex-wrap:wrap;align-items:center;gap:26px;padding-top:11px;padding-bottom:11px}
.bn-util-in>span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;letter-spacing:.6px;color:#B7CFE3}
.bn-util-n{margin-left:auto;display:flex;gap:22px}
.bn-util-n>a{font-size:12.5px;letter-spacing:1px;color:#B7CFE3}
.bn-util-n>a:hover{color:#fff}

.bn-nav{background:#fff;border-bottom:1px solid #E1EAF2;position:sticky;top:0;z-index:20}
.bn-nav-in{display:flex;align-items:center;gap:26px;padding-top:16px;padding-bottom:16px}
.bn-logo{font-size:23px;font-weight:800;letter-spacing:-.8px}
.bn-menu{display:flex;gap:24px;margin-left:30px}
.bn-menu>a{font-size:14.5px;font-weight:700;color:#31567A}
.bn-menu>a:hover{color:#1373C4}
.bn-nav-r{margin-left:auto;display:flex;align-items:center;gap:20px}
.bn-res{background:#1373C4;color:#fff;font-size:13px;font-weight:800;letter-spacing:1px;padding:12px 26px;border-radius:30px}
.bn-call{display:flex;align-items:center;gap:10px}
.bn-call-i{width:36px;height:36px;border-radius:50%;background:#E8F2FB;display:grid;place-items:center}
.bn-call b{display:block;font-size:11.5px;color:#6D89A4;letter-spacing:.6px}
.bn-call span{font-size:16px;font-weight:800;letter-spacing:-.4px}

.bn-hero{display:grid;grid-template-columns:1fr 1fr}
.bn-hero-l{background:#0B2A45;display:flex;align-items:center;justify-content:flex-end;padding:96px 46px}
.bn-hero-t{max-width:520px;width:100%}
.bn-hero-t>h1{font-size:74px;line-height:1.06;letter-spacing:-3.4px;font-weight:800;color:#fff}
.bn-hero-t>p{margin-top:26px;font-size:16px;line-height:1.9;color:#B7CFE3}
.bn-btn{display:inline-block;margin-top:30px;background:#1373C4;color:#fff;font-size:13px;font-weight:800;letter-spacing:1.4px;padding:15px 34px;border-radius:30px}
.bn-hero-r{background-size:cover;background-position:center;background-color:#DCE8F2;min-height:560px}

.bn-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:1220px;margin:-1px auto 0;padding:0 30px}
.bn-strip>div{background:#1373C4;padding:26px 30px;border-left:1px solid rgba(255,255,255,.22)}
.bn-strip>div:first-child{border-left:0}
.bn-strip>div>b{display:block;color:#fff;font-size:20px;letter-spacing:-.5px}
.bn-strip>div>span{display:block;margin-top:6px;font-size:13px;color:#CFE4F6}

.bn-sec{padding-top:96px;padding-bottom:96px}
.bn-2col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.bn-img{height:500px;background-size:cover;background-position:center;background-color:#DCE8F2}
.bn-pts{margin-top:30px}
.bn-pts>div{display:flex;gap:16px;padding:15px 0;border-top:1px solid #E1EAF2}
.bn-pts>div>b{font-size:13px;color:#1373C4;font-weight:800;padding-top:2px}
.bn-pts>div>span{font-size:15.5px;color:#2E5578}

.bn-care{background:#F4F8FC;padding-top:96px;padding-bottom:96px}
.bn-boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.bn-box{background:#fff;padding:32px 26px 36px;border-bottom:4px solid #1373C4}
.bn-bi{width:50px;height:50px;background:#1373C4;display:grid;place-items:center;margin-bottom:20px}
.bn-box>h3{font-size:20px;letter-spacing:-.7px;margin-bottom:10px}
.bn-box>p{font-size:14.5px;line-height:1.8;color:#546F8A}

.bn-device{padding-top:96px;padding-bottom:96px}
.bn-tbl{width:100%;border-collapse:collapse;margin-top:24px;font-size:15px}
.bn-tbl th,.bn-tbl td{border-bottom:1px solid #E1EAF2;padding:15px 10px;text-align:left;line-height:1.7}
.bn-tbl th{width:38%;color:#1373C4;font-weight:800}

.bn-flow{background:#0B2A45;padding-top:90px;padding-bottom:90px}
.bn-head-d{margin-left:auto;margin-right:auto;text-align:center}
.bn-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid #1E4468}
.bn-steps>div{padding:30px 22px 34px;border-left:1px solid #1E4468}
.bn-steps>div:first-child{border-left:0}
.bn-steps>div>b{font-size:12px;letter-spacing:2px;color:#4FA3E8;font-weight:800}
.bn-steps>div>h3{font-size:19px;color:#fff;margin:12px 0 9px;letter-spacing:-.6px}
.bn-steps>div>p{font-size:14px;line-height:1.75;color:#9DBAD3}

.bn-cta{background:#0B2A45;padding:44px 38px;color:#fff}
.bn-cta>b{font-size:12px;letter-spacing:2px;color:#4FA3E8}
.bn-tel{display:block;font-size:44px;font-weight:800;letter-spacing:-2px;margin:12px 0 20px;color:#fff}
.bn-cta>p{font-size:14.5px;line-height:1.8;color:#B7CFE3;margin-bottom:10px}

.bn-foot{background:#071D30;padding-top:60px;padding-bottom:56px}
.bn-foot-g{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:30px;border-bottom:1px solid #143349}
.bn-foot-b{color:#fff;font-size:22px;font-weight:800;margin-bottom:12px}
.bn-foot-g p{color:#8AA8C2;font-size:14px;line-height:1.85}
.bn-foot-g b{display:block;color:#fff;font-size:15px;margin-bottom:14px}
.bn-foot-g a{display:block;color:#8AA8C2;font-size:14px;padding:4px 0}
.bn-notice{margin-top:24px;color:#4FA3E8;font-size:13px;line-height:1.8}
.bn-corp{margin-top:16px;color:#7793AE;font-size:13px;line-height:1.85}
.bn-copy{margin-top:14px;color:#4F6C88;font-size:12.5px}

@media(max-width:980px){
 .bn-wrap{padding-left:18px;padding-right:18px}
 .bn-util-in{gap:12px;font-size:11px}
 .bn-util-n{display:none}
 .bn-menu{display:none}
 .bn-nav-r{margin-left:auto}
 .bn-call{display:none}
 .bn-hero{grid-template-columns:1fr}
 .bn-hero-l{padding:48px 18px;justify-content:flex-start}
 .bn-hero-t>h1{font-size:40px;letter-spacing:-1.8px}
 .bn-hero-r{min-height:280px}
 .bn-strip{grid-template-columns:1fr;padding:0 18px}
 .bn-strip>div{border-left:0;border-top:1px solid rgba(255,255,255,.22);padding:20px}
 .bn-strip>div:first-child{border-top:0}
 .bn-sec,.bn-care,.bn-device,.bn-flow{padding-top:56px;padding-bottom:56px}
 .bn-2col{grid-template-columns:1fr;gap:30px}
 .bn-img{height:260px}
 .bn-h2{font-size:26px;letter-spacing:-1px}
 .bn-boxes,.bn-steps{grid-template-columns:1fr}
 .bn-steps>div{border-left:0;border-bottom:1px solid #1E4468;padding:24px 0 26px}
 .bn-tel{font-size:32px}
 .bn-cta{padding:30px 24px}
 .bn-foot-g{grid-template-columns:1fr;gap:26px}
}