.dlx-wrap{--blue:#4f6fd4;--blue-deep:#2f4a7a;--ink:#131415;--body:#4b5666;--muted:#7b8294;--line:#edeff4;--line2:#e2e6ee;--bg:#f6f7fb;
	margin-top:106px;font-family:'Pretendard',-apple-system,sans-serif;letter-spacing:-.025em;color:var(--ink)}
.dlx-wrap *{box-sizing:border-box}
.dlx-in{max-width:1100px;margin:0 auto;padding:0 32px}
.dlx-hero{padding:50px 0 64px;background:linear-gradient(120deg,#2a3e63 0%,#1f2f4d 100%)}
.dlx-hero h1{font-size:38px;font-weight:700;line-height:1.25;color:#fff;margin:0}
.dlx-hero p{font-size:17px;color:#c5cfde;max-width:760px;margin:16px 0 0;line-height:1.5}
.dlx-sec{padding:62px 0 0}
.dlx-sh{font-size:24px;font-weight:700;margin:0;display:flex;align-items:center;gap:11px}
.dlx-sh::before{content:"";width:5px;height:24px;background:var(--blue);border-radius:2px}
.dlx-sub{font-size:15px;color:var(--muted);margin:8px 0 0}
.dlx-cols{display:flex;gap:22px;margin-top:24px;align-items:flex-start}
.dlx-col{flex:1;border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:#fff;float:none}
.dlx-head{padding:16px 24px;color:#fff;display:flex;align-items:baseline;gap:10px}
.dlx-head b{font-size:17px;font-weight:700} .dlx-head small{font-size:14px;font-weight:500;opacity:.9}
.dlx-col.dlx-agent .dlx-head{background:linear-gradient(135deg,#3a73ff,#4660c6)}
.dlx-col.dlx-cust .dlx-head{background:linear-gradient(135deg,#3a527f,#2c3f63)}
.dlx-col.dlx-doc .dlx-head{background:linear-gradient(135deg,#6b7488,#565f72)}
.dlx-body{padding:22px 24px;display:block}
.dlx-g{display:block} .dlx-g+.dlx-g{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.dlx-g h3{font-size:16px;font-weight:700;margin:0;color:var(--ink)} .dlx-g p{font-size:13px;color:var(--muted);margin:6px 0 13px}
.dlx-badges{display:flex;gap:9px;flex-wrap:wrap}
.dlx-badge{display:inline-flex;align-items:center;gap:10px;width:185px;height:50px;padding:0 17px;border-radius:9px;
	background:#fff;border:1px solid var(--line2);color:var(--ink);text-decoration:none;cursor:pointer;font-family:inherit;transition:all .15s}
.dlx-badge:hover{background:#f6f8fb;border-color:#dce2ec} .dlx-badge svg{width:23px;height:23px;flex:none}
.dlx-bt{display:flex;flex-direction:column;line-height:1.18;text-align:left}
.dlx-bt small{font-size:11.5px;color:var(--muted);font-weight:500} .dlx-bt b{font-size:14px;font-weight:700;color:#2f4a7a}
.dlx-legacy{margin-top:16px;font-size:12.5px;color:var(--muted)}
.dlx-legacy a{color:var(--blue-deep);text-decoration:none;cursor:pointer} .dlx-legacy a:hover{text-decoration:underline}
.dlx-mrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.dlx-mrow:last-child{border-bottom:none} .dlx-mrow .dlx-t{font-size:16px;font-weight:500}
.dlx-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:8px;background:#fff;border:1px solid var(--line2);
	color:var(--blue-deep);font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;font-family:inherit;transition:all .15s}
.dlx-btn:hover{color:#00284c;background:#edf2fb;border-color:#dce2ec} .dlx-btn .dlx-ico{width:15px;height:15px;color:#3a73ff}
.dlx-full{margin-top:22px}
.dlx-full .dlx-body{display:flex;gap:0 40px;flex-wrap:wrap} .dlx-full .dlx-mrow{flex:1 1 44%}
.dlx-strip{margin-top:74px;background:#e3ecfb}
.dlx-stripin{display:flex;align-items:center;gap:44px} .dlx-strip .dlx-txt{flex:1;padding:58px 0}
.dlx-strip h2{font-size:26px;font-weight:700;line-height:1.3;margin:0} .dlx-strip p{font-size:16px;line-height:1.55;color:var(--body);margin:12px 0 0}
.dlx-img{position:relative;width:40%;min-height:220px;margin:30px 0;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.dlx-img img{width:100%;height:100%;object-fit:cover}
.dlx-img.dlx-noimg::after{content:"［ 원격지원 시작 일러스트 / 스크린샷 ］";color:var(--muted);font-size:14px;text-align:center;line-height:1.6;padding:0 20px}
.dlx-cta{margin:72px 0;background:var(--bg);border-radius:14px;padding:48px;text-align:center}
.dlx-cta h2{font-size:22px;font-weight:700;margin:0} .dlx-cta p{font-size:15px;color:var(--muted);margin:10px 0 22px}
.dlx-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.dlx-btns a{height:48px;padding:0 26px;border-radius:8px;display:inline-flex;align-items:center;font-size:15px;font-weight:600;text-decoration:none}
.dlx-pri{background:linear-gradient(135deg,#5774df,#4660c6);color:#fff} .dlx-sec2{background:#fff;color:var(--blue-deep);border:1px solid var(--line2)}
@media(max-width:840px){.dlx-wrap{margin-top:62px}.dlx-in{padding:0 20px}.dlx-hero h1{font-size:27px}.dlx-cols{flex-direction:column}
	.dlx-full .dlx-mrow{flex:1 1 100%}.dlx-stripin{flex-direction:column}.dlx-img{width:100%}.dlx-badge{flex:1 1 45%;width:auto}}