@CHARSET "UTF-8";

/* RealGrid 공통 정렬 초기화 */
.rg-root caption, .rg-root th, .rg-root td{text-align: inherit; !important; }

/* 기존 공통 보조 스타일 */
.blockMsg {font-size: 15px;}
.errInpt{border :1px #fb9a4a solid !important}
.linkKey{text-decoration: underline;cursor: pointer;}
.linkKey:hover {color:#1c4190; text-decoration:underline;cursor: pointer;}

/* 그리드 셀 보조 클래스 */
.rg-root .rg_pointer{cursor: pointer;}
.rg-root .rg_text_red{color:red !important}
.rg_menu_backColor1{background-color: #A4C6EB !important;}
.rg_menu_backColor2{background-color: #C0D8F1 !important;}
.rg_menu_backColor3{background-color: #DDEAF8 !important;}
.rg_menu_backColor4{background-color: #F2F7FC !important;}

/* 헤더 줄바꿈 텍스트: gfn_realGrid2.js setHeaderNm()에서 부여 */
.rg-root .multiline-editor{
  white-space: pre;
  line-height: 12px !important;
}

/* 그리드 전체 폰트 */
.rg-root {
  font-family: "Pretendard GOV", sans-serif !important;
}

/* 그리드 외곽선 */
.rg-grid,
.rg-root.rg-grid,
.rg-root .rg-grid {
  border: 1px solid #d8d8d8 !important;
  box-shadow: none !important;
}

/* 헤더 배경, 글자색, 글자 크기 */
.rg-root .rg-header,
.rg-root .rg-head,
.rg-root .rg-header-group-cell {
  background: #eef2f7 !important;
  color: #1e2124 !important;
  font-size: 12px !important;
}

/* 헤더 텍스트 렌더러 */
.rg-root .rg-header-renderer {
  color: #1e2124 !important;
  font-size: 12px !important;
  line-height: 12px !important;
}

/* 헤더 셀 세로선/가로선 및 줄간격 */
.rg-root .rg-header .rg-table,
.rg-root .rg-header .rg-table tr td,
.rg-root .rg-head .rg-table,
.rg-root .rg-head .rg-table tr td {
  border-right-color: #d8d8d8 !important;
  border-bottom-color: #d8d8d8 !important;
  line-height: 12px !important;
}

/* 헤더 내부 실제 텍스트 span 줄간격 */
.rg-root .rg-header .rg-renderer,
.rg-root .rg-head .rg-renderer,
.rg-root .rg-header-renderer > span,
.rg-root .rg-header .multiline-editor,
.rg-root .rg-head .multiline-editor,
.rg-root [class*="multiline-editor"],
.rg-root [class*="multiline-editor"] * {
  line-height: 12px !important;
}

/* 헤더와 본문 사이 하단 구분선 */
.rg-root .rg-header .rg-table tr:last-child td,
.rg-root .rg-head .rg-table tr:last-child td {
  border-bottom-color: #9ba1bc !important;
}

/* 본문/고정 본문/행번호 영역 글자색과 글자 크기 */
.rg-root .rg-body,
.rg-root .rg-fixed-body,
.rg-root .rg-rowbarcontainer,
.rg-root .rg-body .rg-table tr td,
.rg-root .rg-fixed-body .rg-table tr td,
.rg-root .rg-rowbarcontainer .rg-table tr td,
.rg-root .rg-body .rg-renderer,
.rg-root .rg-fixed-body .rg-renderer {
  color: #464c53 !important;
  font-size: 12px !important;
}

/* 본문 기본 행 배경 */
.rg-root .rg-body,
.rg-root .rg-fixed-body,
.rg-root .rg-data-row,
.rg-root .rg-fixed-body .rg-data-row,
.rg-root .rg-rowbarcontainer,
.rg-root .rg-rowbarcontainer .rg-table tr td {
  background: #fff !important;
  background-color: #fff !important;
}

/* 본문 교차 행 배경 */
.rg-root .rg-alternate-row {
  background: #f7f7f7 !important;
  background-color: #f7f7f7 !important;
}

/* 본문/요약/푸터 전체 라인 색상 */
.rg-root .rg-body .rg-table tr td,
.rg-root .rg-fixed-body .rg-table tr td,
.rg-root .rg-rowbarcontainer .rg-table tr td,
.rg-root .rg-header-summary .rg-table tr td,
.rg-root .rg-fixed-header-summary .rg-table tr td,
.rg-root .rg-sum .rg-table tr td,
.rg-root .rg-footer .rg-table tr td,
.rg-root .rg-fixed-footer .rg-table tr td,
.rg-root .rg-foot .rg-table tr td {
  border-right-color: #d8d8d8 !important;
  border-bottom-color: #d8d8d8 !important;
}

/* 스크롤바 트랙과 모서리 영역 */
.rg-root .rg-scrolltrack,
.rg-root .rg-scrolledge {
  background: #fff !important;
  border: none !important;
}

/* 스크롤바 thumb 기본 모양 */
.rg-root .rg-hscrollbar .rg-scrollthumb,
.rg-root .rg-vscrollbar .rg-scrollthumb {
  background: #8a8d93 !important;
  border: none !important;
  border-radius: 10px !important;
}

/* 스크롤바 thumb 마우스오버 */
.rg-root .rg-hscrollbar .rg-scrollthumb:hover,
.rg-root .rg-vscrollbar .rg-scrollthumb:hover {
  background: #71757c !important;
  border: none !important;
}

/* 스크롤바 화살표 버튼 영역 */
.rg-root .rg-hscrollbar .rg-scroll-left,
.rg-root .rg-hscrollbar .rg-scroll-right,
.rg-root .rg-vscrollbar .rg-scroll-up,
.rg-root .rg-vscrollbar .rg-scroll-down {
  position: relative !important;
  background: transparent !important;
  border: none !important;
}

/* 스크롤바 화살표 공통 삼각형 */
.rg-root .rg-hscrollbar .rg-scroll-left::before,
.rg-root .rg-hscrollbar .rg-scroll-right::before,
.rg-root .rg-vscrollbar .rg-scroll-up::before,
.rg-root .rg-vscrollbar .rg-scroll-down::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
}

/* 스크롤바 왼쪽 화살표 */
.rg-root .rg-hscrollbar .rg-scroll-left::before {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 6px solid #8a8d93;
}

/* 스크롤바 오른쪽 화살표 */
.rg-root .rg-hscrollbar .rg-scroll-right::before {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #8a8d93;
}

/* 스크롤바 위쪽 화살표 */
.rg-root .rg-vscrollbar .rg-scroll-up::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #8a8d93;
}

/* 스크롤바 아래쪽 화살표 */
.rg-root .rg-vscrollbar .rg-scroll-down::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #8a8d93;
}

/* 포커스 행 배경 */
.rg-focused-row{
  background: #fffcd6;
}