/* 
 * Define Custom Sheets
 * Template Name : EXBSP
 * Author : Da-eun Ryu
 * File : less
 */
/************************************************
 * 공통 스타일 시트
 ************************************************/
/* 
 * Define Custom variables
 * Template Name : EXBSP
 * Author : Da-eun Ryu
 * File : less
 */
/************************************************
 * 컬러 시스템
 ************************************************/
/************************************************
 * 바디
 ************************************************/
/************************************************
 * 폰트
 ************************************************/
/************************************************
 * 컴포넌트(컨트롤)
 ************************************************/
/************************************************
 * 컴포넌트(인풋 계열)
 ************************************************/
/************************************************
 * 컴포넌트(셀렉션 계열)
 ************************************************/
/************************************************
 * 버튼
 ************************************************/
/************************************************
 * 폼
 ************************************************/
/************************************************
 * 테이블(그리드)
 ************************************************/
/************************************************
 * 탭
 ************************************************/
/************************************************
 * 모달(다이얼로그)
 ************************************************/
/************************************************
 * 캘린더
 ************************************************/
/*******국문,영문*******/
@font-face {
  /*KB금융 본문체 Light */
  font-family: "KBFGText";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/KBFGText/KBFGTextL.woff") format("woff");
}
@font-face {
  /*KB금융 본문체 Medium */
  font-family: "KBFGText";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/KBFGText/KBFGTextM.woff") format("woff");
}
@font-face {
  /*KB금융 본문체 Bold */
  font-family: "KBFGText";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/KBFGText/KBFGTextB.otf") format("opentype");
}
@font-face {
  /*KB금융 제목체 Light */
  font-family: "KBFGDisplay";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/KBFGDisplay/KBFGDisplayL.woff2") format("woff2");
}
@font-face {
  /*KB금융 제목체 Medium */
  font-family: "KBFGDisplay";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/KBFGDisplay/KBFGDisplayM.woff2") format("woff2");
}
@font-face {
  /*KB금융 제목체 Bold */
  font-family: "KBFGDisplay";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/KBFGDisplay/KBFGDisplayB.woff2") format("woff2");
}
@font-face {
  /*KB금융 제목체 Medium Italic */
  font-family: "KBFGDisplay";
  font-style: italic;
  font-weight: 500;
  src: url("fonts/KBFGDisplay/KBFGDisplayMI.woff2") format("woff2");
}
@font-face {
  /*KB금융 본문체 Light */
  font-family: "KB금융 본문체 Light";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/KBFGText/KBFGTextL.woff") format("woff");
}
@font-face {
  /*KB금융 본문체 Medium */
  font-family: "KB금융 본문체 Medium";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/KBFGText/KBFGTextM.woff") format("woff");
}
@font-face {
  /*KB금융 본문체 Bold */
  font-family: "KB금융 본문체 Bold";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/KBFGText/KBFGTextB.otf") format("opentype");
}
@font-face {
  /*KB금융 제목체 Light */
  font-family: "KB금융 제목체 Light";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/KBFGDisplay/KBFGDisplayL.woff2") format("woff2");
}
@font-face {
  /*KB금융 제목체 Medium */
  font-family: "KB금융 제목체 Medium";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/KBFGDisplay/KBFGDisplayM.woff2") format("woff2");
}
@font-face {
  /*KB금융 제목체 Bold */
  font-family: "KB금융 제목체 Bold";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/KBFGDisplay/KBFGDisplayB.woff2") format("woff2");
}
@font-face {
  /*KB금융 제목체 Medium Italic */
  font-family: "KB금융 제목체 Medium Italic";
  font-style: italic;
  font-weight: 500;
  src: url("fonts/KBFGDisplay/KBFGDisplayMI.woff2") format("woff2");
}
/* 
 * Define Common Class
 * Template Name : common-template-v4
 * Author : Da-eun Ryu
 * File : less
 */
/************************************************
 * 팔레트
 ************************************************/
.bg-primary {
  background-color: #ffcc00 !important;
}
.bg-secondary {
  background-color: #4366f8 !important;
}
.bg-success {
  background-color: #19a342 !important;
}
.bg-info {
  background-color: #408bf2 !important;
}
.bg-warning {
  background-color: #fecf26 !important;
}
.bg-danger {
  background-color: #ea463c !important;
}
.bg-dark {
  background-color: #454e6a !important;
}
.bg-gray {
  background-color: #b3b3b3 !important;
}
.bg-blue {
  background-color: #408bf2 !important;
}
.bg-indigo {
  background-color: #4659f7 !important;
}
.bg-purple {
  background-color: #8e49ef !important;
}
.bg-pink {
  background-color: #ce3678 !important;
}
.bg-red {
  background-color: #ea463c !important;
}
.bg-orange {
  background-color: #eb6114 !important;
}
.bg-yellow {
  background-color: #fecf26 !important;
}
.bg-brown {
  background-color: #b28200 !important;
}
.bg-dark-brown {
  background-color: #604d19 !important;
}
.bg-green {
  background-color: #19a342 !important;
}
.bg-teal {
  background-color: #26c3c3 !important;
}
.bg-cyan {
  background-color: #2495c7 !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-light {
  background-color: #c5cee3 !important;
}
.bg-lighter {
  background-color: #e4eaf3 !important;
}
.bg-black {
  background-color: #000000 !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-opacity {
  opacity: 0.35;
}
.bg-primary-dim {
  background-color: #ffea93 !important;
}
.bg-secondary-dim {
  background-color: #e1e7fd !important;
}
.bg-success-dim {
  background-color: #a4ebba !important;
}
.bg-info-dim {
  background-color: #e7edf5 !important;
}
.bg-warning-dim {
  background-color: #fefdee !important;
}
.bg-danger-dim {
  background-color: #fff9f9 !important;
}
.bg-gray-100 {
  background-color: #f9fbfe !important;
}
.bg-gray-200 {
  background-color: #eceef1 !important;
}
.bg-gray-300 {
  background-color: #cccccc !important;
}
.bg-gray-400 {
  background-color: #bbbbbb !important;
}
.bg-gray-500 {
  background-color: #999999 !important;
}
.bg-gray-600 {
  background-color: #7d7d7d !important;
}
.bg-gray-700 {
  background-color: #666666 !important;
}
.bg-gray-800 {
  background-color: #444444 !important;
}
.bg-gray-900 {
  background-color: #222222 !important;
}
.text-primary {
  color: #ffcc00 !important;
}
.text-secondary {
  color: #4366f8 !important;
}
.text-info {
  color: #408bf2 !important;
}
.text-success {
  color: #19a342 !important;
}
.text-danger {
  color: #ea463c !important;
}
.text-warning {
  color: #fecf26 !important;
}
.text-dark {
  color: #454e6a !important;
}
.text-gray {
  color: #b3b3b3 !important;
}
.text-body {
  color: #000000 !important;
}
.text-base {
  color: #222222 !important;
}
.text-soft {
  color: #b5b5b5 !important;
}
.text-black {
  color: #000000 !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-light {
  color: #c5cee3 !important;
}
.text-lighter {
  color: #e4eaf3 !important;
}
.text-white {
  color: #ffffff !important;
}
.text-blue {
  color: #408bf2 !important;
}
.text-indigo {
  color: #4659f7 !important;
}
.text-purple {
  color: #8e49ef !important;
}
.text-pink {
  color: #ce3678 !important;
}
.text-red {
  color: #ea463c !important;
}
.text-orange {
  color: #eb6114 !important;
}
.text-yellow {
  color: #fecf26 !important;
}
.text-brown {
  color: #b28200 !important;
}
.text-dark-brown {
  color: #604d19 !important;
}
.text-green {
  color: #19a342 !important;
}
.text-teal {
  color: #26c3c3 !important;
}
.text-cyan {
  color: #2495c7 !important;
}
.text-transparent {
  color: transparent !important;
}
.text-primary-dim {
  color: #ffea93 !important;
}
.text-secondary-dim {
  color: #e1e7fd !important;
}
.text-success-dim {
  color: #a4ebba !important;
}
.text-info-dim {
  color: #e7edf5 !important;
}
.text-warning-dim {
  color: #fefdee !important;
}
.text-danger-dim {
  color: #fff9f9 !important;
}
.text-gray-100 {
  color: #f9fbfe !important;
}
.text-gray-200 {
  color: #eceef1 !important;
}
.text-gray-300 {
  color: #cccccc !important;
}
.text-gray-400 {
  color: #bbbbbb !important;
}
.text-gray-500 {
  color: #999999 !important;
}
.text-gray-600 {
  color: #7d7d7d !important;
}
.text-gray-700 {
  color: #666666 !important;
}
.text-gray-800 {
  color: #444444 !important;
}
.text-gray-900 {
  color: #222222 !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: #000000;
  font-family: "KBFGDisplay", sans-serif;
  font-weight: 700;
}
h6,
.h6 {
  font-weight: 500;
}
h1,
.h1 {
  font-size: 20px;
}
h2,
.h2 {
  font-size: 18px;
}
h3,
.h3 {
  font-size: 16px;
}
h4,
.h4 {
  font-size: 14px;
}
h5,
.h5 {
  font-size: 13px;
}
h6,
.h6 {
  font-size: 12px;
}
.fs-base {
  font-size: 12px !important;
}
.fs-lg {
  font-size: 14px !important;
}
.fs-md {
  font-size: 13px !important;
}
.fs-sm {
  font-size: 11px !important;
}
.ff-base {
  font-family: "KBFGText", "KBFGDisplay", sans-serif !important;
}
.ff-heading {
  font-family: "KBFGDisplay", sans-serif !important;
}
.fs-italic {
  font-style: italic !important;
}
.fw-normal {
  font-weight: 300 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.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 .cl-text {
  text-transform: lowercase !important;
}
.text-uppercase .cl-text {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-underline {
  text-decoration: underline !important;
}
.text-link {
  cursor: pointer;
}
.text-link:hover {
  color: #4366f8;
  text-decoration: underline;
  text-underline-offset: 3px;
}
/************************************************
 * 유틸리티
 ************************************************/
.border {
  border: 1px solid #c5cee3 !important;
}
.border-top {
  border-top: 1px solid #c5cee3 !important;
}
.border-bottom {
  border-bottom: 1px solid #c5cee3 !important;
}
.border-left {
  border-left: 1px solid #c5cee3 !important;
}
.border-right {
  border-right: 1px solid #c5cee3 !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: #ffcc00 !important;
}
.border-secondary {
  border-color: #4366f8 !important;
}
.border-success {
  border-color: #19a342 !important;
}
.border-info {
  border-color: #408bf2 !important;
}
.border-warning {
  border-color: #fecf26 !important;
}
.border-danger {
  border-color: #ea463c !important;
}
.border-dark {
  border-color: #454e6a !important;
}
.border-gray {
  border-color: #b3b3b3 !important;
}
.border-blue {
  border-color: #408bf2 !important;
}
.border-indigo {
  border-color: #4659f7 !important;
}
.border-purple {
  border-color: #8e49ef !important;
}
.border-pink {
  border-color: #ce3678 !important;
}
.border-red {
  border-color: #ea463c !important;
}
.border-orange {
  border-color: #eb6114 !important;
}
.border-yellow {
  border-color: #fecf26 !important;
}
.border-brown {
  border-color: #b28200 !important;
}
.border-dark-brown {
  border-color: #604d19 !important;
}
.border-green {
  border-color: #19a342 !important;
}
.border-teal {
  border-color: #26c3c3 !important;
}
.border-cyan {
  border-color: #2495c7 !important;
}
.border-white {
  border-color: #ffffff !important;
}
.border-light {
  border-color: #c5cee3 !important;
}
.border-lighter {
  border-color: #e4eaf3 !important;
}
.border-black {
  border-color: #000000 !important;
}
.border-transparent {
  border-color: transparent !important;
}
.border-gray-100 {
  border-color: #f9fbfe !important;
}
.border-gray-200 {
  border-color: #eceef1 !important;
}
.border-gray-300 {
  border-color: #cccccc !important;
}
.border-gray-400 {
  border-color: #bbbbbb !important;
}
.border-gray-500 {
  border-color: #999999 !important;
}
.border-gray-600 {
  border-color: #7d7d7d !important;
}
.border-gray-700 {
  border-color: #666666 !important;
}
.border-gray-800 {
  border-color: #444444 !important;
}
.border-gray-900 {
  border-color: #222222 !important;
}
.dashed {
  border: 1px solid #c5cee3;
  border-style: dashed;
}
.rounded {
  border-radius: 6px !important;
}
.rounded-top {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}
.rounded-top-0 {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.rounded-bottom {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.rounded-bottom-0 {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-left {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}
.rounded-left-0 {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.rounded-right {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !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: 4px !important;
}
.rounded-lg {
  border-radius: 8px !important;
}
.box-shadow {
  box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.15);
}
.box-shadow-0 {
  box-shadow: none !important;
}
.m-0 {
  margin: 0px !important;
}
.m-1 {
  margin: 4px !important;
}
.m-2 {
  margin: 6px !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: 6px !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: 6px !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: 6px !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: 6px !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: 6px !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: 6px !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;
}
.ti-0 {
  text-indent: 0px !important;
}
.ti-1 {
  text-indent: 9px !important;
}
.ti-2 {
  text-indent: 18px !important;
}
.ti-3 {
  text-indent: 27px !important;
}
.ti-4 {
  text-indent: 36px !important;
}
.ti-5 {
  text-indent: 45px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pr-1 {
  padding-right: 4px !important;
}
.pr-2 {
  padding-right: 6px !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: 6px !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: 6px !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;
}
/************************************************
 * 공통 화면 스타일 시트
 ************************************************/
/************************************************
 * BODY
 ************************************************/
.cl-container.main_body {
  background-color: #eef3fe;
}
/************************************************
 * LNB
 ************************************************/
.cl-container.aside {
  border-radius: 12px;
}
.cl-container.aside.open {
  /* LNB가 열렸을 때에 대한 스타일 */
  box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.15);
}
.cl-container.aside.open .cl-container.minibar {
  border-radius: 12px 0px 0px 12px;
}
.cl-container.aside .cl-container.minibar {
  /* 로고 + 메뉴 배치되는 영역 스타일 */
  border-radius: 12px;
  background-color: #ffea93;
}
.cl-container.aside .cl-container.minibar .cl-container.menu {
  /* 메뉴 버튼을 감싸는 영역 스타일 */
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-container {
  padding-right: 0px !important;
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button {
  /* 메뉴 버튼 스타일 */
  background-color: transparent;
  background-position: center 6px;
  border: none;
  border-radius: 0px;
  color: #b28200;
  font-family: "KBFGDisplay", sans-serif;
  padding: 34px 0px 6px 0px;
  /* 메뉴 아이템 스타일 (추가 클래스로 부여) */
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button:not(.cl-disabled):hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button:focus,
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.cl-focus {
  background-color: transparent;
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button:not(.cl-disabled).cl-activated,
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button:not(.cl-disabled):active {
  background-color: rgba(255, 255, 255, 0.8);
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.on {
  /* 선택된 메뉴 스타일 */
  background-color: #ffffff;
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.on:not(.cl-disabled):hover {
  background-color: #ffffff;
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.menu-search {
  /* 고객검색 메뉴 */
  background-image: url("images/com/menu_01.svg");
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.menu-customer {
  /* 고객정보 메뉴 */
  background-image: url("images/com/menu_02.svg");
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.menu-pos {
  /* 계약변경 메뉴 */
  background-image: url("images/com/menu_03.svg");
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.menu-nbs {
  /* 신계약/UW 메뉴 */
  background-image: url("images/com/menu_04.svg");
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.menu-clm {
  /* 클레임 메뉴 */
  background-image: url("images/com/menu_05.svg");
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.menu-cmn {
  /* 공통 메뉴 */
  background-image: url("images/com/menu_06.svg");
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.menu-var {
  /* 변액 메뉴 */
  background-image: url("images/com/menu_07.svg");
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.menu-pay {
  /* 제지급 메뉴 */
  background-image: url("images/com/menu_08.svg");
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.menu-dep {
  /* 입금 메뉴 */
  background-image: url("images/com/menu_09.svg");
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.menu-bka {
  /* 방카 메뉴 */
  background-image: url("images/com/menu_10.svg");
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.menu-voc {
  /* VOC 메뉴 */
  background-image: url("images/com/menu_11.svg");
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.menu-fav {
  /* 즐겨찾기 메뉴 */
  background-image: url("images/com/menu_12.svg");
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.menu-todo {
  /* To Do 메뉴 */
  background-image: url("images/com/menu_13.svg");
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.menu-thumb {
  /* 썸네일 메뉴 */
  background-image: url("images/com/menu_14.svg");
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-button.menu-img {
  background-image: url("images/com/menu_15.svg");
}
.cl-container.aside .cl-container.minibar .cl-container.menu .cl-output.badge-new {
  /* To Do 처리 항목 개수 표시 스타일 (badge.part.less의 스타일 상속) */
  pointer-events: none;
  line-height: 1;
}
.cl-container.aside .cl-container.menubar {
  /* 메뉴 클릭 후 우측으로 표시되는 패널 스타일 */
  background-color: #ffffff;
  border-radius: 0px 12px 12px 0px;
}
.cl-container.aside .cl-container.menubar .cl-container.user-box {
  /* 사용자 정보 영역 스타일 */
  background-color: #fffcf2;
}
.cl-container.aside .cl-container.menubar .cl-container.user-box .cl-output.h2 {
  color: #222222;
  font: 700 18px "KBFGDisplay", sans-serif;
}
.cl-container.aside .cl-container.menubar .cl-container.user-box .cl-output.h2 span {
  color: #666666;
  font-weight: 300;
  font-size: 14px;
}
.cl-container.aside .cl-container.menubar .cl-container.user-box .cl-output.session-timer {
  /* 세션 시간 스타일 */
  color: #aa842a;
  font-size: 14px;
}
.cl-container.aside .cl-container.menubar .cl-container.user-box .cl-button.btn-primary-01 {
  /* 연장 버튼 스타일 */
}
.cl-container.aside .cl-container.menubar .cl-container.menu-box {
  /* 메뉴 타이틀 및 메뉴 검색 영역 스타일 */
}
.cl-container.aside .cl-container.menubar .cl-container.menu-box .cl-output.h1 {
  /* 메뉴명 타이틀 스타일 */
  color: #222222;
}
.cl-container.aside .cl-container.menubar .cl-container.menu-box .cl-searchinput.global-search {
  /* 메뉴 검색 서치인풋 스타일 */
  border-radius: 13px;
}
.cl-container.aside .cl-container.menubar .cl-container.menu-box .cl-searchinput.global-search .cl-text {
  padding: 0px 7px 0px 4px;
}
.cl-container.aside .cl-container.menubar .cl-container.menu-box .cl-searchinput.global-search .cl-text.cl-placeholder {
  color: #666666 !important;
}
.cl-container.aside .cl-container.menubar .cl-container.menu-box .cl-searchinput.global-search .cl-searchinput-search {
  background-image: url("images/com/search_black.svg");
  background-size: 16px;
  width: 23px;
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box {
  /* 사이드 내비게이션이 배치되는 영역의 스타일 */
  padding-right: 0px !important;
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu {
  /* 사이드 내비게이션 스타일 */
  background-color: transparent;
  border: none;
  color: #444444;
  font-family: "KBFGDisplay", sans-serif;
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item {
  /* 메뉴 아이템 스타일 */
  border-radius: 16px 0px 0px 16px;
  font-size: 14px;
  font-weight: 500;
  min-height: 33px;
  padding: 0px 24px 0px 12px;
  /* 레벨별 메뉴 아이템 스타일 */
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item .cl-badge {
  font-size: 0px;
  height: 16px;
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-folder.cl-expanded .cl-expand-icon {
  background-image: url("images/com/minus_circle_light_yellow.svg");
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-folder.cl-collapsed .cl-expand-icon {
  background-image: url("images/com/plius_circle_light_yellow.svg");
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item:hover,
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-hover,
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item:focus {
  background-color: #eef3fe;
  color: #444444;
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item:hover.cl-leaf .cl-badge,
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-hover.cl-leaf .cl-badge {
  /* 즐겨찾기 메뉴 관련 스타일 (itemStyler class Bind 필요) */
  background: url("images/com/favorite_outline.svg") no-repeat center;
  width: 16px;
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-leaf.fav .cl-badge {
  background: url("images/com/favorite_outline_on.svg") no-repeat center;
  width: 16px;
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-selected {
  background-color: #eef3fe;
  color: #444444;
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-leaf:not(.cl-level-1) .cl-text {
  position: relative;
  padding-left: 10px;
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-leaf:not(.cl-level-1) .cl-text:before {
  content: "";
  position: absolute;
  background-color: #4366f8;
  border-radius: 2px;
  top: calc(50% - 2px);
  left: 0px;
  width: 4px;
  height: 4px;
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1 {
  background: linear-gradient(#e4eaf3, #e4eaf3) no-repeat 24px top/calc(100% - 24px) 1px;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 700;
  min-height: 45px;
  padding-left: 24px;
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1 .cl-expand-icon:hover {
  background-color: #ecf1fe;
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.cl-folder.cl-expanded .cl-expand-icon {
  background-image: url("images/com/chevron_up_black.svg");
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.cl-folder.cl-collapsed .cl-expand-icon {
  background-image: url("images/com/chevron_down_black.svg");
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1:hover,
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1.cl-hover,
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1:focus {
  background-color: transparent;
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1 + .cl-list.cl-level-2 {
  padding-bottom: 8px;
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-2 {
  margin-left: 12px;
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-2 + .cl-list.cl-level-3 {
  background-color: #f9fbfe;
  padding: 8px 0px 8px 12px;
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu.always-open {
  /* 고객검색 또는 즐겨찾기 메뉴 클릭 시 적용하는 스타일 (항상 메뉴 열린 상태로 제공 위해 추가하는 클래스) */
}
.cl-container.aside .cl-container.menubar .cl-container.sidemenu-box .cl-sidenavigation.sidemenu.always-open .cl-sidenavigation-item .cl-expand-icon {
  display: none;
}
/************************************************
 * Related Work (연관업무)
 ************************************************/
.cl-button.btn-related-work {
  /* 연관업무 패널 표시 버튼 스타일 */
  background-color: #222222;
  border: none;
  border-radius: 0px 0px 0px 6px;
  color: #ffffff;
  font: 500 16px "KBFGDisplay", sans-serif;
}
.cl-button.btn-related-work .cl-icon {
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.cl-button.btn-related-work.cl-icon-align-bottom .cl-icon {
  margin-top: 2px;
}
.cl-button.btn-related-work:not(.cl-disabled):hover,
.cl-button.btn-related-work:not(.cl-disabled):focus,
.cl-button.btn-related-work:not(.cl-disabled).cl-focus,
.cl-button.btn-related-work:not(.cl-disabled).cl-activated,
.cl-button.btn-related-work:not(.cl-disabled):active {
  background-color: #222222;
  color: #ffffff;
}
.cl-button.btn-related-work.on {
  /* 연관 업무가 열린 상태인 경우 스타일 */
}
.cl-button.btn-related-work.on .cl-icon {
  background-image: url("images/com/quickbtn_opened.svg") !important;
}
.cl-container.related-work {
  /* 연관업무 패널 스타일 */
  background-color: #ffffff;
}
.cl-container.related-work .cl-sidenavigation {
  background-color: transparent;
  border: none;
  color: #444444;
  font: 500 14px "KBFGDisplay", sans-serif;
}
.cl-container.related-work .cl-sidenavigation .cl-sidenavigation-item {
  border-radius: 6px;
  min-height: 28px;
  padding: 0px 0px 0px 12px;
}
.cl-container.related-work .cl-sidenavigation .cl-sidenavigation-item .cl-expand-icon {
  display: none;
}
.cl-container.related-work .cl-sidenavigation .cl-sidenavigation-item.cl-leaf .cl-text {
  position: relative;
  padding-left: 10px;
}
.cl-container.related-work .cl-sidenavigation .cl-sidenavigation-item.cl-leaf .cl-text:before {
  content: "";
  position: absolute;
  background-color: #4366f8;
  border-radius: 2px;
  top: calc(50% - 2px);
  left: 0px;
  width: 4px;
  height: 4px;
}
.cl-container.related-work .cl-sidenavigation .cl-sidenavigation-item.cl-leaf:hover,
.cl-container.related-work .cl-sidenavigation .cl-sidenavigation-item.cl-leaf.cl-hover,
.cl-container.related-work .cl-sidenavigation .cl-sidenavigation-item.cl-leaf:focus,
.cl-container.related-work .cl-sidenavigation .cl-sidenavigation-item.cl-leaf.cl-selected {
  background-color: #eef3fe;
  color: #444444;
}
.cl-container.related-work .cl-sidenavigation .cl-sidenavigation-item.cl-level-1 {
  font-size: 16px;
  font-weight: 700;
}
.cl-container.related-work .cl-sidenavigation .cl-sidenavigation-item.cl-level-1:not(.cl-first) {
  margin-top: 12px;
}
.cl-container.related-work .cl-sidenavigation .cl-sidenavigation-item.cl-level-1:hover,
.cl-container.related-work .cl-sidenavigation .cl-sidenavigation-item.cl-level-1.cl-hover,
.cl-container.related-work .cl-sidenavigation .cl-sidenavigation-item.cl-level-1:focus,
.cl-container.related-work .cl-sidenavigation .cl-sidenavigation-item.cl-level-1.cl-selected {
  background-color: transparent;
  color: #444444;
}
.cl-container.related-work .cl-sidenavigation .cl-sidenavigation-item.cl-level-1 + .cl-list.cl-level-2 {
  border-bottom: 1px solid #e4eaf3;
  padding: 4px 0px 16px 0px;
}
/************************************************
 * Thumbnail (썸네일)
 ************************************************/
.cl-container.thumbnail-wrap {
  background-color: #ffffff;
  border-radius: 12px;
}
.cl-container.thumbnail-wrap .cl-container.thumbnail-box {
  /* 썸네일 영역 스타일 */
  border-radius: 8px;
  /* 패턴에 따른 클래스 (thumbnail-box 에 추가 부여) */
}
.cl-container.thumbnail-wrap .cl-container.thumbnail-box .cl-button.btn-box-close {
  /* 썸네일 박스 닫기 버튼 스타일 */
  background-color: transparent;
  border: none;
  border-radius: 9999px;
  padding: 0px;
}
.cl-container.thumbnail-wrap .cl-container.thumbnail-box:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.cl-container.thumbnail-wrap .cl-container.thumbnail-box:hover .cl-button.btn-box-close {
  background-image: url("images/com/closed_circle.svg");
}
.cl-container.thumbnail-wrap .cl-container.thumbnail-box .cl-container.thumbnail {
  /* 썸네일 박스 내 영역 스타일 */
  background-image: linear-gradient(to right, #fdf9e6, #bccffd);
  border-radius: 8px;
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.cl-container.thumbnail-wrap .cl-container.thumbnail-box .cl-container.thumbnail .cl-output.thumbnail-num {
  /* 열린 카드 숫자 스타일 */
  background-color: #454e6a;
  border-radius: 6px;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
.cl-container.thumbnail-wrap .cl-container.thumbnail-box .cl-container.thumbnail .cl-container.thumbnail-image {
  /* 패턴이 표시되는 영역 스타일 */
}
.cl-container.thumbnail-wrap .cl-container.thumbnail-box .cl-container.thumbnail .cl-output.thumbnail-txt {
  /* 현재 열린창 스타일 */
  background-color: #e1e7fd;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
.cl-container.thumbnail-wrap .cl-container.thumbnail-box.p1 .cl-container.thumbnail-image {
  background-image: url("images/com/screen_1.svg");
}
.cl-container.thumbnail-wrap .cl-container.thumbnail-box.p2 .cl-container.thumbnail-image {
  background-image: url("images/com/screen_2.svg");
}
.cl-container.thumbnail-wrap .cl-container.thumbnail-box.p3 .cl-container.thumbnail-image {
  background-image: url("images/com/screen_3.svg");
}
.cl-container.thumbnail-wrap .cl-container.thumbnail-box.p4 .cl-container.thumbnail-image {
  background-image: url("images/com/screen_4.svg");
}
.cl-container.thumbnail-wrap .cl-container.thumbnail-box.p5 .cl-container.thumbnail-image {
  background-image: url("images/com/screen_5.svg");
}
.cl-container.thumbnail-wrap .cl-container.thumbnail-box.p6 .cl-container.thumbnail-image {
  background-image: url("images/com/screen_6.svg");
}
.cl-container.thumbnail-wrap .cl-container.thumbnail-box.p7 .cl-container.thumbnail-image {
  background-image: url("images/com/screen_7.svg");
}
.cl-container.thumbnail-wrap .cl-button.btn-thumbnail-close {
  /* 썸네일 영역 닫기 버튼 스타일 */
  background: url("images/com/ic_btn_thumbnail_close.svg") #d3def4 no-repeat center/20px 20px;
  border: none;
  border-radius: 0px 12px 12px 0px;
  padding: 0px;
}
.cl-container.thumbnail-box-hover {
  /* 썸네일 영역 스타일 */
  border-radius: 8px;
  /* 패턴에 따른 클래스 (thumbnail-box 에 추가 부여) */
}
.cl-container.thumbnail-box-hover .cl-button.btn-box-close {
  /* 썸네일 박스 닫기 버튼 스타일 */
  background-color: transparent;
  border: none;
  border-radius: 9999px;
  padding: 0px;
}
.cl-container.thumbnail-box-hover:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.cl-container.thumbnail-box-hover:hover .cl-button.btn-box-close {
  background-image: url("images/com/closed_circle.svg");
}
.cl-container.thumbnail-box-hover .cl-container.thumbnail {
  /* 썸네일 박스 내 영역 스타일 */
  background-image: linear-gradient(to right, #fdf9e6, #bccffd);
  border-radius: 8px;
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.cl-container.thumbnail-box-hover .cl-container.thumbnail .cl-output.thumbnail-num {
  /* 열린 카드 숫자 스타일 */
  background-color: #454e6a;
  border-radius: 6px;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
.cl-container.thumbnail-box-hover .cl-container.thumbnail .cl-container.thumbnail-image {
  /* 패턴이 표시되는 영역 스타일 */
}
.cl-container.thumbnail-box-hover .cl-container.thumbnail .cl-output.thumbnail-txt {
  /* 현재 열린창 스타일 */
  background-color: #e1e7fd;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
.cl-container.thumbnail-box-hover.p1 .cl-container.thumbnail-image {
  background-image: url("images/com/screen_1.svg");
}
.cl-container.thumbnail-box-hover.p2 .cl-container.thumbnail-image {
  background-image: url("images/com/screen_2.svg");
}
.cl-container.thumbnail-box-hover.p3 .cl-container.thumbnail-image {
  background-image: url("images/com/screen_3.svg");
}
.cl-container.thumbnail-box-hover.p4 .cl-container.thumbnail-image {
  background-image: url("images/com/screen_4.svg");
}
.cl-container.thumbnail-box-hover.p5 .cl-container.thumbnail-image {
  background-image: url("images/com/screen_5.svg");
}
.cl-container.thumbnail-box-hover.p6 .cl-container.thumbnail-image {
  background-image: url("images/com/screen_6.svg");
}
.cl-container.thumbnail-box-hover.p7 .cl-container.thumbnail-image {
  background-image: url("images/com/screen_7.svg");
}
/************************************************
 * VOCMMainScreen (VOC_메인화면)
 * --> 대시보드
 ************************************************/
.VOCMMainScreen {
  /* ---------- 민원 일기예보 ---------- */
  /* ---------- 차트 영역 ---------- */
  /* ---------- 채널별/상품별 현황 ---------- */
  /* ---------- 우리부서 Job/처리완료 기준/공지사항 ---------- */
  /* ---------- VOC 유형 Top5 ---------- */
}
.VOCMMainScreen .cl-container.card {
  /* 기본 포틀렛 영역에 대한 스타일 */
  background-color: #ffffff;
  border: 1px solid #e7edf5;
  border-radius: 16px;
  padding: 0px !important;
}
.VOCMMainScreen .cl-container.weather-step-01,
.VOCMMainScreen .cl-container.weather-step-02,
.VOCMMainScreen .cl-container.weather-step-03 {
  /* 민원 일기예보 공통 스타일 */
  background-repeat: no-repeat, repeat;
  background-position: calc(100% - 20px) 16px, left top;
  background-size: auto, 100% 100%;
  border-radius: 16px;
}
.VOCMMainScreen .cl-container.weather-step-01 .cl-output.h1 span,
.VOCMMainScreen .cl-container.weather-step-02 .cl-output.h1 span,
.VOCMMainScreen .cl-container.weather-step-03 .cl-output.h1 span {
  background-color: #ffffff;
  border-radius: 10px;
  display: table;
  font: 700 12px "KBFGText", "KBFGDisplay", sans-serif;
  margin-bottom: 8px;
  padding: 2px 6px 3px 6px;
}
.VOCMMainScreen .cl-container.weather-step-01 .cl-output:not(.h1),
.VOCMMainScreen .cl-container.weather-step-02 .cl-output:not(.h1),
.VOCMMainScreen .cl-container.weather-step-03 .cl-output:not(.h1) {
  color: #444444;
  font-size: 14px;
}
.VOCMMainScreen .cl-container.weather-step-01 .cl-output:not(.h1) span,
.VOCMMainScreen .cl-container.weather-step-02 .cl-output:not(.h1) span,
.VOCMMainScreen .cl-container.weather-step-03 .cl-output:not(.h1) span {
  font-weight: 700;
}
.VOCMMainScreen .cl-container.weather-step-01 {
  /* 민원 일기예보 스타일 (1단계) */
  background-image: url("images/com/weather_1.png"), linear-gradient(140deg, #d6e5ff, #afbbff 100%);
}
.VOCMMainScreen .cl-container.weather-step-01 .cl-output.h1 span {
  color: #408bf2;
}
.VOCMMainScreen .cl-container.weather-step-02 {
  /* 민원 일기예보 스타일 (2단계) */
  background-image: url("images/com/weather_2.png"), linear-gradient(140deg, #fcf4c8, #fcd790 100%);
}
.VOCMMainScreen .cl-container.weather-step-02 .cl-output.h1 span {
  color: #ff9f17;
}
.VOCMMainScreen .cl-container.weather-step-03 {
  /* 민원 일기예보 스타일 (3단계) */
  background-image: url("images/com/weather_3.png"), linear-gradient(140deg, #d0ecfd, #9ec2fc 100%);
}
.VOCMMainScreen .cl-container.weather-step-03 .cl-output.h1 span {
  color: #ea463c;
}
.VOCMMainScreen .cl-output.weather-step-01,
.VOCMMainScreen .cl-output.weather-step-02,
.VOCMMainScreen .cl-output.weather-step-03 {
  /* 민원 일기예보 공통 스타일 */
  color: #666666;
  font-size: 12px;
}
.VOCMMainScreen .cl-output.weather-step-01 span,
.VOCMMainScreen .cl-output.weather-step-02 span,
.VOCMMainScreen .cl-output.weather-step-03 span {
  margin-right: 4px;
  font-weight: 500;
}
.VOCMMainScreen .cl-output.weather-step-01 {
  /* 민원 일기예보 스타일 (1단계) */
}
.VOCMMainScreen .cl-output.weather-step-01 span {
  color: #408bf2;
}
.VOCMMainScreen .cl-output.weather-step-02 {
  /* 민원 일기예보 스타일 (2단계) */
}
.VOCMMainScreen .cl-output.weather-step-02 span {
  color: #f29c24;
}
.VOCMMainScreen .cl-output.weather-step-03 {
  /* 민원 일기예보 스타일 (3단계) */
}
.VOCMMainScreen .cl-output.weather-step-03 span {
  color: #ea463c;
}
.VOCMMainScreen .cl-radiobutton.tab-menu {
  /* 탭 영역처럼 사용되는 라디오 버튼 스타일 */
}
.VOCMMainScreen .cl-radiobutton.tab-menu .cl-radiobutton-item {
  background-color: #ffffff;
  border: 1px solid #e4eaf3;
  border-radius: 14px;
  color: #444444;
  font-size: 16px;
  font-weight: 500;
  padding: 2px 11px 3px 11px;
}
.VOCMMainScreen .cl-radiobutton.tab-menu .cl-radiobutton-item.cl-selected {
  background-color: #604d19;
  border-color: #604d19;
  color: #ffffff;
}
.VOCMMainScreen .cl-radiobutton.tab-menu.tab-sm .cl-radiobutton-item {
  border: none;
  font-size: 12px;
  padding: 4px 10px 5px 10px;
}
.VOCMMainScreen .cl-uicontrolshell {
  /* 차트 관련 컨트롤 스타일 */
}
.VOCMMainScreen .chart-tooltip {
  /* 차트 라이브러리 내에서 사용할 툴팁 스타일 */
}
.VOCMMainScreen .chart-tooltip:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: calc(50% - 3px);
  width: 8px;
  height: 6px;
  background: url("images/com/bubble-arrow.svg") no-repeat;
}
.VOCMMainScreen .cl-output.legend-01,
.VOCMMainScreen .cl-output.legend-02,
.VOCMMainScreen .cl-output.legend-03,
.VOCMMainScreen .cl-output.legend-04,
.VOCMMainScreen .cl-output.legend-05,
.VOCMMainScreen .cl-output.legend-06,
.VOCMMainScreen .cl-output.legend-07 {
  /* 차트 범례 스타일 */
  color: #666666;
  font-size: 12px;
  font-weight: 500;
  padding-left: 14px;
}
.VOCMMainScreen .cl-output.legend-01:before,
.VOCMMainScreen .cl-output.legend-02:before,
.VOCMMainScreen .cl-output.legend-03:before,
.VOCMMainScreen .cl-output.legend-04:before,
.VOCMMainScreen .cl-output.legend-05:before,
.VOCMMainScreen .cl-output.legend-06:before,
.VOCMMainScreen .cl-output.legend-07:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 3px;
  border-radius: 1.5px;
  left: 0px;
  top: calc(50% - 1.5px);
}
.VOCMMainScreen .cl-output.legend-01:before {
  background-color: #4366f8;
}
.VOCMMainScreen .cl-output.legend-02:before {
  background-color: #ffcc00;
}
.VOCMMainScreen .cl-output.legend-03:before {
  background-color: #a2abc6;
}
.VOCMMainScreen .cl-output.legend-04:before {
  background-color: #ea463c;
}
.VOCMMainScreen .cl-output.legend-05:before {
  background-color: #b28200;
}
.VOCMMainScreen .cl-output.legend-06:before {
  background-color: #19a342;
}
.VOCMMainScreen .cl-output.legend-07:before {
  background-color: #26c3c3;
}
.VOCMMainScreen .cl-output.table-row-txt {
  /* 건수 표시 스타일 */
  font-size: 12px;
}
.VOCMMainScreen .cl-output.table-row-txt span {
  font-weight: 700;
  padding-right: 2px;
}
.VOCMMainScreen .cl-container.tracking-box {
  /* 현황 영역에 대한 스타일 */
}
.VOCMMainScreen .cl-container.tracking-box .cl-output {
  font-size: 14px;
}
.VOCMMainScreen .cl-container.tracking-box .cl-formlayout-vertical-separator {
  background-color: transparent;
  background: linear-gradient(#e4eaf3, #e4eaf3) no-repeat center/1px calc(100% - 46px);
}
.VOCMMainScreen .cl-container.tracking-box .cl-output.sub-label {
  padding: 0px;
}
.VOCMMainScreen .cl-container.tracking-box .cl-progress {
  /* 프로그레스바 스타일 */
  background-color: #eef3fe;
  border-radius: 4px;
}
.VOCMMainScreen .cl-container.tracking-box .cl-progress .cl-progress-bar {
  background-color: #ffcc00;
  border-radius: 4px;
}
.VOCMMainScreen .cl-container.tracking-box .cl-output.badge-lightyellow,
.VOCMMainScreen .cl-container.tracking-box .cl-output.badge-lightblue,
.VOCMMainScreen .cl-container.tracking-box .cl-output.badge-gray {
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
.VOCMMainScreen .cl-container.tracking-box .cl-output.badge-lightyellow {
  background-color: #ffea93;
  color: #9b6200;
}
.VOCMMainScreen .cl-container.tracking-box .cl-output.badge-lightblue {
  background-color: #e1e7fd;
  color: #4366f8;
}
.VOCMMainScreen .cl-container.tracking-box .cl-output.badge-gray {
  background-color: #dddddd;
  color: #444444;
}
.VOCMMainScreen .cl-output.dot-txt {
  color: #444444;
  font-size: 12px;
  padding-left: 10px;
}
.VOCMMainScreen .cl-output.dot-txt:before {
  top: calc(50% - 2px);
  width: 4px;
  height: 4px;
  background-color: #4366f8;
}
.VOCMMainScreen .cl-output.process-txt {
  color: #666666;
}
.VOCMMainScreen .cl-output.process-txt span.tit {
  display: table;
  margin-bottom: 7px;
  color: #666666;
  font-size: 11px;
  font-weight: 500;
}
.VOCMMainScreen .cl-output.process-txt span:not(.tit) {
  color: #222222;
  font-size: 14px;
  font-weight: 700;
  padding-right: 2px;
}
.VOCMMainScreen .cl-button.btn-more {
  /* 더보기 버튼 */
  background-image: none !important;
  color: #666666;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  padding: 0px 16px 0px 0px;
  /* + 형태 아이콘 */
}
.VOCMMainScreen .cl-button.btn-more:before {
  content: "";
  position: absolute;
  width: 9px;
  height: 1px;
  background-color: #666666;
  top: 6.5px;
  right: 1.5px;
}
.VOCMMainScreen .cl-button.btn-more:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 9px;
  background-color: #666666;
  top: 2.5px;
  right: 5.5px;
}
.VOCMMainScreen .cl-output.notice-tit {
  color: #444444;
}
.VOCMMainScreen .cl-output.notice-date {
  color: #666666;
  font-size: 12px;
}
.VOCMMainScreen .cl-output.h4 {
  color: #222222;
}
.VOCMMainScreen .cl-output.h4 span {
  color: #666666;
  font-size: 10px;
  font-weight: 300;
  padding-left: 8px;
}
.VOCMMainScreen .cl-output.bul-num {
  background-color: #e1e7fd;
  border-radius: 6px;
  color: #444444;
  text-align: center;
  font-weight: 500;
}
.VOCMMainScreen .cl-output.bul-num + .cl-output {
  color: #444444;
  font-size: 12px;
  font-weight: 500;
}
/************************************************
 * CMNMMainScreen (CMN_메인화면)
 * --> 대시보드
 ************************************************/
.CMNMMainScreen {
  background-color: #fcf1bb;
  padding: 20px 24px 24px 40px !important;
}
.CMNMMainScreen .cl-container.img-box {
  border-radius: 16px;
}
.CMNMMainScreen .cl-container.img-box .cl-container.img-container {
  background-image: url("images/com/default_img.svg");
  background-position: center;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
.CMNMMainScreen .cl-container.img-box .cl-output {
  color: #ffffff;
}
.CMNMMainScreen .cl-container.img-cnt-box {
  background-color: rgba(0, 0, 0, 0.3);
}
.CMNMMainScreen .cl-container.img-cnt-box .cl-output {
  color: #ffffff;
}
.CMNMMainScreen .cl-container.welcome-box {
  /* 공지사항 및 사용자 대시보드 영역 */
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.notice-box {
  /* 공지사항 표시 영역 */
  background-color: #ffffff;
  border-radius: 22px;
  padding: 7px 16px 7px 7px;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.notice-box .cl-output.notice-tit {
  color: #666666;
  font: 500 14px "KBFGDisplay", sans-serif;
  padding: 0px 24px 0px 42px;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.notice-box .cl-output.notice-tit:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background-image: url("images/com/icon_notice.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffea93;
  border-radius: 15px;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.notice-box .cl-output.notice-date {
  color: #666666;
  font-size: 12px;
  opacity: 0.8;
}
.CMNMMainScreen .cl-container.welcome-box .cl-output.tit {
  /* 환영 메세지 타이틀 스타일 */
  font: 300 24px "KBFGDisplay", sans-serif;
}
.CMNMMainScreen .cl-container.welcome-box .cl-output.tit .cl-text {
  line-height: 1.5;
}
.CMNMMainScreen .cl-container.welcome-box .cl-output.user-txt {
  /* 소속ID 및 소속명 텍스트 */
  font-size: 15px;
}
.CMNMMainScreen .cl-container.welcome-box .cl-output.user-txt span {
  margin-left: 25px;
}
.CMNMMainScreen .cl-container.welcome-box .cl-output.user-txt span:before {
  content: "";
  position: relative;
  display: inline-block;
  left: -12px;
  top: calc(50% - 7px);
  background-color: rgba(34, 34, 34, 0.2);
  width: 1px;
  height: 14px;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.history-box {
  /* 이력정보 영역 스타일 */
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  padding: 20px;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.history-box .cl-output {
  /* 아웃풋 공통 스타일 */
  font-family: "KBFGDisplay", sans-serif;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.history-box .cl-output.h3 {
  /* 이력정보 타이틀 스타일 */
  color: #222222;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.history-box .cl-output.dot-txt {
  /* 이력 항목 스타일 */
  color: #222222;
  font-size: 14px;
  padding-left: 10px;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.history-box .cl-output.dot-txt:before {
  top: calc(50% - 2px);
  width: 4px;
  height: 4px;
  background-color: #4366f8;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.history-box .cl-output.dot-txt + .cl-output {
  text-align: right;
  padding-right: 13px;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.history-box .cl-output.dot-txt + .cl-output:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 13px;
  top: calc(50% - 6.5px);
  right: 0px;
  background-color: rgba(34, 34, 34, 0.2);
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.summary-box {
  /* 요약 정보 제공 영역 스타일 */
  padding: 6px 0px 0px 0px;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.summary-box .cl-output {
  font-family: "KBFGDisplay", sans-serif;
  color: #ffffff;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.summary-box .cl-container.summary {
  /* 요약 정보 카드 */
  border-radius: 16px;
  box-shadow: 0 5px 12px 0 rgba(34, 34, 34, 0.1);
  padding: 16px;
  /* 타입별 스타일 */
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.summary-box .cl-container.summary .cl-output.summary-tit {
  /* 요약 정보 카드 타이틀 스타일 */
  font-size: 14px;
  font-weight: 700;
  vertical-align: top;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.summary-box .cl-container.summary .cl-output.summary-num {
  /* 요약 데이터 텍스트 스타일 */
  font-size: 20px;
  text-align: right;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.summary-box .cl-container.summary .cl-output.summary-num span {
  font-weight: 700;
  font-size: 30px;
  margin-right: 2px;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.summary-box .cl-container.summary.summary-1 {
  background-color: #8cc348;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.summary-box .cl-container.summary.summary-2 {
  background-color: #f29462;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.summary-box .cl-container.summary.summary-3 {
  background-color: #d4ab56;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.summary-box .cl-container.summary.summary-4 {
  background-color: #8492fd;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.summary-box .cl-container.summary.summary-5 {
  background-color: #d888e0;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.summary-box .cl-container.summary.summary-6 {
  background-color: #6aaaf7;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.summary-box .cl-container.summary.summary-7 {
  background-color: #d35d9d;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.summary-box .cl-container.summary.summary-8 {
  background-color: #957cd8;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.summary-box .cl-container.summary.summary-9 {
  background-color: #d87676;
}
.CMNMMainScreen .cl-container.welcome-box .cl-container.summary-box .cl-container.summary.summary-10 {
  background-color: #5ec4af;
}
.CMNMMainScreen .cl-container.fav-box {
  /* 즐겨찾기 메뉴 영역 */
  background-color: #ffffff;
  border-radius: 16px;
}
.CMNMMainScreen .cl-container.fav-box .cl-container.search-area {
  /* 상단 검색 영역 */
  background: linear-gradient(rgba(34, 34, 34, 0.1), rgba(34, 34, 34, 0.1)) no-repeat center bottom/calc(100% - 60px) 1px;
  padding: 30px 30px 20px 30px;
}
.CMNMMainScreen .cl-container.fav-box .cl-container.search-area .cl-output.tit {
  /* 타이틀 */
  color: #222222;
  font: 700 24px "KBFGDisplay", sans-serif;
}
.CMNMMainScreen .cl-container.fav-box .cl-container.search-area .cl-searchinput.global-search {
  /* 메뉴 검색 서치인풋 스타일 */
  border-radius: 13px;
}
.CMNMMainScreen .cl-container.fav-box .cl-container.search-area .cl-searchinput.global-search .cl-text {
  padding: 0px 7px 0px 4px;
}
.CMNMMainScreen .cl-container.fav-box .cl-container.search-area .cl-searchinput.global-search .cl-text.cl-placeholder {
  color: #666666 !important;
}
.CMNMMainScreen .cl-container.fav-box .cl-container.search-area .cl-searchinput.global-search .cl-searchinput-search {
  background-image: url("images/com/search_black.svg");
  background-size: 16px;
  width: 23px;
}
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box {
  padding: 0px 30px 30px 30px !important;
  /* 즐겨찾기 메뉴 단위가 배치되는 영역 */
}
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box .cl-container.favmenu {
  /* 즐겨찾기 메뉴 단위를 감싸는 그룹 스타일 */
  padding: 20px 0px;
  border-bottom: 1px solid rgba(34, 34, 34, 0.1);
}
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box .cl-container.favmenu .cl-output {
  font: 700 16px "KBFGDisplay", sans-serif;
  color: #444444;
}
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box .cl-container.favmenu .cl-button {
  background-color: transparent;
  border: none;
  border-radius: 16px;
  color: #444444;
  font: 500 14px "KBFGDisplay", sans-serif;
  padding: 0px 14px 0px 14px;
  text-align: left;
}
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box .cl-container.favmenu .cl-button .cl-text {
  position: relative;
  padding-left: 10px !important;
}
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box .cl-container.favmenu .cl-button .cl-text:before {
  content: "";
  position: absolute;
  background-color: #4366f8;
  border-radius: 2px;
  top: calc(50% - 2px);
  left: 0px;
  width: 4px;
  height: 4px;
}
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box .cl-container.favmenu .cl-button:not(.cl-disabled):hover {
  background-color: #eef3fe;
}
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box .cl-container.favmenu .cl-button:not(.cl-disabled):focus,
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box .cl-container.favmenu .cl-button:not(.cl-disabled).cl-focus {
  background-color: transparent;
}
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box .cl-container.favmenu .cl-button:not(.cl-disabled).cl-activated,
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box .cl-container.favmenu .cl-button:not(.cl-disabled):active {
  background-color: #eef3fe;
}
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box .cl-container.favmenu .cl-button.on {
  /* 선택 상태 (필요 시 사용) */
  background-color: #eef3fe;
}
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box .cl-container.favmenu .cl-button.on:not(.cl-disabled):hover,
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box .cl-container.favmenu .cl-button.on:not(.cl-disabled):focus,
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box .cl-container.favmenu .cl-button.on:not(.cl-disabled).cl-focus,
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box .cl-container.favmenu .cl-button.on:not(.cl-disabled).cl-activated,
.CMNMMainScreen .cl-container.fav-box .cl-container.favmenu-box .cl-container.favmenu .cl-button.on:not(.cl-disabled):active {
  background-color: #eef3fe;
}
.CMNMMainScreen .cl-container.fav-box .cl-output.nodata {
  /* 즐겨찾기가 없는 경우 표시되는 스타일 (W380, H266 으로 사용) */
  background-image: url("images/com/visual_2.svg");
  background-repeat: no-repeat;
  background-position: center top;
  color: #666666;
  font: 300 30px "KBFGDisplay", sans-serif;
  text-align: center;
  vertical-align: bottom;
}
/************************************************
 * 사이트맵 (CMN_사이트맵)
 ************************************************/
.sitemap {
  padding: 16px 29px !important;
}
.sitemap .cl-container.menu-box {
  padding: 0px 0px 20px 0px;
  border-bottom: 1px solid rgba(34, 34, 34, 0.1);
}
.sitemap .cl-container.menu-box .cl-output.h1 {
  color: #222222;
  padding-left: 12px;
}
.sitemap .cl-container.menu-box .cl-sidenavigation {
  border: none;
  padding: 0px;
}
.sitemap .cl-container.menu-box .cl-sidenavigation .cl-sidenavigation-item {
  font: 500 14px "KBFGDisplay", sans-serif;
  border-radius: 16px;
  color: #444444;
  min-height: 33px;
  padding: 0px 0px 0px 12px;
}
.sitemap .cl-container.menu-box .cl-sidenavigation .cl-sidenavigation-item .cl-expand-icon {
  display: none;
}
.sitemap .cl-container.menu-box .cl-sidenavigation .cl-sidenavigation-item:hover,
.sitemap .cl-container.menu-box .cl-sidenavigation .cl-sidenavigation-item.cl-hover,
.sitemap .cl-container.menu-box .cl-sidenavigation .cl-sidenavigation-item:focus,
.sitemap .cl-container.menu-box .cl-sidenavigation .cl-sidenavigation-item.cl-selected {
  background-color: transparent;
}
.sitemap .cl-container.menu-box .cl-sidenavigation .cl-sidenavigation-item.cl-level-1 {
  font-size: 16px;
  font-weight: 700;
  min-height: 44px;
}
.sitemap .cl-container.menu-box .cl-sidenavigation .cl-sidenavigation-item.cl-level-2 .cl-text {
  position: relative;
  padding-left: 10px;
}
.sitemap .cl-container.menu-box .cl-sidenavigation .cl-sidenavigation-item.cl-level-2 .cl-text:before {
  content: "";
  position: absolute;
  background-color: #4366f8;
  border-radius: 2px;
  top: calc(50% - 2px);
  left: 0px;
  width: 4px;
  height: 4px;
}
.sitemap .cl-container.menu-box .cl-sidenavigation .cl-sidenavigation-item.cl-level-2:hover,
.sitemap .cl-container.menu-box .cl-sidenavigation .cl-sidenavigation-item.cl-level-2.cl-hover,
.sitemap .cl-container.menu-box .cl-sidenavigation .cl-sidenavigation-item.cl-level-2:focus,
.sitemap .cl-container.menu-box .cl-sidenavigation .cl-sidenavigation-item.cl-level-2.cl-selected {
  background-color: #eef3fe;
}
/************************************************
 * 커스텀 스타일 시트
 ************************************************/
/************************************************
 * [템플릿] 프레임 관련 공통 클래스
 ************************************************/
.cl-container.content-wrapper,
.cl-container.pop-content-wrapper,
.cl-container.inner-content-wrapper,
.cl-container.viewer-content-wrapper {
  /* ---------- 콘텐트 헤더 ---------- */
  /* ---------- 콘텐트 바디 ---------- */
  /* ---------- 콘텐트 푸터 ---------- */
}
.cl-container.content-wrapper .cl-container.content-header,
.cl-container.pop-content-wrapper .cl-container.content-header,
.cl-container.inner-content-wrapper .cl-container.content-header,
.cl-container.viewer-content-wrapper .cl-container.content-header,
.cl-container.content-wrapper .cl-container.pop-content-header,
.cl-container.pop-content-wrapper .cl-container.pop-content-header,
.cl-container.inner-content-wrapper .cl-container.pop-content-header,
.cl-container.viewer-content-wrapper .cl-container.pop-content-header,
.cl-container.content-wrapper .cl-container.viewer-content-header,
.cl-container.pop-content-wrapper .cl-container.viewer-content-header,
.cl-container.inner-content-wrapper .cl-container.viewer-content-header,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-header {
  background-color: #f9fbfe;
  border-bottom: 1px solid #e7edf5;
  /* 콘텐트 헤더에서 실제 내용이 배치되는 그룹(컨테이너)에 적용하는 클래스 */
  /* 콘텐트 헤더에 페이지 타이틀만 존재하는 경우 적용하는 클래스 */
  /* 콘텐트 헤더가 두 영역으로 나누어 지는 경우 */
}
.cl-container.content-wrapper .cl-container.content-header .cl-container.header-area,
.cl-container.pop-content-wrapper .cl-container.content-header .cl-container.header-area,
.cl-container.inner-content-wrapper .cl-container.content-header .cl-container.header-area,
.cl-container.viewer-content-wrapper .cl-container.content-header .cl-container.header-area,
.cl-container.content-wrapper .cl-container.pop-content-header .cl-container.header-area,
.cl-container.pop-content-wrapper .cl-container.pop-content-header .cl-container.header-area,
.cl-container.inner-content-wrapper .cl-container.pop-content-header .cl-container.header-area,
.cl-container.viewer-content-wrapper .cl-container.pop-content-header .cl-container.header-area,
.cl-container.content-wrapper .cl-container.viewer-content-header .cl-container.header-area,
.cl-container.pop-content-wrapper .cl-container.viewer-content-header .cl-container.header-area,
.cl-container.inner-content-wrapper .cl-container.viewer-content-header .cl-container.header-area,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-header .cl-container.header-area {
  padding: 10px 16px 9px 16px;
}
.cl-container.content-wrapper .cl-container.content-header.title-only .cl-container.header-area,
.cl-container.pop-content-wrapper .cl-container.content-header.title-only .cl-container.header-area,
.cl-container.inner-content-wrapper .cl-container.content-header.title-only .cl-container.header-area,
.cl-container.viewer-content-wrapper .cl-container.content-header.title-only .cl-container.header-area,
.cl-container.content-wrapper .cl-container.pop-content-header.title-only .cl-container.header-area,
.cl-container.pop-content-wrapper .cl-container.pop-content-header.title-only .cl-container.header-area,
.cl-container.inner-content-wrapper .cl-container.pop-content-header.title-only .cl-container.header-area,
.cl-container.viewer-content-wrapper .cl-container.pop-content-header.title-only .cl-container.header-area,
.cl-container.content-wrapper .cl-container.viewer-content-header.title-only .cl-container.header-area,
.cl-container.pop-content-wrapper .cl-container.viewer-content-header.title-only .cl-container.header-area,
.cl-container.inner-content-wrapper .cl-container.viewer-content-header.title-only .cl-container.header-area,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-header.title-only .cl-container.header-area {
  padding: 12px 16px 10px 16px;
}
.cl-container.content-wrapper .cl-container.content-header > .cl-layout > .cl-layout-content > .cl-formlayout-vertical-separator,
.cl-container.pop-content-wrapper .cl-container.content-header > .cl-layout > .cl-layout-content > .cl-formlayout-vertical-separator,
.cl-container.inner-content-wrapper .cl-container.content-header > .cl-layout > .cl-layout-content > .cl-formlayout-vertical-separator,
.cl-container.viewer-content-wrapper .cl-container.content-header > .cl-layout > .cl-layout-content > .cl-formlayout-vertical-separator,
.cl-container.content-wrapper .cl-container.pop-content-header > .cl-layout > .cl-layout-content > .cl-formlayout-vertical-separator,
.cl-container.pop-content-wrapper .cl-container.pop-content-header > .cl-layout > .cl-layout-content > .cl-formlayout-vertical-separator,
.cl-container.inner-content-wrapper .cl-container.pop-content-header > .cl-layout > .cl-layout-content > .cl-formlayout-vertical-separator,
.cl-container.viewer-content-wrapper .cl-container.pop-content-header > .cl-layout > .cl-layout-content > .cl-formlayout-vertical-separator,
.cl-container.content-wrapper .cl-container.viewer-content-header > .cl-layout > .cl-layout-content > .cl-formlayout-vertical-separator,
.cl-container.pop-content-wrapper .cl-container.viewer-content-header > .cl-layout > .cl-layout-content > .cl-formlayout-vertical-separator,
.cl-container.inner-content-wrapper .cl-container.viewer-content-header > .cl-layout > .cl-layout-content > .cl-formlayout-vertical-separator,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-header > .cl-layout > .cl-layout-content > .cl-formlayout-vertical-separator {
  background: transparent linear-gradient(#c5cee3, #c5cee3) no-repeat center/1px calc(100% - 20px);
}
.cl-container.content-wrapper .cl-container.content-body,
.cl-container.pop-content-wrapper .cl-container.content-body,
.cl-container.inner-content-wrapper .cl-container.content-body,
.cl-container.viewer-content-wrapper .cl-container.content-body,
.cl-container.content-wrapper .cl-container.pop-content-body,
.cl-container.pop-content-wrapper .cl-container.pop-content-body,
.cl-container.inner-content-wrapper .cl-container.pop-content-body,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body,
.cl-container.content-wrapper .cl-container.inner-content-body,
.cl-container.pop-content-wrapper .cl-container.inner-content-body,
.cl-container.inner-content-wrapper .cl-container.inner-content-body,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body,
.cl-container.content-wrapper .cl-container.viewer-content-body,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body {
  padding: 12px 16px 12px 16px;
  /* 배경색 처리 (마스터-디테일 유형 화면에서 사용) */
  /* 화면 유형에 따라 여백을 별도 처리해야 하는 경우 사용하는 클래스 */
  /* 화면의 유형이 마스터-디테일로 구분되는 경우 적용하는 클래스. 영역을 감싸는 그룹(컨테이너)에 적용 */
  /* 콘텐츠 영역에 적용하는 클래스 (2nd에 적용) */
  /* 콘텐츠 영역에 적용하는 클래스 (3rd 이상부터는 sub-content 적용) */
  /* ---------- 클래스 공통 처리 ---------- */
  /* 컨트롤 전역 스타일 변경 */
  /* 폼 관련 스타일 변경 (form.part.less) */
  /* 카드 관련 스타일 변경 (card.part.less) */
  /* 메세지 관련 스타일 변경 (components.part.less) */
  /* ---------- 여백 및 간격 조정 클래스 ---------- */
  /* 별도 간격 클래스 */
}
.cl-container.content-wrapper .cl-container.content-body.body,
.cl-container.pop-content-wrapper .cl-container.content-body.body,
.cl-container.inner-content-wrapper .cl-container.content-body.body,
.cl-container.viewer-content-wrapper .cl-container.content-body.body,
.cl-container.content-wrapper .cl-container.pop-content-body.body,
.cl-container.pop-content-wrapper .cl-container.pop-content-body.body,
.cl-container.inner-content-wrapper .cl-container.pop-content-body.body,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body.body,
.cl-container.content-wrapper .cl-container.inner-content-body.body,
.cl-container.pop-content-wrapper .cl-container.inner-content-body.body,
.cl-container.inner-content-wrapper .cl-container.inner-content-body.body,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body.body,
.cl-container.content-wrapper .cl-container.viewer-content-body.body,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body.body,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body.body,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body.body {
  background-color: #f5f7fe;
}
.cl-container.content-wrapper .cl-container.content-body.ignore-horizontal-spacing,
.cl-container.pop-content-wrapper .cl-container.content-body.ignore-horizontal-spacing,
.cl-container.inner-content-wrapper .cl-container.content-body.ignore-horizontal-spacing,
.cl-container.viewer-content-wrapper .cl-container.content-body.ignore-horizontal-spacing,
.cl-container.content-wrapper .cl-container.pop-content-body.ignore-horizontal-spacing,
.cl-container.pop-content-wrapper .cl-container.pop-content-body.ignore-horizontal-spacing,
.cl-container.inner-content-wrapper .cl-container.pop-content-body.ignore-horizontal-spacing,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body.ignore-horizontal-spacing,
.cl-container.content-wrapper .cl-container.inner-content-body.ignore-horizontal-spacing,
.cl-container.pop-content-wrapper .cl-container.inner-content-body.ignore-horizontal-spacing,
.cl-container.inner-content-wrapper .cl-container.inner-content-body.ignore-horizontal-spacing,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body.ignore-horizontal-spacing,
.cl-container.content-wrapper .cl-container.viewer-content-body.ignore-horizontal-spacing,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body.ignore-horizontal-spacing,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body.ignore-horizontal-spacing,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body.ignore-horizontal-spacing {
  padding: 12px 0px 12px 0px;
}
.cl-container.content-wrapper .cl-container.content-body.ignore-vertical-spacing,
.cl-container.pop-content-wrapper .cl-container.content-body.ignore-vertical-spacing,
.cl-container.inner-content-wrapper .cl-container.content-body.ignore-vertical-spacing,
.cl-container.viewer-content-wrapper .cl-container.content-body.ignore-vertical-spacing,
.cl-container.content-wrapper .cl-container.pop-content-body.ignore-vertical-spacing,
.cl-container.pop-content-wrapper .cl-container.pop-content-body.ignore-vertical-spacing,
.cl-container.inner-content-wrapper .cl-container.pop-content-body.ignore-vertical-spacing,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body.ignore-vertical-spacing,
.cl-container.content-wrapper .cl-container.inner-content-body.ignore-vertical-spacing,
.cl-container.pop-content-wrapper .cl-container.inner-content-body.ignore-vertical-spacing,
.cl-container.inner-content-wrapper .cl-container.inner-content-body.ignore-vertical-spacing,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body.ignore-vertical-spacing,
.cl-container.content-wrapper .cl-container.viewer-content-body.ignore-vertical-spacing,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body.ignore-vertical-spacing,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body.ignore-vertical-spacing,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body.ignore-vertical-spacing {
  padding: 0px 16px 12px 16px;
}
.cl-container.content-wrapper .cl-container.content-body.ignore-bottom-spacing,
.cl-container.pop-content-wrapper .cl-container.content-body.ignore-bottom-spacing,
.cl-container.inner-content-wrapper .cl-container.content-body.ignore-bottom-spacing,
.cl-container.viewer-content-wrapper .cl-container.content-body.ignore-bottom-spacing,
.cl-container.content-wrapper .cl-container.pop-content-body.ignore-bottom-spacing,
.cl-container.pop-content-wrapper .cl-container.pop-content-body.ignore-bottom-spacing,
.cl-container.inner-content-wrapper .cl-container.pop-content-body.ignore-bottom-spacing,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body.ignore-bottom-spacing,
.cl-container.content-wrapper .cl-container.inner-content-body.ignore-bottom-spacing,
.cl-container.pop-content-wrapper .cl-container.inner-content-body.ignore-bottom-spacing,
.cl-container.inner-content-wrapper .cl-container.inner-content-body.ignore-bottom-spacing,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body.ignore-bottom-spacing,
.cl-container.content-wrapper .cl-container.viewer-content-body.ignore-bottom-spacing,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body.ignore-bottom-spacing,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body.ignore-bottom-spacing,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body.ignore-bottom-spacing {
  padding: 12px 16px 0px 16px;
}
.cl-container.content-wrapper .cl-container.content-body.ignore-all-spacing,
.cl-container.pop-content-wrapper .cl-container.content-body.ignore-all-spacing,
.cl-container.inner-content-wrapper .cl-container.content-body.ignore-all-spacing,
.cl-container.viewer-content-wrapper .cl-container.content-body.ignore-all-spacing,
.cl-container.content-wrapper .cl-container.pop-content-body.ignore-all-spacing,
.cl-container.pop-content-wrapper .cl-container.pop-content-body.ignore-all-spacing,
.cl-container.inner-content-wrapper .cl-container.pop-content-body.ignore-all-spacing,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body.ignore-all-spacing,
.cl-container.content-wrapper .cl-container.inner-content-body.ignore-all-spacing,
.cl-container.pop-content-wrapper .cl-container.inner-content-body.ignore-all-spacing,
.cl-container.inner-content-wrapper .cl-container.inner-content-body.ignore-all-spacing,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body.ignore-all-spacing,
.cl-container.content-wrapper .cl-container.viewer-content-body.ignore-all-spacing,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body.ignore-all-spacing,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body.ignore-all-spacing,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body.ignore-all-spacing {
  padding: 0px !important;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.division-content,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.division-content,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.division-content,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.division-content,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.division-content,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.division-content,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.division-content,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.division-content,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.division-content,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.division-content,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.division-content,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.division-content,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.division-content,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.division-content,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.division-content,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.division-content {
  /* 마스터 : 흰색, 디테일 : 노란색 */
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area {
  background-color: #fefdee;
  padding: 12px 16px;
  /* 마스터 영역에 적용하는 클래스 */
  /* 특정 영역 또는 고정되는 영역 등 예외 영역에 대하여 적용하는 클래스 (단, 마스터가 아니어야 함) */
  /* 마스터-디테일 영역의 위치에 따라 적용하는 클래스 (가로 배치) */
  /* 마스터-디테일 영역의 위치에 따라 적용하는 클래스 (세로 배치) */
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.master,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.master,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.master,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.master,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.master,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.master,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.master,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.master,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.master,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.master,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.master,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.master,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.master,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.master,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.master,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.master {
  background-color: #ffffff;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.fixed,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.fixed,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.fixed,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.fixed,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.fixed,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.fixed,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.fixed,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.fixed,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.fixed,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.fixed,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.fixed,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.fixed,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.fixed,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.fixed,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.fixed,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.fixed {
  background-color: #ffffff;
  padding-top: 10px;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.division-align-left,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.division-align-left,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.division-align-left,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.division-align-left,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.division-align-left,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.division-align-left,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.division-align-left,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.division-align-left,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.division-align-left,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.division-align-left,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.division-align-left,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.division-align-left,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.division-align-left,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.division-align-left,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.division-align-left,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.division-align-left {
  padding: 12px 12px 12px 16px;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.division-align-center,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.division-align-center,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.division-align-center,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.division-align-center,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.division-align-center,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.division-align-center,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.division-align-center,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.division-align-center,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.division-align-center,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.division-align-center,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.division-align-center,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.division-align-center,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.division-align-center,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.division-align-center,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.division-align-center,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.division-align-center {
  padding: 12px 12px 12px 12px;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.division-align-right,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.division-align-right,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.division-align-right,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.division-content .cl-container.division-area.division-align-right,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.division-align-right,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.division-align-right,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.division-align-right,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.division-content .cl-container.division-area.division-align-right,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.division-align-right,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.division-align-right,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.division-align-right,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.division-content .cl-container.division-area.division-align-right,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.division-align-right,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.division-align-right,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.division-align-right,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.division-content .cl-container.division-area.division-align-right {
  padding: 12px 16px 12px 12px;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.content,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.content,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.content,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.content,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.content,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.content,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.content,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.content {
  /* 타이틀 공통 처리 */
  /* 버튼 영역 내에 캘린더 범례가 배치되는 경우 별도의 여백을 CSS로 처리 */
  /* 아코디언 카드 유형 공통 스타일 */
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.content .cl-output.table-tit,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content .cl-output.table-tit,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content .cl-output.table-tit,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.content .cl-output.table-tit,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.table-tit,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.table-tit,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.table-tit,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.table-tit,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.table-tit,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.table-tit,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.table-tit,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.table-tit,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.table-tit,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.table-tit,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.table-tit,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.table-tit,
.cl-container.content-wrapper .cl-container.content-body .cl-container.content .cl-output.form-tit,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content .cl-output.form-tit,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content .cl-output.form-tit,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.content .cl-output.form-tit,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.form-tit,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.form-tit,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.form-tit,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.form-tit,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.form-tit,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.form-tit,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.form-tit,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.form-tit,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.form-tit,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.form-tit,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.form-tit,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.form-tit,
.cl-container.content-wrapper .cl-container.content-body .cl-container.content .cl-output.card-tit,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content .cl-output.card-tit,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.content .cl-output.card-tit,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.card-tit,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.card-tit,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.card-tit,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.card-tit,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.card-tit,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.card-tit,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.card-tit,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.card-tit,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.card-tit,
.cl-container.content-wrapper .cl-container.content-body .cl-container.content .cl-output.content-tit,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content .cl-output.content-tit,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content .cl-output.content-tit,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.content .cl-output.content-tit,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.content-tit,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.content-tit,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.content-tit,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.content-tit,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.content-tit,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.content-tit,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.content-tit,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.content-tit,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.content-tit,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.content-tit,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.content-tit,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.content-tit {
  padding: 0px 0px 0px 0px;
  min-height: 20px;
  /* 우측에 버튼 영역이 있는 경우에 대한 별도 처리 */
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.content .cl-output.table-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content .cl-output.table-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content .cl-output.table-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.content .cl-output.table-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.table-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.table-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.table-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.table-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.table-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.table-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.table-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.table-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.table-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.table-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.table-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.table-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.content-body .cl-container.content .cl-output.form-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content .cl-output.form-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content .cl-output.form-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.content .cl-output.form-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.form-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.form-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.form-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.form-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.form-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.form-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.form-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.form-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.form-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.form-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.form-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.form-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.content-body .cl-container.content .cl-output.card-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content .cl-output.card-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content .cl-output.card-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.content .cl-output.card-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.card-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.card-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.card-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.card-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.card-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.card-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.card-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.card-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.card-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.card-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.card-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.card-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.content-body .cl-container.content .cl-output.content-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content .cl-output.content-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content .cl-output.content-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.content .cl-output.content-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.content-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.content-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.content-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-output.content-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.content-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.content-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.content-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-output.content-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.content-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.content-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.content-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-output.content-tit:not(.cl-last-column) {
  padding: 3px 0px 0px 0px;
  vertical-align: top;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.content .calendar-legend,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content .calendar-legend,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content .calendar-legend,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.content .calendar-legend,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content .calendar-legend,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content .calendar-legend,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content .calendar-legend,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.content .calendar-legend,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content .calendar-legend,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content .calendar-legend,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content .calendar-legend,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.content .calendar-legend,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.content .calendar-legend,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.content .calendar-legend,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.content .calendar-legend,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.content .calendar-legend {
  margin-left: 8px;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.content .calendar-legend:before,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content .calendar-legend:before,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content .calendar-legend:before,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.content .calendar-legend:before,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content .calendar-legend:before,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content .calendar-legend:before,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content .calendar-legend:before,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.content .calendar-legend:before,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content .calendar-legend:before,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content .calendar-legend:before,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content .calendar-legend:before,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.content .calendar-legend:before,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.content .calendar-legend:before,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.content .calendar-legend:before,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.content .calendar-legend:before,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.content .calendar-legend:before {
  left: 8px;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.content .cl-accordion.accordion-card .cl-accordion-header,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content .cl-accordion.accordion-card .cl-accordion-header,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content .cl-accordion.accordion-card .cl-accordion-header,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.content .cl-accordion.accordion-card .cl-accordion-header,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content .cl-accordion.accordion-card .cl-accordion-header,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-accordion.accordion-card .cl-accordion-header,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-accordion.accordion-card .cl-accordion-header,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-accordion.accordion-card .cl-accordion-header,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content .cl-accordion.accordion-card .cl-accordion-header,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-accordion.accordion-card .cl-accordion-header,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-accordion.accordion-card .cl-accordion-header,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-accordion.accordion-card .cl-accordion-header,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-accordion.accordion-card .cl-accordion-header,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-accordion.accordion-card .cl-accordion-header,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-accordion.accordion-card .cl-accordion-header,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.content .cl-accordion.accordion-card .cl-accordion-header {
  font-family: "KBFGText", "KBFGDisplay", sans-serif;
  font-size: 13px;
  font-weight: 500;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content {
  /* 타이틀 공통 처리 */
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.table-tit,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.table-tit,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.table-tit,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.table-tit,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.table-tit,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.table-tit,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.table-tit,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.table-tit,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.table-tit,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.table-tit,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.table-tit,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.table-tit,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.table-tit,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.table-tit,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.table-tit,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.table-tit,
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.form-tit,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.form-tit,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.form-tit,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.form-tit,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.form-tit,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.form-tit,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.form-tit,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.form-tit,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.form-tit,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.form-tit,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.form-tit,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.form-tit,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.form-tit,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.form-tit,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.form-tit,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.form-tit,
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.card-tit,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.card-tit,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.card-tit,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.card-tit,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.card-tit,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.card-tit,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.card-tit,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.card-tit,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.card-tit,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.card-tit,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.card-tit,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.card-tit,
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.content-tit,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.content-tit,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.content-tit,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.content-tit,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.content-tit,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.content-tit,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.content-tit,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.content-tit,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.content-tit,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.content-tit,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.content-tit,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.content-tit,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.content-tit,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.content-tit,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.content-tit,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.content-tit {
  font-family: "KBFGText", "KBFGDisplay", sans-serif;
  font-size: 13px;
  font-weight: 500;
  min-height: 17px;
  /* 우측에 버튼 영역이 있는 경우에 대한 별도 처리 */
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.table-tit:before,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.table-tit:before,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.table-tit:before,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.table-tit:before,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.table-tit:before,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.table-tit:before,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.table-tit:before,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.table-tit:before,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.table-tit:before,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.table-tit:before,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.table-tit:before,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.table-tit:before,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.table-tit:before,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.table-tit:before,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.table-tit:before,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.table-tit:before,
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.form-tit:before,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.form-tit:before,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.form-tit:before,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.form-tit:before,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.form-tit:before,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.form-tit:before,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.form-tit:before,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.form-tit:before,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.form-tit:before,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.form-tit:before,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.form-tit:before,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.form-tit:before,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.form-tit:before,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.form-tit:before,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.form-tit:before,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.form-tit:before,
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.card-tit:before,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.card-tit:before,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.card-tit:before,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.card-tit:before,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.card-tit:before,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.card-tit:before,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.card-tit:before,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.card-tit:before,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.card-tit:before,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.card-tit:before,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.card-tit:before,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.card-tit:before,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.card-tit:before,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.card-tit:before,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.card-tit:before,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.card-tit:before,
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.content-tit:before,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.content-tit:before,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.content-tit:before,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.content-tit:before,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.content-tit:before,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.content-tit:before,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.content-tit:before,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.content-tit:before,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.content-tit:before,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.content-tit:before,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.content-tit:before,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.content-tit:before,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.content-tit:before,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.content-tit:before,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.content-tit:before,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.content-tit:before {
  content: none;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.table-tit .cl-text,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.table-tit .cl-text,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.table-tit .cl-text,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.table-tit .cl-text,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.table-tit .cl-text,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.table-tit .cl-text,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.table-tit .cl-text,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.table-tit .cl-text,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.table-tit .cl-text,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.table-tit .cl-text,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.table-tit .cl-text,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.table-tit .cl-text,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.table-tit .cl-text,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.table-tit .cl-text,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.table-tit .cl-text,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.table-tit .cl-text,
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.form-tit .cl-text,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.form-tit .cl-text,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.form-tit .cl-text,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.form-tit .cl-text,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.form-tit .cl-text,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.form-tit .cl-text,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.form-tit .cl-text,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.form-tit .cl-text,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.form-tit .cl-text,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.form-tit .cl-text,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.form-tit .cl-text,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.form-tit .cl-text,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.form-tit .cl-text,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.form-tit .cl-text,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.form-tit .cl-text,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.form-tit .cl-text,
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.card-tit .cl-text,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.card-tit .cl-text,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.card-tit .cl-text,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.card-tit .cl-text,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.card-tit .cl-text,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.card-tit .cl-text,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.card-tit .cl-text,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.card-tit .cl-text,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.card-tit .cl-text,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.card-tit .cl-text,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.card-tit .cl-text,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.card-tit .cl-text,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.card-tit .cl-text,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.card-tit .cl-text,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.card-tit .cl-text,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.card-tit .cl-text,
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.content-tit .cl-text,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.content-tit .cl-text,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.content-tit .cl-text,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.content-tit .cl-text,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.content-tit .cl-text,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.content-tit .cl-text,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.content-tit .cl-text,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.content-tit .cl-text,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.content-tit .cl-text,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.content-tit .cl-text,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.content-tit .cl-text,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.content-tit .cl-text,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.content-tit .cl-text,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.content-tit .cl-text,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.content-tit .cl-text,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.content-tit .cl-text {
  padding-left: 0px;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.table-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.table-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.table-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.table-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.table-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.table-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.table-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.table-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.table-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.table-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.table-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.table-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.table-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.table-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.table-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.table-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.form-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.form-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.form-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.form-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.form-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.form-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.form-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.form-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.form-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.form-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.form-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.form-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.form-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.form-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.form-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.form-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.card-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.card-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.card-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.card-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.card-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.card-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.card-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.card-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.card-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.card-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.card-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.card-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.card-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.card-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.card-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.card-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.content-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.content-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.content-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-output.content-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.content-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.content-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.content-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-output.content-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.content-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.content-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.content-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-output.content-tit:not(.cl-last-column),
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.content-tit:not(.cl-last-column),
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.content-tit:not(.cl-last-column),
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.content-tit:not(.cl-last-column),
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-output.content-tit:not(.cl-last-column) {
  vertical-align: top;
  padding: 3px 0px 0px 0px;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-checkbox.tit,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-checkbox.tit,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-checkbox.tit,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-checkbox.tit,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-checkbox.tit,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-checkbox.tit,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-checkbox.tit,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-checkbox.tit,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-checkbox.tit,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-checkbox.tit,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-checkbox.tit,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-checkbox.tit,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-checkbox.tit,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-checkbox.tit,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-checkbox.tit,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-checkbox.tit,
.cl-container.content-wrapper .cl-container.content-body .cl-container.sub-content .cl-radiobutton.tit,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-radiobutton.tit,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-radiobutton.tit,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.sub-content .cl-radiobutton.tit,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-radiobutton.tit,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-radiobutton.tit,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-radiobutton.tit,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.sub-content .cl-radiobutton.tit,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-radiobutton.tit,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-radiobutton.tit,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-radiobutton.tit,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.sub-content .cl-radiobutton.tit,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-radiobutton.tit,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-radiobutton.tit,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-radiobutton.tit,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.sub-content .cl-radiobutton.tit {
  font-size: 13px;
}
.cl-container.content-wrapper .cl-container.content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.content-wrapper .cl-container.content-body .cl-accordion .cl-output.card-tit,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-accordion .cl-output.card-tit,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-accordion .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-accordion .cl-output.card-tit,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-accordion .cl-output.card-tit,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-accordion .cl-output.card-tit,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-accordion .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-accordion .cl-output.card-tit,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-accordion .cl-output.card-tit,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-accordion .cl-output.card-tit,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-accordion .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-accordion .cl-output.card-tit,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-output.card-tit,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-output.card-tit,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-output.card-tit {
  font-family: "KBFGText", "KBFGDisplay", sans-serif;
  font-size: 13px;
  font-weight: 500;
}
.cl-container.content-wrapper .cl-container.content-body .cl-tabfolder .cl-container.division-content.body,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-tabfolder .cl-container.division-content.body,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-tabfolder .cl-container.division-content.body,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-tabfolder .cl-container.division-content.body,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-container.division-content.body,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-container.division-content.body,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-container.division-content.body,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-container.division-content.body,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-container.division-content.body,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-container.division-content.body,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-container.division-content.body,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-container.division-content.body,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-container.division-content.body,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-container.division-content.body,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-container.division-content.body,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-container.division-content.body,
.cl-container.content-wrapper .cl-container.content-body .cl-accordion .cl-container.division-content.body,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-accordion .cl-container.division-content.body,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-accordion .cl-container.division-content.body,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-accordion .cl-container.division-content.body,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-accordion .cl-container.division-content.body,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-accordion .cl-container.division-content.body,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-accordion .cl-container.division-content.body,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-accordion .cl-container.division-content.body,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-accordion .cl-container.division-content.body,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-accordion .cl-container.division-content.body,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-accordion .cl-container.division-content.body,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-accordion .cl-container.division-content.body,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-container.division-content.body,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-container.division-content.body,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-container.division-content.body,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-container.division-content.body {
  background-color: #f5f7fe;
}
.cl-container.content-wrapper .cl-container.content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.content-wrapper .cl-container.content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-left,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-left {
  padding: 9px 12px 12px 0px;
}
.cl-container.content-wrapper .cl-container.content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.content-wrapper .cl-container.content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-center,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-center {
  padding: 9px 12px 12px 12px;
}
.cl-container.content-wrapper .cl-container.content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.content-wrapper .cl-container.content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-right,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-container.division-content.body .cl-container.division-area.division-align-right {
  padding: 9px 0px 12px 12px;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.search-box,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.search-box,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.search-box,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.search-box,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.search-box,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.search-box,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.search-box,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.search-box,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.search-box,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.search-box,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.search-box,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.search-box,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.search-box,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.search-box,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.search-box,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.search-box {
  background-color: #ffffff;
  border: 1px solid #e7edf5;
  border-radius: 8px;
  padding: 9px;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.card,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.card,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.card,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.card,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.card,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.card,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.card,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.card,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.card,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.card,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.card,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.card,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.card,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.card,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.card,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.card,
.cl-container.content-wrapper .cl-container.content-body .cl-container.card-dim,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.card-dim,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.card-dim,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.card-dim,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.card-dim,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.card-dim,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.card-dim,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.card-dim,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.card-dim,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.card-dim,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.card-dim,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.card-dim,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.card-dim,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim {
  padding: 9px;
  box-shadow: none;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.card .cl-tree,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.card .cl-tree,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.card .cl-tree,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.card .cl-tree,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.card .cl-tree,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-tree,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-tree,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-tree,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.card .cl-tree,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-tree,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-tree,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-tree,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-tree,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-tree,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-tree,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-tree,
.cl-container.content-wrapper .cl-container.content-body .cl-container.card-dim .cl-tree,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-tree,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-tree,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-tree,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-tree,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-tree,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-tree,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-tree,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-tree,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-tree,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-tree,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-tree,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-tree,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-tree,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-tree,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-tree,
.cl-container.content-wrapper .cl-container.content-body .cl-container.card .cl-listbox,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.card .cl-listbox,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.card .cl-listbox,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.card .cl-listbox,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.card .cl-listbox,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-listbox,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-listbox,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-listbox,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.card .cl-listbox,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-listbox,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-listbox,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-listbox,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-listbox,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-listbox,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-listbox,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-listbox,
.cl-container.content-wrapper .cl-container.content-body .cl-container.card-dim .cl-listbox,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-listbox,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-listbox,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-listbox,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-listbox,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-listbox,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-listbox,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-listbox,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-listbox,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-listbox,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-listbox,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-listbox,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-listbox,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-listbox,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-listbox,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-listbox {
  border: none;
  padding: 0px;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.card .cl-tree.cl-focus,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.card .cl-tree.cl-focus,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.card .cl-tree.cl-focus,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.card .cl-tree.cl-focus,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.card .cl-tree.cl-focus,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-tree.cl-focus,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-tree.cl-focus,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-tree.cl-focus,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.card .cl-tree.cl-focus,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-tree.cl-focus,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-tree.cl-focus,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-tree.cl-focus,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-tree.cl-focus,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-tree.cl-focus,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-tree.cl-focus,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-tree.cl-focus,
.cl-container.content-wrapper .cl-container.content-body .cl-container.card-dim .cl-tree.cl-focus,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-tree.cl-focus,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-tree.cl-focus,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-tree.cl-focus,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-tree.cl-focus,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-tree.cl-focus,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-tree.cl-focus,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-tree.cl-focus,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-tree.cl-focus,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-tree.cl-focus,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-tree.cl-focus,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-tree.cl-focus,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-tree.cl-focus,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-tree.cl-focus,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-tree.cl-focus,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-tree.cl-focus,
.cl-container.content-wrapper .cl-container.content-body .cl-container.card .cl-listbox.cl-focus,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.card .cl-listbox.cl-focus,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.card .cl-listbox.cl-focus,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.card .cl-listbox.cl-focus,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.card .cl-listbox.cl-focus,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-listbox.cl-focus,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-listbox.cl-focus,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-listbox.cl-focus,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.card .cl-listbox.cl-focus,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-listbox.cl-focus,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-listbox.cl-focus,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-listbox.cl-focus,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-listbox.cl-focus,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-listbox.cl-focus,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-listbox.cl-focus,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-listbox.cl-focus,
.cl-container.content-wrapper .cl-container.content-body .cl-container.card-dim .cl-listbox.cl-focus,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-listbox.cl-focus,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-listbox.cl-focus,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-listbox.cl-focus,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-listbox.cl-focus,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-listbox.cl-focus,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-listbox.cl-focus,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-listbox.cl-focus,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-listbox.cl-focus,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-listbox.cl-focus,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-listbox.cl-focus,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-listbox.cl-focus,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-listbox.cl-focus,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-listbox.cl-focus,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-listbox.cl-focus,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-listbox.cl-focus,
.cl-container.content-wrapper .cl-container.content-body .cl-container.card .cl-tree:not(.cl-disabled):hover,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.card .cl-tree:not(.cl-disabled):hover,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.card .cl-tree:not(.cl-disabled):hover,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.card .cl-tree:not(.cl-disabled):hover,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.card .cl-tree:not(.cl-disabled):hover,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-tree:not(.cl-disabled):hover,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-tree:not(.cl-disabled):hover,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-tree:not(.cl-disabled):hover,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.card .cl-tree:not(.cl-disabled):hover,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-tree:not(.cl-disabled):hover,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-tree:not(.cl-disabled):hover,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-tree:not(.cl-disabled):hover,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-tree:not(.cl-disabled):hover,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-tree:not(.cl-disabled):hover,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-tree:not(.cl-disabled):hover,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-tree:not(.cl-disabled):hover,
.cl-container.content-wrapper .cl-container.content-body .cl-container.card-dim .cl-tree:not(.cl-disabled):hover,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-tree:not(.cl-disabled):hover,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-tree:not(.cl-disabled):hover,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-tree:not(.cl-disabled):hover,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-tree:not(.cl-disabled):hover,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-tree:not(.cl-disabled):hover,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-tree:not(.cl-disabled):hover,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-tree:not(.cl-disabled):hover,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-tree:not(.cl-disabled):hover,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-tree:not(.cl-disabled):hover,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-tree:not(.cl-disabled):hover,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-tree:not(.cl-disabled):hover,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-tree:not(.cl-disabled):hover,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-tree:not(.cl-disabled):hover,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-tree:not(.cl-disabled):hover,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-tree:not(.cl-disabled):hover,
.cl-container.content-wrapper .cl-container.content-body .cl-container.card .cl-listbox:not(.cl-disabled):hover,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.card .cl-listbox:not(.cl-disabled):hover,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.card .cl-listbox:not(.cl-disabled):hover,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.card .cl-listbox:not(.cl-disabled):hover,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.card .cl-listbox:not(.cl-disabled):hover,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-listbox:not(.cl-disabled):hover,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-listbox:not(.cl-disabled):hover,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.card .cl-listbox:not(.cl-disabled):hover,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.card .cl-listbox:not(.cl-disabled):hover,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-listbox:not(.cl-disabled):hover,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-listbox:not(.cl-disabled):hover,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.card .cl-listbox:not(.cl-disabled):hover,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-listbox:not(.cl-disabled):hover,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-listbox:not(.cl-disabled):hover,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-listbox:not(.cl-disabled):hover,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.card .cl-listbox:not(.cl-disabled):hover,
.cl-container.content-wrapper .cl-container.content-body .cl-container.card-dim .cl-listbox:not(.cl-disabled):hover,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-listbox:not(.cl-disabled):hover,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-listbox:not(.cl-disabled):hover,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.card-dim .cl-listbox:not(.cl-disabled):hover,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-listbox:not(.cl-disabled):hover,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-listbox:not(.cl-disabled):hover,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-listbox:not(.cl-disabled):hover,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.card-dim .cl-listbox:not(.cl-disabled):hover,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-listbox:not(.cl-disabled):hover,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-listbox:not(.cl-disabled):hover,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-listbox:not(.cl-disabled):hover,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.card-dim .cl-listbox:not(.cl-disabled):hover,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-listbox:not(.cl-disabled):hover,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-listbox:not(.cl-disabled):hover,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-listbox:not(.cl-disabled):hover,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.card-dim .cl-listbox:not(.cl-disabled):hover {
  box-shadow: none;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.notifier,
.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.notifier,
.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.notifier,
.cl-container.viewer-content-wrapper .cl-container.content-body .cl-container.notifier,
.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.notifier,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.notifier,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.notifier,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .cl-container.notifier,
.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.notifier,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.notifier,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.notifier,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .cl-container.notifier,
.cl-container.content-wrapper .cl-container.viewer-content-body .cl-container.notifier,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .cl-container.notifier,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .cl-container.notifier,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-container.notifier {
  border-width: 1px;
  border-radius: 8px;
  padding: 9px 7px 9px 11px;
}
.cl-container.content-wrapper .cl-container.content-body .extra-top-spacing:not(.card):not(.card-dim):not(.card-item):not(.form-base):not(.form-table),
.cl-container.pop-content-wrapper .cl-container.content-body .extra-top-spacing:not(.card):not(.card-dim):not(.card-item):not(.form-base):not(.form-table),
.cl-container.inner-content-wrapper .cl-container.content-body .extra-top-spacing:not(.card):not(.card-dim):not(.card-item):not(.form-base):not(.form-table),
.cl-container.viewer-content-wrapper .cl-container.content-body .extra-top-spacing:not(.card):not(.card-dim):not(.card-item):not(.form-base):not(.form-table),
.cl-container.content-wrapper .cl-container.pop-content-body .extra-top-spacing:not(.card):not(.card-dim):not(.card-item):not(.form-base):not(.form-table),
.cl-container.pop-content-wrapper .cl-container.pop-content-body .extra-top-spacing:not(.card):not(.card-dim):not(.card-item):not(.form-base):not(.form-table),
.cl-container.inner-content-wrapper .cl-container.pop-content-body .extra-top-spacing:not(.card):not(.card-dim):not(.card-item):not(.form-base):not(.form-table),
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .extra-top-spacing:not(.card):not(.card-dim):not(.card-item):not(.form-base):not(.form-table),
.cl-container.content-wrapper .cl-container.inner-content-body .extra-top-spacing:not(.card):not(.card-dim):not(.card-item):not(.form-base):not(.form-table),
.cl-container.pop-content-wrapper .cl-container.inner-content-body .extra-top-spacing:not(.card):not(.card-dim):not(.card-item):not(.form-base):not(.form-table),
.cl-container.inner-content-wrapper .cl-container.inner-content-body .extra-top-spacing:not(.card):not(.card-dim):not(.card-item):not(.form-base):not(.form-table),
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .extra-top-spacing:not(.card):not(.card-dim):not(.card-item):not(.form-base):not(.form-table),
.cl-container.content-wrapper .cl-container.viewer-content-body .extra-top-spacing:not(.card):not(.card-dim):not(.card-item):not(.form-base):not(.form-table),
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .extra-top-spacing:not(.card):not(.card-dim):not(.card-item):not(.form-base):not(.form-table),
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .extra-top-spacing:not(.card):not(.card-dim):not(.card-item):not(.form-base):not(.form-table),
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .extra-top-spacing:not(.card):not(.card-dim):not(.card-item):not(.form-base):not(.form-table) {
  padding-top: 4px;
}
.cl-container.content-wrapper .cl-container.content-body .extra-top-spacing.card,
.cl-container.pop-content-wrapper .cl-container.content-body .extra-top-spacing.card,
.cl-container.inner-content-wrapper .cl-container.content-body .extra-top-spacing.card,
.cl-container.viewer-content-wrapper .cl-container.content-body .extra-top-spacing.card,
.cl-container.content-wrapper .cl-container.pop-content-body .extra-top-spacing.card,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .extra-top-spacing.card,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .extra-top-spacing.card,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .extra-top-spacing.card,
.cl-container.content-wrapper .cl-container.inner-content-body .extra-top-spacing.card,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .extra-top-spacing.card,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .extra-top-spacing.card,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .extra-top-spacing.card,
.cl-container.content-wrapper .cl-container.viewer-content-body .extra-top-spacing.card,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .extra-top-spacing.card,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .extra-top-spacing.card,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .extra-top-spacing.card,
.cl-container.content-wrapper .cl-container.content-body .extra-top-spacing.card-dim,
.cl-container.pop-content-wrapper .cl-container.content-body .extra-top-spacing.card-dim,
.cl-container.inner-content-wrapper .cl-container.content-body .extra-top-spacing.card-dim,
.cl-container.viewer-content-wrapper .cl-container.content-body .extra-top-spacing.card-dim,
.cl-container.content-wrapper .cl-container.pop-content-body .extra-top-spacing.card-dim,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .extra-top-spacing.card-dim,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .extra-top-spacing.card-dim,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .extra-top-spacing.card-dim,
.cl-container.content-wrapper .cl-container.inner-content-body .extra-top-spacing.card-dim,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .extra-top-spacing.card-dim,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .extra-top-spacing.card-dim,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .extra-top-spacing.card-dim,
.cl-container.content-wrapper .cl-container.viewer-content-body .extra-top-spacing.card-dim,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .extra-top-spacing.card-dim,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .extra-top-spacing.card-dim,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .extra-top-spacing.card-dim,
.cl-container.content-wrapper .cl-container.content-body .extra-top-spacing.card-item,
.cl-container.pop-content-wrapper .cl-container.content-body .extra-top-spacing.card-item,
.cl-container.inner-content-wrapper .cl-container.content-body .extra-top-spacing.card-item,
.cl-container.viewer-content-wrapper .cl-container.content-body .extra-top-spacing.card-item,
.cl-container.content-wrapper .cl-container.pop-content-body .extra-top-spacing.card-item,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .extra-top-spacing.card-item,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .extra-top-spacing.card-item,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .extra-top-spacing.card-item,
.cl-container.content-wrapper .cl-container.inner-content-body .extra-top-spacing.card-item,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .extra-top-spacing.card-item,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .extra-top-spacing.card-item,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .extra-top-spacing.card-item,
.cl-container.content-wrapper .cl-container.viewer-content-body .extra-top-spacing.card-item,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .extra-top-spacing.card-item,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .extra-top-spacing.card-item,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .extra-top-spacing.card-item,
.cl-container.content-wrapper .cl-container.content-body .extra-top-spacing.form-base,
.cl-container.pop-content-wrapper .cl-container.content-body .extra-top-spacing.form-base,
.cl-container.inner-content-wrapper .cl-container.content-body .extra-top-spacing.form-base,
.cl-container.viewer-content-wrapper .cl-container.content-body .extra-top-spacing.form-base,
.cl-container.content-wrapper .cl-container.pop-content-body .extra-top-spacing.form-base,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .extra-top-spacing.form-base,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .extra-top-spacing.form-base,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .extra-top-spacing.form-base,
.cl-container.content-wrapper .cl-container.inner-content-body .extra-top-spacing.form-base,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .extra-top-spacing.form-base,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .extra-top-spacing.form-base,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .extra-top-spacing.form-base,
.cl-container.content-wrapper .cl-container.viewer-content-body .extra-top-spacing.form-base,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .extra-top-spacing.form-base,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .extra-top-spacing.form-base,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .extra-top-spacing.form-base,
.cl-container.content-wrapper .cl-container.content-body .extra-top-spacing.form-table,
.cl-container.pop-content-wrapper .cl-container.content-body .extra-top-spacing.form-table,
.cl-container.inner-content-wrapper .cl-container.content-body .extra-top-spacing.form-table,
.cl-container.viewer-content-wrapper .cl-container.content-body .extra-top-spacing.form-table,
.cl-container.content-wrapper .cl-container.pop-content-body .extra-top-spacing.form-table,
.cl-container.pop-content-wrapper .cl-container.pop-content-body .extra-top-spacing.form-table,
.cl-container.inner-content-wrapper .cl-container.pop-content-body .extra-top-spacing.form-table,
.cl-container.viewer-content-wrapper .cl-container.pop-content-body .extra-top-spacing.form-table,
.cl-container.content-wrapper .cl-container.inner-content-body .extra-top-spacing.form-table,
.cl-container.pop-content-wrapper .cl-container.inner-content-body .extra-top-spacing.form-table,
.cl-container.inner-content-wrapper .cl-container.inner-content-body .extra-top-spacing.form-table,
.cl-container.viewer-content-wrapper .cl-container.inner-content-body .extra-top-spacing.form-table,
.cl-container.content-wrapper .cl-container.viewer-content-body .extra-top-spacing.form-table,
.cl-container.pop-content-wrapper .cl-container.viewer-content-body .extra-top-spacing.form-table,
.cl-container.inner-content-wrapper .cl-container.viewer-content-body .extra-top-spacing.form-table,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .extra-top-spacing.form-table {
  margin-top: 4px;
}
.cl-container.content-wrapper .cl-container.content-footer,
.cl-container.pop-content-wrapper .cl-container.content-footer,
.cl-container.inner-content-wrapper .cl-container.content-footer,
.cl-container.viewer-content-wrapper .cl-container.content-footer,
.cl-container.content-wrapper .cl-container.pop-content-footer,
.cl-container.pop-content-wrapper .cl-container.pop-content-footer,
.cl-container.inner-content-wrapper .cl-container.pop-content-footer,
.cl-container.viewer-content-wrapper .cl-container.pop-content-footer,
.cl-container.content-wrapper .cl-container.view-content-footer,
.cl-container.pop-content-wrapper .cl-container.view-content-footer,
.cl-container.inner-content-wrapper .cl-container.view-content-footer,
.cl-container.viewer-content-wrapper .cl-container.view-content-footer {
  background-color: #ffffff;
  border-radius: 0px 0px 11px 11px;
  box-shadow: 0 -3px 6px 0 rgba(51, 51, 51, 0.1);
  padding: 10px 16px;
}
/* 일반 화면의 경우 사용하는 클래스 */
/* 팝업 화면의 경우 사용하는 클래스 */
.cl-container.pop-content-wrapper {
  /* ---------- 콘텐트 푸터 ---------- */
}
.cl-container.pop-content-wrapper .cl-container.pop-content-footer {
  border-top: 1px solid #e7edf5;
  box-shadow: none;
  padding: 9px 16px 10px 16px;
}
.cl-container.pop-content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-area .cl-container > .cl-layout {
  height: calc(100% + 6px) !important;
  margin: -6px 0px 0px -6px !important;
}
.cl-container.pop-content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-area .cl-container > .cl-layout > .cl-layout-content {
  height: calc(100% - 6px) !important;
}
.cl-container.pop-content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-area .cl-container > .cl-layout > .cl-layout-content .cl-layout-wrap {
  height: 26px !important;
  margin: 6px 0px 0px 6px !important;
}
.cl-container.pop-content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-area .cl-container > .cl-layout > .cl-layout-content .cl-layout-wrap .cl-button.btn-lg {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  padding: 0px 7px;
}
/* 임베디드 되는 화면 유형의 경우 사용하는 클래스 */
.cl-container.inner-content-wrapper .cl-container.inner-content-body {
  padding: 0px;
}
/* 뷰어 화면 유형의 경우 사용하는 클래스 */
.cl-container.viewer-content-wrapper {
  /* ---------- 콘텐트 푸터 ---------- */
}
.cl-container.viewer-content-wrapper .cl-container.viewer-division-content {
  /* 뷰어 헤더 및 바디를 감싸는 영역 */
  padding: 12px 16px;
  /* 방향에 따른 영역 여백 클래스 (별도 여백이 필요할 때에만 적용) */
}
.cl-container.viewer-content-wrapper .cl-container.viewer-division-content.ignore-all-spacing {
  /* 일반적으로 헤더 및 바디를 해당 영역 내에 표시하는 경우 사용하는 클래스 */
  padding: 0px;
}
.cl-container.viewer-content-wrapper .cl-container.viewer-division-content.ignore-all-spacing .cl-container.viewer-content-body {
  padding: 24px 16px;
}
.cl-container.viewer-content-wrapper .cl-container.viewer-division-content.viewer {
  /* 실제 뷰어가 배치되는 영역 */
  padding: 0px;
}
.cl-container.viewer-content-wrapper .cl-container.viewer-division-content.viewer .cl-container.viewer-content-body {
  padding: 0px 16px 12px 0px;
}
.cl-container.viewer-content-wrapper .cl-container.viewer-division-content.division-align-left {
  padding: 12px 12px 12px 16px;
}
.cl-container.viewer-content-wrapper .cl-container.viewer-division-content.division-align-center {
  padding: 12px 0px 0px 12px;
}
.cl-container.viewer-content-wrapper .cl-container.viewer-division-content.division-align-right {
  padding: 12px 0px 0px 16px;
}
.cl-container.viewer-content-wrapper .cl-container.viewer-division-content .card {
  padding: 10px;
  box-shadow: none;
}
.cl-container.viewer-content-wrapper .cl-container.viewer-content-header {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
}
.cl-container.viewer-content-wrapper .cl-container.viewer-content-header .cl-container.header-area {
  padding: 16px;
}
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-tabfolder .cl-output.card-tit,
.cl-container.viewer-content-wrapper .cl-container.viewer-content-body .cl-accordion .cl-output.card-tit {
  font-family: "KBFGDisplay", sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.cl-container.viewer-content-wrapper .cl-container.viewer-content-footer {
  border-top: 1px solid #e7edf5;
  box-shadow: none;
  padding: 9px 16px 10px 16px;
}
.cl-container.viewer-content-wrapper .cl-container.viewer-content-footer .cl-container.footer-button-area .cl-container > .cl-layout {
  height: calc(100% + 6px) !important;
  margin: -6px 0px 0px -6px !important;
}
.cl-container.viewer-content-wrapper .cl-container.viewer-content-footer .cl-container.footer-button-area .cl-container > .cl-layout > .cl-layout-content {
  height: calc(100% - 6px) !important;
}
.cl-container.viewer-content-wrapper .cl-container.viewer-content-footer .cl-container.footer-button-area .cl-container > .cl-layout > .cl-layout-content .cl-layout-wrap {
  height: 26px !important;
  margin: 6px 0px 0px 6px !important;
}
.cl-container.viewer-content-wrapper .cl-container.viewer-content-footer .cl-container.footer-button-area .cl-container > .cl-layout > .cl-layout-content .cl-layout-wrap .cl-button.btn-lg {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  padding: 0px 7px;
}
/* 탭 폴더 타이틀 우측에 위치하는 버튼을 감싸는 그룹에 적용되는 클래스 */
.tab-button-area {
  padding: 10px 0px 0px 24px;
}
/* 다중 선택 콤보박스의 기능 처리를 위한 클래스*/
.cl-combobox-list.sts-all .cl-combobox-item.allItem .cl-checkbox {
  background-image: url("images/controls/checkbox/ic_check_on.svg") !important;
}
.cl-checkboxgroup.sts-all .cl-checkbox.allItem .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_check_on.svg") !important;
}
/*동적 마스크 UDC내 인풋박스가 사용하는 클래스*/
.cl-inputbox.ipb-invisible .cl-text {
  color: transparent;
}
.cl-inputbox.ipb-invisible.cl-focus .cl-text {
  color: #222222;
}
.cl-button.btn-flat {
  border: none;
  background-color: transparent;
  pointer-events: none;
}
.cl-button.btn-flat.cl-disabled {
  color: #222222;
}
.cl-combobox.cmb-btn .cl-text {
  width: 0px;
  padding: 0px;
}
.cl-control.cl-combobox.cmb-border-0 {
  background-color: transparent;
  border: none;
  cursor: default !important;
}
.cl-control.cl-combobox.cmb-border-0:hover {
  border: none;
  box-shadow: none;
  cursor: default;
}
.cl-control.cl-combobox.cmb-border-0 .cl-text {
  padding: 0px;
}
.cl-control.cl-combobox.cmb-border-0 .cl-text.cl-preventinput {
  cursor: default;
}
.cl-control.cl-grid.test-grid .cl-vscrollbar {
  background-color: #eceef1;
}
.cl-control.cl-grid.test-grid .cl-hscrollbar {
  background-color: #eceef1;
}
.cl-control.cl-grid.test-grid .cl-hscrollbar .cl-track .cl-thumb:hover {
  border-radius: 10px;
  height: 10px;
}
.cl-control.cl-grid.test-grid .cl-hscrollbar .cl-track .cl-thumb:active {
  border-radius: 10px;
  height: 10px;
}
.cl-control.temp-disable {
  background-color: #eceef1;
  border: solid 1px #ea463c;
  color: #ea463c;
}
.oz-border-0 {
  border: none !important;
}
.cl-container.img-view {
  background-image: url("images/com/default_scn_img.png");
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}
.line-clamp-3 .cl-text {
  -webkit-line-clamp: 3;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}
.cl-numbereditor .cl-text[aria-valuenow*="-"] {
  color: #ea463c;
}
/************************************************
 * 기본 커스텀 스크롤
 * -> 가로/세로
 ************************************************/
.cl-vscrollbar {
  background-color: transparent;
  width: 7px;
}
.cl-vscrollbar .cl-arrow-up,
.cl-vscrollbar .cl-arrow-down {
  background-image: none;
  background-color: transparent;
  height: 0px;
}
.cl-vscrollbar .cl-track {
  top: 0px;
  bottom: 0px;
}
.cl-vscrollbar .cl-track .cl-thumb {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.6);
  width: 5px;
  right: 2px;
}
.cl-hscrollbar {
  background-color: transparent;
  height: 7px;
}
.cl-hscrollbar .cl-arrow-left,
.cl-hscrollbar .cl-arrow-right {
  background-image: none;
  background-color: transparent;
  width: 0px;
}
.cl-hscrollbar .cl-track {
  left: 0px;
  right: 0px;
}
.cl-hscrollbar .cl-track .cl-thumb {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.6);
  height: 5px;
  bottom: 2px;
}
/************************************************
 * 컨트롤별 커스텀 스크롤
 ************************************************/
.cl-container > .cl-layout.cl-scrollbar.cl-customscrollbar {
  padding-right: 16px !important;
}
.cl-container > .cl-layout.cl-scrollbar.cl-customscrollbar + .cl-vscrollbar {
  width: 7px;
}
.cl-container > .cl-layout.cl-scrollbar.cl-customscrollbar + .cl-vscrollbar .cl-track .cl-thumb {
  right: 2px;
}
.cl-container.bound_body .cl-container > .cl-layout.cl-scrollbar.cl-customscrollbar {
  padding-right: 0px !important;
}
.cl-container.bound_body .cl-container > .cl-layout.cl-scrollbar.cl-customscrollbar + .cl-vscrollbar .cl-track .cl-thumb {
  right: 2px;
}
.cl-container.main_body .cl-container > .cl-layout.cl-scrollbar.cl-customscrollbar {
  padding-right: 0px !important;
}
.cl-container.main_body .cl-container > .cl-layout.cl-scrollbar.cl-customscrollbar + .cl-vscrollbar .cl-track .cl-thumb {
  right: 2px;
}
.cl-grid.table-scroll-thin .cl-blank {
  width: 1px !important;
}
.cl-grid.table-scroll-thin .cl-grid-detail.cl-grid-detail-band {
  padding-right: 0px !important;
}
.cl-grid.table-scroll-thin .cl-grid-detail.cl-grid-detail-band > div > div {
  right: 1px !important;
}
.cl-grid.table-scroll-thin .cl-grid-detail.cl-grid-detail-band .cl-vscrollbar {
  width: 1px;
}
.cl-grid.table-scroll-thin .cl-grid-detail.cl-grid-detail-band .cl-vscrollbar .cl-track .cl-thumb {
  width: 1px;
  right: 0px !important;
}
.cl-grid.table-scroll-thin .cl-grid-header.cl-grid-header-band > div > div {
  right: 0px !important;
}
.cl-container.content-temp {
  padding-bottom: 0px !important;
}
.cl-container.content-temp > .cl-hscrollbar .cl-track .cl-thumb:hover {
  border-radius: 8px;
  height: 8px;
}
.cl-container.content-temp > .cl-hscrollbar .cl-track .cl-thumb:active {
  border-radius: 8px;
  height: 8px;
}
/************************************************
 * 공통
 ************************************************/
.cl-control .cl-text span.flag {
  padding: 2px 5px;
}
.cl-control.cl-output .cl-text span.flag {
  display: inline-block;
  margin: 0px 6px 3px 0px;
  vertical-align: middle;
}
.cl-control.cl-accordion .cl-text span.flag {
  display: inline-block;
  margin-right: 6px;
  vertical-align: top;
}
/************************************************
 * Badge
 * -> 탭 폴더 또는 트리 등에 사용되는 형태
 * -> displayExp 로도 사용할 수 있도록 작성함
 ************************************************/
.badge {
  background-color: #bec7df;
  border-radius: 9999px;
  color: #ffffff;
  font-family: "KBFGDisplay", sans-serif;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 6px 1px;
  text-align: center;
}
.badge.badge-black {
  background-color: #454e6a;
}
.badge.badge-red {
  background-color: #ea463c;
}
.badge.badge-md {
  font-size: 11px;
  padding: 3px 8px;
}
/************************************************
 * New Badge / Dot Badge
 * -> 새로운 글에 대한 배지 표시 등에서 사용
 * -> displayExp 로도 사용할 수 있도록 작성함
 ************************************************/
.badge-new {
  background-color: #ea463c;
  border-radius: 9999px;
  color: #ffffff;
  font-family: "KBFGDisplay", sans-serif;
  font-weight: 700;
  font-size: 10px;
  text-align: center;
}
/************************************************
 * Flag
 * -> 정보에 대한 표시
 * -> displayExp 로도 사용할 수 있도록 작성함
 ************************************************/
.flag {
  background-color: #ffffff;
  border: 1px solid #c5cee3;
  border-radius: 4px;
  color: #666666;
  background-repeat: no-repeat;
  font-size: 12px;
  font-weight: 500;
  padding: 0px 5px;
  text-align: center;
}
.flag.flag-blue {
  background-color: #4366f8;
  border-color: #4366f8;
  color: #ffffff;
}
.flag.flag-red {
  background-color: #ea463c;
  border-color: #ea463c;
  color: #ffffff;
}
.flag.flag-black {
  background-color: #454e6a;
  border-color: #454e6a;
  color: #ffffff;
}
.flag.flag-lightblue {
  background-color: #e1e7fd;
  border-color: #e1e7fd;
  color: #222222;
}
.flag.checked {
  background-image: url("images/controls/checkbox/ic_flag_check.svg");
  background-position: 4px center;
  padding-left: 18px !important;
}
.flag.checked.flag-blue,
.flag.checked.flag-red,
.flag.checked.flag-black {
  background-image: url("images/controls/checkbox/ic_flag_check_w.svg");
}
.flag.checked.flag-lightblue {
  background-image: url("images/controls/checkbox/ic_flag_check.svg");
}
/************************************************
 * Tag
 * -> 필터된 정보를 표시
 ************************************************/
.tag {
  background-color: #ffffff;
  border: 1px solid #aac1ff;
  border-radius: 9999px;
  color: #4366f8;
  font-weight: 500;
  padding: 0px 5px;
  text-align: center;
}
.tag.filterable {
  background-image: url("images/controls/output/ic_btn_clear.svg");
  background-position: calc(100% - 4px) center;
  padding-right: 19px;
  cursor: pointer;
}
.tag.filterable:hover {
  background-image: url("images/controls/output/ic_btn_clear_on.svg");
}
.tag.filterable.cl-disabled {
  background-image: url("images/controls/output/ic_btn_clear_off.svg");
}
.tag.tag-red {
  border-color: #ffd7d9;
  color: #ff5a5a;
}
.tag.tag-purple {
  border-color: #d6b9fd;
  color: #8e49ef;
}
.tag.tag-magenta {
  border-color: #f5c1d8;
  color: #ce3678;
}
.tag.tag-cyan {
  border-color: #96d6f2;
  color: #2495c7;
}
.tag.tag-green {
  border-color: #a4ebba;
  color: #19a342;
}
.tag.tag-gray {
  border-color: #b3b3b3;
  color: #666666;
}
.tag.cl-disabled {
  background-color: #ffffff;
  border-color: #bbbbbb;
  color: #666666;
}
/************************************************
 * 우선순위 (범례)
 ************************************************/
.legend {
  color: #555555;
  font-weight: 500;
  font-size: 0px;
  padding: 0px 0px 0px 2px;
}
.legend .cl-text {
  padding: 0px !important;
}
.legend:before {
  content: "";
  position: relative;
  display: inline-block;
  left: 0px;
  top: calc(100% - 18px);
  width: 12px;
  height: 12px;
  margin-right: 6px;
  background-color: #a0a0a0;
  border-radius: 9999px;
}
.legend.legend-red:before {
  background-color: #ff5a5a;
}
.legend.legend-yellow:before {
  background-color: #fdc26f;
}
.legend.legend-green:before {
  background-color: #4ad96b;
}
.legend.legend-blue:before {
  background-color: #408bf2;
}
.legend.legend-row-red:before {
  background-color: rgba(234, 7, 60, 0.5);
}
.legend.legend-row-pup:before {
  background-color: rgba(142, 73, 239, 0.5);
}
.legend.legend-row-orange:before {
  background-color: rgba(235, 97, 20, 0.5);
}
.legend.legend-row-green:before {
  background-color: rgba(25, 163, 66, 0.5);
}
.legend.legend-row-pink:before {
  background-color: rgba(206, 54, 120, 0.5);
}
.legend.legend-row-yg:before {
  background-color: rgba(205, 253, 2, 0.5);
}
.legend.legend-row-blue-lighten:before {
  background-color: rgba(63, 139, 242, 0.2);
}
.legend.legend-row-green-lighten:before {
  background-color: rgba(25, 163, 66, 0.2);
}
.legend.legend-row-pink-lighten:before {
  background-color: rgba(206, 54, 120, 0.2);
}
.legend.legend-row-orange-lighten:before {
  background-color: rgba(235, 97, 20, 0.2);
}
.legend.legend-row-yellow-lighten:before {
  background-color: rgba(255, 204, 0, 0.2);
}
/* 그리드 내에 배치될 경우 (텍스트가 표시되지 않음) */
.cl-grid .cl-grid-detail .cl-grid-cell .legend {
  padding: 0px;
}
.cl-grid .cl-grid-detail .cl-grid-cell .legend:before {
  top: calc(50% - 6px);
  left: calc(50% - 6px);
}
/* 폼 내 배치될 경우 */
.cl-container.form-base .legend,
.cl-container.form-borderless .legend {
  padding-left: 18px;
  font-size: 12px;
}
.cl-container.form-base .legend:before,
.cl-container.form-borderless .legend:before {
  position: absolute;
  top: calc(50% - 7px);
  margin-right: 0px;
}
/************************************************
 * 캘린더 범례
 ************************************************/
.calendar-legend {
  color: #444444;
  font-weight: 500;
  padding-left: 16px;
}
.calendar-legend:before {
  content: "";
  position: absolute;
  left: 0px;
  top: calc(50% - 6px);
  width: 12px;
  height: 12px;
  background-color: #444444;
  border-radius: 3px;
}
.calendar-legend.legend-primary:before {
  background-color: #4366f8;
}
.calendar-legend.legend-red:before {
  background-color: #ff5a5a;
}
.calendar-legend.legend-green:before {
  background-color: #19a342;
}
.calendar-legend.legend-blue:before {
  background-color: #408bf2;
}
/************************************************
 * 버튼 유틸
 ************************************************/
.cl-button.btn-md {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  padding: 0px 7px;
}
.cl-button.btn-md .cl-icon {
  background-size: 12px;
  width: 12px;
  height: 12px;
}
.cl-button.btn-md.btn-i.cl-icon-align-left {
  padding: 0px 7px 0px 5px;
}
.cl-button.btn-md.btn-i.cl-icon-align-left .cl-icon {
  margin-right: 4px;
}
.cl-button.btn-md.btn-i.cl-icon-align-right {
  padding: 0px 5px 0px 7px;
}
.cl-button.btn-md.btn-i.cl-icon-align-right .cl-icon {
  margin-left: 4px;
}
.cl-button.btn-md.btn-i.cl-icon-align-top {
  padding: 5px 7px 7px 7px;
}
.cl-button.btn-md.btn-i.cl-icon-align-top .cl-icon {
  margin-bottom: 4px;
}
.cl-button.btn-md.btn-i.cl-icon-align-bottom {
  padding: 7px 7px 5px 7px;
}
.cl-button.btn-md.btn-i.cl-icon-align-bottom .cl-icon {
  margin-top: 4px;
}
.cl-button.btn-lg {
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  padding: 0px 9px;
}
.cl-button.btn-lg .cl-icon {
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.cl-button.btn-lg.btn-i.cl-icon-align-left {
  padding: 0px 9px 0px 7px;
}
.cl-button.btn-lg.btn-i.cl-icon-align-left .cl-icon {
  margin-right: 6px;
}
.cl-button.btn-lg.btn-i.cl-icon-align-right {
  padding: 0px 7px 0px 9px;
}
.cl-button.btn-lg.btn-i.cl-icon-align-right .cl-icon {
  margin-left: 6px;
}
.cl-button.btn-lg.btn-i.cl-icon-align-top {
  padding: 7px 9px 9px 9px;
}
.cl-button.btn-lg.btn-i.cl-icon-align-top .cl-icon {
  margin-bottom: 6px;
}
.cl-button.btn-lg.btn-i.cl-icon-align-bottom {
  padding: 9px 9px 7px 9px;
}
.cl-button.btn-lg.btn-i.cl-icon-align-bottom .cl-icon {
  margin-top: 6px;
}
.cl-container.btn-group .cl-formlayout-vertical-separator {
  background-color: #c5cee3;
}
.cl-container.btn-group .cl-button.cl-first-column {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.cl-container.btn-group .cl-button.cl-last-column {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.cl-container.btn-group .cl-button:not(.cl-first-column):not(.cl-last-column) {
  border-radius: 0px;
}
.cl-container.btn-shuttle .cl-button.btn-up,
.cl-container.btn-shuttle .cl-button.btn-down,
.cl-container.btn-shuttle .cl-button.btn-left,
.cl-container.btn-shuttle .cl-button.btn-right {
  background-color: #fcf1bb;
  border: none;
  border-radius: 6px;
}
.cl-container.btn-shuttle .cl-button.btn-up:not(.cl-disabled):hover,
.cl-container.btn-shuttle .cl-button.btn-down:not(.cl-disabled):hover,
.cl-container.btn-shuttle .cl-button.btn-left:not(.cl-disabled):hover,
.cl-container.btn-shuttle .cl-button.btn-right:not(.cl-disabled):hover {
  background-color: #e2d9a8;
}
.cl-container.btn-shuttle .cl-button.btn-up:not(.cl-disabled):focus,
.cl-container.btn-shuttle .cl-button.btn-down:not(.cl-disabled):focus,
.cl-container.btn-shuttle .cl-button.btn-left:not(.cl-disabled):focus,
.cl-container.btn-shuttle .cl-button.btn-right:not(.cl-disabled):focus,
.cl-container.btn-shuttle .cl-button.btn-up:not(.cl-disabled).cl-focus,
.cl-container.btn-shuttle .cl-button.btn-down:not(.cl-disabled).cl-focus,
.cl-container.btn-shuttle .cl-button.btn-left:not(.cl-disabled).cl-focus,
.cl-container.btn-shuttle .cl-button.btn-right:not(.cl-disabled).cl-focus {
  background-color: #fcf1bb;
}
.cl-container.btn-shuttle .cl-button.btn-up:not(.cl-disabled).cl-activated,
.cl-container.btn-shuttle .cl-button.btn-down:not(.cl-disabled).cl-activated,
.cl-container.btn-shuttle .cl-button.btn-left:not(.cl-disabled).cl-activated,
.cl-container.btn-shuttle .cl-button.btn-right:not(.cl-disabled).cl-activated,
.cl-container.btn-shuttle .cl-button.btn-up:not(.cl-disabled):active,
.cl-container.btn-shuttle .cl-button.btn-down:not(.cl-disabled):active,
.cl-container.btn-shuttle .cl-button.btn-left:not(.cl-disabled):active,
.cl-container.btn-shuttle .cl-button.btn-right:not(.cl-disabled):active {
  background-color: #fdf4c9;
}
.cl-container.btn-shuttle .cl-button.btn-up.cl-disabled,
.cl-container.btn-shuttle .cl-button.btn-down.cl-disabled,
.cl-container.btn-shuttle .cl-button.btn-left.cl-disabled,
.cl-container.btn-shuttle .cl-button.btn-right.cl-disabled {
  background-color: #e7edf5;
}
.cl-container.btn-bottom-area .cl-button.btn-up,
.cl-container.btn-bottom-area .cl-button.btn-down,
.cl-container.btn-bottom-area .cl-button.btn-left,
.cl-container.btn-bottom-area .cl-button.btn-right {
  background-color: #fafcfe;
  border-color: #c7cee1;
  border-radius: 6px;
  min-width: 26px;
}
.cl-container.btn-bottom-area .cl-button.btn-up:not(.cl-disabled):hover,
.cl-container.btn-bottom-area .cl-button.btn-down:not(.cl-disabled):hover,
.cl-container.btn-bottom-area .cl-button.btn-left:not(.cl-disabled):hover,
.cl-container.btn-bottom-area .cl-button.btn-right:not(.cl-disabled):hover {
  background-color: #eceef1;
}
.cl-container.btn-bottom-area .cl-button.btn-up:not(.cl-disabled):focus,
.cl-container.btn-bottom-area .cl-button.btn-down:not(.cl-disabled):focus,
.cl-container.btn-bottom-area .cl-button.btn-left:not(.cl-disabled):focus,
.cl-container.btn-bottom-area .cl-button.btn-right:not(.cl-disabled):focus,
.cl-container.btn-bottom-area .cl-button.btn-up:not(.cl-disabled).cl-focus,
.cl-container.btn-bottom-area .cl-button.btn-down:not(.cl-disabled).cl-focus,
.cl-container.btn-bottom-area .cl-button.btn-left:not(.cl-disabled).cl-focus,
.cl-container.btn-bottom-area .cl-button.btn-right:not(.cl-disabled).cl-focus {
  background-color: #fafcfe;
}
.cl-container.btn-bottom-area .cl-button.btn-up:not(.cl-disabled).cl-activated,
.cl-container.btn-bottom-area .cl-button.btn-down:not(.cl-disabled).cl-activated,
.cl-container.btn-bottom-area .cl-button.btn-left:not(.cl-disabled).cl-activated,
.cl-container.btn-bottom-area .cl-button.btn-right:not(.cl-disabled).cl-activated,
.cl-container.btn-bottom-area .cl-button.btn-up:not(.cl-disabled):active,
.cl-container.btn-bottom-area .cl-button.btn-down:not(.cl-disabled):active,
.cl-container.btn-bottom-area .cl-button.btn-left:not(.cl-disabled):active,
.cl-container.btn-bottom-area .cl-button.btn-right:not(.cl-disabled):active {
  background-color: #ffffff;
  border-color: #e4eaf3;
}
.cl-container.btn-bottom-area .cl-button.btn-up.cl-disabled,
.cl-container.btn-bottom-area .cl-button.btn-down.cl-disabled,
.cl-container.btn-bottom-area .cl-button.btn-left.cl-disabled,
.cl-container.btn-bottom-area .cl-button.btn-right.cl-disabled {
  background-color: #e7edf5;
  border-color: #e7edf5;
  color: #666666;
}
.cl-container.btn-bottom-area.btn-md {
  min-width: 26px;
}
/************************************************
 * 투명 버튼
 ************************************************/
.cl-button.btn-transparent {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 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-button.btn-txt {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  font-size: 12px;
  font-weight: 500;
  padding: 0px;
  text-decoration: underline;
}
.cl-button.btn-txt:not(.cl-disabled):hover {
  background-color: transparent;
}
.cl-button.btn-txt:focus,
.cl-button.btn-txt.cl-focus {
  background-color: transparent;
}
.cl-button.btn-txt:not(.cl-disabled).cl-activated,
.cl-button.btn-txt:not(.cl-disabled):active {
  background-color: transparent;
}
/************************************************
 * 기본 버튼
 ************************************************/
.cl-button.btn-primary-01 {
  background-color: #ffcc00;
  border-color: #ffcc00;
  color: #222222;
}
.cl-button.btn-primary-01:not(.cl-disabled):hover {
  background-color: #e5b700;
  border-color: #e5b700;
  color: #222222;
}
.cl-button.btn-primary-01:not(.cl-disabled):focus,
.cl-button.btn-primary-01:not(.cl-disabled).cl-focus {
  border-color: #ffcc00;
  color: #222222;
}
.cl-button.btn-primary-01:not(.cl-disabled).cl-activated,
.cl-button.btn-primary-01:not(.cl-disabled):active {
  background-color: #ffd633;
  border-color: #ffd633;
  color: #222222;
}
.cl-button.btn-primary-01.cl-disabled {
  background-color: #e7edf5;
  border-color: #e7edf5;
  color: #666666;
}
.cl-button.btn-primary-02 {
  background-color: #454e6a;
  border-color: #454e6a;
  color: #ffffff;
}
.cl-button.btn-primary-02:not(.cl-disabled):hover {
  background-color: #3b435d;
  border-color: #3b435d;
  color: #ffffff;
}
.cl-button.btn-primary-02:not(.cl-disabled):focus,
.cl-button.btn-primary-02:not(.cl-disabled).cl-focus {
  border-color: #454e6a;
  color: #ffffff;
}
.cl-button.btn-primary-02:not(.cl-disabled).cl-activated,
.cl-button.btn-primary-02:not(.cl-disabled):active {
  background-color: #6a7188;
  border-color: #6a7188;
  color: #ffffff;
}
.cl-button.btn-primary-02.cl-disabled {
  background-color: #e7edf5;
  border-color: #e7edf5;
  color: #666666;
}
.cl-button.btn-secondary-01 {
  background-color: #fcf1bb;
  border-color: #fcf1bb;
  color: #9b6200;
}
.cl-button.btn-secondary-01:not(.cl-disabled):hover {
  background-color: #e2d9a8;
  border-color: #e2d9a8;
  color: #9b6200;
}
.cl-button.btn-secondary-01:not(.cl-disabled):focus,
.cl-button.btn-secondary-01:not(.cl-disabled).cl-focus {
  border-color: #fcf1bb;
  color: #9b6200;
}
.cl-button.btn-secondary-01:not(.cl-disabled).cl-activated,
.cl-button.btn-secondary-01:not(.cl-disabled):active {
  background-color: #fdf4c9;
  border-color: #fdf4c9;
  color: #9b6200;
}
.cl-button.btn-secondary-01.cl-disabled {
  background-color: #e7edf5;
  border-color: #e7edf5;
  color: #666666;
}
.cl-button.btn-secondary-02 {
  background-color: #fafcfe;
  border-color: #c5cee3;
  color: #222222;
}
.cl-button.btn-secondary-02:not(.cl-disabled):hover {
  background-color: #eceef1;
  border-color: #c5cee3;
  color: #222222;
}
.cl-button.btn-secondary-02:not(.cl-disabled):focus,
.cl-button.btn-secondary-02:not(.cl-disabled).cl-focus {
  border-color: #c5cee3;
  color: #222222;
}
.cl-button.btn-secondary-02:not(.cl-disabled):active,
.cl-button.btn-secondary-02:not(.cl-disabled).cl-activated {
  background-color: #ffffff;
  border-color: #e4eaf3;
  color: #222222;
}
.cl-button.btn-secondary-02.cl-disabled {
  background-color: #e7edf5;
  border-color: #e7edf5;
  color: #666666;
}
/************************************************
 * 상태 버튼
 * -> btn-sts-xxx
 ************************************************/
.cl-button.btn-sts-01,
.cl-button.btn-sts-02,
.cl-button.btn-sts-03,
.cl-button.btn-sts-04,
.cl-button.btn-sts-05,
.cl-button.btn-sts-06,
.cl-button.btn-sts-07,
.cl-button.btn-sts-08,
.cl-button.btn-sts-09,
.cl-button.btn-sts-10 {
  border: none;
  color: #222222;
}
.cl-button.btn-sts-01:not(.cl-disabled):hover,
.cl-button.btn-sts-02:not(.cl-disabled):hover,
.cl-button.btn-sts-03:not(.cl-disabled):hover,
.cl-button.btn-sts-04:not(.cl-disabled):hover,
.cl-button.btn-sts-05:not(.cl-disabled):hover,
.cl-button.btn-sts-06:not(.cl-disabled):hover,
.cl-button.btn-sts-07:not(.cl-disabled):hover,
.cl-button.btn-sts-08:not(.cl-disabled):hover,
.cl-button.btn-sts-09:not(.cl-disabled):hover,
.cl-button.btn-sts-10:not(.cl-disabled):hover,
.cl-button.btn-sts-01:focus,
.cl-button.btn-sts-02:focus,
.cl-button.btn-sts-03:focus,
.cl-button.btn-sts-04:focus,
.cl-button.btn-sts-05:focus,
.cl-button.btn-sts-06:focus,
.cl-button.btn-sts-07:focus,
.cl-button.btn-sts-08:focus,
.cl-button.btn-sts-09:focus,
.cl-button.btn-sts-10:focus,
.cl-button.btn-sts-01.cl-focus,
.cl-button.btn-sts-02.cl-focus,
.cl-button.btn-sts-03.cl-focus,
.cl-button.btn-sts-04.cl-focus,
.cl-button.btn-sts-05.cl-focus,
.cl-button.btn-sts-06.cl-focus,
.cl-button.btn-sts-07.cl-focus,
.cl-button.btn-sts-08.cl-focus,
.cl-button.btn-sts-09.cl-focus,
.cl-button.btn-sts-10.cl-focus,
.cl-button.btn-sts-01:not(.cl-disabled):active,
.cl-button.btn-sts-02:not(.cl-disabled):active,
.cl-button.btn-sts-03:not(.cl-disabled):active,
.cl-button.btn-sts-04:not(.cl-disabled):active,
.cl-button.btn-sts-05:not(.cl-disabled):active,
.cl-button.btn-sts-06:not(.cl-disabled):active,
.cl-button.btn-sts-07:not(.cl-disabled):active,
.cl-button.btn-sts-08:not(.cl-disabled):active,
.cl-button.btn-sts-09:not(.cl-disabled):active,
.cl-button.btn-sts-10:not(.cl-disabled):active,
.cl-button.btn-sts-01:not(.cl-disabled).cl-activated,
.cl-button.btn-sts-02:not(.cl-disabled).cl-activated,
.cl-button.btn-sts-03:not(.cl-disabled).cl-activated,
.cl-button.btn-sts-04:not(.cl-disabled).cl-activated,
.cl-button.btn-sts-05:not(.cl-disabled).cl-activated,
.cl-button.btn-sts-06:not(.cl-disabled).cl-activated,
.cl-button.btn-sts-07:not(.cl-disabled).cl-activated,
.cl-button.btn-sts-08:not(.cl-disabled).cl-activated,
.cl-button.btn-sts-09:not(.cl-disabled).cl-activated,
.cl-button.btn-sts-10:not(.cl-disabled).cl-activated {
  color: #222222;
}
.cl-button.btn-sts-01.cl-disabled,
.cl-button.btn-sts-02.cl-disabled,
.cl-button.btn-sts-03.cl-disabled,
.cl-button.btn-sts-04.cl-disabled,
.cl-button.btn-sts-05.cl-disabled,
.cl-button.btn-sts-06.cl-disabled,
.cl-button.btn-sts-07.cl-disabled,
.cl-button.btn-sts-08.cl-disabled,
.cl-button.btn-sts-09.cl-disabled,
.cl-button.btn-sts-10.cl-disabled {
  background-color: #e7edf5;
  border-color: #e7edf5;
  color: #666666;
}
.cl-button.btn-sts-01 {
  background-color: rgba(255, 90, 90, 0.2);
}
.cl-button.btn-sts-01:not(.cl-disabled):hover,
.cl-button.btn-sts-01:focus,
.cl-button.btn-sts-01.cl-focus,
.cl-button.btn-sts-01:not(.cl-disabled):active,
.cl-button.btn-sts-01:not(.cl-disabled).cl-activated {
  background-color: rgba(255, 90, 90, 0.2);
}
.cl-button.btn-sts-02 {
  background-color: rgba(255, 119, 0, 0.2);
}
.cl-button.btn-sts-02:not(.cl-disabled):hover,
.cl-button.btn-sts-02:focus,
.cl-button.btn-sts-02.cl-focus,
.cl-button.btn-sts-02:not(.cl-disabled):active,
.cl-button.btn-sts-02:not(.cl-disabled).cl-activated {
  background-color: rgba(255, 119, 0, 0.2);
}
.cl-button.btn-sts-03 {
  background-color: rgba(74, 217, 107, 0.2);
}
.cl-button.btn-sts-03:not(.cl-disabled):hover,
.cl-button.btn-sts-03:focus,
.cl-button.btn-sts-03.cl-focus,
.cl-button.btn-sts-03:not(.cl-disabled):active,
.cl-button.btn-sts-03:not(.cl-disabled).cl-activated {
  background-color: rgba(74, 217, 107, 0.2);
}
.cl-button.btn-sts-04 {
  background-color: rgba(63, 139, 242, 0.2);
}
.cl-button.btn-sts-04:not(.cl-disabled):hover,
.cl-button.btn-sts-04:focus,
.cl-button.btn-sts-04.cl-focus,
.cl-button.btn-sts-04:not(.cl-disabled):active,
.cl-button.btn-sts-04:not(.cl-disabled).cl-activated {
  background-color: rgba(63, 139, 242, 0.2);
}
.cl-button.btn-sts-05 {
  background-color: rgba(160, 160, 160, 0.2);
}
.cl-button.btn-sts-05:not(.cl-disabled):hover,
.cl-button.btn-sts-05:focus,
.cl-button.btn-sts-05.cl-focus,
.cl-button.btn-sts-05:not(.cl-disabled):active,
.cl-button.btn-sts-05:not(.cl-disabled).cl-activated {
  background-color: rgba(160, 160, 160, 0.2);
}
.cl-button.btn-sts-06 {
  background-color: rgba(138, 95, 255, 0.2);
}
.cl-button.btn-sts-06:not(.cl-disabled):hover,
.cl-button.btn-sts-06:focus,
.cl-button.btn-sts-06.cl-focus,
.cl-button.btn-sts-06:not(.cl-disabled):active,
.cl-button.btn-sts-06:not(.cl-disabled).cl-activated {
  background-color: rgba(138, 95, 255, 0.2);
}
.cl-button.btn-sts-07 {
  background-color: rgba(255, 56, 178, 0.2);
}
.cl-button.btn-sts-07:not(.cl-disabled):hover,
.cl-button.btn-sts-07:focus,
.cl-button.btn-sts-07.cl-focus,
.cl-button.btn-sts-07:not(.cl-disabled):active,
.cl-button.btn-sts-07:not(.cl-disabled).cl-activated {
  background-color: rgba(255, 56, 178, 0.2);
}
.cl-button.btn-sts-08 {
  background-color: rgba(12, 155, 148, 0.2);
}
.cl-button.btn-sts-08:not(.cl-disabled):hover,
.cl-button.btn-sts-08:focus,
.cl-button.btn-sts-08.cl-focus,
.cl-button.btn-sts-08:not(.cl-disabled):active,
.cl-button.btn-sts-08:not(.cl-disabled).cl-activated {
  background-color: rgba(12, 155, 148, 0.2);
}
/************************************************
 * 아이콘 버튼
 * -> 버튼의 icon 영역을 사용하는 버튼
 ************************************************/
.cl-button.btn-i.cl-icon-align-left {
  padding: 0px 5px 0px 3px;
}
.cl-button.btn-i.cl-icon-align-left .cl-icon {
  margin-right: 4px;
}
.cl-button.btn-i.cl-icon-align-right {
  padding: 0px 3px 0px 5px;
}
.cl-button.btn-i.cl-icon-align-right .cl-icon {
  margin-left: 4px;
}
.cl-button.btn-i.cl-icon-align-top {
  padding: 3px 5px 5px 5px;
}
.cl-button.btn-i.cl-icon-align-top .cl-icon {
  margin-bottom: 4px;
}
.cl-button.btn-i.cl-icon-align-bottom {
  padding: 5px 5px 3px 5px;
}
.cl-button.btn-i.cl-icon-align-bottom .cl-icon {
  margin-top: 4px;
}
.cl-button.i-md .cl-icon {
  background-size: 13px;
  width: 13px;
  height: 13px;
}
.cl-button.i-lg .cl-icon {
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.cl-button.btn-i-add .cl-icon {
  background-image: url("images/controls/button/ic_btn_add.svg") !important;
}
.cl-button.btn-i-add.btn-primary-02 .cl-icon {
  background-image: url("images/controls/button/ic_btn_add_w.svg") !important;
}
.cl-button.btn-i-add.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_add_off.svg") !important;
}
.cl-button.btn-i-submit .cl-icon {
  background-image: url("images/controls/button/ic_btn_submit.svg") !important;
}
.cl-button.btn-i-submit.btn-primary-02 .cl-icon {
  background-image: url("images/controls/button/ic_btn_submit_w.svg") !important;
}
.cl-button.btn-i-submit.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_submit_off.svg") !important;
}
.cl-button.btn-i-refresh .cl-icon {
  background-image: url("images/controls/button/ic_btn_refresh.svg") !important;
}
.cl-button.btn-i-refresh.btn-primary-02 .cl-icon {
  background-image: url("images/controls/button/ic_btn_refresh_w.svg") !important;
}
.cl-button.btn-i-refresh.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_refresh_off.svg") !important;
}
.cl-button.btn-i-prev .cl-icon {
  background-image: url("images/controls/button/ic_btn_prev.svg") !important;
}
.cl-button.btn-i-next .cl-icon {
  background-image: url("images/controls/button/ic_btn_next.svg") !important;
}
.cl-button.btn-i-excel-download {
  background-color: #fafcfe;
}
.cl-button.btn-i-excel-download.btn-i.cl-icon-align-left {
  padding: 0px 5px 0px 5px;
}
.cl-button.btn-i-excel-download .cl-icon {
  background-image: url("images/controls/button/ic_btn_excel_download.svg") !important;
}
.cl-button.btn-i-excel-upload {
  background-color: #fafcfe;
}
.cl-button.btn-i-excel-upload.btn-i.cl-icon-align-left {
  padding: 0px 5px 0px 5px;
}
.cl-button.btn-i-excel-upload .cl-icon {
  background-image: url("images/controls/button/ic_btn_excel_upload.svg") !important;
}
.cl-button.btn-i-more.btn-secondary-02 .cl-icon {
  background-image: url("images/controls/button/ic_btn_i_more.svg") !important;
}
.cl-button.btn-i-more.btn-primary-02 .cl-icon {
  background-image: url("images/controls/button/ic_btn_i_more_w.svg") !important;
}
/************************************************
 * 아이콘 버튼
 * -> 버튼의 icon 영역을 사용하지 않는 버튼
 ************************************************/
.cl-button.btn-add {
  background-image: url("images/controls/button/ic_btn_add.svg");
  background-size: 16px;
  background-color: #fcf1bb;
  border-color: #fcf1bb;
  padding: 0px;
}
.cl-button.btn-add:not(.cl-disabled):hover {
  background-image: url("images/controls/button/ic_btn_add.svg");
  background-color: #e2d9a8;
  border-color: #e2d9a8;
}
.cl-button.btn-add:not(.cl-disabled):focus,
.cl-button.btn-add:not(.cl-disabled).cl-focus {
  background-image: url("images/controls/button/ic_btn_add.svg");
  background-color: #fcf1bb;
  border-color: #fcf1bb;
}
.cl-button.btn-add:not(.cl-disabled).cl-activated,
.cl-button.btn-add:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_add.svg");
  background-color: #fdf4c9;
  border-color: #fdf4c9;
}
.cl-button.btn-add.cl-disabled {
  background-image: url("images/controls/button/ic_btn_add_off.svg");
  background-color: #e7edf5;
  border-color: #e7edf5;
}
.cl-button.btn-reset {
  background-image: url("images/controls/button/ic_btn_refresh_g.svg");
  background-position: right center;
  background-size: 12px;
  background-color: transparent;
  border: none;
  color: #888888;
  padding: 0px 16px 0px 0px;
}
.cl-button.btn-reset:not(.cl-disabled):hover,
.cl-button.btn-reset:focus,
.cl-button.btn-reset.cl-focus {
  background-image: url("images/controls/button/ic_btn_refresh_g.svg");
  background-color: transparent;
  color: #888888;
}
.cl-button.btn-reset:not(.cl-disabled).cl-activated,
.cl-button.btn-reset:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_refresh_g.svg");
  background-color: transparent;
  color: #888888;
}
.cl-button.btn-reset.cl-disabled {
  background-image: url("images/controls/button/ic_btn_refresh_g.svg");
  background-color: transparent;
  color: #666666;
}
.cl-button.btn-setting {
  background-image: url("images/controls/button/ic_btn_setting.svg");
  background-position: left center;
  background-size: 16px;
  background-color: transparent;
  border: none;
  color: #222222;
  padding: 0px 0px 0px 21px;
}
.cl-button.btn-setting:not(.cl-disabled):hover,
.cl-button.btn-setting:focus,
.cl-button.btn-setting.cl-focus {
  background-image: url("images/controls/button/ic_btn_setting.svg");
  background-color: transparent;
  color: #222222;
}
.cl-button.btn-setting:not(.cl-disabled).cl-activated,
.cl-button.btn-setting:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_setting.svg");
  background-color: transparent;
  color: #222222;
}
.cl-button.btn-setting.cl-disabled {
  background-image: url("images/controls/button/ic_btn_setting.svg");
  background-color: transparent;
  color: #666666;
}
.cl-button.btn-setting-02 {
  background-image: url("images/controls/button/ic_btn_setting_02.svg");
  background-color: transparent;
  background-position: right center;
  background-size: 12px;
  border: none;
  font-weight: 500;
  line-height: normal;
  padding: 0px;
  min-width: 12px;
}
.cl-button.btn-setting-02 .cl-text {
  padding: 0px 16px 0px 0px !important;
  color: #888 !important;
}
.cl-button.btn-setting-02:not(.cl-disabled):hover,
.cl-button.btn-setting-02:focus,
.cl-button.btn-setting-02.cl-focus {
  background-image: url("images/controls/button/ic_btn_setting_02.svg");
  background-color: transparent;
}
.cl-button.btn-setting-02:not(.cl-disabled).cl-activated,
.cl-button.btn-setting-02:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_setting_02.svg");
  background-color: transparent;
}
.cl-button.btn-setting-02.cl-disabled {
  background-image: url("images/controls/button/ic_btn_setting_02.svg");
  background-color: transparent;
}
.cl-button.btn-setting-dim {
  background-image: url("images/controls/button/ic_btn_setting_dim.svg");
  background-position: left center;
  background-size: 12px;
  background-color: transparent;
  border: none;
  color: #222222;
  padding: 2px 0px 0px 16px;
}
.cl-button.btn-setting-dim:not(.cl-disabled):hover,
.cl-button.btn-setting-dim:focus,
.cl-button.btn-setting-dim.cl-focus {
  background-image: url("images/controls/button/ic_btn_setting_dim.svg");
  background-color: transparent;
  color: #222222;
}
.cl-button.btn-setting-dim:not(.cl-disabled).cl-activated,
.cl-button.btn-setting-dim:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_setting_dim.svg");
  background-color: transparent;
  color: #222222;
}
.cl-button.btn-setting-dim.cl-disabled {
  background-image: url("images/controls/button/ic_btn_setting_dim.svg");
  background-color: transparent;
  color: #666666;
}
.cl-button.btn-refresh {
  background-image: url("images/controls/button/ic_btn_refresh.svg");
  background-position: right center;
  background-size: 16px;
  background-color: transparent;
  border: none;
  color: #222222;
  font-weight: 700;
  padding: 0px;
  min-width: 16px;
}
.cl-button.btn-refresh .cl-text {
  padding: 0px 21px 0px 0px !important;
}
.cl-button.btn-refresh .cl-text:empty {
  padding: 0px !important;
}
.cl-button.btn-refresh:not(.cl-disabled):hover,
.cl-button.btn-refresh:focus,
.cl-button.btn-refresh.cl-focus {
  background-image: url("images/controls/button/ic_btn_refresh.svg");
  background-color: transparent;
  color: #222222;
}
.cl-button.btn-refresh:not(.cl-disabled).cl-activated,
.cl-button.btn-refresh:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_refresh.svg");
  background-color: transparent;
  color: #222222;
}
.cl-button.btn-refresh.cl-disabled {
  background-image: url("images/controls/button/ic_btn_refresh.svg");
  background-color: transparent;
  color: #666666;
}
.cl-button.btn-delete {
  background-image: url("images/controls/button/ic_btn_trash.svg");
  background-position: right center;
  background-size: 16px;
  background-color: transparent;
  border: none;
  color: #222222;
  font-weight: 700;
  padding: 0px;
  min-width: 16px;
}
.cl-button.btn-delete .cl-text {
  padding: 0px 21px 0px 0px !important;
}
.cl-button.btn-delete .cl-text:empty {
  padding: 0px !important;
}
.cl-button.btn-delete:not(.cl-disabled):hover,
.cl-button.btn-delete:focus,
.cl-button.btn-delete.cl-focus {
  background-image: url("images/controls/button/ic_btn_trash.svg");
  background-color: transparent;
  color: #222222;
}
.cl-button.btn-delete:not(.cl-disabled).cl-activated,
.cl-button.btn-delete:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_trash.svg");
  background-color: transparent;
  color: #222222;
}
.cl-button.btn-delete.cl-disabled {
  background-image: url("images/controls/button/ic_btn_trash.svg");
  background-color: transparent;
  color: #666666;
}
.cl-button.btn-plus {
  background-image: url("images/controls/button/ic_btn_plus.svg");
  background-color: #e1e7fd;
  background-size: 12px;
  border: none;
}
.cl-button.btn-plus:not(.cl-disabled):hover {
  background-image: url("images/controls/button/ic_btn_plus.svg");
  background-color: #d3d7f0;
}
.cl-button.btn-plus:not(.cl-disabled):focus,
.cl-button.btn-plus:not(.cl-disabled).cl-focus,
.cl-button.btn-plus:not(.cl-disabled):active,
.cl-button.btn-plus:not(.cl-disabled).cl-active {
  background-image: url("images/controls/button/ic_btn_plus.svg");
  background-color: #e1e7fd;
}
.cl-button.btn-plus.cl-disabled {
  background-image: url("images/controls/button/ic_btn_plus_off.svg");
  background-color: #e7edf5;
}
.cl-button.btn-minus {
  background-image: url("images/controls/button/ic_btn_minus.svg");
  background-color: #e1e7fd;
  background-size: 12px;
  border: none;
}
.cl-button.btn-minus:not(.cl-disabled):hover {
  background-image: url("images/controls/button/ic_btn_minus.svg");
  background-color: #d3d7f0;
}
.cl-button.btn-minus:not(.cl-disabled):focus,
.cl-button.btn-minus:not(.cl-disabled).cl-focus,
.cl-button.btn-minus:not(.cl-disabled):active,
.cl-button.btn-minus:not(.cl-disabled).cl-active {
  background-image: url("images/controls/button/ic_btn_minus.svg");
  background-color: #e1e7fd;
}
.cl-button.btn-minus.cl-disabled {
  background-image: url("images/controls/button/ic_btn_minus_off.svg");
  background-color: #e7edf5;
}
.cl-button.btn-more {
  background-image: url("images/controls/button/ic_btn_more.png");
  background-size: 20px;
  background-position: center;
  background-color: #fff;
  border: none;
}
.cl-button.btn-more:not(.cl-disabled):hover,
.cl-button.btn-more:not(.cl-disabled).cl-hover,
.cl-button.btn-more:not(.cl-disabled):focus,
.cl-button.btn-more:not(.cl-disabled).cl-focus,
.cl-button.btn-more:not(.cl-disabled):active,
.cl-button.btn-more:not(.cl-disabled).cl-activated {
  background-image: url("images/controls/button/ic_btn_more.png");
  background-color: #ffffff;
}
.cl-button.btn-expand {
  background-image: url("images/controls/accordion/ic_btn_expand_on_h.svg");
  background-size: 24px;
  background-position: center;
  background-color: #ffffff;
  border: none;
}
.cl-button.btn-expand:not(.cl-disabled):hover,
.cl-button.btn-expand:not(.cl-disabled).cl-hover,
.cl-button.btn-expand:not(.cl-disabled):focus,
.cl-button.btn-expand:not(.cl-disabled).cl-focus,
.cl-button.btn-expand:not(.cl-disabled):active,
.cl-button.btn-expand:not(.cl-disabled).cl-activated {
  background-image: url("images/controls/accordion/ic_btn_expand_on_h.svg");
  background-color: #ffffff;
}
.cl-button.btn-delete-circle {
  min-height: 12px;
  min-width: 12px;
  background-image: url("images/controls/button/ic_btn_delete_circle.svg");
  background-size: 12px;
  border: none;
  border-radius: 9999px;
}
.cl-button.btn-delete-circle:not(.cl-disabled):hover,
.cl-button.btn-delete-circle:not(.cl-disabled).cl-focus,
.cl-button.btn-delete-circle:not(.cl-disabled):focus,
.cl-button.btn-delete-circle:not(.cl-disabled).cl-hover {
  background-image: url("images/controls/button/ic_btn_delete_circle_h.svg") !important;
  border: none;
}
.cl-button.btn-calendar-prev {
  background-image: url("images/controls/dateinput/ic_btn_prev.svg");
  background-size: 20px;
  background-position: center;
  background-color: transparent;
  border: none;
  padding: 0px;
}
.cl-button.btn-calendar-prev:not(.cl-disabled):hover,
.cl-button.btn-calendar-prev:not(.cl-disabled).cl-hover,
.cl-button.btn-calendar-prev:not(.cl-disabled):focus,
.cl-button.btn-calendar-prev:not(.cl-disabled).cl-focus,
.cl-button.btn-calendar-prev:not(.cl-disabled):active,
.cl-button.btn-calendar-prev:not(.cl-disabled).cl-activated {
  background-image: url("images/controls/dateinput/ic_btn_prev.svg");
  background-color: transparent;
}
.cl-button.btn-calendar-next {
  background-image: url("images/controls/dateinput/ic_btn_next.svg");
  background-size: 20px;
  background-position: center;
  background-color: transparent;
  border: none;
  padding: 0px;
}
.cl-button.btn-calendar-next:not(.cl-disabled):hover,
.cl-button.btn-calendar-next:not(.cl-disabled).cl-hover,
.cl-button.btn-calendar-next:not(.cl-disabled):focus,
.cl-button.btn-calendar-next:not(.cl-disabled).cl-focus,
.cl-button.btn-calendar-next:not(.cl-disabled):active,
.cl-button.btn-calendar-next:not(.cl-disabled).cl-activated {
  background-image: url("images/controls/dateinput/ic_btn_next.svg");
  background-color: transparent;
}
.cl-button.btn-up {
  background-image: url("images/controls/button/ic_btn_up.svg");
  background-size: 16px;
  background-color: #f9fbfe;
  border-color: #c5cee3;
  color: #222222;
  padding: 0px;
}
.cl-button.btn-up:not(.cl-disabled):hover {
  background-image: url("images/controls/button/ic_btn_up.svg");
  background-color: #eceef1;
  border-color: #c5cee3;
  color: #222222;
}
.cl-button.btn-up:not(.cl-disabled):focus,
.cl-button.btn-up:not(.cl-disabled).cl-focus {
  background-image: url("images/controls/button/ic_btn_up.svg");
  background-color: #f9fbfe;
  border-color: #c5cee3;
  color: #222222;
}
.cl-button.btn-up:not(.cl-disabled).cl-activated,
.cl-button.btn-up:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_up.svg");
  background-color: #ffffff;
  border-color: #e4eaf3;
  color: #222222;
}
.cl-button.btn-up.cl-disabled {
  background-image: url("images/controls/button/ic_btn_up_off.svg");
  background-color: #e7edf5;
  border-color: #e7edf5;
  color: #666666;
}
.cl-button.btn-down {
  background-image: url("images/controls/button/ic_btn_down.svg");
  background-size: 16px;
  background-color: #f9fbfe;
  border-color: #c5cee3;
  color: #222222;
  padding: 0px;
}
.cl-button.btn-down:not(.cl-disabled):hover {
  background-image: url("images/controls/button/ic_btn_down.svg");
  background-color: #eceef1;
  border-color: #c5cee3;
  color: #222222;
}
.cl-button.btn-down:not(.cl-disabled):focus,
.cl-button.btn-down:not(.cl-disabled).cl-focus {
  background-image: url("images/controls/button/ic_btn_down.svg");
  background-color: #f9fbfe;
  border-color: #c5cee3;
  color: #222222;
}
.cl-button.btn-down:not(.cl-disabled).cl-activated,
.cl-button.btn-down:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_down.svg");
  background-color: #ffffff;
  border-color: #e4eaf3;
  color: #222222;
}
.cl-button.btn-down.cl-disabled {
  background-image: url("images/controls/button/ic_btn_down_off.svg");
  background-color: #e7edf5;
  border-color: #e7edf5;
  color: #666666;
}
.cl-button.btn-left {
  background-image: url("images/controls/button/ic_btn_left.svg");
  background-size: 16px;
  background-color: #f9fbfe;
  border-color: #c5cee3;
  color: #222222;
  padding: 0px;
}
.cl-button.btn-left:not(.cl-disabled):hover {
  background-image: url("images/controls/button/ic_btn_left.svg");
  background-color: #eceef1;
  border-color: #c5cee3;
  color: #222222;
}
.cl-button.btn-left:not(.cl-disabled):focus,
.cl-button.btn-left:not(.cl-disabled).cl-focus {
  background-image: url("images/controls/button/ic_btn_left.svg");
  background-color: #f9fbfe;
  border-color: #c5cee3;
  color: #222222;
}
.cl-button.btn-left:not(.cl-disabled).cl-activated,
.cl-button.btn-left:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_left.svg");
  background-color: #ffffff;
  border-color: #e4eaf3;
  color: #222222;
}
.cl-button.btn-left.cl-disabled {
  background-image: url("images/controls/button/ic_btn_left_off.svg");
  background-color: #e7edf5;
  border-color: #e7edf5;
  color: #666666;
}
.cl-button.btn-right {
  background-image: url("images/controls/button/ic_btn_right.svg");
  background-size: 16px;
  background-color: #f9fbfe;
  border-color: #c5cee3;
  color: #222222;
  padding: 0px;
}
.cl-button.btn-right:not(.cl-disabled):hover {
  background-image: url("images/controls/button/ic_btn_right.svg");
  background-color: #eceef1;
  border-color: #c5cee3;
  color: #222222;
}
.cl-button.btn-right:not(.cl-disabled):focus,
.cl-button.btn-right:not(.cl-disabled).cl-focus {
  background-image: url("images/controls/button/ic_btn_right.svg");
  background-color: #f9fbfe;
  border-color: #c5cee3;
  color: #222222;
}
.cl-button.btn-right:not(.cl-disabled).cl-activated,
.cl-button.btn-right:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_right.svg");
  background-color: #ffffff;
  border-color: #e4eaf3;
  color: #222222;
}
.cl-button.btn-right.cl-disabled {
  background-image: url("images/controls/button/ic_btn_right_off.svg");
  background-color: #e7edf5;
  border-color: #e7edf5;
  color: #666666;
}
.cl-button.btn-detail {
  background-image: url("images/controls/button/ic_btn_detail.svg");
  background-position: right center;
  background-size: 12px;
  background-color: transparent;
  border: none;
  color: #666666;
  font-size: 11px;
  padding: 0px 16px 0px 0px;
}
.cl-button.btn-detail:not(.cl-disabled):hover,
.cl-button.btn-detail:focus,
.cl-button.btn-detail.cl-focus {
  background-image: url("images/controls/button/ic_btn_detail.svg");
  background-color: transparent;
  color: #666666;
}
.cl-button.btn-detail:not(.cl-disabled).cl-activated,
.cl-button.btn-detail:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_detail.svg");
  background-color: transparent;
  color: #666666;
}
.cl-button.btn-detail.cl-disabled {
  background-image: url("images/controls/button/ic_btn_detail.svg");
  background-color: transparent;
  color: #666666;
}
.cl-button.btn-search {
  background-image: url("images/controls/button/ic_btn_search.svg");
  background-size: 16px;
  background-color: #fcf1bb;
  border-color: #fcf1bb;
  color: #222222;
  padding: 0px;
  min-width: 20px;
}
.cl-button.btn-search:not(.cl-disabled):hover {
  background-image: url("images/controls/button/ic_btn_search.svg");
  background-color: #e2d9a8;
  border-color: #e2d9a8;
  color: #222222;
}
.cl-button.btn-search:not(.cl-disabled):focus,
.cl-button.btn-search:not(.cl-disabled).cl-focus {
  background-color: #fcf1bb;
  border-color: #fcf1bb;
  color: #222222;
}
.cl-button.btn-search:not(.cl-disabled).cl-activated,
.cl-button.btn-search:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_search.svg");
  background-color: #fdf4c9;
  border-color: #fdf4c9;
  color: #222222;
}
.cl-button.btn-search.cl-disabled {
  background-image: url("images/controls/button/ic_btn_search_off.svg");
  background-color: #e7edf5;
  border-color: #e7edf5;
  color: #666666;
}
.cl-button.btn-search.btn-md {
  min-width: 26px;
}
/************************************************
 * Chips
 * -> 필터된 정보를 표시
 ************************************************/
.cl-container.chips {
  /*
	 * 동적으로 탭을 만들어 사용할 수도 있어 클래스를 삭제하지 않으나
	 * 탭 폴더를 사용하는 방식을 권장함
	 */
}
.cl-container.chips .cl-button {
  background-color: #fcf1bb;
  border: none;
  border-radius: 4px;
  color: #444444;
  font-weight: 500;
  padding: 4px 4px 4px 6px;
  text-align: left;
}
.cl-container.chips .cl-button .cl-icon {
  background-image: url("images/controls/button/ic_chip_clear.svg") !important;
  background-size: 12px;
  margin-left: 6px;
}
.cl-container.chips .cl-button .cl-icon:hover {
  background-image: url("images/controls/button/ic_chip_clear_on.svg") !important;
}
.cl-container.chips .cl-button.cl-disabled {
  background-color: #e4eaf3;
  color: #bbbbbb;
}
.cl-container.chips .cl-button.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_chip_clear_off.svg") !important;
}
.cl-container.chips.chips-md {
  /* H26 크기의 칩 */
}
.cl-container.chips.chips-md .cl-button {
  padding: 5px 6px 6px 8px;
}
.cl-container.chips.chips-md .cl-button .cl-text-wrapper {
  width: 100% !important;
}
.cl-container.chips.chips-md .cl-button .cl-text {
  padding-right: 6px !important;
}
.cl-container.chips.chips-md .cl-button .cl-icon {
  background-size: 12px;
  width: 12px;
  height: 12px;
  margin-left: auto;
}
.cl-container.chips.chips-md .cl-button:not(.cl-disabled):hover,
.cl-container.chips.chips-md .cl-button:focus,
.cl-container.chips.chips-md .cl-button.cl-focus,
.cl-container.chips.chips-md .cl-button:not(.cl-disabled).cl-activated,
.cl-container.chips.chips-md .cl-button:not(.cl-disabled):active {
  background-color: #fcf1bb;
  box-shadow: inset 0px 0px 0px 2px #ffcc00;
}
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next) {
  background-size: 20px;
  padding: 5px 6px 6px 8px;
}
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next) .cl-text-wrapper {
  width: 100% !important;
}
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next) .cl-text {
  padding-right: 6px !important;
}
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next) .cl-icon {
  background-size: 12px;
  width: 12px;
  height: 12px;
  margin-left: auto;
}
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next):not(.cl-disabled):hover {
  box-shadow: inset 0px 0px 0px 2px #ffcc00;
}
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0px 2px #ffcc00;
}
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected .cl-icon {
  background-image: url("images/controls/button/ic_chip_clear_active.svg") !important;
}
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected .cl-icon:hover {
  background-image: url("images/controls/button/ic_chip_clear_on.svg") !important;
}
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected:not(.cl-disabled):hover,
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected:focus,
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected.cl-focus,
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected:not(.cl-disabled).cl-activated,
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected:not(.cl-disabled):active {
  background-color: #fcf1bb;
}
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected:not(.cl-disabled):hover .cl-icon,
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected:focus .cl-icon,
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected.cl-focus .cl-icon,
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected:not(.cl-disabled).cl-activated .cl-icon,
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected:not(.cl-disabled):active .cl-icon {
  background-image: url("images/controls/button/ic_chip_clear.svg") !important;
}
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected:not(.cl-disabled):hover .cl-icon:hover,
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected:focus .cl-icon:hover,
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected.cl-focus .cl-icon:hover,
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected:not(.cl-disabled).cl-activated .cl-icon:hover,
.cl-container.chips.chips-tab .cl-button:not(.btn-add):not(.btn-prev):not(.btn-next).selected:not(.cl-disabled):active .cl-icon:hover {
  background-image: url("images/controls/button/ic_chip_clear_on.svg") !important;
}
.cl-button.btn-guide {
  background-color: #ffffff;
  border: none;
  background-image: url("images/controls/button/ic_btn_guide.svg");
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
}
.cl-button.btn-guide:not(.cl-disabled):hover,
.cl-button.btn-guide:not(.cl-disabled):focus,
.cl-button.btn-guide:not(.cl-disabled).cl-focus,
.cl-button.btn-guide:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_guide.svg");
  background-color: #ffffff;
}
/************************************************
 * 일반 카드 (섹션/콘텐트 단위)
 ************************************************/
.cl-container.card {
  background-color: #ffffff;
  border: 1px solid #e4eaf3;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.1);
}
.cl-container.card.border-red {
  border-color: #ea463c !important;
}
.cl-container.card.border-gray {
  border-color: #666666 !important;
}
/************************************************
 * 카드 아이템형
 ************************************************/
.cl-container.card-item {
  background-color: #ffffff;
  border: 1px solid #e4eaf3;
  border-radius: 12px;
}
.cl-container.card-item .cl-formlayout-column-shade,
.cl-container.card-item .cl-formlayout-row-shade {
  background-color: #f5f7fe;
}
.cl-container.card-item .cl-checkbox {
  font-size: 0px;
}
.cl-container.card-item .cl-checkbox * {
  cursor: default;
}
.cl-container.card-item .cl-checkbox .cl-checkbox-icon {
  cursor: pointer;
}
.cl-container.card-item.on {
  border-color: #4366f8;
}
/************************************************
 * 텍스트 표시 박스
 ************************************************/
.cl-container.card-dim {
  background-color: #f9fbfe;
  border-radius: 8px;
}
.cl-container.card-dim .cl-output {
  color: #666666;
}
.cl-container.card-dim .cl-output.card-tit {
  color: #666666;
  font-weight: 500;
  font-size: 13px;
}
/************************************************
 * 카드 페이지 박스
 ************************************************/
.cl-container.page-box {
  background-color: #ffffff;
  border: 1px solid #e4eaf3;
  border-width: 1px 0px;
  padding: 9px;
}
/************************************************
 * 데이터 없음 유형
 ************************************************/
.cl-container.nodata .cl-output {
  color: #666666;
  text-align: center;
}
/************************************************
 * Input 계열 컨트롤
 * -> Medium Size Components H32
 * -> form.part.less 의 조회 폼 내 스타일과 연관됨
 ************************************************/
.cl-control.field-lg {
  background-color: #ffffff;
  border-color: #e7edf5;
  border-radius: 6px;
}
.cl-control.field-lg:hover {
  background-color: #ffffff;
  border-color: #4366f8;
}
.cl-control.field-lg.cl-focus {
  background-color: #ffffff;
  border-color: #4366f8;
}
.cl-control.field-lg.cl-disabled {
  background-color: #e4eaf3;
  border-color: #e4eaf3;
}
.cl-control.field-lg.cl-numbereditor .cl-numbereditor-buttons {
  width: 24px;
}
.cl-control.field-lg.cl-dateinput .cl-dateinput-spinbuttons {
  width: 24px;
}
/************************************************
 * 넘버에디터 스핀 버튼
 * -> Stepper
 ************************************************/
.cl-container.stepper {
  background-color: #ffffff;
  border: 1px solid #c5cee3;
  border-radius: 4px;
}
.cl-container.stepper .cl-button {
  background-color: transparent;
  background-size: 12px;
  border: none;
  border-radius: 0px;
  padding: 0px;
  min-height: 18px;
  min-width: 17px;
}
.cl-container.stepper .cl-button:not(.cl-disabled):hover,
.cl-container.stepper .cl-button:focus,
.cl-container.stepper .cl-button.cl-focus,
.cl-container.stepper .cl-button:not(.cl-disabled).cl-activated,
.cl-container.stepper .cl-button:not(.cl-disabled):active {
  background-color: transparent;
}
.cl-container.stepper .cl-button.btn-plus {
  background-image: url("images/controls/inputbox/ic_btn_plus.svg");
  background-position: left center;
}
.cl-container.stepper .cl-button.btn-plus:not(.cl-disabled):hover,
.cl-container.stepper .cl-button.btn-plus:focus,
.cl-container.stepper .cl-button.btn-plus.cl-focus,
.cl-container.stepper .cl-button.btn-plus:not(.cl-disabled).cl-activated,
.cl-container.stepper .cl-button.btn-plus:not(.cl-disabled):active {
  background-image: url("images/controls/inputbox/ic_btn_plus_on.svg");
}
.cl-container.stepper .cl-button.btn-plus.cl-disabled {
  background-image: url("images/controls/inputbox/ic_btn_plus_off.svg");
}
.cl-container.stepper .cl-button.btn-minus {
  background-image: url("images/controls/inputbox/ic_btn_minus.svg");
  background-position: right center;
}
.cl-container.stepper .cl-button.btn-minus:not(.cl-disabled):hover,
.cl-container.stepper .cl-button.btn-minus:focus,
.cl-container.stepper .cl-button.btn-minus.cl-focus,
.cl-container.stepper .cl-button.btn-minus:not(.cl-disabled).cl-activated,
.cl-container.stepper .cl-button.btn-minus:not(.cl-disabled):active {
  background-image: url("images/controls/inputbox/ic_btn_minus_on.svg");
}
.cl-container.stepper .cl-button.btn-minus.cl-disabled {
  background-image: url("images/controls/inputbox/ic_btn_minus_off.svg");
}
.cl-container.stepper .cl-numbereditor {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  text-align: center;
  min-height: 18px;
}
.cl-container.stepper .cl-numbereditor.cl-focus,
.cl-container.stepper .cl-numbereditor:not(.cl-disabled):hover {
  box-shadow: none;
}
.cl-container.stepper.cl-disabled {
  background-color: #e4eaf3;
  border-color: #e4eaf3;
}
.cl-container.stepper.field-lg {
  background-color: #ffffff;
  border-color: #e7edf5;
  border-radius: 6px;
}
/************************************************
 * 체크박스 및 라디오버튼
 * -> 타이틀로 사용되는 경우
 ************************************************/
.cl-checkbox.chk-file {
  /* 체크박스 hover시 아이콘 스타일 */
  /* 체크된 체크박스 아이콘 스타일 */
}
.cl-checkbox.chk-file .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_file_check.svg");
  width: 14px;
  height: 14px;
  min-height: 14px;
}
.cl-checkbox.chk-file:hover .cl-checkbox-icon,
.cl-checkbox.chk-file.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_file_check.svg");
}
.cl-checkbox.chk-file.cl-checked {
  color: #222222;
  /* 체크된 체크박스 hover시 아이콘 스타일 */
}
.cl-checkbox.chk-file.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_file_check_on.svg");
}
.cl-checkbox.chk-file.cl-checked:hover .cl-checkbox-icon,
.cl-checkbox.chk-file.cl-checked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_file_check_on.svg");
}
.cl-checkbox.tit {
  color: #000000;
  font-family: "KBFGDisplay", sans-serif;
  font-size: 14px;
  font-weight: 700;
  /* iconAlign=top 스타일 */
  /* iconAlign=bottom 스타일 */
}
.cl-checkbox.tit .cl-text {
  padding: 0px 0px 0px 6px;
}
.cl-checkbox.tit.cl-disabled .cl-text {
  color: #000000;
}
.cl-checkbox.tit.cl-iconalign-right .cl-text {
  padding: 0px 6px 0px 0px;
}
.cl-checkbox.tit.cl-iconalign-top .cl-text {
  padding: 6px 0px 0px 0px;
}
.cl-checkbox.tit.cl-iconalign-bottom .cl-text {
  padding: 0px 0px 6px 0px;
}
.cl-checkbox.tit.i-active .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_check_title.svg");
  width: 16px;
  height: 16px;
  min-height: 16px;
}
.cl-checkbox.tit.i-active .cl-text {
  color: #bbbbbb;
  font-size: 14px;
}
.cl-checkbox.tit.i-active:not(.cl-disabled).cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_check_title_checked.svg");
  width: 16px;
  height: 16px;
  min-height: 16px;
}
.cl-checkbox.tit.i-active:not(.cl-disabled).cl-checked .cl-text {
  color: #222222;
  font-size: 14px;
}
.cl-checkbox.tit.i-active.cl-disabled .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_check_title.svg");
  width: 16px;
  height: 16px;
  min-height: 16px;
}
.cl-checkbox.tit.i-active.cl-disabled .cl-text {
  color: #bbbbbb;
  font-size: 14px;
}
.cl-radiobutton.tit {
  color: #000000;
  font-family: "KBFGDisplay", sans-serif;
  font-size: 14px;
  font-weight: 700;
  /* iconAlign=top 스타일 */
  /* iconAlign=bottom 스타일 */
}
.cl-radiobutton.tit .cl-text {
  padding: 0px 0px 0px 6px;
}
.cl-radiobutton.tit.cl-disabled .cl-text {
  color: #000000;
}
.cl-radiobutton.tit.cl-iconalign-right .cl-text {
  padding: 0px 6px 0px 0px;
}
.cl-radiobutton.tit.cl-iconalign-top .cl-text {
  padding: 6px 0px 0px 0px;
}
.cl-radiobutton.tit.cl-iconalign-bottom .cl-text {
  padding: 0px 0px 6px 0px;
}
/************************************************
 * Multi Select Box
 * -> 조합형, 가로형 리스트, 세로형 리스트, 혼합형 리스트
 * 	  조합형 + 혼합형 리스트
 ************************************************/
.cl-container.multi-select-box {
  /* 체크박스 */
}
.cl-container.multi-select-box .cl-container.field-box {
  /* 조합형 */
  background-color: #f9fbfe;
  border: 1px solid #f9fbfe;
  border-radius: 6px;
  padding: 2px 2px 2px 5px;
}
.cl-container.multi-select-box .cl-container.field-box .cl-control.cl-inputbox,
.cl-container.multi-select-box .cl-container.field-box .cl-control.cl-searchinput,
.cl-container.multi-select-box .cl-container.field-box .cl-control.cl-fileinput,
.cl-container.multi-select-box .cl-container.field-box .cl-control.cl-numbereditor,
.cl-container.multi-select-box .cl-container.field-box .cl-control.cl-maskeditor,
.cl-container.multi-select-box .cl-container.field-box .cl-control.cl-dateinput,
.cl-container.multi-select-box .cl-container.field-box .cl-control.cl-combobox,
.cl-container.multi-select-box .cl-container.field-box .cl-control.cl-fileinput {
  min-height: 20px;
}
.cl-container.multi-select-box .cl-container.field-box .cl-output.caption {
  font-size: 12px;
  font-weight: 500;
  min-height: 20px;
}
.cl-container.multi-select-box .cl-container.field-box.on {
  background-color: #ffffff;
  border-color: #ffcc00;
  border-width: 1px;
  box-shadow: inset 0px 0px 0px 1px #ffcc00;
}
.cl-container.multi-select-box .cl-container.field-box:not(.on):hover {
  border-color: #ffcc00;
  border-width: 1px;
  box-shadow: inset 0px 0px 0px 1px #ffcc00;
}
.cl-container.multi-select-box .cl-checkbox {
  color: #666666;
  font-weight: 500;
}
.cl-container.multi-select-box .cl-checkbox .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_check_multi.svg");
  width: 16px;
  height: 16px;
}
.cl-container.multi-select-box .cl-checkbox.cl-checked {
  color: #222222;
}
.cl-container.multi-select-box .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_check_multi_on.svg");
}
.cl-container.multi-select-box .cl-checkboxgroup {
  font-weight: 500;
  /* 체크박스그룹 */
}
.cl-container.multi-select-box .cl-checkboxgroup .cl-checkbox {
  background-color: #f9fbfe;
  border: 1px solid #f9fbfe;
  border-radius: 6px;
  color: #666666;
  height: 26px !important;
  padding: 3px 5px;
}
.cl-container.multi-select-box .cl-checkboxgroup .cl-checkbox .cl-icon-wrapper {
  vertical-align: middle;
  width: 16px;
}
.cl-container.multi-select-box .cl-checkboxgroup .cl-checkbox .cl-checkbox-field {
  height: 100%;
  width: 100%;
}
.cl-container.multi-select-box .cl-checkboxgroup .cl-checkbox .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_check_multi.svg");
  width: 16px;
  height: 16px;
}
.cl-container.multi-select-box .cl-checkboxgroup .cl-checkbox.cl-checked {
  background-color: #ffffff;
  border: 1px solid #ffcc00;
  box-shadow: inset 0px 0px 0px 1px #ffcc00;
  color: #222222;
}
.cl-container.multi-select-box .cl-checkboxgroup .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_check_multi_on.svg");
}
.cl-container.multi-select-box .cl-checkboxgroup .cl-checkbox.cl-disabled {
  background-color: #e4eaf3;
}
.cl-container.multi-select-box .cl-checkboxgroup .cl-checkbox.cl-disabled .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_check_multi.svg");
}
.cl-container.multi-select-box .cl-checkboxgroup.cl-flow .cl-checkbox {
  min-width: 160px;
}
.cl-container.multi-select-box .cl-radiobutton .cl-radiobutton-item {
  background-color: #f9fbfe;
  border: 1px solid #f9fbfe;
  border-radius: 6px;
  color: #666666;
  height: 26px !important;
  padding: 3px 6px;
}
.cl-container.multi-select-box .cl-radiobutton .cl-radiobutton-item .cl-radiobutton-icon {
  background-image: url("images/controls/checkbox/ic_check_multi.svg");
  width: 16px;
  height: 16px;
}
.cl-container.multi-select-box .cl-radiobutton .cl-radiobutton-item.cl-selected {
  background-color: #ffffff;
  border: 1px solid #ffcc00;
  box-shadow: inset 0px 0px 0px 1px #ffcc00;
  color: #222222;
}
.cl-container.multi-select-box .cl-radiobutton .cl-radiobutton-item.cl-selected .cl-radiobutton-icon {
  background-image: url("images/controls/checkbox/ic_check_multi_on.svg");
}
.cl-container.individual-select-box .cl-checkbox {
  background-color: #f9fbfe;
  border: 1px solid #f9fbfe;
  border-radius: 6px;
  color: #666666;
  height: 26px !important;
  padding: 3px 5px;
}
.cl-container.individual-select-box .cl-checkbox .cl-icon-wrapper {
  vertical-align: middle;
  width: 16px;
}
.cl-container.individual-select-box .cl-checkbox .cl-checkbox-field {
  height: 100%;
  width: 100%;
}
.cl-container.individual-select-box .cl-checkbox .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_check_multi.svg");
  width: 16px;
  height: 16px;
}
.cl-container.individual-select-box .cl-checkbox.cl-checked {
  background-color: #ffffff;
  border: 1px solid #ffcc00;
  box-shadow: inset 0px 0px 0px 1px #ffcc00;
  color: #222222;
}
.cl-container.individual-select-box .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_check_multi_on.svg");
}
.cl-container.individual-select-box .cl-checkbox.cl-disabled {
  background-color: #e4eaf3;
}
.cl-container.individual-select-box .cl-checkbox.cl-disabled .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_check_multi.svg");
}
/************************************************
 * Button Type Dropdown
 * -> 버튼 타입 콤보박스 스타일
 * -> 검정/파랑/아웃라인 제공
 ************************************************/
.cl-combobox.btn-dropdown-01,
.cl-combobox.btn-dropdown-02,
.cl-combobox.btn-dropdown-03 {
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  /* 열렸을 때 공통 스타일 적용 */
}
.cl-combobox.btn-dropdown-01 .cl-text,
.cl-combobox.btn-dropdown-02 .cl-text,
.cl-combobox.btn-dropdown-03 .cl-text {
  padding: 0px 6px 0px 12px;
}
.cl-combobox.btn-dropdown-01 .cl-combobox-button,
.cl-combobox.btn-dropdown-02 .cl-combobox-button,
.cl-combobox.btn-dropdown-03 .cl-combobox-button {
  padding-right: 5px;
}
.cl-combobox.btn-dropdown-01.cl-opened,
.cl-combobox.btn-dropdown-02.cl-opened,
.cl-combobox.btn-dropdown-03.cl-opened {
  background-color: #ffffff;
  border: 1px solid #c7cee1;
  color: #222222;
  /* 콤보박스 리스트가 위에 열렸을 때 */
  /* 콤보박스 리스트가 아래에 열렸을 때 */
}
.cl-combobox.btn-dropdown-01.cl-opened.cl-opened-top,
.cl-combobox.btn-dropdown-02.cl-opened.cl-opened-top,
.cl-combobox.btn-dropdown-03.cl-opened.cl-opened-top {
  border-radius: 0px 0px 6px 6px;
  box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.15);
}
.cl-combobox.btn-dropdown-01.cl-opened.cl-opened-top .cl-combobox-button,
.cl-combobox.btn-dropdown-02.cl-opened.cl-opened-top .cl-combobox-button,
.cl-combobox.btn-dropdown-03.cl-opened.cl-opened-top .cl-combobox-button {
  background-image: url("images/controls/combobox/ic_btn_down.svg");
}
.cl-combobox.btn-dropdown-01.cl-opened.cl-opened-bottom,
.cl-combobox.btn-dropdown-02.cl-opened.cl-opened-bottom,
.cl-combobox.btn-dropdown-03.cl-opened.cl-opened-bottom {
  border-radius: 6px 6px 0px 0px;
  border-bottom-color: #e7edf5;
  box-shadow: 0px -2px 4px 0px rgba(51, 51, 51, 0.15);
}
.cl-combobox.btn-dropdown-01.cl-opened.cl-opened-bottom .cl-combobox-button,
.cl-combobox.btn-dropdown-02.cl-opened.cl-opened-bottom .cl-combobox-button,
.cl-combobox.btn-dropdown-03.cl-opened.cl-opened-bottom .cl-combobox-button {
  background-image: url("images/controls/combobox/ic_btn_up.svg");
}
.cl-combobox.btn-dropdown-01.cl-disabled,
.cl-combobox.btn-dropdown-02.cl-disabled,
.cl-combobox.btn-dropdown-03.cl-disabled {
  background-color: #e4eaf3;
  border-color: #e4eaf3;
}
.cl-combobox.btn-dropdown-01.cl-disabled .cl-text.cl-placeholder,
.cl-combobox.btn-dropdown-02.cl-disabled .cl-text.cl-placeholder,
.cl-combobox.btn-dropdown-03.cl-disabled .cl-text.cl-placeholder {
  color: #bbbbbb !important;
}
.cl-combobox.btn-dropdown-01.cl-disabled .cl-combobox-button,
.cl-combobox.btn-dropdown-02.cl-disabled .cl-combobox-button,
.cl-combobox.btn-dropdown-03.cl-disabled .cl-combobox-button {
  background-image: url("images/controls/combobox/ic_btn_down_off.svg");
}
.cl-combobox.btn-dropdown-01.cl-focus:not(.cl-opened),
.cl-combobox.btn-dropdown-02.cl-focus:not(.cl-opened),
.cl-combobox.btn-dropdown-03.cl-focus:not(.cl-opened) {
  box-shadow: none;
}
.cl-combobox.btn-dropdown-01:not(.cl-disabled):hover:not(.cl-opened),
.cl-combobox.btn-dropdown-02:not(.cl-disabled):hover:not(.cl-opened),
.cl-combobox.btn-dropdown-03:not(.cl-disabled):hover:not(.cl-opened) {
  box-shadow: none;
}
.cl-combobox-list.btn-dropdown-01,
.cl-combobox-list.btn-dropdown-02,
.cl-combobox-list.btn-dropdown-03 {
  border-color: #c5cee3;
}
.cl-combobox-list.btn-dropdown-01.cl-top,
.cl-combobox-list.btn-dropdown-02.cl-top,
.cl-combobox-list.btn-dropdown-03.cl-top {
  border-radius: 6px 6px 0px 0px;
  border-bottom-color: #e7edf5;
  margin-top: 1px;
}
.cl-combobox-list.btn-dropdown-01.cl-bottom,
.cl-combobox-list.btn-dropdown-02.cl-bottom,
.cl-combobox-list.btn-dropdown-03.cl-bottom {
  border-radius: 0px 0px 6px 6px;
  border-top-color: #e7edf5;
  margin-top: -1px;
}
.cl-combobox.btn-dropdown-01 {
  background-color: #454e6a;
  border: none;
  color: #ffffff;
}
.cl-combobox.btn-dropdown-01 .cl-combobox-button {
  background-image: url("images/controls/combobox/ic_btn_down_w.svg");
}
.cl-combobox.btn-dropdown-01:not(.cl-opened):not(.cl-disabled).cl-foucs,
.cl-combobox.btn-dropdown-01:not(.cl-opened):not(.cl-disabled):hover {
  background-color: #3b435d;
}
.cl-combobox.btn-dropdown-01:not(:cl-disabled):hover {
  box-shadow: none;
}
.cl-combobox.btn-dropdown-02 {
  background-color: #fcf1bb;
  border: none;
  color: #9b6200;
}
.cl-combobox.btn-dropdown-02 .cl-combobox-button {
  background-image: url("images/controls/combobox/ic_btn_down_b.svg");
}
.cl-combobox.btn-dropdown-02:not(.cl-opened):not(.cl-disabled).cl-foucs,
.cl-combobox.btn-dropdown-02:not(.cl-opened):not(.cl-disabled):hover {
  background-color: #e2d9a8;
  color: #9b6200;
}
.cl-combobox.btn-dropdown-02:not(:cl-disabled):hover {
  box-shadow: none;
}
.cl-combobox.btn-dropdown-03 {
  background-color: #f9fbfe;
  border: 1px solid #c5cee3;
  color: #222222;
}
.cl-combobox.btn-dropdown-03 .cl-combobox-button {
  background-image: url("images/controls/combobox/ic_btn_down.svg");
}
.cl-combobox.btn-dropdown-03:not(.cl-opened):not(.cl-disabled).cl-foucs,
.cl-combobox.btn-dropdown-03:not(.cl-opened):not(.cl-disabled):hover {
  background-color: #eceef1;
  border-color: #c7cee1;
}
.cl-inputbox.ipb-sts-02 {
  background-color: #fcf1bb;
}
/************************************************
 * Gradient SearchInput
 * -> 그라디언트 타입
 ************************************************/
.cl-searchinput.search-gradient {
  background-image: linear-gradient(to right, #fef8e6, #ecf1fc);
  background-repeat: no-repeat;
  background-size: 120px 100%;
  background-color: #ecf1fc;
  border: none;
}
.cl-searchinput.search-gradient:not(.cl-disabled):hover {
  background-color: #ecf1fc;
  box-shadow: inset 0px 0px 0px 1px #4366f8;
}
/************************************************
 * Toggle
 * -> 텍스트가 없는 유형, 텍스트가 있는 유형,
 *    텍스트가 내부에 있는 유형으로 나뉨
 * -> 텍스트가 내부에 있는 유형의 경우 가상 클래스를 사용하므로
 *    디자인 편집기에서 선택에 대한 렌더링이 제대로 이루어지지
 *    않을 수 있습니다.
 ************************************************/
.cl-checkbox.toggle-01 {
  /* 텍스트가 없는 유형 및 텍스트가 있는 유형 */
  font-weight: 500;
  color: #666666;
}
.cl-checkbox.toggle-01 .cl-text {
  padding: 0px 0px 0px 4px;
}
.cl-checkbox.toggle-01 .cl-checkbox-icon {
  background-image: none !important;
  background-color: #e1e7fd;
  border: none;
  border-radius: 9999px;
  height: 20px;
  padding: 3px;
  min-height: 20px;
  width: 34px;
}
.cl-checkbox.toggle-01 .cl-checkbox-icon:before {
  content: "";
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  float: left;
  top: calc(50% - 7px);
  background-color: #ffffff;
  border-radius: 9999px;
}
.cl-checkbox.toggle-01.cl-checked {
  color: #222222;
}
.cl-checkbox.toggle-01.cl-checked .cl-checkbox-icon {
  background-color: #4366f8;
}
.cl-checkbox.toggle-01.cl-checked .cl-checkbox-icon:before {
  content: "";
  float: right;
}
.cl-checkbox.toggle-01.cl-disabled .cl-checkbox-icon {
  background-color: #e4eaf3;
}
.cl-checkbox.toggle-01.cl-disabled .cl-checkbox-icon:before {
  content: "";
  background-color: #d3deed;
}
.cl-checkbox.toggle-01.cl-disabled.cl-checked .cl-text {
  color: #222222;
}
.cl-checkbox.toggle-01.cl-iconalign-right .cl-text {
  padding: 0px 4px 0px 0px;
}
.cl-checkbox.toggle-02 {
  /* 텍스트가 내부에 있는 유형 */
  background-color: #e1e7fd;
  border-radius: 9999px;
  color: #666666;
  font-weight: 500;
  text-align: right;
}
.cl-checkbox.toggle-02 .cl-text {
  padding: 0px 8px 0px 21px;
}
.cl-checkbox.toggle-02 .cl-checkbox-field {
  height: 100%;
}
.cl-checkbox.toggle-02:before {
  content: "";
  position: absolute;
  right: calc(100% - 17px);
  top: calc(50% - 7px);
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  border-radius: 9999px;
  pointer-events: none;
  transition: right 0.5s ease;
}
.cl-checkbox.toggle-02.cl-checked {
  background-color: #4366f8;
  color: #ffffff;
  text-align: left;
}
.cl-checkbox.toggle-02.cl-checked .cl-text {
  padding: 0px 21px 0px 8px;
}
.cl-checkbox.toggle-02.cl-checked:before {
  left: unset;
  right: 3px;
}
.cl-checkbox.toggle-02.cl-disabled {
  background-color: #e4eaf3;
}
.cl-checkbox.toggle-02.cl-disabled:before {
  content: "";
  background-color: #d3deed;
}
/************************************************
 * expand 체크박스
 * 특정 영역을 펼치고 닫는 기능을 하는 체크박스에 적용
 ************************************************/
.cl-checkbox.toggle-area {
  background-color: transparent;
  height: 100%;
  border-left: 1px solid #eceff4;
}
.cl-checkbox.toggle-area .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_collapse.svg");
  background-size: 16px;
  width: 16px;
  height: 200px;
  background-color: #d3def4;
  background-position: center;
  border-radius: 0px 6px 6px 0px;
  background-repeat: no-repeat;
}
.cl-checkbox.toggle-area.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_checkbox_expand.svg");
  background-size: 16px;
  width: 16px;
  height: 200px;
  background-color: #d3def4;
  border-radius: 0px 6px 6px 0px;
  background-position: center;
  background-repeat: no-repeat;
}
/************************************************
 * Switch
 * -> 버튼 형태의 스위치로, 라디오 버튼에 적용
 ************************************************/
.cl-radiobutton.switch {
  background-color: #f8fafe;
  border-radius: 4px;
  box-shadow: inset 0px 0px 0px 1px #e7edf5;
  font-weight: 500;
  min-width: 76px;
  /* 색상별 스위치 버튼 */
}
.cl-radiobutton.switch .cl-radiobutton-item {
  text-align: center;
  padding: 2px 8px;
}
.cl-radiobutton.switch .cl-radiobutton-item .cl-radiobutton-field {
  width: 100%;
  height: 100%;
}
.cl-radiobutton.switch .cl-radiobutton-item.cl-selected {
  background-color: #454e6a;
  border-radius: 4px;
  color: #ffffff;
}
.cl-radiobutton.switch.cl-disabled {
  background-color: #f9fbfe;
}
.cl-radiobutton.switch.cl-disabled .cl-radiobutton-item.cl-selected {
  background-color: #d3deed !important;
}
.cl-radiobutton.switch.switch-blue .cl-radiobutton-item.cl-selected {
  background-color: #4366f8;
}
.cl-radiobutton.switch.switch-red .cl-radiobutton-item.cl-selected {
  background-color: #fff9f9;
  box-shadow: inset 0px 0px 0px 1px #ffd7d9;
  color: #ea463c;
}
/************************************************
 * 서브 아코디언
 * -> 2 Depth 아코디언
 ************************************************/
.cl-accordion .cl-accordion.subaccordion .cl-accordion-section + .cl-accordion-header {
  margin-top: 0px;
}
.cl-accordion .cl-container.card {
  box-shadow: none;
}
.cl-accordion.sub-accordion .cl-accordion-header {
  border-top-color: #e4eaf3;
  font-size: 13px;
  font-weight: 500;
  height: 29px;
  padding: 2px 0px 6px 0px;
}
.cl-accordion.sub-accordion .cl-accordion-header .cl-text:before {
  content: "";
  margin-right: 5px;
}
.cl-accordion.sub-accordion .cl-accordion-section + .cl-accordion-header {
  margin-top: 4px;
}
.cl-accordion.accordion-card .cl-accordion-header {
  background-color: #ffffff;
  border: 1px solid #e7edf5;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  padding: 7px 9px 8px 9px;
}
.cl-accordion.accordion-card .cl-accordion-header .cl-text:before {
  content: none;
}
.cl-accordion.accordion-card .cl-accordion-header:hover:not(.cl-disabled) {
  background-color: #ffffff;
}
.cl-accordion.accordion-card .cl-accordion-header.cl-activated {
  border-radius: 8px 8px 0px 0px;
  border-bottom: none;
  padding: 7px 9px 5px 9px;
}
.cl-accordion.accordion-card .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
  background-color: #ffffff;
  border: 1px solid #e7edf5;
  border-top: none;
  border-radius: 0px 0px 8px 8px;
}
.cl-accordion.accordion-card .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content > .cl-container {
  padding: 0px 9px 9px 9px;
}
.cl-accordion.accordion-card .cl-accordion-section:not(.cl-accordion-placeholder):not(.cl-last) .cl-accordion-content {
  padding-bottom: 0px;
}
.cl-accordion.accordion-card .cl-accordion-section + .cl-accordion-header {
  margin-top: 10px;
}
/************************************************
 * 확장 아코디언
 * -> In cell accordion
 * -> Line accordion
 ************************************************/
.cl-container.accordion-wrapper .cl-container.accordion-header {
  background-color: #eff4fd;
  border-top: 1px solid #bec7df;
  border-bottom: 1px solid #e7edf5;
  padding: 0px 4px;
  min-height: 26px;
}
.cl-container.accordion-wrapper .cl-container.accordion-header .cl-output {
  background-color: transparent;
  color: #222222;
  font-weight: 300;
  text-align: center;
  padding: 2px 0px;
}
.cl-container.accordion-wrapper .cl-container.accordion-detail {
  border: 1px solid #e7edf5;
  border-width: 1px 0px;
  cursor: pointer;
  padding: 0px 4px;
}
.cl-container.accordion-wrapper .cl-container.accordion-detail .cl-control {
  padding: 2px 0px;
}
.cl-container.accordion-wrapper .cl-container.accordion-detail .cl-control:not(.cl-output) {
  padding: 0px;
  margin: 2px 0px;
}
.cl-container.accordion-wrapper .cl-container.accordion-detail .cl-formlayout-vertical-separator,
.cl-container.accordion-wrapper .cl-container.accordion-detail .cl-formlayout-horizontal-separator {
  background-color: #edf1fe;
}
.cl-container.accordion-wrapper .cl-container.accordion-detail .cl-checkbox.btn-expander {
  text-align: center;
  min-height: 20px;
}
.cl-container.accordion-wrapper .cl-container.accordion-detail .cl-checkbox.btn-expander .cl-checkbox-icon {
  background-image: url("images/controls/accordion/ic_btn_expand.svg");
  width: 20px;
  height: 20px;
}
.cl-container.accordion-wrapper .cl-container.accordion-detail .cl-checkbox.btn-expander:hover .cl-checkbox-icon,
.cl-container.accordion-wrapper .cl-container.accordion-detail .cl-checkbox.btn-expander.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/accordion/ic_btn_expand_h.svg");
}
.cl-container.accordion-wrapper .cl-container.accordion-detail .cl-checkbox.btn-expander.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/accordion/ic_btn_expand_on.svg");
}
.cl-container.accordion-wrapper .cl-container.accordion-detail .cl-checkbox.btn-expander.cl-checked:hover .cl-checkbox-icon,
.cl-container.accordion-wrapper .cl-container.accordion-detail .cl-checkbox.btn-expander.cl-checked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/accordion/ic_btn_expand_on_h.svg");
}
.cl-container.accordion-wrapper .cl-container.accordion-content {
  padding: 8px;
}
.cl-container.accordion-expander {
  border-left: 1px solid #e4eaf3;
  padding: 9px 15px 9px 16px;
}
.cl-container.accordion-expander .cl-checkbox.btn-expander {
  text-align: center;
  vertical-align: bottom;
}
.cl-container.accordion-expander .cl-checkbox.btn-expander .cl-checkbox-icon {
  background-image: url("images/controls/accordion/ic_btn_expander.svg");
  background-size: 26px;
  width: 26px;
  height: 26px;
}
.cl-container.accordion-expander .cl-checkbox.btn-expander:hover .cl-checkbox-icon,
.cl-container.accordion-expander .cl-checkbox.btn-expander.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/accordion/ic_btn_expander_h.svg");
}
.cl-container.accordion-expander .cl-checkbox.btn-expander.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/accordion/ic_btn_expander_on.svg");
}
.cl-container.accordion-expander .cl-checkbox.btn-expander.cl-checked:hover .cl-checkbox-icon,
.cl-container.accordion-expander .cl-checkbox.btn-expander.cl-checked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/accordion/ic_btn_expander_on_h.svg");
}
.cl-container.accordion-section .cl-container.accordion-content-header {
  background-color: #f5f7fe;
  padding: 9px;
}
.cl-container.accordion-section .cl-container.accordion-content {
  padding: 9px;
}
.cl-container.content.accordion-area,
.cl-container.sub-content.accordion-area {
  padding-top: 5px;
  border-top: 1px solid #333333;
}
.cl-container.content.accordion-area .cl-checkbox.btn-expander,
.cl-container.sub-content.accordion-area .cl-checkbox.btn-expander {
  text-align: center;
  min-height: 20px;
}
.cl-container.content.accordion-area .cl-checkbox.btn-expander .cl-checkbox-icon,
.cl-container.sub-content.accordion-area .cl-checkbox.btn-expander .cl-checkbox-icon {
  background-image: url("images/controls/accordion/ic_btn_expand.svg");
  width: 20px;
  height: 20px;
}
.cl-container.content.accordion-area .cl-checkbox.btn-expander:hover .cl-checkbox-icon,
.cl-container.sub-content.accordion-area .cl-checkbox.btn-expander:hover .cl-checkbox-icon,
.cl-container.content.accordion-area .cl-checkbox.btn-expander.cl-hover .cl-checkbox-icon,
.cl-container.sub-content.accordion-area .cl-checkbox.btn-expander.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/accordion/ic_btn_expand_h.svg");
}
.cl-container.content.accordion-area .cl-checkbox.btn-expander.cl-checked .cl-checkbox-icon,
.cl-container.sub-content.accordion-area .cl-checkbox.btn-expander.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/accordion/ic_btn_expand_on.svg");
}
.cl-container.content.accordion-area .cl-checkbox.btn-expander.cl-checked:hover .cl-checkbox-icon,
.cl-container.sub-content.accordion-area .cl-checkbox.btn-expander.cl-checked:hover .cl-checkbox-icon,
.cl-container.content.accordion-area .cl-checkbox.btn-expander.cl-checked.cl-hover .cl-checkbox-icon,
.cl-container.sub-content.accordion-area .cl-checkbox.btn-expander.cl-checked.cl-hover .cl-checkbox-icon {
  background-image: url("images/controls/accordion/ic_btn_expand_on_h.svg");
}
/************************************************
 * Multi Box (정보성)
 * -> 정보성 Chip 을 나타내는 체크박스
 ************************************************/
.cl-container.multi-box .cl-container.card {
  background-color: #ffffff;
  border: 1px solid #e7edf5;
  border-radius: 6px;
  box-shadow: none;
  padding: 4px 5px;
}
.cl-container.multi-box .cl-container.card .cl-output {
  font-weight: 500;
}
.cl-container.multi-box .cl-container.card .cl-checkbox {
  background-color: #f5f7fe;
  border-color: #f5f7fe;
}
.cl-container.multi-box .cl-container.card .cl-checkbox.cl-checked {
  background-color: #fff9f9;
  border-color: #ffd7d9;
}
.cl-container.multi-box .cl-container.card .cl-checkbox.cl-disabled {
  background-color: #e4eaf3;
  border-color: #e4eaf3;
  color: #888888;
}
.cl-container.multi-box .cl-container.card .cl-checkboxgroup .cl-checkbox {
  background-color: #f5f7fe;
  border-color: #f5f7fe;
}
.cl-container.multi-box .cl-container.card .cl-checkboxgroup .cl-checkbox.cl-checked {
  background-color: #fff9f9;
  border-color: #ffd7d9;
}
.cl-container.multi-box .cl-container.card .cl-checkboxgroup .cl-checkbox.cl-disabled {
  background-color: #e4eaf3;
  border-color: #e4eaf3;
  color: #888888;
}
.cl-container.multi-box .cl-container.card .cl-checkboxgroup.cl-disabled .cl-checkbox {
  background-color: #e4eaf3;
  border-color: #e4eaf3;
  color: #888888;
}
.cl-container.multi-box .cl-checkbox {
  background-color: #ffffff;
  border: 1px solid #e7edf5;
  border-radius: 6px;
  color: #222222;
  min-height: 26px;
  /* 필수 상태의 경우 */
}
.cl-container.multi-box .cl-checkbox .cl-checkbox-field {
  width: 100%;
  height: 100%;
}
.cl-container.multi-box .cl-checkbox .cl-text {
  padding: 0px 5px 0px 5px;
}
.cl-container.multi-box .cl-checkbox:hover,
.cl-container.multi-box .cl-checkbox.cl-hover {
  background-color: #fff9f9;
  border-color: #ffd7d9;
  color: #eb5249;
}
.cl-container.multi-box .cl-checkbox.cl-checked {
  background-color: #fff9f9;
  border-color: #ffd7d9;
  color: #eb5249;
}
.cl-container.multi-box .cl-checkbox.cl-checked:hover,
.cl-container.multi-box .cl-checkbox.cl-checked.cl-hover {
  background-color: #fff9f9;
  border-color: #ffd7d9;
  color: #eb5249;
}
.cl-container.multi-box .cl-checkbox.cl-disabled {
  background-color: #e4eaf3;
  border-color: #e4eaf3;
  color: #888888;
}
.cl-container.multi-box .cl-checkbox.require .cl-text:after {
  content: "N";
  position: relative;
  float: right;
  width: 10px;
}
.cl-container.multi-box .cl-checkbox.require.cl-checked .cl-text:after {
  content: "Y";
}
.cl-container.multi-box .cl-checkboxgroup {
  /* 필수 상태의 경우 */
}
.cl-container.multi-box .cl-checkboxgroup .cl-checkbox {
  color: #222222;
  height: 26px !important;
}
.cl-container.multi-box .cl-checkboxgroup .cl-checkbox:hover,
.cl-container.multi-box .cl-checkboxgroup .cl-checkbox.cl-hover {
  background-color: #ffffff;
  border-color: #ffd7d9;
  color: #eb5249;
}
.cl-container.multi-box .cl-checkboxgroup .cl-checkbox.cl-checked {
  background-color: #fff9f9;
  border-color: #ffd7d9;
  color: #eb5249;
}
.cl-container.multi-box .cl-checkboxgroup .cl-checkbox.cl-checked:hover,
.cl-container.multi-box .cl-checkboxgroup .cl-checkbox.cl-checked.cl-hover {
  background-color: #fff9f9;
  border-color: #ffd7d9;
  color: #eb5249;
}
.cl-container.multi-box .cl-checkboxgroup .cl-checkbox.cl-disabled {
  background-color: #e4eaf3;
  border-color: #e4eaf3;
  color: #888888;
}
.cl-container.multi-box .cl-checkboxgroup.require .cl-checkbox .cl-text:after {
  content: "N";
  position: relative;
  font-weight: 500;
  float: right;
  width: 10px;
}
.cl-container.multi-box .cl-checkboxgroup.require .cl-checkbox.cl-checked .cl-text:after {
  content: "Y";
}
/************************************************
 * 프로그레스 (진행상태표시)
 ************************************************/
.cl-progress.progress {
  border-radius: 8px;
}
.cl-progress.progress .cl-progress-bar {
  border-radius: 8px;
}
/************************************************
 * 노티파이어
 ************************************************/
.cl-container.notifier {
  border: 1px solid #e7edf5;
  border-width: 1px 0px 0px 0px;
  background-color: #f9fbfe;
  padding: 9px 16px 10px 26px;
}
.cl-container.notifier .notifier-icon {
  background-image: url("images/controls/notifier/ic_msg_normal.svg");
  background-size: 16px;
  background-position: center;
}
.cl-container.notifier .cl-output.notifier-txt {
  color: #444444;
  font-weight: 500;
  font-size: 12px;
}
.cl-container.notifier .cl-output.notifier-txt span.text-highlight {
  color: #ea463c;
  text-decoration: underline;
}
.cl-container.notifier .cl-button.btn-close {
  background-image: url("images/controls/notifier/ic_msg_close.svg");
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 0px;
}
.cl-container.notifier .cl-button.btn-close:not(.cl-disabled):hover {
  background-color: transparent;
}
.cl-container.notifier .cl-button.btn-close:focus,
.cl-container.notifier .cl-button.btn-close.cl-focus {
  background-color: transparent;
}
.cl-container.notifier .cl-button.btn-close:not(.cl-disabled).cl-activated,
.cl-container.notifier .cl-button.btn-close:not(.cl-disabled):active {
  background-color: transparent;
}
.cl-container.notifier.notifier-info {
  border: 1px solid #e1e7fd;
  border-width: 1px 0px 0px 0px;
  background-color: #f5f7fe;
}
.cl-container.notifier.notifier-info .notifier-icon {
  background-image: url("images/controls/notifier/ic_msg_info.svg");
}
.cl-container.notifier.notifier-warning {
  border: 1px solid #ffea93;
  border-width: 1px 0px 0px 0px;
  background-color: #fffcf2;
}
.cl-container.notifier.notifier-warning .notifier-icon {
  background-image: url("images/controls/notifier/ic_msg_warning.svg");
}
.cl-container.notifier.notifier-danger {
  border: 1px solid #ffd7d9;
  border-width: 1px 0px 0px 0px;
  background-color: #fff9f9;
}
.cl-container.notifier.notifier-danger .notifier-icon {
  background-image: url("images/controls/notifier/ic_msg_danger.svg");
}
/************************************************
 * 이미지 (데이터없음)
 ************************************************/
.cl-image.nodata {
  background-color: #f9fbfe;
  background-image: url("images/controls/image/000_icon_noimage.svg");
  background-position: center;
  background-repeat: no-repeat;
}
/* 인풋박스 
 * 다이얼로그 상단 고객의 정보를 출력하는 인풋 박스에 사용
 */
.cl-inputbox.info-input {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  border: none;
}
.cl-inputbox.info-input .cl-text {
  padding-left: 12px;
  color: #222222;
  font-size: 12px;
  font-weight: 500;
}
.cl-inputbox.info-input .cl-inputbox-clear {
  background-image: url("images/controls/inputbox/ic_btn_clear_blue.svg");
  background-size: 12px;
}
.cl-inputbox.info-input .cl-inputbox-clear:not(.cl-disabled):hover,
.cl-inputbox.info-input .cl-inputbox-clear:not(.cl-disabled).cl-focus,
.cl-inputbox.info-input .cl-inputbox-clear:not(.cl-disabled):focus,
.cl-inputbox.info-input .cl-inputbox-clear:not(.cl-disabled):active {
  background-image: url("images/controls/inputbox/ic_btn_clear_blue_hover.svg");
  background-size: 12px;
}
.cl-inputbox.info-input:not(.cl-disabled).cl-focus,
.cl-inputbox.info-input:not(.cl-disabled):hover,
.cl-inputbox.info-input:not(.cl-disabled):focus {
  box-shadow: none;
}
.cl-inputbox.info-input.cl-disabled {
  background-image: url("images/controls/inputbox/ic_btn_clear_blue_disabled.svg");
  background-size: 12px;
}
/************************************************
 * 그리드 내 버튼형 라디오 버튼
 ************************************************/
.cl-radiobutton.btn {
  font-weight: 500;
  text-align: center;
}
.cl-radiobutton.btn .cl-radiobutton-item {
  background-color: #fcf1bb;
  border-color: #fcf1bb;
  border-radius: 4px;
  color: #9b6200;
  padding: 2px 5px 3px 5px;
}
.cl-radiobutton.btn .cl-radiobutton-item:hover,
.cl-radiobutton.btn .cl-radiobutton-item.cl-hover {
  background-color: #e2d9a8;
  border-color: #e2d9a8;
  color: #9b6200;
}
.cl-radiobutton.btn .cl-radiobutton-item:focus .cl-radiobutton-item,
.cl-radiobutton.btn .cl-radiobutton-item.cl-focus .cl-radiobutton-item {
  background-color: #fcf1bb;
  border-color: #fcf1bb;
  color: #9b6200;
}
.cl-radiobutton.btn .cl-radiobutton-item.cl-selected {
  background-color: #fcf1bb;
  border-color: #fcf1bb;
  color: #9b6200;
}
.cl-radiobutton.btn .cl-radiobutton-item.cl-disabled {
  background-color: #e7edf5;
  border-color: #e7edf5;
  color: #666666;
}
.cl-radiobutton.btn.cl-disabled .cl-radiobutton-item {
  background-color: #e7edf5;
  border-color: #e7edf5;
  color: #666666;
}
.cl-control.bg-extra.red {
  background-color: #ffdede;
}
.cl-control.bg-extra.red:not(.cl-selected):hover {
  background-color: #ffdede;
}
.cl-control.bg-extra.orange {
  background-color: #fee4cc;
}
.cl-control.bg-extra.orange:not(.cl-selected):hover {
  background-color: #fee4cc;
}
.cl-control.bg-extra.green {
  background-color: #dbf8e1;
}
.cl-control.bg-extra.green:not(.cl-selected):hover {
  background-color: #dbf8e1;
}
.cl-control.bg-extra.gray {
  background-color: #ececec;
}
.cl-control.bg-extra.gray:not(.cl-selected):hover {
  background-color: #ececec;
}
.cl-control.bg-extra.blue {
  background-color: #d8e8fd;
}
.cl-control.bg-extra.blue:not(.cl-selected):hover {
  background-color: #d8e8fd;
}
.cl-control.bg-extra.purple {
  background-color: #e8dfff;
}
.cl-control.bg-extra.purple:not(.cl-selected):hover {
  background-color: #e8dfff;
}
/************************************************
 * 일반폼 (기본)
 * -> 사용하지 않는 스타일!!
 ************************************************/
.cl-container.cl-form-group {
  background-color: #ffffff;
  border: 1px solid #bec7df;
  border-radius: 0px;
}
.cl-container.cl-form-group .cl-output.label {
  text-align: center;
}
/************************************************
 * 입력폼
 ************************************************/
.cl-container.form-base,
.cl-container.form-table {
  background-color: #ffffff;
  border: 1px solid #bec7df;
  border-width: 1px 0px;
  border-bottom-color: #e7edf5;
  border-radius: 0px;
  /* 라벨 스타일 */
  /* 아웃풋 외 라벨 컨트롤 */
  /* 폼 내 라디오버튼에 서브라벨이 사용되는 경우 */
  /* 폼 내 푸터로 사용되는 셀 */
  /* 폼 내 컨트롤 공통 스타일 처리 */
}
.cl-container.form-base .cl-output.label.text-left .cl-text,
.cl-container.form-table .cl-output.label.text-left .cl-text,
.cl-container.form-base .cl-output.sub-label.text-left .cl-text,
.cl-container.form-table .cl-output.sub-label.text-left .cl-text {
  padding: 0px 4px;
}
.cl-container.form-base .cl-output.label,
.cl-container.form-table .cl-output.label {
  background-color: #faf8e1;
  color: #222222;
  text-align: center;
  /* 하이라이팅 셀 */
}
.cl-container.form-base .cl-output.label.require .cl-text:after,
.cl-container.form-table .cl-output.label.require .cl-text:after {
  content: "*";
  color: #ea463c;
  margin-left: 2px;
}
.cl-container.form-base .cl-output.label.highlight-01,
.cl-container.form-table .cl-output.label.highlight-01 {
  background-color: #fff9f9;
  color: #ea463c;
}
.cl-container.form-base .cl-output.label.highlight-02,
.cl-container.form-table .cl-output.label.highlight-02 {
  background-color: #d5e4ff;
  color: #222222;
  font-weight: 500;
}
.cl-container.form-base .cl-output.sub-label.cl-even-row,
.cl-container.form-table .cl-output.sub-label.cl-even-row,
.cl-container.form-base .cl-output.sub-label.cl-odd-row,
.cl-container.form-table .cl-output.sub-label.cl-odd-row {
  background-color: #fefdee;
  color: #444444;
  padding: 0px;
  text-align: center;
  font-weight: 300;
}
.cl-container.form-base .cl-output.sub-label.text-link,
.cl-container.form-table .cl-output.sub-label.text-link {
  color: #4366f8;
}
.cl-container.form-base .cl-checkbox.label,
.cl-container.form-table .cl-checkbox.label,
.cl-container.form-base .cl-radiobutton.label,
.cl-container.form-table .cl-radiobutton.label {
  background-color: #faf8e1;
  color: #222222;
  text-align: center;
}
.cl-container.form-base .cl-radiobutton.sub-label.cl-even-row,
.cl-container.form-table .cl-radiobutton.sub-label.cl-even-row,
.cl-container.form-base .cl-radiobutton.sub-label.cl-odd-row,
.cl-container.form-table .cl-radiobutton.sub-label.cl-odd-row {
  background-color: #fefdee;
  color: #444444;
  padding: 0px 4px;
}
.cl-container.form-base .label.footer-cell,
.cl-container.form-table .label.footer-cell,
.cl-container.form-base .footer-cell,
.cl-container.form-table .footer-cell {
  background-color: #d3def4 !important;
  border: none;
  border-radius: 0px;
  color: #222222;
  padding: 0px 4px;
}
.cl-container.form-base .label.sub-footer-cell,
.cl-container.form-table .label.sub-footer-cell,
.cl-container.form-base .sub-footer-cell,
.cl-container.form-table .sub-footer-cell {
  background-color: #e2e9f8 !important;
  border: none;
  border-radius: 0px;
  color: #222222;
  padding: 0px 4px;
}
.cl-container.form-base .cl-output.caption,
.cl-container.form-table .cl-output.caption {
  font-size: 11px;
  padding: 0px;
}
.cl-container.form-base .cl-output.text-link,
.cl-container.form-table .cl-output.text-link {
  color: #4366f8;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cl-container.form-base .cl-output.text-link:hover,
.cl-container.form-table .cl-output.text-link:hover {
  color: #4366f8;
}
.cl-container.form-base:not(.cl-readonly) .cl-output.cl-readonly,
.cl-container.form-table:not(.cl-readonly) .cl-output.cl-readonly {
  background-color: rgba(165, 165, 165, 0.15);
  padding: 3px 5px 2px;
}
/************************************************
 * 출력 폼
 * -> 폼 내 아웃풋 컨트롤만 배치된 경우
 ************************************************/
.cl-container.form-base.cl-readonly .cl-formlayout-column-shade,
.cl-container.form-table.cl-readonly .cl-formlayout-column-shade,
.cl-container.form-base.cl-readonly .cl-formlayout-row-shade,
.cl-container.form-table.cl-readonly .cl-formlayout-row-shade {
  background-color: #eff4fd;
}
.cl-container.form-base.cl-readonly .cl-output.label,
.cl-container.form-table.cl-readonly .cl-output.label {
  background-color: #eff4fd;
  /* 하이라이팅 셀 */
}
.cl-container.form-base.cl-readonly .cl-output.label.highlight-01,
.cl-container.form-table.cl-readonly .cl-output.label.highlight-01 {
  background-color: #fff9f9;
  color: #ea463c;
}
.cl-container.form-base.cl-readonly .cl-output.label.highlight-02,
.cl-container.form-table.cl-readonly .cl-output.label.highlight-02 {
  background-color: #d5e4ff;
  color: #222222;
  font-weight: 500;
}
.cl-container.form-base.cl-readonly .cl-output.sub-label.cl-even-row,
.cl-container.form-table.cl-readonly .cl-output.sub-label.cl-even-row,
.cl-container.form-base.cl-readonly .cl-output.sub-label.cl-odd-row,
.cl-container.form-table.cl-readonly .cl-output.sub-label.cl-odd-row {
  background-color: #f9fbfe;
}
.cl-container.form-base.cl-readonly .text-link,
.cl-container.form-table.cl-readonly .text-link {
  color: #4366f8;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cl-container.form-base.cl-readonly .text-link:hover,
.cl-container.form-table.cl-readonly .text-link:hover {
  color: #4366f8;
}
/************************************************
 * 폼 또는 그리드 버튼 영역 내 간격 조정 컨트롤 스타일
 ************************************************/
/* 폼 관련 정보 영역 스타일 */
.spacing.has-bar {
  background-image: linear-gradient(#c5cee3, #c5cee3);
  background-repeat: no-repeat;
  background-size: 1px 20px;
  background-position: center center;
}
/************************************************
 * 조회 폼
 * -> 탭 폴더 또는 아코디언 내에 배치되는 경우 라인표시
 ************************************************/
.cl-container.search-box {
  /* 라벨로 사용되는 컨트롤 공통 */
  /* 조회 영역 내 조회 버튼 영역 */
  /* H26를 가지는 컨트롤에 대한 스타일 (field-lg를 사용하지 않도록) */
  /* 라벨이 없는 조회조건의 경우 적용하는 스타일 */
  /* 조회조건 내에 있는 서브라벨에 적용되는 스타일*/
  /* 조회 영역 내 캡션 폰트 크기 */
}
.cl-container.search-box .cl-control.label {
  color: #666666;
  font-weight: 500;
  padding: 6px 0px;
  text-align: left;
  vertical-align: top;
}
.cl-container.search-box .cl-control.label:not(.cl-first-column) {
  margin-left: 36px;
}
.cl-container.search-box .cl-control.label.require .cl-text:after {
  content: "*";
  color: #ea463c;
  margin-left: 2px;
}
.cl-container.search-box .cl-container.search-button-area {
  margin-left: 48px;
}
.cl-container.search-box .cl-container.search-button-area .cl-output.sub-label {
  font-weight: 500;
}
.cl-container.search-box .cl-container.search-button-area .cl-button.btn-primary-02 {
  font-size: 12px;
  font-weight: 500;
  border-radius: 6px;
  padding: 0px 7px;
}
.cl-container.search-box .cl-control {
  /* 인풋계열 공통 */
  /* 각 컨트롤별 스타일 */
}
.cl-container.search-box .cl-control.cl-inputbox,
.cl-container.search-box .cl-control.cl-numbereditor,
.cl-container.search-box .cl-control.cl-maskeditor,
.cl-container.search-box .cl-control.cl-searchinput,
.cl-container.search-box .cl-control.cl-dateinput,
.cl-container.search-box .cl-control.cl-fileinput,
.cl-container.search-box .cl-control.cl-combobox {
  background-color: #ffffff;
  border-color: #e7edf5;
  border-radius: 6px;
}
.cl-container.search-box .cl-control.cl-inputbox:hover,
.cl-container.search-box .cl-control.cl-numbereditor:hover,
.cl-container.search-box .cl-control.cl-maskeditor:hover,
.cl-container.search-box .cl-control.cl-searchinput:hover,
.cl-container.search-box .cl-control.cl-dateinput:hover,
.cl-container.search-box .cl-control.cl-fileinput:hover,
.cl-container.search-box .cl-control.cl-combobox:hover {
  background-color: #ffffff;
  border-color: #4366f8;
}
.cl-container.search-box .cl-control.cl-inputbox.cl-focus,
.cl-container.search-box .cl-control.cl-numbereditor.cl-focus,
.cl-container.search-box .cl-control.cl-maskeditor.cl-focus,
.cl-container.search-box .cl-control.cl-searchinput.cl-focus,
.cl-container.search-box .cl-control.cl-dateinput.cl-focus,
.cl-container.search-box .cl-control.cl-fileinput.cl-focus,
.cl-container.search-box .cl-control.cl-combobox.cl-focus {
  background-color: #ffffff;
  border-color: #4366f8;
}
.cl-container.search-box .cl-control.cl-inputbox.cl-disabled,
.cl-container.search-box .cl-control.cl-numbereditor.cl-disabled,
.cl-container.search-box .cl-control.cl-maskeditor.cl-disabled,
.cl-container.search-box .cl-control.cl-searchinput.cl-disabled,
.cl-container.search-box .cl-control.cl-dateinput.cl-disabled,
.cl-container.search-box .cl-control.cl-fileinput.cl-disabled,
.cl-container.search-box .cl-control.cl-combobox.cl-disabled {
  background-color: #e4eaf3;
  border-color: #e4eaf3;
}
.cl-container.search-box .cl-control.cl-inputbox .cl-inputbox-clear {
  padding-right: 7px;
}
.cl-container.search-box .cl-control.cl-numbereditor .cl-numbereditor-buttons {
  width: 24px;
}
.cl-container.search-box .cl-control.cl-numbereditor .cl-numbereditor-clear {
  padding-right: 7px;
}
.cl-container.search-box .cl-control.cl-maskeditor .cl-maskeditor-clear {
  padding-right: 7px;
}
.cl-container.search-box .cl-control.cl-combobox .cl-combobox-button {
  padding-right: 5px;
}
.cl-container.search-box .cl-control.cl-dateinput .cl-dateinput-spinbuttons {
  width: 24px;
}
.cl-container.search-box .cl-control.cl-dateinput .cl-dateinput-button.cl-right {
  padding-right: 5px;
}
.cl-container.search-box .cl-control.stepper {
  background-color: #ffffff;
  border-color: #e7edf5;
  border-radius: 6px;
}
.cl-container.search-box .cl-control.span-field:not(.cl-first-column) {
  margin-left: 36px;
}
.cl-container.search-box .cl-output.sub-label {
  color: #666666;
  font-weight: 300;
  font-size: 12px;
  padding: 0px 0px 0px 0px;
}
.cl-container.search-box .cl-output.caption {
  font-size: 11px;
}
/************************************************
 * No line Table
 ************************************************/
.cl-container.form-borderless .cl-output.label {
  color: #444444;
}
.cl-container.form-borderless .cl-output.label:not(.cl-first-column) {
  margin-left: 24px;
}
.cl-container.form-borderless .cl-output {
  vertical-align: top;
}
.cl-container.form-borderless .cl-output:not(.label) {
  font-weight: 500;
}
.cl-container.form-borderless .legend:before {
  content: "";
  top: calc(50% - 6px);
}
/************************************************
 * 도큐먼트 카드
 ************************************************/
.cl-container.document-frame {
  background-color: #ffffff;
  border: 1px solid #eceff4;
  border-radius: 12px;
}
.cl-container.document-frame .cl-container.document-header {
  background-image: linear-gradient(to right, #fdfdfb 12%, #d4dffb 74%);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 400px 100%;
  background-color: #d4dffb;
  border-bottom: 1px solid #eceff4;
  /* 버튼 그룹 간격 조정 */
  /* 버튼 공통 */
  /* 닫기 버튼 */
  /* 최소화 버튼 */
  /* 이전으로 버튼 */
  /* 이후로 버튼 */
}
.cl-container.document-frame .cl-container.document-header.header-focus {
  background-color: #faf8e1;
  background-image: linear-gradient(to right, #fdfdfb 12%, #faf8e1 74%);
}
.cl-container.document-frame .cl-container.document-header .cl-output.document-tit {
  color: #222222;
  font-size: 14px;
  font-weight: 700;
}
.cl-container.document-frame .cl-container.document-header .cl-layout-wrap.btn-pop-group:first-child + .cl-layout-wrap.btn-pop-group {
  margin-right: 8px !important;
}
.cl-container.document-frame .cl-container.document-header .cl-layout-wrap.btn-pop-group:last-child {
  margin-left: 8px !important;
}
.cl-container.document-frame .cl-container.document-header .cl-button {
  background-color: transparent;
  background-size: 16px;
  border: none;
  border-radius: 0px;
  padding: 0px !important;
}
.cl-container.document-frame .cl-container.document-header .cl-button:not(.cl-disabled):hover {
  background-color: transparent;
}
.cl-container.document-frame .cl-container.document-header .cl-button:focus,
.cl-container.document-frame .cl-container.document-header .cl-button.cl-focus {
  background-color: transparent;
}
.cl-container.document-frame .cl-container.document-header .cl-button:not(.cl-disabled).cl-activated,
.cl-container.document-frame .cl-container.document-header .cl-button:not(.cl-disabled):active {
  background-color: transparent;
}
.cl-container.document-frame .cl-container.document-header .cl-button.btn-p-close {
  background-image: url("images/controls/dialog/ic_btn_close.svg");
}
.cl-container.document-frame .cl-container.document-header .cl-button.btn-p-min {
  background-image: url("images/controls/dialog/ic_btn_min.svg");
}
.cl-container.document-frame .cl-container.document-header .cl-button.btn-p-prev {
  background-image: url("images/controls/dialog/ic_btn_prev.svg");
  background-size: 20px;
}
.cl-container.document-frame .cl-container.document-header .cl-button.btn-p-prev.cl-disabled {
  background-image: url("images/controls/dialog/ic_btn_prev_off.svg");
}
.cl-container.document-frame .cl-container.document-header .cl-button.btn-p-next {
  background-image: url("images/controls/dialog/ic_btn_next.svg");
  background-size: 20px;
}
.cl-container.document-frame .cl-container.document-header .cl-button.btn-p-next.cl-disabled {
  background-image: url("images/controls/dialog/ic_btn_next_off.svg");
}
.cl-dialog .cl-container.document-frame {
  border: none;
}
/************************************************
 * 메세지 카드
 ************************************************/
.cl-container.message-box .cl-output {
  color: #555555;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
/************************************************
 * 인풋계열 수정불가(ReadOnly)
 ************************************************/
/************************************************
 * 인풋계열 필수표시
 ************************************************/
/************************************************
 * 인풋계열 에러표시
 ************************************************/
.cl-inputbox.error,
.cl-numbereditor.error,
.cl-searchinput.error,
.cl-maskeditor.error,
.cl-dateinput.error,
.cl-fileinput.error,
.cl-combobox.error,
.cl-textarea.error {
  background-color: #ffffff;
  border-color: #ea463c;
  border-width: 1px;
  box-shadow: inset 0px 0px 0px 1px #ea463c;
}
.cl-inputbox.error:hover,
.cl-numbereditor.error:hover,
.cl-searchinput.error:hover,
.cl-maskeditor.error:hover,
.cl-dateinput.error:hover,
.cl-fileinput.error:hover,
.cl-combobox.error:hover,
.cl-textarea.error:hover {
  border-color: #ea463c;
  box-shadow: inset 0px 0px 0px 1px #ea463c;
}
/************************************************
 * 서브 탭 폴더 내 배지 스타일 공통
 ************************************************/
.cl-tabfolder .cl-tabfolder-item {
  position: relative;
  overflow: visible !important;
}
.cl-tabfolder .cl-tabfolder-item.on {
  background-image: url("images/controls/tabfolder/ic_siren.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 18px;
  padding-left: 22px;
}
.cl-tabfolder.sub-tabfolder.has-badge .cl-tabfolder-item .badge {
  margin: 0px 0px 0px 6px;
  position: relative;
  top: -1px;
}
.cl-tabfolder.sub-tabfolder.has-badge .cl-tabfolder-item.cl-selected .badge {
  background-color: #454e6a;
}
.cl-tabfolder.tab-inner.has-badge .cl-tabfolder-item .badge {
  background-color: transparent !important;
  border-radius: 0px;
  color: #444444;
  font-size: 12px;
  font-weight: 500;
  margin: 0px 0px 0px 4px;
  padding: 0px;
  top: 0px;
}
.cl-tabfolder.tab-inner.has-badge .cl-tabfolder-item.cl-selected .badge {
  color: #222222;
}
.cl-tabfolder.tab-filled.has-badge .cl-tabfolder-item .badge {
  color: #666666;
}
.cl-tabfolder.tab-filled.has-badge .cl-tabfolder-item.cl-selected .badge {
  color: #222222;
}
/************************************************
 * 서브 탭 폴더
 * -> 2 Depth
 ************************************************/
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header {
  height: 30px;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-empty-area {
  box-shadow: inset 0px -1px 0px 0px #dfe7f2;
  border-bottom: none;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-prev,
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-next {
  box-shadow: none;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-prev:not(.cl-disabled):after {
  height: 100%;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-next:not(.cl-disabled):after {
  height: 100%;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-item {
  background-color: #eef3fe;
  border: 1px solid transparent;
  border-bottom: 1px solid #dfe7f2;
  border-radius: 6px 6px 0px 0px;
  box-shadow: none;
  font-size: 13px;
  font-weight: 700;
  padding: 5px 15px;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-item.subtab-red {
  background-color: #ffdede;
  border: 1px solid #ffdede;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-item.subtab-red:not(.cl-selected):hover {
  background-color: #ffdede;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-item.subtab-orange {
  background-color: #fee4cc;
  border: 1px solid #fee4cc;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-item.subtab-orange:not(.cl-selected):hover {
  background-color: #fee4cc;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-item..subtab-green {
  background-color: #dbf8e1;
  border: 1px solid #dbf8e1;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-item..subtab-green:not(.cl-selected):hover {
  background-color: #dbf8e1;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-item.subtab-gray {
  background-color: #ececec;
  border: 1px solid #ececec;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-item.subtab-gray:not(.cl-selected):hover {
  background-color: #ececec;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-item.subtab-blue {
  background-color: #d8e8fd;
  border: 1px solid #d8e8fd;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-item.subtab-blue:not(.cl-selected):hover {
  background-color: #d8e8fd;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-item.subtab-purple {
  background-color: #e8dfff;
  border: 1px solid #e8dfff;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-item.subtab-purple:not(.cl-selected):hover {
  background-color: #e8dfff;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  margin-bottom: 1px;
  background-color: #ffffff;
  border-color: #4b57ed;
  border-bottom: none;
  box-shadow: none;
  color: #4366f8;
  font-weight: 700;
  z-index: 1;
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected .cl-tabfolder-button {
  background-image: url("../resource/runtime/css/icons/close.png");
}
.cl-tabfolder.sub-tabfolder .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: #f8fafe;
  border-color: #f8fafe;
  border-bottom-color: #dfe7f2;
  box-shadow: none;
  color: #444444;
}
/************************************************
 * 서브 탭 폴더
 * -> 3 Depth
 ************************************************/
.cl-tabfolder.tab-inner .cl-tabfolder-header {
  height: 26px;
}
.cl-tabfolder.tab-inner .cl-tabfolder-header .cl-empty-area {
  box-shadow: none;
}
.cl-tabfolder.tab-inner .cl-tabfolder-header .cl-tabfolder-prev,
.cl-tabfolder.tab-inner .cl-tabfolder-header .cl-tabfolder-next {
  box-shadow: none;
}
.cl-tabfolder.tab-inner .cl-tabfolder-header .cl-tabfolder-prev:not(.cl-disabled):after {
  height: 100%;
}
.cl-tabfolder.tab-inner .cl-tabfolder-header .cl-tabfolder-next:not(.cl-disabled):after {
  height: 100%;
}
.cl-tabfolder.tab-inner .cl-tabfolder-header .cl-tabfolder-item {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 9999px;
  box-shadow: none;
  color: #444444;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 9px 5px;
}
.cl-tabfolder.tab-inner .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  border: 1px solid #aebdfd;
  border-radius: 9999px;
  color: #222222;
  font-weight: 500;
}
.cl-tabfolder.tab-inner .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: #ecf1fe;
  border-color: #ecf1fe;
  box-shadow: none;
}
/************************************************
 * 서브 탭 폴더
 * -> 4 Depth
 ************************************************/
.cl-tabfolder.tab-filled .cl-tabfolder-header {
  background-color: #f9fbfe;
  height: 28px;
  padding: 4px 6px;
}
.cl-tabfolder.tab-filled .cl-tabfolder-header .cl-empty-area {
  box-shadow: none;
}
.cl-tabfolder.tab-filled .cl-tabfolder-header .cl-tabfolder-item {
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-radius: 4px;
  color: #666666;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 6px 3px;
}
.cl-tabfolder.tab-filled .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-color: #e1e7fd;
  border: none;
  color: #222222;
}
.cl-tabfolder.tab-filled .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: #e1e7fd;
  box-shadow: none;
  color: #666666;
}
.cl-tabfolder.tab-filled .cl-tabfolder-header .cl-tabfolder-item:not(.cl-last) + .cl-empty-area {
  background: linear-gradient(#e7edf5, #e7edf5) no-repeat center center/1px 16px;
}
/************************************************
 * 서브 탭 폴더
 * -> chips
 ************************************************/
.cl-tabfolder.tab-chips .cl-tabfolder-header {
  height: 26px;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-empty-area {
  box-shadow: none;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item {
  background-color: #fcf1bb;
  border: 1px solid #fcf1bb;
  border-radius: 6px;
  box-shadow: none !important;
  color: #444444;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 4px 4px 6px;
  text-align: left;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item .cl-text {
  min-width: 60px;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item .cl-tabfolder-button {
  background-image: url("images/controls/button/ic_chip_clear.svg");
  background-size: 12px;
  width: 12px;
  height: 12px;
  margin: 0px 0px 0px 6px;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item .cl-tabfolder-button:hover {
  background-image: url("images/controls/button/ic_chip_clear_on.svg") !important;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-color: #ffffff;
  border-color: #ffcc00;
  box-shadow: inset 0px 0px 0px 1px #ffcc00 !important;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.cl-selected .cl-tabfolder-button {
  background-image: url("images/controls/button/ic_chip_clear_active.svg");
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: #fcf1bb;
  border-color: #ffcc00;
  box-shadow: inset 0px 0px 0px 1px #ffcc00 !important;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover .cl-tabfolder-button {
  background-image: url("images/controls/button/ic_chip_clear.svg");
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.cl-disabled {
  background-color: #e4eaf3;
  border-color: #e4eaf3;
  color: #bbbbbb;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.cl-disabled .cl-tabfolder-button {
  background-image: url("images/controls/button/ic_chip_clear_off.svg");
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.cl-disabled:not(.cl-selected):hover {
  background-color: #e4eaf3;
  border-color: #e4eaf3;
  box-shadow: none !important;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.cl-disabled:not(.cl-selected):hover .cl-tabfolder-button {
  background-image: url("images/controls/button/ic_chip_clear_off.svg") !important;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-red {
  background-color: #ffdede;
  border: 1px solid #ffdede;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-red:not(.cl-selected):hover {
  background-color: #ffdede;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-red.cl-selected {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0px 1px #ff5a5a !important;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-orange {
  background-color: #fee4cc;
  border: 1px solid #fee4cc;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-orange:not(.cl-selected):hover {
  background-color: #fee4cc;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-orange.cl-selected {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0px 1px #ff7700 !important;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-green {
  background-color: #dbf8e1;
  border: 1px solid #dbf8e1;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-green:not(.cl-selected):hover {
  background-color: #dbf8e1;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-green.cl-selected {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0px 1px #4ad96b !important;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-gray {
  background-color: #ececec;
  border: 1px solid #ececec;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-gray:not(.cl-selected):hover {
  background-color: #ececec;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-gray.cl-selected {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0px 1px #a0a0a0 !important;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-blue {
  background-color: #d8e8fd;
  border: 1px solid #d8e8fd;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-blue:not(.cl-selected):hover {
  background-color: #d8e8fd;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-blue.cl-selected {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0px 1px #3f8bf2 !important;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-purple {
  background-color: #e8dfff;
  border: 1px solid #e8dfff;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-purple:not(.cl-selected):hover {
  background-color: #e8dfff;
}
.cl-tabfolder.tab-chips .cl-tabfolder-header .cl-tabfolder-item.chips-purple.cl-selected {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0px 1px #8a5fff !important;
}
/************************************************
 * 서브 탭 폴더 (버튼형)
 * -> 탭 폴더처럼 화면이 전환되지 아니하는 경우 사용
 * -> 버튼은 플로우 레이아웃에 배치되어야 한다.
 ************************************************/
.cl-container.sub-tabfolder .cl-button.btn-prev,
.cl-container.tab-inner .cl-button.btn-prev,
.cl-container.tab-filled .cl-button.btn-prev,
.cl-container.chips.chips-tab .cl-button.btn-prev,
.cl-container.sub-tabfolder .cl-button.btn-next,
.cl-container.tab-inner .cl-button.btn-next,
.cl-container.tab-filled .cl-button.btn-next,
.cl-container.chips.chips-tab .cl-button.btn-next {
  background-size: 20px;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 0px;
  overflow: visible;
}
.cl-container.sub-tabfolder .cl-button.btn-prev:not(.cl-disabled):hover,
.cl-container.tab-inner .cl-button.btn-prev:not(.cl-disabled):hover,
.cl-container.tab-filled .cl-button.btn-prev:not(.cl-disabled):hover,
.cl-container.chips.chips-tab .cl-button.btn-prev:not(.cl-disabled):hover,
.cl-container.sub-tabfolder .cl-button.btn-next:not(.cl-disabled):hover,
.cl-container.tab-inner .cl-button.btn-next:not(.cl-disabled):hover,
.cl-container.tab-filled .cl-button.btn-next:not(.cl-disabled):hover,
.cl-container.chips.chips-tab .cl-button.btn-next:not(.cl-disabled):hover,
.cl-container.sub-tabfolder .cl-button.btn-prev:focus,
.cl-container.tab-inner .cl-button.btn-prev:focus,
.cl-container.tab-filled .cl-button.btn-prev:focus,
.cl-container.chips.chips-tab .cl-button.btn-prev:focus,
.cl-container.sub-tabfolder .cl-button.btn-next:focus,
.cl-container.tab-inner .cl-button.btn-next:focus,
.cl-container.tab-filled .cl-button.btn-next:focus,
.cl-container.chips.chips-tab .cl-button.btn-next:focus,
.cl-container.sub-tabfolder .cl-button.btn-prev.cl-focus,
.cl-container.tab-inner .cl-button.btn-prev.cl-focus,
.cl-container.tab-filled .cl-button.btn-prev.cl-focus,
.cl-container.chips.chips-tab .cl-button.btn-prev.cl-focus,
.cl-container.sub-tabfolder .cl-button.btn-next.cl-focus,
.cl-container.tab-inner .cl-button.btn-next.cl-focus,
.cl-container.tab-filled .cl-button.btn-next.cl-focus,
.cl-container.chips.chips-tab .cl-button.btn-next.cl-focus,
.cl-container.sub-tabfolder .cl-button.btn-prev:not(.cl-disabled).cl-activated,
.cl-container.tab-inner .cl-button.btn-prev:not(.cl-disabled).cl-activated,
.cl-container.tab-filled .cl-button.btn-prev:not(.cl-disabled).cl-activated,
.cl-container.chips.chips-tab .cl-button.btn-prev:not(.cl-disabled).cl-activated,
.cl-container.sub-tabfolder .cl-button.btn-next:not(.cl-disabled).cl-activated,
.cl-container.tab-inner .cl-button.btn-next:not(.cl-disabled).cl-activated,
.cl-container.tab-filled .cl-button.btn-next:not(.cl-disabled).cl-activated,
.cl-container.chips.chips-tab .cl-button.btn-next:not(.cl-disabled).cl-activated,
.cl-container.sub-tabfolder .cl-button.btn-prev:not(.cl-disabled):active,
.cl-container.tab-inner .cl-button.btn-prev:not(.cl-disabled):active,
.cl-container.tab-filled .cl-button.btn-prev:not(.cl-disabled):active,
.cl-container.chips.chips-tab .cl-button.btn-prev:not(.cl-disabled):active,
.cl-container.sub-tabfolder .cl-button.btn-next:not(.cl-disabled):active,
.cl-container.tab-inner .cl-button.btn-next:not(.cl-disabled):active,
.cl-container.tab-filled .cl-button.btn-next:not(.cl-disabled):active,
.cl-container.chips.chips-tab .cl-button.btn-next:not(.cl-disabled):active {
  background-color: transparent;
}
.cl-container.sub-tabfolder .cl-button.btn-prev,
.cl-container.tab-inner .cl-button.btn-prev,
.cl-container.tab-filled .cl-button.btn-prev,
.cl-container.chips.chips-tab .cl-button.btn-prev {
  background-image: url("images/controls/tabfolder/ic_btn_prev.svg");
}
.cl-container.sub-tabfolder .cl-button.btn-prev.cl-disabled,
.cl-container.tab-inner .cl-button.btn-prev.cl-disabled,
.cl-container.tab-filled .cl-button.btn-prev.cl-disabled,
.cl-container.chips.chips-tab .cl-button.btn-prev.cl-disabled {
  background-image: url("images/controls/tabfolder/ic_btn_prev_off.svg");
}
.cl-container.sub-tabfolder .cl-button.btn-prev:not(.cl-disabled) + .cl-container:before,
.cl-container.tab-inner .cl-button.btn-prev:not(.cl-disabled) + .cl-container:before,
.cl-container.tab-filled .cl-button.btn-prev:not(.cl-disabled) + .cl-container:before,
.cl-container.chips.chips-tab .cl-button.btn-prev:not(.cl-disabled) + .cl-container:before {
  content: "";
  position: absolute;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
  display: block;
  width: 40px;
  height: calc(100% - 1px);
  top: 0px;
  left: 0px;
  z-index: 1;
}
.cl-container.sub-tabfolder .cl-button.btn-next,
.cl-container.tab-inner .cl-button.btn-next,
.cl-container.tab-filled .cl-button.btn-next,
.cl-container.chips.chips-tab .cl-button.btn-next {
  background-image: url("images/controls/tabfolder/ic_btn_next.svg");
}
.cl-container.sub-tabfolder .cl-button.btn-next.cl-disabled,
.cl-container.tab-inner .cl-button.btn-next.cl-disabled,
.cl-container.tab-filled .cl-button.btn-next.cl-disabled,
.cl-container.chips.chips-tab .cl-button.btn-next.cl-disabled {
  background-image: url("images/controls/tabfolder/ic_btn_next_off.svg");
}
.cl-container.sub-tabfolder .cl-button.btn-next:not(.cl-disabled):after,
.cl-container.tab-inner .cl-button.btn-next:not(.cl-disabled):after,
.cl-container.tab-filled .cl-button.btn-next:not(.cl-disabled):after,
.cl-container.chips.chips-tab .cl-button.btn-next:not(.cl-disabled):after {
  content: "";
  position: absolute;
  display: block;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
  width: 40px;
  height: calc(100% - 1px);
  top: 0px;
  right: calc(50% + 20px);
}
.cl-container.sub-tabfolder {
  box-shadow: inset 0px -1px 0px 0px #dfe7f2;
}
.cl-container.sub-tabfolder .cl-button {
  background-color: #eef3fe;
  border: 1px solid #eef3fe;
  border-bottom-color: #dfe7f2;
  border-radius: 6px 6px 0px 0px;
  color: #555555;
  font-size: 13px;
  font-weight: 700;
  padding: 1px 15px 0px 15px;
  /* 배지 스타일 */
  /* 선택된 상태 */
}
.cl-container.sub-tabfolder .cl-button .badge {
  margin-left: 8px;
}
.cl-container.sub-tabfolder .cl-button:not(.cl-disabled):hover,
.cl-container.sub-tabfolder .cl-button:focus,
.cl-container.sub-tabfolder .cl-button.cl-focus,
.cl-container.sub-tabfolder .cl-button:not(.cl-disabled).cl-activated,
.cl-container.sub-tabfolder .cl-button:not(.cl-disabled):active {
  background-color: #f8fafe;
  border-color: #f8fafe;
  border-bottom-color: #dfe7f2;
}
.cl-container.sub-tabfolder .cl-button.on {
  background-color: #ffffff;
  border-color: #4366f8;
  border-bottom-color: #ffffff;
  color: #4366f8;
}
.cl-container.sub-tabfolder .cl-button.on .badge {
  background-color: #454e6a;
}
.cl-container.sub-tabfolder .cl-button.on:not(.cl-disabled):hover,
.cl-container.sub-tabfolder .cl-button.on:focus,
.cl-container.sub-tabfolder .cl-button.on.cl-focus,
.cl-container.sub-tabfolder .cl-button.on:not(.cl-disabled).cl-activated,
.cl-container.sub-tabfolder .cl-button.on:not(.cl-disabled):active {
  background-color: #ffffff;
  border-color: #4366f8;
  border-bottom-color: #ffffff;
  color: #4366f8;
}
.cl-container.tab-inner .cl-button {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 9999px;
  color: #444444;
  font-weight: 500;
  padding: 0px 9px;
  /* 배지 스타일 */
  /* 선택된 상태 */
}
.cl-container.tab-inner .cl-button:not(.cl-disabled):hover,
.cl-container.tab-inner .cl-button:focus,
.cl-container.tab-inner .cl-button.cl-focus,
.cl-container.tab-inner .cl-button:not(.cl-disabled).cl-activated,
.cl-container.tab-inner .cl-button:not(.cl-disabled):active {
  background-color: #ecf1fe;
  border-color: #ecf1fe;
}
.cl-container.tab-inner .cl-button .badge {
  background-color: transparent;
  color: #444444;
  font-size: 13px;
  font-weight: 500;
  margin-left: 4px;
  padding: 0px;
}
.cl-container.tab-inner .cl-button.on {
  background-color: transparent;
  border-color: #aebdfd;
}
.cl-container.tab-inner .cl-button.on .badge {
  color: #454e6a;
}
.cl-container.tab-inner .cl-button.on:not(.cl-disabled):hover,
.cl-container.tab-inner .cl-button.on:focus,
.cl-container.tab-inner .cl-button.on.cl-focus,
.cl-container.tab-inner .cl-button.on:not(.cl-disabled).cl-activated,
.cl-container.tab-inner .cl-button.on:not(.cl-disabled):active {
  background-color: #ffffff;
  border-color: #aebdfd;
}
.cl-container.tab-filled {
  background-color: #f9fbfe;
}
.cl-container.tab-filled .cl-container {
  padding: 4px 4px;
}
.cl-container.tab-filled .cl-layout-margin.cl-layout-margin-top + .cl-layout-wrap .cl-button:before {
  content: none;
}
.cl-container.tab-filled .cl-button {
  border-radius: 4px;
  border: none;
  color: #666666;
  font-weight: 500;
  padding: 0px 8px;
  overflow: visible;
  /* 배지 스타일 */
  /* 선택된 상태 */
}
.cl-container.tab-filled .cl-button:before {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  left: -5px;
  width: 1px;
  height: 16px;
  background-color: #e7edf5;
}
.cl-container.tab-filled .cl-button .badge {
  background-color: transparent;
  color: #666666;
  font-size: 13px;
  font-weight: 500;
  margin-left: 4px;
  padding: 0px;
}
.cl-container.tab-filled .cl-button:not(.cl-disabled):hover,
.cl-container.tab-filled .cl-button:focus,
.cl-container.tab-filled .cl-button.cl-focus,
.cl-container.tab-filled .cl-button:not(.cl-disabled).cl-activated,
.cl-container.tab-filled .cl-button:not(.cl-disabled):active {
  background-color: #eef3fe;
}
.cl-container.tab-filled .cl-button.on {
  color: #222222;
  background-color: #ecf1fe !important;
}
.cl-container.tab-filled .cl-button.on .badge {
  color: #222222;
}
/************************************************
 * process Tab (진행 상태 탭)
 ************************************************/
.cl-tabfolder.tab-process .cl-tabfolder-header {
  height: 58px;
}
.cl-tabfolder.tab-process .cl-tabfolder-header .cl-empty-area {
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}
.cl-tabfolder.tab-process .cl-tabfolder-header .cl-empty-area:not(:last-child) {
  background-image: url("images/controls/tabfolder/ic_next_step.svg");
}
.cl-tabfolder.tab-process .cl-tabfolder-header .cl-tabfolder-item {
  background-image: url("images/controls/tabfolder/ic_process_done.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 3px) 3px;
  background-color: #ffffff;
  border: 1px solid #ffcc00;
  border-radius: 6px;
  box-shadow: inset 0px 0px 0px 1px #ffcc00;
  color: #222222;
  padding: 19px 23px;
  font-weight: 700;
  font-size: 14px;
}
.cl-tabfolder.tab-process .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-image: none;
  border-color: #ffcc00;
  box-shadow: inset 0px 0px 0px 1px #ffcc00;
  color: #222222;
}
.cl-tabfolder.tab-process .cl-tabfolder-header .cl-tabfolder-item.cl-selected ~ .cl-tabfolder-item {
  background-image: none;
  background-color: #ffffff;
  border-color: #e7edf5;
  box-shadow: none;
  color: #666666;
}
.cl-tabfolder.tab-process .cl-tabfolder-header .cl-tabfolder-item.cl-selected ~ .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: #ffffff;
  border-color: #4366f8;
  box-shadow: inset 0px 0px 0px 1px #4366f8;
}
.cl-tabfolder.tab-process .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: #ffffff;
  border-color: #4366f8;
  box-shadow: inset 0px 0px 0px 1px #4366f8;
}
/************************************************
 * 그리드 유틸
 ************************************************/
.cl-grid .cl-grid-header .cl-grid-cell .cl-control:not(.cl-radiobutton):not(.cl-checkboxgroup) .cl-text {
  padding: 0px;
}
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-radiobutton {
  background-color: #ffffff;
  text-align: center;
}
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-inputbox,
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-maskeditor,
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-dateinput,
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-numbereditor,
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-searchinput,
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-combobox,
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-fileinput {
  background-color: #ffffff;
}
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-inputbox .cl-text,
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-maskeditor .cl-text,
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-dateinput .cl-text,
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-numbereditor .cl-text,
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-searchinput .cl-text,
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-combobox .cl-text,
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-fileinput .cl-text {
  padding: 0px 5px !important;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-button,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-button,
.cl-grid .cl-grid-detail .cl-grid-row.cl-deleted .cl-button,
.cl-grid .cl-grid-detail .cl-grid-row.cl-nullified .cl-button {
  color: #222222;
  font-weight: 700;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-button.btn-primary-02,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-button.btn-primary-02,
.cl-grid .cl-grid-detail .cl-grid-row.cl-deleted .cl-button.btn-primary-02,
.cl-grid .cl-grid-detail .cl-grid-row.cl-nullified .cl-button.btn-primary-02 {
  color: #ffffff;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-button.btn-secondary-01,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-button.btn-secondary-01,
.cl-grid .cl-grid-detail .cl-grid-row.cl-deleted .cl-button.btn-secondary-01,
.cl-grid .cl-grid-detail .cl-grid-row.cl-nullified .cl-button.btn-secondary-01 {
  color: #9b6200;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-button.btn-primary-01,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-button.btn-primary-01,
.cl-grid .cl-grid-detail .cl-grid-row.cl-deleted .cl-button.btn-primary-01,
.cl-grid .cl-grid-detail .cl-grid-row.cl-nullified .cl-button.btn-primary-01,
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-button.btn-secondary-02,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-button.btn-secondary-02,
.cl-grid .cl-grid-detail .cl-grid-row.cl-deleted .cl-button.btn-secondary-02,
.cl-grid .cl-grid-detail .cl-grid-row.cl-nullified .cl-button.btn-secondary-02 {
  color: #222222;
}
.cl-grid .cl-grid-detail .cl-grid-row .cl-border-none {
  background-color: transparent;
}
.cl-grid .cl-grid-detail .cl-grid-row .cl-border-none.cl-focus,
.cl-grid .cl-grid-detail .cl-grid-row .cl-border-none:not(.cl-disabled):hover {
  box-shadow: none !important;
}
.cl-grid .cl-grid-detail .cl-grid-cell {
  /* 컨트롤 공통 */
}
.cl-grid .cl-grid-detail .cl-grid-cell .cl-control.cl-checkboxgroup,
.cl-grid .cl-grid-detail .cl-grid-cell .cl-control.cl-radiobutton {
  text-align: center;
}
.cl-grid .cl-grid-detail .cl-grid-cell .cl-control.cl-output .cl-text.cl-ellipsis {
  word-break: break-all;
  text-overflow: ellipsis;
}
.cl-grid .cl-grid-detail .cl-grid-cell .cl-control.cl-button.btn-guide {
  background-color: transparent;
}
.cl-grid .cl-grid-detail .cl-grid-cell.cl-grid-cell-inherit .cl-default-cell.cl-grid-ctrl-inherit:not(.cl-builtin) {
  border: 1px solid #c5cee3;
  border-radius: 4px;
}
.cl-grid .cl-grid-cell.text-link,
.cl-grid .cl-grid-cell .text-link {
  color: #4366f8;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cl-grid .cl-grid-cell.text-link:hover,
.cl-grid .cl-grid-cell .text-link:hover {
  color: #4366f8;
}
/************************************************
 * 헤더 강조 색상
 ************************************************/
.cl-grid.table-highlight-01 .cl-grid-header {
  background-color: #fff9f9;
}
/*
 * 2023-06-27 헤더 색을 혼합하여 사용하는 케이스에 대한 발생
 * 
 */
.cl-grid.table-highlight-02 {
  /* 데이터형 아웃풋에 표시 */
}
.cl-grid.table-highlight-02 .cl-grid-header {
  background-color: #faf8e1;
}
.cl-grid.table-highlight-02 .cl-grid-cell.sub-header-cell {
  background-color: #fefdee;
  color: #444444;
}
.cl-grid.table-highlight-02 .cl-grid-cell.header-cell-blue {
  background-color: #eff4fd;
}
.cl-grid.table-highlight-02 .cl-grid-cell.sub-header-cell-blue {
  background-color: #f9fbfe;
}
.cl-grid.table-highlight-02 .cl-grid-cell .cl-control.cl-output.cl-readonly {
  background-color: rgba(165, 165, 165, 0.15);
}
.cl-grid.table-highlight-02 .cl-grid-cell .cl-control.cl-inputbox.cl-readonly,
.cl-grid.table-highlight-02 .cl-grid-cell .cl-control.cl-maskeditor.cl-readonly,
.cl-grid.table-highlight-02 .cl-grid-cell .cl-control.cl-dateinput.cl-readonly,
.cl-grid.table-highlight-02 .cl-grid-cell .cl-control.cl-numbereditor.cl-readonly,
.cl-grid.table-highlight-02 .cl-grid-cell .cl-control.cl-fileinput.cl-readonly,
.cl-grid.table-highlight-02 .cl-grid-cell .cl-control.cl-searchinput.cl-readonly,
.cl-grid.table-highlight-02 .cl-grid-cell .cl-control.cl-combobox.cl-readonly {
  background-color: rgba(165, 165, 165, 0.15);
  border: none;
  box-shadow: 0px 0px 0px 300px rgba(165, 165, 165, 0.15);
}
.cl-grid.table-highlight-02 .cl-grid-cell .cl-control.cl-inputbox.cl-readonly .cl-text,
.cl-grid.table-highlight-02 .cl-grid-cell .cl-control.cl-maskeditor.cl-readonly .cl-text,
.cl-grid.table-highlight-02 .cl-grid-cell .cl-control.cl-dateinput.cl-readonly .cl-text,
.cl-grid.table-highlight-02 .cl-grid-cell .cl-control.cl-numbereditor.cl-readonly .cl-text,
.cl-grid.table-highlight-02 .cl-grid-cell .cl-control.cl-fileinput.cl-readonly .cl-text,
.cl-grid.table-highlight-02 .cl-grid-cell .cl-control.cl-searchinput.cl-readonly .cl-text,
.cl-grid.table-highlight-02 .cl-grid-cell .cl-control.cl-combobox.cl-readonly .cl-text {
  padding: 0px;
}
/************************************************
 * 디테일 셀 강조 색상
 ************************************************/
.cl-grid-cell.header-cell.cl-merged,
.cl-grid-cell.sub-header-cell.cl-merged,
.cl-grid-cell.footer-cell.cl-merged,
.cl-grid-cell.sub-footer.cl-merged {
  z-index: 1;
}
.cl-grid-cell.header-cell {
  background-color: #eff4fd;
}
.cl-grid-cell.sub-header-cell {
  background-color: #f9fbfe;
}
.cl-grid-cell.footer-cell {
  background-color: #d3def4;
}
.cl-grid-cell.footer-border {
  border-bottom: 1px solid #c5cee3;
}
.cl-grid-cell.highlight-cell-01 {
  background-color: #d5e4ff;
}
.cl-grid-cell.highlight-cell-01 .cl-control {
  color: #222222;
  font-weight: 500;
}
.cl-grid-cell.cell-sts-01,
.cl-grid-cell.cell-sts-02,
.cl-grid-cell.cell-sts-03 {
  background-color: #ffffff;
}
.cl-grid-cell.cell-sts-01 {
  background-image: linear-gradient(rgba(160, 160, 160, 0.2), rgba(160, 160, 160, 0.2));
}
.cl-grid-cell.cell-sts-02 {
  background-image: linear-gradient(rgba(63, 139, 242, 0.2), rgba(63, 139, 242, 0.2));
}
.cl-grid-cell.cell-sts-03 {
  background-image: linear-gradient(rgba(255, 204, 0, 0.2), rgba(255, 204, 0, 0.2));
}
.cl-grid-cell.cell-bg-green {
  background-color: rgba(25, 163, 66, 0.5);
}
.cl-grid-row.row-bg-red {
  background-color: rgba(234, 7, 60, 0.5);
}
.cl-grid-row.row-bg-pup {
  background-color: rgba(142, 73, 239, 0.5);
}
.cl-grid-row.row-bg-orange {
  background-color: rgba(235, 97, 20, 0.5);
}
.cl-grid-row.row-bg-green {
  background-color: rgba(25, 163, 66, 0.5);
}
.cl-grid-row.row-bg-pink {
  background-color: rgba(206, 54, 120, 0.5);
}
.cl-grid-row.row-bg-yg {
  background-color: rgba(205, 253, 2, 0.5);
}
.cl-grid-row.row-bg-blue-lighten {
  background-color: rgba(63, 139, 242, 0.2);
}
.cl-grid-row.row-bg-green-lighten {
  background-color: rgba(25, 163, 66, 0.2);
}
.cl-grid-row.row-bg-pink-lighten {
  background-color: rgba(206, 54, 120, 0.2);
}
.cl-grid-row.row-bg-orange-lighten {
  background-color: rgba(235, 97, 20, 0.2);
}
.cl-grid-row.row-bg-yellow-lighten {
  background-color: rgba(255, 204, 0, 0.2);
}
.cl-grid-row.row-bg-gray {
  background-color: rgba(127, 127, 127, 0.65);
}
.cl-grid-row.row-sts-01 {
  background-color: rgba(255, 90, 90, 0.2);
}
.cl-grid-row.row-sts-02 {
  background-color: rgba(255, 119, 0, 0.2);
}
.cl-grid-row.row-sts-03 {
  background-color: rgba(74, 217, 107, 0.2);
}
.cl-grid-row.row-sts-04 {
  background-color: rgba(63, 139, 242, 0.2);
}
.cl-grid-row.row-sts-05 {
  background-color: rgba(160, 160, 160, 0.2);
}
.cl-grid-row.row-sts-06 {
  background-color: rgba(138, 95, 255, 0.2);
}
.cl-grid-row.row-sts-07 {
  background-color: rgba(255, 56, 178, 0.2);
}
.cl-grid-row.row-sts-08 {
  background-color: rgba(12, 155, 148, 0.2);
}
.cl-grid-row.row-extra-bg-green {
  background-color: rgba(74, 217, 107, 0.2);
}
.cl-grid-row.row-text-red {
  color: #ea463c;
}
.cl-grid.table-select-priority .cl-grid-row {
  /* 편집중인 로우 */
}
.cl-grid.table-select-priority .cl-grid-row.cl-selected {
  background-color: rgba(70, 89, 247, 0.2) !important;
  color: #222222;
}
.cl-grid.table-select-priority .cl-grid-row.cl-editing {
  background-color: rgba(70, 89, 247, 0.1) !important;
  color: #222222;
}
.cl-grid.table-autoheight .cl-grid-cell .cl-text {
  padding: 2px 4px !important;
}
.cl-grid.table-autoheight .cl-grid-cell .cl-control.cl-textarea .cl-text {
  padding: 0px !important;
}
.cl-grid.table-autoheight .cl-grid-cell .cl-control.cl-textarea .cl-text::-webkit-scrollbar {
  width: 5px;
  padding-right: 2px;
  background-color: transparent;
}
.cl-grid.table-autoheight .cl-grid-cell .cl-control.cl-textarea .cl-text::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
}
.cl-grid.table-only-detail {
  min-height: 27px;
}
/************************************************
 * 그리드 소계
 * -> 소계에 해당하는 푸터 셀에 적용
 ************************************************/
.sub-footer {
  background-color: #e2e9f8;
}
/************************************************
 * 자동크기 지정 테이블
 ************************************************/
.cl-grid.table-at {
  border-bottom: none;
}
/************************************************
 * 활성/비활성 타이틀
 ************************************************/
.cl-output.active-tit .cl-text {
  background-image: url("images/controls/checkbox/ic_check_title.svg");
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 22px;
  background-size: 16px;
}
.cl-output.active-tit:before {
  display: none;
}
.cl-output.active-tit.cl-disabled {
  color: #bbbbbb;
}
.cl-output.active-tit.cl-disabled .cl-text {
  background-image: url("images/controls/checkbox/ic_check_title_off.svg");
}
/************************************************
 * 말줄임 말풍선
 ************************************************/
.cl-output.tooltip {
  background-color: #ffffff;
  padding: 5px;
  border: 1px solid #c5cee3;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.15);
  min-height: 27px;
}
/************************************************
 * 서브 라벨
 * -> 폼 및 그리드 정보를 표시하는 라벨
 ************************************************/
.sub-label.cl-output,
.sub-label.cl-radiobutton,
.sub-label.cl-checkboxgroup {
  /* 버튼 영역 내 정보 영역 */
  color: #666666;
  font-size: 12px;
  font-weight: 500;
  padding: 0px 8px 0px 0px;
}
.sub-label.cl-output.no-spacing,
.sub-label.cl-radiobutton.no-spacing,
.sub-label.cl-checkboxgroup.no-spacing {
  padding: 0px 0px 0px 0px;
}
/************************************************
 * 캡션
 ************************************************/
.caption {
  color: #666666;
  font-size: 12px;
  font-weight: 500;
}
/**
 * Info-txt
 * 캡션 앞에 아이콘이 붙는 유형
 */
.cl-output.info-txt {
  background-image: url("images/controls/button/ic_btn_guide_red.svg");
  background-position: center left;
  padding-left: 16px;
}
.cl-output.info-txt .cl-text {
  color: #ea463c;
}
.cl-output.table-tit span.caption,
.cl-output.form-tit span.caption,
.cl-output.content-tit span.caption {
  margin-left: 6px;
}
/************************************************
 * 페이지 타이틀
 ************************************************/
.cl-output.page-tit {
  color: #000000;
  font-family: "KBFGDisplay", sans-serif;
  font-weight: 700;
  font-size: 16px;
}
.cl-output.content-tit {
  color: #000000;
  font-family: "KBFGDisplay", sans-serif;
  font-weight: 700;
  font-size: 14px;
}
/************************************************
 * 그리드 또는 폼 타이틀
 ************************************************/
.cl-output.table-tit {
  color: #000000;
  font-family: "KBFGDisplay", sans-serif;
  font-weight: 700;
  font-size: 14px;
}
/* 그리드 행 개수 표시 텍스트 */
.cl-output.table-row-txt {
  color: #666666;
  font-size: 12px;
  font-weight: 500;
}
.cl-output.table-row-txt span {
  color: #222222;
  font-weight: 500;
}
.cl-output.form-tit {
  color: #000000;
  font-family: "KBFGDisplay", sans-serif;
  font-weight: 700;
  font-size: 14px;
}
.cl-output.card-tit {
  font-size: 14px;
  font-weight: 700;
  color: #222222;
}
.content-tit .cl-text,
.table-tit .cl-text,
.form-tit .cl-text {
  padding-left: 10px;
}
.content-tit:before,
.table-tit:before,
.form-tit:before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #4366f8;
  border-radius: 50%;
  position: absolute;
  left: 0px;
  top: calc(50% - 2px);
}
/************************************************
 * 도트 텍스트
 ************************************************/
.cl-output.dot-txt {
  color: #666666;
  font-size: 12px;
  padding-left: 9px;
}
.cl-output.dot-txt:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0px;
  width: 3px;
  height: 3px;
  background-color: #a0a0a0;
  border-radius: 9999px;
}
.cl-output.asterisk-txt {
  color: #666666;
  font-size: 12px;
  padding-left: 13px;
}
.cl-output.asterisk-txt:before {
  content: "*";
  position: absolute;
  width: 7px;
  left: 0px;
  top: 2px;
}
.cl-output.hyphen-txt {
  color: #666666;
  font-size: 12px;
  padding-left: 11px;
}
.cl-output.hyphen-txt:before {
  content: "-";
  position: absolute;
  width: 5px;
  left: 0px;
  top: 0px;
}
/************************************************
 * 파일 관련 아웃풋
 * -> 다운로드 가능한 경우 (마우스 호버 시 커서)
 ************************************************/
.cl-output.file-txt {
  min-height: 20px;
}
.cl-output.file-txt .cl-text {
  background: url("images/controls/fileupload/ic_file.svg") no-repeat left center/20px 20px;
  padding-left: 28px;
}
.cl-output.file-txt .cl-text:empty {
  background-position: center;
  padding: 0px;
}
.cl-output.file-txt:hover {
  cursor: pointer;
  text-decoration: underline;
}
.cl-output.file-txt.filetype-avi .cl-text {
  background: url("images/controls/fileupload/ic_avi.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-bmp .cl-text {
  background: url("images/controls/fileupload/ic_bmp.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-doc .cl-text {
  background: url("images/controls/fileupload/ic_doc.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-etc .cl-text {
  background: url("images/controls/fileupload/ic_etc.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-exe .cl-text {
  background: url("images/controls/fileupload/ic_exe.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-explorer .cl-text {
  background: url("images/controls/fileupload/ic_explorer.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-gif .cl-text {
  background: url("images/controls/fileupload/ic_gif.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-gui .cl-text {
  background: url("images/controls/fileupload/ic_gui.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-gul .cl-text {
  background: url("images/controls/fileupload/ic_gul.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-hwp .cl-text {
  background: url("images/controls/fileupload/ic_hwp.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-jpg .cl-text {
  background: url("images/controls/fileupload/ic_jpg.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-pdf .cl-text {
  background: url("images/controls/fileupload/ic_pdf.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-png .cl-text {
  background: url("images/controls/fileupload/ic_png.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-ppt .cl-text {
  background: url("images/controls/fileupload/ic_ppt.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-tif .cl-text {
  background: url("images/controls/fileupload/ic_tif.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-wav .cl-text {
  background: url("images/controls/fileupload/ic_wav.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-xls .cl-text {
  background: url("images/controls/fileupload/ic_xls.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-xml .cl-text {
  background: url("images/controls/fileupload/ic_xml.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-zip .cl-text {
  background: url("images/controls/fileupload/ic_zip.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-download .cl-text {
  background: url("images/controls/fileupload/ic_fileDownload.svg") no-repeat left center/24px 24px;
}
.cl-output.file-txt.filetype-view .cl-text {
  background: url("images/controls/fileupload/ic_view.svg") no-repeat left center/20px 20px;
}
.cl-output.file-txt.filetype-view:hover {
  cursor: default !important;
}
.cl-output.ic-siren {
  min-height: 20px;
}
.cl-output.ic-siren .cl-text {
  background: url("images/controls/tabfolder/ic_siren.svg") no-repeat left center/24px 24px;
  padding-left: 28px;
}
.cl-output.ic-siren .cl-text:empty {
  background-position: center;
  padding: 0px;
}
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-output.file-txt .cl-text {
  padding: 0px 0px 0px 28px;
}
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-output.file-txt .cl-text:empty {
  background-position: center;
  padding: 0px;
}
/************************************************
 * VOCMMainScreen (VOC_메인화면)
 * --> 대시보드
 ************************************************/
.VOCMMainScreen {
  /* 불판 현황 차트 영역 _ @DATE : 24.03.13 */
}
.VOCMMainScreen .cl-radiobutton.tab-yy-menu {
  /* 탭 영역처럼 사용되는 라디오 버튼 스타일 */
}
.VOCMMainScreen .cl-radiobutton.tab-yy-menu .cl-radiobutton-item {
  margin-left: 5px !important;
  background-color: #ffffff;
  border: 1px solid #e4eaf3;
  border-radius: 14px;
  color: #444444;
  font-size: 15px;
  font-weight: 500;
  padding: 2px 11px;
  text-align: center;
}
.VOCMMainScreen .cl-radiobutton.tab-yy-menu .cl-radiobutton-item.cl-selected {
  background-color: #F38530;
  border-color: #F38530;
  color: #ffffff;
}
.VOCMMainScreen .cl-radiobutton.tab-yy-menu .cl-radiobutton-item:first-child {
  margin-left: 0px !important;
}
.VOCMMainScreen .cl-radiobutton.tab-yy-menu.tab-sm .cl-radiobutton-item {
  border: none;
}