.leftMainMenu .sm-nav li button {
  height: 67px;
  padding-top: 30px;
  background-image: url(../images/gnb.png);
    text-transform: uppercase;
}

.leftMainMenu .sm-nav li.Dashboard button {
  padding-top: 24px;
  background-position: -10px -30px;
}

.leftMainMenu .sm-nav li.Dashboard button:hover {
  background-position: -10px -130px;
}

.leftMainMenu .sm-nav li.Dashboard.on button {
  background-position: -10px -230px;
}

.leftMainMenu .sm-nav li.User button {
  background-position: -110px -25px;
}

.leftMainMenu .sm-nav li.User button:hover {
  background-position: -110px -125px;
}

.leftMainMenu .sm-nav li.User.on button {
  background-position: -110px -225px;
}

.leftMainMenu .sm-nav li.Device button {
  background-position: -210px -25px;
}

.leftMainMenu .sm-nav li.Device button:hover {
  background-position: -210px -125px;
}

.leftMainMenu .sm-nav li.Device.on button {
  background-position: -210px -225px;
}

.leftMainMenu .sm-nav li.Door button {
  background-position: -310px -25px;
}

.leftMainMenu .sm-nav li.Door button:hover {
  background-position: -310px -125px;
}

.leftMainMenu .sm-nav li.Door.on button {
  background-position: -310px -225px;
}

.leftMainMenu .sm-nav li.Zone button {
  background-position: -410px -25px;
}

.leftMainMenu .sm-nav li.Zone button:hover {
  background-position: -410px -125px;
}

.leftMainMenu .sm-nav li.Zone.on button {
  background-position: -410px -225px;
}

.leftMainMenu .sm-nav li.AccessControl button {
  padding-top: 24px;
  background-position: -510px -30px;
}

.leftMainMenu .sm-nav li.AccessControl button:hover {
  background-position: -510px -130px;
}

.leftMainMenu .sm-nav li.AccessControl.on button {
  background-position: -510px -230px;
}

.leftMainMenu .sm-nav li.Monitoring button {
  background-position: -612px -22px;
}

.leftMainMenu .sm-nav li.Monitoring button:hover {
  background-position: -612px -122px;
}

.leftMainMenu .sm-nav li.Monitoring.on button {
  background-position: -612px -222px;
}

.leftMainMenu .sm-nav li.TA button {
  background-position: -712px -26px;
}

.leftMainMenu .sm-nav li.TA button:hover {
  background-position: -712px -126px;
}

.leftMainMenu .sm-nav li.TA.on button {
  background-position: -712px -226px;
}

.leftMainMenu .sm-nav li.Report button {
  background-position: -1005px -26px;
}

.leftMainMenu .sm-nav li.Report button:hover {
  background-position: -1005px -126px;
}

.leftMainMenu .sm-nav li.Report.on button {
  background-position: -1005px -226px;
}

.leftMainMenu .sm-nav li.Elevator button {
  background-position: -812px -26px;
}

.leftMainMenu .sm-nav li.Elevator button:hover {
  background-position: -812px -126px;
}

.leftMainMenu .sm-nav li.Elevator.on button {
  background-position: -812px -226px;
}

.leftMainMenu .sm-nav li.Video button {
  background-position: -905px -26px;
}

.leftMainMenu .sm-nav li.Video button:hover {
  background-position: -905px -128px;
}

.leftMainMenu .sm-nav li.Video.on button {
  background-position: -905px -226px;
}

.leftMainMenu .sm-nav li.Visitor button {
  background-image: url("../images/visitor/gnb_ic_visitor_nor.png");
  background-position-x: 24px;
  background-position-y: 10px;
}

.leftMainMenu .sm-nav li.Visitor button:hover {
  background-image: url("../images/visitor/gnb_ic_visitor_over.png");
}

.leftMainMenu .sm-nav li.Visitor.on button {
  background-image: url("../images/visitor/gnb_ic_visitor_pre.png");
}

/*메뉴 추가시*/

/*1.아래 세개의 스타일에 background-image 이미지 세팅*/
/*.leftMainMenu .sm-nav li.메뉴class button*/
/*.leftMainMenu .sm-nav li.메뉴class button:hover*/
/*.leftMainMenu .sm-nav li.메뉴class.on button*/

/*2.미디어 쿼리에서 max-height값을 기존의 값에 (추가된 메뉴 * 70)을 더해서 설정*/


@media (max-height: 650px) {
  .leftMainMenu #left-nav-list.sm-nav li button{
    background-image: none;
    height: 40px;
    padding-top: 0;
  }
}