html, body { height: 100%; overflow-x: hidden; }

.gnb { position: fixed; top: 0; left: 0; width: 210px; height: 100%; background: #d40323; border-right: 1px solid #c0021f; }

.nav-sidebar-content {position: relative; top: 0; left: 0; min-height: 100%; z-index: 10; background-color: #FFF; }

.nav-sidebar-pulled {
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }

.nav-sidebar-pushed {
  -webkit-transform: translate3d(210px, 0, 0);
  -moz-transform: translate3d(210px, 0, 0);
  -ms-transform: translate3d(210px, 0, 0);
  -o-transform: translate3d(210px, 0, 0);
  transform: translate3d(210px, 0, 0); }

.nav-sidebar-scroll-disabled { position: fixed; overflow: hidden; }