@charset "UTF-8";
/* 모든 컨트롤에 적용될 기본 폰트 */
/* 기본 텍스트 색상 */
/* disable 상태를 나타내는 텍스트 색상 */
/* 기본 보더 색상 */
/* 포커스 보더 색상 */
/* Disable 상태의 보더 색상. */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 마우스 호버시의 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 마우스 호버시의 배경 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 선택된 경우 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템이 선택된 경우 배경 색상 */
/* 내부에 아이템을 갖는 컨트롤이 Disabled된 경우, 각 아이템에 선택된 경우 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 Disabled된 경우, 각 아이템이 선택된 경우 배경 색상 */
/* 
 * Define Custom variables
 * Template Name : common-template-v2
 * Author : Da-eun Ryu
 * File : less
 */
/****************************
 * Color System
 ****************************/
/* ADDITIONAL COLOR */
/* ADDITIONAL PALE COLOR */
/* THEME COLOR */
/* THEME PALE COLOR */
/* THEME LIGHTEN  COLOR */
/****************************
 * Body
 ****************************/
/****************************
 * Main
 ****************************/
/* 사이드 메뉴와 미니 메뉴 */
/* 메가 메뉴 */
/****************************
 * Font
 ****************************/
/****************************
 * Components
 ****************************/
/* Text */
/* Background */
/* Border */
/* Read Only */
/* Focus */
/* Hover */
/* Active */
/* Disabled */
/* Selected - List 계열이 상속받는 변수 */
/* Selected Item Disabled - List 계열이 상속받는 변수 */
/* Transition */
/****************************
 * Input Group
 ****************************/
/* Text */
/* Background */
/* Border */
/* Hover */
/* Focus */
/* Disabled */
/* Readonly */
/****************************
 * List Group (Selection)
 ****************************/
/* List */
/* List Text */
/* List Background */
/* List Border */
/* List Hover */
/* List Focus */
/* List Disabled */
/* Item */
/* Item Text */
/* Item Background */
/* Item Hover */
/* Item Focus */
/* Item Selected */
/* Item Disabled */
/****************************
 * Button
 ****************************/
/* Use When AutoSize=true */
/* Text */
/* Background */
/* Border */
/* Hover */
/* Focus */
/* Active */
/* Disabled */
/****************************
 * Form
 ****************************/
/****************************
 * Table
 ****************************/
/*Header */
/* Detail */
/* Row - even, odd */
/* Row - Insert */
/* Row - Update */
/* Row - Delete */
/* Row - Hover */
/* Row - Select */
/* Row - Edit */
/****************************
 * Modal
 ****************************/
/****************************
 * Tab
 ****************************/
/* Tab Text */
/* Tab Background */
/* Tab Border */
/* Tab Disabled */
/* Tab Item  */
/* Item Text */
/* Item Background */
/* Item Border */
/* Item Hover */
/* Item Selected */
/* Item Disabled */
/****************************
 * Alert
 ****************************/
/****************************
 * Calendar
 ****************************/
/* Calendar Root */
/* Header */
/* Content header */
/* Other month */
/* Dates */
/* Footer */
/****************************
 * File Upload
 ****************************/
/* 모든 UIControl 공통 스타일 */
.cl-control {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
}
/* 오류 발생시 표시되는 메시지 스타일 */
.cl-unavailable {
  border: 1px solid #e85347;
}
.cl-unavailable .cl-text {
  color: #e85347;
  font-weight: 500;
}
.cl-unavailable .cl-text:before {
  content: "X";
}
.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;
}
/* 넘버 에디터  */
.cl-numbereditor {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  text-align: right;
  /* 넘버 에디터 disabled 상태  */
  /* 넘버 에디터 readonly 상태  */
}
.cl-numbereditor .cl-text {
  padding: 0 3px 0 3px;
}
.cl-numbereditor .cl-text.cl-placeholder {
  color: #b7c2d0 !important;
}
.cl-numbereditor .cl-numbereditor-buttons {
  border-left: 1px solid #dbdfea;
  /* 넘버 에디터 스핀 업 버튼 */
  /* 넘버 에디터 스핀 다운 버튼 */
}
.cl-numbereditor .cl-numbereditor-buttons .cl-numbereditor-increase {
  background-image: url("controls/images/controls/numbereditor/icon-spin-up.png");
  background-size: 7px 4px;
}
.cl-numbereditor .cl-numbereditor-buttons .cl-numbereditor-decrease {
  background-image: url("controls/images/controls/numbereditor/icon-spin-down.png");
  background-size: 7px 4px;
}
.cl-numbereditor:not(.cl-disabled) {
  /* 넘버 에디터 스핀 업 버튼 호버 */
  /* 넘버 에디터 스핀 업 버튼 액티브  */
  /* 넘버 에디터 스핀 다운 버튼 호버 */
  /* 넘버 에디터 스핀 다운 버튼 액티브 */
}
.cl-numbereditor:not(.cl-disabled) .cl-numbereditor-increase:hover {
  background-image: url("controls/images/controls/numbereditor/icon-spin-up.png");
  background-color: #f5f6fa;
}
.cl-numbereditor:not(.cl-disabled) .cl-numbereditor-increase:active {
  background-image: url("controls/images/controls/numbereditor/icon-spin-up.png");
  background-color: #e9eff7;
}
.cl-numbereditor:not(.cl-disabled) .cl-numbereditor-decrease:hover {
  background-image: url("controls/images/controls/numbereditor/icon-spin-down.png");
  background-color: #f5f6fa;
}
.cl-numbereditor:not(.cl-disabled) .cl-numbereditor-decrease:active {
  background-image: url("controls/images/controls/numbereditor/icon-spin-down.png");
  background-color: #e9eff7;
}
.cl-numbereditor.cl-disabled {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-numbereditor.cl-disabled .cl-numbereditor-buttons {
  border-left-color: #e0e4eb;
}
.cl-numbereditor.cl-disabled .cl-numbereditor-buttons .cl-numbereditor-increase {
  background-image: url("controls/images/controls/numbereditor/icon-spin-up-disabled.png");
}
.cl-numbereditor.cl-disabled .cl-numbereditor-buttons .cl-numbereditor-decrease {
  background-image: url("controls/images/controls/numbereditor/icon-spin-down-disabled.png");
}
.cl-numbereditor.cl-readonly {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-numbereditor.cl-readonly .cl-numbereditor-buttons {
  border-left-color: #e0e4eb;
}
.cl-numbereditor.cl-readonly .cl-numbereditor-buttons .cl-numbereditor-increase {
  background-image: url("controls/images/controls/numbereditor/icon-spin-up-disabled.png");
}
.cl-numbereditor.cl-readonly .cl-numbereditor-buttons .cl-numbereditor-decrease {
  background-image: url("controls/images/controls/numbereditor/icon-spin-down-disabled.png");
}
/* 넘버 에디터 focus 상태 */
.cl-numbereditor.cl-focus {
  border-color: #559bfb;
  /* 넘버 에디터 focus 상태 스핀 버튼 영역 */
}
.cl-numbereditor.cl-focus .cl-numbereditor-buttons {
  border-left-color: #559bfb;
}
/* 데이트 인풋 */
.cl-dateinput {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  text-align: center;
  /* 데이트 인풋 텍스트 */
  /* 데이트 인풋 버튼 */
}
.cl-dateinput .cl-text {
  padding: 0 3px 0 3px;
  text-overflow: ellipsis;
}
.cl-dateinput .cl-text.cl-placeholder {
  color: #b7c2d0 !important;
}
.cl-dateinput .cl-dateinput-button {
  background-image: url("images/controls/dateinput/ico_calendar.png");
  background-position: left center;
  background-size: 14px 16px;
  width: calc(12px + 8px);
}
.cl-dateinput .cl-dateinput-spinbuttons {
  border-left: 1px solid #dbdfea;
}
.cl-dateinput .cl-dateinput-spinbuttons .cl-dateinput-increase {
  background-image: url("images/controls/dateinput/icon-spin-up.png");
  background-size: 7px 4px;
}
.cl-dateinput .cl-dateinput-spinbuttons .cl-dateinput-decrease {
  background-image: url("images/controls/dateinput/icon-spin-down.png");
  background-size: 7px 4px;
}
.cl-dateinput:not(.cl-disabled) .cl-dateinput-increase:hover {
  background-image: url("images/controls/dateinput/icon-spin-up.png");
  background-color: #f5f6fa;
}
.cl-dateinput:not(.cl-disabled) .cl-dateinput-increase:active {
  background-image: url("images/controls/dateinput/icon-spin-up.png");
  background-color: #e9eff7;
}
.cl-dateinput:not(.cl-disabled) .cl-dateinput-decrease:hover {
  background-image: url("images/controls/dateinput/icon-spin-down.png");
  background-color: #f5f6fa;
}
.cl-dateinput:not(.cl-disabled) .cl-dateinput-decrease:active {
  background-image: url("images/controls/dateinput/icon-spin-down.png");
  background-color: #e9eff7;
}
/* 데이트 인풋 disabled 상태 */
.cl-dateinput.cl-disabled {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
  /* 데이트 인풋 disabled 상태 텍스트*/
}
.cl-dateinput.cl-disabled input {
  color: #8091a7;
}
.cl-dateinput.cl-disabled .cl-dateinput-spinbuttons {
  border-left-color: #e0e4eb;
}
.cl-dateinput.cl-disabled .cl-dateinput-spinbuttons .cl-dateinput-increase {
  background-image: url("images/controls/dateinput/icon-spin-up-disabled.png");
}
.cl-dateinput.cl-disabled .cl-dateinput-spinbuttons .cl-dateinput-decrease {
  background-image: url("images/controls/dateinput/icon-spin-down-disabled.png");
}
/* 데이트 인풋 readOnly 상태 */
.cl-dateinput.cl-readonly {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
  /* 데이트 인풋 disabled 상태 텍스트*/
}
.cl-dateinput.cl-readonly input {
  color: #8091a7;
}
.cl-dateinput.cl-readonly .cl-dateinput-spinbuttons {
  border-left-color: #e0e4eb;
}
.cl-dateinput.cl-readonly .cl-dateinput-spinbuttons .cl-dateinput-increase {
  background-image: url("images/controls/dateinput/icon-spin-up-disabled.png");
}
.cl-dateinput.cl-readonly .cl-dateinput-spinbuttons .cl-dateinput-decrease {
  background-image: url("images/controls/dateinput/icon-spin-down-disabled.png");
}
/* 데이트 인풋 포커스 상태 */
.cl-dateinput.cl-focus {
  border-color: #559bfb;
}
.cl-dateinput.cl-focus .cl-dateinput-spinbuttons {
  border-left-color: #559bfb;
}
/* 캘린더 */
.cl-calendar {
  background-color: #ffffff;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  /* 데이트인풋 등에 팝업으로 나타날때 스타일 */
  /* 캘린더 컨텐츠의 일, 월, 년 스타일*/
  /* 캘린더 컨텐츠 스타일*/
  /* 캘린더 푸터 */
  /* 캘린더 포커스 상태 */
}
.cl-calendar.cl-popup {
  box-shadow: 0 3px 12px 1px rgba(44, 55, 130, 0.15);
  /* 데이트인풋 위에 표시될때 상태 */
  /* 데이트인풋 아래에 표시될때 상태 */
}
.cl-calendar.cl-popup.cl-bottom .cl-popup {
  box-shadow: 0 3px 12px 1px rgba(44, 55, 130, 0.15);
}
.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/calendar/icon-chevrons-left-hover.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/calendar/icon-chevrons-right-hover.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/calendar/icon-chevron-left-hover.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/calendar/icon-chevron-right-hover.png");
}
.cl-calendar .cl-calendar-header {
  /* 캘린더 헤더 */
  background-color: transparent;
}
.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: 16px;
}
.cl-calendar .cl-calendar-header .cl-calendar-header-before {
  /* 캘린더 이전 년도 버튼 */
  background-image: url("images/controls/calendar/icon-chevrons-left.png");
}
.cl-calendar .cl-calendar-header .cl-calendar-header-after {
  /* 캘린더 이후 년도 버튼 */
  background-image: url("images/controls/calendar/icon-chevrons-right.png");
}
.cl-calendar .cl-calendar-header .cl-calendar-header-prev {
  /* 캘린더 이전 달 버튼 */
  background-image: url("images/controls/calendar/icon-chevron-left.png");
}
.cl-calendar .cl-calendar-header .cl-calendar-header-next {
  /* 캘린더 다음 달 버튼 */
  background-image: url("images/controls/calendar/icon-chevron-right.png");
}
.cl-calendar .cl-calendar-header .cl-calendar-header-text {
  color: #252525;
  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: #252525;
}
.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: #ebeef2;
  color: #252525;
}
.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: #2263b3;
  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: #252525;
  font-weight: 500;
  height: 30px;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sun {
  /* 일요일 셀 */
  color: inherit;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sat {
  /* 토요일 셀 */
  color: inherit;
}
.cl-calendar .cl-calendar-content .cl-other-month {
  /* 이전 달 또는 다음 달의 날짜 */
  background-color: transparent;
  color: #dbdfea;
}
.cl-calendar .cl-calendar-content .cl-other-month.cl-disabled {
  background-color: transparent;
  color: #8091a7;
}
.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-radius: 4px;
  color: #252525;
  /* 기본 날짜 - 오늘 날짜 셀*/
  /*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: #e9eff7;
  color: #2263b3;
}
.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: #dce9f8;
  color: #252525;
}
.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: #2263b3;
  color: #ffffff;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-current,
.cl-calendar .cl-calendar-content .cl-calendar-content-month.cl-calendar-current,
.cl-calendar .cl-calendar-content .cl-calendar-content-year.cl-calendar-current {
  background-color: #ebeef2;
  box-shadow: none;
  color: #252525;
}
.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: #f7f8fa;
  color: #8091a7;
}
.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: red;
}
.cl-calendar:not(.cl-disabled) .cl-calendar-footer-text:hover {
  /* 캘린더 푸터 날짜 호버 스타일 */
}
.cl-calendar .cl-calendar-footer {
  background-color: transparent;
}
.cl-calendar .cl-calendar-footer .cl-calendar-footer-text {
  color: #252525;
  font-size: 0.765rem;
  font-weight: 300;
}
.cl-calendar.cl-focus {
  border-color: #559bfb;
}
.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 {
  /* 기념일 텍스트 스타일 */
}
/* 캘린더 disabled 상태 */
.cl-calendar.cl-disabled {
  background-color: #f7f8fa;
  border-color: #e0e4eb;
  color: #8091a7;
}
.cl-calendar.cl-disabled .cl-calendar-header .cl-calendar-header-text {
  color: #8091a7;
}
.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: #8091a7;
}
.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: #8091a7;
  border-color: transparent;
}
.cl-calendar.cl-disabled .cl-calendar-content .cl-calendar-content-header {
  color: #8091a7;
}
.cl-calendar.cl-disabled .cl-calendar-footer .cl-calendar-footer-text {
  color: #8091a7;
}
/* 리스트 박스 */
.cl-listbox {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  background-color: #ffffff;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  color: #252525;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /* 리스트 박스 내 아이템 목록 박스 */
}
.cl-listbox .cl-listbox-list {
  /* 아이템 목록 박스 내 각 아이템 */
}
.cl-listbox .cl-listbox-list .cl-listbox-item {
  height: 30px;
  /* 아이템 드래그시 아이템의 마우스가 아래에 위치할때 표시 */
  /* 아이템 드래그시 아이템의 마우스가 위에 위치할때 표시 */
  /* 선탹된 아이템 */
  /* 아이템 아이콘 */
  /* 아이템 텍스트 */
  /* 아이템의 뱃지 스타일*/
}
.cl-listbox .cl-listbox-list .cl-listbox-item.cl-selected {
  color: #2263b3;
  background-color: #e9eff7;
}
.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 {
  color: #252525;
  background-color: #f5f6fa;
}
.cl-listbox:not(.cl-disabled) .cl-listbox-item:not(.cl-disabled):not(.cl-selected):hover {
  color: #252525;
  background-color: #f5f6fa;
}
/* disabled 상태 */
.cl-listbox.cl-disabled {
  background-color: #f7f8fa;
  border-color: #e0e4eb;
  color: #8091a7;
  /* disabled 상태에서 선택된 아이템들 */
}
.cl-listbox.cl-disabled .cl-listbox-item.cl-selected {
  color: #8091a7;
  background-color: #e5e9f2;
}
/* 포커스 상태 */
.cl-listbox.cl-focus {
  border-color: #559bfb;
}
/* 링크드 리스트 박스 루트 */
.cl-linkedlistbox {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  /* 리스트 박스 */
  /* 링크드리스트박스 disabled 상태*/
}
.cl-linkedlistbox .cl-linkedlistbox-listbox {
  /* 리스트 박스 헤더 */
  /* 리스트 박스 리스트 */
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-header {
  border: 1px solid #dbdfea;
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list {
  border: 1px solid #dbdfea;
  border-radius: 4px;
  background-color: #ffffff;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /* 리스트 박스 리스트 아이템 */
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list .cl-linkedlistbox-item {
  height: 30px;
  /* 아이템 드래그시 아이템의 마우스가 아래에 위치할때 표시 */
  /* 아이템 드래그시 아이템의 마우스가 위에 위치할때 표시 */
  /* 리스트 박스의 리스트 아이템 아이콘*/
  /* 리스트 박스 리스트 아이템 텍스트 */
  /* 리스트 박스 리스트 아이템 리프 아이콘 */
  /* 리스트 박스 리스트 아이템 드릴다운 아이콘 */
  /* 리스트 박스 리스트 아이템 - disabled 상태 */
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list .cl-linkedlistbox-item .cl-linkedlistbox-arrow.cl-folder {
  background-image: url("images/controls/listbox/icon-chevron-right.png");
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list .cl-linkedlistbox-item.cl-disabled {
  color: #8091a7;
  /* 리스트 박스 리스트 아이템 - 선택됨, disabled 상태 */
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list .cl-linkedlistbox-item.cl-disabled.cl-selected {
  background-color: #f7f8fa;
}
.cl-linkedlistbox.cl-focus {
  /* 리스트 박스 헤더 - 포커스 상태 */
  /* 리스트 박스 리스트 - 포커스 상태 */
}
.cl-linkedlistbox.cl-focus .cl-linkedlistbox-header {
  border-color: #559bfb;
}
.cl-linkedlistbox.cl-focus .cl-linkedlistbox-list {
  border-color: #559bfb;
}
.cl-linkedlistbox.cl-disabled {
  color: #8091a7;
}
.cl-linkedlistbox.cl-disabled .cl-linkedlistbox-list {
  background-color: #f7f8fa;
  border-color: #e0e4eb;
}
.cl-linkedlistbox.cl-disabled .cl-linkedlistbox-list .cl-linkedlistbox-item .cl-linkedlistbox-arrow.cl-folder {
  background-image: url("images/controls/listbox/icon-chevron-right-disabled.png");
}
.cl-linkedlistbox.cl-disabled .cl-linkedlistbox-list .cl-linkedlistbox-item.cl-selected {
  color: #8091a7;
  background-color: #e5e9f2;
}
.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: #252525;
  background-color: #f5f6fa;
}
.cl-linkedlistbox:not(.cl-disabled) .cl-linkedlistbox-item:not(.cl-disabled):hover .cl-linkedlistbox-arrow.cl-folder,
.cl-linkedlistbox:not(.cl-disabled) .cl-linkedlistbox-item:not(.cl-disabled):focus .cl-linkedlistbox-arrow.cl-folder {
  background-image: url("images/controls/listbox/icon-chevron-right.png");
}
.cl-linkedlistbox:not(.cl-disabled) .cl-linkedlistbox-item:not(.cl-disabled).cl-selected {
  color: #2263b3;
  background-color: #e9eff7;
  /* 선택된 아이템 드릴 다운 아이콘 */
}
.cl-linkedlistbox:not(.cl-disabled) .cl-linkedlistbox-item:not(.cl-disabled).cl-selected .cl-linkedlistbox-arrow.cl-folder {
  background-image: url("images/controls/listbox/icon-chevron-right.png");
}
.cl-menu {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  /* 메뉴 리스트 */
}
.cl-menu .cl-menu-list {
  border: 1px solid #dbdfea;
  border-radius: 4px;
  /* 메뉴 아이템 */
}
.cl-menu .cl-menu-list .cl-menu-item {
  color: #252525;
  height: 30px;
  /* 메뉴 아이템 아이콘 */
  /* 메뉴 아이템 텍스트 */
  /* 메뉴 아이템 단축키 */
  /* 서브 메뉴 */
  /* 메뉴 아이템 - 호버 */
  /* 메뉴 아이템 - disabled */
  /* 메뉴 아이템 - 선택됨 */
}
.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("controls/images/controls/menu/icon-chevron-right.png");
}
.cl-menu .cl-menu-list .cl-menu-item .cl-sub {
  border: 1px solid #dbdfea;
}
.cl-menu .cl-menu-list .cl-menu-item.cl-hover {
  background-color: #f5f6fa;
  color: #252525;
}
.cl-menu .cl-menu-list .cl-menu-item.cl-disabled {
  color: #8091a7;
  /* 메뉴 아이템 - 선택됨, disabled */
}
.cl-menu .cl-menu-list .cl-menu-item.cl-disabled.cl-selected {
  color: #8091a7;
  background-color: #e5e9f2;
}
.cl-menu .cl-menu-list .cl-menu-item.cl-selected {
  background-color: #e9eff7;
  color: #2263b3;
}
.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("controls/images/controls/menu/icon-chevron-right.png");
}
.cl-menu.cl-focus {
  /* 메뉴 리스트 - 포커스 */
}
.cl-menu.cl-focus .cl-menu-list {
  border-color: #559bfb;
}
.cl-menu.cl-focus .cl-menu-list .cl-sub {
  border-color: #559bfb;
}
.cl-menu.cl-disabled .cl-menu-list {
  background-color: #f7f8fa;
  border-color: #e0e4eb;
  /* 메뉴 아이템 - disabled */
}
.cl-menu.cl-disabled .cl-menu-list .cl-menu-item {
  color: #8091a7;
  /* 메뉴 아이템 - disabled, 선택됨 */
}
.cl-menu.cl-disabled .cl-menu-list .cl-menu-item.cl-folder >.cl-menu-arrow,
.cl-menu.cl-disabled .cl-menu-list .cl-menu-item.cl-folder >.cl-menu-arrow-wrapper>.cl-menu-arrow {
  background-image: url("controls/images/controls/menu/icon-chevron-right-disabled.png");
}
.cl-menu.cl-disabled .cl-menu-list .cl-menu-item.cl-selected {
  background-color: #e5e9f2;
  color: #8091a7;
  /* 메뉴 아이템 드릴다운 아이콘 - disabled */
}
.cl-menu.cl-disabled .cl-menu-list .cl-menu-item.cl-selected .cl-menu-arrow {
  background-image: url("controls/images/controls/menu/icon-chevron-right-disabled.png");
}
/* 파일 업로드 루트 */
.cl-fileupload {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  background-color: #ffffff;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /* 파일 업로드 내 텍스트 */
  /* 헤더 */
  /* 파일 업로드 디테일 영역 */
  /* 푸터 */
  /* 파일 업로드 체크 박스 */
}
.cl-fileupload .cl-fileupload-header {
  background-color: #f5f6fa;
  background-image: none;
  border-bottom: 1px solid #dbdfea;
  height: 32px;
  font-weight: 500;
  /* 헤더내 체크 박스 */
  /* 파일명 헤더 컬럼 */
  /* 파일 크기 헤더 컬럼 */
}
.cl-fileupload .cl-fileupload-header .cl-fileupload-checkheader {
  border-right: 1px solid #dbdfea;
  width: 35px;
}
.cl-fileupload .cl-fileupload-header .cl-fileupload-sizeheader {
  border-left: 1px solid #dbdfea;
}
.cl-fileupload .cl-fileupload-detail {
  /* 각 파일 행 */
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file {
  height: 30px;
  /* 체크 박스 컬럼 */
  /* 파일 아이콘 */
  /* 피일 이름 */
  /* 파일 크기 */
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-checkcolumn {
  width: 35px;
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon {
  background-image: url("images/controls/fileupload/icon-filetype-default.png");
  background-size: 16px;
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .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-file .cl-fileupload-fileicon.cl-filetype-png,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-svg {
  background-image: url("images/controls/fileupload/icon-filetype-pic.png");
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .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-file .cl-fileupload-fileicon.cl-filetype-wmv,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-mov {
  background-image: url("images/controls/fileupload/icon-filetype-video.png");
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .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-file .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-file .cl-fileupload-fileicon.cl-filetype-hwp,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-hwt {
  background-image: url("images/controls/fileupload/icon-filetype-text.png");
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .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-file .cl-fileupload-fileicon.cl-filetype-dotx,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-docm {
  background-image: url("images/controls/fileupload/icon-filetype-word.png");
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-pdf {
  background-image: url("images/controls/fileupload/icon-filetype-pdf.png");
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .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-file .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-file .cl-fileupload-fileicon.cl-filetype-xlam {
  background-image: url("images/controls/fileupload/icon-filetype-excel.png");
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .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-file .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-file .cl-fileupload-fileicon.cl-filetype-potm,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-pot {
  background-image: url("images/controls/fileupload/icon-filetype-ppt.png");
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-zip,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-fileicon.cl-filetype-7z {
  background-image: url("images/controls/fileupload/icon-filetype-zip.png");
}
.cl-fileupload .cl-fileupload-footer {
  border-top: 1px solid #dbdfea;
  /* 푸터 텍스트 */
  /* 푸터 내 버튼 영역 */
}
.cl-fileupload .cl-fileupload-footer .cl-text {
  font-weight: 500;
}
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons {
  /* 푸터 내 버튼 */
}
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button {
  background-image: none;
  background-color: #e7eef7;
  border: 1px solid #a7c1e1;
  border-radius: 4px;
  color: #2263b3;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 0 5px 0 0;
  font-weight: 400;
}
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button:focus {
  border-color: #a7c1e1;
}
.cl-fileupload .cl-fileupload-checkbox {
  background-image: url("images/controls/fileupload/icon-checkbox.png");
  width: 14px;
  height: 13px;
  /* 선택된 파일 업로드 체크 박스 */
}
.cl-fileupload .cl-fileupload-checkbox.cl-checked {
  background-image: url("images/controls/fileupload/icon-checkbox-selected.png");
}
.cl-fileupload .cl-fileupload-checkbox:focus {
  background-image: url("images/controls/fileupload/icon-checkbox-hover.png");
}
.cl-fileupload .cl-fileupload-checkbox:focus.cl-checked {
  background-image: url("images/controls/fileupload/icon-checkbox-hover-selected.png");
}
.cl-fileupload:not(.cl-disabled) {
  /* 파일 - 호버 상태 */
  /* 파일 업로드 버튼 - 호버 상태 */
}
.cl-fileupload:not(.cl-disabled) .cl-fileupload-file:hover {
  background-color: #edf2f9;
}
.cl-fileupload:not(.cl-disabled) .cl-fileupload-button:hover {
  background-color: #e7eef7;
  border-color: #a7c1e1;
  color: #2263b3;
}
.cl-fileupload.cl-disabled {
  opacity: 1;
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-fileupload.cl-disabled .cl-fileupload-header .cl-fileupload-checkheader .cl-fileupload-checkbox {
  background-image: url("images/controls/fileupload/icon-checkbox-disabled.png");
}
.cl-fileupload.cl-disabled .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button {
  background-color: #e7eef7;
  color: #2263b3;
  border-color: #a7c1e1;
  opacity: 0.5;
}
/* 버튼 */
.cl-button {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #2263b3;
  background-image: none;
  background-color: #e7eef7;
  background-repeat: no-repeat;
  border-radius: 0;
  border: 1px solid #a7c1e1;
  text-shadow: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /* 텍스트 스타일 */
  /* 아이콘 스타일 */
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼이 포커스를 가졌을 때의 스타일 */
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-button:not(.cl-disabled):hover {
  background-color: #e7eef7;
  border-color: #a7c1e1;
  color: #2263b3;
  font-weight: bold;
}
.cl-button:focus,
.cl-button.cl-focus {
  background-color: #e7eef7;
  border-color: #a7c1e1;
  color: #2263b3;
}
.cl-button:not(.cl-disabled).cl-activated,
.cl-button:not(.cl-disabled):active {
  background-image: none;
  background-color: #e7eef7;
  border-color: #a7c1e1;
  color: #2263b3;
  opacity: 0.3;
}
/* Disable 상태의 버튼 */
.cl-button.cl-disabled {
  background-color: #e7eef7;
  border-color: #a7c1e1;
  color: #2263b3;
  opacity: 0.5;
}
/* 아코디언 */
.cl-accordion {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  background-color: #ffffff;
  border: none;
  color: #252525;
  padding: 0;
  /** 아코디언의 각 헤더 */
  /* 아코디언 헤더/컨텐트 스타일 */
}
.cl-accordion .cl-accordion-header {
  background-color: #ffffff;
  color: #252525;
  border: 1px solid #dbdfea;
  border-radius: 0;
  height: 30px;
  /** 아코디언 펼침 버튼 */
  /* 아코디언 헤더에 마우스가 호버되었을 떄의 스타일 */
  /* 아코디언 헤더를 클릭했을 때의 스타일 */
}
.cl-accordion .cl-accordion-header .cl-accordion-expander {
  background-image: url("images/controls/accordion/icon-chevron-down.png");
}
.cl-accordion .cl-accordion-header:hover:not(.cl-disabled) {
  background-color: #f5f6fa;
}
.cl-accordion .cl-accordion-header.cl-disabled {
  cursor: auto;
  background-color: #f7f8fa;
  border-color: #e0e4eb;
  color: #8091a7;
}
.cl-accordion .cl-accordion-header.cl-activated {
  background-color: #e9eff7;
  border-color: #dbdfea;
  color: #2263b3;
  /* 클릭된 헤더의 펼침 버튼 아이콘 */
}
.cl-accordion .cl-accordion-header.cl-activated .cl-accordion-expander {
  background-image: url("images/controls/accordion/icon-chevron-up.png");
}
.cl-accordion .cl-accordion-header.cl-first {
  border-radius: 4px 4px 0 0;
}
.cl-accordion .cl-accordion-header:not(.cl-activated).cl-last {
  border-radius: 0 0 4px 4px;
}
.cl-accordion .cl-accordion-section.cl-last .cl-accordion-content {
  border-radius: 0 0 4px 4px;
}
.cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder) {
  /* 아코디언 컨텐츠 */
}
.cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
  border-color: #dbdfea;
}
.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: #f7f8fa;
  border-color: #e0e4eb;
  color: #8091a7;
  /** 아코디언 펼침 버튼 */
}
.cl-accordion.cl-disabled .cl-accordion-header .cl-accordion-expander {
  background-image: url("images/controls/accordion/icon-chevron-down-disabled.png");
}
.cl-accordion.cl-disabled .cl-accordion-header.cl-activated {
  background-color: #f7f8fa;
  border-color: #e0e4eb;
  color: #8091a7;
}
.cl-accordion.cl-disabled .cl-accordion-header.cl-activated .cl-accordion-expander {
  background-image: url("images/controls/accordion/icon-chevron-up-disabled.png");
}
.cl-accordion.cl-disabled .cl-accordion-header:hover {
  background-color: #f7f8fa;
}
.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: #e0e4eb;
}
/* 인풋 박스 루트 */
.cl-inputbox {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /* 인풋 박스 텍스트 */
  /* 인풋 박스 - 포커스 상태 */
  /* 인풋 박스 - disabled 상태 */
  /* 인풋 박스 - readonly 상태 */
}
.cl-inputbox .cl-text {
  padding: 0 3px 0 3px;
}
.cl-inputbox .cl-text.cl-placeholder {
  color: #b7c2d0 !important;
}
.cl-inputbox.cl-focus {
  border-color: #559bfb;
}
.cl-inputbox.cl-disabled {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-inputbox.cl-readonly {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
/* 서치 인풋 */
.cl-searchinput {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /* 서치 인풋 텍스트 */
  /* 서치 인풋 Clear버튼 */
  /* 서치 인풋 검색버튼 */
}
.cl-searchinput .cl-text {
  padding: 0 12px;
}
.cl-searchinput .cl-text.cl-placeholder {
  color: #b7c2d0 !important;
}
.cl-searchinput .cl-searchinput-clear {
  background-image: url("images/controls/input/icon-close.png");
  width: 20px;
}
.cl-searchinput .cl-searchinput-search {
  background-image: url("images/controls/input/icon-search.png");
  width: calc(12px + 12px);
}
.cl-searchinput .cl-searchinput-search.cl-left {
  background-position: right center;
}
.cl-searchinput .cl-searchinput-search.cl-right {
  background-position: left center;
}
.cl-searchinput.cl-disabled {
  /* 서치 인풋 disabled 상태 Clear버튼 */
  /* 서치 인풋 disabled 상태 검색버튼 */
}
.cl-searchinput.cl-disabled .cl-searchinput-clear {
  background-image: url("images/controls/input/icon-close-disabled.png");
}
.cl-searchinput.cl-disabled .cl-searchinput-search {
  background-image: url("images/controls/input/icon-search-disabled.png");
}
.cl-searchinput:not(.cl-disabled):hover .cl-searchinput-clear {
  background-image: url("images/controls/input/icon-close.png");
}
.cl-searchinput:not(.cl-disabled):hover .cl-searchinput-search {
  background-image: url("images/controls/input/icon-search.png");
}
/* 서치 인풋 disabled 상태 */
.cl-searchinput.cl-disabled {
  color: #8091a7;
  background-color: #f7f8fa;
  border-color: #e0e4eb;
  /* 서치 인풋 disabled 상태 텍스트*/
}
.cl-searchinput.cl-disabled input {
  color: #8091a7;
}
/* 서치 인풋 포커스 상태 */
.cl-searchinput.cl-focus {
  border-color: #559bfb;
}
.cl-searchinput.cl-focus .cl-searchinput-clear {
  background-image: url("images/controls/input/icon-close.png");
}
.cl-searchinput.cl-focus .cl-searchinput-search {
  background-image: url("images/controls/input/icon-search.png");
}
/* 슬라이더 */
.cl-slider {
  /* 슬라이더 바 */
}
.cl-slider .cl-slider-bar {
  background-color: #f5f6fa;
  border: 1px solid #dbdfea;
  /* 슬라이더 가로 바 */
  /* 슬라이더 세로 바*/
  /* 슬라이더 핸들 */
  /* 슬라이더 선택 영역 표시 바 */
}
.cl-slider .cl-slider-bar.cl-horizontal {
  background-image: none;
}
.cl-slider .cl-slider-bar.cl-vertical {
  background-image: none;
}
.cl-slider .cl-slider-bar .cl-slider-handle {
  /* 슬라이더 가로바 핸들 */
  /* 슬라이더 세로바 핸들 */
}
.cl-slider .cl-slider-bar .cl-slider-handle.cl-horizontal {
  background-image: url("controls/images/controls/slider/icon-slider-handle.png");
  background-size: 8px 19px;
  width: 8px;
  height: 19px;
  top: -7px;
  transform: translateX(-7px);
}
.cl-slider .cl-slider-bar .cl-slider-handle.cl-vertical {
  background-image: url("controls/images/controls/slider/icon-slider-handle-vertical.png");
  background-size: 19px 8px;
  width: 19px;
  height: 8px;
  left: -7px;
  transform: translateY(-7px);
}
.cl-slider .cl-slider-bar .cl-slider-range {
  background-color: #2263b3;
}
.cl-slider.cl-focus {
  /* 슬라이더 바 - focus */
}
.cl-slider.cl-focus .cl-slider-bar {
  border-color: #559bfb;
}
.cl-slider.cl-disabled {
  /* 슬라이더 바 핸들 - disabled */
  /* 슬라이더 바 선택 영역 - disabled */
}
.cl-slider.cl-disabled .cl-slider-bar {
  background-color: #f7f8fa;
}
.cl-slider.cl-disabled .cl-slider-handle.cl-horizontal {
  background-image: url("controls/images/controls/slider/icon-slider-handle-disabled.png");
}
.cl-slider.cl-disabled .cl-slider-handle.cl-vertical {
  background-image: url("controls/images/controls/slider/icon-slider-handle-vertical-disabled.png");
}
.cl-slider.cl-disabled .cl-slider-range {
  background-color: #e5e9f2;
}
.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-horizontal,
.cl-slider:not(.cl-disabled) .cl-slider-bar .cl-slider-handle.cl-hover.cl-horizontal {
  background-image: url("controls/images/controls/slider/icon-slider-handle-hover.png");
}
.cl-slider:not(.cl-disabled) .cl-slider-bar .cl-slider-handle:hover.cl-vertical,
.cl-slider:not(.cl-disabled) .cl-slider-bar .cl-slider-handle.cl-hover.cl-vertical {
  background-image: url("controls/images/controls/slider/icon-slider-handle-vertical-hover.png");
}
/* 아웃풋 */
.cl-output {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  background-repeat: no-repeat;
  padding: 0 3px;
}
.cl-output.cl-disabled {
  color: #8091a7;
}
.cl-output.require {
  background-image: url("images/search/output_required.png");
  background-position: right center;
  padding-right: 8px;
}
/* 텍스트 에리어 */
.cl-textarea {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /* 텍스트 에리어 텍스트 */
  /* 텍스트 에리어 - focus*/
  /* 텍스트 에리어 - disabled */
  /* 텍스트 에리어 - readonly */
}
.cl-textarea .cl-text {
  padding: 0 3px 0 3px !important;
}
.cl-textarea .cl-text.cl-placeholder {
  color: #b7c2d0 !important;
}
.cl-textarea.cl-focus {
  border-color: #559bfb;
}
.cl-textarea.cl-disabled {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-textarea.cl-readonly {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
/* 라디오 버튼 */
.cl-radiobutton {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  /* 라디오 버튼 아이템 */
  /* 라디오버튼 focus 스타일 */
  /* disabled 라디오버튼 스타일 */
}
.cl-radiobutton .cl-radiobutton-item {
  /* 아이콘 정렬을 설정 */
  /* 라디오 버튼 아이템 텍스트 */
  /* 라디오아이템 아이콘 스타일 */
  /* 라디오아이템 hover시 아이콘 스타일 */
  /* 선택된 라디오아이템 아이콘 스타일 */
  /* disabled 라디오아이템 스타일 */
}
.cl-radiobutton .cl-radiobutton-item .cl-text {
  /* 말줄임 style 적용(한줄) */
  /* 여러 줄 style 적용 */
}
.cl-radiobutton .cl-radiobutton-item .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/icon-radiobutton.png");
}
.cl-radiobutton .cl-radiobutton-item:hover .cl-radiobutton-icon,
.cl-radiobutton .cl-radiobutton-item.cl-hover .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/icon-radiobutton-hover.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/icon-radiobutton-selected.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/icon-radiobutton-hover-selected.png");
}
.cl-radiobutton .cl-radiobutton-item.cl-disabled {
  /* disabled 라디오아이템 hover시 아이콘 스타일 */
  /* 선택된 disabled 라디오아이템 아이콘 스타일 */
}
.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/icon-radiobutton-disabled.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/icon-radiobutton-disabled-selected.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/icon-radiobutton-disabled-selected.png");
}
.cl-radiobutton.cl-disabled {
  color: #8091a7;
}
.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/icon-radiobutton-disabled.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/icon-radiobutton-disabled.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/icon-radiobutton-disabled-selected.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/icon-radiobutton-disabled-selected.png");
}
/* 체크 박스 */
.cl-checkbox {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  /* 아이콘 정렬을 설정 */
  /* 체크 박스 텍스트 */
  /* 체크박스 아이콘 스타일 */
  /* 체크박스 hover시 아이콘 스타일 */
  /* 체크된 체크박스 아이콘 스타일 */
  /* disabled 체크박스 스타일 */
  /* 체크박스 focus 스타일 */
}
.cl-checkbox .cl-text {
  /* 말줄임 style 적용(한줄) */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  /* 여러 줄 style 적용 */
}
.cl-checkbox .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox.png");
}
.cl-checkbox:hover .cl-checkbox-icon,
.cl-checkbox.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox-hover-red.png");
}
.cl-checkbox.cl-checked {
  /* 체크된 체크박스 hover시 아이콘 스타일 */
}
.cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox-selected-red.png");
}
.cl-checkbox.cl-checked:hover .cl-checkbox-icon,
.cl-checkbox.cl-checked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox-hover-selected-red.png");
}
.cl-checkbox.cl-disabled {
  /* disabled 체크박스 hover시 아이콘 스타일 */
  /* 체크된 disabled 체크박스 아이콘 스타일 */
}
.cl-checkbox.cl-disabled .cl-text {
  color: #8091a7;
}
.cl-checkbox.cl-disabled .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox-disabled.png");
}
.cl-checkbox.cl-disabled:hover .cl-checkbox-icon,
.cl-checkbox.cl-disabled.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox-disabled.png");
}
.cl-checkbox.cl-disabled.cl-checked {
  /* 체크된 disabled 체크박스 hover시 아이콘 스타일 */
}
.cl-checkbox.cl-disabled.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox-disabled-selected.png");
}
.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/icon-checkbox-disabled-selected.png");
}
.cl-checkbox.cl-partialchecked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-g-checkbox-partial-selected.png");
}
.cl-checkbox.cl-partialchecked:hover .cl-checkbox-icon,
.cl-checkbox.cl-partialchecked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-g-checkbox-partial-selected.png");
}
.cl-checkbox.cl-partialchecked.cl-disabled .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-g-checkbox-disabled-partial-selected.png");
}
.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/icon-g-checkbox-disabled-partial-selected.png");
}
/* 체크박스그룹 */
.cl-checkboxgroup {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  /* 체크박스그룹 focus 스타일 */
  /* disabled 체크박스그룹 스타일 */
  /* 체크박스그룹에 체크박스 스타일 */
}
.cl-checkboxgroup.cl-focus {
  /* 체크박스그룹 내에 focus를 받은 체크박스 focus 아이콘 스타일 */
}
.cl-checkboxgroup.cl-disabled {
  /* disabled 체크박스그룹에 체크박스 스타일 */
}
.cl-checkboxgroup.cl-disabled .cl-checkbox {
  /* disabled 체크박스그룹에 체크박스 hover시 아이콘 스타일 */
  /* disabled 체크박스그룹 내에 체크된 체크박스 아이콘 스타일 */
}
.cl-checkboxgroup.cl-disabled .cl-checkbox .cl-text {
  color: #8091a7;
}
.cl-checkboxgroup.cl-disabled .cl-checkbox .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox-disabled.png");
}
.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/icon-checkbox-disabled.png");
}
.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/icon-checkbox-disabled-selected.png");
}
.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/icon-checkbox-disabled-selected.png");
}
.cl-checkboxgroup .cl-checkbox {
  /* 체크박스그룹에 체크박스 hover시 아이콘 스타일 */
  /* 체크박스그룹에 체크된 체크박스 아이콘 스타일 */
  /* 체크박스그룹에 disabled 체크박스 스타일 */
}
.cl-checkboxgroup .cl-checkbox .cl-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.cl-checkboxgroup .cl-checkbox:hover .cl-checkbox-icon,
.cl-checkboxgroup .cl-checkbox.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox-hover-red.png");
}
.cl-checkboxgroup .cl-checkbox.cl-checked {
  /* 체크박스그룹에 체크된 체크박스 hover시 아이콘 스타일 */
}
.cl-checkboxgroup .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox-selected-red.png");
}
.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/icon-checkbox-hover-selected-red.png");
}
.cl-checkboxgroup .cl-checkbox.cl-disabled {
  /* 체크박스그룹에 disabled 체크박스 hover시 아이콘 스타일 */
  /* 체크박스그룹에 disabled 체크된 체크박스 아이콘 스타일 */
}
.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/icon-checkbox-disabled.png");
}
.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/icon-checkbox-disabled-selected.png");
}
.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/icon-checkbox-disabled-selected.png");
}
/* 마스크 에디터 루트 */
.cl-maskeditor {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /* 마스크 에디터 텍스트 */
  /* 마스크 에디터 - 포커스 */
  /* 마스크 에디터 - disabled */
  /* 마스크 에디터 - readonly */
}
.cl-maskeditor .cl-text {
  padding: 0 3px 0 3px;
}
.cl-maskeditor .cl-text.cl-placeholder {
  color: #b7c2d0 !important;
}
.cl-maskeditor.cl-focus {
  border-color: #559bfb;
}
.cl-maskeditor.cl-disabled {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-maskeditor.cl-readonly {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
/* 콤보 박스 루트 */
.cl-combobox {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  background-color: #ffffff;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /*선택된 아이템의 아이콘*/
  /* 콤보 박스 펼침 버튼 */
  /* 포커스 상태 */
  /* 콤보 박스 disabled 상태 */
}
.cl-combobox .cl-icon {
  display: none;
}
.cl-combobox .cl-text {
  padding: 0 3px 0 3px;
  /* preventInput속성일때 스타일*/
}
.cl-combobox .cl-text.cl-placeholder {
  color: #b7c2d0 !important;
}
.cl-combobox .cl-combobox-button {
  background-image: url("images/controls/combobox/ico_sel.png");
  background-position: left center;
  background-size: 9px auto;
  width: calc(12px + 4px);
}
.cl-combobox.cl-focus {
  border-color: #559bfb;
}
.cl-combobox.cl-readonly {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-combobox.cl-readonly .cl-combobox-button {
  background-image: url("images/controls/combobox/ico_sel.png");
  background-position: left center;
  background-size: 9px auto;
  width: calc(12px + 4px);
}
.cl-combobox.cl-disabled {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-combobox.cl-disabled .cl-combobox-button {
  background-image: url("images/controls/combobox/ico_sel.png");
  background-position: left center;
  background-size: 9px auto;
  width: calc(12px + 4px);
}
/* 콤보 박스 리스트 박스 */
.cl-combobox-list {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  background-color: #ffffff;
  border-color: #559bfb;
  border-radius: 4px;
  color: #252525;
  /*리스트박스의 쉐도우*/
  /* 콤보박스 위에 표시될때 상태 */
  /* 콤보박스 아래에 표시될때 상태 */
  /* 리스박스의 최대 높이*/
  /* 콤보 박스 리스트 아이템 */
  /*체크박스 다중선택 리스트박스 스타일*/
}
.cl-combobox-list.cl-popup {
  box-shadow: 0 3px 12px 1px rgba(44, 55, 130, 0.15);
}
.cl-combobox-list.cl-top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: -2px;
}
.cl-combobox-list.cl-bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -2px;
}
.cl-combobox-list .cl-combobox-item {
  height: 30px;
  padding: 0 0;
  /* 콤보 박스 리스트 아이템 체크박스 */
  /* 콤보 박스 리스트 아이템 아이콘 */
  /* 콤보 박스 리스트 아이템 텍스트 */
  /* 콤보 박스 리스트 아이템 - 선택 됨 */
  /* disabled 상태 콤보 박스 리스트 아이템 */
}
.cl-combobox-list .cl-combobox-item .cl-checkbox {
  background-image: url("images/controls/checkbox/icon-checkbox.png");
}
.cl-combobox-list .cl-combobox-item .cl-checkbox.cl-checked {
  background-image: url("images/controls/checkbox/icon-checkbox-selected.png");
}
.cl-combobox-list .cl-combobox-item.cl-selected {
  background-color: #e9eff7;
  color: #2263b3;
}
.cl-combobox-list .cl-combobox-item.cl-disabled {
  color: #8091a7;
  /* disabled 상태에서 선택된 콤보 박스 리스트 아이템 */
}
.cl-combobox-list .cl-combobox-item.cl-disabled.cl-selected {
  color: #8091a7;
  background-color: #e5e9f2;
}
.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 {
  color: #252525;
  background-color: #f5f6fa;
}
.cl-combobox-list.cl-multi-select .cl-combobox-item:not(.cl-disabled).cl-selected:hover {
  color: #252525;
  background-color: #f5f6fa;
}
.cl-combobox-list.cl-multi-select .cl-combobox-item:not(.cl-disabled).cl-hover.cl-selected {
  background-color: #e9eff7;
  color: #2263b3;
}
/* 링크드 콤보 박스 루트 */
.cl-linkedcombobox {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  /* 콤보 박스 */
  /* 콤보 박스 - 포커스 상태 */
  /* 콤보 박스 - disabled 상태 */
}
.cl-linkedcombobox .cl-linkedcombobox-combo {
  border: 1px solid #dbdfea;
  border-radius: 4px;
  background-color: #ffffff;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /*선택된 아이템의 아이콘*/
  /* 콤보 박스 인풋 텍스트 */
  /* 콤보 박스 펼침 버튼 */
}
.cl-linkedcombobox .cl-linkedcombobox-combo .cl-text {
  padding: 0 12px;
  /* preventInput속성일때 스타일*/
}
.cl-linkedcombobox .cl-linkedcombobox-combo .cl-text.cl-placeholder {
  color: #b7c2d0 !important;
}
.cl-linkedcombobox .cl-linkedcombobox-combo .cl-linkedcombobox-button {
  background-image: url("images/controls/combobox/icon-chevron-down.png");
  background-position: left center;
  width: calc(12px + 12px);
}
.cl-linkedcombobox .cl-linkedcombobox-combo.cl-focus {
  border-color: #559bfb;
}
.cl-linkedcombobox.cl-disabled {
  /* 콤보 박스 펼침 버튼 - disabled 상태 */
}
.cl-linkedcombobox.cl-disabled .cl-linkedcombobox-combo {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-linkedcombobox.cl-disabled .cl-linkedcombobox-button {
  background-image: url("images/controls/combobox/icon-chevron-down-disabled.png");
}
/* 콤보 박스 리스트 박스 */
.cl-linkedcombobox-list {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  background-color: #ffffff;
  border-color: #559bfb;
  border-radius: 4px;
  color: #252525;
  /*리스트박스의 쉐도우*/
  /* 콤보박스 위에 표시될때 상태 */
  /* 콤보박스 아래에 표시될때 상태 */
  /* 콤보 박스 아이템 */
}
.cl-linkedcombobox-list.cl-popup {
  box-shadow: 0 3px 12px 1px rgba(44, 55, 130, 0.15);
}
.cl-linkedcombobox-list.cl-top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: -2px;
}
.cl-linkedcombobox-list.cl-bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -2px;
}
.cl-linkedcombobox-list .cl-linkedcombobox-item {
  height: 30px;
  /* 콤보 박스 아이템 아이콘 */
  /* 콤보 박스 아이템 텍스트 */
  /* 콤보 박스 아이템 드릴다운 아이콘 */
  /* 콤보 박스 아이템 리프 아이콘 */
  /* 콤보 박스 아이템 - 선택됨 */
  /* 콤보 박스 아이템 - disabled 상태 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item .cl-linkedcombobox-arrow.cl-folder {
  background-image: url("images/controls/combobox/icon-chevron-right.png");
}
.cl-linkedcombobox-list .cl-linkedcombobox-item.cl-selected {
  background-color: #e9eff7;
  color: #2263b3;
  /* 콤보 박스 아이템 드릴 다운 아이콘 - 선택됨 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item.cl-selected .cl-linkedcombobox-arrow.cl-folder {
  background-image: url("images/controls/combobox/icon-chevron-right.png");
}
.cl-linkedcombobox-list .cl-linkedcombobox-item.cl-disabled {
  color: #8091a7;
  /* 콤보 박스 아이템 - 선택됨, disabled 상태 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item.cl-disabled.cl-selected {
  color: #8091a7;
  background-color: #e5e9f2;
}
.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 {
  color: #252525;
  background-color: #f5f6fa;
}
/* 다이얼로그 루트 */
.cl-dialog {
  border: none;
  border-radius: 4px;
  box-shadow: 0 3px 12px 1px rgba(44, 55, 130, 0.15);
  /* 다이얼로그 헤더 */
}
.cl-dialog .cl-dialog-header {
  background-color: #A21320;
  border-bottom-color: #dbdfea;
  border-radius: 4px 4px 0 0;
  color: #ffffff;
  padding: 12px 12px;
  font-weight: 500;
  font-size: 1.125rem;
  height: 40px;
  /* 다이얼로그 헤더 텍스트 */
  /* 다이얼로그 닫기 버튼 */
  /* 다이얼로그 닫기 버튼 - 호버 */
  /* 다이얼로그 닫기 버튼 - 액티브 */
  /* 다이얼로그 최소화 버튼 */
  /* 다이얼로그 최소화 버튼 - 호버 */
  /* 다이얼로그 최소화 버튼 - 액티브 */
  /* 다이얼로그 최대화 버튼 */
  /* 다이얼로그 최대화 버튼 - 호버 */
  /* 다이얼로그 최대화 버튼 - 액티브 */
  /* 다이얼로그 복구 버튼 */
  /* 다이얼로그 복구 버튼 - 호버 */
  /* 다이얼로그 복구 버튼 - 액티브 */
}
.cl-dialog .cl-dialog-body {
  padding: 0px 5px 5px 5px;
}
.cl-overlay {
  background-color: rgba(54, 74, 99, 0.35);
}
.cl-overlay.light {
  background-color: rgba(16, 25, 36, 0.05);
}
.cl-overlay.dark {
  background-color: rgba(52, 58, 64, 0.55);
}
/* 트리 */
.cl-tree {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  background-color: #ffffff;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  color: #252525;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /* 트리 아이템 */
  /* 트리 - focus */
  /* 트리 다중 선택 */
  /* 트리 아이템간 라인*/
}
.cl-tree .cl-tree-item {
  height: 30px;
  /* 트리 아이템 체크박스 아이콘 */
  /* 트리 셀렉션 체크박스 아이콘 */
  /* 트리 아이템 아이콘 영역 */
  /* 트리 아이템의 펼치고 접혀지는 아이콘 영역*/
  /* 트리 아이템 텍스트 */
  /*텍스트 편집 상자*/
  /*트리아이템 뱃지 스타일*/
  /* 트리 아이템 - disabled */
  /* 트리 아이템 - selected */
}
.cl-tree .cl-tree-item .cl-checkbox {
  background-image: url("images/controls/tree/icon-checkbox.png");
  background-size: 14px 13px;
}
.cl-tree .cl-tree-item .cl-checkbox.cl-checked {
  background-image: url("images/controls/tree/icon-checkbox-selected.png");
}
.cl-tree .cl-tree-item .cl-checkbox.cl-partialchecked {
  background-image: url("images/controls/tree/icon-checkbox-partial-selected.png");
}
.cl-tree .cl-tree-item .cl-tree-checkbox {
  background-image: url("images/controls/tree/icon-checkbox.png");
  background-size: 14px 13px;
}
.cl-tree .cl-tree-item.cl-checked {
  /* 트리 아이템 체크박스 아이콘 - 선택됨*/
}
.cl-tree .cl-tree-item.cl-checked > .cl-tree-checkbox {
  background-image: url("images/controls/tree/icon-checkbox-selected.png");
}
.cl-tree .cl-tree-item.cl-partialchecked {
  /* 트리 아이템 체크박스 아이콘 - 부분 선택됨 */
}
.cl-tree .cl-tree-item.cl-partialchecked > .cl-tree-checkbox {
  background-image: url("images/controls/tree/icon-checkbox-partial-selected.png");
}
.cl-tree .cl-tree-item.cl-folder {
  /* 트리 아이템 폴더 아이콘*/
  /* 트리 아이템 폴더 아이콘 - 펼쳐짐*/
  /* 트리 아이템 폴더 아이콘 - 접힘 */
}
.cl-tree .cl-tree-item.cl-folder.cl-expanded > .cl-tree-treeicon {
  background-image: url("images/controls/tree/icon-chevron-down.png");
}
.cl-tree .cl-tree-item.cl-folder.cl-collapsed > .cl-tree-treeicon {
  background-image: url("images/controls/tree/icon-chevron-right.png");
}
.cl-tree .cl-tree-item.cl-disabled {
  color: #8091a7;
  /* 트리 아이템 - disabled, selected */
}
.cl-tree .cl-tree-item.cl-disabled.cl-selected {
  background-color: #e5e9f2;
  color: #8091a7;
}
.cl-tree .cl-tree-item.cl-selected {
  background-color: #e9eff7;
  color: #2263b3;
}
.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/icon-chevron-down.png");
}
.cl-tree .cl-tree-item.cl-selected.cl-folder.cl-collapsed > .cl-tree-treeicon {
  background-image: url("images/controls/tree/icon-chevron-right.png");
}
.cl-tree.cl-focus {
  border-color: #559bfb;
}
.cl-tree.cl-multi-select .cl-tree-item.cl-checked.cl-selected.cl-hover {
  background-color: #e9eff7;
  color: #2263b3;
}
.cl-tree.cl-tree-lines .cl-tree-item.cl-expanded> .cl-tree-treeicon {
  background-image: url("images/controls/tree/icon-tree-node-expanded2.png");
}
.cl-tree.cl-tree-lines .cl-tree-item.cl-expanded.cl-selected> .cl-tree-treeicon {
  background-image: url("images/controls/tree/icon-tree-node-expanded2.png");
}
.cl-tree.cl-tree-lines .cl-tree-item.cl-collapsed> .cl-tree-treeicon {
  background-image: url("images/controls/tree/icon-tree-node-collapsed2.png");
}
.cl-tree.cl-tree-lines .cl-tree-item.cl-collapsed.cl-selected> .cl-tree-treeicon {
  background-image: url("images/controls/tree/icon-tree-node-collapsed2.png");
}
.cl-tree.cl-tree-lines .cl-tree-item .cl-tree-line {
  background-image: url("images/controls/tree/icon-tree-line.png");
}
.cl-tree.cl-tree-lines .cl-tree-item .cl-tree-iconline {
  background-image: url("images/controls/tree/icon-tree-line-child.png");
}
.cl-tree.cl-tree-lines .cl-tree-item.cl-last .cl-tree-iconline {
  background-image: url("images/controls/tree/icon-tree-line-last.png");
}
.cl-tree.cl-tree-lines .cl-tree-item.cl-first .cl-tree-iconline {
  background-image: url("images/controls/tree/icon-tree-line-first.png");
}
.cl-tree.cl-tree-lines .cl-tree-item.cl-first.cl-last .cl-tree-iconline {
  background-image: url("images/controls/tree/icon-tree-line-first-last.png");
}
.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: #f5f6fa;
  color: #252525;
}
.cl-tree:not(.cl-disabled) .cl-tree-item:not(.cl-disabled).cl-dropbottom {
  box-shadow: inset 0 -2px 0 1px solid #dbdfea;
}
.cl-tree:not(.cl-disabled) .cl-tree-item:not(.cl-disabled).cl-dropmiddle,
.cl-tree:not(.cl-disabled) .cl-tree-item:not(.cl-disabled):not(.cl-selected).cl-dropmiddle {
  background-color: 1px solid #dbdfea;
}
.cl-tree:not(.cl-disabled) .cl-tree-item:not(.cl-disabled).cl-droptop {
  box-shadow: inset 0 2px 0 1px solid #dbdfea;
}
/* 트리 - disabled */
.cl-tree.cl-disabled {
  background-color: #f7f8fa;
  border-color: #e0e4eb;
  color: #8091a7;
  /* 트리 아이템 - disabled, selected */
}
.cl-tree.cl-disabled .cl-tree-item .cl-checkbox {
  background-image: url("images/controls/tree/icon-checkbox-disabled.png");
}
.cl-tree.cl-disabled .cl-tree-item .cl-checkbox.cl-checked {
  background-image: url("images/controls/tree/icon-checkbox-disabled-selected.png");
}
.cl-tree.cl-disabled .cl-tree-item .cl-checkbox.cl-partialchecked {
  background-image: url("images/controls/tree/icon-checkbox-disabled-partial-selected.png");
}
.cl-tree.cl-disabled .cl-tree-item .cl-tree-checkbox {
  background-image: url("images/controls/tree/icon-checkbox-disabled.png");
}
.cl-tree.cl-disabled .cl-tree-item.cl-checked {
  /* 트리 아이템 체크박스 아이콘 - 선택됨*/
}
.cl-tree.cl-disabled .cl-tree-item.cl-checked > .cl-tree-checkbox {
  background-image: url("images/controls/tree/icon-checkbox-disabled-selected.png");
}
.cl-tree.cl-disabled .cl-tree-item.cl-partialchecked {
  /* 트리 아이템 체크박스 아이콘 - 부분 선택됨 */
}
.cl-tree.cl-disabled .cl-tree-item.cl-partialchecked > .cl-tree-checkbox {
  background-image: url("images/controls/tree/icon-checkbox-disabled-partial-selected.png");
}
.cl-tree.cl-disabled .cl-tree-item.cl-selected {
  background-color: #e5e9f2;
  color: #8091a7;
}
.cl-tree.cl-disabled.cl-tree-lines .cl-tree-item.cl-expanded> .cl-tree-treeicon {
  background-image: url("images/controls/tree/icon-tree-node-expanded-disabled.png");
}
.cl-tree.cl-disabled.cl-tree-lines .cl-tree-item.cl-expanded.cl-selected> .cl-tree-treeicon {
  background-image: url("images/controls/tree/icon-tree-node-expanded-disabled.png");
}
.cl-tree.cl-disabled.cl-tree-lines .cl-tree-item.cl-collapsed> .cl-tree-treeicon {
  background-image: url("images/controls/tree/icon-tree-node-collapsed-disabled.png");
}
.cl-tree.cl-disabled.cl-tree-lines .cl-tree-item.cl-collapsed.cl-selected> .cl-tree-treeicon {
  background-image: url("images/controls/tree/icon-tree-node-collapsed-disabled.png");
}
/* 그리드 */
.cl-grid {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  background-color: #ffffff;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #dbdfea;
  /* 그리드 헤더 */
  /* 그리드 푸터 */
  /* 그리드 헤더 외곽 영역 */
  /* 그리드 디테일 외곽 영역 */
  /* 그리드 푸터 외곽 영역 */
  /* 왼쪽 틀고정된 그리드의 스타일 */
  /* 오른쪽 틀고정된 그리드의 스타일 */
  /* 스플릿 상단 그리드 래퍼 */
  /* 스플릿 하단 그리드 래퍼 */
  /* noDataMessage 보여질 때 해당 텍스트영역 스타일 */
}
.cl-grid .cl-grid-header {
  background-image: none;
  background-color: #3578b5;
  color: #ffffff;
  font-size: 13px;
  /* 그리드 헤더 셀 */
  /* 
		@deprecated (header의 sortColumnName속성)
		그리드 헤더 셀 소트 인디케이터 
		*/
  /* 그리드 헤더 셀 필터 인디케이터 */
  /* 그리드 헤더 셀이 소트가능 한 셀일 때 스타일 */
}
.cl-grid .cl-grid-header .cl-grid-cell {
  /* 그리드 헤더 셀에 임베딩 된 컨트롤 */
}
.cl-grid .cl-grid-header .cl-grid-cell .cl-text {
  text-align: center;
}
.cl-grid .cl-grid-header .cl-grid-cell .cl-control {
  font-weight: bold;
}
.cl-grid .cl-grid-header .cl-grid-cell.require {
  color: #ffffff;
  background-color: #01549f;
  font-weight: bold;
}
.cl-grid .cl-grid-header .cl-sort {
  width: 20px;
  /* 그리드 헤더 셀 소트 인디케이터 - 소트 가능 */
  /* 그리드 헤더 셀 소트 인디케이터 - 오름차순 정렬됨 */
  /* 그리드 헤더 셀 소트 인디케이터 - 내림차순 정렬됨 */
}
.cl-grid .cl-grid-header .cl-filter {
  background-image: url("images/icon/component/icon-filter-gray-16px.svg");
  margin-right: 0.3125rem;
  /* 그리드 헤더 셀 필터 인디케이터에 마우스가 호버되었을 때 스타일 */
  /* 그리드 헤더 셀 필터 인디케이터 - 필터되었을 때 스타일 */
}
.cl-grid .cl-grid-header .cl-filter:hover {
  background-image: url("images/controls/grid/icon-filter-hover.png");
}
.cl-grid .cl-grid-header .cl-filter.cl-filtered {
  background-image: url("images/controls/grid/icon-filter-on.png");
}
.cl-grid .cl-grid-header .cl-sortable-cell {
  /* 그리드 헤더 셀 소트 인디케이터 */
  /* 그리드 헤더 셀 소트 인디케이터 - 오름차순 정렬됨  */
  /* 그리드 헤더 셀 소트 인디케이터 - 내림차순 정렬됨  */
}
.cl-grid .cl-grid-header .cl-sortable-cell .cl-sort {
  width: 0px;
  /* 그리드 헤더 셀 소트 인디케이터 - 소트 가능한 아이콘 */
  /* 그리드 헤더 셀 소트 인디케이터 - 소트 우선 순위 영역*/
}
.cl-grid .cl-grid-header .cl-sortable-cell .cl-sort .cl-sort-icon {
  display: inline-block;
  width: 12px;
  height: 100% !important;
  float: left;
}
.cl-grid .cl-grid-header .cl-sortable-cell .cl-sort .cl-sort-seq {
  float: left;
  display: inline-block;
  width: 0.3125rem;
  height: 100% !important;
  line-height: 3rem;
  color: #09c2de;
}
.cl-grid .cl-grid-header .cl-sortable-cell.cl-sort-asc {
  /* 그리드 헤더 셀 소트 인디케이터 - 오름차순 아이콘 */
}
.cl-grid .cl-grid-header .cl-sortable-cell.cl-sort-asc .cl-sort {
  width: 1.063rem;
}
.cl-grid .cl-grid-header .cl-sortable-cell.cl-sort-desc {
  /* 그리드 헤더 셀 소트 인디케이터 - 내림차순 아이콘 */
}
.cl-grid .cl-grid-header .cl-sortable-cell.cl-sort-desc .cl-sort {
  width: 1.063rem;
}
.cl-grid .cl-grid-footer {
  border-top: solid 1px #dbdfea;
}
.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-grid-cell {
  text-align: left;
}
.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-disabled {
  background-color: #f7f8fa;
}
/* 그리드 필터 사용시 필터 다이얼로그가 펼쳐지는 영역 스타일*/
.cl-gridfilter {
  /* 필터 다이얼로그 뒤에 비활성화 영역을 표현하기 위해 덮히는 막 */
  /* 필터 다이얼로그 */
}
.cl-gridfilter.cl-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.cl-gridfilter .cl-filterdlg {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #dbdfea;
  border-radius: 3px;
  height: 21.88rem;
  /* 필터 다이얼로그 - 타이틀 영역 */
  /* 필터 다이얼로그 - 필터 찾기 영역 */
  /* 필터 다이얼로그 - 필터 아이템 리스트 영역 */
  /* 필터 다이얼로그 - 하단에 버튼 영역 */
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-header {
  background-image: none;
  padding: 0 0.3125rem;
  height: 2.125rem;
  /* 필터 다이얼로그 - 타이틀 영역의 글자 스타일 */
  /* 필터 다이얼로그 - 타이틀 영역의 닫기 버튼 스타일 */
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-header .cl-text {
  font-weight: 500;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-search {
  margin: 0px;
  padding: 0.3125rem 0.625rem 0.125rem 0.625rem;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-search .cl-search-input {
  width: 100%;
  height: 2.125rem;
  background-color: #ffffff;
  border: 1px solid #dbdfea;
  border-radius: 3px;
  color: #252525;
  padding: 8px 12px;
  font-size: 0.9rem;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-search .cl-search-input:hover {
  background-color: #ffffff;
  border-color: #dbdfea;
  color: #252525;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-search .cl-search-input:focus {
  background-color: #ffffff;
  border-color: #559bfb;
  color: #252525;
  outline: none;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-itemlist {
  margin: 0.625rem;
  /* 필터 다이얼로그 - 필터 아이템 리스트 영역의 아이템 스타일 */
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-itemlist .cl-filterdlg-item {
  height: 30px;
  /* 필터 다이얼로그 - 아이템 체크박스 스타일 */
  /* 필터 다이얼로그 - 아이템 체크박스가 체크되었을 때의 스타일 */
  /* 필터 다이얼로그 - 아이템 글자 스타일 */
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-itemlist .cl-filterdlg-item .cl-checkbox-icon {
  background-size: 16px;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons {
  margin: 0.625rem 0.3125rem 0.3125rem;
  height: 1.875rem;
  /* 필터 다이얼로그 - 하단에 버튼 영역의 버튼 스타일 */
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button {
  /* 필터 다이얼로그 - 버튼 영역의 확인 버튼 스타일 */
  /* 필터 다이얼로그 - 버튼 영역의 취소 버튼 스타일 */
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button.cl-select {
  padding: 0.125rem 0.625rem;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button.cl-cancel {
  margin-left: 0.3125rem;
  padding: 0.125rem 0.625rem;
}
/* 행 스타일 */
.cl-grid-row {
  /* 보기 모드의 로우 */
  /* 홀수 로우 */
  /* 짝수 로우 */
  /* 추가된 로우 */
  /* 수정된 로우 */
  /* 삭제된 로우 */
  /* 선택된 로우 - 보기 모드 */
  /* 편집중인 로우 */
  /* 행 그룹시 그룹의 헤더 */
  /* 행 그룹시 그룹의 푸터 */
}
.cl-grid-row.cl-viewing .cl-grid-cell {
  /* 인풋 계열 컨트롤 공통 */
  /* 출력 계열 컨트롤 공통 */
}
.cl-grid-row.cl-viewing .cl-grid-cell .cl-default-cell.cl-disabled {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-grid-row.cl-inserted {
  background-color: rgba(233, 242, 254, 0.5);
}
.cl-grid-row.cl-inserted.cl-editing .cl-grid-cell .cl-default-cell {
  color: #252525;
}
.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 {
  font-weight: 500;
}
.cl-grid-row.cl-inserted .cl-default-cell:hover,
.cl-grid-row.cl-inserted .cl-inputbox:hover,
.cl-grid-row.cl-inserted .cl-output:hover,
.cl-grid-row.cl-inserted .cl-maskeditor:hover,
.cl-grid-row.cl-inserted .cl-numbereditor:hover,
.cl-grid-row.cl-inserted .cl-dateinput:hover,
.cl-grid-row.cl-inserted .cl-button:hover,
.cl-grid-row.cl-inserted .cl-textarea:hover,
.cl-grid-row.cl-inserted .cl-combobox:hover,
.cl-grid-row.cl-inserted .cl-treecell:hover,
.cl-grid-row.cl-inserted .cl-fileinput:hover,
.cl-grid-row.cl-inserted .cl-default-cell.cl-hover,
.cl-grid-row.cl-inserted .cl-inputbox.cl-hover,
.cl-grid-row.cl-inserted .cl-output.cl-hover,
.cl-grid-row.cl-inserted .cl-maskeditor.cl-hover,
.cl-grid-row.cl-inserted .cl-numbereditor.cl-hover,
.cl-grid-row.cl-inserted .cl-dateinput.cl-hover,
.cl-grid-row.cl-inserted .cl-button.cl-hover,
.cl-grid-row.cl-inserted .cl-textarea.cl-hover,
.cl-grid-row.cl-inserted .cl-combobox.cl-hover,
.cl-grid-row.cl-inserted .cl-treecell.cl-hover,
.cl-grid-row.cl-inserted .cl-fileinput.cl-hover {
  background-color: #e9f2fe;
  color: #444;
}
.cl-grid-row.cl-modified {
  background-color: #fff3e9;
}
.cl-grid-row.cl-modified.cl-editing .cl-grid-cell .cl-default-cell {
  color: #252525 !important;
}
.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 {
  font-weight: 500;
}
.cl-grid-row.cl-modified .cl-default-cell:hover,
.cl-grid-row.cl-modified .cl-inputbox:hover,
.cl-grid-row.cl-modified .cl-output:hover,
.cl-grid-row.cl-modified .cl-maskeditor:hover,
.cl-grid-row.cl-modified .cl-numbereditor:hover,
.cl-grid-row.cl-modified .cl-dateinput:hover,
.cl-grid-row.cl-modified .cl-button:hover,
.cl-grid-row.cl-modified .cl-textarea:hover,
.cl-grid-row.cl-modified .cl-combobox:hover,
.cl-grid-row.cl-modified .cl-treecell:hover,
.cl-grid-row.cl-modified .cl-fileinput:hover,
.cl-grid-row.cl-modified .cl-default-cell.cl-hover,
.cl-grid-row.cl-modified .cl-inputbox.cl-hover,
.cl-grid-row.cl-modified .cl-output.cl-hover,
.cl-grid-row.cl-modified .cl-maskeditor.cl-hover,
.cl-grid-row.cl-modified .cl-numbereditor.cl-hover,
.cl-grid-row.cl-modified .cl-dateinput.cl-hover,
.cl-grid-row.cl-modified .cl-button.cl-hover,
.cl-grid-row.cl-modified .cl-textarea.cl-hover,
.cl-grid-row.cl-modified .cl-combobox.cl-hover,
.cl-grid-row.cl-modified .cl-treecell.cl-hover,
.cl-grid-row.cl-modified .cl-fileinput.cl-hover {
  background-color: #fff3e9;
  color: #444;
}
.cl-grid-row.cl-deleted {
  background-color: rgba(0, 0, 0, 0.05);
  color: #8091a7;
}
.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 {
  color: #8091a7;
}
.cl-grid-row.cl-deleted .cl-default-cell:hover,
.cl-grid-row.cl-deleted .cl-inputbox:hover,
.cl-grid-row.cl-deleted .cl-output:hover,
.cl-grid-row.cl-deleted .cl-maskeditor:hover,
.cl-grid-row.cl-deleted .cl-numbereditor:hover,
.cl-grid-row.cl-deleted .cl-dateinput:hover,
.cl-grid-row.cl-deleted .cl-button:hover,
.cl-grid-row.cl-deleted .cl-textarea:hover,
.cl-grid-row.cl-deleted .cl-combobox:hover,
.cl-grid-row.cl-deleted .cl-treecell:hover,
.cl-grid-row.cl-deleted .cl-fileinput:hover,
.cl-grid-row.cl-deleted .cl-default-cell.cl-hover,
.cl-grid-row.cl-deleted .cl-inputbox.cl-hover,
.cl-grid-row.cl-deleted .cl-output.cl-hover,
.cl-grid-row.cl-deleted .cl-maskeditor.cl-hover,
.cl-grid-row.cl-deleted .cl-numbereditor.cl-hover,
.cl-grid-row.cl-deleted .cl-dateinput.cl-hover,
.cl-grid-row.cl-deleted .cl-button.cl-hover,
.cl-grid-row.cl-deleted .cl-textarea.cl-hover,
.cl-grid-row.cl-deleted .cl-combobox.cl-hover,
.cl-grid-row.cl-deleted .cl-treecell.cl-hover,
.cl-grid-row.cl-deleted .cl-fileinput.cl-hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: inherit;
}
.cl-grid-row.cl-selected {
  background-color: #d7ebfc !important;
  color: #252525 !important;
  /* 포커스 셀 */
}
.cl-grid-row.cl-selected .cl-grid-cell .cl-default-cell,
.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-combobox,
.cl-grid-row.cl-selected .cl-grid-cell .cl-fileinput,
.cl-grid-row.cl-selected .cl-grid-cell .cl-control {
  background-color: #d7ebfc;
  color: #252525 !important;
}
.cl-grid-row.cl-selected .cl-grid-cell .cl-default-cell:hover,
.cl-grid-row.cl-selected .cl-grid-cell .cl-inputbox:hover,
.cl-grid-row.cl-selected .cl-grid-cell .cl-maskeditor:hover,
.cl-grid-row.cl-selected .cl-grid-cell .cl-numbereditor:hover,
.cl-grid-row.cl-selected .cl-grid-cell .cl-dateinput:hover,
.cl-grid-row.cl-selected .cl-grid-cell .cl-combobox:hover,
.cl-grid-row.cl-selected .cl-grid-cell .cl-fileinput:hover,
.cl-grid-row.cl-selected .cl-grid-cell .cl-control:hover,
.cl-grid-row.cl-selected .cl-grid-cell .cl-default-cell.cl-hover,
.cl-grid-row.cl-selected .cl-grid-cell .cl-inputbox.cl-hover,
.cl-grid-row.cl-selected .cl-grid-cell .cl-maskeditor.cl-hover,
.cl-grid-row.cl-selected .cl-grid-cell .cl-numbereditor.cl-hover,
.cl-grid-row.cl-selected .cl-grid-cell .cl-dateinput.cl-hover,
.cl-grid-row.cl-selected .cl-grid-cell .cl-combobox.cl-hover,
.cl-grid-row.cl-selected .cl-grid-cell .cl-fileinput.cl-hover,
.cl-grid-row.cl-selected .cl-grid-cell .cl-control.cl-hover {
  background-color: #d7ebfc;
}
.cl-grid-row.cl-editing {
  background-color: rgba(229, 236, 245, 0.5) !important;
  color: #252525;
}
.cl-grid-row.cl-editing .cl-grid-cell .cl-default-cell:hover,
.cl-grid-row.cl-editing .cl-grid-cell .cl-inputbox:hover,
.cl-grid-row.cl-editing .cl-grid-cell .cl-maskeditor:hover,
.cl-grid-row.cl-editing .cl-grid-cell .cl-numbereditor:hover,
.cl-grid-row.cl-editing .cl-grid-cell .cl-dateinput:hover,
.cl-grid-row.cl-editing .cl-grid-cell .cl-combobox:hover,
.cl-grid-row.cl-editing .cl-grid-cell .cl-fileinput:hover,
.cl-grid-row.cl-editing .cl-grid-cell .cl-default-cell.cl-hover,
.cl-grid-row.cl-editing .cl-grid-cell .cl-inputbox.cl-hover,
.cl-grid-row.cl-editing .cl-grid-cell .cl-maskeditor.cl-hover,
.cl-grid-row.cl-editing .cl-grid-cell .cl-numbereditor.cl-hover,
.cl-grid-row.cl-editing .cl-grid-cell .cl-dateinput.cl-hover,
.cl-grid-row.cl-editing .cl-grid-cell .cl-combobox.cl-hover,
.cl-grid-row.cl-editing .cl-grid-cell .cl-fileinput.cl-hover {
  transition: none;
  background-color: #e5ecf5;
}
/* 모든 셀 스타일 */
.cl-grid-cell {
  border-right: solid 1px #dbdfea;
  border-bottom: solid 1px #dbdfea;
  /* 셀에 포함된 컨트롤 */
  /* 그룹 펼침/접힘 버튼 */
}
.cl-grid-cell:last-child {
  border-right: none;
}
.cl-grid-cell .cl-control {
  border-radius: 0 !important;
  transition: none !important;
}
.cl-grid-cell .cl-expander {
  /* 그룹 접혀짐 버튼 */
  /* 그룹 펼쳐짐 버튼 */
}
/* Grid 기본 셀 스타일 */
.cl-default-cell .cl-text {
  padding: 0 3px 0 3px;
}
/* 트리셀 */
.cl-treecell {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  background-color: #ffffff;
  color: #252525;
  background-image: none;
  /* 트리셀 안에 트리 아이템 (트리셀에서 트리구조가 시작되는 영역) */
  /* 트리셀 - focus */
  /* 트리셀간 라인 */
}
.cl-treecell .cl-treecell-item {
  /* 트리 아이템이 펼치고 접혀지는 아이콘 영역 */
  /* 트리 아이템의 아이콘 영역 */
  /* 트리 아이템의 텍스트 */
  /* 폴더형 트리 아이템 */
  /* 트리 아이템 - disabled */
}
.cl-treecell .cl-treecell-item .cl-text {
  /* 트리 아이템의 인풋 영역 */
}
.cl-treecell .cl-treecell-item.cl-folder {
  /* 폴더형 트리 아이템의 아이콘 영역 */
  /* 폴더형 트리 아이템이 펼쳐졌을 때 펼치고 접혀지는 아이콘 영역 */
  /* 폴더형 트리 아이템이 접혀졌을 때 펼치고 접혀지는 아이콘 영역 */
}
.cl-treecell .cl-treecell-item.cl-folder.cl-expanded > .cl-treecell-treeicon {
  background-image: url("images/controls/tree/icon-chevron-down.png");
}
.cl-treecell .cl-treecell-item.cl-folder.cl-collapsed > .cl-treecell-treeicon {
  background-image: url("images/controls/tree/icon-chevron-right.png");
}
.cl-treecell .cl-treecell-item.cl-disabled {
  color: #8091a7;
}
.cl-treecell.cl-focus {
  border-color: #559bfb;
}
.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/icon-tree-node-expanded2.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-expanded.cl-selected> .cl-treecell-treeicon {
  background-image: url("images/controls/tree/icon-tree-node-expanded2.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-collapsed> .cl-treecell-treeicon {
  background-image: url("images/controls/tree/icon-tree-node-collapsed2.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-collapsed.cl-selected> .cl-treecell-treeicon {
  background-image: url("images/controls/tree/icon-tree-node-collapsed2.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item .cl-treecell-line {
  background-image: url("images/controls/tree/icon-tree-line.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item .cl-treecell-iconline {
  background-image: url("images/controls/tree/icon-tree-line-child.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-last .cl-treecell-iconline {
  background-image: url("images/controls/tree/icon-tree-line-last.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-first .cl-treecell-iconline {
  background-image: url("images/controls/tree/icon-tree-line-first.png");
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-first.cl-last .cl-treecell-iconline {
  background-image: url("images/controls/tree/icon-tree-line-first-last.png");
}
/* 트리셀이 enabled이고, 트리 아이템이 enabled일때 스타일 */
/* 트리셀 - disabled */
.cl-treecell.cl-disabled {
  background-color: #f7f8fa;
  border-color: #e0e4eb;
  color: #8091a7;
}
.cl-treecell.cl-disabled .cl-treecell-item {
  /* 트리셀 - disabled 의 트리 아이템 - selected */
}
.cl-treecell.cl-disabled .cl-treecell-item.cl-selected {
  background-color: #e5e9f2;
  color: #8091a7;
}
.cl-treecell.cl-disabled.cl-treecell-lines .cl-treecell-item.cl-expanded> .cl-treecell-treeicon {
  background-image: url("images/controls/tree/icon-tree-node-expanded-disabled.png");
}
.cl-treecell.cl-disabled.cl-treecell-lines .cl-treecell-item.cl-expanded.cl-selected> .cl-treecell-treeicon {
  background-image: url("images/controls/tree/icon-tree-node-expanded-disabled.png");
}
.cl-treecell.cl-disabled.cl-treecell-lines .cl-treecell-item.cl-collapsed> .cl-treecell-treeicon {
  background-image: url("images/controls/tree/icon-tree-node-collapsed-disabled.png");
}
.cl-treecell.cl-disabled.cl-treecell-lines .cl-treecell-item.cl-collapsed.cl-selected> .cl-treecell-treeicon {
  background-image: url("images/controls/tree/icon-tree-node-collapsed-disabled.png");
}
/* 네비게이션 바 */
.cl-navigationbar {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  background-color: #ffffff;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  color: #252525;
  /* 상단 바 */
  /* 네비게이션 바 - 포커스 */
}
.cl-navigationbar .cl-navigationbar-bar {
  /* 네비게이션 바 아이템 */
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item {
  /* 네비게이션 바 아이템 아이콘 */
  /* 네비게이션 바 아이템 텍스트 */
  /* 네비게이션 바 아이템 단축키*/
  /* 네비게이션 바 아이템 드랍다운 아이콘 */
  /* 네비게이션 바 아이템 - 호버 */
  /* 네비게이션 바 아이템 - disabled */
  /* 네비게이션 바 아이템 - 선택됨 */
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item .cl-navigationbar-arrow {
  background-image: url("controls/images/controls/navigation/icon-chevron-down.png");
}
.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,
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-hover {
  background-color: #f5f6fa;
  color: #252525;
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-disabled {
  color: #8091a7;
  background-color: #f7f8fa;
  /* 네비게이션 바 아이템 - 선택됨, disabled */
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-disabled.cl-selected {
  color: #8091a7;
  background-color: #e5e9f2;
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-selected {
  background-color: #e9eff7;
  color: #2263b3;
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-selected .cl-navigationbar-arrow {
  background-image: url("controls/images/controls/navigation/icon-chevron-down.png");
}
.cl-navigationbar.cl-focus {
  border-color: #559bfb;
}
.cl-navigationbar.cl-disabled {
  color: #8091a7;
  background-color: #f7f8fa;
}
.cl-navigationbar.cl-disabled .cl-navigationbar-bar .cl-navigationbar-item .cl-navigationbar-arrow {
  background-image: url("controls/images/controls/navigation/icon-chevron-down-disabled.png");
}
/* 네비게이션 바 드랍다운 메뉴 */
.cl-navigationbar-list {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  border: 1px solid #dbdfea;
  border-radius: 4px;
  margin-top: -1px !important;
  /* megamenu 타입의 카테고리 */
  /* 네비게이션 바 드랍다운 메뉴 아이템 */
}
.cl-navigationbar-list .cl-navigationbar-category {
  /* 카테고리의 아이템 영역 */
}
.cl-navigationbar-list .cl-navigationbar-category .sub-items {
  /* 카테고리의 목록 아이템*/
}
.cl-navigationbar-list .cl-navigationbar-category .sub-items .cl-navigationbar-listitem[data-itemlevel='0'] {
  background-color: #ffffff;
  font-weight: 700;
}
.cl-navigationbar-list .cl-navigationbar-listitem {
  color: #252525;
  height: 30px;
  /* 네비게이션 바 드랍다운 메뉴 아이템 텍스트 */
  /* 네비게이션 바 드랍다운 메뉴 아이템 - 호버 */
  /* 네비게이션 바 드랍다운 메뉴 아이템 - disabled */
  /* 네비게이션 바 드랍다운 메뉴 아이템 - 선택됨 */
}
.cl-navigationbar-list .cl-navigationbar-listitem.cl-folder > .cl-navigationbar-arrow-wrapper .cl-navigationbar-arrow {
  background-image: url("controls/images/controls/navigation/icon-chevron-right.png");
}
.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):not(.cl-selected):hover,
.cl-navigationbar-list .cl-navigationbar-listitem:not(.cl-disabled).cl-hover,
.cl-navigationbar-list .cl-navigationbar-listitem.cl-hover {
  background-color: #f5f6fa;
  color: #252525;
}
.cl-navigationbar-list .cl-navigationbar-listitem.cl-disabled {
  color: #8091a7;
  /* 네비게이션 바 드랍다운 메뉴 아이템 - disabled, 선택됨 */
}
.cl-navigationbar-list .cl-navigationbar-listitem.cl-disabled.cl-selected {
  color: #8091a7;
  background-color: #e5e9f2;
}
.cl-navigationbar-list .cl-navigationbar-listitem.cl-selected {
  background-color: #e9eff7;
  color: #2263b3;
}
/* 탭 폴더 - disabled */
.cl-tabfolder.cl-disabled {
  opacity: 1;
}
.cl-tabfolder.cl-disabled .cl-tabfolder-header .cl-tabfolder-item {
  background-color: #f7f8fa;
  border-color: #e0e4eb;
  color: #8091a7;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.cl-tabfolder.cl-disabled .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-color: #f7f8fa;
  border-color: #e0e4eb;
  color: #8091a7;
}
.cl-tabfolder.cl-disabled .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-tabfolder.cl-disabled .cl-tabfolder-header.cl-top,
.cl-tabfolder.cl-disabled .cl-tabfolder-header cl-bottom {
  background-image: linear-gradient(#b8cbe1, #b8cbe1);
}
.cl-tabfolder.cl-disabled .cl-tabfolder-body {
  background-color: #f7f8fa;
  border-color: #b8cbe1;
  color: #8091a7;
}
/* 탭 폴더 */
.cl-tabfolder {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  /* 헤더 */
  /* 탭폴더 바디 */
}
.cl-tabfolder .cl-tabfolder-header {
  height: 34px;
  /* 이전으로 스크롤 버튼 */
  /* 다음으로 스크롤 버튼 */
  /* 탭 헤더 아이템 */
  /* 헤더 위치 스타일 */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-prev {
  border: 1px solid #dbdfea;
  background-color: #ffffff;
  background-image: url("images/controls/tabfolder/icon-chevron-left.png");
  width: 35px;
  /* 이전으로 스크롤 버튼 - disabled */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-prev.cl-disabled {
  background-color: #f7f8fa;
  background-image: url("images/controls/tabfolder/icon-chevron-left-disabled.png");
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-next {
  border: 1px solid #dbdfea;
  background-color: #ffffff;
  background-image: url("images/controls/tabfolder/icon-chevron-right.png");
  width: 35px;
  /* 다음으로 스크롤 버튼 - disabled */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-next.cl-disabled {
  background-color: #f7f8fa;
  background-image: url("images/controls/tabfolder/icon-chevron-right-disabled.png");
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item {
  background-color: #ffffff;
  border-color: #b8cbe1 !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  /* 탭 아이템 체크 박스 */
  /* 탭 헤더 아이템 닫기 버튼 */
  /* 탭 헤더 아이템 - 선택됨 */
  /* 탭 헤더 아이템 - 호버 */
  /* 비활성 탭 아이템 */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-checkbox {
  /* 체크박스 아이콘 스타일 */
  /* 체크박스 hover시 아이콘 스타일 */
  /* 체크된 체크박스 아이콘 스타일 */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-checkbox .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox.png");
  width: 16px;
  min-width: 16px;
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-checkbox:hover .cl-checkbox-icon,
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-checkbox.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox-hover.png");
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-checkbox.cl-checked {
  /* 체크된 체크박스 hover시 아이콘 스타일 */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox-selected.png");
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-checkbox.cl-checked:hover .cl-checkbox-icon,
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-checkbox.cl-checked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox-hover-selected.png");
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-tabfolder-button {
  background-image: url("images/controls/tabfolder/icon-close.png");
  background-position: center;
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-color: #2b6db8;
  color: #ffffff;
  border-color: #2b6db8;
  /* 탭 헤더 아이템 닫기 버튼 - 선택 됨 */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected .cl-tabfolder-button {
  background-image: url("images/controls/tabfolder/icon-close-selected.png");
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: #2b6db8;
  color: #ffffff;
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-disabled {
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-disabled .cl-checkbox {
  /* disabled 체크박스 hover시 아이콘 스타일 */
  /* 체크된 disabled 체크박스 아이콘 스타일 */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-disabled .cl-checkbox .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox-disabled.png");
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-disabled .cl-checkbox:hover .cl-checkbox-icon,
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-disabled .cl-checkbox.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox-disabled.png");
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-disabled .cl-checkbox.cl-checked {
  /* 체크된 disabled 체크박스 hover시 아이콘 스타일 */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-disabled .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox-disabled-selected.png");
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-disabled .cl-checkbox.cl-checked:hover .cl-checkbox-icon,
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-disabled .cl-checkbox.cl-checked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/icon-checkbox-disabled-selected.png");
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-disabled .cl-tabfolder-button {
  background-image: url("images/controls/tabfolder/icon-close-disabled.png");
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-disabled:not(.cl-selected):hover {
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-tabfolder .cl-tabfolder-header.cl-top {
  background-image: linear-gradient(#b8cbe1, #b8cbe1);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: 0px 100%;
}
.cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-prev,
.cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-next {
  border-bottom: 1px solid #b8cbe1 !important;
}
.cl-tabfolder .cl-tabfolder-header.cl-bottom {
  background-image: linear-gradient(#dbdfea, #dbdfea);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: 100% 0px;
}
.cl-tabfolder .cl-tabfolder-header.cl-bottom .cl-tabfolder-prev,
.cl-tabfolder .cl-tabfolder-header.cl-bottom .cl-tabfolder-next {
  border-top: 1px solid #dbdfea !important;
}
.cl-tabfolder .cl-tabfolder-header.cl-bottom .cl-tabfolder-item.cl-selected {
  border-top: none !important;
}
.cl-tabfolder .cl-tabfolder-body {
  background-color: #ffffff;
  color: #252525;
  border: 1px solid #b8cbe1;
  border-radius: 4px;
  padding: 5px;
}
.cl-tabfolder .cl-tabfolder-body:first-child {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.cl-tabfolder .cl-tabfolder-body:last-child {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* 페이지 인덱서 */
.cl-pageindexer {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  /* 페이지 인덱서 버튼 공통 */
  /* 페이지 인덱서 처음으로 버튼 */
  /* 페이지 인덱서 이전 버튼 */
  /* 페이지 인덱서 다음 버튼 */
  /* 페이지 인덱서 마지막으로 버튼 */
  /* 페이지 인덱서 - disabled */
}
.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 {
  border: 1px solid #dbdfea;
  border-radius: 4px;
}
.cl-pageindexer .cl-pageindexer-first {
  background-image: url("images/controls/pageindexer/icon-chevrons-left.png");
}
.cl-pageindexer .cl-pageindexer-prev {
  background-image: url("images/controls/pageindexer/icon-chevron-left.png");
}
.cl-pageindexer .cl-pageindexer-next {
  background-image: url("images/controls/pageindexer/icon-chevron-right.png");
}
.cl-pageindexer .cl-pageindexer-last {
  background-image: url("images/controls/pageindexer/icon-chevrons-right.png");
}
.cl-pageindexer .cl-pageindexer-index {
  /* 페이지 인덱서 선택된 페이지 */
}
.cl-pageindexer .cl-pageindexer-index.cl-selected {
  background-color: #e9eff7;
  color: #2263b3;
  border-color: #2263b3;
}
.cl-pageindexer.cl-disabled {
  color: #8091a7;
}
.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: #f5f6fa;
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-first.cl-focus,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-last.cl-focus,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-prev.cl-focus,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-next.cl-focus,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-index.cl-focus,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-first:focus,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-last:focus,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-prev:focus,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-next:focus,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-index:focus {
  outline: none;
  border-color: #559bfb !important;
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-first:active {
  background-image: url("images/controls/pageindexer/icon-chevrons-left-hover.png");
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-prev:active {
  background-image: url("images/controls/pageindexer/icon-chevron-left-hover.png");
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-next:active {
  background-image: url("images/controls/pageindexer/icon-chevrons-right-hover.png");
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-last:active {
  background-image: url("images/controls/pageindexer/icon-chevron-right-hover.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: #f7f8fa;
  border-color: #e0e4eb;
  color: #8091a7;
}
.cl-pageindexer.cl-disabled .cl-pageindexer-first {
  background-image: url("images/controls/pageindexer/icon-chevrons-left-disabled.png");
}
.cl-pageindexer.cl-disabled .cl-pageindexer-prev {
  background-image: url("images/controls/pageindexer/icon-chevron-left-disabled.png");
}
.cl-pageindexer.cl-disabled .cl-pageindexer-next {
  background-image: url("images/controls/pageindexer/icon-chevrons-right-disabled.png");
}
.cl-pageindexer.cl-disabled .cl-pageindexer-last {
  background-image: url("images/controls/pageindexer/icon-chevron-right-disabled.png");
}
.cl-pageindexer.cl-disabled .cl-pageindexer-index.cl-selected {
  background-color: #e5e9f2;
  border-color: #dbdfea;
  color: #8091a7;
}
/* 노티파이어 아이템 */
.cl-notifier-item {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  border-width: 0 0 0 4px;
  border-radius: 4px;
  font-weight: 500;
  padding: 0px 16px;
  box-shadow: 0 3px 12px 1px rgba(44, 55, 130, 0.15);
  /* 노티파이어 아이템 텍스트 */
  /* 노티파이어 아이템 아이콘 */
  /* 노티파이어 아이템 닫기 버튼 */
  /* 노티파이어 아이템 기본 스타일 */
  /* 노티파이어 아이템 success 스타일 */
  /* 노티파이어 아이템 info 스타일 */
  /* 노티파이어 아이템 warning 스타일 */
  /* 노티파이어 아이템 danger 스타일 */
}
.cl-notifier-item .cl-text {
  padding-left: 5px;
}
.cl-notifier-item .cl-notifier-icon {
  background-size: 24px 25px;
  background-position: left center;
  width: 25px;
}
.cl-notifier-item .cl-notifier-closebutton {
  background-image: url("controls/images/controls/notifier/icon-notifier-close.png");
  background-size: 14px 13px;
}
.cl-notifier-item.cl-notifier-default {
  background-color: #f5f6fa;
  border-color: #f5f6fa;
  color: #252525;
  /* 노티파이어 아이템 기본 아이콘 */
  /* 노티파이어 아이템 닫기 버튼 */
}
.cl-notifier-item.cl-notifier-default .cl-notifier-default-icon {
  background-image: url("controls/images/controls/notifier/icon-notifier-default.png");
}
.cl-notifier-item.cl-notifier-default .cl-notifier-closebutton {
  background-image: url("controls/images/controls/notifier/icon-notifier-close2.png");
}
.cl-notifier-item.cl-notifier-success {
  background-color: #28d094;
  border-color: #28d094;
  color: #ffffff;
  /* 노티파이어 아이템 success 아이콘 */
}
.cl-notifier-item.cl-notifier-success .cl-notifier-success-icon {
  background-image: url("controls/images/controls/notifier/icon-notifier-success.png");
}
.cl-notifier-item.cl-notifier-info {
  background-color: #09c2de;
  border-color: #09c2de;
  color: #ffffff;
  /* 노티파이어 아이템 info 아이콘 */
}
.cl-notifier-item.cl-notifier-info .cl-notifier-info-icon {
  background-image: url("controls/images/controls/notifier/icon-notifier-info.png");
}
.cl-notifier-item.cl-notifier-warning {
  background-color: #f4bd0e;
  border-color: #f4bd0e;
  color: #ffffff;
  /* 노티파이어 아이템 warning 아이콘 */
}
.cl-notifier-item.cl-notifier-warning .cl-notifier-warning-icon {
  background-image: url("controls/images/controls/notifier/icon-notifier-warning.png");
}
.cl-notifier-item.cl-notifier-danger {
  background-color: #e85347;
  border-color: #e85347;
  color: #ffffff;
  /* 노티파이어 아이템 danger 아이콘 */
}
.cl-notifier-item.cl-notifier-danger .cl-notifier-danger-icon {
  background-image: url("controls/images/controls/notifier/icon-notifier-danger.png");
}
/* 프로그레스 바 루트 */
.cl-progress {
  background-color: #f5f6fa;
  background-image: none;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  /* 진행 바 */
}
.cl-progress .cl-progress-bar {
  background-image: none;
  background-color: #2263b3;
  border-radius: 0;
}
.cl-progress.cl-disabled {
  /* 프로그레스 바 - disabled */
  border-color: #e0e4eb;
  background-image: none;
}
.cl-progress.cl-disabled .cl-progress-bar {
  /* 진행 바 - disabled */
  background-image: none;
  background-color: #e5e9f2;
}
/* 파일 인풋 루트 */
.cl-fileinput {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  text-align: left;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /* 파일 인풋 내 텍스트 */
  /* 파일 인풋 내 클리어 버튼 */
  /* 파일 아이콘 스타일 */
  /* 포커스 상태 */
}
.cl-fileinput .cl-text {
  padding: 0 calc(12px + 70px) 0 12px;
}
.cl-fileinput .cl-text.cl-placeholder {
  color: #b7c2d0 !important;
}
.cl-fileinput .cl-fileinput-clear {
  padding-right: calc(70px + 10px);
}
.cl-fileinput:before {
  content: "Browse";
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  right: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid #dbdfea;
  background-color: #f5f6fa;
  color: #252525;
}
.cl-fileinput:focus {
  border-color: #559bfb;
}
.cl-fileinput:focus:before {
  content: "Browse";
  border-left-color: #559bfb;
}
.cl-fileinput.cl-disabled {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-fileinput.cl-disabled:before {
  content: "Browse";
  border-left-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
/**********************************
 폼 레이아웃
 **********************************/
/* 컬럼 음영 스타일 */
.cl-formlayout-column-shade {
  background-color: #f5f6fa;
}
/* 행 음영 스타일 */
.cl-formlayout-row-shade {
  background-color: #f5f6fa;
}
/* 구분 선 스타일 */
.cl-formlayout-vertical-separator,
.cl-formlayout-horizontal-separator {
  background-color: #dbdfea;
}
.cl-form-group {
  background-color: #ffffff;
  border: 1px solid #dbdfea;
  border-radius: 4px;
}
/* 리사이즈 스타일 */
.cl-formlayout-vertical-lightweight-resizer,
.cl-formlayout-horizontal-lightweight-resizer {
  background-color: #ffffff;
}
.cl-htmlsnippet {
  overflow: auto !important;
}
.cl-audio {
  border: 1px solid #bbb;
}
.cl-audio.cl-focus {
  border: solid 1px #1369C5;
}
.cl-video {
  border: 1px solid #bbb;
}
.cl-video.cl-focus {
  border: solid 1px #1369C5;
}
.cl-control.cl-focus,
.cl-control:focus,
.cl-linkedcombobox-combo.cl-focus,
.cl-linkedcombobox-combo:focus,
.cl-grid-cell:focus {
  /* 웹 접근성 개선 목적으로 브라우저의 기본 포커스 링을 활성화 하려면 아래 주석을 해제 하십시오. */
}
/* 
 * Define Common Class
 * Template Name : common-apps-template
 * Author : Da-eun Ryu
 * File : less
 */
/**
 * 1. Color System
 * 2. Body
 * 3. Typography
 * 4. Utility
 */
/****************************
  * Color System
  ****************************/
/* .bg-{theme} */
.bg-primary {
  background-color: #2263b3 !important;
}
.bg-secondary {
  background-color: #5b6879 !important;
}
.bg-success {
  background-color: #28d094 !important;
}
.bg-info {
  background-color: #09c2de !important;
}
.bg-warning {
  background-color: #f4bd0e !important;
}
.bg-danger {
  background-color: #e85347 !important;
}
.bg-dark {
  background-color: #1c2b46 !important;
}
.bg-gray {
  background-color: #8091a7 !important;
}
/* .bg-{theme}-dim */
.bg-primary-dim {
  background-color: #e9eff7 !important;
}
.bg-secondary-dim {
  background-color: #e5ecf5 !important;
}
.bg-success-dim {
  background-color: #e2fbf4 !important;
}
.bg-info-dim {
  background-color: #dff7fb !important;
}
.bg-warning-dim {
  background-color: #fef6e0 !important;
}
.bg-danger-dim {
  background-color: #fce9e7 !important;
}
.bg-dark-dim {
  background-color: #d9e1ef !important;
}
.bg-gray-dim {
  background-color: #edf2f9 !important;
}
/* .bg-{color} */
.bg-blue {
  background-color: #559bfb !important;
}
.bg-azure {
  background-color: #1676fb !important;
}
.bg-indigo {
  background-color: #114e80 !important;
}
.bg-purple {
  background-color: #816bff !important;
}
.bg-pink {
  background-color: #ff63a5 !important;
}
.bg-orange {
  background-color: #ffa353 !important;
}
.bg-teal {
  background-color: #20c997 !important;
}
/* .bg-{color}-dim */
.bg-blue-dim {
  background-color: #e9f2fe !important;
}
.bg-azure-dim {
  background-color: #e1edfe !important;
}
.bg-indigo-dim {
  background-color: #e4e5ef !important;
}
.bg-purple-dim {
  background-color: #efecff !important;
}
.bg-pink-dim {
  background-color: #ffebf3 !important;
}
.bg-orange-dim {
  background-color: #fff3e9 !important;
}
.bg-teal-dim {
  background-color: #e2f8f1 !important;
}
/* lighten colors */
.bg-light {
  background-color: #e5e9f2 !important;
}
.bg-lighter {
  background-color: #f5f6fa !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
/* .bg-gray-{value} */
.bg-gray-100 {
  background-color: #ebeef2 !important;
}
.bg-gray-200 {
  background-color: #e5e9f2 !important;
}
.bg-gray-300 {
  background-color: #dbdfea !important;
}
.bg-gray-400 {
  background-color: #b7c2d0 !important;
}
.bg-gray-500 {
  background-color: #8091a7 !important;
}
.bg-gray-600 {
  background-color: #3c4d62 !important;
}
.bg-gray-700 {
  background-color: #344357 !important;
}
.bg-gray-800 {
  background-color: #2b3748 !important;
}
.bg-gray-900 {
  background-color: #252525 !important;
}
/* .text-{theme|color} */
.text-primary {
  color: #2263b3 !important;
}
.text-secondary {
  color: #5b6879 !important;
}
.text-dark {
  color: #1c2b46 !important;
}
.text-gray {
  color: #8091a7 !important;
}
.text-success {
  color: #28d094 !important;
}
.text-danger {
  color: #e85347 !important;
}
.text-warning {
  color: #f4bd0e !important;
}
.text-info {
  color: #09c2de !important;
}
.text-body {
  color: #526484 !important;
}
.text-base {
  color: #526484 !important;
}
.text-soft {
  color: #8094ae !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-light {
  color: #e5e9f2 !important;
}
.text-lighter {
  color: #f5f6fa !important;
}
.text-white {
  color: #ffffff !important;
}
.text-blue {
  color: #559bfb !important;
}
.text-azure {
  color: #1676fb !important;
}
.text-indigo {
  color: #114e80 !important;
}
.text-purple {
  color: #816bff !important;
}
.text-pink {
  color: #ff63a5 !important;
}
.text-orange {
  color: #ffa353 !important;
}
.text-teal {
  color: #20c997 !important;
}
/* .text-{theme|color}-dim */
.text-primary-dim {
  color: #e9eff7 !important;
}
.text-secondary-dim {
  color: #e5ecf5 !important;
}
.text-dark-dim {
  color: #d9e1ef !important;
}
.text-gray-dim {
  color: #edf2f9 !important;
}
.text-success-dim {
  color: #e2fbf4 !important;
}
.text-danger-dim {
  color: #fce9e7 !important;
}
.text-warning-dim {
  color: #fef6e0 !important;
}
.text-info-dim {
  color: #dff7fb !important;
}
.text-blue-dim {
  color: #e9f2fe !important;
}
.text-azure-dim {
  color: #e1edfe !important;
}
.text-indigo-dim {
  color: #e4e5ef !important;
}
.text-purple-dim {
  color: #efecff !important;
}
.text-pink-dim {
  color: #ffebf3 !important;
}
.text-orange-dim {
  color: #fff3e9 !important;
}
.text-teal-dim {
  color: #e2f8f1 !important;
}
/****************************
  * Body
  ****************************/
html {
  font-size: 14px;
}
a {
  color: #798bff;
  text-decoration: none;
  background-color: transparent;
}
/****************************
  * Typography
  ****************************/
/* h[num], .h[num] */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: sans-serif, "Malgun Gothic", "Noto Sans KR";
  font-weight: 700;
  line-height: 1.1;
  color: #5b6879;
}
h5,
.h5,
h6,
.h6 {
  letter-spacing: -0.01em;
}
h1,
.h1 {
  font-size: 1.8rem;
}
h2,
.h2 {
  font-size: 1.575rem;
}
h3,
.h3 {
  font-size: 1.35rem;
}
h4,
.h4 {
  font-size: 1.125rem;
}
h5,
.h5 {
  font-size: 1.035rem;
}
h6,
.h6 {
  font-size: 0.9rem;
}
/* Font Family & Style */
.ff-base {
  font-family: sans-serif, "Malgun Gothic", "Noto Sans KR" !important;
}
.ff-italic {
  font-style: italic !important;
}
/* fw-[weight] */
.fw-light {
  font-weight: 300;
}
.fw-normal {
  font-weight: 400;
}
.fw-medium {
  font-weight: 500;
}
.fw-bold {
  font-weight: 700;
}
.fw-black {
  font-weight: 900;
}
/* .text-[position] */
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
/* Text transform */
.lcap,
.text-lowercase {
  text-transform: uppercase !important;
}
.ucap,
.text-uppercase {
  text-transform: uppercase !important;
}
.ccap,
.text-capitalize {
  text-transform: capitalize !important;
}
/* inline Element & Text Style */
mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
small,
.small {
  font-size: 0.825rem;
}
code,
.code {
  font-size: 0.875rem;
  color: #ff63a5;
  word-wrap: break-word;
}
/****************************
  * Utility 
  ****************************/
/* .border */
.border {
  border: 1px solid #dbdfea !important;
}
/* .border-{top|bottom|left|right} */
.border-top {
  border-top: 1px solid #dbdfea !important;
}
.border-bottom {
  border-bottom: 1px solid #dbdfea !important;
}
.border-left {
  border-left: 1px solid #dbdfea !important;
}
.border-right {
  border-right: 1px solid #dbdfea !important;
}
/* .border-0 */
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
/* .border-{value} */
.border-primary {
  border-color: #2263b3 !important;
}
.border-secondary {
  border-color: #5b6879 !important;
}
.border-success {
  border-color: #28d094 !important;
}
.border-warning {
  border-color: #f4bd0e !important;
}
.border-danger {
  border-color: #e85347 !important;
}
.border-info {
  border-color: #09c2de !important;
}
.border-dark {
  border-color: #1c2b46 !important;
}
.border-gray {
  border-color: #8091a7 !important;
}
.border-light {
  border-color: #e5e9f2 !important;
}
.border-white {
  border-color: #ffffff !important;
}
/* .rounded */
.rounded {
  border-radius: 4px !important;
}
/* .rounded-{top|bottom|left|right} */
.rounded-top {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
.rounded-bottom {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.rounded-left {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.rounded-right {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 1.5rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
/* .rounded-{sm|lg} */
.rounded-sm {
  border-radius: 3px !important;
}
.rounded-lg {
  border-radius: 5px !important;
}
.box-shadow {
  box-shadow: 0 3px 12px 1px rgba(44, 55, 130, 0.15);
}
.box-shadow-softy {
  box-shadow: 0 1px 4px rgba(31, 43, 58, 0.15);
}
.box-shadow-shady {
  box-shadow: 0 0 25px -12px rgba(31, 43, 58, 0.15);
}
/* {size} : 0|1|2|3|4|5|gs */
/* .m-{size} */
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.375rem !important;
}
.m-2 {
  margin: 0.75rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 2.75rem !important;
}
.m-gs {
  margin: 28px !important;
}
/* .ml-{size} */
.ml-0 {
  margin-left: 0 !important;
}
.ml-1 {
  margin-left: 0.375rem !important;
}
.ml-2 {
  margin-left: 0.75rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.ml-5 {
  margin-left: 2.75rem !important;
}
.ml-gs {
  margin-left: 28px !important;
}
/* .mr-{size} */
.mr-0 {
  margin-right: 0 !important;
}
.mr-1 {
  margin-right: 0.375rem !important;
}
.mr-2 {
  margin-right: 0.75rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mr-5 {
  margin-right: 2.75rem !important;
}
.mr-gs {
  margin-right: 28px !important;
}
/* .mt-{size} */
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.375rem !important;
}
.mt-2 {
  margin-top: 0.75rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 2.75rem !important;
}
.mt-gs {
  margin-top: 28px !important;
}
/* .mb-{size} */
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.375rem !important;
}
.mb-2 {
  margin-bottom: 0.75rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 2.75rem !important;
}
.mb-gs {
  margin-bottom: 28px !important;
}
/* .p-{size} */
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.375rem !important;
}
.p-2 {
  padding: 0.75rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 2.75rem !important;
}
.p-gs {
  padding: 28px !important;
}
/* .pl-{size} */
.pl-0 {
  padding-left: 0 !important;
}
.pl-1 {
  padding-left: 0.375rem !important;
}
.pl-2 {
  padding-left: 0.75rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.pl-5 {
  padding-left: 2.75rem !important;
}
.pl-gs {
  padding-left: 28px !important;
}
/* .pr-{size} */
.pr-0 {
  padding-right: 0 !important;
}
.pr-1 {
  padding-right: 0.375rem !important;
}
.pr-2 {
  padding-right: 0.75rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pr-5 {
  padding-right: 2.75rem !important;
}
.pr-gs {
  padding-right: 28px !important;
}
/* .pt-{size} */
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.375rem !important;
}
.pt-2 {
  padding-top: 0.75rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 2.75rem !important;
}
.pt-gs {
  padding-top: 28px !important;
}
/* .pb-{size} */
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.375rem !important;
}
.pb-2 {
  padding-bottom: 0.75rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 2.75rem !important;
}
.pb-gs {
  padding-bottom: 28px !important;
}
/* Cursor */
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-move {
  cursor: move;
}
.cursor-text {
  cursor: text;
}
.cursor-wait {
  cursor: wait;
}
.cursor-help {
  cursor: help;
}
/* noto-sans-kr-300 - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'), url("fonts/noto-sans-kr-v12-korean_latin-300.eot?#iefix") format('embedded-opentype'), url("fonts/noto-sans-kr-v12-korean_latin-300.woff2") format('woff2'), url("fonts/noto-sans-kr-v12-korean_latin-300.woff") format('woff'), url("fonts/noto-sans-kr-v12-korean_latin-300.ttf") format('truetype'), url("fonts/noto-sans-kr-v12-korean_latin-300.svg#NotoSansKR") format('svg');
  /* Legacy iOS */
}
/* noto-sans-kr-regular - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'), url("fonts/noto-sans-kr-v12-korean_latin-regular.eot?#iefix") format('embedded-opentype'), url("fonts/noto-sans-kr-v12-korean_latin-regular.woff2") format('woff2'), url("fonts/noto-sans-kr-v12-korean_latin-regular.woff") format('woff'), url("fonts/noto-sans-kr-v12-korean_latin-regular.ttf") format('truetype'), url("fonts/noto-sans-kr-v12-korean_latin-regular.svg#NotoSansKR") format('svg');
  /* Legacy iOS */
}
/* noto-sans-kr-500 - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'), url("fonts/noto-sans-kr-v12-korean_latin-500.eot?#iefix") format('embedded-opentype'), url("fonts/noto-sans-kr-v12-korean_latin-500.woff2") format('woff2'), url("fonts/noto-sans-kr-v12-korean_latin-500.woff") format('woff'), url("fonts/noto-sans-kr-v12-korean_latin-500.ttf") format('truetype'), url("fonts/noto-sans-kr-v12-korean_latin-500.svg#NotoSansKR") format('svg');
  /* Legacy iOS */
}
/* noto-sans-kr-700 - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'), url("fonts/noto-sans-kr-v12-korean_latin-700.eot?#iefix") format('embedded-opentype'), url("fonts/noto-sans-kr-v12-korean_latin-700.woff2") format('woff2'), url("fonts/noto-sans-kr-v12-korean_latin-700.woff") format('woff'), url("fonts/noto-sans-kr-v12-korean_latin-700.ttf") format('truetype'), url("fonts/noto-sans-kr-v12-korean_latin-700.svg#NotoSansKR") format('svg');
  /* Legacy iOS */
}
/* noto-sans-kr-900 - korean_latin */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: local('Noto Sans KR Black'), local('NotoSansKR-Black'), url("fonts/noto-sans-kr-v12-korean_latin-900.eot?#iefix") format('embedded-opentype'), url("fonts/noto-sans-kr-v12-korean_latin-900.woff2") format('woff2'), url("fonts/noto-sans-kr-v12-korean_latin-900.woff") format('woff'), url("fonts/noto-sans-kr-v12-korean_latin-900.ttf") format('truetype'), url("fonts/noto-sans-kr-v12-korean_latin-900.svg#NotoSansKR") format('svg');
  /* Legacy iOS */
}
.cl-container.tag-box .cl-output.tag {
  background-color: #09c2de;
  color: #ffffff;
  border-radius: 4px;
  padding: 3px 10px;
  cursor: pointer;
}
.cl-output.badge {
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 0 8px;
  text-align: center;
}
.cl-output.badge.badge-pill {
  border-radius: 1.5rem;
}
.cl-output.badge.badge-dot {
  background-repeat: no-repeat !important;
  background-position: left center !important;
  padding: 0 12px;
}
.badge-primary:not(.badge-dot) {
  background-color: #2263b3 !important;
  color: #ffffff !important;
}
.badge-primary.badge-dot {
  background-image: url("custom/images/controls/output/icon-primary-dot.png") !important;
  color: #2263b3 !important;
}
.badge-primary.badge-dim {
  background-color: #e9eff7 !important;
  color: #2263b3 !important;
}
.badge-outline-primary {
  border-color: #a7c1e1 !important;
  color: #2263b3 !important;
}
.badge-outline-primary.badge-dim {
  background-color: #e9eff7 !important;
  border-color: #a7c1e1 !important;
}
.badge-secondary:not(.badge-dot) {
  background-color: #5b6879 !important;
  color: #ffffff !important;
}
.badge-secondary.badge-dot {
  background-image: url("custom/images/controls/output/icon-secondary-dot.png") !important;
  color: #5b6879 !important;
}
.badge-secondary.badge-dim {
  background-color: #e9ebee !important;
  color: #5b6879 !important;
}
.badge-outline-secondary {
  border-color: #8692a1 !important;
  color: #364a63 !important;
}
.badge-outline-secondary.badge-dim {
  background-color: #e9ebee !important;
  border-color: #afb7c1 !important;
}
.badge-success:not(.badge-dot) {
  background-color: #28d094 !important;
  color: #ffffff !important;
}
.badge-success.badge-dot {
  background-image: url("custom/images/controls/output/icon-success-dot.png") !important;
  color: #28d094 !important;
}
.badge-success.badge-dim {
  background-color: #e6fcf6 !important;
  color: #28d094 !important;
}
.badge-outline-success {
  border-color: #78eccd !important;
  color: #1ee0ac !important;
}
.badge-outline-success.badge-dim {
  background-color: #e2fbf4 !important;
  border-color: #a5f3de !important;
}
.badge-info:not(.badge-dot) {
  background-color: #09c2de !important;
  color: #ffffff !important;
}
.badge-info.badge-dot {
  background-image: url("custom/images/controls/output/icon-info-dot.png") !important;
  color: #09c2de !important;
}
.badge-info.badge-dim {
  background-color: #e4f8fb !important;
  color: #09c2de !important;
}
.badge-outline-info {
  border-color: #6bdaeb !important;
  color: #09c2de !important;
}
.badge-outline-info.badge-dim {
  background-color: #dff7fb !important;
  border-color: #9de7f2 !important;
}
.badge-warning:not(.badge-dot) {
  background-color: #f4bd0e !important;
  color: #ffffff !important;
}
.badge-warning.badge-dot {
  background-image: url("custom/images/controls/output/icon-warning-dot.png") !important;
  color: #f4bd0e !important;
}
.badge-warning.badge-dim {
  background-color: #fef8e4 !important;
  color: #f4bd0e !important;
}
.badge-outline-warning {
  border-color: #f8d76e !important;
  color: #f4bd0e !important;
}
.badge-outline-warning.badge-dim {
  background-color: #fef6e0 !important;
  border-color: #fbe59f !important;
}
.badge-danger:not(.badge-dot) {
  background-color: #e85347 !important;
  color: #ffffff !important;
}
.badge-danger.badge-dot {
  background-image: url("custom/images/controls/output/icon-danger-dot.png") !important;
  color: #e85347 !important;
}
.badge-danger.badge-dim {
  background-color: #fce9e7 !important;
  color: #e85347 !important;
}
.badge-outline-danger {
  border-color: #f19891 !important;
  color: #e85347 !important;
}
.badge-outline-danger.badge-dim {
  background-color: #fceceb !important;
  border-color: #f6bab5 !important;
}
.badge-gray:not(.badge-dot) {
  background-color: #8091a7 !important;
  color: #ffffff !important;
}
.badge-gray.badge-dot {
  background-image: url("custom/images/controls/output/icon-gray-dot.png") !important;
  color: #8091a7 !important;
}
.badge-gray.badge-dim {
  background-color: #f1f3f5 !important;
  color: #8091a7 !important;
}
.badge-outline-gray {
  border-color: #b3bdca !important;
  color: #8091a7 !important;
}
.badge-outline-gray.badge-dim {
  background-color: #f1f3f5 !important;
  border-color: #ccd3dc !important;
  color: #8091a7 !important;
}
.badge-light:not(.badge-dot) {
  background-color: #e5e9f2 !important;
  color: #364a63 !important;
}
.badge-light.badge-dot {
  background-image: url("custom/images/controls/output/icon-light-dot.png") !important;
  color: #b7c2d0 !important;
}
.badge-light.badge-dim {
  background-color: #f7f8fa !important;
  color: #b7c2d0 !important;
}
.badge-outline-light {
  border-color: #d4dae3 !important;
  color: #b7c2d0 !important;
}
.badge-outline-light.badge-dim {
  background-color: #f7f8fa !important;
  border-color: #e2e7ec !important;
}
/* Common Button */
.btn-xl {
  font-size: 1.25rem;
  border-radius: 5px;
  line-height: 2rem;
}
.btn-lg {
  font-size: 1.125rem;
  border-radius: 5px;
  line-height: 1.25rem;
}
.btn-sm {
  font-size: 0.75rem;
  border-radius: 3px;
  line-height: 1.25rem;
}
.btn-round {
  border-radius: 2.125rem !important;
}
.btn-square {
  border-radius: 0;
}
/* Button Group */
.cl-container.btn-group {
  /* Works when XYLayout, ResponsiveXYLayout, FormLayout */
  /* Works when FlowLayout (set childCombinatorClass=horizontal) */
  /* Works when VerticalLayout (set childCombinatorClass=vertical) */
}
.cl-container.btn-group .cl-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.cl-container.btn-group .cl-button:not(:only-child):first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cl-container.btn-group .cl-button:not(:only-child):last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.cl-container.btn-group .cl-layout-wrap.horizontal:not(:first-child):not(:last-child) .cl-button {
  border-radius: 0;
}
.cl-container.btn-group .cl-layout-wrap.horizontal:first-child .cl-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cl-container.btn-group .cl-layout-wrap.horizontal:last-child .cl-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.cl-container.btn-group .cl-layout-wrap.vertical:not(.cl-first-row):not(.cl-last-row) .cl-button {
  border-radius: 0;
}
.cl-container.btn-group .cl-layout-wrap.vertical.cl-first-row .cl-button {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.cl-container.btn-group .cl-layout-wrap.vertical.cl-last-row .cl-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* Button Style */
.btn-primary {
  color: #ffffff;
  background-color: #2263b3;
  border-color: #2263b3;
}
.btn-primary:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #1f5aa2;
  border-color: #1d5599;
}
.btn-primary:focus,
.btn-primary.cl-focus {
  color: #ffffff;
  background-color: #1f5aa2;
  border-color: #1d5599;
  box-shadow: 0 0 0 0.2rem rgba(34, 99, 179, 0.2);
}
.btn-primary:not(.cl-disabled).cl-activated,
.btn-primary:not(.cl-disabled):active {
  color: #ffffff;
  background-color: #205ca6;
  border-color: #1f5aa2;
}
.btn-primary.cl-disabled {
  color: #ffffff;
  background-color: #2263b3;
  border-color: #2263b3;
}
.btn-secondary {
  color: #ffffff;
  background-color: #5b6879;
  border-color: #5b6879;
}
.btn-secondary:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #29384a;
  border-color: #243142;
}
.btn-secondary:focus,
.btn-secondary.cl-focus {
  color: #ffffff;
  background-color: #29384a;
  border-color: #243142;
  box-shadow: 0 0 0 0.2rem rgba(84, 101, 122, 0.5);
}
.btn-secondary:not(.cl-disabled).cl-activated,
.btn-secondary:not(.cl-disabled):active {
  color: #ffffff;
  background-color: #29384a;
  border-color: #243142;
}
.btn-secondary.cl-disabled {
  color: #ffffff;
  background-color: #5b6879;
  border-color: #5b6879;
}
.btn-success {
  color: #ffffff;
  background-color: #28d094;
  border-color: #28d094;
}
.btn-success:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #19be92;
  border-color: #18b389;
}
.btn-success:focus,
.btn-success.cl-focus {
  color: #ffffff;
  background-color: #19be92;
  border-color: #18b389;
  box-shadow: 0 0 0 0.2rem rgba(64, 229, 184, 0.5);
}
.btn-success:not(.cl-disabled).cl-activated,
.btn-success:not(.cl-disabled):active {
  color: #ffffff;
  background-color: #19be92;
  border-color: #18b389;
}
.btn-success.cl-disabled {
  color: #ffffff;
  background-color: #28d094;
  border-color: #28d094;
}
.btn-info {
  color: #ffffff;
  background-color: #09c2de;
  border-color: #09c2de;
}
.btn-info:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #08a2b9;
  border-color: #0797ad;
}
.btn-info:focus,
.btn-info.cl-focus {
  color: #ffffff;
  background-color: #08a2b9;
  border-color: #0797ad;
  box-shadow: 0 0 0 0.2rem rgba(46, 203, 227, 0.5);
}
.btn-info:not(.cl-disabled).cl-activated,
.btn-info:not(.cl-disabled):active {
  color: #ffffff;
  background-color: #08a2b9;
  border-color: #0797ad;
}
.btn-info.cl-disabled {
  color: #ffffff;
  background-color: #09c2de;
  border-color: #09c2de;
}
.btn-warning {
  color: #ffffff;
  background-color: #f4bd0e;
  border-color: #f4bd0e;
}
.btn-warning:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #d2a20a;
  border-color: #c69909;
}
.btn-warning:focus,
.btn-warning.cl-focus {
  color: #ffffff;
  background-color: #d2a20a;
  border-color: #c69909;
  box-shadow: 0 0 0 0.2rem rgba(246, 199, 50, 0.5);
}
.btn-warning:not(.cl-disabled).cl-activated,
.btn-warning:not(.cl-disabled):active {
  color: #ffffff;
  background-color: #d2a20a;
  border-color: #c69909;
}
.btn-warning.cl-disabled {
  color: #ffffff;
  background-color: #f4bd0e;
  border-color: #f4bd0e;
}
.btn-danger {
  color: #ffffff;
  background-color: #e85347;
  border-color: #e85347;
}
.btn-danger:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #e43325;
  border-color: #e02b1c;
}
.btn-danger:focus,
.btn-danger.cl-focus {
  color: #ffffff;
  background-color: #e43325;
  border-color: #e02b1c;
  box-shadow: 0 0 0 0.2rem rgba(235, 109, 99, 0.5);
}
.btn-danger:not(.cl-disabled).cl-activated,
.btn-danger:not(.cl-disabled):active {
  color: #ffffff;
  background-color: #e43325;
  border-color: #e02b1c;
}
.btn-danger.cl-disabled {
  color: #ffffff;
  background-color: #e85347;
  border-color: #e85347;
}
.btn-dark {
  color: #ffffff;
  background-color: #1c2b46;
  border-color: #1c2b46;
}
.btn-dark:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #111a2b;
  border-color: #0d1522;
}
.btn-dark:focus,
.btn-dark.cl-focus {
  color: #ffffff;
  background-color: #111a2b;
  border-color: #0d1522;
  box-shadow: 0 0 0 0.2rem rgba(62, 75, 98, 0.5);
}
.btn-dark:not(.cl-disabled).cl-activated,
.btn-dark:not(.cl-disabled):active {
  color: #ffffff;
  background-color: #111a2b;
  border-color: #0d1522;
}
.btn-dark.cl-disabled {
  color: #ffffff;
  background-color: #1c2b46;
  border-color: #1c2b46;
}
.btn-gray {
  color: #ffffff;
  background-color: #8091a7;
  border-color: #8091a7;
}
.btn-gray:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #697d97;
  border-color: #647790;
}
.btn-gray:focus,
.btn-gray.cl-focus {
  color: #ffffff;
  background-color: #697d97;
  border-color: #647790;
  box-shadow: 0 0 0 0.2rem rgba(147, 162, 180, 0.5);
}
.btn-gray:not(.cl-disabled).cl-activated,
.btn-gray:not(.cl-disabled):active {
  color: #ffffff;
  background-color: #697d97;
  border-color: #647790;
}
.btn-gray.cl-disabled {
  color: #ffffff;
  background-color: #8091a7;
  border-color: #8091a7;
}
.btn-light {
  color: #101924;
  background-color: #e5e9f2;
  border-color: #e5e9f2;
}
.btn-light:not(.cl-disabled):hover {
  color: #101924;
  background-color: #ccd3e5;
  border-color: #c3cce1;
}
.btn-light:focus,
.btn-light.cl-focus {
  color: #101924;
  background-color: #ccd3e5;
  border-color: #c3cce1;
  box-shadow: 0 0 0 0.2rem rgba(197, 202, 211, 0.5);
}
.btn-light:not(.cl-disabled).cl-activated,
.btn-light:not(.cl-disabled):active {
  color: #101924;
  background-color: #ccd3e5;
  border-color: #c3cce1;
}
.btn-light.cl-disabled {
  color: #101924;
  background-color: transparent;
  border-color: #e5e9f2;
}
.btn-outline-primary {
  color: #2263b3;
  background-color: transparent;
  border-color: #2263b3;
}
.btn-outline-primary:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #2263b3;
  border-color: #2263b3;
}
.btn-outline-primary:focus,
.btn-outline-primary.cl-focus {
  color: #2263b3;
  background-color: transparent;
  border-color: #2263b3;
  box-shadow: 0 0 0 0.2rem rgba(101, 118, 255, 0.5);
}
.btn-outline-primary:not(.cl-disabled).cl-activated,
.btn-outline-primary:not(.cl-disabled):active {
  color: #ffffff;
  background-color: #3f54ff;
  border-color: #3249ff;
}
.btn-outline-primary.cl-disabled {
  color: #2263b3;
  background-color: transparent;
  border-color: #2263b3;
}
.btn-outline-secondary {
  color: #5b6879;
  background-color: transparent;
  border-color: #5b6879;
}
.btn-outline-secondary:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #5b6879;
  border-color: #5b6879;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.cl-focus {
  color: #5b6879;
  background-color: transparent;
  border-color: #5b6879;
  box-shadow: 0 0 0 0.2rem rgba(54, 74, 99, 0.5);
}
.btn-outline-secondary:not(.cl-disabled).cl-activated,
.btn-outline-secondary:not(.cl-disabled):active {
  color: #ffffff;
  background-color: #29384a;
  border-color: #243142;
}
.btn-outline-secondary.cl-disabled {
  color: #5b6879;
  background-color: transparent;
  border-color: #5b6879;
}
.btn-outline-success {
  color: #28d094;
  background-color: transparent;
  border-color: #28d094;
}
.btn-outline-success:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #28d094;
  border-color: #28d094;
}
.btn-outline-success:focus,
.btn-outline-success.cl-focus {
  color: #28d094;
  background-color: transparent;
  border-color: #28d094;
  box-shadow: 0 0 0 0.2rem rgba(30, 224, 172, 0.5);
}
.btn-outline-success:not(.cl-disabled).cl-activated,
.btn-outline-success:not(.cl-disabled):active {
  color: #ffffff;
  background-color: #19be92;
  border-color: #18b389;
}
.btn-outline-success.cl-disabled {
  color: #28d094;
  background-color: transparent;
  border-color: #28d094;
}
.btn-outline-info {
  color: #09c2de;
  background-color: transparent;
  border-color: #09c2de;
}
.btn-outline-info:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #09c2de;
  border-color: #09c2de;
}
.btn-outline-info:focus,
.btn-outline-info.cl-focus {
  color: #09c2de;
  background-color: transparent;
  border-color: #09c2de;
  box-shadow: 0 0 0 0.2rem rgba(9, 194, 222, 0.5);
}
.btn-outline-info:not(.cl-disabled).cl-activated,
.btn-outline-info:not(.cl-disabled):active {
  color: #ffffff;
  background-color: #08a2b9;
  border-color: #0797ad;
}
.btn-outline-info.cl-disabled {
  color: #09c2de;
  background-color: transparent;
  border-color: #09c2de;
}
.btn-outline-warning {
  color: #f4bd0e;
  background-color: transparent;
  border-color: #f4bd0e;
}
.btn-outline-warning:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #f4bd0e;
  border-color: #f4bd0e;
}
.btn-outline-warning:focus,
.btn-outline-warning.cl-focus {
  color: #f4bd0e;
  background-color: transparent;
  border-color: #f4bd0e;
  box-shadow: 0 0 0 0.2rem rgba(244, 189, 14, 0.5);
}
.btn-outline-warning:not(.cl-disabled).cl-activated,
.btn-outline-warning:not(.cl-disabled):active {
  color: #ffffff;
  background-color: #d2a20a;
  border-color: #c69909;
}
.btn-outline-warning.cl-disabled {
  color: #f4bd0e;
  background-color: transparent;
  border-color: #f4bd0e;
}
.btn-outline-danger {
  color: #e85347;
  background-color: transparent;
  border-color: #e85347;
}
.btn-outline-danger:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #e85347;
  border-color: #e85347;
}
.btn-outline-danger:focus,
.btn-outline-danger.cl-focus {
  color: #e85347;
  background-color: transparent;
  border-color: #e85347;
  box-shadow: 0 0 0 0.2rem rgba(232, 83, 71, 0.5);
}
.btn-outline-danger:not(.cl-disabled).cl-activated,
.btn-outline-danger:not(.cl-disabled):active {
  color: #ffffff;
  background-color: #e43325;
  border-color: #e02b1c;
}
.btn-outline-danger.cl-disabled {
  color: #e85347;
  background-color: transparent;
  border-color: #e85347;
}
.btn-outline-dark {
  color: #1c2b46;
  background-color: transparent;
  border-color: #1c2b46;
}
.btn-outline-dark:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #1c2b46;
  border-color: #1c2b46;
}
.btn-outline-dark:focus,
.btn-outline-dark.cl-focus {
  color: #1c2b46;
  background-color: transparent;
  border-color: #1c2b46;
  box-shadow: 0 0 0 0.2rem rgba(28, 43, 70, 0.5);
}
.btn-outline-dark:not(.cl-disabled).cl-activated,
.btn-outline-dark:not(.cl-disabled):active {
  color: #ffffff;
  background-color: #111a2b;
  border-color: #0d1522;
}
.btn-outline-dark.cl-disabled {
  color: #1c2b46;
  background-color: transparent;
  border-color: #1c2b46;
}
.btn-outline-gray {
  color: #8091a7;
  background-color: transparent;
  border-color: #8091a7;
}
.btn-outline-gray:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #8091a7;
  border-color: #8091a7;
}
.btn-outline-gray:focus,
.btn-outline-gray.cl-focus {
  color: #8091a7;
  background-color: transparent;
  border-color: #8091a7;
  box-shadow: 0 0 0 0.2rem rgba(128, 145, 167, 0.5);
}
.btn-outline-gray:not(.cl-disabled).cl-activated,
.btn-outline-gray:not(.cl-disabled):active {
  color: #ffffff;
  background-color: #697d97;
  border-color: #647790;
}
.btn-outline-gray.cl-disabled {
  color: #8091a7;
  background-color: transparent;
  border-color: #8091a7;
}
.btn-outline-light {
  color: #526484;
  background-color: transparent;
  border-color: #dbdfea;
}
.btn-outline-light:not(.cl-disabled):hover {
  color: #526484;
  background-color: #e5e9f2;
  border-color: #e5e9f2;
}
.btn-outline-light:focus,
.btn-outline-light.cl-focus {
  color: #526484;
  background-color: transparent;
  border-color: #dbdfea;
  box-shadow: 0 0 0 0.2rem rgba(229, 233, 242, 0.5);
}
.btn-outline-light:not(.cl-disabled).cl-activated,
.btn-outline-light:not(.cl-disabled):active {
  color: #526484;
  background-color: #ccd3e5;
  border-color: #c3cce1;
}
.btn-outline-light.cl-disabled {
  color: #526484;
  background-color: transparent;
  border-color: #dbdfea;
}
.btn-dim.btn-primary {
  color: #2263b3;
  background-color: #e7eef7;
  border-color: #e7eef7;
}
.btn-dim.btn-primary:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #2263b3;
  border-color: #2263b3;
}
.btn-dim.btn-secondary {
  color: #5b6879;
  background-color: #e9ebee;
  border-color: #e9ebee;
}
.btn-dim.btn-secondary:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #5b6879;
  border-color: #5b6879;
}
.btn-dim.btn-success {
  color: #28d094;
  background-color: #e6fcf6;
  border-color: #e6fcf6;
}
.btn-dim.btn-success:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #28d094;
  border-color: #28d094;
}
.btn-dim.btn-info {
  color: #09c2de;
  background-color: #e4f8fb;
  border-color: #e4f8fb;
}
.btn-dim.btn-info:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #09c2de;
  border-color: #09c2de;
}
.btn-dim.btn-warning {
  color: #f4bd0e;
  background-color: #fef8e4;
  border-color: #fef8e4;
}
.btn-dim.btn-warning:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #f4bd0e;
  border-color: #f4bd0e;
}
.btn-dim.btn-danger {
  color: #e85347;
  background-color: #fceceb;
  border-color: #fceceb;
}
.btn-dim.btn-danger:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #e85347;
  border-color: #e85347;
}
.btn-dim.btn-dark {
  color: #1f2b3a;
  background-color: #e6e8e9;
  border-color: #e6e8e9;
}
.btn-dim.btn-dark:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #1f2b3a;
  border-color: #1f2b3a;
}
.btn-dim.btn-gray {
  color: #3c4d62;
  background-color: #eaebee;
  border-color: #eaebee;
}
.btn-dim.btn-gray:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #3c4d62;
  border-color: #3c4d62;
}
.btn-dim.btn-light {
  color: #8091a7;
  background-color: #f1f3f5;
  border-color: #f1f3f5;
}
.btn-dim.btn-light:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #8091a7;
  border-color: #8091a7;
}
.btn-dim.btn-outline-primary {
  color: #2263b3;
  background-color: #e7eef7;
  border-color: #a7c1e1;
}
.btn-dim.btn-outline-primary:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #2263b3;
  border-color: #2263b3;
}
.btn-dim.btn-outline-secondary {
  color: #5b6879;
  background-color: #e9ebee;
  border-color: #b9c0c8;
}
.btn-dim.btn-outline-secondary:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #5b6879;
  border-color: #5b6879;
}
.btn-dim.btn-outline-success {
  color: #28d094;
  background-color: #e6fcf6;
  border-color: #a5f3de;
}
.btn-dim.btn-outline-success:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #28d094;
  border-color: #28d094;
}
.btn-dim.btn-outline-info {
  color: #09c2de;
  background-color: #e4f8fb;
  border-color: #9de7f2;
}
.btn-dim.btn-outline-info:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #09c2de;
  border-color: #09c2de;
}
.btn-dim.btn-outline-warning {
  color: #f4bd0e;
  background-color: #fef8e4;
  border-color: #fbe59f;
}
.btn-dim.btn-outline-warning:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #f4bd0e;
  border-color: #f4bd0e;
}
.btn-dim.btn-outline-danger {
  color: #e85347;
  background-color: #fceceb;
  border-color: #f6bab5;
}
.btn-dim.btn-outline-danger:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #e85347;
  border-color: #e85347;
}
.btn-dim.btn-outline-dark {
  color: #1f2b3a;
  background-color: #e6e8e9;
  border-color: #b1b5ba;
}
.btn-dim.btn-outline-dark:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #1f2b3a;
  border-color: #1f2b3a;
}
.btn-dim.btn-outline-gray {
  color: #3c4d62;
  background-color: #f1f3f5;
  border-color: #d3d9e0;
}
.btn-dim.btn-outline-gray:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #3c4d62;
  border-color: #3c4d62;
}
.btn-dim.btn-outline-light {
  color: #526484;
  background-color: #f5f6fa;
  border-color: #dbdfea;
}
.btn-dim.btn-outline-light:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #526484;
  border-color: #526484;
}
.cl-button.square {
  border-radius: 0 !important;
}
.cl-button.round {
  border-radius: 1.5rem;
}
.cl-button.btn-blue {
  color: #ffffff;
  border: none;
  text-shadow: none;
  background-image: linear-gradient(#2263b3, #2263b3);
}
.cl-button.btn-blue:not(.cl-disabled):hover {
  color: #ffffff;
  font-weight: 700;
}
.cl-button.btn-blue:not(.cl-disabled).cl-activated,
.cl-button.btn-blue:not(.cl-disabled):active {
  background-image: linear-gradient(#2263b3, #2263b3);
}
.cl-button.btn-new {
  background-position: 8px center, left top;
  background-repeat: no-repeat;
  border: none;
  text-align: left;
  padding-left: 25px;
  background-image: url("images/button/btn_new.png"), linear-gradient(#7ab7ee, #7ab7ee);
  color: #ffffff;
  border-color: #c5c5c5;
}
.cl-button.btn-new:not(.cl-disabled):hover {
  background-image: url("images/button/btn_new.png"), linear-gradient(#4d92d1, #4d92d1);
  font-weight: 700;
  color: #ffffff;
}
.cl-button.btn-new:not(.cl-disabled).cl-activated,
.cl-button.btn-new:not(.cl-disabled):active {
  background-image: url("images/button/btn_new.png"), linear-gradient(#d3e7f9, #d3e7f9);
  opacity: 0.3;
}
.cl-button.btn-delete {
  background-position: 8px center, left top;
  background-repeat: no-repeat;
  border: none;
  text-align: left;
  padding-left: 25px;
  background-image: url("images/button/btn_delete.png"), linear-gradient(#ff7b7c, #ff7b7c);
  color: #ffffff;
  border-color: #c5c5c5;
}
.cl-button.btn-delete:not(.cl-disabled):hover {
  background-image: url("images/button/btn_delete.png"), linear-gradient(#e15051, #e15051);
  font-weight: 700;
  color: #ffffff;
}
.cl-button.btn-delete:not(.cl-disabled).cl-activated,
.cl-button.btn-delete:not(.cl-disabled):active {
  background-image: url("images/button/btn_delete.png"), linear-gradient(#ffd4d4, #ffd4d4);
  opacity: 0.3;
}
.cl-button.btn-delete-save {
  color: #ffffff;
  border: none;
  text-shadow: none;
  background-position: 8px center, left top;
  background-repeat: no-repeat;
  text-align: left;
  padding-left: 25px;
  background-image: url("images/icon/ico_btn_save.png"), linear-gradient(#0263b8, #0263b8);
}
.cl-button.btn-delete-save:not(.cl-disabled):hover {
  color: #ffffff;
  font-weight: 700;
}
.cl-button.btn-delete-save:not(.cl-disabled).cl-activated,
.cl-button.btn-delete-save:not(.cl-disabled):active {
  background-image: url("images/icon/ico_btn_save.png"), linear-gradient(#0263b8, #0263b8);
  opacity: 0.3;
}
/* 저장 버튼 스타일 */
.cl-button.btn-save {
  color: #ffffff;
  border: none;
  text-shadow: none;
  background-position: 8px center, left top;
  background-repeat: no-repeat;
  text-align: left;
  padding-left: 25px;
  background-image: url("images/button/btn_save.png"), linear-gradient(#435da7, #435da7);
}
.cl-button.btn-save:not(.cl-disabled):hover {
  background-image: url("images/button/btn_save.png"), linear-gradient(#2a428a, #2a428a);
  color: #ffffff;
  font-weight: 700;
}
.cl-button.btn-save:not(.cl-disabled).cl-activated,
.cl-button.btn-save:not(.cl-disabled):active {
  background-image: url("images/button/btn_save.png"), linear-gradient(#c1cae2, #c1cae2);
  opacity: 0.3;
}
/* 취소 버튼 스타일 */
.cl-button.btn-restore {
  background-position: 8px center, left top;
  background-repeat: no-repeat;
  border: 1px solid;
  text-align: left;
  padding-left: 25px;
  background-image: url("images/button/btn_back.png"), linear-gradient(#fff, #fff);
  color: #000000;
  border-color: #c5c5c5;
}
.cl-button.btn-restore:not(.cl-disabled):hover {
  background-image: url("images/button/btn_back.png"), linear-gradient(#b4b4b4, #b4b4b4);
  font-weight: 700;
  color: #000000;
}
.cl-button.btn-restore:not(.cl-disabled).cl-activated,
.cl-button.btn-restore:not(.cl-disabled):active {
  background-image: url("images/button/btn_back.png"), linear-gradient(#eaeaea, #eaeaea);
  opacity: 0.3;
}
/* 조회 버튼 스타일 */
.cl-button.btn-search {
  color: #ffffff;
  border: none;
  text-shadow: none;
  background-position: 8px center, left top;
  background-repeat: no-repeat;
  text-align: left;
  padding-left: 25px;
  background-image: url("images/button/btn_sch.png"), linear-gradient(#9d81ef, #9d81ef);
}
.cl-button.btn-search:not(.cl-disabled):hover {
  background-image: url("images/button/btn_sch.png"), linear-gradient(#7e60d6, #7e60d6);
  color: #ffffff;
  font-weight: 700;
}
.cl-button.btn-search:not(.cl-disabled).cl-activated,
.cl-button.btn-search:not(.cl-disabled):active {
  background-image: url("images/button/btn_sch.png"), linear-gradient(#dfd5fa, #dfd5fa);
  opacity: 0.3;
}
/* button 돋보기 검색 */
.cl-button.btn-pop-search,
.cl-button.btn-pop-search:hover,
.cl-button.btn-pop-search.cl-hover,
.cl-button.btn-pop-search:active,
.cl-button.btn-pop-search.cl-active {
  color: #ffffff;
  background: url("images/icon/ico-search2.png") no-repeat;
  background-position: 8px center, left top;
  background-color: #A21320 !important;
  text-align: left;
  padding-left: 25px;
  border-style: none;
  border-radius: 1px;
}
.cl-button.btn-pop-search:hover,
.cl-button.btn-pop-search:hover:hover,
.cl-button.btn-pop-search.cl-hover:hover,
.cl-button.btn-pop-search:active:hover,
.cl-button.btn-pop-search.cl-active:hover {
  background-color: #76232F;
}
.cl-button.btn-pop-search.cl-disabled,
.cl-button.btn-pop-search:hover.cl-disabled,
.cl-button.btn-pop-search.cl-hover.cl-disabled,
.cl-button.btn-pop-search:active.cl-disabled,
.cl-button.btn-pop-search.cl-active.cl-disabled {
  border-color: #7B8390;
  background-color: #BDC1C8;
}
/* 팝업화면 닫기 버튼 */
.cl-button.btn-pop-close,
.cl-button.btn-pop-close:hover,
.cl-button.btn-pop-close.cl-hover,
.cl-button.btn-pop-close:active,
.cl-button.btn-pop-close.cl-active {
  text-shadow: none;
  background-image: linear-gradient(#D6E3F0, #ACC7E0);
  border-color: #2070b8;
}
/* 조회조건 접기/펼치기 마이너스 버튼 */
.cl-button.btn-header-minus,
.cl-button.btn-header-minus:hover,
.cl-button.btn-header-minus.cl-hover,
.cl-button.btn-header-minus:active,
.cl-button.btn-header-minus.cl-active {
  border-style: none;
  background-color: transparent;
  background-image: url("images/icon/ico-minus.png");
  background-position: center center;
  background-repeat: no-repeat;
}
/* 조회조건 접기/펼치기 플러스 버튼 */
.cl-button.btn-header-plus,
.cl-button.btn-header-plus:hover,
.cl-button.btn-header-plus.cl-hover,
.cl-button.btn-header-plus:active,
.cl-button.btn-header-plus.cl-active {
  border-style: none;
  background-color: transparent;
  background-image: url("images/icon/ico-plus.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.btn-search-box-expand {
  -webkit-animation: spin 1s linear;
  -moz-animation: spin 1s linear;
  animation: spin 1s linear;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.btn-top-large-menu {
  border: none;
  background: none;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}
.cl-button.btn-menu-path {
  color: #000;
  text-shadow: none;
  text-align: left;
  background-color: transparent;
  background-image: none;
  font-weight: 500;
  font-size: 0.9rem;
  border: none;
}
.cl-button.btn-menu-path:hover {
  background-color: transparent;
  background-image: none;
  color: #5b6879;
}
/* 팝업호출 버튼 스타일 */
.cl-button.btn-pop,
.cl-button.btn-pop:hover,
.cl-button.btn-pop.cl-hover,
.cl-button.btn-pop:active,
.cl-button.btn-pop.cl-active {
  color: #ffffff !important;
  text-shadow: none;
  text-align: center;
  background-color: #5b6879;
  background-image: none;
  border-color: #242D3E;
  border-radius: 4px;
}
.cl-button.btn-pop:hover,
.cl-button.btn-pop:hover:hover,
.cl-button.btn-pop.cl-hover:hover,
.cl-button.btn-pop:active:hover,
.cl-button.btn-pop.cl-active:hover {
  color: #FFFFFF;
  background-color: #242D3E;
}
.cl-button.btn-pop.cl-disabled,
.cl-button.btn-pop:hover.cl-disabled,
.cl-button.btn-pop.cl-hover.cl-disabled,
.cl-button.btn-pop:active.cl-disabled,
.cl-button.btn-pop.cl-active.cl-disabled {
  border-color: #7B8390;
  background-color: #7B8390;
}
/* MDI 즐겨찾기 버튼 */
.cl-button.btn-mdi-favor,
.cl-button.btn-mdi-favor:hover,
.cl-button.btn-mdi-favor.cl-hover,
.cl-button.btn-mdi-favor:active,
.cl-button.btn-mdi-favor.cl-active {
  border-color: #DDDDDD;
  border-radius: 1px;
  background-color: #ffffff;
  background-image: url("images/menu/ico-bookmark.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.cl-button.btn-mdi-favor:hover,
.cl-button.btn-mdi-favor:hover:hover,
.cl-button.btn-mdi-favor.cl-hover:hover,
.cl-button.btn-mdi-favor:active:hover,
.cl-button.btn-mdi-favor.cl-active:hover {
  background-color: #E8EAEB;
}
/* MDI 화면Refresh 버튼 */
.cl-button.btn-mdi-refresh,
.cl-button.btn-mdi-refresh:hover,
.cl-button.btn-mdi-refresh.cl-hover,
.cl-button.btn-mdi-refresh:active,
.cl-button.btn-mdi-refresh.cl-active {
  border-color: #DDDDDD;
  border-radius: 1px;
  background-color: #ffffff;
  background-image: url("images/menu/ico-refresh.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.cl-button.btn-mdi-refresh:hover,
.cl-button.btn-mdi-refresh:hover:hover,
.cl-button.btn-mdi-refresh.cl-hover:hover,
.cl-button.btn-mdi-refresh:active:hover,
.cl-button.btn-mdi-refresh.cl-active:hover {
  background-color: #E8EAEB;
}
/* MDI 전체닫기 버튼 */
.cl-button.btn-mdi-closeall,
.cl-button.btn-mdi-closeall:hover,
.cl-button.btn-mdi-closeall.cl-hover,
.cl-button.btn-mdi-closeall:active,
.cl-button.btn-mdi-closeall.cl-active {
  border-color: #DDDDDD;
  border-radius: 1px;
  background-color: #ffffff;
  background-image: url("images/menu/ico-close.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.cl-button.btn-mdi-closeall:hover,
.cl-button.btn-mdi-closeall:hover:hover,
.cl-button.btn-mdi-closeall.cl-hover:hover,
.cl-button.btn-mdi-closeall:active:hover,
.cl-button.btn-mdi-closeall.cl-active:hover {
  background-color: #E8EAEB;
}
/* MDI 분할 버튼 */
.cl-button.btn-mdi-divide,
.cl-button.btn-mdi-divide:hover,
.cl-button.btn-mdi-divide.cl-hover,
.cl-button.btn-mdi-divide:active,
.cl-button.btn-mdi-divide.cl-active {
  border-color: #DDDDDD;
  border-radius: 1px;
  background-color: #ffffff;
  background-image: url("images/main/icon-layout-vertical.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px;
}
.cl-button.btn-mdi-divide:hover,
.cl-button.btn-mdi-divide:hover:hover,
.cl-button.btn-mdi-divide.cl-hover:hover,
.cl-button.btn-mdi-divide:active:hover,
.cl-button.btn-mdi-divide.cl-active:hover {
  background-color: #E8EAEB;
}
/* Button Icon Position */
.cl-button.btn-icon {
  background-position: center;
}
.cl-button.btn-icon-left {
  background-position: 5px center;
}
.cl-button.btn-icon-right {
  background-position: calc(100%- 5px) center;
}
/* Button Icon */
.cl-button.btn-icon-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z' fill='rgba(85,89,99,1)'/%3E%3C/svg%3E") !important;
}
.splitterHorizontal {
  display: inline-block;
  border-width: 0 1px;
  border-color: #dde0e7;
  border-style: solid;
  background-color: #f5f6fb;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  float: right;
  background-image: none;
  border-radius: 6px;
}
.splitterHorizontal:hover {
  background-color: #eaeff9;
  border-color: #c1c9d9;
}
.btnSplitterH {
  width: 6px;
  height: 40px;
  position: relative;
  top: 45%;
  border-radius: 6px;
  background-color: #b8bec8;
  background-image: none;
  border: 0;
  cursor: pointer;
}
.btnSplitterH:hover {
  background-color: #3163c7;
}
/* Move-Up 버튼 스타일 */
.cl-button.btn-moveup,
.cl-button.btn-moveup:hover,
.cl-button.btn-moveup.cl-hover,
.cl-button.btn-moveup:active,
.cl-button.btn-moveup.cl-active {
  text-shadow: none;
  background-repeat: no-repeat;
  border-style: none;
  background-image: url("images/button/btn_up.png");
  background-color: #62A8EA;
}
.cl-button.btn-moveup:hover,
.cl-button.btn-moveup:hover:hover,
.cl-button.btn-moveup.cl-hover:hover,
.cl-button.btn-moveup:active:hover,
.cl-button.btn-moveup.cl-active:hover {
  color: #FFFFFF;
  background-color: #89BCEB;
}
.cl-button.btn-moveup.cl-disabled,
.cl-button.btn-moveup:hover.cl-disabled,
.cl-button.btn-moveup.cl-hover.cl-disabled,
.cl-button.btn-moveup:active.cl-disabled,
.cl-button.btn-moveup.cl-active.cl-disabled {
  border: solid 1px #C3DDF4;
  background-color: #C3DDF4;
}
/* Move-down 버튼 스타일 */
.cl-button.btn-movedown,
.cl-button.btn-movedown:hover,
.cl-button.btn-movedown.cl-hover,
.cl-button.btn-movedown:active,
.cl-button.btn-movedown.cl-active {
  text-shadow: none;
  background-repeat: no-repeat;
  border-style: none;
  background-image: url("images/button/btn_down.png");
  background-color: #62A8EA;
}
.cl-button.btn-movedown:hover,
.cl-button.btn-movedown:hover:hover,
.cl-button.btn-movedown.cl-hover:hover,
.cl-button.btn-movedown:active:hover,
.cl-button.btn-movedown.cl-active:hover {
  color: #FFFFFF;
  background-color: #89BCEB;
}
.cl-button.btn-movedown.cl-disabled,
.cl-button.btn-movedown:hover.cl-disabled,
.cl-button.btn-movedown.cl-hover.cl-disabled,
.cl-button.btn-movedown:active.cl-disabled,
.cl-button.btn-movedown.cl-active.cl-disabled {
  border: solid 1px #C3DDF4;
  background-color: #C3DDF4;
}
/* Move-Prev 버튼 스타일 */
.cl-button.btn-moveprev,
.cl-button.btn-moveprev:hover,
.cl-button.btn-moveprev.cl-hover,
.cl-button.btn-moveprev:active,
.cl-button.btn-moveprev.cl-active {
  text-shadow: none;
  background-repeat: no-repeat;
  border-style: none;
  background-image: url("images/button/btn_prev.png");
  background-color: #62A8EA;
}
.cl-button.btn-moveprev:hover,
.cl-button.btn-moveprev:hover:hover,
.cl-button.btn-moveprev.cl-hover:hover,
.cl-button.btn-moveprev:active:hover,
.cl-button.btn-moveprev.cl-active:hover {
  color: #FFFFFF;
  background-color: #89BCEB;
}
.cl-button.btn-moveprev.cl-disabled,
.cl-button.btn-moveprev:hover.cl-disabled,
.cl-button.btn-moveprev.cl-hover.cl-disabled,
.cl-button.btn-moveprev:active.cl-disabled,
.cl-button.btn-moveprev.cl-active.cl-disabled {
  border: solid 1px #C3DDF4;
  background-color: #C3DDF4;
}
/* Move-Next 버튼 스타일 */
.cl-button.btn-movenext,
.cl-button.btn-movenext:hover,
.cl-button.btn-movenext.cl-hover,
.cl-button.btn-movenext:active,
.cl-button.btn-movenext.cl-active {
  text-shadow: none;
  background-repeat: no-repeat;
  border-style: none;
  background-image: url("images/button/btn_next.png");
  background-color: #62A8EA;
}
.cl-button.btn-movenext:hover,
.cl-button.btn-movenext:hover:hover,
.cl-button.btn-movenext.cl-hover:hover,
.cl-button.btn-movenext:active:hover,
.cl-button.btn-movenext.cl-active:hover {
  color: #FFFFFF;
  background-color: #89BCEB;
}
.cl-button.btn-movenext.cl-disabled,
.cl-button.btn-movenext:hover.cl-disabled,
.cl-button.btn-movenext.cl-hover.cl-disabled,
.cl-button.btn-movenext:active.cl-disabled,
.cl-button.btn-movenext.cl-active.cl-disabled {
  border: solid 1px #C3DDF4;
  background-color: #C3DDF4;
}
/* 커밋 버튼 스타일 */
.cl-button.btn-commit,
.cl-button.btn-commit:hover,
.cl-button.btn-commit.cl-hover,
.cl-button.btn-commit:active,
.cl-button.btn-commit.cl-active {
  color: white;
  text-shadow: none;
  text-align: center;
  border-color: #62a8ea;
  background-image: none;
  background-color: #62a8ea;
}
.cl-button.btn-commit:hover,
.cl-button.btn-commit:hover:hover,
.cl-button.btn-commit.cl-hover:hover,
.cl-button.btn-commit:active:hover,
.cl-button.btn-commit.cl-active:hover {
  color: #FFFFFF;
  background-color: #89BCEB;
}
.cl-button.btn-commit.cl-disabled,
.cl-button.btn-commit:hover.cl-disabled,
.cl-button.btn-commit.cl-hover.cl-disabled,
.cl-button.btn-commit:active.cl-disabled,
.cl-button.btn-commit.cl-active.cl-disabled {
  border: solid 1px #C3DDF4;
  background-color: #C3DDF4;
}
.cl-container.card {
  background-color: #ffffff;
  border-radius: 4px;
}
.cl-container.card .cl-output.card-title {
  font-family: sans-serif, "Malgun Gothic", "Noto Sans KR";
  font-weight: 700;
  line-height: 1.1;
  color: #5b6879;
  font-size: 1.035rem;
}
.cl-container.card .cl-output.card-subtitle {
  color: #8094ae;
  font-family: sans-serif, "Malgun Gothic", "Noto Sans KR";
  font-weight: 400;
  line-height: 1.1;
  font-size: 0.9rem;
}
.cl-container.card .cl-output.card-link {
  color: #798bff;
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
}
.cl-container.card .cl-output.overline-title {
  color: #364a63;
  font-weight: 500;
}
.cl-container.card .card-header,
.cl-container.card .card-footer {
  background-color: rgba(0, 0, 0, 0.07);
}
.card.card-bordered {
  border: 1px solid #dbdfea;
}
.card.card-bordered.dashed {
  border-style: dashed;
}
.cl-container.dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #dbdfea;
  border-radius: 4px;
  box-shadow: 0 3px 12px 1px rgba(44, 55, 130, 0.15);
}
.cl-container.dropdown-menu.dropdown-menu-s1 {
  border-top: 3px solid #2263b3;
}
.cl-container.dropdown-menu.dropdown-menu-s2 {
  border-top: 3px solid #307bd8;
}
/************************************************
 * 컨테이너 (그룹)
 ************************************************/
/* 버튼 애니메이션을 위한 스타일 클래스 */
.cl-container.btn-wrapper {
  z-index: 0;
}
.cl-container.btn-wrapper:before {
  position: absolute;
  z-index: -1;
  height: 20px;
  width: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  content: '';
  background-color: #e5e9f2;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s;
}
.cl-container.btn-wrapper:hover:before,
.cl-container.btn-wrapper.cl-hover:before {
  content: "";
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  background-color: #e5e9f2;
  width: 99%;
  height: 99%;
  opacity: 1;
}
.cl-container.btn-wrapper.cl-selected:before,
.cl-container.btn-wrapper.cl-focus:before {
  content: "";
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  background-color: #dbdfea;
  width: 99%;
  height: 99%;
  opacity: 1;
}
/************************************************
 * 서치 인풋
 ************************************************/
.cl-searchinput.unified-search .cl-searchinput-search {
  background-image: url("images/com/main/icon-search.svg");
  background-size: 20px;
  width: calc(12px + 15px);
}
.cl-searchinput.unified-search:not(.cl-disabled):hover .cl-searchinput-search {
  background-image: url("images/com/main/icon-search.svg");
}
.cl-searchinput.unified-search.cl-focus {
  border-color: #dbdfea;
}
.cl-searchinput.unified-search.cl-focus .cl-searchinput-search {
  background-image: url("images/com/main/icon-search.svg");
}
.cl-container.login-bg {
  height: 100%;
  width: 100%;
  background-image: url("images/login/visual3.png");
  background-position: 10% 40%;
  background-repeat: no-repeat;
  background-size: cover;
}
.cl-container.login-bkg-bg {
  width: 100%;
  height: 100%;
  background: url("images/loginBKG/login_bg.png") no-repeat;
  background-position: 45.5% 100%;
  background-size: cover;
}
.cl-container.login-box {
  background-color: #ffffff;
  -webkit-box-shadow: 1px 5px 16px -5px rgba(0, 0, 0, 0.47);
  box-shadow: 1px 5px 16px -5px rgba(0, 0, 0, 0.47);
}
.cl-container.login-box .cl-container.login-header {
  background-repeat: no-repeat;
  background-color: #cdcdcd;
}
.cl-container.login-box .cl-container.login-header-title {
  background-image: url("images/login/eXCampus_logo.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.cl-container.login-box .cl-container.login-body .cl-inputbox.form-control {
  padding-left: 35px;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 10px;
  border: solid 1px #9b9b9b;
  background: #fff;
  box-sizing: border-box;
  word-break: break-all;
  text-indent: 30px;
}
z-index: 10 .cl-container.login-box .cl-container.login-body .cl-inputbox.form-control.cl-focus {
  box-shadow: 0 0 0 3px rgba(34, 99, 179, 0.1);
}
.cl-container.login-box .cl-container.login-body .cl-inputbox.form-control.form-icon.form-icon-right .cl-text {
  padding-right: calc(25px + 12px);
}
.cl-container.login-box .cl-container.login-body .cl-inputbox.form-control.id-icon {
  background-image: url("images/login/ico_id.png");
  background-position: 10px center;
  background-size: 18px 21px;
  background-repeat: no-repeat;
}
.cl-container.login-box .cl-container.login-body .cl-inputbox.form-control.pw-icon {
  background-image: url("images/login/ico_pw.png");
  background-position: 10px center;
  background-size: 17px 21px;
  background-repeat: no-repeat;
}
.cl-container.login-box .cl-container.login-body .cl-checkbox.password-switch {
  padding: 0 5 0 0;
  font-family: "Malgun Gothic", "dotum", "돋움", sans-serif;
  font-size: 14px;
}
.cl-container.login-box .cl-container.login-body .cl-checkbox.password-switch .cl-checkbox-icon,
.cl-container.login-box .cl-container.login-body .cl-checkbox.password-switch .cl-checkbox-icon:hover,
.cl-container.login-box .cl-container.login-body .cl-checkbox.password-switch .cl-checkbox-icon.cl-hover {
  background-image: url("images/login/check.png");
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: center center;
}
.cl-container.login-box .cl-container.login-body .cl-checkbox.password-switch.cl-checked .cl-checkbox-icon,
.cl-container.login-box .cl-container.login-body .cl-checkbox.password-switch.cl-checked .cl-checkbox-icon:hover,
.cl-container.login-box .cl-container.login-body .cl-checkbox.password-switch.cl-checked .cl-checkbox-icon.cl-hover {
  background-image: url("images/login/check_active.png");
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: center center;
}
.cl-container.login-box .cl-container.login-body .cl-checkbox.password-switch.cl-focus .cl-checkbox-icon {
  outline: none;
}
.cl-container.login-box .cl-container.login-body .cl-output.forgot-password {
  background-image: url("images/com/login/icon-lock-fill.png");
  background-position: left center;
  padding-left: 15px;
}
.cl-container.login-box .cl-container.login-body .cl-button.login-button {
  background-color: #595f67;
  color: #FFFFFF;
  font-size: 18px;
  font-family: "Arial";
}
.cl-container.login-box .login-bkg-title {
  color: #263238;
  background: url("images/loginBKG/ico_login.png") no-repeat;
  background-position: left center;
  background-size: 15px 18px;
  background-repeat: no-repeat;
  padding-left: 23px;
  font-size: 22px;
  font-weight: bold;
  color: #2b6db8;
}
.cl-container.login-box .login_tit {
  position: relative;
  font-size: 22px;
  font-weight: bold;
  color: #2b6db8;
  padding-left: 23px;
  margin-top: 30px;
}
.cl-container.login-box .login_tit:before {
  width: 15px;
  height: 18px;
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  background: url("images/loginBKG/ico_login.png") no-repeat;
}
.cl-container.login-box .join_row {
  width: 100%;
  height: 50px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 6px;
  border-radius: 8px;
  padding: 0 10px;
  border: solid 1px #cecece;
  background: #fff;
  box-sizing: border-box;
  word-break: break-all;
}
.cl-container.login-box \ .join_row:first-child {
  margin-bottom: 13px;
}
.cl-container.login-box .btn_login {
  background: url("images/loginBKG/login_btn.png") no-repeat;
  background-position: right;
  width: 100%;
  height: 50px;
  line-height: 51px;
  border: none;
  vertical-align: middle;
  text-align: center;
  font-size: 21px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  box-sizing: border-box;
}
.cl-container.login-box .footer_login {
  text-align: center;
  color: #676767;
  line-height: 22px;
}
.cl-container.login-box .check_btn {
  margin-top: 7px;
}
.cl-container.login-box .check_btn>span {
  color: #5e5e5e;
  font-size: 14px;
  font-weight: bold;
  margin-left: 5px;
}
/* footer */
.cl-container.footer-wrap {
  position: fixed;
  bottom: 0;
  width: 100%;
  margin-top: 20px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
}
.footer-login {
  text-align: center;
  color: #fff;
  line-height: 22px;
  font-size: 13px;
  box-sizing: border-box;
}
/************************************************
 * 헤더
 ************************************************/
.cl-container.header {
  background-color: #ffffff;
  background-image: url("images/com/main/header_bg.png");
  background-position: -240px center;
  /* 헤더 버튼 공통 */
}
.cl-container.header .cl-button {
  background-color: transparent;
  background-position: center;
  background-size: 20px;
  border: none;
  border-radius: 0;
}
.cl-container.header .cl-button.btn-nav-toggle {
  background-image: url("images/com/main/icon-menu.png");
}
.cl-container.header .cl-button.btn-nav-search {
  background-image: url("images/com/main/ico_schbar.png");
  background-size: 30px 30px;
}
.cl-container.header .cl-output.btn-nav-usernm {
  font-size: 13px;
  color: #ffffff;
  padding-left: 36px;
  background-image: url("images/com/main/ico_admin.png");
  background-size: 30px 30px;
  background-position: left center;
}
.cl-container.header .cl-output.btn-left-time {
  color: #ffffff;
  background-image: url("images/com/main/time_add.png");
  background-size: 12px 12px;
  background-position: 4px center;
}
.cl-container.header .cl-button.btn-nav-usermenu {
  background-image: url("images/com/main/ico_logout.png");
  background-size: 29px 29px;
}
.cl-container.header .cl-button.btn-nav-alert {
  background-image: url("images/com/main/icon-bell.svg");
}
.cl-container.header .cl-button.btn-nav-alert.on {
  background-image: url("images/com/main/icon-msg-circle.svg"), url("images/com/main/icon-bell.svg");
  background-position: calc(50% + 6px) 5px, center;
  background-size: 12px, auto;
}
.cl-container.header .cl-button.btn-nav-setting {
  background-image: url("images/com/main/ico_setting_fff.png");
  background-size: 16px 16px;
}
.cl-container.header .cl-button.btn-nav-info01 {
  background-image: url("images/icon/ico_gnb_info01.png");
  background-size: 38px;
}
.cl-container.header .cl-button.btn-nav-info02 {
  background-image: url("images/com/main/top_ico03.png");
  background-size: 24px 21px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.cl-container.header .cl-button.btn-nav-info03 {
  background-image: url("images/com/main/top_ico04.png");
  background-size: 24px 21px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.cl-container.header .cl-button.btn-nav-info04 {
  background-image: url("images/icon/ico_gnb_info04.png");
  background-size: 38px;
}
.cl-container.header .cl-button.btn-nav-info05 {
  background-image: url("images/com/main/top_ico05.png");
  background-size: 24px 21px;
  border: 1px solid #ffffff;
}
.cl-container.header .cl-button.btn-nav-info06 {
  background-image: url("images/com/main/top_ico02.png");
  background-size: 24px 21px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.cl-container.header .cl-button.btn-nav-info07 {
  background-image: url("images/com/main/top_ico01.png");
  background-size: 24px 21px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.cl-container.header .cl-checkbox.menu-toggle {
  padding: 0;
  text-align: center;
}
.cl-container.header .cl-checkbox.menu-toggle .cl-checkbox-icon {
  background-image: url("images/com/main/icon-toggle-line.svg");
  min-height: 24px;
  width: 24px;
  transition: all 0.3s;
}
.cl-container.header .cl-checkbox.menu-toggle.cl-checked .cl-checkbox-icon {
  background-image: url("images/com/main/icon-toggle-fill.svg");
}
.cl-container.menuToggle .cl-checkbox.menu-toggle {
  padding: 0;
  text-align: center;
}
.cl-container.menuToggle .cl-checkbox.menu-toggle .cl-checkbox-icon {
  background-image: url("images/com/main/lnb_toggle_right.png");
  background-position: center center;
  min-height: 78px;
  width: 11px;
  transition: all 0.3s;
}
.cl-container.menuToggle .cl-checkbox.menu-toggle.cl-checked .cl-checkbox-icon {
  background-position: center center;
  background-image: url("images/com/main/lnb_toggle_left.png");
}
/* 메가 메뉴 스타일 */
.cl-navigationbar.mega-menu {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item {
  font-size: 15px;
  color: #ffffff;
}
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item:not(.cl-disabled):not(.cl-selected):hover,
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item:not(.cl-disabled).cl-hover,
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item.cl-hover,
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item.cl-selected {
  background-color: #ffffff;
  color: #404652;
}
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item .cl-text {
  text-align: center;
}
.cl-navigationbar-list.mega-menu {
  box-shadow: 0 3px 12px 1px rgba(44, 55, 130, 0.15);
  margin-top: 14px !important;
}
.cl-navigationbar-list.mega-menu .cl-navigationbar-category {
  padding: 10px;
}
.cl-navigationbar-list.mega-menu .cl-navigationbar-category .sub-items .cl-navigationbar-listitem[data-itemlevel='0'] {
  color: #252525;
  height: auto;
  padding: 3px 10px;
}
.cl-navigationbar-list.mega-menu .cl-navigationbar-category .sub-items .cl-navigationbar-listitem[data-itemlevel='0']:not(.cl-disabled):not(.cl-selected):hover,
.cl-navigationbar-list.mega-menu .cl-navigationbar-category .sub-items .cl-navigationbar-listitem[data-itemlevel='0']:not(.cl-disabled).cl-hover,
.cl-navigationbar-list.mega-menu .cl-navigationbar-category .sub-items .cl-navigationbar-listitem[data-itemlevel='0'].cl-hover {
  background-color: transparent;
  color: #252525;
}
.cl-navigationbar-list.mega-menu .cl-navigationbar-listitem {
  background-color: transparent;
  color: #8699b2;
  height: 35px;
}
.cl-navigationbar-list.mega-menu .cl-navigationbar-listitem .cl-navigationbar-icon-wrapper .cl-navigationbar-icon {
  width: 0px;
}
.cl-navigationbar-list.mega-menu .cl-navigationbar-listitem .cl-navigationbar-accesskey-wrapper {
  width: 0px;
}
.cl-navigationbar-list.mega-menu .cl-navigationbar-listitem:not(.cl-disabled):not(.cl-selected):hover,
.cl-navigationbar-list.mega-menu .cl-navigationbar-listitem:not(.cl-disabled).cl-hover,
.cl-navigationbar-list.mega-menu .cl-navigationbar-listitem.cl-hover {
  background-color: transparent;
  color: #307bd8;
}
/* 메가 메뉴 스타일 */
.cl-navigationbar.mega-menu-left {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.cl-navigationbar.mega-menu-left .cl-navigationbar-bar .cl-navigationbar-item {
  border-radius: 5px;
  color: #526484;
}
.cl-navigationbar.mega-menu-left .cl-navigationbar-bar .cl-navigationbar-item .cl-text {
  padding-right: 5px;
}
.cl-navigationbar.mega-menu-left .cl-navigationbar-bar .cl-navigationbar-item + .cl-navigationbar-item {
  margin-left: 5px;
}
.cl-navigationbar-list.mega-menu-left {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  /* 네비게이션 바 드랍다운 메뉴 아이템 */
}
@media (max-height:768px) {
  .cl-navigationbar-list.mega-menu-left {
    height: 700px;
    overflow-y: auto;
  }
}
@media (min-height:768px) {
  .cl-navigationbar-list.mega-menu-left {
    height: 900px;
    overflow-y: auto;
  }
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-category {
  width: 99.3%;
  margin: 5px;
  border: solid 1px #dbdfea;
  border-radius: 6px;
  float: left;
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem.cl-leaf {
  /*background: url(../images/menu/left_bullet2-1.gif) no-repeat 18px 50%;*/
  background: url("images/menu/left_bullet3-1.png") no-repeat 8px 50%;
  padding-left: 8px;
  font-size: 12px;
  /*color: @component-text-color;*/
  display: block;
  line-height: 24px;
  vertical-align: middle;
  /* 네비게이션 바 드랍다운 메뉴 아이템 - 호버 */
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem.cl-leaf.cl-hover {
  color: #5b6879;
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem.cl-leaf.cl-selected {
  color: #5b6879;
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem-wrapper {
  float: left;
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem {
  color: #252525;
  padding: 0px;
  /* 네비게이션 바 드랍다운 메뉴 아이템 텍스트 */
  /* 네비게이션 바 드랍다운 메뉴 아이템 - 호버 */
  /* 네비게이션 바 드랍다운 메뉴 아이템 - disabled */
  /* 네비게이션 바 드랍다운 메뉴 아이템 - 선택됨 */
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem .cl-navigationbar-icon-wrapper {
  /* 네비게이션 바 드랍다운 메뉴 아이템 아이콘 */
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem .cl-navigationbar-arrow-wrapper .cl-navigationbar-arrow {
  /* 네비게이션 바 드랍다운 메뉴 아이템 아이콘 */
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem .cl-navigationbar-accesskey-wrapper {
  /* 네비게이션 바 드랍다운 메뉴 아이템 단축키 */
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem.cl-disabled {
  color: #8091a7;
  /* 네비게이션 바 드랍다운 메뉴 아이템 - disabled, 선택됨 */
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem.cl-disabled.cl-selected {
  color: #8091a7;
  background-color: #f7f8fa;
}
.cl-combobox.change-language {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.cl-combobox.change-language .cl-icon {
  background-size: 21px auto;
  width: 25px;
}
.cl-combobox.change-language .cl-text {
  font-size: 0px;
  padding: 0px;
}
.cl-combobox.change-language.ko .cl-icon {
  background-image: url("images/icon/flag/001-south-korea.svg");
}
.cl-combobox.change-language.en .cl-icon {
  background-image: url("images/icon/flag/002-united-states.svg");
}
.cl-combobox-list.change-language {
  border: none;
  border-radius: 4px;
  padding: 8px 0px;
  min-width: 125px;
}
.cl-combobox-list.change-language.cl-popup {
  box-shadow: 0 3px 12px 1px rgba(44, 55, 130, 0.15);
}
.cl-combobox-list.change-language.cl-bottom {
  margin-top: 13px;
  margin-left: -100px;
}
.cl-combobox-list.change-language .cl-combobox-item {
  height: 30px;
  padding: 3px 10px;
}
.cl-combobox-list.change-language .cl-combobox-item .cl-icon {
  background-size: 21px auto;
  width: 21px;
}
.cl-combobox-list.change-language .cl-combobox-item.cl-selected {
  background-color: transparent;
  color: #307bd8;
}
.cl-combobox-list.change-language .cl-combobox-item.cl-selected.cl-hover,
.cl-combobox-list.change-language .cl-combobox-item.cl-selected:hover {
  background-color: #f5f6fa;
  color: #307bd8;
}
.cl-combobox-list.change-language .cl-combobox-item.ko .cl-icon {
  background-image: url("images/icon/flag/001-south-korea.svg");
}
.cl-combobox-list.change-language .cl-combobox-item.en .cl-icon {
  background-image: url("images/icon/flag/002-united-states.svg");
}
/************************************************
 * 사이드
 ************************************************/
.cl-container.aside {
  background-color: #ffffff;
  /* 일반 사이드바 */
}
.cl-container.aside .cl-container.logo-box {
  background-image: url("images/com/main/header_bg.png");
}
.cl-container.aside .cl-container.user-box {
  /* 버튼 공통 */
}
.cl-container.aside .cl-container.user-box .cl-button {
  background-color: transparent;
  background-position: center;
  border: none;
  border-radius: 0;
}
.cl-container.aside .cl-container.user-box .cl-button.btn-nav-user-setting {
  background-image: url("images/com/main/settings-4-fill.svg");
}
.cl-container.aside .cl-container.user-box .cl-button.btn-nav-logout {
  background-image: url("images/com/main/shut-down-line.svg");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar {
  background-color: #ffffff;
  border-radius: 0;
  color: #4d4d4d;
  border-bottom-style: none;
  border-top: none;
  border-right: none;
  border-left: none;
  /* 트리 아이템 공통 */
  /* 아이콘 */
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled) {
  height: 39px;
  font-size: 13px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled) .cl-tree-treeicon {
  background-image: none;
  width: 15px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled) .cl-tree-itemicon {
  /*background-size: 24px;*/
  /*width: 0px;*/
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled) .cl-text {
  background-repeat: no-repeat;
  background-position: right center;
  padding-left: 10px;
  font-weight: 700;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).cl-folder .cl-text {
  padding-right: 16px;
  transition: background-image 0.35s ease-in;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).cl-folder.cl-expanded {
  border-bottom: 1px solid #dbdfea;
  background-color: #2a6197;
  color: #ffffff;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).cl-folder.cl-expanded .cl-text {
  background-image: url("images/com/main/lnb_1dep_minus.png");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).cl-folder.cl-collapsed {
  border-bottom: 1px solid #dbdfea;
  background-color: #f6f6f6;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).cl-folder.cl-collapsed .cl-text {
  background-image: url("images/com/main/lnb_1dep_plus.png");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled):not(.cl-selected).cl-hover,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled):not(.cl-selected):hover {
  background-color: transparent;
  color: #ffffff;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).cl-selected {
  background-color: transparent;
  color: #ffffff;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1 {
  height: 39px;
  border-bottom: 1px solid #dbdfea;
  background-color: #f6f6f6;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1 .cl-tree-itemicon {
  background-image: none;
  width: 0px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1.cl-selected,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1:not(.cl-selected).cl-hover,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1:not(.cl-selected):hover {
  border-bottom: 1px solid #dbdfea;
  background-color: #2a6197;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1.cl-selected .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1:not(.cl-selected).cl-hover .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1:not(.cl-selected):hover .cl-tree-itemicon {
  background-image: none;
  width: 0px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1.cl-selected.cl-expanded,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1:not(.cl-selected).cl-hover.cl-expanded,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1:not(.cl-selected):hover.cl-expanded {
  border-top: 1px solid #2a6197;
  border-bottom: 1px solid #2a6197;
  background-color: #2a6197;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1.cl-selected.cl-expanded .cl-text,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1:not(.cl-selected).cl-hover.cl-expanded .cl-text,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1:not(.cl-selected):hover.cl-expanded .cl-text {
  background-image: url("images/com/main/lnb_1dep_minus.png");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1.cl-selected.cl-collapsed,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1:not(.cl-selected).cl-hover.cl-collapsed,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1:not(.cl-selected):hover.cl-collapsed {
  border-top: 1px solid #2a6197;
  border-bottom: 1px solid #2a6197;
  background-color: #2a6197;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1.cl-selected.cl-collapsed .cl-text,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1:not(.cl-selected).cl-hover.cl-collapsed .cl-text,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-1:not(.cl-selected):hover.cl-collapsed .cl-text {
  background-image: url("images/com/main/lnb_1dep_plus_white.png");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2 {
  height: 33px;
  border-bottom: 1px solid #dbdfea;
  background-color: #ffffff;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-leaf {
  height: 29px;
  background-color: #ffffff;
  border-top: none;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-leaf .cl-text {
  padding-left: 8px;
  color: #000000;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-leaf .cl-tree-itemicon {
  background-image: url("images/com/main/lnb_2dep_plus.png");
  background-size: 5px;
  width: 5px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-leaf.cl-selected,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-leaf:not(.cl-selected).cl-hover,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-leaf:not(.cl-selected):hover {
  background-color: #7c9dbc;
  color: #ffffff;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-leaf.cl-selected .cl-text,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-leaf:not(.cl-selected).cl-hover .cl-text,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-leaf:not(.cl-selected):hover .cl-text {
  padding-left: 8px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-leaf.cl-selected .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-leaf:not(.cl-selected).cl-hover .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-leaf:not(.cl-selected):hover .cl-tree-itemicon {
  background-image: url("images/com/main/lnb_2dep_minus_fff.png");
  background-size: 5px;
  width: 5px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-folder.cl-expanded {
  background-color: #7c9dbc;
  color: #ffffff;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-folder.cl-expanded .cl-text {
  background-image: url("images/com/main/lnb_2dep_minus_fff.png");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-folder.cl-expanded .cl-tree-itemicon {
  background-image: url("images/com/main/lnb_2dep_arrow02.png");
  background-size: 9px;
  width: 9px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-folder.cl-collapsed {
  background-color: #ffffff;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-folder.cl-collapsed .cl-text {
  background-image: url("images/com/main/lnb_2dep_plus.png");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-folder.cl-collapsed .cl-tree-itemicon {
  background-image: url("images/com/main/lnb_2dep_arrow01.png");
  background-size: 9px;
  width: 9px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2 .cl-text {
  padding-left: 8px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2 .cl-tree-itemicon {
  background-image: url("images/com/main/lnb_2dep_arrow01.png");
  background-size: 9px;
  width: 9px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-selected {
  background-color: #7c9dbc;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-selected .cl-text {
  padding-left: 8px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-selected .cl-tree-itemicon {
  background-image: url("images/com/main/lnb_2dep_arrow02.png");
  background-size: 9px;
  width: 9px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-selected.cl-folder.cl-expanded {
  background-color: #7c9dbc;
  color: #ffffff;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-selected.cl-folder.cl-expanded .cl-text {
  background-image: url("images/com/main/lnb_2dep_minus_fff.png");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-selected.cl-folder.cl-expanded .cl-tree-itemicon {
  background-image: url("images/com/main/lnb_2dep_arrow02.png");
  background-size: 9px;
  width: 9px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-selected.cl-folder.cl-collapsed {
  background-color: #ffffff;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-selected.cl-folder.cl-collapsed .cl-text {
  background-image: url("images/com/main/lnb_2dep_plus_fff.png");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2.cl-selected.cl-folder.cl-collapsed .cl-tree-itemicon {
  background-image: url("images/com/main/lnb_2dep_arrow01.png");
  background-size: 9px;
  width: 9px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2:not(.cl-selected).cl-hover,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2:not(.cl-selected):hover {
  background-color: #7c9dbc;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2:not(.cl-selected).cl-hover .cl-text,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2:not(.cl-selected):hover .cl-text {
  padding-left: 8px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2:not(.cl-selected).cl-hover .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2:not(.cl-selected):hover .cl-tree-itemicon {
  background-image: url("images/com/main/lnb_2dep_arrow01.png");
  background-size: 9px;
  width: 9px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2:not(.cl-selected).cl-hover.cl-folder,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2:not(.cl-selected):hover.cl-folder {
  background-color: #7c9dbc;
  color: #ffffff;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2:not(.cl-selected).cl-hover.cl-folder.cl-expanded .cl-text,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2:not(.cl-selected):hover.cl-folder.cl-expanded .cl-text {
  background-image: url("images/com/main/lnb_2dep_minus_fff.png");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2:not(.cl-selected).cl-hover.cl-folder.cl-expanded .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2:not(.cl-selected):hover.cl-folder.cl-expanded .cl-tree-itemicon {
  background-image: url("images/com/main/lnb_2dep_arrow02.png");
  background-size: 9px;
  width: 9px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2:not(.cl-selected).cl-hover.cl-folder.cl-collapsed .cl-text,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2:not(.cl-selected):hover.cl-folder.cl-collapsed .cl-text {
  background-image: url("images/com/main/lnb_2dep_plus_fff.png");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2:not(.cl-selected).cl-hover.cl-folder.cl-collapsed .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-2:not(.cl-selected):hover.cl-folder.cl-collapsed .cl-tree-itemicon {
  background-image: url("images/com/main/lnb_2dep_arrow01.png");
  background-size: 9px;
  width: 9px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-3 {
  height: 29px;
  background-color: #e7eeff;
  border-bottom: 1px dashed #7c9dbc;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-3 .cl-text {
  color: #000000;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-3 .cl-text:before {
  content: "- ";
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-3 .cl-tree-itemicon {
  background-image: none;
  width: 0px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-3.cl-selected,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-3:not(.cl-selected).cl-hover,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-3:not(.cl-selected):hover {
  background-color: #e7eeff;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-3.cl-selected .cl-text,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-3:not(.cl-selected).cl-hover .cl-text,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-3:not(.cl-selected):hover .cl-text {
  color: #ef3343;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-3.cl-selected .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-3:not(.cl-selected).cl-hover .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).tree-item-level-3:not(.cl-selected):hover .cl-tree-itemicon {
  background-image: none;
  width: 0px;
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.dashboard .cl-tree-itemicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1zM6 19h12V9.157l-6-5.454-6 5.454V19z' fill='rgba(159,174,194,1)'/%3E%3C/svg%3E");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.dashboard.cl-selected .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.dashboard:not(.cl-selected).cl-hover .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.dashboard:not(.cl-selected):hover .cl-tree-itemicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1zM6 19h12V9.157l-6-5.454-6 5.454V19z' fill='rgba(48, 123, 216,1)'/%3E%3C/svg%3E");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.layout .cl-tree-itemicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 21a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4zm4-11H5v9h3v-9zm11 0h-9v9h9v-9zm0-5H5v3h14V5z' fill='rgba(159,174,194,1)'/%3E%3C/svg%3E");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.layout.cl-selected .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.layout:not(.cl-selected).cl-hover .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.layout:not(.cl-selected):hover .cl-tree-itemicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 21a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4zm4-11H5v9h3v-9zm11 0h-9v9h9v-9zm0-5H5v3h14V5z' fill='rgba(48, 123, 216,1)'/%3E%3C/svg%3E");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.component .cl-tree-itemicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20.083 15.2l1.202.721a.5.5 0 0 1 0 .858l-8.77 5.262a1 1 0 0 1-1.03 0l-8.77-5.262a.5.5 0 0 1 0-.858l1.202-.721L12 20.05l8.083-4.85zm0-4.7l1.202.721a.5.5 0 0 1 0 .858L12 17.65l-9.285-5.571a.5.5 0 0 1 0-.858l1.202-.721L12 15.35l8.083-4.85zm-7.569-9.191l8.771 5.262a.5.5 0 0 1 0 .858L12 13 2.715 7.429a.5.5 0 0 1 0-.858l8.77-5.262a1 1 0 0 1 1.03 0zM12 3.332L5.887 7 12 10.668 18.113 7 12 3.332z' fill='rgba(159,174,194,1)'/%3E%3C/svg%3E");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.component.cl-selected .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.component:not(.cl-selected).cl-hover .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.component:not(.cl-selected):hover .cl-tree-itemicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20.083 15.2l1.202.721a.5.5 0 0 1 0 .858l-8.77 5.262a1 1 0 0 1-1.03 0l-8.77-5.262a.5.5 0 0 1 0-.858l1.202-.721L12 20.05l8.083-4.85zm0-4.7l1.202.721a.5.5 0 0 1 0 .858L12 17.65l-9.285-5.571a.5.5 0 0 1 0-.858l1.202-.721L12 15.35l8.083-4.85zm-7.569-9.191l8.771 5.262a.5.5 0 0 1 0 .858L12 13 2.715 7.429a.5.5 0 0 1 0-.858l8.77-5.262a1 1 0 0 1 1.03 0zM12 3.332L5.887 7 12 10.668 18.113 7 12 3.332z' fill='rgba(48, 123, 216,1)'/%3E%3C/svg%3E");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.table .cl-tree-itemicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zM11 13H4v6h7v-6zm9 0h-7v6h7v-6zm-9-8H4v6h7V5zm9 0h-7v6h7V5z' fill='rgba(159,174,194,1)'/%3E%3C/svg%3E");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.table.cl-selected .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.table:not(.cl-selected).cl-hover .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.table:not(.cl-selected):hover .cl-tree-itemicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zM11 13H4v6h7v-6zm9 0h-7v6h7v-6zm-9-8H4v6h7V5zm9 0h-7v6h7V5z' fill='rgba(48, 123, 216,1)'/%3E%3C/svg%3E");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.library .cl-tree-itemicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12c0-4.478 2.943-8.268 7-9.542v2.124A8.003 8.003 0 0 0 12 20a8.003 8.003 0 0 0 7.418-5h2.124c-1.274 4.057-5.064 7-9.542 7zm9.95-9H11V2.05c.329-.033.663-.05 1-.05 5.523 0 10 4.477 10 10 0 .337-.017.671-.05 1zM13 4.062V11h6.938A8.004 8.004 0 0 0 13 4.062z' fill='rgba(159,174,194,1)'/%3E%3C/svg%3E");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.library.cl-selected .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.library:not(.cl-selected).cl-hover .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.library:not(.cl-selected):hover .cl-tree-itemicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12c0-4.478 2.943-8.268 7-9.542v2.124A8.003 8.003 0 0 0 12 20a8.003 8.003 0 0 0 7.418-5h2.124c-1.274 4.057-5.064 7-9.542 7zm9.95-9H11V2.05c.329-.033.663-.05 1-.05 5.523 0 10 4.477 10 10 0 .337-.017.671-.05 1zM13 4.062V11h6.938A8.004 8.004 0 0 0 13 4.062z' fill='rgba(48, 123, 216,1)'/%3E%3C/svg%3E");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.application .cl-tree-itemicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M22 20a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v16zm-11-5H4v4h7v-4zm9-4h-7v8h7v-8zm-9-6H4v8h7V5zm9 0h-7v4h7V5z' fill='rgba(159,174,194,1)'/%3E%3C/svg%3E");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.application.cl-selected .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.application:not(.cl-selected).cl-hover .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.application:not(.cl-selected):hover .cl-tree-itemicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M22 20a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v16zm-11-5H4v4h7v-4zm9-4h-7v8h7v-8zm-9-6H4v8h7V5zm9 0h-7v4h7V5z' fill='rgba(48, 123, 216,1)'/%3E%3C/svg%3E");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.document .cl-tree-itemicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M21 8v12.993A1 1 0 0 1 20.007 22H3.993A.993.993 0 0 1 3 21.008V2.992C3 2.455 3.449 2 4.002 2h10.995L21 8zm-2 1h-5V4H5v16h14V9zM8 7h3v2H8V7zm0 4h8v2H8v-2zm0 4h8v2H8v-2z' fill='rgba(159,174,194,1)'/%3E%3C/svg%3E");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.document.cl-selected .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.document:not(.cl-selected).cl-hover .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.document:not(.cl-selected):hover .cl-tree-itemicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M21 8v12.993A1 1 0 0 1 20.007 22H3.993A.993.993 0 0 1 3 21.008V2.992C3 2.455 3.449 2 4.002 2h10.995L21 8zm-2 1h-5V4H5v16h14V9zM8 7h3v2H8V7zm0 4h8v2H8v-2zm0 4h8v2H8v-2z' fill='rgba(48, 123, 216,1)'/%3E%3C/svg%3E");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.icon .cl-tree-itemicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-5-7h2a3 3 0 0 0 6 0h2a5 5 0 0 1-10 0zm1-2a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm8 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z' fill='rgba(159,174,194,1)'/%3E%3C/svg%3E");
}
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.icon.cl-selected .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.icon:not(.cl-selected).cl-hover .cl-tree-itemicon,
.cl-container.aside .cl-tree:not(.cl-disabled).sidebar .cl-tree-item.icon:not(.cl-selected):hover .cl-tree-itemicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-5-7h2a3 3 0 0 0 6 0h2a5 5 0 0 1-10 0zm1-2a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm8 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z' fill='rgba(48, 123, 216,1)'/%3E%3C/svg%3E");
}
/* 미니 사이드바 (축소 상태) */
.cl-menu.mini-sidebar {
  background-color: #ffffff;
}
.cl-menu.mini-sidebar .cl-menu-list {
  background-color: #ffffff;
  border: none;
  border-radius: 0;
  padding-top: 10px;
  /* 아이템 스타일 */
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item {
  color: #8699b2;
  height: 45px;
  /* 서브 메뉴 스타일 */
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item .cl-menu-icon {
  width: 40px;
  background-size: 24px;
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item .cl-text {
  font-size: 0px;
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item .cl-menu-arrow {
  width: 0px;
  background-image: none;
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.cl-hover,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.cl-selected {
  background-color: #1b2e4b;
  color: #307bd8;
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item:not(.cl-disabled):active,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item:not(.cl-disabled).cl-activated,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item:not(.cl-disabled):hover,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item:not(.cl-disabled).cl-hover {
  background-color: #1b2e4b;
  color: #ffffff;
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item .cl-sub {
  border: none;
  padding-top: 0px;
  top: 0px;
  min-width: 190px;
  z-index: 1;
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item .cl-sub .cl-menu-item {
  height: 30px;
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item .cl-sub .cl-menu-item .cl-menu-icon {
  background-image: none;
  width: 0px;
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item .cl-sub .cl-menu-item .cl-text {
  font-size: 0.9rem;
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item .cl-sub .cl-menu-item .cl-menu-arrow {
  width: 16px;
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item .cl-sub .cl-menu-item.cl-folder >.cl-menu-arrow,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item .cl-sub .cl-menu-item.cl-folder >.cl-menu-arrow-wrapper>.cl-menu-arrow {
  background-image: url("images/com/main/icon-chevron-right.svg");
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item .cl-sub .cl-menu-item.cl-hover {
  background-color: transparent;
  color: #ffffff;
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item .cl-sub .cl-menu-item.cl-selected {
  background-color: transparent;
  color: #307bd8;
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item .cl-sub .cl-menu-item:first-child {
  background-color: #1b2e4b;
  color: #ffffff;
  font-weight: 500;
  height: 45px;
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.dashboard .cl-menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1zM6 19h12V9.157l-6-5.454-6 5.454V19z' fill='rgba(159,174,194,1)'/%3E%3C/svg%3E");
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.dashboard.cl-selected .cl-menu-icon,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.dashboard:not(.cl-selected).cl-hover .cl-menu-icon,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.dashboard:not(.cl-selected):hover .cl-menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1zM6 19h12V9.157l-6-5.454-6 5.454V19z' fill='rgba(48, 123, 216,1)'/%3E%3C/svg%3E");
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.layout .cl-menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 21a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4zm4-11H5v9h3v-9zm11 0h-9v9h9v-9zm0-5H5v3h14V5z' fill='rgba(159,174,194,1)'/%3E%3C/svg%3E");
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.layout.cl-selected .cl-menu-icon,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.layout:not(.cl-selected).cl-hover .cl-menu-icon,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.layout:not(.cl-selected):hover .cl-menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 21a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4zm4-11H5v9h3v-9zm11 0h-9v9h9v-9zm0-5H5v3h14V5z' fill='rgba(48, 123, 216,1)'/%3E%3C/svg%3E");
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.component .cl-menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20.083 15.2l1.202.721a.5.5 0 0 1 0 .858l-8.77 5.262a1 1 0 0 1-1.03 0l-8.77-5.262a.5.5 0 0 1 0-.858l1.202-.721L12 20.05l8.083-4.85zm0-4.7l1.202.721a.5.5 0 0 1 0 .858L12 17.65l-9.285-5.571a.5.5 0 0 1 0-.858l1.202-.721L12 15.35l8.083-4.85zm-7.569-9.191l8.771 5.262a.5.5 0 0 1 0 .858L12 13 2.715 7.429a.5.5 0 0 1 0-.858l8.77-5.262a1 1 0 0 1 1.03 0zM12 3.332L5.887 7 12 10.668 18.113 7 12 3.332z' fill='rgba(159,174,194,1)'/%3E%3C/svg%3E");
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.component.cl-selected .cl-menu-icon,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.component:not(.cl-selected).cl-hover .cl-menu-icon,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.component:not(.cl-selected):hover .cl-menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20.083 15.2l1.202.721a.5.5 0 0 1 0 .858l-8.77 5.262a1 1 0 0 1-1.03 0l-8.77-5.262a.5.5 0 0 1 0-.858l1.202-.721L12 20.05l8.083-4.85zm0-4.7l1.202.721a.5.5 0 0 1 0 .858L12 17.65l-9.285-5.571a.5.5 0 0 1 0-.858l1.202-.721L12 15.35l8.083-4.85zm-7.569-9.191l8.771 5.262a.5.5 0 0 1 0 .858L12 13 2.715 7.429a.5.5 0 0 1 0-.858l8.77-5.262a1 1 0 0 1 1.03 0zM12 3.332L5.887 7 12 10.668 18.113 7 12 3.332z' fill='rgba(48, 123, 216,1)'/%3E%3C/svg%3E");
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.table .cl-menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zM11 13H4v6h7v-6zm9 0h-7v6h7v-6zm-9-8H4v6h7V5zm9 0h-7v6h7V5z' fill='rgba(159,174,194,1)'/%3E%3C/svg%3E");
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.table.cl-selected .cl-menu-icon,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.table:not(.cl-selected).cl-hover .cl-menu-icon,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.table:not(.cl-selected):hover .cl-menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zM11 13H4v6h7v-6zm9 0h-7v6h7v-6zm-9-8H4v6h7V5zm9 0h-7v6h7V5z' fill='rgba(48, 123, 216,1)'/%3E%3C/svg%3E");
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.library .cl-menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12c0-4.478 2.943-8.268 7-9.542v2.124A8.003 8.003 0 0 0 12 20a8.003 8.003 0 0 0 7.418-5h2.124c-1.274 4.057-5.064 7-9.542 7zm9.95-9H11V2.05c.329-.033.663-.05 1-.05 5.523 0 10 4.477 10 10 0 .337-.017.671-.05 1zM13 4.062V11h6.938A8.004 8.004 0 0 0 13 4.062z' fill='rgba(159,174,194,1)'/%3E%3C/svg%3E");
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.library.cl-selected .cl-menu-icon,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.library:not(.cl-selected).cl-hover .cl-menu-icon,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.library:not(.cl-selected):hover .cl-menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12c0-4.478 2.943-8.268 7-9.542v2.124A8.003 8.003 0 0 0 12 20a8.003 8.003 0 0 0 7.418-5h2.124c-1.274 4.057-5.064 7-9.542 7zm9.95-9H11V2.05c.329-.033.663-.05 1-.05 5.523 0 10 4.477 10 10 0 .337-.017.671-.05 1zM13 4.062V11h6.938A8.004 8.004 0 0 0 13 4.062z' fill='rgba(48, 123, 216,1)'/%3E%3C/svg%3E");
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.application .cl-menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M22 20a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v16zm-11-5H4v4h7v-4zm9-4h-7v8h7v-8zm-9-6H4v8h7V5zm9 0h-7v4h7V5z' fill='rgba(159,174,194,1)'/%3E%3C/svg%3E");
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.application.cl-selected .cl-menu-icon,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.application:not(.cl-selected).cl-hover .cl-menu-icon,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.application:not(.cl-selected):hover .cl-menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M22 20a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v16zm-11-5H4v4h7v-4zm9-4h-7v8h7v-8zm-9-6H4v8h7V5zm9 0h-7v4h7V5z' fill='rgba(48, 123, 216,1)'/%3E%3C/svg%3E");
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.document .cl-menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M21 8v12.993A1 1 0 0 1 20.007 22H3.993A.993.993 0 0 1 3 21.008V2.992C3 2.455 3.449 2 4.002 2h10.995L21 8zm-2 1h-5V4H5v16h14V9zM8 7h3v2H8V7zm0 4h8v2H8v-2zm0 4h8v2H8v-2z' fill='rgba(159,174,194,1)'/%3E%3C/svg%3E");
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.document.cl-selected .cl-menu-icon,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.document:not(.cl-selected).cl-hover .cl-menu-icon,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.document:not(.cl-selected):hover .cl-menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M21 8v12.993A1 1 0 0 1 20.007 22H3.993A.993.993 0 0 1 3 21.008V2.992C3 2.455 3.449 2 4.002 2h10.995L21 8zm-2 1h-5V4H5v16h14V9zM8 7h3v2H8V7zm0 4h8v2H8v-2zm0 4h8v2H8v-2z' fill='rgba(48, 123, 216,1)'/%3E%3C/svg%3E");
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.icon .cl-menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-5-7h2a3 3 0 0 0 6 0h2a5 5 0 0 1-10 0zm1-2a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm8 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z' fill='rgba(159,174,194,1)'/%3E%3C/svg%3E");
}
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.icon.cl-selected .cl-menu-icon,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.icon:not(.cl-selected).cl-hover .cl-menu-icon,
.cl-menu.mini-sidebar .cl-menu-list .cl-menu-item.icon:not(.cl-selected):hover .cl-menu-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-5-7h2a3 3 0 0 0 6 0h2a5 5 0 0 1-10 0zm1-2a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm8 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z' fill='rgba(48, 123, 216,1)'/%3E%3C/svg%3E");
}
/************************************************
 * 컨텐츠
 ************************************************/
.cl-mdifolder.content .content > .cl-tabfolder-header.content {
  background-color: #ffffff;
  padding: 0px 10px 0px 0px;
  height: 37px;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-header-viewport {
  padding-top: 5px;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-prev {
  background-color: #e5e9f2;
  border: none;
  border-radius: 50%;
  margin: 10px 2.5px 5px 5px;
  width: 30px;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-prev.cl-disabled {
  background-color: #EEF1F6;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-next {
  background-color: #e5e9f2;
  border: none;
  border-radius: 50%;
  margin: 10px 0px 5px 2.5px;
  width: 30px;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-next.cl-disabled {
  background-color: #EEF1F6;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-item {
  background-color: #ffffff;
  font-size: 0.9rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 2px solid #2a6197 !important;
  border-left: 2px solid #2a6197 !important;
  border-right: 2px solid #2a6197 !important;
  border-bottom-style: none !important;
  margin-bottom: 1px !important;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-item.cl-selected {
  background-color: #2a6197;
  color: #ffffff;
  font-weight: 700;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-item.cl-selected .cl-tabfolder-button {
  background-image: url("images/com/main/ico_mdi_close_fff.png");
  background-size: 9px 9px;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: #2a6197;
  color: #ffffff;
  font-weight: 700;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-item:not(.cl-selected):hover .cl-tabfolder-button {
  background-image: url("images/com/main/ico_mdi_close_fff.png");
  background-size: 9px 9px;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-item .cl-tabfolder-button {
  background-image: url("images/com/main/ico_mdi_close.png");
  background-size: 9px 9px;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content.cl-top {
  background-image: linear-gradient(#2a6197, #2a6197);
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position: 0px 100%;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content.cl-top .cl-tabfolder-item {
  border-bottom-style: none !important;
}
.cl-mdifolder.content .content > .cl-tabfolder-body {
  border-style: none;
  border-radius: 0;
  padding: 0px !important;
}
.cl-button.default-tabfolder-item {
  background-color: #f5f6fa;
  background-image: url("images/com/main/ico_home.png");
  background-position: center;
  border: 1px solid #2a6197;
  transition: none;
  margin-bottom: 1px !important;
}
.cl-button.default-tabfolder-item.cl-selected {
  background-color: #ffffff;
  background-image: url("images/com/main/ico_home.png");
  border-bottom-color: #ffffff;
}
.cl-button.default-tabfolder-item.cl-selected:not(.cl-disabled):active,
.cl-button.default-tabfolder-item.cl-selected:not(.cl-disabled).cl-activated,
.cl-button.default-tabfolder-item.cl-selected:not(.cl-disabled):hover,
.cl-button.default-tabfolder-item.cl-selected:not(.cl-disabled).cl-hover {
  background-color: #ffffff;
  background-image: url("images/com/main/ico_home.png");
  border-bottom-color: #ffffff;
}
.cl-button.default-tabfolder-item:not(.cl-disabled):active,
.cl-button.default-tabfolder-item:not(.cl-disabled).cl-activated,
.cl-button.default-tabfolder-item:not(.cl-disabled):hover,
.cl-button.default-tabfolder-item:not(.cl-disabled).cl-hover {
  background-image: url("images/com/main/ico_home.png");
  background-color: #f5f6fa;
  border-color: #dbdfea;
}
.cl-container.btn-nav-group .cl-button {
  background-color: #e5e9f2;
  background-size: 16px;
  background-position: center;
  border: none;
}
.cl-container.btn-nav-group .cl-button.btn-nav-dropdown {
  background-image: url("images/com/main/icon-dropdown.svg");
  background-color: #e3eefa;
  border-radius: 0;
}
.cl-container.btn-nav-group .cl-button.btn-nav-dropdown:not(.cl-disabled):hover,
.cl-container.btn-nav-group .cl-button.btn-nav-dropdown:not(.cl-disabled).cl-hover,
.cl-container.btn-nav-group .cl-button.btn-nav-dropdown:not(.cl-disabled):active,
.cl-container.btn-nav-group .cl-button.btn-nav-dropdown:not(.cl-disabled).cl-activated {
  background-image: url("images/com/main/icon-dropdown.svg");
}
.cl-container.btn-nav-group .cl-button.btn-nav-zoom {
  background-image: url("images/com/main/icon-zoom-in.svg");
}
.cl-container.btn-nav-group .cl-button.btn-nav-zoom.cl-selected {
  background-image: url("images/com/main/icon-zoom-out.svg");
}
.cl-container.btn-nav-group .cl-button.btn-nav-zoom:not(.cl-disabled):hover,
.cl-container.btn-nav-group .cl-button.btn-nav-zoom:not(.cl-disabled).cl-hover,
.cl-container.btn-nav-group .cl-button.btn-nav-zoom:not(.cl-disabled):active,
.cl-container.btn-nav-group .cl-button.btn-nav-zoom:not(.cl-disabled).cl-activated {
  background-image: url("images/com/main/icon-zoom-in-active.svg");
}
.cl-container.btn-nav-group .cl-button.btn-nav-zoom:not(.cl-disabled):hover.cl-selected,
.cl-container.btn-nav-group .cl-button.btn-nav-zoom:not(.cl-disabled).cl-hover.cl-selected,
.cl-container.btn-nav-group .cl-button.btn-nav-zoom:not(.cl-disabled):active.cl-selected,
.cl-container.btn-nav-group .cl-button.btn-nav-zoom:not(.cl-disabled).cl-activated.cl-selected {
  background-image: url("images/com/main/icon-zoom-out-active.svg");
}
.cl-container.btn-nav-group .cl-button.btn-nav-expand {
  background-image: url("images/com/main/icon_menu_active04.png");
  background-size: 30px;
  border-radius: 0;
  background-position: center center;
}
.cl-container.btn-nav-group .cl-button.btn-nav-expand.cl-selected {
  background-image: url("images/com/main/icon_menu_active04.png");
}
.cl-container.btn-nav-group .cl-button.btn-nav-expand:not(.cl-disabled):hover,
.cl-container.btn-nav-group .cl-button.btn-nav-expand:not(.cl-disabled).cl-hover,
.cl-container.btn-nav-group .cl-button.btn-nav-expand:not(.cl-disabled):active,
.cl-container.btn-nav-group .cl-button.btn-nav-expand:not(.cl-disabled).cl-activated {
  background-image: url("images/com/main/icon_menu_active04.png");
}
.cl-container.btn-nav-group .cl-button.btn-nav-expand:not(.cl-disabled):hover.cl-selected,
.cl-container.btn-nav-group .cl-button.btn-nav-expand:not(.cl-disabled).cl-hover.cl-selected,
.cl-container.btn-nav-group .cl-button.btn-nav-expand:not(.cl-disabled):active.cl-selected,
.cl-container.btn-nav-group .cl-button.btn-nav-expand:not(.cl-disabled).cl-activated.cl-selected {
  background-image: url("images/com/main/icon_menu_active04.png");
}
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark {
  background-image: url("images/com/main/icon_menu_active03.png");
  background-size: 30px;
  border-radius: 0;
  background-position: center center;
}
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark.cl-selected {
  background-image: url("images/com/main/icon_menu_active03.png");
}
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark:not(.cl-disabled):hover,
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark:not(.cl-disabled).cl-hover,
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark:not(.cl-disabled):active,
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark:not(.cl-disabled).cl-activated {
  background-image: url("images/com/main/icon_menu_active03.png");
}
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark:not(.cl-disabled):hover.cl-selected,
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark:not(.cl-disabled).cl-hover.cl-selected,
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark:not(.cl-disabled):active.cl-selected,
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark:not(.cl-disabled).cl-activated.cl-selected {
  background-image: url("images/com/main/icon_menu_active03.png");
}
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark-remove {
  background-image: url("images/icon/ico_bookmark_remove.png");
  background-size: 30px;
  border-radius: 0;
  background-position: center center;
}
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark-remove.cl-selected {
  background-image: url("images/icon/ico_bookmark_remove_active.png");
}
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark-remove:not(.cl-disabled):hover,
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark-remove:not(.cl-disabled).cl-hover,
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark-remove:not(.cl-disabled):active,
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark-remove:not(.cl-disabled).cl-activated {
  background-image: url("images/icon/ico_bookmark_remove_active.png");
}
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark-remove:not(.cl-disabled):hover.cl-selected,
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark-remove:not(.cl-disabled).cl-hover.cl-selected,
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark-remove:not(.cl-disabled):active.cl-selected,
.cl-container.btn-nav-group .cl-button.btn-nav-bookmark-remove:not(.cl-disabled).cl-activated.cl-selected {
  background-image: url("images/icon/ico_bookmark_remove_active.png");
}
.cl-container.btn-nav-group .cl-button.btn-nav-refresh {
  background-image: url("images/com/main/icon_menu_active05.png");
  background-size: 30px;
  border-radius: 0;
}
.cl-container.btn-nav-group .cl-button.btn-nav-refresh:not(.cl-disabled):hover,
.cl-container.btn-nav-group .cl-button.btn-nav-refresh:not(.cl-disabled).cl-hover,
.cl-container.btn-nav-group .cl-button.btn-nav-refresh:not(.cl-disabled):active,
.cl-container.btn-nav-group .cl-button.btn-nav-refresh:not(.cl-disabled).cl-activated {
  background-image: url("images/com/main/icon_menu_active05.png");
}
.cl-container.btn-nav-group .cl-button.btn-nav-tip {
  background-image: url("images/com/main/icon_menu_active01.png");
  background-size: 30px;
  border-radius: 0;
}
.cl-container.btn-nav-group .cl-button.btn-nav-tip:not(.cl-disabled):hover,
.cl-container.btn-nav-group .cl-button.btn-nav-tip:not(.cl-disabled).cl-hover,
.cl-container.btn-nav-group .cl-button.btn-nav-tip:not(.cl-disabled):active,
.cl-container.btn-nav-group .cl-button.btn-nav-tip:not(.cl-disabled).cl-activated {
  background-image: url("images/com/main/icon_menu_active01.png");
}
.cl-container.btn-nav-group .cl-button.btn-nav-close {
  background-image: url("images/com/main/icon_menu_active06.png");
  background-size: 30px;
  border-radius: 0;
}
.cl-container.btn-nav-group .cl-button.btn-nav-close:not(.cl-disabled):hover,
.cl-container.btn-nav-group .cl-button.btn-nav-close:not(.cl-disabled).cl-hover,
.cl-container.btn-nav-group .cl-button.btn-nav-close:not(.cl-disabled):active,
.cl-container.btn-nav-group .cl-button.btn-nav-close:not(.cl-disabled).cl-activated {
  background-image: url("images/com/main/icon_menu_active06.png");
}
.cl-container.btn-nav-group .cl-button.btn-care-req {
  background-image: url("images/com/main/icon_menu_active02.png");
  background-size: 30px;
  border-radius: 0;
}
.cl-container.btn-nav-group .cl-button.btn-care-req:not(.cl-disabled):hover,
.cl-container.btn-nav-group .cl-button.btn-care-req:not(.cl-disabled).cl-hover,
.cl-container.btn-nav-group .cl-button.btn-care-req:not(.cl-disabled):active,
.cl-container.btn-nav-group .cl-button.btn-care-req:not(.cl-disabled).cl-activated {
  background-image: url("images/com/main/icon_menu_active02.png");
}
.cl-combobox.change-layout {
  background-color: #e5e9f2;
  border: none;
  cursor: pointer;
}
.cl-combobox.change-layout .cl-icon {
  background-size: 14px;
  width: 30px;
}
.cl-combobox.change-layout .cl-text {
  font-size: 0px;
  padding: 0px;
}
.cl-combobox.change-layout.default .cl-icon {
  background-image: url("images/com/main/icon-layout-default.png");
}
.cl-combobox.change-layout.horizontal .cl-icon {
  background-image: url("images/com/main/icon-layout-horizontal.png");
}
.cl-combobox.change-layout.vertical .cl-icon {
  background-image: url("images/com/main/icon-layout-vertical.png");
}
.cl-combobox.change-layout.division .cl-icon {
  background-image: url("images/com/main/icon-layout-division.png");
}
.cl-combobox.change-layout.window .cl-icon {
  background-image: url("images/com/main/icon-layout-window.png");
}
.cl-combobox-list.change-layout {
  border: none;
  border-radius: 4px;
  padding: 8px 0px;
  width: 40px !important;
}
.cl-combobox-list.change-layout.cl-popup {
  box-shadow: 0 3px 12px 1px rgba(44, 55, 130, 0.15);
}
.cl-combobox-list.change-layout.cl-bottom {
  margin-top: 5px;
  margin-left: -5px;
}
.cl-combobox-list.change-layout .cl-combobox-item {
  height: 30px;
  padding: 3px 10px;
  font-size: 0px;
}
.cl-combobox-list.change-layout .cl-combobox-item .cl-icon {
  background-size: 16px;
  width: 20px;
}
.cl-combobox-list.change-layout .cl-combobox-item .cl-text {
  padding-left: 0px;
}
.cl-combobox-list.change-layout .cl-combobox-item.cl-selected {
  background-color: transparent;
  color: #307bd8;
}
.cl-combobox-list.change-layout .cl-combobox-item.cl-selected.cl-hover,
.cl-combobox-list.change-layout .cl-combobox-item.cl-selected:hover {
  background-color: #f5f6fa;
  color: #307bd8;
}
.cl-combobox-list.change-layout .cl-combobox-item.default .cl-icon {
  background-image: url("images/com/main/icon-layout-default.png");
}
.cl-combobox-list.change-layout .cl-combobox-item.horizontal .cl-icon {
  background-image: url("images/com/main/icon-layout-horizontal.png");
}
.cl-combobox-list.change-layout .cl-combobox-item.vertical .cl-icon {
  background-image: url("images/com/main/icon-layout-vertical.png");
}
.cl-combobox-list.change-layout .cl-combobox-item.division .cl-icon {
  background-image: url("images/com/main/icon-layout-division.png");
}
.cl-combobox-list.change-layout .cl-combobox-item.window .cl-icon {
  background-image: url("images/com/main/icon-layout-window.png");
}
/************************************************
 * 패널 (라이트바)
 ************************************************/
.cl-container.rightbar {
  background-color: #ffffff;
  box-shadow: 0 3px 12px 1px rgba(43, 55, 72, 0.15);
}
.cl-container.rightbar .cl-container.panel-title-box .cl-button.btn-panel-close {
  background-color: transparent;
  background-image: url("images/com/main/icon-close-circle-fill.svg");
  background-position: center;
  border: none;
}
.cl-loadmask.cl-overlay {
  /*background-color : rgba(0, 0, 0, 0.2);*/
  background-color: transparent;
}
.cl-container.search-box {
  border: 1px solid #cfcfcf;
  background-color: #ffffff;
  /* disabled style */
}
.cl-container.search-box .cl-output {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  text-align: right;
  background-repeat: no-repeat;
  background-position: left center;
}
.cl-container.search-box .cl-output.require {
  background-image: url("images/search/output_required.png");
  background-position: right center;
  padding-right: 8px;
}
.cl-container.search-box.vertical .cl-output {
  text-align: left;
}
.cl-container.search-box.vertical .cl-output.require {
  background-position: left center;
  padding-right: 0px;
  padding-left: 8px;
}
.cl-container.search-box.cl-disabled {
  background-image: none;
  background-color: #f7f8fa;
}
/* 프리폼 영역 스타일 */
.cl-container.form-box {
  background-color: #ffffff;
  border: 1px solid #dbdfea;
  /* disabled style */
}
.cl-container.form-box .cl-output {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  text-align: right;
  font-weight: bold;
  background-repeat: no-repeat;
  border: 1px solid #dee0e7;
}
.cl-container.form-box .cl-output:not(.cl-disabled) {
  background-color: #eff0f4;
}
.cl-container.form-box .cl-output.require {
  background-image: url("images/search/output_required.png");
  background-position: right center;
  padding-right: 8px;
}
.cl-container.form-box .cl-output.cl-disabled {
  background-image: none;
  background-color: none;
}
.cl-container.form-box.cl-disabled {
  background-image: none;
  background-color: #f7f8fa;
}
/* 화면의 각 데이터 영역 스타일 */
.cl-container.data-box {
  border: 1px solid #cfcfcf;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #ffffff;
}
.loaders {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.loader {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 100%;
}
/* 인풋 계열 공통 */
.cl-inputbox.required,
.cl-searchinput.required,
.cl-numbereditor.required,
.cl-maskeditor.required,
.cl-textarea.required,
.cl-dateinput.required,
.cl-combobox.required,
.cl-fileinput.required {
  background-color: #e9f2fe;
  border-color: #559bfb;
}
.cl-inputbox.required .cl-text.cl-placeholder,
.cl-searchinput.required .cl-text.cl-placeholder,
.cl-numbereditor.required .cl-text.cl-placeholder,
.cl-maskeditor.required .cl-text.cl-placeholder,
.cl-textarea.required .cl-text.cl-placeholder,
.cl-dateinput.required .cl-text.cl-placeholder,
.cl-combobox.required .cl-text.cl-placeholder,
.cl-fileinput.required .cl-text.cl-placeholder {
  color: #8091a7 !important;
}
/* 인풋 계열 확장 */
.cl-numbereditor.required .cl-numbereditor-buttons:not(.cl-disabled) {
  border-left-color: #559bfb;
}
.cl-fileinput.required:before {
  border-left-color: #559bfb;
  background-color: #559bfb;
  color: #ffffff;
}
.cl-linkedcombobox.required .cl-linkedcombobox-combo {
  background-color: #e9f2fe;
  border-color: #559bfb;
}
/* 에러 상태 */
.cl-inputbox.danger,
.cl-searchinput.danger,
.cl-numbereditor.danger,
.cl-maskeditor.danger,
.cl-textarea.danger,
.cl-dateinput.danger,
.cl-combobox.danger,
.cl-fileinput.danger {
  background-color: #fce9e7;
  border-color: #e85347;
}
.cl-inputbox.danger .cl-text.cl-placeholder,
.cl-searchinput.danger .cl-text.cl-placeholder,
.cl-numbereditor.danger .cl-text.cl-placeholder,
.cl-maskeditor.danger .cl-text.cl-placeholder,
.cl-textarea.danger .cl-text.cl-placeholder,
.cl-dateinput.danger .cl-text.cl-placeholder,
.cl-combobox.danger .cl-text.cl-placeholder,
.cl-fileinput.danger .cl-text.cl-placeholder {
  color: #8091a7 !important;
}
/* 인풋 계열 확장 */
.cl-numbereditor.danger .cl-numbereditor-buttons:not(.cl-disabled) {
  border-left-color: #e85347;
}
.cl-fileinput.danger:before {
  border-left-color: #e85347;
  background-color: #e85347;
  color: #ffffff;
}
.cl-linkedcombobox.danger .cl-linkedcombobox-combo {
  background-color: #fce9e7;
  border-color: #e85347;
}
.cl-grid.thead-dark .cl-grid-header {
  background-color: #3c4d62;
}
.cl-grid.thead-dark .cl-grid-header .cl-grid-cell {
  color: #ffffff;
}
.cl-grid.thead-dark .cl-grid-header .cl-grid-cell .cl-control {
  color: #ffffff;
}
.cl-grid.thead-dark .cl-grid-header .cl-filter {
  background-image: url("custom/images/controls/grid/icon-filter2.png");
}
.cl-grid.thead-dark .cl-grid-header .cl-filter:hover {
  background-image: url("custom/images/controls/grid/icon-filter-hover.png");
}
.cl-grid.thead-dark .cl-grid-header .cl-filter.cl-filtered {
  background-image: url("custom/images/controls/grid/icon-filter-on2.png");
}
.cl-grid.table-striped .cl-grid-detail .cl-grid-row.cl-even-row {
  background-color: #f5f6fa;
  color: #252525;
}
.cl-grid.table-borderless .cl-grid-cell {
  border-right: none;
}
.cl-grid.table-hoverable .cl-grid-detail .cl-grid-row.cl-hover,
.cl-grid.table-hoverable .cl-grid-detail .cl-grid-row:hover {
  background-color: #edf2f9;
  color: #252525;
}
.cl-grid.table-autosize .cl-grid-detail .cl-grid-row:last-child .cl-grid-cell {
  border-bottom: none;
}
.cl-output.grid-title {
  background-image: url("custom/images/controls/output/icon-reserved-line.svg");
  background-position: left center;
  background-size: 16px;
  font-weight: 500;
  padding-left: 20px;
}
p.label {
  display: inline-block;
  margin: 5px 0 0 0;
  font-size: 0.73125rem;
}
span.require {
  display: inline;
  color: #f4bd0e;
  font-size: 1.035rem;
  vertical-align: middle;
  padding-left: 5px;
  line-height: 0.5;
}
.cl-output.label {
  font-size: 0.73125rem;
}
.cl-output.label.require .cl-text:after {
  content: "*";
  display: inline-block;
  position: absolute;
  width: auto;
  color: #f4bd0e;
  float: left;
  font-size: 1.035rem;
  padding-left: 5px;
}
/* 그룹 타이틀 */
.data-title {
  color: #263238;
  background-image: url("images/controls/output/ico_bul.png");
  background-position: left center;
  background-size: 12px;
  background-repeat: no-repeat;
  padding-left: 18px;
  font-weight: bold;
  font-size: 13px;
}
/* 링크 텍스트 */
.text-link {
  color: #0000FF !important;
  text-decoration: underline;
  cursor: pointer;
}
.notify-text {
  color: #ef3343;
  font-weight: bold;
}
.notify-text .cl-text:before {
  content: url("images/controls/output/ico_check.png");
}
.cl-container.body-detail {
  background-image: linear-gradient(#1b1b1b 60px, #f5f6fa 60px);
}
.cl-container.header-detail .cl-output.header-title {
  font-size: 1.035rem;
  font-weight: 500;
}
.cl-container.header-detail .cl-button[class*="btn-nav-"] {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  color: #ebeef2;
  font-size: 0.45rem;
  padding-top: 5px;
}
.cl-container.header-detail .cl-button[class*="btn-nav-"]:not(.cl-disabled).cl-focus,
.cl-container.header-detail .cl-button[class*="btn-nav-"]:not(.cl-disabled).cl-hover,
.cl-container.header-detail .cl-button[class*="btn-nav-"]:not(.cl-disabled):hover {
  color: #378ef0;
}
.cl-container.header-detail .cl-button.btn-nav-code {
  background-image: url("custom/images/icon/icon-code-gray-20px.svg");
}
.cl-container.header-detail .cl-button.btn-nav-code:not(.cl-disabled).cl-focus,
.cl-container.header-detail .cl-button.btn-nav-code:not(.cl-disabled).cl-hover,
.cl-container.header-detail .cl-button.btn-nav-code:not(.cl-disabled):hover {
  background-image: url("custom/images/icon/icon-code-blue-20px.svg");
}
.cl-container.header-detail .cl-button.btn-nav-download {
  background-image: url("custom/images/icon/icon-download-gray-20px.svg");
}
.cl-container.header-detail .cl-button.btn-nav-download:not(.cl-disabled).cl-focus,
.cl-container.header-detail .cl-button.btn-nav-download:not(.cl-disabled).cl-hover,
.cl-container.header-detail .cl-button.btn-nav-download:not(.cl-disabled):hover {
  background-image: url("custom/images/icon/icon-download-blue-20px.svg");
}
.cl-container.header-detail .cl-button.btn-nav-clipboard {
  background-image: url("custom/images/icon/icon-clipboard-gray-20px.svg");
}
.cl-container.header-detail .cl-button.btn-nav-clipboard:not(.cl-disabled).cl-focus,
.cl-container.header-detail .cl-button.btn-nav-clipboard:not(.cl-disabled).cl-hover,
.cl-container.header-detail .cl-button.btn-nav-clipboard:not(.cl-disabled):hover {
  background-image: url("custom/images/icon/icon-clipboard-blue-20px.svg");
}
.cl-container.header-detail .cl-button.btn-nav-rotate {
  background-image: url("custom/images/icon/icon-rotate-cw-gray-20px.svg");
}
.cl-container.header-detail .cl-button.btn-nav-rotate:not(.cl-disabled).cl-focus,
.cl-container.header-detail .cl-button.btn-nav-rotate:not(.cl-disabled).cl-hover,
.cl-container.header-detail .cl-button.btn-nav-rotate:not(.cl-disabled):hover {
  background-image: url("custom/images/icon/icon-rotate-cw-blue-20px.svg");
}
/*
 * 일반 코드미러
 */
/*
 * 임베디드된 코드미러
 */
.embedded-cm + .CodeMirror {
  height: auto !important;
}
/** 한줄짜리 코멘트 스타일 */
.comment {
  color: #0000FF;
  background-color: #ffffff !important;
  border-style: none !important;
}
/** 다중 라인 코멘트 스타일 */
.comment-box {
  color: #0000FF;
  vertical-align: top;
  background-color: #E9EFF7;
  border-top: solid 2px #ADCEF1;
  border-left: none 2px #ADCEF1;
  border-right: none 2px #ADCEF1;
  border-bottom: solid 1px #F1F3F7;
  padding-top: 5px;
  padding-left: 5px;
  font-weight: bold;
}
/* header */
.cl-container.header-mobile {
  font-family: Malgun Gothic;
  background-image: url("images/com/main/gnb_bg2.png");
}
.cl-container.header-mobile .cl-button {
  background-color: transparent;
  background-position: center;
  background-size: 20px;
  border: none;
  border-radius: 0;
}
.cl-container.header-mobile .cl-button.btn-nav-usermenu-mobile {
  background-image: url("images/icon/icon-power-blue-20px.svg");
}
/* 메뉴 오픈 버튼 */
.cl-button.btn-menu-open-mobile,
.cl-button.btn-menu-open-mobile:hover,
.cl-button.btn-menu-open-mobile.cl-hover,
.cl-button.btn-menu-open-mobile:active,
.cl-button.btn-menu-open-mobile.cl-active {
  border-radius: 0px;
  background-image: url("images/com/main/icon-menu.svg");
  background-position: center center;
  background-repeat: no-repeat;
}
/* 메뉴 닫기 버튼 */
.cl-button.btn-menu-close-mobile,
.cl-button.btn-menu-close-mobile:hover,
.cl-button.btn-menu-close-mobile.cl-hover,
.cl-button.btn-menu-close-mobile:active,
.cl-button.btn-menu-close-mobile.cl-active {
  border-radius: 0px;
  background-image: url("images/com/main/icon-tab-all-close.svg");
  background-position: center center;
  background-repeat: no-repeat;
}
/* MDI 화면Refresh 버튼 */
.cl-button.btn-mdi-refresh-mobile,
.cl-button.btn-mdi-refresh-mobile:hover,
.cl-button.btn-mdi-refresh-mobile.cl-hover,
.cl-button.btn-mdi-refresh-mobile:active,
.cl-button.btn-mdi-refresh-mobile.cl-active {
  border-color: #DDDDDD;
  border-radius: 1px;
  background-color: #ffffff;
  background-image: url("images/menu/ico-refresh.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.cl-button.btn-mdi-refresh-mobile:hover,
.cl-button.btn-mdi-refresh-mobile:hover:hover,
.cl-button.btn-mdi-refresh-mobile.cl-hover:hover,
.cl-button.btn-mdi-refresh-mobile:active:hover,
.cl-button.btn-mdi-refresh-mobile.cl-active:hover {
  background-color: #E8EAEB;
}
/******************************************************************* 
 * 메뉴 트리
 *******************************************************************/
.cl-tree.menu-tree-mobile {
  border: 1px solid #0d417c;
  background-color: #0d417c;
  color: #ffffff;
  font-size: 14px;
  font-family: Malgun Gothic;
  float: left;
  /* 트리 아이템 */
}
.cl-tree.menu-tree-mobile .cl-tree-item {
  border-bottom: 1px solid #223c6c;
  height: 35px;
  background-image: url("images/icon/ico_lnb_1dep.png");
  background-repeat: no-repeat;
  background-position: 5px center, left top;
  /* 트리 아이템 체크박스 아이콘 */
  /* 트리 아이템 아이콘 영역 */
  /* 트리 아이템 텍스트 */
  /* 트리 아이템 - disabled */
  /* 트리 아이템 - selected */
}
.cl-tree.menu-tree-mobile .cl-tree-item .cl-tree-checkbox {
  display: none;
  width: 0px;
}
.cl-tree.menu-tree-mobile .cl-tree-item .cl-tree-treeicon {
  display: none;
  width: 0px;
}
.cl-tree.menu-tree-mobile .cl-tree-item .cl-tree-itemicon {
  display: none;
  width: 0px;
}
.cl-tree.menu-tree-mobile .cl-tree-item .cl-text {
  float: left;
  padding-left: 25px;
}
.cl-tree.menu-tree-mobile .cl-tree-item.cl-folder {
  background-color: #223c6c;
  /* 트리 아이템 폴더 아이콘*/
  /* 트리 아이템 폴더 아이콘 - 펼쳐짐*/
  /* 트리 아이템 폴더 아이콘 - 접힘 ">" */
}
.cl-tree.menu-tree-mobile .cl-tree-item.cl-folder .cl-tree-itemicon {
  background-image: none;
  width: 0px;
}
.cl-tree.menu-tree-mobile .cl-tree-item.cl-folder.cl-expanded .cl-text {
  background-image: url("images/icon/ico_lnb_bottom.png");
  background-position: right center;
  background-repeat: no-repeat;
}
.cl-tree.menu-tree-mobile .cl-tree-item.cl-folder.cl-collapsed .cl-text {
  background-image: url("images/icon/ico_lnb_right.png");
  background-position: right center;
  background-repeat: no-repeat;
}
.cl-tree.menu-tree-mobile .cl-tree-item.cl-disabled {
  color: #666;
  /* 트리 아이템 - disabled, selected */
}
.cl-tree.menu-tree-mobile .cl-tree-item.cl-disabled.cl-selected {
  color: #777;
  background-color: #ccc;
}
.cl-tree.menu-tree-mobile .cl-tree-item.cl-selected {
  background-color: #2E3961;
  color: #ffffff;
}
.cl-tree.menu-tree-mobile .cl-tree-item:not(.cl-disabled) {
  /* 트리 아이템 - hover */
}
.cl-tree.menu-tree-mobile .cl-tree-item:not(.cl-disabled):not(.cl-selected).cl-hover,
.cl-tree.menu-tree-mobile .cl-tree-item:not(.cl-disabled):not(.cl-selected):hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.cl-tree.menu-tree-mobile .cl-tree-item:not(.cl-disabled).cl-selected {
  color: #ffffff;
}
.cl-tree.menu-tree-mobile .sub-items .cl-tree-item {
  border-bottom: 1px solid #3b5586;
  background-color: #3b5586;
  height: 30px;
  background-repeat: no-repeat;
  background-position: 20px center, left top;
  /* 최하위*/
}
.cl-tree.menu-tree-mobile .sub-items .cl-tree-item.cl-expanded {
  background-image: url("images/icon/ico_lnb_2dep_open.png");
}
.cl-tree.menu-tree-mobile .sub-items .cl-tree-item.cl-collapsed {
  background-image: url("images/icon/ico_lnb_2dep_close.png");
}
.cl-tree.menu-tree-mobile .sub-items .cl-tree-item .cl-text {
  color: #ffffff;
  font-size: 13px;
  padding-left: 30px;
}
.cl-tree.menu-tree-mobile .sub-items .cl-tree-item.cl-folder {
  /* 트리 아이템 폴더 아이콘*/
  /* 트리 아이템 폴더 아이콘 - 펼쳐짐*/
  /* 트리 아이템 폴더 아이콘 - 접힘 ">" */
}
.cl-tree.menu-tree-mobile .sub-items .cl-tree-item.cl-folder .cl-tree-itemicon {
  background-image: none;
  width: 0px;
}
.cl-tree.menu-tree-mobile .sub-items .cl-tree-item.cl-folder.cl-expanded > .cl-tree-treeicon {
  background-image: none;
}
.cl-tree.menu-tree-mobile .sub-items .cl-tree-item.cl-folder.cl-expanded .cl-text {
  background-image: url("images/icon/ico_lnb_bottom.png");
  background-position: right center;
  background-repeat: no-repeat;
}
.cl-tree.menu-tree-mobile .sub-items .cl-tree-item.cl-folder.cl-collapsed > .cl-tree-treeicon {
  background-image: none;
}
.cl-tree.menu-tree-mobile .sub-items .cl-tree-item.cl-folder.cl-collapsed .cl-text {
  background-image: url("images/icon/ico_lnb_right.png");
  background-position: right center;
  background-repeat: no-repeat;
}
.cl-tree.menu-tree-mobile .sub-items .cl-tree-item.cl-leaf {
  background-image: none;
  background-color: #d5e9fb;
  border-bottom-style: none;
  padding-left: 0px;
  height: 22px;
}
.cl-tree.menu-tree-mobile .sub-items .cl-tree-item.cl-leaf .cl-text {
  color: #10213c;
  float: left;
  font-weight: normal;
  font-size: 12px;
}
.cl-tree.menu-tree-mobile .sub-items .cl-tree-item.cl-leaf.cl-selected {
  text-decoration: underline;
  background-color: #18C5E6;
}
.cl-tree.menu-tree-mobile .sub-items .cl-tree-item.cl-leaf.cl-selected .cl-text {
  color: #ffffff;
}
.cl-tree.menu-tree-mobile .sub-items .cl-tree-item.cl-leaf.cl-hover,
.cl-tree.menu-tree-mobile .sub-items .cl-tree-item.cl-leaf:hover {
  background-color: #8CE2F2;
}
/************************************************
 * 컨텐츠
 ************************************************/
.cl-mdifolder.content-mobile .cl-tabfolder-body {
  border: none;
  border-radius: 0;
  padding: 0px !important;
}
.cl-mdifolder.content-mobile .cl-tabfolder-body .cl-scrollbar.cl-touchdevice::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0px;
  height: 0px;
}
.cl-mdifolder.content-mobile .cl-tabfolder-body .cl-scrollbar.cl-touchdevice::-moz-scrollbar {
  -moz-appearance: none;
  width: 0px;
  height: 0px;
}
/* 조회 영역 스타일 */
.cl-container.search-box-edu {
  border: 1px solid #ddd;
  background-color: #ffffff;
  border-radius: 4px;
  /* disabled style */
}
.cl-container.search-box-edu .cl-output {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #333;
  font-size: 95%;
  font-weight: 700;
  text-align: left;
  background-repeat: no-repeat;
  background-position: left center;
}
.cl-container.search-box-edu .cl-output.require {
  background-image: url("images/search/output_required.png");
  background-position: left center;
  padding-left: 8px;
}
.cl-container.search-box-edu.vertical .cl-output {
  text-align: left;
}
.cl-container.search-box-edu.vertical .cl-output.require {
  background-position: left center;
  padding-right: 0px;
  padding-left: 8px;
}
.cl-container.search-box-edu.cl-disabled {
  background-image: none;
  background-color: #f7f8fa;
}
/* 조회 버튼 스타일 */
.cl-button.btn-search-edu {
  color: #ffffff;
  border-color: #0082d4;
  text-shadow: none;
  background-image: none;
  text-align: center;
  background-color: #3583da;
}
.cl-button.btn-search-edu:not(.cl-disabled):hover {
  color: #ffffff;
  background-color: #0082D4;
}
.cl-button.btn-search-edu:not(.cl-disabled).cl-activated,
.cl-button.btn-search-edu:not(.cl-disabled):active {
  opacity: 0.3;
}
/* 검색옵션 버튼 스타일 */
.cl-button.btn-grid-option-edu {
  color: #60B8B8;
  border: 1px solid #60B8B8 !important;
  text-shadow: none;
  background-image: none;
  text-align: center;
  background-color: #ffffff;
}
.cl-button.btn-grid-option-edu:not(.cl-disabled):hover {
  color: #ffffff;
  font-weight: normal;
  background-color: #60B8B8;
}
.cl-button.btn-grid-option-edu:not(.cl-disabled).cl-activated,
.cl-button.btn-grid-option-edu:not(.cl-disabled):active {
  opacity: 0.3;
}
/* 버튼 스타일 */
.cl-button.btn-normal-edu {
  color: #1a73e9;
  border: 1px solid #1a73e9 !important
	text-shadow: none background-image: none;
  text-align: center;
  background-color: #ffffff;
}
.cl-button.btn-normal-edu:not(.cl-disabled):hover {
  color: #ffffff;
  font-weight: normal;
  background-color: #1A73E9;
}
.cl-button.btn-normal-edu:not(.cl-disabled).cl-activated,
.cl-button.btn-normal-edu:not(.cl-disabled):active {
  opacity: 0.3;
}
/* 타이틀  스타일 */
.cl-output.title-edu {
  font-family: webfont, "Malgun Gothic", "맑은 고딕", "Nanum Gothic", "나눔 고딕", 돋움, dotum, sans-serif;
  background-image: url("images/controls/output/grid_bul.png");
  background-position: top left;
  padding-top: 10px;
  color: #000;
  font-size: 22px;
  font-weight: 300;
}
/* 그리드 행 갯수 스타일 */
.cl-output.grid-rowcount-edu {
  color: #000;
  border-style: none;
  text-shadow: none;
  background-image: none;
  text-align: center;
  background-color: transparent;
}
.cl-grid.grid-body-edu {
  border-top: 4px solid #555555;
  /* 그리드 헤더 */
  /* 그리드 디테일 외곽 영역 */
  /* 그리드 No 데이터 메시지 */
}
.cl-grid.grid-body-edu .cl-grid-header {
  background-image: none;
  background-color: #FBFBFB;
  color: #393939;
  font-weight: bold;
  border-bottom: 2px solid #A6A6A6;
}
.cl-grid.grid-body-edu .cl-grid-detail .cl-grid-cell {
  color: #555;
  text-align: left;
}
.cl-grid.grid-body-edu .cl-grid-cell {
  border-right: solid 1px #CECECE;
  border-bottom: solid 1px #CECECE;
}
.cl-grid.grid-body-edu .cl-nodatamsg {
  padding-top: 15px;
}
.cl-grid-row.grid-row-edu {
  /* 선택된 로우 - 보기 모드 */
}
.cl-grid-row.grid-row-edu.cl-selected {
  background-color: #FBFBFB !important;
  color: #252525 !important;
  /* 포커스 셀 */
}
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell {
  background-color: #FBFBFB !important;
}
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-default-cell,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-output,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell cl-checkbox,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-inputbox,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-maskeditor,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-numbereditor,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-dateinput,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-combobox,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-fileinput {
  background-color: #FBFBFB !important;
  color: #252525 !important;
}
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-default-cell:hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-output:hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell cl-checkbox:hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-inputbox:hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-maskeditor:hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-numbereditor:hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-dateinput:hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-combobox:hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-fileinput:hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-default-cell.cl-hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-output.cl-hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell cl-checkbox.cl-hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-inputbox.cl-hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-maskeditor.cl-hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-numbereditor.cl-hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-dateinput.cl-hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-combobox.cl-hover,
.cl-grid-row.grid-row-edu.cl-selected .cl-grid-cell .cl-fileinput.cl-hover {
  background-color: #FBFBFB;
}
.cl-container.emply-box {
  background-color: #ffffff;
}
.cl-container.emply-box .cl-container.emply-header {
  background-image: url("images/emply/sub_top_img.png");
  background-repeat: no-repeat;
  background-color: #eff6fd;
  background-position: center;
  background-size: cover;
}
.cl-container.emply-box .cl-output.emply-header-title {
  font-size: 37px;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
}
.cl-container.emply-box .cl-output.emply-header-sub-title {
  font-size: 20px;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
}
/* 그리드 */
.cl-grid.emply-grid {
  font: 13px sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #4d4d4d;
  background-color: #ffffff;
  border-top: 2px solid #A21320;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #dfdfdf;
  /* 그리드 헤더 */
  /* 그리드 푸터 */
  /* 그리드 헤더 외곽 영역 */
  /* 그리드 디테일 외곽 영역 */
  /* 그리드 푸터 외곽 영역 */
  /* 왼쪽 틀고정된 그리드의 스타일 */
  /* 오른쪽 틀고정된 그리드의 스타일 */
  /* 스플릿 상단 그리드 래퍼 */
  /* 스플릿 하단 그리드 래퍼 */
  /* noDataMessage 보여질 때 해당 텍스트영역 스타일 */
}
.cl-grid.emply-grid .cl-grid-header {
  background-image: none;
  background-color: #FDF1F2;
  color: #4d4d4d;
  font-size: 16px;
  /* 그리드 헤더 셀 */
  /* 
		@deprecated (header의 sortColumnName속성)
		그리드 헤더 셀 소트 인디케이터 
		*/
  /* 그리드 헤더 셀 필터 인디케이터 */
  /* 그리드 헤더 셀이 소트가능 한 셀일 때 스타일 */
}
.cl-grid.emply-grid .cl-grid-header .cl-grid-cell {
  /* 그리드 헤더 셀에 임베딩 된 컨트롤 */
}
.cl-grid.emply-grid .cl-grid-header .cl-grid-cell .cl-text {
  text-align: center;
}
.cl-grid.emply-grid .cl-grid-header .cl-grid-cell .cl-control {
  font-weight: bold;
}
.cl-grid.emply-grid .cl-grid-header .cl-grid-cell.require {
  color: #0f86ee;
  font-weight: bold;
}
.cl-grid.emply-grid .cl-grid-header .cl-sort {
  width: 20px;
  /* 그리드 헤더 셀 소트 인디케이터 - 소트 가능 */
  /* 그리드 헤더 셀 소트 인디케이터 - 오름차순 정렬됨 */
  /* 그리드 헤더 셀 소트 인디케이터 - 내림차순 정렬됨 */
}
.cl-grid.emply-grid .cl-grid-header .cl-filter {
  background-image: url("images/icon/component/icon-filter-gray-16px.svg");
  margin-right: 0.3125rem;
  /* 그리드 헤더 셀 필터 인디케이터에 마우스가 호버되었을 때 스타일 */
  /* 그리드 헤더 셀 필터 인디케이터 - 필터되었을 때 스타일 */
}
.cl-grid.emply-grid .cl-grid-header .cl-filter:hover {
  background-image: url("images/controls/grid/icon-filter-hover.png");
}
.cl-grid.emply-grid .cl-grid-header .cl-filter.cl-filtered {
  background-image: url("images/controls/grid/icon-filter-on.png");
}
.cl-grid.emply-grid .cl-grid-header .cl-sortable-cell {
  /* 그리드 헤더 셀 소트 인디케이터 */
  /* 그리드 헤더 셀 소트 인디케이터 - 오름차순 정렬됨  */
  /* 그리드 헤더 셀 소트 인디케이터 - 내림차순 정렬됨  */
}
.cl-grid.emply-grid .cl-grid-header .cl-sortable-cell .cl-sort {
  width: 0px;
  /* 그리드 헤더 셀 소트 인디케이터 - 소트 가능한 아이콘 */
  /* 그리드 헤더 셀 소트 인디케이터 - 소트 우선 순위 영역*/
}
.cl-grid.emply-grid .cl-grid-header .cl-sortable-cell .cl-sort .cl-sort-icon {
  display: inline-block;
  width: 12px;
  height: 100% !important;
  float: left;
}
.cl-grid.emply-grid .cl-grid-header .cl-sortable-cell .cl-sort .cl-sort-seq {
  float: left;
  display: inline-block;
  width: 0.3125rem;
  height: 100% !important;
  line-height: 3rem;
  color: #09c2de;
}
.cl-grid.emply-grid .cl-grid-header .cl-sortable-cell.cl-sort-asc {
  /* 그리드 헤더 셀 소트 인디케이터 - 오름차순 아이콘 */
}
.cl-grid.emply-grid .cl-grid-header .cl-sortable-cell.cl-sort-asc .cl-sort {
  width: 1.063rem;
}
.cl-grid.emply-grid .cl-grid-header .cl-sortable-cell.cl-sort-desc {
  /* 그리드 헤더 셀 소트 인디케이터 - 내림차순 아이콘 */
}
.cl-grid.emply-grid .cl-grid-header .cl-sortable-cell.cl-sort-desc .cl-sort {
  width: 1.063rem;
}
.cl-grid.emply-grid .cl-grid-footer {
  border-top: solid 1px #dfdfdf;
}
.cl-grid.emply-grid .cl-grid-header {
  /* 디테일에 스크롤이 생길시 우측에 생기는 빈 영역 */
}
.cl-grid.emply-grid .cl-grid-header .cl-blank {
  background-color: #f1f1f1;
}
.cl-grid.emply-grid .cl-grid-detail {
  /* 디테일에 스크롤이 생길시 우측하단에 생기는 빈 영역 */
}
.cl-grid.emply-grid .cl-grid-detail .cl-grid-cell {
  text-align: left;
}
.cl-grid.emply-grid .cl-grid-detail .cl-blank {
  background-color: #f1f1f1;
}
.cl-grid.emply-grid .cl-grid-footer {
  /* 디테일에 스크롤이 생길시 우측에 생기는 빈 영역 */
}
.cl-grid.emply-grid .cl-grid-footer .cl-blank {
  background-color: #f1f1f1;
}
.cl-grid.emply-grid.cl-leftsplit {
  /* 스플릿 시 좌측 그리드 래퍼 */
}
.cl-grid.emply-grid.cl-rightsplit {
  /* 스플릿 시 우측 그리드 래퍼 */
}
.cl-grid.emply-grid .cl-grid-topsplit {
  border-bottom: double 3px #333;
}
.cl-grid.emply-grid .cl-grid-bottomsplit {
  border-top: double 3px #333;
}
/* 그리드 2022.11.17 호서대요청*/
.cl-grid.emply-default-grid {
  font: 13px sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #4d4d4d;
  background-color: #ffffff;
  border-top: 2px solid #A21320;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #dfdfdf;
  /* 그리드 헤더 */
  /* 그리드 푸터 */
  /* 그리드 헤더 외곽 영역 */
  /* 그리드 디테일 외곽 영역 */
  /* 그리드 푸터 외곽 영역 */
  /* 왼쪽 틀고정된 그리드의 스타일 */
  /* 오른쪽 틀고정된 그리드의 스타일 */
  /* 스플릿 상단 그리드 래퍼 */
  /* 스플릿 하단 그리드 래퍼 */
  /* noDataMessage 보여질 때 해당 텍스트영역 스타일 */
}
.cl-grid.emply-default-grid .cl-grid-header {
  background-image: none;
  background-color: #FDF1F2;
  color: #4d4d4d;
  font-size: 16px;
  /* 그리드 헤더 셀 */
  /* 
		@deprecated (header의 sortColumnName속성)
		그리드 헤더 셀 소트 인디케이터 
		*/
  /* 그리드 헤더 셀 필터 인디케이터 */
  /* 그리드 헤더 셀이 소트가능 한 셀일 때 스타일 */
}
.cl-grid.emply-default-grid .cl-grid-header .cl-grid-cell {
  /* 그리드 헤더 셀에 임베딩 된 컨트롤 */
}
.cl-grid.emply-default-grid .cl-grid-header .cl-grid-cell .cl-text {
  text-align: center;
}
.cl-grid.emply-default-grid .cl-grid-header .cl-grid-cell .cl-control {
  font-weight: bold;
}
.cl-grid.emply-default-grid .cl-grid-header .cl-grid-cell.require {
  color: #0f86ee;
  font-weight: bold;
}
.cl-grid.emply-default-grid .cl-grid-header .cl-sort {
  width: 20px;
  /* 그리드 헤더 셀 소트 인디케이터 - 소트 가능 */
  /* 그리드 헤더 셀 소트 인디케이터 - 오름차순 정렬됨 */
  /* 그리드 헤더 셀 소트 인디케이터 - 내림차순 정렬됨 */
}
.cl-grid.emply-default-grid .cl-grid-header .cl-filter {
  background-image: url("images/icon/component/icon-filter-gray-16px.svg");
  margin-right: 0.3125rem;
  /* 그리드 헤더 셀 필터 인디케이터에 마우스가 호버되었을 때 스타일 */
  /* 그리드 헤더 셀 필터 인디케이터 - 필터되었을 때 스타일 */
}
.cl-grid.emply-default-grid .cl-grid-header .cl-filter:hover {
  background-image: url("images/controls/grid/icon-filter-hover.png");
}
.cl-grid.emply-default-grid .cl-grid-header .cl-filter.cl-filtered {
  background-image: url("images/controls/grid/icon-filter-on.png");
}
.cl-grid.emply-default-grid .cl-grid-header .cl-sortable-cell {
  /* 그리드 헤더 셀 소트 인디케이터 */
  /* 그리드 헤더 셀 소트 인디케이터 - 오름차순 정렬됨  */
  /* 그리드 헤더 셀 소트 인디케이터 - 내림차순 정렬됨  */
}
.cl-grid.emply-default-grid .cl-grid-header .cl-sortable-cell .cl-sort {
  width: 0px;
  /* 그리드 헤더 셀 소트 인디케이터 - 소트 가능한 아이콘 */
  /* 그리드 헤더 셀 소트 인디케이터 - 소트 우선 순위 영역*/
}
.cl-grid.emply-default-grid .cl-grid-header .cl-sortable-cell .cl-sort .cl-sort-icon {
  display: inline-block;
  width: 12px;
  height: 100% !important;
  float: left;
}
.cl-grid.emply-default-grid .cl-grid-header .cl-sortable-cell .cl-sort .cl-sort-seq {
  float: left;
  display: inline-block;
  width: 0.3125rem;
  height: 100% !important;
  line-height: 3rem;
  color: #09c2de;
}
.cl-grid.emply-default-grid .cl-grid-header .cl-sortable-cell.cl-sort-asc {
  /* 그리드 헤더 셀 소트 인디케이터 - 오름차순 아이콘 */
}
.cl-grid.emply-default-grid .cl-grid-header .cl-sortable-cell.cl-sort-asc .cl-sort {
  width: 1.063rem;
}
.cl-grid.emply-default-grid .cl-grid-header .cl-sortable-cell.cl-sort-desc {
  /* 그리드 헤더 셀 소트 인디케이터 - 내림차순 아이콘 */
}
.cl-grid.emply-default-grid .cl-grid-header .cl-sortable-cell.cl-sort-desc .cl-sort {
  width: 1.063rem;
}
.cl-grid.emply-default-grid .cl-grid-footer {
  border-top: solid 1px #dfdfdf;
}
.cl-grid.emply-default-grid .cl-grid-header {
  /* 디테일에 스크롤이 생길시 우측에 생기는 빈 영역 */
}
.cl-grid.emply-default-grid .cl-grid-header .cl-blank {
  background-color: #f1f1f1;
}
.cl-grid.emply-default-grid .cl-grid-detail {
  /* 디테일에 스크롤이 생길시 우측하단에 생기는 빈 영역 */
}
.cl-grid.emply-default-grid .cl-grid-detail .cl-grid-cell {
  text-align: left;
  background-color: #F1F2F2;
}
.cl-grid.emply-default-grid .cl-grid-detail .cl-blank {
  background-color: #f1f1f1;
}
.cl-grid.emply-default-grid .cl-grid-footer {
  /* 디테일에 스크롤이 생길시 우측에 생기는 빈 영역 */
}
.cl-grid.emply-default-grid .cl-grid-footer .cl-blank {
  background-color: #f1f1f1;
}
.cl-grid.emply-default-grid.cl-leftsplit {
  /* 스플릿 시 좌측 그리드 래퍼 */
}
.cl-grid.emply-default-grid.cl-rightsplit {
  /* 스플릿 시 우측 그리드 래퍼 */
}
.cl-grid.emply-default-grid .cl-grid-topsplit {
  border-bottom: double 3px #333;
}
.cl-grid.emply-default-grid .cl-grid-bottomsplit {
  border-top: double 3px #333;
}
/* 행 스타일 */
.cl-grid-row.emply-grid {
  color: #4d4d4d;
  font-size: 13px;
  /* 보기 모드의 로우 */
  /* 홀수 로우 */
  /* 짝수 로우 */
  /* 추가된 로우 */
  /* 수정된 로우 */
  /* 삭제된 로우 */
  /* 선택된 로우 - 보기 모드 */
  /* 편집중인 로우 */
  /* 행 그룹시 그룹의 헤더 */
  /* 행 그룹시 그룹의 푸터 */
}
.cl-grid-row.emply-grid.cl-viewing .cl-grid-cell {
  /* 인풋 계열 컨트롤 공통 */
  /* 출력 계열 컨트롤 공통 */
}
.cl-grid-row.emply-grid.cl-viewing .cl-grid-cell .cl-default-cell.cl-disabled {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-grid-row.emply-grid.cl-inserted {
  background-color: #e9f2fe;
}
.cl-grid-row.emply-grid.cl-inserted.cl-editing .cl-grid-cell .cl-default-cell {
  color: #252525;
}
.cl-grid-row.emply-grid.cl-inserted .cl-default-cell,
.cl-grid-row.emply-grid.cl-inserted .cl-inputbox,
.cl-grid-row.emply-grid.cl-inserted .cl-output,
.cl-grid-row.emply-grid.cl-inserted .cl-maskeditor,
.cl-grid-row.emply-grid.cl-inserted .cl-numbereditor,
.cl-grid-row.emply-grid.cl-inserted .cl-dateinput,
.cl-grid-row.emply-grid.cl-inserted .cl-button,
.cl-grid-row.emply-grid.cl-inserted .cl-textarea,
.cl-grid-row.emply-grid.cl-inserted .cl-combobox,
.cl-grid-row.emply-grid.cl-inserted .cl-treecell,
.cl-grid-row.emply-grid.cl-inserted .cl-fileinput {
  font-weight: 500;
}
.cl-grid-row.emply-grid.cl-inserted .cl-default-cell:hover,
.cl-grid-row.emply-grid.cl-inserted .cl-inputbox:hover,
.cl-grid-row.emply-grid.cl-inserted .cl-output:hover,
.cl-grid-row.emply-grid.cl-inserted .cl-maskeditor:hover,
.cl-grid-row.emply-grid.cl-inserted .cl-numbereditor:hover,
.cl-grid-row.emply-grid.cl-inserted .cl-dateinput:hover,
.cl-grid-row.emply-grid.cl-inserted .cl-button:hover,
.cl-grid-row.emply-grid.cl-inserted .cl-textarea:hover,
.cl-grid-row.emply-grid.cl-inserted .cl-combobox:hover,
.cl-grid-row.emply-grid.cl-inserted .cl-treecell:hover,
.cl-grid-row.emply-grid.cl-inserted .cl-fileinput:hover,
.cl-grid-row.emply-grid.cl-inserted .cl-default-cell.cl-hover,
.cl-grid-row.emply-grid.cl-inserted .cl-inputbox.cl-hover,
.cl-grid-row.emply-grid.cl-inserted .cl-output.cl-hover,
.cl-grid-row.emply-grid.cl-inserted .cl-maskeditor.cl-hover,
.cl-grid-row.emply-grid.cl-inserted .cl-numbereditor.cl-hover,
.cl-grid-row.emply-grid.cl-inserted .cl-dateinput.cl-hover,
.cl-grid-row.emply-grid.cl-inserted .cl-button.cl-hover,
.cl-grid-row.emply-grid.cl-inserted .cl-textarea.cl-hover,
.cl-grid-row.emply-grid.cl-inserted .cl-combobox.cl-hover,
.cl-grid-row.emply-grid.cl-inserted .cl-treecell.cl-hover,
.cl-grid-row.emply-grid.cl-inserted .cl-fileinput.cl-hover {
  background-color: #e9f2fe;
  color: #444;
}
.cl-grid-row.emply-grid.cl-modified {
  background-color: #fff3e9;
}
.cl-grid-row.emply-grid.cl-modified.cl-editing .cl-grid-cell .cl-default-cell {
  color: #252525 !important;
}
.cl-grid-row.emply-grid.cl-modified .cl-default-cell,
.cl-grid-row.emply-grid.cl-modified .cl-inputbox,
.cl-grid-row.emply-grid.cl-modified .cl-output,
.cl-grid-row.emply-grid.cl-modified .cl-maskeditor,
.cl-grid-row.emply-grid.cl-modified .cl-numbereditor,
.cl-grid-row.emply-grid.cl-modified .cl-dateinput,
.cl-grid-row.emply-grid.cl-modified .cl-button,
.cl-grid-row.emply-grid.cl-modified .cl-textarea,
.cl-grid-row.emply-grid.cl-modified .cl-combobox,
.cl-grid-row.emply-grid.cl-modified .cl-treecell,
.cl-grid-row.emply-grid.cl-modified .cl-fileinput {
  font-weight: 500;
}
.cl-grid-row.emply-grid.cl-modified .cl-default-cell:hover,
.cl-grid-row.emply-grid.cl-modified .cl-inputbox:hover,
.cl-grid-row.emply-grid.cl-modified .cl-output:hover,
.cl-grid-row.emply-grid.cl-modified .cl-maskeditor:hover,
.cl-grid-row.emply-grid.cl-modified .cl-numbereditor:hover,
.cl-grid-row.emply-grid.cl-modified .cl-dateinput:hover,
.cl-grid-row.emply-grid.cl-modified .cl-button:hover,
.cl-grid-row.emply-grid.cl-modified .cl-textarea:hover,
.cl-grid-row.emply-grid.cl-modified .cl-combobox:hover,
.cl-grid-row.emply-grid.cl-modified .cl-treecell:hover,
.cl-grid-row.emply-grid.cl-modified .cl-fileinput:hover,
.cl-grid-row.emply-grid.cl-modified .cl-default-cell.cl-hover,
.cl-grid-row.emply-grid.cl-modified .cl-inputbox.cl-hover,
.cl-grid-row.emply-grid.cl-modified .cl-output.cl-hover,
.cl-grid-row.emply-grid.cl-modified .cl-maskeditor.cl-hover,
.cl-grid-row.emply-grid.cl-modified .cl-numbereditor.cl-hover,
.cl-grid-row.emply-grid.cl-modified .cl-dateinput.cl-hover,
.cl-grid-row.emply-grid.cl-modified .cl-button.cl-hover,
.cl-grid-row.emply-grid.cl-modified .cl-textarea.cl-hover,
.cl-grid-row.emply-grid.cl-modified .cl-combobox.cl-hover,
.cl-grid-row.emply-grid.cl-modified .cl-treecell.cl-hover,
.cl-grid-row.emply-grid.cl-modified .cl-fileinput.cl-hover {
  background-color: #fff3e9;
  color: #444;
}
.cl-grid-row.emply-grid.cl-deleted {
  background-color: rgba(0, 0, 0, 0.05);
  color: #8091a7;
}
.cl-grid-row.emply-grid.cl-deleted .cl-default-cell,
.cl-grid-row.emply-grid.cl-deleted .cl-inputbox,
.cl-grid-row.emply-grid.cl-deleted .cl-output,
.cl-grid-row.emply-grid.cl-deleted .cl-maskeditor,
.cl-grid-row.emply-grid.cl-deleted .cl-numbereditor,
.cl-grid-row.emply-grid.cl-deleted .cl-dateinput,
.cl-grid-row.emply-grid.cl-deleted .cl-button,
.cl-grid-row.emply-grid.cl-deleted .cl-textarea,
.cl-grid-row.emply-grid.cl-deleted .cl-combobox,
.cl-grid-row.emply-grid.cl-deleted .cl-treecell,
.cl-grid-row.emply-grid.cl-deleted .cl-fileinput {
  color: #8091a7;
}
.cl-grid-row.emply-grid.cl-deleted .cl-default-cell:hover,
.cl-grid-row.emply-grid.cl-deleted .cl-inputbox:hover,
.cl-grid-row.emply-grid.cl-deleted .cl-output:hover,
.cl-grid-row.emply-grid.cl-deleted .cl-maskeditor:hover,
.cl-grid-row.emply-grid.cl-deleted .cl-numbereditor:hover,
.cl-grid-row.emply-grid.cl-deleted .cl-dateinput:hover,
.cl-grid-row.emply-grid.cl-deleted .cl-button:hover,
.cl-grid-row.emply-grid.cl-deleted .cl-textarea:hover,
.cl-grid-row.emply-grid.cl-deleted .cl-combobox:hover,
.cl-grid-row.emply-grid.cl-deleted .cl-treecell:hover,
.cl-grid-row.emply-grid.cl-deleted .cl-fileinput:hover,
.cl-grid-row.emply-grid.cl-deleted .cl-default-cell.cl-hover,
.cl-grid-row.emply-grid.cl-deleted .cl-inputbox.cl-hover,
.cl-grid-row.emply-grid.cl-deleted .cl-output.cl-hover,
.cl-grid-row.emply-grid.cl-deleted .cl-maskeditor.cl-hover,
.cl-grid-row.emply-grid.cl-deleted .cl-numbereditor.cl-hover,
.cl-grid-row.emply-grid.cl-deleted .cl-dateinput.cl-hover,
.cl-grid-row.emply-grid.cl-deleted .cl-button.cl-hover,
.cl-grid-row.emply-grid.cl-deleted .cl-textarea.cl-hover,
.cl-grid-row.emply-grid.cl-deleted .cl-combobox.cl-hover,
.cl-grid-row.emply-grid.cl-deleted .cl-treecell.cl-hover,
.cl-grid-row.emply-grid.cl-deleted .cl-fileinput.cl-hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: inherit;
}
.cl-grid-row.emply-grid.cl-selected {
  background-color: #f1f7fd;
  color: #252525 !important;
  /* 포커스 셀 */
}
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-default-cell,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-inputbox,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-maskeditor,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-numbereditor,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-dateinput,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-combobox,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-fileinput {
  background-color: #e9eff7 !important;
  color: #252525 !important;
}
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-default-cell:hover,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-inputbox:hover,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-maskeditor:hover,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-numbereditor:hover,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-dateinput:hover,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-combobox:hover,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-fileinput:hover,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-default-cell.cl-hover,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-inputbox.cl-hover,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-maskeditor.cl-hover,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-numbereditor.cl-hover,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-dateinput.cl-hover,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-combobox.cl-hover,
.cl-grid-row.emply-grid.cl-selected .cl-grid-cell .cl-fileinput.cl-hover {
  background-color: #e9eff7;
}
.cl-grid-row.emply-grid.cl-editing {
  background-color: #e5ecf5 !important;
  color: #252525;
}
.cl-grid-row.emply-grid.cl-editing .cl-grid-cell .cl-default-cell:hover,
.cl-grid-row.emply-grid.cl-editing .cl-grid-cell .cl-inputbox:hover,
.cl-grid-row.emply-grid.cl-editing .cl-grid-cell .cl-maskeditor:hover,
.cl-grid-row.emply-grid.cl-editing .cl-grid-cell .cl-numbereditor:hover,
.cl-grid-row.emply-grid.cl-editing .cl-grid-cell .cl-dateinput:hover,
.cl-grid-row.emply-grid.cl-editing .cl-grid-cell .cl-combobox:hover,
.cl-grid-row.emply-grid.cl-editing .cl-grid-cell .cl-fileinput:hover,
.cl-grid-row.emply-grid.cl-editing .cl-grid-cell .cl-default-cell.cl-hover,
.cl-grid-row.emply-grid.cl-editing .cl-grid-cell .cl-inputbox.cl-hover,
.cl-grid-row.emply-grid.cl-editing .cl-grid-cell .cl-maskeditor.cl-hover,
.cl-grid-row.emply-grid.cl-editing .cl-grid-cell .cl-numbereditor.cl-hover,
.cl-grid-row.emply-grid.cl-editing .cl-grid-cell .cl-dateinput.cl-hover,
.cl-grid-row.emply-grid.cl-editing .cl-grid-cell .cl-combobox.cl-hover,
.cl-grid-row.emply-grid.cl-editing .cl-grid-cell .cl-fileinput.cl-hover {
  transition: none;
  background-color: #e5ecf5;
}
.cl-button.emply-button1 {
  background-position: 8px center, left top;
  background-repeat: no-repeat;
  text-align: center;
  padding-left: 25px;
  background-image: url("images/emply/btn_upload.png"), linear-gradient(#4a80c7, #4a80c7);
  color: #ffffff;
}
.cl-button.emply-button1:not(.cl-disabled):hover {
  background-image: url("images/emply/btn_upload.png"), linear-gradient(#1964c7, #1964c7);
  color: #ffffff;
}
.cl-button.emply-button1:not(.cl-disabled).cl-activated,
.cl-button.emply-button1:not(.cl-disabled):active {
  background-image: url("images/emply/btn_upload.png"), linear-gradient(#4a80c7, #4a80c7);
  opacity: 0.3;
}
.cl-button.emply-button2 {
  background-position: 8px center, left top;
  background-repeat: no-repeat;
  text-align: center;
  padding-left: 25px;
  background-image: url("images/emply/btn_download.png"), linear-gradient(#465d6f, #465d6f);
  color: #ffffff;
  font-size: 13px;
}
.cl-button.emply-button2:not(.cl-disabled):hover {
  background-image: url("images/emply/btn_download.png"), linear-gradient(#283d4e, #283d4e);
  color: #ffffff;
}
.cl-button.emply-button2:not(.cl-disabled).cl-activated,
.cl-button.emply-button2:not(.cl-disabled):active {
  background-image: url("images/emply/btn_download.png"), linear-gradient(#465d6f, #465d6f);
  opacity: 0.3;
}
.cl-button.emply-button3 {
  background-position: 8px center, left top;
  background-repeat: no-repeat;
  text-align: left;
  padding-left: 27px;
  background-image: url("images/emply/btn_list.png"), linear-gradient(#A21320, #A21320);
  color: #ffffff;
}
.cl-button.emply-button3:not(.cl-disabled):hover {
  background-image: url("images/emply/btn_list.png"), linear-gradient(#A21320, #A21320);
  color: #ffffff;
}
.cl-button.emply-button3:not(.cl-disabled).cl-activated,
.cl-button.emply-button3:not(.cl-disabled):active {
  background-image: url("images/emply/btn_list.png"), linear-gradient(#A21320, #A21320);
  opacity: 0.3;
}
.cl-button.emply-button4 {
  background-position: 8px center, left top;
  background-repeat: no-repeat;
  text-align: left;
  padding-left: 25px;
  background-image: url("images/emply/btn_logout.png"), linear-gradient(#5B4746, #5B4746);
  color: #ffffff;
}
.cl-button.emply-button4:not(.cl-disabled):hover {
  background-image: url("images/emply/btn_logout.png"), linear-gradient(#5B4746, #5B4746);
  color: #ffffff;
}
.cl-button.emply-button4:not(.cl-disabled).cl-activated,
.cl-button.emply-button4:not(.cl-disabled):active {
  background-image: url("images/emply/btn_logout.png"), linear-gradient(#5B4746, #5B4746);
  opacity: 0.3;
}
.cl-button.emply-button5 {
  background-position: 8px center, left top;
  background-repeat: no-repeat;
  text-align: left;
  padding-left: 25px;
  background-image: url("images/emply/btn_overlap.png"), linear-gradient(#A21320, #A21320);
  color: #ffffff;
}
.cl-button.emply-button5:not(.cl-disabled):hover {
  background-image: url("images/emply/btn_overlap.png"), linear-gradient(#A21320, #A21320);
  color: #ffffff;
}
.cl-button.emply-button5:not(.cl-disabled).cl-activated,
.cl-button.emply-button5:not(.cl-disabled):active {
  background-image: url("images/emply/btn_overlap.png"), linear-gradient(#A21320, #A21320);
  opacity: 0.3;
}
.cl-button.emply-button6 {
  background-position: 8px center, left top;
  background-repeat: no-repeat;
  text-align: left;
  padding-left: 25px;
  background-image: url("images/emply/btn_sch.png"), linear-gradient(#555b63, #555b63);
  color: #ffffff;
}
.cl-button.emply-button6:not(.cl-disabled):hover {
  background-image: url("images/emply/btn_sch.png"), linear-gradient(#3b424b, #3b424b);
  color: #ffffff;
}
.cl-button.emply-button6:not(.cl-disabled).cl-activated,
.cl-button.emply-button6:not(.cl-disabled):active {
  background-image: url("images/emply/btn_sch.png"), linear-gradient(#555b63, #555b63);
  opacity: 0.3;
}
.cl-button.emply-button7 {
  background-position: 33px center, left top;
  background-repeat: no-repeat;
  text-align: left;
  background-image: url("images/emply/btn_download.png"), linear-gradient(#A21320, #A21320);
  color: #ffffff;
  font-size: 16px;
  padding-left: 53px;
}
.cl-button.emply-button7:not(.cl-disabled):hover {
  background-image: url("images/emply/btn_download.png"), linear-gradient(#A21320, #A21320);
  color: #ffffff;
}
.cl-button.emply-button7:not(.cl-disabled).cl-activated,
.cl-button.emply-button7:not(.cl-disabled):active {
  background-image: url("images/emply/btn_download.png"), linear-gradient(#A21320, #A21320);
  opacity: 0.3;
}
.cl-button.emply-button8 {
  background-position: 33px center, left top;
  background-repeat: no-repeat;
  text-align: left;
  background-image: url("images/emply/btn_next.png"), linear-gradient(#ffffff, #ffffff);
  color: #000000;
  font-size: 16px;
  border: 1px solid #6d6b6b;
  padding-left: 53px;
}
.cl-button.emply-button8:not(.cl-disabled):hover {
  background-image: url("images/emply/btn_next.png"), linear-gradient(#dddddd, #dddddd);
  color: #6d6b6b;
}
.cl-button.emply-button8:not(.cl-disabled).cl-activated,
.cl-button.emply-button8:not(.cl-disabled):active {
  background-image: url("images/emply/btn_next.png"), linear-gradient(#dddddd, #dddddd);
  color: #6d6b6b;
  opacity: 0.3;
}
.cl-button.emply-button9 {
  background-position: 8px center, left top;
  background-repeat: no-repeat;
  text-align: left;
  padding-left: 25px;
  background-image: url("images/emply/btn_agree.png"), linear-gradient(#A21320, #A21320);
  color: #ffffff;
}
.cl-button.emply-button9:not(.cl-disabled):hover {
  background-image: url("images/emply/btn_agree.png"), linear-gradient(#A21320, #A21320);
  color: #ffffff;
}
.cl-button.emply-button9:not(.cl-disabled).cl-activated,
.cl-button.emply-button9:not(.cl-disabled):active {
  background-image: url("images/emply/btn_agree.png"), linear-gradient(#A21320, #A21320);
  opacity: 0.3;
}
.cl-button.emply-button10 {
  background-position: 8px center, left top;
  background-repeat: no-repeat;
  text-align: center;
  padding-left: 25px;
  background-image: url("images/emply/btn_apply.png"), linear-gradient(#A21320, #A21320);
  color: #ffffff;
}
.cl-button.emply-button10:not(.cl-disabled):hover {
  background-image: url("images/emply/btn_apply.png"), linear-gradient(#A21320, #A21320);
  color: #ffffff !important;
}
.cl-button.emply-button10:focus,
.cl-button.emply-button10.cl-focus {
  color: #ffffff;
}
.cl-button.emply-button10:not(.cl-disabled).cl-activated,
.cl-button.emply-button10:not(.cl-disabled):active {
  background-image: url("images/emply/btn_agree.png"), linear-gradient(#A21320, #A21320);
  color: #ffffff;
  opacity: 0.3;
}
.cl-button.emply-button11 {
  background-position: 8px center, left top;
  background-repeat: no-repeat;
  text-align: center;
  padding-left: 25px;
  background-image: url("images/emply/btn_delete.png"), linear-gradient(#ff0000, #ff0000);
  color: #ffffff;
}
.cl-button.emply-button11:not(.cl-disabled):hover {
  background-image: url("images/emply/btn_delete.png"), linear-gradient(#bb0000, #bb0000);
  color: #ffffff;
}
.cl-button.emply-button11:not(.cl-disabled).cl-activated,
.cl-button.emply-button11:not(.cl-disabled):active {
  background-image: url("images/emply/btn_delete.png"), linear-gradient(#cc0000, #cc0000);
  opacity: 0.3;
}
.cl-button.emply-button12 {
  background-position: 33px center, left top;
  background-repeat: no-repeat;
  text-align: left;
  background-image: url("images/emply/btn_upload-05.png"), linear-gradient(#ffffff, #ffffff);
  color: #000000;
  font-size: 16px;
  border: 1px solid #6d6b6b;
  padding-left: 53px;
}
.cl-button.emply-button12:not(.cl-disabled):hover {
  background-image: url("images/emply/btn_upload-05.png"), linear-gradient(#dddddd, #dddddd);
  color: #6d6b6b;
}
.cl-button.emply-button12:not(.cl-disabled).cl-activated,
.cl-button.emply-button12:not(.cl-disabled):active {
  background-image: url("images/emply/btn_upload-05.png"), linear-gradient(#dddddd, #dddddd);
  color: #6d6b6b;
  opacity: 0.3;
}
.cl-button.emply-button13 {
  background-position: 33px center, left top;
  background-repeat: no-repeat;
  text-align: center;
  background-image: url("images/emply/btn_upload-04.png"), linear-gradient(#3966ad, #3966ad);
  color: #ffffff;
  font-size: 16px;
  padding-left: 53px;
}
.cl-button.emply-button13:not(.cl-disabled):hover {
  background-image: url("images/emply/btn_upload-04.png"), linear-gradient(#10479f, #10479f);
  color: #ffffff;
}
.cl-button.emply-button13:not(.cl-disabled).cl-activated,
.cl-button.emply-button13:not(.cl-disabled):active {
  background-image: url("images/emply/btn_upload-04.png"), linear-gradient(#3966ad, #3966ad);
  opacity: 0.3;
}
.cl-button.emply-button14 {
  background-position: 33px center, left top;
  background-repeat: no-repeat;
  text-align: center;
  background-image: url("images/emply/ico_cirle_close.png"), linear-gradient(#3966ad, #3966ad);
  color: #ffffff;
  font-size: 16px;
  padding-left: 53px;
}
.cl-button.emply-button14:not(.cl-disabled):hover {
  background-image: url("images/emply/ico_cirle_close.png"), linear-gradient(#10479f, #10479f);
  color: #ffffff;
}
.cl-button.emply-button14:not(.cl-disabled).cl-activated,
.cl-button.emply-button14:not(.cl-disabled):active {
  background-image: url("images/emply/ico_cirle_close.png"), linear-gradient(#3966ad, #3966ad);
  opacity: 0.3;
}
.cl-button.emply-button15 {
  background-position: center, left top;
  background-repeat: no-repeat;
  text-align: center;
  background-image: linear-gradient(#A21320, #A21320);
  color: #ffffff;
  font-size: 16px;
}
.cl-button.emply-button15:not(.cl-disabled):hover {
  background-image: linear-gradient(#A21320, #A21320);
  color: #ffffff;
}
.cl-button.emply-button15:not(.cl-disabled).cl-activated,
.cl-button.emply-button15:not(.cl-disabled):active {
  background-image: linear-gradient(#A21320, #A21320);
  opacity: 0.3;
}
/* 버튼 2022.12.09 추가 */
.cl-button.emply-button-transparent {
  background-color: transparent;
  background-image: none;
  border: none;
}
.cl-button.emply-button-transparent:not(.cl-disabled):hover {
  background-color: transparent;
  background-image: none;
  opacity: 0;
  border: none;
}
.cl-button.emply-button-transparent:focus,
.cl-button.emply-button-transparent.cl-focus {
  background-color: transparent;
  background-image: none;
  opacity: 0;
  border: none;
}
.cl-button.emply-button-transparent:not(.cl-disabled).cl-activated,
.cl-button.emply-button-transparent:not(.cl-disabled):active {
  background-color: transparent;
  background-image: none;
  opacity: 0;
  border: none;
}
.cl-button.emply-button-go {
  background-position: center right 4px;
  background-image: url("images/emply/arrow.png");
  border: none;
  border-top: solid 1px;
  font-size: 14px;
  text-align: right;
  color: #ffffff;
  padding-right: 18px;
}
.cl-button.emply-button-go:not(.cl-disabled):hover {
  color: #ffffff;
  font-weight: border;
  border-top: solid 2px;
}
.cl-button.emply-button-tab {
  border: solid 2px #F3959E;
  color: #101010;
  background-color: #FDF1F2;
}
.cl-button.emply-button-tab:not(.cl-disabled):hover {
  background-color: #A21320;
  color: #ffffff;
  font-weight: border;
}
.cl-button.emply-button-tab:not(.cl-disabled).cl-activated,
.cl-button.emply-button-tab:not(.cl-disabled):active {
  background-color: #FDF1F2;
  color: #101010;
}
.cl-button.emply-step1 {
  background-color: #f1f7fd;
  border-radius: 10px;
  border: 1px solid #164185;
  font-size: 15px;
  color: #164185;
  background-image: url("images/emply/ico_step01.png");
  background-size: 40px 40px;
  background-position: center 15px;
  background-repeat: no-repeat;
  padding-top: 45px;
}
.cl-button.emply-step1:not(.cl-disabled):hover {
  background-color: #164185;
  color: #ffffff;
  background-image: url("images/emply/ico_step01_active.png");
}
.cl-button.emply-step1:not(.cl-disabled).cl-activated,
.cl-button.emply-step1:not(.cl-disabled):active {
  background-color: #164185;
  color: #ffffff;
  background-image: url("images/emply/ico_step01_active.png");
}
.cl-button.emply-step2 {
  background-color: #f1f7fd;
  border-radius: 10px;
  border: 1px solid #164185;
  font-size: 15px;
  color: #164185;
  background-image: url("images/emply/ico_step02.png");
  background-size: 40px 40px;
  background-position: center 15px;
  background-repeat: no-repeat;
  padding-top: 45px;
}
.cl-button.emply-step2:not(.cl-disabled):hover {
  background-color: #164185;
  color: #ffffff;
  background-image: url("images/emply/ico_step02_active.png");
}
.cl-button.emply-step2:not(.cl-disabled).cl-activated,
.cl-button.emply-step2:not(.cl-disabled):active {
  background-color: #164185;
  color: #ffffff;
  background-image: url("images/emply/ico_step02_active.png");
}
.cl-button.emply-step3 {
  background-color: #f1f7fd;
  border-radius: 10px;
  border: 1px solid #164185;
  font-size: 15px;
  color: #164185;
  background-image: url("images/emply/ico_step03.png");
  background-size: 40px 40px;
  background-position: center 15px;
  background-repeat: no-repeat;
  padding-top: 45px;
}
.cl-button.emply-step3:not(.cl-disabled):hover {
  background-color: #164185;
  color: #ffffff;
  background-image: url("images/emply/ico_step03_active.png");
}
.cl-button.emply-step3:not(.cl-disabled).cl-activated,
.cl-button.emply-step3:not(.cl-disabled):active {
  background-color: #164185;
  color: #ffffff;
  background-image: url("images/emply/ico_step03_active.png");
}
.cl-button.emply-step4 {
  background-color: #f1f7fd;
  border-radius: 10px;
  border: 1px solid #164185;
  font-size: 15px;
  color: #164185;
  background-image: url("images/emply/ico_step04.png");
  background-size: 40px 40px;
  background-position: center 15px;
  background-repeat: no-repeat;
  padding-top: 45px;
}
.cl-button.emply-step4:not(.cl-disabled):hover {
  background-color: #164185;
  color: #ffffff;
  background-image: url("images/emply/ico_step04_active.png");
}
.cl-button.emply-step4:not(.cl-disabled).cl-activated,
.cl-button.emply-step4:not(.cl-disabled):active {
  background-color: #164185;
  color: #ffffff;
  background-image: url("images/emply/ico_step04_active.png");
}
.emply-title {
  color: #101010;
  background-image: url("images/emply/big_tit_bul.png");
  background-position: left center;
  background-size: 35px;
  background-repeat: no-repeat;
  padding-left: 40px;
  font-weight: 600;
  font-size: 25px;
  border-bottom: 1px solid #adadad;
}
.emply-main-title {
  color: #101010;
  background-image: url("images/emply/small_tit_bul.png");
  background-position: left center;
  background-size: 17px 10px;
  background-repeat: no-repeat;
  padding-left: 25px;
  font-weight: 600;
  font-size: 20px;
}
.emply-sub-title {
  color: #263238;
  background-image: url("images/emply/ico_typo_bul.png");
  background-position: left center;
  background-size: 16px;
  background-repeat: no-repeat;
  padding-left: 18px;
  font-weight: 600;
  font-size: 17px;
  border-bottom: 2px solid #F3959E;
}
/* footer */
.cl-container.emply-footer-wrap {
  background-color: #e3e3e3;
  font-size: 13px;
  font-weight: 400;
  font-color: #797979;
}
.footer-login {
  text-align: center;
  color: #fff;
  line-height: 22px;
  font-size: 13px;
  box-sizing: border-box;
}
.cl-container.emply-form-box {
  background-color: #ffffff;
  /* disabled style */
}
.cl-container.emply-form-box .cl-output {
  font-size: 16px;
  text-align: left;
  color: #4d4d4d;
  font-weight: 400;
  background-repeat: no-repeat;
  background-color: linear-gradient(90deg, #FDF1F2 80%, #FDF1F2 20%);
}
.cl-container.emply-form-box .cl-output:not(.cl-disabled) {
  background-image: none, linear-gradient(90deg, #FDF1F2 80%, #FDF1F2 20%);
}
.cl-container.emply-form-box .cl-output.require {
  background-image: url("images/emply/ico_star.png"), linear-gradient(90deg, #FDF1F2 80%, #FDF1F2 20%);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 8px;
}
.cl-container.emply-form-box .cl-output.cl-disabled {
  background-image: none;
  background-color: none;
}
.cl-container.emply-form-box.cl-disabled {
  background-image: none;
  background-color: #f7f8fa;
}
.cl-container.emply-form-box .cl-inputbox {
  font: 0.9rem sans-serif, "Malgun Gothic", "Noto Sans KR";
  color: #252525;
  border: 1px solid #c3c3c3;
  border-radius: 0px;
  background-color: #ffffff;
  background-image: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /* 인풋 박스 텍스트 */
  /* 인풋 박스 - 포커스 상태 */
  /* 인풋 박스 - disabled 상태 */
  /* 인풋 박스 - readonly 상태 */
}
.cl-container.emply-form-box .cl-inputbox .cl-text {
  padding: 0 3px 0 3px;
}
.cl-container.emply-form-box .cl-inputbox .cl-text.cl-placeholder {
  color: #b7c2d0 !important;
}
.cl-container.emply-form-box .cl-inputbox.cl-focus {
  border-color: #559bfb;
}
.cl-container.emply-form-box .cl-inputbox.cl-disabled {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-container.emply-form-box .cl-inputbox.cl-readonly {
  border-color: #e0e4eb;
  background-color: #f7f8fa;
  color: #8091a7;
}
.cl-container.emply-form-box .cl-combobox {
  border-radius: 0px;
}
.cl-container.emply-form-box .cl-dateinput {
  border-radius: 0px;
}
.cl-container.emply-form-box .cl-maskeditor {
  border-radius: 0px;
}
.cl-container.emply-image-box {
  background-color: #f1f1f1;
}
.cl-container.emply-image-box .cl-output {
  background-image: none !important;
  background-color: #f1f1f1;
  color: #707070 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}
.emply-comment {
  color: #555555 !important;
  font-size: 13px;
  background-color: #ffffff !important;
  background-image: none !important;
  border-style: none !important;
  font-weight: 400;
}
.emply-comment-bottom {
  color: #303030 !important;
  font-size: 15px;
  font-weight: 400;
  background-color: #ffffff !important;
  background-image: none !important;
  border-style: none !important;
}
.btn-intro-login {
  background-color: #31a5d8;
  border-radius: 4px;
  font-size: 14px;
  color: #ffffff;
}
.cl-container-footer-wrap {
  height: 70;
  background-color: #3d4044;
}
.cl-container-footer-output-title {
  font-size: 13px;
  color: #ffffff;
  font-weight: Bold;
}
.cl-container-footer-output-addr {
  font-size: 13px;
  font-weight: 400;
  color: #b8b8b8;
}
.cl-container-footer-output-bottom {
  font-size: 12px;
  color: #909090;
  font-weight: 400;
}
/* 2022.12.09 개인정보처리방침 */
.emply-text-link {
  font-size: 13px;
  color: #ffffff !important;
  text-decoration: underline;
  cursor: pointer;
}
/* 2022.12.19 접수상태-마감 */
.emply-stat-done {
  font-size: 18px;
  color: #ffffff;
  font-weight: 300;
  text-align: right;
}
.emply-stat-ing {
  font-size: 22px;
  color: #ffffff;
  font-weight: 700;
  text-align: right;
}
.btn-box1 {
  background-image: url("images/emply/box_icon01.png");
}
.btn-box2 {
  background-image: url("images/emply/box_icon02.png");
}
.btn-box3 {
  background-image: url("images/emply/box_icon03.png");
}
.btn-box4 {
  background-image: url("images/emply/box_icon04.png");
}
.btn-box5 {
  background-image: url("images/emply/box_icon05.png");
}
.btn-direct {
  background-image: url("images/emply/ico_arrow.png");
}
.btn-go {
  background-image: url("images/emply/ico_go.png");
}
.cl-container-main-output-directgo {
  font-size: 25px;
  color: #ffffff;
  font-weight: 400;
}
.cl-calendar.apsCalendar {
  /* 헤더(화살표, 년월) */
  /* 헤더(년월) */
  /* 요일명 */
  /* 일요일 요일 명 */
  /* 일요일 날짜 */
  /* 이전달, 다음달 날짜 */
  /* 이전달, 다음달 일요일 날짜 */
  /* 날짜 */
  /* 기념일 내용 */
  /* 기념일 내용 - 선택 */
  /* 데이터 내용 */
  /* 그 달이 아닌 경우에도 캘린더 보이도록 */
}
.cl-calendar.apsCalendar .cl-calendar-header {
  display: flex !important;
  justify-content: center !important;
}
.cl-calendar.apsCalendar .cl-calendar-header-text {
  font-size: 20px !important;
}
.cl-calendar.apsCalendar .cl-calendar-content-header {
  font-weight: 1000 !important;
}
.cl-calendar.apsCalendar .cl-calendar-content-sun.cl-calendar-content-header {
  color: red !important;
}
.cl-calendar.apsCalendar .cl-calendar-content-day.cl-calendar-content-sun {
  color: red !important;
}
.cl-calendar.apsCalendar .cl-calendar .cl-calendar-content .cl-other-month {
  color: black !important;
  font-weight: 1000 !important;
  text-align: left !important;
  padding-left: 5px !important;
}
.cl-calendar.apsCalendar .cl-calendar .cl-calendar-content .cl-other-month.cl-calendar-content-sun {
  color: red !important;
}
.cl-calendar.apsCalendar .cl-other-month.cl-calendar-anniversary.calHoliday > div {
  color: red !important;
}
.cl-calendar.apsCalendar .cl-calendar-content-day {
  font-weight: 1000 !important;
  text-align: left !important;
  padding-left: 5px !important;
}
.cl-calendar.apsCalendar .cl-anniversary.calHoliday {
  background-color: transparent;
  color: red;
}
.cl-calendar.apsCalendar .cl-anniversary.calHoliday.cl-selected {
  box-shadow: none !important;
}
.cl-calendar.apsCalendar .cl-calendar-item,
.cl-calendar.apsCalendar .cl-anniversary {
  background-color: transparent !important;
}
.cl-calendar.apsCalendar .cl-calendar-item.cl-selected,
.cl-calendar.apsCalendar .cl-anniversary.cl-selected {
  box-shadow: none !important;
}
.cl-calendar.apsCalendar cl-anniversaries .cl-other-month.cl-calendar-content-tue {
  /* border : none; */
}
.cl-calendar.cl-disabled.apsCalendar {
  /* 이전달, 다음달 날짜(비활성화) */
}
.cl-calendar.cl-disabled.apsCalendar .cl-calendar-content-day {
  border-color: #b8cbe1 !important;
}
.cl-calendar.cl-disabled.apsCalendar .cl-other-month {
  color: #8091A7 !important;
}
.cl-calendar.cl-disabled.afcCalendar .cl-calendar-content-day {
  border-color: #b8cbe1 !important;
}