@charset "UTF-8";





#container {
    padding: 120px 0;
    background-color: #DDE0E3;
}

@media screen and (max-width: 1050px) {
    #nav_wrap {
        display: none;
    }

    #footer {
        display: none;
    }

    #container {
        padding: 0;
    }
}





#join_step_wrapper {
    width: 529px;
    margin: 0 auto;
}

#join_step_wrapper .join_step_header {
    display: flex; justify-content: center; align-items: center;
    width: 100%; height: 70px;
    color: #FFFFFF; font-size: 20px; font-weight: 400; letter-spacing: -0.6px;
    background-color: #29C4BE;
}

#join_step_wrapper .join_step_header .mobile_prev_btn {
    display: none;
}

#join_step_wrapper .join_step_header .mobile_home_btn {
    display: none;
}

@media screen and (max-width: 1050px) {
    #join_step_wrapper {
        width: auto;
    }

    #join_step_wrapper .join_step_header {
        position: relative;
    }

    #join_step_wrapper .join_step_header .mobile_prev_btn {
        display: block;
        width: 21px; height: 21px;
        position: absolute; top: 50%; left: 18px;
        transform: translate(0, -50%);
        background: url('/img/path_arrow_left_white.png') 50% no-repeat; background-size: 21px;
        text-indent: -999999px;
        overflow: hidden;
    }
    
    #join_step_wrapper .join_step_header .mobile_home_btn {
        display: block;
        width: 21px; height: 21px;
        position: absolute; top: 50%; right: 18px;
        transform: translate(0, -50%);
        background: url('/img/path_3.png') 50% no-repeat; background-size: 20px;
        text-indent: -999999px;
        overflow: hidden;
    }
}





#join_step_number_box {
    display: flex; justify-content: center; align-items: center;
    padding: 52px 0 0;
    background-color: #FFF;
}

#join_step_number_box .step_number {
    display: flex; justify-content: center; align-items: center;
    width: 44px; height: 44px;
    color: #29C4BE; font-size: 28px; font-weight: 400;
    background-color: #FFF;
    border: 1px solid #29C4BE; border-radius: 50px; box-sizing: border-box;
    padding-bottom: 2px;
    margin-right: 36px;
    position: relative;
}

#join_step_number_box .step_number:last-child {
    margin-right: 0;
}

#join_step_number_box .step_number::after {
    content: '';
    position: absolute; top: 50%; right: -37px;
    transform: translate(0, -50%);
    width: 36px; height: 1px;
    background-color: #29C4BE;
}

#join_step_number_box .step_number:last-child::after {
    display: none;
}

#join_step_number_box .step_number.on {
    color: #FFF;
    background-color: #29C4BE;
}




#join_step_wrapper .join_step {
    background-color: #FFF; display: none;
}

#join_step_wrapper .join_step.on {
    display: block;
}

#join_step_wrapper .join_step .step_bottom_btn {
    display: flex; justify-content: center; align-items: center;
    width: 100%; height: 50px;
    background-color: #29C4BE;
    border-radius: 6px; border: 0; box-sizing: border-box;
    color: #FFF; font-size: 14px; font-weight: 400;
    cursor: pointer;
}





/********** join_step_1 **********/
#join_step_1 {
    padding: 79px 58px 58px;
}

#join_step_1 .title_text {
    color: #404040; font-size: 48px; font-weight: 300; letter-spacing: -3.36px; line-height: 1.2; text-align: center;
    margin-bottom: 7px;
}

#join_step_1 .title_text .bold {
    font-weight: 500;
}

#join_step_1 .box_info_text {
    color: #404040; font-size: 17px; font-weight: 500; letter-spacing: -0.85px; text-align: center;
    margin-bottom: 100px;
}

#join_step_1 .company_num_input {
    margin-bottom: 11px;
}

@media screen and (max-width: 1050px) {
    #join_step_1 {
        padding: 80px 26px;
    }
}
/********** join_step_1 END **********/





/********** join_step_2 **********/
#join_step_2 {
    padding: 34px 58px 58px;
}

#join_step_2 .visible_value_wrap {
    margin-bottom: 55px;
}

#join_step_2 .visible_value_wrap .input_group {
    margin-bottom: 15px;
}

#join_step_2 .visible_value_wrap .input_group:last-child {
    margin-bottom: 0;
}

#join_step_2 .company_document_file_wrap {
    margin-bottom: 15px;
}

#join_step_2 .company_document_file_wrap .input_group .input_value_box {
    display: flex; justify-content: space-between; align-items: center;
}

#join_step_2 .company_document_file_wrap .input_group .input_value_box .file_name_box {
    display: flex; align-items: center;
    width: calc(50% - 3px); height: 50px;
    border: 1px solid #29C4BE; border-radius: 6px; box-sizing: border-box;
    padding: 0 13px;
    color: #000; font-size: 15px; font-weight: 400; letter-spacing: -0.45px;
}

#join_step_2 .company_document_file_wrap .input_group .input_value_box .file_name_box .file_name_text {
    display: block;
    width: 100%;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}

#join_step_2 .company_document_file_wrap .input_group .input_value_box .file_name_box .file_name_text.grey {
    color: #A2A9AF;
}

#join_step_2 .company_document_file_wrap .input_group .input_value_box #step_2_company_document {
    display: none;
}

#join_step_2 .company_document_file_wrap .input_group .input_value_box .file_add_btn {
    display: flex; justify-content: center; align-items: center;
    width: calc(50% - 3px); height: 50px;
    border-radius: 6px; box-sizing: border-box; border: 0;
    background-color: #D8DEE5;
    color: #000000; font-size: 16px; font-weight: 400; letter-spacing: -0.48px;
    cursor: pointer;
}

#join_step_wrapper #join_step_2 .step_bottom_btn {
    display: none;
}

#join_step_wrapper #join_step_2 .step_bottom_btn.on {
    display: block;
}
@media screen and (max-width: 1050px) {
    #join_step_2 {
        padding: 34px 26px 58px;
    }
}




#join_step_2 .hidden_value_wrap {
    display: none;
    margin-bottom: 15px;
}

#join_step_2 .hidden_value_wrap.on {
    display: block;
}

#join_step_2 .hidden_value_wrap .company_info_box {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 15px;
}

#join_step_2 .hidden_value_wrap .company_info_box .left_box {
    width: 256px;
}

#join_step_2 .hidden_value_wrap .company_info_box .right_box {
    width: 151px;
}
@media screen and (max-width: 1050px) {
    #join_step_2 .hidden_value_wrap .company_info_box .left_box {
        width: calc(70% - 3px);
    }

    #join_step_2 .hidden_value_wrap .company_info_box .right_box {
        width: calc(30% - 3px);
    }
}





#join_step_2 .hidden_value_wrap .value_date_box {
    display: flex; justify-content: space-between; align-items: flex-end;
    margin-bottom: 15px;
}

#join_step_2 .hidden_value_wrap .value_date_box .year_box {
    width: 198px;
}

#join_step_2 .hidden_value_wrap .value_date_box .month_box {
    width: 101px;
}

#join_step_2 .hidden_value_wrap .value_date_box .day_box {
    width: 101px;
}

#join_step_2 .hidden_value_wrap .value_date_box select {
    text-align: center;
}
@media screen and (max-width: 1050px) {
    #join_step_2 .hidden_value_wrap .value_date_box .year_box {
        width: calc(50% - 3px);
    }

    #join_step_2 .hidden_value_wrap .value_date_box .month_box {
        width: calc(25% - 6px);
    }
    
    #join_step_2 .hidden_value_wrap .value_date_box .day_box {
        width: calc(25% - 3px);
    }
}





#join_step_2 .hidden_value_wrap .post_value_box {
    margin-bottom: 15px;
}

#join_step_2 .hidden_value_wrap .post_value_box .post_number_row {
    display: flex; justify-content: space-between; align-items: flex-end;
    margin-bottom: 7px;
}

#join_step_2 .hidden_value_wrap .post_value_box .post_number_row .left_box {
    width: calc(50% - 3px);
}

#join_step_2 .hidden_value_wrap .post_value_box .post_number_row .right_box {
    width: calc(50% - 3px);
}

#join_step_2 .hidden_value_wrap .post_value_box .post_number_row .right_box .post_search_btn {
    display: flex; justify-content: center; align-items: center;
    width: 100%; height: 50px;
    background-color: #D8DEE5;
    border-radius: 6px; box-sizing: border-box; border: 0;
    color: #000000; font-size: 16px; font-weight: 400; letter-spacing: -0.48px;
    cursor: pointer;
}

#join_step_2 .hidden_value_wrap .post_value_box .addr_road {
    margin-bottom: 7px;
}

#join_step_2 .hidden_value_wrap .company_business_num_box.off {
    display: none;
}

#join_step_2 .hidden_value_wrap #post_number_search_wrap {
    border: 1px solid #29C4BE; border-radius: 6px; box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 15px;
}
/********** join_step_2 END **********/





/********** join_step_3 **********/
#join_step_3 {
    padding: 34px 58px 58px;
}

#join_step_3 .input_group {
    margin-bottom: 15px;
}

#join_step_3 .manager_name .label_box {
    display: flex; justify-content: space-between; align-items: center;
}

#join_step_3 .manager_name .manager_remote_box {
    display: flex; align-items: center;
}

#join_step_3 .manager_name .manager_remote_box #manager_remote_check {
    display: block;
    width: 18px; height: 18px;
    margin-right: 4px;
}
@media screen and (max-width: 1050px) {
    #join_step_3 {
        padding: 34px 26px 58px;
    }
}




#join_step_3 .terms_wrap .small_grey {
    padding-left: 6px; 
}

#join_step_3 .terms_wrap .small_grey .terms_view_btn {
    display: flex; justify-content: center; align-items: center;
    width: 48px; height: 18px;
    color: #FFF; font-size: 10px; font-weight: 400; letter-spacing: -0.3px;
    background-color: #909090;
    border-radius: 4px;
}

#join_step_3 .terms_wrap .small_grey .input_label {
    color: #A2A9AF; font-size: 14px; margin-right: 5px;
}

#join_step_3 .terms_wrap .small_grey .checkbox_value_box {
    width: 18px; height: 18px;
}
/********** join_step_3 END **********/