window.addEventListener('load', function(){
	// Sub Visual
	const background = document.querySelector('.sub-visual .bg');
	if(background){
		const block = background.querySelector('div');
		const height = background.offsetHeight;
	
		function parallax(){
			if(this.scrollY < height){
				background.style.marginTop = (this.scrollY / 2.2) + "px";
				block.style.opacity = 1 - (this.scrollY / 650);
			}
		}
	
		this.addEventListener('scroll', function(){
			parallax();
		});
	}

	// Sub Tab Content
	const tabTitles = document.querySelectorAll('.tab-title > li');
	const tabMenus = document.querySelectorAll('.tab-menu > li');
	const tabCons = document.querySelectorAll('.tab-con > li');


	if(tabMenus.length > 0) {  
		tabMenus.forEach((menu, index) => {
			menu.addEventListener('click', function(){
				tabMenus.forEach((current) => current.classList.remove('on'));
				menu.classList.add('on');

				tabCons.forEach((current) => current.classList.remove('on'));
				tabCons[index].classList.add('on');

				if(tabTitles != null){
					tabTitles.forEach((current) => current.classList.remove('on'));
					tabTitles[index].classList.add('on');
				}
			});
		});
		
	}
}, false);