.wrap{background-color:#fff;}

.sec{padding:120px 0;}


/* .login */
.login_page{background: #f8f8f8;position: relative;height: 100vh;}
.login_page .con{position: absolute;width: 100%;left:50%;transform: translate(-50%,-50%);top:50%;}
.login_page>div{width: 100%;height: 100%;}
.login_page .logo{width: 250px;margin:0 auto;margin-bottom: 20px;}


.login_tabSet{	margin-bottom:30px; width: 100%; margin:0 auto}
.login_tabSet ul.login_tabs {  display: flex;justify-content: center;}
.login_tabSet ul.login_tabs  li{padding:0 2px 0 0;padding:0 2px 0 0; width:50%;transform: translateY(1.1px);width:100%;}
.login_tabSet ul.login_tabs li a{ background: #fff; display: block; font-weight: normal;font-size:1rem; text-decoration: none; text-align: center; padding: 15px;border:1px solid #ddd;}
.login_tabSet ul.login_tabs li + li{margin-left:15px;}
.login_tabSet ul.login_tabs li a.on{font-weight: bold;background: #fff; cursor: default;}
.panel{color:#4d4d4d;   display:none; padding:30px 0;}
.login .bd-md{display: flex;align-items: center;}
.login_left_img{width: 480px;margin-right: 80px;border-radius: 30px;overflow:hidden;}
.login_left_img img{height: 100%;display: block;}
.login_left_img .txt-box{position: absolute;left:40px;bottom:40px;}
.login_left_img .txt-box h5{font-size: 2rem;}
.login_left_img .txt-box p{opacity: 0.8;}



.previous .find_previous{display: flex;justify-content: flex-end;}
.previous .find_previous li{margin-left:14px;cursor: pointer;font-size: 14px;opacity: 0.9;position: relative;}

.previous .find_previous li:first-child:before{width:2px; height: 12px; content: '';display: block;background: #000;opacity: 0.4;position:absolute; right:-8px;top:43%;transform: translateY(-50%);}




	/* 체크박스 디자인 */
.login .d-block {margin-top: 15px;justify-content: flex-start;}



.login .login_tabSet .text_input{width:100%;padding:20px 20px;  outline: 0; background: #fff;border:1px solid #ddd; border-radius: 0 !important;} 
.login .login_tabSet .text_input::placeholder{font-family: inherit;}

.login .login_tabSet p + p .text_input{border-top:none;}
.login .login_but{margin:50px 0 20px;}
.login .login_but .button button{width:100%; text-align: center;background-color: #71BF44;padding:20px 0; color:#fff;border-color:#71BF44;}
.login .panel01_bottom ul li{display: inline-block; font-size:14px;} 
.login .panel01_bottom ul{text-align: center; display: flex;justify-content: flex-end;justify-content: center;color: #767676;} 
.login .panel01_bottom ul li + li{margin-left: 20px;}

.login .panel01_bottom .but_login{margin-top:30px;}
.login .panel01_bottom .but_login > div{width:100%;padding:15px 0; border-radius: 3px;}
.login .panel01_bottom .but_login div a > div{ display: flex; align-items: center;}
.login .panel01_bottom .but_login div i{width:5%; height:30px; display: block;margin-left:20px;display: flex; align-items: center;}
.login .panel01_bottom .but_login div p{width:95%; text-align: center;font-size:1rem; font-weight: bold;}
.login .panel01_bottom .but_login > div:first-child{background-color:#41b045;margin-bottom:10px; color:#fff; }
.login .panel01_bottom .but_login > div:nth-child(2){background-color:#f4dc2b; color:#000;margin-bottom:10px;}
.login .panel01_bottom .but_login > div:nth-child(3){background-color:#000; color:#fff;}


/* 비회원주문 */
.login .panel .text{font-size:1rem; font-weight:  500 ; text-align: center; width:100%;margin-bottom:15px;word-break: keep-all;} 
.login .tabs02 .order_number{display: flex; border:1px solid #bbb;justify-content: space-between;margin-bottom:10px;}

.login .tabs02 .order_number input{border:none}

.login .tabs02 .order_number p{width:48%;position:relative}
.login .tabs02 .order_number p:first-child:before{content:'';display: block; width:10px; height:2px; background-color: #888; position:absolute; top:50%; right:-18px;}

.login .tabs02 .order_number input{margin-bottom:0px}








/* .jion */

span.required{width: 6px;height: 6px;background: #ed3b3b;    display: block;  position: absolute;  right: -12px; top: 2px;border-radius: 50%;}
.consent_con h4{font-weight: bold;padding-bottom: 10px;}
.join-con .logo{width: 200px;margin:0 auto;margin-bottom: 20px;}

.join-con +.join-con{margin-top: 40px;}
.jion_list{border-top:none;}
.jion_list li+li{margin-top: 20px;}
.jion_list li .jion_title p{position: relative;width: max-content;}
.jion_list li .jion_right.cell {border-radius: 30px;display: flex;justify-content: space-between;}
.jion_list li .id_input{display: flex;}


.jion_list li .jion_right button{width: 120px;display: flex;justify-content: center;align-items: center;margin-left: 10px;background: #ddd;color: #666;border-radius: 4px;}
.jion_list li .jion_right .sendpwemailbutton{width: 100%;display: flex;justify-content: center;align-items: center;margin-left: 0px;background: #ddd;color: #666;border-radius: 4px;}
.jion_list li .jion_right button.on_but{background: #41b045;color: #fff;}


.jion_list li .jion_right .input_text{padding:14px 16px; outline:0; width:100%; border:1px solid #ddd;border-radius: 4px;}
.gender_input {margin-top: 8px;}
.jion_list li .birth_input{display: flex; align-items: center;}
.jion_list li .birth_input .input_text{border:none;}
.jion_list li .birth{ display: flex;align-items: center; width:70%; padding-right:10px;}
.jion_list li .jion_right.birth_input>div{width:100%;}
.jion_list li .birth_flex{display: flex;width: 100%;}
.jion_list li .birth>div{display: flex;width:33.3%;justify-content:center;align-items: center;border:1px solid #ddd;border-radius: 40px;padding:15px;}
.jion_list li .birth>div + div{margin-left: 20px;}
.jion_list li .jion_right.birth_input>div>p{font-size:13px; color:#888;margin-top:5px;}
.jion_list li .birth select{width:100%; color:#888; border:none;/* margin-right:10px; */; box-shadow: none;}
.jion_list li .birth select option{border:1px solid #ddd !important; color:#000;width:100%;}


.mypage_correction .email_input.jion_right .email1{width: 160px;}
.mypage_correction .email_input.jion_right  .email2{width: calc(100% - 160px);}


.mypage_correction .email_input.jion_right >div{display: flex; align-items: center; width: calc(100% - 120px);}


/*사업자등업신청*/
.jion_list li .w100p .type02.radio_style{border-radius: 10px;}
.jion_list li .w100p .type02.radio_style [type="radio"]{width: 100%;height: 70px;}

.jion_list li .w100p .type02.radio_style label:first-child input{border-radius: 4px 0 0 4px !important;}
.jion_list li .w100p .type02.radio_style label:last-child input{border-radius:0 4px  4px 0!important;}
.jion_list li .w100p .radio_style.type02 [type="radio"]:checked{background:#71BF44;border-color:#71BF44;}
.jion_list li .w100p .radio_style [type="radio"]:checked + span {color: #fff; font-weight: 600;}
.jion_list li .w100p .type02.radio_style span {left: 50%;transform: translate(-50%,-50%);}
.jion_list li .w100p .radio_style label{width: 33.3%;;}
.jion_list li .radio_style label{    width: 160px;}

.mypage_business .filebox .upload-name{height: auto; padding: 14px;border-radius: 4px;    width: 300px;}
.mypage_business .jion_list li .double_check p.no{margin-left: 20px;}
.mypage_business .filebox_down a{ width: 250px;}
.mypage_business .filebox_down{display: flex;justify-content: space-between;}
.jion_list li select{width: 200px;padding:14px;}

/* 현금영수증 */
.jion_list li .jion_right .receipt_box{width: 70%;}
.jion_list li .cash_receipts{display: flex;}
.jion_list li .cash_receipts .receipts_check{margin-right: 20px; display: flex;}
.jion_list li .cash_receipts .d-block{display: inline-flex; align-items: center; height: 100%;}
.jion_list li .cash_receipts .d-block:first-child{margin-right: 6px;}
.jion_list li .cash_receipts .input_text{padding: 10px; height: 40px;}

.jion_list li .birth02{ display: flex; margin-right: 21px;}
.jion_list li .birth02 > .d-block:first-child{ margin-right:10px}
/* .jion_list li .birth p{margin:0 10px} */
.jion_list li .name_input{width:100%;}
.jion_list li .email_input{display: flex;align-items: center;}
.jion_list li .email_input form{width:220px}
.jion_list li .email_input form:last-child{width:400px}
.jion_list li .email_input p{margin:0 10px;color: #bbb;font-weight: bold;}
.jion_list li .email_in_margin{margin-right:10px}
.jion_list li .double_check{margin-top:5px;}
.jion_list li .double_check p{font-size:12px; color:#888} 
.jion_list li .double_check p.no{font-size:12px; color:#be3434} 
.jion_list li .cell01_input select{padding:16px;width: 130px;margin-right: 10px;}
.jion_list li .cell01_input input{width: 100%;}
.jion_list li .certification_number{margin-top:10px; position:relative}
.jion_list li .certification_number > div{position:relative}
.jion_list li .certification_number > div{display: flex;}
.jion_list li .certification_number input{width:70%; border:1px solid #ddd; padding:12px 16px;border-radius: 40px;}
.sub_txt-wrap{position:absolute; top:50%; transform: translateY(-50%); font-size:12px; right:16px; color:#888;    display: flex;}
.jion_list li .certification_number .c-pointer{ margin-left:5px; padding:2px 8px 0px 8px;   color: #fff;border:none;; width: max-content;}

.jion_list li .co_ce .co_in_form{width:calc(100% - 140px)}
.jion_list li .co_ce .co_in_form form{width:29%}
.jion_list li .certification_number.co_ce input{width: calc(100% - 140px);}
.jion_list li .certification_number.co_ce button {width: 156px;}

.jion_list li .add_but{display: flex;}
.jion_list li .add_but > div{width: calc(100% - 120px);}

#line_phone1,#line_phone2,#line_phone3{width: 150px;;}


.jion_list li .cell01_input .co_ce button {
    width: 100px;
}
.jion_list li .cell01_input .co_ce .co_in_form {
    width: calc(100% - 100px);
}
.jion_list li .co_ce .co_in_form {
    width: 100%;
}
.jion_list li .cell01_input{display: flex;}
.jion_list li .cell01_input button{width: 120px;;}
/* .jion_list li{display: flex;align-items: center;width: 100%;} */
.jion_list li  form{display: flex;width: calc(100% - 120px);}

.jion_list li .call_input select{width: 100px;margin-right: 15px;}
.jion_list li .call_input input{width: calc(100% - 115px) !important;}

.jion_list li .cell02_input form{display: inline-block;}
.jion_list li .birth_year_lnput > div{display: flex;}

.jion_list li .gender_input{display: flex;margin-right:10px;align-items: flex-start;}
.jion_list li .gender_input > div{margin-right:15px}

.jion_list li .agreement_input form{display: inline-block;margin-right:10px}
.jion_list li .agreement_input form input{margin-right:5px}

.jion_list li .agreement_input{width:100%;}
.jion_list li  textarea{width:100%; display: none; margin-top:10px;}
.jion_list li .agreement_input .click_textarea{color:#888;cursor: pointer;font-size: 0.9rem;}


.jion_list li .email_agreement{color:#888;}
.jion_list li .email_agreement form{margin-left:10px;color:#888}
.jion_list li .email_agreement form input{margin-right:5px}
.bottom02 .jion_list li .email_agreement .d-block{position: relative; justify-content: flex-end;}
.jion_list li .email_agreement02{display: flex;}
.jion_list li .email_agreement02 > div{margin-right: 20px;}


.but{padding-top:60px}
.but .button button {width:100%;background: #000;  padding:20px 0;}
.but .button button a{width:100%; background: #000; color:#fff;/*  padding:20px 200px; */ border:1px solid #000}
/* .but .button button:hover{background-color: #000; color:#fff;} */

.bottom02 .jion_list li .jion_right > div{ width: 100%;display: flex;justify-content: space-between;}

.bottom02 .jion_list li:last-child p{color:#767676;}
.correc_but{display: flex; width:60%; margin:80px auto 0 auto;}
.correc_but .button{width:30%; text-align: center;}
.correc_but .button:first-child{margin-right:10px;width:70%;}
.correc_but .button button{padding:15px 0;}
.correc_but .button:first-child button{font-size:1rem;background: #000; color:#fff; width:100%}
.correc_but .button:last-child button{font-size:1rem;background: #fff; color:#000; border:1px solid #000;width:100%}
.jion_list li .gender_input .d-block{position: relative; width: 52px;}
.jion_list li .agreement_input{display: flex;justify-content: space-between;align-items: center;}


.jion_list li .email_agreement:first-child{position: relative;}
.join .d-block input[type="checkbox"] + label span{position: absolute; top: 8px; transform: translateY(-50%); left: 22px;width: max-content;}



.consent_con  .all_agree{background: #f9f9f9;padding:14px 16px 16px;}
.consent_con  .all_agree span{font-weight: bold;}

.consent_con .essential_agree .d-block{width: calc(100% - 84px);padding-right: 10px;}

.consent_con .agreement_input .d-block span{width:calc(100% - 27px);}


.jion_list li .agreement_input .click_textarea{width:84px;background: #fff ;color: #41b045;border:1px solid #41b045; padding:4px 10px;border-radius: 40px;font-size: 12px; text-align: center;}





/* join_next */
.join_next h3{margin:30px 0 10px 0}

.join_next{padding:120px 0;}
.join_next > div > div{margin:0 auto;}
.check_arr{width:100px; display: block; height:100px; margin:0px auto}
.check_arr img{width:100%;}
.join_next h3{text-align: center; font-size:2rem;}
.join_next .top{text-align: center; font-size:1rem;word-break: break-all;}
.join_next_name{font-weight: bold;}
.join_next .id_find_{margin-top:40px; text-align: center;}
.join_next .body.fint_next{margin-top:20px;}
.join_next .body{margin-top:60px;}
.join_next .body ul{ margin:0 auto;border-top:1px solid #000;border-bottom:1px solid #000}
.join_next .body ul li > div{padding:15px 0;display: flex;justify-content: space-between; border-bottom:1px solid #ddd}
.join_next .body ul li:last-child div{border-bottom:none}
.join_next .body ul li div .left{width: 20%; color:#888; font-weight: bold; }
.join_next .body ul li div .right{width: 80%;color:#000; font-weight: bold; }


.join_next .join_next_but{display: flex;justify-content: space-between; }
.join_next .join_next_but > div{width:calc(50% - 10px);margin-right:10px}
.join_next .join_next_but > div:last-child{margin-right:0;}
.join_next .join_next_but .button button{width:100%; padding:15px 0;margin-top:40px}
.join_next .join_next_but .login_but button{background-color: #000;color:#fff;border:1px solid #000}
.join_next .join_next_but .end_buts button{background-color: #fff;color:#000; border:1px solid #000}

/* correction */
.correction.join > div > div{width: 70%;}
.correction .address_text .address{display: flex}
.correction .address_text .input_text{margin-bottom:10px; padding:10px;}
.correction .address_text .address .input_text{width:70%;}
.correction .address_text .address button{width:30%; padding:10px;margin-bottom:10px;background-color: #000;color:#Fff}


	/* 배송지목록 */
    .address_view.join > div > div {width: 100%;margin: 0 auto;}
    .jion_list li .jion_right.address_text .address .input_text{width: calc(100% - 130px);}
    .jion_list li .jion_right.address_text .address{display: flex;}
    .jion_list li .jion_right.address_text >input{margin-top: 10px;}
    .address_view.join div.address_but{display: flex; width:60%;margin-top:20px; margin-bottom:60px;}
    .address_view .address_but .button{width:50%;margin:10px;}
    .address_view .address_but button{border:1px solid #ddd; width:100%;padding:15px 0;}
    .address_view .address_but .button:first-child button{background-color: #000; color:#fff;border-color:#000;}
    
    .address_view .bottom_explanation{border-top:1px solid #ddd; padding-top:20px; }
    .address_view .bottom_explanation .fa{font-size:1.125rem}
    .address_view .bottom_explanation p{font-size:0.875rem; color:#888;line-height: 2.4em;}


    /* secession */
.secession  h3{font-size:2.5rem; font-weight: normal; text-align: center; margin-bottom:80px;}
.secession span.span_point{font-size:1.525rem; color:#be3434; font-weight: bold;margin-right:3px;}
.secession .in_secession{width:45%; margin:0 auto}
.secession .center_text{text-align: center;}
.secession .center_text p{word-break: keep-all;}
.secession .center_text p:last-child{margin-top:20px; border:1px solid #ddd;padding:20px; font-size:0.937rem}

.secession .bottom{ width:100%; margin:20px auto 0 auto; margin-top:20px; display: flex;justify-content: space-between;}
.secession .but{width:100%; display: flex;}
.secession .but button{border:1px solid #ddd;width:50%;margin:0 10px;padding:15px 0;}
.secession .but button:first-child{background-color: #000;color:#fff;}

.join_next_but.secession_next{justify-content: center;}




.non_members .jion_list li textarea{display:block;margin-top:10px;}
.non_members .but{display: flex; }
.non_members .but .button{width:50%;}
.non_members .but .button:last-child button{ color:#000}
.non_members .but .button:first-child button{background-color: #000; }
.non_members .but .button:first-child{margin-right:10px;}
.non_members .but .button button{width:100%;}
.non_members .but .button button a{padding:0}

input{outline: 0;}

/* 아이디비밀번호 찾기 */



.find_id .panel{text-align: center;}


.find_id .panel .center{font-size:1.125rem; margin-top:40px}
.find_id .panel .center p{text-align: left;}
.find_id .panel .certification_number{margin-top:4px;}
.find_id .panel .certification_number > div{display: flex; position:relative}



.sub_txt-wrap .time{font-size:13px;transform: translateY(3px);}
.certification_number .c-pointer {border: 1px solid #888; color: #888; margin-left: 5px; padding: 1px 6px 2px 6px;}

.find_id .panel .certification_number.certification_number02 >div > div{width:100%;}
.find_id .panel .certification_number.certification_number02 >div > div input{width:100%;}
.find_id .panel .certification_number.certification_number02 >div {width: 87%;}



.find_id .panel .certification_number.email div{width:100%;}
.find_id .panel .certification_number.email > div input{width:100%;}
.find_id .panel .certification_number input{border:1px solid #ddd;;padding:15px 10px;outline: 0;width: calc(100% - 110px); border-radius: 4px;}
.find_id .panel .certification_number button{border:1px solid #000;width:100px; background-color: #000; color:#fff;margin-left: 10px;border-radius: 4px;}
.find_password .id_text.f_ce {}
    .find_password .id_text.f_ce p{margin-bottom:0;}
.find_id .panel .login02_but{margin-top:40px;}
.find_id .panel .certification_number > div > div{width: calc(100% - 110px); position: relative;}
.find_id .panel .certification_number > div > div input{width: 100%;}
.find_id .sub_txt-wrap{flex-direction: row-reverse; }
.find_id .sub_txt-wrap .c-pointer{margin-right:8px;}

.find_password .id_text{margin-bottom:20px;}
.find_password .id_text >div{display: flex;}
.find_password .id_text .d-block:first-child {margin-right:15px;width: 32%;}
.find_password .id_text .d-block {font-size:14px;}
.find_password .id_text .d-block span{    top: 8px;    left: 21px;}
.find_password .id_text .d-block input[type="checkbox"] + label {width: 15px; height:15px;    margin-right: 6px;;}
.find_password .id_text p{margin-bottom:4px; text-align: left; font-size:1rem;}
.find_password .id_text input{width:100%; border:1px solid #ddd; padding:15px 10px;}



/* ********************************************* *
 * 1400px max
 * ********************************************* */
 @media (max-width:1400px){
    .sec{margin-top:0;}
    
.join{margin-top: 0;}
 }




/* ********************************************* *
* 1200px max
* ********************************************* */
@media (max-width:1200px){
    .jion_list li .cell form{margin-right: 3.8%;}

    .join > div > div{width: 50%;}
    .join_next > div > div{width: 50%;}
    .secession .in_secession{width: 50%;}
}


/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px){
     

    .wrap{background-color:#fff;}
    .signup .inner{padding-left:0; padding-right:0;}

    .certify_insert-wrap{padding:0; border:0;}
    
    .jion_list li .birth02{margin-right: 11px;}
    .jion_list li .cash_receipts .receipts_check{margin-right: 10px;}

    .login_left_img{display: none;}

 }

/* ********************************************* *
 * 960px max
 * ********************************************* */
 @media (max-width:960px){
     
 .login_tabSet {width: 100%;}
 .join > div > div{width: 60%;}
 .join_next > div > div{width: 60%;}
 .secession .in_secession{width: 60%;}

 .correction.join > div > div{width: 80%;}
 .jion_list li .cell form{margin-right: 3.6%;}
 .jion_list li .birth02 {margin-right: 15px;}
 .jion_list li .cash_receipts .receipts_check{margin-right: 14px;}

 
.mypage_business .filebox_down{display: block;}
.mypage_business .filebox_down a{margin-top: 20px;width: 100%;}
.mypage_business .jion_list .password_lnput.filebox {position: relative;padding-bottom: 30px;}
.mypage_business .jion_list li .double_check p.no{position: absolute;left:0;bottom:0;margin-left: 0;}



}

/* ********************************************* *
 * 840px max
 * ********************************************* */
 @media (max-width:840px){
    .secession h3 {margin-bottom: 30px;    }
     
    .login_tabSet {width: 100%;}
    .join > div > div{width: 100%;}
    .join_next > div > div{width: 100%;}
    .correction.join > div > div {width: 100%; }
    .secession .in_secession {width: 100%; }
    .jion_list li .birth_input {flex-direction: column;    align-items: flex-start;}
    /* .jion_list li .birth {width: 100%;} */
    /* .jion_list li .birth02{margin-top:15px;} */
    .correc_but { width: 100%;}

    .login .login_tabSet{width: 100%;}

    }

/* ********************************************* *
 * 767px max
 * ********************************************* */
 @media (max-width:767px){
    .checkbox_wrap .d-block{padding-right: 120px;}
 }

/* ********************************************* *
 * 640px max
 * ********************************************* */
 @media (max-width:640px){
    .jion_list li .jion_right.address_text .address .input_text{width: calc(100% - 120px);}
    .jion_list li .jion_right.address_text .address button{width: 120px;}
    .jion_list li{display: block;}
    .jion_list li .jion_right{width: 100%;}
    .correction .jion_list li .jion_right.cell{width: 100%;}
    /* .bottom02 .jion_list li .jion_right > div{width: 60%;} */
    .checkbox_wrap .d-block{padding-right: 0; justify-content:flex-start; margin-left: 2px;}


    .address_view .jion_list li .jion_right.cell {width: 100%;}

    .checkbox_wrap .address_bottomsec {width: 100%;}

    .address_view .checkbox_wrap .d-block input[type="checkbox"] + label span {left: -3px; right: inherit;    font-size: 13px;}
    .d-block input[type="checkbox"] + label{width:13px;height:13px;}
    .address_view.join div.address_but {width: 100%;}
        .address_view .address_but .button{margin:4px;}
        .address_view .address_but button {padding: 10px 0; }

        .login_tabSet ul.login_tabs li {width: 100%; }

        .jion_list li .jion_title{margin-bottom: 10px;}
    .jion_list li .jion_right .input_text {padding: 12px 15px;}
    .jion_list li select{padding:12px;}


    .jion_list li .call_input button {width: 90px;}




 }

/* ********************************************* *
 * 500px max
 * ********************************************* */
 @media (max-width:500px){
    .login_tabSet ul.login_tabs li a{padding:12px;}
    .login .login_tabSet .text_input{font-size:14px;padding:15px;}
    .panel {padding: 20px 0; }

    .login .panel01_top .login_but .button button {padding: 20px 0;}
    .login .panel01_bottom .but_login > div {padding: 15px 0;}
    .login .panel01_bottom ul li {font-size: 13px;margin-left: 10px}

    .login .panel .login02_but .button button {padding: 15px 0;}

    .find_password .id_text.f_ce{display: inherit;}
    .find_password .id_text.f_ce p{margin-bottom: 10px;}
    .mypage_business .filebox .upload-name{width: calc(100% - 112px);}
    .mypage_business .jion_list li .filebox label{width:100px ;padding:12px 0;margin-left: 12px;text-align: center;height: auto;}
    .join-con .logo,
    .login_page .logo {width:130px; margin-bottom: 40px;}
    .login_page .login_tabSet { padding: 0 20px;}
    .login .panel01_top .login_but .button button {padding: 12px 0;}
    .login .d-block input[type="checkbox"] + label span{font-size: 0.8rem;top: 49.3%;}
    .login .login_but {margin: 30px 0 20px;}


    .jion_list li .call_input select {width: 70px;margin-right: 12px;}
    .jion_list li .call_input input {width: calc(100% - 82px) !important}
    .jion_list li form {  width: calc(100% - 80px);}

    .agreement_input .d-block span {line-height: 1.3; top: -1px;}

    }
/* ********************************************* *
 * 450px max
 * ********************************************* */
 @media (max-width:450px){
    .jion_list li .jion_title {font-size: 0.95rem;}
   
    .login_tabSet {width: 100%;}
    .join > div > div{width: 100%;}
    .join_next > div > div{width: 100%;}


    /* .jion_list li .email_agreement { width: 50%;} */
    .bottom02 .jion_list li {  font-size: 0.812rem;    }
    .mypage_business .filebox .upload-name,
    .jion_list li .jion_right .input_text {  padding: 12px;}
    .secession .but button {margin: 0 0px;}
    .secession .but button:first-child {margin-right:10px;}
    .but .button button {  padding: 15px 0;    }
    .mypage_correction .jion_list li .filebox label{padding:10px 0;}
    .join {  padding: 80px 0; }
    .but {
        padding-top: 32px;
    }
    .mypage_business .jion_list li .filebox label {margin-left: 12px !important;}
    .jion_list li .jion_right.address_text .address button {padding: 12px;}
    .jion_list li button {font-size: 0.8rem;}
    .jion_list li .jion_right.address_text .address button {width: 110px;}


    .jion_list li .jion_right button {margin-left: 12px; }
    .jion_list li .jion_right.email_input{flex-wrap: wrap;}
    .jion_list li .jion_right.email_input .email1{width: 120px;}
    .jion_list li .jion_right.email_input p{width: 20px; margin:0 5px}
    .jion_list li .jion_right.email_input .email2{width: calc(100% - 150px);}
    .jion_list li .jion_right.email_input  button {margin-left: 0px; width: 100%; margin-top: 10px;     height: 40px !important;}
    
    .jion_list li .jion_right.cash_receipts .receipt_box {width: 65%;}
    .jion_list li .cash_receipts .receipts_check {
        width:calc(100% - 65%)}
        .jion_list li .birth02 {
            margin-right: 5px;
        }
    .jion_list li .jion_right.cash_receipts .receipt_box {width: 65%;}
    .jion_list li .cash_receipts .birth02 { width:calc(100% - 65%);}
        .jion_list li .cash_receipts .receipts_check{margin-right:5px}
    .jion_list li .cash_receipts {justify-content: space-between;}
    .jion_list li .birth {width: 65%; }
    .jion_list li .birth_flex{justify-content: space-between;}

    .login .d-block input[type="checkbox"] + label {width: 15px;height: 15px;}
    .login .d-block input[type="checkbox"] + label span {left: 19px;top: 51%;;}

    

    .sec01.login{padding:60px 0; ;}


    .mypage_correction .email_input.jion_right >div{width: 100%;}

    
.find_id .panel .certification_number:last-child > div {padding-bottom: 40px;}
.find_id .panel .certification_number > div > div{position: initial;}
.find_id .sub_txt-wrap{bottom:0; top:auto;transform: none; right:auto;left:0;}

            }
/* ********************************************* *
    * 380px max
    * ********************************************* */
    @media (max-width:380px){
        .jion_list li .birth_flex {display: inherit;}
        .jion_list li .cash_receipts {display: inherit;}
        .jion_list li .jion_right.cash_receipts .receipt_box {width: 100%;padding-right:0;margin-top:10px;}
        .jion_list li .birth {width: 100%;padding-right:0;margin-top:10px;}
        .jion_list li .cash_receipts .receipts_check {margin-right: 5px;width: 100%;}
        .jion_list li .cell .co_ce {display: inherit;}
        .jion_list li .cell01_input .co_ce .co_in_form{width:100%}
        .jion_list li .cell01_input .co_ce button{width:100%;padding:7px}

        .find_id .panel .certification_number button {border: 1px solid #000;width: 100px;}
        .find_password .id_text >div {display: inherit;}


        .mypage_business .jion_list .password_lnput.filebox{display: block;}
        .mypage_business .jion_list .password_lnput.filebox label,
        .mypage_business .jion_list .password_lnput.filebox input{width: 100%;}
        .mypage_business .jion_list .password_lnput.filebox label{margin:8px 0 0 !important;}


        .login .panel01_bottom ul li{font-size: 12px;}

        .jion_list li .jion_right.email_input .email1{width: 110px;}
        .jion_list li .jion_right.email_input .email2{width: calc(100% - 140px);}



    }


/* ********************************************* *
    * 340px max
    * ********************************************* */
    @media (max-width:340px){
    
    .jion_list li .agreement_input01 {  padding-bottom: 34px; }
    .jion_list li .agreement_input02 {  padding-bottom: 20px; }
    .email_agreement .d-block span{width: 240px; line-height: 1.3; top: -1px; }

    .jion_list li:last-child .email_agreement{margin-top: 24px;    padding-left: 24px;}

    
    .jion_list li .jion_right.email_input .email1{width: 90px;}
    .jion_list li .jion_right.email_input .email2{width: calc(100% - 120px);}
}