/* =========================
   공통 스타일
========================= */
.tui-grid-content-area {
    font-family: "Pretendard", sans-serif;font-variant-numeric:tabular-nums;
}
/* 헤더 */
.tui-grid-cell-header {
    padding: 0 18px;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    position: relative;
}

/* 바디 */
.tui-grid-cell-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 18px !important;
    font-size: 15px;
    color: #000;
}

/* border */
.tui-grid-border-line-top {
    border-top-color: #4e78ba !important;
}

/* =========================
   스크롤바 스타일
========================= */
.tui-grid-body-area::-webkit-scrollbar-thumb {
    border-radius: 10px;
}

/* =========================
   증감 아이콘 (작은 화살표)
========================= */
.tui-grid-body-area .tui-grid-cell.up .tui-grid-cell-content::before,
.tui-grid-body-area .tui-grid-cell.down .tui-grid-cell-content::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 8px;
    margin-right: 4px;
}

.tui-grid-body-area .tui-grid-cell.up .tui-grid-cell-content::before {
    background: url("/public/assets/images/common/ico-number-up.svg") no-repeat center center/contain;
}

.tui-grid-body-area .tui-grid-cell.down .tui-grid-cell-content::before {
    background: url("/public/assets/images/common/ico-number-down.svg") no-repeat center center/contain;
}

/* =========================
   증감 아이콘2
========================= */

.tui-grid-body-area .tui-grid-cell.up-arr .tui-grid-cell-content::before,
.tui-grid-body-area .tui-grid-cell.down-arr .tui-grid-cell-content::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 8px;
    margin-right: 4px;
}

.tui-grid-body-area .tui-grid-cell.up-arr .tui-grid-cell-content::before {
    background: url("/public/assets/images/common/ico-number-up-arr.svg") no-repeat center center/contain;
}

.tui-grid-body-area .tui-grid-cell.down-arr .tui-grid-cell-content::before {
    background: url("/public/assets/images/common/ico-number-down-arr.svg") no-repeat center center/contain;
}

/* =========================
   첨부파일 아이콘
========================= */
.tui-grid-body-area .tui-grid-cell .file-down {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 15px;
    margin-left: 10px;
    background: no-repeat url("/public/assets/images/sub/ico-file-down.svg") center;
}

.tui-grid-body-area .tui-grid-cell .file-down:first-child {
    margin-left: 0;
}

/* =========================
   헤더 정렬 아이콘 - sort
========================= */
.tui-grid-btn-sorting {
    /*background: transparent;
    background: no-repeat url("/public/assets/images/sub/ico-sorting-up.svg");
    cursor:auto;
    */
	display: inline-block;
	overflow: auto;
	/* margin-left: 8px; */
	/* height: 16px; */
	height: 6px;
	width: 11px;
	background: url(data:image/png;base64,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);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	/* vertical-align: top; */
	float:right;
	cursor: default;
	position: absolute;
	top:0px;
	right:0px;
}

.tui-grid-btn-sorting-up {
    /*background: no-repeat url("/public/assets/images/sub/ico-sorting-up.svg");*/
	position:absolute;
	background-repeat:no-repeat;
	background-position: -91px -63px;

}

.tui-grid-btn-sorting-down {
	/*
    background: no-repeat url("/public/assets/images/sub/ico-sorting-down.svg");
    */
	position:absolute;
	background-repeat:no-repeat;
	background-position: -66px -63px;
	top:1px;
}

/* =========================
   셀 포커스 나갔을 때 border 생겨서 없앰
========================= */
.tui-grid-layer-focus-deactive {
    display: none !important;
}

/* =========================
   헤더 우측에 여백 남는 부분 - 헤더랑 동일한 스타일로 덮음
========================= */
.tui-grid-scrollbar-right-top {
    display: block;
    right: 0px;
    background-color: var(--color-light-blue) !important;
    border-top: var(--border-style-02);
    border-left: 1px solid var(--color-light-blue) !important;
    border-bottom: 0;
    border-right: 0;
}

.tui-grid-scrollbar-right-top::before {
    content: "";
    position: absolute;
    left: -1px;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: var(--color-light-gray);
}
.tui-grid-scrollbar-right-bottom {
    border-color: var(--color-light-gray);
}

/* =========================
   컬럼 고정했을때 구분선
========================= */
.tui-grid-frozen-border {
    background-color: transparent !important;
}
/* =========================
   개발팀 추가
========================= */
/* 링크버튼(left) */
.tui-grid-cell.text-left-pointer{
	cursor: pointer;
	text-align: left !important;
}
/* 링크버튼(right) */
.tui-grid-cell.text-right-pointer{
	cursor: pointer;
	text-align: right !important;
}
/* 링크버튼(center) */
.tui-grid-cell.text-center-pointer{
	cursor: pointer;
	text-align: center !important;
}
/* No Data 그리드 숨기기 */
.tui-grid-layer-state p{
	display: none !important;
}
/* 줄바꿈,여러개 스페이스반영 */
.tui-grid-cell {
	white-space: pre;
}
/* tui 그리드 내 Tooltip */
.tui-grid-cell-tooltip {
    display: none;
    #position: absolute;
    border: 2px solid #3660a3;
    background-color: #fff;
    cursor: default;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px
}