/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
.animation-tempo-250, aside.main-sidebar, aside.main-sidebar .overlay-mask, aside.main-sidebar .close, aside.main-sidebar .menu-wrap .logo-disp .icon, aside.main-sidebar .menu-wrap .logo-disp span, aside.main-sidebar .menu-wrap .mem-info .name, aside.main-sidebar .menu-wrap .change-pw, aside.main-sidebar .menu-wrap .member-disp, aside.main-sidebar .menu-wrap .menu-list li .naviga-link, aside.main-sidebar .menu-wrap .menu-list li .naviga-link .txt, aside.main-sidebar .menu-wrap .menu-list li .naviga-link .svg-inline--fa, nav.main-header, .wrap-main-gap, footer {
  -moz-transition-duration: 250ms;
  -o-transition-duration: 250ms;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.animation-tempo-350, aside.main-sidebar .menu-wrap > *, aside.main-sidebar .menu-wrap .menu-list li .naviga-link ~ ul, nav.main-header .inner-wrap, .menu-bar .inner-icon, .menu-bar .inner-icon:before, .menu-bar .inner-icon:after {
  -moz-transition-duration: 350ms;
  -o-transition-duration: 350ms;
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.animation-tempo-400 {
  -moz-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.animation, .multi-lang .lang-list {
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

[v-cloak] {
  display: none !important;
}

body.dark-mode {
  color: #e1e6ea;
}
body.dark-mode a.normal-color {
  color: #e1e6ea;
}
@media only screen and (min-width: 1025px) {
  body.dark-mode a.normal-color:hover {
    color: #b3b3b3;
  }
}
body.dark-mode .mask-bg .message-box {
  background: #484848;
}
body.dark-mode #goTop #anchorGoTop {
  background: rgba(33, 33, 33, 0.8);
}
body.dark-mode select, body.dark-mode input, body.dark-mode textarea, body.dark-mode .fstElement, body.dark-mode .fstResults {
  background: #424242;
}
body.dark-mode select:focus, body.dark-mode input:focus, body.dark-mode textarea:focus, body.dark-mode .fstElement:focus, body.dark-mode .fstResults:focus {
  background-color: #424242;
}
body.dark-mode .bootstrap-switch .bootstrap-switch-label {
  background: #424242;
}
body.dark-mode .fstElement .fstControls {
  background: #424242;
}
body.dark-mode .fstMultipleMode .fstChoiceItem {
  border: 1px solid #e1e6ea;
  background-color: #e1e6ea;
  color: #212121;
}
body.dark-mode .fstResultItem {
  color: #e1e6ea;
}
body.dark-mode .fstResultItem.fstSelected {
  background-color: #1b1d1f;
  color: #9c9c9c;
}
body.dark-mode .fstChoiceRemove {
  color: #212121;
}
body.dark-mode select, body.dark-mode input, body.dark-mode textarea {
  color: #e1e6ea;
}
body.dark-mode input:-moz-placeholder, body.dark-mode textarea:-moz-placeholder {
  color: #9c9c9c;
}
body.dark-mode input::-moz-placeholder, body.dark-mode textarea::-moz-placeholder {
  color: #9c9c9c;
}
body.dark-mode input:-ms-input-placeholder, body.dark-mode textarea:-ms-input-placeholder {
  color: #9c9c9c;
}
body.dark-mode input::-webkit-input-placeholder, body.dark-mode textarea::-webkit-input-placeholder {
  color: #9c9c9c;
}
body.dark-mode input:disabled, body.dark-mode input:read-only, body.dark-mode textarea:disabled, body.dark-mode textarea:read-only {
  background-color: #9a9a9a;
}
body.dark-mode input:disabled:-moz-placeholder, body.dark-mode input:read-only:-moz-placeholder, body.dark-mode textarea:disabled:-moz-placeholder, body.dark-mode textarea:read-only:-moz-placeholder {
  color: #5f5f5f;
}
body.dark-mode input:disabled::-moz-placeholder, body.dark-mode input:read-only::-moz-placeholder, body.dark-mode textarea:disabled::-moz-placeholder, body.dark-mode textarea:read-only::-moz-placeholder {
  color: #5f5f5f;
}
body.dark-mode input:disabled:-ms-input-placeholder, body.dark-mode input:read-only:-ms-input-placeholder, body.dark-mode textarea:disabled:-ms-input-placeholder, body.dark-mode textarea:read-only:-ms-input-placeholder {
  color: #5f5f5f;
}
body.dark-mode input:disabled::-webkit-input-placeholder, body.dark-mode input:read-only::-webkit-input-placeholder, body.dark-mode textarea:disabled::-webkit-input-placeholder, body.dark-mode textarea:read-only::-webkit-input-placeholder {
  color: #5f5f5f;
}
body.dark-mode .btn-default {
  background-color: #424242;
  border-color: #9c9c9c;
  color: #e1e6ea;
}
@media only screen and (min-width: 1025px) {
  body.dark-mode .btn-default:hover {
    background-color: #5f5e5e;
    color: #c3c3c3;
  }
}
body.dark-mode .sel.shift:before {
  border-bottom-color: #e1e6ea;
}
body.dark-mode .sel:after {
  border-top-color: #e1e6ea;
}
body.dark-mode .round-btn span, body.dark-mode .tick-btn span {
  color: #e1e6ea;
}
body.dark-mode .round-btn input[type="checkbox"]:checked ~ span, body.dark-mode .round-btn input[type="radio"]:checked ~ span {
  color: #fff;
}
body.dark-mode .round-btn input[type="checkbox"]:checked ~ span:after, body.dark-mode .round-btn input[type="radio"]:checked ~ span:after {
  border: 1px solid #fff;
}
body.dark-mode .round-btn input[type="checkbox"]:disabled ~ span:after, body.dark-mode .round-btn input[type="radio"]:disabled ~ span:after {
  background: #9a9a9a;
}
body.dark-mode .round-btn span:before {
  background: #e1e6ea;
}
body.dark-mode .tick-btn span .icon:before {
  background: #212121;
}
body.dark-mode .tick-btn span .fa-check {
  color: #e1e6ea;
}
body.dark-mode .tick-btn input[type="checkbox"]:checked ~ span {
  color: #fff;
}
body.dark-mode .tick-btn input[type="checkbox"]:checked ~ span:before {
  border-color: #fff;
}
body.dark-mode .tick-btn input[type="checkbox"]:disabled ~ span {
  color: #898989;
}
body.dark-mode .tick-btn input[type="checkbox"]:disabled ~ span .icon:before {
  background: #9a9a9a;
}
body.dark-mode nav, body.dark-mode .card, body.dark-mode footer, body.dark-mode .ori-bg {
  background: #212121;
}
body.dark-mode .ori-bg-reverse {
  background: #fff;
  color: #000;
}
body.dark-mode .ori-shadow {
  -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.125), 0 1px 3px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.125), 0 1px 3px rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.125), 0 1px 3px rgba(255, 255, 255, 0.2);
}
body.dark-mode aside.main-sidebar .close .icon-close {
  color: #e1e6ea;
}
@media only screen and (min-width: 1025px) {
  body.dark-mode .menu-bar:hover .inner-icon {
    background: #b3b3b3;
  }
  body.dark-mode .menu-bar:hover .inner-icon:before, body.dark-mode .menu-bar:hover .inner-icon:after {
    background: #b3b3b3;
  }
}
body.dark-mode .menu-bar .inner-icon {
  background: #e1e6ea;
}
body.dark-mode .menu-bar .inner-icon:before, body.dark-mode .menu-bar .inner-icon:after {
  background: #e1e6ea;
}
body.dark-mode .gray-bg {
  background: #424242;
}
body.dark-mode .card-head {
  border-bottom: 1px solid #505050;
}
@media only screen and (min-width: 1025px) {
  body.dark-mode .pagination li a.selected:hover {
    color: #fff;
  }
}
@media only screen and (min-width: 1025px) {
  body.dark-mode .pagination li a:hover {
    background: #989898;
    color: #2f3031;
  }
  body.dark-mode .pagination li a:hover.shift-icon {
    background: transparent;
    color: #e1e6ea;
  }
}
body.dark-mode .data-table .row-wrap:nth-child(2n+1) {
  background: #424242;
}
body.dark-mode .data-table .row-wrap.title {
  background: #3e4c59;
  border-right: 1px solid #d5d6d8;
  border-left: 1px solid #d5d6d8;
}
body.lg-font {
  font-size: 16px;
}
body.sm-font {
  font-size: 13px;
}

aside.main-sidebar {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 201;
}
@media only screen and (min-width: 1025px) {
  aside.main-sidebar {
    -moz-transition-property: width;
    -o-transition-property: width;
    -webkit-transition-property: width;
    transition-property: width;
    -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }
}
@media only screen and (max-width: 1024px) {
  aside.main-sidebar {
    left: -215px;
    -moz-transition-property: left;
    -o-transition-property: left;
    -webkit-transition-property: left;
    transition-property: left;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
aside.main-sidebar[class*=sidebar-dark-] .logo-disp, aside.main-sidebar[class*=sidebar-dark-] .mem-info {
  border-bottom: 1px solid #f6f8fc;
  border-color: #f6f8fc;
    background: #f6f8fc;
}
aside.main-sidebar[class*=sidebar-dark-] .menu-wrap {
  background: #676975;
}
aside.main-sidebar[class*=sidebar-dark-] .menu-wrap .naviga-link.open {
  color: #202124;
  background: #42434b;
}
aside.main-sidebar[class*=sidebar-dark-] .menu-wrap .naviga-link.open > .svg-inline--fa {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
aside.main-sidebar[class*=sidebar-dark-] .menu-wrap .naviga-link.open > .svg-inline--fa:nth-of-type(2) {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
aside.main-sidebar[class*=sidebar-dark-] .menu-wrap .naviga-link.open > .fa-folder-open, aside.main-sidebar[class*=sidebar-dark-] .menu-wrap .naviga-link.open .fa-file-alt {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
aside.main-sidebar[class*=sidebar-dark-] .menu-wrap .naviga-link.open > .fa-angle-left {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media only screen and (max-width: 1024px) {
  aside.main-sidebar[class*=sidebar-dark-] .menu-wrap .naviga-link.open > .fa-angle-left {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
aside.main-sidebar[class*=sidebar-dark-] .menu-wrap .naviga-link.open .txt {
    color: #202124;
    font-weight: bold;
}
aside.main-sidebar[class*=sidebar-dark-] .menu-wrap .naviga-link.show {
  background: none;
}
@media only screen and (min-width: 1025px) {
  aside.main-sidebar[class*=sidebar-dark-] .menu-wrap .naviga-link:hover {
    background: #42434b;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  aside.main-sidebar[class*=sidebar-dark-] .menu-wrap .naviga-link:hover .svg-inline--fa {
    background: #42434b;
  }
}
aside.main-sidebar[class*=sidebar-dark-] .menu-wrap .naviga-link.active {
  background: #42434b !important;
}
aside.main-sidebar[class*=sidebar-dark-] .menu-wrap .naviga-link.active:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
aside.main-sidebar[class*=sidebar-dark-] .menu-wrap .naviga-link.active .svg-inline--fa {
  background: #42434b !important;
}
aside.main-sidebar[class*=sidebar-light-] {
  color: #343a40;
}
aside.main-sidebar[class*=sidebar-light-] a {
  color: #343a40;
}
aside.main-sidebar[class*=sidebar-light-] .logo-disp, aside.main-sidebar[class*=sidebar-light-] .mem-info {
  border-bottom: 1px solid #dee2e6;
}
aside.main-sidebar[class*=sidebar-light-] .menu-wrap {
  background: #f7f7f7;
}
@media only screen and (min-width: 1025px) {
  aside.main-sidebar[class*=sidebar-light-] .menu-wrap .naviga-link:hover {
    background: #dedede;
  }
}
aside.main-sidebar[class*=sidebar-light-] .menu-wrap .naviga-link.active {
  background: #bdbdbd;
}
@media only screen and (min-width: 1025px) {
  aside.main-sidebar.expansion {
    width: 215px;
  }
  aside.main-sidebar.expansion .menu-wrap .menu-list li .naviga-link.open > .fa-angle-left {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  aside.main-sidebar.sidebar-collapse {
    width: 70px;
  }
  aside.main-sidebar.sidebar-collapse:hover {
    width: 215px;
    transition-duration: 0s;
  }
  aside.main-sidebar.sidebar-collapse:not(:hover) .menu-wrap .menu-list li.lv1 > .naviga-link {
    height: auto;
  }
  aside.main-sidebar.sidebar-collapse:not(:hover) .menu-wrap .menu-list li.lv1 > .naviga-link.open {
    background: #42434b;
  }
  aside.main-sidebar.sidebar-collapse:not(:hover) .menu-wrap .menu-list li.lv1 > .naviga-link.open ~ ul {
    max-height: 0 !important;
  }
  aside.main-sidebar.sidebar-collapse:not(:hover) .menu-wrap .menu-list li.lv1 > .naviga-link .svg-inline--fa {
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  aside.main-sidebar.sidebar-collapse:not(:hover) .menu-wrap .menu-list li.lv1 > .naviga-link .txt {
    padding-top: 30px;
    white-space: normal;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    text-align: center;
    line-height: 140%;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  aside.main-sidebar.sidebar-collapse:not(:hover) .menu-wrap .change-pw, aside.main-sidebar.sidebar-collapse:not(:hover) .menu-wrap .client, aside.main-sidebar.sidebar-collapse:not(:hover) .menu-wrap .member-disp {
    max-width: 70px;
    border-top-width: 0;
    border-bottom-width: 0;
    overflow: hidden;
  }
  aside.main-sidebar.sidebar-collapse ~ nav.main-header {
    width: -moz-calc((100% - 70px));
    width: -webkit-calc((100% - 70px));
    width: calc((100% - 70px));
  }
  aside.main-sidebar.sidebar-collapse ~ #content .wrap-main-gap {
    margin-left: 70px;
  }
  aside.main-sidebar.sidebar-collapse .menu-wrap .logo-disp.client {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  aside.main-sidebar.sidebar-collapse .menu-wrap .logo-disp .icon, aside.main-sidebar.sidebar-collapse .menu-wrap .logo-disp span {
    -moz-transition-property: max-width, margin-left, opacity;
    -o-transition-property: max-width, margin-left, opacity;
    -webkit-transition-property: max-width, margin-left, opacity;
    transition-property: max-width, margin-left, opacity;
  }
  aside.main-sidebar.sidebar-collapse .menu-wrap .logo-disp span {
    margin-left: -10px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  aside.main-sidebar.sidebar-collapse .menu-wrap .mem-info .name {
    margin-left: -10px;
  }
  aside.main-sidebar.sidebar-collapse .menu-wrap .mem-info .name, aside.main-sidebar.sidebar-collapse .menu-wrap .mem-info .svg-inline--fa {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition-property: margin-left, opacity;
    -o-transition-property: margin-left, opacity;
    -webkit-transition-property: margin-left, opacity;
    transition-property: margin-left, opacity;
  }
  aside.main-sidebar.sidebar-collapse .menu-wrap .menu-list li.lv1 > .naviga-link {
    transition-delay: 0s !important;
    transition-duration: 0s  !important;
  }
  aside.main-sidebar.sidebar-collapse .menu-wrap .menu-list li.lv1 > .naviga-link.open ~ ul {
    transition-delay: 0s  !important;
    transition-duration: 0s  !important;
  }
  aside.main-sidebar.sidebar-collapse .menu-wrap .menu-list li.lv1 > .naviga-link .svg-inline--fa {
    transition-delay: 0s  !important;
    transition-duration: 0s  !important;
  }
  aside.main-sidebar.sidebar-collapse .menu-wrap .menu-list li.lv1 > .naviga-link .txt {
    transition-delay: 0s  !important;
    transition-duration: 0s  !important;
  }
  aside.main-sidebar.sidebar-collapse .menu-wrap .menu-list li .naviga-link {
    -moz-transition-property: margin-right, background;
    -o-transition-property: margin-right, background;
    -webkit-transition-property: margin-right, background;
    transition-property: margin-right, background;
  }
  aside.main-sidebar.sidebar-collapse .menu-wrap .menu-list li .naviga-link .txt, aside.main-sidebar.sidebar-collapse .menu-wrap .menu-list li .naviga-link .fa-angle-left {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  aside.main-sidebar.sidebar-collapse .menu-wrap .menu-list li .naviga-link .txt {
    padding-left: 28px;
    white-space: nowrap;
  }
  aside.main-sidebar.sidebar-collapse .menu-wrap .menu-list li .naviga-link .fa-angle-left {
    margin-left: -10px;
  }
  aside.main-sidebar.sidebar-collapse ~ footer {
    width: -moz-calc((100% - 70px));
    width: -webkit-calc((100% - 70px));
    width: calc((100% - 70px));
    margin-left: 70px;
  }
}
@media only screen and (min-width: 1025px) {
  aside.main-sidebar.sidebar-collapse.ani-expand .menu-wrap {
    overflow: hidden;
  }
  aside.main-sidebar.sidebar-collapse.ani-expand .menu-wrap .menu-list li .naviga-link .fa-angle-left {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap {
    overflow-y: auto;
  }
  aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap .logo-disp span {
    margin-left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap .client {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap .mem-info .name {
    margin-left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap .mem-info .svg-inline--fa {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap .menu-list li .naviga-link .txt, aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap .menu-list li .naviga-link .fa-angle-left {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap .menu-list li .naviga-link .fa-angle-left {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  aside.main-sidebar.sidebar-collapse.ani-expand .menu-wrap .menu-list li .naviga-link.open > .fa-angle-left {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@media only screen and (max-width: 1024px) {
  aside.main-sidebar.open {
    width: 215px;
    left: 0;
    -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }
}
@media only screen and (max-width: 1024px) {
  aside.main-sidebar.open .overlay-mask {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
    pointer-events: auto;
    cursor: pointer;
  }
}
aside.main-sidebar.open > .close {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  pointer-events: auto;
}
@media only screen and (max-width: 1024px) {
  aside.main-sidebar.close {
    width: 215px;
  }
}
@media only screen and (min-width: 1025px) {
  aside.main-sidebar ~ nav.main-header {
    width: -moz-calc((100% - 215px));
    width: -webkit-calc((100% - 215px));
    width: calc((100% - 215px));
  }
}
@media only screen and (min-width: 1025px) {
  aside.main-sidebar ~ #content .wrap-main-gap {
    margin-left: 215px;
  }
}
@media only screen and (min-width: 1025px) {
  aside.main-sidebar ~ footer {
    width: -moz-calc((100% - 215px));
    width: -webkit-calc((100% - 215px));
    width: calc((100% - 215px));
    margin-left: 215px;
  }
}
@media only screen and (max-width: 1024px) {
  aside.main-sidebar .overlay-mask {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
    z-index: 11;
  }
}
aside.main-sidebar .close {
  display: none;
  width: 25px;
  position: absolute;
  top: 10px;
  left: 225px;
  font-size: 20px;
  z-index: 99;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
@media only screen and (max-width: 1024px) {
  aside.main-sidebar .close {
    display: block;
  }
}
aside.main-sidebar .close .icon-close {
  color: #000;
}
aside.main-sidebar .menu-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}
aside.main-sidebar .menu-wrap > * {
  padding: 10px;
}
aside.main-sidebar .menu-wrap .logo-disp {
  min-height: 50px;
  padding: 9px 10px;
  font-size: 20px;
}
aside.main-sidebar .menu-wrap .logo-disp a {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
aside.main-sidebar .menu-wrap .logo-disp a span {
  display: inline-block;
}
aside.main-sidebar .menu-wrap .logo-disp .icon {
  display: inline-block;
  min-width: 100px;
  width: auto;
  max-width: 200px;
  margin-right: 0px;
}
aside.main-sidebar .menu-wrap .logo-disp .icon .inner-table {
  display: table;
  width: 100%;
  height: 100%;
}
aside.main-sidebar .menu-wrap .logo-disp .icon .inner-table .inner-cell {
  display: table-cell;
  vertical-align: middle;
}
aside.main-sidebar .menu-wrap .logo-disp .icon .inner-table .inner-cell img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 40px;
  margin: auto;
}
aside.main-sidebar .menu-wrap .mem-info {
  margin: 0 10px;
  padding: 10px 0;
  white-space: nowrap;
}
aside.main-sidebar .menu-wrap .mem-info > * {
  display: inline-block;
  vertical-align: middle;
}
aside.main-sidebar .menu-wrap .mem-info img {
  width: 40px;
  margin: 0 10px 0 5px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
aside.main-sidebar .menu-wrap .mem-info .svg-inline--fa {
  margin: 0 10px;
  font-size: 26px;
}
aside.main-sidebar .menu-wrap .mem-info .name em {
  display: block;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 114.2857%;
}
aside.main-sidebar .menu-wrap .mem-info .log-btn {
  display: block;
}
aside.main-sidebar .menu-wrap .change-pw, aside.main-sidebar .menu-wrap .member-disp {
  width: 100%;
  max-width: 215px;
  position: fixed;
  bottom: 50px;
  margin: 0;
  text-align: center;
  border-top: 1px solid #676975;
  border-color: #676975;
}
aside.main-sidebar .menu-wrap .member-disp {
  padding: 5px 0;
  text-align: left;
}
aside.main-sidebar .menu-wrap .member-disp .name {
  line-height: 120%;
}
aside.main-sidebar .menu-wrap .menu-list {
  max-height: -moz-calc((100vh - 215px));
  max-height: -webkit-calc((100vh - 215px));
  max-height: calc((100vh - 215px));
  padding: 0 5px 0 5px;
  overflow-y: auto;
  overflow-x: hidden;
}
aside.main-sidebar .menu-wrap .menu-list::-webkit-scrollbar-track {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
aside.main-sidebar .menu-wrap .menu-list::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}
aside.main-sidebar .menu-wrap .menu-list::-webkit-scrollbar-thumb {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #a3a3a3;
}
aside.main-sidebar .menu-wrap .menu-list li {
  margin: 20px 0;
  font-size: 15px;
}
aside.main-sidebar .menu-wrap .menu-list li > .naviga-link + ul:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background: #6b6b6b;
  top: 0;
  margin: 5px 0 0;
  z-index: -1;
  border-left: 1px solid #F5F5F5; 
}
@media only screen and (min-width: 1025px) {
  aside.main-sidebar .menu-wrap .menu-list li.lv1 > .naviga-link {
    height: 32px;
  }
  aside.main-sidebar .menu-wrap .menu-list li.lv1 > .naviga-link .txt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  aside.main-sidebar .menu-wrap .menu-list li.lv1 > .naviga-link .svg-inline--fa {
    width: 0.7em;
    left: 3px;
  }
}
aside.main-sidebar .menu-wrap .menu-list li.lv1 > .naviga-link + ul:before {
  left: 10px;
}
aside.main-sidebar .menu-wrap .menu-list li.lv2 {
  margin: 5px 0 0 10px;
}
aside.main-sidebar .menu-wrap .menu-list li.lv2:last-child {
  margin-bottom: 0;
}
aside.main-sidebar .menu-wrap .menu-list li.lv2 > ul > li:last-child {
  margin-bottom: 0;
}
aside.main-sidebar .menu-wrap .menu-list li.lv2 li {
  margin: 5px 0;
  padding: 0 0 0 10px;
}
aside.main-sidebar .menu-wrap .menu-list li.lv2 > .naviga-link + ul:before {
  left: 30px;
}
aside.main-sidebar .menu-wrap .menu-list li.lv2 .naviga-link .svg-inline--fa {
  top: 3px;
}
aside.main-sidebar .menu-wrap .menu-list li.lv2 .naviga-link .txt {
  padding: 7px 15px 7px 25px;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: -.2px;
}
aside.main-sidebar .menu-wrap .menu-list li.lv2 .naviga-link .fa-angle-left {
  top: 6px;
}
aside.main-sidebar .menu-wrap .menu-list li .naviga-link {
  position: relative;
  display: block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
}
aside.main-sidebar .menu-wrap .menu-list li .naviga-link ~ ul {
  max-height: 0;
  position: relative;
  overflow: hidden;
}
aside.main-sidebar .menu-wrap .menu-list li .naviga-link .txt {
  display: block;
  min-width: 1px;
  position: relative;
  padding: 5px 20px 5px 25px;
  line-height: 22px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
aside.main-sidebar .menu-wrap .menu-list li .naviga-link .svg-inline--fa {
  display: inline-block;
  width: .5em;
  position: absolute;
  top: 3px;
  left: 5px;
  font-size: 170%;
  vertical-align: -7px;
  z-index: 11;
}
aside.main-sidebar .menu-wrap .menu-list li .naviga-link .svg-inline--fa:nth-of-type(2) {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
aside.main-sidebar .menu-wrap .menu-list li .naviga-link .fa-folder {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
aside.main-sidebar .menu-wrap .menu-list li .naviga-link .fa-folder-open, aside.main-sidebar .menu-wrap .menu-list li .naviga-link .fa-file-alt {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
aside.main-sidebar .menu-wrap .menu-list li .naviga-link .fa-angle-left {
  top: 8px;
  left: auto !important;
  right: 10px;
  font-size: 118%;
  background: 0 !important;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
}

.ori-bg {
  background: #fff;
}

.ori-bg-reverse {
  background: #212121;
  color: #e1e6ea;
}

.ori-shadow {
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
}

nav.main-header {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    right: 0;
    background: #356974;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-transition-property: width, top, background;
    -o-transition-property: width, top, background;
    -webkit-transition-property: width, top, background;
    transition-property: width, top, background;
    -moz-box-shadow: 0 0 1px 1px rgba(24, 24, 24, 0.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(24, 24, 24, 0.3);
    box-shadow: 0 0 1px 1px rgba(24, 24, 24, 0.3);
    z-index: 99;
}
nav.main-header.down {
  top: -50px;
}
nav.main-header.up {
  top: 0;
}
nav.main-header .inner-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  flex: 1;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  color: white;
}
nav.main-header .inner-wrap > * {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
nav.main-header .inner-wrap .left {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
nav.main-header .inner-wrap .left > *:first-child {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  nav.main-header .inner-wrap .left > *:first-child {
    margin-left: 15px;
  }
}
nav.main-header .inner-wrap .middle {
  font-size: 26px;
  font-weight: bold;
  line-height: 100%;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
  nav.main-header .inner-wrap .middle {
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
nav.main-header .inner-wrap .right {
  line-height: 110%;
  flex: 1;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  nav.main-header .inner-wrap .right {
    display: none;
    font-size: 12px;
  }
}
nav.main-header .inner-wrap .right > * {
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  nav.main-header .inner-wrap .right > * {
    margin-right: 15px;
  }
}
nav.main-header .inner-wrap .right > *.panel-wrap {
  margin-right: 0;
}

.menu-bar {
  display: block;
  padding: 7px 0;
}
@media only screen and (min-width: 1025px) {
  .menu-bar.shrink .inner-icon {
    width: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .menu-bar.shrink .inner-icon:before, .menu-bar.shrink .inner-icon:after {
    width: 30px;
  }
}
.menu-bar:before {
  content: '';
  display: block;
  width: 60px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1025px) {
    .menu-bar:hover .inner-icon {
        background: #f5f5f5;
    }
  .menu-bar:hover .inner-icon:before, .menu-bar:hover .inner-icon:after {
    background: #ffffff;
  }
}
.menu-bar .inner-icon {
    display: block;
    width: 18px;
    height: 2px;
    position: relative;
    background: #f5f5f5;
    -moz-transition-property: width, background;
    -o-transition-property: width, background;
    -webkit-transition-property: width, background;
    transition-property: width, background;
}
@media only screen and (max-width: 1024px) {
  .menu-bar .inner-icon {
    width: 25px;
  }
}
.menu-bar .inner-icon:before, .menu-bar .inner-icon:after {
  content: '';
  display: block;
  width: 18px;
  height: 2px;
  position: absolute;
  background: #ffffff;
  -moz-transition-property: width, background;
  -o-transition-property: width, background;
  -webkit-transition-property: width, background;
  transition-property: width, background;
}
@media only screen and (max-width: 1024px) {
  .menu-bar .inner-icon:before, .menu-bar .inner-icon:after {
    width: 25px;
  }
}
.menu-bar .inner-icon:before {
  top: -7px;
}
@media only screen and (max-width: 1024px) {
  .menu-bar .inner-icon:before {
    top: -6px;
  }
}
.menu-bar .inner-icon:after {
  top: 7px;
}
@media only screen and (max-width: 1024px) {
  .menu-bar .inner-icon:after {
    top: 6px;
  }
}

#goTop {
  position: fixed;
  bottom: 50px;
  right: 20px;
  z-index: 9999;
}
@media only screen and (max-width: 1024px) {
  #goTop {
    right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #goTop {
    bottom: 100px;
    right: 0;
  }
}
#goTop #anchorGoTop {
  display: block;
  width: 50px;
  height: 60px;
  position: relative;
  padding: 5px 0;
  text-align: center;
  font-size: 107.1428%;
  background: rgba(255, 255, 255, 0.8);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#goTop #anchorGoTop:before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  margin-top: 35px;
  left: 50%;
  margin-left: -11px;
  border-top: 1px solid;
  border-right: 1px solid;
  -moz-transform: rotate(-45deg) skew(8deg, 8deg);
  -ms-transform: rotate(-45deg) skew(8deg, 8deg);
  -webkit-transform: rotate(-45deg) skew(8deg, 8deg);
  transform: rotate(-45deg) skew(8deg, 8deg);
}

.func-list > * {
  display: inline-block;
  vertical-align: middle;
}

.multi-lang {
  position: relative;
}
.multi-lang > a {
  display: block;
  font-size: 164.2857%;
}
.multi-lang > a.open + .lang-list {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.multi-lang .lang-list {
  display: block;
  position: absolute;
  width: 100px;
  right: 0;
  padding: 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.multi-lang .lang-list li {
  margin: 5px 0 0;
}
.multi-lang .lang-list li:first-child {
  margin: 0;
}
.multi-lang .lang-list li a {
  display: block;
}

.page-loading {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 99999;
}
.page-loading .icon-loading {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -80px;
  left: 50%;
  margin-left: -30px;
  font-size: 60px;
  color: #fff;
}

.wrap-main-gap {
  -moz-transition-property: margin-left;
  -o-transition-property: margin-left;
  -webkit-transition-property: margin-left;
  transition-property: margin-left;
}

.main-wrap {
  display: -webkit-flex;
  display: flex;
  min-height: inherit;
  position: relative;
}

footer {
  padding: 10px 0;
  -moz-transition-property: width, margin-left;
  -o-transition-property: width, margin-left;
  -webkit-transition-property: width, margin-left;
  transition-property: width, margin-left;
}
footer .copyright {
  padding: 0 20px;
  text-align: center;
  font-size: 85.714%;
}