jQuery(function($){


	function getScrollBarWidth(){
		if($(document).height() > $(window).height()){
			$('body').append('<div id="fakescrollbar" style="width:50px;height:50px;overflow:hidden;position:absolute;top:-200px;left:-200px;"></div>');
			var fakeScrollBar = $('#fakescrollbar');
			fakeScrollBar.append('<div style="height:100px;">&nbsp;</div>');
			var w1 = fakeScrollBar.find('div').innerWidth();
			fakeScrollBar.css('overflow-y', 'scroll');
			var w2 = fakeScrollBar.find('div').html('html is required to init new width.').innerWidth();
			fakeScrollBar.remove();
			return (w1 - w2);
		}
		return 0;
	}


	function setMainVisualHeight(){
		var win_width = $(window).outerWidth() + getScrollBarWidth();

		if (win_width > 800){
			// PC에서는 650 고정 (CSS와 동일하게)
			$("#mainVisual").css("height", "700px");
		}else{
			// 모바일에서는 자연스럽게
			$("#mainVisual").css("height", "auto");
		}
	}

	// #mainVisual에 full-height 클래스가 있을 때만 적용(기존 구조 유지)
	if($("#mainVisual").hasClass("full-height")){
		setMainVisualHeight();
		$(window).on("resize", setMainVisualHeight);
	}

	var $mainVisual = $(".main-visual-con");

	// 메인 비주얼 zoom-out 효과
	$mainVisual.on('init', function(event, slick) {
		$(".main-visual-item").eq(0).addClass("active-item");
	});

	$mainVisual.on('afterChange', function(event, slick, currentSlide){
		$(".main-visual-item").removeClass("active-item");
		$(this).find(".main-visual-item").eq(currentSlide).addClass("active-item");
	});

	// 메인 비주얼 슬라이드
	$('.main-visual-con').slick({
		slidesToShow: 1,
		slidesToScroll: 1,
arrows: true,
		fade: true,
		dots: true,
		autoplay: true,
		speed: 1000,
		infinite: true,
		autoplaySpeed: 4000,
		easing: 'easeInOutQuint',
		pauseOnHover: false
	});
});