@media only screen and (min-width:1200px) and (max-width:1370px){
    .right-section .tab-wrap .pend-inner .pending-wrap-inner .user-date{width:80px; font-size: 12px; font-weight: 500;}
    .right-section .tab-wrap .pend-inner .pending-wrap-inner .tp-nm{font-size: 13px;}
    .right-section .tab-wrap .pend-inner .pending-wrap-inner .bt-nm{font-size: 12px;}
    .right-section .tab-wrap .pend-inner .pending-wrap-inner .user-icon{width: 35px; height: 35px; line-height: 36px;}
    .right-section .tab-wrap .pend-inner .pending-wrap-inner{width:96.5%;}
    .right-section .tab-wrap .pend-inner .pending-wrap-inner .user-subject{font-size: 13px; width: 60px;}
    }

@media only screen and (max-width: 600px) {
    .left-navigation-wrap{
        width: 0;
        transition: all linear 0.2s;
        opacity: 0;
    }
    .slide-left-nav .left-navigation-wrap{
        width:15%;
        opacity: 1;
      }
  }