@media screen and (max-width: 1020px) {
    .login_area, .join_back {
        padding: 124px 40px 40px 40px;
    }
}

@media screen and (max-width: 769px) /* 모바?�� 기�???��  */ {
    .login_area, .join_back {
        padding: 0;
    }
    .login_area_sub, .join_back > .help_join_box,
    .join_back > .join_box {
        padding: 40px;
    }
    #header.header.login_page {
        display: none;
    }
    .footer.none_page {
        display: none;
    }
    .header_mobile_page_title.on {
        display: flex !important;
    }


    .help_join_box > .title {
        font-size: 24px;
        line-height: 30px;
    }
    .join_back > .join_box > .join_title {
        font-size: 24px;
        line-height: 30px; /* 125% */
    }
    .mobileheaderHeight { height: 56px;  }
}

@media screen and (max-width: 450px) {
    .help_join_box_sub > .help_id_step1 > .sub_title {
        font-size: 13px;
        line-height: normal;
        word-break: keep-all;
    }
    .join_box > .join_title_sub,
    .ad_sub_text {
        word-break: keep-all;
        text-align: center;
    }
}

@media screen and (max-width: 370px) {
    .join_back > .join_box.step0,
    .join_back > .join_box.profile {
        padding: 20px;
    }
    .swal2-popup.set.sub > .swal2-actions > button {
        font-size: 14px;
    }
}

@media screen and (max-width: 340px) {
    .join_box.profile > .join_title,
    .join_box.social > .join_title {
        font-size: 22px;
    }
}