@charset "utf-8";
/* 회원가입 */

#register-form-wrap { padding: 25% 30px; }
#register-form-wrap .logo-area { text-align: center; margin-bottom: 50px; }
#register-form-wrap .logo-area a { display: inline-block; width: 180px; height: auto; }
#register-form-wrap .logo-area a img { width: 100%; }
#register-form-wrap .input-area input[type=text],
#register-form-wrap .input-area input[type=password] { display: block; width: 100%; height: 45px; padding: 0 15px; background: #fff; border: 1px solid #d7dade; font-size: 14px; margin-top: 5px; }
#register-form-wrap .input-area .error-messege { color: #FF0004; font-size: 13px; font-weight: 500; display: block; margin-top: 5px; }
#register-form-wrap .input-area .error-messege img { width: 14px; margin-top: 4px; margin-right: 5px; }
#register-form-wrap .input-area .type-select { height: 45px; margin-bottom: 30px; }
#register-form-wrap .input-area .type-select:after { display: block; height: 0; clear: both; content: ''; }
#register-form-wrap .input-area .type-select a { float: left; width: 33.3333%; text-align: center; height: 100%; line-height: 45px; background: #e5e5e5; font-size: 14px; color: #999; }
#register-form-wrap .input-area .type-select a.select { background: #0084ff; color: #fff; }

#register-form-wrap .input-area .agreement { padding-bottom: 30px; border-bottom: 1px solid #dcdcdc; margin-bottom: 30px; }
#register-form-wrap .input-area .agreement .check { margin-top: 20px; }
#register-form-wrap .input-area .check input[type=checkbox].custom-check,
#register-form-wrap .input-area .check input[type=radio].custom-check { display: none; }
#register-form-wrap .input-area .check .custom-check-label { position: relative; padding-left: 28px; font-size: 14px; line-height: 20px; color: #666; display: block; cursor: pointer; }
#register-form-wrap .input-area .check .custom-check-label:before { width: 20px; height: 20px; position: absolute; content: ''; background: url(../../../img/sub/util/check.png) no-repeat; background-size: 20px 40px; left: 0; top: 1px; background-position: 0 0; }
#register-form-wrap .input-area .agreement .check .custom-check-label .imp { font-size: 13px; vertical-align: bottom; color: #0084ff; margin-left: 3px; }
#register-form-wrap .input-area .agreement .check .content-box { background: #fff; padding: 15px; font-size: 13px; border: 1px solid #dcdcdc; height: 150px; overflow-y: scroll; margin-top: 10px; }
#register-form-wrap .input-area .check input[type=checkbox].custom-check:checked + .custom-check-label,
#register-form-wrap .input-area .check input[type=radio].custom-check:checked + .custom-check-label { color: #0084ff; }
#register-form-wrap .input-area .check input[type=checkbox].custom-check:checked + .custom-check-label:before,
#register-form-wrap .input-area .check input[type=radio].custom-check:checked + .custom-check-label:before { background-position: 0 -20px; }
#register-form-wrap .input-area .next-btn { margin-top: 20px; display: block; background: #0084ff; text-align: center; height: 55px; line-height: 55px; color: #fff; font-size: 16px; border-radius: 4px; border: none; width: 100%; }

@media all and (min-width:640px)
{
	#register-form-wrap { padding-top: 250px; width: 400px; margin: 0 auto; }
}

/* 정보입력 */
#register-form-wrap .join-form { padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; }
#register-form-wrap .join-form>ul>li { margin-bottom: 15px; }
#register-form-wrap .join-form>ul>li .block-title { font-size: 14px; }
#register-form-wrap .join-form>ul>li.clearfix .block-title { float: left; width: 100%; }
#register-form-wrap .join-form>ul>li .block-title .imp { margin-left: 3px; color: #0084ff; }
#register-form-wrap .join-form>ul>li select {width:100%; height:45px; padding: 0 15px; border:1px solid #d7dade; font-size:14px; background: url("../../../img/common/arrow_d_black.svg") no-repeat 90% 50%; background-size: 10px 10px; background-color:#fff; margin-top: 5px; }
#register-form-wrap .join-form>ul>li .phone-numb select.phone { float: left; width: 32%; }
#register-form-wrap .join-form>ul>li .phone-numb .short-input { width: 32%; float: left; margin-left: 2%; }
#register-form-wrap .join-form>ul>li .btn-verify { width: 100%; height: 50px; margin: 10px 0; background: #4BB981; border-style: none; border-radius: 3px; font-size: 15px; color: #fff; line-height: 50px; transition: background .2s ease; }
#register-form-wrap .join-form>ul>li .email-address .short-input { width: 40%; float: left; }
#register-form-wrap .join-form>ul>li .email-address .separator { line-height: 43px; float: left; height: 43px; width: 10%; text-align: center; margin-top: 5px; font-size: 15px; }
#register-form-wrap .join-form>ul>li .email-address select.mail { width: 50%; }
#register-form-wrap .join-form>ul>li .alert { color: #FF0004; font-size: 13px; font-weight: 500; display: block; margin-top: 5px; }
#register-form-wrap .join-form>ul>li .alert img { width: 14px; margin-top: 4px; margin-right: 5px; }
#register-form-wrap .join-form>ul>li .birth input[type=text] { float: left; width: 32%; margin-right: 2%; }
#register-form-wrap .join-form>ul>li .birth input[type=text]:last-child { margin-right: 0; }
#register-form-wrap .join-form>ul>li .gender .custom-check-label { display: inline-block; margin-right: 15px; }
#register-form-wrap .greeting img { width: 100%; height: auto; }
#register-form-wrap .greeting .go-btn { margin-top: 20px; display: block; background: #0084ff; text-align: center; height: 55px; line-height: 55px; color: #fff; font-size: 16px; border-radius: 4px; border: none; width: 100% }