@charset "utf-8";

body {background:url('../images/login/login_bg.jpg') center no-repeat; background-size:cover; font-family:'Noto Sans KR',sans-serif;}

.login {padding:55px 0; font-size:14px}
.login .img {text-align:center;}
.login .login_form {width:90%; border:1px solid #c7c7c7; border-top:7px solid #5379fa; background:#fff; margin:0 auto; letter-spacing:-0.07em; padding:50px;}
.login .login_form h2 {text-align:center; font-weight:400; margin:0; margin-bottom:25px; word-break:keep-all}
.login .login_form h2 b {}
.login .login_form .id_pw { display:inline-block;vertical-align:top;width:calc(100% - 118px)}
.login .login_form .id_pw dl {margin-bottom:9px;}
.login .login_form .id_pw dl dt {display:none;}
.login .login_form .id_pw dl dd input {height:49px;padding:0 10px; width:100%}
.login .login_form .submit {float:right;width:110px;}
.login .login_form .submit a {display:block; overflow:hidden; border:0; width:100%; line-height:107px; background:#5379fa; color:#fff; text-align:center;}

.id_save {padding:20px 0;}
.id_save input[type="checkbox"] {display:none;}
.id_save input[type="checkbox"] + label {position:relative; display:inline-block; cursor:pointer; font-size:15px; font-weight:600;}
.id_save input[type="checkbox"] + label span {position:relative; float: left; width: 18px; height: 18px; display: block; background: url('../images/login/chk.gif') center no-repeat ;margin-right:5px; top:-2px;}
.id_save input[type="checkbox"]:checked + label span {background: url('../images/login/chk_on.gif') center no-repeat;}
.id_save input[type="checkbox"] + label:hover {color:#012293;}

.login .login_service {padding-top:25px; border-top:1px solid #484848; }
.login .login_service dl {display:block; overflow:hidden; margin-bottom:10px;font-size:90%; color:#484848;}
.login .login_service dl dt {float:left;}
.login .login_service dl dd { overflow:hidden; font-weight:600; text-align:right}

@media (min-width:991px) {
	.login .login_form{width:716px;}
	.login .login_form .id_pw{width:calc(100% - 188px)}
	.login .login_form .submit{ width:180px;}
}


@media (max-width:799px) {
	.login .login_form {padding: 20px .7rem;}
	.login .login_form h2 {letter-spacing: -.15rem;padding: 0 2rem;}
	.login .login_service dl dt {letter-spacing: -.10rem;}
	.login .login_service dl dd {letter-spacing: -.07rem;}
}