@font-face {
    font-family: 'NanumApple';
    src: url('AppleSDGothicNeoR.ttf') format('truetype');
}
body{background-color: white!important;}
.login .back-img { width: 60%; height: 100%; position: relative;}
.login .back-img figure{background-image: url("/img/web/login-lan.png"); background-size: cover; }
.login .back-img .welcome{color: #ffe100; font-size:3rem; font-weight: 900; bottom: 7%;}
.login .input-div { width: 40%; height: 100%;}
.login .input-div .logo{width: 40%; right: 0;}
.login .input-div .input-form .title{font-size: 3rem; font-weight: 800; text-align: left; color: #15277b;}
.login .input-div .input-form .form-group, .login .input-div .input-form .title, .login .input-div .input-form span, .fail{width: 75%;}
.login .input-div .input-form input { font-size: 1.3rem; border: none; width: 90%; background-color: white;}
.login .input-div .input-form input::placeholder{font-size: 1.3rem;}
.login .input-div .input-form input:focus{outline: none;}
.login .input-div .input-form .form-group{position: relative;text-align: start;}
.login .input-div .input-form .form-group::after {content: "";position: absolute;left: 0px; bottom: -2px;height: 2px;width: 100%;background:#b5b5c3;}
.login .input-div .input-form .form-group i { position: absolute;left: 91%;top: 27%;color: #b5b5c3;}
.login .input-div .input-form .input-btn button{background-color: #15277b; font-size: 2rem; font-weight: 800; color: white; border-radius: 10px;}


@media (max-width : 767px){
    .login .back-img { width: 100%; height: 130px;}
    .login .back-img figure{ position: relative; width: 100%; background-image: url("/img/web/login-por.png");}
    .login .back-img img{object-fit: cover;}
    .login .input-div .input-form .title{ font-size: 3rem; font-weight: 800; text-align: center; color: #15277b;}
    .login .input-div .logo {width: 25%;}
    .login .input-div {width: 100%; height: calc(100% - 130px);}
    .login .input-div .input-form p{width: 40%; margin-bottom: 10%;}
    .login .input-div .input-form .form-group, .login .input-div .input-form span{width: 40%;}
    .login .input-div .input-form .input-btn{margin-top: 5%!important;}
}

@media (max-width: 512px) {
    .login .back-img .welcome {font-size: 2rem}
    .login .input-div .logo {width:170px;}
    .login .input-div .input-form .form-group, .login .input-div .input-form span {
        width: 80%;
    }
}