/* V12 — reproduce the supplied office reference with live text, links and forms. */
@font-face{font-family:"Pretendard Variable";font-style:normal;font-weight:45 920;font-display:swap;src:url("/assets/fonts/PretendardVariable.woff2") format("woff2")}
@font-face{font-family:"Nanum Pen Script";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/NanumPenScript-Regular.woff2") format("woff2")}
body[data-page="home"]{--clone-px:calc(100vw / 1570);font-family:"Pretendard Variable","Noto Sans KR",sans-serif;color:#0d2a3e}
.clone-header-hours,.clone-header-arrow{display:none}
.header{font-family:"Pretendard Variable","Noto Sans KR",sans-serif;height:83px;background:#fff;border-bottom:0;box-shadow:none}
.header-inner{height:83px;width:90%;max-width:none;margin:0 auto;gap:28px;padding:0}
.header .logo{flex:none;gap:0;width:207px;color:#0c2b3f;letter-spacing:0}
.header .logo>.wiz-brand-mark,.header .logo>svg{display:none}
.header .logo>span{width:100%;display:block}
.clone-wordmark{display:flex;align-items:baseline;gap:8px;line-height:.92;font-family:Arial,sans-serif;font-style:normal;white-space:nowrap}
.clone-wordmark .clone-wiz{font-size:52px;font-weight:900;letter-spacing:-3px}
.clone-wordmark .clone-wiz i{font-style:normal;color:#1047cc}
.clone-wordmark>strong{font-size:22px;font-weight:850;letter-spacing:-.8px}
.clone-tagline{display:block;text-align:right;font-size:10px;line-height:1.3;letter-spacing:-.3px;font-style:normal;font-weight:650;margin-top:4px;color:#5a6670}
.header nav{display:flex;gap:44px;align-items:center;margin-left:auto}
.header nav a{font-family:inherit;font-size:15px;font-weight:650;letter-spacing:-.04em;white-space:nowrap;color:#203543}
.header nav a:hover{color:#0945d4}
.header-phone{display:flex;align-items:center;gap:13px;flex:none;margin-left:auto}
.header-phone>svg{display:block;width:27px;height:27px;color:#0647d8}
.header-phone>span{gap:0}
.header-phone small{display:block;font-size:12px;font-weight:650;line-height:1.3;color:#263c4d}
.header-phone strong{font-family:inherit;font-size:23px;font-weight:850;letter-spacing:-.02em;color:#0647d8;line-height:1.12}
.clone-header-hours{display:block;font-style:normal;color:#647180;font-size:11px;font-weight:550;line-height:1.3}
.header-quote{display:flex;justify-content:center;align-items:center;gap:23px;flex:none;width:146px;height:54px;padding:0;border:0;border-radius:10px;background:#1043cf;font-size:16px;font-weight:650;letter-spacing:-.04em;color:#fff;box-shadow:none}
.clone-header-arrow{display:inline;font-size:24px;line-height:1}
.header .menu-btn{display:none}
.clone-hero{position:relative;isolation:isolate;overflow:hidden;height:calc(var(--clone-px) * 647);background:#edf0f0}
.clone-hero-background{position:absolute;inset:0;z-index:-2;background:url('/assets/hero-clean-v12.png') center center/cover no-repeat}
.clone-hero-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.62) 40%,rgba(255,255,255,0) 48%)}
.clone-hero-original{position:absolute;inset:0;z-index:-1;overflow:hidden;mask-image:linear-gradient(90deg,transparent 44.5%,#000 48%);pointer-events:none}
.clone-hero-original>img{position:absolute;left:0;top:calc(var(--clone-px) * -83);display:block;width:100%;height:auto;max-width:none}
.clone-hero-inner{position:relative;margin-left:calc(var(--clone-px) * 97);padding-top:calc(var(--clone-px) * 57);width:calc(var(--clone-px) * 620)}
.clone-eyebrow{--clone-eyebrow-px:var(--clone-px);position:relative;height:calc(var(--clone-px) * 34.56);margin:0 0 calc(var(--clone-px) * 19);font-family:"Nanum Pen Script",cursive;font-weight:400;font-size:calc(var(--clone-px) * 32);letter-spacing:-.01em;color:#0752d5;line-height:1.08;white-space:nowrap}
.clone-heading-group h1{font-family:"Pretendard Variable","Noto Sans KR",sans-serif;font-size:calc(var(--clone-px) * 65);font-weight:900;letter-spacing:-.02em;line-height:1.23;color:#08283e;margin:0;white-space:nowrap}
.clone-heading-group h1 strong{color:#1047d5;font-weight:900}
.clone-description{font-size:calc(var(--clone-px) * 20);line-height:1.32;letter-spacing:-.025em;font-weight:650;color:#203b50;margin:calc(var(--clone-px) * 14) 0 0;white-space:nowrap}
.clone-benefits{display:grid;grid-template-columns:repeat(4,calc(var(--clone-px) * 128));gap:calc(var(--clone-px) * 14);list-style:none;margin:calc(var(--clone-px) * 26) 0 0;padding:0}
.clone-benefits li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--clone-px) * 11);height:calc(var(--clone-px) * 120);background:rgba(255,255,255,.94);border-radius:calc(var(--clone-px) * 13)}
.clone-benefits svg{display:block;width:calc(var(--clone-px) * 38);height:calc(var(--clone-px) * 38);color:#064fd7;flex:none}
.clone-benefits span{display:block;text-align:center;font-size:calc(var(--clone-px) * 16);font-weight:550;line-height:1.25;color:#19334a;letter-spacing:-.055em}
.clone-benefits b{font-weight:750;color:#0641bf}
.clone-actions{display:flex;gap:calc(var(--clone-px) * 22);margin-top:calc(var(--clone-px) * 25)}
.clone-button{display:flex;align-items:center;justify-content:center;gap:calc(var(--clone-px) * 32);height:calc(var(--clone-px) * 66);width:calc(var(--clone-px) * 255);border:1px solid #174ddd;border-radius:calc(var(--clone-px) * 10);font-size:calc(var(--clone-px) * 21);font-weight:750;letter-spacing:-.045em;text-decoration:none;transition:background .18s,color .18s;box-shadow:none}
.clone-button>span{font-size:calc(var(--clone-px) * 28);font-weight:500;line-height:1}
.clone-button-primary{color:#fff;background:#1046d5}.clone-button-primary:hover{background:#073cbf;color:#fff}
.clone-button-secondary{width:calc(var(--clone-px) * 237);background:rgba(255,255,255,.9);color:#0750d4}.clone-button-secondary:hover{background:#fff;color:#073bb8}
.clone-button:focus-visible,.clone-banner:focus-visible,.clone-service-strip a:focus-visible{outline:3px solid #002e94;outline-offset:4px}
.clone-service-strip{height:calc(var(--clone-px) * 78);background:#f4f7fc;border-bottom:1px solid #e2e8ef}
.clone-service-inner{height:100%;max-width:calc(var(--clone-px) * 1200);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--clone-px) * 55)}
.clone-service-inner>div,.clone-service-inner>a{display:flex;align-items:center;justify-content:center;gap:calc(var(--clone-px) * 24);color:#293e50;text-decoration:none}
.clone-service-inner svg{width:calc(var(--clone-px) * 38);height:calc(var(--clone-px) * 38);color:#0c5adb;flex:none}
.clone-service-inner p{font-size:calc(var(--clone-px) * 15);font-weight:600;line-height:1.3;letter-spacing:-.035em;margin:0}
.clone-service-inner strong{font-size:calc(var(--clone-px) * 17);font-weight:800;color:#084acd}.clone-service-inner p>span{font-weight:450}
.clone-banners{padding:calc(var(--clone-px) * 22) 0 calc(var(--clone-px) * 22);background:#fff}
.clone-banner-grid{width:calc(var(--clone-px) * 1390);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--clone-px) * 22)}
.clone-banner{position:relative;isolation:isolate;overflow:hidden;height:calc(var(--clone-px) * 164);padding:calc(var(--clone-px) * 16) calc(var(--clone-px) * 24);border:1px solid #e0e6ed;border-radius:calc(var(--clone-px) * 5);background:#fbfcfc;color:#1a2c3b;text-decoration:none;transition:border-color .15s}
.clone-banner:hover{border-color:#2e69d3}
.clone-banner-art{position:absolute;z-index:-1;left:43%;right:0;top:0;bottom:0;background-image:url('/assets/reference-v12.png');background-size:calc(var(--clone-px) * 1570) calc(var(--clone-px) * 1002);background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent,#000 18%)}
.clone-banner-product{background-position:calc(var(--clone-px) * -284) calc(var(--clone-px) * -831)}
.clone-banner-pricing{background-position:calc(var(--clone-px) * -749) calc(var(--clone-px) * -831)}
.clone-banner-cases{background-position:calc(var(--clone-px) * -1214) calc(var(--clone-px) * -831)}
.clone-banner h2{position:relative;margin:0;font-size:calc(var(--clone-px) * 21);font-weight:800;line-height:1.28;letter-spacing:-.055em}
.clone-banner p{margin:calc(var(--clone-px) * 4) 0 0;font-size:calc(var(--clone-px) * 16);font-weight:450;color:#687d8e;line-height:1.22;letter-spacing:-.045em}
.clone-banner-link{display:flex;align-items:center;gap:calc(var(--clone-px) * 13);color:#0754d8;font-size:calc(var(--clone-px) * 15);font-weight:650;margin-top:calc(var(--clone-px) * 12);letter-spacing:-.035em}.clone-banner-link b{font-weight:450}
@media(min-width:1800px){.header-inner{max-width:1640px}.header nav{gap:48px}}
@media(min-width:761px) and (max-width:1400px){.header-inner{width:92%;gap:22px}.header nav{gap:27px}.header nav a{font-size:14px}.header .logo{width:190px}.clone-wordmark .clone-wiz{font-size:47px}.clone-wordmark>strong{font-size:20px}.header-phone strong{font-size:21px}.header-phone{gap:9px}.header-quote{width:126px;gap:17px;font-size:15px}}
@media(min-width:761px) and (max-width:1180px){.header nav{display:none}.header .menu-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:44px;padding:0}.header-phone{margin-left:auto}.clone-description{font-size:calc(var(--clone-px) * 21)}.clone-benefits span{font-size:calc(var(--clone-px) * 17)}}
@media(max-width:760px){
 body[data-page="home"]{--clone-px:1px}
 .header,.header-inner{height:72px}
 .header-inner{width:auto;margin:0 18px;gap:10px}
 .header .logo{width:150px}.clone-wordmark{gap:5px}.clone-wordmark .clone-wiz{font-size:37px;letter-spacing:-2px}.clone-wordmark>strong{font-size:16px;letter-spacing:-.6px}.clone-tagline{font-size:7.2px;margin-top:4px;letter-spacing:-.25px}
 .header nav,.header-quote{display:none}
 .header-phone{margin-left:auto;gap:0}.header-phone>svg{display:none}.header-phone strong{font-size:19px;letter-spacing:-.035em}.header-phone small{font-size:10px}.clone-header-hours{display:none}
 .header .menu-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;width:28px;height:44px;padding:0;font-size:24px}
 .clone-hero{height:auto;display:flex;flex-direction:column;background:#f1f3f3}
 .clone-hero-background{display:none}.clone-hero-inner{display:contents}
 .clone-heading-group{order:0;padding:27px 22px 16px;background:linear-gradient(130deg,#f8f9f9,#f0f2f2)}
 .clone-eyebrow{--clone-eyebrow-px:min(calc((100vw - 44px) / 360),1px);height:26.4px;font-size:24px;line-height:1.1;margin-bottom:21px;letter-spacing:-.015em}
 .clone-heading-group h1{font-size:35px;line-height:1.2;letter-spacing:-.02em}
 .clone-description{font-size:13px;line-height:1.45;letter-spacing:-.04em;white-space:normal;margin-top:13px}
 .clone-hero-original{position:relative;inset:auto;order:1;width:100%;height:calc(100vw * 647 / 850);mask-image:linear-gradient(180deg,transparent,#000 16px);z-index:0}
 .clone-hero-original>img{width:calc(100% * 1570 / 850);top:calc(100vw * -83 / 850);left:calc(100% * -720 / 850)}
 .clone-benefits{order:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 18px 0}
 .clone-benefits li{height:90px;gap:8px;border-radius:9px}.clone-benefits svg{width:29px;height:29px}.clone-benefits span{font-size:11px;line-height:1.25;letter-spacing:-.065em}
 .clone-actions{order:3;margin:16px 18px 25px;gap:10px}.clone-button,.clone-button-secondary{width:50%;height:50px;border-radius:8px;font-size:14px;gap:15px}.clone-button>span{font-size:22px}
 .clone-service-strip{height:auto;padding:10px 20px}.clone-service-inner{max-width:none;grid-template-columns:1fr;gap:0}.clone-service-inner>div,.clone-service-inner>a{justify-content:flex-start;gap:19px;min-height:64px;padding:9px 5px}.clone-service-inner>div+div,.clone-service-inner>a{border-top:1px solid #e1e7f0}.clone-service-inner svg{width:29px;height:29px}.clone-service-inner p{font-size:13px;line-height:1.35}.clone-service-inner strong{font-size:15px}
 .clone-banners{padding:20px 18px 12px}.clone-banner-grid{width:auto;grid-template-columns:1fr;gap:12px}.clone-banner{height:155px;padding:18px 20px;border-radius:7px}.clone-banner h2{font-size:20px}.clone-banner p{font-size:14px;margin-top:5px}.clone-banner-link{font-size:13px;margin-top:11px;gap:10px}.clone-banner-art{left:40%;background-size:1490px 951px}.clone-banner-product{background-position:-295px -789px}.clone-banner-pricing{background-position:-736px -789px}.clone-banner-cases{background-position:-1178px -789px}
}
@media(max-width:360px){.header-inner{margin:0 13px;gap:7px}.header .logo{width:126px}.clone-wordmark{gap:5px}.clone-wordmark .clone-wiz{font-size:32px}.clone-wordmark>strong{font-size:14px}.clone-tagline{font-size:6.2px}.header-phone strong{font-size:17px}.clone-heading-group{padding:24px 18px 15px}.clone-eyebrow{--clone-eyebrow-px:calc((100vw - 36px) / 360);height:23.1px;font-size:21px}.clone-heading-group h1{font-size:30px}.clone-description{font-size:11.7px}.clone-benefits{margin:13px 13px 0;gap:6px}.clone-benefits span{font-size:10px}.clone-benefits li{height:84px}.clone-actions{margin:14px 13px 22px;gap:8px}.clone-button,.clone-button-secondary{font-size:12px;gap:12px}.clone-banners{padding:17px 13px 10px}.clone-banner{padding-left:17px}.clone-banner-art{left:42%}.clone-banner h2{font-size:19px}.clone-banner p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.clone-button,.clone-banner{transition:none}}

/* The supplied identity and pictograms retain their original artwork. */
.header .logo{--clone-logo-px:1px}
.header .clone-reference-logo{display:block;width:calc(var(--clone-logo-px) * 207);height:calc(var(--clone-logo-px) * 61);max-width:none;object-fit:contain;background:none;vertical-align:middle}
.clone-benefits .clone-benefit-icon{--clone-icon-px:var(--clone-px);display:block;flex:none;width:calc(var(--clone-icon-px) * 40);height:calc(var(--clone-icon-px) * 40);background-image:url('/assets/reference-v12.png');background-repeat:no-repeat;background-size:calc(var(--clone-icon-px) * 1570) calc(var(--clone-icon-px) * 1002);background-position-y:calc(var(--clone-icon-px) * -461)}
.clone-benefit-coins{background-position-x:calc(var(--clone-icon-px) * -140)}
.clone-benefit-tools{background-position-x:calc(var(--clone-icon-px) * -280)}
.clone-benefit-shield{background-position-x:calc(var(--clone-icon-px) * -426)}
.clone-benefit-expert{background-position-x:calc(var(--clone-icon-px) * -573)}
@media(min-width:761px) and (max-width:1400px){.header .logo{--clone-logo-px:calc(190px / 207)}}
@media(max-width:760px){.header .logo{--clone-logo-px:calc(150px / 207)}.clone-benefits .clone-benefit-icon{--clone-icon-px:.725px}}
@media(max-width:360px){.header .logo{--clone-logo-px:calc(126px / 207)}}

.clone-eyebrow:before{content:"";position:absolute;inset:0 auto auto 0;width:calc(var(--clone-eyebrow-px) * 360);height:calc(var(--clone-eyebrow-px) * 42);background-image:url('/assets/reference-v12.png');background-repeat:no-repeat;background-size:calc(var(--clone-eyebrow-px) * 1570) calc(var(--clone-eyebrow-px) * 1002);background-position:calc(var(--clone-eyebrow-px) * -94) calc(var(--clone-eyebrow-px) * -135)}

/* Suppress neutral pixels only; keep the blue ink's source RGB channels. */
.clone-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.clone-eyebrow:before{filter:url(#clone-eyebrow-ink)}

/* V12.2: native web controls with consistent action colours and current navigation. */
:root{--wiz-action:#1046d5;--wiz-action-hover:#073cbf;--wiz-action-radius:10px}
.header nav a[aria-current="page"]{color:var(--wiz-action);font-weight:700}
.header nav a[aria-current="page"]:after{background:var(--wiz-action);transform:scaleX(1)}
.header nav a:not([aria-current="page"]):hover{color:#63788b}
.header nav a:not([aria-current="page"]):after,
.header nav a:not([aria-current="page"]):hover:after{transform:scaleX(0)}
.mobile-nav a[aria-current="page"]{color:var(--wiz-action);font-weight:700}
.mobile-nav a:not([aria-current="page"]):hover{color:#63788b}
.header .header-quote,.clone-actions .clone-button,#main .btn,#footer .btn{font-family:"Pretendard Variable","Noto Sans KR",sans-serif;font-weight:650;letter-spacing:-.035em;border-radius:var(--wiz-action-radius)}
.header .header-quote,.clone-actions .clone-button-primary,#main .btn.primary,#main .closing-actions .btn{background:var(--wiz-action);border-color:var(--wiz-action);color:#fff;box-shadow:none}
.header .header-quote:hover,.clone-actions .clone-button-primary:hover,#main .btn.primary:hover,#main .closing-actions .btn:hover{background:var(--wiz-action-hover);border-color:var(--wiz-action-hover);color:#fff;filter:none}
.clone-actions .clone-button-secondary,#main .btn:not(.primary):not(.light){background:#fff;border-color:#6d8bdf;color:var(--wiz-action);box-shadow:none}
.clone-actions .clone-button-secondary:hover,#main .btn:not(.primary):not(.light):hover{background:#f3f6fd;border-color:var(--wiz-action);color:var(--wiz-action-hover);filter:none}
.header nav a:focus-visible,.header .header-quote:focus-visible,.clone-actions .clone-button:focus-visible,#main .btn:focus-visible{outline:3px solid #0754d7;outline-offset:4px}

/* V12.11: display the supplied original logo immediately, cropping only its white canvas in CSS. */
.header .logo .clone-logo-viewport{position:relative;display:block;width:calc(var(--clone-logo-px) * 207);height:calc(var(--clone-logo-px) * 61);overflow:hidden}
.header .clone-reference-logo.clone-customer-logo{position:absolute;display:block;width:calc(var(--clone-logo-px) * 299.53630913);height:calc(var(--clone-logo-px) * 99.84543638);left:calc(var(--clone-logo-px) * -44.95802798);top:calc(var(--clone-logo-px) * -21.14656895);max-width:none;object-fit:fill;background:none}