.wdd_join_wrap{width: 960px; padding: 30px 0; box-shadow: 0 0 0 2px #333745 inset; border-radius: 5px 5px 0 0; height: 560px; margin-top: -20px}
.wdd_join_wrap section{width: 438px; float: left; padding: 0 20px}
.wdd_join_wrap h4{margin-bottom: 5px}
.wdd_join_wrap a,.wdd_join_wrap button{display: inline-block; height: 44px; border-radius: 5px; line-height: 43px; font-size: 14px;border: none; cursor: pointer; text-align: center;}
.wdd_join_wrap a:hover,.wdd_join_wrap button:hover{background-color:#333745}
.wdd_join_wrap a{width: 130px; float: right;}
.wdd_join_wrap_left{border-right: 1px solid #333745;}
.wdd_join_wrap input{border: none}
.wdd_join_wrap_left legend,.wdd_join_wrap_left label{font-weight: 700; font-size: 14px}
.wdd_join_input_txt{height: 44px; border-radius: 5px; text-indent: 15px; width: 212px; font-size: 14px; display: inline-block;}
.wdd_join_wrap_left label{display: inline-block; width: 65px; text-align: right; margin-right: 15px}
.wdd_join_input_txt_long{width: 352px}
.wdd_join_wrap_left_top input{margin-right: 130px;margin-bottom: 15px}
.wdd_join_input_txt_last{margin-bottom: 0 !important}

hr{margin: 15px 0}

.wdd_join_foreigner_wrap{display: inline-block; width: 130px; margin: 0;float: right;}

/*성별*/
.wdd_gender_wrap{margin: 20px 0}
.wdd_gender_wrap legend{display: inline-block;width: 65px; text-align: right; margin-right: 15px}
.wdd_join_wrap .wdd_gender_wrap label{text-align: left; width: 50px; color:#808080; font-weight: 500; line-height: 16px; margin-right: 40px; display: inline-block; cursor: pointer; }
.wdd_gender_wrap input{display: none;}
.wdd_join_wrap .wdd_join_gender{display: inline-block; width: 16px; height: 16px; background: url(../img/wdd_radio_off.png) center center no-repeat; cursor: pointer; margin-right: 5px;text-indent: -9999px}
.wdd_gender_wrap input:checked+label .wdd_join_gender{background-image: url(../img/wdd_radio_on.png)}
.wdd_gender_wrap input:checked+label{color: #333745}

/*생년월일*/
.wdd_birth_wrap{margin-top: 20px}
.wdd_birth_wrap legend{display: inline-block;width: 65px; text-align: right; margin-right: 15px}
/*셀렉트박스*/
.wdd_join_year_wrap,.wdd_join_foreigner_wrap,.wdd_join_telecom_wrap,.wdd_join_cp_wrap{position: relative; display: inline-block; border-radius: 4px; border: 1px solid #333745;width:130px; height:44px; background: url(../img/wdd_select_m.png) no-repeat center right;background-color: #fff;cursor: pointer;}
.wdd_join_year_wrap label,.wdd_join_foreigner_wrap label,.wdd_join_telecom_wrap label,.wdd_join_cp_wrap label{position: absolute; font-size: 14px; color: #2f2725;line-height: 43px; text-align: left; text-indent: 15px; cursor: pointer; font-weight: 400; width: 130px}
.wdd_join_year_wrap select,.wdd_join_foreigner_wrap select,.wdd_join_telecom_wrap select,.wdd_join_cp_wrap select{width: 130px; height: 34px; line-height: 34px; padding: 0; opacity: 0; filter: alpha(opacity=0);cursor: pointer;}

.wdd_join_month_wrap,.wdd_join_day_wrap{position: relative; display: inline-block; border-radius: 4px; border: 1px solid #333745;width:100px; height:44px; background: url(../img/wdd_select_s.png) no-repeat center right;background-color: #fff;cursor: pointer;}
.wdd_join_month_wrap label,.wdd_join_day_wrap label{position: absolute; font-size: 14px; color: #2f2725;line-height: 43px; text-align: left; text-indent: 15px; cursor: pointer; font-weight: 400; width: 100px}
.wdd_join_month_wrap select,.wdd_join_day_wrap select{width: 100px; height: 34px; line-height: 34px; padding: 0; opacity: 0; filter: alpha(opacity=0);cursor: pointer;}


/*핸드폰번호*/
.wdd_phone_wrap {width: 100%}
.wdd_phone_wrap legend{display: inline-block;width: 65px; text-align: right; margin-right: 15px}
.wdd_phone_wrap .wdd_join_input_txt{float: right;}

/*안내문구*/
.wdd_join_info_btm,.wdd_join_info{font-size: 14px; line-height: 18px;}
.wdd_join_info_btm{text-align: right;}
/*하단 버튼*/
.wdd_join_btn_wrap{padding: 20px 0; border-radius: 0 0 5px 5px;margin-bottom:50px}
.wdd_join_btn{display: block; border: none; font-size: 18px; border-radius:25px; width: 220px; height: 50px; box-shadow: 0 0 0 2px #f2f2f2 inset; background: none; margin:auto; cursor: pointer;}
.wdd_join_btn:hover{background: #f2f2f2; color: #333745}

/*우측*/
.wdd_join_wrap_right label,.wdd_join_wrap_right legend{font-weight: 700; font-size: 14px; display: inline-block; width: 70px; text-align: right; margin-right: 12px}
.wdd_join_input_txt_long{margin-top: 15px}
/*우측 셀렉트박스*/
.wdd_join_time_wrap{position: relative; display: inline-block; border-radius: 4px; border: 1px solid #333745;width:170px; height:44px; background: url(../img/wdd_select.png) no-repeat center right;background-color: #fff;cursor: pointer;}
.wdd_join_time_wrap label{position: absolute;font-weight: 400; font-size: 14px; color: #2f2725;line-height: 43px; text-align: left; text-indent: 15px; cursor: pointer;  width: 170px}
.wdd_join_time_wrap select{width: 170px; height: 34px; line-height: 34px; padding: 0; opacity: 0; filter: alpha(opacity=0);cursor: pointer;}

.wdd_join_chk_wrap{width: 352px; float: right;}
.wdd_join_chk_wrap input{display: none;}
.wdd_join_chk_wrap label{width: 111px; height: 44px; border-radius:5px; text-align: center; line-height: 43px; font-weight: 500; margin-right: 5px; margin-bottom: 8px;cursor: pointer;}
.wdd_chk_end{margin-right: 0 !important}
.wdd_join_chk_wrap label:hover,.wdd_join_chk_wrap input:checked+label{background-color: #00bcd4; color: #f2f2f2}


/*20160902 신규 추가 및 변경사항*/
#wdd_join_id{margin-right: 0}
.wdd_join_cp_wrap{float: left; margin-left: 87px;}
.wdd_join_wrap button{width: 208px;float: right; margin-top: 1px}
#postcode+button{width: 130px; float: right; font-weight: 700; margin-top: 0}
#wdd_join_cp1{width: 98px; float: left;}
#wdd_join_cp2{width: 98px; float: right;}
.wdd_join_cp12_wrap{margin-top: 10px}
.wdd_join_cp12_wrap span{display: block; float: left; height: 44px; line-height: 44px;text-align: center; width: 10px}