$(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();
        }
    });

    $(".searchbtn").on('click', function() {
        $(".search-alert2").stop().fadeIn(300);
        $("body,html").addClass('ovh');
    });
    $(".search-alert2 .close").on('click', function() {
        $(".search-alert2").stop().hide();
        $("body,html").removeClass('ovh');
    });


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

        if (target_top > 100) {
            $(".warp-header4").addClass("active");
        }else{
            $(".warp-header4").removeClass("active");
        }
    });

    backTop($(".backbtn"));

    visual_button_scroll_down($(".ibanner .btn"));


    $(".header4 .leftbox .li").hover(function(){
        $(this).find(".subbox").stop().slideDown();
    },function(){
        $(this).find(".subbox").stop().slideUp();
    })

})