/* 모바일 */ 
@media screen and (max-width:430px){
    html, body {overflow-x: hidden; }

     div#join_area{
        width: 100%;
        /* height: 1400px; */
        margin: 0px auto;
        position: relative;
        left: 0px;
        padding-top: 7vw;
        top: 0px;
        background-color: #f4f5f8;
        background-color: rgb(255, 255, 255);
    }
    div#join_wrap{
        width: 100%;
        height: auto;
        position: relative;
        /* top: 73px; */
        /* box-sizing: border-box; */
        background-color: rgb(255, 255, 255);
    }
    div.row{
        width: 100%;
        padding-bottom: 0;
        padding-top: 0;
    }
    div.row .join_us{
        text-align: center;
        font: normal 0.7em 'Noto sans KR';
        color: #9f9f9f;
        position: relative;
        top: 3px;
    }
    form#join{
        height: auto !important;
    }
    .signUplist{
        height: 430vw !important;
    }
    .signUp{
        width: 100%;
        padding: 3vw 5.5%;
        box-sizing: border-box;
    }
   
    /* 사항은 필수 사항입니다. */
    .required{
        color: #888;
        font-size: 0.85em;
        margin-top: -2vw;
    }
    /* ///// */

    .signup_process{
        width: 100%;
        display: flex;
        padding-right: 2% !important;
        position: relative;
        top: 1vw;
        padding-bottom: 30px;
        /* padding: 0%; */
        left: 0px;
        font: normal 3vw 'Noto sans KR';
        color: #b3b3b3;
        box-sizing: border-box;
        /* background: #c9c9e0; */
        justify-content: flex-end;
    }

    div#agreement_wrap{
        width: 100%;
        margin-left: 0%;
        background-color: #ffffff;
    }

    .login_Form{
        position: relative !important;
        width: 100%;
        left: 0 !important;
        /* display: block; */
        align-items: baseline;
        padding-top: 9px;
        margin-bottom: 17px;
        /* background-color: darkcyan; */
    }
    .login_Form input::placeholder{
        font-size: 3vw;
    }
    .login_Form2{
        position: relative;
        width: 100%;
        height: auto;
      
        display: block;
        font-size: 3.5vw;
        padding-top: 0px;
        
        /* background-color: darkcyan; */
    }
    .login_Form_list img{
        position: relative;
        width: 5.5%;
        top: 7px;
        left: -9.3%;
    }
    .login_Form_list{
        height: auto;
        display: block;
    }
    .login_Form .sign_up_text{
        width: 34%;
        position: relative;
        display: flex;
        padding-bottom: 5px;
        font: normal 3.2vw 'Noto sans KR';
    }
    .login_Form2 .sign_up_text{
        width: 32%;
        padding-bottom: 14px;
        font: normal 0.95em 'Noto sans KR';
    }

    .email_inputcss{
        width: 49% !important;
    }
    #essential{
        /* width: 5%; */
        color: red;
        position: relative;
        /* top: 10vw; */
    }
    .Form2{
        margin-bottom: 52px;
        /* background-color: #444; */
    }

    
    div.login_Form_wrap{
        width: 100%;
        margin-left: 0%;
        height: auto;
        
        /* background-color: darkblue; */
    }
 
    .flex_no{
        float: none !important;
    }
    .flex_no p{
        position: relative;
        top:4.5vw;
        left: 56%;
        /* background-color: #444; */
    }

    .sign_member{
        position: relative !important;
        top: 0vw;
        padding-left:0%;
    }

    .sign_member p{
        font: normal 3vw 'Noto sans KR';
        color: #5d5e6d;
        /* margin-bottom: -2vw; */
    }
    /* .flex{
        display: block;
    } */
    .flexno{
        display: block;
    }
   
    .login_Form select{
        width: 48%;
        padding: 10px;
        margin-top: 9px;
        margin-left: 0px;
        font-size: 3vw;
        border-radius: 0;
        border: solid 1px rgb(192, 195, 204);
    }
  
    .login_Form .input_btn{
        top: 0;
        position: relative;
        left: 0;
        /* margin-left: 10%; */
        width: 20%;
        padding: 9px;
        cursor: pointer;
        border-radius: 2px;
        border: solid 0.1em #888;
        cursor: pointer;
        font: 3.1vw 'Noto sans KR';
    }


    .Form_arrangement{
        margin-left: -100%;
        position: relative;
        top:100px;
        /* background-color: #444; */
    }
    .row h4{
        font: bold 6.2vw 'Noto sans KR';
        /* color: #3E4880; */
        color: rgb(99, 99, 99);
        text-align: center;
    }
   
    #notice{
        position: relative;
        color: red;
        /* top: 25vw; */
        left: 0;
        font-size: 3vw;
        top: 2px;
    }
    #email_help{
        position: relative;
        color: red;
        top: 1px;
        left: 0;
        font-size: 3vw;
    }
    /* .lower_business{
        margin-top: 0vw;
    } */
    .help{
        position: relative;
        top: 1px;
        color: red !important;
        left: 0;
        font-size: 3vw !important;
    }

    .business_information_wrap{
        width: 100%;
        /* margin-left: 12.5%; */
        height: auto;
        padding-bottom: 6px;
        margin: 0px auto;
    }

    h5{
        display: block;
        /* height: 3vw; */
        font: bold 0.95em 'Noto sans KR';
        /* color: #3E4880; */
        color: rgb(107, 107, 107);
        margin-bottom: 2vw;
    }
    hr{
        height: 0.5px;
        background-color: #333333;
    }

    .overlap_check{
        width: 49%;
        height: 8vw;
        /* float: right; */
        /* margin-left: 20px; */
        margin-left: 102%;
        position: relative;
        top: 19vw;
        cursor: pointer;
        border-radius: 2px;
        border: solid 0.1em #888;
        background-color: white;
        cursor: pointer;
        font: 3.1vw 'Noto sans KR';
        color: #888;
        /* filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.1)); */
        /* padding: 5px; */
    }
    .overlap_check2{
        width: 102%;
        height: 30px;
        /* float: right; */
        /* margin-left: 20px; */
        margin-left: 71%;
        position: relative;
        top: 9px;
        cursor: pointer;
        border-radius: 2px;
        border: solid 0.1em #888;
        background-color: white;
        cursor: pointer;
        font: 0.85em 'Noto sans KR';
        color: #888;
        /* background-color: firebrick; */
    }

    .login_Form_top{
        margin-top: 12px;
        /* background-color: rebeccapurple ; */
    }

    .overlap_check_box{
        position: relative;
        left: 30%;
        top: -27vw;
        width: 45%;
    }

    .already_member{
        width: 96%;
        /* position: relative !important; */
        /* top: 32vw; */
        margin-top: -8vw;
        left: 5% !important;
    }
.detail_add2{
    position: relative;
    left: -16%;
    top:20px;
    /* background-color: #444; */
}
    .buisness{
        width: 180% !important;
    }

    .sign_upup{
       
        margin-top: -55px !important;
       /* background-color: #444; */
    }
   
    .pass_w{
        width: 193% !important;
        height: 100px;
        /* background-color: rgb(204, 204, 204); */
    }
    
    .sign_up_input{
        width: 93% !important;
        margin-top: 30px !important;
        /* background-color: #939cbd !important; */
    }
    div.login_Form.Form_arrangement.pass_w.flex{
        display: block;
    }

    .already_member .info_text{
        position: absolute;
        top: 25vw;
        font: normal 0.8em 'Noto sans KR';
        color: rgb(243, 32, 32);
        left: 2%;
    }
    #password_already_user{
        /* background-color: darkgoldenrod; */
        width: 87% !important;
    }
    .overlap_check.check_ok{
        margin-left: 96% !important;
    }
    div.bottom_line{
        margin-top: 29vw;
        margin-bottom: 2vw;
        /* border-bottom: 2px solid rgb(145, 145, 145); */
    }
    .login_Form_hometax input{
              /* display: block; */
    padding: 9px;
    /* max-width: 600px; */
    width: 53%;
    margin-top: 9px;
    border-radius: 0;
    border: solid 1px rgb(202 203 206);
    }

    .login_Form_hometax input::placeholder{
        font: normal 3vw 'Noto sans KR';
        color: rgb(165, 165, 165);
    }

    .login_Form_hometax{
        position: relative;
        width: 100%;
        /* height: 63px; */
        margin-bottom: 22px;
        padding-top: 14px;
        display: block;
        align-items: baseline;
        /* background-color: darkcyan; */
    }
    .login_Form_hometax .sign_up_text{
            width: 54%;
    /* display: block; */
    font: normal 3.3vw 'Noto sans KR';
    }

    .login_Form_hometax .certification_css{
        top: 1px;
        position: relative;
        left: 0.7%;
        padding: 9px;
        margin-left: 0;
        width: 21%;
        box-sizing: border-box;
        border: none;
        background-color: #333333;
        cursor: pointer;
        font: 3vw 'Noto sans KR';
        color: #fff;
        /* filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.1)); */
    }
    .login_Form_hometax .certification_css2{
        top: 0px;
        position: relative;
        left: 1%;
        padding: 7.5px;
        margin-left: 0;
        width: 20.5%;
        box-sizing: border-box;
        border: solid 1px #17B054;
        background-color: #ffffff;
        FONT-VARIANT: JIS83;
        font: 3vw 'Noto sans KR';
        color: #17B054;
    }

    .login_Form .certification_css{
        top: 1px;
        position: relative;
        left: 0.7%;
        padding: 9px;
        margin-left: 0px;
        width: 20%;
        cursor: pointer;
        border: none;
        background-color: #333333;
        cursor: pointer;
        font: 3vw 'Noto sans KR';
        color: #fff;
        /* filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.1)); */
    }
    .login_Form .certification_css2{
        top: 1px;
        position: relative;
        left: 0.7%;
        padding: 9px;
        margin-left: 0;
        width: 20%;
        border: solid 1px #17B054;
        background-color: #ffffff;
        cursor: pointer;
        font: 3vw 'Noto sans KR';
        color: #17B054;
    }

    .login_Form .verification_completed{
        position: relative;
        left: 0;
        top: 0;
        padding-left: 0;
    }
    .completed_list{
        background: #F8F8F8;
        border: 1px solid #D0D0D0;
        border-radius: 5px;
        padding: 0.4em;
        width: 100%;
        font-size: 3.2vw;
        cursor: pointer;
        margin-bottom: 14px;
        box-sizing: border-box;
    }
    .container{
        position: absolute;
        cursor: pointer;
        font-size: 14px;
        width: 10;
        left: 1.5%;
        margin-top: 9px;
        /* top: 0; */
        user-select: none;
        /* display: none; */
        /* background: darkblue !important; */
    }
    .container .checkmark:after{
        left: 33%;
        top: 0.25em;
        width: 1vw;
        height: 2vw;
        border: solid white;
        border-width: 0 0.15em 0.15em 0;
        transform: rotate(45deg);
    }
    .login_Form input.completed_checkbox{
        background-color: darkcyan !important;
    }
    .login_Form input{
        padding: 3%;
        width: 71%;
        box-sizing: border-box;
        position: relative;
        margin-top: 0;
        border-radius: 0;
        border: solid 1px rgb(192, 195, 204);
    }
    .auth_div{
        position: relative;
        display: inline-flex;
        /* margin-top: -24px; */
        /* top: -9px; */
    }
    .login_Form_hometax button{
        position: relative;
        left: -0.2%;
        padding: 2px;
        margin-left: 0;
        height: 35px;
        width: 33vw;
        cursor: pointer;
        border-radius: 2px;
        border: none;
        background-color: #333333;
        cursor: pointer;
        font: 1vw 'Noto sans KR';
        color: #fff;
    }
    .verification_completed .hometax_update{
        position: relative;
        left: -1%;
        top: 2px;
        float: right;
        /* margin-right: 60px; */
        font: 3.2vw 'Noto sans KR';
        color: #3d5fc4;
    }
    .pass_number{
        position: relative;
        left: 0;
        padding: 5px;
        margin-left: 0;
        height: 37px;
        top: 0px;
        width: 24vw;
        cursor: pointer;
        border-radius: 2px;
        border: none;
        background-color: #333333;
        cursor: pointer;
        font: 2.6vw 'Noto sans KR';
        color: #fff;
    }
    .completed_contents{
        width: 88%;
        margin: 0px auto;
        /* height: 67px; */
        position: relative;
        padding: 0.2em;
        box-sizing: border-box;
        background: #FFFFFF;
        border-radius: 5px;
        /* top: -15px; */
        left: 1%;
    }

    .completed_contents_list{
        width: 29%;
        display: inline-grid;
        font: bold 0.9em 'Noto sans KR';
        font-weight: 500;
        color: #464646;
        text-align: center;
        border-right: 1px solid #d0d0d0;
        position: relative;
        left: 2%;
    }

    .trash_icon img{
        width: 5.3%;
        float: right;
        position: relative;
        top: -9vw;
        left: 3.5%;
        cursor: pointer;
    }
    .checkmark{
        position: absolute;
        top: 0vw;
        /* left: 2%; */
        margin-left: 3%;
        height: 5.2vw;
        width: 5.1vw;
        /* background-color: #ccc; */
        border-radius: 25px;
        transition: 0.15s;
    }
    .seal{
        padding: 2px;
        /* background-color: darkblue; */
    }
    /* 휴대폰인증 */
    #auth_div{
        top: 0vw;
        left: 0%;
        width: 98%;
        height: 14vw;
        text-align: center;
        /* background: darkblue; */
    }
    .phone_certification{
        width: 88vw;
        /* margin-top: 3vw; */
        border: solid 0.1em #888;
        padding: 9px;
        cursor: pointer;
        font: 0.85em 'Noto sans KR';
    }

    

    div.now_login button{
          
    font: normal 3.5vw 'Noto sans KR';
    margin-left:0%;
    }


    .agreement_all label p{
        font: bold 0.8em 'Noto sans KR';
        font-weight: 400;
        color: rgb(143, 143, 146);
        position: relative;
        left: 8%;
        top: 3px;
    }


    .previous_button{
        width: 33%;
        height: 89px;
    }

    /* 회원가입 완료 */
    .sign_up_ok{
        width: 100%;
        padding: 0%;
        position: relative;
        font-size: 3.5vw;
        padding-top: 24px;
        box-sizing: border-box;
        top: 108px;
    }
    .sign_up_ok .sign_up_ok_list img{
        width: 15%;
        padding-bottom: 19px;
    }
    .sign_ok_list_text{
        font: normal 0.98em 'Noto sans KR';
        color: #909090;
        padding-bottom: 37px;
        width: 90%;
        text-align: center;
        /* background: darkblue; */
        margin: 0px auto;
    }
    .login_page_move{
        width: 48%;
        height: 34px;
        text-align: center;
        margin: 0px auto;
    }
    .login_page_move button{
        width: 100%;
        height: 100%;
        font: normal 3.2vw 'Noto sans KR';
        color: #ffffff;
        border: none;
        background-color: #363738;
    }
    .sign_ok_text{
        font: bold 1.5em 'Noto sans KR';
        color: #363738;
        text-align: center;
        padding-bottom: 14px;
    }

}