@charset "UTF-8";
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

.discount, .error { color: #f14747 !important; }

.discount, .error { color: #f14747 !important; }

.color-blue { color: #3b6ac5 !important; }

.color-red { color: #f14747 !important; }

@font-face { font-family: "Noto Sans Kr"; font-style: normal; font-weight: normal; src: local("Noto Sans Regular"), local("NotoSans-Regular"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"), url("../fonts/NotoSansKR-Regular.otf") format("opentype"); }

@font-face { font-family: "Noto Sans Kr"; font-style: normal; font-weight: 500; src: local("Noto Sans Medium"), local("NotoSans-Medium"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"), url("../fonts/NotoSansKR-Medium.otf") format("opentype"); }

@font-face { font-family: "Noto Sans Kr"; font-style: normal; font-weight: 700; src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"), url("../fonts/NotoSansKR-Bold.otf") format("opentype"); }

@font-face { font-family: "Noto Sans Kr"; font-style: normal; font-weight: normal; src: local("Roboto Regular"), local("Roboto-Regular"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"); unicode-range: U+0030-0039; }

@font-face { font-family: "Noto Sans Kr"; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype"); unicode-range: U+0030-0039; }

@font-face { font-family: "WebComponentsIcons"; src: url("../lib/kendo/styles/fonts/glyphs/WebComponentsIcons.woff") format("woff"), url("../lib/kendo/styles/fonts/glyphs/WebComponentsIcons.ttf") format("truetype"); }

/*
* Regular font size
*/
/*
* Text style
*/
/*
* ------------------------------
* font size
* ------------------------------
*/
/*
* Regular font size
*/
/*
* Text style
*/
/* px 단위를 rem 으로 교체한다.
* @access public
* @param {String} $pixels - 픽셀 고정값
* @return {String}
*/
/*
* Example of usage:
* .wrap {
*  ...
*   @include@ clearfix;
* }
*/
/* 한 번에 여러 properties 앞에 prefix를 붙이는 Mixin @param {Map} $declarations - prefix 선언 @param {List} $prefixes (()) - 출력될 prefix들 목록 Example of usage: .selector { @include prefix(( column-count: 3, column-gap: 1.5em, column-rule: 2px solid hotpink ), webkit moz); } */
/* $ max-height - max-height 속성 값. 필수 non-webkit 브라우저에서 텍스트를 제한하는 매개 변수. 속성 재정의에 주의하십시오. 모든 속성 뒤에이 mixin을 포함하는 것이 강력히 권장됩니다. 표시 속성의 재정의를 방지하려면 : .element { display: block; ... @include ellipsis(2rem, 2); } Example of usage: @include ellipsis(2em, 2); */
/* Example of useage: @include background-opacity(#000, 0.3); */
/* Flexbox Class */
.flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; }

.inline-flexbox { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.flex-row { -moz-flex-direction: row !important; -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; }

.flex-column { -moz-flex-direction: column !important; -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; }

.flex-row-reverse { -moz-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; }

.flex-column-reverse { -moz-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; }

.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }

.flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }

.flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }

.flex-1 { -webkit-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; }

.flex-half { -webkit-box-flex: 0 0 50% !important; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; }

.flex-fill { -webkit-box-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }

.flex-grow-0 { -moz-flex-grow: 0 !important; -ms-flex-grow: 0 !important; -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; }

.flex-grow-1 { -moz-flex-grow: 1 !important; -ms-flex-grow: 1 !important; -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; }

.flex-shrink-0 { -ms-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }

.flex-shrink-1 { -ms-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }

.flex-basis-0 { -ms-flex-basis: 0 !important; -ms-flex-preferred-size: 0 !important; flex-basis: 0 !important; }

.flex-basis-auto { -ms-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; }

.justify-content-start { -moz-justify-content: flex-start !important; -ms-justify-content: flex-start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; -ms-flex-pack: flex-start !important; }

.justify-content-end { -moz-justify-content: flex-end !important; -ms-justify-content: flex-end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; -ms-flex-pack: flex-end !important; }

.justify-content-center { -moz-justify-content: center !important; -ms-justify-content: center !important; -webkit-box-pack: center !important; justify-content: center !important; -ms-flex-pack: center !important; }

.justify-content-between { -moz-justify-content: space-between !important; -ms-justify-content: space-between !important; -webkit-box-pack: justify !important; justify-content: space-between !important; -ms-flex-pack: space-between !important; }

.justify-content-around { -moz-justify-content: space-around !important; -ms-justify-content: space-around !important; justify-content: space-around !important; -ms-flex-pack: space-around !important; }

.align-items-start { -moz-align-items: flex-start !important; -ms-align-items: flex-start !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }

.align-items-end { -moz-align-items: flex-end !important; -ms-align-items: flex-end !important; -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }

.align-items-center { -moz-align-items: center !important; -ms-align-items: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }

.align-items-baseline { -moz-align-items: baseline !important; -ms-align-items: baseline !important; -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }

.align-items-stretch { -moz-align-items: stretch !important; -ms-align-items: stretch !important; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }

.align-content-start { -ms-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; }

.align-content-end { -ms-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; }

.align-content-center { -ms-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; }

.align-content-between { -ms-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; }

.align-content-around { -ms-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; }

.align-content-stretch { -ms-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; }

.align-self-auto { -webkit-align-self: auto !important; -ms-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; }

.align-self-start { -webkit-align-self: flex-start !important; -ms-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; }

.align-self-end { -webkit-align-self: flex-end !important; -ms-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; }

.align-self-center { -webkit-align-self: center !important; -ms-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; }

.align-self-baseline { -webkit-align-self: baseline !important; -ms-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; }

.align-self-stretch { -webkit-align-self: stretch !important; -ms-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; }

.order-first { -webkit-box-ordinal-group: -1; -ms-flex-order: -1; order: -1; }

.order-last { -webkit-box-ordinal-group: 13; -ms-flex-order: 13; order: 13; }

.order-0 { -webkit-box-ordinal-group: 0; -ms-flex-order: 0; order: 0; }

.order-1 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; }

.order-2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2; }

.order-3 { -webkit-box-ordinal-group: 3; -ms-flex-order: 3; order: 3; }

.order-4 { -webkit-box-ordinal-group: 4; -ms-flex-order: 4; order: 4; }

.order-5 { -webkit-box-ordinal-group: 5; -ms-flex-order: 5; order: 5; }

.order-6 { -webkit-box-ordinal-group: 6; -ms-flex-order: 6; order: 6; }

.order-7 { -webkit-box-ordinal-group: 7; -ms-flex-order: 7; order: 7; }

.order-8 { -webkit-box-ordinal-group: 8; -ms-flex-order: 8; order: 8; }

.order-9 { -webkit-box-ordinal-group: 9; -ms-flex-order: 9; order: 9; }

.order-10 { -webkit-box-ordinal-group: 10; -ms-flex-order: 10; order: 10; }

.order-11 { -webkit-box-ordinal-group: 11; -ms-flex-order: 11; order: 11; }

.order-12 { -webkit-box-ordinal-group: 12; -ms-flex-order: 12; order: 12; }

/* ------------------------------ 팝업 ------------------------------ */
.layer-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.k-window { border-radius: 3px; padding: 0; background: #fff; outline: 0; display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: absolute; z-index: 10002; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }

/*
* ------------------------------
* dialog
* ------------------------------
*/
.k-dialog .k-dialog-content.alert, .k-window .k-window-content.alert { width: 320px; text-align: center; }

.k-dialog .k-dialog-content.alert .content-group, .k-window .k-window-content.alert .content-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px 30px 30px; }

.k-dialog .k-dialog-content.alert .btn-box, .k-window .k-window-content.alert .btn-box { margin-top: 30px; }

.k-dialog .k-dialog-content.alert .btn-box .k-button, .k-window .k-window-content.alert .btn-box .k-button { height: 32px; }

.k-dialog .k-dialog-content.alert .main-text, .k-window .k-window-content.alert .main-text { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; line-height: 23px; }

.k-dialog .k-dialog-content.sm, .k-window .k-window-content.sm { width: 480px; }

.k-dialog .k-dialog-content.md, .k-window .k-window-content.md { width: 720px; }

.k-dialog .k-dialog-content.lg, .k-window .k-window-content.lg { width: 960px; }

.k-window { max-height: calc(100% - 20px); }

.k-window .k-window-content { overflow: auto; }

.k-window.k-dialog, .k-window { height: auto; padding: 0; background: #fff; outline: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; z-index: 10002; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; border: 1px solid #555; overflow: hidden; }

.k-window.k-dialog.no-header .k-dialog-content, .k-window.no-header .k-dialog-content { margin-top: -1px; }

.k-window.k-dialog.no-header .content-group, .k-window.no-header .content-group { padding-top: 0; }

.k-window.k-dialog.no-header .content-group .btn-box, .k-window.no-header .content-group .btn-box { margin-top: 20px; }

.k-window.k-dialog.no-header .k-button.k-dialog-close, .k-window.no-header .k-button.k-dialog-close { right: 12px; }

.k-window.k-dialog .divide.full, .k-window .divide.full { margin: 0 -30px; padding-left: 30px; padding-right: 30px; }

.k-window.k-dialog .k-dialog-titlebar, .k-window.k-dialog .k-window-titlebar, .k-window .k-dialog-titlebar, .k-window .k-window-titlebar { font-size: 17px; line-height: 26px; letter-spacing: -0.85px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 50px; min-height: 50px; background: #fff; padding: 0 30px; border-bottom: 1px solid #ddd; color: #222; font-weight: 500; }

.k-window.k-dialog .k-dialog-titlebar .k-button, .k-window.k-dialog .k-window-titlebar .k-button, .k-window .k-dialog-titlebar .k-button, .k-window .k-window-titlebar .k-button { padding: 0; }

.k-window.k-dialog .k-dialog-titlebar .badge, .k-window.k-dialog .k-window-titlebar .badge, .k-window .k-dialog-titlebar .badge, .k-window .k-window-titlebar .badge { margin-right: 35px; }

.k-window.k-dialog .k-dialog-content, .k-window.k-dialog .k-window-content, .k-window .k-dialog-content, .k-window .k-window-content { max-height: calc(100% - 50px); height: auto; }

.k-window.k-dialog .k-button.k-dialog-close, .k-window.k-dialog .k-button.k-window-action, .k-window .k-button.k-dialog-close, .k-window .k-button.k-window-action { position: absolute; right: 22px; top: 10px; min-width: 0 !important; width: 30px; height: 30px !important; background-color: transparent; background-repeat: no-repeat; background-position: center; background-color: transparent; border: 1px solid transparent; }

.k-window.k-dialog .k-button.k-dialog-close .k-i-close, .k-window.k-dialog .k-button.k-window-action .k-i-close, .k-window .k-button.k-dialog-close .k-i-close, .k-window .k-button.k-window-action .k-i-close { width: 18px; height: 18px; background-image: url("../images_bc/icon/btn_X.svg"); background-size: 18px 18px; }

.k-window.k-dialog .k-button.k-dialog-close:hover, .k-window.k-dialog .k-button.k-dialog-close:focus, .k-window.k-dialog .k-button.k-window-action:hover, .k-window.k-dialog .k-button.k-window-action:focus, .k-window .k-button.k-dialog-close:hover, .k-window .k-button.k-dialog-close:focus, .k-window .k-button.k-window-action:hover, .k-window .k-button.k-window-action:focus { background-color: transparent; border: 1px solid transparent; }

.k-window.k-dialog .content-group, .k-window .content-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; background: #fff; }

.k-window.k-dialog .content-group.has-check, .k-window .content-group.has-check { padding-bottom: 70px; }

.k-window.k-dialog .content-group .content, .k-window .content-group .content { overflow: auto; padding-bottom: 20px; }

.k-window.k-dialog .content-group .footer, .k-window .content-group .footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: -10px; margin-left: -30px; margin-right: -30px; padding: 20px 30px 0; border-top: 1px solid #aaa; }

.k-window.k-dialog .content-group .footer .btn-box, .k-window .content-group .footer .btn-box { margin-top: 0; }

.check-group.bottom { position: absolute; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; height: 40px; background: #f5f5f5; padding: 0 10px; }

/*
* ------------------------------
* BC0002
* ------------------------------
*/
.pop-timer-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 85px; background: #f5f5f5; border: 1px solid #eee; }

.pop-timer-box .time-label { margin-left: 6px; color: #555; font-weight: 500; }

.pop-timer-box .time-set { margin-left: 10px; color: #f14747; font-weight: bold; }

.pop-guide { margin-top: 10px; }

.pop-guide .list { font-size: 13px; line-height: 22px; letter-spacing: -0.65px; color: #777; line-height: 22px; }

.btn-box { margin-top: 20px; }

/*
* ------------------------------
* window
* ------------------------------
*/
.select-industry-box { display: -webkit-box; display: -ms-flexbox; display: flex; }

.select-industry-box .right-group { margin-left: 10px; background: #f7f7f7; border: 1px solid #eee; }

/*
* ------------------------------
* dialog
* ------------------------------
*/
/*
* ------------------------------
* dialog
* ------------------------------
*/
.k-dialog .k-dialog-content.sm { width: 410px; }

.k-dialog .k-dialog-content.xsm { width: 450px; }

.k-dialog .k-dialog-content.md { width: 600px; }

.k-dialog .k-dialog-content.xmd { width: 700px; }

.k-dialog .k-dialog-content.md2 { width: 800px; }

.k-dialog .k-dialog-content.lg { width: 900px; }

.k-dialog .k-dialog-content.xl { width: 960px; }

.k-window .k-dialog-titlebar { font-size: 15px; line-height: 24px; letter-spacing: -0.75px; }

.k-window .content-group { padding: 20px 30px 30px 20px; }

.k-window .btn-box.justify-content-end { margin-top: 10px; }

.k-dialog .pop-guide .list { font-size: 12px; line-height: 20px; letter-spacing: -0.6px; color: #777; line-height: 18px; }

.pop-guide .list { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; color: #222; }

/* ------------------------------ BC0003 ------------------------------ */
.main-info { font-size: 17px; line-height: 24px; letter-spacing: -0.85px; margin-top: 20px; color: #222; font-weight: bold; text-align: center; }

.sub-info { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; margin-top: 12px; color: #777; text-align: center; }

.check { display: block; margin: 0 auto; }

/* ------------------------------ BC0004 ------------------------------ */
.table-group + .table-group { margin-top: 30px; }

.table-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.table-group.h-sm { max-height: 184px; }

.table-group.h-sm > * { overflow: auto; }

.table-group.half { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0 -10px; }

.table-group.half > * { width: calc(50% - 20px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); margin: 0 10px; }

.table-group.half .table-set { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.table-group.half .table-box { height: 100%; }

.table-group.sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 12px -10px 0 -10px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.table-group.sm > :first-child { width: 298px; -webkit-box-flex: 0; -ms-flex: 0 0 298px; flex: 0 0 298px; }

.table-group.sm > * { margin: 0 10px; }

.table-group.md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0 -10px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.table-group.md > :first-child { width: 380px; -webkit-box-flex: 0; -ms-flex: 0 0 380px; flex: 0 0 380px; }

.table-group.md > * { margin: 0 10px; }

.table-group .search-control .form-group:only-child { width: 100%; }

.table-set { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.table-set .table-content.grid { height: 100%; }

.text-center th, .text-center td { text-align: center !important; }

.text-center th.text-right, .text-center td.text-right { text-align: right !important; }

.text-center th.text-left, .text-center td.text-left { text-align: left !important; }

.table-guide .list { margin-top: 8px; color: #777; font-size: 13px; line-height: 22px; letter-spacing: -0.65px; }

/*
* ------------------------------
*
* ------------------------------
*/
table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }

td .form-box, th .form-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

td.none { background-color: #f5f5f5 !important; }

td.point, th.point { color: #0e4194 !important; font-weight: 500 !important; }

.table { width: 100%; overflow: hidden; }

.table .table { border-top: 1px solid #e4e4e4; }

.table.table-bg-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: none; }

.table.table-bg-box .k-button-group.period .k-button { padding: 0 16px; }

.table.table-bg-box.type1 .cell:nth-of-type(1) { min-width: 36px; max-width: 36px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.table.table-bg-box.type1 .cell:nth-of-type(3) { min-width: 448px; max-width: 448px; }

.table.table-bg-box.type1 .cell:nth-of-type(4) { min-width: 230px; max-width: 230px; }

.table.table-bg-box.type1 .cell:nth-of-type(5) { min-width: 200px; max-width: 200px; }

.table.table-bg-box.type1 .cell:nth-of-type(6) { min-width: 148px; max-width: 148px; }

.table.table-bg-box.type2 .cell .bar { text-align: center; }

.table.table-bg-box.type2 .cell:nth-of-type(2) { min-width: 190px; max-width: 190px; }

.table.table-bg-box.type2 .cell:nth-of-type(3) { min-width: 200px; max-width: 200px; }

.table.table-bg-box.type2 .cell:nth-of-type(4) { min-width: 160px; max-width: 160px; }

.table.table-bg-box.type2 .cell:nth-of-type(5) { min-width: 10px; max-width: 10px; }

.table.table-bg-box.type2 .cell:nth-of-type(6) { min-width: 160px; max-width: 160px; }

.table.table-bg-box.type2 .cell:nth-of-type(7) { min-width: 200px; max-width: 200px; }

.table.table-bg-box.type2 .cell:nth-of-type(8) { min-width: 170px; max-width: 170px; }

.table.table-bg-box.type3 .cell .bar { text-align: center; }

.table.table-bg-box.type3 .cell:nth-of-type(1) { min-width: 159px; max-width: 159px; }

.table.table-bg-box.type3 .cell:nth-of-type(2) { min-width: 159px; max-width: 159px; }

.table.table-bg-box.type3 .cell:nth-of-type(3) { min-width: 159px; max-width: 159px; }

.table.table-bg-box.type3 .cell:nth-of-type(4) { min-width: 159px; max-width: 159px; }

.table.table-bg-box.type3 .cell:nth-of-type(5) { min-width: 159px; max-width: 159px; }

.table.table-bg-box.type3 .cell:nth-of-type(6) { min-width: 159px; max-width: 159px; }

.table.table-bg-box.type3 .cell:nth-of-type(7) { min-width: 159px; max-width: 159px; }

.table.table-bg-box.type3 .cell:nth-of-type(8) { min-width: 110px; max-width: 110px; }

.table.table-bg-box.type3 .cell:nth-of-type(9) { min-width: 196px; max-width: 196px; }

.table.table-bg-box.type4 .cell .bar { text-align: center; }

.table.table-bg-box.type4 .cell:nth-of-type(1) { min-width: 185px; max-width: 185px; }

.table.table-bg-box.type4 .cell:nth-of-type(2) { min-width: 150px; max-width: 150px; }

.table.table-bg-box.type4 .cell:nth-of-type(3) { min-width: 164px; max-width: 164px; }

.table.table-bg-box.type4 .cell:nth-of-type(4) { min-width: 150px; max-width: 150px; }

.table.table-bg-box.type4 .cell:nth-of-type(5) { min-width: 150px; max-width: 150px; }

.table.table-bg-box.type4 .cell:nth-of-type(6) { min-width: 150px; max-width: 150px; }

.table.table-bg-box.type5 .cell .bar { text-align: center; }

.table.table-bg-box.type5 .cell:nth-of-type(1) { min-width: 45px; max-width: 45px; }

.table.table-bg-box.type5 .cell:nth-of-type(3) { min-width: 240px; max-width: 240px; }

.table.table-bg-box.type5 .cell:nth-of-type(4) { min-width: 240px; max-width: 240px; }

.table.table-bg-box.type5 .cell:nth-of-type(5) { min-width: 508px; max-width: 508px; }

.table.table-bg-box .head .row { padding: 0px 20px; }

.table.table-bg-box .head .cell { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; height: 26px; padding: 0px 10px; padding-bottom: 6px; background: #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #555; font-weight: 500; }

.table.table-bg-box .row { display: -webkit-box; display: -ms-flexbox; display: flex; }

.table.table-bg-box .row + .row { margin-top: 10px; }

.table.table-bg-box .cell { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; }

.table.table-bg-box .cell > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.table.table-bg-box .cell .k-button.hidden { margin-left: 20px; }

.table.table-bg-box .body .row { padding: 10px 10px; background-color: #efefef; }

.table.table-bg-box .body .td { border: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.table.has-border td + th { border-left: 1px solid #e4e4e4; }

.table table { width: calc(100% + 2px); margin: 0 -1px; }

.table thead th .h-checkbox { margin-left: auto; margin-right: auto; }

.table tbody th, .table tbody td { text-align: left; }

.table th, .table td { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; }

.table th { border: 1px solid #e4e4e4; border-left: none; border-right: none; }

.table th + th { border-left: 1px solid #e4e4e4; }

.table td { border: 1px solid #e4e4e4; border-left: none; border-right: none; }

.table td + td { border-left: 1px solid #e4e4e4; }

.table td .form-group.col { padding: 0; background: none; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.table th { padding: 0 3px; white-space: nowrap; }

.table.border-none td { border-left: none; border-right: none; }

.table tfoot { background-color: #fff4cf; }

.table tfoot td { font-weight: 500; }

.table.gray-table { background-color: #efefef; }

.table.gray-table table th, .table.gray-table table td { border: 0; background-color: transparent; }

.inner-column { padding: 0 !important; }

.inner-column .table { border-top: 0; }

.inner-column .table tbody tr:last-child th, .inner-column .table tbody tr:last-child td { border-bottom: 0; }

.table-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; background: #fff; border: 1px solid #e4e4e4; }

.table-box.has-bar { padding: 20px; border: 1px solid #ccc; border-left: 1px solid #333; }

.table-box.has-bar .sub-title { color: #2476dd; }

.table-box .btn-box.bottom:only-child { margin-top: -10px; }

.table-box + .table-box { border-top: 0; }

.table-box.justify-content-between { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.table-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.table-footer .btn-box.bottom { margin-top: 10px; }

.table-footer .mark { font-size: 17px; line-height: 26px; letter-spacing: -0.85px; margin-top: 10px; font-weight: 500; }

table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; }

.table tr:first-child th, .table tr:first-child td { border-top: 0; }

.table.sm th, .table.sm td { height: 30px; padding: 2px 10px; }

.k-dialog .table th, .k-dialog .table td { height: 30px; line-height: 19px; padding: 2px 10px; }

.k-dialog .table td { padding: 5px 10px; }

.table-group + .table-group { margin-top: 30px; }

.table-set .table-content.grid { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: auto; }

.text-center th, .text-center td { text-align: center !important; }

.text-center th.text-right, .text-center td.text-right { text-align: right !important; }

.text-center th.text-left, .text-center td.text-left { text-align: left !important; }

td .form-box, th .form-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.inner-title { background-color: #f5f5f5 !important; }

/*
* ------------------------------
* 
* ------------------------------
*/
.table { border-top: 1px solid #5e6b85; }

.table tbody th { text-align: center; }

.table th { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; padding: 0 7px; background: #f2f4f7; color: #5e6b85; font-weight: 500; text-align: center; }

.table td { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; padding: 4px 10px; height: 38px; }

.table.sm td { height: 30px; }

.table td .table tbody th { color: #5e6b85; }

/* ------------------------------ 폼 ------------------------------ */
.form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.form-group > * + * { margin-left: 20px; }

.form-group > .bar { margin-left: 10px; margin-right: -10px; }

.form-group.col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.form-group.col > * + * { margin-left: 0; margin-top: 10px; }

.form-group.col .form-set { width: 100%; }

.form-group .label { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; color: #222; white-space: nowrap; }

.form-group .label + .form-set { margin-left: 8px; }

.form-group .form-label { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; color: #555; white-space: nowrap; font-weight: 400; }

.form-group .form-label + .form-set { margin-left: 8px; }

td .form-group.col > * + * { margin-left: 0; margin-top: 6px; }

.form-set { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.form-set > *:not(.bar) + *:not(.bar) { margin-left: 8px; }

.form-set.xl { width: 830px; }

.form-set .h-checkbox.no-label { margin: 0; }

.form-set .form-label { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; color: #555; white-space: nowrap; font-weight: 400; }

.form-set .bar { margin: 0 2px; color: #555; }

.form-set .h-btn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.form-set .h-checkbox input[type="radio"] + label, .form-set .h-checkbox input[type="checkbox"] + label { white-space: nowrap; }

.k-dialog .search-control { border: 0; padding: 0; }

.k-dialog .search-control.has-border { border: 1px solid #e4e4e4; padding: 20px; }

.k-dialog .search-control .label { padding: 0; margin-right: 8px; }

.k-dialog .search-control .form-set { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; }

.k-dialog .search-control .form-set + .form-set { margin-left: 12px; }

.k-dialog .search-control + .table-content { margin-top: 20px; }

.search-group { display: -webkit-box; display: -ms-flexbox; display: flex; }

.search-group .label { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; height: 28px; color: #777; white-space: nowrap; font-weight: 500; }

.search-group .form-group + .form-group { margin-left: 20px; }

.search-group .form-set { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.search-btn { padding: 9px 0; }

.search-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 20px 20px; padding-right: 89px; background: #fff; border: 1px solid #e4e4e4; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.search-control .form-group + .form-group { margin-left: 20px; }

.search-control.control-3 .form-group { width: calc(33.3% - 20px); }

.search-control.control-3 .form-group:nth-of-type(3n+1) { margin-left: 0; }

.search-control.control-3 .form-group .label { min-width: 62px; }

.search-control.table-style .k-button.search { position: relative; height: 100%; margin-left: 8px; border: 1px solid #e4e4e4; }

.search-control .search-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 28px; }

.search-control .search-line + .search-line { margin-top: 10px; }

.search-control .form-group { white-space: nowrap; }

.search-control .form-group > * + * { margin-left: 0; }

.search-control .form-set { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.search-control .k-button.blue-border { margin-left: 8px; }

.search-control .h-btn.search { margin-left: 10px; background: #fff; border: 1px solid #0e4194; color: #0e4194; }

.search-control .k-button.search { position: absolute; top: 0; right: 0; bottom: 0; width: 89px; height: 100%; background-color: transparent; border: 1px solid #fff; border-radius: 0; border-left: 1px solid #e4e4e4; color: #0e4194; }

.search-control .k-button.search.k-state-focused { border: 1px solid #0e4194; }

.search-control .label { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; height: 28px; color: #777; white-space: nowrap; font-weight: 500; }

.search-control .h-checkbox + .h-checkbox { margin-left: 20px; }

.search-control .h-checkbox input[type="radio"] + label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 28px; }

.search-control .h-checkbox input[type="radio"] + label:before { top: 50%; }

/* ------------------------------ 폼 ------------------------------ */
.form-group .label { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.form-group .label + .form-set { margin-left: 6px; }

.form-group .form-label { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.form-group .form-label + .form-set { margin-left: 6px; }

.form-set > *:not(.bar) + *:not(.bar) { margin-left: 6px; }

.form-set .form-label { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.k-dialog .search-control { margin: 0; }

.k-dialog .search-control .label { height: 26px; margin-right: 6px; }

.k-dialog .search-control .form-group { margin: 0; }

.search-group .label { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; height: 26px; }

.search-control .h-btn.search { border: 1px solid #3b6ac5; color: #3b6ac5; }

.search-control .k-button.search { border-radius: 3px; }

.search-control .k-button.search.k-state-focused { border: 1px solid #3b6ac5; }

.search-control .label { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; height: 26px; }

/*
* ------------------------------
* listbox
* ------------------------------
*/
/*
* ------------------------------
* autocomplete
* ------------------------------
*/
.k-autocomplete { border-radius: 2px; background-clip: padding-box; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: inherit; font-size: 14px; line-height: 1.4285714286; white-space: nowrap; display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; -ms-flex-flow: row nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; vertical-align: middle; -webkit-transition: all .1s ease; transition: all .1s ease; position: relative; cursor: default; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.k-autocomplete .k-ie11 { background-clip: border-box; }

.k-autocomplete .k-i-loading { width: 24px; height: 28px; }

.k-autocomplete .k-clear-value { visibility: hidden; }

.k-autocomplete:hover .k-clear-value, .k-autocomplete.k-state-hover .k-clear-value, .k-autocomplete.k-state-focused .k-clear-value, .k-autocomplete.k-state-focus .k-clear-value { visibility: visible; }

.k-autocomplete:focus-within .k-clear-value { visibility: visible; }

.k-autocomplete.k-header, .k-autocomplete { border-color: rgba(0, 0, 0, 0.08); color: #424242; background-color: #ffffff; }

.k-autocomplete.k-header:hover, .k-autocomplete.k-header.k-state-hover, .k-autocomplete:hover, .k-autocomplete.k-state-hover { border-color: rgba(0, 0, 0, 0.16); }

.k-autocomplete.k-header.k-state-open, .k-autocomplete.k-header.k-state-focused, .k-autocomplete.k-header.k-state-focus, .k-autocomplete.k-state-open, .k-autocomplete.k-state-focused, .k-autocomplete.k-state-focus { border-color: rgba(0, 0, 0, 0.16); }

.k-autocomplete.k-header:focus-within, .k-autocomplete:focus-within { border-color: rgba(0, 0, 0, 0.16); }

.k-list-scroller { overflow: auto; }

/*
* ------------------------------
* input - common
* ------------------------------
*/
.h-input, .k-input { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; height: 28px; padding: 0 10px; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; color: #555; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.h-input:focus, .k-input:focus { border: 1px solid #222; color: #222; }

.h-input:disabled, .h-input:disabled:focus, .k-input:disabled, .k-input:disabled:focus { border: 1px solid #ccc; background-color: #f5f5f5; color: #aaa; }

.h-input::-webkit-input-placeholder, .k-input::-webkit-input-placeholder { font-size: 14px; letter-spacing: -0.75px; font-weight: 400; color: #aaa; }

.h-input:-ms-input-placeholder, .k-input:-ms-input-placeholder { font-size: 14px; letter-spacing: -0.75px; font-weight: 400; color: #aaa; }

.h-input::-ms-input-placeholder, .k-input::-ms-input-placeholder { font-size: 14px; letter-spacing: -0.75px; font-weight: 400; color: #aaa; }

.h-input::placeholder, .k-input::placeholder { font-size: 14px; letter-spacing: -0.75px; font-weight: 400; color: #aaa; }

.h-input.xs, .k-input.xs { max-width: 72px; min-width: 72px; }

.h-input.sm, .k-input.sm { max-width: 110px; min-width: 110px; }

.h-input.xsm, .k-input.xsm { max-width: 120px; min-width: 120px; }

.h-input.md, .k-input.md { max-width: 140px; min-width: 140px; }

.h-input.slg, .k-input.slg { max-width: 220px; min-width: 20px; }

.h-input.lg, .k-input.lg { max-width: 230px; min-width: 230px; }

.h-input.lg-2, .k-input.lg-2 { max-width: 255px; min-width: 255px; }

.h-input.xl, .k-input.xl { max-width: 400px; min-width: 400px; }

/*
* ------------------------------
* input - common
* ------------------------------
*/
.input-set { position: relative; }

.input-set.sm { max-width: 110px; min-width: 110px; }

.input-set.lg { max-width: 240px; min-width: 240px; }

.input-set { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; padding: 0 10px; border: 1px solid #ccc; border-radius: 3px; width: 100%; height: 28px; background-color: #fff; overflow: hidden; }

.input-set.col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.input-set .input-label { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; margin-right: 6px; color: #666; }

.input-set .h-input, .input-set .k-input { min-width: unset; height: 28px; padding: 0; border: none; font-weight: bold; }

.input-set .unit { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; margin-left: 6px; color: #222; }

.input-set.search { padding: 0; }

.input-set.search .h-input, .input-set.search .k-input { height: 28px; border-radius: 3px 0px 0px 3px; text-align: left; font-weight: 400; }

.input-set.search .k-button { min-width: 0; width: 30px; height: 28px; padding: 0; background-color: #fff; border-radius: 0px 3px 3px 0; border: none; }

.input-set.error .h-input, .input-set.error .k-input { border: 1px solid #f14747; }

.input-set.error .note { font-size: 12px; line-height: 26px; letter-spacing: -0.6px; color: #f14747; }

/*
* ------------------------------
* input - common
* ------------------------------
*/
.input-set.xmd { max-width: 160px; min-width: 160px; }

.h-input, .k-input { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; height: 26px; padding: 0 10px; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; color: #555; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.h-input:focus, .k-input:focus { border: 1px solid #222; color: #222; }

.h-input:disabled, .h-input:disabled:focus, .k-input:disabled, .k-input:disabled:focus { border: 1px solid #ccc; background-color: #f5f5f5; color: #aaa; }

.h-input::-webkit-input-placeholder, .k-input::-webkit-input-placeholder { font-size: 13px; letter-spacing: -0.65px; color: #aaa; }

.h-input:-ms-input-placeholder, .k-input:-ms-input-placeholder { font-size: 13px; letter-spacing: -0.65px; color: #aaa; }

.h-input::-ms-input-placeholder, .k-input::-ms-input-placeholder { font-size: 13px; letter-spacing: -0.65px; color: #aaa; }

.h-input::placeholder, .k-input::placeholder { font-size: 13px; letter-spacing: -0.65px; color: #aaa; }

.h-input.xs, .k-input.xs { max-width: 84px; min-width: 84px; }

.h-input.md, .k-input.md { max-width: 140px; min-width: 140px; }

.h-input.xmd, .k-input.xmd { max-width: 160px; min-width: 160px; }

/*
* ------------------------------
* input - common
* ------------------------------
*/
.input-set.sm { max-width: 106px; min-width: 106px; }

.input-set.md { max-width: 140px; min-width: 140px; }

.input-set { height: 26px; }

.input-set .input-label { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.input-set .h-input, .input-set .k-input { height: 26px; border: none; font-weight: 400; }

.input-set .unit { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.input-set.error .note { font-size: 12px; line-height: 20px; letter-spacing: -0.6px; }

/*
* ------------------------------
* checkbox, radiobox
* ------------------------------
*/
.h-checkbox { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 20px; position: relative; padding-left: 28px; white-space: nowrap; }

.h-checkbox input[type="checkbox"], .h-checkbox input[type="radio"] { border: 0; clip: rect(0 0 0 0); height: 0px; overflow: hidden; padding: 0; position: absolute; width: 0px; }

.h-checkbox input[type="checkbox"] + label, .h-checkbox input[type="radio"] + label { /*체크해제 상태*/ color: #555; display: block; }

.h-checkbox input[type="checkbox"] + label span, .h-checkbox input[type="radio"] + label span { position: relative; display: inline-block; vertical-align: top; }

.h-checkbox input[type="checkbox"] + label::before, .h-checkbox input[type="radio"] + label::before { /*체크해제 상태*/ position: absolute; left: 0; top: 50%; margin-top: -10px; content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; }

.h-checkbox input[type="checkbox"]:checked + label span { display: inline-block; }

.h-checkbox input[type="checkbox"] + label::before { background-image: url("../images_bc/icon/btn_checkbox_off.svg"); -webkit-transition: background 0.3s ease; transition: background 0.3s ease; }

.h-checkbox input[type="radio"] + label::before { background-image: url("../images_bc/icon/btn_radio_default.svg"); -webkit-transition: background 0.3s ease; transition: background 0.3s ease; }

.h-checkbox input[type="checkbox"]:checked + label::before { background-image: url("../images_bc/icon/btn_checkbox_checked.svg"); }

.h-checkbox input[type="radio"]:checked + label::before { background-image: url("../images_bc/icon/btn_radio_checked.svg"); }

.h-checkbox input[type="checkbox"]:checked:disabled + label::before { background-image: url("../images_bc/icon/btn_checkbox_checked_disabled.svg"); }

.h-checkbox input[type="checkbox"]:disabled + label::before { background-image: url("../images_bc/icon/btn_checkbox_default_disabled.svg"); }

.h-checkbox input[type="radio"]:checked:disabled + label::before { background-image: url("../images_bc/icon/btn_radio_checked_disabled.svg"); }

.h-checkbox input[type="radio"]:disabled + label::before { background-image: url("../images_bc/icon/btn_radio_default_disabled.svg"); }

/*
* ------------------------------
* 
* ------------------------------
*/
.check-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.check-group .h-checkbox + .h-checkbox, .check-group .h-checkbox + .form-set { margin-left: 20px; }

.h-checkbox.no-label { min-width: 20px; width: 20px; height: 20px; padding-left: 0; margin-left: auto; margin-right: auto; }

.h-checkbox input[type="radio"] + label::before, .h-checkbox input[type="checkbox"] + label::before { width: 20px; height: 20px; }

.h-checkbox input[type="radio"] + label span, .h-checkbox input[type="checkbox"] + label span { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; }

.radioTab input[type="radio"] { border: 0; clip: rect(0 0 0 0); height: 0px; overflow: hidden; padding: 0; position: absolute; width: 0px; }

.radioTab input[type="radio"] + label { position: relative; margin-right: 20px; padding-left: 28px; /*체크해제 상태*/ color: #555; display: inline-block; }

.radioTab input[type="radio"] + label span { position: relative; display: inline-block; vertical-align: top; }

.radioTab input[type="radio"] + label::before { /*체크해제 상태*/ position: absolute; left: 0; top: 50%; margin-top: -10px; content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; }

.radioTab input[type="radio"] + label::before { background-image: url("../images_bc/icon/btn_radio_default.svg"); -webkit-transition: background 0.3s ease; transition: background 0.3s ease; }

.radioTab input[type="radio"]:checked + label::before { background-image: url("../images_bc/icon/btn_radio_checked.svg"); }

.radioTab input[type="radio"]:checked:disabled + label::before { background-image: url("../images_bc/icon/btn_radio_checked_disabled.svg"); }

.radioTab input[type="radio"]:disabled + label::before { background-image: url("../images_bc/icon/btn_radio_default_disabled.svg"); }

.radioTab input[type="radio"] + label::before { width: 20px; height: 20px; }

.radioTab input[type="radio"] + label span { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; }

.radioTab .selected-box { display: none; }

.radioTab input { display: none; }

.radioTab #radioIdsetting1:checked ~ #content1, .radioTab #radioIdsetting2:checked ~ #content2, .radioTab #radioIdsetting3:checked ~ #content3 { display: -webkit-box; display: -ms-flexbox; display: flex; }

/*
* ------------------------------
* checkbox, radiobox
* ------------------------------
*/
.h-checkbox input[type="checkbox"] + label::before { background-image: url("../images_bc/icon/checkbox_default.svg"); -webkit-transition: background 0.3s ease; transition: background 0.3s ease; }

.h-checkbox input[type="radio"] + label::before { background-image: url("../images_bc/icon/radio_default.svg"); -webkit-transition: background 0.3s ease; transition: background 0.3s ease; }

.h-checkbox input[type="checkbox"]:checked + label::before { background-image: url("../images_bc/icon/checkbox_checked.svg"); }

.h-checkbox input[type="radio"]:checked + label::before { background-image: url("../images_bc/icon/radio_checked.svg"); }

.h-checkbox { padding-left: 26px; }

/*
* ------------------------------
* 
* ------------------------------
*/
.check-group .h-checkbox + .h-checkbox, .check-group .h-checkbox + .form-set { margin-left: 12px; }

.h-checkbox input[type="radio"] + label span, .h-checkbox input[type="checkbox"] + label span { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

/* ------------------------------ 버튼 ------------------------------ */
.h-btn.hidden, .k-button.hidden { overflow: hidden; text-indent: -9000px; white-space: nowrap; min-width: 0 !important; padding: 0 !important; background-color: transparent !important; border: 0 !important; }

.k-button.link { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; color: #0e4194 !important; line-height: 20px; text-decoration: underline !important; }

.h-btn, .k-button { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 28px; padding: 0 20px; border-radius: 3px; white-space: nowrap; -webkit-transition: background 0.1s ease-in; transition: background 0.1s ease-in; background-color: #0e4194; border: 1px solid #0e4194; color: #fff; /* ------------------------------ 헤더버튼 ------------------------------ */ }

.h-btn.md, .k-button.md { height: 32px; padding: 0 30px; }

.h-btn:hover, .h-btn:focus, .k-button:hover, .k-button:focus { background-color: #002a70; border: 1px solid #002a70; }

.h-btn.k-state-focused, .k-button.k-state-focused { background-color: #002a70; border: 1px solid #002a70; }

.h-btn.text, .k-button.text { background: transparent; border: 1px solid transparent; height: auto; padding: 0; text-decoration: underline; }

.h-btn.text.is-checked, .k-button.text.is-checked { color: #0e4194; }

.h-btn.text.is-checked.is-important, .k-button.text.is-checked.is-important { color: #f14747; }

.h-btn .k-icon, .k-button .k-icon { width: 16px; height: 16px; }

.h-btn:not(.col) > * + *, .k-button:not(.col) > * + * { margin-left: 6px; }

.h-btn.k-button-icontext, .k-button.k-button-icontext { padding: 0 12px; }

.h-btn.k-button-icontext > * + *, .k-button.k-button-icontext > * + * { margin-left: 4px; }

.h-btn.k-button-icontext.md > * + *, .k-button.k-button-icontext.md > * + * { margin-left: 8px; }

.h-btn.k-button-icontext.hidden > * + *, .k-button.k-button-icontext.hidden > * + * { margin-left: 0; }

.h-btn.logout, .k-button.logout { margin-left: 6px; border: 1px solid #e0e5ec; }

.h-btn.logout.k-state-focused, .k-button.logout.k-state-focused { border: 1px solid #e0e5ec; }

.h-btn:disabled, .h-btn:disabled:hover, .h-btn:disabled:focus, .h-btn:disabled:active, .k-button:disabled, .k-button:disabled:hover, .k-button:disabled:focus, .k-button:disabled:active { cursor: default; background: #bbc2cf !important; border: 1px solid #bbc2cf !important; color: #fff !important; }

.h-btn.blue, .k-button.blue { background-color: #0e4194; border: 1px soild #0e4194; color: #fff; }

.h-btn.blue:hover, .h-btn.blue:focus, .k-button.blue:hover, .k-button.blue:focus { background-color: #002a70; }

.h-btn.blue.k-state-focused, .k-button.blue.k-state-focused { background-color: #002a70; }

.h-btn.light-blue, .k-button.light-blue { background-color: #cfdef5; border: 1px solid #cfdef5; color: #0e4194; }

.h-btn.light-blue:hover, .h-btn.light-blue:focus, .k-button.light-blue:hover, .k-button.light-blue:focus { background-color: #b7cdef; border: 1px solid #b7cdef; }

.h-btn.light-blue.k-state-focused, .k-button.light-blue.k-state-focused { background-color: #b7cdef; border: 1px solid #b7cdef; }

.h-btn.light-blue:disabled, .h-btn.light-blue:disabled:hover, .h-btn.light-blue:disabled:focus, .h-btn.light-blue:disabled:active, .k-button.light-blue:disabled, .k-button.light-blue:disabled:hover, .k-button.light-blue:disabled:focus, .k-button.light-blue:disabled:active { cursor: default; background: #e4e9ef !important; border: 1px solid #e4e9ef !important; color: #bbc2cf !important; }

.h-btn.light-blue-border, .k-button.light-blue-border { background-color: #eff2f7; border: 1px solid #ccc; }

.h-btn.blue-border, .k-button.blue-border { background: #fff; border: 1px solid #0e4194; color: #0e4194; }

.h-btn.blue-border:hover, .h-btn.blue-border:focus, .k-button.blue-border:hover, .k-button.blue-border:focus { background-color: #e4e9ef; }

.h-btn.blue-border.k-state-focused, .k-button.blue-border.k-state-focused { background-color: #e4e9ef; }

.h-btn.blue-border:disabled, .h-btn.blue-border:disabled:hover, .h-btn.blue-border:disabled:focus, .h-btn.blue-border:disabled:active, .k-button.blue-border:disabled, .k-button.blue-border:disabled:hover, .k-button.blue-border:disabled:focus, .k-button.blue-border:disabled:active { cursor: default; background: #fff !important; border: 1px solid #bbc2cf !important; color: #bbc2cf !important; }

.h-btn.gray-border, .k-button.gray-border { background-color: #fff; border: 1px solid #aaa; color: #222; }

.h-btn.gray-border:hover, .h-btn.gray-border:focus, .k-button.gray-border:hover, .k-button.gray-border:focus { background-color: #efefef; border: 1px solid #aaa; }

.h-btn.gray-border.k-state-focused, .k-button.gray-border.k-state-focused { background-color: #efefef; border: 1px solid #aaa; }

.h-btn.gray-border:disabled, .h-btn.gray-border:disabled:hover, .h-btn.gray-border:disabled:focus, .h-btn.gray-border:disabled:active, .k-button.gray-border:disabled, .k-button.gray-border:disabled:hover, .k-button.gray-border:disabled:focus, .k-button.gray-border:disabled:active { cursor: default; background: #fff !important; border: 1px solid #eee !important; color: #ccc !important; }

.h-btn.green, .k-button.green { background-color: #1e6c42; border: 1px solid #0d5a30; color: #fff; }

.h-btn.green:hover, .h-btn.green:focus, .k-button.green:hover, .k-button.green:focus { background-color: #0d5a30; border: 1px solid #0d5a30; }

.h-btn.green.k-state-focused, .k-button.green.k-state-focused { background-color: #0d5a30; }

.h-btn.light-green, .k-button.light-green { background-color: #d4eee0; border: 1px solid #d4eee0; color: #1e6c42; }

.h-btn.light-green:hover, .h-btn.light-green:focus, .k-button.light-green:hover, .k-button.light-green:focus { background-color: #b5e5cc; border: 1px solid #b5e5cc; color: #1e6c42; }

.h-btn.light-green.k-state-focused, .k-button.light-green.k-state-focused { background-color: #b5e5cc; border: 1px solid #b5e5cc; color: #1e6c42; }

/* ------------------------------ 버튼 그룹 ------------------------------ */
.k-dialog .btn-box.bottom { margin-top: 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.btn-box.col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 0; }

.btn-box.col .k-button + .k-button { margin-top: 6px; margin-left: 0; }

.btn-box.bottom { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 10px; }

.btn-box.bottom .k-button, .btn-box.bottom .h-btn { height: 32px; }

.btn-box .k-button { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }

.btn-box .k-button + .k-button { margin-left: 6px; }

.k-button-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.k-button-group.period .k-button { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; min-width: 57px; background-color: #fff; border: 1px solid #aaa; border-right-color: transparent; color: #777; border-radius: 0; cursor: pointer; }

.k-button-group.period .k-button.k-state-active, .k-button-group.period .k-button.k-state-focused { background-color: #48c3e6; border: 1px solid #48c3e6; color: #fff; }

.k-button-group.period .k-button.k-state-active + .k-button, .k-button-group.period .k-button.k-state-focused + .k-button { border-left: 1px solid #48c3e6; }

.k-button-group.period .k-button.k-state-disabled { background-color: #f5f5f5; border: 1px solid #aaa; color: #aaa; cursor: default; }

.k-button-group.period .k-button.k-state-disabled + .k-button { border-left: 1px solid #aaa; }

.k-button-group.period .k-button:first-child { border-radius: 3px 0 0 3px; }

.k-button-group.period .k-button:last-child { border-radius: 0 3px 3px 0; border-right: 1px solid #aaa; }

.k-button-group.period .k-button:last-child.k-state-active, .k-button-group.period .k-button:last-child.k-state-focused { border-right: 1px solid #48c3e6; }

.k-button-group.round { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: -3px; }

.k-button-group.round .k-button { margin: 3px 0; padding: 0 5px; height: 17px; background-color: #fff; border: 1px solid #ccc; border-radius: 10px; font-size: 12px; line-height: 17px; letter-spacing: -0.6px; color: #777; }

.k-button-group.round .k-button + .k-button { margin-left: 6px; }

.k-button-group.round .k-button.k-state-active, .k-button-group.round .k-button.k-state-focused { border: 1px solid #0e4194; color: #0e4194; }

.k-button-group.multi.square-8, .k-button-group.square.square-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.k-button-group.multi.square-8 .k-button, .k-button-group.square.square-8 .k-button { width: 12.5%; height: 40px; }

.k-button-group.multi.square-8 .k-button.blanked, .k-button-group.square.square-8 .k-button.blanked { background: #fff !important; }

.k-button-group.multi.square-8 .k-button:nth-of-type(n+9), .k-button-group.square.square-8 .k-button:nth-of-type(n+9) { border-top: none; }

.k-button-group.multi.square-8 .k-button:nth-of-type(n+9).k-state-active::after, .k-button-group.multi.square-8 .k-button:nth-of-type(n+9).k-state-focused::after, .k-button-group.square.square-8 .k-button:nth-of-type(n+9).k-state-active::after, .k-button-group.square.square-8 .k-button:nth-of-type(n+9).k-state-focused::after { top: -1px; }

.k-button-group.multi.square-8 .k-button:nth-of-type(8n), .k-button-group.multi.square-8 .k-button:last-child, .k-button-group.square.square-8 .k-button:nth-of-type(8n), .k-button-group.square.square-8 .k-button:last-child { border-right: 1px solid #ccc; }

.k-button-group.multi.square-8 .k-button:nth-of-type(8n).k-state-active span, .k-button-group.multi.square-8 .k-button:nth-of-type(8n).k-state-focused span, .k-button-group.multi.square-8 .k-button:last-child.k-state-active span, .k-button-group.multi.square-8 .k-button:last-child.k-state-focused span, .k-button-group.square.square-8 .k-button:nth-of-type(8n).k-state-active span, .k-button-group.square.square-8 .k-button:nth-of-type(8n).k-state-focused span, .k-button-group.square.square-8 .k-button:last-child.k-state-active span, .k-button-group.square.square-8 .k-button:last-child.k-state-focused span { margin-right: 0px; }

.k-button-group.multi.square-8 .k-button:nth-of-type(8n).k-state-active::after, .k-button-group.multi.square-8 .k-button:nth-of-type(8n).k-state-focused::after, .k-button-group.multi.square-8 .k-button:last-child.k-state-active::after, .k-button-group.multi.square-8 .k-button:last-child.k-state-focused::after, .k-button-group.square.square-8 .k-button:nth-of-type(8n).k-state-active::after, .k-button-group.square.square-8 .k-button:nth-of-type(8n).k-state-focused::after, .k-button-group.square.square-8 .k-button:last-child.k-state-active::after, .k-button-group.square.square-8 .k-button:last-child.k-state-focused::after { right: 0px !important; }

.k-button-group.multi.square-8 .k-button.k-state-active, .k-button-group.multi.square-8 .k-button.k-state-focused, .k-button-group.square.square-8 .k-button.k-state-active, .k-button-group.square.square-8 .k-button.k-state-focused { border: none !important; }

.k-button-group.multi.square-8 .k-button.k-state-active span, .k-button-group.multi.square-8 .k-button.k-state-focused span, .k-button-group.square.square-8 .k-button.k-state-active span, .k-button-group.square.square-8 .k-button.k-state-focused span { margin-right: -1px; }

.k-button-group.multi.square-8 .k-button.k-state-active + .k-button, .k-button-group.multi.square-8 .k-button.k-state-focused + .k-button, .k-button-group.square.square-8 .k-button.k-state-active + .k-button, .k-button-group.square.square-8 .k-button.k-state-focused + .k-button { border-left: 1px solid #ccc; }

.k-button-group.multi.square-8 .k-button.k-state-active::after, .k-button-group.multi.square-8 .k-button.k-state-focused::after, .k-button-group.square.square-8 .k-button.k-state-active::after, .k-button-group.square.square-8 .k-button.k-state-focused::after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; padding-left: 1px; border: 1px solid #0e4194; right: -1px !important; z-index: 11; }

.k-button-group.multi .k-button, .k-button-group.square .k-button { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; height: 28px; background-color: #fff; border: 1px solid #ccc; border-right: 0; color: #555; border-radius: 0; }

.k-button-group.multi .k-button.k-state-active, .k-button-group.multi .k-button.k-state-focused, .k-button-group.square .k-button.k-state-active, .k-button-group.square .k-button.k-state-focused { background-color: #fff; border: 1px solid #0e4194; border-right: 0; color: #0e4194; }

.k-button-group.multi .k-button.k-state-active + .k-button, .k-button-group.multi .k-button.k-state-focused + .k-button, .k-button-group.square .k-button.k-state-active + .k-button, .k-button-group.square .k-button.k-state-focused + .k-button { border-left: 1px solid #0e4194; }

.k-button-group.multi .k-button:last-child, .k-button-group.square .k-button:last-child { border-right: 1px solid #aaa; }

.k-button-group.multi .k-button:last-child.k-state-active, .k-button-group.multi .k-button:last-child.k-state-focused, .k-button-group.square .k-button:last-child.k-state-active, .k-button-group.square .k-button:last-child.k-state-focused { border-right: 1px solid #0e4194; }

.k-button-group.multi .k-button + .k-button.k-state-active, .k-button-group.square .k-button + .k-button.k-state-active { margin-left: 0px; padding-left: 20px; }

.center-box { margin-top: 10px; padding: 20px 0; }

/* ------------------------------ 버튼 ------------------------------ */
.h-btn, .k-button { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; height: 26px; padding: 0 16px; border-radius: 3px; background-color: #3b6ac5; border: 1px solid #3b6ac5; color: #fff; /* ------------------------------ 헤더버튼 ------------------------------ */ }

.h-btn:hover, .h-btn:focus, .k-button:hover, .k-button:focus { background-color: #2253b4; border: 1px solid #2253b4; }

.h-btn.k-state-focused, .k-button.k-state-focused { background-color: #2253b4; border: 1px solid #2253b4; }

.h-btn:disabled, .h-btn:disabled:hover, .h-btn:disabled:focus, .h-btn:disabled:active, .k-button:disabled, .k-button:disabled:hover, .k-button:disabled:focus, .k-button:disabled:active { cursor: default; background: #f5f5f5 !important; border: 1px solid #ccc !important; color: #aaa !important; opacity: 0.7; }

.h-btn.md, .k-button.md { height: 30px; padding: 0 20px; }

.h-btn .k-icon, .k-button .k-icon { width: 16px; height: 16px; }

.h-btn:not(.col) > * + *, .k-button:not(.col) > * + * { margin-left: 6px; }

.h-btn.k-button-icontext, .k-button.k-button-icontext { padding: 0 12px; }

.h-btn.k-button-icontext > * + *, .k-button.k-button-icontext > * + * { margin-left: 4px; }

.h-btn.k-button-icontext.md > * + *, .k-button.k-button-icontext.md > * + * { margin-left: 8px; }

.h-btn.blue, .k-button.blue { background: #3b6ac5; border: 1px solid #3b6ac5; color: #fff; }

.h-btn.blue:hover, .h-btn.blue:focus, .k-button.blue:hover, .k-button.blue:focus { background-color: #2253b4; border: 1px solid #2253b4; }

.h-btn.blue.k-state-focused, .k-button.blue.k-state-focused { background-color: #2253b4; border: 1px solid #2253b4; }

.h-btn.light-blue, .k-button.light-blue { background: #dee9ff; border: 1px solid #dee9ff; color: #3b6ac5; }

.h-btn.light-blue:hover, .h-btn.light-blue:focus, .k-button.light-blue:hover, .k-button.light-blue:focus { background-color: #bcccee; border: 1px solid #bcccee; }

.h-btn.light-blue.k-state-focused, .k-button.light-blue.k-state-focused { background-color: #bcccee; border: 1px solid #bcccee; }

.h-btn.blue-border, .k-button.blue-border { background: #fff; border: 1px solid #3b6ac5; color: #2476dd; }

.h-btn.blue-border:hover, .h-btn.blue-border:focus, .k-button.blue-border:hover, .k-button.blue-border:focus { background-color: #dee9ff; border: 1px solid #3b6ac5; }

.h-btn.blue-border.k-state-focused, .k-button.blue-border.k-state-focused { background-color: #dee9ff; border: 1px solid #3b6ac5; }

.h-btn.gray-border, .k-button.gray-border { background: #fff; border: 1px solid #555; color: #222; }

.h-btn.gray-border:hover, .h-btn.gray-border:focus, .k-button.gray-border:hover, .k-button.gray-border:focus { background-color: #eee; border: 1px solid #999; }

.h-btn.gray-border.k-state-focused, .k-button.gray-border.k-state-focused { background-color: #eee; border: 1px solid #999; }

.h-btn.green, .k-button.green { background-color: #1e6c42; border: 1px solid #1e6c42; color: #fff; }

.h-btn.green:hover, .h-btn.green:focus, .k-button.green:hover, .k-button.green:focus { background-color: #074d27; border: 1px solid #074d27; }

.h-btn.green.k-state-focused, .k-button.green.k-state-focused { background-color: #074d27; border: 1px solid #074d27; }

.h-btn.light-green, .k-button.light-green { background: #d4eee0; border: 1px solid #d4eee0; color: #1e6c42; }

.h-btn.light-green:hover, .h-btn.light-green:focus, .k-button.light-green:hover, .k-button.light-green:focus { background-color: #98d2b3; border: 1px solid #98d2b3; }

.h-btn.light-green.k-state-focused, .k-button.light-green.k-state-focused { background-color: #98d2b3; border: 1px solid #98d2b3; }

/*
* ------------------------------
* 버튼 그룹
* ------------------------------
*/
.btn-box.bottom .k-button { height: 30px; padding: 0 20px; }

.btn-box .k-button + .k-button { margin-left: 6px; }

.k-button-group.period .k-button { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.k-button-group.period .k-button.k-state-active, .k-button-group.period .k-button.k-state-focused { background-color: #5c92fc; border: 1px solid #5c92fc; }

.k-button-group.period .k-button.k-state-active + .k-button, .k-button-group.period .k-button.k-state-focused + .k-button { border-left: 1px solid #5c92fc; }

.k-button-group.period .k-button:last-child.k-state-active, .k-button-group.period .k-button:last-child.k-state-focused { border-right: 1px solid #5c92fc; }

.k-button-group.period.sm .k-button { min-width: 80px; max-width: 80px; padding: 0; }

.k-button-group.round .k-button.k-state-active, .k-button-group.round .k-button.k-state-focused { border: 1px solid #3b6ac5; color: #3b6ac5; }

.k-button-group.multi .k-button.k-state-active, .k-button-group.multi .k-button.k-state-focused, .k-button-group.square .k-button.k-state-active, .k-button-group.square .k-button.k-state-focused { border: 1px solid #3b6ac5; color: #3b6ac5; }

.k-button-group.multi .k-button.k-state-active + .k-button, .k-button-group.multi .k-button.k-state-focused + .k-button, .k-button-group.square .k-button.k-state-active + .k-button, .k-button-group.square .k-button.k-state-focused + .k-button { border-left: 1px solid #3b6ac5; }

.k-button-group.multi .k-button:last-child.k-state-active, .k-button-group.multi .k-button:last-child.k-state-focused, .k-button-group.square .k-button:last-child.k-state-active, .k-button-group.square .k-button:last-child.k-state-focused { border-right: 1px solid #3b6ac5; }

.h-ico, .k-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; vertical-align: middle; text-indent: -9999px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; padding: 0; position: relative; -webkit-transition: background 0.1s ease; transition: background 0.1s ease; }

.h-ico.xs { width: 15px; height: 15px; }

.h-ico.xsm { width: 16px; height: 16px; }

.h-ico.sm { width: 18px; height: 18px; }

.h-ico.md { width: 20px; height: 20px; }

.h-ico.lg { width: 26px; height: 26px; }

.h-ico.xl { width: 40px; height: 40px; }

th .required { vertical-align: middle; display: inline-block; margin-left: 2px; color: #f14747; font-size: 14px; }

.h-ico.filter { width: 28px; height: 28px; background-image: url("../images_bc/icon/btn_filter_default.svg"); background-size: 8px 15px; margin-right: -10px; }

.h-ico.close { width: 26px; height: 26px; background-image: url("../images_bc/icon/btn_X.svg"); background-size: 18px 18px; }

.h-ico.clear { width: 26px; height: 26px; background-image: url("../images_bc/icon/btn_X.svg"); background-size: 12px 12px; }

.h-ico.up { width: 15px; height: 15px; background-image: url("../images_bc/icon/icon_arrow_up.svg"); background-size: contain; }

.h-ico.down { width: 15px; height: 15px; background-image: url("../images_bc/icon/icon_arrow_down.svg"); background-size: contain; }

.h-ico.time { width: 15px; height: 15px; background-image: url("../images_bc/icon/icon_time.svg"); background-size: contain; }

.h-ico.input-check { width: 15px; height: 15px; background-image: url("../images_bc/icon/icon_check_default.svg"); background-size: contain; }

.h-ico.is-important.k-state-focused, .h-ico.is-important.k-state-active { background-image: url("../images_bc/icon/icon_check_active.svg"); }

.h-ico.plus { width: 15px; height: 15px; background-image: url("../images_bc/icon/icon_plus.svg"); background-size: contain; }

.h-ico.prev { width: 28px; height: 28px; background-image: url("../images_bc/icon/icon_arrow_left.svg"); background-size: 16px 16px; }

.h-ico.next { width: 28px; height: 28px; background-image: url("../images_bc/icon/icon_arrow_right.svg"); background-size: 16px 16px; }

.h-ico.mail { width: 16px; height: 16px; background-image: url("../images_bc/icon/icon_mystorage.svg"); background-size: contain; }

.h-ico.rotate-left { width: 16px; height: 16px; background-image: url("../images_bc/icon/icon_rotate_left.svg"); background-size: contain; }

.h-ico.rotate-right { width: 16px; height: 16px; background-image: url("../images_bc/icon/icon_rotate_right.svg"); background-size: contain; }

.h-ico.lnb-close { width: 16px; height: 16px; background-image: url("../images_bc/icon/icon_lnb_close.svg"); background-size: contain; }

.h-ico.bookmark { width: 18px; height: 18px; background-image: url("../images_bc/icon/btn_bookmark_default.svg"); background-size: contain; }

.h-ico.bookmark.active { background-image: url("../images_bc/icon/btn_bookmark_active.svg"); }

.h-ico.search { width: 30px; height: 100%; background-image: url("../images_bc/icon/icon_search.svg"); background-size: 18px 18px; }

.h-ico.search:disabled { background-image: url("../images_bc/icon/icon_search_disabled.svg"); }

.h-ico.blue { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_search_btn.svg"); background-size: contain; }

.h-ico.menu1 { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_standard_default.svg"); background-size: contain; }

.h-ico.menu2 { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_contract_default.svg"); background-size: contain; }

.h-ico.menu3 { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_calculate_default.svg"); background-size: contain; }

.h-ico.menu4 { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_charge_default.svg"); background-size: contain; }

.h-ico.menu5 { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_distribution_default.svg"); background-size: contain; }

.h-ico.menu6 { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_accounting_default.svg"); background-size: contain; }

.h-ico.menu7 { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_service_default.svg"); background-size: contain; }

.h-ico.menu8 { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_athorize_default.svg"); background-size: contain; }

.h-ico.profile { width: 20px; height: 20px; background-image: url("../images_bc/icon/icon_profile.svg"); background-size: contain; }

.h-ico.profile-blue { font-size: 0; width: 20px; height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-image: url("../images_bc/icon/icon_profile_blue@3x.png"); background-size: contain; }

.h-ico.noti { width: 20px; height: 20px; background-image: url("../images_bc/icon/icon_tip.svg"); background-size: contain; }

.h-ico.tip { width: 26px; height: 26px; background-image: url("../images_bc/icon/btn_tip_default.svg"); background-size: contain; }

.h-ico.tip.k-state-border-down { background-image: url("../images_bc/icon/btn_tip_hover.svg"); }

.status-banner.contract .list { background-position: 20px 10px; background-size: 52px 52px; background-repeat: no-repeat; }

.status-banner.contract .list.list1 { background-image: url("../images_bc/icon/icon_contact_01.svg"); }

.status-banner.contract .list.list2 { background-image: url("../images_bc/icon/icon_contact_02.svg"); }

.status-banner.contract .list.list3 { background-image: url("../images_bc/icon/icon_contact_03.svg"); }

.status-banner.contract .list.list4 { background-image: url("../images_bc/icon/icon_contact_04.svg"); }

.status-banner.contract .list.list5 { background-image: url("../images_bc/icon/icon_contact_05.svg"); }

.status-banner.contract .list.list6 { background-image: url("../images_bc/icon/icon_contact_06.svg"); }

.status-banner.contract .list.list7 { background-image: url("../images_bc/icon/icon_contact_07.svg"); }

.status-banner.settlement .list { position: relative; background-position: calc(100% - 24px) 14px; background-size: 26px 26px; background-repeat: no-repeat; }

.status-banner.settlement .list::after { font-size: 13px; line-height: 22px; letter-spacing: -0.65px; position: absolute; right: 25px; bottom: 13px; display: block; font-weight: 500; line-height: 19px; }

.status-banner.settlement .list.done { background-image: url("../images_bc/icon/icon_complete.svg"); border: 1px solid #1e6c42; background-color: #d4eee0; }

.status-banner.settlement .list.done::after { content: '완료'; color: #1e6c42; }

.status-banner.settlement .list.wait { background-image: url("../images_bc/icon/icon_waiting.svg"); }

.status-banner.settlement .list.wait::after { content: '대기'; color: #666; }

.status-banner.settlement .list.ing { background-image: url("../images_bc/icon/icon_proceeding.svg"); border: 1px solid #0e4194; background-color: #cfdef5; }

.status-banner.settlement .list.ing::after { content: '진행중'; right: 20px; color: #0e4194; }

.sidebar-1depth:hover .h-ico.menu1, .active .h-ico.menu1 { background-image: url("../images_bc/icon/icon_standard_selected.svg"); }

.sidebar-1depth:hover .h-ico.menu2, .active .h-ico.menu2 { background-image: url("../images_bc/icon/icon_contract_selected.svg"); }

.sidebar-1depth:hover .h-ico.menu3, .active .h-ico.menu3 { background-image: url("../images_bc/icon/icon_calculate_selected.svg"); }

.sidebar-1depth:hover .h-ico.menu4, .active .h-ico.menu4 { background-image: url("../images_bc/icon/icon_charge_selected.svg"); }

.sidebar-1depth:hover .h-ico.menu5, .active .h-ico.menu5 { background-image: url("../images_bc/icon/icon_distribution_selected.svg"); }

.sidebar-1depth:hover .h-ico.menu6, .active .h-ico.menu6 { background-image: url("../images_bc/icon/icon_accounting_selected.svg"); }

.sidebar-1depth:hover .h-ico.menu7, .active .h-ico.menu7 { background-image: url("../images_bc/icon/icon_service_selected.svg"); }

.sidebar-1depth:hover .h-ico.menu8, .active .h-ico.menu8 { background-image: url("../images_bc/icon/icon_athorize_selected.svg"); }

.input-check.k-state-active-custom { color: #0e4194; }

.input-check.k-state-active-custom .k-i-input-check { background-image: url("../images_bc/icon/icon_check_blue.svg"); }

.input-check.is-important.k-state-active-custom { color: #f14747; }

.input-check.is-important.k-state-active-custom .k-i-input-check { background-image: url("../images_bc/icon/icon_check_active.svg"); }

.k-i-example { background: gray; }

.k-i-filter { width: 28px; height: 28px; background-image: url("../images_bc/icon/btn_filter_default.svg"); background-size: 8px 15px; margin-right: -10px; }

.k-i-k-i-x { width: 12px; height: 12px; background-image: url("../images_bc/icon/btn_X.svg"); background-size: 12px 12px; }

.k-i-close { width: 18px; height: 18px; background-image: url("../images_bc/icon/btn_delete.svg"); background-size: 15px 15px; }

.k-i-btn_X { width: 18px; height: 18px; background-image: url("../images_bc/icon/btn_X.svg"); background-size: 18px 18px; width: 18px !important; height: 18px !important; }

.k-i-up { width: 15px; height: 15px; background-image: url("../images_bc/icon/icon_arrow_up.svg"); background-size: contain; }

.k-i-down { width: 15px; height: 15px; background-image: url("../images_bc/icon/icon_arrow_down.svg"); background-size: contain; }

.k-i-time { width: 15px; height: 15px; background-image: url("../images_bc/icon/icon_time.svg"); background-size: contain; }

.k-i-input-check { width: 15px; height: 15px; background-image: url("../images_bc/icon/icon_check_default.svg"); background-size: contain; }

.k-i-plus { width: 15px; height: 15px; background-image: url("../images_bc/icon/icon_plus.svg"); background-size: contain; }

.k-i-mail { width: 16px; height: 16px; background-image: url("../images_bc/icon/icon_mystorage.svg"); background-size: contain; }

.k-i-rotate-left { width: 16px; height: 16px; background-image: url("../images_bc/icon/icon_rotate_left.svg"); background-size: contain; }

.k-i-rotate-right { width: 16px; height: 16px; background-image: url("../images_bc/icon/icon_rotate_right.svg"); background-size: contain; }

.k-i-lnb-close { width: 16px; height: 16px; background-image: url("../images_bc/icon/icon_lnb_close.svg"); background-size: contain; }

.k-i-calendar { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_calendar.svg"); background-size: contain; }

.k-i-bookmark { width: 18px; height: 18px; background-image: url("../images_bc/icon/btn_bookmark_default.svg"); background-size: contain; }

.k-i-bookmarkactive { background-image: url("../images_bc/icon/btn_bookmark_active.svg"); }

.k-i-search { width: 30px; height: 100%; background-image: url("../images_bc/icon/icon_search.svg"); background-size: 18px 18px; }

.k-i-search:disabled { background-image: url("../images_bc/icon/icon_search_disabled.svg"); }

.k-i-search-blue { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_search_btn.svg"); background-size: contain; }

.k-i-menu1 { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_profile.svg"); background-size: contain; }

.k-i-menu2 { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_4.svg"); background-size: contain; }

.k-i-menu3 { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_1.svg"); background-size: contain; }

.k-i-menu4 { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_3.svg"); background-size: contain; }

.k-i-menu5 { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_profile.svg"); background-size: contain; }

.k-i-menu6 { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_4.svg"); background-size: contain; }

.k-i-menu7 { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_3.svg"); background-size: contain; }

.k-i-menu8 { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_2.svg"); background-size: contain; }

.k-i-profile { width: 20px; height: 20px; background-image: url("../images_bc/icon/icon_profile.svg"); background-size: contain; }

.k-i-profile-blue { font-size: 0; width: 20px; height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-image: url("../images_bc/icon/icon_profile_blue@3x.png"); background-size: contain; }

.k-i-tip { width: 26px; height: 26px; background-image: url("../images_bc/icon/btn_tip_default.svg"); background-size: contain; }

.k-i-tip:hover { background-image: url("../images_bc/icon/btn_tip_hover.svg"); }

.h-ico.pop-timer { width: 18px; height: 18px; background-image: url("../images_bc/icon/icon_logout_time.svg"); background-size: contain; }

.h-ico.search { width: 26px; height: 100%; background-image: url("../images_bc/icon/icon_search.svg"); background-size: 14px 14px; }

.h-ico.search:disabled { background-image: url("../images_bc/icon/icon_search_disabled.svg"); }

.h-ico.profile-blue { font-size: 0; width: 20px; height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-image: url("../images_bc/icon/icon_profile@2x.png"); background-size: contain; }

.h-ico.questmark { width: 26px; height: 26px; background-image: url("../images_bc/icon/btn_tip_hover.svg"); background-size: 26px 26px; }

.h-ico.questmark.k-state-border-down { background-image: url("../images_bc/icon/btn_tip_hover.svg"); }

.h-ico.remote { width: 28px; height: 28px; background-image: url("../images_bc/icon/icon_remote.svg"); background-size: 20px 20px; }

.h-ico.adduser { width: 28px; height: 28px; background-image: url("../images_bc/icon/icon_user_regi.svg"); background-size: 20px 20px; }

.h-ico.mail { width: 28px; height: 28px; background-image: url("../images_bc/icon/icon_sms.svg"); background-size: 20px 20px; }

.h-ico.call { width: 28px; height: 28px; background-image: url("../images_bc/icon/icon_call.svg"); background-size: 20px 20px; }

.h-ico.consult { width: 28px; height: 28px; background-image: url("../images_bc/icon/icon_counsel_regi.svg"); background-size: 20px 20px; }

.k-i-search { width: 26px; height: 100%; background-image: url("../images_bc/icon/icon_search.svg"); background-size: 14px 14px; }

.k-i-search:disabled { background-image: url("../images_bc/icon/icon_search_disabled.svg"); }

.k-i-search-blue { width: 14px !important; height: 14px !important; background-image: url("../images_bc/icon/icon_search_blue.svg"); background-size: contain; }

.k-i-calendar { width: 14px; height: 14px; background-image: url("../images_bc/icon/icon_calendar.svg"); background-size: contain; }

.k-i-arrow-chevron-down { width: 14px; height: 14px; background-image: url("../images_bc/icon/icon_arrow_down.svg"); background-size: contain; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.k-i-arrow-chevron-up { width: 14px; height: 14px; background-image: url("../images_bc/icon/icon_arrow_down.svg"); background-size: contain; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { font-family: "Roboto", "Noto Sans KR", sans-serif; padding: 0; margin: 0; width: 100%; height: 100%; background-color: #f5f5f5; }

ul, li, ol { padding: 0; margin: 0; }

li { list-style: none; }

a { text-decoration: none; color: #222; }

div, p, span, a, button, h1, h2, h3, h4, h5, h6 { color: inherit; font-size: inherit; margin: 0; padding: 0; }

button { border: none; background-color: transparent; cursor: pointer; }

button, input, textarea { outline: none; margin: 0; padding: 0; border: none; }

ul, li, ol { padding: 0; margin: 0; }

li { list-style: none; }

a { text-decoration: none; cursor: pointer; }

button { border: none; background-color: transparent; cursor: pointer; }

/* Icon */
.icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; vertical-align: middle; text-indent: -9999px; background-color: transparent; background-repeat: no-repeat; background-position: center center; }

.bp > * { font-family: 맑은고딕, Malgun Gothic, dotum, gulim, sans-serif !important; }

/*
* ------------------------------
* 여백
* ------------------------------
*/
.ml-4 { margin-left: 4px !important; }

.ml-6 { margin-left: 6px !important; }

.ml-8 { margin-left: 8px !important; }

.ml-10 { margin-left: 10px !important; }

.ml-30 { margin-left: 30px !important; }

.mt-4 { margin-top: 4px !important; }

.mt-8 { margin-top: 8px !important; }

.mt-6 { margin-top: 6px !important; }

.mt-10 { margin-top: 10px !important; }

.mt-18 { margin-top: 18px !important; }

.mt-20 { margin-top: 20px !important; }

.mt-30 { margin-top: 30px !important; }

.mt-36 { margin-top: 36px !important; }

.mt-60 { margin-top: 60px !important; }

.my-0 { margin-top: 0px !important; margin-bottom: 0px !important; }

.mx-0 { margin-left: 0px !important; margin-right: 0px !important; }

.pd-0 { padding: 0px !important; }

.pt-0 { padding-top: 0px !important; }

.mt-0 { margin-top: 0px !important; }

.pr-3 { padding-right: 3px !important; }

.pl-3 { padding-left: 3px !important; }

.py-10 { padding-top: 10px !important; padding-bottom: 10px !important; }

.py-6 { padding-top: 6px !important; padding-bottom: 6px !important; }

.my-6 { margin-top: 6px !important; margin-bottom: 6px !important; }

.mb-0 { margin-bottom: 0px !important; }

.mb-4 { margin-bottom: 4px !important; }

.mb-10 { margin-bottom: 10px !important; }

.mb-30 { margin-bottom: 30px !important; }

.ml-20 { margin-left: 20px !important; }

.text-left { text-align: left !important; }

.text-center { text-align: center !important; }

.text-right { text-align: right !important; }

.text-center > * { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; margin-left: auto !important; margin-right: auto !important; }

.text-medium { font-weight: 500 !important; }

.px-0 { padding-left: 0 !important; padding-right: 0 !important; }

.w-120 { width: 120px !important; }

.w-128 { width: 128px !important; }

.w100 { width: 100% !important; }

.h100 { height: 100% !important; }

.text-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.text-blue { color: #0e4194; }

.point { color: #0e4194; font-weight: bold; }

.important { color: #f14747 !important; font-weight: 500 !important; }

.notice-title { color: #0e4194; font-weight: 500; }

.table .total td { color: #0e4194; font-weight: 500; }

.table .positive { color: #0e4194; font-weight: 500; }

.table .negative { color: #f14747; font-weight: 500; }

/*
* ------------------------------
* badge
* ------------------------------
*/
.k-listbox .badge { width: 62px; height: 20px; white-space: nowrap; }

td .badge { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 20px; white-space: nowrap; }

.badge { font-size: 13px; line-height: 26px; letter-spacing: -0.65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 8px; border-radius: 11px; }

.badge.pink { background-color: #feecec; border: 1px solid #fddbdb; color: #fde3e3; }

.badge.blue { background-color: #e8f0ff; border: 1px solid #dbe7ff; color: #3b6ac5; }

.badge.green { background-color: #e0f6ea; border: 1px solid #bae3ce; color: #1e6c42; }

.badge.yellow { background-color: #fff6d9; border: 1px solid #ffe79b; color: #d89000; }

.badge.gray { background-color: #ebebeb; border: 1px solid #d5d5d5; color: #777; }

.badge.square { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 24px; border-radius: 3px; }

.badge.square > * + * { margin-left: 8px; }

.badge.square.gray { border: 1px solid #efefef; background: #efefef; color: #555; font-weight: 500; }

.badge.square .label { position: relative; padding-right: 8px; color: #0e4194; }

.badge.square .label.has-bar::after { content: ""; width: 1px; height: 12px; position: absolute; top: 50%; right: 0; margin-top: -6px; background: #ccc; }

.badge.square .desc { color: #222; }

.badge.square .desc + .label { margin-left: 20px; }

.badge.count { width: 26px; height: 26px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.bg-white, .bg-white .k-toolbar.k-grid-toolbar { background-color: #fff !important; }

#mainTab { position: absolute; }

/*
* ------------------------------
* table divide
* ------------------------------
*/
.divide { padding: 20px 0; }

.divide + .divide { border-top: 1px solid #e4e4e4; }

.divide .title-box.md { margin-bottom: 10px; }

.divide + .btn-box.bottom { margin-top: -10px; }

.table-group.divide-thick { position: relative; }

.table-group.divide-thick + .table-group.divide-thick { margin-top: 20px; }

.table-group.divide-thick + .table-group.divide-thick::before { content: ""; display: block; height: 8px; margin: 0 -30px; background: #ddd; }

td .divide { padding: 10px 0; }

td .divide .list + .list { margin-top: 10px; }

td .divide:first-child { margin-top: -6px; }

td .divide:last-child { margin-bottom: -6px; }

td .divide + .divide { border-top: 1px solid #e4e4e4; }

/*
* ------------------------------
* Title
* ------------------------------
*/
.main-title { font-size: 22px; line-height: 26px; letter-spacing: -1.1px; color: #222; font-weight: bold; }

.sub-title { font-size: 17px; line-height: 26px; letter-spacing: -0.85px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #222; font-weight: 500; }

.sub-title.md { font-size: 17px; line-height: 26px; letter-spacing: -0.85px; }

.sub-title.dot { position: relative; padding-left: 8px; }

.sub-title.dot::before { content: ""; position: absolute; top: 50%; left: 0; width: 4px; height: 4px; border-radius: 50%; margin-top: -2px; background: #222; }

.alert-title { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px 0 10px; line-height: 20px; font-weight: 500; }

.alert-title.sm { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; margin: 0 0 10px; font-weight: 400; line-height: 20px; }

/*
* ------------------------------
* Title Group
* ------------------------------
*/
.contents-header { margin-bottom: 20px; }

.title-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.title-box .left-group, .title-box .right-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.title-box .btn-box { margin-top: 0; }

.title-box.lg { height: 32px; }

.title-box.md { min-height: 28px; height: 28px; margin: 20px 0 4px; }

.title-box.md .sub-title { font-size: 17px; line-height: 26px; letter-spacing: -0.85px; min-height: 30px; font-weight: 500; }

.title-box.md + .title-box.xsm { margin-top: 8px; }

.title-box.md .badge.square { height: 28px; }

.title-box.xsm { margin: 20px 0 6px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.title-box.xsm .sub-title { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; line-height: 21px; }

.title-box.xsm .noti { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; }

.title-box.xsm + .title-box.sm { margin-top: 0; }

.title-box.sm { min-height: 28px; margin: 12px 0 8px; }

.title-box.sm .sub-title { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; }

.title-box.sm .noti { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; }

.title-box.xs { min-height: 20px; margin: 6px 0 8px; }

.title-box.xs .sub-title { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; }

.title-box.xs .noti { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; }

.title-box .noti.sm { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; }

.title-box .noti.red { color: #f14747; }

.k-dialog .title-box.sm { margin: 20px 0 8px; }

.title-box .list-box .list .label { color: #777; }

.title-box .list-box .list .desc { color: #222; }

.title-box .list-box .list + .list { margin-left: 20px; }

.title-box .list-box .list.blue .label, .title-box .list-box .list.blue .desc { color: #0e4194; }

/*
* ------------------------------
*  리스트
* ------------------------------
*/
.list-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.list-group.half > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.list-group.half > * + * { margin-left: 10px; }

/*
* ------------------------------
*  숫자 카운트
* ------------------------------
*/
.amount-set { color: #aaa; font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: -0.75px; white-space: nowrap; }

.amount-set .amount.current { color: #0e4194; font-weight: bold; }

.amount-set .dash { margin: 0 1px; }

.amount-set .unit { margin-left: 1px; }

/*
* ------------------------------
* BreadCrumb
* ------------------------------
*/
.breadcrumb { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.breadcrumb::before { display: none; }

.breadcrumb .breadcrumb-item { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; }

.breadcrumb .breadcrumb-item.active { color: #444; }

.breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: ">"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 4px; color: #999; font-family: "roboto"; }

/*
* ------------------------------
* List
* ------------------------------
*/
.list-group { display: -webkit-box; display: -ms-flexbox; display: flex; }

/*
* ------------------------------
* badge
* ------------------------------
*/
/*
* ------------------------------
* File upload
* ------------------------------
*/
.filebox { padding: 20px; background-color: #f5f5f5; }

.filebox .label { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; margin-right: 0; white-space: nowrap; }

.filebox .input-set .k-button { position: absolute; top: 0; right: 5px; width: 30px; height: 28px; }

.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.filebox .h-input:disabled, .filebox .h-input:disabled:focus, .filebox .k-input:disabled, .filebox .k-input:disabled:focus { background-color: #fff; color: #aaa; }

/*
* ------------------------------
* tab control
* ------------------------------
*/
.tab-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.tab-control.box .tabpanel { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 10px; padding: 4px 30px 30px; background: #fff; border: 1px solid #e4e4e4; }

.tab-control.border .tabpanel { margin-top: -1px; padding: 20px; background-color: #fff; border: 1px solid #e4e4e4; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.tab-control.border .tabpanel.no-line { padding: 20px 0 0 0; border: none; }

.tab-control.border.search .search-control { margin-top: 0; }

.tab-control.border.search .tabpanel { border: none; padding: 0; background-color: transparent; }

.tab-control.border.search .tabpanel .search-control + .table-set { max-height: calc(100% - 78px); }

.tab-style.Asystem .k-tabstrip-items { height: 40px; border-bottom: 0; }

.tab-style.Asystem .k-tabstrip-items .k-item { height: 40px; z-index: 11; font-size: 16px; line-height: 30px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 200px; margin-right: 2px; border-width: 2px 2px 2px 2px; border-bottom-color: transparent; border-top-color: #f5f5f5; border-left-color: #f5f5f5; border-right-color: #f5f5f5; border-style: solid; border-radius: 3px 3px 0 0; color: #999999; }

.tab-style.Asystem .k-tabstrip-items .k-link { padding-bottom: 0; font-weight: 400; }

.tab-style.Asystem .k-tabstrip-items .k-item.k-state-active, .tab-style.Asystem .k-tabstrip-items .k-item.k-state-selected { height: 42px; padding-bottom: 2px; background: #fff; border-top-color: #6039b9; border-left-color: #6039b9; border-right-color: #6039b9; border-bottom-color: #fff; color: #6039b9; font-weight: 500; z-index: 100; }

.tab-style.Asystem .k-tabstrip-items .k-item.k-state-disabled { color: #aaa; }

.tab-style.Asystem .tabpanel { border-top: 2px solid #6039b9; padding: 20px; background-color: #fff; z-index: 1; }

.tab-menu .btn-box { position: absolute; right: 0; bottom: 8px; margin-top: 0; padding-left: 8px; background: #f5f5f5; }

.tab-menu .has-new { position: relative; }

.tab-menu .has-new::after { content: ""; display: block; position: absolute; right: -5px; top: 0; width: 4px; height: 4px; background-color: #f14747; border-radius: 50%; }

/*
* ------------------------------
* yearmonth box
* ------------------------------
*/
.yearmonth-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 28px; margin: 0 0 8px 0; }

.year-box { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -6px; }

.year-box .k-button.year { font-size: 17px; line-height: 26px; letter-spacing: -0.85px; padding: 0 3px; color: #222; font-weight: 500; }

/*
* ------------------------------
* box style
* ------------------------------
*/
.border-box { padding: 4px 30px 30px; background: #fff; border: 1px solid #e4e4e4; }

.list-info { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; color: #555; }

.list-info .h-input, .list-info .k-input { display: inline-block; }

.list-info > * { margin-right: 8px; }

/*
* ------------------------------
* banner
* ------------------------------
*/
.status-banner { display: -webkit-box; display: -ms-flexbox; display: flex; }

.status-banner.contract { margin-bottom: 8px; }

.status-banner.contract .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 10px 20px; background: #fff; border: 1px solid #e4e4e4; }

.status-banner.contract .list + .list { margin-left: 8px; }

.status-banner.contract .tit { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; line-height: 20px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-weight: 400; color: #666; white-space: nowrap; }

.status-banner.contract .count { font-size: 30px; line-height: 26px; letter-spacing: -1.5px; line-height: 36px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; color: #222; font-weight: bold; }

.status-banner.settlement { margin-bottom: 8px; }

.status-banner.settlement .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 14px 20px; background: #fff; border: 1px solid #e4e4e4; }

.status-banner.settlement .list + .list { margin-left: 8px; }

.status-banner.settlement .tit { font-size: 17px; line-height: 26px; letter-spacing: -0.85px; font-weight: 500; color: #222; white-space: nowrap; }

.status-banner.settlement .time { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; line-height: 19px; color: #666; font-weight: 400; }

.info-banner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

.info-banner.company { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 4px; padding: 20px; background: #05146e; }

.info-banner.company .tit { font-size: 13px; line-height: 26px; letter-spacing: -0.65px; color: #48c3e6; font-weight: 500; }

.info-banner.company .desc { font-size: 17px; line-height: 26px; letter-spacing: -0.85px; margin-top: 4px; color: #fff; line-height: 19px; font-weight: 500; }

.info-banner.company .badge { position: absolute; top: 20px; right: 20px; height: 20px; }

.report-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 17px 20px 16px; background-color: #f5f5f5; border: 1px solid #e4e4e4; text-align: center; }

.report-banner .tit { font-size: 17px; line-height: 26px; letter-spacing: -0.85px; position: relative; color: #222; font-weight: 500; }

.report-banner .tit.has-bar { margin-right: 20px; padding-right: 20px; font-weight: 500; }

.report-banner .tit.has-bar::after { content: ""; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 21px; margin-top: -10px; background: #ccc; }

.report-banner .tit.dot { position: relative; padding-left: 8px; }

.report-banner .tit.dot::before { content: ""; position: absolute; top: 50%; left: 0; width: 4px; height: 4px; border-radius: 50%; margin-top: -2px; background: #222; }

.report-banner .date { font-size: 13px; line-height: 22px; letter-spacing: -0.65px; margin-top: 4px; color: #777; line-height: 18px; font-weight: 400; }

.report-banner.row { padding: 30px 20px 29px; }

.report-banner.row .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.report-banner.row .date { font-size: 17px; line-height: 26px; letter-spacing: -0.85px; margin-top: 0; color: #0e4194; font-weight: 500; }

/************************************************************
**  file tree area
************************************************************/
.table + .tree-box { border-top: none; }

.tree-box { height: 180px; border: 1px solid #ccc; border-top: 1px solid #222; }

.detail-title { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; height: 36px; background: #f2f4f7; color: #555; line-height: 36px; text-align: center; font-weight: 500; }

.detail-box { height: 120px; padding: 0 10px; border: 1px solid #ccc; overflow: auto; }

.detail-box .list { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; padding: 8px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.detail-box .list + .list { border-top: 1px solid #e4e4e4; }

/************************************************************
**  file upload
************************************************************/
.k-upload { position: relative; }

.k-dropzone .k-dropzone-hint, .k-upload-button { vertical-align: middle; }

.k-dropzone, .k-file { position: relative; }

.k-dropzone { border-style: solid; border-width: 0; padding: 0.8em; background-color: transparent; }

.k-dropzone .k-dropzone-hint { margin-left: 0.6em; }

.k-dropzone-active .k-dropzone-hint { display: inline-block; }

.k-dropzone-active .k-upload-status { display: none; }

.k-upload-button { position: relative; overflow: hidden; direction: ltr; }

.k-upload .k-upload-button { min-width: 7.167em; margin-right: 1.6em; }

.k-upload-button input { position: absolute; bottom: 0; right: 0; z-index: 1; font: 170px monospace !important; opacity: 0; margin: 0; padding: 0; cursor: pointer; }

.k-upload-files { border-style: solid; border-width: 1px 0 0; }

.k-upload-files .k-button { padding: 0; }

.k-upload-status .k-i-warning { display: none; }

.k-upload-status-total .k-icon { display: inline-block; margin-right: 4px; vertical-align: text-bottom; }

.k-upload-files ~ .k-clear-selected, .k-upload-files ~ .k-upload-selected { margin-top: -5px; }

.k-upload .k-fail { background-position: -161px -111px; }

.k-file { border-style: solid; border-width: 0 0 1px; padding: 0.65em 1em calc(0.65em + 2px) 1em; white-space: nowrap; }

.k-file .k-upload-action { background: 0 0; border-width: 0; -webkit-box-shadow: none; box-shadow: none; margin-right: 3px; }

.k-file:last-child { border-bottom-width: 0; }

.k-file .k-icon { display: inline-block; position: relative; }

.k-upload-files .k-file { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; position: relative; }

.k-file-extension-wrapper, .k-file-group-wrapper, .k-file-invalid-extension-wrapper, .k-file-name-size-wrapper, .k-multiple-files-extension-wrapper, .k-multiple-files-group-wrapper, .k-multiple-files-invalid-extension-wrapper { display: block; }

.k-file-extension-wrapper, .k-file-invalid-extension-wrapper, .k-multiple-files-extension-wrapper, .k-multiple-files-invalid-extension-wrapper { position: relative; width: 24px; height: 34px; border-width: 2px; border-style: solid; vertical-align: top; font-size: 0.57em; text-transform: uppercase; }

.k-file-invalid-extension-wrapper, .k-multiple-files-invalid-extension-wrapper { font-size: 1.2em; }

.k-multiple-files-extension-wrapper, .k-multiple-files-invalid-extension-wrapper { margin-top: 4px; }

.k-file-group-wrapper .k-file-group, .k-file-invalid-group-wrapper .k-file-group, .k-multiple-files-group-wrapper .k-file-group, .k-multiple-files-invalid-group-wrapper .k-file-group { font-size: 32px; }

.k-file-group-wrapper .k-file-state, .k-file-invalid-group-wrapper .k-file-state, .k-multiple-files-group-wrapper .k-file-state, .k-multiple-files-invalid-group-wrapper .k-file-state { position: absolute; }

.k-multiple-files-group-wrapper, .k-multiple-files-invalid-group-wrapper { vertical-align: top; }

.k-file-state { visibility: hidden; }

.k-file-single > .k-file-name-size-wrapper, .k-file > .k-file-name-size-wrapper, .k-multiple-files-wrapper { overflow: hidden; -ms-flex: 1 0 0px; -webkit-box-flex: 1; flex: 1 0 0; margin-left: 1em; }

.k-multiple-files-wrapper .k-file-name-size-wrapper { margin-bottom: 1em; }

.k-file-name-size-wrapper { vertical-align: middle; }

.k-file-extension-wrapper:before, .k-file-invalid-extension-wrapper:before, .k-multiple-files-extension-wrapper:after, .k-multiple-files-extension-wrapper:before, .k-multiple-files-invalid-extension-wrapper:after, .k-multiple-files-invalid-extension-wrapper:before { position: absolute; content: ""; display: inline-block; border-style: solid; }

.k-file-extension-wrapper:before, .k-file-invalid-extension-wrapper:before, .k-multiple-files-extension-wrapper:before, .k-multiple-files-invalid-extension-wrapper:before { top: -1px; right: -1px; width: 0; height: 0; border-width: 6px; margin-top: -1px; margin-right: -1px; }

.k-multiple-files-extension-wrapper:after, .k-multiple-files-invalid-extension-wrapper:after { top: -6px; left: -6px; width: 15px; height: 35px; border-width: 2px 0 0 2px; }

.k-file-extension, .k-file-invalid-icon { position: absolute; bottom: 0; line-height: normal; }

.k-file-extension { margin-left: 0.4em; margin-bottom: 0.3em; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }

.k-file-invalid-icon { margin-left: 5px; }

.k-file-information, .k-file-name, .k-file-size, .k-file-validation-message { display: block; }

.k-file-name { position: relative; max-width: 100%; vertical-align: middle; line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; }

.k-file-information, .k-file-size, .k-file-validation-message { font-size: 0.78em; line-height: 1.5em; }

.k-file-information, .k-file-validation-message { line-height: 1.5em; }

.k-file-size { line-height: 1.2em; }

.k-upload-files .k-upload-status { line-height: 1; opacity: 0.65; }

.k-button.k-upload-action.k-state-active:hover, .k-button.k-upload-action:active:hover, .k-button.k-upload-action:hover, .k-upload-action { color: inherit; background: 0 0; border: 0; }

.k-upload-action { opacity: 0.6; }

.k-upload-action:hover { opacity: 1; }

.k-upload-action .k-icon { vertical-align: top; }

.k-file .k-upload-status .k-button, .k-file .k-upload-status > .k-icon { vertical-align: middle; border-radius: 50%; }

.k-dropzone { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }

.k-dropzone .k-upload-status { position: static; margin-left: 10px; }

.k-upload-pct { margin-right: 0.75em; }

.k-ie9 .k-upload-status-total { top: 1.5em; }

.k-ie9 .k-upload-status-total > .k-icon { margin-top: -3px; }

.k-upload-action { line-height: normal; }

.k-upload .k-progress { position: absolute; bottom: 0; left: 0; height: 2px; }

.k-upload .k-progressbar { height: 2px; position: absolute; bottom: 0.32em; width: calc(100% - 2em); }

.k-upload .k-progressbar .k-progress { width: 100%; max-width: 100%; height: 100%; }

.k-file-invalid > .k-progress { width: 100%; }

.k-rtl .k-file-extension-wrapper { margin-left: 14px; }

.k-upload .k-action-buttons { border-width: 1px 0 0 0; border-style: solid; }

.k-no-flexbox .k-upload .k-action-buttons .k-button { border-width: 0; }

.k-upload { border-color: rgba(0, 0, 0, 0.08); color: #424242; background-color: #ffffff; }

.k-upload .k-dropzone { border-color: rgba(0, 0, 0, 0.08); color: #424242; background-color: #fafafa; }

.k-upload .k-dropzone.k-dropzone-hover, .k-upload .k-dropzone.k-dropzone-hovered { background-color: #f0f0f0; }

.k-upload .k-dropzone .k-dropzone-hint { color: #666666; }

.k-upload .k-upload-files, .k-upload .k-file { border-color: rgba(0, 0, 0, 0.08); }

.k-upload .k-file.k-state-focused { -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13); }

.k-upload .k-file .k-upload-action.k-state-focused { -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13); }

.k-upload .k-upload-status { color: #666666; }

.k-upload .k-file-progress .k-file-name { color: #424242; }

.k-upload .k-file-progress .k-progress { background-color: #0058e9; }

.k-upload .k-file-success .k-progress { background-color: #37b400; }

.k-upload .k-file-error .k-file-validation-message, .k-upload .k-file-invalid .k-file-validation-message { color: #f31700; }

.k-upload .k-file-error .k-progress, .k-upload .k-file-invalid .k-progress { background-color: #f31700; }

.k-upload .k-file-extension-wrapper, .k-upload .k-multiple-files-extension-wrapper, .k-upload .k-file-group-wrapper, .k-upload .k-multiple-files-group-wrapper, .k-upload .k-file-invalid-extension-wrapper, .k-upload .k-multiple-files-invalid-extension-wrapper, .k-upload .k-file-invalid-group-wrapper, .k-upload .k-multiple-files-invalid-group-wrapper { color: #666666; border-color: #666666; }

.k-upload .k-file-invalid-extension-wrapper, .k-upload .k-multiple-files-invalid-extension-wrapper, .k-upload .k-file-error .k-file-extension-wrapper, .k-upload .k-file-invalid-group-wrapper, .k-upload .k-multiple-files-invalid-group-wrapper, .k-upload .k-file-error .k-file-group-wrapper { border-color: #666666; }

.k-upload .k-file-extension-wrapper::before, .k-upload .k-multiple-files-extension-wrapper::before, .k-upload .k-file-invalid-extension-wrapper::before, .k-upload .k-multiple-files-invalid-extension-wrapper::before, .k-upload .k-file-error .k-file-extension-wrapper::before { background-color: #ffffff; border-color: transparent transparent #666666 #666666; }

.k-upload .k-multiple-files-extension-wrapper::after, .k-upload .k-multiple-files-invalid-extension-wrapper::after { border-top-color: #666666; border-left-color: #666666; }

.k-upload .k-file-size, .k-upload .k-file-validation-message, .k-upload .k-file-information { color: #666666; }

.k-upload .k-multiple-files-wrapper .k-file-information { color: #424242; }

.k-upload.k-state-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty { border-color: rgba(243, 23, 0, 0.5); }

.upload-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.upload-wrap .btn { white-space: nowrap; }

.upload-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.upload-set { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.upload-guide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 100%; }

.upload-guide .list { color: #777; font-size: 13px; letter-spacing: -0.65px; }

.upload-title { color: #555; font-size: 14px; letter-spacing: -0.7px; }

.upload-box { position: relative; width: 100%; padding: 20px 30px; background-color: #f5f5f5; border: 1px solid #efefef; }

.upload-box .close { position: absolute; top: 50%; right: 20px; width: 18px; height: 18px; margin-top: -9px; }

.upload { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-right: 73px; }

.upload.type2 { padding-right: 97px; }

.upload.type2 .k-upload .k-upload-button { max-width: 89px; min-width: 89px; right: -97px; }

.upload.type3 { padding-right: 86px; }

.upload.type3 .k-upload .k-upload-button { max-width: 78px; min-width: 78px; right: -86px; border: 1px solid #0e4194; color: #0e4194; }

.upload.md { max-width: 330px; min-width: 330px; }

.upload.lg { max-width: 400px; min-width: 400px; }

.upload + .btn { margin-left: 8px; }

.upload .k-upload { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 28px; border: none; }

.upload .k-upload .k-dropzone { width: 100%; padding: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; }

.upload .k-upload .k-dropzone .k-dropzone-hint { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: none; }

.upload .k-upload .k-dropzone .k-upload-status { display: none; }

.upload .k-upload .k-upload-files { position: absolute; top: 0; width: 100%; height: 100%; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; overflow: hidden; }

.upload .k-upload .k-upload-files .k-file { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0; z-index: 1; }

.upload .k-upload .k-upload-files .k-file .k-file-size { display: none; }

.upload .k-upload .k-upload-files .k-file .k-file-name-size-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 14px; }

.upload .k-upload .k-upload-files .k-file .k-file-name-size-wrapper .k-file-name { font-size: 14px; color: #555; font-weight: 400; }

.upload .k-upload .k-upload-files .k-file .k-upload-action, .upload .k-upload .k-upload-files .k-file .k-upload-action:hover, .upload .k-upload .k-upload-files .k-file .k-upload-action:focus { min-width: 28px; border-radius: 0; background: #fff; }

.upload .k-upload .k-upload-files .k-file .k-file-validation-message { display: none; }

.upload .k-upload .k-upload-files .k-file .k-upload-status > :first-child { display: none !important; }

.upload .k-upload .k-upload-files .k-file .k-file-group-wrapper { display: none; }

.upload .k-upload .k-upload-button { position: absolute; max-width: 65px; min-width: 65px; margin-right: 0; right: -73px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background-color: #fff; border: 1px solid #aaa; color: #222; cursor: pointer; }

.upload .k-upload .k-upload-button span { margin: 0; font-size: 14px; line-height: 22px; }

.upload .k-upload .k-upload-button > input { position: absolute; width: 100%; height: 100%; }

.upload .k-upload .k-progressbar { display: none; }

.upload-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 114px; height: 114px; margin-right: 20px; }

.upload-img img { max-width: 100%; }

.upload-guide { margin: 10px 0 0 0; }

.upload-guide .list { font-size: 12px; line-height: 20px; font-weight: 400; }

.t-upload-files { width: 100%; }

.t-file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-right: 24px; background-color: #efefef; border-radius: 3px; }

.t-file + .t-file { margin-top: 8px; }

.t-file .file-title { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; position: relative; display: inline-block; min-width: 160px; padding: 1px 10px; color: #222; font-weight: 500; text-align: center; }

.t-file .file-title::after { content: ""; display: block; position: absolute; right: 0; top: 50%; margin-top: -7px; width: 1px; height: 14px; background-color: #ddd; }

.t-file .file-desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 1px 10px; }

.t-file .text-link { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; margin-right: 10px; color: #0e4194; text-decoration: underline; }

.t-file .file-date { color: #999; font-size: 13px; letter-spacing: -0.65px; font-weight: 400; }

.t-file .k-button.close { position: absolute; top: 50%; right: 6px; width: 20px; height: 20px; margin-top: -10px; }

.add-recipient-con { width: 100%; }

.add-recipient-pop { position: relative; margin-top: 10px; }

.add-recipient-pop .close { position: absolute; top: 20px; right: 20px; height: 18px; }

.add-recipient-pop:not(:first-child) { display: none; }

/*
* ------------------------------
* Mobile Group
* ------------------------------
*/
.mobile-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.mobile-group > * + * { max-width: calc(100% - 250px); }

.mobile-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 240px; margin-right: 10px; padding: 30px 20px 20px; height: 464px; background-image: url("../images_bc/common/img_phone.svg"); }

.mobile-wrap .mobile-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.mobile-wrap .mobile-body .contents { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.mobile-wrap .mobile-body .contents.textarea-byte-set { position: relative; }

.mobile-wrap .mobile-body .contents.textarea-byte-set .k-counter-container { color: #999; font-size: 12px; line-height: 17px; letter-spacing: -0.6px; text-align: right; }

.mobile-wrap .mobile-body .contents.textarea-byte-set .h-input { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }

.mobile-wrap .mobile-body .contents.textarea-byte-set .k-textarea { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.mobile-wrap .mobile-body .contents.textarea-byte-set .k-textarea.k-state-focused { border: none; }

.mobile-wrap .mobile-body .contents.textarea-byte-set .k-counter-value { color: #3b6ac5; font-weight: 500; }

.mobile-wrap .mobile-body .contents .h-input, .mobile-wrap .mobile-body .contents .k-input { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; margin-top: 6px; padding: 0 0 10px; border: none; border-radius: 0; border-bottom: 1px solid #777; font-weight: 500; }

.mobile-wrap .mobile-body .contents .h-input::-webkit-input-placeholder, .mobile-wrap .mobile-body .contents .k-input::-webkit-input-placeholder { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; font-weight: 500 !important; }

.mobile-wrap .mobile-body .contents .h-input:-ms-input-placeholder, .mobile-wrap .mobile-body .contents .k-input:-ms-input-placeholder { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; font-weight: 500 !important; }

.mobile-wrap .mobile-body .contents .h-input::-ms-input-placeholder, .mobile-wrap .mobile-body .contents .k-input::-ms-input-placeholder { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; font-weight: 500 !important; }

.mobile-wrap .mobile-body .contents .h-input::placeholder, .mobile-wrap .mobile-body .contents .k-input::placeholder { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; font-weight: 500 !important; }

.mobile-wrap .mobile-body .contents .k-textarea .k-input { height: calc(100% - 52px); margin-top: 0; padding: 8px 0; border: none; }

.mobile-wrap .mobile-body .contents .k-textarea .k-input::-webkit-input-placeholder { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; font-weight: 400 !important; }

.mobile-wrap .mobile-body .contents .k-textarea .k-input:-ms-input-placeholder { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; font-weight: 400 !important; }

.mobile-wrap .mobile-body .contents .k-textarea .k-input::-ms-input-placeholder { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; font-weight: 400 !important; }

.mobile-wrap .mobile-body .contents .k-textarea .k-input::placeholder { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; font-weight: 400 !important; }

.mobile-wrap .mobile-body .number-box { padding: 6px 10px; background-color: #f5f5f5; }

.mobile-wrap .mobile-body .btn-box.bottom { margin-top: 8px; }

.mobile-wrap .mobile-body .btn-box.bottom .k-button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.mobile-wrap .mobile-foot { padding-top: 10px; }

.mobile-wrap .reserve-title { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; margin-bottom: 3px; line-height: 21px; font-weight: 500; }

.tip-box { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; padding: 20px 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }

.tip-box .tip-title { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 252px; color: #0e4194; font-weight: 500; }

.tip-box .tip-title .h-ico { margin-right: 6px; }

.tip-box .tip-desc .list { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; color: #222; }

.slick-arrow { z-index: 10; position: absolute; top: 50%; margin-top: -20px; text-indent: -1000px; overflow: hidden; background-color: rgba(0, 0, 0, 0.3); }

.slick-arrow.slick-prev { left: 0; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); width: 60px; height: 60px; background-image: url("../images_bc/icon/icon_img_left.svg"); background-size: contain; background-size: 40px 40px; background-position: center; background-repeat: no-repeat; }

.slick-arrow.slick-next { right: 0; width: 60px; height: 60px; background-image: url("../images_bc/icon/icon_img_right.svg"); background-size: contain; background-size: 40px 40px; background-position: center; background-repeat: no-repeat; }

.text-blue { color: #3b6ac5; }

.point { color: #3b6ac5; }

.notice-title { color: #3b6ac5; }

/* 
* ------------------------------
* badge
* ------------------------------
*/
.badge { font-size: 13px; line-height: 26px; letter-spacing: -0.65px; }

.badge.square { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; }

.badge.square .label { color: #4d6595; }

.badge.square .desc { color: #222; }

.badge.gray { background-color: #f5f5f5; }

.badge.red { background-color: #feecec; border: 1px solid #fddbdb; color: #f14747; }

/*
* ------------------------------
* Title
* ------------------------------
*/
.alert-title.sm { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

/*
* ------------------------------
* Title Group
* ------------------------------
*/
.title-box .sub-title.blue { color: #3b6ac5; }

.title-box .label { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; font-weight: 500; }

.title-box .badge { height: 18px; margin-left: 6px; padding: 0 6px; font-size: 12px; line-height: 17px; font-weight: 400; }

.title-box.notice { padding-bottom: 10px; border-bottom: 1px solid #5e6b85; }

.title-box.notice .sub-title { font-size: 17px; line-height: 24px; letter-spacing: -0.85px; }

.title-box.notice .date { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; color: #999; }

.title-box.xsm { margin-top: 12px; }

.title-box.xsm .sub-title { font-size: 14px; line-height: 24px; letter-spacing: -0.7px; line-height: 20px; }

.title-box.sm { min-height: 26px; height: 26px; margin: 20px 0 6px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.title-box.sm .sub-title { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.title-box.sm .noti { font-size: 12px; }

.title-box.sm .badge.square { height: 26px; }

.title-box.sm2 { min-height: 20px; margin-top: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.title-box.sm2 .sub-title { font-size: 16px; line-height: 24px; letter-spacing: -0.75px; }

.title-box .noti.sm { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

/*
* ------------------------------
* List 
* ------------------------------
*/
.list-wrap { padding: 16px; background: #f2f4f7; border-top: 1px solid #222; }

.list-set { display: -webkit-box; display: -ms-flexbox; display: flex; }

.list-set + .list-set { margin-top: 10px; }

.list-set.answer .list-title { color: #5e6b85; margin-right: 10px; }

.list-set.answer .list-box::before { left: -6px; width: 0px; height: 0px; border-top: 4px solid transparent; border-right: 6px solid #fff; border-left: 4px solid none; border-bottom: 4px solid transparent; }

.list-set.answer .badge.count { background-color: #5e6b85; color: #fff; }

.list-set.receipt .list-title { color: #3b6ac5; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.list-set.receipt .list-box { margin-right: 10px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.list-set.receipt .list-box::before { right: -6px; width: 0px; height: 0px; border-top: 4px solid transparent; border-left: 6px solid #fff; border-right: 4px solid none; border-bottom: 4px solid transparent; }

.list-set.receipt .badge.count { background-color: #3b6ac5; color: #fff; }

.list-set .list-title { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; color: #777; font-weight: 500; }

.list-set .list-box { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.list-set .list-box::before { content: ''; position: absolute; top: 10px; }

.list-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; white-space: nowrap; }

.list-box.gray-box { padding: 20px; background: #f5f5f5; border: 1px solid #e4e4e4; }

.list-box.gray-box .label { color: #777; }

.list-box.gray-box .desc { color: #222; }

.list-box.pop { background: #f5f5f5; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 3px; }

.list-box.pop.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.list-box.pop .list-set { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.list-box.pop .list-set + .list-set { margin-top: 0; margin-left: 30px; }

.list-box.pop .list-set.sm { width: 258px; }

.list-box.pop .label { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #777; }

.list-box.pop .label.sm { min-width: 58px; }

.list-box.pop .label.md { min-width: 70px; }

.list-box.pop .desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; color: #222; }

.list-box.pop .badge { position: absolute; top: 20px; right: 20px; height: 20px; }

.list-box.pop .k-button.bottom { position: absolute; bottom: 20px; right: 0; }

.list-box.half > * { width: 50%; }

.list-box .form-label { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; color: #555; }

.list-box.has-bar { padding: 26px 20px; }

.list-box.has-bar > * { position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.list-box.has-bar > * + *::before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 21px; margin-top: -10px; background: #ddd; }

.list-box.has-bar .label, .list-box.has-bar .form-label { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; color: #222; font-weight: 500; }

.list-box.has-bar .desc { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.list-box.has-bar .unit { margin-left: 2px; color: #777; }

.list-box.history { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 12px 20px; background: #fff; border-radius: 3px; }

.list-box.history .label { color: #5e6b85; font-weight: 500; }

.list-box.history .desc { color: #222; }

.list-box.history .badge { position: absolute; top: 12px; right: 20px; height: 17px; font-size: 12px; line-height: 17px; }

.list-box.history + .list-box { margin-top: 8px; }

.list-box.history.row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.list-box.history.row .desc { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.list-box.history.row .label.has-bar::after { top: 6px; margin-top: 0; }

.list-box.history.row .list + .list { margin-left: 30px; }

.list-box .list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.list-box .label, .list-box .form-label { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 8px; padding-right: 8px; font-weight: 500; }

.list-box .label.has-bar::after, .list-box .form-label.has-bar::after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -7px; background: #ddd; }

.list-box .desc { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; }

/*
* ------------------------------
*  상단 라인 박스 
* ------------------------------
*/
.line-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 30px 20px; border: 1px solid #e4e4e4; border-top: 1px solid #555; }

.line-box.sm { padding: 15px 12px; }

.line-box .title-box { padding-bottom: 6px; border-bottom: 1px solid #ccc; }

/*
* ------------------------------
*  숫자 카운트
* ------------------------------
*/
.amount-set { color: #999; font-size: 13px; font-weight: 400; line-height: 1; letter-spacing: -0.65px; }

.amount-set .amount.current { color: #3b6ac5; font-weight: bold; }

/*
* ------------------------------
* File upload
* ------------------------------
*/
.filebox .label { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

/*
* ------------------------------
* File upload BP type
* ------------------------------
*/
.text-link { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; margin-right: 10px; color: #3b6ac5; text-decoration: underline; }

.upload-guide .list { color: #777; font-size: 13px; letter-spacing: -0.65px; }

.upload-title { font-size: 12px; letter-spacing: -0.6px; color: #777; }

.upload-box { padding: 20px 40px; }

.upload { padding-right: 73px; }

.upload.type2 { padding-right: 84px; }

.upload.type2 .k-upload .k-upload-button { max-width: 78px; min-width: 78px; right: -84px; }

.upload + .btn { margin-left: 6px; }

.upload .k-upload { height: 26px; }

.upload .k-upload .k-upload-files .k-file .k-file-name-size-wrapper { margin-left: 10px; }

.upload .k-upload .k-upload-files .k-file .k-file-name-size-wrapper .k-file-name { font-size: 13px; }

.upload .k-upload .k-upload-files .k-file .k-upload-action, .upload .k-upload .k-upload-files .k-file .k-upload-action:hover, .upload .k-upload .k-upload-files .k-file .k-upload-action:focus { min-width: 24px; }

.upload .k-upload .k-upload-button { max-width: 65px; min-width: 65px; right: -73px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.upload .k-upload .k-upload-button span { margin: 0; font-size: 13px; line-height: 19px; }

.upload-guide { margin: 10px 0 0 0; }

.upload-guide .list { font-size: 12px; line-height: 20px; font-weight: 400; }

.t-file { border-radius: 3px; background-color: #f5f5f5; }

.t-file + .t-file { margin-top: 8px; }

.t-file .file-title { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; min-width: 170px; padding: 0 6px; }

.t-file .file-desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; }

.t-file .text-link { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; color: #3b6ac5; }

.t-file .file-date { color: #777; }

/*
* ------------------------------
* Mobile Group
* ------------------------------
*/
.mobile-wrap .mobile-body .contents .h-input, .mobile-wrap .mobile-body .contents .k-input { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; }

.mobile-wrap .mobile-body .contents .h-input::-webkit-input-placeholder, .mobile-wrap .mobile-body .contents .k-input::-webkit-input-placeholder { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; font-weight: 500 !important; }

.mobile-wrap .mobile-body .contents .h-input:-ms-input-placeholder, .mobile-wrap .mobile-body .contents .k-input:-ms-input-placeholder { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; font-weight: 500 !important; }

.mobile-wrap .mobile-body .contents .h-input::-ms-input-placeholder, .mobile-wrap .mobile-body .contents .k-input::-ms-input-placeholder { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; font-weight: 500 !important; }

.mobile-wrap .mobile-body .contents .h-input::placeholder, .mobile-wrap .mobile-body .contents .k-input::placeholder { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; font-weight: 500 !important; }

.mobile-wrap .mobile-body .contents .k-textarea .k-input { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; color: #222; }

.mobile-wrap .reserve-title { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; line-height: 19px; }

.tip-box .tip-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 240px; color: #3b6ac5; font-size: 14px; letter-spacing: -0.7px; font-weight: 500; }

.tip-box .tip-title .h-ico { margin-right: 6px; }

.tip-box .tip-desc .list { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; color: #222; }

.tree-box { border: 1px solid #e4e4e4; }

.detail-title { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; height: 30px; padding: 0 10px; line-height: 30px; text-align: left; }

.detail-box { height: 100px; border: 1px solid #e4e4e4; }

.detail-box .list { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; padding: 4px 0; }

/*
* ------------------------------
* question
* ------------------------------
*/
.question-set + .question-set { margin-top: 17px; }

.question-set .question { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; font-weight: 500; }

.question-set .question .no { font-size: 15px; line-height: 24px; letter-spacing: -0.75px; margin-right: 6px; font-weight: bold; }

.question-set .answer { padding-top: 4px; }

.question-set .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 26px; margin: 3px 0; }

.question-set .list .form-set { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

/*
* ------------------------------
* tab control
* ------------------------------
*/
.tab-control.box .tabpanel { margin-top: 0px; }

/*
* ------------------------------
* box style
* ------------------------------
*/
.border-box.type2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; border: 1px solid #eee; }

.border-box.type2 .k-toolbar.k-grid-toolbar { background-color: #fff; }

/*
* ------------------------------
* question
* ------------------------------
*/
.bg-box { margin-top: 20px; padding: 16px; }

.bg-box.gray { background-color: #f5f5f5; border: 1px solid #ccc; }

.bg-box.sm { min-height: 120px; }

.bg-box .title { font-size: 14px; line-height: 24px; letter-spacing: -0.7px; color: #222; font-weight: 500; line-height: 20px; }

.bg-box .desc { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; color: #aaa; }

/*
* ------------------------------
* banner
* ------------------------------
*/
.info-banner { margin-bottom: 4px; padding: 18px 20px; background: #214997; }

.info-banner.request { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.info-banner.request .tit { font-size: 17px; line-height: 24px; letter-spacing: -0.85px; color: #fff; }

.info-banner.request .badge { font-size: 12px; line-height: 20px; letter-spacing: -0.6px; display: inline-block; position: relative; height: 18px; padding: 0 6px; line-height: 17px; }

.info-banner.request .date-set { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.info-banner.request .date-set .label { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; position: relative; padding: 0 6px; color: #dee9ff; }

.info-banner.request .date-set .label::after { content: ''; display: block; position: absolute; right: 0; top: 50%; margin-top: -8px; width: 1px; height: 16px; background-color: #6288d1; }

.info-banner.request .date-set .desc { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; padding-left: 6px; color: #dee9ff; font-weight: 400; }

/*
* ------------------------------
* 공지사항
* ------------------------------
*/
.notice-content { font-size: 14px; line-height: 24px; letter-spacing: -0.7px; padding: 16px 0 20px 0; color: #555; }

.k-checkbox-label, .k-radio-label { position: initial; padding: 0; }

.k-checkbox-label:before { border: none; }

/*
* ------------------------------
* file upload
* ------------------------------
*/
/*
* ------------------------------
* tab
* ------------------------------
*/
.k-tabstrip-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; }

.k-tabstrip-wrapper > .k-tabstrip { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.k-tabstrip-wrapper > .k-content { border-color: #dee2e6; color: #212529; background-color: #fff; }

.k-tabstrip-content.k-state-active, .k-tabstrip > .k-content.k-state-active { display: block; }

.k-tabstrip-content.no-line.k-state-active, .k-tabstrip > .k-content.no-line.k-state-active { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.k-tabstrip-content, .k-tabstrip > .k-content { display: none; }

.k-tabstrip-items { height: 27px; border-bottom: 1px solid #ddd; color: #777; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; }

.k-tabstrip-items .k-item { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; height: 100%; line-height: 21px; margin-right: 20px; }

.k-tabstrip-items .k-link { padding-bottom: 5px; color: inherit; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.k-tabstrip-items .k-item.k-state-active, .k-tabstrip-items .k-item.k-state-selected { border-bottom: 2px solid #0e4194; color: #0e4194; font-weight: bold; }

.tab-control.main { outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; width: 100%; }

.tab-control.main > .k-tabstrip-items { position: absolute; top: -40px; height: 40px; border-bottom: none; color: #555; z-index: 1; overflow: hidden; }

.tab-control.main > .k-tabstrip-items .k-item { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; position: relative; display: block; width: 190px; border-radius: 3px 3px 0 0; line-height: 40px; padding: 0 20px; margin-right: 8px; background-color: #05146e; border-bottom: 0; color: #cfdef5; font-weight: 500; }

.tab-control.main > .k-tabstrip-items .k-item .k-icon.k-i-x { width: 18px; height: 18px; background-image: url("../images_bc/icon/btn_delete_light.svg"); background-size: 15px 15px; position: absolute; top: 50%; right: 20px; margin-top: -9px; }

.tab-control.main > .k-tabstrip-items .k-link { padding-bottom: 0; font-weight: 400; }

.tab-control.main > .k-tabstrip-items .k-item.k-state-active, .tab-control.main > .k-tabstrip-items .k-item.k-state-selected { background-color: #f5f5f5; color: #222; }

.tab-control.main > .k-tabstrip-items .k-item.k-state-active .k-icon.k-i-x, .tab-control.main > .k-tabstrip-items .k-item.k-state-selected .k-icon.k-i-x { width: 18px; height: 18px; background-image: url("../images_bc/icon/btn_delete_dark.svg"); background-size: 15px 15px; position: absolute; top: 50%; right: 20px; margin-top: -9px; }

.tab-control.main > .k-tabstrip-items .k-item.k-state-disabled { color: #aaa; }

.tab-control.border .k-tabstrip-items { height: 40px; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #ddd; color: #555; z-index: 1; }

.tab-control.border .k-tabstrip-items .k-item { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #efefef; border: 1px solid transparent; padding: 0 50px; margin-right: 0; border-top: 1px solid #e4e4e4; border-bottom: none; }

.tab-control.border .k-tabstrip-items .k-item:last-of-type { border-right: 1px solid #e4e4e4; }

.tab-control.border .k-tabstrip-items .k-item::before { content: ""; position: absolute; top: 10px; left: -2px; width: 1px; height: 20px; background-color: #e4e4e4; z-index: 1; }

.tab-control.border .k-tabstrip-items .k-link { padding-bottom: 0; font-weight: 400; }

.tab-control.border .k-tabstrip-items .k-item.k-state-active, .tab-control.border .k-tabstrip-items .k-item.k-state-selected { background: #fff; border-top: 1px solid #0e4194; color: #0e4194; font-weight: bold; }

.tab-control.border .k-tabstrip-items .k-item.k-state-active::after, .tab-control.border .k-tabstrip-items .k-item.k-state-selected::after { content: ""; opacity: 1; width: 100%; height: 1px; position: absolute; bottom: -1px; left: 0; background-color: #fff; }

.tab-control.border .k-tabstrip-items .k-item.k-state-active::before, .tab-control.border .k-tabstrip-items .k-item.k-state-selected::before { display: none; }

.tab-control.border .k-tabstrip-items .k-item.k-state-active + .k-item, .tab-control.border .k-tabstrip-items .k-item.k-state-selected + .k-item { border-left: 1px solid #e4e4e4; }

.tab-control.border .k-tabstrip-items .k-item.k-state-active + .k-item::before, .tab-control.border .k-tabstrip-items .k-item.k-state-selected + .k-item::before { display: none; }

.tab-control.border .k-tabstrip-items .k-item + .k-item.k-state-active, .tab-control.border .k-tabstrip-items .k-item + .k-item.k-state-selected { border-left: 1px solid #e4e4e4; }

.tab-control.border .k-tabstrip-items .k-item.k-state-disabled { color: #aaa; }

/*
* ------------------------------
* tooltip
* ------------------------------
*/
.k-tooltip { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; margin: 10px 0; padding: 10px; background: #fff; border: 1px solid #0e4194; border-radius: 3px; color: #0e4194; }

.k-tooltip .k-tooltip-button { display: none; }

.k-tooltip::before { display: block; content: ""; position: absolute; top: -10px; left: 7px; width: 12px; height: 10px; background-image: url("../images_bc/icon/img_tooltip.svg"); }

/*
* ------------------------------
* datepicker
* ------------------------------
*/
.k-datepicker { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; height: 28px; background: #fff; white-space: nowrap; vertical-align: middle; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }

.k-datepicker.sm { max-width: 120px; min-width: 120px; }

.k-datepicker.md { max-width: 166px; min-width: 166px; }

.k-datepicker .k-picker-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0 10px 0 4px; border: 1px solid #ccc; border-radius: 3px; overflow: hidden; }

.k-datepicker .k-picker-wrap.k-state-disabled { background-color: #f5f5f5; color: #aaa; }

.k-datepicker .k-picker-wrap .k-input { min-width: 0; padding: 0 0 0 2px; height: 26px; border: none; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.k-datepicker .k-picker-wrap.k-state-active, .k-datepicker .k-picker-wrap.k-state-focused { border: 1px solid #222; }

.k-datepicker .k-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 26px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: center; cursor: pointer; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.k-popup .k-calendar { height: 100%; }

.k-calendar { width: 256px; height: 247px; margin-top: 3px; border: 1px solid #222; background-color: #fff; overflow: hidden; }

.k-calendar.only-year .k-calendar-view { display: none; }

.k-calendar .k-header { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; height: 45px; padding: 10px; background-color: #fff; border-bottom: 1px solid #ddd; color: #222; font-weight: 500; z-index: 2; }

.k-calendar .k-header .k-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.k-calendar .k-header .k-i-arrow-60-left { width: 16px; height: 16px; background-image: url("../images_bc/icon/icon_arrow_left.svg"); background-size: contain; }

.k-calendar .k-header .k-i-arrow-60-right { width: 16px; height: 16px; background-image: url("../images_bc/icon/icon_arrow_right.svg"); background-size: contain; }

.k-calendar .k-nav-fast { padding: 0 10px; }

.k-calendar .k-calendar-view { position: relative; z-index: 1; overflow: hidden; margin: auto; padding: 0 10px; }

.k-calendar table.k-content { display: inline-table; vertical-align: top; }

.k-calendar table.k-content table { margin: 0; border-width: 0; border-color: inherit; border-spacing: 0; border-collapse: separate; table-layout: fixed; outline: 0; position: relative; z-index: 1; }

.k-calendar .k-calendar-view { height: 201px; }

.k-calendar .k-calendar-view th { padding: 10px 0 4px; color: #777; font-size: 13px; line-height: 19px; letter-spacing: -0.65px; font-weight: 500; }

.k-calendar .k-content .k-other-month.k-state-hover .k-link, .k-calendar .k-content .k-other-month.k-state-active .k-link, .k-calendar .k-content .k-other-month.k-state-focused .k-link { border: 1px solid transparent; }

.k-calendar .k-content .k-other-month .k-link { margin: 0; color: #aaa; border: 1px solid transparent; }

.k-calendar .k-content.k-year { height: 100%; }

.k-calendar .k-content.k-year.k-state-hover .k-link, .k-calendar .k-content.k-year.k-state-active .k-link, .k-calendar .k-content.k-year.k-state-focused .k-link { border: 1px solid transparent; }

.k-calendar .k-content.k-year .k-link { margin-left: auto; margin-right: auto; border: 1px solid transparent; }

.k-calendar .k-content.k-decade, .k-calendar .k-content.k-century { height: 100%; }

.k-calendar .k-content.k-decade .k-state-active, .k-calendar .k-content.k-decade .k-state-focused, .k-calendar .k-content.k-century .k-state-active, .k-calendar .k-content.k-century .k-state-focused { border: 1px solid transparent; }

.k-calendar .k-content.k-decade .k-link, .k-calendar .k-content.k-century .k-link { width: 100%; height: auto; margin: 0; border: 1px solid transparent; border-radius: 0; text-align: center; }

.k-calendar .k-content .k-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; margin: 1px 3px; border-radius: 50%; font-size: 13px; letter-spacing: -0.65px; font-weight: 400; }

.k-calendar .k-content .k-state-hover .k-link { background-color: #cfdef5; border: 1px solid #cfdef5; }

.k-calendar .k-content .k-state-selected .k-link, .k-calendar .k-content .k-state-focused .k-link { background-color: #0e4194; border: 1px solid #0e4194; color: #fff; }

.k-calendar .k-content .k-today .k-link { background-color: #fff; border: 1px solid #0e4194; color: #0e4194; }

/*
* ------------------------------
* listbox
* ------------------------------
*/
.optional-box { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

.k-listbox { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; }

.k-listbox .k-list-scroller { height: 190px; padding: 10px; border: 1px solid #ccc; border-top: 1px solid #222; overflow: auto; -ms-flex-item-align: end; align-self: flex-end; }

.k-listbox .k-list-scroller .k-item { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; }

.k-listbox .k-list-scroller .k-item .title { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; color: #222; font-weight: 400; }

.k-listbox .k-list-scroller .list-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; }

.k-listbox + .k-listbox .k-list-scroller { background: #f5f5f5; border-left: 0; }

.k-listbox + .k-listbox .k-list-scroller .k-item { height: 32px; background: #fff; border: 1px solid #e4e4e4; border-radius: 3px; }

.k-listbox + .k-listbox .k-list-scroller .k-item .title { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; color: #0e4194; font-weight: 400; }

.k-listbox + .k-listbox .k-list-scroller .k-item + .k-item { margin-top: 4px; }

.k-listbox .k-listbox-toolbar { display: none; }

.k-listbox .k-listbox-toolbar ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.k-listbox.k-listbox-toolbar-right { background-color: #fff; border-right: 0; }

.k-listbox.k-listbox-toolbar-bottom, .k-listbox.k-listbox-toolbar-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.k-listbox.k-listbox-toolbar-top .k-listbox-toolbar { margin-bottom: 8px; }

.k-listbox.k-listbox-toolbar-top .k-listbox-toolbar ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.k-list { height: auto; }

.k-list .k-item { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; width: 100%; padding: 0 10px; }

.k-list .k-item:hover, .k-list .k-item.k-state-focused { background-color: #efefef; }

.k-listbox-toolbar .k-button { background: #fff; color: #222; }

.k-listbox-toolbar .k-button .k-i-arrow-60-right { content: "ddd"; }

.k-list-scroller { width: 100%; }

/*
* ------------------------------
* dropdown
* ------------------------------
*/
.k-dropdown { width: 100%; white-space: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 28px; }

.k-dropdown .k-dropdown-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; padding: 0; background: #fff; border: 1px solid #ccc; border-radius: 3px; color: #555; -webkit-box-sizing: border-box; box-sizing: border-box; }

.k-dropdown .k-dropdown-wrap.k-state-disabled, .k-dropdown .k-dropdown-wrap.k-state-disabled:hover { background-color: #f5f5f5; color: #aaa; }

.k-dropdown .k-dropdown-wrap.k-state-disabled .k-input, .k-dropdown .k-dropdown-wrap.k-state-disabled:hover .k-input { background-color: #f5f5f5; color: #aaa; }

.k-dropdown .k-dropdown-wrap.k-state-disabled .k-i-arrow-60-down:before, .k-dropdown .k-dropdown-wrap.k-state-disabled:hover .k-i-arrow-60-down:before { background-image: url("../images_bc/icon/icon_arrow_down_diabled.svg"); }

.k-dropdown .k-dropdown-wrap.k-state-hover, .k-dropdown .k-dropdown-wrap:hover { background-color: #fff; }

.k-dropdown .k-dropdown-wrap.k-state-focused { border: 1px solid #222; color: #222; }

.k-dropdown .k-dropdown-wrap .k-input { height: 100%; border: none; }

.k-dropdown .k-dropdown-wrap .k-select { vertical-align: middle; text-align: center; width: 28px; height: 100%; }

.k-dropdown .k-dropdown-wrap .k-select .k-icon { position: relative; display: block; width: 100%; height: 100%; }

.k-dropdown .k-dropdown-wrap .k-i-arrow-60-down:before { content: ""; position: absolute; top: 6px; right: 10px; width: 15px; height: 15px; background: url("../images_bc/icon/icon_arrow_down.svg") no-repeat center/15px 15px; }

.k-animation-container { margin: 0 !important; }

.k-popup.k-list-container { margin-top: 3px; padding: 8px 5px; border: none; background-color: #fff; border: 1px solid #222; border-radius: 3px; -webkit-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.15); }

.k-popup.k-list-container .k-list-optionlabel { display: none; }

.k-popup.k-list-container .k-list .k-item { min-height: 28px; height: 28px; padding: 0 5px; border-radius: 0; line-height: 1; font-size: 14px; line-height: 28px; letter-spacing: -0.7px; color: #777; font-weight: 400; -webkit-box-sizing: border-box; box-sizing: border-box; }

.k-popup.k-list-container .k-list .k-item.k-state-hover, .k-popup.k-list-container .k-list .k-item.k-state-hover:hover { background-color: #f5f5f5; color: #222; }

/*
* ------------------------------
* 인풋 (date range)
* ------------------------------
*/
.k-dateinput { display: -webkit-box; display: -ms-flexbox; display: flex; width: 110px; }

.k-dateinput.k-state-disabled .k-textbox { background-color: #f5f5f5; color: #aaa; }

.k-dateinput .k-textbox { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 100%; height: 28px; padding: 0 10px; border: 1px solid #ccc; border-radius: 3px; color: #555; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.k-dateinput .k-textbox:focus { border: 1px solid #222; color: #222; }

/*
* ------------------------------
* Grid
* ------------------------------
*/
.k-grid { background-clip: padding-box; border-width: 1px; border-style: solid; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; font-family: inherit; font-size: 14px; line-height: 1.4285714286; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.k-grid .k-ie11 { background-clip: border-box; }

.k-grid .k-grid-container { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; overflow: hidden; position: relative; }

.k-grid .k-grid-aria-root { border-color: inherit; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; overflow: hidden; }

.k-grid table { margin: 0; width: 100%; max-width: none; border-width: 0; border-color: inherit; border-collapse: separate; border-spacing: 0; empty-cells: show; outline: 0; }

.k-grid thead, .k-grid tbody, .k-grid tfoot { text-align: left; border-color: inherit; }

.k-grid tr { border-color: inherit; }

.k-grid th, .k-grid td { padding: 8px 12px; border-style: solid; border-color: inherit; outline: 0; font-weight: inherit; text-align: inherit; overflow: hidden; text-overflow: ellipsis; }

.k-grid th:first-child, .k-grid td:first-child { border-left-width: 0; }

.k-grid th:focus, .k-grid td:focus { outline: none; }

.k-grid th .k-placeholder-line, .k-grid td .k-placeholder-line { width: 80%; }

.k-grid th { padding: 8px 12px; border-width: 0 0 1px 1px; white-space: nowrap; }

.k-grid td { border-width: 0 0 0px 1px; vertical-align: middle; }

.k-grid a { color: inherit; text-decoration: none; }

.k-grid a:hover { text-decoration: none; }

.k-grid table, .k-grid .k-grid-header-wrap { -webkit-box-sizing: content-box; box-sizing: content-box; }

.k-grid .k-group-col, .k-grid .k-hierarchy-col { padding: 0; width: 32px; }

.k-grid .k-grouping-row p { margin: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; }

.k-grid .k-grouping-row td { overflow: visible; }

.k-grid .k-grouping-row + tr td { border-top-width: 1px; }

.k-grid .k-grouping-row .k-group-cell, .k-grid .k-grouping-row + tr .k-group-cell { border-top-width: 0; text-overflow: clip; }

.k-grid .k-grouping-row .k-icon { margin-left: -4px; margin-right: 8px; text-decoration: none; }

.k-grid .k-group-footer td { border-style: solid; border-width: 1px 0; }

.k-grid .k-group-footer .k-group-cell + td { border-left-width: 1px; }

.k-grid .k-hierarchy-cell, .k-grid .k-drag-cell { text-align: center; padding: 0; overflow: visible; }

.k-grid .k-hierarchy-cell > .k-icon, .k-grid .k-drag-cell > .k-icon { padding: 8px 0; width: 100%; height: 100%; display: inline-block; outline: 0; }

.k-grid .k-hierarchy-cell + .k-grid-content-sticky { border-left-width: 1px; }

.k-grid .k-detail-row .k-detail-cell { border-left-width: 0; }

.k-grid[dir="rtl"] thead, .k-grid[dir="rtl"] tbody, .k-grid[dir="rtl"] tfoot, .k-rtl .k-grid thead, .k-rtl .k-grid tbody, .k-rtl .k-grid tfoot { text-align: right; }

.k-grid[dir="rtl"] th, .k-rtl .k-grid th { white-space: nowrap; }

.k-grid[dir="rtl"] .k-grid-header-wrap, .k-rtl .k-grid .k-grid-header-wrap { border-width: 0 0 0 1px; }

.k-grid[dir="rtl"] .k-group-indicator .k-button-flat, .k-grid[dir="rtl"] .k-group-indicator .k-button.k-flat, .k-grid[dir="rtl"] .k-group-indicator .k-button.k-bare, .k-grid[dir="rtl"] .k-group-indicator .k-calendar-header .k-button, .k-calendar-header .k-grid[dir="rtl"] .k-group-indicator .k-button, .k-grid[dir="rtl"] .k-group-indicator .k-calendar.k-calendar-range.k-calendar-infinite:not(.k-calendar-minimal) > .k-button, .k-rtl .k-grid .k-group-indicator .k-button-flat, .k-rtl .k-grid .k-group-indicator .k-button.k-flat, .k-rtl .k-grid .k-group-indicator .k-button.k-bare, .k-rtl .k-grid .k-group-indicator .k-calendar-header .k-button, .k-calendar-header .k-rtl .k-grid .k-group-indicator .k-button, .k-rtl .k-grid .k-group-indicator .k-calendar.k-calendar-range.k-calendar-infinite:not(.k-calendar-minimal) > .k-button { margin-left: -2px; margin-right: 8px; }

.k-grid[dir="rtl"] .k-group-indicator .k-link .k-icon, .k-rtl .k-grid .k-group-indicator .k-link .k-icon { margin-left: 4px; margin-right: -2px; }

.k-grid[dir="rtl"] .k-group-indicator, .k-rtl .k-grid .k-group-indicator { margin-right: 0; margin-left: 4px; }

.k-grid[dir="rtl"] .k-group-indicator + .k-group-indicator, .k-rtl .k-grid .k-group-indicator + .k-group-indicator { margin-right: 4px; }

.k-grid[dir="rtl"] .k-grid-content-locked, .k-grid[dir="rtl"] .k-grid-footer-locked, .k-grid[dir="rtl"] .k-grid-header-locked, .k-rtl .k-grid .k-grid-content-locked, .k-rtl .k-grid .k-grid-footer-locked, .k-rtl .k-grid .k-grid-header-locked { border-left-width: 1px; border-right-width: 0; }

.k-grid[dir="rtl"] .k-grid-header-sticky, .k-grid[dir="rtl"] .k-grid-content-sticky, .k-grid[dir="rtl"] .k-grid-footer-sticky, .k-rtl .k-grid .k-grid-header-sticky, .k-rtl .k-grid .k-grid-content-sticky, .k-rtl .k-grid .k-grid-footer-sticky { border-left-width: 1px; }

.k-grid[dir="rtl"] .k-grid-header-sticky:not([style*="display: none"]) + td, .k-grid[dir="rtl"] .k-grid-header-sticky:not([style*="display: none"]) + th, .k-grid[dir="rtl"] .k-grid-content-sticky:not([style*="display: none"]) + td, .k-grid[dir="rtl"] .k-grid-content-sticky:not([style*="display: none"]) + th, .k-rtl .k-grid .k-grid-header-sticky:not([style*="display: none"]) + td, .k-rtl .k-grid .k-grid-header-sticky:not([style*="display: none"]) + th, .k-rtl .k-grid .k-grid-content-sticky:not([style*="display: none"]) + td, .k-rtl .k-grid .k-grid-content-sticky:not([style*="display: none"]) + th { border-left-width: 1px; border-right-width: 0; }

.k-grid[dir="rtl"] .k-grid-header-sticky.k-header:first-child, .k-rtl .k-grid .k-grid-header-sticky.k-header:first-child { border-left-width: 1px; }

.k-grid[dir="rtl"] .k-grid-row-sticky, .k-rtl .k-grid .k-grid-row-sticky { border-bottom-width: 1px; border-top-width: 1px; }

.k-grid[dir="rtl"] th, .k-rtl .k-grid th { border-width: 0 1px 1px 0; }

.k-grid[dir="rtl"] th:first-child, .k-rtl .k-grid th:first-child { border-right-width: 0; }

.k-grid[dir="rtl"] td, .k-rtl .k-grid td { border-width: 0 1px 0 0; }

.k-grid[dir="rtl"] td:first-child, .k-rtl .k-grid td:first-child { border-right-width: 0; }

.k-grid[dir="rtl"] td.k-hierarchy-cell, .k-rtl .k-grid td.k-hierarchy-cell { border-right-width: 0; }

.k-grid[dir="rtl"] .k-hierarchy-cell + td, .k-rtl .k-grid .k-hierarchy-cell + td { border-right-width: 0; }

.k-grid[dir="rtl"] .k-grid-header, .k-grid[dir="rtl"] .k-grid-footer, .k-rtl .k-grid .k-grid-header, .k-rtl .k-grid .k-grid-footer { padding-left: 17px; padding-right: 0; }

.k-grid[dir="rtl"] .k-grid-header .k-header, .k-rtl .k-grid .k-grid-header .k-header { z-index: 1; }

.k-grid[dir="rtl"] .k-grid-header .k-header.k-first, .k-rtl .k-grid .k-grid-header .k-header.k-first { border-left-width: 0; border-right-width: 1px; }

.k-grid[dir="rtl"] .k-grid-header .k-with-icon, .k-grid[dir="rtl"] .k-grid-header .k-filterable, .k-rtl .k-grid .k-grid-header .k-with-icon, .k-rtl .k-grid .k-grid-header .k-filterable { padding-left: calc(1.4285714286em + 14px); padding-right: 12px; }

.k-grid[dir="rtl"] .k-grid-header .k-grid-filter, .k-grid[dir="rtl"] .k-grid-header .k-header-column-menu, .k-rtl .k-grid .k-grid-header .k-grid-filter, .k-rtl .k-grid .k-grid-header .k-header-column-menu { right: auto; left: 4px; }

.k-grid[dir="rtl"] .k-grid-header-sticky.k-header.k-first, .k-rtl .k-grid .k-grid-header-sticky.k-header.k-first { border-left-width: 1px; }

.k-grid[dir="rtl"] .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first, .k-rtl .k-grid .k-grid-header-sticky.k-header.k-grid-no-left-border.k-first { border-left-width: 1px; border-right-width: 0; }

.k-grid[dir="rtl"] .k-filtercell-operator, .k-rtl .k-grid .k-filtercell-operator { margin-left: 0; margin-right: 4px; }

.k-grid[dir="rtl"] .k-dirty, .k-rtl .k-grid .k-dirty { border-color: currentColor currentColor transparent transparent; left: auto; right: 0; }

.k-grid[dir="rtl"] .k-edit-cell > .k-textbox, .k-grid[dir="rtl"] .k-edit-cell > .k-widget, .k-grid[dir="rtl"] .k-grid-edit-row > td > .k-textbox, .k-grid[dir="rtl"] .k-grid-edit-row > td > .k-widget, .k-rtl .k-grid .k-edit-cell > .k-textbox, .k-rtl .k-grid .k-edit-cell > .k-widget, .k-rtl .k-grid .k-grid-edit-row > td > .k-textbox, .k-rtl .k-grid .k-grid-edit-row > td > .k-widget { margin-right: -9px; }

.k-grid[dir="rtl"] .k-grid-header-wrap.k-auto-scrollable, .k-rtl .k-grid .k-grid-header-wrap.k-auto-scrollable { margin-left: -1px; margin-right: 0; }

.k-grid[dir="rtl"] .k-grid-header-locked + .k-grid-header-wrap.k-auto-scrollable, .k-rtl .k-grid .k-grid-header-locked + .k-grid-header-wrap.k-auto-scrollable { margin-left: 0; }

.k-grid[dir="rtl"] .k-group-footer td, .k-rtl .k-grid .k-group-footer td { border-width: 1px 0; }

.k-grid[dir="rtl"] .k-group-footer .k-group-cell + td, .k-rtl .k-grid .k-group-footer .k-group-cell + td { border-right-width: 1px; }

.k-grid[dir="rtl"] .k-grouping-row .k-icon, .k-rtl .k-grid .k-grouping-row .k-icon { margin-left: 8px; margin-right: -4px; }

.k-grid[dir="rtl"] .k-column-resizer, .k-rtl .k-grid .k-column-resizer { left: 0; right: auto; }

.k-grid .k-dirty-cell { position: relative; }

.k-grid .k-dirty-cell.k-edit-cell { position: static; }

.k-grid .k-dirty-cell.k-grid-content-sticky { position: -webkit-sticky; position: sticky; }

.k-grid .k-dirty { border-width: 5px; border-color: currentColor transparent transparent currentColor; left: 0; right: auto; }

.k-grid .k-grid-content-locked + .k-grid-content { -webkit-box-sizing: content-box; box-sizing: content-box; }

.k-grid .k-grid-content-expander { position: absolute; visibility: hidden; height: 1px; bottom: 1px; }

.k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-hierarchy-cell .k-icon { border-width: 0; }

.k-grid .k-drag-col { padding: 0; width: 36px; }

.k-grid .k-drag-cell { cursor: move; }

.k-grid-toolbar { border-width: 0 0 1px; -ms-flex-negative: 0; flex-shrink: 0; }

.k-grid-search { width: 12.4em; }

.k-grouping-header { padding: 8px 8px; border-width: 0 0 1px; border-style: solid; border-color: inherit; white-space: normal; -ms-flex-negative: 0; flex-shrink: 0; display: block; position: relative; }

.k-grouping-header::before { content: ""; height: calc(1.4285714286em + 10px); display: inline-block; vertical-align: middle; }

.k-grouping-header-flex { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; gap: 8px; }

.k-grouping-header-flex::before { margin-left: -8px; }

.k-grouping-header-flex .k-group-indicator { margin: 0; }

.k-grid .k-indicator-container { margin: -8px 0; padding: 8px 0; }

.k-grid .k-indicator-container:last-child { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; }

.k-group-indicator { border-radius: 2px; margin: 0; padding: 4px 8px; border-width: 1px; border-style: solid; display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; }

.k-group-indicator .k-link, .k-group-indicator .k-button-flat, .k-group-indicator .k-button.k-flat, .k-group-indicator .k-button.k-bare, .k-group-indicator .k-calendar-header .k-button, .k-calendar-header .k-group-indicator .k-button, .k-group-indicator .k-calendar.k-calendar-range.k-calendar-infinite:not(.k-calendar-minimal) > .k-button { padding: 0; border-width: 0; display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }

.k-group-indicator .k-link .k-icon { margin-left: -2px; margin-right: 4px; }

.k-group-indicator .k-button-flat, .k-group-indicator .k-button.k-flat, .k-group-indicator .k-button.k-bare, .k-group-indicator .k-calendar-header .k-button, .k-calendar-header .k-group-indicator .k-button, .k-group-indicator .k-calendar.k-calendar-range.k-calendar-infinite:not(.k-calendar-minimal) > .k-button { margin-left: 8px; margin-right: -2px; padding: 0; width: auto; height: auto; opacity: 0.5; }

.k-group-indicator .k-button-flat::before, .k-group-indicator .k-button.k-flat::before, .k-group-indicator .k-button.k-bare::before, .k-group-indicator .k-calendar-header .k-button::before, .k-calendar-header .k-group-indicator .k-button::before, .k-group-indicator .k-calendar.k-calendar-range.k-calendar-infinite:not(.k-calendar-minimal) > .k-button::before, .k-group-indicator .k-button-flat::after, .k-group-indicator .k-button.k-flat::after, .k-group-indicator .k-button.k-bare::after, .k-group-indicator .k-calendar-header .k-button::after, .k-calendar-header .k-group-indicator .k-button::after, .k-group-indicator .k-calendar.k-calendar-range.k-calendar-infinite:not(.k-calendar-minimal) > .k-button::after { display: none; }

.k-group-indicator .k-button-flat:hover, .k-group-indicator .k-button.k-flat:hover, .k-group-indicator .k-button.k-bare:hover, .k-group-indicator .k-calendar-header .k-button:hover, .k-calendar-header .k-group-indicator .k-button:hover, .k-group-indicator .k-calendar.k-calendar-range.k-calendar-infinite:not(.k-calendar-minimal) > .k-button:hover { opacity: 1; }

.k-group-indicator { margin-right: 4px; }

.k-group-indicator + .k-group-indicator { margin-left: 4px; }

.k-grouping-dropclue { width: 12px; height: calc(1.4285714286em + 10px); position: absolute; top: 3px; -webkit-box-sizing: content-box; box-sizing: content-box; }

.k-grouping-dropclue::before, .k-grouping-dropclue::after { display: inline-block; content: ""; position: absolute; }

.k-grouping-dropclue::before { border-width: 6px; border-style: solid; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; top: 0; }

.k-grouping-dropclue::after { width: 2px; height: calc(100% - 6px); top: 6px; left: 5px; }

.k-grid-header-wrap, .k-grid-footer-wrap { width: 100%; border-width: 0 1px 0 0; border-style: solid; border-color: inherit; position: relative; overflow: hidden; }

.k-grid-header-wrap.k-auto-scrollable, .k-grid-footer-wrap { margin-right: -1px; }

.k-grid-header-locked + .k-grid-header-wrap.k-auto-scrollable { margin-right: 0; }

.k-ie .k-grid-header-locked + .k-grid-header-wrap.k-auto-scrollable { display: inline-block; }

.k-grid-header, .k-grid-footer { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 17px; border-width: 0; border-style: solid; border-color: inherit; }

.k-grid-header table, .k-grid-footer table { table-layout: fixed; }

div.k-grid-header, div.k-grid-footer { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; }

.k-ie div.k-grid-header { display: block; }

.k-grid-header { border-bottom-width: 1px; }

.k-grid-header table { margin-bottom: -1px; }

.k-grid-header.k-grid-draggable-header { -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; }

.k-grid-header .k-header { position: relative; cursor: default; }

.k-grid-header .k-header:first-child { border-left-width: 0; }

.k-grid-header .k-header.k-first { border-left-width: 1px; }

.k-grid-header .k-header > .k-link { margin: -8px -12px; padding: 8px 12px; line-height: inherit; display: block; overflow: hidden; text-overflow: ellipsis; outline: 0; }

.k-ie .k-grid-header .k-header > .k-link, .k-edge .k-grid-header .k-header > .k-link { margin: 0; padding: 0; }

.k-grid-header .k-with-icon, .k-grid-header .k-filterable { padding-right: calc(1.4285714286em + 14px); }

.k-ie .k-grid-header .k-with-icon, .k-edge .k-grid-header .k-with-icon, .k-ie .k-grid-header .k-filterable, .k-edge .k-grid-header .k-filterable { padding-right: calc(1.4285714286em + 14px); }

.k-grid-header .k-header > .k-link:focus { text-decoration: none; }

.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu { padding: 4px; width: calc(1.4285714286em + 10px); height: calc(1.4285714286em + 10px); -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; line-height: 1.4285714286; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; position: absolute; right: 4px; bottom: 4px; z-index: 1; }

.k-ie .k-grid-header .k-grid-filter, .k-edge .k-grid-header .k-grid-filter, .k-ie .k-grid-header .k-header-column-menu, .k-edge .k-grid-header .k-header-column-menu { position: static; float: right; margin-top: -5px; margin-bottom: -5px; margin-right: calc(-1.4285714286em + -10px); }

.k-grid-header .k-grid-filter:hover, .k-grid-header .k-header-column-menu:hover { cursor: pointer; }

.k-grid-header .k-header > .k-link > .k-icon.k-i-sort-desc-sm, .k-grid-header .k-header > .k-link > .k-icon.k-i-sort-asc-sm { vertical-align: text-top; margin-left: 7px; }

.k-grid-header .k-sort-order { display: inline-block; vertical-align: top; height: 16px; font-size: 12px; margin-top: 2px; margin-left: -2px; }

.k-column-resizer { width: 0.5em; height: 1000%; display: block; position: absolute; top: 0; right: 0; cursor: col-resize; }

.k-grid-footer { border-width: 1px 0 0; }

.k-grid-footer td { height: 1.4285714286em; }

.k-grid-footer td, .k-group-footer td, .k-grouping-row td { font-weight: bold; }

.k-grid-filter-popup { min-width: 200px; }

.k-grid-column-menu-standalone a.k-grid-filter { position: initial; display: inline-block; margin: -4px 0; padding: 4px 8px; }

.k-grid-columnmenu-popup { width: 230px; }

.k-grid-columnmenu-popup.k-popup { padding: 2px 0; }

.k-filter-row { line-height: 1.4285714286; }

.k-filter-row td, .k-filter-row th { border-width: 0 0 1px 1px; white-space: nowrap; padding: 8px 8px; }

.k-filter-row td:first-child { border-left-width: 0; }

.k-filter-row .k-multiselect, .k-filter-row .k-dropdowntree { height: auto; }

.k-filter-row .k-filtercell .k-widget.k-sized-input { -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; }

.k-filtercell { width: auto; display: -ms-flexbox; display: -webkit-box; display: flex; }

.k-filtercell > span, .k-filtercell .k-filtercell-wrapper { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; }

.k-filtercell > span > label, .k-filtercell .k-filtercell-wrapper > label { vertical-align: middle; }

.k-filtercell .k-filtercell-wrapper > .k-widget { width: 100%; }

.k-filtercell > span .k-button { visibility: visible; pointer-events: all; }

.k-filtercell > span .k-button, .k-filtercell > span .k-dropdown-operator { margin-left: 4px; }

.k-ie .k-filtercell > span .k-button, .k-ie .k-filtercell > span .k-dropdown-operator { min-width: calc(1.4285714286em + 8px); }

.k-filtercell > span .k-widget { width: auto; }

.k-filtercell .k-filtercell-operator > .k-button.k-clear-button-visible { visibility: visible; height: calc(1.4285714286em + 10px); }

.k-filtercell .k-filtercell-operator > .k-button:not(.k-clear-button-visible) { visibility: hidden; pointer-events: none; }

.k-filtercell .k-filtercell-operator { margin-left: 4px; }

.k-filtercell .k-widget:not(.k-dropdown-operator), .k-filtercell .k-filtercell-wrapper > .k-textbox { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; }

.k-filtercell .k-filtercell-wrapper > .k-textbox { width: 100%; min-width: 0; }

.k-grid-content, .k-grid-content-locked { border-color: inherit; outline: 0; }

.k-grid-content table, .k-grid-content-locked table { table-layout: fixed; }

.k-grid-content tr:last-child > td, .k-grid-content-locked tr:last-child > td { border-bottom-width: 0; }

.k-grid-content { width: 100%; min-height: 0; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.k-grid-content.k-auto-scrollable { overflow: auto; overflow-x: auto; overflow-y: scroll; }

.k-virtual-scrollable-wrap { height: 100%; overflow-y: hidden; position: relative; }

.k-grid-edit-row td { text-overflow: clip; }

.k-grid-edit-row .k-widget, .k-grid-edit-row .k-button, .k-grid-edit-row .k-textbox { height: auto; }

.k-grid-edit-row .k-edit-cell { padding-top: 0; padding-bottom: 0; }

.k-edit-cell > .k-textbox, .k-edit-cell > .k-widget:not(.k-switch), .k-grid-edit-row > td > .k-textbox, .k-grid-edit-row > td > .k-widget:not(.k-switch) { margin-left: -9px; }

.k-grid-edit-row td > .k-textbox, .k-grid-edit-row td > .k-widget:not(.k-switch), .k-edit-cell > .k-textbox, .k-edit-cell > .k-widget:not(.k-switch) { width: calc(100% + 18px); }

.k-grid-edit-row td > .k-textbox, .k-grid-edit-row td > .k-widget, .k-command-cell > .k-button, .k-edit-cell > .k-textbox, .k-edit-cell > .k-widget { vertical-align: middle; }

.k-grid .k-grid-edit-row td:not(.k-hierarchy-cell), .k-grid .k-command-cell, .k-grid .k-edit-cell { padding: 3px 12px; }

.k-command-cell > .k-button { margin-left: 0.16em; margin-right: 0.16em; }

.k-grid > .k-resize-handle, .k-grid-header .k-resize-handle { height: 25px; cursor: col-resize; position: absolute; z-index: 2; }

.k-grid-pager { border-width: 1px 0 0; border-color: inherit; font-size: inherit; }

.k-grid-pager-top { border-width: 0 0 1px; }

.k-pager-input .k-numerictextbox { margin: 0 7px; width: 3em; }

.k-grid-virtual .k-grid-content .k-grid-table-wrap { float: left; width: 100%; }

.k-grid-virtual .k-grid-content .k-grid-table { position: relative; float: left; z-index: 1; }

.k-grid-virtual .k-grid-content > .k-height-container { position: relative; float: left; }

.k-grid-virtual .k-grid-content::after { content: ""; display: block; clear: both; }

.k-width-container { position: absolute; visibility: hidden; }

.k-width-container div { height: 1px; }

.k-grid-virtual[dir="rtl"] .k-grid-content .k-grid-table, .k-grid-virtual.k-rtl .k-grid-content .k-grid-table { float: right; }

.k-grid-add-row td { border-bottom-style: solid; border-bottom-width: 1px; }

.k-grid-lockedcolumns { white-space: nowrap; }

.k-grid-content, .k-grid-content-locked, .k-pager-wrap { white-space: normal; }

.k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; display: inline-block; vertical-align: top; overflow: hidden; position: relative; border-style: solid; border-width: 0 1px 0 0; -webkit-box-sizing: content-box; box-sizing: content-box; }

.k-grid-content-locked + .k-grid-content.k-auto-scrollable, .k-grid-footer-locked + .k-grid-content.k-auto-scrollable, .k-grid-header-locked + .k-grid-content.k-auto-scrollable { display: inline-block; }

.k-grid-content, .k-grid-footer-wrap, .k-grid-header-wrap { -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; display: inline-block; vertical-align: top; }

.k-grid-content.k-auto-scrollable, .k-grid-footer-wrap.k-auto-scrollable, .k-grid-header-wrap.k-auto-scrollable { display: block; }

.k-grid-header-locked > table, .k-grid-header-wrap > table { margin-bottom: -1px; }

.k-grid-header .k-header.k-grid-header-sticky, .k-grid-header .k-filter-row .k-grid-header-sticky, .k-grid-content-sticky, .k-grid-row-sticky, .k-grid-footer-sticky { position: -webkit-sticky; position: sticky; z-index: 2; }

.k-grid-header .k-header.k-grid-header-sticky.k-edit-cell, .k-grid-header .k-filter-row .k-grid-header-sticky.k-edit-cell, .k-grid-content-sticky.k-edit-cell, .k-grid-row-sticky.k-edit-cell, .k-grid-footer-sticky.k-edit-cell { overflow: visible; z-index: 3; }

kendo-grid tr.k-grid-row-sticky { border: 0; position: static; z-index: auto; }

kendo-grid .k-grid-row-sticky td { border-bottom-width: 1px; border-top-width: 1px; position: -webkit-sticky; position: sticky; top: inherit; bottom: inherit; }

kendo-grid .k-grid-row-sticky td { z-index: 2; }

kendo-grid .k-grid-row-sticky td.k-grid-content-sticky, kendo-grid .k-grid-row-sticky.k-alt td.k-grid-content-sticky { z-index: 3; }

kendo-grid .k-grid-header-locked th.k-grid-header-sticky:last-child, kendo-grid .k-grid-content-locked tr .k-grid-content-sticky:last-child { border-right: 0; }

kendo-grid .k-grid-header .k-grid-column-menu { z-index: 5; }

.k-grid-content-sticky.k-grid-row-sticky { z-index: 3; }

.k-grid .k-grid-header-sticky, .k-grid .k-grid-content-sticky, .k-grid .k-grid-footer-sticky { border-right-width: 1px; }

.k-grid .k-grid-header-sticky:not([style*="display: none"]) + td, .k-grid .k-grid-header-sticky:not([style*="display: none"]) + th, .k-grid .k-grid-content-sticky:not([style*="display: none"]) + td, .k-grid .k-grid-content-sticky:not([style*="display: none"]) + th, .k-grid .k-grid-footer-sticky:not([style*="display: none"]) + td, .k-grid .k-grid-footer-sticky:not([style*="display: none"]) + th { border-left-width: 0; }

.k-grid .k-grid-row-sticky { border-bottom-width: 1px; border-top-width: 1px; }

.k-grid-header-sticky.k-header.k-grid-no-left-border.k-first { border-left-width: 0; }

.k-grid.k-grid-no-scrollbar .k-grid-header { padding: 0; }

.k-grid.k-grid-no-scrollbar .k-grid-header-wrap { border-width: 0; }

.k-grid.k-grid-no-scrollbar .k-grid-content { overflow-y: auto; }

.k-grid-norecords { text-align: center; }

div.k-grid-norecords { width: 100%; height: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }

.k-grid-norecords-template { width: 20em; height: 4em; line-height: 4em; margin: 0 auto; border: 1px solid; }

.k-header > .k-cell-inner { margin: -8px calc(-1.4285714286em - -2px) -8px -12px; }

.k-filterable > .k-cell-inner { margin: -8px calc(-1.4285714286em + -10px) -8px -12px; }

.k-filterable > .k-cell-inner .k-link { padding-right: 0; }

.k-cell-inner { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; overflow: hidden; }

.k-cell-inner > .k-link { padding: 8px 12px; width: auto; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; overflow: hidden; }

.k-cell-inner > .k-link > .k-icon.k-i-sort-desc-sm, .k-cell-inner > .k-link > .k-icon.k-i-sort-asc-sm { margin-left: 0; display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; }

.k-cell-inner .k-sort-order { -ms-flex-negative: 0; flex-shrink: 0; line-height: normal; }

.k-cell-inner .k-grid-filter, .k-cell-inner .k-header-column-menu { position: static; }

.k-cell-inner .k-grid-filter, .k-cell-inner .k-header-column-menu, .k-cell-inner .k-hierarchy-cell .k-icon { text-align: center; display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; }

.k-column-title { min-width: 0; text-overflow: ellipsis; white-space: nowrap; -ms-flex-negative: 1; flex-shrink: 1; overflow: hidden; }

.k-loading-pdf-mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; }

.k-loading-pdf-mask > .k-i-loading { position: absolute; top: 50%; left: 50%; font-size: 64px; }

.k-loading-pdf-mask .k-loading-pdf-progress { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.k-pdf-export .k-loading-pdf-mask { display: none; }

.k-grid-pdf-export-element { position: absolute; left: -10000px; top: -10000px; }

.k-grid-pdf-export-element .k-filter-row { display: none; }

.k-pdf-export-shadow .k-grid { float: left; width: auto !important; }

.k-pdf-export-shadow .k-grid, .k-pdf-export-shadow .k-grid-content, .k-pdf-export-shadow .k-grid-content-locked { height: auto !important; overflow: visible; }

.k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap, .k-pdf-export-shadow .k-grid-header-locked + .k-grid-content, .k-pdf-export-shadow .k-grid-header-locked + .k-grid-footer-wrap { width: auto !important; }

.k-pdf-export-shadow .k-grid-header, .k-pdf-export-shadow .k-grid[data-role="grid"] .k-grid-footer { padding: 0 !important; }

.k-filter-menu.k-popup .k-filter-menu-container, .k-grid-filter-popup.k-popup .k-filter-menu-container { width: 230px; }

.k-filter-menu.k-popup .k-multicheck-wrap, .k-grid-filter-popup.k-popup .k-multicheck-wrap, .k-popup .k-filter-menu .k-multicheck-wrap, .k-popup .k-grid-filter-popup .k-multicheck-wrap { padding: 8px 8px 0; }

.k-filter-menu.k-popup .k-multicheck-wrap .k-item, .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-item, .k-popup .k-filter-menu .k-multicheck-wrap .k-item, .k-popup .k-grid-filter-popup .k-multicheck-wrap .k-item { padding: 2px 0; }

.k-filter-menu.k-popup .k-multicheck-wrap .k-check-all-wrap, .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-check-all-wrap, .k-popup .k-filter-menu .k-multicheck-wrap .k-check-all-wrap, .k-popup .k-grid-filter-popup .k-multicheck-wrap .k-check-all-wrap { padding-bottom: 4px; border-bottom-width: 1px; border-bottom-style: solid; }

.k-filter-menu.k-popup .k-filter-help-text, .k-grid-filter-popup.k-popup .k-filter-help-text, .k-popup .k-filter-menu .k-filter-help-text, .k-popup .k-grid-filter-popup .k-filter-help-text { padding: 8px 8px 0; }

.k-filter-menu.k-popup .k-filter-selected-items, .k-grid-filter-popup.k-popup .k-filter-selected-items, .k-popup .k-filter-menu .k-filter-selected-items, .k-popup .k-grid-filter-popup .k-filter-selected-items { padding: 8px 8px 0; }

.k-filter-menu .k-filter-menu-container { -webkit-box-sizing: border-box; box-sizing: border-box; }

.k-filter-menu .k-widget, .k-filter-menu .k-radio-list, .k-filter-menu .k-textbox, .k-filter-menu .k-searchbox { margin: 8px 8px 0; width: calc(100% - 16px); -webkit-box-sizing: border-box; box-sizing: border-box; display: -ms-flexbox; display: -webkit-box; display: flex; }

.k-filter-menu .k-widget.k-filter-and { width: 6em; }

.k-filter-menu .k-widget.k-button-group { width: auto; display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; }

.k-filter-menu .k-switch { width: 60px; display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; }

.k-multicheck-wrap { max-height: 300px; white-space: nowrap; overflow: auto; }

.k-filter-selected-items { font-weight: bold; line-height: normal; white-space: nowrap; }

.k-autofitting { width: auto !important; table-layout: auto !important; }

.k-autofitting th.k-header, .k-autofitting td { white-space: nowrap !important; }

.k-autofitting .k-detail-row { display: none !important; }

.k-autofitting input.k-input, .k-autofitting span.k-input, .k-autofitting input.k-textbox { width: 0 !important; }

.k-column-list { padding: 0; margin: 0; list-style: none; max-height: 200px; overflow-x: hidden; overflow-y: auto; }

.k-column-chooser-title, .k-column-list-item { padding: 2px 8px; }

.k-column-list-item { position: relative; display: block; margin: 0; cursor: pointer; }

.k-columns-items-wrap { padding: 6px 0; }

.k-columnmenu-item { padding: 4px 8px; outline: 0; cursor: pointer; }

.k-columnmenu-item > .k-icon { margin-right: 4px; }

.k-columnmenu-item-wrapper + .k-columnmenu-item-wrapper { border-top: 1px solid; border-top-color: rgba(0, 0, 0, 0.08); }

.k-columnmenu-item-content { overflow: hidden; }

.k-filter-menu .k-actions, .k-filter-menu .k-action-buttons, .k-filter-menu .k-columnmenu-actions, .k-filter-menu .k-action-buttons, .k-filter-menu .k-columnmenu-actions, .k-column-list-wrapper .k-actions, .k-column-list-wrapper .k-action-buttons, .k-column-list-wrapper .k-columnmenu-actions, .k-column-list-wrapper .k-action-buttons, .k-column-list-wrapper .k-columnmenu-actions, .k-columnmenu-item-content .k-actions, .k-columnmenu-item-content .k-action-buttons, .k-columnmenu-item-content .k-columnmenu-actions, .k-columnmenu-item-content .k-action-buttons, .k-columnmenu-item-content .k-columnmenu-actions { margin-top: 4px; padding: 8px 8px; }

.k-filter-menu .k-actions .k-button, .k-filter-menu .k-action-buttons .k-button, .k-filter-menu .k-columnmenu-actions .k-button, .k-filter-menu .k-action-buttons .k-button, .k-filter-menu .k-columnmenu-actions .k-button, .k-column-list-wrapper .k-actions .k-button, .k-column-list-wrapper .k-action-buttons .k-button, .k-column-list-wrapper .k-columnmenu-actions .k-button, .k-column-list-wrapper .k-action-buttons .k-button, .k-column-list-wrapper .k-columnmenu-actions .k-button, .k-columnmenu-item-content .k-actions .k-button, .k-columnmenu-item-content .k-action-buttons .k-button, .k-columnmenu-item-content .k-columnmenu-actions .k-button, .k-columnmenu-item-content .k-action-buttons .k-button, .k-columnmenu-item-content .k-columnmenu-actions .k-button { -ms-flex: 1 1 50%; -webkit-box-flex: 1; flex: 1 1 50%; }

.k-filter-menu .k-actions.k-actions-start .k-button, .k-filter-menu .k-actions-start.k-action-buttons .k-button, .k-filter-menu .k-actions-start.k-columnmenu-actions .k-button, .k-filter-menu .k-actions.k-actions-center .k-button, .k-filter-menu .k-actions-center.k-action-buttons .k-button, .k-filter-menu .k-actions-center.k-columnmenu-actions .k-button, .k-filter-menu .k-actions.k-actions-end .k-button, .k-filter-menu .k-actions-end.k-action-buttons .k-button, .k-filter-menu .k-actions-end.k-columnmenu-actions .k-button, .k-column-list-wrapper .k-actions.k-actions-start .k-button, .k-column-list-wrapper .k-actions-start.k-action-buttons .k-button, .k-column-list-wrapper .k-actions-start.k-columnmenu-actions .k-button, .k-column-list-wrapper .k-actions.k-actions-center .k-button, .k-column-list-wrapper .k-actions-center.k-action-buttons .k-button, .k-column-list-wrapper .k-actions-center.k-columnmenu-actions .k-button, .k-column-list-wrapper .k-actions.k-actions-end .k-button, .k-column-list-wrapper .k-actions-end.k-action-buttons .k-button, .k-column-list-wrapper .k-actions-end.k-columnmenu-actions .k-button, .k-columnmenu-item-content .k-actions.k-actions-start .k-button, .k-columnmenu-item-content .k-actions-start.k-action-buttons .k-button, .k-columnmenu-item-content .k-actions-start.k-columnmenu-actions .k-button, .k-columnmenu-item-content .k-actions.k-actions-center .k-button, .k-columnmenu-item-content .k-actions-center.k-action-buttons .k-button, .k-columnmenu-item-content .k-actions-center.k-columnmenu-actions .k-button, .k-columnmenu-item-content .k-actions.k-actions-end .k-button, .k-columnmenu-item-content .k-actions-end.k-action-buttons .k-button, .k-columnmenu-item-content .k-actions-end.k-columnmenu-actions .k-button { -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; }

.k-column-menu-group-header { padding: 4px 8px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; position: relative; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; }

.k-column-menu-group-header-text { border-bottom-width: 1px; border-bottom-style: solid; font-size: 12px; line-height: 1.4285714286; font-weight: bold; text-transform: uppercase; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; }

.k-column-menu .k-menu:not(.k-context-menu) { font-weight: 400; }

.k-column-menu .k-expander { border: 0; background: inherit; }

.k-column-menu .k-expander .k-columnmenu-item { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }

[dir="rtl"] .k-columnmenu-item > .k-icon, .k-rtl .k-columnmenu-item > .k-icon { margin-left: 4px; margin-right: 0; }

[dir="rtl"] .k-header > .k-cell-inner, .k-rtl .k-header > .k-cell-inner { margin-right: -12px; margin-left: calc(-1.4285714286em - -2px); }

[dir="rtl"] .k-header > .k-cell-inner .k-sort-order, .k-rtl .k-header > .k-cell-inner .k-sort-order { margin-right: -2px; margin-left: 0; }

[dir="rtl"] .k-filterable > .k-cell-inner, .k-rtl .k-filterable > .k-cell-inner { margin-right: -12px; margin-left: calc(-1.4285714286em + -10px); }

[dir="rtl"] .k-filterable > .k-cell-inner .k-link, .k-rtl .k-filterable > .k-cell-inner .k-link { padding-right: 12px; padding-left: 0; }

.k-grid-header, .k-header, th.k-header, .k-grid-header-wrap, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-grid td, .k-grid-footer, .k-grid-footer-wrap, .k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked, .k-filter-row > td, .k-filter-row > th { border-color: #e4e4e4; }

.k-grid-header, .k-grouping-header, .k-grid-add-row, .k-grid-footer { color: #424242; background-color: #fafafa; }

.k-grid-toolbar { border-color: inherit; -webkit-box-shadow: none; box-shadow: none; }

.k-grid-content { background-color: #ffffff; }

.k-group-footer td, .k-grouping-row td, tbody .k-group-cell { color: #424242; background-color: #ededed; }

.k-grouping-dropclue::before { border-color: #424242 transparent transparent; }

.k-grouping-dropclue::after { background-color: #424242; }

.k-grid { border-color: rgba(0, 0, 0, 0.08); color: #424242; background-color: #ffffff; }

.k-grid tr.k-alt { background-color: rgba(0, 0, 0, 0.04); }

.k-grid tbody tr:hover, .k-grid tbody tr.k-state-hover { background-color: #ededed; }

.k-grid td.k-state-selected, .k-grid tr.k-state-selected > td { background-color: rgba(255, 99, 88, 0.25); }

.k-grid td.k-state-focused, .k-grid th.k-state-focused, .k-grid th:focus, .k-grid .k-master-row > td:focus, .k-grid .k-grouping-row > td:focus, .k-grid .k-detail-row > td:focus, .k-grid .k-group-footer > td:focus { -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13); }

.k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-hierarchy-cell .k-icon { color: #424242; }

.k-grid .k-grouping-row { background-color: #ededed; }

.k-grid .k-grouping-row .k-icon { color: #424242; }

.k-grid .k-grouping-row .k-grid-content-sticky { border-color: rgba(0, 0, 0, 0.3); border-top-color: rgba(0, 0, 0, 0.08); }

.k-grid-content tr:last-child > td, .k-grid-content-locked tr:last-child > td { border-bottom-width: 1px; }

.k-grid .k-grid-header-locked, .k-grid .k-grid-content-locked, .k-grid .k-grid-header-locked .k-header, .k-grid .k-grid-content-locked td { border-color: #e4e4e4; }

.k-grid .k-grid-content-locked .k-group-footer td, .k-grid .k-grid-content-locked .k-group-cell { border-color: rgba(0, 0, 0, 0.08); }

.k-grid .k-grid-content-locked .k-grouping-row + tr td { border-top-color: rgba(0, 0, 0, 0.08); }

.k-grid .k-grid-content-locked .k-state-selected td { background-color: #ffd8d5; }

.k-grid .k-grid-content-locked .k-state-selected.k-alt td { background-color: #f7d1ce; }

.k-grid .k-grid-content-locked .k-state-hover td, .k-grid .k-grid-content-locked tr:hover td { background-color: #ebebeb; }

.k-grid .k-grid-content-locked .k-state-selected:hover td, .k-grid .k-grid-content-locked .k-state-selected.k-state-hover td { background-color: #f1ccc9; }

.k-grid .k-grid-header-locked .k-header { border-bottom-color: rgba(0, 0, 0, 0.08); }

.k-grid[dir="rtl"] th.k-hierarchy-cell, .k-grid[dir="rtl"] td.k-hierarchy-cell, .k-grid.k-rtl th.k-hierarchy-cell, .k-grid.k-rtl td.k-hierarchy-cell { border-left-color: transparent; }

col.k-sorted, th.k-sorted { background-color: rgba(0, 0, 0, 0.02); }

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order { color: #ff6358; }

.k-grid-header .k-grid-filter:hover, .k-grid-header .k-header-column-menu:hover, .k-grid-header .k-hierarchy-cell .k-icon:hover { background-color: #ebebeb; }

.k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-state-focus, .k-grid-header .k-grid-filter.k-state-border-down, .k-grid-header .k-header-column-menu:focus, .k-grid-header .k-header-column-menu.k-state-focus, .k-grid-header .k-header-column-menu.k-state-border-down, .k-grid-header .k-hierarchy-cell .k-icon:focus, .k-grid-header .k-hierarchy-cell .k-icon.k-state-focus, .k-grid-header .k-hierarchy-cell .k-icon.k-state-border-down { -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1); }

.k-grid-header .k-grid-filter.k-state-active, .k-grid-header .k-header-column-menu.k-state-active, .k-grid-header .k-hierarchy-cell .k-icon.k-state-active { color: #ffffff; background-color: #ff6358; }

.k-grid-header th.k-grid-header-sticky, .k-grid-header td.k-grid-header-sticky, .k-grid-header .k-grid-header-sticky.k-sorted { color: #424242; background-color: #fafafa; border-right-color: rgba(0, 0, 0, 0.3); border-left-color: rgba(0, 0, 0, 0.3); }

.k-grid-footer { border-color: rgba(0, 0, 0, 0.08); color: #424242; background-color: #fafafa; }

.k-grid-footer .k-grid-footer-sticky { border-left-color: rgba(0, 0, 0, 0.3); border-right-color: rgba(0, 0, 0, 0.3); background-color: #fafafa; }

.k-master-row .k-grid-content-sticky { border-color: rgba(0, 0, 0, 0.3); border-top-color: rgba(0, 0, 0, 0.08); background-color: #ffffff; }

.k-master-row .k-grid-row-sticky { border-top-color: rgba(0, 0, 0, 0.3); border-bottom-color: rgba(0, 0, 0, 0.3); background-color: #ffffff; }

.k-master-row.k-alt .k-grid-content-sticky, .k-master-row.k-alt .k-grid-row-sticky { background-color: #f6f6f6; }

.k-master-row.k-state-selected .k-grid-content-sticky, .k-master-row.k-state-selected .k-grid-row-sticky { background-color: #ffd8d5; }

.k-master-row.k-state-selected.k-alt .k-grid-content-sticky, .k-master-row.k-state-selected.k-alt .k-grid-row-sticky { background-color: #f7d1ce; }

.k-master-row:hover .k-grid-content-sticky, .k-master-row:hover .k-grid-row-sticky, .k-master-row.k-state-hover .k-grid-content-sticky, .k-master-row.k-state-hover .k-grid-row-sticky { background-color: #ebebeb; }

.k-master-row.k-state-selected:hover .k-grid-content-sticky, .k-master-row.k-state-selected:hover .k-grid-row-sticky, .k-master-row.k-state-selected.k-state-hover .k-grid-content-sticky, .k-master-row.k-state-selected.k-state-hover .k-grid-row-sticky { background-color: #f1ccc9; }

kendo-grid .k-grid-content-sticky { border-top-color: rgba(0, 0, 0, 0.08); border-left-color: rgba(0, 0, 0, 0.3); border-right-color: rgba(0, 0, 0, 0.3); background-color: #ffffff; }

kendo-grid .k-grid-content-sticky:hover, kendo-grid .k-grid-content-sticky.k-state-hover { background-color: #ebebeb; }

kendo-grid .k-grid-row-sticky td { border-top-color: rgba(0, 0, 0, 0.3); border-bottom-color: rgba(0, 0, 0, 0.3); background-color: #ffffff; }

kendo-grid .k-grid-row-sticky:hover td, kendo-grid .k-grid-row-sticky.k-state-hover td { background-color: #ebebeb; }

kendo-grid .k-alt .k-grid-content-sticky, kendo-grid .k-grid-row-sticky.k-alt td { background-color: #f6f6f6; }

kendo-grid tr.k-state-selected .k-grid-content-sticky, kendo-grid .k-state-selected.k-grid-row-sticky td, kendo-grid .k-grid-row-sticky td.k-state-selected, kendo-grid .k-state-selected.k-grid-content-sticky { background-color: #ffd8d5; }

kendo-grid tr.k-state-selected.k-alt .k-grid-content-sticky, kendo-grid .k-state-selected.k-alt.k-grid-row-sticky td, kendo-grid .k-alt .k-state-selected.k-grid-content-sticky { background-color: #f7d1ce; }

kendo-grid tr:hover .k-grid-content-sticky, kendo-grid tr.k-state-hover .k-grid-content-sticky, kendo-grid .k-grid-row-sticky:hover td, kendo-grid .k-grid-row-sticky.k-state-hover td, kendo-grid .k-grid-row-sticky.k-alt:hover td, kendo-grid .k-grid-row-sticky.k-alt.k-state-hover td, kendo-grid .k-alt:hover .k-grid-content-sticky, kendo-grid .k-alt.k-state-hover .k-grid-content-sticky { background-color: #ebebeb; }

kendo-grid tr.k-state-selected:hover .k-grid-content-sticky, kendo-grid tr.k-state-selected.k-state-hover .k-grid-content-sticky, kendo-grid .k-state-selected.k-grid-row-sticky:hover td, kendo-grid .k-state-selected.k-grid-row-sticky.k-state-hover td, kendo-grid .k-state-selected.k-alt.k-grid-row-sticky:hover td, kendo-grid .k-state-selected.k-alt.k-grid-row-sticky.k-state-hover td, kendo-grid tr.k-state-selected.k-alt:hover .k-grid-content-sticky, kendo-grid tr.k-state-selected.k-alt.k-state-hover .k-grid-content-sticky, kendo-grid .k-grid-row-sticky:hover td.k-state-selected, kendo-grid .k-grid-row-sticky.k-state-hover td.k-state-selected, kendo-grid tr:hover .k-grid-content-sticky.k-state-selected, kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected { background-color: #f1ccc9; }

.k-grouping-row .k-grid-content-sticky { background-color: #fafafa; }

.k-grouping-row:hover .k-grid-content-sticky, .k-grouping-row.k-state-hover .k-grid-content-sticky { background-color: #ebebeb; }

.k-column-list-item:hover, .k-columnmenu-item:hover { color: #424242; background-color: #f0f0f0; }

.k-columnmenu-item:focus, .k-columnmenu-item.k-state-focus { -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13); }

.k-columnmenu-item.k-state-selected { color: #ffffff; background-color: #ff6358; }

.k-column-menu .k-menu:not(.k-context-menu) { border-color: rgba(0, 0, 0, 0.08); color: #424242; background-color: #ffffff; }

.k-column-menu .k-menu:not(.k-context-menu) .k-item { color: #424242; }

.k-column-menu .k-menu:not(.k-context-menu) .k-item:hover, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-hover { color: #424242; background-color: #f0f0f0; }

.k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-selected { color: #ffffff; background-color: #ff6358; }

.k-column-menu .k-menu:not(.k-context-menu) .k-item:focus, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-focused { -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13); }

.k-column-menu-group-header-text { border-color: rgba(0, 0, 0, 0.08); color: #424242; }

.k-check-all-wrap { border-color: rgba(0, 0, 0, 0.08); }

.k-grid-norecords-template { background-color: #ffffff; border-color: rgba(0, 0, 0, 0.08); }

.k-edit-cell > .k-textbox, .k-edit-cell > .k-widget:not(.k-switch), .k-grid-edit-row > td > .k-textbox, .k-grid-edit-row > td > .k-widget:not(.k-switch) { margin-left: 0; }

.k-grid .k-grid-edit-row td:not(.k-hierarchy-cell), .k-grid .k-command-cell, .k-grid .k-edit-cell { padding: 0 10px; }

.k-grid .k-grid-header-locked .k-header { padding: 0; }

div.k-grid-norecords { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

div.k-grid-header { overflow: hidden; }

.k-grid-header-wrap thead tr + tr th { border-top: 1px solid #e4e4e4; }

.k-grid-header .k-header:last-child { border-right-width: 0; }

.k-grid .k-filter-row th { border-top: none; }

.table-content.grid { position: relative; background: #fff; border-bottom: 1px solid #aaa; }

.table-content.grid.border-none .k-grid th, .table-content.grid.border-none .k-grid td { border-left: 0; border-right: 0; }

.table-content.grid.has-bottom { padding-bottom: 58px; }

.table-content.grid.has-bottom .table-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; }

.table-content.grid:only-child { height: 100%; }

.table-content.grid + .table-content.grid { margin-top: 10px; }

.table-content.grid .k-grid { height: 100%; }

.k-grid-norecords { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; padding: 90px 0 88px; color: #555; }

.table-bottom { display: none; padding: 15px 20px; background: #fff; border-bottom: 1px solid #ccc; -webkit-box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, 0.1); }

.k-grid td.k-state-selected, .k-grid tr.k-state-selected > td { background-color: #cfdef5; border-top: 1px solid #0e4194; border-bottom: 1px solid #0e4194; }

.k-grid tr.k-state-selected td:first-child { position: relative; border-left: 1px solid #0e4194 !important; }

.k-grid tr.k-state-selected td:first-child::before { content: ""; }

.k-grid tr.k-state-selected td:last-child { border-right: 1px solid #0e4194 !important; }

.k-grid { border: none; }

.k-grid table { table-layout: fixed; }

.k-grid thead th { text-align: center; }

.k-grid th, .k-grid td { min-height: 36px; padding: 6px 10px; }

.k-grid th .k-button, .k-grid td .k-button { margin: 0 auto; }

.k-grid td { border-width: 0 0 1px 1px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; overflow: hidden; white-space: nowrap; }

.k-grid thead th, .k-grid thead td { background: #f2f4f7; text-align: left; color: #555; font-weight: 500; }

.k-grid .k-filter-row { border-top: none; }

.k-grid .k-filter-row th { height: 30px; padding-bottom: 4px; }

.k-grid .k-filter-row th .k-dropdown-operator, .k-grid .k-filter-row th .k-clear-value, .k-grid .k-filter-row th .k-button { display: none; }

.k-grid tbody th, .k-grid tbody td { background: #fff; color: #222; }

.k-grid tr:hover td { background-color: #eff2f7; }

.k-grid tr:first-child th:first-child, .k-grid tr:first-child td:first-child { border-left: 0; }

.k-grid tr:first-child th:last-child, .k-grid tr:first-child td:last-child { border-right: 0; }

.k-grid .k-edit-cell .k-textbox { width: 100%; height: 28px; border: 1px solid #ccc; border-radius: 3px; padding: 0 10px; }

.k-grid.k-editable table[role="grid"] th, .k-grid.k-editable table[role="grid"] td { cursor: pointer; }

.k-grid .k-dropdown-operator { display: none; }

.k-grid .k-grid-header .k-grid-header-wrap th.k-header { line-height: unset; }

.k-grid-header { border-top: 1px solid #222; }

.k-grid-header .k-header { border-bottom: none; }

.k-grid .k-grouping-header, .k-grid-header { background: #eee; }

.k-grid .k-grouping-header th.k-header, .k-grid-header th.k-header { font-size: 15px; position: relative; height: 36px; margin: 0; padding: 7px 0; border-left: 1px solid #e4e4e4; line-height: 36px; text-align: center; }

.k-grid .k-grouping-header th.k-header .k-link, .k-grid-header th.k-header .k-link { display: block; margin: 0; padding: 0; padding-right: 8px; line-height: unset; }

.k-grid .k-grouping-header th.k-header .k-link::before, .k-grid-header th.k-header .k-link::before { position: absolute; top: 50%; right: 0px; margin-top: -14px; display: block; content: ""; width: 28px; height: 28px; background-size: 8px 15px; background-repeat: no-repeat; background-position: center center; background-image: url("../images_bc/icon/btn_filter_default.svg"); }

.k-grid .k-grouping-header .k-icon.k-i-sort-asc-sm, .k-grid .k-grouping-header .k-icon.k-i-sort-desc-sm, .k-grid-header .k-icon.k-i-sort-asc-sm, .k-grid-header .k-icon.k-i-sort-desc-sm { position: absolute; top: 50%; right: 0px; margin-top: -14px; }

.k-grid .k-grouping-header .k-icon.k-i-sort-asc-sm:before, .k-grid .k-grouping-header .k-icon.k-i-sort-desc-sm:before, .k-grid-header .k-icon.k-i-sort-asc-sm:before, .k-grid-header .k-icon.k-i-sort-desc-sm:before { display: block; content: ""; width: 28px; height: 28px; background-size: 8px 15px; background-repeat: no-repeat; background-position: center center; }

.k-grid .k-grouping-header .k-i-sort-desc-sm:before, .k-grid-header .k-i-sort-desc-sm:before { background-image: url("../images_bc/icon/btn_filter_down.svg"); }

.k-grid .k-grouping-header .k-i-sort-asc-sm:before, .k-grid-header .k-i-sort-asc-sm:before { background-image: url("../images_bc/icon/btn_filter_up.svg"); }

.k-grid tr:last-child td { border-left: 1px solid #e4e4e4; }

.k-grid tr:last-child td:first-child { border-left: 0; }

.k-grid tr:hover { background-color: #eff2f7; }

.k-grid th .h-checkbox { min-width: 20px; width: 20px; height: 20px; padding-left: 0; margin-left: auto; margin-right: auto; }

.k-grid td { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; height: 36px; line-height: 22px; padding: 6px 10px; border-top: 0; }

.k-grid .k-edit-cell .k-textbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.k-grid .k-footer-template td { border-bottom: 0; }

.k-grid .k-footer-template td { text-align: right; font-weight: 500; }

.k-grid .k-footer-template td.merge { border-width: 0; display: none; text-align: center; }

/*
* ------------------------------
* accordion
* ------------------------------
*/
.k-expander .k-expander-header { position: relative; margin-top: 12px; }

.k-expander .k-expander-title { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; min-height: 20px; padding-bottom: 6px; border-bottom: 1px solid #5e6b85; font-weight: 500; line-height: 20px; }

.k-expander .k-i-arrow-chevron-down, .k-expander .k-i-arrow-chevron-up { position: absolute; right: 0; top: 50%; margin-top: -7px; }

.k-expander .line.k-expander-content { padding: 10px 0; border-bottom: 1px solid #e4e4e4; }

.k-expander .line.k-expander-content .list-set .title { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; }

/*
* ------------------------------
* breadcrumb
* ------------------------------
*/
.k-breadcrumb { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.k-breadcrumb .k-breadcrumb-container { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; }

.k-breadcrumb .k-breadcrumb-item { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; }

.k-breadcrumb .k-breadcrumb-root-item { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.k-breadcrumb .k-breadcrumb-link { color: #999; }

.k-breadcrumb .k-breadcrumb-root-item .k-breadcrumb-root-link { color: #999; }

.k-breadcrumb .k-breadcrumb-last-item .k-breadcrumb-link { color: #222; }

.k-breadcrumb .k-i-arrow-chevron-right::after { content: ""; display: block; width: 16px; height: 16px; background-image: url("../images_bc/icon/icon_arrow_right.svg"); background-size: contain; }

.k-display-none, .k-hidden { display: none !important; }

/*
* ------------------------------
* editor
* ------------------------------
*/
.k-editor { border-style: solid; border-width: 1px; font-size: 100%; vertical-align: top; position: relative; }

.k-editor .k-editor-content, .k-editor iframe.k-content, .k-editor > .k-content { margin: 0; padding: 0; width: 100%; height: 100%; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: 0 0; display: block; }

table.k-editor { width: 100%; height: 250px; table-layout: fixed; border-collapse: separate; border-spacing: 0; }

table.k-editor tbody, table.k-editor td, table.k-editor tr { border-color: inherit; }

table.k-editor .k-editable-area { color: #000; background: #fff; }

.k-editor-inline { padding: 0.3em 0.5em; background: 0 0; word-wrap: break-word; overflow: auto; position: relative; }

.k-editor-inline.k-editor { border: 1px solid transparent; }

.k-window.k-editor-widget { min-height: 0; }

.editorToolbarWindow { padding: 4px 4px; font-size: 14px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-line-pack: start; align-content: flex-start; }

.editorToolbarWindow .k-editor-toolbar { padding: 0; border-width: 0; background: 0 0; }

.k-editortoolbar-dragHandle { margin: 0 4px 0 0; padding: 0; position: relative; cursor: move; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }

.k-editor-toolbar { border-width: 0 0 1px 0; border-color: inherit; }

.k-editor-toolbar .k-tool-group .k-widget ~ .k-widget { -webkit-margin-start: 4px; margin-inline-start: 4px; }

.k-editor-toolbar .k-tool-group > .k-tool { padding: 4px; width: calc(1.4285714286em + 10px); height: calc(1.4285714286em + 10px); }

.k-editor-toolbar .k-tool-text { display: none; }

.k-editor-toolbar .k-overflow-tools { margin: 0; border-color: inherit; visibility: hidden; position: absolute; top: 0; right: 0; bottom: 0; }

.k-editor-toolbar .k-overflow-anchor { position: relative; }

.k-editor-toolbar .k-break, .k-editor-toolbar .k-row-break { display: block; height: 1px; font-size: 0; line-height: 0; }

.k-editor-toolbar .k-editor-export .k-icon { margin-right: 0.25em; margin-top: -0.25em; }

.k-editable-area { width: 100%; height: 100%; outline: 0; }

.k-resizable .k-editable-area { padding-bottom: 16px; }

.k-editor .k-raw-content, .k-editor-dialog .k-editor-textarea { font-size: inherit; font-family: consolas, "courier new", monospace; }

.k-editor-dialog { padding: 1em; width: 400px; }

.k-editor-dialog .k-edit-label { width: 25%; }

.k-editor-dialog .k-edit-field { width: 66%; }

.k-editor-dialog .k-edit-field .k-textbox { width: 96%; }

.k-filebrowser-dialog { width: auto; min-width: 350px; }

.k-filebrowser-dialog .k-filebrowser { margin: 0 1em 0; }

.k-filebrowser-dialog .k-edit-label { width: 18%; }

.k-filebrowser-dialog .k-edit-field { width: 75%; }

.k-filebrowser-dialog .k-edit-field .k-textbox { width: 70%; }

#k-editor-image-height, #k-editor-image-width { width: 5em; }

.k-editor-dialog .k-button { display: inline-block; }

.k-button-wrapper .k-link:hover { text-decoration: underline; }

.k-ct-popup { width: 180.4px; padding: 0.65em 0.5em 0.5em; }

.k-ct-popup .k-button { width: 100%; }

.k-ct-popup .k-status { margin: 0.3em 0; }

.k-ct-popup .k-ct-cell { border-width: 1px; border-style: solid; width: 18px; height: 18px; margin: 1px; vertical-align: top; display: inline-block; overflow: hidden; pointer-events: all; -ms-high-contrast-adjust: none; }

.k-editor .k-resize-handle { padding: 0; position: absolute; right: 0; bottom: 0; cursor: se-resize; }

.k-editor .k-resize-handle .k-icon { vertical-align: bottom; }

.k-editor .k-overlay { position: absolute; background-color: #fff; opacity: 0; }

.k-editor-inline .k-element-resize-handle-wrapper { position: absolute; width: 5px; height: 5px; background-color: #fff; border: 1px solid #000; z-index: 100; }

.k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle { width: 100%; height: 100%; }

.k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-east { cursor: e-resize; }

.k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-north { cursor: n-resize; }

.k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-northeast { cursor: ne-resize; }

.k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-northwest { cursor: nw-resize; }

.k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-south { cursor: s-resize; }

.k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-southeast { cursor: se-resize; }

.k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-southwest { cursor: sw-resize; }

.k-editor-inline .k-element-resize-handle-wrapper .k-element-resize-handle.k-resize-west { cursor: w-resize; }

.k-editor-inline .k-column-resize-handle-wrapper { position: absolute; height: 10px; width: 10px; cursor: col-resize; z-index: 2; }

.k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle { width: 100%; height: 100%; }

.k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle .k-column-resize-marker { width: 2px; height: 100%; margin: 0 auto; background-color: #00b0ff; display: none; opacity: 0.8; }

.k-editor-inline .k-table { width: 100%; border-spacing: 0; margin: 0 0 1em; }

.k-editor-inline .k-table, .k-editor-inline .k-table td { outline: 0; border: 1px dotted #ccc; }

.k-editor-inline .k-table td { min-width: 1px; padding: 0.2em 0.3em; }

.k-table.k-element-resizing { opacity: 0.6; }

.k-editor-inline .k-row-resize-handle-wrapper { position: absolute; z-index: 2; cursor: row-resize; width: 10px; height: 10px; }

.k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-handle { display: table; width: 100%; height: 100%; }

.k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker-wrapper { display: table-cell; width: 100%; height: 100%; margin: 0; padding: 0; vertical-align: middle; }

.k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker { display: none; margin: 0; padding: 0; width: 100%; height: 2px; background-color: #00b0ff; opacity: 0.8; }

.k-viewhtml-dialog { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: column nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; }

.k-viewhtml-dialog .k-editor-textarea { margin: 1em; padding: 0.17857143em 0.17857143em; width: calc(100% - 2em); height: 100%; border-width: 1px; border-style: solid; -webkit-box-sizing: border-box; box-sizing: border-box; font: inherit; font-family: consolas, monospace; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; overflow: auto; resize: none; }

.k-viewhtml-dialog .k-edit-buttons { text-align: right; border-width: 1px 0 0; border-style: solid; position: relative; bottom: -1em; padding: 0.6em; }

.k-viewhtml-dialog .k-edit-buttons .k-button { margin-right: 0.5em; }

.k-editor-dialog.k-editor-table-wizard-dialog.k-window-content { overflow: hidden; min-width: 325px; width: 24em; padding: 1em 0; }

.k-editor-dialog .k-edit-form-container { width: auto; }

.k-editor-dialog .k-tabstrip { margin: -1.333em 0 0; }

.k-editor-dialog .k-root-tabs { margin: -1em -1em -1.5em; padding: 0.5em 1em 0; border-width: 0; }

.k-editor-dialog ul.k-tabstrip-items { padding: 0.5em 1em 0; border-width: 0 0 1px; border-style: solid; }

.k-editor-dialog ul.k-tabstrip-items .k-loading { border-top-width: 0; }

.k-editor-dialog .k-tabstrip:focus { -webkit-box-shadow: none; box-shadow: none; }

.k-editor-dialog.k-editor-table-wizard-dialog .k-tabstrip-wrapper .k-content { overflow: hidden; min-height: 440px; height: 35em; margin: 0; padding: 1em 0.5em 0; border-width: 0; }

.k-editor-dialog .k-edit-field .k-numerictextbox { width: 10.6em; margin: 0 0.35714285em 0 0; }

.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-numerictextbox + .k-dropdown { width: 4em; }

.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-dropdown, .k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-textbox { width: 15em; }

.k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown { width: 5.35714285em; }

.k-editor-dialog textarea.k-textbox { height: 14.28571428em; }

.k-editor-dialog textarea.k-textbox.k-editor-accessibility-summary { height: auto; }

.k-editor-dialog.k-editor-table-wizard-dialog .k-dropdown.k-align { width: 4em; }

.k-popup.k-list-container.k-align { padding: 0; text-align: center; }

.k-align-group { vertical-align: text-top; }

.k-popup.k-align .k-list .k-item { display: inline-block; width: 2.57142857em; height: 2.57142857em; margin: 0; padding: 0; border: 0; border-radius: 0; }

.k-popup.k-align .k-list .k-icon { vertical-align: bottom; vertical-align: -webkit-baseline-middle; }

.k-popup.k-align .k-list .k-item:last-child { width: auto; display: block; border-width: 1px 0 0; border-style: solid; }

.k-popup.k-align .k-list .k-item:before { width: 2.57142857em; height: 2.57142857em; line-height: 2.57142857em; }

.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-buttons { padding: 1em 0.8em; margin: 0.5em 0 0; }

.table table.k-editor { margin: 0; }

table.k-editor { height: 100% !important; }

.selected-box { display: -webkit-box; display: -ms-flexbox; display: flex; height: 82px; margin-top: 8px; padding: 4px; border: 1px solid #ccc; border-radius: 3px; }

.selected-box.xs { height: 28px; padding: 3px 10px; }

.selected-box.disabled { background: #f5f5f5; }

.selected-box .placeholder { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #aaa; display: none; }

.selected-box .item { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 20px; padding: 0 4px 0 8px; background-color: #eff2f7; border-radius: 11px; color: #555; }

.selected-box .item > * + * { margin-left: 6px; }

.selected-box .item + .item { margin-left: 8px; }

.k-editor { vertical-align: top; table-layout: fixed; border: 1px solid #ccc; background-color: #fff; border-radius: 3px; color: #212529; }

.k-editor .k-editor-toolbar-wrap { height: 50px; padding: 0; vertical-align: top; }

.k-editor td { border: none; }

.k-editor .k-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 8px 10px; border-bottom: 1px solid #ccc; color: #212529; background-color: #f8f9fa; }

.k-editor .k-toolbar .k-tool-text { display: none; }

.k-editor .k-editable-area { height: 100%; padding: 0; }

.k-editor .k-icon { text-indent: 0; }

.k-editor .k-button-group + .k-button-group { margin-left: 10px; }

.k-editor .k-tool-group .k-button { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; min-width: 36px; background-color: #fff; border: 1px solid #aaa; border-right: 0; color: #777; border-radius: 0; }

.k-editor .k-tool-group .k-button.k-state-active, .k-editor .k-tool-group .k-button.k-state-focused { background-color: #48c3e6; border: 1px solid #48c3e6; border-right: 0; color: #fff; }

.k-editor .k-tool-group .k-button.k-state-active + .k-button, .k-editor .k-tool-group .k-button.k-state-focused + .k-button { border-left: 1px solid #48c3e6; }

.k-editor .k-tool-group .k-button:first-child { border-radius: 3px 0 0 3px; }

.k-editor .k-tool-group .k-button:last-child { border-radius: 0 3px 3px 0; border-right: 1px solid #aaa; }

.k-editor .k-tool-group .k-button:last-child.k-state-active, .k-editor .k-tool-group .k-button:last-child.k-state-focused { border-right: 1px solid #48c3e6; }

.k-editor .k-tool-group .k-button + .k-button.k-state-active { margin-left: 0px; padding-left: 20px; }

.k-editable-area iframe.k-content { display: block; width: 100%; height: 100%; margin: 0; padding: 2px; border: 0; }

.send-form-set { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100% !important; padding: 24px 20px; background-color: #fff; border: 1px solid #ccc; }

.send-form-set .list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.send-form-set .list + .list { margin-top: 10px; }

.send-form-set .label { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; min-width: 45px; color: #777; }

.send-form-set .form-group, .send-form-set .form-set { width: 100%; }

.send-form-set .pop-box { width: 100%; }

.send-form-set .btn-box { margin: 20px 0 0; }

.editor-box { border: 1px solid #ccc; border-radius: 3px; overflow: hidden; }

.editor-box .k-editor { border: 0; }

/*
* ------------------------------
* tab
* ------------------------------
*/
.k-tabstrip-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; }

/*
* ------------------------------
* textarea
* ------------------------------
*/
.k-textarea.sm .k-input { height: 80px; }

.k-textarea .k-input { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 6px 10px; border: 1px solid #ccc; border-radius: 3px; color: #555; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; max-width: unset; height: 100%; }

.k-textarea ::-webkit-input-placeholder { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; line-height: 20px; color: #aaa; font-weight: 400; }

.k-textarea :-ms-input-placeholder { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; line-height: 20px; color: #aaa; font-weight: 400; }

.k-textarea ::-ms-input-placeholder { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; line-height: 20px; color: #aaa; font-weight: 400; }

.k-textarea ::placeholder { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; line-height: 20px; color: #aaa; font-weight: 400; }

.k-textarea.k-state-focused { border: 1px solid #222; }

.textarea-count-set { position: relative; }

.textarea-count-set .k-counter-container { position: absolute; right: 10px; bottom: 6px; color: #777; font-size: 12px; line-height: 17px; letter-spacing: -0.6px; }

.textarea-count-set .k-counter-value { color: #0e4194; font-weight: 500; }

/*
* ------------------------------
* icon
* ------------------------------
*/
.k-icon { outline: 0; font-family: "WebComponentsIcons"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; text-decoration: none; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; position: relative; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

.k-icon:hover, .k-icon:focus { text-decoration: none; }

.k-no-flexbox { display: inline-block; }

.k-svg-icon { width: 1em; height: 1em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; position: relative; }

.k-svg-icon > svg { fill: currentColor; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.k-svg-icon.k-flip-h, .k-svg-icon.k-flip-v, .k-svg-icon.k-flip-h.k-flip-v { -webkit-transform: none; transform: none; }

.k-svg-icon.k-flip-h > svg { -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.k-svg-icon.k-flip-v > svg { -webkit-transform: scaleY(-1); transform: scaleY(-1); }

.k-svg-icon.k-flip-h.k-flip-v > svg { -webkit-transform: scale(-1, -1); transform: scale(-1, -1); }

.k-icon-with-modifier { position: relative; margin: 0.25em; }

.k-icon-modifier { position: absolute; font-size: 0.5em; bottom: 0; right: 0; margin: 0 -0.5em -0.5em 0; }

.k-i-none::before { content: ""; display: none; }

.k-widget .k-icon.k-i-expand, .k-widget .k-icon.k-i-collapse { cursor: pointer; }

.k-i-caret-tr::before { content: "\e000"; }

.k-i-arrow-45-up-right::before { content: "\e000"; }

.k-i-collapse-ne::before { content: "\e000"; }

.k-i-resize-ne::before { content: "\e000"; }

.k-i-caret-br::before { content: "\e001"; }

.k-i-arrow-45-down-right::before { content: "\e001"; }

.k-i-collapse-se::before { content: "\e001"; }

.k-i-resize-se::before { content: "\e001"; }

.k-i-caret-bl::before { content: "\e002"; }

.k-i-arrow-45-down-left::before { content: "\e002"; }

.k-i-collapse-sw::before { content: "\e002"; }

.k-i-resize-sw::before { content: "\e002"; }

.k-i-caret-tl::before { content: "\e003"; }

.k-i-arrow-45-up-left::before { content: "\e003"; }

.k-i-collapse-nw::before { content: "\e003"; }

.k-i-resize-nw::before { content: "\e003"; }

.k-i-caret-alt-up::before { content: "\e004"; }

.k-i-arrow-60-up::before { content: "\e004"; }

.k-i-arrow-n::before { content: "\e004"; }

.k-i-kpi-trend-increase::before { content: "\e004"; }

.k-i-expand-n::before { content: "\e004"; }

.k-i-sarrow-n::before { content: "\e004"; }

.k-i-caret-alt-right::before { content: "\e005"; }

.k-i-arrow-60-right::before { content: "\e005"; }

.k-i-arrow-e::before { content: "\e005"; }

.k-i-expand::before { content: "\e005"; }

.k-i-expand-e::before { content: "\e005"; }

.k-i-sarrow-e::before { content: "\e005"; }

.k-i-caret-alt-down::before { content: "\e006"; }

.k-i-arrow-60-down::before { content: "\e006"; }

.k-i-arrow-s::before { content: "\e006"; }

.k-i-kpi-trend-decrease::before { content: "\e006"; }

.k-i-expand-s::before { content: "\e006"; }

.k-i-collapse::before { content: "\e006"; }

.k-i-sarrow-s::before { content: "\e006"; }

.k-i-caret-alt-left::before { content: "\e007"; }

.k-i-arrow-60-left::before { content: "\e007"; }

.k-i-arrow-w::before { content: "\e007"; }

.k-i-expand-w::before { content: "\e007"; }

.k-i-sarrow-w::before { content: "\e007"; }

.k-i-caret-alt-to-top::before { content: "\e008"; }

.k-i-arrow-end-up::before { content: "\e008"; }

.k-i-seek-n::before { content: "\e008"; }

.k-i-caret-alt-to-right::before { content: "\e009"; }

.k-i-arrow-end-right::before { content: "\e009"; }

.k-i-seek-e::before { content: "\e009"; }

.k-i-caret-alt-to-bottom::before { content: "\e00a"; }

.k-i-arrow-end-down::before { content: "\e00a"; }

.k-i-seek-s::before { content: "\e00a"; }

.k-i-caret-alt-to-left::before { content: "\e00b"; }

.k-i-arrow-end-left::before { content: "\e00b"; }

.k-i-seek-w::before { content: "\e00b"; }

.k-i-caret-double-alt-up::before { content: "\e00c"; }

.k-i-arrow-double-60-up::before { content: "\e00c"; }

.k-i-arrow-seek-up::before { content: "\e00c"; }

.k-i-caret-double-alt-right::before { content: "\e00d"; }

.k-i-arrow-double-60-right::before { content: "\e00d"; }

.k-i-arrow-seek-right::before { content: "\e00d"; }

.k-i-forward-sm::before { content: "\e00d"; }

.k-i-caret-double-alt-down::before { content: "\e00e"; }

.k-i-arrow-double-60-down::before { content: "\e00e"; }

.k-i-arrow-seek-down::before { content: "\e00e"; }

.k-i-caret-double-alt-left::before { content: "\e00f"; }

.k-i-arrow-double-60-left::before { content: "\e00f"; }

.k-i-arrow-seek-left::before { content: "\e00f"; }

.k-i-rewind-sm::before { content: "\e00f"; }

.k-i-caret-alt-expand::before { content: "\e010"; }

.k-i-arrows-kpi::before { content: "\e010"; }

.k-i-kpi::before { content: "\e010"; }

.k-i-caret-alt-sort::before { content: "\e010"; }

.k-i-arrows-no-change::before { content: "\e011"; }

.k-i-arrow-overflow-down::before { content: "\e012"; }

.k-i-chevron-up::before { content: "\e013"; }

.k-i-arrow-chevron-up::before { content: "\e013"; }

.k-i-arrowhead-n::before { content: "\e013"; }

.k-i-chevron-right::before { content: "\e014"; }

.k-i-arrow-chevron-right::before { content: "\e014"; }

.k-i-arrowhead-e::before { content: "\e014"; }

.k-i-chevron-down::before { content: "\e015"; }

.k-i-arrow-chevron-down::before { content: "\e015"; }

.k-i-arrowhead-s::before { content: "\e015"; }

.k-i-chevron-left::before { content: "\e016"; }

.k-i-arrow-chevron-left::before { content: "\e016"; }

.k-i-arrowhead-w::before { content: "\e016"; }

.k-i-arrow-up::before { content: "\e017"; }

.k-i-arrow-right::before { content: "\e018"; }

.k-i-arrow-down::before { content: "\e019"; }

.k-i-arrow-left::before { content: "\e01a"; }

.k-i-level-down::before { content: "\e01b"; }

.k-i-arrow-drill::before { content: "\e01b"; }

.k-i-level-up::before { content: "\e01c"; }

.k-i-arrow-parent::before { content: "\e01c"; }

.k-i-level-to-top::before { content: "\e01d"; }

.k-i-arrow-root::before { content: "\e01d"; }

.k-i-level-root::before { content: "\e01d"; }

.k-i-col-resize::before { content: "\e01e"; }

.k-i-arrows-resizing::before { content: "\e01e"; }

.k-i-arrows-axes::before { content: "\e01f"; }

.k-i-arrows-dimensions::before { content: "\e01f"; }

.k-i-dimension::before { content: "\e01f"; }

.k-i-arrows-swap::before { content: "\e020"; }

.k-i-drag-and-drop::before { content: "\e021"; }

.k-i-categorize::before { content: "\e022"; }

.k-i-grid::before { content: "\e023"; }

.k-i-grid-layout::before { content: "\e024"; }

.k-i-group::before { content: "\e025"; }

.k-i-ungroup::before { content: "\e026"; }

.k-i-handler-drag::before { content: "\e027"; }

.k-i-layout::before { content: "\e028"; }

.k-i-layout-1-by-4::before { content: "\e029"; }

.k-i-layout-2-by-2::before { content: "\e02a"; }

.k-i-page-layout::before { content: "\e02a"; }

.k-i-layout-side-by-side::before { content: "\e02b"; }

.k-i-layout-stacked::before { content: "\e02c"; }

.k-i-columns::before { content: "\e02d"; }

.k-i-rows::before { content: "\e02e"; }

.k-i-reorder::before { content: "\e02f"; }

.k-i-menu::before { content: "\e030"; }

.k-i-hamburger::before { content: "\e030"; }

.k-i-more-vertical::before { content: "\e031"; }

.k-i-more-v::before { content: "\e031"; }

.k-i-vbars::before { content: "\e031"; }

.k-i-more-horizontal::before { content: "\e032"; }

.k-i-more-h::before { content: "\e032"; }

.k-i-hbars::before { content: "\e032"; }

.k-i-overlap::before { content: "\e033"; }

.k-i-home::before { content: "\e034"; }

.k-i-root::before { content: "\e034"; }

.k-i-height::before { content: "\e035"; }

.k-i-width::before { content: "\e036"; }

.k-i-max-height::before { content: "\e037"; }

.k-i-max-width::before { content: "\e038"; }

.k-i-min-height::before { content: "\e039"; }

.k-i-min-width::before { content: "\e03a"; }

.k-i-margin::before { content: "\e03b"; }

.k-i-margin-top::before { content: "\e03c"; }

.k-i-margin-right::before { content: "\e03d"; }

.k-i-margin-bottom::before { content: "\e03e"; }

.k-i-margin-left::before { content: "\e03f"; }

.k-i-padding::before { content: "\e040"; }

.k-i-padding-top::before { content: "\e041"; }

.k-i-padding-right::before { content: "\e042"; }

.k-i-padding-bottom::before { content: "\e043"; }

.k-i-padding-left::before { content: "\e044"; }

.k-i-border-style::before { content: "\e045"; }

.k-i-border-style-top::before { content: "\e046"; }

.k-i-border-style-right::before { content: "\e047"; }

.k-i-border-style-bottom::before { content: "\e048"; }

.k-i-border-style-left::before { content: "\e049"; }

.k-i-border-radius::before { content: "\e04a"; }

.k-i-border-radius-top-right::before { content: "\e04b"; }

.k-i-border-radius-bottom-right::before { content: "\e04c"; }

.k-i-border-radius-bottom-left::before { content: "\e04d"; }

.k-i-border-radius-top-left::before { content: "\e04e"; }

.k-i-outline-width::before { content: "\e04f"; }

.k-i-outline-offset::before { content: "\e050"; }

.k-i-box-sizing::before { content: "\e051"; }

.k-i-position-top::before { content: "\e052"; }

.k-i-position-right::before { content: "\e053"; }

.k-i-position-bottom::before { content: "\e054"; }

.k-i-position-left::before { content: "\e055"; }

.k-i-display-block::before { content: "\e056"; }

.k-i-display-inline-block::before { content: "\e057"; }

.k-i-display-flex::before { content: "\e058"; }

.k-i-display-inline-flex::before { content: "\e059"; }

.k-i-gap-column::before { content: "\e05a"; }

.k-i-gap-row::before { content: "\e05b"; }

.k-i-undo::before { content: "\e100"; }

.k-i-undo-large::before { content: "\e100"; }

.k-i-redo::before { content: "\e101"; }

.k-i-redo-large::before { content: "\e101"; }

.k-i-arrow-rotate-ccw::before { content: "\e102"; }

.k-i-reset::before { content: "\e102"; }

.k-i-arrow-rotate-cw::before { content: "\e103"; }

.k-i-reload::before { content: "\e103"; }

.k-i-refresh::before { content: "\e103"; }

.k-i-recurrence::before { content: "\e103"; }

.k-i-arrows-repeat::before { content: "\e103"; }

.k-i-arrows-no-repeat::before { content: "\e104"; }

.k-i-non-recurrence::before { content: "\e104"; }

.k-i-refresh-clear::before { content: "\e104"; }

.k-i-arrow-rotate-ccw-small::before { content: "\e105"; }

.k-i-reset-sm::before { content: "\e105"; }

.k-i-arrow-rotate-cw-small::before { content: "\e106"; }

.k-i-reload-sm::before { content: "\e106"; }

.k-i-refresh-sm::before { content: "\e106"; }

.k-i-recurrence-sm::before { content: "\e106"; }

.k-i-arrows-repeat-sm::before { content: "\e106"; }

.k-i-clock::before { content: "\e107"; }

.k-i-calendar::before { content: "\e108"; }

.k-i-save::before { content: "\e109"; }

.k-i-floppy::before { content: "\e109"; }

.k-i-print::before { content: "\e10a"; }

.k-i-printer::before { content: "\e10a"; }

.k-i-pencil::before { content: "\e10b"; }

.k-i-edit::before { content: "\e10b"; }

.k-i-trash::before { content: "\e10c"; }

.k-i-delete::before { content: "\e10c"; }

.k-i-paperclip::before { content: "\e10d"; }

.k-i-attachment::before { content: "\e10d"; }

.k-i-clip::before { content: "\e10d"; }

.k-i-paperclip-alt::before { content: "\e10e"; }

.k-i-attachment-45::before { content: "\e10e"; }

.k-i-clip-45::before { content: "\e10e"; }

.k-i-link::before { content: "\e10f"; }

.k-i-link-horizontal::before { content: "\e10f"; }

.k-i-hyperlink::before { content: "\e10f"; }

.k-i-link-h::before { content: "\e10f"; }

.k-i-unlink::before { content: "\e110"; }

.k-i-unlink-horizontal::before { content: "\e110"; }

.k-i-hyperlink-remove::before { content: "\e110"; }

.k-i-unlink-h::before { content: "\e110"; }

.k-i-link-vertical::before { content: "\e111"; }

.k-i-link-v::before { content: "\e111"; }

.k-i-unlink-vertical::before { content: "\e112"; }

.k-i-unlink-v::before { content: "\e112"; }

.k-i-lock::before { content: "\e113"; }

.k-i-unlock::before { content: "\e114"; }

.k-i-cancel::before { content: "\e115"; }

.k-i-cancel-outline::before { content: "\e116"; }

.k-i-deny::before { content: "\e116"; }

.k-i-cancel-circle::before { content: "\e117"; }

.k-i-check::before { content: "\e118"; }

.k-i-checkmark::before { content: "\e118"; }

.k-i-tick::before { content: "\e118"; }

.k-i-check-outline::before { content: "\e119"; }

.k-i-checkmark-outline::before { content: "\e119"; }

.k-i-success::before { content: "\e119"; }

.k-i-check-circle::before { content: "\e11a"; }

.k-i-checkmark-circle::before { content: "\e11a"; }

.k-i-x::before { content: "\e11b"; }

.k-i-close::before { content: "\e11b"; }

.k-i-clear::before { content: "\e11b"; }

.k-i-times::before { content: "\e11b"; }

.k-i-group-delete::before { content: "\e11b"; }

.k-i-x-outline::before { content: "\e11c"; }

.k-i-close-outline::before { content: "\e11c"; }

.k-i-clear-outline::before { content: "\e11c"; }

.k-i-times-outline::before { content: "\e11c"; }

.k-i-error::before { content: "\e11c"; }

.k-i-x-circle::before { content: "\e11d"; }

.k-i-close-circle::before { content: "\e11d"; }

.k-i-clear-circle::before { content: "\e11d"; }

.k-i-times-circle::before { content: "\e11d"; }

.k-i-plus::before { content: "\e11e"; }

.k-i-add::before { content: "\e11e"; }

.k-i-plus-outline::before { content: "\e11f"; }

.k-i-add-outline::before { content: "\e11f"; }

.k-i-plus-circle::before { content: "\e120"; }

.k-i-add-circle::before { content: "\e120"; }

.k-i-minus::before { content: "\e121"; }

.k-i-kpi-trend-equal::before { content: "\e121"; }

.k-i-minus-outline::before { content: "\e122"; }

.k-i-minus-circle::before { content: "\e123"; }

.k-i-sort-asc::before { content: "\e124"; }

.k-i-sort-desc::before { content: "\e125"; }

.k-i-sort-clear::before { content: "\e126"; }

.k-i-unsort::before { content: "\e126"; }

.k-i-sort-asc-small::before { content: "\e127"; }

.k-i-sort-asc-sm::before { content: "\e127"; }

.k-i-sort-desc-small::before { content: "\e128"; }

.k-i-sort-desc-sm::before { content: "\e128"; }

.k-i-filter::before { content: "\e129"; }

.k-i-filter-clear::before { content: "\e12a"; }

.k-i-filter-small::before { content: "\e12b"; }

.k-i-filter-sm::before { content: "\e12b"; }

.k-i-filter-sort-asc-small::before { content: "\e12c"; }

.k-i-filter-sort-asc-sm::before { content: "\e12c"; }

.k-i-filter-sort-desc-small::before { content: "\e12d"; }

.k-i-filter-sort-desc-sm::before { content: "\e12d"; }

.k-i-filter-add-expression::before { content: "\e12e"; }

.k-i-filter-add-group::before { content: "\e12f"; }

.k-i-login::before { content: "\e130"; }

.k-i-sign-in::before { content: "\e130"; }

.k-i-logout::before { content: "\e131"; }

.k-i-sign-out::before { content: "\e131"; }

.k-i-download::before { content: "\e132"; }

.k-i-upload::before { content: "\e133"; }

.k-i-hyperlink-open::before { content: "\e134"; }

.k-i-hyperlink-open-sm::before { content: "\e135"; }

.k-i-launch::before { content: "\e136"; }

.k-i-window::before { content: "\e137"; }

.k-i-window-maximize::before { content: "\e137"; }

.k-i-maximize::before { content: "\e137"; }

.k-i-window-restore::before { content: "\e138"; }

.k-i-windows::before { content: "\e138"; }

.k-i-tiles::before { content: "\e138"; }

.k-i-restore::before { content: "\e138"; }

.k-i-window-minimize::before { content: "\e139"; }

.k-i-minimize::before { content: "\e139"; }

.k-i-gear::before { content: "\e13a"; }

.k-i-cog::before { content: "\e13a"; }

.k-i-custom::before { content: "\e13a"; }

.k-i-gears::before { content: "\e13b"; }

.k-i-cogs::before { content: "\e13b"; }

.k-i-wrench::before { content: "\e13c"; }

.k-i-settings::before { content: "\e13c"; }

.k-i-eye::before { content: "\e13d"; }

.k-i-preview::before { content: "\e13d"; }

.k-i-search::before { content: "\e13e"; }

.k-i-zoom::before { content: "\e13e"; }

.k-i-zoom-in::before { content: "\e13f"; }

.k-i-zoom-out::before { content: "\e140"; }

.k-i-arrows-move::before { content: "\e141"; }

.k-i-pan::before { content: "\e141"; }

.k-i-move::before { content: "\e141"; }

.k-i-calculator::before { content: "\e142"; }

.k-i-cart::before { content: "\e143"; }

.k-i-shopping-cart::before { content: "\e143"; }

.k-i-connector::before { content: "\e144"; }

.k-i-plus-sm::before { content: "\e145"; }

.k-i-splus::before { content: "\e145"; }

.k-i-minus-sm::before { content: "\e146"; }

.k-i-sminus::before { content: "\e146"; }

.k-i-kpi-status-deny::before { content: "\e147"; }

.k-i-kpi-status-hold::before { content: "\e148"; }

.k-i-kpi-status-open::before { content: "\e149"; }

.k-i-equal::before { content: "\e14a"; }

.k-i-not-equal::before { content: "\e14b"; }

.k-i-less-or-equal::before { content: "\e14c"; }

.k-i-greater-or-equal::before { content: "\e14d"; }

.k-i-divide::before { content: "\e14e"; }

.k-i-accessibility::before { content: "\e14f"; }

.k-i-barcode-outline::before { content: "\e150"; }

.k-i-barcode::before { content: "\e151"; }

.k-i-barcode-scanner::before { content: "\e152"; }

.k-i-qr-code-outline::before { content: "\e153"; }

.k-i-qr-code::before { content: "\e154"; }

.k-i-qr-code-scanner::before { content: "\e155"; }

.k-i-barcode-qr-code-scanner::before { content: "\e156"; }

.k-i-signature::before { content: "\e157"; }

.k-i-hand::before { content: "\e158"; }

.k-i-pointer::before { content: "\e159"; }

.k-i-cursor::before { content: "\e159"; }

.k-i-stick::before { content: "\e15a"; }

.k-i-unstick::before { content: "\e15b"; }

.k-i-set-column-position::before { content: "\e15c"; }

.k-i-play::before { content: "\e200"; }

.k-i-pause::before { content: "\e201"; }

.k-i-stop::before { content: "\e202"; }

.k-i-rewind::before { content: "\e203"; }

.k-i-forward::before { content: "\e204"; }

.k-i-volume-down::before { content: "\e205"; }

.k-i-volume-low::before { content: "\e205"; }

.k-i-volume-up::before { content: "\e206"; }

.k-i-volume-high::before { content: "\e206"; }

.k-i-volume-mute::before { content: "\e207"; }

.k-i-volume-off::before { content: "\e207"; }

.k-i-hd::before { content: "\e208"; }

.k-i-closed-captions::before { content: "\e209"; }

.k-i-subtitles::before { content: "\e209"; }

.k-i-playlist::before { content: "\e20a"; }

.k-i-music-notes::before { content: "\e20b"; }

.k-i-audio::before { content: "\e20b"; }

.k-i-play-sm::before { content: "\e20c"; }

.k-i-pause-sm::before { content: "\e20d"; }

.k-i-stop-sm::before { content: "\e20e"; }

.k-i-heart-outline::before { content: "\e300"; }

.k-i-fav-outline::before { content: "\e300"; }

.k-i-favorite-outline::before { content: "\e300"; }

.k-i-heart::before { content: "\e301"; }

.k-i-fav::before { content: "\e301"; }

.k-i-favorite::before { content: "\e301"; }

.k-i-star-outline::before { content: "\e302"; }

.k-i-bookmark-outline::before { content: "\e302"; }

.k-i-star::before { content: "\e303"; }

.k-i-bookmark::before { content: "\e303"; }

.k-i-checkbox::before { content: "\e304"; }

.k-i-shape-rect::before { content: "\e304"; }

.k-i-checkbox-checked::before { content: "\e305"; }

.k-i-checkbox-indeterminate::before { content: "\e306"; }

.k-i-tri-state-indeterminate::before { content: "\e306"; }

.k-i-checkbox-null::before { content: "\e307"; }

.k-i-tri-state-null::before { content: "\e307"; }

.k-i-circle::before { content: "\e308"; }

.k-i-radiobutton::before { content: "\e309"; }

.k-i-shape-circle::before { content: "\e309"; }

.k-i-radiobutton-checked::before { content: "\e30a"; }

.k-i-bell::before { content: "\e400"; }

.k-i-notification::before { content: "\e400"; }

.k-i-info-circle::before { content: "\e401"; }

.k-i-information::before { content: "\e401"; }

.k-i-info::before { content: "\e401"; }

.k-i-note::before { content: "\e401"; }

.k-i-question-circle::before { content: "\e402"; }

.k-i-question::before { content: "\e402"; }

.k-i-help::before { content: "\e402"; }

.k-i-exclamation-circle::before { content: "\e403"; }

.k-i-warning::before { content: "\e403"; }

.k-i-exception::before { content: "\e403"; }

.k-i-camera::before { content: "\e500"; }

.k-i-photo-camera::before { content: "\e500"; }

.k-i-image::before { content: "\e501"; }

.k-i-photo::before { content: "\e501"; }

.k-i-image-export::before { content: "\e502"; }

.k-i-photo-export::before { content: "\e502"; }

.k-i-zoom-actual-size::before { content: "\e503"; }

.k-i-zoom-best-fit::before { content: "\e504"; }

.k-i-image-resize::before { content: "\e505"; }

.k-i-crop::before { content: "\e506"; }

.k-i-mirror::before { content: "\e507"; }

.k-i-flip-horizontal::before { content: "\e508"; }

.k-i-flip-h::before { content: "\e508"; }

.k-i-flip-vertical::before { content: "\e509"; }

.k-i-flip-v::before { content: "\e509"; }

.k-i-rotate::before { content: "\e50a"; }

.k-i-rotate-right::before { content: "\e50b"; }

.k-i-rotate-cw::before { content: "\e50b"; }

.k-i-rotate-left::before { content: "\e50c"; }

.k-i-rotate-ccw::before { content: "\e50c"; }

.k-i-brush::before { content: "\e50d"; }

.k-i-palette::before { content: "\e50e"; }

.k-i-droplet::before { content: "\e50f"; }

.k-i-paint::before { content: "\e50f"; }

.k-i-background::before { content: "\e50f"; }

.k-i-shape-line::before { content: "\e510"; }

.k-i-line::before { content: "\e510"; }

.k-i-brightness-contrast::before { content: "\e511"; }

.k-i-sliders::before { content: "\e512"; }

.k-i-saturation::before { content: "\e512"; }

.k-i-invert-colors::before { content: "\e513"; }

.k-i-transparency::before { content: "\e514"; }

.k-i-opacity::before { content: "\e514"; }

.k-i-grayscale::before { content: "\e515"; }

.k-i-blur::before { content: "\e516"; }

.k-i-sharpen::before { content: "\e517"; }

.k-i-shapes::before { content: "\e518"; }

.k-i-shape::before { content: "\e518"; }

.k-i-round-corners::before { content: "\e519"; }

.k-i-bring-to-front::before { content: "\e51a"; }

.k-i-front-element::before { content: "\e51a"; }

.k-i-bring-to-back::before { content: "\e51b"; }

.k-i-back-element::before { content: "\e51b"; }

.k-i-bring-forward::before { content: "\e51c"; }

.k-i-forward-element::before { content: "\e51c"; }

.k-i-bring-backward::before { content: "\e51d"; }

.k-i-backward-element::before { content: "\e51d"; }

.k-i-align-self-start::before { content: "\e51e"; }

.k-i-align-left-element::before { content: "\e51e"; }

.k-i-align-self-center::before { content: "\e51f"; }

.k-i-align-center-element::before { content: "\e51f"; }

.k-i-align-self-end::before { content: "\e520"; }

.k-i-align-right-element::before { content: "\e520"; }

.k-i-align-self-start-alt::before { content: "\e521"; }

.k-i-align-top-element::before { content: "\e521"; }

.k-i-align-self-center-alt::before { content: "\e522"; }

.k-i-align-middle-element::before { content: "\e522"; }

.k-i-align-self-end-alt::before { content: "\e523"; }

.k-i-align-bottom-element::before { content: "\e523"; }

.k-i-thumbnails-up::before { content: "\e524"; }

.k-i-thumbnails-right::before { content: "\e525"; }

.k-i-thumbnails-down::before { content: "\e526"; }

.k-i-thumbnails-left::before { content: "\e527"; }

.k-i-fullscreen::before { content: "\e528"; }

.k-i-full-screen::before { content: "\e528"; }

.k-i-fullscreen-enter::before { content: "\e528"; }

.k-i-fullscreen-exit::before { content: "\e529"; }

.k-i-full-screen-exit::before { content: "\e529"; }

.k-i-droplet-slash::before { content: "\e52a"; }

.k-i-reset-color::before { content: "\e52a"; }

.k-i-paint-remove::before { content: "\e52a"; }

.k-i-background-remove::before { content: "\e52a"; }

.k-i-photos::before { content: "\e52b"; }

.k-i-images::before { content: "\e52b"; }

.k-i-gallery::before { content: "\e52b"; }

.k-i-align-to-grid::before { content: "\e52c"; }

.k-i-size-to-grid::before { content: "\e52d"; }

.k-i-make-same-size::before { content: "\e52e"; }

.k-i-make-same-width::before { content: "\e52f"; }

.k-i-make-same-height::before { content: "\e530"; }

.k-i-make-horizontal-spacing-equal::before { content: "\e531"; }

.k-i-increase-horizontal-spacing::before { content: "\e532"; }

.k-i-decrease-horizontal-spacing::before { content: "\e533"; }

.k-i-remove-horizontal-spacing::before { content: "\e534"; }

.k-i-make-vertical-spacing-equal::before { content: "\e535"; }

.k-i-increase-vertical-spacing::before { content: "\e536"; }

.k-i-decrease-vertical-spacing::before { content: "\e537"; }

.k-i-remove-vertical-spacing::before { content: "\e538"; }

.k-i-eyedropper::before { content: "\e539"; }

.k-i-snap-grid::before { content: "\e53a"; }

.k-i-snap-to-gridlines::before { content: "\e53b"; }

.k-i-snap-to-snaplines::before { content: "\e53c"; }

.k-i-dimentions::before { content: "\e53d"; }

.k-i-align-self-stretch::before { content: "\e53e"; }

.k-i-align-stretch-element-horizontal::before { content: "\e53e"; }

.k-i-align-self-stretch-alt::before { content: "\e53f"; }

.k-i-align-stretch-element-vertical::before { content: "\e53f"; }

.k-i-align-items-start::before { content: "\e540"; }

.k-i-align-left-elements::before { content: "\e540"; }

.k-i-align-items-center::before { content: "\e541"; }

.k-i-align-center-elements::before { content: "\e541"; }

.k-i-align-items-end::before { content: "\e542"; }

.k-i-align-right-elements::before { content: "\e542"; }

.k-i-align-items-stretch::before { content: "\e543"; }

.k-i-align-stretch-elements-horizontal::before { content: "\e543"; }

.k-i-align-items-baseline::before { content: "\e544"; }

.k-i-align-baseline-horizontal::before { content: "\e544"; }

.k-i-align-items-start-alt::before { content: "\e545"; }

.k-i-align-top-elements::before { content: "\e545"; }

.k-i-align-items-center-alt::before { content: "\e546"; }

.k-i-align-middle-elements::before { content: "\e546"; }

.k-i-align-items-end-alt::before { content: "\e547"; }

.k-i-align-bottom-elements::before { content: "\e547"; }

.k-i-align-items-stretch-alt::before { content: "\e548"; }

.k-i-align-stretch-elements-vertical::before { content: "\e548"; }

.k-i-align-items-baseline-alt::before { content: "\e549"; }

.k-i-align-baseline-vertical::before { content: "\e549"; }

.k-i-justify-content-start::before { content: "\e54a"; }

.k-i-justify-start-horizontal::before { content: "\e54a"; }

.k-i-justify-content-center::before { content: "\e54b"; }

.k-i-justify-center-horizontal::before { content: "\e54b"; }

.k-i-justify-content-end::before { content: "\e54c"; }

.k-i-justify-end-horizontal::before { content: "\e54c"; }

.k-i-justify-content-between::before { content: "\e54d"; }

.k-i-justify-between-horizontal::before { content: "\e54d"; }

.k-i-justify-content-around::before { content: "\e54e"; }

.k-i-justify-around-horizontal::before { content: "\e54e"; }

.k-i-justify-content-start-alt::before { content: "\e54f"; }

.k-i-justify-start-vertical::before { content: "\e54f"; }

.k-i-justify-content-center-alt::before { content: "\e550"; }

.k-i-justify-center-vertical::before { content: "\e550"; }

.k-i-justify-content-end-alt::before { content: "\e551"; }

.k-i-justify-end-vertical::before { content: "\e551"; }

.k-i-justify-content-between-alt::before { content: "\e552"; }

.k-i-justify-between-vertical::before { content: "\e552"; }

.k-i-justify-content-around-alt::before { content: "\e553"; }

.k-i-justify-around-vertical::before { content: "\e553"; }

.k-i-file-wrench::before { content: "\e600"; }

.k-i-page-properties::before { content: "\e600"; }

.k-i-bold::before { content: "\e601"; }

.k-i-italic::before { content: "\e602"; }

.k-i-underline::before { content: "\e603"; }

.k-i-font-family::before { content: "\e604"; }

.k-i-foreground-color::before { content: "\e605"; }

.k-i-text::before { content: "\e605"; }

.k-i-convert-lowercase::before { content: "\e606"; }

.k-i-convert-uppercase::before { content: "\e607"; }

.k-i-strikethrough::before { content: "\e608"; }

.k-i-strike-through::before { content: "\e608"; }

.k-i-subscript::before { content: "\e609"; }

.k-i-sub-script::before { content: "\e609"; }

.k-i-supscript::before { content: "\e60a"; }

.k-i-sup-script::before { content: "\e60a"; }

.k-i-superscript::before { content: "\e60a"; }

.k-i-div::before { content: "\e60b"; }

.k-i-all::before { content: "\e60c"; }

.k-i-h1::before { content: "\e60d"; }

.k-i-h2::before { content: "\e60e"; }

.k-i-h3::before { content: "\e60f"; }

.k-i-h4::before { content: "\e610"; }

.k-i-h5::before { content: "\e611"; }

.k-i-h6::before { content: "\e612"; }

.k-i-list-ordered::before { content: "\e613"; }

.k-i-list-numbered::before { content: "\e613"; }

.k-i-insert-ordered-list::before { content: "\e613"; }

.k-i-list-unordered::before { content: "\e614"; }

.k-i-list-bulleted::before { content: "\e614"; }

.k-i-insert-unordered-list::before { content: "\e614"; }

.k-i-indent::before { content: "\e615"; }

.k-i-indent-increase::before { content: "\e615"; }

.k-i-outdent::before { content: "\e616"; }

.k-i-indent-decrease::before { content: "\e616"; }

.k-i-insert-top::before { content: "\e617"; }

.k-i-insert-up::before { content: "\e617"; }

.k-i-insert-n::before { content: "\e617"; }

.k-i-insert-middle::before { content: "\e618"; }

.k-i-insert-m::before { content: "\e618"; }

.k-i-insert-bottom::before { content: "\e619"; }

.k-i-insert-down::before { content: "\e619"; }

.k-i-insert-s::before { content: "\e619"; }

.k-i-align-top::before { content: "\e61a"; }

.k-i-align-middle::before { content: "\e61b"; }

.k-i-align-bottom::before { content: "\e61c"; }

.k-i-align-left::before { content: "\e61d"; }

.k-i-justify-left::before { content: "\e61d"; }

.k-i-align-center::before { content: "\e61e"; }

.k-i-justify-center::before { content: "\e61e"; }

.k-i-align-right::before { content: "\e61f"; }

.k-i-justify-left::before { content: "\e61f"; }

.k-i-align-justify::before { content: "\e620"; }

.k-i-justify-full::before { content: "\e620"; }

.k-i-align-remove::before { content: "\e621"; }

.k-i-justify-clear::before { content: "\e621"; }

.k-i-text-wrap::before { content: "\e622"; }

.k-i-horizontal-rule::before { content: "\e623"; }

.k-i-rule-horizontal::before { content: "\e623"; }

.k-i-hr::before { content: "\e623"; }

.k-i-table-align-top-left::before { content: "\e624"; }

.k-i-table-align-top-center::before { content: "\e625"; }

.k-i-table-align-top-right::before { content: "\e626"; }

.k-i-table-align-middle-left::before { content: "\e627"; }

.k-i-table-align-middle-center::before { content: "\e628"; }

.k-i-table-align-middle-right::before { content: "\e629"; }

.k-i-table-align-bottom-left::before { content: "\e62a"; }

.k-i-table-align-bottom-center::before { content: "\e62b"; }

.k-i-table-align-bottom-right::before { content: "\e62c"; }

.k-i-table-align-remove::before { content: "\e62d"; }

.k-i-borders-all::before { content: "\e62e"; }

.k-i-all-borders::before { content: "\e62e"; }

.k-i-borders-outside::before { content: "\e62f"; }

.k-i-outside-borders::before { content: "\e62f"; }

.k-i-borders-inside::before { content: "\e630"; }

.k-i-inside-borders::before { content: "\e630"; }

.k-i-borders-inside-horizontal::before { content: "\e631"; }

.k-i-border-inside-h::before { content: "\e631"; }

.k-i-inside-horizontal-borders::before { content: "\e631"; }

.k-i-borders-inside-vertical::before { content: "\e632"; }

.k-i-borders-inside-v::before { content: "\e632"; }

.k-i-inside-vertical-borders::before { content: "\e632"; }

.k-i-border-top::before { content: "\e633"; }

.k-i-top-border::before { content: "\e633"; }

.k-i-border-bottom::before { content: "\e634"; }

.k-i-bottom-border::before { content: "\e634"; }

.k-i-border-left::before { content: "\e635"; }

.k-i-left-border::before { content: "\e635"; }

.k-i-border-right::before { content: "\e636"; }

.k-i-right-border::before { content: "\e636"; }

.k-i-borders-none::before { content: "\e637"; }

.k-i-border-no::before { content: "\e637"; }

.k-i-no-borders::before { content: "\e637"; }

.k-i-borders-show-hide::before { content: "\e638"; }

.k-i-form::before { content: "\e639"; }

.k-i-border::before { content: "\e639"; }

.k-i-form-element::before { content: "\e63a"; }

.k-i-code-snippet::before { content: "\e63b"; }

.k-i-select-all::before { content: "\e63c"; }

.k-i-button::before { content: "\e63d"; }

.k-i-select-box::before { content: "\e63e"; }

.k-i-calendar-date::before { content: "\e63f"; }

.k-i-group-box::before { content: "\e640"; }

.k-i-textarea::before { content: "\e641"; }

.k-i-textbox::before { content: "\e642"; }

.k-i-textbox-hidden::before { content: "\e643"; }

.k-i-password::before { content: "\e644"; }

.k-i-paragraph-add::before { content: "\e645"; }

.k-i-edit-tools::before { content: "\e646"; }

.k-i-template-manager::before { content: "\e647"; }

.k-i-change-manually::before { content: "\e648"; }

.k-i-track-changes::before { content: "\e649"; }

.k-i-track-changes-enable::before { content: "\e64a"; }

.k-i-track-changes-accept::before { content: "\e64b"; }

.k-i-track-changes-accept-all::before { content: "\e64c"; }

.k-i-track-changes-reject::before { content: "\e64d"; }

.k-i-track-changes-reject-all::before { content: "\e64e"; }

.k-i-document-manager::before { content: "\e64f"; }

.k-i-custom-icon::before { content: "\e650"; }

.k-i-book::before { content: "\e651"; }

.k-i-dictionary-add::before { content: "\e651"; }

.k-i-image-add::before { content: "\e652"; }

.k-i-image-light-dialog::before { content: "\e652"; }

.k-i-image-insert::before { content: "\e652"; }

.k-i-insert-image::before { content: "\e652"; }

.k-i-image-edit::before { content: "\e653"; }

.k-i-image-map-editor::before { content: "\e654"; }

.k-i-comment::before { content: "\e655"; }

.k-i-comment-remove::before { content: "\e656"; }

.k-i-comments-remove::before { content: "\e657"; }

.k-i-comments-remove-all::before { content: "\e657"; }

.k-i-silverlight::before { content: "\e658"; }

.k-i-media-manager::before { content: "\e659"; }

.k-i-video-external::before { content: "\e65a"; }

.k-i-flash-manager::before { content: "\e65b"; }

.k-i-binoculars::before { content: "\e65c"; }

.k-i-find-and-replace::before { content: "\e65c"; }

.k-i-find::before { content: "\e65c"; }

.k-i-copy::before { content: "\e65d"; }

.k-i-files::before { content: "\e65d"; }

.k-i-cut::before { content: "\e65e"; }

.k-i-clipboard::before { content: "\e65f"; }

.k-i-paste::before { content: "\e65f"; }

.k-i-clipboard-code::before { content: "\e660"; }

.k-i-paste-as-html::before { content: "\e660"; }

.k-i-clipboard-word::before { content: "\e661"; }

.k-i-paste-from-word::before { content: "\e661"; }

.k-i-clipboard-word-alt::before { content: "\e662"; }

.k-i-paste-from-word-strip-file::before { content: "\e662"; }

.k-i-clipboard-html::before { content: "\e663"; }

.k-i-paste-html::before { content: "\e663"; }

.k-i-clipboard-markdown::before { content: "\e664"; }

.k-i-paste-markdown::before { content: "\e664"; }

.k-i-clipboard-text::before { content: "\e665"; }

.k-i-paste-plain-text::before { content: "\e665"; }

.k-i-apply-format::before { content: "\e666"; }

.k-i-clear-css::before { content: "\e667"; }

.k-i-clearformat::before { content: "\e667"; }

.k-i-copy-format::before { content: "\e668"; }

.k-i-strip-all-formatting::before { content: "\e669"; }

.k-i-strip-css-format::before { content: "\e66a"; }

.k-i-strip-font-elements::before { content: "\e66b"; }

.k-i-strip-span-elements::before { content: "\e66c"; }

.k-i-strip-word-formatting::before { content: "\e66d"; }

.k-i-format-code-block::before { content: "\e66e"; }

.k-i-building-blocks::before { content: "\e66f"; }

.k-i-style-builder::before { content: "\e66f"; }

.k-i-puzzle-piece::before { content: "\e670"; }

.k-i-module-manager::before { content: "\e670"; }

.k-i-puzzle::before { content: "\e670"; }

.k-i-link-add::before { content: "\e671"; }

.k-i-hyperlink-light-dialog::before { content: "\e671"; }

.k-i-hyperlink-insert::before { content: "\e671"; }

.k-i-globe-link::before { content: "\e672"; }

.k-i-hyperlink-globe::before { content: "\e672"; }

.k-i-globe-unlink::before { content: "\e673"; }

.k-i-hyperlink-globe-remove::before { content: "\e673"; }

.k-i-envelop-link::before { content: "\e674"; }

.k-i-hyperlink-email::before { content: "\e674"; }

.k-i-anchor::before { content: "\e675"; }

.k-i-table-add::before { content: "\e676"; }

.k-i-table-light-dialog::before { content: "\e676"; }

.k-i-table-insert::before { content: "\e676"; }

.k-i-create-table::before { content: "\e676"; }

.k-i-table::before { content: "\e677"; }

.k-i-table-properties::before { content: "\e678"; }

.k-i-table-cell::before { content: "\e679"; }

.k-i-table-cell-properties::before { content: "\e67a"; }

.k-i-table-column-insert-left::before { content: "\e67b"; }

.k-i-add-column-left::before { content: "\e67b"; }

.k-i-table-column-insert-right::before { content: "\e67c"; }

.k-i-add-column-right::before { content: "\e67c"; }

.k-i-table-row-insert-above::before { content: "\e67d"; }

.k-i-add-row-above::before { content: "\e67d"; }

.k-i-table-row-insert-below::before { content: "\e67e"; }

.k-i-add-row-below::before { content: "\e67e"; }

.k-i-table-column-delete::before { content: "\e67f"; }

.k-i-delete-column::before { content: "\e67f"; }

.k-i-table-row-delete::before { content: "\e680"; }

.k-i-delete-row::before { content: "\e680"; }

.k-i-table-cell-delete::before { content: "\e681"; }

.k-i-table-delete::before { content: "\e682"; }

.k-i-cells-merge::before { content: "\e683"; }

.k-i-merge-cells::before { content: "\e683"; }

.k-i-cells-merge-horizontally::before { content: "\e684"; }

.k-i-cells-merge-h::before { content: "\e684"; }

.k-i-merge-horizontally::before { content: "\e684"; }

.k-i-cells-merge-vertically::before { content: "\e685"; }

.k-i-cells-merge-v::before { content: "\e685"; }

.k-i-merge-vertically::before { content: "\e685"; }

.k-i-cell-split-horizontally::before { content: "\e686"; }

.k-i-cells-split-h::before { content: "\e686"; }

.k-i-cell-split-vertically::before { content: "\e687"; }

.k-i-cells-split-v::before { content: "\e687"; }

.k-i-table-unmerge::before { content: "\e688"; }

.k-i-normal-layout::before { content: "\e688"; }

.k-i-pane-freeze::before { content: "\e689"; }

.k-i-freeze-pane::before { content: "\e689"; }

.k-i-row-freeze::before { content: "\e68a"; }

.k-i-freeze-row::before { content: "\e68a"; }

.k-i-column-freeze::before { content: "\e68b"; }

.k-i-col-freeze::before { content: "\e68b"; }

.k-i-freeze-col::before { content: "\e68b"; }

.k-i-toolbar-float::before { content: "\e68c"; }

.k-i-spell-checker::before { content: "\e68d"; }

.k-i-validation-xhtml::before { content: "\e68e"; }

.k-i-validation-data::before { content: "\e68f"; }

.k-i-toggle-full-screen-mode::before { content: "\e690"; }

.k-i-formula-fx::before { content: "\e691"; }

.k-i-fx::before { content: "\e691"; }

.k-i-sum::before { content: "\e692"; }

.k-i-symbol::before { content: "\e693"; }

.k-i-dollar::before { content: "\e694"; }

.k-i-currency::before { content: "\e694"; }

.k-i-percent::before { content: "\e695"; }

.k-i-custom-format::before { content: "\e696"; }

.k-i-format-number::before { content: "\e696"; }

.k-i-decimal-increase::before { content: "\e697"; }

.k-i-increace-decimal::before { content: "\e697"; }

.k-i-decimal-decrease::before { content: "\e698"; }

.k-i-decrease-decimal::before { content: "\e698"; }

.k-i-font-size::before { content: "\e699"; }

.k-i-image-absolute-position::before { content: "\e69a"; }

.k-i-table-wizard::before { content: "\e69b"; }

.k-i-crosstab::before { content: "\e69c"; }

.k-i-crosstab-wizard::before { content: "\e69d"; }

.k-i-table-body::before { content: "\e69e"; }

.k-i-table-column-groups::before { content: "\e69f"; }

.k-i-table-corner::before { content: "\e6a0"; }

.k-i-table-row-groups::before { content: "\e6a1"; }

.k-i-globe-outline::before { content: "\e700"; }

.k-i-globe::before { content: "\e701"; }

.k-i-map-marker::before { content: "\e702"; }

.k-i-marker-pin::before { content: "\e702"; }

.k-i-map-marker-target::before { content: "\e703"; }

.k-i-marker-pin-target::before { content: "\e703"; }

.k-i-pin::before { content: "\e704"; }

.k-i-unpin::before { content: "\e705"; }

.k-i-share::before { content: "\e800"; }

.k-i-user::before { content: "\e801"; }

.k-i-inbox::before { content: "\e802"; }

.k-i-blogger::before { content: "\e803"; }

.k-i-blogger-box::before { content: "\e804"; }

.k-i-delicious::before { content: "\e805"; }

.k-i-delicious-box::before { content: "\e806"; }

.k-i-digg::before { content: "\e807"; }

.k-i-digg-box::before { content: "\e808"; }

.k-i-envelop::before { content: "\e809"; }

.k-i-email::before { content: "\e809"; }

.k-i-letter::before { content: "\e809"; }

.k-i-envelop-box::before { content: "\e80a"; }

.k-i-email-box::before { content: "\e80a"; }

.k-i-letter-box::before { content: "\e80a"; }

.k-i-facebook::before { content: "\e80b"; }

.k-i-facebook-box::before { content: "\e80c"; }

.k-i-google::before { content: "\e80d"; }

.k-i-google-box::before { content: "\e80e"; }

.k-i-google-plus::before { content: "\e80f"; }

.k-i-google-plus-box::before { content: "\e810"; }

.k-i-linkedin::before { content: "\e811"; }

.k-i-linkedin-box::before { content: "\e812"; }

.k-i-myspace::before { content: "\e813"; }

.k-i-myspace-box::before { content: "\e814"; }

.k-i-pinterest::before { content: "\e815"; }

.k-i-pinterest-box::before { content: "\e816"; }

.k-i-reddit::before { content: "\e817"; }

.k-i-reddit-box::before { content: "\e818"; }

.k-i-stumble-upon::before { content: "\e819"; }

.k-i-stumble-upon-box::before { content: "\e81a"; }

.k-i-tell-a-friend::before { content: "\e81b"; }

.k-i-tell-a-friend-box::before { content: "\e81c"; }

.k-i-tumblr::before { content: "\e81d"; }

.k-i-tumblr-box::before { content: "\e81e"; }

.k-i-twitter::before { content: "\e81f"; }

.k-i-twitter-box::before { content: "\e820"; }

.k-i-yammer::before { content: "\e821"; }

.k-i-yammer-box::before { content: "\e822"; }

.k-i-behance::before { content: "\e823"; }

.k-i-behance-box::before { content: "\e824"; }

.k-i-dribbble::before { content: "\e825"; }

.k-i-dribbble-box::before { content: "\e826"; }

.k-i-rss::before { content: "\e827"; }

.k-i-rss-box::before { content: "\e828"; }

.k-i-vimeo::before { content: "\e829"; }

.k-i-vimeo-box::before { content: "\e82a"; }

.k-i-youtube::before { content: "\e82b"; }

.k-i-youtube-box::before { content: "\e82c"; }

.k-i-folder::before { content: "\e900"; }

.k-i-folder-open::before { content: "\e901"; }

.k-i-folder-add::before { content: "\e902"; }

.k-i-folder-up::before { content: "\e903"; }

.k-i-folder-more::before { content: "\e904"; }

.k-i-fields-more::before { content: "\e904"; }

.k-i-aggregate-fields::before { content: "\e905"; }

.k-i-file::before { content: "\e906"; }

.k-i-file-vertical::before { content: "\e906"; }

.k-i-page-portrait::before { content: "\e906"; }

.k-i-file-v::before { content: "\e906"; }

.k-i-file-add::before { content: "\e907"; }

.k-i-insert-file::before { content: "\e907"; }

.k-i-file-txt::before { content: "\e908"; }

.k-i-txt::before { content: "\e908"; }

.k-i-file-csv::before { content: "\e909"; }

.k-i-csv::before { content: "\e909"; }

.k-i-file-excel::before { content: "\e90a"; }

.k-i-file-xls::before { content: "\e90a"; }

.k-i-excel::before { content: "\e90a"; }

.k-i-xls::before { content: "\e90a"; }

.k-i-xlsa::before { content: "\e90a"; }

.k-i-file-word::before { content: "\e90b"; }

.k-i-file-doc::before { content: "\e90b"; }

.k-i-word::before { content: "\e90b"; }

.k-i-doc::before { content: "\e90b"; }

.k-i-file-mdb::before { content: "\e90c"; }

.k-i-mdb::before { content: "\e90c"; }

.k-i-file-ppt::before { content: "\e90d"; }

.k-i-ppt::before { content: "\e90d"; }

.k-i-file-pdf::before { content: "\e90e"; }

.k-i-pdf::before { content: "\e90e"; }

.k-i-pdfa::before { content: "\e90e"; }

.k-i-file-psd::before { content: "\e90f"; }

.k-i-psd::before { content: "\e90f"; }

.k-i-file-flash::before { content: "\e910"; }

.k-i-flash::before { content: "\e910"; }

.k-i-file-config::before { content: "\e911"; }

.k-i-config::before { content: "\e911"; }

.k-i-file-ascx::before { content: "\e912"; }

.k-i-ascx::before { content: "\e912"; }

.k-i-file-bac::before { content: "\e913"; }

.k-i-bac::before { content: "\e913"; }

.k-i-file-zip::before { content: "\e914"; }

.k-i-zip::before { content: "\e914"; }

.k-i-film::before { content: "\e915"; }

.k-i-css3::before { content: "\e916"; }

.k-i-html5::before { content: "\e917"; }

.k-i-code::before { content: "\e918"; }

.k-i-html::before { content: "\e918"; }

.k-i-source-code::before { content: "\e918"; }

.k-i-view-source::before { content: "\e918"; }

.k-i-css::before { content: "\e919"; }

.k-i-js::before { content: "\e91a"; }

.k-i-exe::before { content: "\e91b"; }

.k-i-csproj::before { content: "\e91c"; }

.k-i-vbproj::before { content: "\e91d"; }

.k-i-cs::before { content: "\e91e"; }

.k-i-vb::before { content: "\e91f"; }

.k-i-sln::before { content: "\e920"; }

.k-i-cloud::before { content: "\e921"; }

.k-i-file-horizontal::before { content: "\e922"; }

.k-i-page-landscape::before { content: "\e922"; }

.k-i-file-h::before { content: "\e922"; }

.k-i-subreport::before { content: "\e923"; }

.k-i-data::before { content: "\e924"; }

.k-i-report-header-section::before { content: "\e925"; }

.k-i-report-footer-section::before { content: "\e926"; }

.k-i-group-header-section::before { content: "\e927"; }

.k-i-group-footer-section::before { content: "\e928"; }

.k-i-page-header-section::before { content: "\e929"; }

.k-i-page-footer-section::before { content: "\e92a"; }

.k-i-detail-section::before { content: "\e92b"; }

.k-i-toc-section::before { content: "\e92c"; }

.k-i-group-section::before { content: "\e92d"; }

.k-i-parameters::before { content: "\e92e"; }

.k-i-data-csv::before { content: "\e92f"; }

.k-i-data-json::before { content: "\e930"; }

.k-i-data-sql::before { content: "\e931"; }

.k-i-data-web::before { content: "\e932"; }

.k-i-group-collection::before { content: "\e933"; }

.k-i-parameter-boolean::before { content: "\e934"; }

.k-i-parameter-date-time::before { content: "\e935"; }

.k-i-parameter-float::before { content: "\e936"; }

.k-i-parameter-integer::before { content: "\e937"; }

.k-i-parameter-string::before { content: "\e938"; }

.k-i-toc-section-level::before { content: "\e939"; }

.k-i-inherited::before { content: "\e93a"; }

.k-i-file-video::before { content: "\e93b"; }

.k-i-file-audio::before { content: "\e93c"; }

.k-i-file-image::before { content: "\e93d"; }

.k-i-file-presentation::before { content: "\e93e"; }

.k-i-file-data::before { content: "\e93f"; }

.k-i-file-disc-image::before { content: "\e940"; }

.k-i-file-programming::before { content: "\e941"; }

.k-i-parameters-byte-array::before { content: "\e942"; }

.k-i-parameters-unknown::before { content: "\e943"; }

.k-i-file-error::before { content: "\e944"; }

.k-i-file-validation::before { content: "\e944"; }

.k-i-files-error::before { content: "\e945"; }

.k-i-files-validation::before { content: "\e945"; }

.k-i-data-rest::before { content: "\e946"; }

.k-i-file-typescript::before { content: "\e947"; }

.k-i-table-position-start::before { content: "\e6a2"; }

.k-i-table-position-left::before { content: "\e6a2"; }

.k-i-table-position-center::before { content: "\e6a3"; }

.k-i-table-position-end::before { content: "\e6a4"; }

.k-i-table-position-right::before { content: "\e6a4"; }

.k-i-list-roman-upper::before { content: "\e6a5"; }

.k-i-list-roman-lower::before { content: "\e6a6"; }

.k-i-import::before { content: "\e6a7"; }

.k-i-export::before { content: "\e6a8"; }

.k-i-match-full-word::before { content: "\e6a9"; }

.k-i-regular-expression::before { content: "\e6ab"; }

.k-i-replace-single::before { content: "\e6ac"; }

.k-i-replace-all::before { content: "\e6ad"; }

.k-i-letter-space::before { content: "\e6ae"; }

.k-i-line-height::before { content: "\e6af"; }

.k-i-graph::before { content: "\ea00"; }

.k-i-chart-column-clustered::before { content: "\ea01"; }

.k-i-chart-column-stacked::before { content: "\ea02"; }

.k-i-chart-column-stacked100::before { content: "\ea03"; }

.k-i-chart-column-range::before { content: "\ea04"; }

.k-i-chart-bar-clustered::before { content: "\ea05"; }

.k-i-chart-bar-stacked::before { content: "\ea06"; }

.k-i-chart-bar-stacked100::before { content: "\ea07"; }

.k-i-chart-bar-range::before { content: "\ea08"; }

.k-i-chart-area-clustered::before { content: "\ea09"; }

.k-i-chart-area-stacked::before { content: "\ea0a"; }

.k-i-chart-area-stacked100::before { content: "\ea0b"; }

.k-i-chart-area-range::before { content: "\ea0c"; }

.k-i-chart-line::before { content: "\ea0d"; }

.k-i-chart-line-stacked::before { content: "\ea0e"; }

.k-i-chart-line-stacked100::before { content: "\ea0f"; }

.k-i-chart-line-markers::before { content: "\ea10"; }

.k-i-chart-line-stacked-markers::before { content: "\ea11"; }

.k-i-chart-line-stacked100-markers::before { content: "\ea12"; }

.k-i-chart-pie::before { content: "\ea13"; }

.k-i-chart-doughnut::before { content: "\ea14"; }

.k-i-chart-scatter::before { content: "\ea15"; }

.k-i-chart-scatter-smooth-lines-markers::before { content: "\ea16"; }

.k-i-chart-scatter-smooth-lines::before { content: "\ea17"; }

.k-i-chart-scatter-straight-lines-markers::before { content: "\ea18"; }

.k-i-chart-scatter-straight-lines::before { content: "\ea19"; }

.k-i-chart-bubble::before { content: "\ea1a"; }

.k-i-chart-candlestick::before { content: "\ea1b"; }

.k-i-chart-ohlc::before { content: "\ea1c"; }

.k-i-chart-radar::before { content: "\ea1d"; }

.k-i-chart-radar-markers::before { content: "\ea1e"; }

.k-i-chart-radar-filled::before { content: "\ea1f"; }

.k-i-chart-rose::before { content: "\ea20"; }

.k-i-chart-choropleth::before { content: "\ea21"; }

/*
* ------------------------------
* dropdown
* ------------------------------
*/
.k-dropdown { height: 26px; }

.k-dropdown.xs { max-width: 70px; min-width: 70px; }

.k-dropdown.xs2 { max-width: 84px; min-width: 84px; }

.k-dropdown.sm { max-width: 106px; min-width: 106px; }

.k-dropdown.md { max-width: 120px; min-width: 120px; }

.k-dropdown.xmd { max-width: 140px; min-width: 140px; }

.k-dropdown .k-dropdown-wrap.k-state-disabled, .k-dropdown .k-dropdown-wrap.k-state-disabled:hover { background-color: #f5f5f5; color: #aaa; }

.k-dropdown .k-dropdown-wrap.k-state-disabled .k-i-arrow-60-down:before, .k-dropdown .k-dropdown-wrap.k-state-disabled:hover .k-i-arrow-60-down:before { background-image: url("../images_bc/icon/icon_arrow_down_diabled.svg"); }

.k-dropdown .k-dropdown-wrap.k-state-hover, .k-dropdown .k-dropdown-wrap:hover { background-color: #fff; }

.k-dropdown .k-dropdown-wrap.k-state-focused { border: 1px solid #222; color: #222; }

.k-dropdown .k-dropdown-wrap .k-input { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.k-dropdown .k-dropdown-wrap .k-select { height: 26px; }

.k-dropdown .k-dropdown-wrap .k-i-arrow-60-down:before { width: 14px; height: 14px; }

.k-dropdown .k-dropdown-wrap.k-state-active .k-i-arrow-60-down:before { background: url("../images_bc/icon/icon_arrow_up.svg") no-repeat center/15px 15px; }

/*
* ------------------------------
* 인풋 (date range)
* ------------------------------
*/
.k-dateinput { height: 26px; }

.k-dateinput .k-textbox { font-size: 15px; line-height: 24px; letter-spacing: -0.75px; }

/*
* ------------------------------
* Grid
* ------------------------------
*/
.k-grid .k-grouping-header, .k-grid-header { background: #f2f4f7; }

.k-grid .k-grouping-header th.k-header, .k-grid-header th.k-header { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; height: 30px; padding: 5px 9px; line-height: 19px; color: #5e6b85; text-align: left; }

.k-grid-norecords { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; padding: 90px 0; color: #555; }

.k-grid td { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; height: 30px; padding: 2px 9px; }

/*
* ------------------------------
* accordion
* ------------------------------
*/
.k-expander .k-expander-header { position: relative; margin-top: 12px; }

.k-expander .k-expander-title { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; min-height: 20px; padding-bottom: 6px; border-bottom: 1px solid #5e6b85; font-weight: 500; line-height: 20px; }

.k-expander .k-i-arrow-chevron-down, .k-expander .k-i-arrow-chevron-up { position: absolute; right: 0; top: 50%; margin-top: -7px; }

.k-expander .line.k-expander-content { padding: 7px 0; border-bottom: 1px solid #e4e4e4; }

.k-expander .line.k-expander-content .list-set .title { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; min-width: 103px; margin: 6px 0; }

.k-expander .line.k-expander-content .list-set .list { width: 100%; }

.k-expander .line.k-expander-content .list-set .list .form-group { margin: 3px 0; }

.k-expander .line.k-expander-content .list-set .list .form-group .form-label.md { min-width: 63px; }

.k-expander .line.k-expander-content .list-set .list .form-group .form-set { width: 100%; }

/*
* ------------------------------
* breadcrumb
* ------------------------------
*/
.k-breadcrumb .k-breadcrumb-item { font-size: 15px; line-height: 24px; letter-spacing: -0.75px; }

/*
* ------------------------------
* editor
* ------------------------------
*/
.send-form-set .label { font-size: 15px; line-height: 24px; letter-spacing: -0.75px; }

/*
* ------------------------------
* textarea
* ------------------------------
*/
.k-textarea { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.k-textarea.sm .k-input { height: 60px; }

.k-textarea.md .k-input { height: 100px; }

.k-textarea .k-input { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.k-textarea ::-webkit-input-placeholder { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.k-textarea :-ms-input-placeholder { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.k-textarea ::-ms-input-placeholder { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.k-textarea ::placeholder { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

/*
* ------------------------------
* datepicker
* ------------------------------
*/
.k-datepicker { height: 26px; }

.k-datepicker.sm { max-width: 103px; min-width: 103px; }

.k-datepicker .k-select { width: 22px; }

.k-calendar .k-header { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

/*
* ------------------------------
* tooltip
* ------------------------------
*/
.k-tooltip { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; margin: 10px 0; padding: 10px; background: #fff; border: 1px solid #5e6b85; border-radius: 3px; color: #222; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }

.k-tooltip .k-tooltip-button { display: none; }

.k-tooltip::before { display: block; content: ''; position: absolute; top: -10px; left: 7px; width: 12px; height: 10px; background-image: url("../images_bc/icon/img_tooltip.svg"); }

/*
* ------------------------------
* tab
* ------------------------------
*/
.k-tabstrip-items { border-bottom: none; }

.k-tabstrip-items .k-item { font-size: 14px; line-height: 24px; letter-spacing: -0.7px; height: 100%; line-height: 21px; margin-right: 20px; }

.k-tabstrip-items .k-item.k-state-active, .k-tabstrip-items .k-item.k-state-selected { border-bottom: 2px solid #3b6ac5; color: #3b6ac5; }

.k-tabstrip-items .k-link { white-space: nowrap; }

.tab-control.border .k-tabstrip-items { border-bottom: 1px solid #ddd; }

.tab-control.border .k-tabstrip-items .k-item.k-state-active, .tab-control.border .k-tabstrip-items .k-item.k-state-selected { border-top: 1px solid #3b6ac5; border-bottom-color: transparent; color: #3b6ac5; }

.tab-control.border .k-tabstrip-items .k-item { position: relative; font-size: 14px; line-height: 24px; letter-spacing: -0.7px; }

/*
* ------------------------------
* grid
* ------------------------------
*/
.k-grid .k-edit-cell .k-textbox { height: 22px; }

.k-grid tbody tr td { position: relative; }

.k-grid tbody tr:hover td:first-child::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background-color: #3b6ac5; }

/*
* ------------------------------
* tab
* ------------------------------
*/
.k-tabstrip-content.k-state-active, .k-tabstrip > .k-content.k-state-active { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }

/*
* ------------------------------
* Wrap
* ------------------------------
*/
body { overflow: hidden; }

.wrap { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: auto; -webkit-overflow-scrolling: touch; background-color: #f5f5f5; }

/*
* ------------------------------
* header
* ------------------------------
*/
#header { position: absolute; top: 0; left: 0; width: 100%; }

/*
* ------------------------------
* Container
* ------------------------------
*/
#container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 60px; width: 100%; height: 100%; padding-bottom: 60px; overflow: visible; }

.contents-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; width: 100%; margin-left: 220px; overflow: visible; }

.contents-wrap > .k-tabstrip-wrapper { position: relative; }

.contents { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; width: 100%; height: 100%; overflow: auto; }

.contents > .scroll { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; min-width: 1700px; height: 100%; padding: 20px 30px 30px; overflow: auto; }

.logout-page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: unset; }

.logout-page .logout-con { text-align: center; }

.logout-page .logout-con .check { width: 90px; height: 90px; }

.logout-page .logout-con .main-info { margin-top: 20px; font-size: 28px; line-height: 40px; letter-spacing: -1.4px; font-weight: bold; }

.logout-page .logout-con .main-info .strong { color: #f14747; }

.logout-page .logout-con .sub-info { margin-top: 20px; color: #777; font-size: 14px; line-height: 24px; }

.logout-page .logout-con .sub-info .strong { color: #222; }

.logout-page .logout-con .k-button { margin: 20px auto 0; }

/*
* ------------------------------
* Header
* ------------------------------
*/
.header-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 30px 0 20px; height: 60px; background: #0e4194; }

.header-wrap .left-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header-wrap .logo { display: inline-block; overflow: hidden; text-indent: -9000px; white-space: nowrap; width: 112px; height: 37px; background: url("../images/CI@2x.png") no-repeat center/contain; }

.header-wrap .logo-info { font-size: 16px; line-height: 26px; letter-spacing: -0.8px; color: #fff; margin-left: 4px; font-weight: 500; }

.header-wrap .right-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.profile-box { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.profile-box .name { margin-left: 6px; font-weight: 500; }

.timer-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 28px; margin-left: 14px; padding: 0 10px 0 12px; background-color: #3064b8; border-radius: 3px; }

.timer-box .time-add { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; height: auto; padding: 0; border-radius: 0; border: none; background-color: transparent; color: #fff; font-weight: 400; text-decoration: underline; }

.timer-box > * + * { margin-left: 8px; }

.timer-set { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffe282; }

.timer-set > * + * { margin-left: 5px; }

/*
* ------------------------------
* container
* ------------------------------
*/
.contents-body.has-quickmenu { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 160px; }

/*
* ------------------------------
* quick menu
* ------------------------------
*/
.quick-menu { position: absolute; top: 32px; right: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 140px; width: 140px; z-index: 100; }

.quick-menu .head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 36px; background: #48c3e6; color: #fff; font-weight: 500; }

.quick-menu ul { padding: 0 10px; background: #fff; border: 1px solid #e4e4e4; border-top: none; }

.quick-menu ul li { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; border-bottom: 1px solid #efefef; color: #222; white-space: nowrap; }

.quick-menu ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; }

.quick-menu ul li:hover a { color: #0e4194; }

.quick-menu ul li:last-child { border-bottom: 0; }

.quick-menu .foot { margin-top: 8px; }

.quick-menu .foot .k-button { height: 32px; }

/*
* ------------------------------
* Sidebar
* ------------------------------
*/
.sidebar-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; max-width: 220px; position: fixed; top: 60px; left: 0; height: 100%; padding-bottom: 60px; background-color: #fff; border-right: 1px solid #ddd; -webkit-transition: max-width, margin 0.2s ease; transition: max-width, margin 0.2s ease; z-index: 20; }

.sidebar-wrap.fold { max-width: 60px; }

.sidebar-wrap.fold .sidebar-head .main-menu span, .sidebar-wrap.fold .sidebar-head .sub-menu, .sidebar-wrap.fold .sidebar-1depth span, .sidebar-wrap.fold .sidebar-2depth, .sidebar-wrap.fold .sidebar-foot button span, .sidebar-wrap.fold .sidebar-1depth::after { display: none !important; }

.sidebar-wrap.fold .sidebar-head { padding: 22px 0 22px; }

.sidebar-wrap.fold .sidebar-foot .btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.sidebar-wrap.fold .sidebar-foot button { width: 40px; height: 40px; margin: 0; padding: 0; }

.sidebar-wrap.fold .sidebar-foot button:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.sidebar-wrap.fold .sidebar-foot button:last-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 8px; }

.sidebar-wrap.fold .sidebar-foot .h-ico.lnb-close { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.sidebar-wrap.fold + .contents-wrap { margin-left: 60px; }

.sidebar-wrap .sidebar-head { position: relative; padding: 12px 0 19px; border-bottom: 1px solid #ddd; }

.sidebar-wrap .sidebar-head .main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; font-size: 15px; line-height: 40px; font-weight: 500; }

.sidebar-wrap .sidebar-head .main-menu .h-ico { margin-right: 10px; }

.sidebar-wrap .sidebar-head .sub-menu a { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; display: block; padding: 0 20px 0 49px; color: #777; }

.sidebar-wrap .sidebar-head .sub-menu a:hover { font-weight: 500; color: #0e4194; }

.sidebar-wrap .sidebar-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; }

.sidebar-wrap .sidebar-foot { padding: 10px; }

.sidebar-wrap .sidebar-foot .btn-box > * + * { margin-left: 6px; }

.sidebar-wrap .sidebar-foot .k-button { height: 40px; padding: 0 30px; }

.sidebar-wrap .sidebar-foot .k-button.lnb-close { padding: 0 2px; background-color: #eff2f7; border: 1px solid #ccc; }

.sidebar-wrap .sidebar-foot .k-button.light-blue-border { padding: 0 2px; }

/* 사이드바 */
.sidebar-1depth { font-size: 15px; line-height: 26px; letter-spacing: -0.75px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 40px; padding: 0 20px; color: #222; }

.sidebar-1depth::after { display: inline-block; content: ""; }

.sidebar-1depth .h-ico { margin-right: 8px; }

.sidebar-1depth:hover { color: #0e4194; font-weight: 500; }

.sidebar-2depth { display: none; padding: 4px 0; background-color: #eff2f7; }

.sidebar-2depth ul { position: relative; padding: 17px 0; border-bottom: 1px solid #ddd; }

.sidebar-2depth ul::before { position: absolute; top: 0; left: 37px; content: ""; display: block; width: 2px; height: 100%; background-color: #f5f5f5; border-radius: 50%; }

.sidebar-2depth a { font-size: 14px; line-height: 26px; letter-spacing: -0.7px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding-left: 49px; color: #555; line-height: 36px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; }

.sidebar-2depth a:hover { color: #0e4194; font-weight: 500; }

.sidebar-2depth a:hover::before { background-color: #0e4194; }

.sidebar-2depth a::before { position: absolute; top: 50%; left: 28px; content: ""; display: block; width: 4px; height: 4px; margin-top: -2px; background-color: #aaa; border-radius: 50%; }

/* 사이드바 - 2뎁스 메뉴 */
.has-submenu.active .sidebar-2depth { display: block; }

.has-submenu.active .sidebar-1depth { color: #0e4194; font-weight: 500; }

.has-submenu.active .sidebar-1depth::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background-color: #0e4194; }

.has-submenu .sidebar-1depth::after { display: inline-block; content: ""; position: absolute; top: 50%; margin-top: -7px; right: 20px; width: 15px; height: 15px; background-image: url("../images_bc/icon/icon_arrow_down.svg"); background-repeat: no-repeat; background-size: 15px 15px; text-align: center; }

.has-submenu.active .sidebar-1depth::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

/* 사이드바 - 3뎁스 메뉴 */
.sidebar-3depth { display: none; }

.sidebar-2depth.active .sidebar-3depth { display: block; }

/*
* ------------------------------
* Wrap
* ------------------------------
*/
/*
* ------------------------------
* Container
* ------------------------------
*/
/*
* ------------------------------
* Header
* ------------------------------
*/
.header-wrap { height: 56px; padding: 0 0 0 28px; background: #3b6ac5; }

.header-wrap .right-group { height: 100%; }

.header-wrap .logo-set { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header-wrap .logo-set .logo-info { line-height: 19px; white-space: nowrap; }

.header-wrap .logo-set.has-bar { position: relative; margin-right: 30px; padding-right: 30px; }

.header-wrap .logo-set.has-bar::after { position: absolute; right: 0; content: ''; display: inline-block; width: 1px; height: 26px; background-color: rgba(255, 255, 255, 0.3); }

.header-wrap .logo { width: 124px; height: 19px; background: url("../images/CI_w@2x.png") no-repeat center/contain; }

.header-wrap .user-set { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; }

.header-wrap .profile-box { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.header-wrap .timer-box { height: 26px; background-color: #5c92fc; }

.header-wrap .timer-box .timer-set { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.header-wrap .timer-box .time-add { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.header-wrap .status-list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.header-wrap .status-list .list { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; white-space: nowrap; }

.header-wrap .status-list .list + .list { margin-left: 20px; }

.header-wrap .status-list .label { position: relative; color: #dee9ff; }

.header-wrap .status-list .label.has-bar { margin-right: 4px; padding-right: 5px; }

.header-wrap .status-list .label.has-bar::after { content: ''; display: block; position: absolute; top: 50%; right: 0; margin-top: -8px; width: 1px; height: 16px; background-color: #6288d1; }

.header-wrap .status-list .label.dot { padding-left: 8px; }

.header-wrap .status-list .label.dot::before { content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 50%; background-color: #dee9ff; }

.header-wrap .status-list .desc { color: #dee9ff; }

.header-wrap .btn-list { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; margin-left: 20px; }

.header-wrap .btn-list .list { font-size: 13px; line-height: 24px; letter-spacing: -0.65px; height: 100%; padding: 0 20px; color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.2); }

/*
* ------------------------------
* #container
* ------------------------------
*/
#container { top: 56px; height: calc(100% - 56px); padding: 18px 28px 20px; overflow: auto; }

.contents-wrap { margin-left: 0; min-width: 1920px; }

/*
* ------------------------------
* section
* ------------------------------
*/
.section-group { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; }

.section-group.md .section { height: 572px; }

.section-group.group-3 .section { width: 33.33%; min-width: calc(33.33% - 20px); }

.section-group .section { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 10px; }

.section-group .section .section-content { position: relative; height: calc(100% - 32px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.section-group .section .section-content.has-tab .border-box { height: calc(100% - 27px) !important; max-height: calc(100% - 27px); }

.section-group .section .section-content .k-tabstrip-wrapper { height: 100%; }

.section-group .section .section-content .scroll { height: 100%; overflow: auto; }

.section-group .section .section-content .border-box { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

/*
* ------------------------------
* login page
* ------------------------------
*/
.login-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: unset; }

.login-content { border-radius: 10px; overflow: hidden; }

.login-content.type-a { width: 450px; }

.login-content.type-a .login-image-box { position: relative; width: 100%; height: 320px; background-image: url("../images_bc/img_login@2x.jpg"); background-size: contain; }

.login-content.type-a .logo-set { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 30px; left: 30px; }

.login-content.type-a .logo-set .logo img { display: block; max-width: 124px; }

.login-content.type-a .logo-set .info { margin-left: 3px; color: #fff; font-size: 16px; line-height: 24px; letter-spacing: -0.8px; font-weight: 500; }

.login-content.type-a .login-box .main-desc { margin-top: 6px; margin-bottom: 30px; color: #222; font-size: 28px; letter-spacing: -1.4px; line-height: 40px; }

.login-content.type-a .login-box .main-desc .strong { color: #3b6ac5; font-weight: bold; }

.login-content.type-b { display: -webkit-box; display: -ms-flexbox; display: flex; }

.login-content.type-b .login-image-box { position: relative; width: 450px; height: 440px; padding: 40px 30px 30px; background: #214997; }

.login-content.type-b .login-image-box .sort { color: #dee9ff; font-size: 14px; line-height: 19px; letter-spacing: -0.7px; }

.login-content.type-b .login-image-box .main-desc { margin-top: 10px; color: #dee9ff; font-size: 28px; letter-spacing: -1.4px; line-height: 40px; }

.login-content.type-b .login-image-box .main-desc .strong { color: #fff; font-weight: bold; }

.login-content.type-b .login-image-box .copyright { position: absolute; left: 30px; bottom: 30px; color: rgba(255, 255, 255, 0.5); font-size: 13px; line-height: 24px; letter-spacing: -0.65px; }

.login-content.type-b .login-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 300px; height: 440px; border: 1px solid #e4e4e4; border-left: none; border-radius: 0 10px 10px 0; }

.login-content.type-b .login-box .form { width: 100%; margin: 0; }

.login-content.type-b .login-box .main-title { margin-bottom: 30px; color: #3b6ac5; font-size: 17px; line-height: 24px; letter-spacing: -0.85px; font-weight: 500; text-align: center; }

.login-content.type-b .login-box .k-button.login { width: 100%; height: 40px; margin-top: 10px; }

.login-box { padding: 30px 40px 40px; background: #fff; border: 1px solid #e4e4e4; border-top: none; border-radius: 0 0 10px 10px; }

.login-box .form-group.col > * + * { margin-top: 6px; }

.login-box .login-label { -ms-flex-item-align: start; align-self: flex-start; margin-top: 10px; color: #222; font-size: 14px; line-height: 20px; letter-spacing: -0.7px; font-weight: 500; }

.login-box .sort { color: #777; font-size: 15px; line-height: 20px; letter-spacing: -0.75px; }

.login-box .k-button.login { width: 100%; height: 36px; margin-top: 10px; }

.login-box .h-input { font-size: 14px; line-height: 24px; letter-spacing: -0.7px; height: 30px; }

.login-box .k-button { font-size: 14px; line-height: 24px; letter-spacing: -0.7px; }

.contents-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.table-group { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }

.table-group:not(:only-child) { height: auto; }

.k-tabstrip-wrapper > .k-tabstrip { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; }

.tabpanel .table-set { height: 100%; }

.k-toolbar.k-grid-toolbar { background-color: #fff; overflow: hidden; }

.contents-wrap .k-toolbar.k-grid-toolbar { background-color: #f5f5f5; }

.table-group.divide-thick { height: unset; }

.table-content.grid .k-grid { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: unset; }

.k-grid-header { border-bottom: 1px solid #e4e4e4; }

.k-tabstrip-wrapper:only-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.table-bottom { position: absolute; left: 0; bottom: 0; width: 100%; margin-top: -1px; border-bottom: 0; border-top: 1px solid #aaa; -webkit-box-shadow: none; box-shadow: none; }

.table-bottom .btn-box { margin-top: 0; }

.status-reject td { background: #feecec !important; }

.status-wait td { background: #fff4cf !important; }

.status-total td { background: #5e6b85 !important; color: #fff !important; }