@charset "utf-8";
section.login {position:relative; min-height:50rem;}

.login_box {position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width: 100%; max-width:500px; height:500px; background:#fff; padding: 0 2rem;}
.login_title {width: 100%; text-align: center; font-size: 4.4rem; font-weight: 700; margin: 5rem auto 4rem; letter-spacing: normal;}

.login_input {position:relative; }
.login_input + .login_input {margin-top:10px;}
.login_input label { position:absolute; top:0; left:0; width:52px; height:52px; 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 {width: 100%; border: 1px solid #cecece; padding: 0 10px 0 50px; height: 52px; line-height: 52px; border-radius: 5px;}
.login_input input:focus,
.login_input input:active {/*outline: none; border-bottom:1px solid #006999; transition: border-bottom ease 0.7s 0s;*/}
.login_btn {margin:35px auto; text-align:center;}
.login_btn a {width: 100%; line-height: 52px; height: 52px; font-size: 1.8rem; background: #258909; color: #fff; border: none; box-sizing: border-box; font-weight: 600;}
.user_btn {text-align: center;}
.user_btn ul {margin:10px;overflow:hidden;}
.user_btn ul li {display: inline-block;}
.user_btn ul li + li::before{content: '|'; margin: 0 15px; color: #b6b6b6;}
.user_btn ul li:hover{text-decoration: underline;}