.nonpay_area{max-width:1420px;padding:0 10px;margin:0 auto;}
.nonpay_area .wrap{border:1px dashed #cececa;padding:50px 10px;text-align:center;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;}
.nonpay_area .wrap .txt_wrap{margin-bottom:40px;}
.nonpay_area .wrap .txt_wrap .txt{font-weight:300;line-height:1.3;}
.nonpay_area .wrap2 .tb_wrap table{width:100% !important;border-top:2px solid #0a8abd;}
.nonpay_area .wrap2 .tb_wrap thead tr{border-bottom:1px solid #cdcdcd;}
.nonpay_area .wrap2 .tb_wrap thead tr th{padding:15px 10px;text-align:center;vertical-align:middle;border-right:1px solid #cdcdcd;}
.nonpay_area .wrap2 .tb_wrap thead tr th:last-child{border-right:0;}
.nonpay_area .wrap2 .tb_wrap thead tr th .txt{font-weight:500;line-height:1.5;}
.nonpay_area .wrap2 .tb_wrap tbody tr th{padding:15px 10px;text-align:center;vertical-align:middle;border-bottom:1px solid #cdcdcd;}
.nonpay_area .wrap2 .tb_wrap tbody tr th .txt{font-weight:300;line-height:1.5;}
.nonpay_area .wrap2 .tb_wrap tbody tr td{padding:15px 10px;text-align:center;vertical-align:middle;border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;}
.nonpay_area .wrap2 .tb_wrap tbody tr td .tit,
.nonpay_area .wrap2 .tb_wrap tbody tr td .txt{font-weight:300;line-height:1.5;}
.nonpay_area .wrap2 .tb_wrap tbody tr td .ico_txt{line-height:23px;text-align:left;padding:0 0 0 40px;background:url('../nonpay_img/nonpay_ico2.png') 10px 0 no-repeat;font-weight:300;color:#0a8abd;}
.nonpay_area .wrap2 .tb_wrap tbody tr td.dataTables_empty{border-left:0 !important;}
.nonpay_area .wrap2 .tb_wrap tbody tr td .btn{display:block;padding:10px 0;}
.nonpay_area .wrap2 .tb_wrap .input_wrap input{width:100%;height:24px;line-height:22px;border:1px solid #cdcdcd;padding-left:5px;font-weight:300;}
.nonpay_area .wrap2 .dataTables_length{text-align:right;margin-bottom:15px;}
.nonpay_area .wrap2 .dataTables_length label{display:inline-block;height:30px;line-height:28px;}
.nonpay_area .wrap2 .dataTables_length select{width:50px;height:30px;line-height:28px;border:1px solid #cdcdcd;margin-right:5px;}
.nonpay_area .wrap2 .dataTables_filter{text-align:right;margin-bottom:20px;}
.nonpay_area .wrap2 .dataTables_filter label{font-weight:300;font-size:16px;}
.nonpay_area .wrap2 .dataTables_filter input{width:280px;height:40px;line-height:38px;border:1px solid #cdcdcd;padding-left:20px;margin-left:5px;}
.nonpay_area .wrap2 .dataTables_paginate{text-align:center;font-size:0;margin:20px -4px 0;}
.nonpay_area .wrap2 .dataTables_paginate .paginate_button{display:inline-block;width:35px;height:35px;line-height:33px;margin:0 4px;vertical-align:text-top;font-size:15px;font-weight:300;color:#666;border:1px solid #d0d0d0;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;transition:.25s;cursor:pointer;}
.nonpay_area .wrap2 .dataTables_paginate .paginate_button.previous{font-size:0 !important;background:url('../notice_img/paging_prev.png') 50% 50% no-repeat;}
.nonpay_area .wrap2 .dataTables_paginate .paginate_button.next{font-size:0 !important;background:url('../notice_img/paging_next.png') 50% 50% no-repeat;}
.nonpay_area .wrap2 .dataTables_paginate .paginate_button:hover,
.nonpay_area .wrap2 .dataTables_paginate .paginate_button.current{background-color:#0a8abd;border-color:#0a8abd;color:#fff;}

@media all and (max-width:1420px){
	.nonpay_area .wrap{padding:30px 10px;}
	.nonpay_area .wrap .txt_wrap{margin-bottom:20px;}
	.nonpay_area .wrap2 .tb_wrap thead tr th,
	.nonpay_area .wrap2 .tb_wrap tbody tr th,
	.nonpay_area .wrap2 .tb_wrap tbody tr td{padding:8px 5px;}
	.nonpay_area .wrap2 .tb_wrap tbody tr td .ico_txt{padding-left:30px;background-position-x:0;}
	.nonpay_area .wrap2 .dataTables_length{margin-bottom:10px;}
	.nonpay_area .wrap2 .dataTables_filter{margin-bottom:15px;}
	.nonpay_area .wrap2 .dataTables_filter label{font-size:14px;}
	.nonpay_area .wrap2 .dataTables_filter input{width:200px;height:36px;line-height:34px;padding-left:10px;}
	.nonpay_area .wrap2 .dataTables_paginate{margin:15px -2px 0;}
	.nonpay_area .wrap2 .dataTables_paginate .paginate_button{width:28px;height:28px;line-height:26px;margin:0 2px;}
	.nonpay_area .wrap2 .dataTables_paginate .paginate_button.previous,
	.nonpay_area .wrap2 .dataTables_paginate .paginate_button.next{background-size:5px;}
}

@media all and (max-width:1020px){
	.nonpay_area{max-width:640px;}
	.nonpay_area .wrap2 .tb_wrap table,
	.nonpay_area .wrap2 .tb_wrap tbody,
	.nonpay_area .wrap2 .tb_wrap tr,
	.nonpay_area .wrap2 .tb_wrap td,
	.nonpay_area .wrap2 .tb_wrap th{display:block;width:100%;}
	.nonpay_area .wrap2 .tb_wrap thead{display:none;}
	.nonpay_area .wrap2 .tb_wrap tbody{border-bottom:1px solid #cdcdcd;}
	.nonpay_area .wrap2 .tb_wrap tbody tr{border:1px solid #cdcdcd;border-bottom:0;}
	.nonpay_area .wrap2 .tb_wrap tbody tr th{padding:12px 5px;background-color:#f4f4f4;}
	.nonpay_area .wrap2 .tb_wrap tbody tr td{padding:0;border:0;}
	.nonpay_area .wrap2 .tb_wrap tbody tr td.tit_wrap{padding:5px 0 0;}
	.nonpay_area .wrap2 .tb_wrap tbody tr td.code_wrap{border-bottom:1px solid #cdcdcd;}
	.nonpay_area .wrap2 .tb_wrap tbody tr td .ico_txt{padding:25px 0 5px;line-height:1.5;background-position:50% 0;text-align:center;}
	.nonpay_area .wrap2 .dataTables_paginate .paginate_button{width:20px;height:20px;line-height:18px;font-size:12px;}
	.nonpay_area .wrap2 .dataTables_paginate .paginate_button.previous,
	.nonpay_area .wrap2 .dataTables_paginate .paginate_button.next{background-size:3px;}
}