/* login */
/* visual */
.p-visual{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:-1;
    pointer-events:none;
    overflow:hidden;
}
.p-visual > figure{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
}
.p-login-main{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:auto;
}
.p-login{
    display:flex;
}
.p-login__header{
    width:460px;
    padding-right:122px;
}
.p-login__title{
    position:relative;
    font-weight:100;
    font-size:23px;
    line-height:40px;
    color:#fff;
    letter-spacing:3px;
}
.p-login__title:after{
    content:'';
    position:absolute;
    left:0;
    top:calc(100% + 58px);
    width:68px;
    height:58px;
    background:url('../images/common/icon/logo-white-24.svg') 0 0/68px 58px no-repeat;
}
.p-login__title em{
    font-weight:500;
}
.p-login__box{
    width:440px;
    padding:60px 60px 80px 60px;
    background-color:#fff;
    border-radius:10px;
}
.p-login__box-header{
    padding-bottom:40px;
}
.p-login__box-title{
    color:#000;
    font-size:30px;
    font-weight:700;
}
.p-login__form{
    padding-top:25px;
    padding-bottom:25px;
}
.p-login__form .c-label + .c-label{
    margin-top:25px;
}
.p-login__box .c-btn{
    width:100%;
    margin-top:20px;
}

.p-login2-wrap{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:flex;
    align-items:center;
    padding:0 50px;
    background-color:#f3f3f5;
    overflow:auto;
}
.p-login2{
    display:flex;
    min-width:1319px;
    height:640px;
    margin:0 auto;
    border-radius:12px;
    background-color:#080807;
    box-shadow:0 20px 30px 0 rgba(0, 0, 0, 0.2);
}
.p-login2__vs{
    flex:1;
    border-radius:12px;
    background:url('../images/visual/bg_login-a.jpg') no-repeat center bottom;
    background-size:100% auto;
    overflow:hidden;
}
.p-login2__box{
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    width:500px;
    border-bottom-right-radius:12px;
    border-top-right-radius:12px;
    background-color:#fff;
    overflow:hidden;
}
.p-login2__box .c-tab-group{
    position:absolute;
    top:24px;
    right:24px;
}
.p-login2__box .c-tab-group button{
    font-size:12px;
    font-weight:600;
}
.p-login2__box-form{
    width:308px;
}
.p-login2__logo{
    display:flex;
    align-items:center;
    justify-content:center;
    height:40px;
    margin-bottom:20px;
    font-weight:800;
    font-size:31px;
    color:#0178C8;
}
.p-login2__logo .i-logo-blue{
    width:38px;
    height:38px;
}
.p-login2__logo .i-logo-blue-a{
    width:150px;
    height:36px;
}
.p-login2__logo span{
    margin-left:10px;
}
.p-login2__form{
    margin-top:20px;
}
.p-login2__form .c-label + .c-label{
    margin-top:16px;
}
.p-login2__form .c-checkbox{
    display:flex;
    margin-top:16px;
}
.p-login2__form .c-checkbox span{
    font-weight:600;
    color:#646669;
}
.p-login2__form-func button{
    width:100%;
    height:48px;
    margin-top:20px;
}
.p-login2__form-func button + button{
    margin-top:10px;
}
.p-login2__form-func .c-btn{
    background-color:#1781F4;
}
.p-login2__form-func .c-btn.theme--line{
    background-color:#fff;
}
.p-login2-wrap .x-popup-backdrop{
    z-index:1000;
    position:fixed;
    display:none;
    top:0;
    left:0;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.4);
    pointer-events:auto;
}
.p-login2-wrap .x-popup-backdrop.display--show{
    display:flex;
}
.p-login2-wrap .c-popup{
    overflow:visible;
}
.p-login2-auth{
    width:700px;
}
.p-login2-auth__group{
    display:flex;
    gap:16px;
}
.p-login2-auth__group + .p-login2-auth__group{
    margin-top:16px;
}
.p-login2-auth__item{
    flex:1;
}
.p-login2-auth__item.type--div{
    display:flex;
    align-items:center;
    margin-top:24px;
    padding-top:24px;
    border-top:1px solid #DDDEDE;
}
.p-login2-auth__item.type--div .c-combo-html{
    flex:1;
}
.p-login2-auth__item.type--div > button{
    flex:none;
    margin-left:8px;
}
.p-login2-auth__item .c-input input{
    height:56px;
    font-size:13px;
    font-weight:500;
}
.p-login2-auth__item input:-ms-input-placeholder{color:#646669;}
.p-login2-auth__item input::-webkit-input-placeholder{color:#646669;}
.p-login2-auth__item input::-moz-placeholder{color:#646669;}
.p-login2-auth__item input::-ms-reveal,
.p-login2-auth__item input::-ms-clear{
    display:none;
}