.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px 15px}
.login-inner{width:100%;max-width:440px}
.login-inner .box-logo .logo{width:200px;max-width:60vw;height:auto}
.login-inner .box-text{font-size:clamp(1rem, 3vw, 1.4em)}
.login-inner .login-title{font-size:clamp(1.2rem, 4vw, 2em)}
.login-inner .form-control{font-size:clamp(0.875rem, 2.5vw, 1rem);padding:0.6rem 0.75rem}
.login-inner .btn{font-size:clamp(0.9rem, 2.5vw, 1rem);padding:0.65rem}
.login-inner .ip-info{font-size:clamp(0.75rem, 2vw, 0.875rem)}
@media(max-width:991.98px){
    .member-modify-mobile-page{
        padding:1rem 0.75rem 1.5rem;
    }
    .member-modify-mobile-page .container{
        width:100% !important;
        max-width:100% !important;
        padding-left:0;
        padding-right:0;
    }
    .member-modify-mobile-page .member-modify-card-shell{
        margin-top:0.75rem !important;
        flex:0 0 100%;
        max-width:100%;
    }
    .member-modify-mobile-page .box-logo{
        text-align:center;
        padding-bottom:0.85rem;
    }
    .member-modify-mobile-page .box-logo .logo{
        width:200px;
        max-width:58vw;
        height:auto;
    }
    .member-modify-mobile-page .member-modify-card{
        border-radius:0.9rem;
    }
    .member-modify-mobile-page .box-text{
        font-size:1rem;
        line-height:1.4;
        padding:1rem 0 0;
    }
    .member-modify-mobile-page .card-body{
        padding:0 1rem 1rem;
    }
    .member-modify-mobile-page .login-title{
        padding:0.85rem 0 !important;
        font-size:1.4rem;
    }
    .member-modify-mobile-page .form-label{
        font-weight:600;
        margin-bottom:0.35rem;
    }
    .member-modify-mobile-page .form-control.form-control-sm{
        min-height:42px;
        font-size:0.95rem;
    }
    .member-modify-field-row,
    .member-modify-action-row{
        row-gap:0.75rem;
        margin-left:0;
        margin-right:0;
    }
    .member-modify-field-row > [class*="col-"],
    .member-modify-action-row > [class*="col-"]{
        flex:0 0 100%;
        max-width:100%;
        width:100%;
        padding-left:0;
        padding-right:0;
    }
    .member-modify-action-row .btn{
        width:100%;
        min-height:44px;
    }
}
@media(max-width:575.98px){
    .login-inner .card-body{padding:1rem}
    .login-inner .box-logo{padding-bottom:12px}
    .login-inner .login-title{padding:10px 0 !important}
    .member-modify-mobile-page .box-logo{
        padding-bottom:0.7rem;
    }
    .member-modify-mobile-page .box-logo .logo{
        max-width:52vw;
    }
    .member-modify-mobile-page .box-text{
        font-size:0.95rem;
        padding-top:0.85rem;
    }
}