@charset "UTF-8";

._loginBefore h2{position:relative; text-align:center; margin-bottom:30px;}
._loginBefore h2:before{content:''; position:absolute; left:0; top:50%; margin-top:5px; width:100%; height:1px; background-color:#c4c4c4; display:block; z-index:-1;}
._loginBefore h2 p{font-size:35px; text-align:center; color:#000; font-weight:400; display:inline-block; background-color:#fff; padding:0 20px;}
._loginBefore h2 p strong{font-size:35px; font-weight:700;}

._loginBefore .subText{font-size:18px; color:#0054a6; text-align:center; margin-bottom:30px; word-break: keep-all;}

._loginBefore form{padding-bottom:50px; border-bottom:1px solid #c4c4c4;}
._loginBefore form ._loginInputWrap{width:520px; margin:0 auto; position:relative;}
._loginBefore form ._loginInputWrap ._loginInput{width:calc(100% - 140px);}
._loginBefore form ._loginInputWrap ._loginInput ._inputArea input{height:61px; width:100%; padding-left:50px; box-sizing:border-box; background:url(./../images/idBg.png) 10px center no-repeat;}
._loginBefore form ._loginInputWrap ._loginInput ._inputArea + ._inputArea input{background:url(./../images/pwBg.png) 10px center no-repeat;}
._loginBefore form ._loginInputWrap ._loginInput ._inputArea + ._inputArea{margin-top:5px;}
._loginBefore form ._loginInputWrap ._loginInput ._inputArea input:focus{background:none; padding-left:10px;}
._loginBefore form ._loginInputWrap ._loginSubmit{position:absolute; right:0; top:0; display:block; border:none; background-color:#941a56; font-size:20px; color:#fff; width:130px; height:130px; line-height:130px;} 

.login-info{margin-top:50px; position:relative;}
.login-info .infoTitle{background:url(./../images/infoBg.png) 0 center no-repeat; padding-left:30px; margin-bottom:10px; font-weight:500;}
.login-info ul{margin-left:10px;}
.login-info ul li{color:#555; position:relative; padding-left:12px; font-size:0.9em;}
.login-info ul li:before{content:''; width:4px; height:4px; border-radius:10px; background-color:#959595; display:inline-block; position:absolute; left:0; top:10px; margin-top:-1px;}
.login-info a.pwSearch{position:absolute; right:0; top:0; display:inline-block; padding:5px 10px 5px 10px; border-radius:5px; color:#fff; font-size:0.8em; background-color:#4c4c4c;}
.login-info a.pwSearch:after{content:''; width:6px; height:10px; display:inline-block; background:url(./../images/pwSearchBg.png) right center no-repeat; margin-left:10px; vertical-align:middle;}

@media only screen and (max-width:600px){
	._loginBefore h2 p{font-size:30px;}
	._loginBefore form ._loginInputWrap{width:auto;}
	._loginBefore form ._loginInputWrap ._loginInput{width:auto;}
	._loginBefore form ._loginInputWrap ._loginSubmit{position:relative; width:100%; height:auto; line-height:inherit; padding:20px 0; margin-top:10px;}
	.login-info a.pwSearch{display:block; position:relative; text-align:center; margin-top:20px;}
}


._loginMsg{text-align:center; font-size:1.3em;}
._btnLogout{display: block; border: none; background-color: #941a56; font-size: 16px; color: #fff; font-weight:500; margin:0 auto; padding:10px;}
._loginAfter .subText{margin-bottom:10px;}
._loginAfter ._loginMsg{margin-bottom:20px;}
._loginAfter ._loginMsg strong{color:#394fd2;}