@charset "UTF-8";

.login-form{margin:140px 0 110px;text-align: center;}
.login-form h2{display: none;}
.login-form .inputwrap{display:inline-block;vertical-align: top;}
.login-form .inputwrap input[type="text"],
.login-form .inputwrap input[type="password"]{min-width: 380px;margin-bottom:7px;color:#c0c0c0;display: block;height: 50px;line-height: 50px;font-size:17px;font-family: 'Noto Regular';background:rgba(255,255,255,0.3);border:1px solid #8b8b8b;padding:0 10px;}
.login-form .inputwrap input[type="text"]::placeholder,
.login-form .inputwrap input[type="password"]::placeholder{color:#c0c0c0;}
.login-form .user_sign{display: inline-block;vertical-align:top;padding: 38px 40px 25px 20px;text-align: left;position: relative;}
.login-form .user_sign:after{content:'';background:#366fcc; width:76px;height: 76px;position: absolute;top:25px;right:0;border-radius: 50%;z-index: 0;transition: all ease .4s;}
.login-form .user_sign:hover:after{background:#6df9c5;}
.login-form .user_sign input[type="submit"]{position: relative;z-index: 1;border:none;color:#fff;background: url('../images/sign_arrow.png') no-repeat RIGHT bottom;transition: all ease .4s;font-size: 25px;padding: 0 40px 10px 0;font-family: 'Noto Regular';color: #6df9c5;display: block;}
.login-form .user_sign:hover input[type="submit"]{color:#fff;}
.login-form ul.util{padding-right:175px;margin-top:30px;}
.login-form ul.util li{display: inline-block;vertical-align: top;padding:0 20px;}
.login-form ul.util li input[type="submit"]{font-size:16px;color:#aeaeae;text-decoration: none;transition: all ease .4s;border:none;background: none;}
.login-form ul.util li input[type="submit"]:hover{color:#366fcc;}
.login-form ul.util li.sign_icon input[type="submit"]{background: url('../images/sign_icon.png') no-repeat left center;padding: 2px 0 1px 45px;}
.login-form ul.util li.sign_icon input[type="submit"]:hover{background: url('../images/sign_icon_on.png') no-repeat left center;}
.login-form ul.util li + li{border-left:1px solid #474e61;}

._loginAfter > h2,
._loginAfter .title,
._loginInfo,
._uInfo{display:none;}

.go-Btn{margin: 180px auto 150px;text-align: center;width:660px;}
.go-Btn a{display:inline-block;width: calc(100% / 2 - 10px);border: 3px solid #ccc;background: rgba(255,255,255,1) url('../images/gman01.png') no-repeat center 40px;box-sizing: border-box;padding: 120px 0 35px;border-radius: 10px;font-size:22px;color:#212121;transition: all ease .4s;font-family: 'Noto Regular';font-weight: 600;letter-spacing: -1.5px;}
.go-Btn a:hover{border:3px solid #00428e;background-color:rgba(255,255,255,0.8);}
.go-Btn a + a{margin-left: 10px;background-image:url('../images/gman02.png');}

@media all and (max-width:767px) {
.login-form{margin:55px 0 0;text-align: right;}
.login-form .inputwrap{display: block;}
.login-form .user_sign{display: inline-block;width: 110px;padding: 35px 40px 25px 20px;}
.login-form .inputwrap input[type="text"],
.login-form .inputwrap input[type="password"]{width:95%;min-width: auto;}
.login-form .user_sign input[type="submit"]{font-size:23px;}
.login-form ul.util{padding-right:0;text-align: center;margin-top: 25px;font-size: 0;}
.login-form ul.util li:nth-child(1){padding-left:0;}
.login-form ul.util li{padding:0 10px;}
.login-form ul.util li:nth-child(3){padding-right:0;}

.go-Btn{width:100%;margin: 40px auto 0;padding: 0 20px;}
.go-Btn a{display: inline-block;width: calc(100% / 2 - 10px);font-size: 14px;padding: 80px 0 15px;background-size: 40px;background-position: center 20px;}
.go-Btn a + a{margin-left:0;margin-top:10px;}
}

@media all and (max-width:460px) {
.login-form ul.util li a{font-size:14px;}
.login-form ul.util li.sign_icon a{padding: 5px 0 0 35px;}
}

@media all and (max-width:360px) {
.login-form ul.util li{display: block;margin-bottom:10px;text-align: center;padding:0;}
.login-form ul.util li + li{border-left:none;}
.login-form ul.util li.sign_icon a{background: none;padding:0;text-align: center;}
}