﻿.m-t { display:block; }   
.m-t div a, .m-table-name { display:flex; align-items:center; text-decoration:none;  padding:19px 0 8px 0;  border-bottom:1px solid #DEE6EB; }
.m-t-date div a { border-bottom:0; }
.m-t div img, .m-table-name img { width:24px; height:24px; }
.m-t div h3, .m-table-name h3 { font:800 16px/16px 'NT',sans-serif; letter-spacing:-.2px;  color:#111; margin:0 0 0 12px; padding:0; }
.m-t div a:hover h3, .m-table-name:hover h3 { color:#3A49A0; }
.m-t { display:block; }
.m-fh, .m-tb  { display:block; list-style: none; padding: 0; margin:0; }
.m-fh > li > a, .m-tb > li > a { display:flex; justify-content:space-between; align-items:center; text-decoration:none; border-bottom:1px solid #DEE6EB; padding:6px 0 8px 0;  }
.m-tab-panel > section:last-of-type ul li:last-child > a { border-bottom: 1px solid #fff !important; }
.m-tab-panel .m-t-date:last-child { border-bottom: 1px solid #fff !important;  }
.m-t-date li:last-child a { border-bottom:none !important; }
.m-t-date { border-bottom:1px solid #DEE6EB; }
.m-fh > li > a > u:nth-child(1), .m-tb > li > a > u:nth-child(1) { width:38px; height:20px; text-decoration:none; overflow: hidden; white-space: nowrap; }
.m-fh > li > a > b:nth-child(2), .m-fh > li > a > b:nth-child(4)  { flex:1; font:700 14px/17px 'NT',sans-serif; color:#263239; letter-spacing:-.5px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-fh > li > a > b:nth-child(2) { text-align:right;}
.m-fh > li > a > i:nth-child(3) { width:16%; min-width:48px; font:800 15px/17px 'NT',sans-serif; color:#111; letter-spacing:-.2px;  text-align:center; font-style: normal;  }
.m-fh > li > a > b:nth-child(4) { padding:0 28px 0 0; }
.m-tb > li > a > b:nth-child(2) { flex:1;  overflow: hidden; white-space: nowrap; }
.m-tb > li > a > b:nth-child(2) > i { display:block; font:700 14px/18px 'NT',sans-serif; color:#263239; letter-spacing:-.2px;  text-align:right;  font-style: normal; overflow: hidden;  text-overflow: ellipsis; }
.m-tb > li > a > i:nth-child(3) { width:36%; padding-right:24px; padding-left:15px; min-width:54px; font:800 15px/17px 'NT',sans-serif; color:#111; letter-spacing:-.1px;  font-style: normal;  }
.m-tb > .m-ok > a > b:nth-child(2) > i { display:block; font:500 14px/18px 'NT',sans-serif; color:#597686; letter-spacing:-.2px;  text-align:right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal; }
.m-tb > .m-ok > a > b:nth-child(2) > u { text-decoration:none; display:block; font:700 14px/18px 'NT',sans-serif; color:#111; letter-spacing:-.2px;  text-align:right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal; }
.m-on, .m-ht { background-image:url(/i/v17/i/m_watch.png); background-repeat: no-repeat; background-size: 18px 13px; background-position-x: right; background-position-y: 10px; }
.m-tb .m-on, .m-tb .m-ht { background-position-y: 16px;  }
.m-on > a > u:nth-child(1) { border-radius:6px; background-color:#DCF1DC; color:#379737;  font:700 12px/20px 'NT',sans-serif; letter-spacing:-.2px; text-align:center; animation: pulse-on 1.5s infinite ease-in-out; }
.m-ht > a > u:nth-child(1) { border-radius:6px; background-color:#F5F3AD; color:#73710D;  font:700 12px/20px 'NT',sans-serif; letter-spacing:-.5px; text-align:center; animation: pulse-ht 1.5s infinite ease-in-out;  }
.m-st > a > u:nth-child(1) { border-radius:6px; background-color:#FFD8BF; color:#AA4000;  font:700 12px/20px 'NT',sans-serif; letter-spacing:-.5px; text-align:center;  }
.m-ns > a > u:nth-child(1), .m-ok > a > u:nth-child(1) { color:#52707F;  font:500 12px/23px 'NT',sans-serif; letter-spacing:-.2px;  }
@keyframes pulse-on { 0% { background-color: #DCF1DC; color:#379737; } 50% { background-color: #BEE4BE; color:#2C782C;} }
@keyframes pulse-ht { 0% { background-color: #F5F3AD; color:#73710D; } 50% { background-color: #ECE962; color:#4D4A09;} }
.m-tab-panel span { display:flex; width:100%; border-top:1px solid #DEE6EB; position:relative; top:-1px;  }
.m-tab-panel.m-t-date span { position:relative; top:-18px; }
.m-tab-panel span a {  display:block; width:100%;  text-decoration:none; font:500 12px/12px 'NT',sans-serif; letter-spacing:-.2px; color:#52707F; padding:8px 0 4px 0;  }
.m-tab-panel span a b { padding:3px 5px; border-radius:4px; background-color: #E7ECEF; font:700 12px/12px 'NT',sans-serif; color:#3C4F59; margin:0 1px;  }
.m-tab-panel span a:hover { color:#111; }
.m-tab-panel span a:hover b { color:#111; background-color: #DCE1E4; }
.m-tab-panel span a:active { position:relative; top:1px; }
.m-date { display:block; background-color:#E7ECEF; border-radius:6px; color:#2B383F; text-transform: uppercase; font:700 10px/11px 'NT',sans-serif; letter-spacing:-.2px; margin:0; text-align:center; padding:7px 0 7px 0; } 
.m-table-sel { display:flex; gap:20px; margin:16px 0 0 0; }
.m-table-sel div:nth-of-type(1) { flex:32%; }
.m-table-sel div:nth-of-type(2) { flex:68%; }
.m-table-sel div:nth-of-type(1) select, .m-table-sel div:nth-of-type(2) select  { display:block; width:100%; padding:5px 10px 5px 10px;  background: #3F4F56; color: #fff; border-radius: 6px; font: 500 13px/14px 'NT',sans-serif; letter-spacing:-.2px;  border: none; outline: none; cursor: pointer; }
.m-table-sel div option { font: 500 13px/1 'NT',sans-serif; }
.m-table-sel div:nth-of-type(2) select { background: #557080; font: 400 13px/1 'NT',sans-serif; }
.m-table-sel div:nth-of-type(1):hover select { background: #2D383E; }
.m-table-sel div:nth-of-type(2):hover select { background: #445966; }
.m-table-select-native:focus { background: #45BC45; }
.m-table-name { border:0; }
.m-table { width: 100%; border-collapse: collapse; }
.m-table thead th {  background-color:#E7ECEF; color:#2B383F; text-transform: uppercase; font:700 10px/11px 'NT',sans-serif; letter-spacing:-.2px; margin:0; text-align:center; padding:7px 0 7px 0;  }
.m-table th:first-child { border-radius: 6px 0 0 6px; text-align:left; padding-left:10px; }
.m-table th:last-child { border-radius: 0 6px 6px 0; }
.m-table tbody tr {  border-bottom:1px solid #E1E8EC; padding:6px 0 7px 0;  }
.m-table tbody tr:last-child { border-bottom:1px solid #fff;  }
.m-table td:nth-child(1) { width:21px; color:#52707F; font:500 12px/12px 'NT',sans-serif; padding:0 0 0 2px; } 
.m-table td:nth-child(2) a { display:block; max-width:105px; padding:10px 12px 11px 0; color:#111; font:700 14px/14px 'NT',sans-serif; letter-spacing:-.2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;   } 
.m-table td:nth-child(2) a:hover { color:#45BC45;  } 
.m-table td:nth-child(3) { width:16px; min-width:16px; background-image:url(/i/v17/i/icons_tt.png?2); background-repeat: no-repeat; background-size: 200px 16px; } 
.m-table td:nth-child(4), .m-table tbody tr td:nth-child(5)  { text-align:center; color:#111; font:500 14px/14px 'NT',sans-serif; letter-spacing:-.2px; } 
.m-table td:nth-child(4), .m-table th:nth-child(2) { min-width:32px; padding:0 0 0 10px; }
.m-table td:nth-child(5) { min-width:54px; }
.m-table td:nth-child(6) { min-width:32px;  text-align:center; color:#111; font:700 14px/14px 'NT',sans-serif; letter-spacing:-.2px; }
.cal_tt_cl { background-position: -20px 10px;  }
.cal_tt_el { background-position: -40px 10px; }
.cal_tt_ec { background-position: -60px 10px; }
.cal_tt_re { background-position: -100px 14px; }
.cal_tt_do { background-position: -80px 14px; }
.cal_tt_to { background-position: -140px 14px; }
.cal_tt_tr { background-position: -120px 14px; }
.cal_tt_fi { background-position: -160px 10px; }
.btn-sec-mc { margin-top:11px; }

@media (max-width: 767px) { 
.m-fh > li > a, .m-tb > li > a { padding:8px 0 9px 0;  }
.m-fh > li > a > b:nth-child(2), .m-fh > li > a > b:nth-child(4)  { font:700 15px/17px 'NT',sans-serif; }
.m-fh > li > a > i:nth-child(3) { font:800 16px/17px 'NT',sans-serif; }
.m-tb > .m-ok > a > b:nth-child(2) > u { font:700 15px/18px 'NT',sans-serif; }
.m-on > a > u:nth-child(1) { font:700 13px/20px 'NT',sans-serif; }
.m-ht > a > u:nth-child(1) { font:700 13px/20px 'NT',sans-serif;  }
.m-st > a > u:nth-child(1) {  font:700 13px/20px 'NT',sans-serif;  }
.m-ns > a > u:nth-child(1), .m-ok > a > u:nth-child(1) { font:500 13px/22px 'NT',sans-serif; }
.m-tb > li > a > b:nth-child(2) > i {  font:700 15px/18px 'NT',sans-serif; }
.m-tb > .m-ok > a > b:nth-child(2) > i { font:500 15px/18px 'NT',sans-serif; }
.m-tb > li a { padding:9px 0 10px 0; !important }

}