.wrap{background-color:#fff;}

.sec{padding:120px 0;}


/* .login */
.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:50%;}
.login_tabSet ul.login_tabs li a{ background: #fff; display: block; font-weight: normal;font-size:1rem; text-decoration: none; text-align: center; padding: 16px;border:1px solid #ddd;border-radius: 10px;}
.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; color: #16284d;border:1px solid #16284d;}
.panels{background:#fff;min-height:180px;}
.panel{font-size:14px;color:#4d4d4d;   display:none; padding:40px 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%; font-size:1.25rem; padding:18px 20px;  border:none; outline: 0; border-radius: 0;border-radius: 40px;background: #fff;border:1px solid #ddd;} 
.login .login_tabSet .text_input::placeholder{font-size: 16px;font-family: inherit;}

.login .login_tabSet p + p{margin-top:16px;}
.login .panel01_top .login_but{margin:50px 0 20px;}
.login .panel01_top .login_but .button button{width:100%; text-align: center;background-color: #16284d;padding:25px 0; color:#fff;}
.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;} 
.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}

.login .panel .login02_but{margin:40px 0 0;}
.login .panel .login02_but .button button{width:100%; text-align: center;padding:20px 0; color:#fff;background-color: #16284d; padding: 25px 0;}







/* .jion */
.join{padding:120px 0;}

.join > div > div{width:40%;margin: 0 auto;}
.join  h3{font-size:2rem; text-align: center;margin-bottom:40px;}

span.required{color:red}
.bottom{margin-top:60px}
.bottom02{margin-top:60px}
.jion_list{border-top:none;}
.jion_list li{margin:25px 0;display: flex;justify-content: flex-end;align-items: center;}
.jion_list li .jion_title{width: 130px;}
.jion_list li .jion_title p{font-weight: 600;}
.jion_list li .jion_right{width:calc(100% - 130px);/* height: 100%; */}
.jion_list li .jion_right.cell {border-radius: 30px;display: flex;    align-items: center;justify-content: space-between;}
.jion_list li .cell form{border:1px solid #ddd;border-radius: 40px;}
.jion_list li .id_input{display: flex;}
.jion_list li .id_input .input_text{width:300px !important;}
.jion_list li .id_input button{width:140px; background-color: #000; color:#fff;border-radius: 40px;margin-left: 20px;}


.jion_list li .jion_right .input_text{padding:15px 20px; outline:0; width:100%; border:1px solid #ddd;border-radius: 40px;}
.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%;}

/* 현금영수증 */
.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 .cell .input_text{border:none;}
.jion_list li .cell01_input form{display: inline-block;}
/* .jion_list li .cell01_input{display: flex;width: 100%;} */

.jion_list li .cell01_input button{width:30%; background-color: #000; color:#fff;border-radius: 40px;}
.jion_list li .certification_number{margin-top:10px; position:relative}
.jion_list li .certification_number > div{display: flex;}
.jion_list li .certification_number input{width:70%; border:1px solid #ddd;     padding: 15px 20px;border-radius: 40px;}
.jion_list li .certification_number button{width:30%; background-color: #000; color:#fff}
.jion_list li .certification_number .sub_txt-wrap{position:absolute; top:50%; transform: translateY(-50%); font-size:12px; right:180px; color:#888}
.jion_list li .certification_number .c-pointer{border:1px solid #888;color:#888; margin-left:5px; padding:2px 8px 0px 8px;}

.jion_list li .co_ce .co_in_form{width:calc(100% - 140px)}
.jion_list li .co_ce .co_in_form form{width:33.3%}
.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 .cell01_input .co_ce button {
    width: 100px;
}
.jion_list li .cell01_input .co_ce .co_in_form {    display: flex;    align-items: center;
    width: calc(100% - 100px);
}
.jion_list li .co_ce .co_in_form {
    width: 100%;
}
.jion_list li .cell .co_ce{display: flex;    width: 100%;}
.jion_list li .cell .co_ce button{width:140px;margin-left: 10px;}
.jion_list li .cell > div:nth-child(2){border:none;}
.jion_list li .cell form{width: 100%;}
.jion_list li .cell span{margin:0 5px;color: #888;font-weight: 400;}
.jion_list li .cell form:last-child{margin-right:0px;}
.jion_list li .cell form{position:relative}
.jion_list li .cell form:first-child:after{background-color: transparent}

.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}

.jion_list li .email_agreement{width: 60%; float: right;   display: flex;}
.jion_list li .email_agreement:first-child{float: left;justify-content: flex-start;}

.jion_list li .email_agreement:last-child{float: right;justify-content: flex-end;color:#888; width: 40%;}
.jion_list li .email_agreement:last-child form{margin-left:10px;color:#888}
.jion_list li .email_agreement form input{margin-right:5px}
.bottom02 .jion_list li .email_agreement:last-child .d-block{position: relative; }
.bottom02 .jion_list li .email_agreement:last-child .d-block:last-child{width: 117px;}

.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 .email_agreement:first-child > div {
    display: flex;
    justify-content: flex-start;
}
.bottom02 .jion_list li .email_agreement:last-child .d-block:first-child{margin-right:55px;}

.bottom02 .jion_list li {
    margin: 15px 0; width:100%;
    display: inherit;
    justify-content: space-between;
}
.bottom02 .jion_list li:last-child{margin-top:54px;}
.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{position: relative;}
.jion_list li .agreement_input textarea{height: 150px;border:1px solid #ddd;padding:10px;;}
.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;}


	/* 체크박스 디자인 */
.d-block{display: flex; align-items: center;}
.d-block input[type="checkbox"] {display: none;}
.d-block input[type="checkbox"] + label {
        display: inline-block; width:15px; height: 15px; background: #fff;border:1px solid #888;
        cursor: pointer; border-radius: 4px;float:left; margin-right:7px;}
.d-block:after {display:block; clear:both; content:"";}

.d-block input[type="checkbox"]:checked + label {
    background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/COMMON/160251780348104.png)no-repeat center/20px 20px; float: left;border:1px solid #000;}

.checkbox_wrap{width: 100%;}
.checkbox_wrap .d-block{display: flex;padding-right: 134px;}
.checkbox_wrap .address_bottomsec{width: 100%; position: relative; }
.checkbox_wrap .d-block input[type="checkbox"] + label span{position: absolute; padding-left: 25px; top: -5px;}
.address_view .checkbox_wrap .d-block input[type="checkbox"] + label span{top: 8px;right: 8px;left:inherit;}

.d-block label{position: relative;}
.d-block label span{cursor: pointer;width: max-content;    position: absolute;lefT: 27px;display: block;top: 50%;transform: translateY(-50%);  line-height: 1;} 



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

.join_next{padding:120px 0;}
.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;}
.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% - 140px);}
    .jion_list li .jion_right.address_text  .input_text{margin-bottom:10px;}
    .jion_list li .jion_right.address_text .address{display: flex;}
    .jion_list li .jion_right.address_text .address button{border-radius: 30px;width: 140px; background-color: #000; color:#fff; height:100%; padding:15px;margin-bottom:10px;margin-left: 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:10px;}
.find_id .panel .certification_number > div{display: flex; position:relative}


.sub_txt-wrap{position:absolute;top: 50%; transform: translateY(-50%);font-size: 12px;right: 140px;}

.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{border:1px solid #ddd}
.find_id .panel .certification_number input{border:none;padding:15px 10px;outline: 0;width: 80%;}
.find_id .panel .certification_number button{border:1px solid #000;width:21%; background-color: #000; color:#fff}
.find_password .id_text.f_ce {display: flex;justify-content: space-between;
    align-content: center;
    align-items: center;}
    .find_password .id_text.f_ce p{margin-bottom:0;}
.find_id .panel .login02_but{margin-top:40px;}


.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;}
.find_password .id_text .d-block {font-size:14px;}
.find_password .id_text .d-block input[type="checkbox"] + label {width: 15px; height:15px;    margin-right: 6px;;}
.find_password .id_text p{margin-bottom:10px; 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){

    .login_tabSet {width: 50%;}
    .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: 60%;}
 .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 .birth02 {margin-right: 15px;}
 .jion_list li .cash_receipts .receipts_check{margin-right: 14px;}
}

/* ********************************************* *
 * 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;}


 }

/* ********************************************* *
 * 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;}

    .jion_list li .id_input button,
    .jion_list li .cell .co_ce button {width: 100px;}


    }
/* ********************************************* *
 * 450px max
 * ********************************************* */
 @media (max-width:450px){
    .jion_list li .jion_title {font-size: 0.875rem;}
   
    .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;    }

    .jion_list li .jion_right .input_text {  padding: 10px;}
    .secession .but button {margin: 0 0px;}
    .secession .but button:first-child {margin-right:10px;}
    .but .button button {  padding: 15px 0;    }

    .join {  padding: 80px 0; }
    .but {
        padding-top: 32px;
    }
    .jion_list li .jion_right.address_text .address button {padding: 7px;}

}

    
    /* ********************************************* *
        * 460px max
        * ********************************************* */
        @media (max-width:460px){
            .jion_list li .jion_right.address_text .address button,
            .jion_list li .id_input button {  margin-left: 10px;}

            .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: 22px; top: 47%;}
            
            
            }
        /* ********************************************* *
            * 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;
                    }
            }