https://www.kefc.co.kr/img_up/shop_pds/loyils2/build/pc_skin_top_818_455.js

1$(function(){
2	// 필수 스크립트
3	// voice
4	$("body").on({
5		click : function(e){
6			var onoff="on";
7			if($(e.target).hasClass("state_voice_on")) onoff="off";
8			SetCookie('bg_voice_onoff',onoff);
9			if(onoff == 'on'){
10				$("#voice_guide_wrap").addClass("off").removeClass("on");
11			}else{
12				$("#voice_guide_wrap").addClass("on").removeClass("off");
13			}
14			if(document.getElementById('bg_voice_player')){
15				if(onoff == 'off'){
16					// 현재 재생 중이면 stop() 처리
17					document.getElementById('bg_voice_player').pause();
18					document.getElementById('bg_voice_player').currentTime = 0;
19				}else{
20					// 다시 paly() 처리
21					document.getElementById('bg_voice_player').play();
22				}
23			}
24			return false;
25		}
26	}, "#voice_guide_wrap > a");
27
28//toggle
29	$('.side_menu [role=toggle] > a').on('click', function(e){
30		var
31		$li = $(this).parent()
32		,$lis = $(this).closest('ul').children()
33		,$active = $(this).parent().parent().children('.active')
34		;
35		if ($li.hasClass('active')){
36			$li.removeClass('active');
37		} else {
38			$active.removeClass('active');
39			$li.addClass('active');
40		}
41		return false;
42	});
43
44//side
45	var
46		$htmlbody = $('html,body')
47		,$viewport = $('#viewport')
48		,$toggleLeft = $('#toggle_left')
49		,$toggleRight = $('#toggle_right')
50		,$closeSide = $('#close_side')
51		,$mainSlide = $('#owl_mslide')
52		,$sideMenu = $("#left_side, #right_side")
53	;
54
55	$toggleLeft.on('click',function(e){
56		openLeft();
57	});
58
59	$toggleRight.on('click',function(e){
60		openRight();
61	});
62
63	$closeSide.on('click',function(e){
64		closeSide();
65	});
66
67	function openLeft(){
68		$htmlbody.scrollTop(0);
69		$viewport.addClass('left-open');
70		$toggleLeft.addClass('on');
71		$mainSlide.trigger('stop.owl.autoplay');
72		return false;
73	}
74
75	function openRight(){
76		$htmlbody.scrollTop(0);
77		$viewport.addClass('right-open');
78		$toggleRight.addClass('on');
79		$mainSlide.trigger('stop.owl.autoplay');
80		return false;
81	}
82
83	function closeSide(){
84		$htmlbody.scrollTop(0);
85		$sideMenu.scrollTop(0);
86		$viewport.removeClass('left-open');
87		$viewport.removeClass('right-open');
88		$toggleLeft.removeClass('on');
89		$toggleRight.removeClass('on');
90		$mainSlide.trigger('play.owl.autoplay');
91	}
92
93	if($(".lnb_p .dep2 > li").css("display")=="inline-block"){
94		$("body").on({
95			mouseenter : function(){
96				var	dep1right = $(this).closest(".dep1").offset().left + $(this).closest(".dep1").outerWidth(),
97						dep2right = $(this).offset().left + $(this).children("div").outerWidth();
98				if(dep2right > dep1right){
99					$(this).children("div").css("right","0");
100				}
101			},
102			mouseleave : function(){
103				$(this).children("div").removeAttr("style");
104			}
105		}, ".lnb_p > ul.dep1 > li");
106	}else{
107		$("body").on({
108			mouseenter : function(){
109				$(this).children("div").stop().slideDown(200);
110			},
111			mouseleave : function(){
112				$(this).children("div").stop().slideUp(200);
113			}
114		}, ".lnb_p > ul.dep1 > li");
115	}
116
117	//상단으로 이동
118	$(window).on('scroll', function(){
119		if($(window).scrollTop() > 300){
120			$('#btn_site_top').addClass('on');
121		}else{
122			$('#btn_site_top').removeClass('on');
123		}
124	});
125
126	$('#btn_site_top').click(function() {
127		$('body, html').animate({
128			scrollTop: 0
129		}, 800);
130
131		return false;
132	});
133
134	function snbSet(target){
135		if(target.scrollLeft()<40){
136			target.parent().find(".prev").hide();
137		}else{
138			target.parent().find(".prev").show();
139		}
140		if(target.scrollLeft()-40<target.find(".dep1").width()-target.parent().width()){
141			target.parent().find(".next").show();
142		}else{
143			target.parent().find(".next").hide();
144		}
145	}
146	$(".snb > div").scroll(function(){
147		snbSet($(this));
148	});
149	snbSet($(".snb > div"));
150	if($(".snb > div").find(".on").length>0) $(".snb > div").scrollLeft($(".snb > div").find(".on").offset().left-$(".snb > div").width()/2+$(".snb > div").find(".on").width()/2);
151})