body{height:100%;overflow:hidden}.keyvisual{position:absolute;height:37.5%;width:100%;overflow:hidden;top:62.5%;background-image:url(/images/login/bg-image.png);background-position:center top;background-size:150% auto;background-repeat:no-repeat}main,aside{height:62.5vh;position:relative}aside{height:37.5vh}.s2ePosition{transform:translate(-50%)!important;left:50%!important;top:0%!important}.s2ePosition img{margin-top:-60px}.loginMask{width:100%!important;transform:translate(-50%,-50%)!important;left:50%!important;top:62.5%!important}.loginMask .card{border-radius:.5rem;border:0;margin-left:12px;margin-right:12px;box-shadow:0 4px 8px #0000001a!important}.loginMask .card-header{border-top-left-radius:.5rem;border-top-right-radius:.5rem;border:0;height:48px;font-size:1.125rem;line-height:1.5rem;padding:.75rem 1rem}.loginMask .card-body{padding:2rem 1.5rem;border:0px solid #eee;border-radius:.5rem}@media (max-width: 576px){.loginMask .card-body{padding:0 1rem;border:0;border-radius:0rem}.loginMask .card{background-color:transparent;box-shadow:none!important}}.sgLogo{margin-top:47px;margin-right:-54px}.loginFooter{position:fixed;bottom:0;left:0;height:64px;background:transparent;width:100%;font-size:14px;color:#494949}.loginFooter a{color:#0090d6}.loginFooter a:hover{color:#ee7100}.input-group .form-control:focus{border:2px solid #ee7100;border-right:0}.input-group .form-control:focus+.input-group-text{border:2px solid #ee7100;border-left:0}@media (min-width: 1200px){.keyvisual{height:100%;left:calc(-66.666666666666% + 2px);top:0;background-position:right center;background-size:auto 105%}main,aside{height:100vh}.s2ePosition{transform:translate(-50%,-50%)!important;left:100%!important;top:50%!important}.s2ePosition img{margin-top:45px}.loginMask{top:50%!important}.sgLogo{margin-top:95px}.loginMask .card-body{border-top-left-radius:0;border-top-right-radius:0}}@media (min-width: 1400px){.keyvisual{left:calc(-50% + 2px)}}.help-block{color:red;margin-bottom:1rem;font-size:1rem;line-height:1.25rem;display:inline-block;padding-left:.75rem;font-weight:400}.help-block strong{font-weight:400}@media (max-width: 1199px){body{overflow:hidden!important;overflow-y:auto!important}.loginMask{position:relative!important;transform:none!important;left:auto!important;top:auto!important}main{height:auto!important;overflow:hidden!important;overflow-y:auto!important;min-height:62.5vh!important}main .row.h-100{height:auto!important;margin-bottom:72px}.sgLogo{margin-bottom:32px!important}.s2ePosition img{scale:.65;margin-top:-72px}.keyvisual{position:fixed}}