@charset "utf-8";
section.login {position:relative; min-height:calc(100vh - 295px);}

.login_box {margin: 40px auto; width:520px;background:#fff;}
.login_title {width:100%;text-align: center; font-size: 4rem; font-weight: 700; color: #333; margin: 5rem auto 4rem;}

.login_input {position:relative;}
.login_input + .login_input {margin-top:10px;}
.login_input label { position:absolute; top:0; left:0; width:50px; height:54px; background-image:url(/images/common/ico/ico_id.png);background-position:center; background-size:15px auto; background-repeat:no-repeat;}
.login_input label[for="loginId"] {background-image:url(/images/common/ico/ico_id.png);}
.login_input label[for="loginPw"] {background-image:url(/images/common/ico/ico_pw.png);}
.login_input input { color: #4d5256; width:100%; border:0; border:1px solid #cecece; padding:0 10px 0 50px!important;height: 54px!important;line-height: 54px;}

.login_input .pw_toggle {position:absolute; top:0; right:0; width:50px; height:54px; display:flex; align-items:center; justify-content:center; color:#4d5256;}
.login_input input[type="password"], .login_input input[type="text"] {padding-right:50px!important;}

.login_btn {margin:35px auto 40px; text-align:center;}
.login_btn a {width: 100%;line-height: 60px;height: 60px;border-radius: 8px;background: #121212;color: #fff;}

.user_btn ul {overflow:hidden; padding-left: 0;text-align: center;}
.user_btn ul li{position: relative; display: inline-block;}
.user_btn ul li + li{padding-left: 20px;}
.user_btn ul li + li:before {content: ''; position: absolute; top: 6px; left: 10px; height: 10px; width: 1px; background-color: #ddd; }
.user_btn ul li a{color: #333;}
.user_btn ul li a:hover,
.user_btn ul li a:active{font-weight: 700;}

@media (max-width: 640px){
.login_box{width: 100%;}
}