{"version":3,"sources":["animation.js","brand-slider.js","institute.js","scroll.js","april-sample-tweens.js","april-sample.js","igarten-iplay.js","jatracker.js","slider.js"],"names":["tweenSpaceship","$spaceship","$","$lines","find","timeline","TimelineMax","paused","timeline2","repeat","yoyo","each","length","this","data","css","stroke-dasharray","stroke-dashoffset","add","TweenMax","to","y","ease","Power1","easeInOut","fromTo","scale","autoAlpha","strokeDashoffset","closest","hover","play","reverse","brandSlider","showSlide","isSliderMoving","set","$items","eq","activeIndex","currentIndex","brandSliderDuration","onComplete","$links","linksTimeline","pause","totalDuration","autoPlayTimeline","brandNavDuration","on","e","preventDefault","index","seek","$this","width","Linear","easeNone","onRepeat","over","animation","out","frontPageInitSelection","$container","sliderUpdateHandler","tmpSliderX","x","updateEverything","sliderInnerWidth","sliderWidth","draggerUpdateHandler","draggerWidth","handleWidth","percent","source","handleTargetX","$handle","itemWidth","viewableItems","$sliderInner","updateItems","items","forEach","item","Math","floor","offset","ceil","isLeft","element","Strong","easeIn","easeOut","windowResizeHandler","$slider","$dragger","window","innerWidth","sliderOffset","left","push","isRight","sliderSnap","draggerSnap","sliderRatio","children","itemLeft","min","slider","vars","snap","dragger","$window","$wrapper","Draggable","create","type","dragClickables","bounds","throwProps","onDrag","onThrowUpdate","maxDuration","upTween","hook","$e","opacity","sectionTitTween","ScrollMagic","Scene","triggerElement","triggerHook","setTween","addTo","controller","initScrollMagic","$person4c","$robertQuote","$robertQuoteText","rqTimeline","$video1","$video3","$video4","$video5","attr","src","controls","controlsList","preload","loop","poster","duration","height","event","timer","$video","video","isPlaying","currentTime","ended","readyState","setTimeout","click","clearTimeout","scrollToSection","newpos","id","$id","top","outerHeight","stop","animate","scrollTop","aprilTweens","addEventListener","tween","from","transformOrigin","rotation","staggerFrom","Elastic","staggerFromTo","strokeDasharray","none","xPercent","$area","$dots","$slide","delay","i","className","call","restart","setPin","label","$timeline","$story","$item","tweens","j","SplitText","chars","forward","hasClass","filter","parent","progress","Controller","$interview","vw","ele","overlay","arrow","tl","visibility","staggerTo","Power3","l2","l3","l100","zIndex","display","config","outerHandle","innerHandle","tweenDuration","staggerDelay","handle","opaicty","dragslider","jatracker","WebFont","load","custom","families","urls","google","text","hide","next","$qna","toggleClass","siblings","removeClass","$parent","show","$articleSlider","owlCarousel","nav","dots","autoWidth","margin","trigger","$interviewSlider","mouseDrag","$list","addClass","animateOut","autoplay","autoplayTimeout","$quizSlider","center","lazyLoad","$button","isActive","toggle","slideBy","illustTime","$illustSlider","smartSpeed","clearInterval","dotsData","namespace","carousel","relatedTarget","relative","current","navText"],"mappings":"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","file":"script.js","sourcesContent":["/*\n* 화면 애니메이션 관련 스크립트\n*\n* Tweenmax 라이브러리를 사용하거나 직접 스크립트를 작성합니다.\n*\n* JS Dependencies\n* - TweenMax: https://greensock.com\n*    - TweenMax.min.js\n* */\n\nfunction tweenSpaceship () {\n  var $spaceship = $('#spaceship');\n  var $lines = $spaceship.find('.spaceship-line');\n  var timeline = new TimelineMax({paused: true});\n  var timeline2 = new TimelineMax({repeat: -1, yoyo: true});\n\n  // init\n  $lines.each(function(){\n    var length = $(this).data('length');\n    $(this).css({\n      'stroke-dasharray': length,\n      'stroke-dashoffset': length,\n    });\n  });\n\n  // set timeline\n  timeline2.add(TweenMax.to($spaceship, 1.2, {y: 7, ease: Power1.easeInOut}));\n\n  timeline.add(TweenMax.fromTo($spaceship, .7, {scale: .65, y: 25, autoAlpha: 1}, {scale: .75, y: 0}));\n  timeline.add(TweenMax.to($lines, .5, {strokeDashoffset: 0}), .2);\n  timeline.add('label1');\n  timeline.add(timeline2);\n\n  // bind event\n  $spaceship.closest('a').hover(function(){\n    timeline.play();\n  }, function(){\n    timeline.reverse('label1');\n  });\n}\n\n$(function(){\n  tweenSpaceship();\n});\n\n","/*\r\n* Brnad Top Slider 스크립트\r\n*\r\n* JS Dependencies\r\n* - TweenMax: https://greensock.com\r\n*    - TweenMax.min.js\r\n* */\r\n\r\n// Brand slider tween\r\nfunction brandSlider(){\r\n  var $slider = $('#brand-slider');\r\n  var $items = $slider.find('.item');\r\n  var $links = $('#brand-slider-nav .nav-link');\r\n  var brandNavDuration = 2;\r\n  var brandSliderDuration = .6;\r\n  var totalDuration;\r\n  var currentIndex = 0;\r\n  var activeIndex = 1;\r\n  var linksTimeline = [];\r\n  var autoPlayTimeline;\r\n  var isSliderMoving;\r\n\r\n  function init(){\r\n    // nav 링크마다 트윈 만들기\r\n    $links.each(function(index){\r\n      var $this = $(this);\r\n      linksTimeline[index] = new TimelineMax({paused: true})\r\n        .to($this.find('.ko'), brandSliderDuration/2, {autoAlpha: 1})\r\n        .to($this.find('.fill-text .color, .ko .line'), brandNavDuration, {\r\n          width: '100%',\r\n          ease: Linear.easeNone\r\n        });\r\n\r\n      totalDuration = linksTimeline[index].totalDuration();\r\n    });\r\n  }\r\n\r\n  // 자동 재생하기\r\n  function autoPlay(){\r\n    linksTimeline[currentIndex].play(); // 첫 슬라이더 nav 트윈 플레이\r\n\r\n    // 이후 totalDuration 마다 showSlide 함수 호출 반복\r\n    if (!autoPlayTimeline) {\r\n      autoPlayTimeline = TweenMax.to({}, totalDuration, {\r\n        repeat: -1,\r\n        onRepeat: showSlide\r\n      });\r\n    }\r\n  }\r\n\r\n  // 슬라이드 넘기기\r\n  function showSlide() {\r\n    isSliderMoving = true;\r\n    // tweens\r\n    TweenMax.set($items.eq(activeIndex), {autoAlpha: 1});  // 다음 슬라이드 뒤에 준비\r\n    TweenMax.to($items.eq(currentIndex), brandSliderDuration, {autoAlpha: 0, onComplete: function(){\r\n      // 슬라이드 넘기기 완료 후 작업\r\n      $items.eq(currentIndex).css('z-index', '');\r\n      $items.eq(activeIndex).css('z-index', 1);\r\n\r\n      currentIndex = activeIndex;\r\n      activeIndex = (currentIndex + 1) % $links.length;\r\n      isSliderMoving = false;\r\n    }});\r\n\r\n    linksTimeline[activeIndex].play(); // 보여질 슬라이드 nav 트윈 플레이\r\n    linksTimeline[currentIndex].pause(0); // 현재 슬라이드 nav 트윈 리셋\r\n  }\r\n\r\n  // nav 클릭시\r\n  $links.on('click', function (e){\r\n    e.preventDefault();\r\n    var index = $(this).index();\r\n    if (index === currentIndex || isSliderMoving) { // 현재 슬라이더 nav 클릭시\r\n      return;\r\n    }\r\n\r\n    activeIndex = index;\r\n    showSlide(); // 클릭한 슬라이더 보이기\r\n    autoPlayTimeline.seek(0); // 자동재생 초기화\r\n  });\r\n\r\n  init();\r\n  autoPlay();\r\n}\r\nwindow.addEventListener('load', function(){\r\n  brandSlider();\r\n});","/* institute */\r\n\r\n// $instituteIconSlider();\r\n// $instituteTextSlider();\r\nvar controller = new ScrollMagic.Controller();\r\nvar $interview = $('.interview_face'), vw = $('#viewport').width();\r\n // interviewTween.from(background, 0.25, {scaleX: \"0%\", transformOrigin: \"left center\", ease: Quad.easeInOut}, \"#start\");\r\n\r\n \r\n// // HOVER\r\n// $interview.find('.interview_face').each(function(index, element){\r\n//   var $this = $(this), $element = $(element);\r\n//   var ht = new TimelineMax({paused:true})\r\n//      .staggerFromTo($element.find('.overlay')[0], .1, {visibility:'hidden',opacity:0}, {visibility:'visible',opacity:1},.1)\r\n//      .staggerTo($element.find('.interview_inner'), .1, {backgroundColor:'transparent'},.1)\r\n//      .staggerFromTo($element.find('.interview_arrow'), .1,  {visibility:'hidden',opacity:0}, {visibility:'visible',opacity:1},.1);\r\n//   element.interviewHover = ht;\r\n\r\n\r\n//   });\r\n//   $interview.on({\r\n//     mouseout: function(e){\r\n//       this.interviewHover.reverse();\r\n//     },\r\n//     mouseover: function(){\r\n//       this.interviewHover.play();\r\n//     }\r\n// });\r\n\r\n  $('.interview_face').each(function(index, element){\r\n    var ele = $(this).find('interview_cover');\r\n    var overlay = $(this).find('.overlay');\r\n    var arrow= $(this).find('.interview_arrow');\r\n   var tl = new TimelineMax({paused:true})\r\n      .staggerFromTo(ele, .1, {visibility:'hidden',opacity:0}, {visibility:'visible',opacity:1},.1)\r\n      .staggerTo(overlay, .5, {visibility:'visible',opacity:1},.1)\r\n      .staggerTo(arrow, .5, {className:'+=active',autoAlpha:1,width:'+=50%',ease: Power3.easeOut},.1);\r\n  element.animation = tl;\r\n});\r\n$('.interview_face').hover(over, out);\r\nfunction over(){ this.animation.play(); }\r\nfunction out(){ this.animation.reverse(); }\r\n\r\n\r\nif($('#viewport').width()<1200){\r\n  var l2 = '33.3vw', l3 = '66.6vw', l100 = '100vw';\r\n} else {\r\n   l2 = '33.3%';\r\n   l3 = '66.6%';\r\n   l100 = '100%';\r\n}\r\n\r\n$('#interview1 .interview_face, #interview2 .prev-interview-arrow, #interview3 .next-interview-arrow').click(function(){\r\n    var $this = $(this);\r\nvar tl = new TimelineMax()\r\n  .staggerFromTo('#interview1', .1, {left:0,zIndex:0}, {left:0,zIndex:10},.1)\r\n  .staggerFromTo('#interview1 .interview_content', .1, {display:'none'}, {display:'block'},.1)\r\n  .staggerFromTo('#interview1 .interview_navi',.1, {display:'none'}, {display:'block'},.1)\r\n  .staggerFromTo('#interview2', .1, {left:l2}, {left:l100}, .1)\r\n  .staggerFromTo('#interview3', .1, {left:l3}, {left:l100}, .1)\r\n  .staggerFromTo('#interview1 .interview_cover', .1, {visibility:'visible',opacity:1, ease: Elastic.easeInOut.config(1, 0.5)}, {visibility:'hidden',opacity:0, ease: Elastic.easeInOut.config(1, 0.5)},.1)\r\n  .staggerFromTo('#interview1 .interview_arrow', .1, {width:'100%',opacity:0,visibility:'hidden',left:'50%', ease: Elastic.easeInOut.config(1, 0.5)}, { ease: Elastic.easeInOut.config(1, 0.5),width:'100%',opacity:1,visibility:'visible',left:0},.1)\r\n  .staggerFromTo('#interview1 .interview_hover', .1, {visibility:'hidden',opacity:0, ease: Elastic.easeInOut.config(1, 0.5)}, {visibility:'visible',opacity:1, ease: Elastic.easeInOut.config(1, 0.5)},.1);\r\n});\r\n\r\n$('#interview2 .interview_face, #interview3 .prev-interview-arrow, #interview1 .next-interview-arrow').click(function(){\r\n    var $this = $(this);\r\nvar tl = new TimelineMax()\r\n  .staggerFromTo('#interview3', .1, {left:l3}, {left:l100}, .1)\r\n  .staggerFromTo('#interview2', .1, {left:0,zIndex:0}, {left:0,zIndex:10},.1)\r\n  .staggerFromTo('#interview2 .interview_content', .1, {display:'none'}, {display:'block'},.1)\r\n  .staggerFromTo('#interview2 .interview_navi',.1, {display:'none'}, {display:'block'},.1)\r\n  .staggerFromTo('#interview1', .1, {left:0}, {left:-l2}, .1)\r\n  .staggerFromTo('#interview2 .interview_cover', .1, {visibility:'visible',opacity:1, ease: Elastic.easeInOut.config(1, 0.5)}, {visibility:'hidden',opacity:0, ease: Elastic.easeInOut.config(1, 0.5)},.1)\r\n  .staggerFromTo('#interview2 .interview_arrow', .1, {width:'100%',opacity:0,visibility:'hidden',left:'50%', ease: Elastic.easeInOut.config(1, 0.5)}, { ease: Elastic.easeInOut.config(1, 0.5),width:'100%',opacity:1,visibility:'visible',left:0},.1)\r\n  .staggerFromTo('#interview2 .interview_hover', .1, {visibility:'hidden',opacity:0, ease: Elastic.easeInOut.config(1, 0.5)}, {visibility:'visible',opacity:1, ease: Elastic.easeInOut.config(1, 0.5)},.1);\r\n});\r\n\r\n$('#interview3 .interview_face, #interview1 .prev-interview-arrow, #interview2 .next-interview-arrow').click(function(){\r\n    var $this = $(this);\r\nvar tl = new TimelineMax()\r\n  .staggerFromTo('#interview2', .1, {left:l2}, {left:l100}, .1)\r\n  .staggerFromTo('#interview3', .1, {left:0,zIndex:0}, {left:0,zIndex:10},.1)\r\n  .staggerFromTo('#interview3 .interview_content', .1, {display:'none'}, {display:'block'},.1)\r\n  .staggerFromTo('#interview3 .interview_navi',.1, {display:'none'}, {display:'block'},.1)\r\n  .staggerFromTo('#interview1', .1, {left:0}, {left:-l2}, .1)\r\n  .staggerFromTo('#interview3 .interview_cover', .1, {visibility:'visible',opacity:1, ease: Elastic.easeInOut.config(1, 0.5)}, {visibility:'hidden',opacity:0, ease: Elastic.easeInOut.config(1, 0.5)},.1)\r\n  .staggerFromTo('#interview3 .interview_arrow', .1, {width:'100%',opacity:0,visibility:'hidden',left:'50%', ease: Elastic.easeInOut.config(1, 0.5)}, { ease: Elastic.easeInOut.config(1, 0.5),width:'100%',opacity:1,visibility:'visible',left:0},.1)\r\n  .staggerFromTo('#interview3 .interview_hover', .1, {visibility:'hidden',opacity:0, ease: Elastic.easeInOut.config(1, 0.5)}, {visibility:'visible',opacity:1, ease: Elastic.easeInOut.config(1, 0.5)},.1);\r\n});\r\n\r\n$('.close-interview-circle').click(function(){\r\n  TweenMax.to(['.interview_navi', '.interview_content'], .5, {display:'none'});\r\n  TweenMax.to('.interview_arrow', .5, {visibility:'hidden',opacity:0,width:'50%',left:'50%'});\r\n  TweenMax.to('.interview_cover', .5, {visibility:'visible',opacity:1},.1);\r\n  TweenMax.to('.interview_hover', .5, {visibility:'hidden',opacity:0});\r\n  TweenMax.to('#interview1',.1, {left:0,zIndex:0});\r\n  TweenMax.to('#interview2',.1, {left:l2,zIndex:0});\r\n  TweenMax.to('#interview3',.1, {left:l3,zIndex:0});\r\n});\r\n\r\n/* drag slider */\r\n\r\nfunction frontPageInitSelection($container){\r\n    var $window = $(window),\r\n        $wrapper = $container.find('.selection-wrapper'),\r\n        $slider = $wrapper.find('.selection-slider'),\r\n        $sliderInner = $wrapper.find('.selection-slider-inner'),\r\n        $items=$sliderInner.children(),\r\n        $dragger=$wrapper.find('.dragger'),\r\n        $handle=$dragger.find('.handle'),\r\n        slider,\r\n        sliderSnap=[],\r\n        draggerSnap=[],\r\n        viewableItems=1,\r\n        sliderWidth=0,\r\n        sliderInnerWidth=0,\r\n        itemWidth=0,\r\n        dragger,\r\n        handleWidth=40,\r\n        tmpSliderX=0,\r\n        items=[],\r\n        draggerWidth=0,\r\n        isActive=true;\r\n    \r\n    slider = Draggable.create(\r\n        $sliderInner,{type:'x',dragClickables:true,bounds:$slider,throwProps:true,onDrag:sliderUpdateHandler,onThrowUpdate:sliderUpdateHandler}\r\n    )[0];\r\n    \r\n    function sliderUpdateHandler(){\r\n        tmpSliderX=this.x;\r\n        updateEverything(-(this.x/(sliderInnerWidth-sliderWidth)),'slider');\r\n    }\r\n    \r\n    dragger = Draggable.create($handle,{type:'x',dragClickables:true,bounds:$dragger,throwProps:true,maxDuration:3,onDrag:draggerUpdateHandler,onThrowUpdate:draggerUpdateHandler})[0];\r\n    \r\n    function draggerUpdateHandler(){\r\n        updateEverything(this.x/(draggerWidth-handleWidth),'dragger');\r\n    }\r\n\r\n    function updateEverything(percent,source){\r\n        if(source!=='dragger'){\r\n            var handleTargetX=(draggerWidth-handleWidth)*-percent;TweenMax.set($handle,{x:-handleTargetX});\r\n        }\r\n        if(source!=='slider'){\r\n            tmpSliderX=-(((sliderInnerWidth-(itemWidth*viewableItems)))*percent);\r\n            TweenMax.set($sliderInner,{x:tmpSliderX});\r\n        }\r\n        updateItems();\r\n    }\r\n    \r\n    function updateItems(){\r\n        items.forEach(function(item,index){\r\n            if(-Math.floor(item.offset+itemWidth)>=Math.ceil(tmpSliderX)&&!item.isLeft){\r\n                item.isLeft = true;\r\n                TweenMax.to(item.element,0.3,{x:-50,ease:Strong.easeIn});\r\n            } else if(-(item.offset+itemWidth)<tmpSliderX&&item.isLeft){\r\n                item.isLeft=false;\r\n                TweenMax.to(item.element,0.3,{x:0,ease:Strong.easeOut});\r\n            }\r\n        });\r\n    }\r\n\r\n    function windowResizeHandler(){\r\n        sliderWidth=$slider.width();\r\n        sliderInnerWidth=$sliderInner.width();\r\n        draggerWidth=$dragger.width();\r\n        var wWidth=window.innerWidth;\r\n        viewableItems=3;\r\n        // itemWidth=sliderWidth/viewableItems;\r\n        itemWidth=$('.cardItem').eq(0).width();\r\n        TweenMax.set($items,{width:itemWidth,x:0});\r\n        TweenMax.set($sliderInner,{x:0});\r\n        TweenMax.set($handle,{x:0});\r\n        var sliderOffset=$slider.offset().left;\r\n        items=[];\r\n        $items.each(function(){\r\n            items.push({element:$(this),offset:$(this).offset().left-sliderOffset,isLeft:false,isRight:false});});\r\n        sliderSnap=[];\r\n        draggerSnap=[];\r\n        var sliderRatio=((draggerWidth-handleWidth)/(sliderInnerWidth-sliderWidth));\r\n        $sliderInner.children('.cardItem').each(function(index,item){\r\n            var itemLeft=$(item).offset().left-sliderOffset;\r\n            sliderSnap.push(-Math.min(itemLeft,sliderInnerWidth-sliderWidth));\r\n            draggerSnap.push(Math.min(draggerWidth-handleWidth-1,itemLeft*sliderRatio));\r\n        });\r\n        slider.vars.snap=sliderSnap;\r\n        dragger.vars.snap=draggerSnap;\r\n        tmpSliderX=slider.x;\r\n    }\r\n\r\n    $window.on('extra:resize',windowResizeHandler);\r\n    windowResizeHandler();\r\n\r\n   \r\n}\r\n\r\n//\r\nif($('#drag-slider').length == 1){\r\nfrontPageInitSelection($('#drag-slider'));\r\n}\r\n\r\nfunction upTween(e, hook){\r\n     var $e = $(e);\r\n     TweenMax.set($e, {opacity:0, y:40});\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\n// upTween('.institute_remark_icon','.institute_remark_icon');\r\n// upTween('#institute_section .sub-title','#institute_section .sub-title');\r\n// upTween('#institute_section p','#institute_section p');\r\n// upTween('#institute_section h2','#institute_section h2');\r\nupTween('.infoSVG span','.infoSVG span');\r\nupTween('blockquote.quote','blockquote.quote');\r\n\r\n\r\n\r\nvar outerHandle = $('.handle .outer');\r\nvar innerHandle = $('.handle .inner');\r\nvar tweenDuration = .5;\r\nvar staggerDelay = tweenDuration * .5;\r\nvar handle = new TimelineMax({repeat:-1});\r\n  handle.staggerFromTo(innerHandle, tweenDuration,{scale:2,ease:Linear.easeIn,opacity:.5}, {scale:1,ease:Linear.easeOut,opaicty:0},staggerDelay)\r\n        .staggerFromTo(outerHandle, tweenDuration, {scale:1,ease:Linear.easeIn,opacity:.5}, {scale:2,ease:Linear.easeOut,opaicty:0},staggerDelay);\r\n\r\n\r\n  var dragslider = $('.selection-slider');\r\n  new ScrollMagic.Scene(\r\n    {\r\n      triggerElement: dragslider,\r\n      triggerHook:0.5\r\n    })\r\n    .setTween(handle)\r\n    .addTo(controller);\r\n\r\n// var infoSVG = $('.infoSVG span');\r\n// var infoSVGhandle = new TweenMax({repeat:-1,yoyo:true});\r\n//    infoSVGhandle.to(infoSVG, tweenDuration, {y:'+=20',ease:Linear.easeInOut},staggerDelay);\r\n//   new ScrollMagic.Scene(\r\n//     {\r\n//       triggerElement: infoSVG,\r\n//       triggerHook:0.5\r\n//     })\r\n//     .setTween(infoSVGhandle)\r\n//     .addTo(controller);","/*\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\nwindow.addEventListener('load', initScrollMagic);\r\n\r\nfunction initScrollMagic() {\r\n  // 4C 인재 텍스트 색상 채우기\r\n  var $person4c = $('#person-4c-color');\r\n  new ScrollMagic.Scene(\r\n    {\r\n      triggerElement: $person4c[0],\r\n      offset: -50,\r\n    })\r\n    .setTween($person4c, .8, {width: '100%', ease: Linear.easeNone})\r\n    .addTo(controller);\r\n\r\n  // 로버트의 말 텍스트 색상 채우기\r\n  var $robertQuote = $('#robert-quote');\r\n  var $robertQuoteText = $robertQuote.find('.color');\r\n  var rqTimeline = new TimelineMax()\r\n    .to($robertQuoteText.eq(0), .8, {width: '100%'})\r\n    .to($robertQuoteText.eq(1), 1.0, {width: '100%'})\r\n    .to($robertQuoteText.eq(2), 1.5, {width: '100%'});\r\n  new ScrollMagic.Scene(\r\n    {\r\n      triggerElement: $robertQuote[0]\r\n    })\r\n    .setTween(rqTimeline)\r\n    .addTo(controller);\r\n\r\n  // video\r\n  var $video1 = $('#video-brand1');\r\n  // var $video2 = $('#video-brand2');\r\n  var $video3 = $('#video-igarten');\r\n  var $video4 = $('#video-april');\r\n  var $video5 = $('#video-institute');\r\n\r\n  $video1.find('video').attr({\r\n    'src': 'https://cf.c.ooyala.com/s0cW5nYzE6g8tOxwqdkBqKlGIhA8xQVh/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\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  // $video2.find('video').attr({\r\n  //   'src': 'https://cf.c.ooyala.com/84cW5nYzE6_psmoDsuHmTCrGIUyISTyu/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\r\n  //   'controls':true,\r\n  //   'controlsList':'nodownload',\r\n  //   'preload':'auto',\r\n  //   'loop':false,\r\n  //   'poster': ''\r\n  // });\r\n  $video3.find('video').attr({\r\n    'src': 'https://cf.c.ooyala.com/dqdmk1ZDE6cnZ8mi4F1KSP3-VYhwLExi/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\r\n    'controls':true,\r\n    'controlsList':'nodownload',\r\n    'preload':'auto',\r\n    'loop':false,\r\n    'poster': ''\r\n  }); // igarten 비디오\r\n  $video4.find('video').attr({\r\n    'src': 'https://cf.c.ooyala.com/htdWk1ZDE60Ipabs-ST8O5t9Vnff3brB/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\r\n    'controls':true,\r\n    'controlsList':'nodownload',\r\n    'preload':'auto',\r\n    'loop':false,\r\n    'poster': ''\r\n  }); // april 비디오\r\n  $video5.find('video').attr({\r\n    'src': 'https://cf.c.ooyala.com/F2dmk1ZDE6PaTpmoKwaSLu9XqgM84Imm/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\r\n    'controls':true,\r\n    'controlsList':'nodownload',\r\n    'preload':'auto',\r\n    'loop':false,\r\n    'poster': ''\r\n  });  // 청담어학원 비디오\r\n// src/html 에 있는  _institute.html, _april.html, _igarten.html 에서 video로 검색해서 \r\n// style로 background 처리되어있는 포스터 이미지를 교체.\r\n\r\n  // scroll auto play\r\n  var $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  scrollToSection();\r\n}\r\n\r\n// Section Nav 링크 스크롤링\r\nfunction scrollToSection () {\r\n  $('.section-nav a, .brand-top-intro .link, .brand-identity a').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      // if supported by the browser we can even update the URL.\r\n      // if (window.history && window.history.pushState) {\r\n      //   history.pushState('', document.title, id);\r\n      // }\r\n    }\r\n  });\r\n}\r\n\r\n$(function(){\r\n\r\n});","/*\n* April Sample SVG 트윈 - 모바일, 웹 동일함.\n*\n* JS Dependencies\n* - TweenMax: https://greensock.com\n*    - TweenMax.min.js\n* */\n\nvar aprilTweens = [];\nwindow.addEventListener('load', function(){\n  // svg 트윈 만들기\n  var tween;\n  // svg 1번\n  tween = new TimelineMax({paused: true})\n  // 노트북 안 강아지\n    .from('#as1-dog', .4, {y: 200})\n    .add('label1')\n    .from('#as1-clip', .4, {y: -200}, 0) // as1-dog 용 clip도 같이 움직여줘야 함.\n    // 말풍선\n    .from('#as1-mung', .4, {scale: 0, x: 80, y: 60, transformOrigin: 'center center'})\n    // 하트\n    .from('#as1-heart', .4, {scale: 0, rotation: -30, x: 80, y: 60, transformOrigin: 'center center'})\n    // 선\n    .staggerFrom('#as1-line line', .1, {opacity: 0}, .1)\n    // 계속 움직이는 트윈\n    .add(new TimelineMax({yoyo: true, repeat: -1})\n      .to('#as1-dog', 4, {y: 10, ease: Elastic.easeOut})\n      .to('#as1-clip', 4, {y: -10, ease: Elastic.easeOut}, 0)\n      , 'label1'\n    )\n  ;\n  aprilTweens.push(tween);\n  // svg 2번\n  tween = new TimelineMax({paused: true})\n  // 손가락\n    .from('#as2-hand', .4, {y: 100})\n    // 원\n    .from('#as2-circle', .4, {scale: 0, transformOrigin: 'center center'}, '-=.2')\n    // 강아지\n    .from('#as2-dog', .4, {scale: 0, transformOrigin: 'center center'})\n    // .from('#as2-dog-c', .4, {scale: 0, transformOrigin: 'center center'})\n    // .staggerFrom(['#as2-dog-c1', '#as2-dog-c2', '#as2-dog-c3'], .1, {scale: 0, transformOrigin: 'center center'}, .1)\n    .add('label1')\n    // 문서\n    .from('#as2-doc', .4, {scale: 0, rotation: '-45_ccw', x: -50, y: -50, transformOrigin: 'right bottom'})\n    .staggerFrom('#as2-doc-line line', .1, {opacity: 0}, .1)\n    // 말풍선\n    .from('#as2-talk', .4, {x: 30, scale: 0, transformOrigin: 'center center'})\n    .staggerFromTo('#as2-talk line', .3, {strokeDashoffset: 50, strokeDasharray: 50}, {strokeDashoffset: 0}, .2)\n    // 계속 움직이는 트윈\n    .add(new TimelineMax({yoyo: true, repeat: -1})\n      .to('#as2-dog', 4, {rotation: 6, transformOrigin: 'center top'})\n      , 'label1'\n    )\n  ;\n  aprilTweens.push(tween);\n  // svg 3번\n  tween = new TimelineMax({paused: true})\n  // 손\n    .from('#as3-hand1', .5, {x: -100, y: -100, rotation: -45, transformOrigin: 'center center'})\n    .from('#as3-hand2', .5, {x: 100, y: 100, rotation: -45, transformOrigin: 'center center'}, 0)\n    // 원\n    .add('label1')\n    .from('#as3-circle1', .5, {scale: 0, transformOrigin: 'center center'})\n    .from('#as3-line1', .5, {scale: 0, transformOrigin: 'right bottom'}, 'label1')\n    .set('#as3-circle2', {x: -10}, 'label1')\n    .from('#as3-circle2', .5, {scale: 0, transformOrigin: 'center center'}, 'label1')\n    .from('#as3-line2', .5, {scale: 0, transformOrigin: 'left bottom'}, 'label1')\n    .add('label2')\n    // 선\n    .staggerFrom('#as3-line line', .1, {opacity: 0}, .1)\n    // 계속 움직이는 트윈\n    .add(new TimelineMax({yoyo: true, repeat: -1})\n      .to(['#as3-circle1', '#as3-circle2'], 1, {scale: 1.1, transformOrigin: 'center center', ease: Linear.none})\n      , 'label2'\n    )\n  ;\n  aprilTweens.push(tween);\n  // svg 4번\n  tween = new TimelineMax({paused: true})\n  // 말풍선\n    .from('#as4-talk', .4, {scale: 0, transformOrigin: 'left bottom'})\n    .staggerFromTo('#as4-talk line', .3, {strokeDashoffset: 50, strokeDasharray: 50}, {strokeDashoffset: 0}, .2)\n    .from('#as4-mic', .4, {x: 30, scale: 0, transformOrigin: 'center center'})\n    .from('#as4-camera', .4, {xPercent: -110}, '-=.2')\n  ;\n  aprilTweens.push(tween);\n  // svg 5번\n  tween = new TimelineMax({paused: true})\n  // 말풍선\n    .from('#as5-upload', .4, {scale: 0, transformOrigin: 'center center'})\n    .from('#as5-upload-c', .4, {y: 30, transformOrigin: 'center center'}, '-=.1')\n    .from('#as5-circle', .4, {scale: 0, rotation: 40, transformOrigin: 'center center'})\n    .add('label1')\n    .staggerFrom(['#as5-like1', '#as5-like2', '#as5-like3', '#as5-like4', '#as5-like5'], .2, {scale: 0, transformOrigin: 'center center'}, .3)\n    // 계속 움직이는 트윈\n    .add(new TimelineMax({repeat: -1})\n      .to('#as5-circle', 120, {rotation: 360, transformOrigin: 'center center', ease: Linear.none})\n      , 'label1'\n    )\n  ;\n  aprilTweens.push(tween);\n});","/*\n* April Sample 섹션 스크립트\n*\n* JS Dependencies\n* - ScrollMagic: http://scrollmagic.io\n*    - ScrollMagic.min.js\n*    - animation.gsap.min.js\n*    - debug.addIndicators.min.js\n* - TweenMax: https://greensock.com\n*    - TweenMax.min.js\n* */\n\nwindow.addEventListener('load', function(){\n  var $area = $('#april-sample');\n  var $dots = $area.find('.owl-dot');\n  var $slider = $area.find('#april-sample-slider');\n  var $slide = $slider.find('.item');\n  var length = $slide.length;\n  var timeline;\n\n  // svg 트윈 시작하기\n  function playTween(index){\n    if (index !== null && aprilTweens[index]) {\n      aprilTweens[index].restart(); // play 최초만 실행. 계속 실행하려면 restart로 변경.\n    }\n  }\n\n  TweenMax.set($slide, {autoAlpha: 0});\n  timeline = new TimelineMax({delay: .1});\n  for (var i = 0; i < length; i++) {\n    timeline.to($slide.eq(i), .2, {autoAlpha: 1});\n    timeline.to($dots.eq(i), 0, {className: '+=active'});\n    timeline.staggerFrom($slide.eq(i).find('.content > *'), .4, {y: 30}, .1); // 글자 트윈\n    timeline.call(playTween, [i]); // play tween\n    timeline.from($slide.eq(i).find('.image > svg'), .1, {autoAlpha: 0}); // svg 나타나기\n    timeline.to({}, 1.5, {}); // delay\n    if (i + 1 !== length) {// 마지막 슬라이드 제외\n      timeline.to($slide.eq(i), 0, {autoAlpha: 0});\n      timeline.to($dots.eq(i), 0, {className: '-=active'});\n    }\n  }\n\n  new ScrollMagic.Scene(\n    {\n      triggerElement: $area[0],\n      triggerHook: 0,\n      duration: 100 * length * 1.2 + '%', // 너무 빨리 지나가지 않게 1.2배 조정\n      offset: $('#roof').height() * -1,\n    })\n    .setPin($area[0])\n    .setTween(timeline)\n    .addTo(controller);\n});","/*\n* Igarten iPlay 스크립트\n*\n* JS Dependencies\n* - ScrollMagic: http://scrollmagic.io\n*    - ScrollMagic.min.js\n*    - animation.gsap.min.js\n*    - debug.addIndicators.min.js\n* - TweenMax: https://greensock.com\n*    - TweenMax.min.js\n* */\n\nwindow.addEventListener('load', function(){\n  var $area = $('#igarten-iplay');\n  var $timeline = $area.find('.iplay-story-timeline .item');\n  var $story = $area.find('.iplay-story .item');\n  var $sliderInner = $('#iplay-illust-inner');\n  var $item = $sliderInner.find('.item');\n  var length = $item.length;\n  var percent = 100 / length;\n  var timeline = new TimelineMax();\n  var label;\n  var tweens = [];\n  var tween;\n\n  // splitText 인스턴스, 트윈 만들기\n  for (var j = 0; j < length; j++) {\n    tween = new SplitText($item.eq(j).find('.text'));\n    tween = new TimelineMax({paused: true}).staggerFrom(tween.chars, .2, {opacity: 0, y: 10}, .1);\n    tweens.push(tween);\n  }\n\n  // 트윈 시작하기\n  function playTween(index){\n    if (index !== null) {\n      tweens[index].play(); // play 최초만 실행. 계속 실행하려면 restart로 변경.\n    }\n  }\n\n  for (var i = 0; i < length; i++) {\n    if (i > 0) {// 두번째 슬라이드부터 이동하기\n      timeline.to({}, 1, {}); // delay\n      timeline.to($sliderInner, 1, {xPercent: -percent * i, delay: 0, ease: Linear.easeNone});\n    }\n    label = 'slide' + (i+1); // ex) slide1\n    timeline.add(label);\n    timeline.call(playTween, [i]);\n    if (i > 0) { // 두번째 슬라이드부터 이전 것 숨기기\n      timeline.to($timeline.eq(i-1), .5, {className: '-=active'}, label);\n      timeline.to($story.eq(i-1), .5, {className: '-=active'}, label);\n    }\n    timeline.to($timeline.eq(i), .5, {className: '+=active'}, label); // 현재 슬라이드 보이기\n    timeline.to($story.eq(i), .5, {className: '+=active'}, label); // 현재 슬라이드 보이기\n    if (i + 1 === length) {// 마지막 슬라이드\n      timeline.to({}, 1, {}); // delay\n    }\n  }\n\n  new ScrollMagic.Scene(\n    {\n      triggerElement: $area[0],\n      triggerHook: 0,\n      duration: 100 * length + '%',\n      offset: $('#roof').height() * -1\n    })\n    .setPin($area[0])\n    .setTween(timeline)\n    .addTo(controller);\n\n  // nav\n  $('#iplay-slider-nav a').on('click', function(e){\n    e.preventDefault();\n\n    var $this = $(this);\n    var forward = $this.hasClass('next');\n    var index = $timeline.filter('.active').index();\n    var height = $area.parent('.scrollmagic-pin-spacer').outerHeight();\n    var progress = [.03, .18, .36, .54, .71, .82]; // 슬라이더 나타나는 트윈이 일정하지 않아서 수동으로 작업\n    var newpos;\n\n    index = forward ? index + 1 : index - 1;\n    if (0 <= index && index < length) {\n      newpos = $area.parent('.scrollmagic-pin-spacer').offset().top - $('#roof').outerHeight() + (height * progress[index]); // header가 내용을 가리지 않게 위치 조정\n      $('html, body').stop().animate({scrollTop: newpos}, 500);\n    }\n  });\n});","/*\r\n* JATracker 액션 추적 스크립트\r\n*\r\n* jatracker('event', 'clickEvent', '카테고리', '액션명', '라벨');\r\n* */\r\n\r\nwindow.addEventListener('load', function(){\r\n  $('#article-slider .link').on('click', function(){\r\n    jatracker('event', 'clickEvent', '관련 기사 더보기', '기사 링크 클릭', '기사 더 보기');\r\n  });\r\n\r\n  $('#interview-q-list a').on('click', function(){\r\n    jatracker('event', 'clickEvent', '루트번스타인 인터뷰', '제목 클릭', '내용 보기');\r\n  });\r\n\r\n  $('#qna .q-link').on('click', function(){\r\n    jatracker('event', 'clickEvent', '청담 QnA', '제목 클릭', '내용 보기');\r\n  });\r\n\r\n  $('#check-quiz').on('click', function(){\r\n    jatracker('event', 'clickEvent', '아이가르텐 퀴즈', '버튼 클릭', '정답 확인하기');\r\n  });\r\n  $('.box-btn a').on('click', function(){\r\n    jatracker('event', 'clickEvent', '', '버튼 클릭', '청담어학원 가을학기 발제문 더보기');\r\n  });\r\n  $('.openlink.v1').on('click', function(){\r\n    jatracker('event', 'clickEvent', '', 'V1버튼 클릭', 'V1 확인하기');\r\n  });\r\n  $('.openlink.c1').on('click', function(){\r\n    jatracker('event', 'clickEvent', '', 'C1버튼 클릭', 'C1 확인하기');\r\n  });\r\n  $('.openlink.c2').on('click', function(){\r\n    jatracker('event', 'clickEvent', '', 'C2버튼 클릭', 'C2 확인하기');\r\n  });\r\n  $('.section-more.brand-more').on('click', function(){\r\n    jatracker('event', 'clickEvent', '청담러닝', '링크 클릭', '청담러닝 더 알아보기');\r\n  });\r\n  $('.section-more.igarten').on('click', function(){\r\n    jatracker('event', 'clickEvent', '아이가르텐', '링크 클릭', '아이가르텐 커리큘럼 더 알아보기');\r\n  });\r\n  $('.section-more.april').on('click', function(){\r\n    jatracker('event', 'clickEvent', '에이프릴', '링크 클릭', '에이프릴 커리큘럼 더 알아보기');\r\n  });\r\n  $('.section-more.institute').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: false,\r\n    nav: false,\r\n    dots: false,\r\n    autoWidth: true,\r\n    margin: 20,\r\n  });\r\n  $('#article-prev').on('click', function(e){\r\n    e.preventDefault();\r\n    $articleSlider.trigger('prev.owl.carousel');\r\n  });\r\n  $('#article-next').on('click', function(e){\r\n    e.preventDefault();\r\n    $articleSlider.trigger('next.owl.carousel');\r\n  });\r\n\r\n  var $totalSlider = $('#brand-total-slider').owlCarousel({\r\n    loop: true,\r\n    nav: true,\r\n    dots: true,\r\n    autoWidth: true,\r\n    margin: 20,\r\n  });\r\n\r\n\r\n  // brand interview slider\r\n  //\r\n  var $interviewSlider = $('#interview-slider').owlCarousel({\r\n    loop: false,\r\n    nav: false,\r\n    dots: false,\r\n    mouseDrag: false,\r\n    items: 1\r\n  });\r\n  $('#interview-q-list a').on('click', function(e){\r\n    e.preventDefault();\r\n    var $this = $(this);\r\n    var $list = $this.parent('li');\r\n    var index = $list.index();\r\n\r\n    if ($list.hasClass('active')) {\r\n      return;\r\n    }\r\n\r\n    $list.addClass('active').siblings('.active').removeClass('active'); // 활성화 클래스 토글\r\n    $interviewSlider.trigger('to.owl.carousel', [index, 0]); // 해당 슬라이더로 이동\r\n  });\r\n\r\n  // igarten art slider\r\n  //\r\n  $('#art-slider').owlCarousel({\r\n    loop: true,\r\n    nav: false,\r\n    dots: true,\r\n    items: 1,\r\n    mouseDrag: false,\r\n    animateOut: 'fadeOut',\r\n    autoplay: true,\r\n    autoplayTimeout: 3000\r\n  });\r\n\r\n  // igarten quiz slider\r\n  //\r\n  var $quizSlider = $('#quiz-slider');\r\n  if ($quizSlider.length) {\r\n    $quizSlider.owlCarousel({\r\n      loop: false,\r\n      nav: true,\r\n      dots: true,\r\n      margin: 200,\r\n      center: true,\r\n      autoWidth: true,\r\n      lazyLoad: true,\r\n      items: 2,\r\n    });\r\n    // 정답 확인 버튼\r\n    $('#check-quiz').on('click', function(){\r\n      var $button = $(this);\r\n      var $slide = $quizSlider.find('.center');\r\n      var isActive = $button.hasClass('active');\r\n\r\n      $slide.find('img').toggle();\r\n      $button.text(isActive ? '정답 확인하기' : '문제 다시 보기');\r\n      $button.toggleClass('active');\r\n    });\r\n\r\n    // 정답 열린채로 슬라이더 움직일 경우 - 정답 닫기\r\n    $quizSlider.on('change.owl.carousel', function(){\r\n      $('#check-quiz.active').click();\r\n    });\r\n  }\r\n\r\n  // april tool slider\r\n  //\r\n  $('#april-tool-slider').owlCarousel({\r\n    loop: true,\r\n    nav: true,\r\n    dots: true,\r\n    // lazyLoad: true,\r\n    items: 1\r\n  });\r\n\r\n  // april book slider\r\n  //\r\n  $('#april-book-slider').owlCarousel({\r\n    loop: true,\r\n    nav: true,\r\n    dots: false,\r\n    lazyLoad: true,\r\n    items: 3,\r\n    slideBy: 3,\r\n  });\r\n\r\n  // april illustration slider\r\n  //\r\n  var $illustSlider = $('#april-illust-slider').owlCarousel({\r\n    loop: true,\r\n    nav: true,\r\n    dots: false,\r\n    margin: 100,\r\n    center: true,\r\n    autoWidth: true,\r\n    lazyLoad: true,\r\n    smartSpeed: 400,\r\n  });\r\n  var illustTime;\r\n\r\n  $illustSlider.on('change.owl.carousel initialized.owl.carousel', function(){\r\n    // center 아이템 잡기위해 setTimeout 사용\r\n    setTimeout(function(){\r\n      var $item = $illustSlider.find('.owl-item');\r\n      TweenMax.to($item, .2, {scale: .7});\r\n    }, 0);\r\n  });\r\n  $illustSlider.on('changed.owl.carousel', function(){\r\n    // 빠르게 넘어갈 경우 마지막 center 아이템에만 적용하기\r\n    if (illustTime) {\r\n      clearInterval(illustTime);\r\n    }\r\n    illustTime = setTimeout(function(){\r\n      var $item = $illustSlider.find('.owl-item.center');\r\n      TweenMax.to($item, .4, {scale: 1});\r\n    }, 400);\r\n  });\r\n\r\n\r\n  // institute\r\n  //\r\n  // var $instituteIconSlider = \r\n  $('#institute-icon-slider').owlCarousel({\r\n    loop: true,\r\n    dots:true,\r\n    dotsData: true,\r\n    lazyLoad: true,\r\n    items:1\r\n  });\r\n\r\n  // var $instituteTextSlider = \r\n  $('#institute-text-slider').owlCarousel({\r\n    loop: true,\r\n    nav: true,\r\n    dots: true,\r\n    lazyLoad: true,\r\n    items:1\r\n  });  \r\n\r\n\r\n$('#institute-curriculum-slider').on('initialized.owl.carousel changed.owl.carousel', function(e) {\r\n    if (!e.namespace)  {\r\n      return;\r\n    }\r\n    var carousel = e.relatedTarget;\r\n    $('#slider-counter').text(carousel.relative(carousel.current()) + 1 + '/' + carousel.items().length);\r\n  }).owlCarousel({\r\n    loop:true,\r\n    nav: true,\r\n    dots: false,\r\n    lazyLoad: true,\r\n    items:1,\r\n    navText: ['<span class=\"prev-circle-arrow\"></span>','<span class=\"next-circle-arrow\"></span>'],\r\n  });\r\n});"]}