@charset "utf-8";

/*로그인*/
.login { margin: 0 auto; max-width: 400px; }

.find { padding: 30px 0; overflow: hidden; }
.find ul { position:relative; }
.find ul:before { content: ""; position:absolute; top: 10px; left: 50%; width: 1px; height: 24px; background: var(--BK-BD); }
.find li { float: left; width: 50%; }
.find li a { display: block; padding: 10px 0; text-align: center; }

.join_btn{ text-align: center; }
.join_btn i{ color: var(--main-pu); border-bottom: 1px solid var(--main-pu); }
@media (max-width:991px) {
	.find{ padding: 20px 0 10px 0; }
	.join_btn{ padding: 0 0 20px 0; }
	.login_sns li{ padding: 5px 0; }
	.login_sns li a{ height: 50px; line-height: 50px; }
}

/*회원가입*/
.join { max-width: 1200px; margin: 0 auto; }
.join img { width: auto; max-width: 150px; }

.join h5 { margin: 0 0 20px 0; padding: 10px 0 20px 0; border-bottom: 1px solid var(--main-pu); }
.join h5 strong{ font-size: 0.9em; font-weight: 500; color: var(--main-pu); }
.join .filebox label { padding: 0; }
.join .filebox .file_add + .file_add { margin-top: 15px; }
.join .filebox .file_add label { display: inline-block; width: calc(100% - 170px); }
.join .filebox i { display:inline-block; width: 65px; height: 50px; text-align: center; line-height: 50px; border-radius: 50px; cursor: pointer; }
.join .terms span { display: inline-block; text-decoration: underline; color: var(--black); cursor: pointer; }

/*약관동의*/
.form-group dt { font-weight: 400; line-height: 50px; }
.form-group button{ width: 100%; height: 50px; text-align: center; border-radius: 50px; }
.form-group .terms_con{ height: 250px; padding: 0 10px; border: 1px solid var(--BK-9E); overflow-y: scroll; }
.form-group label{ padding: 10px 0 0 0; }
.form-group span{ display: block; padding: 5px 0 0 0; color: #999; }
.form-group.sms_num { position: relative; }
.form-group.sms_num i { position: absolute; right: 5px; top: 0; height: 50px; line-height: 50px; font-size: 0.9em; font-weight: 700; }

.btn_wrap { margin: 0 auto; }
	.btn_wrap ul { display: flex; justify-content: center; gap: 10px; }
	.btn_wrap a { display: block; padding: 0 50px; height: 50px; line-height: 47px; text-align: center; border-radius: 50px; }
	.btn_wrap input { padding: 0 50px; border-radius: 50px; }

/* 제품이미지 */
.img_list { display: flex; flex-wrap: wrap; gap: 10px; }
.img_list li { width: calc(20% - 5px);  }