$(function(){
	//fullpage
	
	tl.staggerFromTo($(".pc #wrap header .logo"), 0.7, {opacity: 0, x: '50px'}, {opacity: 1, x: '0px', delay:0.3, ease: Power1.easeInOut});
	tl.staggerFromTo($(".pc #wrap header .area_r"), 0.7, {opacity: 0, x: '-50px'}, {opacity: 1, x: '0px', delay:0.3, ease: Power1.easeInOut});
	tl.staggerFromTo($(".tm #wrap header .logo"), 0.7, {opacity: 0, x: '20px'}, {opacity: 1, x: '0px', delay:0.4, ease: Power1.easeInOut});
	tl.staggerFromTo($(".tm #wrap header .area_r"), 0.7, {opacity: 0, x: '-20px'}, {opacity: 1, x: '0px', delay:0.4, ease: Power1.easeInOut});
	tl.staggerFromTo($("#wrap header #nav [class*='menu'] > a"), 0.7, {opacity: 0, x: '50px'}, {opacity: 1, x: '0px', delay:0.5, ease: Power1.easeInOut},0.15);


	tl.staggerFromTo($(".pc .sec1 .bg"), 2, {scale:'1.06'}, {scale:'1',ease: Power1.easeInOut});
	tl.staggerFromTo($(".tm .sec1 .bg"), 2, {scale:'1.1'}, {scale:'1',ease: Power1.easeInOut});
	tl.staggerFromTo($(".sec1 .mask"), 3, {opacity:0,scale:'0.7',y:'-50%'}, {opacity:1,scale:'1',y:'0%',delay:0.1, ease: Power1.ease});
	tl.staggerFromTo($(".sec1 .text_g .item"),0.7, {opacity: 0, y: '40px'}, {opacity: 1, y: '0px', delay:0.5, ease: Power1.easeOut});
	tl.staggerFromTo($(".sec1 .text_g .title .pt_view span"),1, {opacity: 0, x: '100px'}, {opacity: 1, x: '0px', delay:1, ease: Power1.easeOut},0.3);
	tl.staggerFromTo($(".sec1 .text_g .title .m_view span"),1, {opacity: 0, x: '100px'}, {opacity: 1, x: '0px', delay:1, ease: Power1.easeOut},0.3);
	tl.staggerFromTo($(".sec1 .text_g .txt span"), 1, {opacity: 0, x: '0px'}, {opacity: 1, x: '0px', delay:2.1, ease: Power1.easeOut});
	tl.staggerFromTo($("#quick_nav"), 0.7, {opacity: 0, y: '100%'}, {opacity: 1, y: '0%', delay:2.1, ease: Power1.easeOut});

	tl.staggerFromTo($("#quick_nav .circle_g circle"), 0.4, {opacity:0, y:'10px'}, {opacity:1, y:'0%', repeat:-1, delay:2.42, repeatDelay: 1, ease: Power1.easeInOut},0.4);
/*
	var footerHeight = $('footer').outerHeight();
	$('.footer_area').css( "height", ""+(footerHeight)+"px" );
	$(window).resize(function(){
		var footerHeight = $('footer').outerHeight();
		$('.footer_area').css( "height", ""+(footerHeight)+"px" );
	}).resize();
*/
	var $fullpage = $('.fullpage');
	var main_fullpage_slider = new Swiper($fullpage, {
		direction: "vertical",
		effect: "slide",
		autoplay: false,
		slidesPerView: 'auto',
		speed:900,
		parallax: false,
		mousewheel: {
		   releaseOnEdges: true
		},
		allowTouchMove:false,
		simulateTouch:false,
		grabCursor: false,
		touchStartPreventDefault:false,
		mousewheelControl: true,
		watchSlidesProgress: true,
		watchSlidesVisibility: true,
		pagination: {
			el: '.fullpage_pagination .pagination',
			clickable: true,
		},
		breakpoints: {
			1279: {
				allowTouchMove:true,
				simulateTouch:true,
				grabCursor: true,
			},
		},
		on: {
			init : function () {
				if($('.section.dark').hasClass('swiper-slide-active')){
					$('body').addClass('dark');
					$('header').addClass('dark');
				}else{
					$('body').removeClass('dark');
					$('header').removeClass('dark');
				}
			},
			transitionStart : function () {
				var secNum = this.activeIndex +1
				$('.sec'+secNum).addClass('on');
				tl.staggerFromTo($(".fullpage_pagination"), 0.7, {opacity:0, x:'20%'}, {opacity:1, x:'0%', delay:0.5,ease: Power1.easeInOut});
				if($('.section.dark').hasClass('swiper-slide-active')){
					$('body').addClass('dark');
					$('header').addClass('dark');
				}else{
					$('body').removeClass('dark');
					$('header').removeClass('dark');
				}
				if(!$('.sec1').hasClass('swiper-slide-active')){
					$('header').addClass('act');
				}else{
					$('header').removeClass('act');
				}
				if($('.footer_area').hasClass('swiper-slide-visible')){
					$('#quick_nav').fadeOut();
				}else{
					$('#quick_nav').fadeIn();
				}
				/*if(!$('.footer_area').hasClass('swiper-slide-visible')){
					$('footer').removeClass('footer');
				}*/
			},
			transitionEnd: function () {
				/*if($('.footer_area').hasClass('swiper-slide-visible')){
					$('footer').addClass('footer');
				}*/
			},
		  }
	});


	//미디어
	 $('.big_slider').slick({
		fade: true,
		slidesToShow: 1,
		slidesToScroll: 1,
		speed: 800,
		arrows: false,
		infinite: true,
		asNavFor: '.nav_slider',
		focusOnSelect: true,
	});
	$('.nav_slider').slick({
		slidesToShow: 4,
		slidesToScroll: 1,
		speed: 800,
		asNavFor: '.big_slider',
		infinite: true,
		focusOnSelect: true,
		arrows: true,
		prevArrow: $('.media_indicator').find('.prev'),
		nextArrow: $('.media_indicator').find('.next'),
	});


	if($(window).width() <= 1279){
		$('.sec2 .list_wrap').slick({
			speed: 700,
			slidesToShow: 1,
			variableWidth: true,
			infinite: false,
			arrows: false,
			touchMove:true,
			swipe:true,
		});
		$('.sec3 .list_wrap').slick({
			speed: 700,
			slidesToShow: 2,
			infinite: false,
			arrows: false,
			dots: true,
			touchMove:true,
			swipe:true,
		});
		$('.sec5 .list_wrap').slick({
			speed: 700,
			slidesToShow: 2,
			infinite: false,
			arrows: false,
			dots: false,
			touchMove:true,
			swipe:true,
		});
		$('.sec7 .contents .notice_slider').slick({
			speed: 700,
			slidesToShow: 1,
			variableWidth: true,
			infinite: false,
			arrows: false,
			touchMove:true,
			swipe:true,
		});
	}

	$(window).on('resize', _.debounce(function() {
		if($(window).width() <= 1279){
			$('.sec2 .list_wrap').slick({
				speed: 700,
				slidesToShow: 1,
				variableWidth: true,
				infinite: false,
				arrows: false,
				touchMove:true,
				swipe:true,
			});
			$('.sec3 .list_wrap').slick({
				speed: 700,
				slidesToShow: 2,
				infinite: false,
				arrows: false,
				dots: true,
				touchMove:true,
				swipe:true,
			});
			$('.sec5 .list_wrap').slick({
				speed: 700,
				slidesToShow: 2,
				infinite: false,
				arrows: false,
				dots: false,
				touchMove:true,
				swipe:true,
			});
			$('.sec7 .contents .notice_slider').slick({
				speed: 700,
				slidesToShow: 1,
				variableWidth: true,
				infinite: false,
				arrows: false,
				touchMove:true,
				swipe:true,
			});
		}else{
			$('.sec2 .list_wrap').slick('unslick');
			$('.sec3 .list_wrap').slick('unslick');
			$('.sec5 .list_wrap').slick('unslick');
			$('.sec7 .contents .notice_slider').slick('unslick');
		}
	}, 0));



});