{"version":3,"sources":["animation.js","scroll.js","jatracker.js","slider.js"],"names":["imageTween","ele","nextSlide","TweenMax","to","$slides","eq","currentSlide","slideTime","autoAlpha","length","delayedCall","stayTime","$","children","set","filter","circleMotion","$circleObj","CIRCLE_LEN","loopObjArr","i","twObj","scale","alpha","initPosition","goScale","delay","ease","Cubic","easeInOut","easeOut","scaleMotion","plus","posx","parseInt","Math","random","posy","obj","idx","x","y","Expo","inMotion","scrollToSection","on","e","preventDefault","newpos","id","this","attr","$id","offset","top","outerHeight","stop","animate","scrollTop","upTween","hook","$e","opacity","each","sectionTitTween","ScrollMagic","Scene","triggerElement","triggerHook","setTween","reverse","addTo","controller","tweenText","textTween","SplitText","type","tl","TimelineMax","paused","staggerFrom","lines","cycle","play","interviewTween","label","tween","$interview","$slide","find","timeline","tweens","j","chars","push","zIndex","Linear","easeNone","trigger","$label","call","index","className","duration","height","setPin","drawTreeIcon","$stroke","from","drawSVG","Circ","strokeWidth","transformOrigin","yoyo","repeat","transformStyle","Power0","rotation","drawSpaceIcon","Quad","slideTween","$area","$dots","drawTween","none","position","left","easeIn","ls","Bounce","restart","window","addEventListener","jatracker","hide","next","Controller","$hero_video","$video","$twinklebtn","src","controls","controlsList","preload","loop","poster","$videos","$this","event","timer","video","isPlaying","currentTime","ended","readyState","setTimeout","click","clearTimeout","pause","arrowTween","staggerTo","SteppedEase","config","$hero","heroAni","repeatDelay","Back","sclae","fromTo","pinBouceTween","mapTween","add","xPercent","drawtl","counter","target","items","item","count","tempFix","relatedTarget","clones","html","owlCarousel","dots","lazyLoad","margin","autoplay","autoplaySpeed","nav","rewind","startPosition","onInitialized","onTranslated","animateOut","animateIn"],"mappings":"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","file":"script.js","sourcesContent":["/*\r\n* 화면 애니메이션 관련 스크립트\r\n*\r\n* Tweenmax 라이브러리를 사용하거나 직접 스크립트를 작성합니다.\r\n*\r\n* JS Dependencies\r\n* - TweenMax: https://greensock.com\r\n* - TweenMax.min.js\r\n* */\r\n//\r\n// hero \r\n//\r\n\r\n// var $svg = $('.circle svg');\r\n// $svg.each(function(i){\r\n// var $this = $(this);\r\n// TweenMax.to(this, 2+1*i, {rotate:360,\r\n// bezier: {\r\n// type: \"quadratic\",\r\n// values:[\r\n// /*p1*/{ x: 0, y: 0 }, { x:2, y: 0 }, { x: 2, y: 2 },\r\n// /*p2*/{ x: 2, y:4}, { x: 0, y: 4 },\r\n// /*p3*/{ x: -2, y: 4 }, { x: -2, y: 2 },\r\n// /*p4*/{ x: -2, y: 0 }, { x: 0, y: 0 }],\r\n// autoRotate: false\r\n// },\r\n// ease: Linear.easeNone,repeat:-1\r\n// },0.1*i);\r\n// });\r\n\r\n\r\n\r\nfunction imageTween(ele) {\r\n // 상단 페이드인 페이드아웃 슬라이드 쇼\r\n\r\n var $slides = $(ele).children(); //slides \r\n var currentSlide = 0; //keep track on the current slide\r\n var stayTime = 3; //time the slide stays\r\n var slideTime = 1.3; //fade in / fade out time\r\n\r\n TweenMax.set($slides.filter(':gt(0)'), {autoAlpha:0}); //we hide all images after the first one\r\n TweenMax.delayedCall(stayTime, nextSlide); //start the slideshow\r\n\r\n function nextSlide(){ \r\n TweenMax.to( $slides.eq(currentSlide), slideTime, {autoAlpha:0} ); //fade out the old slide\r\n currentSlide = ++currentSlide % $slides.length; //find out which is the next slide \r\n TweenMax.to( $slides.eq(currentSlide), slideTime, {autoAlpha:1} ); //fade in the next slide\r\n TweenMax.delayedCall(stayTime, nextSlide); //wait a couple of seconds before next slide\r\n }\r\n}\r\n\r\n \r\nfunction circleMotion(){\r\n\r\n var $circleObj;\r\n var CIRCLE_LEN = 7;\r\n var loopObjArr = [];\r\n $circleObj = $('.main_contents>.circle>li');\r\n \r\n function initPosition(){ \r\n for(var i = 0; i < CIRCLE_LEN; ++i){\r\n var twObj = $($circleObj).eq(i);\r\n TweenMax.to(twObj, 0, {scale:3, alpha:0});\r\n }\r\n }\r\n\r\n function scaleMotion(){\r\n initPosition();\r\n for(var i = 3; i >= 0; --i){\r\n var twObj = $($circleObj).eq(i);\r\n var goScale = i*0.2+1+0.1;\r\n TweenMax.to(twObj, 1, {delay:i*0.1, scale:goScale, ease:Cubic.easeInOut});\r\n TweenMax.to(twObj, 0.8, {delay:i*0.1+0.8, scale:1, ease:Cubic.easeOut});\r\n }\r\n }\r\n\r\n function CircleLoopMotion(obj, delay, idx){\r\n var posxGap = (idx < 3)?20:40;\r\n var posyGap = 20;\r\n var angle = 0;\r\n var speed = parseInt(Math.random()*2) + 2;\r\n function render(obj, delay, i){\r\n console.log(obj);\r\n var posx = 0;\r\n var posy = 0;\r\n if(i%2 == 0) posx = Math.sin(angle*Math.PI/180)*posxGap;\r\n else posy = Math.cos(angle*Math.PI/180)*posyGap;\r\n\r\n TweenMax.to(obj, 0, {delay:delay, x:posx, y:posy});\r\n\r\n angle = (angle + speed);\r\n }\r\n }\r\n\r\n function inMotion(){\r\n for (var i = 0; i < CIRCLE_LEN; ++i) {\r\n var twObj = $($circleObj).eq(i);\r\n var gap = 20;\r\n var plus = (i%2 == 0)?-1:1;\r\n var posx = parseInt(Math.random()*gap)*plus;\r\n var posy = parseInt(Math.random()*gap)*plus;\r\n\r\n loopObjArr[i] = new CircleLoopMotion(twObj, i*0.1, i);\r\n\r\n TweenMax.to(twObj, 2, {delay: i * 0.1, scale: 1, x: posx, y: posy, alpha:1, ease:Expo.easeOut});\r\n }\r\n\r\n \r\n }\r\n scaleMotion();\r\n inMotion();\r\n\r\n}\r\ncircleMotion();\r\n\r\n","/*\r\n* Scroll 관련 스크립트\r\n*\r\n* JS Dependencies\r\n* - ScrollMagic: http://scrollmagic.io\r\n* - ScrollMagic.min.js\r\n* - animation.gsap.min.js\r\n* - debug.addIndicators.min.js\r\n* - TweenMax: https://greensock.com\r\n* - TweenMax.min.js\r\n* */\r\n\r\n// ScrollMagic 컨트롤러\r\nvar controller = new ScrollMagic.Controller();\r\n\r\n// video\r\nvar $hero_video = $('#hero-video');\r\nvar $video = $('#video1');\r\nvar $twinklebtn = $('#hero .link');\r\n\r\n$hero_video.find('video').attr({\r\n 'src': 'https://cf.c.ooyala.com/BuYnBnZDE6ftRuR_RcUkc5C1p6B_PqgO/DOcJ-FxaFrRg4gtDEwOjFyazpzZzug5m',\r\n 'controls':true,\r\n 'controlsList':'nodownload',\r\n 'preload':'auto',\r\n 'loop':true,\r\n 'poster': ''\r\n});\r\n\r\n$video.find('video').attr({\r\n 'src': 'https://cf.c.ooyala.com/k1dnBnZDE6FwYT2kf0EB33ExJ2ggaDRf/DOcJ-FxaFrRg4gtDEwOjFyazpzZzug5m',\r\n 'controls':true,\r\n 'controlsList':'nodownload',\r\n 'preload':'auto',\r\n 'loop':false,\r\n 'poster': ''\r\n});\r\n\r\n// scroll auto play\r\nvar $videos = $('.video-play');\r\n$videos.each(function(){\r\n var $this = $(this);\r\n var $videos = $this.find('video');\r\n new ScrollMagic.Scene(\r\n {\r\n triggerElement: this,\r\n duration: $this.height()\r\n })\r\n .on('enter leave', function(event){\r\n var $video = $this;\r\n var video = $video.find('video')[0];\r\n var timer;\r\n var isPlaying = video.currentTime > 0 && !video.paused && !video.ended && video.readyState > 2;\r\n if (event.type === 'enter') {\r\n timer = setTimeout(function(){ // enter -> leave 이벤트 연속 발생시 play() 방지\r\n if (!isPlaying) {\r\n $video.find('.play').click(); // play\r\n }\r\n }, 600);\r\n } else {\r\n if (timer) {\r\n clearTimeout(timer);\r\n }\r\n if (isPlaying) {\r\n video.pause(); // pause\r\n }\r\n }\r\n })\r\n .addTo(controller);\r\n});\r\n\r\n\r\n\r\n//twinkle arrow, hero tween on hero\r\nvar arrowTween = new TimelineMax({paused:true});\r\narrowTween.staggerTo($twinklebtn, 1, {opacity:0.3,ease:SteppedEase.config(1),y:'+10',repeat:-1,delay:-1},0.5);\r\n\r\nvar $hero = $('.hero-indicator span').children();\r\nvar heroAni = new TimelineMax({paused:true, repeat:-1,repeatDelay:5});\r\nheroAni.to($hero.eq(1),1, {autoAlpha:1,scale:1,ease: Back.easeInOut},0)\r\n .to($hero.eq(1),1, {autoAlpha:0,scale:1,ease: Back.easeInOut},2)\r\n .to($hero.eq(2), 1, {autoAlpha:1,sclae:1}, 1)\r\n .to($hero.eq(2), 1, {opacity:0,scale:0,ease: Back.easeOut,delay:2},2)\r\n .fromTo($hero.eq(3), 1, {autoAlpha:0,sclae:0}, {autoAlpha:1,scale:1,ease: Back.easeInOut,zIndex:0}, 2);\r\n\r\n \r\nnew ScrollMagic.Scene(\r\n {\r\n triggerElement: $('#hero')[0],\r\n duration: $('#hero').height(),\r\n })\r\n .on('enter leave', function(event){ \r\n if (event.type === 'enter') {\r\n arrowTween.play();\r\n } else {\r\n arrowTween.pause();\r\n }\r\n\r\n })\r\n .addTo(controller);\r\n \r\n// Section Nav 링크 스크롤링\r\nfunction scrollToSection () {\r\n $('.top-indicator .link').on('click', function (e) {\r\n e.preventDefault();\r\n\r\n var id = $(this).attr('href');\r\n var $id = $(id);\r\n var newpos;\r\n\r\n if ($id.length > 0) {\r\n newpos = $id.offset().top - $('#roof').outerHeight(); // header가 내용을 가리지 않게 위치 조정\r\n\r\n $('html, body').stop().animate({scrollTop: newpos}, 500);\r\n }});\r\n}\r\n\r\nscrollToSection();\r\n\r\nfunction upTween(e, hook){\r\n var $e = $(e);\r\n TweenMax.set($e, {opacity:0, y:30});\r\n // TweenMax.killTweensOf()\r\n $e.each(function(){\r\n var $this = this;\r\n var sectionTitTween = TweenMax.to($this, .8, {opacity:1, y:0});\r\n var sectionTitScene = new ScrollMagic.Scene({\r\n triggerElement: $this,\r\n triggerHook: hook\r\n })\r\n .setTween(sectionTitTween)\r\n .reverse(false)\r\n .addTo(controller);\r\n });\r\n}\r\n\r\nfunction tweenText(e, hook){\r\n var $e = $(e);\r\n // TweenMax.killTweensOf()\r\n $e.each(function(){\r\n var $this = this;\r\n var textTween = new SplitText($this, {type:'lines'});\r\n var tl = new TimelineMax({paused:true});\r\n tl.staggerFrom(textTween.lines, 0.5, {opacity:0, cycle:{x:[100, -100]}}, 0.2);\r\n var textScene = new ScrollMagic.Scene({\r\n triggerElement: $this,\r\n triggerHook: hook\r\n })\r\n .on('start', function(){\r\n tl.play();\r\n })\r\n .reverse(false)\r\n .addTo(controller);\r\n });\r\n}\r\n\r\nupTween('p.text','.6');\r\n// upTween('p.text-intro','.6');\r\ntweenText('.heading-1','.6');\r\ntweenText('.heading-2','.6');\r\ntweenText('.heading','.6');\r\n\r\n//\r\n// interview scroll pin\r\n// \r\nfunction interviewTween(e) {\r\n \r\n var $interview = $('#interview');\r\n var $slide = $interview.find('.slide');\r\n var length = $slide.length;\r\n var percent = 100 / length;\r\n var timeline = new TimelineMax();\r\n var $sliderInner = $slide;\r\n var label;\r\n var tweens = [];\r\n var tween;\r\n var $interviewSlider = $('.interview-slider');\r\n for (var j = 0; j < length; j++) {\r\n tween = new SplitText($slide.eq(j).find('.heading'));\r\n tween = new TimelineMax({paused: true}).staggerFrom(tween.chars, .2, {opacity: 0, y: 10}, .1);\r\n tweens.push(tween);\r\n }\r\n\r\n function playTween(index){\r\n if (index !== null) {\r\n tweens[index].play(); // play 최초만 실행. 계속 실행하려면 restart로 변경.\r\n }\r\n }\r\n\r\n for (var i = 0; i < length; i++) {\r\n if (i > 0) {// 두번째 슬라이드부터 이동하기\r\n timeline.to({}, 1, {}); // delay\r\n timeline.to($slide.eq(i), 1, {zIndex:10, delay: 0, ease: Linear.easeNone});\r\n $(label).find('.interview-slider').trigger('to.owl.carousel', 0); \r\n }\r\n label = '.interview' + (i+1); // ex) slide1\r\n // timeline.add(label);\r\n var $label = $(label).find('.nav a');\r\n timeline.call(playTween, [i]);\r\n if (i > 0) { // 두번째 슬라이드부터 이전 것 숨기기\r\n timeline.to($slide.eq(i-1), 0, {className: '-=active'}, label); \r\n timeline.to($label.eq(i-1), 0, {className: '-=active'}, label); \r\n }\r\n\r\n timeline.to($slide.eq(i), 0, {className: '+=active'}, label); // 현재 슬라이드 보이기\r\n timeline.to($label.eq(i), 0, {className: '+=active'}, label); // 현재 슬라이드 보이기\r\n if (i + 1 === length) {// 마지막 슬라이드\r\n timeline.to({}, 1, {}); // delay\r\n }\r\n }\r\n\r\n new ScrollMagic.Scene(\r\n {\r\n triggerElement: $interview[0],\r\n triggerHook: 0,\r\n duration: 100 * length * 1.2 + '%', // 너무 빨리 지나가지 않게 1.2배 조정\r\n offset: $('#roof').height() * -1\r\n })\r\n .setPin($interview[0])\r\n .setTween(timeline)\r\n // .on(\"progress\", function(e){\r\n // var current = Math.floor(e.progress * 100);\r\n // console.log(current);\r\n // if(current >0 && current <9) {\r\n // $('.active.slide').find('.interview-slider').trigger('to.owl.carousel', 0);\r\n // } else if(current >= 9 && current < 18) {\r\n // $('.active.slide').find('.interview-slider').trigger('to.owl.carousel', 1);\r\n // } else if( current >= 18 && current < 28) {\r\n // $('.active.slide').find('.interview-slider').trigger('to.owl.carousel', 2);\r\n // } else if(current >= 28 && current < 36) {\r\n // $('.active.slide').find('.interview-slider').trigger('to.owl.carousel', 0);\r\n // } else if( current >= 36 && current < 45) {\r\n // $('.active.slide').find('.interview-slider').trigger('to.owl.carousel', 1);\r\n // } else if(current >= 45 && current < 56) {\r\n // $('.active.slide').find('.interview-slider').trigger('to.owl.carousel', 2);\r\n // } else if(current >= 56 && current < 65) {\r\n // $('.active.slide').find('.interview-slider').trigger('to.owl.carousel', 0);\r\n // } else if( current >= 65 && current < 74) {\r\n // $('.active.slide').find('.interview-slider').trigger('to.owl.carousel', 1);\r\n // } else if(current >= 74 && current < 85) {\r\n // $('.active.slide').find('.interview-slider').trigger('to.owl.carousel', 2);\r\n // } else if(current >= 85 && current < 90) {\r\n // $('.active.slide').find('.interview-slider').trigger('to.owl.carousel', 0);\r\n // } else if( current >= 90 && current < 95) {\r\n // $('.active.slide').find('.interview-slider').trigger('to.owl.carousel', 1);\r\n // } else if(current >= 95 && current < 100) {\r\n // $('.active.slide').find('.interview-slider').trigger('to.owl.carousel', 2);\r\n // } \r\n // })\r\n .addTo(controller);\r\n\r\n\r\n}\r\n\r\ninterviewTween();\r\n// background parallax scrolling\r\n \r\n\r\nnew ScrollMagic.Scene(\r\n { \r\n triggerElement: '.hero-sub', \r\n triggerHook: 'onEnter', \r\n duration: '200%' \r\n }) \r\n .setTween('.hero-intro', {y: '80%',zIndex:-1,ease: Linear.easeNone}) \r\n \r\n .addTo(controller); \r\n\r\nvar pinBouceTween = TweenMax.to('.map_point .pin', .5, {scale:1.2, yoyo:true, repeat:-1,zIndex:11});\r\nvar mapTween = new TimelineMax({repeat:-1,repeatDelay:1});\r\n$('.map_point .desc').each(function(i){\r\n var $this = $(this);\r\n mapTween.add(TweenMax.to($this, .5, {zIndex: 11,autoAlpha:1, top:-120}));\r\n mapTween.add(TweenMax.to($this, .2, {autoAlpha:0,delay:1}));\r\n});\r\n\r\n\r\nnew ScrollMagic.Scene(\r\n {\r\n triggerElement: '.forestLocation',\r\n triggerHook: .5,\r\n })\r\n .reverse(false)\r\n .setTween(mapTween)\r\n .addTo(controller);\r\n\r\nTweenMax.set(['.chart-inner #pie','.chart-inner #textDesc'],{opacity:0,y:-10});\r\nTweenMax.set('.mix-chart', {xPercent:-65,opacity:0});\r\nTweenMax.set('.pie-chart', {xPercent:40,opacity:0});\r\nTweenMax.set('#chart-bar path',{height:0});\r\nvar drawtl = new TimelineMax()\r\n .to('.mix-chart', .5, {xPercent:0,transformOrigin:'0% 0%',ease: Linear.easeOut,opacity:1}, 0.3)\r\n .to('.chart-inner #chart-bar path', 1, {drawSVG: '0% 100%', transformOrigin:'0% 0%',ease: Bounce.easeOut,opacity:1,height:150,y:'+=5' }, 1.3)\r\n .to('.chart-inner #chart-point path', 1, {drawSVG: '0% 100%', ease: Bounce.easeOut,opacity:1,y:'+=10' }, 1.6)\r\n .to('.chart-inner #chart-lines path', 1, {drawSVG: '0% 100%', ease: Bounce.easeOut,opacity:1,y:'+=10' }, 1.6)\r\n .to('.chart-inner #point-over', 1, {transformOrigin:'0% 0%',drawSVG: '0% 100%', ease: Bounce.easeOut,opacity:1,y:'-=5' }, 2.5)\r\n .to('.pie-chart', .5, {xPercent:0,transformOrigin:'100% 0%',ease: Linear.easeOut,opacity:1}, 0.8)\r\n .to('.chart-inner #pie', 1, {drawSVG: '0% 100%', ease: Bounce.easeOut,opacity:1,y:'+=10' }, 1.8)\r\n .to('.chart-inner #textDesc', 1, {drawSVG: '0% 100%', ease: Bounce.easeOut,opacity:1,y:'+=10' }, 1.8);\r\n\r\nnew ScrollMagic.Scene(\r\n {\r\n triggerElement: '.chart-inner',\r\n triggerHook: .6,\r\n })\r\n// .addIndicators()\r\n .setTween(drawtl)\r\n .addTo(controller);\r\n\r\nfunction drawTreeIcon(){\r\n var $stroke=$('#tree path');\r\n for(var i=0;i<$stroke.length;i++){\r\n TweenMax.from($stroke.eq(i), 1, {drawSVG:0,opacity:0, delay:i*.2,ease:Circ.easeInOut, strokeWidth:0});\r\n }\r\n TweenMax.to('.co2', .5, {y:-5, transformOrigin:'50% 50%',yoyo:true,repeat:-1,transformStyle:'preserve-3d',ease:Power0.easeInOut,delay:1});\r\n TweenMax.to('.arrow-recycle', 3, {rotation:360, transformOrigin:'50% 50%',repeat:-1,ease:Power0.easeInOut,delay:2});\r\n TweenMax.to('.plant', 1, {scale:0.9,repeat:-1,ease:Power0.easeInOut,delay:2,y:-5,yoyo:true,transformOrigin:'50% 100%'});\r\n}\r\n\r\nfunction drawSpaceIcon(){\r\n var $stroke=$('#space path');\r\n for(var i=0;i<$stroke.length;i++){\r\n TweenMax.from($stroke.eq(i), 1, {drawSVG:0,opacity:0, delay:i*.2});\r\n TweenMax.to('.planet', 3, {rotation:360, transformOrigin:'50% 50%',repeat:-1,delay:3,transformStyle:'preserve-3d',ease:Power0.easeInOut});\r\n TweenMax.to('.spaceship', .5, {y:-5, transformOrigin:'50% 50%',yoyo:true,repeat:-1,ease:Quad.easeInOut});\r\n }\r\n}\r\n\r\nnew ScrollMagic.Scene(\r\n {\r\n triggerElement:'#info-graphic',\r\n triggerHook: .6,\r\n })\r\n// .addIndicators()\r\n .on('enter', function(){\r\n drawTreeIcon();\r\n drawSpaceIcon();\r\n })\r\n .addTo(controller);\r\n\r\nfunction slideTween(){\r\n var $area = $('.energy');\r\n var $dots = $area.find('.owl-dot');\r\n var $slider = $area.find('.color-slider');\r\n var $slide = $slider.find('.item');\r\n var length = $slide.length;\r\n var timeline;\r\n\r\n var $stroke=$('#indicator-line path');\r\n var ds = 0.2, ls=1;\r\n var drawTween = new TimelineMax({paused:true});\r\n drawTween.from($stroke.eq(0), ls, {drawSVG:0,opacity:0, ease: Linear.none, strokeWidth:0}, 0)\r\n .to('.sunshine', 1, {position:'absolute',left:'10%',top:'15%',ease:Linear.easeIn})\r\n .from($stroke.eq(1), ls, {drawSVG:0,opacity:0, ease: Linear.none, strokeWidth:0}, ls)\r\n .from($stroke.eq(2), ds, {drawSVG:0,opacity:0, ease: Linear.none, strokeWidth:0}, ls + ds*1)\r\n .from($stroke.eq(3), ds, {drawSVG:0,opacity:0, ease: Linear.none, strokeWidth:0}, ls + ds*2)\r\n .from($stroke.eq(4), ds, {drawSVG:0,opacity:0, ease: Linear.none, strokeWidth:0}, ls + ds*3)\r\n .from($stroke.eq(5), ls, {drawSVG:0,opacity:0, ease: Linear.none, strokeWidth:0}, ls + ds*4)\r\n .from($stroke.eq(6), ds, {drawSVG:0,opacity:0, ease: Linear.none, strokeWidth:0}, ls + ds*5)\r\n .from($stroke.eq(7), ds, {drawSVG:0,opacity:0, ease: Linear.none, strokeWidth:0}, 2*ls + ds*1)\r\n .from($stroke.eq(8), ds, {drawSVG:0,opacity:0, ease: Linear.none, strokeWidth:0}, 2*ls + ds*2)\r\n .from($stroke.eq(9), ds, {drawSVG:0,opacity:0, ease: Linear.none, strokeWidth:0}, 2*ls + ds*3)\r\n .from($stroke.eq(10), ds, {drawSVG:0,opacity:0, ease: Linear.none, strokeWidth:0}, 2*ls + ds*4)\r\n .from($stroke.eq(11), ds, {drawSVG:0,opacity:0, ease: Linear.none, strokeWidth:0}, 2*ls + ds*5)\r\n .to('.sunshine', 1, {position:'absolute',left:'10%',top:'15%',ease:Linear.easeIn,autoAlpha:1},0)\r\n .to($slide.find('.icon-panel'), .5, {y:'-=5',autoAlpha:1}, ls)\r\n .to($slide.find('.icon-panel .descText'), .1, {autoAlpha: 1,ease:Bounce.easeInOut},ls+ds) // svg 나타나기\r\n .to($slide.find('.icon-electronics'), .5, {y:'-=5',autoAlpha:1},ls+ds*2)\r\n .to($slide.find('.icon-electronics .descText'), .1, {autoAlpha: 1,ease:Bounce.easeInOut},ls + ds*3) // svg 나타나기\r\n .to($slide.find('.icon-food'), .5, {y:'-=5',autoAlpha:1},2*ls + ds*2)\r\n .to($slide.find('.icon-food .descText'), .1, {autoAlpha: 1,ease:Bounce.easeInOut},2*ls + ds*2); // svg 나타나기\r\n // svg 트윈 시작하기\r\n function playTween(index){\r\n if (index !== null) {\r\n drawTween.restart(); // play 최초만 실행. 계속 실행하려면 restart로 변경.\r\n }\r\n }\r\n\r\n TweenMax.set([$slide, $slide.find('.descText'), $area.find('.sunshine')], {autoAlpha: 0});\r\n TweenMax.set([$slide.find('.icon-panel'), $slide.find('.icon-electronics'), $slide.find('.icon-food')], {y:'+=5',autoAlpha: 0});\r\n timeline = new TimelineMax({delay:.1});\r\n for (var i = 0; i < length; i++) {\r\n timeline.to($slide.eq(i), .2, {autoAlpha: 1});\r\n timeline.to($dots.eq(i), 0, {className: '+=active'});\r\n timeline.to($slide.eq(i).find('.graphics'), 0,{className: '+=active'});\r\n timeline.call(playTween, [i]); // play tween\r\n timeline.to({}, 1.5, {}); // delay\r\n if (i + 1 !== length) {// 마지막 슬라이드 제외\r\n timeline.to($slide.eq(i), 0, {autoAlpha: 0});\r\n timeline.to($dots.eq(i), 0, {className: '-=active'});\r\n }\r\n }\r\n\r\n new ScrollMagic.Scene(\r\n {\r\n triggerElement: $area[0],\r\n triggerHook: 0,\r\n duration: 100 * length + '%', // 너무 빨리 지나가지 않게 1.2배 조정\r\n offset: $('#roof').height() * -1,\r\n })\r\n .setPin($area[0])\r\n .setTween(timeline)\r\n .addTo(controller);\r\n\r\n\r\n}\r\nslideTween();","/*\r\n* JATracker 액션 추적 스크립트\r\n*\r\n* jatracker('event', 'clickEvent', '카테고리', '액션명', '라벨');\r\n* */\r\n\r\nwindow.addEventListener('load', function(){\r\n $('#more .hanwha_sunshine a').on('click', function(){\r\n jatracker('event', 'clickEvent', '한화 그룹 더 보기', '한화 그룹 더 보기', '한화 그룹 더 보기');\r\n });\r\n $('#more .hanwha_solar .a').on('click', function(){\r\n jatracker('event', 'clickEvent', '한화 태양광 더보기', '한화 태양광 더보기', '한화 태양광 더보기');\r\n });\r\n $('#more .hanwha_engine .a').on('click', function(){\r\n jatracker('event', 'clickEvent', '한화 항공엔진 더보기', '한화 항공엔진 더보기', '한화 항공엔진 더보기');\r\n });\r\n});","/*\r\n* 슬라이더 관련 스크립트\r\n*\r\n* JS Dependencies\r\n* - OwlCarousel2: https://owlcarousel2.github.io/OwlCarousel2\r\n* - owl.carousel.min.js\r\n* */\r\n\r\n$(function(){\r\n\r\n // brand article slider\r\n //\r\n var $articleSlider = $('.article-slider').owlCarousel({\r\n loop: true,\r\n dots:true,\r\n lazyLoad: true,\r\n items:1,\r\n margin: 20,\r\n autoplay:true,\r\n autoplaySpeed:300\r\n }); \r\n\r\n var $interviewSlider = $('.interview-slider');\r\n $interviewSlider\r\n // .on('initialized.owl.carousel changed.owl.carousel','#interview', function (e){\r\n // if (e.deltaY>0) {\r\n // $('.interview').find('.active').trigger('next.owl.carousel');\r\n // } else {\r\n // $('.interview').find('.active').trigger('prev.owl.carousel');\r\n // }})\r\n .owlCarousel({ \r\n loop:true,\r\n nav: false,\r\n dots: false,\r\n items:1,\r\n rewind:false,\r\n autoplay: true,\r\n autoplaySpeed:300,\r\n startPosition:0,\r\n onInitialized : counter, //When the plugin has initialized.\r\n onTranslated : counter, //When the translation of the stage has finished.\r\n animateOut: 'fadeOut',\r\n animateIn: 'fadeIn'\r\n });\r\n\r\n function counter(event) {\r\n var element = event.target; \r\n var items = event.item.count; // Number of items\r\n var item = event.item.index; // Position of the current item\r\n var tempFix = item - (event.relatedTarget.clones().length / 2);\r\n\r\n if(tempFix >= 0) {\r\n item = tempFix + 1;\r\n }\r\n \r\n $('.counter .activeNum').html(item);\r\n $('.counter .totalNum').html(items);\r\n }\r\n\r\n var $tweenSlider = $('.tweenSlider .owl-carousel').owlCarousel({\r\n loop: true,\r\n dots:true,\r\n lazyLoad: true,\r\n items:1,\r\n // autoplay:true,\r\n autoplaySpeed:300\r\n }); \r\n\r\n\r\n});"]}