/* @media (min-width: 1365px)
body {
	padding-top: 0px;
	padding-bottom: 30px;
	width: 1280px;
} */

.rg-root .rg-table, .rg-root .rg-table tr, .rg-root .rg-table td {
    position: relative;
    margin: 0 !important;
    /* 0과 다르면 자동 행 계산 시 틀어진다! content div 전에서 설정할 것!*/
    padding: 0 !important;
    /* 0과 다르면 자동 행 계산 시 틀어진다! content div 전에서 설정할 것! */
    border-spacing: 0 !important;
    border-collapse: separate !important;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    box-sizing: border-box !important;
    line-height: 1.5em;
    
    white-space:nowrap;/* 헤더 줄바꿈이 되면서 헤더가 깨지는 현상 fix */
}

.rg-grid {
	border: none;
    border-top : 2px solid #707070;
    border-bottom : 1px solid #707070;
    border-top-left-radius: initial;
    border-top-right-radius: initial;
    z-index: 2;
}

.rg-header {
    text-align: center;
    font-weight: bold;
    color: #272727 !important;
    background: #F8F8FB !important;
}

.rg-header-focus {
  background: #F8F8FB; 
}
.rg-header-select {
  background-color: #F8F8FB; 
}

.rg-header-filtering{
	filter: opacity(0.5) drop-shadow(0 0 0 #1A2F63);
}

.rg-head {
    text-align: center;
    font-weight: bold;
    color: #272727;
    background: #F8F8FB;
}

.rg-header .rg-table tr td {
    font-size: 13px;
    font-family: 'Noto Sans KR', sans-serif;
    color: #272727;
    font-weight: normal;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #cdd0d3;
    border-left: none;
    overflow: hidden;
}

.rg-header .rg-table tr td.rg-header-yellow {
    background: var(--yellow-default) !important;
}

.rg-selection {
  background: rgba(92, 167, 253, 0.2) !important;
  border: 1px solid rgba(92, 167, 253, 0.67);
  /* background: rgba(229, 102, 21, 0.2) !important;
  border: 1px solid rgba(229, 102, 21, 0.67); */
}

/* renderer text-icon (textImage) */
.rg-renderer .rg-renderer__text-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}

.rg-renderer .rg-renderer__text-icon .text-icon__text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.rg-renderer .rg-renderer__text-icon .text-icon__icon {
  cursor: pointer;
}

.rg-renderer .rg-renderer__text-icon .text-icon__icon .material-icons {
  display: block;
  color: var(--primary-default);
  border: 1px solid var(--primary-default);
  border-radius: 0.5rem;
  background-color: var(--gray-light-1);
  font-size: 2rem;
}

/* renderer 버튼 absolute download/search */
.rg-renderer .rg-renderer__abs-btn {
  position: absolute;
  right: 0;
  cursor: pointer;
}

.rg-renderer .rg-renderer__abs-btn.material-icons {
  color: var(--primary-default);
  border: 1px solid var(--primary-default);
  border-radius: 0.5rem;
  background-color: var(--gray-light-1);
  font-size: 2rem;
}

/* renderer 버튼 */
.rg-renderer .rg-renderer__btn-group {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 0.5rem;
}
.rg-renderer .rg-renderer__btn-group .rg-renderer__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border: 1px solid var(--gray-dark-1);
  border-radius: 0.2rem;
}
.rg-renderer .rg-renderer__btn-group .rg-renderer__btn.active {
  border-color: var(--primary-default);
}
.rg-renderer .rg-renderer__btn-group .rg-renderer__btn .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.4rem;
  height: 1.8rem;
  font-size: 1.3rem;
}
.rg-renderer .rg-renderer__btn-group .rg-renderer__btn:not(.active) .btn {
  cursor: auto !important;
  color: var(--gray-dark-1);
}

/* renderer 버튼 absolute alert */
.rg-renderer .rg-renderer__btn-group .rg-renderer__btn .btn-alert__inner {
  display: none;
  overflow: visible;
  position: absolute;
  z-index: 1000;
  top: 100%;
  margin-top: 0.8rem;
  padding: 0.6rem 1.2rem 0.6rem 1.2rem;
  border: 1px solid var(--gray-dark-1);
  background: var(--gray-light-1);
  font-size: 1.2rem;
  color: var(--gray-dark-5);
}

.rg-renderer .rg-renderer__btn-group .rg-renderer__btn .btn-alert__inner.btn-alert__inner-reverse {
  top: auto;
  bottom: 100%;
  margin-top: auto;
  margin-bottom: 0.8rem;
}

.rg-renderer .rg-renderer__btn-group .rg-renderer__btn.list-header__btn-alert .btn-alert__inner {
  display: block;
}

.rg-renderer .rg-renderer__btn-group .rg-renderer__btn .btn-alert__inner .btn-alert__title {
  font-weight: 700;
}

.rg-renderer .rg-renderer__btn-group .rg-renderer__btn .btn-alert__inner .btn-alert__content {
  text-align: left;
  margin-bottom: 1rem;
  line-height: normal;
}

.rg-renderer .rg-renderer__btn-group .rg-renderer__btn .btn-alert__inner .btn-alert__btn-goto {
 /*   font-size: 2.0rem; */
  background: var(--primary-default);
/*   width: 8rem; */
/*   height: 5rem; */
  padding: 0.5rem 0.8rem 0.3rem 0.8rem;
  border-radius: 0.4rem;
  font-weight: 700;
  color: var(--gray-light-1);
/*   margin-top: 1rem; */
  text-align: center; 
  cursor: pointer;
}

.total_stye {
	background-color: rgb(203, 203, 203);
}

.total_stye td {
	background: transparent !important;
	font-weight: bold;
}

.rg-curpo {
  cursor: pointer;
}

/* common.css 의 checkbox 충돌 사항 예외 처리 */
.rg-grid input[type="checkbox"] {
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: normal;
}

/* real grid bootstrap datepicker */
.rg-calendar {
	z-index: 11;
}

.strong-field {
	font-weight: bold;
}

.multiline-editor {
    white-space: pre !important;
}

.rg_write_header {
	background: antiquewhite;
}

.rg-header-summary-renderer-text {
	font-weight: bold;
}