@charset "utf-8";

/*=======================================================
						 JOIN
=======================================================*/
/* Join Radio Set */
.join_radio_wrap .radio-button { display:none; margin:16px; }
.join_radio_wrap .radio-button + label { display:inline-block; margin:-3px; height:58px; width:50%; background:#b2b2b2; color:#fff; border-radius:0 29px 29px 0; cursor:pointer; font:600 1.125em 'Nanum Gothic'; line-height:56px; }
.join_radio_wrap .radio-button:checked + label {background:#0f8fe1; }
.join_radio_wrap .radio-button:first-child + label {border-radius:29px 0 0 29px; }

.join_box_wrap { min-height:600px; width:100%; height:100%; background:#fff url('../images/login/bg_2.png') no-repeat center; background-size:cover; padding-top:120px; padding-bottom: 45px; }
.join_box { margin-left: 2%; margin-right: 2%; padding:30px 20px; width:96%; border-radius:30px; background:rgba(255,255,255,.75); border:1px solid #d2d2d2; }
.join_box .join_form {width:100%; margin:0 auto; }
.join_box .join_form .page_title {text-align:center; }
.join_box .join_form .page_title > p {display:inline-block; padding:0 0 40px 65px; height:50px; background:url('../images/login/join_img.png') no-repeat 0 0; font-size:1.325em; font-weight:700; letter-spacing:-0.05em; line-height:50px; }
.join_box .join_form .page_title > p > span {color:#3c82e9; }
.join_box .join_form .join_wrap { position:relative; margin:15px 0 0; font-size:0.925em; }
.join_box .join_form .join_wrap .join_label { display:block; height:46px; border-radius:23px; border:1px solid #ccc; background:#fff; -webkit-transition:border-color .25s ease; transition:border-color .25s ease; }
.join_box .join_form .join_wrap .join_label:before, .join_wrap > label:after { overflow:hidden; content:''; display:table; _display:block; width:100%; height:0; margin:0; padding:0; clear:both; }
.join_box .join_form .join_wrap .join_label .label_icon { position:relative; float:left; min-width:44px; height:100%; }
/*.join_box .join_form .join_wrap .join_label.v1 .label_icon { background:#6c6c6c !important; }
.join_box .join_form .join_wrap .join_label.v2 .label_icon { background:#ff4242 !important; }*/
.join_box .join_form .join_wrap .join_label .label_icon i { display:inline-block; width:58px; height:46px; vertical-align:middle; }
.join_box .join_form .join_wrap .join_label span { position:relative; overflow:hidden; display:block; }
.join_box .join_form .join_wrap .join_label span .form_join { width:95%; padding:14px 0 12px; border:none; background:none transparent; font-size:1em; line-height:20px; color:#5f5f5f; text-indent:12px; outline:none; }
.join_box .join_form .join_wrap .join_label.v1 input { color: #3c82e9 !important; font-weight:700; }
.join_box .join_form .join_wrap .join_label.v2 input { color: #ea1c1c !important; }

.join_box .join_form .join_radio_wrap { position:relative; text-align:center; }
.join_box .join_form .info_message {padding:0 0 30px; font-size:0.9175em; letter-spacing:-0.02em; color:#676767; }

.join_form .find_box {text-align:center; }
.find_box .no_matching > p {padding:50px 0; }
.find_box .result_matching > p {padding:50px 0 20px; }
.find_box .result_matching > ul {padding:0 0 45px; text-align:left; width:70%; margin:0 auto; }
.find_box .result_matching > ul li {padding:7px 0; font-weight:600; font-size:0.9em; }
.find_box .result_matching > ul li.id {font-size:1.25em; }
.find_box .result_matching > ul li > span {color:#797979; font-size:14px; display:inline-block; width:85px; }
.find_box button { cursor:pointer; background:#4f4f4f; border-radius:25px; color:#fff; padding:16px 0px; font-size:1.05em; line-height:20px; display:block; width:60%; margin:0 auto; overflow:hidden; font-weight:700; }

.error_area { position:relative; text-align:right; display:block; }
.validation { display:inline-block; padding:7px 10px 0px 20px; font-size:12px; color:#ea1c1c; line-height:20px; background:url(../images/login/i_error.png) no-repeat 0 10px; }
.validation.special { background:url(../images/login/i_ok.png) no-repeat 0 12px; color:#246fdd; }
.validation.normal { display:none; }

.join_box .join_form .join_button { position:relative; margin:20px 0 0; text-align:center; }
.join_box .join_form .join_button .button_submit { cursor:pointer; background:#313131; border-radius:25px; color:#fff; padding:16px 0px; font-size:1.05em; line-height:20px; display:block; width:100%; overflow:hidden; font-weight:700; border: 0;}
.join_box .join_form .join_button .button_submit.password { background:#3c82e9; }

.join_box .i_icon {background-repeat:no-repeat; background-position:25px center; background-size:25px 25px !important; }
.join_box .userId {background-image:url('../images/login/i_id.png'); }
.join_box .userPassword {background-image:url('../images/login/i_pass.png'); }
.join_box .userPasswordAgain {background-image:url('../images/login/i_pass.png'); }
.join_box .userPasswordNow {background-image:url('../images/login/i_pass.png'); }
.join_box .userName {background-image:url('../images/login/i_name.png'); }
.join_box .userMobile {background-image:url('../images/login/i_cell.png'); }
.join_box .userEmail {background-image:url('../images/login/i_email.png'); }
.join_box .userFileText {background-image:url('../images/login/i_business.png'); }

.join_box .join_label.v1 .userId {background-image:url('../images/login/i_id_y.png'); }
.join_box .join_label.v1 .userPassword {background-image:url('../images/login/i_pass_y.png'); }
.join_box .join_label.v1 .userPasswordAgain {background-image:url('../images/login/i_pass_y.png'); }
.join_box .join_label.v1 .userPasswordNow {background-image:url('../images/login/i_pass_y.png'); }
.join_box .join_label.v1 .userName {background-image:url('../images/login/i_name_y.png'); }
.join_box .join_label.v1 .userMobile {background-image:url('../images/login/i_cell_y.png'); }
.join_box .join_label.v1 .userEmail {background-image:url('../images/login/i_email_y.png'); }
.join_box .join_label.v1 .userFileText {background-image:url('../images/login/i_business_y.png'); }

.join_box .join_label.v2 .userId {background-image:url('../images/login/i_id_o.png'); }
.join_box .join_label.v2 .userPassword {background-image:url('../images/login/i_pass_o.png'); }
.join_box .join_label.v2 .userPasswordAgain {background-image:url('../images/login/i_pass_o.png'); }
.join_box .join_label.v2 .userPasswordNow {background-image:url('../images/login/i_pass_o.png'); }
.join_box .join_label.v2 .userName {background-image:url('../images/login/i_name_o.png'); }
.join_box .join_label.v2 .userMobile {background-image:url('../images/login/i_cell_o.png'); }
.join_box .join_label.v2 .userEmail {background-image:url('../images/login/i_email_o.png'); }
.join_box .join_label.v2 .userFileText {background-image:url('../images/login/i_business_o.png'); }

.join_box .join_ok {text-align:center; padding:20px 0; }
.join_box .join_ok > p {font-size:1.45em; padding:5px 0; line-height:1em; }
.join_box .join_ok .ok_img {padding-bottom:20px; }

.join_box_wrap .member_menu {padding:10px 0; text-align: right;}
.join_box_wrap .member_menu > ul li {display:inline-block; padding:0 10px; line-height:1em; font-size:0.95em; color:#959595; border-left:1px solid #d2d2d2; }
.join_box_wrap .member_menu > ul li:first-child {border:0; }

@media (min-width: 580px){
	.join_box .join_form {width:450px; margin:0 auto; }
}
@media (min-width: 1200px){
	.join_box_wrap { padding-top:200px; padding-bottom: 75px; }
	.join_box { margin-left: auto; margin-right: auto; width:550px; padding:50px; }
}

/* 2017-06-19 */
.join_box_wrap > .j_box  {width:700px; margin:0 auto; padding-top:50px}
.join_box_wrap > .j_box > div {width:40%; float:left; margin:5%; text-align:center; padding:5%;}
.join_box_wrap > .j_box > div > span {padding:10% 0}
.join_box_wrap > .j_box > div > span img {width:77px; height:77px;}
.join_box_wrap > .j_box > div > p {font-size:18px; text-align:center; font-weight:600; color:#fff; padding:10px 0}
.join_box_wrap > .j_box > div > button {margin:auto;}
.button_submit_join {cursor:pointer; display:block; background:#fff; border-radius:200px; padding:15px 30px; color:#975865; font-weight:600}
.button_submit_join2 {cursor:pointer; display:block; background:#fff; border-radius:200px; padding:15px 30px; color:#607391; font-weight:600}
.bg_cus {background:#7d3846 url('../../images/main/bg-section-main-2-promise-box-pattern.png') repeat; border-radius:30px}
.bg_part {background:#3f5577 url('../../images/main/bg-section-main-2-promise-box-pattern.png') repeat; border-radius:30px}

@media (max-width:768px) {
.join_box_wrap > .j_box {width:98%; margin:0 1%; position:relative; padding-top:10%}
.join_box_wrap > .j_box > div {width:46%; margin:5% 2%}
.button_submit_join {padding:15px 20px;}
.button_submit_join2 {padding:15px 20px;}
}