.wrap{background-color:#fff;}

.sec{padding:120px 0; margin-top: 95px;}


/* .login */
.login_tabSet{

   margin:0 auto;
}

.login_tabs li a{text-align: center; display: block; font-size: 40px; }
.login_tabs li p{font-size: 18px; text-align: center;}

.panels{
	background:#fff;
	min-height:180px;
}
.panel{font-size:14px;color:#4d4d4d;   display:none; padding:40px 0;}


.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{display: flex; align-items: center; position:relative;}
.login .d-block input[type="checkbox"] {display: none;}
.login .d-block input[type="checkbox"] + label {
	display: inline-block; width:20px; height: 20px; background: #fff;border:1px solid #888;
	cursor: pointer; border-radius: 4px;float:left; margin-right:10px;}
.login .d-block:after {display:block; clear:both; content:"";}
.login .d-block input[type="checkbox"]:checked + label {
background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BANCHAN_LANDING/164773401794112.png)no-repeat center/20px 20px; float: left;border:1px solid #f7b01a;}

.login .d-block input[type="checkbox"] + label span{position: absolute; left: 30px; top: 50%; transform: translateY(-50%)}



.login .login_tabSet .text_input{width:100%; font-size:17px; padding:15px 10px; margin-bottom:10px; border:1px solid #bbb; outline: 0; border-radius: 5px;} 

.login .panel01_top .login_but{margin:15px 0;}
.login .panel01_top .login_but .button button{width:100%; text-align: center;background-color: #000;padding:20px 0; color:#fff; opacity: 0.3; font-size: 19px; border-radius: 5px;}
.login .panel01_top .login_but .button.input_complete{opacity: 1;}
.login .panel01_bottom ul li{display: inline-block; font-size:16px;margin-left: 20px} 
.login .panel01_bottom ul{text-align: center; display: flex;justify-content: flex-end;} 


.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.kako{background-color:#FEE500; color:#000;margin-bottom:10px;}
.login .panel01_bottom .but_login > div.naver{background-color:#2db400; color:#fff;margin-bottom:10px;}
.login .panel01_bottom .but_login > div.naver img{width:25px;}



/* 비회원주문 */
.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:15px 0;}
.login .panel .login02_but .button button{width:100%; text-align: center;background-color: #000;padding:20px 0; font-size: 17px; color:#fff; border-radius: 5px;}



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

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

span.required{color:red; padding-left: 2px;}
.join > div > div h6{margin-bottom:10px; font-size: 1.45rem; font-weight: bold;}
.bottom{margin-top:60px}
.bottom02{margin-top:60px}
.top .jion_list{border-top:1px solid #000;}
.bottom .jion_list{border-top:1px solid #000;}
.jion_list{border-top:none;}
.jion_list li{margin:25px 0;display: flex;justify-content: flex-end;}
.jion_list li .jion_title{width:100%;font-size:1.1rem;width: 25%;}
.jion_list li .jion_title p{margin-bottom: 9px; padding-top: 8px;}
.jion_list li .jion_right{width:85%;/* height: 100%; */}
.jion_list li .jion_right.cell { border:1px solid #ddd;width:85%;/* height: 100%; */}
.correction .jion_list li .jion_right.cell { border:none;width:85%;/* height: 100%; */}
.jion_list li .id_input{display: flex;}
.jion_list li .id_input .input_text{width:70%;}
.jion_list li .id_input button{width:30%; border: 1px solid #222; border-radius: 5px; margin-left: 4px; font-size: 15px;}


.jion_list li .jion_right .input_text{padding:13px; outline:0; width:100%; border:1px solid #ddd; border-radius: 5px;}
.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{border:1px solid #ddd; display: flex;align-items: center; width:100%; padding-right:10px; border-radius: 5px;}
.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;}
.jion_list li .jion_right.birth_input>div>p{font-size:13px; color:#888;margin-top:5px;}
.jion_list li .birth select{padding:10px;width:100%; color:#888; border:none;/* margin-right:10px; */; box-shadow: none; border-radius: 5px;}
.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;}
.jion_list li .email_input form{width:50%}
.jion_list li .email_input p{margin:0 10px;transform: translateY(5px);}
.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:14px; 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 .cell{width:calc(100% - 140px);border: 1px solid #ddd; border-radius: 5px;}
.jion_list li .cell01_input button{width:140px;border: 1px solid #222; border-radius: 5px; margin-left: 4px;}
.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:10px }
.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:170px; 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: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 .cell > div{border:1px solid #ddd;} */


.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 {border: 1px solid #ddd; border-radius: 5px;
    width: 100%;
}
.jion_list li .cell .co_ce{display: flex;}
.jion_list li .cell .co_ce button{width:140px;}
.jion_list li .cell > div:nth-child(2){border:none;}
.jion_list li .cell form{margin-right: 4.2%;width: 29%;}
.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 .cell form:after{content:''; display: block; width:7px; height:2px; background-color: #888; left:-12px;position:absolute; top:50%;transform: translateX(-50%);}
.jion_list li .cell01_input.jion_cell{border: 1
    px
     solid #ddd; display: flex;}

.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; width: 45px;}
.bottom02 .jion_list li .email_agreement:last-child .d-block:last-child{width: 67px;}
.bottom02 .jion_list li .email_agreement:last-child .d-block span{top: 50%;}

.but{padding-top:60px}
.but .button button {width:100%;background: #000;  padding:20px 0;  border-radius: 5px;}
.but .button button a{width:100%; background: #000; color:#fff;/*  padding:20px 200px; */ border:1px solid #000; font-size: 17px;}
/* .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:32px;}

.bottom02 .jion_list li {
    margin: 15px 0; width:100%;
    display: inherit;
    justify-content: space-between;
}
.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: #222; color:#fff; width:100%; border-radius: 5px;}
.correc_but .button:last-child button{font-size:1rem;background: #fff; color:#222; border:1px solid #222;width:100%;  border-radius: 5px;}
.jion_list li .gender_input .d-block{position: relative; width: 65px;}
.jion_list li .agreement_input{position: relative;}
.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: 28px;}

.jion_list li:first-child .d-block input[type="checkbox"] + label span{top:11px;}
.agreement_input .d-block input[type="checkbox"] + label span{top:11px;}

/* 체크박스 디자인 */
.d-block{display: flex; align-items: center;}
.d-block input[type="checkbox"] {display: none;}
.d-block input[type="checkbox"] + label {
        display: inline-block; width:20px; height: 20px; 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/BANCHAN_LANDING/164773401794112.png)no-repeat center/20px 20px; float: left;border:1px solid #f7b01a;
}


.d-block input[type="radio"] {display: none;}
.d-block input[type="radio"] + label {
        display: inline-block; width:20px; height: 20px; background: #fff;border:1px solid #888;
        cursor: pointer; border-radius: 50%;float:left; margin-right:7px;
}
.d-block input[type="radio"]:checked + label {width: 20px; height: 20px; background-color: #fff; border: 6px solid #f7b01a;}



.checkbox_wrap{width: 100%;}
.checkbox_wrap .d-block{display: flex;
    align-items: center;
    justify-content: flex-end;
    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: 9px;right: 8px;left:inherit;}

.d-block span{cursor: pointer;} 



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

/* .join_next{padding:120px 0;} */
.join_next > div > div{width:40%;margin:0 auto;}
.check_arr{width:75px; display: block; height:75px; margin:0px auto}
.check_arr img{width:100%;}
.join_next h3{text-align: center; font-size:2.3rem; font-weight: 600;}
.join_next .top{text-align: center; font-size:1.3rem;word-break: keep-all;}
.join_next_name{font-weight: bold; color: #ffb042;}
.join_next .id_find_{margin-top:40px; text-align: center;}
.join_next .body.fint_next{margin-top:48px;}
.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; font-size: 17px; }
.join_next .body ul li div .right{width: 80%;color:#000; font-weight: bold; font-size: 17px; }


.join_next .join_next_but{display: flex;justify-content: center; }
.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: #222;color:#fff; border-radius: 5px; font-size: 17px;}
.join_next .join_next_but .end_buts button{background-color: #fff;color:#000; border:1px solid #000; border-radius: 5px; font-size: 17px;}

/* 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:#222}


/* 배송지목록 */
.address_view.join > div > div {width: 100%;margin: 0 auto;}
.jion_list li .jion_right.address_text .address .input_text{width: calc(100% - 145px);}
.jion_list li .jion_right.address_text  .input_text{margin-bottom:10px;}
.jion_list li .jion_right.address_text .address button{width: 140px; background-color: #fff; border: 1px solid #222; margin-left: 4px; height:100%; padding:13px;margin-bottom:10px; border-radius: 5px;}
.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:16px 0; border-radius: 5px; font-size: 15px;}
.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:60px;  }
.secession span.span_point{font-size:1.525rem; color:#be3434; font-weight: bold;margin-right:3px;}
.secession .in_secession{}
.secession .center_text{text-align: center;}
.secession .center_text p{word-break: keep-all;}
.secession .center_text p:last-child{border:1px solid #ddd;padding:20px; font-size:18px}

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

.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 .top p{font-size: 18px; margin-top: 8px;}

.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_password .sub_txt-wrap{right: 150px;}
.find_id .panel .certification_number.email div{width:100%;}
.find_id .panel .certification_number.email > div input{width:100%;}
.find_id .panel .certification_number{}
.find_id .panel .certification_number input{border:1px solid #ddd; padding:15px 10px;outline: 0;width: 80%; border-radius: 5px;}
.find_id .panel .certification_number button{width:21%; border: 1px solid #222; border-radius: 5px; margin-left: 4px;}
.find_password .id_text.f_ce {display: flex;justify-content: space-between;
    background-color: #f4f4f4; padding: 16px; border-radius: 5px;
    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; width: 150px;}
.find_password .id_text .d-block input[type="checkbox"] + label {width: 20px; height:20px;    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; border-radius: 5px;}



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




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

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


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

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

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

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

    .join_next h3{font-size: 2rem;}
    .join_next .top{font-size: 1.2rem;}

    }

/* ********************************************* *
 * 767px max
 * ********************************************* */
 @media (max-width:767px){
    .checkbox_wrap .d-block{padding-right: 120px;}
    .secession .but button{font-size: 15px;}
    .secession .center_text p:last-child{font-size: 16px;}
    .secession .d-block span{font-size: 16px;}
 }

/* ********************************************* *
 * 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:20px;height:20px;}
    .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%; }
    .secession .d-block span{font-size: 16px;}
    .secession h3{font-size: 2rem;}
    .secession .bottom p{font-size: 16px;}
    .secession .but button{font-size: 14px;}

    .join_next .join_next_but .login_but button{font-size: 15px;}
    .join_next .body ul li div .left{font-size: 16px;}
    .join_next .body ul li div .right{font-size: 16px;}
    .jion_list li{margin: 0;}

    .join_next h3, .join h3{font-size: 1.6rem;}
    .join_next .top{font-size: 1.1rem;}

    .but .button button a{font-size: 15px;}
    .but .button button{padding: 16px 0;}

    .but{padding-top: 24px;}

    .login_tabs li a{font-size: 30px;}
    
    .login .panel .login02_but .button button{font-size: 15px;}
    .join_next .join_next_but .end_buts button{font-size: 15px;}

    .address_view .checkbox_wrap .d-block input[type="checkbox"] + label span{left: 32px;}
    .checkbox_wrap .address_bottomsec{margin-top: 8px;}

    .correc_but{margin: 62px auto 0 auto;}
    .join > div > div h6{font-size: 1.2rem;}
    
    .sec{margin-top: 60px;}
    .login_tabs li p{font-size: 16px; margin-top: 8px;}

 }

/* ********************************************* *
 * 500px max
 * ********************************************* */
 @media (max-width:500px){
    .login .login_tabSet .text_input{font-size:14px;padding:10px;}
    .panel {padding: 20px 0; }

    .login .panel01_top .login_but .button button {padding: 15px 0;}
    .login .panel01_bottom .but_login > div {padding: 10px 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; font-weight: 600;}

    .jion_list li .jion_right.address_text .address .input_text{width: 100%;}
    .jion_list li .jion_right.address_text .address button{width: 140px; min-width: 120px; margin-left: 4px;}

    .but .button button a{font-size: 14px;}
    .join_next .join_next_but .login_but button{font-size: 14px;}
    .join_next .join_next_but .end_buts button{font-size: 14px;}

    .find_password .id_text .d-block{width: 100%;}
    .find_password .id_text >div{display: block;}
    .find_password .id_text .d-block + .d-block{margin-top: 8px;}

    .secession h3{font-size: 1.7rem;}
    .secession .d-block span{font-size: 14px;}
    .secession .but button{font-size: 13px;}
    .secession .bottom p{font-size: 15px;}
    .secession .center_text p:last-child{font-size: 15px; padding: 16px;}

    .join_next h3, .join h3{font-size:1.6rem;}
    .join_next .body ul li div .left{font-size: 15px; min-width: 60px; min-width: 100px;}
    .join_next .body ul li div .right{font-size: 16px;}
    .join_next .join_next_but > div{width: 100%;}

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

    .jion_list li .id_input button{font-size: 13px;}
    .jion_list li{margin: 8px 0;}

    .find_id .panel .certification_number button{width: 100%;}
    .find_id .panel .certification_number input{width: 100%;}
    .find_id .panel .certification_number button{padding: 12px 16px; margin-top: 8px;}
    .find_id .panel .certification_number > div{display: block;}

    .correc_but {margin: 48px auto 0 auto;}
    .correc_but .button button{font-size: 14px !important;}
    .jion_list li .cell .co_ce{display: block;}
    .jion_list li .cell01_input .co_ce .co_in_form{width: 100%;}
    
    .join h3{margin-bottom: 42px;}
    .join > div > div h6{font-size: 1.1rem;}

}

    
/* ********************************************* *
* 460px max
* ********************************************* */
@media (max-width:460px){
    .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%;}

    .correction .address_text .address{display: block;}
    .jion_list li .jion_right.address_text .address button{width: 100%; padding: 12px; margin-left: 0;}
    .jion_list li .jion_right .input_text{padding: 12px;}
    .jion_list li .cell01_input .co_ce button{padding: 12px; width: 100%; margin-top: 8px; margin-left: 0;} 
    
    .bottom{margin-top: 32px;}
    
    }
/* ********************************************* *
* 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%}

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

}