$(function(){
	skrollr.init();

	$("body,.main_visual").addClass("on");

	$(".section03 .more").mouseover(function(){
		$(".section03 .conwrap.in-view .more circle").css("transition-delay","0s").css("stroke-dashoffset","200");
	});
	$(".section03 .more").mouseleave(function(){
		$(".section03 .conwrap.in-view .more circle").css("stroke-dashoffset","0");
	});

	//visual height 모바일 높이 대응
	function resetHeight(){
		$('.section01').css('height', $(window).innerHeight());
	}
	window.addEventListener("resize", resetHeight);
	resetHeight();

	


	// 레이어팝업
	var bg = $("#bg");

	$(document).on('click',' #bg, .close ', function () {
		bg.fadeOut();
		$('#video-popup div.inner').html('');
		$('#video-popup').hide();
	});

	$('.play_btn').on('click', function(){
		
		var dataUrl = $(this).attr('data-url');
		if(dataUrl){
			bg.show();
			$('#video-popup').show();
			$('#video-popup').html(
				'<div class="popup-close">'+
				'<img src="/img/common/video_popup_close.png" alt="close" class="close"></div>'+
				'<div class="inner">'+
				'</div>'
			);
			$('#video-popup div.inner').html(dataUrl);
		}else {
			alert('준비중 입니다.');
		}
	});
	
	var mainSwiper = new Swiper('.main_visual', {
		effect:"fade",
		autoplay: {
			delay: 4000,
			disableOnInteraction: false,
		},
		pagination: {
			el: '.main_pagination',
			clickable: true,
			renderBullet: function (index, className) {
				return '<span class="' + className + '">'+'<svg viewBox="0 0 59.964 59.988"><g><circle fill="none" stroke="#fff" stroke-width="1" cx="30" cy="30" r="29"></circle></g></svg>' + (index + 1) + '</span>';
			},	
		},
		allowTouchMove:false,
	});
	var noticeSwiper = new Swiper('.notice_slider', {
		slidesPerView: 'auto',
		pagination: {
			el: '.notice_pagination',
			type: "progressbar",
		},
		navigation: {
			nextEl: ".notice_next",
			prevEl: ".notice_prev",
		},
	});



});