https://biz.kbcard.com/cxo/js/htmlJS_new.js?20150930121824

1/****************************************************************************************
2* ¾÷    ¹«    ¸í : °øÅë ½ºÅ©¸³Æ®
3* ¼­ºê  ¾÷ ¹« ¸í : ´Þ·Â, µõÆ˾÷, ´ë¸Þ´º, ·ÎÄÉÀ̼Ǹ޴º, ǪÅÍ, ÆÄÀÏÀÎDz, ÅǹöÆ°, ARS¼­ºñ½º, °³ÀÎÁ¤º¸º¸È£
4* ¼³		  ¸í : »çÀÌÆ® Àü¹ÝÀûÀ¸·Î »ç¿ëµÇ´Â JS ¸¦ ÃʱâÈ­ ÇÑ´Ù.
5* ÀÛ	¼º	  ÀÚ : Á¶À±±â 
6* ÀÛ	¼º	  ÀÏ : 2015.05.27
7* º¯  °æ  ÀÌ  ·Â :
8*
9*  Version     ÀÛ¼ºÀÚ     ¾÷  ¹«      ÀÏ  ÀÚ 		 ³» 	 ¿ë		  ¿ä û ÀÚ
10* ---------	  --------   --------   ----------   ------------------   --------
11*    1.0	   Á¶À±±â	  °øÅëJS	2015.05.27
12*    1.1	   ¹ÙÀ̳ξ¾	  °íµµÈ­	2020.07.23
13*
14****************************************************************************************/
15var KBCARD_GW = {
16	//Ä÷¯°ª
17	isEng : false
18};
19
20$(document).ready(function(e) {
21	if ($(".engContents").length > 0) KBCARD_GW.isEng = true;
22	KBCARD_GW.textSelect = (!KBCARD_GW.isEng) ? "¼±ÅÃ" : "select";
23	KBCARD_GW.textDelete = (!KBCARD_GW.isEng) ? "»èÁ¦" : "delete";
24	//ÇÑ±Û ¹ÚÈù°÷ - ½ºÅ¸¼¥ ã±â(°Ë»ö Á¶°Ç º¯°æ), ¸¶ÀÌ ½ºÅ¸¼¥(ÀÚ¼¼È÷º¸±â), ǪÅÍ(¸Þ´º¿­±â,´Ý±â), ÀÌ¿ëÇѵµ°ü¸®(¼­·ù¾øÀ½)
25
26	// ÃʱâÈ­ ÇÔ¼ö ½ÇÇà
27	initSelectBox();
28	initCalendar();	
29	initPop();
30	initGnb();
31	initLocation();
32	initFooter();
33	initRnb();
34	initFile();
35	initTab();
36	initMapTab();
37	initARS();
38	initCustomerGuide();
39	initToggle();
40
41	//if (KBCARD_GW.initFaq !== undefined) KBCARD_GW.initFaq();
42	KBCARD_GW.initSelectBox = initSelectBox;				// ¼¿·ºÆ®¹Ú½º ¿ÜºÎ ÀÏ°ý ÃʱâÈ­
43	KBCARD_GW.initCalendar = initCalendar;					// Ķ¸°´õ ¿ÜºÎ ÀÏ°ý ÃʱâÈ­
44	KBCARD_GW.initPop = initPop;							// Æ˾÷ ¿ÜºÎ ÀÏ°ý ÃʱâÈ­
45	KBCARD_GW.initRnb = initRnb;							// Rnb ¿ÜºÎ ÀÏ°ý ÃʱâÈ­
46	KBCARD_GW.initMyKB = initMyKB;							// My KB
47	KBCARD_GW.initAccordionArrow = initAccordionArrow;		// personal/myrounge/payment01_5_step2 	// tbody button ±â¹Ý
48	KBCARD_GW.initAccordionCheck = initAccordionCheck;		// personal/myrounge/card10_1_8			// div ul checkbox ±â¹Ý
49	KBCARD_GW.initFaq = initFaq;							// member/login01						// ul li a±â¹Ý
50	KBCARD_GW.initFit = initFit;							// personal/product/fit01_01			// ¸ÂÃã Ä«µå
51	KBCARD_GW.initCardSlide = initCardSlide;				// personal/myrounge/card06_1, personal/service/card01_01	// Ä«µå ½½¶óÀ̵å
52	KBCARD_GW.initDaySlide = initDaySlide;					// personal/event/event03_01_list		// ³¯Â¥ ½½¶óÀ̵å
53	KBCARD_GW.initSubMall = initSubMall;					// shop/guide/submall01_step1			// SubMall ½É»çÀÇ·Ú
54	KBCARD_GW.initTabAct = initTabAct;						// guide/tab_param						// ¿ÜºÎ¿¡¼­ ÄÁÆ®·Ñ ÇÏ´Â ÅÇ
55	KBCARD_GW.initListMore = initListMore;					// personal/service/card07_01			// ³³ºÎ°¡´É´ëÇÐ ´õº¸±â
56	KBCARD_GW.initStarShop = initStarShop;					// personal/benefit/starshop02_list		// ½ºÅ¸¼¥ ã±â
57	KBCARD_GW.initMyStarShop = initMyStarShop;				// personal/benefit/starshop03_t1		// ¸¶ÀÌ ½ºÅ¸¼¥
58	KBCARD_GW.initStarshopView = initStarshopView;			// personal/benefit/starshop02_view		// ½ºÅ¸¼¥ ºäÆäÀÌÁö
59	KBCARD_GW.initPlatinum = initPlatinum;					// personal/service/platinum 			// Ç÷¡Æ¼´½ ¼Ò°³
60	KBCARD_GW.initCouponService = initCouponService;		// personal/service/vipplat02			// ÄíÆù¼­ºñ½º
61	KBCARD_GW.initVIP = initVIP;							// personal/service/vipfranchisee01_list// VIP¿ì´ë°¡¸ÍÁ¡
62	KBCARD_GW.initPointree = initPointree;					// personal/service/pointree01			// Æ÷ÀÎÆ®¸®¶õ?
63	KBCARD_GW.initBrandStory = initBrandStory;				// personal/product/cardbrandstory		// ºê·£µå½ºÅ丮
64	KBCARD_GW.initSearchTotal = initSearchTotal;			// search/search_total					// ÅëÇÕ°Ë»ö
65	KBCARD_GW.initBizCardView = initBizCardView;			// biz/product/product_view_t01			// Ä«µå»ó¼¼ºä
66	KBCARD_GW.initIngEvent = initIngEvent;					// personal/event/event_word			// ÁøÇàÁßÀÎ À̺¥Æ®
67	KBCARD_GW.initHangulCard = initHangulCard;				// personal/product/showhangulcard		// ÁÖ¿ä ÇѱÛÄ«µå ÇÑ´«¿¡ º¸±â
68	KBCARD_GW.initHistory = initHistory;					// company/history						// »çȸ°øÇåÈ°µ¿ ¿¬Çõ
69	
70	/****************************************************************
71	* ¼¿·ºÆ®¹Ú½º ¿ÜºÎ ÇÔ¼ö È£Ãâ ¹× °øÅë Àû¿ë ÇÔ¼ö
72	****************************************************************/
73	function initSelectBox()
74	{
75		// ¼¿·ºÆ® ¹Ú½º ÀÏ°ý Àû¿ë
76		$("select").each(function (idx)
77		{
78			var opts = {height: 310, zindex:100};
79                        var customHeight = $(this).parent().attr("data-height");

79 // data-height="xxx"
80                        if (customHeight){
81                            opts.height = customHeight;
82                        }
83			opts.direction = ($(this).parent().hasClass("selectBtm")) ? "up" : "down";			
84			var selectBox = new SelectBox($(this), opts);
85			selectBox.initSB();                        
86		});
87	}
88
89	/****************************************************************
90	* °øÅëÀ¸·Î »ç¿ëµÉ Arrow ¾ÆÄÚµð¾ð ¸Þ´º
91	****************************************************************/
92	function initAccordionArrow()
93	{
94		var contentTbody = $(".tblBg");
95		var buttonTbody = contentTbody.prev("tbody");
96		
97		if (contentTbody.length === 0) return false;
98		
99		// ÃʱâÈ­ ( ¹«Á¶°Ç display : none ó¸® )
100		defaultAccordion();
101		
102		// ¿­°í ´Ý´Â À̺¥Æ®
103		buttonTbody.on("click.initAccordionArrow", "button.btnFunc", function (e)
104		{
105			var target = $(e.currentTarget);
106			var content = target.closest("tbody").next("tbody");
107			
108			if (content.filter(":hidden").length > 0)
109			{
110				defaultAccordion();
111				
112				content.show();
113				target.removeClass("arrUp").addClass("arrDown");
114			}
115			else
116			{
117				content.hide();
118				target.removeClass("arrDown").addClass("arrUp");
119			}
120			
121			e.preventDefault();
122		});
123		
124		// ¸ðµÎ ´Ý´Â À̺¥Æ®
125		function defaultAccordion()
126		{
127			contentTbody.hide();
128			buttonTbody.find("button.btnFunc").removeClass("arrDown").addClass("arrUp");
129		}
130	}
131
132	/****************************************************************
133	* ¸ÞÀÎ(°³ÀÎ)
134	****************************************************************/
135	function initMain()
136	{
137		var naviDIV = $(".mainNavi");
138		var contentDIV = $(".mainWrap > .hiddenArea");
139		var act = 0;
140		
141		initLayout();
142		initEvent();
143		if (typeof Rolling !== "undefined") initRolling();
144		initTemp();
145		
146		//½Ã¿¬¿ë
147		function initTemp()
148		{
149			//À̺¥Æ® ·Ñ¸µ 1ȸ ½ÇÇà
150			setTimeout(function () {$(".mainKBEvent .next").trigger("click");}, 1000);
151			
152			//½ºÅ¸¼¥ ¸»Ç³¼± ÃʱâÈ­
153			$(".starShop > div").css(
154			{
155				"transition" : "all 0s ease-in-out",
156				"transform" : "scale3d(0, 0, 1)"
157			});
158			
159			$(".starShop > div:eq(0)").css(
160			{
161				"transform-origin" : "0% 0%"
162			});	
163			
164			$(".starShop > div:eq(1)").css(
165			{
166				"transform-origin" : "50% 0%"
167			});	
168			
169			$(".starShop > div:eq(2)").css(
170			{
171				"transform-origin" : "0% 0%"
172			});
173			
174			//Ä«µå ÃʱâÈ­
175			$(".cardList2").css("perspective", "500px");
176			$(".cardList2 > a").slice(0, 2).css(
177			{
178				"transition" : "all 0s ease-in-out",
179				"transform" : "translate3d(0px, 0px, -50px)",
180				/*"transform" : "translate3d(0px, -137px, -107px) rotateX(70deg)",*/
181				"-webkit-filter" : "contrast(0%) brightness(200%)"
182			});
183			$(".cardList2 > a").slice(2, 4).css(
184			{
185				"transition" : "all 0s ease-in-out",
186				"transform" : "translate3d(0px, 0px, -50px)",
187				/*"transform" : "translate3d(0px, -105px, -107px) rotateX(95deg)",*/
188				"-webkit-filter" : "contrast(0%) brightness(200%)"
189			});
190		}
191		
192		function cardMotion()
193		{
194			isCardMotionComp = true;
195			
196			$(".cardList2 > a").each(function (idx) {
197				//$(".cardList2 > a:eq(" + idx + ")").css(
198				$(this).css(
199				{
200					"transition" : "all 0.5s ease-out " + (idx * 0.1) + "s",
201					/*"transition" : "all 0.7s cubic-bezier(0.3, .06, .28, 1.3) " + (idx * 0.2) + "s",*/
202					"transform" : "translate3d(0px, 0px, 0px) rotateX(0deg)",
203					"-webkit-filter" : "contrast(100%) brightness(100%)"
204				});
205			});
206		}
207		
208		function starShopMotion()
209		{
210			isStarShopMotionComp = true;
211			
212			$(".starShop > div:eq(0)").css(
213			{
214				"transition" : "all 0.5s cubic-bezier(0.5, .06, .48, 1.3) 0s",
215				"transform" : "scale3d(1, 1, 1)",
216				"transform-origin" : "0% 0%"
217			});	
218			
219			$(".starShop > div:eq(1)").css(
220			{
221				"transition" : "all 0.5s cubic-bezier(0.5, .06, .48, 1.3) 0.15s",
222				"transform" : "scale3d(1, 1, 1)",
223				"transform-origin" : "50% 0%"
224			});	
225			
226			$(".starShop > div:eq(2)").css(
227			{
228				"transition" : "all 0.5s cubic-bezier(0.5, .06, .48, 1.3) 0.3s",
229				"transform" : "scale3d(1, 1, 1)",
230				"transform-origin" : "0% 0%"
231			});	
232		}
233		//½Ã¿¬¿ë
234		
235		function initLayout()
236		{
237			//³×ºñ »ö»ó ÃʱâÈ­
238			naviDIV.removeClass("tab1 tab2 tab3");
239		}
240		
241		function initEvent()
242		{
243			//³×ºñ Ŭ¸¯
244			naviDIV.on("click.initMain", "a", function (e)
245			{
246				var target = $(e.currentTarget);
247				var idx = target.index();
248				
249				act = idx;
250				
251				moveScroll(idx);
252				
253				e.preventDefault();
254			});
255			
256			$(document).on("mousewheel.initMain", function (e, delta)
257			{
258				if (delta < 0) act += 1;
259				if (delta > 0) act -= 1;
260				
261				if (act > 3) act = 3;
262				if (act < 0) act = 0;
263
264				moveScroll(act);
265				
266				e.preventDefault();
267			});
268			
269			//½ºÅ©·Ñ
270			var isCardMotionComp = false; //½Ã¿¬¿ë
271			var isStarShopMotionComp = false; //½Ã¿¬¿ë
272			$(window).on("scroll.initMain", function (e)
273			{
274				var scrollYpos = (document.documentElement.scrollTop !== 0) ? document.documentElement.scrollTop : document.body.scrollTop;
275				
276				if (scrollYpos >= 0 && scrollYpos < 488)
277				{
278					act = 0;
279				}
280				else if (scrollYpos >= 488 && scrollYpos < 1243)
281				{
282					act = 1;
283					if (isCardMotionComp === false) setTimeout(cardMotion, 200); //½Ã¿¬¿ë
284				}
285				else if (scrollYpos >= 1243 && scrollYpos < 1521)
286				{
287					act = 2;
288					if (isStarShopMotionComp === false) setTimeout(starShopMotion, 100); //½Ã¿¬¿ë
289				}
290				else
291				{
292					act = 3;
293				}
294				
295				var num = Math.min(act, 2);
296				if (naviDIV.find("a.on").index() !== num)
297				{
298					naviDIV.removeClass("tab1 tab2 tab3");
299					naviDIV.addClass("tab" + (num+1));
300					
301					naviDIV.find("a").removeClass("on").eq(num).addClass("on");
302				}
303			});	
304		}
305
306		function initRolling()
307		{
308			//À̺¥Æ®
309			var eventRollingData = {
310				 container: ".mainKBEvent",          			//Àüü ¿µ¿ª ºÎ¸ð
311				 itemContainer: ".mainKBEvent ul.slideList",	//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
312				 item: ".mainKBEvent ul.slideList > li",		//¸®½ºÆ®µé
313				 upA: ".mainKBEvent .prev",						//È­»ìÇ¥ À§
314				 downA: ".mainKBEvent .next",					//È­»ìÇ¥ ¾Æ·¡
315				 dotA: ".mainKBEvent .card_paging > span",		//µµÆ® ¹öÆ°
316				 distance: 479,									//Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸®
317				 range: 1,										//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
318				 delay: 4500,                              		//ÀÚµ¿·Ñ¸µ ½Ã°£
319				 speed: 1,                               		//¸ð¼Ç ¼Óµµ
320				 direction: "horizontal",     					//¹æÇâ
321				 ease: "easeOutQuart",                     		//¸ð¼Ç ÀÌ¡°ª
322				 play: true,                              		//ÀÚµ¿ ·Ñ¸µ À¯¹«
323				 repeat: true                            		//ÇÑ ¹æÇâÀ¸·Î ¹«ÇÑ ¹Ýº¹ À¯¹«
324			}
325			   
326			var eventRolling = new Rolling();
327			eventRolling.init(eventRollingData);				//»ý¼º
328			
329			eventRolling.exUp(function (idx, con) {
330				con.find(".card_paging > span").removeClass("on").eq(idx).addClass("on");
331			});
332			
333			eventRolling.exDown(function (idx, con) {
334				con.find(".card_paging > span").removeClass("on").eq(idx).addClass("on");
335			});
336			
337			eventRolling.exDot(function (idx, con) {
338				con.find(".card_paging > span").removeClass("on").eq(idx).addClass("on");
339			});
340			
341			//½Å±ÔÄ«µå
342			 var newRollingData = {
343				 container: ".cardList",          				//Àüü ¿µ¿ª ºÎ¸ð
344				 itemContainer: ".cardList ul.slideList",		//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
345				 item: ".cardList ul.slideList > li",			//¸®½ºÆ®µé
346				 upA: ".cardList .prev",						//È­»ìÇ¥ À§
347				 downA: ".cardList .next",						//È­»ìÇ¥ ¾Æ·¡
348				 distance: 219,									//Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸®
349				 dotA: ".cardList .card_paging > span",		//µµÆ® ¹öÆ°
350				 range: 1,										//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
351				 delay: 5000,                              		//ÀÚµ¿·Ñ¸µ ½Ã°£
352				 speed: 1,                               		//¸ð¼Ç ¼Óµµ
353				 direction: "horizontal",     					//¹æÇâ
354				 ease: "easeOutQuart",                     		//¸ð¼Ç ÀÌ¡°ª
355				 play: false,                              		//ÀÚµ¿ ·Ñ¸µ À¯¹«
356				 repeat: true                            		//ÇÑ ¹æÇâÀ¸·Î ¹«ÇÑ ¹Ýº¹ À¯¹«
357			}
358			   
359			var newRolling = new Rolling();
360			newRolling.init(newRollingData);					//»ý¼º
361			
362			newRolling.exUp(function (idx, con) {
363				con.find(".card_paging > span").removeClass("on").eq(idx).addClass("on");
364			});
365			
366			newRolling.exDown(function (idx, con) {
367				con.find(".card_paging > span").removeClass("on").eq(idx).addClass("on");
368			});
369			
370			newRolling.exDot(function (idx, con) {
371				con.find(".card_paging > span").removeClass("on").eq(idx).addClass("on");
372			});
373			
374			//¹Ý¦ À̺¥Æ®
375			var mainshopEventRollingData = {
376				 container: ".mainshopEvent",          			//Àüü ¿µ¿ª ºÎ¸ð
377				 itemContainer: ".mainshopEvent ul.slideList",	//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
378				 item: ".mainshopEvent ul.slideList > li",		//¸®½ºÆ®µé
379				 upA: ".mainshopEvent .prev",					//È­»ìÇ¥ À§
380				 downA: ".mainshopEvent .next",					//È­»ìÇ¥ ¾Æ·¡
381				 distance: 479,									//Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸®
382				 range: 1,										//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
383				 delay: 5000,                              		//ÀÚµ¿·Ñ¸µ ½Ã°£
384				 speed: 1,                               		//¸ð¼Ç ¼Óµµ
385				 direction: "horizontal",     					//¹æÇâ
386				 ease: "easeOutQuart",                     		//¸ð¼Ç ÀÌ¡°ª
387				 play: false,                              		//ÀÚµ¿ ·Ñ¸µ À¯¹«
388				 repeat: true                            		//ÇÑ ¹æÇâÀ¸·Î ¹«ÇÑ ¹Ýº¹ À¯¹«
389			}
390			   
391			var mainEventRolling = new Rolling();
392			mainEventRolling.init(mainshopEventRollingData);	//»ý¼º
393			
394			//½ºÅ˼¥ ÇÒÀÎ
395			var starshopRollingData = {
396				 container: ".saleList",          				//Àüü ¿µ¿ª ºÎ¸ð
397				 itemContainer: ".saleList ul.slideList",		//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
398				 item: ".saleList ul.slideList > li",			//¸®½ºÆ®µé
399				 upA: ".saleList .prev",						//È­»ìÇ¥ À§
400				 downA: ".saleList .next",						//È­»ìÇ¥ ¾Æ·¡
401				 distance: 258,									//Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸®
402				 range: 1,										//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
403				 delay: 5000,                              		//ÀÚµ¿·Ñ¸µ ½Ã°£
404				 speed: 1,                               		//¸ð¼Ç ¼Óµµ
405				 direction: "horizontal",     					//¹æÇâ
406				 ease: "easeOutQuart",                     		//¸ð¼Ç ÀÌ¡°ª
407				 play: false,                              		//ÀÚµ¿ ·Ñ¸µ À¯¹«
408				 repeat: true                            		//ÇÑ ¹æÇâÀ¸·Î ¹«ÇÑ ¹Ýº¹ À¯¹«
409			}
410			   
411			var starshopRolling = new Rolling();
412			starshopRolling.init(starshopRollingData);			//»ý¼º
413			
414			starshopRolling.exUp(function (idx, con) {
415				con.find(".card_paging > span").removeClass("on").eq(idx).addClass("on");
416			});
417			
418			starshopRolling.exDown(function (idx, con) {
419				con.find(".card_paging > span").removeClass("on").eq(idx).addClass("on");
420			});
421			
422			//KB ZONE
423			var kbzoneRollingData = {

424				 container: ".zoneList",          			//Àüü ¿µ¿ª ºÎ¸ð
425				 itemContainer: ".zoneList ul.slideList",	//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
426				 item: ".zoneList ul.slideList > li",		//¸®½ºÆ®µé
427				 upA: ".zoneList .prev",					//È­»ìÇ¥ À§
428				 downA: ".zoneList .next",					//È­»ìÇ¥ ¾Æ·¡
429				 distance: 349,								//Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸®
430				 range: 1,									//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
431				 delay: 5000,                              	//ÀÚµ¿·Ñ¸µ ½Ã°£
432				 speed: 1,                               	//¸ð¼Ç ¼Óµµ
433				 direction: "horizontal",     				//¹æÇâ
434				 ease: "easeOutQuart",                     	//¸ð¼Ç ÀÌ¡°ª
435				 play: false,                              	//ÀÚµ¿ ·Ñ¸µ À¯¹«
436				 repeat: true                            	//ÇÑ ¹æÇâÀ¸·Î ¹«ÇÑ ¹Ýº¹ À¯¹«
437			}
438			   
439			var kbzoneRolling = new Rolling();
440			kbzoneRolling.init(kbzoneRollingData);	//»ý¼º
441		}
442		
443		function moveScroll(_idx, _speed)
444		{
445			var speed = _speed || 400;
446
447			if (speed !== 0)
448			{	
449				$("body, html").animate({
450					"scrollTop" : 760 * _idx
451				}, {queue:false, duration: speed});
452			}
453			else
454			{
455				$("body, html").scrollTop(760 * _idx);
456			}
457		}
458	}
459
460	/****************************************************************
461	* ¸ÞÀÎ(±â¾÷)
462	****************************************************************/
463	function initBizMain()
464	{
465		initLayout();
466		initEvent();
467		if (typeof Rolling !== "undefined") initRolling();
468		
469		function initLayout()
470		{
471
472		}
473		
474		function initEvent()
475		{
476			
477		}
478		
479		function initRolling()
480		{
481			//À̺¥Æ®
482			var eventRollingData = {
483				 container: ".mainBanner",          			//Àüü ¿µ¿ª ºÎ¸ð
484				 itemContainer: ".mainBanner .inner > ul",		//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
485				 item: ".mainBanner .inner > ul > li",			//¸®½ºÆ®µé
486				 upA: ".mainBanner .prev",						//È­»ìÇ¥ À§
487				 downA: ".mainBanner .next",					//È­»ìÇ¥ ¾Æ·¡
488				 dotA: ".mainBanner .r_paging > span",			//µµÆ®¹öÆ°
489				 distance: 459,									//Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸®
490				 range: 1,										//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
491				 delay: 4500,                              		//ÀÚµ¿·Ñ¸µ ½Ã°£
492				 speed: 1,                               		//¸ð¼Ç ¼Óµµ
493				 direction: "horizontal",     					//¹æÇâ
494				 ease: "easeOutQuart",                     		//¸ð¼Ç ÀÌ¡°ª
495				 play: true,                              		//ÀÚµ¿ ·Ñ¸µ À¯¹«
496				 repeat: true                            		//ÇÑ ¹æÇâÀ¸·Î ¹«ÇÑ ¹Ýº¹ À¯¹«
497			}
498			   
499			var eventRolling = new Rolling();
500			eventRolling.init(eventRollingData);				//»ý¼º
501
502			$(eventRollingData.itemContainer).css("width", $(eventRollingData.item).eq(0).width() * $(eventRollingData.item).length);
503			
504			eventRolling.exUp(function (idx, con) {
505				con.find(".r_paging > span").removeClass("on").eq(idx).addClass("on");
506			});
507			
508			eventRolling.exDown(function (idx, con) {
509				con.find(".r_paging > span").removeClass("on").eq(idx).addClass("on");
510			});
511			
512			eventRolling.exDot(function (idx, con) {
513				con.find(".r_paging > span").removeClass("on").eq(idx).addClass("on");
514			});
515			
516			$(eventRollingData.container).on("click.initBizMain", "button[class^='btn']", function (e)
517			{
518				var target = $(e.currentTarget);
519				target.hide();
520				
521				if (target.hasClass("btnStop"))
522				{
523					eventRolling.stop();
524					target.next("button").show().focus();
525				}
526				else 
527				{
528					eventRolling.play();
529					target.prev("button").show().focus();
530				}
531				
532				e.preventDefault();
533			});
534			
535			//½Å±ÔÄ«µå
536			 var newRollingData = {
537				 container: ".cardBanner",          			//Àüü ¿µ¿ª ºÎ¸ð
538				 itemContainer: ".cardBanner .inner > ul",		//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
539				 item: ".cardBanner .inner > ul > li",			//¸®½ºÆ®µé
540				 upA: ".cardBanner .prev",						//È­»ìÇ¥ À§
541				 downA: ".cardBanner .next",					//È­»ìÇ¥ ¾Æ·¡
542				 dotA: ".cardBanner .r_paging > span",			//µµÆ®¹öÆ°
543				 distance: 239,									//Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸®
544				 range: 1,										//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
545				 delay: 5000,                              		//ÀÚµ¿·Ñ¸µ ½Ã°£
546				 speed: 1,                               		//¸ð¼Ç ¼Óµµ
547				 direction: "horizontal",     					//¹æÇâ
548				 ease: "easeOutQuart",                     		//¸ð¼Ç ÀÌ¡°ª
549				 play: false,                              		//ÀÚµ¿ ·Ñ¸µ À¯¹«
550				 repeat: true                            		//ÇÑ ¹æÇâÀ¸·Î ¹«ÇÑ ¹Ýº¹ À¯¹«
551			}
552			   
553			var newRolling = new Rolling();
554			newRolling.init(newRollingData);					//»ý¼º
555			
556			$(newRollingData.itemContainer).css("width", $(newRollingData.item).eq(0).width() * $(newRollingData.item).length);
557			
558			newRolling.exUp(function (idx, con) {
559				con.find(".r_paging > span").removeClass("on").eq(idx).addClass("on");
560			});
561			
562			newRolling.exDown(function (idx, con) {
563				con.find(".r_paging > span").removeClass("on").eq(idx).addClass("on");
564			});	
565			
566			newRolling.exDot(function (idx, con) {
567				con.find(".r_paging > span").removeClass("on").eq(idx).addClass("on");
568			});	
569		}
570	}
571

572	/****************************************************************
573	* My KB
574	****************************************************************/
575	function initMyKB()
576	{
577		var isWide = $(".contents").hasClass("wide");
578		var infoDIV = $(".myuserInfo");
579		var infoContentDIV = infoDIV.find(".subCon");
580		var cardInfoContainerDIV = $(".myCardInfo");
581		var cardTopBtnA = cardInfoContainerDIV.find(".tabCard > li > a");
582		var cardContentDIV = cardInfoContainerDIV.find(".conCard");
583		var toggleBtnA = cardInfoContainerDIV.find(".cardInfo2 > li > a");
584		
585		var lineChart = cardInfoContainerDIV.find(".report_business > li > p");
586		var lineChartStartYpos;
587		var isLineChartComplete;
588		var lineMotionRange;
589		var scrollYpos;
590		var browserHeight;
591		
592		if (typeof Rolling !== "undefined") initMessageRolling();	//¸Þ¼¼Áö ·Ñ¸µ ÃʱâÈ­
593		if (typeof Rolling !== "undefined") initCardRolling();		//¼ÒÀ¯Ä«µå ·Ñ¸µ ÃʱâÈ­
594		if (typeof Rolling !== "undefined") initMyCardRolling();	//³ªÀǽÇÀû ·Ñ¸µ ÃʱâÈ­
595		
596		//±Ý¾×È¿°ú
597		if ($(".createDetail").length > 0) {
598			$(".createDetail > span.num01").setPrice();
599			$(".createDetail > span.num02").setPrice();
600		}
601		
602		//¶óÀÎÂ÷Æ® ÃʱâÈ­
603		if (lineChart.length > 0)
604		{
605			isLineChartComplete = false;
606			lineChartStartYpos = Math.floor(lineChart.offset().top);
607			initLineChart();
608		}
609		
610		//¶óÀθð¼Ç µ¥ÀÌÅÍ º¸°ü ÈÄ 0ó¸®
611		function initLineChart()
612		{
613			lineChart.each(function (idx)
614			{
615				$(this).data("val", parseInt($(this).css("height")));	
616			}).css("height", 0);
617		}
618		
619		//¶óÀÎÂ÷Æ®¸¦ À§ÇÑ ºê¶ó¿ìÀú Å©±â üũ
620		$(window).on("resize.initMyKB", function (e)
621		{
622			browserHeight = $(window).height();	
623		}).triggerHandler("resize.initMyKB");
624		
625		//¶óÀÎÂ÷Æ® ½ÃÀÛ Ã¼Å©
626		$(window).on("scroll.initMyKB", function (e)
627		{
628			scrollYpos = (document.documentElement.scrollTop !== 0) ? document.documentElement.scrollTop : document.body.scrollTop;
629			
630			//¶óÀθð¼ÇÀÌ ½ÃÀÛÇÒ ½ºÅ©·Ñ À§Ä¡
631			lineMotionRange = Math.floor(scrollYpos + (browserHeight * 0.5));
632			
633			//¶óÀθð¼Ç ½ÃÀÛÇÒ ½ºÅ©·Ñ À§Ä¡ º¸´Ù Ä¿Áö°Å³ª isLineChartComplete ÀÌ false Àΰæ¿ì(1ȸ)
634			if (lineMotionRange > lineChartStartYpos && isLineChartComplete === false)
635			{
636				lineChartMotion();
637				isLineChartComplete = true;
638			}
639		});
640		
641		//¶óÀÎÂ÷Æ® ¸ð¼Ç
642		function lineChartMotion()
643		{
644			lineChart.each(function (idx) {
645				$(this).delay(100* idx).animate(
646				{
647					"height" : $(this).data("val")
648				}, {queue:true, duration:400, easing:"easeOutQuart"});
649			});	
650		}
651		
652		//±âº»Á¤º¸, ÀÚµ¿³³ºÎ ¹öÆ°
653		infoDIV.on("click.initMyKB", "ul.infoList > li strong a", function (e)
654		{
655			var target = $(e.currentTarget);
656			var li = target.closest("li");
657			var idx = li.index();
658			
659			li.addClass("on").siblings("li").removeClass("on");
660			infoDIV.addClass("open");
661			infoContentDIV.hide().eq(idx).show();
662			
663			e.preventDefault();
664		});
665		
666		infoDIV.find("button.close").on("click.initMyKB", function (e)
667		{
668			var target = $(e.currentTarget);
669			var li = target.closest("li");
670			
671			infoDIV.removeClass("open");
672			infoContentDIV.hide();
673			li.removeClass("on");
674			
675			target.closest(".subCon").siblings("strong.tit").find("> a").focus();
676			
677			e.preventDefault();
678		});
679		
680		//»ó´ÜÅÇ
681		cardTopBtnA.closest('.on').find('a').attr('title', '¼±ÅõÊ');
682		cardTopBtnA.on("click.initMyKB", function (e)
683		{
684			var target = $(e.currentTarget);
685			var li = target.closest("li");
686			var idx = li.index();
687			
688			cardContentDIV.hide().eq(idx).show();
689			li.siblings().removeClass("on").find('a').removeAttr('title');
690			li.addClass("on").find('a').attr('title', '¼±ÅõÊ');
691			e.preventDefault();
692		});
693		
694		//Åä±Û ¹öÆ°  
695        toggleBtnA.on("click.initMyKB", function (e)  
696        {  
697            var target = $(e.currentTarget);  
698            var li = target.closest("li");  
699            var idx = li.index();  
700              
701            li.toggleClass("open");  
702              
703            e.preventDefault();  
704        }); 
705
706		//?¹öÆ°
707		cardContentDIV.find("span.layer_help").hide();
708		cardContentDIV.on("click.initMyKB", "a.cardHelp", function (e)
709		{
710			var target = $(e.currentTarget);
711			var div = target.next("span.layer_help");
712			

713			div.toggle();
714			
715			e.preventDefault();
716		});
717		
718		//my¸Þ¼¼Áö ·Ñ¸µ
719		function initMessageRolling()
720		{
721			var messageRollingData = {
722				 container: "dd.message",          		//Àüü ¿µ¿ª ºÎ¸ð
723				 itemContainer: "dd.message ul",		//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
724				 item: "dd.message ul > li",			//¸®½ºÆ®µé
725				 upA: "dd.message .prev",				//È­»ìÇ¥ À§
726				 downA: "dd.message .next",				//È­»ìÇ¥ ¾Æ·¡
727				 distance: 27,							//Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸®
728				 range: 1,								//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
729				 delay: 4500,                           //ÀÚµ¿·Ñ¸µ ½Ã°£
730				 speed: 1,                            //¸ð¼Ç ¼Óµµ
731				 direction: "vertical",     			//¹æÇâ
732				 ease: "easeOutQuart",                  //¸ð¼Ç ÀÌ¡°ª
733				 play: false,                           //ÀÚµ¿ ·Ñ¸µ À¯¹«
734				 repeat: true							//ÇÑ ¹æÇâÀ¸·Î ¹«ÇÑ ¹Ýº¹ À¯¹«
735			}
736			
737			var messageRolling = new Rolling();
738			messageRolling.init(messageRollingData);	//»ý¼º
739		}
740		
741		//¼ÒÀ¯Ä«µå ·Ñ¸µ
742		function initCardRolling()
743		{
744			cardContentDIV.find(".slideWrap").each(function (idx)
745			{
746				var cardRollingData = {
747					 container: ".conCard .slideWrap:eq("+idx+")",          				//Àüü ¿µ¿ª ºÎ¸ð
748					 itemContainer: ".conCard .slideWrap:eq("+idx+") > .slider > ul",		//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
749					 item: ".conCard .slideWrap:eq("+idx+") > .slider > ul > li",			//¸®½ºÆ®µé
750					 upA: ".conCard .slideWrap:eq("+idx+") > .prev",						//È­»ìÇ¥ À§
751					 downA: ".conCard .slideWrap:eq("+idx+") > .next",						//È­»ìÇ¥ ¾Æ·¡
752					 distance: (!isWide) ? 510 : 695,										//Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸®
753					 range: 1,													//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
754					 delay: 4500,                              					//ÀÚµ¿·Ñ¸µ ½Ã°£
755					 speed: 1,                               					//¸ð¼Ç ¼Óµµ
756					 direction: "horizontal",     								//¹æÇâ
757					 ease: "easeOutQuart",                     					//¸ð¼Ç ÀÌ¡°ª
758					 play: false,                            					//ÀÚµ¿ ·Ñ¸µ À¯¹«
759					 first: true,												//½½¶óÀ̵ù óÀ½À¸·Î µ¹¾Æ°¡±â À¯¹«
760					 btnDisabledClass: "noData"									//¹öÆ° ÁøÇàÀ» ¸·À» ±¸ºÐ Ŭ·¡½º
761				}
762
763				var cardRolling = new Rolling();
764				cardRolling.init(cardRollingData);					//»ý¼º
765
766				cardRolling.exDot(function (idx, con) {
767					var rollingDirectBtn = con.find("button.next, button.prev");
768					rollingDirectBtn.removeClass("noData");
769					
770					if (idx <= 0) rollingDirectBtn.eq(0).addClass("noData");
771					if (idx >= $(cardRollingData.item).length - 1) rollingDirectBtn.eq(1).addClass("noData");
772				});
773			});	
774		}
775		
776		//³ªÀǽÇÀû ·Ñ¸µ
777		function initMyCardRolling()
778		{
779			var myCardRollingData = {
780				 container: ".myReport1 .myCon1:eq(0)",         			//Àüü ¿µ¿ª ºÎ¸ð
781				 itemContainer: ".myReport1 .myCon1:eq(0) div.myKbRoll ul",	//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
782				 item: ".myReport1 .myCon1:eq(0) div.myKbRoll ul > li",		//¸®½ºÆ®µé
783				 upA: ".myReport1 .myCon1:eq(0) .prev",						//È­»ìÇ¥ À§
784				 downA: ".myReport1 .myCon1:eq(0) .next",					//È­»ìÇ¥ ¾Æ·¡
785				 distance: (!isWide) ? 297 : 180 ,							//201112 Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸® ¼öÁ¤
786				 range: 1,								//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
787				 delay: 4500,                           //ÀÚµ¿·Ñ¸µ ½Ã°£
788				 speed: 1,                            //¸ð¼Ç ¼Óµµ
789				 direction: "horizontal",     			//¹æÇâ
790				 ease: "easeOutQuart",                  //¸ð¼Ç ÀÌ¡°ª
791				 play: false,                           //ÀÚµ¿ ·Ñ¸µ À¯¹«
792				 first: true,							//½½¶óÀ̵ù óÀ½À¸·Î µ¹¾Æ°¡±â À¯¹«
793				 btnDisabledClass: "noData"				//¹öÆ° ÁøÇàÀ» ¸·À» ±¸ºÐ Ŭ·¡½º
794			}
795			
796			var myCardRolling = new Rolling();
797			myCardRolling.init(myCardRollingData);		//»ý¼º
798
799			myCardRolling.exDot(function (idx, con) {
800				var rollingDirectBtn = $(myCardRollingData.upA).add($(myCardRollingData.downA));
801				rollingDirectBtn.removeClass("noData");
802				
803				changeHiddenText(idx);
804				
805				if (idx <= 0) rollingDirectBtn.eq(0).addClass("noData");
806				if (idx >= $(myCardRollingData.item).length - 1) rollingDirectBtn.eq(1).addClass("noData");
807
808				$(".myReport1 .pageNum .idx").html(idx + 1); //201112 pager ¼ýÀÚ Å¸ÀÔ Ãß°¡
809			});
810
811			$(".myReport1 .pageNum .max").html($(myCardRollingData.item).length); //201112 pager ¼ýÀÚ Å¸ÀÔ Ãß°¡
812			
813			//È÷µç Ä«µå¸í º¯°æ
814			function changeHiddenText(idx)
815			{
816				var txt = $(myCardRollingData.item).eq(idx).text();
817				var hiddenStrong = $(myCardRollingData.container).find(".hidden");
818				hiddenStrong.text(txt);
819			}
820			
821			//ù¹ø° ¾ÆÀÌÅÛ È÷µç Ä«µå¸í º¯°æ
822			changeHiddenText(0);
823		}
824	}
825

826	/****************************************************************
827	* °øÅëÀ¸·Î »ç¿ëµÉ Check ¾ÆÄÚµð¾ð ¸Þ´º
828	****************************************************************/
829	function initAccordionCheck()
830	{
831		var wrap = $(".chk_tbStyle");
832		var contentUL = wrap.find("> ul");
833		var buttonDIV = wrap.find("> div.checkArea");
834		var noneStr = "¼­·ù¾øÀ½";
835		
836		if (wrap.length === 0) return false;
837		
838		// ÃʱâÈ­ ( checked ¸é display : block ó¸® )
839		checkDisabled();
840		toggleAccordion();
841
842		// ¿­°í ´Ý´Â À̺¥Æ®
843		buttonDIV.on("change.initAccordionCheck", "input[type='checkbox']", function (e)
844		{
845			var target = $(e.currentTarget);
846			var content = target.closest("div.checkArea").next("ul");
847			
848			checkDisabled();
849			toggleAccordion();
850		});
851		
852		// ¸ðµÎ ´Ý´Â À̺¥Æ®
853		function toggleAccordion()
854		{
855			buttonDIV.each(function (idx)
856			{
857				var target = $(this).find("input[type='checkbox']");
858				var content = target.closest("div.checkArea").next("ul");
859				
860				if (target.filter(":checked").length > 0 && !target.prop("disabled"))
861				{
862					content.show();
863				}
864				else
865				{
866					content.hide();
867					
868					// ´ÝÀ» ¶© üũ ÇØÁ¦
869					if (target.prop("checked"))
870					{
871						target.prop("checked", false);
872					}
873				}
874			});
875		}
876		
877		// ¼­·ù¾øÀ½
878		function checkDisabled()
879		{
880			// ¼­·ù¾øÀ½ üũ¹Ú½º
881			var noneCheckbox = buttonDIV.find("label").filter(function ()
882			{
883				return $(this).text() === noneStr
884			}).prev("input[type='checkbox']");
885			
886			// ¼­·ù¾øÀ½ üũ¹Ú½º¿¡ ÀÇÇÑ È°¼ºÈ­&ºñÈ°¼ºÈ­
887			if (noneCheckbox.length > 0)
888			{
889				buttonDIV.find("label").filter(function ()
890				{
891					return $(this).text() !== noneStr
892				}).prev("input[type='checkbox']").prop("disabled", noneCheckbox.prop("checked"));
893			}	
894		}
895	}
896		
897	/****************************************************************
898	* faq ÇüÅÂÀÇ Åä±Û¸Þ´º
899	****************************************************************/	
900	function initFaq()
901	{
902		var listUL = $(".faqList").add(".eventList03 > ul");
903		var listLi = $(".faqList > li");
904
905		if (listUL.length === 0) return false;
906		
907		//¸ðµÎ ´Ý¾Æ ³õ±â
908		defaultList();
909				
910		//¸®½ºÆ® ¿­±â
911		listUL.on("click.initFaq", "li > a", function (e)
912		{
913			var target = $(e.currentTarget);
914			
915			change(target);
916			
917			e.preventDefault();
918			
919			if(listLi.hasClass('on')){
920			    $(this).attr('aria-expanded','true').attr({'title':'È®ÀåµÊ','aria-selected':true});
921			}else{
922			    $(this).attr('aria-expanded','false').attr({'title':'Ãà¼ÒµÊ','aria-selected':false});
923			}
924		});
925		
926		//¸®½ºÆ® ´Ý±â
927		listUL.on("click.initFaq", ".eBtn_close", function (e)
928		{			
929			defaultList();
930			
931			e.preventDefault();
932		});
933		
934		//¸®½ºÆ® º¯°æ ÇÔ¼ö, ÀÎÀÚ·Î a ű×ÀÇ jquery object
935		function change(target)
936		{
937			if (target.length === 0) return false;
938			
939			var li = target.closest("li");
940			var content = target.next("div");
941			var isHidden = (content.filter(":hidden").length > 0) ? true : false;
942			var howto = li.find("div.howto"); //How to? ¿ë, shop/marketing/alliance_guide01
943			
944			if (howto.length > 0 && li.hasClass("on")) return false; //How to?, ÀüºÎ ´Ý±â ±ÝÁö
945			
946			defaultList();
947			
948			if (isHidden)
949			{
950				li.addClass("on");
951				content.show();
952			}
953		}
954		
955		//¸®½ºÆ®¿¡ onÀ» »èÁ¦ÇÏ°í ÄÁÅÙÃ÷ ¸ðµÎ ´ÝÀ½
956		function defaultList()
957		{
958			listUL.find("li.on").removeClass("on").find("> div").hide();	
959			listUL.find("li > a").attr('aria-expanded','false').attr('title','Ãà¼ÒµÊ');
960		}
961		
962		//firstOn Ŭ·¡½º°¡ ÀÖ´Â li Ŭ¸¯È¿°ú
963		change(listUL.find("li.firstOn").eq(0).find("a"));
964	}
965	
966	/****************************************************************
967	* Åä±Û ÇüÅÂÀÇ ¾à°ü
968	****************************************************************/
969	
970	function initToggle()
971	{
972		var listUL = $(".withdrawWrap");
973
974		if (listUL.length === 0) return false;
975		
976		
977		//¸®½ºÆ® ¿­±â
978		listUL.on("click.initToggle", ".withdrawCont > a", function (e)
979		{
980			
981			var target = $(e.currentTarget);
982			
983			target.closest(".withdrawCont").toggleClass("open").siblings(".withdrawCont").removeClass("open");
984			
985			e.preventDefault();
986		});
987		
988	}
989
990	/****************************************************************
991	* ¸ÂÃãÄ«µå
992	****************************************************************/	
993	function initFit()
994	{
995		var fitContainerDIV = $(".fitWrap");
996		var fitDefaultLI = fitContainerDIV.find(".fitBox01 ol > li");
997		var fitCardLI = fitContainerDIV.find(".fitR > li");
998		var fitCloseBtnA = fitContainerDIV.find("button.fitClose");
999		var fitCloseBtnWidth = fitCloseBtnA.width();
1000		var count = 0;
1001		
1002		if (fitContainerDIV.length === 0) return false;

1003		
1004		initLayout();
1005		addEvent();
1006		
1007		function initLayout()
1008		{
1009			fitDefaultLI.removeClass("on");					// ±âº» ¼±Åà ºñÈ°¼ºÈ­
1010			fitDefaultLI.find("> span.hidden").remove();	// ±âº» ¼±Åà È÷µç
1011			
1012			fitCardLI.removeClass("on");					// ÇýÅü±Åà ºñÈ°¼ºÈ­
1013			fitCardLI.find("> span.hidden").remove();		// ÇýÅü±Åà È÷µç
1014			fitCardLI.find("> a").prev("span").remove();	// ³Ñ¹ö¸µ »èÁ¦
1015		}
1016		
1017		function addEvent()
1018		{
1019			// ±âº»¼±ÅÃ
1020			fitDefaultLI.off(".initFit");
1021			fitDefaultLI.on("click.initFit", "a", function (e)
1022			{
1023				var target = $(e.currentTarget);
1024				var li = target.closest("li").siblings();
1025				
1026				li.removeClass("on").find("> span.hidden").remove();
1027				target.closest("li").addClass("on").append("<span class='hidden'>" + KBCARD_GW.textSelect + "</span>");
1028				
1029				changeHiddenText();
1030				
1031				e.preventDefault();
1032			});
1033			
1034			// ÇýÅü±Åà Ŭ¸¯
1035			fitCardLI.off(".initFit");
1036			fitCardLI.on("click.initFit", "a", function (e)
1037			{
1038				var target = $(e.currentTarget);
1039				var li = target.closest("li");
1040				var removeNumber;
1041				
1042				// È°¼ºÈ­ ¶ó¸é
1043				if (li.find("> span").length > 0)
1044				{
1045					count -= 1;
1046					
1047					if (count < 0) count = 0;
1048					
1049					li.removeClass("on").find("> span.hidden").remove();
1050					
1051					removeNumber = parseInt(li.find(">span").text());
1052					li.find(">span").remove();
1053					
1054					changeNum(removeNumber);
1055				}
1056				else
1057				{
1058					if (count >= 3) return false;
1059					
1060					count += 1;
1061				
1062					li.addClass("on").append("<span class='hidden'>" + KBCARD_GW.textSelect + "</span>");
1063					li.prepend("<span class='num'>" + count + "</span>");					
1064				}
1065				
1066				changeHiddenText();
1067				
1068				e.preventDefault();
1069			});
1070			
1071			// ´Ý±â
1072			fitContainerDIV.off(".initFit");
1073			fitContainerDIV.on("click.initFit", "button.fitClose", function (e)
1074			{
1075				$(".popLayer_fit").toggle();
1076				
1077				e.preventDefault();
1078			});
1079			
1080			//$(window).off(".initFit");
1081			//$(window).on("resize.initFit", function (e)
1082			//{
1083			//	if ($(window).width() < fitContainerDIV.width() + fitCloseBtnWidth)
1084			//	{
1085			//		fitCloseBtnA.css(
1086			//		{
1087			//			"right" : fitCloseBtnWidth + 1,
1088			//			"opacity" : 0.7
1089			//		});
1090			//	}
1091			//	else
1092			//	{
1093			//		fitCloseBtnA.css(
1094			//		{
1095			//			"right" : 0,
1096			//			"opacity" : 1
1097			//		});
1098			//	}
1099			//}).triggerHandler("resize.initFit");
1100		}
1101		
1102		// ³Ñ¹ö¸µ º¯°æ
1103		function changeNum(rm)
1104		{
1105			var li;
1106			var num;
1107			fitCardLI.find("> span").each(function (idx)
1108			{
1109				li = $(this).parent();
1110				num = parseInt($(this).text());
1111				
1112				if (num > rm) 
1113				{
1114					$(this).text(num - 1);	
1115				}
1116			});
1117		}
1118		
1119		function changeHiddenText()
1120		{
1121				
1122		}
1123	}
1124	
1125	/****************************************************************
1126	* Á¶È¸°¡´ÉÄ«µå & Ãßõīµå ½½¶óÀÌ´õ
1127	****************************************************************/	
1128	function initCardSlide()
1129	{
1130		var slideWrap = $(".slideWrap.two, .slideWrap.three");
1131
1132		if (slideWrap.length === 0) return false;
1133
1134		//init
1135		initLayout();
1136		createDot();
1137		
1138		//·¹À̾ƿô ÃʱâÈ­
1139		function initLayout()
1140		{	
1141			var isServiceCard;
1142			
1143			//2°³ ÀÌ»óÀÎ ¸®½ºÆ® v üũ ÇØÁ¦
1144			slideWrap.find("li.checking").removeClass("checking");
1145		
1146			//3°³ ÀÌ»óÀÎ °æ¿ì defaultLeft ÁöÁ¤ & ¿À¸¥ÂÊ È­»ìÇ¥ È°¼ºÈ­
1147			slideWrap.each(function (idx)
1148			{
1149				var target = $(this);
1150				
1151				if (target.length === 0) return false;
1152				
1153				if (target.find("ul > li").length > 3)
1154				{
1155					target.data("dx",  parseInt(target.find("ul").css("marginLeft")) + "");
1156					target.find("button.prev").removeClass("on");
1157					target.find("button.next").addClass("on");
1158				}
1159				
1160				if (target.hasClass("slidesrvCard")) changeCardCheck(target, 0); //Ãßõīµå ±âº» ù¹ø° È°¼ºÈ­
1161			});
1162		}
1163		
1164		//µµÆ® ¸®½ºÆ®¿¡ ¸Â°Ô »ý¼º
1165		function createDot() 
1166		{
1167			var dotWrap = slideWrap.find(".card_paging");
1168			dotWrap.children().remove();
1169			
1170			var i = 0;
1171			//var listTotal = Math.round(slideWrap.find("ul > li").length / 3);
1172			var listTotal = Math.ceil(slideWrap.find("ul > li").length / 3);
1173			
1174			for (; i < listTotal; i += 1)
1175			{
1176				dotWrap.append("<span></span>");
1177			}
1178			
1179			dotWrap.find("span").eq(0).addClass("on");
1180			
1181			dotWrap.on("click.initCardSlide", "span", function (e)
1182			{
1183				var target = $(e.currentTarget);
1184				var wrap = target.closest("div.slideWrap");
1185				var ul = target.closest(".card_paging").siblings(".slider").find("ul.slideList");
1186				var li = ul.find("li");
1187				var dx = parseInt(wrap.data("dx"));
1188				var dis = li.outerWidth() + parseInt(li.css("marginRight"));
1189				var act = target.index();
1190				
1191				if (ul.filter(":animated").length > 0) return false;

1192				
1193				slide(ul, act, dx, dis);
1194			
1195				e.preventDefault();
1196			});
1197		}
1198
1199		//Ä«µå ¸®½ºÆ® Ŭ¸¯
1200		slideWrap.on("click.initCardSlide", "li > a", function (e)
1201		{
1202			var target = $(e.currentTarget);
1203			var wrap = target.closest("div.slideWrap");
1204			var li = target.closest("li");
1205			var idx = li.index();
1206			
1207			changeCardCheck(wrap, idx);
1208			if (wrap.hasClass("slidesrvCard")) changeContent(wrap, idx);
1209			
1210			e.preventDefault();
1211		});
1212
1213		//ÁÂ¿ì ¹öÆ°
1214		slideWrap.on("click.initCardSlide", "button", function (e)
1215		{
1216			var target = $(e.currentTarget);
1217			var wrap = target.closest("div.slideWrap");
1218			var ul = wrap.find("ul");
1219			var li = ul.find("li");
1220			var dx = parseInt(wrap.data("dx"));
1221			var dis = li.outerWidth() + parseInt(li.css("marginRight"));
1222			var act = Math.floor((parseInt(ul.css("marginLeft")) - dx) / (-dis * 3));
1223
1224			if (ul.filter(":animated").length > 0) return false;
1225
1226			if (target.hasClass("prev") && target.hasClass("on"))
1227			{
1228				act -= 1;
1229			}
1230			else if (target.hasClass("next") && target.hasClass("on"))
1231			{
1232				act += 1;
1233			}
1234			
1235			slide(ul, act, dx, dis);
1236			
1237			e.preventDefault();
1238		});
1239		
1240		//À̵¿
1241		function slide(ul, act, defaultLeft, distance)
1242		{
1243			var wrap = ul.closest("div.slideWrap");
1244			var prev = wrap.find("button.prev");
1245			var next = wrap.find("button.next");
1246			var len = ul.find("li").length;
1247			var margin = parseInt(ul.css("marginLeft"));
1248			var dot = wrap.find(".card_paging > span");
1249			var left = defaultLeft + (act * (-distance * 3));
1250
1251			//µµÆ® º¯°æ
1252			dot.removeClass("on").eq(act).addClass("on");
1253			
1254			//¹öÆ° üũ
1255			prev.add(next).removeClass("on");			
1256			if (act > 0) prev.addClass("on");
1257			//if (act < Math.floor(len / 4)) next.addClass("on");
1258			// act´Â ÇöÀç ÆäÀÌÁö ¹øÈ£, lenÀº Ä«µå ÃÑ °¹¼ö ÀÎ °Í °°À½
1259			// Ä«µå ÃÑ °¹¼ö°¡ ´ÙÀ½ ÆäÀÌÁö(act+1)¿¡ º¸¿©ÁÙ °¹¼ö º¸´Ù ¸¹À¸¸é next ¹öÆ° È°¼ºÈ­
1260			//alert('act: ' + act + ', len: ' + len);
1261			if ((act+1)*3 < len) next.addClass("on");
1262			
1263			//À̵¿¸ð¼Ç
1264			ul.animate(
1265			{
1266				"marginLeft" : 	left 
1267			}, {queue: false, duration: 400, easing: "easeOutQuint"});
1268			
1269			//Ãßõīµå Àü¿ë
1270			if (wrap.hasClass("slidesrvCard"))
1271			{
1272				changeCardCheck(wrap, act * 3);
1273				changeContent(wrap, act * 3);	
1274			}
1275		}
1276		
1277		function changeCardCheck(wrap, act)
1278		{
1279			wrap.find("ul > li").removeClass("checking").eq(act).addClass("checking");
1280		}
1281		
1282		function changeContent(wrap, act) 
1283		{
1284			wrap.nextAll("div.cardInfo").hide().eq(act).show();
1285		}
1286	}
1287	
1288		
1289	/****************************************************************
1290	* ¹Ý¦ À̺¥Æ® ³¯Â¥ ½½¶óÀÌ´õ
1291	****************************************************************/	
1292	function initDaySlide()
1293	{
1294		var slideContainer = $("div.srchDate");
1295		var listUL = $("div.list_wrap > ul");
1296		var dayStrArr = (!KBCARD_GW.isEng) ? ["ÀÏ¿äÀÏ", "¿ù¿äÀÏ", "È­¿äÀÏ", "¼ö¿äÀÏ", "¸ñ¿äÀÏ", "±Ý¿äÀÏ", "Åä¿äÀÏ"] : ["Sun", "Mon", "Tue", "Wed", "Thur", "Fri", "Sat"];
1297		var direct = "right";
1298		var today = new Date();
1299		var now = new Date();
1300		var todayIdx = today.getDay();
1301		
1302		if (slideContainer === 0) return false;
1303		
1304		//ÃʱâÈ­
1305		listUL.find("li").remove();
1306		
1307		//À̺¥Æ®
1308		function initEvent()
1309		{
1310			slideContainer.on("click.initDaySlide", "ul > li a", function (e)
1311			{
1312				var target = $(e.currentTarget);
1313				var li = target.closest("li");
1314				
1315				todayIdx = li.index();
1316				changeAct();
1317				
1318				e.preventDefault();
1319			});
1320			
1321			slideContainer.on("click.initDaySlide", "a.prev", function (e)
1322			{
1323				direct = "left";
1324				
1325				now.setDate(now.getDate() - 6 - 1);
1326				createDay();
1327				move();	
1328				
1329				e.preventDefault();
1330			});
1331			
1332			slideContainer.on("click.initDaySlide", "a.next", function (e)
1333			{
1334				direct = "right";
1335				
1336				now.setDate(now.getDate() + 1);
1337				createDay();
1338				move();
1339				
1340				e.preventDefault();
1341			});
1342		}
1343		
1344		// ½ÃÀÛ ÀÏ¿äÀÏ Ã£±â
1345		while (now.getDay())
1346		{
1347			now.setDate(now.getDate() - 1);
1348		}
1349
1350		function createDay()
1351		{
1352			var day;
1353			var month;
1354			var date;
1355			var tag;
1356			var i = 0;
1357			for (; i < 7; i += 1)
1358			{
1359				day = now.getDay();
1360				month = now.getMonth();
1361				date = now.getDate();
1362				
1363				tag = "<li><a href='#'><strong>" + (month + 1) + "." + date + "</strong><span>" + dayStrArr[day] + "</span></a><span class='hidden'>" + KBCARD_GW.textSelect + "</span></li>";
1364				
1365				if (direct === "left")
1366				{
1367					listUL.prepend(tag);
1368				}
1369				else if (direct === "right")
1370				{
1371					listUL.append(tag);
1372				}
1373
1374				if (i < 7-1)
1375				{				
1376					if (direct === "left") now.setDate(now.getDate() - 1);
1377					if (direct === "right") now.setDate(now.getDate() + 1);
1378				}
1379			}
1380			
1381			//ÀÌÀü È­»ìÇ¥ Ŭ¸¯ÇÑ »óŸé
1382			if (direct === "left")
1383			{
1384				listUL.css("marginLeft", -560); //¸ð¼ÇÀ» À§ÇÑ À§Ä¡ º¯°æ
1385				now.setDate(now.getDate() + 6); //º¯°æµÈ nowÀÇ ÀÏÀ» À̵¿ÇÒ ÁÖÀÇ Åä¿äÀÏ·Î º¯°æ
1386			}
1387		}
1388		
1389		function move()
1390		{
1391			var pos = (direct === "left") ? 0 : -560;
1392			
1393			listUL.animate(
1394			{
1395				"marginLeft" : pos
1396			}, {queue:false, duration: 400, easing: "easeOutQuint", complete: removeDay});
1397		}
1398		
1399		function removeDay()
1400		{
1401			var i = 0;
1402			for (; i < 7; i += 1)
1403			{
1404				if (direct === "left") listUL.find("li:last").remove();
1405				if (direct === "right") listUL.find("li:first").remove();
1406			}
1407			
1408			if (direct === "right") listUL.css("marginLeft", 0); //¸ð¼Ç ³¡³ª¸é À§Ä¡ ÃʱâÈ­
1409			
1410			changeAct();
1411		}
1412		
1413		function changeAct()
1414		{
1415			listUL.find("> li").removeClass("on").eq(todayIdx).addClass("on");
1416		}
1417		
1418		createDay();
1419		initEvent();
1420		changeAct();
1421	}
1422	
1423	/****************************************************************
1424	* SubMall ½É»çÀÇ·Ú
1425	****************************************************************/	
1426	function initSubMall()
1427	{
1428		var containerDIV = $(".addRemove");
1429		var addBtn =  containerDIV.find(".btnArea > button.arrowR");
1430		var removeBtn =  containerDIV.find(".btnArea > button.arrowL");
1431		var multiBoxDIV = containerDIV.find("div.multiBox");
1432		
1433		if (containerDIV.length === 0) return false;

1434		
1435		defaultListA();
1436		defaultSelect();
1437		
1438		addBtn.on("click.initSubMall", function (e) 
1439		{
1440			multiBoxDIV.eq(0).find("a.selected").appendTo(multiBoxDIV.eq(1));
1441			defaultListA();
1442			defaultSelect();
1443			
1444			e.preventDefault();
1445		});
1446		
1447		removeBtn.on("click.initSubMall", function (e) 
1448		{
1449			multiBoxDIV.eq(1).find("a.selected").appendTo(multiBoxDIV.eq(0));
1450			defaultListA();
1451			defaultSelect();
1452			
1453			e.preventDefault();
1454		});
1455		
1456		multiBoxDIV.on("click.initSubMall", "a", function (e) 
1457		{
1458			var target = $(e.currentTarget);
1459			
1460			//defaultListA();
1461			target.siblings().removeClass("selected");
1462			
1463			target.addClass("selected");
1464			
1465			e.preventDefault();
1466		});
1467		
1468		function defaultListA()
1469		{
1470			multiBoxDIV.find("a").removeClass("selected");	
1471		}
1472		
1473		function defaultSelect()
1474		{
1475			multiBoxDIV.eq(0).find("a:first").addClass("selected");
1476			multiBoxDIV.eq(1).find("a:first").addClass("selected");	
1477		}
1478	}
1479	
1480	/****************************************************************
1481	* SubMall ½É»çÀÇ·Ú
1482	****************************************************************/	
1483	function initTabAct(d1, d2)
1484	{
1485		var tab = $("*[id^='tabParam']");
1486		
1487		if (tab.length === 0) return false;
1488		
1489		tab.find(".tabON").removeClass("tabON").children('a').removeAttr('title').attr({'aria-selected':false});
1490		
1491		tab.each(function (idx)
1492		{
1493			var target = $(this);
1494			var one = (target.is("ul")) ? target.find("> li") : target.find("> ul > li");
1495			var two;
1496			
1497			if (d1 !== undefined)
1498			{
1499				one.eq(d1).addClass("tabON").find('a').attr({'title':'¼±ÅõÊ','aria-selected':true});
1500				two = one.eq(d1).find("ul > li");
1501			}			
1502			
1503			if (d2 !== undefined)
1504			{
1505				two.eq(d2).addClass("tabON").find('a').attr({'title':'¼±ÅõÊ','aria-selected':true});
1506			}
1507		});
1508
1509	}
1510		
1511	/****************************************************************
1512	* ³³ºÎ°¡´É´ëÇÐ ´õº¸±â
1513	****************************************************************/	
1514	function initListMore()
1515	{
1516		var uvContainerDIV = $(".uvListArea");
1517		var moreBtnA = uvContainerDIV.find(".btnMore");
1518		var moreDIV = uvContainerDIV.find(".uvMore");
1519		var closeBtnA = uvContainerDIV.find(".btnClose");
1520		var moreText = moreBtnA.text().substr(0, moreBtnA.text().indexOf("("));
1521
1522		if (uvContainerDIV.length === 0) return false;
1523		
1524		//init
1525		defaultLayout();
1526		moreDIV.each(function (idx)
1527		{
1528			var target = $(this);
1529			
1530			target.prev("a.marT20").find("strong").text(moreText + "(" + moreDIV.find("a").length + ")");
1531		});
1532		
1533		//event
1534		moreBtnA.on("click.initListMore", function (e)
1535		{
1536			var target = $(e.currentTarget);
1537			var list = target.next(".uvMore");
1538			var next = list.next("a.marT20");
1539			
1540			target.hide();
1541			list.show();
1542			next.show();
1543			
1544			e.preventDefault();
1545		});
1546		
1547		closeBtnA.on("click.initListMore", function (e)
1548		{
1549			defaultLayout();
1550			
1551			e.preventDefault();
1552		});
1553		
1554		//ÃʱâÈ­
1555		function defaultLayout()
1556		{
1557			moreBtnA.hide().eq(0).show();
1558			moreDIV.hide();
1559			closeBtnA.hide();
1560		}
1561	}
1562	
1563	/****************************************************************
1564	* ½ºÅ¸¼¥ ã±â

1565	****************************************************************/
1566	function initStarShop()
1567	{
1568		var containerDIV = $(".shopSrch");
1569		
1570		//»ó´Ü¹öÆ°°ú ¸®¼Â,°Ë»ö ¹öÆ°
1571		var stepBtnLI = containerDIV.find(".srchDep1 > ul > li a").closest("li");
1572		var areaLI = (containerDIV.find(".srchDep1 > ul > li.zone li").length > 0) ? containerDIV.find(".srchDep1 > ul > li.zone li") : containerDIV.find(".srchDep1 > ul > li.zone");
1573		var divisionLI = containerDIV.find(".srchDep1 > ul > li.division");
1574		var nameSearchLI = containerDIV.find(".srchDep1 > ul > li.affiliate");
1575		var resetBtn = containerDIV.find(".btnArea > button:eq(0)");
1576		var searchBtn = containerDIV.find(".btnArea > button:eq(1)");
1577
1578		//µª½º2
1579		var childWrapDIV = $(".srchDep2");
1580		var areaDIV = containerDIV.find("#mainArea, #map, #subway, #myzone");
1581		var divisionDIV = containerDIV.find("#division");
1582		var nameSearchDIV = containerDIV.find("#affiliate");
1583		
1584		//nameSearch ¾È¿¡ ÀÖ´Â input
1585		var input = nameSearchDIV.find("input[type='text']");
1586		
1587		//°Ë»ö Á¶°Ç
1588		var stateDIV = containerDIV.find(".srchGuide");
1589		
1590		//°Ë»ö °á°ú ¸®½ºÆ® & ¸Ê
1591		var resultWrapDIV = containerDIV.siblings("div#resultShopList");
1592		
1593		//½Å±Ô ½ºÅ¸¼¥ ¸®½ºÆ® & ¸Ê
1594		var newShopDIV = containerDIV.siblings("div#newShopList");
1595
1596		//°á°ú ÀúÀå ¹è¿­
1597		var result1;
1598		var result2;
1599		var result3;
1600		var	selected = [$.fn, $.fn, $.fn];
1601		
1602		initLayout();
1603		initNavi();
1604		
1605		initAreaDivision();
1606		initNameSearch();
1607		initNewShop();
1608		
1609		//init data
1610		stepBtnLI.each(function (idx)
1611		{
1612			$(this).data("idx", idx);
1613		});
1614		
1615		areaDIV.each(function (idx)
1616		{
1617			$(this).data("idx", idx);
1618		});
1619		divisionDIV.data("idx", 0);
1620		nameSearchDIV.data("idx", 0);
1621		
1622		//·¹À̾ƿô ÃʱâÈ­
1623		function initLayout()
1624		{			
1625			defaultArea();
1626			defaultDivision();
1627			defaultNameSearch();
1628			
1629			changeTop();
1630			defaultRedPoint();
1631			changeChildDIV();
1632			
1633			stateDIV.hide().eq(0).show();							//°Ë»ö Á¶°Ç ´ë±â »óÅ·Î
1634			stateDIV.eq(1).find("> .txtBox > p").remove(); 			//°Ë»ö Á¶°Ç ³»¿ë »èÁ¦
1635
1636			resultWrapDIV.hide();
1637			newShopDIV.show();
1638		}
1639		
1640		//Áö¿ª ÃʱâÈ­
1641		function defaultArea()
1642		{
1643			result1 = ["", "", ""];
1644			selected[0] = $.fn;
1645			areaLI.removeClass("select");
1646			
1647			defaultRedPoint(areaDIV);
1648			defaultChildLI(areaDIV);
1649		}
1650		
1651		//¾÷Á¾ ÃʱâÈ­
1652		function defaultDivision()
1653		{
1654			result2 = ["", ""];
1655			selected[1] = $.fn;
1656			divisionLI.removeClass("select");
1657			
1658			defaultRedPoint(divisionDIV);
1659			defaultChildLI(divisionDIV);
1660		}
1661		
1662		//°¡¸ÍÁ¡¸í ÃʱâÈ­
1663		function defaultNameSearch()
1664		{
1665			result3 = [""];
1666			selected[2] = $.fn;
1667			nameSearchLI.removeClass("select");
1668			
1669			defaultRedPoint(nameSearchDIV);
1670			defaultChildLI(nameSearchDIV);
1671			
1672			input.val("");
1673		}
1674
1675		//»ó´Ü ³×ºñ ÃʱâÈ­	
1676		function initNavi()
1677		{
1678			//»ó´Ü ½ºÅÛ À̵¿ ¹öÆ°
1679			stepBtnLI.find("a").on("click.initStarShop", function (e)
1680			{
1681				var target = $(e.currentTarget);
1682				var li = target.closest("li");
1683				var idx = parseInt(li.data("idx"));
1684
1685				//°Ë»ö Á¶°Ç È°¼ºÈ­
1686				stateDIV.filter(".srchInfo").hide();
1687				if (stateDIV.not(".srchInfo").find("div.txtBox > p").length === 0) stateDIV.not(".srchInfo").hide();
1688				
1689				//¹öÆ° È°¼ºÈ­ ÃʱâÈ­ & È°¼ºÈ­
1690				changeTop(idx);
1691
1692				//½ºÅÜ ³»¿ë ¹­À½ ½ºÀ§Äª
1693				changeChildDIV(idx);
1694				
1695				//¼¿·ºÆ®
1696				stepBtnLI.removeClass("select");
1697	
1698				if (selected[0].length > 0 && areaLI.filter(".on").length === 0) selected[0].addClass("select");
1699				if (selected[1].length > 0 && divisionLI.filter(".on").length === 0) selected[1].addClass("select");
1700				if (selected[2].length > 0 && nameSearchLI.filter(".on").length === 0) selected[2].addClass("select");
1701				
1702				e.preventDefault();
1703			});
1704			
1705			//¸®¼Â¹öÆ°
1706			resetBtn.on("click.initStarShop", function (e)
1707			{
1708				initLayout();
1709				
1710				e.preventDefault();
1711			});
1712			
1713			//°Ë»ö¹öÆ°
1714			searchBtn.on("click.initStarShop", function (e)
1715			{
1716				//°Ë»ö Á¶°ÇÀÌ ÀÖ´Ù¸é
1717				if (stateDIV.eq(1).find("> .txtBox > p").length > 0)
1718				{
1719					resultWrapDIV.show();
1720					newShopDIV.hide();
1721				}
1722				
1723				e.preventDefault();
1724			});
1725			
1726			//°Ë»öÁ¶°Ç »èÁ¦¹öÆ°
1727			stateDIV.on("click.initStarShop", ".btnClose", function (e)
1728			{
1729				var target = $(e.currentTarget);
1730				var p = target.closest("p");
1731				var stepA;
1732				
1733				if (p.hasClass("zone"))
1734				{
1735					defaultArea();
1736					
1737					stepA = stepBtnLI.eq(0).find("a"); //li.zone ÀÌ ¾Æ´Ñ li.zone > ul > li ÀÎ °æ¿ì°¡ ÀÖ¾î ù¹ø° ¸Þ´º¶ó °¡Á¤ÇÏ¿¡ eq(0) À¸·Î ó¸®
1738				}
1739				else if(p.hasClass("division"))
1740				{
1741					defaultDivision();
1742					
1743					stepA = stepBtnLI.filter(".division").find("a");
1744				}
1745				else if(p.hasClass("affiliate"))
1746				{
1747					defaultNameSearch();
1748					
1749					stepA = stepBtnLI.filter(".affiliate").find("a");
1750				}
1751				
1752				//°Ë»ö Á¶°Ç »èÁ¦
1753				p.remove();
1754				
1755				//´Ù½Ã Ŭ¸¯ À̺¥Æ® ¹ß»ýÇÏ¿© dep2 »ç¶óÁü ¹æÁö
1756				stepA.triggerHandler("click.initStarShop");
1757
1758				//°Ë»öÁ¶°Ç ¾øÀ¸¸é ¹Ú½º ¼û±è
1759				if (stateDIV.not(".srchInfo").find("div.txtBox > p").length === 0) stateDIV.not(".srchInfo").hide();
1760				
1761				e.preventDefault();
1762			});
1763		}
1764		
1765		//Áö¿ª&¾÷Á¾ ³»ºÎÄÁÅÙÃ÷ ÃʱâÈ­
1766		function initAreaDivision()
1767		{
1768			//²©¼è LI ¸Þ´º

1769			areaDIV.add(divisionDIV).find("> ul > li > strong > a").on("click.initStarShop", function (e)
1770			{
1771				var target = $(e.currentTarget);
1772				var li = target.closest("li");
1773				var idx = li.index();
1774				var childStepDIV = target.closest("strong").nextAll(".srchDep3");		//³»ºÎ ½ºÅÜ DIV
1775				var childStepLI = childStepDIV.parent().siblings().andSelf();			//³»ºÎ ½ºÅÜ LI
1776				
1777				//Áߺ¹ Ŭ¸¯ ¹æÁö
1778				if (li.hasClass("on")) return false;
1779				
1780				//ÀÌÀüÇ׸ñÁß ¼±ÅÃÀÌ ¾ÈµÇ¾î ÀÖÀ¸¸é ÁøÇà ¸·À½
1781				var prevLI = target.closest("li").prev("li");
1782				if (prevLI.length !== 0 && prevLI.find(".srchDep3 .on").length === 0) return false;
1783				
1784				//³»ºÎ DIV ÀüºÎ ¼û±è & È°¼ºÈ­
1785				childStepDIV.closest("ul").find(".srchDep3").hide().eq(idx).show();
1786				
1787				//³»ºÎ LI ÀüºÎ ¼û±è & È°¼ºÈ­
1788				childStepLI.removeClass("on").eq(idx).addClass("on");
1789				
1790				e.preventDefault();
1791			});
1792			
1793			//°ª¹öÆ°(»¡°£µµÆ®)
1794			areaDIV.add(divisionDIV).on("click.initStarShop", "ul[class^='srchList'] > li > a", function (e)
1795			{
1796				var target = $(e.currentTarget);
1797				var li = target.closest("li");
1798				var dep2 = target.closest(".srchDep2");
1799				var childStepDIV = target.closest(".srchDep3");		//³»ºÎ ½ºÅÜ DIV
1800				var childStepLI = childStepDIV.parent(); 			//³»ºÎ ½ºÅÜ LI
1801				var idx = parseInt(dep2.data("idx"));
1802				
1803				//Áߺ¹ Ŭ¸¯ ¹æÁö
1804				if (li.hasClass("on")) return false;
1805
1806				//ÇöÀç Á¦¿ÜÇÑ ³ª¸ÓÁö ²©¼è & µµÆ® ÃʱâÈ­
1807				defaultChildLI(getDep2Group(dep2), idx);
1808				defaultRedPoint(getDep2Group(dep2), idx);	
1809				
1810				//ÇöÀç ½ºÅÜÀÇ µµÆ® ÃʱâÈ­ & È°¼ºÈ­ & hidden Ãß°¡,»èÁ¦
1811				li.addClass("on").append("<span class='hidden'>" + KBCARD_GW.textSelect + "</span>").siblings().removeClass("on").find(".hidden").remove();
1812				
1813				//¸¶Áö¸·ÀÌ ¾Æ´Ï¶ó¸é
1814				if (!childStepLI.hasClass("last"))
1815				{
1816					//´ÙÀ½ ¼±ÅÃÀ¸·Î
1817					childStepLI.next().find("> strong > a").trigger("click.initStarShop");
1818					
1819					//ÀÌÈÄ ¼±Åà ÀüºÎ »èÁ¦
1820					childStepLI.nextAll().find(".srchDep3 > ul > li.on").removeClass("on").find(".hidden").remove();
1821				}
1822				
1823				saveResult(target.closest(".srchDep2").attr("id"), childStepLI.index(), commonR_escapeXml(target.text()));
1824				changeReult();
1825				
1826				e.preventDefault();
1827			});
1828		}
1829		
1830		//°¡¸ÍÁ¡¸í
1831		function initNameSearch()
1832		{
1833			input.on("focusout.initStarStop", function (e)
1834			{
1835				var target = $(e.currentTarget);
1836				
1837				saveResult(target.closest(".srchDep2").attr("id"), 0, commonR_escapeXml(target.val()));
1838				changeReult();
1839			});
1840		}
1841		
1842		//»ó´Ü ¹öÆ° º¯°æ
1843		function changeTop(idx)
1844		{
1845			//¹öÆ° È°¼ºÈ­ ÃʱâÈ­ & È°¼ºÈ­
1846			stepBtnLI.filter(".on").removeClass("on");
1847			if (idx !== undefined) stepBtnLI.eq(idx).addClass("on");
1848		}
1849		
1850		//ÇÏ´Ü ÄÁÅÙÃ÷ ¹­À½ º¯°æ
1851		function changeChildDIV(idx)
1852		{
1853			childWrapDIV.hide();
1854			if (idx !== undefined) childWrapDIV.eq(idx).show();	
1855
1856		}
1857
1858		//²©¼è ÃʱâÈ­
1859		function defaultChildLI(d2, idx)
1860		{
1861			var dep2 = getDep2(d2, idx);
1862			
1863			//²©¼è ¸ðµÎ ºñÈ°¼ºÈ­
1864			dep2.hide().find("> ul > li.on").removeClass("on").find(".srchDep3").hide();
1865			
1866			//ù¹ø° ²©¼è È°¼ºÈ­
1867			dep2.find("> ul").each(function ()
1868			{
1869				$(this).find("li:first").addClass("on").find(".srchDep3").show();
1870			});
1871		}
1872		
1873		//°ª¹öÆ° È°¼º ÃʱâÈ­
1874		function defaultRedPoint(d2, idx)
1875		{
1876			var dep2 = getDep2(d2, idx);
1877			
1878			dep2.find(".srchDep3 > ul > li.on").removeClass("on").find(".hidden").remove();
1879		}
1880		
1881		//µª½º2 ±×·ì ¹Ýȯ
1882		function getDep2Group(div)
1883		{
1884			var value;
1885			
1886			if (areaDIV.is(div)) value = areaDIV;
1887			if (divisionDIV.is(div)) value = divisionDIV;
1888			if (nameSearchDIV.is(div)) value = nameSearchDIV;
1889			
1890			return value;
1891		}
1892		
1893		//µª½º2 ¹Ýȯ
1894		function getDep2(d2, idx)
1895		{
1896			var dep2;
1897			if (d2 === undefined && idx === undefined)
1898			{
1899				//ÀÎÀÚ°¡ ¾øÀ¸¸é Àüü
1900				dep2 = childWrapDIV;
1901			}
1902			else
1903			{
1904				//idx °¡ ¾øÀ¸¸é ¹­À½ Àüü, idx °¡ ÀÖÀ¸¸é ¹­À½¿¡¼­ idx »« °Í¸¸
1905				dep2 = (idx === undefined) ? d2 : d2.not(":eq(" + idx + ")");
1906			}
1907			
1908			return dep2;
1909		}
1910		
1911		//°á°ú º¯¼ö¿¡ ÀúÀå
1912		function saveResult(id, idx, txt)
1913		{
1914			if (id === "division")
1915			{
1916				result2[idx] = txt;
1917				selected[1] = divisionLI.filter(".on");
1918				
1919				var i = idx;
1920				var max = result2.length;
1921				for (; i < max; i += 1)
1922				{
1923					if (i !== idx) result2[i] = "";
1924				}
1925			}
1926			else if (id === "affiliate")
1927			{
1928				result3[idx] = txt;
1929				selected[2] = nameSearchLI.filter(".on");
1930			}
1931			else
1932			{

1933				result1[idx] = txt;
1934				selected[0] = areaLI.filter(".on");
1935
1936				var i = idx;
1937				var max = result1.length;
1938				for (; i < max; i += 1)
1939				{
1940					if (i !== idx) result1[i] = "";
1941				}
1942			}
1943		}
1944		
1945		//°Ë»ö Á¶°Ç º¯°æ
1946		function changeReult()
1947		{			
1948			var r11 = (result1[1].length > 0) ? "<span>&gt;</span>" + result1[1] : result1[1];
1949			var r12 = (result1[2].length > 0) ? "<span>&gt;</span>" + result1[2] : result1[2];
1950			
1951			var r21 = (result2[1].length > 0) ? "<span>&gt;</span>" + result2[1] : result2[1];
1952			
1953			stateDIV.find(".zone").remove();	
1954			if (result1[0].length > 0) stateDIV.find(".txtBox").append("<p class='txt zone'><strong class='hidden'>Áö¿ª</strong>" + result1[0] + r11 + r12 + " <button type='button' class='btnClose'>´Ý±â</button></p>");	
1955			
1956			stateDIV.find(".division").remove();
1957			if (result2[0].length > 0) stateDIV.find(".txtBox").append("<p class='txt division'><strong class='hidden'>¾÷Á¾</strong>" + result2[0] + r21 + " <button type='button' class='btnClose'>´Ý±â</button></p>");	
1958
1959			stateDIV.find(".affiliate").remove();
1960			if (result3[0].length > 0) stateDIV.find(".txtBox").append("<p class='txt affiliate'><strong class='hidden'>°¡¸ÍÁ¡¸í</strong>" + result3[0] + " <button type='button' class='btnClose'>´Ý±â</button></p>");	
1961			
1962			stateDIV.not(".srchInfo").show();
1963		}
1964		
1965		//½Å±Ô ½ºÅ¸¼¥ ÃʱâÈ­
1966		function initNewShop()
1967		{
1968			var mPointBtnA = newShopDIV.find(".mapArea2 > a");
1969			
1970			mPointBtnA.on("click.initStarStop", function (e)
1971			{
1972				var target = $(e.currentTarget);
1973				
1974				mPointBtnA.removeClass("on");
1975				
1976				target.addClass("on");
1977				
1978				e.preventDefault();
1979			});
1980		}
1981	}
1982	
1983	/****************************************************************
1984	* ¸¶ÀÌ ½ºÅ¸¼¥
1985	****************************************************************/
1986	function initMyStarShop()
1987	{
1988		var btnA = $(".bestUse a.btn");
1989		var detailDIV = $(".bestUse_detail");
1990		
1991		if (btnA.length === 0) return false;
1992		
1993		detailDIV.hide();
1994		
1995		btnA.on("click.initMyStarShop", function (e)
1996		{
1997			if (detailDIV.css("display") === "none")
1998			{
1999				detailDIV.show();
2000				btnA.text("ÀÚ¼¼È÷º¸±â ´Ý±â");
2001				btnA.removeClass("open").addClass("close");
2002			}
2003			else
2004			{
2005				detailDIV.hide();
2006				btnA.text("ÀÚ¼¼È÷º¸±â");
2007				btnA.removeClass("close").addClass("open");
2008			}
2009			
2010			e.preventDefault();
2011		});
2012	}
2013	
2014	/****************************************************************
2015	* ½ºÅ¸¼¥ ºäÆäÀÌÁö
2016	****************************************************************/
2017	function initStarshopView()
2018	{
2019		var listDIV = $("div.conBox1");
2020		var prevBtnA = listDIV.find("a.prev");
2021		var nextBtnA = listDIV.find("a.next");
2022		var act = 0;
2023
2024		if (listDIV.length === 0) return false;
2025		
2026		listDIV.on("click.initStarshopView", "li > a", function (e)
2027		{
2028			var target = $(e.currentTarget);
2029			var li = target.closest("li");
2030			var idx = li.index();
2031			
2032			act = idx;
2033			
2034			changeAct();
2035			
2036			e.preventDefault();
2037		});
2038		
2039		prevBtnA.on("click.initStarshopView", function (e)
2040		{
2041			act -= 1;
2042			
2043			changeAct();
2044			
2045			e.preventDefault();
2046		});
2047			
2048		nextBtnA.on("click.initStarshopView", function (e)
2049		{
2050			act += 1;
2051			
2052			changeAct();
2053			
2054			e.preventDefault();
2055		});
2056		
2057		function changeAct()
2058		{
2059			var contentDIV = listDIV.find(".subCon");
2060
2061			if (0 > act) act = 0;
2062			if (act > (contentDIV.length - 1)) act = contentDIV.length - 1;
2063
2064			//content ÃʱâÈ­
2065			contentDIV.hide().eq(act).show();
2066			
2067			//btn ÃʱâÈ­
2068			prevBtnA.removeClass("noData");
2069			nextBtnA.removeClass("noData");
2070			if (0 >= act) prevBtnA.addClass("noData");
2071			if (act >= (contentDIV.length - 1)) nextBtnA.addClass("noData");
2072		}
2073		
2074		changeAct(0);
2075	}
2076	
2077	/****************************************************************
2078	* Ç÷¡Æ¼´½ ¼Ò°³
2079	****************************************************************/
2080	function initPlatinum()
2081	{
2082		var tabBtnLI = $(".rollingList > li");
2083		
2084		if (tabBtnLI.length === 0) return false;
2085		
2086		tabBtnLI.removeClass("on").eq(0).addClass("on");
2087
2088		if (typeof Rolling !== "undefined") initCouponRolling();
2089
2090		//ÄíÆù ·Ñ¸µ
2091		function initCouponRolling()
2092		{
2093			var couponRollingData = {
2094				 container: ".couponBox div.rolling",          	//Àüü ¿µ¿ª ºÎ¸ð
2095				 itemContainer: ".couponBox div.rolling > ul",	//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
2096				 item: ".couponBox div.rolling > ul > li",		//¸®½ºÆ®µé
2097				 upA: ".couponBox .prev",						//È­»ìÇ¥ À§
2098				 downA: ".couponBox .next",						//È­»ìÇ¥ ¾Æ·¡
2099				 dotA: "ul.rollingList > li > a",				//µµÆ® ¹öÆ°
2100				 distance: 543,									//Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸®
2101				 range: 1,										//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
2102				 delay: 4500,                              		//ÀÚµ¿·Ñ¸µ ½Ã°£
2103				 speed: 1,                               		//¸ð¼Ç ¼Óµµ
2104				 direction: "horizontal",     					//¹æÇâ
2105				 ease: "easeOutQuart",                     		//¸ð¼Ç ÀÌ¡°ª
2106				 play: false,                              		//ÀÚµ¿ ·Ñ¸µ À¯¹«
2107				 repeat: true                            		//ÇÑ ¹æÇâÀ¸·Î ¹«ÇÑ ¹Ýº¹ À¯¹«
2108			}
2109			   
2110			var couponRolling = new Rolling();
2111			couponRolling.init(couponRollingData);				//»ý¼º
2112			
2113			couponRolling.exDot(function (idx, con)
2114			{
2115				tabBtnLI.removeClass("on").eq(idx).addClass("on");
2116			});
2117		}
2118	}
2119	
2120	/****************************************************************
2121	* ÄíÆù¼­ºñ½º
2122	****************************************************************/
2123	function initCouponService()
2124	{
2125		var couponBtnA = $("ul.couponTab > li > a");
2126		var couponContentLI = $("ul.couponIcon > li");
2127		
2128		if (couponBtnA.length === 0) return false;

2129		
2130		couponBtnA.on("click.initCouponService", function (e)
2131		{
2132			var target = $(e.currentTarget);
2133			var li = target.closest("li");
2134			var idx = li.index();
2135			
2136			li.addClass("on").siblings().removeClass("on");
2137			
2138			if (idx == 0)
2139			{
2140				couponContentLI.addClass("on");	
2141			}
2142			else
2143			{
2144				couponContentLI.removeClass("on").filter(function ()
2145				{
2146					return $(this).data("type") === idx;
2147				}).addClass("on");
2148			}
2149			
2150			e.preventDefault();
2151		});
2152	}
2153	
2154	/****************************************************************
2155	* VIP¿ì´ë°¡¸ÍÁ¡
2156	****************************************************************/
2157	function initVIP()
2158	{
2159		var vipContainerDIV = $("div.srchBox1");
2160		var kindBtnA = vipContainerDIV.find("div.srch_wrap ul.srchList > li > strong > a");
2161		var contentDIV = vipContainerDIV.find("div.srch_wrap ul.srchList > li > div.subCon");
2162		var maskDIV;
2163		var searchListDIV = vipContainerDIV.find("div.srch_wrap div.srchGuide");
2164		var bottomBtn = vipContainerDIV.find(".btnArea > button");
2165		var contentHeight = 350 + 45 + 37;	//¸®½ºÆ® ÄÁÅÙÃ÷ ³ôÀÌ
2166		var btnClass = ["zone", "foodStyle", "affiliate"];
2167		var defaultLabel = [];
2168		var dataArr = [undefined, undefined, undefined];
2169		var inputDefaultText = "°¡¸ÍÁ¡¸íÀ» ÀÔ·ÂÇϼ¼¿ä";
2170		
2171		var rollingContainerDIV = $("div.rollingBox");
2172		var rollingCloseBtnA = rollingContainerDIV.find("a.close");
2173		var rollingOpenBtnA = rollingContainerDIV.find("a.open");
2174		var rollingWrapDIV = rollingContainerDIV.find("div.inner");
2175		
2176		if (rollingContainerDIV.length === 0) return false;
2177		
2178		//ÃʱâÈ­
2179		initLayout();
2180		initEvent();
2181		if (typeof Rolling !== "undefined") initRolling();
2182		
2183		function initRolling()
2184		{
2185			var rollingDirectBtn = rollingWrapDIV.find("> button");
2186			
2187			rollingOpenBtnA.hide();
2188			rollingWrapDIV.css(
2189			{
2190				"minHeight" : 0,
2191				"overflow": "hidden"
2192			});
2193			rollingDirectBtn.removeClass("noData").eq(0).addClass("noData");
2194			
2195			//·Ñ¸µÃ¢ ¿­±â ¹öÆ°
2196			rollingOpenBtnA.on("click.initVIP", function (e)
2197			{
2198				openRolling();
2199				
2200				e.preventDefault();
2201			});
2202			
2203			//·Ñ¸µÃ¢ ´Ý±â ¹öÆ°
2204			rollingCloseBtnA.on("click.initVIP", function (e)
2205			{
2206				closeRolling();
2207
2208				e.preventDefault();
2209			});
2210			
2211			//Ãßõ¸ÅÀå ·Ñ¸µ
2212			var eventRollingData = {
2213				 container: ".rollingBox .inner",          		//Àüü ¿µ¿ª ºÎ¸ð
2214				 itemContainer: ".rollingBox .inner .con ul",	//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
2215				 item: ".rollingBox .inner .con ul > li",		//¸®½ºÆ®µé
2216				 upA: ".rollingBox .inner .prev",				//È­»ìÇ¥ À§
2217				 downA: ".rollingBox .inner .next",				//È­»ìÇ¥ ¾Æ·¡
2218				 dotA: ".rollingBox div.r_paging > span",		//µµÆ® ¹öÆ° 
2219				 distance: 560,									//Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸®
2220				 range: 1,										//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
2221				 delay: 4500,                              		//ÀÚµ¿·Ñ¸µ ½Ã°£
2222				 speed: 1,                               		//¸ð¼Ç ¼Óµµ
2223				 direction: "horizontal",     					//¹æÇâ
2224				 ease: "easeOutQuart",                     		//¸ð¼Ç ÀÌ¡°ª
2225				 play: true,                            		//ÀÚµ¿ ·Ñ¸µ À¯¹«
2226				 first: true,									//½½¶óÀ̵ù óÀ½À¸·Î µ¹¾Æ°¡±â À¯¹«
2227				 btnDisabledClass: "noData"						//¹öÆ° ÁøÇàÀ» ¸·À» ±¸ºÐ Ŭ·¡½º
2228			}
2229			
2230			var eventRolling = new Rolling();
2231			eventRolling.init(eventRollingData);				//»ý¼º
2232
2233			eventRolling.exUp(function (idx, con) {
2234				con.find("div.r_paging > span").removeClass("on").eq(idx).addClass("on");
2235			});
2236			
2237			eventRolling.exDown(function (idx, con) {
2238				con.find("div.r_paging > span").removeClass("on").eq(idx).addClass("on");
2239			});
2240			
2241			eventRolling.exDot(function (idx, con) {
2242				checkNoData(idx);
2243				con.find("div.r_paging > span").removeClass("on").eq(idx).addClass("on");
2244			});
2245			
2246			function checkNoData(idx)
2247			{
2248				rollingDirectBtn.removeClass("noData");
2249				
2250				if (idx <= 0) rollingDirectBtn.eq(0).addClass("noData");
2251				if (idx >= $(eventRollingData.item).length - 1) rollingDirectBtn.eq(1).addClass("noData");
2252			}
2253		}
2254		
2255		//·Ñ¸µÃ¢ ¿­±â
2256		function openRolling()
2257		{
2258			rollingWrapDIV.animate(
2259			{
2260				"paddingTop" : 40,
2261				"height" : 495
2262			}, {queue:false, duration: 400, easing: "easeOutQuint"});
2263			
2264			rollingOpenBtnA.hide();
2265			rollingCloseBtnA.show();
2266		}
2267		
2268		//·Ñ¸µÃ¢ ´Ý±â
2269		function closeRolling()
2270		{
2271			rollingWrapDIV.animate(
2272			{
2273				"paddingTop" : 0,
2274				"height" : 0
2275			}, {queue:false, duration: 400, easing: "easeOutQuint"});
2276			
2277			rollingOpenBtnA.show();
2278			rollingCloseBtnA.hide();
2279		}
2280	
2281		//·¹À̾ƿô ÃʱâÈ­
2282		function initLayout()
2283		{
2284			//¸®½ºÆ® È°¼ºÈ­ ÃʱâÈ­
2285			defaultContent();
2286			
2287			//¸ð¼ÇÀ» À§ÇÑ ·¹À̾ƿô ÃʱâÈ­
2288			contentDIV.hide();
2289			
2290			maskDIV = contentDIV.wrap("<div class='vipMask'>").parent();
2291			
2292			maskDIV.css(
2293			{
2294				"width"		: 720,
2295				"height"	: contentHeight,
2296				"position"	: "absolute",
2297				"left"		: 0,
2298				"top"		: 0,
2299				"overflow"	: "hidden"
2300			});
2301			
2302			maskDIV.hide();
2303			
2304			//¹öÆ° ±âº» ÅؽºÆ® ÀúÀå
2305			kindBtnA.each(function (idx)
2306			{
2307				defaultLabel.push($(this).html());
2308			});
2309			
2310			//°Ë»ö Á¶°Ç »èÁ¦
2311			searchListDIV.find("div.txtBox > p").hide();
2312		}
2313		
2314		//À̺¥Æ® ÃʱâÈ­
2315		function initEvent()
2316		{	
2317			//Áö¿ª, À½½Ä½ºÅ¸ÀÏ, °¡¸ÍÁ¡ ¼±Åà ¹öÆ°
2318			kindBtnA.on("click.initVIP", function (e)
2319			{
2320				var target = $(e.currentTarget);;
2321				var li = target.closest("li");
2322				var idx = li.index();
2323
2324				maskDIV.eq(idx).show()
2325				contentDIV.eq(idx).fadeIn(200);
2326				
2327				e.preventDefault();
2328			});
2329			
2330			//¼±ÅùöÆ°ÀÇ »èÁ¦ X ¹öÆ°
2331			kindBtnA.closest("li").on("click.initVIP", "a.btnDel", function (e)
2332			{
2333				var target = $(e.currentTarget);
2334				var li = target.closest("li");
2335				var idx = li.index();
2336				
2337				defaultSearch(idx);
2338				defaultContent(idx);
2339				
2340				kindBtnA.eq(idx).focus();
2341				
2342				e.preventDefault();
2343			});
2344			
2345			//¸®½ºÆ® ¼±Åà ½Ã
2346			contentDIV.on("click.initVIP", "strong > a", function (e)
2347			{
2348				var target = $(e.currentTarget);
2349				var strong = target.parent();
2350				var li = target.closest(".vipMask").parent();
2351				var idx = li.index();
2352				
2353				if (strong.hasClass("on")) return false;

2354				
2355				//ÀÚµ¿ ´Ý±â
2356				closeContent(idx);
2357				
2358				//¹öÆ° º¯°æ
2359				defaultSearch(idx);
2360				changeBtn(idx, strong.attr("class"), target);
2361				
2362				//¸®½ºÆ®¿¡¼­ Çϳª¸¸ ¼±ÅõÊ
2363				defaultContent(idx);
2364				strong.addClass("on").after("<span class='hidden'>" + KBCARD_GW.textSelect + "</span>");
2365				
2366				e.preventDefault();
2367			});
2368			
2369			//¸®½ºÆ®ÀÇ ´Ý±â ¹öÆ°
2370			contentDIV.on("click.initVIP", "> button.btnClose", function (e)
2371			{
2372				var target = $(e.currentTarget);
2373				var li = target.closest("li");
2374				var idx = li.index();
2375
2376				//ÀÚµ¿ ´Ý±â
2377				closeContent(idx);
2378				
2379				e.preventDefault();
2380			});
2381			
2382			//°Ë»ö ÀÎDz
2383			searchListDIV.prev("input").on("focusin.initVIP", function (e)
2384			{
2385				var target = $(e.currentTarget);
2386				
2387				if (target.val() === inputDefaultText) target.val("");
2388			});
2389			
2390			searchListDIV.prev("input").on("focusout.initVIP", function (e)
2391			{
2392				var target = $(e.currentTarget);
2393				
2394				if (target.val().length === 0)
2395				{
2396					target.val(inputDefaultText);
2397				}
2398				else 
2399				{
2400					changeBtn(2, "affiliate", target);	
2401				}
2402			});
2403			
2404			//°Ë»öÁ¶°Ç »èÁ¦¹öÆ°
2405			searchListDIV.on("click.initVIP", ".btnClose", function (e)
2406			{
2407				var target = $(e.currentTarget);
2408				var p = target.closest("p");
2409				var idx = p.index();
2410				
2411				defaultSearch(idx);
2412				defaultContent(idx);
2413				
2414				e.preventDefault();
2415			});
2416			
2417			//ÇÏ´Ü Àüü ÃʱâÈ­, °Ë»ö ¹öÆ°
2418			bottomBtn.on("click.initVIP", function (e)
2419			{
2420				var target = $(e.currentTarget);
2421				var idx = target.index();
2422				
2423				if (idx === 0)
2424				{
2425					//Àüü ÃʱâÈ­	
2426					defaultSearch();
2427					defaultContent();
2428					openRolling();
2429				}
2430				else
2431				{
2432					//undefined üũ
2433					var count = 0;
2434					$(dataArr).each(function (idx)
2435					{
2436						if (dataArr[idx] === undefined) count += 1;
2437					});
2438					
2439					//°Ë»ö Á¶°ÇÀÌ ÀÖ´Ù¸é
2440					if (count !== dataArr.length)
2441					{					
2442						//°Ë»ö
2443						closeRolling();
2444					}
2445				}
2446				
2447				e.preventDefault();
2448			});
2449		}
2450
2451		//¹öÆ° º¯°æ
2452		function changeBtn(num, className, element)
2453		{
2454			var htmlText = (num === 2) ? element.val() : element.html();
2455
2456			dataArr[num] = (num === 2) ? element.val() : element.text();
2457			kindBtnA.eq(num).closest("strong").addClass(className).addClass("select").find("> a").html(htmlText).after("<a href='#' class='btnDel'>" + KBCARD_GW.textDelete + "</a></strong>");
2458			
2459			if (num !== 2) searchListDIV.find("p").eq(num).show().contents().eq(1).replaceWith(dataArr[num]);
2460			
2461			//console.log(dataArr);
2462		}
2463		
2464		//¸®½ºÆ® ´Ý±â
2465		function closeContent(num)
2466		{
2467			maskDIV.eq(num).hide();
2468			contentDIV.eq(num).hide();
2469			kindBtnA.eq(num).focus();
2470		}
2471
2472		//¸®½ºÆ® È°¼ºÈ­ º¯°æ
2473		function defaultContent(num)
2474		{
2475			if (num === undefined)
2476			{
2477				contentDIV.find("strong.on").removeClass("on");
2478				contentDIV.find("span.hidden").remove();
2479			}
2480			else 
2481			{
2482				contentDIV.eq(num).find("strong.on").removeClass("on");
2483				contentDIV.eq(num).find("span.hidden").remove();
2484			}
2485		}
2486		
2487		//°Ë»öÁ¶°Ç »èÁ¦
2488		function defaultSearch(num)
2489		{	
2490			var targetBtn;
2491			
2492			if (num === undefined)
2493			{
2494				targetBtn = kindBtnA;
2495				dataArr = [undefined, undefined, undefined];
2496				searchListDIV.find("p").hide();
2497				searchListDIV.prev("input").val(inputDefaultText);
2498				
2499				targetBtn.each(function (idx)
2500				{
2501					//¼±Åà ¹öÆ° x ¹öÆ° »èÁ¦ÇÏ°í class »èÁ¦
2502					$(this).closest("strong").removeAttr("class").find("a:first").html(defaultLabel[idx]).next("a.btnDel").remove();
2503				});
2504			}
2505			else
2506			{
2507				targetBtn = kindBtnA.eq(num);
2508				dataArr[num] = undefined;
2509				searchListDIV.find("p").eq(num).hide();
2510				if (num === 2) searchListDIV.prev("input").val(inputDefaultText);
2511				
2512				//¼±Åà ¹öÆ° x ¹öÆ° »èÁ¦ÇÏ°í class »èÁ¦
2513				targetBtn.closest("strong").removeAttr("class").find("a:first").html(defaultLabel[num]).next("a.btnDel").remove();
2514			}
2515		}
2516	}
2517	
2518	/****************************************************************
2519	* Æ÷ÀÎÆ®¸®¶õ?
2520	****************************************************************/
2521	function initPointree()
2522	{
2523		if (typeof Rolling !== "undefined") initPointRolling();
2524		
2525		//Æ÷ÀÎÆ®¸®·Î ¹«¾ùÀ» ÇÒ ¼ö ÀÖÀ»±î ·Ñ¸µ
2526		function initPointRolling()
2527		{
2528			var pointRollingData = {
2529				 container: ".serviceBox05 .slideWrap",         //Àüü ¿µ¿ª ºÎ¸ð
2530				 itemContainer: ".serviceBox05 .slideWrap ul",	//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
2531				 item: ".serviceBox05 .slideWrap ul > li",		//¸®½ºÆ®µé
2532				 upA: ".serviceBox05 .slideWrap .prev",			//È­»ìÇ¥ À§
2533				 downA: ".serviceBox05 .slideWrap .next",		//È­»ìÇ¥ ¾Æ·¡
2534				 dotA: ".serviceBox05 div.card_paging > span",	//µµÆ® ¹öÆ°
2535				 distance: 480,									//Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸®
2536				 range: 1,										//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
2537				 delay: 4500,                              		//ÀÚµ¿·Ñ¸µ ½Ã°£
2538				 speed: 1,                               		//¸ð¼Ç ¼Óµµ
2539				 direction: "horizontal",     					//¹æÇâ
2540				 ease: "easeOutQuart",                     		//¸ð¼Ç ÀÌ¡°ª
2541				 play: false,                            		//ÀÚµ¿ ·Ñ¸µ À¯¹«
2542				 first: true,									//½½¶óÀ̵ù óÀ½À¸·Î µ¹¾Æ°¡±â À¯¹«
2543				 btnDisabledClass: "noData"						//¹öÆ° ÁøÇàÀ» ¸·À» ±¸ºÐ Ŭ·¡½º
2544			}
2545			   
2546			var pointRolling = new Rolling();
2547			pointRolling.init(pointRollingData);				//»ý¼º
2548
2549			pointRolling.exUp(function (idx, con) {
2550				con.find("div.card_paging > span").removeClass("on").eq(idx).addClass("on");
2551			});
2552			
2553			pointRolling.exDown(function (idx, con) {
2554				con.find("div.card_paging > span").removeClass("on").eq(idx).addClass("on");
2555			});
2556			
2557			pointRolling.exDot(function (idx, con) {
2558				var rollingDirectBtn = $(pointRollingData.upA).add($(pointRollingData.downA));

2559				rollingDirectBtn.removeClass("noData");
2560				
2561				if (idx <= 0) rollingDirectBtn.eq(0).addClass("noData");
2562				if (idx >= $(pointRollingData.item).length - 1) rollingDirectBtn.eq(1).addClass("noData");
2563				
2564				con.find("div.card_paging > span").removeClass("on").eq(idx).addClass("on");
2565			});
2566		}
2567	}
2568	
2569	/****************************************************************
2570	* ºê·£µå½ºÅ丮
2571	****************************************************************/
2572	function initBrandStory()
2573	{
2574		$(".brandStory2").each(function (idx)
2575		{
2576			var brandRollingData = {
2577				 container: ".brandStory2:eq(" + idx + ") .rollingBox",         			//Àüü ¿µ¿ª ºÎ¸ð
2578				 itemContainer: ".brandStory2:eq(" + idx + ") .rollingBox > .inner > ul",	//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
2579				 item: ".brandStory2:eq(" + idx + ") .rollingBox > .inner > ul > li",		//¸®½ºÆ®µé
2580				 upA: ".brandStory2:eq(" + idx + ") .rollingBox > .prev",					//È­»ìÇ¥ À§
2581				 downA: ".brandStory2:eq(" + idx + ") .rollingBox > .next",					//È­»ìÇ¥ ¾Æ·¡
2582				 dotA: ".brandStory2:eq(" + idx + ") div.r_paging > span",					//µµÆ® ¹öÆ°
2583				 distance: 520,									//Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸®
2584				 range: 1,										//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
2585				 delay: 4500,                              		//ÀÚµ¿·Ñ¸µ ½Ã°£
2586				 speed: 1,                               		//¸ð¼Ç ¼Óµµ
2587				 direction: "horizontal",     					//¹æÇâ
2588				 ease: "easeOutQuart",                     		//¸ð¼Ç ÀÌ¡°ª
2589				 play: false,                            		//ÀÚµ¿ ·Ñ¸µ À¯¹«
2590				 first: false,									//½½¶óÀ̵ù óÀ½À¸·Î µ¹¾Æ°¡±â À¯¹«
2591				 btnDisabledClass: "noData"						//¹öÆ° ÁøÇàÀ» ¸·À» ±¸ºÐ Ŭ·¡½º
2592			}
2593			   
2594			var brandRolling = new Rolling();
2595			brandRolling.init(brandRollingData);				//»ý¼º
2596			
2597			brandRolling.exUp(function (idx, con) {
2598				con.find("div.r_paging > span").removeClass("on").eq(idx).addClass("on");
2599			});
2600			
2601			brandRolling.exDown(function (idx, con) {
2602				con.find("div.r_paging > span").removeClass("on").eq(idx).addClass("on");
2603			});
2604	
2605			brandRolling.exDot(function (idx, con) {
2606				var rollingDirectBtn = con.find(".prev").add(con.find(".next"));
2607				rollingDirectBtn.removeClass("noData");
2608				
2609				if (idx <= 0) rollingDirectBtn.eq(0).addClass("noData");
2610				if (idx >= con.find(".inner > ul > li").length - 1) rollingDirectBtn.eq(1).addClass("noData");
2611				
2612				con.siblings("div.r_paging").find("> span").removeClass("on").eq(idx).addClass("on");
2613			});
2614		});
2615	}
2616	
2617	/****************************************************************
2618	* ÅëÇÕ°Ë»ö
2619	****************************************************************/
2620	function initSearchTotal()
2621	{
2622		var realSearchDIV = $(".realSearch");
2623	
2624		realSearchDIV.on("mouseenter.initSearchTotal", function (e) 
2625		{
2626			realSearchDIV.addClass("open");
2627		});
2628		
2629		realSearchDIV.on("mouseleave.initSearchTotal", function (e) 
2630		{
2631			realSearchDIV.removeClass("open");
2632		});
2633	}
2634	
2635	/****************************************************************
2636	* Ä«µå »ó¼¼ ºä
2637	****************************************************************/
2638	function initBizCardView()
2639	{
2640		var cardKindUL = $(".cardView ul.cardKind");
2641    	var contentDIV = $(".cardView div.cardPreview");
2642		
2643		if (cardKindUL.length === 0) return false;
2644		
2645		cardKindUL.on("click.initBizCardView", "li > a", function (e)
2646		{
2647			var target = $(e.currentTarget);
2648			var content = target.siblings(".cardPreview");
2649			
2650			if (content.filter(":hidden").length > 0) contentDIV.hide();
2651			content.toggle();
2652			
2653			e.preventDefault();
2654		});
2655		
2656		contentDIV.on("click.initBizCardView", "button.btnXS", function (e)
2657		{
2658			var target = $(e.currentTarget);
2659			var content = target.closest(".cardPreview");
2660			var a = content.siblings("a");
2661			
2662			contentDIV.hide();
2663			content.hide();
2664			a.focus();
2665			
2666			e.preventDefault();
2667		});
2668	}
2669	
2670	/****************************************************************
2671	* ±â¾÷ Ä«µå »ó¼¼ ºä
2672	****************************************************************/
2673	function initIngEvent()
2674	{
2675		var inputDIV = $(".wordBox > .wordInput");
2676		var hintDIV = $(".wordBox > .wordHint");
2677		var isHint = (hintDIV.find("li > button").length !== 0);
2678		
2679		//init
2680		inputDIV.find("input").val("").removeAttr("value").addClass("basic").next().remove(); //ÀÔ·Â ÀÎDz ÀԷ¸ðµå·Î ÃʱâÈ­
2681		hintDIV.find("button").removeClass("select"); //ÈùÆ® ÀüºÎ È°¼ºÈ­
2682		if (isHint)
2683		{
2684			//ÈùÆ®°¡ ÀÖÀ¸¸é ÀÔ·ÂÀÎDz ÀÔ·Â ¾ÈµÇ°Ô ¼³Á¤
2685			inputDIV.find("input").prop("readonly", true).prop("disabled", true);
2686		}
2687		else
2688		{
2689			//ÈùÆ®°¡ ¾ø´Â »óÅÂÀ϶§¸¸
2690			inputDIV.on("focusin.initIngEvent", "input.basic", function (e)
2691			{
2692				var input = $(e.currentTarget);
2693				input.removeClass("basic");
2694			});
2695		}
2696		
2697		//»èÁ¦¹öÆ°
2698		inputDIV.on("click.initIngEvent keyup.initIngEvent", "button.btnDel", function (e)
2699		{
2700			var button = $(e.currentTarget); 
2701			var input = button.prev("input");
2702			
2703			//Ŭ¸¯À̳ª ¿£ÅÍÀÏ °æ¿ì¸¸ Àû¿ë
2704			if (e.type === "click" || (e.type === "keyup" && e.keyCode === 13))
2705			{
2706				removeValue(input); //ÀÔ·Â ÀÎDz ±Û¾²±â»óÅ·Πº¯°æ
2707				
2708				//ÈùÆ®°¡ ¾ø´Â »óÅ°í Å°º¸µå ¿£ÅÍÅ°·Î »èÁ¦ ½Ã »èÁ¦ÇÑ ÀÔ·Â ÀÎDz¿¡ Æ÷Ä¿½º
2709				if (!isHint && (e.type === "keyup" && e.keyCode === 13)) input.focus();
2710					
2711				if (e.type === "click") e.preventDefault();
2712			}
2713		});
2714		
2715		//ÀÎDz Æ÷Ä¿½º ¾Æ¿ô
2716		inputDIV.on("focusout.initIngEvent", "input", function (e)
2717		{
2718			var input = $(e.currentTarget);
2719			var val = input.val();
2720			
2721			if (val.length > 0)
2722			{
2723				setValue(input);

2723 //ÀÔ·Â ÀÎDz ÀԷ»óÅ·Πº¯°æ
2724			}
2725			else
2726			{
2727				removeValue(input); //ÀÔ·Â ÀÎDz ±Û¾²±â»óÅ·Πº¯°æ
2728			}
2729		});
2730		
2731		//ÈùÆ® Ŭ¸¯
2732		hintDIV.on("click.initIngEvent", "li > button", function (e)
2733		{
2734			var target = $(e.currentTarget);
2735			var li = target.closest("li");
2736			var idx = li.index();
2737			var input = inputDIV.find("input.basic").eq(0);
2738	
2739			target.addClass("select").prop("disabled", true);
2740			
2741			if (input.length > 0)
2742			{
2743				input.data("idx", idx).val(target.text());	//ÀÔ·ÂÀÎDz¿¡ ÈùÆ® idx µ¥ÀÌÅÍ ÀúÀå ¹× °ª ÀÔ·Â
2744				setValue(input);							//ÀÔ·Â ÀÎDz ÀԷ»óÅ·Πº¯°æ
2745			}
2746			
2747			hintDIV.find("li > button").eq(0).focus();
2748			
2749			e.preventDefault();
2750		});
2751		
2752		//ÀÔ·Â ÀÎDz ÀԷ»óÅ·Πº¯°æ
2753		function setValue(input)
2754		{
2755			var val = input.val();
2756			
2757			input.removeClass("basic").prop("disabled", false);	//±Û¾²±â ¸ðµå ÇØÁ¦
2758			if (input.siblings(".btnDel").length === 0) input.after("<button type='button' class='btnDel'>»èÁ¦</button>");	//»èÁ¦¹öÆ° Ãß°¡
2759
2760		}
2761		
2762		//ÀÔ·Â ÀÎDz ±Û¾²±â»óÅ·Πº¯°æ
2763		function removeValue(input)
2764		{
2765			var button = input.next("button.btnDel");
2766			var idx = parseInt(input.data("idx"));
2767			
2768			input.val("").removeData("idx");					//°ª »èÁ¦ ¹× ÈùÆ® idx µ¥ÀÌÅÍ »èÁ¦
2769			input.addClass("basic").prop("disabled", true);		//±Û¾²±â ¸ðµå
2770			button.remove();									//»èÁ¦¹öÆ° »èÁ¦
2771			
2772			if (isHint && !isNaN(idx))
2773			{
2774				//ÈùÆ®°¡ ÀÖ´Â »óŸé ÈùÆ® È°¼ºÈ­ ½ÃÅ°°í Æ÷Ä¿½º À̵¿
2775				hintDIV.find("li").eq(idx).find("button").removeClass("select").prop("disabled", false).focus();
2776			}
2777		}
2778	}
2779	
2780	/****************************************************************
2781	* ÁÖ¿ä ÇѱÛÄ«µå ÇÑ´«¿¡ º¸±â
2782	****************************************************************/
2783	function initHangulCard()
2784	{
2785		var containerDIV = $("div.list");
2786		var linkBtn = containerDIV.find("dd.cardLink button.link");
2787		var closeBtn = containerDIV.find("button.btnXS");
2788		
2789		linkBtn.on("click.initHangulCard", function (e)
2790		{
2791			var target = $(e.currentTarget);
2792			
2793			target.closest("div.list").find("div.cardPreview").hide();
2794			target.next("div.cardPreview").show();
2795			
2796			e.preventDefault();
2797		});
2798		
2799		closeBtn.on("click.initHangulCard", function (e)
2800		{
2801			var target = $(e.currentTarget);
2802			
2803			target.closest("div.cardPreview").hide().prev("button.link").focus();
2804			
2805			e.preventDefault();
2806		});
2807	}
2808	
2809	/****************************************************************
2810	* »çȸ°øÇåÈ°µ¿ ¿¬Çõ
2811	****************************************************************/
2812	function initHistory()
2813	{
2814		var containerDIV = $("div.history");
2815		
2816		containerDIV.on("click.initHistory", "> .fl li > a", function (e)
2817		{
2818			var target = $(e.currentTarget);
2819			var li = target.closest("li");
2820			var idx = li.index();
2821			
2822			li.addClass("on").siblings("li").removeClass("on");
2823			
2824			containerDIV.find(".fr > div").hide().eq(idx).show();
2825			
2826			e.preventDefault();
2827		});
2828	}
2829	
2830	/****************************************************************
2831	* ´Þ·Â ¿­°í ´Ý±â ÃʱâÈ­ ÇÔ¼ö
2832	****************************************************************/
2833	function initCalendar()
2834	{
2835		// ´Þ·Â ¿¬°áµÈ ¹öÆ°
2836		var calBtn = $(".icoCal");
2837
2838		if (calBtn.length === 0) return false;
2839
2840		//Æ÷Ä¿½º »ö»ó
2841		calBtn.siblings("input[type='text']").off(".initCalendar");
2842		calBtn.siblings("input[type='text']").on("focusin.initCalendar focusout.initCalendar", function (e) {
2843			var target = $(e.currentTarget);
2844			var div = target.parent();
2845			
2846			switch (e.type)
2847			{
2848				case "focusin" :
2849					div.addClass("focus");
2850					break;
2851				case "focusout" :
2852					div.removeClass("focus");
2853					break;
2854				default :	
2855			}
2856		});
2857		
2858		// ´Þ·ÂÀÌ ±×·ÁÁø ÈÄ ¹ß»ý
2859		calBtn.off(".calendar");
2860		calBtn.on("complete.calendar", function (e) 
2861		{
2862			var calendarDIV = $(this).next(".calendar");
2863			
2864			//³â,¿ù ¼±Åà ½Ã ¹ß»ý
2865			calendarDIV.on("change.calendar", function (e, data)
2866			{
2867				var input = $(this).siblings("input[type='text']");
2868			});
2869			
2870			//ÀÏ ¼±Åà ½Ã ¹ß»ý, ÀÎDz¿¡ ³¯Â¥ º¯°æ½ÃÅ´
2871			calendarDIV.on("select.calendar", function (e, year, month, date)
2872			{
2873				var input = $(this).siblings("input[type='text']");
2874				input.val(year + month + date);
2875				
2876				input.blur();
2877			});
2878		});
2879
2880		// ´Þ·Á ¹öÆ°¿¡ ´Þ·Â »ý¼º
2881		calBtn.each(function ()
2882		{
2883			var target = $(this);			
2884			
2885			target.next(".calendar").remove();
2886			target.parent().css('zIndex','9999');
2887			var calendar = new WCalendar(target, {input: target.prev(), isHiddenD

2887ate:false});
2888			calendar.init();
2889		});
2890	}
2891		
2892	/****************************************************************
2893	* ÆäÀÌÁö¿¡ ÀÖ´Â dim Æ˾÷À» È£ÃâÇÏ´Â a ű׿¡ ´ëÇÑ Á¤ÀÇ
2894	****************************************************************/
2895	function initPop()
2896	{
2897		var linkTag = $("a[href], input:not([disabled]), button:not([disabled])");	// ÆäÀÌÁö¿¡ Æ˾÷À» ¶ç¿ï ¼ö ÀÖ´Â ÅÂ±× ÀüºÎ
2898		
2899		linkTag.each(function (idx)
2900		{
2901			if ($(this).attr("data-path") !== undefined)
2902			{
2903				// Æ˾÷ ±âº» ¼û±è
2904				$("#" + $(this).attr("data-path")).hide();
2905				
2906				// Æ˾÷ ¶ç¿ì´Â À̺¥Æ®
2907				$(this).on("click.initPop", function (e)
2908				{
2909					var target = $(e.currentTarget);
2910					var id = target.attr("data-path");
2911
2912					$.openDimPop(id, target);
2913
2914					e.preventDefault();
2915				});
2916			} // end if
2917		}); // end each
2918		
2919		// 2024 Á¢±Ù¼º °³¼± - Å°º¸µå·Î ½ÇÇà°¡´ÉÇÏ°Ô		
2920		$(document).on('keypress', 'a, button', function() {
2921			if($(this).attr('onkeypress') == undefined) {
2922				$(this).click();
2923			}
2924		});
2925	}
2926	
2927	/****************************************************************
2928	* ¸ÞÀθ޴º
2929	****************************************************************/
2930	function initGnb() {
2931		if( !!!$('.header').find('ul.gnb').length ) return false;
2932
2933		var wrapper = $("#wrapper");
2934		var header = $(".header");
2935		var logoA = header.find("a.KbLogo");
2936		var maskDIV = header.find(".kbGnb>.inner");					// ³ôÀÌ Á¶Á¤ µÇ´Â DIV
2937		var gnbUL = header.find("ul.gnb");							// ¸ÞÀÎ ¸Þ´º
2938		var locationDIV = $(".sGnb");								// ·ÎÄÉÀ̼ǹÙ
2939		var subsDIV = gnbUL.find('.gnbSub');						// ¼­ºê DIV
2940		var isSubOutside = !!!gnbUL.find('.gnbSub').length;			// °í°´¼¾ÅÍ, ȸ»ç¼Ò°³, About us
2941		if( isSubOutside ) subsDIV = gnbUL.siblings('.gnbSub');		// ¼­ºê DIV º¯°æ
2942		var dimDIV = header.find('.kbGnb>.dimmed');					// °¡¸²¸·
2943		var userInfo = header.find("div.userInfo"); 				// ¸¶ÀÌ À¯Æ¿
2944		var shareBtnA = wrapper.find(".btnShare");					// °øÀ¯Çϱ⠹öÆ°
2945		var shareDIV = wrapper.find("div.shareBox");				// °øÀ¯Çϱ⠸޴º
2946		var searchBtnA = wrapper.find("a.totalSearch");				// °Ë»ö¹öÆ°
2947		var searchDIV = wrapper.find("div.searchTop");				// °Ë»öDIV
2948		var searchCloseBtnA = searchDIV.find("button.close");		// °Ë»ö ´Ý±â ¹öÆ°
2949		var totalMenuDIV = header.find("div.topSitemap");			// Àüü¸Þ´º
2950		var totalAreaDIV = header.find("div.sitemapArea");			// Àüü¸Þ´º BG ¿ªÈ° DIV
2951		var totalTabLI = header.find("ul.tabType1 > li");			// Àüü¸Þ´ºÀÇ ÅǸ޴º
2952		var totalTwoMenuDIV = header.find("div.sitemapInner");		// Àüü¸Þ´º ÅǾƷ¡ ¸Þ´º div ¹­À½
2953		var totalBtnA = header.find("a.totalMenu");					// Àüü¸Þ´º ¹öÆ°
2954		var totalCloseBtnA = totalMenuDIV.find("button.close"); 	// Àüü¸Þ´º ´Ý±â ¹öÆ°
2955		var topBtnA = $("a.pageTop");								// top ¹öÆ°
2956		var wscroll;
2957		var focusSelector = "a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]),";
2958		focusSelector += "button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]";
2959		var focusElement = $("#container").add(locationDIV).find(focusSelector);
2960		var subTitleHeight = !!maskDIV.find('.serviceMenu').length ? 70 : 0;
2961		var subMenuPadding = subsDIV.find('ul.gnbDep2').css('padding-top');
2962		// subMenuPadding = parseInt(subMenuPadding.replace(/[^0-9]/g,'')*2)||60; //2depth°¡ ¾øÀ» ¶§
2963		var wrapperZindex = 1000;
2964		var $mainBar = maskDIV.find('.depth1-bar');
2965		var $mainMenus = gnbUL.find('>li');
2966		var $depth3Menus = subsDIV.find('.gnbDep3>li.dep4ON');
2967		var $gnbQuick = header.find('.gnbQuick');
2968		var $kbGnb = header.find('.kbGnb');
2969		var isAutoLease = $kbGnb.hasClass('gnbAuto');
2970		var isFinanceLease = $kbGnb.hasClass('gnbKbpl');
2971		var headAreaHeight = header.find('.headArea').height()||60;
2972		var oneLineHeight = $kbGnb.height()||80;
2973		var ableDepth2Out = isAutoLease || isFinanceLease;
2974		var isSubDefault = !isSubOutside && !ableDepth2Out;
2975		var isTab, isShiftTab, isAccessibility=false;
2976		var isGnbQuick = !!$gnbQuick.length;
2977		var isMainOver=false, isMainEnter=false;
2978		var mainBarAddL=4, mainBarAddW=mainBarAddL*2;
2979		var mainLen=$mainMenus.length-1, mainIndex=0;
2980		var activeDuration=560, activeIndex=undefined;
2981
2982		// set layout
2983		maskDIV.css( {overflow:'hidden', height:gnbUL.height()} );
2984		subsDIV.hide();
2985		dimDIV.hide();
2986		wrapper.css( {zIndex:wrapperZindex} );
2987		totalMenuDIV.find(".sitemapInner").find(">

2987 div").show().wrap("<div class='totalWscrollCon'>");	//Àüü¸Þ´º ÃʱâÈ­ÈÄ DIV °¨½Ó
2988		totalTwoMenuDIV.hide().eq(0).show();	//Àüü¸Þ´º 2µª½º ÃʱâÈ­
2989		quickMenuFocus(false);
2990		activateMenu();
2991
2992		// Accessibility - commons
2993		$(document).on('keydown', function( evt ) {
2994			isTab = evt.keyCode === 9 && !evt.shiftKey;
2995			isShiftTab = evt.keyCode === 9 && evt.shiftKey;
2996			isAccessibility = isTab || isShiftTab;
2997			accessibility(isAccessibility?true:false);
2998		});
2999
3000		$mainMenus.on('focusin', '>a', function( evt ) {
3001			if( isTab ) enterDepth1( $(this).parent().index() );
3002		});
3003
3004		$mainMenus.on('keydown', '>a', function( evt ) {
3005			var index = $(this).parent().index();
3006			setTimeout( function() {
3007				if( !isSubOutside && isShiftTab && mainIndex > index-1 ) {
3008					evt.preventDefault();
3009					if( index !== 0 ) {
3010						enterDepth1(index-1);
3011						detectDefaultLastA(index-1).focus();
3012
3013					} else {
3014						leaveDepth1();
3015					}
3016				}
3017			}, 0 );
3018		});
3019
3020		var $gnbFirstA = header.find('.headArea a:last');
3021		$gnbFirstA.on('focusin', function( evt ) {
3022			leaveDepth1();
3023		});
3024
3025		var $utilFirstA = header.find('.otherUtil a:first');
3026		$utilFirstA.on('focusin', function( evt ) {
3027			leaveDepth1();
3028		});
3029
3030		function accessibility( isWA ) {
3031			isAccessibility = isWA;
3032			var props = !isWA ? 'height 0.3s ease' : 'none';
3033			maskDIV.css( {transition:props,WebkitTransition:props} );
3034		}
3035
3036		function detectDefaultLastA( index ) {
3037			var $gnbSub = $mainMenus.eq(index).find('.gnbSub');
3038			var $d2Last = $gnbSub.find('ul.gnbDep2 > li:last');
3039			var $d3Last = $d2Last.find('> ul.gnbDep3 > li:last');
3040			var $li = !ableDepth2Out ? $d3Last : $d2Last;
3041			return $li.find('> a');
3042		}
3043
3044		// Accessibility - ÀÏ¹Ý ÆäÀÌÁö
3045		if( isSubDefault ) {
3046			detectDefaultLastA(mainLen).on('keydown', function( evt ) {
3047				if( !isShiftTab && isTab && isGnbQuick ) {
3048					evt.preventDefault();
3049					$gnbQuick.find('a:first').focus();
3050				}
3051			});
3052
3053			var $mainLifeMenu = maskDIV.find('a.linkLife');
3054			var isLifeMenu = !!$mainLifeMenu.length;
3055			if( isLifeMenu ) {
3056				$mainLifeMenu.on('mouseenter focusin', function() {
3057					leaveDepth1();
3058				});
3059
3060				/* 201012_¼öÁ¤ */
3061				$mainLifeMenu.on('keydown', function( evt ) {
3062					isTab = evt.keyCode === 9 && !evt.shiftKey;
3063					isShiftTab = evt.keyCode === 9 && evt.shiftKey;
3064
3065					if( isShiftTab) {
3066						enterDepth1(mainLen);
3067						setTimeout( function() {
3068							detectDefaultLastA(mainLen).focus();
3069						}, 100 );
3070					}
3071				});
3072				/*
3073				$mainLifeMenu.on('keydown', function( evt ) {
3074					evt.preventDefault();
3075
3076					if( isShiftTab ) {
3077						enterDepth1(mainLen);
3078						setTimeout( function() {
3079							$gnbQuick.find('a:last').focus();
3080						}, 100 );
3081
3082					} else if( isTab ) {
3083						$utilFirstA.focus();
3084					}
3085				});
3086				*/
3087				/* //201012_¼öÁ¤ */
3088			}
3089
3090			if( isGnbQuick ) {
3091				$gnbQuick.find('a:first').on('keydown', function( evt ) {
3092					if( isShiftTab ) {
3093						evt.preventDefault();
3094						setTimeout( function() {
3095							detectDefaultLastA(mainLen).focus();
3096						}, 100 );
3097					}
3098				});
3099
3100				$gnbQuick.find('a:last').on('focusout', function( evt ) {
3101					if( !isShiftTab && isTab ) {
3102						if( isLifeMenu ) {
3103							evt.preventDefault();
3104							$mainLifeMenu.focus();
3105						}
3106					}
3107				});
3108			}
3109
3110			$utilFirstA.on('focusout', function( evt ) {
3111				if( isShiftTab && !isLifeMenu ) {
3112					evt.preventDefault();
3113					enterDepth1(mainLen);
3114					if( !isGnbQuick ) detectDefaultLastA(mainLen).focus();
3115					else $gnbQuick.find('a:last').focus();
3116				}
3117			});
3118		}
3119
3120		// Accessibility - ¿ÀÅ丮½º, ÀϹݱÝÀ¶¸®½º
3121		if( ableDepth2Out ) {
3122			$mainMenus.on('focusin', '>a', function( evt ) {
3123				var index = $(this).parent().index();
3124				setTimeout( function() {
3125					if( isShiftTab ) enterDepth1(index);
3126				}, 0 );
3127			});
3128
3129			$utilFirstA.on('focusout', function( evt ) {
3130				if( isShiftTab ) enterDepth1(mainLen);
3131			});
3132	
3133			var $utilFirstB = header.find('.otherUtil p.f_img > a');
3134			$utilFirstB.on('focusin', function( evt ) {
3135				leaveDepth1();
3136			});
3137		}
3138
3139		// Accessibility - °í°´¼¾ÅÍ, ȸ»ç¼Ò°³, About us
3140		if( isSubOutside ) {
3141			gnbUL.find('a').on('keydown', function( evt ) {
3142				var idx1 = $(evt.currentTarget).closest('li').index();
3143				setTimeout( function() {
3144					if( isShiftTab ) {
3145						if( idx1 === 0 ) return;
3146						evt.preventDefault();
3147						overMain(idx1-1);
3148						detectOutsideLastA(idx1-1).focus();
3149
3150					} else if( isTab ) {
3151						evt.preventDefault();
3152						overMain(idx1);
3153						detectOutsideFirstA(idx1).focus();
3154					}
3155				}, 0 );
3156			});
3157
3158			subsDIV.find('.gnbDep2 > li').each( function( idx ) {
3159				$(this).find('> ul.gnbDep3 > li:first > a').on('focusout', function( evt ) {
3160					if( isShiftTab ) {
3161						var idx = $(evt.currentTarget).closest('ul').parent().index();
3162						gnbUL.find('li').eq(idx).find('> a').focus();
3163					}
3164				});
3165				
3166				$(this).find('> ul.gnbDep3 > li:last > a').on('focusout', function( evt ) {
3167					if( isTab ) {
3168						var idx1 = $(evt.currentTarget).closest('ul').parent().index();
3169						if( idx1 !== mainLen ) gnbUL.find('li').eq(idx1+1).find('> a').focus();
3170						else $utilFirstA.focus();
3171					}
3172				});
3173			});
3174
3175			$mainMenus.eq(mainLen).on('focusin', '>a', function( evt ) {
3176				if( isShiftTab ) evt.preventDefault();
3177			});
3178
3179			$utilFirstA.on('focusout', function( evt ) {
3180				if( isShiftTab ) {
3181					evt.preventDefault();
3182					enterDepth1(mainLen);
3183					setTimeout( function() {
3184						detectOutsideLastA(mainLen).focus();
3185					}, 100 );
3186				}
3187			});
3188
3189			function detectOutsideFirstA( index ) {
3190				var $d2Li = subsDIV.find('ul.gnbDep2 > li').eq(index);
3191				var $d3First = $d2Li.find('> ul.gnbDep3 > li').eq(0);
3192				return $d3First.find('a:first');
3193			}
3194	
3195			function detectOutsideLastA( index ) {
3196				var $d2Li = subsDIV.find('ul.gnbDep2 > li').eq(index);
3197				var $d3Last = $d2Li.find('> ul.gnbDep3 > li:last');

3198				return $d3Last.find('> a');
3199			}
3200		}
3201
3202		// Depth1 Over - .kbGnb .inner ul.gnb li
3203		$mainMenus.on('mouseenter', function() {
3204			var index = $(this).index();
3205			overMain(index);
3206			accessibility(false);
3207
3208			if( ableDepth2Out ) {
3209				var isDepth2 = !!$(this).find('.gnbSub').length;
3210				if( isDepth2 ) openSub( index );
3211				else closeSub();
3212
3213			} else {
3214				openSub( index );
3215			}
3216		});
3217
3218		function enterDepth1( idx1 ) {
3219			overMain( idx1 );
3220			openSub( idx1 );
3221		}
3222
3223		function overMain( idx1 ) {
3224			var $depth1 = $mainMenus.eq(idx1);
3225			var marginL = parseInt($depth1.css('margin-left').replace(/[^0-9]/g,''))||0;
3226			var depth1X = ( !!idx1 ? marginL : 0 ) + $depth1.position().left;
3227			var depth1W = $depth1.width();
3228			var d = !isMainOver ? 400 : 460;
3229			var e = !isMainOver ? 'easeInOutQuint' : 'easeOutQuint';
3230			if( !isMainOver ) $mainBar.stop().css( {left:depth1X-mainBarAddL, width:0} );
3231			$mainBar.stop().animate( {left:depth1X-mainBarAddL, width:depth1W+mainBarAddW}, {duration:d, easing:e} );
3232			mainIndex = idx1;
3233			isMainOver = true;
3234		}
3235
3236		function openSub( idx1 ) {
3237			subsDIV.hide();
3238			var $depth2Wrap = subsDIV.eq( !isSubOutside ? idx1 : 0 );
3239			if( ableDepth2Out ) $depth2Wrap = $mainMenus.eq(idx1).find('.gnbSub');
3240			$depth2Wrap.show();
3241			var d = !isAccessibility ? 300 : 0;
3242			dimDIV.stop().show().animate( {opacity:0.5}, {duration:d, easing:'easeOutQuad'} );
3243			maskDIV.css( {height:$depth2Wrap.height()+oneLineHeight} );
3244			wrapper.css( {zIndex:(wrapperZindex*10)+1} );
3245			// depth2 vertical line
3246			var $depth2UL = $depth2Wrap.find('ul.gnbDep2');
3247			$depth2UL.find('>li').css( {height:$depth2UL.height()} );
3248
3249			closeSearch();
3250			closeTotalMenu();
3251			topBtnDisable();
3252			quickMenuFocus(true);
3253		}
3254		
3255		// Depth1 Out - maskDIV || lifeMenu
3256		maskDIV.on('mouseleave', function() {
3257			accessibility(false);
3258			leaveDepth1();
3259		});
3260
3261		function leaveDepth1() {
3262			if( isMainEnter ) return;
3263
3264			if( activeIndex > -1 ) {
3265				if( activeIndex !== mainIndex ) {
3266					var isGnbSub = !!$mainMenus.eq(mainIndex).find('>.gnbSub').length;
3267					if( ableDepth2Out && !isGnbSub ) {
3268						activateDepth1(0);
3269	
3270					} else {
3271						outMain();
3272						activateDepth1( activeDuration+200 );					
3273					}
3274				}
3275
3276			} else {
3277				outMain();
3278			}
3279
3280			closeSub();
3281		}
3282
3283		function outMain() {
3284			var $depth1 = $mainMenus.eq(mainIndex);
3285			var marginL = parseInt($depth1.css('margin-left').replace(/[^0-9]/g,''))||0;
3286			var depth1X = ( !!mainIndex ? marginL : 0 ) + $depth1.position().left;
3287			$mainBar.stop().animate( {left:depth1X+$depth1.width()*0.5, width:0}, {duration:560, easing:'easeInOutQuint'} );
3288			isMainOver = false;
3289			isMainEnter = false;
3290		}
3291
3292		function closeSub() {
3293			maskDIV.css( {height:oneLineHeight} );	// 300, easeOutQuint
3294			var d = !isAccessibility ? 300 : 0;
3295			dimDIV.stop().animate( {opacity:0}, {duration:d, easing:'easeOutQuad', complete:function() {
3296				wrapper.css( {zIndex:wrapperZindex} );
3297				subsDIV.hide();
3298				dimDIV.hide();
3299			}});
3300
3301			topBtnActive();
3302			quickMenuFocus(false);
3303		}
3304
3305		function quickMenuFocus( focus ) {
3306			if( !isGnbQuick ) return;
3307			$gnbQuick.find('a').attr('tabindex',focus?0:-1);
3308		}
3309
3310		function activateMenu() {
3311			$kbGnb.find('a').each( function( i, a ) {
3312				var $a=$(a), name=$a.attr('class'), href=$a.attr('href');
3313				var isGnbSub = !!$a.closest('li').find('>.gnbSub').length;
3314				var url = href.indexOf('http') > -1 ? location.href : location.pathname;
3315
3316				if( href.replace(/(\s*)/g,'') === url ) {
3317					// SubDefault & SubOutside
3318					if( name != 'kbBtn' && name != 'linkDep1' ) {
3319						// activateDepth4
3320						$a.addClass('on');
3321
3322						// activateDepth3
3323						if( !!$a.closest('ul.gnbDep4').length ) {
3324							var $d3 = $a.closest('li.dep4ON');
3325							$d3.find('>a').addClass('on');
3326						}
3327
3328						// activateDepth1
3329						var $d2 = $a.closest('ul.gnbDep'+(isSubOutside?3:2));
3330						var $d1s = $d2.closest('li'), c = $d1s.attr('class');
3331						if( c && c.indexOf(isSubOutside?'dep2_':'gnb') > -1 ) {
3332							activeIndex = $d1s.index();
3333							activateDepth1( activeDuration );
3334						}
3335					}
3336
3337					// Depth2Out - AutoLease, FinanceLease
3338					if( ableDepth2Out && !isGnbSub && name === 'linkDep1' ) {
3339						activeIndex = $a.closest('li').index();
3340						activateDepth1( activeDuration );						
3341					}
3342				}
3343			});
3344		}
3345
3346		function activateDepth1( duration ) {
3347			setTimeout( function() {
3348				overMain( activeIndex );
3349			}, duration );
3350		}
3351
3352		// Depth1 Click
3353		$mainMenus.find('>a').on('click', function() {
3354			var href = $(this).attr('href');
3355			if( !!!href || href === '#' ) return false;			
3356		});
3357
3358		// Depth2 Out - ¿ÀÅ丮½º, ÀϹݱÝÀ¶¸®½º
3359		ableDepth2Out && subsDIV.find('ul.gnbDep2').on('mouseleave', function() {
3360			leaveDepth1();
3361		});
3362
3363		// Depth3 Over - °í°´¼¾ÅÍ, ȸ»ç¼Ò°³, About us
3364		isSubOutside && subsDIV.find('.gnbDep3>li').on('mouseenter', function() {
3365			overMain( $(this).parent().closest('li').index() );
3366		});
3367
3368		// Depth3 Click - menu toggle || hyperLink
3369		$depth3Menus.find('>a').on('click.initGnb', function() {
3370			// °³ÀÎä³Î 4µª½º ¸Þ´º ¼û±èó¸®, 3µª½º ÇÏÀÌÆÛ¸µÅ© À̵¿
3371			if( $(this).closest('li.dep4ON').attr('class').indexOf('depHide') > -1  ) {
3372				location.href = $(this).attr('href');
3373				return false;

3374			}
3375
3376			isMainEnter = true;
3377			var $depth2UL = $(this).closest('ul.gnbDep2');
3378			var $depth2ULH1 = $depth2UL.height();
3379
3380			// Depth2 toggle, dpeth3 menu open
3381			var $depth3Menu = $(this).parent();
3382			$depth3Menu.toggleClass('open');
3383			$depth3Menu.siblings().removeClass('open');
3384
3385			// Depth2 height, vertical line
3386			var $depth2Menus = $depth2UL.find('>li');
3387			$depth2Menus.css({height:'auto'}).css( {height:$depth2UL.height()} );
3388
3389			// Mask height, depth3 toggle
3390			var isOpen = !!$depth3Menus.hasClass('open');
3391			var isEnter = isOpen && $depth2ULH1 > $depth2UL.height();
3392			var h = isEnter ? $depth2ULH1 : $depth2UL.height();
3393			h += oneLineHeight + subTitleHeight + subMenuPadding;
3394			maskDIV.css( {height:h, transition:'none', WebkitTransition:'none'} );
3395
3396			setTimeout( function() {
3397				isMainEnter = false;
3398			}, 100 );
3399			return false;
3400		});
3401
3402		// Fixed stiky header
3403		$(window).on('scroll.initGnb', function() {
3404			var wrapTop = wrapper.position().top||0;
3405			var headerFixedTop = wrapTop + headAreaHeight;
3406			var isHeadFiexd = $(window).scrollTop() > headerFixedTop;
3407			if( isHeadFiexd ) header.addClass('fixed');				
3408			else header.removeClass('fixed');
3409		}).trigger('scroll.initGnb');
3410
3411		//°Ë»ö¸Þ´º ¿­±â/´Ý±â
3412		searchBtnA.on('click.initGnb', function( evt ) {
3413			evt.preventDefault();
3414			closeSub();
3415			closeTotalMenu();
3416			openSearch();
3417			searchDIV.find(focusSelector).filter(':first').focus();
3418		});
3419
3420		searchDIV.on('click.initGnb', 'button.close', function( evt ) {
3421			evt.preventDefault();
3422			closeSearch();
3423			searchBtnA.focus();
3424		});
3425
3426		function openSearch() {
3427			wrapper.css( {zIndex:wrapperZindex+10} );
3428			searchDIV.toggle();
3429			topBtnDisable();
3430		}
3431		
3432		function closeSearch() {
3433			wrapper.css( {zIndex:wrapperZindex} );
3434			searchDIV.hide();
3435			topBtnActive();
3436		}
3437
3438		//Àüü¸Þ´º ¿­±â/´Ý±â
3439		totalBtnA.on('click.initGnb', function( evt ) {
3440			evt.preventDefault();
3441			closeSub();
3442			closeSearch();
3443			openTotalMenu();				
3444			totalMenuDIV.find(focusSelector).filter(':first').focus();
3445		});
3446
3447		totalCloseBtnA.on('click.initGnb', function( evt ) {
3448			evt.preventDefault();
3449			closeTotalMenu();
3450			totalBtnA.focus();
3451		});
3452		
3453		function openTotalMenu() {
3454			if( totalMenuDIV.filter(':hidden').length > 0 ) {
3455				$.disableScroll();				
3456				totalMenuDIV.show();
3457				totalTabLI.eq(0).find('>a').triggerHandler('click.initGnb'); // ù¹ø° È°¼ºÈ­
3458				topBtnDisable();
3459
3460			} else {
3461				closeTotalMenu();
3462			}
3463		}
3464		
3465		function closeTotalMenu() {
3466			$.enableScroll();
3467			disposeTotalScroll();
3468			totalMenuDIV.hide();
3469			resizeTotalMenu();
3470			topBtnActive();
3471		}
3472		
3473		//Àüü¸Þ´º, ÅǹöÆ° & ½ºÅ©·Ñ ÃʱâÈ­
3474		totalTabLI.find('> a').on('click.initGnb', function( evt ) {
3475			evt.preventDefault();
3476			var li = $(evt.currentTarget).closest('li');
3477			li.addClass('tabON').siblings('li').removeClass('tabON'); //ÅÜ È°¼ºÈ­
3478			totalTwoMenuDIV.css('height','').hide().eq(li.index()).show(); //ÇØ´ç 2µª½º È°¼ºÈ­
3479			disposeTotalScroll();
3480			resizeTotalMenu();
3481			addTotalScroll();
3482		});
3483
3484		function addTotalScroll() {
3485			wscroll = new WScroll();
3486			var $container = totalTwoMenuDIV.not(':hidden');
3487			var $content = totalTwoMenuDIV.not(':hidden').find('> .totalWscrollCon');
3488			var options = { isMargin:true, isRelative:true, isFocus:true, scrollMargin:-10, contentMargin:0, addTo:totalTwoMenuDIV.not(':hidden').closest('li') };
3489			var scroll = wscroll.init( $container, $content, options );
3490			if( scroll !== undefined ) {
3491				scroll.css( {left:960+5, top:70+40+10, width:12, borderRadius:6, background:'#EAECEF'} );
3492				scroll.children().css( {top:0, width:12, borderRadiu:6, background:'#737484'} );
3493			}
3494		}
3495		
3496		function disposeTotalScroll() {
3497			if( wscroll !== undefined ) {
3498				wscroll.dispose();
3499				wscroll = undefined;
3500			}
3501		}
3502		
3503		//Àüü¸Þ´º, 4µª½º ¿­±â
3504		totalMenuDIV.on('click.initGnb', 'li.siteIS > a', function( evt ) {
3505			evt.preventDefault();
3506			var li = $(evt.currentTarget).closest('li');
3507			li.toggleClass('siteON');
3508			resizeTotalMenu();
3509		});
3510
3511		//Àüü¸Þ´º ÅǾƷ¡ ³»¿ëÀÇ a ¹öÆ°µé
3512		totalTwoMenuDIV.on('click.initGnb', 'a', function() {
3513			setTimeout( function() {
3514				resizeTotalMenu();
3515				if( wscroll !== undefined ) wscroll.change();
3516			}, 100 );
3517		});
3518			
3519		//Àüü¸Þ´º Æ÷Ä¿½º Á¦¾î
3520		if (totalMenuDIV.length === 1)
3521		{
3522			//Àüü¸Þ´º ¿­±â ¹öÆ° Æ÷Ä¿½º

3523			totalBtnA.on("keydown.initGnb", function (e) 
3524			{
3525				var target = $(e.currentTarget);
3526				var isTab = window.tab.getTab(e);
3527				
3528				if (isTab !== undefined && totalMenuDIV.not(":hidden").length > 0)
3529				{
3530					if (isTab)
3531					{
3532						totalMenuDIV.find("a:first").focus();
3533						e.preventDefault();
3534					}
3535				}
3536			});
3537			
3538			//Àüü¸Þ´º ´Ý±â ¹öÆ° Æ÷Ä¿½º
3539			totalCloseBtnA.on("keydown.initGnb", function (e) 
3540			{
3541				var target = $(e.currentTarget);
3542				var isTab = window.tab.getTab(e);
3543				
3544				if (isTab !== undefined)
3545				{
3546					if (isTab)
3547					{
3548						searchBtnA.focus();
3549						e.preventDefault();
3550					}
3551				}
3552			});
3553			
3554			//Àüü¸Þ´º ù¹ø° Æ÷Ä¿½º¿¡¼­ µÚ·Î°¡¸é Àüü¸Þ´º ¿­±â ¹öÆ°À¸·Î
3555			totalMenuDIV.find(focusSelector).filter(":first").on("keydown.initGnb", function (e)  
3556			{
3557				var target = $(e.currentTarget);
3558				var isTab = window.tab.getTab(e);
3559				
3560				if (isTab !== undefined)
3561				{
3562					if(!isTab)
3563					{
3564						totalBtnA.focus();	
3565						e.preventDefault();
3566					}
3567				}
3568			});
3569		}
3570		
3571		//°Ë»ö¸Þ´º Æ÷Ä¿½º Á¦¾î
3572		if (searchDIV.length === 1)
3573		{
3574			//°Ë»ö¸Þ´º ´Ý±â ¹öÆ° Æ÷Ä¿½º
3575			searchCloseBtnA.on("keydown.initGnb", function (e) 
3576			{
3577				var target = $(e.currentTarget);
3578				var isTab = window.tab.getTab(e);
3579				
3580				if (isTab !== undefined)
3581				{
3582					if (isTab)
3583					{
3584						focusElement.filter(":first").focus();
3585						closeSub();
3586						closeSearch();
3587						closeTotalMenu();
3588						topBtnDisable();
3589						e.preventDefault();
3590					}
3591				}
3592			});
3593			
3594			//°Ë»ö¹öÆ° Æ÷Ä¿½º.. Àüü¸Þ´º·Î È帣Áö ¾Ê°Ô
3595			searchBtnA.on("keydown.initGnb", function (e) 
3596			{
3597				if(e.keyCode == 9) return;
3598				
3599				var target = $(e.currentTarget);
3600				var isTab = window.tab.getTab(e);
3601				
3602				if (isTab !== undefined)
3603				{
3604					if (isTab)
3605					{	
3606						if (searchDIV.not(":hidden").length > 0)
3607						{
3608							//°Ë»öÆ˾÷ ¿µ¿ªÀ¸·Î ºüÁü
3609							searchDIV.find(focusSelector).filter(":first").focus();
3610						}
3611						else
3612						{
3613							//ÄÁÅÙÃ÷¿µ¿ªÀ¸·Î ºüÁü
3614							focusElement.filter(":first").focus();
3615							closeSub();
3616							closeSearch();
3617							closeTotalMenu();
3618							topBtnDisable();
3619						}
3620						
3621						e.preventDefault();
3622					}
3623					else if (!isTab && totalMenuDIV.find("div.siteWrap").not(":hidden").length > 0)
3624					{
3625						//ÅäÅ»¸Þ´º°¡ ¿­·ÁÀÖ°í µÚ·Î ÅÇÇϸé ÅäÅ»¸Þ´º ´Ý±â¹öÆ°À¸·Î
3626						totalCloseBtnA.focus();
3627						e.preventDefault();
3628					}
3629				}
3630			});
3631		}
3632		
3633		//·Î°í ¿ª¼øÀ¸·Î ºüÁú¶§ Æ÷Ä¿½º Á¦¾î
3634		logoA.on("keydown.initGnb", function (e) 
3635		{
3636			var target = $(e.currentTarget);
3637			var isTab = window.tab.getTab(e);
3638				
3639			if (isTab !== undefined)
3640			{
3641				if (!isTab)
3642				{
3643					closeSub();
3644					closeSearch();
3645					closeTotalMenu();
3646					topBtnDisable();
3647				}
3648			}
3649		});
3650		
3651		//Àüü¸Þ´º ½ºÅ©·Ñ ¸®»çÀÌÁî
3652		$(window).on('resize.initGnb', function() {
3653			resizeTotalMenu();
3654			if( activeIndex > -1 ) moveMainX( activeIndex );
3655		}).trigger('resize.initGnb');
3656		
3657		function resizeTotalMenu() {
3658			//sitemapInner - mask (var totalTwoMenuDIV)
3659			//sitemapInner child - totalWscrollCon
3660			var browserHeight = $(window).height(); 
3661			var actTotalTwoMenuDIV =  totalTwoMenuDIV.not(':hidden');
3662
3663			if( actTotalTwoMenuDIV.length > 0 ) {
3664				var maskHeight;
3665				var topPos = actTotalTwoMenuDIV.offset().top;		//ºê¶ó¿ìÀú¿Í mask div ¿Í °Å¸®
3666				var actContHeight = actTotalTwoMenuDIV.find('> div').height();		//mask ¾È ³»¿ë ³ôÀÌ
3667				
3668				// mask ¾È ³»¿ë ³ôÀÌ°¡ ºê¶ó¿ìÀú¸¦ ³Ñ¾î°¡¸é mask ³ôÀÌ ºê¶ó¿ìÀú ÇÏ´Ü¿¡ ¸ÂÈû
3669				if( topPos+actContHeight > browserHeight ) {
3670					maskHeight = browserHeight - actTotalTwoMenuDIV.offset().top;
3671				} else {
3672					maskHeight = actContHeight;
3673				}
3674				
3675				actTotalTwoMenuDIV.css( {height:maskHeight} );
3676				totalAreaDIV.css( {height:maskHeight+70+50} );// 50Àº ÇÏ´Ü ¿©À¯°ø°£
3677				
3678				if( wscroll !== undefined ) wscroll.change();
3679			}
3680		}
3681
3682		function moveMainX( idx1 ) {
3683			var $depth1 = $mainMenus.eq(idx1);
3684			var marginL = parseInt($depth1.css('margin-left').replace(/[^0-9]/g,''))||0;
3685			var depth1X = (!!idx1?marginL:0) + $depth1.position().left;
3686			$mainBar.css( {left:depth1X-mainBarAddL} );
3687		}
3688
3689		//À¯Æ¿¸Þ´º
3690		userInfo.on("click.initGnb", ".innBox a", function (e)
3691		{
3692			var target = $(e.currentTarget);
3693			
3694			userInfo.toggleClass("open");
3695			
3696			e.preventDefault();
3697		});
3698		
3699		//°øÀ¯Çϱâ
3700		shareBtnA.on("click.initGnb", function (e)
3701		{
3702			shareDIV.toggle();
3703			
3704			e.preventDefault();
3705		});
3706
3707		shareDIV.on("click.initGnb", "button.close", function (e)
3708		{
3709			shareDIV.hide();
3710			shareBtnA.focus();
3711			
3712			e.preventDefault();
3713		});
3714
3715		//ž¹öÆ° µª½º Á¶Á¤

3716		function topBtnActive() {
3717			topBtnA.css( {zIndex:wrapperZindex+1} );
3718		}
3719		
3720		function topBtnDisable() {
3721			topBtnA.css( {zIndex:wrapperZindex-1} );
3722		}
3723
3724		//2depth°¡ ¾øÀ» ¶§
3725		if(gnbUL.hasClass("noSub")) {
3726			subMenuPadding = 0;
3727
3728		} else {
3729			subMenuPadding = parseInt(subMenuPadding.replace(/[^0-9]/g,'')*2)||60;
3730		}
3731	}
3732	
3733	/****************************************************************
3734	* ž ·ÎÄÉÀ̼Ç
3735	****************************************************************/	
3736	function initLocation()
3737	{
3738		var locationDIV = $(".sGnb");
3739		var headerDiv = $("#header");
3740		var menuLI = locationDIV.find("ul.sGnb_list > li");
3741		var subsUL = locationDIV.find(".sGnbDep2");
3742		var timeId;
3743		
3744		initLayout();
3745		addEvent();
3746		//activateSub();
3747		changeScroll();
3748		
3749		function initLayout()
3750		{
3751			//subsUL.find("> li").removeClass("sGnbON");		// ¿¬È¸»ö ÃʱâÈ­
3752			subsUL.find("li.subIS").removeClass("on");		// Áøȸ»ö ÃʱâÈ­
3753		}
3754		
3755		function addEvent()
3756		{
3757			locationDIV.on("click.initLocation", "a.sgnbDep1", function (e)
3758			{
3759				var target = $(e.currentTarget);
3760				var subUL = target.siblings("ul.sGnbDep2");
3761				var li = target.closest("li");
3762				var idx = li.index();
3763				var actIdx = menuLI.filter(".sGnbON").index();
3764
3765				defaultSubs();
3766				
3767				if (actIdx !== idx)
3768				{				
3769					li.addClass("sGnbON");	// È­»ìÇ¥ ¾÷
3770					subUL.show();
3771				}
3772				
3773				e.preventDefault();
3774			}); 
3775			
3776			subsUL.on("mouseenter.initLocation, focusin.initLocation", "li > a", function (e)
3777			{
3778				var target = $(e.currentTarget);
3779				var parentLI = target.closest("li").siblings().andSelf();
3780				var two = target.next();
3781				
3782				parentLI.find("> ul").hide();
3783				two.show();
3784				
3785				if (timeId !== undefined) clearTimeout(timeId);
3786			});
3787			
3788			menuLI.find("> a").on("focusin.initLocation", function (e)
3789			{
3790				defaultSubs();
3791			});
3792			
3793			subsUL.on("mouseleave.initLocation, focusout.initLocation", "li > a", function (e)
3794			{
3795				timeId = setTimeout(defaultSubs, 100);
3796			});
3797			
3798			$(window).on("scroll.initLocation", function (e)
3799			{
3800				changeScroll();
3801			});
3802		}
3803		
3804		function changeScroll() {
3805			var scrollYpos = (document.documentElement.scrollTop !== 0) ? document.documentElement.scrollTop : document.body.scrollTop;
3806			if( scrollYpos > 120 ) {
3807				locationDIV.addClass("sGnbTop");
3808				// headerDiv.css('margin-bottom','40px');
3809			} else {
3810				locationDIV.removeClass("sGnbTop");
3811				// headerDiv.css('margin-bottom','');
3812			}
3813		}
3814		
3815		function defaultSubs()
3816		{
3817			locationDIV.find(".sGnb_list > li").removeClass("sGnbON");	// È­»ìÇ¥ ´Ù¿î ÃʱâÈ­
3818			subsUL.hide().find("ul").hide();							// ¼­ºê µð½ºÇ÷¹ÀÌ ÃʱâÈ­
3819		}
3820		
3821		function activateSub()
3822		{
3823			menuLI.each(function (idx)
3824			{
3825				var target = $(this);
3826				var txt = StringUtil.setReplace(target.find("> a").text(), " ", "");
3827
3828				target.find("> ul.sGnbDep2 > li > a").each(function (idx) 
3829				{
3830					if ( txt == $(this).text() )
3831					{
3832						$(this).parent().addClass("sGnbON");
3833						return false;
3834					}
3835				});
3836			});
3837		}
3838	}
3839	
3840	/****************************************************************
3841	* ǪÅÍ
3842	****************************************************************/
3843	function initFooter() {
3844		var footer = $("#footer");
3845		var footerContentDIV = footer.find(".footOpen");
3846		var footerBtn = footer.find("button.menuClick");
3847		var familyBtn = $(".kbNet_link > a");
3848		var topBtnA = $("a.pageTop");
3849		var browserHeight;
3850		var scrollYpos;
3851		var topBottomDistance = 50;
3852		var footerTopDistance = 51;
3853		if( footer.length === 0 ) return false;
3854		
3855		familyBtn.attr({'aria-haspopup':'listbox','aria-expanded':false,'title':'Æйи®»çÀÌÆ® Á¢Èû'});
3856
3857		footerBtn.on("click.initFooter", function (e) {
3858			var target = $(e.currentTarget);
3859			toggleContent( !footerBtn.hasClass('open') ? 341:51 );
3860			e.preventDefault();
3861		});
3862		
3863		function toggleContent(h) {
3864			if( h > 0 ) {
3865				footerBtn.addClass("open").text("¸Þ´º´Ý±â");
3866				footerContentDIV.show();
3867				footer.animate( {paddingTop:h}, {queue:false, duration:400, easing:"easeOutQuint"} );
3868			}
3869			
3870			if( h === 51 ) {
3871				footerBtn.removeClass("open").text("¸Þ´º¿­±â");
3872				footerContentDIV.hide();
3873			}
3874		}
3875		
3876		familyBtn.on("click.initFooter", function (e) {
3877			e.preventDefault();
3878			var target = $(e.currentTarget);
3879			var list = target.next(".orgList");
3880 			familyBtn.toggleClass("on");

3881			list.toggle();
3882			footer.toggleClass("zIndex");			
3883
3884			if( familyBtn.hasClass('on')){
3885				familyBtn.attr('aria-expanded',true).attr('title','Æйи®»çÀÌÆ® ÆîÃÄÁü');
3886			} else {
3887				familyBtn.attr('aria-expanded',false).attr('title','Æйи®»çÀÌÆ® Á¢Èû');				
3888			}       
3889		});
3890		
3891		$(window).on("resize.initFooter", function (e) {
3892			browserHeight = $(window).height();
3893		}).triggerHandler("resize.initFooter");
3894		
3895		$(window).on("scroll.initFooter", function (e) {
3896			scrollYpos = (document.documentElement.scrollTop !== 0) ? document.documentElement.scrollTop : document.body.scrollTop;
3897			if( scrollYpos > footer.offset().top-browserHeight+footerTopDistance+topBottomDistance ) {
3898				//topBtnA.addClass("fFixed");
3899				footer.addClass("fFixed");
3900			} else {
3901				//topBtnA.removeClass("fFixed");
3902				footer.removeClass("fFixed");
3903			}
3904		});
3905
3906		$(document).on('click.initFooter', function( evt ) {
3907			if( !!!familyBtn.length ) return;
3908
3909			var isFamilyOutside = !$.contains(familyBtn.get(0),evt.target);
3910			if( familyBtn.hasClass('on') && isFamilyOutside ) {
3911				familyBtn.find('> a').trigger('click.initFooter');
3912			}
3913		});
3914	}
3915	
3916	/****************************************************************
3917	* RNG
3918	****************************************************************/
3919	function initRnb()
3920	{
3921		var rnb = $(".cardRight").add($(".rNavi"));
3922		
3923		//guide/layout_rnb01, ÁÖ¿ä¸Þ´º/³ªÀǸ޴º
3924		var tabMenu = $("div.rNavi ul.menuR");
3925
3926		//guide/layout_rnb03, guide/layout_rnb05, Ä«µåºñ±³ÇÔ Ç÷ÎÆÃ
3927		var cardFloatDIV = rnb.find("div.card_right00, div.rList.recomend"); //210419 Ãß°¡
3928		var cardBoxDIV = rnb.find("div.compCont");
3929		
3930		//guide/layout_rnb06, ºÎ°¡¼­ºñ½º
3931		var cardOption2DIV = rnb.find("div.cardOption2");
3932		var cardRnbDIV = rnb.find("div.cardRnb");
3933		
3934		//guide/layout_rnb07, ½ºÅ¸¼¥ °¡¸ÍÁ¡
3935		
3936		//if (rnb.length === 0) return false;
3937		if (typeof Rolling !== "undefined") initRnbRolling();
3938		if (typeof WScroll !== "undefined") initWScroll();
3939		
3940		if($('.header .headWrap .otherUtil .otherWrap .kbBtn.btnS.logout').length > 0) {
3941			// logout
3942			tabMenu.find('li > a.meTab').attr({'title':'Ãà¼ÒµÊ', 'aria-expanded':false, 'aria-select':false});	
3943		}
3944		tabMenu.find('li.on > a.meTab').attr({'title':'È®ÀåµÊ', 'aria-expanded':true, 'aria-select':true});
3945		
3946		//guide/layout_rnb01, ÁÖ¿ä¸Þ´º/³ªÀǸ޴º
3947		tabMenu.find("li > a.meTab").on("click.initRnb", function (e)
3948		{
3949			var target = $(e.currentTarget);
3950			var li = target.closest("li");
3951			var idx = li.index();
3952			var ul = target.closest("ul.menuR").find(">li");
3953			
3954			if(target.attr('href') == '#none') e.preventDefault();
3955			
3956			if($('.header .headWrap .otherUtil .otherWrap .kbBtn.btnS.logout').length > 0) {
3957				ul.removeClass("on").find('a').attr({'title':'Ãà¼ÒµÊ', 'aria-expanded':false, 'aria-select':false});	
3958			}
3959			ul.eq(idx).addClass("on").find('a').attr({'title':'È®ÀåµÊ', 'aria-expanded':true, 'aria-select':true});
3960			
3961			//e.preventDefault();
3962		});
3963		
3964		//guide/layout_rnb03, guide/layout_rnb05, Ä«µåºñ±³ÇÔ Ç÷ÎÆÃ
3965		rnb.find(".btnCard").on("click.initRnb", function (e)
3966		{
3967			var target = $(e.currentTarget);
3968			
3969			cardBoxDIV.toggle();
3970			
3971			e.preventDefault();
3972		});
3973		
3974		cardBoxDIV.on("click.initRnb", "button.close", function (e)
3975		{
3976			var target = $(e.currentTarget);
3977			
3978			cardBoxDIV.hide();
3979			
3980			e.preventDefault();
3981		});
3982		
3983		$(window).on("scroll.initRnb", function (e)
3984		{
3985			var scrollYpos = (document.documentElement.scrollTop !== 0) ? document.documentElement.scrollTop : document.body.scrollTop;
3986			
3987			//guide/layout_rnb03, Ä«µåºñ±³ÇÔ Ç÷ÎÆÃ
3988			if (scrollYpos > 578)
3989			{
3990				cardFloatDIV.addClass("rFixed");
3991			}
3992			else
3993			{
3994				cardFloatDIV.removeClass("rFixed");
3995			}
3996
3997			//guide/layout_rnb06, ºÎ°¡¼­ºñ½º
3998			if (scrollYpos > 711)
3999			{
4000				cardOption2DIV.show();
4001				cardRnbDIV.hide();
4002			}
4003			else
4004			{
4005				cardOption2DIV.hide();
4006				cardRnbDIV.show();
4007			}
4008		});
4009		
4010		//My¸Þ¼¼Áö ½ºÅ©·Ñ, guide/layout_rnb07
4011		function initWScroll()
4012		{
4013			var wscroll = new WScroll();
4014			var scroll = wscroll.init($(".rList .msgList"), $(".rList .msgList > ul"), {isMargin: true, isRelative:true, scrollMargin: -8, contentMargin: 0, addTo: $(".rList .msgList") });
4015			
4016			if (scroll !== undefined)
4017			{
4018				scroll.css({
4019					'backgroundColor' : '#EAECEF',
4020					'width' : 5 + 'px',
4021					'top' : 45 + 'px',
4022					'right' : 5 + 'px',
4023					'border-radius' : 2.5 + 'px'
4024				});
4025		
4026				scroll.children().css({
4027					'backgroundColor' : '#737484',
4028					'width' : 5 + 'px',
4029					'top' : '0px',
4030					'border-radius' : 2.5 + 'px'
4031				});	
4032			}
4033		}
4034		
4035		//rnb ·Ñ¸µ, guide/layout_rnb02 _2 _3, guide/layout_rnb04, guide/layout_rnb06, guide/layout_rnb07
4036		function initRnbRolling()
4037		{
4038			//À̺¥Æ®
4039			var rnbEventRollingData = {
4040				 container: ".rList .eventList",          			//Àüü ¿µ¿ª ºÎ¸ð
4041				 itemContainer: ".rList .eventList ul.slideList",	//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
4042				 item: ".rList .eventList ul.slideList > li",		//¸®½ºÆ®µé
4043				 upA: ".rList .eventList .prev",					//È­»ìÇ¥ À§
4044				 downA: ".rList .eventList .next",					//È­»ìÇ¥ ¾Æ·¡
4045				 distance: 208,										//Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸®
4046				 range: 1,											//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
4047				 delay: 4500,                              			//ÀÚµ¿·Ñ¸µ ½Ã°£
4048				 speed: 1,                               			//¸ð¼Ç ¼Óµµ
4049				 direction: "horizontal",     						//¹æÇâ
4050				 ease: "easeOutQuart",                     			//¸ð¼Ç ÀÌ¡°ª
4051				 play: false,                              			//ÀÚµ¿ ·Ñ¸µ À¯¹«
4052				 repeat: true                            			//ÇÑ ¹æÇâÀ¸·Î ¹«ÇÑ ¹Ýº¹ À¯¹«
4053			}
4054			   
4055			var rnbEventRolling = new Rolling();
4056			rnbEventRolling.init(rnbEventRollingData);				//»ý¼º
4057			
4058			//Ãßõīµå
4059			var rnbCommendRollingData = {
4060				 container: ".rList .rcardList",          			//Àüü ¿µ¿ª ºÎ¸ð
4061				 itemContainer: ".rList .rcardList ul.slideList",	//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
4062				 item: ".rList .rcardList ul.slideList > li",		//¸®½ºÆ®µé
4063				 upA: ".rList .rcardList .prev",					//È­»ìÇ¥ À§
4064				 downA: ".rList .rcardList .next",					//È­»ìÇ¥ ¾Æ·¡
4065				 distance: 208,										//Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸®
4066				 range: 1,											//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
4067				 delay: 4500,                              			//ÀÚµ¿·Ñ¸µ ½Ã°£
4068				 speed: 1,                               			//¸ð¼Ç ¼Óµµ
4069				 direction: "horizontal",     						//¹æÇâ
4070				 ease: "easeOutQuart",                     			//¸ð¼Ç ÀÌ¡°ª
4071				 play: false,                              			//ÀÚµ¿ ·Ñ¸µ À¯¹«
4072				 repeat: true                            			//ÇÑ ¹æÇâÀ¸·Î ¹«ÇÑ ¹Ýº¹ À¯¹«
4073			}
4074
4075			var rnbCommendRolling = new Rolling();
4076			rnbCommendRolling.init(rnbCommendRollingData);			//»ý¼º
4077			
4078			//½ºÅ¸¼¥ °¡¸ÍÁ¡
4079			var rnbStarShopRollingData = {
4080				 container: ".rList .rshopList",          			//Àüü ¿µ¿ª ºÎ¸ð
4081				 itemContainer: ".rList .rshopList ul.slideList",	//¸®½ºÆ®¸¦ °¨½Î°í ÀÖ´Â ºÎ¸ð
4082				 item: ".rList .rshopList ul.slideList > li",		//¸®½ºÆ®µé
4083				 upA: ".rList .rshopList .prev",					//È­»ìÇ¥ À§
4084				 downA: ".rList .rshopList .next",					//È­»ìÇ¥ ¾Æ·¡
4085				 distance: 208,										//Ŭ¸¯½Ã ¸®½ºÆ® Çϳª´ç À̵¿ÇÒ °Å¸®
4086				 range: 1,											//³ëÃâµÉ ¸®½ºÆ® °¹¼ö
4087				 delay: 4500,                              			//ÀÚµ¿·Ñ¸µ ½Ã°£
4088				 speed: 1,                               			//¸ð¼Ç ¼Óµµ
4089				 direction: "horizontal",     						//¹æÇâ
4090				 ease: "easeOutQuart",                     			//¸ð¼Ç ÀÌ¡°ª
4091				 play: false,                              			//ÀÚµ¿ ·Ñ¸µ À¯¹«
4092				 repeat: true                            			//ÇÑ ¹æÇâÀ¸·Î ¹«ÇÑ ¹Ýº¹ À¯¹«
4093			}
4094
4095			var rnbStarShopRolling = new Rolling();
4096			rnbStarShopRolling.init(rnbStarShopRollingData);		//»ý¼º
4097		}
4098	}
4099	
4100	/****************************************************************
4101	* file input¿¡¼­ ¼±ÅÃµÈ ÆÄÀÏ °æ·Î text input ¿¡ Ãâ·Â
4102	****************************************************************/
4103	function initFile()
4104	{
4105		// input[type="file"]
4106		var fileInput = $("input[type='file']");
4107		
4108		if (fileInput.length === 0) return false;

4109		
4110		fileInput.on("change.initFile", function (e)
4111		{
4112			var target = $(e.currentTarget);
4113			var input = target.siblings("input");
4114			
4115			input.val(target.val());
4116		});
4117	}
4118	
4119	/****************************************************************
4120	* tab ÇüÅÂÀÇ ¹öÆ°
4121	****************************************************************/
4122	function initTab()
4123	{
4124		var tabUL = $("ul.tabType1, ul.tabType2, ul.tabDep2, ul.graphTab, .tabMulti ul");
4125		
4126		if (tabUL.length === 0) return false;
4127		
4128		//ÅÇÃʱ⠻óÅÂÀÇ title°ª ¼³Á¤ 
4129		tabUL.each(function(){ 
4130			var ul = $(this); 
4131			var isSitemap = ul.closest('.sitemapArea').length > 0; 
4132
4133			ul.find('> li').each(function(){ 
4134
4135				var li = $(this); 
4136				if(isSitemap) { 
4137					if(li.hasClass('tabON')) { 
4138						li.children('a').attr({'title':'È®ÀåµÊ','aria-selected':true}); 
4139					}else{ 
4140						li.children('a').attr({'title':'Ãà¼ÒµÊ','aria-selected':false}); 
4141					}
4142				}else {
4143					if(li.hasClass('tabON')){ 
4144						li.children('a').attr({'title':'¼±ÅõÊ','aria-selected':true}); 
4145					}else { 
4146						li.children('a').removeAttr('title').attr('aria-selected',false); 
4147					}
4148				}
4149			})
4150		}); 
4151
4152		//ÅÇ Å¬¸¯½Ã title°ª ¼³Á¤
4153		tabUL.on("click.initTab", "> li > a", function (e)
4154		{
4155			var target = $(e.currentTarget);
4156			var li = target.closest("li");
4157			var idx = li.index();
4158    		var isSitemap = li.closest('.sitemapArea').length > 0; // sitmemap 
4159			
4160			var content = target.closest("ul").siblings("div.tabView");			
4161			if (content.length === 0) content = target.closest("ul").parent().siblings("div.tabView");
4162			
4163			if(isSitemap) { 
4164				li.addClass("tabON").children('a').attr({'title':'È®ÀåµÊ','aria-selected':true}); 
4165				li.siblings("li").removeClass("tabON").children('a').attr({'title':'Ãà¼ÒµÊ','aria-selected':false});	 
4166			} else { 
4167				li.addClass("tabON").children('a').attr({'title':'¼±ÅõÊ','aria-selected':true}); 
4168				li.siblings("li").removeClass("tabON").children('a').removeAttr('title').attr('aria-selected',false);
4169			}
4170			
4171			content.hide().eq(idx).show();
4172			
4173			//ie8 Â÷Æ® Å©±â ÁöÁ¤
4174			content.find("canvas").each(function ()
4175			{
4176				$(this).find("> div:eq(0)").css(
4177				{
4178					"width" : content.find("canvas").attr("width"),
4179					"height" : content.find("canvas").attr("height")
4180				});
4181			});
4182			
4183			if (target.attr("href") === "#") e.preventDefault();
4184		});
4185
4186	}
4187	
4188	/****************************************************************
4189	* ¸ÊÇü ÅÇ º¯°æ
4190	****************************************************************/
4191	function initMapTab()
4192	{
4193		var tabLI = $("ul.showType > li");
4194		var tabWrapDIV = tabLI.closest("div.listInfo");
4195		var mapDIV = tabWrapDIV.siblings("div.mapList");
4196		var bbsDIV = tabWrapDIV.siblings("div.starList3, div.paging");
4197		
4198		if (tabLI.length === 0) return false;
4199		
4200		tabLI.find("a").on("click.initMapTab", function (e)
4201		{
4202			var target = $(e.currentTarget);
4203			var li = target.closest("li");
4204			
4205			tabLI.removeClass("on").find(".hidden").remove();
4206			li.addClass("on").append("<span class='hidden'>¼±ÅÃ</span>");
4207			
4208			if (li.hasClass("mapType"))
4209			{
4210				mapDIV.show();
4211				bbsDIV.hide();
4212			}
4213			else 
4214			{
4215				mapDIV.hide();
4216				bbsDIV.show();
4217			}
4218			
4219			e.preventDefault();
4220		});
4221		
4222		//ù¹ø° È°¼ºÈ­
4223		tabLI.find("a").eq(0).triggerHandler("click.initMapTab");
4224	}
4225	
4226	/****************************************************************
4227	* ARS¼­ºñ½º ÀÌ¿ë¾È³»
4228	****************************************************************/
4229	function initARS()
4230	{
4231		var containerDIV = $("div.customerARS");
4232		var leftBtnA = containerDIV.find(".left li > a");
4233		var rightDIV = containerDIV.find(".right > div");
4234		
4235		if (containerDIV.length === 0) return false;
4236		
4237		rightDIV.hide().eq(0).show();
4238		
4239		leftBtnA.on("click.initARS", function (e)
4240		{
4241			var target = $(e.currentTarget);
4242			var li = target.closest("li");
4243			var idx = li.index();
4244			var str = target.find("> span").text();
4245			var div = rightDIV.filter(function ()
4246			{
4247				return ($(this).find("> h3 > span").text() === str);
4248			});
4249			
4250			if (div.length > 0) {
4251				li.addClass("on").siblings().removeClass("on");
4252				rightDIV.hide();
4253				div.show();
4254			}
4255			
4256			e.preventDefault();
4257		});
4258	}
4259	
4260	/****************************************************************
4261	* °³ÀÎÁ¤º¸º¸È£

4262	****************************************************************/
4263	function initCustomerGuide()
4264	{
4265		var selectbox = $(".selectbox > select").prevAll("div.select");
4266		var contentDIV = $("div[class^='termsArea']");
4267		var idx = 0
4268		var searchBtn = $("a.action");
4269
4270		if (contentDIV.length === 0) return false;
4271
4272		selectbox.on("change.selectbox", function (e, param)
4273		{
4274			idx = param.index;
4275		});
4276		
4277		searchBtn.on("click.initCustomerGuide", function (e)
4278		{
4279			contentDIV.hide().eq(idx).show();
4280			
4281			e.preventDefault();
4282		});
4283	}
4284	
4285	/* 24.11.20 Ä«µå½Åû ½Ã ¾È³»¹®±¸ Ãß°¡ */
4286	$('.cardState + .stepType').after('<ul class="listType2 marT10"><li class="pB0">°í°´´ÔÀÇ ¾ÈÀüÇÑ ±ÝÀ¶°Å·¡¸¦ À§ÇØ ÀÏÁ¤½Ã°£ÀÌ Áö³ª¸é ¼­ºñ½º°¡ ¿øÈ°ÇÏÁö ¾ÊÀ» ¼ö ÀÖ½À´Ï´Ù.</li></ul>');
4287	
4288	/* »õâ ¿­¸² ¾ø´Â °æ¿ì */
4289	$("a[target='_blank']").each(function() {
4290		if($(this).attr('title') === undefined || $(this).attr('title') === '') {
4291			$(this).attr("title","»õâ ¿­¸²");
4292		}
4293	});
4294});
4295
4296/****************************************************************
4297* Å°º¸µå ÅÇ ÄÁÆ®·Ñ & Æ÷Ä¿½º ÀúÀå
4298****************************************************************/
4299window.tab = {tabTarget: []};
4300
4301window.tab.getTab = function (keydownEvent)
4302{
4303    var e = keydownEvent,
4304        isDown;
4305    
4306    if (e.keyCode === 9)
4307	{
4308        isDown = (e.shiftKey) ? false : true;
4309    }
4310	else
4311	{
4312        isDown = undefined;
4313    }
4314    
4315    return isDown;
4316};
4317
4318window.tab.setTarget = function(target)
4319{
4320    this.tabTarget.push(target);
4321};
4322
4323window.tab.getTarget = function()
4324{
4325    return this.tabTarget.pop();
4326};
4327
4328/****************************************************************
4329* ´Þ·Â
4330*
4331* _btn ´Þ·Â°ú ¿¬°áÇÒ ¹öÆ° element
4332* _options ¿ÀºêÁ§Æ®
4333*	only    		- ÇÑ ÆäÀÌÁö¿¡ ÇÑ ´Þ·ÂÀÌ ¿­¸±Áö À¯¹«
4334*	zindex  		- ¿­¸± ¶§ µª½º
4335*	input 			- ÀÏ Å¬¸¯ À̺¥Æ®¸¦ Àü´ÞÇØÁÙ ÀÎDz
4336*	isDisable 		- ºñÈ°¼ºÈ­ ¿©ºÎ
4337*	isHiddenDate 	- ÀÌÀü ´ÙÀ½ ÀÏ Ç¥½Ã¿©ºÎ
4338*	todayClass 		- ¿À´Ã³¯Â¥ Ç¥½Ã Ŭ·¡½º "." Á¦¿Ü
4339*
4340* ¸Þ¼­µå
4341* 
4342*	var instance = $(target).getInstance();
4343* 
4344*   instance.getDate();               //³¯Â¥ ¹Ýȯ
4345*   instance.setDate(2015, 1, 2);     //³¯Â¥ ÁöÁ¤ 2015³â 1¿ù 2ÀÏ
4346*
4347* À̺¥Æ®
4348* 
4349*	//¿ù º¯°æ
4350*   $(input or target).on("change.calendar", function (e, param) {});
4351*
4352*	//³¯Â¥ ¼±ÅÃ
4353*	$(input or target).on("select.calendar", function (e, param) {});
4354*
4355*	//´Þ·Â »ý¼º½Ã
4356*	$(_btn).on("select.complete", function (e) {});
4357*
4358****************************************************************/
4359var WCalendar = (function ($)
4360{
4361    var wddoObj = function (_btn, _options)
4362	{
4363        var scope;                          // ½ºÄÚÇÁ
4364        var $btn = _btn;                    // ´Þ·Â¹öÆ°
4365        var $target;                        // ÄÁÅ×À̳Ê
4366        var $month;                         // ¿ù Ç¥½Ã ű×
4367        var $prev;                          // ÀÌÀü ¹öÆ°
4368        var $next;                          // ´ÙÀ½ ¹öÆ°
4369		var $yearPrev;						// ÀÌÀüÇØ ¹öÆ°
4370		var $yearNext;						// ´ÙÀ½ÇØ ¹öÆ°
4371        var $close;                         // ´Ý±â ¹öÆ°
4372		var $today;							// ¿À´Ã ¹öÆ°
4373        var $dayTR;                         // ³¯Â¥ ÂïÈ÷´Â TR (¿ùÀÌ º¯È­ÇÒ ¶§ ¸¶´Ù º¯°æ)
4374        var $input;                         // ÀÏ Å¬¸¯½Ã Àü´Þ ¹ÞÀ» input
4375        var lineNum = 6;		            // ³¯Â¥°¡ Ãâ·ÂµÉ ¶óÀμö
4376        var startTRNum;                     // ½ÃÀÛ TR ÁÙ¼ö (¿µ¹®¿äÀÏ Ç¥½Ã°¡ thead °¡ ¾Æ´Ñ tbody¿¡ ÀÖÀ» ¶§¸¦ À§ÇØ.. ÇØ´ç Á

4376¶°ÇÀÌ¸é °ª 1)
4377        var targetSelection;                // ÄÁÅ×ÀÌ³Ê ¼¿·º¼Ç
4378        var now;                            // ÇöÀç ³¯Â¥
4379        var current;                        // À̵¿ ³¯Â¥
4380		var todayNow;						// ¿À´Ã ³¯Â¥
4381        var opts;                           // ¿É¼Ç
4382        var defaults = defaultOptions();    // ±âº»°ª
4383        var zindex;                         // ÇöÀç µª½º
4384        
4385        function defaultOptions()
4386		{
4387            return {
4388                only: true,                 // ÇÑ ÆäÀÌÁö¿¡ ÇÑ ´Þ·ÂÀÌ ¿­¸±Áö À¯¹«
4389                zindex: 840212,             // ¿­¸± ¶§ µª½º
4390                input: undefined,         	// ÀÏ Å¬¸¯ À̺¥Æ®¿¡¼­ Àü´Þ ¹ÞÀ» input
4391                isDisable: false,           // ºñÈ°¼ºÈ­ ¿©ºÎ
4392                isHiddenDate : true,        // ÀÌÀü ´ÙÀ½ ÀÏ Ç¥½Ã¿©ºÎ
4393                todayClass : "today"        // ¿À´Ã³¯Â¥ Ç¥½Ã Ŭ·¡½º "." Á¦¿Ü
4394            }
4395        }
4396        
4397        function init()
4398		{            
4399            opts = $.extend(defaults, _options);
4400            
4401            current = new Date();
4402            now = new Date();
4403			todayNow = new Date();
4404			
4405            createLayout();
4406            createDate();
4407            changeMonth();
4408            changeToday();
4409            initEvent();
4410            
4411            hide();
4412            
4413            $target.data("scope", scope);
4414
4415			$btn.trigger("complete.calendar");
4416        }
4417        
4418        //·¹À̾ƿô »ý¼º
4419        function createLayout()
4420		{
4421            targetSelection = ".calendar";
4422           
4423		    if (!KBCARD_GW.isEng) {
4424				$btn.after(	"<div class='calendar'>" +
4425							"<div class='selectTerm'><button type='button' class='term first'>ÀÌÀü ³âµµ</button><button type='button' class='term prev'>ÀÌÀü ´Þ</button>" +
4426							"<em></em><button type='button' class='term next'>´ÙÀ½ ´Þ</button><button type='button' class='term last'>´ÙÀ½ ³âµµ</button></div>" +
4427							"<table cellpading='0' cellspacing='0' summary='´Þ·Â Å×À̺íÀº ÀÏ¿äÀÏ,¿ù¿äÀÏ,È­¿äÀÏ,¼ö¿äÀÏ,¸ñ¿äÀÏ,±Ý¿äÀÏ,Åä¿äÀÏ ¿äÀϺ° ³¯Â¥¸¦ ¼±ÅÃÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.'>" +
4428							"<caption>±â°£ ¼±Åà ´Þ·Â</caption><thead><tr><th scope='col' class='sun'>ÀÏ</th><th scope='col'>¿ù</th><th scope='col'>È­</th><th scope='col'>¼ö</th>" +
4429							"<th scope='col'>¸ñ</th><th scope='col'>±Ý</th><th scope='col' class='sat'>Åä</th></tr></thead><tbody></tbody></table>" +
4430							"<div class='btns'><button type='button' class='kbBtn btnXS'>¿À´Ã</button><button type='button' class='kbBtn btnXS'>´Ý±â</button></div></div>"
4431						  );
4432			}
4433			else
4434			{
4435				$btn.after(	"<div class='calendar'>" +
4436							"<div class='selectTerm'><button type='button' class='term first'>Previous year</button><button type='button' class='term prev'>Previous momth</button>" +
4437							"<em></em><button type='button' class='term next'>Next year</button><button type='button' class='term last'>Next momth</button></div>" +
4438							"<table cellpading='0' cellspacing='0' summary='you can choose a date by days of the calendar'>" +
4439							"<caption>Date select calendar</caption><thead><tr><th scope='col' class='sun'>Sun</th><th scope='col'>Mon</th><th scope='col'>Tue</th><th scope='col'>Wed</th>" +
4440							"<th scope='col'>Thur</th><th scope='col'>Fri</th><th scope='col' class='sat'>Sat</th></tr></thead><tbody></tbody></table>" +
4441							"<div class='btns'><button type='button' class='kbBtn btnXS'>Today</button><button type='button' class='kbBtn btnXS'>Close</button></div></div>"
4442						  );
4443			}
4444					  
4445            $target = $btn.siblings(targetSelection);
4446            $month = $target.find(".selectTerm > em");
4447            $prev = $target.find(".selectTerm > button.prev");
4448            $next = $target.find(".selectTerm > button.next");
4449			$yearPrev = $target.find(".selectTerm > button.first");
4450			$yearNext = $target.find(".selectTerm > button.last");
4451            $close = $target.find(".btns > button.btnXS:eq(1)");
4452			$today = $target.find(".btns > button.btnXS:eq(0)");
4453            
4454            $input = (opts.input !== undefined) ? opts.input : jQuery.fn;
4455            
4456            zindex = $target.css("z-index");
4457            startTRNum = $target.find("tbody > tr").length;
4458        }
4459        
4460        //À̺¥Æ® Àû¿ë
4461        function initEvent()
4462		{
4463            $btn.on("click.calendar", function (e)
4464			{
4465                if (!opts.isDisable)
4466				{
4467                    if ($target.filter(":hidden").length > 0)
4468					{
4469                        show();
4470                        window.tab.setTarget($(this)[0]);
4471                    }
4472					else
4473					{
4474                        hide();
4475                    }
4476                }
4477                
4478                e.preventDefault();
4479            });
4480           
4481            $next.on("click.calendar", function (e)
4482			{
4483                var target = (e.currentTarget);
4484                
4485                cm(1);
4486                
4487                e.preventDefault();
4488            });
4489            
4490            $prev.on("click.calendar", function (e)
4491			{
4492                var target = (e.currentTarget);
4493                
4494                cm(-1);
4495                
4496                e.preventDefault();
4497            });
4498			
4499			$yearNext.on("click.calendar", function (e)
4500			{
4501				var target = (e.currentTarget);
4502                
4503                cm(12);
4504                
4505                e.preventDefault();
4506            });
4507			
4508			$yearPrev.on("click.calendar", function (e)
4509			{
4510				var target = (e.currentTarget);
4511                
4512                cm(-12);
4513                
4514                e.preventDefault();
4515            });
4516            
4517            $close.on("click.calendar", function (e)
4518			{
4519                hide();
4520                
4521                e.preventDefault();
4522            });
4523			
4524			//¿À´Ã Ŭ¸¯
4525			$today.on("click.calendar", function (e)
4526			{
4527				scope.setDate(todayNow.getFullYear(), todayNow.getMonth() + 1, todayNow.getDate());
4528				
4529				e.preventDefault();
4530            });
4531            
4532            //ÀÏ Å¬¸¯
4533            $target.find("tbody").on("click.calendar", "button", function (e)
4534			{
4535                selectDate(current.getFullYear(), current.getMonth(), $(this).text());
4536                ctc($(this).text());
4537                
4538                e.preventDefault();
4539            });
4540        }
4541		
4542		//click to close
4543		function ctc(date)
4544		{
4545			changeToday();
4546			hide();
4547			//event binding
4548			//$target.trigger("select.calendar", [scope.getDate(), opts.inputId]);
4549			$target.add($input).trigger("select.calendar", [current.getFullYear(), force2Digits(current.getMonth() + 1), force2Digits(parseInt(date)), now]);
4550			
4551			var tt = window.tab.getTarget();
4552			if (tt !== undefined) tt.focus();
4553		}
4554		
4555		//change month
4556		function cm(n)
4557		{
4558			current.setMonth(current.getMonth() + n);
4559			
4560			removeDate();
4561			createDate();
4562			changeMonth();
4563			changeToday();
4564			
4565			$target.add($input).trigger("change.calendar", [current.getFullYear(), force2Digits(current.getMonth() + 1)]);	
4566		}
4567        
4568        //´Þ·Â ¿Ü ¿µ¿ª À̺¥Æ®
4569        function addDocumentEvent()
4570		{
4571            $(document).on("mousedown.calendar focusin.calendar touchstart.calendar", function (e)
4572			{

4573                if ($(e.target).closest(targetSelection).length ===  0 && $(e.target).get(0) !== $btn.get(0))
4574				{
4575                    //closeAll();   
4576                    hide();
4577                }
4578            });
4579        }
4580        
4581        function removeDocumentEvent()
4582		{
4583            $(document).off("mousedown.calendar focusin.calendar touchstart.calendar");
4584        }
4585        
4586        //³¯Â¥ »ý¼º
4587        function createDate()
4588		{
4589            //ÀÌÀü´Þ º¯¼ö
4590            var prevDate = new Date(current.getFullYear(), current.getMonth() - 1, 1);
4591            var prevMonth = prevDate.getMonth();
4592            var prevDayArr = [];
4593            
4594            //ÇöÀç´Þ º¯¼ö
4595            var date = new Date(current.getFullYear(), current.getMonth(), 1); //»õ·Î¿î date °´Ã¼
4596            var tbody = $target.find("tbody");
4597            
4598            //ÀÏ ºó°ø°£ »ý¼º
4599            var i = 0;
4600            var max = lineNum * 7; //ÃÖ´ë ÁÙ¼ö ¸¸Å­ÀÇ ÀÏ °¹¼ö (6*7)
4601            for (; i < max; i += 1)
4602			{
4603                if ((i % 7) === 0) tbody.append("<tr></tr>");
4604                
4605                tbody.find("tr:last").append("<td></td>");
4606            }
4607
4608            //ÀÏ Ã¤¿ö ³Ö±â
4609            i = 1;
4610            max = max - 1; //for¹®ÀÌ 1ºÎÅÍ ½ÃÀÛÀ̹ǷΠ-1
4611
4612            date.setDate(1); //¾Æ·¡ ºñ±³¸¦ À§ÇØ 1ÀÏ ¼ÂÆÃ
4613            var startTRIndex = ((date.getDay() === 0 && opts.isHiddenDate) ? 1 : 0);  //1ÀÏÀÌ ÀÏ¿äÀÏ ÀÌ°í ÀüÀÌÈij¯ Ç¥½Ã¼Ó¼ºÀÌ true¸é ÇÑÁÙ ¿©À¯µÎ°í Ãâ·ÂÇϱâÀ§ÇØ 1
4614            
4615            var targetTR = tbody.find("> tr:eq(" + (startTRIndex + startTRNum) + ")"); //¸î¹ø° tr ºÎÅÍ ¼ýÀÚ ÀԷµÉÁö ÁöÁ¤
4616            var idx, td;
4617            for (; i <= max; i += 1)
4618			{
4619				//»õ·Î¿î date 1¾¿ Áõ°¡
4620                date.setDate(i);
4621
4622				//»õ·Î¿î date¿Í ºñ±³ÇÏ¿© ¿ùÀÌ °°À¸¸é.. Áï, current Àϼö ¸¸Å­ ¹Ýº¹
4623                if (date.getMonth() === current.getMonth())
4624				{
4625					//¿äÀÏ 0(ÀÏ)~6
4626                    idx = date.getDay();
4627
4628					//ÁÙ ³»¸²
4629                    if (date.getDay() === 0 && i !== 1) targetTR = targetTR.next();
4630                    
4631					//³¯Â¥ ÀÔ·Â
4632                    td = targetTR.find("> td").eq(idx).append("<button type='button'></button>").find("> button").text(i).end();
4633                    
4634					//ÀÏ
4635                    if (date.getDay() === 0) td.addClass("sun");
4636					
4637					//Åä
4638                    if (date.getDay() === 6) td.addClass("sat");
4639                }
4640                
4641                //ÀÌÀü´Þµµ °°ÀÌ ¼ÂÆÃÇÏ¿© Àϼö¸¦ ¹è¿­¿¡ ÀúÀå
4642                prevDate.setDate(i);
4643				
4644				//Àü´Þ ÀÏÀÚ ÀúÀå, prevDate.length : Àü´ÞÃÑ Àϼö
4645                if (prevDate.getMonth() === prevMonth) prevDayArr.push(i);
4646            }
4647
4648            if (opts.isHiddenDate)
4649			{
4650                //ÀÔ·ÂÀ» À§ÇØ ¹ÝÀü
4651                prevDayArr.reverse();
4652                
4653                //³¯Â¥ ¹ÚÈú tr °»½Å
4654                $dayTR = tbody.find("> tr").filter(function ()
4655				{
4656                    return $(this).index() >= startTRNum;
4657                });
4658                
4659                //ÀÌÀü´Þ ºñ¾îÀÖ´Â ÀÏ(TD) ÀúÀå
4660                var prevTD = $dayTR.filter(":first").find("td").filter(function ()
4661				{
4662                    return $(this).text().length === 0;
4663                });
4664                
4665                //ÀúÀåµÈ ºñ¾îÀÖ´Â TD¿¡ ÀÌÀü´Þ Ãâ·Â
4666                $(prevTD.get().reverse()).each(function (i)
4667				{
4668                    $(this).append("<span>" + prevDayArr[i] + "</span>");
4669                });
4670                
4671                //´ÙÀ½´Þ ºñ¾îÀÖ´Â ÀÏ(TD) ÀúÀå
4672                var nextTD = tbody.find("tr > td").filter(function ()
4673				{
4674                    return $(this).text().length === 0;
4675                });
4676                
4677                //ÀúÀåµÈ ºñ¾îÀÖ´Â TD¿¡ ´ÙÀ½´Þ Ãâ·Â (ÀÌÀü´Þ°ú´Â ´Þ¸® ¹«Á¶°Ç 1ºÎÅÍ Ãâ·Â)
4678                nextTD.each(function (i)
4679				{
4680                    $(this).append("<span>" + (i+1) + "</span>");
4681                });
4682            }
4683			else
4684			{
4685                //ÀÏ Ã¤¿ö ³Ö°í ³²Àº ºótr »èÁ¦
4686                tbody.find("tr").filter(function ()
4687				{
4688                    return $(this).text().length === 0;
4689                }).remove();
4690
4691                //³¯Â¥ ¹ÚÈú tr °»½Å
4692                $dayTR = tbody.find("> tr").filter(function ()
4693				{
4694                    return $(this).index() >= startTRNum
4695                });
4696            }
4697        }
4698        
4699        //³¯Â¥ »èÁ¦
4700        function removeDate()
4701		{
4702            $dayTR.remove();
4703        }
4704        
4705        //³¯Â¥ ¼±Åà ½Ã
4706        function selectDate(_year, _month, _date)
4707		{
4708            now.setFullYear(_year);
4709            now.setMonth(_month);
4710            now.setDate(_date);
4711        }
4712        
4713        //¿À´Ã º¯°æ
4714        function changeToday(_date)
4715		{
4716            var tbody = $target.find("tbody");
4717
4718            if (now.getFullYear() === current.getFullYear() && now.getMonth() === current.getMonth())
4719			{
4720                $dayTR.find("td").removeClass(opts.todayClass).find("> button").eq(now.getDate() - 1).parent().addClass(opts.todayClass);   
4721            }
4722        }
4723        
4724        //¿ù º¯°æ
4725        function changeMonth()
4726		{
4727            $month.text(current.getFullYear() + "." + force2Digits(current.getMonth() + 1));
4728        }
4729        
4730        //º¸À̱â
4731        function show()
4732		{
4733            $target.show();
4734
4735            $target.css("z-index", opts.zindex);
4736			$target.closest(".termWrap").css("z-index","9999"); //2015-07-17 Ãß°¡
4737            
4738            if (opts.only) addDocumentEvent(); // ¸¶¿ì½º »ç¿ëÀÚ¸¦ À§ÇÑ
4739        }
4740        
4741        //¼û±â±â
4742        function hide()
4743		{
4744            $target.hide();
4745            
4746            $target.css("z-index", zindex);
4747			$target.closest(".termWrap").css("z-index","99"); //2015-07-17 Ãß°¡
4748            
4749            if (opts.only) removeDocumentEvent();
4750        }
4751        
4752        function closeAll()
4753		{
4754            $(targetSelection).each(function ()
4755			{
4756                $(this).getInstance().setHide();  
4757            });
4758        }
4759        
4760        //¼ýÀÚ 1ÀÚ¸´¼ö ¾Õ¿¡ 0 ºÙÀ̱â
4761        function force2Digits(value)
4762		{
4763            return (value < 10) ? "0" + value.toString() : value.toString();
4764        }
4765
4766        //public
4767        this.init = function ()
4768		{
4769            scope = this;
4770            
4771            if ($btn.length === 0) return;
4772            
4773            init() ;
4774        };
4775        
4776        this.getDate = function ()
4777		{
4778            return now;
4779            //return now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + now.getDate();
4780        };
4781        
4782        this.setDate = function (_year, _month, _date)
4783		{
4784            now.setFullYear(_year);
4785            now.setMonth(_month - 1);
4786            now.setDate(_date);
4787            
4788            current.setFullYear(_year);
4789            current.setMonth(_month - 1);
4790            current.setDate(_date);
4791            
4792            removeDate();
4793            createDate();
4794            changeMonth();
4795            changeToday();
4796			
4797			$target.add($input).trigger("select.calendar", [current.getFullYear(), force2Digits(current.getMonth() + 1), force2Digits(parseInt(current.getDate())), now]);
4798        };
4799        
4800        this.setHide = function ()
4801		{
4802            hide();  
4803        };
4804        
4805        this.setDisable = function (value)
4806		{
4807            opts.isDisable = value;
4808        };
4809        
4810        if (jQuery.fn.getInstance === undefined) jQuery.fn.getInstance = function ()
4811		{
4812			return this.data("scope");
4813		};
4814    };// end Obj
4815
4816    return wddoObj;
4817}(jQuery));
4818
4819/****************************************************************
4820* ¶óÀÎ ·Îµù¹Ù
4821****************************************************************/
4822jQuery.startLineLoading = function (_num)
4823{
4824	var startDate;
4825	var currentDate;
4826	var countDown;
4827	var os, cs, sec;
4828	var rangeNum;
4829	var $bar;
4830	var len = 180;
4831	

4832	function init()
4833	{
4834		setDefault();
4835		initLayout();
4836		window.lineLoadingTimeId = setInterval(timerFun, 1000);
4837	}
4838	
4839	function setDefault()
4840	{
4841		startDate = new Date();
4842		currentDate = undefined;
4843		countDown - undefined;
4844		rangeNum = _num || 60;
4845		
4846		os = startDate.getSeconds();
4847		cs = undefined;
4848		sec = 0;
4849	}
4850	
4851	function initLayout()
4852	{
4853		$bar = $(".loadingtype2 img.bar");
4854		$bar.css("left", -len);
4855	}
4856	
4857	function timerFun()
4858	{
4859		currentDate = new Date();
4860		cs = currentDate.getSeconds();
4861
4862		if (cs === 0) sec += 60;
4863		
4864		cs = cs + sec;
4865		
4866		countDown = cs - os;
4867		
4868		//$bar.css("left", getLinearFunction(0, 95, -len, 0, countDown));
4869		$bar.animate(
4870		{
4871			"left": getLinearFunction(0, rangeNum * 1.1, -len, 0, countDown)
4872		}, {queue:false, duration: 1000});
4873		
4874		//console.log(countDown);
4875		
4876		if (rangeNum <= countDown) {
4877			$.stopLineLoading();
4878		}
4879	}
4880
4881
4882	function getLinearFunction(a, b, c, d, x) {
4883            return (d - c) / (b - a) * (x - a) + c;
4884    };
4885	
4886	$(document).ready(function(e)
4887	{
4888		init();
4889	});
4890}
4891
4892jQuery.stopLineLoading = function ()
4893{
4894	if (window.lineLoadingTimeId !== undefined) {
4895		clearInterval(window.lineLoadingTimeId);
4896		window.lineLoadingTimeId = undefined;
4897	}
4898}
4899
4900/****************************************************************
4901* µõ Æ˾÷ ¿­±â
4902* id ¿­°íÀÚ ÇÏ´Â div Æ˾÷ÀÇ ¾ÆÀ̵ð
4903* _btn µ¹¾Æ°¥ Æ÷Ä¿½º element
4904****************************************************************/
4905jQuery.openDimPop = function (id, _btn)
4906{
4907	var btn = _btn;										// Æ˾÷ ´ÝÀ» ¶§ µ¹¾Æ°¥ Æ÷Ä¿½º ´ë»ó
4908	var divPop =  $("#" + id);							// Æ˾÷ ¾ÆÀ̵ð
4909	var dimmed = divPop.find(" > .dimmed");				// µõ
4910	var container = divPop.closest("div.container");	// z-index Á¶Á¤À» À§ÇÑ ÄÁÅ×À̳Ê
4911	var wrapper = divPop.closest("div#wrapper");	// z-index Á¶Á¤À» À§ÇÑ ÄÁÅ×À̳Ê
4912	var focusSelector = "a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled])," +
4913								   "button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]";
4914	var oldPop = $(document).find(".popLayer").not(":hidden");
4915	var layContainer = divPop.find(".layContainer").last();
4916	if (btn !== undefined)
4917	{
4918		window.tab.setTarget(btn);
4919	}
4920	else
4921	{
4922		//µ¹¾Æ°¥ Æ÷Ä¿½º ´ë»óÀÌ ¾øÀ» ¶§ 2Áß Æ˾÷½Ã ÀÌÀü Æ˾÷À¸·Î Æ÷Ä¿½º µ¹¾Æ°¡°Ô Ãß°¡
4923		if (oldPop.length > 0) window.tab.setTarget(oldPop.filter(":last").find(focusSelector).filter(":first"));
4924	}
4925	
4926	divPop.show();
4927	dimmed.show();
4928	container.css("position", "static");
4929	wrapper.css("z-index", 10001);
4930	$("a.pageTop").css("z-index", 1001); // 2015-09-01 Ãß°¡
4931
4932	$('.popLayer').attr('tabindex', 0);
4933	layContainer.attr('tabindex', 0);
4934	divPop.find('.scrolling').attr('tabindex', 0);
4935	var focusElement = divPop.find(focusSelector).not('[type="hidden"]');
4936	setTimeout(function() {focusElement.filter(":first").focus();}, 500);
4937					
4938	addContentEvent(divPop);
4939	addKeyEvent();
4940	//addMouseEvent(divPop);
4941	
4942	//$.disableScroll();
4943	
4944	//½ºÅ©·Ñ ºñÈ°¼ºÈ­ & È°¼ºÈ­ 
4945	$(window).on("resize.initPop", function (e)
4946	{
4947		if ($(document).find(".dimmed").not(":hidden").length > 0)
4948		{
4949			//$.disableScroll();
4950		}
4951		else
4952		{
4953			//$.enableScroll();	
4954		}
4955	});
4956	
4957	//disableScroll ¿¡ ÀÇÇØ ÆäÀÌÁö »ó´ÜÀ¸·Î ¿Ã¶ó°¡¹Ç·Î location ÃÖ»ó´Ü¿¡ ±úÁ® ºÙ´Â°É ¹æÁöÇϱâ À§ÇÑ ÀçÁ¤·Ä
4958	$(window).triggerHandler("scroll.initLocation");
4959	$(window).triggerHandler("scroll.initRnb");
4960	
4961	function hasVerticalScroll(node)
4962	{
4963		if (node == undefined)
4964		{
4965			if ($(window).height())
4966			{
4967				return $(document).height() > $(window).height();
4968			}
4969			else
4970			{
4971				return document.documentElement.scrollHeight >
4972					document.documentElement.offsetHeight ||
4973					document.body.scrollHeight > document.body.offsetHeight;
4974			}
4975		}
4976		else	
4977		{
4978			return node.scrollHeight > node.offsetHeight;
4979		}
4980	}
4981	
4982	// Æ˾÷ À§Ä¡, ´Ý±â À̺¥Æ® 
4983	function addContentEvent($pop)
4984	{
4985		var w = $pop.outerWidth();
4986		var h = $pop.outerHeight();
4987		
4988		// Æ˾÷ Á¤·Ä
4989		$pop.css(
4990		{
4991			"marginLeft"   : -Math.floor(w / 2),
4992			"marginTop"	   : -Math.floor(h / 2)
4993		});
4994
4995        //Çػ󵵰¡ ÀÛ¾Æ ·¹À̾î Æ˾÷ÀÌ Â©¸®´Â °æ¿ì ³ôÀÌ °­Á¦ ¸ÂÃã
4996        if(h >= $(window).outerHeight()) {
4997            var boTop = parseInt($pop.children('.layContainer').css('border-top-width')),
4998                paBo = parseInt($pop.children('.layContainer').css('padding-bottom')),
4999                titH = $pop.find('.titLayDep1').outerHeight(),
5000                btnH = $pop.find('.laybtnArea').outerHeight(),
5001                paTop = parseInt($pop.find('.layContents').css('padding-top'))
5002
5003            $pop.css({top: 0, marginTop : 0}).find('.layContents').addClass('scrolling').css('height', $(window).outerHeight() - (boTop + paBo + titH + btnH + paTop));
5004        }
5005		
5006		// Æ˾÷ ´Ý´Â À̺¥Æ®
5007		$pop.off(".initPop");
5008		$pop.on("click.initPop", "button.layClose", function (e)
5009		{
5010			var target = $(e.currentTarget);
5011			//var id = target.closest(".popLayer").attr("id");
5012			var id = target.closest(".popLayer, .carloanLayer").attr("id");
5013			
5014			// 2021.02.26  	Áß°íÂ÷ ±ÝÀ¶¿¡¼­ È®ÀÎ Æ˾÷â ¹ö±× ¼öÁ¤
5015			// Æ˾÷â X ·Î âÀ» ´ÝÀ¸¸é Æ˾÷ ¿¤¸®¹øÆ®°¡ È­¸é¿¡¼­¸¸ ²¨Áö°í ¼Ò½º»ó¿¡´Â ³²¾ÆÀÖ¾î ÇØ´ç ¾ÆÀ̵𠰪¸¸ ÀÖÀ»¶§ »èÁ¦
5016			var autoConfirm = document.querySelector("#autoConfirm");
5017			if (autoConfirm !== null && autoConfirm != undefined){
5018				$("#autoConfirm").remove();
5019			}
5020			

5021			if (target.hasClass("notAutoClose") === false) {
5022				$.closeDimPop(id);
5023			}
5024			
5025			e.preventDefault();
5026		});
5027	}
5028	
5029	/*25.09 Á¢±Ù¼º*/
5030	function addKeyEvent() {
5031	    focusElement.off('keydown.initPop'); //À̺¥Æ® Çڵ鷯 Áߺ¹ µî·Ï ¹æÁö À§ÇØ ±âÁ¸ À̺¥Æ® Á¦°Å
5032	    var numElements = focusElement.length;
5033	    //console.log(1);
5034	    //Æ÷Ä¿½ºÇÒ ¿ä¼Ò°¡ 2°³ ¹Ì¸¸ÀÏ °æ¿ì ¼øȯ ·ÎÁ÷ Àû¿ë X
5035	    if (numElements < 2) {
5036	        return;
5037	    }
5038
5039	    var firstElement = focusElement.eq(0);
5040	    var lastElement = focusElement.eq(numElements - 1);
5041
5042	    //Àüü focusElement¿¡ ´ëÇØ keydown À̺¥Æ®¸¦ °¨Áö
5043	    focusElement.on("keydown.initPop", function(e){
5044	        //window.tab.getTab() ÇÔ¼ö°¡ Tab Å° À̺¥Æ®¸¦ °¨ÁöÇß´ÂÁö È®ÀÎ
5045
5046	        //getTab()ÀÌ undefined¸¦ ¹ÝȯÇÏÁö ¾ÊÀ» ¶§¸¸ ½ÇÇà (¿¹¿Ü ¹ß»ýÀ» ¹æÁöÇÏ°í ÄÚµå ¾ÈÁ¤¼º È®º¸ : window.tab.getTab(e)¶ó´Â ÇÔ¼ö°¡ "¹«ÀǹÌÇÑ" °ªÀ» ¹ÝȯÇÒ ¶§¸¦ Á¦¿ÜÇÏ°í, ÀǹÌÀÖ´Â °ªÀÌ ¹ÝȯµÉ ¶§¸¸ ´ÙÀ½ Äڵ带 ½ÇÇà)
5047	        if(window.tab.getTab(e) !== undefined){
5048	            var currentElement = $(e.target);
5049	            var currentIndex = focusElement.index(currentElement);
5050
5051	            //Á¤¹æÇâ(tab)
5052	            if(window.tab.getTab(e)){
5053	                //ÇöÀç Æ÷Ä¿½ºµÈ ¿ä¼Ò°¡ ¸¶Áö¸· ¿ä¼ÒÀÏ °æ¿ì ù ¹ø° Æ÷Ä¿½º·Î À̵¿
5054	                if(currentElement.is(lastElement)){
5055	                    e.preventDefault();
5056	                    firstElement.focus();
5057	                }
5058	            }
5059	            //¿ª¹æÇâ(shift+tab)
5060	            else {
5061	                //ÇöÀç Æ÷Ä¿½ºµÈ ¿ä¼Ò°¡ ù ¹ø° ¿ä¼ÒÀÏ °æ¿ì ¸¶Áö¸· ¿ä¼Ò·Î Æ÷Ä¿½º À̵¿
5062	                if(currentElement.is(firstElement)){
5063	                    e.preventDefault();
5064	                    lastElement.focus();
5065	                }
5066	            }
5067	        }
5068	    })
5069	}
5070	
5071	// ¹ÙÅÁ ÈÙ ¹æÁö
5072	function addMouseEvent($pop)
5073	{		
5074		$(document).on("mousewheel.initPop", function (e, delta)
5075		{
5076			//var popCont = $pop.find(".layContents"); //remove 2015-07-03 .scrolling ÀÌ .layContents ¿Í °°ÀÌ ÀÖÁö ¾ÊÀº °æ¿ì°¡ À־
5077			var popCont = $pop.find(".scrolling");
5078			var deltaY = delta * -popCont.height() * 0.2;
5079			var posY = popCont.scrollTop() + deltaY;
5080		
5081			//if (popCont.length > 0) //add 2015-07-03 //remove 2015-07-13 µõÆ˾÷½Ã ¹«Á¶°Ç Àüü ½ºÅ©·Ñ ¸·´Â °ÍÀ¸·Î ¼öÁ¤
5082			//{
5083				popCont.scrollTop(posY);
5084				e.preventDefault();
5085			//}
5086		});
5087
5088		/*
5089		$(window).on("resize.initPop", function (e)
5090		{

5091			console.log($pop.outerHeight(), $(window).outerHeight());
5092			$pop.css("position", (($pop.outerHeight() > $(window).outerHeight()) ? "absolute" : "fixed"));
5093		}).triggerHandler("resize.initPop");
5094		*/
5095	}
5096} // end openDimPop
5097
5098/****************************************************************
5099* µõ Æ˾÷ ´Ý±â
5100* id ¿­°íÀÚ ÇÏ´Â div Æ˾÷ÀÇ ¾ÆÀ̵ð
5101****************************************************************/
5102jQuery.closeDimPop = function (id)
5103{
5104	var divPop =  $("#" + id),							// Æ˾÷ ¾ÆÀ̵ð
5105	    container = divPop.closest("div.container"),	// z-index Á¶Á¤À» À§ÇÑ ÄÁÅ×À̳Ê
5106	    wrapper = divPop.closest("div#wrapper"),
5107	    dimmed = divPop.find(" > .dimmed"),				// µõ
5108	    focusSelector = "a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled])," +
5109								   "button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]",
5110	    focusElement = divPop.find(focusSelector),
5111	    btn = window.tab.getTarget(),
5112	    oldPop,
5113        objId = typeof returnObjId == 'undefined' ? '' : returnObjId;
5114	
5115	divPop.hide().css({top: '50%'}).find('.layContents').removeAttr('style');
5116	dimmed.hide();
5117	
5118	oldPop = $(document).find(".popLayer").not(":hidden");
5119	
5120	if (oldPop.length === 0)
5121	{
5122		container.css("position", "relative");
5123		wrapper.css("z-index", "");
5124		$("a.pageTop").css("z-index", ""); // 2015-09-01 Ãß°¡
5125	}
5126	
5127	if (btn !== undefined) {
5128		btn.focus()
5129	} else if(objId.length > 0) {
5130        $('#' + returnObjId).focus();
5131        returnObjId = '';
5132    }
5133
5134	//$.enableScroll();
5135	
5136	// Æ˾÷ Å°º¸µå À̺¥Æ® »èÁ¦
5137	focusElement.filter(":last").off("keydown.initPop");
5138	focusElement.filter(":first").off("keydown.initPop");
5139	
5140	// Æ˾÷ ¸¶¿ì½º À̺¥Æ® »èÁ¦
5141	if (oldPop.length === 0) {
5142		$(document).off(".initPop");
5143		$(window).triggerHandler("resize.initPop");
5144		$(window).off(".initPop");
5145	}
5146} // end closeDimPop
5147
5148/****************************************************************
5149* jQuery extend
5150****************************************************************/
5151$.disableScroll = function ()
5152{
5153	$("body").css(
5154	{
5155		"position" : "fixed",
5156		"width" : "100%"
5157	});
5158	
5159	$("html").css(
5160	{
5161		"overflow-y" : "scroll"
5162	});
5163}
5164
5165$.enableScroll = function ()
5166{
5167	$("body").css(
5168	{
5169		"position" : "",
5170		"width" : ""
5171	});
5172	
5173	$("html").css(
5174	{
5175		"overflow-y" : ""
5176	});
5177}
5178
5179$.fn.scrollTo = function (target, options, callback)
5180{
5181	if (typeof options == "function" && arguments.length == 2)
5182	{
5183		callback = options;
5184		options = target;	
5185	}
5186	
5187	var settings = $.extend({
5188		scrollTarget	: target,
5189		offsetTop		: 0,
5190		duration		: 500,
5191		easing			: "swing"
5192	}, options);
5193	
5194	return this.each(function (){
5195		var scrollPane = $(this);
5196		var scrollTarget = (typeof settings.scrollTarget == "number") ? settings.scrollTarget : $(settings.scrollTarget);
5197		var scrollY = (typeof scrollTarget == "number") ? scrollTarget : scrollTarget.offset().top + scrollPane.scrollTop() - parseInt(settings.offsetTop);
5198		scrollPane.animate({
5199			scrollTop: scrollY
5200		}, parseInt(settings.duration), settings.easing, function () {
5201			if (typeof callback == "function") { callback.call(this); }
5202		});
5203	});
5204};
5205
5206/**
5207 * ±Ý¾× ¿òÁ÷ÀÓ È¿°ú
5208 * 
5209 * $("#myTarget").setPrice(price, options);
5210 * price 								: Ç¥½ÃÇÒ ±Ý¾×, ÁöÁ¤¾ÈÇϸé target ÀÇ text() ÂüÁ¶
5211 * options {
5212 * 		numWidth						: ¼ýÀÚ ³ÐÀÌ
5213 *		comWidth						: ÄÞ¸¶ ³ÐÀÌ
5214 *		numHeight						: ÆùÆ® »çÀÌÁî(ÀÚµ¿°ª)
5215 *		marginHeight					: ÆùÆ® »çÀÌÁî Ãß°¡ ³ôÀÌ
5216 * }
5217 *
5218 * $("#myTarget").setPrice(19840212);	: ±Ý¾× ¼³Á¤
5219 * $("#myTarget").resetPrice();			: ±Ý¾× 0À¸·Î
5220 * $("#myTarget").getPrice();			: ±Ý¾× ¹Ýȯ, setPrice 1ȸ ÀÌ»ó ÁøÇàµÇ¾î ÀÖ¾î¾ßÇÔ
5221 */
5222$.fn.setPrice = function (price, options)
5223{
5224	var target = this;
5225	var data = (price !== undefined) ? price.toString() : getReplace(target.text(), ",", "");
5226	
5227	if (isNaN(parseInt(data))) return false;
5228	
5229	var defaults = { 	//bold 38px/1 NanumGothic, '³ª´®°íµñ' ±âÁØ
5230		numWidth : 22,
5231		comWidth : 12,
5232		numHeight : parseInt(target.css("font-size")),
5233		marginHeight : 2
5234	}
5235
5236	var opts = $.extend(defaults, options);
5237	
5238	var numWidth = opts.numWidth;
5239	var comWidth = opts.comWidth;
5240	var numHeight = opts.numHeight;
5241	var marginHeight = opts.marginHeight;
5242	
5243	target.data("price", data);
5244	this.empty();
5245	
5246	initUI();
5247	startTween();
5248	
5249	function initUI()
5250	{
5251		var len = data.length;
5252		var i = len - 1;
5253		var count = 0;
5254		for (; i >= 0; i -= 1)
5255		{

5256			count++;
5257			
5258			target.prepend("<span class='priceNum' data-idx='" + data.charAt(i) + "'><span>012345678901234567890123456789012345678901234567890123456789</span></span>");
5259			if (count === 3 && i !== 0)
5260			{
5261				target.prepend("<span class='priceCom'><span>,</span></span>");
5262				count = 0;
5263			}
5264		}
5265		
5266		//Àüü
5267		target.find("span").css({
5268			"position" : "relative",
5269			"top" : 0 + "px",
5270			"left" : 0 + "px",
5271			"display" : "inline-block",
5272			"word-wrap" : "break-word",
5273			"word-break" : "break-all",
5274			"text-align" : "left",
5275			"letter-spacing" : 0 + "px"
5276		});
5277		
5278		//¼ýÀÚ
5279		target.find("> span").css({
5280			"width" : numWidth + "px",
5281			"height" : (numHeight + marginHeight) + "px",
5282			"overflow" : "hidden"
5283		}).find("> span").css({
5284			"display" : "inline-block",
5285			"width" : numWidth + "px"
5286		});
5287		
5288		//ÄÞ¸¶
5289		target.find("> span.priceCom").css({
5290			"width" : comWidth + "px"
5291		}).find("> span").css({
5292			"width" : comWidth + "px"
5293		});
5294	}
5295	
5296	function startTween()
5297	{
5298		var tweenTarget = target.find("span.priceNum");
5299		var comTarget = target.find("span.priceCom");
5300		
5301		comTarget.hide();
5302		
5303		var len = tweenTarget.length;
5304		var i = len - 1;
5305		var count = len;
5306		for (; i >= 0; i -= 1)
5307		{
5308			tweenTarget.eq(i).show(0).find("> span").delay(Math.abs(i-len) * 40).css("opacity", 0).animate(
5309			{
5310				"marginTop" : -numHeight * numHeight + "px"
5311			}, {queue: true, duration: 600, complete: comp, start: start});
5312		}
5313		
5314		function start()
5315		{
5316			$(this).css("opacity", 1);
5317		}
5318		
5319		function comp()
5320		{
5321			count --;
5322			
5323			var idx = parseInt(tweenTarget.eq(count).data("idx"));
5324			
5325			tweenTarget.eq(count).prev("span.priceCom").show();
5326			
5327			tweenTarget.eq(count).find("> span").css(
5328			{
5329				"marginTop" : numHeight * -idx + "px"
5330			});
5331		}
5332	}
5333	
5334	function getReplace(str, oldSubStr, newSubStr)
5335	{
5336		return str.split(oldSubStr).join(newSubStr);
5337	}
5338};
5339
5340//±Ý¾× ¹Ýȯ
5341$.fn.getPrice = function ()
5342{
5343	var price = parseInt(this.data("price"));
5344	return price;	
5345};
5346
5347//±Ý¾× ¸®¼Â
5348$.fn.resetPrice = function ()
5349{
5350	if (this.find("span.priceNum").length === 0) this.setPrice(0);
5351	
5352	var target = this;
5353	var tweenTarget = target.find("span.priceNum");
5354	var opts = target.data("opts");
5355
5356	// 000,000,000
5357	tweenTarget.find("> span").dequeue().stop().css(
5358	{
5359		"opacity": 1,
5360		"marginTop" : "0px"
5361	});
5362	
5363	//0
5364	target.find("> span").not(":eq(-1)").remove();
5365	
5366	target.find("> span > span").css("marginTop", 0);
5367	this.data("price", 0);
5368};
5369
5370/****************************************************************
5371* String À¯Æ¿
5372****************************************************************/
5373var StringUtil = {
5374	/****************************************************************
5375	* ¹®ÀÚ¿­ Àüü¸¦ ƯÁ¤ ¹®ÀÚ¸¦ ¼±ÅÃÇÏ¿© º¯°æ
5376	* str ¹®ÀÚ¿­
5377	* oldSubStr º¯°æµÉ ¹®ÀÚ
5378	* newSubStr º¯°æµÈ ¹®ÀÚ
5379	* return »õ·Î¿î ¹®ÀÚ¿­
5380	****************************************************************/
5381	setReplace: function(str, oldSubStr, newSubStr)
5382	{
5383		return str.split(oldSubStr).join(newSubStr);
5384	},
5385
5386	/****************************************************************
5387	* ¹®ÀÚ¿­ ¾ÕµÚ ¿©¹éÀ» Á¦°Å ÇÒ¶§ À¯¿ë
5388	* str ¹®ÀÚ¿­
5389	* char º¯°æÇÒ ¹®ÀÚ
5390	* return »õ·Î¿î ¹®ÀÚ¿­
5391	****************************************************************/
5392	setTrim: function(str, char)
5393	{
5394		return StringUtil.setTrimBack(StringUtil.setTrimFront(str, char), char);
5395	},
5396	
5397	/****************************************************************
5398	* ¹®ÀÚ¿­ ¾ÕÂÊ ¿©¹éÁ¦°Å ÇÒ¶§ À¯¿ë
5399	* str ¹®ÀÚ¿­
5400	* char º¯°æÇÒ ¹®ÀÚ
5401	* return »õ·Î¿î ¹®ÀÚ¿­
5402	****************************************************************/
5403	setTrimFront: function(str, char)
5404	{
5405		char = StringUtil.getFirstCharacter(char);
5406		if (str.charAt(0) == char) {
5407			str = StringUtil.setTrimFront(str.substring(1), char);
5408		}
5409		return str;
5410	},
5411	
5412	/****************************************************************
5413	* ¹®ÀÚ¿­ µÚÂÊ ¿©¹éÁ¦°Å ÇÒ¶§ À¯¿ë
5414	* str ¹®ÀÚ¿­
5415	* char º¯°æÇÒ ¹®ÀÚ
5416	* return »õ·Î¿î ¹®ÀÚ¿­
5417	****************************************************************/
5418	setTrimBack: function(str, char)
5419	{
5420		char = StringUtil.getFirstCharacter(char);
5421		if (str.charAt(str.length - 1) == char) {
5422			str = StringUtil.setTrimBack(str.substring(0, str.length - 1), char);
5423		}
5424		return str;
5425	},
5426	
5427
5428	/****************************************************************
5429	* ¹®ÀÚ¿­ ¾ÕÂÊ ÇѱÛÀÚ¾¿ ¹ÝȯÇÏ´Â ¸Þ¼Òµå
5430	* str ¹®ÀÚ¿­
5431	* return ¸Ç¾Õ¹®ÀÚ¹Ýȯ 	
5432	****************************************************************/
5433	getFirstCharacter: function(str) {
5434		if (str.length == 1) {
5435			return str;
5436		}
5437		return str.slice(0, 1);
5438	}
5439}
5440
5441//table scroll(½ÂÀγ»¿ª - »ó¼¼ÀÌ¿ë³»¿ª¿¡¼­ °¡·Î ½ºÅ©·Ñ) Å°º¸µå·Î ÃÊÁ¡½Ã »ó´Ü ŸÀÌƲ °¡¸®Áö ¸»¶ó(2023 Á¢±Ù¼º)
5442//¸¶¿ì½º·Î ½ºÅ©·Ñ ½Ã ÆäÀÌÁö »ó´ÜÀ¸·Î ½ºÅ©·Ñ µÇ´Â ¿À·ù ¼öÁ¤(2024¹Î¿ø)
5443$(document).on('mouseenter', '.scroll[tabindex=0]', function(e) {
5444	$(this).addClass('mousein');
5445});
5446$(document).on('mouseleave', '.scroll[tabindex=0]', function(e) {
5447	$(this).removeClass('mousein');
5448});
5449$(document).on('focus', '.scroll[tabindex=0]', function(e) {
5450	if($(this).height() > 800 && $(e.target).hasClass('scroll') && !$(e.target).hasClass('mousein')) {
5451		$('html, body').animate({'scrollTop' : $(this).offset().top - $('#header').height()}, 300);
5452	}
5453});