.sub {max-width:1200px; position:relative; width:100%; margin:0 auto; padding-bottom:5%;}
.sub .con {padding-left:310px; width:100%; box-sizing:border-box;  min-height:500px; padding-top:40px;}

.nond {width:100%; border-top:2px solid #8cc220;}
.nond thead tr th {height:50px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; font-size:16px; color:#555;}
.nond thead tr th:first-child {border-left:0;}
.nond tbody tr td {text-align:center; height:50px; border:1px solid #ccc; color:#4c4c4c; font-size:14px;}
.nond tbody tr th {border:1px solid #ccc; font-size:14px; color:#4c4c4c;}
.nond tbody tr th.title {color:#8cc220; vertical-align:top; padding-top:40px; border-left:0; font-size:15px;}
.nond tbody tr td:last-child {border-right:0; letter-spacing:-.5px;}
@media(max-width:768px){
  .sub .con {padding: 0 20px;}
}