@charset "utf-8";
html.jsl-active,html.jsl-active body{margin:0;min-height:100%;background:#f4f6f7!important;color:#243c3d;font-family:"Malgun Gothic","Segoe UI",sans-serif}
html.jsl-active body{overflow:auto!important}html.jsl-active #app{width:100%!important;height:auto!important;min-height:100vh;margin:0!important}
html.jsl-active .js-shell-sidebar,html.jsl-active .js-local-home,html.jsl-active .jsm-sidebar{display:none!important}
html.jsl-active #app>.m-container{width:100%!important;height:auto!important;min-height:100vh;position:relative!important;overflow:visible!important;background:#f4f6f7!important;padding:0!important}
html.jsl-active #app .login-form{width:100%!important;height:auto!important;min-height:100vh;margin:0!important;padding:0!important}
html.jsl-active #app .login-form>.el-row{display:grid!important;grid-template-columns:46% 54%;min-height:100vh;height:auto!important;margin:0!important}
html.jsl-active #app .login-form>.el-row::before,html.jsl-active #app .login-form>.el-row::after{display:none!important}
html.jsl-active #app .login-form>.el-row>.el-col{float:none!important;display:flex!important;width:auto!important;height:auto!important;min-width:0}
html.jsl-active #app .login-form .grid-content{position:relative!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important;width:100%!important;height:auto!important;min-height:100vh;margin:0!important;padding:0!important;overflow:hidden;background:#102b2d!important}
html.jsl-active #app .login-form .ince-container,html.jsl-active #app .login-form .grid-content::before,html.jsl-active #app .login-form .grid-content::after{display:none!important}
.jsl-story{box-sizing:border-box;position:relative;display:flex;flex-direction:column;width:100%;min-height:100%;padding:48px clamp(32px,4.5vw,86px) 32px;color:#fff;font-family:"Malgun Gothic","Segoe UI",sans-serif;line-height:1.5;text-align:left}
.jsl-story::before{content:"";position:absolute;width:440px;height:440px;border:1px solid #45635c;border-radius:50%;right:-310px;top:-180px;opacity:.35;pointer-events:none}
.jsl-brand{display:flex;flex-direction:column;align-items:flex-start;gap:11px;text-decoration:none;color:#bdd1ca!important;width:max-content;max-width:100%;position:relative;z-index:1}.jsl-brand img{display:block;width:240px;max-width:100%;height:auto;aspect-ratio:696/194;object-fit:contain}.jsl-brand>span{font-size:11px;letter-spacing:1px;padding-left:61px}
.jsl-intro{position:relative;margin:auto 0 0;padding-top:60px;z-index:1}.jsl-eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:2.1px;color:#98bcae;margin-bottom:22px}.jsl-intro h1{font-size:clamp(32px,3vw,52px);line-height:1.45;font-weight:600;letter-spacing:-1.8px;color:#fff;margin:0 0 21px}.jsl-intro p{font-size:13px;line-height:1.9;color:#a9c3bc;margin:0}
.jsl-features{display:flex;flex-wrap:wrap;gap:11px 18px;margin-top:30px}.jsl-features>span{font-size:11px;color:#c5dad2;white-space:nowrap}.jsl-features b{font:10px "Segoe UI",sans-serif;font-weight:500;color:#80a99b;margin-right:6px}
.jsl-art{margin:38px 0 18px;max-width:420px;opacity:.8}.jsl-art svg{display:block;width:100%;stroke:#9bc4b4;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.jsl-art svg>rect{fill:#1e4140}.jsl-art .jsl-wire{stroke:#53796e;stroke-dasharray:3 5}
.jsl-panel-footer{margin-top:auto;padding-top:24px;border-top:1px solid #35534d;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.4px;color:#7f9f95}
html.jsl-active #app .login-form .grid-logo{box-sizing:border-box;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:auto!important;min-height:100vh;padding:48px 32px!important;margin:0!important;background:#f4f6f7!important}
html.jsl-active #app .login-form .grid-logo .circle,html.jsl-active #app .login-form .grid-logo .circle1{display:none!important}
html.jsl-active #app .login-form .logo-content{position:relative!important;display:flex!important;align-items:center;justify-content:center;float:none!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;top:auto!important;left:auto!important;transform:none!important}
html.jsl-active #app .login-form .logo-content-from{box-sizing:border-box;position:relative!important;float:none!important;width:100%!important;max-width:480px;height:auto!important;min-height:0!important;padding:44px 38px 29px!important;margin:0!important;border:1px solid #dfe7e3!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 40px #183a2c08!important}
html.jsl-active #app .login-form .form-login-tiele{box-sizing:border-box;width:100%!important;height:auto!important;min-height:0!important;margin:0 0 30px!important;padding:0!important;background:none!important;text-align:left!important;border:0!important}
.jsl-form-eyebrow{display:block;color:#4b8271;font:600 10px/1.5 "Segoe UI",sans-serif;letter-spacing:2px;margin-bottom:12px}.jsl-form-title{font:600 27px/1.5 "Malgun Gothic","Segoe UI",sans-serif!important;letter-spacing:-1px;color:#1e3937!important;margin:0!important}.form-login-tiele>p{font:12px/1.8 "Malgun Gothic","Segoe UI",sans-serif;color:#7f918a;margin:9px 0 0}
html.jsl-active #app .login-form .form-login-inline{display:block!important;margin:0!important;width:100%!important}
html.jsl-active #app .login-form .form-login-item{box-sizing:border-box;width:100%!important;margin:22px 0 0!important}
html.jsl-active #app .login-form .form-login-item-title{font:600 12px/1.5 "Malgun Gothic","Segoe UI",sans-serif!important;color:#38594e!important;margin:0!important}
html.jsl-active #app .login-form .form-login-item-input{margin:9px 0 0!important;width:100%!important}
html.jsl-active #app .login-form .el-form-item{margin-bottom:23px!important}
html.jsl-active #app .login-form .el-input__inner{box-sizing:border-box;width:100%;height:48px!important;line-height:48px!important;border:1px solid #dbe5df!important;border-radius:7px!important;padding:0 14px!important;background:#fbfcfb!important;color:#27493e!important;font:14px "Malgun Gothic","Segoe UI",sans-serif!important;box-shadow:none!important}
html.jsl-active #app .login-form .el-input__inner::placeholder{color:#a1ada7}html.jsl-active #app .login-form .el-input__inner:focus{border-color:#639e87!important;box-shadow:0 0 0 3px #edf5ef!important;background:#fff!important}
html.jsl-active #app .login-form .el-form-item.is-error .el-input__inner{border-color:#d26f6f!important}.jsl-active .el-form-item__error{font-size:11px;line-height:1.4;padding-top:5px}
html.jsl-active #app .login-form .form-login-button{margin:27px 0 0!important;width:100%!important}
html.jsl-active #app .login-form .form-login-button-login{box-sizing:border-box;width:100%!important;height:48px!important;min-height:48px;margin:0!important;border:1px solid #286b5c!important;border-radius:7px!important;background:#286b5c!important;color:#fff!important;font:600 14px "Malgun Gothic","Segoe UI",sans-serif!important;box-shadow:none!important;letter-spacing:.3px}
html.jsl-active #app .login-form .form-login-button-login:hover{background:#205b4d!important;border-color:#205b4d!important}html.jsl-active #app .login-form .form-login-button-login.is-disabled{opacity:.55}
html.jsl-active #app .login-form .privacy{display:flex!important;align-items:flex-start!important;justify-content:center;gap:7px;margin:23px 0 0!important;font-size:10px;line-height:1.7;color:#7e9087}.jsl-active #app .login-form .privacy-title{margin:0!important;font-size:10px!important;color:#7e9087!important;line-height:1.7}.jsl-active #app .login-form .privacy-span{color:#588575!important;text-decoration:underline;text-underline-offset:3px}.jsl-active #app .login-form .privacy .el-checkbox{line-height:17px}.jsl-active #app .login-form .el-checkbox__input.is-checked .el-checkbox__inner{background:#478772!important;border-color:#478772!important}
html.jsl-active #app .login-form .language{margin:20px 0 0!important;display:flex;justify-content:center}.jsl-active #app .login-form .language .btnTitle,.jsl-active #app .login-form .language .btnIcon,.jsl-active #app .login-form .language .el-icon-caret-bottom{color:#5d7d70!important;font-size:12px!important}.jsl-active #app .login-form .language svg{width:17px;height:17px}
.jsl-home-link{display:block;border-top:1px solid #e7ede9;padding-top:21px;margin-top:24px;color:#789185!important;font:11px/1.7 "Malgun Gothic","Segoe UI",sans-serif;text-decoration:none;text-align:center}.jsl-home-link:hover{color:#286b5c!important}
html.jsl-active #app .login-form .displayTable .pwd-input{width:calc(100% - 110px)!important}html.jsl-active #app .login-form .displayTable .el-form-item,html.jsl-active #app .login-form .displayTable .el-input{width:100%!important}.jsl-active #app .login-form .form-login-item-img{width:100px!important}.jsl-active #app .login-form .form-login-item-img img{max-width:100%;height:48px;object-fit:contain}
.jsl-active a:focus-visible,.jsl-active button:focus-visible{outline:2px solid #b7944b;outline-offset:4px}
html.jsl-active #app .login-form .language .btnTitle{display:inline!important}
html.jsl-active #app .login-form .privacy-title{font-size:11px!important}
@media(min-width:1500px){.jsl-story{padding-top:64px;padding-bottom:42px}.jsl-intro{padding-top:80px}.jsl-art{margin-top:45px;margin-bottom:35px}html.jsl-active #app .login-form .logo-content-from{max-width:500px;padding:48px 44px 32px!important}}
@media(max-width:800px){html.jsl-active #app .login-form>.el-row{grid-template-columns:1fr}.jsl-story{padding:28px 30px 30px}.jsl-brand img{width:210px}.jsl-brand>span{font-size:10px;padding-left:53px}.jsl-intro{padding-top:32px;margin:0}.jsl-eyebrow{font-size:9px;margin-bottom:14px}.jsl-intro h1{font-size:30px;line-height:1.4;margin-bottom:13px}.jsl-intro h1 br{display:none}.jsl-intro p{font-size:12px}.jsl-features{margin-top:23px;gap:10px 16px}.jsl-art,.jsl-panel-footer{display:none}html.jsl-active #app .login-form .grid-content{min-height:0!important}html.jsl-active #app .login-form .grid-logo{min-height:0!important;padding:30px 20px 40px!important}html.jsl-active #app .login-form .logo-content-from{max-width:520px;padding:30px 25px 25px!important}.jsl-form-title{font-size:25px!important}}
@media(max-width:380px){.jsl-story{padding:25px 23px}.jsl-intro h1{font-size:27px}.jsl-features{gap:8px;font-size:10px}html.jsl-active #app .login-form .grid-logo{padding:22px 14px 30px!important}.jsl-active #app .login-form .privacy-title{font-size:9px!important}}