@charset "utf-8";
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); */
html,body{font-family: 'NanumGothic', sans-serif !important;font-size:13px !important;}
a{color:#000}
.nav-pills .nav-link{border-radius:0;border:1px solid #f1f1f1}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background:#52779D;border:1px solid #52779D}
th{font-weight:400}
.btn-plus-minus { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; min-width: 45px; }
.bg-light2{background-color:#f3f3f3 !important;}
.bg-light3{background-color:#99ccff !important; width: 100px;}
.bg-light4{background-color:#ffd400 !important; width: 100px;}
.scroll-x{overflow-x:auto}
.nav-tabs{border-bottom:1px solid #52779D}
.nav-tabs .nav-link{border-radius:0;border:1px solid #dee2e6;border-bottom:1px solid transparent}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{font-weight:bold;background:#52779D;color:#fff;border:1px solid #dee2e6;border-bottom:1px solid transparent}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border-color:#52779D;border-bottom:1px solid transparent}
#tableList_wrapper .row{margin:0}
/* .tableSize{width: 300px;} */
.page-link{color:#000}
/*.table.table-bordered.dataTable{border-right-width: 1px;}*/
.table th{vertical-align:middle;font-size:100%}
.table-fixed th, .table-fixed td{white-space: nowrap;text-align:center;}
.table-fixed td{padding: 9px !important;}
.table .notEq{background: #ffe188;}
/* .table .txtbook{background: #99cc90;} */
.table-fixed td img{/* height: auto !important; *//* max-width: 100% !important; *//* display: block; */border: 0;max-height: 400px;width: auto;height: auto;max-width: 100%;}
.table-fixed td.wrap{white-space:normal;min-width:400px;}

/* .table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td,.table-fixed th {display: block;}

.table-fixed tbody td, .table-fixed tbody th, .table-fixed thead>tr>th {float: left;position: relative; &:: after { content : '';clear: both;display: block;}} */

.tooltip-box {position: relative; display: flex; flex-direction: row; justify-content: space-between; width: 100%; }
.tooltip-box img { width: 20px; height: 20px;}
.tooltip-text { display: block; position: absolute; top: -50px; right: -85px; width: 200px; padding: 11px 13px; border-radius: 2px; border: 1px solid #555555; background-color: #fff; line-height: 18px; z-index: 1; visibility: hidden; }
.tooltip-text:after { content: ""; position: absolute; left: 50%; bottom: -6px; display: block; width: 9px; height: 6px; background: url('/mts/img/arr01.png'); }

.plus-button {width: 20px; height: 20px; border: none; background-color: #ffffff; padding: 0;}