html, body {
    width: 100%;
    height: 100%;
}
 
body {
    margin: 0px;
}

body::-webkit-scrollbar {
    width: 6px;
    height:6px;
}

body::-webkit-scrollbar-thumb {
    background: #a9a9a9;
    border-radius: 16px;
}

.zen-intro {
    position: absolute;
    opacity: 0.1;
    width: 100%;
    height: 100%;
}

.zen-intro > img  {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.zen-main-container {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.zen-btn-header {
    float:right;
}

.zen-btn-logout {
    color: #00A0E9;
    cursor: pointer;
    font-size: 22px;
    margin-right:20px;
    line-height: 26px;
}

.zen-btn-logout:hover {
    color: #32b3ed;
}

.zen-btn-wifi {
    display: none;
    position: absolute;
    top:9px;
    right: 60px;
    color: #00A0E9;
    font-size: 21px;
    line-height: 26px;
}

.zen-btn-wider {
    color: #00A0E9;
    cursor: pointer;
    font-size: 24px;
    line-height: 13.5px;
    margin-right:20px;
    line-height: 26px;
}

.zen-btn-wider:hover {
    color: #32b3ed;
}

.zen-btn-wided {
    color: #ccecfa;
}

.zen-btn-finder {
    color: #00A0E9;
    cursor: pointer;
    font-size: 18px;
    margin-right:12px;
    border-top: 1px solid #1D649B;
    border-bottom: 1px solid #1D649B;
    border-left: 1px solid transparent;
    border-right: 1px solid #1D649B;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    line-height: 24px;
    padding: 0px 8px 0px 8px;
}

.zen-btn-finder.active {
    border-top: 1px solid #00A0E9;
    border-bottom: 1px solid #00A0E9;
    border-left: 1px solid transparent;
    border-right: 1px solid #00A0E9;
}

.zen-btn-finder:hover {
    color: #32b3ed;
}

.zen-finder-text {
    display: none;
    position: absolute;
    top: 9px;
    right: 177px;
    width: 100px;
    border-top: 1px solid #00A0E9;
    border-bottom: 1px solid #00A0E9;
    border-left: 1px solid #00A0E9;
    border-right: 1px solid transparent;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    height: 26px;
    background: transparent;
    color: #ccecfa;
    text-indent: 13px;
    font-size: 14px;
    font-family: 'Nanum Gothic';
    outline: none;
    z-index: 0;
}

.finder-window {
    display: flex;
    opacity: 0;
    position: absolute;
    top: 45px;
    right: 0px;
    border-left: 1px solid #034A81;
    border-right: 1px solid #034A81;
    border-bottom: 1px solid #2378B9;
    border-bottom-left-radius: 16px;
    background-color: #1D649B;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, .4);
    z-index: 2;
}

.finder-content {
    position:relative;
    width: calc(100% - 1px);
    height: 100%;
    margin: 16px 1px 16px 8px;
    padding-right: 0px;
}

.finder-menu-result {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
    position: relative;
    top: 0px;
    right: 1px;
    bottom: 0px;
    left: 0px;
    overflow: auto;
    max-width: 800px;
    max-height: 600px;
    border: 1px solid #1D649B;
    margin-bottom:0px;
}

.finder-menu-result-item {
    font-size: 14px;
    color: #B5D2E8;
    text-decoration: none !important;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 2px 8px 2px 8px;
    margin-right:8px;
}

.finder-menu-result-item:hover {
    background-image: linear-gradient(rgb(104,170,221),rgb(84,150,201));
    border: 1px solid #195685;
    border-radius: 4px;
}

.finder-menu-result-item.active {
    background-image: linear-gradient(rgb(55,140,205),rgb(35,120,185));
    border: 1px solid #195685;
    border-radius: 4px;
}

.finder-menu-result::-webkit-scrollbar {
    width: 10px;
}
 
.finder-menu-result::-webkit-scrollbar-thumb {
    opracity : .5;
    background: #E1F5FE99;
    border-radius: 20px;
}

.finder-menu-result::-webkit-scrollbar-track {
    background: #1D649B;
    border-radius: 20px;
}

.zen-logo {
    position:absolute;
    top:6px;
    left:16px;
}

.zen-btn-logo {
    float:left;
    cursor: pointer;
    /*margin-left: 9px;*/
    border: 1px solid #08548e;
    border-radius: 8px;
    height:30px;
    /*box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.08);*/
    margin-top: 1px;
}

.zen-prod-logo {
    float:left;
    /*margin-left: 21px;*/
    margin-top: 2px;
    /*width: 55px;*/
    opacity: 1;
    /*background: linear-gradient(#2378b9, #2378b9);*/
    background: linear-gradient(#1d649b, #1d649b);
    /*
    border: 1px solid #08548e;
    border-radius: 6px;
    */
    padding: 0px 10px 0px 11px;
}

.zen-prod-logo .zen-prod-logo-text {
    /*color: #efefef;*/
    color:#2897eb;
    font-size: 18px;
    font-weight: bolder;
}

.zen-btns-common {
    display: none;
    position: absolute;
    width: 515px;
    top:0px;
}

.zen-btn-common {
    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(#76abd3, #5496c9);
    color: #fff;
}

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

/*
.zen-btn-top-menu-size {
    cursor: pointer;
    font-size: 16px;
    width: 14px;
    height:14px;
    vertical-align: initial;
}

.zen-btn-top-menu-size-w {
}

.zen-btn-top-menu-size-n {
}

.zen-btn-top-menu-size:hover {
    box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2);
}
*/

.zen-main-container-table {
    display: table;
    width: 100%;
    height: 100%;
    /*background: #1D649B;*/
}

.zen-main-container-table-row {
    display: table-row;
}

.zen-main-container-table-cell {
    display: table-cell;
}

.zen-main-container-top-menu-header {
    width: 180px;
    height: 44px;
    background: #1D649B;
    vertical-align: middle;
    color: #B5D2E8;
    font-size: 16px;
    border-top: 1px solid #034a81;
    border-left: 1px solid #034a81;
}

.zen-main-container-top-menu-body {
    width: 180px;
    /*background: #2378b9;*/
    background: #1d649b;
    border-left: 1px solid #034a81;
    /*border-right: 1px solid #034a81;*/
}

.zen-main-container-sub-menu-header {
    width: 239px;
    height: 44px;
    /*background: #2378b9;*/
    background: #1d649b;
    border-top: 1px solid #034a81;
    border-bottom: 1px solid #2378B9;
    vertical-align: middle;
    align-items: center;
    color: #B5D2E8;
    font-size: 16px;    
}

.zen-main-container-sub-menu-body {
    position: relative;
    height: 100%;
    background: #F7F7F7;
    /*border-right: 1px solid #08548E;*/
    border-right: 1px solid #cccccc;
    /*border-bottom: 1px solid #2378B9;*/
}

.zen-main-container-menu-header {
    position: absolute;
    height: 44px;
    vertical-align: middle;
    /*background: #2378b9;*/
    background: #1d649b;
    border-top: 1px solid #034a81;
    border-right: 1px solid #034a81;
    /*border-bottom: 1px solid #2378B9;*/
}

.zen-main-container-popup-menu {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    overflow: hidden;
    display: none;
}

.zen-main-container-menu-body {
    position: relative;
    height: 100%;
    /*background: #ffffff;*/
    overflow:hidden;
    border-top: 1px solid #034A81;
    border-left: 1px solid #034A81;
    border-right: 1px solid #034A81;
    border-bottom: 1px solid #2378B9;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 4px;
}

.zen-menu-body {
    /*
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    */
    width: 100%;
    height: 100%;
}

/* 최상위 메뉴바 (NEW) */

.zen-top-menu-bar {
    position:absolute;
    top:52px;
    left:7px;
    list-style-type: none;
    margin:0px;
    padding:0px;
    background:#2378b9;
    border: 1px solid #08548e;
    border-radius: 12px;
    /*box-shadow: 1px 2px 1px 1px rgba(23, 80, 124, 0.3);*/
}

.zen-top-menu-bar-item-clock {
    border-collapse: collapse;
    font-size: 14px;
    color: #B5D2E8;
    padding: 1px;
    margin: 0px;
}

.zen-top-menu-bar-item-clock label {
    margin: 0px;
}

.zen-top-menu-bar-item {
    border-collapse: collapse;
    font-size: 14px;
    color: #B5D2E8;
    padding: 6px 12px 6px 12px;
    margin: 0px;
    cursor: pointer;
    background-image: linear-gradient(rgb(55,140,205),rgb(35,120,185));
}

.zen-top-menu-bar-item.active {
    /*
    background: #F7F7F7;
    background-image: linear-gradient(rgb(247,247,247),rgb(237,237,237));
    color: #1B5A8A;
    box-shadow: 2px 3px 2px 2px rgba(0, 0, 0, 0.2);
    */
    color: #d2e4f1;
    background-image: linear-gradient(rgb(48,116,168),rgb(28,96,148));
}

.zen-top-menu-bar-item:hover:not(.active) {
    background:#5496c9;
    background-image: linear-gradient(rgb(104,170,221),rgb(84,150,201));
    color: #c3dbec;
}

.zen-top-menu-bar-item:first-child {
    padding-top: 8px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.zen-top-menu-bar-item:first-child.active {
    border-top-right-radius: 0px;
}

.zen-top-menu-bar-item:last-child {
    padding-bottom: 2px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.zen-top-menu-bar-item:last-child.active {
    border-bottom-right-radius: 0px;
}

.zen-top-menu-bar-item:not(:first-child) {
}

.zen-top-menu-bar-item:not(:last-child) {
    border-bottom: 1px solid #08548e;
}

.zen-top-menu-bar-divider {
    display: none;
    height: 0px;
}

.zen-top-menu-bar-divider:before {
    content: "•";
    color: #00A0E9;
    position: relative;
    top: 0px;
    left: 0px;
}

.zen-top-menu-bar-item label {
    margin: 0px;
    cursor: pointer;
}

.zen-top-menu-bar-item .zen-menu-icon {
    margin: 0px;
    font-size: 16px;
    width: 16px;
    text-align: center;
}

.zen-top-menu-bar-item label span {
    margin-left: 12px;
}

.zen-top-menu-bar-nav-holder {
    display:none;
    position:absolute;
    top: 43.9px;
    left: 1px;
    bottom:18px;
    width: 425px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    background: #1d649b;
    /*box-shadow: 7px 0px 0px 0px rgba(0, 0, 0, 0.25);*/
    border-right: 1px solid #034a81;
}

.zen-top-menu-bar-nav {
    position:absolute;
    top:8px;
    left:6px;
    list-style-type: none;
    margin:0px 0px 0px 0px;
    padding:0px;
    background:#2378b9;
    border: 1px solid #08548e;
    border-radius: 12px;
    /*box-shadow: 1px 2px 1px 1px rgba(23, 80, 124, 0.3);*/
}

.zen-top-menu-bar-nav-item {
    border-collapse: collapse;
    font-size: 14px;
    color: #B5D2E8;
    padding: 6px 12px 6px 12px;
    margin: 0px;
    cursor: pointer;
    background-image: linear-gradient(rgb(55,140,205),rgb(35,120,185));
}

.zen-top-menu-bar-nav-item.active {
    /*
    background-image: linear-gradient(rgb(247,247,247),rgb(237,237,237));
    color: #1B5A8A;
    box-shadow: 2px 3px 2px 2px rgba(0, 0, 0, 0.2);
    */
    color: #d2e4f1;
    background-image: linear-gradient(rgb(48,116,168),rgb(28,96,148));
}

.zen-top-menu-bar-nav-item:hover:not(.active) {
    background-color:#5496c9;
    background-image: linear-gradient(rgb(104,170,221),rgb(84,150,201));
    color: #c3dbec;
}

.zen-top-menu-bar-nav-item:first-child {
    padding-top: 8px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.zen-top-menu-bar-nav-item:first-child.active {
    border-top-right-radius: 0px;
}

.zen-top-menu-bar-nav-item:last-child {
    padding-bottom: 2px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.zen-top-menu-bar-nav-item:last-child.active {
    border-bottom-right-radius: 0px;
}

.zen-top-menu-bar-nav-item:not(:first-child) {
}

.zen-top-menu-bar-nav-item:not(:last-child) {
    border-bottom: 1px solid #08548e;
}

.zen-top-menu-bar-nav-divider {
    display: none;
    height: 0px;
}

.zen-top-menu-bar-nav-divider:before {
    content: "•";
    color: #00A0E9;
    position: relative;
    top: 0px;
    left: 0px;
}

.zen-top-menu-bar-nav-item label {
    margin: 0px;
    cursor: pointer;
}

.zen-top-menu-bar-nav-item .zen-menu-icon {
    margin: 0px;
    font-size: 16px;
    width: 16px;
    text-align: center;
}

.zen-top-menu-bar-nav-item label span {
    margin-left: 12px;
}

.zen-top-menu-nav-iframe-cover {
    display:none;
    position:absolute;
    left:188px;
    top: 44px;
    bottom:19px;
    right:0px;
    /*
    border: 2px solid red;
    */
}

.zen-top-menu-bar-nav-sub-menu-holder {
    position: absolute;
    top: 0px;
    left: 178px;
    width: 240px;
    bottom: 0px;
    border: 1px solid #08548E;
    border-radius: 14px;
    /*box-shadow: 1px 0px 4px 2px rgba(0, 0, 0, 0.2);*/
    background: #f7f7f7;
}

.zen-top-menu-bar-nav-sub-menu-holder:before {
    content: '';
    position: absolute;
    top: 43px;
    left: 0.2px;
    height: 1px;
    background: #cccccc;
    right: 0.1px;   
}

/* 버튼바 */

.zen-btn-bar {
    display: none;
    position:absolute;
    top:12px;
    list-style-type: none;
    margin:0px;
    padding:0px;
    background-image: linear-gradient(rgb(55,140,205),rgb(35,120,185));
    border: 1px solid #08548e;
    border-radius: 13px;
    /*box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.08);*/
}

.zen-btn-bar-item {
    float:left;
    font-size: 14px;
    color: #B5D2E8;
    padding: 4px 12px 3px 12px;
    margin: 0px;
    cursor: pointer;
    min-width: 72px;
    text-align: center;
}

.zen-btn-bar-item.disable {
    background-image: linear-gradient(#5B86A6,#517B9C);
    color: #86a4b8;
    cursor: default;
}

.zen-btn-bar-item.disable label {
    cursor: default;
}

.zen-btn-bar-item.disable span {
    cursor: default;
}

.zen-btn-bar-item.active:not(.disable) {
    background-image: linear-gradient(rgb(51,128,186),rgb(31,108,166));
    color: #dde4ea;
}

.zen-btn-bar-item:hover:not(.active):not(.disable) {
    background-image: linear-gradient(rgb(104,170,221),rgb(84,150,201));
    color: #dde4ea;
}

.zen-btn-bar-item:first-child {
    padding-left: 12px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.zen-btn-bar-item:last-child {
    padding-right: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.zen-btn-bar-item:not(:first-child) {
}

.zen-btn-bar-item:not(:last-child) {
    border-right: 1px solid #08548e;
}        

.zen-btn-bar-item-label {
    margin: 0px 0px 0px 3px;
    cursor: pointer;
}

.zen-btn-bar-item-icon {
    margin: 0px;
    font-size: 14px;
    width: 14px;
    text-align: center;
}

/* 메뉴모드바 */

.zen-menu-mode-bar {
    position:absolute;
    top:7px;
    left:127px;
    list-style-type: none;
    margin:0px;
    padding:0px;
    height: 30px;
    background-image: linear-gradient(rgb(55,140,205),rgb(35,120,185));
    border: 1px solid #08548e;
    border-radius: 13px;
    /*box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.08);*/
}

.zen-menu-mode-bar-item-icon {
    width: 18px;
    height: 17px;
    vertical-align: middle;
    padding-top: 1px;
}

.zen-menu-mode-bar-item {
    float:left;
    padding-left: 6px;
    padding-right: 6px;
    margin: 0px;
    cursor: pointer;
    height: 100%;
}

.zen-menu-mode-bar-item:first-child {
    padding-left: 10px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.zen-menu-mode-bar-item:last-child {
    padding-right: 10px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.zen-menu-mode-bar-item:not(:last-child) {
    border-right: 1px solid #08548e;
}        

.zen-menu-mode-bar-item.active:not(.disable) {
    background-image: linear-gradient(rgb(48,116,168),rgb(28,96,148));
}

.zen-menu-mode-bar-item:hover:not(.active):not(.disable) {
    background-image: linear-gradient(rgb(104,170,221),rgb(84,150,201));
}


/* 최상위 메뉴 (OLD) */
.zen-top-menu {
    visibility: hidden;
    position:absolute;
    top:44px;
    left:1px;
    bottom:0px;
    width: 179px;
    min-height: 621px;
    padding: 52px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    font-size: 14px;
    list-style-type: none;
}

.zen-top-menu::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
 
.zen-top-menu::-webkit-scrollbar-thumb {
    opracity : .5;
    background: #E1F5FE99;
    border-radius: 20px;
}

.zen-top-menu::-webkit-scrollbar-track {
    background: #2378B9;
    border-radius: 20px;
}

.zen-top-menu-item {
    margin: 3px 0px 3px 0px;
}

.zen-top-menu .zen-menu-icon {
    margin-right: 14px;
    font-size: 14px;
    width: 13px;
}

.zen-top-menu label {
    display: block;
    color: #B5D2E8;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:4px;
    padding-bottom:4px;
    text-decoration: none !important;
    cursor: pointer;
    margin-bottom: 0px;
}

.zen-top-menu label.active {
    color: #1B5A8A;
    background-color: #F7F7F7;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    box-shadow: 2px 3px 2px 2px rgba(0, 0, 0, 0.2);
}

.zen-top-menu label:hover:not(.active ) {
    opacity: 0.8;
    background-color: #F7F7F7;
    color: #1B5A8A;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    border-right: 1px solid #034A81;
    margin-right: 1px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.zen-menu-horizontal-divider {
    margin: 6px 2px 6px 0px;
    border-top: 1px solid #0A5FA0;
    border-bottom: 1px solid #3a7eb3;
    height: 2px;
}

.zen-submenu-body {
    /*
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 300px;
    right: 0px;
    bottom: 0px;
    */
    display: none;
    position: absolute;
    top: 44px;
    left: 180px;
    width: 187px;
    bottom: 29px;
    border-right: 1px solid #cccccc;
}

.zen-submenu-body-item {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.zen-submenu-title {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    /*border-top-left-radius: 12px;*/
    /*border-top-right-radius: 12px;*/
    height: 43px;
    padding-left: 20px;
    font-size: 15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.zen-submenu-title-text {
    width: 100%;
    line-height: 44px;
}

.zen-submenu-content {
    position: absolute;
    top: 44px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    font-size: 12px;
    overflow-y: hidden;
    overflow-x: hidden;
    /*border-bottom-left-radius: 12px;*/
    /*border-bottom-right-radius: 12px;*/
}

.zen-btn-submenu-close {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 43px;
    color: #AAAAAA;
    font-size: 14px;
    cursor: pointer;
    padding-left: 6px;
    padding-right: 6px;
    border-right: 1px solid #cccccc;
}

.zen-btn-submenu-close:hover {
    background-color: #e0e0e0;
    color: #4e4e4e;
}

.zen-btn-submenu-close i {
    line-height: 44px;
}

.zen-btn-tool {
    color: white;
    background: linear-gradient(#00A0E9, #0080ba);
}

.zen-btn-tool:hover {
    color: white;
    background: linear-gradient(#0080ba, #006694);
}

.zen-main-tabbar {
    /*
    display: flex;
    height: 44px;
    font-size: 14px;
    color: #7C7C7C;
    background-color: #F7F7F7;
    overflow: auto;
    */
    display: flex;
    position: absolute;
    top: 0px;
    left: 187px;
    right: 25.25px;
    height: 44px;
    font-size: 14px;
    color: #7C7C7C;
    overflow: hidden;
}

.zen-main-tabbar::-webkit-scrollbar {
    height: 0px;
}
.zen-main-tabbar::-webkit-scrollbar-thumb {
    background: #034A81;
    border-radius: 8px;
}

.zen-main-tabbar-item {
    float: left;
    height:44px;
    background-color: #F7F7F7;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    margin: -1px;
    padding-left:8px;
    padding-right:8px;
    line-height: 43px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.zen-main-tabbar-item:hover:not(.active) {
    cursor: pointer;
    background: linear-gradient(#E1F5FE, #E1F5FE);
}

.zen-main-tabbar-item.active {
    /*background-image: linear-gradient(rgb(55,140,205),rgb(35,120,185));*/
    background-color: #2378B9;
    color: #fff;
    font-weight: bolder;
    background-size: 600% 600%;
    margin-right: 0px;
    height: 45px;
}

.zen-main-tabbar-highlight {
    background: linear-gradient(#4e93c7, #4e93c7);
    min-width: 100px;
    height:44px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    margin-left:-1px;
}

.zen-main-tabbar-item.ui-sortable-helper {
    border-left: 1px solid #3489CA;
    border-right: 1px solid #3489CA;
}

.zen-main-tabbar-item-label {
    margin-left: 23px;
    line-height: 43px;
    vertical-align: middle;
}

.zen-main-tabbar-item-FRP000020Home {
    padding-left: 14px !important;
    padding-right: 14px !important;
    line-height: 43px;
    padding-top: 2px;
    font-size: 14px;
}

.zen-main-tabbar-item-FRP000020Home.active {
}

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

.zen-btn-main-tabbar-item-close {
    font-size: 15px;
    cursor: pointer;
    visibility: hidden;
    line-height: 43px;
    vertical-align: middle;
    margin-left:8px;
}

.zen-btn-main-tabbar-item-close:hover {
    font-weight: 900;
}

.zen-btn-menu-size-toggle {
    display: none;
    float: left;
    height: 43px;
    color: #AAAAAA;
    font-size: 14px;
    cursor: pointer;
    border-right: 1px solid #cccccc;
    padding-left: 6px;
    padding-right: 6px;
    background-color: #F7F7F7;
}

.zen-btn-menu-size-toggle:hover {
    background-color: #e0e0e0;
    color: #4e4e4e;
}

.zen-btn-menu-size-toggle i {
    line-height: 44px;
}

.zen-main-body-tabbar {
    width:100%;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    background-color: #F7F7F7;
    border-top-left-radius: 8px;
    border-bottom: 1px solid #cccccc;
}

.zen-btn-menu-dropdown {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 44px;
    color: #AAAAAA;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #cccccc;
    padding-left: 6px;
    padding-right: 6px;
    background-color: #e0e0e0;
    z-index: 1;
}

.zen-btn-menu-dropdown:hover {
    color: #444;
    background-color: #b3b3b3;
}

.zen-btn-menu-dropdown i {
    line-height: 44px;
}

.zen-menu-dropdown-container {
    display: none;
    float: left;
    position: absolute;
    top: 89px;
    right: 1px;
    background-color: #2378b9;
    padding: 16px 12px 16px 12px;
    overflow-y: auto;
    max-height: calc(100% - 92px);
    border-left: 1px solid #034A81;
    border-right: 1px solid #034A81;
    border-bottom: 1px solid #2378B9;
    border-bottom-left-radius: 16px;
    background-color: #1D649B;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, .4);
}

.zen-menu-dropdown-holder {
    list-style-type: none;
    padding: 0px;
    text-align: left;
    margin: 0px;
}

.zen-menu-dropdown-item {
    font-size: 14px;
    color: #B5D2E8;
    cursor: pointer;
    line-height: 25px;
    padding-left: 6px;
    padding-right: 6px;
}

.zen-menu-dropdown-item-active {
    background-color: #E1F5FE;
    color: #2378B9;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.zen-menu-dropdown-item-icon {
    font-size: 12px;
    padding-right: 6px;
}

.zen-menu-dropdown-item-icon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f138";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.zen-menu-dropdown-item:hover {
    background-color: #E1F5FE;
    color: #444;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.zen-main-body-footer {
    font-size: 12px;
    width:100%;
}

.zen-main-body-footer-company-registration-number {
    color: #B5D2E8;
    font-size: 12px;
    margin-right: 16px;
    vertical-align: top;
}

.zen-main-body-footer-company-name {
    color: #B5D2E8;
    font-size: 12px;
    margin-right: 16px;
    vertical-align: top;
}

.zen-main-body-footer-version {
    color: #B5D2E8;
    font-size: 12px;
    margin-right: 16px;
    vertical-align: top;
}

.zen-main-body-footer-copyright {
    color: #B5D2E8;
    font-size: 12px;
    margin-right: 16px;
    vertical-align: top;
}

.zen-main-login-company-holder {
    height: 19px;
}

.zen-main-login-company {
    display:none;
    vertical-align: super;
    color: #08548e;
    font-size: 12px;
    background-image: linear-gradient(#B5D2E8,#a2bdd0);
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 1px;
    padding-top: 1px;
    border-radius: 8px;
    border: 1px solid #08548e;
    cursor: pointer;
}

.zen-menu-horizontal-divider {
    margin: 6px 2px 6px 0px;
    border-top: 1px solid #0A5FA0;
    border-bottom: 1px solid #3a7eb3;
    height: 2px;
}

.jqx-tree-item {
    padding: 2px 2px 2px 2px !important;
    border-radius: 0px;
}

.jqx-tree-dropdown-root {
    padding-top: 8px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    margin-left: -2px !important;
}

.itemicon {
    margin-right: 2px !important;
}

.zen-submenu-tree {
    font-family: 'Nanum Gothic', 'sans-serif';
    background-color: #F7F7F7;
    border: none;
    font-size: 14px;
    overflow: hidden;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: 0px;
    padding-left:1px;
}

.zen-main-menu-holder {
    position: absolute;
    top: 44px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-left: 238px;
    background: #f7f7f7;
}

.zen-menu-iframe-container {
    position: absolute;
    top: 44px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #2378B9;
    padding-left: 2px;
    padding-right: 2px;
}

.zen-menu-iframe-container iframe {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.zen-menu-iframe {
    width: 100%;
    height: 100%;
    background: #ffffff;
}

.jqx-tree-item-selected-light {
    background-color: #2378b9;
    color: #fff;
    font-size: 14px;
    /*border-radius: 4px;*/
}

.jqx-tree-item-hover:not(.jqx-tree-item-selected-light ) {
    background-color: #E1F5FE;
    font-size: 14px;
    /*border-radius: 4px;*/
}

.jqx-tree-item-hover-light:not(.jqx-tree-item-selected-light ) {
    color: #444;
}

.jqx-widget-content-light {
    background-color: transparent;
    font-size: 14px;
}

.jqx-tree-dropdown-root-light {
    font-size: 14px;
}

.jqx-panel {
    border: 0px;
}

#jqxTree li {
    font-size: 14px;
}

#lottieContainer {
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    height: 100%;
    width: 100%;
    background-color: #000000;
    opacity: 0.1;
}

#lottie {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 128px;
    height: 128px;
    display: block;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    text-align: center;
    opacity: 1;
    margin: auto;
    display: none;
}

/* Popup */

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

/* radio-selection-popup */

.radio-selection-window {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    z-index: 2;
}

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

.radio-selection-window-container {
    font-size: 14px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .5);
    border-radius: 8px;
    border: 1px solid #2378B9;
    border-left-width: 2px;
    border-right-width: 2px;
    overflow: hidden;
    background: #2378B9;
}

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

.radio-selection-title-icon {
    display: inline-block;
    float:left;
    font-size: 18px;
    color: #00A0E9;
}

.radio-selection-title-text {
    float:left;
    margin-left:8px;
}

.radio-selection-window-close-button {
    float:left;
    float: right;
    height: 100%;
    width: 32px;
    text-align: center;
    cursor: pointer;
    z-index: 9999;
    border: 1px solid transparent;
}

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

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

.radio-selection-content {
    position: absolute;
    top: 44px;
    left: 0px;
    right: 0px;
    bottom: 44px;
    padding: 32px;
    background: #ffffff;
}

.radio-selection-message {
    font-size: 14px;
    font-family: 'Nanum Gothic';
}

.radio-selection-popup-value {
    margin-top: 8px;
    width: 100%;
}

.radio-selection-message-container {
    border: 1px solid #cccccc;
    border-radius: 4px;
    overflow: auto;
    padding: 8px;
    position: absolute;
    top: 32px;
    left: 32px;
    right: 32px;
    bottom: 32px;
}

.radio-selection-items-container {
    list-style: none;
    margin-top: 8px
}

.radio-selection-type-radio-item {
    padding-left: 0px;
    margin-left: 8px;
    margin-bottom: 8px;
}

.zen-approval-type-radio {
    line-height: 24px;
    vertical-align: middle;
}

.zen-approval-type-radio-rabel {
    margin-left: 8px;
    line-height: 24px;
    vertical-align: middle;
}

.radio-selection-message {
    display: inline;
    font-size: 14px;
    font-family: 'Nanum Gothic';
    vertical-align: sub;
    margin-left: 8px;
}

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

.radio-selection-type-radio {
    margin-right: 4px;
    vertical-align: middle;
}

.radio-selection-type-radio-rabel {
    vertical-align: middle;
    margin-right: 16px;
}

/* prompt-popup */

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

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

.prompt-window-container {
    font-size: 14px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .5);
    border-radius: 8px;
    border: 1px solid #2378B9;
    border-left-width: 2px;
    border-right-width: 2px;
    overflow: hidden;
    background: #2378B9;
}

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

.prompt-title-icon {
    display: inline-block;
    float:left;
    font-size: 18px;
    color: #00A0E9;
}

.prompt-title-text {
    float:left;
    margin-left:8px;
}

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

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

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

.prompt-content {
    position: absolute;
    top: 44px;
    left: 0px;
    right: 0px;
    bottom: 44px;
    padding: 32px;
    background: #ffffff;
    border-radius: 8px;
}

.prompt-message {
    font-size: 14px;
    font-family: 'Nanum Gothic';
}

.prompt-popup-value {
    margin-top: 8px;
    width: 100%;
}

.prompt-message-container {
    border: 1px solid #cccccc;
    border-radius: 4px;
    overflow: auto;
    padding: 8px;
    position: absolute;
    top: 32px;
    left: 32px;
    right: 32px;
    bottom: 32px;
}

.prompt-message {
    display: inline;
    font-size: 14px;
    font-family: 'Nanum Gothic';
    vertical-align: sub;
}

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

/* alert-popup */

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

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

.alert-window-container {
    font-size: 14px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .5);
    border-radius: 8px;
    border: 1px solid #2378B9;
    border-left-width: 2px;
    border-right-width: 2px;
    overflow: hidden;
    background: #2378B9;
}

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

.alert-title-icon {
    display: inline-block;
    float:left;
    font-size: 18px;
    color: #00A0E9;
}

.alert-title-text {
    float:left;
    margin-left:8px;
}

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

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

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

.alert-content {
    position: absolute;
    top: 44px;
    left: 0px;
    right: 0px;
    bottom: 44px;
    padding: 32px;
    background: #ffffff;
    border-radius: 8px;
}

.alert-message {
    font-size: 14px;
    font-family: 'Nanum Gothic';
}

.alert-message-container {
    border: 1px solid #cccccc;
    border-radius: 4px;
    overflow: auto;
    padding: 8px;
    position: absolute;
    top: 32px;
    left: 32px;
    right: 32px;
    bottom: 32px;
}

.alert-message {
    display: inline;
    font-size: 14px;
    font-family: 'Nanum Gothic';
    vertical-align: sub;
}

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

/* confirm-popup */

.confirm-window {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    z-index: 2;    
}

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

.confirm-window-container {
    font-size: 14px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .5);
    border-radius: 8px;
    border: 1px solid #2378B9;
    border-left-width: 2px;
    border-right-width: 2px;
    overflow: hidden;
    background: #2378B9;
}

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

.confirm-title-icon {
    display: inline-block;
    float:left;
    font-size: 18px;
    color: #00A0E9;
}

.confirm-title-text {
    float:left;
    margin-left:8px;
}

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

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

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

.confirm-content {
    position: absolute;
    top: 44px;
    left: 0px;
    right: 0px;
    bottom: 44px;
    padding: 32px;
    background: #ffffff;
    border-radius: 8px;
}

.confirm-message {
    font-family: 'Nanum Gothic';
    font-size: 14px;
}

.confirm-message-container {
    border: 1px solid #cccccc;
    border-radius: 4px;
    overflow: auto;
    padding: 8px;
    position: absolute;
    top: 32px;
    left: 32px;
    right: 32px;
    bottom: 32px;
}

.confirm-message {
    display: inline;
    font-size: 14px;
    font-family: 'Nanum Gothic';
    vertical-align: sub;
}

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

/* findDataGridCellText-popup */

.findDataGridCellText-window {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    z-index: 2;    
}

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

.findDataGridCellText-window-container {
    font-size: 14px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .5);
    border-radius: 8px;
    border: 1px solid #2378B9;
    border-left-width: 2px;
    border-right-width: 2px;
    overflow: hidden;
    background: #2378B9;
}

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

.findDataGridCellText-title-icon {
    display: inline-block;
    float:left;
    font-size: 18px;
    color: #00A0E9;
}

.findDataGridCellText-title-text {
    float:left;
    margin-left:8px;
}

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

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

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

.findDataGridCellText-content {
    position: absolute;
    top: 44px;
    left: 0px;
    right: 0px;
    bottom: 44px;
    padding: 32px;
    background: #ffffff;
    border-radius: 8px;
}

.findDataGridCellText-message {
    font-size: 14px;
    font-family: 'Nanum Gothic';
}

.findDataGridCellText-message-container {
    border: 1px solid #cccccc;
    border-radius: 4px;
    overflow: auto;
    padding: 8px;
    position: absolute;
    top: 32px;
    left: 32px;
    right: 32px;
    bottom: 32px;
}

.findDataGridCellText-message {
    display: inline;
    font-size: 14px;
    font-family: 'Nanum Gothic';
    vertical-align: sub;
}

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

/* radio-popup */

.radio-window {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    z-index: 2;    
}

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

.radio-window-container {
    font-size: 14px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .5);
    border-radius: 8px;
    border: 1px solid #2378B9;
    border-left-width: 2px;
    border-right-width: 2px;
    overflow: hidden;
    background: #2378B9;
}

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

.radio-title-icon {
    display: inline-block;
    float:left;
    font-size: 18px;
    color: #00A0E9;
}

.radio-title-text {
    float:left;
    margin-left:8px;
}

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

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

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

.radio-content {
    position: absolute;
    top: 44px;
    left: 0px;
    right: 0px;
    bottom: 44px;
    padding: 32px;
    background: #ffffff;
    border-radius: 8px;
}

.radio-message {
    font-size: 14px;
    font-family: 'Nanum Gothic';
}

.radio-message-container {
    border: 1px solid #cccccc;
    border-radius: 4px;
    overflow: auto;
    padding: 8px;
    position: absolute;
    top: 32px;
    left: 32px;
    right: 32px;
    bottom: 32px;
}

.radio-message {
    display: inline;
    font-size: 14px;
    font-family: 'Nanum Gothic';
    vertical-align: sub;
}

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

/* post-popup */

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

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

.post-window-container {
    font-size: 14px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .5);
    border-radius: 8px;
    border: 1px solid #2378B9;
    border-left-width: 2px;
    border-right-width: 2px;
    overflow: hidden;
    background: #2378B9;
    width: 536px;
    height: 438px;    
}

.post-title {
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
    padding-left: 30px;
    padding-right: 23px;
    font-size: 16px;
    font-weight: bold;
    background: #2378B9;
    color: #ffffff;
    border-bottom: 1px solid #2378B9;
    cursor: move;
}

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

.post-title-text {
    float:left;
    margin-left:8px;
}

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

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

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

.post-content {
    position: absolute;
    top: 44px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}

/* manual-popup */

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

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

.manual-window-container {
    font-size: 14px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .5);
    border-radius: 8px;
    border: 1px solid #2378B9;
    border-left-width: 2px;
    border-right-width: 2px;
    overflow: hidden;
    background: #2378B9;
}

.manual-title {
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
    padding-left: 30px;
    padding-right: 23px;
    font-size: 16px;
    font-weight: bold;
    background: #2378B9;
    color: #ffffff;
    border-bottom: 1px solid #2378B9;
    cursor: move;
}

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

.manual-title-text {
    float:left;
    margin-left:8px;
}

.manual-window-close-button {
    float: right;
    height: 100%;
    width: fit-content;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
}

.manual-window-close-button:hover {
    border-color: #00A0E9
}

.manual-window-close-button-icon {
    font-size: 24px;
    color: #00A0E9;
}

.manual-content {
    position: absolute;
    top: 44px;
    left: 0px;
    right: 0px;
    bottom: 44px;
    line-height: 14px;
    background: #ffffff;
    padding-top: 38px;
    border-radius: 8px;
}

.manual-message {
    font-size: 14px;
    font-family: 'Nanum Gothic';
    line-height: 25px;
    word-wrap: break-word;
    white-space: normal;
}

.manual-stacktrace-container {
    border: 1px solid #cccccc;
    border-radius: 4px;
    overflow: auto;
    padding: 8px;
    position: absolute;
    top: 41px;
    left: 8px;
    right: 8px;
    bottom: 8px;
}

.manual-stacktrace {
    display: inline;
    font-size: 14px;
    font-family: 'Nanum Gothic';
    vertical-align: sub;
}

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

/* error-popup */

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

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

.error-window-container {
    font-size: 14px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .5);
    border-radius: 8px;
    border: 1px solid #2378B9;
    border-left-width: 2px;
    border-right-width: 2px;
    overflow: hidden;
    background: #2378B9;
}

.error-title {
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
    padding-left: 30px;
    padding-right: 23px;
    font-size: 16px;
    font-weight: bold;
    background: #2378B9;
    color: #ffffff;
    border-bottom: 1px solid #2378B9;
    cursor: move;
}

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

.error-title-text {
    float:left;
    margin-left:8px;
}

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

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

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

.error-content {
    position: absolute;
    top: 44px;
    left: 0px;
    right: 0px;
    bottom: 44px;
    line-height: 14px;
    background: #ffffff;
    padding-top: 38px;
    border-radius: 8px;
    border-radius: 8px;
}

.error-message {
    font-size: 14px;
    font-family: 'Nanum Gothic';
    line-height: 25px;
    word-wrap: break-word;
    white-space: normal;
}

.error-stacktrace-container {
    border: 1px solid #cccccc;
    border-radius: 4px;
    overflow: auto;
    padding: 8px;
    position: absolute;
    top: 41px;
    left: 8px;
    right: 8px;
    bottom: 8px;
}

.error-stacktrace {
    display: inline;
    font-size: 14px;
    font-family: 'Nanum Gothic';
    vertical-align: sub;
}

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

/* lock-popup */

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

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

.lock-window-container {
    font-size: 14px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .5);
    border-radius: 8px;
    border: 1px solid #2378B9;
    border-left-width: 2px;
    border-right-width: 2px;
    overflow: hidden;
    background: #2378B9;
}

.lock-title {
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
    padding-left: 30px;
    padding-right: 23px;
    font-size: 16px;
    font-weight: bold;
    background: #2378B9;
    color: #ffffff;
    border-bottom: 1px solid #2378B9;
    cursor: move;
}

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

.lock-title-text {
    float:left;
    margin-left:8px;
}

.lock-window-close-button {
    float: right;
    height: 100%;
    width: 32px;
    text-align: center;
    cursor: pointer;
}

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

.lock-content {
    position: absolute;
    top: 44px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 25px 32px 32px 32px;
    background: #ffffff;
    border-radius: 8px;
}

.lock-message {
    font-size: 14px;
    font-family: 'Nanum Gothic';
    padding-left: 4px;
}

.lock-details-container {
    border: 1px solid #1D649B;
    border-radius: 4px;
    overflow: auto;
    padding: 0px 8px;
    position: absolute;
    top: 70px;
    left: 32px;
    right: 32px;
    bottom: 32px;
}

.lock-details {
    display: inline;
    font-size: 14px;
    vertical-align: sub;
    font-size: 14px;
    font-family: 'Nanum Gothic';
}

/* finder-popup */

.zen-btn-remove-recent-menu-item {
    cursor: pointer;
    opacity: 0.5;
    font-size: 13px;
    margin-left: 8px;
    display:none;
}

.zen-btn-remove-recent-menu {
    float: right;
    margin-right: 20px;
    cursor: pointer;
    opacity: 0.5;
    line-height: 43px;
    font-size: 13px;
}

.zen-btn-remove-recent-menu:hover {
    opacity: 0.8;
}

/* 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 {
    font-size: 14px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .5);
    border-radius: 8px;
    border: 1px solid #2378B9;
    border-left-width: 2px;
    border-right-width: 2px;
    overflow: hidden;
    background: #2378B9 !important;
}

.popup-window-container-contents {
    position:absolute;
    top:44px;
    right:0px;
    bottom:0px;
    left:0px;
}

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

.popup-window-internal-icon {
    float: left;
    font-size: 36px;
    color: #00A0E9;
    width: 22px;
    height: 22px;
    line-height: 44px;
    padding-top: 10px;
    cursor: pointer;
    margin-right: 10px;
}

.popup-window-internal-icon:hover {
    color: #32b3ed;
}

.popup-window-internal-icon:active {
    color: #0080ba;
}

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

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

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

.popup-window-close-button:hover {
    border-color: #00A0E9;
}

.popup-window-close-button-icon {
    font-size: 24px;
    color: #00A0E9;
}

.popup-window-condition {
    margin: 0px;
    border: none;
    height: 59px;
    display: grid;
    border-radius: 0px;
    background: #ffffff;
}

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

.popup-window-condition-table {
    display: table;
    white-space: nowrap;
    border-spacing: 4px;
    border: 1px solid #CCCCCC;
    background: #FAFAFA;
    padding: 0px;
    border-radius: 4px;
    margin: 8px;
}

.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;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

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

.popup-window-grid {
    
}

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

.zen-menu-icon-at-title {
    margin-right: 8px;
    color: #9F9F9F;
}

.zen-top-menu-nav {
    display:none;
    position:absolute;
    top: 44px;
    left: 1px;
    bottom:19px;
    width: 179px;
    padding: 52px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    font-size: 14px;
    list-style-type: none;
    background: #1d649b;
    box-shadow: 7px 0px 0px 0px rgba(0, 0, 0, 0.25);
    border-right: 2px solid #034a81;
}

.zen-top-menu-nav::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
 
.zen-top-menu-nav::-webkit-scrollbar-thumb {
    opracity : .5;
    background: #E1F5FE99;
    border-radius: 20px;
}

.zen-top-menu-nav::-webkit-scrollbar-track {
    background: #2378B9;
    border-radius: 20px;
}

.zen-top-menu-item-nav {
    margin: 3px 0px 3px 0px;
}

.zen-top-menu-nav .zen-menu-icon {
    margin-right: 14px;
    font-size: 14px;
    width: 13px;
}

.zen-top-menu-nav label {
    display: block;
    color: #B5D2E8;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:4px;
    padding-bottom:4px;
    text-decoration: none !important;
    cursor: pointer;
    margin-bottom: 0px;
}

.zen-top-menu-nav label.active {
    color: #1B5A8A;
    background-color: #F7F7F7;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    box-shadow: 2px 3px 2px 2px rgba(0, 0, 0, 0.2);
}

.zen-top-menu-nav label:hover:not(.active ) {
    opacity: 0.8;
    background-color: #F7F7F7;
    color: #1B5A8A;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    border-right: 1px solid #034A81;
    margin-right: 1px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.zen-menu-horizontal-divider-nav {
    margin: 6px 2px 6px 0px;
    border-top: 1px solid #0A5FA0;
    border-bottom: 1px solid #3a7eb3;
    height: 2px;
}

.zen-menu-bridge {
    position: absolute;
    display: none;
    box-shadow: 0px 5px 0px 0px rgba(18, 86, 138, 0.6);
    border-top: 1px solid #08548e;
    border-bottom: 1px solid #08548e;
    background: #F7F7F7;
    width: 16px;
    height: 35px;
}

.jqx-scrollbar {
    opacity: 0.6;
    /*left: 0px !important;*/
    cursor: pointer;
}

.jqx-scrollbar-state-normal {
    background: #F7F7F7;
    opacity: 0.6;
}

.jqx-scrollbar-button-state-normal {
    visibility: hidden;
}

.jqx-scrollbar-thumb-state-normal {
    width: 10px !important;
}

.jqx-scrollbar-thumb-state-normal-horizontal {
    top: 2px !important;
    height: 10px !important;
    display: none !important;
}

.zen-main-scale-list-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index:2;
}

.zen-main-scale-list-outer {
    position: absolute;
    top: 0;
    left: 0px;
    background: #000000;
    opacity: 0.00000001;
    width: 100%;
    height: 100%;
}

.zen-main-scale-list-outer-ignore {
    position: absolute;
    right: 42px;
    bottom: 0px;
    width: 36px;
    height: 20px;
    background: #000000;
    opacity: 0.0000001;
}

.zen-main-scale-list {
    position: absolute;
    right: 17px;
    bottom: 4px;
    list-style-type: none;
    background: #1D649B;
    border: 1px solid #034a81;
    padding: 4px 18px 2px 18px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.zen-main-scale-list-item {
    font-size: 12px; 
    color: #B5D2E8;
    padding: 0px 8px 2px 9px;
    cursor: pointer;
    text-align: right;
}

.zen-main-scale-list-item.active {
    color: #d2e4f1;
    background-image: linear-gradient(rgb(0, 145, 255),rgb(0, 71, 123));
    border-radius: 10px;
}

.zen-main-scale-list-item:hover:not(.active) {
    background:#5496c9;
    background-image: linear-gradient(rgb(104,170,221),rgb(84,150,201));
    border-radius: 10px;
}

.popup-window-title-menu {
}

.popup-window-title-menu-text {
    margin-left: 8px;
}

.popup-window-title-popup-of-menu-popup-text {
    margin-left: 8px;
}

.zen-btn-show-error-stacktrace {
    text-align: center;
}

.zen-menu-title {
    width: fit-content;
}

.zen-menu-row-state {
    right: 58px;
}

.zen-menu-external {
    display: none;
}

.zen-popup-external {
    float: right;
    width: 20px;
    height: 20px;
    color: #00A0E9;
    cursor: pointer;
    font-size: 22px;
    margin-right: 10px;
}

.zen-main-container-popup-menu::-webkit-scrollbar {
    width: 6px;
    height:6px;
}

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


.zen-popup-transparency-slider {
    float: right;
    width: 40px;
    background: transparent;
    margin-top: 16px;
    margin-right: 32px;
    border-radius: 6px;
    border: 1px solid #00A0E9 !important;
}

.popup-window-container-menu {
    /*background: transparent;*/
}

.ui-slider-horizontal .ui-slider-handle {
    left: 58%;
    background: linear-gradient(#2378b9, #2378b9);
    border: 1px solid #00A0E9 !important;
    border-radius: 12px;
    color: #B5D2E8;
    font-size: 15px;
    line-height: 23px;
    width: 40px;
    height: 25px;
    text-align: center;
    vertical-align: middle; 
}

.ui-slider-horizontal .ui-slider-handle {
    top: -8px !important;
    outline: none;
    cursor: pointer;
}

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

.ui-state-active {
    background: linear-gradient(#5496c9, #5496c9) !important;
    color: #fff;
}