:root{--gr-01primary-mavenblue_dark: #259AC5;--gr-01primary-mavenblue_bright: #2EABD8;--gr-02positive-positivebg: #E8FDEE;--gr-02positive-positivesecondary: #42BE65;--gr-02positive-positiveprimary: #24A148;--gr-03negative-negativebg: #FFF1F1;--gr-03negative-negativesecondary: #FF8389;--gr-03negative-negativeprimary: #FA4D56;--gr-04warning-warningbg: #FFF2E8;--gr-04warning-warningsecondary: #FF8630;--gr-04warning-warningprimary: #FB7211;--gr-01chart-progress-none: #CAD9E7;--gr-01chart-progress-progress010: #8DD8FF;--gr-01chart-progress-progress020: #51BEFF;--gr-01chart-progress-progress030: #0094FF;--gr-01chart-progress-progress040: #0068C8;--gr-01chart-progress-progress050: #1F3F5E;--gr-01chart-progress-high: #FB7211;--gr-01chart-progress-highest: #FF1066;--gr-02bg-bg010: #F8F9FB;--gr-02bg-bg020: #F4F6F9;--gr-02bg-bg030: #EDF2F7;--gr-02bg-bg040: #E5EBF2;--gr-02bg-bg050: #D3DCE7;--gr-03link-text: #0D7BDC;--gr-04dimmed-dimmed010: rgba(13,24,32,.2);--gr-04dimmed-dimmed020: rgba(13,24,32,.5);--gr-04dimmed-dimmed030: rgba(13,24,32,.7);--gr-01basic-white: #FFFFFF;--gr-01basic-black: #000000;--gr-02gray-gray010: #F8F9FB;--gr-02gray-gray020: #F0F2F4;--gr-02gray-gray025: #DFE2E5;--gr-02gray-gray030: #C1C7CD;--gr-02gray-gray040: #A2A9B0;--gr-02gray-gray050: #878D96;--gr-02gray-gray060: #697077;--gr-02gray-gray070: #4D5358;--gr-02gray-gray080: #343A3F;--gr-02gray-gray090: #21272A;--gr-02gray-gray100: #121619;--gr-03blue-blue010: #F0FAFF;--gr-03blue-blue015: #DEF4FF;--gr-03blue-blue020: #B2E5FF;--gr-03blue-blue030: #88D6F4;--gr-03blue-blue040: #44B8E2;--gr-03blue-blue050: #259AC5;--gr-03blue-blue060: #0B86B2;--gr-03blue-blue070: #00759F;--gr-03blue-blue080: #035D7E;--gr-03blue-blue090: #004B67;--gr-03blue-blue100: #00394E;--gr-04darknavy-darknavy005: #EFF6FF;--gr-04darknavy-darknavy010: #E7F1FF;--gr-04darknavy-darknavy020: #B9E1FF;--gr-04darknavy-darknavy030: #61B8FB;--gr-04darknavy-darknavy040: #0D7BDC;--gr-04darknavy-darknavy050: #004AA7;--gr-04darknavy-darknavy060: #003E8B;--gr-04darknavy-darknavy070: #003270;--gr-04darknavy-darknavy080: #002554;--gr-05green-green010: #E8FDEE;--gr-05green-green015: #DEFBE6;--gr-05green-green020: #A7F0BA;--gr-05green-green030: #6FDC8C;--gr-05green-green040: #42BE65;--gr-05green-green050: #24A148;--gr-05green-green060: #198038;--gr-05green-green070: #0E6027;--gr-05green-green080: #044317;--gr-05green-green090: #022D0D;--gr-06red-red010: #FFF1F1;--gr-06red-red015: #FFE3E3;--gr-06red-red020: #FFD7D9;--gr-06red-red030: #FFB3B8;--gr-06red-red040: #FF8389;--gr-06red-red050: #FA4D56;--gr-06red-red060: #DA1E28;--gr-06red-red070: #A2191F;--gr-06red-red080: #750E13;--gr-06red-red090: #520408;--gr-07orange-orange010: #FFF2E8;--gr-07orange-orange015: #FFE9D9;--gr-07orange-orange020: #FFD9BE;--gr-07orange-orange030: #FFB784;--gr-07orange-orange040: #FF8630;--gr-07orange-orange050: #FB7211;--gr-07orange-orange060: #DB5C00;--gr-07orange-orange070: #8A3800;--gr-07orange-orange080: #5E2900;--gr-07orange-orange090: #3E1A00;--gr-08yellow-yellow010: #FFFBDA;--gr-08yellow-yellow015: #FFF8C1;--gr-08yellow-yellow020: #FFF3B3;--gr-08yellow-yellow030: #FFEC86;--gr-08yellow-yellow040: #FFCD19;--gr-08yellow-yellow050: #FDBA00;--gr-08yellow-yellow060: #DDA200;--gr-08yellow-yellow070: #B47E1D;--gr-08yellow-yellow080: #82541F;--gr-08yellow-yellow090: #643D24;--gr-09purple-purple010: #F6F2FF;--gr-09purple-purple015: #EDE4FF;--gr-09purple-purple020: #E8DAFF;--gr-09purple-purple030: #D4BBFF;--gr-09purple-purple040: #BE95FF;--gr-09purple-purple050: #A56EFF;--gr-09purple-purple060: #8A3FFC;--gr-09purple-purple070: #6929C4;--gr-09purple-purple080: #491D8B;--gr-09purple-purple090: #31135E;--gr-font: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;--gr-fs-display01: 64px;--gr-fs-display02: 52px;--gr-fs-display03: 48px;--gr-fs-header01: 40px;--gr-fs-header02: 32px;--gr-fs-header03: 24px;--gr-fs-title01: 20px;--gr-fs-title02: 18px;--gr-fs-title03: 16px;--gr-fs-title04: 14px;--gr-fs-subtitle01: 18px;--gr-fs-subtitle02: 16px;--gr-fs-subtitle03: 14px;--gr-fs-subtitle04: 13px;--gr-fs-body01: 18px;--gr-fs-body02: 16px;--gr-fs-body03: 14px;--gr-fs-body04: 13px;--gr-fs-caption01: 12px;--gr-fs-caption02: 12px;--gr-fs-caption03: 10px;--gr-fs-caption04: 10px}:root{--surface:#FFFFFF;--surface-2:#F4F6F9;--border:#E3E7EC;--border-strong:#C7CDD4;--ink:#1B2126;--ink-2:#3C444C;--muted:#656E77;--brand:#259AC5;--brand-solid:#00759F;--brand-hover:#00688D;--link:#1064BF;--danger:#E5484D;--danger-text:#C22E36;--panel:#EEF3F7;--panel-ink:#1B2126;--panel-muted:#4A545E;--panel-g1:rgba(37,154,197,.16);--panel-g2:rgba(0,58,112,.08);--panel-grid:rgba(0,0,0,.045);--ring:rgba(37,154,197,.3);--shadow-btn:0 1px 2px rgba(0,90,120,.28);--shadow-menu:0 12px 32px -12px rgba(16,24,40,.34), 0 2px 6px rgba(16,24,40,.08);--shadow-modal:0 24px 64px -16px rgba(16,24,40,.44);--sans:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}:root[data-theme=dark]{--surface:#0E141B;--surface-2:#141C25;--border:#232D38;--border-strong:#39454F;--ink:#EAEEF2;--ink-2:#C4CCD4;--muted:#8B97A2;--brand:#2EABD8;--brand-solid:#00759F;--brand-hover:#00688D;--link:#5CC2FF;--danger:#FF6B70;--danger-text:#FF6B70;--panel:#0A0E14;--panel-ink:#EAF1F6;--panel-muted:#8C99A6;--panel-g1:rgba(37,154,197,.2);--panel-g2:rgba(0,58,112,.3);--panel-grid:rgba(255,255,255,.04);--ring:rgba(46,171,216,.34);--shadow-btn:0 1px 2px rgba(0,0,0,.5);--shadow-menu:0 14px 36px -12px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.4);--shadow-modal:0 28px 70px -16px rgba(0,0,0,.75)}html,body,#root{margin:0;padding:0;min-height:100vh}html,body{background:var(--surface)}#root{display:flex;flex-direction:column}#root>.mv,#root>.idpPage{flex:1}*{box-sizing:border-box}[hidden]{display:none!important}.mv{font-family:var(--sans);color:var(--ink);background:var(--surface);min-height:100vh;display:grid;grid-template-columns:44% 56%;-webkit-font-smoothing:antialiased;line-height:1.5;font-size:14px}.mv button{font-family:inherit;cursor:pointer}.mv :focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring);border-radius:8px}.view h1:focus,.view h1:focus-visible{outline:none;box-shadow:none}.box:focus,.box:focus-visible{outline:none;box-shadow:var(--shadow-modal)}:root[lang=ko] .mv,:root[lang=ko] .modal{word-break:keep-all}.brand{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 16% 8%,var(--panel-g1),transparent 52%),radial-gradient(90% 90% at 100% 100%,var(--panel-g2),transparent 60%),var(--panel);display:flex;align-items:center;justify-content:center;padding:clamp(40px,6vh,88px) clamp(32px,4vw,72px);color:var(--panel-ink)}.brandinner{position:relative;z-index:1;width:100%;max-width:clamp(360px,32vw,520px)}.brand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.6;background-image:linear-gradient(var(--panel-grid) 1px,transparent 1px);background-size:100% 34px;-webkit-mask-image:linear-gradient(transparent,#000 40%,#000 60%,transparent);mask-image:linear-gradient(transparent,#000 40%,#000 60%,transparent)}.brand>*{position:relative;z-index:1}.logo{width:clamp(210px,15vw,300px);height:auto;display:block}.logo-dark{display:none}:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:block}.tag{margin-top:clamp(20px,2.6vh,42px)}.tagHero{font-size:clamp(21px,12px + 1vw,33px);max-width:15em;font-weight:700;line-height:1.34;letter-spacing:-.015em;color:var(--panel-ink);text-wrap:balance;overflow-wrap:break-word}.tagSub{margin-top:14px;font-size:clamp(14px,.95vw,17px);color:var(--panel-muted);line-height:1.6;text-wrap:pretty;overflow-wrap:break-word}.mobilebrand{display:none;margin:0 0 28px}.mobilebrand .logo-light,.mobilebrand .logo-dark{width:192px;max-width:80%;height:auto;margin:0 auto}.mobilebrand .logo-light{display:block}.mobilebrand .logo-dark{display:none}:root[data-theme=dark] .mobilebrand .logo-light{display:none}:root[data-theme=dark] .mobilebrand .logo-dark{display:block}.stack{width:100%;max-width:clamp(344px,23vw,400px)}.formcol{position:relative;display:flex;flex-direction:column;background:var(--surface)}.util{display:flex;justify-content:flex-end;gap:4px;padding:22px 26px 0;z-index:5;flex:none}.util .ic{border:0;background:transparent;color:var(--muted);width:34px;height:34px;border-radius:9px;font-size:14px;display:inline-flex;align-items:center;justify-content:center}.util .ic:hover{background:var(--surface-2);color:var(--ink-2)}.langwrap{position:relative}.langbtn{border:0;background:transparent;color:var(--muted);height:34px;border-radius:9px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;padding:0 9px}.langbtn:hover{background:var(--surface-2);color:var(--ink-2)}.langbtn svg{opacity:.7;transition:transform .15s}.langbtn[aria-expanded=true] svg{transform:rotate(180deg)}.langmenu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;list-style:none;margin:0;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-menu);z-index:10}.langmenu li{display:flex;align-items:center;justify-content:space-between;gap:12px;white-space:nowrap;padding:8px 11px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--ink-2);cursor:pointer}.langmenu li:hover{background:var(--surface-2);color:var(--ink)}.langmenu li[aria-selected=true]{color:var(--brand-solid);font-weight:600}.langmenu li .chk{opacity:0;color:var(--brand-solid);flex:none}.langmenu li[aria-selected=true] .chk{opacity:1}.langmenu li .sub{font-size:11px;color:var(--muted);font-weight:400;margin-left:5px}.okbox{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 4px}.okbox .ico{width:52px;height:52px;border-radius:50%;background:var(--surface-2);color:var(--brand-solid);display:grid;place-items:center;margin-bottom:16px}.okbox .to{margin:10px 0 0;font-size:13.5px;font-weight:600;color:var(--ink);word-break:break-all}.hintbox{margin-top:18px;padding:12px 14px;background:var(--surface-2);border-radius:10px;font-size:12.5px;color:var(--muted);line-height:1.7;text-align:left}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%) translateY(8px);z-index:200;display:flex;align-items:center;gap:9px;padding:11px 16px;border-radius:10px;background:var(--ink);color:var(--surface);font-size:13px;font-weight:500;box-shadow:0 10px 30px -8px #0006;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.toast.on{opacity:1;transform:translate(-50%) translateY(0)}.toast svg{color:var(--brand)}.wip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#b25e00;background:#fff3e4;border:1px solid #FFD9A8;border-radius:20px;padding:2px 8px;margin-bottom:12px}:root[data-theme=dark] .wip{color:#ffb870;background:#3a2510;border-color:#5c3b18}.center{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(28px,3.5vw,64px)}.view{display:none;width:100%}.center[data-view=login] .v-login,.center[data-view=sso] .v-sso,.center[data-view=idp] .v-idp,.center[data-view=forgot] .v-forgot,.center[data-view=activate] .v-activate,.center[data-view=sent] .v-sent{display:block}.view h1{margin:0 0 8px;font-size:clamp(22px,1.35vw,28px);font-weight:700;letter-spacing:-.01em}.view .sub{margin:0 0 24px;color:var(--muted);font-size:13px}.view h1.only{margin-bottom:24px}.banner{display:none;align-items:flex-start;gap:8px;margin:0 0 18px;padding:11px 13px;border-radius:10px;background:#e5484d1a;border:1px solid rgba(229,72,77,.32);color:var(--danger-text);font-size:12.5px;font-weight:500}.banner.on{display:flex}.banner svg{flex:none;margin-top:1px}.field{margin-bottom:16px}.field>label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:7px}.inp{position:relative;display:flex;align-items:center}.inp input,.inp select{width:100%;font-family:inherit;font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:12px 13px;transition:border-color .15s,box-shadow .15s}.inp select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer}.inp .caret{position:absolute;right:13px;pointer-events:none;color:var(--muted)}.inp input::placeholder{color:var(--muted)}.inp input:focus,.inp select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}.inp.has-suffix input{padding-right:46px}.inp .peek{position:absolute;right:8px;border:0;background:transparent;color:var(--muted);width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.inp .peek:hover{color:var(--ink-2);background:var(--surface-2)}.field.invalid .inp input{border-color:var(--danger)}.field.invalid .inp input:focus{box-shadow:0 0 0 3px #e5484d33}.msg{display:none;margin-top:6px;font-size:12px;color:var(--danger-text);align-items:center;gap:5px}.field.invalid .msg{display:flex}.capshint{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:12px;color:var(--ink-2)}.capshint svg{flex:none}.primary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:var(--brand-solid);color:#fff;font-size:14px;font-weight:600;padding:13px 14px;border-radius:10px;box-shadow:var(--shadow-btn);transition:background .15s,transform .04s;margin-top:22px}.primary:hover:not(:disabled){background:var(--brand-hover)}.primary:active:not(:disabled){transform:translateY(1px)}.primary:disabled{opacity:.45;cursor:not-allowed}.primary[aria-busy=true]{opacity:.8;cursor:default}.spin{width:15px;height:15px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;display:none;animation:sp .7s linear infinite}.primary[aria-busy=true] .spin{display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}.ghost{width:100%;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);font-size:14px;font-weight:600;padding:12px 14px;border-radius:10px;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:9px;transition:border-color .15s,background .15s}.ghost:hover{border-color:var(--brand);background:var(--surface-2)}.ghost svg{color:var(--brand-solid)}.links{display:flex;justify-content:space-between;margin-top:16px}.link{color:var(--link);font-size:13px;font-weight:600;text-decoration:none;background:0;border:0;padding:0;cursor:pointer}.link:hover{text-decoration:underline}.linkc{text-align:center;margin-top:18px}.or{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--muted);font-size:12px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--border)}.footer{padding:26px 24px 30px;text-align:center;color:var(--muted);line-height:1.9}.footer .flinks{white-space:nowrap;font-size:clamp(10px,2.7vw,12px)}.footer a,.footer button{color:var(--muted);text-decoration:none;background:0;border:0;font-size:inherit;font-family:inherit;padding:0;cursor:pointer}.footer a:hover,.footer button:hover{color:var(--ink-2);text-decoration:underline}.footer .cp{display:block;margin-top:2px;opacity:.85;white-space:nowrap;font-size:clamp(10px,2.6vw,12px)}.footer .sep{opacity:.5;margin:0 5px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0e148c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.box{position:relative;width:100%;max-width:760px;max-height:86vh;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-modal);display:flex;flex-direction:column;overflow:hidden}.box-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border)}.box-head h2{margin:0;font-size:16px;font-weight:700}.box-x{border:0;background:transparent;color:var(--muted);width:32px;height:32px;border-radius:8px;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.box-x:hover{background:var(--surface-2);color:var(--ink)}.box-body{overflow:auto;padding:22px 26px;font-size:13px;color:var(--ink-2);line-height:1.75}.box-body h3{font-size:14.5px;color:var(--ink);margin:26px 0 10px;padding-bottom:7px;border-bottom:1px solid var(--border)}.box-body h3:first-child{margin-top:0}.box-body h4{font-size:13.5px;color:var(--ink);margin:18px 0 6px}.box-body p{margin:0 0 8px}.box-body ol,.box-body ul{margin:6px 0 10px;padding-left:20px}.box-body li{margin-bottom:4px}.box-body b{color:var(--ink)}.box-foot{padding:14px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.box-foot .primary{width:auto;margin:0;padding:10px 24px}.idpPage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#f0f2f5;overflow:auto;font-family:var(--sans);color:#1b2126}.idpTop{background:#fcfcfd;border-bottom:1px solid #E1E4E8;padding:22px 20px;text-align:center}.idpTop .to{font-size:19px;color:#6b747c;display:inline-flex;align-items:center;gap:10px;letter-spacing:-.01em}.idpTop .to b{color:#1b2126;font-weight:700;font-size:15px}.idpTop p{margin:8px 0 0;font-size:13.5px;color:#6b747c}.idpWrap{display:flex;justify-content:center;padding:52px 20px}.idpCard{width:100%;max-width:420px;background:#fff;border:1px solid #E1E4E8;border-radius:4px}.idpCard .head{padding:32px 24px;text-align:center;border-bottom:1px solid #E1E4E8}.idpCard .head .org{font-size:15px;font-weight:700;color:#0f9bd7;letter-spacing:.03em}.idpCard .body{padding:26px 30px 30px}.idpCard h3{margin:0 0 20px;text-align:center;font-size:15px;font-weight:700}.oktaBtn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#f7f8f9;border:1px solid #D6D9DC;border-radius:4px;padding:13px;font-size:14px;font-weight:600;color:#1b2126;cursor:pointer}.oktaBtn span{text-decoration:underline}.oktaOr{display:flex;align-items:center;gap:12px;margin:22px 0;color:#6b747c;font-size:12.5px}.oktaOr:before,.oktaOr:after{content:"";flex:1;height:1px;background:#e1e4e8}.idpCard .lb{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.idpCard .tx{width:100%;font-family:inherit;font-size:14px;padding:11px 12px;border:1px solid #A7ADB3;border-radius:4px;background:#fff;color:#1b2126}.idpCard .tx:focus{outline:none;border-color:#1662dd;box-shadow:0 0 0 3px #1662dd2e}.keep{display:flex;align-items:center;gap:9px;margin:16px 0 24px;font-size:13.5px;color:#3c444c;cursor:pointer}.oktaNext{width:100%;background:#0f9bd7;color:#fff;border:0;border-radius:4px;padding:13px;font-size:14.5px;font-weight:700;cursor:pointer}.oktaNext:hover{filter:brightness(1.06)}.idpHelp{display:inline-block;margin-top:18px;font-size:13px;color:#1662dd;text-decoration:underline;cursor:pointer;background:0;border:0;padding:0;font-family:inherit}.idpBack{display:block;margin:24px auto 44px;font-size:13px;color:#6b747c;background:0;border:0;cursor:pointer;text-decoration:underline;font-family:inherit}@media (max-width:900px){.mv{grid-template-columns:1fr}.brand{display:none}.mobilebrand{display:block}.center{padding:36px 24px}.stack{max-width:400px}.util{padding:12px 14px 0}.footer{padding:20px 24px 26px}.view h1{font-size:23px}.field>label{font-size:14px}.inp input,.inp select{font-size:16px;padding:13px}.primary,.ghost{font-size:15px;padding:14px}.link{font-size:14px}.or{font-size:13px}}@media (max-width:420px){.view h1{font-size:21px}.stack{max-width:100%}.center{padding:26px 20px}.mobilebrand{margin-bottom:22px}.idpWrap{padding:32px 16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.center[data-view=verify] .v-verify,.center[data-view=locked] .v-locked{display:block}.chkrow{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--ink-2);margin:4px 0 16px;line-height:1.5;cursor:pointer}.chkrow input{margin-top:2px;flex:none}.idplist{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:8px}
