@charset "UTF-8";
@import url(common.css);

body {background:#dee4ee;}

/* 로그인 */
.login_wrap {display:block;margin:145px auto;width:745px;overflow:hidden;}
.login_wrap h1 {margin-bottom:10px;overflow:hidden;}
.login_wrap h1 img {float:left;}
.login_wrap h1 span {
	 margin: 0 0 0 21px;
    color: #222;
    font-size: 17px;
    font-family: "SCDream";
    font-weight: 500;
    float: left;
    position: relative;
    top: 9px;
}
.login_wrap h1 span:after{
	content: "";
    display: block;
    width: 1px;
    height: 16px;
    background: #666;
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
}
.login_contents {}
.login_wrap .login_visual {width:330px;height:372px;background:#fff url('../../lmxsrv/images/member/login_img.png') 0 0 no-repeat;float:left;}
.login_wrap .login_frame {width:415px;height:372px;padding:55px 30px;background:#fff;overflow:hidden;float:left;box-sizing:border-box;text-align:center;}

.login_wrap p.intro {margin-bottom:25px;font-size:15px;color:#222;letter-spacing:-1px;}

.login_wrap input {width:100%;height:52px;border:1px solid #cdcdcd;border-radius: 2px;padding:0 5px 0 50px;font-size:15px;color:#222;letter-spacing:-1px;box-sizing:border-box;margin-bottom:5px;}
.login_wrap .id_input {background:#fff url('../../lmxsrv/images/member/bg_id_input.png') 15px 50% no-repeat;}
.login_wrap .warning_input {background:#fff url('../../lmxsrv/images/member/bg_login_warning.png') 14px 50% no-repeat;color:#e22b2b;}
.login_wrap .pw_input {background:#fff url('../../lmxsrv/images/member/bg_pw_input.png') 16px 50% no-repeat;}

.login_wrap .loginBtn {display:block;background-color:#0093D5;width:100%;height:52px;border-radius: 2px;line-height:52px;text-align:center;color:#fff;font-size:18px;font-weight:bold;cursor:pointer;margin-bottom:25px;}

.login_wrap .loginFoot {font-size:12px;color:#645f59;text-align:left;}
.login_wrap .loginFoot a {color:#645f59;}
.login_wrap .loginFoot a:hover, .login_wrap .loginFoot a:focus {text-decoration:underline;color:#000;}

#pw_wrap {width:411px;margin:150px auto;}
#pw_wrap h1 {margin:0 0 18px 0;}
#pw_wrap .pwForm {width:100%;height:260px;background:#dbdee0;padding:28px 50px;}
#pw_wrap .pwForm .txtG {color:#0d67a3;font-size:15px;margin:0 0 18px 0;letter-spacing:-1px;}
#pw_wrap .pwForm input {margin:0 0 4px 0;width:375px;height:17px;border:1px solid #d3d5d7;font-size:15px;padding:15px 17px}
#pw_wrap .pwForm a {float:left;margin:9px 6px 0 0;}


/* 에러페이지 */
.error_wrap {width:440px;margin:140px auto;}
.error_wrap h1 {overflow:hidden;margin-bottom:10px;}
.error_wrap h1 img {float:left;}
.error_wrap h1 span {
	margin: 0 0 0 21px;
    color: #222;
    font-size: 17px;
    font-family: "SCDream";
    font-weight: 500;
    float: left;
    position: relative;
    top: 9px;
}

.error_wrap h1 span::after {
	content: "";
    display: block;
    width: 1px;
    height: 16px;
    background: #666;
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
}

.error_inner {padding:20px 22px 22px;background:#f7f7f7;border:1px solid #d6d6d6;border-radius:4px;}
.error_inner .error_info {font-size:13px;color:#2d3f57;margin:0 0 28px;line-height: 18px;}
.error_inner .error_info p {font-size:15px;color:#da5c00;margin:0 0 10px;padding:0 0 0 18px;background:url('../../lmxsrv/images/member/error_icon.png') 0 55% no-repeat;}
.error_inner .error_info a {font-size:13px;color:#005ea8;}
.error_inner .error_info a:hover {border-bottom:1px solid #3f6eb5;}
.error_inner .error_btn {overflow:hidden;}
.error_inner .error_btn a {float:left;margin:0 10px 0 0;padding: 0 12px;height: 36px;line-height: 36px;border-radius: 2px;font-size:14px;color:#fff;vertical-align:top;}
.error_inner .error_btn a.main_page {background:#0093D5;}
.error_inner .error_btn a.error_check {background:#ec7424;}
.error_inner .error_btn a.close {background:#85888d;}

@media all and (max-width: 768px){
	*{font-size:10px;}
	
	.login_wrap{width:100%; padding:0 1.2rem; margin: 3rem 0; box-sizing:border-box;}
	
	.login_wrap .login_visual{display:none}
	
	.login_wrap h1 img {width:10rem; height:2.3rem;}
	.login_wrap h1 span {font-size:1.2rem; top:0.4rem; margin:0 0 0 1rem;letter-spacing: -0.15em;}
	.login_wrap h1 span:after {height:1.2rem;left: -0.5rem;}
	
	.login_wrap .login_frame{width:100%; height: initial; padding: 2.5rem 1.2rem;}
	
	.login_wrap p.intro, .login_wrap input{font-size:1.4rem;}
	
	.login_wrap .loginBtn{font-size:1.5rem}
	
	/* 에러 */
	.error_wrap {width:100%; padding: 0 10px; box-sizing: border-box;}
	.error_wrap h1 img {width:10rem; height:2.3rem;}
	.error_wrap h1 span {font-size:1.2rem; top:0.4rem; margin:0 0 0 1rem;letter-spacing: -0.15em;}
	.error_wrap h1 span:after {height:1.2rem;left: -0.5rem;}
}