header { position: relative !important; }
.nav_sec .inner, .t_sec .inner { width: 1400px; margin: 0 auto; position: relative; }
.benefit { margin: 50px auto; }

.benefit .container .en_tit, .cause .container .en_tit { color: #FCC700; font-weight: 700; font-size: 2rem; }
.benefit .container .tit, .cause .container .tit { font-size: 40px; }
.benefit .container .sub_txt, .cause .container .sub_txt { margin: 10px 0; font-size: 18px; }
.benefit .container .cont_box, .cause .container .cont_box { position: relative; display: flex; justify-content: space-between; margin: 30px 0; }
.benefit .container .cont_box .tab { display: flex; align-items: center; }
.benefit .container .cont_box .tab .tab_link { padding: 5px 15px; font-size: 20px; border-bottom: 1px solid #FCC700; cursor: pointer; }
.benefit .container .cont_box .tab .tab_link.active { background: #FCC700; color: #fff; }
.benefit .set_btn { color: #fff; padding: 10px 15px; display: inline-block; }
.set_btn_wrap {background: #404040; color: #fff; vertical-align: middle; }


.table-box-wrap .table_tit { position: relative; font-size: 40px; font-weight: 700; }

.table-box-wrap .table_tit_price { font-size: 16px; text-align: right; margin-bottom: 10px; color: #939393; }

.table-box-wrap .table { width: 100%; border-spacing: 0; font-size: 16px; }
.table-box-wrap .table thead {
    background: #404040;
    color: #fff;
}
.table-box-wrap .table thead th {
    padding: 10px 0;
    font-weight: 400;
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: center;
    border: 0;
}
.table-box-wrap .table tbody {
    background: #fff;
}
.table-box-wrap .table tbody td { border-bottom: 1px solid #d0d7de; border-left: 1px solid #d0d7de; padding: 10px 0; text-align: center; display: table-cell; vertical-align: inherit; }
.table-box-wrap .table tbody td:last-child { border-right: 1px solid #d0d7de; }

.table-box-wrap .table tbody td .del_btn {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background: #f03e3e;
    border-radius: 50%;
}
.table-box-wrap .table tbody td .del_btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
}
.table-box-wrap .table tbody td .up_btn, .table-box-wrap .table tbody td .down_btn{
    padding: 4px 12px;
    background: #404040;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
}
.table-box-wrap .table tbody td .up_btn {
    background: #4dabf7;
}
.table-box-wrap .table tbody td .down_btn {
    background: #51cf66;
}
.table-box-wrap .table thead th input[type='text'], .table-box-wrap .table tbody td input[type='text'] {
    padding: 4px 12px;
    font-size: 14px;
    border: 1px solid #d0d7de;
    border-radius: 3px;
    width: 90%;
}
.btn_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 15px 0;
}
.btn_wrap .add_btn, .btn_wrap .save_btn { padding: 8px 24px; background: #404040; color: #fff; font-size: 14px; border: none; }

.btn_wrap .save_btn {
    margin-left: 10px;
}

input[type="date"] {
    background: white;
    color: black;
    outline: none;
    padding: 3px 12px;
    border: 1px solid #D0D7DE;
}
@media(max-width: 1500px){
  .nav_sec .inner, .t_sec .inner{width: 90%;}
  .table-box-wrap .view{ overflow-x: scroll;}
  .table-box-wrap .t_wrap{width: 1400px !important;}
}
@media(max-width: 768px){
  .benefit { margin: 300px auto 50px; }

}
@media(max-width: 600px){
  .benefit { margin: 200px auto 50px; }

}