@charset "utf-8";

body,html{ height:100%}
body {position:relative; font-family:'Noto Sans KR',sans-serif; background: url('../images/login_bg.jpg') top center no-repeat; background-size: cover; }

.login {text-align: center;position: absolute;top: 50%;left: 50%; width:90%}
.login .logo{ background:url(../images/logo.png) no-repeat 50% 0; height:66px; background-size:auto 100%; margin-bottom:3%; margin-left: 70px;}
.login .login_form { width:100%;border:1px solid rgba(0,0,0,0.2); border-top:7px solid #f49c00; background:#fff;letter-spacing:-0.07em;padding:7%;}
.login .login_form h2 {text-align:center; font-weight:400; margin:0; margin-bottom:25px; font-size:23px;}
.login .login_form h2 b {}
.login .login_form .id_pw {width:100%;}
.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 {width:100% !important; height:49px !important; padding:0 10px;}
.login .login_form .submit {display:table;font-size:120%;width:100%;height:49px}
.login .login_form .submit a {display:table-cell; overflow:hidden; border:0; background:#f49c00; color:#fff; text-align:center;vertical-align:middle}

.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('./thema/happyeye/images/login/chk.gif') center no-repeat ;margin-right:5px; top:-2px;}
.id_save input[type="checkbox"]:checked + label span {background: url('./thema/happyeye/images/login/chk_on.gif') center no-repeat;}
.id_save input[type="checkbox"] + label:hover {color:#012293;}

.login .login_text {padding:3% 0 0;font-size:0.75em;text-align:center;clear:both;word-break:keep-all;word-wrap:break-word; line-height:1.3em; opacity:.6}

@media only screen and (min-width: 992px) {
	.login{width:600px;}
	.login .login_form .id_pw {float:left;width:calc(100% - 110px);}
	.login .login_form .submit {float:right;width:100px;height:107px}
}