/* login */
.loginWrap h1 {font-size:36px;font-family: 'Roboto';font-weight: 700;line-height:48px;}
.loginWrap h1 + P {margin-top:20px;color:#666;}
.loginWrap h1 + P strong {display:block;margin-bottom:4px;font-size:16px;font-weight:800;}
.loginWrap .inputWrap {display:block;margin-top:16px;}
.loginWrap h1 + P + .inputWrap {margin-top:40px;}
.loginWrap .inputWrap > button {position:absolute;right:14px;;top:50%;overflow:hidden;width:28px;height:28px;transform: translateY(-50%);background-size: cover;text-indent:-999px;}
.loginWrap .inputWrap > button.btnDel {background-image: url(/images/common/btn_delete.png);}
.loginWrap .inputWrap > button.btnShow {background-image: url(/images/common/ico_hide_password.png);}
.loginWrap .inputWrap > button.btnShow.hide {background-image: url(/images/common/ico_show_password.png);}
.loginWrap .inputWrap input {height:54px;padding:0 60px 0 20px;border:1px solid #F4F4F4;border-radius:4px;color:#222;font-size:14px;background:#F4F4F4}
.loginWrap .inputWrap input.error {border-color:#FF8C33}
.loginWrap .inputWrap input::placeholder {color:#ccc}
.loginWrap .errorMsg {padding:14px 0 20px;color:#FF8C33;}
.loginWrap .infoMsg {font-size:16px; padding:40px 0 40px;color:#000;}
.loginWrap .loginContent > button {width:100%;height:56px;border-radius:4px;color:#fff;background:#245DE3;font-size:16px;font-weight:800;text-align:center;line-height:56px;}
.loginWrap .loginContent > button:disabled {color:#ccc;background:#666;}
.loginWrap .loginContent > button + button {margin-top:5px;}
.loginWrap .loginContent .inputWrap + button {margin-top:34px;}

.loginWrap .saveFindWrap {display:flex;height:24px;margin-top:16px;justify-content: space-between;align-items: center;}
.loginWrap .saveFindWrap input {width:0;height:0;opacity:0;}
.loginWrap .saveFindWrap label {padding-left:26px;font-size:14px;color:#666;background:url(/images/common/btn_check.png) no-repeat left center;cursor: pointer;}
.loginWrap .saveFindWrap input:checked + label {background-image:url(/images/common/btn_check_active.png)}
.loginWrap .saveFindWrap .findWrap {color:#666;}
.loginWrap .saveFindWrap .findWrap a {font-size:14px;color:inherit;}

.loginfooter {width:100%;padding:30px 0;background-color:#F2F3F7;flex-shrink: 1;}
.loginfooter .inner {max-width:1200px;margin:0 auto;}
.loginfooter h4 {font-size:16px;font-weight:800;}
.loginfooter .number {margin-left:16px;padding-left:28px;font-size:16px;color:#648EF4;font-weight: 700;background:url(/images/common/ico_phone.png) no-repeat left center;}
.loginfooter p {margin-top:18px;color:#222;font-weight:300;}
.loginfooter h4 + p {margin-top:8px;font-weight:500;}
.loginfooter h4 + p strong {font-weight:800;color:inherit;}