/*  마켓컬리 회원가입 양식4 */
body {background-color: #f2f2f2;}
#wrap {
    border: 3px solid #000;
    width: 612px; margin: 0 auto;
    padding: 41px 0 0;
}
#wrap h1{
    text-align: center;
    margin: 0 0 41px;
}
#wrap h1 a{}
#wrap h1 a img{}
/* 약관4 */
#wrap .law {
    height: 200px;
    background-color: #fff;
    padding: 10px; margin: 0 0 54px;
    overflow: auto;
    font-size: 0.75 rem;
}
#wrap .law h2{
    margin-bottom: 40px;
}
#wrap .law h3{
    margin-bottom: 20px;
}
#wrap .law p{line-height: 1.5;}
/* 가입양식(아이디~생년월일)28 */
#wrap #join_frm {}
#wrap #join_frm .user_info {
    margin: 0 0 54px;
    overflow: hidden;
}
#wrap #join_frm .user_info dt{
    
    width: 120px;
    float: left; clear: both;
    /* display: inline-block; */
}
#wrap #join_frm .user_info dt em { font-weight :600; color: red;}

#wrap #join_frm .user_info dd {
    
    margin: 0 0 11px;
    float: left;
    
    width: 300px;
   /*  display: inline-block; */
    /* 인라인 블록은 기본 margin을 2`3px 내장하고 있다. */
}
#wrap #join_frm .user_info dd:nth-last-child(2) {margin: 0;}
#wrap #join_frm .user_info dd:nth-child(3n) {
    width: 120px;
    float: right;
}
/* 가입양식-------------------------버튼 hover 공통 */
#wrap #join_frm .btn_design:hover {background: #df15ff !important;}
/* 가입양식-------------------------1.아이디 */
#wrap #join_frm .user_info dd .input_de:focus {border: 2px solid #9E00B7;}

#wrap #join_frm .user_info dd .input_de {
    border: 1px solid #aaa;
    width: 100%;
    padding: 10px; border-radius: 5px;
}
#wrap #join_frm .user_info dd .input_de::placeholder {
    font-size: 0.875rem;
    color: #aaa; 
}
/* 아이디 */
#wrap #join_frm .user_info dd #user_id {
}
#wrap #join_frm .user_info dd #id_overlap_btn:hover {background: #df15ff;}
#wrap #join_frm .user_info dd #id_overlap_btn {

    background-color: #9E00B7;
    color: #fff;
    border-radius: 5px;
    width: 120px; padding: 10px 0;
    font-size: 0.875rem;
}
/* 비번 */
#wrap #join_frm .user_info dd #user_pw {}
/* 비번확인 */
#wrap #join_frm .user_info dd #pw_verify {}
/* 이름 */
#wrap #join_frm .user_info dd #user_name {}
/* 메일 */
#wrap #join_frm .user_info dd #user_mail {}
#wrap #join_frm .user_info dd #mail_overlap_btn:hover {background: #df15ff;}
#wrap #join_frm .user_info dd #mail_overlap_btn {
    border-radius: 5px;
    width: 120px; padding: 10px 0;
    background-color: #9E00B7;
    color: #fff;
    font-size: 0.875rem;
    
}
/* 휴대폰 */
#wrap #join_frm .user_info dd #agency {
    border: 1px solid #aaa;
    border-radius: 5px;
/*     background-image: url(../images/arrow_drop_down.png);
    background-repeat: no-repeat;
    background-position: 27px 10px; */
    background: #fff url(../images/arrow_drop_down.png) no-repeat 27px 10px ;
    width:50px ; padding: 10px ;
    font-size: 0.75rem ; float: left; height: 41px;
}
#wrap #join_frm .user_info dd #agency option{}
#wrap #join_frm .user_info dd #user_num {
    width: 245px;
    float: right;
}
#wrap #join_frm .user_info dd #certified_btn:hover {background: #df15ff;} 
#wrap #join_frm .user_info dd #certified_btn {
    border-radius: 5px;
    width: 120px; padding:10px ;
    background-color: #ccc;
    color: #fff;
    font-size: 0.875rem;
}
 /* 주소 */
#wrap #join_frm .user_info dd .adr_search {
    display:block;
    border: 1px solid #9E00B7;
    border-radius: 5px;
    margin: 0 0 10px;
    padding: 10px;
    text-align: center;
    background: #fff;

}
#wrap #join_frm .user_info dd p {
    
    font-size: 0.875rem;
    text-align: center;
}
/* 성별 */
#wrap #join_frm .user_info dd:nth-child(23) {padding: 10px 0;
    text-align: center;}
#wrap #join_frm .user_info dd label:nth-child(2) {
    margin: 0 30px;
    
}
#wrap #join_frm .user_info dd label .gender:checked + span { /* 선택 */

    background-image: url(../images/gender_checked.png);
    
}
#wrap #join_frm .user_info dd label .gender {
    display: none;
}/* 공통 */
#wrap #join_frm .user_info dd label #male {}
#wrap #join_frm .user_info dd label #female {}
#wrap #join_frm .user_info dd label #none {}
#wrap #join_frm .user_info dd label span {
    background-repeat: no-repeat;
    padding-left: 20px;
    background-image: url(../images/radio_button_unchecked.png);

    font-size: 0.875rem;
} /* 남,녀,선택안함 */
/* 생년월일 */
#wrap #join_frm .user_info dd .birthday:focus {border: 2px solid #9E00B7;}
#wrap #join_frm .user_info dd .birthday { 
    text-align: center;
    width: 50px;
    font-size: 0.875rem;
    border: 1px solid #fff;
}
#wrap #join_frm .user_info dd:nth-child(26) {
    text-align: center;
    background-color: #fff;
    border: 1px solid #9E00B7;
    border-radius: 5px;
    padding: 10px 0;
}
#wrap #join_frm .user_info dd #user_y {}
#wrap #join_frm .user_info dd #user_m {}
#wrap #join_frm .user_info dd #user_d {}
#wrap #join_frm .user_info dd > span {
    margin: 0 15px;
}
#wrap #join_frm .user_info dd  span {}
/* 가입버튼 1 */
#wrap #join_btn:hover {background: #df15ff;} 
#wrap #join_btn {
    background-color: #9E00B7;
    padding: 10px 0;
    color: #fff;
    height: 40px;
    width: 200px;
    font-size: 0.875rem;
    font-weight: 600;
    margin: 54px auto 0;
    display: block;
    border-radius: 10px;
}