@charset "UTF-8";
/* 모든 컨트롤에 적용될 기본 폰트 */
/* 기본 텍스트 색상 */
/* disable 상태를 나타내는 텍스트 색상 */
/* 기본 보더 색상 */
/* 포커스 보더 색상 */
/* Disable 상태의 보더 색상. */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 마우스 호버시의 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 마우스 호버시의 배경 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 선택된 경우 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템이 선택된 경우 배경 색상 */
/* 내부에 아이템을 갖는 컨트롤이 Disabled된 경우, 각 아이템에 선택된 경우 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 Disabled된 경우, 각 아이템이 선택된 경우 배경 색상 */
/* 
 * Define Custom variables
 * Template Name : etera-cau-ui
 * Author : Da-eun Ryu
 * File : less
 */
/************************************************
 * Color System
 ************************************************/
/*@secondary: #0090ff;*/
/************************************************
 * Body
 ************************************************/
/************************************************
 * Font
 ************************************************/
/************************************************
 * Components
 ************************************************/
/* Transition */
/************************************************
 * Input
 ************************************************/
/************************************************
 * Selection
 ************************************************/
/************************************************
 * Button
 ************************************************/
/************************************************
 * Form
 ************************************************/
/************************************************
 * Table
 ************************************************/
/*@table-row-selected-background-color: rgba(35, 184, 241, .12); //@primary-dim;*/
/************************************************
 * Tab
 ************************************************/
/************************************************
* Modal
************************************************/
/************************************************
 * Calendar
 ************************************************/
/* Calendar Root */
/* Header */
/* Content header */
/* Other month */
/* Dates */
/* Footer */
/****************************
 * File Upload
 ****************************/
/****************************
 * Tree
 ****************************/
/* 모든 UIControl 공통 스타일 */
.cl-control {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  color: #333333;
}
.cl-control .link {
  color: blue !important;
  cursor: pointer !important;
  text-decoration: underline;
}
/* 오류 발생시 표시되는 메시지 스타일 */
.cl-unavailable {
  border: 1px solid #dcdcdc;
  border-color: #e31f21;
  border-radius: 3px;
}
.cl-unavailable .cl-text {
  color: #e31f21;
  font-weight: 700;
}
.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;
}
body.cl-has-modal {
  overflow: hidden;
}
/* 넘버 에디터  */
.cl-numbereditor {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #333333;
  text-align: right;
  /* 넘버 에디터 disabled 상태  */
}
.cl-numbereditor .cl-text {
  padding: 0px 3px;
}
.cl-numbereditor .cl-text.cl-placeholder {
  color: #acacac !important;
  font-style: normal;
  font-weight: 400;
}
.cl-numbereditor .cl-numbereditor-buttons {
  border-left: 1px solid #dcdcdc;
  /* 넘버 에디터 스핀 업 버튼 */
  /* 넘버 에디터 스핀 다운 버튼 */
}
.cl-numbereditor:not(.cl-disabled) {
  /* 넘버 에디터 스핀 업 버튼 호버 */
  /* 넘버 에디터 스핀 업 버튼 액티브  */
  /* 넘버 에디터 스핀 다운 버튼 호버 */
  /* 넘버 에디터 스핀 다운 버튼 액티브 */
}
.cl-numbereditor:not(.cl-disabled) .cl-numbereditor-increase:hover {
  background-color: #897c75;
}
.cl-numbereditor:not(.cl-disabled) .cl-numbereditor-increase:active {
  background-color: #897c75;
}
.cl-numbereditor:not(.cl-disabled) .cl-numbereditor-decrease:hover {
  background-color: #897c75;
}
.cl-numbereditor:not(.cl-disabled) .cl-numbereditor-decrease:active {
  background-color: #897c75;
}
.cl-numbereditor.cl-disabled,
.cl-numbereditor.cl-readonly {
  background-color: #f7f9fc;
  border-color: #dfe6f0;
  color: #999999;
}
/* 넘버 에디터 focus 상태 */
.cl-numbereditor.cl-focus {
  border-color: #dcdcdc;
  /* 넘버 에디터 focus 상태 스핀 버튼 영역 */
}
.cl-numbereditor.cl-focus .cl-numbereditor-buttons {
  border-left-color: #dcdcdc;
}
/* 데이트 인풋 */
.cl-dateinput {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #333333;
  text-align: center;
  /* 데이트 인풋 텍스트 */
  /* 데이트 인풋 버튼 */
}
.cl-dateinput .cl-text {
  padding: 0px 3px;
}
.cl-dateinput .cl-text.cl-placeholder {
  color: #acacac !important;
  font-style: normal;
  font-weight: 400;
}
.cl-dateinput .cl-dateinput-button {
  background-image: url("images/controls/dateinput/input_datepicker_ic.png");
  width: 30px;
}
.cl-dateinput .cl-dateinput-spinbuttons {
  border-left: 1px solid #dcdcdc;
}
.cl-dateinput:not(.cl-disabled) .cl-dateinput-increase:hover {
  background-color: #f0f0f0;
}
.cl-dateinput:not(.cl-disabled) .cl-dateinput-increase:active {
  background-color: #e5ebf5;
}
.cl-dateinput:not(.cl-disabled) .cl-dateinput-decrease:hover {
  background-color: #f0f0f0;
}
.cl-dateinput:not(.cl-disabled) .cl-dateinput-decrease:active {
  background-color: #e5ebf5;
}
.cl-dateinput.cl-disabled,
.cl-dateinput.cl-readonly {
  border-color: #dfe6f0;
  background-color: #f7f9fc;
  color: #999999;
  /* 데이트 인풋 disabled 상태 버튼 */
}
.cl-dateinput.cl-disabled .cl-dateinput-button,
.cl-dateinput.cl-readonly .cl-dateinput-button {
  background-image: url("images/controls/dateinput/input_datepicker_ic.png");
}
.cl-dateinput.cl-disabled .cl-dateinput-button {
  background-image: url("images/sub/input_datepicker_ic_disabled.png");
  width: 30px;
}
.cl-dateinput.cl-focus {
  border-color: #dcdcdc;
}
.cl-dateinput.cl-focus .cl-dateinput-spinbuttons {
  border-left-color: #dcdcdc;
}
/* 캘린더 */
.cl-calendar {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-color: #ffffff;
  border: 1px solid #E0E0E0;
  border-radius: 3px;
  /* 캘린더 컨텐츠의 일, 월, 년 스타일*/
  /* 캘린더 컨텐츠 스타일*/
  /* 캘린더 푸터 */
  /* 캘린더 포커스 상태 */
  /* 데이트인풋 등에 팝업으로 나타날때 스타일 */
}
.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/sub/datepicker_first.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/sub/datepicker_last.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/sub/datepicker_prev.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/sub/datepicker_next.png");
}
.cl-calendar .cl-calendar-header {
  /* 캘린더 헤더 */
  background-color: #ffffff;
  color: #0b4696;
  font-weight: 500;
}
.cl-calendar .cl-calendar-header .cl-calendar-header-before {
  /* 캘린더 이전 년도 버튼 */
  background-image: url("images/sub/datepicker_first.png");
  background-size: 12px 10px;
}
.cl-calendar .cl-calendar-header .cl-calendar-header-after {
  /* 캘린더 이후 년도 버튼 */
  background-image: url("images/sub/datepicker_last.png");
  background-size: 12px 10px;
}
.cl-calendar .cl-calendar-header .cl-calendar-header-prev {
  /* 캘린더 이전 달 버튼 */
  background-image: url("images/sub/datepicker_prev.png");
  background-size: 12px 10px;
}
.cl-calendar .cl-calendar-header .cl-calendar-header-next {
  /* 캘린더 다음 달 버튼 */
  background-image: url("images/sub/datepicker_next.png");
  background-size: 12px 10px;
}
.cl-calendar .cl-calendar-header .cl-calendar-header-text:hover,
.cl-calendar .cl-calendar-header .cl-calendar-header-text.cl-hover {
  color: #0b4696;
}
.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: #ffa73c;
  color: #ffffff;
}
.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: #ffa73c;
  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: #ffffff;
  color: #555555;
  font-weight: 400;
  height: 28px;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sat {
  color: #0b4696;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sun {
  color: #f63539;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sun {
  /* 일요일 셀 */
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sat {
  /* 토요일 셀 */
}
.cl-calendar .cl-calendar-content .cl-other-month {
  /* 이전 달 또는 다음 달의 날짜 */
  background-color: transparent;
  color: #acacac;
}
.cl-calendar .cl-calendar-content .cl-other-month.cl-disabled {
  background-color: transparent;
  color: #999999;
}
.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 {
  color: #555555;
  border-radius: 5px;
  /* 기본 날짜 - 오늘 날짜 셀*/
  /*range 선택에서 선택된 날짜 스타일*/
  /*선택된 날짜 스타일*/
  /*날짜가 disabled 되어 있을때 스타일*/
  /*기념일 전역 스타일*/
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-defaultdate,
.cl-calendar .cl-calendar-content .cl-calendar-content-month.cl-calendar-defaultdate,
.cl-calendar .cl-calendar-content .cl-calendar-content-year.cl-calendar-defaultdate {
  background-color: transparent;
  color: #897c75;
  box-shadow: none;
  text-decoration: underline;
}
.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: #ffa73c;
  color: #ffffff;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-selected,
.cl-calendar .cl-calendar-content .cl-calendar-content-month.cl-selected,
.cl-calendar .cl-calendar-content .cl-calendar-content-year.cl-selected {
  background-color: #ffa73c !important;
  color: #ffffff !important;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-disabled,
.cl-calendar .cl-calendar-content .cl-calendar-content-month.cl-disabled,
.cl-calendar .cl-calendar-content .cl-calendar-content-year.cl-disabled {
  background-color: #f7f9fc;
  color: #999999;
}
.cl-calendar:not(.cl-disabled) .cl-calendar-footer-text:hover {
  /* 캘린더 푸터 날짜 호버 스타일 */
}
.cl-calendar .cl-calendar-footer {
  background-color: transparent;
  padding: 0px;
  vertical-align: middle;
}
.cl-calendar .cl-calendar-footer .cl-calendar-footer-text {
  color: #555555;
  font-size: 12px;
  font-weight: 400;
  padding-right: 3px;
}
.cl-calendar .cl-calendar-footer.cl-hover .cl-calendar-footer-text {
  text-decoration: none;
}
.cl-calendar.cl-anniversaries {
  /* 년월일 달력 스타일 */
  /* 토요일 */
}
.cl-calendar.cl-anniversaries .cl-calendar-content-day,
.cl-calendar.cl-anniversaries .cl-other-month.cl-calendar-content-mon,
.cl-calendar.cl-anniversaries .cl-other-month.cl-calendar-content-tue,
.cl-calendar.cl-anniversaries .cl-other-month.cl-calendar-content-wed,
.cl-calendar.cl-anniversaries .cl-other-month.cl-calendar-content-thu,
.cl-calendar.cl-anniversaries .cl-other-month.cl-calendar-content-fri,
.cl-calendar.cl-anniversaries .cl-other-month.cl-calendar-content-sat,
.cl-calendar.cl-anniversaries .cl-other-month.cl-calendar-content-sun {
  /* 기념일 텍스트 스타일 */
}
.cl-calendar.cl-focus {
  border-color: #dcdcdc;
}
.cl-calendar.cl-focus .cl-calendar-content {
  /* 키보드 날짜 이동 스타일 */
}
.cl-calendar.cl-focus .cl-calendar-content .cl-calendar-current {
  background-color: #ffa73c;
  box-shadow: none;
  color: #ffffff;
}
.cl-calendar.cl-popup {
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.08);
  border-color: #acacac;
}
.cl-calendar.cl-popup.cl-calendar-day {
  width: 220px;
  height: 260px;
}
.cl-calendar.cl-popup.cl-top {
  /* 데이트인풋 위에 표시될때 상태 */
  box-shadow: -5px -5px 10px 0px rgba(0, 0, 0, 0.08);
}
.cl-calendar.cl-popup.cl-bottom {
  /* 데이트인풋 아래에 표시될때 상태 */
}
.cl-calendar.cl-popup .cl-calendar-content-day,
.cl-calendar.cl-popup .cl-calendar-content-month,
.cl-calendar.cl-popup .cl-calendar-content-year {
  /* 데이트인풋 캘린더 키보드로 날짜 이동 스타일*/
}
.cl-calendar.cl-popup .cl-calendar-content-day.cl-calendar-current,
.cl-calendar.cl-popup .cl-calendar-content-month.cl-calendar-current,
.cl-calendar.cl-popup .cl-calendar-content-year.cl-calendar-current {
  background-color: #ffa73c;
  box-shadow: none;
  color: #ffffff;
}
/* 캘린더 disabled 상태 */
.cl-calendar.cl-disabled {
  background-color: #f7f9fc;
  border-color: #dfe6f0;
  color: #999999;
  opacity: 1;
}
.cl-calendar.cl-disabled .cl-calendar-header {
  background-color: #f7f9fc;
}
.cl-calendar.cl-disabled .cl-calendar-header .cl-calendar-header-text {
  color: #999999;
}
.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: #999999;
}
.cl-calendar.cl-disabled .cl-calendar-content .cl-calendar-content-header {
  background-color: #f7f9fc;
  color: #999999;
}
.cl-calendar.cl-disabled .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sun {
  /* 일요일 셀 */
  color: #999999;
}
.cl-calendar.cl-disabled .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sat {
  /* 토요일 셀 */
  color: #999999;
}
.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: #999999;
  border-color: transparent;
}
.cl-calendar.cl-disabled .cl-calendar-footer .cl-calendar-footer-text {
  color: #999999;
}
/* 리스트 박스 */
.cl-listbox {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #333333;
  /* 리스트 박스 내 아이템 목록 박스 */
}
.cl-listbox .cl-listbox-list {
  /* 아이템 목록 박스 내 각 아이템 */
}
.cl-listbox .cl-listbox-list .cl-listbox-item {
  min-height: 30px;
  padding: 5px 10px;
  /* 아이템 드래그시 아이템의 마우스가 아래에 위치할때 표시 */
  /* 아이템 드래그시 아이템의 마우스가 위에 위치할때 표시 */
  /* 선택된 아이템 */
  /* 아이템 아이콘 */
  /* 아이템 텍스트 */
  /* 아이템의 뱃지 스타일*/
}
.cl-listbox .cl-listbox-list .cl-listbox-item.cl-selected {
  background-color: transparent;
  color: #ffa73c;
}
.cl-listbox:not(.cl-disabled) .cl-listbox-item:not(.cl-disabled):not(.cl-selected) {
  /* 포커스된 아이템 */
  /* 호버된 아이템 */
}
.cl-listbox:not(.cl-disabled) .cl-listbox-item:not(.cl-disabled):not(.cl-selected):focus {
  background-color: transparent;
  color: #ffa73c;
}
.cl-listbox:not(.cl-disabled) .cl-listbox-item:not(.cl-disabled):not(.cl-selected):hover {
  background-color: transparent;
  color: #ffa73c;
}
/* disabled 상태 */
.cl-listbox.cl-disabled {
  background-color: #f7f9fc;
  border-color: #dfe6f0;
  color: #999999;
  /* disabled 상태에서 선택된 아이템들 */
}
.cl-listbox.cl-disabled .cl-listbox-item.cl-selected {
  background-color: #dfe6f0;
  color: #999999;
}
/* 포커스 상태 */
.cl-listbox.cl-focus {
  border-color: #dcdcdc;
}
/* 링크드 리스트 박스 루트 */
.cl-linkedlistbox {
  /* 리스트 박스 */
  /* 링크드리스트박스 disabled 상태*/
}
.cl-linkedlistbox .cl-linkedlistbox-listbox {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-color: #ffffff;
  border-radius: 3px;
  color: #333333;
  /* 리스트 박스 헤더 */
  /* 리스트 박스 리스트 */
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list {
  border-color: #dcdcdc;
  /* 리스트 박스 리스트 아이템 */
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list .cl-linkedlistbox-item {
  /* 아이템 드래그시 아이템의 마우스가 아래에 위치할때 표시 */
  min-height: 30px;
  padding: 5px 10px;
  /* 아이템 드래그시 아이템의 마우스가 위에 위치할때 표시 */
  /* 리스트 박스의 리스트 아이템 아이콘*/
  /* 리스트 박스 리스트 아이템 텍스트 */
  /* 리스트 박스 리스트 아이템 리프 아이콘 */
  /* 리스트 박스 리스트 아이템 드릴다운 아이콘 */
  /* 리스트 박스 리스트 아이템 - disabled 상태 */
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list .cl-linkedlistbox-item .cl-linkedlistbox-arrow.cl-folder {
  background-image: url("images/sub/row_list_arrow.png");
  background-size: 7px 12px;
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list .cl-linkedlistbox-item.cl-disabled {
  /* 리스트 박스 리스트 아이템 - 선택됨, disabled 상태 */
}
.cl-linkedlistbox.cl-focus,
.cl-linkedlistbox.cl-focus {
  /* 리스트 박스 헤더 - 포커스 상태 */
  /* 리스트 박스 리스트 - 포커스 상태 */
}
.cl-linkedlistbox.cl-focus .cl-linkedlistbox-list,
.cl-linkedlistbox.cl-focus .cl-linkedlistbox-list {
  border-color: #dcdcdc;
}
.cl-linkedlistbox.cl-disabled {
  background-color: #f7f9fc;
  border-color: #dfe6f0;
  color: #999999;
}
.cl-linkedlistbox.cl-disabled .cl-linkedlistbox-item.cl-selected {
  background-color: #dfe6f0;
  color: #999999;
}
.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 {
  background-color: transparent;
  color: #ffa73c;
}
.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/sub/row_list_arrow.png");
  background-size: 7px 12px;
}
.cl-linkedlistbox:not(.cl-disabled) .cl-linkedlistbox-item:not(.cl-disabled).cl-selected {
  background-color: transparent;
  color: #ffa73c;
  /* 선택된 아이템 드릴 다운 아이콘 */
}
.cl-linkedlistbox:not(.cl-disabled) .cl-linkedlistbox-item:not(.cl-disabled).cl-selected .cl-linkedlistbox-arrow.cl-folder {
  background-image: url("images/sub/row_list_arrow.png");
}
/* disabled 상태 */
.cl-linkedlistbox.cl-disabled .cl-linkedlistbox-listbox .cl-linkedlistbox-list {
  background-color: #f7f9fc;
  border-color: #dfe6f0;
  color: #999999;
  /* disabled 상태에서 선택된 아이템들 */
}
.cl-linkedlistbox.cl-disabled .cl-linkedlistbox-listbox .cl-linkedlistbox-list .cl-linkedlistbox-item.cl-selected {
  background-color: #dfe6f0;
  color: #999999;
}
.cl-menu {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  /* 메뉴 리스트 */
}
.cl-menu.cl-popup .cl-menu-list {
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.08);
}
.cl-menu .cl-menu-list {
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #333333;
  /* 서브 메뉴 */
  /* 메뉴 아이템 */
}
.cl-menu .cl-menu-list.cl-sub {
  border: 1px solid #dcdcdc;
}
.cl-menu .cl-menu-list .cl-arrow-up.cl-disabled {
  background-color: #f7f9fc;
}
.cl-menu .cl-menu-list .cl-arrow-down.cl-disabled {
  background-color: #f7f9fc;
}
.cl-menu .cl-menu-list .cl-menu-item {
  min-height: 30px;
  padding: 5px 10px;
  /* 메뉴 아이템 아이콘 */
  /* 메뉴 아이템 텍스트 */
  /* 메뉴 아이템 단축키 */
  /* 메뉴 아이템 드릴다운 아이콘 */
  /* 폴더 아이템 방향 이미지 */
  /* 메뉴 아이템 - 호버 */
  /* 메뉴 아이템 - disabled */
  /* 메뉴 아이템 - 활성화 */
  /* 메뉴 아이템 - 선택됨 */
}
.cl-menu .cl-menu-list .cl-menu-item.cl-hover {
  background-color: transparent;
  color: #ffa73c;
}
.cl-menu .cl-menu-list .cl-menu-item.cl-disabled {
  color: #999999;
  /* 메뉴 아이템 - 선택됨, disabled */
}
.cl-menu .cl-menu-list .cl-menu-item.cl-disabled.cl-selected {
  background-color: #dfe6f0;
  color: #999999;
}
.cl-menu .cl-menu-list .cl-menu-item:not(.cl-disabled) {
  /* 메뉴 아이템 - 호버 */
}
.cl-menu .cl-menu-list .cl-menu-item:not(.cl-disabled):not(.cl-selected):hover,
.cl-menu .cl-menu-list .cl-menu-item:not(.cl-disabled).cl-hover {
  background-color: transparent;
  color: #ffa73c;
}
.cl-menu .cl-menu-list .cl-menu-item.cl-selected {
  background-color: transparent;
  color: #ffa73c;
}
.cl-menu.cl-focus {
  /* 메뉴 리스트 - 포커스 */
}
.cl-menu.cl-focus .cl-menu-list {
  border-color: #dcdcdc;
}
.cl-menu.cl-disabled {
  /* 메뉴 아이템 - disabled */
}
.cl-menu.cl-disabled .cl-menu-item {
  color: #999999;
  /* 메뉴 아이템 - disabled, 선택됨 */
}
.cl-menu.cl-disabled .cl-menu-item.cl-selected {
  background-color: #dfe6f0;
  color: #999999;
  /* 메뉴 아이템 드릴다운 아이콘 - disabled */
}
/* 파일 업로드 루트 */
.cl-fileupload {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-color: #ffffff;
  letter-spacing: -0.8px;
  border: 0px;
  border-top: 2px solid #897c75;
  border-bottom: 1px solid #E8ECEF;
  font-weight: 500;
  font-size: 15px;
  color: #333333;
  /* 파일 업로드 내 텍스트 */
  /* 파일 업로드 디테일 영역 */
  /* 푸터 */
  /* 파일 업로드 체크 박스 */
}
.cl-fileupload .cl-fileupload-header {
  /* 헤더 */
  background-color: #F9FBFE;
  background-image: none;
  border-bottom: 1px solid #E8ECEF;
  color: #555555;
  height: 35px;
  font-weight: 500;
  /* 헤더내 체크 박스 */
  /* 파일명 헤더 컬럼 */
  /* 파일 크기 헤더 컬럼 */
}
.cl-fileupload .cl-fileupload-header .cl-fileupload-checkheader {
  border-right: 1px solid #E8ECEF;
  width: 35px;
}
.cl-fileupload .cl-fileupload-header .cl-fileupload-checkheader .cl-fileupload-checkbox {
  background-image: none;
  background-color: #ffffff;
  background-size: 18px;
  border: 1px solid #767676;
  border-radius: 3px;
  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 .cl-fileupload-checkheader .cl-fileupload-checkbox.cl-checked {
  background-image: url("images/controls/checkbox/ico_check.svg");
  background-color: #ffa73c;
  border-color: #ffa73c;
  background-size: auto;
}
.cl-fileupload .cl-fileupload-header .cl-fileupload-sizeheader {
  border-left: 1px solid #E8ECEF;
}
.cl-fileupload .cl-fileupload-detail {
  color: #999999;
  /* 각 파일 행 */
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile {
  height: 28px;
  /* 체크 박스 컬럼 */
  /* 파일 아이콘 */
  /* 피일 이름 */
  /* 파일 크기 */
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-checkcolumn,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-checkcolumn {
  width: 35px;
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-filename,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-filename {
  padding-left: 1.5px;
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-filename.cl-text,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-filename.cl-text {
  line-height: 1.5;
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file .cl-fileupload-sizecolumn,
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile .cl-fileupload-sizecolumn {
  padding-right: 3px;
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-uploadedfile {
  /* 파일 다운로드 버튼 */
}
.cl-fileupload .cl-fileupload-footer {
  border-top: 1px solid #E8ECEF;
  height: 28px;
  /* 푸터 텍스트 */
  /* 푸터 내 버튼 영역 */
}
.cl-fileupload .cl-fileupload-footer .cl-text {
  color: #999999;
  font-size: 12px;
  font-weight: 400;
}
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons {
  padding-bottom: 4px;
  /* 푸터 내 버튼 */
}
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-image: none;
  background-color: transparent;
  border: 0px;
  padding: 3px 12px;
  margin: 0px 5px 0px 0px;
  text-shadow: none;
  font-size: 14px;
  color: #00357c;
  height: 24px;
}
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button:hover,
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button:focus {
  background-color: transparent;
  border: 0px;
  color: #00357c;
}
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button.cl-fileupload-add:before {
  content: '';
  position: absolute;
  top: calc(100% - 12px);
  right: 113px;
  width: 1px;
  height: 12px;
  background-color: #C0CEE2;
  transform: translateY(-50%);
}
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button.cl-fileupload-send {
  border-color: #0B4696;
  background: #0B4696;
  border-radius: 50px;
  font-size: 12px;
  color: #ffffff;
}
.cl-fileupload .cl-fileupload-checkbox {
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #767676;
  border-radius: 3px;
  width: 18px;
  height: 18px;
  /* 선택된 파일 업로드 체크 박스 */
}
.cl-fileupload .cl-fileupload-checkbox.cl-checked {
  background-image: url("images/controls/checkbox/ico_check.svg");
  background-color: #ffa73c;
  border-color: #ffa73c;
}
.cl-fileupload .cl-fileupload-checkbox:focus {
  background-image: none;
}
.cl-fileupload .cl-fileupload-checkbox:focus.cl-checked {
  background-image: url("images/controls/checkbox/ico_check.svg");
  background-color: #ffa73c;
  border-color: #ffa73c;
}
.cl-fileupload:not(.cl-disabled) {
  /* 파일 - 호버 상태 */
  /* 파일 업로드 버튼 - 호버 상태 */
}
.cl-fileupload:not(.cl-disabled) .cl-fileupload-file:hover,
.cl-fileupload:not(.cl-disabled) .cl-fileupload-uploadedfile:hover {
  background-color: #f1f1bf;
  color: #333333;
  box-shadow: inset 0px 0px 0px 1px #23b8f1;
}
.cl-fileupload.cl-disabled {
  background-color: #f7f9fc;
  border-color: #dfe6f0;
  color: #999999;
  opacity: 1;
}
.cl-fileupload.cl-disabled .cl-fileupload-footer {
  color: #999999;
}
.cl-fileupload.cl-disabled .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button {
  background-color: #dfe6f0;
  border-color: #dfe6f0;
  color: #bcbcbc;
}
.cl-fileupload.cl-disabled .cl-fileupload-checkbox {
  cursor: default;
  background-color: #f7f9fc;
  border-color: #dfe6f0;
  /* 선택된 파일 업로드 체크 박스 */
}
.cl-fileupload.cl-disabled .cl-fileupload-checkbox.cl-checked {
  background-image: url("images/controls/checkbox/ico_check_off.svg");
  background-color: #f7f9fc;
  border-color: #dfe6f0;
}
.cl-fileupload.cl-disabled .cl-fileupload-checkbox:focus {
  background-image: none;
}
.cl-fileupload.cl-disabled .cl-fileupload-checkbox:focus.cl-checked {
  background-image: url("images/controls/checkbox/ico_check_off.svg");
  background-color: #f7f9fc;
  border-color: #dfe6f0;
}
/* 버튼 */
.cl-button {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-image: none;
  /*background-color: @btn-background-color;
	border-color: @primary;*/
  border-radius: 3px;
  color: #897c75;
  font-size: 13px;
  text-shadow: none;
  background-color: #ffffff;
  border-color: #897c75;
  /* 텍스트 스타일 */
  /* 아이콘 스타일 */
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼이 포커스를 가졌을 때의 스타일 */
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-button .cl-icon {
  width: 24px;
  height: 24px;
  background-size: auto;
}
.cl-button:not(.cl-disabled):hover {
  background-color: #ffffff;
  border-color: #b0a199;
  color: #897c75;
}
.cl-button:focus,
.cl-button.cl-focus {
  background-color: #ffffff;
  border-color: #b0a199;
  color: #897c75;
}
.cl-button:not(.cl-disabled).cl-activated,
.cl-button:not(.cl-disabled):active {
  background-image: none;
  transform: scale(0.95);
}
/* Disable 상태의 버튼 */
.cl-button.cl-disabled {
  /*background-color: @btn-disabled-background-color;
	border-color: @btn-disabled-border-color;
	color : @btn-disabled-text-color;*/
  background-color: #eee;
  border-color: #eee;
  color: #bcbcbc;
}
/* 아코디언 */
.cl-accordion {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-color: #ffffff;
  border: none;
  border-radius: 3px;
  color: #555555;
  padding: 0px;
  /** 아코디언의 각 헤더 */
}
.cl-accordion .cl-accordion-header {
  background-color: #ffffff;
  border: 1px solid #E2E9F2;
  border-radius: 3px;
  color: #555555;
  height: 37.5px;
  /* 메인 아코디언 공통 */
  /** 아코디언 펼침 버튼 */
  /* 아코디언 헤더에 마우스가 호버되었을 떄의 스타일 */
  /* 아코디언 헤더를 클릭했을 때의 스타일 */
}
.cl-accordion .cl-accordion-header.header-0 {
  min-height: 40px;
  font-weight: 600;
  font-size: 15px;
  color: #00357c;
  background-image: url("images/common/snb_helper_ic_1.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 12px center;
}
.cl-accordion .cl-accordion-header.header-0 .cl-text {
  padding-left: 28px;
}
.cl-accordion .cl-accordion-header.header-1 {
  min-height: 40px;
  font-weight: 600;
  font-size: 15px;
  color: #00357c;
  background-image: url("images/common/snb_helper_ic_2.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 12px center;
}
.cl-accordion .cl-accordion-header.header-1 .cl-text {
  padding-left: 28px;
}
.cl-accordion .cl-accordion-header.header-2 {
  min-height: 40px;
  font-weight: 600;
  font-size: 15px;
  color: #00357c;
  background-image: url("images/common/snb_helper_ic_3.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 12px center;
}
.cl-accordion .cl-accordion-header.header-2 .cl-text {
  padding-left: 28px;
}
.cl-accordion .cl-accordion-header.header-3 {
  min-height: 40px;
  font-weight: 600;
  font-size: 15px;
  color: #00357c;
  background-image: url("images/common/snb_helper_ic_4.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 12px center;
}
.cl-accordion .cl-accordion-header.header-3 .cl-text {
  padding-left: 28px;
}
.cl-accordion .cl-accordion-header.header-4 {
  min-height: 40px;
  font-weight: 600;
  font-size: 15px;
  color: #00357c;
  background-image: url("images/common/snb_helper_ic_5.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 12px center;
}
.cl-accordion .cl-accordion-header.header-4 .cl-text {
  padding-left: 28px;
}
.cl-accordion .cl-accordion-header.header-0 .cl-accordion-expander,
.cl-accordion .cl-accordion-header.header-1 .cl-accordion-expander,
.cl-accordion .cl-accordion-header.header-2 .cl-accordion-expander,
.cl-accordion .cl-accordion-header.header-3 .cl-accordion-expander,
.cl-accordion .cl-accordion-header.header-4 .cl-accordion-expander {
  background-image: url("images/common/snb_accd_head_ic.png");
  background-size: 9px 5px;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.cl-accordion .cl-accordion-header.header-0:hover:not(.cl-disabled),
.cl-accordion .cl-accordion-header.header-1:hover:not(.cl-disabled),
.cl-accordion .cl-accordion-header.header-2:hover:not(.cl-disabled),
.cl-accordion .cl-accordion-header.header-3:hover:not(.cl-disabled),
.cl-accordion .cl-accordion-header.header-4:hover:not(.cl-disabled) {
  color: #00357c;
}
.cl-accordion .cl-accordion-header.header-0.cl-activated,
.cl-accordion .cl-accordion-header.header-1.cl-activated,
.cl-accordion .cl-accordion-header.header-2.cl-activated,
.cl-accordion .cl-accordion-header.header-3.cl-activated,
.cl-accordion .cl-accordion-header.header-4.cl-activated {
  background-color: #ffffff;
  color: #00357c;
}
.cl-accordion .cl-accordion-header.header-0.cl-activated .cl-accordion-expander,
.cl-accordion .cl-accordion-header.header-1.cl-activated .cl-accordion-expander,
.cl-accordion .cl-accordion-header.header-2.cl-activated .cl-accordion-expander,
.cl-accordion .cl-accordion-header.header-3.cl-activated .cl-accordion-expander,
.cl-accordion .cl-accordion-header.header-4.cl-activated .cl-accordion-expander {
  background-image: url("images/common/snb_accd_head_ic.png");
  background-size: 9px 5px;
  transform: rotate(180deg);
  transition: transform 0.3s;
}
.cl-accordion .cl-accordion-header .cl-accordion-expander {
  background-image: url("images/sub/select_bottom_arrow.png");
  background-size: 8px 5px;
}
.cl-accordion .cl-accordion-header:hover:not(.cl-disabled) {
  background-color: transparent;
  color: #333333;
}
.cl-accordion .cl-accordion-header.cl-title-collapse:focus {
  text-decoration: none;
}
.cl-accordion .cl-accordion-header.cl-disabled {
  background-color: #f7f9fc;
  border-color: #dfe6f0;
  color: #999999;
}
.cl-accordion .cl-accordion-header.cl-activated {
  background-color: #ffffff;
  border: 1px solid #E2E9F2;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  color: #333333;
  /* 클릭된 헤더의 펼침 버튼 아이콘 */
}
.cl-accordion .cl-accordion-header.cl-activated .cl-accordion-expander {
  background-image: url("images/sub/select_bottom_arrow_on.png");
}
.cl-accordion .cl-accordion-header.cl-first {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.cl-accordion .cl-accordion-header.cl-last {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder) {
  /* 아코디언 컨텐츠 */
}
.cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
  background-color: #F9FBFE;
  border: 1px solid #E2E9F2;
  border-top: none;
}
.cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder).cl-last .cl-accordion-content {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.cl-accordion .cl-accordion-section+.cl-accordion-header {
  /* 아코디언 섹션간의 간격 */
  margin-top: -1px;
}
/* Disabled 상태의 아코디언 */
.cl-accordion.cl-disabled {
  /* 선택된 헤더 */
}
.cl-accordion.cl-disabled .cl-accordion-header.cl-activated {
  background-color: #dfe6f0;
  border-color: #dfe6f0;
  color: #999999;
}
.cl-accordion.cl-disabled .cl-accordion-header:hover {
  background-color: #dfe6f0;
  color: #999999;
}
.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: #dfe6f0;
}
/* 인풋 박스 루트 */
.cl-inputbox {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #333333;
  /* 인풋 박스 텍스트 */
  /* 인풋 박스 - 포커스 상태 */
  /* 인풋 박스 - 클리어 버튼 */
  /* 인풋 박스 - disabled 상태 */
}
.cl-inputbox .cl-text {
  padding: 0px 3px;
}
.cl-inputbox .cl-text.cl-placeholder {
  color: #acacac !important;
  font-style: normal;
  font-weight: 400;
}
.cl-inputbox.cl-focus {
  border-color: #dcdcdc;
}
.cl-inputbox.cl-disabled,
.cl-inputbox.cl-readonly {
  background-color: #f7f9fc;
  border-color: #dfe6f0;
  color: #999999;
}
.cl-inputbox:not(.cl-disabled) {
  /* 클리어 버튼 hover상태 */
  /* 클리어 버튼 active상태 */
}
/* 서치 인풋 */
.cl-searchinput {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #333333;
  /* 서치 인풋 텍스트 */
  /* 서치 인풋 Clear버튼 */
  /* 서치 인풋 검색버튼 */
  /* 서치 인풋 포커스 상태 */
}
.cl-searchinput .cl-text {
  padding: 0px 3px;
}
.cl-searchinput .cl-text.cl-placeholder {
  color: #acacac !important;
  font-style: normal;
  font-weight: 400;
}
.cl-searchinput .cl-searchinput-search {
  background-image: url("images/controls/input/input_search_btn_ic.png");
  background-size: 15px;
  width: 25px;
}
.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,
.cl-searchinput.cl-readonly {
  border-color: #dfe6f0;
  background-color: #f7f9fc;
  color: #999999;
  /* 서치 인풋 disabled 상태 검색버튼 */
  /* 서치 인풋 disabled 상태 Clear버튼 */
}
.cl-searchinput.cl-disabled .cl-searchinput-search,
.cl-searchinput.cl-readonly .cl-searchinput-search {
  background-image: url("images/controls/input/input_search_btn_ic.png");
}
.cl-searchinput:not(.cl-disabled) {
  /* Clear버튼 hover상태 */
  /* Clear버튼 active상태 */
  /* 검색버튼 hover상태 */
  /* 검색버튼 active상태 */
}
.cl-searchinput:not(.cl-disabled) .cl-searchinput-search:hover {
  background-image: url("images/controls/input/input_search_btn_ic.png");
  opacity: 1;
}
.cl-searchinput:not(.cl-disabled) .cl-searchinput-search:active {
  background-image: url("images/controls/input/input_search_btn_ic.png");
  opacity: 1;
}
.cl-searchinput.cl-focus {
  border-color: #dcdcdc;
}
/* 슬라이더 */
.cl-slider {
  /* 슬라이더 바 */
}
.cl-slider .cl-slider-bar {
  /*background-color:#063677;*/
  background-color: #ffa73c;
  border: none;
  border-radius: 9999px;
  /* 슬라이더 가로 바 */
  /* 슬라이더 세로 바*/
  /* 슬라이더 핸들 */
  /* 슬라이더 선택 영역 표시 바 */
}
.cl-slider .cl-slider-bar.cl-horizontal {
  background-image: none;
  height: 6px;
}
.cl-slider .cl-slider-bar.cl-vertical {
  background-image: none;
  width: 6px;
}
.cl-slider .cl-slider-bar .cl-slider-handle {
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-color: #ffa73c;
  border-radius: 9999px;
  width: 14px;
  height: 14px;
  /* 슬라이더 가로바 핸들 */
  /* 슬라이더 세로바 핸들 */
}
.cl-slider .cl-slider-bar .cl-slider-handle.cl-horizontal {
  top: -4px;
}
.cl-slider .cl-slider-bar .cl-slider-handle.cl-vertical {
  left: -4px;
}
.cl-slider .cl-slider-bar .cl-slider-range {
  /*background-color: @secondary;*/
  background-color: #ea5514;
}
.cl-slider.cl-focus {
  /* 슬라이더 바 - focus */
}
.cl-slider.cl-focus .cl-slider-bar {
  border-color: #dcdcdc;
}
.cl-slider.cl-disabled {
  /* 슬라이더 바 핸들 - disabled */
  /* 슬라이더 바 선택 영역 - disabled */
}
.cl-slider.cl-disabled .cl-slider-bar {
  background-color: #999999;
}
.cl-slider.cl-disabled .cl-slider-handle {
  background-image: none;
  border-color: #dfe6f0;
}
.cl-slider.cl-disabled .cl-slider-range {
  background-color: #dfe6f0;
}
.cl-slider:not(.cl-disabled) .cl-slider-bar .cl-slider-handle {
  /* 슬라이더 바 핸들 - hover */
}
.cl-slider:not(.cl-disabled) .cl-slider-bar .cl-slider-handle:hover,
.cl-slider:not(.cl-disabled) .cl-slider-bar .cl-slider-handle.cl-hover {
  background-image: none;
}
/* 아웃풋 */
.cl-output {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-repeat: no-repeat;
  background-position: left center;
  color: #333333;
}
.cl-output.cl-disabled {
  color: #999999;
}
.cl-output.cl-secret {
  background: no-repeat !important;
  background-image: url("images/sub/lock.png") !important;
  background-position: left !important;
  background-size: auto !important;
  left: 7px !important;
}
.cl-output.cl-secret .cl-text {
  padding-left: 16px !important;
}
.content-title {
  /*background-color: @primary;*/
  background-color: #ea8314;
}
/* 텍스트 에리어 */
.cl-textarea {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #333333;
  /* 텍스트 에리어 텍스트 */
  /* 텍스트 에리어 - disabled */
  /* 텍스트 에리어 - focus*/
}
.cl-textarea .cl-text {
  padding: 8px 3px !important;
}
.cl-textarea .cl-text.cl-placeholder {
  color: #acacac !important;
  font-style: normal;
  font-weight: 400;
}
.cl-textarea.cl-disabled,
.cl-textarea.cl-readonly {
  border-color: #dfe6f0;
  background-color: #f7f9fc;
  color: #999999;
}
.cl-textarea.cl-focus {
  border-color: #dcdcdc;
}
/* 라디오 버튼 */
.cl-radiobutton {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  color: #333333;
  padding: 0px;
  /* 라디오 버튼 아이템 */
  /* 라디오버튼 focus 스타일 */
  /* disabled 라디오버튼 스타일 */
  /* fixedWidth를 고정값으로 설정시 .cl-radiobutton-item의 width와 같은 값으로 설정 */
  /* iconAlign=right 스타일 */
  /* iconAlign=top 스타일 */
  /* iconAlign=bottom 스타일 */
  /* hideIcon=true 스타일 */
}
.cl-radiobutton .cl-radiobutton-item {
  padding: 0px;
  /* 내부 아이템 요소 */
  /* 아이콘 정렬을 설정 */
  /* 라디오 버튼 아이템 텍스트 */
  /* 라디오아이템 아이콘 스타일 */
  /* 라디오아이템 hover시 아이콘 스타일 */
  /* 선택된 라디오아이템 아이콘 스타일 */
  /* disabled 라디오아이템 스타일 */
}
.cl-radiobutton .cl-radiobutton-item .cl-icon-wrapper {
  vertical-align: middle;
}
.cl-radiobutton .cl-radiobutton-item .cl-text {
  padding-left: 1.5px;
  /* 말줄임 style 적용(한줄) */
  /* 여러 줄 style 적용 */
}
.cl-radiobutton .cl-radiobutton-item .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/radio_ico.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/radio_hover_ico.png");
}
.cl-radiobutton .cl-radiobutton-item.cl-selected {
  color: #333333;
  /* 선택된 라디오아이템 hover시 아이콘 스타일 */
}
.cl-radiobutton .cl-radiobutton-item.cl-selected .cl-radiobutton-icon {
  /*background-image: url("../images/controls/radiobutton/radio_check_ico.png");*/
  background-image: url("images/controls/radiobutton/radio_on.png");
}
.cl-radiobutton .cl-radiobutton-item.cl-selected:hover .cl-radiobutton-icon,
.cl-radiobutton .cl-radiobutton-item.cl-selected.cl-hover .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/ico_radio_on.svg");
  box-shadow: inset 0px 0px 0px 1px #897c75;
  border-radius: 9999px;
  background-size: 14px;
}
.cl-radiobutton .cl-radiobutton-item.cl-disabled {
  /* disabled 라디오아이템 hover시 아이콘 스타일 */
  /* 선택된 disabled 라디오아이템 아이콘 스타일 */
}
.cl-radiobutton .cl-radiobutton-item.cl-disabled .cl-text {
  color: #999999;
}
.cl-radiobutton .cl-radiobutton-item.cl-disabled .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/radio_disabled_ico.png");
}
.cl-radiobutton .cl-radiobutton-item.cl-disabled:hover .cl-radiobutton-icon,
.cl-radiobutton .cl-radiobutton-item.cl-disabled.cl-hover .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/radio_disabled_hover_ico.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/radio_disabled_check_ico.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/radio_disabled_check_ico.png");
  background-size: 18px;
  box-shadow: none;
}
.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/radio_disabled_ico.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/radio_disabled_hover_ico.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/radio_disabled_check_ico.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/radio_disabled_check_ico.png");
  background-size: 18px;
  box-shadow: none;
}
.cl-radiobutton.cl-iconalign-right .cl-radiobutton-item .cl-radiobutton-icon {
  margin: 0px 1px 0px 0px;
}
.cl-radiobutton.cl-iconalign-right .cl-radiobutton-item .cl-text {
  padding: 0px 1.5px 0px 0px;
}
.cl-radiobutton.cl-iconalign-top .cl-radiobutton-item .cl-radiobutton-icon {
  margin: 1px 0px 0px 0px;
}
.cl-radiobutton.cl-iconalign-top .cl-radiobutton-item .cl-text {
  padding: 1.5px 0px 0px 0px;
}
.cl-radiobutton.cl-iconalign-bottom .cl-radiobutton-item .cl-radiobutton-icon {
  margin: 0px 0px 1px 0px;
}
.cl-radiobutton.cl-iconalign-bottom .cl-radiobutton-item .cl-text {
  padding: 0px 0px 1.5px 0px;
}
/* 체크 박스 */
.cl-checkbox {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  color: #333333;
  padding: 0px;
  /* 내부 아이템 요소 */
  /* 아이콘 정렬을 설정 */
  /* 체크 박스 텍스트 */
  /* 체크박스 아이콘 스타일 */
  /* 체크박스 hover시 아이콘 스타일 */
  /* 체크된 체크박스 아이콘 스타일 */
  /* disabled 체크박스 스타일 */
  /* 체크박스 focus 스타일 */
  /* iconAlign=right 스타일 */
  /* iconAlign=top 스타일 */
  /* iconAlign=bottom 스타일 */
  /* hideIcon=true 스타일 */
  /* fixedWidth설정시 .cl-checkbox-icon의 width와 같은 값으로 설정 */
}
.cl-checkbox .cl-icon-wrapper {
  vertical-align: middle;
}
.cl-checkbox .cl-text {
  padding-left: 1.5px;
  /* 말줄임 style 적용(한줄) */
  /* 여러 줄 style 적용 */
}
.cl-checkbox .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/checkbox_ico.png");
}
.cl-checkbox:hover .cl-checkbox-icon,
.cl-checkbox.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/checkbox_hover_ico.png");
}
.cl-checkbox.cl-checked {
  color: #333333;
  /* 체크된 체크박스 hover시 아이콘 스타일 */
}
.cl-checkbox.cl-checked .cl-checkbox-icon {
  /*background-image : url("../images/controls/checkbox/checkbox_check_ico.png");*/
  background-image: url("images/controls/checkbox/checkbox_check_hover_ico.png");
}
.cl-checkbox.cl-checked:hover .cl-checkbox-icon,
.cl-checkbox.cl-checked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/check_on.png");
}
.cl-checkbox.cl-disabled {
  /* disabled 체크박스 hover시 아이콘 스타일 */
  /* 체크된 disabled 체크박스 아이콘 스타일 */
}
.cl-checkbox.cl-disabled .cl-text {
  color: #999999;
}
.cl-checkbox.cl-disabled .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/checkbox_disabled_ico.png");
}
.cl-checkbox.cl-disabled:hover .cl-checkbox-icon,
.cl-checkbox.cl-disabled.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/checkbox_disabled_hover_ico.png");
}
.cl-checkbox.cl-disabled.cl-checked {
  /* 체크된 disabled 체크박스 hover시 아이콘 스타일 */
}
.cl-checkbox.cl-disabled.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/checkbox_disabled_check_ico.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/checkbox_disabled_check_hover_ico.png");
}
.cl-checkbox.cl-partialchecked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ico_check_partial.svg");
  background-color: #ffa73c;
  border-color: #ffa73c;
}
.cl-checkbox.cl-partialchecked:hover .cl-checkbox-icon,
.cl-checkbox.cl-partialchecked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ico_check_partial.svg");
}
.cl-checkbox.cl-partialchecked.cl-disabled .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ico_check_partial_off.svg");
}
.cl-checkbox.cl-partialchecked.cl-disabled:hover .cl-checkbox-icon,
.cl-checkbox.cl-partialchecked.cl-disabled.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ico_check_partial_off.svg");
}
.cl-checkbox.cl-iconalign-right .cl-text {
  padding: 0px 1.5px 0px 0px;
}
.cl-checkbox.cl-iconalign-top .cl-text {
  padding: 1.5px 0px 0px 0px;
}
.cl-checkbox.cl-iconalign-bottom .cl-text {
  padding: 0px 0px 1.5px 0px;
}
.cl-checkbox.cl-iconalign-none .cl-text {
  padding: 0px;
}
/* 체크박스그룹 */
.cl-checkboxgroup {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  color: #999999;
  /* 체크박스그룹 focus 스타일 */
  /* disabled 체크박스그룹 스타일 */
  /* 체크박스그룹에 체크박스 스타일 */
  /* fixedWidth를 고정값으로 설정시 .cl-checkbox-icon의 width와 같은 값으로 설정 */
  /* iconAlign=right 스타일 */
  /* iconAlign=top 스타일 */
  /* iconAlign=bottom 스타일 */
  /* hideIcon=true 스타일 */
}
.cl-checkboxgroup.cl-focus {
  /* 체크박스그룹 내에 focus를 받은 체크박스 focus 아이콘 스타일 */
}
.cl-checkboxgroup.cl-disabled {
  /* disabled 체크박스그룹에 체크박스 스타일 */
}
.cl-checkboxgroup.cl-disabled .cl-checkbox {
  /* disabled 체크박스그룹에 체크박스 hover시 아이콘 스타일 */
  /* disabled 체크박스그룹 내에 체크된 체크박스 아이콘 스타일 */
}
.cl-checkboxgroup.cl-disabled .cl-checkbox .cl-text {
  color: #999999;
}
.cl-checkboxgroup.cl-disabled .cl-checkbox .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/checkbox_disabled_ico.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/checkbox_disabled_hover_ico.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/checkbox_disabled_check_ico.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/checkbox_disabled_check_hover_ico.png");
}
.cl-checkboxgroup .cl-checkbox {
  padding: 0px;
  /* 내부 아이템 요소 */
  /* 체크박스그룹에 체크박스 hover시 아이콘 스타일 */
  /* 체크박스그룹에 체크된 체크박스 아이콘 스타일 */
  /* 체크박스그룹에 disabled 체크박스 스타일 */
}
.cl-checkboxgroup .cl-checkbox .cl-icon-wrapper {
  vertical-align: middle;
}
.cl-checkboxgroup .cl-checkbox:hover .cl-checkbox-icon,
.cl-checkboxgroup .cl-checkbox.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/checkbox_hover_ico.png");
}
.cl-checkboxgroup .cl-checkbox.cl-checked {
  color: #555555;
  /* 체크박스그룹에 체크된 체크박스 hover시 아이콘 스타일 */
}
.cl-checkboxgroup .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/checkbox_check_ico.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/checkbox_check_hover_ico.png");
}
.cl-checkboxgroup .cl-checkbox.cl-disabled {
  color: #999999;
  /* 체크박스그룹에 disabled 체크박스 hover시 아이콘 스타일 */
  /* 체크박스그룹에 disabled 체크된 체크박스 아이콘 스타일 */
}
.cl-checkboxgroup .cl-checkbox.cl-disabled .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/checkbox_disabled_ico.png");
}
.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/checkbox_disabled_hover_ico.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/checkbox_disabled_check_ico.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/checkbox_disabled_check_hover_ico.png");
}
.cl-checkboxgroup.cl-iconalign-right .cl-checkbox .cl-checkbox-icon {
  margin: 0px 1px 0px 0px;
}
.cl-checkboxgroup.cl-iconalign-right .cl-checkbox .cl-text {
  padding: 0px 1.5px 0px 0px;
}
.cl-checkboxgroup.cl-iconalign-top .cl-checkbox .cl-checkbox-icon {
  margin: 1px 0px 0px 0px;
}
.cl-checkboxgroup.cl-iconalign-top .cl-checkbox .cl-text {
  padding: 1.5px 0px 0px 0px;
}
.cl-checkboxgroup.cl-iconalign-bottom .cl-checkbox .cl-checkbox-icon {
  margin: 0px 0px 1px 0px;
}
.cl-checkboxgroup.cl-iconalign-bottom .cl-checkbox .cl-text {
  padding: 0px 0px 1.5px 0px;
}
.cl-checkboxgroup.cl-iconalign-none .cl-checkbox .cl-text {
  padding: 0px;
}
/* 마스크 에디터 루트 */
.cl-maskeditor {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #333333;
  text-align: center;
  /* 마스크 에디터 텍스트 */
  /* 마스크 에디터 - 포커스 */
  /* 마스크 에디터 - disabled */
}
.cl-maskeditor .cl-text {
  padding: 0px 3px;
}
.cl-maskeditor.cl-focus {
  border-color: #dcdcdc;
}
.cl-maskeditor.cl-disabled,
.cl-maskeditor.cl-readonly {
  border-color: #dfe6f0;
  background-color: #f7f9fc;
  color: #999999;
}
/* 콤보 박스 루트 */
.cl-combobox {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #333333;
  /*선택된 아이템의 아이콘*/
  /* 콤보 박스 펼침 버튼 */
  /* 포커스 상태 */
  /* 콤보 박스 disabled 상태 */
}
.cl-combobox .cl-text {
  padding: 0px 3px;
  /* preventInput속성일때 스타일*/
}
.cl-combobox .cl-text.cl-placeholder {
  color: #acacac !important;
  font-style: normal;
  font-weight: 400;
}
.cl-combobox .cl-combobox-button {
  background-image: url("images/controls/combobox/select_bottom_arrow.png");
  background-size: 8px 5px;
  width: 26px;
}
.cl-combobox.cl-focus {
  border-color: #dcdcdc;
}
.cl-combobox.cl-disabled,
.cl-combobox.cl-readonly {
  background-color: #f7f9fc;
  border-color: #dfe6f0;
  color: #999999;
}
/* 콤보 박스 리스트 박스 */
.cl-combobox-list {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #333333;
  /*리스트박스의 쉐도우*/
  /* 리스박스의 최대 높이*/
  /* 콤보 박스 리스트 아이템 */
  /*체크박스 다중선택 리스트박스 스타일*/
}
.cl-combobox-list.cl-popup {
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.08);
}
.cl-combobox-list.cl-top {
  /* 콤보박스 위에 표시될때 상태 */
}
.cl-combobox-list.cl-top.cl-popup {
  box-shadow: -5px -5px 10px 0px rgba(0, 0, 0, 0.08);
}
.cl-combobox-list.cl-bottom {
  /* 콤보박스 아래에 표시될때 상태 */
}
.cl-combobox-list .cl-viewport {
  max-height: 300px;
}
.cl-combobox-list .cl-combobox-item {
  min-height: 30px;
  padding: 5px 10px;
  /* 콤보 박스 리스트 아이템 체크박스 */
  /* 콤보 박스 리스트 아이템 아이콘 */
  /* 콤보 박스 리스트 아이템 텍스트 */
  /* 콤보 박스 리스트 아이템 - 선택 됨 */
  /* disabled 상태 콤보 박스 리스트 아이템 */
}
.cl-combobox-list .cl-combobox-item.cl-selected {
  background-color: transparent;
  color: #ffa73c;
}
.cl-combobox-list .cl-combobox-item.cl-disabled {
  color: #999999;
  /* disabled 상태에서 선택된 콤보 박스 리스트 아이템 */
}
.cl-combobox-list .cl-combobox-item.cl-disabled.cl-selected {
  background-color: #dfe6f0;
  color: #999999;
}
.cl-combobox-list .cl-combobox-item:not(.cl-disabled) {
  /* 콤보 박스 리스트 아이템 - 호버 */
}
.cl-combobox-list .cl-combobox-item:not(.cl-disabled):not(.cl-selected):hover,
.cl-combobox-list .cl-combobox-item:not(.cl-disabled):not(.cl-selected).cl-hover {
  background-color: transparent;
  color: #ffa73c;
}
.cl-combobox-list .cl-combobox-item.cl-treeitem .cl-treeicon {
  /*트리 확장 아이콘 스타일*/
}
.cl-combobox-list.cl-multi-select .cl-combobox-item:not(.cl-disabled).cl-selected:hover {
  background-color: transparent;
  color: #ffa73c;
}
.cl-combobox-list.cl-multi-select .cl-combobox-item:not(.cl-disabled).cl-hover.cl-selected {
  background-color: transparent;
  color: #ffa73c;
}
.cl-combobox-list .cl-combobox-item.cl-folder .cl-checkbox {
  background-image: none;
  background-size: 0px;
  width: 0px;
}
/* 링크드 콤보 박스 루트 */
.cl-linkedcombobox {
  /* 콤보 박스 */
  /* 콤보 박스 - 포커스 상태 */
  /* 콤보 박스 - disabled 상태 */
}
.cl-linkedcombobox .cl-linkedcombobox-combo {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #333333;
  /*선택된 아이템의 아이콘*/
  /* 콤보 박스 인풋 텍스트 */
  /* 콤보 박스 펼침 버튼 */
}
.cl-linkedcombobox .cl-linkedcombobox-combo .cl-text {
  padding: 0px 3px;
  /* preventInput속성일때 스타일*/
}
.cl-linkedcombobox .cl-linkedcombobox-combo .cl-text.cl-placeholder {
  color: #acacac !important;
  font-style: normal;
  font-weight: 400;
}
.cl-linkedcombobox .cl-linkedcombobox-combo .cl-linkedcombobox-button {
  background-image: url("images/controls/combobox/select_bottom_arrow.png");
  background-size: 8px 5px;
  width: 26px;
}
.cl-linkedcombobox .cl-linkedcombobox-combo.cl-focus {
  border-color: #dcdcdc;
}
.cl-linkedcombobox.cl-disabled,
.cl-linkedcombobox.cl-readonly {
  color: #999999;
  /* 콤보 박스 펼침 버튼 - disabled 상태 */
}
.cl-linkedcombobox.cl-disabled .cl-linkedcombobox-combo,
.cl-linkedcombobox.cl-readonly .cl-linkedcombobox-combo {
  background-color: #f7f9fc;
  border-color: #dfe6f0;
}
/* 콤보 박스 리스트 박스 */
.cl-linkedcombobox-list {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #333333;
  /*리스트박스의 쉐도우*/
  /* 콤보 박스 아이템 */
}
.cl-linkedcombobox-list.cl-popup {
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.08);
}
.cl-linkedcombobox-list.cl-top {
  /* 콤보박스 위에 표시될때 상태 */
}
.cl-linkedcombobox-list.cl-top.cl-popup {
  box-shadow: -5px -5px 10px 0px rgba(0, 0, 0, 0.08);
}
.cl-linkedcombobox-list.cl-bottom {
  /* 콤보박스 아래에 표시될때 상태 */
}
.cl-linkedcombobox-list .cl-viewport {
  max-height: 300px;
}
.cl-linkedcombobox-list .cl-linkedcombobox-item {
  min-height: 30px;
  padding: 5px 10px;
  /* 콤보 박스 아이템 아이콘 */
  /* 콤보 박스 아이템 텍스트 */
  /* 콤보 박스 아이템 드릴다운 아이콘 */
  /* 콤보 박스 아이템 리프 아이콘 */
  /* 콤보 박스 아이템 - 선택됨 */
  /* 콤보 박스 아이템 - disabled 상태 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item .cl-linkedcombobox-arrow.cl-folder {
  background-image: url("images/sub/row_list_arrow.png");
  background-size: 7px 12px;
}
.cl-linkedcombobox-list .cl-linkedcombobox-item.cl-selected {
  background-color: transparent;
  color: #ffa73c;
  /* 콤보 박스 아이템 드릴 다운 아이콘 - 선택됨 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item.cl-selected .cl-linkedcombobox-arrow.cl-folder {
  background-image: url("images/sub/row_list_arrow.png");
}
.cl-linkedcombobox-list .cl-linkedcombobox-item.cl-disabled {
  color: #999999;
  /* disabled 상태에서 선택된 콤보 박스 리스트 아이템 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item.cl-disabled.cl-selected {
  background-color: #dfe6f0;
  color: #999999;
}
.cl-linkedcombobox-list .cl-linkedcombobox-item:not(.cl-disabled) {
  /* 콤보 박스 아이템 - 호버 상태 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item:not(.cl-disabled):not(.cl-selected):hover,
.cl-linkedcombobox-list .cl-linkedcombobox-item:not(.cl-disabled):not(.cl-selected).cl-hover {
  background-color: transparent;
  color: #ffa73c;
}
/* 다이얼로그 루트 */
.cl-dialog {
  background-color: #ffffff;
  border: 1px solid #333333;
  border-radius: 5px;
  /* 다이얼로그 헤더 */
  /* 다이얼로그 조회조건 헤더영역 */
}
.cl-dialog .cl-dialog-header {
  background-color: #333333;
  border-bottom-color: transparent;
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  padding: 10px 20px;
  height: auto;
  /* 다이얼로그 헤더 텍스트 */
  /* 다이얼로그 닫기 버튼 */
  /* 다이얼로그 닫기 버튼 - 호버 */
  /* 다이얼로그 닫기 버튼 - 액티브 */
  /* 다이얼로그 최소화 버튼 */
  /* 다이얼로그 최소화 버튼 - 액티브 */
  /* 다이얼로그 최대화 버튼 */
  /* 다이얼로그 최대화 버튼 - 액티브 */
  /* 다이얼로그 복구 버튼 */
  /* 다이얼로그 복구 버튼 - 액티브 */
}
.cl-dialog .cl-dialog-header .cl-dialog-close {
  background-image: url("images/sub/close_white_ic.png");
  background-size: 13px;
  width: 25px;
  height: 25px;
}
.cl-dialog .cl-dialog-header .cl-dialog-close:hover {
  background-image: url("images/sub/close_white_ic.png");
}
.cl-dialog .cl-dialog-header .cl-dialog-close:active {
  background-image: url("images/sub/close_white_ic.png");
}
.cl-dialog .cl-dialog-header .cl-dialog-min {
  background-image: url("images/sub/popup_header_window_min_ic.png");
  background-size: 14px 13px;
  width: 25px;
  height: 25px;
}
.cl-dialog .cl-dialog-header .cl-dialog-min:active {
  background-image: url("images/sub/popup_header_window_min_ic.png");
}
.cl-dialog .cl-dialog-header .cl-dialog-max {
  background-image: url("images/sub/popup_header_window_max_ic.png");
  background-size: 14px 13px;
  width: 25px;
  height: 25px;
}
.cl-dialog .cl-dialog-header .cl-dialog-max:active {
  background-image: url("images/sub/popup_header_window_max_ic.png");
}
.cl-dialog .cl-dialog-header .cl-dialog-restore {
  background-image: url("images/sub/popup_header_window_sep_ic.png");
  background-size: 14px 13px;
  width: 25px;
  height: 25px;
}
.cl-dialog .cl-dialog-header .cl-dialog-restore:active {
  background-image: url("images/sub/popup_header_window_sep_ic.png");
}
.cl-dialog .cl-dialog-body .cl-container.grp-top-pop {
  padding: 10px;
}
.cl-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
/* 트리 */
.cl-tree {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #333333;
  /* 트리 아이템 */
  /* 트리 - focus */
  /* 트리 다중 선택 */
  /* 트리 아이템간 라인*/
}
.cl-tree .cl-tree-item {
  min-height: 30px;
  padding: 5px 10px;
  /* 트리 아이템 체크박스 아이콘 */
  /* 트리 셀렉션 체크박스 아이콘 */
  /* 트리 아이템 아이콘 영역 */
  /* 트리 아이템의 펼치고 접혀지는 아이콘 영역*/
  /* 트리 아이템 텍스트 */
  /*텍스트 편집 상자*/
  /*트리아이템 뱃지 스타일*/
  /* 트리 아이템 - disabled */
  /* 트리 아이템 - selected */
}
.cl-tree .cl-tree-item.cl-checked {
  /* 트리 아이템 체크박스 아이콘 - 선택됨*/
}
.cl-tree .cl-tree-item.cl-partialchecked {
  /* 트리 아이템 체크박스 아이콘 - 부분 선택됨 */
}
.cl-tree .cl-tree-item.cl-folder {
  /* 트리 아이템 폴더 아이콘*/
  /* 트리 아이템 폴더 아이콘 - 펼쳐짐*/
  /* 트리 아이템 폴더 아이콘 - 접힘 */
}
.cl-tree .cl-tree-item.cl-disabled {
  color: #999999;
  /* 트리 아이템 - disabled, selected */
}
.cl-tree .cl-tree-item.cl-disabled.cl-selected {
  background-color: #dfe6f0;
  color: #999999;
}
.cl-tree .cl-tree-item.cl-selected {
  background-color: transparent;
  color: #ffa73c;
}
.cl-tree .cl-tree-item.cl-selected.cl-folder {
  /* 트리 아이템 폴더 펼쳐짐 아이콘 - selected */
  /* 트리 아이템 폴더 점힘 아이콘 - selected */
}
.cl-tree.cl-focus {
  border-color: #dcdcdc;
}
.cl-tree.cl-multi-select .cl-tree-item.cl-checked.cl-selected.cl-hover {
  background-color: transparent;
  color: #ffa73c;
}
.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: transparent;
  color: #ffa73c;
}
/* 트리 - disabled */
.cl-tree.cl-disabled {
  border-color: #dfe6f0;
  color: #999999;
  /* 트리 아이템 - disabled, selected */
}
.cl-tree.cl-disabled .cl-tree-item.cl-selected {
  background-color: #dfe6f0;
  color: #999999;
}
/* 그리드 */
.cl-grid {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-color: #ffffff;
  border: 0px;
  /*border-top: 2px solid @primary;*/
  border-top: 2px solid #000;
  border-bottom: 1px solid #EFF2F7;
  color: #333333;
  min-height: 100px;
  /* 그리드 헤더 */
  /* 그리드 푸터 */
  /* 그리드 헤더 외곽 영역 */
  /* 그리드 디테일 외곽 영역 */
  /* 그리드 푸터 외곽 영역 */
  /* 왼쪽 틀고정된 그리드의 스타일 */
  /* 오른쪽 틀고정된 그리드의 스타일 */
  /* 스플릿 상단 그리드 래퍼 */
  /* 스플릿 하단 그리드 래퍼 */
  /* noDataMessage 보여질 때 해당 텍스트영역 스타일 */
}
.cl-grid.cl-disabled {
  background-color: #f7f9fc;
  border-color: #dfe6f0;
  color: #999999;
}
.cl-grid .cl-grid-header {
  background-image: none;
  background-color: #EFF2F7;
  color: #333333;
  /* 그리드 헤더 셀 */
  /* 
		@deprecated (header의 sortColumnName속성)
		그리드 헤더 셀 소트 인디케이터 
		*/
  /* 그리드 헤더 셀 필터 인디케이터 */
  /* 그리드 헤더 셀이 소트가능 한 셀일 때 스타일 */
}
.cl-grid .cl-grid-header .cl-grid-cell {
  background-color: #F9FBFE;
  /* 그리드 헤더 셀에 임베딩 된 컨트롤 */
}
.cl-grid .cl-grid-header .cl-grid-cell .cl-control {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.cl-grid .cl-grid-header .cl-grid-cell:not(.cl-grid .cl-grid-header .cl-grid-cell:last-child):before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 12px;
  background-color: transparent;
}
.cl-grid .cl-grid-header .cl-sort {
  /* 그리드 헤더 셀 소트 인디케이터 - 소트 가능 */
  /* 그리드 헤더 셀 소트 인디케이터 - 오름차순 정렬됨 */
  /* 그리드 헤더 셀 소트 인디케이터 - 내림차순 정렬됨 */
}
.cl-grid .cl-grid-header .cl-sort.cl-sortable {
  height: 100% !important;
  background-image: url("images/controls/grid/sortable.png");
  background-repeat: no-repeat;
  background-position: center;
}
.cl-grid .cl-grid-header .cl-sort.cl-sort-asc {
  background-image: url("images/controls/grid/sort-asc.png");
  background-repeat: no-repeat;
  background-position: center;
}
.cl-grid .cl-grid-header .cl-sort.cl-sort-desc {
  background-image: url("images/controls/grid/sort-desc.png");
  background-repeat: no-repeat;
  background-position: center;
}
.cl-grid .cl-grid-header .cl-filter {
  background-image: url("images/sub/table_th_filter_ic.png");
  background-size: 15px;
  margin-right: 10px;
  /* 그리드 헤더 셀 필터 인디케이터에 마우스가 호버되었을 때 스타일 */
  /* 그리드 헤더 셀 필터 인디케이터 - 필터되었을 때 스타일 */
}
.cl-grid .cl-grid-header .cl-filter:hover {
  background-image: url("images/sub/table_th_filter_ic.png");
}
.cl-grid .cl-grid-header .cl-filter.cl-filtered {
  background-image: url("images/sub/table_th_filter_ic.png");
}
.cl-grid .cl-grid-header .cl-sortable-cell {
  /* 그리드 헤더 셀 소트 인디케이터 */
  /* 그리드 헤더 셀 소트 인디케이터 - 오름차순 정렬됨  */
  /* 그리드 헤더 셀 소트 인디케이터 - 내림차순 정렬됨  */
}
.cl-grid .cl-grid-header .cl-sortable-cell .cl-sort {
  /* 그리드 헤더 셀 소트 인디케이터 - 소트 가능한 아이콘 */
  /* 그리드 헤더 셀 소트 인디케이터 - 소트 우선 순위 영역*/
}
.cl-grid .cl-grid-header .cl-sortable-cell .cl-sort .cl-sort-icon {
  height: 100% !important;
  background-image: url("images/controls/grid/sortable.png");
  background-repeat: no-repeat;
  background-position: center;
}
.cl-grid .cl-grid-header .cl-sortable-cell .cl-sort .cl-sort-icon:before {
  content: "";
  color: transparent;
}
.cl-grid .cl-grid-header .cl-sortable-cell.cl-sort-asc {
  /* 그리드 헤더 셀 소트 인디케이터 - 오름차순 아이콘 */
}
.cl-grid .cl-grid-header .cl-sortable-cell.cl-sort-asc .cl-sort-icon {
  background-image: url("images/controls/grid/sort-asc.png");
  background-repeat: no-repeat;
  background-position: center;
}
.cl-grid .cl-grid-header .cl-sortable-cell.cl-sort-asc .cl-sort-icon:before {
  content: "";
  color: transparent;
}
.cl-grid .cl-grid-header .cl-sortable-cell.cl-sort-desc {
  /* 그리드 헤더 셀 소트 인디케이터 - 내림차순 아이콘 */
}
.cl-grid .cl-grid-header .cl-sortable-cell.cl-sort-desc .cl-sort-icon {
  background-image: url("images/controls/grid/sort-desc.png");
  background-repeat: no-repeat;
  background-position: center;
}
.cl-grid .cl-grid-header .cl-sortable-cell.cl-sort-desc .cl-sort-icon:before {
  content: "";
  color: transparent;
}
.cl-grid .cl-grid-footer {
  font-size: 15px;
  font-weight: 600;
  border-top: solid 1px #bbb;
  /* 소계 */
}
.cl-grid .cl-grid-footer .cl-grid-cell {
  background-size: 1px 100%;
  /* 푸터 */
}
.cl-grid .cl-grid-footer .cl-grid-cell.footer {
  background-color: #f7f9fc;
  color: #0B4696;
  background-size: 1px 12px;
}
.cl-grid .cl-grid-footer .cl-grid-cell.footer.border-cell-0 {
  background-size: 0px;
}
.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 {
  background-size: 0px;
  border-right: solid 1px #f1f1f1 !important;
}
.cl-grid .cl-grid-detail .cl-grid-cell.cl-merged {
  border-left: 1px solid #e8ecef;
}
.cl-grid .cl-grid-detail .cl-blank {
  background-color: #f1f1f1;
}
.cl-grid .cl-grid-detail .cl-grid-row .cl-grid-cell .cl-control.cl-combobox.cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row .cl-grid-cell .cl-control.cl-inputbox.cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row .cl-grid-cell .cl-control.cl-maskeditor.cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row .cl-grid-cell .cl-control.cl-numbereditor.cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row .cl-grid-cell .cl-control.cl-dateinput.cl-readonly {
  border: none;
}
.cl-grid .cl-grid-footer {
  /* 디테일에 스크롤이 생길시 우측에 생기는 빈 영역 */
}
.cl-grid .cl-grid-footer .cl-blank {
  background-color: #f1f1f1;
}
.cl-grid .cl-grid-footer .cl-grid-row .cl-grid-cell .cl-control.cl-combobox,
.cl-grid .cl-grid-footer .cl-grid-row .cl-grid-cell .cl-control.cl-inputbox,
.cl-grid .cl-grid-footer .cl-grid-row .cl-grid-cell .cl-control.cl-maskeditor,
.cl-grid .cl-grid-footer .cl-grid-row .cl-grid-cell .cl-control.cl-numbereditor,
.cl-grid .cl-grid-footer .cl-grid-row .cl-grid-cell .cl-control.cl-dateinput {
  border: none;
}
.cl-grid.cl-leftsplit {
  /* 스플릿 시 좌측 그리드 래퍼 */
}
.cl-grid.cl-rightsplit {
  /* 스플릿 시 우측 그리드 래퍼 */
}
.cl-grid .cl-grid-topsplit {
  border-bottom: double 3px #333;
}
.cl-grid .cl-grid-bottomsplit {
  border-top: double 3px #333;
}
.cl-grid .cl-nodatamsg {
  text-align: center;
  vertical-align: middle;
}
/* 그리드 필터 사용시 필터 다이얼로그가 펼쳐지는 영역 스타일*/
.cl-gridfilter {
  /* 필터 다이얼로그 뒤에 비활성화 영역을 표현하기 위해 덮히는 막 */
  /* 필터 다이얼로그 */
}
.cl-gridfilter.cl-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.cl-gridfilter .cl-filterdlg {
  background-color: #ffffff;
  border: 0px;
  border-radius: 5px;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.08);
  color: #333333;
  padding: 0px;
  /* 필터 다이얼로그 - 타이틀 영역 */
  /* 필터 다이얼로그 - 필터 찾기 영역 */
  /* 필터 다이얼로그 - 필터 아이템 리스트 영역 */
  /* 필터 다이얼로그 - 하단에 버튼 영역 */
}
.cl-gridfilter .cl-filterdlg .cl-checkbox {
  /* 필터 다이얼로그 - 아이템 체크박스 스타일 */
  /* 필터 다이얼로그 - 아이템 체크박스가 체크되었을 때의 스타일 */
}
.cl-gridfilter .cl-filterdlg .cl-checkbox .cl-checkbox-icon {
  background-image: none;
  background-color: #ffffff;
  background-size: 18px;
  border: 1px solid #767676;
  border-radius: 3px;
  margin-left: 1px;
}
.cl-gridfilter .cl-filterdlg .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ico_check.svg");
  background-color: #ffa73c;
  border-color: #ffa73c;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-header {
  background-image: none;
  background-color: #333333;
  border-bottom: 1px solid #dcdcdc;
  color: #ffffff;
  height: auto;
  padding: 10px 5px;
  /* 필터 다이얼로그 - 타이틀 영역의 글자 스타일 */
  /* 필터 다이얼로그 - 타이틀 영역의 닫기 버튼 스타일 */
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-header .cl-filterdlg-close {
  background-image: url("images/sub/close_white_ic.png");
  background-size: 13px;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-search .cl-search-input {
  width: 100%;
  height: 28px;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-itemlist {
  /* 필터 다이얼로그 - 필터 아이템 리스트 영역의 아이템 스타일 */
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-itemlist .cl-filterdlg-item {
  height: 30px;
  /* 필터 다이얼로그 - 아이템 글자 스타일 */
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons {
  height: 28px;
  /* 필터 다이얼로그 - 하단에 버튼 영역의 버튼 스타일 */
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button {
  margin-left: 5px;
  /* 필터 다이얼로그 - 버튼 영역의 확인 버튼 스타일 */
  /* 필터 다이얼로그 - 버튼 영역의 취소 버튼 스타일 */
}
/* 행 스타일 */
.ga-grid-style .cl-grid-row {
  /* 보기 모드의 로우 */
  /* 홀수 로우 */
  /* 짝수 로우 */
  /* 추가된 로우 */
  /* 수정된 로우 */
  /* 삭제된 로우 */
  /* 추가 후 삭제된 로우*/
  /* 선택된 로우 - 보기 모드 */
  /* 편집중인 로우 */
  /* 체크된 로우 */
  /* 행 그룹시 그룹의 헤더 */
  /* 행 그룹시 그룹의 푸터 */
}
.ga-grid-style .cl-grid-row.cl-inserted {
  background-color: transparent;
}
.ga-grid-style .cl-grid-row.cl-modified {
  background-color: transparent;
}
.ga-grid-style .cl-grid-row.cl-deleted {
  background-color: rgba(0, 0, 0, 0.05);
  color: #333333;
}
.ga-grid-style .cl-grid-row.cl-nullified {
  background-color: rgba(0, 0, 0, 0.05);
  color: #333333;
}
.ga-grid-style .cl-grid-row.cl-selected {
  background-color: #fcf6bb !important;
  color: #333333;
  /* 포커스 셀 */
}
.ga-grid-style .cl-grid-row.cl-editing {
  background-color: rgba(35, 184, 241, 0.12);
  color: #333333;
}
.ga-grid-style .cl-grid-row.cl-checked {
  background-color: #f1f1bf;
  color: #333333;
}
.ga-grid-style .cl-grid-row.cl-rowgroup-header {
  font-weight: 500;
  font-size: 16px;
  color: #0B4696;
  border-bottom: 2px solid #0b4696;
}
.ga-grid-style .cl-grid-row.cl-rowgroup-header .cl-grid-cell {
  text-align: left;
  padding: 0px 20px;
}
.ga-grid-style .cl-grid-row.cl-rowgroup-header .cl-grid-cell:first-child {
  border-right: none;
}
.ga-grid-style .cl-grid-row.cl-rowgroup-header .cl-control.cl-combobox {
  border: none;
  padding: 0px 10px;
}
.ga-grid-style .cl-grid-row.cl-rowgroup-footer {
  /*border-bottom : 2px solid #c0cee2;
		    background: @table-header-background-color;
		    color: @gray-700;*/
  border-bottom: 1px solid #e2cbc0;
  background: #fefaf9;
  color: #333333;
  font-size: 15px;
}
/* 행 스타일 */
.cl-grid-row {
  /* 보기 모드의 로우 */
  /* 홀수 로우 */
  /* 짝수 로우 */
  /* 추가된 로우 */
  /* 수정된 로우 */
  /* 삭제된 로우 */
  /* 추가 후 삭제된 로우*/
  /* 선택된 로우 - 보기 모드 */
  /* 편집중인 로우 */
  /* 체크된 로우 */
  /* 행 그룹시 그룹의 헤더 */
  /* 행 그룹시 그룹의 푸터 */
}
.cl-grid-row.cl-inserted {
  background-color: transparent;
}
.cl-grid-row.cl-modified {
  background-color: transparent;
}
.cl-grid-row.cl-deleted {
  background-color: rgba(0, 0, 0, 0.05);
  color: #333333;
}
.cl-grid-row.cl-nullified {
  background-color: rgba(0, 0, 0, 0.05);
  color: #333333;
}
.cl-grid-row.cl-selected {
  background-color: #f1f1bf !important;
  color: #333333;
  /* 포커스 셀 */
}
.cl-grid-row.cl-editing {
  background-color: rgba(35, 184, 241, 0.12);
  color: #333333;
}
.cl-grid-row.cl-checked {
  background-color: #f1f1bf;
  color: #333333;
}
.cl-grid-row.cl-rowgroup-header {
  font-weight: 500;
  font-size: 16px;
  color: #0B4696;
  border-bottom: 2px solid #0b4696;
}
.cl-grid-row.cl-rowgroup-header .cl-grid-cell {
  text-align: left;
  padding: 0px 20px;
}
.cl-grid-row.cl-rowgroup-header .cl-grid-cell:first-child {
  border-right: none;
}
.cl-grid-row.cl-rowgroup-header .cl-control.cl-combobox {
  border: none;
  padding: 0px 10px;
}
.cl-grid-row.cl-rowgroup-footer {
  /*border-bottom : 2px solid #c0cee2;
	    background: @table-header-background-color;
	    color: @gray-700;*/
  border-bottom: 1px solid #e2cbc0;
  background: #fefaf9;
  color: #333333;
  font-size: 15px;
}
/* 그리드 포커스 제거 class */
.no-focused-line .cl-grid-row {
  background-color: #ffffff;
  /* 포커스 셀 */
}
.no-focused-line .cl-grid-row :focus,
.no-focused-line .cl-grid-row .cl-focus {
  background-color: #f1f1bf;
  border: 1px solid #23b8f1;
  color: #333333;
}
.no-focused-line .cl-grid-row .cl-grid-cell:hover {
  background-color: #f1f1bf !important;
  border: 1px solid #23b8f1 !important;
}
.no-focused-line .cl-grid-row .cl-grid-cell.cl-selected {
  background-color: #f1f1bf !important;
  border: 1px solid #23b8f1 !important;
  color: #333333;
}
.no-focused-line .cl-grid-row.cl-hover {
  background-color: #ffffff !important;
  box-shadow: inset 0px 0px 0px 1px #ffffff, inset 0px -1px 0px 1px #ffffff !important;
}
.no-focused-line .cl-grid-row.cl-selected {
  background-color: #f1f1bf;
  border: 1px solid #23b8f1;
}
/* 그리드 행 배경색 two 08-09 최중규 추가 class */
.cl-grid-row.bg-ral-color {
  background-color: #fafae3 !important;
}
.cl-grid-row.bg-ral-color.cl-selected {
  background-color: #f1f1bf !important;
  color: #333333;
}
/* 그리드 행 배경색 class */
.cl-grid-row.bg-color {
  background-color: #fdeeee !important;
  /* 선택된 로우 - 보기 모드 */
}
.cl-grid-row.bg-color.cl-selected {
  background-color: #f1f1bf !important;
  color: #333333;
}
.cl-grid-row.bg-color-blue {
  background-color: #f1faff !important;
  /* 선택된 로우 - 보기 모드 */
}
.cl-grid-row.bg-color-blue.cl-selected {
  background-color: #f1f1bf !important;
  color: #333333;
}
.cl-grid-row.bg-color-green {
  background-color: #EAF0DE !important;
  /* 선택된 로우 - 보기 모드 */
}
.cl-grid-row.bg-color-green.cl-selected {
  background-color: #f1f1bf !important;
  color: #333333;
}
/* 모든 셀 스타일 */
.cl-grid-cell {
  border-right: 1px solid #e8ecef;
  border-bottom: 1px solid #e8ecef;
  padding: 0px 4px;
  /* columnType=checkbox, columnType=rowindex와 같이 그리드에서 기본 제공하는 컬럼 */
  /* 셀에 포함된 컨트롤 */
  /* 그룹 펼침/접힘 버튼 */
}
.cl-grid-cell + .cl-grid-cell {
  background-image: linear-gradient(#e8ecef, #e8ecef);
  background-repeat: no-repeat;
  background-size: 1px 12px;
  background-position: left center;
}
.cl-grid-cell .cl-builtin {
  /* columnType=checkbox */
  /* columnType=rowindex */
}
.cl-grid-cell .cl-control .cl-text {
  padding: 0px 3px 0px 3px;
}
.cl-grid-cell .cl-expander {
  /* 그룹 접혀짐 버튼 */
  /* 그룹 펼쳐짐 버튼 */
}
.cl-grid-cell .cl-expander.cl-collapsed {
  background-image: url("images/sub/table_gp_arrow.png");
  transform: rotate(180deg);
  transition: transform 0.3s;
}
.cl-grid-cell .cl-expander.cl-expanded {
  background-image: url("images/sub/table_gp_arrow.png");
  transform: rotate(0deg);
  transition: transform 0.3s;
}
/* Grid 기본 셀 스타일 */
.cl-grid.grp-sitemap {
  border-radius: 7px;
  border: 1px solid #acacac;
  margin: 10px;
}
/* 트리셀 */
.cl-treecell {
  /* 트리셀 안에 트리 아이템 (트리셀에서 트리구조가 시작되는 영역) */
  /* 트리셀 - focus */
  /* 트리셀간 라인 */
}
.cl-treecell .cl-treecell-item {
  /* 트리 아이템이 펼치고 접혀지는 아이콘 영역 */
  /* 트리 아이템의 아이콘 영역 */
  /* 트리 아이템의 텍스트 */
  /* 폴더형 트리 아이템 */
  /* 트리 아이템 - disabled */
}
.cl-treecell .cl-treecell-item .cl-treecell-itemicon {
  background-image: url("images/sub/tree_depth_3_ic.png");
  background-size: 12px 14px;
}
.cl-treecell .cl-treecell-item.tree-item-level-1 > .cl-treecell-itemicon {
  background-image: url("images/sub/tree_select_ic.png");
  background-size: 12px 14px;
}
.cl-treecell .cl-treecell-item .cl-text {
  /* 트리 아이템의 인풋 영역 */
}
.cl-treecell .cl-treecell-item.cl-folder {
  /* 폴더형 트리 아이템의 아이콘 영역 */
  /* 폴더형 트리 아이템이 펼쳐졌을 때 펼치고 접혀지는 아이콘 영역 */
  /* 폴더형 트리 아이템이 접혀졌을 때 펼치고 접혀지는 아이콘 영역 */
}
.cl-treecell .cl-treecell-item.cl-folder .cl-treecell-itemicon {
  background-image: url("images/sub/tree_depth_1_close.png");
  background-size: 17px 13px;
}
.cl-treecell .cl-treecell-item.cl-folder.cl-expanded > .cl-treecell-itemicon {
  background-image: url("images/sub/tree_depth_1_ic_on.png");
}
.cl-treecell .cl-treecell-item.cl-folder.cl-expanded > .cl-treecell-treeicon {
  background-image: url("images/sub/tree_select_arrow_on.png");
  background-size: 8px 5px;
  transform: rotate(180deg);
}
.cl-treecell .cl-treecell-item.cl-folder.cl-collapsed > .cl-treecell-treeicon {
  background-image: url("images/sub/tree_select_arrow_on.png");
  background-size: 8px 5px;
}
.cl-treecell.cl-treecell-lines {
  /* 트리셀라인 적용시 트리셀 아이템 */
}
.cl-treecell.cl-treecell-lines .cl-treecell-item {
  /* 트리라인의 확장/축소 아이콘 */
  /* 형제노드에 의해 라인만 있는 영역 */
  /* 현재 트리셀의 라인 영역 */
}
.cl-treecell.cl-treecell-lines .cl-treecell-item .cl-treecell-line {
  background-image: none;
}
.cl-treecell.cl-treecell-lines .cl-treecell-item .cl-treecell-iconline {
  background-image: none;
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.tree-item-level-1.cl-leaf .cl-treecell-iconline:before {
  content: '';
  display: none;
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-leaf .cl-treecell-iconline:before {
  content: '';
  display: block;
  position: absolute;
  margin-left: 10px;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -5px;
  border-left: 1px solid #0B4696;
  border-bottom: 1px solid #0B4696;
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-last .cl-treecell-iconline {
  background-image: none;
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-first .cl-treecell-iconline {
  background-image: none;
}
.cl-treecell.cl-treecell-lines .cl-treecell-item.cl-first.cl-last .cl-treecell-iconline {
  background-image: none;
}
/* 트리셀이 enabled이고, 트리 아이템이 enabled일때 스타일 */
/* 트리셀 - disabled */
.cl-treecell.cl-disabled {
  /* 트리셀 - disabled 의 트리 아이템 - selected */
}
/* 네비게이션 바 */
.cl-navigationbar {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #333333;
  /* 상단 바 */
  /* 네비게이션 바 - 포커스 */
}
.cl-navigationbar .cl-navigationbar-bar {
  padding: 5px 10px;
  /* 네비게이션 바 아이템 */
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item {
  /* 네비게이션 바 아이템 아이콘 */
  /* 네비게이션 바 아이템 텍스트 */
  /* 네비게이션 바 아이템 단축키*/
  /* 네비게이션 바 아이템 드랍다운 아이콘 */
  /* 네비게이션 바 아이템 - 호버 */
  /* 네비게이션 바 아이템 - 활성화 */
  /* 네비게이션 바 아이템 - disabled */
  /* 네비게이션 바 아이템 - 선택됨 */
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-hover {
  background-color: transparent;
  color: #ffa73c;
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item:not(.cl-disabled) {
  /* 네비게이션 바 아이템 - 호버 */
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item:not(.cl-disabled):not(.cl-selected):hover,
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item:not(.cl-disabled).cl-hover {
  background-color: transparent;
  color: #ffa73c;
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-disabled {
  color: #999999;
  /* 네비게이션 바 아이템 - 선택됨, disabled */
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-disabled.cl-selected {
  background-color: #dfe6f0;
  color: #999999;
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-selected {
  background-color: transparent;
  color: #ffa73c;
}
.cl-navigationbar.cl-disabled {
  background-color: #f7f9fc;
  border-color: #dfe6f0;
  color: #999999;
}
.cl-navigationbar.cl-focus {
  border-color: #dcdcdc;
}
/* 네비게이션 바 드랍다운 메뉴 */
.cl-navigationbar-list {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #333333;
  /* megamenu 타입의 카테고리 */
  /* submenu의 up스크롤 버튼*/
  /* submenu의 down스크롤 버튼*/
  /* 네비게이션 바 드랍다운 메뉴 아이템 */
}
.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 {
  min-height: 30px;
  padding: 5px 10px;
}
.cl-navigationbar-list .cl-arrow-up.cl-disabled {
  background-color: #f7f9fc;
}
.cl-navigationbar-list .cl-arrow-down.cl-disabled {
  background-color: #f7f9fc;
}
.cl-navigationbar-list .cl-navigationbar-listitem {
  color: #333333;
  min-height: 30px;
  padding: 5px 10px;
  /* 네비게이션 바 드랍다운 메뉴 아이템 텍스트 */
  /* 네비게이션 드랍다운 메뉴 아이템 - 활성화 */
  /* 네비게이션 바 드랍다운 메뉴 아이템 - 호버 */
  /* 네비게이션 바 드랍다운 메뉴 아이템 - disabled */
  /* 네비게이션 바 드랍다운 메뉴 아이템 - 선택됨 */
}
.cl-navigationbar-list .cl-navigationbar-listitem .cl-navigationbar-icon-wrapper {
  /* 네비게이션 바 드랍다운 메뉴 아이템 아이콘 */
}
.cl-navigationbar-list .cl-navigationbar-listitem .cl-navigationbar-accesskey-wrapper {
  /* 네비게이션 바 드랍다운 메뉴 아이템 단축키 */
}
.cl-navigationbar-list .cl-navigationbar-listitem:not(.cl-disabled) {
  /* 네비게이션 드랍다운 메뉴 아이템 - 호버 */
}
.cl-navigationbar-list .cl-navigationbar-listitem:not(.cl-disabled):not(.cl-selected):hover,
.cl-navigationbar-list .cl-navigationbar-listitem:not(.cl-disabled).cl-hover {
  background-color: transparent;
  color: #ffa73c;
}
.cl-navigationbar-list .cl-navigationbar-listitem.cl-hover {
  background-color: transparent;
  color: #ffa73c;
}
.cl-navigationbar-list .cl-navigationbar-listitem.cl-disabled {
  color: #999999;
  /* 네비게이션 바 드랍다운 메뉴 아이템 - disabled, 선택됨 */
}
.cl-navigationbar-list .cl-navigationbar-listitem.cl-disabled.cl-selected {
  background-color: #dfe6f0;
  color: #999999;
}
.cl-navigationbar-list .cl-navigationbar-listitem.cl-selected {
  background-color: transparent;
  color: #ffa73c;
}
/* 탭 폴더 - disabled */
/* 탭 폴더 */
.cl-tabfolder {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  color: #333333;
  /* 헤더 */
  /* 탭폴더 바디 */
}
.cl-tabfolder .cl-tabfolder-header {
  height: 30px;
  /* 이전으로 스크롤 버튼 */
  /* 다음으로 스크롤 버튼 */
  /* 탭 헤더 아이템 */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-prev {
  border: 1px solid #dcdcdc;
  /* 이전으로 스크롤 버튼 - disabled */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-next {
  border: 1px solid #dcdcdc;
  /* 다음으로 스크롤 버튼 - disabled */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item {
  background-color: #eaedf2;
  border: none;
  border-radius: 10px 10px 0px 0px;
  color: #757C89;
  padding: 6px 18px;
  /* 탭 아이템 체크 박스 */
  /* 탭 헤더 아이템 닫기 버튼 */
  /* 탭 헤더 아이템 - 선택됨 */
  /* 탭 헤더 아이템 - 호버 */
  /* 비활성 탭 아이템 */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  /*background-color: @tab-item-selected-background-color;*/
  border-color: #dcdcdc;
  color: #ffffff;
  background-color: #333333;
  /* 탭 헤더 아이템 닫기 버튼 - 선택 됨 */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: #eaedf2;
  border-color: #dcdcdc;
  color: #757C89;
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-disabled {
  background-color: #eaedf2;
  border-color: #dfe6f0;
  color: #999999;
}
.cl-tabfolder .cl-tabfolder-body {
  background-color: #F3F5F7;
  color: #333333;
  border: 1px solid #dcdcdc;
  border-width: 2px 0px;
  border-top-color: #333333;
  border-bottom-color: white;
}
/* 페이지 인덱서 */
.cl-pageindexer {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  color: #93979f;
  padding: 0px;
  /* 페이지 인덱서 버튼 공통 */
  /* 페이지 인덱서 처음으로 버튼 */
  /* 페이지 인덱서 이전 버튼 */
  /* 페이지 인덱서 다음 버튼 */
  /* 페이지 인덱서 마지막으로 버튼 */
  /* 페이지 인덱서 - 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 {
  background-color: transparent;
  border: none;
  margin: 0px;
  width: 20px;
}
.cl-pageindexer .cl-pageindexer-index-area,
.cl-pageindexer .cl-pageindexer-first,
.cl-pageindexer .cl-pageindexer-last,
.cl-pageindexer .cl-pageindexer-prev,
.cl-pageindexer .cl-pageindexer-next,
.cl-pageindexer .cl-pageindexer-index,
.cl-pageindexer .cl-text-wrapper {
  min-height: 20px;
}
.cl-pageindexer .cl-pageindexer-first {
  background-image: url("images/common/page_nav_first_ic.png");
}
.cl-pageindexer .cl-pageindexer-prev {
  background-image: url("images/common/page_nav_prev_ic.png");
}
.cl-pageindexer .cl-pageindexer-next {
  background-image: url("images/common/page_nav_next_ic.png");
}
.cl-pageindexer .cl-pageindexer-last {
  background-image: url("images/common/page_nav_last_ic.png");
}
.cl-pageindexer .cl-pageindexer-index {
  padding-bottom: 2px;
  /* 페이지 인덱서 선택된 페이지 */
}
.cl-pageindexer .cl-pageindexer-index.cl-selected {
  background-color: transparent;
  color: #897c75;
}
.cl-pageindexer.cl-disabled {
  color: #999999;
}
.cl-pageindexer:not(.cl-disabled) {
  /* 페이지 인덱서 처음으로 버튼 - 액티브 */
  /* 페이지 인덱서 이전 버튼 - 액티브 */
  /* 페이지 인덱서 다음 버튼 - 액티브 */
  /* 페이지 인덱서 마지막으로 버튼 - 액티브 */
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-first:not(.cl-selected),
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-last:not(.cl-selected),
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-prev:not(.cl-selected),
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-next:not(.cl-selected),
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-index:not(.cl-selected) {
  /* 페이지 인덱서 버튼 공통 - 호버 */
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-first:not(.cl-selected).cl-hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-last:not(.cl-selected).cl-hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-prev:not(.cl-selected).cl-hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-next:not(.cl-selected).cl-hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-index:not(.cl-selected).cl-hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-first:not(.cl-selected):hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-last:not(.cl-selected):hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-prev:not(.cl-selected):hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-next:not(.cl-selected):hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-index:not(.cl-selected):hover {
  background-color: transparent;
  color: #897c75;
}
.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,
.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 {
  outline: none;
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-first:active {
  background-image: url("images/common/page_nav_first_ic.png");
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-prev:active {
  background-image: url("images/controls/pageindexer/page_nav_prev_ic.png");
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-next:active {
  background-image: url("images/controls/pageindexer/page_nav_next_ic.png");
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-last:active {
  background-image: url("images/common/page_nav_last_ic.png");
}
.cl-pageindexer.cl-disabled {
  /* 페이지 인덱서 버튼 공통 - disabled */
  /* 페이지 인덱서 이전 버튼 */
  /* 페이지 인덱서 다음 버튼 */
  /* 페이지 인덱서 마지막으로 버튼 */
  /* 페이지 인덱서 버튼 공통 - disabled, selected */
}
.cl-pageindexer.cl-disabled .cl-pageindexer-first,
.cl-pageindexer.cl-disabled .cl-pageindexer-last,
.cl-pageindexer.cl-disabled .cl-pageindexer-prev,
.cl-pageindexer.cl-disabled .cl-pageindexer-next,
.cl-pageindexer.cl-disabled .cl-pageindexer-index {
  background-color: transparent;
}
.cl-pageindexer.cl-disabled .cl-pageindexer-first {
  background-image: url("images/common/page_nav_first_ic_disabled.png");
}
.cl-pageindexer.cl-disabled .cl-pageindexer-prev {
  background-image: url("images/common/page_nav_prev_ic_disabled.png");
}
.cl-pageindexer.cl-disabled .cl-pageindexer-next {
  background-image: url("images/common/page_nav_next_ic_disabled.png");
}
.cl-pageindexer.cl-disabled .cl-pageindexer-last {
  background-image: url("images/common/page_nav_last_ic_disabled.png");
}
.cl-pageindexer.cl-disabled .cl-pageindexer-index.cl-selected {
  background-color: transparent;
  color: #999999;
}
/* 노티파이어 아이템 */
.cl-notifier-item {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  border: none;
  border-radius: 3px;
  padding: 5px 10px;
  /* 노티파이어 아이템 텍스트 */
  /* 노티파이어 아이템 아이콘 */
  /* 노티파이어 아이템 닫기 버튼 */
  /* 노티파이어 아이템 기본 스타일 */
  /* 노티파이어 아이템 success 스타일 */
  /* 노티파이어 아이템 info 스타일 */
  /* 노티파이어 아이템 warning 스타일 */
  /* 노티파이어 아이템 danger 스타일 */
}
.cl-notifier-item .cl-notifier-icon {
  background-image: none;
  width: 0px;
}
.cl-notifier-item .cl-notifier-closebutton {
  background-image: url("images/controls/notifier/ico_close.svg");
}
.cl-notifier-item.cl-notifier-default {
  background-color: #e5ebf5;
  color: #333333;
  /* 노티파이어 아이템 기본 아이콘 */
}
.cl-notifier-item.cl-notifier-default .cl-notifier-closebutton {
  background-image: url("images/controls/modal/ico_close.svg");
}
.cl-notifier-item.cl-notifier-success {
  background-color: #26c3c3;
  color: #ffffff;
  /* 노티파이어 아이템 success 아이콘 */
}
.cl-notifier-item.cl-notifier-info {
  background-color: #23b8f1;
  color: #ffffff;
  /* 노티파이어 아이템 info 아이콘 */
}
.cl-notifier-item.cl-notifier-warning {
  background-color: #ffd83d;
  color: #ffffff;
  /* 노티파이어 아이템 warning 아이콘 */
}
.cl-notifier-item.cl-notifier-danger {
  background-color: #e31f21;
  color: #ffffff;
  /* 노티파이어 아이템 danger 아이콘 */
}
.cl-progress {
  /* 프로그레스 바 루트 */
  background-image: none;
  background-color: #ffffff;
  border: none;
  border-radius: 9999px;
  box-shadow: inset 0px 0px 0px 1px #dcdcdc;
}
.cl-progress .cl-progress-bar {
  /* 진행 바 */
  background-image: none;
  background-color: #ffa73c;
  border-radius: 9999px;
}
.cl-progress .cl-text {
  /* 진행 바에 표시되는 텍스트 */
  color: #333333;
  font-size: 10px;
  padding: 0px 1.5px;
  text-align: right;
}
.cl-progress.cl-disabled {
  /* 프로그레스 바 - disabled */
  background-image: none;
  background-color: #f7f9fc;
  box-shadow: inset 0px 0px 0px 1px #dfe6f0;
}
.cl-progress.cl-disabled .cl-progress-bar {
  /* 진행 바 - disabled */
  background-image: none;
  background-color: #dfe6f0;
}
.cl-progress.cl-disabled .cl-text {
  color: #999999;
}
/* 파일 인풋 루트 */
.cl-fileinput {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #333333;
  text-align: left;
  /*autoSize 설정시 표시되는 기본크기*/
  /* 파일 인풋 내 텍스트 */
  /* 포커스 상태 */
}
.cl-fileinput .cl-text {
  padding: 0px 3px;
}
.cl-fileinput .cl-text.cl-placeholder {
  color: #acacac !important;
  font-style: normal;
  font-weight: 400;
}
.cl-fileinput:before {
  content: "찾아보기";
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #A9B8CF;
  background-color: #A9B8CF;
  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-fileinput:focus {
  border-color: #dcdcdc;
}
.cl-fileinput.cl-disabled,
.cl-fileinput.cl-readonly {
  border-color: #dfe6f0;
  background-color: #f7f9fc;
  color: #999999;
}
.cl-fileinput.cl-disabled:before {
  content: "찾아보기";
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #DFE6F0;
  background-color: #DFE6F0;
  color: #a1bde4;
  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-formlayout-column-shade {
  /* 컬럼 음영 스타일 */
  background-color: #F9FBFE;
}
.cl-formlayout-row-shade {
  /* 행 음영 스타일 */
  background-color: #F9FBFE;
}
.cl-formlayout-vertical-separator,
.cl-formlayout-horizontal-separator {
  /* 구분 선 스타일 */
  background-color: #f0f0f0;
}
.cl-form-group {
  background-color: #ffffff;
  border: 1px solid #e8ecef;
  border-width: 2px 0px 1px 0px;
  border-top-color: #897c75;
  border-radius: 0px;
}
.cl-form-group .cl-output.label {
  color: #333333;
}
.cl-form-group .cl-output.label.require {
  background-image: url("images/sub/table_th_req.png");
  background-size: 6px;
  background-position: right 6px top;
}
/**********************************
 tab -> Accordion형태 변경시 폼스타일 
 **********************************/
.cl-form-accordion {
  background-color: #ffffff;
  border: 1px solid #E2E9F2;
  border-radius: 3px;
  height: 37.5px;
  /* 클릭된 헤더의 펼침 버튼 아이콘 (default)*/
  /* 클릭된 헤더의 접기 버튼 아이콘*/
}
.cl-form-accordion .cl-form-accordion-header {
  font-size: 15px;
  font-weight: 600;
}
.cl-form-accordion .cl-form-accordion-header .cl-text {
  color: #00357c;
  padding-left: 20px;
}
.cl-form-accordion .cl-accordion-expander {
  margin-left: 10px;
  background-image: url("images/sub/select_bottom_arrow.png");
  background-size: 9px 5px;
}
.cl-form-accordion .cl-accordion-expander.off {
  margin-left: 10px;
  background-image: url("images/sub/select_bottom_arrow_on.png");
  background-size: 9px 5px;
}
.cl-formlayout-vertical-lightweight-resizer,
.cl-formlayout-horizontal-lightweight-resizer {
  /* lightweight resizer style */
  background-color: #897c75;
}
.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 Custom Sheets
 * Template Name : etera-cau-ui
 * Author : Da-eun Ryu
 * File : less
 */
/************************************************
 * 공통 스타일 시트
 ************************************************/
/************************************************
 * Noto Sans KR
 ************************************************/
@font-face {
  font-family: "Malgun Gothic";
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: "Malgun Gothic";
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Malgun Gothic";
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Malgun Gothic";
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Malgun Gothic";
  font-style: normal;
  font-weight: 700;
}
/* 
 * Define Common Class
 * Template Name : ehojo-ui
 * Author : Da-eun Ryu
 * File : less
 */
/************************************************
 * 팔레트
 ************************************************/
.bg-primary {
  background-color: #897c75 !important;
}
.bg-secondary {
  background-color: #ffa73c !important;
}
.bg-success {
  background-color: #26c3c3 !important;
}
.bg-info {
  background-color: #23b8f1 !important;
}
.bg-warning {
  background-color: #ffd83d !important;
}
.bg-danger {
  background-color: #e31f21 !important;
}
.bg-dark {
  background-color: #222222 !important;
}
.bg-gray {
  background-color: #acb6c7 !important;
}
.bg-blue {
  background-color: #0b95ff !important;
}
.bg-indigo {
  background-color: #082757 !important;
}
.bg-purple {
  background-color: #8351c2 !important;
}
.bg-pink {
  background-color: #e91e63 !important;
}
.bg-red {
  background-color: #e31f21 !important;
}
.bg-orange {
  background-color: #ee6723 !important;
}
.bg-yellow {
  background-color: #ffd83d !important;
}
.bg-green {
  background-color: #00ac26 !important;
}
.bg-teal {
  background-color: #26c3c3 !important;
}
.bg-cyan {
  background-color: #23b8f1 !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-light {
  background-color: #a1bde4 !important;
}
.bg-lighter {
  background-color: #dfe6f0 !important;
}
.bg-black {
  background-color: #000000 !important;
}
.bg-shade {
  background-color: #F9FBFE !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-opacity {
  opacity: 0.35;
}
.bg-primary-dim {
  background-color: #e5ebf5 !important;
}
.bg-secondary-dim {
  background-color: #f7f9fc !important;
}
.bg-success-dim {
  background-color: #f2fcfe !important;
}
.bg-info-dim {
  background-color: #f1faff !important;
}
.bg-warning-dim {
  background-color: #fef9e5 !important;
}
.bg-danger-dim {
  background-color: #fdeeee !important;
}
.bg-gray-100 {
  background-color: #f0f0f0 !important;
}
.bg-gray-200 {
  background-color: #eaedf2 !important;
}
.bg-gray-300 {
  background-color: #e1e1e1 !important;
}
.bg-gray-400 {
  background-color: #dcdcdc !important;
}
.bg-gray-500 {
  background-color: #acacac !important;
}
.bg-gray-600 {
  background-color: #999999 !important;
}
.bg-gray-700 {
  background-color: #666666 !important;
}
.bg-gray-800 {
  background-color: #555555 !important;
}
.bg-gray-900 {
  background-color: #333333 !important;
}
.text-primary {
  color: #897c75 !important;
}
.text-secondary {
  color: #ffa73c !important;
}
.text-info {
  color: #23b8f1 !important;
}
.text-success {
  color: #26c3c3 !important;
}
.text-danger {
  color: #e31f21 !important;
}
.text-warning {
  color: #ffd83d !important;
}
.text-dark {
  color: #222222 !important;
}
.text-gray {
  color: #acb6c7 !important;
}
.text-body {
  color: #000000 !important;
}
.text-base {
  color: #333333 !important;
}
.text-soft {
  color: #b5b5b5 !important;
}
.text-bold {
  color: #000000 !important;
  font-weight: 700;
}
.text-normal {
  color: #000000 !important;
  font-weight: 400;
}
.text-bold-red {
  color: #e31f21 !important;
  font-weight: 700;
}
.text-bold-blue {
  color: #0b95ff !important;
  font-weight: 700;
}
.text-bold-brown {
  color: #8B4513 !important;
  font-weight: 700;
}
.text-black {
  color: #000000 !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-dark-gray {
  color: #555555 !important;
}
.text-light {
  color: #a1bde4 !important;
}
.text-lighter {
  color: #dfe6f0 !important;
}
.text-white {
  color: #ffffff !important;
}
.text-blue {
  color: #0b95ff !important;
}
.text-indigo {
  color: #082757 !important;
}
.text-purple {
  color: #8351c2 !important;
}
.text-pink {
  color: #e91e63 !important;
}
.text-red {
  color: #e31f21 !important;
}
.text-orange {
  color: #ee6723 !important;
}
.text-yellow {
  color: #ffd83d !important;
}
.text-green {
  color: #00ac26 !important;
}
.text-teal {
  color: #26c3c3 !important;
}
.text-cyan {
  color: #23b8f1 !important;
}
.text-brown {
  color: #8B4513 !important;
}
.text-transparent {
  color: transparent !important;
}
.text-primary-dim {
  color: #e5ebf5 !important;
}
.text-secondary-dim {
  color: #f7f9fc !important;
}
.text-success-dim {
  color: #f2fcfe !important;
}
.text-info-dim {
  color: #f1faff !important;
}
.text-warning-dim {
  color: #fef9e5 !important;
}
.text-danger-dim {
  color: #fdeeee !important;
}
.text-gray-100 {
  color: #f0f0f0 !important;
}
.text-gray-200 {
  color: #eaedf2 !important;
}
.text-gray-300 {
  color: #e1e1e1 !important;
}
.text-gray-400 {
  color: #dcdcdc !important;
}
.text-gray-500 {
  color: #acacac !important;
}
.text-gray-600 {
  color: #999999 !important;
}
.text-gray-700 {
  color: #666666 !important;
}
.text-gray-800 {
  color: #555555 !important;
}
.text-gray-900 {
  color: #333333 !important;
}
/************************************************
 * 바디
 ************************************************/
html,
body {
  font-size: 14px;
}
.body {
  background-color: #eaedf2;
}
a {
  background-color: transparent;
  color: #897c75;
  padding: 0px;
  margin: 0px;
  text-decoration: underline;
}
p {
  margin: 0px;
  padding: 0px;
}
/************************************************
 * 타이포그래피
 ************************************************/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h {
  color: #000000;
  font-family: "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
h5,
.h5,
h6,
.h6 {
  font-weight: 400;
}
h1,
.h1 {
  font-size: 28px;
}
h2,
.h2 {
  font-size: 20px;
}
h3,
.h3 {
  font-size: 18px;
}
h4,
.h4 {
  font-size: 1.05em;
}
h5,
.h5 {
  font-size: 15px;
}
h6,
.h6 {
  font-size: 14px;
}
.fs-base {
  font-size: 14px !important;
}
.fs-lg {
  font-size: 18px !important;
}
.fs-md {
  font-size: 15px !important;
}
.fs-sm {
  font-size: 13px !important;
}
.fs-12 {
  font-size: 12px !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-17 {
  font-size: 17px !important;
}
.ff-base {
  font-family: "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif !important;
}
.ff-italic {
  font-style: italic !important;
}
.fw-thin {
  font-weight: 100;
}
.fw-light {
  font-weight: 300;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500;
}
.fw-bold {
  font-weight: 700;
}
.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;
}
.lcap,
.text-lowercase {
  text-transform: lowercase !important;
}
.ucap,
.text-uppercase {
  text-transform: uppercase !important;
}
.ccap,
.text-capitalize {
  text-transform: capitalize !important;
}
.underline,
.text-underline {
  text-decoration: underline !important;
}
.lh-13 {
  line-height: 1.3 !important;
}
/************************************************
 * 유틸리티
 ************************************************/
.border {
  border: 1px solid #dcdcdc !important;
}
.border-top {
  border-top: 1px solid #dcdcdc !important;
}
.border-bottom {
  border-bottom: 1px solid #dcdcdc !important;
}
.border-left {
  border-left: 1px solid #dcdcdc !important;
}
.border-right {
  border-right: 1px solid #dcdcdc !important;
}
.border-0 {
  border: none !important;
}
.border-top-0 {
  border-top: none !important;
}
.border-bottom-0 {
  border-bottom: none !important;
}
.border-left-0 {
  border-left: none !important;
}
.border-right-0 {
  border-right: none !important;
}
.border-primary {
  border-color: #897c75 !important;
}
.border-secondary {
  border-color: #ffa73c !important;
}
.border-success {
  border-color: #26c3c3 !important;
}
.border-info {
  border-color: #23b8f1 !important;
}
.border-warning {
  border-color: #ffd83d !important;
}
.border-danger {
  border-color: #e31f21 !important;
}
.border-dark {
  border-color: #222222 !important;
}
.border-gray {
  border-color: #acb6c7 !important;
}
.border-blue {
  border-color: #0b95ff !important;
}
.border-indigo {
  border-color: #082757 !important;
}
.border-purple {
  border-color: #8351c2 !important;
}
.border-pink {
  border-color: #e91e63 !important;
}
.border-orange {
  border-color: #ee6723 !important;
}
.border-teal {
  border-color: #26c3c3 !important;
}
.border-cyan {
  border-color: #23b8f1 !important;
}
.border-white {
  border-color: #ffffff !important;
}
.border-light {
  border-color: #a1bde4 !important;
}
.border-lighter {
  border-color: #dfe6f0 !important;
}
.border-black {
  border-color: #000000 !important;
}
.border-transparent {
  border-color: transparent !important;
}
.border-gray-100 {
  border-color: #f0f0f0 !important;
}
.border-gray-200 {
  border-color: #eaedf2 !important;
}
.border-gray-300 {
  border-color: #e1e1e1 !important;
}
.border-gray-400 {
  border-color: #dcdcdc !important;
}
.border-gray-500 {
  border-color: #acacac !important;
}
.border-gray-600 {
  border-color: #999999 !important;
}
.border-gray-700 {
  border-color: #666666 !important;
}
.border-gray-800 {
  border-color: #555555 !important;
}
.border-gray-900 {
  border-color: #333333 !important;
}
.dashed {
  border: 1px solid #dcdcdc;
  border-style: dashed;
}
.rounded {
  border-radius: 5px !important;
}
.rounded-top {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}
.rounded-top-0 {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.rounded-bottom {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.rounded-bottom-0 {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-left {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.rounded-right {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.rounded-circle {
  border-radius: 9999px !important;
}
.rounded-pill {
  border-radius: 1.5rem !important;
}
.rounded-0 {
  border-radius: 0px !important;
}
.rounded-sm {
  border-radius: 3px !important;
}
.rounded-lg {
  border-radius: 10px !important;
}
.box-shadow {
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.08);
}
.box-shadow-0 {
  box-shadow: none !important;
}
.m-0 {
  margin: 0px !important;
}
.m-1 {
  margin: 5px !important;
}
.m-2 {
  margin: 10px !important;
}
.m-3 {
  margin: 12px !important;
}
.m-4 {
  margin: 15px !important;
}
.m-5 {
  margin: 20px !important;
}
.m-gs {
  margin: 40px !important;
}
.ml-m1 {
  margin-left: -1px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.ml-1 {
  margin-left: 5px !important;
}
.ml-2 {
  margin-left: 10px !important;
}
.ml-3 {
  margin-left: 12px !important;
}
.ml-4 {
  margin-left: 15px !important;
}
.ml-5 {
  margin-left: 20px !important;
}
.ml-gs {
  margin-left: 40px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mr-1 {
  margin-right: 5px !important;
}
.mr-2 {
  margin-right: 10px !important;
}
.mr-3 {
  margin-right: 12px !important;
}
.mr-4 {
  margin-right: 15px !important;
}
.mr-5 {
  margin-right: 20px !important;
}
.mr-gs {
  margin-right: 40px !important;
}
.mt-m1 {
  margin-top: -1px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-1 {
  margin-top: 5px !important;
}
.mt-2 {
  margin-top: 10px !important;
}
.mt-3 {
  margin-top: 12px !important;
}
.mt-4 {
  margin-top: 15px !important;
}
.mt-5 {
  margin-top: 20px !important;
}
.mt-gs {
  margin-top: 40px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-1 {
  margin-bottom: 5px !important;
}
.mb-2 {
  margin-bottom: 10px !important;
}
.mb-3 {
  margin-bottom: 12px !important;
}
.mb-4 {
  margin-bottom: 15px !important;
}
.mb-5 {
  margin-bottom: 20px !important;
}
.mb-gs {
  margin-bottom: 40px !important;
}
.p-0 {
  padding: 0px !important;
}
.p-1 {
  padding: 5px !important;
}
.p-2 {
  padding: 10px !important;
}
.p-3 {
  padding: 12px !important;
}
.p-4 {
  padding: 15px !important;
}
.p-5 {
  padding: 20px !important;
}
.p-gs {
  padding: 40px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pl-1 {
  padding-left: 5px !important;
}
.pl-2 {
  padding-left: 10px !important;
}
.pl-3 {
  padding-left: 12px !important;
}
.pl-4 {
  padding-left: 15px !important;
}
.pl-5 {
  padding-left: 20px !important;
}
.pl-gs {
  padding-left: 40px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pr-1 {
  padding-right: 5px !important;
}
.pr-2 {
  padding-right: 10px !important;
}
.pr-3 {
  padding-right: 12px !important;
}
.pr-4 {
  padding-right: 15px !important;
}
.pr-5 {
  padding-right: 20px !important;
}
.pr-gs {
  padding-right: 40px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pt-1 {
  padding-top: 5px !important;
}
.pt-2 {
  padding-top: 10px !important;
}
.pt-3 {
  padding-top: 12px !important;
}
.pt-4 {
  padding-top: 15px !important;
}
.pt-5 {
  padding-top: 20px !important;
}
.pt-gs {
  padding-top: 40px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pb-1 {
  padding-bottom: 5px !important;
}
.pb-2 {
  padding-bottom: 10px !important;
}
.pb-3 {
  padding-bottom: 12px !important;
}
.pb-4 {
  padding-bottom: 15px !important;
}
.pb-5 {
  padding-bottom: 20px !important;
}
.pb-gs {
  padding-bottom: 40px !important;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-move {
  cursor: move;
}
.cursor-text {
  cursor: text;
}
.cursor-wait {
  cursor: wait;
}
.cursor-help {
  cursor: help;
}
.line-break-auto {
  line-break: auto;
}
/************************************************
 * 공통 화면 스타일 시트
 ************************************************/
/************************************************
 * 채용(로그인)
 * →
 ************************************************/
.cl-container.recu .cl-control {
  font-family: "Noto Sans KR", sans-serif;
  letter-spacing: -0.8px;
  line-height: 1.3;
}
.cl-container.recu .cl-container.login_wrap {
  background: url("../common/images/login/login_bg.jpg") no-repeat center/cover;
}
.cl-container.recu .cl-container.login_wrap.s_campus {
  background: url("../common/images/login/login_bg.jpg") no-repeat center/cover;
}
.cl-container.recu .cl-container.login_wrap.s_campus:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 150px;
  height: 50px;
  margin-left: -75px;
  background: url("../common/images/login/footer_logo.png") no-repeat 50% 50%;
}
.cl-container.recu .cl-container.login_wrap.k_campus {
  background: url("../common/images/login/login_bg_k.jpg") no-repeat center/cover;
}
.cl-container.recu .cl-container.login_wrap.k_campus:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 210px;
  height: 50px;
  margin-left: -105px;
  background: url("../common/images/login/footer_logo_k.png") no-repeat 50% 50%;
}
.cl-container.recu .cl-container.login_wrap:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 150px;
  height: 50px;
  margin-left: -75px;
  background: url("../common/images/login/footer_logo.png") no-repeat 50% 50%;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box {
  background-color: #ffffff;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont {
  background: url("../common/images/login/login_org_bg.png") no-repeat 0 100%;
  padding: 30px 30px 0px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_top .cl-output.logo {
  background: url("../common/images/login/dku_logo.png") no-repeat 50% 50%;
  min-height: 58px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_top .cl-output.logo.s_campus {
  background: url("../common/images/login/dku_logo.png") no-repeat 50% 50%;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_top .cl-output.logo.k_campus {
  background: url("../common/images/login/dku_logo_k.png") no-repeat 50% 50%;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input {
  margin-top: 30px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-inputbox,
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-button,
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-dateinput {
  min-height: 50px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-combobox {
  min-height: 50px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-container.notice_dl {
  padding: 15px;
  margin-bottom: 7px;
  border-radius: 5px;
  background: #f5f1ee;
  font-size: 15px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-container.notice_dl .cl-output.dt {
  color: #333333;
  font-weight: 600;
  font-size: 15px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-container.notice_dl .cl-output.dd {
  color: #555555;
  font-size: 15px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-output.tit {
  background: url("../common/images/login/login_class_tit_ic.png") no-repeat 0 50%;
  color: #333333;
  font-weight: 500;
  font-size: 20px;
  padding: 10px 0 10px 40px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-output.login_subtit {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 15px;
  color: #d04020;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-output.login_subtit .cl-text:before {
  content: '';
  display: inline-block;
  position: relative;
  width: 4px;
  height: 4px;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
  background: #d04020;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-combobox.auth_sel .cl-text {
  padding: 0 15px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-combobox.auth_sel .cl-text.cl-placeholder {
  color: #7c7c7c !important;
  font-size: 13px;
  letter-spacing: 0px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-combobox.auth_sel .cl-combobox-button {
  background: url("../common/images/login/select_arrow.png") no-repeat center;
  margin-right: 15px;
  width: 15px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-inputbox {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  font-weight: 400;
  text-align: left;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-inputbox .cl-text {
  padding: 0 15px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-inputbox .cl-text.cl-placeholder {
  color: #7c7c7c !important;
  font-size: 13px;
  letter-spacing: 0px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-dateinput {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  font-weight: 400;
  text-align: left;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-dateinput .cl-text {
  padding: 0 15px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-dateinput .cl-text.cl-placeholder {
  color: #7c7c7c !important;
  font-size: 13px;
  letter-spacing: 0px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-dateinput .cl-dateinput-button {
  background-image: url("../common/images/login/login_input_date.png");
  margin-right: 15px;
  width: 21px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-button.login_btn {
  background: #d04020;
  border: none;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  margin-top: 7px;
  text-shadow: none;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_footer {
  padding: 0 0 30px 0;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_footer .cl-container.terms .cl-button {
  background: 0;
  border: 0;
  border-radius: 0;
  color: #767676;
  text-shadow: none;
  line-height: 1 !important;
  padding-bottom: 1px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_footer .cl-container.terms .cl-button span {
  color: #cf3116;
  font-weight: 600;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_footer .cl-container.terms > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(:first-child):before {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  left: -11px;
  width: 1px;
  height: 10px;
  background: #bbbbbb;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_footer .cl-output.addr {
  font-weight: 400;
  font-size: 13px;
  color: #767676;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_footer .cl-output.copy {
  font-weight: 400;
  font-size: 12px;
  color: #666666;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_notice {
  background: #F5F1EE url("../common/images/login/login_org_bg.png") no-repeat 0 100%;
  padding: 30px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_notice .cl-container.notice_list {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 10px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_notice .cl-container.notice_list .cl-output {
  color: #666666;
  line-height: 1.3;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_notice .cl-container.notice_list .cl-output:not(.cl-disabled):hover,
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_notice .cl-container.notice_list .cl-output:not(.cl-disabled).cl-hover {
  text-decoration: underline;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_notice .cl-container.warn {
  margin-top: 20px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_notice .cl-container.warn .cl-output {
  color: #666;
  font-size: 13px;
  line-height: 1.3;
  padding-left: 15px;
  text-indent: -15px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_quick {
  background: #e0e0e0;
  padding: 0 20px;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_quick .cl-button {
  border: 0;
  border-bottom: 1px solid #d5d5d5;
  border-radius: 0;
  color: #333333;
  font-size: 13px;
  font-weight: 500;
  padding: 0 20px 0 24px;
  text-align: left;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_quick .cl-button.num_find {
  background: url("../common/images/login/login_quick_arrow.png") no-repeat 100% 50%, url("../common/images/login/login_quick_num_find_ic.png") no-repeat 0 50%;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_quick .cl-button.req_apply {
  background: url("../common/images/login/login_quick_arrow.png") no-repeat 100% 50%, url("../common/images/login/login_quick_req_apply_ic.png") no-repeat 0 50%;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_quick .cl-button.search {
  background: url("../common/images/login/login_quick_arrow.png") no-repeat 100% 50%, url("../common/images/login/login_quick_search_ic.png") no-repeat 0 50%;
}
.cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_quick .cl-button.new_apply {
  background: url("../common/images/login/login_quick_arrow.png") no-repeat 100% 50%, url("../common/images/login/login_quick_new_apply_ic.png") no-repeat 0 50%;
}
.cl-container.recu .cl-vscrollbar {
  background-color: #ffffff;
}
.cl-container.recu .cl-vscrollbar .cl-arrow-up,
.cl-container.recu .cl-vscrollbar .cl-arrow-down {
  display: none;
}
.cl-container.recu .cl-vscrollbar .cl-thumb {
  background-color: #ACA39E;
  border-radius: 50px;
  border: 1px solid #ACA39E;
  width: 6px;
}
@media only screen and (max-width: 1024px) {
  .cl-container.recu .cl-container.login_wrap:after {
    content: none;
  }
  .cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_top .cl-output.logo {
    background-size: contain;
    min-height: 40px;
  }
  .cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-inputbox,
  .cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-button,
  .cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-dateinput {
    min-height: 36px;
  }
  .cl-container.recu .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-combobox {
    min-height: 36px;
  }
}
/************************************************
 * 수강신청(로그인)
 * →
 ************************************************/
.cl-container.sugang .cl-control {
  font-family: "Noto Sans KR", sans-serif;
  letter-spacing: -0.8px;
}
.cl-container.sugang .cl-container.login_wrap {
  background: url("../common/images/login/login_bg.jpg") no-repeat center/cover;
}
.cl-container.sugang .cl-container.login_wrap:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 150px;
  height: 50px;
  margin-left: -75px;
  background: url("../common/images/login/footer_logo.png") no-repeat 50% 50%;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box {
  background-color: #ffffff;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont {
  background: url("../common/images/login/login_org_bg.png") no-repeat 0 100%;
  padding: 30px 30px 0px;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_top .cl-output.logo {
  background: url("../common/images/login/dku_logo.png") no-repeat 50% 50%;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_top .cl-combobox.lang {
  background: 0;
  border: 0;
  color: #d22a00;
  font-weight: 600;
  font-size: 12px;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_top .cl-combobox.lang .cl-text {
  background: url("../common/images/login/lang_select_ic.png") no-repeat 0 50%;
  padding: 5px 0 5px 25px;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_top .cl-combobox.lang .cl-text > * {
  border-bottom: 1px solid #d22a00;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_top .cl-combobox.lang .cl-combobox-button {
  background: url("../common/images/login/lang_sel_arrow.png") no-repeat 100% 50%;
  width: 12px;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input {
  margin-top: 30px;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-output.tit {
  background: url("../common/images/login/login_class_tit_ic.png") no-repeat 0 50%;
  color: #333333;
  font-weight: 500;
  font-size: 20px;
  padding: 10px 0 10px 40px;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-inputbox {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  font-weight: 400;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-inputbox .cl-text {
  padding: 0 15px;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-inputbox .cl-text.cl-placeholder {
  color: #7c7c7c !important;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_input .cl-button.login_btn {
  background: #d04020;
  border: none;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  margin-top: 7px;
  text-shadow: none;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_footer {
  padding: 0 0 30px 0;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_footer .cl-container.terms .cl-button {
  background: 0;
  border: 0;
  border-radius: 0;
  text-shadow: none;
  line-height: 1 !important;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_footer .cl-container.terms .cl-button span {
  color: #cf3116;
  font-weight: 400;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_footer .cl-container.terms .cl-button.user_info {
  background: url("../common/images/login/login_terms_user_info_ic.png") no-repeat 0 50%;
  color: #333333;
  padding-left: 22px;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_footer .cl-container.terms > .cl-layout > .cl-layout-content > .cl-layout-wrap:last-child:before {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  left: -11px;
  width: 1px;
  height: 10px;
  background: #bbbbbb;
}
.cl-container.sugang .cl-container.login_wrap .cl-container.login_box .cl-container.login_cont .cl-container.login_footer .cl-output.copy {
  font-weight: 400;
  font-size: 12px;
  color: #666666;
}
@media only screen and (max-width: 1024px) {
  .cl-container.sugang .cl-container.login_wrap:after {
    content: none;
  }
}
/************************************************
 * 로그인 화면 (login.clx)
 ************************************************/
@media only screen and (max-width: 1024px) {
  .cl-container.login-header {
    background-size: 120px !important;
  }
  .cl-container.login-body .title-wrap {
    padding-bottom: 40px !important;
    background-size: 300px !important;
  }
  .cl-container.login-body .title-wrap .title {
    font-size: 24px !important;
  }
  .cl-container.login-body .global_cau {
    font-size: 16px !important;
  }
  .cl-container.login-footer .cl-container.inner {
    padding: 60px 15px 0 !important;
    background-position: 50% 0 !important;
    background-size: 120px !important;
  }
}
.cl-container.login-header {
  /*background-image: url("../images/sub/login_cau_logo.png");*/
  background-image: url("images/sub/login_dg_logo.png");
  background-position: 50% 50%;
  background-color: #ffffff;
  background-repeat: no-repeat;
  border-bottom-width: 0px;
}
.cl-container.login-body {
  background: url("images/sub/login_bg.jpg") no-repeat 50% 50%;
  background-size: cover;
  /* 탭폴더 */
}
.cl-container.login-body .cl-container.inner {
  margin: auto 0;
}
.cl-container.login-body .title-wrap {
  /*background: url("../images/sub/login_cont_tit_chungang.png") no-repeat 50% 100%;*/
  background: url("images/sub/login_cont_tit_dongguk.png") no-repeat 50% 100%;
  padding-bottom: 100px;
}
.cl-container.login-body .title-wrap .title {
  font-size: 34px;
  color: #ffffff;
  text-align: center;
  font-family: 'Noto sans', sans-serif;
  font-weight: 400;
  letter-spacing: -0.8px;
  line-height: 1.3;
}
.cl-container.login-body .cl-tabfolder.login-insider {
  overflow: hidden;
  border-radius: 30px 5px 30px 5px;
  /* 탭폴더 바디 */
}
.cl-container.login-body .cl-tabfolder.login-insider .cl-tabfolder-header {
  height: 50px;
  /* 탭 헤더 아이템 */
}
.cl-container.login-body .cl-tabfolder.login-insider .cl-tabfolder-header .cl-tabfolder-item {
  border-radius: 0px;
  font-size: 16px;
  text-align: center;
  background-color: #ffffff;
  /*color: #003671;*/
  color: #f15a29;
  line-height: 1.3;
  font-family: 'Noto sans', sans-serif;
  font-weight: 400;
  letter-spacing: -0.8px;
}
.cl-container.login-body .cl-tabfolder.login-insider .cl-tabfolder-header .cl-tabfolder-item .cl-text:before {
  /*background-color: #003671;*/
  background-color: #da562c;
  content: '';
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  display: inline-block;
}
.cl-container.login-body .cl-tabfolder.login-insider .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  /*background-color: #007ECD;*/
  background-color: #f7901e;
  color: #ffffff;
}
.cl-container.login-body .cl-tabfolder.login-insider .cl-tabfolder-header .cl-tabfolder-item.cl-selected .cl-text {
  text-decoration: none;
}
.cl-container.login-body .cl-tabfolder.login-insider .cl-tabfolder-header .cl-tabfolder-item.cl-selected .cl-text:before {
  background-color: #ffffff;
  content: '';
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  display: inline-block;
}
.cl-container.login-body .cl-tabfolder.login-insider .cl-tabfolder-body {
  border: none;
  background-color: transparent;
  /* 외부인 - 아웃풋 */
  /* 내부인 - 포탈 로그인 버튼 */
}
.cl-container.login-body .cl-tabfolder.login-insider .cl-tabfolder-body .cl-output.login_tit {
  font-size: 20px;
  color: #fff;
}
.cl-container.login-body .cl-tabfolder.login-insider .cl-tabfolder-body .cl-output.login_tit.eng {
  font-size: 28px;
}
.cl-container.login-body .cl-tabfolder.login-insider .cl-tabfolder-body .cl-button.login-btn {
  /*background-color: #11529B;*/
  background-color: #da562c;
  color: #ffffff;
  font-size: 18px;
  border-radius: 0px;
  border: transparent;
}
.cl-container.login-body .cl-tabfolder.login-insider .cl-tabfolder-body .cl-button:not(.cl-disabled).cl-activated,
.cl-container.login-body .cl-tabfolder.login-insider .cl-tabfolder-body .cl-button:not(.cl-disabled):active {
  transform: scale(1);
}
.cl-container.login-body .cl-tabfolder.login-insider .cl-tabfolder-body .cl-text {
  ine-height: 1.3;
  font-family: 'Noto sans', sans-serif;
  font-weight: 400;
  letter-spacing: -0.8px;
}
.cl-container.login-body .cl-tabfolder.login-insider .cl-tabfolder-body .cl-container.tab_cont.insider {
  background: #f7901e url("images/sub/login_dg_bg.png") 100% 100% no-repeat;
}
.cl-container.login-body .cl-tabfolder.login-outsider {
  overflow: hidden;
  border-radius: 30px 5px 30px 5px;
  /* 탭폴더 바디 */
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-header {
  height: 50px;
  /* 탭 헤더 아이템 */
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-header .cl-tabfolder-item {
  border-radius: 0px;
  font-size: 16px;
  text-align: center;
  background-color: #ffffff;
  /*color: #003671;*/
  color: #f15a29;
  line-height: 1.3;
  font-family: 'Noto sans', sans-serif;
  font-weight: 400;
  letter-spacing: -0.8px;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-header .cl-tabfolder-item .cl-text:before {
  /*background-color: #003671;*/
  background-color: #da562c;
  content: '';
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  display: inline-block;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  /*background-color: #007ECD;*/
  background-color: #f7901e;
  color: #ffffff;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-header .cl-tabfolder-item.cl-selected .cl-text {
  text-decoration: none;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-header .cl-tabfolder-item.cl-selected .cl-text:before {
  background-color: #ffffff;
  content: '';
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  display: inline-block;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-body {
  border: none;
  background-color: transparent;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-body .cl-container.tab_cont.outsider {
  background: transparent;
  background-color: #f7901e;
  /* 외부인 - 아웃풋 */
  /* 외부인 - 체크 박스 */
  /* 외부인 - ID/PW 인풋박스 */
  /* 외부인 - 로그인 버튼 */
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-body .cl-container.tab_cont.outsider .cl-text {
  ine-height: 1.3;
  font-family: 'Noto sans', sans-serif;
  font-weight: 400;
  letter-spacing: -0.8px;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-body .cl-container.tab_cont.outsider .fw-bold .cl-text {
  font-weight: bold;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-body .cl-container.tab_cont.outsider .cl-output.dot .cl-text {
  content: '';
  background-color: #CCD7E3;
  border-radius: 50%;
  width: 3px !important;
  height: 3px !important;
  display: inline-block !important;
  margin-left: 5px;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-body .cl-container.tab_cont.outsider .cl-output.login_tit {
  font-size: 20px;
  color: #fff;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-body .cl-container.tab_cont.outsider .cl-output.login_tit.eng {
  font-size: 28px;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-body .cl-container.tab_cont.outsider .cl-checkbox.cl-checked .cl-checkbox-icon {
  border: 1px solid #D42E35;
  background: #E6EBF1 url("images/sub/login_check_ic.png") no-repeat 50% 50%;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-body .cl-container.tab_cont.outsider .cl-checkbox .cl-checkbox-icon {
  border: 1px solid #ffffff;
  background-color: transparent;
  border-radius: 0px;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-body .cl-container.tab_cont.outsider .cl-checkbox .cl-text {
  font-size: 15px;
  color: #ffffff;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-body .cl-container.tab_cont.outsider .cl-inputbox.login-input {
  border: 0px;
  border-radius: 0px;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-body .cl-container.tab_cont.outsider .cl-inputbox.login-input .cl-text {
  padding: 0 10px;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-body .cl-container.tab_cont.outsider .cl-button.login-btn {
  background: #da562c;
  color: #ffffff;
  font-size: 18px;
  border-radius: 0px;
  border: transparent;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-body .cl-container.tab_cont.outsider .cl-button.login-find-btn {
  text-align: center;
  background-color: transparent;
  font-weight: 300;
  color: #fbd2a8;
  border: none;
  border-radius: 0px;
  font-size: 14px;
}
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-body .cl-container.tab_cont.outsider .cl-button:not(.cl-disabled).cl-activated,
.cl-container.login-body .cl-tabfolder.login-outsider .cl-tabfolder-body .cl-container.tab_cont.outsider .cl-button:not(.cl-disabled):active {
  transform: scale(1);
}
.cl-container.login-body .global_cau {
  font-weight: 300;
  font-size: 20px;
  color: #ffd688;
  text-align: center;
}
.cl-container.login-footer {
  border-top: 0;
  /*background: #2B343A;*/
  text-align: left;
  background: #313131;
}
.cl-container.login-footer .cl-container.inner {
  /*background: url("../images/sub/login_footer_cau_logo.png") 100% 0 no-repeat;*/
}
.cl-container.login-footer .terms {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}
.cl-container.login-footer .terms > li {
  display: inline-block;
  font-size: 15px;
  font-family: 'Noto sans', sans-serif;
  font-weight: 400;
  letter-spacing: -0.8px;
  line-height: 1.3;
  cursor: pointer;
}
.cl-container.login-footer .terms > li > a {
  color: #ffffff;
  text-decoration: none;
}
.cl-container.login-footer .terms > li > a.prcyNtc {
  color: #f7901e;
  text-decoration: none;
}
.cl-container.login-footer .terms > li:nth-child(1) {
  font-weight: 600;
}
.cl-container.login-footer .terms > li + li:before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 2px;
  margin: 0 12px;
  background: #959A9D;
  vertical-align: middle;
}
.cl-container.login-footer .address-info {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-family: 'Noto sans', sans-serif;
  font-weight: 400;
  letter-spacing: -0.8px;
  line-height: 1.3;
}
.cl-container.login-footer .address-info > li {
  color: #b4b4b4;
  line-height: 1.6;
  display: inline-block;
}
.cl-container.login-footer .address-info > li + li:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 0 12px;
  background: #959A9D;
  vertical-align: middle;
}
.cl-container.login-footer .copy-info {
  margin: 0px;
  padding: 0px;
  color: #b4b4b4;
  font-size: 13px;
  line-height: 1.6;
  font-family: 'Noto sans', sans-serif;
  font-weight: 300;
  letter-spacing: -0.8px;
  line-height: 1.3;
}
.step-icon-checkcanjoin {
  background: url("images/user/checkcanjoin_on.png") no-repeat;
}
.step-icon-checkcanjoin.cl-disabled {
  background: url("images/user/checkcanjoin_off.png") no-repeat;
}
.step-icon-checkjoin {
  background: url("images/user/checkjoin_on.png") no-repeat;
}
.step-icon-checkjoin.cl-disabled {
  background: url("images/user/checkjoin_off.png") no-repeat;
}
.step-icon-checkpwd {
  background: url("images/user/checkpwd_on.png") no-repeat;
}
.step-icon-checkpwd.cl-disabled {
  background: url("images/user/checkpwd_off.png") no-repeat;
}
.step-icon-joincomplete {
  background: url("images/user/joincomplete_on.png") no-repeat;
}
.step-icon-joincomplete.cl-disabled {
  background: url("images/user/joincomplete_off.png") no-repeat;
}
.step-icon-agree {
  background: url("images/user/agree_on.png") no-repeat;
}
.step-icon-agree.cl-disabled {
  background: url("images/user/agree_off.png") no-repeat;
}
.step-icon-checkauth {
  background: url("images/user/checkauth_on.png") no-repeat;
}
.step-icon-checkauth.cl-disabled {
  background: url("images/user/checkauth_off.png") no-repeat;
}
.step-icon-loginidaply {
  background: url("images/user/loginidaply_on.png") no-repeat;
}
.step-icon-loginidaply.cl-disabled {
  background: url("images/user/loginidaply_off.png") no-repeat;
}
.step-icon-checkloginid {
  background: url("images/user/checkloginid_on.png") no-repeat;
}
.step-icon-checkloginid.cl-disabled {
  background: url("images/user/checkloginid_off.png") no-repeat;
}
.step-icon-arrow {
  background: url("images/user/arrow_on.png") no-repeat;
}
.step-icon-arrow.cl-disabled {
  background: url("images/user/arrow_off.png") no-repeat;
}
/*
 *  KSign 관련 CSS
 */
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none;
}
.kc-front {
  z-index: 100;
}
.kc-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kc-btn-blue {
  height: 28px;
  padding: 0 20px;
  /*_padding: 0 10px;*/
  text-align: center;
  color: #fff !important;
  /*line-height: 27px;*/
  border: 1px solid #0e6ea6;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #0e6ea6;
  -webkit-box-shadow: 0 1px 0 #d9d9d9;
  -moz-box-shadow: 0 1px 0 #d9d9d9;
  box-shadow: 0 1px 0 #d9d9d9;
  vertical-align: middle;
  cursor: pointer;
}
.kc-btn-blue:hover,
.kc-btn-blue:focus {
  border: 1px solid #001470;
  background: #2f8cc2;
}
.kc-btn-blue:active {
  border: 1px solid #001470;
  background: #278ac3;
}
.kc-btn-gray {
  height: 28px;
  padding: 0 20px;
  /*_padding: 0 10px;*/
  text-align: center;
  color: #000;
  /*line-height: 27px;*/
  border: 1px solid #999;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe, #f1f1f1);
  background: -o-linear-gradient(top, #fefefe, #f1f1f1);
  background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f1f1f1));
  background: -webkit-linear-gradient(top, #fefefe, #f1f1f1);
  background: linear-gradient(to top, #fefefe, #f1f1f1);
  -webkit-box-shadow: 0 1px 0 #d9d9d9;
  -moz-box-shadow: 0 1px 0 #d9d9d9;
  box-shadow: 0 1px 0 #d9d9d9;
  vertical-align: middle;
  cursor: pointer;
}
.kc-btn-gray:hover,
.kc-btn-gray:focus {
  border: 1px solid #999;
  background: #f1f1f1;
  background: -moz-linear-gradient(top, #f1f1f1, #fefefe);
  background: -o-linear-gradient(top, #f1f1f1, #fefefe);
  background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#fefefe));
  background: -webkit-linear-gradient(top, #f1f1f1, #fefefe);
  background: linear-gradient(to top, #f1f1f1, #fefefe);
}
.kc-btn-gray:active {
  border: 1px solid #999;
  background: #dcdcdc;
}
.kc-dialog-title {
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  border-radius: 0;
  cursor: move;
}
.kc-dialog-title h3 {
  margin: 0px;
  height: 40px;
  padding: 0 0 0 15px;
  font-size: 18px;
  line-height: 40px;
  letter-spacing: -2px;
  font-weight: 500;
  cursor: move;
  color: #fff;
}
.kc-dialog-close {
  height: 17px;
  width: 17px;
  position: absolute;
  cursor: pointer;
  top: 13px;
  right: 13px;
  background: url("../../thirdparty/kcase/img/btn_pop_close.png") repeat-x;
}
.kc-dialog {
  position: absolute;
  display: none;
  background: #fff;
  z-index: 1000;
  /*width: 450px;*/
  height: auto;
  /*border: 1px solid #0e6ea6;*/
  /**
     * ���̽����� UI�� ���� ������û����
     * �ش� �۾� �ϷḦ ���� �Ʒ� border: 1px solid #666; �Ӽ� ����
     * 2017-06-23 DYLEE ����
     */
  /*border: 1px solid #666;*/
  box-shadow: gray 10px 12px 35px;
  color: black;
  font-weight: normal;
  line-height: normal;
  cursor: auto;
  box-shadow: #666 10px 12px 35px;
  left: 0;
  right: 0;
}
.kc-dialog-body {
  margin: 0 20px 20px 20px;
  padding-top: 10px;
}
.kc-dialog-body p {
  margin: 0px;
}
.kc-dialog-head {
  text-align: center;
  margin-bottom: 10px;
}
.kc-dialog-head .banner {
  width: 410px;
  height: 66px;
}
.kc-dialog .kc-dialog-location-item {
  display: block;
  margin: 0;
  padding: 0 0 5px;
  border: 1px solid #949494;
}
.kc-dialog form,
.kc-dialog fieldset,
.kc-dialog legend,
.kc-dialog input,
.kc-dialog button,
.kc-dialog textarea,
.kc-dialog select {
  color: #000;
  font-size: 12px;
}
.kc-dialog input {
  margin: 0px;
  height: 25px;
  padding: 1px 3px 4px;
}
.kc-dialog .kc-dialog-legend {
  display: block;
  margin: 0 0 0 5px;
  background-color: #fff;
  font-weight: normal;
  text-align: left;
}
.kc-dialog-background {
  display: none;
  background: #000;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.kc-dialog-title2 {
  top: 0;
  left: 0;
  width: 100%;
  height: 117px;
  border-radius: 0;
  cursor: move;
  /*background: url(../img/banner.png) repeat-x;*/
  position: relative;
}
.kc-dialog-title2 h3 {
  position: absolute;
  right: 20px;
  bottom: 10px;
  font-size: 18px;
  line-height: 40px;
  letter-spacing: -2px;
  font-weight: 500;
  cursor: move;
  color: #fff;
}
.kc-dialog-close2 {
  height: 17px;
  width: 17px;
  position: absolute;
  cursor: pointer;
  top: 13px;
  right: 13px;
  background: url("img/btn_pop_close.png");
}
/*table*/
.kc-dialog table {
  border-collapse: collapse;
}
.kc-dialog .kc-dialog-position {
  margin: 7px 4px 5px;
  table-layout: fixed;
  zoom: 1;
}
.kc-dialog .kc-location-item {
  display: block;
  margin: 0;
  padding: 0 0 5px;
  border: 1px solid #949494;
}
.kc-dialog caption {
  visibility: hidden;
  width: 0;
  height: 0;
  line-height: 0;
}
.kc-dialog .kc-cert-position,
.kc-dialog .kc-cert-position2 {
  margin: 0px 4px 5px;
  table-layout: fixed;
  zoom: 1;
}
.kc-dialog .kc-cert-position3 {
  margin: 10px 4px 20px;
}
.kc-dialog table {
  border-collapse: collapse;
}
.kc-dialog caption {
  visibility: hidden;
  width: 0;
  height: 0;
  line-height: 0;
}
.kc-dialog .kc-cert-position td,
.kc-dialog .kc-cert-position2 td {
  text-align: center;
}
.kc-dialog .kc-cert-position td button {
  margin-top: 5px;
}
.kc-dialog th,
.kc-dialog td {
  padding: 0;
  vertical-align: middle;
  text-align: left;
  font-weight: normal;
}
.kc-dialog .kc-cert-position .kc-rbg-normal {
  background: #fff;
  border-color: #fff;
}
.kc-dialog .kc-cert-position button {
  display: inline-block;
  width: 74px;
  height: 62px;
  padding: 2px;
  border: 2px solid #fff;
  border-radius: 6px;
  background: #fff;
}
.kc-dialog .kc-cert-position span,
.kc-dialog .kc-cert-position2 span {
  display: block;
  margin: 0 auto;
  background-repeat: no-repeat;
  cursor: pointer;
}
.kc-dialog .kc-rbg-normal .kc-media-span {
  width: 50px;
  height: 36px;
}
.kc-dialog .kc-rbg-pressed .kc-media-span {
  width: 50px;
  height: 36px;
}
.kc-dialog .kc-rbg-normal:hover .kc-media-span {
  width: 50px;
  height: 36px;
}
.kc-dialog .kc-location-item2 {
  padding-top: 9px;
}
.kc-dialog .kc-location-item2 label {
  margin-right: 5px;
  font-size: 13px;
}
.kc-dialog .kc-cert-position .kc-rbg-text,
.kc-dialog .kc-cert-position2 .kc-rbg-text,
.kc-dialog .kc-cert-position .kc-rbg-radio,
.kc-dialog .kc-cert-position2 .kc-rbg-radio {
  display: block;
  height: auto;
  margin: 4px 0 0;
  text-align: center;
  background: none;
  cursor: pointer;
}
.kc-dialog .kc-cert-position .kc-rbg-hover,
.kc-dialog .kc-cert-position .kc-rbg-pressed,
.kc-dialog .kc-cert-position button:hover {
  background: #eee;
  border-color: #999 #ddd #ddd #999;
}
.kc-dialog .kc-tableview table {
  width: 100%;
  margin: 0;
  border-width: 0;
  table-layout: fixed;
}
.kc-dialog .kc-tableview caption {
  visibility: hidden;
  width: 0;
  height: 0;
  line-height: 0;
}
.kc-dialog .kc-tableview thead {
  border: 0;
  border-bottom: 1px solid #c7c7c7;
  background: #f5f5f5;
  background-image: url("../../thirdparty/kcase/img/btn_bg.png");
  font-weight: bold;
}
.kc-dialog .kc-tableview th {
  position: static;
  padding: 5px 0;
  background-color: #f5f5f5;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
}
.kc-dialog .kc-tableview th .wide-cert-table-resizearea {
  position: relative;
  zoom: 1;
  text-align: center;
  font-weight: bold;
}
.kc-dialog .kc-tableview-resizer {
  position: absolute;
  top: -5px;
  left: 100%;
  width: 7px;
  height: 27px;
  margin-left: -3px;
  cursor: w-resize;
}
.kc-dialog .kc-tableview tbody tr {
  border-bottom: 1px solid #e3e3e3;
}
.kc-dialog .kc-tableview-selected-row td {
  background-color: #6c9cda;
  color: #fff;
  cursor: pointer;
}
.kc-dialog .kc-tableview td {
  padding: 0 5px;
  border: 1px solid #eee;
  border-width: 0 1px 1px 0;
  word-wrap: normal;
  font-size: 12px;
}
.kc-dialog .kc-tableview-selected-row .kc-tableview-cell {
  color: #fff;
}
.kc-dialog .kc-tableview-cell {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 1px 0;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  word-wrap: normal;
  word-break: break-all;
}
.kc-dialog .kc-tableview-cell.txtCenter {
  text-align: center;
}
.kc-dialog .kc-tableview-cell img {
  vertical-align: -2px;
  margin-right: 2px;
}
.kc-dialog .kc-content-box {
  margin-top: 10px;
  border: 1px solid #949494;
  color: #666;
  line-height: 18px;
}
.kc-dialog .kc-content-box button {
  width: 90px;
  height: 28px;
  margin: 5px;
  border: 1px solid #999;
  border-radius: 4px;
  background-image: url("img/btn_bg.png");
  text-align: center;
  vertical-align: top;
  box-shadow: 0px 1px 0px #d9d9d9;
}
.kc-dialog .kc-content-box button.w122 {
  width: 122px;
}
.kc-dialog .kc-cert-passwd {
  padding-left: 10px;
}
.kc-dialog .kc-passwd-field .kc-tit-pw {
  display: inline-block;
  font-weight: bold;
  color: #000;
  margin: 0;
  cursor: default;
}
.kc-dialog .kc-passwd-field span {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}
.kc-dialog .kc-cert-passwd span {
  /*padding: 10px 0 2px;*/
}
.kc-dialog .kc-passwd-field img {
  margin-right: 4px;
  vertical-align: middle;
}
.kc-dialog .kc-passwd-field {
  width: 100%;
  height: 26px;
  padding: 13px 0 0;
  color: #986e3b;
}
.kc-dialog .kc-passwd-field img {
  margin-right: 4px;
  vertical-align: middle;
  margin-top: -6px;
  cursor: pointer;
}
.kc-dialog .kc-passwd-field .kc-pw-box {
  width: 165px;
  height: 25px;
  margin: 0px 4px;
  padding-left: 4px;
  border: 1px solid #cbcbcb;
  vertical-align: middle;
  color: #000;
}
.kc-dialog .lt-css3 input[type="text"],
.kc-dialog input[type="password"] {
  padding: 1px 3px 4px;
}
.kc-dialog .context-menu-layout {
  border-width: 3px 3px 3px 3px;
  border-style: solid;
  border-color: #00126f;
  position: absolute;
  min-width: 190px;
  background: #fff;
  font-size: 16px;
  cursor: default;
  box-shadow: 10px 12px 35px gray;
  -moz-box-shadow: 10px 12px 35px gray;
  -webkit-box-shadow: 10px 12px 35px gray;
}
.kc-dialog .ul-list-type1 {
  margin: 0;
  padding: 3px;
  list-style: none;
}
.kc-dialog ul,
.kc-dialog ol {
  list-style: none;
}
.kc-dialog .ul-list-type1 li {
  display: block;
  padding: 15px 10px;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  white-space: nowrap;
}
.kc-dialog .context-menu-item-focused,
.kc-dialog .context-menu-item-focused:hover {
  background-color: #6c9cda;
  color: #fff;
}
.kc-dialog .context-menu-item-unfocused {
  background-color: transparent;
  color: #000;
}
.kc-dialog .kc-buttons-layout,
.kc-dialog .kc-buttons-layout2,
.kc-dialog .kc-buttons-layout4 {
  display: block;
  margin: 15px 0;
  text-align: right;
}
/*TAB*/
.kc-dialog div.kc-tab-list ul {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  color: #666;
  text-align: left;
}
.kc-dialog .kc-tab-list .tabnav-selected {
  margin: 0;
  border: 1px solid #6c9cda;
  border-bottom-width: 0;
  background-color: #6c9cda;
  color: #fff;
  list-style: none;
}
.kc-dialog div.kc-tab-list table tr td {
  display: inline-block;
  margin: 0;
  border: 1px solid #999;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  background: #f9f9f9;
  list-style-type: none;
  margin-right: -3px !important;
  padding: 8px;
}
.kc-dialog .kc-tab-list .tabnav-selected a {
  color: #fff;
}
.kc-dialog .kc-tab-list .tabnav-unselected a {
  color: black;
}
.kc-dialog div.kc-tab-list ul li a {
  display: block;
  padding: 6px 10px 2px;
  font-weight: normal;
  color: #000;
  list-style: none;
  white-space: nowrap;
}
.kc-dialog a {
  text-decoration: none;
  cursor: pointer;
}
.kc-dialog div.kc-tab-view {
  display: block;
  clear: both;
  padding: 15px;
  border: 2px solid #6C9CDA;
  border-radius: 0 8px 8px 8px;
  background-color: #fff;
  text-align: left;
  zoom: 1;
  margin-bottom: 15px;
}
.kc-dialog .tabcontent-selected {
  display: inline-block;
  text-align: center;
}
.kc-dialog .kc-fontb {
  font-weight: bold;
}
.kc-dialog .kc-textview {
  overflow: auto;
  width: 360px;
  height: 323px;
  margin: 0 0 10px;
  padding: 5px 7px 5px 7px;
  background-color: #fff;
  border: 1px solid #6C9CDA;
  resize: none;
  box-sizing: content-box;
}
.kc-dialog .tabcontent-selected {
  display: inline-block;
  text-align: center;
}
.kc-dialog .tabcontent-nonSelected {
  display: none;
}
.kc-dialog .tabcontent-selected .kc-tableview {
  height: 300px;
  margin: 10px 0 18px;
}
.kc-dialog .kc-tableview {
  overflow-x: auto;
  overflow-y: auto;
  position: relative;
  width: 406px;
  /*_width: 423px;*/
  height: 140px;
  margin: 10px 0 15px;
  border: 1px solid #949494;
}
/*.kc-dialog .kc-tableview {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width: 100%;
    _width: 423px;
    height: 140px;
    margin: 10px 0 15px;
    border: 1px solid #949494;
}*/
.kc-dialog .kc-textview2 {
  overflow: auto;
  width: 357px;
  height: 63px;
  margin: 0 0 3px;
  padding: 5px 7px 5px 7px;
  background-color: #fff;
  border: 1px solid #6C9CDA;
  resize: none;
  box-sizing: content-box;
}
.kc-dialog .pwList li,
.kc-dialog .codeList li {
  margin-top: 5px;
  display: inline-block;
}
.kc-dialog .pwList .tit_calc,
.kc-dialog .codeList .tit_calc {
  display: block;
  float: left;
  line-height: 25px;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -1px;
  vertical-align: middle;
  width: 138px;
}
.kc-dialog .codeList .tit_calc {
  width: 65px;
}
.kc-dialog .pwList .form_calc,
.kc-dialog .codeList .form_calc {
  float: right;
}
.kc-dialog .pwList input.tf_m {
  width: 210px;
}
.kc-dialog .codeList input.tf_m {
  width: 270px;
}
.kc-dialog .rdaioSet {
  margin: 12px 4px 0;
}
.kc-dialog .rdaioSet.clfix li {
  display: inline-block;
}
.kc-dialog .rdaioSet li {
  line-height: 20px;
  display: block;
}
.kc-dialog .rdaioSet li .rdo {
  vertical-align: middle;
}
.kc-dialog .rdaioSet li label {
  margin: 0px;
}
.kc-dialog .file-url,
.kc-dialog .filename-url {
  text-align: right;
}
.kc-dialog .file-url .txt-url {
  width: 500px;
  height: 24px;
  padding: 0 5px;
  background: #f0f0f0;
  cursor: auto;
  line-height: 24px;
}
.kc-dialog input[readonly="readonly"] {
  background: #f0f0f0;
  border: 1px solid #777;
  color: #555;
}
.kc-dialog .kc-mbottom {
  margin: 0 0 10px;
  text-align: left;
}
.kc-dialog .kc-mbottomm img {
  height: auto;
  margin-right: 5px;
  vertical-align: middle;
}
.kc-dialog .kc-medialist {
  display: inline-block;
  zoom: 1;
  overflow-x: scroll;
  overflow-y: auto;
  width: 160px;
  height: 250px;
  border: 1px solid #949494;
  background-color: #fff;
  margin: 14px 14px 14px 0px;
  cursor: auto;
}
.kc-dialog .kc-medialist table {
  width: 100%;
}
.kc-dialog .kc-filelist {
  display: inline-block;
  zoom: 1;
  *display: inline;
  overflow-x: scroll;
  overflow-y: auto;
  _float: left;
  width: 508px;
  height: 250px;
  border: 1px solid #949494;
  background-color: #fff;
  margin: 14px 0px;
  cursor: auto;
}
.kc-dialog .kc-filelist table {
  width: 100%;
  table-layout: fixed;
}
.kc-dialog .kc-medialist td span,
.kc-dialog .kc-filelist td span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 4px;
}
.kc-dialog .kc-medialist td a,
.kc-dialog .kc-filelist td a {
  display: block;
  color: #000;
  font-size: 12px;
}
.kc-dialog .filename-url .txt-nurl {
  width: 507px;
  height: 24px;
  margin-left: 4px;
  padding: 0 0 0 2px;
  border: 1px solid #c9c9c9;
  background: #f0f0f0;
  line-height: 22px;
  vertical-align: middle;
}
.kc-dropdown-menu {
  position: absolute;
  top: 80%;
  left: 30%;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 17px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 3px solid #2e6da4;
  /*border: 1px solid rgba(0, 0, 0, .15);*/
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.kc-dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.kc-dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.kc-dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: bold;
  line-height: 1.42857143;
  color: black;
  white-space: nowrap;
}
.kc-cert-widget {
  position: absolute;
  bottom: -30px;
  left: 5px;
  background-color: white;
  max-width: 440px;
  padding: 7px;
  border: 3px solid #2e6da4;
  border-radius: 6px;
  box-shadow: gray 10px 12px 35px;
  display: none;
}
.kc-cert-widget div {
  font-size: 11px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
.kc-expire-msg {
  font-weight: bold;
}
.kc-renew-msg {
  font-weight: bold;
}
/************************************************
 * 헤더
 ************************************************/
.cl-container.header {
  /*	background-color: #0F284D;*/
  background-color: #4A423D;
  border: 0px;
  /* 헤더 버튼 공통 */
}
.cl-container.header .cl-container.logo-box {
  cursor: pointer;
  /*background-image : url("../images/common/cau_logo_white.png");*/
  background-image: url("images/common/dg_logo_white_new.png");
  background-repeat: no-repeat;
  /*background-size : 181px 46px;*/
  background-size: 141px 37px;
}
.cl-container.header .cl-button {
  border: 1px solid #312B29;
  border-radius: 50%;
  background-position: center;
  background-size: 26px;
  background: #312B29 no-repeat 50% 50%;
  width: 36px;
  height: 36px;
}
.cl-container.header .cl-button:not(.cl-disabled):focus,
.cl-container.header .cl-button:not(.cl-disabled).cl-focus,
.cl-container.header .cl-button:not(.cl-disabled):hover {
  border-color: #d2451e;
  background-color: #312B29;
  border: 1px solid #d2451e !important;
}
.cl-container.header .cl-button:not(.cl-disabled).cl-activated,
.cl-container.header .cl-button:not(.cl-disabled):active {
  transform: scale(1);
}
.cl-container.header .cl-button.btn-nav-toggle {
  background-size: 20px;
  background-image: url("images/com/main/icon-menu.svg");
  border: 0px;
}
.cl-container.header .cl-button.btn-logout {
  background-color: #CF4929;
  background-image: url("../common/images/common/header_logout_ic_white.png");
  border: none;
}
.cl-container.header .cl-button.btn-logout:not(.cl-disabled):hover {
  background-image: url("../common/images/common/header_logout_ic_white.png");
  background-color: #CF4929;
}
.cl-container.header .cl-button.btn-device {
  background-image: url("images/common/header_device_ic_white.png");
}
.cl-container.header .cl-button.btn-device:not(.cl-disabled):hover {
  background-image: url("../common/images/common/header_theme2_device_mob_ic_over.png");
}
.cl-container.header .cl-button.btn-lang {
  background-image: url("images/common/header_lang_ic_white.png");
}
.cl-container.header .cl-button.btn-lang:not(.cl-disabled):hover {
  background-image: url("images/common/header_lang_ic_gray.png");
}
.cl-container.header .cl-button.btn-lang-text {
  color: #ffffff;
}
.cl-container.header .cl-button.btn-lang-text:not(.cl-disabled):hover {
  color: #D2451E;
}
.cl-container.header .cl-button.btn-nav-alert {
  background-size: 20px;
  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-theme {
  background-image: url("images/common/header_theme_ic_white.png");
}
.cl-container.header .cl-button.btn-theme:not(.cl-disabled):hover {
  background-image: url("../common/images/common/header_theme2_theme_ic_active.png");
}
.cl-container.header .cl-button.btn-setting {
  background-image: url("images/common/header_set_btn_ic_white.png");
}
.cl-container.header .cl-button.btn-setting:not(.cl-disabled):hover {
  background-image: url("../common/images/common/header_button_type_set_btn_ic_over.png");
}
.cl-container.header .cl-button.btn-sitemap {
  background-image: url("images/common/header_all_btn_ic_white.png");
}
.cl-container.header .cl-button.btn-sitemap:not(.cl-disabled):hover {
  background-image: url("../common/images/common/header_button_type_all_btn_ic_over.png");
}
.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;
  background-size: 24px 24px;
}
.cl-container.header .cl-checkbox.menu-toggle.cl-checked .cl-checkbox-icon {
  background-image: url("images/com/main/icon-toggle-fill.svg");
}
/* 메가 메뉴 스타일 */
.cl-navigationbar.mega-menu {
  background-color: transparent;
  border: none;
  border-radius: 0px;
}
.cl-navigationbar.mega-menu > .cl-unselectable {
  align-items: center;
}
.cl-navigationbar.mega-menu .cl-navigationbar-bar {
  padding: 5px;
}
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item {
  width: 120px;
}
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item .cl-navigationbar-icon {
  width: 0px;
}
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item .cl-navigationbar-arrow {
  background-image: url("../common/images/common/gnb_arrow_white.png");
  width: 10px;
  height: 20px;
  background-position: 0px 10px;
  background-size: 10px 6px;
  margin-left: 10px;
  transition: transform 0.3s;
}
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item .cl-text {
  font-weight: 500;
  font-size: 16px;
  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 {
  background-color: transparent;
}
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item:not(.cl-disabled):not(.cl-selected):hover .cl-text,
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item:not(.cl-disabled).cl-hover .cl-text,
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item.cl-hover .cl-text {
  color: #ffa73c;
}
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item:not(.cl-disabled):not(.cl-selected):hover .cl-navigationbar-arrow,
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item:not(.cl-disabled).cl-hover .cl-navigationbar-arrow,
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item.cl-hover .cl-navigationbar-arrow {
  background-image: url("../common/images/common/gnb_arrow_active_org2.png");
  background-size: 10px 5px auto;
  transform: rotate(180deg);
  transition: transform 0.3s;
}
.cl-navigationbar.mega-menu .cl-navigationbar-bar .cl-navigationbar-item.cl-selected {
  background-color: transparent;
  color: #ffa73c;
}
.cl-navigationbar-list.mega-menu-left {
  font: 400 14px "Malgun Gothic", "맑은 고딕", "NanumSquare", "Apple SD Gothic Neo", sans-serif;
  background-color: #ffffff;
  padding: 12px 0;
  border: 1px solid #CF4929;
  border-radius: 5px;
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.05);
  transition: opacity 0.3s;
  font-weight: 400;
  min-width: 120px;
  /* 네비게이션 바 드랍다운 메뉴 아이템 */
}
@media (max-height:768px) {
  .cl-navigationbar-list.mega-menu-left {
    overflow-y: auto;
  }
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem-wrapper {
  float: left;
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem {
  background-color: transparent;
  height: 30px;
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem.cl-leaf {
  padding: 5px 15px;
  /*color: #8a9cb8;*/
  color: #666666;
  text-align: center;
  min-height: 25px;
  /* 네비게이션 바 드랍다운 메뉴 아이템 - 호버 */
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem.cl-leaf.cl-hover {
  color: #D04020;
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem.cl-leaf.cl-selected {
  color: #D04020;
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem.cl-leaf .cl-text:hover,
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem.cl-leaf .cl-text.cl-hover {
  text-decoration: underline;
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem .cl-navigationbar-icon-wrapper {
  width: 0px;
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem .cl-navigationbar-icon-wrapper .cl-navigationbar-icon {
  width: 0px;
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem .cl-navigationbar-arrow-wrapper {
  width: 0px;
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem .cl-navigationbar-arrow-wrapper .cl-navigationbar-arrow {
  width: 0px;
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem .cl-navigationbar-accesskey-wrapper {
  width: 0px;
}
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem:not(.cl-disabled):not(.cl-selected):hover,
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem:not(.cl-disabled).cl-hover,
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem.cl-hover {
  background-color: transparent;
  color: #D04020;
}
.cl-navigationbar .cl-navigationbar-prev {
  background-color: #312B29;
  background-image: url("../common/images/common/header_gnb_move_prev_w.png");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  vertical-align: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
}
.cl-navigationbar .cl-navigationbar-prev.cl-position-both {
  border-left: none;
  border-right: none;
}
.cl-navigationbar .cl-navigationbar-prev:not(.cl-disabled):hover {
  background-image: url("../common/images/common/header_gnb_move_prev_w.png");
  opacity: 0.6;
}
.cl-navigationbar .cl-navigationbar-prev:not(.cl-disabled).cl-activated,
.cl-navigationbar .cl-navigationbar-prev:not(.cl-disabled):active {
  opacity: 0.6;
}
.cl-navigationbar .cl-navigationbar-prev.cl-disabled {
  background-image: url("../common/images/common/header_gnb_move_prev_w.png");
}
.cl-navigationbar .cl-navigationbar-prev:before {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  background-color: transparent;
  top: 0;
  right: -10px;
}
.cl-navigationbar .cl-navigationbar-next {
  background-color: #312B29;
  background-image: url("../common/images/common/header_gnb_move_next_w.png");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
}
.cl-navigationbar .cl-navigationbar-next.cl-position-both {
  border-left: none;
  border-right: none;
}
.cl-navigationbar .cl-navigationbar-next:not(.cl-disabled):hover {
  background-image: url("../common/images/common/header_gnb_move_next_w.png");
  opacity: 0.6;
}
.cl-navigationbar .cl-navigationbar-next:not(.cl-disabled).cl-activated,
.cl-navigationbar .cl-navigationbar-next:not(.cl-disabled):active {
  opacity: 0.6;
}
.cl-navigationbar .cl-navigationbar-next.cl-disabled {
  background-image: url("../common/images/common/header_gnb_move_next_w.png");
}
.cl-navigationbar .cl-navigationbar-next:before {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  background-color: transparent;
  top: 0;
  left: -10px;
}
.cl-output.user-info {
  color: #ffffff;
  font-weight: 500;
}
.cl-output.user-info.ico-clock {
  background-repeat: no-repeat;
  background-image: url("../common/images/common/header_time_ic_theme2.png");
  background-size: 13px;
  background-position: left center;
  font-weight: 300;
}
.cl-output.user-info.ico-clock .cl-text {
  padding-left: 18px;
  color: #f8a100;
}
.cl-menu.header-combo-menu {
  border: 0px;
}
.cl-menu.header-combo-menu .cl-menu-list {
  border-radius: 50px;
  border: 0px;
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.05);
  padding: 0px 5px 5px 5px;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item {
  padding: 0px;
  width: 100%;
  height: 30px;
  min-height: auto;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item:first-child {
  height: 36px;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item .cl-text,
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item .cl-menu-arrow {
  width: 0px;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item .cl-menu-icon {
  background-size: 26px;
  background-position: center;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item.pc.check .cl-menu-icon {
  background-image: url("images/common/header_theme2_device_pc_ic_over.png") !important;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item.mobile.check .cl-menu-icon {
  background-image: url("images/common/header_theme2_device_mob_ic_over.png") !important;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item.text {
  height: 22px !important;
  padding: 0px;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item.text .cl-menu-icon {
  width: 0px;
  height: 0px;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item.text .cl-text {
  width: 100%;
  color: #546681;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.8px;
  text-align: center;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item.text.check .cl-text {
  color: #0B4696;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item.blue-theme {
  height: 23px !important;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item.blue-theme.check .cl-menu-icon:after {
  content: '';
  position: absolute;
  top: 9px;
  left: 8px;
  width: 11px;
  height: 8px;
  background-image: url("images/common/header_col_dot_chk.png");
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item.blue-theme .cl-menu-icon {
  height: 0px;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item.blue-theme .cl-menu-icon:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 17px;
  background-color: white;
  border-color: #CF4929;
  border-style: solid;
  border-width: thin;
  border-radius: 50%;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item.black-theme {
  height: 23px !important;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item.black-theme.check .cl-menu-icon:after {
  content: '';
  position: absolute;
  top: 9px;
  left: 8px;
  width: 11px;
  height: 8px;
  background-image: url("images/common/header_col_dot_chk.png");
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item.black-theme .cl-menu-icon {
  height: 0px;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item.black-theme .cl-menu-icon:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  background-color: #11243E;
  border-radius: 50%;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item:not(.cl-disabled):not(.cl-selected):hover,
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item:not(.cl-disabled).cl-hover {
  background-color: #fff;
}
border-color: #fff .cl-menu.header-combo-menu .cl-menu-list .cl-menu-item:not(.cl-disabled):not(.cl-selected):hover.pc .cl-menu-icon,
border-color: #fff .cl-menu.header-combo-menu .cl-menu-list .cl-menu-item:not(.cl-disabled).cl-hover.pc .cl-menu-icon {
  background-image: url("images/common/header_theme2_device_pc_ic_over.png") !important;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item:not(.cl-disabled):not(.cl-selected):hover.mobile .cl-menu-icon,
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item:not(.cl-disabled).cl-hover.mobile .cl-menu-icon {
  background-image: url("images/common/header_theme2_device_mob_ic_over.png") !important;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item:not(.cl-disabled):not(.cl-selected):hover.text .cl-text,
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item:not(.cl-disabled).cl-hover.text .cl-text {
  color: #0B4696;
}
.cl-menu.header-combo-menu .cl-menu-list .cl-menu-item:not(.cl-disabled).cl-selected {
  background-color: transparent;
}
.cl-menu.header-combo-menu.cl-focus .cl-menu-list {
  border-color: #0B4696 !important;
}
/************************************************
 * 사이드
 ************************************************/
.cl-container.aside {
  background-color: #ffffff;
  border-right: 1px solid #D4DBE7;
  padding: 0px 10px;
}
.cl-container.aside .cl-output.sub-menu-title {
  background-color: #ffffff;
  color: #222;
  padding: 0 10px;
  font-weight: 500;
  font-size: 18px;
  text-align: left;
}
.cl-container.aside .cl-searchinput.aside-search-menu {
  border-radius: 5px;
  border: 1px solid #dddddd;
  background-color: transparent;
  color: #000000;
  height: 40px;
}
.cl-container.aside .cl-searchinput.aside-search-menu .cl-searchinput-clear {
  background-image: url("images/common/work_tab_del_white.png");
  background-size: auto;
}
.cl-container.aside .cl-searchinput.aside-search-menu .cl-searchinput-search {
  width: 30px;
  height: 40px;
  background-image: url("../common/images/common/menu_search_btn_ic.png");
  background-size: 20px;
}
.cl-container.aside .cl-searchinput.aside-search-menu .cl-text {
  color: #555555;
  padding-left: 15px;
}
.cl-container.aside .cl-searchinput.aside-search-menu .cl-text.cl-placeholder {
  color: #919191 !important;
  font-size: 13px;
  font-weight: 400;
}
/* 마이메뉴 토글 버튼 */
.cl-container.toggle-menu-wrap {
  border-radius: 5px;
  background-color: #ECECEC;
  border: none;
}
.cl-container.toggle-menu-wrap .active {
  border: 2px solid #D04020;
  border-radius: 5px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 7px 50%;
}
.cl-container.toggle-menu-wrap .cl-button {
  background-image: none;
  background-color: transparent;
  border: none;
  font-size: 14px;
  color: #555555;
  font-weight: 400;
  text-shadow: none;
  letter-spacing: -0.8px;
}
.cl-container.toggle-menu-wrap .cl-button.selected {
  color: #D04020;
  padding-left: 0px;
  transform: none;
}
.cl-container.toggle-menu-wrap .cl-button.selected .cl-text {
  z-index: 1;
}
/* 일반 사이드바 */
.cl-tree:not(.cl-disabled).sidebar {
  border: none;
  border-radius: 5px;
  background-color: #ffffff;
  /* 서브 아이템 영역 */
  /* 트리 아이템 공통 */
}
.cl-tree:not(.cl-disabled).sidebar > .cl-tree-wrap .cl-tree-list > .-cl-tree-item-wrap:not(:first-child) {
  margin-top: 5px;
}
.cl-tree:not(.cl-disabled).sidebar > .cl-tree-wrap .cl-tree-list > .-cl-tree-item-wrap:has(.cl-expanded) + .-cl-tree-item-wrap {
  margin-top: 5px;
}
.cl-tree:not(.cl-disabled).sidebar > .cl-tree-wrap .cl-tree-list > .-cl-tree-item-wrap {
  border: 1px solid #DDDDDD;
  border-radius: 10px;
}
.cl-tree:not(.cl-disabled).sidebar > .cl-tree-wrap .cl-tree-list > .-cl-tree-item-wrap > .sub-items {
  padding: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #ffffff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cl-tree:not(.cl-disabled).sidebar > .cl-tree-wrap .cl-tree-list > .-cl-tree-item-wrap > .sub-items > .-cl-tree-item-wrap:not(:first-child) {
  margin-top: 1px;
}
.cl-tree:not(.cl-disabled).sidebar > .cl-tree-wrap .cl-tree-list > .-cl-tree-item-wrap > .sub-items > .-cl-tree-item-wrap > .sub-items {
  padding: 0px 0px 0px 5px;
}
.cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled) {
  min-height: 25px;
  height: auto;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #333333;
  font-size: 14px;
  letter-spacing: -0.8px;
}
.cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled) .cl-tree-treeicon {
  background-image: none !important;
  width: 0px !important;
}
.cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled) .cl-tree-itemicon {
  background-image: none !important;
  width: 0px !important;
}
.cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled) .cl-text {
  background-repeat: no-repeat;
  background-position: right center;
}
.cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).cl-folder .cl-tree-itemicon,
.cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).cl-leaf .cl-tree-itemicon,
.cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).cl-folder .cl-tree-treeicon,
.cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).cl-leaf .cl-tree-treeicon {
  background-image: none !important;
  width: 0px !important;
}
.cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).cl-folder .cl-text,
.cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).cl-leaf .cl-text {
  padding-right: 16px;
  transition: background-image 0.35s ease-in;
}
.cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled):not(.cl-selected).cl-hover,
.cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled):not(.cl-selected):hover,
.cl-tree:not(.cl-disabled).sidebar .cl-tree-item:not(.cl-disabled).cl-selected {
  color: #ea5514;
  background-color: transparent;
}
.cl-tree:not(.cl-disabled).sidebar.mymenu .aria-level-3-M .cl-tree-itemicon + .cl-text {
  padding-left: 22px;
}
.cl-tree:not(.cl-disabled).sidebar.mymenu .aria-level-3-R .cl-tree-itemicon + .cl-text {
  padding-left: 22px;
}
.cl-tree:not(.cl-disabled).sidebar.mymenu .aria-level-3-P .cl-tree-itemicon + .cl-text {
  padding-left: 22px;
}
.cl-tree-item.aria-level-1 {
  background-color: #EEEEEE !important;
  padding: 7px 15px;
  padding-left: 15px !important;
}
.cl-tree-item.aria-level-1 .cl-badge {
  background: url("../common/images/common/menu_1depth_arrow.png") no-repeat 50% 50%;
  width: 14px;
  height: 14px;
  transition: transform 0.3s;
}
.cl-tree-item.aria-level-1 .cl-text {
  color: #555555;
  font-weight: 400;
  padding-left: 0;
  font-size: 15px;
}
.cl-tree-item.aria-level-1:not(.cl-selected).cl-hover,
.cl-tree-item.aria-level-1:not(.cl-selected):hover {
  color: #ea5514;
}
.cl-tree-item.aria-level-1.cl-selected .cl-text {
  font-weight: 400;
}
.cl-tree-item.aria-level-1.cl-selected .cl-text:hover .cl-tree-item.aria-level-1.cl-selected .cl-text.cl-hover {
  font-weight: 400;
}
.cl-tree-item.aria-level-1.cl-folder.cl-expanded {
  background-color: #CF4929 !important;
}
.cl-tree-item.aria-level-1.cl-folder.cl-expanded .cl-text {
  color: #ffffff;
  font-weight: 600;
}
.cl-tree-item.aria-level-1.cl-folder.cl-expanded .cl-badge {
  background-image: url("../common/images/common/menu_1depth_arrow_white.png");
  transform: rotate(180deg);
}
.cl-tree-item.aria-level-1.cl-leaf .cl-text {
  font-weight: 400;
}
.cl-tree-item.aria-level-2 {
  position: relative;
}
.cl-tree-item.aria-level-2 .cl-text {
  color: #555555;
  font-weight: 500 !important;
  padding-left: 15px !important;
  font-size: 15px;
}
.cl-tree-item.aria-level-2.cl-folder {
  /* 트리 아이템 아이콘 영역 스타일 */
}
.cl-tree-item.aria-level-2.cl-folder.cl-expanded:before {
  content: '';
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #DC7B61;
  border-radius: 3px;
  width: 19px;
  left: 0px;
  top: calc(50% - 9px);
  height: 18px;
  background-image: url("../common/images/common/theme2_menu_2depth_arrow_on.png");
  background-repeat: no-repeat;
  background-position: 5px 50%;
  transform: rotate(180deg);
}
.cl-tree-item.aria-level-2.cl-folder.cl-expanded.cl-selected .cl-tree-itemicon:before {
  content: '';
  position: absolute;
  width: 20px;
  left: 15px;
  height: 18px;
}
.cl-tree-item.aria-level-2.cl-folder.cl-expanded .cl-text {
  color: #D04020;
  font-weight: 500;
  line-height: 19.5px;
}
.cl-tree-item.aria-level-2.cl-folder.cl-collapsed:before {
  content: '';
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #cccccc;
  border-radius: 3px;
  width: 19px;
  left: 0px;
  top: calc(50% - 9px);
  height: 19px;
  background-image: url("../common/images/common/theme2_menu_2depth_arrow.png");
  background-repeat: no-repeat;
  background-position: 5px 50%;
}
.cl-tree-item.aria-level-2.cl-folder.cl-collapsed:not(.cl-selected).cl-hover .cl-tree-itemicon:before,
.cl-tree-item.aria-level-2.cl-folder.cl-collapsed:not(.cl-selected):hover .cl-tree-itemicon:before,
.cl-tree-item.aria-level-2.cl-folder.cl-collapsed.cl-selected .cl-tree-itemicon:before {
  content: '';
  position: absolute;
  width: 20px;
  left: 15px;
  height: 18px;
}
.cl-tree-item.aria-level-2.cl-folder.cl-collapsed .cl-text {
  color: #333333;
}
.cl-tree-item.aria-level-2.cl-folder.cl-collapsed .cl-text:hover,
.cl-tree-item.aria-level-2.cl-folder.cl-collapsed .cl-text.cl-hover {
  color: #EA5514;
}
.cl-tree-item.aria-level-2.cl-leaf {
  /* 트리 아이템 아이콘 영역 스타일 */
}
.cl-tree-item.aria-level-2.cl-leaf:before {
  content: '';
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 3px;
  width: 19px;
  left: 0px;
  top: calc(50% - 9px);
  height: 18px;
  background-image: url("../common/images/common/theme2_menu_2depth_none.png");
  background-repeat: no-repeat;
  background-position: 6px 50%;
  transform: rotate(180deg);
}
.cl-tree-item.aria-level-2.cl-leaf .cl-text {
  color: #333333;
  font-weight: 500;
  line-height: 19.5px;
}
.cl-tree-item.aria-level-2.cl-leaf .cl-text:hover,
.cl-tree-item.aria-level-2.cl-leaf .cl-text.cl-hover {
  color: #EA5514;
}
.cl-tree-item.aria-level-3.cl-leaf.cl-tree-item:not(.cl-disabled) {
  position: relative;
  padding: 3px 0;
  min-height: 18px;
  padding-left: 8px !important;
  height: auto;
}
.cl-tree-item.aria-level-3.cl-leaf.cl-tree-item:not(.cl-disabled):before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #999;
}
.cl-tree-item.aria-level-3.cl-leaf.cl-tree-item:not(.cl-disabled) .cl-text {
  padding-left: 0;
  color: #666666;
  font-size: 14px;
  font-weight: 400 !important;
}
.cl-tree-item.aria-level-3.cl-leaf.cl-tree-item:not(.cl-disabled):not(.cl-disabled):hover,
.cl-tree-item.aria-level-3.cl-leaf.cl-tree-item:not(.cl-disabled):not(.cl-disabled).cl-hover {
  text-decoration: underline;
}
.cl-tree-item.aria-level-3.cl-leaf.cl-tree-item:not(.cl-disabled):not(.cl-disabled):hover:before,
.cl-tree-item.aria-level-3.cl-leaf.cl-tree-item:not(.cl-disabled):not(.cl-disabled).cl-hover:before {
  background: #EA5514;
}
.cl-tree-item.aria-level-3.cl-leaf.cl-tree-item:not(.cl-disabled):not(.cl-disabled):hover .cl-text,
.cl-tree-item.aria-level-3.cl-leaf.cl-tree-item:not(.cl-disabled):not(.cl-disabled).cl-hover .cl-text {
  color: #EA5514;
}
.cl-tree-item.aria-level-3-R {
  padding: 0px;
  padding-left: 17px !important;
}
.cl-tree-item.aria-level-3-R:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 33px;
  left: 10px;
}
.cl-tree-item.aria-level-3-R.cl-last-node {
  margin-bottom: 3px;
}
.cl-tree-item.aria-level-3-R .cl-tree-itemicon:before {
  content: '';
  position: absolute;
  width: 20px;
  left: 18px;
  height: 19px;
  background: url("images/menu/theme3_lnb_3depth_02_off.png") no-repeat 0 50%;
}
.cl-tree-item.aria-level-3-R:not(.cl-selected).cl-hover .cl-tree-itemicon:before,
.cl-tree-item.aria-level-3-R:not(.cl-selected):hover .cl-tree-itemicon:before,
.cl-tree-item.aria-level-3-R.cl-selected .cl-tree-itemicon:before {
  content: '';
  position: absolute;
  width: 20px;
  left: 18px;
  height: 19px;
  background: url("images/menu/theme3_lnb_3depth_02_on.png") no-repeat 0 50%;
}
.cl-tree-item.aria-level-3-R.cl-level-1 .cl-tree-itemicon + .cl-text {
  padding-left: 25px;
}
.cl-tree-item.aria-level-3-R.cl-level-2 .cl-tree-itemicon + .cl-text {
  padding-left: 10px;
}
.cl-tree-item.aria-level-3-M {
  padding: 0px;
  padding-left: 16px !important;
}
.cl-tree-item.aria-level-3-M:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 33px;
  left: 10px;
}
.cl-tree-item.aria-level-3-M.cl-first-node {
  margin-top: 3px;
}
.cl-tree-item.aria-level-3-M.cl-last-node {
  margin-bottom: 3px;
}
.cl-tree-item.aria-level-3-M .cl-tree-itemicon:before {
  content: '';
  position: absolute;
  width: 20px;
  left: 18px;
  height: 20px;
  background: url("images/menu/theme3_lnb_3depth_01_off.png") no-repeat 0 50%;
}
.cl-tree-item.aria-level-3-M .cl-tree-itemicon + .cl-text {
  padding-left: 5px;
}
.cl-tree-item.aria-level-3-M:not(.cl-selected).cl-hover .cl-tree-itemicon:before,
.cl-tree-item.aria-level-3-M:not(.cl-selected):hover .cl-tree-itemicon:before,
.cl-tree-item.aria-level-3-M.cl-selected .cl-tree-itemicon:before {
  content: '';
  position: absolute;
  width: 20px;
  left: 18px;
  height: 20px;
  background: url("images/menu/theme3_lnb_3depth_01_on.png") no-repeat 0 50%;
}
.cl-tree-item.aria-level-3-M.cl-level-1 .cl-tree-itemicon + .cl-text {
  padding-left: 25px;
}
.cl-tree-item.aria-level-3-M.cl-level-2 .cl-tree-itemicon + .cl-text {
  padding-left: 10px;
}
.cl-tree-item.aria-level-3-P {
  padding: 0px;
  padding-left: 17px !important;
}
.cl-tree-item.aria-level-3-P:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 33px;
  left: 29px;
}
.cl-tree-item.aria-level-3-P.cl-first-node {
  margin-top: 3px;
}
.cl-tree-item.aria-level-3-P.cl-last-node {
  margin-bottom: 3px;
}
.cl-tree-item.aria-level-3-P .cl-tree-itemicon:before {
  content: '';
  position: absolute;
  width: 20px;
  left: 18px;
  height: 20px;
  background: url("images/menu/theme3_lnb_3depth_03_off.png") no-repeat 0 50%;
}
.cl-tree-item.aria-level-3-P:not(.cl-selected).cl-hover .cl-tree-itemicon:before,
.cl-tree-item.aria-level-3-P:not(.cl-selected):hover .cl-tree-itemicon:before,
.cl-tree-item.aria-level-3-P.cl-selected .cl-tree-itemicon:before {
  content: '';
  position: absolute;
  width: 20px;
  left: 18px;
  height: 20px;
  background: url("images/menu/theme3_lnb_3depth_03_on.png") no-repeat 0 50%;
}
.cl-tree-item.aria-level-3-P.cl-level-1 .cl-tree-itemicon + .cl-text {
  padding-left: 25px;
}
.cl-tree-item.aria-level-3-P.cl-level-2 .cl-tree-itemicon + .cl-text {
  padding-left: 10px;
}
.cl-tree-item.aria-level-3-B {
  padding: 0px;
  padding-left: 17px !important;
}
.cl-tree-item.aria-level-3-B:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 33px;
  left: 10px;
}
.cl-tree-item.aria-level-3-B.cl-first-node {
  margin-top: 3px;
}
.cl-tree-item.aria-level-3-B.cl-last-node {
  margin-bottom: 3px;
}
.cl-tree-item.aria-level-3-B .cl-tree-itemicon:before {
  content: '';
  position: absolute;
  width: 20px;
  left: 18px;
  height: 20px;
  background: url("images/menu/theme3_lnb_3depth_04_off.png") no-repeat 0 50%;
}
.cl-tree-item.aria-level-3-B:not(.cl-selected).cl-hover .cl-tree-itemicon:before,
.cl-tree-item.aria-level-3-B:not(.cl-selected):hover .cl-tree-itemicon:before,
.cl-tree-item.aria-level-3-B.cl-selected .cl-tree-itemicon:before {
  content: '';
  position: absolute;
  width: 20px;
  left: 18px;
  height: 20px;
  background: url("images/menu/theme3_lnb_3depth_04_on.png") no-repeat 0 50%;
}
.cl-tree-item.aria-level-3-B.cl-level-1 .cl-tree-itemicon + .cl-text {
  padding-left: 25px;
}
.cl-tree-item.aria-level-3-B.cl-level-2 .cl-tree-itemicon + .cl-text {
  padding-left: 10px;
}
/************************************************
 * 컨텐츠
 ************************************************/
.cl-mdifolder.content .content > .cl-tabfolder-header.content {
  height: 50px;
  background-color: #F5F5F5;
  box-shadow: inset 0px 0px 0px 1px #e2e2e2;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content.cl-top {
  background-image: none;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content.cl-top .cl-tabfolder-item.cl-selected {
  border-bottom-color: transparent !important;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content.cl-bottom .cl-tabfolder-item.cl-selected {
  border-top-color: transparent !important;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-prev {
  background-color: #dfe6f0;
  background-image: url("images/common/header_prev_arrow.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  border: 1px solid #dcdcdc;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 10px 2.5px 5px 5px;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-prev.cl-disabled {
  background-color: #dfe6f0;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-next {
  background-color: #dfe6f0;
  background-image: url("images/common/header_next_arrow.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  border: 1px solid #dcdcdc;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 10px 2.5px 5px 5px;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-next.cl-disabled {
  background-color: #dfe6f0;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-item {
  background-color: #F5F5F5;
  border-radius: 0px;
  color: #666666;
  border-bottom: 1px solid #E2E2E2;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-item .cl-tabfolder-button {
  background-image: url("images/common/work_tab_del_gray.png");
  background-size: 7px;
  background-position: center;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-item.cl-selected {
  color: #333333;
  background-color: #ffffff;
  font-size: 14px;
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-item.cl-selected .cl-tabfolder-button {
  background-image: url("images/common/work_tab_del_gray.png");
}
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-item .cl-text:not(.cl-disabled):focus,
.cl-mdifolder.content .content > .cl-tabfolder-header.content .cl-tabfolder-item .cl-text:not(.cl-disabled).cl-focus {
  text-decoration: none;
}
.cl-mdifolder.content .content > .cl-tabfolder-body {
  border: none;
  border-radius: 0px;
}
.cl-mdifolder.content .content > .cl-tabfolder-body .cl-embeddedapp {
  overflow: auto !important;
}
.cl-button.default-tabfolder-item {
  background-color: #F5F5F5;
  background-image: url("../common/images/common/work_header_home.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 0px;
  border-radius: 0px;
  transition: none;
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
}
.cl-button.default-tabfolder-item.cl-selected {
  background-color: #ffffff;
  background-image: url("../common/images/common/work_header_home.png");
}
.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/icon-home-8-line-active.svg");
}
.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("../common/images/common/work_header_home.png");
  background-color: #F5F5F5;
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  opacity: 1;
  transform: scale(1);
}
.cl-container.btn-nav-group-scale .cl-button {
  border-radius: 5px;
  background-color: white !important;
  border: none;
}
.cl-container.btn-nav-group-scale .cl-button:hover {
  /*background-color: @gray-600;*/
  background-color: #d2451e;
}
.cl-container.btn-nav-group-scale .cl-button .cl-icon {
  width: 18px;
}
.cl-container.btn-nav-group-scale .cl-button:not(.cl-disabled):active,
.cl-container.btn-nav-group-scale .cl-button:not(.cl-disabled).cl-activated {
  transform: scale(1);
}
.cl-container.btn-nav-group .cl-button {
  border-radius: 5px;
  background-color: #897c75;
  border: none;
}
.cl-container.btn-nav-group .cl-button:hover {
  /*background-color: @gray-600;*/
  background-color: #d2451e;
}
.cl-container.btn-nav-group .cl-button:not(.cl-disabled).cl-focus,
.cl-container.btn-nav-group .cl-button:not(.cl-disabled).focus {
  /*background-color: @gray-600;*/
  border: 1px solid #d2451e !important;
}
.cl-container.btn-nav-group .cl-button .cl-icon {
  width: 18px;
}
.cl-container.btn-nav-group .cl-button:not(.cl-disabled):active,
.cl-container.btn-nav-group .cl-button:not(.cl-disabled).cl-activated {
  transform: scale(1);
}
.cl-container.btn-nav-group .cl-button.btn-nav-scale .cl-icon {
  background-image: url("images/common/work_header_util_zoom_out_Btype.png") !important;
}
.cl-container.btn-nav-group .cl-button.btn-nav-zoom .cl-icon {
  background-image: url("images/common/work_header_util_zoom_in.png") !important;
}
.cl-container.btn-nav-group .cl-button.btn-nav-zoom.cl-selected .cl-icon {
  background-image: url("images/common/work_header_util_zoom_out.png") !important;
}
.cl-container.btn-nav-group .cl-button.btn-nav-refresh .cl-icon {
  background-image: url("images/common/work_header_util_reset.png") !important;
}
.cl-container.btn-nav-group .cl-button.btn-nav-close .cl-icon {
  background-image: url("images/common/work_header_util_cancle.png") !important;
}
.cl-container.btn-nav-group .cl-button.btn-nav-top .cl-icon {
  background-image: url("images/common/work_header_util_header_close.png") !important;
}
.cl-container.btn-nav-group .cl-button.btn-nav-top.cl-selected .cl-icon {
  background-image: url("images/common/work_header_util_header_open.png") !important;
}
.cl-container.btn-nav-group .cl-button.btn-nav-dropdown .cl-icon {
  background-image: url("images/common/work_header_util_header_close.png") !important;
  transform: rotate(180deg);
}
.cl-container.btn-nav-group .cl-button.btn-nav-plus .cl-icon {
  background-image: url("images/com/ext/nav_plus_btn.png") !important;
}
.cl-container.btn-nav-group .cl-button.btn-nav-minus .cl-icon {
  background-image: url("images/com/ext/nav_min_btn.png") !important;
}
.cl-container.btn-nav-group .cl-container.slider-wrap .cl-output {
  font-size: 12px;
  color: #666666;
  font-weight: 300;
}
.cl-container.btn-nav-group .cl-container.slider-wrap .cl-slider.slide_bar {
  /* 슬라이더 바 */
}
.cl-container.btn-nav-group .cl-container.slider-wrap .cl-slider.slide_bar .cl-slider-bar {
  /*background-color:#063677;*/
  background-color: #EA5514;
  border: none;
  border-radius: 9999px;
  /* 슬라이더 가로 바 */
  /* 슬라이더 세로 바*/
  /* 슬라이더 핸들 */
  /* 슬라이더 선택 영역 표시 바 */
}
.cl-container.btn-nav-group .cl-container.slider-wrap .cl-slider.slide_bar .cl-slider-bar.cl-horizontal {
  background-image: none;
  height: 6px;
}
.cl-container.btn-nav-group .cl-container.slider-wrap .cl-slider.slide_bar .cl-slider-bar.cl-vertical {
  background-image: none;
  width: 6px;
}
.cl-container.btn-nav-group .cl-container.slider-wrap .cl-slider.slide_bar .cl-slider-bar .cl-slider-handle {
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-color: #EA5514;
  border-radius: 9999px;
  width: 14px;
  height: 14px;
  /* 슬라이더 가로바 핸들 */
  /* 슬라이더 세로바 핸들 */
}
.cl-container.btn-nav-group .cl-container.slider-wrap .cl-slider.slide_bar .cl-slider-bar .cl-slider-handle.cl-horizontal {
  top: -4px;
}
.cl-container.btn-nav-group .cl-container.slider-wrap .cl-slider.slide_bar .cl-slider-bar .cl-slider-handle.cl-vertical {
  left: -4px;
}
.cl-container.btn-nav-group .cl-container.slider-wrap .cl-slider.slide_bar .cl-slider-bar .cl-slider-range {
  background-color: #ffa73c;
}
.cl-container.btn-nav-group .cl-container.slider-wrap .cl-slider.slide_bar.cl-focus {
  /* 슬라이더 바 - focus */
}
.cl-container.btn-nav-group .cl-container.slider-wrap .cl-slider.slide_bar.cl-focus .cl-slider-bar {
  border-color: #dcdcdc;
}
.cl-container.btn-nav-group .cl-container.slider-wrap .cl-slider.slide_bar.cl-disabled {
  /* 슬라이더 바 핸들 - disabled */
  /* 슬라이더 바 선택 영역 - disabled */
}
.cl-container.btn-nav-group .cl-container.slider-wrap .cl-slider.slide_bar.cl-disabled .cl-slider-bar {
  background-color: #999999;
}
.cl-container.btn-nav-group .cl-container.slider-wrap .cl-slider.slide_bar.cl-disabled .cl-slider-handle {
  background-image: none;
  border-color: #dfe6f0;
}
.cl-container.btn-nav-group .cl-container.slider-wrap .cl-slider.slide_bar.cl-disabled .cl-slider-range {
  background-color: #dfe6f0;
}
/************************************************
 * 패널 (라이트바)
 ************************************************/
.cl-container.rightbar {
  border-left: 1px solid #D4DBE7;
}
.cl-container.rightbar .cl-tabfolder.help-tab {
  color: #999999;
  /* 헤더 */
}
.cl-container.rightbar .cl-tabfolder.help-tab .cl-tabfolder-header {
  height: 44px;
  /* 탭 헤더 아이템 */
}
.cl-container.rightbar .cl-tabfolder.help-tab .cl-tabfolder-header.cl-top .cl-tabfolder-item.cl-selected {
  border-bottom-color: transparent !important;
}
.cl-container.rightbar .cl-tabfolder.help-tab .cl-tabfolder-header.cl-bottom .cl-tabfolder-item.cl-selected {
  border-top-color: transparent !important;
}
.cl-container.rightbar .cl-tabfolder.help-tab .cl-tabfolder-header .cl-tabfolder-item {
  background-color: #ffffff;
  border-radius: 0px;
  border-right: 1px solid #D4DBE7;
  border-bottom: 1px solid #D4DBE7;
  text-align: center;
}
.cl-container.rightbar .cl-tabfolder.help-tab .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  color: #000000;
}
.cl-container.rightbar .cl-tabfolder.help-tab .cl-tabfolder-body {
  border: 0px;
  background-color: #ffffff;
}
.cl-combobox.dark-combo {
  background-color: #063677;
  border-radius: 5px;
  border: 0px;
}
.cl-combobox.dark-combo .cl-text {
  color: #ffffff;
}
.cl-combobox.dark-combo .cl-combobox-button {
  background-image: url("images/common/navy_select_bottom_ic.png");
  background-size: 10px 6px;
}
.cl-container.snb-title-wrap .cl-output {
  font-size: 16px;
  color: #00357c;
  letter-spacing: -0.8px;
}
.cl-output.workflow-step-arrow {
  background-image: url("images/common/snb_step_tab_arrow.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 6px 9px;
}
.cl-output.workflow-step-arrow.on {
  background-image: url("images/common/snb_step_tab_arrow_active.png");
}
.cl-container.workflow-form .cl-output.work-num {
  color: #ffffff;
  background-image: url("images/common/snb_work_num_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px 17px;
  line-height: 17px;
  text-align: center;
}
.cl-container.workflow-form .cl-output.linked {
  font-size: 12px;
  color: #ffa73c;
  cursor: pointer;
  background-image: url("images/common/blue_link_arrow.png");
  background-repeat: no-repeat;
  background-size: 17px 7px;
  background-position: left 50px center;
}
.cl-button.flow-button {
  border-radius: 9999px;
  background-color: #ccc;
  color: #ffffff;
  border: 0px;
  font-weight: 300;
}
.cl-button.flow-button:not(.cl-disabled):hover,
.cl-button.flow-button:not(.cl-disabled).cl-hover {
  background-color: #ccc;
}
.cl-button.flow-button.on {
  background-color: #C71717;
}
.cl-button.flow-button.on:not(.cl-disabled):hover,
.cl-button.flow-button.on:not(.cl-disabled).cl-hover {
  background-color: #C71717;
}
.cl-button.flow-button.on .cl-text:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 50%;
  width: 2px;
  height: 2px;
  margin-left: -1px;
  background: #ffffff;
}
.cl-output.active-workflow-txt {
  color: #C71717;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  padding-right: 15px;
}
/************************************************
 * 좌/우 메뉴 펼침버튼
 ************************************************/
.btn-menu-expander {
  border-radius: 0 5px 5px 0;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  background-color: #BBBBBB;
  border: 0px;
}
.btn-menu-expander .cl-icon {
  background-image: url("../common/images/common/lnb_close_btn_ic.png") !important;
  width: 10px;
}
.btn-menu-expander:not(.cl-disabled):hover {
  background-color: #BBBBBB;
}
.btn-menu-expander:focus,
.btn-menu-expander.cl-focus {
  background-color: #BBBBBB;
  border: 0px;
}
.btn-menu-expander:not(.cl-disabled).cl-activated,
.btn-menu-expander:not(.cl-disabled):active {
  background-color: #BBBBBB;
  border: 0px;
  transform: scale(1);
}
.btn-menu-expander.off .cl-icon {
  background-image: url("../common/images/common/lnb_close_btn_ic.png") !important;
  transform: rotate(180deg);
  width: 10px;
}
.btn-menu-expander-R {
  background-color: #ffffff;
  border-radius: 5px 0 0 5px;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  background-color: #BBBBBB;
  border: 0px;
}
.btn-menu-expander-R .cl-icon {
  background-image: url("../common/images/common/lnb_close_btn_ic.png") !important;
  transform: rotate(180deg);
  width: 10px;
}
.btn-menu-expander-R:not(.cl-disabled):hover {
  background-color: #BBBBBB;
}
.btn-menu-expander-R:focus,
.btn-menu-expander-R.cl-focus {
  background-color: #BBBBBB;
  border: 0px;
}
.btn-menu-expander-R:not(.cl-disabled).cl-activated,
.btn-menu-expander-R:not(.cl-disabled):active {
  background-color: #BBBBBB;
  border: 0px;
  transform: scale(1);
}
.btn-menu-expander-R.on .cl-icon {
  background-image: url("../common/images/common/lnb_close_btn_ic.png") !important;
  transform: rotate(0deg);
  width: 10px;
}
/************************************************
 * 푸터
 ************************************************/
.main-footer {
  padding: 20px;
  text-align: center;
  font-weight: 300;
  font-size: 13px;
  color: #acb6c7;
  letter-spacing: -0.8px;
  border-top: 1px solid #F6F6F6;
}
/************************************************
 * 알림
 ************************************************/
.cl-notifier-item.cl-notifier-info {
  background-color: #52423A;
  color: #ffffff;
}
/* RNB 메뉴 아코디언 영역 */
.cl-accordion.snb_helper .cl-accordion-header {
  color: #000000;
}
.cl-accordion.snb_helper .cl-accordion-header.header-0 {
  background-image: url("../common/images/common/snb_helper_ic_1.png");
}
.cl-accordion.snb_helper .cl-accordion-header.header-2 {
  background-image: url("../common/images/common/snb_helper_ic_3.png");
}
.cl-accordion.snb_helper .cl-accordion-header.header-3 {
  background-image: url("../common/images/common/snb_helper_ic_4.png");
}
.cl-accordion.snb_helper .cl-accordion-header.header-4 {
  background-image: url("../common/images/common/snb_helper_ic_6.png");
}
.cl-accordion.snb_helper .cl-accordion-header.header-5 {
  font-weight: 600;
  font-size: 15px;
  background-repeat: no-repeat;
  background-image: url("../common/images/common/snb_helper_ic_5.png");
  background-size: 20px;
  background-position: left 12px center;
}
.cl-accordion.snb_helper .cl-accordion-header.header-5 .cl-text {
  padding-left: 28px;
}
.cl-accordion.snb_helper .cl-accordion-header.header-0,
.cl-accordion.snb_helper .cl-accordion-header.header-1,
.cl-accordion.snb_helper .cl-accordion-header.header-2,
.cl-accordion.snb_helper .cl-accordion-header.header-3,
.cl-accordion.snb_helper .cl-accordion-header.header-4,
.cl-accordion.snb_helper .cl-accordion-header.header-5 {
  min-height: 45px;
  margin-top: -1px;
}
.cl-accordion.snb_helper .cl-accordion-header.header-0 .cl-accordion-expander,
.cl-accordion.snb_helper .cl-accordion-header.header-1 .cl-accordion-expander,
.cl-accordion.snb_helper .cl-accordion-header.header-2 .cl-accordion-expander,
.cl-accordion.snb_helper .cl-accordion-header.header-3 .cl-accordion-expander,
.cl-accordion.snb_helper .cl-accordion-header.header-4 .cl-accordion-expander,
.cl-accordion.snb_helper .cl-accordion-header.header-5 .cl-accordion-expander {
  background-image: url("images/common/snb_accd_head_ic.png");
  background-size: 9px 5px;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.cl-accordion.snb_helper .cl-accordion-header.header-0:hover:not(.cl-disabled),
.cl-accordion.snb_helper .cl-accordion-header.header-1:hover:not(.cl-disabled),
.cl-accordion.snb_helper .cl-accordion-header.header-2:hover:not(.cl-disabled),
.cl-accordion.snb_helper .cl-accordion-header.header-3:hover:not(.cl-disabled),
.cl-accordion.snb_helper .cl-accordion-header.header-4:hover:not(.cl-disabled),
.cl-accordion.snb_helper .cl-accordion-header.header-5:hover:not(.cl-disabled) {
  color: #000000;
}
.cl-accordion.snb_helper .cl-accordion-header.header-0.cl-activated,
.cl-accordion.snb_helper .cl-accordion-header.header-1.cl-activated,
.cl-accordion.snb_helper .cl-accordion-header.header-2.cl-activated,
.cl-accordion.snb_helper .cl-accordion-header.header-3.cl-activated,
.cl-accordion.snb_helper .cl-accordion-header.header-4.cl-activated,
.cl-accordion.snb_helper .cl-accordion-header.header-5.cl-activated {
  background-color: #ffffff;
  color: #000000;
  border-bottom: none;
}
.cl-accordion.snb_helper .cl-accordion-header.header-0.cl-activated .cl-accordion-expander,
.cl-accordion.snb_helper .cl-accordion-header.header-1.cl-activated .cl-accordion-expander,
.cl-accordion.snb_helper .cl-accordion-header.header-2.cl-activated .cl-accordion-expander,
.cl-accordion.snb_helper .cl-accordion-header.header-3.cl-activated .cl-accordion-expander,
.cl-accordion.snb_helper .cl-accordion-header.header-4.cl-activated .cl-accordion-expander,
.cl-accordion.snb_helper .cl-accordion-header.header-5.cl-activated .cl-accordion-expander {
  background-image: url("images/common/snb_accd_head_ic.png");
  background-size: 9px 5px;
  transform: rotate(180deg);
  transition: transform 0.3s;
}
.cl-accordion.snb_helper .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
  background-color: #fefcfb;
}
.cl-container.help-form .cl-output {
  color: #343434 !important;
}
.cl-container.help-form .cl-output.count {
  color: #e31f21 !important;
}
.cl-combobox.dark-combo {
  background-color: #3f3f3f !important;
  color: #ffffff !important;
}
/* 루트 및 공통 스타일*/
.cl-container.dashboard-img {
  /*background: url(../images/common/main_cau_bg_logo.png) no-repeat;*/
  background: url("images/common/main_dg_bg_logo.png") no-repeat;
  background-position: calc(100% - 40px) calc(100% - 40px);
  background-color: #ffffff;
}
.cl-container.dashboard-img .cl-text {
  letter-spacing: -0.8px;
  line-height: 1.3;
  /*
		font-family:
			'Noto sans',
			sans-serif;
		*/
  letter-spacing: -0.8px;
}
.cl-container.dashboard-img .cl-button.more-btn {
  background: url("images/common/main_more_btn_ic.png") no-repeat 50% 50%;
  border: 0px;
  border-radius: 0px;
}
.cl-container.dashboard-img .dash-point-title-wrap {
  border-bottom: 2px solid #222;
}
.cl-container.dashboard-img .dash-point-title-wrap .cl-output {
  font-weight: 600;
  font-size: 18px;
  color: #222;
}
/* 과제목록 그룹 */
.cl-container .card-form .cl-text {
  letter-spacing: -0.8px;
  line-height: 1.3;
  font-family: 'Noto sans', sans-serif;
  letter-spacing: -0.8px;
}
.cl-container .card-form .cl-output.label-date {
  margin-top: 15px;
}
.cl-container .card-form .cl-output.label-date .cl-text {
  font-weight: 300;
  color: #808080;
}
.cl-container .card-form .card-cont {
  padding: 20px 15px;
  border: 1px solid #E8E8E9;
}
.cl-container .card-form .card-cont .label-btn-box {
  margin-top: 40px;
}
.cl-container .card-form .card-cont .label-btn-box .label-btn-col0 {
  color: #fff;
  background: #003671;
  border: none;
}
.cl-container .card-form .card-cont .label-btn-box .label-btn-col0:not(.cl-disabled).cl-activated,
.cl-container .card-form .card-cont .label-btn-box .label-btn-col0:not(.cl-disabled):active {
  transform: scale(1);
}
.cl-container .card-form .card-cont .label-btn-box .label-btn-col1 {
  color: #fff;
  background: #0090FF;
  border: none;
}
.cl-container .card-form .card-cont .label-btn-box .label-btn-col1:not(.cl-disabled).cl-activated,
.cl-container .card-form .card-cont .label-btn-box .label-btn-col1:not(.cl-disabled):active {
  transform: scale(1);
}
/* 공지사항 그룹*/
.cl-container .noti .cl-output div {
  display: block !important;
}
.cl-container .noti .cl-output.label-cont {
  color: #4c4c4c;
  margin-top: 13px;
}
.cl-container .noti .cl-output.label-cont .cl-text {
  display: block !important;
  /* 블록태그로 만들어준다 */
  text-overflow: ellipsis;
  /* 말줄임 css */
  white-space: nowrap;
  /*글자를 한줄로 모아준다*/
  overflow: hidden;
}
.cl-container .noti .cl-output.label-date {
  margin-top: 4px;
  font-weight: 300;
  color: #808080;
  font-size: 13px;
}
.cl-container.dashboard-wrap {
  border: 1px solid #D0E6F5;
  background-color: #FAFBFC;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05);
  /* 신청처리현황 */
}
.cl-container.dashboard-wrap .cl-formlayout-vertical-separator,
.cl-container.dashboard-wrap .cl-formlayout-horizontal-separator {
  /* 구분 선 스타일 */
  background-color: #D1E7F5;
  margin: 20px 0px;
}
.cl-container.dashboard-wrap .cl-output.dash-title {
  font-size: 16px;
  color: #00357c;
  font-weight: 600;
}
.cl-container.dashboard-wrap .cl-container.apply-box-wrap {
  background-image: url("images/common/main_apply_box_bg.png");
  background-repeat: no-repeat;
  background-position: center;
}
.cl-container.dashboard-wrap .cl-container.apply-box-wrap .cl-container.dash-process-circle {
  border-radius: 9999px;
  border: none;
}
.cl-container.dashboard-wrap .cl-container.apply-box-wrap .cl-container.dash-process-circle .cl-output {
  color: #ffffff;
  font-size: 16px;
  text-align: center;
}
.cl-container.dashboard-wrap .cl-container.apply-box-wrap .cl-container.dash-process-circle .cl-output.number {
  font-size: 50px;
  font-weight: 700;
}
.cl-container.dashboard-wrap .cl-container.apply-box-wrap .cl-container.dash-process-circle.apply {
  background-color: #003671;
}
.cl-container.dashboard-wrap .cl-container.apply-box-wrap .cl-container.dash-process-circle.process {
  background-color: #ffa73c;
}
.cl-container.dashboard-wrap .cl-container.apply-box-wrap .cl-container.dash-process-circle.return {
  background-color: #999999;
}
.cl-container.dashboard-wrap .cl-container.apply-box-wrap .cl-container.apply-cont {
  border-radius: 120px;
  box-shadow: inset 0px 0px 0px 3px #0B3F77;
  background: #ffffff;
}
.cl-container.dashboard-wrap .cl-container.apply-box-wrap .cl-container.apply-cont:after {
  content: '';
  position: absolute;
  bottom: 0px;
  right: 20px;
  width: 81px;
  height: 81px;
  background-image: url("images/common/main_apply_char.png");
  background-repeat: no-repeat;
  background-position: center;
}
.cl-output.apply-label {
  color: #555555;
  padding-left: 8px;
}
.cl-output.apply-label .cl-text:before {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  background: #003671;
  top: 50%;
  left: 0px;
}
.cl-grid.dash-grid {
  border-top: 0px;
}
.cl-grid.dash-grid .cl-grid-header {
  /*border-bottom: 1px solid #006EB7;*/
  border-bottom: 1px solid #333333;
}
.cl-grid.dash-grid .cl-grid-header .cl-grid-cell {
  background-color: #ffffff;
}
.cl-grid.dash-grid .cl-grid-header .cl-grid-cell .cl-control {
  font-weight: 300;
  font-size: 12px;
  color: #666666;
}
.cl-grid.dash-grid .cl-grid-detail .cl-grid-cell {
  color: #4c4c4c;
}
.cl-grid.dash-grid .cl-grid-detail .cl-grid-cell .cl-control {
  font-size: 13px;
  text-align: center;
}
.cl-radiobutton.dash-radio-tab .cl-radiobutton-item {
  font-size: 18px;
  color: #BCBCBC;
}
.cl-radiobutton.dash-radio-tab .cl-radiobutton-item .cl-radiobutton-icon {
  width: 0px;
}
.cl-radiobutton.dash-radio-tab .cl-radiobutton-item .cl-radiobutton-icon:focus,
.cl-radiobutton.dash-radio-tab .cl-radiobutton-item .cl-radiobutton-icon.cl-focus {
  outline: none;
}
.cl-radiobutton.dash-radio-tab .cl-radiobutton-item .cl-text {
  padding-left: 0px;
}
.cl-radiobutton.dash-radio-tab .cl-radiobutton-item.cl-selected {
  color: #222222;
}
.cl-radiobutton.dash-radio-tab .cl-radiobutton-item.cl-selected .cl-text:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #ffa73c;
}
/************************************************
 * 커스텀 스타일 시트
 ************************************************/
/************************************************
 * Breadcrumbs
 ************************************************/
.cl-container.breadcrumbs .cl-layout-wrap:first-child .cl-output {
  background-image: url("images/com/ext/nav_home_ic.png"), url("images/com/ext/nav_list_arrow.png");
  background-position: left center, calc(100% - 8px) center;
  min-width: 30px;
}
.cl-container.breadcrumbs .cl-layout-wrap:last-child .cl-output {
  background-image: none;
  /*color: @primary;*/
  color: #ea5514;
  padding-right: 0px;
}
.cl-container.breadcrumbs .cl-layout-wrap .cl-output {
  background-image: url("images/com/ext/nav_list_arrow.png");
  background-position: calc(100% - 8px) center;
  color: #999999;
  font-size: 13px;
  padding-right: 20px;
  line-height: 1;
}
/************************************************
 * Nav Utils
 ************************************************/
.cl-container.nav-btns .cl-button.btn-i-help .cl-icon {
  background-image: url("images/com/ext/nav_helper_btn.png") !important;
}
.cl-container.nav-btns .cl-button.btn-i-help:not(.cl-disabled).cl-focus,
.cl-container.nav-btns .cl-button.btn-i-help:not(.cl-disabled).focus {
  /*background-color: @gray-600;*/
  border: 1px dotted #999999 !important;
}
.cl-container.nav-btns .cl-checkbox.nav-fav {
  text-align: center;
}
.cl-container.nav-btns .cl-checkbox.nav-fav .cl-checkbox-icon {
  background-image: url("images/com/ext/lnb_mymenu_chk_ic.png");
  background-color: transparent;
  border: none;
  border-radius: 0px;
  width: 21px;
  min-height: 21px;
}
.cl-container.nav-btns .cl-checkbox.nav-fav.cl-checked .cl-checkbox-icon {
  background-image: url("images/com/ext/lnb_mymenu_chk_ic_on.png");
}
.cl-container.nav-btns .cl-checkbox.nav-fav.cl-checked:not(.cl-disabled):hover .cl-checkbox-icon {
  background-image: url("images/com/ext/lnb_mymenu_chk_ic.png");
}
.cl-container.nav-btns .cl-checkbox.nav-fav.cl-checked.cl-disabled .cl-checkbox-icon {
  background-image: url("images/com/ext/lnb_mymenu_chk_ic_on.png");
}
.cl-container.nav-btns .cl-checkbox.nav-fav:not(.cl-disabled):hover .cl-checkbox-icon {
  background-image: url("images/com/ext/lnb_mymenu_chk_ic_on.png");
  background-color: transparent;
  border: none;
  border-radius: 0px;
}
.cl-container.nav-btns .cl-checkbox.nav-expander {
  text-align: center;
}
.cl-container.nav-btns .cl-checkbox.nav-expander .cl-checkbox-icon {
  background-image: url("images/com/ext/nav_min_btn.png");
  background-color: transparent;
  border: none;
  border-radius: 0px;
  width: 21px;
  min-height: 21px;
  outline: none;
}
.cl-container.nav-btns .cl-checkbox.nav-expander.cl-checked .cl-checkbox-icon {
  background-image: url("images/com/ext/nav_plus_btn.png");
}
.cl-container.nav-btns .cl-checkbox.nav-csr {
  text-align: center;
}
.cl-container.nav-btns .cl-checkbox.nav-csr .cl-checkbox-icon {
  background-image: url("images/com/ext/btn_paste.png");
  background-color: transparent;
  border: none;
  border-radius: 0px;
  width: 21px;
  min-height: 21px;
}
.cl-container.nav-btns .cl-checkbox.nav-csr.cl-checked .cl-checkbox-icon {
  background-image: url("images/com/ext/btn_paste_on.png");
  background-color: transparent;
  border: none;
  border-radius: 0px;
}
.cl-container.nav-btns .cl-checkbox.nav-csr:not(.cl-disabled):hover .cl-checkbox-icon {
  background-image: url("images/com/ext/btn_paste_on.png");
  background-color: transparent;
  border: none;
  border-radius: 0px;
}
/************************************************
 * Tree
 ************************************************/
.cl-tree.table-tree {
  background-color: #F4F8FD;
  border: 1px solid #897c75;
  border-width: 2px 1px 1px 1px;
  color: #333333;
}
.cl-tree.table-tree .cl-tree-item {
  height: 30px;
  font-size: 14px;
  color: #a3b9d9;
  background-color: #F4F8FD;
  padding-left: 10px;
}
.cl-tree.table-tree .cl-tree-item.tree-level-1 {
  font-size: 15px;
  border-bottom: 1px solid #E2EAF4;
  background-color: #ffffff;
  color: #333333;
  height: 50px;
}
.cl-tree.table-tree .cl-tree-item.tree-level-1 .cl-text {
  padding-left: 8px;
}
.cl-tree.table-tree .cl-tree-item.tree-level-1:not(.cl-selected).cl-hover,
.cl-tree.table-tree .cl-tree-item.tree-level-1:not(.cl-selected):hover {
  background-color: #ffffff !important;
  color: #333333 !important;
}
.cl-tree.table-tree .cl-tree-item.tree-level-1.cl-selected {
  background-color: #ffffff !important;
  color: #333333 !important;
}
.cl-tree.table-tree .cl-tree-item.tree-level-1.cl-folder {
  /* 트리 아이템 폴더 아이콘*/
  /* 트리 아이템 폴더 아이콘 - 펼쳐짐*/
  /* 트리 아이템 폴더 아이콘 - 접힘 */
}
.cl-tree.table-tree .cl-tree-item.tree-level-1.cl-folder .cl-tree-itemicon {
  background-image: url("images/sub/tree_depth_1_ic.png");
  background-size: 17px 13px;
  width: 20px;
}
.cl-tree.table-tree .cl-tree-item.tree-level-1.cl-folder.cl-expanded {
  color: #00357c !important;
}
.cl-tree.table-tree .cl-tree-item.tree-level-1.cl-folder.cl-expanded .cl-tree-itemicon {
  background-image: url("images/sub/tree_depth_1_ic_on.png");
  background-size: 17px 13px;
}
.cl-tree.table-tree .cl-tree-item.tree-level-1.cl-folder.cl-collapsed > .cl-tree-treeicon {
  background-image: none;
}
.cl-tree.table-tree .cl-tree-itemicon {
  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;
  width: 0px;
}
.cl-tree.table-tree.cl-tree-lines .cl-tree-item.tree-level-1 {
  padding: 0px 12px !important;
  margin: 0px !important;
}
.cl-tree.table-tree.cl-tree-lines .cl-tree-item.cl-first-node {
  margin-top: 10px;
}
.cl-tree.table-tree.cl-tree-lines .cl-tree-item.cl-last-node {
  margin-bottom: 10px;
}
.cl-tree.table-tree.cl-tree-lines .cl-tree-item.cl-expanded> .cl-tree-treeicon {
  background-image: none;
}
.cl-tree.table-tree.cl-tree-lines .cl-tree-item.cl-expanded.cl-selected> .cl-tree-treeicon {
  background-image: none;
}
.cl-tree.table-tree.cl-tree-lines .cl-tree-item.cl-collapsed> .cl-tree-treeicon {
  background-image: none;
}
.cl-tree.table-tree.cl-tree-lines .cl-tree-item.cl-collapsed.cl-selected> .cl-tree-treeicon {
  background-image: none;
}
.cl-tree.table-tree.cl-tree-lines .cl-tree-item .cl-tree-line {
  background-image: none;
}
.cl-tree.table-tree.cl-tree-lines .cl-tree-item .cl-tree-iconline {
  background-image: none;
}
.cl-tree.table-tree.cl-tree-lines .cl-tree-item .cl-tree-iconline:before {
  content: '';
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  margin-top: 5px;
  margin-left: 20px;
  border-left: 1px solid #A3B9D9;
  border-bottom: 1px solid #A3B9D9;
}
.cl-tree.table-tree:not(.cl-disabled) .cl-tree-item:not(.cl-disabled) {
  /* 트리 아이템 - hover */
}
.cl-tree.table-tree:not(.cl-disabled) .cl-tree-item:not(.cl-disabled):not(.cl-selected).cl-hover,
.cl-tree.table-tree:not(.cl-disabled) .cl-tree-item:not(.cl-disabled):not(.cl-selected):hover,
.cl-tree.table-tree:not(.cl-disabled) .cl-tree-item:not(.cl-disabled).cl-selected {
  background-color: #F4F8FD;
  color: #0b4696;
}
.cl-tree.table-tree.cl-disabled {
  border-color: #C0CEE2;
  border-top-color: #7495C6;
}
.cl-tree.table-tree.cl-disabled .cl-tree-item.tree-level-1 .cl-text {
  color: #a1bde4;
}
.cl-tree.table-tree.cl-disabled .cl-tree-item.tree-level-1.cl-folder {
  /* 트리 아이템 폴더 아이콘*/
}
.cl-tree.table-tree.cl-disabled .cl-tree-item.tree-level-1.cl-folder .cl-tree-itemicon {
  background-image: url("images/sub/tree_depth_1_ic_disabled.png");
}
/************************************************
 * 토글 버튼
 ************************************************/
/* 토글 버튼을 감싸는 컨테이너 스타일 */
.toggle-wrap {
  background-color: #a1bde4;
  border-radius: 5px;
  /* 토글 버튼 스타일 */
  /* 토글되어 ON 상태가 되었을 때 */
}
.toggle-wrap .cl-checkbox.toggle {
  text-align: center;
  padding-left: 3px;
}
.toggle-wrap .cl-checkbox.toggle .cl-icon-wrapper {
  vertical-align: middle;
}
.toggle-wrap .cl-checkbox.toggle .cl-checkbox-icon {
  border-radius: 3px;
  background-color: white;
  background-image: none;
}
.toggle-wrap .cl-checkbox.toggle:hover .cl-checkbox-icon,
.toggle-wrap .cl-checkbox.toggle.cl-hover .cl-checkbox-icon {
  background-color: white;
  background-image: none;
}
.toggle-wrap .cl-checkbox.toggle.cl-checked .cl-checkbox-icon {
  background-color: white;
  background-image: none;
}
.toggle-wrap .cl-checkbox.toggle.cl-checked:hover .cl-checkbox-icon,
.toggle-wrap .cl-checkbox.toggle.cl-checked.cl-hover .cl-checkbox-icon {
  background-color: white;
  background-image: none;
}
.toggle-wrap .cl-checkbox.toggle.cl-focus .cl-checkbox-icon {
  outline: none;
}
.toggle-wrap.on {
  background-color: #897c75;
}
.toggle-wrap.round {
  border-radius: 21px;
}
.toggle-wrap.round .cl-checkbox.toggle .cl-checkbox-icon {
  border-radius: 21px;
}
.toggle-wrap .cl-output.hint {
  font-size: 13px;
  color: white;
}
.toggle-wrap .cl-output.hint.off {
  text-align: right;
  color: #999999;
}
.toggle-wrap .cl-output.hint.on {
  text-align: left;
}
/************************************************
 * 배지 유틸
 ************************************************/
/************************************************
 * 배지 기본 
 ************************************************/
.cl-output.badge {
  background-color: #a1bde4;
  border-radius: 3px;
  color: #ffffff;
  font-size: 12px;
  padding: 0px 5px;
  text-align: center;
}
.cl-output.badge .cl-text {
  line-height: 1;
}
.cl-output.badge.badge-primary {
  background-color: #897c75;
}
.cl-output.badge.badge-secondary {
  background-color: #ffa73c;
}
.cl-output.badge.badge-success {
  background-color: #26c3c3;
}
.cl-output.badge.badge-info {
  background-color: #23b8f1;
}
.cl-output.badge.badge-warning {
  background-color: #ffd83d;
}
.cl-output.badge.badge-danger {
  background-color: #e31f21;
}
.cl-output.badge.badge-dark {
  background-color: #222222;
}
.cl-output.badge.badge-duse {
  background-color: #fdeeee;
}
.cl-output.badge.badge-ral {
  background-color: #fafae3;
}
/************************************************
 * 버튼 유틸
 ************************************************/
.cl-button.btn-lg {
  font-size: 18px;
}
.cl-button.btn-md {
  font-size: 15px;
}
.cl-button.btn-sm {
  font-size: 13px;
}
.cl-button.btn-round {
  border-radius: 9999px !important;
}
.cl-button.btn-square {
  border-radius: 0px !important;
}
/************************************************
 * 투명 버튼
 ************************************************/
.cl-button.btn-transparent {
  background-color: transparent;
  border: none;
  border-radius: 0px;
}
.cl-button.btn-transparent:not(.cl-disabled):hover {
  background-color: transparent;
}
.cl-button.btn-transparent:focus,
.cl-button.btn-transparent.cl-focus {
  background-color: transparent;
}
.cl-button.btn-transparent:not(.cl-disabled).cl-activated,
.cl-button.btn-transparent:not(.cl-disabled):active {
  background-color: transparent;
}
/************************************************
 * 기본 버튼
 ************************************************/
.cl-button.btn-primary,
.cl-button.btn-sub {
  background-color: #897c75;
  border-color: #897c75;
  border-radius: 3px;
  color: #ffffff;
}
.cl-button.btn-primary:not(.cl-disabled):hover,
.cl-button.btn-sub:not(.cl-disabled):hover {
  background-color: #b0a199;
  border-color: #b0a199;
  color: #ffffff;
}
.cl-button.btn-primary:focus,
.cl-button.btn-sub:focus,
.cl-button.btn-primary.cl-focus,
.cl-button.btn-sub.cl-focus {
  background-color: #b0a199;
  border-color: #b0a199;
  color: #ffffff;
}
.cl-button.btn-primary:not(.cl-disabled).cl-activated,
.cl-button.btn-sub:not(.cl-disabled).cl-activated,
.cl-button.btn-primary:not(.cl-disabled):active,
.cl-button.btn-sub:not(.cl-disabled):active {
  background-color: #b0a199;
  border-color: #b0a199;
  color: #ffffff;
  transform: scale(0.95);
}
.cl-button.btn-primary.cl-disabled,
.cl-button.btn-sub.cl-disabled {
  background-color: #dfe6f0;
  border-color: #dfe6f0;
  color: #bcbcbc;
}
.cl-button.btn-secondary {
  background-color: #ffa73c;
  border-color: #ffa73c;
  border-radius: 3px;
  color: #ffffff;
}
.cl-button.btn-secondary:not(.cl-disabled):hover {
  background-color: #0061ab;
  border-color: #0061ab;
  color: #ffffff;
}
.cl-button.btn-secondary:focus,
.cl-button.btn-secondary.cl-focus {
  background-color: #0061ab;
  border-color: #0061ab;
  color: #ffffff;
}
.cl-button.btn-secondary:not(.cl-disabled).cl-activated,
.cl-button.btn-secondary:not(.cl-disabled):active {
  background-color: #0061ab;
  border-color: #0061ab;
  color: #ffffff;
}
.cl-button.btn-secondary.cl-disabled {
  background-color: #dfe6f0;
  border-color: #dfe6f0;
  color: #bcbcbc;
}
.cl-button.btn-info {
  background-color: #23b8f1;
  border-color: #23b8f1;
  border-radius: 3px;
  color: #ffffff;
}
.cl-button.btn-info:not(.cl-disabled):hover {
  background-color: #21ABE0;
  border-color: #21ABE0;
  color: #ffffff;
}
.cl-button.btn-info:focus,
.cl-button.btn-info.cl-focus {
  background-color: #21ABE0;
  border-color: #21ABE0;
  color: #ffffff;
}
.cl-button.btn-info:not(.cl-disabled).cl-activated,
.cl-button.btn-info:not(.cl-disabled):active {
  background-color: #21ABE0;
  border-color: #21ABE0;
  color: #ffffff;
}
.cl-button.btn-info.cl-disabled {
  background-color: #dfe6f0;
  border-color: #dfe6f0;
  color: #bcbcbc;
}
.cl-button.btn-success {
  background-color: #26c3c3;
  border-color: #26c3c3;
  border-radius: 3px;
  color: #ffffff;
}
.cl-button.btn-success:not(.cl-disabled):hover {
  background-color: #009e9e;
  border-color: #009e9e;
  color: #ffffff;
}
.cl-button.btn-success:focus,
.cl-button.btn-success.cl-focus {
  background-color: #009e9e;
  border-color: #009e9e;
  color: #ffffff;
}
.cl-button.btn-success:not(.cl-disabled).cl-activated,
.cl-button.btn-success:not(.cl-disabled):active {
  background-color: #009e9e;
  border-color: #009e9e;
  color: #ffffff;
}
.cl-button.btn-success.cl-disabled {
  background-color: #dfe6f0;
  border-color: #dfe6f0;
  color: #bcbcbc;
}
.cl-button.btn-dark {
  background-color: #545F71;
  border-color: #545F71;
  border-radius: 3px;
  color: #ffffff;
}
.cl-button.btn-dark:not(.cl-disabled):hover {
  background-color: #3C495E;
  border-color: #3C495E;
  color: #ffffff;
}
.cl-button.btn-dark:focus,
.cl-button.btn-dark.cl-focus {
  background-color: #3C495E;
  border-color: #3C495E;
  color: #ffffff;
}
.cl-button.btn-dark:not(.cl-disabled).cl-activated,
.cl-button.btn-dark:not(.cl-disabled):active {
  background-color: #3C495E;
  border-color: #3C495E;
  color: #ffffff;
}
.cl-button.btn-dark.cl-disabled {
  background-color: #dfe6f0;
  border-color: #dfe6f0;
  color: #bcbcbc;
}
.cl-button.btn-close {
  background-color: #7F91A8;
  border-color: #7F91A8;
  border-radius: 3px;
  color: #ffffff;
}
.cl-button.btn-close:not(.cl-disabled):hover {
  background-color: #627894;
  border-color: #627894;
  color: #ffffff;
}
.cl-button.btn-close:focus,
.cl-button.btn-close.cl-focus {
  background-color: #627894;
  border-color: #627894;
  color: #ffffff;
}
.cl-button.btn-close:not(.cl-disabled).cl-activated,
.cl-button.btn-close:not(.cl-disabled):active {
  background-color: #627894;
  border-color: #627894;
  color: #ffffff;
}
.cl-button.btn-close.cl-disabled {
  background-color: #dfe6f0;
  border-color: #dfe6f0;
  color: #bcbcbc;
}
.cl-button.btn-gray-600 {
  background-color: #999999;
  border-color: #999999;
  border-radius: 3px;
  color: #ffffff;
}
.cl-button.btn-gray-600:not(.cl-disabled):hover {
  background-color: #666666;
  border-color: #666666;
  color: #ffffff;
}
.cl-button.btn-gray-600:focus,
.cl-button.btn-gray-600.cl-focus {
  background-color: #666666;
  border-color: #666666;
  color: #ffffff;
}
.cl-button.btn-gray-600:not(.cl-disabled).cl-activated,
.cl-button.btn-gray-600:not(.cl-disabled):active {
  background-color: #666666;
  border-color: #666666;
  color: #ffffff;
}
.cl-button.btn-gray-600.cl-disabled {
  background-color: #dfe6f0;
  border-color: #dfe6f0;
  color: #bcbcbc;
}
/************************************************
 * 아웃라인 버튼
 ************************************************/
.cl-button.btn-outline-primary,
.cl-button.btn-add,
.cl-button.btn-search-dtl,
.cl-button.btn-confirm,
.cl-button.btn-row-add,
.cl-button.btn-row-del {
  background-color: #ffffff;
  border-color: #897c75;
  color: #897c75;
}
.cl-button.btn-outline-primary:not(.cl-disabled):hover,
.cl-button.btn-add:not(.cl-disabled):hover,
.cl-button.btn-search-dtl:not(.cl-disabled):hover,
.cl-button.btn-confirm:not(.cl-disabled):hover,
.cl-button.btn-row-add:not(.cl-disabled):hover,
.cl-button.btn-row-del:not(.cl-disabled):hover {
  background-color: #ffffff;
  border-color: #b0a199;
  color: #897c75;
}
.cl-button.btn-outline-primary:focus,
.cl-button.btn-add:focus,
.cl-button.btn-search-dtl:focus,
.cl-button.btn-confirm:focus,
.cl-button.btn-row-add:focus,
.cl-button.btn-row-del:focus,
.cl-button.btn-outline-primary.cl-focus,
.cl-button.btn-add.cl-focus,
.cl-button.btn-search-dtl.cl-focus,
.cl-button.btn-confirm.cl-focus,
.cl-button.btn-row-add.cl-focus,
.cl-button.btn-row-del.cl-focus {
  background-color: #ffffff;
  border-color: #b0a199;
  color: #897c75;
}
.cl-button.btn-outline-primary:not(.cl-disabled).cl-activated,
.cl-button.btn-add:not(.cl-disabled).cl-activated,
.cl-button.btn-search-dtl:not(.cl-disabled).cl-activated,
.cl-button.btn-confirm:not(.cl-disabled).cl-activated,
.cl-button.btn-row-add:not(.cl-disabled).cl-activated,
.cl-button.btn-row-del:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-primary:not(.cl-disabled):active,
.cl-button.btn-add:not(.cl-disabled):active,
.cl-button.btn-search-dtl:not(.cl-disabled):active,
.cl-button.btn-confirm:not(.cl-disabled):active,
.cl-button.btn-row-add:not(.cl-disabled):active,
.cl-button.btn-row-del:not(.cl-disabled):active {
  background-color: #ffffff;
  border-color: #b0a199;
  color: #897c75;
}
.cl-button.btn-outline-secondary,
.cl-button.btn-pop,
.cl-button.btn-excel,
.cl-button.btn-print {
  background-color: #ffffff;
  /*border-color: @secondary;*/
  border-radius: 3px;
  /*color: @secondary;*/
  border-color: #0090ff;
  color: #0090ff;
}
.cl-button.btn-outline-secondary:not(.cl-disabled):hover,
.cl-button.btn-pop:not(.cl-disabled):hover,
.cl-button.btn-excel:not(.cl-disabled):hover,
.cl-button.btn-print:not(.cl-disabled):hover {
  background-color: #ffffff;
  border-color: #0061ab;
  color: #0061ab;
}
.cl-button.btn-outline-secondary:focus,
.cl-button.btn-pop:focus,
.cl-button.btn-excel:focus,
.cl-button.btn-print:focus,
.cl-button.btn-outline-secondary.cl-focus,
.cl-button.btn-pop.cl-focus,
.cl-button.btn-excel.cl-focus,
.cl-button.btn-print.cl-focus {
  background-color: #ffffff;
  border-color: #0061ab;
  color: #0061ab;
}
.cl-button.btn-outline-secondary:not(.cl-disabled).cl-activated,
.cl-button.btn-pop:not(.cl-disabled).cl-activated,
.cl-button.btn-excel:not(.cl-disabled).cl-activated,
.cl-button.btn-print:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-secondary:not(.cl-disabled):active,
.cl-button.btn-pop:not(.cl-disabled):active,
.cl-button.btn-excel:not(.cl-disabled):active,
.cl-button.btn-print:not(.cl-disabled):active {
  background-color: #ffffff;
  border-color: #0061ab;
  color: #0061ab;
}
.cl-button.btn-outline-secondary.cl-disabled,
.cl-button.btn-pop.cl-disabled,
.cl-button.btn-excel.cl-disabled,
.cl-button.btn-print.cl-disabled {
  /*border-color: @btn-disabled-text-color;
 		color: @btn-disabled-text-color;*/
  border-color: #bcbcbc;
  background: #ffffff;
  color: #bcbcbc;
}
.cl-button.btn-outline-info {
  background-color: #ffffff;
  border-color: #23b8f1;
  color: #23b8f1;
}
.cl-button.btn-outline-info:not(.cl-disabled):hover {
  background-color: #ffffff;
  border-color: #21ABE0;
  color: #21ABE0;
}
.cl-button.btn-outline-info:focus,
.cl-button.btn-outline-info.cl-focus {
  background-color: #ffffff;
  border-color: #21ABE0;
  color: #21ABE0;
}
.cl-button.btn-outline-info:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-info:not(.cl-disabled):active {
  background-color: #ffffff;
  border-color: #21ABE0;
  color: #21ABE0;
}
.cl-button.btn-outline-info.cl-disabled {
  border-color: #bcbcbc;
  color: #bcbcbc;
}
.cl-button.btn-outline-success {
  background-color: #ffffff;
  border-color: #26c3c3;
  color: #26c3c3;
}
.cl-button.btn-outline-success:not(.cl-disabled):hover {
  background-color: #ffffff;
  border-color: #009e9e;
  color: #009e9e;
}
.cl-button.btn-outline-success:focus,
.cl-button.btn-outline-success.cl-focus {
  background-color: #ffffff;
  border-color: #009e9e;
  color: #009e9e;
}
.cl-button.btn-outline-success:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-success:not(.cl-disabled):active {
  background-color: #ffffff;
  border-color: #009e9e;
  color: #009e9e;
}
.cl-button.btn-outline-success.cl-disabled {
  border-color: #bcbcbc;
  color: #bcbcbc;
}
.cl-button.btn-outline-dark {
  background-color: #ffffff;
  border-color: #545F71;
  color: #545F71;
}
.cl-button.btn-outline-dark:not(.cl-disabled):hover {
  background-color: #ffffff;
  border-color: #3C495E;
  color: #3C495E;
}
.cl-button.btn-outline-dark:focus,
.cl-button.btn-outline-dark.cl-focus {
  background-color: #ffffff;
  border-color: #3C495E;
  color: #3C495E;
}
.cl-button.btn-outline-dark:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-dark:not(.cl-disabled):active {
  background-color: #ffffff;
  border-color: #3C495E;
  color: #3C495E;
}
.cl-button.btn-outline-dark.cl-disabled {
  border-color: #bcbcbc;
  color: #bcbcbc;
}
.cl-button.btn-outline-gray {
  background-color: #ffffff;
  border-color: #7F91A8;
  color: #7F91A8;
}
.cl-button.btn-outline-gray:not(.cl-disabled):hover {
  background-color: #ffffff;
  border-color: #627894;
  color: #627894;
}
.cl-button.btn-outline-gray:focus,
.cl-button.btn-outline-gray.cl-focus {
  background-color: #ffffff;
  border-color: #627894;
  color: #627894;
}
.cl-button.btn-outline-gray:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-gray:not(.cl-disabled):active {
  background-color: #ffffff;
  border-color: #627894;
  color: #627894;
}
.cl-button.btn-outline-gray.cl-disabled {
  border-color: #bcbcbc;
  color: #bcbcbc;
}
.cl-button.btn-outline-gray-600 {
  background-color: #ffffff;
  border-color: #999999;
  color: #999999;
}
.cl-button.btn-outline-gray-600:not(.cl-disabled):hover {
  background-color: #ffffff;
  border-color: #666666;
  color: #666666;
}
.cl-button.btn-outline-gray-600:focus,
.cl-button.btn-outline-gray-600.cl-focus {
  background-color: #ffffff;
  border-color: #666666;
  color: #666666;
}
.cl-button.btn-outline-gray-600:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-gray-600:not(.cl-disabled):active {
  background-color: #ffffff;
  border-color: #666666;
  color: #666666;
}
.cl-button.btn-outline-gray-600.cl-disabled {
  border-color: #bcbcbc;
  color: #bcbcbc;
}
/************************************************
 * 아이콘 버튼
 ************************************************/
.cl-button.btn-i.cl-icon-align-left .cl-icon {
  margin-right: 3px;
}
.cl-button.btn-i.cl-icon-align-right .cl-icon {
  margin-left: 3px;
}
.cl-button.btn-i.cl-icon-align-bottom .cl-icon {
  margin-top: 3px;
}
.cl-button.btn-i.cl-icon-align-top .cl-icon {
  margin-bottom: 3px;
}
.cl-button.btn-i.cl-icon-width-0 .cl-icon {
  width: 0px;
}
/************************************************
 * 아이콘 버튼
 ************************************************/
.cl-button.btn-attch {
  background-color: transparent;
  color: #ffa73c;
  border: none;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("images/controls/button/left_bullet1-1.on.gif") !important;
}
.cl-button.btn-attch:not(.cl-disabled):hover {
  background-color: transparent;
}
.cl-button.btn-pop-search {
  background-color: transparent;
  color: #ffa73c;
  border: none;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("images/controls/input/input_search_btn_ic.png") !important;
}
.cl-button.btn-pop-search:not(.cl-disabled):hover {
  background-color: transparent;
}
.cl-button.btn-pop-search:focus,
.cl-button.btn-pop-search.cl-focus {
  background-color: transparent;
  color: #0061ab;
}
.cl-button.btn-pop-search:not(.cl-disabled).cl-activated,
.cl-button.btn-pop-search:not(.cl-disabled):active {
  background-color: transparent;
  color: #0061ab;
}
.cl-button.btn-pop-search.cl-disabled {
  background-color: #dfe6f0;
  color: #bcbcbc;
  background-image: url("images/controls/input/input_search_btn_ic_disabled.png") !important;
}
.cl-button.btn-i-save .cl-icon {
  background-image: url("images/controls/button/btn_save_ic.png") !important;
}
.cl-button.btn-i-save.cl-disabled .cl-icon {
  background-image: url("images/sub/btn_save_disabled_ic.png") !important;
}
.cl-button.btn-i-insert .cl-icon {
  background-image: url("images/controls/button/btn_list_add_ic.png") !important;
}
.cl-button.btn-i-insert:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/sub/btn_list_add_ic_over.png") !important;
}
.cl-button.btn-i-insert.cl-disabled .cl-icon {
  background-image: url("images/sub/btn_list_add_ic_disabled.png") !important;
}
.cl-button.btn-i-delete .cl-icon {
  background-image: url("images/controls/button/btn_list_del_ic.png") !important;
}
.cl-button.btn-i-delete:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/sub/btn_list_del_ic_over.png") !important;
}
.cl-button.btn-i-delete.cl-disabled .cl-icon {
  background-image: url("images/sub/btn_list_add_ic_disabled.png") !important;
}
.cl-button.btn-i-add .cl-icon {
  background-image: url("images/controls/button/btn_add_ic.png") !important;
}
.cl-button.btn-i-add:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/sub/btn_add_ic_over.png") !important;
}
.cl-button.btn-i-add.cl-disabled .cl-icon {
  background-image: url("images/sub/btn_add_ic_disabled.png") !important;
}
.cl-button.btn-i-remove .cl-icon {
  background-image: url("images/controls/button/btn_del_ic.png") !important;
}
.cl-button.btn-i-remove:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/sub/btn_del_ic_over.png") !important;
}
.cl-button.btn-i-remove.cl-disabled .cl-icon {
  background-image: url("images/sub/btn_del_ic_disabled.png") !important;
}
.cl-button.btn-i-confirm .cl-icon {
  background-image: url("images/controls/button/btn_list_chk_ic.png") !important;
}
.cl-button.btn-i-confirm:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/sub/btn_list_chk_ic_over.png") !important;
}
.cl-button.btn-i-confirm.cl-disabled .cl-icon {
  background-image: url("images/sub/btn_list_chk_ic_disalbed.png") !important;
}
.cl-button.btn-i-upload .cl-icon {
  background-image: url("images/controls/button/btn_list_upload_ic.png") !important;
}
.cl-button.btn-i-upload:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/sub/btn_list_upload_ic_over.png") !important;
}
.cl-button.btn-i-upload.cl-disabled .cl-icon {
  background-image: url("images/sub/btn_list_upload_ic_disabled.png") !important;
}
.cl-button.btn-i-download .cl-icon {
  background-image: url("images/controls/button/btn_excel_down_ic.png") !important;
}
.cl-button.btn-i-download:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/sub/btn_excel_down_ic_over.png") !important;
}
.cl-button.btn-i-download.cl-disabled .cl-icon {
  background-image: url("images/sub/btn_excel_down_ic_disabled.png") !important;
}
.cl-button.btn-i-channel .cl-icon {
  background-image: url("images/controls/button/btn_sns_ic.png") !important;
}
.cl-button.btn-i-channel:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/sub/btn_sns_ic_over.png") !important;
}
.cl-button.btn-i-channel.cl-disabled .cl-icon {
  background-image: url("images/sub/btn_sns_ic_disabled.png") !important;
}
.cl-button.btn-i-expand .cl-icon {
  background-image: url("images/controls/button/tit_btn_zoom_ic.png") !important;
}
.cl-button.btn-i-expand:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/controls/button/tit_btn_zoom_ic_over.png") !important;
}
.cl-button.btn-i-expand.cl-disabled .cl-icon {
  background-image: url("images/controls/button/tit_btn_zoom_ic.png") !important;
}
.cl-button.btn-i-expand.cl-selected .cl-icon {
  background-image: url("images/controls/button/zoom_out_ic.png") !important;
}
.cl-button.btn-i-expand.cl-selected:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/controls/button/zoom_out_ic_over.png") !important;
}
.cl-button.btn-i-expand.cl-selected.cl-disabled .cl-icon {
  background-image: url("images/controls/button/zoom_out_ic.png") !important;
}
.cl-button.btn-i-set .cl-icon {
  background-image: url("images/controls/button/tit_btn_set_ic.png") !important;
}
.cl-button.btn-i-set:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/controls/button/tit_btn_set_ic_over.png") !important;
}
.cl-button.btn-i-set.cl-disabled .cl-icon {
  background-image: url("images/controls/button/tit_btn_set_ic.png") !important;
}
.cl-button.btn-i-excel .cl-icon {
  background-image: url("images/controls/button/tit_btn_excel_ic.png") !important;
}
.cl-button.btn-i-excel:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/controls/button/tit_btn_excel_ic_over.png") !important;
}
.cl-button.btn-i-excel.cl-disabled .cl-icon {
  background-image: url("images/controls/button/tit_btn_excel_ic.png") !important;
}
.cl-button.btn-i-row-inserted {
  background-color: #0B4696;
  border-radius: 9999px;
  border: 0px;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-image: url("images/sub/table_add_btn_ic.png") !important;
  width: 20px;
  height: 20px;
}
.cl-button.btn-i-row-inserted:not(.cl-disabled):hover,
.cl-button.btn-i-row-inserted:focus,
.cl-button.btn-i-row-inserted.cl-focus,
.cl-button.btn-i-row-inserted:not(.cl-disabled).cl-activated,
.cl-button.btn-i-row-inserted:not(.cl-disabled):active {
  background-color: #0B4696;
}
.cl-button.btn-i-row-inserted.cl-disabled {
  background-color: #dfe6f0;
  background-image: url("images/sub/table_add_btn_ic_disabled.png") !important;
}
.cl-button.btn-i-row-updated {
  background-color: #00BABA;
  border-radius: 9999px;
  border: 0px;
  background-repeat: no-repeat;
  background-position: 3px center;
  background-image: url("images/sub/table_set_btn_ic.png") !important;
  width: 20px;
  height: 20px;
}
.cl-button.btn-i-row-updated:not(.cl-disabled):hover,
.cl-button.btn-i-row-updated:focus,
.cl-button.btn-i-row-updated.cl-focus,
.cl-button.btn-i-row-updated:not(.cl-disabled).cl-activated,
.cl-button.btn-i-row-updated:not(.cl-disabled):active {
  background-color: #00BABA;
}
.cl-button.btn-i-row-updated.cl-disabled {
  background-color: #dfe6f0;
  background-image: url("images/sub/table_set_btn_ic_disabled.png") !important;
}
.cl-button.btn-i-row-deleted {
  background-color: #e31f21;
  border-radius: 9999px;
  border: 0px;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-image: url("images/sub/table_del_btn_ic.png") !important;
  width: 20px;
  height: 20px;
}
.cl-button.btn-i-row-deleted:not(.cl-disabled):hover,
.cl-button.btn-i-row-deleted:focus,
.cl-button.btn-i-row-deleted.cl-focus,
.cl-button.btn-i-row-deleted:not(.cl-disabled).cl-activated,
.cl-button.btn-i-row-deleted:not(.cl-disabled):active {
  background-color: #e31f21;
}
.cl-button.btn-i-row-deleted.cl-disabled {
  background-color: #dfe6f0;
  background-image: url("images/sub/table_del_btn_ic_disabled.png") !important;
}
.cl-button.btn-i-detail-expand .cl-icon {
  background-image: url("images/sub/search_form_detail_btn.png") !important;
}
.cl-button.btn-i-detail-expand.cl-disabled .cl-icon {
  background-image: url("images/sub/search_form_detail_btn_disabled.png") !important;
}
.cl-button.btn-i-detail-collapse .cl-icon {
  background-image: url("images/sub/search_form_detail_btn_on.png") !important;
}
.cl-button.btn-i-detail-collapse.cl-disabled .cl-icon {
  background-image: url("images/sub/search_form_detail_btn_on_disabled.png") !important;
}
.cl-button.btn-i-total-print .cl-icon {
  background-image: url("images/sub/btn_total_print_ic.png") !important;
}
.cl-button.btn-i-total-print:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/sub/btn_total_print_ic_over.png") !important;
}
.cl-button.btn-i-total-print.cl-disabled .cl-icon {
  background-image: url("images/sub/btn_total_print_ic_disabled.png") !important;
}
.cl-button.btn-i-print .cl-icon {
  background-image: url("images/sub/btn_print_ic.png") !important;
}
.cl-button.btn-i-print:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/sub/btn_print_ic_over.png") !important;
}
.cl-button.btn-i-print.cl-disabled .cl-icon {
  background-image: url("images/sub/btn_print_ic_disabled.png") !important;
}
.cl-button.btn-row-copy {
  border-radius: 50px;
  background-color: #ffffff;
  border-color: #BDD0E4;
  color: #BDD0E4;
  font-size: 11px;
}
.cl-button.btn-row-copy:not(.cl-disabled):hover {
  background-color: #ffffff;
  border-color: #42ADFF;
  color: #42ADFF;
}
.cl-button.btn-row-copy:focus,
.cl-button.btn-row-copy.cl-focus {
  background-color: #ffffff;
  border-color: #42ADFF;
  color: #42ADFF;
}
.cl-button.btn-row-copy:not(.cl-disabled).cl-activated,
.cl-button.btn-row-copy:not(.cl-disabled):active {
  background-color: #ffffff;
  border-color: #42ADFF;
  color: #42ADFF;
}
.cl-button.btn-row-copy.cl-disabled {
  background-color: #f7f9fc;
  border-color: #dfe6f0;
  color: #a1bde4;
}
.cl-button.btn-row-copy.btn-i-top .cl-icon {
  background-image: url("images/sub/grid_top_copy_ic.png") !important;
}
.cl-button.btn-row-copy.btn-i-top:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/sub/grid_top_copy_ic_over.png") !important;
}
.cl-button.btn-row-copy.btn-i-top.cl-disabled .cl-icon {
  background-image: url("images/sub/grid_top_copy_ic_disabled.png") !important;
}
.cl-button.btn-row-copy.btn-i-bottom .cl-icon {
  background-image: url("images/sub/grid_bottom_copy_ic.png") !important;
}
.cl-button.btn-row-copy.btn-i-bottom:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/sub/grid_bottom_copy_ic_over.png") !important;
}
.cl-button.btn-row-copy.btn-i-bottom.cl-disabled .cl-icon {
  background-image: url("images/sub/grid_bottom_copy_ic_disabled.png") !important;
}
.cl-button.btn-row-copy.btn-i-left .cl-icon {
  background-image: url("images/sub/grid_left_copy_ic.png") !important;
}
.cl-button.btn-row-copy.btn-i-left:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/sub/grid_left_copy_ic_over.png") !important;
}
.cl-button.btn-row-copy.btn-i-left.cl-disabled .cl-icon {
  background-image: url("images/sub/grid_left_copy_ic_disabled.png") !important;
}
.cl-button.btn-row-copy.btn-i-right .cl-icon {
  background-image: url("images/sub/grid_right_copy_ic.png") !important;
}
.cl-button.btn-row-copy.btn-i-right:not(.cl-disabled):hover .cl-icon {
  background-image: url("images/sub/grid_right_copy_ic_over.png") !important;
}
.cl-button.btn-row-copy.btn-i-right.cl-disabled .cl-icon {
  background-image: url("images/sub/grid_right_copy_ic_disabled.png") !important;
}
.cl-button.btn-i-grid-add {
  background-color: transparent;
  border-radius: 9999px;
  border: 0px;
}
.cl-button.btn-i-grid-add:not(.cl-disabled):hover,
.cl-button.btn-i-grid-add:focus,
.cl-button.btn-i-grid-add.cl-focus,
.cl-button.btn-i-grid-add:not(.cl-disabled).cl-activated,
.cl-button.btn-i-grid-add:not(.cl-disabled):active {
  background-color: transparent;
}
.cl-button.btn-i-grid-add .cl-icon {
  background-image: url("images/sub/table_add_btn_ic_type2.png") !important;
  width: 30px;
  height: 30px;
}
.cl-button.btn-i-grid-add.cl-disabled .cl-icon {
  background-image: url("images/sub/table_add_btn_ic_type2_disabled.png") !important;
}
.cl-button.btn-i-grid-delete {
  background-color: transparent;
  border-radius: 9999px;
  border: 0px;
}
.cl-button.btn-i-grid-delete:not(.cl-disabled):hover,
.cl-button.btn-i-grid-delete:focus,
.cl-button.btn-i-grid-delete.cl-focus,
.cl-button.btn-i-grid-delete:not(.cl-disabled).cl-activated,
.cl-button.btn-i-grid-delete:not(.cl-disabled):active {
  background-color: transparent;
}
.cl-button.btn-i-grid-delete .cl-icon {
  background-image: url("images/sub/table_del_btn_ic_type2.png") !important;
  width: 30px;
  height: 30px;
}
.cl-button.btn-i-grid-delete.cl-disabled .cl-icon {
  background-image: url("images/sub/table_del_btn_ic_type2_disabled.png") !important;
}
.cl-button.btn-i-grid-reset {
  background-color: transparent;
  border-radius: 9999px;
  border: 0px;
}
.cl-button.btn-i-grid-reset:not(.cl-disabled):hover,
.cl-button.btn-i-grid-reset:focus,
.cl-button.btn-i-grid-reset.cl-focus,
.cl-button.btn-i-grid-reset:not(.cl-disabled).cl-activated,
.cl-button.btn-i-grid-reset:not(.cl-disabled):active {
  background-color: transparent;
}
.cl-button.btn-i-grid-reset .cl-icon {
  background-image: url("images/sub/table_set_btn_ic_type2.png") !important;
  width: 30px;
  height: 30px;
}
.cl-button.btn-i-grid-reset.cl-disabled .cl-icon {
  background-image: url("images/sub/table_set_btn_ic_type2_disabled.png") !important;
}
/************************************************
 * btn-'클래스명' 버튼 (icon 속성지정 -> button background지정)
 ************************************************/
.cl-button.btn-search {
  background-position: 16px center, left top;
  background-repeat: no-repeat;
  text-align: left;
  padding-left: 39px;
  background-image: url("images/controls/button/search_form_search_btn.png") !important;
  background-color: #897c75;
  border-color: #897c75;
  color: #ffffff;
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼이 포커스를 가졌을 때의 스타일 */
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-button.btn-search.cl-disabled {
  background-image: url("images/sub/search_form_search_btn_disabled.png") !important;
}
.cl-button.btn-search:not(.cl-disabled):hover {
  background-color: #b0a199;
  border-color: #b0a199;
  color: #ffffff;
}
.cl-button.btn-search:focus,
.cl-button.btn-search.cl-focus {
  background-color: #b0a199;
  border-color: #b0a199;
  color: #ffffff;
}
.cl-button.btn-search:not(.cl-disabled).cl-activated,
.cl-button.btn-search:not(.cl-disabled):active {
  transform: scale(0.95);
}
.cl-button.btn-save {
  background-position: 16px center, left top;
  background-repeat: no-repeat;
  background-color: #897c75;
  border-color: #897c75;
  color: #ffffff;
  text-align: left;
  padding-left: 39px;
  background-image: url("images/controls/button/btn_save_ic.png") !important;
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼이 포커스를 가졌을 때의 스타일 */
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-button.btn-save.cl-disabled {
  background-image: url("images/sub/btn_save_disabled_ic.png") !important;
}
.cl-button.btn-save:not(.cl-disabled):hover {
  background-color: #b0a199;
  border-color: #b0a199;
  color: #ffffff;
}
.cl-button.btn-save:focus,
.cl-button.btn-save.cl-focus {
  background-color: #b0a199;
  border-color: #b0a199;
  color: #ffffff;
}
.cl-button.btn-save:not(.cl-disabled).cl-activated,
.cl-button.btn-save:not(.cl-disabled):active {
  transform: scale(0.95);
}
/* button captcha새로고침 버튼 */
.cl-button.btn-captcha-refresh {
  background: url("../common/images/controls/grid/ico_update.png") no-repeat;
  background-position: center;
  background-color: #ffffff;
  border-style: none;
  border-radius: 5px;
}
.cl-button.btn-captcha-refresh:not(.cl-disabled):hover {
  background-color: #f0f0f0;
}
.cl-button.btn-captcha-refresh.cl-disabled {
  border-color: #7B8390;
  background-color: #BDC1C8;
}
/************************************************
 * 카드 유틸 
 ************************************************/
/* 카드를 쌓아서 표현할 때 (spacing=0px 인 경우만 사용할 것) */
.cl-container.card-wrap .cl-layout-wrap + .cl-layout-wrap .cl-container.card {
  border-top-width: 0px;
}
/************************************************
 * 기본 카드
 * - 카드에 border 를 없애려면
 * .border-top-0 또는
 * .border-bottom-0 사용할 것 
 ************************************************/
.cl-container.card,
.cl-container.grp-top,
.cl-container.grp-data,
.cl-container.grp-footer,
.cl-container.grp-top-pop {
  background-color: #ffffff;
  border-color: #e1e1e1;
  border-width: 0px 0px;
  border: none !important;
}
.cl-container.card-under-line,
.cl-container.grp-top,
.cl-container.grp-data,
.cl-container.grp-footer,
.cl-container.grp-top-pop {
  background-color: #ffffff;
  border-bottom: 2px solid #000;
}
/************************************************
 * 폼 유틸 
 ************************************************/
.cl-container.form-bar-wrap .cl-formlayout-vertical-separator {
  background-color: transparent;
  background-image: linear-gradient(to top, #d9e3ef, #d9e3ef);
  background-repeat: no-repeat;
  background-size: 1px 12px;
  background-position: center;
}
/************************************************
 * 일반 폼 
 ************************************************/
.cl-container.form-box {
  background-color: #ffffff;
  border: 1px solid #e8ecef;
  border-width: 2px 0px 1px 0px;
  /*border-top-color: @primary;*/
  border-top-color: #333333;
  border-radius: 0px;
}
.cl-container.form-box .cl-output.label {
  color: #333333;
}
.cl-container.form-box .cl-output.label.require {
  background-image: url("images/sub/table_th_req.png");
  background-size: 6px;
  background-position: right 6px top;
}
.cl-container.form-box.cl-disabled {
  border-color: #eeeeee;
}
.cl-container.form-box .h5 {
  background-color: #e5ebf5;
  font-weight: 700;
  padding-left: 3px;
}
.cl-container.form-box .cl-inputbox.cl-disabled,
.cl-container.form-box .cl-searchinput.cl-disabled,
.cl-container.form-box .cl-numbereditor.cl-disabled,
.cl-container.form-box .cl-maskeditor.cl-disabled,
.cl-container.form-box .cl-dateinput.cl-disabled,
.cl-container.form-box .cl-fileinput.cl-disabled,
.cl-container.form-box .cl-textarea.cl-disabled,
.cl-container.form-box .cl-combobox.cl-disabled,
.cl-container.form-box .cl-inputbox.cl-readonly,
.cl-container.form-box .cl-searchinput.cl-readonly,
.cl-container.form-box .cl-numbereditor.cl-readonly,
.cl-container.form-box .cl-maskeditor.cl-readonly,
.cl-container.form-box .cl-dateinput.cl-readonly,
.cl-container.form-box .cl-fileinput.cl-readonly,
.cl-container.form-box .cl-textarea.cl-readonly,
.cl-container.form-box .cl-combobox.cl-readonly {
  color: #666;
}
.cl-container.form-box-unline {
  background-color: #ffffff;
  border: 1px solid #e8ecef;
  border-width: 2px 0px 1px 0px;
  /*border-top-color: @primary;*/
  border-radius: 0px;
}
.cl-container.form-box-unline .cl-output.label {
  color: #333333;
}
.cl-container.form-box-unline .cl-output.label.require {
  background-image: url("images/sub/table_th_req.png");
  background-size: 6px;
  background-position: right 6px top;
}
.cl-container.form-box-unline.cl-disabled {
  border-color: #eeeeee;
}
.cl-container.form-box-unline .h5 {
  background-color: #e5ebf5;
  font-weight: 700;
  padding-left: 3px;
}
.cl-container.form-box-unline .cl-inputbox.cl-disabled,
.cl-container.form-box-unline .cl-searchinput.cl-disabled,
.cl-container.form-box-unline .cl-numbereditor.cl-disabled,
.cl-container.form-box-unline .cl-maskeditor.cl-disabled,
.cl-container.form-box-unline .cl-dateinput.cl-disabled,
.cl-container.form-box-unline .cl-fileinput.cl-disabled,
.cl-container.form-box-unline .cl-textarea.cl-disabled,
.cl-container.form-box-unline .cl-combobox.cl-disabled,
.cl-container.form-box-unline .cl-inputbox.cl-readonly,
.cl-container.form-box-unline .cl-searchinput.cl-readonly,
.cl-container.form-box-unline .cl-numbereditor.cl-readonly,
.cl-container.form-box-unline .cl-maskeditor.cl-readonly,
.cl-container.form-box-unline .cl-dateinput.cl-readonly,
.cl-container.form-box-unline .cl-fileinput.cl-readonly,
.cl-container.form-box-unline .cl-textarea.cl-readonly,
.cl-container.form-box-unline .cl-combobox.cl-readonly {
  color: #666;
}
/************************************************
 * 조회 폼 
 ************************************************/
.cl-container.search-box {
  background-color: #ffffff;
}
.cl-container.search-box .cl-output.label {
  text-align: right;
  padding-right: 6px;
}
.cl-container.search-box .cl-output.label .cl-text:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-right: 5px;
  background-color: #91939b;
  vertical-align: 3px;
}
.cl-container.search-box .cl-output.label.require {
  background-image: url("images/sub/table_th_req.png");
  background-size: 6px;
  background-position: right top;
}
.cl-container.search-box .cl-inputbox,
.cl-container.search-box .cl-searchinput,
.cl-container.search-box .cl-numbereditor,
.cl-container.search-box .cl-maskeditor,
.cl-container.search-box .cl-dateinput,
.cl-container.search-box .cl-fileinput,
.cl-container.search-box .cl-textarea,
.cl-container.search-box .cl-combobox {
  border-width: 1px 1px 1px 1px;
  border-radius: 5px;
}
.cl-container.search-box .cl-inputbox.cl-disabled,
.cl-container.search-box .cl-searchinput.cl-disabled,
.cl-container.search-box .cl-numbereditor.cl-disabled,
.cl-container.search-box .cl-maskeditor.cl-disabled,
.cl-container.search-box .cl-dateinput.cl-disabled,
.cl-container.search-box .cl-fileinput.cl-disabled,
.cl-container.search-box .cl-textarea.cl-disabled,
.cl-container.search-box .cl-combobox.cl-disabled,
.cl-container.search-box .cl-inputbox.cl-readonly,
.cl-container.search-box .cl-searchinput.cl-readonly,
.cl-container.search-box .cl-numbereditor.cl-readonly,
.cl-container.search-box .cl-maskeditor.cl-readonly,
.cl-container.search-box .cl-dateinput.cl-readonly,
.cl-container.search-box .cl-fileinput.cl-readonly,
.cl-container.search-box .cl-textarea.cl-readonly,
.cl-container.search-box .cl-combobox.cl-readonly {
  border-radius: 3px;
  color: #666;
}
.btn-search-box-expand {
  -webkit-animation: spin 0.5s linear;
  -moz-animation: spin 0.5s linear;
  animation: spin 0.5s linear;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(180deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(180deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
/************************************************
 * grpTop영역 (AppTitle + grpSearch)
 ************************************************/
.cl-container.grp-top {
  padding: 0px 20px 10px;
}
/************************************************
 * grpData영역
 ************************************************/
.cl-container.grp-data {
  padding: 2px 20px;
}
/************************************************
 * grpFooter영역
 ************************************************/
.cl-container.grp-footer {
  bottom: 5px !important;
  padding-left: 15px;
  padding-right: 15px;
}
/************************************************
 * 메인 help
 ************************************************/
.cl-container.help-form .cl-output {
  font-weight: 400;
  font-size: 13px;
  color: #897c75;
}
.cl-container.help-form .cl-output.title .cl-text {
  padding-left: 10px;
}
.cl-container.help-form .cl-output.title .cl-text:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 2px;
  margin-top: -1px;
  background: #897c75;
}
.cl-container.help-form .cl-output.count {
  color: #e31f21;
  font-size: 16px;
  font-weight: 700;
}
.text-noti .cl-text {
  width: 160px;
  white-space: normal;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/************************************************
 * 문서 gallery
 ************************************************/
.cl-container.grp-gallery {
  border-radius: 7px;
  border: 1px solid #acacac;
}
.cl-container.grp-gallery-form {
  background: #f2fcfe;
  border: 1px solid #eaedf2;
}
.cl-container.grp-gallery-form .cl-text {
  color: #555555;
}
.cl-container.grp-gallery-form .label {
  font-weight: 600;
  letter-spacing: 0.2rem;
}
/************************************************
 * htmlsnippet 스크롤
 ************************************************/
.cl-htmlsnippet.overflow-auto {
  overflow: auto !important;
}
.cl-htmlsnippet.overflow-auto div {
  height: 96% !important;
}
/************************************************
 * 전자서명 form 
 ************************************************/
.cl-container.wrap.sub_visual {
  width: 100%;
  min-width: 1440px;
  height: 150px;
  background: url("images/sub/sub_visual.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.cl-container.wrap .cl-container.page_tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 104px;
  color: #fff;
}
.cl-container.wrap .cl-container.page_name {
  padding: 10px 0;
  padding-left: 184px;
  font-size: 20px;
  background: url("images/sub/sub_page_logo.png") no-repeat 0 50%;
}
.cl-container.wrap .cl-container.page_subtit {
  display: flex;
  align-items: center;
  width: 100%;
  height: 46px;
  padding: 0 20px;
  background: #2155A4;
}
.cl-container.wrap .cl-container.page_subtit .cl-output {
  font-size: 18px;
}
.cl-container.wrap .cl-container.page_subtit .cl-output.label_sel .cl-text {
  padding-left: 10px;
  color: #fff !important;
}
.cl-container.wrap .cl-container.page_subtit .cl-output.label_sel .cl-text:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 10px;
  background: #E31F21;
  vertical-align: middle;
}
.cl-container.wrap .cl-container.page_subtit .cl-output.label_nomal .cl-text {
  padding-left: 10px;
  color: #999999 !important;
}
.cl-container.wrap .cl-container.page_subtit .cl-output.label_nomal .cl-text:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 10px;
  vertical-align: middle;
}
.cl-container.wrap.cont_wrap {
  padding: 10px 10px 60px;
  border: 1px solid #DFE6F0;
  background: #fff;
}
.cl-container.wrap .cl-container.inner {
  width: 1440px;
  margin: 0 auto;
  padding: 0 15px;
}
.cl-container.wrap.footer {
  width: 100%;
  padding: 24px 0;
  text-align: center;
  font-weight: 300;
  font-size: 13px;
  color: #b1c4d7;
}
.invalid {
  border: 1px solid red !important;
}
/* 인풋 계열 공통 */
.cl-inputbox.required,
.cl-searchinput.required,
.cl-numbereditor.required,
.cl-maskeditor.required,
.cl-textarea.required,
.cl-dateinput.required,
.cl-combobox.required,
.cl-fileinput.required {
  border-color: #0b95ff;
}
.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: #acacac !important;
}
/* 인풋 계열 확장 */
.cl-numbereditor.required .cl-numbereditor-buttons:not(.cl-disabled) {
  border-left-color: #0b95ff;
}
.cl-fileinput.required:before {
  border-left-color: #0b95ff;
  background-color: #0b95ff;
  color: #ffffff;
}
.cl-linkedcombobox.required .cl-linkedcombobox-combo {
  border-color: #0b95ff;
}
/* 에러 상태 */
.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: #fdeeee;
  border-color: #e31f21;
}
.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: #acacac !important;
}
/* 인풋 계열 확장 */
.cl-numbereditor.danger .cl-numbereditor-buttons:not(.cl-disabled) {
  border-left-color: #e31f21;
}
.cl-fileinput.danger:before {
  border-left-color: #e31f21;
  background-color: #e31f21;
  color: #ffffff;
}
.cl-linkedcombobox.danger .cl-linkedcombobox-combo {
  background-color: #fdeeee;
  border-color: #e31f21;
}
.invalid {
  border: 1px solid red !important;
}
.tab-header-right {
  padding: 2px 0px 3px 0px;
}
/************************************************
 * 그리드 유틸
 ************************************************/
.cl-grid .cl-grid-header .cl-grid-cell.require {
  background-image: url("images/sub/table_th_req.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 6px;
}
.cl-grid .cl-grid-detail .cl-grid-row.bg-even-row {
  /* 짝수 로우 */
}
.cl-grid .cl-grid-detail .cl-grid-row.bg-even-row.cl-even-row {
  background-color: #FCFCFC;
}
.cl-grid .cl-grid-detail .cl-grid-row.bg-even-row:hover,
.cl-grid .cl-grid-detail .cl-grid-row.bg-even-row.cl-hover {
  background-color: transparent;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-rowgroup-header:hover,
.cl-grid .cl-grid-detail .cl-grid-row.cl-rowgroup-header.cl-hover {
  background-color: transparent;
  border-bottom: 2px solid #0b4696;
  color: #0B4696;
  box-shadow: none;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-rowgroup-footer:hover,
.cl-grid .cl-grid-detail .cl-grid-row.cl-rowgroup-footer.cl-hover {
  border-bottom: 2px solid #c0cee2;
  background: #F9FBFE;
  color: #333333;
  box-shadow: none;
}
.cl-grid .cl-grid-detail .cl-grid-row:hover,
.cl-grid .cl-grid-detail .cl-grid-row.cl-hover {
  background-color: transparent;
  color: #333333;
  /*box-shadow: inset 0px 0px 0px 1px #23b8f1, inset 0px -1px 0px 1px #23b8f1;*/
  box-shadow: inset 0px 0px 0px 1px #ef9f02, inset 0px -1px 0px 1px #ef9f02;
}
.cl-grid .cl-grid-detail .cl-grid-row:hover .cl-default-cell.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-hover .cl-default-cell.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row:hover .cl-inputbox.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-hover .cl-inputbox.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row:hover .cl-output.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-hover .cl-output.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row:hover .cl-maskeditor.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-hover .cl-maskeditor.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row:hover .cl-numbereditor.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-hover .cl-numbereditor.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row:hover .cl-dateinput.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-hover .cl-dateinput.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row:hover .cl-button.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-hover .cl-button.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row:hover .cl-textarea.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-hover .cl-textarea.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row:hover .cl-combobox.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-hover .cl-combobox.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row:hover .cl-treecell.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-hover .cl-treecell.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row:hover .cl-fileinput.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-hover .cl-fileinput.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row:hover .cl-searchinput.cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-hover .cl-searchinput.cl-disabled {
  box-shadow: inset 0px 0px 0px 0px #23b8f1, inset 0px 0px 0px 0px #23b8f1;
  border-radius: 0px;
}
/************************************************
 * 자동크기 그리드
 * - 페이지 인덱서 컨트롤과 함께 사용
 ************************************************/
.cl-grid.table-at .cl-grid-detail .cl-grid-row .cl-grid-cell {
  border-bottom: none;
}
.cl-container.dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  box-shadow: 0 3px 12px 1px rgba(44, 55, 130, 0.15);
}
.cl-container.dropdown-menu.dropdown-menu-s1 {
  border-top: 3px solid #897c75;
}
.cl-container.dropdown-menu.dropdown-menu-s2 {
  border-top: 3px solid #307bd8;
}