function subment_toggle(obj){
  var _this = obj;
  if($(_this).hasClass('open')){
    $(_this).removeClass('open');
    $(_this).next('.nav').toggle('fast');
  }else{
    $(_this).addClass('open');
    $(_this).next('.nav').toggle('fast');
  }
}




 // ¼­ºê ÅÇ ÅÍÄ¡
 var x,y,top,left,down;
 $(".nav-tabs").mousedown(function(e){
  e.preventDefault();
  down = true;
  x = e.pageX;
  left = $(this).scrollLeft();
 });
 $("body").mousemove(function(e){
  if(down){
   var newX = e.pageX;
   $(".nav-tabs").scrollLeft(left - newX + x);    
  }
 });
 $("body").mouseup(function(e){down = false;});
 // ¼­ºê ÅÇ ½ºÅ©·Ñ
 var pageList = ".nav-tabs";
 var pageListFadeEl = ".scroll_fade";
 var pageListItem = ".nav-tabs li";
 $(pageList).on("scroll", function() {
  console.log($(this)[0].offsetWidth);
  var scrollLeft = $(this).scrollLeft();
  var pageListWidth = $(this)[0].scrollWidth - $(this)[0].offsetWidth;
  if(scrollLeft === pageListWidth){
   $(this).siblings(pageListFadeEl).addClass('is-hide');
   //alert("aa")
  } else {
   $(this).siblings(pageListFadeEl).removeClass('is-hide');
  }
 });
 if($(pageListItem).hasClass("on") === true){
  var activeWidth = $(".nav-tabs li.on").width();
  var activeOffset = $(".nav-tabs li.on").offset().left;
  $(pageList).animate({
   scrollLeft: activeOffset - activeWidth
  }, 300);
 }