@charset "utf-8";
/* 회원가입 */
body { background: #f2f4f7; }
#register-form-wrap { width: 500px; margin: 0 auto; padding: 100px 0; }
#register-form-wrap .logo-area { text-align: center; }
#register-form-wrap .logo-area a { display: inline-block; height: 100%; }
#register-form-wrap .input-area { min-height: 100px; margin-top: 40px; }
#register-form-wrap .input-area .content-box { height: 150px; overflow-y: auto; font-size: 14px; background: #fff; border: 1px solid #dee3eb; padding: 15px; white-space: pre-wrap; font-family: 'nk-r'; color: #585858; letter-spacing: 0; margin-top: 10px; }
#register-form-wrap .input-area .next-btn { width: 100%; height: 50px; margin-top: 50px; }
#register-form-wrap .input-area .complete-btn { height: 60px; border-radius: 30px; width: 100%; font-size: 17px; line-height: 58px; margin-top: 70px; }

.checkbox { margin-top: 20px; }
.checkbox input[type=checkbox],
.checkbox input[type=radio] { display: none; }
.checkbox label { padding-left: 40px; position: relative; font-size: 16px; font-family: 'nk-r'; line-height: 27px; height: 30px; display: block; color: #585858; }
.checkbox label .imp { color: #2932cb; margin-left: 5px; font-size: 14px; }
.checkbox label:before { position: absolute; width: 30px; height: 30px; content: ''; background: url(../img/register/check.png); background-position: 0 0; left: 0; top: 0; }
.checkbox input[type=checkbox]:checked ~ label,
.checkbox input[type=radio]:checked ~ label { color: #2932cb; font-family: 'nk-b' }
.checkbox input[type=checkbox]:checked ~ label:before,
.checkbox input[type=radio]:checked ~ label:before { background-position: 0 -30px; }

#join_form ul li { margin-bottom: 15px; overflow: hidden; }
#join_form ul li .block-title { display: block; font-size: 16px; font-family: 'nk-r'; margin-bottom: 10px; }
#join_form ul li .imp { color: #2932cb; margin-left: 5px; font-size: 14px; line-height: 25px; }
#join_form ul li .separator { line-height: 45px; margin: 0 8.5px; float: left; }
#join_form ul li input[type=text], 
#join_form ul li input[type=password] { height: 48px; border: 1px solid #dee3eb; font-size: 15px; width: 100%; float: left; padding-left: 10px; }
#join_form ul li select { height: 48px; border: 1px solid #dee3eb; font-size: 15px; letter-spacing: 0; padding-left: 10px; float: left;  }
#join_form ul li select option { font-size: 15px; }
#join_form ul li input[type=text].short-input { width: 33%; margin-left: 9px; }
#join_form ul li input[type=text].short-input:first-child { margin-left: none; }
#join_form ul li input[type=text].mail { width: 30%; }
#join_form ul li .join-alert-txt { margin-top: 5px; display: block; font-size: 13px; color: #e81b3d; font-family: 'nk-r'; letter-spacing: 0; float: left; }
#join_form ul li #select_email { margin-right: 10px; }
#join_form ul li #birth_date_1 { margin-left: 0; }
#join_form ul li #birth_date_1,#join_form ul li #birth_date_2,#join_form ul li #birth_date_3 { width: 32%; }
#join_form ul li .gender { display: inline-block; margin-right: 20px; }
#join_form ul li .btn-verify { width: 100%; height: 50px; margin-top: 15px; background: #4BB981; border-style: none; border-radius: 3px; font-size: 15px; color: #fff; line-height: 50px; transition: background .2s ease; }
#join_form ul li .btn-verify:hover { background: #15AD60; }
#join_form ul li .verify-numb { margin-top: 15px; }
#join_form ul li .address { margin-bottom: 10px; display: block; overflow: hidden; }
#join_form ul li .address input[type=text].short-input { width: 58%; margin-left: 0; }
#join_form ul li .address .find-address-btn { width: 40%; height: 48px; background: #4BB981; border-style: none; border-radius: 3px; font-size: 15px; color: #fff; line-height: 48px; transition: background .2s ease; display: block; float: right; text-align: center; }
#join_form ul li .address .find-address-btn:hover { background: #15AD60; }