/*login*/
.login_wrap {position:relative; height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; background:url(../images/common/bg_login.jpg) no-repeat center; background-size:cover;}
.login_wrap .login_logo {position:absolute; top:85px; left:72px; max-width:217px;}
.login_wrap .login_logo img {width:100%;}
.login_wrap .title {line-height:1.4em;text-align:center;font-size:40px;letter-spacing:-.025em;color:#000;}
.font-color{color:#0666b2;}
.login_wrap .sub_title {margin-top:10px;line-height:1.4em;text-align:center;font-size:16px;letter-spacing:-.025em;color:#000;}
.login_box {width:300px;margin-top:61px;}
.login_box li + li {margin-top:5px;}
.input_box select {width:100%; height:50px; padding:10px 18px;line-height:1.4em;font-size:20px;font-weight:400;letter-spacing:-.025em;color:#999;border-radius:4px;background-color:#f4f4f4;background-image: url(../images/common/arrow_gray.png);background-position:95% center;background-repeat:no-repeat;border:none;}
.input_box input {width:100%; height:50px; padding:10px 18px;line-height:1.4em;font-size:20px;font-weight:400;letter-spacing:-.025em;border-radius:4px;background:#f4f4f4;border:none;}
.input_box input::placeholder {color:#999;}
.btn_box :where(button, a) {display:block;width:100%;height:56px;line-height:56px;font-size:22px;letter-spacing:-.025em;font-weight:bold;text-align:center;color:#fff;border-radius:4px;background:#3070b5;border:none;cursor:pointer;}

@media(max-width:767px) {

    /*login*/
    .login_wrap .login_logo {left:50%; transform: translateX(-50%);} 
    .login_wrap .title {font-size:30px;}
    .login_wrap .sub_title {font-size:14px;}
    .input_box select {height:40px; font-size:14px;}
    .input_box input {height:40px; font-size:14px;}
    .btn_box :where(button, a) {height:44px;line-height:44px;font-size:18px;}
}