(function($) {
 $.fn.queued = function() {
  var self = this;
  var func = arguments[0];
  var args = [].slice.call(arguments, 1);
  return this.queue(function() {
   $.fn[func].apply(self, args).dequeue();
  });
 }
}(jQuery));

$(function () {
 var playing = false;
 var winW;
 var winH;
 var $sectionWrap = $(".sectionWrap");
 var $section = $(".section");
 var sectionActive = 0;
 var footHeight;
 // if($section.width() <= 720) {
 //  $('body').addClass('mo')
 // }else if($section.width() > 720 && $section.width() <= 1100 ) {
 //  // topBannInit()
 //  $('body').removeClass('mo')
 //  $('body').addClass('tablet');
 // }else if($section.width() > 1100 ) {
 //  // topBannInit()
 //  $('body').removeClass('mo')
 //  $('body').removeClass('tablet');
 // };

 //×â&#50326;&#53369; &#65533;¸í&#46655;
 resize(true);
 init();
 // gnb();
 //&#65533;&#45896;&#47300;&#65533;&#65533; 리ì&#44439;&#65533;´ì&#51952;
 var resizeTiming;
 $(window).resize(function () {
  if($section.width() <= 720) {
   // $('body').addClass('mo')
   $(".header").stop().animate({ top: 0}, {
    duration: 500,
    easing: "easeInOutCubic"
   });
   // $('.mainStep').stop().animate({top:0},300)
  }else if($section.width() > 720 && $section.width() <= 1100 ) {
   // topBannInit()
   // $('body').removeClass('mo')
   // $('body').addClass('tablet');
   $(".header").stop().animate({ top: 0}, {
    duration: 500,
    easing: "easeInOutCubic"
   });
   // $('.mainStep').stop().animate({top:90},300)
  }else if($section.width() > 1100 ) {
   // topBannInit()
   // $('body').removeClass('mo')
   // $('body').removeClass('tablet');
   
  };
  //clearTimeout(resizeTiming);
  //resizeTiming = setTimeout(function () {
       // resize();
  //}, 10);
  resize();
 });
 function init() {
  var sectionMany = $section.length - 1;
  $(document).mousewheel(function (event, delta) {
   if ( !$('body').is('.mo') && !$('body').is('.tablet')) {
    if (!playing && !$("body").hasClass("dim")) {
     playing = true;
     if (delta == -1) {
      if (sectionActive < sectionMany) {
       sectionActive = sectionActive + 1;
      } else {
       setTimeout(function () {
        playing = false;
       }, 100)
       return;
      }
     }
     if (delta == 1) {
      if (sectionActive == 0) {
       setTimeout(function () {
        playing = false;
       }, 100)
       return;
      } else {
       sectionActive = sectionActive - 1;
      }
     }
     $(".btn_event_close").click();
     sectionAnimating(sectionActive, 700);
    }
   }
  });
  $(".mainStep ul li a").click(function (e) {
   e.preventDefault();
   var idx = $(this).closest("li").index();
   sectionAnimating(idx, 700);
   var focusItem = setTimeout(function () {
    $('.section').eq(idx).focus()
   }, 750);
  })
  
  $(".scroll").click(function (e) {
   e.preventDefault();
   if (sectionActive < sectionMany) {
    sectionAnimating(sectionActive + 1, 700);
   }
  })
  $(".btn_main_up").click(function (e) {
   e.preventDefault();
   if (sectionActive != 0) {
    sectionAnimating(sectionActive - 1, 700);
   }
  })
  $(".btn_contentTop").click(function (e) {
   e.preventDefault();
   sectionAnimating(0, 700);
  })
  $(".btnAllmenu").click(function (e) {
   if ( !$('body').is('.mo')){
    sectionAnimating(0, 700);
   }
  })
  sectionAnimating(0, 0);
 }
 //&#65533;¹ì&#45089; &#65533;&#65533;×Ù&#44280;&#50474;&#65533;&#65533; Òï¨ì&#45089; &#65533;&#50326;&#48945;
 function sectionAnimating(active, speed) {
  //&#65533;&#51338;ª¨&#65533;&#49423;&#46470; &#65533;´ë²¤&#65533;&#65533; &#65533;«ê¸°
  //ê³µí&#45371; Òï¨ì&#45089;
  sectionActive = active;
  // $(".section").eq(active).focusin(function(){
  //  sectionActive = $(this).index();
  // })
  if (sectionActive != 2) {
   $(".mainWrap").attr("class", "mainWrap section" + (sectionActive));
  }
  $(".sectionWrap").attr("class", "sectionWrap section" + (sectionActive));
  $(".mainStep a").blur();
  $section.css("z-index", 9);
  $section.eq(active).css("z-index", 10).addClass("active");
  var top = -winH * active;
  if (sectionActive < 6) {
  //if (sectionActive < 4) {
  }else {
   top = -((winH * (active - 1)) + footHeight);
  }
  $(".sectionWrap").stop().animate({ top: top }, {
   duration: speed,
   easing: "easeInOutCubic",
   complete: function () {
    playing = false;
    $(".section").filter(function (index) {
     return index != active;
    }).removeClass("active");
    if (sectionActive == 2) {
     $(".mainWrap").attr("class", "mainWrap section" + (sectionActive));
    }
    if (!$("html").hasClass("htmlInit")) {
     $("html").addClass("htmlInit");
     resize(true);
    } else {
     resize();
    }
    
    // if (sectionActive < 4) {
     $(".mainStep li").removeClass("on").eq(active).addClass("on");
    // }
    if(!$(".section").eq(active).hasClass("motion")) {
     $(".section").eq(active).addClass('on')
     $(".section").eq(active).find('.appear-animation').each(function(index, el) {
      $(el).delay(index * 250).queue(function(next) {
       $(this).addClass("fadeInUp");
       next();
      });
     });
    }
   }
  });
  if (sectionActive == 0) {
   if(!$("body").is('.tablet') && !$("body").is('.mo')) {
    $(".topMenuWrap").stop().slideDown({
     duration: 500,
     easing: "easeInOutCubic"
    });
    $(".mainStep").show().stop().animate({ left: "50%", opacity: 1 }, {
     duration: 1000,
     easing: "easeInOutCubic"
    });
    $('.gnbWrapBg').removeClass('init');
    $('#header').css({top:'20px'}).removeClass('minimize')
   }
    
   
   
  } else {
   if(!$("body").is('.tablet') && !$("body").is('.mo')) {
    $(".topMenuWrap").stop().slideUp({
     duration: 500,
     easing: "easeInOutCubic"
    });
    $(".mainStep").show().stop().animate({ left: "50%", opacity: 1 }, {
     duration: 1000,
     easing: "easeInOutCubic"
    });
    $('.gnbWrapBg').addClass('init');
    if( !$('body').hasClass('tablet') ) {
     $('#header').css({top:'0'}).addClass('minimize')
    }
    
   }
  }

  if (sectionActive == 1 || sectionActive == 2 || sectionActive == 3 || sectionActive == 4 || sectionActive == 5 || sectionActive == 6 ) {
   if(!$("body").is('.tablet') && !$("body").is('.mo')) {
    $(".mainStep").addClass('type02')
   }
  } else {
   if(!$("body").is('.tablet') && !$("body").is('.mo')) {
    $(".mainStep").removeClass('type02')
   }
  }
  /*if (sectionActive == 6 ) { 
   $(".mainStep ul").stop().animate({marginTop:26}, 300)
  } else {
   $(".mainStep ul").stop().animate({marginTop:0}, 300)
  }*/
  
 }
 // $(".section").on({
 //  focusin: function (e) {
 //   e.preventDefault();
 //   var idx = $(this).index();
 //   sectionAnimating(idx, 0);
 //  }
 // })
 //리ì&#44439;&#65533;´ì&#51952;
 function resize(first) {
  if ( !$('body').is('.mo') && !$('body').is('.tablet')) {
   winH = $(window).height();
   if (winH <= 800) {
    winH = 800;
   }
   // $('.section.section02 .sectionCon').css({height:winH})
   // $('.section.section02 .sectionCon .sec02Cont img').css({height:winH, width: $(window).width() / 3})
   if (sectionActive != 0) {
    $(".header").stop().animate({ top: -108 }, {
     duration: 500,
     easing: "easeInOutCubic"
    });
    // $('.mainStep').stop().animate({top:0},300)
    $('.gnbWrapBg').addClass('init');
    // $(".mainStep").addClass('step01');
    // $('.mainStep').stop().animate({top:0, height:"100%"},400, "easeInOutCubic")
   } else {
    $(".header").stop().animate({ top: 0 }, {
     duration: 500,
     easing: "easeInOutCubic"
    });
    $('.gnbWrapBg').removeClass('init');
    // $('.mainStep').stop().animate({top:90, height:winH - 90},500, "easeInOutCubic")
   }
   var many = $section.length;
   var top = -winH * sectionActive;
   footHeight = $('.footerArea').height();
   if (sectionActive == 6) {
    top = -((winH * (sectionActive - 1)) + footHeight);
    // $(".mainStep li").removeClass("on");
   }
   $(".sectionWrap").css({ top: top });
   if ($(".topEventWrap").css("display") == "block") {
    $(".mainWrap").css({ height: $(window).height() - 127, "top": 127 });
    $(".section").css({ height: $(window).height() - 127 });
   } else {
    $(".section, .mainWrap").css({ height: winH });
   }
  } else {
   // $('.section.section02 .sectionCon').css({height:"auto"})
   // $('.section.section02 .sectionCon .sec02Cont img').css({height:"auto", width: "100%"})
  }
  
 }
})
$(function() {
 (function() {
  var height = jQuery('.base-height').height();
  function heightInit() {
   height = jQuery('.base-height').height();
   if(height < 800) {
    
   } else {
    jQuery('.mainVisual').height(height);
   }
   
   
  }
  heightInit();

  jQuery(window).resize(function() {
   heightInit();
  });
 })(jQuery);
});


$(function () {
 var playing = false;
 var winW;
 var winH;
 var $sectionWrap = $(".sectionWrap");
 var $section = $(".section");
 var sectionActive = 0;
 var footHeight;
 if($section.width() <= 760) {
  $('body').addClass('mo')
 }else if($section.width() > 760 && $section.width() <= 1163 ) {
  $('body').removeClass('mo')
  $('body').addClass('tablet');
 }else if($section.width() > 1163 ) {
  $('body').removeClass('mo')
  $('body').removeClass('tablet');
 };
 //×â&#50326;&#53369; &#65533;¸í&#46655;
 // resize(true);
 // init();
 // gnb();
 //&#65533;&#45896;&#47300;&#65533;&#65533; 리ì&#44439;&#65533;´ì&#51952;
 // var resizeTiming;
 $(window).resize(function () {
  if($section.width() <= 760) {
   $('body').addClass('mo')
   $('body').removeClass('tablet');
  }else if($section.width() > 760 && $section.width() <= 1163 ) {
   $('body').removeClass('mo')
   $('body').addClass('tablet');
   $('#header').css({top:''})
  }else if($section.width() > 1163 ) {
   $('body').removeClass('mo')
   $('body').removeClass('tablet');
  };
  //clearTimeout(resizeTiming);
  //resizeTiming = setTimeout(function () {
       // resize();
  //}, 10);
  // resize();
 });
 var fixMode;
 var tipBarFix;
 var chkFix;
 var doc = $(document);
 var win = $(window);
 var top;
 var lastId,
  stickyNav = $(".mainStep"),
  stickyNavHeight = stickyNav.outerHeight()+1,
  menuItems = stickyNav.find("a"),
  scrollItems = menuItems.map(function(){
   var item = $($(this).attr("href"));
   if (item.length) { return item; }
  });
 var checkFloating = function() {
  var fromTop = getScrollOffsets().top+stickyNavHeight;
  var cur = scrollItems.map(function(){
   if ($(this).offset().top < fromTop - ($(window).outerHeight() / 3))
   return this;
  });
  cur = cur[cur.length-1];
  var id = cur && cur.length ? cur[0].id : "";
  if (lastId !== id) {
   lastId = id;
   menuItems
   // .parent().removeClass("on")
   .end().filter("[href=#"+id+"]").parent().addClass("on");
  }
 };
 stickyNav.find('li').eq(0).addClass('on')
 var getScrollOffsets = function() {
  return {
   'left': window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,
   'top': window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
  };
 };
 var getWindowSize = function() {
  var w = (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 1003) - 2,
   h = (window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 650) - 2;
  return {
   "width": w,
   "height": h
  };
 };
 function targetMove (target, gutter) {
  $('html, body').animate({ 
   scrollTop: $(target).offset().top - gutter 
  }, 500, function() {
  });
 }
 win.scroll(checkFloating);
 checkFloating();
 $(".mainStep ul li a").click(function (e) {
  e.preventDefault();
  $(".mainStep ul li").removeClass('on');
  $(this).parent().addClass('on');
  var target = $(this).attr('href');
  targetMove(target, 0);
 })

 $('.mainVisual .slider.responsive').on('init', function(event, slick){
  $('.slider .slick-active').find('.motion').each(function(index, el) {
    $(el).delay(index*350).queued('addClass', 'on');
  });
 });
 $('.mainVisual .slider.responsive').slick({
  fade: true,
  autoplay: true,
  autoplaySpeed: 4000,
  speed: 500,
  pauseOnHover : false,
  pauseOnFocus : false,
  dots: false
 });
 $('.mainVisual .sliderButtons').find('.sliderPrev').on('click', function(event) {
  $('.mainVisual .slick-prev').trigger('click');
 });
 $('.mainVisual .sliderButtons').find('.sliderNext').on('click', function(event) {
  $('.mainVisual .slick-next').trigger('click');
 });

 $('.mainVisual .slider.responsive').on('beforeChange', function(event, slick, currentSlide, nextSlide){
  $('.slider .slick-active').find('.motion').each(function(index, el) {
    $(el).delay(index*100).queued('removeClass', 'on');
  });
 });

 $('.mainVisual .slider.responsive').on('afterChange', function(event, slick, currentSlide, nextSlide){
  $('.slider .slick-active').find('.motion').each(function(index, el) {
    $(el).delay(index*350).queued('addClass', 'on');
  });
 });
 function swing(){
        $(".scroll").animate({"bottom":"25px"},800).animate({"bottom":"50px"},800, swing);
    }
    
    swing();
})