.kr-homepage{height:100%;width:100%;display:flex}.kr-homepage .kr-login-image{position:relative;flex:1;height:100%;overflow:hidden}.kr-homepage .kr-login-image img{position:absolute;top:0;left:0;right:0;bottom:0;width:120%;margin:auto;left:50%;transform:translateX(-50%)}.kr-homepage .kr-login-form{display:flex;align-items:center;justify-content:center;width:650px;height:100%;margin:auto;background:#fff}.kr-homepage .kr-login-form>div{width:350px}.kr-homepage .kr-login-form>div .error{margin-top:10px}.kr-homepage .kr-login-form>div img{width:250px}.kr-homepage .kr-login-form>div span{display:flex;align-items:center;justify-content:center;height:46px;width:46px;border:1px solid #e8e8e8;border-radius:4px 0 0 4px;font-size:20px;color:#aaa}.kr-homepage .kr-login-form>div form{text-align:right}.kr-homepage .kr-login-form>div form div{margin-top:25px}.kr-homepage .kr-login-form>div form div input{padding:14px 14px;font-size:13px;flex:1;border-radius:0 4px 4px 0;border:1px solid #e8e8e8;border-left:0;transition:all .4s ease}.kr-homepage .kr-login-form>div form button{padding:0 20px;line-height:40px;font-size:12px;font-weight:700;background:#4680ff;margin-top:25px;border:0;display:inline-block;margin:25px auto;color:#fff;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.kr-homepage .kr-login-form>div form button:hover{background:#266aff}.kr-homepage .welcome{position:relative;display:flex;align-items:center;justify-content:center;background:#fff;width:650px;height:100%}.kr-homepage .welcome .loader{margin:auto}.kr-homepage .welcome #kronos-logo{width:43px}.kr-homepage .welcome .loader-circle{width:120px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.kr-homepage .welcome .loader-circle,.kr-homepage .welcome .loader-line-mask{position:absolute;left:50%;top:50%;height:120px;margin-left:-60px;margin-top:-60px}.kr-homepage .welcome .loader-line-mask{width:60px;overflow:hidden;transform-origin:60px 60px;-webkit-mask-image:-webkit-linear-gradient(top,#000,transparent);animation:rotate 1.2s linear infinite}.kr-homepage .welcome .loader-line-mask .loader-line{width:120px;height:120px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.5)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}