/************************************************
 * 공통 변수 스타일 시트
 ************************************************/
/************************************************
 * 컬러 시스템
 ************************************************/
/************************************************
 * 바디
 ************************************************/
/************************************************
 * 폰트
 ************************************************/
/************************************************
 * 컴포넌트 공통 (컨트롤 공통)
 ************************************************/
/************************************************
 * 인풋 계열 컨트롤
 * → 인풋박스, 서치인풋, 파일인풋, 텍스트에리어
 *   데이트인풋, 넘버에디터, 마스크에디터, 콤보박스 일부
 ************************************************/
/************************************************
 * 셀렉션 계열 컨트롤
 * → 콤보박스 리스트, 리스트 박스, 트리, 사이드 내비게이션
 *   메뉴, 내비게이션바
 ************************************************/
/************************************************
 * 버튼
 ************************************************/
/************************************************
 * 폼
 ************************************************/
/************************************************
 * 테이블 (그리드)
 ************************************************/
/************************************************
 * 탭 (탭 폴더/MDI 폴더)
 ************************************************/
/************************************************
 * 다이얼로그 (모달/팝업)
 ************************************************/
/************************************************
 * 캘린더
 * → 캘린더 및 데이트인풋의 캘린더
 ************************************************/
/************************************************
 * 포커스
 * →
 ************************************************/
/************************************************
 * 공통 스타일 시트
 ************************************************/
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard GOV.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/
@font-face {
  font-family: 'Pretendard GOV';
  font-weight: 800;
  font-display: swap;
  src: local('Pretendard GOV ExtraBold'), url("fonts/PretendardGOV/PretendardGOV-ExtraBold.subset.woff2") format('woff2'), url("fonts/PretendardGOV/PretendardGOV-ExtraBold.subset.woff") format('woff');
}
@font-face {
  font-family: 'Pretendard GOV';
  font-weight: 700;
  font-display: swap;
  src: local('Pretendard GOV Bold'), url("fonts/PretendardGOV/PretendardGOV-Bold.subset.woff2") format('woff2'), url("fonts/PretendardGOV/PretendardGOV-Bold.subset.woff") format('woff');
}
@font-face {
  font-family: 'Pretendard GOV';
  font-weight: 600;
  font-display: swap;
  src: local('Pretendard GOV SemiBold'), url("fonts/PretendardGOV/PretendardGOV-SemiBold.subset.woff2") format('woff2'), url("fonts/PretendardGOV/PretendardGOV-SemiBold.subset.woff") format('woff');
}
@font-face {
  font-family: 'Pretendard GOV';
  font-weight: 500;
  font-display: swap;
  src: local('Pretendard GOV Medium'), url("fonts/PretendardGOV/PretendardGOV-Medium.subset.woff2") format('woff2'), url("fonts/PretendardGOV/PretendardGOV-Medium.subset.woff") format('woff');
}
@font-face {
  font-family: 'Pretendard GOV';
  font-weight: 400;
  font-display: swap;
  src: local('Pretendard GOV Regular'), url("fonts/PretendardGOV/PretendardGOV-Regular.subset.woff2") format('woff2'), url("fonts/PretendardGOV/PretendardGOV-Regular.subset.woff2") format('woff');
}
@font-face {
  font-family: "나눔고딕";
  src: url("../../oz/fonts/NanumGothic.eot");
  src: url("../../oz/fonts/NanumGothic.eot?#iefix") format('embedded-opentype'), url("../../oz/fonts/NanumGothic.woff") format('woff'), url("../../oz/fonts/NanumGothic.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
/************************************************
 * 공통 변수 스타일시트 임포트
 ************************************************/
/************************************************
 * CSS 초기화
 * → 브라우저 간 요소의 기본 스타일 차이를 제거하기 위한
 *   초기화 작업
 * → 불필요 시 제거 가능
 ************************************************/
/* 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;
}
/************************************************
 * font-family
 ************************************************/
.font-base {
  font-family: "Pretendard GOV", sans-serif;
}
/************************************************
 * font-size
 ************************************************/
.text-xs {
  font-size: 12px;
}
.text-sm {
  font-size: 13px;
}
.text-base {
  font-size: 14px;
}
.text-lg {
  font-size: 15px;
}
.text-xl {
  font-size: 16px;
}
.text-2xl {
  font-size: 18px;
}
.text-3xl {
  font-size: 20px;
}
.text-4xl {
  font-size: 24px;
}
.text-5xl {
  font-size: 28px;
}
/************************************************
 * font-smoothing
 ************************************************/
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
/************************************************
 * font-style
 ************************************************/
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
/************************************************
 * font-weight
 ************************************************/
.font-normal {
  font-weight: 400 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-bold {
  font-weight: 700 !important;
}
/************************************************
 * letter-spacing
 ************************************************/
.tracking-tightest .cl-text {
  letter-spacing: -0.48px;
}
.tracking-tighter .cl-text {
  letter-spacing: -0.32px;
}
.tracking-tight .cl-text {
  letter-spacing: -0.26px;
}
.tracking-normal .cl-text {
  letter-spacing: 0;
}
.tracking-wide .cl-text {
  letter-spacing: 0.26px;
}
.tracking-wider .cl-text {
  letter-spacing: 0.32px;
}
.tracking-widest .cl-text {
  letter-spacing: 0.48px;
}
/************************************************
 * line-height
 ************************************************/
.leading .cl-text {
  line-height: 1;
}
.leading-tight .cl-text {
  line-height: 1.25;
}
.leading-snug .cl-text {
  line-height: 1.3;
}
.leading-normal .cl-text {
  line-height: 1.5;
}
.leading-relaxed .cl-text {
  line-height: 1.625;
}
.leading-loose .cl-text {
  line-height: 2;
}
/************************************************
 * text-align
 ************************************************/
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-justify {
  text-align: justify !important;
}
.text-start {
  text-align: start !important;
}
.text-end {
  text-align: end !important;
}
.align-baseline {
  vertical-align: baseline !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;
}
.align-sub {
  vertical-align: sub !important;
}
.align-super {
  vertical-align: super !important;
}
/************************************************
 * text-color
 ************************************************/
.text-inherit {
  color: inherit;
}
.text-transparent {
  color: transparent !important;
}
.text-base {
  color: #333333 !important;
}
.text-gray-50 {
  color: #f4f4f4 !important;
}
.text-gray-100 {
  color: #eeeeee !important;
}
.text-gray-200 {
  color: #e2e2e2 !important;
}
.text-gray-300 {
  color: #d6d6d6 !important;
}
.text-gray-400 {
  color: #cccccc !important;
}
.text-gray-500 {
  color: #b3b3b3 !important;
}
.text-gray-600 {
  color: #9a9a9a !important;
}
.text-gray-700 {
  color: #717171 !important;
}
.text-gray-800 {
  color: #555555 !important;
}
.text-gray-900 {
  color: #333333 !important;
}
.text-gray-950 {
  color: #1a1a1a !important;
}
.text-gray-warm-50 {
  color: #efeded !important;
}
.text-gray-warm-100 {
  color: #e6e2e2 !important;
}
.text-gray-warm-200 {
  color: #d6d3d3 !important;
}
.text-gray-warm-300 {
  color: #c5c2c2 !important;
}
.text-gray-warm-400 {
  color: #aca7a7 !important;
}
.text-gray-warm-700 {
  color: #827a7a !important;
}
.text-gray-warm-800 {
  color: #5b5353 !important;
}
.text-gray-warm-900 {
  color: #454242 !important;
}
.text-gray-warm-950 {
  color: #333030 !important;
}
.text-primary {
  color: #9b2e2d !important;
}
.text-secondary {
  color: #3d4f9c !important;
}
.text-info {
  color: #0097ef !important;
}
.text-success {
  color: #30c14f !important;
}
.text-warning {
  color: #e9a60b !important;
}
.text-danger {
  color: #e53b4c !important;
}
.text-info-deep {
  color: #146bbf !important;
}
.text-success-deep {
  color: #127845 !important;
}
.text-warning-deep {
  color: #98620f !important;
}
.text-danger-deep {
  color: #bb213e !important;
}
.text-info-soft {
  color: #e1f4ff !important;
}
.text-success-soft {
  color: #d9fbd2 !important;
}
.text-warning-soft {
  color: #fdf4c7 !important;
}
.text-danger-soft {
  color: #ffe9e6 !important;
}
.text-red {
  color: #d71919 !important;
}
.text-orange {
  color: #f69742 !important;
}
.text-yellow {
  color: #f5c92d !important;
}
.text-green {
  color: #0ab39c !important;
}
.text-blue {
  color: #556bdd !important;
}
.text-skyblue {
  color: #60d8e0 !important;
}
.text-purple {
  color: #9d54e2 !important;
}
.text-white {
  color: #ffffff !important;
}
.text-black {
  color: #000000 !important;
}
.text-red-soft {
  color: #fcdbdf !important;
}
.text-orange-soft {
  color: #fde1cd !important;
}
.text-yellow-soft {
  color: #fff7cb !important;
}
.text-green-soft {
  color: #d3f9df !important;
}
.text-blue-soft {
  color: #e4e9ff !important;
}
.text-skyblue-soft {
  color: #d8fef7 !important;
}
.text-purple-soft {
  color: #f7e8ff !important;
}
/************************************************
 * text-decoration
 ************************************************/
.underline {
  text-decoration-line: underline;
}
.overline {
  text-decoration-line: overline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
/************************************************
 * text-transform
 ************************************************/
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
/************************************************
 * text-overflow
 ************************************************/
.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.text-clip {
  text-overflow: clip;
}
/************************************************
 * white-space
 ************************************************/
.whitespace-normal .cl-text {
  white-space: normal;
}
.whitespace-nowrap .cl-text {
  white-space: nowrap;
}
.whitespace-pre .cl-text {
  white-space: pre;
}
.whitespace-pre-line .cl-text {
  white-space: pre-line;
}
.whitespace-pre-wrap .cl-text {
  white-space: pre-wrap;
}
.whitespace-break-spaces .cl-text {
  white-space: break-spaces;
}
/************************************************
 * word-break
 ************************************************/
.break-normal .cl-text {
  overflow-wrap: normal;
  word-break: normal;
}
.break-words .cl-text {
  word-break: break-word;
}
.break-all .cl-text {
  word-break: break-all;
}
.break-keep .cl-text {
  word-break: keep-all;
}
/************************************************
 * content
 ************************************************/
.content-none:before,
.content-none:after {
  content: none;
}
.content-none .cl-text:before,
.content-none .cl-text:after {
  content: none;
}
/************************************************
 * background-color
 ************************************************/
.bg-inherit {
  background-color: inherit;
}
.bg-transparent {
  background-color: transparent;
}
.bg-base {
  background-color: #333333;
}
.bg-gray-50 {
  background-color: #f4f4f4;
}
.bg-gray-100 {
  background-color: #eeeeee;
}
.bg-gray-200 {
  background-color: #e2e2e2;
}
.bg-gray-300 {
  background-color: #d6d6d6;
}
.bg-gray-400 {
  background-color: #cccccc;
}
.bg-gray-500 {
  background-color: #b3b3b3;
}
.bg-gray-600 {
  background-color: #9a9a9a;
}
.bg-gray-700 {
  background-color: #717171;
}
.bg-gray-800 {
  background-color: #555555;
}
.bg-gray-900 {
  background-color: #333333;
}
.bg-gray-950 {
  background-color: #1a1a1a;
}
.bg-gray-warm-50 {
  background-color: #efeded;
}
.bg-gray-warm-100 {
  background-color: #e6e2e2;
}
.bg-gray-warm-200 {
  background-color: #d6d3d3;
}
.bg-gray-warm-300 {
  background-color: #c5c2c2;
}
.bg-gray-warm-400 {
  background-color: #aca7a7;
}
.bg-gray-warm-700 {
  background-color: #827a7a;
}
.bg-gray-warm-800 {
  background-color: #5b5353;
}
.bg-gray-warm-900 {
  background-color: #454242;
}
.bg-gray-warm-950 {
  background-color: #333030;
}
.bg-primary {
  background-color: #9b2e2d;
}
.bg-secondary {
  background-color: #3d4f9c;
}
.bg-info {
  background-color: #0097ef;
}
.bg-success {
  background-color: #30c14f;
}
.bg-warning {
  background-color: #e9a60b;
}
.bg-danger {
  background-color: #e53b4c;
}
.bg-info-deep {
  background-color: #146bbf;
}
.bg-success-deep {
  background-color: #127845;
}
.bg-warning-deep {
  background-color: #98620f;
}
.bg-danger-deep {
  background-color: #bb213e;
}
.bg-info-soft {
  background-color: #e1f4ff;
}
.bg-success-soft {
  background-color: #d9fbd2;
}
.bg-warning-soft {
  background-color: #fdf4c7;
}
.bg-danger-soft {
  background-color: #ffe9e6;
}
.bg-red {
  background-color: #d71919;
}
.bg-orange {
  background-color: #f69742;
}
.bg-yellow {
  background-color: #f5c92d;
}
.bg-green {
  background-color: #0ab39c;
}
.bg-blue {
  background-color: #556bdd;
}
.bg-skyblue {
  background-color: #60d8e0;
}
.bg-purple {
  background-color: #9d54e2;
}
.bg-white {
  background-color: #ffffff;
}
.bg-black {
  background-color: #000000;
}
.bg-red-soft {
  background-color: #fcdbdf;
}
.bg-orange-soft {
  background-color: #fde1cd;
}
.bg-yellow-soft {
  background-color: #fff7cb;
}
.bg-green-soft {
  background-color: #d3f9df;
}
.bg-blue-soft {
  background-color: #e4e9ff;
}
.bg-skyblue-soft {
  background-color: #d8fef7;
}
.bg-purple-soft {
  background-color: #f7e8ff;
}
/************************************************
 * background-position
 ************************************************/
.bg-bottom {
  background-position: bottom;
}
.bg-center {
  background-position: center;
}
.bg-left {
  background-position: left;
}
.bg-left-center {
  background-position: left center;
}
.bg-left-bottom {
  background-position: left bottom;
}
.bg-left-top {
  background-position: left top;
}
.bg-right {
  background-position: right;
}
.bg-right-center {
  background-position: right center;
}
.bg-right-bottom {
  background-position: right bottom;
}
.bg-right-top {
  background-position: right top;
}
.bg-top {
  background-position: top;
}
/************************************************
 * background-repeat
 ************************************************/
.bg-repeat {
  background-repeat: repeat;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-repeat-x {
  background-repeat: repeat-x;
}
.bg-repeat-y {
  background-repeat: repeat-y;
}
.bg-repeat-round {
  background-repeat: round;
}
.bg-repeat-space {
  background-repeat: space;
}
/************************************************
 * background-size
 ************************************************/
.bg-auto {
  background-size: auto;
}
.bg-cover {
  background-size: cover;
}
.bg-contain {
  background-size: contain;
}
/************************************************
 * border-radius
 ************************************************/
.rounded-none {
  border-radius: 4px;
}
.rounded-sm {
  border-radius: 2px;
}
.rounded {
  border-radius: 4px;
}
.rounded-md {
  border-radius: 6px;
}
.rounded-lg {
  border-radius: 8px;
}
.rounded-xl {
  border-radius: 12px;
}
.rounded-2xl {
  border-radius: 16px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-t-none {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-t-sm {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.rounded-t {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-t-md {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.rounded-t-lg {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-t-xl {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.rounded-t-2xl {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}
.rounded-r-none {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-r-sm {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.rounded-r {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-r-md {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.rounded-r-lg {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.rounded-r-xl {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.rounded-r-2xl {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-b-none {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-b-sm {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.rounded-b {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-b-md {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.rounded-b-lg {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.rounded-b-xl {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.rounded-b-2xl {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.rounded-b-full {
  border-bottom-left-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-l-none {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-l-sm {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.rounded-l {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-l-md {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.rounded-l-lg {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-l-xl {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.rounded-l-2xl {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.rounded-tl-none {
  border-top-left-radius: 4px;
}
.rounded-tl-sm {
  border-top-left-radius: 2px;
}
.rounded-tl {
  border-top-left-radius: 4px;
}
.rounded-tl-md {
  border-top-left-radius: 6px;
}
.rounded-tl-lg {
  border-top-left-radius: 8px;
}
.rounded-tl-xl {
  border-top-left-radius: 12px;
}
.rounded-tl-2xl {
  border-top-left-radius: 16px;
}
.rounded-tl-full {
  border-top-left-radius: 9999px;
}
.rounded-tr-none {
  border-top-right-radius: 4px;
}
.rounded-tr-sm {
  border-top-right-radius: 2px;
}
.rounded-tr {
  border-top-right-radius: 4px;
}
.rounded-tr-md {
  border-top-right-radius: 6px;
}
.rounded-tr-lg {
  border-top-right-radius: 8px;
}
.rounded-tr-xl {
  border-top-right-radius: 12px;
}
.rounded-tr-2xl {
  border-top-right-radius: 16px;
}
.rounded-tr-full {
  border-top-right-radius: 9999px;
}
.rounded-br-none {
  border-bottom-right-radius: 4px;
}
.rounded-br-sm {
  border-bottom-right-radius: 2px;
}
.rounded-br {
  border-bottom-right-radius: 4px;
}
.rounded-br-md {
  border-bottom-right-radius: 6px;
}
.rounded-br-lg {
  border-bottom-right-radius: 8px;
}
.rounded-br-xl {
  border-bottom-right-radius: 12px;
}
.rounded-br-2xl {
  border-bottom-right-radius: 16px;
}
.rounded-br-full {
  border-bottom-right-radius: 9999px;
}
.rounded-bl-none {
  border-bottom-left-radius: 4px;
}
.rounded-bl-sm {
  border-bottom-left-radius: 2px;
}
.rounded-bl {
  border-bottom-left-radius: 4px;
}
.rounded-bl-md {
  border-bottom-left-radius: 6px;
}
.rounded-bl-lg {
  border-bottom-left-radius: 8px;
}
.rounded-bl-xl {
  border-bottom-left-radius: 12px;
}
.rounded-bl-2xl {
  border-bottom-left-radius: 16px;
}
.rounded-bl-full {
  border-bottom-left-radius: 9999px;
}
/************************************************
 * border-width
 ************************************************/
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-8 {
  border-width: 8px;
}
.border {
  border-width: 1px;
}
.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}
.border-x-2 {
  border-left-width: 2px;
  border-right-width: 2px;
}
.border-x-4 {
  border-left-width: 4px;
  border-right-width: 4px;
}
.border-x-8 {
  border-left-width: 8px;
  border-right-width: 8px;
}
.border-x {
  border-left-width: 0px;
  border-right-width: 0px;
}
.border-y-0 {
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.border-y-2 {
  border-top-width: 2px;
  border-bottom-width: 2px;
}
.border-y-4 {
  border-top-width: 4px;
  border-bottom-width: 4px;
}
.border-y-8 {
  border-top-width: 8px;
  border-bottom-width: 8px;
}
.border-y {
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-4 {
  border-top-width: 4px;
}
.border-t-8 {
  border-top-width: 8px;
}
.border-t {
  border-top-width: 1px;
}
.border-r-0 {
  border-right-width: 0px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-r-4 {
  border-right-width: 4px;
}
.border-r-8 {
  border-right-width: 8px;
}
.border-t {
  border-right-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-4 {
  border-bottom-width: 4px;
}
.border-b-8 {
  border-bottom-width: 8px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-l-0 {
  border-left-width: 0px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-l-8 {
  border-left-width: 8px;
}
.border-l {
  border-left-width: 1px;
}
/************************************************
 * border-color
 ************************************************/
.border-inherit {
  border-color: inherit;
}
.border-transparent {
  border-color: transparent;
}
.border-base {
  border-color: #333333;
}
.border-gray-50 {
  border-color: #f4f4f4;
}
.border-gray-100 {
  border-color: #eeeeee;
}
.border-gray-200 {
  border-color: #e2e2e2;
}
.border-gray-300 {
  border-color: #d6d6d6;
}
.border-gray-400 {
  border-color: #cccccc;
}
.border-gray-500 {
  border-color: #b3b3b3;
}
.border-gray-600 {
  border-color: #9a9a9a;
}
.border-gray-700 {
  border-color: #717171;
}
.border-gray-800 {
  border-color: #555555;
}
.border-gray-900 {
  border-color: #333333;
}
.border-gray-950 {
  border-color: #1a1a1a;
}
.border-gray-warm-50 {
  border-color: #efeded;
}
.border-gray-warm-100 {
  border-color: #e6e2e2;
}
.border-gray-warm-200 {
  border-color: #d6d3d3;
}
.border-gray-warm-300 {
  border-color: #c5c2c2;
}
.border-gray-warm-400 {
  border-color: #aca7a7;
}
.border-gray-warm-700 {
  border-color: #827a7a;
}
.border-gray-warm-800 {
  border-color: #5b5353;
}
.border-gray-warm-900 {
  border-color: #454242;
}
.border-gray-warm-950 {
  border-color: #333030;
}
.border-primary {
  border-color: #9b2e2d;
}
.border-secondary {
  border-color: #3d4f9c;
}
.border-info {
  border-color: #0097ef;
}
.border-success {
  border-color: #30c14f;
}
.border-warning {
  border-color: #e9a60b;
}
.border-danger {
  border-color: #e53b4c;
}
.border-info-deep {
  border-color: #146bbf;
}
.border-success-deep {
  border-color: #127845;
}
.border-warning-deep {
  border-color: #98620f;
}
.border-danger-deep {
  border-color: #bb213e;
}
.border-info-soft {
  border-color: #e1f4ff;
}
.border-success-soft {
  border-color: #d9fbd2;
}
.border-warning-soft {
  border-color: #fdf4c7;
}
.border-danger-soft {
  border-color: #ffe9e6;
}
.border-red {
  border-color: #d71919;
}
.border-orange {
  border-color: #f69742;
}
.border-yellow {
  border-color: #f5c92d;
}
.border-green {
  border-color: #0ab39c;
}
.border-blue {
  border-color: #556bdd;
}
.border-skyblue {
  border-color: #60d8e0;
}
.border-purple {
  border-color: #9d54e2;
}
.border-white {
  border-color: #ffffff;
}
.border-black {
  border-color: #000000;
}
.border-red-soft {
  border-color: #fcdbdf;
}
.border-orange-soft {
  border-color: #fde1cd;
}
.border-yellow-soft {
  border-color: #fff7cb;
}
.border-green-soft {
  border-color: #d3f9df;
}
.border-blue-soft {
  border-color: #e4e9ff;
}
.border-skyblue-soft {
  border-color: #d8fef7;
}
.border-purple-soft {
  border-color: #f7e8ff;
}
.border-x-inherit {
  border-left-color: inherit;
  border-right-color: inherit;
}
.border-x-transparent {
  border-left-color: transparent;
  border-right-color: transparent;
}
.border-x-gray-50 {
  border-left-color: #f4f4f4;
  border-right-color: #f4f4f4;
}
.border-x-gray-100 {
  border-left-color: #eeeeee;
  border-right-color: #eeeeee;
}
.border-x-gray-200 {
  border-left-color: #e2e2e2;
  border-right-color: #e2e2e2;
}
.border-x-gray-300 {
  border-left-color: #d6d6d6;
  border-right-color: #d6d6d6;
}
.border-x-gray-400 {
  border-left-color: #cccccc;
  border-right-color: #cccccc;
}
.border-x-gray-500 {
  border-left-color: #b3b3b3;
  border-right-color: #b3b3b3;
}
.border-x-gray-600 {
  border-left-color: #9a9a9a;
  border-right-color: #9a9a9a;
}
.border-x-gray-700 {
  border-left-color: #717171;
  border-right-color: #717171;
}
.border-x-gray-800 {
  border-left-color: #555555;
  border-right-color: #555555;
}
.border-x-gray-900 {
  border-left-color: #333333;
  border-right-color: #333333;
}
.border-x-gray-950 {
  border-left-color: #1a1a1a;
  border-right-color: #1a1a1a;
}
.border-x-gray-warm-50 {
  border-left-color: #efeded;
  border-right-color: #efeded;
}
.border-x-gray-warm-100 {
  border-left-color: #e6e2e2;
  border-right-color: #e6e2e2;
}
.border-x-gray-warm-200 {
  border-left-color: #d6d3d3;
  border-right-color: #d6d3d3;
}
.border-x-gray-warm-300 {
  border-left-color: #c5c2c2;
  border-right-color: #c5c2c2;
}
.border-x-gray-warm-400 {
  border-left-color: #aca7a7;
  border-right-color: #aca7a7;
}
.border-x-gray-warm-700 {
  border-left-color: #827a7a;
  border-right-color: #827a7a;
}
.border-x-gray-warm-800 {
  border-left-color: #5b5353;
  border-right-color: #5b5353;
}
.border-x-gray-warm-900 {
  border-left-color: #454242;
  border-right-color: #454242;
}
.border-x-gray-warm-950 {
  border-left-color: #333030;
  border-right-color: #333030;
}
.border-x-primary {
  border-left-color: #9b2e2d;
  border-right-color: #9b2e2d;
}
.border-x-secondary {
  border-left-color: #3d4f9c;
  border-right-color: #3d4f9c;
}
.border-x-info {
  border-left-color: #0097ef;
  border-right-color: #0097ef;
}
.border-x-success {
  border-left-color: #30c14f;
  border-right-color: #30c14f;
}
.border-x-warning {
  border-left-color: #e9a60b;
  border-right-color: #e9a60b;
}
.border-x-danger {
  border-left-color: #e53b4c;
  border-right-color: #e53b4c;
}
.border-x-info-deep {
  border-left-color: #146bbf;
  border-right-color: #146bbf;
}
.border-x-success-deep {
  border-left-color: #127845;
  border-right-color: #127845;
}
.border-x-warning-deep {
  border-left-color: #98620f;
  border-right-color: #98620f;
}
.border-x-danger-deep {
  border-left-color: #bb213e;
  border-right-color: #bb213e;
}
.border-x-info-soft {
  border-left-color: #e1f4ff;
  border-right-color: #e1f4ff;
}
.border-x-success-soft {
  border-left-color: #d9fbd2;
  border-right-color: #d9fbd2;
}
.border-x-warning-soft {
  border-left-color: #fdf4c7;
  border-right-color: #fdf4c7;
}
.border-x-danger-soft {
  border-left-color: #ffe9e6;
  border-right-color: #ffe9e6;
}
.border-x-red {
  border-left-color: #d71919;
  border-right-color: #d71919;
}
.border-x-orange {
  border-left-color: #f69742;
  border-right-color: #f69742;
}
.border-x-yellow {
  border-left-color: #f5c92d;
  border-right-color: #f5c92d;
}
.border-x-green {
  border-left-color: #0ab39c;
  border-right-color: #0ab39c;
}
.border-x-blue {
  border-left-color: #556bdd;
  border-right-color: #556bdd;
}
.border-x-skyblue {
  border-left-color: #60d8e0;
  border-right-color: #60d8e0;
}
.border-x-purple {
  border-left-color: #9d54e2;
  border-right-color: #9d54e2;
}
.border-x-white {
  border-left-color: #ffffff;
  border-right-color: #ffffff;
}
.border-x-black {
  border-left-color: #000000;
  border-right-color: #000000;
}
.border-x-red-soft {
  border-left-color: #fcdbdf;
  border-right-color: #fcdbdf;
}
.border-x-orange-soft {
  border-left-color: #fde1cd;
  border-right-color: #fde1cd;
}
.border-x-yellow-soft {
  border-left-color: #fff7cb;
  border-right-color: #fff7cb;
}
.border-x-green-soft {
  border-left-color: #d3f9df;
  border-right-color: #d3f9df;
}
.border-x-blue-soft {
  border-left-color: #e4e9ff;
  border-right-color: #e4e9ff;
}
.border-x-skyblue-soft {
  border-left-color: #d8fef7;
  border-right-color: #d8fef7;
}
.border-x-purple-soft {
  border-left-color: #f7e8ff;
  border-right-color: #f7e8ff;
}
.border-y-inherit {
  border-top-color: inherit;
  border-bottom-color: inherit;
}
.border-y-transparent {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.border-y-gray-50 {
  border-top-color: #f4f4f4;
  border-bottom-color: #f4f4f4;
}
.border-y-gray-100 {
  border-top-color: #eeeeee;
  border-bottom-color: #eeeeee;
}
.border-y-gray-200 {
  border-top-color: #e2e2e2;
  border-bottom-color: #e2e2e2;
}
.border-y-gray-300 {
  border-top-color: #d6d6d6;
  border-bottom-color: #d6d6d6;
}
.border-y-gray-400 {
  border-top-color: #cccccc;
  border-bottom-color: #cccccc;
}
.border-y-gray-500 {
  border-top-color: #b3b3b3;
  border-bottom-color: #b3b3b3;
}
.border-y-gray-600 {
  border-top-color: #9a9a9a;
  border-bottom-color: #9a9a9a;
}
.border-y-gray-700 {
  border-top-color: #717171;
  border-bottom-color: #717171;
}
.border-y-gray-800 {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
.border-y-gray-900 {
  border-top-color: #333333;
  border-bottom-color: #333333;
}
.border-y-gray-950 {
  border-top-color: #1a1a1a;
  border-bottom-color: #1a1a1a;
}
.border-y-gray-warm-50 {
  border-top-color: #efeded;
  border-bottom-color: #efeded;
}
.border-y-gray-warm-100 {
  border-top-color: #e6e2e2;
  border-bottom-color: #e6e2e2;
}
.border-y-gray-warm-200 {
  border-top-color: #d6d3d3;
  border-bottom-color: #d6d3d3;
}
.border-y-gray-warm-300 {
  border-top-color: #c5c2c2;
  border-bottom-color: #c5c2c2;
}
.border-y-gray-warm-400 {
  border-top-color: #aca7a7;
  border-bottom-color: #aca7a7;
}
.border-y-gray-warm-700 {
  border-top-color: #827a7a;
  border-bottom-color: #827a7a;
}
.border-y-gray-warm-800 {
  border-top-color: #5b5353;
  border-bottom-color: #5b5353;
}
.border-y-gray-warm-900 {
  border-top-color: #454242;
  border-bottom-color: #454242;
}
.border-y-gray-warm-950 {
  border-top-color: #333030;
  border-bottom-color: #333030;
}
.border-y-primary {
  border-top-color: #9b2e2d;
  border-bottom-color: #9b2e2d;
}
.border-y-secondary {
  border-top-color: #3d4f9c;
  border-bottom-color: #3d4f9c;
}
.border-y-info {
  border-top-color: #0097ef;
  border-bottom-color: #0097ef;
}
.border-y-success {
  border-top-color: #30c14f;
  border-bottom-color: #30c14f;
}
.border-y-warning {
  border-top-color: #e9a60b;
  border-bottom-color: #e9a60b;
}
.border-y-danger {
  border-top-color: #e53b4c;
  border-bottom-color: #e53b4c;
}
.border-y-info-deep {
  border-top-color: #146bbf;
  border-bottom-color: #146bbf;
}
.border-y-success-deep {
  border-top-color: #127845;
  border-bottom-color: #127845;
}
.border-y-warning-deep {
  border-top-color: #98620f;
  border-bottom-color: #98620f;
}
.border-y-danger-deep {
  border-top-color: #bb213e;
  border-bottom-color: #bb213e;
}
.border-y-info-soft {
  border-top-color: #e1f4ff;
  border-bottom-color: #e1f4ff;
}
.border-y-success-soft {
  border-top-color: #d9fbd2;
  border-bottom-color: #d9fbd2;
}
.border-y-warning-soft {
  border-top-color: #fdf4c7;
  border-bottom-color: #fdf4c7;
}
.border-y-danger-soft {
  border-top-color: #ffe9e6;
  border-bottom-color: #ffe9e6;
}
.border-y-red {
  border-top-color: #d71919;
  border-bottom-color: #d71919;
}
.border-y-orange {
  border-top-color: #f69742;
  border-bottom-color: #f69742;
}
.border-y-yellow {
  border-top-color: #f5c92d;
  border-bottom-color: #f5c92d;
}
.border-y-green {
  border-top-color: #0ab39c;
  border-bottom-color: #0ab39c;
}
.border-y-blue {
  border-top-color: #556bdd;
  border-bottom-color: #556bdd;
}
.border-y-skyblue {
  border-top-color: #60d8e0;
  border-bottom-color: #60d8e0;
}
.border-y-purple {
  border-top-color: #9d54e2;
  border-bottom-color: #9d54e2;
}
.border-y-white {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.border-y-black {
  border-top-color: #000000;
  border-bottom-color: #000000;
}
.border-y-red-soft {
  border-top-color: #fcdbdf;
  border-bottom-color: #fcdbdf;
}
.border-y-orange-soft {
  border-top-color: #fde1cd;
  border-bottom-color: #fde1cd;
}
.border-y-yellow-soft {
  border-top-color: #fff7cb;
  border-bottom-color: #fff7cb;
}
.border-y-green-soft {
  border-top-color: #d3f9df;
  border-bottom-color: #d3f9df;
}
.border-y-blue-soft {
  border-top-color: #e4e9ff;
  border-bottom-color: #e4e9ff;
}
.border-y-skyblue-soft {
  border-top-color: #d8fef7;
  border-bottom-color: #d8fef7;
}
.border-y-purple-soft {
  border-top-color: #f7e8ff;
  border-bottom-color: #f7e8ff;
}
.border-t-inherit {
  border-top-color: inherit;
}
.border-t-transparent {
  border-top-color: transparent;
}
.border-t-base {
  border-top-color: #d6d6d6;
}
.border-t-gray-50 {
  border-top-color: #f4f4f4;
}
.border-t-gray-100 {
  border-top-color: #eeeeee;
}
.border-t-gray-200 {
  border-top-color: #e2e2e2;
}
.border-t-gray-300 {
  border-top-color: #d6d6d6;
}
.border-t-gray-400 {
  border-top-color: #cccccc;
}
.border-t-gray-500 {
  border-top-color: #b3b3b3;
}
.border-t-gray-600 {
  border-top-color: #9a9a9a;
}
.border-t-gray-700 {
  border-top-color: #717171;
}
.border-t-gray-800 {
  border-top-color: #555555;
}
.border-t-gray-900 {
  border-top-color: #333333;
}
.border-t-gray-950 {
  border-top-color: #1a1a1a;
}
.border-t-gray-warm-50 {
  border-top-color: #efeded;
}
.border-t-gray-warm-100 {
  border-top-color: #e6e2e2;
}
.border-t-gray-warm-200 {
  border-top-color: #d6d3d3;
}
.border-t-gray-warm-300 {
  border-top-color: #c5c2c2;
}
.border-t-gray-warm-400 {
  border-top-color: #aca7a7;
}
.border-t-gray-warm-700 {
  border-top-color: #827a7a;
}
.border-t-gray-warm-800 {
  border-top-color: #5b5353;
}
.border-t-gray-warm-900 {
  border-top-color: #454242;
}
.border-t-gray-warm-950 {
  border-top-color: #333030;
}
.border-t-primary {
  border-top-color: #9b2e2d;
}
.border-t-secondary {
  border-top-color: #3d4f9c;
}
.border-t-info {
  border-top-color: #0097ef;
}
.border-t-success {
  border-top-color: #30c14f;
}
.border-t-warning {
  border-top-color: #e9a60b;
}
.border-t-danger {
  border-top-color: #e53b4c;
}
.border-t-info-deep {
  border-top-color: #146bbf;
}
.border-t-success-deep {
  border-top-color: #127845;
}
.border-t-warning-deep {
  border-top-color: #98620f;
}
.border-t-danger-deep {
  border-top-color: #bb213e;
}
.border-t-info-soft {
  border-top-color: #e1f4ff;
}
.border-t-success-soft {
  border-top-color: #d9fbd2;
}
.border-t-warning-soft {
  border-top-color: #fdf4c7;
}
.border-t-danger-soft {
  border-top-color: #ffe9e6;
}
.border-t-red {
  border-top-color: #d71919;
}
.border-t-orange {
  border-top-color: #f69742;
}
.border-t-yellow {
  border-top-color: #f5c92d;
}
.border-t-green {
  border-top-color: #0ab39c;
}
.border-t-blue {
  border-top-color: #556bdd;
}
.border-t-skyblue {
  border-top-color: #60d8e0;
}
.border-t-purple {
  border-top-color: #9d54e2;
}
.border-t-white {
  border-top-color: #ffffff;
}
.border-t-black {
  border-top-color: #000000;
}
.border-t-red-soft {
  border-top-color: #fcdbdf;
}
.border-t-orange-soft {
  border-top-color: #fde1cd;
}
.border-t-yellow-soft {
  border-top-color: #fff7cb;
}
.border-t-green-soft {
  border-top-color: #d3f9df;
}
.border-t-blue-soft {
  border-top-color: #e4e9ff;
}
.border-t-skyblue-soft {
  border-top-color: #d8fef7;
}
.border-t-purple-soft {
  border-top-color: #f7e8ff;
}
.border-r-inherit {
  border-right-color: inherit;
}
.border-r-transparent {
  border-right-color: transparent;
}
.border-r-base {
  border-right-color: #d6d6d6;
}
.border-r-gray-50 {
  border-right-color: #f4f4f4;
}
.border-r-gray-100 {
  border-right-color: #eeeeee;
}
.border-r-gray-200 {
  border-right-color: #e2e2e2;
}
.border-r-gray-300 {
  border-right-color: #d6d6d6;
}
.border-r-gray-400 {
  border-right-color: #cccccc;
}
.border-r-gray-500 {
  border-right-color: #b3b3b3;
}
.border-r-gray-600 {
  border-right-color: #9a9a9a;
}
.border-r-gray-700 {
  border-right-color: #717171;
}
.border-r-gray-800 {
  border-right-color: #555555;
}
.border-r-gray-900 {
  border-right-color: #333333;
}
.border-r-gray-950 {
  border-right-color: #1a1a1a;
}
.border-r-gray-warm-50 {
  border-right-color: #efeded;
}
.border-r-gray-warm-100 {
  border-right-color: #e6e2e2;
}
.border-r-gray-warm-200 {
  border-right-color: #d6d3d3;
}
.border-r-gray-warm-300 {
  border-right-color: #c5c2c2;
}
.border-r-gray-warm-400 {
  border-right-color: #aca7a7;
}
.border-r-gray-warm-700 {
  border-right-color: #827a7a;
}
.border-r-gray-warm-800 {
  border-right-color: #5b5353;
}
.border-r-gray-warm-900 {
  border-right-color: #454242;
}
.border-r-gray-warm-950 {
  border-right-color: #333030;
}
.border-r-primary {
  border-right-color: #9b2e2d;
}
.border-r-secondary {
  border-right-color: #3d4f9c;
}
.border-r-info {
  border-right-color: #0097ef;
}
.border-r-success {
  border-right-color: #30c14f;
}
.border-r-warning {
  border-right-color: #e9a60b;
}
.border-r-danger {
  border-right-color: #e53b4c;
}
.border-r-info-deep {
  border-right-color: #146bbf;
}
.border-r-success-deep {
  border-right-color: #127845;
}
.border-r-warning-deep {
  border-right-color: #98620f;
}
.border-r-danger-deep {
  border-right-color: #bb213e;
}
.border-r-info-soft {
  border-right-color: #e1f4ff;
}
.border-r-success-soft {
  border-right-color: #d9fbd2;
}
.border-r-warning-soft {
  border-right-color: #fdf4c7;
}
.border-r-danger-soft {
  border-right-color: #ffe9e6;
}
.border-r-red {
  border-right-color: #d71919;
}
.border-r-orange {
  border-right-color: #f69742;
}
.border-r-yellow {
  border-right-color: #f5c92d;
}
.border-r-green {
  border-right-color: #0ab39c;
}
.border-r-blue {
  border-right-color: #556bdd;
}
.border-r-skyblue {
  border-right-color: #60d8e0;
}
.border-r-purple {
  border-right-color: #9d54e2;
}
.border-r-white {
  border-right-color: #ffffff;
}
.border-r-black {
  border-right-color: #000000;
}
.border-r-red-soft {
  border-right-color: #fcdbdf;
}
.border-r-orange-soft {
  border-right-color: #fde1cd;
}
.border-r-yellow-soft {
  border-right-color: #fff7cb;
}
.border-r-green-soft {
  border-right-color: #d3f9df;
}
.border-r-blue-soft {
  border-right-color: #e4e9ff;
}
.border-r-skyblue-soft {
  border-right-color: #d8fef7;
}
.border-r-purple-soft {
  border-right-color: #f7e8ff;
}
.border-b-inherit {
  border-bottom-color: inherit;
}
.border-b-transparent {
  border-bottom-color: transparent;
}
.border-b-base {
  border-bottom-color: #d6d6d6;
}
.border-b-gray-50 {
  border-bottom-color: #f4f4f4;
}
.border-b-gray-100 {
  border-bottom-color: #eeeeee;
}
.border-b-gray-200 {
  border-bottom-color: #e2e2e2;
}
.border-b-gray-300 {
  border-bottom-color: #d6d6d6;
}
.border-b-gray-400 {
  border-bottom-color: #cccccc;
}
.border-b-gray-500 {
  border-bottom-color: #b3b3b3;
}
.border-b-gray-600 {
  border-bottom-color: #9a9a9a;
}
.border-b-gray-700 {
  border-bottom-color: #717171;
}
.border-b-gray-800 {
  border-bottom-color: #555555;
}
.border-b-gray-900 {
  border-bottom-color: #333333;
}
.border-b-gray-950 {
  border-bottom-color: #1a1a1a;
}
.border-b-gray-warm-50 {
  border-bottom-color: #efeded;
}
.border-b-gray-warm-100 {
  border-bottom-color: #e6e2e2;
}
.border-b-gray-warm-200 {
  border-bottom-color: #d6d3d3;
}
.border-b-gray-warm-300 {
  border-bottom-color: #c5c2c2;
}
.border-b-gray-warm-400 {
  border-bottom-color: #aca7a7;
}
.border-b-gray-warm-700 {
  border-bottom-color: #827a7a;
}
.border-b-gray-warm-800 {
  border-bottom-color: #5b5353;
}
.border-b-gray-warm-900 {
  border-bottom-color: #454242;
}
.border-b-gray-warm-950 {
  border-bottom-color: #333030;
}
.border-b-primary {
  border-bottom-color: #9b2e2d;
}
.border-b-secondary {
  border-bottom-color: #3d4f9c;
}
.border-b-info {
  border-bottom-color: #0097ef;
}
.border-b-success {
  border-bottom-color: #30c14f;
}
.border-b-warning {
  border-bottom-color: #e9a60b;
}
.border-b-danger {
  border-bottom-color: #e53b4c;
}
.border-b-info-deep {
  border-bottom-color: #146bbf;
}
.border-b-success-deep {
  border-bottom-color: #127845;
}
.border-b-warning-deep {
  border-bottom-color: #98620f;
}
.border-b-danger-deep {
  border-bottom-color: #bb213e;
}
.border-b-info-soft {
  border-bottom-color: #e1f4ff;
}
.border-b-success-soft {
  border-bottom-color: #d9fbd2;
}
.border-b-warning-soft {
  border-bottom-color: #fdf4c7;
}
.border-b-danger-soft {
  border-bottom-color: #ffe9e6;
}
.border-b-red {
  border-bottom-color: #d71919;
}
.border-b-orange {
  border-bottom-color: #f69742;
}
.border-b-yellow {
  border-bottom-color: #f5c92d;
}
.border-b-green {
  border-bottom-color: #0ab39c;
}
.border-b-blue {
  border-bottom-color: #556bdd;
}
.border-b-skyblue {
  border-bottom-color: #60d8e0;
}
.border-b-purple {
  border-bottom-color: #9d54e2;
}
.border-b-white {
  border-bottom-color: #ffffff;
}
.border-b-black {
  border-bottom-color: #000000;
}
.border-b-red-soft {
  border-bottom-color: #fcdbdf;
}
.border-b-orange-soft {
  border-bottom-color: #fde1cd;
}
.border-b-yellow-soft {
  border-bottom-color: #fff7cb;
}
.border-b-green-soft {
  border-bottom-color: #d3f9df;
}
.border-b-blue-soft {
  border-bottom-color: #e4e9ff;
}
.border-b-skyblue-soft {
  border-bottom-color: #d8fef7;
}
.border-b-purple-soft {
  border-bottom-color: #f7e8ff;
}
.border-l-inherit {
  border-left-color: inherit;
}
.border-l-transparent {
  border-left-color: transparent;
}
.border-l-base {
  border-left-color: #d6d6d6;
}
.border-l-gray-50 {
  border-left-color: #f4f4f4;
}
.border-l-gray-100 {
  border-left-color: #eeeeee;
}
.border-l-gray-200 {
  border-left-color: #e2e2e2;
}
.border-l-gray-300 {
  border-left-color: #d6d6d6;
}
.border-l-gray-400 {
  border-left-color: #cccccc;
}
.border-l-gray-500 {
  border-left-color: #b3b3b3;
}
.border-l-gray-600 {
  border-left-color: #9a9a9a;
}
.border-l-gray-700 {
  border-left-color: #717171;
}
.border-l-gray-800 {
  border-left-color: #555555;
}
.border-l-gray-900 {
  border-left-color: #333333;
}
.border-l-gray-950 {
  border-left-color: #1a1a1a;
}
.border-l-gray-warm-50 {
  border-left-color: #efeded;
}
.border-l-gray-warm-100 {
  border-left-color: #e6e2e2;
}
.border-l-gray-warm-200 {
  border-left-color: #d6d3d3;
}
.border-l-gray-warm-300 {
  border-left-color: #c5c2c2;
}
.border-l-gray-warm-400 {
  border-left-color: #aca7a7;
}
.border-l-gray-warm-700 {
  border-left-color: #827a7a;
}
.border-l-gray-warm-800 {
  border-left-color: #5b5353;
}
.border-l-gray-warm-900 {
  border-left-color: #454242;
}
.border-l-gray-warm-950 {
  border-left-color: #333030;
}
.border-l-primary {
  border-left-color: #9b2e2d;
}
.border-l-secondary {
  border-left-color: #3d4f9c;
}
.border-l-info {
  border-left-color: #0097ef;
}
.border-l-success {
  border-left-color: #30c14f;
}
.border-l-warning {
  border-left-color: #e9a60b;
}
.border-l-danger {
  border-left-color: #e53b4c;
}
.border-l-info-deep {
  border-left-color: #146bbf;
}
.border-l-success-deep {
  border-left-color: #127845;
}
.border-l-warning-deep {
  border-left-color: #98620f;
}
.border-l-danger-deep {
  border-left-color: #bb213e;
}
.border-l-info-soft {
  border-left-color: #e1f4ff;
}
.border-l-success-soft {
  border-left-color: #d9fbd2;
}
.border-l-warning-soft {
  border-left-color: #fdf4c7;
}
.border-l-danger-soft {
  border-left-color: #ffe9e6;
}
.border-l-red {
  border-left-color: #d71919;
}
.border-l-orange {
  border-left-color: #f69742;
}
.border-l-yellow {
  border-left-color: #f5c92d;
}
.border-l-green {
  border-left-color: #0ab39c;
}
.border-l-blue {
  border-left-color: #556bdd;
}
.border-l-skyblue {
  border-left-color: #60d8e0;
}
.border-l-purple {
  border-left-color: #9d54e2;
}
.border-l-white {
  border-left-color: #ffffff;
}
.border-l-black {
  border-left-color: #000000;
}
.border-l-red-soft {
  border-left-color: #fcdbdf;
}
.border-l-orange-soft {
  border-left-color: #fde1cd;
}
.border-l-yellow-soft {
  border-left-color: #fff7cb;
}
.border-l-green-soft {
  border-left-color: #d3f9df;
}
.border-l-blue-soft {
  border-left-color: #e4e9ff;
}
.border-l-skyblue-soft {
  border-left-color: #d8fef7;
}
.border-l-purple-soft {
  border-left-color: #f7e8ff;
}
/************************************************
 * border-style
 ************************************************/
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-dotted {
  border-style: dotted;
}
.border-double {
  border-style: double;
}
.border-hidden {
  border-style: hidden;
}
.border-none {
  border-style: none;
}
/************************************************
 * opacity
 ************************************************/
.opacity-0 {
  opacity: 0;
}
.opacity-5 {
  opacity: 0.05;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-95 {
  opacity: 0.95;
}
.opacity-100 {
  opacity: 1;
}
/************************************************
 * cursor
 ************************************************/
.cursor-auto {
  cursor: auto;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.cursor-text {
  cursor: text;
}
.cursor-move {
  cursor: move;
}
.cursor-help {
  cursor: help;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-none {
  cursor: none;
}
.cursor-context-menu {
  cursor: context-menu;
}
.cursor-progress {
  cursor: progress;
}
.cursor-cell {
  cursor: cell;
}
.cursor-crosshair {
  cursor: crosshair;
}
.cursor-vertical-text {
  cursor: vertical-text;
}
.cursor-alias {
  cursor: alias;
}
.cursor-copy {
  cursor: copy;
}
.cursor-no-drop {
  cursor: no-drop;
}
.cursor-grab {
  cursor: grab;
}
.cursor-grabbing {
  cursor: grabbing;
}
.cursor-all-scroll {
  cursor: all-scroll;
}
.cursor-col-resize {
  cursor: col-resize;
}
.cursor-row-resize {
  cursor: row-resize;
}
.cursor-n-resize {
  cursor: n-resize;
}
.cursor-e-risize {
  cursor: e-resize;
}
.cursor-s-resize {
  cursor: s-resize;
}
.cursor-w-resize {
  cursor: w-resize;
}
.cursor-ne-resize {
  cursor: ne-resize;
}
.cursor-nw-resize {
  cursor: nw-resize;
}
.cursor-se-resize {
  cursor: se-resize;
}
.cursor-sw-resize {
  cursor: sw-resize;
}
.cursor-ew-resize {
  cursor: ew-resize;
}
.cursor-ns-resize {
  cursor: ns-resize;
}
.cursor-nwse-resize {
  cursor: nwse-resize;
}
.cursor-zoom-in {
  cursor: zoom-in;
}
.cursor-zoom-out {
  cursor: zoom-out;
}
/************************************************
 * padding
 ************************************************/
.p-0 {
  padding: 0px !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.p-px {
  padding: 1px !important;
}
.px-px {
  padding-left: 1px !important;
  padding-right: 1px !important;
}
.py-px {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.pt-px {
  padding-top: 1px !important;
}
.pr-px {
  padding-right: 1px !important;
}
.pb-px {
  padding-bottom: 1px !important;
}
.pl-px {
  padding-left: 1px !important;
}
.p-1 {
  padding: 2px;
}
.px-1 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.py-1 {
  padding-top: 2px !important;
  padding-bottom: 2px;
}
.pt-1 {
  padding-top: 2px;
}
.pr-1 {
  padding-right: 2px;
}
.pb-1 {
  padding-bottom: 2px;
}
.pl-1 {
  padding-left: 2px;
}
.p-2 {
  padding: 4px !important;
}
.px-2 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.py-2 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.pt-2 {
  padding-top: 4px !important;
}
.pr-2 {
  padding-right: 4px !important;
}
.pb-2 {
  padding-bottom: 4px !important;
}
.pl-2 {
  padding-left: 4px !important;
}
.p-3 {
  padding: 8px !important;
}
.px-3 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.py-3 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.pt-3 {
  padding-top: 8px !important;
}
.pr-3 {
  padding-right: 8px !important;
}
.pb-3 {
  padding-bottom: 8px !important;
}
.pl-3 {
  padding-left: 8px !important;
}
.p-4 {
  padding: 12px !important;
}
.px-4 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.py-4 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.pt-4 {
  padding-top: 12px !important;
}
.pr-4 {
  padding-right: 12px !important;
}
.pb-4 {
  padding-bottom: 12px !important;
}
.pl-4 {
  padding-left: 12px !important;
}
.p-5 {
  padding: 16px !important;
}
.px-5 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.py-5 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.pt-5 {
  padding-top: 16px !important;
}
.pr-5 {
  padding-right: 16px !important;
}
.pb-5 {
  padding-bottom: 16px !important;
}
.pl-5 {
  padding-left: 16px !important;
}
.p-6 {
  padding: 20px !important;
}
.px-6 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.py-6 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.pt-6 {
  padding-top: 20px !important;
}
.pr-6 {
  padding-right: 20px !important;
}
.pb-6 {
  padding-bottom: 20px !important;
}
.pl-6 {
  padding-left: 20px !important;
}
.p-7 {
  padding: 24px !important;
}
.px-7 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.py-7 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.pt-7 {
  padding-top: 24px !important;
}
.pr-7 {
  padding-right: 24px !important;
}
.pb-7 {
  padding-bottom: 24px !important;
}
.pl-7 {
  padding-left: 24px !important;
}
.p-8 {
  padding: 28px !important;
}
.px-8 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.py-8 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.pt-8 {
  padding-top: 28px !important;
}
.pr-8 {
  padding-right: 28px !important;
}
.pb-8 {
  padding-bottom: 28px !important;
}
.pl-8 {
  padding-left: 28px !important;
}
.p-9 {
  padding: 32px !important;
}
.px-9 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.py-9 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.pt-9 {
  padding-top: 32px !important;
}
.pr-9 {
  padding-right: 32px !important;
}
.pb-9 {
  padding-bottom: 32px !important;
}
.pl-9 {
  padding-left: 32px !important;
}
.p-10 {
  padding: 36px !important;
}
.px-10 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.py-10 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
.pt-10 {
  padding-top: 36px !important;
}
.pr-10 {
  padding-right: 36px !important;
}
.pb-10 {
  padding-bottom: 36px !important;
}
.pl-10 {
  padding-left: 36px !important;
}
/************************************************
 * margin
 ************************************************/
.-m-px {
  margin: -1px !important;
}
.-mx-px {
  margin-left: -1px !important;
  margin-right: -1px !important;
}
.-my-px {
  margin-top: -1px !important;
  margin-bottom: -1px !important;
}
.-mt-px {
  margin-top: -1px !important;
}
.-mr-px {
  margin-right: -1px !important;
}
.-mb-px {
  margin-bottom: -1px !important;
}
.-ml-px {
  margin-left: -1px !important;
}
.-m-1 {
  margin: -2px;
}
.-mx-1 {
  margin-left: -2px !important;
  margin-right: -2px !important;
}
.-my-1 {
  margin-top: -2px !important;
  margin-bottom: -2px;
}
.-mt-1 {
  margin-top: -2px;
}
.-mr-1 {
  margin-right: -2px;
}
.-mb-1 {
  margin-bottom: -2px;
}
.-ml-1 {
  margin-left: -2px;
}
.-m-2 {
  margin: -4px !important;
}
.-mx-2 {
  margin-left: -4px !important;
  margin-right: -4px !important;
}
.-my-2 {
  margin-top: -4px !important;
  margin-bottom: -4px !important;
}
.-mt-2 {
  margin-top: -4px !important;
}
.-mr-2 {
  margin-right: -4px !important;
}
.-mb-2 {
  margin-bottom: -4px !important;
}
.-ml-2 {
  margin-left: -4px !important;
}
.-m-3 {
  margin: -8px !important;
}
.-mx-3 {
  margin-left: -8px !important;
  margin-right: -8px !important;
}
.-my-3 {
  margin-top: -8px !important;
  margin-bottom: -8px !important;
}
.-mt-3 {
  margin-top: -8px !important;
}
.-mr-3 {
  margin-right: -8px !important;
}
.-mb-3 {
  margin-bottom: -8px !important;
}
.-ml-3 {
  margin-left: -8px !important;
}
.-m-4 {
  margin: -12px !important;
}
.-mx-4 {
  margin-left: -12px !important;
  margin-right: -12px !important;
}
.-my-4 {
  margin-top: -12px !important;
  margin-bottom: -12px !important;
}
.-mt-4 {
  margin-top: -12px !important;
}
.-mr-4 {
  margin-right: -12px !important;
}
.-mb-4 {
  margin-bottom: -12px !important;
}
.-ml-4 {
  margin-left: -12px !important;
}
.-m-5 {
  margin: -16px !important;
}
.-mx-5 {
  margin-left: -16px !important;
  margin-right: -16px !important;
}
.-my-5 {
  margin-top: -16px !important;
  margin-bottom: -16px !important;
}
.-mt-5 {
  margin-top: -16px !important;
}
.-mr-5 {
  margin-right: -16px !important;
}
.-mb-5 {
  margin-bottom: -16px !important;
}
.-ml-5 {
  margin-left: -16px !important;
}
.-m-6 {
  margin: -20px !important;
}
.-mx-6 {
  margin-left: -20px !important;
  margin-right: -20px !important;
}
.-my-6 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}
.-mt-6 {
  margin-top: -20px !important;
}
.-mr-6 {
  margin-right: -20px !important;
}
.-mb-6 {
  margin-bottom: -20px !important;
}
.-ml-6 {
  margin-left: -20px !important;
}
.-m-7 {
  margin: -24px !important;
}
.-mx-7 {
  margin-left: -24px !important;
  margin-right: -24px !important;
}
.-my-7 {
  margin-top: -24px !important;
  margin-bottom: -24px !important;
}
.-mt-7 {
  margin-top: -24px !important;
}
.-mr-7 {
  margin-right: -24px !important;
}
.-mb-7 {
  margin-bottom: -24px !important;
}
.-ml-7 {
  margin-left: -24px !important;
}
.-m-8 {
  margin: -28px !important;
}
.-mx-8 {
  margin-left: -28px !important;
  margin-right: -28px !important;
}
.-my-8 {
  margin-top: -28px !important;
  margin-bottom: -28px !important;
}
.-mt-8 {
  margin-top: -28px !important;
}
.-mr-8 {
  margin-right: -28px !important;
}
.-mb-8 {
  margin-bottom: -28px !important;
}
.-ml-8 {
  margin-left: -28px !important;
}
.-m-9 {
  margin: -32px !important;
}
.-mx-9 {
  margin-left: -32px !important;
  margin-right: -32px !important;
}
.-my-9 {
  margin-top: -32px !important;
  margin-bottom: -32px !important;
}
.-mt-9 {
  margin-top: -32px !important;
}
.-mr-9 {
  margin-right: -32px !important;
}
.-mb-9 {
  margin-bottom: -32px !important;
}
.-ml-9 {
  margin-left: -32px !important;
}
.-m-10 {
  margin: -36px !important;
}
.-mx-10 {
  margin-left: -36px !important;
  margin-right: -36px !important;
}
.-my-10 {
  margin-top: -36px !important;
  margin-bottom: -36px !important;
}
.-mt-10 {
  margin-top: -36px !important;
}
.-mr-10 {
  margin-right: -36px !important;
}
.-mb-10 {
  margin-bottom: -36px !important;
}
.-ml-10 {
  margin-left: -36px !important;
}
.m-0 {
  margin: 0px !important;
}
.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.m-px {
  margin: 1px !important;
}
.mx-px {
  margin-left: 1px !important;
  margin-right: 1px !important;
}
.my-px {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}
.mt-px {
  margin-top: 1px !important;
}
.mr-px {
  margin-right: 1px !important;
}
.mb-px {
  margin-bottom: 1px !important;
}
.ml-px {
  margin-left: 1px !important;
}
.m-1 {
  margin: 2px;
}
.mx-1 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.my-1 {
  margin-top: 2px !important;
  margin-bottom: 2px;
}
.mt-1 {
  margin-top: 2px;
}
.mr-1 {
  margin-right: 2px;
}
.mb-1 {
  margin-bottom: 2px;
}
.ml-1 {
  margin-left: 2px;
}
.m-2 {
  margin: 4px !important;
}
.mx-2 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.my-2 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.mt-2 {
  margin-top: 4px !important;
}
.mr-2 {
  margin-right: 4px !important;
}
.mb-2 {
  margin-bottom: 4px !important;
}
.ml-2 {
  margin-left: 4px !important;
}
.m-3 {
  margin: 8px !important;
}
.mx-3 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.my-3 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.mt-3 {
  margin-top: 8px !important;
}
.mr-3 {
  margin-right: 8px !important;
}
.mb-3 {
  margin-bottom: 8px !important;
}
.ml-3 {
  margin-left: 8px !important;
}
.m-4 {
  margin: 12px !important;
}
.mx-4 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.my-4 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.mt-4 {
  margin-top: 12px !important;
}
.mr-4 {
  margin-right: 12px !important;
}
.mb-4 {
  margin-bottom: 12px !important;
}
.ml-4 {
  margin-left: 12px !important;
}
.m-5 {
  margin: 16px !important;
}
.mx-5 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.my-5 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.mt-5 {
  margin-top: 16px !important;
}
.mr-5 {
  margin-right: 16px !important;
}
.mb-5 {
  margin-bottom: 16px !important;
}
.ml-5 {
  margin-left: 16px !important;
}
.m-6 {
  margin: 20px !important;
}
.mx-6 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.my-6 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mt-6 {
  margin-top: 20px !important;
}
.mr-6 {
  margin-right: 20px !important;
}
.mb-6 {
  margin-bottom: 20px !important;
}
.ml-6 {
  margin-left: 20px !important;
}
.m-7 {
  margin: 24px !important;
}
.mx-7 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.my-7 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.mt-7 {
  margin-top: 24px !important;
}
.mr-7 {
  margin-right: 24px !important;
}
.mb-7 {
  margin-bottom: 24px !important;
}
.ml-7 {
  margin-left: 24px !important;
}
.m-8 {
  margin: 28px !important;
}
.mx-8 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
.my-8 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.mt-8 {
  margin-top: 28px !important;
}
.mr-8 {
  margin-right: 28px !important;
}
.mb-8 {
  margin-bottom: 28px !important;
}
.ml-8 {
  margin-left: 28px !important;
}
.m-9 {
  margin: 32px !important;
}
.mx-9 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.my-9 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.mt-9 {
  margin-top: 32px !important;
}
.mr-9 {
  margin-right: 32px !important;
}
.mb-9 {
  margin-bottom: 32px !important;
}
.ml-9 {
  margin-left: 32px !important;
}
.m-10 {
  margin: 36px !important;
}
.mx-10 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}
.my-10 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}
.mt-10 {
  margin-top: 36px !important;
}
.mr-10 {
  margin-right: 36px !important;
}
.mb-10 {
  margin-bottom: 36px !important;
}
.ml-10 {
  margin-left: 36px !important;
}
/************************************************
 * height
 ************************************************/
.min-h-0 {
  min-height: 0 !important;
}
/************************************************
 * [웹접근성]포커스 아웃라인 가려지는 문제 수정
 ************************************************/
*:focus {
  outline-offset: -2px !important;
}
/************************************************
 * 프레임 공통
 * → 일반화면 및 팝업 화면
 ************************************************/
.portal.cl-container.content-wrapper .cl-container.app-header,
.portal.cl-container.pop-content-wrapper .cl-container.app-header,
.portal.cl-container.inner-content-wrapper .cl-container.app-header {
  /* ---------- 프로그램 타이틀 영역 ---------- */
  margin-bottom: 20px;
}
.portal.cl-container.content-wrapper .cl-container.content-header,
.portal.cl-container.pop-content-wrapper .cl-container.content-header,
.portal.cl-container.inner-content-wrapper .cl-container.content-header,
.portal.cl-container.content-wrapper .cl-container.pop-content-header,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-header,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-header {
  /* ---------- 헤더 영역 ---------- */
  margin-bottom: 32px;
  /* 조회 영역 */
}
.portal.cl-container.content-wrapper .cl-container.content-header .cl-container.search-box .label,
.portal.cl-container.pop-content-wrapper .cl-container.content-header .cl-container.search-box .label,
.portal.cl-container.inner-content-wrapper .cl-container.content-header .cl-container.search-box .label,
.portal.cl-container.content-wrapper .cl-container.pop-content-header .cl-container.search-box .label,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-header .cl-container.search-box .label,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-header .cl-container.search-box .label {
  min-width: initial;
  max-width: initial;
}
.portal.cl-container.content-wrapper .cl-container.content-header .cl-container.search-box .cl-container.search-group,
.portal.cl-container.pop-content-wrapper .cl-container.content-header .cl-container.search-box .cl-container.search-group,
.portal.cl-container.inner-content-wrapper .cl-container.content-header .cl-container.search-box .cl-container.search-group,
.portal.cl-container.content-wrapper .cl-container.pop-content-header .cl-container.search-box .cl-container.search-group,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-header .cl-container.search-box .cl-container.search-group,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-header .cl-container.search-box .cl-container.search-group {
  padding: 16px 20px;
}
.portal.cl-container.content-wrapper .cl-container.content-header .cl-container.search-box .cl-container.search-group .cl-container.search-control,
.portal.cl-container.pop-content-wrapper .cl-container.content-header .cl-container.search-box .cl-container.search-group .cl-container.search-control,
.portal.cl-container.inner-content-wrapper .cl-container.content-header .cl-container.search-box .cl-container.search-group .cl-container.search-control,
.portal.cl-container.content-wrapper .cl-container.pop-content-header .cl-container.search-box .cl-container.search-group .cl-container.search-control,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-header .cl-container.search-box .cl-container.search-group .cl-container.search-control,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-header .cl-container.search-box .cl-container.search-group .cl-container.search-control {
  min-width: initial;
  max-width: initial;
}
.portal.cl-container.content-wrapper .cl-container.content-body,
.portal.cl-container.pop-content-wrapper .cl-container.content-body,
.portal.cl-container.inner-content-wrapper .cl-container.content-body,
.portal.cl-container.content-wrapper .cl-container.pop-content-body,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body,
.portal.cl-container.content-wrapper .cl-container.inner-content-body,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body {
  /* ---------- 바디 영역 ---------- */
  /* 조회 영역 관련 설정 (고정된 크기를 제거) */
  /* 조회 영역 (바디 내에서의 간격 설정) */
  /* 섹션 및 콘텐츠 */
  /* 가로 또는 세로 분할 배치 */
  /* 페이지 인덱서 (.content 그룹 내에서의 간격 설정) */
  /* 탭 폴더 */
  /* 아코디언 */
  /* 캘린더 */
  /* 데이터 타이틀 */
  /* 지시문 및 안내문 */
  /* 폼 반응형 처리 */
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.search-box .label,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.search-box .label,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.search-box .label,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.search-box .label,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.search-box .label,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.search-box .label,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.search-box .label,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.search-box .label,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.search-box .label {
  min-width: 0;
  margin: 0 0 0 8px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.search-box .cl-container.search-group,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.search-box .cl-container.search-group,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.search-box .cl-container.search-group,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.search-box .cl-container.search-group,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.search-box .cl-container.search-group,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.search-box .cl-container.search-group,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.search-box .cl-container.search-group,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.search-box .cl-container.search-group,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.search-box .cl-container.search-group {
  background-color: #e6e2e2;
  padding-left: 8px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.search-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.cl-first-row) + .cl-layout-wrap:has(.search-group),
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.search-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.cl-first-row) + .cl-layout-wrap:has(.search-group),
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.search-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.cl-first-row) + .cl-layout-wrap:has(.search-group),
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.search-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.cl-first-row) + .cl-layout-wrap:has(.search-group),
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.search-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.cl-first-row) + .cl-layout-wrap:has(.search-group),
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.search-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.cl-first-row) + .cl-layout-wrap:has(.search-group),
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.search-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.cl-first-row) + .cl-layout-wrap:has(.search-group),
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.search-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.cl-first-row) + .cl-layout-wrap:has(.search-group),
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.search-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.cl-first-row) + .cl-layout-wrap:has(.search-group) {
  background-color: #e6e2e2;
}
.portal.cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.card-box,
.portal.cl-container.pop-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.card-box,
.portal.cl-container.inner-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.card-box,
.portal.cl-container.content-wrapper .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.card-box,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.card-box,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.card-box,
.portal.cl-container.content-wrapper .cl-container.inner-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.card-box,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.card-box,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.card-box {
  margin-top: 4px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.search-box.cl-first-row,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.search-box.cl-first-row,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.search-box.cl-first-row,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.search-box.cl-first-row,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.search-box.cl-first-row,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.search-box.cl-first-row,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.search-box.cl-first-row,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.search-box.cl-first-row,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.search-box.cl-first-row {
  margin-bottom: 8px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.stepper,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.stepper,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.stepper,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.stepper,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.stepper,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.stepper,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.stepper,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.stepper,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.stepper {
  margin-bottom: 16px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.content .cl-container.content-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content .cl-container.content-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content .cl-container.content-title-box,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content .cl-container.content-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-container.content-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-container.content-title-box,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content .cl-container.content-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-container.content-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-container.content-title-box {
  min-height: 32px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.content .cl-container.content-title-box .cl-output.tit,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content .cl-container.content-title-box .cl-output.tit,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content .cl-container.content-title-box .cl-output.tit,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit {
  vertical-align: middle;
  background-position: left center;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-pageindexer,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-pageindexer,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-pageindexer,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-pageindexer,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-pageindexer,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-pageindexer,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-pageindexer,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-pageindexer,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-pageindexer,
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-output.table-row-count,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-output.table-row-count,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-output.table-row-count,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-output.table-row-count,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-output.table-row-count,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-output.table-row-count,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-output.table-row-count,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-output.table-row-count,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content .cl-container.content-title-box .cl-output.tit + .cl-embeddedapp:has(.content-title-wrap) .cl-output.table-row-count {
  padding-top: 0;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.section:not(.accordion) > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.content,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.section:not(.accordion) > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.content,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.section:not(.accordion) > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.content,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.section:not(.accordion) > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.content,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.section:not(.accordion) > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.content,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.section:not(.accordion) > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.content,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.section:not(.accordion) > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.content,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.section:not(.accordion) > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.content,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.section:not(.accordion) > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.content {
  margin-top: -8px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.section .cl-container.section-title-box.line,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.section .cl-container.section-title-box.line,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.section .cl-container.section-title-box.line,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.section .cl-container.section-title-box.line,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.section .cl-container.section-title-box.line,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.section .cl-container.section-title-box.line,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.section .cl-container.section-title-box.line,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.section .cl-container.section-title-box.line,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.section .cl-container.section-title-box.line {
  border-bottom: 1px solid #e2e2e2;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.section .cl-container.section-title-box.line .cl-container.title-button-group,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.section .cl-container.section-title-box.line .cl-container.title-button-group,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.section .cl-container.section-title-box.line .cl-container.title-button-group,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.section .cl-container.section-title-box.line .cl-container.title-button-group,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.section .cl-container.section-title-box.line .cl-container.title-button-group,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.section .cl-container.section-title-box.line .cl-container.title-button-group,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.section .cl-container.section-title-box.line .cl-container.title-button-group,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.section .cl-container.section-title-box.line .cl-container.title-button-group,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.section .cl-container.section-title-box.line .cl-container.title-button-group {
  padding-bottom: 7px;
}
.portal.cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.section:not(.cl-first-row),
.portal.cl-container.pop-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.section:not(.cl-first-row),
.portal.cl-container.inner-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.section:not(.cl-first-row),
.portal.cl-container.content-wrapper .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.section:not(.cl-first-row),
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.section:not(.cl-first-row),
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.section:not(.cl-first-row),
.portal.cl-container.content-wrapper .cl-container.inner-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.section:not(.cl-first-row),
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.section:not(.cl-first-row),
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.section:not(.cl-first-row) {
  margin-top: 16px;
}
.portal.cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.section,
.portal.cl-container.pop-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.section,
.portal.cl-container.inner-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.section,
.portal.cl-container.content-wrapper .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.section,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.section,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.section,
.portal.cl-container.content-wrapper .cl-container.inner-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.section,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.section,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.section {
  margin-top: 0px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag {
  padding: 3.5px 4px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.calendar-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.form-control .flag .cl-text {
  line-height: 17px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-pageindexer,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-pageindexer,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-pageindexer,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-pageindexer,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-pageindexer,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-pageindexer,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-pageindexer,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-pageindexer,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-pageindexer {
  margin-top: 8px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-tabfolder > .tabfolder-content > .cl-tabfolder-body > .tabfolder-content > .cl-container .cl-container.accordion-box.cl-first-row > .cl-layout > .cl-layout-content > .cl-layout-wrap:not([style*='display:none']):not(:has(.cl-embeddedapp.accordion-button-group)),
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-tabfolder > .tabfolder-content > .cl-tabfolder-body > .tabfolder-content > .cl-container .cl-container.accordion-box.cl-first-row > .cl-layout > .cl-layout-content > .cl-layout-wrap:not([style*='display:none']):not(:has(.cl-embeddedapp.accordion-button-group)),
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-tabfolder > .tabfolder-content > .cl-tabfolder-body > .tabfolder-content > .cl-container .cl-container.accordion-box.cl-first-row > .cl-layout > .cl-layout-content > .cl-layout-wrap:not([style*='display:none']):not(:has(.cl-embeddedapp.accordion-button-group)),
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-tabfolder > .tabfolder-content > .cl-tabfolder-body > .tabfolder-content > .cl-container .cl-container.accordion-box.cl-first-row > .cl-layout > .cl-layout-content > .cl-layout-wrap:not([style*='display:none']):not(:has(.cl-embeddedapp.accordion-button-group)),
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-tabfolder > .tabfolder-content > .cl-tabfolder-body > .tabfolder-content > .cl-container .cl-container.accordion-box.cl-first-row > .cl-layout > .cl-layout-content > .cl-layout-wrap:not([style*='display:none']):not(:has(.cl-embeddedapp.accordion-button-group)),
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-tabfolder > .tabfolder-content > .cl-tabfolder-body > .tabfolder-content > .cl-container .cl-container.accordion-box.cl-first-row > .cl-layout > .cl-layout-content > .cl-layout-wrap:not([style*='display:none']):not(:has(.cl-embeddedapp.accordion-button-group)),
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-tabfolder > .tabfolder-content > .cl-tabfolder-body > .tabfolder-content > .cl-container .cl-container.accordion-box.cl-first-row > .cl-layout > .cl-layout-content > .cl-layout-wrap:not([style*='display:none']):not(:has(.cl-embeddedapp.accordion-button-group)),
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-tabfolder > .tabfolder-content > .cl-tabfolder-body > .tabfolder-content > .cl-container .cl-container.accordion-box.cl-first-row > .cl-layout > .cl-layout-content > .cl-layout-wrap:not([style*='display:none']):not(:has(.cl-embeddedapp.accordion-button-group)),
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-tabfolder > .tabfolder-content > .cl-tabfolder-body > .tabfolder-content > .cl-container .cl-container.accordion-box.cl-first-row > .cl-layout > .cl-layout-content > .cl-layout-wrap:not([style*='display:none']):not(:has(.cl-embeddedapp.accordion-button-group)) {
  margin-top: 8px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-tabfolder.tab-sub,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-tabfolder.tab-sub,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-tabfolder.tab-sub,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-tabfolder.tab-sub,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-tabfolder.tab-sub,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-tabfolder.tab-sub,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-tabfolder.tab-sub,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-tabfolder.tab-sub,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-tabfolder.tab-sub {
  margin-top: -20px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .cl-accordion,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .cl-accordion,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .cl-accordion,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .cl-accordion,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .cl-accordion,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .cl-accordion,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .cl-accordion,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .cl-accordion,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .cl-accordion {
  margin-top: 0;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .accordion,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .accordion,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .accordion,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .accordion,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .accordion,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .accordion,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .accordion,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .accordion,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-embeddedapp.accordion-button-group.cl-first-row) + .cl-layout-wrap > .accordion {
  padding-top: 0;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-tabfolder:not(.cl-first-row)) > .cl-tabfolder,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-tabfolder:not(.cl-first-row)) > .cl-tabfolder,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-tabfolder:not(.cl-first-row)) > .cl-tabfolder,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-tabfolder:not(.cl-first-row)) > .cl-tabfolder,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-tabfolder:not(.cl-first-row)) > .cl-tabfolder,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-tabfolder:not(.cl-first-row)) > .cl-tabfolder,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-tabfolder:not(.cl-first-row)) > .cl-tabfolder,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-tabfolder:not(.cl-first-row)) > .cl-tabfolder,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(> .cl-tabfolder:not(.cl-first-row)) > .cl-tabfolder {
  margin-top: 16px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group {
  margin-bottom: 8px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group .spacing-bar,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group .spacing-bar,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group .spacing-bar,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group .spacing-bar,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group .spacing-bar,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group .spacing-bar,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group .spacing-bar,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group .spacing-bar,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .cl-embeddedapp.accordion-button-group .spacing-bar {
  background: linear-gradient(#b3b3b3, #b3b3b3) no-repeat center center/1px 10px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.accordion-box .cl-accordion,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.accordion-box .cl-accordion,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.accordion-box .cl-accordion,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .cl-accordion,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .cl-accordion,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .cl-accordion,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .cl-accordion,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .cl-accordion,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .cl-accordion {
  margin-top: 16px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.accordion-box .cl-accordion.cl-first-row,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.accordion-box .cl-accordion.cl-first-row,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.accordion-box .cl-accordion.cl-first-row,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .cl-accordion.cl-first-row,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .cl-accordion.cl-first-row,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .cl-accordion.cl-first-row,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .cl-accordion.cl-first-row,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .cl-accordion.cl-first-row,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .cl-accordion.cl-first-row {
  margin-top: 0;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion {
  border: none;
  padding: 16px 0;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion.cl-first-row,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion.cl-first-row,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion.cl-first-row,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion.cl-first-row,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion.cl-first-row,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion.cl-first-row,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion.cl-first-row,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion.cl-first-row,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion.cl-first-row {
  padding-top: 0;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion.section .cl-container.section-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion.section .cl-container.section-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion.section .cl-container.section-title-box,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion.section .cl-container.section-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion.section .cl-container.section-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion.section .cl-container.section-title-box,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion.section .cl-container.section-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion.section .cl-container.section-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion.section .cl-container.section-title-box {
  background-color: #f4f4f4;
  padding: 4px 12px;
  min-height: 40px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion.section > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.content .cl-container.content-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion.section > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.content .cl-container.content-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion.section > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.content .cl-container.content-title-box,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion.section > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.content .cl-container.content-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion.section > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.content .cl-container.content-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion.section > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.content .cl-container.content-title-box,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion.section > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.content .cl-container.content-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion.section > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.content .cl-container.content-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion.section > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.content .cl-container.content-title-box {
  margin-bottom: 0;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion.content .cl-container.content-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion.content .cl-container.content-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion.content .cl-container.content-title-box,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion.content .cl-container.content-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion.content .cl-container.content-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion.content .cl-container.content-title-box,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion.content .cl-container.content-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion.content .cl-container.content-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion.content .cl-container.content-title-box {
  background-color: #f4f4f4;
  padding: 4px 12px;
  min-height: 40px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion .cl-container.section-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion .cl-container.section-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion .cl-container.section-title-box,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion .cl-container.section-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion .cl-container.section-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion .cl-container.section-title-box,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion .cl-container.section-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion .cl-container.section-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion .cl-container.section-title-box {
  margin-bottom: 0px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion .cl-container.content-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion .cl-container.content-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.accordion-box .accordion .cl-container.content-title-box,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion .cl-container.content-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion .cl-container.content-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.accordion-box .accordion .cl-container.content-title-box,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion .cl-container.content-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion .cl-container.content-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.accordion-box .accordion .cl-container.content-title-box {
  margin-bottom: 8px;
}
.portal.cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.data-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.data-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.data-title-box,
.portal.cl-container.content-wrapper .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.data-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.data-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.data-title-box,
.portal.cl-container.content-wrapper .cl-container.inner-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.data-title-box,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.data-title-box,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.data-title-box {
  margin-bottom: 4px;
}
.portal.cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.accordion-box:has(> .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-embeddedapp.accordion-button-group.cl-first-row),
.portal.cl-container.pop-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.accordion-box:has(> .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-embeddedapp.accordion-button-group.cl-first-row),
.portal.cl-container.inner-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.accordion-box:has(> .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-embeddedapp.accordion-button-group.cl-first-row),
.portal.cl-container.content-wrapper .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.accordion-box:has(> .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-embeddedapp.accordion-button-group.cl-first-row),
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.accordion-box:has(> .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-embeddedapp.accordion-button-group.cl-first-row),
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.accordion-box:has(> .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-embeddedapp.accordion-button-group.cl-first-row),
.portal.cl-container.content-wrapper .cl-container.inner-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.accordion-box:has(> .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-embeddedapp.accordion-button-group.cl-first-row),
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.accordion-box:has(> .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-embeddedapp.accordion-button-group.cl-first-row),
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.data-title-box) + .cl-layout-wrap > .cl-container.accordion-box:has(> .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-embeddedapp.accordion-button-group.cl-first-row) {
  margin-top: 0px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box {
  margin-top: 8px;
  margin-bottom: 8px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-first-row,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-first-row,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-first-row,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-first-row,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-first-row,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-first-row,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-first-row,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-first-row,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-first-row {
  margin-top: 0px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-last-row,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-last-row,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-last-row,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-last-row,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-last-row,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-last-row,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-last-row,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-last-row,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.indicator-box.cl-last-row {
  margin-bottom: 0px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.content-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.content-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.content-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.content-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.content-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.content-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.content-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.content-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.content-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.section-title-box) + .cl-layout-wrap > .cl-container.indicator-box {
  margin-top: 0px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.indicator-box):not([style*='display:none']) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.indicator-box):not([style*='display:none']) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.indicator-box):not([style*='display:none']) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.indicator-box):not([style*='display:none']) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.indicator-box):not([style*='display:none']) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.indicator-box):not([style*='display:none']) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.indicator-box):not([style*='display:none']) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.indicator-box):not([style*='display:none']) + .cl-layout-wrap > .cl-container.indicator-box,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.content > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.indicator-box):not([style*='display:none']) + .cl-layout-wrap > .cl-container.indicator-box {
  margin-top: 0px;
}
.portal.cl-container.content-wrapper .cl-container.content-body .cl-container.form-table > .cl-layout.cl-scrollbar > .cl-layout-content,
.portal.cl-container.pop-content-wrapper .cl-container.content-body .cl-container.form-table > .cl-layout.cl-scrollbar > .cl-layout-content,
.portal.cl-container.inner-content-wrapper .cl-container.content-body .cl-container.form-table > .cl-layout.cl-scrollbar > .cl-layout-content,
.portal.cl-container.content-wrapper .cl-container.pop-content-body .cl-container.form-table > .cl-layout.cl-scrollbar > .cl-layout-content,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.form-table > .cl-layout.cl-scrollbar > .cl-layout-content,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-body .cl-container.form-table > .cl-layout.cl-scrollbar > .cl-layout-content,
.portal.cl-container.content-wrapper .cl-container.inner-content-body .cl-container.form-table > .cl-layout.cl-scrollbar > .cl-layout-content,
.portal.cl-container.pop-content-wrapper .cl-container.inner-content-body .cl-container.form-table > .cl-layout.cl-scrollbar > .cl-layout-content,
.portal.cl-container.inner-content-wrapper .cl-container.inner-content-body .cl-container.form-table > .cl-layout.cl-scrollbar > .cl-layout-content {
  min-width: 1280px;
}
.portal.cl-container.content-wrapper .cl-container.content-footer,
.portal.cl-container.pop-content-wrapper .cl-container.content-footer,
.portal.cl-container.inner-content-wrapper .cl-container.content-footer,
.portal.cl-container.content-wrapper .cl-container.pop-content-footer,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-footer,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-footer {
  /* ---------- 푸터 영역 ---------- */
}
.portal.cl-container.content-wrapper .cl-container.content-footer .cl-container.footer-button-group .cl-button,
.portal.cl-container.pop-content-wrapper .cl-container.content-footer .cl-container.footer-button-group .cl-button,
.portal.cl-container.inner-content-wrapper .cl-container.content-footer .cl-container.footer-button-group .cl-button,
.portal.cl-container.content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button {
  font-size: 16px;
  padding: 0 23px;
}
.portal.cl-container.content-wrapper .cl-container.content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-top .cl-icon,
.portal.cl-container.pop-content-wrapper .cl-container.content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-top .cl-icon,
.portal.cl-container.inner-content-wrapper .cl-container.content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-top .cl-icon,
.portal.cl-container.content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-top .cl-icon,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-top .cl-icon,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-top .cl-icon {
  margin: 0 0 4px 0;
}
.portal.cl-container.content-wrapper .cl-container.content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-bottom .cl-icon,
.portal.cl-container.pop-content-wrapper .cl-container.content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-bottom .cl-icon,
.portal.cl-container.inner-content-wrapper .cl-container.content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-bottom .cl-icon,
.portal.cl-container.content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-bottom .cl-icon,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-bottom .cl-icon,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-bottom .cl-icon {
  margin: 4px 0 0 0;
}
.portal.cl-container.content-wrapper .cl-container.content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-right .cl-icon,
.portal.cl-container.pop-content-wrapper .cl-container.content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-right .cl-icon,
.portal.cl-container.inner-content-wrapper .cl-container.content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-right .cl-icon,
.portal.cl-container.content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-right .cl-icon,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-right .cl-icon,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px;
}
.portal.cl-container.content-wrapper .cl-container.content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-left .cl-icon,
.portal.cl-container.pop-content-wrapper .cl-container.content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-left .cl-icon,
.portal.cl-container.inner-content-wrapper .cl-container.content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-left .cl-icon,
.portal.cl-container.content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-left .cl-icon,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-left .cl-icon,
.portal.cl-container.inner-content-wrapper .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button.cl-icon-align-left .cl-icon {
  margin: 0 4px 0 0;
}
._accordion-box-header {
  background-color: #f4f4f4;
  padding: 4px 12px;
  min-height: 40px;
}
/************************************************
 * 프레임 공통 (일반 화면)
 * → 콘텐츠 루트 (.content-wrapper)
 *   > 콘텐츠 헤더 (.content-header)
 *   > 콘텐츠 바디 (.content-body)
 *   > 콘텐츠 푸터 (.content-footer)
 ************************************************/
.portal.cl-container.content-wrapper {
  /* 루트 컨테이너 바로 아래에 링크 박스가 오는 경우 */
}
.portal.cl-container.content-wrapper > .cl-layout {
  /* 버티컬 레이아웃에서만 적용됨 */
}
.portal.cl-container.content-wrapper > .cl-layout > .cl-layout-content:has(> .cl-layout-wrap) > .cl-layout-margin-top {
  height: 50px !important;
}
.portal.cl-container.content-wrapper > .cl-layout > .cl-layout-content:has(> .cl-layout-wrap) > .cl-layout-margin-bottom {
  height: 80px !important;
}
.portal.cl-container.content-wrapper .cl-container.content-header .cl-container.search-box .label {
  max-width: 80px;
  min-width: 80px;
}
.portal.cl-container.content-wrapper .cl-container.content-header .cl-container.search-box .cl-container.search-group .cl-container.search-control {
  min-width: 320px;
  max-width: 320px;
}
.portal.cl-container.content-wrapper .cl-container.content-header .cl-container.search-box .cl-container.search-group .cl-container.search-control.fixed > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
  width: calc(100% - 90px) !important;
}
.portal.cl-container.content-wrapper .cl-container.content-header .cl-container.search-box .cl-container.search-group .cl-container.search-control.col-2 {
  min-width: 676px;
  max-width: 676px;
}
.portal.cl-container.content-wrapper .cl-container.content-header .cl-container.search-box .cl-container.search-group .cl-container.search-control.col-3 {
  min-width: 1022px;
  max-width: 1022px;
}
.portal.cl-container.content-wrapper .cl-container.content-header .cl-container.search-box .cl-container.search-group .cl-container.search-control.col-4 {
  min-width: 1368px;
  max-width: 1368px;
}
.portal.cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row > .cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content > .cl-container {
  padding-bottom: 0;
}
.portal.cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row > .accordion {
  padding-bottom: 0;
}
.portal.cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row > .cl-tabfolder.cl-last-row .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row > .cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content > .cl-container {
  padding-bottom: 0;
}
.portal.cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row > .cl-tabfolder.cl-last-row .cl-container.accordion-box > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row > .accordion {
  padding-bottom: 0;
}
.portal.cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-tabfolder.cl-last-row .cl-container.accordion-box .cl-last-row.cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content > .cl-container {
  padding-bottom: 0;
}
.portal.cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-tabfolder.cl-last-row .cl-container.accordion-box .cl-last-row .accordion {
  padding-bottom: 0;
}
.portal.cl-container.content-wrapper .cl-container.content-footer {
  margin: 32px 0 0 0;
}
.portal.cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-first-row > .cl-container.link-box {
  margin: -14px 0 32px 0;
}
/* 일반 화면을 팝업 화면으로 여는 경우에 대한 처리 */
.cl-dialog .cl-dialog-body .cl-container.content-wrapper.portal {
  transform: scale(1);
}
.cl-dialog .cl-dialog-body .cl-container.content-wrapper.portal > .cl-layout > .cl-layout-content:has(> .cl-layout-wrap) {
  padding: 0 28px !important;
}
.cl-dialog .cl-dialog-body .cl-container.content-wrapper.portal > .cl-layout > .cl-layout-content:has(> .cl-layout-wrap) > .cl-layout-margin-top,
.cl-dialog .cl-dialog-body .cl-container.content-wrapper.portal > .cl-layout > .cl-layout-content:has(> .cl-layout-wrap) > .cl-layout-margin-bottom {
  height: 24px !important;
}
.cl-dialog .cl-dialog-body .cl-container.content-wrapper.portal > .cl-layout > .cl-layout-content:has(.pop-content-footer) > .cl-layout-margin-bottom,
.cl-dialog .cl-dialog-body .cl-container.content-wrapper.portal > .cl-layout > .cl-layout-content:has(.content-footer) > .cl-layout-margin-bottom {
  height: 108px !important;
}
.cl-dialog .cl-dialog-body .cl-container.content-wrapper.portal .cl-container.content-footer,
.cl-dialog .cl-dialog-body .cl-container.content-wrapper.portal .cl-container.pop-content-footer {
  /* 플로팅 처리 */
  position: fixed !important;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  padding: 20px 28px 24px 28px;
}
.cl-dialog .cl-dialog-body .cl-container.content-wrapper.portal > .cl-layout > .cl-layout-content:has(.pop-content-footer) > .cl-layout-margin-bottom {
  height: 116px !important;
}
/************************************************
 * 프레임 공통 (팝업 화면)
 * → 콘텐츠 루트 (.pop-content-wrapper)
 *   > 콘텐츠 헤더 (.pop-content-header)
 *   > 콘텐츠 바디 (.pop-content-body)
 *   > 콘텐츠 푸터 (.pop-content-footer)
 ************************************************/
.portal.cl-container.pop-content-wrapper {
  transform: scale(1);
}
.portal.cl-container.pop-content-wrapper > .cl-layout > .cl-layout-content:has(> .cl-layout-wrap) {
  padding: 0 28px !important;
}
.portal.cl-container.pop-content-wrapper > .cl-layout > .cl-layout-content:has(> .cl-layout-wrap) > .cl-layout-margin-top,
.portal.cl-container.pop-content-wrapper > .cl-layout > .cl-layout-content:has(> .cl-layout-wrap) > .cl-layout-margin-bottom {
  height: 24px !important;
}
.portal.cl-container.pop-content-wrapper > .cl-layout > .cl-layout-content:has(.pop-content-footer) > .cl-layout-margin-bottom,
.portal.cl-container.pop-content-wrapper > .cl-layout > .cl-layout-content:has(.content-footer) > .cl-layout-margin-bottom {
  height: 108px !important;
}
.portal.cl-container.pop-content-wrapper .cl-container.content-footer,
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-footer {
  /* 플로팅 처리 */
  position: fixed !important;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  padding: 20px 28px 24px 28px;
}
.portal.cl-container.pop-content-wrapper > .cl-layout > .cl-layout-content:has(.pop-content-footer) > .cl-layout-margin-bottom {
  height: 96px !important;
}
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-header .cl-container.search-box .label {
  min-width: 0;
}
.portal.cl-container.pop-content-wrapper .cl-container.pop-content-header .cl-container.search-box .cl-container.search-group {
  background-color: #e6e2e2;
}
/* [MIXIN] 팝업 화면일 때 푸터를 하단에 부착 */
._sticky-footer > .cl-layout > .cl-layout-content:has(> .cl-layout-wrap) {
  padding: 0 28px !important;
}
._sticky-footer > .cl-layout > .cl-layout-content:has(> .cl-layout-wrap) > .cl-layout-margin-top,
._sticky-footer > .cl-layout > .cl-layout-content:has(> .cl-layout-wrap) > .cl-layout-margin-bottom {
  height: 24px !important;
}
._sticky-footer > .cl-layout > .cl-layout-content:has(.pop-content-footer) > .cl-layout-margin-bottom,
._sticky-footer > .cl-layout > .cl-layout-content:has(.content-footer) > .cl-layout-margin-bottom {
  height: 108px !important;
}
._sticky-footer .cl-container.content-footer,
._sticky-footer .cl-container.pop-content-footer {
  /* 플로팅 처리 */
  position: fixed !important;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  padding: 20px 28px 24px 28px;
}
/************************************************
 * 프레임 공통 (임베디드 화면)
 * → 콘텐츠 루트 (.inner-content-wrapper)
 *   > 콘텐츠 바디 (.inner-content-body)
 ************************************************/
/************************************************
 * 특수 프레임 (대시보드 화면)
 * → 콘텐츠 루트 (.dashboard-content-wrapper)
 *   > 콘텐츠 바디 (.dashboard-content-body)
 *   > 콘텐츠 푸터 (.dashboard-content-footer)
 ************************************************/
.cl-container.dashboard-content-wrapper .cl-container.content-body {
  /* 가로 또는 세로 분할 배치 */
}
.cl-container.dashboard-content-wrapper .cl-container.content-body .cl-container.division-group {
  padding: 20px 32px;
}
.cl-container.dashboard-content-wrapper .cl-container.content-body .cl-button.btn-i-prev.btn-i-only,
.cl-container.dashboard-content-wrapper .cl-container.content-body .cl-button.btn-i-next.btn-i-only {
  padding: 0 1px;
}
/************************************************
 * 특수 프레임 (알림 화면)
 * → 콘텐츠 루트 (.alert-content-wrapper)
 *   > 콘텐츠 바디 (.alert-content-body)
 *   > 콘텐츠 푸터 (.alert-content-footer)
 ************************************************/
.cl-container.alert-content-wrapper .cl-container.alert-content-body {
  padding: 0 0 28px 0;
}
.cl-container.alert-content-wrapper .cl-container.alert-content-body .cl-output.tit {
  background: url("images/controls/notifier/ic_info.svg") no-repeat center top/40px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.32px;
  padding: 52px 0 0 0;
  text-align: center;
}
.cl-container.alert-content-wrapper .cl-container.alert-content-body .cl-output.tit .cl-text {
  line-height: 1.25;
}
.cl-container.alert-content-wrapper .cl-container.alert-content-body .cl-output.tit.success {
  background-image: url("images/controls/notifier/ic_success.svg");
}
.cl-container.alert-content-wrapper .cl-container.alert-content-body .cl-output.tit.info {
  background-image: url("images/controls/notifier/ic_info.svg");
}
.cl-container.alert-content-wrapper .cl-container.alert-content-body .cl-output.tit.warning {
  background-image: url("images/controls/notifier/ic_warning.svg");
}
.cl-container.alert-content-wrapper .cl-container.alert-content-body .cl-output.tit.danger {
  background-image: url("images/controls/notifier/ic_danger.svg");
}
.cl-container.alert-content-wrapper .cl-container.alert-content-body .cl-output.caption {
  font-size: 14px;
  padding: 0;
  text-align: center;
}
.cl-container.alert-content-wrapper .cl-container.alert-content-body .cl-output.caption .cl-text {
  line-height: 1.5;
}
.cl-container.alert-content-wrapper .cl-container.alert-content-footer .cl-container.footer-button-group .cl-button {
  font-size: 16px;
  padding: 0 23px;
}
/************************************************
 * 타이틀 공통
 * → 앱 타이틀(헤더) : udc/com/udcComGridTitle
 * → 그리드 유틸   : udc/com/udcComGridUtilBtns
 ************************************************/
.cl-container.app-header {
  margin: 0 0 12px 0;
  /* 북마크(즐겨찾기) 버튼 */
}
.cl-container.app-header .cl-output.tit {
  padding: 0 6px 0 0;
}
.cl-container.app-header .cl-button.btn-util-bookmark {
  background-color: #eeeeee;
  background-image: url("images/com/udc/ic_btn_bookmark.svg");
  border: 1px solid #eeeeee;
  padding: 0;
}
.cl-container.app-header .cl-button.btn-util-bookmark:not(.cl-disabled):hover,
.cl-container.app-header .cl-button.btn-util-bookmark:focus,
.cl-container.app-header .cl-button.btn-util-bookmark.cl-focus,
.cl-container.app-header .cl-button.btn-util-bookmark:not(.cl-disabled).cl-activated,
.cl-container.app-header .cl-button.btn-util-bookmark:not(.cl-disabled):active {
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.cl-container.app-header .cl-button.btn-util-bookmark.on {
  background-color: #f5c92d;
  background-image: url("images/com/udc/ic_btn_bookmark_on.svg");
  border-color: #f5c92d;
}
.cl-container.app-header .cl-button.btn-util-bookmark.on:not(.cl-disabled):hover,
.cl-container.app-header .cl-button.btn-util-bookmark.on:focus,
.cl-container.app-header .cl-button.btn-util-bookmark.on.cl-focus,
.cl-container.app-header .cl-button.btn-util-bookmark.on:not(.cl-disabled).cl-activated,
.cl-container.app-header .cl-button.btn-util-bookmark.on:not(.cl-disabled):active {
  background-color: #f5c92d;
  border-color: #f5c92d;
}
.cl-container.app-header .cl-container.breadcrumb {
  font-size: 14px;
}
.cl-container.app-header .cl-container.breadcrumb .breadcrumb-item {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  color: #717171;
  font-weight: 400;
}
.cl-container.app-header .cl-container.breadcrumb .breadcrumb-item:not(.cl-disabled):hover,
.cl-container.app-header .cl-container.breadcrumb .breadcrumb-item:focus,
.cl-container.app-header .cl-container.breadcrumb .breadcrumb-item.cl-focus,
.cl-container.app-header .cl-container.breadcrumb .breadcrumb-item:not(.cl-disabled).cl-activated,
.cl-container.app-header .cl-container.breadcrumb .breadcrumb-item:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.cl-container.app-header .cl-container.breadcrumb > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(:first-child):before {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  left: -17px;
  width: 6px;
  height: 10px;
  background: url("images/com/udc/ic_path_separator.svg") no-repeat center/contain;
}
.cl-container.app-header .cl-container.breadcrumb > .cl-layout > .cl-layout-content > .cl-layout-wrap:first-child .cl-button.breadcrumb-item {
  background-image: url("images/com/udc/ic_path_home.svg");
  background-position: left center;
  padding: 0 0 0 22px;
}
.cl-container.app-header .cl-container.breadcrumb > .cl-layout > .cl-layout-content > .cl-layout-wrap:last-child .cl-button.breadcrumb-item {
  color: #333333;
  font-weight: 500;
}
.cl-container.app-header .cl-container.breadcrumb .cl-output:not(.tit) {
  font-size: 14px;
}
.cl-container.content-title-wrap .cl-output.table-row-count {
  color: #333333;
}
.cl-container.content-title-wrap .cl-output.table-row-count .cl-text {
  line-height: normal;
}
.cl-container.content-title-wrap .cl-output.table-row-count span {
  font-weight: 700;
}
.cl-container.content-title-wrap .cl-pageindexer {
  margin: 0 !important;
}
.cl-container.content-title-wrap .cl-pageindexer .cl-text-wrapper,
.cl-container.content-title-wrap .cl-pageindexer .cl-pageindexer-index-area {
  min-height: 0;
}
.cl-container.content-title-wrap .cl-pageindexer .cl-pageindexer-index-area {
  margin: 0;
}
.cl-container.content-title-wrap .cl-radiobutton.switch-view-mode {
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  font-size: 0px;
  text-align: center;
}
.cl-container.content-title-wrap .cl-radiobutton.switch-view-mode:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0px;
  left: calc(50% - 0.5px);
  background: #d6d6d6;
}
.cl-container.content-title-wrap .cl-radiobutton.switch-view-mode .cl-radiobutton-item {
  padding: 0;
}
.cl-container.content-title-wrap .cl-radiobutton.switch-view-mode .cl-radiobutton-item .cl-radiobutton-field {
  width: 100%;
  height: 100%;
}
.cl-container.content-title-wrap .cl-radiobutton.switch-view-mode .cl-radiobutton-item .cl-icon-wrapper {
  width: 100%;
}
.cl-container.content-title-wrap .cl-radiobutton.switch-view-mode .cl-radiobutton-item .cl-radiobutton-icon {
  background-size: 20px;
  width: 100%;
  height: 100%;
  margin: 0;
}
.cl-container.content-title-wrap .cl-radiobutton.switch-view-mode .cl-radiobutton-item.cl-first-column .cl-radiobutton-icon {
  background-image: url("images/com/udc/ic_btn_grid_list.svg");
}
.cl-container.content-title-wrap .cl-radiobutton.switch-view-mode .cl-radiobutton-item.cl-first-column.cl-selected .cl-radiobutton-icon {
  background-image: url("images/com/udc/ic_btn_grid_list_on.svg");
}
.cl-container.content-title-wrap .cl-radiobutton.switch-view-mode .cl-radiobutton-item.cl-last-column .cl-radiobutton-icon {
  background-image: url("images/com/udc/ic_btn_grid_card.svg");
}
.cl-container.content-title-wrap .cl-radiobutton.switch-view-mode .cl-radiobutton-item.cl-last-column.cl-selected .cl-radiobutton-icon {
  background-image: url("images/com/udc/ic_btn_grid_card_on.svg");
}
.cl-container.content-title-wrap .cl-radiobutton.switch-view-mode .cl-radiobutton-item.cl-selected {
  background-color: #f2f2f2;
}
/************************************************
 * 조회 영역 검색 버튼
 * → udc/com/udcComSearchBtns
 ************************************************/
.cl-container.search-button-group .cl-button.btn-i-expander {
  background-color: #d6d3d3;
  border-color: #d6d3d3;
  color: #454242;
  /* 토글된 상태 (조회 영역 열림) */
}
.cl-container.search-button-group .cl-button.btn-i-expander .cl-icon {
  background-image: url("images/controls/button/ic_btn_expander.svg") !important;
  width: 10px;
  height: 10px;
}
.cl-container.search-button-group .cl-button.btn-i-expander.cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px;
}
.cl-container.search-button-group .cl-button.btn-i-expander.cl-icon-align-left .cl-icon {
  margin: 0 4px 0 0;
}
.cl-container.search-button-group .cl-button.btn-i-expander:not(.cl-disabled):hover {
  background-color: #c5c2c2;
  border-color: #c5c2c2;
  color: #454242;
}
.cl-container.search-button-group .cl-button.btn-i-expander:focus,
.cl-container.search-button-group .cl-button.btn-i-expander.cl-focus {
  background-color: #c5c2c2;
  border-color: #c5c2c2;
  color: #454242;
}
.cl-container.search-button-group .cl-button.btn-i-expander:not(.cl-disabled).cl-activated,
.cl-container.search-button-group .cl-button.btn-i-expander:not(.cl-disabled):active {
  background-color: #c5c2c2;
  border-color: #c5c2c2;
  color: #454242;
}
.cl-container.search-button-group .cl-button.btn-i-expander.cl-disabled {
  background-color: #f4f4f4;
  border-color: #d6d6d6;
  color: #9a9a9a;
}
.cl-container.search-button-group .cl-button.btn-i-expander.on .cl-icon {
  background-image: url("images/controls/button/ic_btn_expander_on.svg") !important;
}
.cl-container.search-button-group .cl-button.btn-i-reset {
  background-color: transparent;
  border-color: transparent;
}
.cl-container.search-button-group .cl-button.btn-i-reset .cl-icon {
  background-image: url("images/controls/button/ic_btn_reset.svg") !important;
}
.cl-container.search-button-group .cl-button.btn-i-reset:not(.cl-disabled):hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.cl-container.search-button-group .cl-button.btn-i-reset:focus,
.cl-container.search-button-group .cl-button.btn-i-reset.cl-focus {
  background-color: #ffffff;
  border-color: #ffffff;
}
.cl-container.search-button-group .cl-button.btn-i-reset:not(.cl-disabled).cl-activated,
.cl-container.search-button-group .cl-button.btn-i-reset:not(.cl-disabled):active {
  background-color: #ffffff;
  border-color: #ffffff;
}
.cl-container.search-button-group .cl-button.btn-i-reset.cl-disabled {
  background-color: #f4f4f4;
}
.cl-container.search-button-group .cl-button.btn-i-toggle {
  background-color: #efeded;
  border: none;
  border-radius: 4px;
  padding: 4px;
}
.cl-container.search-button-group .cl-button.btn-i-toggle .cl-text {
  line-height: 20px !important;
}
.cl-container.search-button-group .cl-button.btn-i-toggle .cl-icon {
  background-image: url("images/com/udc/ic_btn_toggle.svg") !important;
}
.cl-container.search-button-group .cl-button.btn-i-toggle.on .cl-icon {
  background-image: url("images/com/udc/ic_btn_toggle_on.svg") !important;
}
/************************************************
 * 파일 업로드
 * → udc/com/udcComFileUpload
 ************************************************/
.cl-container.fileuploder .cl-container.dropzone {
  background-color: #f4f4f4;
  border: 1px solid #d6d6d6;
}
.cl-container.fileuploder .cl-container.dropzone .cl-output {
  background: url("images/controls/button/ic_btn_upload.svg") no-repeat left center;
  color: #555555;
  padding: 0 0 0 24px;
}
/************************************************
 * 아코디언 버튼
 * → udc/com/udcComAccordionBtns
 * → 아코디언 확장 및 축소 버튼
 *   전체열기 (.btn-accordion-expand)
 *   전체닫기 (.btn-accordion-collapse)
 ************************************************/
.cl-button.btn-accordion-expand,
.cl-button.btn-accordion-collapse {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  color: #717171;
  font-size: 13px;
}
.cl-button.btn-accordion-expand:not(.cl-disabled):hover,
.cl-button.btn-accordion-collapse:not(.cl-disabled):hover,
.cl-button.btn-accordion-expand:focus,
.cl-button.btn-accordion-collapse:focus,
.cl-button.btn-accordion-expand.cl-focus,
.cl-button.btn-accordion-collapse.cl-focus,
.cl-button.btn-accordion-expand:not(.cl-disabled).cl-activated,
.cl-button.btn-accordion-collapse:not(.cl-disabled).cl-activated,
.cl-button.btn-accordion-expand:not(.cl-disabled):active,
.cl-button.btn-accordion-collapse:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.cl-button.btn-accordion-expand .cl-icon,
.cl-button.btn-accordion-collapse .cl-icon {
  background-size: 12px;
  width: 12px;
  height: 12px;
}
.cl-button.btn-accordion-expand:not(.cl-disabled):hover,
.cl-button.btn-accordion-collapse:not(.cl-disabled):hover,
.cl-button.btn-accordion-expand:focus,
.cl-button.btn-accordion-collapse:focus,
.cl-button.btn-accordion-expand.cl-focus,
.cl-button.btn-accordion-collapse.cl-focus,
.cl-button.btn-accordion-expand:not(.cl-disabled).cl-activated,
.cl-button.btn-accordion-collapse:not(.cl-disabled).cl-activated,
.cl-button.btn-accordion-expand:not(.cl-disabled):active,
.cl-button.btn-accordion-collapse:not(.cl-disabled):active {
  color: #717171;
}
.cl-button.btn-accordion-expand .cl-icon {
  background-image: url("images/controls/accordion/ic_btn_expand_all.svg") !important;
}
.cl-button.btn-accordion-collapse .cl-icon {
  background-image: url("images/controls/accordion/ic_btn_collapse_all.svg") !important;
}
/************************************************
 * 로딩화면
 * → udc/com/udcComLoadmask
 ************************************************/
.spinner-overlay {
  background-color: rgba(0, 0, 0, 0.2);
}
.cl-container.spinner-box {
  padding: 12px 30px 28px 30px;
  background-color: #ffffff;
  border-radius: 16px;
}
.cl-container.spinner-box .cl-output {
  color: #333333;
}
.cl-container.spinner-box .cl-output .cl-text {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.32px;
}
.cl-container.spinner-box .cl-output.spinner {
  background: url("images/com/udc/spinner.gif");
}
/************************************************
 * 로그인 (협업포털)
 ************************************************/
.cl-container.login.portal .cl-container.login-header {
  background-color: #ffffff;
  border-bottom: 1px solid #eeeeee;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-tit-box .cl-output.tit {
  color: #333333;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-tit-box .cl-output.tit .cl-text {
  font-size: 28px;
  letter-spacing: -0.56px;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-tit-box .cl-output {
  text-align: center;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-tit-box .cl-output:not(.tit) {
  font-size: 16px;
}
.cl-container.login.portal .cl-container.login-body .cl-output.notification {
  border-radius: 8px;
  padding: 12px 16px;
  text-align: center;
}
.cl-container.login.portal .cl-container.login-body .cl-output.notification .cl-text {
  font-size: 14px;
}
.cl-container.login.portal .cl-container.login-body .cl-output.notification .cl-text:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("images/controls/notifier/ic_danger.svg") no-repeat center center/20px;
  margin: 0 12px 0 0;
  vertical-align: middle;
}
.cl-container.login.portal .cl-container.login-body .cl-output.notification.error {
  background-color: #ffe9e6;
  color: #bb213e;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-box {
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-inputbox {
  color: #333333;
  border-radius: 5px;
  font-size: 15px;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-inputbox .cl-text {
  padding: 9px 11px;
  letter-spacing: -0.45px;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-inputbox.input-pw.is-invalid {
  background-position-x: calc(100% - 35px);
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-button.btn-view {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  background: url("images/com/login/ic_btn_view.svg") no-repeat center/16px;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-button.btn-view:not(.cl-disabled):hover,
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-button.btn-view:focus,
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-button.btn-view.cl-focus,
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-button.btn-view:not(.cl-disabled).cl-activated,
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-button.btn-view:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-button.btn-view.on {
  background-image: url("images/com/login/ic_btn_view_off.svg");
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-output.caption.caption-danger {
  background: none;
  padding: 0;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-output.caption.caption-danger .cl-text {
  font-size: 13px;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-button.btn-login {
  background-color: #5b5353;
  border: none;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.32px;
  padding: 12px 10px;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-button.btn-login .cl-text {
  line-height: normal !important;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-container.login-button-group .cl-button {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  color: #555555;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: -0.45px;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-container.login-button-group .cl-button:not(.cl-disabled):hover,
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-container.login-button-group .cl-button:focus,
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-container.login-button-group .cl-button.cl-focus,
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-container.login-button-group .cl-button:not(.cl-disabled).cl-activated,
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-container.login-button-group .cl-button:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-container.login-button-group .cl-button .cl-text {
  line-height: normal !important;
}
.cl-container.login.portal .cl-container.login-body .cl-container.login-box .cl-container.login-button-group > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(:first-child):before {
  content: "";
  position: absolute;
  top: calc(50% - 1.5px);
  left: -8px;
  width: 3px;
  height: 3px;
  background: #cccccc;
  border-radius: 9999px;
}
.cl-container.login.portal .cl-container.login-footer .cl-output.copyright {
  text-align: center;
}
.cl-container.login.portal .cl-container.login-footer .cl-output.copyright .cl-text {
  font-size: 14px;
}
.cl-container.login.portal .cl-container.login-footer .cl-container.footer-links .cl-button {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  color: #333333;
  font-weight: 400;
  font-size: 16px;
}
.cl-container.login.portal .cl-container.login-footer .cl-container.footer-links .cl-button:not(.cl-disabled):hover,
.cl-container.login.portal .cl-container.login-footer .cl-container.footer-links .cl-button:focus,
.cl-container.login.portal .cl-container.login-footer .cl-container.footer-links .cl-button.cl-focus,
.cl-container.login.portal .cl-container.login-footer .cl-container.footer-links .cl-button:not(.cl-disabled).cl-activated,
.cl-container.login.portal .cl-container.login-footer .cl-container.footer-links .cl-button:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.cl-container.login.portal .cl-container.login-footer .cl-container.footer-links > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(:first-child):before {
  content: "";
  position: absolute;
  top: calc(50% - 6px);
  left: -12px;
  width: 1px;
  height: 11px;
  background: #cccccc;
}
/************************************************
 * errorpage
 ************************************************/
.cl-container.error .cl-container.error-body .cl-container.tit-box .cl-output {
  font-size: 16px;
}
.cl-container.error .cl-container.error-body .cl-container.tit-box .cl-output.tit {
  font-size: 64px;
  color: #003764;
}
.cl-container.error .cl-container.error-body .cl-container.tit-box .cl-output.subtxt {
  color: #1a1a1a;
  font-size: 28px;
  font-weight: 700;
  margin-top: 25px;
}
.cl-container.error .cl-container.error-body .cl-container.tit-box .cl-button.btn-error {
  background-color: #ffffff;
  border-color: #cccccc;
  border-radius: 4px;
  color: #555555;
  font-weight: 500;
  font-size: 16px;
  padding: 0 20px;
  margin-top: 20px;
}
.cl-container.error .cl-container.error-body .cl-container.tit-box .cl-button.btn-error:not(.cl-disabled):hover,
.cl-container.error .cl-container.error-body .cl-container.tit-box .cl-button.btn-error:focus,
.cl-container.error .cl-container.error-body .cl-container.tit-box .cl-button.btn-error.cl-focus,
.cl-container.error .cl-container.error-body .cl-container.tit-box .cl-button.btn-error:not(.cl-disabled).cl-activated,
.cl-container.error .cl-container.error-body .cl-container.tit-box .cl-button.btn-error:not(.cl-disabled):active {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
}
.main_portal {
  /************************************************
	 * 헤더
	 ************************************************/
  /* 세션 연장 그룹 스타일 */
  /************************************************
	 * 바디
	 ************************************************/
  /************************************************
	 * 푸터
	 ************************************************/
  /* 사이드 메뉴 */
}
.main_portal .cl-container.header {
  z-index: 1;
  /* 메뉴 더보기 버튼 */
  /* 햄버거 메뉴 버튼 */
  /* 바로가기 링크 */
}
.main_portal .cl-container.header .cl-htmlsnippet.logo a {
  display: block;
  background: url("images/com/main_p/logo.png") no-repeat left center;
  color: #717171;
  font-weight: 500;
  font-size: 20px;
  padding: 0 0 0 189px;
  letter-spacing: -0.4px;
  line-height: 32px;
  text-decoration: none;
}
.main_portal .cl-container.header .cl-formlayout-row-shade {
  background-color: #454242;
}
.main_portal .cl-container.header .cl-navigationbar {
  background-color: transparent;
  border: none;
  color: #ffffff;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-bar {
  margin: 0 auto;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-item {
  font-size: 15px;
  font-weight: 500;
  padding-right: 17px;
  padding-left: 17px;
  overflow: hidden !important;
  letter-spacing: -0.2px;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-item .cl-text {
  line-height: normal;
  text-overflow: clip;
  white-space: pre;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-item .cl-navigationbar-arrow {
  width: 0;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-item.cl-hover {
  background-color: #9b2e2d;
  color: #ffffff;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-item:not(.cl-disabled):not(.cl-selected):hover,
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-item:not(.cl-disabled).cl-hover {
  background-color: #9b2e2d;
  color: #ffffff;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-item.cl-selected {
  background-color: #9b2e2d;
  color: #ffffff;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-item.cl-hover .cl-navigationbar-text,
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-item:not(.cl-disabled):not(.cl-selected):hover .cl-navigationbar-text,
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-item:not(.cl-disabled):hover .cl-navigationbar-text,
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-item.cl-selected .cl-navigationbar-text {
  text-decoration: underline;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-item.cl-navigationbar-visible {
  position: relative;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-item.cl-navigationbar-visible:before {
  content: "";
  position: absolute;
  width: 26px;
  height: 12px;
  background-image: url("images/com/main_p/ic_tri.svg");
  bottom: -6px;
  left: calc(50% - 13px);
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-accessiblemegamenu {
  width: 100% !important;
  left: 0 !important;
  background-color: #333030;
  display: flex;
  justify-content: center;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-accessiblemegamenu .cl-navigationbar-list {
  max-width: 1280px;
  background-color: transparent;
  border: 0;
  padding: 28px 0 16px 16px;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-accessiblemegamenu .cl-navigationbar-list .cl-navigationbar-category {
  width: auto;
  padding: 0;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-accessiblemegamenu .cl-navigationbar-list .cl-navigationbar-category .cl-navigationbar-icon-wrapper {
  width: 0;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-accessiblemegamenu .cl-navigationbar-list .cl-navigationbar-category .cl-navigationbar-accesskey-wrapper {
  width: 0;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-accessiblemegamenu .cl-navigationbar-list .cl-navigationbar-category:last-child .cl-navigationbar-listitem-wrapper:before {
  content: none;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-accessiblemegamenu .cl-navigationbar-list .cl-navigationbar-category .cl-navigationbar-listitem-wrapper {
  margin-right: 25px;
  margin-bottom: 12px;
  position: relative;
  overflow: visible !important;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-accessiblemegamenu .cl-navigationbar-list .cl-navigationbar-category .cl-navigationbar-listitem-wrapper:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 14px;
  top: calc(50% - 7px);
  right: -13px;
  background-color: rgba(255, 255, 255, 0.3);
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-accessiblemegamenu .cl-navigationbar-list .cl-navigationbar-listitem {
  background-color: transparent;
  color: #ffffff;
  padding: 0;
  font-weight: 500;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-accessiblemegamenu .cl-navigationbar-list .cl-navigationbar-listitem.cl-hover .cl-text,
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-accessiblemegamenu .cl-navigationbar-list .cl-navigationbar-listitem:not(.cl-disabled):not(.cl-selected):hover .cl-text,
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-accessiblemegamenu .cl-navigationbar-list .cl-navigationbar-listitem:not(.cl-disabled):hover .cl-text,
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-accessiblemegamenu .cl-navigationbar-list .cl-navigationbar-listitem.cl-selected .cl-text {
  text-decoration: underline;
  outline: #000000 auto 1px;
}
.main_portal .cl-container.header .cl-navigationbar .cl-navigationbar-accessiblemegamenu .cl-navigationbar-list .cl-navigationbar-listitem.cl-selected {
  font-weight: 700;
  text-decoration: underline;
}
.main_portal .cl-container.header .cl-button.btn-transparent {
  color: #555555;
  letter-spacing: -0.28px;
}
.main_portal .cl-container.header .cl-button.btn-menu {
  background-color: transparent;
  border: none;
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  padding: 0;
}
.main_portal .cl-container.header .cl-button.btn-menu .cl-text {
  max-width: 120px;
  line-height: normal !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.main_portal .cl-container.header .cl-button.btn-menu .cl-icon {
  background-image: url("images/com/main_p/ic_menu_more.svg") !important;
  width: 20px;
  background-size: 20px;
  margin: 0;
}
.main_portal .cl-container.header .cl-button.btn-menu:not(.cl-disabled):hover,
.main_portal .cl-container.header .cl-button.btn-menu:focus,
.main_portal .cl-container.header .cl-button.btn-menu.cl-focus,
.main_portal .cl-container.header .cl-button.btn-menu:not(.cl-disabled).cl-activated,
.main_portal .cl-container.header .cl-button.btn-menu:not(.cl-disabled):active {
  background-color: transparent;
  color: #333333;
}
.main_portal .cl-container.header .cl-button.btn-menu.on .cl-icon {
  background-image: url("images/com/main_p/ic_menu_expander.svg") !important;
}
.main_portal .cl-container.header .cl-button.btn-nvi-menu {
  background-image: url("images/com/main_p/ic_menu_toggle.svg");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  padding: 0px;
}
.main_portal .cl-container.header .cl-button.btn-nvi-menu:not(.cl-disabled):hover,
.main_portal .cl-container.header .cl-button.btn-nvi-menu:focus,
.main_portal .cl-container.header .cl-button.btn-nvi-menu.cl-focus,
.main_portal .cl-container.header .cl-button.btn-nvi-menu:not(.cl-disabled).cl-activated,
.main_portal .cl-container.header .cl-button.btn-nvi-menu:not(.cl-disabled):active {
  background-color: transparent;
}
.main_portal .cl-container.header .cl-button.btn-link {
  background-color: #eeeeee;
  border: none;
  border-radius: 8px;
  color: #555555;
  font-weight: 400;
  font-size: 16px;
  padding: 0 12px;
}
.main_portal .cl-container.header .cl-button.btn-link .cl-icon {
  background-image: url("images/com/main_p/ic_btn_link.svg") !important;
  width: 20px;
  background-size: 20px;
}
.main_portal .cl-container.header .cl-button.btn-link:not(.cl-disabled):hover,
.main_portal .cl-container.header .cl-button.btn-link:focus,
.main_portal .cl-container.header .cl-button.btn-link.cl-focus,
.main_portal .cl-container.header .cl-button.btn-link:not(.cl-disabled).cl-activated,
.main_portal .cl-container.header .cl-button.btn-link:not(.cl-disabled):active {
  background-color: #eeeeee;
  color: #555555;
}
.main_portal .cl-container.header .cl-button.btn-back {
  background-color: #ffffff;
  background: url("images/com/main_p/ic_arrow_back.svg") no-repeat left center;
  border: none;
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.32px;
  line-height: 1.25;
  padding-left: 32px;
}
.main_portal .cl-container.btn-group,
.main_portal .cl-container.btn-group > .cl-layout {
  overflow: visible !important;
}
.main_portal .cl-button.btn-alarm {
  background-image: url("images/com/main_p/ic_btn_alarm.svg");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  padding: 0px;
}
.main_portal .cl-button.btn-alarm:not(.cl-disabled):hover,
.main_portal .cl-button.btn-alarm:focus,
.main_portal .cl-button.btn-alarm.cl-focus,
.main_portal .cl-button.btn-alarm:not(.cl-disabled).cl-activated,
.main_portal .cl-button.btn-alarm:not(.cl-disabled):active {
  background-color: transparent;
  background-image: url("images/com/main_p/ic_btn_alarm_hover.svg");
}
.main_portal .cl-button.btn-alarm + .cl-container {
  pointer-events: none;
}
.main_portal .cl-output.alarm {
  min-width: 16px;
  background-color: #e53b4c;
  border-radius: 9999px;
  color: #ffffff;
  font-size: 12px;
  padding: 0 4px;
  text-align: center;
}
.main_portal .cl-output.alarm .cl-text {
  word-break: normal;
}
.main_portal .cl-menu.dropdown-menu {
  font-weight: 400;
  border-radius: 6px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.24);
  padding: 8px;
  z-index: 2;
}
.main_portal .cl-menu.dropdown-menu .cl-menu-list {
  border: none;
  border-radius: 0;
  color: #555555;
  padding: 0;
}
.main_portal .cl-menu.dropdown-menu .cl-menu-list .cl-menu-item {
  font-size: 14px;
  border-radius: 4px;
  color: inherit;
  padding: 6px;
}
.main_portal .cl-menu.dropdown-menu .cl-menu-list .cl-menu-item .cl-text {
  line-height: normal;
}
.main_portal .cl-menu.dropdown-menu .cl-menu-list .cl-menu-item:not(.cl-disabled):not(.cl-selected):hover,
.main_portal .cl-menu.dropdown-menu .cl-menu-list .cl-menu-item:not(.cl-disabled).cl-hover,
.main_portal .cl-menu.dropdown-menu .cl-menu-list .cl-menu-item:not(.cl-disabled).cl-selected {
  background-color: #f4f4f4;
  color: #555555;
}
.main_portal .cl-container.session-box {
  background-color: #eeeeee;
  border-radius: 30px;
  padding: 6px 12px;
  font-size: 14px !important;
}
.main_portal .cl-container.session-box .cl-button {
  color: #555555;
}
.main_portal .cl-container.body > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-first-row {
  min-height: calc(100vh - 402px);
}
.main_portal .cl-container.footer {
  background-color: #efeded;
  padding: 40px 20px;
}
.main_portal .cl-container.footer .footer-logo {
  background-color: transparent;
  background-image: url("images/com/main_p/footer_logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  padding: 0px;
}
.main_portal .cl-container.footer .footer-logo:not(.cl-disabled):hover,
.main_portal .cl-container.footer .footer-logo:focus,
.main_portal .cl-container.footer .footer-logo.cl-focus,
.main_portal .cl-container.footer .footer-logo:not(.cl-disabled).cl-activated,
.main_portal .cl-container.footer .footer-logo:not(.cl-disabled):active {
  background-color: transparent;
}
.main_portal .cl-container.footer .cl-output.copyright {
  color: #555555;
  font-size: 14px;
}
.main_portal .cl-container.footer .cl-container.footer-links .cl-button {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  color: #333333;
  font-weight: 400;
  font-size: 16px;
}
.main_portal .cl-container.footer .cl-container.footer-links .cl-button:not(.cl-disabled):hover,
.main_portal .cl-container.footer .cl-container.footer-links .cl-button:focus,
.main_portal .cl-container.footer .cl-container.footer-links .cl-button.cl-focus,
.main_portal .cl-container.footer .cl-container.footer-links .cl-button:not(.cl-disabled).cl-activated,
.main_portal .cl-container.footer .cl-container.footer-links .cl-button:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.main_portal .cl-container.aside {
  background-color: #ffffff;
}
.main_portal .cl-container.aside .cl-container.head {
  padding: 16px 20px;
  border-bottom: 1px solid #e2e2e2;
}
.main_portal .cl-container.aside .cl-container.head .cl-output {
  color: #333333;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.main_portal .cl-container.aside .cl-container.head .cl-output .cl-text {
  line-height: normal;
}
.main_portal .cl-container.aside .cl-container.head .cl-button {
  background: url("images/com/main_p/ic_side_close.svg") no-repeat center;
  background-size: 24px;
  border-radius: 4px;
  border-style: none;
  padding: 0;
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu {
  background-color: transparent;
  border: none;
  color: #333333;
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item {
  font-weight: 500;
  padding: 0;
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item .cl-text {
  padding: 0 8px 0 0;
  line-height: normal;
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item .cl-icon {
  display: none;
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item .cl-expand-icon {
  background-size: 10px;
  width: 10px;
  height: 7px;
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item:hover,
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-hover,
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item:focus {
  color: #333333;
  background-color: #eeeeee;
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item:hover .cl-text,
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-hover .cl-text,
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item:focus .cl-text {
  text-decoration: underline;
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-selected {
  color: #333333;
  background-color: #eeeeee;
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-selected .cl-text {
  text-decoration: none;
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-folder.cl-expanded .cl-expand-icon {
  background-image: url("images/com/main_p/ic_expanded.svg");
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-folder.cl-collapsed .cl-expand-icon {
  background-image: url("images/com/main_p/ic_collapsed.svg");
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-folder.cl-expanded {
  color: #333333;
  background-color: #eeeeee;
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-folder.cl-expanded .cl-text {
  text-decoration: none;
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1 {
  padding: 16px 20px;
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1 + .cl-list {
  font-size: 15px;
  color: #555555;
  background-color: #eeeeee;
  padding-bottom: 12px;
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1 + .cl-list .cl-sidenavigation-item {
  padding: 8px 32px;
}
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1 + .cl-list .cl-sidenavigation-item:hover,
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1 + .cl-list .cl-sidenavigation-item.cl-hover,
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1 + .cl-list .cl-sidenavigation-item:focus,
.main_portal .cl-container.aside .cl-sidenavigation.sidemenu .cl-sidenavigation-item.cl-level-1 + .cl-list .cl-sidenavigation-item.cl-selected {
  color: #555555;
  background-color: #ffffff;
}
.cl-container.notification-list {
  z-index: 2;
  border: 1px solid #cccccc;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.24);
  border-radius: 6px;
  background-color: #ffffff;
  padding: 7px;
}
.cl-container.notification-list .cl-container.noti-header {
  padding: 6px;
}
.cl-container.notification-list .cl-container.noti-header .cl-output.tit {
  color: #333333;
  font-weight: 700;
  letter-spacing: -0.28px;
}
.cl-container.notification-list .cl-container.noti-header .cl-button.close {
  background: url("images/com/main_p/ic_close.svg") no-repeat;
  border-radius: 4px;
  border-style: none;
}
.cl-container.notification-list:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 12.5px;
  top: -12px;
  right: 58px;
  background-image: url("images/com/main_p/ic_triangle.svg");
}
.cl-container.notification-list .cl-listbox,
.cl-container.notification-list .cl-listbox:not(.cl-disabled) {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 0;
}
.cl-container.notification-list .cl-listbox .cl-listbox-item,
.cl-container.notification-list .cl-listbox:not(.cl-disabled) .cl-listbox-item {
  border-radius: 4px;
  color: #333333;
  font-weight: 500;
  letter-spacing: -0.28px;
  padding: 6px;
}
.cl-container.notification-list .cl-listbox .cl-listbox-item .cl-text,
.cl-container.notification-list .cl-listbox:not(.cl-disabled) .cl-listbox-item .cl-text {
  line-height: 1.25;
  white-space: normal;
  text-overflow: clip;
}
.cl-container.notification-list .cl-listbox .cl-listbox-item .cl-text span,
.cl-container.notification-list .cl-listbox:not(.cl-disabled) .cl-listbox-item .cl-text span {
  display: block;
  color: #717171;
  font-weight: 400;
  font-size: 12px;
  padding-top: 2px;
}
.cl-container.notification-list .cl-listbox .cl-listbox-item.cl-selected,
.cl-container.notification-list .cl-listbox:not(.cl-disabled) .cl-listbox-item.cl-selected {
  background-color: #f4f4f4;
  color: #555555;
}
.cl-container.notification-list .cl-listbox .cl-listbox-item.already-read,
.cl-container.notification-list .cl-listbox:not(.cl-disabled) .cl-listbox-item.already-read,
.cl-container.notification-list .cl-listbox .cl-listbox-item.cl-disabled,
.cl-container.notification-list .cl-listbox:not(.cl-disabled) .cl-listbox-item.cl-disabled {
  color: #9a9a9a !important;
}
.cl-container.notification-list .cl-listbox:not(.cl-disabled) .cl-listbox-item:not(.cl-disabled):not(.cl-selected):hover,
.cl-container.notification-list .cl-listbox:not(.cl-disabled):not(.cl-disabled) .cl-listbox-item:not(.cl-disabled):not(.cl-selected):hover,
.cl-container.notification-list .cl-listbox:not(.cl-disabled) .cl-listbox-item:not(.cl-disabled):not(.cl-selected).cl-hover,
.cl-container.notification-list .cl-listbox:not(.cl-disabled):not(.cl-disabled) .cl-listbox-item:not(.cl-disabled):not(.cl-selected).cl-hover {
  background-color: #f4f4f4;
  color: #555555;
}
.cl-button.btn-more-all {
  background-color: #f2f2f2;
  border: 1px solid #e2e2e2;
  color: #555555;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 0;
  margin-top: 8px;
}
.cl-button.btn-more-all .cl-text {
  line-height: 1.3 !important;
}
.cl-button.btn-more-all:not(.cl-disabled):hover,
.cl-button.btn-more-all:focus,
.cl-button.btn-more-all.cl-focus,
.cl-button.btn-more-all:not(.cl-disabled).cl-activated,
.cl-button.btn-more-all:not(.cl-disabled):active {
  background-color: #f2f2f2;
  color: #555555;
}
.main_intro {
  background-color: #7D7463;
  /************************************************
	 * 헤더
	 ************************************************/
}
.main_intro .cl-container.intro-header {
  max-height: 80px;
  overflow-y: visible !important;
  z-index: 1;
  /* 현재 전체 메뉴가 표시된 상태일 때 */
}
.main_intro .cl-container.intro-header:has(.cl-button.btn-allmenu.opened) {
  background-color: #ffffff;
}
.main_intro .cl-container.intro-header:has(.cl-button.btn-allmenu.opened) .cl-container.topbar-wrap .cl-container.topbar .cl-htmlsnippet.logo a {
  background-image: url("images/com/main_p/footer_logo.svg");
  color: #333333;
}
.main_intro .cl-container.intro-header:has(.cl-button.btn-allmenu.opened) .cl-container.topbar-wrap .cl-container.topbar .cl-button.btn-transparent {
  color: #555555;
}
.main_intro .cl-container.intro-header .cl-container.topbar .cl-htmlsnippet.logo a {
  display: block;
  background: url("images/com/main_p/logo_w.png") no-repeat left center;
  color: #ffffff;
  font-weight: 700;
  font-size: 19px;
  padding: 0 0 0 173px;
  line-height: 44px;
  text-decoration: none;
}
.main_intro .cl-container.intro-header .cl-container.topbar .cl-button.btn-transparent {
  color: #ffffff;
  font-weight: 400;
}
.main_intro .cl-container.intro-header .cl-container.topbar .cl-button.btn-link {
  background-color: #eeeeee;
  border: none;
  border-radius: 8px;
  color: #555555;
  font-weight: 400;
  font-size: 16px;
  padding: 0 12px;
}
.main_intro .cl-container.intro-header .cl-container.topbar .cl-button.btn-link .cl-icon {
  background-image: url("images/com/main_p/ic_btn_link.svg") !important;
  width: 20px;
  background-size: 20px;
}
.main_intro .cl-container.intro-header .cl-container.topbar .cl-button.btn-link:not(.cl-disabled):hover,
.main_intro .cl-container.intro-header .cl-container.topbar .cl-button.btn-link:focus,
.main_intro .cl-container.intro-header .cl-container.topbar .cl-button.btn-link.cl-focus,
.main_intro .cl-container.intro-header .cl-container.topbar .cl-button.btn-link:not(.cl-disabled).cl-activated,
.main_intro .cl-container.intro-header .cl-container.topbar .cl-button.btn-link:not(.cl-disabled):active {
  background-color: #eeeeee;
  color: #555555;
}
.main_intro .cl-container.intro-header .cl-container.topbar .cl-button.btn-allmenu {
  background: #644d4d url("images/com/main_p/ic_btn_allmenu.svg") no-repeat center;
  border: none;
  border-radius: 8px;
}
.main_intro .cl-container.intro-header .cl-container.topbar .cl-button.btn-allmenu.opened {
  background-color: #333333;
  background-image: url("images/com/main_p/ic_btn_menu_close.svg");
}
.main_intro .cl-container.intro-header .cl-container.navbar {
  background-color: #ffffff;
  box-shadow: inset 0 1px 0 0 #eeeeee;
}
.main_intro .cl-container.intro-header .cl-container.navbar > .cl-layout > .cl-layout-content > .cl-container {
  box-shadow: inset 0 0 0 1px #eeeeee;
}
.main_intro .cl-container.intro-header .cl-container.navbar .cl-button {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  box-shadow: inset -1px -1px 0 0 #eeeeee;
  color: #333333;
  font-weight: 500;
  font-size: 15px;
  padding: 0 6px;
}
.main_intro .cl-container.intro-header .cl-container.navbar .cl-button:not(.cl-disabled):hover,
.main_intro .cl-container.intro-header .cl-container.navbar .cl-button:focus,
.main_intro .cl-container.intro-header .cl-container.navbar .cl-button.cl-focus,
.main_intro .cl-container.intro-header .cl-container.navbar .cl-button:not(.cl-disabled).cl-activated,
.main_intro .cl-container.intro-header .cl-container.navbar .cl-button:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.main_intro .cl-container.intro-header .cl-container.navbar .cl-button .cl-text {
  line-height: normal !important;
}
.main_intro .cl-container.intro-header .cl-container.navbar .cl-button:not(.cl-disabled):hover {
  background-color: #eeeeee;
  border: 1px solid #eeeeee;
  box-shadow: none;
}
.main_intro .cl-container.intro-header .cl-container.navbar .cl-button:focus,
.main_intro .cl-container.intro-header .cl-container.navbar .cl-button.cl-focus,
.main_intro .cl-container.intro-header .cl-container.navbar .cl-button:not(.cl-disabled).cl-activated,
.main_intro .cl-container.intro-header .cl-container.navbar .cl-button:not(.cl-disabled):active {
  background-color: #ffffff;
  border: 2px solid #333333;
  box-shadow: none;
}
.main_intro .cl-container.intro-body {
  background: url("images/com/main_p/pattern_bg.png") repeat-x left bottom;
}
.main_intro .cl-container.intro-body:before {
  content: "";
  position: absolute;
  background-image: url("images/com/main_p/pattern_left.png"), url("images/com/main_p/pattern_right.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left 110px, right 117px;
  width: 100%;
  height: 100%;
}
.main_intro .cl-container.intro-body .cl-container.main-title .cl-output {
  color: #ffffff;
  font-size: 18px;
}
.main_intro .cl-container.intro-body .cl-container.main-title .cl-output.tit {
  font-weight: 800;
  font-size: 52px;
  letter-spacing: -2.6px;
}
.main_intro .cl-container.intro-body .cl-container.main-title .cl-output.tit .cl-text {
  line-height: 1;
}
.main_intro .cl-container.intro-body .cl-container.main-title .cl-output.tit span {
  display: block;
  font-weight: 400;
  font-size: 32px;
  letter-spacing: -0.96px;
  line-height: normal;
  padding-bottom: 10px;
}
.main_intro .cl-container.intro-body .cl-container.backup-box {
  background-color: #644d4d;
  border-radius: 12px;
}
.main_intro .cl-container.intro-body .cl-container.backup-box .cl-output.tit {
  color: #ffffff;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.48px;
}
.main_intro .cl-container.intro-body .cl-container.backup-box .cl-output.tit .cl-text {
  line-height: 1.25;
}
.main_intro .cl-container.intro-body .cl-container.backup-box .cl-output.subtxt {
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
}
.main_intro .cl-container.intro-body .cl-container.backup-box .cl-output.call {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}
.main_intro .cl-container.intro-body .cl-container.backup-box .cl-output.call .cl-text:before {
  content: "";
  position: relative;
  display: inline-block;
  left: 0;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.15) url("images/com/main_p/ic_call.svg") no-repeat center/15px;
  border-radius: 9999px;
  margin-right: 8px;
  vertical-align: middle;
}
.main_intro .cl-container.intro-body .cl-container.backup-box .cl-button.btn-call {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  background: #ffffff url("images/com/main_p/ic_btn_goto.svg") no-repeat center/15px;
  border-radius: 9999px;
}
.main_intro .cl-container.intro-body .cl-container.backup-box .cl-button.btn-call:not(.cl-disabled):hover,
.main_intro .cl-container.intro-body .cl-container.backup-box .cl-button.btn-call:focus,
.main_intro .cl-container.intro-body .cl-container.backup-box .cl-button.btn-call.cl-focus,
.main_intro .cl-container.intro-body .cl-container.backup-box .cl-button.btn-call:not(.cl-disabled).cl-activated,
.main_intro .cl-container.intro-body .cl-container.backup-box .cl-button.btn-call:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
  background-color: #ffffff;
}
.main_intro .cl-container.intro-body .cl-container.srvy-box {
  background-color: #606e4e;
  border-radius: 12px;
}
.main_intro .cl-container.intro-body .cl-container.srvy-box .cl-output.tit {
  color: #ffffff;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.48px;
}
.main_intro .cl-container.intro-body .cl-container.srvy-box .cl-output.tit .cl-text {
  line-height: 1.25;
}
.main_intro .cl-container.intro-body .cl-container.srvy-box .cl-output.subtxt {
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
}
.main_intro .cl-container.intro-body .cl-container.srvy-box .cl-output.call {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}
.main_intro .cl-container.intro-body .cl-container.srvy-box .cl-output.call .cl-text:before {
  content: "";
  position: relative;
  display: inline-block;
  left: 0;
  width: 34px;
  height: 34px;
  background: rgba(255, 255, 255, 0.15) url("images/com/main_p/ic_call.svg") no-repeat center/15px;
  border-radius: 9999px;
  margin-right: 14px;
  vertical-align: middle;
}
.main_intro .cl-container.intro-body .cl-container.srvy-box .cl-button.btn-srvy {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  color: #e2e2e2;
  background: #7c8c69;
  border-radius: 8px;
}
.main_intro .cl-container.intro-body .cl-container.srvy-box .cl-button.btn-srvy:not(.cl-disabled):hover,
.main_intro .cl-container.intro-body .cl-container.srvy-box .cl-button.btn-srvy:focus,
.main_intro .cl-container.intro-body .cl-container.srvy-box .cl-button.btn-srvy.cl-focus,
.main_intro .cl-container.intro-body .cl-container.srvy-box .cl-button.btn-srvy:not(.cl-disabled).cl-activated,
.main_intro .cl-container.intro-body .cl-container.srvy-box .cl-button.btn-srvy:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
  background-color: #6c7c58;
}
.main_intro .cl-container.intro-body .cl-container.login-box {
  background-color: #ffffff;
  border-radius: 12px;
}
.main_intro .cl-container.intro-body .cl-container.login-box .cl-output.tit {
  color: #333333;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.48px;
}
.main_intro .cl-container.intro-body .cl-container.login-box .cl-output.tit .cl-text {
  line-height: 1.25;
}
.main_intro .cl-container.intro-body .cl-container.login-box .cl-inputbox {
  font-size: 15px;
}
.main_intro .cl-container.intro-body .cl-container.login-box .cl-inputbox .cl-text {
  padding: 0 11px;
}
.main_intro .cl-container.intro-body .cl-container.login-box .cl-button.btn-login {
  background-color: #5b5353;
  border: none;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.32px;
}
.main_intro .cl-container.intro-body .cl-container.login-box .cl-container.box-footer {
  background-color: #f4f4f4;
}
.main_intro .cl-container.intro-body .cl-container.login-box .cl-container.box-footer .cl-button {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  color: #555555;
  font-weight: 400;
  letter-spacing: -0.42px;
}
.main_intro .cl-container.intro-body .cl-container.login-box .cl-container.box-footer .cl-button:not(.cl-disabled):hover,
.main_intro .cl-container.intro-body .cl-container.login-box .cl-container.box-footer .cl-button:focus,
.main_intro .cl-container.intro-body .cl-container.login-box .cl-container.box-footer .cl-button.cl-focus,
.main_intro .cl-container.intro-body .cl-container.login-box .cl-container.box-footer .cl-button:not(.cl-disabled).cl-activated,
.main_intro .cl-container.intro-body .cl-container.login-box .cl-container.box-footer .cl-button:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.main_intro .cl-container.intro-body .cl-container.login-box .cl-container.box-footer .cl-container > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(:first-child):before {
  content: "";
  position: absolute;
  top: calc(50% - 1.5px);
  left: -9px;
  width: 3px;
  height: 3px;
  background: #cccccc;
  border-radius: 9999px;
}
.main_intro .cl-container.intro-body .cl-container.link-box {
  background-position: calc(100% - 24px) calc(100% - 24px);
  background-repeat: no-repeat;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: none;
  cursor: pointer;
  padding: 24px;
  /* 링크 박스 아이콘 */
}
.main_intro .cl-container.intro-body .cl-container.link-box:focus-within,
.main_intro .cl-container.intro-body .cl-container.link-box:hover {
  background-position: calc(100% - 20px) calc(100% - 20px);
  border: 4px solid #9b2e2d;
  padding: 20px;
}
.main_intro .cl-container.intro-body .cl-container.link-box .cl-button.tit {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  color: #333333;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.4px;
  text-align: left;
}
.main_intro .cl-container.intro-body .cl-container.link-box .cl-button.tit:not(.cl-disabled):hover,
.main_intro .cl-container.intro-body .cl-container.link-box .cl-button.tit:focus,
.main_intro .cl-container.intro-body .cl-container.link-box .cl-button.tit.cl-focus,
.main_intro .cl-container.intro-body .cl-container.link-box .cl-button.tit:not(.cl-disabled).cl-activated,
.main_intro .cl-container.intro-body .cl-container.link-box .cl-button.tit:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.main_intro .cl-container.intro-body .cl-container.link-box .cl-button.tit .cl-text {
  line-height: 1.25 !important;
}
.main_intro .cl-container.intro-body .cl-container.link-box .cl-text {
  font-size: 14px;
}
.main_intro .cl-container.intro-body .cl-container.link-box:nth-child(1) {
  background-image: url("images/com/main_p/ic_link_bx_01.svg");
}
.main_intro .cl-container.intro-body .cl-container.link-box:nth-child(2) {
  background-image: url("images/com/main_p/ic_link_bx_02.svg");
}
.main_intro .cl-container.intro-body .cl-container.link-box:nth-child(3) {
  background-image: url("images/com/main_p/ic_link_bx_03.svg");
}
.main_intro .cl-container.intro-body .cl-container.link-box:nth-child(4) {
  background-image: url("images/com/main_p/ic_link_bx_04.svg");
}
.main_intro .cl-container.intro-body .cl-container.link-box:nth-child(5) {
  background-image: url("images/com/main_p/ic_link_bx_05.svg");
}
.main_intro .cl-container.intro-body .cl-container.link-box:nth-child(6) {
  background-image: url("images/com/main_p/ic_link_bx_06.svg");
}
.main_intro .cl-container.intro-body .cl-container.link-box:nth-child(7) {
  background-image: url("images/com/main_p/ic_link_bx_07.svg");
}
.main_intro .cl-container.intro-body .cl-container.link-box:nth-child(8) {
  background-image: url("images/com/main_p/ic_link_bx_08.svg");
}
.main_intro .cl-container.intro-body .cl-container.link-box:nth-child(9) {
  background-image: url("images/com/main_p/ic_link_bx_09.svg");
}
.main_intro .cl-container.intro-body .cl-container.link-box:nth-child(10) {
  background-image: url("images/com/main_p/ic_link_bx_10.svg");
}
.main_intro .cl-container.intro-body .cl-container.link-box:nth-child(11) {
  background-image: url("images/com/main_p/ic_link_bx_11.svg");
}
.main_intro .cl-container.intro-body .cl-container.link-box:nth-child(12) {
  background-image: url("images/com/main_p/ic_link_bx_12.svg");
}
.main_intro .cl-container.intro-body .cl-container.link-box:nth-child(13) {
  background-image: url("images/com/main_p/ic_link_bx_13.svg");
}
.main_intro .cl-container.intro-body .cl-container.link-box:nth-child(14) {
  background-image: url("images/com/main_p/ic_link_bx_14.svg");
}
.main_intro .cl-container.intro-body .cl-container.link-box:nth-child(15) {
  background-image: url("images/com/main_p/ic_link_bx_15.svg");
}
.main_intro .cl-container.intro-banner {
  background-color: #ffffff;
}
.main_intro .cl-container.intro-banner .cl-container.banner-box {
  border: none;
  padding: 0;
}
.main_intro .cl-container.intro-banner .cl-container.banner-box .label {
  background-color: transparent;
  color: #333333;
  font-weight: 500;
  font-size: 16px;
  padding: 0;
  letter-spacing: -0.48px;
  text-align: left;
}
.main_intro .cl-container.intro-banner .cl-container.banner-box .label .cl-text {
  line-height: normal;
}
.main_intro .cl-container.intro-banner .cl-container.banner-box .cl-button.btn-prev,
.main_intro .cl-container.intro-banner .cl-container.banner-box .cl-button.btn-next,
.main_intro .cl-container.intro-banner .cl-container.banner-box .cl-button.btn-play,
.main_intro .cl-container.intro-banner .cl-container.banner-box .cl-button.btn-pause {
  border-color: #dddddd;
  border-radius: 9999px;
  padding: 0;
}
.main_intro .cl-container.intro-banner .cl-container.banner-box .cl-button.btn-prev {
  background-image: url("images/com/main_p/ic_btn_prev.svg");
}
.main_intro .cl-container.intro-banner .cl-container.banner-box .cl-button.btn-next {
  background-image: url("images/com/main_p/ic_btn_next.svg");
}
.main_intro .cl-container.intro-banner .cl-container.banner-box .cl-button.btn-play {
  background-image: url("images/com/main_p/ic_btn_play.svg");
}
.main_intro .cl-container.intro-banner .cl-container.banner-box .cl-button.btn-pause {
  background-image: url("images/com/main_p/ic_btn_pause.svg");
}
.main_intro .cl-container.intro-footer {
  background-color: #efeded;
}
.main_intro .cl-container.intro-footer .cl-output.copyright {
  font-size: 14px;
}
.main_intro .cl-container.intro-footer .cl-container.footer-links {
  border-top: 1px solid #d6d6d6;
  padding: 19px 0 0 0;
}
.main_intro .cl-container.intro-footer .cl-container.footer-links .cl-button {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  color: #333333;
  font-weight: 400;
  font-size: 16px;
}
.main_intro .cl-container.intro-footer .cl-container.footer-links .cl-button:not(.cl-disabled):hover,
.main_intro .cl-container.intro-footer .cl-container.footer-links .cl-button:focus,
.main_intro .cl-container.intro-footer .cl-container.footer-links .cl-button.cl-focus,
.main_intro .cl-container.intro-footer .cl-container.footer-links .cl-button:not(.cl-disabled).cl-activated,
.main_intro .cl-container.intro-footer .cl-container.footer-links .cl-button:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
/* 상단 이동 버튼 스타일 */
.cl-button.btn-go-top {
  background-color: #454242;
  background-image: url("images/com/main_p/ic_arrow_top.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  border: none;
  border-radius: 9999px;
  outline-offset: 0px;
  outline: #000000 auto 0px;
}
.cl-button.btn-go-top:hover {
  background-color: #9b2e2d;
}
/* 하단 이동 버튼 스타일 */
.cl-button.btn-go-bot {
  background-color: #454242;
  background-image: url("images/com/main_p/ic_arrow_top.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  border: none;
  border-radius: 9999px;
  outline-offset: 0px;
  outline: #000000 auto 0px;
  transform: rotate(180deg);
}
.cl-button.btn-go-bot:hover {
  background-color: #9b2e2d;
}
/* 이전페이지 이동 버튼 스타일 */
.cl-button.btn-go-prev {
  background-color: #454242;
  background-image: url("images/com/main_p/ic_arrow_top.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  border: none;
  border-radius: 9999px;
  outline-offset: 0px;
  outline: #000000 auto 0px;
  transform: rotate(-90deg);
}
.cl-button.btn-go-prev:hover {
  background-color: #9b2e2d;
}
/* 다음페이지 이동 버튼 스타일 */
.cl-button.btn-go-next {
  background-color: #454242;
  background-image: url("images/com/main_p/ic_arrow_top.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  border: none;
  border-radius: 9999px;
  outline-offset: 0px;
  outline: #000000 auto 0px;
  transform: rotate(90deg);
}
.cl-button.btn-go-next:hover {
  background-color: #9b2e2d;
}
/* 상단 이동 버튼 스타일 */
.cl-button.btn-go-back {
  color: #ffffff;
  background-color: #454242;
  background-image: url("images/com/main_p/ic_arrow_left.svg");
  background-position-x: 10%;
  background-repeat: no-repeat;
  background-size: 20px;
  border: none;
  border-radius: 9999px;
}
.cl-button.btn-go-back:not(.cl-disabled):hover,
.cl-button.btn-go-back:focus,
.cl-button.btn-go-back.cl-focus,
.cl-button.btn-go-back:not(.cl-disabled).cl-activated,
.cl-button.btn-go-back:not(.cl-disabled):active {
  background-image: url("images/com/main_p/ic_arrow_left.svg");
  background-color: #454242;
  color: #ffffff;
}
/* 건너뛰기 링크 */
.cl-button.skiplink {
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 4px;
  color: #ffffff;
  font-size: 16px;
}
/* 1320px보다 작은 화면 크기에 대한 스타일 */
@media screen and (max-width: 1319px) {
  /* 여기에 원하는 스타일을 추가하세요 */
  .main_intro .cl-container.intro-body:before {
    background-image: url("images/com/main_p/pattern_left_2.png"), url("images/com/main_p/pattern_right_2.png");
    background-position: left 24px, right 3px;
  }
  .main_intro .cl-container.intro-body .cl-container.main-title .cl-output {
    text-align: center;
  }
}
.main_sitemap .cl-container.map-header {
  background-color: #7d7463;
  position: relative;
  z-index: 1;
}
.main_sitemap .cl-container.map-header:after {
  content: "";
  background-image: url("images/com/main_p/pattern_bg_2.png");
  width: 100%;
  height: 100%;
  opacity: 0.16;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.main_sitemap .cl-container.map-header:before {
  content: "";
  position: absolute;
  background-image: url("images/com/main_p/pattern_left_3.png"), url("images/com/main_p/pattern_right_3.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left 248px top 35px, right 370px top 50px;
  width: 100%;
  height: 100%;
}
.main_sitemap .cl-container.map-header .cl-output {
  color: #ffffff;
  font-style: normal;
}
.main_sitemap .cl-container.map-header .cl-output.tit .cl-text {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.64px;
}
.main_sitemap .cl-container.map-header .cl-output.subtit .cl-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}
.main_sitemap .cl-container.map-wrap {
  background-color: #ffffff;
}
.main_sitemap .cl-container.map-wrap .cl-container.map-body .cl-container.map .cl-output.tit {
  color: #1a1a1a;
}
.main_sitemap .cl-container.map-wrap .cl-container.map-body .cl-container.map .cl-output.tit .cl-text {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.4px;
}
.main_sitemap .cl-container.map-wrap .cl-container.map-body .cl-container.map .cl-container.map-box {
  background-color: transparent;
  box-shadow: none;
}
.main_sitemap .cl-container.map-wrap .cl-container.map-body .cl-container.map .cl-container.map-box .cl-button {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  padding: 0px 10px;
}
.main_sitemap .cl-container.map-wrap .cl-container.map-body .cl-container.map .cl-container.map-box .cl-button .cl-text {
  color: #555555;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.main_sitemap .cl-container.map-wrap .cl-container.map-body .cl-container.map .cl-container.map-box .cl-button:not(.cl-disabled):hover {
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
}
.main_sitemap .cl-container.map-wrap .cl-container.map-body .cl-container.map .cl-container.map-box .cl-button:focus,
.main_sitemap .cl-container.map-wrap .cl-container.map-body .cl-container.map .cl-container.map-box .cl-button.cl-focus {
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
}
.main_sitemap .cl-container.map-wrap .cl-container.map-body .cl-container.map .cl-container.map-box .cl-button:not(.cl-disabled).cl-activated,
.main_sitemap .cl-container.map-wrap .cl-container.map-body .cl-container.map .cl-container.map-box .cl-button:not(.cl-disabled):active {
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
}
@media screen and (max-width:1319px) {
  .main_sitemap .cl-container.map-header:before {
    background-image: url("images/com/main_p/pattern_left_3.png"), url("images/com/main_p/pattern_right_3.png");
    background-position: left -101.99px top 35px, right -16px top 50px;
  }
}
/* 매뉴얼 버튼 스타일 */
.cl-button.btn-go-menual {
  background-color: #efeded;
  background-image: url("images/com/main_p/ic_menual_btn.svg");
  border: none;
  background-repeat: no-repeat;
  background-size: 28px;
}
.cl-button.btn-go-menual:hover {
  background-color: #efeded;
}
/************************************************
 * 대시보드 및 생애주기 상속 스타일
 * → 타이틀 상속 (typography.part.less)
 * → 버튼 상속 (button.part.less)
 ************************************************/
.cl-output.tit {
  /* 타이틀 아이콘 (outputType="h4") */
}
.cl-output.tit.cl-output-h4.tit-i-business,
.cl-output.tit.cl-output-h4.tit-i-manage,
.cl-output.tit.cl-output-h4.tit-i-waiting,
.cl-output.tit.cl-output-h4.tit-i-progress,
.cl-output.tit.cl-output-h4.tit-i-history,
.cl-output.tit.cl-output-h4.tit-i-full-history,
.cl-output.tit.cl-output-h4.tit-i-transmission {
  background-position: left center !important;
  background-size: 28px;
  padding: 0 0 0 36px;
  vertical-align: middle !important;
  min-height: 28px;
}
.cl-output.tit.cl-output-h4.tit-i-business {
  background-image: url("images/com/screen/ic_tit_01.svg");
}
.cl-output.tit.cl-output-h4.tit-i-manage {
  background-image: url("images/com/screen/ic_tit_02.svg");
}
.cl-output.tit.cl-output-h4.tit-i-waiting {
  background-image: url("images/com/screen/ic_tit_03.svg");
}
.cl-output.tit.cl-output-h4.tit-i-progress {
  background-image: url("images/com/screen/ic_tit_04.svg");
}
.cl-output.tit.cl-output-h4.tit-i-history {
  background-image: url("images/com/screen/ic_tit_05.svg");
}
.cl-output.tit.cl-output-h4.tit-i-full-history {
  background-image: url("images/com/screen/ic_tit_06.svg");
}
.cl-output.tit.cl-output-h4.tit-i-transmission {
  background-image: url("images/com/screen/ic_tit_07.svg");
}
.cl-output.tit.cl-output-h5 {
  /* 박스 내 타이틀 아이콘 (outputType="h5") */
}
.cl-output.tit.cl-output-h5.tit-i-notice,
.cl-output.tit.cl-output-h5.tit-i-qna,
.cl-output.tit.cl-output-h5.tit-i-archive,
.cl-output.tit.cl-output-h5.tit-i-statistics {
  min-height: 24px;
  padding: 0 0 0 32px;
}
.cl-output.tit.cl-output-h5.tit-i-notice {
  background-image: url("images/com/screen/ic_notice.svg");
}
.cl-output.tit.cl-output-h5.tit-i-qna {
  background-image: url("images/com/screen/ic_qna.svg");
}
.cl-output.tit.cl-output-h5.tit-i-archive {
  background-image: url("images/com/screen/ic_archive.svg");
}
.cl-output.tit.cl-output-h5.tit-i-statistics {
  background-image: url("images/com/screen/ic_statistics.svg");
}
.cl-output.tit.cl-output-h5.subtit,
.cl-output.tit.cl-output-h5.subtit-i-task,
.cl-output.tit.cl-output-h5.subtit-i-department,
.cl-output.tit.cl-output-h5.subtit-i-cooperation {
  padding: 0 0 0 24px;
}
.cl-output.tit.cl-output-h5.subtit span,
.cl-output.tit.cl-output-h5.subtit-i-task span,
.cl-output.tit.cl-output-h5.subtit-i-department span,
.cl-output.tit.cl-output-h5.subtit-i-cooperation span {
  font-size: 16px;
  letter-spacing: -0.32px;
  line-height: 20px;
}
.cl-output.tit.cl-output-h5.subtit span.table-row-count,
.cl-output.tit.cl-output-h5.subtit-i-task span.table-row-count,
.cl-output.tit.cl-output-h5.subtit-i-department span.table-row-count,
.cl-output.tit.cl-output-h5.subtit-i-cooperation span.table-row-count {
  color: #3d4f9c;
  font-weight: 700;
  margin: 0 0 0 4px;
}
.cl-output.tit.cl-output-h5.subtit span.table-row-count + span,
.cl-output.tit.cl-output-h5.subtit-i-task span.table-row-count + span,
.cl-output.tit.cl-output-h5.subtit-i-department span.table-row-count + span,
.cl-output.tit.cl-output-h5.subtit-i-cooperation span.table-row-count + span {
  color: #717171;
  font-weight: 400;
}
.cl-output.tit.cl-output-h5.subtit {
  padding: 0;
}
.cl-output.tit.cl-output-h5.subtit-i-task {
  background-image: url("images/com/screen/ic_subtit_01.svg");
}
.cl-output.tit.cl-output-h5.subtit-i-department {
  background-image: url("images/com/screen/ic_subtit_02.svg");
}
.cl-output.tit.cl-output-h5.subtit-i-cooperation {
  background-image: url("images/com/screen/ic_subtit_03.svg");
}
.cl-output.tit.cl-output-h6.tit-i-history,
.cl-output.tit.cl-output-h6.tit-i-fix,
.cl-output.tit.cl-output-h6.tit-i-person,
.cl-output.tit.cl-output-h6.tit-i-subsidy {
  min-height: 24px;
  padding: 0 0 0 32px;
}
.cl-output.tit.cl-output-h6.tit-i-history {
  background-image: url("images/com/screen/ic_history.svg");
}
.cl-output.tit.cl-output-h6.tit-i-fix {
  background-image: url("images/com/screen/ic_fix.svg");
}
.cl-output.tit.cl-output-h6.tit-i-person {
  background-image: url("images/com/screen/ic_person.svg");
}
.cl-output.tit.cl-output-h6.tit-i-subsidy {
  background-image: url("images/com/screen/ic_money.svg");
}
/************************************************
 * 영역 구분 (박스)
 * → box : 흰색 박스
 * → box2 : 회색 박스
 * → box3 : 그라데이션 문양 박스
 ************************************************/
.cl-container.box {
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
  /* 게시글 (공지사항, Q&A, 자료실 등) */
  /* 더보기 버튼 */
  /* 페이지 인덱서 */
  /* 투명한 폼 */
}
.cl-container.box.radius {
  border-radius: 12px;
}
.cl-container.box .cl-container.box-list > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container {
  cursor: pointer;
}
.cl-container.box .cl-container.box-list .cl-button {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  color: #555555;
  font-weight: 400;
  text-align: left;
}
.cl-container.box .cl-container.box-list .cl-button:not(.cl-disabled):hover,
.cl-container.box .cl-container.box-list .cl-button:focus,
.cl-container.box .cl-container.box-list .cl-button.cl-focus,
.cl-container.box .cl-container.box-list .cl-button:not(.cl-disabled).cl-activated,
.cl-container.box .cl-container.box-list .cl-button:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.cl-container.box .cl-container.box-list .cl-button .cl-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cl-container.box .cl-container.box-list .cl-output.date {
  color: #717171;
  font-size: 13px;
}
.cl-container.box .cl-button.btn-i-more {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
}
.cl-container.box .cl-button.btn-i-more:not(.cl-disabled):hover,
.cl-container.box .cl-button.btn-i-more:focus,
.cl-container.box .cl-button.btn-i-more.cl-focus,
.cl-container.box .cl-button.btn-i-more:not(.cl-disabled).cl-activated,
.cl-container.box .cl-button.btn-i-more:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.cl-container.box .cl-button.btn-i-more .cl-icon {
  background-image: url("images/com/screen/ic_btn_more.svg") !important;
}
.cl-container.box .cl-pageindexer .cl-text-wrapper,
.cl-container.box .cl-pageindexer .cl-pageindexer-index-area {
  margin: 0;
  min-height: 24px;
}
.cl-container.box .cl-pageindexer .cl-pageindexer-text span {
  padding: 0;
}
.cl-container.box .cl-container.form .cl-output .cl-text {
  line-height: normal;
}
.cl-container.box .cl-container.form .label {
  color: #1a1a1a;
  font-weight: 500;
  letter-spacing: -0.28px;
  vertical-align: top;
}
.cl-container.box .cl-container.form .cl-container.form-control.spacing-bar > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(:first-child):before {
  content: "";
  position: absolute;
  display: inline-block;
  top: calc(50% - 5px);
  left: -8px;
  width: 1px;
  height: 10px;
  background: #b3b3b3;
}
.cl-container.box .cl-output.unesco {
  background: url("images/com/screen/ic_unesco.svg") no-repeat left center;
  font-weight: 500;
  padding: 0 0 0 65px;
  min-height: 40px;
}
.cl-container.box .cl-output.unesco .cl-text:after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 0;
  width: 5px;
  height: 10px;
  background: url("images/com/screen/ic_btn_right.svg") no-repeat center;
}
.cl-container.box2 {
  background-color: #f7f6f6;
  border: 1px solid #c5c2c2;
  padding: 11px 19px;
}
.cl-container.box2 .flag.flag-gray {
  border-radius: 9999px;
  background-color: #e6e2e2;
  color: #5b5353;
  font-weight: 500;
  padding: 0 11px;
}
.cl-container.box2 .cl-output.tit {
  font-weight: 400;
}
.cl-container.box2 .cl-output.tit .cl-text {
  line-height: 21px;
}
.cl-container.box2 .cl-output.number {
  color: #9b2e2d;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.32px;
  text-align: right;
}
.cl-container.box2 .cl-output.number .cl-text {
  line-height: 20px;
}
.cl-container.box2 .cl-output.number span {
  color: #555555;
  display: inline-block;
  font-size: 14px;
  letter-spacing: -0.28px;
  padding: 0 0 0 4px;
}
.cl-container.box3 {
  background-image: linear-gradient(180deg, #827a7a 0%, #6b5f5f 100%);
  padding: 20px;
}
.cl-container.box3:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.12;
  background: url("images/com/screen/box_bg.svg");
}
.cl-container.box3 .cl-button.btn-i-prev {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  margin-right: 8px;
}
.cl-container.box3 .cl-button.btn-i-prev:not(.cl-disabled):hover,
.cl-container.box3 .cl-button.btn-i-prev:focus,
.cl-container.box3 .cl-button.btn-i-prev.cl-focus,
.cl-container.box3 .cl-button.btn-i-prev:not(.cl-disabled).cl-activated,
.cl-container.box3 .cl-button.btn-i-prev:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.cl-container.box3 .cl-button.btn-i-prev .cl-icon {
  background-image: url("images/com/screen/ic_btn_prev_w.svg") !important;
}
.cl-container.box3 .cl-output.tit.cl-output-h4 {
  background-image: none;
  color: #ffffff;
  padding: 0;
}
.cl-container.box3 .cl-output.tit.cl-output-h4.tit-i-search {
  background-image: url("images/com/screen/ic_btn_search_w.svg");
  background-size: 20px 21px;
  padding: 0 0 0 24px;
}
.cl-container.box3 .cl-container.form-control .cl-inputbox {
  border: none;
}
.cl-container.box3 .cl-container.form-control .cl-inputbox .cl-text {
  padding: 0 12px;
}
.cl-container.box3 .cl-container.form-control .cl-button.btn-search {
  background-color: #454242;
  border-color: #454242;
  color: #ffffff;
}
.cl-container.box3 .cl-container.form-control .cl-button.btn-search:not(.cl-disabled):hover,
.cl-container.box3 .cl-container.form-control .cl-button.btn-search:focus,
.cl-container.box3 .cl-container.form-control .cl-button.btn-search.cl-focus,
.cl-container.box3 .cl-container.form-control .cl-button.btn-search:not(.cl-disabled).cl-activated,
.cl-container.box3 .cl-container.form-control .cl-button.btn-search:not(.cl-disabled):active {
  background-color: #454242;
  border-color: #454242;
  color: #ffffff;
}
/************************************************
 * 빠른업무 영역
 * → 전자행정/지자체
 ************************************************/
.cl-container.quick-box .cl-button .cl-icon {
  background-size: contain;
}
.cl-container.quick-box .cl-button.quicktask-1,
.cl-container.quick-box .cl-button.quicktask-2,
.cl-container.quick-box .cl-button.quicktask-3 {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  color: #1a1a1a;
}
.cl-container.quick-box .cl-button.quicktask-1 .cl-icon,
.cl-container.quick-box .cl-button.quicktask-2 .cl-icon,
.cl-container.quick-box .cl-button.quicktask-3 .cl-icon {
  margin-right: 8px;
  width: 28px;
  height: 28px;
}
.cl-container.quick-box .cl-button.quicktask-1 {
  background-color: #f4f4f4;
  background-image: url("images/com/screen/banner_07.png");
}
.cl-container.quick-box .cl-button.quicktask-2 {
  background: #e6f9e7;
}
.cl-container.quick-box .cl-button.quicktask-2 .cl-icon {
  background-image: url("images/com/screen/ic_btn_sms.svg") !important;
}
.cl-container.quick-box .cl-button.quicktask-3 {
  background-color: #e8effd;
}
.cl-container.quick-box .cl-button.quicktask-3 .cl-icon {
  background-image: url("images/com/screen/ic_btn_it.svg") !important;
}
.cl-container.quick-box .cl-button.quickmenu-1,
.cl-container.quick-box .cl-button.quickmenu-2,
.cl-container.quick-box .cl-button.quickmenu-3 {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  font-size: 16px;
  letter-spacing: -0.32px;
}
.cl-container.quick-box .cl-button.quickmenu-1:not(.cl-disabled):hover,
.cl-container.quick-box .cl-button.quickmenu-2:not(.cl-disabled):hover,
.cl-container.quick-box .cl-button.quickmenu-3:not(.cl-disabled):hover,
.cl-container.quick-box .cl-button.quickmenu-1:focus,
.cl-container.quick-box .cl-button.quickmenu-2:focus,
.cl-container.quick-box .cl-button.quickmenu-3:focus,
.cl-container.quick-box .cl-button.quickmenu-1.cl-focus,
.cl-container.quick-box .cl-button.quickmenu-2.cl-focus,
.cl-container.quick-box .cl-button.quickmenu-3.cl-focus,
.cl-container.quick-box .cl-button.quickmenu-1:not(.cl-disabled).cl-activated,
.cl-container.quick-box .cl-button.quickmenu-2:not(.cl-disabled).cl-activated,
.cl-container.quick-box .cl-button.quickmenu-3:not(.cl-disabled).cl-activated,
.cl-container.quick-box .cl-button.quickmenu-1:not(.cl-disabled):active,
.cl-container.quick-box .cl-button.quickmenu-2:not(.cl-disabled):active,
.cl-container.quick-box .cl-button.quickmenu-3:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.cl-container.quick-box .cl-button.quickmenu-1 .cl-icon,
.cl-container.quick-box .cl-button.quickmenu-2 .cl-icon,
.cl-container.quick-box .cl-button.quickmenu-3 .cl-icon {
  margin-bottom: 8px;
  width: 40px;
  height: 40px;
}
.cl-container.quick-box .cl-button.quickmenu-1 .cl-icon {
  background-image: url("images/com/screen/ic_btn_gis.svg") !important;
}
.cl-container.quick-box .cl-button.quickmenu-2 .cl-icon {
  background-image: url("images/com/screen/ic_btn_support.svg") !important;
}
.cl-container.quick-box .cl-button.quickmenu-3 .cl-icon {
  background-image: url("images/com/screen/ic_btn_system.svg") !important;
}
/************************************************
 * 배너 영역
 * →
 ************************************************/
.cl-container.banner-box {
  border-top: 1px solid #eeeeee;
  padding: 11px 32px 12px 32px;
}
.cl-container.banner-box .label {
  background-color: #eeeeee;
  color: #222222;
  font-weight: 500;
  letter-spacing: -0.28px;
  padding: 8px;
  text-align: center;
}
.cl-container.banner-box .cl-button.banner {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  background-size: contain;
}
.cl-container.banner-box .cl-button.banner:not(.cl-disabled):hover,
.cl-container.banner-box .cl-button.banner:focus,
.cl-container.banner-box .cl-button.banner.cl-focus,
.cl-container.banner-box .cl-button.banner:not(.cl-disabled).cl-activated,
.cl-container.banner-box .cl-button.banner:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.cl-container.banner-box .cl-button.banner.banner-01 {
  background-image: url("images/com/screen/banner_01.png");
}
.cl-container.banner-box .cl-button.banner.banner-02 {
  background-image: url("images/com/screen/banner_02.png");
}
.cl-container.banner-box .cl-button.banner.banner-03 {
  background-image: url("images/com/screen/banner_03.png");
}
.cl-container.banner-box .cl-button.banner.banner-04 {
  background-image: url("images/com/screen/banner_04.jpg");
}
.cl-container.banner-box .cl-button.banner.banner-05 {
  background-image: url("images/com/screen/banner_05.png");
}
/************************************************
 * 세계 유산
 * →
 ************************************************/
/* 세계유산 관련 스타일 */
.cl-container.heritage-button-group {
  margin-top: -1px;
}
.cl-container.heritage-button-group .cl-button {
  background-color: #f4f4f4;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}
.cl-container.heritage-button-group .cl-button .cl-text:after {
  content: "";
  position: relative;
  display: inline-block;
  top: calc(50% - 5px);
  width: 5px;
  height: 10px;
  background: url("images/com/screen/ic_btn_right.svg") no-repeat center/contain;
  margin: 0 0 0 4px;
}
.cl-container.heritage-button-group .cl-button + .cl-button {
  border-left: none;
}
.cl-container.heritage-button-group .cl-button.btn-i-info .cl-icon {
  background-image: url("images/com/screen/ic_btn_info.svg") !important;
}
.cl-container.heritage-button-group .cl-button.btn-i-gis .cl-icon {
  background-image: url("images/com/screen/ic_btn_position.svg") !important;
}
/************************************************
 * 마이페이지/알림/즐겨찾기
 * →
 ************************************************/
.cl-container.card-box {
  background-color: #eeeeee;
  padding: 20px;
  /* 타이틀 공통 */
  /* 사용자 메뉴 박스 */
  /* 스위치 스타일 */
  /* 알림 아이템 스타일 */
  /* 즐겨찾기 스타일 */
  /* 데이터없음 */
}
.cl-container.card-box .tit.cl-output-h4 {
  background-image: none;
  padding: 0;
}
.cl-container.card-box .tit.cl-output-h4 span.table-row-count {
  position: relative;
  top: -1px;
  color: #9b2e2d;
  font-weight: 700;
  font-size: 14px;
  margin: 0 0 0 4px;
}
.cl-container.card-box .tit.cl-output-h6 {
  font-weight: 700;
}
.cl-container.card-box .cl-container.user-box .cl-formlayout-horizontal-separator {
  background-color: #eeeeee;
}
.cl-container.card-box .cl-container.user-box .cl-button {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  background: url("images/com/screen/ic_arrow_right.svg") no-repeat calc(100% - 8px) center;
  color: #1a1a1a;
  padding: 0 8px 0 8px;
  text-align: left;
}
.cl-container.card-box .cl-container.user-box .cl-button:not(.cl-disabled):hover,
.cl-container.card-box .cl-container.user-box .cl-button:focus,
.cl-container.card-box .cl-container.user-box .cl-button.cl-focus,
.cl-container.card-box .cl-container.user-box .cl-button:not(.cl-disabled).cl-activated,
.cl-container.card-box .cl-container.user-box .cl-button:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.cl-container.card-box .cl-container.user-box .cl-button .cl-icon {
  margin-right: 4px;
}
.cl-container.card-box .cl-container.user-box .cl-button.account .cl-icon {
  background-image: url("images/com/screen/ic_btn_account.svg") !important;
}
.cl-container.card-box .cl-container.user-box .cl-button.fav .cl-icon {
  background-image: url("images/com/screen/ic_btn_fav.svg") !important;
}
.cl-container.card-box .cl-container.user-box .cl-button.auth .cl-icon {
  background-image: url("images/com/screen/ic_btn_list.svg") !important;
}
.cl-container.card-box .cl-radiobutton.switch .cl-radiobutton-item {
  border: 1px solid #e2e2e2;
  border-radius: 9999px;
  background-color: #ffffff;
  color: #333333;
}
.cl-container.card-box .cl-radiobutton.switch .cl-radiobutton-item .cl-text {
  padding: 2.5px 11px;
}
.cl-container.card-box .cl-radiobutton.switch .cl-radiobutton-item .cl-text span {
  color: #555555;
  font-weight: 700;
  margin: 0 0 0 4px;
}
.cl-container.card-box .cl-radiobutton.switch .cl-radiobutton-item .cl-text span.not-read {
  color: #9b2e2d;
}
.cl-container.card-box .cl-radiobutton.switch .cl-radiobutton-item.cl-selected {
  border-color: #5b5353;
  background-color: #5b5353;
  color: #ffffff;
}
.cl-container.card-box .cl-radiobutton.switch .cl-radiobutton-item.cl-selected .cl-text span {
  color: #ffffff;
}
.cl-container.card-box .cl-container.box-list .cl-container.notification-item {
  border-bottom: 1px solid #eeeeee;
  padding: 8px 0 8px 0;
}
.cl-container.card-box .cl-container.box-list .cl-container.notification-item.cl-first-row {
  padding-top: 0;
}
.cl-container.card-box .cl-container.box-list .cl-container.notification-item.cl-last-row {
  border-bottom: none;
  padding-bottom: 0;
}
.cl-container.card-box .cl-container.box-list .cl-container.notification-item .cl-output.date {
  font-size: 12px;
}
.cl-container.card-box .cl-container.box-list .cl-container.notification-item .cl-output.date span.state:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 9999px;
  margin: 0 4px 0 0;
  transform: translateY(-100%);
}
.cl-container.card-box .cl-container.box-list .cl-container.notification-item .cl-output.date span.state:after {
  content: "";
  position: relative;
  display: inline-block;
  top: 1px;
  width: 1px;
  height: 10px;
  background-color: #b3b3b3;
  margin: auto 8px;
}
.cl-container.card-box .cl-container.box-list .cl-container.notification-item .cl-output.date span.state.state-delay {
  color: #bb213e;
}
.cl-container.card-box .cl-container.box-list .cl-container.notification-item .cl-output.date span.state.state-delay:before {
  background-color: #e53b4c;
}
.cl-container.card-box .cl-container.box-list .cl-container.notification-item .cl-output.date span.state.state-approval {
  color: #146bbf;
}
.cl-container.card-box .cl-container.box-list .cl-container.notification-item .cl-output.date span.state.state-approval:before {
  background-color: #0097ef;
}
.cl-container.card-box .cl-container.box-list .cl-container.notification-item .cl-button {
  color: #333333;
  font-size: 14px;
}
.cl-container.card-box .cl-container.box-list .cl-container.notification-item .cl-button:not(.cl-disabled):hover,
.cl-container.card-box .cl-container.box-list .cl-container.notification-item .cl-button:focus,
.cl-container.card-box .cl-container.box-list .cl-container.notification-item .cl-button.cl-focus,
.cl-container.card-box .cl-container.box-list .cl-container.notification-item .cl-button:not(.cl-disabled).cl-activated,
.cl-container.card-box .cl-container.box-list .cl-container.notification-item .cl-button:not(.cl-disabled):active {
  color: #333333;
  text-decoration: underline;
}
.cl-container.card-box .cl-container.box-list .cl-container.notification-item .cl-button.btn-i-more .cl-icon {
  background-image: url("images/com/screen/ic_btn_more_vert.svg") !important;
}
.cl-container.card-box .cl-container.box-list .cl-container.notification-item.cl-readonly .cl-control {
  color: #9a9a9a;
}
.cl-container.card-box .cl-grid.table-fav {
  border: none;
}
.cl-container.card-box .cl-grid.table-fav .cl-grid-detail .cl-grid-row.cl-selected {
  background-color: #e1f4ff;
}
.cl-container.card-box .cl-grid.table-fav .cl-grid-cell {
  border: none;
}
.cl-container.card-box .cl-grid.table-fav .cl-grid-cell .cl-control {
  padding: 0;
}
.cl-container.card-box .cl-grid.table-fav .cl-grid-cell .cl-control.cl-output:not(.text-right):not(.text-left) {
  text-align: left;
}
.cl-container.card-box .cl-grid.table-fav .cl-grid-cell .cl-button.btn-i-more .cl-icon {
  background-image: url("images/com/screen/ic_btn_more_vert.svg") !important;
}
.cl-container.card-box .cl-grid.table-fav .cl-grid-cell .cl-output.menu {
  color: #333333;
  font-weight: 500;
  padding: 8px;
  text-align: left;
}
.cl-container.card-box .cl-grid.table-fav .cl-grid-cell .cl-output.menu span {
  display: block;
  color: #717171;
  font-weight: 400;
  font-size: 12px;
}
.cl-container.card-box .cl-container.nodata {
  margin: 4px 0 0 0;
  min-height: 200px;
}
.cl-container.card-box .cl-container.nodata .cl-output {
  color: #333333;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.32px;
  text-align: center;
}
.cl-container.card-box .cl-container.nodata .cl-output .cl-text {
  line-height: 1.25;
}
.cl-container.card-box .cl-container.nodata .cl-output.no-notification {
  background: url("images/com/screen/ic_noti_off.svg") no-repeat center top;
  padding: 32px 0 0 0;
}
.cl-container.card-box .cl-container.nodata .cl-output.no-fav + .cl-output {
  color: #717171;
  font-weight: 400;
  font-size: 13px;
}
.cl-container.card-box .cl-container.nodata .cl-output.no-fav + .cl-output span {
  position: relative;
  display: inline-block;
  top: -1px;
  width: 20px;
  height: 20px;
  background: url("images/com/screen/ic_btn_fav.svg") no-repeat center;
  vertical-align: middle;
}
.cl-menu.dropdown-menu {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.24);
  border-radius: 4px;
}
.cl-menu.dropdown-menu .cl-menu-list {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: inherit;
  padding: 4px 0;
}
.cl-menu.dropdown-menu .cl-menu-list .cl-menu-item {
  font-size: 12px;
  padding: 6px;
}
.cl-menu.dropdown-menu .cl-menu-list .cl-menu-item .cl-icon,
.cl-menu.dropdown-menu .cl-menu-list .cl-menu-item .cl-menu-arrow {
  display: none !important;
}
/************************************************
 * 회원 유형 선택 및 기관 종류 선택
 * →
 ************************************************/
.cl-container.member-wrap .cl-output.tit {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.48px;
  text-align: center;
}
.cl-container.member-wrap .cl-output.tit .cl-text {
  line-height: 1.25;
}
.cl-container.member-wrap .cl-container.box {
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
  padding: 11px 19px;
}
.cl-container.member-wrap .cl-container.box .cl-output.member-tit {
  background-position: center top;
  color: #1a1a1a;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.4px;
  padding-top: 56px;
  text-align: center;
}
.cl-container.member-wrap .cl-container.box .cl-output.member-tit .cl-text {
  line-height: 1.25;
}
.cl-container.member-wrap .cl-container.box .cl-output.member-tit.member-1 {
  background-image: url("images/com/main_p/ic_member_01.svg");
}
.cl-container.member-wrap .cl-container.box .cl-output.member-tit.member-2 {
  background-image: url("images/com/main_p/ic_member_02.svg");
}
.cl-container.member-wrap .cl-container.box .cl-output.member-tit.member-3 {
  background-image: url("images/com/main_p/ic_member_03.svg");
}
.cl-container.member-wrap .cl-container.box .cl-output.member-tit.member-4 {
  background-image: url("images/com/main_p/ic_member_04.svg");
}
.cl-container.member-wrap .cl-container.box .cl-button.btn-select {
  background-color: #f4f4f4;
  background-image: url("images/com/main_p/ic_member_check.svg");
  background-position: 20px center;
  border: none;
  border-radius: 9999px;
  color: #1a1a1a;
  letter-spacing: -0.28px;
  padding: 0 20px 0 42px;
}
.cl-container.member-wrap .cl-container.box .cl-button.btn-select .cl-text {
  line-height: 1.25 !important;
}
.cl-container.member-wrap .cl-container.box .cl-button.btn-select:not(.cl-disabled):hover,
.cl-container.member-wrap .cl-container.box .cl-button.btn-select:focus,
.cl-container.member-wrap .cl-container.box .cl-button.btn-select.cl-focus,
.cl-container.member-wrap .cl-container.box .cl-button.btn-select:not(.cl-disabled).cl-activated,
.cl-container.member-wrap .cl-container.box .cl-button.btn-select:not(.cl-disabled):active {
  background-color: #555555;
  background-image: url("images/com/main_p/ic_member_check_on.svg");
  color: #ffffff;
}
/************************************************
 * 본인인증화면
 * →
 ************************************************/
.cl-container.certi-wrap .cl-output.tit {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.48px;
  text-align: center;
}
.cl-container.certi-wrap .cl-output.tit .cl-text {
  line-height: 1.25;
}
.cl-container.certi-wrap .cl-container.box {
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
  padding: 11px 19px;
}
.cl-container.certi-wrap .cl-container.box .cl-output.certi-tit {
  background-position: center bottom;
  color: #1a1a1a;
  font-weight: 700;
  font-size: 28px;
  letter-spacing: -0.4px;
  text-align: center;
}
.cl-container.certi-wrap .cl-container.box .cl-output.certi-tit .cl-text {
  line-height: 1.25;
}
.cl-container.certi-wrap .cl-container.box .cl-output.certi-tit.certi-1 {
  background-image: url("images/com/main_p/ic_certi_01.svg");
}
.cl-container.certi-wrap .cl-container.box .cl-output.certi-tit.certi-2 {
  background-image: url("images/com/main_p/ic_certi_02.svg");
}
.cl-container.certi-wrap .cl-container.box .cl-output.certi-txt {
  padding: 10px 0 20px 0;
  text-align: center;
}
.cl-container.certi-wrap .cl-container.box .cl-button.btn-select {
  background-color: #3D4F9C;
  border: none;
  border-radius: 4px;
  color: #ffffff;
  letter-spacing: -0.28px;
  padding: 0 25px;
  font-size: 16px;
}
.cl-container.certi-wrap .cl-container.box .cl-button.btn-select .cl-text {
  line-height: 1.25 !important;
}
/************************************************
 * 커스텀 스타일 시트
 ************************************************/
/************************************************
 * 버튼 공통 유틸
 * → 텍스트없이 아이콘만 제공되는 경우
 ************************************************/
.cl-button.btn-i-only {
  padding: 0px 5px;
}
.cl-button.btn-i-only .cl-icon {
  margin: 0;
}
/************************************************
 * 아이콘 버튼 유틸
 * → 버튼 크기에 따른 클래스
 *   (SM = 24px / LG = 40px)
 ************************************************/
.cl-button.btn-sm {
  font-weight: 400;
  font-size: 12px;
  padding: 0 5px;
}
.cl-button.btn-sm .cl-icon {
  width: 16px;
  height: 16px;
}
.cl-button.btn-lg {
  font-size: 16px;
  padding: 0 23px;
}
.cl-button.btn-lg.cl-icon-align-top .cl-icon {
  margin: 0 0 4px 0;
}
.cl-button.btn-lg.cl-icon-align-bottom .cl-icon {
  margin: 4px 0 0 0;
}
.cl-button.btn-lg.cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px;
}
.cl-button.btn-lg.cl-icon-align-left .cl-icon {
  margin: 0 4px 0 0;
}
/************************************************
 * 투명 버튼
 * → 버튼에 배경색 및 테두리 색상을 적용하지 않는 경우
 *   (믹스인 함수로 사용 가능)
 ************************************************/
.btn-transparent {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
}
.btn-transparent:not(.cl-disabled):hover,
.btn-transparent:focus,
.btn-transparent.cl-focus,
.btn-transparent:not(.cl-disabled).cl-activated,
.btn-transparent:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
/************************************************
 * 기본 버튼
 * → 일반 버튼 (컨트롤 버튼)
 * → 이벤트 버튼
 * → 컨펌 버튼
 ************************************************/
.cl-button.btn-primary-01 {
  /* 컨펌 버튼 -- 솔리드 */
  background-color: #3d4f9c;
  border-color: #3d4f9c;
  color: #ffffff;
}
.cl-button.btn-primary-01:not(.cl-disabled):hover {
  background-color: #29397d;
  border-color: #29397d;
  color: #ffffff;
}
.cl-button.btn-primary-01:focus,
.cl-button.btn-primary-01.cl-focus {
  background-color: #29397d;
  border-color: #29397d;
  color: #ffffff;
}
.cl-button.btn-primary-01:not(.cl-disabled).cl-activated,
.cl-button.btn-primary-01:not(.cl-disabled):active {
  background-color: #29397d;
  border-color: #29397d;
  color: #ffffff;
}
.cl-button.btn-primary-01.cl-disabled {
  background-color: #d6d6d6;
  border-color: #d6d6d6;
  color: #ffffff;
}
.cl-button.btn-primary-02 {
  /* 컨펌 버튼 -- 라인 */
  background-color: #ffffff;
  border-color: #29397d;
  color: #29397d;
}
.cl-button.btn-primary-02:not(.cl-disabled):hover {
  background-color: #e8eaf3;
  border-color: #29397d;
  color: #29397d;
}
.cl-button.btn-primary-02:focus,
.cl-button.btn-primary-02.cl-focus {
  background-color: #e8eaf3;
  border-color: #29397d;
  color: #29397d;
}
.cl-button.btn-primary-02:not(.cl-disabled).cl-activated,
.cl-button.btn-primary-02:not(.cl-disabled):active {
  background-color: #e8eaf3;
  border-color: #29397d;
  color: #29397d;
}
.cl-button.btn-primary-02.cl-disabled {
  background-color: #f4f4f4;
  border-color: #d6d6d6;
  color: #9a9a9a;
}
.cl-button.btn-secondary-01 {
  /* 이벤트 버튼 */
  background-color: #ffffff;
  border-color: #827a7a;
  color: #454242;
}
.cl-button.btn-secondary-01:not(.cl-disabled):hover {
  background-color: #f4f4f4;
  border-color: #827a7a;
  color: #333333;
}
.cl-button.btn-secondary-01:focus,
.cl-button.btn-secondary-01.cl-focus {
  background-color: #f4f4f4;
  border-color: #827a7a;
  color: #333333;
}
.cl-button.btn-secondary-01:not(.cl-disabled).cl-activated,
.cl-button.btn-secondary-01:not(.cl-disabled):active {
  background-color: #f4f4f4;
  border-color: #827a7a;
  color: #333333;
}
.cl-button.btn-secondary-01.cl-disabled {
  background-color: #f4f4f4;
  border-color: #d6d6d6;
  color: #9a9a9a;
}
.cl-button.btn-secondary-02 {
  /* 컨트롤 버튼 */
  background-color: #ffffff;
  border-color: #b3b3b3;
  color: #454242;
}
.cl-button.btn-secondary-02:not(.cl-disabled):hover {
  background-color: #f4f4f4;
  border-color: #b3b3b3;
  color: #333333;
}
.cl-button.btn-secondary-02:focus,
.cl-button.btn-secondary-02.cl-focus {
  background-color: #f4f4f4;
  border-color: #b3b3b3;
  color: #333333;
}
.cl-button.btn-secondary-02:not(.cl-disabled).cl-activated,
.cl-button.btn-secondary-02:not(.cl-disabled):active {
  background-color: #f4f4f4;
  border-color: #b3b3b3;
  color: #333333;
}
.cl-button.btn-secondary-02.cl-disabled {
  background-color: #f4f4f4;
  border-color: #d6d6d6;
  color: #9a9a9a;
}
/************************************************
 * 기능 버튼
 * → 조회 버튼
 * → 도움말 버튼
 * → 더보기 버튼
 * → 텍스트 버튼
 ************************************************/
.cl-button.btn-search {
  background-color: #454242;
  border-color: #454242;
  color: #ffffff;
}
.cl-button.btn-search:not(.cl-disabled):hover {
  background-color: #333030;
  border-color: #333030;
  color: #ffffff;
}
.cl-button.btn-search:focus,
.cl-button.btn-search.cl-focus {
  background-color: #333030;
  border-color: #333030;
  color: #ffffff;
}
.cl-button.btn-search:not(.cl-disabled).cl-activated,
.cl-button.btn-search:not(.cl-disabled):active {
  background-color: #333030;
  border-color: #333030;
  color: #ffffff;
}
.cl-button.btn-search.cl-disabled {
  background-color: #f4f4f4;
  border-color: #d6d6d6;
  color: #9a9a9a;
}
.cl-button.btn-help {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  border-radius: 9999px;
  min-width: 20px;
  min-height: 20px;
}
.cl-button.btn-help:not(.cl-disabled):hover,
.cl-button.btn-help:focus,
.cl-button.btn-help.cl-focus,
.cl-button.btn-help:not(.cl-disabled).cl-activated,
.cl-button.btn-help:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.cl-button.btn-more {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  border-radius: 9999px;
  min-width: 20px;
  min-height: 20px;
}
.cl-button.btn-more:not(.cl-disabled):hover,
.cl-button.btn-more:focus,
.cl-button.btn-more.cl-focus,
.cl-button.btn-more:not(.cl-disabled).cl-activated,
.cl-button.btn-more:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.cl-button.btn-more.cl-grid-ctrl-inherit {
  color: #555555;
  text-align: left;
}
.cl-button.btn-more.cl-grid-ctrl-inherit .cl-text {
  text-decoration: underline;
}
.cl-button.btn-more.cl-grid-ctrl-inherit.cl-icon-align-left .cl-icon {
  margin: 0 4px 0 0;
}
.cl-button.btn-more.cl-grid-ctrl-inherit.cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px;
}
.cl-button.btn-txt {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  color: #717171;
  font-weight: 400;
  font-size: 13px;
}
.cl-button.btn-txt:not(.cl-disabled):hover,
.cl-button.btn-txt:focus,
.cl-button.btn-txt.cl-focus,
.cl-button.btn-txt:not(.cl-disabled).cl-activated,
.cl-button.btn-txt:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
  color: #717171;
}
/************************************************
 * 아이콘 버튼
 * → 일반 버튼과 조합하여 사용
 * → 반드시 버튼의 icon 속성에 "ic_btn_blank.svg" 설정
 ************************************************/
.cl-button.btn-i-print {
  /* 출력 버튼 */
}
.cl-button.btn-i-print .cl-icon {
  background-image: url("images/controls/button/ic_btn_print.svg") !important;
}
.cl-button.btn-i-print.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_print_off.svg") !important;
}
.cl-button.btn-i-remove {
  /* 삭제 버튼 */
}
.cl-button.btn-i-remove .cl-icon {
  background-image: url("images/controls/button/ic_btn_trash.svg") !important;
}
.cl-button.btn-i-remove.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_trash_off.svg") !important;
}
.cl-button.btn-i-download {
  /* 다운로드 버튼 */
}
.cl-button.btn-i-download .cl-icon {
  background-image: url("images/controls/button/ic_btn_download.svg") !important;
}
.cl-button.btn-i-download.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_download_off.svg") !important;
}
.cl-button.btn-i-excel {
  /* 엑셀 버튼 */
}
.cl-button.btn-i-excel .cl-icon {
  background-image: url("images/controls/button/ic_btn_excel.svg") !important;
}
.cl-button.btn-i-excel.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_excel_off.svg") !important;
}
.cl-button.btn-i-revert {
  /* 행취소 버튼 */
}
.cl-button.btn-i-revert .cl-icon {
  background-image: url("images/controls/button/ic_btn_revert.svg") !important;
}
.cl-button.btn-i-revert.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_revert_off.svg") !important;
}
.cl-button.btn-i-insert {
  /* 행추가 버튼 */
}
.cl-button.btn-i-insert .cl-icon {
  background-image: url("images/controls/button/ic_btn_insert.svg") !important;
}
.cl-button.btn-i-insert.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_insert_off.svg") !important;
}
.cl-button.btn-i-delete {
  /* 행삭제 버튼 */
}
.cl-button.btn-i-delete .cl-icon {
  background-image: url("images/controls/button/ic_btn_delete.svg") !important;
}
.cl-button.btn-i-delete.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_delete_off.svg") !important;
}
.cl-button.btn-i-add {
  /* 추가 버튼 (폼) -- btn-primary-02 와 사용 */
}
.cl-button.btn-i-add .cl-icon {
  background-image: url("images/controls/button/ic_btn_add.svg") !important;
  width: 12px;
  height: 12px;
}
.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-help {
  /* 도움말 버튼 */
}
.cl-button.btn-i-help .cl-icon {
  background-image: url("images/controls/notifier/ic_help.svg") !important;
}
.cl-button.btn-i-search {
  /* 검색 버튼 -- btn-search 버튼과 함께 사용 */
}
.cl-button.btn-i-search .cl-icon {
  background-image: url("images/controls/button/ic_btn_search.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-calender-prev .cl-icon {
  background-image: url("images/controls/button/ic_btn_calender_prev.svg") !important;
}
.cl-button.btn-i-calender-next .cl-icon {
  background-image: url("images/controls/button/ic_btn_calender_next.svg") !important;
}
.cl-button.btn-i-calender-first .cl-icon {
  background-image: url("images/controls/button/ic_btn_calender_first.svg") !important;
}
.cl-button.btn-i-calender-last .cl-icon {
  background-image: url("images/controls/button/ic_btn_calender_last.svg") !important;
}
.cl-button.btn-i-to-right .cl-icon {
  background-image: url("images/controls/button/ic_btn_toright.svg") !important;
}
.cl-button.btn-i-to-left .cl-icon {
  background-image: url("images/controls/button/ic_btn_toleft.svg") !important;
}
.cl-button.btn-i-more .cl-icon {
  background-image: url("images/controls/button/ic_btn_more.svg") !important;
}
.cl-button.btn-i-edit .cl-icon {
  background-image: url("images/controls/button/ic_btn_edit.svg") !important;
}
.cl-button.btn-i-memo .cl-icon {
  background-image: url("images/controls/button/ic_btn_memo.svg") !important;
}
.cl-button.btn-i-row-up .cl-icon {
  background-image: url("images/controls/button/ic_btn_row_up.svg") !important;
}
.cl-button.btn-i-row-down .cl-icon {
  background-image: url("images/controls/button/ic_btn_row_down.svg") !important;
}
.cl-button.btn-i-calender .cl-icon {
  background-image: url("images/controls/button/ic_btn_calender.svg") !important;
}
/************************************************
 * 파일 버튼
 * → 확장자별 파일 버튼
 ************************************************/
.cl-button.btn-i-file .cl-icon,
.cl-button.btn-i-file-hwp .cl-icon,
.cl-button.btn-i-file-pdf .cl-icon,
.cl-button.btn-i-file-ppt .cl-icon,
.cl-button.btn-i-file-xls .cl-icon,
.cl-button.btn-i-file-zip .cl-icon,
.cl-button.btn-i-file-img .cl-icon,
.cl-button.btn-i-file-cad .cl-icon,
.cl-button.btn-i-file-download .cl-icon {
  background-size: 20px;
}
.cl-button.btn-i-file.cl-grid-ctrl-inherit:has(.cl-text:empty) .cl-icon,
.cl-button.btn-i-file-hwp.cl-grid-ctrl-inherit:has(.cl-text:empty) .cl-icon,
.cl-button.btn-i-file-pdf.cl-grid-ctrl-inherit:has(.cl-text:empty) .cl-icon,
.cl-button.btn-i-file-ppt.cl-grid-ctrl-inherit:has(.cl-text:empty) .cl-icon,
.cl-button.btn-i-file-xls.cl-grid-ctrl-inherit:has(.cl-text:empty) .cl-icon,
.cl-button.btn-i-file-zip.cl-grid-ctrl-inherit:has(.cl-text:empty) .cl-icon,
.cl-button.btn-i-file-img.cl-grid-ctrl-inherit:has(.cl-text:empty) .cl-icon,
.cl-button.btn-i-file-cad.cl-grid-ctrl-inherit:has(.cl-text:empty) .cl-icon,
.cl-button.btn-i-file-download.cl-grid-ctrl-inherit:has(.cl-text:empty) .cl-icon {
  margin: 0;
}
.cl-button.btn-i-file .cl-icon {
  background-image: url("images/controls/fileupload/ic_file.svg") !important;
}
.cl-button.btn-i-file-hwp .cl-icon {
  background-image: url("images/controls/fileupload/ic_file_hwp.svg") !important;
}
.cl-button.btn-i-file-pdf .cl-icon {
  background-image: url("images/controls/fileupload/ic_file_pdf.svg") !important;
}
.cl-button.btn-i-file-ppt .cl-icon {
  background-image: url("images/controls/fileupload/ic_file_ppt.svg") !important;
}
.cl-button.btn-i-file-xls .cl-icon {
  background-image: url("images/controls/fileupload/ic_file_xls.svg") !important;
}
.cl-button.btn-i-file-zip .cl-icon {
  background-image: url("images/controls/fileupload/ic_file_zip.svg") !important;
}
.cl-button.btn-i-file-img .cl-icon {
  background-image: url("images/controls/fileupload/ic_file_img.svg") !important;
}
.cl-button.btn-i-file-cad .cl-icon {
  background-image: url("images/controls/fileupload/ic_file_cad.svg") !important;
}
.cl-button.btn-i-file-download .cl-icon {
  background-image: url("images/controls/fileupload/ic_file_download.svg") !important;
  background-size: auto;
  width: 22px;
}
/************************************************
 * 셔틀 버튼 그룹
 * →
 ************************************************/
.cl-container.shuttle-button-group .cl-button.btn-i-only {
  padding: 2px 3px;
}
/************************************************
 * 카드
 * → 일반 카드
 ************************************************/
.cl-container.card {
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  padding: 19px 19px;
}
/************************************************
 * 개인정보 제공 동의 카드
 * → 
 ************************************************/
.cl-container.terms-box {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}
.cl-container.terms-box .cl-container.terms-header {
  background-color: #f4f4f4;
  border-bottom: 1px solid #e2e2e2;
  padding: 11px;
}
.cl-container.terms-box .cl-container.terms-header .label {
  color: #333333;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.28px;
}
.cl-container.terms-box .cl-container.terms-header .label .cl-text {
  line-height: 1.2;
}
.cl-container.terms-box .cl-container.terms-body > .cl-layout > .cl-layout-content {
  padding: 0 15px !important;
}
.cl-container.terms-box .cl-container.terms-body > .cl-layout > .cl-layout-content > .cl-layout-margin-top,
.cl-container.terms-box .cl-container.terms-body > .cl-layout > .cl-layout-content > .cl-layout-margin-bottom {
  height: 15px !important;
}
.cl-container.terms-box .cl-container.terms-body .cl-htmlsnippet {
  color: #555555;
}
.cl-container.terms-box .cl-container.terms-body .cl-htmlsnippet ul {
  line-height: 1.5;
}
.cl-container.terms-box .cl-container.terms-body .cl-htmlsnippet ul li {
  padding: 0 0 0 10px;
  word-break: break-word;
  white-space: pre-wrap;
  text-indent: -4px;
}
.cl-container.terms-box .cl-container.terms-body .cl-htmlsnippet ul li:before {
  content: "";
  position: relative;
  display: inline-block;
  top: -4px;
  left: -6px;
  width: 4px;
  height: 4px;
  background: #b3b3b3;
  border-radius: 9999px;
}
.cl-container.terms-box .cl-container.terms-body .cl-htmlsnippet ul li + li {
  margin-top: 4px;
}
.cl-container.terms-box .cl-container.terms-footer {
  border-top: 1px solid #e2e2e2;
  padding: 8.5px 23px 9.5px 23px;
}
.cl-container.terms-box .cl-container.terms-footer .cl-checkbox {
  color: #555555;
}
/************************************************
 * 안내 및 지시문
 * → 문구는 일반 아웃풋 또는 .dot-txt 적용된 아웃풋 사용
 ************************************************/
.cl-container.indicator-box {
  background: #e1f4ff url("images/controls/notifier/ic_info.svg") no-repeat 16px 12.5px;
  background-size: 20px;
  padding: 12px 16px 12px 48px;
  /* 배리에이션 */
}
.cl-container.indicator-box .cl-output {
  color: #333333;
}
.cl-container.indicator-box.success {
  background-color: #d9fbd2;
  background-image: url("images/controls/notifier/ic_success.svg");
}
.cl-container.indicator-box.warning {
  background-color: #fdf4c7;
  background-image: url("images/controls/notifier/ic_warning.svg");
}
.cl-container.indicator-box.danger {
  background-color: #ffe9e6;
  background-image: url("images/controls/notifier/ic_danger.svg");
}
.cl-container.indicator-box.danger .cl-control {
  color: #bb213e !important;
}
.cl-container.indicator-box2 {
  background: #e1f4ff url("images/controls/notifier/ic_info.svg") no-repeat 16px 5px;
  background-size: 20px;
  padding: 5px 16px 5px 48px;
  /* 배리에이션 */
}
.cl-container.indicator-box2 .cl-output {
  color: #333333;
}
.cl-container.indicator-box2.success {
  background-color: #d9fbd2;
  background-image: url("images/controls/notifier/ic_success.svg");
}
.cl-container.indicator-box2.warning {
  background-color: #fdf4c7;
  background-image: url("images/controls/notifier/ic_warning.svg");
}
.cl-container.indicator-box2.danger {
  background-color: #ffe9e6;
  background-image: url("images/controls/notifier/ic_danger.svg");
}
.cl-container.indicator-box2.danger .cl-control {
  color: #bb213e !important;
}
/************************************************
 * 그리드 상단의 카드 형태 박스
 * 
 ************************************************/
.cl-container.summary-box {
  background-color: #f4f4f4;
  min-height: 28px;
  padding: 8px 16px;
}
.cl-container.summary-box .cl-container.summary-group-right {
  padding-left: 12px;
}
.cl-container.summary-box .cl-container.summary-group-right .cl-output .cl-text {
  font-size: 14px;
}
.cl-container.summary-box .cl-output.summary {
  color: #555555;
}
.cl-container.summary-box .cl-output.summary .cl-text {
  font-size: 14px;
}
.cl-container.summary-box .cl-output.summary .cl-text span {
  color: #333333;
  font-weight: 700;
}
.cl-container.summary-box .cl-output.summary.em-txt span {
  color: #9b2e2d;
}
/************************************************
 * 안내문(툴팁)
 * → 도움말 버튼 클릭시 제공되는 안내문
 ************************************************/
.cl-container.help-notice {
  background-color: #ffffff;
  border: 1px solid #454242;
}
.cl-container.help-notice .cl-container.notice-group .cl-output.tit {
  color: #717171;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}
.cl-container.help-notice .cl-container.notice-group .cl-output.tit .cl-text {
  line-height: 1.25;
}
.cl-container.help-notice .cl-container.notice-group .cl-container.notice-box {
  border: 1px solid #e2e2e2;
}
.cl-container.help-notice .cl-container.notice-group .cl-container.notice-box .cl-output {
  color: #555555;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.cl-container.help-notice .cl-container.notice-group .cl-container.notice-box .cl-output .cl-text {
  line-height: 1.5;
}
.cl-container.help-notice .cl-container.notice-group .cl-container.notice-box .cl-inputbox.inputtxt {
  border: 1px solid #0097ef;
  background-color: #e1f4ff;
}
.cl-container.help-notice .cl-button.close {
  background: url("images/com/main_p/ic_close.svg") no-repeat;
  border-radius: 4px;
  border-style: none;
}
/************************************************
 * 인풋박스 유효성 스타일
 * →
 ************************************************/
.cl-inputbox.is-invalid,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-inputbox.is-invalid,
.cl-inputbox.is-warning,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-inputbox.is-warning,
.cl-inputbox.is-success,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-inputbox.is-success {
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) center;
}
.cl-inputbox.is-invalid .cl-text,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-inputbox.is-invalid .cl-text,
.cl-inputbox.is-warning .cl-text,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-inputbox.is-warning .cl-text,
.cl-inputbox.is-success .cl-text,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-inputbox.is-success .cl-text {
  padding-right: 26px;
}
.cl-inputbox.is-invalid,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-inputbox.is-invalid {
  background-image: url("images/controls/notifier/ic_danger.svg");
  border-color: #E53B4C !important;
}
.cl-inputbox.is-warning,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-inputbox.is-warning {
  background-image: url("images/controls/notifier/ic_warning.svg");
}
.cl-inputbox.is-success,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-inputbox.is-success {
  background-image: url("images/controls/notifier/ic_success.svg");
}
/************************************************
 * 캘린더 일정 영역
 * → 간격을 16px로 .section 과 동일하게 처리
 ************************************************/
.cl-container.calendar-box .cl-container.calendar-box-header .cl-container.calendar-header-group .cl-output.tit {
  padding: 0 0 0 8px;
}
.cl-container.calendar-box .cl-container.calendar {
  border: 1px solid #e2e2e2;
  border-top-color: #9a9a9a;
  border-radius: 4px;
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-header {
  background-color: #f4f4f4;
  /* 캘린더 헤더 */
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-header .cl-control.calendar-content-header {
  /* 캘린더 헤더 (요일) */
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  color: #333333;
  font-weight: 500;
  font-size: 14px;
  height: 41px;
  letter-spacing: -0.28px;
  text-align: center;
  /* 20240905 캘린더 사용 시 체크박스 커서스타일변경요청건 */
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-header .cl-control.calendar-content-header.cl-checkbox * {
  cursor: default;
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-header .cl-control.calendar-content-header.cl-last-column {
  border-right: none;
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body {
  /* 캘린더 바디 */
  /* 일정 아이템 관련 */
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-content-day.cl-last-column,
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-control.calendar-content-week.cl-last-column,
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-other-month.cl-last-column {
  border-right: none;
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-content-day,
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-other-month {
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  border-radius: 4px;
  color: #555555;
  padding: 6px;
  /* 캘린더 날짜(요일별) */
  /* 날짜 */
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-content-day .cl-output.date,
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-other-month .cl-output.date,
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-content-day .cl-checkbox.date,
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-other-month .cl-checkbox.date {
  color: inherit;
  font-size: 14px;
  text-align: left;
  /* 20240905 캘린더 사용 시 체크박스 커서스타일변경요청건 */
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-content-day .cl-output.date.cl-checkbox *,
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-other-month .cl-output.date.cl-checkbox *,
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-content-day .cl-checkbox.date.cl-checkbox *,
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-other-month .cl-checkbox.date.cl-checkbox * {
  cursor: default;
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-content-day .cl-output.date .cl-text,
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-other-month .cl-output.date .cl-text,
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-content-day .cl-checkbox.date .cl-text,
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-other-month .cl-checkbox.date .cl-text {
  line-height: 1;
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-content-day.calendar-content-sun {
  color: #d02f42;
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-content-day.calendar-content-sat {
  color: #556bdd;
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-container.calendar-other-month {
  background-color: #f4f4f4;
  color: #b3b3b3;
  /* 날짜 */
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-control.calendar-content-week {
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  text-align: center;
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-calendar-item {
  border: none;
  border-radius: 4px;
  font-weight: 400;
  font-size: 13px;
  cursor: pointer;
  padding: 4px;
  text-align: left;
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-calendar-item .cl-text {
  line-height: 16px !important;
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-calendar-more {
  background-color: #ffffff;
  border: 1px solid #41e3c5;
  color: #555555;
  min-height: 24px;
  font-size: 13px;
  letter-spacing: -0.26px;
  text-align: center;
  /* 20240905 캘린더 사용 시 체크박스 커서스타일변경요청건 */
}
.cl-container.calendar-box .cl-container.calendar .cl-container.calendar-body .cl-calendar-more .cl-checkbox.date.cl-checkbox * {
  cursor: default;
}
/************************************************
 * 캘린더 일정 범례에 따른 스타일
 * → 아이템 스타일러에 바인딩하여 사용
 * → 기념일 스타일 (휴무인 경우)
 * → 일정을 그리드로 표시하는 경우
 ************************************************/
.cl-calendar-item.calendar-item-1 {
  background-color: #e4e9ff;
}
.cl-calendar-item.calendar-item-2 {
  background-color: #d3f9df;
}
.cl-calendar-item.calendar-item-3 {
  background-color: #fde1cd;
}
.cl-calendar-item.calendar-item-4 {
  background-color: #f7e8ff;
}
.cl-calendar-item.calendar-item-5 {
  background-color: #fcdbdf;
}
.cl-calendar-item.calendar-item-6 {
  background-color: #fff7cb;
}
.cl-calendar-item.calendar-item-7 {
  background-color: #d8fef7;
}
.cl-calendar-item.calendar-item-8 {
  background-color: #eeeeee;
}
.cl-calendar.cl-anniversaries .cl-anniversary.day-off,
.cl-calendar.cl-anniversaries .cl-calendar-anniversary.day-off {
  color: #d02f42 !important;
}
.cl-htmlsnippet.calendar-list {
  vertical-align: middle;
  padding: 6px;
}
.cl-htmlsnippet.calendar-list ul,
.cl-htmlsnippet.calendar-list ol {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.cl-htmlsnippet.calendar-list ul li,
.cl-htmlsnippet.calendar-list ol li {
  color: #555555;
  margin: 0;
  padding: 3.5px 4px;
  line-height: 1.5;
}
.cl-htmlsnippet.calendar-list ul li + li,
.cl-htmlsnippet.calendar-list ol li + li {
  margin-top: 4px;
}
.cl-htmlsnippet.calendar-list li.calendar-item-1 {
  background-color: #e4e9ff;
}
.cl-htmlsnippet.calendar-list li.calendar-item-2 {
  background-color: #d3f9df;
}
.cl-htmlsnippet.calendar-list li.calendar-item-3 {
  background-color: #fde1cd;
}
.cl-htmlsnippet.calendar-list li.calendar-item-4 {
  background-color: #f7e8ff;
}
.cl-htmlsnippet.calendar-list li.calendar-item-5 {
  background-color: #fcdbdf;
}
.cl-htmlsnippet.calendar-list li.calendar-item-6 {
  background-color: #fff7cb;
}
.cl-htmlsnippet.calendar-list li.calendar-item-7 {
  background-color: #d8fef7;
}
.cl-htmlsnippet.calendar-list li.calendar-item-8 {
  background-color: #eeeeee;
}
/************************************************
 * 하위 서브 탭 폴더
 * → 탭 폴더 내 탭 폴더가 배치되는 경우 (itemSpacing=1)
 ************************************************/
.cl-tabfolder.tab-sub .cl-tabfolder-header {
  background-color: #f4f4f4;
  padding: 0 4px;
}
.cl-tabfolder.tab-sub .cl-tabfolder-header .cl-tabfolder-item {
  background-color: transparent;
  color: #717171;
  font-size: 14px;
  padding: 9.5px 12px;
  /* 탭 아이템 구분선 처리 */
}
.cl-tabfolder.tab-sub .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-color: transparent;
  color: #333333;
  font-weight: 700;
  text-decoration: underline;
}
.cl-tabfolder.tab-sub .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: transparent;
  color: #717171;
}
.cl-tabfolder.tab-sub .cl-tabfolder-header .cl-tabfolder-item:not(.cl-last) + .cl-empty-area {
  background: linear-gradient(#b3b3b3, #b3b3b3) no-repeat center center/1px 10px;
}
.cl-tabfolder.tab-sub .cl-tabfolder-header.cl-top,
.cl-tabfolder.tab-sub .cl-tabfolder-header.cl-bottom {
  box-shadow: none;
}
.cl-tabfolder.tab-sub .cl-tabfolder-header.cl-top .cl-tabfolder-item,
.cl-tabfolder.tab-sub .cl-tabfolder-header.cl-bottom .cl-tabfolder-item {
  border: none;
}
/************************************************
 * 일정 더보기 팝업 스타일
 * → 플로팅하여 사용
 ************************************************/
.cl-container.calendar-pop-box {
  background-color: #ffffff;
  border: 1px solid #454242;
  padding: 11px;
}
.cl-container.calendar-pop-box .cl-output.tit {
  color: #333333;
}
.cl-container.calendar-pop-box .cl-output.txt {
  color: #717171;
  font-size: 13px;
}
.cl-container.calendar-pop-box .cl-output.txt .cl-text {
  line-height: 1.25;
}
/************************************************
 * 툴팁 스타일
 * → 툴팁 매니저로 사용
 ************************************************/
.cl-output.tooltip {
  background-color: #ffffff;
  border: 1px solid #454242;
  color: #717171;
  max-width: 212px;
  height: auto;
  font-size: 13px;
  padding: 7px 11px;
  text-align: center;
}
.cl-output.tooltip .cl-text {
  line-height: 1.25;
}
/************************************************
 * 공공누리 (Korea Open Government License, KOGL)
 * → 4가지의 유형 제공 필요 (순서 유지 필수)
 ************************************************/
.cl-radiobutton.KOGL {
  color: #555555;
  padding: 0 6px;
}
.cl-radiobutton.KOGL .cl-radiobutton-item {
  width: 100%;
  /* 공공누리 유형 1 */
  /* 공공누리 유형 2 */
  /* 공공누리 유형 3 */
  /* 공공누리 유형 4 */
}
.cl-radiobutton.KOGL .cl-radiobutton-item .cl-text:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 120px;
  height: 40px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #e2e2e2;
  margin: 0 4px 0 0;
  padding: 5px 13px;
  vertical-align: middle;
}
.cl-radiobutton.KOGL .cl-radiobutton-item:nth-child(1) .cl-text:before {
  background-image: url("images/controls/image/img_opentype_sm01.png");
}
.cl-radiobutton.KOGL .cl-radiobutton-item:nth-child(2) .cl-text:before {
  background-image: url("images/controls/image/img_opentype_sm02.png");
}
.cl-radiobutton.KOGL .cl-radiobutton-item:nth-child(3) .cl-text:before {
  background-image: url("images/controls/image/img_opentype_sm03.png");
}
.cl-radiobutton.KOGL .cl-radiobutton-item:nth-child(4) .cl-text:before {
  background-image: url("images/controls/image/img_opentype_sm04.png");
}
/************************************************
 * 전체선택 체크박스
 * → .form-control 내에서 사용
 ************************************************/
.cl-checkbox.all-check {
  color: #555555;
  font-weight: 700;
  padding: 0 0 8px 0;
}
/************************************************
 * 세로 선이 표시되는 라디오 버튼
 * → 폼 내에서 하나의 라디오를 사용해야 할 때
 * → 해당 스타일 적용을 위해 설정 필요한 속성
 * 	 - colCount=0
 *   - fixedWidth=true
 *   - horizontalSpacing=0
 *   - verticalSpacing=0
 *   - [레이아웃탭] ignoreLayoutSpacing=true
 ************************************************/
.cl-radiobutton.v-separator .cl-radiobutton-item {
  text-align: center;
}
.cl-radiobutton.v-separator .cl-radiobutton-item:not(.cl-first-column) {
  box-shadow: inset 1px 0 0 0 #e2e2e2;
}
/************************************************
 * 커스텀 탭 헤더
 * → 탭 폴더의 headerVisible=false 속성과 함께 사용
 ************************************************/
.cl-container.link-box {
  background-color: #f4f4f4;
  box-shadow: inset 0px 0px 0px 1px #e2e2e2;
}
.cl-container.link-box .cl-formlayout-column-shade {
  background: linear-gradient(#e2e2e2, #e2e2e2) no-repeat right top/1px 100%;
}
.cl-container.link-box .cl-button {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #e2e2e2;
  color: #555555;
  font-size: 16px;
  /* 보더 처리 */
}
.cl-container.link-box .cl-button.on {
  color: #454242;
  border: 1px solid #454242 !important;
  font-weight: 700;
  z-index: 99 !important;
}
.cl-container.link-box .cl-button:not(.cl-first-column) {
  margin-left: -1px;
}
.cl-container.link-box .cl-button:not(.cl-first-row) {
  margin-top: -1px;
}
/************************************************
 * 스테퍼
 * → 진행 단계를 표시
 ************************************************/
.cl-container.stepper {
  background-color: #f4f4f4;
  border: 1px solid #e2e2e2;
  padding: 15px;
}
.cl-container.stepper .cl-output.step {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #333333;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.32px;
  padding: 7px;
  overflow: visible !important;
  text-align: center;
}
.cl-container.stepper .cl-output.step.on {
  border-color: #9b2e2d;
  padding-left: 40px;
}
.cl-container.stepper .cl-output.step.on:before {
  content: "시작";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 40px;
  background-color: #9b2e2d;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  float: left;
  letter-spacing: -0.28px;
}
.cl-container.stepper .cl-output.step.step1 {
  border-color: #f69742;
}
.cl-container.stepper .cl-output.step.step2 {
  border-color: #556bdd;
}
.cl-container.stepper .cl-output.step.step3 {
  border-color: #0ab39c;
}
.cl-container.stepper .cl-output.step.step4 {
  border-color: #9d54e2;
}
.cl-container.stepper > .cl-layout > .cl-layout-content {
  margin-right: 15px !important;
}
.cl-container.stepper > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(:last-child):after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 5px);
  right: -14px;
  width: 10px;
  height: 10px;
  background: url("images/controls/image/ic_step_arrow.svg") no-repeat right center;
}
/************************************************
 * 트리 권한부여형
 * → 트리 구조 내에 권한 표시 아이콘
 ************************************************/
.cl-tree .cl-tree-item.personal .cl-badge {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-image: url("images/controls/tree/ic_auth.svg");
}
/************************************************
 * 버튼형 토글버튼
 * → 대시보드에서 사용됨
 ************************************************/
.cl-radiobutton.switch .cl-radiobutton-item {
  background-color: #eeeeee;
  border-radius: 4px;
  color: #555555;
  font-weight: 500;
  text-align: center;
}
.cl-radiobutton.switch .cl-radiobutton-item .cl-text {
  padding: 3.5px 8px;
}
.cl-radiobutton.switch .cl-radiobutton-item.cl-selected {
  background-color: #454242;
  color: #ffffff;
}
/************************************************
 * 아웃풋을 통해 답변 그리드 처리
 * → level 을 관리하는 컬럼 필요
 * → displayExp 으로 "[답변]" 표시
 ************************************************/
.cl-output.tree-reply.cl-level-4 {
  padding-left: 46px !important;
  padding-left: 46px !important;
}
.cl-output.tree-reply.cl-level-3 {
  padding-left: 26px !important;
}
.cl-output.tree-reply .cl-text {
  text-align: left;
}
.cl-output.tree-reply:not(.cl-level-1) .cl-text {
  /* 답변 아이콘 처리 */
}
.cl-output.tree-reply:not(.cl-level-1) .cl-text:before {
  content: "";
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("images/controls/tree/ic_reply.svg") no-repeat center;
  vertical-align: middle;
  margin-right: 4px;
}
.cl-button.tree-reply.cl-level-4 {
  padding-left: 46px !important;
  padding-left: 46px !important;
}
.cl-button.tree-reply.cl-level-3 {
  padding-left: 26px !important;
}
.cl-button.tree-reply .cl-text {
  text-align: left;
}
.cl-button.tree-reply:not(.cl-level-1) .cl-text {
  /* 답변 아이콘 처리 */
}
.cl-button.tree-reply:not(.cl-level-1) .cl-text:before {
  content: "";
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("images/controls/tree/ic_reply.svg") no-repeat center;
  vertical-align: middle;
  margin-right: 4px;
}
/************************************************
 * 텍스트에리어
 * → maxLength 를 통해 제한된 문자를 입력하는 경우
 ************************************************/
.cl-output.txt-byte {
  color: #717171;
  font-size: 14px;
}
.cl-output.txt-byte.cl-readonly,
.cl-output.txt-byte.cl-disabled {
  color: #b3b3b3;
}
/************************************************
 * eXBuilder6 기본 폼 (미사용함!!)
 * → .cl-form-group 자동 지정 시 사용되는 스타일
 ************************************************/
.cl-form-group {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}
/************************************************
 * 폼 내 유틸
 * → 한 영역 내 여러 개의 컨트롤을 배치 (.form-control)
 * → 한 영역 내 여러 영역을 구분 (.spacing, .spacing-bar)
 ************************************************/
.cl-output.spacing {
  color: transparent;
  font-size: 0px;
}
.cl-output.spacing-bar {
  background: linear-gradient(#cccccc, #cccccc) no-repeat center center/1px 100%;
}
.cl-output.spacing-dash {
  background: linear-gradient(to right, #d6d3d3 50%, transparent 50%) repeat-x left center/8px 1px;
}
/************************************************
 * 일반 폼
 * → 좌측 타이틀형 컨테이너/폼 (.form-base)
 * → 상딘 타이틀형 컨테이너/폼 (.form-table)
 ************************************************/
.cl-container.form-base,
.cl-container.form-table {
  border-top: 1px solid #9a9a9a;
  border-bottom: 1px solid #e2e2e2;
  /* 폼 내 컨트롤 공통 스타일 */
}
.cl-container.form-base .cl-container.form-base,
.cl-container.form-table .cl-container.form-base,
.cl-container.form-base .cl-container.form-table,
.cl-container.form-table .cl-container.form-table {
  border: none;
}
.cl-container.form-base .label,
.cl-container.form-table .label,
.cl-container.form-base .sub-label,
.cl-container.form-table .sub-label {
  background-color: #f4f4f4;
  color: #333333;
  font-weight: 500;
  font-size: 16px;
  padding: 8px 12px;
}
.cl-container.form-base .label.required .cl-text:after,
.cl-container.form-table .label.required .cl-text:after,
.cl-container.form-base .sub-label.required .cl-text:after,
.cl-container.form-table .sub-label.required .cl-text:after {
  content: "*";
  position: relative;
  height: 100%;
  color: #e53b4c;
  margin: 0 0 0 2px;
}
.cl-container.form-base .cl-container.label-wrap,
.cl-container.form-table .cl-container.label-wrap {
  background-color: #f4f4f4;
  padding: 8px 12px;
}
.cl-container.form-base .cl-container.label-wrap .label,
.cl-container.form-table .cl-container.label-wrap .label {
  background-color: transparent;
  padding: 0 4px 0 0;
}
.cl-container.form-base .blank,
.cl-container.form-table .blank {
  background-color: #f4f4f4;
}
.cl-container.form-table {
  /* 폼 내 컨트롤 공통 스타일 */
}
.cl-container.form-table .cl-output,
.cl-container.form-table .cl-checkbox,
.cl-container.form-table .cl-checkboxgroup,
.cl-container.form-table .cl-radiobutton {
  text-align: center;
}
.cl-container.form-table .label {
  text-align: center;
}
.cl-container.form-table .sub-label {
  text-align: left;
}
/************************************************
 * 조회 폼
 * → 조회 영역
 ************************************************/
.cl-container.search-box {
  background-color: #efeded;
}
.cl-container.search-box .label {
  color: #333333;
  font-weight: 500;
  letter-spacing: -0.28px;
  margin: 0 6px 0 0;
  text-align: left;
  min-width: initial;
  max-width: initial;
}
.cl-container.search-box .label .cl-text {
  line-height: 1;
}
.cl-container.search-box .label.required .cl-text:after {
  content: "*";
  position: relative;
  height: 100%;
  color: #e53b4c;
  margin: 0 0 0 2px;
}
.cl-container.search-box .cl-container.search-group {
  padding: 12px 16px;
}
.cl-container.search-box .cl-container.search-group.optional {
  background-color: #e6e2e2;
}
.cl-container.search-box .cl-container.search-group .cl-container.search-control {
  min-width: initial;
  max-width: initial;
}
.cl-container.search-box .cl-container.search-group .cl-container.search-control .cl-output:not(.label) {
  text-align: center;
}
.cl-container.search-box .cl-container.search-group .cl-container.search-control .cl-button.btn-i-remove {
  margin: 0 0 0 2px;
}
.cl-container.form-list {
  border-top: 1px solid #9a9a9a;
  border-bottom: 1px solid #e2e2e2;
}
.cl-container.form-list .cl-container.form-header,
.cl-container.form-list .cl-container.form-row {
  border-bottom: 1px solid #e2e2e2;
}
.cl-container.form-list .cl-container.form-header {
  background-color: #f4f4f4;
}
.cl-container.form-list .cl-container.form-header .cl-output.label {
  text-align: center;
  color: #333333;
  font-weight: 500;
  font-size: 14px;
}
.cl-container.form-list .cl-container.form-row {
  background-color: #f4f4f4;
}
.cl-container.form-list .cl-container.form-row .cl-output {
  text-align: center;
}
.cl-container.form-list .cl-container.form-row.cl-last-row {
  border-bottom: none;
}
.cl-container.form-list .cl-container.form-base,
.cl-container.form-list .cl-container.form-table {
  border: none;
}
/************************************************
 * 알림 (ALERT) 팝업
 * → 알림 팝업으로 호출되는 화면 별도로 필요함
 ************************************************/
.cl-dialog.alert {
  border: 1px solid #454242;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);
}
/************************************************
 * 레이어 팝업 일반 타이틀
 * → DIM 처리 시 사용
 ************************************************/
.cl-dialog.modal .cl-dialog-header {
  background-image: none;
  padding: 24px 24px 0 24px;
}
/************************************************
 * 기본 커스텀 스크롤
 * -> 가로/세로
 ************************************************/
.cl-vscrollbar,
.cl-hscrollbar {
  background-color: #ffffff;
}
.cl-vscrollbar .cl-arrow-up,
.cl-hscrollbar .cl-arrow-up,
.cl-vscrollbar .cl-arrow-down,
.cl-hscrollbar .cl-arrow-down,
.cl-vscrollbar .cl-arrow-left,
.cl-hscrollbar .cl-arrow-left,
.cl-vscrollbar .cl-arrow-right,
.cl-hscrollbar .cl-arrow-right {
  background-image: none;
  background-color: transparent;
  width: 0px;
  height: 0px;
}
.cl-vscrollbar .cl-track,
.cl-hscrollbar .cl-track {
  background-color: #ffffff;
}
.cl-vscrollbar .cl-track .cl-thumb,
.cl-hscrollbar .cl-track .cl-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.16);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
/* 세로 스크롤 */
.cl-vscrollbar {
  width: 17px;
}
.cl-vscrollbar .cl-track {
  top: 0px;
  bottom: 0px;
  width: 100%;
  left: 0px;
  border-left: 1px solid #eeeeee;
}
.cl-vscrollbar .cl-track .cl-thumb {
  width: 8px;
  left: 5px;
}
/* 가로스크롤 */
.cl-hscrollbar {
  height: 17px;
}
.cl-hscrollbar .cl-track {
  left: 0px;
  right: 0px;
  height: 100%;
  top: 0px;
  border-top: 1px solid #eeeeee;
}
.cl-hscrollbar .cl-track .cl-thumb {
  height: 8px;
  top: 5px;
}
/************************************************
 * 그리드 유틸
 * → 그리드 내 컨트롤 상속 스타일 정의
 ************************************************/
.cl-grid {
  /* 그리드 헤더 영역 */
  /* 그리드디테일 영역 - emergency 긴급 알림표시 0912추가*/
  /* 그리드 디테일 영역 */
  /* 그리드 푸터 영역 */
  /* 그리드 셀 공통 */
  /* 조회성 그리드 (readonly=true) */
}
.cl-grid .cl-grid-header .cl-grid-cell.required .cl-text:after {
  content: "*";
  position: relative;
  height: 100%;
  color: #e53b4c;
  margin: 0 0 0 2px;
}
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-default-cell,
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-output {
  padding: 0;
}
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-output,
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-checkbox,
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-checkboxgroup,
.cl-grid .cl-grid-header .cl-grid-cell .cl-control.cl-radiobutton {
  font-size: 14px;
}
.cl-grid .cl-grid-detail .cl-grid-cell.emergency .cl-text:before {
  content: "긴급";
  position: relative;
  display: inline-block;
  color: #f95a6a;
  border: 1px solid #f95a6a;
  font-size: 11px;
  line-height: 11px;
  padding: 1px 2px;
  margin: 0px 4px 0px 5px;
  width: auto;
  height: auto;
  vertical-align: middle;
}
.cl-grid .cl-grid-detail .cl-grid-row {
  /* 오류 행 */
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing {
  /* 인풋 계열 중 뷰잉 모드일 때 정렬이 상이한 경우 처리 */
  /* 행이 다른 상태값을 가지지 않았을 때 인풋 계열의 패딩 */
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-inputbox,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-searchinput,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-numbereditor,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-maskeditor,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-dateinput,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-combobox,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-fileinput,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-textarea {
  border: none;
  border-radius: 0;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-inputbox .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-searchinput .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-numbereditor .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-maskeditor .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-dateinput .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-combobox .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-fileinput .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-textarea .cl-text {
  padding: 0;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-inputbox .cl-text.cl-placeholder,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-searchinput .cl-text.cl-placeholder,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-numbereditor .cl-text.cl-placeholder,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-maskeditor .cl-text.cl-placeholder,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-dateinput .cl-text.cl-placeholder,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-combobox .cl-text.cl-placeholder,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-fileinput .cl-text.cl-placeholder,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-textarea .cl-text.cl-placeholder {
  color: transparent !important;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-dateinput,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing .cl-combobox {
  text-align: center;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing:not(.cl-inserted):not(.cl-modified) .cl-inputbox .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing:not(.cl-inserted):not(.cl-modified) .cl-searchinput .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing:not(.cl-inserted):not(.cl-modified) .cl-numbereditor .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing:not(.cl-inserted):not(.cl-modified) .cl-maskeditor .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing:not(.cl-inserted):not(.cl-modified) .cl-dateinput .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing:not(.cl-inserted):not(.cl-modified) .cl-combobox .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing:not(.cl-inserted):not(.cl-modified) .cl-fileinput .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-viewing:not(.cl-inserted):not(.cl-modified) .cl-textarea .cl-text {
  padding: 0 2px;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-output.state-cell {
  color: #127845;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-output.state-cell {
  color: #98620f;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-deleted .cl-output.state-cell,
.cl-grid .cl-grid-detail .cl-grid-row.cl-nullified .cl-output.state-cell {
  color: #bb213e;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-inputbox.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-searchinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-numbereditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-maskeditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-dateinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-combobox.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-fileinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-textarea.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled) {
  background: #ffffff;
  color: #333333;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-inputbox.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-searchinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-numbereditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-maskeditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-dateinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-combobox.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-fileinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-textarea.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-readonly {
  background-color: #eeeeee;
  border-color: #d6d6d6;
  color: #333333;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-inputbox.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-searchinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-numbereditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-maskeditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-dateinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-combobox.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-fileinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-textarea.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).cl-disabled {
  background-color: #eeeeee;
  border-color: #d6d6d6;
  color: #9a9a9a;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-inputbox.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-inputbox.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-searchinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-searchinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-numbereditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-numbereditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-maskeditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-maskeditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-fileinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-fileinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-textarea.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled),
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-textarea.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled) {
  background: #ffffff;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-inputbox.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-inputbox.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-searchinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-searchinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-numbereditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-numbereditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-maskeditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-maskeditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-fileinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-fileinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-textarea.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-readonly,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-textarea.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-readonly {
  background-color: #eeeeee;
  border-color: #d6d6d6;
  color: #333333;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-inputbox.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-inputbox.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-searchinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-searchinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-numbereditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-numbereditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-maskeditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-maskeditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-fileinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-fileinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-textarea.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-disabled,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-textarea.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled).cl-disabled {
  background-color: #eeeeee;
  border-color: #d6d6d6;
  color: #9a9a9a;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-inputbox.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled) .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-inputbox.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled) .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-searchinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled) .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-searchinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled) .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-numbereditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled) .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-numbereditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled) .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-maskeditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled) .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-maskeditor.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled) .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-fileinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled) .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-fileinput.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled) .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-inserted .cl-textarea.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled) .cl-text,
.cl-grid .cl-grid-detail .cl-grid-row.cl-modified .cl-textarea.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disbaled) .cl-text {
  padding: 0px 5px;
}
.cl-grid .cl-grid-detail .cl-grid-row.is-invalid {
  background-color: rgba(229, 59, 76, 0.12) !important;
}
.cl-grid .cl-grid-detail .cl-grid-cell {
  text-align: center;
}
.cl-grid .cl-grid-detail .cl-grid-cell .cl-control.cl-default-cell:not(.text-right):not(.text-left),
.cl-grid .cl-grid-detail .cl-grid-cell .cl-control.cl-output:not(.text-right):not(.text-left) {
  text-align: center;
}
.cl-grid .cl-grid-cell .cl-control.cl-default-cell,
.cl-grid .cl-grid-cell .cl-control.cl-output {
  padding: 6px;
}
.cl-grid .cl-grid-cell .cl-control.cl-checkbox,
.cl-grid .cl-grid-cell .cl-control.cl-checkboxgroup,
.cl-grid .cl-grid-cell .cl-control.cl-radiobutton {
  text-align: center;
}
.cl-grid .cl-grid-cell .cl-control.cl-output,
.cl-grid .cl-grid-cell .cl-control.cl-checkbox,
.cl-grid .cl-grid-cell .cl-control.cl-checkboxgroup,
.cl-grid .cl-grid-cell .cl-control.cl-radiobutton {
  font-size: 14px;
}
.cl-grid .cl-grid-cell .cl-control.cl-button.btn-i-only {
  padding: 0px 3px;
}
.cl-grid .cl-grid-cell .cl-control.cl-border-none.cl-button {
  background: transparent;
}
.cl-grid .cl-grid-cell .cl-control.cl-border-none.cl-button:not(.btn-i-only) {
  padding: 6px;
}
.cl-grid .cl-grid-cell .cl-control.cl-button.btn-more {
  border-radius: 4px;
}
/************************************************
 * 그리드 최대 높이 관련 처리
 * → 디테일의 행이 최소 1개의 행, 최대 5개의 행으로 표시되도록
 ************************************************/
.cl-grid.table-sm {
  min-height: 76px;
  max-height: 224px;
}
/************************************************
 * 그리드 상태 셀
 * → 행 상태에 따른 정보 제공 셀
 *   (상태에 따른 스타일은 그리드 유틸에서 처리)
 ************************************************/
.cl-output.state-cell {
  letter-spacing: -0.28px;
  text-align: center;
}
/************************************************
 * 그리드 강조 셀
 * → 그리드 헤더 또는 푸터 강조 셀 스타일
 ************************************************/
.cl-grid-cell.header-cell {
  background: #f4f4f4;
  color: #333333;
  font-weight: 500;
}
/************************************************
 * 카드형 테이블
 ************************************************/
.cl-grid.table-card .cl-grid-cell {
  border-right: none;
}
.cl-grid.table-card .cl-grid-cell .cl-builtin.cl-checkbox {
  text-align: left !important;
  padding: 0 8px 0 28px;
}
.cl-grid.table-card .cl-grid-cell .cl-output.summary-column {
  text-align: left;
}
.cl-grid.table-card .cl-grid-cell .cl-output.summary-column .cl-text {
  line-height: 1.2;
  /* 카드형 구조를 위한 스타일 (보증 범위 외 처리) */
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  width: 100%;
}
.cl-grid.table-card .cl-grid-cell .cl-output.summary-column span {
  color: #555555;
}
.cl-grid.table-card .cl-grid-cell .cl-output.summary-column span.tit {
  color: #1a1a1a;
  font-weight: 700;
  font-size: 18px;
  padding: 0 0 4px 0;
  letter-spacing: -0.36px;
  width: 100%;
  text-align: left;
}
.cl-grid.table-card .cl-grid-cell .cl-output.summary-column span.tit + span.label {
  margin-left: 0;
}
.cl-grid.table-card .cl-grid-cell .cl-output.summary-column span.tit + span.label:before {
  content: none;
}
.cl-grid.table-card .cl-grid-cell .cl-output.summary-column span.label {
  margin: 0 8px 0 24px;
}
.cl-grid.table-card .cl-grid-cell .cl-output.summary-column span.label:before {
  content: "";
  position: relative;
  display: inline-block;
  left: -11.5px;
  width: 1px;
  height: 10px;
  background-color: #b3b3b3;
}
/************************************************
 * 좁은 라인 테이블
 * → 대시보드 및 생애주기에서 사용됨
 ************************************************/
.cl-grid.table-narrow {
  border: 1px solid #e2e2e2;
}
.cl-grid.table-narrow .cl-grid-header .cl-grid-cell {
  border-bottom-color: #e2e2e2;
}
.cl-grid.table-narrow .cl-grid-detail .cl-grid-row:last-child .cl-grid-cell {
  border-bottom: none;
}
.cl-grid.table-narrow .cl-grid-cell {
  border-right: none;
  border-bottom-color: #eeeeee;
}
.cl-grid.table-narrow .cl-grid-cell .cl-control.cl-default-cell,
.cl-grid.table-narrow .cl-grid-cell .cl-control.cl-output {
  padding: 4px;
}
.cl-grid.table-narrow .cl-grid-cell .cl-control.flag,
.cl-grid.table-narrow .cl-grid-cell .cl-control.cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag {
  padding: 0;
}
.cl-grid.table-narrow .cl-nodatamsg {
  background-color: #f4f4f4;
  color: #555555;
}
.cl-grid.table-narrow .cl-nodatamsg:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("images/controls/notifier/ic_warning.svg") no-repeat center/contain;
  margin-right: 2px;
  vertical-align: middle;
}
/************************************************
 * 플래그(태그)
 * → displayExp로도 사용가능하도록 컨트롤 명시하지 않음
 ************************************************/
.flag,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag {
  background-color: #eeeeee;
  color: #555555;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.28px;
  padding: 4px 8px;
  text-align: center;
  /*flag border생성케이스 추가 - 0830*/
  /* 단계에 따른 컬러 */
  /* 단계에 따른 컬러 - 그리드 내 처리단계 표현 케이스 추가로 확장됨 0829 각각 부모 숫자에는 기존 보유값이 존재하므로 색상을 유지해야함*/
}
.flag.flag-success,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-success {
  background-color: #d9fbd2;
  color: #127845;
}
.flag.flag-info,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-info {
  background-color: #e1f4ff;
  color: #146bbf;
}
.flag.flag-warning,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-warning {
  background-color: #fdf4c7;
  color: #98620f;
}
.flag.flag-danger,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-danger {
  background-color: #ffe9e6;
  color: #bb213e;
}
.flag.flag-red,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-red {
  background-color: #fcdbdf;
  color: #333333;
}
.flag.flag-red-1,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-red-1 {
  background-color: #ffb3bd;
  color: #333333;
}
.flag.flag-orange,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-orange {
  background-color: #fde1cd;
  color: #333333;
}
.flag.flag-orange-1,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-orange-1 {
  background-color: #ffc864;
  color: #333333;
}
.flag.flag-yellow,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-yellow {
  background-color: #fff7cb;
  color: #333333;
}
.flag.flag-yellow-1,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-yellow-1 {
  background-color: #ffee75;
  color: #333333;
}
.flag.flag-green,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-green {
  background-color: #d3f9df;
  color: #333333;
}
.flag.flag-green-1,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-green-1 {
  background-color: #97e59a;
  color: #333333;
}
.flag.flag-blue,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-blue {
  background-color: #e4e9ff;
  color: #333333;
}
.flag.flag-blue-1,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-blue-1 {
  background-color: #90bef7;
  color: #333333;
}
.flag.flag-skyblue,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-skyblue {
  background-color: #d8fef7;
  color: #333333;
}
.flag.flag-skyblue-1,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-skyblue-1 {
  background-color: #6cede7;
  color: #333333;
}
.flag.flag-purple,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-purple {
  background-color: #f7e8ff;
  color: #333333;
}
.flag.flag-purple-1,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-purple-1 {
  background-color: #d7aaef;
  color: #333333;
}
.flag.flag-gray,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-gray {
  background-color: #eeeeee;
  color: #333333;
}
.flag.flag-gray-1,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-gray-1 {
  background-color: #c9c9c9;
  color: #333333;
}
.flag.flag-red-b,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-red-b {
  border: 2px solid #e35c6e;
}
.flag.flag-orange-b,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-orange-b {
  border: 2px solid #eb843a;
}
.flag.flag-yellow-b,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-yellow-b {
  border: 2px solid #c3a500;
}
.flag.flag-green-b,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-green-b {
  border: 2px solid #34b55d;
}
.flag.flag-blue-b,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-blue-b {
  border: 2px solid #657de9;
}
.flag.flag-skyblue-b,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-skyblue-b {
  border: 2px solid #16bfa0;
}
.flag.flag-purple-b,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-purple-b {
  border: 2px solid #a950d9;
}
.flag.flag-gray-b,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-gray-b {
  border: 2px solid #858585;
}
.flag.flag-step-1,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-1 {
  background-color: #ddf2ff;
  color: #555555;
}
.flag.flag-step-1-1,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-1-1 {
  background-color: #ecf8ff;
  color: #555555;
}
.flag.flag-step-1-2,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-1-2 {
  background-color: #b9e4ff;
  color: #555555;
}
.flag.flag-step-2,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-2 {
  background-color: #d9fbd2;
  color: #555555;
}
.flag.flag-step-2-1,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-2-1 {
  background-color: #efffeb;
  color: #555555;
}
.flag.flag-step-2-2,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-2-2 {
  background-color: #bef3b3;
  color: #555555;
}
.flag.flag-step-3,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-3 {
  background-color: #fdf4c7;
  color: #555555;
}
.flag.flag-step-3-1,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-3-1 {
  background-color: #fffceb;
  color: #555555;
}
.flag.flag-step-3-2,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-3-2 {
  background-color: #ffed92;
  color: #555555;
}
.flag.flag-step-4,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-4 {
  background-color: #fde1cd;
  color: #555555;
}
.flag.flag-step-4-1,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-4-1 {
  background-color: #fff2e8;
  color: #555555;
}
.flag.flag-step-4-2,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-4-2 {
  background-color: #ffcca7;
  color: #555555;
}
.flag.flag-step-5,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-5 {
  background-color: #fcdbdf;
  color: #555555;
}
.flag.flag-step-5-1,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-5-1 {
  background-color: #fff1f2;
  color: #555555;
}
.flag.flag-step-5-2,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-5-2 {
  background-color: #f9b8c0;
  color: #313131;
}
.flag.flag-step-6,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-6 {
  background-color: #bb213e;
  color: #ffffff;
}
.flag.flag-step-7,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-7 {
  background-color: #e7e7e7;
  color: #555555;
}
.flag.flag-step-7-1,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-7-1 {
  background-color: #f5f5f5;
  color: #555555;
}
.flag.flag-step-7-2,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-7-2 {
  background-color: #d3d3d3;
  color: #555555;
}
.flag.flag-step-8,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-8 {
  background-color: #e5d9ff;
  color: #555555;
}
.flag.flag-step-8-1,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-8-1 {
  background-color: #f5f0ff;
  color: #555555;
}
.flag.flag-step-8-2,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).flag.flag-step-8-2 {
  background-color: #d1c3f1;
  color: #555555;
}
span.flag {
  padding: 3px 6px;
  margin-right: 4px;
}
/************************************************
 * 상태값 뱃지
 * → 로그인 유저, 현재 항목의 스텝과 상태 등에 쓰임
 ************************************************/
.badge-status,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).badge-status {
  border-radius: 12px;
  background-color: #5b5353;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
  padding: 3px 10px;
  text-align: center;
}
.badge-status .cl-text,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).badge-status .cl-text {
  line-height: 1;
}
.badge-status.gov,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).badge-status.gov {
  background-color: #003764;
}
.badge-step,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).badge-step {
  background-color: #eeeeee;
  border: 1px solid #eeeeee;
  border-radius: 9999px;
  color: #555555;
  font-weight: 400;
  font-size: 14px;
  padding: 6px 17px;
  text-align: center;
}
.badge-step .cl-text,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).badge-step .cl-text {
  line-height: 1.3;
}
.badge-step.badge-red,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).badge-step.badge-red {
  background-color: #bb213e;
  border-color: #bb213e;
  color: #ffffff;
}
.badge-step.badge-white,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).badge-step.badge-white {
  background-color: #ffffff;
  border-color: #454242;
  color: #454242;
  font-weight: 500;
}
/************************************************
 * 도로명 및 지번에 대한 배지
 * →
 ************************************************/
.badge-address,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).badge-address {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px !important;
  padding: 2px 7px;
}
.badge-address .cl-text,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).badge-address .cl-text {
  line-height: normal;
}
.badge-address.roadname,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).badge-address.roadname {
  border-color: #bb213e;
  color: #bb213e;
}
.badge-address.lot-number,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).badge-address.lot-number {
  border-color: #98620f;
  color: #98620f;
}
span.badge-address {
  margin-right: 6px;
}
/************************************************
 * 도로명 및 지번에 대한 배지
 * →
 ************************************************/
.badge-massage,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).badge-massage {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px !important;
  padding: 1px 5px;
}
.badge-massage .cl-text,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).badge-massage .cl-text {
  line-height: normal;
  text-decoration: none !important;
}
.badge-massage.badge-red,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).badge-massage.badge-red {
  border-color: #bb213e;
  color: #bb213e;
}
span.badge-massage {
  margin-right: 6px;
}
/************************************************
 * 뎁스별 타이틀 처리
 * → outputType 값 변경
 ************************************************/
.cl-output.tit {
  color: #1a1a1a;
  font-weight: 500;
}
.cl-output.tit .cl-text {
  line-height: 1.25;
}
.cl-output.tit.cl-output-h1,
.cl-output.tit.cl-output-h2,
.cl-output.tit.cl-output-h3 {
  font-weight: 700;
}
.cl-output.tit.cl-output-h2 {
  /* 헤딩1 타이틀 */
  font-size: 28px;
  letter-spacing: -0.56px;
}
.cl-output.tit.cl-output-h3 {
  /* 헤딩2 타이틀 */
  font-size: 20px;
  letter-spacing: -0.4px;
}
.cl-output.tit.cl-output-h4 {
  /* 1뎁스 타이틀 */
  background-image: url("images/controls/output/ic_blt_01.svg");
  background-size: 3px 16px;
  padding: 0 0 0 9px;
  font-size: 18px;
  letter-spacing: -0.36px;
}
.cl-output.tit.cl-output-h5 {
  /* 2뎁스 타이틀 */
  font-size: 16px;
  letter-spacing: -0.32px;
}
.cl-output.tit.cl-output-h6 {
  /* 3뎁스 타이틀 */
  font-size: 14px;
  letter-spacing: -0.28px;
}
/************************************************
 * 링크 텍스트
 * → 일반 스타일
 * → 그리드 내 스타일
 ************************************************/
.link-txt,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt {
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
}
.link-txt:not(.cl-disabled):hover,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt:not(.cl-disabled):hover {
  color: #0B57D0;
}
.link-txt.cl-button,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button,
.link-txt.cl-button.cl-grid-ctrl-inherit,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-grid-ctrl-inherit {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  color: #333333;
  font-weight: 500;
  padding: 0 6px;
}
.link-txt.cl-button:not(.cl-disabled):hover,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button:not(.cl-disabled):hover,
.link-txt.cl-button.cl-grid-ctrl-inherit:not(.cl-disabled):hover,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-grid-ctrl-inherit:not(.cl-disabled):hover,
.link-txt.cl-button:focus,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button:focus,
.link-txt.cl-button.cl-grid-ctrl-inherit:focus,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-grid-ctrl-inherit:focus,
.link-txt.cl-button.cl-focus,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-focus,
.link-txt.cl-button.cl-grid-ctrl-inherit.cl-focus,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-grid-ctrl-inherit.cl-focus,
.link-txt.cl-button:not(.cl-disabled).cl-activated,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button:not(.cl-disabled).cl-activated,
.link-txt.cl-button.cl-grid-ctrl-inherit:not(.cl-disabled).cl-activated,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-grid-ctrl-inherit:not(.cl-disabled).cl-activated,
.link-txt.cl-button:not(.cl-disabled):active,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button:not(.cl-disabled):active,
.link-txt.cl-button.cl-grid-ctrl-inherit:not(.cl-disabled):active,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-grid-ctrl-inherit:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.link-txt.cl-button .cl-text,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button .cl-text,
.link-txt.cl-button.cl-grid-ctrl-inherit .cl-text,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-grid-ctrl-inherit .cl-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.link-txt.cl-button:not(.cl-disabled):hover,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button:not(.cl-disabled):hover,
.link-txt.cl-button.cl-grid-ctrl-inherit:not(.cl-disabled):hover,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-grid-ctrl-inherit:not(.cl-disabled):hover,
.link-txt.cl-button:focus,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button:focus,
.link-txt.cl-button.cl-grid-ctrl-inherit:focus,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-grid-ctrl-inherit:focus,
.link-txt.cl-button.cl-focus,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-focus,
.link-txt.cl-button.cl-grid-ctrl-inherit.cl-focus,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-grid-ctrl-inherit.cl-focus,
.link-txt.cl-button:not(.cl-disabled).cl-activated,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button:not(.cl-disabled).cl-activated,
.link-txt.cl-button.cl-grid-ctrl-inherit:not(.cl-disabled).cl-activated,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-grid-ctrl-inherit:not(.cl-disabled).cl-activated,
.link-txt.cl-button:not(.cl-disabled):active,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button:not(.cl-disabled):active,
.link-txt.cl-button.cl-grid-ctrl-inherit:not(.cl-disabled):active,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-grid-ctrl-inherit:not(.cl-disabled):active {
  color: #333333;
}
.link-txt.cl-button:focus .cl-text-wrapper,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button:focus .cl-text-wrapper,
.link-txt.cl-button.cl-grid-ctrl-inherit:focus .cl-text-wrapper,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-grid-ctrl-inherit:focus .cl-text-wrapper,
.link-txt.cl-button.cl-focus .cl-text-wrapper,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-focus .cl-text-wrapper,
.link-txt.cl-button.cl-grid-ctrl-inherit.cl-focus .cl-text-wrapper,
.cl-grid .cl-grid-ctrl-inherit:not(.cl-button):not(.cl-disabled).link-txt.cl-button.cl-grid-ctrl-inherit.cl-focus .cl-text-wrapper {
  outline: dotted 1px !important;
  outline-color: invert;
}
/************************************************
 * 캡션
 * → 일반 캡션
 * → 아이콘 캡션
 ************************************************/
.caption {
  color: #717171;
  font-size: 13px;
}
.caption .cl-text {
  line-height: 1.25;
}
.caption.caption-help,
.caption.caption-info,
.caption.caption-success,
.caption.caption-warning,
.caption.caption-danger {
  padding-left: 18px;
}
.caption.caption-help {
  background: url("images/controls/notifier/ic_help.svg") no-repeat left top/16px;
}
.caption.caption-info {
  background: url("images/controls/notifier/ic_info.svg") no-repeat left top/16px;
}
.caption.caption-success {
  background: url("images/controls/notifier/ic_success.svg") no-repeat left top/16px;
}
.caption.caption-warning {
  background: url("images/controls/notifier/ic_warning.svg") no-repeat left top/16px;
}
.caption.caption-danger {
  background: url("images/controls/notifier/ic_danger.svg") no-repeat left top/16px;
  color: #bb213e;
}
.caption.bg-left-center {
  background-position: left center;
}
/************************************************
 * 리스트형 텍스트
 * →
 ************************************************/
.cl-output.dot-txt {
  padding: 0 0 0 10px;
}
.cl-output.dot-txt:before {
  content: "";
  position: absolute;
  top: calc((21px / 2) - 2px);
  left: 0px;
  width: 4px;
  height: 4px;
  background: #b3b3b3;
  border-radius: 9999px;
}
/************************************************
 * 상세페이지 타이틀
 * →
 ************************************************/
.cl-container.data-title-box {
  background-color: #ffffff;
  border-top: 1px solid #9a9a9a;
  border-bottom: 1px solid #e2e2e2;
  padding: 12.5px 16px 12.5px 16px;
}
.cl-container.data-title-box .cl-output.tit {
  background: none;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.32px;
  padding: 0;
}
.cl-container.data-title-box .cl-output .cl-text {
  line-height: 20px;
}
.cl-container.data-title-box .cl-button.btn-i-prev {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
}
.cl-container.data-title-box .cl-button.btn-i-prev:not(.cl-disabled):hover,
.cl-container.data-title-box .cl-button.btn-i-prev:focus,
.cl-container.data-title-box .cl-button.btn-i-prev.cl-focus,
.cl-container.data-title-box .cl-button.btn-i-prev:not(.cl-disabled).cl-activated,
.cl-container.data-title-box .cl-button.btn-i-prev:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.cl-container.data-title-box .cl-button.btn-i-prev .cl-icon {
  background-image: url("images/controls/button/ic_btn_tolist.svg") !important;
}
.cl-container.data-title-box .cl-button.btn-i-prev.btn-i-only {
  padding: 0;
}
.cl-container.data-title-box .cl-container.title-summary-group .cl-output {
  color: #555555;
}
.cl-container.data-title-box .cl-container.title-summary-group .cl-output.summary-label {
  color: #1a1a1a;
  font-weight: 500;
  letter-spacing: -0.28px;
}
.cl-container.data-title-box .cl-container.title-summary-group .spacing-bar {
  background: linear-gradient(#b3b3b3, #b3b3b3) no-repeat center center/1px 10px;
}
/************************************************
 * 파일 관련 아웃풋
 * → 파일의 명 앞으로 아이콘을 표시하는 경우
 ************************************************/
.cl-output.file-txt {
  /* 파일 유형별 아이콘 */
}
.cl-output.file-txt .cl-text {
  background: url("images/controls/fileupload/ic_file.svg") no-repeat left center;
  padding-left: 28px;
}
.cl-output.file-txt .cl-text:empty {
  background-position: center;
  padding: 0px;
}
.cl-output.file-txt.file-hwp .cl-text {
  background-image: url("images/controls/fileupload/ic_file_hwp.svg");
}
.cl-output.file-txt.file-pdf .cl-text {
  background-image: url("images/controls/fileupload/ic_file_pdf.svg");
}
.cl-output.file-txt.file-ppt .cl-text {
  background-image: url("images/controls/fileupload/ic_file_ppt.svg");
}
.cl-output.file-txt.file-xls .cl-text {
  background-image: url("images/controls/fileupload/ic_file_xls.svg");
}
.cl-output.file-txt.file-zip .cl-text {
  background-image: url("images/controls/fileupload/ic_file_zip.svg");
}
.cl-output.file-txt.file-img .cl-text {
  background-image: url("images/controls/fileupload/ic_file_img.svg");
}
.cl-output.file-txt.file-cad .cl-text {
  background-image: url("images/controls/fileupload/ic_file_cad.svg");
}
/************************************************
 * 아이콘 관련 텍스트
 * → .cl-sound-only 를 통해 아이콘에 대한 설명이 필요함
 ************************************************/
.cl-output.ic-txt {
  color: #555555;
  font-size: 13px;
}
.cl-output.ic-txt .cl-text {
  line-height: 1.25;
}
.cl-output.ic-txt.personal {
  background: url("images/controls/tree/ic_auth.svg") no-repeat left center/16px;
  padding-left: 18px;
}
/************************************************
 * 업무소개 페이지
 ************************************************/
.job-introduce {
  background-color: #ffffff;
}
.job-introduce .cl-container.topindicator {
  background-color: #e1f4ff;
}
.job-introduce .cl-container.topindicator .cl-output {
  color: #333333;
}
.job-introduce .cl-container.topindicator .cl-output .cl-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.job-introduce .cl-container.topindicator .cl-output .cl-text span {
  font-weight: 700;
}
.job-introduce .cl-container.introduce-body .cl-container.introduce-section .cl-container.introduce-content .cl-output.tit {
  color: #1a1a1a;
  font-weight: 700;
}
.job-introduce .cl-container.introduce-body .cl-container.introduce-section .cl-container.introduce-content .cl-container.procedure-box {
  background-color: #f4f4f4;
}
.job-introduce .cl-container.introduce-body .cl-container.introduce-section .cl-container.introduce-content .cl-container.procedure-box .cl-output.tit .cl-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.32px;
}
.job-introduce .cl-container.introduce-body .cl-container.introduce-section .cl-container.introduce-content .cl-container.procedure-box .cl-output.tit .cl-text span {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #9b2e2d;
  border-radius: 20px;
  margin-right: 6px;
  vertical-align: middle;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
}
.job-introduce .cl-container.introduce-body .cl-container.introduce-section .cl-container.introduce-content .cl-container.procedure-box .box {
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.job-introduce .cl-container.introduce-body .cl-container.introduce-section .cl-container.introduce-content .cl-container.procedure-box .box .cl-text {
  font-size: 14px;
  font-weight: 400;
}
.job-introduce .cl-container.introduce-body .cl-container.introduce-section .cl-container.introduce-content .cl-container.procedure-box .box .cl-output .cl-text {
  line-height: 24px;
}
.job-introduce .cl-container.introduce-body .cl-container.introduce-section .cl-container.introduce-content .cl-container.procedure-box .arrow {
  background: url("images/com/job_introduce/ic_arrow.svg") no-repeat center;
}
.job-introduce .cl-container.introduce-body .cl-container.introduce-content .cl-output.tit {
  color: #1a1a1a;
}
.job-introduce .cl-container.introduce-body .cl-container.introduce-content .cl-container.card {
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  padding: 19px 19px 19px 99px;
}
.job-introduce .cl-container.introduce-body .cl-container.introduce-content .cl-container.card .cl-output .cl-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.job-introduce .cl-container.introduce-body .cl-container.introduce-content .cl-container.card .cl-output.em-txt {
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.32px;
  color: #9b2e2d;
}
.job-introduce .cl-container.introduce-body .cl-container.introduce-content .cl-container.card.comfirm {
  background: url("images/com/job_introduce/ic_confirm.svg") no-repeat 19px 20px;
}
.job-introduce .cl-container.introduce-body .cl-container.introduce-content .cl-container.card.evaluate {
  background: url("images/com/job_introduce/ic_evaluate.svg") no-repeat 19px 20px;
}
.job-introduce .cl-container.introduce-body .cl-container.introduce-content .cl-container.card.take-out {
  background: url("images/com/job_introduce/ic_take_out.svg") no-repeat 19px 20px;
}
.job-introduce .cl-container.introduce-body .cl-container.introduce-content .cl-container.card.bring-in {
  background: url("images/com/job_introduce/ic_bring_in.svg") no-repeat 19px 20px;
}
.badge-confirm {
  background-color: #555555;
  border: 1px solid #555555;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  padding: 3px 8px;
  line-height: normal;
}
.badge-confirm.not-allow {
  background-color: #ffffff;
  color: #555555;
}
span.badge-confirm {
  margin-right: 6px;
}
@media screen and (max-width: 1319px) {
  .job-introduce .cl-container.introduce-body .cl-container.procedure-box .arrow {
    background: url("images/com/job_introduce/ic_arrow_down.svg") no-repeat center !important;
  }
}
/************************************************
 * 업무소개 페이지
 ************************************************/
.introduce .cl-container.instruction-box {
  background-color: #f4f4f4;
  padding: 20px;
}
.introduce .cl-container.instruction-box .cl-output {
  color: #555555;
}
.introduce .cl-container.content .cl-output.tit.h3 {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.48px;
}
.introduce .cl-container.content .cl-output.tit.h4 {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.4px;
}
.introduce .cl-container.content .cl-output.tit.h5 {
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.36px;
}
.introduce .cl-container.content .cl-output.subtit {
  background-image: url("images/com/job_introduce/ic_blt_02.svg");
  color: #1a1a1a;
  padding: 0 0 0 9px;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.4px;
  padding-left: 14px;
}
.introduce .cl-container.content .cl-output.subtit .cl-text {
  line-height: 1.25;
}
.introduce .cl-container.content .cl-output.caption {
  color: #333333;
  font-weight: 700;
  font-size: 14px;
}
.introduce .cl-container.box-case01 {
  background-color: #ffffff;
  background-repeat: no-repeat;
  border: 1px solid #d6d6d6;
  border-radius: 12px;
  padding: 31px 27px;
}
.introduce .cl-container.box-case01 .cl-button.tit {
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 0px;
  color: #1a1a1a;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.4px;
  text-align: left;
}
.introduce .cl-container.box-case01 .cl-button.tit:not(.cl-disabled):hover,
.introduce .cl-container.box-case01 .cl-button.tit:focus,
.introduce .cl-container.box-case01 .cl-button.tit.cl-focus,
.introduce .cl-container.box-case01 .cl-button.tit:not(.cl-disabled).cl-activated,
.introduce .cl-container.box-case01 .cl-button.tit:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.introduce .cl-container.box-case01 .cl-button.tit .cl-text {
  line-height: 1.25 !important;
}
.introduce .cl-container.box-case01 .cl-output.tit {
  color: #1a1a1a;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.4px;
  text-align: left;
  line-height: 1.25 !important;
}
.introduce .cl-container.box-case02 {
  background-color: #ffffff;
  border: 1px solid #b3b3b3;
  border-radius: 12px;
  padding: 31px 27px;
}
.introduce .cl-container.about {
  background-color: #efeded;
}
.introduce .cl-container.about .cl-container.box-wrap .cl-container.box-case01 {
  background-repeat: no-repeat;
  background-position: center 31px;
  padding-top: 123px;
}
.introduce .cl-container.about .cl-container.box-wrap .cl-container.box-case01 .cl-button.tit {
  text-align: center;
}
.introduce .cl-container.about .cl-container.box-wrap .cl-container.box-case01 .cl-output {
  text-align: center;
}
.introduce .cl-container.about .cl-container.box-wrap .cl-container.box-case01 .cl-output .cl-text {
  word-break: keep-all;
}
.introduce .cl-container.about .cl-container.box-wrap .cl-container.box-case01:nth-child(1) {
  background-image: url("images/com/job_introduce/ic_about_bx_01.svg");
}
.introduce .cl-container.about .cl-container.box-wrap .cl-container.box-case01:nth-child(2) {
  background-image: url("images/com/job_introduce/ic_about_bx_01.svg");
}
.introduce .cl-container.about .cl-container.box-wrap .cl-container.box-case01:nth-child(3) {
  background-image: url("images/com/job_introduce/ic_about_bx_02.svg");
}
.introduce .cl-container.about .cl-container.box-wrap .cl-container.box-case01:nth-child(4) {
  background-image: url("images/com/job_introduce/ic_about_bx_03.svg");
}
.introduce .cl-container.about .cl-container.box-wrap .cl-container.box-case01:nth-child(5) {
  background-image: url("images/com/job_introduce/ic_about_bx_04.svg");
}
.introduce .cl-container.about .cl-output.txt {
  color: #333333;
  font-weight: 500;
  letter-spacing: -0.36px;
  text-align: center;
}
.introduce .cl-container.about .cl-output.txt .cl-text {
  line-height: 1.25;
}
.introduce .cl-container.about .cl-output.arrow {
  background: url("images/com/job_introduce/arrow_tb.png") no-repeat center;
}
.introduce .cl-container.about .cl-output.arrow-blue {
  background: url("images/com/job_introduce/arrow_b_lr.png") no-repeat center;
}
.introduce .cl-container.about .cl-container.image-box .cl-output.tit01,
.introduce .cl-container.about .cl-container.image-box .cl-output.tit02 {
  border-radius: 36px;
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.2);
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.4px;
  text-align: center;
  z-index: 1;
}
.introduce .cl-container.about .cl-container.image-box .cl-output.tit01 .cl-text,
.introduce .cl-container.about .cl-container.image-box .cl-output.tit02 .cl-text {
  line-height: 1.25;
}
.introduce .cl-container.about .cl-container.image-box .cl-output.tit01 {
  background-color: #9b2e2d;
}
.introduce .cl-container.about .cl-container.image-box .cl-output.tit02 {
  background-color: #3d4f9c;
}
.introduce .cl-container.about .cl-container.image-box .cl-output.screen01 {
  background: url("images/com/job_introduce/screen_01.png") no-repeat center;
  border: 1px solid #d6d6d6;
  border-radius: 12px;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.12);
}
.introduce .cl-container.about .cl-container.image-box .cl-output.screen02 {
  background: url("images/com/job_introduce/screen_02.png") no-repeat center;
  border: 1px solid #d6d6d6;
  border-radius: 12px;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.12);
}
.introduce .cl-container.about .cl-container.image-box .cl-output.screen02 + .cl-output {
  background-color: #555555;
  border-radius: 0 0 12px 12px;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.36px;
  margin: 0 1px 1px;
  padding: 6px 8px;
  text-align: center;
}
.introduce .cl-container.about .cl-container.image-box .cl-output.screen02 + .cl-output .cl-text {
  line-height: 1.25;
}
.introduce .cl-container.about .cl-container.box-case01.department .cl-output.tit,
.introduce .cl-container.about .cl-container.box-case01.local .cl-output.tit {
  text-align: center;
}
.introduce .cl-container.about .cl-container.box-case01.department {
  background-image: url("images/com/job_introduce/ic_department.png");
  background-position: center 35px;
  padding-top: 136px;
}
.introduce .cl-container.about .cl-container.box-case01.local {
  background-image: url("images/com/job_introduce/ic_local_gov.png");
  background-position: center 42px;
  padding-top: 128px;
}
.introduce .cl-output.screen03 {
  background: url("images/com/job_introduce/screen_03.png") no-repeat center;
}
.introduce .cl-output.screen04 {
  background: url("images/com/job_introduce/screen_04.png") no-repeat center;
}
.introduce .cl-output.screen05 {
  background: url("images/com/job_introduce/screen_05.png") no-repeat center;
}
.introduce .cl-output.screen06 {
  background: url("images/com/job_introduce/screen_06.png") no-repeat center;
}
.introduce .cl-container.coop .cl-container.box-case01 {
  background-position: 27px center;
  padding-left: 127px;
}
.introduce .cl-container.coop .cl-container.box-case01:nth-child(1) {
  background-image: url("images/com/job_introduce/ic_coop_bx_01.svg");
}
.introduce .cl-container.coop .cl-container.box-case01:nth-child(2) {
  background-image: url("images/com/job_introduce/ic_coop_bx_02.svg");
}
.introduce .cl-container.coop .cl-container.box-case01:nth-child(3) {
  background-image: url("images/com/job_introduce/ic_coop_bx_03.svg");
}
.introduce .cl-container.coop .cl-container.box-case01:nth-child(4) {
  background-image: url("images/com/job_introduce/ic_coop_bx_04.svg");
}
.introduce .cl-output.step-tit {
  background-color: #f4f4f4;
  border-radius: 12px;
  color: #1a1a1a;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.4px;
  padding: 12px 10px;
  text-align: center;
}
.introduce .cl-output.step-tit .cl-text {
  line-height: 1.25;
}
.introduce .cl-container.step-box .cl-output.step {
  background-color: #9b2e2d;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.32px;
  margin-top: -9px;
  text-align: center;
  z-index: 4 !important;
}
.introduce .cl-container.step-box .cl-formlayout-vertical-separator {
  background: url("images/com/job_introduce/ic_step_next.svg") no-repeat center;
}
.introduce .cl-container.step-box .cl-container.box-case02 .cl-output.dot-txt span {
  font-weight: 700;
  margin-right: 3px;
}
.introduce .cl-container.step-box .cl-container.box-case02 .cl-output.dot-txt span.approval {
  color: #333333;
}
.introduce .cl-container.step-box .cl-container.box-case02 .cl-output.dot-txt span.disapproval {
  color: #9b2e2d;
}
.introduce .cl-container.form-step > .cl-layout > .cl-layout-content > .cl-control:not(.label) {
  padding: 20px;
}
.introduce .cl-container.form-step > .cl-layout > .cl-layout-content > .cl-control:not(.label) .cl-output.label {
  padding: 0 0 0 12px;
  text-align: left;
}
.introduce .cl-container.form-step .cl-output.step {
  background-color: #7d7463;
  border-radius: 6px;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.28px;
  text-align: center;
}
.introduce .cl-container.form-step .cl-output.label {
  font-weight: 700;
  letter-spacing: -0.32px;
  padding: 16px 20px;
}
.introduce .cl-container.form-step .cl-output.label .cl-text {
  line-height: 1.25;
}
.introduce .cl-container.form-step .cl-output.tit {
  color: #333333;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.32px;
  text-align: left;
}
.introduce .cl-container.form-step .cl-output.tit .cl-text {
  line-height: 1.25;
}
.introduce .cl-container.form-step .cl-output.dot-txt {
  text-align: left;
}
@media screen and (max-width: 1320px) {
  .introduce .cl-container.about .cl-container.box-wrap .cl-container.box-case01 {
    background-position: center 23px;
    background-size: 60px;
    padding: 23px 11px;
    padding-top: 95px;
  }
  .introduce .cl-container.about .cl-container.box-wrap .cl-container.box-case01 .cl-output .cl-text {
    word-break: break-all;
  }
  .introduce .cl-container.about .cl-output.arrow-blue {
    background-image: url("images/com/job_introduce/arrow_b_tb.png");
  }
}
/************************************************
 * 협업 포탈 스타일 시트
 ************************************************/
/*****************************
* 웹접근성 확인용용 시트
*****************************/
/* 
 * Define Custom variables
 * Template Name : Wa-Check(웹접근성 체크)
 * File : less
 */
/************************************************
 * 컬러 시스템
 ************************************************/
/*************고대비 색상**************/
/************************************************
 * [컨트롤] 체크박스
 ************************************************/
.img-approval {
  background-image: url("images/img/approval.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.wa-highlight {
  border: 2px dashed #d71919 !important;
  background-color: #fff5f5 !important;
}
.wa-highlight.btn-primary,
.wa-highlight.btn-secondary,
.wa-highlight.btn-release,
.wa-highlight.btn-notice {
  color: #d71919 !important;
}
.wa-highlight.btn-primary .cl-icon,
.wa-highlight.btn-secondary .cl-icon,
.wa-highlight.btn-release .cl-icon,
.wa-highlight.btn-notice .cl-icon {
  border-radius: 5px;
  margin: 2px;
  background-color: #fff5f5 !important;
}
.wa-highlight-hover {
  box-shadow: 0px 0px 0px 1px #d71919 inset;
  background-color: #fff5f5 !important;
}
.wa-highlight-hover.btn-primary,
.wa-highlight-hover.btn-secondary,
.wa-highlight-hover.btn-release,
.wa-highlight-hover.btn-notice {
  color: #d71919 !important;
}
.wa-highlight-hover.btn-primary .cl-icon,
.wa-highlight-hover.btn-secondary .cl-icon,
.wa-highlight-hover.btn-release .cl-icon,
.wa-highlight-hover.btn-notice .cl-icon {
  border-radius: 5px;
  margin: 2px;
  background-color: #fff5f5 !important;
}
.cl-checkbox.switch {
  background-color: #d6d6d6;
  border-radius: 9999px;
  color: #ffffff;
  font-weight: 700;
  text-align: right;
}
.cl-checkbox.switch .cl-text {
  padding: 0px 8px 0px 31px;
}
.cl-checkbox.switch .cl-checkbox-field {
  height: 100%;
}
.cl-checkbox.switch:before {
  content: "";
  position: absolute;
  right: calc(100% - 23px);
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border-radius: 9999px;
  pointer-events: none;
  transition: right 0.5s ease;
}
.cl-checkbox.switch.cl-checked {
  background-color: #9b2e2d;
  text-align: left;
}
.cl-checkbox.switch.cl-checked .cl-text {
  padding: 0px 31px 0px 8px;
}
.cl-checkbox.switch.cl-checked:before {
  left: unset;
  right: 3px;
}
.cl-grid .cl-checkbox.switch {
  background-color: #d6d6d6 !important;
  color: #ffffff !important;
}
.cl-grid .cl-checkbox.switch.cl-checked {
  background-color: #9b2e2d !important;
}
/************************************************
 * [컨트롤] 라디오버튼
 ************************************************/
.cl-radiobutton.switch-button {
  border-radius: 4px;
  box-shadow: inset 0px 0px 0px 1px #d6d6d6;
  color: #9a9a9a;
}
.cl-radiobutton.switch-button .cl-radiobutton-item {
  border: 1px solid transparent;
  min-height: 30px;
  text-align: center;
}
.cl-radiobutton.switch-button .cl-radiobutton-item:not(.cl-first-column) {
  box-shadow: inset 1px 0px 0px 0px #d6d6d6;
}
.cl-radiobutton.switch-button .cl-radiobutton-item .cl-text {
  padding: 0px 10px;
}
.cl-radiobutton.switch-button .cl-radiobutton-item .cl-radiobutton-field {
  width: 100%;
  height: 100%;
}
.cl-radiobutton.switch-button .cl-radiobutton-item.cl-selected {
  border-color: #9b2e2d;
  box-shadow: none;
  color: #9b2e2d;
}
.cl-radiobutton.switch-button .cl-radiobutton-item.cl-selected + .cl-radiobutton-item {
  box-shadow: none;
}
/************************************************
 * [컨트롤] 프로그래스 (숫자표기)
 ************************************************/
.cl-progress.progress {
  background-color: #9a9a9a;
  box-shadow: none;
}
/************************************************
 * [UDC] AppHeader
 * --> udc.cmn.AppHeader
 ************************************************/
.cl-container.app-header .cl-container.breadcrumbs .cl-output.breadcrumb-item {
  color: #9a9a9a;
  font-size: 13px;
}
.cl-container.app-header .cl-container.breadcrumbs .cl-output.breadcrumb-item .cl-text:before {
  background-image: url("images/com/slide/ico_btn_arrow_right_g.png");
  background-repeat: no-repeat;
  background-position: 3px 1px;
  background-size: 5px;
  content: "　";
  font-size: 1px;
  color: transparent;
}
.cl-container.app-header .cl-container.breadcrumbs .cl-layout-wrap:last-child .cl-output.breadcrumb-item {
  color: #3d4f9c;
}
/************************************************
 * [화면] 예제 서브페이지
 ************************************************/
.cl-container.subpage .cl-output.section-tit {
  font-size: 18px;
  font-weight: 700;
}
.cl-container.subpage .cl-container.content-box {
  background-color: #f5f8fa;
}
.cl-container.subpage .cl-container.content-box .cl-output.content-tit {
  font-size: 16px;
  font-weight: 700;
  color: #9b2e2d;
}
.cl-container.subpage .cl-container.content-box .cl-container.box {
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
}
.cl-container.subpage .cl-container.content-box .cl-container.box .cl-output.box-tit {
  background-color: #e6edf9;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
.cl-container.subpage .cl-container.card {
  border-radius: 0px;
}
.cl-container.subpage .cl-button.btn-txt {
  text-decoration: underline;
}
.cl-container.subpage .cl-button.btn-txt:not(.cl-disabled):hover,
.cl-container.subpage .cl-button.btn-txt:focus,
.cl-container.subpage .cl-button.btn-txt.cl-focus {
  color: #0c57c1;
}
.cl-container.subpage .cl-button.btn-txt:not(.cl-disabled).cl-activated,
.cl-container.subpage .cl-button.btn-txt:not(.cl-disabled):active {
  color: #2372e3;
}
/************************************************
 * [화면] 에러페이지
 ************************************************/
.cl-container.errorpage .cl-output.tit {
  color: #1e90ff;
  font-size: 55px;
}
/************************************************
 * [컴포넌트] ck에디터5
 ************************************************/
.ck-content strong {
  font-weight: bold;
}
.ck-content ul,
.ck-content ol {
  padding-left: 30px;
}
.ck-content i {
  font-style: italic;
}
.ck-content pre {
  background: rgba(245, 245, 245, 0.3) !important;
}
.ck-content pre code {
  letter-spacing: 0.1px;
  line-height: 120%;
}
/************************************************
 * 이미지슬라이더  ImgSlide.clx
 ************************************************/
.cl-button.slide-button {
  background-image: none;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  color: white;
  text-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
}
.cl-button.slide-button.slide-prev-button {
  background-image: url("images/ext/mdl/slide/prev.png"), linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent);
}
.cl-button.slide-button.slide-next-button {
  background-image: url("images/ext/mdl/slide/next.png"), linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2));
}
.cl-button.slide-button:hover,
.cl-button.slide-button.cl-hover {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  border: none;
  color: white;
  text-shadow: none;
}
.cl-button.slide-button:active,
.cl-button.slide-button.cl-ativated {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0px;
  border: none;
  color: white;
  text-shadow: none;
}
.cl-button.slide-page-button {
  background-image: none;
  border: none;
  background-color: rgba(0, 0, 0, 0.3);
  min-width: 5px;
  min-height: 5px;
  max-height: 5px;
  border-radius: 5px;
}
.cl-button.slide-page-button.active {
  background-color: rgba(0, 0, 0, 0.8);
}
/************************************************
 * badge 스타일 설정
 ************************************************/
.badge1 {
  background-color: #7400FF;
  color: white;
  padding: 0px;
  border-radius: 8px;
  height: 20px;
  min-width: 20px;
  display: inline-block;
  text-align: center;
  padding: 0px 4px;
  margin-left: 0.5em;
}
/************************************************
 * 토글 버튼
 ************************************************/
/* 토글 버튼을 감싸는 컨테이너 스타일 */
.cl-container.toggle-wrap {
  background-color: #D4DADD;
  border-radius: 5px;
  /* 토글 버튼 스타일 */
  /* 토글되어 ON 상태가 되었을 때 */
}
.cl-container.toggle-wrap .cl-checkbox.toggle {
  text-align: center;
  padding: 0px;
}
.cl-container.toggle-wrap .cl-checkbox.toggle .cl-icon-wrapper {
  vertical-align: middle;
}
.cl-container.toggle-wrap .cl-checkbox.toggle .cl-checkbox-icon {
  border-radius: 3px;
  background-color: white;
  background-image: none;
}
.cl-container.toggle-wrap .cl-checkbox.toggle:hover .cl-checkbox-icon,
.cl-container.toggle-wrap .cl-checkbox.toggle.cl-hover .cl-checkbox-icon {
  background-color: white;
  background-image: none;
}
.cl-container.toggle-wrap .cl-checkbox.toggle.cl-checked .cl-checkbox-icon {
  background-color: white;
  background-image: none;
}
.cl-container.toggle-wrap .cl-checkbox.toggle.cl-checked:hover .cl-checkbox-icon,
.cl-container.toggle-wrap .cl-checkbox.toggle.cl-checked.cl-hover .cl-checkbox-icon {
  background-color: white;
  background-image: none;
}
.cl-container.toggle-wrap.on {
  background-color: #3f87fd;
}
.cl-container.toggle-wrap.round {
  border-radius: 21px;
}
.cl-container.toggle-wrap.round .cl-checkbox.toggle .cl-checkbox-icon {
  border-radius: 21px;
}
.cl-container.toggle-wrap .cl-output.hint {
  font-size: 13px;
  color: white;
}
.cl-container.toggle-wrap .cl-output.hint.off {
  text-align: right;
  color: #B5B5B5;
}
.cl-container.toggle-wrap .cl-output.hint.on {
  text-align: left;
}
/***********************************
 * 화면 분할 / 닫기
 ***********************************/
.cl-container.dropdown-menu {
  background-color: white;
  border: 1px solid #BABFC7;
  border-radius: 3px;
  box-shadow: 0 3px 12px 1px rgba(44, 55, 130, 0.15);
}
.cl-container.dropdown-menu.dropdown-menu-s1 {
  border-top: 3px solid #3f87fd;
}
.cl-container.dropdown-menu.dropdown-menu-s2 {
  border-top: 3px solid #307bd8;
}
/**************************************************************************
 * eXCFrame-sample 프로젝트 내비게이션 바 accessiblemegamenu 스타일 설정
 **************************************************************************/
.accessible.cl-container {
  z-index: 1;
}
.z-index-1 {
  z-index: 1 !important;
}
.z-index-2 {
  z-index: 2 !important;
}
/************************************************
 * 웹접근성 속성 확인영역 스타일 설정
 ************************************************/
span.wa-area {
  position: absolute;
  top: 0px;
  right: 0px;
  border-bottom: 5px solid transparent;
  border-top: 5px solid #d71919;
  border-left: 5px solid transparent;
  border-right: 5px solid #d71919;
  cursor: pointer;
}
span.wa-check-handle {
  position: absolute;
  font-size: 17px;
  text-align: center;
  vertical-align: middle;
  background-color: #108912;
  background-image: url("images/icon/check-mark.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 11px 11px;
  top: 0px;
  left: 0px;
  width: 18px;
  height: 20px;
  border-radius: 2px;
  cursor: pointer;
}
span.wa-uncheck-handle {
  position: absolute;
  font-size: 17px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  background-color: #EE0000;
  background-image: url("images/icon/exclamation-mark.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 13px 13px;
  top: 0px;
  left: 0px;
  width: 18px;
  height: 20px;
  border-radius: 2px;
  cursor: pointer;
}
.cl-output.wa-info-checked {
  font-size: 12px;
  color: #ffffff;
  border: 1px solid #108912;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: #108912;
  padding: 0px 3px;
  width: auto;
  height: 20px auto;
}
.cl-output.wa-info-unchecked {
  font-size: 12px;
  color: #ffffff;
  border: 1px solid #EE0000;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: #EE0000;
  padding: 0px 3px;
  width: auto;
  height: 20px auto;
}
.wa-checked {
  border: 1px dashed #108912 !important;
}
.wa-unchecked {
  border: 1px dashed #EE0000 !important;
}
.cl-grid .cl-grid-row:not(.cl-viewing) .wa-checked-grid {
  border: 1px dashed #108912 !important;
}
.cl-grid .cl-grid-row:not(.cl-viewing) .wa-unchecked-grid {
  border: 1px dashed #EE0000 !important;
}
.text-hidden {
  display: none;
}
.form-box-1px {
  border: solid 1px;
  border-color: #dcdee0;
}
.form-box-1px .title-output {
  font-size: 26px;
  font-weight: 700;
}
.form-box-1px .form-inbox {
  border-bottom: solid 1px #dcdee0;
}
.cl-container.login-box {
  border: solid 1px;
  border-color: #dcdee0;
}
.cl-container.login-box .title-output {
  font-size: 26px;
  font-weight: bold;
}
.cl-container.login-box .btn-output {
  font-size: 16px;
}
/************************************************
 * CMS 스텝
 ************************************************/
.cl-container.step-wrap .ico-step {
  border-radius: 9999px;
  background-color: #d0d0d0;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
}
.cl-container.step-wrap .ico-step.step01 {
  background-image: url("images/controls/output/ico_step_01.png");
}
.cl-container.step-wrap .ico-step.step02-comp {
  background-image: url("images/controls/output/ico_step_02_company.png");
}
.cl-container.step-wrap .ico-step.step02-user {
  background-image: url("images/controls/output/ico_step_02_user.png");
}
.cl-container.step-wrap .ico-step.step03 {
  background-image: url("images/controls/output/ico_step_03.png");
}
.cl-container.step-wrap .ico-step.step04 {
  background-image: url("images/controls/output/ico_step_04.png");
}
.cl-container.step-wrap .cl-output.step-txt {
  font-size: 20px;
  font-weight: 300;
  color: #666666;
  line-height: 1.7;
  vertical-align: bottom;
}
.cl-container.step-wrap .cl-output.step-info {
  font-size: 18px;
  font-weight: 700;
  color: #666666;
  vertical-align: top;
}
.cl-container.step-wrap .cl-output.arrow {
  background-image: url("images/controls/output/ico_step_arrow.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
}
.cl-container.step-wrap .cl-image.arrow {
  background-image: url("images/controls/output/ico_step_arrow.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
}
.cl-container.step-wrap .active .ico-step {
  background-color: #9d54e2;
}
.cl-container.step-wrap .active .arrow {
  background-image: url("images/controls/output/ico_step_arrow_on.png");
}
.cl-container.step-wrap .active .step-txt,
.cl-container.step-wrap .active .step-info {
  color: #000000;
}
/**********************************************
  *  CMS 사이트맵 서식
  **********************************************/
.cl-container.cms-sitemap .cl-sidenavigation {
  border: none;
  border-radius: 0px;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item {
  color: #444444;
  min-height: 26px;
  padding: 10px 20px 10px 30px;
  position: relative;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-5 {
  font-size: 11px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-5 .cl-text {
  padding-left: 30px;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-5 .cl-text:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 50px;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-4 {
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-4 .cl-text {
  padding-left: 20px;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-4 .cl-text:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 40px;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-3 {
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-3 .cl-text {
  padding-left: 10px;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-3 .cl-text:before {
  content: "";
  position: absolute;
  top: 14px;
  left: 30px;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item .cl-icon,
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item .cl-expand-icon {
  display: none;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item .cl-text {
  padding: 0px;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-1 {
  background-color: #3d4f9c;
  color: #ffffff;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  min-height: 80px;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-1:hover,
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-1.cl-hover,
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-1:focus,
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-1.cl-selected {
  color: #ffffff;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-2 {
  background-color: #E7EBFC;
  font-size: 20px;
  font-weight: 500;
  min-height: 60px;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-2.cl-first:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 30px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #3d4f9c;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-2 + .cl-list {
  padding: 10px 0px;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-3 {
  font-size: 18px;
  min-height: 28px;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-3 .cl-text:before {
  display: none;
}
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-4 .cl-text:before,
.cl-container.cms-sitemap .cl-sidenavigation .cl-sidenavigation-item.cl-level-5 .cl-text:before {
  width: 4px;
  height: 1px;
  background-color: #444444;
}
/*********************************
  *       접근성 지침 아코디언
  *********************************/
.wa-guideline .cl-grid .cl-grid-cell .wa-required {
  background-position: center;
  background-image: url("images/icon/check-green.png");
  background-size: auto;
  background-repeat: no-repeat;
}
.intro-footer #uuid-5e {
  position: static;
}
.mark_wa {
  position: absolute !important;
  right: 0;
  bottom: 5px;
  width: 80px !important;
}