/* 마켓컬리 회원가입 양식 */
body{background-color: #f5f5f5;}
#wrap
{
    width: 612px; margin: auto;
}
#wrap h1
{
    margin: 41px 0;
    text-align: center;
}
#wrap h1 a{}
#wrap h1 a img{}
/* 약관 */
#wrap .law 
{
    height: 200px;
    background-color: #fff;
    padding: 10px; margin: 0 0 54px;
    overflow: auto;
    font-size: 0.75rem;
}
#wrap .law h2{margin-bottom: 40px;}
#wrap .law h3{margin-bottom: 20px;}
#wrap .law p{line-height: 1.5;}
/* 가입양식(아이디~생년월일) */
#wrap #join_frm {}
#wrap #join_frm .user_info {overflow: hidden; margin: 0 0 54px;}
#wrap #join_frm .user_info dt 
{
    width: 120px;
    float: left;
    clear: both;
    /* display: inline-block; */
}
#wrap #join_frm .user_info dt em
{
    color: #f00;
    font-weight: 600;
}
#wrap #join_frm .user_info dd 
{
    width: 300px;    
    float: left;    
    margin: 0 0 11px;
    /* 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;}
#wrap #join_frm .user_info dd .input_de 
{
    /* 회원가입 1-6 공통 */
    width: 100%; padding: 10px; 
    border-radius: 5px;
    border: 1px solid #aaa;    
}
#wrap #join_frm .user_info dd .input_de:focus
{
    border: 1px solid #9E00B7;
}
/* 가입 양식 공통 hover 버튼 */
#wrap #join_frm .btn_design:hover{background-color: #df15ff !important;}/* !important 강제 우선순위 */
#wrap #join_frm .user_info dd .input_de::placeholder 
{
    /* 회원가입 1~6 예시 공통 */
    font-size: 0.875rem; color: #aaa;
}
/**********************아이디****************************/
#wrap #join_frm .user_info dd #user_id {}
#wrap #join_frm .user_info dd #id_overlap_btn 
{
    background-color: #9E00B7; color: #fff;
    width: 120px; padding: 10px 0; border-radius: 5px;
    font-size: 0.875rem;
}
/**********************비밀번호**************************/
#wrap #join_frm .user_info dd #user_pw {}
/**********************비밀번호 확인*********************/
#wrap #join_frm .user_info dd #user_pw_ch {}
/**********************이름*****************************/
#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 
{
    background-color: #9E00B7; color: #fff;
    width: 120px; padding: 10px 0; border-radius: 5px;
    font-size: 0.875rem;
}
/**********************휴대폰***************************/
#wrap #join_frm .user_info dd #agency 
{
    /* background-image: url(../image/arrow_drop_down.png);    
    background-repeat: no-repeat;
    background-position: 27px 10px; */
    background:#fff url(../image/arrow_drop_down.png) no-repeat 27px 10px;
    width: 50px; padding: 10px;
    border: 1px solid #aaa ;
    border-radius: 5px;
    font-size: 0.75rem; float: left; height: 41px;
}
#wrap #join_frm .user_info dd #agency option{}
#wrap #join_frm .user_info dd #user_phone { width: 245px; float: right;}
#wrap #join_frm .user_info dd #certified_btn 
{
    background-color: #ccc; color: #fff;
    width: 120px; padding: 10px 0; border-radius: 5px;
    font-size: 0.875rem;
}
/**********************주소*****************************/
#wrap #join_frm .user_info dd .adr_search
{
    display: block;
    border: 1px solid #9E00B7; border-radius: 5px;
    padding: 10px;    
    font-size: 0.875rem;
    text-align: center;
    background-color: #fff;
    margin-bottom: 10px;
}
#wrap #join_frm .user_info dd > p
{
    font-size: 0.875rem; color: #aaa;
}

/**********************성별*****************************/
#wrap #join_frm .user_info dd:nth-child(23) 
{
    text-align: center; padding: 10px;
}
#wrap #join_frm .user_info dd label {}        

#wrap #join_frm .user_info dd label:nth-child(2) {margin: 0 30px;}
#wrap #join_frm .user_info dd label .gender{display: none;}
#wrap #join_frm .user_info dd label .gender:checked + span
{
    background: url(../image/gender_checked.png) no-repeat;    
    
}
#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: url(../image/gender_unchecked.png) no-repeat;
    padding-left: 17px; font-size: 0.875rem;    
}
/**********************생년*****************************/
#wrap #join_frm .user_info dd:nth-child(26) 
{
    text-align: center; padding: 10px; 
    border: 1px solid #9E00B7; border-radius: 5px;
    background-color: #fff;
}
#wrap #join_frm .user_info dd .birthday {border: 1px solid #fff;  width: 50px; text-align: center;}
#wrap #join_frm .user_info dd .birthday:focus {border: 1px solid #9E00B7;}
#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 #join_btn 
{
    background-color: #9E00B7; color: #fff;    
    font-size: 0.875rem; font-weight: 600;
    margin: 54px auto 0;    
    width: 200px; height: 40px;
    border-radius: 5px;
    display: block;
}