@charset "utf-8";

/* 버튼, 필터 top 영역 */
.table-set {font-size: 1.2rem; color: #040d2f; margin: 7px 0; padding-top: 7px; border-top: 1px solid #c8cacd;}
.table-set .result-stats {display: inline-block; font-weight: 400; font-size: 1.2rem; position: relative; top:3px;}
.table-set span.bold { font-weight: 600; }
.table-set .page-num {display: inline-block; font-weight: 400; margin-left: 15px; font-size: 1.2rem;position: relative; top:3px;}
.table-set .select-list {float: right;}
.table-set .select-list > .select-box {display: inline-block; margin-right: 5px;}
.table-set .select-list > .select-box:nth-child(2) {margin-right:20px;}
.table-set .select-list > .list-wrap {display: inline-block}
.table-set .select-list > .list-wrap p {display: inline-block; margin-right: 5px; line-height: 24px; }
.table-set .select-list > .list-wrap > .select-box {display: inline-block}
.table-set .btn-wrap { float: left; margin-top: 0;}
.table-set .filter-wrap { float: right; margin-left: 20px; }
.table-set .filter-wrap .filter-area { margin-bottom: 0; }


/* 버튼 */
.btn-wrap ul li .normal-btn { padding: 0 15px; height: 28px; line-height: 28px;}
.btn-wrap ul li .normal-btn.disabled { opacity: .5; cursor: no-drop;}
.btn-wrap ul li .normal-btn.white-bg {background:#fff; border: 1px solid #bdbdbd; color:#484848;}
.btn-wrap ul li .normal-btn.white-bg:hover {background:#F9F9F9;}
.btn-wrap ul li .normal-btn.navy-bg {background:#040d2f; border: 1px solid #040d2f;}
.btn-wrap ul li .normal-btn.dark-navy-bg {background: #252334; border: 1px solid  #252334}
.btn-wrap ul li .normal-btn.sky-bg {background:#688bfe; border:1px solid #688bfe}

/* list-table */
.list-table { margin-top: 0; }
.list-table tbody tr td.open-icon { cursor: pointer; }
.list-table tbody tr td.open-icon .material-icons { font-size: 20px;}
.list-table tbody tr td.open-icon.on .material-icons { transform: rotate(180deg); position: relative; top: 2px; }
.list-table tbody tr.detail-box.open { display: table-row; }
.list-table tbody tr.detail-box { display: none; background:#fff; text-align: left; }
.list-table tbody tr.detail-box > td { padding:20px !important; border:0; text-align: left; border-radius: 0;}
.list-table tbody tr.detail-box:hover,
.list-table tbody tr.detail-box td:hover { background:#fff; }
.list-table tbody tr.detail-box td .tit { font-weight: 600; padding-bottom: 10px; font-size: 1.4rem; }
.list-table tbody tr td.v-bottom { vertical-align: bottom; }
.list-table tbody tr td .ft { display: inline-block; margin: 1px 0; font-size: 1rem; background:#eee; color: #666; padding: 0 10px 1px; border-radius: 3px; font-weight: 500; line-height: 17px; }

/* 센서 table */
.list-table .inner-table { margin-top: 0; border: 1px solid #dee3eb; }
.list-table .inner-table:not(:last-child) { margin-bottom: 30px; }
.list-table .inner-table > tbody > tr.detail-box:hover,
.list-table .inner-table > tbody > tr.detail-box > td:hover,
.list-table .inner-table > tbody > tr.detail-box { background:#f8f8f8; }
.list-table .inner-table thead tr { border-bottom: 0;}
.list-table .inner-table tr th { background:#efefef; font-size: 1.2rem; padding:6px 0; text-align: left; padding: 7px 0 7px 20px; border-top: 1px solid #dee3eb; color: #333; font-weight: 600; }
.list-table .inner-table tr th:hover { background:#efefef;}
.list-table .inner-table tbody tr {background:#fff; border: 0;}
.list-table .inner-table tbody tr td { font-size: 1.2rem; border-radius: 0; text-align: left; padding: 7px 0 7px 20px;}
.list-table .inner-table tbody tr:hover {background:#fff;}
.list-table .inner-table tbody tr:hover td {background:#fff;}
.list-table .inner-table tbody tr td { border-top: 1px solid #dee3eb; }
.list-table .inner-table .txt-center { text-align: center !important; }
.list-table .inner-table tbody tr.add-filter-row td {  border: 0; padding-top: 0;}

/* 발신자 table */
.list-table .target-table { margin-top: 0; border: 1px solid #dee3eb; border-top-color: #b6b8c3;}
.list-table .target-table thead tr { border-bottom: 1px solid #dee3eb;}
.list-table .target-table tr th { background:#ebebeb; font-size: 1.2rem; padding:6px 0; color: #333;}
.list-table .target-table tr th:hover { background:#ebebeb;}

.selectbox-time .selectbox { min-width: auto; width: 100px; float: none;}