/* 
 * Define Custom variables
 * Template Name : EXBSP
 * Author : Da-eun Ryu
 * File : less
 */
/************************************************
 * 컬러 시스템
 ************************************************/
/************************************************
 * 바디
 ************************************************/
/************************************************
 * 폰트
 ************************************************/
/************************************************
 * 컴포넌트(컨트롤)
 ************************************************/
/************************************************
 * 컴포넌트(인풋 계열)
 ************************************************/
/************************************************
 * 컴포넌트(셀렉션 계열)
 ************************************************/
/************************************************
 * 버튼
 ************************************************/
/************************************************
 * 폼
 ************************************************/
/************************************************
 * 테이블(그리드)
 ************************************************/
/************************************************
 * 탭
 ************************************************/
/************************************************
 * 모달(다이얼로그)
 ************************************************/
/************************************************
 * 캘린더
 ************************************************/
.cl-checkbox.cl-focus .cl-checkbox-icon {
  outline: 2px dotted #111111;
}
.cl-checkbox.cbx-all.cl-focus,
.cl-checkbox.cbx-btn.cl-focus {
  outline: 2px dotted #111111;
}
.cl-checkboxgroup.cl-focus .cl-checkbox .cl-checkbox-icon:focus,
.cl-checkboxgroup.cl-focus .cl-checkbox .cl-checkbox-icon.cl-focus {
  outline: 2px dotted #111111;
}
.cl-checkboxgroup.cbx-filter.cl-focus .cl-checkbox:focus-within {
  outline: 2px dotted #111111;
}
.cl-radiobutton:focus .cl-radiobutton-item .cl-radiobutton-icon:focus,
.cl-radiobutton.cl-focus .cl-radiobutton-item .cl-radiobutton-icon:focus,
.cl-radiobutton:focus .cl-radiobutton-item .cl-radiobutton-icon.cl-focus,
.cl-radiobutton.cl-focus .cl-radiobutton-item .cl-radiobutton-icon.cl-focus {
  outline: 2px dotted #111111;
}
.cl-radiobutton.switch.cl-focus .cl-radiobutton-item:focus-within,
.cl-radiobutton.rdb-filter.cl-focus .cl-radiobutton-item:focus-within {
  outline: 2px dotted #111111;
}
.cl-radiobutton.switch.cl-focus .cl-radiobutton-item .cl-text:focus-visible,
.cl-radiobutton.rdb-filter.cl-focus .cl-radiobutton-item .cl-text:focus-visible {
  outline: none;
}
.cl-radiobutton.rdb-btn3.cl-focus .cl-radiobutton-item:focus-within {
  outline: 2px dotted #111111;
}
.cl-radiobutton.rdb-btn3.cl-focus .cl-radiobutton-item .cl-text:focus-visible {
  outline: none;
}
.cl-radiobutton.switch-tab.cl-focus {
  outline: 2px dotted #111111;
}
.cl-calendar.cl-focus .cl-calendar-header .cl-calendar-header-prev.cl-hover,
.cl-calendar.cl-focus .cl-calendar-header .cl-calendar-header-next.cl-hover {
  outline: 2px dotted #111111;
}
.cl-calendar.cl-focus .cl-calendar-header .cl-calendar-header-text.cl-hover {
  text-decoration: underline;
}