@charset "UTF-8";
/* 모든 컨트롤에 적용될 기본 폰트 */
/* 기본 텍스트 색상 */
/* disable 상태를 나타내는 텍스트 색상 */
/* 기본 보더 색상 */
/* 포커스 보더 색상 */
/* Disable 상태의 보더 색상. */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 마우스 호버시의 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 마우스 호버시의 배경 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 선택된 경우 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템이 선택된 경우 배경 색상 */
/* 내부에 아이템을 갖는 컨트롤이 Disabled된 경우, 각 아이템에 선택된 경우 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 Disabled된 경우, 각 아이템이 선택된 경우 배경 색상 */
/* 모든 UIControl 공통 스타일 */
.cl-control {
  font: 12px sans-serif;
  color: #222;
}
/* 넘버 에디터  */
.cl-numbereditor {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #222;
  border: 1px solid #cecfd3;
  background-color: #fff;
  background-image: none;
  /* 넘버 에디터 disabled 상태  */
}
.cl-numbereditor .cl-numbereditor-buttons {
  /* 넘버 에디터 스핀 업 버튼 */
  /* 넘버 에디터 스핀 다운 버튼 */
}
.cl-numbereditor:not(.cl-disabled) {
  /* 넘버 에디터 스핀 업 버튼 호버 */
  /* 넘버 에디터 스핀 업 버튼 액티브  */
  /* 넘버 에디터 스핀 다운 버튼 호버 */
  /* 넘버 에디터 스핀 다운 버튼 액티브 */
}
.cl-numbereditor.cl-disabled {
  border-color: #ddd;
  background-color: #ccc;
  color: #666;
}
/* 넘버 에디터 focus 상태 */
.cl-numbereditor.cl-focus {
  border-color: #44227a;
  /* 넘버 에디터 focus 상태 스핀 버튼 영역*/
}
.cl-numbereditor.cl-focus .cl-numbereditor-buttons {
  border-left-color: #44227a;
}
/* 데이트 인풋 */
.cl-dateinput {
  font-size: 12px;
  color: #222;
  border: 1px solid #cecfd3;
  text-align: left;
  /* 데이트 인풋 텍스트 */
  /* 데이트 인풋 버튼 */
}
.cl-dateinput .cl-text {
  color: #222;
  font-size: 12px;
}
.cl-dateinput .cl-dateinput-button {
  background-size: auto;
}
.cl-dateinput.cl-disabled {
  /* 데이트 인풋 disabled 상태 버튼 */
}
.cl-dateinput .cl-dateinput-spinbuttons {
  border: solid 1px red;
  width: 16px;
}
.cl-dateinput .cl-dateinput-spinbuttons .cl-dateinput-increase {
  background-image: url("image/sub/ico_date_prev.png");
}
.cl-dateinput:not(.cl-disabled) .cl-dateinput-increase:hover {
  color: #fff;
  border-radius: 1000px;
  background-color: #44227a;
  background-image: none;
}
.cl-dateinput:not(.cl-disabled) .cl-dateinput-increase:active {
  color: #fff;
  border-radius: 1000px;
  background-color: #44227a;
  background-image: none;
}
.cl-dateinput:not(.cl-disabled) .cl-dateinput-decrease:hover {
  color: #fff;
  border-radius: 1000px;
  background-color: #44227a;
  background-image: none;
}
.cl-dateinput:not(.cl-disabled) .cl-dateinput-decrease:active {
  color: #fff;
  border-radius: 1000px;
  background-color: #44227a;
  background-image: none;
}
/* 데이트 인풋 disabled 상태 */
.cl-dateinput.cl-disabled {
  color: #222;
  background-color: #fff;
  border-color: none;
  /* 데이트 인풋 disabled 상태 텍스트*/
}
.cl-dateinput.cl-disabled input[disabled] {
  color: #222;
}
/* 데이트 인풋 포커스 상태 */
.cl-dateinput.cl-focus {
  border: 1px solid #44227a;
}
.cl-dateinput.bgc_01 {
  background-color: #e8eaed;
}
/* 캘린더 */
.cl-calendar {
  border: 1px solid #44227a;
  background-color: #fff;
  /* 데이트인풋 등에 팝업으로 나타날때 스타일 */
  /* 캘린더 컨텐츠의 일, 월, 년 스타일*/
  /* 캘린더 컨텐츠 스타일*/
  /* 캘린더 푸터 */
  /* 캘린더 포커스 상태 */
}
.cl-calendar .cl-calendar-field {
  padding-bottom: 10px;
}
.cl-calendar .cl-calendar-field .cl-calendar-footer-wrapper {
  display: none;
}
.cl-calendar.cl-popup {
  box-shadow: none;
}
.cl-calendar.cl-popup.cl-calendar-year {
  width: 220px;
  height: 160px;
}
.cl-calendar.cl-popup.cl-calendar-month {
  width: 150px;
  height: 150px;
}
.cl-calendar.cl-popup.cl-calendar-day {
  width: 240px;
  height: 270px;
}
.cl-calendar.cl-popup .cl-calendar-field {
  padding-bottom: 10px;
}
.cl-calendar.cl-popup .cl-calendar-field .cl-calendar-footer-wrapper {
  display: none;
}
.cl-calendar:not(.cl-disabled) .cl-calendar-header-before:hover {
  /* 캘린더 이전 년도 버튼 호버 상태 */
  background-size: 8px 7px;
  background-image: url("image/sub/ico_date_first.png");
}
.cl-calendar:not(.cl-disabled) .cl-calendar-header-after:hover {
  /* 캘린더 이후 년도 버튼 호버 상태 */
  background-size: 8px 7px;
  background-image: url("image/sub/ico_date_first.png");
  transform: rotate(180deg);
}
.cl-calendar:not(.cl-disabled) .cl-calendar-header-prev:hover {
  /* 캘린더 이전 달 버튼 호버 상태 */
  background-size: 4px 7px;
  background-image: url("image/sub/ico_date_prev.png");
}
.cl-calendar:not(.cl-disabled) .cl-calendar-header-next:hover {
  /* 캘린더 다음 달 버튼 호버 상태 */
  background-size: 4px 7px;
  background-image: url("image/sub/ico_date_prev.png");
  transform: rotate(180deg);
}
.cl-calendar .cl-calendar-header {
  /* 캘린더 헤더 */
  position: relative;
  padding: 0;
  height: 37px;
  border: 1px solid #44227a;
  border-bottom: none;
  background-color: #44227a;
  color: #fff;
}
.cl-calendar .cl-calendar-header .cl-calendar-header-before {
  /* 캘린더 이전 년도 버튼 */
  position: absolute;
  top: 50%;
  left: 21px;
  margin-top: -10px;
  background-size: 8px 7px;
  background-image: url("image/sub/ico_date_first.png");
}
.cl-calendar .cl-calendar-header .cl-calendar-header-after {
  /* 캘린더 이후 년도 버튼 */
  position: absolute;
  top: 50%;
  right: 21px;
  margin-top: -10px;
  background-size: 8px 7px;
  background-image: url("image/sub/ico_date_first.png");
  transform: rotate(180deg);
}
.cl-calendar .cl-calendar-header .cl-calendar-header-prev {
  /* 캘린더 이전 달 버튼 */
  position: absolute;
  top: 50%;
  left: 38px;
  margin-top: -10px;
  background-size: 4px 7px;
  background-image: url("image/sub/ico_date_prev.png");
}
.cl-calendar .cl-calendar-header .cl-calendar-header-next {
  /* 캘린더 다음 달 버튼 */
  position: absolute;
  top: 50%;
  right: 38px;
  margin-top: -10px;
  background-size: 4px 7px;
  background-image: url("image/sub/ico_date_prev.png");
  transform: rotate(180deg);
}
.cl-calendar:not(.cl-disabled) .cl-calendar-content-day,
.cl-calendar:not(.cl-disabled) .cl-calendar-content-month,
.cl-calendar:not(.cl-disabled) .cl-calendar-content-year,
.cl-calendar:not(.cl-disabled) .cl-calendar-current,
.cl-calendar:not(.cl-disabled) .cl-other-month {
  padding: 0;
  height: 25px;
  background-size: 20px;
  box-shadow: none;
}
.cl-calendar:not(.cl-disabled) .cl-calendar-content-day:hover,
.cl-calendar:not(.cl-disabled) .cl-calendar-content-month:hover,
.cl-calendar:not(.cl-disabled) .cl-calendar-content-year:hover,
.cl-calendar:not(.cl-disabled) .cl-calendar-current:hover,
.cl-calendar:not(.cl-disabled) .cl-other-month:hover {
  /* 셀 호버 스타일 */
  background-size: 23px 23px;
  background-color: #44227a !important;
  box-shadow: none;
  color: white;
  border: none;
}
.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-calendar-current.cl-selected,
.cl-calendar:not(.cl-disabled) .cl-other-month.cl-selected {
  /* 선택된 날짜 셀 */
  background-size: 23px 23px;
  background-color: #44227a !important;
  box-shadow: none !important;
  color: #fff;
  border: none;
}
.cl-calendar .cl-calendar-content {
  /* 날짜 선택 모드시 날짜 스타일 */
}
.cl-calendar .cl-calendar-content .cl-calendar-content-header {
  height: 17px;
  color: #fff;
  background-color: #44227a;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-week {
  /* week of year의 스타일 */
}
.cl-calendar .cl-calendar-content th {
  font-weight: bold;
  color: #fff;
  background-color: #44227a;
}
.cl-calendar .cl-calendar-content td.cl-calendar-content-day {
  color: #222;
}
.cl-calendar .cl-calendar-content td.cl-calendar-content-day.cl-calendar-content-sun {
  /* 일요일 셀 */
  color: #555;
}
.cl-calendar .cl-calendar-content td.cl-calendar-content-day.cl-calendar-content-sat {
  /* 토요일 셀 */
  color: #555;
}
.cl-calendar .cl-calendar-content .cl-other-month {
  /* 이전 달 또는 다음 달의 날짜 */
  color: #333;
  background-color: #fff;
}
.cl-calendar .cl-calendar-content .cl-other-month:focus {
  /* 포커스 */
  background-size: 23px 23px;
  background-color: #44227a !important;
  box-shadow: none;
  color: white;
  border: 1px solid #44227a;
}
.cl-calendar .cl-calendar-content .cl-other-month.cl-selected {
  /* 선택된 날짜 셀 */
  background-size: 23px 23px;
  background-color: #44227a !important;
  box-shadow: none !important;
  color: white;
  border: 1px solid #44227a;
}
.cl-calendar .cl-calendar-content .cl-other-month.cl-disabled {
  background-color: #fff;
  color: #555;
  border: 1px solid #44227a;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-current {
  box-shadow: none;
}
.cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-defaultdate {
  background-color: #e8eaed !important;
  border: none;
  box-shadow: none;
  color: #555 !important;
}
.cl-calendar .cl-calendar-content td.cl-calendar-content-day,
.cl-calendar .cl-calendar-content td.cl-calendar-content-month,
.cl-calendar .cl-calendar-content td.cl-calendar-content-year {
  /* 기본 날짜 - 오늘 날짜 셀*/
}
.cl-calendar .cl-calendar-content td.cl-calendar-content-day.cl-calendar-defaultdate,
.cl-calendar .cl-calendar-content td.cl-calendar-content-month.cl-calendar-defaultdate,
.cl-calendar .cl-calendar-content td.cl-calendar-content-year.cl-calendar-defaultdate {
  background-color: #e8eaed !important;
  border: none;
  box-shadow: none;
  color: #555 !important;
}
.cl-calendar .cl-calendar-content td.cl-calendar-content-day.cl-calendar-current,
.cl-calendar .cl-calendar-content td.cl-calendar-content-month.cl-calendar-current,
.cl-calendar .cl-calendar-content td.cl-calendar-content-year.cl-calendar-current {
  box-shadow: none;
}
.cl-calendar:not(.cl-disabled) .cl-calendar-footer-text:hover {
  /* 캘린더 푸터 날짜 호버 스타일 */
  display: none;
}
.cl-calendar.cl-focus {
  border: 1px solid #44227a;
}
/* 캘린더 disabled 상태 */
.cl-calendar.cl-disabled {
  border: 1px solid red;
}
.cl-control.cl-dateinput .cl-dateinput-button {
  width: 24px;
  border-left: 1px solid #cecfd3;
  background-color: #f5f5f5;
  bakcground-size: 100%;
  background-image: url("image/sub/ico_calander.jpg");
}
/* crm 영업활동 캘린더 */
.crm_calendar {
  border: 1px solid #cecfd3;
}
.crm_calendar .crm_calendar_left {
  /* 캘린더 disabled 상태 */
}
.crm_calendar .crm_calendar_left .cl-calendar {
  border: none;
  background-color: #ffffff;
  /* 데이트인풋 등에 팝업으로 나타날때 스타일 */
  /* 캘린더 컨텐츠의 일, 월, 년 스타일*/
  /* 캘린더 컨텐츠 스타일*/
  /* 캘린더 푸터 */
  /* 캘린더 포커스 상태 */
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-field {
  padding-bottom: 10px;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-field .cl-calendar-footer-wrapper {
  display: none;
}
.crm_calendar .crm_calendar_left .cl-calendar.cl-popup {
  box-shadow: none;
}
.crm_calendar .crm_calendar_left .cl-calendar.cl-popup.cl-calendar-year {
  width: 220px;
  height: 160px;
}
.crm_calendar .crm_calendar_left .cl-calendar.cl-popup.cl-calendar-month {
  width: 150px;
  height: 150px;
}
.crm_calendar .crm_calendar_left .cl-calendar.cl-popup.cl-calendar-day {
  width: 240px;
  height: 270px;
}
.crm_calendar .crm_calendar_left .cl-calendar.cl-popup .cl-calendar-field {
  padding-bottom: 10px;
}
.crm_calendar .crm_calendar_left .cl-calendar.cl-popup .cl-calendar-field .cl-calendar-footer-wrapper {
  display: none;
}
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-header-before:hover {
  /* 캘린더 이전 년도 버튼 호버 상태 */
  background-size: 8px 7px;
  background-image: url("image/sub/ico_date_first2.png");
}
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-header-after:hover {
  /* 캘린더 이후 년도 버튼 호버 상태 */
  background-size: 8px 7px;
  background-image: url("image/sub/ico_date_first2.png");
  transform: rotate(180deg);
}
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-header-prev:hover {
  /* 캘린더 이전 달 버튼 호버 상태 */
  background-size: 4px 7px;
  background-image: url("image/sub/ico_date_prev2.png");
}
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-header-next:hover {
  /* 캘린더 다음 달 버튼 호버 상태 */
  background-size: 4px 7px;
  background-image: url("image/sub/ico_date_prev2.png");
  transform: rotate(180deg);
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-header {
  /* 캘린더 헤더 */
  position: relative;
  padding: 0;
  height: 37px;
  border: none;
  border-bottom: none;
  background-color: #ffffff;
  color: #222222;
  font-size: 14px;
  font-weight: bold;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-header .cl-calendar-header-before {
  /* 캘린더 이전 년도 버튼 */
  position: absolute;
  top: 50%;
  left: 157px;
  margin-top: -10px;
  background-size: 8px 7px;
  background-image: url("image/sub/ico_date_first2.png");
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-header .cl-calendar-header-after {
  /* 캘린더 이후 년도 버튼 */
  position: absolute;
  top: 50%;
  right: 157px;
  margin-top: -10px;
  background-size: 8px 7px;
  background-image: url("image/sub/ico_date_first2.png");
  transform: rotate(180deg);
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-header .cl-calendar-header-prev {
  /* 캘린더 이전 달 버튼 */
  position: absolute;
  top: 50%;
  left: 175px;
  margin-top: -10px;
  background-size: 4px 7px;
  background-image: url("image/sub/ico_date_prev2.png");
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-header .cl-calendar-header-next {
  /* 캘린더 다음 달 버튼 */
  position: absolute;
  top: 50%;
  right: 175px;
  margin-top: -10px;
  background-size: 4px 7px;
  background-image: url("image/sub/ico_date_prev2.png");
  transform: rotate(180deg);
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-header .cl-calendar-header-text:not(.cl-disabled):hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-header .cl-calendar-header-text:not(.cl-disabled).cl-hover {
  color: #222222;
  cursor: pointer;
}
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-content-day,
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-content-month,
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-content-year,
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-current,
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-other-month {
  padding: 0;
  height: 25px;
  background-size: 20px;
  box-shadow: none;
}
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-content-day:hover,
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-content-month:hover,
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-content-year:hover,
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-current:hover,
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-other-month:hover {
  /* 셀 호버 스타일 */
  background-size: 23px 23px;
  background-color: #ffffff !important;
  box-shadow: none;
  color: #222222;
  border: none;
}
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-content-day.cl-selected,
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-content-month.cl-selected,
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-content-year.cl-selected,
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-current.cl-selected,
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-other-month.cl-selected {
  /* 선택된 날짜 셀 */
  background-size: 23px 23px;
  background-color: #ffffff !important;
  box-shadow: none !important;
  color: #222222;
  border: none;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content {
  /* 날짜 선택 모드시 날짜 스타일 */
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-header {
  height: 17px;
  color: #222222 !important;
  background-color: #ffffff;
  font-weight: 600;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-week {
  /* week of year의 스타일 */
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content th {
  font-weight: bold;
  color: #fff;
  background-color: #00a88e;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content td.cl-calendar-content-day {
  color: #222;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content td.cl-calendar-content-day.cl-calendar-content-sun {
  /* 일요일 셀 */
  color: #e83939;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content td.cl-calendar-content-day.cl-calendar-content-sat {
  /* 토요일 셀 */
  color: #e83939;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-other-month {
  /* 이전 달 또는 다음 달의 날짜 */
  color: #b7b7b7;
  background-color: #fff;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-other-month:focus {
  /* 포커스 */
  background-size: 23px 23px;
  background-color: #b7b7b7 !important;
  box-shadow: none;
  color: white;
  border: none;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-other-month.cl-selected {
  /* 선택된 날짜 셀 */
  background-size: 23px 23px;
  background-color: #00a88e !important;
  box-shadow: none !important;
  color: white;
  border: none;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-other-month.cl-disabled {
  background-color: #fff;
  color: #555;
  border: none;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-other-month:hover {
  background-color: #ffffff !important;
  color: #b7b7b7;
  border: none;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-current {
  box-shadow: none;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-defaultdate {
  background-color: #ffffff !important;
  border: none;
  box-shadow: none;
  color: #555 !important;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-other-month {
  font-size: 16px !important;
  font-weight: 600;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-mon.schedule_r,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-tue.schedule_r,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-wed.schedule_r,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-thu.schedule_r,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-fri.schedule_r {
  position: relative;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-mon.schedule_r:after,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-tue.schedule_r:after,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-wed.schedule_r:after,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-thu.schedule_r:after,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-fri.schedule_r:after {
  content: '';
  position: absolute;
  top: 80%;
  left: 50%;
  width: 7px;
  height: 7px;
  margin: 0 0 0 -4.5px;
  background-color: #00a88e;
  border-radius: 10px;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-mon.schedule_r:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-tue.schedule_r:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-wed.schedule_r:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-thu.schedule_r:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-fri.schedule_r:hover {
  color: #e83939;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sat.schedule_r,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sun.schedule_r {
  position: relative;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sat.schedule_r:after,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sun.schedule_r:after {
  content: '';
  position: absolute;
  top: 80%;
  left: 50%;
  width: 7px;
  height: 7px;
  margin: 0 0 0 -4.5px;
  background-color: #00a88e;
  border-radius: 10px;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sat.schedule_r:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sun.schedule_r:hover {
  color: #e83939;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-mon.schedule_h,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-tue.schedule_h,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-wed.schedule_h,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-thu.schedule_h,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-fri.schedule_h {
  color: #e83939;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-mon.schedule_h:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-tue.schedule_h:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-wed.schedule_h:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-thu.schedule_h:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-fri.schedule_h:hover {
  color: #e83939;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-mon.schedule_b,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-tue.schedule_b,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-wed.schedule_b,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-thu.schedule_b,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-fri.schedule_b {
  position: relative;
  color: #222222;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-mon.schedule_b:after,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-tue.schedule_b:after,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-wed.schedule_b:after,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-thu.schedule_b:after,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-fri.schedule_b:after {
  content: '';
  position: absolute;
  top: 80%;
  left: 50%;
  width: 7px;
  height: 7px;
  margin: 0 0 0 -4.5px;
  background-color: #00a88e;
  border-radius: 10px;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-mon.schedule_b:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-tue.schedule_b:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-wed.schedule_b:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-thu.schedule_b:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-fri.schedule_b:hover {
  color: #222222;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content td.cl-calendar-content-day,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content td.cl-calendar-content-month,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content td.cl-calendar-content-year {
  /* 기본 날짜 - 오늘 날짜 셀*/
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content td.cl-calendar-content-day.cl-calendar-defaultdate,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content td.cl-calendar-content-month.cl-calendar-defaultdate,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content td.cl-calendar-content-year.cl-calendar-defaultdate {
  background-color: #e8eaed !important;
  border: none;
  box-shadow: none;
  color: #555 !important;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content td.cl-calendar-content-day.cl-calendar-current,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content td.cl-calendar-content-month.cl-calendar-current,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content td.cl-calendar-content-year.cl-calendar-current {
  box-shadow: none;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-defaultdate,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-month.cl-calendar-defaultdate,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-year.cl-calendar-defaultdate {
  color: #222222;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-month,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-year {
  font-size: 16px !important;
  font-weight: 600;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-sat,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-sun {
  color: #e83939;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-sat:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-sun:hover {
  color: #e83939;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-sat.cl-selected,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-sun.cl-selected {
  /* 선택된 날짜 셀 */
  background-size: 23px 23px;
  background-color: #ffffff !important;
  box-shadow: none !important;
  color: #e83939;
  border: none;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-mon.schedule_r.cl-selected,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-tue.schedule_r.cl-selected,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-wed.schedule_r.cl-selected,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-thu.schedule_r.cl-selected,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-fri.schedule_r.cl-selected {
  /* 선택된 날짜 셀 */
  background-size: 23px 23px;
  background-color: #ffffff !important;
  box-shadow: none !important;
  color: #e83939;
  border: none;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-mon.schedule_r:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-tue.schedule_r:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-wed.schedule_r:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-thu.schedule_r:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-fri.schedule_r:hover {
  color: #e83939;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-mon.schedule_b.cl-selected,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-tue.schedule_b.cl-selected,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-wed.schedule_b.cl-selected,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-thu.schedule_b.cl-selected,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-fri.schedule_b.cl-selected {
  /* 선택된 날짜 셀 */
  background-size: 23px 23px;
  background-color: #ffffff !important;
  box-shadow: none !important;
  color: #222222;
  border: none;
}
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-mon.schedule_b:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-tue.schedule_b:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-wed.schedule_b:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-thu.schedule_b:hover,
.crm_calendar .crm_calendar_left .cl-calendar .cl-calendar-content .cl-calendar-content-fri.schedule_b:hover {
  color: #222222;
}
.crm_calendar .crm_calendar_left .cl-calendar:not(.cl-disabled) .cl-calendar-footer-text:hover {
  /* 캘린더 푸터 날짜 호버 스타일 */
  display: none;
}
.crm_calendar .crm_calendar_left .cl-calendar.cl-focus {
  border: none;
}
.crm_calendar .crm_calendar_left .cl-calendar.cl-disabled {
  border: 1px solid red;
}
.crm_calendar .crm_calendar_left .cl-control.cl-dateinput .cl-dateinput-button {
  width: 24px;
  border-left: 1px solid #cecfd3;
  background-color: #f5f5f5;
  bakcground-size: 100%;
  background-image: url("image/sub/ico_calander.jpg");
}
.crm_calendar .crm_calendar_right {
  border-left: 1px solid #cecfd3;
}
/* crm 메인 캘린더 */
.crm_main_calendar {
  /* 캘린더 disabled 상태 */
}
.crm_main_calendar .cl-calendar {
  border: none;
  background-color: #ffffff;
  /* 데이트인풋 등에 팝업으로 나타날때 스타일 */
  /* 캘린더 컨텐츠의 일, 월, 년 스타일*/
  /* 캘린더 컨텐츠 스타일*/
  /* 캘린더 푸터 */
  /* 캘린더 포커스 상태 */
}
.crm_main_calendar .cl-calendar .cl-calendar-field {
  padding-bottom: 10px;
}
.crm_main_calendar .cl-calendar .cl-calendar-field .cl-calendar-footer-wrapper {
  display: none;
}
.crm_main_calendar .cl-calendar.cl-popup {
  box-shadow: none;
}
.crm_main_calendar .cl-calendar.cl-popup.cl-calendar-year {
  width: 220px;
  height: 160px;
}
.crm_main_calendar .cl-calendar.cl-popup.cl-calendar-month {
  width: 150px;
  height: 150px;
}
.crm_main_calendar .cl-calendar.cl-popup.cl-calendar-day {
  width: 240px;
  height: 270px;
}
.crm_main_calendar .cl-calendar.cl-popup .cl-calendar-field {
  padding-bottom: 10px;
}
.crm_main_calendar .cl-calendar.cl-popup .cl-calendar-field .cl-calendar-footer-wrapper {
  display: none;
}
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-header-before:hover {
  /* 캘린더 이전 년도 버튼 호버 상태 */
  background-size: 8px 7px;
  background-image: url("image/sub/ico_date_first2.png");
}
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-header-after:hover {
  /* 캘린더 이후 년도 버튼 호버 상태 */
  background-size: 8px 7px;
  background-image: url("image/sub/ico_date_first2.png");
  transform: rotate(180deg);
}
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-header-prev:hover {
  /* 캘린더 이전 달 버튼 호버 상태 */
  background-size: 4px 7px;
  background-image: url("image/sub/ico_date_prev2.png");
}
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-header-next:hover {
  /* 캘린더 다음 달 버튼 호버 상태 */
  background-size: 4px 7px;
  background-image: url("image/sub/ico_date_prev2.png");
  transform: rotate(180deg);
}
.crm_main_calendar .cl-calendar .cl-calendar-header {
  /* 캘린더 헤더 */
  position: relative;
  padding: 0;
  height: 37px;
  border: none;
  border-bottom: none;
  background-color: #ffffff;
  color: #222222;
  font-size: 14px;
  font-weight: bold;
}
.crm_main_calendar .cl-calendar .cl-calendar-header .cl-calendar-header-before {
  /* 캘린더 이전 년도 버튼 */
  position: absolute;
  top: 50%;
  left: 157px;
  margin-top: -10px;
  background-size: 8px 7px;
  background-image: url("image/sub/ico_date_first2.png");
}
.crm_main_calendar .cl-calendar .cl-calendar-header .cl-calendar-header-after {
  /* 캘린더 이후 년도 버튼 */
  position: absolute;
  top: 50%;
  right: 157px;
  margin-top: -10px;
  background-size: 8px 7px;
  background-image: url("image/sub/ico_date_first2.png");
  transform: rotate(180deg);
}
.crm_main_calendar .cl-calendar .cl-calendar-header .cl-calendar-header-prev {
  /* 캘린더 이전 달 버튼 */
  position: absolute;
  top: 50%;
  left: 175px;
  margin-top: -10px;
  background-size: 4px 7px;
  background-image: url("image/sub/ico_date_prev2.png");
}
.crm_main_calendar .cl-calendar .cl-calendar-header .cl-calendar-header-next {
  /* 캘린더 다음 달 버튼 */
  position: absolute;
  top: 50%;
  right: 175px;
  margin-top: -10px;
  background-size: 4px 7px;
  background-image: url("image/sub/ico_date_prev2.png");
  transform: rotate(180deg);
}
.crm_main_calendar .cl-calendar .cl-calendar-header .cl-calendar-header-text:not(.cl-disabled):hover,
.crm_main_calendar .cl-calendar .cl-calendar-header .cl-calendar-header-text:not(.cl-disabled).cl-hover {
  color: #222222;
  cursor: pointer;
}
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-content-day,
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-content-month,
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-content-year,
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-current,
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-other-month {
  padding: 0;
  height: 25px;
  background-size: 20px;
  box-shadow: none;
}
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-content-day:hover,
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-content-month:hover,
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-content-year:hover,
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-current:hover,
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-other-month:hover {
  /* 셀 호버 스타일 */
  background-size: 23px 23px;
  background-color: #ffffff !important;
  box-shadow: none;
  color: #222222;
  border: none;
}
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-content-day.cl-selected,
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-content-month.cl-selected,
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-content-year.cl-selected,
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-current.cl-selected,
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-other-month.cl-selected {
  /* 선택된 날짜 셀 */
  background-size: 23px 23px;
  background-color: #ffffff !important;
  box-shadow: none !important;
  color: #222222;
  border: none;
  font-weight: bold;
}
.crm_main_calendar .cl-calendar .cl-calendar-content {
  /* 날짜 선택 모드시 날짜 스타일 */
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-header {
  height: 17px;
  color: #222222;
  background-color: #ffffff;
  padding-top: 0;
  font-weight: 600;
  border-bottom: 1px solid #e8eaed;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-week {
  /* week of year의 스타일 */
}
.crm_main_calendar .cl-calendar .cl-calendar-content th {
  font-weight: bold;
  color: #fff;
  background-color: #00a88e;
}
.crm_main_calendar .cl-calendar .cl-calendar-content td.cl-calendar-content-day {
  color: #222;
}
.crm_main_calendar .cl-calendar .cl-calendar-content td.cl-calendar-content-day.cl-calendar-content-sun {
  /* 일요일 셀 */
  color: #e83939;
}
.crm_main_calendar .cl-calendar .cl-calendar-content td.cl-calendar-content-day.cl-calendar-content-sat {
  /* 토요일 셀 */
  color: #e83939;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-other-month {
  /* 이전 달 또는 다음 달의 날짜 */
  color: #555555;
  background-color: #fff;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-other-month:focus {
  /* 포커스 */
  background-size: 23px 23px;
  background-color: #b7b7b7 !important;
  box-shadow: none;
  color: white;
  border: none;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-other-month.cl-selected {
  /* 선택된 날짜 셀 */
  background-size: 23px 23px;
  background-color: #00a88e !important;
  box-shadow: none !important;
  color: white;
  border: none;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-other-month.cl-disabled {
  background-color: #fff;
  color: #555;
  border: none;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-other-month:hover {
  background-color: #ffffff !important;
  color: #555555;
  border: none;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-current {
  box-shadow: none;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-defaultdate {
  background-color: #ffffff !important;
  border: none;
  box-shadow: none;
  color: #555 !important;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-other-month {
  font-size: 12px !important;
  font-weight: 400;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-mon.schedule_r,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-tue.schedule_r,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-wed.schedule_r,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-thu.schedule_r,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-fri.schedule_r {
  position: relative;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-mon.schedule_r:after,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-tue.schedule_r:after,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-wed.schedule_r:after,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-thu.schedule_r:after,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-fri.schedule_r:after {
  content: '';
  position: absolute;
  top: 80%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: 0 0 0 -2.5px;
  background-color: #00a88e;
  border-radius: 10px;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-mon.schedule_r:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-tue.schedule_r:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-wed.schedule_r:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-thu.schedule_r:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-fri.schedule_r:hover {
  color: #e83939;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sat.schedule_r,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sun.schedule_r {
  position: relative;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sat.schedule_r:after,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sun.schedule_r:after {
  content: '';
  position: absolute;
  top: 80%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: 0 0 0 -2.5px;
  background-color: #00a88e;
  border-radius: 10px;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sat.schedule_r:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-sun.schedule_r:hover {
  color: #e83939;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-mon.schedule_b,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-tue.schedule_b,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-wed.schedule_b,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-thu.schedule_b,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-fri.schedule_b {
  position: relative;
  color: #222222;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-mon.schedule_b:after,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-tue.schedule_b:after,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-wed.schedule_b:after,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-thu.schedule_b:after,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-fri.schedule_b:after {
  content: '';
  position: absolute;
  top: 80%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: 0 0 0 -2.5px;
  background-color: #00a88e;
  border-radius: 10px;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-mon.schedule_b:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-tue.schedule_b:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-wed.schedule_b:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-thu.schedule_b:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-content-fri.schedule_b:hover {
  color: #222222;
}
.crm_main_calendar .cl-calendar .cl-calendar-content td.cl-calendar-content-day,
.crm_main_calendar .cl-calendar .cl-calendar-content td.cl-calendar-content-month,
.crm_main_calendar .cl-calendar .cl-calendar-content td.cl-calendar-content-year {
  /* 기본 날짜 - 오늘 날짜 셀*/
}
.crm_main_calendar .cl-calendar .cl-calendar-content td.cl-calendar-content-day.cl-calendar-defaultdate,
.crm_main_calendar .cl-calendar .cl-calendar-content td.cl-calendar-content-month.cl-calendar-defaultdate,
.crm_main_calendar .cl-calendar .cl-calendar-content td.cl-calendar-content-year.cl-calendar-defaultdate {
  background-color: #e8eaed !important;
  border: none;
  box-shadow: none;
  color: #555 !important;
}
.crm_main_calendar .cl-calendar .cl-calendar-content td.cl-calendar-content-day.cl-calendar-current,
.crm_main_calendar .cl-calendar .cl-calendar-content td.cl-calendar-content-month.cl-calendar-current,
.crm_main_calendar .cl-calendar .cl-calendar-content td.cl-calendar-content-year.cl-calendar-current {
  box-shadow: none;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-defaultdate,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-month.cl-calendar-defaultdate,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-year.cl-calendar-defaultdate {
  color: #222222;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-month,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-year {
  font-size: 16px !important;
  font-weight: 600;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-sat,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-sun {
  color: #e83939;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-sat:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-sun:hover {
  color: #e83939;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-sat.cl-selected,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-sun.cl-selected {
  /* 선택된 날짜 셀 */
  background-size: 23px 23px;
  background-color: #ffffff !important;
  box-shadow: none !important;
  color: #e83939;
  border: none;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-sat.cl-disabled.cl-calendar-content-header,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-sun.cl-disabled.cl-calendar-content-header {
  color: #222222;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-mon.schedule_r.cl-selected,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-tue.schedule_r.cl-selected,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-wed.schedule_r.cl-selected,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-thu.schedule_r.cl-selected,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-fri.schedule_r.cl-selected {
  /* 선택된 날짜 셀 */
  background-size: 23px 23px;
  background-color: #ffffff !important;
  box-shadow: none !important;
  color: #e83939;
  border: none;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-mon.schedule_r:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-tue.schedule_r:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-wed.schedule_r:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-thu.schedule_r:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-fri.schedule_r:hover {
  color: #e83939;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-mon.schedule_b.cl-selected,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-tue.schedule_b.cl-selected,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-wed.schedule_b.cl-selected,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-thu.schedule_b.cl-selected,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-fri.schedule_b.cl-selected {
  /* 선택된 날짜 셀 */
  background-size: 23px 23px;
  background-color: #ffffff !important;
  box-shadow: none !important;
  color: #222222;
  border: none;
}
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-mon.schedule_b:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-tue.schedule_b:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-wed.schedule_b:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-thu.schedule_b:hover,
.crm_main_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-fri.schedule_b:hover {
  color: #222222;
}
.crm_main_calendar .cl-calendar:not(.cl-disabled) .cl-calendar-footer-text:hover {
  /* 캘린더 푸터 날짜 호버 스타일 */
  display: none;
}
.crm_main_calendar .cl-calendar.cl-focus {
  border: none;
}
.crm_main_calendar .cl-calendar.cl-disabled {
  border: 1px solid red;
}
.crm_main_calendar .cl-control.cl-dateinput .cl-dateinput-button {
  width: 24px;
  border-left: 1px solid #cecfd3;
  background-color: #f5f5f5;
  bakcground-size: 100%;
  background-image: url("image/sub/ico_calander.jpg");
}
/* 리스트 박스 */
.cl-listbox {
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #cecfd3;
  color: #222;
  /* 리스트 박스 내 아이템 목록 박스 */
}
.cl-listbox .cl-listbox-list {
  /* 아이템 목록 박스 내 각 아이템 */
}
.cl-listbox .cl-listbox-list .cl-listbox-item {
  /* 아이템 드래그시 아이템의 마우스가 아래에 위치할때 표시 */
  /* 아이템 드래그시 아이템의 마우스가 위에 위치할때 표시 */
  /* 선탹된 아이템 */
  /* 아이템 텍스트 */
}
.cl-listbox .cl-listbox-list .cl-listbox-item.cl-selected {
  color: #fff;
  background-color: #44227a;
}
.cl-listbox:not(.cl-disabled) .cl-listbox-item:not(.cl-disabled):not(.cl-selected) {
  /* 포커스된 아이템 */
  /* 호버된 아이템 */
}
.cl-listbox:not(.cl-disabled) .cl-listbox-item:not(.cl-disabled):not(.cl-selected):focus {
  color: #fff;
  background-color: #44227a;
}
.cl-listbox:not(.cl-disabled) .cl-listbox-item:not(.cl-disabled):not(.cl-selected):hover {
  color: #fff;
  background-color: #44227a;
}
/* disabled 상태 */
.cl-listbox.cl-disabled {
  color: #222;
  /* disabled 상태에서 선택된 아이템들 */
}
.cl-listbox.cl-disabled .cl-listbox-item.cl-selected {
  color: #fff;
  background-color: #44227a;
}
/* 포커스 상태 */
.cl-listbox.cl-focus {
  border: 1px solid #44227a;
}
/* 링크드 리스트 박스 루트 */
.cl-linkedlistbox {
  font: 12px sans-serif;
  color: #222;
  /* 리스트 박스 */
  /* 링크드리스트박스 disabled 상태*/
}
.cl-linkedlistbox .cl-linkedlistbox-listbox {
  /* 리스트 박스 헤더 */
  /* 리스트 박스 리스트 */
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-header {
  border: 1px solid #bbb;
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list {
  border: 1px solid #bbb;
  background-color: white;
  /* 리스트 박스 리스트 아이템 */
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list .cl-linkedlistbox-item {
  /* 아이템 드래그시 아이템의 마우스가 아래에 위치할때 표시 */
  /* 아이템 드래그시 아이템의 마우스가 위에 위치할때 표시 */
  /* 리스트 박스 리스트 아이템 텍스트 */
  /* 리스트 박스 리스트 아이템 리프 아이콘 */
  /* 리스트 박스 리스트 아이템 드릴다운 아이콘 */
  /* 리스트 박스 리스트 아이템 - disabled 상태 */
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list .cl-linkedlistbox-item.cl-disabled {
  color: #666;
  /* 리스트 박스 리스트 아이템 - 선택됨, disabled 상태 */
}
.cl-linkedlistbox .cl-linkedlistbox-listbox .cl-linkedlistbox-list .cl-linkedlistbox-item.cl-disabled.cl-selected {
  background-color: #ccc;
}
.cl-linkedlistbox.cl-focus {
  /* 리스트 박스 헤더 - 포커스 상태 */
  /* 리스트 박스 리스트 - 포커스 상태 */
}
.cl-linkedlistbox.cl-focus .cl-linkedlistbox-header {
  border-color: #44227a;
}
.cl-linkedlistbox.cl-focus .cl-linkedlistbox-list {
  border-color: #44227a;
}
.cl-linkedlistbox:not(.cl-disabled) .cl-linkedlistbox-item:not(.cl-disabled) {
  cursor: pointer;
  /* 아이템 호버 스타일 */
  /* 선택된 아이템 스타일 */
}
.cl-linkedlistbox:not(.cl-disabled) .cl-linkedlistbox-item:not(.cl-disabled):hover,
.cl-linkedlistbox:not(.cl-disabled) .cl-linkedlistbox-item:not(.cl-disabled):focus {
  color: #333435;
  background-color: #DAEFFC;
}
.cl-linkedlistbox:not(.cl-disabled) .cl-linkedlistbox-item:not(.cl-disabled).cl-selected {
  color: #FFFFFF;
  background-color: #208AED;
  /* 선택된 아이템 드릴 다운 아이콘 */
}
.cl-menu.context_menu .cl-menu-list .cl-menu-item.cl-hover {
  background-color: #44227a;
  color: #fff;
}
.cl-menu {
  /* 메뉴 리스트 */
}
.cl-menu .cl-menu-list {
  border: 1px solid #44227a;
  /* 메뉴 아이템 */
}
.cl-menu .cl-menu-list .cl-menu-item {
  color: #222;
  /* 메뉴 아이템 아이콘 */
  /* 메뉴 아이템 텍스트 */
  /* 메뉴 아이템 단축키 */
  /* 서브 메뉴 */
  /* 메뉴 아이템 - 호버 */
  /* 메뉴 아이템 - disabled */
  /* 메뉴 아이템 - 선택됨 */
}
.cl-menu .cl-menu-list .cl-menu-item .cl-menu-arrow {
  /* 메뉴 아이템 드릴다운 아이콘 */
}
.cl-menu .cl-menu-list .cl-menu-item .cl-sub {
  border: 1px solid #44227a;
}
.cl-menu .cl-menu-list .cl-menu-item.cl-hover {
  background-color: #44227a;
  color: #fff;
}
.cl-menu .cl-menu-list .cl-menu-item.cl-disabled {
  color: #222;
  /* 메뉴 아이템 - 선택됨, disabled */
}
.cl-menu .cl-menu-list .cl-menu-item.cl-disabled.cl-selected {
  color: #fff;
  background-color: #44227a;
}
.cl-menu .cl-menu-list .cl-menu-item.cl-selected {
  background-color: #208AED;
  color: #FFFFFF;
  /* 메뉴 아이템 드릴다운 아이콘 - 선택됨 */
}
.cl-menu.cl-focus {
  /* 메뉴 리스트 - 포커스 */
}
.cl-menu.cl-focus .cl-menu-list {
  border-color: #44227a;
}
.cl-menu.cl-disabled {
  /* 메뉴 아이템 - disabled */
}
.cl-menu.cl-disabled .cl-menu-item {
  color: #666;
  /* 메뉴 아이템 - disabled, 선택됨 */
}
.cl-menu.cl-disabled .cl-menu-item.cl-selected {
  background-color: #ccc;
  color: #777;
  /* 메뉴 아이템 드릴다운 아이콘 - disabled */
}
/* 파일 업로드 루트 */
.cl-fileupload {
  color: #222;
  border: 1px solid #cecfd3;
  background-color: #fff;
  /* 파일 업로드 내 텍스트 */
  /* 파일 업로드 디테일 영역 */
  /* 푸터 */
  /* 파일 업로드 체크 박스 */
}
.cl-fileupload .cl-fileupload-header {
  /* 헤더 */
  background-color: #fff;
  background-image: none;
  border-bottom: 1px solid #cecfd3;
  /* 헤더내 체크 박스 */
  /* 파일명 헤더 컬럼 */
  /* 파일 크기 헤더 컬럼 */
}
.cl-fileupload .cl-fileupload-header .cl-fileupload-checkheader {
  border-right: none;
}
.cl-fileupload .cl-fileupload-header .cl-fileupload-sizeheader {
  border-left: none;
}
.cl-fileupload .cl-fileupload-detail {
  /* 각 파일 행 */
}
.cl-fileupload .cl-fileupload-detail .cl-fileupload-file {
  /* 체크 박스 컬럼 */
  /* 파일 아이콘 */
  /* 피일 이름 */
  /* 파일 크기 */
}
.cl-fileupload .cl-fileupload-footer {
  height: 28px;
  border-top: 1px solid #cecfd3;
  /* 푸터 텍스트 */
  /* 푸터 내 버튼 영역 */
}
.cl-fileupload .cl-fileupload-footer .cl-text {
  font-size: 12px;
  color: #222;
}
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons {
  /* 푸터 내 버튼 */
}
.cl-fileupload .cl-fileupload-footer .cl-fileupload-buttons .cl-fileupload-button {
  background-image: none;
  background-color: #fff;
  border: 1px solid #cecfd3;
  border-radius: 0;
  font-weight: 600;
  color: #222;
}
.cl-fileupload .cl-fileupload-checkbox {
  width: 15px;
  height: 15px;
  border: 1px solid #cecfd3;
  box-shadow: none;
  background-image: none;
  background-color: transparent;
  /* 선택된 파일 업로드 체크 박스 */
}
.cl-fileupload .cl-fileupload-checkbox.cl-checked {
  background-image: url("image/sub/ico_checkbox.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.cl-fileupload:not(.cl-disabled) {
  /* 파일 - 호버 상태 */
  /* 파일 업로드 버튼 - 호버 상태 */
}
.cl-fileupload:not(.cl-disabled) .cl-fileupload-file:hover {
  border: none;
  background-color: transparent;
}
.cl-fileupload:not(.cl-disabled) .cl-fileupload-button:hover {
  background-color: none;
}
/* 버튼 */
.cl-button {
  font-size: 13px;
  font-weight: 600;
  color: #000;
  background-image: none;
  border-radius: 0;
  border: none;
  text-shadow: none;
  /* 텍스트 스타일 */
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼이 포커스를 가졌을 때의 스타일 */
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-button:not(.cl-disabled):hover {
  background-color: transparent;
  background-image: none;
  background-gradient: none;
  color: #222;
  text-shadow: none;
  border: none;
}
.cl-button:focus,
.cl-button.cl-focus {
  background-color: transparent;
  background-image: none;
  text-shadow: none;
  border: none;
}
.cl-button:not(.cl-disabled).cl-active,
.cl-button:not(.cl-disabled):active {
  background-color: transparent;
  background-image: none;
  text-shadow: none;
  border: none;
}
/* Disable 상태의 버튼 */
/**  login button  **/
.btn_login {
  color: #fff;
  font-size: 20px;
  border: none;
  background-color: #44227a;
}
.btn_login:not(.cl-selected):hover,
.btn_login:not(.cl-selected).cl-hover {
  color: #fff;
  border: none;
  background-color: #44227a;
}
.btn_login:not(.cl-disabled).cl-active,
.btn_login:not(.cl-disabled):active {
  color: #fff;
  border: none;
  background-color: #44227a;
}
.btn_login:focus,
.btn_login.cl-focus {
  color: #fff;
  border: none;
  background-color: #44227a;
}
.btn_signup {
  color: #555;
  text-align: left;
  font-size: 13px;
  font-weight: 500;
  border: none;
  background-image: url("image/common/ico_btn.png");
  background-repeat: no-repeat;
  background-position: right;
  background-color: transparent;
}
.btn_signup:not(.cl-selected):hover,
.btn_signup:not(.cl-selected).cl-hover {
  background-image: url("image/common/ico_btn.png");
}
.btn_signup:not(.cl-disabled).cl-active,
.btn_signup:not(.cl-disabled):active {
  background-image: url("image/common/ico_btn.png");
}
.btn_signup:focus,
.btn_signup.cl-focus {
  background-image: url("image/common/ico_btn.png");
}
.btn_search {
  padding-left: 18px;
  box-sizing: border-box;
  background-image: url("image/sub/ico_search.png");
  background-repeat: no-repeat;
  background-position: 9px center;
  text-align: center;
}
.btn_search:not(.cl-selected):hover,
.btn_search:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_search.png");
  background-position: 9px center;
}
.btn_search:not(.cl-disabled).cl-active,
.btn_search:not(.cl-disabled):active {
  background-image: url("image/sub/ico_search.png");
  background-position: 9px center;
}
.btn_search:focus,
.btn_search.cl-focus {
  background-image: url("image/sub/ico_search.png");
  background-position: 9px center;
}
.btn_manual {
  border: none;
  background-color: transparent;
  background-image: url("image/sub/ico_manual.png");
  background-repeat: no-repeat;
  background-position: right;
  color: #222;
  text-shadow: none;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}
.btn_manual:not(.cl-selected):hover,
.btn_manual:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_manual.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_manual:not(.cl-disabled).cl-active,
.btn_manual:not(.cl-disabled):active {
  background-image: url("image/sub/ico_manual.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_manual:focus,
.btn_manual.cl-focus {
  background-image: url("image/sub/ico_manual.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_excel {
  border: none;
  background-color: transparent;
  background-image: url("image/sub/ico_excel.png");
  background-repeat: no-repeat;
  background-position: right;
  color: #222;
  text-shadow: none;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
}
.btn_excel:not(.cl-selected):hover,
.btn_excel:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_excel.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_excel:not(.cl-disabled).cl-active,
.btn_excel:not(.cl-disabled):active {
  background-image: url("image/sub/ico_excel.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_excel:focus,
.btn_excel.cl-focus {
  background-image: url("image/sub/ico_excel.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_excel2 {
  border: none;
  background-color: transparent;
  background-image: url("image/sub/ico_excel2.png");
  background-repeat: no-repeat;
  background-position: right;
  color: #222;
  text-shadow: none;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
}
.btn_excel2:not(.cl-selected):hover,
.btn_excel2:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_excel2.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_excel2:not(.cl-disabled).cl-active,
.btn_excel2:not(.cl-disabled):active {
  background-image: url("image/sub/ico_excel2.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_excel2:focus,
.btn_excel2.cl-focus {
  background-image: url("image/sub/ico_excel2.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_uploard {
  border: none;
  background-color: transparent;
  background-image: url("image/sub/ico_uploard.png");
  background-repeat: no-repeat;
  background-position: right;
  color: #222;
  text-shadow: none;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
}
.btn_uploard:not(.cl-selected):hover,
.btn_uploard:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_uploard.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_uploard:not(.cl-disabled).cl-active,
.btn_uploard:not(.cl-disabled):active {
  background-image: url("image/sub/ico_uploard.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_uploard:focus,
.btn_uploard.cl-focus {
  background-image: url("image/sub/ico_uploard.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_time {
  border: none;
  background-color: transparent;
  background-image: url("image/sub/ico_time.png");
  background-repeat: no-repeat;
  background-size: 19px;
  background-position: right;
  color: #222;
  text-shadow: none;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
}
.btn_time:not(.cl-selected):hover,
.btn_time:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_time.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_time:not(.cl-disabled).cl-active,
.btn_time:not(.cl-disabled):active {
  background-image: url("image/sub/ico_time.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_time:focus,
.btn_time.cl-focus {
  background-image: url("image/sub/ico_time.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_copy {
  border: none;
  background-color: transparent;
  background-image: url("image/sub/ico_copy.png");
  background-repeat: no-repeat;
  background-position: right;
  color: #222;
  text-shadow: none;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
}
.btn_copy:not(.cl-selected):hover,
.btn_copy:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_copy.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_copy:not(.cl-disabled).cl-active,
.btn_copy:not(.cl-disabled):active {
  background-image: url("image/sub/ico_copy.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_copy:focus,
.btn_copy.cl-focus {
  background-image: url("image/sub/ico_copy.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_print2 {
  border: none;
  background-color: transparent;
  background-image: url("image/sub/ico_print2.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right;
  color: #222;
  text-shadow: none;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
}
.btn_print2:not(.cl-selected):hover,
.btn_print2:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_print2.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_print2:not(.cl-disabled).cl-active,
.btn_print2:not(.cl-disabled):active {
  background-image: url("image/sub/ico_print2.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_print2:focus,
.btn_print2.cl-focus {
  background-image: url("image/sub/ico_print2.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_mail {
  border: none;
  background-color: transparent;
  background-image: url("image/sub/ico_mail.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right;
  color: #222;
  text-shadow: none;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
}
.btn_mail:not(.cl-selected):hover,
.btn_mail:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_mail.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_mail:not(.cl-disabled).cl-active,
.btn_mail:not(.cl-disabled):active {
  background-image: url("image/sub/ico_mail.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_mail:focus,
.btn_mail.cl-focus {
  background-image: url("image/sub/ico_mail.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_copy2 {
  border: none;
  background-color: transparent;
  background-image: url("image/sub/ico_copy2.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right;
  color: #222;
  text-shadow: none;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
}
.btn_copy2:not(.cl-selected):hover,
.btn_copy2:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_copy2.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_copy2:not(.cl-disabled).cl-active,
.btn_copy2:not(.cl-disabled):active {
  background-image: url("image/sub/ico_copy2.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_copy2:focus,
.btn_copy2.cl-focus {
  background-image: url("image/sub/ico_copy2.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_change {
  border: none;
  background-color: transparent;
  background-image: url("image/sub/ico_change.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right;
  color: #222;
  text-shadow: none;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
}
.btn_change:not(.cl-selected):hover,
.btn_change:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_change.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_change:not(.cl-disabled).cl-active,
.btn_change:not(.cl-disabled):active {
  background-image: url("image/sub/ico_change.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_change:focus,
.btn_change.cl-focus {
  background-image: url("image/sub/ico_change.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_card {
  border: none;
  background-color: transparent;
  background-image: url("image/sub/ico_card.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right;
  color: #222;
  text-shadow: none;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
}
.btn_card:not(.cl-selected):hover,
.btn_card:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_card.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_card:not(.cl-disabled).cl-active,
.btn_card:not(.cl-disabled):active {
  background-image: url("image/sub/ico_card.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_card:focus,
.btn_card.cl-focus {
  background-image: url("image/sub/ico_card.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_biz {
  border: none;
  background-color: transparent;
  background-image: url("image/sub/ico_biz.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right;
  color: #222;
  text-shadow: none;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
}
.btn_biz:not(.cl-selected):hover,
.btn_biz:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_biz.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_biz:not(.cl-disabled).cl-active,
.btn_biz:not(.cl-disabled):active {
  background-image: url("image/sub/ico_biz.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_biz:focus,
.btn_biz.cl-focus {
  background-image: url("image/sub/ico_biz.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_line_plus {
  border: none;
  background-color: #fff;
  background-image: url("image/sub/ico_line_plus.png");
  background-repeat: no-repeat;
  background-position: right;
  color: #222;
  text-align: left;
  text-shadow: none;
  font-size: 13px;
  font-weight: 600;
}
.btn_line_plus:not(.cl-selected):hover,
.btn_line_plus:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_line_plus.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_line_plus:not(.cl-disabled).cl-active,
.btn_line_plus:not(.cl-disabled):active {
  background-image: url("image/sub/ico_line_plus.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_line_plus:focus,
.btn_line_plus.cl-focus {
  background-image: url("image/sub/ico_line_plus.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_line_minus {
  border: none;
  background-color: #fff;
  background-image: url("image/sub/ico_line_minus.png");
  background-repeat: no-repeat;
  background-position: right;
  color: #222;
  text-align: left;
  text-shadow: none;
  font-size: 13px;
  font-weight: 600;
}
.btn_line_minus:not(.cl-selected):hover,
.btn_line_minus:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_line_minus.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_line_minus:not(.cl-disabled).cl-active,
.btn_line_minus:not(.cl-disabled):active {
  background-image: url("image/sub/ico_line_minus.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_line_minus:focus,
.btn_line_minus.cl-focus {
  background-image: url("image/sub/ico_line_minus.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_line_delete {
  border: none;
  background-color: #fff;
  background-image: url("image/sub/ico_line_delete.png");
  background-repeat: no-repeat;
  background-position: right;
  color: #222;
  text-align: left;
  text-shadow: none;
  font-size: 13px;
  font-weight: 600;
}
.btn_line_delete:not(.cl-selected):hover,
.btn_line_delete:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_line_delete.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_line_delete:not(.cl-disabled).cl-active,
.btn_line_delete:not(.cl-disabled):active {
  background-image: url("image/sub/ico_line_delete.png");
  background-color: transparent;
  color: #222;
  border: none;
}
.btn_line_delete:focus,
.btn_line_delete.cl-focus {
  background-image: url("image/sub/ico_line_delete.png");
  background-color: transparent;
  color: #222;
  border: none;
}
/**  공통 버튼 css  **/
.btn_mint {
  color: #fff;
  border: 1px solid #341c5b;
  background-color: #44227a;
}
.btn_mint:not(.cl-selected):hover,
.btn_mint:not(.cl-selected).cl-hover {
  color: #fff;
  border: 1px solid #341c5b;
  background-color: #44227a;
}
.btn_mint:not(.cl-disabled).cl-active,
.btn_mint:not(.cl-disabled):active {
  color: #fff;
  border: 1px solid #341c5b;
  background-color: #44227a;
}
.btn_mint:focus,
.btn_mint.cl-focus {
  color: #fff;
  border: 1px solid #341c5b;
  background-color: #44227a;
}
.btn_mint.cl-disabled {
  color: #fff;
  border: 1px solid #341c5b;
  background-color: #44227a;
}
.btn_mint.cl-disabled:not(.cl-selected):hover,
.btn_mint.cl-disabled:not(.cl-selected).cl-hover {
  color: #fff;
  border: 1px solid #341c5b;
  background-color: #44227a;
}
.btn_mint.cl-disabled:not(.cl-disabled).cl-active,
.btn_mint.cl-disabled:not(.cl-disabled):active {
  color: #fff;
  border: 1px solid #341c5b;
  background-color: #44227a;
}
.btn_mint.cl-disabled:focus,
.btn_mint.cl-disabled.cl-focus {
  color: #fff;
  border: 1px solid #341c5b;
  background-color: #44227a;
}
.btn_bordermint {
  color: #341c5b;
  border: 1px solid #341c5b;
  background-color: #fff;
}
.btn_bordermint:not(.cl-selected):hover,
.btn_bordermint:not(.cl-selected).cl-hover {
  color: #341c5b;
  border: 1px solid #341c5b;
  background-color: #fff;
}
.btn_bordermint:not(.cl-disabled).cl-active,
.btn_bordermint:not(.cl-disabled):active {
  color: #341c5b;
  border: 1px solid #341c5b;
  background-color: #fff;
}
.btn_bordermint:focus,
.btn_bordermint.cl-focus {
  color: #341c5b;
  border: 1px solid #341c5b;
  background-color: #fff;
}
.cl-button.btn_blue {
  background-color: #333645;
  color: #bbc1c8;
  border-top: 1px solid #1f222d;
  border-right: 1px solid #1f222d;
  border-bottom: 1px solid #1f222d;
}
.cl-button.btn_blue .cl-text {
  letter-spacing: -1px;
  font-size: 12px !important;
}
.cl-button.btn_blue:not(.cl-disabled).cl-hover,
.cl-button.btn_blue:not(.cl-disabled):hover {
  background-color: #333645;
  color: #bbc1c8;
  border-top: 1px solid #1f222d;
  border-right: 1px solid #1f222d;
  border-bottom: 1px solid #1f222d;
}
.cl-button.btn_blue:not(.cl-disabled).cl-active,
.cl-button.btn_blue:not(.cl-disabled):active {
  background-color: #333645;
  color: #bbc1c8;
  border-top: 1px solid #1f222d;
  border-right: 1px solid #1f222d;
  border-bottom: 1px solid #1f222d;
}
.cl-button.btn_blue:focus,
.cl-button.btn_blue.cl-focus {
  background-color: #333645;
  color: #bbc1c8;
  border-top: 1px solid #1f222d;
  border-right: 1px solid #1f222d;
  border-bottom: 1px solid #1f222d;
}
.cl-button.btn_white {
  height: 26px;
  color: #222;
  font-size: 12px;
  border: 1px solid #cecfd3;
  background-color: #fff;
}
.cl-button.btn_white:not(.cl-disabled).cl-hover,
.cl-button.btn_white:not(.cl-disabled):hover {
  color: #222;
  font-size: 12px;
  border: 1px solid #cecfd3;
  background-color: #fff;
}
.cl-button.btn_white:not(.cl-disabled).cl-active,
.cl-button.btn_white:not(.cl-disabled):active {
  color: #222;
  font-size: 12px;
  border: 1px solid #cecfd3;
  background-color: #fff;
}
.cl-button.btn_white:focus,
.cl-button.btn_white.cl-focus {
  color: #222;
  font-size: 12px;
  border: 1px solid #cecfd3;
  background-color: #fff;
}
.cl-button.btn_brown {
  background-color: #b19c8c;
  color: #fff;
  border: 1px solid #978374;
}
.cl-button.btn_brown:not(.cl-disabled).cl-hover,
.cl-button.btn_brown:not(.cl-disabled):hover {
  background-color: #b19c8c;
  color: #fff;
  font-weight: 12px;
  border: 1px solid #978374;
}
.cl-button.btn_brown:not(.cl-disabled).cl-active,
.cl-button.btn_brown:not(.cl-disabled):active {
  background-color: #b19c8c;
  color: #fff;
  border: 1px solid #978374;
}
.cl-button.btn_brown:focus,
.cl-button.btn_brown.cl-focus {
  background-color: #b19c8c;
  color: #fff;
  border: 1px solid #978374;
}
.cl-button.btn_borderbrown {
  background-color: #fff;
  color: #978374;
  border: 1px solid #978374;
}
.cl-button.btn_borderbrown:not(.cl-disabled).cl-hover,
.cl-button.btn_borderbrown:not(.cl-disabled):hover {
  background-color: #fff;
  color: #978374;
  border: 1px solid #978374;
}
.cl-button.btn_borderbrown:not(.cl-disabled).cl-active,
.cl-button.btn_borderbrown:not(.cl-disabled):active {
  background-color: #fff;
  color: #978374;
  border: 1px solid #978374;
}
.cl-button.btn_borderbrown:focus,
.cl-button.btn_borderbrown.cl-focus {
  background-color: #fff;
  color: #978374;
  border: 1px solid #978374;
}
.cl-button.btn_gray {
  height: 26px;
  color: #222;
  font-size: 12px;
  border: 1px solid #cecfd3;
  background-color: #e8eaed;
}
.cl-button.btn_gray:not(.cl-disabled).cl-hover,
.cl-button.btn_gray:not(.cl-disabled):hover {
  color: #222;
  font-size: 12px;
  border: 1px solid #cecfd3;
  background-color: #e8eaed;
}
.cl-button.btn_gray:not(.cl-disabled).cl-active,
.cl-button.btn_gray:not(.cl-disabled):active {
  color: #222;
  font-size: 12px;
  border: 1px solid #cecfd3;
  background-color: #e8eaed;
}
.cl-button.btn_gray:focus,
.cl-button.btn_gray.cl-focus {
  color: #222;
  font-size: 12px;
  border: 1px solid #cecfd3;
  background-color: #e8eaed;
}
.cl-button.btn_darkgray {
  color: #fff;
  font-size: 12px;
  border: 1px solid #8a8a8a;
  background-color: #a4a4a4;
}
.cl-button.btn_darkgray:not(.cl-disabled).cl-hover,
.cl-button.btn_darkgray:not(.cl-disabled):hover {
  color: #fff;
  font-size: 12px;
  border: 1px solid #8a8a8a;
  background-color: #a4a4a4;
}
.cl-button.btn_darkgray:not(.cl-disabled).cl-active,
.cl-button.btn_darkgray:not(.cl-disabled):active {
  color: #fff;
  font-size: 12px;
  border: 1px solid #8a8a8a;
  background-color: #a4a4a4;
}
.cl-button.btn_darkgray:focus,
.cl-button.btn_darkgray.cl-focus {
  color: #fff;
  font-size: 12px;
  border: 1px solid #8a8a8a;
  background-color: #a4a4a4;
}
.cl-button.btn_darkgray2 {
  color: #fff;
  font-size: 13px;
  border: 1px solid #8a8a8a;
  background-color: #a4a4a4;
}
.cl-button.btn_darkgray2:not(.cl-disabled).cl-hover,
.cl-button.btn_darkgray2:not(.cl-disabled):hover {
  color: #fff;
  font-size: 13px;
  border: 1px solid #8a8a8a;
  background-color: #a4a4a4;
}
.cl-button.btn_darkgray2:not(.cl-disabled).cl-active,
.cl-button.btn_darkgray2:not(.cl-disabled):active {
  color: #fff;
  font-size: 13px;
  border: 1px solid #8a8a8a;
  background-color: #a4a4a4;
}
.cl-button.btn_darkgray2:focus,
.cl-button.btn_darkgray2.cl-focus {
  color: #fff;
  font-size: 13px;
  border: 1px solid #8a8a8a;
  background-color: #a4a4a4;
}
.cl-button.btn_m_gray {
  color: #555;
  font-size: 12px;
  border: 1px solid #cecfd3;
  background-color: #eef0f3;
}
.cl-button.btn_m_gray:not(.cl-disabled).cl-hover,
.cl-button.btn_m_gray:not(.cl-disabled):hover {
  color: #555;
  font-size: 12px;
  border: 1px solid #cecfd3;
  background-color: #eef0f3;
}
.cl-button.btn_m_gray:not(.cl-disabled).cl-active,
.cl-button.btn_m_gray:not(.cl-disabled):active {
  color: #555;
  font-size: 12px;
  border: 1px solid #cecfd3;
  background-color: #eef0f3;
}
.cl-button.btn_m_gray:focus,
.cl-button.btn_m_gray.cl-focus {
  color: #555;
  font-size: 12px;
  border: 1px solid #cecfd3;
  background-color: #eef0f3;
}
.btn_code_search {
  width: 24px;
  height: 100%;
  box-sizing: border-box;
  border-left: none;
  border-top: 1px solid #cecfd3;
  border-right: 1px solid #cecfd3;
  border-bottom: 1px solid #cecfd3;
  background-image: url("image/sub/ico_find.png");
  background-repeat: no-repeat;
  background-color: #f5f5f5;
  background-size: auto;
  background-position: center;
}
.btn_code_search:not(.cl-selected):hover,
.btn_code_search:not(.cl-selected).cl-hover {
  border-left: none;
  border-top: 1px solid #cecfd3;
  border-right: 1px solid #cecfd3;
  border-bottom: 1px solid #cecfd3;
  background-color: #f5f5f5;
  background-image: url("image/sub/ico_find.png");
}
.btn_code_search:not(.cl-disabled).cl-active,
.btn_code_search:not(.cl-disabled):active {
  border-left: none;
  border-top: 1px solid #cecfd3;
  border-right: 1px solid #cecfd3;
  border-bottom: 1px solid #cecfd3;
  background-color: #f5f5f5;
  background-image: url("image/sub/ico_find.png");
}
.btn_code_search:focus,
.btn_code_search.cl-focus {
  border-left: none;
  border-top: 1px solid #cecfd3;
  border-right: 1px solid #cecfd3;
  border-bottom: 1px solid #cecfd3;
  background-color: #f5f5f5;
  background-image: url("image/sub/ico_find.png");
}
.btn_code_search2 {
  width: 24px;
  height: 100%;
  box-sizing: border-box;
  border-left: none;
  border-top: 1px solid #cecfd3;
  border-right: 1px solid #cecfd3;
  border-bottom: 1px solid #cecfd3;
  background-image: url("image/sub/ico_find2.png");
  background-repeat: no-repeat;
  background-color: #f5f5f5;
  background-size: auto;
  background-position: center;
}
.btn_code_search2:not(.cl-selected):hover,
.btn_code_search2:not(.cl-selected).cl-hover {
  border-left: none;
  border-top: 1px solid #cecfd3;
  border-right: 1px solid #cecfd3;
  border-bottom: 1px solid #cecfd3;
  background-color: #f5f5f5;
  background-image: url("image/sub/ico_find2.png");
}
.btn_code_search2:not(.cl-disabled).cl-active,
.btn_code_search2:not(.cl-disabled):active {
  border-left: none;
  border-top: 1px solid #cecfd3;
  border-right: 1px solid #cecfd3;
  border-bottom: 1px solid #cecfd3;
  background-color: #f5f5f5;
  background-image: url("image/sub/ico_find2.png");
}
.btn_code_search2:focus,
.btn_code_search2.cl-focus {
  border-left: none;
  border-top: 1px solid #cecfd3;
  border-right: 1px solid #cecfd3;
  border-bottom: 1px solid #cecfd3;
  background-color: #f5f5f5;
  background-image: url("image/sub/ico_find2.png");
}
.btn_code_search3 {
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #cecfd3;
  background-color: #f5f5f5;
}
.btn_code_search3:not(.cl-selected):hover,
.btn_code_search3:not(.cl-selected).cl-hover {
  box-sizing: border-box;
  border: 1px solid #cecfd3;
  background-color: #f5f5f5;
}
.btn_code_search3:not(.cl-disabled).cl-active,
.btn_code_search3:not(.cl-disabled):active {
  box-sizing: border-box;
  border: 1px solid #cecfd3;
  background-color: #f5f5f5;
}
.btn_code_search3:focus,
.btn_code_search3.cl-focus {
  box-sizing: border-box;
  border: 1px solid #cecfd3;
  background-color: #f5f5f5;
}
.btn_comment {
  width: 28px;
  height: 100%;
  box-sizing: border-box;
  border-left: 1px solid #a6c9c2;
  border-top: 1px solid #a6c9c2;
  border-right: 1px solid #a6c9c2;
  border-bottom: 1px solid #a6c9c2;
  background-image: url("image/sub/ico_comment.png");
  background-repeat: no-repeat;
  background-color: #d8f0ec;
  background-size: auto;
  background-position: center;
}
.btn_comment:not(.cl-selected):hover,
.btn_comment:not(.cl-selected).cl-hover {
  border-left: 1px solid #a6c9c2;
  border-top: 1px solid #a6c9c2;
  border-right: 1px solid #a6c9c2;
  border-bottom: 1px solid #a6c9c2;
  background-color: #d8f0ec;
  background-image: url("image/sub/ico_comment.png");
}
.btn_comment:not(.cl-disabled).cl-active,
.btn_comment:not(.cl-disabled):active {
  border-left: 1px solid #a6c9c2;
  border-top: 1px solid #a6c9c2;
  border-right: 1px solid #a6c9c2;
  border-bottom: 1px solid #a6c9c2;
  background-color: #d8f0ec;
  background-image: url("image/sub/ico_comment.png");
}
.btn_comment:focus,
.btn_comment.cl-focus {
  border-left: 1px solid #a6c9c2;
  border-top: 1px solid #a6c9c2;
  border-right: 1px solid #a6c9c2;
  border-bottom: 1px solid #a6c9c2;
  background-color: #ffffff;
  background-image: url("image/sub/ico_comment.png");
}
.btn_sample_pls {
  width: 70px;
  height: 19px;
  margin: 0 auto;
  background-color: transparent;
  background-image: url("image/sub/btn_sample_pls.png");
  background-repeat: no-repeat;
  background-position: center;
}
.btn_sample_pls:not(.cl-disabled).cl-hover,
.btn_sample_pls:not(.cl-disabled):hover {
  background-color: transparent;
  background-image: url("image/sub/btn_sample_pls.png");
  background-repeat: no-repeat;
}
.btn_sample_pls:not(.cl-disabled).cl-active,
.btn_sample_pls:not(.cl-disabled):active {
  background-color: transparent;
  background-image: url("image/sub/btn_sample_pls.png");
  background-repeat: no-repeat;
}
.btn_sample_pls:focus,
.btn_sample_pls.cl-focus {
  background-color: transparent;
  background-image: url("image/sub/btn_sample_pls.png");
  background-repeat: no-repeat;
}
.btn_party_search {
  color: #fff;
  background-color: #b19c8c;
  border: 1px solid #978374;
}
.btn_party_search:not(.cl-disabled).cl-hover,
.btn_party_search:not(.cl-disabled):hover {
  color: #fff;
  background-color: #b19c8c;
  border: 1px solid #978374;
}
.btn_party_search:not(.cl-disabled).cl-active,
.btn_party_search:not(.cl-disabled):active {
  color: #fff;
  background-color: #b19c8c;
  border: 1px solid #978374;
}
.btn_party_search:focus,
.btn_party_search.cl-focus {
  color: #fff;
  background-color: #b19c8c;
  border: 1px solid #978374;
}
.cl-button.btn_move {
  background: #fff;
  border: 1px solid #cfd0d4;
  border-radius: 1000px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
}
.cl-button.btn_move:not(.cl-disabled).cl-hover,
.cl-button.btn_move:not(.cl-disabled):hover {
  background: #fff;
  border: 1px solid #cfd0d4;
}
.cl-button.btn_move:not(.cl-disabled).cl-active,
.cl-button.btn_move:not(.cl-disabled):active {
  background: #fff;
  border: 1px solid #cfd0d4;
}
.cl-button.btn_move:focus,
.cl-button.btn_move.cl-focus {
  background: #fff;
  border: 1px solid #cfd0d4;
}
.cl-button.btn_right {
  background-image: url("image/common/btn_right.png");
}
.cl-button.btn_right:not(.cl-disabled).cl-hover,
.cl-button.btn_right:not(.cl-disabled):hover {
  background-image: url("image/common/btn_right.png");
  background-repeat: no-repeat;
  background-position: center;
}
.cl-button.btn_right:not(.cl-disabled).cl-active,
.cl-button.btn_right:not(.cl-disabled):active {
  background-image: url("image/common/btn_right.png");
  background-repeat: no-repeat;
  background-position: center;
}
.cl-button.btn_right:focus,
.cl-button.btn_right.cl-focus {
  background-image: url("image/common/btn_right.png");
  background-repeat: no-repeat;
  background-position: center;
}
.cl-button.btn_left {
  background-image: url("image/common/btn_left.png");
}
.cl-button.btn_left:not(.cl-disabled).cl-hover,
.cl-button.btn_left:not(.cl-disabled):hover {
  background-image: url("image/common/btn_left.png");
  background-repeat: no-repeat;
  background-position: center;
}
.cl-button.btn_left:not(.cl-disabled).cl-active,
.cl-button.btn_left:not(.cl-disabled):active {
  background-image: url("image/common/btn_left.png");
  background-repeat: no-repeat;
  background-position: center;
}
.cl-button.btn_left:focus,
.cl-button.btn_left.cl-focus {
  background-image: url("image/common/btn_left.png");
  background-repeat: no-repeat;
  background-position: center;
}
.cl-button.btn_id {
  background-image: url("image/sub/btn_id.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: 80px 33px;
}
.cl-button.btn_id:not(.cl-disabled).cl-hover,
.cl-button.btn_id:not(.cl-disabled):hover {
  background-image: url("image/sub/btn_id.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_id:not(.cl-disabled).cl-active,
.cl-button.btn_id:not(.cl-disabled):active {
  background-image: url("image/sub/btn_id.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_id:focus,
.cl-button.btn_id.cl-focus {
  background-image: url("image/sub/btn_id.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus {
  background-image: url("image/sub/btn_group_plus.png");
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
}
.cl-button.btn_group_plus:not(.cl-disabled).cl-hover,
.cl-button.btn_group_plus:not(.cl-disabled):hover {
  background-image: url("image/sub/btn_group_plus.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus:not(.cl-disabled).cl-active,
.cl-button.btn_group_plus:not(.cl-disabled):active {
  background-image: url("image/sub/btn_group_plus.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus:focus,
.cl-button.btn_group_plus.cl-focus {
  background-image: url("image/sub/btn_group_plus.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus2 {
  background-image: url("image/sub/btn_group_plus2.png");
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
}
.cl-button.btn_group_plus2:not(.cl-disabled).cl-hover,
.cl-button.btn_group_plus2:not(.cl-disabled):hover {
  background-image: url("image/sub/btn_group_plus2.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus2:not(.cl-disabled).cl-active,
.cl-button.btn_group_plus2:not(.cl-disabled):active {
  background-image: url("image/sub/btn_group_plus2.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus2:focus,
.cl-button.btn_group_plus2.cl-focus {
  background-image: url("image/sub/btn_group_plus2.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus3 {
  background-image: url("image/sub/btn_group_plus3.png");
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
}
.cl-button.btn_group_plus3:not(.cl-disabled).cl-hover,
.cl-button.btn_group_plus3:not(.cl-disabled):hover {
  background-image: url("image/sub/btn_group_plus3.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus3:not(.cl-disabled).cl-active,
.cl-button.btn_group_plus3:not(.cl-disabled):active {
  background-image: url("image/sub/btn_group_plus3.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus3:focus,
.cl-button.btn_group_plus3.cl-focus {
  background-image: url("image/sub/btn_group_plus3.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus4 {
  background-image: url("image/sub/btn_group_plus4.png");
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
}
.cl-button.btn_group_plus4:not(.cl-disabled).cl-hover,
.cl-button.btn_group_plus4:not(.cl-disabled):hover {
  background-image: url("image/sub/btn_group_plus4.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus4:not(.cl-disabled).cl-active,
.cl-button.btn_group_plus4:not(.cl-disabled):active {
  background-image: url("image/sub/btn_group_plus4.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus4:focus,
.cl-button.btn_group_plus4.cl-focus {
  background-image: url("image/sub/btn_group_plus4.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus5 {
  background-image: url("image/sub/btn_group_plus5.png");
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
}
.cl-button.btn_group_plus5:not(.cl-disabled).cl-hover,
.cl-button.btn_group_plus5:not(.cl-disabled):hover {
  background-image: url("image/sub/btn_group_plus5.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus5:not(.cl-disabled).cl-active,
.cl-button.btn_group_plus5:not(.cl-disabled):active {
  background-image: url("image/sub/btn_group_plus5.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus5:focus,
.cl-button.btn_group_plus5.cl-focus {
  background-image: url("image/sub/btn_group_plus5.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus6 {
  background-image: url("image/sub/btn_group_plus6.png");
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
}
.cl-button.btn_group_plus6:not(.cl-disabled).cl-hover,
.cl-button.btn_group_plus6:not(.cl-disabled):hover {
  background-image: url("image/sub/btn_group_plus6.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus6:not(.cl-disabled).cl-active,
.cl-button.btn_group_plus6:not(.cl-disabled):active {
  background-image: url("image/sub/btn_group_plus6.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_plus6:focus,
.cl-button.btn_group_plus6.cl-focus {
  background-image: url("image/sub/btn_group_plus6.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus {
  background-image: url("image/sub/btn_group-.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
.cl-button.btn_group_minus:not(.cl-disabled).cl-hover,
.cl-button.btn_group_minus:not(.cl-disabled):hover {
  background-image: url("image/sub/btn_group-.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus:not(.cl-disabled).cl-active,
.cl-button.btn_group_minus:not(.cl-disabled):active {
  background-image: url("image/sub/btn_group-.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus:focus,
.cl-button.btn_group_minus.cl-focus {
  background-image: url("image/sub/btn_group-.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus2 {
  background-image: url("image/sub/btn_group-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
.cl-button.btn_group_minus2:not(.cl-disabled).cl-hover,
.cl-button.btn_group_minus2:not(.cl-disabled):hover {
  background-image: url("image/sub/btn_group-2.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus2:not(.cl-disabled).cl-active,
.cl-button.btn_group_minus2:not(.cl-disabled):active {
  background-image: url("image/sub/btn_group-2.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus2:focus,
.cl-button.btn_group_minus2.cl-focus {
  background-image: url("image/sub/btn_group-2.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus3 {
  background-image: url("image/sub/btn_group-3.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
.cl-button.btn_group_minus3:not(.cl-disabled).cl-hover,
.cl-button.btn_group_minus3:not(.cl-disabled):hover {
  background-image: url("image/sub/btn_group-3.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus3:not(.cl-disabled).cl-active,
.cl-button.btn_group_minus3:not(.cl-disabled):active {
  background-image: url("image/sub/btn_group-3.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus3:focus,
.cl-button.btn_group_minus3.cl-focus {
  background-image: url("image/sub/btn_group-3.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus4 {
  background-image: url("image/sub/btn_group-4.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
.cl-button.btn_group_minus4:not(.cl-disabled).cl-hover,
.cl-button.btn_group_minus4:not(.cl-disabled):hover {
  background-image: url("image/sub/btn_group-4.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus4:not(.cl-disabled).cl-active,
.cl-button.btn_group_minus4:not(.cl-disabled):active {
  background-image: url("image/sub/btn_group-4.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus4:focus,
.cl-button.btn_group_minus4.cl-focus {
  background-image: url("image/sub/btn_group-4.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus5 {
  background-image: url("image/sub/btn_group-5.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
.cl-button.btn_group_minus5:not(.cl-disabled).cl-hover,
.cl-button.btn_group_minus5:not(.cl-disabled):hover {
  background-image: url("image/sub/btn_group-5.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus5:not(.cl-disabled).cl-active,
.cl-button.btn_group_minus5:not(.cl-disabled):active {
  background-image: url("image/sub/btn_group-5.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus5:focus,
.cl-button.btn_group_minus5.cl-focus {
  background-image: url("image/sub/btn_group-5.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus6 {
  background-image: url("image/sub/btn_group-6.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
.cl-button.btn_group_minus6:not(.cl-disabled).cl-hover,
.cl-button.btn_group_minus6:not(.cl-disabled):hover {
  background-image: url("image/sub/btn_group-6.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus6:not(.cl-disabled).cl-active,
.cl-button.btn_group_minus6:not(.cl-disabled):active {
  background-image: url("image/sub/btn_group-6.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_group_minus6:focus,
.cl-button.btn_group_minus6.cl-focus {
  background-image: url("image/sub/btn_group-6.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_down {
  background-image: url("image/sub/btn_down.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
.cl-button.btn_down:not(.cl-disabled).cl-hover,
.cl-button.btn_down:not(.cl-disabled):hover {
  background-image: url("image/sub/btn_down.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_down:not(.cl-disabled).cl-active,
.cl-button.btn_down:not(.cl-disabled):active {
  background-image: url("image/sub/btn_down.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.cl-button.btn_down:focus,
.cl-button.btn_down.cl-focus {
  background-image: url("image/sub/btn_down.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
}
.btn_content_search {
  width: 24px;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #cecfd3;
  background-image: url("image/sub/ico_find.png");
  background-repeat: no-repeat;
  background-color: #f5f5f5;
  background-size: auto;
  background-position: center;
}
.btn_content_search:not(.cl-selected):hover,
.btn_content_search:not(.cl-selected).cl-hover {
  box-sizing: border-box;
  border: 1px solid #cecfd3;
  background-image: url("image/sub/ico_find.png");
  background-repeat: no-repeat;
  background-color: #f5f5f5;
  background-size: auto;
  background-position: center;
}
.btn_content_search:not(.cl-disabled).cl-active,
.btn_content_search:not(.cl-disabled):active {
  box-sizing: border-box;
  border: 1px solid #cecfd3;
  background-image: url("image/sub/ico_find.png");
  background-repeat: no-repeat;
  background-color: #f5f5f5;
  background-size: auto;
  background-position: center;
}
.btn_content_search:focus,
.btn_content_search.cl-focus {
  box-sizing: border-box;
  border: 1px solid #cecfd3;
  background-image: url("image/sub/ico_find.png");
  background-repeat: no-repeat;
  background-color: #f5f5f5;
  background-size: auto;
  background-position: center;
}
.btn_file_down {
  background-image: url("image/sub/ico_file2.png");
  background-repeat: no-repeat;
  background-position: 8px center;
  background-color: transparent;
  text-align: center;
  border: 1px solid #cecfd3;
}
.btn_file_down:not(.cl-selected):hover,
.btn_file_down:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_file2.png");
  background-repeat: no-repeat;
  background-position: 8px center;
  background-color: transparent;
  border: 1px solid #cecfd3;
}
.btn_file_down:not(.cl-disabled).cl-active,
.btn_file_down:not(.cl-disabled):active {
  background-image: url("image/sub/ico_file2.png");
  background-repeat: no-repeat;
  background-position: 8px center;
  background-color: transparent;
  border: 1px solid #cecfd3;
}
.btn_file_down:focus,
.btn_file_down.cl-focus {
  background-image: url("image/sub/ico_file2.png");
  background-repeat: no-repeat;
  background-position: 8px center;
  background-color: transparent;
  border: 1px solid #cecfd3;
}
.btn_red {
  background-image: url("image/sub/ico_no.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  text-align: center;
  border: none;
}
.btn_red:not(.cl-selected):hover,
.btn_red:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_no.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_red:not(.cl-disabled).cl-active,
.btn_red:not(.cl-disabled):active {
  background-image: url("image/sub/ico_no.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_red:focus,
.btn_red.cl-focus {
  background-image: url("image/sub/ico_no.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_green {
  background-image: url("image/sub/ico_yeah.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  text-align: center;
  border: none;
}
.btn_green:not(.cl-selected):hover,
.btn_green:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_yeah.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_green:not(.cl-disabled).cl-active,
.btn_green:not(.cl-disabled):active {
  background-image: url("image/sub/ico_yeah.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_green:focus,
.btn_green.cl-focus {
  background-image: url("image/sub/ico_yeah.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_print {
  background-image: url("image/sub/btn_print.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  text-align: center;
  border: none;
}
.btn_print:not(.cl-selected):hover,
.btn_print:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_print.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_print:not(.cl-disabled).cl-active,
.btn_print:not(.cl-disabled):active {
  background-image: url("image/sub/btn_print.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_print:focus,
.btn_print.cl-focus {
  background-image: url("image/sub/btn_print.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_print_all {
  background-image: url("image/sub/btn_print_all.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  text-align: center;
  border: none;
}
.btn_print_all:not(.cl-selected):hover,
.btn_print_all:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_print_all.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_print_all:not(.cl-disabled).cl-active,
.btn_print_all:not(.cl-disabled):active {
  background-image: url("image/sub/btn_print_all.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_print_all:focus,
.btn_print_all.cl-focus {
  background-image: url("image/sub/btn_print_all.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_download {
  background-image: url("image/sub/btn_download1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  text-align: center;
  border: none;
}
.btn_download:not(.cl-selected):hover,
.btn_download:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_download1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_download:not(.cl-disabled).cl-active,
.btn_download:not(.cl-disabled):active {
  background-image: url("image/sub/btn_download1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_download:focus,
.btn_download.cl-focus {
  background-image: url("image/sub/btn_download1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_chart {
  background-image: url("image/sub/btn_chart1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  text-align: center;
  border: none;
}
.btn_chart:not(.cl-selected):hover,
.btn_chart:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_chart1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_chart:not(.cl-disabled).cl-active,
.btn_chart:not(.cl-disabled):active {
  background-image: url("image/sub/btn_chart1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_chart:focus,
.btn_chart.cl-focus {
  background-image: url("image/sub/btn_chart1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.btn_comment_esc {
  width: 13px;
  height: 13px;
  background-image: url("image/sub/btn_comment_esc.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_comment_esc:not(.cl-selected):hover,
.btn_comment_esc:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_comment_esc.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_comment_esc:not(.cl-disabled).cl-active,
.btn_comment_esc:not(.cl-disabled):active {
  background-image: url("image/sub/btn_comment_esc.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_comment_esc:focus,
.btn_comment_esc.cl-focus {
  background-image: url("image/sub/btn_comment_esc.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_01 {
  background-image: url("image/sub/btn_01.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_01:not(.cl-selected):hover,
.btn_01:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_01.png");
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_01:not(.cl-disabled).cl-active,
.btn_01:not(.cl-disabled):active {
  background-image: url("image/sub/btn_01.png");
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_01:focus,
.btn_01.cl-focus {
  background-image: url("image/sub/btn_01.png");
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_02 {
  background-image: url("image/sub/btn_02.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_02:not(.cl-selected):hover,
.btn_02:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_02.png");
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_02:not(.cl-disabled).cl-active,
.btn_02:not(.cl-disabled):active {
  background-image: url("image/sub/btn_02.png");
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_02:focus,
.btn_02.cl-focus {
  background-image: url("image/sub/btn_02.png");
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_03 {
  background-image: url("image/sub/btn_03.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_03:not(.cl-selected):hover,
.btn_03:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_03.png");
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_03:not(.cl-disabled).cl-active,
.btn_03:not(.cl-disabled):active {
  background-image: url("image/sub/btn_03.png");
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_03:focus,
.btn_03.cl-focus {
  background-image: url("image/sub/btn_03.png");
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_04 {
  background-image: url("image/sub/btn_04.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_04:not(.cl-selected):hover,
.btn_04:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_04.png");
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_04:not(.cl-disabled).cl-active,
.btn_04:not(.cl-disabled):active {
  background-image: url("image/sub/btn_04.png");
  background-color: transparent;
  border: none;
  color: transparent !important;
}
.btn_04:focus,
.btn_04.cl-focus {
  background-image: url("image/sub/btn_04.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_05 {
  background-image: url("image/sub/btn_05.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_05:not(.cl-selected):hover,
.btn_05:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_05.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_05:not(.cl-disabled).cl-active,
.btn_05:not(.cl-disabled):active {
  background-image: url("image/sub/btn_05.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_05:focus,
.btn_05.cl-focus {
  background-image: url("image/sub/btn_05.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_06 {
  background-image: url("image/sub/btn_06.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_06:not(.cl-selected):hover,
.btn_06:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_06.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_06:not(.cl-disabled).cl-active,
.btn_06:not(.cl-disabled):active {
  background-image: url("image/sub/btn_06.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_06:focus,
.btn_06.cl-focus {
  background-image: url("image/sub/btn_06.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_07 {
  background-image: url("image/sub/btn_07.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_07:not(.cl-selected):hover,
.btn_07:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_07.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_07:not(.cl-disabled).cl-active,
.btn_07:not(.cl-disabled):active {
  background-image: url("image/sub/btn_07.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_07:focus,
.btn_07.cl-focus {
  background-image: url("image/sub/btn_07.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_08 {
  background-image: url("image/sub/btn_08.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_08:not(.cl-selected):hover,
.btn_08:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_08.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_08:not(.cl-disabled).cl-active,
.btn_08:not(.cl-disabled):active {
  background-image: url("image/sub/btn_08.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_08:focus,
.btn_08.cl-focus {
  background-image: url("image/sub/btn_08.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_09 {
  background-image: url("image/sub/btn_09.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_09:not(.cl-selected):hover,
.btn_09:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_09.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_09:not(.cl-disabled).cl-active,
.btn_09:not(.cl-disabled):active {
  background-image: url("image/sub/btn_09.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_09:focus,
.btn_09.cl-focus {
  background-image: url("image/sub/btn_09.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_10 {
  background-image: url("image/sub/btn_10.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_10:not(.cl-selected):hover,
.btn_10:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_10.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_10:not(.cl-disabled).cl-active,
.btn_10:not(.cl-disabled):active {
  background-image: url("image/sub/btn_10.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_10:focus,
.btn_10.cl-focus {
  background-image: url("image/sub/btn_10.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_11 {
  background-image: url("image/sub/btn_11.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_11:not(.cl-selected):hover,
.btn_11:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_11.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_11:not(.cl-disabled).cl-active,
.btn_11:not(.cl-disabled):active {
  background-image: url("image/sub/btn_11.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_11:focus,
.btn_11.cl-focus {
  background-image: url("image/sub/btn_11.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_12 {
  background-image: url("image/sub/btn_12.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_12:not(.cl-selected):hover,
.btn_12:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_12.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_12:not(.cl-disabled).cl-active,
.btn_12:not(.cl-disabled):active {
  background-image: url("image/sub/btn_12.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_12:focus,
.btn_12.cl-focus {
  background-image: url("image/sub/btn_12.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_13 {
  background-image: url("image/sub/btn_13.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_13:not(.cl-selected):hover,
.btn_13:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_13.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_13:not(.cl-disabled).cl-active,
.btn_13:not(.cl-disabled):active {
  background-image: url("image/sub/btn_13.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_13:focus,
.btn_13.cl-focus {
  background-image: url("image/sub/btn_13.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_14 {
  background-image: url("image/sub/btn_14.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_14:not(.cl-selected):hover,
.btn_14:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_14.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_14:not(.cl-disabled).cl-active,
.btn_14:not(.cl-disabled):active {
  background-image: url("image/sub/btn_14.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_14:focus,
.btn_14.cl-focus {
  background-image: url("image/sub/btn_14.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_15 {
  background-image: url("image/sub/btn_15.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_15:not(.cl-selected):hover,
.btn_15:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_15.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_15:not(.cl-disabled).cl-active,
.btn_15:not(.cl-disabled):active {
  background-image: url("image/sub/btn_15.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_15:focus,
.btn_15.cl-focus {
  background-image: url("image/sub/btn_15.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_16 {
  background-image: url("image/sub/btn_16.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_16:not(.cl-selected):hover,
.btn_16:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_16.jpg");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_16:not(.cl-disabled).cl-active,
.btn_16:not(.cl-disabled):active {
  background-image: url("image/sub/btn_16.jpg");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_16:focus,
.btn_16.cl-focus {
  background-image: url("image/sub/btn_16.jpg");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_17 {
  background-image: url("image/sub/btn_17.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_17:not(.cl-selected):hover,
.btn_17:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_17.jpg");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_17:not(.cl-disabled).cl-active,
.btn_17:not(.cl-disabled):active {
  background-image: url("image/sub/btn_17.jpg");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_17:focus,
.btn_17.cl-focus {
  background-image: url("image/sub/btn_17.jpg");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_18 {
  background-image: url("image/sub/btn_18.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_18:not(.cl-selected):hover,
.btn_18:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_18.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_18:not(.cl-disabled).cl-active,
.btn_18:not(.cl-disabled):active {
  background-image: url("image/sub/btn_18.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_18:focus,
.btn_18.cl-focus {
  background-image: url("image/sub/btn_18.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_19 {
  background-image: url("image/sub/btn_19.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_19:not(.cl-selected):hover,
.btn_19:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_19.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_19:not(.cl-disabled).cl-active,
.btn_19:not(.cl-disabled):active {
  background-image: url("image/sub/btn_19.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_19:focus,
.btn_19.cl-focus {
  background-image: url("image/sub/btn_19.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_20 {
  background-image: url("image/sub/btn_20.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_20:not(.cl-selected):hover,
.btn_20:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_20.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_20:not(.cl-disabled).cl-active,
.btn_20:not(.cl-disabled):active {
  background-image: url("image/sub/btn_20.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_20:focus,
.btn_20.cl-focus {
  background-image: url("image/sub/btn_20.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_21 {
  background-image: url("image/sub/btn_21.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_21:not(.cl-selected):hover,
.btn_21:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_21.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_21:not(.cl-disabled).cl-active,
.btn_21:not(.cl-disabled):active {
  background-image: url("image/sub/btn_21.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_21:focus,
.btn_21.cl-focus {
  background-image: url("image/sub/btn_21.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_22 {
  background-image: url("image/sub/btn_22.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_22:not(.cl-selected):hover,
.btn_22:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_22.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_22:not(.cl-disabled).cl-active,
.btn_22:not(.cl-disabled):active {
  background-image: url("image/sub/btn_22.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_22:focus,
.btn_22.cl-focus {
  background-image: url("image/sub/btn_22.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_23 {
  background-image: url("image/sub/btn_23.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_23:not(.cl-selected):hover,
.btn_23:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_23.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_23:not(.cl-disabled).cl-active,
.btn_23:not(.cl-disabled):active {
  background-image: url("image/sub/btn_23.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_23:focus,
.btn_23.cl-focus {
  background-image: url("image/sub/btn_23.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_24 {
  background-image: url("image/sub/btn_24.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_24:not(.cl-selected):hover,
.btn_24:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_24.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_24:not(.cl-disabled).cl-active,
.btn_24:not(.cl-disabled):active {
  background-image: url("image/sub/btn_24.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_24:focus,
.btn_24.cl-focus {
  background-image: url("image/sub/btn_24.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_25 {
  background-image: url("image/sub/btn_25.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_25:not(.cl-selected):hover,
.btn_25:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_25.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_25:not(.cl-disabled).cl-active,
.btn_25:not(.cl-disabled):active {
  background-image: url("image/sub/btn_25.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_25:focus,
.btn_25.cl-focus {
  background-image: url("image/sub/btn_25.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_26 {
  background-image: url("image/sub/btn_26.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_26:not(.cl-selected):hover,
.btn_26:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_26.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_26:not(.cl-disabled).cl-active,
.btn_26:not(.cl-disabled):active {
  background-image: url("image/sub/btn_26.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_26:focus,
.btn_26.cl-focus {
  background-image: url("image/sub/btn_26.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_27 {
  background-image: url("image/sub/btn_27.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_27:not(.cl-selected):hover,
.btn_27:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_27.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_27:not(.cl-disabled).cl-active,
.btn_27:not(.cl-disabled):active {
  background-image: url("image/sub/btn_27.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_27:focus,
.btn_27.cl-focus {
  background-image: url("image/sub/btn_27.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_28 {
  background-image: url("image/sub/btn_28.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_28:not(.cl-selected):hover,
.btn_28:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_28.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_28:not(.cl-disabled).cl-active,
.btn_28:not(.cl-disabled):active {
  background-image: url("image/sub/btn_28.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_28:focus,
.btn_28.cl-focus {
  background-image: url("image/sub/btn_28.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_29 {
  background-image: url("image/sub/btn_29.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_29:not(.cl-selected):hover,
.btn_29:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_29.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_29:not(.cl-disabled).cl-active,
.btn_29:not(.cl-disabled):active {
  background-image: url("image/sub/btn_29.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_29:focus,
.btn_29.cl-focus {
  background-image: url("image/sub/btn_29.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_30 {
  background-image: url("image/sub/btn_30.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_30:not(.cl-selected):hover,
.btn_30:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_30.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_30:not(.cl-disabled).cl-active,
.btn_30:not(.cl-disabled):active {
  background-image: url("image/sub/btn_30.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_30:focus,
.btn_30.cl-focus {
  background-image: url("image/sub/btn_30.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_31 {
  background-image: url("image/sub/btn_31.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_31:not(.cl-selected):hover,
.btn_31:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_31.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_31:not(.cl-disabled).cl-active,
.btn_31:not(.cl-disabled):active {
  background-image: url("image/sub/btn_31.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_31:focus,
.btn_31.cl-focus {
  background-image: url("image/sub/btn_31.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_32 {
  background-image: url("image/sub/btn_32.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_32:not(.cl-selected):hover,
.btn_32:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_32.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_32:not(.cl-disabled).cl-active,
.btn_32:not(.cl-disabled):active {
  background-image: url("image/sub/btn_32.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_32:focus,
.btn_32.cl-focus {
  background-image: url("image/sub/btn_32.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_33 {
  background-image: url("image/sub/btn_33.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_33:not(.cl-selected):hover,
.btn_33:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_33.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_33:not(.cl-disabled).cl-active,
.btn_33:not(.cl-disabled):active {
  background-image: url("image/sub/btn_33.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_33:focus,
.btn_33.cl-focus {
  background-image: url("image/sub/btn_33.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_34 {
  background-image: url("image/sub/btn_34.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  color: transparent;
}
.btn_34:not(.cl-selected):hover,
.btn_34:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_34.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_34:not(.cl-disabled).cl-active,
.btn_34:not(.cl-disabled):active {
  background-image: url("image/sub/btn_34.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_34:focus,
.btn_34.cl-focus {
  background-image: url("image/sub/btn_34.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_closeline {
  background-image: url("image/sub/btn_closeline.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_closeline:not(.cl-selected):hover,
.btn_closeline:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_closeline.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_closeline:not(.cl-disabled).cl-active,
.btn_closeline:not(.cl-disabled):active {
  background-image: url("image/sub/btn_closeline.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_closeline:focus,
.btn_closeline.cl-focus {
  background-image: url("image/sub/btn_closeline.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_openpopup {
  background-image: url("image/sub/btn_openpopup.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_openpopup:not(.cl-selected):hover,
.btn_openpopup:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_openpopup.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_openpopup:not(.cl-disabled).cl-active,
.btn_openpopup:not(.cl-disabled):active {
  background-image: url("image/sub/btn_openpopup.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_openpopup:focus,
.btn_openpopup.cl-focus {
  background-image: url("image/sub/btn_openpopup.png");
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_iron {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: 100% 100%;
  border: none;
  color: transparent;
}
.btn_iron:not(.cl-selected):hover,
.btn_iron:not(.cl-selected).cl-hover {
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_iron:not(.cl-disabled).cl-active,
.btn_iron:not(.cl-disabled):active {
  background-color: transparent;
  border: none;
  color: transparent;
}
.btn_iron:focus,
.btn_iron.cl-focus {
  background-color: transparent;
  border: none;
  color: transparent;
}
.navi_section {
  border: 1px solid #e6e7e9;
  padding-left: 15px;
  padding-right: 7px;
}
.navi_section .top_navi {
  font-size: 12px;
  font-weight: 600;
}
.navi_section .top_navi .navi01 {
  background-image: url("image/sub/navi01.png");
  background-repeat: no-repeat;
  background-position: left;
  background-color: transparent;
  background-size: 27px 27px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 7px;
}
.navi_section .top_navi .navi01 .cl-text {
  margin-left: 10px;
}
.navi_section .top_navi .navi02 {
  background-image: url("image/sub/navi02.png");
  background-repeat: no-repeat;
  background-position: 11% 50%;
  background-color: transparent;
  background-size: 27px 27px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 7px;
}
.navi_section .top_navi .navi02 .cl-text {
  margin-left: 14px;
}
.navi_section .top_navi .navi03 {
  background-image: url("image/sub/navi03.png");
  background-repeat: no-repeat;
  background-position: left;
  background-color: transparent;
  background-size: 27px 27px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 7px;
}
.navi_section .top_navi .navi03 .cl-text {
  margin-left: 10px;
}
.navi_section .top_navi .navi04 {
  background-image: url("image/sub/navi04.png");
  background-repeat: no-repeat;
  background-position: left;
  background-color: transparent;
  background-size: 27px 27px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 7px;
}
.navi_section .top_navi .navi04 .cl-text {
  margin-left: 10px;
}
.navi_section .top_navi .navi05 {
  background-image: url("image/sub/navi05.png");
  background-repeat: no-repeat;
  background-position: left;
  background-color: transparent;
  background-size: 27px 27px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 7px;
}
.navi_section .top_navi .navi05 .cl-text {
  margin-left: 10px;
}
.navi_section .top_navi .navi04-1 {
  background-image: url("image/sub/navi04-1.png");
  background-repeat: no-repeat;
  background-position: left;
  background-color: transparent;
  background-size: 27px 27px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 7px;
}
.navi_section .top_navi .navi04-1 .cl-text {
  margin-left: 10px;
}
.navi_section .top_navi .navi04-2 {
  background-image: url("image/sub/navi04-2.png");
  background-repeat: no-repeat;
  background-position: left;
  background-color: transparent;
  background-size: 27px 27px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 7px;
}
.navi_section .top_navi .navi04-2 .cl-text {
  margin-left: 10px;
}
.navi_section .top_navi .navi04-3 {
  background-image: url("image/sub/navi04-3.png");
  background-repeat: no-repeat;
  background-position: left;
  background-color: transparent;
  background-size: 27px 27px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 7px;
}
.navi_section .top_navi .navi04-3 .cl-text {
  margin-left: 10px;
}
.navi_section .top_navi .navi01_on {
  background-image: url("image/sub/navi01_on.png");
  color: #44227a;
}
.navi_section .top_navi .navi02_on {
  background-image: url("image/sub/navi02_on.png");
  color: #44227a;
}
.navi_section .top_navi .navi03_on {
  background-image: url("image/sub/navi03_on.png");
  color: #44227a;
}
.navi_section .top_navi .navi04_on {
  background-image: url("image/sub/navi04_on.png");
  color: #44227a;
}
.navi_section .top_navi .navi05_on {
  background-image: url("image/sub/navi05_on.png");
  color: #44227a;
}
.navi_section .top_navi .navi04-1_on {
  background-image: url("image/sub/navi04-1_on.png");
  color: #44227a;
}
.navi_section .top_navi .navi04-2_on {
  background-image: url("image/sub/navi04-2_on.png");
  color: #44227a;
}
.navi_section .top_navi .navi04-3_on {
  background-image: url("image/sub/navi04-3_on.png");
  color: #44227a;
}
.navi_section .line {
  position: relative;
}
.navi_section .line:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 99px;
  height: 3px;
  background-color: #44227a;
}
.tab_section {
  border-bottom: 1px solid #44227a;
}
.tab_section .top_tab .tab_box {
  background-color: transparent;
  border-top: 1px solid #cecfd3;
  border-right: 1px solid #cecfd3;
  font-size: 12px;
}
.tab_section .top_tab .tab_box:first-child {
  border-left: 1px solid #cecfd3;
}
.tab_section .top_tab .tab_box.on {
  border-top: 2px solid #44227a;
  border-right: 1px solid #44227a;
  position: relative;
  color: #44227a;
}
.tab_section .top_tab .tab_box.on:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 1px;
  height: 38px;
  background-color: #44227a;
}
.tab_section .top_tab .tab_box.on_left {
  border-right: none;
}
.tab_section .top_tab .tab_box.on:first-child {
  border-right: 1px solid #44227a;
  border-left: none;
}
.cl-button.btn_search_tab {
  background-color: #d9cbef;
  color: #013c33;
  border-top: none;
  border-right: 1px solid #b9a0e2;
  border-left: 1px solid #b9a0e2;
  border-bottom: 1px solid #b9a0e2;
}
.cl-button.btn_search_tab .cl-text {
  letter-spacing: -1px;
  font-size: 12px !important;
}
.cl-button.btn_search_tab:not(.cl-disabled).cl-hover,
.cl-button.btn_search_tab:not(.cl-disabled):hover {
  background-color: #d9cbef;
  color: #013c33;
  border-top: none;
  border-right: 1px solid #b9a0e2;
  border-left: 1px solid #b9a0e2;
  border-bottom: 1px solid #b9a0e2;
}
.cl-button.btn_search_tab:not(.cl-disabled).cl-active,
.cl-button.btn_search_tab:not(.cl-disabled):active {
  background-color: #d9cbef;
  color: #013c33;
  border-top: none;
  border-right: 1px solid #b9a0e2;
  border-left: 1px solid #b9a0e2;
  border-bottom: 1px solid #b9a0e2;
}
.cl-button.btn_search_tab:focus,
.cl-button.btn_search_tab.cl-focus {
  background-color: #d9cbef;
  color: #013c33;
  border-top: none;
  border-right: 1px solid #b9a0e2;
  border-left: 1px solid #b9a0e2;
  border-bottom: 1px solid #b9a0e2;
}
.btn_search_tab.close {
  height: 100%;
  background-image: url("image/sub/search_close.png");
  background-repeat: no-repeat;
  background-size: 38px 11px;
  background-position: 50% 50%;
}
.btn_search_tab.close:not(.cl-selected):hover,
.btn_search_tab.close:not(.cl-selected).cl-hover {
  background-image: url("image/sub/search_close.png");
  background-color: #d9cbef;
}
.btn_search_tab.close:not(.cl-disabled).cl-active,
.btn_search_tab.close:not(.cl-disabled):active {
  background-image: url("image/sub/search_close.png");
  background-color: #d9cbef;
}
.btn_search_tab.close:focus,
.btn_search_tab.close.cl-focus {
  background-image: url("image/sub/search_close.png");
  background-color: #d9cbef;
}
.btn_search_tab.open {
  height: 100%;
  background-image: url("image/sub/search_open.png");
  background-repeat: no-repeat;
  background-size: 61px 11px;
  background-position: 50% 50%;
}
.btn_search_tab.open:not(.cl-selected):hover,
.btn_search_tab.open:not(.cl-selected).cl-hover {
  background-image: url("image/sub/search_open.png");
  background-color: #d9cbef;
}
.btn_search_tab.open:not(.cl-disabled).cl-active,
.btn_search_tab.open:not(.cl-disabled):active {
  background-image: url("image/sub/search_open.png");
  background-color: #d9cbef;
}
.btn_search_tab.open:focus,
.btn_search_tab.open.cl-focus {
  background-image: url("image/sub/search_open.png");
  background-color: #d9cbef;
}
.btn_editer {
  height: 100%;
  background-image: url("image/sub/btn_editer_size.png");
  background-repeat: no-repeat;
  background-size: 124px 23px;
  background-position: 50% 50%;
  border: 1px solid #cecfd3;
}
.btn_editer:not(.cl-selected):hover,
.btn_editer:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_editer_size.png");
  background-color: transparent;
  color: #222;
  border: 1px solid #cecfd3;
}
.btn_editer:not(.cl-disabled).cl-active,
.btn_editer:not(.cl-disabled):active {
  background-image: url("image/sub/btn_editer_size.png");
  background-color: transparent;
  color: #222;
  border: 1px solid #cecfd3;
}
.btn_editer:focus,
.btn_editer.cl-focus {
  background-image: url("image/sub/btn_editer_size.png");
  background-color: transparent;
  color: #222;
  border: 1px solid #cecfd3;
}
.btn_toolbar1 {
  height: 100%;
  background-image: url("image/sub/btn_toolbar1.png");
  background-repeat: no-repeat;
  background-size: 68px 23px;
  background-position: 50% 50%;
  border: 1px solid #cecfd3;
}
.btn_toolbar1:not(.cl-selected):hover,
.btn_toolbar1:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_toolbar1.png");
  background-color: transparent;
  color: #222;
  border: 1px solid #cecfd3;
}
.btn_toolbar1:not(.cl-disabled).cl-active,
.btn_toolbar1:not(.cl-disabled):active {
  background-image: url("image/sub/btn_toolbar1.png");
  background-color: transparent;
  color: #222;
  border: 1px solid #cecfd3;
}
.btn_toolbar1:focus,
.btn_toolbar1.cl-focus {
  background-image: url("image/sub/btn_toolbar1.png");
  background-color: transparent;
  color: #222;
  border: 1px solid #cecfd3;
}
.btn_toolbar2 {
  height: 100%;
  background-image: url("image/sub/btn_toolbar2.png");
  background-repeat: no-repeat;
  background-size: 68px 23px;
  background-position: 50% 50%;
  border: 1px solid #cecfd3;
}
.btn_toolbar2:not(.cl-selected):hover,
.btn_toolbar2:not(.cl-selected).cl-hover {
  background-image: url("image/sub/btn_toolbar2.png");
  background-color: transparent;
  color: #222;
  border: 1px solid #cecfd3;
}
.btn_toolbar2:not(.cl-disabled).cl-active,
.btn_toolbar2:not(.cl-disabled):active {
  background-image: url("image/sub/btn_toolbar2.png");
  background-color: transparent;
  color: #222;
  border: 1px solid #cecfd3;
}
.btn_toolbar2:focus,
.btn_toolbar2.cl-focus {
  background-image: url("image/sub/btn_toolbar2.png");
  background-color: transparent;
  color: #222;
  border: 1px solid #cecfd3;
}
.crm_rolling_btn1 {
  height: 100%;
  background-image: url("image/sub/ico_rolling1.png");
  background-repeat: no-repeat;
  background-size: 9px 5px;
  background-position: 50% 50%;
  background-color: #ffffff;
  border-left: 1px solid #e0e1e3;
}
.crm_rolling_btn1:not(.cl-selected):hover,
.crm_rolling_btn1:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_rolling1.png");
  background-color: transparent;
  border-left: 1px solid #e0e1e3;
}
.crm_rolling_btn1:not(.cl-disabled).cl-active,
.crm_rolling_btn1:not(.cl-disabled):active {
  background-image: url("image/sub/ico_rolling1.png");
  background-color: transparent;
  border-left: 1px solid #e0e1e3;
}
.crm_rolling_btn1:focus,
.crm_rolling_btn1.cl-focus {
  background-image: url("image/sub/ico_rolling1.png");
  background-color: transparent;
  border-left: 1px solid #e0e1e3;
}
.crm_rolling_btn2 {
  height: 100%;
  background-image: url("image/sub/ico_rolling2.png");
  background-repeat: no-repeat;
  background-size: 9px 5px;
  background-position: 50% 50%;
  background-color: #ffffff;
  border-left: 1px solid #e0e1e3;
}
.crm_rolling_btn2:not(.cl-selected):hover,
.crm_rolling_btn2:not(.cl-selected).cl-hover {
  background-image: url("image/sub/ico_rolling2.png");
  background-color: transparent;
  border-left: 1px solid #e0e1e3;
}
.crm_rolling_btn2:not(.cl-disabled).cl-active,
.crm_rolling_btn2:not(.cl-disabled):active {
  background-image: url("image/sub/ico_rolling2.png");
  background-color: transparent;
  border-left: 1px solid #e0e1e3;
}
.crm_rolling_btn2:focus,
.crm_rolling_btn2.cl-focus {
  background-image: url("image/sub/ico_rolling2.png");
  background-color: transparent;
  border-left: 1px solid #e0e1e3;
}
/* calender header 수정*/
.crm_calendar_left .data_in {
  position: relative;
  padding: 0;
  height: 37px;
  border: none;
  border-bottom: none;
  background-color: #ffffff;
  color: #222222;
  font-size: 14px;
  font-weight: bold;
}
.crm_calendar_left .data_in .pre_y {
  /* 캘린더 이전 년도 버튼 */
  position: absolute;
  top: 50%;
  left: 157px;
  margin-top: 7px;
  background-size: 8px 7px;
  background-image: url("image/sub/ico_date_first2.png");
  background-color: #ffffff;
  background-repeat: no-repeat;
}
.crm_calendar_left .data_in .nex_y {
  /* 캘린더 이후 년도 버튼 */
  position: absolute;
  top: 50%;
  right: 157px;
  margin-top: -6px;
  background-size: 8px 7px;
  background-image: url("image/sub/ico_date_first2.png");
  background-color: #ffffff;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
.crm_calendar_left .data_in .pre_m {
  /* 캘린더 이전 달 버튼 */
  position: absolute;
  top: 50%;
  left: 175px;
  margin-top: 7px;
  background-size: 4px 7px;
  background-image: url("image/sub/ico_date_prev2.png");
  background-color: #ffffff;
  background-repeat: no-repeat;
}
.crm_calendar_left .data_in .nex_m {
  /* 캘린더 다음 달 버튼 */
  position: absolute;
  top: 50%;
  right: 175px;
  margin-top: -6px;
  background-size: 4px 7px;
  background-image: url("image/sub/ico_date_prev2.png");
  background-color: #ffffff;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
.crm_calendar_left .data_in .pre_m:not(.cl-disabled):hover,
.crm_calendar_left .data_in .pre_m:not(.cl-disabled).cl-hover {
  cursor: pointer;
}
.crm_main_calendar .data_in {
  position: relative;
  padding: 0;
  height: 37px;
  border: none;
  border-bottom: none;
  background-color: #ffffff;
  color: #222222;
  font-size: 14px;
  font-weight: bold;
}
.crm_main_calendar .data_in .pre_y {
  /* 캘린더 이전 년도 버튼 */
  position: absolute;
  top: 50%;
  left: 157px;
  margin-top: 3px;
  background-size: 8px 7px;
  background-image: url("image/sub/ico_date_first2.png");
  background-color: #ffffff;
  background-repeat: no-repeat;
}
.crm_main_calendar .data_in .nex_y {
  /* 캘린더 이후 년도 버튼 */
  position: absolute;
  top: 50%;
  right: 157px;
  margin-top: -10px;
  background-size: 8px 7px;
  background-image: url("image/sub/ico_date_first2.png");
  background-color: #ffffff;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
.crm_main_calendar .data_in .pre_m {
  /* 캘린더 이전 달 버튼 */
  position: absolute;
  top: 50%;
  left: 175px;
  margin-top: 3px;
  background-size: 4px 7px;
  background-image: url("image/sub/ico_date_prev2.png");
  background-color: #ffffff;
  background-repeat: no-repeat;
}
.crm_main_calendar .data_in .nex_m {
  /* 캘린더 다음 달 버튼 */
  position: absolute;
  top: 50%;
  right: 175px;
  margin-top: -10px;
  background-size: 4px 7px;
  background-image: url("image/sub/ico_date_prev2.png");
  background-color: #ffffff;
  transform: rotate(180deg);
  background-repeat: no-repeat;
}
.crm_main_calendar .data_in .pre_m:not(.cl-disabled):hover,
.crm_main_calendar .data_in .pre_m:not(.cl-disabled).cl-hover {
  cursor: pointer;
}
/* 아코디언 */
.cl-accordion {
  border: 1px solid #bbb;
  background-color: #fff;
  color: #222;
  font: 12px sans-serif;
  /** 아코디언의 각 헤더 */
}
.cl-accordion .cl-accordion-header {
  background-color: #F2F4F5;
  color: #222;
  border: solid 1px #B7B8BA;
  /** 아코디언 펼침 버튼 */
  /* 아코디언 헤더에 마우스가 호버되었을 떄의 스타일 */
  /* 아코디언 헤더를 클릭했을 때의 스타일 */
}
.cl-accordion .cl-accordion-header:hover {
  background-color: #D7D7D9;
}
.cl-accordion .cl-accordion-header.cl-activated {
  background-color: #208AED;
  border-color: #208AED;
  color: #FFFFFF;
  /* 클릭된 헤더의 펼침 버튼 아이콘 */
}
.cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder) {
  /* 아코디언 컨텐츠 */
}
.cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
  border: solid 1px #208AED;
}
.cl-accordion .cl-accordion-section+.cl-accordion-header {
  /* 아코디언 섹션간의 간격 */
  margin-top: 4px;
}
/* Disabled 상태의 아코디언 */
.cl-accordion.cl-disabled {
  /* 선택된 헤더 */
}
.cl-accordion.cl-disabled .cl-accordion-header.cl-activated {
  background-color: #ccc;
  border-color: #ccc;
  color: #777;
}
.cl-accordion.cl-disabled .cl-accordion-section:not(.cl-accordion-placeholder) {
  /* 선택된 바디 */
}
.cl-accordion.cl-disabled .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
  border-color: #ccc;
}
.popup_accordion {
  border: none;
  background-color: #fff;
  color: #222;
}
.popup_accordion .cl-accordion-header {
  line-height: 43px;
  border-radius: 0;
  padding: 0 15px;
  background-color: #e8eaed;
  color: #222;
  font-size: 14px;
  font-weight: 600;
  border: solid 1px #cbced3;
}
.popup_accordion .cl-accordion-header:hover {
  background-color: #44227a;
  color: #fff;
  border: solid 1px #44227a;
}
.popup_accordion .cl-accordion-header.cl-activated {
  background-color: #44227a;
  color: #fff;
  border: solid 1px #44227a;
}
.popup_accordion .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
  border: none;
}
.popup_accordion .cl-accordion-section + .cl-accordion-header {
  margin-top: 1px;
}
.cl-accordion.cl-disabled .cl-accordion-header.cl-activated {
  background-color: #ccc;
  border-color: #ccc;
  color: #777;
}
.cl-accordion.cl-disabled .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
  border-color: #ccc;
}
/* 인풋 박스 루트 */
.cl-inputbox {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #222;
  border: 1px solid #cecfd3;
  background-color: #fff;
  background-image: none;
  /* 인풋 박스 텍스트 */
  /* 인풋 박스 - 포커스 상태 */
  /* 인풋 박스 - disabled 상태 */
}
.cl-inputbox .cl-inputbox .cl-text::-webkit-input-placeholder {
  color: #cecfd3;
}
.cl-inputbox .cl-inputbox .cl-text::-moz-placeholder {
  color: #cecfd3;
}
.cl-inputbox .cl-inputbox .cl-text:-ms-input-placeholder {
  color: #cecfd3;
}
.cl-inputbox.cl-focus {
  border: 1px solid #44227a;
}
.cl-inputbox.cl-disabled {
  color: #222;
  border-color: 1px solid #cecfd3;
  background-image: none;
  background-color: #e8eaed;
}
.cl-inputbox.cl-selected {
  border: 1px solid #44227a;
}
.login_input {
  padding-left: 31px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 4px center;
  border: none;
  border-bottom: 2px solid #cecfd3;
  color: #555555;
  font-weight: 550;
}
.login_input .cl-inputbox .cl-text::-webkit-input-placeholder {
  color: #cecfd3;
}
.login_input .cl-inputbox .cl-text::-moz-placeholder {
  color: #cecfd3;
}
.login_input .cl-inputbox .cl-text:-ms-input-placeholder {
  color: #cecfd3;
}
.must {
  background-color: #f0ecd8;
  color: #013c33;
}
.dim {
  background-color: #e8eaed;
}
.cl-grid .cl-grid-cell .underline {
  cursor: pointer;
}
.cl-grid .cl-grid-cell .underline .cl-text {
  color: #44227a;
}
.cl-grid .cl-grid-cell .underline .cl-text:hover {
  text-decoration: underline;
}
/* 슬라이더 */
.cl-slider {
  font: 12px sans-serif;
  /* 슬라이더 바 */
}
.cl-slider .cl-slider-bar {
  background-color: #fff;
  border: 1px solid #bbb;
  /* 슬라이더 가로 바 */
  /* 슬라이더 세로 바*/
  /* 슬라이더 핸들 */
  /* 슬라이더 선택 영역 표시 바 */
}
.cl-slider .cl-slider-bar.cl-horizontal {
  background-image: linear-gradient(#ddd, white 3px);
}
.cl-slider .cl-slider-bar.cl-vertical {
  background-image: linear-gradient(to right, #ddd, white 3px);
}
.cl-slider .cl-slider-bar .cl-slider-handle {
  /* 슬라이더 가로바 핸들 */
  /* 슬라이더 세로바 핸들 */
}
.cl-slider .cl-slider-bar .cl-slider-range {
  background-color: #7ebcf5;
}
.cl-slider.cl-focus {
  /* 슬라이더 바 - focus */
}
.cl-slider.cl-focus .cl-slider-bar {
  border-color: #44227a;
}
.cl-slider.cl-disabled {
  /* 슬라이더 바 핸들 - disabled */
  /* 슬라이더 바 선택 영역 - disabled */
}
.cl-slider.cl-disabled .cl-slider-range {
  background-color: #ccc;
}
.cl-slider:not(.cl-disabled) .cl-slider-bar .cl-slider-handle {
  /* 슬라이더 바 핸들 - hover */
}
/* 아웃풋 */
.cl-output {
  font-size: 12px;
  color: #222;
}
.cl-output.cl-disabled {
  color: #222;
}
.search_txt.cl-output {
  font-size: 12px;
  color: #222;
  font-weight: 600;
  letter-spacing: -0.8px;
}
.search_txt.cl-output.eng_txt {
  letter-spacing: -0.1px !important;
}
.eng_txt {
  letter-spacing: -0.1px !important;
}
.sub_headline.cl-output {
  font-size: 16px;
  color: #222;
  font-weight: 600;
}
.sub_headline2.cl-output {
  font-size: 16px;
  color: #a4a3a3;
  font-weight: 600;
}
.h3.cl-output {
  font-size: 14px;
  color: #44227a;
  font-weight: 600;
}
.h3_black.cl-output {
  font-size: 14px;
  color: #000000;
  font-weight: 600;
}
.bold_txt.cl-output {
  font-weight: 600;
  color: #222;
  font-size: 12px;
}
.bold_txt2.cl-output {
  font-weight: 600;
  color: #222;
  font-size: 13px;
}
.green_txt.cl-output {
  font-size: 12px;
  font-weight: 400;
  color: #44227a;
}
.greenbold_txt.cl-output {
  font-size: 12px;
  font-weight: 600;
  color: #44227a;
}
.under_txt.cl-output {
  text-decoration: underline;
}
.red_txt.cl-output {
  color: #fe2501;
  font-size: 12px;
  font-weight: 400;
}
.redbold_txt.cl-output {
  color: #fe2501;
  font-size: 12px;
  font-weight: 600;
}
.darkgreen_txt.cl-output {
  font-size: 12px;
  font-weight: 400;
  color: #013c33;
}
.darkgreenbold_txt.cl-output {
  font-size: 12px;
  font-weight: 600;
  color: #013c33;
}
.s_txt.cl-output {
  color: #222;
  border: 1px solid #cecfd3;
  background-color: #fff;
  text-align: center;
}
.important_txt .cl-output {
  font-weight: bold;
}
.must {
  background-color: #f0ecd8;
  color: #013c33;
}
.dim {
  background-color: #e8eaed;
}
.underline {
  cursor: pointer;
}
.underline .cl-text {
  color: #44227a;
}
.underline .cl-text:hover {
  text-decoration: underline;
  font-weight: bold;
}
.sub_bullet {
  padding-left: 7px;
  background-image: url("image/sub/ico_left.png");
  background-position: left;
  background-repeat: no-repeat;
}
.sub_bullet2 {
  width: 1px;
  heigth: 11px;
  background-image: url("image/sub/ico_bullet_gray.png");
  background-position: right;
  background-repeat: no-repeat;
}
.file_img_txt {
  padding-left: 22px;
  background-image: url("image/sub/btn_openpopup.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 19px;
}
.ico_op1 {
  width: 19px;
  height: 19px;
  background-image: url("image/sub/ico_em.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 19px;
  color: transparent;
}
.navi_section .top_navi .cl-output {
  font-size: 12px;
  font-weight: 600;
}
.tab_section .top_tab .cl-output {
  font-weight: 600;
  text-align: center;
}
.bgc_01 .cl-text {
  background-color: #e8eaed;
}
.crm_factory_txt .cl-output {
  text-align: center;
  font-size: 18px;
  color: #222222;
  font-weight: 900;
  line-height: 0;
}
.crm_factory_txt .crm_factory_tit {
  font-size: 30px;
  line-height: 0;
}
.crm_rolling_info .cl-output {
  font-size: 14px;
  font-weight: 600;
}
.crm_pop_h2 {
  font-weight: 600;
  font-size: 13px;
}
.crm_pop_type1_on .crm_pop_tit {
  text-align: center;
  background-color: #d2ece7;
  border-bottom: 1px solid #b9d4cf;
  color: #013c33;
  font-weight: 800;
  font-size: 12px;
}
.crm_pop_type1_off .crm_pop_tit {
  text-align: center;
  background-color: #d2ece7;
  border-bottom: 1px solid #b9d4cf;
  color: #013c33;
  font-weight: 800;
  font-size: 12px;
}
.crm_calendar_left .data_in .crm_sche_tit {
  font-size: 16px;
  font-weight: 600;
}
.crm_calendar_left .data_in .sche_name .cl-output {
  color: #013c33;
  font-size: 12px;
  font-weight: 600;
}
.crm_main .my_active_tit {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}
.crm_main .my_active_tit .active_txt {
  font-size: 24px;
  font-weight: 800;
  line-height: 0;
  text-align: center;
}
.crm_main .my_active_tit .active_num {
  font-size: 50px;
  font-weight: 800;
  line-height: 0;
  text-align: center;
  color: #44227a;
}
.crm_main .my_active_tit .active_tot {
  font-size: 22px;
  font-weight: 800;
  line-height: 0;
  text-align: center;
}
.crm_main .my_active_tb .tb_tit {
  font-size: 14px;
  font-weight: 600;
}
.main_cal_txt1 {
  padding-left: 10px;
  font-weight: 600;
}
.main_cal_txt2 {
  padding-left: 12px;
  font-weight: 600;
}
.cl-grid.table_03 .table03_th .cl-text {
  text-align: center;
  color: #013c33;
}
.cl-grid.table_03 .txt-b .cl-text {
  font-weight: bold;
}
/* 텍스트 에리어 */
.cl-textarea {
  padding: 5px;
  font-size: 12px;
  font-weight: 400;
  border: 1px solid #cecfd3;
  color: #222;
  box-shadow: none;
  background-image: none;
  /* 텍스트 에리어 텍스트 */
  /* 텍스트 에리어 - disabled */
  /* 텍스트 에리어 - focus*/
}
.cl-textarea .cl-text {
  font-size: 12px;
  color: #222;
}
.cl-textarea.cl-disabled {
  border: 1px solid #cecfd3;
  background-color: #fff;
  color: #222;
  background-image: none;
}
.cl-textarea.cl-focus {
  border: 1px solid #44227a;
  box-shadow: none;
  background-image: none;
}
.read_only {
  padding: 20px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
  /* 텍스트 에리어 - focus*/
}
.read_only textarea {
  line-height: 17px;
}
.read_only.cl-disabled {
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
}
.read_only.cl-focus {
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
}
.info_read_only {
  padding: 0;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
  /* 텍스트 에리어 - focus*/
}
.info_read_only textarea {
  padding: 0;
  line-height: 20px;
}
.info_read_only.cl-disabled {
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
}
.info_read_only.cl-focus {
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
}
.join_read_only {
  padding: 30px 10px 30px 30px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: #f7f7f8;
  color: #222;
  /* 텍스트 에리어 - focus*/
}
.join_read_only textarea {
  padding: 0;
  line-height: 20px;
}
.join_read_only.cl-disabled {
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: #f7f7f8;
  color: #222;
}
.join_read_only.cl-focus {
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: #f7f7f8;
  color: #222;
}
.bd_read_only {
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #cecfd3;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
  /* 텍스트 에리어 - focus*/
}
.bd_read_only textarea {
  line-height: 17px;
}
.bd_read_only.cl-disabled {
  border: 1px solid #cecfd3;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
}
.bd_read_only.cl-focus {
  border: 1px solid #cecfd3;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
}
.bd_read_only2 {
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #cecfd3;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
  /* 텍스트 에리어 - focus*/
}
.bd_read_only2 textarea {
  line-height: 17px;
}
.bd_read_only2.cl-disabled {
  border: 1px solid #cecfd3;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
}
.bd_read_only2.cl-focus {
  border: 1px solid #cecfd3;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
}
.print_read_only {
  padding: 10px 0 20px 0;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
  /* 텍스트 에리어 - focus*/
}
.print_read_only textarea {
  line-height: 17px;
}
.print_read_only.cl-disabled {
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
}
.print_read_only.cl-focus {
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
}
.table03_td .read_only .cl-text {
  overflow: auto !important;
}
/* 라디오 버튼 */
.cl-radiobutton {
  font: 12px sans-serif;
  color: #222;
  /* 라디오 버튼 아이템 */
  /* 라디오 버튼 - disabled */
}
.cl-radiobutton .cl-radiobutton-item {
  /* 라디오 버튼 아이템 텍스트 */
}
.cl-radiobutton .cl-radiobutton-item.cl-selected {
  /* 라디오 버튼 아이템 아이콘 - 선택됨 */
}
.cl-radiobutton .cl-radiobutton-item.cl-selected .cl-radiobutton-icon {
  outline: none;
  border: none;
  background-image: url("image/sub/radio_check.png");
  background-size: 16px;
}
.cl-radiobutton.cl-focus .cl-radiobutton-item {
  border: none;
}
.cl-radiobutton.cl-focus .cl-radiobutton-item.cl-selected {
  /* 라디오 버튼 아이템 아이콘 - focus */
}
.cl-radiobutton.cl-focus .cl-radiobutton-item.cl-selected .cl-radiobutton-icon {
  outline: none;
  background-image: url("image/sub/radio_check.png");
  background-size: 16px;
}
.cl-radiobutton.cl-disabled .cl-text {
  color: #666;
}
.cl-radiobutton.cl-disabled .cl-radiobutton-item.cl-selected {
  /* 라디오 버튼 아이템 아이콘 - disabled, selected */
}
.cl-radiobutton.cl-disabled .cl-radiobutton-item.cl-selected .cl-radiobutton-icon {
  background-image: url("image/sub/radio_check.png");
  background-size: 16px;
}
.cl-radiobutton:not(.cl-disabled) .cl-radiobutton-item:not(.cl-selected):not(.cl-disabled) {
  /* 라디오 버튼 아이템 아이콘 - hover */
}
.cl-radiobutton:not(.cl-disabled) .cl-radiobutton-item:not(.cl-selected):not(.cl-disabled):hover .cl-radiobutton-icon {
  background-image: url("image/sub/radio_check.png");
  background-size: 16px;
}
.popup_radio .cl-radiobutton-item {
  padding: 0;
}
.popup_radio2 .cl-radiobutton-item {
  padding-left: 20px;
  height: 31px;
  border-bottom: 1px solid #b9a0e2;
}
.popup_radio2 .cl-radiobutton-item.cl-last-row {
  border-bottom: none;
}
/* 체크 박스 스타일 */
.cl-checkbox {
  padding: 0px;
  /* 체크 박스 아이콘 - 기본 상태 */
  /* 체크 박스 텍스트 */
  /* 체크 박스 disabled 상태 */
}
.cl-checkbox .cl-checkbox-icon {
  margin: 0;
  background-image: url("image/sub/ico_checkbox_not.png");
  background-size: 15px;
}
.cl-checkbox .cl-text {
  padding: 0px;
}
.cl-checkbox.cl-checked {
  padding: 0px;
  /* 체크 박스 아이콘 - 선택된 상태 */
}
.cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("image/sub/ico_checkbox.png");
  background-size: 15px;
}
.cl-checkbox.cl-partialchecked {
  /* 체크 박스 아이콘 - 일부 선택 상태 (grid header에서 사용) */
}
.cl-checkbox.cl-partialchecked .cl-checkbox-icon {
  background-image: url("image/sub/ico_checkbox_-.png");
  background-size: 15px;
}
.cl-checkbox.cl-disabled.cl-checked {
  /* 체크 박스 disabled 상태에서 선택된 체크박스 아이콘 */
}
.cl-checkbox.cl-disabled.cl-checked .cl-checkbox-icon {
  background-image: url("image/sub/ico_checkbox.png");
  background-size: 15px;
}
.cl-checkbox.focus .cl-checkbox-item {
  border: none;
  outline: none;
}
.cl-checkbox.focus .cl-checkbox-item.cl-selected {
  outline: none;
}
.cl-checkbox.focus .cl-checkbox-item.cl-selected .cl-checkbox-icon {
  outline: none;
}
.cl-checkbox:not(.cl-disabled):not(.cl-checked):not(.cl-partialchecked):hover,
.cl-checkbox:not(.cl-disabled):not(.cl-checked):not(.cl-partialchecked).cl-hover {
  /* 체크 박스 아이콘 호버 상태 */
}
.cl-checkbox:not(.cl-disabled):not(.cl-checked):not(.cl-partialchecked):hover .cl-checkbox-icon,
.cl-checkbox:not(.cl-disabled):not(.cl-checked):not(.cl-partialchecked).cl-hover .cl-checkbox-icon {
  background-image: url("image/sub/ico_checkbox_hover.png");
}
/* 체크박스 그룹 */
.cl-checkboxgroup {
  font: 12px sans-serif;
  color: #222;
  /* 그룹 내 체크 박스 */
  /* disabled 상태 */
}
.cl-checkboxgroup.cl-disabled {
  color: #666;
}
.cl-checkboxgroup.cl-disabled .cl-checkbox {
  /* disabled 상태에서 선택된 체크 박스 아이템 텍스트 */
}
.cl-checkboxgroup.cl-disabled .cl-checkbox .cl-text {
  color: #666;
}
.cl-checkboxgroup.cl-disabled .cl-checkbox .cl-checked {
  /* disabled 상태에서 선택된 체크 박스 아이콘 */
}
.cl-checkboxgroup.cl-disabled .cl-checkbox .cl-checked .cl-checkbox-icon {
  background-image: url("image/sub/ico_checkbox.png");
}
.cl-checkboxgroup.cl-focus .cl-checkbox .cl-checkbox-icon {
  /* 포커스를 가진 체크박스 아이템의 아이콘 */
}
.cl-checkboxgroup.cl-focus .cl-checkbox .cl-checkbox-icon:focus {
  outline: 1px dotted black;
}
.cl-checkboxgroup:not(.cl-disabled) .cl-checkbox:not(.cl-checked):hover,
.cl-checkboxgroup:not(.cl-disabled) .cl-checkbox:not(.cl-checked).cl-hover {
  /* 체크 박스 아이콘 - 호버 */
}
.cl-checkboxgroup:not(.cl-disabled) .cl-checkbox:not(.cl-checked):hover .cl-checkbox-icon,
.cl-checkboxgroup:not(.cl-disabled) .cl-checkbox:not(.cl-checked).cl-hover .cl-checkbox-icon {
  background-image: url("image/sub/ico_checkbox_hover.png");
}
.checkbox_dim .cl-checkbox .cl-checkbox-icon {
  background-image: url("image/sub/ico_checkbox_dim.png");
}
/* 마스크 에디터 루트 */
.cl-maskeditor {
  font: 12px sans-serif;
  border: 1px solid #bbb;
  background-color: #fff;
  color: #222;
  /* 마스크 에디터 텍스트 */
  /* 마스크 에디터 - 포커스 */
  /* 마스크 에디터 - disabled */
}
.cl-maskeditor.cl-focus {
  border-color: #44227a;
}
.cl-maskeditor.cl-disabled {
  border-color: #ddd;
  background-color: #ccc;
  color: #222;
}
/* 콤보 박스 루트 */
.cl-combobox {
  padding: 0 10px;
  font-size: 12px;
  color: #222;
  border: 1px solid #cecfd3;
  background-color: #fff;
  background-image: none;
  /* 콤보 박스 펼침 버튼 */
  /* 포커스 상태 */
  /* 콤보 박스 disabled 상태 */
}
.cl-combobox .cl-combobox-button {
  background-image: url("image/sub/ico_select.png");
  background-size: 8px 4px;
  background-position: right center;
}
.cl-combobox.cl-focus {
  border: 1px solid #44227a;
}
.cl-combobox.cl-focus .cl-combobox-button {
  background-image: url("image/sub/ico_select_ing.png");
}
.cl-combobox.cl-disabled {
  border-color: 1px solid #cecfd3;
  background-image: none;
  background-color: #e8eaed;
}
.cl-combobox.cl-select .cl-combo-button {
  border: 1px solid red;
}
/* 콤보 박스 리스트 박스 */
.cl-combobox-list {
  margin-top: -2px;
  font-size: 12px;
  color: #222;
  border: 1px solid #44227a;
  /*리스트박스의 쉐도우*/
  /* 리스박스의 최대 높이*/
  /* 콤보 박스 리스트 아이템 */
}
.cl-combobox-list.cl-popup {
  box-shadow: none;
}
.cl-combobox-list .cl-viewport {
  max-height: 150px;
}
.cl-combobox-list .cl-combobox-item {
  /* 콤보 박스 리스트 아이템 체크박스 */
  /* 콤보 박스 리스트 아이템 텍스트 */
  /* 콤보 박스 리스트 아이템 - 선택 됨 */
  /* disabled 상태 콤보 박스 리스트 아이템 */
}
.cl-combobox-list .cl-combobox-item.cl-selected {
  background-color: transparent;
  color: #222;
}
.cl-combobox-list .cl-combobox-item.cl-disabled {
  border-top: transparent;
  background-color: #44227a;
  color: #fff;
  /* disabled 상태에서 선택된 콤보 박스 리스트 아이템 */
}
.cl-combobox-list .cl-combobox-item.cl-disabled.cl-selected {
  color: #222;
  background-color: transparent;
  border: none;
}
.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 {
  margin-top: -1px;
  color: #fff;
  background-color: #44227a;
}
.must {
  background-color: #f0ecd8;
  color: #013c33;
}
.dim {
  background-color: #e8eaed;
}
/* 링크드 콤보 박스 루트 */
.cl-linkedcombobox {
  font: 12px sans-serif;
  color: #222;
  /* 콤보 박스 */
  /* 콤보 박스 - 포커스 상태 */
  /* 콤보 박스 - disabled 상태 */
}
.cl-linkedcombobox .cl-linkedcombobox-combo {
  border: 1px solid #bbb;
  background-color: #fff;
  width: 150px;
  /* 콤보 박스 인풋 텍스트 */
  /* 콤보 박스 펼침 버튼 */
}
.cl-linkedcombobox.cl-disabled {
  /* 콤보 박스 펼침 버튼 - disabled 상태 */
}
/* 콤보 박스 리스트 박스 */
.cl-linkedcombobox-list {
  font: 12px sans-serif;
  color: #222;
  border: 1px solid #44227a;
  background-color: white;
  /*리스트박스의 쉐도우*/
  /* 콤보 박스 아이템 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item {
  /* 콤보 박스 아이템 텍스트 */
  /* 콤보 박스 아이템 드릴다운 아이콘 */
  /* 콤보 박스 아이템 리프 아이콘 */
  /* 콤보 박스 아이템 - 선택됨 */
  /* 콤보 박스 아이템 - disabled 상태 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item.cl-selected {
  background-color: #208AED;
  color: #FFFFFF;
  /* 콤보 박스 아이템 드릴 다운 아이콘 - 선택됨 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item.cl-disabled {
  color: #666;
  /* 콤보 박스 아이템 - 선택됨, disabled 상태 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item.cl-disabled.cl-selected {
  color: #777;
  background-color: #ccc;
}
.cl-linkedcombobox-list .cl-linkedcombobox-item:not(.cl-disabled) {
  /* 콤보 박스 아이템 - 호버 상태 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item:not(.cl-disabled):not(.cl-selected):hover,
.cl-linkedcombobox-list .cl-linkedcombobox-item:not(.cl-disabled):not(.cl-selected).cl-hover {
  color: #333435;
  background-color: #DAEFFC;
}
/* 다이얼로그 루트 */
.cl-dialog {
  border: none;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  /* 다이얼로그 헤더 */
}
.cl-dialog .cl-dialog-header {
  padding: 0 20px;
  height: 60px;
  line-height: 60px;
  box-sizing: border-box;
  background-color: #333645;
  border: 1px solid #333645;
  /* 다이얼로그 헤더 텍스트 */
  /* 다이얼로그 닫기 버튼 */
  /* 다이얼로그 닫기 버튼 - 호버 */
  /* 다이얼로그 닫기 버튼 - 액티브 */
}
.cl-dialog .cl-dialog-header .cl-text {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.cl-dialog .cl-dialog-header .cl-dialog-close {
  width: 16px;
  height: 16px;
  padding-top: 60px;
  background-image: url("image/common/btn_popup_close.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100%;
}
.cl-dialog .cl-dialog-header .cl-dialog-close:hover {
  background-image: url("image/common/btn_popup_close.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100%;
}
.cl-dialog .cl-dialog-header .cl-dialog-close:active {
  background-image: url("image/common/btn_popup_close.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100%;
}
/* 트리 */
.cl-tree {
  border: 1px solid #bbb;
  font: 12px sans-serif;
  background-color: #fff;
  /* 트리 아이템 */
  /* 트리 - focus */
}
.cl-tree .cl-tree-item {
  /* 트리 아이템 체크박스 아이콘 */
  /* 트리 아이템 아이콘 영역 */
  /* 트리 아이템의 펼치고 접혀지는 아이콘 영역*/
  /* 트리 아이템 텍스트 */
  /* 트리 아이템 - 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: #666;
  /* 트리 아이템 - disabled, selected */
}
.cl-tree .cl-tree-item.cl-disabled.cl-selected {
  color: #777;
  background-color: #ccc;
}
.cl-tree .cl-tree-item.cl-selected {
  background-color: #208AED;
  color: #FFFFFF;
}
.cl-tree .cl-tree-item.cl-selected.cl-folder {
  /* 트리 아이템 폴더 펼쳐짐 아이콘 - selected */
  /* 트리 아이템 폴더 점힘 아이콘 - selected */
}
.cl-tree.cl-focus {
  border-color: #44227a;
}
.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: #DAEFFC;
  color: #333435;
}
/* 트리 - disabled */
.cl-tree.cl-disabled {
  color: #666;
  border-color: #ddd;
  /* 트리 아이템 - disabled, selected */
}
.cl-tree.cl-disabled .cl-tree-item.cl-selected {
  background-color: #ccc;
  color: #777;
}
/* 그리드 */
.cl-grid {
  color: #222;
  border: none;
  /* 그리드 헤더 */
  /* 셀 */
  /* 그리드 푸터 */
  /* 스크롤 바 위 아래의 빈 영역 */
  /* 스플릿 시 좌측 그리드 래퍼 */
  /* 스플릿 시 우측 그리드 래퍼 */
}
.cl-grid .cl-grid-header {
  background-image: none;
  /* 그리드 헤더 셀 */
  /* 그리드 헤더 셀 소트 인디케이터 */
}
.cl-grid .cl-grid-header .cl-grid-cell {
  background-color: #d9cbef;
  background-image: none;
  /* 그리드 헤더 셀에 임베딩 된 컨트롤 */
}
.cl-grid .cl-grid-header .cl-grid-cell .cl-text {
  letter-spacing: -1px;
  font-size: 12px;
  font-weight: 600;
  color: #013c33;
}
.cl-grid .cl-grid-header .cl-sort {
  /* 그리드 헤더 셀 소트 인디케이터 - 소트가능 */
  /* 그리드 헤더 셀 소트 인디케이터 - 오름차순 정렬됨 */
  /* 그리드 헤더 셀 소트 인디케이터 - 내림차순 정렬됨 */
}
.cl-grid .cl-grid-cell {
  border-right: 1px solid transparent;
  border-bottom: 1px solid #b9a0e2;
  /* 텍스트  */
  /* 셀에 포함된 컨트롤 */
  /* 선택된 셀 */
  /* 그룹 펼침 버튼 */
}
.cl-grid .cl-grid-cell.table_active_txt .cl-text {
  color: #44227a;
}
.cl-grid .cl-grid-cell.table_active_txt .cl-text:hover {
  cursor: pointer;
  text-decoration: underline;
}
.cl-grid .cl-grid-cell .table_active_txt .cl-text {
  color: #44227a !important;
}
.cl-grid .cl-grid-cell .table_active_txt .cl-text:hover {
  cursor: pointer;
  text-decoration: underline;
}
.cl-grid .cl-grid-cell.table_green_txt .cl-text {
  color: #44227a;
}
.cl-grid .cl-grid-cell.table_green_txt .cl-text:hover {
  text-decoration: normal;
}
.cl-grid .cl-grid-cell.table_red_txt .cl-text {
  color: #fe2501;
}
.cl-grid .cl-grid-cell.table_red_active_txt .cl-text {
  color: #fe2501;
}
.cl-grid .cl-grid-cell.table_red_active_txt .cl-text:hover {
  cursor: pointer;
  text-decoration: underline;
}
.cl-grid .cl-grid-cell .table_red_txt .cl-text {
  color: #fe2501;
}
.cl-grid .cl-grid-cell.table_gray_txt .cl-text {
  color: #e8eaed;
}
.cl-grid .cl-grid-cell .table_gray_txt .cl-text {
  color: #e8eaed;
}
.cl-grid .cl-grid-cell.table_brown_txt .cl-text {
  color: #b19c8c;
}
.cl-grid .cl-grid-cell.table_brown_txt .cl-text:hover {
  cursor: pointer;
  text-decoration: underline;
}
.cl-grid .cl-grid-cell .table_brown_txt .cl-text {
  color: #b19c8c;
}
.cl-grid .cl-grid-cell .table_brown_txt .cl-text:hover {
  cursor: pointer;
  text-decoration: underline;
}
.cl-grid .cl-grid-cell .cl-text {
  color: #222;
  font-weight: 400;
}
.cl-grid .cl-grid-cell .cl-control {
  padding: 0 6px;
}
.cl-grid .cl-grid-cell.cl-selected {
  background-color: transparent;
  color: #222;
}
.cl-grid .cl-grid-cell .cl-expander {
  background-image: none;
  /* 그룹 펼침 버튼 - 펼쳐짐 */
}
.cl-grid .cl-grid-cell .cl-expander.cl-expanded {
  background-image: none;
}
.cl-grid .cl-grid-cell .read_only {
  padding: 20px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
  /* 텍스트 에리어 - focus*/
}
.cl-grid .cl-grid-cell .read_only textarea {
  line-height: 17px;
}
.cl-grid .cl-grid-cell .read_only.cl-disabled {
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
}
.cl-grid .cl-grid-cell .read_only.cl-focus {
  border: none;
  box-shadow: none;
  background-image: none;
  background-color: #fff;
  color: #222;
}
.cl-grid tr {
  /* 보기 모드의 로우 */
  /* 추가된 로우 */
  /* 수정된 로우 */
  /* 삭제된 로우 */
  /* 선택된 로우 - 보기 모드 */
  /* 편집중인 로우 */
}
.cl-grid tr.cl-inserted {
  background-color: #fff;
  color: #222;
  font-weight: 400;
}
.cl-grid tr.cl-modified {
  background-color: #fff;
  color: #222;
  font-weight: 400;
}
.cl-grid tr.cl-deleted {
  background-color: #fff;
  color: #222;
  font-weight: 400;
}
.cl-grid tr.cl-selected {
  background-color: #f1e7dd;
  color: #222;
}
.cl-grid tr.cl-selected:focus,
.cl-grid tr.cl-selected .cl-focus {
  background-color: #f1e7dd;
  color: #222;
}
.cl-grid tr.cl-editing {
  background-color: #f1e7dd;
}
.cl-grid .cl-grid-footer {
  border-top: 1px solid #b9a0e2;
  background-color: #f5fcfb;
}
.cl-grid .cl-grid-footer .cl-text {
  font-weight: bold;
}
.cl-grid .cl-grid-blank {
  border-top: none;
  border-left: none;
}
.cl-grid .cl-grid-leftsplit {
  border-right: double 3px #333;
}
.cl-grid .cl-grid-rightsplit {
  border-left: double 3px #333;
}
.cl-grid .cl-grid-bottomsplit {
  border-top: double 3px #333;
}
.cl-grid .cl-nodatamsg {
  height: 31px !important;
  line-height: 31px;
}
.cl-grid.table_01 {
  border-right: 1px solid #b9a0e2;
  border-left: 1px solid #b9a0e2;
  border-bottom: 1px solid #b9a0e2;
  border-top: 1px solid #b9a0e2;
  /*  th  */
  /*  td  */
}
.cl-grid.table_01 .cl-grid-header-band.cl-grid-header {
  /* 그리드 헤더 셀 */
}
.cl-grid.table_01 .cl-grid-header-band.cl-grid-header .cl-grid-cell {
  border-right: 1px solid #b9a0e2;
  border-bottom: 1px solid #b9a0e2;
}
.cl-grid.table_01 .cl-grid-header-band.cl-grid-header .cl-grid-cell2 {
  background-color: #ecd2d7;
}
.cl-grid.table_01 .cl-grid-header-band.cl-grid-header .cl-grid-cell2 .cl-text {
  color: #3c0130;
}
.cl-grid.table_01 .cl-grid-header-band.cl-grid-header .cl-grid-cell3 {
  background-color: #f8e2e6;
}
.cl-grid.table_01 .cl-grid-header-band.cl-grid-header .table_brown_txt .cl-text {
  color: #6c3c21;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row {
  /* 수정된 로우 */
  /* 추가된 로우 */
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row.cl-selected {
  background-color: #F7DBBC;
  color: #222;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell {
  border-right: 1px solid #b9a0e2;
  /* table 아이콘 */
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell .cl-control.blue_circle {
  width: 13px;
  height: 13px;
  background-image: url("image/sub/ico_yeah.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px 13px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell .cl-control.red_circle {
  width: 13px;
  height: 13px;
  background-image: url("image/sub/ico_no.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px 13px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.green_circle {
  width: 16px;
  height: 16px;
  background-image: url("image/sub/green_circle.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px 13px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.green_circle_full {
  width: 16px;
  height: 16px;
  background-image: url("image/sub/green_circle_full.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px 13px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.brown_circle {
  width: 16px;
  height: 16px;
  background-image: url("image/sub/brown_circle.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px 13px;
  color: transparent;
  width: 16px;
  height: 16px;
  background-image: url("image/sub/brown_circle_full.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px 13px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_dongbu {
  width: 16px;
  height: 16px;
  background-image: url("image/sub/ico_dongbu.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_person {
  width: 15px;
  height: 15px;
  background-image: url("image/sub/ico_person.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_re2 {
  width: 11px;
  height: 11px;
  background-image: url("image/sub/ico_re2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_oo {
  width: 32px;
  height: 16px;
  background-image: url("image/sub/ico_oo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px 16px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_ox {
  width: 32px;
  height: 16px;
  background-image: url("image/sub/ico_ox.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px 16px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_xx {
  width: 32px;
  height: 16px;
  background-image: url("image/sub/ico_xx.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px 16px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_xo {
  width: 32px;
  height: 16px;
  background-image: url("image/sub/ico_xo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px 16px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_x1 {
  width: 16px;
  height: 16px;
  background-image: url("image/sub/ico_x1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_x2 {
  width: 16px;
  height: 16px;
  background-image: url("image/sub/ico_x2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_o1 {
  width: 16px;
  height: 16px;
  background-image: url("image/sub/ico_o1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_o2 {
  width: 16px;
  height: 16px;
  background-image: url("image/sub/ico_o2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_clock {
  width: 17px;
  height: 17px;
  background-image: url("image/sub/ico_time.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px 17px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_clock2 {
  width: 12px;
  height: 12px;
  background-image: url("image/sub/ico_time2.png");
  background-repeat: no-repeat;
  background-position: 97% 50%;
  background-size: 12px 12px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_my {
  width: 15px;
  height: 15px;
  background-image: url("image/sub/ico_my.png");
  background-repeat: no-repeat;
  background-position: 3% 50%;
  background-size: 15px 15px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.cl-selected {
  background-color: #f1e7dd;
  color: #222;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt01 {
  width: 45px;
  height: 19px;
  background-image: url("image/sub/btn_01.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt02 {
  width: 45px;
  height: 19px;
  background-image: url("image/sub/btn_02.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt03 {
  width: 40px;
  height: 19px;
  background-image: url("image/sub/btn_03.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt04 {
  width: 45px;
  height: 19px;
  background-image: url("image/sub/btn_04.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt05 {
  width: 45px;
  height: 19px;
  background-image: url("image/sub/btn_05.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt06 {
  width: 45px;
  height: 19px;
  background-image: url("image/sub/btn_06.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt07 {
  width: 45px;
  height: 19px;
  background-image: url("image/sub/btn_07.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt08 {
  width: 40px;
  height: 19px;
  background-image: url("image/sub/btn_08.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt09 {
  width: 40px;
  height: 19px;
  background-image: url("image/sub/btn_09.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt10 {
  width: 65px;
  height: 19px;
  background-image: url("image/sub/btn_10.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 65px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt11 {
  width: 55px;
  height: 19px;
  background-image: url("image/sub/btn_11.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 55px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt12 {
  width: 45px;
  height: 19px;
  background-image: url("image/sub/btn_12.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt13 {
  width: 45px;
  height: 19px;
  background-image: url("image/sub/btn_14.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt14 {
  width: 45px;
  height: 19px;
  background-image: url("image/sub/btn_14.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt15 {
  width: 45px;
  height: 19px;
  background-image: url("image/sub/btn_15.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt16 {
  width: 45px;
  height: 19px;
  background-image: url("image/sub/btn_16.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt17 {
  width: 50px;
  height: 19px;
  background-image: url("image/sub/btn_17.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt18 {
  width: 61px;
  height: 19px;
  background-image: url("image/sub/btn_18.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 61px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt19 {
  width: 40px;
  height: 19px;
  background-image: url("image/sub/btn_19.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt20 {
  width: 45px;
  height: 19px;
  background-image: url("image/sub/btn_20.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt21 {
  width: 40px;
  height: 19px;
  background-image: url("image/sub/btn_21.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt22 {
  width: 61px;
  height: 19px;
  background-image: url("image/sub/btn_22.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 61px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt23 {
  width: 71px;
  height: 19px;
  background-image: url("image/sub/btn_23.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 71px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt24 {
  width: 77px;
  height: 19px;
  background-image: url("image/sub/btn_24.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 77px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt25 {
  width: 57px;
  height: 19px;
  background-image: url("image/sub/btn_25.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 57px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt26 {
  width: 40px;
  height: 19px;
  background-image: url("image/sub/btn_26.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt27 {
  width: 69px;
  height: 19px;
  background-image: url("image/sub/btn_27.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 69px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt28 {
  width: 64px;
  height: 19px;
  background-image: url("image/sub/btn_28.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 64px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt29 {
  width: 66px;
  height: 19px;
  background-image: url("image/sub/btn_29.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 66px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt30 {
  width: 65px;
  height: 19px;
  background-image: url("image/sub/btn_30.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 65px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt31 {
  width: 139px;
  height: 19px;
  background-image: url("image/sub/btn_31.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 139px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt32 {
  width: 40px;
  height: 19px;
  background-image: url("image/sub/btn_32.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_txt33 {
  width: 55px;
  height: 19px;
  background-image: url("image/sub/btn_33.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 55px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_closeline {
  width: 19px;
  height: 19px;
  background-image: url("image/sub/btn_closeline.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 19px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.ico_openpopup {
  width: 19px;
  height: 19px;
  background-image: url("image/sub/btn_openpopup.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 19px 19px;
  color: transparent;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row .bd-right0 {
  border-right: none;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row.cl-focus {
  background-color: #f1e7dd;
  color: #222;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row.cl-focus.cl-selected {
  background-color: #f1e7dd;
  color: #222;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row.cl-selected {
  background-color: #f1e7dd;
  color: #222;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row.cl-editing {
  background-color: #f1e7dd;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row.cl-editing .cl-text {
  color: #222;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row.cl-editing .table_active_txt .cl-text {
  color: #44227a;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row.cl-editing .table_active_txt .cl-text:hover {
  cursor: pointer;
  text-decoration: underline;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row.cl-modified {
  background-color: #F7DBBC;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row.cl-modified .cl-text {
  color: #222;
  font-weight: 600;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row.cl-modified .table_active_txt .cl-text {
  color: #44227a;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row.cl-modified .table_active_txt .cl-text:hover {
  cursor: pointer;
  text-decoration: underline;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row.cl-inserted {
  background-color: #fff;
  color: #222;
  font-weight: 400;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row.cl-inserted .table_active_txt .cl-text {
  color: #44227a;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-grid-row.cl-inserted .table_active_txt .cl-text:hover {
  cursor: pointer;
  text-decoration: underline;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-rowgroup-footer {
  background-color: #eff0f1;
}
.cl-grid.table_01 .cl-grid-detail-band .cl-rowgroup-footer .cl-text {
  font-weight: bold;
}
.cl-grid.table_01 .cl-grid-detail-band .bg_gray {
  background-color: #e8eaed;
}
.cl-grid.table_01 .cl-grid-detail-band .bg_must {
  background-color: #F7DBBC;
}
.cl-grid.table_01 .cl-grid-detail-band .bg_yellow {
  background-color: #fff8d2;
}
.cl-grid.table_01 .cl-grid-detail-band .bg_white {
  background-color: #ffffff;
}
.cl-grid.table_01 .cl-grid-detail-band .bg_01 {
  background-color: #eff0f1;
}
.cl-grid.table_01 .cl-grid-detail-band .bg_01 .cl-text {
  font-weight: bold;
}
.cl-grid.table_01 .cl-grid-detail-band .bg_02 {
  background-color: #f5fcf5;
}
.cl-grid.table_01 .cl-grid-detail-band .bg_02 .cl-text {
  font-weight: bold;
}
.cl-grid.table_01 .cl-grid-detail-band .bg_03 {
  background-color: #fcf7f5;
}
.cl-grid.table_01 .cl-grid-detail-band .bg_03 .cl-text {
  font-weight: bold;
}
.cl-grid.table_01 .cl-grid-td-cell1 {
  background-color: #f8f9eb;
}
.cl-grid.table_02 {
  /* th */
  /* td */
}
.cl-grid.table_02 .cl-grid-header-band {
  border-top: 1px solid #44227a;
  border-bottom: 1px solid #b9a0e2;
}
.cl-grid.table_02 .cl-grid-header-band .cl-grid-cell {
  position: relative;
}
.cl-grid.table_02 .cl-grid-header-band .cl-grid-cell:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5.5px;
  width: 1px;
  height: 11px;
  background-color: #b9a0e2;
}
.cl-grid.table_02 .cl-grid-header-band .cl-grid-cell:last-child:after {
  display: none;
}
.cl-grid.table_02 .cl-grid-detail-band .cl-grid-row .cl-grid-cell.cl-selected {
  background-color: #fff;
  color: #222;
}
.cl-grid.table_02 .cl-grid-detail-band .cl-grid-row.cl-selected {
  background-color: #fff;
  color: #222;
}
.cl-grid.table_02 .cl-grid-detail-band .cl-grid-row.cl-modified {
  background-color: #fff;
}
.cl-grid.table_02 .cl-grid-detail-band .list_hover {
  padding-left: 21px;
}
.cl-grid.table_02 .cl-grid-detail-band .list_hover .cl-text:hover {
  cursor: pointer;
  text-decoration: underline;
}
.cl-grid.table_02 .cl-grid-detail-band .grid_re {
  padding-left: 59px;
  background-image: url("image/sub/ico_re.png");
  background-repeat: no-repeat;
  background-position: 25px 2px;
  background-size: auto;
}
.cl-grid.table_02 .cl-grid-detail-band .grid_re .cl-treecell-item {
  padding-left: 0 !important;
}
.cl-grid.table_02 .cl-grid-detail-band .grid_re .cl-text:hover {
  cursor: pointer;
  text-decoration: underline;
}
.cl-grid.table_02 .cl-grid-detail-band .notice_cell {
  padding-left: 21px;
}
.cl-grid.table_02 .cl-grid-detail-band .notice_cell .cl-text {
  color: #44227a;
  font-weight: bold;
}
.cl-grid.table_02 .cl-grid-detail-band .notice_cell .cl-text:hover {
  cursor: pointer;
  text-decoration: underline;
}
.cl-grid.table_02 .cl-grid-detail-band .table_file {
  background-image: url("image/sub/ico_file2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
.cl-grid.table_03 {
  font-size: 12px;
  border: 1px solid #b9d4cf;
}
.cl-grid.table_03 .table03_th {
  background-color: #b9a0e2;
  text-align: center;
  border-left: none;
  border-right: 1px solid #b9a0e2;
  border-top: none;
  border-bottom: none;
}
.cl-grid.table_03 .table03_td {
  border-bottom: 1px solid #b9a0e2;
}
.cl-grid.table_03 .br-t {
  border-top: 1px solid #b9a0e2;
}
.cl-grid.table_03 .br-b {
  border-bottom: 1px solid #b9a0e2;
}
/* 그리드 필터 */
/* 그리드 필터 icon */
.cl-grid .cl-grid-header .cl-filter {
  background-image: url("image/sub/ico_grid_filter.png");
}
.cl-grid .cl-grid-header .cl-filter:hover {
  background-image: url("image/sub/ico_grid_filter_hover.png");
}
.cl-grid .cl-grid-header .cl-filter {
  width: 10px;
  height: 9px;
  background-size: 10px 9px;
}
/* 그리드 필터 사용시 필터 다이얼로그가 펼쳐지는 영역 스타일*/
.cl-gridfilter .cl-filterdlg {
  padding: 0;
  border: 1px solid #cde4e0;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-header {
  background-color: #333645;
  background-image: none;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-header .cl-text {
  color: #fff;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-itemlist {
  padding: 5px;
  padding-top: 0;
  overflow-y: auto;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-itemlist .cl-filterdlg-item .cl-checkbox-icon {
  background-image: url("image/sub/ico_checkbox_not.png");
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-itemlist .cl-filterdlg-item.cl-checked .cl-checkbox-icon {
  width: 16px;
  height: 16px;
  background-image: url("image/sub/ico_checkbox.png");
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons {
  padding: 5px;
}
.cl-gridfilter .cl-filterdlg .cl-filterdlg-buttons .cl-button {
  height: 26px;
  color: #222;
  font-size: 12px;
  border: 1px solid #cecfd3;
  background-color: #fff;
}
/* 트리셀 */
.cl-treecell {
  /* 트리셀 안에 트리 아이템 (트리셀에서 트리구조가 시작되는 영역) */
  /* 트리셀 - focus */
}
.cl-treecell .cl-treecell-item {
  /* 트리 아이템이 펼치고 접혀지는 아이콘 영역 */
  /* 트리 아이템의 아이콘 영역 */
  /* 트리 아이템의 텍스트 */
  /* 폴더형 트리 아이템 */
  /* 트리 아이템 - disabled */
}
.cl-treecell .cl-treecell-item .cl-treecell-itemicon {
  width: 38px;
  background-repeat: no-repeat;
  background-position: 5px 3px;
  background-size: auto;
}
.cl-treecell .cl-treecell-item .cl-text {
  /* 트리 아이템의 인풋 영역 */
}
.cl-treecell .cl-treecell-item.cl-folder {
  /* 폴더형 트리 아이템의 아이콘 영역 */
  /* 폴더형 트리 아이템이 펼쳐졌을 때 펼치고 접혀지는 아이콘 영역 */
  /* 폴더형 트리 아이템이 접혀졌을 때 펼치고 접혀지는 아이콘 영역 */
}
/* 트리셀이 enabled이고, 트리 아이템이 enabled일때 스타일 */
/* 트리셀 - disabled */
.cl-treecell.cl-disabled {
  /* 트리셀 - disabled 의 트리 아이템 - selected */
}
/* 네비게이션 바 */
.cl-navigationbar {
  font: 12px sans-serif;
  background-color: white;
  border: solid 1px #bbb;
  color: #222;
  /* 상단 바 */
  /* 네비게이션 바 - 포커스 */
}
.cl-navigationbar .cl-navigationbar-bar {
  /* 네비게이션 바 아이템 */
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item {
  /* 네비게이션 바 아이템 아이콘 */
  /* 네비게이션 바 아이템 텍스트 */
  /* 네비게이션 바 아이템 단축키*/
  /* 네비게이션 바 아이템 드랍다운 아이콘 */
  /* 네비게이션 바 아이템 - 호버 */
  /* 네비게이션 바 아이템 - disabled */
  /* 네비게이션 바 아이템 - 선택됨 */
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-hover {
  background-color: #DAEFFC;
  color: #333435;
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-disabled {
  color: #666;
  /* 네비게이션 바 아이템 - 선택됨, disabled */
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-disabled.cl-selected {
  color: #777;
  background-color: #ccc;
}
.cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-selected {
  background-color: #208AED;
  color: #FFFFFF;
}
.cl-navigationbar.cl-focus {
  border-color: #44227a;
}
/* 네비게이션 바 드랍다운 메뉴 */
.cl-navigationbar-list {
  border: solid 1px #bbb;
  font: 12px sans-serif;
  /* megamenu 타입의 카테고리 */
  /* 네비게이션 바 드랍다운 메뉴 아이템 */
}
.cl-navigationbar-list .cl-navigationbar-category {
  /* 카테고리의 아이템 영역 */
}
.cl-navigationbar-list .cl-navigationbar-category .sub-items {
  /* 카테고리의 목록 아이템*/
}
.cl-navigationbar-list .cl-navigationbar-listitem {
  color: #222;
  /* 네비게이션 바 드랍다운 메뉴 아이템 텍스트 */
  /* 네비게이션 바 드랍다운 메뉴 아이템 - 호버 */
  /* 네비게이션 바 드랍다운 메뉴 아이템 - disabled */
  /* 네비게이션 바 드랍다운 메뉴 아이템 - 선택됨 */
}
.cl-navigationbar-list .cl-navigationbar-listitem .cl-navigationbar-icon-wrapper {
  /* 네비게이션 바 드랍다운 메뉴 아이템 아이콘 */
}
.cl-navigationbar-list .cl-navigationbar-listitem .cl-navigationbar-arrow-wrapper .cl-navigationbar-arrow {
  /* 네비게이션 바 드랍다운 메뉴 아이템 아이콘 */
}
.cl-navigationbar-list .cl-navigationbar-listitem .cl-navigationbar-accesskey-wrapper {
  /* 네비게이션 바 드랍다운 메뉴 아이템 단축키 */
}
.cl-navigationbar-list .cl-navigationbar-listitem.cl-hover {
  background-color: #DAEFFC;
  color: #333435;
}
.cl-navigationbar-list .cl-navigationbar-listitem.cl-disabled {
  color: #666;
  /* 네비게이션 바 드랍다운 메뉴 아이템 - disabled, 선택됨 */
}
.cl-navigationbar-list .cl-navigationbar-listitem.cl-disabled.cl-selected {
  color: #777;
  background-color: #ccc;
}
.cl-navigationbar-list .cl-navigationbar-listitem.cl-selected {
  background-color: #208AED;
  color: #FFFFFF;
}
/* 탭 폴더 - disabled */
/* 탭 폴더 */
.content_tab.cl-tabfolder {
  color: #222;
  /* 이전으로 스크롤 버튼 */
  /* 다음으로 스크롤 버튼 */
  /* 헤더 */
  /* 탭폴더 바디 */
}
.content_tab.cl-tabfolder .cl-tabfolder-prev {
  background-color: #e8eaed;
  border: solid 1px #cecfd3;
  /* 이전으로 스크롤 버튼 - disabled */
}
.content_tab.cl-tabfolder .cl-tabfolder-next {
  background-color: #e8eaed;
  border: solid 1px #cecfd3;
  /* 다음으로 스크롤 버튼 - disabled */
}
.content_tab.cl-tabfolder .cl-tabfolder-header {
  background-color: #e8eaed;
  /* 탭 헤더 아이템 */
}
.content_tab.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item:focus {
  text-decoration: none;
}
.content_tab.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-header-viewport {
  border-collapse: inherit;
}
.content_tab.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item {
  position: relative;
  padding-right: 40px;
  width: 185px;
  max-width: 185px;
  box-sizing: border-box;
  color: #555555;
  font-weight: 600;
  background-color: #e8eaed;
  border-left: none;
  border-top: solid 1px #cecfd3;
  border-right: solid 1px #cecfd3;
  border-bottom: solid 1px #cecfd3;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 18px;
  /* 탭 헤더 아이템 닫기 버튼 */
  /* 탭 헤더 아이템 - 선택됨 */
  /* 탭 헤더 아이템 - 호버 */
}
.content_tab.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item:after {
  content: "";
  clear: both;
  display: block;
}
.content_tab.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-tabfolder-button {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("image/common/btn_esc_tab.png");
}
.content_tab.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-color: #fff;
  color: #44227a;
  border-left: none;
  border-right: solid 1px #cecfd3;
  border-bottom: solid 1px #cecfd3;
  /* 탭 헤더 아이템 닫기 버튼 - 선택 됨 */
}
.content_tab.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected .cl-tabfolder-button {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("image/common/btn_esc_tab.png");
}
.content_tab.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  color: #44227a;
  background-color: #fff;
}
.content_tab.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-text {
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content_tab.cl-tabfolder .cl-tabfolder-body {
  background-color: white;
  border: solid 1px #cecfd3;
  margin: 1px 0 0 0;
}
.guide_tab .cl-tabfolder-header {
  /* 탭 헤더 아이템 */
}
.guide_tab .cl-tabfolder-header .cl-tabfolder-item {
  background-color: #ddd;
  width: 100px;
  /* 탭 헤더 아이템 닫기 버튼 */
  /* 탭 헤더 아이템 - 선택됨 */
  /* 탭 헤더 아이템 - 호버 */
}
.guide_tab .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-color: #fff;
  border-color: 1px solid #089c85;
}
.guide_tab .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: #fff;
}
.my_active_tab {
  /* 헤더 */
  /* 탭폴더 바디 */
}
.my_active_tab .cl-tabfolder-header {
  background-color: #ffffff;
  /* 탭 헤더 아이템 */
}
.my_active_tab .cl-tabfolder-header .cl-tabfolder-item:focus {
  text-decoration: none;
}
.my_active_tab .cl-tabfolder-header .cl-tabfolder-header-viewport {
  border-collapse: inherit;
}
.my_active_tab .cl-tabfolder-header .cl-tabfolder-item {
  position: relative;
  padding: 9px 10px 9px 10px;
  width: 92px;
  max-width: 184px;
  box-sizing: border-box;
  color: #222222;
  font-weight: 600;
  background-color: #f7f7f7;
  border-left: 1px solid #cecfd3;
  border-top: 1px solid #cecfd3;
  border-right: 1px solid #cecfd3;
  border-bottom: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 18px;
  font-size: 14px;
  text-align: center;
  /* 탭 헤더 아이템 닫기 버튼 */
  /* 탭 헤더 아이템 - 선택됨 */
  /* 탭 헤더 아이템 - 호버 */
}
.my_active_tab .cl-tabfolder-header .cl-tabfolder-item:after {
  content: "";
  clear: both;
  display: block;
}
.my_active_tab .cl-tabfolder-header .cl-tabfolder-item .cl-tabfolder-button {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("image/common/btn_esc_tab.png");
}
.my_active_tab .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-color: #44227a;
  color: #ffffff;
  border-left: 1px solid #318d79;
  border-right: 1px solid #318d79;
  border-top: 1px solid #318d79;
  /* 탭 헤더 아이템 닫기 버튼 - 선택 됨 */
}
.my_active_tab .cl-tabfolder-header .cl-tabfolder-item.cl-selected .cl-tabfolder-button {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("image/common/btn_esc_tab.png");
}
.my_active_tab .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  color: #ffffff;
  background-color: #44227a;
  border-left: 1px solid #318d79;
  border-right: 1px solid #318d79;
  border-top: 1px solid #318d79;
}
.my_active_tab .cl-tabfolder-header .cl-tabfolder-item .cl-text {
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my_active_tab .cl-tabfolder-body {
  background-color: #ffffff;
  border-left: 1px solid #bcd4cf;
  border-right: 1px solid #bcd4cf;
  border-bottom: 1px solid #bcd4cf;
  border-top: 1px solid #318d79;
}
/* 페이지 인덱서 */
.cl-pageindexer {
  /* 페이지 인덱서 버튼 공통 */
  /* 페이지 인덱서 처음으로 버튼 */
  /* 페이지 인덱서 이전 버튼 */
  /* 페이지 인덱서 다음 버튼 */
  /* 페이지 인덱서 마지막으로 버튼 */
  /* 페이지 인덱서 - 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 {
  width: 25px;
  height: 25px;
  border: 1px solid #e8eaed;
}
.cl-pageindexer .cl-pageindexer-index-area {
  height: 25px;
}
.cl-pageindexer .cl-pageindexer-first {
  background-image: url("image/sub/ico_first.png");
}
.cl-pageindexer .cl-pageindexer-prev {
  background-image: url("image/sub/ico_prev.png");
}
.cl-pageindexer .cl-pageindexer-next {
  background-image: url("image/sub/ico_prev.png");
  transform: rotate(180deg);
}
.cl-pageindexer .cl-pageindexer-last {
  background-image: url("image/sub/ico_first.png");
  transform: rotate(180deg);
}
.cl-pageindexer .cl-pageindexer-index {
  font-size: 13px;
  color: #222;
  border: 1px solid #e8eaed;
  /* 페이지 인덱서 선택된 페이지 */
}
.cl-pageindexer .cl-pageindexer-index.cl-selected {
  background-color: #44227a;
  color: #fff;
  border-color: #44227a;
}
.cl-pageindexer.cl-disabled {
  color: #222;
}
.cl-pageindexer:not(.cl-disabled) {
  /* 페이지 인덱서 처음으로 버튼 - 액티브 */
  /* 페이지 인덱서 이전 버튼 - 액티브 */
  /* 페이지 인덱서 다음 버튼 - 액티브 */
  /* 페이지 인덱서 마지막으로 버튼 - 액티브 */
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-first,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-last,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-prev,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-next,
.cl-pageindexer:not(.cl-disabled):not(.cl-selected) {
  /* 페이지 인덱서 버튼 공통 - 호버 */
  /* 페이지 인덱서 버튼 공통 - 액티브 */
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-first:hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-last:hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-prev:hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-next:hover,
.cl-pageindexer:not(.cl-disabled):not(.cl-selected):hover {
  background-color: #fff !important;
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-first:active,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-last:active,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-prev:active,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-next:active,
.cl-pageindexer:not(.cl-disabled):not(.cl-selected):active {
  background-color: transparent !important;
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-index:not(.cl-selected) {
  /* 페이지 인덱서 버튼 공통 - 호버 */
  /* 페이지 인덱서 버튼 공통 - 액티브 */
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-index:not(.cl-selected).cl-hover,
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-index:not(.cl-selected):hover {
  background-color: #44227a;
  color: #fff;
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-index:not(.cl-selected):active {
  background-color: #44227a;
  color: #fff;
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-first:active {
  background-image: url("image/sub/ico_first.png");
  background-color: none;
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-prev:active {
  background-image: url("image/sub/ico_prev.png");
  background-color: none;
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-next:active {
  background-image: url("image/sub/ico_prev.png");
  background-color: none;
  transform: rotate(180deg);
}
.cl-pageindexer:not(.cl-disabled) .cl-pageindexer-last:active {
  background-image: url("image/sub/ico_first.png");
  background-color: none;
  transform: rotate(180deg);
}
.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: #fff;
}
.cl-pageindexer.cl-disabled .cl-pageindexer-index.cl-selected {
  background-color: #fff;
  color: #222;
}
/* 노티파이어 아이템 */
.cl-notifier-item {
  font: 12px sans-serif;
  /* 노티파이어 아이템 텍스트 */
  /* 노티파이어 아이템 아이콘 */
  /* 노티파이어 아이템 닫기 버튼 */
  /* 노티파이어 아이템 기본 스타일 */
  /* 노티파이어 아이템 success 스타일 */
  /* 노티파이어 아이템 info 스타일 */
  /* 노티파이어 아이템 warning 스타일 */
  /* 노티파이어 아이템 danger 스타일 */
}
.cl-notifier-item.cl-notifier-default {
  /* 노티파이어 아이템 기본 아이콘 */
}
.cl-notifier-item.cl-notifier-success {
  /* 노티파이어 아이템 success 아이콘 */
}
.cl-notifier-item.cl-notifier-info {
  /* 노티파이어 아이템 info 아이콘 */
}
.cl-notifier-item.cl-notifier-warning {
  /* 노티파이어 아이템 warning 아이콘 */
}
.cl-notifier-item.cl-notifier-danger {
  /* 노티파이어 아이템 danger 아이콘 */
}
.cl-progress {
  /* 프로그레스 바 루트 */
  background-image: linear-gradient(#aaa, #E6E7E9 4px);
  border: 1px solid #bbb;
}
.cl-progress .cl-progress-bar {
  /* 진행 바 */
  background-image: linear-gradient(#99D1F1, #1C6DA0, #3397D4);
}
.cl-progress.cl-disabled {
  /* 프로그레스 바 - disabled */
  border-color: #ddd;
  background-image: linear-gradient(#ccc, #eee 4px);
}
.cl-progress.cl-disabled .cl-progress-bar {
  /* 진행 바 - disabled */
  background-image: linear-gradient(#eee, #aaa, #ddd);
}
/* 파일 인풋 루트 */
.cl-fileinput {
  font-size: 12px;
  color: #222;
  border: 1px solid #cecfd3;
  background-color: #fff;
  /* 파일 인풋 내 텍스트 */
  /* 포커스 상태 */
}
.cl-fileinput:focus {
  border: solid 1px #44227a;
}
/* 드래그 호버 상태 */
.cl-fileinput-draghover {
  border-color: transparent;
}
.write_fileinput {
  border: 1px solid #cecfd3;
}
/**********************************
 폼 레이아웃
 **********************************/
.cl-formlayout-column-shade {
  /* 컬럼 음영 스타일 */
}
.cl-formlayout-row-shade {
  /* 행 음영 스타일 */
}
.cl-formlayout-vertical-separator,
.cl-formlayout-horizontal-separator {
  /* 구분 선 스타일 */
}
.cl-form-group {
  border: solid 1px #cccccc;
}
.sub-title {
  background-color: #44227a;
}
.sub-title .cl-output {
  font-size: 12px;
  font-weight: 500;
  color: #005144;
}
.sub-title .title-image {
  background-image: url("image/common/img_sublogo.png");
  background-position: center;
  background-repeat: no-repeat;
}
.sub-title .sub-span {
  background-color: #005044;
  color: #c2e5e0;
  border-radius: 50%;
  text-align: center;
  line-height: 21px;
  margin-left: 7px;
}
.snb {
  background-color: #333645;
}
.snb .snb_wrap {
  padding: 20px 20px 27px 16px;
}
.snb .snb_wrap .info_customer_txt_company {
  color: #44227a;
  font-size: 14px;
  font-weight: 500;
  vertical-align: middle;
}
.snb .snb_wrap .info_customer_button {
  background-image: url("image/common/btn_esc_snb.png");
  background: #44227a;
  border-radius: 50%;
}
.snb .snb_wrap .info_customer_txt_name {
  margin-top: 8px;
  color: #bbc1c8;
  font-size: 13px;
}
.snb .snb_wrap .sms-image {
  border: none;
  border-radius: 0px;
  background-image: url("image/common/btn_sms.jpg");
}
.snb .snb_wrap .mail-image {
  border: none;
  border-radius: 0px;
  background-image: url("image/common/btn_mail.jpg");
}
.info_list .cl-button {
  color: #005144;
  font-size: 13px;
  font-weight: 500;
  border: none;
  background: none;
  vertical-align: middle;
  text-shadow: none;
}
.info_list .cl-button:hover {
  color: #005144;
  border: none;
  background: none;
  text-shadow: none;
}
.info_list .cl-output {
  background: #005044;
  border-radius: 50%;
  color: #c2e5e0;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
}
.highgb_y {
  padding-left: 21px;
}
.highgb_y .cl-text {
  color: #44227a;
  font-weight: bold;
}
.highgb_n {
  padding-left: 21px;
}
.notice_box {
  border: 1px solid #44227a;
}
.notice_box:not(.cl-disabled):hover {
  border: 1px solid #e0e1e2;
}
.notice_box:not(.cl-disabled):hover .cl-button {
  background-image: url("../theme/image/main/empty_plus.gif");
}
.notice_box .cl-button {
  background-image: url("../theme/image/main/full_plus.gif");
}
.notice_box .cl-textarea {
  border: none;
}
.notice_box .cl-textarea .cl-text {
  overflow: hidden;
}
::-moz-selection {
  background: #44227a;
  color: #fff;
}
::selection {
  background: #44227a;
  color: #fff;
}
/**** HEADER ****/
.sub_header {
  background-color: #44227a;
}
.sub_header .sub_logo {
  background-image: url("image/common/img_sublogo.png");
  background-position: center;
  background-repeat: no-repeat;
}
.gnb_item {
  background-color: #333645;
}
.gnb_item .btn_sms {
  background-image: url("image/main/btn_sms.jpg");
  background-position: center;
  background-repeat: no-repeat;
}
.gnb_item .btn_mail {
  background-image: url("image/main/btn_mail.jpg");
  background-position: center;
  background-repeat: no-repeat;
}
.gnb_item .btn_client {
  background-image: url("image/main/m_client.png");
  background-position: center;
  background-repeat: no-repeat;
}
.cl-tabfolder.gnb_tab .cl-tabfolder-header.tab_header {
  width: 100%;
  text-align: center;
}
.cl-tabfolder.gnb_tab .cl-tabfolder-header.tab_header .cl-tabfolder-header-viewport {
  width: 100%;
}
.cl-tabfolder.gnb_tab .cl-tabfolder-header.tab_header .cl-tabfolder-header-viewport .cl-tabfolder-item {
  width: 105px;
  margin: 0;
  background-color: #333645;
  box-sizing: border-box;
  border-top: 1px solid #1f222d;
  border-bottom: 1px solid #1f222d;
  color: #bbc1c8;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 500;
}
.cl-tabfolder.gnb_tab .cl-tabfolder-header.tab_header .cl-tabfolder-header-viewport .cl-tabfolder-item .cl-text {
  width: 105px;
}
.cl-tabfolder.gnb_tab .cl-tabfolder-header.tab_header .cl-tabfolder-header-viewport .cl-tabfolder-item.cl-selected {
  background-color: #44227a;
  border-top: none;
  border-bottom: none;
  color: #fff;
  font-weight: 500;
}
.cl-tabfolder.gnb_tab .cl-tabfolder-header.tab_header .cl-tabfolder-header-viewport .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: none;
}
.cl-tabfolder.gnb_tab .cl-tabfolder-header.tab_header .cl-tabfolder-header-viewport .cl-tabfolder-item:focus {
  text-decoration: none;
}
/* IE scroll */
.gnb_tab_item {
  /* Chrome, Safari and Opera scroll*/
}
.gnb_tab_item .cl-tree.gnb_list {
  color: #c3c3c3;
  font-size: 14px;
  -ms-overflow-style: none;
}
.gnb_tab_item ::-webkit-scrollbar {
  width: 0px;
  height: 8px;
}
.gnb_tab_item ::-webkit-scrollbar-track {
  background-color: transparent;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.gnb_tab_item ::-webkit-scrollbar-thumb {
  height: 50px;
  width: 50px;
  background-color: transparent;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #C0B0B0;
}
.cl-tree.gnb_list .cl-tree-item {
  padding: 0;
  border-bottom: 1px solid #262932;
  box-sizing: border-box;
  line-height: 31px;
}
.cl-tree.gnb_list .cl-tree-item .cl-tree-treeicon {
  display: none;
}
.cl-tree.gnb_list .cl-tree-item .cl-tree-itemicon {
  width: 14px;
  background-size: auto;
}
.cl-tree.gnb_list .cl-tree-item .cl-text {
  padding-left: 0;
  white-space: normal;
}
.cl-tree.gnb_list .cl-tree-item.cl-selected {
  background-color: transparent;
  color: #b9a0e2;
  font-weight: 600;
}
.cl-tree.gnb_list .cl-tree-itemicon {
  background-image: url("../theme/image/menu_icon01.png");
}
.cl-tree.gnb_list .cl-tree-item:hover {
  background-color: transparent;
  color: #b9a0e2;
  font-weight: 500;
}
.cl-tree.gnb_list .cl-tree-item:hover .cl-tree-itemicon {
  background-image: url("../theme/image/menu_icon02.png");
}
.cl-tree.gnb_list .-cl-tree-item-wrap .sub-items .cl-tree-item {
  background-color: #2a2d3b;
  border: none;
  line-height: 24px;
  font-size: 12px;
  color: #c3c3c3;
}
.cl-tree.gnb_list .-cl-tree-item-wrap .sub-items .cl-tree-item:hover {
  background-color: #2a2d3b;
}
.gnb_list.cl-tree:not(.cl-disabled) .cl-tree-item:not(.cl-disabled):not(.cl-selected).cl-hover,
.gnb_list.cl-tree:not(.cl-disabled) .cl-tree-item:not(.cl-disabled):not(.cl-selected):hover {
  background-color: transparent;
  color: #b9a0e2;
  font-weight: 500;
}
.gnb_list.cl-tree:not(.cl-disabled) .sub-items:not(.cl-selected).cl-hover,
.gnb_list.cl-tree:not(.cl-disabled) .sub-items:not(.cl-selected):hover {
  background-color: #2a2d3b;
}
.gnb_list.cl-tree:not(.cl-disabled) .sub-items .cl-tree-item.cl-selected {
  background-color: #2a2d3b;
}
.link_list {
  padding-left: 20px;
  box-sizing: border-box;
}
.link_list .cl-output {
  color: #c3c3c3;
  background-image: url("image/common/btn_link_list.png");
  background-repeat: no-repeat;
  background-position: right;
}
.link_list .cl-output .cl-text {
  margin: 0;
  padding: 0;
}
/**  login style  **/
.login_link_list .cl-button {
  width: auto;
  border: none;
  background-color: transparent;
  background-image: none;
  color: #747474;
  font-size: 13px;
  font-weight: 400;
  text-shadow: none;
}
.login_link_list .cl-button:hover {
  background-color: transparent;
  border: none;
  background-image: none;
  color: #747474;
  text-shadow: none;
}
.login_link_list .list_border {
  position: relative;
}
.login_link_list .list_border:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 50%;
  width: 1px;
  height: 10px;
  margin: -5px 0 0 -0.5px;
  background-color: #c2c3c6;
}
.login_contents_box .login_form .cl-inputbox {
  padding-left: 31px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 4px center;
  border: none;
  border-bottom: 2px solid #cecfd3;
  color: #555555;
  font-size: 14px;
  font-weight: 500;
}
.login_contents_box .login_form .cl-inputbox .cl-text::-webkit-input-placeholder {
  color: #cecfd3;
}
.login_contents_box .login_form .cl-inputbox .cl-text::-moz-placeholder {
  color: #cecfd3;
}
.login_contents_box .login_form .cl-inputbox .cl-text:-ms-input-placeholder {
  color: #cecfd3;
}
/**  subpage style  **/
.sub_page {
  /* �������а� view������ - s */
  /* �������а� view������ - e */
  /* �������а� view������ - s */
  /* �������а� view������ - e */
}
.sub_page .sub_headline {
  color: #222222;
  font-weight: 600;
  font-size: 16px;
}
.sub_page .search_box {
  border: 1px solid #cecfd3;
}
.sub_page .search_box .search_type .cl-output {
  letter-spacing: -0.8px;
}
.sub_page .search_box .search_type .cl-combobox:focus,
.sub_page .search_box .search_type .cl-inputbox:focus {
  border: 1px solid #44227a !important;
}
.sub_page .search_box2 {
  border: 1px solid #cecfd3;
}
.sub_page .search_box2 .search_type .cl-output {
  letter-spacing: -0.8px;
}
.sub_page .search_box2 .search_type .cl-combobox:focus,
.sub_page .search_box2 .search_type .cl-inputbox:focus {
  border: 1px solid #44227a !important;
}
.sub_page .search_box3 {
  border-top: 1px solid #44227a;
  border-left: 1px solid #44227a;
  border-right: 1px solid #44227a;
  border-bottom: 1px solid #44227a;
}
.sub_page .search_box3 .search_type .cl-output {
  letter-spacing: -0.8px;
}
.sub_page .search_box3 .search_type .cl-combobox:focus,
.sub_page .search_box3 .search_type .cl-inputbox:focus {
  border: 1px solid #44227a !important;
}
.sub_page .search_box4 {
  border: 1px solid #44227a;
}
.sub_page .search_box4 .search_type .cl-output {
  letter-spacing: -0.8px;
}
.sub_page .file_box {
  padding: 6px 16px;
  border: 1px solid #44227a;
}
.sub_page .sub_end_btn .cl-button {
  color: #fff;
  font-weight: 600;
  background-color: #44227a;
  background-image: none;
  border: 0;
  border-radius: 0;
  text-shadow: none;
}
.sub_page .sub_end_btn .cl-button:hover {
  color: #fff;
  background-color: #44227a;
  background-image: none;
  border: 0;
}
.sub_page .sub_write_page {
  border-top: 1px solid #44227a;
}
.sub_page .sub_write_page .wirte_title {
  padding-left: 20px;
  background-color: #d9cbef;
  box-sizing: border-box;
  color: #013c33;
  font-size: 12px;
  font-weight: 600;
  border-bottom: 1px solid #b9a0e2;
  border-right: 1px solid #b9a0e2;
  border-left: 1px solid #b9a0e2;
}
.sub_page .sub_write_page .wirte_title .cl-output {
  box-sizing: border-box;
  color: #013c33;
  font-size: 12px;
  font-weight: 600;
}
.sub_page .sub_write_page .wirte_title .red_txt {
  color: #fe2501;
}
.sub_page .sub_write_page .wirte_title2 {
  border-top: 1px solid #44227a;
}
.sub_page .detail_claim {
  border-top: 1px solid #9e9696;
  border-right: 1px solid #9e9696;
  border-bottom: 1px solid #9e9696;
}
.sub_page .detail_claim .wirte_title {
  padding-left: 20px;
  background-color: #e8e4e4;
  box-sizing: border-box;
  color: #1e1d1d;
  font-size: 12px;
  font-weight: 600;
  border-bottom: 1px solid #e7d5d5;
  border-right: 1px solid #e7d5d5;
  border-left: 1px solid #e7d5d5;
}
.sub_page .detail_claim .section {
  padding: 5px 10px;
  border-bottom: 1px solid #e7d5d5;
}
.sub_page .sub_write_page_type2 {
  border-left: 1px solid #b9a0e2;
}
.sub_page .sub_write_page_type2 .wirte_title2 {
  border-left: 0;
  padding-left: 0;
}
.sub_page .sub_write_page_type2 .cl-output2 {
  border-right: 1px solid #b9a0e2;
  border-bottom: 1px solid #b9a0e2;
}
.sub_page .sub_write_page_type2 .bl_bg_gray {
  background-color: #f7f7f8;
}
.sub_page .sub_write_page_type2 .pd_r40 {
  padding-right: 40px;
}
.sub_page .sub_write_page_type3 {
  border-right: 1px solid #44227a;
  border-bottom: 1px solid #44227a;
  border-top: 1px solid #44227a;
}
.sub_page .sub_write_page_type4 {
  border: 1px solid #cecfd3;
}
.sub_page .sub_write_page_type5 {
  border-top: 1px solid #44227a;
}
.sub_page .wirte_section {
  padding: 5px 10px;
  border-bottom: 1px solid #b9a0e2;
}
.sub_page .wirte_section .write_output.cl-output {
  font-size: 12px;
  color: #222;
}
.sub_page .wirte_section .wirte_input.cl-inputbox {
  border: 1px solid #cecfd3;
}
.sub_page .wirte_section .btn_file_search {
  background-color: #e8eaed;
}
.sub_page .wirte_section .btn_code_search {
  height: 100%;
  border-left: none;
  background-image: url("image/sub/ico_find.png");
  background-repeat: no-repeat;
  background-color: #f5f5f5;
  background-size: auto;
  background-position: center;
}
.sub_page .wirte_section .btn_party_search {
  color: #fff;
  background-color: #b19c8c;
  border: 1px solid #978374;
}
.sub_page .wirte_section.dim_party .cl-inputbox {
  border: 1px solid #cecfd3;
  background-color: #e8eaed;
}
.sub_page .wirte_section.dim_party .btn_party_search {
  color: #fff;
  background-color: #a4a4a4;
  border: 1px solid #8a8a8a;
}
.sub_page .wirte_section2 {
  border-right: 1px solid #b9a0e2;
}
.sub_page .wirte_section3 {
  border-bottom: none;
}
.sub_page .bdb0 {
  border-bottom: none;
}
.sub_page .sub_info_section .info_title {
  padding: 0 15px;
  background-color: #eff0f1;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid #cecfd3;
}
.sub_page .sub_info_section .info_content {
  padding: 5px 10px;
  background-color: #fff;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 400;
  border-top: 1px solid #cecfd3;
  border-bottom: 1px solid #cecfd3;
}
.sub_page .sub_info_section .info_bdr {
  border-right: 1px solid #cecfd3;
}
.sub_page .qa_info_txt {
  padding-left: 8px;
  box-sizing: borde-box;
  background-image: url("image/sub/ico_left.png");
  background-position: left;
  background-repeat: no-repeat;
  font-size: 12px;
  color: #222;
  font-weight: 600;
}
.sub_page .text_area {
  line-height: 20px;
}
.sub_page .text_section {
  color: #222;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  white-space: pre-line;
  box-sizing: border-box;
}
.error_page .error_box {
  padding: 40px;
  box-sizing: border-box;
  background-color: #fff;
  background-repeat: no-repeat;
}
.error_page .error_box .redbold_txt {
  letter-spacing: -2px;
  font-size: 32px;
  text-align: center;
}
.error_page .error_box .bold_txt {
  letter-spacing: -2px;
}
.error_page .error_box .middle_txt {
  letter-spacing: -2px;
  font-size: 18px;
  text-align: center;
}
.error_page .error_box .sub_txt {
  color: #555;
  letter-spacing: -1.5px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
}
.error_page .error_box .error_data {
  background-color: #e8eaed;
  border: 1px solid #cecfd3;
  color: #222;
  text-align: center;
  font-size: 12px;
}
.error_page .error_box1 {
  padding-top: 228px;
  background-image: url("image/common/img_01.png");
  background-position: center 60px;
}
.error_page .error_box2 {
  padding-top: 257px;
  background-image: url("image/common/img_02.png");
  background-position: center 40px;
}
.error_page .error_box2 .sub_txt {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -2px;
}
.error_page .error_box3 {
  padding-top: 229px;
  background-image: url("image/common/img_03.png");
  background-position: center 60px;
}
.new_page {
  background-color: #fff;
}
.new_page .new_box {
  background-image: url("image/common/img_04.jpg");
  background-position: center 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
}
.new_page .new_box .new_tit {
  letter-spacing: -2px;
  font-size: 30px;
  text-align: center;
  color: #37a78d;
  font-weight: 600;
}
.new_page .new_box .sub_txt {
  color: #222;
  letter-spacing: -0.5px;
  line-height: 28px;
  text-align: center;
  font-size: 18px;
}
/**  Alert popup  **/
.alert_box {
  border: 1px solid #44227a;
}
.alert_box .alert_header {
  background-color: #44227a;
  padding: 0 11px;
}
.alert_box .alert_header .cl-button {
  background-image: url("image/common/btn_popup_close.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100%;
}
.alert_box .alert_text_box {
  padding: 0 10px;
  text-align: center;
  line-height: 17px;
  font-weight: 600;
  font-size: 12px;
}
/**  popup style  **/
.popup {
  border: 1px solid #e8ebee;
  box-sizing: border-box;
}
.popup .popup_content_box {
  padding: 20px;
  box-sizing: border-box;
  background-color: #fff;
}
.popup .popup_content_box .popup_search_box {
  padding: 5px 15px;
  border: 1px solid #cecfd3;
}
.popup .popup_content_box .cl-grid.table_01 .cl-grid-detail-band {
  border-right: none;
  border-bottom: none;
}
.popup .popup_content_box .table_design {
  border: 1px solid #b9a0e2;
}
.popup .popup_content_box .table_design .headline_design {
  padding-left: 20px;
  text-align: left;
  border-bottom: 1px solid #b9a0e2;
  border-top: 1px solid #44227a;
  background-color: #d9cbef;
  color: #013c33;
  font-weight: 600;
}
.popup .popup_content_box .table_design .headline_design2 {
  text-align: center;
  border-bottom: 1px solid #b9a0e2;
  border-top: 1px solid #44227a;
  background-color: #d9cbef;
  color: #013c33;
  font-weight: 600;
}
.popup .popup_content_box .table_design .table_design_content {
  border-bottom: 1px solid #b9a0e2;
}
.popup_sub05 .popup_content_box .popup_title,
.popup_sub07_2 .popup_content_box .popup_title {
  padding-left: 20px;
  background-color: #d9cbef;
  color: #013c33;
  font-weight: 600;
  font-size: 12px;
  text-align: left;
  letter-spacing: -0.3px;
  border-right: 1px solid #b9a0e2;
  border-left: 1px solid #b9a0e2;
  border-bottom: 1px solid #b9a0e2;
}
.popup_sub05 .popup_content_box .popup_title .cl-output,
.popup_sub07_2 .popup_content_box .popup_title .cl-output {
  color: #013c33;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.3px;
}
.popup_sub05 .popup_content_box .popup_title .red_txt,
.popup_sub07_2 .popup_content_box .popup_title .red_txt {
  color: #fe2501;
}
.popup_sub05 .popup_content_box .bg_gray,
.popup_sub07_2 .popup_content_box .bg_gray {
  background-color: #f7f7f8;
  color: #000;
  font-weight: 400;
}
.popup_sub05 .popup_content_box .bd_left,
.popup_sub07_2 .popup_content_box .bd_left {
  border-left: 1px solid #b9a0e2;
}
.popup_sub05 .popup_content_box .bd_left0,
.popup_sub07_2 .popup_content_box .bd_left0 {
  border-left: none;
}
.popup_sub05 .popup_content_box .bd_right0,
.popup_sub07_2 .popup_content_box .bd_right0 {
  border-right: none;
}
.popup_sub05 .popup_content_box .bd_right1,
.popup_sub07_2 .popup_content_box .bd_right1 {
  border-right: 1px solid #44227a;
}
.popup_sub05 .popup_content_box .popup_content,
.popup_sub07_2 .popup_content_box .popup_content {
  padding: 5px 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #b9a0e2;
}
.popup_sub05 .popup_content_box .popup_content2,
.popup_sub07_2 .popup_content_box .popup_content2 {
  padding: 0;
  box-sizing: border-box;
  border-bottom: 1px solid #44227a;
  border-right: 1px solid #44227a;
}
.popup_sub05 .popup_content_box .border_bt_none,
.popup_sub07_2 .popup_content_box .border_bt_none {
  border-bottom: 0;
}
.popup_sub05 .popup_content_box .first_column,
.popup_sub07_2 .popup_content_box .first_column {
  border-top: 1px solid #44227a;
}
.popup_sub05 .popup_content_box .popup_info_txt .cl-output,
.popup_sub07_2 .popup_content_box .popup_info_txt .cl-output {
  padding-left: 7px;
  background-image: url("image/sub/ico_left.png");
  background-position: left;
  background-repeat: no-repeat;
}
.popup_sub8_acdo .popup_content_box .popup_accordion .popup_title {
  text-align: center;
  background-color: #d9cbef;
  color: #013c33;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: -0.3px;
  border-right: 1px solid #b9a0e2;
  border-bottom: 1px solid #b9a0e2;
}
.popup_sub8_acdo .popup_content_box .popup_accordion .popup_title .cl-output {
  color: #013c33;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.3px;
}
.popup_sub8_acdo .popup_content_box .popup_accordion .bg_gray {
  background-color: #f7f7f8;
  border-right: 1px solid #b9a0e2;
  color: #000;
  font-weight: 400;
}
.popup_sub8_acdo .popup_content_box .popup_accordion .bd_right {
  border-right: 1px solid #b9a0e2;
}
.popup_sub8_acdo .popup_content_box .popup_accordion .bd_left {
  border-left: 1px solid #b9a0e2;
}
.popup_sub8_acdo .popup_content_box .popup_accordion .popup_content {
  text-align: center;
  padding: 5px 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #b9a0e2;
  border-right: 1px solid #b9a0e2;
}
.popup_content_box .popup_sub09 {
  border-top: 1px solid #44227a;
  border-right: 1px solid #44227a;
}
.popup_content_box .popup_sub09 .popup_title {
  padding-left: 20px;
  background-color: #d9cbef;
  color: #013c33;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.3px;
  border-left: 1px solid #44227a;
  border-bottom: 1px solid #44227a;
}
.popup_content_box .popup_sub09 .popup_title .cl-output {
  text-align: left;
  color: #013c33;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.3px;
}
.popup_content_box .popup_sub09 .bg_gray {
  padding-left: 0;
  text-align: center;
  background-color: #f7f7f8;
  color: #222222;
  font-weight: 400;
}
.popup_content_box .popup_sub09 .popup_content {
  padding: 3px 10px;
  font-weight: 400;
  box-sizing: border-box;
  border-bottom: 1px solid #44227a;
  border-left: 1px solid #44227a;
}
.popup_content_box .popup_sub09 .popup_content .cl-output {
  text-align: center;
}
.popup_sub04_2 .content_headline {
  background-color: #d9cbef;
  border-top: 1px solid #b9a0e2;
  border-bottom: 1px solid #b9a0e2;
}
.popup_sub04_2 .content_headline .cl-output {
  position: relative;
  font-size: 12px;
  font-weight: 600;
  color: #013c33;
  text-align: center;
}
.popup_sub04_2 .content_headline .cl-output:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5.5px;
  width: 1px;
  height: 11px;
  background-color: #b9a0e2;
}
.popup_sub04_2 .cl-output:last-child:after {
  display: none;
}
.popup_sub04_2 .sample_list1 {
  padding: 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #b9a0e2;
}
.popup_sub04_2 .sample_list1 .cl-image {
  padding: 0 24px;
}
.popup_sub04_2 .sample_list1 .cl-output {
  box-sizing: border-box;
  padding-right: 10px;
}
.popup_sub07_1 .table_01 .cl-grid-header {
  text-align: left;
}
.popup_sub07_1 .table_01 .cl-grid-cell .cl-default-cell .cl-text {
  padding-left: 20px;
  text-align: left;
  box-sizing: border-box;
}
.popup_sub07_2 .popup_content_box {
  padding: 19px 20px 20px 20px;
}
.popup_sub07_2 .fw600 {
  font-weight: 600;
}
.popup_sub15_7 .popup_ms {
  padding: 5px 10px;
  background-color: #d9cbef;
  box-sizing: border-box;
  border-bottom: 1px solid #b9a0e2;
}
.popup_sub15_7 .popup_ms_white {
  padding: 5px 10px;
  background-color: #f7f7f8;
  border-bottom: 1px solid #b9a0e2;
}
.popup_sub15_7 .msborder-right {
  padding: 5px 10px;
  border-right: 1px solid #b9a0e2;
  border-bottom: 1px solid #b9a0e2;
  background-color: #d9cbef;
}
.popup_sub15_7 .first_column {
  border-top: 1px solid #44227a;
}
.popup_table {
  border-top: 1px solid #44227a;
  border-left: none;
  border-right: 1px solid #44227a;
  border-bottom: 1px solid #44227a;
}
.popup_table .popup_th {
  text-align: center;
  background-color: #daf0ec;
  color: #013c33;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: -0.3px;
  border-left: 1px solid #bcd4cf;
  border-bottom: 1px solid #44227a;
}
.popup_table .popup_th .cl-output {
  color: #013c33;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.3px;
}
.popup_table .popup_td {
  text-align: center;
  padding: 5px 10px;
  box-sizing: border-box;
  border-left: 1px solid #44227a;
}
.popup_table .popup_td .cl-output {
  text-align: center;
}
.info_list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.info_list li {
  display: inline;
  padding: 0 10px;
  border-right: 1px solid #44227a;
}
.info_list li:first-child {
  padding-left: 0;
}
.info_list li:last-child {
  padding-right: 0;
  border-right: none;
}
.info_list li a {
  cursor: pointer;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}
.info_list li a span {
  position: relative;
  display: inline-block;
  margin-left: 4px;
  width: 24px;
  height: 24px;
  background: #201139;
  border-radius: 1000px;
  line-height: 24px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
}
.comment_box {
  border: 1px solid #cecfd3;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
}
.navi_section {
  border: 1px solid #e6e7e9;
  padding-left: 15px;
  padding-right: 7px;
}
.navi_section .top_navi {
  font-size: 12px;
  font-weight: 600;
}
.navi_section .on {
  position: relative;
}
.navi_section .on:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 99px;
  height: 3px;
  background-color: #2e9988;
}
.title_bar .sub_headline {
  font-size: 16px;
  color: #222;
  font-weight: 600;
}
.title_bar .bar {
  position: relative;
}
.title_bar .bar:after {
  content: '';
  position: absolute;
  bottom: 25%;
  right: 0;
  width: 1px;
  height: 15px;
  background-color: #cecece;
}
.sub_bullet2 {
  width: 100%;
  heigth: 11px;
  background-image: url("image/sub/ico_bullet_gray.png");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 1px 11px;
}
.main_bullet {
  width: 100%;
  heigth: 2px;
  background-image: url("image/sub/ico_date_list.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 2px 2px;
}
.crm_factory {
  background-color: #f0f0f0;
}
.crm_factory .crm_info {
  background-color: #ffffff;
  border-top: 1px solid #e0e1e3;
  border-bottom: 1px solid #e0e1e3;
  border-right: 1px solid #e0e1e3;
}
.crm_factory .crm_info .crm_rolling_info {
  width: 100%;
  heigth: 17px;
  background-image: url("image/sub/ico_crm_info.png");
  background-position: 20px 56%;
  background-repeat: no-repeat;
  background-size: 19px 17px;
}
.crm_factory .crm_info .crm_rolling_txt {
  width: 100%;
  heigth: 11px;
  background-image: url("image/sub/ico_bullet_gray.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 1px 11px;
}
.crm_factory .crm_factory_box {
  background-color: #ffffff;
  border-bottom: 1px solid #d9d9d9;
  padding-right: 20px;
}
.crm_main {
  background-color: #ffffff;
}
.crm_main .crm_info {
  background-color: #ffffff;
  border-top: 1px solid #e0e1e3;
  border-bottom: 1px solid #e0e1e3;
  border-right: 1px solid #e0e1e3;
}
.crm_main .crm_info .crm_rolling_info {
  width: 100%;
  heigth: 17px;
  background-image: url("image/sub/ico_crm_info.png");
  background-position: 20px 56%;
  background-repeat: no-repeat;
  background-size: 19px 17px;
}
.crm_main .crm_info .crm_rolling_txt {
  width: 100%;
  heigth: 11px;
  background-image: url("image/sub/ico_bullet_gray.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 1px 11px;
}
.crm_main .my_active_con {
  background-color: #ffffff;
}
.crm_main .my_active_con .active_num {
  border-bottom: 2px solid #44227a;
}
.crm_pop_type1_on {
  border-right: 1px solid #44227a;
  border-left: 1px solid #44227a;
  border-bottom: 1px solid #44227a;
  border-top: 1px solid #44227a;
}
.crm_pop_type1_on .crm_pop_tit {
  text-align: center;
  background-color: #d9cbef;
  border-bottom: 1px solid #44227a;
  color: #013c33;
  font-weight: 800;
  font-size: 12px;
}
.crm_pop_type1_off {
  border-right: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  border-top: 1px solid #9c9c9c;
}
.crm_pop_type1_off .crm_pop_tit {
  text-align: center;
  background-color: #e5e5e5;
  border-bottom: 1px solid #c8c8c8;
  color: #222222;
  font-weight: 800;
  font-size: 12px;
}
.ft12 {
  font-size: 12px;
}
.crm_calendar_right .sche_name {
  background-color: #d9cbef;
  padding-left: 11px;
  padding-right: 15px;
}
.crm_calendar_right .sche_data {
  background-color: #ffffff;
  padding-left: 11px;
  padding-right: 15px;
}
.btn_sms_mail {
  border: none;
  background: none;
}
.info_list .cl-button {
  color: #005144;
  font-size: 13px;
  font-weight: 500;
  border: none;
  background: none;
  vertical-align: middle;
  text-shadow: none;
}
.info_list .cl-button:hover {
  color: #005144;
  border: none;
  background: none;
  text-shadow: none;
}
.info_list .cl-output {
  background: #005044;
  border-radius: 50%;
  color: #c2e5e0;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
}
.user_company .cl-output {
  color: #44227a;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -1.1px;
}
.user_company .cl-button {
  border: none;
  border-radius: 50%;
  background-color: #44227a;
  background-image: url("image/common/btn_esc_snb.png");
  background-repeat: no-repeat;
  background-position: center;
}
.user_company .cl-button:hover {
  background-color: #44227a;
  background-image: url("image/common/btn_esc_snb.png");
  background-repeat: no-repeat;
  background-position: center;
}