https://seilmcf.org/theme/prix/js/publisher.js?ver=2026.10.06-23:03:22

1let scroll_T = window.scrollY;
2let window_W = window.innerWidth;
3let window_H = $(window).height();
4
5let pcBgH = "0";
6const pcBgP = 80;
7var confirmClicked = false;
8
9var getParam = new Array();
10location.search.replace(/([^=&?]+)=([^&]+)/gi, function (a, b, c) {
11	getParam[decodeURIComponent(b)] = decodeURIComponent(c);
12});
13
14$(function(){
15	$("#wrap").append('<div id="progressBar"></div>');
16
17	$("body").on("mouseenter", "#wrap[data-device='pc'] #header #pcMenu", function(){// [PC] HEADER OVER
18		$("#header").addClass("active");
19		$("#header .gnbBg").css("opacity",1).stop().animate({'height' : pcBgH}, 300);
20		$("#header #pcMenu li .gnbSub").stop().slideDown(300);
21	});
22	$("body").on("mouseleave", "#wrap[data-device='pc'] #header", function(){// [PC] HEADER OVER
23		$("#header .gnbBg").stop().animate({'height' : 0}, 200,function(){
24			$("#header").removeClass("active");
25			$("#header .gnbBg").css("opacity",0)
26		});
27		$("#header #pcMenu .gnbSub").stop().slideUp(150);
28	});
29
30	$("body").on("click", "#wrap[data-device='pc'] .mMenu", function(){ // [PC] ALL MENU OPEN
31		if(!$(".mMenu").hasClass("open")){
32			//$("#header").addClass("all");
33			$("#header").removeClass("all");
34			$(".mMenu").addClass("open");
35			$("html").addClass("hide");
36			$("#pt_Menu").addClass("open");
37		}else{
38			//$("#header").removeClass("all");
39			$(".mMenu").removeClass("open");
40			$("html").removeClass("hide");
41			$("#pt_Menu").removeClass("open");
42		}
43	});
44	$("body").on("click", "#pt_Menu .closeMenu", function(){ // [PC] ALL MENU CLOSE
45		if($("#pt_Menu").hasClass("open")){
46			$("#header").removeClass("all");
47			$(".mMenu").removeClass("open");
48			$("html").removeClass("hide");
49			$("#pt_Menu").removeClass("open");
50		}
51	});
52	$("body").on("click", "#pt_Menu", function(e){ // [PC] ALL MENU CLOSE
53		if(e.target === this){
54			$("#header").removeClass("all");
55			$(".mMenu").removeClass("open");
56			$("html").removeClass("hide");
57			$("#pt_Menu").removeClass("open");
58		}
59	});
60	$("#pt_Menu #pt_Menu_list>

60li:not('.one')>a").attr("href", "javascript:void(0);");
61	$("body").on("click", "#pt_Menu #pt_Menu_list>li:not('.one')", function(){// [MO] GNB OPEN
62		var idx = $("#pt_Menu #pt_Menu_list>li:not('.one')").index($(this));
63		$("#pt_Menu #pt_Menu_list>li:not('.one')").each(function(index){
64			if(idx == index){
65				if(!$(this).hasClass("active")){
66					$(this).addClass("active");
67				}else{
68					$(this).removeClass("active");
69				}
70			}else{
71				$(this).removeClass("active");
72			}
73		});
74	});
75
76	$("body").on("click", "#wrap[data-device='mobile'] .mMenu", function(){ // [MO] MENU OPEN
77		if(!$(".mMenu").hasClass("open")){
78			$("#header").addClass("all");
79			$(".mMenu").addClass("open");
80			$("html").addClass("hide");
81			$("#menuArea").addClass("open");
82		}else{
83			$("#header").removeClass("all");
84			$(".mMenu").removeClass("open");
85			$("html").removeClass("hide");
86			$("#menuArea").removeClass("open");
87		}
88	});
89	$("body").on("click", "#menu.gnb>li:not('.one')>a", function(){// [MO] GNB OPEN
90		var idx = $("#menu.gnb>li:not('.one')>a").index($(this));
91		$("#menu.gnb>li:not('.one')>a").each(function(index){
92			if(idx == index){
93				if(!$(this).parent().hasClass("active")){
94					$(this).parent().addClass("active");
95					$(this).parent().find(".gnbSub").stop().slideDown(300);
96				}else{
97					$(this).parent().removeClass("active");
98					$(this).parent().find(".gnbSub").stop().slideUp(300);
99				}
100			}else{
101				$(this).parent().removeClass("active");
102				$(this).parent().find(".gnbSub").stop().slideUp(300);
103			}
104		});
105	});
106
107	$("body").on("click", ".famLay", function(e){// FAMILY SITE
108		if(!confirmClicked) {
109			confirmClicked = true;
110			$('body').on('scroll touchmove mousewheel', function(event) {
111				event.preventDefault();
112				event.stopPropagation();
113				return false;
114			});
115		}
116
117		//fullpage_api.setAllowScrolling(false);
118
119		if($(this).hasClass("open")){
120			$(this).removeClass("open")
121			$(".famLay .in_fam").stop().slideUp(300);
122		}else{
123			$(this).addClass("open")
124			$(".famLay .in_fam").stop().slideDown(300);
125		}
126	});
127	$("body").on("mouseleave", ".famLay", function(){//  FAMILY SITE
128		//fullpage_api.setAllowScrolling(true);
129
130		$(".famLay").removeClass("open");
131		$(".famLay .in_fam").stop().slideUp(300);
132
133		if(confirmClicked) {
134			$('body').off('scroll touchmove mousewheel');
135			confirmClicked = false;
136		}
137	});
138});
139
140$(window).load(function(){
141	$('img[usemap]').rwdImageMaps(); // 이미지 맵 불러오기
142
143	$("#bo_cate h2").html($("#bo_cate_ul #bo_cate_on").text());
144	$("body").on("click", "#wrap[data-device='mobile'] #bo_cate", function(){// 카테고리 열기/닫기
145		if(!$(this).hasClass("open")){
146			$(this).addClass("open");
147			$("#bo_cate_ul").stop().slideDown(300);
148		}else{
149			$(this).removeClass("open");
150			$("#bo_cate_ul").stop().slideUp(300);
151		}
152	});
153
154	$("body").on("mouseenter", "#wrap[data-device='pc'] #snb .sMenu", function(){// 서브 메뉴 열기
155		var idx = $(".sMenu").index($(this));
156		$(".sMenu").each(function(index){
157			if(idx == index){
158				if(!$(this).hasClass("active")){
159					$(this).addClass("active");
160					$(this).find(".lnbSub").stop().slideDown(300);
161				}else{
162					$(this).removeClass("active");
163					$(this).find(".lnbSub").stop().slideUp(300);
164				}
165			}else{
166				$(this).removeClass("active");
167				$(this).find(".lnbSub").stop().slideUp(300);
168			}
169		});
170	});
171	$("body").on("click", "#wrap[data-device='mobile'] #snb .sMenu", function(){// 서브 메뉴 열기
172		var idx = $(".sMenu").index($(this));
173		$(".sMenu").each(function(index){
174			if(idx == index){
175				if(!$(this).hasClass("active")){
176					$(this).addClass("active");
177					$(this).find(".lnbSub").stop().slideDown(300);
178				}else{
179					$(this).removeClass("active");
180					$(this).find(".lnbSub").stop().slideUp(300);
181				}
182			}else{
183				$(this).removeClass("active");
184				$(this).find(".lnbSub").stop().slideUp(300);
185			}
186		});
187	});
188	$("body").on("mouseleave", "#snb", function(){// 서브 메뉴 닫기
189		$(".sMenu").removeClass("active");
190		$(".sMenu .lnbSub").stop().slideUp(300);
191	});
192
193	$("body").on("click", ".faqArea .q", function(){// FAQ Script
194		var idx = $(".faqArea .q").index($(this));
195		$(".faqArea .q").each(function(index){
196			if(idx == index){
197				if(!$(this).parent().hasClass("active")){
198					$(this).parent().addClass("active");
199					$(".faqArea .a").eq(index).slideDown(300);
200				}else{
201					$(this).parent().removeClass("active");
202					$(".faqArea .a").eq(index).slideUp(300);
203				}
204			}else{
205				$(this).parent().removeClass("active");
206				$(".faqArea .a").eq(index).slideUp(300);
207			}
208		});
209	});
210
211	$("body").on("click", ".goTop", function(){ // Go Top
212
213		$('html, body').stop().animate({scrollTop: $("html").offset().top}, 1000, "easeOutExpo");
214
215		//window.scrollTo({top: 0})
216		//document.body.scrollTop = 0; // For Safari
217		//document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Op
218	});
219
220	if($(".layerCell")){
221		$(".layerCell").wrap('<div class="layerArea"><div class="layerIn">');
222		$(".layerIn").append('<div class="layerBgIn"></div>');
223	}
224
225	ST_Event();
226});
227function sel_it(url){
228	if(url != ""){
229		location.href=url;
230		//window.open(url);
231		//$(".famLay option:eq(0)").attr("selected", "selected");
232	}
233}
234
235/*[s] Scroll Event */
236$(window).on('scroll', function(){// Scroll Event
237	scroll_T = window.scrollY;
238	ST_Event();
239});
240function ST_Event(){
241	var progress = ScrollporgressBar();
242	$('#progressBar').css("width", progress+'%');
243
244	if(scroll_T > 0){
245		$("a.goTop").addClass("open");
246		$("#header").addClass("move");
247	}else{
248		$("a.goTop").removeClass("open");
249		$("#header").removeClass("move");
250	}
251
252	if($("html").hasClass("sub")){
253		var bgs = scroll_T * 0.03;
254		$("#sVisual").css({"background-size": "auto "+(100+bgs)+"%"})/* , "background-position": "center -"+(bgs)+"%", "opacity": 1-(scroll_T * 0.001) */
255	}
256
257	if($("*").hasClass("history-area")){
258		var start_his = $(".history-area").offset().top - window_H / 1.55;
259		var move_his = ((scroll_T - start_his) / $(".history-area").height() ) * 100;
260		//console.log($(".history-area").innerHeight(), $(".history-area").outerHeight(), $(".history-area").outerHeight(false), $(".history-area").height())
261		var his = scroll_T * 0.05;
262		//console.log(move_his)
263
264		if(move_his > 100) move_his = 100;
265
266		//if(move_his < progress) move_his = progress;
267
268		if(scroll_T > start_his){
269			$("#his_progress").css({"height":"calc("+move_his+"% - 1.5rem"})
270		}else{
271			$("#his_progress").css({"height":"0%"})
272		}
273
274		//console.log(scroll_T, move_his, start_his, $(".history-area").innerHeight(), $(".history-area").offset().top, window_H /2)
275	}
276
277	if($(".category-tab").hasClass("following")){
278		followingTab()
279	}
280
281	//console.log("ST_Event "+scroll_T)
282}
283/*[e] Scroll Event */
284function followingTab(){
285	var following_top = $(".category-tab.following").offset().top - $("#header").height();
286
287	if(scroll_T >= following_top){
288		$(".category-tab.following").addClass("fixed");
289	}else{
290		$(".category-tab.following").removeClass("fixed");
291	}
292}
293
294/*[s] Resize Event */
295var one_mo = true;
296$(window).on('throttledresize', function(){
297	window_W = window.innerWidth;
298	window_H = $(window).height();
299	WR_Event();
300});
301function WR_Event(){
302	//console.log(window_W)
303	/*[s] 초기화 */
304		$("#header").removeClass("sch");
305		$(".tSchArea").removeClass("open");
306
307		$("#bo_cate_ul").attr("style", "")
308
309		$(".category_top>ul").attr("style", "")
310
311		if($("html").hasClass("hide") && $("#popLayer").hasClass("disNone")){
312			$("html").removeClass("hide");
313			$("#header").removeClass("all");
314			$(".mMenu").removeClass("open");
315			$("#menuArea").removeClass("open");
316			$("#header").removeClass("sch");
317			$(".tSchArea").removeClass("open");
318		}
319
320		gnbSub_H();
321		//alert("d")
322	/*[e] 초기화 */
323
324	if($("html").hasClass("main")){ // 메인에만 사용
325	}
326
327	if($("html").hasClass("sub")){ // 서브에만 사용
328	}
329
330	if(window_W <= "1024"){
331		$("#wrap").attr("data-device","mobile");
332
333		setTimeout(function(){
334			var h_top = $("#header").height()-1;
335			$("#menuBg, #menuArea").css("top", h_top);
336		}, 300);
337
338		if($("#mVisual")){
339			$("#mVisual .slider").each(function(index){
340				$(this).css("background-image", "url("+$(this).attr("data-mo")+")")
341			});
342		}
343
344		if(one_mo){
345			$("#menu>

345li:not('.one')>a").attr("pc-href", $("#menu>li:not('.one')>a").attr("href"));
346			one_mo = false;
347		}
348		$("#menu>li:not('.one')>a").attr("href","javascript:void(0);");
349
350		$(".board_btn").each(function(index){// 버튼 정렬
351			var btnlength = $(this).find(">*").length;
352			if(btnlength == 1){
353				$(this).addClass("one")
354			}else if(btnlength == 2){
355				$(this).addClass("two")
356			}else if(btnlength > 2){
357				$(this).addClass("three")
358			}
359		});
360	}else{
361		$("#wrap").attr("data-device","pc");
362
363		if($("#mVisual")){
364			$("#mVisual .slider").each(function(index){
365				//$(this).css("background-image", "url("+$(this).attr("data-pc")+")")
366			});
367		}
368
369		if(!one_mo){
370			$("#menu>li:not('.one')>a").attr("href", $("#menu>li:not('.one')>a").attr("pc-href"));
371		}
372	}
373
374	if(window_W <= "840"){
375		setTimeout(function(){
376			var h_top = $("#header").height();
377			$(".tSchArea .tSch_in").css("top", h_top);
378		}, 300);
379	}else{
380		$(".tSch_in").attr("style", "");
381	}
382
383	//console.log("WR_Event "+window_W, "WR_Event "+window_H)
384}
385/*[e] Resize Event */
386
387function gnbSub_H(){
388	$("#header #pcMenu .gnbSub").each(function(index){
389		var th = $(this).height()+pcBgP;
390		if(pcBgH < th){
391			pcBgH = th;
392		}
393	});
394}
395
396function popFancy(name){// 팝업 열기 javascript:popFancy('#layer-schdule');
397	new Fancybox([{src:name, type: "inline"},],
398		{
399			on: {
400				"*": (event, fancybox, slide) => {
401					//console.log(`event: ${event}`);
402					/*
403					if(event == "initLayout" && name == "#layer-schdule"){
404					}
405					*/
406
407					if(event == "ready" && name == "#layer-time"){
408						new daum.roughmap.Lander({
409							"timestamp" : "1670986132765",
410							"key" : "2dzbb",
411							"mapWidth" : "",
412							"mapHeight" : ""
413						}).render();
414					}
415
416					if(event == "ready" && name == "#layer-juso"){
417						new daum.roughmap.Lander({
418							"timestamp" : "1670991194005",
419							"key" : "2dzcx",
420							"mapWidth" : "",
421							"mapHeight" : ""
422						}).render();
423					}
424				},
425			},
426		}
427	);
428}
429// 팝업닫기
430function popFancyClose(){
431	Fancybox.close();
432}
433
434function ScrollporgressBar(){
435	var maxY = document.documentElement.scrollHeight - document.documentElement.clientHeight;
436	var scrollY = window.scrollY || document.documentElement.scrollTop;
437	return (scrollY / maxY) * 100;
438}
439
440// 레이어 열기
441var layOne = true;
442var scratchState = false;
443function openLay(name, gNum){
444	if(layOne == true){
445
446		lyNums++;
447		//console.log(lyNums);
448		$(".layerBox").each(function(index){
449			if($(this).hasClass(name)){
450				layOne = false;

451				$(this).layerScript({divs : name});
452
453				if(name == "walletSortLay"){
454					$(".layerCell").addClass("btm")
455				}
456
457				setTimeout(function(){
458					if(name == "full_clauseLay"){
459						full_clause(gNum)
460						//$("input#numberLay_pass").attr('autofocus', 'autofocus');
461
462						/*
463						$("body").on("click", "input#numberLay_pass", function(){
464							//alert("c")
465							$("input#numberLay_pass").attr('autofocus', 'autofocus').focus();
466						});
467						$("input#numberLay_pass").click();
468						*/
469					}
470				}, 100);
471
472				setTimeout(function(){
473					if(name == "scratchLay"){
474						scratchEvent();
475					}
476				}, 100);
477			}
478		});
479	}
480}
481// 레이어 닫기
482function layerClose(name){
483	$(".layerBox").each(function(index){
484		if($(this).hasClass(name)){
485			var e = $(this);
486
487			e.attr("lyNums", "");
488			e.hide().attr("style","");
489
490			lyNums --;
491			if(lyNums == 0){
492				$("html").css("overflow-y","auto");
493				$("body").removeClass("lyOn");
494				$(".layerArea").removeClass("one");
495				$(".layerBox").attr("lyNums", "").hide();
496			}
497		}
498
499		if($(this).attr("lyNums") == 1){
500			$(this).show();
501			$(".layerArea").removeClass("two");
502			$(".layerArea").addClass("one");
503		}
504	});
505}
506// Plugin Script
507jQuery(function($){
508	//[s] Layer Script
509	$.fn.layerScript = function(o){
510		o = $.extend({
511			divs : ''
512		}, o || {});
513
514		var e = $(this),
515			  //bg = $('<div id="layerBg"></div>'),
516			  //bgIn = $('<div class="layerBgIn"></div>'),
517			  ly_w,
518			  ly_h,
519			  closeDiv = o.divs;
520
521		e.attr("lyNums", lyNums);
522		$("body").attr("lyNums", lyNums);
523		// 열기
524		if(!$("body").hasClass("lyOn")){
525			$("html").css("overflow-y","hidden");
526			$("body").addClass("lyOn");
527			$(".layerArea").addClass("one");
528		}
529		if(lyNums == 2){
530			$(".layerArea").removeClass("one");
531			$(".layerArea").addClass("two");
532			$(".layerBox").hide();
533			e.css("z-index",13);
534		}
535
536		e.show();
537		layOne = true;
538
539		setTimeout(function(){
540		}, 300);
541
542		// 닫기
543		$(this).find(".closeLy").off("click");
544		$(this).find(".closeLy").on('click', function(){
545			layerClose(closeDiv);
546		});
547		$(this).find(".btnArea>.closeLy").off("click");
548		$(this).find(".btnArea>.closeLy").on('click', function(){
549			layerClose(closeDiv);
550		});
551	}
552	//[e] Layer Script
553
554	//[s] Img Over Script
555	$.fn.iOverScript = function(o){
556		o = $.extend({
557			btns : '',
558			bg : '',
559			speed : 700
560		}, o || {});
561
562		var e = $(this);
563
564		// 활성화
565		e.on("mouseenter", o.btns, function(event){
566			var idx = $(o.btns).index($(this));
567			point_ray("on", idx, event);
568		});
569		// 비활성화
570		e.on("mouseleave", o.btns, function(event){
571			var idx = $(o.btns).index($(this));
572			point_ray("off", idx, event);
573		});
574
575		function point_ray(directions, nums, event){
576			e.find(o.btns).each(function(index){
577				if(nums == index){
578					w = $(this).width();
579					h = $(this).height();
580					x = ( event.pageX - $(this).offset().left - ( w/2 )) * ( w > h ? ( h/w ) : 1 ),
581					y = ( event.pageY - $(this).offset().top  - ( h/2 )) * ( h > w ? ( w/h ) : 1 ),
582					direction = Math.round( ( ( ( Math.atan2(y, x) * (180 / Math.PI) ) + 180 ) / 90 ) + 3 )  % 4;
583
584					if(directions == "on"){
585						$(this).find(o.bg).show();
586						if(direction == 0) {
587							$(this).find(o.bg).css({"top":-h, "left":0});
588						} else if(direction == 1) {
589							$(this).find(o.bg).css({"top":0, "left":w});
590						} else if(direction == 2) {
591							$(this).find(o.bg).css({"top":h, "left":0});
592						} else {
593							$(this).find(o.bg).css({"top":0, "left":-w});
594						}
595						$(this).find(o.bg).stop().animate({top:0, left:0}, o.speed, "easeOutExpo");
596					}else if(directions == "off"){
597						if(direction == 0) {
598							$(this).find(o.bg).stop().animate({top:-h, left:0}, o.speed, "easeOutExpo", function(){$(this).parent().find(o.bg).hide();});
599						} else if(direction == 1) {
600							$(this).find(o.bg).stop().animate({top:0, left:w}, o.speed, "easeOutExpo", function(){$(this).parent().find(o.bg).hide();});
601						} else if(direction == 2) {
602							$(this).find(o.bg).stop().animate({top:h, left:0}, o.speed, "easeOutExpo", function(){$(this).parent().find(o.bg).hide();});
603						} else {

604							$(this).find(o.bg).stop().animate({top:0, left:-w}, o.speed, "easeOutExpo", function(){$(this).parent().find(o.bg).hide();});
605						}
606					}
607				}
608			});
609		}
610	}
611	//[e] Img Over Script
612});
613
614// 따라다니는 베너
615var area_TT;
616(function($) {
617	$.fn.followingBanner = function(options) {
618		var defaults = {
619			direction : "top",
620		};
621		var settings = $.extend( {}, defaults, options );
622
623		return this.each(function(index) {
624			let ST = 0;
625			let WW = 0;
626			let WH = 0;
627			var total_L = $(".followingBanner.top").length;
628			var s = settings;
629			var obj = $(this);
630			var area_T = obj.offset().top;
631			var area_H = obj.outerHeight();
632			var area_Ts;
633
634			obj.attr("data-top", area_T);
635			obj.wrap('<div id="'+obj.attr("class")+'" class="followingBanner" style="height:'+area_H+'px"></div>');
636			$("#"+obj.attr("class")).addClass(s.direction)
637
638			$(window).trigger('resize');
639			$(window).on('resize',function(){
640				WH = $(window).height();
641				area_T = obj.closest(".followingBanner").offset().top;
642				area_H = obj.outerHeight();
643				obj.closest(".followingBanner").height(area_H)
644				if(s.direction == "top" && total_L > 0){
645					//alert($(".followingBanner.top").eq(total_L).height())
646					area_TT = area_T - $(".followingBanner.top").eq(total_L-1).height();
647					area_T = area_TT;
648					area_Ts = $(".followingBanner.top").eq(total_L-1).height();
649					//alert(area_T)
650					console.log(ST, area_T + $(".followingBanner.top").eq(total_L-1).height(), $(".followingBanner.top").eq(total_L-1).height(), total_L)
651				}
652			});
653
654			$(window).on('wheel',function(){
655				ST = window.scrollY || window.pageYOffset;
656
657				if(s.direction == "top"){
658					if( ST >= area_T){
659						obj.attr("style", "position: fixed; top:"+area_Ts+"px");
660					}else{
661						obj.attr("style" ,"")
662						//obj.unwrap();
663					}
664				}
665
666				if(s.direction == "bottom"){
667					if( (ST+WH-area_H) >= area_T){
668						obj.attr("style" ,"position: static;")
669					}else{
670						obj.attr("style", "");
671						//obj.unwrap();
672					}
673				}
674
675				//console.log(ST+"__"+area_T+"__"+(ST+WH-area_H))
676			});
677
678			$(window).on('scroll',function(){
679				$(window).trigger('wheel');
680			});
681			$(window).trigger('resize');
682			$(window).trigger('wheel');
683			$(window).trigger('scroll');
684		});
685	};
686})(jQuery);
687
688// 멀티 텝버튼
689(function($) {
690	$.fn.multiTab = function(options) {
691		var defaults = {
692			//direction : "top",
693		};
694		var settings = $.extend( {}, defaults, options );
695		var radius_l = "0";
696		var radius_w = "0";
697
698		return this.each(function(index) {
699			var tab = $(this);
700			var tab_start = tab.attr("data-start");
701			var tab_name = tab.find(".name");
702			var tab_list = tab.find(".multi-list");
703			var tab_trigger = tab.find(".multi-list>li");
704			var tab_select = tab.find(".multi-list>li.active");
705
706			tab_name.html(tab_select.text());
707
708			if(tab.hasClass("line")){
709				tab_list.append('<p class="radius"></p>');
710			}
711
712			tab_trigger.on("click", function(){// 카테고리 열기/닫기
713				tab_trigger.removeClass("active");
714
715				$(this).addClass("active");
716				tab_name.html($(this).text());
717
718				// 라인 움직임
719				//var radius_t =$(name+" .m-tab>a.active").offset().top - $(name+" .m-tab").offset().top;
720				if(tab.hasClass("line")){
721					radius_l = $(this).position().left;
722					radius_w = $(this).outerWidth();
723					$(this).closest(".multi-list").find(".radius").stop().animate({width:radius_w,left:radius_l, opacity:1}, 700, "easeOutExpo");
724				}
725			});
726
727			tab_trigger.eq(tab_start).click();
728
729			tab.on("click", function(){// 카테고리 열기/닫기
730				if(window.matchMedia("(max-width: 840px)").matches){
731					if(!$(this).hasClass("open")){
732						$(".multi-tab .multi-list").stop().slideUp(300);
733						$(".multi-tab").removeClass("open");
734
735						$(this).addClass("open");
736						tab_list.stop().slideDown(300);
737					}else{
738						$(this).removeClass("open");
739						tab_list.stop().slideUp(300);
740					}
741				}
742			});
743
744			$(window).on('throttledresize', function(){// Resize Event
745				$(".multi-list").attr("style", "");
746
747				if(window.matchMedia("(min-width: 841px)").matches){
748					if(tab.hasClass("line")){
749						radius_l = tab_list.find(">li.active").position().left;
750						radius_w = tab_list.find(">li.active").outerWidth();
751
752						tab_list.find(".radius").stop().animate({width:radius_w,left:radius_l, opacity:1}, 700, "easeOutExpo");
753						//console.log(tab_select, radius_l)
754					}
755				}
756			}).resize();
757		});
758	};
759})(jQuery);