/* 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:160px;
    overflow: hidden;
}

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

/* 약관 상자 안의 약관 문서 (policy/documents/*.volt). 약관 페이지(policy/document.volt)보다 작게 */
#section_member #member_join .policy_doc_box{ padding:10px 12px; font-size:12px; line-height:1.65; color:#444; text-align:left; box-sizing:border-box; }
#section_member #member_join .policy_doc_box h2{ font-size:13px; font-weight:700; margin:14px 0 6px; }
#section_member #member_join .policy_doc_box h2:first-child{ margin-top:0; }
#section_member #member_join .policy_doc_box h3{ font-size:12px; font-weight:700; margin:10px 0 4px; }
#section_member #member_join .policy_doc_box p{ margin:0 0 6px; }
#section_member #member_join .policy_doc_box ol,
#section_member #member_join .policy_doc_box ul{ margin:0 0 8px; padding-left:18px; }
#section_member #member_join .policy_doc_box ol{ list-style:decimal; }
#section_member #member_join .policy_doc_box ul{ list-style:disc; }
#section_member #member_join .policy_doc_box li{ margin-bottom:3px; }
#section_member #member_join .policy_doc_box table{ width:100%; border-collapse:collapse; margin:6px 0 10px; font-size:11px; }
#section_member #member_join .policy_doc_box th,
#section_member #member_join .policy_doc_box td{ border:1px solid #e0e0e0; padding:5px 6px; text-align:left; vertical-align:top; }
#section_member #member_join .policy_doc_box th{ background:#f7f7f7; font-weight:700; }
#section_member #member_join .policy_doc_box .notice_box{ background:#f8f9fb; border:1px solid #e3e6ec; border-radius:4px; padding:8px 10px; margin:0 0 10px; }
#section_member #member_join .policy_doc_box .notice_box strong{ display:block; margin-bottom:4px; }
#section_member #member_join .policy_doc_box .policy_doc_link{ margin-top:10px; }
#section_member #member_join .policy_doc_box .policy_doc_link a{ color:#5B21B6; text-decoration:underline; }

@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 */