.panel {
    /*font-family:'notokr','Nanum';*/
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      position: fixed;
      z-index: 9999;
      top: 0;
      height: 100%;
      width: 60%;
      background-color: #afb6a8;
position:relative;
    }
    .panel .moff {display:none;position:absolute;top:0}
    .panel .ninja-btn {
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      display: inline-block;
      float: left;
      cursor: pointer;
      padding: 30.285714px 31px;
      position: absolute;
      z-index: 2;
      top: -25px;
      width: 25px;
      height: auto;
    }
    .panel .ninja-btn span,
    .panel .ninja-btn span:before,
    .panel .ninja-btn span:after {
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      width: 0px;
      height: 2px;
      background-color: #fff;
    }
    .panel .ninja-btn span {
      position: relative;
      display: inline-block;
      float: left;
      margin-top: 9.09090909px;
    }
    .panel .ninja-btn span:before,
    .panel .ninja-btn span:after {
      content: "";
      position: absolute;
      left: 0;
    }
    .panel .ninja-btn span:before {
      top: -9.09090909px;
    }
    .panel .ninja-btn span:after {
      top: 9.09090909px;
    }
    
    /*메뉴 클릭후, 메뉴 버튼을 활성화 시켰을때 속성*/
    .panel .ninja-btn.active span {
      background-color: transparent;
    }
    .panel .ninja-btn.active span:before,
    .panel .ninja-btn.active span:after {
      top: 0;
    }
    .panel .ninja-btn.active span:before {
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
    }
    .panel .ninja-btn.active span:after {
      -webkit-transition-delay: 0.09s;
      -moz-transition-delay: 0.09s;
      -o-transition-delay: 0.09s;
      -msa-transition-delay: 0.09s;
      transition-delay: 0.09s;
      transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
    }
    /* 안보이는 패널위치고정 */
    .panel-overlay {
      position: fixed;
      top: 0;
left:0;
      z-index: 9998;
      width: 100%;
      height: 100%;
      display: none;
      background-color: rgba(0, 0, 0, 0.6);
      cursor: pointer;
    }
    .panel.left {
      right: -800px;
    }
    /*패널 버튼 부분 위치*/
    .panel.left .ninja-btn {
      right: 770px;top:0;
    }
    /* 패널이 활성화 되었을때 */
    .panel.left.active {
      right: 0;
      overflow: scroll;
      overflow-x:hidden;
      overflow-y:auto;
      z-index:9999999;
    }
    .panel.left.active .ninja-btn {
      right: 100%;
      margin-right: -70px;
    }
    .panel ul li.sub-menu{
    }
    
    .tmmenu ul {
      width:100%; 
      margin:0; 
      list-style:none;
    }
    .tmmenu ul > li{
      display:block;
     padding-bottom:1px; 
    }
    .tmmenu  ul > li > a.ttmenu{
      height:45px; 
      line-height:45px; 
      display:block; 
      text-decoration:none; 
      color:#fff;
    background:#096a3c url("../img/icon_toggle_plus.gif") no-repeat 95% center;
    font-size:15px;
    font-weight:500;
    padding-left:35px;
    letter-spacing:-1
    }
    .tmmenu .login_area {background:#dddfd9;text-align:left;font-size:15px;padding-left:10px}
   /*.mmenu .login_area .btn_login {display:inline-block;margin:30px auto 0;width:100px;height:40px;line-height:38px;background:#000;color:#fff;}*/
    .tmmenu .login_area .btn_new {background:#000;display:inline-block;width:95%;height:35px;text-align:center;line-height:35px;margin-top:0;color:#fff;margin-bottom:15px;border:1px solid #000}
    .tmmenu .sub_list {background:#dee0e6;padding:10px 0}
    .tmmenu .sub_list a {display:block;line-height:30px;height:30px;padding-left:40px;font-size:14px;color:#034042}