/* Start of member join */

#section_member #member_join{
    margin-top:100px;
    width:600px;
}


#section_member #member_join .join_body .member_title{
    margin-bottom: 10px;
}
#section_member #member_join .join_body .member_title_text{
    font-size: 16px;
    font-weight: 600;
}
#section_member #member_join .join_body .guide_text{
    color: #777777;
}

#section_member #member_join .join_body .mail_check{
    color: var(--common-text-positive-1);
}
#section_member #member_join .join_body .mail_check_no{
    color: var(--common-text-negative-1);
}
#section_member #member_join .join_body .nickname_check{
    color: var(--common-text-positive-1);
}
#section_member #member_join .join_body .nickname_check_no{
    color: var(--common-text-negative-1);
}

#section_member #member_join .join_content_warp dl > dt{
    line-height: 30px;
}
#section_member #member_join .join_content_warp dl > dd{
    margin-bottom:30px;
}
#section_member #member_join .join_content_warp .join_content_email_duplication_check{
    display: inline-flex;
    flex-direction: row-reverse;
}
#section_member #member_join .join_content_warp .join_content_email_duplication_check .check_result_wrap{
    display: none;
    padding:4px 4px 6px;
}
#section_member #member_join .join_content_warp .join_content_email_duplication_check .check_result{
    margin:4px;
}
#section_member #member_join .join_content_warp .nickname_info_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
}
#section_member #member_join .join_content_warp .join_content_email_agree_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
}
#section_member #member_join .join_content_warp .join_gender_wrap{
    display: flex;
}



#section_member #member_join .join_agree_item_wrap .agree_content_open > img{
    width:20px;
}


#section_member #member_join .join_agree_item_wrap .join_agree_item_content_wrap{
    margin-top:6px;
    width:100%;
    height:80px;
    overflow: hidden;
}

#section_member #member_join .join_agree_item_wrap .join_agree_item_content_wrap .join_agree_content{
    width:100%;
    height:80px;
    border-radius: 4px;
    border: 1px solid #DBDBDB;
    padding:6px 0 6px 10px;
    /* 약관은 상자보다 길다. 예전엔 스크롤바 플러그인이 처리했는데 그 파일이 없어졌다. */
    overflow-y: auto;
}

@media (max-width: 620px) {
    #section_member #member_join .join_content_warp .join_content_email_agree_wrap {
        /*align-items: flex-start;*/
    }

    #section_member #member_join .join_content_warp .join_content_email_duplication_check{
        display: inline-flex;
        flex-direction: column;
        align-items: flex-end;
    }
    #section_member #member_join .join_content_warp .join_content_email_duplication_check .check_result_wrap{
        display: none;
        position: absolute;
        background-color: #ffffff;
        padding:6px 2px 6px;
    }
    #section_member #member_join .join_content_warp .join_content_email_duplication_check .btn_small{
        max-width: 80px;
    }


    #section_member #member_join{
        width:calc(100% - 20px);
        margin-top:40px;
    }
}
/* End of member join */




/* Start of member join result */

#section_member #member_join_result{
    margin-top:100px;
    width:600px;
}

#section_member #member_join_result .join_result_body .body_content{
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}
#section_member #member_join_result .join_result_body .body_content .body_content_text{
    display: inline-flex;
    flex-direction: column;
    width: calc(100% - 64px);
    word-break: keep-all;
}
#section_member #member_join_result .join_result_body .body_content .body_content_text .title{
    font-weight: 600;
    margin-bottom: 10px;
}
#section_member #member_join_result .join_result_body .body_content .body_content_image{
    display: inline-flex;
    width:60px;
    text-align: right;
}
#section_member #member_join_result .join_result_body .body_content .body_content_image img{
    width:50px;
}


#section_member #member_join_result .join_result_body .result_info{
    display: flex;
    justify-content: center;
}

#section_member #member_join_result .join_result_body .result_info dl {
    display: flex;
    flex-wrap: wrap;
    width:230px;

}
#section_member #member_join_result .join_result_body .result_info dt {
    display: inline-flex;
    width:60px;
    font-weight: 600;
    height:30px;
}
#section_member #member_join_result .join_result_body .result_info dd {
    display: inline-flex;
    width:calc(100% - 60px);
    height:30px;
}
@media (max-width: 620px) {

    #section_member #member_join_result{
        width:calc(100% - 20px);
        margin-top:40px;
    }

}


/* End of member join result */