$(function(){
	scrollAni();

	$(".m-bocweb-header3 .header2 .hamburger").on("click",function(){
        if ($(this).hasClass("is-active")) {
            $(this).removeClass("is-active");
            $(".m-bocweb-header3 .warp-nav").stop(true,false).hide(0);
            $("body,html").removeClass("ovh");
            $(".m-bocweb-header3 .header2 .nav .li").removeClass("animate");
            if (!$(".m-bocweb-header3").hasClass("on")) {
                $(".m-bocweb-header3").removeClass("active");
            }
            $(".header2 .h-right span").html("MENU");
        }else{
            $(this).addClass("is-active");
            $(".m-bocweb-header3 .warp-nav").stop(true,false).show(0);
            $("body,html").addClass("ovh");
            $(".m-bocweb-header3 .header2 .nav .li").addClass("animate");
            if (!$(".m-bocweb-header3").hasClass("on")) {
                $(".m-bocweb-header3").addClass("active");
            }
            $(".header2 .h-right span").html("COLSE");
        }
    })
    var _colSpan= $('.m-bocweb-header3 .header2 .nav .li');
    var _len=_colSpan.length;
    var i=0;
    for(i;i<_len;i++){
      _colSpan.eq(i).css({
          'transition-delay': 0.1 + 0.04*(i+1)+'s'
      });
    }


    $(".m-bocweb-header3 .header2 .sub-tit").on('click', function() {
        if ($(this).siblings('.sec-list').is(':hidden')){
            $(this).addClass('on');
            $(this).siblings('.sec-list').stop().slideDown();
            $(this).parent().siblings('li').children('.sec-list').stop().slideUp().siblings('.tit').removeClass('on');
        }else{
            $(this).removeClass('on');
            $(this).siblings('.sec-list').stop().slideUp();
        }
    });

    $(".li-sub-tit").on("click",function(){
        $(".warp-nav2-sub").addClass("active");
        $(".warp-nav1-sub").addClass("active");
    })
    $(".m-bocweb-header3 .colsebtn").on("click",function(){
        $(".warp-nav1-sub").removeClass("active");
        $(".warp-nav2-sub").removeClass("active");
    })


    $(window).scroll(function() {
        var target_top = $(window).scrollTop();

        if (target_top > parseInt($(".n-banner").height() + $(".header4").height())) {
            $(".fixnav").addClass("active");
        }else{
            $(".fixnav").removeClass("active");
        }

        if (target_top > parseInt($(".n-banner").height())) {
            $(".warp-subnav2").addClass("active");
            $(".warp-subnav").addClass("active");
        }else{
            $(".warp-subnav2").removeClass("active");
            $(".warp-subnav").removeClass("active");
        }
    });
})