@charset "UTF-8";
.ks-modal-body p.login-info{
    margin-bottom: 20px;
    font-size: 1.7rem;
}
.info-label img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.info-form input[type=text]{
    width: 80%;
    height: 30px;
    /*border-radius: 30px;*/
    border: 1px solid #000;
    text-indent: 5px;
    font-size: 1.5rem;
}
.info-form input[type=password]{
    width: 80%;
    height: 30px;
    /*border-radius: 30px;*/
    border: 1px solid #000;
    text-indent: 5px;
    font-size: 1.5rem;
}
.info-form input[type=text]:focus,.info-form input[type=password]:focus{
    /*border: 2px solid #000;*/
    outline: 0;
}
.ks-modal-footer.login-footer{
    margin-bottom: 0;
}
.ks-modal-footer.login-footer .btn-group.popup-btn{
    width:100%;
}
.ks-modal-footer.login-footer .btn-group.popup-btn button{
    width: 50%;
    margin: 0;
    /*font-size: 1.8rem;*/
    /*font-weight: 700;*/
}
.ks-modal-footer.login-footer .btn-group.popup-btn button.btn-delete{
    background-color: #707070;
    width: 100%;
}
.ks-modal-footer.login-footer .btn-group.popup-btn button.btn-save{
    background-color: var(--main-color);
    width: 100%;
}
/*아이폰 8, mini*/
@media all and (max-width:380px) {
    .info-form input[type=text]{
        width: 220px;
    }
    .info-form input[type=password]{
        width: 220px;
    }
    .ks-modal-body p.login-info{
        font-size: 1.5rem;
    }
}
/*아이폰 12, 13 , max */
@media all and (min-width:381px) {
    .info-form input[type=text]{
        width: 250px;
    }
    .info-form input[type=password]{
        width: 250px;
    }
}