.memberContainer { max-width: 560px; margin: auto; padding: 3rem 0 6rem; }

.memberTitle { padding: 0 0.5rem 2rem; }
.memberTitle h2 { font-size: 2.6rem; font-weight: 500; }
.memberTitle h2 span { display: block; font-size: 2.6rem; }
.memberTitle h3 { font-weight: 400; font-size: 1.9rem; color: #333; margin-top: 0.8rem; }
.memberTitle h3 span { color: #408b56; font-size: 1.9rem; font-weight: 500; }

.memberInsert { margin-bottom: 1.5rem; }
.memberInsert li { position: relative; }
.memberInsert li input { padding: 1.2rem 1.2rem 1.2rem 4.4rem; border: 1px solid #e8e8e8; border-radius: 0.2rem; width: 100%; font-size: 1.4rem; font-weight: 400; }
.memberInsert li + li { margin-top: 10px; }
.memberInsert li i { position: absolute; top: 50%; left: 1.3rem; transform: translateY(-50%); font-size: 2rem; color: #999; }

.memberInsert .telInsert { overflow: hidden; }
.memberInsert .telInsert .customSelect { width: 33.333%; float: left; }
.memberInsert .telInsert em { width: 33.333%; display: block; float: left; padding-left: 10px; }
.memberInsert .telInsert em input { padding-left: 1.2rem; }

.memberInsert .btnInsert { position: relative; padding-right: 110px; }
.memberInsert .btnInsert button { position: absolute; top: 0; right: 0; font-size: 1.3rem; height: 100%; border: 1px solid #888; color: #888; border-radius: 0.3rem; width: 100px; }
.memberInsert .btnInsert button:hover { border-color: #333; color: #333; font-weight: 400; }

.memberInsert .customRadio { padding: 5px; }
.memberInsert .customRadio .inner { display: inline-block; padding-right: 10px; }
.memberInsert .customRadio .inner i { left: 0; }

.memberSearch { padding-top: 2rem; }
.memberSearch * { font-size: 1.4rem; font-weight: 400; color: #555; }
.memberSearch a:hover { text-decoration: underline; }

.orLine { position: relative; margin: 2.2rem 0; }
.orLine span { display: block; color: #aaa; margin: auto; width: 50px; text-align: center; background-color: #fff; font-size: 1.2rem }
.orLine:before { content: ''; position: absolute; top: 50%; height: 1px; width: 100%; border-top: 1px dashed #ccc; z-index: -1; }

.memberContent .lineBtn { color: #999; }

.signupAgree { border:1px solid #e8eaed; border-radius:0.3rem; background-color:#fff; margin-bottom: 2rem;}
.checkBtn-line { padding:0.5rem 1rem; border-top:1px dashed #ededed; color:#555; position:relative; }
.checkBtn-line.checkBtn-first { border-top:0; }
.checkBtn-line button { position:absolute; right:1.2rem; top:1.5rem; }

.checkBtn { overflow:hidden; padding:0.7rem 0; }

.agreeText { padding:1rem; display:none; }
.agreeText p { padding:1rem; background:#f9fafb; border:1px solid #e4e3eb; font-size:1.3rem; font-weight:300; }

@media (min-width: 800px){
	.memberContainer { padding: 5rem 0 6rem; }
}

#warp { padding-left: 0; }
.orLine span { background-color: #fafafa; }
.topContainer-member .logo { position: absolute; top: 2rem; left: 3rem; width: 13rem;  }
.topContainer-member { padding: 2rem 0 0; }
.topContainer-member img { max-width: 400px; display: block; margin: auto; }