:root{color-scheme:light;--navy:#0f2d5b;--blue:#2563eb;--muted:#516480;--line:#e3ebf5;font-family:Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;color:var(--navy);background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;line-height:1.65;word-break:keep-all}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #0e9385;outline-offset:5px;border-radius:6px}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:20px;top:-80px;padding:10px 18px;background:var(--navy);color:white;z-index:10}.skip:focus{top:10px}.header{display:flex;justify-content:space-between;align-items:center;min-height:100px;gap:24px}.brand{display:flex}.brand img{width:155px}.header nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:700}.nav-status{padding:9px 17px;background:#edf5ff;border-radius:50px;color:#2156b4}.nav-status span{margin-left:8px}.hero{display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;min-height:530px;border:1px solid #e3efff;border-radius:28px;background:linear-gradient(120deg,#f7fbff 10%,#eef7ff 62%,#e6f4ff);padding:52px 42px 34px}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 14px;color:#346093;font-size:13px;font-weight:800;letter-spacing:.07em}.hero h1{margin:0;font-size:clamp(38px,4vw,53px);line-height:1.28;letter-spacing:-.055em;font-weight:900}.hero h1 em{font-style:normal;color:var(--blue)}.lead{margin:24px 0;color:var(--muted);font-size:17px;line-height:1.85;letter-spacing:-.025em}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:13px 23px;border-radius:50px;background:var(--blue);color:white;font-size:15px;font-weight:750;box-shadow:0 8px 20px #2563eb1a}.button:hover{background:#1d4ed8}.hero-note{display:flex;align-items:center;gap:7px;margin:17px 0 0;color:#526781;font-size:12px}.status-dot{display:inline-block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#059e91}.hero-art{position:relative;align-self:center;aspect-ratio:1.18;min-width:0}.art-circle{position:absolute;bottom:-55px;right:-95px;width:119%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e0f2ff,#a9d5ff)}.products{position:absolute;left:-8%;bottom:0;width:117%;max-width:none;filter:drop-shadow(0 14px 12px #38669418)}.pill{position:absolute;display:flex;align-items:center;gap:10px;min-height:57px;background:#fff;border:1px solid #f0f5ff;box-shadow:0 8px 25px #27578c10;border-radius:50px;padding:10px 17px;z-index:1;line-height:1.35}.pill svg{width:27px;height:27px;fill:none;stroke:#2581ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pill b{display:block;font-size:14px}.pill small{display:block;font-size:10px;color:#526480;margin-top:2px}.pill-auto{left:-2%;top:30%}.pill-telecom{top:2%;left:39%}.pill-rental{right:-3%;bottom:6%}.section{padding-top:82px;scroll-margin-top:30px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}h2{font-size:30px;line-height:1.45;letter-spacing:-.05em;margin:0;font-weight:850}.section-heading p:last-child{margin:0;color:var(--muted);font-size:14px}.section-heading .eyebrow{margin-bottom:8px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{position:relative;border:1px solid var(--line);border-radius:22px;padding:25px 25px 28px;background:linear-gradient(#f8fbff,#fff 75%)}.category-number{position:absolute;top:21px;left:24px;color:#6684ac;font-size:12px;letter-spacing:.1em;font-weight:700}.card>img{display:block;width:240px;height:150px;object-fit:contain;margin:3px auto 18px}.card h3,.steps h3{font-size:20px;letter-spacing:-.04em;margin:0 0 10px}.card p{font-size:14px;margin:0 0 22px;color:var(--muted)}.card-detail{border-top:1px solid var(--line);display:block;padding-top:16px;font-size:12px;color:#5d7493}.process{text-align:center}.process .eyebrow{margin-bottom:9px}.section-description{color:var(--muted);font-size:14px;margin:15px 0 0}.steps{padding:0;margin:36px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr)}.steps li{position:relative;padding:10px 20px}.steps li+li{border-left:1px solid var(--line)}.step-number{display:flex;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 18px;border-radius:14px;background:#edf5ff;color:var(--blue);font-weight:800;font-size:18px}.steps h3{font-size:18px}.steps p{margin:0;font-size:13px;color:var(--muted)}.opening{margin-top:82px;scroll-margin-top:30px;padding:42px 48px;background:#f1f7fc;border:1px solid #e7eff7;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:50px}.opening-label{display:flex;align-items:center;gap:8px;color:#386687;font-size:11px;letter-spacing:.12em;font-weight:750;margin-bottom:16px}.opening h2{font-size:27px}.opening p{font-size:14px;color:var(--muted);margin:20px 0 0;line-height:1.9}.opening>img{width:170px;flex-shrink:0;margin-right:28px}.footer{margin-top:65px;padding-block:34px 40px;border-top:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.footer img{display:block;width:124px}.footer p{font-size:11px;color:#5e7190;margin:12px 0 0}.footer-meta{text-align:right}.footer-meta p{margin:5px 0 0}
@media(max-width:900px){.hero{padding:40px 28px}.hero h1{font-size:40px}.lead{font-size:15px}.hero-art{aspect-ratio:1}.pill{padding:8px 12px;gap:6px;min-height:50px}.pill b{font-size:12px}.pill small{font-size:9px}.pill svg{width:23px;height:23px}.pill-telecom{left:26%;top:4%}.pill-auto{left:-3%;top:30%}.pill-rental{right:-4%;bottom:9%}.card{padding-inline:20px}.card h3{font-size:18px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.opening>img{width:140px;margin-right:0}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header{min-height:82px;gap:16px}.brand img{width:124px}.header nav{gap:16px;font-size:12px}.header nav>a:nth-child(2){display:none}.nav-status{padding:8px 12px}.nav-status span{display:none}.hero{grid-template-columns:1fr;padding:32px 25px 16px;border-radius:22px}.eyebrow{font-size:11px}.hero h1{font-size:clamp(36px,8.4vw,48px)}.lead{font-size:15px;margin:20px 0}.desktop-break{display:none}.button{font-size:14px;padding:12px 20px}.hero-art{aspect-ratio:1.45;width:100%;margin-top:24px;max-width:500px;justify-self:center}.art-circle{width:100%;right:-50px;bottom:-70px}.products{left:-5%;width:111%;bottom:-10px}.pill-auto{top:28%;left:0}.pill-telecom{top:0;left:43%}.pill-rental{right:-1%;bottom:3%}.section{padding-top:54px}h2{font-size:26px}.cards{grid-template-columns:1fr;gap:14px}.card{padding:25px 24px;min-height:195px;overflow:hidden}.card>img{position:absolute;width:150px;height:120px;right:4px;top:48px;opacity:.95;margin:0}.category-number{position:static;display:block;margin-bottom:12px}.card h3,.card p,.card-detail{position:relative;z-index:1}.card h3{font-size:20px}.card p{max-width:62%;font-size:13px;margin-bottom:20px}.card-detail{max-width:100%;font-size:11px}.steps{grid-template-columns:1fr;gap:22px;margin-top:28px;text-align:left}.steps li{padding:0 0 0 62px;min-height:57px}.steps li+li{border-left:0}.step-number{position:absolute;left:0;top:4px;margin:0}.steps h3{margin-bottom:5px}.opening{margin-top:54px;padding:30px 24px;gap:20px}.opening h2{font-size:23px}.opening>img{display:none}.opening p{font-size:13px}.footer{margin-top:43px;align-items:flex-start;flex-direction:column;gap:16px}.footer-meta{text-align:left}.section-description{font-size:13px}}
@media(max-width:360px){.header nav{gap:10px}.brand img{width:108px}.hero{padding-inline:20px}.pill{padding:7px 10px}.pill-rental{right:-4%}.card>img{width:126px;right:0}.card p{max-width:67%}}
