/* 마켓컬리 회원가입 양식 */
body {
    background-color: #f5f5f5;
}
#wrap {
    width: 612px;
    margin : 0 auto;
    padding: 41px 0 0;
}
/* 약관 */
/* ---------------------로고 */
#wrap h1 {
    text-align: center;
    margin: 0 0 41px;
}
#wrap h1 a{}
#wrap h1 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 {
    margin: 0 0 54px;
    overflow: hidden;
} /* 가입 양식 리스트 */
#wrap #join_frm .user_info dt {
    width: 120px; 
    float: left; clear: both;
    /* display: inline-block;  *//* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
    /* 인라인 블록은 기본 margin을 2~3px 내장 */
} 

/* 가입 양식 2-1~9 */
#wrap #join_frm .user_info dt em {
    font-weight: 600; color: #f00;
} /* 가입 양식 제목 em 2-1~9 */
#wrap #join_frm .user_info dd {
    float: left;
    width: 300px; /* display: inline-block  */;/* !!!!!!!!!!!!!!!!!! */
    margin: 0 0 11px;
}
#wrap #join_frm .user_info dd:nth-last-child(2) {
    margin: 0px;
} /* 가입 양식 내용 */
#wrap #join_frm .user_info dd:nth-child(23) {text-align: center;}
#wrap #join_frm .user_info dd:nth-child(3n) {
    float: right;
    width : 120px; /* display: inline-block; */}/* !!!!!!!!!!!!!!!!!!!!!!!!!! */
/* 가입 양식 내용 */
/* wrap #join_frm .btn */
/* 공통 클래스 2-1~2-7 */
#wrap #join_frm .user_info dd .input_de:focus {border: #9E00B7 1px solid;} 
#wrap #join_frm .user_info dd .input_de {padding: 10px; 
    border-radius: 5px; border: #aaa solid 1px;
    width: 100%;
}
#wrap #join_frm .user_info dd .input_de::placeholder {
    font-size: 0.875rem; color: #aaa;
} /* 1 */
/* 2-1---------------------------------아이디 */ /* 2 */
#wrap #join_frm .user_info dd #id {}
#wrap #join_frm .user_info dd #id_overlap_btn {
    font-size: 0.875rem;
    width : 120px; height: 40px; padding: 10px 0;
    background-color: #aaa ;
    color: #fff;
    border-radius: 5px;
}
#wrap #join_frm .user_info dd #id_overlap_btn:hover {
    background-color: #9E00B7 !important ;
    color: #fff;
}
/* 2-2---------------------------------비밀번호 */ /* 2 */
#wrap #join_frm .user_info dd #pw {}
/* 2-3---------------------------------비밀번호 확인*/ /* 1 */
#wrap #join_frm .user_info dd #pw_repeat {}
/* 2-4---------------------------------이름*/ /* 1 */
#wrap #join_frm .user_info dd #name {}
/* 2-5----------------------------------------이메일*/ /* 3 */
#wrap #join_frm .user_info dd #email {}
#wrap #join_frm .user_info dd #email_overlap_btn {
    font-size: 0.875rem;
    width : 120px; height: 40px; padding: 10px 0;
    background-color: #aaa ;
    color: #fff;
    border-radius: 5px;
}
#wrap #join_frm .user_info dd #email_overlap_btn:hover{
    background-color: #9E00B7 !important ;
    color: #fff;
}
/* 2-6----------------------------------------휴대폰*/ /* 5 */
/* 2-6----------------------------------------휴대폰*/ /* 5 */
#wrap #join_frm .user_info dd select {
background-color: #fff;
} /* select 태그 */
#wrap #join_frm .user_info dd #agency {
    /* background-image: url(../image/arrow_drop_down.png) ;
    background-repeat: no-repeat;
    background-position: 30px 10px; */
    background: #fff url(../image/arrow_drop_down.png) no-repeat 27px 12px;
    width: 50px; padding: 13.3px;
    font-size: 0.75rem;
    border: 1px solid #aaa;
    border-radius: 5px;
    transform: translateY(px);
    float: left;} /* agency */
#wrap #join_frm .user_info dd #agency option {} /* option */
#wrap #join_frm .user_info dd #phone_num {
    width: 245px; float:right;
} /* option */
#wrap #join_frm .user_info dd button {} /* option */
#wrap #join_frm .user_info dd #certified_btn:hover{
    background-color: #9E00B7 !important ; color: #fff;}
#wrap #join_frm .user_info dd #certified_btn {
    font-size: 0.875rem;
    width : 120px; height: 40px; padding: 10px 0;
    background-color: #ccc ;
    color: #fff;
    border-radius: 5px;}
 /* option */
/* 2-7----------------------------------------주소*/ /* 2 */
#wrap #join_frm .user_info dd .adr_search:hover{
    border: solid #9E00B7 1px !important;
}
#wrap #join_frm .user_info dd .adr_search {
    text-align: center; display: block; font-size: 0.875rem;
    padding: 10px; background-color: #fff; border: #aaa 1px solid;
    border-radius: 5px; margin: 0 0 10px;
}
#wrap #join_frm .user_info dd p {
    font-size: 0.875rem; color: #aaa;
    margin: 0 0 10px 0;
}
/* 2-8-----------------------------------------성별*/ /* 6 */
#wrap #join_frm .user_info dd label:nth-child(2) {margin: 0 30px;}
#wrap #join_frm .user_info dd label {
}
#wrap #join_frm .user_info dd label span { /* 기본 */
    background-image: url(../image/gender_unchecked.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
    width: 16px; height: 16px;
    padding-left: 17px;
    font-size: 0.875rem;
} /* 성별 span */
#wrap #join_frm .user_info dd .gender {
    display: none;
} /* 성별 공통클래스 */
#wrap #join_frm .user_info dd .gender:checked + span{
    background-image: url(../image/gender_checked.png);
} /* 성별 공통클래스 */
#wrap #join_frm .user_info dd #male {}
#wrap #join_frm .user_info dd #female {}
#wrap #join_frm .user_info dd #none {}
#wrap #join_frm .user_info dd:nth-child(23){margin-bottom: 25px;}
/* 2-9-----------------------------------------생년월일*/ /* 5 */
#wrap #join_frm .user_info dd:nth-child(26):hover {border: #9E00B7 solid 1px !important; ;
    background:#fff;
    font-size: 0.875rem;
    text-align: center;
    border: #9e00b7 solid 1px;
    border-radius: 5px;
    padding : 10px 0;
}
#wrap #join_frm .user_info dd > span {margin: 0 15px;}
#wrap #join_frm .user_info dd .birthday:focus{border: solid 1px #9E00B7;}
#wrap #join_frm .user_info dd .birthday {
    width:50px; text-align: center;
} /* 생일 공통 클래스 */
#wrap #join_frm .user_info dd #year {}
#wrap #join_frm .user_info dd #month {}
#wrap #join_frm .user_info dd #day {
}

/* 3-------------------------------------------가입버튼 */ /* 1 */
#wrap #join_frm #join_btn {
    width: 200px; height: 40px;
    padding : 10px;
    background-color: #9e00b7;
    border-radius: 10px;
    color: #fff;
    margin: 0 auto 0;
    display: block
}
/* 가입버튼 */