.flex {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.relative {

    position: relative;

}



.absolute {

    position: absolute;

}



.plan-body,

.PCB{

    padding-top: 45px;

    background: #f8f8f8;

}



.smt-body{

    padding-top: calc(82px + 45px);

}



.convenient {

    left: 50%;

    bottom: 0;

    transform: translate(-50%, 50%);

    background: #fff;

    box-shadow: 0 5px 10px 1px #c1c1c1;

}



.convenient .login {

    justify-content: center;

    height: 90px;

}



.convenient .login .msg {

    color: #2B2B2B;

    line-height: 1;

    font-weight: 500;

    margin-right: 22px;

}



.convenient .login .msg div {



    font-size: 24px;



    border-left: 5px solid #0089E1;

    padding-left: 8px;

    line-height: 1;

}



.convenient .login .msg p {

    padding-left: 15px;

    margin-top: 8px;

    font-size: 18px;

}



.convenient .login .msg p span{

    color: #0089E1;

}



.convenient .login .registInputBox{

    width: 320px;

    height: 40px;

    border: 4px;

    background: #f1f1f1;

    font-size: 14px;

    padding-left: 17px;

    box-sizing: border-box;

    margin-right: 20px;

}



.convenient .login .registInputBox input{

    border: none;

    background: transparent;

}



.convenient .login button{

    width: 111px;

    height: 40px;

    line-height: 40px;

    background: #0089E1;

    font-size: 16px;

    color: #fff;

    font-weight: 500;

    border: none;

    box-sizing: border-box;

    cursor: pointer;

    border-radius: 4px;

} 



.getBtn{

    position: static;

    transform: translate(0, 0);

    margin-right: 20px;

    white-space: nowrap;

}