#Loginwrap{position:relative;float:left;margin:30px 0 100px;width:100%;letter-spacing:-1px;}
#Loginwrap ul{position:relative;width:100%;max-width:600px;margin:3vmin auto;text-align:center;}
#Loginwrap ul li{display:inline;padding:0 35px;background:url(../img/line.gif) right 4px no-repeat;}
#Loginwrap .line{background:none;}
#Loginwrap .txt{position:relative;width:100%;max-width:600px;margin:0 auto;text-align:center;word-break:keep-all;border-top:1px solid #dfdfdf;padding-top:20px;font-size:14px;line-height:24px;}
#Loginwrap .txt span{color:#0E77E6;}
#Loginwrap .bdnone{border:0;}

#loginbg{position:relative;width:100%;max-width:600px;margin:0 auto;border:1px solid #dfdfdf;background-color:#fff;padding:5vmin 7vmin;}
.login-title{margin-bottom:2vmin;text-align: center;}
#Loginwrap h4{text-align:center;font-size:22px;font-weight:700;color:#494949;padding-bottom:10px;}
#Loginwrap h4  strong{font-weight:normal;}
#loginbg p{font-size:18px;}
#loginbg p span{color:#0E77E6;}
.loginform{margin:30px auto;}
.loginform input{padding-left:50px;width:98%;vertical-align:middle;border:none;height:55px;font-size:16px;margin-bottom:10px;}
.loginform input::placeholder{color:#aaa;}
.loginbt{display:block;margin:10px auto;height:55px!important;width:100%;height:auto;font-size:18px;text-align:center;color:#fff;border-radius:3px!important;border:1px solid #1F4787;background-color:#1F4787;cursor:pointer;font-family:'Pretendard',AppleGothic,sans-serif;-webkit-appearance:none;}
.loginbt:hover{border-color:#2c77ba;background-color:#2c77ba;}

.pwchange{position:relative;float:left;width:100%;margin:15px 0;}
.pwchange label{float:left;width:100px;line-height:40px;color:#333;}
.pwchange input {float:right;width:75%;vertical-align:middle;border:1px solid #dfdfdf;height:30px;font-size:15px;margin-bottom:10px;}

.login_id, .login_pass{position:absolute;display:none;font-size:0;overflow:hidden;visibility:hidden;}
.alert{z-index:999}

.find_idpw{text-align:center;margin:1vmin 0 2vmin;}
.find_idpw_txt{display:inline-block;margin-right:4px;color:#818181;}
.btn_find_idpw{color:#2196F3;font-weight:600;}

.login_btn{padding:0 7vmin;}
.login_btn li{padding:0!important;}
.login_btn li a{display:inline-block;width:100%;padding:16px 0;border:1px solid #d3d3d3;}

.login_message{width:100%;max-width:600px;margin:3vmin auto;text-align:center;border:1px solid #dfdfdf;padding:10vmin 7.2vmin;font-size:1.3rem;}

@media screen and (max-width:600px) {
	#Loginwrap h4{font-size:16px;line-height:18px;}
	#loginbg .loginform input{padding-left:24;}
	#Loginwrap ul li{padding:0 15px;font-size:12px;}
	#Loginwrap .txt{padding-top:15px;font-size:11px;line-height:15px;text-align:center;}
	.find_idpw{font-size:14px;}
}
@media screen and (max-width:400px) {
	.find_idpw_txt{display:none;}
}
/*id, pw 입력폼 스타일*/
.loginform .login_id_input{position:relative; anchor-name:--loginid}
.loginform .login_pass_input{position:relative; anchor-name:--loginpw}
.loginform .login_id, 
.loginform .login_pass{z-index:1; display: block; position: absolute; width: 36px; height: 36px; text-indent: -9999px;/* 텍스트 "아이디" 글자는 숨김 */ overflow: hidden; visibility: visible;font-size: 0;}
.loginform .login_id {left: anchor(3% --loginid); top: anchor(15% --loginid); background: url("../img/ic_login_user.png") center / contain no-repeat;}
.loginform .login_pass{left: anchor(3% --loginpw); top: anchor(15% --loginpw); background: url("../img/ic_login_pw.png") center / contain no-repeat;}
.loginform .login_id_input:-webkit-autofill,
.loginform .login_id_input:-webkit-autofill:hover,
.loginform .login_id_input:-webkit-autofill:focus,
.loginform .login_pass_input:-webkit-autofill,
.loginform .login_pass_input:-webkit-autofill:hover,
.loginform .login_pass_input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 9999px #f8f8f8 inset !important;
    box-shadow: 0 0 0px 9999px #f8f8f8 inset !important;
    -webkit-text-fill-color: #333 !important;
    /* background image는 이미 상위 규칙에서 적용돼 있으므로 유지됨 */
}