.bold {
    font-weight:700;
}

input {
    border: none;
    box-shadow:none;
}

input:focus {
    outline:none;
}
button:focus {
    box-shadow:none;
}


#wrap {
    background: #eee;
    padding-top: 80px;
}

.banner {
    width: 100%;
    margin: auto;
    height: 250px;
    background: url('../images/service/login_banner.jpg') no-repeat center center/cover;
    position: relative;
    top: 0;
    left: 0;
}


/* banner bottom title*/

.banner_title01 {
    width: 640px;
    color: #fff;
    text-align: center;
    font-size: 40px;
    word-spacing: 8px;
    letter-spacing: 2.5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0 auto;
    font-weight: 700;
}

.banner_title div:nth-of-type(1){
    width:50px;
    height:100%;
    border:1px solid lightgrey;
    border-right:1px solid lightgrey;
    word-spacing: 8px;
    letter-spacing: 2.5px;
}

.banner_title div:nth-of-type(2){
    width:100%;
    height:100%;
    border:1px solid lightgrey;
    border-left:none;
    display:flex;
    align-items:center;
    padding-left:20px;
}

main {
    /*width:1300px;*/
    margin:0 auto;
    background:#eee;
    padding:60px 0;
}


.login_wrap {
    text-align:center;
}



.login_wrap p  {
    padding-top:20px;
    padding-bottom:50px;
    font-weight:500;
}


.login_form {
    /*width:1300px;*/
    height:auto;
    margin:auto;
    background:#fff;
    padding: 40px;
    box-sizing: border-box;
}

.login_form table {
    margin:0 auto;
    width: 30%;
}

.btn {
    width: 250px;
    height: 65px;
    border-radius: unset;
    color: #58595B;
    background: white;
    border: 1px solid #58595B;
    font-size:22px;
}

.btn:focus {
    box-shadow:none;
}

.btn.active {
    background: #58595B;
    color:#fff;
}

.btn:hover {
    color: #58595B;
    background: white;
}

#login_btn {
    width: 250px;
    height: 65px;
    border-radius: unset;
    border: 1px solid #58595B;
    background: #00508f;
    color: #fff;
    cursor:pointer;
    font-size:22px;
    transition:0.15s ease-in-out;
}
/*
.login_btn:hover {
    color: #58595B;
    background: white;
}*/


/*
.type_tr td {
    padding-top:75px;
    padding-bottom:75px;
}
    */

.id_tr td {
    padding-bottom:30px;
}

.pw_tr td {
    padding-bottom: 75px;
}

.id_tr input {
    /*width:500px;*/
    width: 100%;
    padding-bottom:10px;
    padding-top:10px;
    border-bottom:1px solid grey;
    text-indent:20px;
    margin-top:40px;
}

.pw_tr input {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid grey;
    text-indent: 20px;
}

.login_tr td {
    
}

.btn_s_wrap {
    padding-top:30px;
    /*padding-bottom:75px;*/
}

.btn_s {
    display:inline-block;
    padding-top:10px;
    font-size:14px;
    color:#999;
}

.btn_s:hover {
    color:#58595B;
    text-decoration:underline !important;
}

.btn_s_wrap .btn_s:nth-of-type(1){
    margin-right:20px;
}


.btn_s {
    color: #555;
    font-size: 15px;
    font-weight: 500;
}

.btn_s span {
    color:#999; 
    font-size: 12px;
    margin-left: 5px;
}