@charset "UTF-8";
/* 모든 컨트롤에 적용될 기본 폰트 */
/* 기본 텍스트 색상 */
/* disable 상태를 나타내는 텍스트 색상 */
/* 기본 보더 색상 */
/* 포커스 보더 색상 */
/* Disable 상태의 보더 색상. */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 마우스 호버시의 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 마우스 호버시의 배경 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 선택된 경우 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템이 선택된 경우 배경 색상 */
/* 내부에 아이템을 갖는 컨트롤이 Disabled된 경우, 각 아이템에 선택된 경우 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 Disabled된 경우, 각 아이템이 선택된 경우 배경 색상 */
/* 
 * Define Custom variables
 * Template Name : EXBSP
 * Author : Da-eun Ryu
 * File : less
 */
/************************************************
 * 컬러 시스템
 ************************************************/
/************************************************
 * 바디
 ************************************************/
/************************************************
 * 폰트
 ************************************************/
/************************************************
 * 컴포넌트(컨트롤)
 ************************************************/
/************************************************
 * 컴포넌트(인풋 계열)
 ************************************************/
/************************************************
 * 컴포넌트(셀렉션 계열)
 ************************************************/
/************************************************
 * 버튼
 ************************************************/
/************************************************
 * 폼
 ************************************************/
/************************************************
 * 테이블(그리드)
 ************************************************/
/************************************************
 * 탭
 ************************************************/
/************************************************
 * 모달(다이얼로그)
 ************************************************/
/************************************************
 * 캘린더
 ************************************************/
/************************************************
 * 아이콘
 ************************************************/
.item-ico.co-main:before {
  filter: brightness(0) saturate(100%) invert(29%) sepia(98%) saturate(1008%) hue-rotate(188deg) brightness(88%) contrast(95%);
}
.item-ico.co-gray:before {
  filter: brightness(0) saturate(100%) invert(35%) sepia(32%) saturate(0%) hue-rotate(157deg) brightness(102%) contrast(84%);
}
.item-ico.co-light-gray:before {
  filter: brightness(0) saturate(100%) invert(71%) sepia(97%) saturate(0%) hue-rotate(173deg) brightness(91%) contrast(83%);
}
.item-ico.co-del:before {
  filter: brightness(0) saturate(100%) invert(28%) sepia(63%) saturate(1553%) hue-rotate(331deg) brightness(107%) contrast(103%);
}
.item-ico.co-white:before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(105%) contrast(105%);
}
.w-100p {
  width: 100% !important;
  min-width: auto !important;
}
/* display */
.ds-ib {
  display: inline-block !important;
}
.ds-b {
  display: block !important;
}
.ds-f {
  display: flex !important;
}
.ds-n {
  display: none !important;
}
.hide {
  display: none !important;
}
/* text-align */
.ta-l {
  text-align: left !important;
}
.ta-c {
  text-align: center !important;
}
.ta-r {
  text-align: right !important;
}
/* 모든 UIControl 공통 스타일 */
.cl-control {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  color: #333;
}
/* 오류 발생시 표시되는 메시지 스타일 */
.cl-scrollbar.cl-touchdevice::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
  height: 5px;
}
.cl-scrollbar.cl-touchdevice::-moz-scrollbar {
  -moz-appearance: none;
  width: 5px;
  height: 5px;
}
.cl-scrollbar.cl-touchdevice::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  border: solid 1px transparent;
  background-clip: content-box;
}
.cl-scrollbar.cl-touchdevice::-moz-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  border: solid 1px transparent;
  background-clip: content-box;
}
body.cl-has-modal {
  overflow: hidden;
}
/* 넘버 에디터  */
.cl-numbereditor {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  text-align: right;
  /* 넘버 에디터 텍스트 */
  /* 넘버 에디터 클리어 버튼*/
  /* 넘버 에디터 disabled 상태  */
}
.cl-numbereditor .cl-text {
  padding: 0px 10px;
}
.cl-numbereditor .cl-text.cl-placeholder {
  color: #aaa !important;
  font-style: normal;
  font-weight: 400;
}
.cl-numbereditor .cl-numbereditor-buttons {
  border-left: 1px solid #ddd;
  /* 넘버 에디터 스핀 업 버튼 */
  /* 넘버 에디터 스핀 다운 버튼 */
}
.cl-numbereditor .cl-numbereditor-buttons .cl-numbereditor-increase,
.cl-numbereditor .cl-numbereditor-buttons .cl-numbereditor-decrease {
  background-size: auto;
}
.cl-numbereditor .cl-numbereditor-buttons .cl-numbereditor-increase {
  background-image: url("images/controls/numbereidtor/ic_spin_up.png");
}
.cl-numbereditor .cl-numbereditor-buttons .cl-numbereditor-decrease {
  background-image: url("images/controls/numbereidtor/ic_spin_down.png");
}
.cl-numbereditor .cl-numbereditor-clear {
  background-image: url("images/controls/inputbox/ic_text_clear.png");
  background-size: auto;
  background-position: left center;
  width: 22px;
}
.cl-numbereditor:not(.cl-disabled) {
  /* 넘버 에디터 스핀 업 버튼 호버 */
  /* 넘버 에디터 스핀 업 버튼 액티브  */
  /* 넘버 에디터 스핀 다운 버튼 호버 */
  /* 넘버 에디터 스핀 다운 버튼 액티브 */
}
.cl-numbereditor:not(.cl-disabled) .cl-numbereditor-increase:hover {
  background-image: url("images/controls/numbereidtor/ic_spin_up_h.png");
  background-color: transparent;
}
.cl-numbereditor:not(.cl-disabled) .cl-numbereditor-increase:active {
  background-image: url("images/controls/numbereidtor/ic_spin_up_on.png");
  background-color: transparent;
}
.cl-numbereditor:not(.cl-disabled) .cl-numbereditor-decrease:hover {
  background-image: url("images/controls/numbereidtor/ic_spin_down_h.png");
  background-color: transparent;
}
.cl-numbereditor:not(.cl-disabled) .cl-numbereditor-decrease:active {
  background-image: url("images/controls/numbereidtor/ic_spin_down_on.png");
  background-color: transparent;
}
.cl-numbereditor.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
}
/* 넘버 에디터 focus 상태 */
.cl-numbereditor.cl-focus {
  border-color: #1B7AB3;
  /* 넘버 에디터 focus 상태 스핀 버튼 영역 */
}
.cl-numbereditor.cl-focus .cl-numbereditor-buttons {
  border-left-color: #1B7AB3;
}
/* 데이트 인풋 */
.cl-dateinput {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  /* 데이트 인풋 텍스트 */
  /* 데이트 인풋 버튼 */
  /* 데이트 인풋 클리어 버튼 */
}
.cl-dateinput .cl-text {
  padding: 0px 10px;
}
.cl-dateinput .cl-text.cl-placeholder {
  color: #aaa !important;
  font-style: normal;
  font-weight: 400;
}
.cl-dateinput .cl-dateinput-button {
  background-image: url("images/controls/dateinput/ic_calendar.png");
  background-size: auto;
  width: 22px;
}
.cl-dateinput .cl-dateinput-button.cl-left {
  background-position: right center;
}
.cl-dateinput .cl-dateinput-button.cl-right {
  background-position: left center;
}
.cl-dateinput .cl-dateinput-clear {
  background-image: url("images/controls/inputbox/ic_text_clear.png");
  background-size: auto;
  background-position: left center;
  width: 22px;
}
.cl-dateinput .cl-dateinput-spinbuttons {
  border-left: 1px solid #ddd;
}
.cl-dateinput .cl-dateinput-spinbuttons .cl-dateinput-increase,
.cl-dateinput .cl-dateinput-spinbuttons .cl-dateinput-decrease {
  background-size: auto;
}
.cl-dateinput .cl-dateinput-spinbuttons .cl-dateinput-increase {
  background-image: url("images/controls/numbereidtor/ic_spin_up.png");
}
.cl-dateinput .cl-dateinput-spinbuttons .cl-dateinput-decrease {
  background-image: url("images/controls/numbereidtor/ic_spin_down.png");
}
.cl-dateinput:not(.cl-disabled) .cl-dateinput-increase:hover {
  background-image: url("images/controls/numbereidtor/ic_spin_up_h.png");
  background-color: transparent;
}
.cl-dateinput:not(.cl-disabled) .cl-dateinput-increase:active {
  background-image: url("images/controls/numbereidtor/ic_spin_up_on.png");
  background-color: transparent;
}
.cl-dateinput:not(.cl-disabled) .cl-dateinput-decrease:hover {
  background-image: url("images/controls/numbereidtor/ic_spin_down_h.png");
  background-color: transparent;
}
.cl-dateinput:not(.cl-disabled) .cl-dateinput-decrease:active {
  background-image: url("images/controls/numbereidtor/ic_spin_down_on.png");
  background-color: transparent;
}
.cl-dateinput.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
  /* 데이트 인풋 disabled 상태 버튼 */
}
.cl-dateinput.cl-disabled .cl-dateinput-button {
  background-image: url("images/controls/dateinput/ic_calendar.png");
}
.cl-dateinput.cl-focus {
  border-color: #1B7AB3;
}
.cl-dateinput.cl-focus:not(.cl-readonly) .cl-dateinput-button {
  background-image: url("images/controls/dateinput/ic_calednar_on.png");
}
.cl-dateinput.cl-focus .cl-dateinput-spinbuttons {
  border-color: #1B7AB3;
}
/* 캘린더 */
.cl-calendar {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 20px;
  /* 캘린더 컨텐츠의 일, 월, 년 스타일*/
  /* 캘린더 컨텐츠 스타일*/
  /* 캘린더 푸터 */
  /* 캘린더 포커스 상태 */
  /* 데이트인풋 등에 팝업으로 나타날때 스타일 */
}
.cl-calendar:not(.cl-disabled) .cl-calendar-header-before:hover,
.cl-calendar:not(.cl-disabled) .cl-calendar-header-before.cl-hover {
  /* 캘린더 이전 년도 버튼 호버 상태 */
  background-image: url("images/controls/dateinput/ic_btn_before_on.png");
}
.cl-calendar:not(.cl-disabled) .cl-calendar-header-after:hover,
.cl-calendar:not(.cl-disabled) .cl-calendar-header-after.cl-hover {
  /* 캘린더 이후 년도 버튼 호버 상태 */
  background-image: url("images/controls/dateinput/ic_btn_after_on.png");
}
.cl-calendar:not(.cl-disabled) .cl-calendar-header-prev:hover,
.cl-calendar:not(.cl-disabled) .cl-calendar-header-prev.cl-hover {
  /* 캘린더 이전 달 버튼 호버 상태 */
  background-image: url("images/controls/dateinput/ic_btn_prev_on.png");
}
.cl-calendar:not(.cl-disabled) .cl-calendar-header-next:hover,
.cl-calendar:not(.cl-disabled) .cl-calendar-header-next.cl-hover {
  /* 캘린더 다음 달 버튼 호버 상태 */
  background-image: url("images/controls/dateinput/ic_btn_next_on.png");
}
.cl-calendar .cl-calendar-header {
  /* 캘린더 헤더 */
  background-color: transparent;
  color: #333;
  padding: 0px 0px 12px;
  text-align: left;
}
.cl-calendar .cl-calendar-header .cl-calendar-header-before,
.cl-calendar .cl-calendar-header .cl-calendar-header-after,
.cl-calendar .cl-calendar-header .cl-calendar-header-prev,
.cl-calendar .cl-calendar-header .cl-calendar-header-next {
  background-size: auto;
  width: 30px;
  height: 20px;
}
.cl-calendar .cl-calendar-header .cl-calendar-header-before {
  /* 캘린더 이전 년도 버튼 */
  background-image: url("images/controls/dateinput/ic_btn_before.png");
}
.cl-calendar .cl-calendar-header .cl-calendar-header-after {
  /* 캘린더 이후 년도 버튼 */
  background-image: url("images/controls/dateinput/ic_btn_after.png");
}
.cl-calendar .cl-calendar-header .cl-calendar-header-prev {
  /* 캘린더 이전 달 버튼 */
  background-image: url("images/controls/dateinput/ic_btn_prev.png");
}
.cl-calendar .cl-calendar-header .cl-calendar-header-next {
  /* 캘린더 다음 달 버튼 */
  background-image: url("images/controls/dateinput/ic_btn_next.png");
}
.cl-calendar .cl-calendar-header .cl-calendar-header-text {
  font-size: 1.6rem;
  font-weight: 500;
}
.cl-calendar .cl-calendar-header .cl-calendar-header-text:hover,
.cl-calendar .cl-calendar-header .cl-calendar-header-text.cl-hover {
  color: #333;
}
.cl-calendar .cl-calendar-header .cl-calendar-header-prev + .cl-calendar-header-text {
  text-align: center;
}
.cl-calendar:not(.cl-disabled) .cl-calendar-content-day:not(.cl-disabled):hover,
.cl-calendar:not(.cl-disabled) .cl-calendar-content-month:not(.cl-disabled):hover,
.cl-calendar:not(.cl-disabled) .cl-calendar-content-year:not(.cl-disabled):hover,
.cl-calendar:not(.cl-disabled) .cl-other-month:not(.cl-disabled):hover {
  /* 셀 호버 스타일 */
  background-color: #f0f6ff;
  color: #1B7AB3;
}
.cl-calendar:not(.cl-disabled) .cl-calendar-content-day.cl-selected,
.cl-calendar:not(.cl-disabled) .cl-calendar-content-month.cl-selected,
.cl-calendar:not(.cl-disabled) .cl-calendar-content-year.cl-selected,
.cl-calendar:not(.cl-disabled) .cl-other-month.cl-selected {
  /* 선택된 날짜 셀 */
  background-color: #1B7AB3;
  color: #ffffff;
}
.cl-calendar .cl-calendar-content {
  /*날짜 달력의 헤더 스타일*/
  /* 날짜 선택 모드시 날짜 스타일 */
}
.cl-calendar .cl-calendar-content .cl-calendar-content-week {
  /* week of year의 스타일 */
}
.cl-calendar .cl-calendar-content .cl-calendar-content-header {
  background-color: transparent;
  color: #333;
  height: 32px;
  margin-bottom: 4px;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sun {
  /* 일요일 셀 */
  color: #ff2a2a;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sat {
  /* 토요일 셀 */
  color: #3387ff;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sun {
  /* 일요일 셀 */
  color: #ff2a2a;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sat {
  /* 토요일 셀 */
  color: #3387ff;
}
.cl-calendar .cl-calendar-content .cl-other-month {
  /* 이전 달 또는 다음 달의 날짜 */
  background-color: transparent;
  color: #aaa;
}
.cl-calendar .cl-calendar-content .cl-other-month.cl-disabled {
  background-color: transparent;
  color: #aaa;
}
.cl-calendar .cl-calendar-content .cl-other-month:not(.cl-disabled):hover {
  /* 셀 호버 스타일 */
  background-color: transparent;
  color: #aaa;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day,
.cl-calendar .cl-calendar-content .cl-calendar-content-month,
.cl-calendar .cl-calendar-content .cl-calendar-content-year {
  border-width: 1px 2px;
  border-radius: 8px;
  color: #333;
  /* 기본 날짜 - 오늘 날짜 셀*/
  /*range 선택에서 선택된 날짜 스타일*/
  /*선택된 날짜 스타일*/
  /*날짜가 disabled 되어 있을때 스타일*/
  /*기념일 전역 스타일*/
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-defaultdate,
.cl-calendar .cl-calendar-content .cl-calendar-content-month.cl-calendar-defaultdate,
.cl-calendar .cl-calendar-content .cl-calendar-content-year.cl-calendar-defaultdate {
  background-color: transparent;
  color: #333;
  font-weight: 500;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-range-selected,
.cl-calendar .cl-calendar-content .cl-calendar-content-month.cl-range-selected,
.cl-calendar .cl-calendar-content .cl-calendar-content-year.cl-range-selected {
  background-color: #1B7AB3;
  color: #ffffff;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-selected,
.cl-calendar .cl-calendar-content .cl-calendar-content-month.cl-selected,
.cl-calendar .cl-calendar-content .cl-calendar-content-year.cl-selected {
  background-color: #1B7AB3 !important;
  color: #ffffff !important;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-disabled,
.cl-calendar .cl-calendar-content .cl-calendar-content-month.cl-disabled,
.cl-calendar .cl-calendar-content .cl-calendar-content-year.cl-disabled {
  background-color: #e6e6e6;
  color: #aaa;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-anniversary,
.cl-calendar .cl-calendar-content .cl-calendar-content-month.cl-calendar-anniversary,
.cl-calendar .cl-calendar-content .cl-calendar-content-year.cl-calendar-anniversary {
  box-shadow: none;
  color: inherit;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-anniversary.cl-calendar-content-sat,
.cl-calendar .cl-calendar-content .cl-calendar-content-month.cl-calendar-anniversary.cl-calendar-content-sat,
.cl-calendar .cl-calendar-content .cl-calendar-content-year.cl-calendar-anniversary.cl-calendar-content-sat {
  color: #3387ff;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-anniversary.cl-calendar-content-sun,
.cl-calendar .cl-calendar-content .cl-calendar-content-month.cl-calendar-anniversary.cl-calendar-content-sun,
.cl-calendar .cl-calendar-content .cl-calendar-content-year.cl-calendar-anniversary.cl-calendar-content-sun {
  color: #ff2a2a;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-anniversary:after,
.cl-calendar .cl-calendar-content .cl-calendar-content-month.cl-calendar-anniversary:after,
.cl-calendar .cl-calendar-content .cl-calendar-content-year.cl-calendar-anniversary:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  top: 3px;
  right: 3px;
  background-color: #41bd64;
  border: 1px solid #ffffff;
  border-radius: 9999px;
}
.cl-calendar .cl-calendar-footer {
  background-color: transparent;
  padding: 0px;
  vertical-align: middle;
}
.cl-calendar .cl-calendar-footer .cl-calendar-footer-text {
  color: #aaa;
  font-size: 1.2rem;
  font-weight: 400;
  padding-right: 10px;
}
.cl-calendar .cl-calendar-footer .cl-calendar-footer-text:hover {
  text-decoration: none;
}
.cl-calendar.cl-anniversaries {
  /* 년월일 달력 스타일 */
  /* 토요일 */
}
.cl-calendar.cl-anniversaries .cl-calendar-content-day,
.cl-calendar.cl-anniversaries .cl-other-month.cl-calendar-content-mon,
.cl-calendar.cl-anniversaries .cl-other-month.cl-calendar-content-tue,
.cl-calendar.cl-anniversaries .cl-other-month.cl-calendar-content-wed,
.cl-calendar.cl-anniversaries .cl-other-month.cl-calendar-content-thu,
.cl-calendar.cl-anniversaries .cl-other-month.cl-calendar-content-fri,
.cl-calendar.cl-anniversaries .cl-other-month.cl-calendar-content-sat,
.cl-calendar.cl-anniversaries .cl-other-month.cl-calendar-content-sun {
  /* 기념일 텍스트 스타일 */
}
.cl-calendar.cl-focus {
  border-color: #1B7AB3;
}
.cl-calendar.cl-focus .cl-calendar-content {
  /* 키보드 날짜 이동 스타일 */
}
.cl-calendar.cl-focus .cl-calendar-content .cl-calendar-current {
  background-color: #f0f6ff;
  box-shadow: none;
  color: #1B7AB3;
}
.cl-calendar.cl-popup {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.cl-calendar.cl-popup.cl-calendar-year {
  width: 240px;
  height: 165px;
}
.cl-calendar.cl-popup.cl-calendar-month {
  width: 240px;
  height: 165px;
}
.cl-calendar.cl-popup.cl-calendar-day {
  width: 294px;
  height: 312px;
}
.cl-calendar.cl-popup.cl-top {
  /* 데이트인풋 위에 표시될때 상태 */
  box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.16);
}
.cl-calendar.cl-popup.cl-bottom {
  /* 데이트인풋 아래에 표시될때 상태 */
}
.cl-calendar.cl-popup .cl-calendar-content-day,
.cl-calendar.cl-popup .cl-calendar-content-month,
.cl-calendar.cl-popup .cl-calendar-content-year {
  /* 데이트인풋 캘린더 키보드로 날짜 이동 스타일*/
}
.cl-calendar.cl-popup .cl-calendar-content-day.cl-calendar-current,
.cl-calendar.cl-popup .cl-calendar-content-month.cl-calendar-current,
.cl-calendar.cl-popup .cl-calendar-content-year.cl-calendar-current {
  background-color: #f0f6ff;
  box-shadow: none;
  color: #1B7AB3;
}
/* 캘린더 disabled 상태 */
.cl-calendar.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
  opacity: 1;
}
.cl-calendar.cl-disabled .cl-calendar-header {
  background-color: #e6e6e6;
}
.cl-calendar.cl-disabled .cl-calendar-header .cl-calendar-header-before,
.cl-calendar.cl-disabled .cl-calendar-header .cl-calendar-header-after,
.cl-calendar.cl-disabled .cl-calendar-header .cl-calendar-header-prev,
.cl-calendar.cl-disabled .cl-calendar-header .cl-calendar-header-next {
  background-color: #f5f5f5;
  border-color: #ccc;
}
.cl-calendar.cl-disabled .cl-calendar-header .cl-calendar-header-text {
  color: #aaa;
}
.cl-calendar.cl-disabled .cl-calendar-header .cl-calendar-header-text:hover,
.cl-calendar.cl-disabled .cl-calendar-header .cl-calendar-header-text.cl-hover {
  color: #aaa;
}
.cl-calendar.cl-disabled .cl-calendar-content .cl-calendar-content-header {
  background-color: #e6e6e6;
  border-bottom-color: #ccc;
  color: #aaa;
}
.cl-calendar.cl-disabled .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sun {
  /* 일요일 셀 */
  color: #aaa;
}
.cl-calendar.cl-disabled .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sat {
  /* 토요일 셀 */
  color: #aaa;
}
.cl-calendar.cl-disabled .cl-calendar-content-day,
.cl-calendar.cl-disabled .cl-calendar-content-month,
.cl-calendar.cl-disabled .cl-calendar-content-year,
.cl-calendar.cl-disabled .cl-other-month {
  color: #aaa;
  border-color: transparent;
}
.cl-calendar.cl-disabled .cl-calendar-content-day.cl-calendar-defaultdate,
.cl-calendar.cl-disabled .cl-calendar-content-month.cl-calendar-defaultdate,
.cl-calendar.cl-disabled .cl-calendar-content-year.cl-calendar-defaultdate,
.cl-calendar.cl-disabled .cl-other-month.cl-calendar-defaultdate {
  background-color: transparent;
  color: #aaa;
}
.cl-calendar.cl-disabled .cl-calendar-footer .cl-calendar-footer-text {
  color: #aaa;
}
/* 리스트 박스 */
.cl-listbox {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  /* 리스트 박스 내 아이템 목록 박스 */
}
.cl-listbox .cl-listbox-list {
  /* 아이템 목록 박스 내 각 아이템 */
}
.cl-listbox .cl-listbox-list .cl-listbox-item {
  background-repeat: no-repeat;
  padding: 2px 25px 2px 10px;
  height: auto;
  min-height: 32px;
  /* 아이템 드래그시 아이템의 마우스가 아래에 위치할때 표시 */
  /* 아이템 드래그시 아이템의 마우스가 위에 위치할때 표시 */
  /* 선택된 아이템 */
  /* 아이템 아이콘 */
  /* 아이템 텍스트 */
  /* 아이템의 뱃지 스타일*/
}
.cl-listbox .cl-listbox-list .cl-listbox-item.cl-selected {
  background-color: #e6edf9;
  color: #1B7AB3;
  background-image: url("images/controls/menu/ic_check.png");
  background-position: calc(100% - 10px) center;
}
.cl-listbox:not(.cl-disabled) .cl-listbox-item:not(.cl-disabled):not(.cl-selected) {
  /* 포커스된 아이템 */
  /* 호버된 아이템 */
}
.cl-listbox:not(.cl-disabled) .cl-listbox-item:not(.cl-disabled):not(.cl-selected):focus {
  background-color: #f8f8f8;
  color: #333;
}
.cl-listbox:not(.cl-disabled) .cl-listbox-item:not(.cl-disabled):not(.cl-selected).cl-hover,
.cl-listbox:not(.cl-disabled) .cl-listbox-item:not(.cl-disabled):not(.cl-selected):hover {
  background-color: #f8f8f8;
  color: #333;
}
/* disabled 상태 */
.cl-listbox.cl-disabled {
  color: #aaa;
  /* disabled 상태에서 선택된 아이템들 */
}
.cl-listbox.cl-disabled .cl-listbox-item.cl-selected {
  background-color: #e6e6e6;
  color: #999;
  background-image: url("images/controls/menu/ic_check_off.png");
}
/* 포커스 상태 */
.cl-listbox.cl-focus {
  border-color: #1B7AB3;
}
/* 링크드 리스트 박스 루트 */
.cl-linkedlistbox {
  font: 16px "PretendardGOV", "맑은 고딕", "Malgun Gothic", sans-serif;
  color: #333;
  /* 리스트 박스 */
  /* 링크드리스트박스 disabled 상태*/
}
.cl-linkedlistbox .cl-linkedlistbox-listbox {
  /* 리스트 박스 헤더 */
  /* 리스트 박스 리스트 */
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-header {
  border: 1px solid #ddd;
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list {
  border: 1px solid #ddd;
  background-color: white;
  /* 리스트 박스 리스트 아이템 */
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list .cl-linkedlistbox-item {
  /* 아이템 드래그시 아이템의 마우스가 아래에 위치할때 표시 */
  /* 아이템 드래그시 아이템의 마우스가 위에 위치할때 표시 */
  /* 리스트 박스의 리스트 아이템 아이콘*/
  /* 리스트 박스 리스트 아이템 텍스트 */
  /* 리스트 박스 리스트 아이템 리프 아이콘 */
  /* 리스트 박스 리스트 아이템 드릴다운 아이콘 */
  /* 리스트 박스 리스트 아이템 - disabled 상태 */
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list .cl-linkedlistbox-item.cl-disabled {
  color: #666;
  /* 리스트 박스 리스트 아이템 - 선택됨, disabled 상태 */
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list .cl-linkedlistbox-item.cl-disabled.cl-selected {
  background-color: #ccc;
}
.cl-linkedlistbox.cl-focus {
  /* 리스트 박스 헤더 - 포커스 상태 */
  /* 리스트 박스 리스트 - 포커스 상태 */
}
.cl-linkedlistbox.cl-focus .cl-linkedlistbox-header {
  border-color: #1961B2;
}
.cl-linkedlistbox.cl-focus .cl-linkedlistbox-list {
  border-color: #1961B2;
}
.cl-linkedlistbox.cl-disabled {
  color: #666;
}
.cl-linkedlistbox.cl-disabled .cl-linkedlistbox-item.cl-selected {
  color: #777;
  background-color: #ccc;
}
.cl-linkedlistbox:not(.cl-disabled) .cl-linkedlistbox-item:not(.cl-disabled) {
  cursor: pointer;
  /* 아이템 호버 스타일 */
  /* 선택된 아이템 스타일 */
}
.cl-linkedlistbox:not(.cl-disabled) .cl-linkedlistbox-item:not(.cl-disabled):hover,
.cl-linkedlistbox:not(.cl-disabled) .cl-linkedlistbox-item:not(.cl-disabled):focus {
  color: #333435;
  background-color: #DAEFFC;
}
.cl-linkedlistbox:not(.cl-disabled) .cl-linkedlistbox-item:not(.cl-disabled).cl-selected {
  color: #FFFFFF;
  background-color: #208AED;
  /* 선택된 아이템 드릴 다운 아이콘 */
}
.cl-menu {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  /* 메뉴 리스트 */
}
.cl-menu.cl-popup {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.cl-menu .cl-menu-list {
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  border-color: #bbb;
  border-radius: 4px;
  min-width: 140px !important;
  padding: 5px 0px;
  /* 서브 메뉴 */
  /* 메뉴 아이템 */
}
.cl-menu .cl-menu-list.cl-sub {
  border-color: #bbb;
}
.cl-menu .cl-menu-list .cl-arrow-up,
.cl-menu .cl-menu-list .cl-arrow-down {
  background-size: auto;
}
.cl-menu .cl-menu-list .cl-arrow-up:hover,
.cl-menu .cl-menu-list .cl-arrow-down:hover,
.cl-menu .cl-menu-list .cl-arrow-up.cl-disabled,
.cl-menu .cl-menu-list .cl-arrow-down.cl-disabled {
  background-color: transparent;
}
.cl-menu .cl-menu-list .cl-arrow-up {
  background-image: url("images/controls/numbereidtor/ic_spin_up.png");
  background-position: center top;
}
.cl-menu .cl-menu-list .cl-arrow-up:hover {
  background-image: url("images/controls/numbereidtor/ic_spin_up_h.png");
}
.cl-menu .cl-menu-list .cl-arrow-up.cl-disabled {
  background-image: url("images/controls/numbereidtor/ic_spin_up_d.png");
}
.cl-menu .cl-menu-list .cl-arrow-down {
  background-image: url("images/controls/numbereidtor/ic_spin_down.png");
  background-position: center bottom;
}
.cl-menu .cl-menu-list .cl-arrow-down:hover {
  background-image: url("images/controls/numbereidtor/ic_spin_down_h.png");
}
.cl-menu .cl-menu-list .cl-arrow-down.cl-disabled {
  background-image: url("images/controls/numbereidtor/ic_spin_down_d.png");
}
.cl-menu .cl-menu-list .cl-menu-item {
  color: #333;
  font-size: 13px;
  min-height: 22px;
  padding: 2px 10px;
  /* 메뉴 아이템 아이콘 */
  /* 메뉴 아이템 텍스트 */
  /* 메뉴 아이템 단축키 */
  /* 메뉴 아이템 드릴다운 아이콘 */
  /* 폴더 아이템 방향 이미지 */
  /* 메뉴 아이템 - 호버 */
  /* 메뉴 아이템 - disabled */
  /* 메뉴 아이템 - 활성화 */
  /* 메뉴 아이템 - 선택됨 */
}
.cl-menu .cl-menu-list .cl-menu-item .cl-menu-icon {
  display: none !important;
  background-image: none;
  width: 0px;
}
.cl-menu .cl-menu-list .cl-menu-item .cl-menu-arrow {
  background-size: auto;
  width: 6px;
}
.cl-menu .cl-menu-list .cl-menu-item.cl-folder >.cl-menu-arrow,
.cl-menu .cl-menu-list .cl-menu-item.cl-folder >.cl-menu-arrow-wrapper .cl-menu-arrow {
  background-image: url("images/controls/menu/ic_arrow_right.png");
}
.cl-menu .cl-menu-list .cl-menu-item.cl-hover {
  background-color: transparent;
  color: #333;
}
.cl-menu .cl-menu-list .cl-menu-item.cl-hover.cl-folder >.cl-menu-arrow,
.cl-menu .cl-menu-list .cl-menu-item.cl-hover.cl-folder >.cl-menu-arrow-wrapper>.cl-menu-arrow {
  background-image: url("images/controls/menu/ic_arrow_right.png");
}
.cl-menu .cl-menu-list .cl-menu-item.cl-disabled {
  color: #aaa;
  /* 메뉴 아이템 - 선택됨, disabled */
}
.cl-menu .cl-menu-list .cl-menu-item.cl-disabled.cl-selected {
  background-color: #e6e6e6;
  color: #999;
}
.cl-menu .cl-menu-list .cl-menu-item:not(.cl-disabled) {
  /* 메뉴 아이템 - 호버 */
}
.cl-menu .cl-menu-list .cl-menu-item:not(.cl-disabled):not(.cl-selected):hover,
.cl-menu .cl-menu-list .cl-menu-item:not(.cl-disabled).cl-hover {
  background-color: transparent;
  color: #333;
}
.cl-menu .cl-menu-list .cl-menu-item.cl-selected {
  background-color: #1B7AB3;
  color: #ffffff;
}
.cl-menu .cl-menu-list .cl-menu-item.cl-selected.cl-folder >.cl-menu-arrow,
.cl-menu .cl-menu-list .cl-menu-item.cl-selected.cl-folder >.cl-menu-arrow-wrapper>.cl-menu-arrow {
  background-image: url("images/controls/menu/ic_arrow_right_on.png");
}
.cl-menu .cl-menu-list .cl-menu-item.cl-hover.cl-selected,
.cl-menu .cl-menu-list .cl-menu-item:not(.cl-disabled) .cl-menu .cl-menu-list .cl-menu-item.cl-hover.cl-selected {
  background-color: #1B7AB3;
  color: #ffffff;
}
.cl-menu.cl-focus {
  /* 메뉴 리스트 - 포커스 */
}
.cl-menu.cl-focus .cl-menu-list {
  border-color: #1B7AB3;
}
.cl-menu.cl-disabled {
  /* 메뉴 아이템 - disabled */
}
.cl-menu.cl-disabled .cl-menu-item {
  color: #aaa;
  /* 메뉴 아이템 - disabled, 선택됨 */
}
.cl-menu.cl-disabled .cl-menu-item.cl-selected {
  background-color: #e6e6e6;
  color: #999;
  /* 메뉴 아이템 드릴다운 아이콘 - disabled */
}
.cl-menu.cl-disabled .cl-menu-item.cl-selected >.cl-menu-arrow,
.cl-menu.cl-disabled .cl-menu-item.cl-selected >.cl-menu-arrow-wrapper>.cl-menu-arrow {
  background-image: url("images/controls/menu/ic_arrow_right.png");
}
.cl-fileupload.hidechk .cl-fileupload-checkcolumn {
  display: none !important;
}
.cl-fileupload.hidechk .cl-fileupload-checkheader {
  display: none !important;
}
.cl-fileupload.hidechk .cl-fileupload-fileicon {
  margin-left: 4px;
}
/* 파일 업로드 루트 */
.cl-fileupload {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 1.5rem;
  /* 파일 업로드 내 텍스트 */
  /* 파일 업로드 디테일 영역 */
  /* 푸터 */
  /* 파일 업로드 체크 박스 */
}
.cl-fileupload .cl-fileupload-header {
  /* 헤더 */
  background-image: none;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  color: #333;
  height: 30px;
  font-weight: 400;
  /* 헤더내 체크 박스 */
  /* 파일명 헤더 컬럼 */
  /* 파일 크기 헤더 컬럼 */
}
.cl-fileupload .cl-fileupload-header .cl-fileupload-checkheader {
  border-right: 1px solid #ddd;
  width: 30px;
}
.cl-fileupload .cl-fileupload-header .cl-fileupload-sizeheader {
  border-left: 1px solid #ddd;
  min-width: 100px;
}
.cl-fileupload .cl-fileupload-detail {
  /* emptyMessage*/
  /* 각 파일 행 */
}
.cl-fileupload .cl-fileupload-detail .cl-emptymsg {
  margin: 12px 0;
  background-image: url("images/controls/fileupload/ic_nodata.png");
  background-repeat: no-repeat;
  background-position: center top;
  color: #aaa;
  display: block;
  font-style: normal;
  font-weight: 400;
  padding-top: 42px;
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile {
  height: 28px;
  /* 체크 박스 컬럼 */
  /* 파일 아이콘 */
  /* 피일 이름 */
  /* 파일 크기 */
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-checkcolumn,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-checkcolumn {
  width: 30px;
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon {
  background-image: url("images/controls/fileupload/ic_file_etc.png");
  background-size: auto;
  background-position: center;
  border-right: none;
  width: 18px;
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-jpg,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-jpg,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-JPG,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-JPG,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-jpeg,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-jpeg,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-JPEG,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-JPEG,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-png,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-png,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-PNG,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-PNG,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-svg,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-svg {
  background-image: url("images/controls/fileupload/ic_file_image.png");
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-avi,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-avi,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-mp4,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-mp4,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-wmv,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-wmv,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-mov,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-mov {
  background-image: url("images/controls/fileupload/ic_file_video.png");
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-txt,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-txt,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-html,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-html,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-xml,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-xml,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-rtf,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-rtf {
  background-image: url("images/controls/fileupload/ic_file_txt.png");
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-hwp,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-hwp,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-hwt,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-hwt {
  background-image: url("images/controls/fileupload/ic_file_hwp.png");
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-doc,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-doc,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-docx,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-docx,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-dotx,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-dotx,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-docm,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-docm {
  background-image: url("images/controls/fileupload/ic_file_doc.png");
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-pdf,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-pdf {
  background-image: url("images/controls/fileupload/ic_file_ppt.png");
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-xlsx,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-xlsx,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-xlsm,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-xlsm,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-xltx,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-xltx,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-xlsb,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-xlsb,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-xlam,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-xlam {
  background-image: url("images/controls/fileupload/ic_file_excel.png");
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-pptx,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-pptx,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-pptm,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-pptm,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-ppt,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-ppt,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-potx,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-potx,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-potm,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-potm,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-pot,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-pot {
  background-image: url("images/controls/fileupload/ic_file_ppt.png");
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-zip,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-zip,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-7z,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-fileicon.cl-filetype-7z {
  background-image: url("images/controls/fileupload/ic_file_zip.png");
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-filename,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-filename {
  padding-left: 5px;
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-sizecolumn,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-sizecolumn {
  padding-right: 10px;
  min-width: 100px;
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile {
  /* 파일 다운로드 버튼 */
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-download {
  background-image: url("images/controls/button/ic_btn_download.png");
  background-size: auto;
  width: 20px;
}
.cl-fileupload .cl-fileupload-footer {
  background-color: #f2f1f1;
  border-top: 1px solid #ddd;
  color: #333;
  height: 32px;
  /* 푸터 텍스트 */
  /* 푸터 내 버튼 영역 */
}
.cl-fileupload .cl-fileupload-footer .cl-text {
  font-weight: 400;
  padding-left: 10px;
}
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons {
  padding: 0px;
  /* 푸터 내 버튼 */
}
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  font-size: 1.5rem;
  background-color: #ffffff;
  background-image: none;
  border-radius: 8px;
  border: 1px solid #dddddd;
  color: #333;
  margin: 0px 4px 0px 0px;
  padding: 2px 12px;
  text-shadow: none;
}
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button:focus {
  border-color: #1B7AB3;
}
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button.cl-fileupload-send {
  background-color: #2178CF;
  border-color: #2178CF;
  color: #ffffff;
}
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button.cl-fileupload-send:hover,
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button.cl-fileupload-send:focus,
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button.cl-fileupload-send:active {
  background-color: #2178CF;
  border-color: #2178CF;
  color: #ffffff;
}
.cl-fileupload .cl-fileupload-checkbox {
  background-image: url("images/controls/checkbox/ic_checkbox.png");
  /* 선택된 파일 업로드 체크 박스 */
}
.cl-fileupload .cl-fileupload-checkbox.cl-checked {
  background-image: url("images/controls/checkbox/ic_checkbox_on.png");
}
.cl-fileupload .cl-fileupload-checkbox:focus {
  background-image: url("images/controls/checkbox/ic_checkbox_h.png");
}
.cl-fileupload .cl-fileupload-checkbox:focus.cl-checked {
  background-image: url("images/controls/checkbox/ic_checkbox_on.png");
}
.cl-fileupload:not(.cl-disabled) {
  /* 파일 - 호버 상태 */
  /* 파일 업로드 버튼 - 호버 상태 */
}
.cl-fileupload:not(.cl-disabled) .cl-fileupload-file:hover,
.cl-fileupload:not(.cl-disabled) .cl-fileupload-uploadedfile:hover {
  background-color: #2178CF;
  color: #ffffff;
}
.cl-fileupload:not(.cl-disabled) .cl-fileupload-button:hover {
  background-color: #ffffff;
  border-color: #2178CF;
  color: #333;
}
.cl-fileupload.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
  opacity: 1;
}
.cl-fileupload.cl-disabled .cl-fileupload-footer {
  color: #aaa;
}
.cl-fileupload.cl-disabled .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-fileupload.cl-disabled .cl-fileupload-checkbox {
  /* 선택된 파일 업로드 체크 박스 */
}
/* 버튼 */
.cl-button {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-color: #ffffff;
  background-image: none;
  border-radius: 8px;
  border: 1px solid #dddddd;
  color: #333;
  padding: 0px 12px;
  text-shadow: none;
  /* 텍스트 스타일 */
  /* 아이콘 스타일 */
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼이 포커스를 가졌을 때의 스타일 */
}
.cl-button .cl-icon {
  position: relative;
  background-size: auto;
  width: 20px;
  height: 20px;
}
.cl-button:not(.cl-disabled):hover {
  background-color: #ffffff;
  border-color: #1B7AB3;
  color: #333;
  cursor: pointer;
}
.cl-button:focus,
.cl-button.cl-focus {
  background-color: #ffffff;
  border-color: #1B7AB3;
  color: #333;
}
.cl-button:not(.btn_hd_control) {
  /* 버튼을 클릭했을 때의 스타일 */
  /*&:not(.cl-disabled).cl-activated, &:not(.cl-disabled):active {
			// background-image: @btn-background-image;
			background-color: @btn-active-background-color;
			border-color: @btn-active-border-color;
			color: @btn-active-text-color;
		}*/
}
/* Disable 상태의 버튼 */
.cl-button.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
/************************************************
 * 클래스 추가
 ************************************************/
/* 아코디언 */
.cl-accordion {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-color: #ffffff;
  border: none;
  border-radius: 4px;
  color: #333;
  padding: 0px;
  /** 아코디언의 각 헤더 */
}
.cl-accordion .cl-accordion-header {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 0px;
  color: #333;
  font-size: 1.6rem;
  padding: 10px 20px;
  z-index: 0;
  /** 아코디언 펼침 버튼 */
  /* 아코디언 헤더에 마우스가 호버되었을 떄의 스타일 */
  /* 아코디언 헤더를 클릭했을 때의 스타일 */
}
.cl-accordion .cl-accordion-header .cl-accordion-expander {
  background-image: url("images/controls/accordion/ic_btn_down.png");
  background-size: auto;
  width: 24px;
}
.cl-accordion .cl-accordion-header:hover:not(.cl-disabled):not(.cl-activated) {
  background-color: transparent;
  color: #333;
}
.cl-accordion .cl-accordion-header.cl-title-collapse:focus {
  text-decoration: none;
}
.cl-accordion .cl-accordion-header.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
}
.cl-accordion .cl-accordion-header.cl-activated {
  background-color: #ffffff;
  border-color: #1B7AB3;
  color: #1B7AB3;
  font-weight: 500;
  /* 클릭된 헤더의 펼침 버튼 아이콘 */
}
.cl-accordion .cl-accordion-header.cl-activated .cl-accordion-expander {
  background-image: url("images/controls/accordion/ic_btn_up_on.png");
}
.cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder) {
  /* 아코디언 컨텐츠 */
}
.cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
  background-color: #ffffff;
  border: none;
}
.cl-accordion .cl-accordion-section+.cl-accordion-header {
  /* 아코디언 섹션간의 간격 */
  margin-top: -1px;
}
/* Disabled 상태의 아코디언 */
.cl-accordion.cl-disabled {
  /* 선택된 헤더 */
}
.cl-accordion.cl-disabled .cl-accordion-header {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
}
.cl-accordion.cl-disabled .cl-accordion-header .cl-accordion-expander {
  background-image: url("images/controls/accordion/ic_btn_down_off.png");
}
.cl-accordion.cl-disabled .cl-accordion-header.cl-activated {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #999;
}
.cl-accordion.cl-disabled .cl-accordion-header.cl-activated .cl-accordion-expander {
  background-image: url("images/controls/accordion/ic_btn_up_off.png");
}
.cl-accordion.cl-disabled .cl-accordion-header:hover:not(.cl-activated) {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
}
.cl-accordion.cl-disabled .cl-accordion-section:not(.cl-accordion-placeholder) {
  /* 선택된 바디 */
}
.cl-accordion.cl-disabled .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
  border-color: #ccc;
}
/* 인풋 박스 루트 */
.cl-inputbox {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  /* 인풋 박스 텍스트 */
  /* 인풋 박스 - 포커스 상태 */
  /* 인풋 박스 - 클리어 버튼 */
  /* 인풋 박스 - disabled 상태 */
}
.cl-inputbox .cl-text {
  padding: 0px 10px;
}
.cl-inputbox .cl-text.cl-placeholder {
  color: #aaa !important;
  font-style: normal;
  font-weight: 400;
}
.cl-inputbox.cl-focus {
  border-color: #1B7AB3;
}
.cl-inputbox .cl-inputbox-clear {
  background-image: url("images/controls/inputbox/ic_text_clear.png");
  background-size: auto;
  background-position: left center;
  width: 22px;
}
.cl-inputbox.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
}
.cl-inputbox.cl-disabled .cl-inputbox-clear {
  background-image: url("images/controls/inputbox/ic_text_clear.png");
}
.cl-inputbox:not(.cl-disabled) {
  /* 클리어 버튼 hover 및 active 상태 */
}
.cl-inputbox:not(.cl-disabled) .cl-inputbox-clear:hover,
.cl-inputbox:not(.cl-disabled) .cl-inputbox-clear:active {
  background-image: url("images/controls/inputbox/ic_text_clear.png");
  opacity: 1;
}
/************************************************
 * 클래스 추가
 ************************************************/
.cl-inputbox.read-exp.cl-readonly .cl-inputbox-clear {
  display: block !important;
  cursor: pointer;
}
/* 서치 인풋 */
.cl-searchinput {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: none;
  border-radius: 4px;
  color: #333;
  /* 서치 인풋 텍스트 */
  /* 서치 인풋 Clear버튼 */
  /* 서치 인풋 검색버튼 */
  /* 서치 인풋 포커스 상태 */
}
.cl-searchinput > div {
  position: relative;
}
.cl-searchinput > div >div:has(input) {
  width: calc(100% - 4px) !important;
}
.cl-searchinput .cl-text:not(.cl-placeholder) {
  padding: 0px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
}
.cl-searchinput .cl-text:not(.cl-placeholder).cl-placeholder {
  color: #aaa !important;
  font-style: normal;
  font-weight: 400;
}
.cl-searchinput .cl-searchinput-clear {
  position: absolute;
  right: 0;
  background-image: url("images/controls/inputbox/ic_text_clear.png");
  background-size: auto;
  background-position: left center;
  width: 22px;
}
.cl-searchinput .cl-searchinput-search {
  position: relative;
  width: 36px;
  background: none;
  background-color: #1961B2;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.cl-searchinput .cl-searchinput-search:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 20px;
  height: 20px;
  background: url("images/btn-ico.svg") no-repeat;
  background-size: 200px;
  background-position: -100px -40px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(273deg) brightness(107%) contrast(101%);
}
.cl-searchinput .cl-searchinput-search.cl-left {
  /* 검색버튼이 왼쪽에 표시될때 상태 */
}
.cl-searchinput .cl-searchinput-search.cl-right {
  /* 검색버튼이 오른쪽에 표시될때 상태 */
}
.cl-searchinput .cl-searchinput-search.cl-focus:not(.cl-readonly) .cl-searchinput .cl-searchinput-search:hover {
  background-image: none !important;
  background-color: #0f3a6a;
}
.cl-searchinput .cl-searchinput-search:not(.cl-disabled):hover {
  background-image: none !important;
  background-color: #0f3a6a;
}
.cl-searchinput:not(.cl-disabled) {
  /* Clear버튼 hover 및 active 상태 */
  /* 검색버튼 hover 및 active 상태 */
  /*.cl-searchinput-search:hover,
		.cl-searchinput-search:active {
			background-image: url("../images/controls/inputbox/ic_text_search.png");
			opacity: 1;
		}*/
}
.cl-searchinput:not(.cl-disabled) .cl-searchinput-clear:hover,
.cl-searchinput:not(.cl-disabled) .cl-searchinput-clear:active {
  background-image: url("images/controls/inputbox/ic_text_clear.png");
  opacity: 1;
}
.cl-searchinput.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
  /* 서치 인풋 disabled 상태 검색버튼 */
}
.cl-searchinput.cl-focus {
  border-color: #1B7AB3;
  /*&:not(.cl-readonly) .cl-searchinput-search {
			background-image: url("../images/controls/inputbox/ic_text_search_on.png");
		}*/
}
.cl-searchinput.cl-focus .cl-searchinput-clear {
  background-image: url("images/controls/inputbox/ic_text_clear.png");
}
/* 슬라이더 */
.cl-slider {
  /* 슬라이더 바 */
}
.cl-slider .cl-slider-bar {
  border: none;
  background-color: #bbb;
  /* 슬라이더 가로 바 */
  /* 슬라이더 세로 바*/
  /* 슬라이더 핸들 */
  /* 슬라이더 선택 영역 표시 바 */
}
.cl-slider .cl-slider-bar.cl-horizontal {
  background-image: none;
  height: 1px;
  top: calc(50% - 1px);
  right: 10px;
  left: 10px;
}
.cl-slider .cl-slider-bar.cl-vertical {
  background-image: none;
  width: 1px;
  top: 10px;
  bottom: 10px;
  left: calc(50% - 1px);
}
.cl-slider .cl-slider-bar .cl-slider-handle {
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #bbb;
  border-radius: 9999px;
  width: 18px;
  height: 18px;
  /* 슬라이더 가로바 핸들 */
  /* 슬라이더 세로바 핸들 */
}
.cl-slider .cl-slider-bar .cl-slider-handle.cl-horizontal {
  top: -8px;
  transform: translateX(-10px);
}
.cl-slider .cl-slider-bar .cl-slider-handle.cl-vertical {
  left: -8px;
  transform: translateY(-10px);
}
.cl-slider .cl-slider-bar .cl-slider-range {
  background-color: #1B7AB3;
}
.cl-slider.cl-focus {
  /* 슬라이더 바 - focus */
}
.cl-slider.cl-focus .cl-slider-handle {
  border-color: #1B7AB3;
}
.cl-slider.cl-disabled {
  /* 슬라이더 바 핸들 - disabled */
  /* 슬라이더 바 선택 영역 - disabled */
}
.cl-slider.cl-disabled .cl-slider-bar {
  background-color: #ccc;
}
.cl-slider.cl-disabled .cl-slider-handle {
  background-image: none;
  border-color: #ccc;
}
.cl-slider.cl-disabled .cl-slider-range {
  background-color: #aaa;
}
.cl-slider:not(.cl-disabled) .cl-slider-bar .cl-slider-handle {
  /* 슬라이더 바 핸들 - hover */
}
.cl-slider:not(.cl-disabled) .cl-slider-bar .cl-slider-handle:hover,
.cl-slider:not(.cl-disabled) .cl-slider-bar .cl-slider-handle.cl-hover {
  background-image: none;
}
/* 아웃풋 */
.cl-output {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-position: left center;
  background-repeat: no-repeat;
  color: #333;
}
.cl-output.cl-disabled {
  color: #aaa;
}
/* 텍스트 에리어 */
.cl-textarea {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  /* 텍스트 에리어 텍스트 */
  /* 텍스트 에리어 - disabled */
  /* 텍스트 에리어 - focus*/
}
.cl-textarea .cl-text {
  padding: 8px 10px !important;
}
.cl-textarea .cl-text.cl-placeholder {
  color: #aaa !important;
  font-style: normal;
  font-weight: 400;
}
.cl-textarea.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
}
.cl-textarea.cl-focus {
  border-color: #1B7AB3;
}
/* 라디오 버튼 */
.cl-radiobutton {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  color: #333;
  /* 라디오 버튼 아이템 */
  /* 라디오버튼 focus 스타일 */
  /* disabled 라디오버튼 스타일 */
  /* fixedWidth를 고정값으로 설정시 .cl-radiobutton-item의 width와 같은 값으로 설정 */
  /* iconAlign=right 스타일 */
  /* iconAlign=top 스타일 */
  /* iconAlign=bottom 스타일 */
  /* hideIcon=true 스타일 */
}
.cl-radiobutton .cl-radiobutton-item {
  padding: 0px;
  /* 내부 아이템 요소 */
  /* 아이콘 정렬을 설정 */
  /* 라디오 버튼 아이템 텍스트 */
  /* 라디오아이템 아이콘 스타일 */
  /* 선택된 라디오아이템 아이콘 스타일 */
  /* disabled 라디오아이템 스타일 */
}
.cl-radiobutton .cl-radiobutton-item .cl-icon-wrapper {
  vertical-align: middle;
}
.cl-radiobutton .cl-radiobutton-item .cl-text {
  padding: 0px 0px 0px 5px;
  /* 말줄임 style 적용(한줄) */
  /* 여러 줄 style 적용 */
}
.cl-radiobutton .cl-radiobutton-item .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/ic_radio.png");
  width: 20px;
  min-height: 20px;
  margin: 1px;
  border-radius: 40px;
  transition: all 0.1s;
}
.cl-radiobutton .cl-radiobutton-item:not(.cl-selected) {
  /* 라디오아이템 hover시 아이콘 스타일 */
}
.cl-radiobutton .cl-radiobutton-item:not(.cl-selected):focus .cl-radiobutton-icon,
.cl-radiobutton .cl-radiobutton-item:not(.cl-selected).cl-focus .cl-radiobutton-icon,
.cl-radiobutton .cl-radiobutton-item:not(.cl-selected):hover .cl-radiobutton-icon,
.cl-radiobutton .cl-radiobutton-item:not(.cl-selected).cl-hover .cl-radiobutton-icon {
  border: 2px solid #1e74d6;
  background-image: url("images/controls/radiobutton/ic_radio_h.png");
}
.cl-radiobutton .cl-radiobutton-item.cl-selected {
  /* 선택된 라디오아이템 hover시 아이콘 스타일 */
}
.cl-radiobutton .cl-radiobutton-item.cl-selected .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/ic_radio_on.png");
}
.cl-radiobutton .cl-radiobutton-item.cl-selected:hover .cl-radiobutton-icon,
.cl-radiobutton .cl-radiobutton-item.cl-selected.cl-hover .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/ic_radio_on.png");
}
.cl-radiobutton .cl-radiobutton-item.cl-disabled {
  color: #aaa;
  /* disabled 라디오아이템 hover시 아이콘 스타일 */
  /* 선택된 disabled 라디오아이템 아이콘 스타일 */
}
.cl-radiobutton .cl-radiobutton-item.cl-disabled .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/ic_radio_d.png");
}
.cl-radiobutton .cl-radiobutton-item.cl-disabled:hover .cl-radiobutton-icon,
.cl-radiobutton .cl-radiobutton-item.cl-disabled.cl-hover .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/ic_radio_d.png");
}
.cl-radiobutton .cl-radiobutton-item.cl-disabled.cl-selected {
  /* 선택된 disabled 라디오아이템 hover시 아이콘 스타일 */
}
.cl-radiobutton .cl-radiobutton-item.cl-disabled.cl-selected .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/ic_radio_off.png");
}
.cl-radiobutton .cl-radiobutton-item.cl-disabled.cl-selected:hover .cl-radiobutton-icon,
.cl-radiobutton .cl-radiobutton-item.cl-disabled.cl-selected.cl-hover .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/ic_radio_off.png");
}
.cl-radiobutton.cl-disabled {
  color: #aaa;
}
.cl-radiobutton.cl-disabled .cl-radiobutton-item {
  /* disabled 라디오버튼에 라디오아이템 hover시 아이콘 스타일 */
  /* disabled 라디오버튼의 선택된 라디오아이템 아이콘 스타일 */
}
.cl-radiobutton.cl-disabled .cl-radiobutton-item .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/ic_radio_d.png");
}
.cl-radiobutton.cl-disabled .cl-radiobutton-item:hover .cl-radiobutton-icon,
.cl-radiobutton.cl-disabled .cl-radiobutton-item.cl-hover .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/ic_radio_d.png");
}
.cl-radiobutton.cl-disabled .cl-radiobutton-item.cl-selected {
  /* disabled 라디오버튼의 선택된 라디오아이템 hover시 아이콘 스타일 */
}
.cl-radiobutton.cl-disabled .cl-radiobutton-item.cl-selected .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/ic_radio_off.png");
}
.cl-radiobutton.cl-disabled .cl-radiobutton-item.cl-selected:hover .cl-radiobutton-icon,
.cl-radiobutton.cl-disabled .cl-radiobutton-item.cl-selected.cl-hover .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/ic_radio_off.png");
}
.cl-radiobutton.cl-fixedWidth .cl-radiobutton-item .cl-icon-wrapper {
  width: 20px;
}
.cl-radiobutton.cl-iconalign-right .cl-radiobutton-item .cl-radiobutton-icon {
  margin: 0px;
}
.cl-radiobutton.cl-iconalign-right .cl-radiobutton-item .cl-text {
  padding: 0px 5px 0px 0px;
}
.cl-radiobutton.cl-iconalign-top .cl-radiobutton-item .cl-radiobutton-icon {
  margin: 0px;
}
.cl-radiobutton.cl-iconalign-top .cl-radiobutton-item .cl-text {
  padding: 5px 0px 0px 0px;
}
.cl-radiobutton.cl-iconalign-bottom .cl-radiobutton-item .cl-radiobutton-icon {
  margin: 0px;
}
.cl-radiobutton.cl-iconalign-bottom .cl-radiobutton-item .cl-text {
  padding: 0px 0px 5px 0px;
}
.cl-radiobutton.cl-iconalign-none .cl-radiobutton-item .cl-text {
  padding: 0px;
}
.cl-radiobutton.cl-flow {
  vertical-align: middle;
}
/* 체크 박스 */
.cl-checkbox {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  color: #333;
  padding: 0px;
  /* 내부 아이템 요소 */
  /* 아이콘 정렬을 설정 */
  /* 체크 박스 텍스트 */
  /* 체크박스 아이콘 스타일 */
  /* 체크박스 hover시 아이콘 스타일 */
  /* 체크된 체크박스 아이콘 스타일 */
  /* disabled 체크박스 스타일 */
  /* 체크박스 focus 스타일 */
  /* iconAlign=right 스타일 */
  /* iconAlign=top 스타일 */
  /* iconAlign=bottom 스타일 */
  /* hideIcon=true 스타일 */
  /* fixedWidth설정시 .cl-checkbox-icon의 width와 같은 값으로 설정 */
}
.cl-checkbox .cl-icon-wrapper {
  vertical-align: middle;
}
.cl-checkbox .cl-text {
  padding: 0px 0px 0px 5px;
  /* 말줄임 style 적용(한줄) */
  /* 여러 줄 style 적용 */
}
.cl-checkbox .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox.svg");
  width: 20px;
  min-height: 20px;
  margin: 1px;
  border-radius: 3px;
}
.cl-checkbox:hover .cl-checkbox-icon,
.cl-checkbox.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_h.svg");
}
.cl-checkbox.cl-checked {
  /* 체크된 체크박스 hover시 아이콘 스타일 */
}
.cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_on.svg");
}
.cl-checkbox.cl-checked:hover .cl-checkbox-icon,
.cl-checkbox.cl-checked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_on.svg");
}
.cl-checkbox.cl-disabled {
  /* disabled 체크박스 hover시 아이콘 스타일 */
  /* 체크된 disabled 체크박스 아이콘 스타일 */
}
.cl-checkbox.cl-disabled .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_d.svg");
}
.cl-checkbox.cl-disabled:hover .cl-checkbox-icon,
.cl-checkbox.cl-disabled.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_d.svg");
}
.cl-checkbox.cl-disabled.cl-checked {
  /* 체크된 disabled 체크박스 hover시 아이콘 스타일 */
}
.cl-checkbox.cl-disabled.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_off.svg");
}
.cl-checkbox.cl-disabled.cl-checked:hover .cl-checkbox-icon,
.cl-checkbox.cl-disabled.cl-checked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_off.svg");
}
.cl-checkbox.cl-focus .cl-checkbox-icon {
  outline: 1px solid #E2EFFF;
}
.cl-checkbox.cl-partialchecked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox.svg");
}
.cl-checkbox.cl-partialchecked:hover .cl-checkbox-icon,
.cl-checkbox.cl-partialchecked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_h.svg");
}
.cl-checkbox.cl-partialchecked.cl-disabled .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_d.svg");
}
.cl-checkbox.cl-partialchecked.cl-disabled:hover .cl-checkbox-icon,
.cl-checkbox.cl-partialchecked.cl-disabled.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_d.svg");
}
.cl-checkbox.cl-iconalign-right .cl-text {
  padding: 0px 5px 0px 0px;
}
.cl-checkbox.cl-iconalign-top .cl-text {
  padding: 5px 0px 0px 0px;
}
.cl-checkbox.cl-iconalign-bottom .cl-text {
  padding: 0px 0px 5px 0px;
}
.cl-checkbox.cl-iconalign-none .cl-text {
  padding: 0px;
}
.cl-checkbox.cl-fixedWidth .cl-icon-wrapper {
  width: 16px;
}
.cl-checkbox.only-check {
  font-size: 0;
  text-align: center;
}
/* 체크박스그룹 */
.cl-checkboxgroup {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  color: #333;
  /* 체크박스그룹 focus 스타일 */
  /* disabled 체크박스그룹 스타일 */
  /* 체크박스그룹에 체크박스 스타일 */
  /* fixedWidth를 고정값으로 설정시 .cl-checkbox-icon의 width와 같은 값으로 설정 */
  /* iconAlign=right 스타일 */
  /* iconAlign=top 스타일 */
  /* iconAlign=bottom 스타일 */
  /* hideIcon=true 스타일 */
}
.cl-checkboxgroup.cl-focus {
  /* 체크박스그룹 내에 focus를 받은 체크박스 focus 아이콘 스타일 */
}
.cl-checkboxgroup.cl-disabled {
  color: #aaa;
  /* disabled 체크박스그룹에 체크박스 스타일 */
}
.cl-checkboxgroup.cl-disabled .cl-checkbox {
  color: #aaa;
  /* disabled 체크박스그룹에 체크박스 hover시 아이콘 스타일 */
  /* disabled 체크박스그룹 내에 체크된 체크박스 아이콘 스타일 */
}
.cl-checkboxgroup.cl-disabled .cl-checkbox .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_d.svg");
}
.cl-checkboxgroup.cl-disabled .cl-checkbox:hover .cl-checkbox-icon,
.cl-checkboxgroup.cl-disabled .cl-checkbox.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_d.svg");
}
.cl-checkboxgroup.cl-disabled .cl-checkbox.cl-checked {
  /* disabled 체크박스그룹 내에 체크된 체크박스 hover시 아이콘 스타일 */
}
.cl-checkboxgroup.cl-disabled .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_off.svg");
}
.cl-checkboxgroup.cl-disabled .cl-checkbox.cl-checked:hover .cl-checkbox-icon,
.cl-checkboxgroup.cl-disabled .cl-checkbox.cl-checked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_off.svg");
}
.cl-checkboxgroup .cl-checkbox {
  padding: 0px;
  /* 내부 아이템 요소 */
  /* 체크박스그룹에 체크박스 hover시 아이콘 스타일 */
  /* 체크박스그룹에 체크된 체크박스 아이콘 스타일 */
  /* 체크박스그룹에 disabled 체크박스 스타일 */
}
.cl-checkboxgroup .cl-checkbox:hover .cl-checkbox-icon,
.cl-checkboxgroup .cl-checkbox.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_h.svg");
}
.cl-checkboxgroup .cl-checkbox.cl-checked {
  /* 체크박스그룹에 체크된 체크박스 hover시 아이콘 스타일 */
}
.cl-checkboxgroup .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_on.svg");
}
.cl-checkboxgroup .cl-checkbox.cl-checked:hover .cl-checkbox-icon,
.cl-checkboxgroup .cl-checkbox.cl-checked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_on.svg");
}
.cl-checkboxgroup .cl-checkbox.cl-disabled {
  color: #aaa;
  /* 체크박스그룹에 disabled 체크박스 hover시 아이콘 스타일 */
  /* 체크박스그룹에 disabled 체크된 체크박스 아이콘 스타일 */
}
.cl-checkboxgroup .cl-checkbox.cl-disabled .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_d.svg");
}
.cl-checkboxgroup .cl-checkbox.cl-disabled:hover .cl-checkbox-icon,
.cl-checkboxgroup .cl-checkbox.cl-disabled.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_d.svg");
}
.cl-checkboxgroup .cl-checkbox.cl-disabled.cl-checked {
  /* 체크박스그룹에 disabled 체크된 체크박스 hover시 아이콘 스타일 */
}
.cl-checkboxgroup .cl-checkbox.cl-disabled.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_off.svg");
}
.cl-checkboxgroup .cl-checkbox.cl-disabled.cl-checked:hover .cl-checkbox-icon,
.cl-checkboxgroup .cl-checkbox.cl-disabled.cl-checked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_off.svg");
}
.cl-checkboxgroup.cl-fixedWidth .cl-checkbox .cl-icon-wrapper {
  width: 16px;
}
.cl-checkboxgroup.cl-iconalign-right .cl-checkbox .cl-text {
  padding: 0px 5px 0px 0px;
}
.cl-checkboxgroup.cl-iconalign-top .cl-checkbox .cl-text {
  padding: 5px 0px 0px 0px;
}
.cl-checkboxgroup.cl-iconalign-bottom .cl-checkbox .cl-text {
  padding: 0px 0px 5px 0px;
}
.cl-checkboxgroup.cl-iconalign-none .cl-checkbox .cl-text {
  padding: 0px;
}
.cl-checkboxgroup.cl-flow {
  vertical-align: middle;
}
/* 마스크 에디터 루트 */
.cl-maskeditor {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  /* 마스크 에디터 텍스트 */
  /* 마스크 에디터 - 포커스 */
  /* 마스크 에디터 - disabled */
  /* 마스크 에디터 - 클리어 버튼 */
}
.cl-maskeditor .cl-text {
  padding: 0px 10px;
}
.cl-maskeditor .cl-text.cl-placeholder {
  color: #aaa !important;
  font-style: normal;
  font-weight: 400;
}
.cl-maskeditor.cl-focus {
  border-color: #1B7AB3;
}
.cl-maskeditor.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
}
.cl-maskeditor .cl-maskeditor-clear {
  background-image: url("images/controls/inputbox/ic_text_clear.png");
  background-size: auto;
  background-position: left center;
  width: 22px;
}
/* 콤보 박스 루트 */
.cl-combobox {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  /*선택된 아이템의 아이콘*/
  /* 콤보 박스 펼침 버튼 */
  /* 콤보박스 리스트 열린 위치에 따른 스타일 */
  /* 포커스 상태 */
  /* 콤보 박스 disabled 상태 */
}
.cl-combobox .cl-text {
  padding: 0px 10px;
  /* preventInput속성일때 스타일*/
}
.cl-combobox .cl-text.cl-placeholder {
  color: #aaa !important;
  font-style: normal;
  font-weight: 400;
}
.cl-combobox .cl-combobox-button {
  background-image: url("images/controls/combobox/ic_arrow_down.png");
  background-size: auto;
  background-position: left center;
  width: 18px;
}
.cl-combobox.cl-focus {
  border-color: #1B7AB3;
}
.cl-combobox.cl-focus:not(.cl-readonly) .cl-combobox-button {
  background-image: url("images/controls/combobox/ic_arrow_down_on.png");
}
.cl-combobox.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
}
/* 콤보 박스 리스트 박스 */
.cl-combobox-list {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  /*리스트박스의 쉐도우*/
  /* 리스박스의 최대 높이*/
  /* 콤보 박스 리스트 아이템 */
  /*체크박스 다중선택 리스트박스 스타일*/
}
.cl-combobox-list.cl-popup {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.cl-combobox-list.cl-top {
  /* 콤보박스 위에 표시될때 상태 */
  margin-top: -6px;
}
.cl-combobox-list.cl-top.cl-popup {
  box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.16);
}
.cl-combobox-list.cl-bottom {
  /* 콤보박스 아래에 표시될때 상태 */
  margin-top: 6px;
}
.cl-combobox-list .cl-viewport {
  max-height: 320px;
}
.cl-combobox-list .cl-combobox-item {
  padding: 2px 10px 2px 10px;
  height: auto;
  min-height: 32px;
  /* 콤보 박스 리스트 아이템 체크박스 */
  /* 콤보 박스 리스트 아이템 아이콘 */
  /* 콤보 박스 리스트 아이템 텍스트 */
  /* 콤보 박스 리스트 아이템 - 선택 됨 */
  /* disabled 상태 콤보 박스 리스트 아이템 */
}
.cl-combobox-list .cl-combobox-item .cl-checkbox {
  background-image: url("images/controls/checkbox/ic_checkbox.png");
}
.cl-combobox-list .cl-combobox-item .cl-checkbox + .cl-text {
  padding-left: 10px;
}
.cl-combobox-list .cl-combobox-item .cl-checkbox.cl-checked {
  background-image: url("images/controls/checkbox/ic_checkbox_on.png");
}
.cl-combobox-list .cl-combobox-item .cl-text {
  padding: 0px;
}
.cl-combobox-list .cl-combobox-item.cl-selected {
  background-color: #e6edf9;
  color: #1B7AB3;
}
.cl-combobox-list .cl-combobox-item.cl-disabled {
  color: #aaa;
  /* disabled 상태에서 선택된 콤보 박스 리스트 아이템 */
}
.cl-combobox-list .cl-combobox-item.cl-disabled.cl-selected {
  background-color: #e6e6e6;
  color: #999;
}
.cl-combobox-list .cl-combobox-item:not(.cl-disabled) {
  /* 콤보 박스 리스트 아이템 - 호버 */
}
.cl-combobox-list .cl-combobox-item:not(.cl-disabled):not(.cl-selected):hover,
.cl-combobox-list .cl-combobox-item:not(.cl-disabled):not(.cl-selected).cl-hover {
  background-color: #f8f8f8;
  color: #333;
}
.cl-combobox-list .cl-combobox-item.cl-treeitem .cl-treeicon {
  /*트리 확장 아이콘 스타일*/
}
.cl-combobox-list .cl-combobox-item.cl-treeitem .cl-checkbox {
  background-image: url("images/controls/checkbox/ic_checkbox.png");
}
.cl-combobox-list .cl-combobox-item.cl-treeitem .cl-checkbox.cl-checked {
  background-image: url("images/controls/checkbox/ic_checkbox_on.png");
}
.cl-combobox-list .cl-combobox-item.cl-treeitem .cl-checkbox.cl-partialchecked {
  background-image: url("images/controls/checkbox/ic_checkbox.png");
}
.cl-combobox-list .cl-combobox-item.cl-treeitem .cl-text {
  padding: 0px 0px 0px 10px;
}
.cl-combobox-list.cl-multi-select .cl-combobox-item:not(.cl-disabled).cl-selected:hover {
  background-color: #f8f8f8;
  color: #333;
}
.cl-combobox-list.cl-multi-select .cl-combobox-item:not(.cl-disabled).cl-hover.cl-selected {
  background-color: #e6edf9;
  color: #1B7AB3;
}
/* 링크드 콤보 박스 루트 */
.cl-linkedcombobox {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  color: #333;
  /* 콤보 박스 */
  /* 콤보 박스 - 포커스 상태 */
  /* 콤보 박스 - disabled 상태 */
}
.cl-linkedcombobox .cl-linkedcombobox-combo {
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  /*선택된 아이템의 아이콘*/
  /* 콤보 박스 인풋 텍스트 */
  /* 콤보 박스 펼침 버튼 */
}
.cl-linkedcombobox .cl-linkedcombobox-combo .cl-text {
  padding: 0px 10px;
  /* preventInput속성일때 스타일*/
}
.cl-linkedcombobox .cl-linkedcombobox-combo .cl-text.cl-placeholder {
  color: #aaa !important;
  font-style: normal;
  font-weight: 400;
}
.cl-linkedcombobox .cl-linkedcombobox-combo .cl-linkedcombobox-button {
  background-image: url("images/controls/combobox/ic_arrow_down.png");
  background-size: auto;
  background-position: left center;
}
.cl-linkedcombobox .cl-linkedcombobox-combo.cl-focus {
  border-color: #1B7AB3;
}
.cl-linkedcombobox.cl-disabled {
  color: #aaa;
  /* 콤보 박스 펼침 버튼 - disabled 상태 */
}
.cl-linkedcombobox.cl-disabled .cl-linkedcombobox-combo {
  background-color: #e6e6e6;
  border-color: #ccc;
}
.cl-linkedcombobox.cl-disabled .cl-linkedcombobox-button {
  background-image: url("images/controls/combobox/ic_arrow_down.png");
}
/* 콤보 박스 리스트 박스 */
.cl-linkedcombobox-list {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  /*리스트박스의 쉐도우*/
  /* 콤보 박스 아이템 */
}
.cl-linkedcombobox-list.cl-popup {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.cl-linkedcombobox-list.cl-top {
  /* 콤보박스 위에 표시될때 상태 */
  margin-top: -6px;
}
.cl-linkedcombobox-list.cl-top.cl-popup {
  box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.16);
}
.cl-linkedcombobox-list.cl-bottom {
  /* 콤보박스 아래에 표시될때 상태 */
  margin-top: 6px;
}
.cl-linkedcombobox-list .cl-linkedcombobox-item {
  padding: 2px 10px 2px 10px;
  height: auto;
  min-height: 32px;
  /* 콤보 박스 아이템 아이콘 */
  /* 콤보 박스 아이템 텍스트 */
  /* 콤보 박스 아이템 드릴다운 아이콘 */
  /* 콤보 박스 아이템 리프 아이콘 */
  /* 콤보 박스 아이템 - 선택됨 */
  /* 콤보 박스 아이템 - disabled 상태 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item .cl-text {
  padding: 0px;
}
.cl-linkedcombobox-list .cl-linkedcombobox-item .cl-linkedcombobox-arrow.cl-folder {
  background-image: url("images/controls/menu/ic_arrow_right.png");
}
.cl-linkedcombobox-list .cl-linkedcombobox-item.cl-selected {
  background-color: #e6edf9;
  color: #1B7AB3;
  /* 콤보 박스 아이템 드릴 다운 아이콘 - 선택됨 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item.cl-selected .cl-linkedcombobox-arrow.cl-folder {
  background-image: url("images/controls/menu/ic_arrow_right_on.png");
}
.cl-linkedcombobox-list .cl-linkedcombobox-item.cl-disabled {
  color: #aaa;
  /* 콤보 박스 아이템 - 선택됨, disabled 상태 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item.cl-disabled.cl-selected {
  background-color: #e6e6e6;
  color: #999;
}
.cl-linkedcombobox-list .cl-linkedcombobox-item:not(.cl-disabled) {
  /* 콤보 박스 아이템 - 호버 상태 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item:not(.cl-disabled):not(.cl-selected):hover,
.cl-linkedcombobox-list .cl-linkedcombobox-item:not(.cl-disabled):not(.cl-selected).cl-hover {
  background-color: #f8f8f8;
  color: #333;
}
/* 다이얼로그 루트 */
.cl-dialog {
  border: none;
  border-radius: 4px;
  box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.16);
  /* 다이얼로그 헤더 */
}
.cl-dialog .cl-dialog-header {
  position: relative;
  display: block;
  background-color: #1961B2;
  color: #ffffff;
  border-bottom-color: transparent;
  font-size: 2rem;
  font-weight: 500;
  padding: 10px 16px;
  text-align: left;
  /* 다이얼로그 헤더 텍스트 */
  /* 다이얼로그 닫기 버튼 */
  /* 다이얼로그 닫기 버튼 - 호버 */
  /*.cl-dialog-close:hover{
			background-image: url("../images/controls/dialog/ic_close.png");
		}*/
  /* 다이얼로그 닫기 버튼 - 액티브 */
  /*.cl-dialog-close:active {
			background-image: url("../images/controls/dialog/ic_close.png");
		}*/
  /* 다이얼로그 최소화 버튼 */
  /* 다이얼로그 최소화 버튼 - 액티브 */
  /*.cl-dialog-min:active {
			background-image: url("../images/controls/dialog/ic_min.png");
		}*/
  /* 다이얼로그 최대화 버튼 */
  /* 다이얼로그 최대화 버튼 - 액티브 */
  /* 다이얼로그 복구 버튼 */
  /* 다이얼로그 복구 버튼 - 액티브 */
}
.cl-dialog .cl-dialog-header:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  display: block;
  width: 24px;
  height: 24px;
  background: url("images/img-tit-dialog.svg") no-repeat 50%;
  background-size: cover;
}
.cl-dialog .cl-dialog-header .cl-text {
  padding-left: calc(24px + 4px);
  line-height: 1.2;
}
.cl-dialog .cl-dialog-header .cl-dialog-close,
.cl-dialog .cl-dialog-header .cl-dialog-min,
.cl-dialog .cl-dialog-header .cl-dialog-max,
.cl-dialog .cl-dialog-header .cl-dialog-restore {
  background-size: auto;
  margin-left: 6px;
  height: 24px;
  width: 24px;
  align-self: center;
  filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(16%) hue-rotate(277deg) brightness(103%) contrast(106%);
}
.cl-dialog .cl-dialog-header .cl-dialog-close:hover,
.cl-dialog .cl-dialog-header .cl-dialog-min:hover,
.cl-dialog .cl-dialog-header .cl-dialog-max:hover,
.cl-dialog .cl-dialog-header .cl-dialog-restore:hover {
  transition: 0.5s;
  transform: rotate(180deg);
}
.cl-dialog .cl-dialog-header .cl-dialog-close {
  background-image: url("images/btn-ico.svg");
  background-repeat: no-repeat;
  background-size: 250px;
  background-position: -175px 0px;
}
.cl-dialog .cl-dialog-header .cl-dialog-min {
  background-image: url("images/controls/dialog/ic_min.png");
}
.cl-dialog .cl-dialog-header .cl-dialog-max {
  background-image: url("images/controls/dialog/ic_max.png");
}
.cl-dialog .cl-dialog-header .cl-dialog-max:active {
  background-image: url("images/controls/dialog/ic_max.png");
}
.cl-dialog .cl-dialog-header .cl-dialog-restore {
  background-image: url("images/controls/dialog/ic_restore.png");
}
.cl-dialog .cl-dialog-header .cl-dialog-restore:active {
  background-image: url("images/controls/dialog/ic_restore.png");
}
.cl-overlay {
  background-color: rgba(0, 0, 0, 0.28);
}
/* 트리 */
.cl-tree {
  padding: 8px 12px;
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-color: #FAFAFA;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  /* 트리 아이템 */
  /* 트리 - focus */
  /* 트리 다중 선택 */
  /* 트리 아이템간 라인*/
}
.cl-tree .cl-tree-item {
  min-height: 32px;
  /* 트리 아이템 체크박스 아이콘 */
  /* 트리 셀렉션 체크박스 아이콘 */
  /* 트리 아이템 아이콘 영역 */
  /* 트리 아이템의 펼치고 접혀지는 아이콘 영역*/
  /* 트리 아이템 텍스트 */
  /*텍스트 편집 상자*/
  /*트리아이템 뱃지 스타일*/
  /* 트리 아이템 - disabled */
  /* 트리 아이템 - selected */
}
.cl-tree .cl-tree-item .cl-checkbox {
  background-image: url("images/controls/checkbox/ic_checkbox.png");
  background-size: 12px;
  width: 20px;
}
.cl-tree .cl-tree-item .cl-checkbox.cl-checked {
  background-image: url("images/controls/checkbox/ic_checkbox_on.png");
}
.cl-tree .cl-tree-item .cl-checkbox.cl-partialchecked {
  background-image: url("images/controls/checkbox/ic_partial.png");
}
.cl-tree .cl-tree-item .cl-tree-checkbox {
  background-image: url("images/controls/checkbox/ic_checkbox.png");
  background-size: 12px;
  width: 20px;
}
.cl-tree .cl-tree-item .cl-tree-itemicon {
  background-image: url("images/controls/tree/ic_file.png");
  background-size: auto;
  width: 16px;
}
.cl-tree .cl-tree-item .cl-tree-treeicon {
  background-size: auto;
  width: 20px;
}
.cl-tree .cl-tree-item .cl-text {
  padding: 0px 0px 0px 5px;
}
.cl-tree .cl-tree-item.cl-checked {
  /* 트리 아이템 체크박스 아이콘 - 선택됨*/
}
.cl-tree .cl-tree-item.cl-checked > .cl-tree-checkbox {
  background-image: url("images/controls/checkbox/ic_checkbox_on.png");
}
.cl-tree .cl-tree-item.cl-partialchecked {
  /* 트리 아이템 체크박스 아이콘 - 부분 선택됨 */
}
.cl-tree .cl-tree-item.cl-partialchecked > .cl-tree-checkbox {
  background-image: url("images/controls/checkbox/ic_partial.png");
}
.cl-tree .cl-tree-item.cl-folder {
  /* 트리 아이템 폴더 아이콘*/
  /* 트리 아이템 폴더 아이콘 - 펼쳐짐*/
  /* 트리 아이템 폴더 아이콘 - 접힘 */
}
.cl-tree .cl-tree-item.cl-folder .cl-tree-itemicon {
  background-image: url("images/controls/tree/ic_folder.png");
}
.cl-tree .cl-tree-item.cl-folder.cl-expanded > .cl-tree-treeicon {
  background-image: url("images/controls/tree/ic_expanded.png");
}
.cl-tree .cl-tree-item.cl-folder.cl-collapsed > .cl-tree-treeicon {
  background-image: url("images/controls/tree/ic_collapsed.png");
}
.cl-tree .cl-tree-item.cl-disabled {
  color: #aaa;
  /* 트리 아이템 - disabled, selected */
}
.cl-tree .cl-tree-item.cl-disabled.cl-selected {
  background-color: #e6e6e6;
  color: #999;
}
.cl-tree .cl-tree-item.cl-selected {
  background-color: #e6edf9;
  color: #1B7AB3;
}
.cl-tree .cl-tree-item.cl-selected.cl-folder {
  /* 트리 아이템 폴더 펼쳐짐 아이콘 - selected */
  /* 트리 아이템 폴더 점힘 아이콘 - selected */
}
.cl-tree .cl-tree-item.cl-selected.cl-folder.cl-expanded > .cl-tree-treeicon {
  background-image: url("images/controls/tree/ic_expanded.png");
}
.cl-tree .cl-tree-item.cl-selected.cl-folder.cl-collapsed > .cl-tree-treeicon {
  background-image: url("images/controls/tree/ic_collapsed.png");
}
.cl-tree.cl-focus {
  border-color: #1B7AB3;
}
.cl-tree.cl-multi-select .cl-tree-item.cl-checked.cl-selected.cl-hover {
  background-color: #e6edf9;
  color: #1B7AB3;
}
.cl-tree.cl-tree-lines .cl-tree-item .cl-tree-treeicon {
  background-size: auto;
}
.cl-tree.cl-tree-lines .cl-tree-item.cl-expanded > .cl-tree-treeicon {
  background-image: url("images/controls/tree/ic_minus.png");
}
.cl-tree.cl-tree-lines .cl-tree-item.cl-expanded.cl-selected > .cl-tree-treeicon {
  background-image: url("images/controls/tree/ic_minus.png");
}
.cl-tree.cl-tree-lines .cl-tree-item.cl-collapsed > .cl-tree-treeicon {
  background-image: url("images/controls/tree/ic_plus.png");
}
.cl-tree.cl-tree-lines .cl-tree-item.cl-collapsed.cl-selected > .cl-tree-treeicon {
  background-image: url("images/controls/tree/ic_plus.png");
}
.cl-tree.cl-tree-lines .cl-tree-item .cl-tree-line {
  background-image: url("images/controls/tree/ic_treeline.png");
}
.cl-tree.cl-tree-lines .cl-tree-item .cl-tree-iconline {
  background-image: url("images/controls/tree/ic_treeline_child.png");
}
.cl-tree.cl-tree-lines .cl-tree-item.cl-last .cl-tree-iconline {
  background-image: url("images/controls/tree/ic_treeline_last.png");
}
.cl-tree.cl-tree-lines .cl-tree-item.cl-first .cl-tree-iconline {
  background-image: url("images/controls/tree/ic_treeline_first.png");
}
.cl-tree.cl-tree-lines .cl-tree-item.cl-first.cl-last .cl-tree-iconline {
  background-image: url("images/controls/tree/ic_treeline_alone.png");
}
.cl-tree.cl-tree-lines .cl-tree-item .cl-text {
  padding: 0px 0px 0px 5px;
}
.cl-tree.cl-tree-lines .cl-tree-item .cl-tree-line,
.cl-tree.cl-tree-lines .cl-tree-item .cl-tree-treeicon {
  padding: 0px;
}
.cl-tree:not(.cl-disabled) .cl-tree-item:not(.cl-disabled) {
  /* 트리 아이템 - hover */
  /* 드래그 아이템 위치에 따른 표시 */
  /* 드래그 아이템 위치에 따른 표시 */
  /* 드래그 아이템 위치에 따른 표시 */
}
.cl-tree:not(.cl-disabled) .cl-tree-item:not(.cl-disabled):not(.cl-selected).cl-hover,
.cl-tree:not(.cl-disabled) .cl-tree-item:not(.cl-disabled):not(.cl-selected):hover {
  background-color: #f8f8f8;
  color: #333;
}
/* 트리 - disabled */
.cl-tree.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
  /* 트리 아이템 - disabled, selected */
}
.cl-tree.cl-disabled .cl-tree-item .cl-tree-itemicon {
  background-image: url("images/controls/tree/ic_file_off.png");
}
.cl-tree.cl-disabled .cl-tree-item.cl-folder .cl-tree-itemicon {
  background-image: url("images/controls/tree/ic_folder_off.png");
}
.cl-tree.cl-disabled .cl-tree-item.cl-folder.cl-expanded > .cl-tree-treeicon {
  background-image: url("images/controls/tree/ic_expanded_off.png");
}
.cl-tree.cl-disabled .cl-tree-item.cl-folder.cl-collapsed > .cl-tree-treeicon {
  background-image: url("images/controls/tree/ic_collapsed_off.png");
}
.cl-tree.cl-disabled .cl-tree-item.cl-selected {
  background-color: #e6e6e6;
  color: #999;
}
/* 그리드 */
.cl-grid {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-color: #ffffff;
  border: 1px solid #ddd;
  color: #333;
  min-height: 120px;
  /* 그리드 헤더 */
  /* 그리드 푸터 */
  /* 그리드 헤더 외곽 영역 */
  /* 그리드 디테일 외곽 영역 */
  /* 그리드 푸터 외곽 영역 */
  /* 왼쪽 틀고정된 그리드의 스타일 */
  /* 오른쪽 틀고정된 그리드의 스타일 */
  /* 스플릿 상단 그리드 래퍼 */
  /* 스플릿 하단 그리드 래퍼 */
  /* noDataMessage 보여질 때 해당 텍스트영역 스타일 */
}
.cl-grid.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
}
.cl-grid .cl-grid-header {
  font-weight: 500;
  background-image: none;
  background-color: #E8F2FF;
  /* 그리드 헤더 셀 */
  /*
		 @deprecated (header의 sortColumnName속성)
		 그리드 헤더 셀 소트 인디케이터
		 */
  /* 그리드 헤더 셀 필터 인디케이터 */
  /* 그리드 헤더 셀이 소트가능 한 셀일 때 스타일 */
}
.cl-grid .cl-grid-header .cl-grid-cell {
  color: #333;
  /* 그리드 헤더 셀에 임베딩 된 컨트롤 */
}
.cl-grid .cl-grid-header .cl-sort {
  width: 16px;
  /* 그리드 헤더 셀 소트 인디케이터 - 소트 가능 */
  /* 그리드 헤더 셀 소트 인디케이터 - 오름차순 정렬됨 */
  /* 그리드 헤더 셀 소트 인디케이터 - 내림차순 정렬됨 */
}
.cl-grid .cl-grid-header .cl-sort.cl-sortable {
  background-image: url("images/controls/grid/ic_sort.png");
}
.cl-grid .cl-grid-header .cl-sort.cl-sort-asc {
  background-image: url("images/controls/grid/ic_sort_asc.png");
}
.cl-grid .cl-grid-header .cl-sort.cl-sort-desc {
  background-image: url("images/controls/grid/ic_sort_desc.png");
}
.cl-grid .cl-grid-header .cl-filter {
  background-image: url("images/controls/grid/ic_filter.png");
  background-size: auto;
  background-position: left center;
  width: 16px;
  /* 그리드 헤더 셀 필터 인디케이터에 마우스가 호버되었을 때 스타일 */
  /* 그리드 헤더 셀 필터 인디케이터 - 필터되었을 때 스타일 */
}
.cl-grid .cl-grid-header .cl-filter:hover {
  background-image: url("images/controls/grid/ic_filter.png");
}
.cl-grid .cl-grid-header .cl-filter.cl-filtered {
  background-image: url("images/controls/grid/ic_filter_on.png");
}
.cl-grid .cl-grid-header .cl-sortable-cell {
  /* 그리드 헤더 셀 소트 인디케이터 */
  /* 그리드 헤더 셀 소트 인디케이터 - 오름차순 정렬됨  */
  /* 그리드 헤더 셀 소트 인디케이터 - 내림차순 정렬됨  */
}
.cl-grid .cl-grid-header .cl-sortable-cell .cl-sort {
  width: 14px;
  /* 그리드 헤더 셀 소트 인디케이터 - 소트 가능한 아이콘 */
  /* 그리드 헤더 셀 소트 인디케이터 - 소트 우선 순위 영역*/
}
.cl-grid .cl-grid-header .cl-sortable-cell .cl-sort .cl-sort-icon:before {
  content: "△";
  background-image: url("images/controls/grid/ic_msort.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  font-size: 1.4rem;
  color: transparent;
}
.cl-grid .cl-grid-header .cl-sortable-cell.cl-sort-asc {
  /* 그리드 헤더 셀 소트 인디케이터 - 오름차순 아이콘 */
}
.cl-grid .cl-grid-header .cl-sortable-cell.cl-sort-asc .cl-sort-icon:before {
  content: "▲";
  background-image: url("images/controls/grid/ic_msort_asc.png");
}
.cl-grid .cl-grid-header .cl-sortable-cell.cl-sort-desc {
  /* 그리드 헤더 셀 소트 인디케이터 - 내림차순 아이콘 */
}
.cl-grid .cl-grid-header .cl-sortable-cell.cl-sort-desc .cl-sort-icon:before {
  content: "▼";
  background-image: url("images/controls/grid/ic_msort_desc.png");
}
.cl-grid .cl-grid-footer {
  background-color: #dfe7f7;
  border-top: 1px solid #ddd;
  color: #333;
  font-weight: 500;
}
.cl-grid .cl-grid-footer .cl-grid-cell .cl-control .cl-text {
  padding: 0px 10px;
}
.cl-grid .cl-grid-header {
  /* 디테일에 스크롤이 생길시 우측에 생기는 빈 영역 */
}
.cl-grid .cl-grid-header .cl-blank {
  background-color: #f1f1f1;
}
.cl-grid .cl-grid-detail {
  /* 디테일에 스크롤이 생길시 우측하단에 생기는 빈 영역 */
}
.cl-grid .cl-grid-detail .cl-blank {
  background-color: #f1f1f1;
}
.cl-grid .cl-grid-footer {
  /* 디테일에 스크롤이 생길시 우측에 생기는 빈 영역 */
}
.cl-grid .cl-grid-footer .cl-blank {
  background-color: #f1f1f1;
}
.cl-grid.cl-leftsplit {
  /* 스플릿 시 좌측 그리드 래퍼 */
}
.cl-grid.cl-rightsplit {
  /* 스플릿 시 우측 그리드 래퍼 */
}
.cl-grid .cl-grid-topsplit {
  border-bottom: double 3px #333;
}
.cl-grid .cl-grid-bottomsplit {
  border-top: double 3px #333;
}
.cl-grid .cl-nodatamsg {
  background-image: url("images/controls/grid/ic_nodata.png");
  background-position: center calc(50% - 12px);
  background-repeat: no-repeat;
  color: #aaa;
  padding-top: 36px;
  vertical-align: middle;
}
.cl-grid.tbl-list .cl-grid-detail .cl-grid-cell .cl-output {
  text-align: center;
}
/* 그리드 필터 사용시 필터 다이얼로그가 펼쳐지는 영역 스타일*/
.cl-gridfilter {
  /* 필터 다이얼로그 뒤에 비활성화 영역을 표현하기 위해 덮히는 막 */
  /* 필터 다이얼로그 */
}
.cl-gridfilter.cl-overlay {
  background-color: rgba(0, 0, 0, 0.28);
}
.cl-gridfilter .cl-filterdlg {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0px;
  width: 300px;
  height: 260px;
  /* 필터 다이얼로그 - 타이틀 영역 */
  /* 필터 다이얼로그 - 필터 찾기 영역 */
  /* 필터 다이얼로그 - 필터 아이템 리스트 영역 */
  /* 필터 다이얼로그 - 하단에 버튼 영역 */
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-header {
  background-image: none;
  background-color: #1961B2;
  padding: 5px 8px;
  /* 필터 다이얼로그 - 타이틀 영역의 글자 스타일 */
  /* 필터 다이얼로그 - 타이틀 영역의 닫기 버튼 스타일 */
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-header .cl-text {
  padding-left: 0px;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-header .cl-filterdlg-sortable {
  background-image: url("images/controls/grid/ic_sort.png");
  background-position: left center;
  width: 14px;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-header .cl-filterdlg-sortable.cl-filterdlg-asc {
  background-image: url("images/controls/grid/ic_sort_asc.png");
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-header .cl-filterdlg-sortable.cl-filterdlg-desc {
  background-image: url("images/controls/grid/ic_sort_desc.png");
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-header .cl-filterdlg-close {
  background-image: url("images/controls/dialog/ic_close.png");
  width: 20px;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-search {
  margin: 8px;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-search .cl-search-input {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  font-size: 1.4rem;
  height: 28px;
  padding: 0px 10px;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-search .cl-search-input:focus {
  border-color: #1B7AB3;
  outline: none;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-itemlist {
  margin: 0px 8px 8px;
  /* 필터 다이얼로그 - 필터 아이템 리스트 영역의 아이템 스타일 */
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-itemlist .cl-filterdlg-item {
  height: 28px;
  /* 필터 다이얼로그 - 아이템 체크박스 스타일 */
  /* 필터 다이얼로그 - 아이템 체크박스가 체크되었을 때의 스타일 */
  /* 필터 다이얼로그 - 아이템 글자 스타일 */
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-itemlist .cl-filterdlg-item .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox.png");
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-itemlist .cl-filterdlg-item.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_on.png");
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-itemlist .cl-filterdlg-item .cl-text {
  padding-left: 5px;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons {
  margin: 0px;
  padding: 0px 5px;
  height: 36px;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  /* 필터 다이얼로그 - 하단에 버튼 영역의 버튼 스타일 */
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button {
  height: 28px;
  margin-left: 6px;
  padding: 3px 12px !important;
  /* 필터 다이얼로그 - 버튼 영역의 확인 버튼 스타일 */
  /* 필터 다이얼로그 - 버튼 영역의 취소 버튼 스타일 */
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button.cl-select {
  background-color: #1B7AB3;
  border-color: #1B7AB3;
  color: #ffffff;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button.cl-select:not(.cl-disabled):hover,
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button.cl-select:focus,
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button.cl-select.cl-focus {
  background-color: #0c57c1;
  border-color: #0c57c1;
  color: #ffffff;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button.cl-select:not(.cl-disabled).cl-activated,
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button.cl-select:not(.cl-disabled):active {
  background-color: #2372e3;
  border-color: #2372e3;
  color: #ffffff;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button.cl-cancel {
  background-color: #ffffff;
  border-color: #dddddd;
  color: #333;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button.cl-cancel:not(.cl-disabled):hover,
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button.cl-cancel:focus,
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button.cl-cancel.cl-focus {
  background-color: #ffffff;
  border-color: #1B7AB3;
  color: #333;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button.cl-cancel:not(.cl-disabled).cl-activated,
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button.cl-cancel:not(.cl-disabled):active {
  background-color: #f8f8f8;
  border-color: #1B7AB3;
  color: #333;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-checkbox {
  font-size: 1.2rem;
  margin: 0px auto 0px 0px;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-checkbox .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox.png");
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_on.png");
}
/* 행 스타일 */
.cl-grid-row {
  /* 보기 모드의 로우 */
  /* 홀수 로우 */
  /* 짝수 로우 */
  /* 추가된 로우 */
  /* 수정된 로우 */
  /* 삭제된 로우 */
  /* 추가 후 삭제된 로우*/
  /* 선택된 로우 - 보기 모드 */
  /* 편집중인 로우 */
  /* 체크된 로우 */
  /* 행 그룹시 그룹의 헤더 */
  /* 행 그룹시 그룹의 푸터 */
}
.cl-grid-row.cl-inserted .cl-default-cell,
.cl-grid-row.cl-inserted .cl-inputbox,
.cl-grid-row.cl-inserted .cl-output,
.cl-grid-row.cl-inserted .cl-maskeditor,
.cl-grid-row.cl-inserted .cl-numbereditor,
.cl-grid-row.cl-inserted .cl-dateinput,
.cl-grid-row.cl-inserted .cl-button,
.cl-grid-row.cl-inserted .cl-textarea,
.cl-grid-row.cl-inserted .cl-combobox,
.cl-grid-row.cl-inserted .cl-treecell,
.cl-grid-row.cl-inserted .cl-fileinput,
.cl-grid-row.cl-inserted .cl-searchinput {
  font-weight: 400;
}
.cl-grid-row.cl-modified {
  background-color: rgba(21, 155, 52, 0.12);
  color: #333;
}
.cl-grid-row.cl-modified .cl-default-cell,
.cl-grid-row.cl-modified .cl-inputbox,
.cl-grid-row.cl-modified .cl-output,
.cl-grid-row.cl-modified .cl-maskeditor,
.cl-grid-row.cl-modified .cl-numbereditor,
.cl-grid-row.cl-modified .cl-dateinput,
.cl-grid-row.cl-modified .cl-button,
.cl-grid-row.cl-modified .cl-textarea,
.cl-grid-row.cl-modified .cl-combobox,
.cl-grid-row.cl-modified .cl-treecell,
.cl-grid-row.cl-modified .cl-fileinput,
.cl-grid-row.cl-modified .cl-searchinput {
  font-weight: 400;
}
.cl-grid-row.cl-deleted {
  background-color: rgba(238, 39, 40, 0.06);
  color: #333;
}
.cl-grid-row.cl-deleted .cl-default-cell,
.cl-grid-row.cl-deleted .cl-inputbox,
.cl-grid-row.cl-deleted .cl-output,
.cl-grid-row.cl-deleted .cl-maskeditor,
.cl-grid-row.cl-deleted .cl-numbereditor,
.cl-grid-row.cl-deleted .cl-dateinput,
.cl-grid-row.cl-deleted .cl-button,
.cl-grid-row.cl-deleted .cl-textarea,
.cl-grid-row.cl-deleted .cl-combobox,
.cl-grid-row.cl-deleted .cl-treecell,
.cl-grid-row.cl-deleted .cl-fileinput,
.cl-grid-row.cl-deleted .cl-searchinput {
  color: #333;
  font-style: normal;
}
.cl-grid-row.cl-nullified {
  background-color: rgba(238, 39, 40, 0.06);
  color: #333;
}
.cl-grid-row.cl-nullified .cl-default-cell,
.cl-grid-row.cl-nullified .cl-inputbox,
.cl-grid-row.cl-nullified .cl-output,
.cl-grid-row.cl-nullified .cl-maskeditor,
.cl-grid-row.cl-nullified .cl-numbereditor,
.cl-grid-row.cl-nullified .cl-dateinput,
.cl-grid-row.cl-nullified .cl-button,
.cl-grid-row.cl-nullified .cl-textarea,
.cl-grid-row.cl-nullified .cl-combobox,
.cl-grid-row.cl-nullified .cl-treecell,
.cl-grid-row.cl-nullified .cl-fileinput,
.cl-grid-row.cl-nullified .cl-searchinput {
  color: #333;
  font-style: normal;
}
.cl-grid-row.cl-selected {
  background-color: #2178CF;
  color: #ffffff;
  /* 포커스 셀 */
}
.cl-grid-row.cl-selected[role="row"] >.cl-grid-cell >.cl-default-cell >.cl-text {
  color: #ffffff !important;
}
.cl-grid-row.cl-selected .cl-grid-cell .cl-inputbox,
.cl-grid-row.cl-selected .cl-grid-cell .cl-maskeditor,
.cl-grid-row.cl-selected .cl-grid-cell .cl-numbereditor,
.cl-grid-row.cl-selected .cl-grid-cell .cl-dateinput,
.cl-grid-row.cl-selected .cl-grid-cell .cl-textarea,
.cl-grid-row.cl-selected .cl-grid-cell .cl-combobox,
.cl-grid-row.cl-selected .cl-grid-cell .cl-treecell,
.cl-grid-row.cl-selected .cl-grid-cell .cl-fileinput,
.cl-grid-row.cl-selected .cl-grid-cell .cl-searchinput {
  color: #333;
}
.tbl-span .cl-grid-row.cl-selected {
  background: transparent;
  border: 2px solid #2A588D;
  box-sizing: border-box;
  width: calc(100% + 4px) !important;
  left: -2px !important;
}
.tbl-span .cl-grid-row.cl-selected[role="row"] >.cl-grid-cell >.cl-default-cell >.cl-text {
  color: #333;
}
.cl-grid-row.cl-editing .cl-inputbox,
.cl-grid-row.cl-editing .cl-maskeditor,
.cl-grid-row.cl-editing .cl-numbereditor,
.cl-grid-row.cl-editing .cl-dateinput,
.cl-grid-row.cl-editing .cl-combobox,
.cl-grid-row.cl-editing .cl-searchinput {
  background-color: #fff !important;
}
.cl-grid-row:has(.cell-thead) {
  /*&:before {			
			content: "";
			position: relative;
			display: none;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			width: 100%;
    		height: 100%;
			background-color: @table-row-selected-background-color;
			z-index: 0;
		}*/
}
.cl-grid-row:has(.cell-thead) .cell-thead {
  color: #333;
  background: #E2EFFF;
}
.cl-grid-row:has(.cell-thead) .cell-thead.type2 {
  background: #ECF5FF !important;
}
.cl-grid-row:has(.cell-thead).cl-selected {
  background: transparent;
}
.cl-grid-row:has(.cell-thead).cl-selected:before {
  display: block;
}
.cl-grid-row:has(.cell-thead) .cell-thead {
  color: #333;
  background: #E2EFFF;
  z-index: 2;
}
/* 모든 셀 스타일 */
.cl-grid-cell {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  /* columnType=checkbox, columnType=rowindex와 같이 그리드에서 기본 제공하는 컬럼 */
  /* 셀에 포함된 컨트롤 */
  /* 그룹 펼침/접힘 버튼 */
}
.cl-grid-cell.cl-last-column {
  border-right: none;
}
.cl-grid-cell .cl-builtin {
  /* columnType=checkbox */
  /* columnType=rowindex */
}
.cl-grid-cell .cl-builtin.cl-checkbox .cl-checkbox-icon {
  margin: 0px;
}
.cl-grid-cell .cl-expander {
  /* 그룹 접혀짐 버튼 */
  /* 그룹 펼쳐짐 버튼 */
}
.cl-grid-cell .cl-expander.cl-collapsed {
  background-image: url("images/controls/tree/ic_plus.png");
}
.cl-grid-cell .cl-expander.cl-expanded {
  background-image: url("images/controls/tree/ic_minus.png");
}
/* Grid 기본 셀 스타일 */
/************************************************
 * 클래스 추가
 ************************************************/
/* 트리셀 */
.cl-treecell {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  /* 트리셀 안에 트리 아이템 (트리셀에서 트리구조가 시작되는 영역) */
  /* 트리셀 - focus */
  /* 트리셀간 라인 */
}
.cl-treecell .cl-treecell-item {
  /* 트리 아이템이 펼치고 접혀지는 아이콘 영역 */
  /* 트리 아이템의 아이콘 영역 */
  /* 트리 아이템의 텍스트 */
  /* 폴더형 트리 아이템 */
  /* 트리 아이템 - disabled */
}
.cl-treecell .cl-treecell-item .cl-treecell-treeicon {
  background-size: auto;
  width: 20px;
}
.cl-treecell .cl-treecell-item .cl-treecell-itemicon {
  background-image: url("images/controls/tree/ic_file.png");
  background-size: auto;
  width: 16px;
}
.cl-treecell .cl-treecell-item .cl-text {
  padding: 0px 0px 0px 5px;
  /* 트리 아이템의 인풋 영역 */
}
.cl-treecell .cl-treecell-item.cl-folder {
  /* 폴더형 트리 아이템의 아이콘 영역 */
  /* 폴더형 트리 아이템이 펼쳐졌을 때 펼치고 접혀지는 아이콘 영역 */
  /* 폴더형 트리 아이템이 접혀졌을 때 펼치고 접혀지는 아이콘 영역 */
}
.cl-treecell .cl-treecell-item.cl-folder .cl-treecell-itemicon {
  background-image: url("images/controls/tree/ic_folder.png");
}
.cl-treecell .cl-treecell-item.cl-folder.cl-expanded > .cl-treecell-treeicon {
  background-image: url("images/controls/tree/ic_expanded.png");
}
.cl-treecell .cl-treecell-item.cl-folder.cl-collapsed > .cl-treecell-treeicon {
  background-image: url("images/controls/tree/ic_collapsed.png");
}
.cl-treecell .cl-treecell-item.cl-disabled {
  color: #aaa;
}
.cl-treecell.cl-focus {
  border-color: #1B7AB3;
}
.cl-treecell.cl-treecell-lines {
  /* 트리셀라인 적용시 트리셀 아이템 */
}
.cl-treecell.cl-treecell-lines .cl-treecell-item {
  /* 트리라인의 확장/축소 아이콘 */
  /* 형제노드에 의해 라인만 있는 영역 */
  /* 현재 트리셀의 라인 영역 */
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-expanded> .cl-treecell-treeicon {
  background-image: url("images/controls/tree/ic_minus.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-expanded.cl-selected> .cl-treecell-treeicon {
  background-image: url("images/controls/tree/ic_minus.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-collapsed> .cl-treecell-treeicon {
  background-image: url("images/controls/tree/ic_plus.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-collapsed.cl-selected> .cl-treecell-treeicon {
  background-image: url("images/controls/tree/ic_plus.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item .cl-treecell-line {
  background-image: url("images/controls/tree/ic_treeline.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item .cl-treecell-iconline {
  background-image: url("images/controls/tree/ic_treeline_child.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-last .cl-treecell-iconline {
  background-image: url("images/controls/tree/ic_treeline_last.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-first .cl-treecell-iconline {
  background-image: url("images/controls/tree/ic_treeline_first.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-first.cl-last .cl-treecell-iconline {
  background-image: url("images/controls/tree/ic_treeline_alone.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item .cl-text {
  padding: 0px 0px 0px 5px;
}
.cl-treecell.cl-treecell-lines .cl-treecell-item .cl-treecell-line,
.cl-treecell.cl-treecell-lines .cl-treecell-item .cl-treecell-treeicon,
.cl-treecell.cl-treecell-lines .cl-treecell-item .cl-treecell-iconline {
  padding: 0px;
}
/* 트리셀이 enabled이고, 트리 아이템이 enabled일때 스타일 */
/* 트리셀 - disabled */
.cl-treecell.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
  /* 트리셀 - disabled 의 트리 아이템 - selected */
}
.cl-treecell.cl-disabled .cl-treecell-item.cl-selected {
  background-color: #e6e6e6;
  color: #999;
}
/* 내비게이션 바 */
.cl-navigationbar {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  /* 상단 바 */
  /* 내비게이션 바 - 포커스 */
}
.cl-navigationbar .cl-navigationbar-prev {
  background-image: url("images/controls/menu/ic_prev.png");
}
.cl-navigationbar .cl-navigationbar-prev.cl-position-both {
  border-right: 1px solid #ddd;
}
.cl-navigationbar .cl-navigationbar-prev.cl-position-left {
  border-right: 1px solid #ddd;
}
.cl-navigationbar .cl-navigationbar-prev.cl-position-right {
  border-left: 1px solid #ddd;
}
.cl-navigationbar .cl-navigationbar-prev.cl-disabled {
  background-image: url("images/controls/menu/ic_prev_off.png");
}
.cl-navigationbar .cl-navigationbar-next {
  background-image: url("images/controls/menu/ic_next.png");
}
.cl-navigationbar .cl-navigationbar-next.cl-position-both {
  border-left: 1px solid #ddd;
}
.cl-navigationbar .cl-navigationbar-next.cl-position-left {
  border-right: 1px solid #ddd;
}
.cl-navigationbar .cl-navigationbar-next.cl-position-right {
  border-left: 1px solid #ddd;
}
.cl-navigationbar .cl-navigationbar-next.cl-disabled {
  background-image: url("images/controls/menu/ic_next_off.png");
}
.cl-navigationbar .cl-navigationbar-bar {
  /* 내비게이션 바 아이템 */
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item {
  padding: 2px 20px;
  /* 내비게이션 바 아이템 아이콘 */
  /* 내비게이션 바 아이템 텍스트 */
  /* 내비게이션 바 아이템 단축키*/
  /* 내비게이션 바 아이템 드랍다운 아이콘 */
  /* 내비게이션 바 아이템 - 호버 */
  /* 내비게이션 바 아이템 - 활성화 */
  /* 내비게이션 바 아이템 - disabled */
  /* 내비게이션 바 아이템 - 선택됨 */
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item .cl-navigationbar-arrow {
  background-image: url("images/controls/combobox/ic_arrow_down.png");
  background-size: auto;
  margin-left: 10px;
  width: 10px;
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-hover {
  background-color: #f8f8f8;
  color: #333;
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item:not(.cl-disabled) {
  /* 내비게이션 바 아이템 - 호버 */
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item:not(.cl-disabled):not(.cl-selected):hover,
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item:not(.cl-disabled).cl-hover {
  background-color: #f8f8f8;
  color: #333;
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-disabled {
  color: #aaa;
  /* 내비게이션 바 아이템 - 선택됨, disabled */
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-disabled.cl-selected {
  background-color: #e6e6e6;
  color: #999;
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-selected {
  background-color: #f8f8f8;
  color: #333;
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-selected .cl-navigationbar-arrow {
  background-image: url("images/controls/combobox/ic_arrow_down.png");
}
.cl-navigationbar.cl-focus {
  border-color: #1B7AB3;
}
.cl-navigationbar.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
}
/* 내비게이션 바 드랍다운 메뉴 */
.cl-navigationbar-list {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  /* megamenu 타입의 카테고리 */
  /* submenu의 up스크롤 버튼*/
  /* submenu의 down스크롤 버튼*/
  /* 내비게이션 바 드랍다운 메뉴 아이템 */
}
.cl-navigationbar-list .cl-navigationbar-category {
  /* 카테고리의 아이템 영역 */
}
.cl-navigationbar-list .cl-navigationbar-category .sub-items {
  /* 카테고리의 목록 아이템*/
}
.cl-navigationbar-list .cl-arrow-up {
  background-image: url("images/controls/numbereidtor/ic_spin_up.png");
}
.cl-navigationbar-list .cl-arrow-up:hover {
  background-image: url("images/controls/numbereidtor/ic_spin_up_h.png");
}
.cl-navigationbar-list .cl-arrow-up.cl-disabled {
  background-color: #e6e6e6;
}
.cl-navigationbar-list .cl-arrow-down {
  background-image: url("images/controls/numbereidtor/ic_spin_down.png");
}
.cl-navigationbar-list .cl-arrow-down:hover {
  background-image: url("images/controls/numbereidtor/ic_spin_down_h.png");
}
.cl-navigationbar-list .cl-arrow-down.cl-disabled {
  background-color: #e6e6e6;
}
.cl-navigationbar-list .cl-navigationbar-listitem {
  color: #333;
  min-height: 32px;
  /* 내비게이션 바 드랍다운 메뉴 아이템 텍스트 */
  /* 내비게이션 드랍다운 메뉴 아이템 - 활성화 */
  /* 내비게이션 바 드랍다운 메뉴 아이템 - 호버 */
  /* 내비게이션 바 드랍다운 메뉴 아이템 - disabled */
  /* 내비게이션 바 드랍다운 메뉴 아이템 - 선택됨 */
}
.cl-navigationbar-list .cl-navigationbar-listitem .cl-navigationbar-icon-wrapper {
  /* 내비게이션 바 드랍다운 메뉴 아이템 아이콘 */
}
.cl-navigationbar-list .cl-navigationbar-listitem .cl-navigationbar-accesskey-wrapper {
  /* 내비게이션 바 드랍다운 메뉴 아이템 단축키 */
}
.cl-navigationbar-list .cl-navigationbar-listitem:not(.cl-disabled) {
  /* 내비게이션 드랍다운 메뉴 아이템 - 호버 */
}
.cl-navigationbar-list .cl-navigationbar-listitem:not(.cl-disabled):not(.cl-selected):hover,
.cl-navigationbar-list .cl-navigationbar-listitem:not(.cl-disabled).cl-hover {
  background-color: #f8f8f8;
  color: #333;
}
.cl-navigationbar-list .cl-navigationbar-listitem.cl-hover {
  background-color: #f8f8f8;
  color: #333;
}
.cl-navigationbar-list .cl-navigationbar-listitem.cl-disabled {
  color: #aaa;
  /* 내비게이션 바 드랍다운 메뉴 아이템 - disabled, 선택됨 */
}
.cl-navigationbar-list .cl-navigationbar-listitem.cl-disabled.cl-selected {
  background-color: #e6e6e6;
  color: #999;
}
.cl-navigationbar-list .cl-navigationbar-listitem.cl-selected {
  background-color: #e6edf9;
  color: #1B7AB3;
}
/* fullmenu 타입 서브메뉴 */
.cl-navigationbar-fullmenu {
  /* 서브메뉴에서 나누어진 그룹 영역 */
}
/* 탭 폴더 - disabled */
/* 탭 폴더 */
.cl-tabfolder {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  color: #333;
  /* 헤더 */
  /* 탭폴더 바디 */
}
.cl-tabfolder .cl-tabfolder-header {
  height: 32px;
  /* 이전으로 스크롤 버튼 */
  /* 다음으로 스크롤 버튼 */
  /* 탭 헤더 아이템 */
}
.cl-tabfolder .cl-tabfolder-header .cl-empty-area {
  border-bottom: 1px solid #ddd;
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-prev,
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-next {
  position: relative;
  width: 32px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd !important;
  border-radius: 8px;
  background-image: none !important;
  transition: all 0.3s;
  /* 이전으로 스크롤 버튼 - disabled */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-prev.cl-disabled,
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-next.cl-disabled {
  background-color: #e6e6e6;
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-prev:before,
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-next:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: url("images/btn-ico.svg") no-repeat center;
  background-size: calc(20px * 10) auto;
  box-sizing: border-box;
  overflow: hidden;
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-prev:hover,
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-next:hover,
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-prev:focus,
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-next:focus {
  border: 1px solid #1961B2;
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-prev.cl-disabled:before,
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-next.cl-disabled:before {
  filter: brightness(0) saturate(100%) invert(39%) sepia(4%) saturate(11%) hue-rotate(314deg) brightness(99%) contrast(92%);
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-prev:before {
  background-position: calc(20px * -2) calc(20px * -1);
  filter: brightness(0) saturate(100%) invert(27%) sepia(88%) saturate(1455%) hue-rotate(194deg) brightness(89%) contrast(88%);
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-next:before {
  background-position: calc(20px * -3) calc(20px * -1);
  filter: brightness(0) saturate(100%) invert(27%) sepia(88%) saturate(1455%) hue-rotate(194deg) brightness(89%) contrast(88%);
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item {
  background-color: #eee;
  border: 1px solid #ddd;
  border-top: 1px solid #ddd !important;
  box-shadow: inset 0px -1px 0px 0px #ddd;
  color: #666;
  padding: 4px 20px 4px 20px;
  border-radius: 8px 8px 0 0;
  font-weight: 600;
  /* 탭 아이템 체크 박스 */
  /* 탭 헤더 아이템 닫기 버튼 */
  /* 탭 헤더 아이템 - 선택됨 */
  /* 탭 헤더 아이템 - 호버 */
  /* 비활성 탭 아이템 */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-checkbox .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox.png");
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_on.png");
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-text:focus {
  text-decoration: none;
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-tabfolder-button {
  width: 20px;
  height: 20px;
  background: url("images/btn-ico.svg") no-repeat center;
  background-size: calc(20px * 10) auto;
  background-position: calc(20px * -7) calc(20px * 0);
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-color: #1961B2;
  border-color: #ddd;
  box-shadow: none;
  color: #ffffff;
  /* 탭 헤더 아이템 닫기 버튼 - 선택 됨 */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected .cl-tabfolder-button {
  width: 20px;
  height: 20px;
  background: url("images/btn-ico.svg") no-repeat center;
  background-size: calc(20px * 10) auto;
  background-position: calc(20px * -7) calc(20px * 0);
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(123deg) brightness(101%) contrast(104%);
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: #eee;
  border-color: #ddd;
  color: #333;
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ddd;
  color: #aaa;
  text-shadow: none;
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-disabled:hover {
  background-color: #e6e6e6;
  border-color: #ddd;
  color: #aaa;
}
.cl-tabfolder .cl-tabfolder-body {
  background-color: #ffffff;
  border: none;
  color: #333;
}
.cl-tabfolder.mdi-wrapper {
  border-radius: 8px 8px 0 0;
}
.cl-tabfolder.mdi-wrapper >div {
  grid-template-rows: calc(100% - 34px - 0px) min-content !important;
  /* margin: 0 4px 4px 0px; */
  gap: 0;
}
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-body {
  margin: 0;
  border-radius: 0px;
  background-color: #f1f1f1;
}
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom {
  position: absolute;
  display: block;
  bottom: 0px;
  height: calc(32px + 2px);
  width: 100%;
  grid-row: unset !important;
  background: #ffffff;
  border-top: 1px solid #ddd;
}
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .cl-tabfolder-item,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .cl-tabfolder-item {
  padding: 4px 12px;
  font-size: 1.8rem;
  border-radius: 0;
  border-top: none !important;
  font-weight: 400;
}
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .cl-tabfolder-prev,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .cl-tabfolder-prev,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .cl-tabfolder-next,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .cl-tabfolder-next,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .btn-tabfolder-allclose,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .btn-tabfolder-allclose {
  border-top: none;
  border-bottom: none;
}
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .cl-tabfolder-prev:hover,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .cl-tabfolder-prev:hover,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .cl-tabfolder-next:hover,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .cl-tabfolder-next:hover,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .btn-tabfolder-allclose:hover,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .btn-tabfolder-allclose:hover,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .cl-tabfolder-prev.cl-focus,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .cl-tabfolder-prev.cl-focus,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .cl-tabfolder-next.cl-focus,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .cl-tabfolder-next.cl-focus,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .btn-tabfolder-allclose.cl-focus,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .btn-tabfolder-allclose.cl-focus {
  /*border: 1px solid @co-main;*/
}
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .mdi-btn-group .cl-layout-wrap,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .mdi-btn-group .cl-layout-wrap {
  /*&:has(.btn-tabfolder-allclose) {
							margin-left:8px !important;
						}

						.btn-tabfolder-allclose {
							// border: @tab-border-base;
							.cl-icon {
							    margin-right: 0px;
							}
						}
						
						&.cl-first {
							margin: 0px -1px 0px 0px !important;
						}*/
}
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .mdi-btn-group .cl-layout-wrap .cl-button,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .mdi-btn-group .cl-layout-wrap .cl-button {
  position: relative;
  border-radius: 0;
  border: none;
  border-left: 1px solid #ddd;
}
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .mdi-btn-group .cl-layout-wrap .cl-button:hover,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .mdi-btn-group .cl-layout-wrap .cl-button:hover,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .mdi-btn-group .cl-layout-wrap .cl-button:focus,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .mdi-btn-group .cl-layout-wrap .cl-button:focus,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .mdi-btn-group .cl-layout-wrap .cl-button.cl-active,
.cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .mdi-btn-group .cl-layout-wrap .cl-button.cl-active {
  background: #E2EFFF;
  z-index: 1;
}
@media (max-width: 1280px) {
  .cl-tabfolder.mdi-wrapper:has(.mainpage) > div >.cl-tabfolder-body {
    overflow-y: auto !important;
  }
}
.wrapper.maintab .cl-tabfolder.mdi-wrapper {
  border-radius: 0;
}
.wrapper.maintab .cl-tabfolder.mdi-wrapper >div {
  gap: 34px;
  grid-template-rows: min-content 1fr !important;
}
.wrapper.maintab .cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top,
.wrapper.maintab .cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom {
  top: 0px;
}
.wrapper.maintab .cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .mdi-btn-group .cl-layout-wrap .cl-button,
.wrapper.maintab .cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .mdi-btn-group .cl-layout-wrap .cl-button {
  border-bottom: 1px solid #ddd;
}
.wrapper.maintab .cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-top .mdi-btn-group .cl-layout-wrap:last-child .cl-button,
.wrapper.maintab .cl-tabfolder.mdi-wrapper >div >.cl-tabfolder-header.cl-unselectable.cl-bottom .mdi-btn-group .cl-layout-wrap:last-child .cl-button {
  border-right: 1px solid #ddd;
}
.wrapper.maintab .cl-tabfolder.mdi-wrapper .cl-container.ly-dashboard {
  border-radius: 0;
}
.cl-tabfolder:has(.tbl-top-form) .cl-control.cl-container,
.cl-tabfolder:has(.tbl-top-form) .cl-control.cl-container .cl-layout,
.cl-tabfolder:has(.tbl-top-form) .cl-control.cl-container .cl-layout-content {
  overflow: visible !important;
}
.cl-tabfolder.co_seperate.rpa_001 .cl-tabfolder-header .cl-tabfolder-header-viewport >.cl-tabfolder-item:nth-child(7),
.cl-tabfolder.co_seperate.rpa_001 .cl-tabfolder-header .cl-tabfolder-header-viewport >.cl-tabfolder-item:nth-child(9) {
  background-color: #eee;
  border: 1px solid #ddd;
  border-top: 1px solid #ddd !important;
  box-shadow: inset 0px -1px 0px 0px #ddd;
  color: #666;
  /* 탭 헤더 아이템 - 선택됨 */
  /* 탭 헤더 아이템 - 호버 */
  /* 비활성 탭 아이템 */
}
.cl-tabfolder.co_seperate.rpa_001 .cl-tabfolder-header .cl-tabfolder-header-viewport >.cl-tabfolder-item:nth-child(7).cl-selected,
.cl-tabfolder.co_seperate.rpa_001 .cl-tabfolder-header .cl-tabfolder-header-viewport >.cl-tabfolder-item:nth-child(9).cl-selected {
  background-color: #1986b2;
  border-color: #ddd;
  color: #ffffff;
}
.cl-tabfolder.co_seperate.rpa_001 .cl-tabfolder-header .cl-tabfolder-header-viewport >.cl-tabfolder-item:nth-child(7):not(.cl-selected):hover,
.cl-tabfolder.co_seperate.rpa_001 .cl-tabfolder-header .cl-tabfolder-header-viewport >.cl-tabfolder-item:nth-child(9):not(.cl-selected):hover {
  background-color: #eee;
  border-color: #ddd;
  color: #333;
}
.cl-tabfolder.co_seperate.rpa_001 .cl-tabfolder-header .cl-tabfolder-header-viewport >.cl-tabfolder-item:nth-child(7).cl-disabled,
.cl-tabfolder.co_seperate.rpa_001 .cl-tabfolder-header .cl-tabfolder-header-viewport >.cl-tabfolder-item:nth-child(9).cl-disabled {
  background-color: #e6e6e6;
  border-color: #ddd;
  color: #aaa;
  text-shadow: none;
}
.cl-tabfolder.co_seperate.rpa_001 .cl-tabfolder-header .cl-tabfolder-header-viewport >.cl-tabfolder-item:nth-child(7).cl-disabled:hover,
.cl-tabfolder.co_seperate.rpa_001 .cl-tabfolder-header .cl-tabfolder-header-viewport >.cl-tabfolder-item:nth-child(9).cl-disabled:hover {
  background-color: #e6e6e6;
  border-color: #ddd;
  color: #aaa;
}
/* 페이지 인덱서 */
.cl-pageindexer {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  color: #333;
  padding: 0px;
  /* 페이지 인덱서 버튼 공통 */
  /* navigationType="text"으로 표현되는 페이지 정보 텍스트 */
  /* 페이지 인덱서 처음으로 버튼 */
  /* 페이지 인덱서 이전 버튼 */
  /* 페이지 인덱서 다음 버튼 */
  /* 페이지 인덱서 마지막으로 버튼 */
  /* navigationType="button"으로 표현되는 페이지 인덱스 버튼 */
  /* 페이지 인덱서 - disabled */
}
.cl-pageindexer .cl-pageindexer-index-area,
.cl-pageindexer .cl-pageindexer-first,
.cl-pageindexer .cl-pageindexer-last,
.cl-pageindexer .cl-pageindexer-prev,
.cl-pageindexer .cl-pageindexer-next,
.cl-pageindexer .cl-pageindexer-index,
.cl-pageindexer .cl-text-wrapper {
  min-height: 20px;
}
.cl-pageindexer .cl-pageindexer-first:focus,
.cl-pageindexer .cl-pageindexer-last:focus,
.cl-pageindexer .cl-pageindexer-prev:focus,
.cl-pageindexer .cl-pageindexer-next:focus,
.cl-pageindexer .cl-pageindexer-index:focus {
  outline: none;
  color: #333;
}
.cl-pageindexer .cl-pageindexer-first,
.cl-pageindexer .cl-pageindexer-last,
.cl-pageindexer .cl-pageindexer-prev,
.cl-pageindexer .cl-pageindexer-next {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  margin: 0px;
  width: 20px;
}
.cl-pageindexer .cl-pageindexer-first {
  background-image: url("images/controls/pageindexer/ic_btn_first.png");
}
.cl-pageindexer .cl-pageindexer-prev {
  background-image: url("images/controls/pageindexer/ic_btn_prev.png");
  margin-left: 6px;
}
.cl-pageindexer .cl-pageindexer-next {
  background-image: url("images/controls/pageindexer/ic_btn_next.png");
  margin-right: 6px;
}
.cl-pageindexer .cl-pageindexer-last {
  background-image: url("images/controls/pageindexer/ic_btn_last.png");
}
.cl-pageindexer .cl-pageindexer-index-area {
  padding: 0px 12px;
}
.cl-pageindexer .cl-pageindexer-index {
  background-color: transparent;
  border: none;
  margin: 0px 12px;
  width: auto !important;
  /* 페이지 인덱서 선택된 페이지 */
}
.cl-pageindexer .cl-pageindexer-index.cl-selected {
  background-color: transparent;
  color: #1B7AB3;
  font-weight: 500;
}
.cl-pageindexer.cl-disabled {
  color: #aaa;
}
.cl-pageindexer:not(.cl-disabled) {
  /* 페이지 인덱서 처음으로 버튼 - 액티브 */
  /* 페이지 인덱서 이전 버튼 - 액티브 */
  /* 페이지 인덱서 다음 버튼 - 액티브 */
  /* 페이지 인덱서 마지막으로 버튼 - 액티브 */
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-first:not(.cl-selected),
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-last:not(.cl-selected),
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-prev:not(.cl-selected),
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-next:not(.cl-selected),
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-index:not(.cl-selected) {
  /* 페이지 인덱서 버튼 공통 - 호버 */
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-first:not(.cl-selected).cl-hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-last:not(.cl-selected).cl-hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-prev:not(.cl-selected).cl-hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-next:not(.cl-selected).cl-hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-index:not(.cl-selected).cl-hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-first:not(.cl-selected):hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-last:not(.cl-selected):hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-prev:not(.cl-selected):hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-next:not(.cl-selected):hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-index:not(.cl-selected):hover {
  background-color: transparent;
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-first:active {
  background-image: url("images/controls/pageindexer/ic_btn_first_on.png");
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-prev:active {
  background-image: url("images/controls/pageindexer/ic_btn_prev_on.png");
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-next:active {
  background-image: url("images/controls/pageindexer/ic_btn_next_on.png");
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-last:active {
  background-image: url("images/controls/pageindexer/ic_btn_last_on.png");
}
.cl-pageindexer.cl-disabled {
  /* 페이지 인덱서 버튼 공통 - disabled */
  /* 페이지 인덱서 버튼 공통 - disabled, selected */
}
.cl-pageindexer.cl-disabled .cl-pageindexer-first,
.cl-pageindexer.cl-disabled .cl-pageindexer-last,
.cl-pageindexer.cl-disabled .cl-pageindexer-prev,
.cl-pageindexer.cl-disabled .cl-pageindexer-next,
.cl-pageindexer.cl-disabled .cl-pageindexer-index {
  background-color: transparent;
}
.cl-pageindexer.cl-disabled .cl-pageindexer-first {
  background-image: url("images/controls/pageindexer/ic_btn_first_off.png");
}
.cl-pageindexer.cl-disabled .cl-pageindexer-prev {
  background-image: url("images/controls/pageindexer/ic_btn_prev_off.png");
  margin-left: 6px;
}
.cl-pageindexer.cl-disabled .cl-pageindexer-next {
  background-image: url("images/controls/pageindexer/ic_btn_next_off.png");
  margin-right: 6px;
}
.cl-pageindexer.cl-disabled .cl-pageindexer-last {
  background-image: url("images/controls/pageindexer/ic_btn_last_off.png");
}
.cl-pageindexer.cl-disabled .cl-pageindexer-index {
  background-color: transparent;
  color: #aaa;
  text-shadow: none;
}
.cl-pageindexer.cl-disabled .cl-pageindexer-index.cl-selected {
  background-color: transparent;
  color: #999;
}
/* 노티파이어 아이템 */
.cl-notifier-item {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  border-radius: 2px;
  padding: 2px 10px;
  /* 노티파이어 아이템 텍스트 */
  /* 노티파이어 아이템 아이콘 */
  /* 노티파이어 아이템 닫기 버튼 */
  /* 노티파이어 아이템 기본 스타일 */
  /* 노티파이어 아이템 success 스타일 */
  /* 노티파이어 아이템 info 스타일 */
  /* 노티파이어 아이템 warning 스타일 */
  /* 노티파이어 아이템 danger 스타일 */
}
.cl-notifier-item .cl-text {
  padding-left: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cl-notifier-item .cl-notifier-icon {
  background-size: auto;
  width: 24px;
  height: 24px;
}
.cl-notifier-item .cl-notifier-closebutton {
  background-image: url("images/controls/notifier/ic_close.png");
}
.cl-notifier-item.cl-notifier-default {
  background-color: #f5f5f5;
  border-color: #ddd;
  color: #333;
  /* 노티파이어 아이템 기본 아이콘 */
}
.cl-notifier-item.cl-notifier-default .cl-notifier-default-icon {
  background-image: url("images/controls/notifier/ic_notifier.png");
}
.cl-notifier-item.cl-notifier-success {
  background-color: #f2fffb;
  border-color: #41bd64;
  color: #333;
  /* 노티파이어 아이템 success 아이콘 */
}
.cl-notifier-item.cl-notifier-success .cl-notifier-success-icon {
  background-image: url("images/controls/notifier/ic_success.png");
}
.cl-notifier-item.cl-notifier-info {
  background-color: #f7faff;
  border-color: #3387ff;
  color: #333;
  /* 노티파이어 아이템 info 아이콘 */
}
.cl-notifier-item.cl-notifier-info .cl-notifier-info-icon {
  background-image: url("images/controls/notifier/ic_info.png");
}
.cl-notifier-item.cl-notifier-warning {
  background-color: #fffbd8;
  border-color: #fec84b;
  color: #333;
  /* 노티파이어 아이템 warning 아이콘 */
}
.cl-notifier-item.cl-notifier-warning .cl-notifier-warning-icon {
  background-image: url("images/controls/notifier/ic_warning.png");
}
.cl-notifier-item.cl-notifier-danger {
  background-color: #fff5f5;
  border-color: #ff2a2a;
  color: #333;
  /* 노티파이어 아이템 danger 아이콘 */
}
.cl-notifier-item.cl-notifier-danger .cl-notifier-danger-icon {
  background-image: url("images/controls/notifier/ic_danger.png");
}
.cl-progress {
  /* 프로그레스 바 루트 */
  background-image: none;
  background-color: #ddd;
  border: none;
  border-radius: 2px;
  box-shadow: inset 0px 0px 0px 1px #ddd;
}
.cl-progress .cl-progress-bar {
  /* 진행 바 */
  background-image: none;
  background-color: #1B7AB3;
  border-radius: 0px;
}
.cl-progress .cl-text {
  /* 진행 바에 표시되는 텍스트 */
  color: #ffffff;
  padding: 0px 5px;
  text-align: center;
  text-shadow: none;
}
.cl-progress.cl-disabled {
  /* 프로그레스 바 - disabled */
  background-image: none;
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0px 1px #ccc;
}
.cl-progress.cl-disabled .cl-progress-bar {
  /* 진행 바 - disabled */
  background-image: none;
  background-color: #e6e6e6;
}
.cl-progress.cl-disabled .cl-text {
  color: #999;
}
/* 파일 인풋 루트 */
.cl-fileinput {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background: url("images/controls/inputbox/ic_file.png") no-repeat calc(100% - 8px) center !important;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  /*autoSize 설정시 표시되는 기본크기*/
  min-height: 20px;
  /* 파일 인풋 내 텍스트 */
  /* 포커스 상태 */
  /* 파일 인풋 - 클리어 버튼 */
}
.cl-fileinput .cl-text {
  padding: 0px 10px;
}
.cl-fileinput .cl-text.cl-placeholder {
  color: #aaa !important;
  font-style: normal;
  font-weight: 400;
}
.cl-fileinput.cl-focus {
  background-image: url("images/controls/inputbox/ic_file_on.png") !important;
  border-color: #1B7AB3;
}
.cl-fileinput.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
}
.cl-fileinput .cl-fileinput-clear {
  background-image: url("images/controls/inputbox/ic_text_clear.png");
  background-size: auto;
  background-position: left center;
  width: 22px;
}
.cl-formlayout-column-shade {
  /* 컬럼 음영 스타일 */
  background-color: #E2EFFF;
}
.cl-formlayout-row-shade {
  /* 행 음영 스타일 */
  background-color: #E2EFFF;
}
.cl-formlayout-vertical-separator,
.cl-formlayout-horizontal-separator {
  /* 구분 선 스타일 */
  background-color: #ddd;
}
.cl-formlayout-vertical-lightweight-resizer,
.cl-formlayout-horizontal-lightweight-resizer {
  /* lightweight resizer style */
  background-color: #1B7AB3;
}
.cl-audio {
  border: 1px solid #ddd;
}
.cl-audio.cl-focus {
  border: solid 1px #1961B2;
}
.cl-video {
  border: 1px solid #ddd;
}
.cl-video.cl-focus {
  border: solid 1px #1961B2;
}
.cl-sidenavigation {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
}
.cl-sidenavigation.cl-focus {
  border-color: #1B7AB3;
}
.cl-sidenavigation .cl-sidenavigation-item {
  min-height: 32px;
  height: auto;
  padding: 2px 10px;
}
.cl-sidenavigation .cl-sidenavigation-item .cl-icon {
  background-size: auto;
  width: 18px;
  height: 18px;
}
.cl-sidenavigation .cl-sidenavigation-item .cl-text {
  padding: 0px 0px 0px 10px;
  white-space: normal;
  text-overflow: initial;
  word-break: break-all;
}
.cl-sidenavigation .cl-sidenavigation-item .cl-expand-icon {
  background-size: auto;
  width: 19px;
  height: 19px;
}
.cl-sidenavigation .cl-sidenavigation-item:hover,
.cl-sidenavigation .cl-sidenavigation-item.cl-hover,
.cl-sidenavigation .cl-sidenavigation-item:focus {
  color: #1B7AB3;
}
.cl-sidenavigation .cl-sidenavigation-item.cl-selected {
  background-color: #e6edf9;
  color: #1B7AB3;
}
.cl-sidenavigation .cl-sidenavigation-item.cl-disabled {
  color: #aaa;
}
.cl-sidenavigation .cl-sidenavigation-item.cl-disabled.cl-selected {
  background-color: #e6e6e6;
  color: #999;
}
.cl-sidenavigation.cl-disabled {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #aaa;
}
.cl-sidenavigation.cl-disabled .cl-sidenavigation-item.cl-selected {
  background-color: #e6e6e6;
  color: #999;
}
.hd-aside .cl-sidenavigation {
  padding: 0;
  border: none;
  border-radius: 8px 8px 0 0;
  outline: none;
  /*.cl-subtree:has(>.cl-sidenavigation-item.cl-selected) {
			background: #E7EFF7;
		}*/
}
.maintab .hd-aside .cl-sidenavigation {
  border-radius: 8px;
}
.hd-aside .cl-sidenavigation .cl-sidenavigation-item {
  padding: 2px 8px;
}
.hd-aside .cl-sidenavigation .cl-sidenavigation-item .cl-text {
  padding: 0;
  color: #666666;
  font-size: 2rem;
  font-weight: 500;
}
.hd-aside .cl-sidenavigation .cl-sidenavigation-item:hover,
.hd-aside .cl-sidenavigation .cl-sidenavigation-item.cl-hover,
.hd-aside .cl-sidenavigation .cl-sidenavigation-item:focus {
  background-color: unset;
  color: #0A2D58;
}
.hd-aside .cl-sidenavigation .cl-sidenavigation-item:hover .cl-text,
.hd-aside .cl-sidenavigation .cl-sidenavigation-item.cl-hover .cl-text,
.hd-aside .cl-sidenavigation .cl-sidenavigation-item:focus .cl-text {
  color: #0A2D58;
  font-weight: 600;
}
.hd-aside .cl-sidenavigation .cl-sidenavigation-item.cl-selected >.cl-subtree .cl-text,
.hd-aside .cl-sidenavigation .cl-sidenavigation-item.cl-folder >.cl-subtree .cl-text,
.hd-aside .cl-sidenavigation .cl-sidenavigation-item.cl-collapsed >.cl-subtree .cl-text {
  color: #1961B2;
}
.hd-aside .cl-sidenavigation .cl-sidenavigation-item.cl-selected >.cl-subtree .cl-expand-icon,
.hd-aside .cl-sidenavigation .cl-sidenavigation-item.cl-folder >.cl-subtree .cl-expand-icon,
.hd-aside .cl-sidenavigation .cl-sidenavigation-item.cl-collapsed >.cl-subtree .cl-expand-icon {
  background: url("images/btn-ico.svg") no-repeat;
  background-position: calc(20px * -1) calc(20px * -1);
  filter: brightness(0) saturate(100%) invert(23%) sepia(89%) saturate(2180%) hue-rotate(201deg) brightness(89%) contrast(80%);
}
.hd-aside .cl-sidenavigation .cl-level-1 {
  margin: 0 !important;
  background: #ffffff !important;
}
.hd-aside .cl-sidenavigation .cl-level-1 >.cl-subtree {
  border-bottom: 1px solid #DDD;
}
.hd-aside .cl-sidenavigation .cl-level-1 .cl-sidenavigation-item {
  min-height: 42px;
}
.hd-aside .cl-sidenavigation .cl-level-1 .cl-sidenavigation-item .cl-icon {
  display: none;
}
.hd-aside .cl-sidenavigation .cl-level-1 .cl-sidenavigation-item .cl-expand-icon {
  background-image: url("images/btn-ico.svg") !important;
  background-repeat: no-repeat;
  background-position: calc(20px * -1) calc(20px * -1);
  filter: brightness(0) saturate(100%) invert(35%) sepia(32%) saturate(0%) hue-rotate(157deg) brightness(102%) contrast(84%);
}
.hd-aside .cl-sidenavigation .cl-level-1 .cl-sidenavigation-item.cl-selected >.cl-subtree .cl-text,
.hd-aside .cl-sidenavigation .cl-level-1 .cl-sidenavigation-item.cl-folder >.cl-subtree .cl-text,
.hd-aside .cl-sidenavigation .cl-level-1 .cl-sidenavigation-item.cl-collapsed >.cl-subtree .cl-text {
  color: #1961B2;
}
.hd-aside .cl-sidenavigation .cl-level-1 .cl-sidenavigation-item.cl-selected >.cl-subtree .cl-expand-icon,
.hd-aside .cl-sidenavigation .cl-level-1 .cl-sidenavigation-item.cl-folder >.cl-subtree .cl-expand-icon,
.hd-aside .cl-sidenavigation .cl-level-1 .cl-sidenavigation-item.cl-collapsed >.cl-subtree .cl-expand-icon {
  background: url("images/btn-ico.svg") no-repeat;
  background-position: calc(20px * -1) calc(20px * -1);
  filter: brightness(0) saturate(100%) invert(23%) sepia(89%) saturate(2180%) hue-rotate(201deg) brightness(89%) contrast(80%);
}
.hd-aside .cl-sidenavigation .cl-level-1 .cl-sidenavigation-item.cl-selected {
  background: unset !important;
}
.hd-aside .cl-sidenavigation .cl-level-1 .cl-sidenavigation-item.cl-selected .cl-text {
  color: #1961B2;
  font-weight: 700;
}
.hd-aside .cl-sidenavigation .cl-level-1 .cl-sidenavigation-item.cl-expanded .cl-expand-icon {
  background: url("images/btn-ico.svg") no-repeat;
  background-position: calc(20px * 0) calc(20px * -1);
  filter: brightness(0) saturate(100%) invert(23%) sepia(89%) saturate(2180%) hue-rotate(201deg) brightness(89%) contrast(80%);
}
.hd-aside .cl-sidenavigation .cl-level-2 {
  display: flex;
  flex-direction: column;
}
.hd-aside .cl-sidenavigation .cl-level-2 .cl-subtree {
  padding: 2px 8px;
}
.hd-aside .cl-sidenavigation .cl-level-2 .cl-sidenavigation-item {
  position: relative;
  min-height: 32px;
  padding: 0;
  padding-left: 14px;
  border-bottom: none;
}
.hd-aside .cl-sidenavigation .cl-level-2 .cl-sidenavigation-item:before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  background: #999999;
  border-radius: 2px;
}
.hd-aside .cl-sidenavigation .cl-level-2 .cl-sidenavigation-item .cl-text {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -1px;
  word-break: auto-phrase;
}
.hd-aside .cl-sidenavigation .cl-level-2 .cl-sidenavigation-item.cl-selected:before {
  background: #1961B2;
}
.hd-aside .cl-sidenavigation .cl-level-2 .cl-sidenavigation-item.cl-selected .cl-text {
  color: #1961B2;
  font-weight: 600;
}
.hd-aside .cl-sidenavigation.cl-focus {
  border: none;
  outline: none;
}
.hd-aside .cl-sidenavigation .cl-list {
  margin: 0 8px 8px 8px;
  border-radius: 6px;
}
.hd-aside .cl-sidenavigation .cl-list.cl-level-2 {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.hd-aside .cl-sidenavigation .cl-list.cl-level-2 > .cl-subtree {
  margin-top: 0;
  border-radius: 8px;
}
.hd-aside .cl-sidenavigation .cl-list.cl-level-2 > .cl-subtree:first-child {
  margin-top: 0px;
}
.hd-aside .cl-sidenavigation .cl-list.cl-level-2 > .cl-subtree:has(.cl-sidenavigation-item.cl-expanded) {
  background: #E7EFF7;
}
.hd-aside .cl-sidenavigation .cl-list.cl-level-2 > .cl-subtree:has(.cl-sidenavigation-item.cl-expanded)+.cl-subtree {
  margin-top: 8px;
}
.hd-aside .cl-sidenavigation .cl-list.cl-level-2 > .cl-subtree .cl-sidenavigation-item.cl-expanded {
  border-bottom: 1px solid #ddd;
}
.hd-aside .cl-sidenavigation .cl-list.cl-level-3 {
  margin: 0;
  padding: 8px 4px;
}
.hd-aside .cl-sidenavigation .cl-list.cl-level-3 .cl-subtree {
  padding: 0;
  background: unset !important;
}
.hd-aside .cl-sidenavigation .cl-list.cl-level-3 .cl-subtree .cl-sidenavigation-item {
  min-height: 29px;
  padding: 4px;
  padding-left: 16px;
  letter-spacing: -0.5px;
  background: unset;
  border-radius: 4px;
  border-bottom: none;
}
.hd-aside .cl-sidenavigation .cl-list.cl-level-3 .cl-subtree .cl-sidenavigation-item:before {
  left: 4px;
  width: 8px;
  height: 2px;
  background: #666666;
}
.hd-aside .cl-sidenavigation .cl-list.cl-level-3 .cl-subtree .cl-sidenavigation-item.cl-selected {
  background: #1961B2 !important;
}
.hd-aside .cl-sidenavigation .cl-list.cl-level-3 .cl-subtree .cl-sidenavigation-item.cl-selected:before {
  background: #ffffff;
}
.hd-aside .cl-sidenavigation .cl-list.cl-level-3 .cl-subtree .cl-sidenavigation-item.cl-selected .cl-text {
  color: #ffffff;
  font-weight: 500;
}
.cl-sidenavigation.list-floating {
  border: none;
}
.cl-sidenavigation.list-floating:not(.noti-list) .cl-list {
  padding: 0 12px 12px;
}
.cl-sidenavigation.list-floating.noti-list .cl-list {
  padding: 12px;
}
.cl-sidenavigation.list-floating .cl-list {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: stretch;
  align-content: start;
  gap: 16px;
}
.cl-sidenavigation.list-floating .cl-list .cl-subtree .cl-sidenavigation-item {
  direction: rtl;
  height: 3rem;
  font-size: 1.8rem;
  font-weight: 600;
  border: 1px solid #ddd;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 1px 1px 3px rgba(118, 118, 118, 0.16);
}
.cl-sidenavigation.list-floating .cl-list .cl-subtree .cl-sidenavigation-item:hover,
.cl-sidenavigation.list-floating .cl-list .cl-subtree .cl-sidenavigation-item .cl-focus {
  color: #1961B2;
  border: 1px solid #1961B2;
  background: linear-gradient(to top, #e4f0ff, #ffffff);
}
.cl-sidenavigation.list-floating .cl-list .cl-subtree .cl-sidenavigation-item:hover .cl-icon,
.cl-sidenavigation.list-floating .cl-list .cl-subtree .cl-sidenavigation-item .cl-focus .cl-icon {
  filter: brightness(0) saturate(100%) invert(27%) sepia(88%) saturate(1455%) hue-rotate(194deg) brightness(89%) contrast(88%);
}
.cl-sidenavigation.list-floating .cl-list .cl-subtree .cl-sidenavigation-item .cl-icon {
  background: url("images/btn-ico.svg") no-repeat center;
  background-size: calc(20px * 10) auto;
  background-position: calc(20px * -3) calc(20px * -2);
}
@media (max-width: 1280px) {
  .cl-sidenavigation.list-floating .cl-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .cl-sidenavigation.list-floating .cl-list {
    grid-template-columns: 1fr;
  }
}
.maintab .cl-sidenavigation.list-floating .cl-list {
  grid-template-columns: 1fr;
}
.cl-control.cl-focus,
.cl-control:focus,
.cl-linkedcombobox-combo.cl-focus,
.cl-linkedcombobox-combo:focus,
.cl-grid-cell:focus {
  /* 웹 접근성 개선 목적으로 포커스 링을 표시하려면 아래 주석을 해제 하십시오. */
}