/*Content CSS*/
#status {width: 100%; overflow: hidden; position: relative;}
#status > article{padding: 100px 0;}
#status > article:last-child{padding-bottom: 125px;}

#status  .sub_inner{width: 100%; max-width: 1500px; padding: 0 50px; margin: 0 auto;}

/* font-style */
#status .fs_40{font-size: 40px; font-weight: 700; line-height: 1.4; color: #000; }
#status .fs_18{font-size: 18px; line-height: 2;}
#status .fs_16{font-size: 16px; line-height: 2; color: #222; }

/* bar_tit */
#status .bar_tit{position: relative; padding-left: 17px;}
#status .bar_tit::before{content: ''; display: block; width: 5px; height: 70%; max-height: 34px; position: absolute; top: 11px; left: 0; background-color: #472f1c; }

/* table_wrap */
#status .scroll_wrap{margin-top: 40px;}
#status .scroll_wrap > i{display: none; text-align: right; font-size: 25px; }
#status .table_wrap{}
#status .table_wrap::-webkit-scrollbar {width: 8px; height: 8px;}
#status .table_wrap::-webkit-scrollbar-track{border-radius: 10px; background-color: #eee;}
#status .table_wrap::-webkit-scrollbar-thumb {background: #aaa; border-radius: 10px;}

#status .table_wrap table{width: 100%; border-collapse: collapse;}
#status .table_wrap table thead{}
#status .table_wrap table thead::after{content: ''; display: block; width: 0; height: 20px;}
#status .table_wrap table thead tr th{background-color: #472f1c; color: #fff; font-weight: 500; padding: 10px; height: 58px; }
#status .table_wrap table thead tr th:first-child{border-radius: 5px 0 0 5px;}
#status .table_wrap table thead tr th:last-child{border-radius: 0 5px 5px 0;}

#status .table_wrap table tbody{margin-top: 16px;}
#status .table_wrap table tbody tr td{padding: 10px; border: solid 1px #ccc; text-align: center; height: 70px;}
#status .table_wrap table tbody tr td:nth-child(1){background-color: #eceae8;}
#status .table_wrap table tbody tr td:nth-child(2){background-color: #f7f7f7;}
#status .table_wrap table tbody tr td:nth-child(3){padding: 10px 30px; text-align: left;}
#status .table_wrap table tbody tr td:first-child{border-left: 0;}
#status .table_wrap table tbody tr td:last-child{border-right: 0;}



@media screen and (min-width: 1025px) {

}

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1400px) {
    #status > article{padding: 80px 0;}
    #status > article:last-child{padding-bottom: 80px;}

    /* font-style */
    #status .fs_40{font-size: 38px;}
    #status .fs_18{font-size: 17px; line-height: 1.7;}
    #status .fs_16{font-size: 15px; line-height: 1.7;}

    /* bar_tit */
    #status .bar_tit{padding-left: 15px;}
    #status .bar_tit::before{max-height: 31px; top: 10px;}

}
@media screen and (max-width: 1280px) {
    /* font-style */
    #status .fs_40{font-size: 36px;}
    #status .fs_18{font-size: 16px;}
    #status .fs_16{font-size: 14px;}
}
@media screen and (max-width: 1024px) {
    #status > article{padding: 50px 0;}
    #status > article:last-child{padding-bottom: 50px;}
    #status  .sub_inner{padding: 0 30px;}

    /* font-style */
    #status .fs_40{font-size: 34px;}

    /* bar_tit */
    #status .bar_tit::before{max-height: 30px; top: 8px;}
    /* table_wrap */
    #status .scroll_wrap{margin-top: 30px;}

    #status .table_wrap table tbody tr td{min-width: 100px;}
    #status .table_wrap table tbody tr td:nth-child(3){padding: 10px 20px; min-width: 250px;}
}
@media screen and (max-width: 960px) {
    /* table_wrap */
    #status .scroll_wrap{margin-top: 0;}
    #status .scroll_wrap > i{display: block;}
    #status .table_wrap{overflow-x: scroll; padding-bottom: 20px;}
    #status .table_wrap table thead::after{height: 10px;}
}
@media screen and (max-width: 640px) {
    #status  .sub_inner{padding: 0 20px;}


}

@media screen and (max-width: 480px) {

}