.dbnm {margin-right: 5px;;display: inline-flex;max-width: 100%;font-size: 15px;height: 35px;align-items: center;justify-content: center;border-radius: 16px;white-space: nowrap;transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, ox-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;outline: 0px;text-decoration: none;border: 0px;color: #000;font-weight: 500;padding: 0 15px;}
.dbnm-count {text-align:right;margin-right: 5px;;display:flex;max-width: 100%;font-size: 12px;height:10px;align-items: right;justify-content: right;border-radius: 16px;white-space: nowrap;transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, ox-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;outline: 0px;text-decoration: none;border: 0px;color: #000;font-weight: 800;padding: 0 5px;margin-bottom:-20px;}
.dbnm:last-child {margin-right: 0;}
.dbnm.dbnm1 {background-color: #91d991;}
.dbnm.dbnm2 {background-color: #faff49;}
.dbnm.dbnm3 {background-color: #960022;color: #fff;}
.dbnm.dbnm4 {background-color: #dd4b39;color: #fff;}
.dbnm.dbnm5 {background-color: #32506d;color: #fff;}

.dbnm-pop {margin-top: -20px;margin-left: 15px;}
.dbnm-pop:before {content: '';background: url('../img/sub/com_tri.png');width: 26px;height: 12px;position: absolute;left: -19px;top: 23px;transform: rotate(-90deg);}
.dbnm-pop .dbnm {margin-right: 0;width: 100%;margin-bottom: 10px;}
.dbnm-pop .dbnm:last-child {margin-bottom: 0;}
.icheck_wrap {display: flex;flex-wrap: wrap;}
.dataTable .icheck label {color: #000;}
.dataRow {height:60px;}
.icheck_more {position: relative;padding-right: 100px;}
.icheck_more .icheck_wrap {display: block;overflow: hidden;width: 100%;}
.icheck_more .icheck_wrap .icheck {float: left;width: 33.333333333%;display: flex;height: 32px;align-items: center;}
.icheck_view {font-size: 15px;color: #000;font-weight: 500;position: absolute;right: 0;top: 2px;text-decoration: underline;}
.icheck_view:hover {text-decoration: underline;}
.icheck_view strong {color: #960022;}

.dataTable {border: 1px solid #e4e7ea;border-spacing: 0;border-collapse: collapse;width: 100%;max-width: 100%;}
.dataTable.bdtn {border: none;}
.dataTable.bdtn tr:first-child td {border-top: none;}
.dataTable th {text-align: center;background-color: #EEF6FF;}
.dataTable th.dbnmin {padding-bottom: 5px;}
.dataTable th,
.dataTable td {padding: 15px 5px;border: 1px solid #e4e7ea;text-align: center;vertical-align: middle;font-size: 15px;}
.dataTable .tleft {text-align: left;}
.dataTable.search td {text-align: left;padding: 15px;}
.dbNameTable { border:0px; width:100%; }
.dbNameTable .dbNameCell { vertical-align:top; display:flex; flex-wrap:wrap; justify-content:space-around; gap:10px; overflow:hidden; border:0px; }
.dbNameTable .dbViewCell { width:120px; vertical-align:top; border:0px; padding-top:20px; }
.dbNameTable .dbViewLink {right: 10px;top: 2px;font-size: 15px;color: #000;font-weight: 500;text-decoration: underline;font-weight:normal;}
.dbNameTable .dbViewLink:hover {text-decoration: underline;font-weight:bold;}
.data_search .hidden_tr {display: none;}
.data_search.allview .hidden_tr {display: table-row;}
.datapage_wrap {position: relative;display: flex;justify-content: center;align-items: center;margin: 40px 0 20px 0;}
.page_row {display: flex;align-items: center;position: absolute;left: 20px;top: 0;}
.page_row .pr {font-size: 15px;color: #000;font-weight: 500;margin-right: 10px;}
.page_row .pr.sel .d_select {border: 1px solid #ddd;font-size: 15px;color: #000;font-weight: 500;padding: 0 15px;height: 32px;min-width: 80px;}
.datapaging {display: flex;align-items: center;justify-content: center;}
.datapaging .datapage_txt {font-size: 18px;font-weight: 800;margin: 0 20px;}
.datapaging .dataprev {height: 32px;display: flex;align-items: center;}
.datapaging img {width: 10px;}
.data_chk_wrap {display: none;}
.data_chk_item {overflow: hidden;}
.data_chk_wrap .icheck {float: left;width: 33.333333333%;height: 32px;display: flex;align-items: center;}
.dbnm_wrap {position: relative;padding-right: 100px;}
.dbnm_wrap.hide {display: none;}
.dbnmShow .dbnm_wrap.hide {display: block;}
.dbnm_wrap .dbnm {margin-bottom: 10px;}
.dbnm_more {position: absolute;right: 10px;top: 2px;font-size: 15px;color: #000;font-weight: 500;text-decoration: underline;}
.dbnm_more:hover {text-decoration: underline;}
.data_scroll {overflow-y: auto;height: 420px;overflow-x:hidden;}
.data_scroll::-webkit-scrollbar {width: 4px;}
.data_scroll::-webkit-scrollbar-thumb {background-color: #CCC;background-clip: padding-box;}
.data_scroll::-webkit-scrollbar-track {background-color: #E9E9E9;box-shadow: inset 0px 0px 5px white;}
.dbnm-circle {width: 20px;height: 20px;border-radius: 50%;margin: 0 auto;display: flex;}
.dbnm-circle.dc1 {background-color: #91d991;}
.dbnm-circle.dc2 {background-color: #faff49;}
.dbnm-circle.dc3 {background-color: #960022;}
.dbnm-circle.dc4 {background-color: #dd4b39;}
.dbnm-circle.dc5 {background-color: #32506d;}

.dbnm-pop {background-color: #fff;border-radius: 10px;-webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 10%);box-shadow: 0 1px 5px rgb(0 0 0 / 10%);padding: 15px;border: 1px solid #999;overflow-y: auto;height: 200px;}
.dbnm-pop::-webkit-scrollbar {width: 4px;}
.dbnm-pop::-webkit-scrollbar-thumb {background-color: #CCC;background-clip: padding-box;}
.dbnm-pop::-webkit-scrollbar-track {background-color: #E9E9E9;box-shadow: inset 0px 0px 5px white;}
/* JavaScript: serialtip */
[data-serialtip-target]{display:none;position:absolute;z-index:1001;max-width:300px;}
[data-serialtip-target].is-alignment-top{margin-top:0;}
[data-serialtip-target].is-alignment-right{margin-right:0;}
[data-serialtip-target].is-alignment-bottom{margin-bottom:0;}
[data-serialtip-target].is-alignment-left{margin-left:0;}
[data-serialtip-target] .serialtip-title{margin-bottom:15px;font-size:18px;color:#000;font-weight:400;}
[data-serialtip-target] .serialtip-close{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin-top:5px;cursor:pointer;opacity:0.35;transition:300ms;}
[data-serialtip-target] .serialtip-close:before{content:'+';font-size:30px;transform:rotate(45deg);}
[data-serialtip-target] .serialtip-close:hover{opacity:1;}

.dbnm-wrap {display: flex;flex-wrap: wrap;max-width: 150px;justify-content: center;}
.dbnm-wrap .dbnm-circle {margin: 5px 5px;}
.popup_wrap {display: none;}
.popup {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1002;display: flex;align-items: center;justify-content: center;}
.popup_in {width: 620px;min-height:300px;background-color: #fff;position: relative;-webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 10%);box-shadow: 0 1px 5px rgb(0 0 0 / 10%);border: 1px solid #999;}
.pop_cont {padding: 20px;}
.pop_close {position: absolute;right: 10px;top: 10px;}
.pop_close img {width: 15px;}
.pop_tit {background-color: gray;position: relative;height: 35px;}
.dataTable_scroll {width: 100%;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.dataTable_scroll::-webkit-scrollbar {width: 4px;}
.dataTable_scroll::-webkit-scrollbar-thumb {background-color: #CCC;background-clip: padding-box;}
.dataTable_scroll::-webkit-scrollbar-track {background-color: #E9E9E9;box-shadow: inset 0px 0px 5px white;}
.filter_all {display: flex;align-items: center;justify-content: end;margin-bottom: 15px;}
.filter_all a {font-size: 17px;color: #000;font-weight: 800;text-decoration: underline;display: flex;position: relative;padding-right: 22px;}
.filter_all a:after {content: '';display: block;width: 10px;height: 16px;position: absolute;right: 0;top: 4px;transform: rotate(90deg);background-image: url('../img/sub/filter_arrow.png');background-repeat: no-repeat;background-position: 0 0;background-size: 10px auto;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.data_search.allview .filter_all a:after {transform: rotate(270deg);}
.filter_all a:hover {text-decoration: underline;}
.pop_dbnm {display: flex;align-items: center;}
.pop_dbnm .dbnm-circle {margin-left: 0;margin-right: 5px;}
.data_scroll.h300 {height: 300px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.dataTable.xstable th,
.dataTable.xstable td {padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;}
.dbnmplus {position: relative;}
.dbnmplus:before {content: '';display: block;width: 17px;height: 3px;background-color: #ff0900;position: absolute;left: 0;top: 50%;margin-top: -1px;margin-left: 2px;}
.dbnmplus:after {content: '';display: block;width: 3px;height: 16px;background-color: #ff0900;position: absolute;left: 50%;top: 0;margin-left: -1px;margin-top: 3px;}
.dbnmplus span {display: none;}

@media (max-width: 1419px){
}

@media (max-width: 1219px){
   .dataTable_scroll .dataTable {width: 1170px;max-width: inherit;}
   .data_scroll.w1170 {width: 1170px;}
   .icheck_more {height: auto;}
}

@media (max-width: 991px){
}

@media (max-width: 767px){
   .icheck_more {padding-right: 0;padding-bottom: 50px;}
   .icheck_view {position: absolute;bottom: 0;top: auto;}
   .dataTable th, .dataTable td {font-size: 13px;}
   .page_row {left: 0;}
   .datapage_wrap {justify-content: end;}
   .popup {padding: 0 15px;}
   .popup_in {width: 100%;}
   .dataTable.xstable th,
   .dataTable.xstable td {padding-top: 5px;padding-bottom: 5px;}
}