@charset "UTF-8";

/* 로그인 */
._loginBefore { border-top:1px solid #ddd; background-color:#efefef; padding:50px 0; }
._loginBefore h2 { text-align:center;  padding-bottom:30px; }
._loginBefore h2::before { content:""; display:block; width:30px; height:3px; background-color:#222; margin:0 auto 10px auto;}

._loginBefore ._loginInputWrap { display:flex; flex-flow:row wrap; justify-content:center; margin:0 auto; width:415px; }

._loginBefore ._loginInputWrap ._loginInput { flex:1 0 auto; text-align:right;}
._loginBefore ._loginInputWrap ._loginSubmit { flex:0 0 100px; height:90px; cursor:pointer; background:#3a6eaf; color:#fff; margin-left:10px; font-size:18px; font-weight:bold;-webkit-appearance:none;appearance:none;  }

._loginBefore ._loginInputWrap ._loginInput ._inputArea:nth-child(1) { padding-bottom:10px; }
._loginBefore ._loginInputWrap ._loginInput ._inputArea ._input { width:280px; padding:5px; height:40px; background:#fff;}

._loginBefore ._findInfo { width:415px; text-align:center; margin:0 auto; display:flex; flex-flow:row wrap; justify-content:center; }
._loginBefore ._findInfo::before { content:""; display:block; width:100%; height:1px; border:1px dashed #ddd; margin:30px 0; }

._loginBefore ._findInfo li { flex:1 1 40%; padding:0 5px; }
._loginBefore ._findInfo li:nth-child(1) { text-align:right; }
._loginBefore ._findInfo li:nth-child(2) { text-align:left; }

@media only screen and (max-width:480px) {
	._loginBefore { padding:20px 20px; }
	._loginBefore ._loginInputWrap { width:100%; }
	._loginBefore ._loginInputWrap ._loginInput {flex-basis:100%; text-align:center; }
	._loginBefore ._loginInputWrap ._loginSubmit { flex-basis:100%; text-align:center; margin-left:0px; }
	._loginBefore ._loginInputWrap ._loginInput ._inputArea:nth-child(2) { padding-bottom:10px; }
	._loginBefore ._loginInputWrap ._loginInput ._inputArea ._input { width:100%; }
	._loginBefore ._loginInputWrap ._loginSubmit { height:50px; }
	._loginBefore ._findInfo { width:100%; }
}
@media only screen and (max-width:350px) {
	._loginBefore ._findInfo li { flex-basis:100%; padding-bottom:10px; }
	._loginBefore ._findInfo li:nth-child(1) { text-align:center; }
	._loginBefore ._findInfo li:nth-child(2) { text-align:center;}
}

/* 로그아웃 */
._loginAfter { border:1px solid #ddd; background-color:#efefef; padding:50px 0; }
._loginAfter h2 { text-align:center;  padding-bottom:30px; }
._loginAfter h2::before { content:""; display:block; width:30px; height:3px; background-color:#222; margin:0 auto 10px auto;}

._loginAfter ._loginInfo { width:415px; margin:0 auto; }
._loginAfter ._loginInfo ._loginMsg { text-align:center; }
._loginAfter ._uInfo { width:415px; margin:0 auto; text-align:center; padding-top:20px;  }
._loginAfter ._uInfo ._btnLogout { font-size:18px; font-weight:bold; width:120px; height:50px; cursor:pointer; background:#3a6eaf; color:#fff;}