:root{--navy:#071b34;--blue:#1268e8;--cyan:#11b9cb;--ink:#0b1d33;--muted:#60748d;--line:#d8e3ef;--surface:#f1f6fb;--white:#fff;--green:#0b9a68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f8fc;color:var(--ink);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:0 max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid #dbe5ef;background:#fff}.brand{display:flex;align-items:center;gap:10px}.brand>b{display:grid;width:46px;height:46px;place-items:center;border-radius:11px;background:linear-gradient(145deg,#0d63df,#0dc0c6);color:#fff;font-size:14px}.brand span{display:grid}.brand strong{font-size:17px}.brand small{color:#66809b;font-size:9px;font-weight:850;letter-spacing:.06em}.topbar nav{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:850}.topbar nav a{padding:29px 0}.topbar nav a.active{color:var(--blue);box-shadow:inset 0 -3px var(--blue)}.topbar nav em{display:inline-grid;min-width:20px;height:20px;margin-left:3px;place-items:center;border-radius:99px;background:#e9f2ff;color:var(--blue);font-style:normal}.hero{display:grid;grid-template-columns:1.3fr .7fr;min-height:500px;padding:85px max(32px,calc((100vw - 1320px)/2));overflow:hidden;background:radial-gradient(circle at 78% 30%,#154f8d 0,#0b2a50 27%,#071b34 62%);color:#fff}.eyebrow,.catalog-main>div>div>span,.recommend>span,.detail-grid article>span,.solutions>span{color:#49d6e4;font-size:11px;font-weight:950;letter-spacing:.16em}.hero h1{margin:14px 0 2px;font-size:64px;letter-spacing:-.05em}.hero h2{margin:0 0 22px;color:#6de5ef;font-size:28px}.hero p{max-width:690px;color:#c3d3e5;font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:10px;margin-top:32px}.hero-actions a{padding:14px 20px;border:1px solid #ffffff40;border-radius:8px;background:#ffffff0e;font-size:13px;font-weight:900}.hero-actions a:first-child{border-color:var(--cyan);background:linear-gradient(135deg,var(--blue),var(--cyan))}.hero-visual{position:relative;display:grid;place-items:center}.hero-visual:before{content:"";width:310px;height:310px;border:1px solid #4fd5e933;border-radius:50%;box-shadow:0 0 0 42px #42cee60c,0 0 0 84px #42cee608}.hero-visual b{position:absolute;text-align:center;font-size:28px;line-height:1.3}.hero-visual i{position:absolute;width:12px;height:12px;border-radius:50%;background:#4ee7ec;box-shadow:0 0 18px #45f4f8}.hero-visual i:nth-child(1){transform:translate(-150px,-75px)}.hero-visual i:nth-child(2){transform:translate(148px,30px)}.hero-visual i:nth-child(3){transform:translate(-80px,160px)}.trust{display:flex;justify-content:center;gap:54px;padding:18px;background:#fff;border-bottom:1px solid var(--line);color:#38556f;font-size:12px;font-weight:850}.catalog{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;width:min(1320px,calc(100% - 40px));margin:66px auto}.catalog aside{align-self:start;padding:22px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 10px 30px #173a6410}.catalog aside h3{margin:0 0 18px;font-size:18px}.catalog aside label{display:grid;gap:7px;margin:0 0 15px;color:#536c85;font-size:11px;font-weight:850}.catalog aside select{width:100%;height:43px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.catalog aside label.check{display:flex;align-items:center}.catalog aside .check input{width:18px;height:18px}.catalog aside>button{width:100%;height:42px;border:0;border-radius:8px;background:#eaf2fb;color:#45627f;font-weight:850;cursor:pointer}.search-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.search-row h2{margin:5px 0 0;font-size:30px}.search-row label{display:flex;width:min(510px,50%)}.search-row input{width:100%;height:48px;padding:0 15px;border:1px solid var(--line);border-radius:9px 0 0 9px;background:#fff}.search-row button{width:72px;border:0;border-radius:0 9px 9px 0;background:var(--blue);color:#fff;font-weight:900}.result-meta{display:flex;justify-content:space-between;margin:25px 0 14px}.result-meta strong{font-size:12px}.result-meta select{border:0;background:transparent;color:var(--muted);font-size:11px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 7px 25px #173a640b;transition:.2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #173a641b}.product-image{position:relative;display:block;height:210px;padding:22px;background:linear-gradient(145deg,#eff6fc,#dceaf6)}.product-image>span{position:absolute;right:13px;top:13px;padding:5px 8px;border-radius:99px;background:#071b34;color:#fff;font-size:8px;font-weight:950}.device-art{position:relative;display:grid;width:150px;height:150px;margin:auto;place-items:center;border:8px solid #16334f;border-radius:10px;background:linear-gradient(145deg,#1a75cb,#20d5cf);box-shadow:0 14px 28px #173a6433;color:#fff;text-align:center}.device-art:after{content:"";position:absolute;bottom:-20px;width:75px;height:12px;border-radius:0 0 8px 8px;background:#16334f}.device-art i{position:absolute;inset:8px;border:1px solid #ffffff33}.device-art b{z-index:1;font-size:16px}.device-art small{position:absolute;bottom:24px;font-size:7px}.device-art.blue{background:linear-gradient(145deg,#2c70e8,#79b5ff)}.device-art.navy{background:linear-gradient(145deg,#071b34,#275482)}.device-art.orange{background:linear-gradient(145deg,#f36d21,#ffb14a)}.device-art.purple{background:linear-gradient(145deg,#5835d7,#9c66ff)}.device-art.green{background:linear-gradient(145deg,#08795c,#2bd69a)}.product-body{padding:18px}.product-body>small{color:var(--blue);font-size:9px;font-weight:900}.product-body h3{min-height:44px;margin:7px 0 2px;font-size:16px;line-height:1.35}.product-body code{color:#7890a7;font-size:9px}.product-body ul{min-height:62px;margin:14px 0;padding:0;list-style:none;color:#536a82;font-size:10px;line-height:1.75}.product-body li:before{content:"·";margin-right:6px;color:var(--cyan)}.badges{display:flex;flex-wrap:wrap;gap:4px}.badges i{padding:4px 6px;border-radius:5px;background:#eaf3ff;color:#1264c5;font-size:7px;font-style:normal;font-weight:950}.availability{display:flex;gap:12px;margin:12px 0;color:var(--green);font-size:9px;font-weight:850}.availability span+span{color:#6c8093}.product-foot{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid #edf1f5}.product-foot>strong{font-size:16px}.product-foot>div{display:flex;gap:4px}.product-foot a,.product-foot button{padding:7px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#36536e;font-size:8px;font-weight:900;cursor:pointer}.product-foot button{border-color:var(--blue);background:var(--blue);color:#fff}.empty{text-align:center;padding:80px;background:#fff;border:1px dashed var(--line);border-radius:12px}.recommend{padding:75px 30px;background:linear-gradient(135deg,#09213e,#0e4f8d);color:#fff;text-align:center}.recommend h2{margin:10px 0;font-size:34px}.recommend p{color:#b9cce0}.recommend a{display:inline-block;margin-top:15px;padding:13px 18px;border-radius:8px;background:#fff;color:#12385e;font-size:12px;font-weight:900}.detail-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;width:min(1180px,calc(100% - 40px));margin:65px auto}.detail-image{display:grid;min-height:430px;place-items:center;border-radius:20px;background:linear-gradient(145deg,#eaf3fb,#d3e5f5)}.detail-image .device-art{transform:scale(1.55)}.detail-hero>div+div>a{font-size:11px;color:var(--blue);font-weight:900}.detail-hero>div+div>small{display:block;margin-top:35px;color:var(--blue);font-weight:900}.detail-hero h1{margin:8px 0;font-size:38px}.detail-hero code{color:#607890}.detail-hero .badges{margin:18px 0}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.detail-meta span{display:grid;gap:5px;padding:15px;border-radius:9px;background:#fff;color:#6b7f93;font-size:9px}.detail-meta b{color:var(--ink);font-size:14px}.detail-actions{display:flex;gap:8px}.detail-actions button,.detail-actions a{padding:14px 18px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:11px;font-weight:900}.detail-actions button{border-color:var(--blue);background:var(--blue);color:#fff}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:min(1180px,calc(100% - 40px));margin:30px auto}.detail-grid article{padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}.detail-grid h2{margin:6px 0 18px}.detail-grid dl div,.compat li{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #edf1f5;font-size:11px}.detail-grid dt{color:#6a7f95}.detail-grid dd{font-weight:850}.compat ul{padding:0;list-style:none}.compat b{color:var(--green)}.solutions{width:min(1180px,calc(100% - 40px));margin:60px auto}.solutions>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.solutions a{display:grid;gap:5px;padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff}.solutions small{color:var(--muted);font-size:9px}footer{display:flex;justify-content:center;gap:40px;padding:35px;background:#061426;color:#a9bdd3;font-size:11px}footer strong{color:#fff}footer a{color:#52dce5}@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-visual{display:none}.topbar nav{gap:12px}.detail-hero{grid-template-columns:1fr}.solutions>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topbar{padding:12px 16px}.topbar nav a:not(.active):not(:last-child){display:none}.hero{padding:55px 22px}.hero h1{font-size:43px}.hero h2{font-size:21px}.hero-actions{flex-wrap:wrap}.trust{flex-wrap:wrap;gap:12px 25px}.catalog{grid-template-columns:1fr}.catalog aside{position:static}.search-row{align-items:stretch;flex-direction:column}.search-row label{width:100%}.product-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.detail-meta{grid-template-columns:1fr}.solutions>div{grid-template-columns:1fr}footer{align-items:center;flex-direction:column;gap:8px}}
.tool-page{width:min(1180px,calc(100% - 40px));min-height:640px;margin:56px auto}.tool-head{margin-bottom:24px}.tool-head span{color:#1268e8;font-size:10px;font-weight:950;letter-spacing:.16em}.tool-head h1{margin:8px 0;font-size:36px}.tool-head p{margin:0;color:#60748d;font-size:13px}.finder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:26px;border:1px solid #d8e3ef;border-radius:14px;background:#fff}.finder label{display:grid;gap:8px;color:#45627f;font-size:11px;font-weight:900}.finder select,.finder input{width:100%;height:46px;padding:0 12px;border:1px solid #d8e3ef;border-radius:8px;background:#fff}.finder button{grid-column:1/-1;height:48px;border:0;border-radius:8px;background:linear-gradient(135deg,#1268e8,#11b9cb);color:#fff;font-weight:950;cursor:pointer}.recommend-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.recommend-results article{position:relative;padding:22px;border:1px solid #d8e3ef;border-radius:13px;background:#fff}.recommend-results .score{position:absolute;right:18px;top:18px;padding:6px 9px;border-radius:99px;background:#e7f7f3;color:#0b9a68;font-size:9px;font-weight:950}.recommend-results h3{margin:22px 0 6px;font-size:18px}.recommend-results p{min-height:48px;color:#60748d;font-size:11px;line-height:1.55}.recommend-results strong{display:block;margin:18px 0;font-size:19px}.recommend-results div{display:flex;gap:7px}.recommend-results a,.recommend-results button{flex:1;padding:10px;border:1px solid #d8e3ef;border-radius:7px;background:#fff;color:#38556f;font-size:9px;font-weight:950;cursor:pointer}.recommend-results button{border-color:#1268e8;background:#1268e8;color:#fff}.tool-empty{grid-column:1/-1;padding:55px;border:1px dashed #d8e3ef;border-radius:12px;background:#fff;color:#60748d;text-align:center}.quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.quote-item{display:grid;grid-template-columns:minmax(0,1fr) 90px 120px auto;align-items:center;gap:14px;margin-bottom:10px;padding:20px;border:1px solid #d8e3ef;border-radius:12px;background:#fff}.quote-item h3{margin:0 0 5px;font-size:15px}.quote-item small{color:#60748d}.quote-item input{width:100%;height:40px;padding:0 8px;border:1px solid #d8e3ef;border-radius:7px}.quote-item strong{text-align:right}.quote-item button{border:0;background:transparent;color:#d34b4b;font-size:11px;font-weight:850;cursor:pointer}.quote-summary{align-self:start;padding:24px;border:1px solid #d8e3ef;border-radius:13px;background:#fff}.quote-summary h2{margin:0 0 18px}.quote-summary dl{margin:0}.quote-summary dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf1f5;font-size:11px}.quote-summary dl div:last-child{margin-top:8px;border:0;font-size:16px}.quote-summary label{display:flex;align-items:center;gap:7px;margin:16px 0;color:#526b83;font-size:11px}.quote-summary>a{display:block;padding:13px;border-radius:8px;background:#1268e8;color:#fff;text-align:center;font-size:11px;font-weight:950}@media(max-width:1000px){.recommend-results{grid-template-columns:1fr}.quote-layout{grid-template-columns:1fr}}@media(max-width:720px){.finder{grid-template-columns:1fr}.finder button{grid-column:auto}.tool-head h1{font-size:28px}.quote-item{grid-template-columns:1fr 70px}.quote-item strong{text-align:left}}