/* 반응형 테이블 */
table.table-responsive {border-top: 2px solid #00b6bd; border-left: 0; border-right:0; width:100%; border-collapse: collapse; }
table.table-responsive th,
table.table-responsive td {border: 1px solid #00b6bd; border-top:0; margin-top: 0; border-collapse: collapse; padding: 8px 15px; vertical-align: middle; width:auto; }
table.table-responsive thead th:last-child,
table.table-responsive td:last-child { border-right: 0; }
table.table-responsive th { background: #00b6bd; color:#fff; font-weight: 500; text-align: center; position:relative; padding: 15px 15px;}
table.table-responsive th::after {display:block; content:''; width:1px; /*height:18px;*/height: 50%; background:#fff; position:absolute; right:1px; top: 50%; transform: translateY(-50%);}
table.table-responsive th:last-child::after{display:none;}
table.table-responsive th.table-in {padding:0 !important; background: #fff}
table.table-responsive th span.text-red {margin-right:2px; font-weight: 600;}
table.table-responsive td { min-height: 40px; }
table.table-responsive td.textarea-pd {padding: 5px 8px !important; }
table.table-responsive td .input-group-addon {padding:4px 4px 4px 10px;}
table.table-responsive td .input-group-addon-read {background-color: #eeeeee; line-height: 1.2;}
table.table-responsive th:first-child,
table.table-responsive td:first-child { border-left: 0; }
table.table-responsive-in {width:100%; text-align:left; font-size:12px !important; border-collapse: collapse; margin:-1px; }
table.table-responsive-in thead th {text-align: center; padding:7px 5px !important;}
table.table-responsive-in thead th {border-bottom:0 !important;}
table.table-responsive-in tbody {margin-top:-1px;}
table.table-responsive-in th,
table.table-responsive-in td { padding:3px 5px !important;  vertical-align: middle; }
table.table-responsive-in tr th:last-of-type,
table.table-responsive-in tr td:last-of-type { border-right-width:0 !important }
table.table-responsive-in th {background:#eaeef1; color:#222; font-weight:200; text-align:right;}
table.table-responsive-in td {padding:4px 8px !important; height:37px;}
table.table-responsive-in td > span {width:100%;}
table.table-responsive-in td .m_view {display:none;}

table.table-responsive.table-text-ss { font-size: 13px; line-height: 1.4em;}
table.table-responsive.table-text-ss  th, table.table-responsive.table-text-ss  td { padding: 8px;}

table.table-responsive-in .table-in th,
table.table-responsive-in .table-in tr,
table.table-responsive-in .table-in td { border: none; }

table.table-responsive.table_padding_10 th
table.table-responsive.table_padding_10 td {padding:15px 0 15px 10px !important;}

/* table 스타일 */
table.k-editor {height:250px !important;}
{text-align:center !important;}
.th-left th,
.td-left td,
td.text-left {text-align:left !important;}
.th-center th,
.td-center td,
td.td-center {text-align:center !important;}
.th-right th,
.td-right td,
td.text-right {text-align:right !important;}
.k-state-default.k-autocomplete, .k-state-default.k-picker-wrap, .k-state-default.k-numeric-wrap, .k-state-default.k-dropdown-wrap {height:28px;}
.table-scroll {overflow-x: auto; overflow-y: hidden; padding: 0px !important;}
.table-scroll table { min-width: 800px ; }

/* 검색 */
.search-layout {background:#f5f5f5; padding: 10px;}
.search-layout div {display: inline-block;}




@media (max-width:1200px) {

table.table-detail td {width:100%;}

}

@media (max-width:767px) {
table.table-responsive {font-size:12px;}
.table-scroll table {overflow-y:auto; min-width: 800px; font-size: 0.9em; line-height: 1.4; margin-bottom: 5px !important; }
.table-scroll table.table-450 {min-width: 450px; }
.table-scroll table td,.table-scroll table th { padding: 6px 8px;  }
.table-scroll table.table-responsive.table-text-ss {min-width: 1000px;}
}

.table-responsive tbody tr.gray-row > * {
  background:#f2f2f2; /* td든 th든 모두 적용 */
}