@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

/*
  dhtmlx.css 색상 변수 분류
  - 각 변수가 어떤 UI 요소에 사용되는지 주석으로 설명합니다.
  - 가독성 및 유지보수 편의를 위해 기능/컴포넌트별로 그룹화했습니다.
*/
:root {
	/* ==========================================================================
       1. 기본 & 테마 (Base & Theme Colors)
       - 각 변수가 어떤 UI 요소에 사용되는지 주석으로 설명합니다.
       - 가독성 및 유지보수 편의를 위해 기능/컴포넌트별로 그룹화했습니다.
       ========================================================================== */
	--dhx-text: #475569;
	/* slate-600 */
	--dhx-border: #cbd5e1;
	/* slate-300 */
	--dhx-background: #fff;

	--dhx-color-fff: #fff;
	/* 주요 배경, 텍스트(어두운 배경 위) */
	--dhx-color-000: #0f172a;
	/* slate-900: 모달 오버레이 등 */
	--dhx-color-mainTextColor: #1e293b;
	/* slate-800: 기본 텍스트 색상 (가장 많이 사용) */
	--dhx-color-defaultBorder: #e2e8f0;
	/* slate-200: 기본 보더(Border) 색상 */
	--dhx-color-DisabledText: #94a3b8;
	/* slate-400: 비활성화(Disabled) 텍스트 색상 */
	--dhx-color-DisabledComboBack: #f8fafc;
	/* slate-50: 비활성화(Disabled) 콤보박스 배경 */
	--dhx-color-red: #ef4444;
	/* red-500 */

	--dhx-color-white: #fff;
	/* 주요 배경, 텍스트(어두운 배경 위) - 중복 메인 배경*/
	--dhx-color-tabBarBg: #4f46e5;
	/* indigo-600: 메인 테마 색상 (헤더, 활성 버튼, 아이콘 등) 탭바 배경 */
	--dhx-color-layoutHdr: #e0e7ff;
	/* indigo-100: 선택/활성 항목 배경색 (가장 많이 사용) 왼쪽 메뉴 위 메인메뉴 글 배경 및 선택배경*/
	--dhx-color-highlight_text: #f43f5e;
	/* rose-500 */
	--dhx-color-toolbar_text: #f8fafc;
	/* slate-50 */
	--dhx-color-toolbar_background: #4f46e5;
	/* indigo-600 */
	--dhx-color-btnText: #fff;
	--dhx-color-btnBackground: #4f46e5;
	/* indigo-600 */
	--dhx-color-btnHoverText: #fff;
	--dhx-color-btnHoverBackground: #4338ca;
	/* indigo-700 */
	--dhx-color-btnDisText: #babec3;
	/* slate-300 */
	--dhx-color-btnDisBackground: #4f46e5;
	/* #a5b4fc; */
	/* indigo-300 */
	--dhx-color-btnPressText: #fff;
	--dhx-color-btnPressBackground: #3730a3;
	/* indigo-800 */

	--dhx-color-dragBackground: #4f46e5;
	/* indigo-600 */
	--dhx-color-dragBorder: rgba(99, 102, 241, 0.35);
	/* indigo-500 with opacity */

	--dhx-color-hotText: #10b981;
	/* emerald-500 */

	--dhx-color-CalendarText: #c7d2fe;
	/* indigo-200 */
	--dhx-color-CalendarBack: #4f46e5;
	/* indigo-600 */

	--dhx-color-footerBack: #f1f5f9;
	/* slate-100 */

	--dhx-color-topText: #64748b;
	/* slate-500 */
	--dhx-color-ffc4c4: #fecdd3;
	/* rose-200 */

	--dhx-color-lText: #fda4af;
	/* rose-300 */
	--dhx-color-gText: #86efac;
	/* green-300 */
	--dhx-color-bText: #93c5fd;
	/* blue-300 */

	--dhx-color-bg-input: #cbd5e1;
	/* slate-300 */
	--dhx-color-GroupTextColor: #818cf8;
	/* indigo-400 */

	/* ==========================================================================
       2. 그림자 & 투명도 (Shadows & Opacity)
       ========================================================================== */
	--dhx-color-00000000: #00000000;
	/* 투명 (Transparent) */
	--dhx-color-00000040: rgba(15, 23, 42, 0.25);
	/* slate-900 base shadow */
	--dhx-color-00000059: rgba(15, 23, 42, 0.35);
	--dhx-color-7f7f7f59: rgba(100, 116, 139, 0.35);
	/* slate-500 base shadow */

	/* ==========================================================================
       3. 컴포넌트별 색상 (Component-specific Colors)
       ========================================================================== */

	/* ----------------------------------------------------------
       3-1. 캘린더 & 날짜 (Calendar & Date)
       ---------------------------------------------------------- */
	--dhx-color-e3f2fd: #e0e7ff;
	/* indigo-100: 캘린더: 날짜 호버(Hover) 배경 */
	--dhx-color-ffb7b2: #fb7185;
	/* rose-400: 캘린더: 주말/휴일 텍스트 */
	--dhx-color-ffecec: #fff1f2;
	/* rose-50: 캘린더: 주말/휴일 날짜 배경 */
	--dhx-color-fff5f5: #ffe4e6;
	/* rose-100: 캘린더: 주말/휴일 호버(Hover) 배경 */
	--dhx-color-c4c4c4: #cbd5e1;
	/* slate-300: 캘린더: 비활성 날짜 텍스트 */
	--dhx-color-ededed: #f8fafc;
	/* slate-50: 캘린더: 비활성 날짜 배경, 그리드 보더 */

	/* ----------------------------------------------------------
       3-2. 폼 & 입력 컨트롤 (Forms & Inputs)
       ---------------------------------------------------------- */
	--dhx-color-d6d6d6: #e2e8f0;
	/* slate-200: 콤보박스, 입력(input) 보더 */
	--dhx-color-ffb3ba: #fca5a5;
	/* red-300: 유효성 검사(Validation) 실패 보더 */
	--dhx-color-fff1f1: #fef2f2;
	/* red-50: 유효성 검사(Validation) 실패 배경 */
	--dhx-color-f0f0f0: #f1f5f9;
	/* slate-100: 비활성 입력(input) 보더 */

	/* ----------------------------------------------------------
       3-3. 그리드 & 리스트 (Grid & List)
       ---------------------------------------------------------- */
	--dhx-color-d8d8d8: #e2e8f0;
	/* slate-200: 그리드 헤더 배경 */
	--dhx-color-808080: #64748b;
	/* slate-500: 그리드 헤더 보더 */
	--dhx-color-d6eaf8: #f1f5f9;
	/* slate-100: 그리드: 행(row) 호버(Hover) 배경 */
	--dhx-color-0d47a1: #4f46e5;
	/* indigo-600: 그리드: 블록 선택(selection) 배경, 정보 메시지 배경 */
	--dhx-color-fff9c4: #fef9c3;
	/* yellow-100: 데이터뷰: 드래그 오버(Drag Over) 배경 */

	/* ----------------------------------------------------------
       3-4. 메뉴, 툴바, 탭바 (Menu, Toolbar, Tabbar)
       ---------------------------------------------------------- */
	--dhx-color-f4f4f4: #f8fafc;
	/* slate-50: 메뉴/툴바/팝업/레이아웃 헤더/상태바 배경 */
	--dhx-color-c1c1c1: #cbd5e1;
	/* slate-300: 메뉴: 구분선(separator) */
	--dhx-color-8fb9d0: #c7d2fe;
	/* indigo-200: 탭바: 비활성 탭 배경 */

	/* ----------------------------------------------------------
       3-5. 창, 팝업, 툴팁 (Windows, Popups, Tooltips)
       ---------------------------------------------------------- */
	--dhx-color-bfbfbf: #94a3b8;
	/* slate-400: 비활성 창(window) 텍스트 */
	--dhx-color-d1d1d1: #e2e8f0;
	/* slate-200: 팝업: 구분선(separator), 버튼 보더 */
	--dhx-color-626262: #475569;
	/* slate-600: 툴팁: 텍스트 */
	--dhx-color-efefef: #f1f5f9;
	/* slate-100: 툴팁: 배경 그라데이션 */
	--dhx-color-d9d9d9: #e2e8f0;
	/* slate-200: 툴팁: 그림자 */

	/* ----------------------------------------------------------
       3-6. 차트 (Charts)
       ---------------------------------------------------------- */
	--dhx-color-6d6d6d: #64748b;
	/* slate-500: 차트: 축(axis) 텍스트 */
	--dhx-color-aaa: #94a3b8;
	/* slate-400: 차트: 숨겨진 범례(legend) 텍스트 */

	/* ==========================================================================
       4. 기타 그레이스케일 및 보조 색상 (Misc Grayscale & Accent Colors)
       - 특정 컴포넌트에 종속되지 않거나, 용도가 매우 제한적인 색상들
       ========================================================================== */
	--dhx-color-1a1a1a: #0f172a;
	/* slate-900 */
	--dhx-color-2c2c2c: #1e293b;
	/* slate-800 */
	--dhx-color-444: #334155;
	/* slate-700 */
	--dhx-color-484848: #475569;
	/* slate-600 */
	--dhx-color-5a5a5a33: rgba(71, 85, 105, 0.2);
	--dhx-color-5c7080: #64748b;
	/* slate-500 */
	--dhx-color-778899: #64748b;
	--dhx-color-7b7b7b: #64748b;
	--dhx-color-919191: #64748b;
	--dhx-color-9e9e9e: #64748b;
	--dhx-color-ffb3baef: rgba(253, 164, 175, 0.94);
	--dhx-color-a6a6a6: #94a3b8;
	/* slate-400 */
	--dhx-color-aed9e0: #c7d2fe;
	/* indigo-200 */
	--dhx-color-b0b0b0: #cbd5e1;
	/* slate-300 */
	--dhx-color-b3b3b3: #cbd5e1;
	--dhx-color-b4b4b4: #cbd5e1;
	--dhx-color-bcbcbc: #cbd5e1;
	--dhx-color-bfcad0: #cbd5e1;
	--dhx-color-c0c0c0: #cbd5e1;
	--dhx-color-c3c3c3: #cbd5e1;
	--dhx-color-cccccc: #cbd5e1;
	--dhx-color-d3d3d3: #e2e8f0;
	/* slate-200 */
	--dhx-color-d4e1e9: #e2e8f0;
	--dhx-color-d5d5d5: #e2e8f0;
	--dhx-color-dedede: #e2e8f0;
	--dhx-color-e5e5e5: #f1f5f9;
	/* slate-100 */
	--dhx-color-e5eff1: #f1f5f9;
	--dhx-color-e8e8e8: #f1f5f9;
	--dhx-color-eaeaea: #f1f5f9;
	--dhx-color-ececec: #f1f5f9;
	--dhx-color-f2f2f2: #f8fafc;
	/* slate-50 */
	--dhx-color-f3e5ab: #fef3c7;
	/* amber-100 */
	--dhx-color-f6f6f6: #fff;
	--dhx-color-ffdac1: #ffedd5;
	/* orange-100 */
	--dhx-color-b4d8e7: #c7d2fe;
	/* indigo-200 */
	--dhx-color-bbd9ee: #c7d2fe;
	--dhx-color-e1f5fe: #f0f2ff;
	/* indigo-50 */
	--dhx-color-ebf5fb: #f0f2ff;

	/* ==========================================================================
       5. 아이콘 및 이름이 명확한 변수 (Icons & Well-named variables)
       ========================================================================== */
	--dhx-color-bg-container: #f8fafc;
	/* slate-50 */
	--dhx-color-bg-combo: #f1f5f9;
	/* slate-100 */
	--dhx-color-bg-input-number: #f0fdf4;
	/* green-50 */
	--dhx-color-bg-input-multiline: #f1f5f9;
	/* slate-100 */
	--dhx-color-bg-calendar: #e0e7ff;
	/* indigo-100 */
	--dhx-color-bg-datecell: #fefce8;
	/* yellow-50 */
	--dhx-color-bg-location: #f8fafc;
	--dhx-color-bg-multiline-append: #e2e8f0;
	--dhx-color-bg-telinput: #e2e8f0;

	--dhx-icon-container: fa-solid fa-box-open;
	--dhx-icon-combo: fa-solid fa-diagram-next;
	--dhx-icon-input-num: fa-solid fa-arrow-up-1-9;
	--dhx-icon-input-txt: fa-regular fa-keyboard;
	--dhx-icon-calendar: fa-solid fa-calendar-days;
	--dhx-icon-multiInput: fa-solid fa-layer-group;
	--dhx-icon-month: fa-solid fa-calendar;
	--dhx-icon-time: fa-solid fa-clock;
	--dhx-icon-location: fa-solid fa-location-dot;
	--dhx-icon-default: fa-solid fa-ban;
	--dhx-icon-telinput: fa-solid fa-phone-volume;
}

.vault-layout,
.vault-file-grid,
.vault {
	background: var(--dhx-color-white);
	color: var(--dhx-text);
}

.dhx_cell.layout_y.vault-layout.dhx_widget {
	/* border: 1px solid var(--dhx-color-btnPressBackground); */
	/* 점선 테두리 설정 */
	border: 1px dashed var(--dhx-color-btnPressBackground);

	/* 모서리 라운딩 */
	border-radius: 7px;

	/* 내부 여백 및 정렬 */
	padding: 5px;
	color: var(--dhx-text);

	text-align: center;
	background-color: var(--dhx-color-white);

	/* 마우스 커서 변경 및 부드러운 전환 효과 */
	cursor: pointer;
	transition: all 0.3s ease;
	/* background: var(--dhx-color-white); */
}

/* background-color:var(--dhx-color-layoutHdr) 연;color:var(--dhx-color-tabBarBg);진 dbd5c3*/
.dhtmlxcalendar_dhx_web {
	position: absolute;
	display: block;
	background-color: var(--dhx-color-white);
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
}

.dhtmlxcalendar_dhx_web.dhtmlxcalendar_in_input {
	box-shadow: 0 0 6px var(--dhx-color-00000040);
}

.dhtmlxcalendar_ifr {
	position: absolute;
	overflow: hidden;
	background-color: var(--dhx-color-white);
}

.dhtmlxcalendar_dhx_web ul.dhtmlxcalendar_line {
	position: relative;
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 225px;
}

.dhtmlxcalendar_dhx_web ul.dhtmlxcalendar_line li {
	float: left;
	position: relative;
	list-style-type: none;
	list-style-image: none;
	text-align: center;
	vertical-align: middle;
	cursor: default;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

/****************************************************************************************************************************************************************************************************************/
/* months header */
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont {
	position: relative;
	display: block;
	width: 227px;
	height: 27px;
	margin: 0px;
	background-color: var(--dhx-color-CalendarBack);
	overflow: hidden;
	color: var(--dhx-color-CalendarText);
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr {
	width: 227px;
	height: 27px;
	line-height: 27px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow {
	position: absolute;
	top: 0px;
	width: 18px;
	height: 27px;
	/* color:inherit; */
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 10px;
	line-height: 27px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left {
	left: 4px;
	opacity: 0.8;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left::before,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover::before {
	content: "\f104";
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover {
	left: 4px;
	opacity: .5;
	cursor: pointer;
	color: var(--dhx-color-toolbar_text);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right {
	right: 4px;
	opacity: 0.8;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right::before,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover::before {
	content: "\f105";
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
	right: 4px;
	opacity: .5;
	cursor: pointer;
	color: var(--dhx-color-toolbar_text);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_month,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_year {
	position: relative;
	font-weight: bold;
	color: inherit;
	cursor: pointer;
	color: var(--dhx-color-toolbar_text);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
	display: none;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
	float: right;
	margin-right: 8px;
	cursor: pointer;
	color: var(--dhx-color-toolbar_text);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
	float: right;
	margin-right: 74px;
	cursor: pointer;
	color: var(--dhx-color-toolbar_text);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
	float: right;
	margin-right: 8px;
	cursor: pointer;
	color: var(--dhx-color-toolbar_text);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
	float: right;
	margin-right: 11px;
	cursor: pointer;
	color: var(--dhx-color-toolbar_text);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont {
	position: relative;
	display: block;
	width: 225px;
	margin: 0px;
	border-left: 1px solid var(--dhx-color-defaultBorder);
	border-right: 1px solid var(--dhx-color-defaultBorder);
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text;
	overflow: hidden;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line {
	height: 23px;
	background-color: var(--dhx-color-f4f4f4);
	border-bottom: 1px solid var(--dhx-color-tabBarBg);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li {
	color: var(--dhx-color-mainTextColor);
	width: 31px;
	height: 23px;
	line-height: 23px;
	border-left: 1px solid var(--dhx-color-d5d5d5);
	background-color: var(--dhx-color-f4f4f4);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first {
	border-left: 1px solid var(--dhx-color-f4f4f4);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell {
	color: var(--dhx-color-ffb7b2);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell_first {
	color: var(--dhx-color-ffb7b2);
	border-left: 1px solid var(--dhx-color-f4f4f4);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont {
	position: relative;
	display: block;
	width: 225px;
	margin: 0px;
	padding-bottom: 1px;
	border-left: 1px solid var(--dhx-color-defaultBorder);
	border-right: 1px solid var(--dhx-color-defaultBorder);
	border-bottom: 1px solid var(--dhx-color-defaultBorder);
	background-color: var(--dhx-color-white);
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	overflow: hidden;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line {
	border-top: 1px solid var(--dhx-color-white);
	margin-left: 1px;
	margin-right: 1px;
	height: 26px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li {
	color: var(--dhx-color-9e9e9e);
	width: 31px;
	height: 26px;
	line-height: 26px;
	margin-right: 1px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label {
	width: 100%;
	height: 100%;
	text-align: center;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend {
	background-color: var(--dhx-color-d6d6d6);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_dis {
	color: var(--dhx-color-c4c4c4);
	background-color: var(--dhx-color-ededed);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday {
	color: var(--dhx-color-ffb7b2);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday {
	color: var(--dhx-color-ffb7b2);
	background-color: var(--dhx-color-d6d6d6);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_dis {
	color: var(--dhx-color-ffb7b2);
	background-color: var(--dhx-color-ededed);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_hover,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_hover,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_hover,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_hover {
	background-color: var(--dhx-color-d6d6d6);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_hover,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_hover,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_hover,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_hover {
	color: var(--dhx-color-ffb7b2);
	background-color: var(--dhx-color-d6d6d6);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month {
	color: var(--dhx-color-mainTextColor);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend {
	color: var(--dhx-color-ffb7b2);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date {
	color: var(--dhx-color-mainTextColor);
	background-color: var(--dhx-color-layoutHdr);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend {
	color: var(--dhx-color-ffb7b2);
	background-color: var(--dhx-color-ffecec);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_dis {
	color: var(--dhx-color-c4c4c4);
	background-color: var(--dhx-color-ededed);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday {
	color: var(--dhx-color-ffb7b2);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday {
	color: var(--dhx-color-ffb7b2);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday {
	color: var(--dhx-color-ffb7b2);
	background-color: var(--dhx-color-ffecec);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday {
	color: var(--dhx-color-ffb7b2);
	background-color: var(--dhx-color-ffecec);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_dis,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_dis {
	color: var(--dhx-color-ffb7b2);
	background-color: var(--dhx-color-ededed);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_hover {
	color: var(--dhx-color-mainTextColor);
	background-color: var(--dhx-color-e3f2fd);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_hover {
	color: var(--dhx-color-ffb7b2);
	background-color: var(--dhx-color-fff5f5);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_hover {
	color: var(--dhx-color-mainTextColor);
	background-color: var(--dhx-color-layoutHdr);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_hover {
	color: var(--dhx-color-ffb7b2);
	background-color: var(--dhx-color-ffecec);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_hover {
	color: var(--dhx-color-ffb7b2);
	background-color: var(--dhx-color-fff5f5);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_hover {
	color: var(--dhx-color-ffb7b2);
	background-color: var(--dhx-color-fff5f5);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_hover {
	color: var(--dhx-color-ffb7b2);
	background-color: var(--dhx-color-ffecec);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_hover {
	color: var(--dhx-color-ffb7b2);
	background-color: var(--dhx-color-ffecec);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line div.dhtmlxcalendar_label.dhtmlxcalendar_label_title {
	position: relative;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line div.dhtmlxcalendar_label.dhtmlxcalendar_label_title::after {
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-size: 5px;
	position: absolute;
	top: 2px;
	right: 2px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont {
	position: relative;
	display: block;
	width: 227px;
	height: 27px;
	margin-top: -1px;
	background-color: var(--dhx-color-CalendarBack);
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	color: var(--dhx-color-CalendarText);
	overflow: hidden;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li {
	width: 227px;
	height: 27px;
	line-height: 25px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
	text-align: left;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
	position: absolute;
	left: 11px;
	top: 7px;
	width: 13px;
	height: 13px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f017";
	font-size: 13px;
	line-height: 13px;
	color: inherit;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
	margin-left: 30px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
	left: 75px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
	text-align: center;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
	margin-left: 0px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_img,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_minutes,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_colon {
	display: none;
}

.dhtmlxcalendar_dhx_web span.dhtmlxcalendar_label_colon {
	padding: 0px 4px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_cover {
	position: absolute;
	left: 1px;
	background-color: var(--dhx-color-white);
	opacity: 0.5;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj {
	position: absolute;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow {
	position: absolute;
	bottom: auto;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 9px;
	overflow: hidden;
	text-align: center;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0d8";
	font-size: 12px;
	color: var(--dhx-color-defaultBorder);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table {
	border: 1px solid var(--dhx-color-defaultBorder);
	background-color: var(--dhx-color-white);
	border-top: none;
	margin-top: 9px;
	box-shadow: 0 0 3px var(--dhx-color-00000059);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left {
	width: 17px;
	text-align: center;
	border-top: var(--dhx-color-white) 1px solid;
	padding: 0px;
	margin: 0px;
	background-color: var(--dhx-color-ededed);
	cursor: default;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f104";
	font-size: 12px;
	color: var(--dhx-color-5c7080);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle {
	border-top: 1px solid var(--dhx-color-white);
	border-width: 1px 0px 0px 0px;
	cursor: default;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
	width: 17px;
	text-align: center;
	border-top: 1px solid var(--dhx-color-white);
	border-width: 1px 0px 0px 0px;
	background-color: var(--dhx-color-ededed);
	cursor: default;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	font-size: 12px;
	color: var(--dhx-color-5c7080);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul {
	display: block;
	clear: both;
	margin: 0px 0px 0px 1px;
	padding: 0px;
	overflow: hidden;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li {
	float: left;
	list-style-type: none;
	list-style-image: none;
	text-align: center;
	vertical-align: middle;
	margin: 0px 1px 0px 0px;
	padding: 0px;
	background-color: var(--dhx-color-ededed);
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: default;
	font-family: "Pretendard", Tahoma;
	font-size: 11px;
	color: var(--dhx-color-mainTextColor);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_active {
	background-color: var(--dhx-color-layoutHdr);
	color: var(--dhx-color-mainTextColor);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_hover {
	background-color: var(--dhx-color-e3f2fd);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
	display: none;
	width: 0px;
	border: 0px solid var(--dhx-color-white);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
	height: 24px;
	border-top: none;
	border-bottom: 1px solid var(--dhx-color-white);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
	width: 35px;
	height: 24px;
	line-height: 24px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
	top: auto;
	bottom: 0px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow::before,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow::before,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0d7";
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
	height: 22px;
	border-top: none;
	border-bottom: 1px solid var(--dhx-color-white);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
	width: 24px;
	height: 22px;
	line-height: 22px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
	display: none;
	width: 0px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table {
	margin-top: 0px;
	margin-bottom: 9px;
	border-top: 1px solid var(--dhx-color-defaultBorder);
	border-bottom: none;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours2,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes4,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes5 {
	display: none;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_year div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes4,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes5 {
	display: block;
}

.dhtmlxcalendar_dhx_web span.dhtmlxcalendar_label_minutes span.dhtmlxcalendar_selected_date {
	border-bottom: 1px solid var(--dhx-color-ffb3ba);
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
	display: none;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
	width: 27px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
	width: 27px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first,
.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
	width: 27px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
	display: block;
	width: 27px;
	color: var(--dhx-color-tabBarBg);
	background-color: var(--dhx-color-f4f4f4);
	border-left: 1px solid var(--dhx-color-f4f4f4);
	border-right: 1px solid var(--dhx-color-d5d5d5);
	margin-right: 0px;
}

.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
	display: block;
	width: 27px;
	color: var(--dhx-color-tabBarBg);
	background-color: var(--dhx-color-f4f4f4);
}

div.dhtmlxcalendar_skin_detect {
	position: absolute;
	display: block;
	visibility: hidden;
	left: -100px;
	top: 0px;
	width: 20px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	border: none;
	overflow: hidden;
}

div.dhxcombo_dhx_web {
	position: relative;
	border: 1px solid var(--dhx-color-d6d6d6);
	vertical-align: middle;
	background-color: var(--dhx-color-white);
	overflow: hidden;
	font-size: 1px;
	height: 22px;
	-webkit-tap-highlight-color: var(--dhx-color-00000000);
	border-radius: var(--dhx-radius);
	/* button */
	/* top image */
}

div.dhxcombo_dhx_web input.dhxcombo_input {
	position: absolute;
	left: 1px;
	top: 0px;
	height: 22px;
	line-height: 21px;
	height: 20px;
	/* ie6,ie7 */
	border: 0px solid var(--dhx-color-white);
	outline: 0px solid var(--dhx-color-white);
	padding: 0px;
	margin: 0px 0px 0px 4px;
	font-family: "Pretendard", Tahoma;
	font-size: 11px;
	color: var(--dhx-color-mainTextColor);
	vertical-align: top;
	width: 100%;
}

div.dhxcombo_dhx_web input.dhxcombo_input::-ms-clear {
	display: none;
}

div.dhxcombo_dhx_web div.dhxcombo_select_button {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 2px;
	right: 2px;
	font-size: 1px;
	background-color: var(--dhx-color-tabBarBg);
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	overflow: hidden;
}

div.dhxcombo_dhx_web div.dhxcombo_select_button div.dhxcombo_select_img {
	position: relative;
	width: 100%;
	height: 100%;
}

div.dhxcombo_dhx_web div.dhxcombo_select_button div.dhxcombo_select_img::before {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 18px;
	font-size: 11px;
	color: var(--dhx-color-white);
}

div.dhxcombo_dhx_web div.dhxcombo_top_image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 26px;
	height: 22px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	overflow: hidden;
	cursor: default;
}

div.dhxcombo_dhx_web div.dhxcombo_top_image div.dhxcombo_image {
	top: 0px;
}

/* options list */
div.dhxcombolist_dhx_web {
	position: absolute;
	border: 1px solid var(--dhx-color-white);
	border: 1px solid var(--dhx-color-cccccc);
	box-shadow: 0px 3px 6px var(--dhx-color-00000059);
	background-color: var(--dhx-color-f4f4f4);
	/*background-color:var(--dhx-color-white);*/
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	overflow-x: none;
	overflow-y: auto;
	-webkit-tap-highlight-color: var(--dhx-color-00000000);
	/* checkbox modif */
	/* image modif */
}

div.dhxcombolist_dhx_web div.dhxcombo_option {
	position: relative;
	font-size: inherit;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	height: 24px;
	line-height: 23px;
	vertical-align: middle;
	overflow: hidden;
	cursor: default;
}

div.dhxcombolist_dhx_web div.dhxcombo_option.dhxcombo_option_selected {
	background-color: var(--dhx-color-layoutHdr);
}

div.dhxcombolist_dhx_web div.dhxcombo_option.dhxcombo_option_selected .dhxcombo_option_text {
	color: var(--dhx-color-mainTextColor);
}

div.dhxcombolist_dhx_web div.dhxcombo_option div.dhxcombo_option_text {
	position: relative;
	padding: 0px 4px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	white-space: nowrap;
}

div.dhxcombolist_dhx_web div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_chbx {
	position: relative;
	padding: 0px 4px 0px 4px;
	margin-left: 20px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	white-space: nowrap;
}

div.dhxcombolist_dhx_web div.dhxcombo_option div.dhxcombo_checkbox {
	position: absolute;
	left: 2px;
	top: 3px;
	width: 18px;
	height: 18px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	overflow: hidden;
	cursor: default;
	font-family: "Font Awesome 5 Free";
	text-align: center;
	line-height: 18px;
	font-size: 14px;
}

div.dhxcombolist_dhx_web div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_0::before {
	content: "\f0c8";
	font-weight: 400;
}

div.dhxcombolist_dhx_web div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_1::before {
	content: "\f14a";
	font-weight: 900;
}

div.dhxcombolist_dhx_web div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_image {
	position: relative;
	padding: 0px 4px 0px 4px;
	margin-left: 20px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	white-space: nowrap;
}

div.dhxcombolist_dhx_web div.dhxcombo_option div.dhxcombo_image {
	top: 3px;
}

div.dhxcombo_dhx_web div.dhxcombo_top_image div.dhxcombo_image,
div.dhxcombolist_dhx_web div.dhxcombo_option div.dhxcombo_image {
	position: absolute;
	left: 3px;
	top: 2px;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	cursor: default;
}

/* disabled */
div.dhxcombo_dhx_web.dhxcombo_disabled {
	background-color: var(--dhx-color-DisabledComboBack);
}

div.dhxcombo_dhx_web.dhxcombo_disabled input.dhxcombo_input {
	color: var(--dhx-color-DisabledText);
	background-color: var(--dhx-color-DisabledComboBack);
}

div.dhxcombo_dhx_web.dhxcombo_disabled div.dhxcombo_select_button {
	background-color: var(--dhx-color-a6a6a6);
	cursor: default;
}

div.dhxcombo_dhx_web.dhxcombo_disabled div.dhxcombo_select_button div.dhxcombo_select_img::before {
	color: var(--dhx-color-white);
}

/* multicolumn */
div.dhxcombolist_dhx_web.dhxcombolist_hdr {
	height: 27px;
	line-height: 27px;
	border-color: var(--dhx-color-eaeaea);
	border-bottom: 1px solid var(--dhx-color-tabBarBg);
	box-shadow: none;
}

div.dhxcombolist_dhx_web.dhxcombolist_hdr div.dhxcombo_hdrtext {
	position: relative;
	padding: 0px;
	white-space: nowrap;
	cursor: default;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div.dhxcombolist_dhx_web.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell,
div.dhxcombolist_dhx_web.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_first {
	float: left;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	z-index: 2;
	border-left: 1px solid var(--dhx-color-eaeaea);
	padding: 0px;
	margin: 0px;
}

div.dhxcombolist_dhx_web.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_first,
div.dhxcombolist_dhx_web.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell:first-child {
	border-left-width: 0px;
}

div.dhxcombolist_dhx_web.dhxcombolist_multicolumn {
	border-top-width: 0px;
}

div.dhxcombolist_dhx_web.dhxcombolist_multicolumn div.dhxcombo_option {
	height: 24px;
	line-height: 24px;
	margin-top: -1px;
	z-index: 0;
	border-top: 1px solid var(--dhx-color-ededed);
	border-bottom: 1px solid var(--dhx-color-ededed);
	background-color: var(--dhx-color-white);
}

div.dhxcombolist_dhx_web.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_option_text {
	padding: 0px;
}

div.dhxcombolist_dhx_web.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell,
div.dhxcombolist_dhx_web.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_first {
	float: left;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	border-left: 1px solid var(--dhx-color-ededed);
	padding: 0px;
	margin: 0px;
}

div.dhxcombolist_dhx_web.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_first,
div.dhxcombolist_dhx_web.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell:first-child {
	border-left-width: 0px;
}

div.dhxcombolist_dhx_web.dhxcombolist_multicolumn div.dhxcombo_option.dhxcombo_option_selected {
	z-index: 1;
	background-color: var(--dhx-color-layoutHdr);
	border-top-color: var(--dhx-color-layoutHdr);
	border-bottom-color: var(--dhx-color-layoutHdr);
}

div.dhxcombolist_dhx_web.dhxcombolist_multicolumn div.dhxcombo_option.dhxcombo_option_selected div.dhxcombo_cell {
	border-left-color: var(--dhx-color-layoutHdr);
	color: var(--dhx-color-mainTextColor);
}

div.dhxcombolist_dhx_web.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_text,
div.dhxcombolist_dhx_web.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_text {
	position: relative;
	margin: 0px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: auto;
}

div.dhxcombo_in_grid_parent {
	position: relative;
	height: 100%;
	top: 0px;
}

div.dhxcombo_in_grid_parent div.dhxcombo_dhx_web {
	position: absolute;
	top: 3px;
	left: 0px;
	border-color: var(--dhx-color-layoutHdr);
}

div.dhxcombo_in_grid_parent input.dhxcombo_input {
	border-left: 2px solid var(--dhx-color-white);
	font-family: "Pretendard", Arial;
	font-size: 12px;
}

.dhxgrid_combo_icon {
	position: absolute;
	z-index: 1;
	top: 0px;
	right: 0px;
}

/* skin detect */
.dhxcombo_skin_detect {
	position: absolute;
	left: 0px;
	top: -100px;
	margin: 0;
	padding: 0;
	border: 0px solid var(--dhx-color-white);
	width: 20px;
	/* 20 for web */
	height: 10px;
	overflow: hidden;
}

.dhxcolorpicker_skin_detect {
	position: absolute;
	left: 0px;
	top: -100px;
	margin: 0;
	padding: 0;
	border: 0px solid var(--dhx-color-white);
	width: 20px;
	/* 20 for web */
	height: 10px;
	overflow: hidden;
}

.dhtmlxcp_dhx_web .dhxcp_g_area {
	position: absolute;
	width: 254px;
	height: 272px;
	border: 1px solid var(--dhx-color-white);
	background-color: var(--dhx-color-f4f4f4);
	box-shadow: 0px 0px 5px 2px var(--dhx-color-d7d7d7);
	border-radius: 0px;
}

.dhtmlxcp_dhx_web .dhxcp_add_memory {
	height: 317px !important;
}

.dhtmlxcp_dhx_web .dhxcp_sub_area {
	margin: 1px;
	width: 252px;
	height: 270px;
	background-color: var(--dhx-color-f4f4f4);
	border-radius: 0px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.dhtmlxcp_dhx_web .dhxcp_add_memory .dhxcp_sub_area {
	height: 229px !important;
}

.dhtmlxcp_dhx_web .dhxcp_g_color_area {
	padding: 10px;
	width: 232px;
	height: 122px;
	margin: 0px;
}

.dhtmlxcp_dhx_web .dhxcp_color_selector {
	position: absolute;
	width: 210px;
	height: 120px;
	background-image: url("imgs/dhxcp_web/dhxcp_colors.png");
	background-repeat: no-repeat;
	border: 1px solid var(--dhx-color-ececec);
	cursor: pointer;
	float: left;
}

.dhtmlxcp_dhx_web .dhxcp_contrast_area {
	border: 1px solid var(--dhx-color-ececec);
	position: relative;
	height: 120px;
	width: 10px;
	cursor: pointer;
	float: right;
}

.dhtmlxcp_dhx_web .dhxcp_ie_gradient {
	height: 120px;
	width: 10px;
	margin: 0px;
}

.dhtmlxcp_dhx_web .dhxcp_color_selector .dhxcp_v_line {
	position: absolute;
	width: 0px;
	height: 120px;
	border-left: 1px solid var(--dhx-color-white);
	cursor: pointer;
	overflow: hidden;
}

.dhtmlxcp_dhx_web .dhxcp_color_selector .dhxcp_h_line,
.dhtmlxcp_dhx_web .dhxcp_contrast_area .dhxcp_h_line {
	position: absolute;
	height: 0px;
	border-top: 1px solid var(--dhx-color-white);
	cursor: pointer;
	overflow: hidden;
}

.dhtmlxcp_dhx_web .dhxcp_color_selector .dhxcp_h_line {
	width: 210px;
}

.dhtmlxcp_dhx_web .dhxcp_contrast_area .dhxcp_h_line {
	width: 10px;
}

.dhtmlxcp_dhx_web .dhxcp_g_input_area {
	padding: 0px 10px;
	width: 232px;
	height: 78px;
	margin: 0px;
}

.dhtmlxcp_dhx_web .dhxcp_value_cont {
	width: 66px;
	height: 78px;
	float: left;
}

.dhtmlxcp_dhx_web .dhxcp_value_color {
	width: 62px;
	height: 30px;
	border: 1px solid var(--dhx-color-ececec);
}

.dhtmlxcp_dhx_web .dhxcp_value {
	width: 58px;
	height: 20px;
	border: 1px solid var(--dhx-color-ececec);
	border-radius: 0px;
	background-color: var(--dhx-color-white);
	margin: 5px 0px 0px 0px;
	padding: 1px 2px;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	text-align: left;
}

.dhtmlxcp_dhx_web .dhxcp_inputs_cont {
	border: none;
	border-spacing: 0px;
	width: 160px;
	height: 78px;
	float: right;
}

.dhtmlxcp_dhx_web .dhxcp_label_hsl,
.dhtmlxcp_dhx_web .dhxcp_label_rgb {
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	text-align: right;
	padding: 0px 3px 0px 0px;
}

.dhtmlxcp_dhx_web td.dhxcp_input_hsl,
.dhtmlxcp_dhx_web td.dhxcp_input_rgb {
	width: 27px;
	border: none;
	padding: 0px;
	margin: 0px;
}

.dhtmlxcp_dhx_web input.dhxcp_input_hsl,
.dhtmlxcp_dhx_web input.dhxcp_input_rgb {
	width: 25px;
	height: 18px;
	border: 1px solid var(--dhx-color-ececec);
	border-radius: 0px;
	background-color: var(--dhx-color-white);
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	text-align: right;
	padding: 1px;
	margin: 2px 0px;
}

.dhtmlxcp_dhx_web .dhxcp_g_memory_area {
	width: 232px;
	height: 0px;
	overflow: hidden;
	border: 1px solid var(--dhx-color-ececec);
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin: 10px;
}

.dhtmlxcp_dhx_web .dhxcp_memory_button_cont {
	width: 232px;
	margin: 0px;
	height: 24px;
}

.dhtmlxcp_dhx_web .dhxcp_buttons_area button,
.dhtmlxcp_dhx_web .dhxcp_memory_button_cont button {
	outline: none;
	border-radius: 0px;
	background-color: var(--dhx-color-tabBarBg);
	border: 1px solid var(--dhx-color-f4f4f4);
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-white);
}

.dhtmlxcp_dhx_web .dhxcp_buttons_area button:hover,
.dhtmlxcp_dhx_web .dhxcp_memory_button_cont button:hover {
	background-color: var(--dhx-color-layoutHdr);
}

.dhtmlxcp_dhx_web .dhxcp_buttons_area button:active,
.dhtmlxcp_dhx_web .dhxcp_memory_button_cont button:active {
	background-color: var(--dhx-color-layoutHdr);
}

.dhtmlxcp_dhx_web .dhxcp_save_to_memory {
	width: 232px;
	height: 24px;
}

.dhtmlxcp_dhx_web .dhxcp_save_to_memory .dhxcp_label_bm {
	display: inherit;
	width: 90px;
}

.dhtmlxcp_dhx_web .dhxcp_memory_els_cont {
	width: 232px;
	height: 25px;
	margin-top: 3px;
	text-align: center;
}

.dhtmlxcp_dhx_web .dhxcp_memory_el {
	width: 24px;
	height: 24px;
	background-color: var(--dhx-color-white);
	border: 1px solid var(--dhx-color-ececec);
	display: inline-block;
	margin: 0px 1px;
}

.dhtmlxcp_dhx_web .dhxcp_memory_el_select {
	border: 1px dashed var(--dhx-color-mainTextColor) !important;
}

.dhtmlxcp_dhx_web .dhxcp_memory_el_next {
	border: 1px dashed var(--dhx-color-ffb3ba) !important;
}

.dhtmlxcp_dhx_web .dhxcp_add_memory .dhxcp_g_memory_area {
	height: 55px !important;
	border-top: none !important;
	margin: 5px 10px 5px 10px;
}

.dhtmlxcp_dhx_web .dhxcp_buttons_area {
	padding: 0px 10px;
	width: 232px;
	height: 26px;
	text-align: right;
	margin: 0px;
}

.dhtmlxcp_dhx_web .dhx_button_save,
.dhtmlxcp_dhx_web .dhx_button_cancel {
	line-height: 12px;
	height: 25px;
	margin: 0 2px;
	padding: 2px 10px;
	overflow: hidden;
	white-space: nowrap;
}

.dhxcp_colorBox {
	float: right;
}

.dhxcp_colorInput {
	float: left;
}

.dhxcp_frm {
	background-color: var(--dhx-color-white);
	opacity: 0;
	position: absolute;
	width: 256px;
	height: 274px;
}

div.dhx_popup_skin_detect {
	position: absolute;
	display: block;
	visibility: hidden;
	left: -100px;
	top: 0px;
	width: 20px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	border: none;
	overflow: hidden;
}

div.dhx_popup_dhx_web {
	-webkit-tap-highlight-color: var(--dhx-color-00000000);
	position: absolute;
	/* offsets for IE */
	/* arrow image */
}

div.dhx_popup_dhx_web div.dhx_popup_area {
	position: relative;
	margin: 10px;
	padding: 3px 0px;
	border: 1px solid var(--dhx-color-white);
	box-shadow: 0px 0px 6px var(--dhx-color-00000059);
	border: 1px solid var(--dhx-color-c6c6c6);
	background-color: var(--dhx-color-f4f4f4);
}

div.dhx_popup_dhx_web div.dhx_popup_area td.dhx_popup_td {
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	text-align: left;
	vertical-align: middle;
	padding: 0px 10px;
	height: 24px;
	line-height: 24px;
	white-space: nowrap;
	cursor: default;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div.dhx_popup_dhx_web div.dhx_popup_area td.dhx_popup_td div.dhtmlxcalendar_dhx_web {
	position: relative;
	float: left;
}

div.dhx_popup_dhx_web div.dhx_popup_area td.dhx_popup_td * {
	white-space: normal;
}

div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td {
	height: auto;
	line-height: inherit;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text;
	/* components-related */
	padding: 6px !important;
}

div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_web {
	position: relative !important;
	background-image: none;
}

div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxtree_dhx_web {
	background: none;
}

div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcp_dhx_web div.dhxcp_g_area {
	position: relative;
}

div.dhx_popup_dhx_web div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep {
	padding: 2px 0px;
	font-size: 1px;
	position: relative;
}

div.dhx_popup_dhx_web div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep div.dhx_popup_sep {
	position: relative;
	font-size: 1px;
	line-height: 1px;
	height: 0px;
	width: 100%;
	border-top: 1px dotted var(--dhx-color-d1d1d1);
	overflow: hidden;
}

div.dhx_popup_dhx_web div.dhx_popup_area td.dhx_popup_td:first-child {
	padding-left: 14px;
}

div.dhx_popup_dhx_web div.dhx_popup_area td.dhx_popup_td:last-child {
	padding-right: 14px;
}

div.dhx_popup_dhx_web div.dhx_popup_area tr:hover td.dhx_popup_td {
	background-color: var(--dhx-color-layoutHdr);
}

div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode:hover td.dhx_popup_td {
	background: none;
}

div.dhx_popup_dhx_web div.dhx_popup_area.dhx_popup_area_ie tr.dhxnode td.dhx_popup_td {
	height: 1em;
	line-height: 1em;
}

div.dhx_popup_dhx_web div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_single {
	padding-left: 14px;
	padding-right: 14px;
}

div.dhx_popup_dhx_web div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_first {
	padding-left: 14px;
}

div.dhx_popup_dhx_web div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_last {
	padding-right: 14px;
}

div.dhx_popup_dhx_web div.dhx_popup_area.dhx_popup_area_ie tr.tr_hover td.dhx_popup_td {
	background-color: var(--dhx-color-layoutHdr);
}

div.dhx_popup_dhx_web div.dhx_popup_arrow {
	position: absolute;
	background-repeat: no-repeat;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: var(--dhx-color-f4f4f4);
	text-shadow: 0 0 2px var(--dhx-color-00000059);
}

div.dhx_popup_dhx_web div.dhx_popup_arrow.dhx_popup_arrow_bottom {
	width: 19px;
	height: 16px;
	line-height: 16px;
	text-align: center;
}

div.dhx_popup_dhx_web div.dhx_popup_arrow.dhx_popup_arrow_bottom::before {
	content: "\f0d8";
	font-size: 19px;
}

div.dhx_popup_dhx_web div.dhx_popup_arrow.dhx_popup_arrow_top {
	width: 19px;
	height: 16px;
	line-height: 16px;
	text-align: center;
}

div.dhx_popup_dhx_web div.dhx_popup_arrow.dhx_popup_arrow_top::before {
	content: "\f0d7";
	font-size: 19px;
}

div.dhx_popup_dhx_web div.dhx_popup_arrow.dhx_popup_arrow_right {
	width: 16px;
	height: 19px;
	line-height: 19px;
}

div.dhx_popup_dhx_web div.dhx_popup_arrow.dhx_popup_arrow_right::before {
	content: "\f0da";
	font-size: 19px;
}

div.dhx_popup_dhx_web div.dhx_popup_arrow.dhx_popup_arrow_left {
	width: 16px;
	height: 19px;
	line-height: 19px;
	text-align: right;
}

div.dhx_popup_dhx_web div.dhx_popup_arrow.dhx_popup_arrow_left::before {
	content: "\f0d9";
	font-size: 19px;
}

.dhxmenu_skin_detect {
	position: absolute;
	left: 0px;
	top: -100px;
	margin: 0;
	padding: 0;
	border: 0px solid var(--dhx-color-white);
	width: 20px;
	height: 10px;
	overflow: hidden;
}

.dhtmlxMenu_dhx_web_Middle {
	position: relative;
	height: 26px;
	border: none;
	background-color: var(--dhx-color-f4f4f4);
	overflow: hidden;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.dhtmlxMenu_dhx_web_Middle div.top_sep {
	float: left;
	position: relative;
	height: 20px;
	width: 0px;
	border-left: 1px solid var(--dhx-color-c1c1c1);
	margin: 3px 2px 0px 0px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
	cursor: default;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.dhtmlxMenu_dhx_web_Middle img.dhtmlxMenu_TopLevel_Item_Icon {
	float: left;
	margin: 2px 3px 0px 3px;
	width: 18px;
	height: 18px;
}

.dhtmlxMenu_dhx_web_Middle div.dhtmlxMenu_TopLevel_Text_right {
	position: absolute;
	top: 5px;
	left: none;
	right: 8px;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	cursor: default;
}

.dhtmlxMenu_dhx_web_Middle div.dhtmlxMenu_TopLevel_Text_left {
	position: absolute;
	top: 5px;
	right: none;
	left: 8px;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	cursor: default;
}

.dhtmlxMenu_dhx_web_Middle.dir_left div.align_left {
	float: left;
}

.dhtmlxMenu_dhx_web_Middle.dir_left div.align_right {
	float: right;
}

div.dhtmlxMenu_dhx_web_TopLevel_Item_Normal,
div.dhtmlxMenu_dhx_web_TopLevel_Item_Disabled,
div.dhtmlxMenu_dhx_web_TopLevel_Item_Selected {
	position: relative;
	float: left;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-btnDisText);
	cursor: default;
	white-space: nowrap;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	margin: 2px 2px 0px 0px;
	padding: 0px 3px;
}

div.dhtmlxMenu_dhx_web_TopLevel_Item_Normal div.top_level_text,
div.dhtmlxMenu_dhx_web_TopLevel_Item_Disabled div.top_level_text,
div.dhtmlxMenu_dhx_web_TopLevel_Item_Selected div.top_level_text {
	float: left;
	margin: 0px 3px;
	color: var(--dhx-text);
}

div.dhtmlxMenu_dhx_web_TopLevel_Item_Normal i,
div.dhtmlxMenu_dhx_web_TopLevel_Item_Disabled i,
div.dhtmlxMenu_dhx_web_TopLevel_Item_Selected i {
	height: inherit;
	line-height: inherit;
	float: left;
	color: inherit;
	margin: 0px 4px;
	font-size: 1.2em;
}

div.dhtmlxMenu_dhx_web_TopLevel_Item_Disabled {
	color: var(--dhx-color-DisabledText);
}

div.dhtmlxMenu_dhx_web_TopLevel_Item_Selected {
	background-color: var(--dhx-color-layoutHdr);
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon {
	position: absolute;
	border: 1px solid var(--dhx-color-white);
	border: 1px solid var(--dhx-color-cccccc);
	box-shadow: 0px 0px 10px var(--dhx-color-00000059);
	padding: 3px 0px;
	background-color: var(--dhx-color-f4f4f4);
	overflow: hidden;
	cursor: default;
	line-height: normal;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td {
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	padding: 0px 4px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td {
	background-color: var(--dhx-color-layoutHdr);
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon {
	width: 18px;
	text-align: center;
	vertical-align: middle;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon img.sub_icon {
	float: left;
	margin: 0px;
	width: 18px;
	height: 18px;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon i {
	float: left;
	text-align: center;
	width: 18px;
	height: 18px;
	line-height: 17px;
	font-size: 1.2em;
	color: inherit;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_item_text {
	padding: 0px 12px 0px 1px;
	height: 26px;
	line-height: 25px;
	white-space: nowrap;
	text-align: left;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis td.sub_item_icon i {
	color: var(--dhx-color-DisabledText);
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_item_text {
	color: var(--dhx-color-DisabledText);
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk {
	padding-left: 8px;
	padding-right: 8px;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk div.sub_item_hk {
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-f4f4f4);
	text-align: right;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis td.sub_item_hk div.sub_item_hk {
	color: var(--dhx-color-DisabledText);
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
	width: 1em;
	height: 22px;
	margin: 0px 5px 0px 8px;
	float: right;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	color: var(--dhx-color-5c7080);
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow::before {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.complex_arrow {
	color: var(--dhx-color-mainTextColor);
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.complex_arrow {
	color: var(--dhx-color-DisabledText) !important;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow_loading {
	width: 11px;
	height: 22px;
	background-position: center center;
	background-repeat: no-repeat;
	float: right;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow_loading::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f110";
	display: inline-block;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon {
	float: left;
	margin: 0px;
	width: 18px;
	height: 18px;
	font-family: "Font Awesome 5 Free";
	text-align: center;
	line-height: 18px;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_0::before {
	content: "\f0c8";
	font-weight: 400;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_1::before {
	content: "\f14a";
	font-weight: 900;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_0::before {
	content: "\f0c8";
	font-weight: 400;
	color: var(--dhx-color-DisabledText);
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_1::before {
	content: "\f14a";
	font-weight: 900;
	color: var(--dhx-color-DisabledText);
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_0::before {
	content: "\f111";
	font-weight: 400;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_1::before {
	content: "\f192";
	font-weight: 900;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_0::before {
	content: "\f111";
	font-weight: 400;
	color: var(--dhx-color-DisabledText);
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_1::before {
	content: "\f192";
	font-weight: 900;
	color: var(--dhx-color-DisabledText);
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon tr.sub_sep td {
	padding: 2px 0px;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon div.sub_sep {
	position: static;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	width: 100%;
	border-top: 1px dotted var(--dhx-color-b4b4b4);
	border-top: 1px solid var(--dhx-color-d1d1d1);
}

iframe.dhtmlxMenu_IE6CoverFix_dhx_web {
	position: absolute;
	border: none;
	background: var(--dhx-color-mainTextColor);
}

div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowUp,
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowUp_Over,
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowUp_Disabled {
	position: relative;
	font-size: 1px;
	border-bottom: 1px solid var(--dhx-color-b4b4b4);
	padding: 8px 0px;
	margin-bottom: 3px;
	text-align: center;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowUp::before,
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowUp_Over::before,
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowUp_Disabled::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f106";
	font-size: 14px;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowUp_Disabled::before {
	color: var(--dhx-color-DisabledText);
}

/* down arrows */
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowDown,
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowDown_Over,
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowDown_Disabled {
	position: relative;
	font-size: 1px;
	border-top: 1px solid var(--dhx-color-b4b4b4);
	padding: 8px 0px;
	margin-top: 3px;
	text-align: center;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowDown::before,
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowDown_Over::before,
div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowDown_Disabled::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f107";
	font-size: 14px;
}

div.dhtmlxMenu_dhx_web_SubLevelArea_ArrowDown_Disabled::before {
	color: var(--dhx-color-DisabledText);
}

.dhxtoolbar_skin_detect {
	position: absolute;
	left: 0px;
	top: -100px;
	margin: 0;
	padding: 0;
	border: 0px solid var(--dhx-color-white);
	width: 20px;
	height: 10px;
	overflow: hidden;
}

/* main */
.dhx_toolbar_dhx_web {
	background-color: var(--dhx-color-toolbar_background);
	position: relative;
	padding: 0px 5px;
	height: 32px;
	cursor: default;
	overflow: hidden;
	/* font */
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-toolbar_text);
	line-height: normal;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_24 div.dhx_toolbar_btn i {
	font-size: 20px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_32 div.dhx_toolbar_btn i {
	font-size: 26px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_48 div.dhx_toolbar_btn i {
	font-size: 38px;
}

.dhx_toolbar_dhx_web div.dhxtoolbar_float_left {
	float: left;
}

.dhx_toolbar_dhx_web div.dhxtoolbar_float_right {
	float: right;
}

.dhx_toolbar_dhx_web div.dhx_toolbar_btn,
.dhx_toolbar_dhx_web div.dhx_toolbar_arw {
	position: relative;
	float: left;
	margin-top: 3px;
	padding: 2px 3px 1px 3px;
	padding-bottom: 2px;
	margin-right: 1px;
	line-height: normal;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: default;
	height: 22px;
	overflow: hidden;
}

.dhx_toolbar_dhx_web div.dhx_toolbar_btn.dhxtoolbar_btn_dis,
.dhx_toolbar_dhx_web div.dhx_toolbar_arw.dhxtoolbar_btn_dis {
	color: var(--dhx-color-btnDisText);
	background: var(--dhx-color-btnDisBackground);
}

.dhx_toolbar_dhx_web div.dhx_toolbar_btn.dhxtoolbar_btn_over {
	color: var(--dhx-color-btnHoverText);
	background: var(--dhx-color-btnHoverBackground);
}

.dhx_toolbar_dhx_web div.dhx_toolbar_arw.dhxtoolbar_btn_over {
	color: var(--dhx-color-btnDisText);
	background: var(--dhx-color-btnBackground);
}

.dhx_toolbar_dhx_web div.dhx_toolbar_btn.dhxtoolbar_btn_pres,
.dhx_toolbar_dhx_web div.dhx_toolbar_arw.dhxtoolbar_btn_pres {
	color: var(--dhx-color-btnPressText);
	background: var(--dhx-color-btnPressBackground);
}

.dhx_toolbar_dhx_web div.dhx_toolbar_btn.dhxtoolbar_btn_pres_dis {
	color: var(--dhx-color-btnDisText);
	background: var(--dhx-color-btnDisBackground);
}

.dhx_toolbar_dhx_web div.dhx_toolbar_btn img {
	float: left;
	margin: 2px;
	width: 18px;
	height: 18px;
	cursor: default;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.dhx_toolbar_dhx_web div.dhx_toolbar_btn i {
	float: left;
	margin: 2px;
	width: 18px;
	height: 18px;
	line-height: 17px;
	font-size: 1.2em;
	text-align: center;
	cursor: default;
	color: inherit;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.dhx_toolbar_dhx_web div.dhx_toolbar_btn .dhxtoolbar_input {
	position: relative;
	float: left;
	border: 1px solid var(--dhx-color-white);
	background-color: var(--dhx-color-white);
	margin: 1px;
	padding: 2px 4px 3px 4px;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	line-height: normal;
	direction: ltr;
	outline: none;
}

.dhx_toolbar_dhx_web div.dhx_toolbar_btn .dhxtoolbar_input:disabled {
	background-color: var(--dhx-color-f2f2f2);
}

.dhx_toolbar_dhx_web div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_pen {
	background-color: var(--dhx-color-e5e5e5);
}

.dhx_toolbar_dhx_web div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_dhx_web div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_dhx_web div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_r {
	background-color: var(--dhx-color-e5e5e5);
}

.dhx_toolbar_dhx_web div.dhx_toolbar_btn div.dhxtoolbar_text,
.dhx_toolbar_dhx_web div.dhx_toolbar_arw div.arwimg {
	float: left;
	font: inherit;
	height: 18px;
	line-height: 17px;
	margin: 2px 4px;
	cursor: default;
	overflow: hidden;
	white-space: nowrap;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.dhx_toolbar_dhx_web div.dhx_toolbar_btn div.dhxtoolbar_text {
	padding: 0px;
}

.dhx_toolbar_dhx_web div.dhx_toolbar_arw {
	margin-left: -3px;
	z-index: 1;
}

.dhx_toolbar_dhx_web div.dhx_toolbar_arw div.arwimg {
	margin: 2px 0px;
	padding: 0px 3px;
}

.dhx_toolbar_dhx_web div.dhx_toolbar_arw div.arwimg::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0d7";
	font-size: 14px;
	line-height: 18px;
}

.dhx_toolbar_dhx_web div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.arwimg::before {
	color: var(--dhx-color-btnText);
}

.dhx_toolbar_dhx_web div.dhx_toolbar_sep {
	float: left;
	border-left: 1px dotted var(--dhx-color-ebf5fb);
	height: 14px;
	margin: 8px 6px 0px 5px;
	overflow: hidden;
}

.dhx_toolbar_dhx_web div.dhx_toolbar_text {
	float: left;
	vertical-align: middle;
	margin-top: 4px;
	padding: 3px 5px;
	line-height: 17px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	color: var(--dhx-color-toolbar_text);
}

.dhx_toolbar_dhx_web div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_dhx_web div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_dhx_web div.dhxtoolbar_sl_bg_r {
	float: left;
	height: 5px;
	line-height: 1px;
	margin: 9px 0px 6px 0px;
	padding: 0px;
	width: 2px;
	font-size: 1px;
	background-color: var(--dhx-color-white);
	overflow: hidden;
}

.dhx_toolbar_dhx_web div.dhxtoolbar_sl_bg_l {
	margin-left: 4px;
}

.dhx_toolbar_dhx_web div.dhxtoolbar_sl_bg_r {
	margin-right: 4px;
}

.dhx_toolbar_dhx_web div.dhxtoolbar_sl_pen,
.dhx_toolbar_dhx_web div.dhxtoolbar_sl_pen.dhxtoolbar_over {
	position: absolute;
	top: 5px;
	width: 7px;
	height: 14px;
	border: 1px solid var(--dhx-color-bbd9ee);
	background-color: var(--dhx-color-white);
	cursor: default;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_24 {
	height: 38px !important;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_24 div.dhx_toolbar_btn,
.dhx_toolbar_dhx_web.dhxtoolbar_icons_24 div.dhx_toolbar_arw {
	height: 28px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_24 div.dhx_toolbar_btn img {
	width: 24px;
	height: 24px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_24 div.dhx_toolbar_btn i {
	width: 24px;
	height: 24px;
	line-height: 23px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_24 div.dhx_toolbar_btn div.dhxtoolbar_text,
.dhx_toolbar_dhx_web.dhxtoolbar_icons_24 div.dhx_toolbar_arw div.arwimg {
	height: 24px;
	line-height: 23px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_24 div.dhx_toolbar_text {
	padding-top: 6px;
	padding-bottom: 6px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_24 div.dhx_toolbar_sep {
	height: 20px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_dhx_web.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_dhx_web.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_r {
	margin-top: 12px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_24 div.dhxtoolbar_sl_pen {
	top: 8px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_24 div.dhx_toolbar_btn .dhxtoolbar_input {
	margin-top: 4px;
	margin-bottom: 4px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_32 {
	height: 46px !important;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_32 div.dhx_toolbar_btn,
.dhx_toolbar_dhx_web.dhxtoolbar_icons_32 div.dhx_toolbar_arw {
	height: 36px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_32 div.dhx_toolbar_btn img {
	width: 32px;
	height: 32px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_32 div.dhx_toolbar_btn i {
	width: 32px;
	height: 32px;
	line-height: 31px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_32 div.dhx_toolbar_btn div.dhxtoolbar_text,
.dhx_toolbar_dhx_web.dhxtoolbar_icons_32 div.dhx_toolbar_arw div.arwimg {
	height: 32px;
	line-height: 31px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_32 div.dhx_toolbar_text {
	padding-top: 10px;
	padding-bottom: 10px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_32 div.dhx_toolbar_sep {
	height: 28px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_dhx_web.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_dhx_web.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_r {
	margin-top: 16px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_32 div.dhxtoolbar_sl_pen {
	top: 12px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_32 div.dhx_toolbar_btn .dhxtoolbar_input {
	margin-top: 8px;
	margin-bottom: 8px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_48 {
	height: 62px !important;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_48 div.dhx_toolbar_btn,
.dhx_toolbar_dhx_web.dhxtoolbar_icons_48 div.dhx_toolbar_arw {
	height: 52px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_48 div.dhx_toolbar_btn img {
	width: 48px;
	height: 48px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_48 div.dhx_toolbar_btn i {
	width: 48px;
	height: 48px;
	line-height: 47px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_48 div.dhx_toolbar_btn div.dhxtoolbar_text,
.dhx_toolbar_dhx_web.dhxtoolbar_icons_48 div.dhx_toolbar_arw div.arwimg {
	height: 48px;
	line-height: 47px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_48 div.dhx_toolbar_text {
	padding-top: 18px;
	padding-bottom: 18px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_48 div.dhx_toolbar_sep {
	height: 44px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_dhx_web.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_dhx_web.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_r {
	margin-top: 24px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_48 div.dhxtoolbar_sl_pen {
	top: 20px;
}

.dhx_toolbar_dhx_web.dhxtoolbar_icons_48 div.dhx_toolbar_btn .dhxtoolbar_input {
	margin-top: 16px;
	margin-bottom: 16px;
}

div.dhx_toolbar_poly_dhx_web {
	position: absolute;
	border: 1px solid var(--dhx-color-white);
	box-shadow: 0px 0px 6px var(--dhx-color-00000059);
	border: 1px solid var(--dhx-color-DisabledText);
	padding: 3px 0px;
	background-color: var(--dhx-color-f4f4f4);
	overflow: hidden;
	cursor: default;
	line-height: normal;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: var(--dhx-color-00000000);
}

div.dhx_toolbar_poly_dhx_web td {
	line-height: normal;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	padding: 0px 4px;
}

div.dhx_toolbar_poly_dhx_web .tr_btn_over td,
div.dhx_toolbar_poly_dhx_web .tr_btn_selected td {
	background-color: var(--dhx-color-layoutHdr);
}

div.dhx_toolbar_poly_dhx_web .tr_btn_disabled td {
	color: var(--dhx-color-DisabledText);
}

div.dhx_toolbar_poly_dhx_web td.td_btn_img {
	width: 18px;
	text-align: center;
}

div.dhx_toolbar_poly_dhx_web td.td_btn_img img.btn_sel_img {
	width: 18px;
	height: 18px;
}

div.dhx_toolbar_poly_dhx_web td.td_btn_img i {
	width: 18px;
	height: 18px;
	line-height: 17px;
	text-align: center;
	color: inherit;
	font-size: 1.2em;
}

div.dhx_toolbar_poly_dhx_web td.td_btn_txt div.btn_sel_text {
	padding: 0px 12px 0px 1px;
	height: 24px;
	line-height: 23px;
	overflow: hidden;
}

div.dhx_toolbar_poly_dhx_web tr.tr_sep td {
	padding: 2px 0px;
}

div.dhx_toolbar_poly_dhx_web div.btn_sep {
	position: relative;
	font-size: 1px;
	line-height: 1px;
	height: 0px;
	width: 100%;
	border-top: 1px dotted var(--dhx-color-DisabledText);
}

div.dhx_toolbar_slider_label_dhx_web {
	position: absolute;
	border: 1px solid var(--dhx-color-white);
	box-shadow: 0px 0px 10px var(--dhx-color-00000059);
	background-color: var(--dhx-color-f4f4f4);
	padding: 5px 8px;
	overflow: hidden;
	cursor: default;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	/* z-index in script */
	line-height: normal;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
}

/* maxopen test */
.dhxtoolbar_maxopen_test {
	position: absolute;
	width: 200px;
	height: 50px;
	overflow-x: none;
	overflow-y: auto;
	left: -300px;
	top: 100px;
	border: 1px solid var(--dhx-color-white);
	visibility: hidden;
}

.dhxtoolbar_maxopen_test2 {
	height: 200px;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging {
	position: relative;
	height: 32px;
	line-height: 31px;
	margin-top: -1px;
	overflow: hidden;
	white-space: nowrap;
}

.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging {
	margin-top: 0px;
	height: 31px;
}

.dhxwins_vp_dhx_web div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxwins_vp_dhx_web div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging {
	position: relative;
	height: 32px;
	line-height: 31px;
	margin-top: 3px;
	overflow: hidden;
	white-space: nowrap;
}

.dhxwins_vp_dhx_web div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_dhx_web,
.dhxwins_vp_dhx_web div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging .dhx_toolbar_dhx_web {
	border-width: 0px;
	background-image: none;
}

.dhx_tooltip {
	display: none;
	position: absolute;
	font-family: "Pretendard", Tahoma;
	color: var(--dhx-color-626262);
	font-size: 12px;
	z-index: 10000;
	padding: 4px 10px 4px 10px;
	border: 1px solid var(--dhx-color-fff);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 0 3px var(--dhx-color-d9d9d9);
	-webkit-box-shadow: 0 0 3px var(--dhx-color-d9d9d9);
	text-shadow: 0px 1px 1px var(--dhx-color-fff);
	box-shadow: 0 0 5px var(--dhx-color-d9d9d9);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--dhx-color-efefef)), color-stop(0.5, var(--dhx-color-f6f6f6)), color-stop(1, var(--dhx-color-efefef)));
	background: -o-linear-gradient(var(--dhx-color-efefef) 0%, var(--dhx-color-f6f6f6) 50%, var(--dhx-color-efefef) 100%);
	background: -ms-linear-gradient(var(--dhx-color-efefef) 0%, var(--dhx-color-f6f6f6) 50%, var(--dhx-color-efefef) 100%);
	background: -moz-linear-gradient(var(--dhx-color-efefef) 0%, var(--dhx-color-f6f6f6) 50%, var(--dhx-color-efefef) 100%);
	background: var(--dhx-color-efefef);
}

.dhx_chart {
	position: relative;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	overflow: hidden;
	z-index: 0;
}

.dhx_chart canvas {
	position: absolute;
	left: 0;
	top: 0;
}

/*labels*/
.dhx_canvas_text {
	position: absolute;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	z-index: 1000;
}

/*map*/
.dhx_map_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px;
	opacity: 0;
}

/*scales*/
.dhx_axis_item_y {
	position: absolute;
	height: 18px;
	line-height: 18px;
	/*line-height:10px;*/
	margin-top: -4px;
	text-align: right;
}

.dhx_axis_title_x {
	text-align: center;
}

.dhx_axis_title_y {
	text-align: center;
	font-family: "Pretendard", Tahoma;
	/*safari*/
	-webkit-transform: rotate(-90deg);
	/*firefox*/
	-moz-transform: rotate(-90deg);
	/*opera*/
	-o-transform: rotate(-90deg);
	/*IE9*/
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	/*padding-left:3px;*/
}

.dhx_ie_filter {
	/*IE8*/
	zoom: 1;
	font-family: serif;
}

/*legend block*/
.dhx_chart_legend {
	position: absolute;
	z-index: 1000;
}

.dhx_chart_legend_item {
	height: 18px;
	line-height: 18px;
	padding: 2px;
	cursor: pointer;
}

.dhx_chart_legend_item.hidden {
	color: var(--dhx-color-aaa);
}

.dhx_axis_item_y.dhx_radar {
	color: var(--dhx-color-6d6d6d);
	font-size: 12px;
	padding-right: 3px;
	height: 13px;
	line-height: 13px;
	margin-top: 0px;
}

.dhx_canvas_text.dhx_axis_radar_title {
	margin-top: 0px;
	padding-top: 0px;
}

.dhx_axis_item_y,
.dhx_axis_item_x {
	color: var(--dhx-color-6d6d6d);
}

.dhx_axis_item_x {
	padding-top: 2px;
}

.dhx_tooltip {
	display: none;
	position: absolute;
	font-family: "Pretendard", Tahoma;
	color: var(--dhx-color-626262);
	font-size: 12px;
	z-index: 10000;
	padding: 4px 10px 4px 10px;
	border: 1px solid var(--dhx-color-fff);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 0 3px var(--dhx-color-d9d9d9);
	-webkit-box-shadow: 0 0 3px var(--dhx-color-d9d9d9);
	text-shadow: 0px 1px 1px var(--dhx-color-fff);
	box-shadow: 0 0 5px var(--dhx-color-d9d9d9);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--dhx-color-efefef)), color-stop(0.5, var(--dhx-color-f6f6f6)), color-stop(1, var(--dhx-color-efefef)));
	background: -o-linear-gradient(var(--dhx-color-efefef) 0%, var(--dhx-color-f6f6f6) 50%, var(--dhx-color-efefef) 100%);
	background: -ms-linear-gradient(var(--dhx-color-efefef) 0%, var(--dhx-color-f6f6f6) 50%, var(--dhx-color-efefef) 100%);
	background: -moz-linear-gradient(var(--dhx-color-efefef) 0%, var(--dhx-color-f6f6f6) 50%, var(--dhx-color-efefef) 100%);
	background: var(--dhx-color-efefef);
}

/*helper for allowing selection*/
.dhx_allow_selection {
	-user-select: text;
}

/*top container of DataView*/
.dhx_dataview {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	/*latest ff*/
	-khtml-select: none;
}

/*applied to a dragged element*/
.dhx_drag_zone {
	position: absolute;
	border: 1px solid var(--dhx-color-d4e1e9);
	z-index: 8000;
}

/*style is applied to the active drop target*/
/*default item in dataview*/
.dhx_dataview_default_item,
.dhx_dataview_default_item_selected {
	cursor: pointer;
	background-color: var(--dhx-color-white);
}

.dhx_dataview .dhx_dataview_default_item,
.dhx_dataview .dhx_dataview_default_item_selected {
	border-right: 1px solid var(--dhx-color-defaultBorder);
	border-bottom: 1px dotted var(--dhx-color-defaultBorder);
}

/*default item in selected state*/
.dhx_dataview_default_item_selected {
	background-color: var(--dhx-color-layoutHdr);
	color: var(--dhx-color-layoutHdr);
	border-color: var(--dhx-color-layoutHdr);
	background-repeat: repeat-x;
}

/*defautl styles which will be used by any kind of dataview's item*/
.dhx_dataview_item {
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
}

/*pvar(--dhx-color-ffb3baef)ined styles for text lables inside a item*/
.dhx_dataview_item .dhx_strong {
	font-weight: bold;
	display: block;
	padding-bottom: 6px;
}

.dhx_dataview_default_item_selected .dhx_light {
	color: var(--dhx-color-c3c3c3);
}

.dhx_dataview_item .dhx_light {
	color: var(--dhx-color-919191);
}

/*style of dataview's item,when drag is moved other it*/
.dhx_drag_over {
	background-color: var(--dhx-color-fff9c4);
	background-image: url("../imgs/dhxdataview_web/marker.png");
	background-repeat: repeat-x;
}

/*paging related styles*/
/*button of pager*/
.dhx_pager_item,
.dhx_pager_item_selected {
	float: left;
	text-align: center;
	height: 16px;
	font-family: "Pretendard", Tahoma;
	font-size: 10pt;
	border: 1px solid var(--dhx-color-9e9e9e);
	padding: 2px 4px;
	margin-left: 5px;
	cursor: pointer;
	background-color: var(--dhx-color-white);
}

/*selected button of pager*/
.dhx_pager_item_selected {
	background-color: var(--dhx-color-d3d3d3);
	color: var(--dhx-color-white);
	cursor: default;
	font-weight: bold;
}

/*top container of list*/
.dhx_list {}

/*default item in list*/
.dhx_list_default_item,
.dhx_list_default_item_selected {
	cursor: pointer;
	background-color: var(--dhx-color-white);
}

.dhx_list .dhx_list_default_item,
.dhx_list .dhx_list_default_item_selected {
	/* border-right:1px solid var(--dhx-color-defaultBorder);
	border-bottom: 1px dotted var(--dhx-color-defaultBorder); */
}

/*default item in selected state*/
.dhx_list_default_item_selected {
	background-color: var(--dhx-color-layoutHdr);
	color: var(--dhx-color-layoutHdr);
	border-color: var(--dhx-color-layoutHdr);
	background-repeat: repeat-x;
}

/*defautl styles which will be used by any kind of list's item*/
.dhx_list_item {
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	box-sizing: border-box;
}

.dhx_list_item textarea {
	resize: none;
	margin-top: -8px;
}

/*pvar(--dhx-color-ffb3baef)ined styles for text lables inside a item*/
.dhx_list_item .dhx_strong {
	font-weight: bold;
	display: block;
	padding-bottom: 6px;
}

.dhx_list_default_item_selected .dhx_light {
	color: var(--dhx-color-c3c3c3);
}

.dhx_list_item .dhx_light {
	color: var(--dhx-color-919191);
}

/* list item end */

.defaultTreeTable {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.containerTableStyle {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	position: relative;
	top: 0;
	font-size: 12px;
}

.containerTableStyleRTL span {
	direction: rtl;
	unicode-bidi: bidi-override;
}

.containerTableStyleRTL {
	direction: rtl;
	overflow: auto;
	position: relative;
	top: 0;
	font-size: 12px;
}

.standartTreeRow {
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
}

.selectedTreeRow {
	background-color: var(--dhx-color-5c7080);
	color: var(--dhx-color-white);
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
}

.dragAndDropRow {
	background-color: var(--dhx-color-5c7080);
	color: var(--dhx-color-white);
}

.standartTreeRow_lor {
	text-decoration: underline;
	background-color: var(--dhx-color-white);
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
}

.selectedTreeRow_lor {
	text-decoration: underline;
	background-color: var(--dhx-color-5c7080);
	color: var(--dhx-color-white);
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
}

.standartTreeImage {
	height: 24px;
	overflow: hidden;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 1px;
}

.standartTreeImage img {
	width: 18px;
	height: 24px;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 1px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.hiddenRow {
	width: 1px;
	overflow: hidden;
}

.dragSpanDiv,
.dragSpanDiv td {
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	background-color: var(--dhx-color-white);
	z-index: 999;
}

.a_dhx_hidden_input {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 1px;
	height: 1px;
	border: none;
	background: none;
}

.a_dhx_hidden_input {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 1px;
	height: 1px;
	border: none;
	background: none;
}

.selectionBox {
	background-color: var(--dhx-color-footerBack);
}

.selectionBar {
	top: 0;
	background-color: var(--dhx-color-mainTextColor);
	position: absolute;
	overflow: hidden;
	height: 2px;
	z-index: 11;
}

.intreeeditRow {
	font-size: 8pt;
	height: 16px;
	border: 1px solid var(--dhx-color-c0c0c0);
	padding: 0;
	margin: 0;
	margin-left: 4px;
}

.dhx_tree_textSign {
	font-size: 8pt;
	font-family: monospace;
	width: 21px;
	color: var(--dhx-color-mainTextColor);
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	text-align: center;
}

.dhx_tree_opacity {
	opacity: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.dhx_bg_img_fix {
	width: 18px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-position-x: center;
	background-position-y: center;
}

.dhxtree_dhx_web .selectedTreeRow_lor,
.dhxtree_dhx_web .selectedTreeRow {
	background-color: transparent;
}

.dhxtree_dhx_web span.selectedTreeRow_lor,
.dhxtree_dhx_web span.selectedTreeRow {
	background-color: var(--dhx-color-layoutHdr);
	color: var(--dhx-color-mainTextColor);
}

.dhxtree_dhx_web .selectedTreeRowFull .dhxTextCell {
	background-color: var(--dhx-color-layoutHdr);
	color: var(--dhx-color-mainTextColor);
}

.dhxtree_dhx_web td.standartTreeRow,
.dhxtree_dhx_web td.selectedTreeRow {
	padding-left: 2px;
}

.dhxtree_dhx_web span.standartTreeRow,
.dhxtree_dhx_web span.selectedTreeRow {
	padding-left: 3px !important;
}

.dhxtree_dhx_web .standartTreeRow,
.dhxtree_dhx_web .standartTreeRow,
.dhxtree_dhx_web .selectedTreeRow_lor,
.dhxtree_dhx_web .selectedTreeRow {
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	overflow: hidden;
}

.dhxtree_skin_detect {
	position: absolute;
	left: 0px;
	top: -100px;
	margin: 0;
	padding: 0;
	border: 0px solid var(--dhx-color-white);
	width: 20px;
	height: 10px;
	overflow: hidden;
}

div.gridbox {
	overflow: hidden;
	text-align: left;
}

.dhx_sub_row {
	background-color: var(--dhx-color-white);
}

div.gridbox .xhdr {
	background-color: var(--dhx-color-d8d8d8);
}

div.gridbox table.obj {
	height: 1px;
}

div.gridbox table.hdr td {
	line-height: normal;
	font-family: "Pretendard", Arial;
	font-size: 12px;
	background-color: var(--dhx-color-d8d8d8);
	border: 1px solid;
	border-color: var(--dhx-color-white) var(--dhx-color-808080) var(--dhx-color-808080) var(--dhx-color-white);
	text-align: center;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	font-weight: normal;
	overflow: hidden;
	empty-cells: show;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div.gridbox table.hdr td div.hdrcell {
	overflow: hidden;
}

div.gridbox table.obj td {
	overflow: hidden;
	padding-top: 0px;
	padding-bottom: 0px;
	empty-cells: show;
	white-space: normal;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div.gridbox table.obj th,
div.gridbox table.hdr th {
	padding: 0px;
	margin: 0px;
}

div.gridbox table.row20px tr td {
	height: 20px;
	white-space: nowrap;
	padding: 0px;
}

div.gridbox .objbox {
	background-color: var(--dhx-color-white);
	position: relative;
	-webkit-overflow-scrolling: touch;
}

div.gridbox table.obj td span.space,
div.gridbox table.obj td img.space {
	width: 18px;
}

div.gridbox table.obj td.editable {
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text;
}

div.gridbox table.obj td.group_row {
	vertical-align: middle;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	font-weight: bold;
	height: 30px;
	border: 0px;
	border-bottom: 1px solid var(--dhx-color-5c7080);
}

.dragSpanDiv {
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	font-family: "Pretendard", Tahoma;
	border: 1px var(--dhx-color-9e9e9e) solid;
	background-color: var(--dhx-color-white);
	z-index: 999;
}

.dhx_combo_select {
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	border: 1px solid;
	border-color: var(--dhx-color-mainTextColor) var(--dhx-color-c0c0c0) var(--dhx-color-c0c0c0) var(--dhx-color-mainTextColor);
	background-color: var(--dhx-color-white);
	overflow: auto;
	cursor: default;
	position: absolute;
	height: auto;
	z-index: 600;
}

.dhx_combo_edit {
	width: 100%;
	border: 0px;
	padding: 0px;
	padding-right: 1px;
	margin: 0px;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	overflow: hidden;
}

.dhx_textarea {
	border: 1px solid;
	border-color: var(--dhx-color-mainTextColor) var(--dhx-color-c0c0c0) var(--dhx-color-c0c0c0) var(--dhx-color-mainTextColor);
	position: absolute;
	height: 100px;
	z-index: 600;
}

.dhx_clist {
	background-color: var(--dhx-color-white);
	border: 1px solid var(--dhx-color-mainTextColor);
	padding: 2px 2px 2px 2px;
	z-index: 300;
}

.gridDragLine {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 100%;
	height: 2px;
	background-color: var(--dhx-color-mainTextColor);
	overflow: hidden;
}

/*paginal output*/
div.pagingBlock {
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
}

div.pagingBlock .pagingCurrentPage {
	font-weight: bold;
	cursor: default;
}

div.pagingBlock .pagingPage {
	cursor: pointer;
	text-decoration: underline;
}

span.recordsInfoBlock {
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
}

div.pagingBlock a {
	text-decoration: none;
	padding-right: 2px;
	color: var(--dhx-color-mainTextColor);
	cursor: pointer;
}

div.pagingBlock a.dhx_not_active {
	text-decoration: none;
	cursor: default;
}

/*class for toolbar selectbox. used with pagingWT*/
.toolbar_select {
	font-size: 10px;
}

/*block selection style*/
.dhtmlxGrid_selection {
	opacity: 0.5;
	background: var(--dhx-color-dragBackground);
	border: 1px dotted var(--dhx-color-dragBorder);
}

div.gridbox div.ftr {
	position: absolute;
	left: 0px;
	bottom: 1px;
	width: 100%;
	overflow: hidden;
}

div.gridbox div.ftr td {
	padding: 0px;
	padding-left: 10px;
	padding-right: 5px;
	border-top: 1px solid var(--dhx-color-9e9e9e);
	border-right: 1px solid var(--dhx-color-9e9e9e);
	background-color: var(--dhx-color-footerBack);
	font-style: italic;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	overflow: hidden;
}

div.gridbox table.hdr td.columnTargetR div.hdrcell {
	border-right: 3px double var(--dhx-color-ffdac1);
	border-left: 3px solid var(--dhx-color-d8d8d8);
}

div.gridbox table.hdr td.columnTargetL div.hdrcell {
	border-right: 3px solid var(--dhx-color-d8d8d8);
	border-left: 3px double var(--dhx-color-ffdac1);
}

.dhx_dragColDiv {
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	background-color: var(--dhx-color-d8d8d8);
	border: 1px solid;
	border-color: var(--dhx-color-white) var(--dhx-color-9e9e9e) var(--dhx-color-9e9e9e) var(--dhx-color-white);
	text-align: center;
	margin: 0px;
	padding: 5px 20px 5px 20px;
	font-weight: normal;
	opacity: 0.75;
	z-index: 100;
}

.dhtmlx_live_validation_error {
	background-color: var(--dhx-color-fff1f1) !important;
}

.dhtmlx_validation_error {
	border-bottom: 2px solid var(--dhx-color-ffb3ba) !important;
}

.dhx_header_cmenu {
	background-color: var(--dhx-color-white);
	border: 2px outset var(--dhx-color-c0c0c0);
	z-index: 2;
}

.dhx_header_cmenu_item {
	white-space: nowrap;
}

div.gridbox td.filter input,
div.gridbox td.filter select {
	width: 70%;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text;
}

div.gridbox .filter input::-ms-clear {
	display: none;
}

div.gridbox_dhx_web.gridbox .xhdr {
	background-color: var(--dhx-color-f4f4f4);
	border-bottom: 1px solid var(--dhx-color-tabBarBg);
}

div.gridbox_dhx_web.gridbox table.hdr tr {
	background-color: var(--dhx-color-f4f4f4);
}

div.gridbox_dhx_web.grid table.obj {
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
}

div.gridbox_dhx_web.gridbox table.obj tr td {
	border-bottom: 1px solid var(--dhx-color-ededed);
	border-right: 1px solid var(--dhx-color-ededed);
	padding-right: 4px;
	padding-left: 4px;
}

div.gridbox_dhx_web.gridbox table.hdr td div.hdrcell {
	width: auto;
	padding-left: 10px;
	width: 100%;
}

div.gridbox_dhx_web.gridbox table.hdr td {
	border-width: 0px 1px 0px 0px;
	border-top: 1px solid var(--dhx-color-dedede);
	border-right-color: var(--dhx-color-dedede);
	padding: 7px 0px 8px 0px;
	background-color: var(--dhx-color-f4f4f4);
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	vertical-align: top;
	text-align: left;
	position: relative;
}

div.gridbox_dhx_web.gridbox table.hdr tr:nth-child(2) td {
	border-top: 1px solid var(--dhx-color-f4f4f4);
}

div.gridbox_dhx_web.gridbox {
	border: 1px solid var(--dhx-color-defaultBorder);
}

div.gridbox_dhx_web.gridbox table.obj tr td {
	padding-top: 3px;
	padding-bottom: 4px;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
}

div.gridbox_dhx_web.gridbox table.obj.row20px tr td {
	padding-top: 0px;
	padding-bottom: 0px;
	height: 29px;
	line-height: 29px;
	border-bottom: 1px solid var(--dhx-color-ededed);
	border-right: 1px solid var(--dhx-color-ededed);
}

div.gridbox_dhx_web.gridbox table.obj.row20px tr td:last-child {
	border-right: 1px solid var(--dhx-color-white);
}

div.gridbox_dhx_web.gridbox table.obj tr td.editable {
	padding: 0px;
}

div.gridbox_dhx_web.gridbox table.obj tr td.editable div.treegrid_cell {
	padding: 1px 4px;
}

div.gridbox_dhx_web.gridbox table.obj tr.rowselected {
	background-color: var(--dhx-color-layoutHdr);
	color: var(--dhx-color-mainTextColor);
}

div.gridbox_dhx_web.gridbox table.obj tr.rowselected td {
	background-color: var(--dhx-color-layoutHdr);
	color: var(--dhx-color-mainTextColor);
}

div.gridbox_dhx_web.gridbox table.obj.row20px tr.rowselected td {
	background-color: var(--dhx-color-layoutHdr);
	border-right-color: var(--dhx-color-layoutHdr);
	color: var(--dhx-color-mainTextColor);
}

div.gridbox_dhx_web.gridbox table.obj tr:hover,
div.gridbox_dhx_web.gridbox .odd_dhx_web:hover {
	background-color: var(--dhx-color-d6eaf8);
}

div.gridbox_dhx_web.gridbox table.obj tr td.cellselected {
	background-color: var(--dhx-color-layoutHdr);
	color: var(--dhx-color-mainTextColor);
}

div.gridbox_dhx_web.gridbox .odd_dhx_web {
	background-color: var(--dhx-color-DisabledComboBack);
	color: var(--dhx-color-mainTextColor);
}

.dhx_combo_select,
.gridbox_dhx_web.gridbox .dhx_combo_edit,
.gridbox_dhx_web.gridbox .dhx_textarea {
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
}

.gridbox_dhx_web.gridbox .dhx_combo_edit {
	padding: 1px 0px 0px 1px;
}

.gridbox_dhx_web.gridbox .dhx_sub_row {
	background-color: transparent;
}

.dhx_header_cmenu {
	background-color: var(--dhx-color-white);
	border: 2px outset var(--dhx-color-c0c0c0);
	z-index: 2;
}

.dhx_header_cmenu_item {
	white-space: nowrap;
}

/*======PAGING. BRICKS SKIN=========*/
.dhx_pbox {
	margin-top: 3px;
	border: 1px solid var(--dhx-color-d8d8d8);
	border-top: 0px;
	font-size: 10px;
}

.dhx_pline {
	background-color: var(--dhx-color-white);
	margin: -15px 10px 10px 10px;
	padding: 0px 5px 0px 5px;
	float: left;
}

.dhx_page,
.dhx_pager_info {
	margin: 3px;
	text-align: center;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	float: left;
	cursor: pointer;
	color: var(--dhx-color-mainTextColor);
	background-color: var(--dhx-color-9e9e9e);
	padding: 1px;
}

.dhx_pager_info {
	white-space: nowrap;
	background-color: var(--dhx-color-white);
	margin: -8px 10px 10px 10px;
	padding: 0px 5px 0px 5px;
	cursor: default;
}

.dhx_page div {
	background-color: var(--dhx-color-white);
	width: 16px;
	height: 17px;
	vertical-align: middle;
}

div.dhx_page_active {
	font-weight: bold;
	background-color: var(--dhx-color-d3d3d3);
	cursor: default;
	color: var(--dhx-color-white);
}

/* for modern grid skin */
.dhx_pbox_modern {
	margin-top: 3px;
	border: 1px solid var(--dhx-color-d6d6d6);
	border-top: 0px;
	font-size: 10px;
}

.dhx_pline_modern {
	background-color: var(--dhx-color-white);
	margin: -15px 10px 10px 10px;
	padding: 0px 5px 0px 5px;
	float: left;
}

.dhx_page_modern,
.dhx_pager_info_modern {
	margin: 3px;
	text-align: center;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	float: left;
	cursor: pointer;
	color: var(--dhx-color-778899);
	background-color: var(--dhx-color-d6d6d6);
	padding: 1px;
}

.dhx_pager_info_modern {
	white-space: nowrap;
	background-color: var(--dhx-color-white);
	margin: -8px 10px 10px 10px;
	padding: 0px 5px 0px 5px;
	cursor: default;
}

.dhx_page_modern div {
	background-color: var(--dhx-color-white);
	width: 16px;
	height: 17px;
	vertical-align: middle;
}

div.dhx_page_active_modern {
	font-weight: bold;
	background-color: var(--dhx-color-778899);
	cursor: default;
	color: var(--dhx-color-white);
}

/* light grid skin*/
.dhx_pbox_light {
	margin-top: 3px;
	border: 1px solid var(--dhx-color-dbe9ee);
	border-top: 0px;
	font-size: 10px;
}

.dhx_pline_light {
	background-color: var(--dhx-color-white);
	margin: -15px 10px 10px 10px;
	padding: 0px 5px 0px 5px;
	float: left;
}

.dhx_page_light,
.dhx_pager_info_light {
	margin: 3px;
	text-align: center;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	float: left;
	cursor: pointer;
	color: var(--dhx-color-778899);
	background-color: var(--dhx-color-bfcad0);
	padding: 1px;
}

.dhx_pager_info_light {
	white-space: nowrap;
	background-color: var(--dhx-color-white);
	margin: -8px 10px 10px 10px;
	padding: 0px 5px 0px 5px;
	cursor: default;
}

.dhx_page_light div {
	background-color: var(--dhx-color-white);
	width: 16px;
	height: 17px;
	vertical-align: middle;
}

div.dhx_page_active_light {
	font-weight: bold;
	background-color: var(--dhx-color-e5eff1);
	cursor: default;
	color: var(--dhx-color-white);
}

.calcTable {
	width: 100px;
	background-color: var(--dhx-color-c0c0c0);
	border: 1px var(--dhx-color-mainTextColor) solid;
}

.calcButton {
	height: 20px;
	cursor: pointer;
	text-align: center;
	background-color: var(--dhx-color-9e9e9e);
	color: var(--dhx-color-white);
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid var(--dhx-color-c0c0c0);
	border-right: 1px solid var(--dhx-color-c0c0c0);
}

.calcPressed {
	height: 20px;
	cursor: pointer;
	text-align: center;
	background-color: var(--dhx-color-9e9e9e);
	color: var(--dhx-color-white);
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid var(--dhx-color-mainTextColor);
	border-right: 1px solid var(--dhx-color-mainTextColor);
}

.calcInput {
	background-color: var(--dhx-color-white);
	font-size: 10px;
	font-weight: bold;
	font-family: "Pretendard", Tahoma, arial;
}

.calkSubmit {
	padding: 2px;
	cursor: pointer;
	text-align: center;
	background-color: var(--dhx-color-c0c0c0);
	color: var(--dhx-color-white);
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid var(--dhx-color-white);
	border-right: 1px solid var(--dhx-color-white);
}

.calcTable {
	width: 100px;
	background-color: var(--dhx-color-c0c0c0);
	border: 1px var(--dhx-color-mainTextColor) solid;
}

.calcButton {
	height: 20px;
	cursor: pointer;
	text-align: center;
	background-color: var(--dhx-color-9e9e9e);
	color: var(--dhx-color-white);
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid var(--dhx-color-c0c0c0);
	border-right: 1px solid var(--dhx-color-c0c0c0);
}

.calcPressed {
	height: 20px;
	cursor: pointer;
	text-align: center;
	background-color: var(--dhx-color-9e9e9e);
	color: var(--dhx-color-white);
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid var(--dhx-color-mainTextColor);
	border-right: 1px solid var(--dhx-color-mainTextColor);
}

.calcInput {
	background-color: var(--dhx-color-white);
	font-size: 10px;
	font-weight: bold;
	font-family: "Pretendard", Tahoma, arial;
}

.calkSubmit {
	padding: 2px;
	cursor: pointer;
	text-align: center;
	background-color: var(--dhx-color-c0c0c0);
	color: var(--dhx-color-white);
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid var(--dhx-color-white);
	border-right: 1px solid var(--dhx-color-white);
}

.dhxgrid_sort_desc,
.dhxgrid_sort_asc {
	width: 12px;
	height: 12px;
	background-image: none;
	z-index: 10;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 12px;
	color: var(--dhx-color-0d47a1);
	line-height: 12px;
	display: inline-block;
}

.dhxgrid_sort_desc::before {
	content: "\f0dd";
}

.dhxgrid_sort_asc {
	background-image: none;
}

.dhxgrid_sort_asc::before {
	content: "\f0de";
}

.dhxgrid_rh_dhx_web {
	position: absolute;
	top: -20px;
	left: -30px;
	width: 26px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	font-size: 1px;
	overflow: hidden;
}

.dhxgrid_rh_dhx_web {
	position: absolute;
	top: -20px;
	left: -30px;
	width: 26px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	font-size: 1px;
	overflow: hidden;
}

.dhxgrid_skin_detect {
	position: absolute;
	left: 0px;
	top: -100px;
	margin: 0;
	padding: 0;
	border: 0px solid var(--dhx-color-white);
	width: 20px;
	height: 10px;
	overflow: hidden;
}

div.gridbox_dhx_web.gridbox table.obj.row20px tr td img {
	display: block;
}

div.gridbox_dhx_web.gridbox table.obj.row20px tr td.group_row img,
div.gridbox_dhx_web.gridbox table.obj.row20px tr td .treegrid_cell img {
	display: inline;
}

.dhx_grid_icon {
	text-align: center;
	color: var(--dhx-color-7b7b7b);
	font-size: 18px;
}

.dhx_treegrid_icon {
	text-align: center;
	color: var(--dhx-color-7b7b7b);
	font-size: 16px;
	margin-right: 4px;
	position: relative;
	top: 1px;
}

.grid_cell_dyn {
	position: relative;
	padding-right: 2px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.grid_cell_dyn img {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 15px;
}

.grid_cell_dyn span {
	padding-left: 20px;
	width: 100%;
}

.grid_collapse_icon {
	margin-top: -2px;
}

.dhxtreeview_dhx_web {
	position: relative;
	overflow: hidden;
	background-color: var(--dhx-color-white);
}

.dhxtreeview_dhx_web div.dhxtreeview_cont {
	position: absolute;
	overflow: auto;
	background-color: var(--dhx-color-white);
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area {
	position: relative;
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_kids_cont {
	position: relative;
	-webkit-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	transition: opacity 0.1s;
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item {
	position: relative;
	white-space: nowrap;
	cursor: default;
	color: var(--dhx-color-mainTextColor);
	font-size: 12px;
	font-family: "Pretendard", Tahoma;
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text {
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 32px;
	line-height: 31px;
	color: inherit;
	vertical-align: middle;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: default;
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_label {
	position: absolute;
	top: 0px;
	padding: 0px 10px 0px 4px;
	height: 32px;
	line-height: inherit;
	font: inherit;
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected,
.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover {
	background-color: var(--dhx-color-layoutHdr);
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected div.dhxtreeview_item_label,
.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover div.dhxtreeview_item_label {
	background-color: var(--dhx-color-layoutHdr);
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover {
	background-color: var(--dhx-color-d6eaf8);
	border-color: var(--dhx-color-d6eaf8);
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover div.dhxtreeview_item_label {
	background-color: var(--dhx-color-d6eaf8);
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon {
	position: absolute;
	width: 22px;
	top: 0px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: var(--dhx-color-btnDisText);
	overflow: hidden;
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 22px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center center;
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon {
	background-image: none;
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	text-align: center;
	width: 100%;
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_plus::before {
	content: "\f0fe";
	/* fa-plus-square */
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_minus::before {
	content: "\f146";
	/* fa-minus-square */
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_file::before {
	content: "\f15b";
	/* fa-file */
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_folder_closed::before {
	content: "\f07b";
	/* fa-folder */
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_folder_opened::before {
	content: "\f07c";
	/* fa-folder-open */
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_loading::before {
	content: "\f110";
	/* fa-spinner */
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_0::before {
	font-weight: 400;
	content: "\f0c8";
	/* fa-square */
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_1::before {
	content: "\f14a";
	/* fa-check-square */
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_dis_0::before {
	font-weight: 400;
	content: "\f0c8";
	/* fa-square */
	color: var(--dhx-color-9e9e9e);
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.dhxtreeview_icon.dhxtreeview_icon_chbx_dis_1::before {
	content: "\f14a";
	/* fa-check-square */
	color: var(--dhx-color-560e0e);
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-folder-open-o,
.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-folder-o {
	position: absolute;
	line-height: 32px;
	left: 4px;
	width: 10px;
	text-align: left;
	overflow: visible;
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-square-o,
.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-check-square-o {
	position: absolute;
	line-height: 32px;
	left: 4px;
	width: 10px;
	text-align: left;
	overflow: visible;
}

.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-square-o.dhx-disabled,
.dhxtreeview_dhx_web div.dhxtreeview_cont div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text div.dhxtreeview_item_icon i.fa.fa-check-square-o.dhx-disabled {
	color: var(--dhx-color-a6a6a6);
}

.dhxtreeview_dhx_web div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_drop_preview {
	display: none;
	position: absolute;
	height: 0px;
	width: 40px;
	border-bottom: 2px dotted var(--dhx-color-b4d8e7);
	z-index: 1;
}

.dhxtreeview_dhx_web div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_drop_preview.dhxtreeview_drop_0 {
	display: block;
	top: -1px;
}

.dhxtreeview_dhx_web div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_drop_preview.dhxtreeview_drop_2 {
	display: block;
	top: 31px;
}

.dhxtreeview_dhx_web div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item.dhxtreeview_item_dragged {
	opacity: 0.4;
}

.dhxtreeview_dhx_web div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1,
.dhxtreeview_dhx_web div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1:hover {
	background-color: var(--dhx-color-layoutHdr);
}

.dhxtreeview_dhx_web div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1 div.dhxtreeview_item_label,
.dhxtreeview_dhx_web div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_drop_1:hover div.dhxtreeview_item_label {
	background-color: var(--dhx-color-layoutHdr);
}

.dhxtreeview_dhx_web div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected,
.dhxtreeview_dhx_web div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover {
	background-color: var(--dhx-color-e1f5fe);
}

.dhxtreeview_dhx_web div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected div.dhxtreeview_item_label,
.dhxtreeview_dhx_web div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text.dhxtreeview_item_text_selected:hover div.dhxtreeview_item_label {
	background-color: var(--dhx-color-e1f5fe);
}

.dhxtreeview_dhx_web div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover {
	background-color: var(--dhx-color-white);
}

.dhxtreeview_dhx_web div.dhxtreeview_cont.dhxtreeview_dnd_mode div.dhxtreeview_area div.dhxtreeview_item div.dhxtreeview_item_text:hover div.dhxtreeview_item_label {
	background-color: var(--dhx-color-white);
}

.dhxtreeview_dhx_web.dhxtreeview_icon_width {
	position: absolute;
	left: 0px;
	top: -100px;
	width: 22px;
	height: 1px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.dhxtreeview_dragged_obj_dhx_web {
	position: absolute;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	font-family: "Pretendard", Tahoma;
	white-space: nowrap;
	cursor: default;
	background-color: var(--dhx-color-white);
	border-radius: 1px;
	box-shadow: 0px 0px 10px var(--dhx-color-5a5a5a33);
	padding: 6px 14px;
	border: 1px solid var(--dhx-color-6d6d6d);
}

html.dhxtreeview_dnd_mode,
body.dhxtreeview_dnd_mode,
html.dhxtreeview_dnd_mode *,
body.dhxtreeview_dnd_mode * {
	cursor: default;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div.dhx_popup_dhx_web div.dhx_popup_area td.dhx_popup_td div.dhxtreeview_dhx_web div.dhxtreeview_item div.dhxtreeview_item_label {
	white-space: nowrap;
}

.dhxtreeview_skin_detect {
	position: absolute;
	left: 0px;
	top: -100px;
	margin: 0;
	padding: 0;
	border: 0px solid var(--dhx-color-white);
	width: 20px;
	height: 10px;
	overflow: hidden;
}

/* 공간은 차지하되 테두리와 배경을 없앰 */
.dhxform_item_blank_hidden .dhxform_textarea {
	border: 1px solid transparent !important;
	background-color: transparent !important;
	color: transparent !important;
	cursor: default !important;
	pointer-events: none !important;
	/* 클릭 방지 */
}

.dhxform_obj_dhx_web {
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	float: left;
	line-height: normal;
}

.dhxform_obj_dhx_web div.dhxform_base {
	position: relative;
	float: left;
	margin: 0px !important;
}

.dhxform_obj_dhx_web div.dhxform_base_nested {
	padding: 0px 0px 0px 0px;
	clear: both;
}

.dhxform_obj_dhx_web.dhxform_block {
	clear: both;
}

.dhxform_obj_dhx_web div.block_dhxform_item_label_left {
	display: block;
	clear: both;
}

.dhxform_obj_dhx_web div.dhxform_label div.dhxform_label_nav_link,
.dhxform_obj_dhx_web div.dhxform_label div.dhxform_label_nav_link:visited,
.dhxform_obj_dhx_web div.dhxform_label div.dhxform_label_nav_link:active,
.dhxform_obj_dhx_web div.dhxform_label div.dhxform_label_nav_link:hover {
	outline: none;
	text-decoration: none;
	color: inherit;
	cursor: default;
	overflow: hidden;
	white-space: nowrap;
}

.dhxform_obj_dhx_web div.dhxform_label div.dhxform_label_nav_link:focus {
	color: var(--dhx-color-aed9e0);
}

.dhxform_obj_dhx_web div.disabled span.nav_link {
	color: inherit;
}

.dhxform_obj_dhx_web div.dhxform_img,
.dhxform_obj_dhx_web div.dhxform_actv_c,
.dhxform_obj_dhx_web div.dhxform_actv_r {
	width: 18px;
	height: 18px;
	font-size: 1px;
}

/* 1. 공통: 배경 이미지 제거 및 기본 설정 */
.dhxform_obj_dhx_web div.dhxform_img.chbx0,
.dhxform_obj_dhx_web div.dhxform_img.chbx1,
.dhxform_obj_dhx_web div.dhxform_img.rdbt0,
.dhxform_obj_dhx_web div.dhxform_img.rdbt1,
.dhxform_obj_dhx_web div.dhxform_actv_c.chbx0,
.dhxform_obj_dhx_web div.dhxform_actv_c.chbx1,
.dhxform_obj_dhx_web div.dhxform_actv_r.rdbt0,
.dhxform_obj_dhx_web div.dhxform_actv_r.rdbt1 {
	background-image: none !important;
	/* 기존 이미지 제거 */
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Font Awesome 6 Free";
	/* 사용 중인 버전 확인 (5 또는 6) */
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

/* 2. 체크박스 (Checkbox) 설정 */
/* 선택 안됨 */
.dhxform_obj_dhx_web div.dhxform_img.chbx0::before,
.dhxform_obj_dhx_web div.dhxform_actv_c.chbx0::before {
	content: "\f0c8";
	/* fa-square (빈 사각형) */
	color: var(--dhx-color-9e9e9e);
	font-size: 16px;
}

/* 선택됨 */
.dhxform_obj_dhx_web div.dhxform_img.chbx1::before,
.dhxform_obj_dhx_web div.dhxform_actv_c.chbx1::before {
	content: "\f14a";
	/* fa-check-square */
	color: var(--dhx-color-007bff);
	/* 포인트 컬러 */
	font-size: 16px;
}

/* 3. 라디오 버튼 (Radio Button) 설정 */
/* 선택 안됨 */
.dhxform_obj_dhx_web div.dhxform_img.rdbt0::before,
.dhxform_obj_dhx_web div.dhxform_actv_r.rdbt0::before {
	content: "\f111";
	/* fa-circle (빈 원) */
	color: var(--dhx-color-9e9e9e);
	font-size: 16px;
}

/* 선택됨 */
.dhxform_obj_dhx_web div.dhxform_img.rdbt1::before,
.dhxform_obj_dhx_web div.dhxform_actv_r.rdbt1::before {
	content: "\f192";
	/* fa-dot-circle (점 찍힌 원) */
	color: var(--dhx-color-007bff);
	font-size: 16px;
}

/* 4. 비활성화(Disabled) 상태 스타일링 */
.dhxform_obj_dhx_web div.disabled div.dhxform_img {
	opacity: 0.5;
	cursor: default;
}

/* .dhxform_obj_dhx_web div.dhxform_img.chbx0 {
}
.dhxform_obj_dhx_web div.dhxform_img.chbx1 {
}
.dhxform_obj_dhx_web div.disabled div.dhxform_img.chbx0 {
}
.dhxform_obj_dhx_web div.disabled div.dhxform_img.chbx1 {
}
.dhxform_obj_dhx_web div.dhxform_actv_c.chbx0 {
}
.dhxform_obj_dhx_web div.dhxform_actv_c.chbx1 {
}
.dhxform_obj_dhx_web div.dhxform_img.rdbt0 {
}
.dhxform_obj_dhx_web div.dhxform_img.rdbt1 {
}
.dhxform_obj_dhx_web div.disabled div.dhxform_img.rdbt0 {
}
.dhxform_obj_dhx_web div.disabled div.dhxform_img.rdbt1 {
}
.dhxform_obj_dhx_web div.dhxform_actv_r.rdbt0 {
}
.dhxform_obj_dhx_web div.dhxform_actv_r.rdbt1 {
} */

.dhxform_obj_dhx_web div.dhxform_label {
	font-family: "Pretendard", Tahoma;
	font-size: inherit;
	color: var(--dhx-color-mainTextColor);
	overflow-x: hidden;
	overflow: hidden;
	white-space: nowrap;
}

.dhxform_obj_dhx_web div.dhxform_label.dhxform_label_align_left {
	text-align: left;
}

.dhxform_obj_dhx_web div.dhxform_label.dhxform_label_align_center {
	text-align: center;
}

.dhxform_obj_dhx_web div.dhxform_label.dhxform_label_align_right {
	text-align: right;
}

.dhxform_obj_dhx_web div.disabled div.dhxform_label,
.dhxform_obj_dhx_web div.disabled div.dhxform_label div.dhxform_label_nav_link,
.dhxform_obj_dhx_web div.disabled div.dhxform_label span.dhxform_item_required {
	color: var(--dhx-color-DisabledText);
}

.dhxform_obj_dhx_web div.dhxform_label span.dhxform_item_required {
	margin-left: 5px;
	color: var(--dhx-color-red);
}

.dhxform_obj_dhx_web input.dhxform_textarea,
.dhxform_obj_dhx_web textarea.dhxform_textarea {
	padding: 4px 4px !important;
	margin: 0px;
	font-size: 1em;
}

.dhxform_obj_dhx_web input.dhxform_textarea::-ms-clear,
.dhxform_obj_dhx_web textarea.dhxform_textarea::-ms-clear {
	display: none;
}

.dhxform_obj_dhx_web .dhxform_textarea {
	border: 1px solid var(--dhx-color-d6d6d6);
	font-family: "Pretendard", Tahoma;
	font-size: 1em;
	color: var(--dhx-color-mainTextColor);
	resize: none;
}

.dhxform_obj_dhx_web div.disabled .dhxform_textarea {
	color: var(--dhx-color-DisabledText);
	background-color: var(--dhx-color-white);
	border: 1px solid var(--dhx-color-f0f0f0);
}

.dhxform_obj_dhx_web div.dhxform_control.dhxform_img_node {
	position: relative;
}

.dhxform_obj_dhx_web div.dhxform_control.dhxform_img_node .dhxform_textarea {
	border: 1px solid var(--dhx-color-white);
	background-color: var(--dhx-color-white);
	color: var(--dhx-color-white);
	visibility: hidden;
	/* *height:1px;*line-height:1px;*display:inline;*/
}

.dhxform_obj_dhx_web div.dhxform_control.dhxform_img_node div.dhxform_img,
.dhxform_obj_dhx_web div.dhxform_control.dhxform_img_node div.dhxform_actv_c,
.dhxform_obj_dhx_web div.dhxform_control.dhxform_img_node div.dhxform_actv_r {
	float: none;
	top: 2px;
	left: 0px;
	position: absolute;
	margin: 0px;
}

.dhxform_obj_dhx_web div.dhxform_item_label_left div.dhxform_control.dhxform_img_node {
	margin-left: 2px;
}

.dhxform_obj_dhx_web div.dhxform_item_label_right div.dhxform_control.dhxform_img_node {
	margin-right: 0px;
}

/*	select														*/
.dhxform_obj_dhx_web .dhxform_select {
	border: 1px solid var(--dhx-color-d6d6d6);
	background-color: var(--dhx-color-white);
	font-family: "Pretendard", Tahoma;
	font-size: 1em;
	color: var(--dhx-color-mainTextColor);
	margin: 0px;
	padding: 3px 0px;
}

.dhxform_obj_dhx_web .dhxform_select option {
	padding-left: 2px;
}

.dhxform_obj_dhx_web div.disabled .dhxform_select {
	color: var(--dhx-color-DisabledText);
	background-color: var(--dhx-color-white);
	border: 1px solid var(--dhx-color-f0f0f0);
}

.dhxform_obj_dhx_web div.fs_dhxform_item_label_left {
	padding: 5px 0px 5px 0px;
}

.dhxform_obj_dhx_web div.fs_dhxform_item_label_left fieldset.dhxform_fs div.dhxform_base_nested.dhxform_fs_nested {
	margin-right: 19px;
	margin-left: 5px;
}

.dhxform_obj_dhx_web fieldset.dhxform_fs {
	border: 1px solid var(--dhx-color-d6d6d6);
	margin: 0px;
	padding: 5px 0px 15px 0px;
	clear: left;
	width: 100%;
}

.dhxform_obj_dhx_web div.disabled fieldset.dhxform_fs {
	border: 1px solid var(--dhx-color-f0f0f0);
}

.dhxform_obj_dhx_web fieldset.dhxform_fs legend.fs_legend {
	font-family: "Pretendard", Tahoma;
	font-size: inherit;
	color: var(--dhx-color-484848);
	font-weight: normal;
	padding: 0px 4px 1px 4px;
	margin-left: 5px;
	text-align: left;
}

.dhxform_obj_dhx_web div.disabled fieldset.dhxform_fs legend.fs_legend {
	color: var(--dhx-color-DisabledText);
}

.dhxform_obj_dhx_web div.dhxform_item_label_right {
	clear: both;
	padding-top: 6px;
	cursor: default;
}

.dhxform_obj_dhx_web div.dhxform_item_label_right div.dhxform_img,
.dhxform_obj_dhx_web div.dhxform_item_label_right div.dhxform_actv_c,
.dhxform_obj_dhx_web div.dhxform_item_label_right div.dhxform_actv_r {
	float: left;
	margin: 0px;
}

.dhxform_obj_dhx_web div.dhxform_item_label_right div.dhxform_label {
	float: left;
	padding: 2px 0px 2px 0px;
	margin: 2px 0 2px 0px;
}

.dhxform_obj_dhx_web div.dhxform_item_label_right div.dhxform_control {
	float: left;
	margin-right: 3px;
}

.dhxform_obj_dhx_web div.dhxform_item_label_left {
	clear: both;
	padding-top: 6px;
	cursor: default;
}

.dhxform_obj_dhx_web div.dhxform_item_label_left div.dhxform_img,
.dhxform_obj_dhx_web div.dhxform_item_label_left div.dhxform_actv_c,
.dhxform_obj_dhx_web div.dhxform_item_label_left div.dhxform_actv_r {
	float: right;
	margin: 0px;
}

.dhxform_obj_dhx_web div.dhxform_item_label_left div.dhxform_label {
	float: left;
	padding: 1px 0px 1px 0px;
	margin: 2px 0px 2px 0px;
}

.dhxform_obj_dhx_web div.dhxform_item_label_left div.dhxform_control {
	float: left;
	margin-left: 3px;
}

.dhxform_obj_dhx_web div.dhxform_item_label_top {
	clear: both;
}

.dhxform_obj_dhx_web div.dhxform_item_label_top div.dhxform_label {
	float: none;
	margin-bottom: 5px;
	margin-top: 8px;
}

.dhxform_obj_dhx_web div.dhxform_item_label_top div.dhxform_control {
	float: none;
	margin-left: 0px;
	margin-bottom: 5px;
}

.dhxform_obj_dhx_web div.dhxform_item_absolute {
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: default;
}

.dhxform_obj_dhx_web div.item_absolute div.dhxform_img,
.dhxform_obj_dhx_web div.item_absolute div.dhxform_actv_c,
.dhxform_obj_dhx_web div.item_absolute div.dhxform_actv_r {
	position: absolute;
}

.dhxform_obj_dhx_web div.dhxform_item_absolute div.dhxform_control,
.dhxform_obj_dhx_web div.dhxform_item_absolute div.dhxform_label,
.dhxform_obj_dhx_web div.dhxform_item_absolute div.dhxform_control.dhxform_img_node,
.dhxform_obj_dhx_web div.dhxform_item_absolute div.dhxform_txt_label2,
.dhxform_obj_dhx_web div.dhxform_item_absolute div.dhxform_btn,
.dhxform_obj_dhx_web div.block_item_absolute div.dhxform_block {
	position: absolute;
}

.dhxform_obj_dhx_web div.dhxform_txt_label2 {
	font-family: "Pretendard", Tahoma;
	color: var(--dhx-color-484848);
	font-weight: bold;
	margin: 0px 3px;
	padding: 5px 0px;
	cursor: default;
}

.dhxform_obj_dhx_web div.disabled div.dhxform_txt_label2 {
	color: var(--dhx-color-b3b3b3);
}

.dhxform_obj_dhx_web div.dhxform_btn {
	background-color: var(--dhx-color-btnBackground);
	margin: 1px 2x;
	float: left;
	cursor: default;
	clear: both;
	position: relative;
	overflow: hidden;
	font-family: "Pretendard", Tahoma;
	font-size: inherit;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: var(--dhx-color-00000000);
	border-radius: var(--dhx-radius);
	color: var(--dhx-color-btnText);
}

.dhxform_obj_dhx_web.dhxform_rtl div.dhxform_btn {
	float: right;
}

.dhxform_obj_dhx_web div.dhxform_btn.dhxform_btn_over {
	background-color: var(--dhx-color-btnHoverBackground);
	color: var(--dhx-color-btnHoverText);
}

.dhxform_obj_dhx_web div.dhxform_btn.dhxform_btn_pressed {
	background-color: var(--dhx-color-btnPressBackground);
	color: var(--dhx-color-btnPressText);
}

.dhxform_obj_dhx_web div.disabled div.dhxform_btn {
	background-color: var(--dhx-color-btnDisBackground);
	color: var(--dhx-color-btnDisText);
}

.dhxform_obj_dhx_web div.dhxform_btn div.dhxform_btn_txt {
	float: left;
	margin: 0px 17px;
	height: 24px;
	line-height: 23px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	opacity: 1;
}

.dhxform_obj_dhx_web div.dhxform_btn div.dhxform_btn_txt.dhxform_btn_txt_autowidth {
	width: 100%;
	margin: 0px;
}

.dhxform_obj_dhx_web div.disabled div.dhxform_btn div.dhxform_btn_txt {
	color: var(--dhx-color-DisabledText) !important;
}

.dhxform_obj_dhx_web div.dhxform_btn:focus {
	outline: 1px dotted var(--dhx-color-mainTextColor);
}

.dhxform_obj_dhx_web div.dhxform_btn div.dhxform_btn_filler {
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100px;
	left: 0px;
	top: 0px;
	background-color: var(--dhx-color-white);
	opacity: 0;
}

.dhxform_obj_dhx_web div.dhxform_control div.dhxform_note {
	font-family: "Pretendard", Tahoma;
	font-size: 0.8em;
	color: var(--dhx-color-808080);
	padding-bottom: 3px;
	white-space: normal;
}

.dhxform_obj_dhx_web div.disabled div.dhxform_control div.dhxform_note {
	color: var(--dhx-color-DisabledText);
}

.dhxform_obj_dhx_web div.dhxform_label span.dhxform_info {
	font-family: "Pretendard", Tahoma;
	font-size: 0.6em;
	color: var(--dhx-color-808080);
	margin-left: 3px;
	padding-bottom: 2px;
	line-height: 100%;
	vertical-align: middle;
	cursor: pointer;
}

.dhxform_obj_dhx_web .validate_error .dhxform_label,
.dhxform_obj_dhx_web .validate_error .dhxform_textarea,
.dhxform_obj_dhx_web .validate_error .dhxform_select,
.dhxform_obj_dhx_web .validate_error div.dhxform_label_nav_link,
.dhxform_obj_dhx_web .validate_error div.dhxform_label div.dhxform_label_nav_link:focus {
	color: var(--dhx-color-ffb3ba);
}

.dhxform_obj_dhx_web div.disabled .dhx_combo_box.dhx_web {
	border: 1px solid var(--dhx-color-f0f0f0);
}

.dhxform_obj_dhx_web div.disabled .dhx_combo_box.dhx_web .dhx_combo_input {
	color: var(--dhx-color-DisabledText);
	background-color: var(--dhx-color-white);
}

.dhxform_obj_dhx_web div.dhxform_item_template.dhxeditor_dhx_web div.dhx_cell_editor div.dhx_cell_cont_editor {
	border-left: 1px solid var(--dhx-color-d6d6d6);
	border-right: 1px solid var(--dhx-color-d6d6d6);
	border-bottom: 1px solid var(--dhx-color-d6d6d6);
}

.dhxform_obj_dhx_web div.dhxform_item_template.dhxeditor_dhx_web div.dhxcont_content_blocker {
	display: none;
}

.dhxform_obj_dhx_web div.disabled div.dhxform_item_template.dhxeditor_dhx_web div.dhxcont_content_blocker {
	display: inline;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: var(--dhx-color-white);
	opacity: 0.7;
}

.dhtmlx_skin_dhx_web div.dhtmlx_wins_body_inner .dhxform_obj_dhx_web {
	background-color: var(--dhx-color-white);
}

.dhxform_obj_dhx_web div.dhxform_control .dhx_combo_box.dhx_web .dhx_combo_input,
.dhx_combo_list.dhx_web_list div {
	font-size: 1em !important;
}

.dhxform_obj_dhx_web div.dhxform_image {
	position: relative;
	overflow: hidden;
	border: 1px solid var(--dhx-color-d6d6d6);
}

.dhxform_obj_dhx_web div.dhxform_image img.dhxform_image_img {
	position: absolute;
}

.dhxform_obj_dhx_web div.dhxform_image div.dhxform_image_wrap {
	position: absolute;
	background-color: var(--dhx-color-white);
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

/* 1. 기존 배경 이미지 제거 및 기본 레이아웃 설정 */
.dhxform_obj_dhx_web div.dhxform_image div.dhxform_image_wrap.dhxform_image_in_progress {
	background-image: none !important;
	/* 기존 gif 제거 */
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	opacity: 0.85;
	transition: opacity 0.1s;
}

/* 2. Font Awesome 스피너 아이콘 삽입 */
.dhxform_obj_dhx_web div.dhxform_image div.dhxform_image_wrap.dhxform_image_in_progress::before {
	content: "\f110";
	/* fa-spinner (Font Awesome 5/6 기준) */
	font-family: "Font Awesome 6 Free";
	/* 사용 중인 버전 확인 */
	font-weight: 900;
	font-size: 24px;
	/* 로딩 아이콘 크기 */
	color: #007bff;
	/* 로딩 바 색상 */

	/* 회전 애니메이션 적용 */
	display: inline-block;
	animation: fa-spin 1.5s infinite linear;
}

/* 3. 회전 애니메이션 정의 (Font Awesome 내장 클래스를 쓰지 못할 경우 대비) */
@keyframes fa-spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(350deg);
	}
}

.dhxform_obj_dhx_web div.dhxform_image div.dhxform_image_wrap.dhxform_image_in_progress form.dhxform_image_form {
	display: none;
}

.dhxform_obj_dhx_web div.dhxform_image div.dhxform_image_wrap form.dhxform_image_form {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

.dhxform_obj_dhx_web div.dhxform_image div.dhxform_image_wrap form.dhxform_image_form input.dhxform_image_input {
	cursor: pointer;
	outline: none;
	height: 1000px;
	font-size: 100px;
	opacity: 0;
}

.dhxform_obj_dhx_web div.disabled div.dhxform_image {
	border-color: var(--dhx-color-f0f0f0);
}

.dhxform_obj_dhx_web div.disabled div.dhxform_image img.dhxform_image_img {
	opacity: 0.5;
}

.dhxform_obj_dhx_web div.disabled div.dhxform_image div.dhxform_image_wrap {
	cursor: default;
}

.dhxform_obj_dhx_web div.disabled div.dhxform_image form.dhxform_image_form {
	display: none;
}

div.dhx_form_skin_detect {
	position: absolute;
	display: block;
	visibility: hidden;
	left: -100px;
	top: 0px;
	width: 20px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	border: none;
	overflow: hidden;
}

.dhxlayout_base_dhx_web {
	position: relative;
	cursor: default;
}

.dhxlayout_base_dhx_web div.dhxlayout_cont {
	position: absolute;
}

.dhxlayout_base_dhx_web div.dhxlayout_sep {
	position: absolute;
	background-color: var(--dhx-color-white);
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-tap-highlight-color: var(--dhx-color-00000000);
	-ms-touch-action: none;
	touch-action: none;
}

div.dhxlayout_sep_sw_dhx_web {
	position: absolute;
	left: 0px;
	top: -100px;
	width: 4px;
	height: 1px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.dhxlayout_base_dhx_web div.dhxlayout_sep.dhxlayout_sep_resize_v {
	cursor: w-resize;
	background-color: var(--dhx-color-ededed);
}

.dhxlayout_base_dhx_web div.dhxlayout_sep.dhxlayout_sep_resize_h {
	cursor: n-resize;
}

.dhxlayout_base_dhx_web div.dhxlayout_sep.dhxlayout_sep_resize_actv {
	background-color: var(--dhx-color-f2f2f2);
}

.dhxlayout_base_dhx_web div.dhx_cell_layout {
	position: absolute;
	background-color: var(--dhx-color-white);
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	cursor: default;
	z-index: 0;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_cover {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	background-color: var(--dhx-color-white);
	overflow: hidden;
	z-index: 1;
	opacity: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_cont_layout {
	position: absolute;
	border-left: 1px solid var(--dhx-color-defaultBorder);
	border-right: 1px solid var(--dhx-color-defaultBorder);
	border-bottom: 1px solid var(--dhx-color-defaultBorder);
	border-top: 0px solid var(--dhx-color-white);
	padding: 8px;
	overflow: hidden;
	z-index: 0;
	background: var(--dhx-color-000000);
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_cont_layout.dhx_cell_cont_no_borders {
	border: 0px solid var(--dhx-color-white) !important;
	padding: 0px;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_cont_layout,
.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_cont_layout {
	display: none;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_hdr {
	position: relative;
	height: 32px;
	line-height: 31px;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-484848);
	font-weight: bold;
	background-color: var(--dhx-color-layoutHdr);
	overflow: hidden;
	cursor: default;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_hdr.dhx_cell_hdr_hidden {
	height: 0px;
	line-height: 0px;
	border-top: 1px solid var(--dhx-color-defaultBorder);
	overflow: hidden;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_hdr.dhx_cell_hdr_hidden_no_borders {
	height: 0px;
	line-height: 0px;
	border-width: 0px;
	overflow: hidden;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_hdr div.dhx_cell_hdr_text {
	position: relative;
	margin: 0px 26px 0px 5px;
	overflow: hidden;
	white-space: nowrap;
	cursor: default;
}

/* �덉씠�꾩썐 肄쒕엻�� �쇰븣 �대뜑 �ш린 0�쇰줈 留뚮벀 */
.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr {
	height: 0px;
	line-height: 0px;
	color: var(--dhx-color-white);
	font-weight: normal;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr {
	width: 21px;
	/*background:-moz-linear-gradient(left,@gbg1,@gbg2);// not recognoze 'left' w/o -prefix- background:-webkit-linear-gradient(left,@gbg1,@gbg2);background:-o-linear-gradient(left,@gbg1,@gbg2);background:-ms-linear-gradient(left,@gbg1,@gbg2);// type=1 */
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text {
	position: absolute;
	left: 3px;
	bottom: 0px;
	transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform-origin: left center;
	font-weight: normal;
	text-overflow: ellipsis;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie8 {
	left: -6px;
	line-height: 20px;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie8 span {
	float: left;
	margin-bottom: 95%;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie9 {
	left: 0px;
	line-height: 20px;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie9 span {
	float: left;
	filter: none;
	margin-bottom: 95%;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie7 {
	left: -7px;
	line-height: 20px;
	padding-bottom: 10px;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie7 span {
	float: left;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie6 {
	left: -7px;
	line-height: 20px;
	padding-bottom: 10px;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie6 span {
	float: left;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_chrome {
	left: 3px;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow {
	position: absolute;
	right: 4px;
	top: 9px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	cursor: pointer;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	text-align: center;
	line-height: 16px;
	font-size: 10px;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_va::before {
	content: "\f0d9";
	/* fa-angle-up */
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_vb::before {
	content: "\f0da";
	/* fa-angle-down */
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_ha::before {
	content: "\f104";
	/* fa-angle-left */
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_hb::before {
	content: "\f105";
	/* fa-angle-right */
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_va {
	margin-right: 3px;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_ha::before {
	content: "\f105";
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_hb::before {
	content: "\f104";
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_va::before {
	content: "\f0da";
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_vb::before {
	content: "\f0d9";
}

body.dhxlayout_resize_v * {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: w-resize !important;
}

body.dhxlayout_resize_h * {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: n-resize !important;
}

.dhxlayout_base_dhx_web div.dhxlayout_resize_area {
	position: absolute;
	background-color: var(--dhx-color-defaultBorder);
	opacity: 0.25;
	z-index: 1;
	border: 2px dashed var(--dhx-color-mainTextColor);
	cursor: inherit;
}

.dhxlayout_base_dhx_web div.dhxlayout_resize_sep {
	position: absolute;
	background-color: var(--dhx-color-layoutHdr);
	overflow: hidden;
	display: block;
	opacity: 0.5;
	z-index: 2;
	cursor: inherit;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_statusbar_def,
.dhxlayout_base_dhx_web div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_statusbar_def {
	display: none;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_menu_def {
	position: relative;
	overflow: hidden;
	padding: 9px 9px 0px 9px;
	border-left: 1px solid var(--dhx-color-defaultBorder);
	border-right: 1px solid var(--dhx-color-defaultBorder);
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_menu_no_borders {
	position: relative;
	overflow: hidden;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_menu_def div.dhtmlxMenu_dhx_web_Middle,
.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_menu_no_borders div.dhtmlxMenu_dhx_web_Middle {
	padding: 0px 2px;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_toolbar_def {
	position: relative;
	overflow: hidden;
	padding: 9px 9px 0px 9px;
	border-left: 1px solid var(--dhx-color-defaultBorder);
	border-right: 1px solid var(--dhx-color-defaultBorder);
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_toolbar_def div.dhx_toolbar_dhx_web {
	border-top: 0px solid var(--dhx-color-white);
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_statusbar_def {
	position: absolute;
	bottom: 0px;
	width: 100%;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	background-color: var(--dhx-color-f4f4f4);
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
	position: relative;
	padding: 0px 4px;
	height: 21px;
	line-height: 21px;
	border-bottom: 1px solid var(--dhx-color-defaultBorder);
	border-left: 1px solid var(--dhx-color-defaultBorder);
	border-right: 1px solid var(--dhx-color-defaultBorder);
	white-space: nowrap;
	overflow: hidden;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_progress_bar {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: var(--dhx-color-white);
	z-index: 1;
	opacity: 0.75;
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_progress_img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	z-index: 2;
	display: flex;
	/* Flexbox 활성화 */
	align-items: center;
	/* 세로 정중앙 */
	justify-content: center;
	/* 가로 정중앙 */
}

.dhxlayout_base_dhx_web div.dhx_cell_layout div.dhx_cell_progress_img::before {
	content: "\f110";
	/* fa-spinner */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 24px;
	color: var(--dhx-color-tabBarBg);
	animation: fa-spin 2s infinite linear;
	display: flex;
	/* Flexbox 활성화 */
	align-items: center;
	/* 세로 정중앙 */
	justify-content: center;
	/* 가로 정중앙 */
}

.dhxlayout_base_dhx_web div.dhxcelltop_hdr {
	position: relative;
}

.dhxlayout_base_dhx_web div.dhxcelltop_ftr {
	position: absolute;
}

.dhxlayout_base_dhx_web div.dhxcelltop_progress {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: var(--dhx-color-white);
	z-index: 3;
	opacity: 0.55;
}

.dhxlayout_base_dhx_web div.dhxcelltop_progress_img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 4;
	/* 정중앙 정렬을 위한 설정 */
	display: flex;
	/* Flexbox 활성화 */
	align-items: center;
	/* 세로 정중앙 */
	justify-content: center;
	/* 가로 정중앙 */
}

.dhxlayout_base_dhx_web div.dhxcelltop_progress_img::before {
	content: "\f110";
	/* fa-spinner */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 24px;
	color: var(--dhx-color-tabBarBg);
	animation: fa-spin 2s infinite linear;
	/* 정중앙 정렬을 위한 설정 */
	display: flex;
	/* Flexbox 활성화 */
	align-items: center;
	/* 세로 정중앙 */
	justify-content: center;
	/* 가로 정중앙 */
}

.dhxlayout_base_dhx_web div.dhxcelltop_menu {
	position: relative;
	overflow: hidden;
	border-bottom: 9px solid var(--dhx-color-white);
}

.dhxlayout_base_dhx_web div.dhxcelltop_toolbar {
	position: relative;
	background-color: var(--dhx-color-white);
	padding-bottom: 9px;
	overflow: hidden;
}

.dhxlayout_base_dhx_web div.dhxcelltop_statusbar {
	position: absolute;
	overflow: hidden;
	background-color: var(--dhx-color-white);
}

.dhxlayout_base_dhx_web div.dhxcelltop_statusbar div.dhxcont_statusbar {
	position: relative;
	background-color: var(--dhx-color-f4f4f4);
	margin-top: 9px;
	border: 1px solid var(--dhx-color-defaultBorder);
	padding: 3px 4px;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
}

.dhxlayout_skin_detect {
	position: absolute;
	left: 0px;
	top: -100px;
	margin: 0;
	padding: 0;
	border: 0px solid var(--dhx-color-white);
	width: 20px;
	height: 10px;
	overflow: hidden;
}

.dhxtabbar_skin_detect {
	position: absolute;
	left: 0px;
	top: -100px;
	margin: 0;
	padding: 0;
	border: 0px solid var(--dhx-color-white);
	width: 20px;
	height: 10px;
	overflow: hidden;
}

.dhxtabbar_fullscreen {
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow: hidden;
}

.dhxtabbar_base_dhx_web {
	position: relative;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_cont {
	position: absolute;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs {
	position: absolute;
	top: 0px;
	bottom: auto;
	height: 32px;
	overflow: hidden;
	white-space: nowrap;
	background-color: var(--dhx-color-tabBarBg);
	border: none;
	z-index: 2;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs {
	top: auto;
	bottom: 0px;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_base {
	position: absolute;
	top: 0px;
	height: 32px;
	overflow: hidden;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
	position: absolute;
	width: 5000px;
	height: 32px;
	margin: 0px 1px;
	top: 0px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
	display: none;
}

/* 탭바 좌/우 화살표를 FA로 표시 */
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left .dhxtabbar_arrow_img,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right .dhxtabbar_arrow_img {
	background-image: none !important;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 14px;
	height: 32px;
	z-index: 4;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: pointer;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left.dhxtabbar_tabs_ar_hidden {
	display: none;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 14px;
	height: 32px;
	z-index: 4;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: pointer;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right.dhxtabbar_tabs_ar_hidden {
	display: none;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left .dhxtabbar_arrow_img::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0d9";
	/* fa-angle-left */
	display: block;
	font-size: 10px;
	line-height: 32px;
	/* 탭 높이와 맞추기 */
	text-align: center;
	color: var(--dhx-color-white);
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right .dhxtabbar_arrow_img::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0da";
	/* fa-angle-right */
	display: block;
	font-size: 10px;
	line-height: 32px;
	text-align: center;
	color: var(--dhx-color-white);
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab {
	position: relative;
	height: 26px;
	background-color: var(--dhx-color-btnDisText);
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-white);
	margin-top: 5px;
	border-left: 2px solid var(--dhx-color-tabBarBg);
	border-right: 2px solid var(--dhx-color-tabBarBg);
	z-index: 1;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_cont_left div.dhxtabbar_tab {
	float: left;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_cont_right div.dhxtabbar_tab {
	float: right;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab:hover {
	background-color: var(--dhx-color-white);
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab:hover div.dhxtabbar_tab_text {
	color: var(--dhx-color-mainTextColor);
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis {
	background-color: var(--dhx-color-8fb9d0);
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
	background-color: var(--dhx-color-white);
	color: var(--dhx-color-mainTextColor);
	height: 27px;
	z-index: 3;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_hidden {
	border: none;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
	position: relative;
	height: 26px;
	line-height: 25px;
	vertical-align: middle;
	top: 0px;
	color: var(--dhx-color-white);
	text-align: center;
	overflow: hidden;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text.dhxtabbar_tab_text_close {
	padding-right: 9px;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_text {
	border-left: 1px solid var(--dhx-color-white);
	border-right: 1px solid var(--dhx-color-white);
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
	color: var(--dhx-color-mainTextColor);
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis div.dhxtabbar_tab_text,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_text {
	color: var(--dhx-color-DisabledText);
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_close {
	position: absolute;
	top: 8px;
	right: 7px;
	width: 14px;
	height: 14px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 1;
}

/* 탭바에 폰트오썸아이콘으로 */
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_close::before {
	content: "\f2d3";
	font: var(--fa-font-solid);
	position: absolute;
	/* top:8px;right:7px;*/
	width: 14px;
	height: 14px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 1;
}

/* 탭바에 후버에 진 색상추가 */
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab:hover div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_close {
	background-position: -14px 0px;
	color: var(--dhx-color-tabBarBg);
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_close {
	background-position: -28px 0px;
}

span.dhxtabbar_tabs_text_test_dhx_web {
	position: absolute;
	visibility: hidden;
	right: 0px;
	top: 0px;
	font-weight: normal;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-f4f4f4);
	padding: 0px 6px;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
	border-top: 1px solid var(--dhx-color-defaultBorder);
	border-bottom: 0px solid var(--dhx-color-white);
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab {
	margin-top: 0px;
	height: 27px;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
	height: 27px;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
	border-top: 1px solid var(--dhx-color-tabBarBg);
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_text {
	border-top: 1px solid var(--dhx-color-white);
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left,
.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
	top: 1px;
}

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_close {
	top: 8px;
}

.dhxtabbar_base_dhx_web div.dhx_cell_tabbar {
	position: absolute;
	background-color: var(--dhx-color-white);
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	cursor: default;
	z-index: 0;
}

.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_cover {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	background-color: var(--dhx-color-white);
	overflow: hidden;
	z-index: 1;
	opacity: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
	position: absolute;
	border-left: 1px solid var(--dhx-color-defaultBorder);
	border-right: 1px solid var(--dhx-color-defaultBorder);
	border-bottom: 1px solid var(--dhx-color-defaultBorder);
	padding: 0px;
	border-top: 0px solid var(--dhx-color-white);
	overflow: hidden;
	z-index: 0;
}

.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_cont_tabbar.dhx_cell_cont_no_borders {
	border: 0px solid var(--dhx-color-white) !important;
	padding: 0px;
}

.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_menu_def {
	position: relative;
	overflow: hidden;
	padding: 9px 9px 0px 9px;
	border-left: 1px solid var(--dhx-color-defaultBorder);
	border-right: 1px solid var(--dhx-color-defaultBorder);
}

.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_menu_no_borders {
	position: relative;
	overflow: hidden;
	height: 20px;
}

.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_toolbar_def {
	position: relative;
	padding: 9px 9px 0px 9px;
	border-left: 1px solid var(--dhx-color-defaultBorder);
	border-right: 1px solid var(--dhx-color-defaultBorder);
}

.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhxrb_with_tabbar.dhxtabbar_base_dhx_web {
	margin-top: -1px;
}

.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_statusbar_def {
	position: absolute;
	bottom: 0px;
	width: 100%;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
	background-color: var(--dhx-color-f4f4f4);
}

.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
	position: relative;
	padding: 0px 4px;
	height: 28px;
	line-height: 27px;
	border-bottom: 1px solid var(--dhx-color-defaultBorder);
	border-left: 1px solid var(--dhx-color-defaultBorder);
	border-right: 1px solid var(--dhx-color-defaultBorder);
	white-space: nowrap;
	overflow: hidden;
}

.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_progress_bar {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: var(--dhx-color-white);
	z-index: 1;
	opacity: 0.75;
}

.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_progress_img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	z-index: 2;
	display: flex;
	/* Flexbox 활성화 */
	align-items: center;
	/* 세로 정중앙 */
	justify-content: center;
	/* 가로 정중앙 */
}

.dhxtabbar_base_dhx_web div.dhx_cell_tabbar div.dhx_cell_progress_img::before {
	content: "\f110";
	/* fa-spinner */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 24px;
	color: var(--dhx-color-tabBarBg);
	animation: fa-spin 2s infinite linear;
	display: flex;
	/* Flexbox 활성화 */
	align-items: center;
	/* 세로 정중앙 */
	justify-content: center;
	/* 가로 정중앙 */
}

.dhxwins_vp_dhx_web {
	overflow: hidden;
	position: relative;
	cursor: default;
}

.dhxwins_vp_auto {
	overflow: auto !important;
}

.dhxwins_vp_dhx_web div.dhxwin_active {
	position: absolute;
	overflow: hidden;
	border: 0px solid var(--dhx-color-white);
	box-shadow: 0px 0px 10px var(--dhx-color-00000059);
	background: var(--dhx-color-white);
	cursor: inherit;
}

.dhxwins_vp_dhx_web div.dhxwin_inactive {
	position: absolute;
	overflow: hidden;
	border: 0px solid var(--dhx-color-white);
	box-shadow: 0px 0px 10px var(--dhx-color-7f7f7f59);
	background: var(--dhx-color-white);
	cursor: inherit;
}

.dhxwins_vp_dhx_web div.dhxwin_brd {
	position: absolute;
	/* border-top:5px solid var(--dhx-color-tabBarBg); */
	border-left: 5px solid var(--dhx-color-tabBarBg);
	border-right: 5px solid var(--dhx-color-tabBarBg);
	border-bottom: 5px solid var(--dhx-color-tabBarBg);
	background: var(--dhx-color-white);
	z-index: 0;
}

.dhxwins_vp_dhx_web div.dhxwin_brd.dhxwin_hdr_hidden {
	border-top: 5px solid var(--dhx-color-tabBarBg);
}

.dhxwins_vp_dhx_web div.dhxwin_inactive div.dhxwin_brd {
	opacity: 0.6;
}

.dhxwins_vp_dhx_web div.dhxwin_fr_cover {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: var(--dhx-color-white);
	z-index: 1;
	opacity: 0;
}

.dhxwins_vp_dhx_web div.dhxwin_fr_cover .dhxwin_fr_cover_inner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: var(--dhx-color-white);
	opacity: 0;
}

.dhxwins_vp_dhx_web div.dhxwin_active div.dhxwin_fr_cover {
	display: none;
}

.dhxwins_vp_dhx_web div.dhxwin_inactive div.dhxwin_fr_cover {
	z-index: 4;
	opacity: 0.5;
}

.dhxwins_vp_dhx_web div.dhxwin_active div.dhxwin_fr_cover.dhxwin_fr_cover_dnd,
.dhxwins_vp_dhx_web div.dhxwin_active div.dhxwin_fr_cover.dhxwin_fr_cover_resize {
	display: block;
}

.dhxwins_vp_dhx_web iframe.dhxwin_main_fr_cover {
	position: absolute;
	background-color: var(--dhx-color-white);
	opacity: 0;
}

.dhxwins_vp_dhx_web div.dhxwin_hdr {
	position: relative;
	height: 27px;
	line-height: 27px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	border-top: 1px solid var(--dhx-color-white);
	border-left: 1px solid var(--dhx-color-white);
	border-right: 1px solid var(--dhx-color-white);
	border-bottom: 1px solid var(--dhx-color-white);
	background-color: var(--dhx-color-tabBarBg);
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-white);
	cursor: inherit;
	overflow: hidden;
	z-index: 3;
	-ms-touch-action: none;
	touch-action: none;
}

.dhxwins_vp_dhx_web div.dhxwin_inactive div.dhxwin_hdr {
	color: var(--dhx-color-bfbfbf);
	opacity: 0.6;
}

.dhxwins_vp_dhx_web div.dhxwin_hdr.dhxwin_hdr_parked {
	border-bottom: 1px solid var(--dhx-color-white);
}

.dhxwins_vp_dhx_web div.dhxwin_hdr.dhxwin_hdr_hidden {
	visibility: hidden;
}

.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_icon {
	position: absolute;
	left: 7px;
	top: 5px;
	width: 18px;
	height: 18px;
	cursor: default;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: inherit;
	z-index: 2;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_icon::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	/* regular */
	content: "\f2d0";
	/* fa-window-maximize */
	font-size: 14px;
	line-height: 18px;
}

.dhxwins_vp_dhx_web div.dhxwin_inactive div.dhxwin_hdr div.dhxwin_icon {
	opacity: 0.6;
}

.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_text {
	position: relative;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	white-space: nowrap;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: inherit;
	z-index: 1;
}

.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_text div.dhxwin_text_inside {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	color: var(--dhx-color-toolbar_text);
	background: var(--dhx-color-toolbar_background);
}

.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns {
	position: absolute;
	right: 7px;
	top: 4px;
	height: 18px;
	cursor: default;
	overflow: hidden;
	cursor: inherit;
	z-index: 2;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.dhxwins_vp_dhx_web div.dhxwin_inactive div.dhxwin_hdr div.dhxwin_btns {
	opacity: 0.5;
}

.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button,
.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis {
	position: relative;
	float: left;
	width: 15px;
	height: 15px;
	margin-left: 2px;
	margin-top: 3px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	background-repeat: no-repeat;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	text-align: center;
	line-height: 15px;
	font-size: 12px;
}

.dhxwins_vp_dhx_web div.dhxwin_active div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button:hover {
	background-color: var(--dhx-color-layoutHdr);
}

.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_close::before {
	content: "\f00d";
	/* fa-times */
}

.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_close_dis::before {
	content: "\f00d";
	/* fa-times */
}

.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_minmax::before {
	content: "\f2d0";
	/* fa-window-maximize */
}

.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_minmax_dis::before {
	content: "\f2d0";
	/* fa-window-maximize */
}

.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_minmaxed::before {
	content: "\f2d2";
	/* fa-window-restore */
}

.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_minmaxed_dis::before {
	content: "\f2d2";
	/* fa-window-restore */
}

.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_park::before,
.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_park_dis::before {
	content: "\f063";
	/* fa-arrow-down */
}

.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_stick::before,
.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_stick_dis::before,
.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_sticked::before,
.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_sticked_dis::before {
	content: "\f08d";
}

.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_help::before,
.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_help_dis::before {
	content: "\f059";
	font-weight: 400;
}

.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_dock::before,
.dhxwins_vp_dhx_web div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_dock_dis::before {
	content: "\f352";
	font-weight: 400;
}

.dhxwins_vp_dhx_web.dhxwins_vp_dnd {
	cursor: move !important;
}

.dhxwins_vp_dhx_web div.dhxwin_resize {
	position: absolute;
	background-color: var(--dhx-color-tabBarBg);
	opacity: 0.2;
}

.dhxwins_vp_dhx_web iframe.dhxwin_resize_fr_cover {
	position: absolute;
	background-color: var(--dhx-color-white);
	opacity: 0;
}

.dhxwins_vp_dhx_web div.dhxwins_mcover {
	position: absolute;
	background-color: var(--dhx-color-white);
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.53;
}

.dhxwins_vp_dhx_web iframe.dhxwins_mcover {
	position: absolute;
	background-color: var(--dhx-color-white);
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.dhxwins_vp_dhx_web div.dhxwin_active div.dhx_cell_wins,
.dhxwins_vp_dhx_web div.dhxwin_inactive div.dhx_cell_wins {
	position: absolute;
	/* background-color:var(--dhx-color-white); */
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	cursor: default;
	visibility: visible;
	z-index: 1;
	opacity: 1;
}

.dhxwins_vp_dhx_web div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cover,
.dhxwins_vp_dhx_web div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cover {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	background-color: var(--dhx-color-white);
	overflow: hidden;
	z-index: 1;
	opacity: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.dhxwins_vp_dhx_web div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cont_wins,
.dhxwins_vp_dhx_web div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cont_wins {
	position: absolute;
	/*border:1px solid var(--dhx-color-d3e6fe);*/
	/*padding:1px;*/
	border: 9px solid var(--dhx-color-white);
	background-color: var(--dhx-color-white);
	overflow: hidden;
	z-index: 0;
}

.dhxwins_vp_dhx_web div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cont_wins.dhx_cell_cont_no_borders,
.dhxwins_vp_dhx_web div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cont_wins.dhx_cell_cont_no_borders {
	border: 0px solid var(--dhx-color-white) !important;
}

.dhxwins_vp_dhx_web div.dhxwin_active div.dhx_cell_wins div.dhx_cell_menu_def,
.dhxwins_vp_dhx_web div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_menu_def {
	position: relative;
	overflow: hidden;
	padding: 9px 9px 0px 9px;
}

.dhxwins_vp_dhx_web div.dhxwin_active div.dhx_cell_wins div.dhx_cell_toolbar_def,
.dhxwins_vp_dhx_web div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_toolbar_def {
	position: relative;
	overflow: hidden;
	padding: 9px 9px 0px 9px;
	border-width: 0px;
}

.dhxwins_vp_dhx_web div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def,
.dhxwins_vp_dhx_web div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def {
	position: absolute;
	bottom: 0px;
	width: 100%;
	font-family: "Pretendard", Tahoma;
	font-size: 12px;
	color: var(--dhx-color-mainTextColor);
}

.dhxwins_vp_dhx_web div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text,
.dhxwins_vp_dhx_web div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
	position: relative;
	margin: 0px 9px 9px 9px;
	padding: 5px 12px;
	background-color: var(--dhx-color-f4f4f4);
	white-space: nowrap;
	overflow: hidden;
}

.dhxwins_vp_dhx_web div.dhx_cell_wins div.dhx_cell_progress_bar {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: var(--dhx-color-white);
	z-index: 1;
	opacity: 0.75;
}

.dhxwins_vp_dhx_web div.dhx_cell_wins div.dhx_cell_progress_img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	z-index: 2;
	display: flex;
	/* Flexbox 활성화 */
	align-items: center;
	/* 세로 정중앙 */
	justify-content: center;
	/* 가로 정중앙 */
}

.dhxwins_vp_dhx_web div.dhx_cell_wins div.dhx_cell_progress_img::before {
	content: "\f110";
	/* fa-spinner */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 24px;
	color: var(--dhx-color-tabBarBg);
	animation: fa-spin 2s infinite linear;
	display: flex;
	/* Flexbox 활성화 */
	align-items: center;
	/* 세로 정중앙 */
	justify-content: center;
	/* 가로 정중앙 */
}

.dhxwins_skin_detect {
	position: absolute;
	left: 0px;
	top: -100px;
	margin: 0;
	padding: 0;
	border: 0px solid var(--dhx-color-white);
	width: 20px;
	height: 10px;
	overflow: hidden;
}

div.dhxwins_vp_dhx_web.dhxwins_vp_fs {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_web {
	background-color: var(--dhx-color-f4f4f4);
}

div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls {
	border-bottom: 1px solid var(--dhx-color-white);
}

div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
	border-left-width: 1px;
}

div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
	border-right-width: 1px;
}

.dhtmlx_message_area {
	position: fixed;
	right: 5px;
	width: 250px;
	z-index: 1000;
	padding: 0px 0px;
}

.dhtmlx-info {
	color: var(--dhx-color-444);
	min-width: 120px;
	background: var(--dhx-color-white);
	font-size: 12px;
	font-family: "Pretendard", Tahoma;
	z-index: 10000;
	margin: 0px 5px 5px 5px;
	border: 1px solid var(--dhx-color-f5f5dc);
	box-shadow: 0px 0px 5px var(--dhx-color-cccccc);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.dhtmlx-info div {
	padding: 9px 9px 9px 15px;
	margin: 1px;
	background-color: var(--dhx-color-footerBack);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.dhtmlx-info.hidden {
	box-shadow: none;
	border-top: none;
	border-bottom: none;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}

.dhtmlx-info.hidden div {
	height: 0px;
	border-top: none;
	border-bottom: none;
	padding-bottom: 0px;
	padding-top: 0px;
	overflow: hidden;
}

.dhtmlx-error {
	border: 1px solid var(--dhx-color-bcbcbc);
	color: var(--dhx-color-fff);
}

.dhtmlx-error div {
	padding: 9px 9px 9px 18px;
	margin: 1px;
	background-color: var(--dhx-color-ffc4c4);
}

.dhtmlx_modal_box {
	overflow: hidden;
	display: inline-block;
	min-width: 300px;
	width: 300px;
	text-align: center;
	position: fixed;
	background-color: var(--dhx-color-fff);
	z-index: 20000;
	-moz-box-shadow: 0px 0px 5px var(--dhx-color-b0b0b0);
	-webkit-box-shadow: 0px 0px 0px var(--dhx-color-b0b0b0);
	box-shadow: 0px 0px 5px var(--dhx-color-b0b0b0);
	border: 1px solid var(--dhx-color-white);
}

.dhtmlx_popup_title {
	padding: 6px 0;
	font-size: 14px;
	line-height: 16px;
	font-family: "Pretendard", Tahoma;
}

.dhtmlx-info,
.dhtmlx_popup_title,
.dhtmlx_popup_button {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-moz-user-select: -moz-none;
	cursor: pointer;
}

.dhtmlx_popup_text {
	font-size: 13px;
	font-family: "Pretendard", Tahoma;
	color: var(--dhx-color-topText);
	min-height: 30px;
	padding: 20px 10px 10px 10px !important;
	overflow: hidden;
}

.dhtmlx_popup_controls {
	font-family: "Pretendard", Tahoma;
	font-weight: bold;
	padding: 10px 10px 17px 10px !important;
}

.dhtmlx_popup_button {
	font-size: 14px;
	font-family: "Pretendard", Tahoma;
	font-weight: normal;
	min-width: 80px;
	width: 80px;
	height: 24px;
	display: inline-block;
	margin: 0 5px;
	border-radius: var(--dhx-radius);
}

.dhtmlx_popup_button div {
	line-height: 24px;
}

div.dhx_modal_cover {
	background-color: var(--dhx-color-000);
	cursor: default;
	opacity: 0.2;
	position: fixed;
	z-index: 19999;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	border: none;
	zoom: 1;
}

.dhtmlx_popup_button {
	color: var(--dhx-text);
	border: 1px solid var(--dhx-color-d1d1d1);
	box-shadow: 0px 0px 1px var(--dhx-color-1a1a1a);
}

.dhtmlx_popup_button:active,
.dhtmlx_popup_button:focus {
	background: var(--dhx-color-btnBackground);
}

.dhtmlx_popup_button:first-child {
	background: var(--dhx-color-btnBackground);
	color: var(--dhx-color-btnText);
	border: 1px solid var(--dhx-color-tabBarBg);
	/* box-shadow:none; */
}

.dhtmlx-alert-error .dhtmlx_popup_title,
.dhtmlx-confirm-error .dhtmlx_popup_title {
	color: var(--dhx-color-btnText);
	background: var(--dhx-color-btnBackground);
}

.dhtmlx-alert-error .dhtmlx_popup_button:first-child,
.dhtmlx-confirm-error .dhtmlx_popup_button:first-child {
	background: var(--dhx-color-btnBackground);
	border: 1px solid var(--dhx-color-ffc4c4);
}

.dhtmlx-alert-warning .dhtmlx_popup_title,
.dhtmlx-confirm-warning .dhtmlx_popup_title {
	color: var(--dhx-color-btnText);
	background: var(--dhx-color-btnBackground);
}

.dhtmlx-alert .dhtmlx_popup_title,
.dhtmlx-confirm .dhtmlx_popup_title {
	color: var(--dhx-color-btnText);
	background: var(--dhx-color-btnBackground);
}

.dhtmlx-alert-error:hover .dhtmlx_popup_button:first-child:hover,
.dhtmlx-confirm-error:hover .dhtmlx_popup_button:first-child:hover {
	color: var(--dhx-color-btnHoverText);
	background: var(--dhx-color-btnHoverBackground);
}

div.dhx_cal_event_clear,
.dhx_cal_event_line_start,
.dhx_cal_event_line_end {
	padding: 3px 12px 0 0;
	margin-left: 1px;
	border-radius: 5px;
	font-size: 10px;
	display: inline-table !important;
	/* 자식 너비만큼 부모가 늘어남 */
}

/* 1. 기본 폼 요소 스타일 적용 */
.dhxform_obj_dhx_web input,
.dhxform_obj_dhx_web textarea,
.dhxform_obj_dhx_web select {
	border: 1px solid var(--dhx-border);
	/* --dhx-radius 대신 고정값(예: 6px)을 주거나 상단 :root에 --dhx-radius: 6px;를 추가해야 합니다 */
	border-radius: 6px;
	color: var(--dhx-color-mainTextColor);
	/* 다크모드 인풋 글자는 조금 더 밝은 색이 가독성에 좋습니다 */
	background-color: var(--dhx-color-white);
	/* 배경색을 명시해 주는 것이 안전합니다 */
}

/* 2. [핵심] 웹킷 date 인풋 달력 아이콘 다크모드 최적화 */
input[type="date"]::-webkit-calendar-picker-indicator {
	cursor: pointer;
	/* 
       ★ 중요: color 대신 filter를 사용해 브라우저 기본 검은색 아이콘을 흰색/밝은색으로 반전시킵니다.
       invert(0.8)을 주면 다크모드 텍스트 톤과 완벽하게 어우러집니다.
    */
	filter: invert(0.8);
}

/* width: 100% !important; */
/* text-shadow: 1px 1px 1px var(--dhx-color-btnDisText),1px -1px 1px var(--dhx-color-btnDisText),-1px 1px 1px var(--dhx-color-btnDisText),-1px -1px 1px var(--dhx-color-btnDisText); */

@media (max-width: 767px) {

	div.dhx_cal_event_clear,
	.dhx_cal_event_line_start,
	.dhx_cal_event_line_end {
		padding: 3px 0 0 0;
		font-size: 8px;
		border-radius: 5px;
	}
}

/* 
.full_width_event {
    width: 100% !important;
    left: 0 !important;
} */

/* ==========================================================================
   Dark Mode Theme
   - Activated via <html data-theme="dark"> or <body data-theme="dark">
   ========================================================================== */
[data-theme="dark"] {
	/* 1. Base & Theme (Inverted/Darkened) */
	--dhx-text: #b7b7b7;
	--dhx-border: #424242;
	--dhx-background: #1e1e1e;
	--dhx-color-fff: #1e1e1e;
	--dhx-color-white: #1e1e1e;
	--dhx-color-000: #000;
	/* Keep black for shadows/overlays */
	--dhx-color-mainTextColor: #c3c3c3;
	/* Main Text */
	--dhx-color-tabBarBg: #393939;
	/* Primary Blue 툴바등에 쓰임*/
	--dhx-color-layoutHdr: #484d50;
	/* Selection BG */
	--dhx-color-defaultBorder: #424242;
	/* Borders */
	--dhx-color-DisabledText: #757575;
	/* Disabled Text */
	--dhx-color-DisabledComboBack: #252525;
	/* Disabled BG */
	--dhx-color-red: #ff5a5a;
	--dhx-color-808080: #e0e0e0;

	--dhx-color-CalendarText: #ececec;
	--dhx-color-CalendarBack: #424242;

	--dhx-color-lText: rgb(183, 131, 131);
	--dhx-color-gText: rgb(112, 155, 112);
	--dhx-color-bText: rgb(101, 101, 215);

	--dhx-color-GroupTextColor: #d7aea1;

	/* 2. Shadows */
	--dhx-color-00000040: rgba(0, 0, 0, 0.6);
	--dhx-color-00000059: rgba(0, 0, 0, 0.8);
	--dhx-color-7f7f7f59: rgba(0, 0, 0, 0.5);

	/* 3. Components */
	/* Calendar */
	--dhx-color-e3f2fd: #263238;
	--dhx-color-ffb7b2: #e57373;
	--dhx-color-ffecec: #3e2723;
	--dhx-color-fff5f5: #4e342e;
	--dhx-color-c4c4c4: #616161;
	--dhx-color-ededed: #212121;

	/* Forms */
	--dhx-color-d6d6d6: #616161;
	--dhx-color-ffb3ba: #e57373;
	--dhx-color-fff1f1: #3e2723;
	--dhx-color-f0f0f0: #2c2c2c;

	/* Grid */
	--dhx-color-d8d8d8: #333333;
	--dhx-color-d6eaf8: #263238;
	--dhx-color-0d47a1: #90caf9;
	--dhx-color-footerBack: #494949;
	--dhx-color-fff9c4: #4e342e;

	/* Menu/Toolbar */
	--dhx-color-f4f4f4: #252525;
	--dhx-color-c1c1c1: #424242;
	--dhx-color-8fb9d0: #546e7a;

	--dhx-color-highlight_text: #f9a890;
	--dhx-color-toolbar_text: #bcbcbc;
	--dhx-color-toolbar_background: #393939;
	--dhx-color-btnText: #bcbcbc;
	--dhx-color-btnBackground: #393939;
	--dhx-color-btnHoverText: #bcbcbc;
	--dhx-color-btnHoverBackground: #979797;
	--dhx-color-btnDisText: #787878;
	--dhx-color-btnDisBackground: #393939;
	--dhx-color-btnPressText: #bcbcbc;
	--dhx-color-btnPressBackground: #393939;

	--dhx-color-dragBackground: #546e7a;
	--dhx-color-dragBorder: #3f3f3f;

	--dhx-color-hotText: #818cf8;

	--dhx-color-topText: #8f8f8f;
	--dhx-color-ffc4c4: #8f8f8f;
	/* Windows */
	--dhx-color-bfbfbf: #9e9e9e;
	--dhx-color-d1d1d1: #424242;
	--dhx-color-626262: #bdbdbd;
	--dhx-color-efefef: #333333;
	--dhx-color-d9d9d9: #000000;

	/* Charts */
	--dhx-color-6d6d6d: #9e9e9e;
	--dhx-color-aaa: #757575;

	/* Misc Grayscale */
	--dhx-color-1a1a1a: #e0e0e0;
	--dhx-color-2c2c2c: #d0d0d0;
	--dhx-color-444: #cccccc;
	--dhx-color-484848: #b0b0b0;
	--dhx-color-5a5a5a33: #c2cace;
	--dhx-color-5c7080: #90a4ae;
	--dhx-color-778899: #b0bec5;
	--dhx-color-7b7b7b: #9e9e9e;
	--dhx-color-919191: #bdbdbd;
	--dhx-color-9e9e9e: #757575;
	--dhx-color-ffb3baef: #e57373;
	--dhx-color-a6a6a6: #616161;
	--dhx-color-aed9e0: #546e7a;
	--dhx-color-b0b0b0: #424242;
	--dhx-color-b3b3b3: #424242;
	--dhx-color-b4b4b4: #424242;
	--dhx-color-bcbcbc: #424242;
	--dhx-color-bfcad0: #37474f;
	--dhx-color-c0c0c0: #424242;
	--dhx-color-c3c3c3: #424242;
	--dhx-color-cccccc: #424242;
	--dhx-color-d3d3d3: #333333;
	--dhx-color-d4e1e9: #263238;
	--dhx-color-d5d5d5: #333333;
	--dhx-color-dedede: #333333;
	--dhx-color-e5e5e5: #2c2c2c;
	--dhx-color-e5eff1: #2c2c2c;
	--dhx-color-e8e8e8: #2c2c2c;
	--dhx-color-eaeaea: #2c2c2c;
	--dhx-color-ececec: #2c2c2c;
	--dhx-color-f2f2f2: #1e1e1e;
	--dhx-color-f3e5ab: #f57f17;
	--dhx-color-f6f6f6: #121212;
	--dhx-color-ffdac1: #ffab91;
	--dhx-color-b4d8e7: #455a64;
	--dhx-color-bbd9ee: #455a64;
	--dhx-color-e1f5fe: #263238;
	--dhx-color-ebf5fb: #263238;

	/* Icons & Named */
	--dhx-color-bg-container: #1e1e1e;
	--dhx-color-bg-combo: #2c2c2c;
	--dhx-color-bg-input: #b7b7b7;
	--dhx-color-bg-input-number: #2c2c2c;
	--dhx-color-bg-input-multiline: #2c2c2c;
	--dhx-color-bg-calendar: #263238;
	--dhx-color-bg-datecell: #3e2723;
	--dhx-color-bg-location: #1e1e1e;
	--dhx-color-bg-multiline-append: #333333;
}

[data-theme="dark"] .vault-layout,
[data-theme="dark"] .vault-file-grid,
[data-theme="dark"] .vault {
	background: var(--dhx-color-white);
	color: var(--dhx-text);
}

[data-theme="dark"] .dhx_cell.layout_y.vault-layout.dhx_widget {
	/* border: 1px solid var(--dhx-color-btnPressBackground); */
	/* 점선 테두리 설정 */
	border: 2px dashed var(--dhx-color-btnPressBackground);

	/* 모서리 라운딩 */
	border-radius: 15px;

	/* 내부 여백 및 정렬 */
	padding: 5px;
	color: var(--dhx-text);

	text-align: center;
	background-color: var(--dhx-color-white);

	/* 마우스 커서 변경 및 부드러운 전환 효과 */
	cursor: pointer;
	transition: all 0.3s ease;
	/* background: var(--dhx-color-white); */
}

[data-theme="dark"] .drop-files-here {
	border-top: 1px solid var(--dhx-color-btnPressBackground);
	background: var(--dhx-color-white);
}

[data-theme="dark"] .dhx-dropable-area {
	color: var(--dhx-text);
}

[data-theme="dark"] .dhx-dropable-area .drop-area-light-text {
	color: var(--dhx-text);
}

[data-theme="dark"] .dhx-dropable-area .drop-area-bold-text {
	color: var(--dhx-text);
}

[data-theme="dark"] .dhx-icon-block.fas.fa-image {
	color: var(--dhx-text);
}

[data-theme="dark"] .dhx-icon-block.dxi.dxi-plus {
	color: var(--dhx-text);
}

[data-theme="dark"] .dhx-grid-content {
	border-top: 1px solid var(--dhx-color-btnPressBackground);
	background: var(--dhx-color-white);
}

[data-theme="dark"] .vault-topbar {
	background: var(--dhx-color-white);
	border-bottom: 0px;
	color: var(--dhx-text);
}

[data-theme="dark"] .vault .dhx-files-grid .dhx-file-grid-item>.dhx-file-name {
	color: var(--dhx-text);
}

[data-theme="dark"] .dhx-file-name {
	color: var(--dhx-text);
}

[data-theme="dark"] .vault.dhx_widget {
	background: var(--dhx-color-white);
}

[data-theme="dark"] .vault .dhx-files-grid {
	background: var(--dhx-color-white);
}

[data-theme="dark"] .toastui-editor-contents,
.toastui-editor-dark,
.toastui-editor-dark .toastui-editor-contents p {
	background: var(--dhx-color-white);
	color: var(--dhx-text);
}

[data-theme="dark"] .toastui-editor-dark {
	background: var(--dhx-color-white);
	color: var(--dhx-text);
}

/* Dark Mode Focus & Active States Overrides */
[data-theme="dark"] .dhx_input:focus,
[data-theme="dark"] .dhx_combobox-input-box--active,
[data-theme="dark"] .dhx_combobox-input-box:focus-within {
	box-shadow: inset 0 0 0 1px var(--dhx-color-tabBarBg);
}

[data-theme="dark"] .dhx_checkbox__input:focus+.dhx_checkbox__visual-input,
[data-theme="dark"] .dhx_radiobutton__input:focus+.dhx_radiobutton__visual-input {
	border-color: var(--dhx-color-tabBarBg);
}

[data-theme="dark"] .dhx_timepicker-input:focus {
	border-bottom-color: var(--dhx-color-tabBarBg);
	padding: 8px;
}

/* dhxform_container  */
/* Dark Mode Form Elements Background Fix */
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea,
[data-theme="dark"] .dhx_input,
[data-theme="dark"] .dhxform_obj_dhx_web input,
[data-theme="dark"] .dhxform_obj_dhx_web textarea,
[data-theme="dark"] .dhxform_obj_dhx_web select {
	background-color: var(--dhx-color-white);
	color: var(--dhx-color-mainTextColor);
	border-color: var(--dhx-color-defaultBorder);
}

/* 기본 컨테이너 및 텍스트 */
[data-theme="dark"] .dhx_cal_container {
	background-color: #1e1e1e;
	/* 짙은 배경 */
	color: #e0e0e0;
}

/* 네비게이션 라인 (상단 바) */
[data-theme="dark"] .dhx_cal_navline .dhx_cal_date,
[data-theme="dark"] .dhx_cal_navline .dhx_cal_today_button {
	/* background-color: #2d2d2d; */
	color: #ffffff;
}

[data-theme="dark"] .dhx_cal_prev_button,
[data-theme="dark"] .dhx_cal_next_button {
	background-image: none !important;
	/* Remove existing background images */
	background-color: transparent !important;
	/* Ensure no background color obscures the icon */
	display: flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	/* Remove borders if any */
	width: 30px;
	/* Adjust width to fit icon better */
	height: 30px;
	/* Keep existing height or adjust */
	padding: 0;
	/* Remove padding */
	box-sizing: border-box;
	/* Ensure padding/border don't affect overall size */
}

/* 화살표 버튼 (Font Awesome) */
[data-theme="dark"] .dhx_cal_prev_button::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 12px;
	color: var(--dhx-color-btnHoverBackground);
	content: "\f104";
}

[data-theme="dark"] .dhx_cal_next_button::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 12px;
	color: var(--dhx-color-btnHoverBackground);
	content: "\f105";
}

[data-theme="dark"] .dhx_cal_prev_button:hover::before,
[data-theme="dark"] .dhx_cal_next_button:hover::before {
	color: #ffffff;
	/* 호버 시 화이트 */
}

/* 헤더 및 스케일 바 (요일 표시 부분) */
[data-theme="dark"] .dhx_cal_header,
[data-theme="dark"] .dhx_scale_bar {
	background: #252525;
	color: #aaaaaa;
	border: 1px solid #3f3f3f;
}

/* 월간 뷰 - 날짜 숫자 부분 */
[data-theme="dark"] .dhx_month_head {
	background: #2d2d2d;
	color: #e0e0e0;
	border-right: 1px solid #3f3f3f;
	border-bottom: 1px solid #3f3f3f;
}

/* 월간 뷰 - 날짜 몸통 부분 */
[data-theme="dark"] .dhx_month_body {
	background: #1e1e1e;
	border-right: 1px solid #3f3f3f;
	border-bottom: 1px solid #3f3f3f;
}

/* 이전달/다음달 날짜 (Muted) */
[data-theme="dark"] .dhx_before .dhx_month_head,
[data-theme="dark"] .dhx_after .dhx_month_head {
	background: #252525;
	color: #555555;
	/* 글자색을 흐리게 */
}

[data-theme="dark"] .dhx_before .dhx_month_body,
[data-theme="dark"] .dhx_after .dhx_month_body {
	background: #1a1a1a;
	/* 배경을 더 어둡게 */
	color: #ffffff !important;
}

/* 오늘(Today) 날짜 강조 */
[data-theme="dark"] .dhx_now .dhx_month_head {
	background: #4a9eff !important;
	/* 파란색 포인트 */
	color: #ffffff !important;
}

[data-theme="dark"] .dhx_now .dhx_month_body {
	background: rgba(74, 158, 255, 0.1);
	/* 연한 파란색 잔상 */
	color: #ffffff !important;
}

[data-theme="dark"] div.dhx_cal_event_clear,
.dhx_cal_event_line_start,
.dhx_cal_event_line_end {
	padding: 3px 12px 0 0;
	margin-left: 1px;
	border-radius: 5px;
	font-size: 10px;
	display: inline-table !important;
	/* 자식 너비만큼 부모가 늘어남 */
}

/* 1. 기본 폼 요소 스타일 적용 */
[data-theme="dark"] .dhxform_obj_dhx_web input,
[data-theme="dark"] .dhxform_obj_dhx_web textarea,
[data-theme="dark"] .dhxform_obj_dhx_web select {
	border: 1px solid var(--dhx-border);
	/* --dhx-radius 대신 고정값(예: 6px)을 주거나 상단 :root에 --dhx-radius: 6px;를 추가해야 합니다 */
	border-radius: 6px;
	color: var(--dhx-color-mainTextColor);
	/* 다크모드 인풋 글자는 조금 더 밝은 색이 가독성에 좋습니다 */
	background-color: var(--dhx-color-white);
	/* 배경색을 명시해 주는 것이 안전합니다 */
}

/* 2. [핵심] 웹킷 date 인풋 달력 아이콘 다크모드 최적화 */
[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator {
	cursor: pointer;
	/* 
       ★ 중요: color 대신 filter를 사용해 브라우저 기본 검은색 아이콘을 흰색/밝은색으로 반전시킵니다.
       invert(0.8)을 주면 다크모드 텍스트 톤과 완벽하게 어우러집니다.
    */
	filter: invert(0.8);
}

@media (max-width: 767px) {

	/* [data-theme="dark"]가 상위 요소(html/body)에 있을 때 */
	[data-theme="dark"] div.dhx_cal_event_clear,
	[data-theme="dark"] .dhx_cal_event_line_start,
	[data-theme="dark"] .dhx_cal_event_line_end {
		padding: 3px 0 0 0;
		font-size: 8px;
		border-radius: 5px;
		/* 다크 모드 전용 색상이 필요하다면 여기에 추가 */
	}
}