/* 로그인 */
.login_wrap .menu_wrap{margin-top: 1.25em; justify-content: space-between;}
.login_wrap .id_save_field label{color: var(--text-secondary); font-size: 0.875em;}
.login_wrap .menu_wrap .find_id_pw{font-size: 0.875em; align-items: center; font-weight: 500;}
.login_wrap .menu_wrap .find_id_pw .btn_basic{color: var( --mono-1);}
.login_wrap .menu_wrap .find_id_pw .btn_basic:hover{color: var(--point-blue-1);}
.login_wrap .popup_cont .info{margin-top: 2.125em; justify-content: center;}
.login_wrap .popup_cont .info .btn_basic{font-size: 0.875em;}

/* Instagram button styles */
/* 인스타그램 로그인 버튼 효과를 위해 overflow 임시 제거*/
.member_sign_popup .popup_cont{
    overflow-x: unset;
    overflow-y: unset;
}

#btnIgLogin{
    width: calc(100% - 2px);
    position: relative;
    background: var(--white);
}
#btnIgLogin::before {
    content: "";
    position: absolute;
    top: -2px; bottom: -2px; left: -2px; right: -2px; /* 테두리 두께 */
    background: linear-gradient(143deg, #405DE6 0.51%, #5851DB 13.27%, #833AB4 26.02%, #C13584 38.78%, #E1306C 51.53%, #FD1D1D 64.29%, #F56040 77.04%, #F77737 89.8%, #FCAF45 96.17%, #FFDC80 102.55%);
    border-radius: 5px; /* .box의 border-radius + 두께 */
    z-index: -1;
}
#btnIgLogin>.instagram_login_update_icon_box{
    position: absolute;
    border-radius: 3px;
    background: linear-gradient(143deg, #405DE6 0.51%, #5851DB 13.27%, #833AB4 26.02%, #C13584 38.78%, #E1306C 51.53%, #FD1D1D 64.29%, #F56040 77.04%, #F77737 89.8%, #FCAF45 96.17%, #FFDC80 102.55%);
    box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.25);
    font-size: 12px;
    color: var(--white);
    padding: 1.5%;
    top: -24%;
    right: -10%;
}
#btnIgLogin>svg{
    width: 23px;
    height: 23px;
}
#btnIgLogin>.instagram_login_icon_top{
    position: absolute;
    top: -23%;
    left: -8%;
}
#btnIgLogin>.instagram_login_icon_bottom{
    position: absolute;
    bottom: -30%;
    right: -8%;
}
#btnIgLogin img {
    vertical-align: middle;
    height: 20px;
    width: auto;
    margin-right: 5px;
}

/* 회원 가입 */
.join_wrap {height: auto;}
.join_wrap form{width: 100%; height: 100%;}
.join_container::-webkit-scrollbar{width: 0; height: 0;}
.join_container{max-width: 600px; height: 100%; margin: 0 auto; background-color: var(--bg-basic); overflow-y: auto;}
.join_container .inner{width: 67%; max-width: 400px; margin: 0 auto; padding-bottom: 9.5em;}
.join_container .join_head{padding: 5em 0; position: relative;}
.join_container .join_head .back_btn{position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1;}
.join_container .join_head .back_btn i{font-size: 1.875em; color: var(--mono-1);}
.join_container .com_sub_cont_tit{padding: 0;}
.join_container .com_sub_cont_tit .tit{font-size: 1.5em; text-align: center;}
.join_container .join_type_wrap .type_tit{font-weight: 700; margin-bottom: 10px;}
.join_container .join_type_wrap .type_tit i{font-size: 12px; color: var(--point-pink-1); vertical-align: 3px; padding-left: 1px;}
.join_container .join_type .type{cursor: pointer;}
.join_container .join_type .type + .type{margin-top: 10px;}
.join_container .join_type .type_field{padding: 1.875em;}
.join_container .join_type .type_field .info_txt{width: calc(100% - 1.625em); padding-left: 0.94em;}
.join_container .join_type .type_field .info_txt .icon{width: 1.5em; height: 1.5em;}
.join_container .join_type .type_field .info_txt .icon svg{width: 24px; height: 100%}
.join_container .join_type .type_field .info_txt .icon svg path{fill : var(--point-blue-1)}
.join_container .join_type .type_field .info_txt .icon img{display: block; width: 100%;}
.join_container .join_type .type_field .info_txt .txt{ width: calc(100% - 1.5em); padding-left: 10px; font-weight: 600; color: var(--point-blue-1); line-height: 1.5em;}
.join_container .join_type .type_field .info_txt .desc{width: 100%; font-size: 12px; color: var(--text-secondary); margin-top: 1em; line-height: 1.25em;}
.join_container .join_type .type_field .info_txt .desc:nth-of-type(2){margin-top: 0.4em}

.join_container .join_field_wrap .input_field{margin-top: 3.125em; display: none;}
.join_container .join_field_wrap .company_field,
.join_container .join_field_wrap .all_field{display: block;} /* 기업 회원 기본 선택 값 */

.join_container .join_field_wrap .input_field .input_box + .input_box{margin-top: 10px;}
.join_container .join_field_wrap .email_auth_field{margin-top: 10px; display: none;}
.join_container .join_field_wrap .email_auth_field .time{position: absolute; top: 50%; right: calc(5em + 10px); transform: translateY(-50%); color: var(--point-pink-1);}

.join_container .join_field_wrap .upload_field label,
.join_container .join_field_wrap .upload_file_input_field label{width: 100%;}
.join_container .join_field_wrap .upload_field .save_logo .img_box{width: 6.25em; height: 6.25em;}
.join_container .join_field_wrap .upload_file_input_field .file_upload_wrap{width: 100%;}
.join_container .join_field_wrap .upload_file_input_field .upload_info_txt{margin-left: 0;}
.join_container .join_field_wrap .upload_file_input_field .upload_input{padding-top: 6.25em;}
.join_container .join_field_wrap .upload_file_input_field.save .upload_input{padding: 0;}
.join_container .join_field_wrap .upload_file_input_field.save .upload_info_txt{display: block;}

.join_container .join_field_wrap .com_select_wrap{width: 100%;}
.join_container .agree_wrap{margin-top: 3.125em;}
.join_container .agree_wrap .agree_ck_field + .agree_ck_field{margin-top: 10px;}

.join_container .sign_btn{margin-top: 3.125em; text-align: center;}

.join_container .tooltip_wrap .tooltip_on_btn{margin-top: 5px;}
.join_container .tooltip_wrap .tooltip_on_btn .txt{font-size: 12px; }

.join_container .file_upload_wrap .file_box{width: 100%;}

@media screen and (max-width:540px) {
  .join_container .inner{width: 92%;}
}
@media screen and (max-width:340px) {
  .join_container .agree_ck_field label{display: inline-block; width: calc(100% - 2em);}
  .join_container .agree_ck_field .text_btn .txt{margin-left: calc(1.625em + 10px);}
}