/* 
 * Define Custom Sheets
 * Template Name : 
 * Author : Da-eun Ryu
 * File : less
 */
/************************************************
 * 공통 스타일 시트
 ************************************************/
/* 
 * Define Custom variables
 * Template Name : EXBSP
 * Author : Da-eun Ryu
 * File : less
 */
/************************************************
 * 컬러 시스템
 ************************************************/
/************************************************
 * 바디
 ************************************************/
/************************************************
 * 폰트
 ************************************************/
/************************************************
 * 컴포넌트(컨트롤)
 ************************************************/
/************************************************
 * 컴포넌트(인풋 계열)
 ************************************************/
/************************************************
 * 컴포넌트(셀렉션 계열)
 ************************************************/
/************************************************
 * 버튼
 ************************************************/
/************************************************
 * 폼
 ************************************************/
/************************************************
 * 테이블(그리드)
 ************************************************/
/************************************************
 * 탭
 ************************************************/
/************************************************
 * 모달(다이얼로그)
 ************************************************/
/************************************************
 * 캘린더
 ************************************************/
/************************************************
 * 아이콘
 ************************************************/
.item-ico.co-main:before {
  filter: brightness(0) saturate(100%) invert(29%) sepia(98%) saturate(1008%) hue-rotate(188deg) brightness(88%) contrast(95%);
}
.item-ico.co-gray:before {
  filter: brightness(0) saturate(100%) invert(35%) sepia(32%) saturate(0%) hue-rotate(157deg) brightness(102%) contrast(84%);
}
.item-ico.co-light-gray:before {
  filter: brightness(0) saturate(100%) invert(71%) sepia(97%) saturate(0%) hue-rotate(173deg) brightness(91%) contrast(83%);
}
.item-ico.co-del:before {
  filter: brightness(0) saturate(100%) invert(28%) sepia(63%) saturate(1553%) hue-rotate(331deg) brightness(107%) contrast(103%);
}
.item-ico.co-white:before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(105%) contrast(105%);
}
.w-100p {
  width: 100% !important;
  min-width: auto !important;
}
/* display */
.ds-ib {
  display: inline-block !important;
}
.ds-b {
  display: block !important;
}
.ds-f {
  display: flex !important;
}
.ds-n {
  display: none !important;
}
.hide {
  display: none !important;
}
/* text-align */
.ta-l {
  text-align: left !important;
}
.ta-c {
  text-align: center !important;
}
.ta-r {
  text-align: right !important;
}
/************************************************
 * 프리텐다드 - PretendardGOV
 ************************************************/
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("PretendardGOV-Thin"), local("PretendardGOV-Thin"), url("fonts/PretendardGOV/PretendardGOV-Thin.otf") format("opentype");
}
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("PretendardGOV-Regular"), local("PretendardGOV-Regular"), url("fonts/PretendardGOV/PretendardGOV-Regular.otf") format("opentype");
}
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("PretendardGOV-medium"), local("PretendardGOV-medium"), url("fonts/PretendardGOV/PretendardGOV-Medium.otf") format("opentype");
}
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("PretendardGOV-SemiBold"), local("PretendardGOV-SemiBold"), url("fonts/PretendardGOV/PretendardGOV-SemiBold.otf") format("opentype");
}
@font-face {
  font-family: "PretendardGOV";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("PretendardGOV-Bold"), local("PretendardGOV-Bold"), url("fonts/PretendardGOV/PretendardGOV-Bold.otf") format("opentype");
}
/* 
 * Define Common Class
 * Template Name : eXCFrame-uikit
 * Author : Da-eun Ryu
 * File : less
 */
/************************************************
 * 팔레트
 ************************************************/
.bg-primary {
  background-color: #1B7AB3 !important;
}
.bg-secondary {
  background-color: #0c3672 !important;
}
.bg-success {
  background-color: #41bd64 !important;
}
.bg-info {
  background-color: #3387ff !important;
}
.bg-warning {
  background-color: #fec84b !important;
}
.bg-danger {
  background-color: #ff2a2a !important;
}
.bg-dark {
  background-color: #181818 !important;
}
.bg-gray {
  background-color: #d0d0d0 !important;
}
.bg-blue {
  background-color: #3387ff !important;
}
.bg-indigo {
  background-color: #3538cd !important;
}
.bg-purple {
  background-color: #6941c6 !important;
}
.bg-pink {
  background-color: #dd2590 !important;
}
.bg-red {
  background-color: #ff2a2a !important;
}
.bg-orange {
  background-color: #fb6514 !important;
}
.bg-yellow {
  background-color: #fec84b !important;
}
.bg-green {
  background-color: #41bd64 !important;
}
.bg-teal {
  background-color: #26c3c3 !important;
}
.bg-cyan {
  background-color: #23b8f1 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-light {
  background-color: #e6e6e6 !important;
}
.bg-lighter {
  background-color: #f8f8f8 !important;
}
.bg-black {
  background-color: #000 !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-opacity {
  opacity: 0.35;
}
.bg-primary-dim {
  background-color: #f0f6ff !important;
}
.bg-secondary-dim {
  background-color: #e6edf9 !important;
}
.bg-success-dim {
  background-color: #f2fffb !important;
}
.bg-info-dim {
  background-color: #f7faff !important;
}
.bg-warning-dim {
  background-color: #fffbd8 !important;
}
.bg-danger-dim {
  background-color: #fff5f5 !important;
}
.bg-gray-100 {
  background-color: #f5f5f5 !important;
}
.bg-gray-200 {
  background-color: #eee !important;
}
.bg-gray-300 {
  background-color: #ddd !important;
}
.bg-gray-400 {
  background-color: #ccc !important;
}
.bg-gray-500 {
  background-color: #bbb !important;
}
.bg-gray-600 {
  background-color: #aaa !important;
}
.bg-gray-700 {
  background-color: #999 !important;
}
.bg-gray-800 {
  background-color: #666 !important;
}
.bg-gray-900 {
  background-color: #333 !important;
}
.text-primary {
  color: #1B7AB3 !important;
}
.text-secondary {
  color: #0c3672 !important;
}
.text-info {
  color: #3387ff !important;
}
.text-success {
  color: #41bd64 !important;
}
.text-danger {
  color: #ff2a2a !important;
}
.text-warning {
  color: #fec84b !important;
}
.text-dark {
  color: #181818 !important;
}
.text-gray {
  color: #d0d0d0 !important;
}
.text-body {
  color: #000 !important;
}
.text-base {
  color: #333 !important;
}
.text-soft {
  color: #b5b5b5 !important;
}
.text-black {
  color: #000 !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-light {
  color: #e6e6e6 !important;
}
.text-lighter {
  color: #f8f8f8 !important;
}
.text-white {
  color: #fff !important;
}
.text-blue {
  color: #3387ff !important;
}
.text-indigo {
  color: #3538cd !important;
}
.text-purple {
  color: #6941c6 !important;
}
.text-pink {
  color: #dd2590 !important;
}
.text-red {
  color: #ff2a2a !important;
}
.text-orange {
  color: #fb6514 !important;
}
.text-yellow {
  color: #fec84b !important;
}
.text-green {
  color: #41bd64 !important;
}
.text-teal {
  color: #26c3c3 !important;
}
.text-cyan {
  color: #23b8f1 !important;
}
.text-transparent {
  color: transparent !important;
}
.text-primary-dim {
  color: #f0f6ff !important;
}
.text-secondary-dim {
  color: #e6edf9 !important;
}
.text-success-dim {
  color: #f2fffb !important;
}
.text-info-dim {
  color: #f7faff !important;
}
.text-warning-dim {
  color: #fffbd8 !important;
}
.text-danger-dim {
  color: #fff5f5 !important;
}
.text-gray-100 {
  color: #f5f5f5 !important;
}
.text-gray-200 {
  color: #eee !important;
}
.text-gray-300 {
  color: #ddd !important;
}
.text-gray-400 {
  color: #ccc !important;
}
.text-gray-500 {
  color: #bbb !important;
}
.text-gray-600 {
  color: #aaa !important;
}
.text-gray-700 {
  color: #999 !important;
}
.text-gray-800 {
  color: #666 !important;
}
.text-gray-900 {
  color: #333 !important;
}
/************************************************
 * 바디
 ************************************************/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/************************************************
 * 타이포그래피
 ************************************************/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h {
  color: #181818;
  font-family: "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
h1,
.h1 {
  font-size: 2.8rem !important;
}
h2,
.h2 {
  font-size: 2.4rem !important;
}
h3,
.h3 {
  font-size: 2rem !important;
}
h4,
.h4 {
  font-size: 1.8rem !important;
}
h5,
.h5 {
  font-size: 1.6rem !important;
}
h6,
.h6 {
  font-size: 1.4rem !important;
}
.fs-base {
  font-size: 1.4rem !important;
}
.fs-lg {
  font-size: 1.6rem !important;
}
.fs-md {
  font-size: 1.5rem !important;
}
.fs-sm {
  font-size: 1.2rem !important;
}
.ff-base {
  font-family: "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif !important;
}
.ff-italic {
  font-style: italic !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500;
}
.fw-bold {
  font-weight: 700;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-underline {
  text-decoration: underline !important;
}
.text-link:hover {
  color: #1B7AB3;
  text-decoration: underline !important;
  cursor: pointer;
}
/************************************************
 * 유틸리티
 ************************************************/
.border {
  border: 1px solid #ddd !important;
}
.border-top {
  border-top: 1px solid #ddd !important;
}
.border-bottom {
  border-bottom: 1px solid #ddd !important;
}
.border-left {
  border-left: 1px solid #ddd !important;
}
.border-right {
  border-right: 1px solid #ddd !important;
}
.border-0 {
  border: none !important;
}
.border-top-0 {
  border-top: none !important;
}
.border-bottom-0 {
  border-bottom: none !important;
}
.border-left-0 {
  border-left: none !important;
}
.border-right-0 {
  border-right: none !important;
}
.border-primary {
  border-color: #1B7AB3 !important;
}
.border-secondary {
  border-color: #0c3672 !important;
}
.border-success {
  border-color: #41bd64 !important;
}
.border-info {
  border-color: #3387ff !important;
}
.border-warning {
  border-color: #fec84b !important;
}
.border-danger {
  border-color: #ff2a2a !important;
}
.border-dark {
  border-color: #181818 !important;
}
.border-gray {
  border-color: #d0d0d0 !important;
}
.border-blue {
  border-color: #3387ff !important;
}
.border-indigo {
  border-color: #3538cd !important;
}
.border-purple {
  border-color: #6941c6 !important;
}
.border-pink {
  border-color: #dd2590 !important;
}
.border-red {
  border-color: #ff2a2a !important;
}
.border-orange {
  border-color: #fb6514 !important;
}
.border-yellow {
  border-color: #fec84b !important;
}
.border-green {
  border-color: #41bd64 !important;
}
.border-teal {
  border-color: #26c3c3 !important;
}
.border-cyan {
  border-color: #23b8f1 !important;
}
.border-white {
  border-color: #fff !important;
}
.border-light {
  border-color: #e6e6e6 !important;
}
.border-lighter {
  border-color: #f8f8f8 !important;
}
.border-black {
  border-color: #000 !important;
}
.border-transparent {
  border-color: transparent !important;
}
.border-gray-100 {
  border-color: #f5f5f5 !important;
}
.border-gray-200 {
  border-color: #eee !important;
}
.border-gray-300 {
  border-color: #ddd !important;
}
.border-gray-400 {
  border-color: #ccc !important;
}
.border-gray-500 {
  border-color: #bbb !important;
}
.border-gray-600 {
  border-color: #aaa !important;
}
.border-gray-700 {
  border-color: #999 !important;
}
.border-gray-800 {
  border-color: #666 !important;
}
.border-gray-900 {
  border-color: #333 !important;
}
.dashed {
  border: 1px solid #ddd;
  border-style: dashed;
}
.rounded {
  border-radius: 4px !important;
}
.rounded-top {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
.rounded-top-0 {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.rounded-bottom {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.rounded-bottom-0 {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-left {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.rounded-left-0 {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.rounded-right {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.rounded-right-0 {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-circle {
  border-radius: 9999px !important;
}
.rounded-pill {
  border-radius: 1.5rem !important;
}
.rounded-0 {
  border-radius: 0px !important;
}
.rounded-sm {
  border-radius: 2px !important;
}
.rounded-lg {
  border-radius: 12px !important;
}
.box-shadow {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.box-shadow-0 {
  box-shadow: none !important;
}
.m-0 {
  margin: 0px !important;
}
.m-1 {
  margin: 4px !important;
}
.m-2 {
  margin: 8px !important;
}
.m-3 {
  margin: 12px !important;
}
.m-4 {
  margin: 16px !important;
}
.m-5 {
  margin: 20px !important;
}
.m-gs {
  margin: 24px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.ml-1 {
  margin-left: 4px !important;
}
.ml-2 {
  margin-left: 8px !important;
}
.ml-3 {
  margin-left: 12px !important;
}
.ml-4 {
  margin-left: 16px !important;
}
.ml-5 {
  margin-left: 20px !important;
}
.ml-gs {
  margin-left: 24px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mr-1 {
  margin-right: 4px !important;
}
.mr-2 {
  margin-right: 8px !important;
}
.mr-3 {
  margin-right: 12px !important;
}
.mr-4 {
  margin-right: 16px !important;
}
.mr-5 {
  margin-right: 20px !important;
}
.mr-gs {
  margin-right: 24px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-1 {
  margin-top: 4px !important;
}
.mt-2 {
  margin-top: 8px !important;
}
.mt-3 {
  margin-top: 12px !important;
}
.mt-4 {
  margin-top: 16px !important;
}
.mt-5 {
  margin-top: 20px !important;
}
.mt-gs {
  margin-top: 24px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-1 {
  margin-bottom: 4px !important;
}
.mb-2 {
  margin-bottom: 8px !important;
}
.mb-3 {
  margin-bottom: 12px !important;
}
.mb-4 {
  margin-bottom: 16px !important;
}
.mb-5 {
  margin-bottom: 20px !important;
}
.mb-gs {
  margin-bottom: 24px !important;
}
.p-0 {
  padding: 0px !important;
}
.p-1 {
  padding: 4px !important;
}
.p-2 {
  padding: 8px !important;
}
.p-3 {
  padding: 12px !important;
}
.p-4 {
  padding: 16px !important;
}
.p-5 {
  padding: 20px !important;
}
.p-gs {
  padding: 24px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pl-1 {
  padding-left: 4px !important;
}
.pl-2 {
  padding-left: 8px !important;
}
.pl-3 {
  padding-left: 12px !important;
}
.pl-4 {
  padding-left: 16px !important;
}
.pl-5 {
  padding-left: 20px !important;
}
.pl-gs {
  padding-left: 24px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pr-1 {
  padding-right: 4px !important;
}
.pr-2 {
  padding-right: 8px !important;
}
.pr-3 {
  padding-right: 12px !important;
}
.pr-4 {
  padding-right: 16px !important;
}
.pr-5 {
  padding-right: 20px !important;
}
.pr-gs {
  padding-right: 24px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pt-1 {
  padding-top: 4px !important;
}
.pt-2 {
  padding-top: 8px !important;
}
.pt-3 {
  padding-top: 12px !important;
}
.pt-4 {
  padding-top: 16px !important;
}
.pt-5 {
  padding-top: 20px !important;
}
.pt-gs {
  padding-top: 24px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pb-1 {
  padding-bottom: 4px !important;
}
.pb-2 {
  padding-bottom: 8px !important;
}
.pb-3 {
  padding-bottom: 12px !important;
}
.pb-4 {
  padding-bottom: 16px !important;
}
.pb-5 {
  padding-bottom: 20px !important;
}
.pb-gs {
  padding-bottom: 24px !important;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-move {
  cursor: move;
}
.cursor-text {
  cursor: text;
}
.cursor-wait {
  cursor: wait;
}
.cursor-help {
  cursor: help;
}
/************************************************
 * 공통 화면 스타일 시트
 ************************************************/
/************************************************
 * 헤더
 ************************************************/
.cl-container.header {
  background-color: #fff;
}
.cl-container.header .cl-button.btn-nav-menu {
  background-image: url("images/com/ic_menu.png");
}
.cl-container.header .cl-button.btn-nav-menu.on {
  background-image: url("images/com/ic_menu_on.png");
}
.cl-container.header .cl-button.btn-nav-download {
  background-image: url("images/com/ic_download.png");
}
.cl-container.header .cl-button.btn-nav-plugin {
  background-image: url("images/com/ic_plug.png");
}
.cl-container.header .cl-button.btn-nav-dark {
  background-image: url("images/com/ic_moon.png");
}
.cl-container.header .cl-button.btn-nav-dark.on {
  background-image: url("images/com/ic_sun.png");
}
.cl-container.header .cl-button.btn-nav-alarm {
  background-image: url("images/com/ic_bell.png");
  background-repeat: no-repeat;
}
.cl-container.header .cl-button.btn-nav-alarm.on {
  background-image: url("images/com/ic_bell_dot.svg"), url("images/com/ic_bell.png");
  background-position: calc(50% + 8px) 0px, center;
  background-size: 12px, auto;
}
.cl-container.header .cl-button.btn-nav-logout {
  background-image: url("images/com/ic_logout.png");
}
/************************************************
 * 어사이드
 ************************************************/
.cl-container.aside {
  background-color: #fff;
}
.cl-container.aside .cl-searchinput.global-search {
  border-radius: 0px;
}
.cl-container.aside .cl-searchinput.global-search .cl-searchinput-search {
  background-image: url("images/com/ic_btn_search.png");
  width: 30px;
}
/************************************************
 * 콘텐트
 ************************************************/
.cl-container.body {
  background-color: #fff;
}
.cl-mdifolder.tab-content > .content > .cl-tabfolder-header.content {
  height: 32px;
}
.cl-mdifolder.tab-content > .content > .cl-tabfolder-header.content > .content {
  margin-right: -1px;
}
.cl-mdifolder.tab-content > .content > .cl-tabfolder-header.content .cl-empty-area {
  background-color: #fff;
  border-top: 1px solid #ddd;
}
.cl-mdifolder.tab-content > .content > .cl-tabfolder-header.content .cl-tabfolder-prev,
.cl-mdifolder.tab-content > .content > .cl-tabfolder-header.content .cl-tabfolder-next {
  border: 1px solid #ddd !important;
  width: 36px;
  z-index: 0;
}
.cl-mdifolder.tab-content > .content > .cl-tabfolder-header.content .cl-tabfolder-prev.cl-disabled,
.cl-mdifolder.tab-content > .content > .cl-tabfolder-header.content .cl-tabfolder-next.cl-disabled {
  background-color: #fff;
}
.cl-mdifolder.tab-content > .content > .cl-tabfolder-header.content .cl-tabfolder-item {
  background-color: #fff;
  font-size: 1.5rem;
  padding: 4px 15px;
}
.cl-mdifolder.tab-content > .content > .cl-tabfolder-header.content .cl-tabfolder-item .cl-checkbox .cl-checkbox-icon {
  background-image: url("images/com/ic_unlock.png");
  margin: 0px;
  width: 14px;
}
.cl-mdifolder.tab-content > .content > .cl-tabfolder-header.content .cl-tabfolder-item .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/com/ic_lock.png");
}
.cl-mdifolder.tab-content > .content > .cl-tabfolder-header.content .cl-tabfolder-item.cl-selected {
  background-color: #1B7AB3;
  color: #fff;
}
.cl-mdifolder.tab-content > .content > .cl-tabfolder-header.content .cl-tabfolder-item.cl-selected .cl-checkbox .cl-checkbox-icon {
  background-image: url("images/com/ic_unlock_on.png");
}
.cl-mdifolder.tab-content > .content > .cl-tabfolder-header.content .cl-tabfolder-item.cl-selected .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/com/ic_lock_on.png");
}
.cl-mdifolder.tab-content > .content > .cl-tabfolder-header.content .cl-tabfolder-item.cl-selected .cl-tabfolder-button {
  background-image: url("images/controls/tabfolder/ic_tab_close_on.png");
}
.cl-mdifolder.tab-content > .content > .cl-tabfolder-header.content + .cl-tabfolder-body {
  border: 1px solid #ddd;
  border-top-width: 0px;
}
.cl-button.cl-tabfolder-item {
  border-radius: 0px;
  padding: 0px !important;
}
.cl-button.cl-tabfolder-item .cl-icon {
  width: 16px;
  height: 16px;
  margin: 0px;
}
.cl-button.cl-tabfolder-item.cl-selected .cl-icon {
  background-image: url("images/com/ic_home_on.png") !important;
}
.cl-container.tab-utils .cl-button {
  border: 1px solid #ddd;
  border-radius: 0px;
  padding: 0px;
}
.cl-container.tab-utils .cl-button .cl-icon {
  background-size: auto;
  margin: 0px;
}
.cl-container.tab-utils .cl-button.btn-refresh:not(.cl-disabled):hover .cl-icon,
.cl-container.tab-utils .cl-button.btn-refresh:focus .cl-icon,
.cl-container.tab-utils .cl-button.btn-refresh.cl-focus .cl-icon,
.cl-container.tab-utils .cl-button.btn-refresh:not(.cl-disabled).cl-activated .cl-icon,
.cl-container.tab-utils .cl-button.btn-refresh:not(.cl-disabled):active .cl-icon {
  background-image: url("images/com/ic_btn_refresh_on.png") !important;
}
.cl-container.tab-utils .cl-button.btn-close:not(.cl-disabled):hover .cl-icon,
.cl-container.tab-utils .cl-button.btn-close:focus .cl-icon,
.cl-container.tab-utils .cl-button.btn-close.cl-focus .cl-icon,
.cl-container.tab-utils .cl-button.btn-close:not(.cl-disabled).cl-activated .cl-icon,
.cl-container.tab-utils .cl-button.btn-close:not(.cl-disabled):active .cl-icon {
  background-image: url("images/com/ic_btn_close_on.png") !important;
}
.cl-container.tab-utils .cl-button.btn-zoom:not(.cl-disabled):hover .cl-icon,
.cl-container.tab-utils .cl-button.btn-zoom:focus .cl-icon,
.cl-container.tab-utils .cl-button.btn-zoom.cl-focus .cl-icon,
.cl-container.tab-utils .cl-button.btn-zoom:not(.cl-disabled).cl-activated .cl-icon,
.cl-container.tab-utils .cl-button.btn-zoom:not(.cl-disabled):active .cl-icon {
  background-image: url("images/com/ic_btn_zoom_on.png") !important;
}
/************************************************
 * 대시보드
 ************************************************/
.cl-container.dashboard .cl-searchinput.global-search {
  font-size: 1.6rem;
}
.cl-container.dashboard .cl-searchinput.global-search .cl-text {
  padding: 0px 20px;
}
.cl-container.dashboard .cl-searchinput.global-search .cl-searchinput-search {
  background-image: url("images/com/ic_btn_search.png");
  background-position: center;
  background-color: #f0f6ff;
  border-left: 1px solid #ddd;
  width: 50px;
}
.cl-container.dashboard .cl-searchinput.global-search.cl-focus .cl-searchinput-search {
  border-left-color: #1B7AB3;
}
.cl-container.dashboard .cl-tabfolder.result .cl-tabfolder-header {
  padding-right: 10px;
  height: 41px;
}
.cl-container.dashboard .cl-tabfolder.result .cl-tabfolder-header .cl-empty-area {
  border: none;
}
.cl-container.dashboard .cl-tabfolder.result .cl-tabfolder-header .cl-tabfolder-item {
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #ddd !important;
  box-shadow: none;
  padding: 0px;
  font-size: 0rem;
  height: 32px;
}
.cl-container.dashboard .cl-tabfolder.result .cl-tabfolder-header .cl-tabfolder-item.sitemap {
  background-image: url("images/com/ic_sitemap.png");
}
.cl-container.dashboard .cl-tabfolder.result .cl-tabfolder-header .cl-tabfolder-item.grid {
  background-image: url("images/com/ic_grid.png");
}
.cl-container.dashboard .cl-tabfolder.result .cl-tabfolder-body {
  border-top: 1px solid #ddd;
}
.cl-container.homepage .cl-searchinput.global-search {
  background-color: #f8f8f8;
  border: none;
  font-size: 1.5rem;
}
.cl-container.homepage .cl-searchinput.global-search .cl-text {
  padding: 0px 15px !important;
}
.cl-container.homepage .cl-searchinput.global-search .cl-searchinput-search {
  background-image: url("images/com/ic_btn_search.png");
  background-position: center;
  width: 40px;
}
.cl-container.homepage .cl-container.filter-box {
  background-color: #f0f6ff;
  border-radius: 12px;
}
.cl-container.homepage .cl-container.filter-box .cl-radiobutton.btn .cl-radiobutton-item {
  background-color: #fff;
  border: 1px solid #dddddd;
  border-style: dashed;
  border-radius: 8px;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
}
.cl-container.homepage .cl-container.filter-box .cl-radiobutton.btn .cl-radiobutton-item .cl-radiobutton-field {
  width: 100%;
  height: 46px;
}
.cl-container.homepage .cl-container.filter-box .cl-radiobutton.btn .cl-radiobutton-item.cl-selected {
  border-color: #3387ff;
  color: #3387ff;
}
.cl-container.homepage .cl-container.filter-box .cl-inputbox .cl-text {
  padding: 0px 15px !important;
}
.cl-container.homepage .cl-container.breadcrumbs .cl-output.breadcrumb-item {
  color: #aaa;
  font-size: 1.3rem;
}
.cl-container.homepage .cl-container.breadcrumbs .cl-output.breadcrumb-item .cl-text:before {
  content: ">";
  color: #aaa;
  padding: 0px 6px;
}
.cl-container.homepage .cl-container.breadcrumbs .cl-layout-wrap:first-child .cl-output.breadcrumb-item .cl-text:before {
  content: none;
}
/************************************************
 * 알림 아이템
 ************************************************/
.cl-container.noti-content .cl-button.btn-noti-close {
  background-image: url("images/com/ic_btn_close_on.png") !important;
  background-position: center center;
  background-repeat: no-repeat;
}
.cl-container.noti-content .cl-button.btn-noti-close.cl-disabled {
  background-image: url("images/com/ic_btn_close.png") !important;
}
/************************************************
 * 
 ************************************************/
.is-dark .cl-container.header {
  background-color: #222225;
}
.is-dark .cl-container.header .cl-button.btn-nav-menu .cl-icon {
  background-image: url("images/com/dark/ic_menu.png") !important;
}
.is-dark .cl-container.header .cl-button.btn-nav-menu.on .cl-icon {
  background-image: url("images/com/dark/ic_menu_on.png") !important;
}
.is-dark .cl-container.header .text-gray-800 {
  color: #d4d4d4 !important;
}
.is-dark .cl-container.header .text-center.border {
  border: 1px solid #404045 !important;
  color: #d4d4d4;
}
.is-dark .cl-container.header .cl-button.btn-nav-download {
  background-image: url("images/com/dark/ic_download.png");
}
.is-dark .cl-container.header .cl-button.btn-nav-plugin {
  background-image: url("images/com/dark/ic_plug.png");
}
.is-dark .cl-container.header .cl-button.btn-nav-dark {
  background-image: url("images/com/dark/ic_moon.png");
}
.is-dark .cl-container.header .cl-button.btn-nav-dark.on {
  background-image: url("images/com/ic_sun.png");
}
.is-dark .cl-container.header .cl-button.btn-nav-alarm {
  background-image: url("images/com/dark/ic_bell.png");
}
.is-dark .cl-container.header .cl-button.btn-nav-logout {
  background-image: url("images/com/dark/ic_logout.png");
}
.is-dark .cl-container.aside {
  background-color: #222225;
}
.is-dark .cl-container.aside .cl-searchinput.global-search {
  background-color: #3b3b40;
  border: none;
  color: #d4d4d4;
}
.is-dark .cl-container.aside .cl-searchinput.global-search .cl-searchinput-search {
  background-image: url("images/com/dark/ic_btn_search.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu {
  color: #d4d4d4;
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item:hover,
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-hover,
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item:focus {
  background-color: transparent;
  color: #1B7AB3;
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-selected {
  background-color: transparent;
  color: #1B7AB3;
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1 .cl-expand-icon {
  background-image: url("images/com/dark/ic_arrow.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1 + .cl-list {
  background-color: #2e3032;
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.cl-selected {
  background-color: transparent;
  color: #1B7AB3;
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.cl-selected .cl-expand-icon {
  background-image: url("images/com/ic_arrow_on.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.control .cl-icon {
  background-image: url("images/com/dark/ic_menu_01.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.control.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_01_on.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.module .cl-icon {
  background-image: url("images/com/dark/ic_menu_02.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.module.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_02_on.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.page .cl-icon {
  background-image: url("images/com/dark/ic_menu_03.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.page.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_03_on.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.application .cl-icon {
  background-image: url("images/com/dark/ic_menu_04.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.application.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_04_on.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.list .cl-icon {
  background-image: url("images/com/dark/ic_menu_05.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.list.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_05_on.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.shape .cl-icon {
  background-image: url("images/com/dark/ic_menu_06.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.shape.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_06_on.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.lab .cl-icon {
  background-image: url("images/com/dark/ic_menu_07.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.lab.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_07_on.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.global .cl-icon {
  background-image: url("images/com/dark/ic_menu_08.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.global.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_08_on.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.monitor .cl-icon {
  background-image: url("images/com/dark/ic_menu_09.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.monitor.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_09_on.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.talk .cl-icon {
  background-image: url("images/com/dark/ic_menu_10.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.talk.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_10_on.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.security .cl-icon {
  background-image: url("images/com/dark/ic_menu_11.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.security.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_11_on.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.figure .cl-icon {
  background-image: url("images/com/dark/ic_menu_12.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.figure.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_12_on.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-2 .cl-expand-icon {
  background-image: url("images/com/dark/ic_plus.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-2.cl-folder.cl-expanded .cl-expand-icon {
  background-image: url("images/com/dark/ic_minus.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-2 .cl-expand-icon {
  background-image: url("images/com/dark/ic_plus.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-2.cl-folder.cl-expanded .cl-expand-icon {
  background-image: url("images/com/dark/ic_minus.png");
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-2.cl-selected {
  background-color: transparent;
  color: #d4d4d4;
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-3 .cl-text:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  top: 6px;
  left: 0px;
  background-color: #d4d4d4;
  border-radius: 9999px;
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-3.cl-selected .cl-text:before {
  content: "";
  background-color: #ffffff;
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-4 .cl-text:before {
  background-color: #d4d4d4;
}
.is-dark .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-5 .cl-text:before {
  color: #d4d4d4;
}
.is-dark .cl-container.body {
  background-color: #3b3b40;
}
.cl-control.main-slide {
  color: #fff;
}
.cl-control.main-slide-title,
.cl-control.main-slide-noti,
.cl-control.main-slide-date {
  padding: 4px 12px;
  color: #fff;
  font-size: 1.2rem;
  background: #2A588D;
  border-radius: 8px;
}
.cl-control.main-slide-date,
.cl-control.main-slide-title {
  font-size: 1.2rem;
  color: #fff;
  font-weight: 600;
}
.cl-control.main-slide-date {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .cl-control.main-slide .cl-layout-content {
    grid-template-columns: 0px 1fr 8px 8px 200px 0px;
  }
  .cl-control.main-slide-date {
    background: unset;
    color: #666;
    text-align: right !important;
    font-weight: 400;
  }
}
.cl-control.separate {
  background: #ddd;
}
.cl-control.separate.main {
  background: #1961B2 !important;
}
.cl-container {
  /*&.container.main {
		.cl-tabfolder-header,
		.cl-top {
			display:none !important;
		}
	}*/
}
.cl-container.tit-wrap {
  position: relative;
  display: block;
}
.cl-container.tit-wrap .cl-button.btn-ico {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px;
  border-radius: 2px;
}
.cl-container.tit-wrap.dep2 .cl-button.btn-ico {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px;
  border-radius: 2px;
}
.cl-container.tit-wrap .btn-more.btn-transparent {
  border-radius: 40px;
}
.cl-container.tit-wrap-dep2 .cl-button.btn-ico {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px;
  border-radius: 2px;
}
.cl-container.list-res.row-3 .list-item {
  position: relative;
  width: calc(100% / 3) !important;
}
.cl-container.list-res.row-3 .list-item:not(:last-child)::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1px;
  height: 42px;
  background: #ddd;
}
.cl-container.list-res.row-3 .list-item:nth-of-type(3) {
  left: calc(50% - ((100% / 3) / 2)) !important;
}
.cl-container.list-res.row-3 .list-item .tit {
  display: inline-block !important;
  color: #fff !important;
  font-size: 1.7rem !important;
  border-radius: 12px !important;
}
.cl-container.list-res.row-3.caution {
  background: rgba(255, 0, 0, 0.1);
}
.cl-container.list-res.row-3.caution .txt-main-sub {
  color: #fff;
  background: #B11515;
}
.cl-container.list-res.row-3.caution .txt-main-sub.ico-res::before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(307deg) brightness(103%) contrast(101%);
}
.cl-container.list-res.row-3.caution .list-item .tit {
  background: #FF0000 !important;
}
.cl-container.list-res.row-3.caution .list-item .txt {
  color: #FF0000 !important;
}
.cl-container.list-res.row-5 .list-item {
  position: relative;
  width: calc(100% / 5) !important;
}
.cl-container.list-res.row-5 .list-item:first-child {
  left: 0;
}
.cl-container.list-res.row-5 .list-item:nth-child(2) {
  left: calc(((100% - (1px * 4)) / 5) + (1px * 1)) !important;
}
.cl-container.list-res.row-5 .list-item:nth-child(3) {
  left: calc((((100% - (1px * 4)) / 5) * 2) + (1px * 2)) !important;
}
.cl-container.list-res.row-5 .list-item:nth-child(4) {
  left: calc((((100% - (1px * 4)) / 5) * 3) + (1px * 3)) !important;
}
.cl-container.list-res.row-5 .list-item:nth-child(5) {
  left: auto;
  right: 0;
}
.cl-container.wrap_korPen {
  position: relative !important;
  display: block;
  height: 100%;
  width: 100%;
}
.cl-container.wrap_korPen .map_wrap {
  position: relative !important;
  display: block;
  height: 100%;
  width: 100%;
}
.cl-container.wrap_korPen .map_wrap.bg_korPen {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  /*background: url("../images/@bg-mapchart.jpg") no-repeat center;
				background-size: cover;*/
}
.cl-container.wrap_korPen .map_wrap.point-seoul .img_korPen img {
  object-position: 70px 210px;
  transform: scale(3);
}
.cl-container.wrap_korPen .map_wrap.point-seoul .item-round.lv_2 {
  display: block;
}
.cl-container.wrap_korPen .map_wrap.point-seoul .item-round.lv_2.loca_01 {
  top: calc((50 / 645) * 645px) !important;
  left: calc((150 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .map_wrap.point-seoul .item-round.lv_2.loca_02 {
  top: calc((20 / 645) * 645px) !important;
  left: calc((270 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .map_wrap.point-kk .img_korPen img {
  object-position: 50px 205px;
  transform: scale(3);
}
.cl-container.wrap_korPen .map_wrap.point-kk .item-round.lv_2 {
  display: block;
}
.cl-container.wrap_korPen .map_wrap.point-kk .item-round.lv_2.loca_01 {
  top: calc((120 / 645) * 645px) !important;
  left: calc((110 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .map_wrap.point-kk .item-round.lv_2.loca_02 {
  top: calc((270 / 645) * 645px) !important;
  left: calc((180 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .map_wrap.point-kw .img_korPen img {
  object-position: -107px 205px;
  transform: scale(3);
}
.cl-container.wrap_korPen .map_wrap.point-kw .item-round.lv_2 {
  display: block;
}
.cl-container.wrap_korPen .map_wrap.point-kw .item-round.lv_2.loca_01 {
  top: calc((90 / 645) * 645px) !important;
  left: calc((360 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .map_wrap.point-kw .item-round.lv_2.loca_02 {
  top: calc((60 / 645) * 645px) !important;
  left: calc((150 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .map_wrap.point-dj .img_korPen img {
  object-position: 30px 120px;
  transform: scale(3);
}
.cl-container.wrap_korPen .map_wrap.point-dj .item-round.lv_2 {
  display: block;
}
.cl-container.wrap_korPen .map_wrap.point-dj .item-round.lv_2.loca_01 {
  top: calc((300 / 645) * 645px) !important;
  left: calc((180 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .map_wrap.point-dj .item-round.lv_2.loca_02 {
  top: calc((260 / 645) * 645px) !important;
  left: calc((310 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .map_wrap.point-dg .img_korPen img {
  object-position: -100px 30px;
  transform: scale(3);
}
.cl-container.wrap_korPen .map_wrap.point-dg .item-round.lv_2 {
  display: block;
}
.cl-container.wrap_korPen .map_wrap.point-dg .item-round.lv_2.loca_01 {
  top: calc((180 / 645) * 645px) !important;
  left: calc((170 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .map_wrap.point-dg .item-round.lv_2.loca_02 {
  top: calc((180 / 645) * 645px) !important;
  left: calc((310 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .map_wrap.point-jn .img_korPen img {
  object-position: 70px 10px;
  transform: scale(3);
}
.cl-container.wrap_korPen .map_wrap.point-jn .item-round.lv_2 {
  display: block;
}
.cl-container.wrap_korPen .map_wrap.point-jn .item-round.lv_2.loca_01 {
  top: calc((450 / 645) * 645px) !important;
  left: calc((170 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .map_wrap.point-jn .item-round.lv_2.loca_02 {
  top: calc((280 / 645) * 645px) !important;
  left: calc((310 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .map_wrap.point-jj .img_korPen img {
  object-position: 130px -200px;
  transform: scale(3);
}
.cl-container.wrap_korPen .map_wrap.point-jj .item-round.lv_2 {
  display: block;
}
.cl-container.wrap_korPen .map_wrap.point-jj .item-round.lv_2.loca_01 {
  top: calc((480 / 645) * 645px) !important;
  left: calc((140 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .map_wrap.point-jj .item-round.lv_2.loca_02 {
  top: calc((540 / 645) * 645px) !important;
  left: calc((260 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .img_korPen {
  position: relative !important;
  display: block;
  height: 100%;
  width: 100%;
  min-height: 550px;
  min-width: 400px;
}
.cl-container.wrap_korPen .img_korPen img {
  /*position: absolute;
			    left: 50%;
			    top: 50%;
			    transform: translate(-50%, -50%);*/
  height: 100% !important;
  width: 100% !important;
  aspect-ratio: 0.84;
  object-position: 50% 50%;
  object-fit: cover;
  transition: all 0.5s;
}
.cl-container.wrap_korPen .item-round {
  min-height: 80px !important;
  min-width: 80px !important;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  border: 1px solid #BBBBBB;
  background: rgba(63, 82, 54, 0.7);
  border-radius: 100px;
  overflow: visible !important;
  transition: 0.3s all;
  aspect-ratio: 1 !important;
  transition: all 0.3s;
  display: block;
}
.cl-container.wrap_korPen .item-round.lv_2. {
  opacity: 0;
}
.cl-container.wrap_korPen .item-round >* {
  text-align: center;
  height: auto !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
.cl-container.wrap_korPen .item-round .title,
.cl-container.wrap_korPen .item-round .txt {
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 400;
}
.cl-container.wrap_korPen .item-round .title {
  width: auto !important;
  min-width: 50px;
}
.cl-container.wrap_korPen .item-round .txt {
  font-size: 2.2rem;
  font-weight: 600;
}
.cl-container.wrap_korPen .item-round .rate {
  /*position: absolute;
			    top: 50% !important;
			    left: 50% !important;
			    transform: translate(-50%, -50%);
		        margin-top: 24px;
    			width: auto !important;*/
  color: #FFAFAF;
  font-size: 1.6rem;
  text-align: center;
}
.cl-container.wrap_korPen .item-round .item-ico {
  min-width: 20px;
}
.cl-container.wrap_korPen .item-round:focus,
.cl-container.wrap_korPen .item-round:hover {
  border: 4px solid #43E6DA;
  background: linear-gradient(45deg, rgba(14, 48, 38, 0.7), rgba(52, 74, 67, 0.7));
  z-index: 1;
}
.cl-container.wrap_korPen .item-round.lv_2 {
  /*background: rgba(33, 91, 165, 70%);
				
				&:focus,
				&:hover {
					border: 4px solid #5c91e3;
					background: linear-gradient(45deg,rgba(14, 34, 48, 70%), rgba(52, 57, 74, 70%));
					z-index: 1;
				}*/
}
.cl-container.wrap_korPen .item-round.size-xs {
  width: 90px !important;
  height: 90px !important;
}
.cl-container.wrap_korPen .item-round.size-s {
  width: 100px !important;
  height: 100px !important;
}
.cl-container.wrap_korPen .item-round.size-sm {
  width: 110px !important;
  height: 110px !important;
}
.cl-container.wrap_korPen .item-round.size-m {
  width: 120px !important;
  height: 120px !important;
}
.cl-container.wrap_korPen .item-round.size-ml {
  width: 130px !important;
  height: 130px !important;
}
.cl-container.wrap_korPen .item-round.size-l {
  width: 140px !important;
  height: 140px !important;
}
.cl-container.wrap_korPen .item-round.size-xl {
  width: 150px !important;
  height: 150px !important;
}
@media (max-width: 1700px) {
  .cl-container.wrap_korPen .item-round.size-xs {
    width: 80px !important;
    height: 80px !important;
  }
  .cl-container.wrap_korPen .item-round.size-s {
    width: 90px !important;
    height: 90px !important;
  }
  .cl-container.wrap_korPen .item-round.size-sm {
    width: 100px !important;
    height: 100px !important;
  }
  .cl-container.wrap_korPen .item-round.size-m {
    width: 110px !important;
    height: 110px !important;
  }
  .cl-container.wrap_korPen .item-round.size-ml {
    width: 120px !important;
    height: 120px !important;
  }
  .cl-container.wrap_korPen .item-round.size-l {
    width: 130px !important;
    height: 130px !important;
  }
  .cl-container.wrap_korPen .item-round.size-xl {
    width: 140px !important;
    height: 140px !important;
  }
}
.cl-container.wrap_korPen .item-round.point-seoul {
  top: calc((-20 / 645) * 645px) !important;
  left: calc((50 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .item-round.point-kk {
  top: calc((50 / 645) * 645px) !important;
  left: calc((140 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .item-round.point-kw {
  top: calc((30 / 645) * 645px) !important;
  left: calc((320 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .item-round.point-dj {
  top: calc((180 / 645) * 645px) !important;
  left: calc((180 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .item-round.point-dg {
  top: calc((240 / 645) * 645px) !important;
  left: calc((280 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .item-round.point-jn {
  top: calc((330 / 645) * 645px) !important;
  left: calc((100 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .item-round.point-jj {
  top: calc((530 / 645) * 645px) !important;
  left: calc((70 / 486) * 486px) !important;
}
.cl-container.wrap_korPen .btn-ico.btn-marker {
  background: url("images/ico_marker_01.svg") no-repeat center;
  background-size: contain;
  transition: all 0.3s;
}
.cl-container.wrap_korPen .btn-ico.btn-marker:not(.cl-disabled):hover {
  background-color: unset !important;
  transform: translateY(-8px);
  z-index: 1;
}
.cl-container.wrap_korPen .btn-ico.btn-marker:focus,
.cl-container.wrap_korPen .btn-ico.btn-marker.cl-focus {
  background-color: unset !important;
}
.cl-container.wrap_korPen .btn-ico.btn-marker:not(.cl-disabled).cl-activated,
.cl-container.wrap_korPen .btn-ico.btn-marker:not(.cl-disabled):active {
  background-color: unset !important;
}
.pandemic .cl-container.wrap_korPen .item-round.point-seoul {
  top: calc((0 / 995) * 995px) !important;
  left: calc((100 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .item-round.point-kk {
  top: calc((80 / 995) * 995px) !important;
  left: calc((220 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .item-round.point-kw {
  top: calc((70 / 995) * 995px) !important;
  left: calc((480 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .item-round.point-dj {
  top: calc((250 / 995) * 995px) !important;
  left: calc((220 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .item-round.point-dg {
  top: calc((380 / 995) * 995px) !important;
  left: calc((420 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .item-round.point-jn {
  top: calc((490 / 995) * 995px) !important;
  left: calc((160 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .item-round.point-jj {
  top: calc((840 / 995) * 995px) !important;
  left: calc((70 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-seoul .img_korPen img {
  object-position: 0px 230px;
  transform: scale(2);
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-seoul .item-round.lv_2 {
  display: block;
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-seoul .item-round.lv_2.loca_01 {
  top: calc((20 / 995) * 995px) !important;
  left: calc((100 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-seoul .item-round.lv_2.loca_02 {
  top: calc((80 / 995) * 995px) !important;
  left: calc((230 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-kk .img_korPen img {
  object-position: 0px 230px;
  transform: scale(2);
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-kk .item-round.lv_2 {
  display: block;
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-kk .item-round.lv_2.loca_01 {
  top: calc((160 / 995) * 995px) !important;
  left: calc((100 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-kk .item-round.lv_2.loca_02 {
  top: calc((300 / 995) * 995px) !important;
  left: calc((180 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-kw .img_korPen img {
  object-position: -237px 245px;
  transform: scale(2);
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-dj .img_korPen img {
  object-position: -10px 150px;
  transform: scale(2);
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-dj .item-round.loca_01 {
  top: calc((360 / 995) * 995px) !important;
  left: calc((210 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-dj .item-round.loca_02 {
  top: calc((390 / 995) * 995px) !important;
  left: calc((350 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-dg .img_korPen img {
  object-position: -210px 20px;
  transform: scale(2);
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-dg .item-round.lv_2.loca_01 {
  top: calc((280 / 995) * 995px) !important;
  left: calc((230 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-dg .item-round.lv_2.loca_02 {
  top: calc((300 / 995) * 995px) !important;
  left: calc((350 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-jn .img_korPen img {
  object-position: 70px 10px;
  transform: scale(2);
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-jn .item-round.lv_2.loca_01 {
  top: calc((560 / 995) * 995px) !important;
  left: calc((230 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-jn .item-round.lv_2.loca_02 {
  top: calc((390 / 995) * 995px) !important;
  left: calc((360 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-jj .img_korPen img {
  object-position: 130px -220px;
  transform: scale(2);
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-jj .item-round.lv_2.loca_01 {
  top: calc((790 / 995) * 995px) !important;
  left: calc((210 / 698) * 698px) !important;
}
.pandemic .cl-container.wrap_korPen .map_wrap.point-jj .item-round.lv_2.loca_02 {
  top: calc((870 / 995) * 995px) !important;
  left: calc((310 / 698) * 698px) !important;
}
.cl-container.update_res .icon-res {
  text-indent: -9999px;
  background-image: url("images/ico-plus-border.svg");
}
.cl-container.update_res .bg_round {
  position: relative;
}
.cl-container.update_res .bg_round:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 50%;
  background: #3F5236;
  border-radius: 12px;
  box-sizing: border-box;
}
.cl-container.update_res .bg_round .cl-container + .cl-container {
  border-left: 1px solid #ffffff;
}
.cl-container.update_pati .icon-res {
  text-indent: -9999px;
  background-image: url("images/ico-person.svg");
}
.cl-container.list-chart.row-4 .cl-container {
  width: calc((100% - (16px * 3)) / 4) !important;
  padding: 8px;
}
.cl-container.list-chart.row-4 .cl-container:first-child {
  left: 0;
}
.cl-container.list-chart.row-4 .cl-container:nth-child(2) {
  left: calc(((100% - (16px * 3)) / 4) + (16px * 1)) !important;
}
.cl-container.list-chart.row-4 .cl-container:nth-child(3) {
  left: calc((((100% - (16px * 3)) / 4) * 2) + (16px * 2)) !important;
}
.cl-container.list-chart.row-4 .cl-container:nth-child(4) {
  left: auto;
  right: 0;
}
.cl-container.info_gragh *,
.cl-container.info_piechrt *,
.cl-container.info_progress * {
  /*justify-items: anchor-center;*/
  color: #0A2D58;
  text-align: center;
  font-weight: 600;
}
.cl-container.info_gragh .txt-label,
.cl-container.info_piechrt .txt-label,
.cl-container.info_progress .txt-label {
  font-size: 1.8rem;
  line-height: 1.1;
}
.cl-container.info_gragh .txt-sub,
.cl-container.info_piechrt .txt-sub,
.cl-container.info_progress .txt-sub {
  font-size: 1.6rem;
}
.cl-container.info_gragh .txt-sub.co-red .cl-text,
.cl-container.info_piechrt .txt-sub.co-red .cl-text,
.cl-container.info_progress .txt-sub.co-red .cl-text {
  color: #DD4343 !important;
}
.cl-container.info_gragh .txt-sub.co-blue .cl-text,
.cl-container.info_piechrt .txt-sub.co-blue .cl-text,
.cl-container.info_progress .txt-sub.co-blue .cl-text {
  color: #3387ff !important;
}
.cl-container.info_gragh .txt-number,
.cl-container.info_piechrt .txt-number,
.cl-container.info_progress .txt-number {
  font-size: 3rem;
  font-weight: 700;
}
.cl-container.info_gragh .txt-number .cl-text,
.cl-container.info_piechrt .txt-number .cl-text,
.cl-container.info_progress .txt-number .cl-text {
  text-align: right;
}
.cl-container.info_gragh .txt-sort,
.cl-container.info_piechrt .txt-sort,
.cl-container.info_progress .txt-sort {
  margin-left: 4px;
  font-size: 1.6rem;
}
.cl-container.info_gragh.up .txt-rate .cl-icon.item-ico.ico-play::before,
.cl-container.info_piechrt.up .txt-rate .cl-icon.item-ico.ico-play::before,
.cl-container.info_progress.up .txt-rate .cl-icon.item-ico.ico-play::before {
  transform: translate(-50%, -50%) rotate(-90deg);
}
.cl-container.info_gragh.down .txt-rate .cl-icon.item-ico.ico-play::before,
.cl-container.info_piechrt.down .txt-rate .cl-icon.item-ico.ico-play::before,
.cl-container.info_progress.down .txt-rate .cl-icon.item-ico.ico-play::before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.info_list .cl-container.info_gragh *,
.info_list .cl-container.info_piechrt *,
.info_list .cl-container.info_progress * {
  justify-items: unset;
  text-align: right;
}
.info_list .cl-container.info_gragh .tit_cate,
.info_list .cl-container.info_piechrt .tit_cate,
.info_list .cl-container.info_progress .tit_cate,
.info_list .cl-container.info_gragh .tit_cate .cl-text,
.info_list .cl-container.info_piechrt .tit_cate .cl-text,
.info_list .cl-container.info_progress .tit_cate .cl-text {
  text-align: left;
}
.info_list .cl-container.info_gragh .tit_cate.fs_s,
.info_list .cl-container.info_piechrt .tit_cate.fs_s,
.info_list .cl-container.info_progress .tit_cate.fs_s,
.info_list .cl-container.info_gragh .tit_cate .cl-text.fs_s,
.info_list .cl-container.info_piechrt .tit_cate .cl-text.fs_s,
.info_list .cl-container.info_progress .tit_cate .cl-text.fs_s {
  font-size: 1.6rem;
}
.info_list .cl-container.info_gragh .txt-number,
.info_list .cl-container.info_piechrt .txt-number,
.info_list .cl-container.info_progress .txt-number {
  font-size: 2.2rem;
}
.info_list .cl-container.info_gragh .txt-number.fs_s,
.info_list .cl-container.info_piechrt .txt-number.fs_s,
.info_list .cl-container.info_progress .txt-number.fs_s {
  font-size: 2rem;
}
.info_list .cl-container.info_gragh .txt-sub.fs_s,
.info_list .cl-container.info_piechrt .txt-sub.fs_s,
.info_list .cl-container.info_progress .txt-sub.fs_s {
  font-size: 1.4rem;
}
.info_list .cl-container.info_gragh .txt-sort,
.info_list .cl-container.info_piechrt .txt-sort,
.info_list .cl-container.info_progress .txt-sort {
  margin-left: 4px;
  font-size: 1.6rem;
}
.cl-container.info_gragh .cl-progress,
.cl-container.info_piechrt .cl-progress,
.cl-container.info_progress .cl-progress {
  max-height: 24px;
  justify-content: center;
  align-self: center;
  height: 24px;
  overflow: unset !important;
}
.cl-container.info_gragh .cl-progress .cl-text,
.cl-container.info_piechrt .cl-progress .cl-text,
.cl-container.info_progress .cl-progress .cl-text {
  position: absolute;
  right: 100%;
  font-size: 24px;
  width: 100px;
  text-align: center;
}
@media (max-width: 1280px) {
  .cl-container.info_gragh .cl-progress .cl-text,
  .cl-container.info_piechrt .cl-progress .cl-text,
  .cl-container.info_progress .cl-progress .cl-text {
    font-size: 2rem;
  }
}
.resp-l .cl-container.info_gragh,
.resp-l .cl-container.info_piechrt,
.resp-l .cl-container.info_progress {
  /*@media (min-width: 1800px) {

				.txt-label {
					font-size: 24px;
				}
				.txt-sub {
					font-size: 22px;
					
					&.fs_s {
						font-size: 16px;
					}
				}
				.txt_data,
				.txt-number {
					font-size: 36px;
					&.fs_s {
						font-size: 30px;
					}
				}
				
				.txt-sort {
					// font-size: 24px;
					
					&.fs_s {
						font-size: 20px;
					}
				}
			}*/
}
.resp-l .cl-container.info_gragh .tit_cate,
.resp-l .cl-container.info_piechrt .tit_cate,
.resp-l .cl-container.info_progress .tit_cate,
.resp-l .cl-container.info_gragh .txt-label,
.resp-l .cl-container.info_piechrt .txt-label,
.resp-l .cl-container.info_progress .txt-label,
.resp-l .cl-container.info_gragh .txt-sub,
.resp-l .cl-container.info_piechrt .txt-sub,
.resp-l .cl-container.info_progress .txt-sub,
.resp-l .cl-container.info_gragh .txt-number,
.resp-l .cl-container.info_piechrt .txt-number,
.resp-l .cl-container.info_progress .txt-number {
  transition: all 0.3s;
}
@media (min-width: 1600px) {
  .resp-l .cl-container.info_gragh .txt-label,
  .resp-l .cl-container.info_piechrt .txt-label,
  .resp-l .cl-container.info_progress .txt-label {
    font-size: 2rem;
  }
  .resp-l .cl-container.info_gragh .txt-sub,
  .resp-l .cl-container.info_piechrt .txt-sub,
  .resp-l .cl-container.info_progress .txt-sub {
    font-size: 2rem;
  }
  .resp-l .cl-container.info_gragh .txt-sub.fs_s,
  .resp-l .cl-container.info_piechrt .txt-sub.fs_s,
  .resp-l .cl-container.info_progress .txt-sub.fs_s {
    font-size: 1.6rem;
  }
  .resp-l .cl-container.info_gragh .txt_data,
  .resp-l .cl-container.info_piechrt .txt_data,
  .resp-l .cl-container.info_progress .txt_data,
  .resp-l .cl-container.info_gragh .txt-number,
  .resp-l .cl-container.info_piechrt .txt-number,
  .resp-l .cl-container.info_progress .txt-number {
    font-size: 3.4rem;
  }
  .resp-l .cl-container.info_gragh .txt_data.fs_s,
  .resp-l .cl-container.info_piechrt .txt_data.fs_s,
  .resp-l .cl-container.info_progress .txt_data.fs_s,
  .resp-l .cl-container.info_gragh .txt-number.fs_s,
  .resp-l .cl-container.info_piechrt .txt-number.fs_s,
  .resp-l .cl-container.info_progress .txt-number.fs_s {
    font-size: 2.8rem;
  }
  .resp-l .cl-container.info_gragh .txt-sort,
  .resp-l .cl-container.info_piechrt .txt-sort,
  .resp-l .cl-container.info_progress .txt-sort {
    font-size: 1.8rem;
  }
  .resp-l .cl-container.info_gragh .tit_cate,
  .resp-l .cl-container.info_piechrt .tit_cate,
  .resp-l .cl-container.info_progress .tit_cate {
    font-size: 2.2rem;
  }
  .resp-l .cl-container.info_gragh .tit_cate.fs_s,
  .resp-l .cl-container.info_piechrt .tit_cate.fs_s,
  .resp-l .cl-container.info_progress .tit_cate.fs_s {
    font-size: 1.8rem;
  }
}
.cl-container.mainpage .main-visual .cl-image {
  border-radius: 4px;
}
.cl-container.mainpage .main-visual .cl-image img {
  position: absolute;
  /*display: block;
				    top: 50%;
				    left: 50%;
				    transform: translate(-50%, -50%);
				    width: 100%;
				    height: auto !important;*/
  object-fit: cover;
  filter: brightness(0.85);
}
.cl-container.mainpage .main-visual .area-txt .title {
  color: #fff;
  font-size: 4rem;
  font-weight: 700;
}
.cl-container.mainpage .main-visual .area-txt .txt {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
}
@media (max-width: 1280px) {
  .cl-container.mainpage .main-visual .area-txt .title {
    font-size: 4.2rem;
  }
  .cl-container.mainpage .main-visual .area-txt .txt {
    font-size: 1.8rem;
  }
}
.cl-container.mainpage .form-list .list-item {
  border-radius: 8px;
  border: 1px solid #dddddd;
}
.cl-container.mainpage .form-list .list-item .title {
  color: #1961B2;
  font-size: 1.8rem;
  font-weight: 600;
  border-right: 1px solid #666;
}
.cl-container.mainpage .form-list .list-item .number {
  color: #1961B2;
  font-size: 2.4rem;
  font-weight: 700;
}
.cl-container.mainpage .form-list .list-item .sort {
  color: #1961B2;
  font-size: 1.6rem;
  font-weight: 400;
}
.cl-container.mainpage .noti-grid .sd_control {
  /*position: absolute !important;
			    top: -36px;
			    right: 0;*/
}
.cl-container.mainpage .noti-grid .sd_control .cl-pageindexer .cl-pageindexer-index-area {
  padding: 0;
}
.cl-container.mainpage .noti-grid .sd_control .cl-button {
  height: 28px;
  border-radius: 40px;
}
.cl-container.mainpage .noti-grid .sd_control .cl-button.btn-prev,
.cl-container.mainpage .noti-grid .sd_control .cl-button.btn-next,
.cl-container.mainpage .noti-grid .sd_control .cl-button.btn-pause {
  width: 28px;
  min-width: 28px;
  height: 28px !important;
}
.cl-container.mainpage .noti-grid .sd_control .cl-button.btn-pause.on .cl-icon {
  background-position: calc(20px * -8) calc(20px * -1);
}
.cl-container.mainpage .noti-grid .sd_control .cl-pg {
  font-size: 1.8rem;
  border-radius: 40px;
  border: 1px solid #999999;
}
.cl-container.mainpage .noti-grid .slide_wrap >.cl-layout >.cl-layout-content {
  width: calc(100% - 3px);
}
.cl-container.mainpage .noti-grid .slide_wrap >.cl-layout >.cl-layout-content > .cl-layout-wrap>.cl-container {
  border-radius: 8px;
}
.cl-container.mainpage .noti-grid .slide_wrap .list-item .list-cont .wrap-edit {
  position: absolute !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.cl-container.mainpage .noti-grid .slide_wrap .list-item .list-cont .wrap-edit .ck-editor {
  height: 100%;
}
.cl-container.mainpage .noti-grid .slide_wrap .list-item .list-cont .wrap-edit .ck-editor__top {
  display: none;
}
.cl-container.mainpage .noti-grid .slide_wrap .list-item .list-cont .wrap-edit .ck-editor__main,
.cl-container.mainpage .noti-grid .slide_wrap .list-item .list-cont .wrap-edit .ck-content {
  height: 100%;
}
.cl-container.mainpage .noti-grid .slide_wrap .list-item .list-cont .wrap-edit .ck-content > * {
  position: relative;
  display: block;
  word-break: break-all;
  white-space: initial;
}
.cl-container.mainpage .noti-grid .list-item {
  border-radius: 8px;
  background: #fff;
}
.cl-container.mainpage .noti-grid .list-item .title {
  color: #333;
  font-size: 1.8rem;
  font-weight: 600;
}
.cl-container.mainpage .noti-grid .list-item .title .cl-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cl-container.mainpage .noti-grid .list-item .date {
  color: #999;
  font-size: 1.4rem;
  font-weight: 400;
}
.cl-container.mainpage .noti-grid .list-item .date .cl-text {
  vertical-align: middle !important;
}
.cl-container.mainpage .noti-grid .list-item .txt {
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
}
.cl-container.mainpage .noti-grid .list-item .txt .cl-text {
  /*overflow: hidden;
					    text-overflow: ellipsis;
					    display: -webkit-box !important;
					    -webkit-line-clamp: 16;
					    -webkit-box-orient: vertical;
					    line-height: 1.2;*/
}
.cl-container.mainpage .cl-grid.main-list {
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.cl-container.mainpage .cl-grid.main-list .cl-grid-cell {
  border-right: none;
}
.cl-container.mainpage .cl-grid.main-list .txt_elli_1 img {
  min-width: 20px;
}
.cl-container.mainpage .cl-grid.main-list .txt_elli_1 .txt_elli_1 > div {
  display: inline-block !important;
  width: 100% !important;
}
.cl-container.mainpage .cl-grid.main-list .txt_elli_1 .txt_elli_1 > div > div {
  display: inline-block !important;
  width: 100% !important;
}
.cl-container.mainpage .cl-grid.main-list .txt_elli_1 .txt_elli_1 > div > div .cl-text {
  display: blockt;
  max-width: 100%;
}
.tit_cate {
  color: #0A2D58;
  font-size: 1.8rem;
  font-weight: 700;
}
.tit_cate.bd_b_darkmain {
  border-bottom: 1px solid #0A2D58;
}
.txt_data {
  color: #0A2D58;
  font-size: calc(1.4rem * 2);
  font-weight: 700;
}
.txt_data .txt_unit {
  margin-left: 4px;
  color: #0A2D58;
  font-size: 1rem;
  font-weight: 400;
}
.txt_data .txt-sort {
  margin-left: 4px;
  font-size: 1.6rem;
  font-weight: 400;
}
.area-alert-level .cl-text {
  font-size: 2rem;
  font-weight: 600;
  text-align: right;
}
.area-alert-level .title .cl-text {
  color: #fff;
}
.area-alert-level.type-lv3 .title .cl-text {
  color: #fff;
}
.area-alert-level.type-lv3 .cl-text {
  color: #DD4343;
}
.main-row-wrap > .cl-layout > .cl-layout-content {
  /*display: flex !important;
			flex-wrap: wrap;
			gap: 16px;*/
  /*> .cl-control{
				min-width: 250px;
				
				&.main-row1{
					flex: 6;
				}
				&.main-row2{
					flex: 2;
				}
				&.main-row3{
					flex: 4;
				}
			}*/
  /*@media screen and (max-width: 1800px){
				> .cl-control{
					min-height: 400px;
					height: 400px;
				}
			}
			@media screen and (min-width: 1300.1px) and (max-width: 1800px){
				> .cl-control{
					&.main-row1{
						flex: 3;
					}
					&.main-row2{
						flex: 1;
					}
					&.main-row3{
						flex: none;
						width: 100%;
					}
				}
			}
			@media screen and (max-width: 1300px){
				flex-direction: column;
			}
			> .cl-form-placeholder{
				display: none !important;
			}*/
}
@media screen and (max-width: 1920px) {
  .main-row-wrap {
    padding-bottom: 16px;
  }
}
@media screen and (max-height: 970px) {
  .main-row-wrap {
    padding-bottom: 16px;
  }
}
/************************************************
 * 커스텀 스타일 시트
 ************************************************/
/************************************************
 * [컨트롤] 체크박스
 ************************************************/
.cl-checkbox.switch {
  background-color: #ddd;
  border-radius: 9999px;
  color: #fff;
  font-weight: 700;
  text-align: right;
}
.cl-checkbox.switch .cl-text {
  padding: 0px 8px 0px 31px;
}
.cl-checkbox.switch .cl-checkbox-field {
  height: 100%;
}
.cl-checkbox.switch:before {
  content: "";
  position: absolute;
  right: calc(100% - 23px);
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 9999px;
  pointer-events: none;
  transition: right 0.5s ease;
}
.cl-checkbox.switch.cl-checked {
  background-color: #1B7AB3;
  text-align: left;
}
.cl-checkbox.switch.cl-checked .cl-text {
  padding: 0px 31px 0px 8px;
}
.cl-checkbox.switch.cl-checked:before {
  left: unset;
  right: 3px;
}
.cl-checkbox.switch.cl-focus.cl-iconalign-none .cl-text {
  outline: none;
}
.cl-grid .cl-checkbox.switch {
  background-color: #ddd !important;
  color: #fff !important;
}
.cl-grid .cl-checkbox.switch.cl-checked {
  background-color: #1B7AB3 !important;
}
/************************************************
 * [컨트롤] 라디오버튼
 ************************************************/
.cl-radiobutton.switch-button {
  border-radius: 8px;
  box-shadow: inset 0px 0px 0px 1px #ddd;
  color: #aaa;
}
.cl-radiobutton.switch-button .cl-radiobutton-item {
  border: 1px solid transparent;
  min-height: 30px;
  text-align: center;
}
.cl-radiobutton.switch-button .cl-radiobutton-item:not(.cl-first-column) {
  box-shadow: inset 1px 0px 0px 0px #ddd;
}
.cl-radiobutton.switch-button .cl-radiobutton-item .cl-text {
  padding: 0px 10px;
}
.cl-radiobutton.switch-button .cl-radiobutton-item .cl-radiobutton-field {
  width: 100%;
  height: 100%;
}
.cl-radiobutton.switch-button .cl-radiobutton-item.cl-selected {
  border-color: #1B7AB3;
  box-shadow: none;
  color: #1B7AB3;
}
.cl-radiobutton.switch-button .cl-radiobutton-item.cl-selected + .cl-radiobutton-item {
  box-shadow: none;
}
/************************************************
 * [컨트롤] 프로그래스 (숫자표기)
 ************************************************/
.cl-progress.progress {
  background-color: #aaa;
  box-shadow: none;
}
/************************************************
 * [UDC] udcComLoadMask
 * --> udc/com/udcComLoadMask
 ************************************************/
.spinner-overlay {
  background-color: transparent;
  z-index: 9 !important;
}
.spinner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 64px;
  height: 64px;
}
.spinner:before,
.spinner:after {
  content: "";
  flex: 0 0 auto;
  display: block;
  width: 15.33333333px;
  height: 15.33333333px;
  border-radius: 50px;
  background-color: #1B7AB3;
  transform-origin: center;
  margin: 3px;
  animation: spinner-anim-02 0.8s infinite;
}
@keyframes spinner-anim-02 {
  0% {
    transform: scale(1) translateX(-21.33333333px);
  }
  50% {
    transform: scale(1) translateX(0);
  }
}
.spinner span {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 21.33333333px;
  margin: auto;
  transform-origin: center;
  animation: spinner-anim-01 0.8s infinite;
}
.spinner span:before {
  content: "";
  flex: 0 0 auto;
  display: block;
  width: 15.33333333px;
  height: 15.33333333px;
  border-radius: 50px;
  background-color: #1B7AB3;
  margin: 3px;
}
@keyframes spinner-anim-01 {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0, 0.59, 1, 0.68);
  }
  80% {
    transform: rotate(-180deg) translateY(20%);
    animation-timing-function: ease-in;
  }
  50%,
  85%,
  100% {
    transform: rotate(-180deg) translateY(0);
    animation-timing-function: ease;
  }
}
/************************************************
 * [UDC] AppHeader
 * --> udc.cmn.AppHeader
 ************************************************/
.cl-container.app-header .cl-container.breadcrumbs .cl-output.breadcrumb-item {
  color: #aaa;
  font-size: 13px;
}
.cl-container.app-header .cl-container.breadcrumbs .cl-output.breadcrumb-item .cl-text:before {
  content: ">";
  color: #aaa;
  padding: 0px 6px;
}
.cl-container.app-header .cl-container.breadcrumbs .cl-layout-wrap:last-child .cl-output.breadcrumb-item {
  color: #0c3672;
}
/************************************************
 * [화면] 예제 서브페이지
 ************************************************/
.cl-container.subpage .cl-output.section-tit {
  font-size: 1.8rem;
  font-weight: 700;
}
.cl-container.subpage .cl-container.content-box {
  background-color: #f5f8fa;
}
.cl-container.subpage .cl-container.content-box .cl-output.content-tit {
  font-size: 1.6rem;
  font-weight: 700;
  color: #1B7AB3;
}
.cl-container.subpage .cl-container.content-box .cl-container.box {
  background-color: #fff;
  border: 1px solid #ddd;
}
.cl-container.subpage .cl-container.content-box .cl-container.box .cl-output.box-tit {
  background-color: #e6edf9;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}
.cl-container.subpage .cl-container.card {
  border-radius: 0px;
}
.cl-container.subpage .cl-button.btn-txt {
  text-decoration: underline;
}
.cl-container.subpage .cl-button.btn-txt:not(.cl-disabled):hover,
.cl-container.subpage .cl-button.btn-txt:focus,
.cl-container.subpage .cl-button.btn-txt.cl-focus {
  color: #0c57c1;
}
.cl-container.subpage .cl-button.btn-txt:not(.cl-disabled).cl-activated,
.cl-container.subpage .cl-button.btn-txt:not(.cl-disabled):active {
  color: #2372e3;
}
/************************************************
 * [화면] 에러페이지
 ************************************************/
.cl-container.errorpage .cl-output.tit {
  color: #1e90ff;
  font-size: 55px;
}
/************************************************
 * [컨트롤] 파일업로드
 ************************************************/
.cl-fileupload .cl-fileupload-detail {
  max-height: 240px;
  overflow-y: auto;
}
/************************************************
 * 배지
 ************************************************/
.cl-output.badge {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 9999px;
  color: #333;
  font-size: 13px;
  padding: 0px 8px;
  text-align: center;
}
.cl-output.badge.badge-primary {
  background-color: #1B7AB3;
  border-color: #1B7AB3;
  color: #fff;
}
.cl-output.badge.badge-secondary {
  background-color: #0c3672;
  border-color: #0c3672;
  color: #fff;
}
.cl-output.badge.badge-success {
  background-color: #41bd64;
  border-color: #41bd64;
  color: #fff;
}
.cl-output.badge.badge-info {
  background-color: #3387ff;
  border-color: #3387ff;
  color: #fff;
}
.cl-output.badge.badge-warning {
  background-color: #fec84b;
  border-color: #fec84b;
  color: #fff;
}
.cl-output.badge.badge-danger {
  background-color: #ff2a2a;
  border-color: #ff2a2a;
  color: #fff;
}
.cl-output.badge.badge-primary-dim {
  background-color: #f0f6ff;
  border-color: transparent;
  color: #1B7AB3;
}
.cl-output.badge.badge-secondary-dim {
  background-color: #e6edf9;
  border-color: transparent;
  color: #0c3672;
}
.cl-output.badge.badge-success-dim {
  background-color: #f2fffb;
  border-color: transparent;
  color: #41bd64;
}
.cl-output.badge.badge-info-dim {
  background-color: #f7faff;
  border-color: transparent;
  color: #3387ff;
}
.cl-output.badge.badge-warning-dim {
  background-color: #fffbd8;
  border-color: transparent;
  color: #fec84b;
}
.cl-output.badge.badge-danger-dim {
  background-color: #fff5f5;
  border-color: transparent;
  color: #ff2a2a;
}
/************************************************
 * 범례 배지
 ************************************************/
.legend {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 0px 10px;
  margin-right: 3px;
}
.legend.legend-01 {
  background-color: #f8f8f8;
}
.legend.legend-02 {
  background-color: #fff5f5;
}
.legend.legend-03 {
  background-color: #fffbd8;
}
.legend.legend-04 {
  background-color: #f2fffb;
}
.legend.legend-05 {
  background-color: #f7faff;
}
.legend.legend-06 {
  background-color: #f7f1fb;
}
.cl-button {
  font-size: 1.5rem;
  border-radius: 8px;
  transition: background 0.2s;
  /*&:not(.logo) {
		
		&.cl-button:not(.cl-disabled).cl-activated, 
		&.cl-button:not(.cl-disabled):active {
			background-image: none !important;
		}
	}*/
}
.cl-button.w-100p {
  width: 100% !important;
  min-width: auto !important;
}
.cl-button.cl-disabled .cl-icon {
  filter: brightness(0) saturate(100%) invert(60%) sepia(0%) saturate(99%) hue-rotate(205deg) brightness(116%) contrast(85%);
}
.mobile_wrap .cl-button.type-01 {
  max-height: 32px !important;
  padding: 0 10px;
}
/************************************************
 * 버튼 유틸
 ************************************************/
.cl-button.btn-p-0 {
  padding: 0px;
}
.cl-button.btn-square {
  border-radius: 0px !important;
}
.cl-button.btn-round {
  border-radius: 9999px !important;
}
/************************************************
 * 투명 버튼
 ************************************************/
.cl-button.btn-transparent {
  color: #999;
  border: none;
  background-color: transparent;
  border-radius: 0px;
  padding: 0px !important;
  border-radius: 8px;
}
.cl-button.btn-transparent .cl-icon {
  margin: 0px !important;
}
.cl-button.btn-transparent:not(.cl-disabled):hover,
.cl-button.btn-transparent:focus,
.cl-button.btn-transparent.cl-focus {
  background-color: #ededed !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: #666;
  background-image: unset !important;
}
.cl-button.btn-transparent:not(.cl-disabled).cl-activated,
.cl-button.btn-transparent:not(.cl-disabled):active {
  background-color: #ededed !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: #666;
  background-image: unset !important;
}
.cl-button.btn-transparent.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-txt {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 0px !important;
  text-align: left;
}
.cl-button.btn-txt:not(.cl-disabled):hover,
.cl-button.btn-txt:focus,
.cl-button.btn-txt.cl-focus,
.cl-button.btn-txt:not(.cl-disabled).cl-activated,
.cl-button.btn-txt:not(.cl-disabled):active {
  background-color: transparent;
  background-image: none !important;
}
/************************************************
 * 기본 버튼
 ************************************************/
.cl-button.btn-main {
  text-align: center;
  background-color: #1961B2;
  border-color: #1961B2;
  color: #fff;
}
.cl-button.btn-main:not(.cl-disabled):hover,
.cl-button.btn-main:focus,
.cl-button.btn-main.cl-focus {
  background-color: #0f3a6a;
  border-color: #0f3a6a;
  color: #fff;
  background-image: unset !important;
}
.cl-button.btn-main:not(.cl-disabled).cl-activated,
.cl-button.btn-main:not(.cl-disabled):active {
  background-color: #134985;
  border-color: #134985;
  color: #fff;
  background-image: unset !important;
}
.cl-button.btn-main.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-sub1 {
  background-color: #2A588D;
  border-color: #2A588D;
  color: #fff;
}
.cl-button.btn-sub1:not(.cl-disabled):hover,
.cl-button.btn-sub1:focus,
.cl-button.btn-sub1.cl-focus {
  background-color: #17314e;
  border-color: #17314e;
  color: #fff;
}
.cl-button.btn-sub1:not(.cl-disabled).cl-activated,
.cl-button.btn-sub1:not(.cl-disabled):active {
  background-color: #1e3f66;
  border-color: #1e3f66;
  color: #fff;
  background-image: none !important;
}
.cl-button.btn-sub1.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-sub2 {
  background-color: #284C75;
  border-color: #284C75;
  color: #fff;
}
.cl-button.btn-sub2:not(.cl-disabled):hover,
.cl-button.btn-sub2:focus,
.cl-button.btn-sub2.cl-focus {
  background-color: #132538;
  border-color: #132538;
  color: #fff;
}
.cl-button.btn-sub2:not(.cl-disabled).cl-activated,
.cl-button.btn-sub2:not(.cl-disabled):active {
  background-color: #1b334f;
  border-color: #1b334f;
  color: #fff;
  background-image: none !important;
}
.cl-button.btn-sub2.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-point1 {
  background-color: #D61A1A;
  border-color: #D61A1A;
  color: #fff;
}
.cl-button.btn-point1:not(.cl-disabled):hover,
.cl-button.btn-point1:focus,
.cl-button.btn-point1.cl-focus {
  background-color: #a91414;
  border-color: #a91414;
  color: #fff;
}
.cl-button.btn-point1:not(.cl-disabled).cl-activated,
.cl-button.btn-point1:not(.cl-disabled):active {
  background-color: #a91414;
  border-color: #a91414;
  color: #fff;
  background-image: unset;
}
.cl-button.btn-point1.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-point2 {
  background-color: #FFBE5A;
  border-color: #FFBE5A;
  color: #FFBE5A;
}
.cl-button.btn-point2:not(.cl-disabled):hover,
.cl-button.btn-point2:focus,
.cl-button.btn-point2.cl-focus {
  background-color: #ff9e08;
  border-color: #ff9e08;
  color: #ff9e08;
}
.cl-button.btn-point2:not(.cl-disabled).cl-activated,
.cl-button.btn-point2:not(.cl-disabled):active {
  background-color: #ffaa27;
  border-color: #ffaa27;
  color: #fff;
  background-image: unset;
}
.cl-button.btn-point2.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-point3-dark {
  background-color: #87db6f;
  border-color: #87db6f;
  color: #333;
}
.cl-button.btn-point3-dark:not(.cl-disabled):hover,
.cl-button.btn-point3-dark:focus,
.cl-button.btn-point3-dark.cl-focus {
  background-color: #6bd24e;
  border-color: #6bd24e;
  color: #333;
}
.cl-button.btn-point3-dark:not(.cl-disabled).cl-activated,
.cl-button.btn-point3-dark:not(.cl-disabled):active {
  background-color: #9be187;
  border-color: #9be187;
  color: #fff;
  background-image: unset;
}
.cl-button.btn-point3-dark.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-point3 {
  background-color: #BDEBB0;
  border-color: #BDEBB0;
  color: #BDEBB0;
}
.cl-button.btn-point3:not(.cl-disabled):hover,
.cl-button.btn-point3:focus,
.cl-button.btn-point3.cl-focus {
  background-color: #87db6f;
  border-color: #87db6f;
  color: #87db6f;
}
.cl-button.btn-point3:not(.cl-disabled).cl-activated,
.cl-button.btn-point3:not(.cl-disabled):active {
  background-color: #9be187;
  border-color: #9be187;
  color: #fff;
  background-image: unset;
}
.cl-button.btn-point3.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-primary {
  background-color: #1B7AB3;
  border-color: #1B7AB3;
  color: #fff;
}
.cl-button.btn-primary:not(.cl-disabled):hover,
.cl-button.btn-primary:focus,
.cl-button.btn-primary.cl-focus {
  background-color: #104a6c;
  border-color: #104a6c;
  color: #fff;
}
.cl-button.btn-primary:not(.cl-disabled).cl-activated,
.cl-button.btn-primary:not(.cl-disabled):active {
  background-color: #145c87;
  border-color: #145c87;
  color: #fff;
  background-image: none !important;
}
.cl-button.btn-primary.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-secondary {
  background-color: #0c3672;
  border-color: #0c3672;
  color: #fff;
}
.cl-button.btn-secondary:not(.cl-disabled):hover,
.cl-button.btn-secondary:focus,
.cl-button.btn-secondary.cl-focus {
  background-color: #041328;
  border-color: #041328;
  color: #fff;
}
.cl-button.btn-secondary:not(.cl-disabled).cl-activated,
.cl-button.btn-secondary:not(.cl-disabled):active {
  background-color: #072044;
  border-color: #072044;
  color: #fff;
}
.cl-button.btn-secondary.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-primary-dim {
  background-color: #edf4ff;
  border-color: #1B7AB3;
  color: #1B7AB3;
}
.cl-button.btn-primary-dim:not(.cl-disabled):hover,
.cl-button.btn-primary-dim:focus,
.cl-button.btn-primary-dim.cl-focus {
  background-color: #e7f0ff;
  border-color: #1B7AB3;
  color: #1B7AB3;
}
.cl-button.btn-primary-dim:not(.cl-disabled).cl-activated,
.cl-button.btn-primary-dim:not(.cl-disabled):active {
  background-color: #ebf2ff;
  border-color: #1B7AB3;
  color: #1B7AB3;
}
.cl-button.btn-primary-dim.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-del {
  background-color: #DD4343;
  border-color: #DD4343;
  color: #fff;
  background-image: none !important;
}
.cl-button.btn-del:not(.cl-disabled):hover,
.cl-button.btn-del:focus,
.cl-button.btn-del.cl-focus {
  background-color: #af2020;
  border-color: #af2020;
  color: #fff;
  background-image: none !important;
}
.cl-button.btn-del:not(.cl-disabled).cl-activated,
.cl-button.btn-del:not(.cl-disabled):active {
  background-color: #c92424;
  border-color: #c92424;
  color: #fff;
  background-image: none !important;
}
.cl-button.btn-del.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
  background-image: none !important;
}
.cl-button.btn-exel {
  background-color: #4F7B42;
  border-color: #4F7B42;
  color: #fff;
  background-image: none !important;
}
.cl-button.btn-exel:not(.cl-disabled):hover,
.cl-button.btn-exel:focus,
.cl-button.btn-exel.cl-focus {
  background-color: #2d4626;
  border-color: #2d4626;
  color: #fff;
  background-image: none !important;
}
.cl-button.btn-exel:not(.cl-disabled).cl-activated,
.cl-button.btn-exel:not(.cl-disabled):active {
  background-color: #3a5a30;
  border-color: #3a5a30;
  color: #fff;
  background-image: none !important;
}
.cl-button.btn-exel.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-gray {
  background-color: #666;
  border-color: #666;
  color: #fff;
}
.cl-button.btn-gray:not(.cl-disabled):hover,
.cl-button.btn-gray:focus,
.cl-button.btn-gray.cl-focus {
  background-color: #3d3d3d;
  border-color: #3d3d3d;
  color: #fff;
  background-image: unset !important;
}
.cl-button.btn-gray:not(.cl-disabled).cl-activated,
.cl-button.btn-gray:not(.cl-disabled):active {
  background-color: #4d4d4d;
  border-color: #4d4d4d;
  color: #fff;
  background-image: unset !important;
}
.cl-button.btn-gray.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
  background-image: unset !important;
}
.cl-button.btn-main-dark {
  background-color: #0A2D58;
  border-color: #0A2D58;
  color: #fff;
}
.cl-button.btn-main-dark:not(.cl-disabled):hover,
.cl-button.btn-main-dark:focus,
.cl-button.btn-main-dark.cl-focus {
  background-color: #02080f;
  border-color: #02080f;
  color: #fff;
}
.cl-button.btn-main-dark:not(.cl-disabled).cl-activated,
.cl-button.btn-main-dark:not(.cl-disabled):active {
  background-color: #05162a;
  border-color: #05162a;
  color: #fff;
}
.cl-button.btn-main-dark.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
/************************************************
 * 라인 버튼
 ************************************************/
.cl-button.btn-outline-main {
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  border-color: #1961B2;
  color: #1961B2;
}
.cl-button.btn-outline-main:not(.cl-disabled):hover,
.cl-button.btn-outline-main:focus,
.cl-button.btn-outline-main.cl-focus {
  background-color: #f5f5f5;
  border-color: #0f3a6a;
  color: #0f3a6a;
}
.cl-button.btn-outline-main:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-main:not(.cl-disabled):active {
  background-color: #f5f5f5;
  border-color: #134985;
  color: #134985;
}
.cl-button.btn-outline-main.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-grid .cl-button.btn-outline-main.cl-border-none {
  border: 1px solid #dddddd;
  background-color: #fff;
  border-color: #1961B2;
  color: #1961B2;
  border-radius: 8px;
}
.cl-button.btn-outline-sub1 {
  background-color: #fff;
  border-color: #2A588D;
  color: #2A588D;
}
.cl-button.btn-outline-sub1:not(.cl-disabled):hover,
.cl-button.btn-outline-sub1:focus,
.cl-button.btn-outline-sub1.cl-focus {
  background-color: #f5f5f5;
  border-color: #17314e;
  color: #17314e;
}
.cl-button.btn-outline-sub1:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-sub1:not(.cl-disabled):active {
  background-color: #f5f5f5;
  border-color: #1e3f66;
  color: #1e3f66;
}
.cl-button.btn-outline-sub1.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-outline-sub2 {
  background-color: #fff;
  border-color: #284C75;
  color: #284C75;
}
.cl-button.btn-outline-sub2:not(.cl-disabled):hover,
.cl-button.btn-outline-sub2:focus,
.cl-button.btn-outline-sub2.cl-focus {
  background-color: #f5f5f5;
  border-color: #132538;
  color: #132538;
}
.cl-button.btn-outline-sub2:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-sub2:not(.cl-disabled):active {
  background-color: #f5f5f5;
  border-color: #1b334f;
  color: #1b334f;
}
.cl-button.btn-outline-sub2.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-outline-primary {
  background-color: #fff;
  border-color: #1B7AB3;
  color: #1B7AB3;
}
.cl-button.btn-outline-primary:not(.cl-disabled):hover,
.cl-button.btn-outline-primary:focus,
.cl-button.btn-outline-primary.cl-focus {
  background-color: #f5f5f5;
  border-color: #104a6c;
  color: #104a6c;
}
.cl-button.btn-outline-primary:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-primary:not(.cl-disabled):active {
  background-color: #f5f5f5;
  border-color: #145c87;
  color: #145c87;
}
.cl-button.btn-outline-primary.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-outline-secondary {
  background-color: #fff;
  border-color: #0c3672;
  color: #0c3672;
}
.cl-button.btn-outline-secondary:not(.cl-disabled):hover,
.cl-button.btn-outline-secondary:focus,
.cl-button.btn-outline-secondary.cl-focus {
  background-color: #f5f5f5;
  border-color: #092a59;
  color: #092a59;
}
.cl-button.btn-outline-secondary:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-secondary:not(.cl-disabled):active {
  background-color: #f5f5f5;
  border-color: #0f428c;
  color: #0f428c;
}
.cl-button.btn-outline-secondary.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-outline-del {
  background-color: #fff;
  border-color: #DD4343;
  color: #DD4343;
}
.cl-button.btn-outline-del:not(.cl-disabled):hover,
.cl-button.btn-outline-del:focus,
.cl-button.btn-outline-del.cl-focus {
  background-color: #f5f5f5;
  border-color: #af2020;
  color: #af2020;
}
.cl-button.btn-outline-del:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-del:not(.cl-disabled):active {
  background-color: #f5f5f5;
  border-color: #c92424;
  color: #c92424;
}
.cl-button.btn-outline-del.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-outline-exel {
  background-color: #fff;
  border-color: #4F7B42;
  color: #4F7B42;
  background-image: none !important;
}
.cl-button.btn-outline-exel:not(.cl-disabled):hover,
.cl-button.btn-outline-exel:focus,
.cl-button.btn-outline-exel.cl-focus {
  background-color: #f5f5f5;
  border-color: #2d4626;
  color: #2d4626;
  background-image: none !important;
}
.cl-button.btn-outline-exel:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-exel:not(.cl-disabled):active {
  background-color: #f5f5f5;
  border-color: #3a5a30;
  color: #3a5a30;
  background-image: none !important;
}
.cl-button.btn-outline-exel.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-outline-gray {
  background-color: #fff;
  border-color: #666;
  color: #666;
}
.cl-button.btn-outline-gray:not(.cl-disabled):hover,
.cl-button.btn-outline-gray:focus,
.cl-button.btn-outline-gray.cl-focus {
  background-color: #f5f5f5;
  border-color: #3d3d3d;
  color: #3d3d3d;
}
.cl-button.btn-outline-gray:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-gray:not(.cl-disabled):active {
  background-color: #f5f5f5;
  border-color: #4d4d4d;
  color: #4d4d4d;
}
.cl-button.btn-outline-gray.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-outline-main.n_regist {
  background-color: #fff;
  border-color: #971111;
  color: #971111;
}
.cl-button.btn-outline-main.n_regist:not(.cl-disabled):hover,
.cl-button.btn-outline-main.n_regist:focus,
.cl-button.btn-outline-main.n_regist.cl-focus {
  background-color: #f5f5f5;
  border-color: #4e0909;
  color: #4e0909;
}
.cl-button.btn-outline-main.n_regist:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-main.n_regist:not(.cl-disabled):active {
  background-color: #f5f5f5;
  border-color: #690c0c;
  color: #690c0c;
}
.cl-button.btn-outline-main.n_regist.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-outline-main.temp {
  background-color: #fff;
  border-color: #ad4b05;
  color: #ad4b05;
}
.cl-button.btn-outline-main.temp:not(.cl-disabled):hover,
.cl-button.btn-outline-main.temp:focus,
.cl-button.btn-outline-main.temp.cl-focus {
  background-color: #f5f5f5;
  border-color: #5e2903;
  color: #5e2903;
}
.cl-button.btn-outline-main.temp:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-main.temp:not(.cl-disabled):active {
  background-color: #f5f5f5;
  border-color: #7b3604;
  color: #7b3604;
}
.cl-button.btn-outline-main.temp.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-outline-main.comp {
  background-color: #fff;
  border-color: #999999;
  color: #999999;
}
.cl-button.btn-outline-main.comp:not(.cl-disabled):hover,
.cl-button.btn-outline-main.comp:focus,
.cl-button.btn-outline-main.comp.cl-focus {
  background-color: #f5f5f5;
  border-color: #707070;
  color: #707070;
}
.cl-button.btn-outline-main.comp:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-main.comp:not(.cl-disabled):active {
  background-color: #f5f5f5;
  border-color: #808080;
  color: #808080;
}
.cl-button.btn-outline-main.comp.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-outline-guide {
  background-color: #fff;
  border-color: #398d2a;
  color: #398d2a;
}
.cl-button.btn-outline-guide:not(.cl-disabled):hover,
.cl-button.btn-outline-guide:focus,
.cl-button.btn-outline-guide.cl-focus {
  background-color: #f5f5f5;
  border-color: #204e17;
  color: #204e17;
}
.cl-button.btn-outline-guide:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-guide:not(.cl-disabled):active {
  background-color: #f5f5f5;
  border-color: #29661e;
  color: #29661e;
}
.cl-button.btn-outline-guide.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-button.btn-logout {
  background-color: #284C75;
  border-color: #284C75;
  color: #fff;
}
.cl-button.btn-logout:not(.cl-disabled):hover,
.cl-button.btn-logout:focus,
.cl-button.btn-logout.cl-focus {
  background-color: #132538;
  border-color: #132538;
  color: #fff;
}
.cl-button.btn-logout:not(.cl-disabled).cl-activated,
.cl-button.btn-logout:not(.cl-disabled):active {
  background-color: #284C75;
  border-color: #1b334f;
  color: #1b334f;
  background-image: none !important;
}
.cl-button.btn-logout.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa !important;
}
.cl-button.btn-logout.cl-disabled .cl-icon {
  filter: brightness(0) saturate(100%) invert(71%) sepia(97%) saturate(0%) hue-rotate(173deg) brightness(91%) contrast(83%) !important;
}
.cl-button.btn-logout.cl-disabled.cl-activated,
.cl-button.btn-logout.cl-disabled:active {
  background-image: none !important;
}
.cl-button.btn-mypage {
  background-color: #1961B2;
  border-color: #1961B2;
  color: #fff;
}
.cl-button.btn-mypage:not(.cl-disabled):hover,
.cl-button.btn-mypage:focus,
.cl-button.btn-mypage.cl-focus {
  background-color: #0f3a6a;
  border-color: #0f3a6a;
  color: #fff;
}
.cl-button.btn-mypage:not(.cl-disabled).cl-activated,
.cl-button.btn-mypage:not(.cl-disabled):active {
  background-color: #1961B2;
  border-color: #134985;
  color: #134985;
  background-image: none !important;
}
.cl-button.btn-mypage.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa !important;
}
.cl-button.btn-mypage.cl-disabled .cl-icon {
  filter: brightness(0) saturate(100%) invert(71%) sepia(97%) saturate(0%) hue-rotate(173deg) brightness(91%) contrast(83%) !important;
}
.cl-button.btn-white {
  background-color: #fff;
  border-color: #fff;
  color: #666;
}
.cl-button.btn-white:not(.cl-disabled):hover,
.cl-button.btn-white:focus,
.cl-button.btn-white.cl-focus {
  background-color: #ebebeb;
  border-color: #ebebeb;
  color: #666;
}
.cl-button.btn-white:not(.cl-disabled).cl-activated,
.cl-button.btn-white:not(.cl-disabled):active {
  background-color: #fff;
  border-color: #e6e6e6;
  color: #4d4d4d;
  background-image: none !important;
}
.cl-button.btn-white.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa !important;
}
/************************************************
 * 아이콘 버튼
 ************************************************/
.cl-button.cl-icon-align-left,
.cl-button.cl-icon-align-right {
  padding: 0px 8px;
}
.cl-button.cl-icon-align-top,
.cl-button.cl-icon-align-bottom {
  padding: 8px 12px;
}
.cl-button.cl-icon-align-left .cl-icon {
  margin-right: 6px;
}
.cl-button.cl-icon-align-right .cl-icon {
  margin-left: 6px;
}
.cl-button.cl-icon-align-top .cl-icon {
  margin-bottom: 6px;
}
.cl-button.cl-icon-align-bottom .cl-icon {
  margin-top: 6px;
}
.cl-button.btn-ico {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  padding: 0;
  color: #fff;
  font-size: 0;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px;
  outline: 2px solid transparent;
  transition: outline 0.4s, background 0.4s;
}
.cl-button.btn-ico.ico-download:before {
  background-position: calc(20px * 0) calc(20px * 0);
}
.cl-button.btn-ico.ico-upload:before {
  background-position: calc(20px * -1) calc(20px * 0);
}
.cl-button.btn-ico.ico-logout:before {
  background-position: calc(20px * -2) calc(20px * 0);
}
.cl-button.btn-ico.ico-login:before {
  background-position: calc(20px * -3) calc(20px * 0);
}
.cl-button.btn-ico.ico-plus:before {
  background-position: calc(20px * -4) calc(20px * 0);
}
.cl-button.btn-ico.ico-minus:before {
  background-position: calc(20px * -5) calc(20px * 0);
}
.cl-button.btn-ico.ico-check:before {
  background-position: calc(20px * -6) calc(20px * 0);
}
.cl-button.btn-ico.ico-close:before {
  background-position: calc(20px * -7) calc(20px * 0);
}
.cl-button.btn-ico.ico-arr-back-left:before {
  background-position: calc(20px * -8) calc(20px * 0);
}
.cl-button.btn-ico.ico-arr-back-right:before {
  background-position: calc(20px * -9) calc(20px * 0);
}
.cl-button.btn-ico.ico-arr-top:before {
  background-position: calc(20px * 0) calc(20px * -1);
}
.cl-button.btn-ico.ico-arr-bottom:before {
  background-position: calc(20px * -1) calc(20px * -1);
}
.cl-button.btn-ico.ico-arr-left:before {
  background-position: calc(20px * -2) calc(20px * -1);
}
.cl-button.btn-ico.ico-arr-right:before {
  background-position: calc(20px * -3) calc(20px * -1);
}
.cl-button.btn-ico.ico-arr-first:before {
  background-position: calc(20px * -4) calc(20px * -1);
}
.cl-button.btn-ico.ico-arr-last:before {
  background-position: calc(20px * -5) calc(20px * -1);
}
.cl-button.btn-ico.ico-pause:before {
  background-position: calc(20px * -6) calc(20px * -1);
}
.cl-button.btn-ico.ico-play-line:before {
  background-position: calc(20px * -7) calc(20px * -1);
}
.cl-button.btn-ico.ico-play:before {
  background-position: calc(20px * -8) calc(20px * -1);
}
.cl-button.btn-ico.ico-refresh1:before {
  background-position: calc(20px * -9) calc(20px * -1);
}
.cl-button.btn-ico.ico-refresh2:before {
  background-position: calc(20px * 0) calc(20px * -2);
}
.cl-button.btn-ico.ico-refresh3:before {
  background-position: calc(20px * -1) calc(20px * -2);
}
.cl-button.btn-ico.ico-delete:before {
  background-position: calc(20px * -2) calc(20px * -2);
}
.cl-button.btn-ico.ico-tab:before {
  background-position: calc(20px * -3) calc(20px * -2);
}
.cl-button.btn-ico.ico-home:before {
  background-position: calc(20px * -4) calc(20px * -2);
}
.cl-button.btn-ico.ico-search:before {
  background-position: calc(20px * -5) calc(20px * -2);
}
.cl-button.btn-ico.ico-power:before {
  background-position: calc(20px * -6) calc(20px * -2);
}
.cl-button.btn-ico.ico-share1:before {
  background-position: calc(20px * -7) calc(20px * -2);
}
.cl-button.btn-ico.ico-share2:before {
  background-position: calc(20px * -8) calc(20px * -2);
}
.cl-button.btn-ico.ico-shareurl:before {
  background-position: calc(20px * -9) calc(20px * -2);
}
.cl-button.btn-ico.ico-share3:before {
  background-position: calc(20px * 0) calc(20px * -3);
}
.cl-button.btn-ico.ico-group:before {
  background-position: calc(20px * -1) calc(20px * -3);
}
.cl-button.btn-ico.ico-folder:before {
  background-position: calc(20px * -2) calc(20px * -3);
}
.cl-button.btn-ico.ico-folder2:before {
  background-position: calc(20px * -3) calc(20px * -3);
}
.cl-button.btn-ico.ico-file:before {
  background-position: calc(20px * -4) calc(20px * -3);
}
.cl-button.btn-ico.ico-camera:before {
  background-position: calc(20px * -5) calc(20px * -3);
}
.cl-button.btn-ico.ico-video:before {
  background-position: calc(20px * -6) calc(20px * -3);
}
.cl-button.btn-ico.ico-movie:before {
  background-position: calc(20px * -7) calc(20px * -3);
}
.cl-button.btn-ico.ico-file2:before {
  background-position: calc(20px * -8) calc(20px * -3);
}
.cl-button.btn-ico.ico-call:before {
  background-position: calc(20px * -9) calc(20px * -3);
}
.cl-button.btn-ico.ico-calendar:before {
  background-position: calc(20px * 0) calc(20px * -4);
}
.cl-button.btn-ico.ico-calendar2:before {
  background-position: calc(20px * -1) calc(20px * -4);
}
.cl-button.btn-ico.ico-time-back:before {
  background-position: calc(20px * -2) calc(20px * -4);
}
.cl-button.btn-ico.ico-time1:before {
  background-position: calc(20px * -3) calc(20px * -4);
}
.cl-button.btn-ico.ico-time2:before {
  background-position: calc(20px * -4) calc(20px * -4);
}
.cl-button.btn-ico.ico-message:before {
  background-position: calc(20px * -5) calc(20px * -4);
}
.cl-button.btn-ico.ico-mail:before {
  background-position: calc(20px * -6) calc(20px * -4);
}
.cl-button.btn-ico.ico-chat:before {
  background-position: calc(20px * -7) calc(20px * -4);
}
.cl-button.btn-ico.ico-print:before {
  background-position: calc(20px * -8) calc(20px * -4);
}
.cl-button.btn-ico.ico-qrcode:before {
  background-position: calc(20px * -9) calc(20px * -4);
}
.cl-button.btn-ico.ico-lock:before {
  background-position: calc(20px * 0) calc(20px * -5);
}
.cl-button.btn-ico.ico-unlock:before {
  background-position: calc(20px * -1) calc(20px * -5);
}
.cl-button.btn-ico.ico-person:before {
  background-position: calc(20px * -2) calc(20px * -5);
}
.cl-button.btn-ico.ico-setting:before {
  background-position: calc(20px * -3) calc(20px * -5);
}
.cl-button.btn-ico.ico-menu:before {
  background-position: calc(20px * -4) calc(20px * -5);
}
.cl-button.btn-ico.ico-filiter:before {
  background-position: calc(20px * -5) calc(20px * -5);
}
.cl-button.btn-ico.ico-alert:before {
  background-position: calc(20px * -6) calc(20px * -5);
}
.cl-button.btn-ico.ico-alert-off:before {
  background-position: calc(20px * -7) calc(20px * -5);
}
.cl-button.btn-ico.ico-notice:before {
  background-position: calc(20px * -8) calc(20px * -5);
}
.cl-button.btn-ico.ico-notice-off:before {
  background-position: calc(20px * -9) calc(20px * -5);
}
.cl-button.btn-ico.type-transparent {
  border: none;
  outline: 2px solid transparent;
  transition: outline 0.4s, background 0.4s;
  background-color: transparent;
  outline: none !important;
  transition: outline 0.4s, background 0.4s;
}
.cl-button.btn-ico.type-transparent:hover,
.cl-button.btn-ico.type-transparent:focus,
.cl-button.btn-ico.type-transparent:active {
  outline: none !important;
  background-color: #ededed !important;
}
.cl-button.btn-ico .cl-icon {
  margin-right: 0;
}
.cl-button.btn-ico .cl-text {
  text-indent: -99999px;
}
.cl-button.btn-ico.size_lg {
  width: 32px;
  height: 32px;
  min-width: 32px;
}
.cl-button.btn-i-0.cl-icon-align-left .cl-icon {
  margin-right: 0px;
}
.cl-button.btn-i-0.cl-icon-align-right .cl-icon {
  margin-left: 0px;
}
.cl-button.btn-i-0.cl-icon-align-top .cl-icon {
  margin-bottom: 0px;
}
.cl-button.btn-i-0.cl-icon-align-bottom .cl-icon {
  margin-top: 0px;
}
.cl-button.btn-i-help .cl-icon {
  margin: 0px !important;
  border: 1px solid #999999;
  border-radius: 50%;
  background-image: url("images/controls/button/ic_que.png") !important;
}
.cl-button.btn-i-reset .cl-icon {
  background-image: url("images/controls/button/ic_btn_reset.png") !important;
}
.cl-button.btn-i-reset.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_reset_off.png") !important;
}
.cl-button.btn-i-search .cl-icon {
  background-image: url("images/btn-ico.svg") !important;
  background-position: calc(20px * -5) calc(20px * -2);
}
.cl-button.btn-i-search.btn-main .cl-icon,
.cl-button.btn-i-search.btn-primary .cl-icon,
.cl-button.btn-i-search.btn-secondary .cl-icon {
  filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(10%) hue-rotate(214deg) brightness(103%) contrast(102%);
}
.cl-button.btn-i-search.cl-disabled .cl-icon {
  filter: brightness(0) saturate(100%) invert(81%) sepia(0%) saturate(1174%) hue-rotate(215deg) brightness(88%) contrast(81%);
}
.cl-button.btn-i-save .cl-icon {
  background-image: url("images/controls/button/ic_btn_save.png") !important;
}
.cl-button.btn-i-save.btn-primary .cl-icon,
.cl-button.btn-i-save.btn-secondary .cl-icon {
  background-image: url("images/controls/button/ic_btn_save_w.png") !important;
}
.cl-button.btn-i-save.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_save_off.png") !important;
}
.cl-button.btn-i-apply .cl-icon {
  background-image: url("images/controls/button/ic_btn_apply.png") !important;
}
.cl-button.btn-i-apply.btn-primary .cl-icon,
.cl-button.btn-i-apply.btn-secondary .cl-icon {
  background-image: url("images/controls/button/ic_btn_apply_w.png") !important;
}
.cl-button.btn-i-apply.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_apply_off.png") !important;
}
.cl-button.btn-i-insert .cl-icon {
  background-image: url("images/controls/button/ic_btn_insert.png") !important;
}
.cl-button.btn-i-insert.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_insert_off.png") !important;
}
.cl-button.btn-i-delete .cl-icon {
  background-image: url("images/controls/button/ic_btn_delete.png") !important;
}
.cl-button.btn-i-delete.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_delete_off.png") !important;
}
.cl-button.btn-i-add .cl-icon {
  background-image: url("images/ic_btn_add.svg") !important;
}
.cl-button.btn-i-add.btn-primary .cl-icon,
.cl-button.btn-i-add.btn-secondary .cl-icon {
  background-image: url("images/controls/button/ic_btn_add_w.png") !important;
}
.cl-button.btn-i-add.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_add_off.png") !important;
}
.cl-button.btn-i-remove .cl-icon {
  background-image: url("images/controls/button/ic_btn_remove.png") !important;
}
.cl-button.btn-i-remove.btn-primary .cl-icon,
.cl-button.btn-i-remove.btn-secondary .cl-icon {
  background-image: url("images/controls/button/ic_btn_remove_w.png") !important;
}
.cl-button.btn-i-remove.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_remove_off.png") !important;
}
.cl-button.btn-i-refresh .cl-icon {
  background-image: url("images/controls/button/ic_btn_refresh.png") !important;
}
.cl-button.btn-i-refresh.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_refresh_off.png") !important;
}
.cl-button.btn-i-copy .cl-icon {
  background-image: url("images/controls/button/ic_btn_copy.png") !important;
}
.cl-button.btn-i-copy.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_copy_off.png") !important;
}
.cl-button.btn-i-print .cl-icon {
  background-image: url("images/controls/button/ic_btn_print.png") !important;
}
.cl-button.btn-i-print.btn-primary .cl-icon,
.cl-button.btn-i-print.btn-secondary .cl-icon {
  background-image: url("images/controls/button/ic_btn_print_w.png") !important;
}
.cl-button.btn-i-print.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_print_off.png") !important;
}
.cl-button.btn-i-docs .cl-icon {
  background-image: url("images/controls/button/ic_btn_docs.png") !important;
}
.cl-button.btn-i-docs.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_docs_off.png") !important;
}
.cl-button.btn-i-upload .cl-icon {
  background-image: url("images/controls/button/ic_btn_upload.png") !important;
}
.cl-button.btn-i-upload.btn-primary .cl-icon,
.cl-button.btn-i-upload.btn-secondary .cl-icon {
  background-image: url("images/controls/button/ic_btn_upload_w.png") !important;
}
.cl-button.btn-i-upload.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_upload_off.png") !important;
}
.cl-button.btn-i-download .cl-icon {
  background-image: url("images/btn-ico.svg") !important;
  background-position: calc(20px * -5) calc(20px * -2);
  filter: brightness(0) saturate(100%) invert(27%) sepia(88%) saturate(1455%) hue-rotate(194deg) brightness(89%) contrast(88%);
}
.cl-button.btn-i-download.btn-main .cl-icon,
.cl-button.btn-i-download.btn-primary .cl-icon,
.cl-button.btn-i-download.btn-secondary .cl-icon {
  filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(10%) hue-rotate(214deg) brightness(103%) contrast(102%);
}
.cl-button.btn-i-download.cl-disabled .cl-icon {
  filter: brightness(0) saturate(100%) invert(81%) sepia(0%) saturate(1174%) hue-rotate(215deg) brightness(88%) contrast(81%);
}
.cl-button.btn-i-excel .cl-icon {
  background-image: url("images/btn-ico.svg") !important;
  background-position: calc(20px * -7) calc(20px * -9);
}
.cl-button.btn-i-excel.btn-exel .cl-icon {
  filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(10%) hue-rotate(214deg) brightness(103%) contrast(102%);
}
.cl-button.btn-i-excel.cl-disabled .cl-icon {
  filter: brightness(0) saturate(100%) invert(81%) sepia(0%) saturate(1174%) hue-rotate(215deg) brightness(88%) contrast(81%);
}
.cl-button.btn-i-pop .cl-icon {
  background-image: url("images/controls/button/ic_btn_pop.png") !important;
}
.cl-button.btn-i-pop.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_pop_off.png") !important;
}
.cl-button.btn-i-setting .cl-icon {
  background-image: url("images/controls/button/ic_btn_setting.png") !important;
}
.cl-button.btn-i-setting.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_setting_off.png") !important;
}
.cl-button {
  font: 400 1.6rem "PretendardGOV", "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;
  font-weight: 500;
  /*@media screen and (max-width:1921px){
		.cl-text-wrapper {
			margin-top:-0.018rem;
		}
		
		.tbl-list & {
			.cl-text-wrapper {
				margin-top:0;
			}
		}
	}*/
  /*&.btn-main {
		min-width:120px;
		min-height:36px;
		border-radius:8px;
	}*/
}
.cl-button .cl-text {
  line-height: 1.7 !important;
  align-self: center;
}
.cl-button.btn-comm {
  min-width: 120px;
  min-height: 32px;
  border-radius: 8px;
}
.cl-button.no_bd {
  border: none;
}
.cl-grid .cl-button {
  transform: translate(-50%, -50%);
  display: inline-block;
  left: 50% !important;
  top: 50% !important;
  max-width: unset;
  font-size: 1.4rem;
  width: auto !important;
  padding: 0 4px;
  border-radius: 6px;
}
.cl-grid .cl-button.w-100p {
  width: 100% !important;
  min-width: auto !important;
}
.cl-control.area-btn.paging .cl-pageindexer-first,
.cl-control.area-btn.paging .cl-pageindexer-prev,
.cl-control.area-btn.paging .cl-pageindexer-next,
.cl-control.area-btn.paging .cl-pageindexer-last {
  height: 30px;
  min-width: 30px;
  border-radius: 40px;
  background-image: url("images/btn-ico.svg");
  background-repeat: no-repeat;
  background-size: 240px;
}
.cl-control.area-btn.paging .cl-pageindexer-first.cl-disabled,
.cl-control.area-btn.paging .cl-pageindexer-prev.cl-disabled,
.cl-control.area-btn.paging .cl-pageindexer-next.cl-disabled,
.cl-control.area-btn.paging .cl-pageindexer-last.cl-disabled {
  opacity: 0.3;
}
.cl-control.area-btn.paging .cl-pageindexer-first:not(.cl-control.area-btn.paging .cl-pageindexer-first.cl-disabled):hover,
.cl-control.area-btn.paging .cl-pageindexer-first:not(.cl-control.area-btn.paging .cl-pageindexer-prev.cl-disabled):hover,
.cl-control.area-btn.paging .cl-pageindexer-first:not(.cl-control.area-btn.paging .cl-pageindexer-next.cl-disabled):hover,
.cl-control.area-btn.paging .cl-pageindexer-first:not(.cl-control.area-btn.paging .cl-pageindexer-last.cl-disabled):hover,
.cl-control.area-btn.paging .cl-pageindexer-prev:not(.cl-control.area-btn.paging .cl-pageindexer-first.cl-disabled):hover,
.cl-control.area-btn.paging .cl-pageindexer-prev:not(.cl-control.area-btn.paging .cl-pageindexer-prev.cl-disabled):hover,
.cl-control.area-btn.paging .cl-pageindexer-prev:not(.cl-control.area-btn.paging .cl-pageindexer-next.cl-disabled):hover,
.cl-control.area-btn.paging .cl-pageindexer-prev:not(.cl-control.area-btn.paging .cl-pageindexer-last.cl-disabled):hover,
.cl-control.area-btn.paging .cl-pageindexer-next:not(.cl-control.area-btn.paging .cl-pageindexer-first.cl-disabled):hover,
.cl-control.area-btn.paging .cl-pageindexer-next:not(.cl-control.area-btn.paging .cl-pageindexer-prev.cl-disabled):hover,
.cl-control.area-btn.paging .cl-pageindexer-next:not(.cl-control.area-btn.paging .cl-pageindexer-next.cl-disabled):hover,
.cl-control.area-btn.paging .cl-pageindexer-next:not(.cl-control.area-btn.paging .cl-pageindexer-last.cl-disabled):hover,
.cl-control.area-btn.paging .cl-pageindexer-last:not(.cl-control.area-btn.paging .cl-pageindexer-first.cl-disabled):hover,
.cl-control.area-btn.paging .cl-pageindexer-last:not(.cl-control.area-btn.paging .cl-pageindexer-prev.cl-disabled):hover,
.cl-control.area-btn.paging .cl-pageindexer-last:not(.cl-control.area-btn.paging .cl-pageindexer-next.cl-disabled):hover,
.cl-control.area-btn.paging .cl-pageindexer-last:not(.cl-control.area-btn.paging .cl-pageindexer-last.cl-disabled):hover {
  background-color: #e6edf9;
}
.cl-control.area-btn.paging .cl-pageindexer-first {
  background-position: -93px -20px;
}
.cl-control.area-btn.paging .cl-pageindexer-prev {
  background-position: -46px -20px;
}
.cl-control.area-btn.paging .cl-pageindexer-next {
  background-position: -68px -20px;
}
.cl-control.area-btn.paging .cl-pageindexer-last {
  background-position: -116px -20px;
}
.cl-control.area-btn.paging .cl-pageindexer-index {
  width: auto !important;
  min-width: 32px;
  height: 32px;
  margin: 0 !important;
  padding: 0 4px;
  border-radius: 40px;
  cursor: pointer;
}
.cl-control.area-btn.paging .cl-pageindexer-index.cl-selected {
  color: #ffffff;
  font-weight: 500;
  background: #1961B2;
}
.cl-control.area-btn.paging .cl-pageindexer-index .cl-text-wrapper {
  line-height: 1.5;
}
.cl-control.area-btn.paging .cl-pageindexer-index:not(.cl-control.area-btn.paging .cl-pageindexer-index.cl-selected):hover {
  background: #e6edf9;
}
/* 캘린더 */
.cl-container.calendar {
  font: 1rem "PretendardGOV", "Noto Sans KR", "Malgun Gothic", sans-serif;
  background-color: #ffffff;
  color: #1f2b3a;
  /* 캘린더 헤더 스타일 */
  /* 캘린더 바디 스타일 */
}
.cl-container.calendar .cl-container.calendar-header {
  background-color: #ffffff;
}
.cl-container.calendar .cl-container.calendar-header .cl-output.calendar-header-title {
  font-size: 20px;
  font-weight: 700;
}
.cl-container.calendar .cl-container.calendar-body {
  /* 캘린더 구분선 스타일 */
  /* 캘린더 요일 컨테이너 스타일 */
  /* 캘린더 월간, 주간, 일간 공통 스타일 */
  /* 캘린더 월간 날짜 스타일 */
  /* 캘린더 월간 스타일 */
  /* 캘린더 주간 스타일 */
  /* 캘린더 일간 스타일 */
}
.cl-container.calendar .cl-container.calendar-body .cl-formlayout-vertical-separator,
.cl-container.calendar .cl-container.calendar-body .cl-formlayout-horizontal-separator {
  background-color: #dbdfea;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month-dayname {
  background-color: #F2F4F8;
  border: 1px solid #dbdfea;
  /* 캘린더 요일 스타일 */
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month-dayname .cl-output.calendar-month-dayname-item {
  color: #1f2b3a;
  padding-left: 3px;
  font-weight: 700;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month,
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-week,
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-day {
  border-left: 1px solid #dbdfea;
  border-bottom: 1px solid #dbdfea;
  border-right: 1px solid #dbdfea;
}
.cl-container.calendar .cl-container.calendar-body .cl-output.calendar-monthly-date,
.cl-container.calendar .cl-container.calendar-body .cl-output.calendar-weekly-date,
.cl-container.calendar .cl-container.calendar-body .cl-output.calendar-daily-date {
  border-radius: 50%;
  color: #1f2b3a;
  text-align: center;
  font-size: 12px;
  /* 캘린더 오늘 날짜 스타일 */
}
.cl-container.calendar .cl-container.calendar-body .cl-output.calendar-monthly-date.calendar-today,
.cl-container.calendar .cl-container.calendar-body .cl-output.calendar-weekly-date.calendar-today,
.cl-container.calendar .cl-container.calendar-body .cl-output.calendar-daily-date.calendar-today {
  background-color: #135de6;
  color: #ffffff;
  font-weight: 700;
}
.cl-container.calendar .cl-container.calendar-body .cl-output.calendar-weekly-date,
.cl-container.calendar .cl-container.calendar-body .cl-output.calendar-daily-date {
  font-weight: 700;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month {
  /* 캘린더 월간 날짜를 감싸는 컨테이너 스타일 */
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day {
  /* 캘린더 일정 스타일 */
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day:hover {
  background-color: rgba(81, 92, 230, 0.05);
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title {
  background-repeat: no-repeat;
  background-position: 3px center;
  color: #1f2b3a;
  padding-left: 12px;
  font-weight: 500;
  cursor: pointer;
  /* 하루 종일 진행되는 일정 스타일 
					 * (주간, 일간은 하루 종일 진행되는 일정이 따로 표시되므로 사용 및 작성하지 않음)
					 */
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title.red {
  background-image: url("images/icon/icon-event-red.png");
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title.orange {
  background-image: url("images/icon/icon-event-orange.png");
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title.yellow {
  background-image: url("images/icon/icon-event-yellow.png");
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title.green {
  background-image: url("images/icon/icon-event-green.png");
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title.blue {
  background-image: url("images/icon/icon-event-blue.png");
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title.purple {
  background-image: url("images/icon/icon-event-purple.png");
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title.brown {
  background-image: url("images/icon/icon-event-brown.png");
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title.full-time {
  background-image: none;
  color: #ffffff;
  padding-left: 3px;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title.full-time.red {
  background-color: #e85347;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title.full-time.orange {
  background-color: #ffa353;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title.full-time.yellow {
  background-color: #f4bd0e;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title.full-time.green {
  background-color: #19a37f;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title.full-time.blue {
  background-color: #559bfb;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title.full-time.purple {
  background-color: #816bff;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title.full-time.brown {
  background-color: #D1A270;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-month .cl-container.calendar-month-day .cl-output.monthly-schedule-event-title.not-full-time {
  margin-left: 6px;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-week {
  /* 캘린더 일정 구분선 */
  /* 캘린더 일정 분단위 구분선 */
  /* 캘린더 일정 스타일 */
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-week .cl-formlayout-horizontal-separator.cl-nth-of-row-1.calendar-splitter {
  height: 3px !important;
  top: -2px !important;
  background-color: #ffffff;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-week .cl-output.calendar-week-hour {
  text-align: right;
  vertical-align: top;
  padding-right: 3px;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-week .cl-output.weekly-schedule-event-title {
  color: #ffffff;
  padding-left: 3px;
  font-weight: 500;
  vertical-align: top;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-week .cl-output.weekly-schedule-event-title.red {
  background-color: #e85347;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-week .cl-output.weekly-schedule-event-title.orange {
  background-color: #ffa353;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-week .cl-output.weekly-schedule-event-title.yellow {
  background-color: #f4bd0e;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-week .cl-output.weekly-schedule-event-title.green {
  background-color: #19a37f;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-week .cl-output.weekly-schedule-event-title.blue {
  background-color: #559bfb;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-week .cl-output.weekly-schedule-event-title.purple {
  background-color: #816bff;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-week .cl-output.weekly-schedule-event-title.brown {
  background-color: #D1A270;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-day {
  /* 캘린더 일정 구분선 */
  /* 캘린더 일정 분단위 구분선 */
  /* 캘린더 일정 스타일 */
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-day .cl-formlayout-horizontal-separator.cl-nth-of-row-1.calendar-splitter {
  height: 3px !important;
  top: -2px !important;
  background-color: #ffffff;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-day .cl-output.calendar-week-hour {
  text-align: right;
  vertical-align: top;
  padding-right: 3px;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-day .cl-output.daily-schedule-event-title {
  color: #ffffff;
  padding-left: 3px;
  font-weight: 500;
  vertical-align: top;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-day .cl-output.daily-schedule-event-title.red {
  background-color: #e85347;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-day .cl-output.daily-schedule-event-title.orange {
  background-color: #ffa353;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-day .cl-output.daily-schedule-event-title.yellow {
  background-color: #f4bd0e;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-day .cl-output.daily-schedule-event-title.green {
  background-color: #19a37f;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-day .cl-output.daily-schedule-event-title.blue {
  background-color: #559bfb;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-day .cl-output.daily-schedule-event-title.purple {
  background-color: #816bff;
}
.cl-container.calendar .cl-container.calendar-body .cl-container.calendar-day .cl-output.daily-schedule-event-title.brown {
  background-color: #D1A270;
}
/************************************************
 * 카드
 ************************************************/
.cl-container.card {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.cl-container .cl-layout-wrap.row .cl-container.card {
  border-radius: 0px;
}
.cl-container .cl-layout-wrap.row.cl-first-row .cl-container.card {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.cl-container .cl-layout-wrap.row.cl-last-row .cl-container.card {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cl-container .cl-layout-wrap.row:not(.cl-first-row) .cl-container.card {
  border-top: none;
}
/************************************************
 * 버튼 유틸
 ************************************************/
.cl-button.btn-p-0 {
  padding: 0px;
}
.cl-button.btn-round {
  border-radius: 9999px !important;
}
.cl-button.btn-secondary {
  background-color: #0c3672;
  border-color: #0c3672;
  color: #ffffff;
  background-image: none;
}
.cl-button.btn-secondary:not(.cl-disabled):hover,
.cl-button.btn-secondary:focus,
.cl-button.btn-secondary.cl-focus {
  background-color: #092a59;
  border-color: #092a59;
  color: #ffffff;
}
.cl-button.btn-secondary:not(.cl-disabled).cl-activated,
.cl-button.btn-secondary:not(.cl-disabled):active {
  background-color: #0f428c;
  border-color: #0f428c;
  color: #ffffff;
}
.cl-button.btn-secondary.cl-disabled {
  background-color: #f0f0f0;
  border-color: #cccccc;
  color: #999999;
}
/************************************************
 * 라인 버튼
 ************************************************/
.cl-button.btn-outline-primary {
  background-color: #ffffff;
  border-color: #4d91ff;
  color: #4d91ff;
  background-image: none;
}
.cl-button.btn-outline-primary:not(.cl-disabled):hover,
.cl-button.btn-outline-primary:focus,
.cl-button.btn-outline-primary.cl-focus {
  background-color: #ffffff;
  border-color: #0c57c1;
  color: #0c57c1;
}
.cl-button.btn-outline-primary:not(.cl-disabled).cl-activated,
.cl-button.btn-outline-primary:not(.cl-disabled):active {
  background-color: #ffffff;
  border-color: #2372e3;
  color: #2372e3;
}
.cl-button.btn-outline-primary.cl-disabled {
  background-color: #f0f0f0;
  border-color: #cccccc;
  color: #999999;
}
.cl-button.btn-transparent {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 0px !important;
  background-image: none;
}
.cl-button.btn-transparent .cl-icon {
  margin: 0px !important;
}
.cl-button.btn-transparent:not(.cl-disabled):hover {
  background-color: transparent;
}
.cl-button.btn-transparent:focus,
.cl-button.btn-transparent.cl-focus {
  background-color: transparent;
}
.cl-button.btn-transparent:not(.cl-disabled).cl-activated,
.cl-button.btn-transparent:not(.cl-disabled):active {
  background-color: transparent;
}
.cl-container.homepage .bg-white {
  background-color: #ffffff !important;
}
.cl-container.homepage .cl-button {
  /*font: @font-base;*/
  /*
		background-color: @btn-background-color;
		background-image: @btn-background-image;
		border-radius: @btn-border-radius;
		border: @btn-border-base;
		color: @btn-text-color;
		padding: @btn-padding-y @btn-padding-x;
		 */
  text-shadow: none;
  /* 텍스트 스타일 */
  /* 아이콘 스타일 */
}
.cl-container.homepage .cl-button .cl-icon {
  background-size: auto;
  width: 20px;
  height: 20px;
}
.cl-container.homepage .cl-output.badge {
  background-color: #f8f8f8;
  border-radius: 9999px;
  color: #222222;
  font-size: 13px;
  padding: 0px 8px;
  text-align: center;
}
.cl-container.homepage .cl-output.badge.badge-secondary-dim {
  background-color: #e6edf9;
  border-color: transparent;
  color: #0c3672;
}
.cl-container.homepage .cl-searchinput.global-search {
  background-color: #f8f8f8;
  border: none;
  font-size: 15px;
  background-image: none;
}
.cl-container.homepage .cl-searchinput.global-search .cl-text {
  padding: 0px 15px !important;
}
.cl-container.homepage .cl-searchinput.global-search .cl-searchinput-search {
  background-image: url("images/com/ic_btn_search.png");
  background-position: center;
  width: 40px;
}
.cl-container.homepage .cl-container.filter-box {
  background-color: #f0f6ff;
  border-radius: 12px;
}
.cl-container.homepage .cl-container.filter-box .cl-radiobutton.btn .cl-radiobutton-item {
  background-color: #ffffff;
  border: 1px solid #888888;
  border-style: dashed;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.cl-container.homepage .cl-container.filter-box .cl-radiobutton.btn .cl-radiobutton-item .cl-radiobutton-field {
  width: 100%;
  height: 46px;
}
.cl-container.homepage .cl-container.filter-box .cl-radiobutton.btn .cl-radiobutton-item.cl-selected {
  border-color: #3387ff;
  color: #3387ff;
}
.cl-container.homepage .cl-container.filter-box .cl-inputbox .cl-text {
  padding: 0px 15px !important;
}
.cl-container.homepage .cl-container.breadcrumbs .cl-output.breadcrumb-item {
  color: #999999;
  font-size: 13px;
}
.cl-container.homepage .cl-container.breadcrumbs .cl-output.breadcrumb-item .cl-text:before {
  content: ">";
  color: #999999;
  padding: 0px 6px;
}
.cl-container.homepage .cl-container.breadcrumbs .cl-layout-wrap:first-child .cl-output.breadcrumb-item .cl-text:before {
  content: none;
}
.cl-container.card {
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
}
h5,
.h5 {
  font-size: 16px !important;
}
.fw-bold {
  font-weight: 700;
}
.rounded-lg {
  border-radius: 12px !important;
}
.fs-lg {
  font-size: 16px !important;
}
.fw-medium {
  font-weight: 500;
}
.cursor-pointer {
  cursor: pointer;
}
.text-gray-600 {
  color: #999999 !important;
}
.text-red {
  color: #ff2a2a !important;
}
.bg-yellow {
  background-color: #fec84b !important;
}
.border {
  border: 1px solid #d6d6d6 !important;
}
.border-top {
  border-top: 1px solid #d6d6d6 !important;
}
.border-bottom {
  border-bottom: 1px solid #d6d6d6 !important;
}
.border-left {
  border-left: 1px solid #d6d6d6 !important;
}
.border-right {
  border-right: 1px solid #d6d6d6 !important;
}
/************************************************
 * 대민성 템플릿
 ************************************************/
.cl-output.badge {
  background-color: #DDDDDD;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  color: #555555;
  font-size: 15px;
  padding: 4px 12px;
  text-align: center;
}
.cl-output.badge .cl-text {
  line-height: 1;
}
.cl-output.badge.badge-warning-dim {
  background-color: #FFF3DB;
  border-color: #FFF3DB;
  color: #613500;
}
.exam-card {
  background-color: #ffffff;
  border: 1px solid #DDDDDD;
  border-radius: 40px;
}
.exam-card2 {
  background-color: #f4f4f4;
  border: 1px solid #DDDDDD;
  border-radius: 40px;
  padding: 40px 24px;
}
@media (max-width: 768px) {
  .cl-tree {
    height: 100%;
    max-height: 400px !important;
  }
  .cl-tree .cl-viewport {
    overflow-y: auto !important;
  }
}
.cl-control.cl-focus,
.cl-control:focus,
.cl-linkedcombobox-combo.cl-focus,
.cl-linkedcombobox-combo:focus,
.cl-grid-cell:focus,
.cl-navigationbar-list.mega-menu-left .cl-navigationbar-listitem:not(.cl-disabled).cl-hover,
.cl-container.aside .cl-sidenavigation-item:not(.cl-disabled):focus {
  /* 웹 접근성 개선 목적으로 브라우저의 기본 포커스 링을 활성화 하려면 아래 주석을 해제 하십시오. */
  outline-color: invert;
  /*&.cl-searchinput {
  		outline : none;
  		
  		>div {
  			div{
  				&:has(input){
  					outline : dotted 1px;
  					border-color:#4d91ff;
  					border-radius: 4px;
  					
  					input {
  						border: 1px dotted #4d91ff;
  					}			
  				}
  			}
  		}
  	}

	&.cl-checkbox {
		outline : none;
		
		.cl-checkbox-icon {
			outline : none;
		}
	}*/
}
/************************************************
 * 일반 폼
 ************************************************/
.cl-container.cl-form-group {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
}
.cl-container.cl-form-group .cl-output.label {
  text-align: center;
}
.cl-container.cl-form-group.vertical .cl-output.label {
  text-align: center;
}
/************************************************
 * 기본 폼
 ************************************************/
.cl-container.form-base {
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-color: #666;
  border-width: 1px 0px;
  border-radius: 0px;
}
.cl-container.form-base .cl-output.label {
  padding: 0;
  color: #181818;
  font-size: 1.6rem;
  font-weight: 500;
  vertical-align: middle;
  border-radius: unset;
  white-space: unset;
}
.cl-container.form-base .cl-output.label .cl-text {
  padding: 0px 10px;
  font-size: 1.6rem;
  text-align: center;
}
.cl-container.form-base .cl-output.label.require .cl-text:before {
  content: "*";
  color: #ff2a2a;
  font-size: 1.2rem;
  top: 3px;
  margin: 0 2px 0 0;
  vertical-align: super;
}
.cl-container.form-base.vertical .cl-output.label {
  text-align: center;
}
.cl-container.form-base.vertical .cl-output.label.require .cl-text:before {
  content: "*";
  left: initial;
  margin-left: -8px;
}
.cl-container.form-base.form-base {
  border: none;
  border-top: 2px solid #1961B2;
  border-bottom: 1px solid #ddd;
}
.cl-container.form-base.form-base .cl-output.label .cl-text {
  padding: 0;
  text-align: left;
}
.cl-container.form-base.form-base .cl-formlayout-column-shade {
  background: #E2EFFF;
}
.cl-container.form-base.form-base.collapsed .cl-output.label .cl-text {
  padding: 0;
  text-align: left;
}
.cl-container.form-base.form-base.collapsed .cl-control.cl-checkbox.only-check {
  text-align: left;
}
.cl-container.form-base.form-edit {
  /*.cl-even-column {
			    padding: 8px 0;
		}*/
}
.cl-container.form-base.form-edit .cl-odd-column:not(.cl-formlayout-horizontal-separator) {
  padding: 3px 0;
}
.cl-container.form-base.form-edit .cl-odd-column:not(.cl-formlayout-horizontal-separator) .cl-odd-column:not(.cl-formlayout-horizontal-separator) {
  padding: 0;
}
@media (max-width: 1280px) {
  .cl-container.form-base.form-edit.of_width {
    max-width: max-content;
    width: 1280px;
    overflow-x: auto !important;
  }
}
.cl-container.form-base.form-info {
  border-radius: 0 0 8px 8px;
}
.cl-container.form-base.form-info .title {
  position: relative;
  display: block;
  padding-left: 8px;
}
.cl-container.form-base.form-info .title:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -1px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #0A2D58;
  box-sizing: border-box;
}
.cl-container.form-base .form-in {
  margin: -4px -6px;
  padding: 0 !important;
}
.cl-container.form-base .cl-image.img_stamp img {
  max-width: 160px;
  width: 100%;
  height: auto !important;
  text-align: center;
  margin: 0 auto;
}
.cl-container.form-base .cl-embeddedapp .wrap-edit {
  padding: 0 !important;
}
.cl-container.form-base .cl-embeddedapp:has(ckeditor) .ck-editor__main > div {
  height: calc(100% - 0px) !important;
}
@media (max-width: 1280px) {
  .tbl-top .label.ta-c {
    text-align: left !important;
  }
  .tbl-top .label.ta-c .cl-text {
    text-align: left !important;
  }
}
/************************************************
 * 스플리터
 ************************************************/
.splitter.cl-formlayout-vertical-separator,
.splitter.cl-formlayout-horizontal-separator {
  background-repeat: no-repeat;
  background-position: center;
}
.splitter.cl-formlayout-vertical-separator {
  background-image: url("images/controls/container/splitter_v.png");
  background-color: #e6edf9;
}
.splitter.cl-formlayout-horizontal-separator {
  background-image: url("images/controls/container/splitter_h.png");
  background-color: #e6edf9;
}
/************************************************
 * 조회 폼
 ************************************************/
.cl-container.search-box {
  background-color: #fff;
  border-radius: 4px;
}
.cl-container.search-box .cl-output.label {
  padding: 0 6px;
  color: #1961B2;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  line-height: 32px;
  /*&:not(.cl-first-column) {
			margin-left: 22px;
		}*/
}
.cl-container.search-box .cl-output.label.require .cl-text:before {
  content: "*";
  color: #ff2a2a;
  font-size: 1.2rem;
  top: 3px;
  margin: 0 2px 0 0;
  vertical-align: super;
}
.cl-container.search-box .cl-inputbox {
  font-size: inherit;
}
.cl-container.search-box .cl-button.btn-i-search {
  margin-left: 12px;
}
.cl-container.search-box .cl-button.btn-i-search .cl-icon {
  /*background-image: url("../images/controls/button/ic_btn_search2_w.png") !important;*/
}
.cl-container.search-box .cl-container.search-button-area .cl-button.btn-i-search {
  margin-left: 0px;
}
.cl-container.search-box.tbl-search {
  background: #E2EFFF;
  border: 2px solid #1961B2;
  border-radius: 8px;
}
.cl-container.search-box.tbl-search .cl-formlayout-column-shade {
  background: transparent !important;
}
.cl-container.search-box.tbl-search .search-box.tbl-search {
  border: none;
  background: unset;
}
@media (max-width: 800px) {
  .cl-container.search-box.tbl-search.ly-rwd >.cl-layout >.cl-layout-content {
    grid-template-columns: 8px 120px 0px 0px 1fr 8px !important;
  }
}
.cl-checkbox.cl-readonly:hover .cl-checkbox-icon,
.cl-checkbox.cl-readonly.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox.png");
  background-size: contain;
}
.cl-checkbox.toggle {
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 8px;
  color: transparent;
  font-size: 0px;
  text-align: center;
}
.cl-checkbox.toggle .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_btn_down.png");
  width: 30px;
  height: 30px;
  margin: 0px;
}
.cl-checkbox.toggle.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_btn_up.png");
}
.cl-checkbox.toggle.cl-focus {
  border-color: #1B7AB3;
}
.cl-container.report-wrap {
  position: relative;
  display: block;
  background: #eee;
}
.cl-container.report-wrap:before {
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  background: #fff;
  border-radius: 6px;
}
.dialog-cont .cl-container.report-wrap {
  background: #eee;
}
.cl-container.report-wrap >.cl-layout {
  margin: 8px !important;
  width: auto !important;
  height: calc(100% - 16px) !important;
}
.cl-container.report-wrap >.cl-layout .cl-image {
  overflow-y: auto !important;
}
.cl-container.report-wrap >.cl-layout .cl-image img {
  height: auto !important;
}
.cl-control.form-list-view .cl-layout-content > * {
  padding: 6px;
  text-align: center;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.cl-control.list-gallery .box-gallery {
  padding: 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  transition: all 0.3s;
}
.cl-control.list-gallery .box-gallery:hover {
  border-color: #1e74d6;
}
.cl-control.list-gallery .cl-image {
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid #ddd;
}
.cl-searchinput .cl-placeholder {
  padding: 0px 10px;
}
.cl-searchinput > div >div:has(input) {
  width: auto !important;
}
.cl-searchinput.cl-disabled .cl-searchinput-search {
  background-repeat: no-repeat;
  background-position: 10px 4px;
}
.cl-searchinput .cl-text:not(.cl-placeholder) {
  border-radius: 4px 0 0 4px;
}
.cl-searchinput .cl-searchinput-search {
  border-radius: 0 4px 4px 0;
}
#header {
  background: skyBlue;
}
#header .hd_inner {
  position: relative;
  display: block;
  padding: 20px;
  background: Blue;
}
.cl-embeddedapp:has(.header-container) {
  overflow: visible;
  z-index: 9;
}
.btn_hd_control {
  position: fixed !important;
  display: block;
  right: unset !important;
  width: 20px !important;
  border-radius: 0 8px 8px 0;
  border: none;
  background: #fff url("images/ico-left-main.svg") no-repeat center;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  overflow: visible !important;
  z-index: 1;
}
.btn_hd_control:before {
  content: "";
  position: absolute;
  right: 100%;
  display: block;
  width: 1px;
  height: 100%;
  background: #fff;
}
.btn_hd_control .cl-container {
  left: 0 !important;
}
.btn_hd_control.cl-selected {
  left: 0px !important;
}
.btn_hd_control:hover,
.btn_hd_control.cl-focus {
  border: none;
}
.btn_hd_control:not(.cl-disabled).cl-activated,
.btn_hd_control:not(.cl-disabled):active {
  border: none !important;
  background: #fff url("images/ico-left-main.svg") no-repeat center !important;
  background-image: url("images/ico-left-main.svg") !important;
}
.btn_hd_control.on {
  background: #fff url("images/ico-right-main.svg") no-repeat center !important;
  background-image: url("images/ico-right-main.svg") !important;
}
.hd-aside {
  background: #F1F1F1;
}
.hd-aside >.cl-layout >.cl-layout-content >.area-box {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.hd-aside .logo_wrap {
  position: relative;
  display: block;
  padding: 16px;
  text-align: center;
}
.hd-aside .logo_wrap .logo {
  background: url("images/logo_txt.png") no-repeat center;
  background-size: contain;
  border: none;
  font-size: 0 !important;
}
.hd-aside .user_wrap .docu_info,
.hd-aside .user_wrap .user_info {
  color: #666;
  padding: 8px;
  font-size: 1.5rem;
  border-radius: 8px;
}
.hd-aside .user_wrap .docu_info .txt-cate,
.hd-aside .user_wrap .user_info .txt-cate {
  color: #0A2D58;
  font-weight: 500;
}
.hd-aside .user_wrap .docu_info .txt-name,
.hd-aside .user_wrap .user_info .txt-name {
  color: #0A2D58;
  font-size: 2rem;
  font-weight: 600;
}
.hd-aside .user_wrap .user_info {
  background: #E7F1F7;
  border: 1px solid rgba(25, 97, 178, 0.26);
}
.hd-aside .user_wrap .docu_info {
  background: #f5f5f5;
  border: 1px solid rgba(211, 211, 211, 0.67);
}
.hd-aside .user_wrap .docu_info .fw-b {
  border-radius: 4px;
  padding: 0 8px;
  transition: 0.3s;
  cursor: pointer;
}
.hd-aside .user_wrap .docu_info .fw-b:hover,
.hd-aside .user_wrap .docu_info .fw-b:focus {
  background: #e5e5e5;
}
.hd-aside .user_wrap .area-btn .cl-button {
  color: #fff;
}
.hd-aside .user_wrap .area-btn .cl-button.btn-logout .cl-icon {
  background-position: calc(20px * -2) calc(20px * 0);
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(105%) contrast(105%);
}
.hd-aside .user_wrap .area-btn .cl-button.btn-mypage .cl-icon {
  background-position: calc(20px * -2) calc(20px * -5);
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(105%) contrast(105%);
}
.hd-aside .user_wrap .search_wrap {
  background: #1961B2;
  border-radius: 8px;
}
.hd-aside .user_wrap .search_wrap .cl-searchinput {
  border-radius: 6px;
}
.hd-aside .user_wrap .search_wrap .cl-searchinput .cl-text {
  font-size: 1.8rem;
  border: none;
}
.hd-aside .user_wrap .search_wrap .cl-searchinput-search {
  width: 40px;
  background: none;
}
.hd-aside .user_wrap .search_wrap .cl-searchinput-search:before {
  filter: none;
}
.hd-aside .user_wrap .search_wrap .cl-searchinput.cl-focus >div div:has(input) {
  border: none;
  outline: none;
}
.hd-aside .sidemenu {
  /*box-shadow : 1px 1px 3px rgba(0, 0, 0, 10%);*/
}
.hd-aside .btn_wrap.area-box {
  border-radius: 8px 8px 0 0;
}
.hd-aside .btn-sitemap {
  border-radius: 0;
  border: none;
}
.hd-aside.type_a {
  background: #fff;
}
.hd-aside.type_a .sidemenu {
  padding: 0;
  border: none;
}
.hd-aside.type_a .sidemenu .cl-subtree .cl-sidenavigation-item {
  display: flex !important;
  flex-direction: column !important;
  padding: 8px 0 5px 0;
  border-radius: 8px;
}
.hd-aside.type_a .sidemenu .cl-subtree .cl-sidenavigation-item .cl-icon {
  position: relative;
  display: block;
  width: 40px;
  min-width: 40px;
  height: 40px;
  background: url("images/ico-gnb.svg") no-repeat;
  background-size: cover;
}
.hd-aside.type_a .sidemenu .cl-subtree .cl-sidenavigation-item .cl-text {
  padding: 4px 0px 0px 0;
  color: #0c3059;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  word-break: keep-all;
  letter-spacing: -0.6px;
}
.hd-aside.type_a .sidemenu .cl-subtree .cl-sidenavigation-item:hover,
.hd-aside.type_a .sidemenu .cl-subtree .cl-sidenavigation-item.cl-hover,
.hd-aside.type_a .sidemenu .cl-subtree .cl-sidenavigation-item:focus {
  color: #1961B2;
}
.hd-aside.type_a .sidemenu .cl-subtree .cl-sidenavigation-item.cl-selected {
  background: #1961B2 !important;
  box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.2);
}
.hd-aside.type_a .sidemenu .cl-subtree .cl-sidenavigation-item.cl-selected .cl-icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(115deg) brightness(105%) contrast(102%);
}
.hd-aside.type_a .sidemenu .cl-subtree .cl-sidenavigation-item.cl-selected .cl-text {
  color: #fff;
}
.hd-aside.type_a .sidemenu .cl-subtree + .cl-subtree {
  margin-top: 11px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item {
  padding: 0px 10px 0px 10px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item .cl-expand-icon {
  background-image: url("images/com/ic_plus.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-folder.cl-expanded .cl-expand-icon {
  background-image: url("images/com/ic_minus.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item:not(.cl-level-1) .cl-icon {
  display: none;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item:not(.cl-level-1) .cl-text {
  padding-left: 0px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item:hover,
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-hover,
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item:focus {
  color: #1B7AB3;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-selected {
  background-color: transparent;
  color: #1B7AB3;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1 {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 7px 100%;
  font-size: 1.6rem;
  min-height: 38px;
  padding: 0px 20px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1 .cl-icon {
  width: 24px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1 .cl-expand-icon {
  background-image: url("images/com/ic_arrow.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1 + .cl-list {
  background-color: #f7f7f7;
  margin: 5px 15px;
  padding: 10px 0px 10px 5px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1:not(.cl-first) {
  margin-top: 10px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.cl-selected {
  background-image: linear-gradient(#1B7AB3, #1B7AB3);
  background-color: transparent;
  color: #1B7AB3;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.cl-selected .cl-expand-icon {
  background-image: url("images/com/ic_arrow_on.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.control .cl-icon {
  background-image: url("images/com/ic_menu_01.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.control.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_01_on.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.module .cl-icon {
  background-image: url("images/com/ic_menu_02.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.module.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_02_on.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.page .cl-icon {
  background-image: url("images/com/ic_menu_03.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.page.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_03_on.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.application .cl-icon {
  background-image: url("images/com/ic_menu_04.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.application.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_04_on.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.list .cl-icon {
  background-image: url("images/com/ic_menu_05.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.list.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_05_on.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.shape .cl-icon {
  background-image: url("images/com/ic_menu_06.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.shape.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_06_on.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.lab .cl-icon {
  background-image: url("images/com/ic_menu_07.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.lab.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_07_on.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.global .cl-icon {
  background-image: url("images/com/ic_menu_08.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.global.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_08_on.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.monitor .cl-icon {
  background-image: url("images/com/ic_menu_09.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.monitor.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_09_on.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.talk .cl-icon {
  background-image: url("images/com/ic_menu_10.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.talk.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_10_on.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.security .cl-icon {
  background-image: url("images/com/ic_menu_11.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.security.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_11_on.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.figure .cl-icon {
  background-image: url("images/com/ic_menu_12.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-1.figure.cl-selected .cl-icon {
  background-image: url("images/com/ic_menu_12_on.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-2 {
  font-size: 14px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-2 .cl-expand-icon {
  background-image: url("images/com/ic_plus.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-2 + .cl-list {
  margin: 5px 0px 10px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-2.cl-folder.cl-expanded .cl-expand-icon {
  background-image: url("images/com/ic_minus.png");
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-2.cl-selected {
  background-color: transparent;
  color: #333;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-3 {
  font-size: 13px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-3 .cl-text {
  position: relative;
  padding-left: 13px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-3 .cl-text:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  left: 5px;
  top: 8px;
  background-color: #404040;
  border-radius: 9999px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-3.cl-selected .cl-text:before {
  background-color: #1B7AB3;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-4 {
  font-size: 12px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-4 .cl-text {
  padding-left: 23px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-4 .cl-text:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 1px;
  left: 25px;
  top: 16px;
  background-color: #404040;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-4 + .cl-list {
  padding: 0px 0px 5px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-5 {
  font-size: 11px;
  min-height: 24px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-5 .cl-text {
  position: relative;
  padding-left: 35px;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-5 .cl-text:before {
  content: "ㄴ";
  position: absolute;
  left: 22px;
  top: 0px;
  color: #999999;
}
.hd-aside.type_a .sidemenu.test .cl-sidenavigation-item.cl-level-5.cl-selected .cl-text:before {
  background-color: #1B7AB3;
}
@media (max-width: 1280px) {
  .hd-aside {
    border-right: 1px solid #dddddd;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  }
}
.item-ico {
  display: inline-block !important;
  text-indent: -999px !important;
  background-image: url("images/btn-ico.svg") !important;
  background-size: calc(20px * 10) auto;
  filter: invert(16%) sepia(0%) saturate(1725%) hue-rotate(136deg) brightness(88%) contrast(84%);
  /*&:before {
    	content:"";
    	position: absolute;
    	display:block;
    	top:50%;
    	left:50%;
    	transform: translate(-50%, -50%);
    	width: 20px;
    	height: 20px;
	    background: url("../images/btn-ico.svg") no-repeat center;
	    background-size: calc(20px * 10) auto; 
    	box-sizing: border-box;
	    overflow: hidden;
		// .icoMatrix (@x, @y, @size);
    }*/
}
.item-ico.ico-only {
  margin: 0 !important;
}
.item-ico.ico-download {
  background-position: calc(20px * 0) calc(20px * 0);
}
.item-ico.ico-upload {
  background-position: calc(20px * -1) calc(20px * 0);
}
.item-ico.ico-login {
  background-position: calc(20px * -2) calc(20px * 0);
}
.item-ico.ico-logout {
  background-position: calc(20px * -3) calc(20px * 0);
}
.item-ico.ico-plus {
  background-position: calc(20px * -4) calc(20px * 0);
}
.item-ico.ico-minus {
  background-position: calc(20px * -5) calc(20px * 0);
}
.item-ico.ico-check {
  background-position: calc(20px * -6) calc(20px * 0);
}
.item-ico.ico-close {
  background-position: calc(20px * -7) calc(20px * 0);
}
.item-ico.ico-arr-back-left {
  background-position: calc(20px * -8) calc(20px * 0);
}
.item-ico.ico-arr-back-right {
  background-position: calc(20px * -9) calc(20px * 0);
}
.item-ico.ico-arr-top {
  background-position: calc(20px * 0) calc(20px * -1);
}
.item-ico.ico-arr-bottom {
  background-position: calc(20px * -1) calc(20px * -1);
}
.item-ico.ico-arr-left {
  background-position: calc(20px * -2) calc(20px * -1);
}
.item-ico.ico-arr-right {
  background-position: calc(20px * -3) calc(20px * -1);
}
.item-ico.ico-arr-first {
  background-position: calc(20px * -4) calc(20px * -1);
}
.item-ico.ico-arr-last {
  background-position: calc(20px * -5) calc(20px * -1);
}
.item-ico.ico-pause {
  background-position: calc(20px * -6) calc(20px * -1);
}
.item-ico.ico-play-line {
  background-position: calc(20px * -7) calc(20px * -1);
}
.item-ico.ico-play {
  background-position: calc(20px * -8) calc(20px * -1);
}
.item-ico.ico-refresh1 {
  background-position: calc(20px * -9) calc(20px * -1);
}
.item-ico.ico-refresh2 {
  background-position: calc(20px * 0) calc(20px * -2);
}
.item-ico.ico-refresh3 {
  background-position: calc(20px * -1) calc(20px * -2);
}
.item-ico.ico-delete {
  background-position: calc(20px * -2) calc(20px * -2);
}
.item-ico.ico-tab {
  background-position: calc(20px * -3) calc(20px * -2);
}
.item-ico.ico-home {
  background-position: calc(20px * -4) calc(20px * -2);
}
.item-ico.ico-search {
  background-position: calc(20px * -5) calc(20px * -2);
}
.item-ico.ico-power {
  background-position: calc(20px * -6) calc(20px * -2);
}
.item-ico.ico-share1 {
  background-position: calc(20px * -7) calc(20px * -2);
}
.item-ico.ico-share2 {
  background-position: calc(20px * -8) calc(20px * -2);
}
.item-ico.ico-shareurl {
  background-position: calc(20px * -9) calc(20px * -2);
}
.item-ico.ico-share3 {
  background-position: calc(20px * 0) calc(20px * -3);
}
.item-ico.ico-group {
  background-position: calc(20px * -1) calc(20px * -3);
}
.item-ico.ico-folder {
  background-position: calc(20px * -2) calc(20px * -3);
}
.item-ico.ico-folder2 {
  background-position: calc(20px * -3) calc(20px * -3);
}
.item-ico.ico-file {
  background-position: calc(20px * -4) calc(20px * -3);
}
.item-ico.ico-camera {
  background-position: calc(20px * -5) calc(20px * -3);
}
.item-ico.ico-video {
  background-position: calc(20px * -6) calc(20px * -3);
}
.item-ico.ico-movie {
  background-position: calc(20px * -7) calc(20px * -3);
}
.item-ico.ico-file2 {
  background-position: calc(20px * -8) calc(20px * -3);
}
.item-ico.ico-call {
  background-position: calc(20px * -9) calc(20px * -3);
}
.item-ico.ico-calendar {
  background-position: calc(20px * 0) calc(20px * -4);
}
.item-ico.ico-calendar2 {
  background-position: calc(20px * -1) calc(20px * -4);
}
.item-ico.ico-time-back {
  background-position: calc(20px * -2) calc(20px * -4);
}
.item-ico.ico-time1 {
  background-position: calc(20px * -3) calc(20px * -4);
}
.item-ico.ico-time2 {
  background-position: calc(20px * -4) calc(20px * -4);
}
.item-ico.ico-message {
  background-position: calc(20px * -5) calc(20px * -4);
}
.item-ico.ico-mail {
  background-position: calc(20px * -6) calc(20px * -4);
}
.item-ico.ico-chat {
  background-position: calc(20px * -7) calc(20px * -4);
}
.item-ico.ico-print {
  background-position: calc(20px * -8) calc(20px * -4);
}
.item-ico.ico-qrcode {
  background-position: calc(20px * -9) calc(20px * -4);
}
.item-ico.ico-lock {
  background-position: calc(20px * 0) calc(20px * -5);
}
.item-ico.ico-unlock {
  background-position: calc(20px * -1) calc(20px * -5);
}
.item-ico.ico-person {
  background-position: calc(20px * -2) calc(20px * -5);
}
.item-ico.ico-setting {
  background-position: calc(20px * -3) calc(20px * -5);
}
.item-ico.ico-menu {
  background-position: calc(20px * -4) calc(20px * -5);
}
.item-ico.ico-filiter {
  background-position: calc(20px * -5) calc(20px * -5);
}
.item-ico.ico-alert {
  background-position: calc(20px * -6) calc(20px * -5);
}
.item-ico.ico-alert-off {
  background-position: calc(20px * -7) calc(20px * -5);
}
.item-ico.ico-notice {
  background-position: calc(20px * -8) calc(20px * -5);
}
.item-ico.ico-notice-off {
  background-position: calc(20px * -9) calc(20px * -5);
}
.item-ico.tri-bang {
  background-position: calc(20px * 0) calc(20px * -6);
}
.item-ico.r-bang {
  background-position: calc(20px * -1) calc(20px * -6);
}
.item-ico.ico-bookmarkline {
  background-position: calc(20px * -2) calc(20px * -8);
}
.item-ico.ico-bookmark {
  background-position: calc(20px * -3) calc(20px * -8);
}
.item-ico.ico-widget {
  background-position: calc(20px * -9) calc(20px * -8);
}
.item-ico.ico-excel {
  background-position: calc(20px * -7) calc(20px * -9);
}
.item-ico.ico-allopen,
.item-ico.ico-allclose {
  background-image: url("images/ico-tab.svg") !important;
  background-size: auto 100%;
}
.item-ico.ico-allopen {
  background-position-x: -40px;
}
.item-ico.ico-allclose {
  background-position-x: -60px;
}
.item-ico.co-main {
  filter: brightness(0) saturate(100%) invert(29%) sepia(98%) saturate(1008%) hue-rotate(188deg) brightness(88%) contrast(95%);
}
.item-ico.co-sub1 {
  filter: brightness(0%) saturate(100%) invert(31%) sepia(83%) saturate(1030%) hue-rotate(183deg) brightness(105%) contrast(90%);
}
.item-ico.co-primary {
  filter: brightness(0) saturate(100%) invert(29%) sepia(98%) saturate(1008%) hue-rotate(188deg) brightness(88%) contrast(95%);
}
.item-ico.co-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(123deg) brightness(101%) contrast(104%);
}
.item-ico.co-dark {
  filter: invert(20%) sepia(0%) saturate(22%) hue-rotate(39deg) brightness(105%) contrast(103%);
}
.item-ico.co-gray {
  filter: brightness(0) saturate(100%) invert(60%) sepia(0%) saturate(99%) hue-rotate(205deg) brightness(116%) contrast(85%);
}
.item-ico.co-point2 {
  filter: brightness(0) invert(79%) sepia(17%) saturate(1471%) hue-rotate(341deg) brightness(101%) contrast(101%);
}
.item-ico.co-del {
  filter: invert(35%) sepia(96%) saturate(700%) hue-rotate(321deg) brightness(92%) contrast(98%);
}
.item-ico.co-exel {
  filter: invert(43%) sepia(11%) saturate(1554%) hue-rotate(61deg) brightness(97%) contrast(92%);
}
/*.icoMatrix (@leftPos: 0, @topPos : 0, @icoSize: @ico-h-default) {
    background-position : calc(@icoSize * -1 * @leftPos) calc(@icoSize * -1 * @topPos);
}

.ico_list(@size){
	 
}

/* 아이콘 */
/*.ico_posi(@x, @y, @size : @ico-h-default){
	&:before {
		 .icoMatrix(@x, @y, @size);
		 .ico_color(.co-main);
	}
}*/
.cl-container.grp-overlay {
  background-color: rgba(30, 61, 115, 0.25);
}
.cl-container.grp-toolbar {
  border-radius: 10px;
  background-color: #ffffff;
  opacity: 0.5;
}
.cl-button.img-btn {
  border: 0px;
  border-radius: 0px;
  background-color: unset;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
}
.cl-button.img-btn.rotate-ccw {
  background-image: url("images/icon/rotate-ccw.svg");
}
.cl-button.img-btn.rotate-cw {
  background-image: url("images/icon/rotate-cw.svg");
}
.cl-button.img-btn.plus {
  background-image: url("images/icon/plus-circle.svg");
}
.cl-button.img-btn.minus {
  background-image: url("images/icon/minus-circle.svg");
}
.fix_img_w img {
  max-width: max-content;
  width: 100%;
  height: auto;
}
.fix_img_h img {
  max-height: max-content;
  height: 100%;
  width: auto;
}
html,
body {
  font-size: 10px;
}
@media screen and (max-width:1921px) {
  /*html {
		background: seagreen;
	}*/
  .grid_h_control {
    /*.cl-grid.tbl-list {
			// height:100% !important;
			
			.cl-grid-header {
				height: @test_grd_height !important;
				
					height: @test_grd_height !important;
					
					.cl-grid-cell {
						height: @test_grd_height !important;
					}
						
					.cl-grid-cell-inherit {
						height: @test_grd_height !important;
					}
				}
			}
			
			.cl-grid-detail {
			    inset: @test_grd_height 0px 0px !important;
			    
			    .cl-grid-row {
					height: @test_grd_height !important;
					
					.cl-grid-cell {
						height: @test_grd_height !important;
					}
						
					.cl-grid-cell-inherit {
						height: @test_grd_height !important;
					}
				}
				
				
				.gridRowTop(@i) when (@i > 0){
				
					.cl-grid-cell-inherit{
				
						.cl-grid-row:nth-child(@{i}){
							top:(@test_grd_height * (@i - 1)) !important;
							height:@test_grd_height !important;
						}
					}
				
					.gridRowTop(@i - 1);
				}
				.gridRowTop(100);
				
				.cl-grid .cl-grid-detail .cl-grid-row {
					height: @test_grd_height !important;
				}
				.cl-grid-row.cl-viewing .cl-grid-cell{
					height:@test_grd_height !important;
				}
			}
		}*/
  }
  html:has(.cl-container.mobile_wrap),
  html .cl-control:has(canvas) {
    zoom: unset;
  }
  html:not(:has(.cl-container.mobile_wrap)) {
    /*.cl-calendar.cl-popup.cl-bottom{
				zoom: 1.25;
				transform: scale(0.8);
				transform-origin: top left;
			}*/
  }
  html:not(:has(.cl-container.mobile_wrap)) .cl-combobox-list,
  html:not(:has(.cl-container.mobile_wrap)) .cl-linkedcombobox-list {
    /*zoom: 1.25;
				transform-origin: top left;*/
    /*> div{
					zoom: 0.8;
				}*/
  }
  html:not(:has(.cl-container.mobile_wrap)) .cl-combobox-list.cl-bottom,
  html:not(:has(.cl-container.mobile_wrap)) .cl-linkedcombobox-list.cl-bottom {
    margin-top: 3px;
  }
  html:not(:has(.cl-container.mobile_wrap)) .cl-control.cl-dialog {
    /*zoom: 1.25;
			    top: 50% !important;
				left: 50% !important;
				transform: translate(-50%, -50%) scale(0.8);*/
    /*&:has(.dialog_alert){
					zoom: 1.25;
					top: 50% !important;
					left: 50% !important;
					transform: translate(-50%, -50%) scale(0.8) !important;
				}*/
  }
  html:not(:has(.cl-container.mobile_wrap)) canvas {
    zoom: 1.25;
    transform: scale(0.8);
    transform-origin: top left;
  }
  html:not(:has(.cl-container.mobile_wrap)) .cl-menu {
    /*zoom: 1.25;
				transform: scale(0.8);
				transform-origin: top left;*/
  }
  html:not(:has(.cl-container.mobile_wrap)) .cl-global-aside {
    /*zoom: 1.25;*/
    /*transform: scale(0.8);
				transform-origin: top left;*/
  }
}
@media screen and (max-width:501px) {
  html {
    font-size: 10px;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ani_blink {
  animation-name: blink;
  animation-duration: 1s;
}
.cl-container.group-link {
  cursor: pointer;
  padding-left: 5px;
}
.cl-container.group-link:not(.cl-disabled):hover .cl-button.btn-i-help .cl-icon {
  background-color: #E2EFFF;
}
.cl-container.content-wrapper {
  background: #fff;
  border-radius: 0;
}
.cl-container.ly-dashboard {
  background: #fff;
}
.cl-container.ly-dashboard .section {
  margin: 0 3px 3px 0px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.cl-container.ly-dashboard .section.row-1-1 >.cl-layout >.cl-layout-content {
  display: flex;
  position: relative;
  width: 100%;
  flex-direction: row;
  gap: 16px;
  flex-wrap: nowrap;
}
.cl-container.ly-dashboard .section.row-1-1 >.cl-layout >.cl-layout-content >.section {
  flex: 1;
  width: calc((100% - 16px - 32px) / 2) !important;
  margin: 0;
  box-shadow: unset;
}
.cl-container.ly-dashboard .section.row-1-1.no-gap {
  margin: 0;
  box-shadow: unset;
}
.cl-container.ly-dashboard .section.row-1-1.no-gap >.cl-layout >.cl-layout-content {
  gap: 36px;
}
.cl-container.ly-dashboard .section.row-1-1.no-gap >.cl-layout >.cl-layout-content >.section {
  width: calc((100% - 36px) / 2) !important;
}
.cl-container.ly-dashboard .section.row-1-1.no-gap >.cl-layout >.cl-layout-content >.section:first-child {
  position: relative;
  overflow: visible !important;
}
.cl-container.ly-dashboard .section.row-1-1.no-gap >.cl-layout >.cl-layout-content >.section:first-child:before {
  content: "";
  position: absolute;
  top: 0px;
  right: -18px;
  bottom: 1px;
  display: block;
  width: 1px;
  height: 100%;
  background: #ddd;
}
.cl-container.ly-dashboard .section.chart_wrap .cl-uicontrolshell {
  margin: 0 auto;
}
.cl-container.ly-dashboard .infe_control {
  /*position: absolute !important;
		    top: -36px;
		    right: 0;*/
}
.cl-container.ly-dashboard .infe_control .cl-pageindexer {
  line-height: 1;
}
.cl-container.ly-dashboard .infe_control .cl-pageindexer .cl-pageindexer-index-area {
  padding: 0;
}
.cl-container.ly-dashboard .infe_control .cl-button {
  height: 28px;
  border-radius: 40px;
}
.cl-container.ly-dashboard .infe_control .cl-button.btn-prev,
.cl-container.ly-dashboard .infe_control .cl-button.btn-next,
.cl-container.ly-dashboard .infe_control .cl-button.btn-pause {
  width: 28px;
  min-width: 28px;
  height: 28px !important;
}
.cl-container.ly-dashboard .infe_control .cl-button.btn-pause.on .cl-icon {
  background-position: calc(20px * -8) calc(20px * -1);
}
.cl-container.ly-dashboard .infe_control .cl-pg {
  font-size: 1.8rem;
  border-radius: 40px;
  border: 1px solid #999999;
}
.cl-container.ly-dashboard .infe-slide >.cl-layout>.cl-layout-content>.cl-layout-wrap {
  width: calc(100% - 16px) !important;
}
.cl-container.area-mdi {
  border-radius: 8px 8px 0 0;
  background: #ffffff;
}
.maintab .cl-container.area-mdi {
  border-radius: 0;
}
.cl-container.wrapper {
  background: #f1f1f1;
  /*border-radius:8px;*/
  font-size: 1rem;
}
.cl-container.area-conts {
  background: #f1f1f1;
  border-radius: 8px;
  transition: 0.4s ease-in-out;
  /*>.cl-layout {
			>.cl-layout-content {
				>.cl-mdifolder {
					> div {
					    grid-template-rows: calc(100% - 24px) min-content !important;
						    
						.cl-tabfolder-header.cl-unselectable.cl-top,
						.cl-tabfolder-header.cl-unselectable.cl-bottom {
						    position: absolute;
						    display: block;
						    bottom: -24px;
						    height: 40px;
						    width: 100%;
						    padding-left: 24px;
					        z-index: 1;
					        
					        .cl-tabfolder-prev,
							.cl-tabfolder-next {
								border-top: 1px solid #bbb !important;
							}
							
							.cl-icon-align-left,
							.cl-icon-align-right {
								background: red;
								.cl-icon {
								    margin-right: 6px;
								}
							}
						}
						
						.cl-tabfolder-body {
						    grid-row: 1/span 1 !important;
						}
					}
				}
			}
		}*/
}
.cl-container.area-conts.pub-index .cl-tabfolder-body {
  background: #f1f1f1;
}
.cl-container.area-conts .conts-inner {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.cl-container.layout.login {
  background: url("images/bg_login.jpg") no-repeat center;
  background-size: cover;
}
.cl-container.layout.login .area_login {
  background: rgba(38, 57, 51, 0.86);
}
.cl-container.layout.login .logo_wrap {
  text-align: center;
}
.cl-container.layout.login .logo_wrap .logo {
  /*max-width: max-content;
				    width: 100%;
				    height: auto !important;
				    text-align: center;
				    margin: 0 auto;*/
}
.cl-container.layout.login .logo_wrap .logo img {
  max-height: max-content;
  width: auto !important;
  height: auto !important;
  text-align: center;
  margin: 0 auto;
  max-width: 120px;
}
.cl-container.layout.login .logo_wrap .tit-white .cl-text {
  color: #fff;
  font-size: 3.8rem;
  font-weight: 500;
  line-height: 1;
}
.cl-container.layout.login .logo_wrap .tit-white.eng .cl-output,
.cl-container.layout.login .logo_wrap .tit-white.eng .cl-text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
}
.cl-container.layout.login .logo_wrap .tit-point.cl-output {
  color: #BDEBB0;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1;
}
.cl-container.layout.login .logo_wrap .tit-point.eng .cl-output,
.cl-container.layout.login .logo_wrap .tit-point.eng .cl-text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
}
.cl-container.layout.login .logo_wrap .txt-point.cl-output,
.cl-container.layout.login .logo_wrap .txt-point .cl-text {
  color: #BDEBB0;
}
.cl-container.layout.login .logo_wrap .txt-point.eng .cl-output,
.cl-container.layout.login .logo_wrap .txt-point.eng .cl-text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
}
.cl-container.layout.login .form_login .cl-output-label {
  color: #BDEBB0;
  font-size: 1.6rem;
  text-align: left;
}
.cl-container.layout.login .form_login .cl-combobox-button {
  background-size: 16px;
  width: 20px;
  margin-right: 8px;
}
.cl-container.layout.login .form_login .cl-inputbox {
  color: #999;
  font-size: 2rem;
  border: 1px solid #bbb;
  background: rgba(0, 0, 0, 0.3);
}
.cl-container.layout.login .form_login .cl-inputbox.cl-focus {
  color: #BDEBB0;
  border-color: #BDEBB0;
}
.cl-container.layout.login .form_login .cl-inputbox .cl-inputbox-clear {
  height: 22px !important;
  margin-right: 6px;
  background: rgba(0, 0, 0, 0.16) url("images/btn-ico.svg") no-repeat center;
  background-size: calc(22px * 8) auto;
  box-sizing: border-box;
  background-position: calc(22px * -5.5) calc(22px * 0.1);
  border-radius: 12px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(123deg) brightness(101%) contrast(104%);
}
.cl-container.layout.login .form_login .cl-button.btn-point3-dark {
  color: #87db6f;
}
.cl-container.layout.login .form_login .cl-button.btn-point1,
.cl-container.layout.login .form_login .cl-button.btn-point2,
.cl-container.layout.login .form_login .cl-button.btn-point3,
.cl-container.layout.login .form_login .cl-button.btn-point3-dark,
.cl-container.layout.login .form_login .cl-button.btn-outline-gray {
  font-size: 2rem;
  background: rgba(24, 41, 35, 0.8);
}
.cl-container.layout.login .form_login .cl-button.btn-point1.cl-disabled,
.cl-container.layout.login .form_login .cl-button.btn-point2.cl-disabled,
.cl-container.layout.login .form_login .cl-button.btn-point3.cl-disabled,
.cl-container.layout.login .form_login .cl-button.btn-point3-dark.cl-disabled,
.cl-container.layout.login .form_login .cl-button.btn-outline-gray.cl-disabled {
  color: #aaa;
}
.cl-container.layout.login .info_login .btn-transparent {
  padding: 0 8px !important;
  border-radius: 8px;
  /*&.btn-permission {
						color: #dddddd !important;
					}*/
}
.cl-container.layout.login .info_login .btn-transparent .cl-icon {
  margin-right: 6px !important;
  opacity: 0.6;
}
.cl-container.layout.login .info_login .btn-transparent:not(.cl-disabled):hover,
.cl-container.layout.login .info_login .btn-transparent:focus,
.cl-container.layout.login .info_login .btn-transparent.cl-focus {
  background-color: rgba(32, 48, 43, 0.86) !important;
  border-color: rgba(32, 48, 43, 0.86) !important;
  color: #999;
  background-image: unset !important;
}
.cl-container.layout.login .info_login .btn-transparent:not(.cl-disabled).cl-activated,
.cl-container.layout.login .info_login .btn-transparent:not(.cl-disabled):active {
  background-color: rgba(32, 48, 43, 0.86) !important;
  border-color: rgba(32, 48, 43, 0.86) !important;
  color: #999;
  background-image: unset !important;
}
.cl-container.layout.login .info_login .btn-transparent.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa;
}
.cl-container.wrap-sitemap {
  background: #ffffff;
}
.cl-container.wrap-sitemap .cl-searchinput {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  font-size: 1.5rem;
  background-image: none;
}
.cl-container.wrap-sitemap .cl-searchinput .cl-text {
  padding: 0px 15px !important;
  border: none !important;
  background: #fff;
}
.cl-container.wrap-sitemap .box-body >.cl-layout >.cl-layout-content {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
}
.cl-container.wrap-sitemap .box-body >.cl-layout >.cl-layout-content >.cl-layout-wrap:not(.cl-first-row) {
  margin-top: 24px !important;
}
.cl-container.wrap-sitemap .box-body .tit.h4 {
  color: #0A2D58;
  vertical-align: top !important;
}
.cl-container.wrap-sitemap .box-body .item {
  flex: 1;
}
.cl-container.wrap-sitemap .box-body .item >.cl-layout >.cl-layout-content {
  display: flex !important;
  flex-direction: column;
  height: 100% !important;
  gap: 0.8rem;
}
.cl-container.wrap-sitemap .box-body .item .sitemenus {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto !important;
}
.cl-container.wrap-sitemap .box-body .item .sitemenus >.cl-layout {
  height: 100% !important;
  margin: 0 !important;
  overflow-y: auto !important;
}
.cl-container.wrap-sitemap .box-body .item .sitemenus >.cl-layout > .cl-layout-content {
  display: flex;
  flex-direction: column;
  height: 100% !important;
}
.cl-container.wrap-sitemap .box-body .item .sitemenus >.cl-layout > .cl-layout-content >.cl-layout-wrap {
  margin-top: 12px !important;
  width: 90% !important;
}
.cl-container.wrap-sitemap .box-body .item + .item {
  padding-left: 1.6rem;
  border-left: 1px solid #dde2e6;
}
.cl-container.wrap-sitemap .box-body .cl-sidenavigation {
  border: none;
  border-radius: 0px;
}
.cl-container.wrap-sitemap .box-body .cl-sidenavigation .cl-sidenavigation-item {
  padding: 10px 20px 10px 10px;
  color: #444444;
  min-height: 26px;
  border-radius: 4px;
}
.cl-container.wrap-sitemap .box-body .cl-sidenavigation .cl-sidenavigation-item .cl-icon,
.cl-container.wrap-sitemap .box-body .cl-sidenavigation .cl-sidenavigation-item .cl-expand-icon {
  display: none;
}
.cl-container.wrap-sitemap .box-body .cl-sidenavigation .cl-sidenavigation-item .cl-text {
  padding: 0px;
}
.cl-container.wrap-sitemap .box-body .cl-sidenavigation .cl-sidenavigation-item.cl-level-1 {
  padding-top: 0px;
  color: #0c3672;
  font-weight: bold;
  font-size: 1.8rem;
  cursor: auto;
}
.cl-container.wrap-sitemap .box-body .cl-sidenavigation .cl-sidenavigation-item.cl-level-1:hover,
.cl-container.wrap-sitemap .box-body .cl-sidenavigation .cl-sidenavigation-item.cl-level-1.cl-hover,
.cl-container.wrap-sitemap .box-body .cl-sidenavigation .cl-sidenavigation-item.cl-level-1:focus,
.cl-container.wrap-sitemap .box-body .cl-sidenavigation .cl-sidenavigation-item.cl-level-1.cl-selected {
  background-color: inherit;
}
.cl-container.wrap-sitemap .box-body .cl-sidenavigation .cl-sidenavigation-item.cl-level-2 {
  font-size: 1.6rem;
}
.cl-container.wrap-sitemap .box-body .cl-sidenavigation .cl-sidenavigation-item.cl-level-2 + .cl-list {
  padding: 10px 0px;
}
.cl-container.wrap-sitemap .box-body .cl-sidenavigation .cl-sidenavigation-item.cl-level-3 {
  min-height: 28px;
}
.cl-container.area-box {
  position: relative;
  display: block;
  border-radius: 8px;
  background: #fff;
}
.cl-container.area-box.area-box-inner {
  padding: 1.6rem;
  border: 1px solid #ddd;
  overflow-y: auto !important;
}
.cl-container.area-box.area-box-inner.pd-0 {
  padding: 0;
}
.cl-container.area-box.area-box-inner.content-background {
  background-color: #E2EFFF;
}
.cl-container.area-box.area-box-inner .content-border {
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  border-radius: 0px;
}
.cl-container.area-box.radius-0 {
  border-radius: 0px;
}
.cl-container.area-box.area-border {
  padding: 8px;
  background: #f1f1f1;
}
.cl-container.area-box.area-border .cl-text {
  vertical-align: top;
}
.cl-container.area-box.area-border:before {
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  display: block;
  background: #ffffff;
  border-radius: 8px;
}
.cl-container.area-box.area-border.type-lv3 {
  background: #DD4343;
}
.cl-container.area-box.area-border.light {
  padding: 8px;
  background: #E2EFFF;
}
.cl-container.area-box.area-border.light .cl-text {
  vertical-align: top !important;
}
.cl-container.area-box.area-border-maindark {
  padding: 8px;
  background: #0A2D58;
}
.cl-container.area-box.area-border-maindark .cl-text {
  vertical-align: top !important;
}
.cl-container.area-gis .cl-aside >div {
  bottom: unset !important;
  height: unset !important;
  left: unset !important;
  overflow: unset !important;
  position: unset !important;
  right: unset !important;
  top: unset !important;
  width: unset !important;
}
.cl-container.area-gis .cl-aside >div .cl-overlay {
  bottom: unset !important;
  left: unset !important;
  position: unset !important;
  right: unset !important;
}
.cl-container.area-gis .area-gis-content {
  background: url("images/bg_gis_01.png") no-repeat center;
  background-size: cover;
  transition: 0.3s;
}
.cl-container.area-gis .area-gis-content.lv_02_01 {
  background: url("images/bg_gis_02.png") no-repeat center;
  background-size: cover;
}
.cl-container.area-gis .area-gis-content.lv_02_01 .pop-gis.loca_01 {
  top: calc((430 / 1080) * 100vh) !important;
  left: calc((620 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content.lv_02_01 .pop-gis.loca_03 {
  top: calc((240 / 1080) * 100vh) !important;
  left: calc((500 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content.lv_02_01 .item-round.lv_2.loca_01 {
  top: calc((260 / 1080) * 100vh) !important;
  left: calc((440 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content.lv_02_01 .item-round.lv_2.loca_02 {
  top: calc((280 / 1080) * 100vh) !important;
  left: calc((600 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content.lv_02_02 {
  background: url("images/bg_gis_022.png") no-repeat bottom center;
  background-size: cover;
}
.cl-container.area-gis .area-gis-content.lv_02_02 .pop-gis.loca_02 {
  top: calc((540 / 1080) * 100vh) !important;
  left: calc((880 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content.lv_02_02 .item-round.lv_2.loca_01 {
  top: calc((460 / 1080) * 100vh) !important;
  left: calc((810 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content.lv_02_02 .item-round.lv_2.loca_02 {
  top: calc((510 / 1080) * 100vh) !important;
  left: calc((960 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content.lv_02_03 {
  background: url("images/bg_gis_02.png") no-repeat center;
  background-size: cover;
}
.cl-container.area-gis .area-gis-content.lv_02_03 .pop-gis.loca_01 {
  top: calc((430 / 1080) * 100vh) !important;
  left: calc((620 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content.lv_02_03 .pop-gis.loca_03 {
  top: calc((240 / 1080) * 100vh) !important;
  left: calc((500 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content.lv_02_03 .item-round.lv_2.loca_01 {
  top: calc((570 / 1080) * 100vh) !important;
  left: calc((490 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content.lv_02_03 .item-round.lv_2.loca_02 {
  top: calc((290 / 1080) * 100vh) !important;
  left: calc((700 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content .pop-gis {
  overflow: visible !important;
  transition: 0.2s;
}
.cl-container.area-gis .area-gis-content .pop-gis>.cl-layout,
.cl-container.area-gis .area-gis-content .pop-gis>.cl-layout-content {
  overflow: visible !important;
}
.cl-container.area-gis .area-gis-content .pop-gis.loca_01 {
  top: calc((140 / 1080) * 100vh) !important;
  left: calc((740 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content .pop-gis.loca_02 {
  top: calc((430 / 1080) * 100vh) !important;
  left: calc((945 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content .pop-gis.loca_03 {
  top: calc((90 / 1080) * 100vh) !important;
  left: calc((710 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content .btn-group,
.cl-container.area-gis .area-gis-content .btn-group-list {
  border-radius: 8px;
  background: #ffffff;
}
.cl-container.area-gis .area-gis-content .btn-group .cl-button,
.cl-container.area-gis .area-gis-content .btn-group-list .cl-button {
  width: 100%;
  height: 100%;
  min-height: auto;
}
.cl-container.area-gis .area-gis-content .btn-group .cl-button.btn-transparent,
.cl-container.area-gis .area-gis-content .btn-group-list .cl-button.btn-transparent {
  color: #333;
  padding-left: 8px !important;
}
.cl-container.area-gis .area-gis-content .btn-group .cl-button.btn-transparent:not(.cl-disabled):hover,
.cl-container.area-gis .area-gis-content .btn-group-list .cl-button.btn-transparent:not(.cl-disabled):hover {
  background-color: #E2EFFF !important;
  background-image: none;
}
.cl-container.area-gis .area-gis-content .btn-group .cl-button.btn-transparent:focus,
.cl-container.area-gis .area-gis-content .btn-group-list .cl-button.btn-transparent:focus,
.cl-container.area-gis .area-gis-content .btn-group .cl-button.btn-transparent.cl-focus,
.cl-container.area-gis .area-gis-content .btn-group-list .cl-button.btn-transparent.cl-focus {
  background-color: #E2EFFF !important;
  background-image: none;
}
.cl-container.area-gis .area-gis-content .btn-group .cl-button.btn-transparent:not(.cl-disabled).cl-activated,
.cl-container.area-gis .area-gis-content .btn-group-list .cl-button.btn-transparent:not(.cl-disabled).cl-activated,
.cl-container.area-gis .area-gis-content .btn-group .cl-button.btn-transparent:not(.cl-disabled):active,
.cl-container.area-gis .area-gis-content .btn-group-list .cl-button.btn-transparent:not(.cl-disabled):active {
  background-color: #E2EFFF !important;
  background-image: none;
  background-image: none !important;
}
.cl-container.area-gis .area-gis-content .area-box.area-border {
  padding: 8px;
  background: #f1f1f1;
}
.cl-container.area-gis .area-gis-content .area-box.area-border-main {
  background: #1961B2;
}
.cl-container.area-gis .area-gis-content .area-box.area-border-main:before {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  display: block;
  background: #ffffff;
  border-radius: 4px;
}
.cl-container.area-gis .area-gis-content .bg {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: url("images/bg_gis_01.png") no-repeat center;
  background-size: cover;
  background-position: center center;
  transform: translateZ(0);
  will-change: transform;
}
.cl-container.area-gis .area-gis-content .ds-no {
  display: none !important;
}
.cl-container.area-gis .area-gis-content .cl-image {
  height: auto !important;
  width: auto !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}
.cl-container.area-gis .area-gis-content .cl-image.img_gis_01 img {
  /*width: 100% !important;
					    height: 100% !important;*/
  object-fit: cover;
  object-position: 100%;
}
.cl-container.area-gis .area-gis-content .btn-ico.btn-marker {
  background: url("images/ico_marker_01.svg") no-repeat center;
  background-size: contain;
  transition: all 0.3s;
}
.cl-container.area-gis .area-gis-content .btn-ico.btn-marker:not(.cl-disabled):hover {
  background-color: unset !important;
  transform: translateY(-8px);
}
.cl-container.area-gis .area-gis-content .btn-ico.btn-marker:focus,
.cl-container.area-gis .area-gis-content .btn-ico.btn-marker.cl-focus {
  background-color: unset !important;
}
.cl-container.area-gis .area-gis-content .btn-ico.btn-marker:not(.cl-disabled).cl-activated,
.cl-container.area-gis .area-gis-content .btn-ico.btn-marker:not(.cl-disabled):active {
  background-color: unset !important;
}
.cl-container.area-gis .area-gis-content .tit-wrap .btn-ico.s_large {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px;
}
.cl-container.area-gis .area-gis-content .tit-wrap .btn-ico.s_large .cl-icon {
  width: 30px;
  height: 30px;
}
.cl-container.area-gis .area-gis-content .tit-wrap .btn-ico.s_large .cl-icon.ico-close {
  background-position: calc(30px * -7) calc(30px * 0);
  background-size: calc(30px * 10);
}
.cl-container.area-gis .area-gis-content .item-round {
  min-height: 80px !important;
  min-width: 80px !important;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  border: 1px solid #BBBBBB;
  background: rgba(63, 82, 54, 0.7);
  border-radius: 100px;
  overflow: visible !important;
  transition: 0.3s all;
  aspect-ratio: 1 !important;
  transition: all 0.3s;
  display: block;
}
.cl-container.area-gis .area-gis-content .item-round.lv_2 {
  opacity: 0;
}
.cl-container.area-gis .area-gis-content .item-round >* {
  text-align: center;
  height: auto !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
.cl-container.area-gis .area-gis-content .item-round .title,
.cl-container.area-gis .area-gis-content .item-round .txt {
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 400;
}
.cl-container.area-gis .area-gis-content .item-round .title {
  width: auto !important;
  min-width: 50px;
}
.cl-container.area-gis .area-gis-content .item-round .txt {
  font-size: 2.2rem;
  font-weight: 600;
}
.cl-container.area-gis .area-gis-content .item-round .rate {
  /*position: absolute;
				    top: 50% !important;
				    left: 50% !important;
				    transform: translate(-50%, -50%);
			        margin-top: 24px;
	    			width: auto !important;*/
  color: #FFAFAF;
  font-size: 1.6rem;
  text-align: center;
}
.cl-container.area-gis .area-gis-content .item-round .item-ico {
  min-width: 20px;
}
.cl-container.area-gis .area-gis-content .item-round:focus,
.cl-container.area-gis .area-gis-content .item-round:hover {
  border: 4px solid #43E6DA;
  background: linear-gradient(45deg, rgba(14, 48, 38, 0.7), rgba(52, 74, 67, 0.7));
  z-index: 1;
}
.cl-container.area-gis .area-gis-content .item-round.lv_2 {
  /*background: rgba(33, 91, 165, 70%);
					
					&:focus,
					&:hover {
						border: 4px solid #5c91e3;
						background: linear-gradient(45deg,rgba(14, 34, 48, 70%), rgba(52, 57, 74, 70%));
						z-index: 1;
					}*/
}
.cl-container.area-gis .area-gis-content .item-round.size-xs {
  width: 90px !important;
  height: 90px !important;
}
.cl-container.area-gis .area-gis-content .item-round.size-s {
  width: 100px !important;
  height: 100px !important;
}
.cl-container.area-gis .area-gis-content .item-round.size-sm {
  width: 110px !important;
  height: 110px !important;
}
.cl-container.area-gis .area-gis-content .item-round.size-m {
  width: 120px !important;
  height: 120px !important;
}
.cl-container.area-gis .area-gis-content .item-round.size-ml {
  width: 130px !important;
  height: 130px !important;
}
.cl-container.area-gis .area-gis-content .item-round.size-l {
  width: 140px !important;
  height: 140px !important;
}
.cl-container.area-gis .area-gis-content .item-round.size-xl {
  width: 150px !important;
  height: 150px !important;
}
.cl-container.area-gis .area-gis-content .item-round.point-seoul {
  cursor: pointer;
  top: calc((80 / 1080) * 100vh) !important;
  left: calc((680 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content .item-round.point-kk {
  cursor: pointer;
  top: calc((170 / 1080) * 100vh) !important;
  left: calc((690 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content .item-round.point-kw {
  top: calc((130 / 1080) * 100vh) !important;
  left: calc((970 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content .item-round.point-dj {
  top: calc((320 / 1080) * 100vh) !important;
  left: calc((730 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content .item-round.point-dg {
  cursor: pointer;
  top: calc((440 / 1080) * 100vh) !important;
  left: calc((840 / 1760) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content .item-round.point-jn {
  top: calc((560 / 1080) * 100vh) !important;
  left: calc((700 / 1920) * 100vw) !important;
}
.cl-container.area-gis .area-gis-content .item-round.point-jj {
  top: calc((880 / 1080) * 100vh) !important;
  left: calc((630 / 1920) * 100vw) !important;
}
.cl-container.mobile_wrap .m_header {
  background: linear-gradient(to right, #25509B, #1A234D);
}
.cl-container.mobile_wrap .m_header .tit-header {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 600;
}
.cl-container.mobile_wrap .m_header .btn-home:hover,
.cl-container.mobile_wrap .m_header .btn-menu:hover,
.cl-container.mobile_wrap .m_header .btn-home:focus,
.cl-container.mobile_wrap .m_header .btn-menu:focus,
.cl-container.mobile_wrap .m_header .btn-home:active,
.cl-container.mobile_wrap .m_header .btn-menu:active {
  background-color: #0c2e54 !important;
  background-image: none !important;
}
.cl-container.mobile_wrap .m_aside {
  background: rgba(0, 0, 0, 0.5);
}
.cl-container.mobile_wrap .m_aside .btn-close {
  z-index: 1;
}
.cl-container.mobile_wrap .m_aside .menu_wrap {
  border: none;
  border-radius: 0;
  background: #ffffff;
}
.cl-container.mobile_wrap .m_aside .menu_wrap .title {
  padding: 12px;
}
.cl-container.mobile_wrap .m_aside .menu_wrap .btn-transparent {
  padding: 2px 10px !important;
}
.cl-container.mobile_wrap .m_aside .menu_wrap .btn-transparent .cl-text {
  padding: 4px 0px 0px 4px !important;
  color: #666666 !important;
}
.cl-container.mobile_wrap .m_aside .menu_wrap .btn-transparent.btn-infect .item-ico,
.cl-container.mobile_wrap .m_aside .menu_wrap .btn-transparent.btn-untact .item-ico {
  background-image: url("images/mobile/ico_hd_gnb.svg") !important;
  background-size: auto 100%;
  background-position: 0 0;
  filter: unset;
}
.cl-container.mobile_wrap .m_aside .menu_wrap .btn-transparent.btn-infect .item-ico {
  /*background-image: url('../images/mobile/ico_dims.svg') !important;
    					    background-size: auto 100%;*/
  background-position: -20px 0px;
}
.cl-container.mobile_wrap .m_aside .menu_wrap .btn-transparent.btn-untact .item-ico {
  /*background-image: url('../images/mobile/ico_dims.svg') !important;
    					    background-size: auto 100%;*/
  background-position: -40px 0px;
}
.cl-container.mobile_wrap .m_aside .menu_wrap .wrap_fix {
  margin: 0 12px;
  border: none;
  border-radius: 0;
  background: #f5f5f5;
  border-radius: 8px;
}
.cl-container.mobile_wrap .m_aside .menu_wrap .cl-sidenavigation {
  border-radius: 0;
  border: none;
}
.cl-container.mobile_wrap .m_container.mainpage {
  padding: 16px;
  /*overflow: visible !important;*/
}
.cl-container.mobile_wrap .m_container.mainpage .cl-layout,
.cl-container.mobile_wrap .m_container.mainpage .cl-control.cl-container {
  overflow-y: auto !important;
}
.cl-container.mobile_wrap .m_container.mainpage .btn_warp >.cl-layout >.cl-layout-content {
  display: flex;
  flex-direction: column;
}
.cl-container.mobile_wrap .m_container.mainpage .btn_warp >.cl-layout >.cl-layout-content >.cl-layout-wrap {
  min-height: calc(50% - 4px);
  height: 100% !important;
}
.cl-container.mobile_wrap .m_container.mainpage .btn_warp .btn-mainpage {
  font-size: 1.8rem;
  font-weight: 600;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #333;
  border-radius: 8px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.cl-container.mobile_wrap .m_container.mainpage .btn_warp .btn-mainpage:not(.cl-disabled):hover,
.cl-container.mobile_wrap .m_container.mainpage .btn_warp .btn-mainpage:focus,
.cl-container.mobile_wrap .m_container.mainpage .btn_warp .btn-mainpage.cl-focus {
  background-color: #ebebeb;
  border-color: #c9c9c9;
  color: #333;
}
.cl-container.mobile_wrap .m_container.mainpage .btn_warp .btn-mainpage:not(.cl-disabled).cl-activated,
.cl-container.mobile_wrap .m_container.mainpage .btn_warp .btn-mainpage:not(.cl-disabled):active {
  background-color: #fff;
  border-color: #e6e6e6;
  color: #4d4d4d;
  background-image: none !important;
}
.cl-container.mobile_wrap .m_container.mainpage .btn_warp .btn-mainpage.cl-disabled {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #aaa !important;
}
.cl-container.mobile_wrap .m_container.mainpage .btn_warp .btn-mainpage .cl-text-wrapper {
  flex-direction: column;
  gap: 12px;
}
.cl-container.mobile_wrap .m_container.mainpage .btn_warp .btn-mainpage .ico-main {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  font-size: 0;
  background: url("images/mobile/ico_dims.svg") no-repeat center;
  background-position: 0 0;
  background-size: 180px;
}
.cl-container.mobile_wrap .m_container.mainpage .btn_warp .btn-mainpage .title-main {
  font-size: 2rem;
  font-weight: 600;
}
.cl-container.mobile_wrap .m_container.mainpage .btn_warp .btn-mainpage .number-main {
  width: 32px;
  height: 32px;
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 32px;
  border-radius: 40px;
  background: #971111;
}
.cl-container.mobile_wrap .m_container.mainpage .btn_warp .btn-mainpage.btn-infect .ico-main {
  background-position-x: -60px;
}
.cl-container.mobile_wrap .m_container.mainpage .btn_warp .btn-mainpage.btn-untact .ico-main {
  background-position-x: -120px;
}
.cl-container.mobile_wrap .m_container.mainpage .btn-report {
  text-align: center;
}
.cl-container.mobile_wrap .m_container.mainpage .btn-report .title {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
}
.cl-container.mobile_wrap .m_container:has(.layout.login) {
  padding: 0;
}
.cl-container.mobile_wrap .layout.login {
  background: url("images/bg_login.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
.cl-container.mobile_wrap .layout.login:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background: #ffffff;
  /*background: linear-gradient(to right, #25509B, #1A234D);*/
}
.cl-container.mobile_wrap .layout.login > .cl-layout > .cl-layout-content > .cl-layout-wrap {
  display: flex !important;
  justify-content: center;
  height: 100% !important;
}
.cl-container.mobile_wrap .layout.login .area_login {
  align-self: center;
  background: unset;
}
.cl-container.mobile_wrap .layout.login .logo_wrap .cl-text {
  font-size: 2.8rem;
  word-break: keep-all;
  font-weight: 700;
}
.cl-container.mobile_wrap .layout.login .logo_wrap .eng .cl-text {
  font-size: 1.4rem;
}
.cl-container.mobile_wrap .layout.login .logo_wrap .logo img {
  max-width: 120px;
  width: 100%;
  height: auto;
}
.cl-container.mobile_wrap .layout.login .form_login .cl-inputbox {
  font-size: 1.6rem;
  background: unset;
  border: 1px solid #ddd;
}
.cl-container.mobile_wrap .layout.login .form_login .cl-inputbox.cl-focus {
  border-color: #1961B2;
  color: #1961B2;
}
.cl-container.mobile_wrap .layout.login .form_login .cl-output-label {
  color: #333333;
  font-weight: 600;
}
.cl-container.mobile_wrap .cl-grid .cl-text {
  font-size: 1.4rem;
}
.cl-control.scroll-wrap .cl-image {
  overflow: auto !important;
}
.cl-control.scroll-wrap .cl-image img {
  height: auto !important;
}
.cl-control.tree-wrap .arrow_wrap .arr_right,
.cl-control.tree-wrap .arrow_wrap .arr_left,
.cl-control.tree-wrap .arrow_wrap .arr_top,
.cl-control.tree-wrap .arrow_wrap .arr_bottom {
  height: auto;
}
.cl-control.tree-wrap .arrow_wrap .arr_right .cl-text,
.cl-control.tree-wrap .arrow_wrap .arr_left .cl-text,
.cl-control.tree-wrap .arrow_wrap .arr_top .cl-text,
.cl-control.tree-wrap .arrow_wrap .arr_bottom .cl-text {
  font-size: 0 !important;
}
.cl-control.tree-wrap .arrow_wrap .arr_right .cl-icon,
.cl-control.tree-wrap .arrow_wrap .arr_left .cl-icon,
.cl-control.tree-wrap .arrow_wrap .arr_top .cl-icon,
.cl-control.tree-wrap .arrow_wrap .arr_bottom .cl-icon {
  margin-left: -3px;
}
.cl-control.tree-wrap .arrow_wrap .arr_left .cl-icon {
  transform: rotate(-180deg);
}
.cl-control.tree-wrap .arrow_wrap .arr_top .cl-icon {
  transform: rotate(-90deg);
}
.cl-control.tree-wrap .arrow_wrap .arr_bottom .cl-icon {
  transform: rotate(90deg);
}
@media (max-width: 1280px) {
  .cl-control.tree-wrap .arrow_wrap .cl-control {
    width: 100% !important;
  }
  .cl-control.tree-wrap .arrow_wrap .cl-control .cl-layout-content {
    display: flex !important;
    justify-content: center;
    grid-template-columns: 0px 0px 84px 0px 0px 84px 0px 0px 0px 0px 0px 0px !important;
    gap: 8px;
    height: 32px !important;
  }
  .cl-control.tree-wrap .arrow_wrap .cl-control .cl-layout-content >div:not(.cl-button) {
    min-width: unset !important;
  }
  .cl-control.tree-wrap .arrow_wrap .cl-control .cl-layout-content .cl-button {
    width: 80px !important;
    height: 32px;
  }
  .cl-control.tree-wrap .arrow_wrap .cl-control .cl-layout-content .cl-button.arr_left .cl-icon {
    margin: 0;
    transform: rotate(-90deg);
  }
  .cl-control.tree-wrap .arrow_wrap .cl-control .cl-layout-content .cl-button.arr_right .cl-icon {
    margin: 0;
    transform: rotate(90deg);
  }
  .cl-control.tree-wrap:has(.arrow_wrap) >.cl-layout >.cl-layout-content {
    grid-template-rows: 0px 1fr 8px 8px 32px 8px 8px 1fr 0px !important;
  }
}
.cl-control.row-1-2 >.cl-layout >.cl-layout-content >.area-box {
  border-radius: 10px;
  border: 1px solid #ddd;
}
.cl-control.top_control {
  border-radius: 0 0 8px 8px;
}
.cl-control.top_control .btn-sitemap,
.cl-control.top_control .btn-bookmark,
.cl-control.top_control .btn-alert {
  border-radius: 0 0 8px 8px;
}
.cl-control.top_control .btn-sitemap .cl-text,
.cl-control.top_control .btn-bookmark .cl-text,
.cl-control.top_control .btn-alert .cl-text {
  color: #fff;
  font-weight: 600;
  text-align: center !important;
}
.cl-control.top_control .btn-sitemap .cl-icon,
.cl-control.top_control .btn-bookmark .cl-icon,
.cl-control.top_control .btn-alert .cl-icon {
  width: 24px;
  height: 24px;
  background-size: calc(24px * 10) auto !important;
}
.cl-control.top_control .btn-bookmark .cl-icon {
  background-position: calc(24px * -3) calc(24px * -8);
}
.cl-control.top_control .btn-alert .n_alert {
  position: relative;
  display: block;
  /*color: @co-txt-white;*/
  text-align: center;
  /*.cl-text {
					color: @co-txt-white !important;
				}*/
}
.cl-control.top_control .btn-alert .n_alert:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0;
  left: 0;
  display: block;
  min-width: 26px;
  min-height: 26px;
  background: #fff;
  border-radius: 60px;
  z-index: -1;
}
.cl-control.top_control .btn-alert .cl-icon {
  background-position: calc(24px * -2) calc(24px * -8);
}
.cl-control.top_control .item-ico.ico-alert {
  position: relative !important;
  display: inline-block !important;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  align-self: center;
  background-position: calc(24px * -6) calc(24px * -5);
  background-size: calc(24px * 10);
}
.maintab .cl-control.top_control {
  border-radius: 8px 8px 0 0;
  background: #fff;
}
.maintab .cl-control.top_control .btn-sitemap,
.maintab .cl-control.top_control .btn-bookmark,
.maintab .cl-control.top_control .btn-alert {
  color: #333;
  border-radius: 0;
}
.maintab .cl-control.top_control .btn-sitemap.btn-alert .cl-text,
.maintab .cl-control.top_control .btn-bookmark.btn-alert .cl-text,
.maintab .cl-control.top_control .btn-alert.btn-alert .cl-text {
  color: #333;
}
.maintab .cl-control.top_control .btn-sitemap:not(.cl-disabled):hover,
.maintab .cl-control.top_control .btn-bookmark:not(.cl-disabled):hover,
.maintab .cl-control.top_control .btn-alert:not(.cl-disabled):hover {
  background-color: #E2EFFF !important;
  background-image: none;
}
.maintab .cl-control.top_control .btn-sitemap:not(.cl-disabled).cl-activated,
.maintab .cl-control.top_control .btn-bookmark:not(.cl-disabled).cl-activated,
.maintab .cl-control.top_control .btn-alert:not(.cl-disabled).cl-activated,
.maintab .cl-control.top_control .btn-sitemap:not(.cl-disabled):active,
.maintab .cl-control.top_control .btn-bookmark:not(.cl-disabled):active,
.maintab .cl-control.top_control .btn-alert:not(.cl-disabled):active {
  background-color: #E2EFFF !important;
  background-image: none;
  background-image: none !important;
}
.maintab .cl-control.top_control .btn-alert.ani-alert .n_alert .cl-text {
  color: #ffffff;
  /* animation: txt 1s infinite;*/
}
.maintab .cl-control.top_control .btn-alert.ani-alert .n_alert:before {
  /*background: @co-del;
							border:1px solid @co-del;*/
  animation: blink 1s infinite;
}
@keyframes blink {
  0% {
    background: rgba(205, 0, 0, 0.4);
  }
  100% {
    background: rgba(205, 0, 0, 0.9);
  }
}
@keyframes txt {
  0% {
    color: #000000;
  }
  100% {
    color: #e1e1ff;
  }
}
.cl-control.floating-wrapper {
  height: auto !important;
  min-height: 320px;
  max-height: 400px !important;
  border: 2px solid #1961B2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 6px 6px 6px rgba(118, 118, 118, 0.16);
  overflow-y: auto !important;
}
.cl-control.floating-wrapper >.cl-layout {
  width: 100% !important;
  overflow-x: clip !important;
}
.cl-control.floating-wrapper >.cl-layout>.cl-layout-content,
.cl-control.floating-wrapper >.cl-layout>.cl-layout-content>.cl-layout-wrap {
  width: 100% !important;
}
@media (max-width: 1280px) {
  .cl-control.floating-wrapper {
    left: 24px;
  }
}
.maintab .cl-control.floating-wrapper {
  min-height: unset;
}
.step_wrap {
  position: relative;
  padding: 12px 0;
}
.step_wrap >.cl-layout {
  text-align: center;
}
.step_wrap >.cl-layout >.cl-layout-content {
  display: flex !important;
  width: 100% !important;
  gap: 0;
  justify-content: center;
}
.step_wrap .step_li {
  position: relative;
  display: inline-block !important;
  width: 24px;
  max-height: 24px;
  margin-left: 12px;
  border-radius: 110px;
  background: #cccccc;
  overflow: unset !important;
  aspect-ratio: 1;
}
.step_wrap .step_li:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  right: 100%;
  width: 12px;
  height: 2px;
  background: #cccccc;
  box-sizing: border-box;
}
.step_wrap .step_li .step-n {
  display: none;
  color: #999;
  font-size: 1.8rem;
  text-align: center;
}
.step_wrap .step_li .step-n.active {
  color: #fff;
  background: #1961B2;
}
.step_wrap .step_li:first-child {
  margin-left: 0;
}
.step_wrap .step_li:first-child:before {
  display: none;
}
.step_wrap .step_li.active {
  /*display: block !important;*/
  background: #1961B2;
}
.step_wrap .step_li.active:before {
  background: #1961B2;
}
.step_wrap .step_li.active .step-n {
  color: #fff;
}
.kc-dialog-title2 {
  cursor: default !important;
}
.seperate {
  width: 100%;
}
.seperate.co-main {
  background-color: #1961B2 !important;
}
.control_height {
  height: 100% !important;
}
.control_height .cl-layout-wrap:has(.cl-grid.tbl-list) {
  max-height: calc(100% - 26px - 32px - 36px - 24px);
  height: 100% !important;
  overflow-y: auto;
}
.area-mdi:has(.control_height) >.cl-layout,
.area-mdi:has(.control_height) >.cl-layout > .cl-layout-content {
  min-height: 100vh;
  height: 100% !important;
}
.area-mdi:has(.control_height) >.cl-layout .cl-first-row.cl-layout-wrap:has(.title-area) + .cl-last-row.cl-layout-wrap,
.area-mdi:has(.control_height) >.cl-layout > .cl-layout-content .cl-first-row.cl-layout-wrap:has(.title-area) + .cl-last-row.cl-layout-wrap {
  height: 100% !important;
  min-height: calc(100vh - 74px - 24px - 24px - 24px);
}
.area-mdi:has(.control_height) >.cl-layout .cl-first-row.cl-layout-wrap:has(.title-area) + .cl-layout-wrap,
.area-mdi:has(.control_height) >.cl-layout > .cl-layout-content .cl-first-row.cl-layout-wrap:has(.title-area) + .cl-layout-wrap {
  height: calc(100% - 22px - 8px - 32px - 32px - 20px) !important;
}
.area-mdi:has(.control_height) >.cl-layout .form_height .cl-grid-detail div[data-ndid="hz"],
.area-mdi:has(.control_height) >.cl-layout > .cl-layout-content .form_height .cl-grid-detail div[data-ndid="hz"] {
  height: 100%;
}
.area-mdi:has(.control_height) >.cl-layout .form_height .cl-grid-detail div[data-ndid="hz"] .cl-grid-cell-inherit,
.area-mdi:has(.control_height) >.cl-layout > .cl-layout-content .form_height .cl-grid-detail div[data-ndid="hz"] .cl-grid-cell-inherit {
  height: 100%;
}
.area-mdi:has(.control_height) >.cl-layout .cl-first-row.cl-layout-wrap:has(.search-box.tbl-search) + .cl-last-row.cl-layout-wrap,
.area-mdi:has(.control_height) >.cl-layout > .cl-layout-content .cl-first-row.cl-layout-wrap:has(.search-box.tbl-search) + .cl-last-row.cl-layout-wrap {
  height: 100% !important;
  max-height: calc(100% - 88px - 16px);
}
/*.cl-aside {
	&[data-ndid="bk"]{
		position: relative;
		z-index: 2 !important;
	}
}*/
/************************************************
 * 메세지 팝업
 ************************************************/
.cl-dialog.modal-msg .cl-dialog-header {
  background-color: transparent;
  padding: 20px 24px 0px 24px;
}
/* 피벗 도우미 패널 루트 */
.cl-container.pivot-panel {
  border: 1px solid #ddd;
  /* 피벗 도우미 헤더 스타일 */
  /* 피벗 도우미 바디 스타일 */
  /* 피벗 도우미 폼 레이아웃 구분선 스타일 */
  /* 피벗 도우미(세로) 스타일 */
}
.cl-container.pivot-panel .cl-container.pivot-helper-header {
  background-color: #fff;
  /* 피벗 도우미 헤더 내 버튼 스타일 (공통) */
  /* 자동 실행 체크박스 스타일 */
}
.cl-container.pivot-panel .cl-container.pivot-helper-header .cl-button {
  background-image: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  text-shadow: none;
  /* 피벗 도우미 헤더 내 버튼 호버 스타일 (공통) */
}
.cl-container.pivot-panel .cl-container.pivot-helper-header .cl-button .cl-icon {
  width: 20px;
  height: 20px;
}
.cl-container.pivot-panel .cl-container.pivot-helper-header .cl-button.btn-reset {
  padding: 0px;
  background-image: url("../thirdparty/ckeditor4/skins/moono-lisa/images/refresh.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}
.cl-container.pivot-panel .cl-container.pivot-helper-header .cl-button.btn-run {
  padding: 0px;
  background-image: url("images/ext/cmn/ic_chevrons_right.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}
.cl-container.pivot-panel .cl-container.pivot-helper-header .cl-button.btn-toggle {
  padding: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  /* 펼치기 */
  /* 접기 */
}
.cl-container.pivot-panel .cl-container.pivot-helper-header .cl-button.btn-toggle.expand {
  background-image: url("images/com/ic_plus.png");
}
.cl-container.pivot-panel .cl-container.pivot-helper-header .cl-button.btn-toggle.collapse {
  background-image: url("images/com/ic_minus.png");
}
.cl-container.pivot-panel .cl-container.pivot-helper-header .cl-checkbox.auto-update {
  padding: 0;
  vertical-align: top;
  /* 자동 실행 체크박스 아이콘 스타일 */
  /* 자동 실행 체크박스 텍스트 스타일 */
  /* 자동 실행 체크박스 호버 상태 스타일 */
  /* 자동 실행 체크박스 포커스 상태 스타일 */
}
.cl-container.pivot-panel .cl-container.pivot-helper-header .cl-checkbox.auto-update .cl-checkbox-icon {
  background-image: url("images/pivot/icon-progress-close-black.svg");
  background-size: 20px;
  width: 20px;
  min-width: 20px;
  min-height: 20px;
  margin: 0px;
}
.cl-container.pivot-panel .cl-container.pivot-helper-header .cl-checkbox.auto-update.cl-checked {
  /* 자동 실행 체크박스 체크 상태 아이콘 스타일 */
}
.cl-container.pivot-panel .cl-container.pivot-helper-header .cl-checkbox.auto-update.cl-checked .cl-checkbox-icon {
  background-image: url("images/pivot/icon-progress-check-black.svg");
}
.cl-container.pivot-panel .cl-container.pivot-helper-header .cl-checkbox.auto-update .cl-text {
  padding: 0;
}
.cl-container.pivot-panel .cl-container.pivot-helper-header .cl-checkbox.auto-update.cl-focus .cl-checkbox-icon {
  outline: none;
}
.cl-container.pivot-panel .cl-container.pivot-helper-body {
  /* 피벗 필드 타이틀 스타일 (공통) */
  /* 전체 필드 타이틀 스타일 */
  /* 컬럼 필드 타이틀 스타일 */
  /* 로우 필드 타이틀 스타일 */
  /* 값 필드 타이틀 스타일 */
  /* 필드 컨텐츠 영역 스타일 */
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-output {
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 3px center;
  padding-left: 21px;
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-output.list-field {
  background-image: url("images/pivot/icon-grid.svg");
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-output.column-field {
  background-image: url("images/pivot/icon-view-column.svg");
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-output.row-field {
  background-image: url("images/pivot/icon-view-sequential.svg");
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-output.value-field {
  background-image: url("images/pivot/icon-sigma.svg");
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content {
  /* 각 필드 스타일 */
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content .cl-button.field {
  background-repeat: no-repeat;
  background-position: 5px center;
  background-color: transparent;
  border: 1px solid #ddd;
  border-radius: 8px;
  color: #333;
  padding: 0px 5px;
  text-align: left;
  /* 전체 필드 스타일 */
  /* 컬럼과 로우 필드 스타일 */
  /* 값 필드 스타일 */
  /* 각 필드 호버 상태 스타일 */
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content .cl-button.field .cl-text {
  text-overflow: ellipsis;
  overflow: hidden;
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content .cl-button.field.column,
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content .cl-button.field.row {
  padding-left: 25px;
  /* 필드 오름차순 스타일 */
  /* 필드 내림차순 스타일 */
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content .cl-button.field.column.asc,
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content .cl-button.field.row.asc {
  background-image: url("images/pivot/field/arrow-down-circle.svg");
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content .cl-button.field.column.desc,
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content .cl-button.field.row.desc {
  background-image: url("images/pivot/field/arrow-up-circle.svg");
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content .cl-button.field.value {
  padding-left: 30px;
  /* 값 필드 합계 상태 스타일 */
  /* 값 필드 평균 상태 스타일 */
  /* 값 필드 개수 상태 스타일 */
  /* 값 필드 최솟값 상태 스타일 */
  /* 값 필드 최댓값 상태 스타일 */
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content .cl-button.field.value.sum {
  background-image: url("images/pivot/field/pv_sum.png");
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content .cl-button.field.value.avg {
  background-image: url("images/pivot/field/pv_avg.png");
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content .cl-button.field.value.count {
  background-image: url("images/pivot/field/pv_cnt.png");
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content .cl-button.field.value.min {
  background-image: url("images/pivot/field/pv_min.png");
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content .cl-button.field.value.max {
  background-image: url("images/pivot/field/pv_max.png");
}
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content .cl-button.field:not(.cl-disabled).cl-hover,
.cl-container.pivot-panel .cl-container.pivot-helper-body .cl-container.field-content .cl-button.field:not(.cl-disabled):hover {
  color: #1B7AB3;
}
.cl-container.pivot-panel .cl-formlayout-vertical-separator,
.cl-container.pivot-panel .cl-formlayout-horizontal-separator {
  background-color: #ddd;
}
.cl-container.pivot-panel.vertical {
  /* 피벗 도우미(세로) 구분선 스타일 */
}
.cl-container.pivot-panel.vertical .cl-formlayout-horizontal-separator.cl-nth-of-row-1,
.cl-container.pivot-panel.vertical .cl-formlayout-horizontal-separator.cl-nth-of-row-3,
.cl-container.pivot-panel.vertical .cl-formlayout-horizontal-separator.cl-nth-of-row-5,
.cl-container.pivot-panel.vertical .cl-formlayout-horizontal-separator.cl-nth-of-row-7 {
  background-color: transparent;
}
/* 
 * 20230104 added by shinhs95 (pivotGrid.module.js)
 * 피벗 그리드 관련 행 그룹 시, 그룹행에 대한 배경색 지정 및 그룹 접고 펼치기 영역 사이즈 조정
 */
.cl-grid.pivot .cl-grid-detail {
  /* 소계(rowGroup)으로 확인 시, 소계 영역 배경색 지정 */
}
.cl-grid.pivot .cl-grid-detail .cl-rowgroup-header {
  background-color: #f0f6ff;
  /* 소계(rowGroup)으로 확인 시, 그룹을 펼쳤을 때 텍스트의 너비 조정 */
}
.cl-grid.pivot .cl-grid-detail .cl-rowgroup-header .cl-grid-cell-inherit.cl-expander + .cl-grid-cell-inherit .cl-default-cell {
  table-layout: auto !important;
}
.cl-grid.pivot .cl-grid-detail .cl-grid-cell.rowGroup {
  background-color: #f0f6ff;
}
/* 모든 컨트롤에 적용될 기본 폰트 */
/* 기본 텍스트 색상 */
/* disable 상태를 나타내는 텍스트 색상 */
/* 기본 보더 색상 */
/* 포커스 보더 색상 */
/* Disable 상태의 보더 색상. */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 마우스 호버시의 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 마우스 호버시의 배경 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 선택된 경우 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템이 선택된 경우 배경 색상 */
/* 내부에 아이템을 갖는 컨트롤이 Disabled된 경우, 각 아이템에 선택된 경우 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 Disabled된 경우, 각 아이템이 선택된 경우 배경 색상 */
/************************************************
 * 반응형 그리드
 * dialogType 상세 버튼
 ************************************************/
.cl-button.btn-modile-detail {
  background-image: none;
  background-color: transparent;
  border: none;
}
.cl-button.btn-modile-detail .cl-icon {
  margin-right: 0px;
  background-image: url("images/controls/button/ic_btn_search.png") !important;
}
/************************************************
 * 반응형 그리드
 * Type 상세 버튼
 ************************************************/
.cl-container.table {
  background-color: white;
  border: 1px solid #d6d6d6;
  border-top-color: #555555;
  border-width: 1px 0px;
  border-radius: 0px;
}
.cl-container.table .cl-formlayout-row-shade.table-header {
  background-color: #F6FBFF;
}
.cl-container.table .cl-control.table-header-cell {
  text-align: center;
}
.cl-container.table .cl-container.table-row {
  border-top: 1px solid #eaeaea;
}
.cl-container.table .cl-container.table-row .cl-text {
  text-align: center;
}
.cl-container.table .cl-container.table-row .cl-button.btn-expander {
  background-color: transparent;
  border: none;
}
.cl-container.table .cl-container.table-row .cl-button.btn-expander:before {
  content: ">";
  display: block;
  position: absolute;
  color: #333333;
  left: calc(50% - 5px);
  top: calc(50% - 8px);
  width: 10px;
  height: 10px;
  text-align: center;
}
.cl-container.table .cl-container.table-row.selected {
  background-color: #D9E3F2;
}
.cl-container.table .cl-container.table-accordion-row {
  border-top: 1px solid #eaeaea;
}
.cl-container.table .cl-container.table-accordion-row .cl-output.title {
  font-size: 16px;
  font-weight: 600;
}
.cl-container.table .cl-container.table-accordion-row .cl-output.label {
  font-weight: 500;
}
.cl-container.table .cl-container.table-accordion-row .cl-output:not(.label):not(.title) {
  text-align: right;
  color: #999999;
}
.cl-container.table .cl-formlayout-horizontal-separator,
.cl-container.table .cl-formlayout-vertical-separator {
  background-color: #eaeaea;
}
/* 반응형 그리드 
 * massiveList 타입 행 스타일
 */
.cl-grid-row.cl-grid-listType:first-child {
  border-top: 1px solid #d6d6d6;
}
.cl-grid-row.cl-grid-listType {
  border-top: solid 2px #d6d6d6;
}
.cl-grid-row.cl-grid-listType .cl-grid-header {
  background: #f0f0f0;
  border-bottom: solid 1px #d6d6d6;
  border-right: solid 1px #d6d6d6;
}
.cl-grid-row.cl-grid-listType .cl-grid-header .cl-text {
  color: #222;
}
/************************************************
 * 수정불가
 ************************************************/
.cl-inputbox.no-status,
.cl-searchinput.no-status,
.cl-maskeditor.no-status,
.cl-fileinput.no-status,
.cl-numbereditor.no-status,
.cl-dateinput.no-status,
.cl-textarea.no-status,
.cl-combobox.no-status {
  background-color: transparent;
  border: none !important;
  text-align: center !important;
  color: #333 !important;
}
.cl-inputbox.cl-readonly,
.cl-searchinput.cl-readonly,
.cl-maskeditor.cl-readonly,
.cl-fileinput.cl-readonly,
.cl-numbereditor.cl-readonly,
.cl-dateinput.cl-readonly,
.cl-textarea.cl-readonly,
.cl-combobox.cl-readonly {
  background-color: #f8f8f8;
}
.cl-checkbox.cl-readonly:hover .cl-checkbox-icon,
.cl-checkbox.cl-readonly.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox.png");
}
.cl-checkbox.cl-readonly.cl-checked:hover .cl-checkbox-icon,
.cl-checkbox.cl-readonly.cl-checked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_on.png");
}
.cl-checkboxgroup.cl-readonly .cl-checkbox:hover .cl-checkbox-icon,
.cl-checkboxgroup.cl-readonly .cl-checkbox.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox.png");
}
.cl-checkboxgroup.cl-readonly .cl-checkbox.cl-checked:hover .cl-checkbox-icon,
.cl-checkboxgroup.cl-readonly .cl-checkbox.cl-checked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_on.png");
}
.cl-radiobutton.cl-readonly .cl-radiobutton-item:hover .cl-radiobutton-icon,
.cl-radiobutton.cl-readonly .cl-radiobutton-item.cl-hover .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/ic_radio.png");
}
.cl-radiobutton.cl-readonly .cl-radiobutton-item.cl-selected:hover .cl-radiobutton-icon,
.cl-radiobutton.cl-readonly .cl-radiobutton-item.cl-selected.cl-hover .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/ic_radio_on.png");
}
/************************************************
 * 필수입력
 ************************************************/
.cl-inputbox.require,
.cl-searchinput.require,
.cl-maskeditor.require,
.cl-numbereditor.require,
.cl-dateinput.require,
.cl-textarea.require,
.cl-combobox.require {
  background: url("images/controls/inputbox/ic_require.png") no-repeat 2px 2px;
}
.cl-fileinput.require {
  background: url("images/controls/inputbox/ic_require.png") no-repeat 2px 2px, url("images/controls/inputbox/ic_file.png") no-repeat calc(100% - 8px) center !important;
}
.cl-fileinput.require.cl-foucs {
  background: url("images/controls/inputbox/ic_require.png") no-repeat 2px 2px/auto, url("images/controls/inputbox/ic_file_on.png") no-repeat calc(100% - 8px) center !important;
}
.cl-grid .cl-grid-cell .cl-inputbox.require,
.cl-grid .cl-grid-cell .cl-maskeditor.require,
.cl-grid .cl-grid-cell .cl-numbereditor.require,
.cl-grid .cl-grid-cell .cl-dateinput.require,
.cl-grid .cl-grid-cell .cl-searchinput.require,
.cl-grid .cl-grid-cell .cl-fileinput.require,
.cl-grid .cl-grid-cell .cl-textarea.require,
.cl-grid .cl-grid-cell .cl-combobox.require {
  background: url("images/controls/inputbox/ic_require.png") no-repeat 2px 2px;
}
.cl-checkbox.require .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_e.png");
}
.cl-checkbox.require.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_e_on.png");
}
.cl-checkboxgroup.require .cl-checkbox .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_e.png");
}
.cl-checkboxgroup.require .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_e_on.png");
}
.cl-radiobutton.require .cl-radiobutton-item .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/ic_radio_e.png");
}
.cl-radiobutton.require .cl-radiobutton-item.cl-selected .cl-radiobutton-icon {
  background-image: url("images/controls/radiobutton/ic_radio_e_on.png");
}
/************************************************
 * Depth 2 탭 폴더
 ************************************************/
.cl-tabfolder.subtab .cl-tabfolder-header {
  height: 20px;
}
.cl-tabfolder.subtab .cl-tabfolder-header .cl-empty-area {
  border-bottom: none;
}
.cl-tabfolder.subtab .cl-tabfolder-header .cl-tabfolder-item {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0px 12px;
}
.cl-tabfolder.subtab .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: transparent;
  color: #333;
}
.cl-tabfolder.subtab .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  color: #1B7AB3;
}
.cl-tabfolder.subtab .cl-tabfolder-header .cl-tabfolder-item:not(.cl-first) {
  background-image: linear-gradient(#ddd, #ddd);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1px 12px;
}
/************************************************
 * 그리드 유틸
 ************************************************/
.cl-grid .cl-grid-header .cl-grid-cell .cl-text {
  text-overflow: initial;
  white-space: pre-line;
  word-break: break-all;
  line-height: 1.2;
  word-break: keep-all;
}
.cl-grid .cl-grid-header .cl-grid-cell.require:before {
  content: "*";
  position: absolute;
  color: #ff2a2a;
  left: 4px;
}
.cl-grid .cl-grid-header .cl-grid-cell .cl-sortable-cell {
  padding-left: 14px;
}
.cl-grid .cl-grid-header .cl-grid-cell .cl-filter + .cl-sortable-cell {
  padding-left: 30px;
}
.cl-grid .cl-grid-detail .cl-grid-row {
  /*&:has(.cell-thead){
				&:hover,
				&.cl-hover {
					/*background-color: @table-row-hover-background-color;
					color: @table-row-hover-text-color;
					
					.cl-grid-cell.cell-thead {
						background-color:@co-bg-main-light !important;
					}
				}*/
  /*&.cl-selected, &.cl-editing {
					
					&:hover, 
					&.cl-hover {
						background-color: @table-row-selected-background-color;
						color: @table-row-selected-text-color;
					}
					.cl-grid-cell.cell-thead {
						// background-color:@co-bg-main-light !important;
					}
				}
			}*/
}
.cl-grid .cl-grid-detail .cl-grid-row:hover:not(.cl-grid .cl-grid-detail .cl-grid-row.cl-selected),
.cl-grid .cl-grid-detail .cl-grid-row.cl-hover:not(.cl-grid .cl-grid-detail .cl-grid-row.cl-selected) {
  background-color: rgba(235, 231, 249, 0.8);
  color: #333;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-selected,
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing {
  /*&:hover, 
				&.cl-hover {
					background-color: @table-row-selected-background-color;
					color: @table-row-selected-text-color;
				}*/
}
.cl-grid .cl-grid-detail .cl-default-cell .cl-text {
  padding: 0px 10px;
  white-space: nowrap;
  color: inherit !important;
}
.cl-grid .cl-grid-detail .cl-grid-cell:not(.cl-border-none) .cl-inputbox,
.cl-grid .cl-grid-detail .cl-grid-cell:not(.cl-border-none) .cl-maskeditor,
.cl-grid .cl-grid-detail .cl-grid-cell:not(.cl-border-none) .cl-numbereditor,
.cl-grid .cl-grid-detail .cl-grid-cell:not(.cl-border-none) .cl-dateinput,
.cl-grid .cl-grid-detail .cl-grid-cell:not(.cl-border-none) .cl-combobox,
.cl-grid .cl-grid-detail .cl-grid-cell:not(.cl-border-none) cl-textarea {
  background-color: #fff;
}
.cl-grid .cl-grid-detail .cl-grid-cell:not(.cl-border-none) .cl-searchinput {
  background-color: transparent !important;
}
.cl-grid .cl-grid-detail .cl-grid-cell > :not(.cl-embeddedapp).cl-control.cl-output .cl-text {
  padding: 0px 10px;
}
.cl-grid .cl-grid-detail .cl-grid-cell.txt-elli .cl-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cl-grid .cl-grid-detail .cl-grid-cell .ws-nowrap .cl-text {
  white-space: nowrap;
}
.cl-grid .cl-grid-footer {
  border-bottom: 1px solid #dddddd;
}
.cl-grid .cl-grid-footer .cl-grid-cell.sub-footer {
  background-color: #b6cced;
}
.cl-grid.tbl-list,
.cl-grid.tbl-data,
.cl-grid.tbl-edit {
  /*min-height:unset !important;*/
  border: none;
  border-top: 2px solid #1961B2;
  background-color: #f9f9f9;
  /*.cl-grid-row {
			&:last-child {
				.cl-grid-cell {
				    border-bottom: 1px solid #ddd;
				}
			}
		}*/
}
.cl-grid.tbl-list >div,
.cl-grid.tbl-data >div,
.cl-grid.tbl-edit >div {
  min-height: unset !important;
}
.cl-grid.tbl-list .cl-grid-header,
.cl-grid.tbl-data .cl-grid-header,
.cl-grid.tbl-edit .cl-grid-header {
  background: #E2EFFF;
}
.cl-grid.tbl-list .cl-grid-header .cl-text,
.cl-grid.tbl-data .cl-grid-header .cl-text,
.cl-grid.tbl-edit .cl-grid-header .cl-text {
  font-weight: 500;
}
.cl-grid.tbl-list .cl-grid-row.cl-selected .cl-grid-cell .cl-treecell,
.cl-grid.tbl-data .cl-grid-row.cl-selected .cl-grid-cell .cl-treecell,
.cl-grid.tbl-edit .cl-grid-row.cl-selected .cl-grid-cell .cl-treecell {
  color: #fff;
}
.cl-grid.tbl-list .cl-grid-cell .cl-inputbox,
.cl-grid.tbl-data .cl-grid-cell .cl-inputbox,
.cl-grid.tbl-edit .cl-grid-cell .cl-inputbox,
.cl-grid.tbl-list .cl-grid-cell .cl-searchinput,
.cl-grid.tbl-data .cl-grid-cell .cl-searchinput,
.cl-grid.tbl-edit .cl-grid-cell .cl-searchinput,
.cl-grid.tbl-list .cl-grid-cell .cl-maskeditor,
.cl-grid.tbl-data .cl-grid-cell .cl-maskeditor,
.cl-grid.tbl-edit .cl-grid-cell .cl-maskeditor,
.cl-grid.tbl-list .cl-grid-cell .cl-numbereditor,
.cl-grid.tbl-data .cl-grid-cell .cl-numbereditor,
.cl-grid.tbl-edit .cl-grid-cell .cl-numbereditor,
.cl-grid.tbl-list .cl-grid-cell .cl-dateinput,
.cl-grid.tbl-data .cl-grid-cell .cl-dateinput,
.cl-grid.tbl-edit .cl-grid-cell .cl-dateinput,
.cl-grid.tbl-list .cl-grid-cell .cl-combobox,
.cl-grid.tbl-data .cl-grid-cell .cl-combobox,
.cl-grid.tbl-edit .cl-grid-cell .cl-combobox,
.cl-grid.tbl-list .cl-grid-cell .cl-textarea,
.cl-grid.tbl-data .cl-grid-cell .cl-textarea,
.cl-grid.tbl-edit .cl-grid-cell .cl-textarea {
  /*				top: 50% !important;
		    	transform: translateY(-50%) !important;
				height: calc(100% - 6px - 6px) !important;*/
}
.cl-grid.tbl-list.form-edit .cell-thead,
.cl-grid.tbl-data.form-edit .cell-thead,
.cl-grid.tbl-edit.form-edit .cell-thead {
  background: #E2EFFF;
  /*&:before {
					content: "";
					position: absolute;
					left: 0;
					right: 0;
					bottom: 0;
					top: 0;
					width:100%;
					height:100%;
					display: none;
					background:@co-bg-main-light;
					z-index: 999;
				}*/
}
.cl-grid.tbl-list.form-edit .cell-thead .cl-text,
.cl-grid.tbl-data.form-edit .cell-thead .cl-text,
.cl-grid.tbl-edit.form-edit .cell-thead .cl-text {
  padding: 0 4px !important;
  color: #333 !important;
  font-weight: 500;
}
.cl-grid.tbl-list.form-edit.cl-selected,
.cl-grid.tbl-data.form-edit.cl-selected,
.cl-grid.tbl-edit.form-edit.cl-selected {
  color: #333;
  background: #E2EFFF;
}
.cl-grid.tbl-list.form-edit.cl-selected .cell-thead .cl-text,
.cl-grid.tbl-data.form-edit.cl-selected .cell-thead .cl-text,
.cl-grid.tbl-edit.form-edit.cl-selected .cell-thead .cl-text {
  color: #333;
}
.cl-grid.tbl-list.form-edit.cl-selected .cell-thead:before,
.cl-grid.tbl-data.form-edit.cl-selected .cell-thead:before,
.cl-grid.tbl-edit.form-edit.cl-selected .cell-thead:before {
  display: block;
  z-index: 999;
}
.cl-grid.tbl-list.form-edit.collapsed .cl-output.label .cl-text,
.cl-grid.tbl-data.form-edit.collapsed .cl-output.label .cl-text,
.cl-grid.tbl-edit.form-edit.collapsed .cl-output.label .cl-text {
  text-align: left;
}
.cl-grid.tbl-edit .cl-grid-detail .cl-grid-row:hover,
.cl-grid.tbl-data .cl-grid-detail .cl-grid-row:hover,
.cl-grid.tbl-edit .cl-grid-detail .cl-grid-row.cl-selected:hover,
.cl-grid.tbl-data .cl-grid-detail .cl-grid-row.cl-selected:hover,
.cl-grid.tbl-edit .cl-grid-detail .cl-grid-row.cl-hover,
.cl-grid.tbl-data .cl-grid-detail .cl-grid-row.cl-hover,
.cl-grid.tbl-edit .cl-grid-detail .cl-grid-row.cl-selected.cl-hover,
.cl-grid.tbl-data .cl-grid-detail .cl-grid-row.cl-selected.cl-hover,
.cl-grid.tbl-edit .cl-grid-detail .cl-grid-row.cl-editing,
.cl-grid.tbl-data .cl-grid-detail .cl-grid-row.cl-editing,
.cl-grid.tbl-edit .cl-grid-detail .cl-grid-row.cl-selected.cl-editing,
.cl-grid.tbl-data .cl-grid-detail .cl-grid-row.cl-selected.cl-editing,
.cl-grid.tbl-edit .cl-grid-detail .cl-grid-row.cl-editing.cl-hover,
.cl-grid.tbl-data .cl-grid-detail .cl-grid-row.cl-editing.cl-hover,
.cl-grid.tbl-edit .cl-grid-detail .cl-grid-row.cl-selected.cl-editing.cl-hover,
.cl-grid.tbl-data .cl-grid-detail .cl-grid-row.cl-selected.cl-editing.cl-hover,
.cl-grid.tbl-edit .cl-grid-detail .cl-grid-row.cl-selected,
.cl-grid.tbl-data .cl-grid-detail .cl-grid-row.cl-selected,
.cl-grid.tbl-edit .cl-grid-detail .cl-grid-row.cl-selected.cl-selected,
.cl-grid.tbl-data .cl-grid-detail .cl-grid-row.cl-selected.cl-selected {
  background-color: transparent !important;
  color: #333 !important;
  /* 포커스 셀 */
}
.cl-grid.tbl-edit .cl-grid-row,
.cl-grid.tbl-data .cl-grid-row {
  /*&:hover,
			&.cl-hover,
			&cl-editing
			&.cl-selected {
			  background-color: @transparent;
			  color: @table-text-color;
			  /* 포커스 셀 */
  /*}*/
}
.cl-grid.tbl-edit .cl-grid-row >.cl-grid-cell >.cl-default-cell >.cl-text,
.cl-grid.tbl-data .cl-grid-row >.cl-grid-cell >.cl-default-cell >.cl-text {
  color: #333;
}
.cl-grid.tbl-edit .cl-grid-row:hover,
.cl-grid.tbl-data .cl-grid-row:hover,
.cl-grid.tbl-edit .cl-grid-row.cl-hover,
.cl-grid.tbl-data .cl-grid-row.cl-hover,
.cl-grid.tbl-edit .cl-grid-row.cl-editing .cl-grid.tbl-edit .cl-grid-row.cl-selected,
.cl-grid.tbl-edit .cl-grid-row.cl-editing .cl-grid.tbl-data .cl-grid-row.cl-selected,
.cl-grid.tbl-data .cl-grid-row.cl-editing .cl-grid.tbl-edit .cl-grid-row.cl-selected,
.cl-grid.tbl-data .cl-grid-row.cl-editing .cl-grid.tbl-data .cl-grid-row.cl-selected {
  background-color: transparent !important;
  color: #333 !important;
  /* 포커스 셀 */
}
.cl-grid.tbl-edit .cl-layout-content .cl-control .cl-output,
.cl-grid.tbl-data .cl-layout-content .cl-control .cl-output {
  text-align: left;
}
.cl-grid-row {
  background-color: #ffffff;
}
.cl-grid-header .cl-grid-row {
  background-color: #E2EFFF;
}
.cl-control.tbl-edit >.cl-layout >.cl-layout-content > .cl-control {
  padding: 4px 8px;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}
.cl-control.tbl-edit >.cl-layout >.cl-layout-content > .cl-control.cl-output:nth-child(odd) {
  border-right: 1px solid #ddd;
}
.cl-control.tbl-edit .cl-grid-cell .cl-inputbox,
.cl-control.tbl-edit .cl-grid-cell .cl-searchinput,
.cl-control.tbl-edit .cl-grid-cell .cl-maskeditor,
.cl-control.tbl-edit .cl-grid-cell .cl-numbereditor,
.cl-control.tbl-edit .cl-grid-cell .cl-dateinput,
.cl-control.tbl-edit .cl-grid-cell .cl-combobox,
.cl-control.tbl-edit .cl-grid-cell .cl-textarea {
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: calc(100% - 4px - 4px) !important;
}
.cl-control.tbl-edit.n_bd_top {
  border-top: none !important;
}
.cl-control.table.responsive .cl-output {
  text-align: left !important;
}
.cl-control .list-main {
  padding: 12px 0;
  border-top: 2px solid #2269E3;
}
.cl-control .list-main .box-main {
  /*border-bottom : 1px solid @co-border-tbl;*/
}
/************************************************
 * 그리드 상태
 ************************************************/
.cl-output.state {
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.cl-output.state.insert {
  background-image: url("images/controls/grid/ic_insert.png") !important;
}
.cl-output.state.update {
  background-image: url("images/controls/grid/ic_update.png") !important;
}
.cl-output.state.delete {
  background-image: url("images/controls/grid/ic_delete.png") !important;
}
.cl-container.table-utils {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  border-top: none;
}
/************************************************
 * 그리드 호버
 ************************************************/
.cl-grid.table-hoverable .cl-grid-detail .cl-grid-row:hover,
.cl-grid.table-hoverable .cl-grid-detail .cl-grid-row.cl-hover {
  background-color: rgba(235, 231, 249, 0.8);
  color: #333;
}
/************************************************
 * 그리드 보더없음
 ************************************************/
.cl-grid.table-borderless .cl-grid-header .cl-grid-cell,
.cl-grid.table-borderless .cl-grid-detail .cl-grid-cell {
  border: none;
}
/************************************************
 * 그리드 짝수행
 ************************************************/
.cl-grid.table-striped .cl-grid-detail .cl-grid-row.cl-even-row .cl-grid-cell {
  background-color: #f8f8f8;
  color: #333;
}
/************************************************
 * 그리드 자동 높이 (폼/버티컬 레이아웃)
 ************************************************/
.cl-grid.table-at {
  border-bottom: none;
}
/************************************************
 * 강조 셀
 ************************************************/
.highlight-cell-01 {
  background-color: #f8f8f8;
}
.highlight-cell-02 {
  background-color: #fff5f5;
}
.highlight-cell-03 {
  background-color: #fffbd8;
}
.highlight-cell-04 {
  background-color: #f2fffb;
}
.highlight-cell-05 {
  background-color: #f7faff;
}
.highlight-cell-06 {
  background-color: #f7f1fb;
}
.cell_layout {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
}
.cell_layout > .cl-button {
  padding: 0 4px;
  transform: unset;
}
.cl-grid-cell.label.require:before {
  display: none !important;
}
.cl-grid-cell.label.require .cl-text {
  /*display: inline-block !important;
	    		line-height: 45px;*/
}
.cl-grid-cell.label.require .cl-text:before {
  content: "*";
  color: #ff2a2a;
  font-size: 12px;
  top: 3px;
  margin: 0 2px 0 0;
  vertical-align: super;
}
/* 콤보 박스 리스트 박스 */
.cl-linkedcombobox-list .cl-linkedcombobox-item {
  /* 콤보 박스 아이템 드릴다운 아이콘 */
}
.cl-linkedcombobox-list .cl-linkedcombobox-item .cl-linkedcombobox-arrow.cl-folder {
  background-image: url("images/btn-ico.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 240px !important;
  background-position: calc(24px * -8) calc(24px * -1) !important;
  filter: brightness(0) saturate(100%) invert(71%) sepia(97%) saturate(0%) hue-rotate(173deg) brightness(91%) contrast(83%);
  width: 18px;
}
.cl-linkedcombobox .cl-linkedcombobox-combo {
  width: 100%;
}
/* 다이얼로그 루트 */
.cl-dialog {
  max-width: 100%;
}
/************************************************
 * 캡션
 ************************************************/
.fw-l {
  font-weight: 300 !important;
}
.fw-l .cl-text {
  font-weight: 300 !important;
}
.fw-b {
  font-weight: 700 !important;
}
.fw-b .cl-text {
  font-weight: 700 !important;
}
.fw-sb {
  font-weight: 600 !important;
}
.fw-sb .cl-text {
  font-weight: 600 !important;
}
.tdc-ul {
  text-decoration: underline;
}
.tdc-ul .cl-text {
  text-decoration: underline;
}
.ta-l {
  text-align: left !important;
}
.ta-l .cl-text {
  text-align: left !important;
}
.ta-c {
  text-align: center !important;
}
.ta-c .cl-text {
  text-align: center !important;
}
.ta-r {
  text-align: right !important;
}
.ta-r .cl-text {
  text-align: right !important;
}
/************************************************
 * 캡션
 ************************************************/
.cl-output.caption {
  font-size: 13px;
  color: #999;
}
.cl-grid .cl-grid-cell .cl-output.caption {
  font-size: 13px;
  color: #999;
}
/************************************************
 * 
 ************************************************/
.cl-output {
  line-height: 1.2;
}
.cl-output.txt-main {
  position: relative;
  padding-left: 28px;
  color: #0A2D58;
  font-size: 2rem;
  font-weight: 600;
}
.cl-output.txt-main:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  background: url("images/img-tit-page.svg") no-repeat;
  background-size: cover;
}
.cl-output.txt-main.type_01 {
  display: inline-block;
  padding: 0 10px;
  color: #fff;
  font-size: 17px;
  text-align: center;
  background: #1961B2;
  border-radius: 4px;
}
.cl-output.txt-main.type_01:before {
  display: none;
}
.cl-output.txt-main-sub {
  position: relative !important;
  color: #333;
  font-size: 17px;
  font-weight: 500;
  border-radius: 4px;
  background: #EDF1EA;
}
.cl-output.txt-main-sub.ico-res {
  padding-left: 36px !important;
}
.cl-output.txt-main-sub.ico-res:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("images/ico-res.svg") no-repeat 50%;
  background-size: auto;
  background-position: 0 0;
}
.cl-output.txt-main-sub.ico-res.type-medic:before {
  background-position-x: calc(0 * -24px);
}
.cl-output.txt-main-sub.ico-res.type-sickbed:before {
  background-position-x: calc(1 * -24px);
}
.cl-output.txt-main-sub.ico-res.type-pres:before {
  background-position-x: calc(2 * -24px);
}
.cl-output.txt-main-sub.ico-res.type-isol:before {
  background-position-x: calc(3 * -24px);
}
.cl-output.txt-main-sub.ico-res.type-vaccine:before {
  background-position-x: calc(4 * -24px);
}
.cl-output.title {
  position: relative;
  color: #333;
  font-size: 16px;
}
.cl-output.title.ico-camp {
  padding-left: 24px !important;
}
.cl-output.title.ico-camp:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("images/ico-camp.svg") no-repeat center;
  background-size: auto;
  background-position: 0 0;
}
.cl-output.title.ico-camp.camp_06:before {
  background-position: 0 0;
}
.cl-output.title.ico-camp.camp_76 {
  background-position: calc(-20px * 1) 0;
}
.cl-output.title.ico-camp.camp_56:before {
  background-position: calc(-20px * 2) 0;
}
.cl-output.title.ico-camp.camp_17:before {
  background-position: calc(-20px * 3) 0;
}
.cl-output.title.ico-camp.camp_1:before {
  background-position: calc(-20px * 4) 0;
}
.cl-output.title.ico-camp.camp_36:before {
  background-position: calc(-20px * 5) 0;
}
.cl-output.title.ico-camp.camp_32:before {
  background-position: calc(-20px * 6) 0;
}
.cl-output.title.ico-camp.camp_35:before {
  background-position: calc(-20px * 7) 0;
}
.cl-output.title.ico-camp.camp_31:before {
  background-position: calc(-20px * 8) 0;
}
.cl-output.title.ico-camp.camp_50:before {
  background-position: calc(-20px * 9) 0;
}
.cl-output.title.ico-camp.camp_39:before {
  background-position: calc(-20px * 0) -20px;
}
.cl-output.title.ico-camp.camp_53:before {
  background-position: calc(-20px * 1) -20px;
}
.cl-output.title.ico-camp.camp_30:before {
  background-position: calc(-20px * 2) -20px;
}
.cl-output.tit-sub {
  position: relative;
  padding-left: 28px;
  color: #0A2D58;
  font-size: 1.8rem;
  font-weight: 600;
}
.cl-output.tit-sub:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("images/img-tit-sub.svg") no-repeat 50%;
  background-size: auto;
  background-position: 0 0;
}
.cl-output.tit-area {
  position: relative;
  color: #0A2D58;
  font-size: 1.8rem;
  font-weight: 600;
}
.cl-output.tit-page {
  color: #0A2D58;
  font-weight: 600;
}
.title-area .cl-button.btn-ico {
  align-self: center;
  outline: 2px solid transparent;
  border: none;
  background-color: transparent;
  outline: none !important;
  transition: outline 0.4s, background 0.4s;
}
.title-area .cl-button.btn-ico:hover {
  outline: none !important;
  background-color: #E2EFFF !important;
  background-image: none !important;
}
.title-area .cl-button.btn-ico .cl-icon {
  width: 24px;
  height: 24px;
  filter: brightness(0) saturate(100%) invert(39%) sepia(4%) saturate(11%) hue-rotate(314deg) brightness(99%) contrast(92%);
}
.title-area .cl-button.btn-ico.btn-setting .cl-icon {
  background-size: 240px;
  background-position: calc(24px * -3) calc(24px * -5);
}
.title-area .cl-button.btn-ico.btn-excel .cl-icon {
  background-size: 240px;
  background-position: calc(24px * -7) calc(24px * -9);
}
.cl-control.tit-page * {
  color: #0A2D58;
  font-size: 2rem !important;
  font-weight: 600;
}
.cl-container.pb-breadcrumbs {
  border-bottom: none !important;
}
.cl-container.pb-breadcrumbs .cl-output.home {
  position: relative;
  display: inline-block;
  padding-left: 22px;
}
.cl-container.pb-breadcrumbs .cl-output.home:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 20px;
  height: 20px;
  background: url("images/btn-ico.svg") no-repeat;
  background-size: 200px;
  background-position: -80px -40px;
}
.cl-container.pb-breadcrumbs .cl-output.tit-page {
  position: relative;
  padding-left: 28px;
  color: #0A2D58;
  font-size: 24px !important;
  font-weight: 600 !important;
}
.cl-container.pb-breadcrumbs .cl-output.tit-page:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  background: url("images/img-tit-page.svg") no-repeat;
  background-size: cover;
}
.cl-container.pb-breadcrumbs .tit-wrap .cl-layout-content .cl-button.btn-bookmark {
  align-self: center;
  outline: 2px solid transparent;
  border: none;
  background-color: transparent;
  outline: none !important;
  transition: outline 0.4s, background 0.4s;
}
.cl-container.pb-breadcrumbs .tit-wrap .cl-layout-content .cl-button.btn-bookmark:hover {
  outline: none !important;
  background-color: #E2EFFF !important;
  background-image: none !important;
}
.cl-container.pb-breadcrumbs .tit-wrap .cl-layout-content .cl-button.btn-bookmark .cl-icon.item-ico {
  width: 24px;
  height: 24px;
  background-position: calc(24px * -3) calc(24px * -8) !important;
  background-size: 240px !important;
  filter: brightness(0) saturate(100%) invert(39%) sepia(4%) saturate(11%) hue-rotate(314deg) brightness(99%) contrast(92%);
}
.cl-container.pb-breadcrumbs .tit-wrap .cl-layout-content .cl-button.btn-bookmark.on .cl-icon {
  filter: brightness(0) invert(79%) sepia(17%) saturate(1471%) hue-rotate(341deg) brightness(101%) contrast(101%);
}
.cl-container.pb-breadcrumbs .tit-wrap .cl-layout-content .cl-button.btn-bookmark.on:hover {
  background-color: #E2EFFF !important;
}
.cl-container.pb-breadcrumbs .tit-wrap .btn-more.btn-transparent {
  border: 1px solid #ccc;
  border-radius: 40px;
}
.cl-container.txt-index {
  padding: 4px 8px;
  color: #1961B2;
  font-size: 16px;
  font-weight: 600;
  background: #E2EFFF;
  border-radius: 8px;
}
.cl-container.txt-index .label,
.cl-container.txt-index .number,
.cl-container.txt-index .unit {
  color: #1961B2;
  font-weight: 600;
}
.cl-container.txt-index .number {
  font-size: 20px;
}
.cl-container.txt-index .unit {
  font-size: 16px;
}
.txt_elli_1 .cl-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info_box {
  padding: 12px;
  background-color: #f8f8ff;
  border-radius: 8px;
}
.info_box .title {
  position: relative;
  padding-left: 10px;
  font-weight: 600 !important;
}
.info_box .title::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 3px;
  height: 3px;
  background: #333333;
  border-radius: 40px;
  box-sizing: border-box;
}
.info_box .txt {
  position: relative;
  padding-left: 24px;
}
.info_box .txt::before {
  display: none;
}
.cl-radiobutton .cl-radiobutton-item .radio-image {
  display: block;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}