.wrap{background-color:#fff;}
.sec{padding:120px 0;}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard.woff') format('woff');
    font-style: normal;
  }


/* .login */
.login_tabSet{margin-bottom:30px; width:40%; margin:0 auto}
.login_tabSet ul.login_tabs {display: flex; justify-content: center; border-bottom: 1px solid #000;}
.login_tabSet ul.login_tabs  li{padding:0 2px 0 0; width:50%;transform: translateY(1.1px);width:50%;}
.login_tabSet ul.login_tabs li a{
    color: #b7a695; background: #fff; display: block; text-decoration: none; text-align: center; padding: 15px;
    border-bottom: 1px solid #b7a695; font-family: 'Pretendard'; font-size: 18px; font-weight: 600;
}
.login_tabSet ul.login_tabs li a.on{background: #b7a695; cursor: default; color: #fff;}
.login_tabSet ul.login_tabs li.findId_tit a.on{background-color: transparent; color: #b7a695; padding-top: 8px; padding-bottom: 8px; font-weight: 700;}
.login_tabSet ul.login_tabs li.findPw_tit a.on{background-color: transparent; color: #b7a695; padding-top: 8px; padding-bottom: 8px; font-weight: 700;}
.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:17px;cursor: pointer;font-size: 15px;opacity: 0.9;position: relative;}

.previous .find_previous li:first-child:before{width:2px; height: 13px; content: '';display: block;background: #000;opacity: 0.4;position:absolute; right:-9px;top:50%;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/COMMON/162083413098565.png) no-repeat center/20px 20px; float: left;border:1px solid #b7a695;}

.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-family: 'Pretendard'; font-size: 17px; padding: 15px; margin-bottom:10px; border:1px solid #bbb; outline: 0; border-radius: 0;} 

.login .panel01_top .login_but{margin:15px 0;}
.login .panel01_top .login_but .button button{width:100%; text-align: center;background-color: #b7a695; font-size: 16px; padding:20px 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; margin-bottom: 40px;} 
.login .panel01_bottom ul li a{font-size: 15px;}
.login .panel01_bottom ul li::after{content: "｜"; display: inline-block; font-size: 13px; margin: 0 8px;}
.login .panel01_bottom ul li:last-child::after{display: none;}


.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: 17px; font-family: 'Pretendard'; font-weight: 500;}
.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;} 
.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: #b7a695; padding:20px 0; color:#fff; font-size: 16px;}







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

.join > div > div{width:40%;margin: 0 auto;}
.join  h3{font-size: 30px; text-align: center; font-weight: 700; color: #444; font-family: 'Pretendard'; margin-bottom:40px;}

span.required{color:red}
.join > div > div h6{margin-bottom:10px; font-size: 1.25rem; color: #555; font-weight: bold;}
.bottom{margin-top:60px}
.bottom02{margin-top:60px}
.top .jion_list{border-top:1px solid #b7a695;}
.bottom .jion_list{border-top:1px solid #b7a695;}
.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: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%; background-color: #b7a695; color:#fff}


.jion_list li .jion_right .input_text{padding:10px; outline:0; width:100%; border:1px solid #ddd}
.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: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;}
.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;}
.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: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 .cell{width:70%;border: 1px solid #ddd;}
.jion_list li .cell01_input button{width:30%; background-color: #b7a695; color:#fff}
.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: #b7a695; color:#fff}
.jion_list li .certification_number .sub_txt-wrap{position:absolute; top:50%; transform: translateY(-50%); font-size:12px; right:160px; color:#888}
.jion_list li .certification_number .c-pointer{border:1px solid #888;color:#888; margin-left:5px; padding:2px 8px 2px 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 {
    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:45px}
.but .button button {width:100%;background: #b7a695;  padding:20px 0;}
.but .button button a{width:100%; background: #b7a695; color:#fff; 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:15px;}

.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{font-size:13px; color:#888;margin-top:5px}
.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: #b7a695; color:#fff; width:100%}
.correc_but .button:last-child button{font-size:1rem;background: #fff; color:#b7a695; border:1px solid #b7a695;width:100%}
.jion_list li .gender_input .d-block{position: relative; width: 60px;}
.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: 22px;}

.jion_list li:first-child .d-block input[type="checkbox"] + label span{top:7px;}
.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: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/BLASHOP/165583982021605.png)no-repeat center/12px 12px; float: left;border:1px solid #b7a695;background-color: #b7a695;}

.checkbox_wrap{width: 100%;}
.checkbox_wrap .d-block{display: flex;
    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: 8px;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:100px; display: block; height:100px; margin:0px auto}
.check_arr img{width:100%;}
.join_next h3{text-align: center; font-size:2rem; font-family: 'Pretendard';}
.join_next .top{text-align: center; font-size:1.2rem; font-family: 'Pretendard';}
.join_next .check-icon{margin: 0 auto; width: 84px; height: 84px; border-radius: 100%; border: 8px solid #b7a695; text-align: center;}
.join_next .check-icon i{font-size: 48px; color: #b7a695; margin-top: 11px;}
.join_next_name{font-weight: bold; color: #b7a695;}
.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 #b7a695;border-bottom:1px solid #b7a695}
.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:#555; font-weight: 500; font-family: 'Pretendard';}
.join_next .body ul li div .right{width: 80%; color:#333; font-weight: 700; font-family: 'Pretendard';}


.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; font-size: 16px; font-family: 'Pretendard';}
.join_next .join_next_but .login_but button{background-color: #b7a695;color:#fff;border:1px solid #b7a695}
.join_next .join_next_but .end_buts button{background-color: #fff;color:#b7a695; border:1px solid #b7a695}

/* 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: 70%;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 button{width: 140px; background-color: #b7a695; color:#fff; height:100%; padding:10px;margin-bottom: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: #b7a695; color:#fff;border-color:#b7a695;}
    
    .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.1rem; color: #b7a695; font-weight: 600; font-family: "Pretendard"; text-align: center; margin-bottom:50px;}
.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; font-size: 16px;}
.secession .but button:first-child{background-color: #b7a695; border-color: #b7a695; 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{background-color: #fff; border: 1px solid #b7a695;}
.non_members .but .button:last-child button a{background-color: #fff; color: #b7a695;}
.non_members .but .button:first-child button{background-color: #b7a695; border: 1px solid #b7a695;}
.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 #b7a695; width:21%; background-color: #b7a695; 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){
    .jion_list li .jion_title { width: 35%;}
    .jion_list li .cell form{margin-right: 3.8%;}

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

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

    }

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

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

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

}

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