@charset "utf-8";

/*=======================================================
						 JOIN
=======================================================*/

label {margin-bottom: 0;}

/* 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:#ccc; color:#fff; border-radius:0 6px 6px 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:6px 0 0 6px; }

.join_box_wrap { _min-height:600px; width:100%; height:100%; background-size:cover; _padding-bottom: 45px; }
.join_box { _margin-left: 2%; _margin-right: 2%; padding:50px 15px 150px; width:100%; _border-radius:10px; _background-color: #eee; _margin-top: 20px; _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; margin-bottom: 30px;}
/*
.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_wrap .join_form .id_tit {
	line-height: 1; 
	font-size: 24px;	
	text-align: center;	
	font-weight: 500;
	margin-bottom: 10px;
}
.join_box .join_form .page_title > p {font-size:1.325em; font-weight:700; letter-spacing:-0.05em;}
.join_box .join_form .page_title > p > span {color:#1e88e5; }
.join_box .join_form .join_wrap { position:relative; font-size:0.925em; }
.join_box .join_form .join_wrap .join_label {position: relative; display:block; width: 100%; height:46px; margin-bottom: 0; color: #ddd; border-radius:3px; border:1px solid #e6e6e6; /*border-radius:5px;*/ 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; 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%; display:none;}
/*.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 { overflow:hidden; display:block; }
.join_box .join_form .join_wrap .join_label span .form_join { width:100%; padding:12px 0 12px; border:none; background:none transparent; font-size:1em; line-height:20px; color:#5f5f5f; text-indent:12px; outline:none; _border-radius: 5px;}
.join_box .join_form .join_wrap .join_label span.userMobileCheckBtn {position: absolute; z-index: 1; top: 5px;}
.join_box .join_form .join_wrap .join_label.v1 input { color: #666 !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; margin-bottom: 25px;}
.join_box .join_form .info_message {padding:0 0 30px; font-size:0.9175em; letter-spacing:-0.02em; color:#676767; text-align: center;}

.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; margin-bottom: 0; _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:#0978e1; border-radius:6px; 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:hover {background:#0053a1;}
.join_box .join_form .join_button .button_submit.password { background:#e53935; }

.join_box .i_icon {background-repeat:no-repeat; background-position:20px 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; }
.member_intro .join-box {padding:50px 0;}
.join-box {min-height:560px; padding:150px 0px; font-size:14px;}
.join-box .join-wrap {display:table; table-layout:fixed; width:96%; margin:0 auto;}
.join-box .join-wrap .j-con {display:block; padding:10px;}
.join-box .join-wrap .j-con .j-box { border:1px solid #d1d1d1; border-radius:10px; background:#fff; box-shadow:10px 10px 0 rgba(234,234,234,1); text-align:center; padding:20px 0;}
.join-box .join-wrap .j-con:first-child .j-box:hover {box-shadow: 10px 10px 0 rgba(229, 57, 53, 0.2);}
.join-box .join-wrap .j-con:nth-child(2) .j-box:hover {box-shadow: 10px 10px 0 rgba(69, 204, 173, 0.2);}
.join-box .join-wrap .j-con:last-child .j-box:hover {box-shadow: 10px 10px 0 rgba(30, 136, 229, 0.2);}
.join-box .join-wrap .j-con .j-box .j-img {width:80px; height:80px; margin:0 auto; border-radius:50%; background:#eaeaea;}
.join-box .join-wrap .j-con .j-box .j-img img {padding:8px;}
.join-box .join-wrap .j-con .j-box p {font-size:1.25em; font-weight:bold; padding-top:10px;}
.join-box .join-wrap .j-con .j-box button {padding:5px 20px; border:0; font-size:15px; font-weight:400; color:#fff; border-radius:50px; cursor:pointer; margin-top:15px; outline:none;}
.join-box .join-wrap .j-con:first-child .j-box button { background:#e53935;}
.join-box .join-wrap .j-con:nth-child(2) .j-box button {background: #45ccad;}
.join-box .join-wrap .j-con:last-child .j-box button { background:#1e88e5;}

.join-in {display:inline-block! important;}
.send-num { float:right; top: 5px; right: 5px;  position: absolute; z-index: 1; top: 5px;}
.send-num button {font-size:0.95em; font-weight:bold; color:#0978e1; outline:none; padding:5px 15px; cursor:pointer; background:#fff; border:1px solid #0978e1; border-radius:50px;}
.send-num button:hover {color:#fff; background:#0053a1; border:0; border-radius:50px;}

.join_box .join_form .join_wrap .join_label .member .mb_category span {
	float: left;	
	padding: 0 8px;			
}	
.join_box .join_form .join_wrap .join_label .member {						
	color: #5f5f5f;
	padding: 12px;					
}	
.join_box .join_form .join_wrap .join_label.member_box {height: 120px;}
.join_box .join_form .join_wrap .join_label .member p {display: inline-block; width: 100%; color: #5f5f5f;}
.join_box .join_form .join_wrap .join_label .member .mb_category {display: inline-block; width: 100%;}
.join_box .join_form .join_wrap .join_label .member .mb_category::after {content: ''; display: block; clear: both;}
.join_box_wrap.find_id .join_box .join_wrap,
.join_box_wrap.find_password .join_box .join_wrap{margin-top: 10px;}
.join_box_wrap .join_form .pw_tit {
	text-align: center;
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 10px;
	line-height: 1;
}
.join_box .join_form .join_wrap span.radio-check {display: inline-block; padding: 13px 6px;}
.join_box .join_form .join_wrap span.sex {display: inline-block; padding: 13px 12px;}
.join_box_wrap.member_join_list .join_box {padding-top: 100px; padding-bottom: 200px;}
.member_join_list .member_info_box > p {float: left; width: 100%; line-height: 2;}
.member_join_list .member_info_box > div {float: left; width: 100%;}
.if_ls_mt {margin-top: 10px;}
.member_info_box .join_wrap .userGender {
	width: 100%;
    padding: 12px 0 12px;
    border: 1px solid #e6e6e6;
    background: none transparent;
    font-size: 1em;
    height: 46px;
    line-height: 20px;
    color: #5f5f5f;
    text-indent: 12px;					    
    border-radius: 2px;
}

.mbinfo_modify_wrap .join_wrap {margin-top: 10px;}
.mbinfo_modify_wrap .join_wrap p {width: 20%; float: left; line-height: 3; font-weight: 600; color: #666;}
.mbinfo_modify_wrap .join_wrap label{width: 80% !important; float: right;} 

.pw_change_wrap {padding: 170px 0 170px 0;}
.pw_change_wrap .join_wrap {margin-top: 10px;}
.pw_change_wrap .join_wrap p {width: 25%; float: left; line-height: 3; color: #666; font-weight: 600;}
.pw_change_wrap .join_wrap label {width: 75% !important; float: right;}	

.join_box .join_form .join_wrap .join_label .member span {
	display: initial;	
	padding: 0 2px;			
}	
.join_box .join_form .join_wrap .join_label p.member {
	padding: 6px;					
}
.join_box .join_form .join_wrap span.radio-check {
	display: inline-block;
	padding: 13px 6px;
}
.join_box .join_form .join_wrap span.sex {
	display: inline-block;
	padding: 13px 12px;
}

@media (min-width: 580px){
	.join_box .join_form { margin:0 auto; }
}

@media (min-width: 640px){
	.join-box .join-wrap {max-width:700px;}
	.join-box .join-wrap .j-con .j-box {padding:30px 0;}
	.join_box_wrap .join_form .id_tit {font-size: 28px;}
	.join-box .join-wrap .j-con {display:table-cell; padding:10px;}
	.member_intro .join-box {padding:150px 0;}
	.member_join_list .member_info_box > p {float: left; width: 20%; height: 46px; line-height: 42px; font-weight: 500; color: #666; }
	.member_join_list .member_info_box > div {float: left; width: 80%;}
}

@media (min-width: 992px){
	.member_intro .join-box {min-height:inherit; font-size:16px; padding: 200px 0;}
	.join-box {min-height:760px; font-size:16px; }
	.join-box .join-wrap {width:700px;}
	.join-box .join-wrap .j-con .j-box { width:280px; height:320px; padding:45px 0 0 0;}
	.join-box .join-wrap .j-con .j-box .j-img {width:120px; height:120px;}
	.join-box .join-wrap .j-con .j-box .j-img img {padding:20px;}
	.join-box .join-wrap .j-con .j-box button {padding:10px 30px; margin-top:25px;}
	.join_box .join_form .join_wrap .join_label.member_box {height: 70px;}
	.join_box .join_form .join_wrap .join_label .member p { width: 10%; }
	.join_box .join_form .join_wrap .join_label .member .mb_category { width: 89%;}
	.join_box_wrap.find_id .join_box,
	.join_box_wrap.find_password .join_box{padding: 180px 76px 200px;}
	.join_box_wrap.find_id .join_box .join_wrap,
	.join_box_wrap.find_password .join_box .join_wrap{margin-top: 10px;}
}
@media (min-width: 1200px){	
	.join_box { margin-left: auto; margin-right: auto; width:600px; }
}