.ellipsis2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.ui-slider-horizontal {
  background-color: #5c5d60;
  height: 5px;
  margin: 10px 0; }

.ui-slider-range.ui-widget-header {
  background: #e8e8e8; }

.ui-state-default.ui-slider-handle {
  background-color: #ffffff;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 30px;
  z-index: 1;
  top: -8px; }

.ui-state-default.ui-state-active {
  border: 0;
  background: #cccccc; }

.aside-nav {
  font-size: 15px;
  position: fixed;
  z-index: 4;
  top: 61px;
  right: -240px;
  height: 100%;
  width: 240px;
  border-left: 1px solid #333;
  border-top: 1px solid #45464d;
  color: #bcbcbc;
  text-shadow: 0 -1px 0 #000;
  background-color: #333438;
  -webkit-transition: right 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.99, 0.4, 0.99);
  transition: right 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0.99, 0.4, 0.99); }
  
  .aside-nav .listItem {
    height: calc(100% - 170px);
    height: -webkit-calc(100% - 170px);
    height: -moz-calc(100% - 170px);
    height: -ms-calc(100% - 170px);
    overflow-y: auto;
    -ms-overflow-style: none; }
    .aside-nav .listItem::-webkit-scrollbar {
      width: 0; }
    .aside-nav .listItem__no-footer {
      height: calc(100% - 120px);
      height: -webkit-calc(100% - 120px);
      height: -moz-calc(100% - 120px);
      height: -ms-calc(100% - 120px); }
    .aside-nav .listItem__three-button {
      height: calc(100% - 240px);
      height: -webkit-calc(100% - 240px);
      height: -moz-calc(100% - 240px);
      height: -ms-calc(100% - 240px); }
  .aside-nav .aside-header {
    padding: 11px 20px 0 10px;
    line-height: 50px; }
    .aside-nav .aside-header h3 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      color: #ffffff;
      font-size: 16px;
      font-weight: normal;
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 10px;
      line-height: 50px;
      width: 87%; }
    .aside-nav .aside-header .aside-close-action {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      appearance: none;
      border: none;
      cursor: pointer;
      text-align: center;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      white-space: nowrap;
      overflow: visible;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      display: inline-block;
      width: 50px;
      height: 50px;
      vertical-align: middle;
      background-image: url(/images/common/column3_aside_close_action.png);
      background-repeat: no-repeat;
      background-position: center center;
      text-indent: -99999px;
      position: absolute;
      top: 0px;
      right: 0px;
      top: 0px;
      right: 0px;
      padding:10px;
      background-size:12px 12px;
      background-color:transparent;
}
      .aside-nav .aside-header .aside-close-action::-ms-expand {
        display: none; }
      .aside-nav .aside-header .aside-close-action:hover {
        text-decoration: none; }
      .aside-nav .aside-header .aside-close-action:active {
        text-decoration: none; }
  .aside-nav .aside-content {
    color: #d4d5d9;
    height: 100%; }
    .aside-nav .aside-content .aside-nav-tab ul {
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap;
      margin: 0 20px; }
      .aside-nav .aside-content .aside-nav-tab ul li {
        flex-grow: 1;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -webkit-flex-basis: 0;
        flex-shrink: 1;
        -webkit-flex-shrink: 1;
        -webkit-transition: all 0.5s;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0.99, 0.4, 0.99);
        transition: all 0.5s;
        transition-timing-function: cubic-bezier(0.4, 0.99, 0.4, 0.99);
        border-bottom: 1px solid #535457;
        color: #535457;
        cursor: pointer;
        position: relative;
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 200px;
        text-shadow: none; }
        .aside-nav .aside-content .aside-nav-tab ul li.active {
          color: #fff;
          border-bottom: 2px solid #a50034; }
          .aside-nav .aside-content .aside-nav-tab ul li.active > a {
            opacity: 1; }
        .aside-nav .aside-content .aside-nav-tab ul li > a {
          color: inherit;
          display: inline-block;
          font-size: 14px;
          position: relative;
          top: -3px;
          width: 85%;
          opacity: .45; }
    .aside-nav .aside-content .aside-nav-tab + .switch {
      -webkit-height: calc(100% - 40px);
      -moz-height: calc(100% - 40px);
      -ms-height: calc(100% - 40px);
      height: calc(100% - 40px);
      overflow-y: auto; }
    .aside-nav .aside-content .switch {
      -webkit-height: 100%;
      -moz-height: 100%;
      -ms-height: 100%;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      scrollbar-track-color: #45464d; }
      .aside-nav .aside-content .switch .case {
        display: none;
        height: 100%;
        position: relative; }
        .aside-nav .aside-content .switch .case.active {
          display: block; }
        .aside-nav .aside-content .switch .case .screen {
          -webkit-height: 100%;
          -moz-height: 100%;
          -ms-height: 100%;
          height: 100%;
          overflow-x: hidden;
          scrollbar-track-color: #45464d; }
          .aside-nav .aside-content .switch .case .screen .steppergroup-wrap {
            margin: 0 -5px; }
            .aside-nav .aside-content .switch .case .screen .steppergroup-wrap > * {
              padding: 0 5px; }
              .aside-nav .aside-content .switch .case .screen .steppergroup-wrap > *:first-child .group {
                margin-right: 0; }
              .aside-nav .aside-content .switch .case .screen .steppergroup-wrap > *:last-child .group {
                margin-left: 0; }
              .aside-nav .aside-content .switch .case .screen .steppergroup-wrap > * .group.steppergroup .stepper .main .unit {
                right: 3px;
                font-size: 25px; }
              .aside-nav .aside-content .switch .case .screen .steppergroup-wrap > * .group.steppergroup.inner-stepper .stepper .main {
                width: 100%; }
                .aside-nav .aside-content .switch .case .screen .steppergroup-wrap > * .group.steppergroup.inner-stepper .stepper .main .numbers {
                  background-color: transparent; }
                .aside-nav .aside-content .switch .case .screen .steppergroup-wrap > * .group.steppergroup.inner-stepper .stepper .main .unit {
                  right: 23px; }
          .aside-nav .aside-content .switch .case .screen .group {
            margin: 5px 10px;
            padding-top: 10px;
            padding-bottom: 10px; }
            .aside-nav .aside-content .switch .case .screen .group.disabled {
              opacity: 0.5; }
            .aside-nav .aside-content .switch .case .screen .group .header {
              font-size: 16px;
              font-weight: normal;
              line-height: 30px;
              margin: 0;
              position: relative;
              color: #cccccc; }
              .aside-nav .aside-content .switch .case .screen .group .header__info {
                display: inline-block;
                vertical-align: middle;
                cursor: pointer;
                position: relative;
                background: url("/images/common/info-icon.png") no-repeat center transparent;
                width: 18px;
                height: 18px;
                margin-left: 3px; }
                .aside-nav .aside-content .switch .case .screen .group .header__info:hover .header__info--box {
                  display: block; }
                .aside-nav .aside-content .switch .case .screen .group .header__info--box {
                  display: none;
                  position: absolute;
                  z-index: 1;
                  right: -68px;
                  bottom: calc(100% + 15px);
                  width: 230px;
                  height: 124px;
                  border-radius: 3px;
                  background-color: #ffffff;
                  padding: 14px 13px; }
                  .aside-nav .aside-content .switch .case .screen .group .header__info--box:after {
                    top: 100%;
                    left: 50%;
                    border: solid transparent;
                    content: " ";
                    height: 0;
                    width: 0;
                    position: absolute;
                    pointer-events: none;
                    border-top-color: #ffffff;
                    border-width: 5px;
                    margin-left: -5px; }
                  .aside-nav .aside-content .switch .case .screen .group .header__info--box > * {
                    font-weight: bold;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: 1.6;
                    letter-spacing: normal;
                    text-align: left;
                    color: #333333;
                    text-shadow: none; }
                .aside-nav .aside-content .switch .case .screen .group .header__info--title {
                  font-size: 15px;
                  margin-bottom: 5px; }
                .aside-nav .aside-content .switch .case .screen .group .header__info--item {
                  font-size: 12px;
                  font-weight: normal;
                  letter-spacing: -1px;
                  margin-bottom: 3px; }
              .aside-nav .aside-content .switch .case .screen .group .header--extend {
                max-width: 100% !important;
                margin-bottom: 15px; }
              .aside-nav .aside-content .switch .case .screen .group .header--inner {
                font-size: 13.5px;
                display: block; }
              .aside-nav .aside-content .switch .case .screen .group .header label {
                margin-left: 0px;
                margin-right: 15px; }
            .aside-nav .aside-content .switch .case .screen .group .slider-input {
              border: 0;
              border-radius: 0;
              background: transparent;
              position: absolute;
              text-align: right;
              width: 100px;
              right: 0; }
            .aside-nav .aside-content .switch .case .screen .group .group-message {
              font-size: 12px;
              font-weight: normal;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              text-align: left;
              color: #999999;
              position: relative;
              padding-left: 8px;
              margin-top: 7px; }
              .aside-nav .aside-content .switch .case .screen .group .group-message:before {
                content: "*";
                font-size: 10px;
                color: #999999;
                position: absolute;
                left: 0;
                top: 5px; }
              .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .header.line2 {
                line-height: 16px; }
              .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls + .controls {
                width: 100%;
                margin-top: 17px;
                float: none; }
              .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .schedule__radio {
                margin-top: 25px; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .schedule__radio label {
                  margin-left: 0; }
                  .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .schedule__radio label:last-child {
                    margin-left: 30px; }
              .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .schedule__cal {
                margin-top: 25px; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .schedule__cal .form-group {
                  display: inline-block;
                  margin-bottom: 0; }
                  .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .schedule__cal .form-group .form-control {
                    background-color: transparent;
                    border: 0;
                    border-bottom: 1px solid #5d5d64;
                    border-radius: 0;
                    color: #ffffff;
                    font-size: 14px !important;
                    font-weight: normal;
                    width: 165px; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .schedule__cal button {
                  width: 40px;
                  height: 40px; }
              .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .schedule__radio-group {
                margin-top: 20px; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .schedule__radio-group label:nth-of-type(1n) {
                  margin-left: 10px; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .schedule__radio-group label:first-of-type {
                  margin-left: 0; }
              .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .schedule__time-start {
                margin-top: 40px;
                margin-bottom: 25px; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .schedule__time-start span {
                  font-size: 16px;
                  font-weight: normal;
                  margin-right: 15px;
                  display: block; }
              .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .schedule__time-end span {
                font-size: 16px;
                font-weight: normal;
                margin-right: 15px;
                display: block; }
              .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .dropdown {
                color: #ffffff;
                min-width: 100px; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .dropdown-toggle {
                  color: #ffffff; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .dropdown-item {
                  color: #333333;
                  text-shadow: none; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__schedule .dropdown + .dropdown {
                  margin-left: 10px; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__device .dropdown {
                  color: #ffffff;
                  min-width: 56px;
                  width: 100%;
                  font-weight: normal;
                  margin: -4px 0; }
                  .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__device .dropdown-toggle {
                    color: #ffffff; }
                  .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__device .dropdown-item {
                    color: #333333;
                    text-shadow: none; }
                  .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__device .dropdown + .dropdown {
                    margin-left: 10px; }
              .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__time .time--start {
                margin-top: 40px;
                margin-bottom: 25px; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__time .time--start span {
                  font-size: 16px;
                  font-weight: normal;
                  margin-right: 15px;
                  display: block; }
              .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__time .time--end span {
                font-size: 16px;
                font-weight: normal;
                margin-right: 15px;
                display: block; }
              .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__time .dropdown {
                color: #ffffff;
                min-width: 100px; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__time .dropdown-toggle {
                  color: #ffffff; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__time .dropdown-item {
                  color: #333333;
                  text-shadow: none; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__time .dropdown-menu {
                  max-height: 200px;
                  overflow-y: auto; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .controls__time .dropdown + .dropdown {
                  margin-left: 5px; }
            .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .wind-select {
              float: none;
              width: 100%;
              margin-top: 10px; }
              .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .wind-select .radio-button {
                width: 23%;
                height: 50px;
                position: relative; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .wind-select .radio-button label {
                  height: 100%;
                  background-color: #27282b;
                  background-repeat: no-repeat;
                  background-position: center;
                  border-radius: 5px;
                  border: none;
                  font-size: 12px;
                  line-height: normal; }
                  .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .wind-select .radio-button label span {
                    position: absolute;
                    top: 50%;
                    right: 50%;
                    transform: translate(50%, -50%); }
                  .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .wind-select .radio-button label[for="wind-top"] {
                    background-image: url("/images/facility/wind-top-active.png"); }
                  .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .wind-select .radio-button label[for="wind-right"] {
                    background-image: url("/images/facility/wind-right.png"); }
                  .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .wind-select .radio-button label[for="wind-bottom"] {
                    background-image: url("/images/facility/wind-bottom.png"); }
                  .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .wind-select .radio-button label[for="wind-left"] {
                    background-image: url("/images/facility/wind-left.png"); }
            .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .wind-select-detail {
              float: none;
              width: 100%;
              margin-top: 10px; }
              .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .wind-select-detail .stepper {
                height: 54px; }
                .aside-nav .aside-content .switch .case .screen .group.inline-radiogroup .wind-select-detail .stepper .main .numbers {
                  font-size: 18px;
                  border-radius: 0; }
            .aside-nav .aside-content .switch .case .screen .group.radiogroup .controls {
              display: -webkit-flex;
              display: flex;
              flex-direction: row;
              justify-content: space-between;
              flex-wrap: wrap; }
              .aside-nav .aside-content .switch .case .screen .group.radiogroup .controls.airflow {
                padding: 4px 0 15px; }
              .aside-nav .aside-content .switch .case .screen .group.radiogroup .controls .radio-button {
                margin: 2px; }
                .aside-nav .aside-content .switch .case .screen .group.radiogroup .controls.airflow .radio-button {
                  flex:1;
                  margin: 0 0 0 4px;
                  width: auto;
                  height: auto; }
                  .aside-nav .aside-content .switch .case .screen .group.radiogroup .controls.airflow .radio-button:first-child {
                    margin-left: 0; }
              .aside-nav .aside-content .switch .case .screen .group.radiogroup .controls.mode {
                padding-top: 5px; }
            .aside-nav .aside-content .switch .case .screen .group.drive-mode .radio-button {
              flex-grow: 1;
              flex-basis: 0;
              -webkit-flex-grow: 1;
              -webkit-flex-basis: 0;
              flex-shrink: 1;
              -webkit-flex-shrink: 1;
              -ms-flex: 1 1 auto; }
            .aside-nav .aside-content .switch .case .screen .group.drive-mode .radio-button label {
              border-radius: 3px;
              background-color: #27282b;
              border: none; }
            .aside-nav .aside-content .switch .case .screen .group.wind-volume .controls {
              background-color: #27282b;
              border-radius: 30px;
              height: 30px; }
            .aside-nav .aside-content .switch .case .screen .group.wind-volume .radio-button {
              width: 31%;
              height: 30px;
              line-height: 30px;
              margin: 0 2px !important; }
              .aside-nav .aside-content .switch .case .screen .group.wind-volume .radio-button label {
                border: none;
                height: 30px;
                line-height: 30px;
                color: #cccccc; }
            .aside-nav .aside-content .switch .case .screen .group .radio-button {
              width: 47%;
              height: 30px;
              display: inline-block;
              vertical-align: middle;
              line-height: 0;
              text-indent: 0; }
              .aside-nav .aside-content .switch .case .screen .group .radio-button label {
                background-image: none;
                background-color: transparent;
                border: 1px solid #636469;
                border-radius: 30px;
                color: #ffffff;
                font-weight: bold;
                font-size: 14px;
                text-align: center;
                text-shadow: none;
                width: 100%;
                height: 30px;
                margin: 0 !important;
                padding: 0 !important;
                line-height: 30px; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button label:before {
                  display: none; }
                .aside-nav .aside-content .switch .case .screen .group .controls.airflow .radio-button label {
                  height: 68px;
                  border: none;
                  border-radius: 4px;
                  background: no-repeat center;
                  background-color: #27282b;
                  font-size: 0; }
                  .aside-nav .aside-content .switch .case .screen .group .controls.airflow .radio-button.fan_low label {
                    background-image: url(/images/common/ic_wind_1_unsel.svg); }
                  .aside-nav .aside-content .switch .case .screen .group .controls.airflow .radio-button.fan_med label {
                    background-image: url(/images/common/ic_wind_2_unsel.svg); }
                  .aside-nav .aside-content .switch .case .screen .group .controls.airflow .radio-button.fan_high label {
                    background-image: url(/images/common/ic_wind_3_unsel.svg); }
                  .aside-nav .aside-content .switch .case .screen .group .controls.airflow .radio-button.fan_auto label {
                    background-image: url(/images/common/ic_wind_auto_unsel.svg); }
              .aside-nav .aside-content .switch .case .screen .group .radio-button input[type="radio"]:checked + label {
                background-color: #e7e8ef;
                border-color: #c0c1c6;
                color: #232428; }
                .aside-nav .aside-content .switch .case .screen .group .controls.airflow .radio-button input[type="radio"]:checked + label {
                  background-color: #fff; }
                .aside-nav .aside-content .switch .case .screen .group .controls.airflow .radio-button.fan_low input[type="radio"]:checked + label {
                  background-image: url(/images/common/ic_wind_1_sel.svg); }
                .aside-nav .aside-content .switch .case .screen .group .controls.airflow .radio-button.fan_med input[type="radio"]:checked + label {
                  background-image: url(/images/common/ic_wind_2_sel.svg); }
                .aside-nav .aside-content .switch .case .screen .group .controls.airflow .radio-button.fan_high input[type="radio"]:checked + label {
                  background-image: url(/images/common/ic_wind_3_sel.svg); }
                .aside-nav .aside-content .switch .case .screen .group .controls.airflow .radio-button.fan_auto input[type="radio"]:checked + label {
                  background-image: url(/images/common/ic_wind_auto_sel.svg); }
              .aside-nav .aside-content .switch .case .screen .group .radio-button input[type="checkbox"]:checked + label {
                background-color: #e7e8ef;
                border-color: #c0c1c6;
                color: #232428; }
              .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button {
                height: 55px; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label {
                 height: 55px;
                  line-height: 1;
                  padding: 5px 0 !important;
				    display: flex;
				    align-items: flex-end;
				    justify-content: center; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__cool {
                    background-image: url(/images/facility/control_facility_item_unit_cool_dis.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__heat {
                    background-image: url(/images/facility/control_facility_item_unit_heat_dis.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__auto {
                    background-image: url(/images/facility/control_facility_item_unit_auto_dis.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__dry {
                    background-image: url(/images/facility/control_facility_item_unit_dry_dis.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__wind {
                    background-image: url(/images/facility/control_facility_item_unit_fan_dis.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__air {
                    /* background-image: url(/images/facility/control_facility_item_unit_fresh_dis.png); */
                    height: 44px;
                    line-height: 34px;
                    background-position: center left 55px;
                    background-repeat: no-repeat; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__vtnormal {
                    /* background-image: url(/images/facility/control_facility_item_unit_col_dis.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; */
                    align-items: center; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__vtheat {
                    /* background-image: url(/images/facility/control_facility_item_unit_def_dis.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; */
                    align-items: center; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__vtauto {
                    /* background-image: url(/images/facility/control_facility_item_unit_auto_dis.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; */
                    align-items: center; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__hotwater {
                    background-image: url(/images/facility/control_facility_item_unit_heat_dis.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__ice {
                    background-image: url(/images/facility/control_facility_item_unit_ice_dis.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__normal {
                    background-image: url(/images/schedule/sync_normal.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__powsave {
                    background-image: url(/images/facility/control_facility_item_unit_powerSaving_dis.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                   .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__extern {
                    background-image: url(/images/facility/control_facility_item_unit_out_dis.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__reheat {
                    background-image: url(/images/facility/control_facility_item_unit_re_dis.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                    
                    /* PMS 운전모드 추가:20211201  */
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__automatic {
                    background-image: url(/images/essControl/ic_control_mode_auto_nor.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__schedule {
                    background-image: url(/images/essControl/ic_control_mode_schedule_nor.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__manual {
                    background-image: url(/images/essControl/ic_control_mode_manual_nor.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                    
                    /* PCS 충.방전 추가:20211108*/
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__ready {
                    background-image: url(/images/essControl/ic_control_charging_ready_nor.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__charge {
                    background-image: url(/images/essControl/ic_control_charging_ing_nor.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button label.mode-label__discharge {
                    background-image: url(/images/essControl/ic_control_charging_empty_nor.png);
                    background-position: center 10px;
                    background-repeat: no-repeat; }
                    
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button.line2 label {
                  line-height: 15px;
                  padding-top: 30px !important; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__cool {
                  background-image: url(/images/facility/control_facility_item_unit_cool_active.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__heat {
                  background-image: url(/images/facility/control_facility_item_unit_heat_active.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__auto {
                  background-image: url(/images/facility/control_facility_item_unit_auto_active.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__dry {
                  background-image: url(/images/facility/control_facility_item_unit_dry_active.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__wind {
                  background-image: url(/images/facility/control_facility_item_unit_fan_active.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="checkbox"]:checked + .mode-label__air {
                  /* background-image: url(/images/facility/control_facility_item_unit_fresh_active.png); */
                  background-position: center left 55px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__vtnormal {
                  /* background-image: url(/images/facility/control_facility_item_unit_col_active.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; */
                  align-items: center; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__vtheat {
                  /* background-image: url(/images/facility/control_facility_item_unit_def_active.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; */
                  align-items: center; }
                  .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__vtauto {
                  /* background-image: url(/images/facility/control_facility_item_unit_auto_active.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; */
                  align-items: center; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__hotwater {
                  background-image: url(/images/facility/control_facility_item_unit_heat_active.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__ice {
                  background-image: url(/images/facility/control_facility_item_unit_ice_active.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__normal {
                  background-image: url(/images/schedule/sync_normal_active.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__powsave {
                  background-image: url(/images/facility/control_facility_item_unit_powerSaving_active.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                  
                  /* PMS 운전모드 추가:20211201  */
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__automatic {
                  background-image: url(/images/essControl/ic_control_mode_auto_sel.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__schedule {
                  background-image: url(/images/essControl/ic_control_mode_schedule_sel.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__manual {
                  background-image: url(/images/essControl/ic_control_mode_manual_sel.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }   
                  
                  /*충.방전 추가:211108*/
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__ready {
                  background-image: url(/images/essControl/ic_control_charging_ready_sel.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__charge {
                  background-image: url(/images/essControl/ic_control_charging_ing_sel.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__discharge {
                  background-image: url(/images/essControl/ic_control_charging_empty_sel.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                  
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button.schedule-work label.mode-label__heat {
                  background-image: url(/images/schedule/sync_heat.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button.schedule-work label.mode-label__auto {
                  background-image: url(/images/schedule/sync_auto.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button.schedule-work input[type="radio"]:checked + .mode-label__heat {
                  background-image: url(/images/schedule/sync_heat_active.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button.schedule-work input[type="radio"]:checked + .mode-label__auto {
                  background-image: url(/images/schedule/sync_auto_active.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__extern {
                  background-image: url(/images/facility/control_facility_item_unit_out_active.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
                .aside-nav .aside-content .switch .case .screen .group .radio-button.mode-button input[type="radio"]:checked + .mode-label__reheat {
                  background-image: url(/images/facility/control_facility_item_unit_re_active.png);
                  background-position: center 10px;
                  background-repeat: no-repeat; }
            .aside-nav .aside-content .switch .case .screen .group.drive-settime .row {
              margin: 0 -10px; }
              .aside-nav .aside-content .switch .case .screen .group.drive-settime .row > * {
                padding: 0 10px; }
                .aside-nav .aside-content .switch .case .screen .group.drive-settime .row > *:first-child .controls:after {
                  content: "~";
                  font-size: 20px;
                  font-weight: bold;
                  font-style: normal;
                  font-stretch: normal;
                  line-height: 2.6;
                  letter-spacing: normal;
                  text-align: center;
                  color: #ffffff;
                  position: absolute;
                  right: -16px;
                  top: 50%;
                  transform: translateY(-50%); }
            .aside-nav .aside-content .switch .case .screen .group.drive-settime .controls {
              position: relative; }
              .aside-nav .aside-content .switch .case .screen .group.drive-settime .controls .stepper {
                height: 54px; }
                .aside-nav .aside-content .switch .case .screen .group.drive-settime .controls .stepper .main .numbers {
                  font-size: 26px;
                  border-radius: 0; }
            .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper {
              display: block;
              position: relative;
              height: 100px; }
              .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper:after {
                content: "";
                display: block;
                height: 0px;
                width: 0px;
                clear: both; }
              .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper .main {
                width: -webkit-calc(100% - 32px);
                width: -moz-calc(100% - 32px);
                width: -ms-calc(100% - 32px);
                width: calc(100% - 32px);
                float: left;
                margin-right: 2px;
                background-color: #323339;
                height: 100%;
                position: relative;
                overflow: hidden;
                font-weight: bold; }
                .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper.large .main {
                  width: -webkit-calc(100% - 48px);
                  width: -moz-calc(100% - 48px);
                  width: -ms-calc(100% - 48px);
                  width: calc(100% - 48px);
                  margin-right: 0;
                }
                .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper .main .numbers {
                  position: absolute;
                  left: 50%;
                  top: 50%;
                  -webkit-transform: translate(-50%, -50%);
                  -moz-transform: translate(-50%, -50%);
                  -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
                  background-color: #27282b;
                  border: 0;
                  color: #ffffff;
                  font-size: 26px;
                  width: 100%;
                  height: 100%;
                  text-align: center; }
                  .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper .main .numbers::-webkit-inner-spin-button, .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper .main .numbers::-webkit-outer-spin-button {
                    -webkit-appearance: none;
                    margin: 0; }
                .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper .main .unit {
                  position: absolute;
                  top: 0px;
                  right: 0px;
                  font-size: 26px;
                  line-height: normal;
                  top: 50%;
                  transform: translateY(-50%);
                  right: 35px; }
                  /* 25.03.17 minjae.jeon : 소수점 표기 수정 */
                  .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper .main .unit.decimal {
                    right: 25px; }                  
              .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper .sub-controls {
                float: left;
                background-color: #1f2024;
                width: 30px;
                height: 100%; }
                .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper.large .sub-controls {
                  width: 48px;
                  background-color: #27282b; }
                .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper .sub-controls button {
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  -ms-appearance: none;
                  appearance: none;
                  border: none;
                  cursor: pointer;
                  text-align: center;
                  -webkit-touch-callout: none;
                  -webkit-user-select: none;
                  -moz-user-select: none;
                  -ms-user-select: none;
                  user-select: none;
                  white-space: nowrap;
                  overflow: visible;
                  text-overflow: ellipsis;
                  -o-text-overflow: ellipsis;
                  -ms-text-overflow: ellipsis;
                  display: inline-block;
                  vertical-align: middle;
                  margin: 0;
                  padding: 0;
                  line-height: 100%;
                  background-image: url(/images/common/ui_stepper_up_2x.png);
                  background-size: 11px 7px;
                  background-position: center center;
                  background-repeat: no-repeat;
                  display: block;
                  background-color: #1f2024;
                  width: 100%;
                  height: 50%;
                  font-size: 0; }
                  .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper .sub-controls button::-ms-expand {
                    display: none; }
                  .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper .sub-controls button:hover {
                    text-decoration: none; }
                  .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper .sub-controls button:active {
                    text-decoration: none; }
                  .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper .sub-controls button > * {
                    vertical-align: middle; }
                  .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper .sub-controls button:active {
                    background-color: #2b2c32; }
                  .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper .sub-controls button.step-up {
                    background-image: url(/images/common/ui_stepper_up_2x.png);
                    background-size: 11px 7px;
                    background-position: center center;
                    background-repeat: no-repeat; }
                  .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper .sub-controls button.step-down {
                    background-image: url(/images/common/ui_stepper_down_2x.png);
                    background-size: 11px 7px;
                    background-position: center center;
                    background-repeat: no-repeat; }
                    .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper.large .sub-controls button.step-up,
                    .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper.large .sub-controls button.step-down {
                      height: -webkit-calc(50% - 2px);
                      height: -moz-calc(50% - 2px);
                      height: -ms-calc(50% - 2px);
                      height: calc(50% - 2px); }
                    .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper.large .sub-controls button.step-down {
                      margin-top: 2px;}
              .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper__energy, .aside-nav .aside-content .switch .case .screen .group.steppergroup .stepper__schedule {
                height: 54px; }
            .aside-nav .aside-content .switch .case .screen .group.dropdowngroup {
              position: relative; }
              .aside-nav .aside-content .switch .case .screen .group.dropdowngroup .dropdown {
                border-bottom-color: #5d5d64;
                z-index: 1; }
                .aside-nav .aside-content .switch .case .screen .group.dropdowngroup .dropdown.open {
                  border-bottom-color: #ffffff; }
                  .aside-nav .aside-content .switch .case .screen .group.dropdowngroup .dropdown.open button.dropdown-toggle:after {
                    background-image: url(/images/common/ui_stepper_down_2x.png); }
                .aside-nav .aside-content .switch .case .screen .group.dropdowngroup .dropdown button.dropdown-toggle {
                  color: #ffffff;
                  padding-left: 5px;
                  min-width: 87px; }
                  .aside-nav .aside-content .switch .case .screen .group.dropdowngroup .dropdown button.dropdown-toggle:after {
                    right: 2px;
                    background: url(/images/common/ui_stepper_down_2x.png) no-repeat center transparent;
                    background-size: 10px; }
                .aside-nav .aside-content .switch .case .screen .group.dropdowngroup .dropdown .dropdown-menu .dropdown-item {
                  text-shadow: none;
                  font-size: 14px;
                  font-weight: normal;
                  font-style: normal;
                  font-stretch: normal;
                  line-height: 2.86;
                  letter-spacing: normal;
                  text-align: left;
                  color: #333333;
                  border-bottom: 1px solid #e5e5e5; }
                  .aside-nav .aside-content .switch .case .screen .group.dropdowngroup .dropdown .dropdown-menu .dropdown-item:last-child {
                    border-bottom: none; }
            .aside-nav .aside-content .switch .case .screen .group.detail-control {
              background-color: #333438;
              bottom: 50px;
              width: 240px;
              margin: 0;
              padding: 0; }
              .aside-nav .aside-content .switch .case .screen .group.detail-control > .header {
                cursor: pointer;
                font-size: 16px;
                padding: 0 10px;
                text-align: left;
                background-image: url(/images/common/ui_stepper_down_2x.png);
                background-position: right 10px center;
                background-repeat: no-repeat;
                background-size: 10px;
                background-color: #46474b;
                border-top: 1px solid #2f3033;
                border-bottom: 1px solid #2f3033;
                height: 37px;
                line-height: 37px;
                max-width: 100%; }
              .aside-nav .aside-content .switch .case .screen .group.detail-control .content {
                display: none; }
              .aside-nav .aside-content .switch .case .screen .group.detail-control.open-dropdown {
                border-top: none;
                position: absolute;
                top: 0;
                z-index: 1;
                padding-bottom: 0;
                height: 100%;
                /* 嶺뚮ㅄ維��뚳옙�뜝�럩逾у뜝�럩�꼨嶺뚮〕�삕 �뜝�럡留믣뜝�럡�돪�뜝�럩�젷�뜝�럥�꽑 �뜝�럥裕욃뜝�럡苡욕슖�댙�삕 �뜝�럥吏쀥뜝�럩�굚�뜝�럩沅롳옙紐댐옙瑗뜸빳占� �뜝�럩逾ε뜝�럥�돵 占쎈퉲�겫�룞�삕 2020.10.21 */
                overflow-y: auto;	
                overflow-x: hidden; }
                .aside-nav .aside-content .switch .case .screen .group.detail-control.open-dropdown > .header {
                  background-image: url(/images/common/ui_stepper_up_2x.png); }
                .aside-nav .aside-content .switch .case .screen .group.detail-control.open-dropdown .content {
                  display: block;
                  background-color: #35343a; }
          .aside-nav .aside-content .switch .case .screen.energy .header {
            max-width: 80px; }
          .aside-nav .aside-content .switch .case .screen.monitoring .header {
            line-height: 30px; }
          .aside-nav .aside-content .switch .case .screen.monitoring .dropdown {
            font-weight: normal;
            color: #ffffff;
            min-width: 56px;
            width: 100%; }
            .aside-nav .aside-content .switch .case .screen.monitoring .dropdown-toggle {
              color: #ffffff; }
            .aside-nav .aside-content .switch .case .screen.monitoring .dropdown-item {
              color: #333333;
              text-shadow: none; }
            .aside-nav .aside-content .switch .case .screen.monitoring .dropdown + .dropdown {
              margin-left: 10px; }
              .aside-nav .aside-content .switch .case .screen.upgrade .group {
                position: relative; }
          .aside-nav .aside-content .switch .case .screen.upgrade .dropdown {
            font-weight: normal;
            color: #ffffff;
            min-width: 56px;
            width: 100%; }
            .aside-nav .aside-content .switch .case .screen.upgrade .dropdown-toggle {
              color: #ffffff; }
            .aside-nav .aside-content .switch .case .screen.upgrade .dropdown-item {
              color: #333333;
              text-shadow: none; }
            .aside-nav .aside-content .switch .case .screen.upgrade .dropdown + .dropdown {
              margin-left: 10px; }
          .aside-nav .aside-content .switch .case .screen.upgrade .switch {
            position: absolute;
            top: 10px;
            right: 0px;
            width: 51px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none; }
            .aside-nav .aside-content .switch .case .screen.upgrade .switch__checkbox {
              display: none; }
              .aside-nav .aside-content .switch .case .screen.upgrade .switch__checkbox:checked + label::before {
                background-image: none !important; }
              .aside-nav .aside-content .switch .case .screen.upgrade .switch__checkbox:checked + .switch__label .switch__inner {
                margin-left: 0; }
              .aside-nav .aside-content .switch .case .screen.upgrade .switch__checkbox:checked + .switch__label .switch__button {
                right: 0;
                background-color: #ffffff;
                box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.25);
                border-color: #ffffff; }
              .aside-nav .aside-content .switch .case .screen.upgrade .switch__checkbox + label::before {
                background-image: none !important; }
            .aside-nav .aside-content .switch .case .screen.upgrade .switch__label {
              border-radius: 20px;
              cursor: pointer;
              display: block;
              padding: 0 !important;
              overflow: hidden; }
            .aside-nav .aside-content .switch .case .screen.upgrade .switch__inner {
              display: block;
              width: 200%;
              margin-left: -100%;
              transition: margin 0.3s ease-in 0s; }
              .aside-nav .aside-content .switch .case .screen.upgrade .switch__inner:before, .aside-nav .aside-content .switch .case .screen.upgrade .switch__inner:after {
                display: block;
                float: left;
                width: 50%;
                height: 30px;
                padding: 0;
                line-height: 30px;
                box-sizing: border-box; }
              .aside-nav .aside-content .switch .case .screen.upgrade .switch__inner:before {
                background-color: #191a1c;
                content: "";
                color: #FFFFFF;
                padding-left: 10px; }
              .aside-nav .aside-content .switch .case .screen.upgrade .switch__inner:after {
                background-color: #191a1c;
                color: #999999;
                content: "";
                padding-right: 10px; }
            .aside-nav .aside-content .switch .case .screen.upgrade .switch__button {
              display: block;
              height: 20px;
              width: 20px;
              margin: 5px;
              background-color: #46474b;
              box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.25);
              position: absolute;
              top: 0;
              bottom: 0;
              right: 20px;
              border: 2px solid #46474b;
              border-radius: 20px;
              transition: all 0.3s ease-in 0s; }
          .aside-nav .aside-content .switch .case .screen.upgrade .datepicker .form-group {
            display: inline-block;
            margin-bottom: 0;
            width: calc(100% - 45px); }
            .aside-nav .aside-content .switch .case .screen.upgrade .datepicker .form-group .form-control {
              background-color: transparent;
              border: 0;
              border-bottom: 1px solid #5d5d64;
              border-radius: 0;
              color: #ffffff;
              font-size: 14px !important;
              font-weight: normal;
              padding: 6px;
              width: 100%; }
          .aside-nav .aside-content .switch .case .screen.upgrade .datepicker button {
            width: 40px;
            height: 40px;
            float: right; }
          .aside-nav .aside-content .switch .case .screen.upgrade .steppergroup-wrap {
            position: relative;
            height: 54px; }
            .aside-nav .aside-content .switch .case .screen.upgrade .steppergroup-wrap > * .stepper {
              height: 54px; }
              .aside-nav .aside-content .switch .case .screen.upgrade .steppergroup-wrap > * .stepper .main .numbers {
                font-size: 18px; }
            .aside-nav .aside-content .switch .case .screen.upgrade .steppergroup-wrap:after {
              content: ':';
              color: #ffffff;
              font-size: 18px;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
          .aside-nav .aside-content .switch .case .screen.cycling .group.tablegroup table th {
            background-color: #46474b; }
          .aside-nav .aside-content .switch .case .screen.cycling .group.tablegroup table th, .aside-nav .aside-content .switch .case .screen.cycling .group.tablegroup table td {
            border-color: #57575b !important;
            color: #cccccc;
            font-size: 13.5px;
            font-weight: normal; }
          .aside-nav .aside-content .switch .case .screen.cycling .group.titlegroup {
            padding: 0; }
          .aside-nav .aside-content .switch .case .screen.cycling .group.inline-radiogroup .header {
            font-size: 13.5px; }
          .aside-nav .aside-content .switch .case .screen.cycling .group.inline-radiogroup.web-flex {
            align-items: baseline;
            display: block !important; }
            .aside-nav .aside-content .switch .case .screen.cycling .group.inline-radiogroup.web-flex > * {
              flex: 1; }
              .aside-nav .aside-content .switch .case .screen.cycling .group.inline-radiogroup.web-flex > *:first-child {
                flex: 0 0 90px; }
            .aside-nav .aside-content .switch .case .screen.cycling .group.inline-radiogroup.web-flex p {
              color: #ffffff; }
          .aside-nav .aside-content .switch .case .screen.cycling .group.inline-group.web-flex {
            align-items: baseline;
            display: block !important; }
            .aside-nav .aside-content .switch .case .screen.cycling .group.inline-group.web-flex > * {
              flex: 1; }
              .aside-nav .aside-content .switch .case .screen.cycling .group.inline-group.web-flex > *:first-child {
                flex: 0 0 100px; }
            .aside-nav .aside-content .switch .case .screen.cycling .group.inline-group.web-flex p {
              color: #ffffff;
              margin: 0; }
          .aside-nav .aside-content .switch .case .screen.cycling .dropdown {
            font-weight: normal;
            color: #ffffff;
            min-width: 56px;
            width: 100%; }
            .aside-nav .aside-content .switch .case .screen.cycling .dropdown-menu {
              max-height: 200px;
              overflow-y: auto; }
            .aside-nav .aside-content .switch .case .screen.cycling .dropdown-toggle {
              color: #ffffff; }
            .aside-nav .aside-content .switch .case .screen.cycling .dropdown-item {
              color: #333333;
              text-shadow: none; }
            .aside-nav .aside-content .switch .case .screen.cycling .dropdown + .dropdown {
              margin-left: 10px; }
          .aside-nav .aside-content .switch .case .screen.cycling .steppergroup-wrap {
            padding-left: 15px;
            position: relative; }
            .aside-nav .aside-content .switch .case .screen.cycling .steppergroup-wrap .header {
              font-size: 13.5px; }
            .aside-nav .aside-content .switch .case .screen.cycling .steppergroup-wrap > * .stepper {
              height: 54px; }
              .aside-nav .aside-content .switch .case .screen.cycling .steppergroup-wrap > * .stepper .main .numbers {
                font-size: 18px; }
          .aside-nav .aside-content .switch .case .screen.cycling .help-text {
            font-size: 12px;
            font-weight: normal;
            text-align: right; }
          .aside-nav .aside-content .switch .case .screen.except-view {
            display: none; }
            .aside-nav .aside-content .switch .case .screen.except-view .group h3 {
              color: #e83e3e;
              font-size: 18px;
              margin-top: 0; }
            .aside-nav .aside-content .switch .case .screen.except-view .group p {
              color: #cccccc;
              font-size: 16.5px;
              font-weight: normal; }
            .aside-nav .aside-content .switch .case .screen.except-view.active {
              display: block; }
          .aside-nav .aside-content .switch .case .screen.schedule {
            display: none; }
            .aside-nav .aside-content .switch .case .screen.schedule.active {
              display: block; }
            .aside-nav .aside-content .switch .case .screen.schedule li {
              background-color: #46474b;
              border-bottom: 1px solid #57575b; }
              .aside-nav .aside-content .switch .case .screen.schedule li .header {
                color: #cccccc;
                padding: 7px 0;
                border: 0; }
            .aside-nav .aside-content .switch .case .screen.schedule .content {
              padding: 0 11px;
              height: 100%; }
              .aside-nav .aside-content .switch .case .screen.schedule .content dd {
                max-width: 90px; }
                .aside-nav .aside-content .switch .case .screen.schedule .content dd .switch {
                  margin: 0 auto;
                  position: relative;
                  width: 51px;
                  -webkit-user-select: none;
                  -moz-user-select: none;
                  -ms-user-select: none; }
                  .aside-nav .aside-content .switch .case .screen.schedule .content dd .switch__checkbox {
                    display: none; }
                    .aside-nav .aside-content .switch .case .screen.schedule .content dd .switch__checkbox:checked + label::before {
                      background-image: none !important; }
                    .aside-nav .aside-content .switch .case .screen.schedule .content dd .switch__checkbox:checked + .switch__label .switch__inner {
                      margin-left: 0; }
                    .aside-nav .aside-content .switch .case .screen.schedule .content dd .switch__checkbox:checked + .switch__label .switch__button {
                      right: 0;
                      background-color: #ffffff;
                      box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.25);
                      border-color: #ffffff; }
                    .aside-nav .aside-content .switch .case .screen.schedule .content dd .switch__checkbox + label::before {
                      background-image: none !important; }
                  .aside-nav .aside-content .switch .case .screen.schedule .content dd .switch__label {
                    border-radius: 20px;
                    cursor: pointer;
                    display: block;
                    padding: 0 !important;
                    overflow: hidden; }
                  .aside-nav .aside-content .switch .case .screen.schedule .content dd .switch__inner {
                    display: block;
                    width: 200%;
                    margin-left: -100%;
                    transition: margin 0.3s ease-in 0s; }
                    .aside-nav .aside-content .switch .case .screen.schedule .content dd .switch__inner:before, .aside-nav .aside-content .switch .case .screen.schedule .content dd .switch__inner:after {
                      display: block;
                      float: left;
                      width: 50%;
                      height: 30px;
                      padding: 0;
                      line-height: 30px;
                      box-sizing: border-box; }
                    .aside-nav .aside-content .switch .case .screen.schedule .content dd .switch__inner:before {
                      background-color: #191a1c;
                      content: "";
                      color: #FFFFFF;
                      padding-left: 10px; }
                    .aside-nav .aside-content .switch .case .screen.schedule .content dd .switch__inner:after {
                      background-color: #191a1c;
                      color: #999999;
                      content: "";
                      padding-right: 10px; }
                  .aside-nav .aside-content .switch .case .screen.schedule .content dd .switch__button {
                    display: block;
                    height: 20px;
                    width: 20px;
                    margin: 5px;
                    background-color: #46474b;
                    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.25);
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: 20px;
                    border: 2px solid #46474b;
                    border-radius: 20px;
                    transition: all 0.3s ease-in 0s; }
              .aside-nav .aside-content .switch .case .screen.schedule .content .group {
                margin: 0 0 10px;
                width: 100%; }
                .aside-nav .aside-content .switch .case .screen.schedule .content .group .radio-button label {
                  color: #cccccc; }
            .aside-nav .aside-content .switch .case .screen.schedule .group {
              position: relative; }
              .aside-nav .aside-content .switch .case .screen.schedule .group.hour:after {
                content: ":";
                position: absolute;
                right: -9px;
                top: 50%;
                transform: translateY(-50%);
                color: #fff;
                font-size: 18px; }
              .aside-nav .aside-content .switch .case .screen.schedule .group.steppergroup .stepper {
                height: 54px; }
                .aside-nav .aside-content .switch .case .screen.schedule .group.steppergroup .stepper .main .numbers {
                  font-size: 18px; }
                  .aside-nav .aside-content .switch .case .screen .content dt .switch {
                    float: right;
                    margin-top: -5px;
                    position: relative;
                    width: 51px;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none; }
                    .aside-nav .aside-content .switch .case .screen .content dt .switch__checkbox {
                      display: none; }
                      .aside-nav .aside-content .switch .case .screen .content dt .switch__checkbox:checked + label::before {
                        background-image: none !important; }
                      .aside-nav .aside-content .switch .case .screen .content dt .switch__checkbox:checked + .switch__label .switch__inner {
                        margin-left: 0; }
                      .aside-nav .aside-content .switch .case .screen .content dt .switch__checkbox:checked + .switch__label .switch__button {
                        right: 0;
                        background-color: #ffffff;
                        box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.25);
                        border-color: #ffffff; }
                      .aside-nav .aside-content .switch .case .screen .content dt .switch__checkbox + label::before {
                        background-image: none !important; }
                    .aside-nav .aside-content .switch .case .screen .content dt .switch__label {
                      border-radius: 20px;
                      cursor: pointer;
                      display: block;
                      padding: 0 !important;
                      overflow: hidden; }
                    .aside-nav .aside-content .switch .case .screen .content dt .switch__inner {
                      display: block;
                      width: 200%;
                      margin-left: -100%;
                      transition: margin 0.3s ease-in 0s; }
                      .aside-nav .aside-content .switch .case .screen .content dt .switch__inner:before, .aside-nav .aside-content .switch .case .screen .content dt .switch__inner:after {
                        display: block;
                        float: left;
                        width: 50%;
                        height: 30px;
                        padding: 0;
                        line-height: 30px;
                        box-sizing: border-box; }
                      .aside-nav .aside-content .switch .case .screen .content dt .switch__inner:before {
                        background-color: #191a1c;
                        content: "";
                        color: #FFFFFF;
                        padding-left: 10px; }
                      .aside-nav .aside-content .switch .case .screen .content dt .switch__inner:after {
                        background-color: #191a1c;
                        color: #999999;
                        content: "";
                        padding-right: 10px; }
                    .aside-nav .aside-content .switch .case .screen .content dt .switch__button {
                      display: block;
                      height: 20px;
                      width: 20px;
                      margin: 5px;
                      background-color: #46474b;
                      box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.25);
                      position: absolute;
                      top: 0;
                      bottom: 0;
                      right: 20px;
                      border: 2px solid #46474b;
                      border-radius: 20px;
                      transition: all 0.3s ease-in 0s; }
                  .aside-nav .aside-content .switch .case .screen .content dd .group {
                    margin: 0; }
                    .aside-nav .aside-content .switch .case .screen .content dd .group .radio-button {
                      width: 32%; }
        .aside-nav .aside-content .switch .case.info ul {
          margin: 0;
          padding: 0; }
          .aside-nav .aside-content .switch .case.info ul li {
            margin: 0; }
            .aside-nav .aside-content .switch .case.info ul li .header {
              cursor: pointer;
              background-image: url(/images/common/aside_control_dropdown_arrow_down.png);
              background-size: 13px;
              background-position: right 20px center;
              background-repeat: no-repeat;
              color: #d4d5d9;
              height: 100%;
              line-height: 1.5;
              word-break: break-word;
              padding: 15px 35px 15px 20px;
              background-color: #5e626a;
              border-bottom: 1px solid #5e626a; }
              .aside-nav .aside-content .switch .case.info ul li .header > span.has-error {
                display: inline-block;
                width: 25px;
                height: 25px;
                vertical-align: middle;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                -ms-text-overflow: ellipsis;
                line-height: 25px;
		background-image: url(/images/common/ic-error-alert-edit.png);
                background-position: left center;
                background-repeat: no-repeat;
                text-indent: -99999px;
                margin-left: 10px; }
              .aside-nav .aside-content .switch .case.info ul li .header > span.has-alarm {
                display: inline-block;
                width: 25px;
                height: 25px;
                vertical-align: middle;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                -ms-text-overflow: ellipsis;
                line-height: 25px;
                background-image: url(/images/common/master_header_errors_tab_icon_network.png);
                background-position: left center;
                background-repeat: no-repeat;
                text-indent: -99999px;
                margin-left: 10px; }
            .aside-nav .aside-content .switch .case.info ul li .content {
              display: none;
              background-color: #35343a;
              padding-left: 20px;
              padding-right: 10px; }
              .aside-nav .aside-content .switch .case.info ul li .content .btn-detail {
                position: relative;
                width: 100%;
                background-color: transparent;
                height: 31px;
                line-height: 28px;
                color: #cccccc !important; }
                .aside-nav .aside-content .switch .case.info ul li .content .btn-detail img {
                  position: absolute;
                  top: 55%;
                  transform: translateY(-50%);
                  right: 50px; }
              .aside-nav .aside-content .switch .case.info ul li .content dl {
                position: relative;
                padding-top: 10px;
                padding-bottom: 10px;
                overflow: hidden;
                margin-bottom: 0; }
                .aside-nav .aside-content .switch .case.info ul li .content dl.line_block dt {
                  display: block; }
                .aside-nav .aside-content .switch .case.info ul li .content dl.line_block dd {
                  max-width: 100%; }
              .aside-nav .aside-content .switch .case.info ul li .content dt {
                color: #cccccc;
                word-break: keep-all;
                font-weight: normal; }
              .aside-nav .aside-content .switch .case.info ul li .content dd {
                text-align: left;
                color: #ffffff;
                word-break: break-all;
                font-weight: normal; }
              .aside-nav .aside-content .switch .case.info ul li .content .no-schedule {
                text-align: center;
                line-height: 1.5;
                color: #707074;
                padding-top: 50px;
                padding-bottom: 50px; }
              .aside-nav .aside-content .switch .case.info ul li .content table th {
                background-color: transparent;
                border: 0;
                color: #d4d5d9;
                height: 45px;
                text-align: center; }
              .aside-nav .aside-content .switch .case.info ul li .content table thead th {
                border-top: 0 !important;
                border-bottom: 1px solid #4a4b52; }
                .aside-nav .aside-content .switch .case.info ul li .content table thead th:nth-child(1) {
                  width: 85px; }
              .aside-nav .aside-content .switch .case.info ul li .content table tbody th, .aside-nav .aside-content .switch .case.info ul li .content table tbody td {
                color: #ffffff;
                border: 0;
                border-bottom: 1px solid #3f3e44;
                text-align: center; }
            .aside-nav .aside-content .switch .case.info ul li.open-dropdown .header {
              background-image: url(/images/common/aside_control_dropdown_arrow_up.png);
              background-size: 13px;
              background-position: right 20px center;
              background-repeat: no-repeat;
              border-bottom: none; }
            .aside-nav .aside-content .switch .case.info ul li.open-dropdown .content {
              display: block; }
            .aside-nav .aside-content .switch .case.info ul li + li .content dt, .aside-nav .aside-content .switch .case.info ul li + li .content dd {
              width: auto; }
              
              /*pcs추가:211108*/
		.aside-nav .aside-content .switch .case .info__disable {
		  padding: 20px;
		  width: 100%;
		  height: 100%; }
		  .aside-nav .aside-content .switch .case .info__disable .text {
		    position: absolute;
		    top: 50%;
		    width: calc(100% - 40px);
		    text-align: center;
		    transform: translateY(-50%); }
              
  .aside-nav .aside-footer {
    bottom: 0;
    background-color: #26252a;
    height: 50px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px; }
    .aside-nav .aside-footer button {
      width: 45%;
      height: 42px; }
  .aside-nav.open-nav {
    right: 0;
    min-height: 100%; }
    .aside-nav.open-nav > .nav-toggle-action-r {
      background-image: url(/images/common/master_column3_toggle_arrow_right.png); }
  .aside-nav.with-tab {
    top: 107px;
    height: calc(100% - 60px);
    min-height: calc(100% - 60px); }
    .aside-nav.with-tab .listItem {
      height: calc(100% - 160px);
      height: -webkit-calc(100% - 160px);
      height: -moz-calc(100% - 160px);
      height: -ms-calc(100% - 160px); }
    .aside-nav.with-tab .nav-toggle-action-r {
      top: 20px; }
  .aside-nav header {
    border: 0; }
  .aside-nav > .nav-toggle-action-r {
    cursor: pointer;
    display: block;
    width: 20px;
    height: 55px;
    position: absolute;
    top: 10px;
    left: -21px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    background-image: url(/images/common/master_column3_toggle_arrow_left.png);
    background-position: center center;
    background-repeat: no-repeat;
    border-top: 1px solid #262626;
    border-left: 1px solid #262626;
    border-bottom: 1px solid #262626;
    background-color: #333333; }
    .aside-nav > .nav-toggle-action-r.with-tab {
      top: 65px; }
  .aside-nav__disable {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.85); }
    .aside-nav__disable .info {
      position: absolute;
      top: 50%;
      width: calc(100% - 40px);
      transform: translateY(-50%); }
      .aside-nav__disable .info p {
        margin-top: 15px; }
    .aside-nav__disable.on {
      display: block; }

.left-nav {
  position: fixed;
  z-index: 1;
  top: 57px;
  left: -215px;
  height: 100%;
  width: 292px;
  background-color: #ffffff;
  border-right: solid 1px #d0d1d2;
  -webkit-transition: left 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.99, 0.4, 0.99);
  transition: left 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0.99, 0.4, 0.99); }
  .left-nav.open-nav {
    left: 80px;
    min-height: 100%; }
    .left-nav.open-nav > .nav-toggle-action {
      background-image: url(/images/common/master_column3_toggle_arrow_left.png); }
  .left-nav header {
    border: 0; }
    .left-nav header.has-error {
      background-image: url(/images/common/ui_dropdowntree_current_error.png);
      background-size: 16px 14px;
      background-position: center center;
      background-repeat: no-repeat;
      background-position: 200px center; }
    .left-nav header.gw-error {
      padding-right: 85px !important;
      background-image: url(/images/facility/icon/ic_disconnected_sm.png);
      background-size: 16px 14px;
      background-position: center center;
      background-repeat: no-repeat;
      background-position: 175px 20px; }
    .left-nav header .error-count {
      color: #d40000;
      display: block;
      font-size: 12px;
      width: auto;
      min-width: 24px;
      text-align: center;
      position: absolute;
      top: 50%;
      right: 5px;
      transform: translateY(-50%);
      background-image: url(/images/common/ic-error-alert-edit.png);
      background-size: 16px 14px;
      background-position: center center;
      background-repeat: no-repeat; }
    .left-nav header.outdoor-fan .error-count {
      right: 43px; }
    .left-nav header.outdoor-fan .outdoor-fan-btn {
      display: block;
      width: 30px;
      height: 16px;
      position: absolute;
      top: 53%;
      right: 5px;
      transform: translateY(-50%);
      background-image: url(/images/schedule/cycle_btn.png);
      background-size: 16px 14px;
      background-position: center center;
      background-repeat: no-repeat;
      border-left: 1px solid #d9d9d9; }
  .left-nav > .nav-toggle-action {
    cursor: pointer;
    display: block;
    width: 20px;
    height: 55px;
    position: absolute;
    top: 10px;
    right: -21px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background-image: url(/images/common/master_column3_toggle_arrow_right.png);
    background-position: center center;
    background-repeat: no-repeat;
    border-top: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    background-color: white; }
  .left-nav .listItem {
    border-top: solid 1px  #e5e5e5;
    height: calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: -ms-calc(100% - 60px);
    overflow-y: auto;
    -ms-overflow-style: none; }
  .left-nav tab ul {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap; }
    .left-nav tab ul li {
      cursor: pointer;
      font-size: 16px;
      flex-grow: 1;
      flex-basis: 0;
      -webkit-flex-grow: 1;
      -webkit-flex-basis: 0;
      flex-shrink: 1;
      -webkit-flex-shrink: 1;
      position: relative;
      text-align: center;
      line-height: 60px;
      white-space: nowrap; }
      .left-nav tab ul li.active {
        color: #333333; }
        .left-nav tab ul li.active::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 2px;
          background-color: #a50034;
          bottom: 0;
          left: 0;
          -webkit-transition: height 0.5s;
          -webkit-transition-timing-function: cubic-bezier(0.4, 0.99, 0.4, 0.99);
          transition: height 0.5s;
          transition-timing-function: cubic-bezier(0.4, 0.99, 0.4, 0.99); }
      .left-nav tab ul li::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #d2d2d3;
        bottom: 0;
        left: 0; }
  .left-nav .left-nav-content .list {
    padding: 0;
    margin: 0; }
  .left-nav .left-nav-content .item {
    cursor: pointer;
    min-height: 55px;
    font-size: 16.4px;
    font-weight: bold;
    line-height: 3.36;
    text-align: left;
    color: #333333;
    border-bottom: solid 1px #e5e5e5;
    position: relative; }
    .left-nav .left-nav-content .item.active {
      border: none; }
      .left-nav .left-nav-content .item.active > header > .toggle-btn {
        background: url(/images/common/ico-drop_up.png) no-repeat center transparent; }
      .left-nav .left-nav-content .item.active > ul {
        display: block; }
    .left-nav .left-nav-content .item.allInOne {
      border: 0;
      padding-left: 20px; }
    .left-nav .left-nav-content .item header {
      margin-left: 25px;
      padding-right: 41px;
      height: 50px;
      width: 260px; }
      
      .left-nav .left-nav-content .item header + .tooltip {
      z-index:99999;
      top:45px !important;
      left:40px !important;
      display: block;
      }
      .left-nav .left-nav-content .item header + .tooltip.top .tooltip-arrow {
      	top: 0;
      	bottom: auto;
   		transform: rotate(180deg);
      }
      
      .left-nav .left-nav-content .item header > .toggle-btn {
        background: url(/images/common/ico-drop_down.png) no-repeat center transparent;
        width: 15px;
        height: 10px;
        position: absolute;
        top: 22px;
        right: 20px; }
      .left-nav .left-nav-content .item header > .gw-btn {
        background: url(/images/common/ic-setting.png) no-repeat center transparent;
        width: 15px;
        height: 13px;
        padding-right: 30px;
        position: absolute;
        top: 22px;
        right: 40px;
        border-right: 1px solid #eeeeee; }
    .left-nav .left-nav-content .item > header {
      padding-right: 61px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-wrap: normal; }
      
    /* 留먯쨲�엫 �깮�왂 */
    .left-nav .left-nav-content .item > header {
		padding-top: 15px;
		padding-bottom: 15px;
		height: auto;
		line-height: 1.6;
	    text-overflow: initial !important;
	    white-space: initial !important;
	    word-wrap: break-word !important; }
      
    .left-nav .left-nav-content .item > ul {
      display: none; }
    .left-nav .left-nav-content .item input[type="checkbox"] + label {
      overflow: hidden;
      padding-left: 30px;
      text-overflow: ellipsis;
      width: calc(100% - 24px);
      white-space: nowrap;
      word-wrap: normal; }
  .left-nav .left-nav-content .sub-item {
    cursor: pointer;
    min-height: 48px;
    background-color: #f8f8f8;
    font-size: 15px;
    font-weight: bold;
    line-height: 3.32;
    text-align: left;
    color: #333333;
    position: relative;
    height: 50px; }
   .left-nav .left-nav-content.trend-nav .sub-item {
    height: auto; }
    .left-nav .left-nav-content .sub-item.type_2line {height: auto;}
    .left-nav .left-nav-content .sub-item.type_2line header {padding: 13px 0;height: auto;}
    .left-nav .left-nav-content .sub-item.type_2line label {line-height: 1.6;height: auto;word-break: break-all;} 
    .left-nav .left-nav-content .sub-item.type_2line .tooltip {top: auto !important; bottom: auto !important;}
    /*.left-nav .left-nav-content .sub-item .type_2line header {height: auto;} */ 
    /*.left-nav .left-nav-content .sub-item .type_2line header label {padding: 13px 0;}*/ 
    .left-nav .left-nav-content .sub-item header {
      border-top: 1px solid #e5e5e5;
      margin-left: 24px;
      padding-left: 20px; }
      .left-nav .left-nav-content .sub-item header + .tooltip {
      z-index:99999;
      top:45px !important;
      left:40px !important;
      display: block;
      }
      .left-nav .left-nav-content .sub-item header + .tooltip.top .tooltip-arrow {
      	top: 0;
      	bottom: auto;
   		transform: rotate(180deg);
      }
      .left-nav .left-nav-content .sub-item header.checkAll {
        padding-left: 0; }
    .left-nav .left-nav-content .sub-item > ul {
      display: none; }
    .left-nav .left-nav-content .sub-item.active {
      border: none; }
      .left-nav .left-nav-content .sub-item.active > header > .toggle-btn {
        background: url(/images/common/ico-drop_up.png) no-repeat center transparent; }
      .left-nav .left-nav-content .sub-item.active > ul {
        display: block; }
  .left-nav .left-nav-content .third-item {
    cursor: pointer;
    min-height: 48px;
    background-color: #f8f8f8;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    text-align: left;
    color: #333333;
    position: relative;
    /*height: 50px;*/ }
    .left-nav .left-nav-content .third-item > header {
      border-top: 1px solid #e5e5e5;
      margin-left: 24px;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 45px;
      height: auto; }
	.left-nav .left-nav-content .third-item > header label {
	    text-overflow: initial !important;
	    white-space: initial !important;
	    word-wrap: break-word !important; }
      .left-nav .left-nav-content .third-item > header > .toggle-btn {
        background: url(/images/common/ic-drop-right-cell.png) no-repeat center transparent;
        width: 15px;
        height: 10px;
        position: absolute;
        top: 20px;
        left: 45px; }
    .left-nav .left-nav-content .third-item > ul {
      display: none; }
    .left-nav .left-nav-content .third-item.active {
      border: none; }
      .left-nav .left-nav-content .third-item.active > header > .toggle-btn {
        background: url(/images/common/ico-drop_up.png) no-repeat center transparent; }
      .left-nav .left-nav-content .third-item.active > ul {
        display: block; }
  .left-nav footer.left-footer {
    text-align: center;
    margin-top: 30px;
    height: 100px; }
    .left-nav footer.left-footer button {
      background-color: #ffffff;
      border: solid 1px #d0d1d2;
      border-radius: 30px;
      font-size: 13.7px;
      line-height: 1.5;
      text-align: center;
      color: #333333;
      height: 51px;
      margin: 0;
      width: 191px; }
  .left-nav ul {
    margin-bottom: 0; }
  .left-nav__schedule .left-nav-content .sub-item {
    background-color: transparent; }
    .left-nav__schedule .left-nav-content .sub-item:first-child {
      border-top: 1px solid #e5e5e5; }
      .left-nav__schedule .left-nav-content .sub-item:first-child header:first-child {
        border: 0; }
    .left-nav__schedule .left-nav-content .sub-item:last-child header {
      border-bottom: 1px solid #e5e5e5; }
    .left-nav__schedule .left-nav-content .sub-item header {
      margin: 0 15px; }
  .left-nav.menu-management .listItem {
    height: calc(100% - 170px);
    height: -webkit-calc(100% - 170px);
    height: -moz-calc(100% - 170px);
    height: -ms-calc(100% - 170px); }
  .left-nav.menu-management .item {
    cursor: pointer;
    min-height: 55px;
    font-size: 16.4px;
    font-weight: bold;
    line-height: 3.36;
    text-align: left;
    color: #333333;
    position: relative; }
    .left-nav.menu-management .item.active {
      border: none; }
      .left-nav.menu-management .item.active > ul {
        display: block; }
    .left-nav.menu-management .item header {
      margin-left: 25px;
      padding-right: 41px;
      min-height: 50px;
      width: 260px; }
    .left-nav.menu-management .item > ul {
      display: none; }
    .left-nav.menu-management .item__radio {
      cursor: pointer;
      min-height: 55px;
      font-size: 16.4px;
      font-weight: bold;
      position: relative;
      line-height: 3.36;
      text-align: left;
      color: #333333;
      border-top: solid 1px  #e5e5e5;
      position: relative; }
      .left-nav.menu-management .item__radio .content {
        display: none;
        min-height: 55px;
        font-size: 16px;
        line-height: 3.36;
        text-align: left;
        color: #333333;
        padding: 0 20px; }
        .left-nav.menu-management .item__radio .content input + label {
          font-weight: normal;
          margin-right: 20px; }
          .left-nav.menu-management .item__radio .content input + label:last-child {
            margin-right: 0; }
      .left-nav.menu-management .item__radio > header {
        border: 0;
        margin: 0;
        padding-left: 25px; }
      .left-nav.menu-management .item__radio.active .toggle-btn {
        background: url("/images/common/ic-drop-cell.png") no-repeat center transparent; }
      .left-nav.menu-management .item__radio.active > header {
        border-bottom: 1px solid #e5e5e5; }
      .left-nav.menu-management .item__radio.active .content {
        display: block; }
    .left-nav.menu-management .item__dropdown header {
      padding: 0;
      margin: 0;
      width: 100%; }
  .left-nav.menu-management .sub-item {
    cursor: pointer;
    min-height: 48px;
    background-color: #f8f8f8;
    font-size: 15px;
    font-weight: bold;
    line-height: 3.32;
    text-align: left;
    color: #333333;
    position: relative;
    height: 50px; }
    .left-nav.menu-management .sub-item:first-child header {
      border-top: 0; }
    .left-nav.menu-management .sub-item header {
      border-top: 1px solid #e5e5e5;
      margin-left: 24px;
      padding-left: 20px; }
    .left-nav.menu-management .sub-item > ul {
      display: none; }
    .left-nav.menu-management .sub-item.selected {
      background-color: #e4e4e4; }
  .left-nav.menu-management ul.list {
    margin: 0; }
  .left-nav.menu-management .dropdown {
    height: 100%;
    padding: 0 15px; }