﻿/*table.dataTable { table-layout: fixed; word-wrap: break-word; } 
table.dataTable.layout-auto { table-layout: auto; } */

.dataTables_header { display: flex; justify-content: space-between; } 
.dataTables_header .dt_modules { display: flex; } 
.dataTables_header .dt-buttons { display: flex; align-items: center; } 
.dataTables_scroll {overflow-x: auto; max-width: calc(100vw - 295px); } 
.dataTables_header button,
.dataTables_header .btn { height: 28px; line-height: 1; padding: 4px 10px 6px; border-color: #aeaeae; background: #f6f6f6; font-size: 1.1rem; margin-bottom: 1rem; } 
.dataTables_header input, .dataTables_header select { margin: 0 .5rem; } 
.dataTables_wrapper .dtT_modules { display: flex; } 
.dataTables_wrapper .dataTables_info { padding-top: inherit; margin-right: 1rem; margin-bottom: 1rem; line-height: 2.8rem; font-size: 0.9rem; color: #747474; } 
.dataTables_wrapper .dataTables_length { margin-bottom: 1rem; font-size: 0.9rem; } 
.dataTables_wrapper .dataTables_length span { color: #747474; } 
.dataTables_wrapper .dataTables_length select + span { margin-left: 1rem; } 
.dt-buttons { margin: 0 0 1rem; } 
.board-wrap .dt-buttons { display: flex; align-items: center; margin-top: 10px; } 
.dataTables_header .dt-buttons,
.module-header, .dt-buttons { margin: 0; } 
.dt-buttons.btn-module { margin-right: 0; font-size: 1.1rem; height: 2.8rem; padding: 0.6rem 0.8rem; } 
.dataTables_wrapper .dataTables_empty { text-align: center; padding: 0px; line-height: 3.2rem; } 
button.dt-button, div.dt-button, a.dt-button { border: 1px solid #949494; margin-right: 0.3rem; color: #202020; display: flex; align-items: center; font-size: 1.1rem; font-family: inherit; padding: .4rem 1rem; } 
table.dataTable tbody th, table.dataTable tbody td { padding: 0.2rem 0.6rem; line-height: 2rem; height: 30px; background-color: #fff; } 
.dataTables_footer { display: flex; margin-top: 1rem; } 
.dataTables_paginate { display: flex; } 
.dataTables_paginate .paginate_button { flex: 1 0 2rem; display: flex; justify-content: center; align-items: center; height: 2.8rem; width: 2.8rem; color: #909090; } 
.dataTables_paginate .paginate_button.first { margin-right: 5px; background: url(https://img.lifet.co.kr/icon/btn-prev.png) no-repeat center; } 
.dataTables_paginate .paginate_button.previous { margin-right: 5px; background: url(https://img.lifet.co.kr/icon/btn-prev.png) no-repeat center; } 
.dataTables_paginate .paginate_button.next { margin-right: 5px; background: url(https://img.lifet.co.kr/icon/btn-next.png) no-repeat center; } 
.dataTables_paginate .paginate_button.last { margin-right: 5px; background: url(https://img.lifet.co.kr/icon/btn-next.png) no-repeat center; } 
.dataTables_paginate .paginate_button i { margin-right: 5px; display: none; } 
.dataTables_paginate > span { display: flex; } 
.dataTables_paginate span .paginate_button { border-top : 1px solid #eaeaea; border-right : 1px solid #eaeaea; border-bottom : 1px solid #eaeaea; } 
.dataTables_paginate span .paginate_button:hover { background-color: #eaeaea; } 
.dataTables_paginate span .paginate_button:first-child { border-left: 1px solid #eaeaea; } 
.dataTables_paginate .ellipsis { width: 35px;; margin: 0 0.8rem; } 
.dataTables_paginate .ellipsis + .paginate_button { border-left: 1px solid #eaeaea; } 
.paginate_button.current { color: red; } 


/* 수정 */

/* tool header footer */
.dataTables_header { display: flex; align-items: center; justify-content: flex-end; } 
.dataTables_filter label { } 
button.dt-button, div.dt-button, a.dt-button { height: 33px; border: none; padding: 0 26px; border-radius: 4px; color: #fff !important; background-color: #68A5FE; font-size: 16px; font-weight: 600; margin: 0; margin-left: 10px; cursor:pointer; } 
.dataTables_header a.dt-button { height: 44px; border-radius: 6px; } 
.dataTables_header .button_default { height: 44px; padding-top: 10px; color: #333; font-weight: 500; font-size: 16px; border-radius: 6px; line-height: 24px; } 
.dataTables_footer { justify-content: center; } 


/* footer pagenate */
.dataTables_paginate .paginate_button { width: 28px; height: 28px; opacity: 0.5; } 
.dataTables_paginate .paginate_button.first,
.dataTables_paginate .paginate_button.previous,
.dataTables_paginate .paginate_button.next,
.dataTables_paginate .paginate_button.last { opacity: 1; } 

.dataTables_paginate .paginate_button.first { background-image: url(https://img.lifet.co.kr/icon/pagination_first.png); } 
.dataTables_paginate .paginate_button.previous { background-image: url(https://img.lifet.co.kr/icon/pagination_prev.png); margin-right: 68px; } 
.dataTables_paginate .paginate_button.next { background-image: url(https://img.lifet.co.kr/icon/pagination_next.png); margin-left: 68px; } 
.dataTables_paginate .paginate_button.last { background-image: url(https://img.lifet.co.kr/icon/pagination_last.png); margin-right: 0; } 
.dataTables_paginate span .paginate_button,
.dataTables_paginate span .paginate_button:first-child { border: none; } 
.dataTables_paginate span .paginate_button:hover { background-color: #fff; } 
.paginate_button.current { font-weight: 700; color: #5FA0FF; opacity: 1; } 

.dataTables_wrapper .dataTables_empty { border-top: 0; } 
.dataTables_header { position: relative; margin-bottom: 20px; } 
.dataTables_header .title { position: absolute; left: 0; top: 10px; font-size: 18px; font-weight: 500; line-height: 26px; margin-bottom: 0 !important; } 
.dataTables_header .title2 { position: absolute; left: 0; top: 0; font-weight: 700; font-size: 24px; line-height: 130%; } 
.dataTables_header .title span { color: #68A5FE; } 
.dataTables_header .info {position: absolute; left: 159px; padding: 12px 16px 12px 38px; color: #000; font-weight: 500; border-radius: 8px; border: 1px solid #E3E3E3; background: #F9F9F9 url(https://img.lifet.co.kr/icon/danger2.png) no-repeat 16px center; background-size: 18px;}
.dataTables_header .dataTables_filter { font-size: 0; } 
.dataTables_header .dataTables_filter input { width: 270px; height: 44px; background-color: #EFEFEF; font-size: 16px; font-weight: 400; padding: 0px 16px; border-radius: 6px; padding-right: 60px; border: none; margin: 0; padding-right: 0; padding-left: 12px; background-image: url(https://img.lifet.co.kr/icon/fe_search.svg); background-position: right 10px center; background-repeat: no-repeat; background-size: 20px; } 