:root {
    --zen-menu-main-part-gap: 8px;
}

html, body {
    font-family: 'Nanum Gothic';
    width: 100%;
    height: 100%;
}

i {
    font-style: normal;
}

button {
    outline: none !important;
}

input[type="button"]
{
    outline: none !important;
}

.btn:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.jqx-widget-light {
    font-family: 'Nanum Gothic';
    font-size:16px;
}
.jqx-widget-content-light {
    font-family: 'Nanum Gothic';
    font-size:14px;
}
.jqx-widget-header-light {
    font-family: 'Nanum Gothic';
    font-size:16px;
}

.jqx-widget-light, .jqx-widget-header-light, .jqx-fill-state-normal-light,
.jqx-widget-content-light, .jqx-fill-state-hover-light, .jqx-fill-state-pressed-light {
    font-family: 'Nanum Gothic';
    font-size:14px;
}

.jqx-rc-all-light {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.jqx-widget-header-light {
    background-image: linear-gradient(#72c0e9, #59a7cf);
    color: #fff;
}

.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {border-color: #A9B1C2;}

.jqx-widget-content-light {
    font-family: 'Nanum Gothic';
    font-size:14px;
    color: #000;
}

.jqx-grid-cell-selected-light,
.jqx-grid-selectionarea-light {
    color: #ffffff !important;
    background-color: linear-gradient(#19a9eb,#0090d1);
    *background-color: linear-gradient(#19a9eb,#0090d1);
    background-repeat: repeat-x;
    border-color: #A9B1C2 !important;
    background: linear-gradient(#19a9eb,#0090d1); /* Old browsers */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.jqx-fill-state-hover-light {
    border-color: #99d9f6;
    background: #99d9f6;
}

/* jqx-scrollbar-thumb */

.jqx-scrollbar-thumb {
    width: 14px;
}

.jqx-scrollbar-thumb-state-normal {
    border-color: #c0c0c0;
    background-color: #c0c0c0;
    border-radius: 18px;
    left: 1px;
    width: 12px;
}

.jqx-scrollbar-thumb-state-normal:hover {
    border-color: #A0A0A0;
    background-color: #A0A0A0;
}

.jqx-scrollbar-thumb-state-pressed {
    border-color: #808080 !important;
    background-color: #808080 !important;
}

.jqx-scrollbar-thumb-state-pressed:hover {
    border-color: #808080 !important;
    background-color: #808080 !important;
}

.jqx-scrollbar-thumb-horizontal {
    height: 14px;
}

.jqx-scrollbar-thumb-state-normal-horizontal {
    border-color: #c0c0c0;
    background-color: #c0c0c0;
    border-radius: 18px;
    top: 1px !important;
    height: 12px !important;
}

.jqx-scrollbar-thumb-state-normal-horizontal:hover {
    border-color: #A0A0A0;
    background-color: #A0A0A0;
}

.jqx-checkbox-check-checked {
    background: transparent url(images/check_blue.png) center center no-repeat;
}

.jqx-checkbox-check-indeterminate {
    background: transparent url(images/check_indeterminate_blue.png);
}

.jqx-fill-state-normal {
    background: transparent;
}

/* 메뉴 - 컨테이너 */

.zen-menu-container {
    position: absolute;
    top: 16px;
    right: 8px;
    bottom: 8px;
    left: 8px;
    font-size: 14px;
    display: flex;
    flex-flow: column;
}

/* 메뉴 - 타이틀 */

.zen-menu-title {
    width: fit-content;
    margin-bottom: 16px;
    margin-right: 80px;
    cursor: default;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.zen-menu-title-icon {
    /*
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    width:18px;
    height:18px;
    margin-left:16px;
    background-image:url('/images/icon-circle-right.svg');
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: left center;
    */  
    width:17px;
    height:15px;
    margin-left:16px;
    margin-right:8px;
}

/*
.zen-menu-title-icon:before {
    color: #ffffff;
    font-size: 15px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f138";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    vertical-align: middle;
}
*/

.zen-menu-path-text {
    display: none;
    color: #93B1C8;
    margin-left: 2px;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 21px;
}

.zen-menu-title-text {
    color: #ffffff;
    margin-left: 2px;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 21px;
}

.zen-menu-title-message {
    display: none;
    color: #B5D2E8;
    margin-left: 8px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    line-height: 21px;
    padding-left: 29px;
    background-image:url('/images/icon-speaker.svg');
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: left center;
}

.zen-menu-container-background {
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    height: 38px;
    border: 1px solid #034A81;
    border-radius: 4px;
    /*background-color: #2378B9;*/
    background: linear-gradient(#4e93c7, #2378b9, #3885c0);
    /*background-image: linear-gradient(rgb(55,140,205),rgb(35,120,185));*/
    /*
    background: linear-gradient(270deg, #2378b9, #4e93c7, #2378b9);
    background-size: 600% 600%;
    -webkit-animation: MenuTitleAnimation 4s ease infinite;
    -moz-animation: MenuTitleAnimation 4s ease infinite;
    -o-animation: MenuTitleAnimation 4s ease infinite;
    animation: MenuTitleAnimation 4s ease infinite;
    */
}

@-webkit-keyframes MenuTitleAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes MenuTitleAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes MenuTitleAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes MenuTitleAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@keyframes clockwise {
  0% {
    top: -5px;
    left: 0;
  }
  12% {
    top: -2px;
    left: 2px;
  }
  25% {
    top: 0;
    left: 5px;    
  }
  37% {
    top: 2px;
    left: 2px;
  }
  50% {
    top: 5px;
    left: 0;    
  }
  62% {
    top: 2px;
    left: -2px;
  }
  75% {
    top: 0;
    left: -5px;
  }
  87% {
    top: -2px;
    left: -2px;
  }
  100% {
    top: -5px;
    left: 0;    
  }
}

@keyframes counterclockwise {
  0% {
    top: -5px;
    right: 0;
  }
  12% {
    top: -2px;
    right: 2px;
  }
  25% {
    top: 0;
    right: 5px;    
  }
  37% {
    top: 2px;
    right: 2px;
  }
  50% {
    top: 5px;
    right: 0;    
  }
  62% {
    top: 2px;
    right: -2px;
  }
  75% {
    top: 0;
    right: -5px;
  }
  87% {
    top: -2px;
    right: -2px;
  }
  100% {
    top: -5px;
    right: 0;    
  }
}

.zen-menu-row-state {
    position: absolute;
    top: 7px;
    right: 28px;
    z-index: 10;
}

.zen-menu-row-state > .zen-menu-row-state-narrow {
    float: right;
    width: 22px;
    height: 22px;
    margin-left: 8px;
    color: #00A0E9;
    cursor: pointer;
    font-size: 22px;
}

.zen-menu-row-state > .zen-menu-row-state-narrow:hover {
    color: #32b3ed;
}

.zen-menu-row-state > .zen-menu-row-state-narrow:active {
    color: #0080ba;
}

.zen-menu-row-state > .zen-menu-row-state-wide {
    float: right;
    width: 22px;
    height: 22px;
    margin-left: 8px;
    color: #00A0E9;
    cursor: pointer;
    font-size: 22px;
}

.zen-menu-row-state > .zen-menu-row-state-wide:hover {
    color: #32b3ed;
}

.zen-menu-row-state > .zen-menu-row-state-wide:active {
    color: #0080ba;
}

.zen-menu-row-state > .zen-menu-external {
    float: right;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    color: #00A0E9;
    cursor: pointer;
    font-size: 22px;
}

.zen-menu-row-state > .zen-menu-external:hover {
    color: #32b3ed;
}

.zen-menu-row-state > .zen-menu-external:active {
    color: #0080ba;
}

.zen-menu-row-state > .zen-menu-manual {
    float: right;
    width: 22px;
    height: 22px;
    margin-left: 8px;
    color: #00A0E9;
    cursor: pointer;
    font-size: 22px;
}

.zen-menu-row-state > .zen-menu-manual:hover {
    color: #32b3ed;
}

.zen-menu-row-state > .zen-menu-manual:active {
    color: #0080ba;
}

.zen-popup-external {
    position: absolute;
    left: 23px;
    top: 2px;
    width: 20px;
    height: 20px;
    color: #00A0E9;
    cursor: pointer;
    font-size: 22px;
}

.zen-popup-external:hover {
    color: #32b3ed;
}

.zen-popup-external:active {
    color: #0080ba;
}

/* 메뉴 - 검색조건 */
.zen-menu-search-condition-btn {
    height:25px;
    margin-top: -1px;
    vertical-align: middle;
    background: linear-gradient(#2378b9, #2378b9);
    border: 1px solid #2378b9;
    border-radius: 4px;
    padding: 1px 8px 2px 8px;
    color: #B5D2E8;
    font-size: 14px;
    transition: all .5s linear;
}

.zen-menu-search-condition-btn:hover {
    background: linear-gradient(#5496c9, #5496c9);
    color: #fff;
}

.zen-menu-search-condition {
    display: none;
    width: 100%;
    border: 1px solid #CCCCCC;
    background-color: #F1F1F1;
    padding: 0px;
    margin-bottom: 8px;
    margin-bottom: var(--zen-menu-main-part-gap);
    border-radius: 4px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */ 
}

.zen-menu-search-condition:hover {
    /*border: 1px solid #2378B9;*/
}

.zen-menu-search-condition-table {
    display: table;
    white-space: nowrap;
    border-spacing: 4px;
}

.zen-menu-search-condition-row {
    display: block;
    padding-left: 8px;
    opacity: 0;
}

.zen-menu-search-condition-table-more {
    display: table;
    position: absolute;
    top: 72px;
    right: 0px;
    left: 0px;
    background: #F1F1F1;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    white-space: nowrap;
    border-spacing: 4px;
    width: 100%;
    z-index: 1;
}

.zen-menu-search-condition-row-more {
    display: block;
    padding-left: 8px;
    opacity: 0;
}

.zen-menu-search-condition-cell {
    display: table-cell;
    vertical-align: middle;
}

.zen-menu-search-condition-cell:before { 
    content:'';
    float: left;
    height: 3px;
    width: 3px;
    background: #2378B9;
    vertical-align: middle;
    border-radius: 8px;
    position: relative;
    top: 11px;
    margin-right: 1px;
}

.zen-menu-search-condition-cell-label {
    color: #444;
    float: left;
    text-align: right;
    margin-right: 4px;
    /*
    margin-left: 38px;
    */
    line-height: 25px;
}

.zen-menu-search-condition-cell-label-150 {
    color: #444;
    float: left;
    min-width: 150px;
    text-align: right;
    margin-right: 4px;
    line-height: 25px;
}

.zen-menu-search-condition-cell-label-200 {
    color: #444;
    float: left;
    min-width: 200px;
    text-align: right;
    margin-right: 4px;
    line-height: 25px;
}

.zen-menu-search-condition-cell-item {
    float: left;
    margin-right: 0px;
}

.zen-menu-search-condition-cell-item-input {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
    /*width: 100%;*/
}

.zen-menu-search-condition-cell-item-input:focus {
    outline: none !important;
}

.zen-menu-search-condition-cell-item-input::-moz-read-only { /* For Firefox */
    background: #FAFAFA;
}

.zen-menu-search-condition-cell-item-input::read-only {
    background: #FAFAFA;
}

.zen-menu-search-condition-cell-item-select {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding-left: 4px;
    width: 100%;
    height: 25px;
}

.zen-menu-search-condition-cell-item-select:focus {
    outline: none !important;
}

.zen-menu-search-condition .ui-datepicker-trigger {
    border-radius: 4px;
}

/* 메뉴 업무 버튼 */

.zen-menu-biz-btn-container {
    text-align: right;
    margin-bottom: 8px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */ 
}

.zen-menu-biz-btn {
    vertical-align: middle;
    background: linear-gradient(#4e93c7, #2378b9, #3885c0);
    border: 1px solid #286fa5;
    border-radius: 4px;
    padding: 2px 8px 2px 8px;
    color: #B5D2E8;
    font-size: 14px;
}

.zen-menu-biz-btn:hover {
    background: linear-gradient(#76abd3, #5496c9, #65a0ce);
    color: #fff;
}

/* 메뉴 - 메인 */

.zen-menu-section {
    width: 100%;
    height: 100%;
}

/* 메뉴 - 메인 - 레이아웃 */

.zen-menu-main {
    width: 100%;
    height: 100%;
}

.zen-menu-main-h-part {
    float: left;
    height: 100%;
}

.zen-menu-main-h-part-gap {
    margin-right: var(--zen-menu-main-part-gap);
}

.zen-menu-main-v-part {
    width: 100%;
}

.zen-menu-main-v-part-gap {
    margin-bottom: var(--zen-menu-main-part-gap);
}

/* 메뉴 - 탭바 */

.zen-tabbar {
    margin-bottom: 8px;
}

.zen-tabbar-with-biz-btns {
    float: left;
}

.zen-tabbar-item {
    height: 33px;
    border: 1px solid #cccccc;
    padding: 0px 20px 0px 20px;
    border-radius: 0px;
    font-size: 14px;
    margin-right:0px;
}

.zen-tabbar-item:hover:not(.active) {
    background-color:rgba(153, 217, 246, 0.3);
}

.zen-tabbar-item:first-child {
    margin-left:-0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.zen-tabbar-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.zen-tabbar-item:not(:first-child ) {
    margin-left: -4px;
}

.zen-tabbar-item.active {
    /*background: #2378b9;*/
    border: 1px solid #053559;
    color: #fff;
    background: linear-gradient(#4e93c7, #2378b9, #3885c0);
}

.zen-tabbar-item:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* 메뉴 - 폼 */

.zen-form-container {
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
    background: #fafafa;
    border-radius: 4px;
    overflow: auto;
}

.zen-form-container::-webkit-scrollbar {
    width: 6px;
    height:6px;
}

.zen-form-container::-webkit-scrollbar-thumb {
    background: #a9a9a9;
    border-radius: 16px;
}

.zen-form-container-hidden {
    display: none;
}

.zen-form-container:hover:not(.zen-form-container-noborder) {
    /*border: 1px solid #2378B9;*/
}

.zen-form-container-noborder {
    border: none;
}

.zen-form-container-nobackground {
    background: #ffffff;
}

.zen-form-container-under-tabbar {
    height: calc(100% - 41px);
}

.zen-form-subtitle {
    margin: 16px 8px 16px 8px;
}

.zen-form-table {
    display: table;
    white-space: nowrap;
    border-spacing: 4px;
    margin-top: 8px;
    padding: 8px;
    width: 100%;
}

.zen-form-row {
    display: table-row;
    height: 25px;
    padding-left: 8px;
    padding-right: 8px;
}

.zen-form-cell {
    display: table-cell;
    vertical-align: middle;
}

.zen-form-cell-label {
    color: #444;
    float: left;
    min-width: 60px;
    text-align: right;
    margin-right: 16px;
    line-height: 25px;
    width: 120px;
    overflow-x: hidden;
}

.zen-form-cell-item {
    min-width: 185px;
    height: 25px;
}

.zen-form-cell-item-full-width {
    display: grid;
}

.zen-form-cell-item span {
    line-height: 25px;
    vertical-align: middle;
}

.zen-form-cell-item-input {
    color: #444;
    border: 1px solid #e1e1e1;
    padding-left: 8px;
    padding-right: 8px;
    height: 25px;
    vertical-align: middle;
    padding-top: 0px;
}

.zen-form-cell-item-input:disabled {
    color: #444;
    border: 1px solid #e1e1e1;
    padding-left: 8px;
    padding-right: 8px;
    height: 25px;
    vertical-align: middle;
    background: #FAFAFA;
}

.zen-form-cell-item-input:focus {
    outline: none !important;
}

.zen-input-invalidate {
    border: 1px solid #FD6467 !important;
}

.zen-form-select {
    height: 25px;
}

.zen-form-btn {
    height:25px;
    margin: 0px 4px 0px 4px;
    vertical-align: middle;
    background: linear-gradient(#2378b9, #2378b9);
    border: 1px solid #2378b9;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
    color: #B5D2E8;
    font-size: 14px;
    line-height: 11px;
}

.zen-form-btn:hover {
    background: linear-gradient(#5496c9, #5496c9);
    color: #fff;
}

.zen-form-btn-refresh {
    display:inline-block; 
    vertical-align: bottom;
    width:25px; 
    height:25px; 
    background:#ffffff; 
    border: 1px solid #e1e1e1; 
    border-radius: 0px;
    padding: 0px;
}

.zen-form-btn-refresh:hover {
    background-color: #f6f6f6;
    focus-color: none;
}

.zen-form-btn-refresh:disabled {
    background-color: #fafafa;
    focus-color: none;
}

.zen-form-btn-search {
    display:inline-block; 
    vertical-align: bottom;
    width:25px; 
    height:25px; 
    background:#ffffff; 
    border: 1px solid #e1e1e1; 
    border-radius: 0px;
    focus-color: none;
    background-image:url('/images/btn_search.svg');
    background-size: 13px 13px;
    background-repeat: no-repeat;
    background-position: center center;
}

.zen-form-btn-search:hover {
    background-color: #f6f6f6;
    focus-color: none;
}

.zen-form-btn-search:disabled {
    background-color: #fafafa;
    focus-color: none;
}














.zen-condition-btn-search {
    display:inline-block; 
    vertical-align: bottom;
    width:25px; 
    height:25px; 
    background:#ffffff; 
    border: 1px solid #e1e1e1; 
    border-radius: 4px; 
    focus-color: none;
    background-image:url('/images/btn_search.svg');
    background-size: 13px 13px;
    background-repeat: no-repeat;
    background-position: center center;
}

.zen-condition-btn-search:hover {
    background-color: #f6f6f6;
}

.zen-condition-btn-search:disabled {
    background-color: #fafafa;
}

.zen-condition-btn-apply {
    display:inline-block; 
    vertical-align: bottom;
    width:50px; 
    height:25px; 
    background:#ffffff; 
    border: 1px solid #e1e1e1; 
    border-radius: 4px; 
    focus-color: none;
}

.zen-condition-btn-apply:hover {
    background-color: #f6f6f6;
}

.zen-condition-btn-apply:disabled {
    background-color: #fafafa;
}

.zen-condition-btn-more {
    position: absolute;
    right: 16px;
    top: 47px;
    text-align: center;
    width:25px; 
    height:25px; 
    background:#ffffff; 
    border: 1px solid #e1e1e1; 
    border-radius: 4px;
    focus-color: none;
    background-image:url('/images/btn_angle_down.svg');
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-position: center center;
}

.zen-condition-btn-more:hover {
    background-color: #f6f6f6;
    focus-color: none;
}

.zen-condition-btn-more:disabled {
    background-color: #fafafa;
}

/* 메뉴 - 그리드 */

#grid_line {
    font-family: 'Nanum Gothic' !important;
    font-size: 14px !important;
}

.realgrid-editor-parent {
    box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 0px !important;
}

input[id^='grid'] {
    font-family: 'Nanum Gothic' !important;
    font-size: 14px !important;
    color:#303030 !important;
    line-height: 21px;
    padding-bottom: 2px !important;
}

.zen-grid {
    width:100%;
    height:100%;
    border: 1px solid #cccccc;
    border-radius: 4px;
    /*padding: 1px;*/
    overflow:hidden;
}

.zen-grid:hover {
    /*border: 1px solid #2378B9;*/
}

/* jquery.ui.layout */

.ui-layout-pane {
    border: none;
    padding: 0px;
    /*
    height: 100% !important;
    overflow-y:hidden;
    */
}

.ui-layout-resizer {
    background-color: #ffffff !important;
    z-index: 0 !important;
}

.ui-layout-resizer-open:after {
    content: "";
    text-align: center;
    position:absolute;
    width:100%;
    height:10px;
    line-height: 8px;
    color: #cccccc;
}

.ui-layout-resizer-open:hover:after {
    background-color: #efefef !important;
    height: 10px !important;
    border-width: 0px !important;
    margin-left: 1px !important;
    border-radius: 4px;
    width: 99.8% !important;
}

.ui-layout-resizer-dragging {
    background-color: #efefef !important;
    height: 10px !important;
    border-width: 0px !important;
    margin-left: 1px !important;
    border-radius: 4px;
    width: 99.8% !important;
}

.ui-layout-resizer-west-open {
}

.ui-layout-resizer-west-open:after {
    content: "";
    text-align: center;
    position: absolute; 
    width: 10px;
    height: 100%;
    top: 1px !important;
    line-height: 6px;
    color: #cccccc;
    margin-left: -3px;
    vertical-align: middle;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.ui-layout-resizer-west-open:hover:after {
    background-color: #efefef !important;
    height: 100% !important;
    border-width: 0px !important;
    margin-left: -2x !important;
    border-radius: 4px;
    width: 99.7% !important;
}

.ui-layout-resizer-west-dragging {
    background-color: #efefef !important;
    height: 99.7% !important;
    border-width: 0px !important;
    margin-top: 2px !important;
    border-radius: 4px;
    width: 9px !important;
}

.ui-layout-toggler-west {
    left: 1px !important;
    width: 6px !important;
}

.ui-layout-resizer-east-open {
}

.ui-layout-resizer-east-open:after {
    content: "";
    text-align: center;
    position: absolute; 
    width: 10px;
    height: 100%;
    top: 1px !important;
    line-height: 6px;
    color: #cccccc;
    margin-left: -3px;
    vertical-align: middle;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.ui-layout-resizer-east-open:hover:after {
    background-color: #efefef !important;
    height: 100% !important;
    border-width: 0px !important;
    margin-left: -2x !important;
    border-radius: 4px;
    width: 99.7% !important;
}

.ui-layout-resizer-east-dragging {
    background-color: #efefef !important;
    height: 99.7% !important;
    border-width: 0px !important;
    margin-top: 2px !important;
    border-radius: 4px;
    width: 9px !important;
}

.ui-layout-toggler-east {
    left: 1px !important;
    width: 6px !important;
}

.ui-layout-resizer > .ui-layout-toggler {
    /*display: none !important;*/
    pointer-events: none;
}

.ui-layout-resizer-hover > .ui-layout-toggler-hover {
    background-color: #ffffff;
    pointer-events: none;
}

.ui-layout-toggler-north, .ui-layout-toggler-south {
    background-image: url(/images/ui-layout-toggler-horizontal-handler.png);
    background-color: #ffffff;
    border: none;
    border-radius: 4px;
}

.ui-layout-toggler-east, .ui-layout-toggler-west {
    background-image: url(/images/ui-layout-toggler-vertical-handler.png);
    background-color: #ffffff;
    border: none;
    border-radius: 4px;
}

/* 토글스위치버튼 */

.biz-btn-column-visible-mode {
    border: 1px sold #2378B9;
    border-radius: 4px;
    height: 27px;
}

.btn-default.off {
    background-color: #2378B9;
}

.toggle {
    border: 1px solid #2378B9;
    border-radius: 4px;
    margin-right: -1px;
    color: #444444;
}

.toggle:last-child {
    border: 1px solid #2378B9;
    border-radius: 4px;
    margin-right: 0px;
    color: #444444;
}

.toggle-on {
    font-size: 14px;
    color: #B5D2E8;
    background-color: #2378b9;
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    cursor: pointer;
    margin-right: 0px;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    line-height: 22px !important;
    margin-left: -5px;
}

.toggle-on:hover {
    background-color: #5496c9;
    color: #fff;
}

.toggle-off {
    font-size: 14px;
    background: #b1daf5;
    color: #363f45;
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    cursor: pointer;
    margin-left: 0px;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    line-height: 22px !important;
    margin-left: 5px;
}

.toggle-off:hover {
    background: rgb(114 190 240);
    color: #f0f0f0;
}

.toggle-handle {
    background-color: #00A0E9;
    margin-top: 0px !important;
    margin-left: 0px !important;
    width: 20px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    height: 100%;
    vertical-align: baseline !important;
}

.zen-menu-biz-btn-container .toggle-on {
    line-height: 24px !important;
} 

.zen-menu-biz-btn-container .toggle-off {
    line-height: 24px !important;
    background: #b1daf5;
    color: #363f45;
} 

.zen-menu-biz-btn-container .toggle-off:hover {
    background: rgb(114 190 240);
    color: #f0f0f0;
} 

.zen-menu-biz-btn-container .toggle-handle {
    height: 25px;
    /*margin-top: -1px !important;*/
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #E1E1E1;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #E1E1E1;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #E1E1E1;
}

.zen-code-help {
    position:fixed;
    background:#ffffff;
    border: 1px solid #2378B9;
    padding: 0px;
    color:#444;
    font-size:14px;
    list-style-type: none;
    z-index: 3;
    border-radius: 4px;
    box-shadow: 0 0 2px #2378b9;
}

.zen-code-help-item {
    padding: 1px 4px 5px 4px;
    margin:0px;
    line-height: normal;
    cursor: pointer;
}

.zen-code-help-item:hover {
    color:#ffffff;
    background:#518DBA99;
}

.zen-code-help-item.active {
    background:#2378B9;
    color:#ffffff;
    box-shadow: 0 0 2px #2378b9;
}

/* jquery ui calendar */

.ui-datepicker-trigger  {
    display:inline-block; 
    vertical-align: bottom;
    width:25px; 
    height:25px; 
    background:#ffffff; 
    border: 1px solid #e1e1e1; 
    border-radius: 0px;
    focus-color: none;
    background-image:url('/images/btn_search.svg');
    background-size: 13px 13px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    margin-left: 4px;
    opacity: 1 !important;
}

.ui-datepicker-trigger:hover {
    background-color: #f6f6f6;
    opacity: 1 !important;
}

.ui-datepicker-trigger.disabled {
    background-color: #fafafa;
    opacity: 1 !important;
}

.ui-datepicker-header {
    background:#2378B9;
    color:#ffffff;
}

.ui-datepicker-prev {
    background: linear-gradient(#2378b9, #2378b9);
    border: 1px solid #08548e;
    border-radius: 4px;
    color: #B5D2E8;
    cursor: pointer;
}

.ui-datepicker-prev:hover {
    background: linear-gradient(#5496c9, #5496c9);
    color: #fff;
}

.ui-datepicker-next {
    background: linear-gradient(#2378b9, #2378b9);
    border: 1px solid #08548e;
    border-radius: 4px;
    color: #B5D2E8;
    cursor: pointer;
}

.ui-datepicker-next:hover {
    background: linear-gradient(#5496c9, #5496c9);
    color: #fff;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 4px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Nanum Gothic';
    font-size: 14px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 40%;
    margin-right: 2px;
    text-align-last: center;
}

.ui-state-highlight {
    background: #00A0E9 !important;
    border: 1px solid #CCCCCC !important;
    color: #fff !important;
}

.ui-state-active {
    background: #2378B9 !important;
    border: 1px solid #2378B9 !important;
    color: #fff !important;
}

.ui-state-default {
    background: #FAFAFA;
    border: 1px solid #CCCCCC;
}

.ui-datepicker-year {
    background: #2378B9;
    color: #ffffff;
    border: 1px solid #08548E;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    height:28px;
    cursor: pointer;
}

.ui-datepicker-month {
    background: #2378B9;
    color: #ffffff;
    border: 1px solid #08548E;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    height:28px;
    margin-left: 8px !important;
    cursor: pointer;
}

.ui-datepicker-buttonpane {
    padding-right: 0px !important;
}

.ui-datepicker-close {
    background: #2378B9 !important;
    color: #ffffff !important;
    border: 1px solid #08548E !important;
    border-radius: 4px !important;
    outline: none !important;
    font-size: 14px !important;
    cursor: pointer !important;
    margin: 3px 1px 3px 0px!important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

/* MultiSelecct */


.zen-input-type-multiselect {
    text-indent: 7px;
}

.zen-btn-multiselect-left {
    display: inline-block;
    position: relative;
    left: 2px;
    top: 1px;
    width: 15px;
    height: 21px;
    color: #E1E1E1;
    cursor: pointer;
    padding: 3px 2px 1px 2px;
    border: 1px solid transparent;
    margin-right: -15px;
    opacity: 0.6;
}

.zen-btn-multiselect-left:hover {
    color: #a1a1a1;
    background-color: #f6f6f6;
    border: 1px solid #efefef;
    border-radius: 3px;
    opacity: 1;
}

.zen-btn-multiselect-right {
    display: inline-block;
    position: relative;
    right: 38px;
    top: 1px;
    width: 15px;
    height: 21px;
    color: #E1E1E1;
    cursor: pointer;
    padding: 3px 2px 1px 2px;
    border: 1px solid transparent;
    opacity: 0.6;
}

.zen-btn-multiselect-right:hover {
    color: #a1a1a1;
    background-color: #f6f6f6;
    border: 1px solid #efefef;
    border-radius: 3px;
    opacity: 1;
}

.zen-btn-multiselect-dropdown {
    position: relative;
    right: 54px;
    color: #e1e1e1;
    font-size: 11px;
    cursor: pointer;
    padding: 2px 4px 2px 4px;
    border: 1px solid #efefef;
    background: #ffffff;
    border-radius: 3px;
    margin-right: -17.5px;
}

.zen-btn-multiselect-dropdown:hover {
    color: #a1a1a1;
    background-color: #f6f6f6;
}

.zen-input-type-multiselect ~ button {
    margin-left: -15px;
}

.zen-multiselect {
    /*display: none;*/
    position:fixed;
    background:#ffffff;
    border: 2px solid #2378B9;
    /*border: 1px solid #e1e1e1;*/
    border-radius: 0px;
    color:#444;
    font-size:14px;
    list-style-type: none;
    z-index: 999999999;
    padding: 1px;
    overflow-y: auto;
}

.zen-multiselect-item {
    padding:2px 4px 2px 4px;
    margin:0px;
    line-height: normal;
    cursor: pointer;
    border-radius: 4px;
    font-size:14px;
    font-family: 'Nanum Gothic';
}

.zen-multiselect-item:hover {
    background:#DAEDFA;
}

.zen-multiselect-item.active {
    background:#2378B9;
    color:#ffffff;
}

.zen-multiselect-trade-closer {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.000000000000001;
}

.zen-btn-multiselect-double-left {
    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    color: #e1e1e1;
    vertical-align: top;    
}

.zen-btn-multiselect-double-left:hover {
    background-color: #f6f6f6;
    color: #d1d1d1;
    cursor: pointer;
}

.zen-btn-multiselect-double-right {
    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    color: #e1e1e1;
    margin-left: -3px;
    vertical-align: top;    
}

.zen-btn-multiselect-double-right:hover {
    background-color: #f6f6f6;
    color: #d1d1d1;
    cursor: pointer;
}

/* AutoComplete */
.zen-autocomplete {
    display: none;
    position:fixed;
    background:#ffffff;
    border: 2px solid #2378B9;
    border-radius: 4px;
    color:#444;
    font-size:14px;
    font-family: 'Nanum Gothic';
    list-style-type: none;
    z-index: 999999999;
    padding: 1px;
    overflow-y: auto;
}

.zen-autocomplete::-webkit-scrollbar {
    width: 6px;
    height:6px;
}

.zen-autocomplete::-webkit-scrollbar-thumb {
    background: #a9a9a9;
    border-radius: 16px;
}

.zen-autocomplete-item {
    padding:2px 4px 2px 4px;
    margin:0px;
    line-height: normal;
    cursor: pointer;
    font-size:14px;
    font-family: 'Nanum Gothic';
}

.zen-autocomplete-item:hover {
    background:#DAEDFA;
}

.zen-autocomplete-item.active {
    background:#2378B9;
    color:#ffffff;
}

.zen-autocomplete-item-code {
    font-size: 14px;
    font-family: 'Nanum Gothic';
    color: #9e9e9e;
}

.zen-autocomplete-item-matched {
    font-size:14px;
    font-family: 'Nanum Gothic';
    color: #2e2e2e;
}

.zen-autocomplete-item-seprator {
    font-size: 14px;
    font-family: 'Nanum Gothic';
    color: #6e6e6e;
    padding: 0px 2px 0px 2px;
}

.zen-autocomplete-item-name {
    font-size: 14px;
    font-family: 'Nanum Gothic';
    color: #9e9e9e;
}

.zen-autocomplete-item.active .zen-autocomplete-item-code {
    color: #cecece;
}

.zen-autocomplete-item.active .zen-autocomplete-item-matched,
.zen-autocomplete-item.active .zen-autocomplete-item-seprator,
.zen-autocomplete-item.active .zen-autocomplete-item-name {
    color: #ffffff;
}

/* Data Grid AutoComplete */

.zen-grid-autocomplete {
    display: none;
    position:fixed;
    background:#ffffff;
    border: 2px solid #5292F7;
    color:#444;
    font-size:14px;
    list-style-type: none;
    z-index: 999999999;
    padding: 1px;
    overflow-y: auto;
}

.zen-grid-autocomplete-item {
    padding:2px 4px 2px 4px;
    margin:0px;
    line-height: normal;
    cursor: pointer;
}

.zen-grid-autocomplete-item:hover {
    background:#DAEDFA;
}

.zen-grid-autocomplete-item.active {
    background:#2378B9;
    color:#ffffff;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.zen-grid-autocomplete-item-code {
    color: #9e9e9e;
}

.zen-grid-autocomplete-item-matched {
    color: #2e2e2e;
}

.zen-grid-autocomplete-item-seprator {
    color: #6e6e6e;
    padding: 0px 2px 0px 2px;
}

.zen-grid-autocomplete-item-name {
    color: #9e9e9e;
}

.zen-grid-autocomplete-item.active .zen-grid-autocomplete-item-code {
    color: #cecece;
}

.zen-grid-autocomplete-item.active .zen-grid-autocomplete-item-matched,
.zen-grid-autocomplete-item.active .zen-grid-autocomplete-item-seprator,
.zen-grid-autocomplete-item.active .zen-grid-autocomplete-item-name {
    color: #ffffff;
}

.zen-btn-common {
    vertical-align: middle;
    margin-top: 7px;
    margin-left: 4px;
    margin-right: 4px;
    background: linear-gradient(#4e93c7, #2378b9, #3885c0);
    border: 1px solid #286fa5;
    border-radius: 6px;
    padding: 4px 10px 3px 10px;
    color: #B5D2E8;
    font-size: 14px;
    box-shadow: 1px 1px 12px 1px rgb(10 47 75 / 30%);
}

.zen-btn-common:hover {
    background: linear-gradient(#5496c9, #5496c9);
    color: #fff;
}

.zen-btn-common:disabled, .zen-btn-common[disabled] {
    background: linear-gradient(#cccccc, #dedede);
    color: #7e93a2;
}

.zen-btn-popup {
    border: 1px solid #286fa5;
}

.zen-btn-popup:focus {
    box-shadow: 0 0 3px 2px #00A0E9 !important;
}

/* popup */

.popup-window {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
}

.popup-window-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000000;
    opacity: 0.3;
}

.popup-window-container {
    background: #ffffff;
    border: 2px solid #034A81;
    font-size: 14px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .5);
    width: 460px;
    height: 360px;
    border-radius: 8px;
    overflow: hidden;
}

.zen-menu-popup-container:has(+ .popup-window-buttons) {
    top: 8px;
    bottom: 52px;
}

.popup-window-title {
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
    padding-left: 50px;
    padding-right: 23px;
    font-size: 15px;
    background: #2378B9;
    color: #ffffff;
    border-bottom: 1px solid #034A81;
    cursor: move;
}

.popup-window-title-icon {
    float: left;
    font-size: 22px;
    color: #00A0E9;
}

.popup-window-title-text {
    float:left;
    margin-left:8px;
    color: #fff;
}

.popup-window-close-button {
    float: right;
    height: 100%;
    width: 32px;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
}

.popup-window-close-button:hover {
    color: #efefef;
    border: 1px solid #a2bdd0;
}

.popup-window-close-button-icon {
    font-size: 24px;
}

.popup-window-condition {
    border: 1px solid #CCCCCC;
    background-color: #FAFAFA;
    padding: 0px;
    border-radius: 4px;
    margin: 8px;
}

.popup-window-condition:hover {
    /*border: 1px solid #2378B9;*/
}

.popup-window-condition-table {
    display: table;
    white-space: nowrap;
    border-spacing: 4px;
}

.popup-window-condition-row {
    display: block;
}

.popup-window-condition-cell {
    display: table-cell;
    vertical-align: middle;
}

.popup-window-condition-cell-label {
    color: #444;
    float: left;
    text-align: right;
    margin-right: 8px;
    margin-left: 8px;
    line-height: 25px;
}

.popup-window-condition-cell-item {
    float: left;
    margin-right: 8px;
}

.popup-window-condition-cell-item-input {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
}

.popup-window-condition-cell-item-input:focus {
    outline: none !important;
}

.popup-window-search-button {
    position: absolute;
    right: 25px;
    top: 61px;
    margin: 0px;
    padding: 0px;
    height: 25px;
    padding-left: 8px;
    padding-right: 8px;
}

.popup-window-content {
    position: absolute;
    top: 103px;
    left: 0px;
    right: 0px;
    bottom: 44px;
    padding: 0px 8px 8px 8px;
}

.popup-window-grid {
    
}

.popup-window-buttons {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 44px;
    vertical-align: middle;
    text-align: center;
    background: #2378B9;
}

.popup-window-buttons::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top:-8px;
    width:8px;
    height:8px;
    background-image: url('/images/popup-window-buttons-top-left.png');
}

.popup-window-buttons::after {
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    top:-8px;
    width:8px;
    height:8px;
    background-image: url('/images/popup-window-buttons-top-right.png');
}

.popup-window-search-button {
    position: absolute;
    right: 25px;
    top: 61px;
    margin: 0px;
    padding: 0px;
    height: 25px;
    padding-left: 8px;
    padding-right: 8px;
}

.jqx-tree-item-arrow-expand ~ div > img {
    content:url('/images/tree-folder-open.png');
}

.ui-resizable-helper {
    border: 1px dotted #034A81;
}

.tooltip-inner {
    color: #fff;
    background-color: #1D649B;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before {
    border-top-color: #1D649B !important;
}

.zen-focus-shealter {
    position:absolute;
    top:0;
    left:0px;
    width:1px;
    height:0px;
    opacity: 0;
}

.zen-input-type-currency::selection {
    background: #DAEDFAEE;
}
.zen-input-type-currency::-moz-selection {
    background: #DAEDFAEE;
}

.zen-input-required {
    background-color: white;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsEAAA7BAbiRa+0AAAAwSURBVBhXY/z//z8DMmAEcq2ANAgfYfj//wQTlMMDxDZAzAASOAbEX4D4CAMDAwMAsikLAaah3L4AAAAASUVORK5CYII=) !important;
    background-repeat: no-repeat  !important;
    background-position: right top  !important;
}

.zen-input-type-date-from-to {
    display:inline-block; 
    vertical-align: bottom;
    width:25px; 
    height:25px; 
    background:#ffffff; 
    border: 1px solid #e1e1e1; 
    border-radius: 4px; 
    focus-color: none;
    background-image: url(/images/btn_tilde.svg);
    background-size: 13px 14px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.zen-input-type-date-from-to:hover {
    background-color: #f6f6f6;
}

.zen-input-type-date-from-to:disabled {
    background-color: #fafafa;
}

.zen-input-type-date-from-to-handler {
    display: none;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    text-align: center;
}

.zen-input-type-date-from-to-outer {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.00000001;
}

.zen-input-type-date-from-to-ignore {
    position: absolute;
    background: #000000;
    opacity: 0.00000001;
    cursor: pointer;
}

.zen-input-type-date-from-to-pointer {
    position: absolute;
    background-image: url('/images/zen-input-type-date-from-to-ignore.png');
    background-repeat: no-repeat;
    width: 11px;
    height: 5px;
    z-index: 2;
}

.zen-input-type-date-from-to-accountant-container {
    position: absolute;
    background: #ffffff;
    float: left;
    border: 1px solid #e1e1e1; 
    border-radius: 4px; 
    padding: 0px 4px 4px 4px;
}

.zen-input-type-date-from-to-accountant-container-title {
	font-size: 14px;
	color: #a1a1a1;
}

.zen-input-type-date-from-to-accountant-pointer {
    position: absolute;
    background-image: url('/images/zen-input-type-date-from-to-accountant-ignore.png');
    background-repeat: no-repeat;
    width: 11px;
    height: 5px;
    z-index: 2;
}       

.zen-input-type-date-from-to-container {
    position: absolute;
    background: #ffffff;
    float: left;
    border: 1px solid #e1e1e1; 
    border-radius: 4px; 
    padding: 4px;
}

.zen-input-type-date-from-to-btn {
    display:inline-block; 
    vertical-align: bottom;
    height:25px; 
    background:#ffffff; 
    border: 1px solid #e1e1e1; 
    border-radius: 4px; 
    focus-color: none;
    background-size: 13px 14px;
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 4px;
    padding-right: 4px;
}

.zen-input-type-date-from-to-btn:hover {
    background-color: #f6f6f6;
}

.zen-input-type-date-from-to-btn:disabled {
    background-color: #fafafa;
}

.zen-input-type-date-from-to-btn-this-year
, .zen-input-type-date-from-to-btn-this-month
, .zen-input-type-date-from-to-btn-this-day
, .zen-input-type-date-from-to-btn-quarter
, .zen-input-type-date-from-to-btn-this-accountant {
    font-size: 14px;
    color: #a1a1a1;
}

.zen-input-type-date-from-to-btn-this-year
, .zen-input-type-date-from-to-btn-this-month
, .zen-input-type-date-from-to-btn-this-day
, .zen-input-type-date-from-to-btn-this-accountant {
    margin-right:4px;
    width: 37px;
}
.zen-input-type-date-from-to-btn-this-month
, .zen-input-type-date-from-to-btn-this-day {
    margin-top: 4px;
}

.zen-input-type-date-from-to-btn-this-year-left
, .zen-input-type-date-from-to-btn-this-month-left
, .zen-input-type-date-from-to-btn-this-day-left
, .zen-input-type-date-from-to-btn-this-accountant-left {
    background-image: url(/images/btn_arrow_left.svg);
    padding-left: 10px;
    padding-right: 10px;
    margin-right:4px;
}

.zen-input-type-date-from-to-btn-this-year-right
, .zen-input-type-date-from-to-btn-this-month-right
, .zen-input-type-date-from-to-btn-this-day-right
, .zen-input-type-date-from-to-btn-this-accountant-right {
    background-image: url(/images/btn_arrow_right.svg);
    padding-left: 10px;
    padding-right: 10px;
}

.zen-input-type-date-from-to-btn-quarter {
    font-size: 13px;
    color: #a1a1a1;
}

.zen-input-type-date-from-to-btn-quarter1
, .zen-input-type-date-from-to-btn-quarter3 {
    margin-right:4px;
}

.zen-input-type-code-icon {
    display: inline-flex;
    vertical-align: middle;
    margin-left: -7px;
    width: 5px;
    height: 13px;
    background-image: url(/images/icon-codehelp.png);
    background-repeat: no-repeat;
}

.ui-datepicker table {
    margin: 0px 0px 0.2em;
}

.ui-datepicker .ui-datepicker-buttonpane {
    margin: 0px;
}

.jqx-item-light, .itemicon {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */ 
}

.zen-menu-title-icon-tracer {
    position: absolute;
    width: 50px;
    height: 42px;
    top: -10px;
    background: transparent;
    pointer-events: none;
    z-index: 10;
}

.toast-top-right {
  top: 8px;
  right: 8px;
}

#toast-container>div {
  width: auto;
  border: 2px solid #1D649B;
}

.toast {
  max-width: none;
  box-shadow: none !important;
}

.toast-progress {
  height: 2px;
}

.context-menu-list {
    font-size: 14px;
    padding: 1px 2px 1px 2px;
    margin: 0px;
    border: 1px solid #2378B9;
    color:#444;
    min-width: 30px;
}

.context-menu-visible {
    background:#DAEDFA;
}

.context-menu-item {
    padding:2px 4px 2px 4px;
    margin:0px;
    line-height: normal;
    cursor: pointer;
}

.zen-search-condition-ymdym {
    display: inline-block;
    margin-left:2px;
}

.zen-search-condition-ymdym-ymd {
    display: inline-block;
}

.zen-search-condition-ymdym-ym {
    display: inline-block;
}

.zen-korean-help-tooltip {
    position: absolute;
    font-size: 14px;
    padding: 0px 5px 0px 0px;
    text-align: center;
    background: #EEF0EC;
    /*border: 1px solid #CDCFCA;*/
    border-radius: 4px;
    line-height: 14px;
    color: #444444;
    box-shadow: inset 0 0px 3px rgba(0,0,0,.225);
    z-index: 2;
}

/*  Ripple */
.ripple-container {
  position: fixed;
  overflow: hidden;
}
.ripple {
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  transform: scale(0);
  position: absolute;
  opacity: 1;
}
.ripple-effect {
    animation: ripple-drop .5s linear;
}

@keyframes ripple-drop {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

.zen-init-focus {
    animation: anim-shadow .4s forwards;
}

@keyframes anim-shadow {
    99% {
        box-shadow: 0px 0px 16px 2px #2378B9;
        opacity: 0.9;
    }
}

.note-editor .card-block::-webkit-scrollbar {
    width: 6px;
    height:6px;
}

.note-editor .card-block::-webkit-scrollbar-thumb {
    background: #a9a9a9;
    border-radius: 16px;
}

.oDiv {
    height: 19.168px;
}

.zen-datagrid-status-sum {
    position: absolute;
    padding: 8px 16px 8px 16px;
    background: linear-gradient(rgb(55,140,205),rgb(35,120,185));
    border: 1px solid #2378B9;
    border-radius: 12px;
    font-family: 'Nanum Gothic';
    font-size: 14px;
    font-weight: bold;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
}

.zen-datagrid-status-sum-item-label {
    margin-left: 16px;
    color: #B5D2E8;
    padding: 4px 8px 4px 8px;
}

.zen-datagrid-status-sum-item-value {
    margin-left: 2px;
    color: #ffffff;
}

.zen-datagrid-sort-toast-message {
    position: absolute;
    font-family: 'Nanum Gothic';
    font-size: 14px;
    background-image: linear-gradient(rgb(55,140,205),rgb(35,120,185));
    color: #B5D2E8;
    border: 1px solid #08548e;
    border-radius: 4px;
    padding: 0px 8px;
}

.zen-datagrid-sort-toast-message-icon {
    vertical-align: text-bottom;
    color: #B5D2E8;
}

.zen-datagrid-filter-toast-message {
    position: absolute;
    font-family: 'Nanum Gothic';
    font-size: 14px;
    background-image: linear-gradient(rgb(55,140,205),rgb(35,120,185));
    color: #B5D2E8;
    border: 1px solid #08548e;
    border-radius: 4px;
    padding: 0px 8px;
}

.zen-datagrid-filter-toast-message-icon {
    vertical-align: text-bottom;
    color: #B5D2E8;
}

/*                       */
/*    RealGrid Popup     */
/*                       */
.rg-popup-menu {
    background: #C0E4FC;
    border: 2px solid #2378B9;
    box-shadow: rgba(0, 0, 0, 0.8) 1px 2px 5px;
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 10pt;
    padding: 4px;
    margin: 0px;
}

.rg-popup-item {
    padding-top: 2px;
    padding-bottom: 2px;
    height: 20px;
    cursor: pointer;
}

.rg-popup-item:hover {
    background-color: #DAEDFA;
}

.rg-popup-separator-hr {
    height: 1px;
    border: 0px;
    margin: 2px;
    color: #777;
    background-color: #777;
}

.rg-popup-expander {
    background-image: url("/js/realgrid/assets/menu_expander.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.rg-popup-check {
    /*
    background-image:url("/js/realgrid/assets/menu_uncheck.png");
    background-repeat : no-repeat;
    background-position : center center;
    */
}

.rg-popup-check-checked {
    background-image: url("/js/realgrid/assets/menu_check.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.rg-popup-radio {
    /*
    background-image:url("/js/realgrid/assets/menu_unradio.png");
    background-repeat : no-repeat;
    background-position : center center;
    */
}

.rg-popup-radio-checked {
    background-image: url("/js/realgrid/assets/menu_radio.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.rg-popup-group1 {
    background: #ffd800;
}

/*                           */
/*      RealGrid Filter      */
/*                           */
.rg-filterselector {
    background: #C0E4FC;
    border: 2px solid #2378B9;
    box-shadow: rgba(0, 0, 0, 0.8) 1px 2px 5px;
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    padding: 8px;
    margin: 0px;
}

.rg-filter-actions {
    
}

.rg-filter-action-item {
    
}

.rg-filter-action-item:hover {
    text-decoration: underline;
}

.rg-filter-action-check {
    
}

.rg-filter-action-label {
    
}

.rg-filter-all {
    color: #222222;
    background: #C0E4FC;
    height: 25px;
    margin-bottom: 8px;
    border: 1px solid #1D649B;
    border-radius: 4px;
    height: 26px;
}

.rg-filter-all-check {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
    line-height: 25px;
    margin-top: 2px;
    margin-left: 9px;
}

.rg-filter-all-label {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: -4px;
    line-height: 25px;
    vertical-align: middle;
}

.rg-filter-all > hr {
    display: none;  
}

.rg-filter-items {
    background: #C0E4FC;
    border: 1px solid #1D649B;
    border-radius: 4px;
    padding: 2px 8px 4px 8px;
    margin-bottom: 4px;
    max-height: 292px;
}

.rg-filter-items::-webkit-scrollbar {
    width: 10px;
}
 
.rg-filter-items::-webkit-scrollbar-thumb {
    opracity : .4;
    background: #E1F5FE99;
    border-radius: 16px;
    width: 8px;
}

.rg-filter-items::-webkit-scrollbar-track {
    background: #1D649B;
    /*border-radius: 4px;*/
}

.rg-filter-item {
    color: #222222;
    background: #C0E4FC;
}

.rg-filter-item:hover {
    text-decoration: underline;
}

.rg-filter-item-check {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
    line-height: 25px;
    margin-top: 2px;    
}

.rg-filter-item-label {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: -4px;
    line-height: 25px;
    vertical-align: middle; 
}

.rg-filter-search-input {
    width: 100%;
    margin-bottom: 8px;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
    background: rgb(255, 255, 255);
    border: 1px solid #2378B9;
    height: 25px;
}

.rg-filter-buttons {
    text-align: center;
    margin-bottom: 0px;
    height: 32px;
    max-height: 32px;
}

.rg-filter-accept, .rg-filter-cancel {
    vertical-align: middle;
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 0px;
    background: linear-gradient(#2378b9, #2378b9);
    border: 1px solid #08548e;
    border-radius: 6px;
    padding: 2px 8px 2px 8px;
    color: #B5D2E8;
    font-size: 14px;
    border: 1px solid #a2bdd0;  
}

.rg-filter-accept:hover {
    background: linear-gradient(#5496c9, #5496c9);
    color: #fff;
}

.rg-filter-cancel:hover {
    background: linear-gradient(#5496c9, #5496c9);
    color: #fff;
}

.zen-datagrid-status-sum-copy {
    background: linear-gradient(#2671ab, #226498);
    border: 1px solid #1e5885;
    color: #ffffff;
}

.zen-datagrid-status-sum-copy:hover {
    background: linear-gradient(#5496c9, #5496c9);
    color: #fff;
}

/* fullcalendar start */

.fc {
    box-shadow: none;
}

.fc .fc-button {
    font-family: 'Nanum Gothic';
    box-shadow: none !important;
    outline: none !important;
}

.fc th, .fc td, .fc input, .fc select, .fc textarea, .fc-button {
    font-family: 'Nanum Gothic';
    font-size: 14px;
}

.fc-day-sun {
    color: red;
}

.fc-day-sat {
    color: blue;
}

.fc-day-other {
    background: #F5F5F5;
}

.fc .fc-non-business {
    background: none;
}

.fc-daygrid-day-top {
    text-align: left;
}

.fc-daygrid-day-top {
    justify-content: start;
}

.fc .fc-button-group>.fc-button {
    height: 34px;
    background: #ffffff;
    color: #212529;
    border: 1px solid #286fa5 !important;
    height: 33px;
}

.fc .fc-button-group>.fc-button:hover:not(.active) {
    background-color:rgba(153, 217, 246, 0.3);
    color: #212529;
}

.fc .fc-button-group>.fc-button:active:not(.active) {
    background-color:rgba(153, 217, 246, 0.3);
    color: #212529;
}

.fc .fc-button-group>.fc-button.fc-button-active {
    background: linear-gradient(#4e93c7, #2378b9, #3885c0);
    color: #fff;
}

.fc .fc-button-group>.fc-button.fc-button-active:hover {
    background: linear-gradient(#4e93c7, #2378b9, #3885c0);
    color: #fff;
}

.fc .fc-button-group>.fc-button.fc-button-active:active {
    background: linear-gradient(#4e93c7, #2378b9, #3885c0);
    color: #fff;
}

.fc .fc-button .fc-icon {
    vertical-align: middle;
    line-height: 18px;
}

.fc-prev-button,.fc-next-button,.fc-today-button {
    background: linear-gradient(#4e93c7, #2378b9, #3885c0) !important;
    border: 1px solid #286fa5 !important;
    color: #B5D2E8 !important;
    height: 34px !important;
}

.fc-prev-button:hover,.fc-next-button:hover {
    background: linear-gradient(#76abd3, #5496c9, #65a0ce) !important;
    color: #fff !important;
}

.fc .fc-toolbar-title {
    border: 1px solid #286fa5 !important;
    border-radius: 4px;
    color: #fff !important;
    background: linear-gradient(#4e93c7, #2378b9, #3885c0) !important;
    font-size: 14px !important;
    height: 33px !important;
    padding: 0px 20px 0px 20px !important;
    line-height: 31px !important;
}

.fc-event-title {
    text-overflow: ellipsis;
    overflow : hidden;
    white-space: nowrap;
}

.fc-event {
    border-width: 2px;
    padding-left: 8px;
    font-size: 14px;
    margin-top: 4px !important;
    margin-left: 4px !important;
    margin-right: 4px !important;    
}

.fc-event {
    cursor: pointer;
    border-width: 0px !important;
    margin-top: 8px !important;
    padding-left: 10px;
    padding-right: 6px;
}

.fc-event-start {
    border-top-left-radius: 23px;
    border-bottom-left-radius: 23px;
}

.fc-event-end {
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px;
}

/* fullcalendar end */

/* ckEditor start */

.ck-button {
    color: #5e6164 !important;
    box-shadow: none !important;
}
.ck-editor {
    background: #fff;
    height: 100% !important;
}
.ck-editor__editable {     
    font-size: 14px !important;
    font-family: 'Nanum Gothic' !important;
    height: 100% !important;
}
.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
    border-color: #CCCED1 !important;
    box-shadow: none !important;
}
.ck-list {
    max-height: 360px !important;
    overflow: auto !important;
}
.ck-list::-webkit-scrollbar {
    width: 6px !important;
    height:6px !important;
}

.ck-list::-webkit-scrollbar-thumb {
    background: #a9a9a9 !important;
    border-radius: 16px !important;
}
.ck.ck-list__item .ck-button.ck-on {
    color: #fff !important;
    background: #1D649B !important;
    box-shadow: none !important;
}
.ck-editor i {
    font-style: italic !important;
}

/* ckEditor end */

/* fancybox start */

.fancybox-is-open .fancybox-bg {
    opacity: 0.8 !important;
}

.fancybox-infobar {
    background: #3373a5 !important;
    border-bottom-right-radius: 4px !important;
    color: #efefef !important;
    opacity: 1  !important;
}

.fancybox-toolbar {
    border-bottom-left-radius: 4px !important;
    background: #3373a5 !important;
    color: #efefef !important;
}

.fancybox-button {
    background: #3373a5 !important;
    border-radius: 4px !important;
    color: #efefef !important;
}

/* fancybox end */

/* bootstrap tooltip start */

.ui-tooltip, .arrow:after {
    background: #1D649B !important;
    border: 1px solid #08548e;
}

.ui-tooltip {
    opacity: 1 !important;
    max-width: 800px !important;
    width: 800px !important;
    overflow: auto !important;    
}

.ui-tooltip-content {
    width: 500px !important;
    max-width: 500px !important;
    opacity: 1 !important;
}

.tooltip-inner {
    max-width: fit-content !important;
}

/* bootstrap tooltip end */

/* jQuery.Gantt start */

.fn-gantt .dataPanel {
    outline: #DDD solid 0px;
}

.fn-gantt .today .fn-label, .fn-gantt .wd .fn-label {
    width: 23px;
    height: 24px;
}

.fn-gantt .month .fn-label {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fn-gantt .year .fn-label {
    width: 100%;
}

.fn-gantt .date .fn-label {
    width: 100%;
}

.fn-gantt .day .fn-label {
    width: 100%;
}

.fn-gantt .date, .fn-gantt .day {
    display: block;
}

.fn-gantt .row.header {
    margin-right: 0px;
}

.fn-gantt .fn-content {
    border: 1px solid #dddddd;
}

.fn-gantt .navigate button {
    padding: 0px;   
}

.fn-gantt .bar .fn-label {
    text-align: left;
    padding-left: 8px;
}

.fn-gantt .navigate {
    padding: 13px 8px 8px 8px;
}

.nav-slider .nav-link {
    background-color: #1D649B !important;
    border-color: #1D649B;
}

.fn-gantt .navigate .nav-slider-bar {
    background-color: #1D649B;
}

.fn-gantt .navigate .page-number {
    font-size: 12px;
}

.fn-gantt .navigate .nav-slider-button {
    background: #00A0E9;
    height: 20px;
    top: 19px;
    border-radius: 20px;
    width: 20px;
}

.fn-gantt .bar {
    cursor: pointer;    
    height: 23px;
    margin: -3px 3px 3px 0px;
-webkit-border-radius: 23px;
   -moz-border-radius: 23px;
        border-radius: 23px;
}

.fn-gantt .row {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
}

.fn-gantt .leftPanel .name, .fn-gantt .leftPanel .desc {
    height: 32px;
}

.fn-gantt .day, .fn-gantt .date {
    width: 32px;
    line-height: 32px;
}

.fn-gantt .sa, .fn-gantt .sn, .fn-gantt .wd {
    height: 32px;
}

.fn-gantt .holiday {
    height: 32px;
}

.fn-gantt .today {
    height: 32px;
}

.fn-gantt .rightPanel .month, .fn-gantt .rightPanel .year {
    height: 32px;
}

.fn-gantt .bar .fn-label {
    color: #414b57;
    font-size: 14px;
    line-height: 22px;
    padding-left: 10px;
    font-weight: normal;
    text-shadow: none;
}

.fn-gantt .day .fn-label, .fn-gantt .date .fn-label {
    font-weight: normal;
}

.fn-gantt .leftPanel .name {
    font-weight: normal;
}

.fn-gantt .leftPanel .fn-label {
    margin-left: 0px;
}

.fn-gantt .sa {
    color: blue;
}

.fn-gantt .sn {
    color: red;
}

.fn-gantt .fn-content {
    border-radius: 4px;
}

/* jQuery.Gantt end */

@media print {
    html{
        /*height:auto !important;*/
        overflow:visible !important
    }
    body.ui-layout-container{
        position:static !important;
        top:auto !important;
        bottom:auto !important;
        left:auto !important;
        right:auto !important;
        _width:auto !important;
        _height:auto !important
    }
    .ui-layout-resizer,.ui-layout-toggler{
        display:none !important
    }
    .ui-layout-pane{
        border:none !important;
        background:transparent !important;
        position:relative !important;
        top:auto !important;
        bottom:auto !important;
        left:auto !important;
        right:auto !important;
        width:auto !important;
        height:auto !important;
        overflow:visible !important
    }
}
@media print {
    .d-print-none{
        display:none !important
    }
    .d-print-inline{
        display:inline !important
    }
    .d-print-inline-block{
        display:inline-block !important
    }
    .d-print-block{
        display:block !important
    }
    .d-print-table{
        display:table !important
    }
    .d-print-table-row{
        display:table-row !important
    }
    .d-print-table-cell{
        display:table-cell !important
    }
    .d-print-flex{
        display:-ms-flexbox !important;
        display:flex !important
    }
    .d-print-inline-flex{
        display:-ms-inline-flexbox !important;
        display:inline-flex !important
    }
}
@media print {
    *,::after,::before{
        text-shadow:none !important;
        box-shadow:none !important
    }
    a:not(.btn){
        text-decoration:underline
    }
    abbr[title]::after{
        content:" (" attr(title) ")"
    }
    pre{
        white-space:pre-wrap !important
    }
    blockquote,pre{
        border:1px solid #adb5bd;
        page-break-inside:avoid
    }
    thead{
        display:table-header-group
    }
    img,tr{
        page-break-inside:avoid
    }
    h2,h3,p{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
    @page{
        size:a3
    }
    body{
        min-width:992px !important
    }
    .container{
        min-width:992px !important
    }
    .navbar{
        display:none
    }
    .badge{
        border:1px solid #000
    }
    /*
    .table{
        border-collapse:collapse !important
    }
    .table td,.table th{
        background-color:#fff !important
    }
    .table-bordered td,.table-bordered th{
        border:1px solid #dee2e6 !important
    }
    .table-dark{
        color:inherit
    }
    .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{
        border-color:#dee2e6
    }
    .table .thead-dark th{
        color:inherit;
        border-color:#dee2e6
    }
    */
}

@media print {
  * {
    color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  .ck-content .table {
    color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;  
  }
  .ck-editor__main {
    padding-bottom: 0px;
  }
}