@charset "utf-8";

/* select */
select {
	-webkit-appearance: listbox;
	-moz-appearance: listbox;
	appearance: listbox;
}
select::-ms-expand {
    display: block;
}


/* 회원가입 */
body { background: #f2f4f7; }
#register-form-wrap { width: 620px; margin: 0 auto; padding: 100px 0; }
#register-form-wrap .logo-area { text-align: center; height: 80px; }
#register-form-wrap .logo-area a { display: block; height: 100%; }
#register-form-wrap .logo-area a img { 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;  color: #585858; letter-spacing: 0; }
#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: 10px; }
.checkbox input[type=checkbox],
.checkbox input[type=radio] { display: none; }
.checkbox label { padding-left: 30px; position: relative; font-size: 16px;  line-height: 17px; height: 30px; display: block; color: #585858; cursor: pointer; }
.checkbox label .imp { color: #2932cb; margin-left: 5px; font-size: 14px; }
.checkbox label:before { position: absolute; width: 20px; height: 20px; content: ''; background: url(../img/register/check.png); background-position: 0 0; left: 0; top: 0; background-size: 20px 40px; }
.checkbox input[type=checkbox]:checked ~ label,
.checkbox input[type=radio]:checked ~ label { color: #2932cb; font-weight: bold; }
.checkbox input[type=checkbox]:checked ~ label:before { background-position: 0 -15px; }
.checkbox input[type=radio]:checked ~ label:before { background-position: 0 -20px; }

#join_form ul li { margin-bottom: 15px; overflow: hidden; }
#join_form ul li .block-title { display: block; font-size: 16px;  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; width: 33%; }
#join_form ul li select option { font-size: 15px; }
#join_form ul li input[type=text].short-input { width: 32%; 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;  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; }

/* 탭추가 */
#register-form-wrap .input-area .type-select { height: 55px; margin-bottom: 40px; cursor: default; }
#register-form-wrap .input-area .type-select ul { overflow: hidden; height: 100%; }
#register-form-wrap .input-area .type-select ul li { display: inline-block; width: 33.33%; float: left; height: 100%; }
#register-form-wrap .input-area .type-select ul li { display: block; text-align: center; font-size: 15px; border: 1px solid #ccc; border-right: none; height: 100%; line-height: 53px; background-color: #E9EBEF; color: #999; position: relative; padding-left: 20px; }
#register-form-wrap .input-area .type-select ul li:last-child { border-right: none; border-right: 1px solid #ccc; }
#register-form-wrap .input-area .type-select ul .select { border-bottom: none; background-color: transparent; border-top: 3px solid #2932cb; color: #2932cb; line-height: 51px; font-weight: 500; }
#register-form-wrap .input-area .type-select ul li .ico { display: inline-block; background: url(../img/register/ico_wrap.png); background-repeat: no-repeat; position: absolute; }
#register-form-wrap .input-area .type-select ul li:nth-child(1) .ico { width: 21px; height: 24px; top: 14px; left: 30px; background-position: 0 0; }
#register-form-wrap .input-area .type-select ul li:nth-child(2) .ico { width: 19px; height: 27px; top: 12px; left: 32px; background-position: -22px 0; }
#register-form-wrap .input-area .type-select ul li:nth-child(3) .ico { width: 25px; height: 21px; top: 16px; left: 26px; background-position: -63px 0; }
#register-form-wrap .input-area .type-select ul li:nth-child(1).select .ico { background-position: 0 -29px; }
#register-form-wrap .input-area .type-select ul li:nth-child(2).select .ico { background-position: -22px -29px; }
#register-form-wrap .input-area .type-select ul li:nth-child(3).select .ico { background-position: -63px -29px; }

/* 디자인 변경 */
#register-form-wrap .input-area .agreement { padding-bottom: 10px; }

#register-form-wrap .input-area .text-box { height: 48px; border-bottom: 1px solid #ccc; width: 100%; float: left; font-size: 16px; line-height: 45px; font-weight: 500; }

#register-form-wrap .btn-area { height: 70px; margin-top: 20px; border-top: 1px solid #dee3eb; padding-top: 30px; }
#register-form-wrap .btn-area a { height: 40px; font-size: 14px; background: #0084ff; line-height: 40px; display: block; width: 100px; text-align: center; border-radius: 3px; color: #fff; }
#register-form-wrap .btn-area .pre-btn { float: left; background: #BCC0C3; }
#register-form-wrap .btn-area .next-btn { float: right; }

#register-form-wrap .greeting { text-align: center; position: relative; }
#register-form-wrap .greeting .go-btn { width: 250px; font-size: 16px; height: 50px; line-height: 50px; font-weight: 500;  height: 50px; font-size: 15px; background: #0084ff; border-radius: 3px; display: block; color: #fff; top: 350px; position: absolute; z-index: 2; left: 180px; }