/*
 ************************************************************************************************
 * System Name : 사랑의 열매 사용자 System / ChestFront
 * MENU        : [상단메뉴] 기부 > 하위 모든 페이지
 * note      : 기부페이지 디자인 수정
 * Description : 22020607
 *************************************************************************************************
*/

/*breadcrumbs Page*/
.base-breadcrumbs .breadcrumb-wrap .nav_width{width:100%; max-width: 1080px; margin: 0 auto;}

/* 01. 지역/기부금액*/
/*지역 선택*/
.cont_size .text_show{display: block !important;}

/*금액*/
.new_style02 table td div button.color-box{border: 1px solid #e94641; margin-top: 0;}
.new_style02 .enterPay .child:first-child{margin-left: 0 !important; width: auto !important;}

table.newstyle01 .tit_sort{vertical-align: middle;} /*관심뷴야 타이틀*/
.ver_sort02{padding: 19px 10px 4px 10px !important;} /*관심분야*/

.br_m{display: none;} /*만 14세 미만 > 예 > 기부자명(본인), 생년월일(본인)에 적용 */
.dona_size{padding: 34px 44px;}
.down_p{ bottom: 4px !important;}

@media all and (max-width: 1024px){
    .cont_size{padding: 14px 20px 20px 20px;}
    .tb-type_a .size_tit{width: 15%;}
    .cont_size tbody .tit_size{vertical-align: top; padding-top: 5px;}
    .cont_size tbody .td_size{padding-left: 0; width: 100%;}
    .cont_size tbody .td_size .sel_box{margin-bottom: 10px; max-width: 320px; width: 100% !important;}
    .cont_size tbody .td_size .sel_box .sel_size{width: 100%;}
    .cont_size .text_show{margin: 0; position: inherit; width: auto;}

    /* 기부방식 선택 한줄 유지 */
    .pay__wrap{width: 100%;}
    .pay_width_size .first_sec{display: block;}
    .box_center{display: flex; flex-wrap: nowrap !important;}
    .pay_width_size .box_center li{width: 23%; max-width: 160px;}
    .sec_wid .box_center li{width: 23%; max-width: 160px;}
    /*일시기부*/
    .sec_wid{width: 100%;}
    .sec_wid .box_center{flex-wrap: wrap !important;}
     
    .tit_center{margin-bottom: 10px}
    .dona_size{padding: 20px 44px 34px 44px;}
}

@media all and (max-width: 820px){
    /*금액*/
    .box-size{height: auto !important;}
    .new_style02 table td div button.color-box{width: 15% !important;}
    .new_style02 .enterPay{position: inherit !important; float: left; margin-top: 10px; width: 100%;}
    .new_style02 .enterPay .child{float: left !important;}
    .new_style02 .enterPay .child:nth-child(2){width: 74%;}

}
@media all and (max-width: 768px){
    .tb-type_d .wide-scroll table.table_width{width: 100%;}
    .ver_sort02{padding: 19px 10px 0 10px !important;} /*관심분야*/
    

}
@media all and (max-width : 767px){
    /* 기부방식 선택 한줄 유지 */
    .first_sec{display: flex;} 
    .box_center{ flex-wrap: wrap !important;}
    .pay_width_size .box_center li{width: 160px}
}
@media all and (max-width: 600px){
    .new_style02 .enterPay .child:nth-child(2){width: 68%;}
    .input_size{width: 25% !important;} /*사업자등록 번호 input 칸 크기 조절*/
    .pay_width_size .box_center li{width: 120px;}

}
@media all and (max-width: 460px){
    .tit_center{text-align: center;}
    /*착한 가정, 착한 가게  적용*/
    .pay_wrap_size{width: 100%;}
    .pay__wrap ul.box_center{display: flex; justify-content: space-between; margin:12px auto 0 auto;}
    .pay__wrap ul.box_center li{width: 45%;}
    .pay__wrap ul.box_center li:nth-child(2n){margin-right: 0;}
    /* -------------end---------------- */ 
    
    /*착한 나눔, 일시 기부 적용*/
    .pay__wrap .first_sec ul.box_center, .pay__wrap .sec_sec ul.box_center{display: flex; justify-content: space-between; margin:12px auto 0 auto;}
    .pay__wrap .first_sec ul.box_center li, .pay__wrap .sec_sec ul.box_center li{width: 45%;}
    .pay__wrap .first_sec ul.box_center li:nth-child(2n),.pay__wrap .sec_sec ul.box_center li:nth-child(2n){margin-right: 0;}
    .dona_size{ padding: 17px 15px;}

     /* -------------end---------------- */
    
    /*착한 일터  적용*/
    .box_wid{width:100% !important;}
    /* -------------end---------------- */
    
    .horiz_parents{position: relative;}
    .horiz_parents .horiz_sort{position: absolute; left: 15px; bottom: 5px;}
    .tb-type_a .ver_sort03{padding-left: 0;} /*일시기부>개인 : 기부자정보 > 이름, 휴대폰, 기부금영수증*/
    /*기부방식 정보설정 > 기부시작월 한줄 유지를 위한 속성*/
    .day_form_wrap_size{padding: 12px 0 12px 10px !important;}
    .day_form_size{margin: 5px 0 5px 0 !important;}
    .day_txt_size{margin-left: 0 !important;} 

    .size_YN{padding-left: 0 !important;}
    .tb-type_a .size_tit{width: 29% !important;}
    .size_th{padding: 19px 0 12px 9px !important;}
    .br_m{display: block;} /*만 14세 미만 > 예 > 기부자명(본인), 생년월일(본인)에 적용 */
    .ver_sort01{padding: 12px 9px;}
    table.newstyle01 .tit_sort{padding-left: 9px;} /*관심뷴야 타이틀*/
    .cont_size {padding-left: 9px;}
    .size_font{font-size: 12px !important;}
    .indvdl_size .ver_sort01{padding: 0 !important;}
    
    /*개인정보 수집 수정 사항*/
    .privacy_h_size{height: auto;}
    .privacy_h_size h1{width: 90% !important}
}
@media all and (max-width: 414px){
    .new_style02 table td div button.color-box{width: auto !important;}
    .new_style02 .enterPay .child:nth-child(2){width: 45%;}
    .ver_sort01{padding-bottom: 14px !important;}

}

@media all and (max-width: 360px){
    .
}