{"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","$video2","attr","src","controls","controlsList","preload","loop","poster","duration","height","event","timer","$video","video","isPlaying","currentTime","ended","readyState","setTimeout","click","clearTimeout","played","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","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      .staggerFromTo(arrow, .1, {visibility:'hidden',opacity:0}, {visibility:'visible',opacity:1,ease: Power3.easeIn},.6);\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}, {visibility:'hidden',opacity:0},.1)\r\n  .staggerFromTo('#interview2 .interview_arrow', .1, {width:'100%',opacity:0,visibility:'hidden',left:'50%'}, {width:'100%',opacity:1,visibility:'visible',left:0},.1)\r\n  .staggerFromTo('#interview2 .interview_hover', .1, {visibility:'hidden',opacity:0}, {visibility:'visible',opacity:1},.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}, {visibility:'hidden',opacity:0},.1)\r\n  .staggerFromTo('#interview3 .interview_arrow', .1, {width:'100%',opacity:0,visibility:'hidden',left:'50%'}, {width:'100%',opacity:1,visibility:'visible',left:0},.1)\r\n  .staggerFromTo('#interview3 .interview_hover', .1, {visibility:'hidden',opacity:0}, {visibility:'visible',opacity:1},.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\n\r\nfrontPageInitSelection($('#drag-slider'));\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\n// upTween('.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,yoyo:true});\r\n  handle.staggerFromTo(innerHandle, tweenDuration,{scale:2,ease:Linear.easeInOut}, {scale:1,ease:Linear.easeInOut},staggerDelay)\r\n        .staggerFromTo(outerHandle, tweenDuration, {scale:1,ease:Linear.easeInOut}, {scale:2,ease:Linear.easeInOut},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  // Scene 샘플\r\n  // var scene = new ScrollMagic.Scene(\r\n  //   {\r\n  //     triggerElement: '#trigger,\r\n  //     triggerHook: 0, // 'onLeave' 0, 'onCenter' 0.5, 'onEnter' 1\r\n  //     duration: 100, // '100%' = screen height\r\n  //     offset: -100,\r\n  //   })\r\n  //   .setTween('#target', 1, {width: 100, ease: Linear.easeNone})\r\n  //   .setPin('#sample')\r\n  //   .setClassToggle('#sample', 'active')\r\n  //   .addTo(controller);\r\n\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  // video ovp 연결\r\n  // $video1.find('video').fnSetVideo({\r\n  //   'ovpUrl': 'https://v.ovp.joins.com/b0r0MCCQ',\r\n  //   'poster': '',\r\n  //   'preload': true,\r\n  //   'ovpRo': 1, // 1 = 16:9, 2 = 1:1\r\n  //   'ctrls': true,\r\n  //   'volume':1\r\n  // });\r\n  // $video2.find('video').fnSetVideo({\r\n  //   'ovpUrl': 'https://v.ovp.joins.com/hAc0MCDU',\r\n  //   'poster': '',\r\n  //   'preload': true,\r\n  //   'ovpRo': 1, // 1 = 16:9, 2 = 1:1\r\n  //   'ctrls': true,\r\n  //   'volume':1\r\n  // });\r\n  $video1.find('video').attr({\r\n    'src': 'https://apis.joins.com/ovp/proxy/6068808596001/',\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://apis.joins.com/ovp/proxy/6068811413001/',\r\n    'controls':true,\r\n    'controlsList':'nodownload',\r\n    'preload':'auto',\r\n    'loop':false,\r\n    'poster': ''\r\n  });\r\n  // scroll auto play\r\n  new ScrollMagic.Scene(\r\n    {\r\n      triggerElement: $video1[0],\r\n      duration: $video1.height(),\r\n    })\r\n    .on('enter leave', function(event){\r\n      var $video = $video1;\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  new ScrollMagic.Scene(\r\n    {\r\n      triggerElement: $video2[0],\r\n      duration: $video2.height(),\r\n    })\r\n    .on('enter leave', function(event){\r\n      var $video = $video2;\r\n      var video = $video.find('video')[0];\r\n      var timer;\r\n      if (event.type === 'enter') {\r\n        timer = setTimeout(function(){ // enter -> leave 이벤트 연속 발생시 play() 방지\r\n          var isPlaying = video.currentTime > 0 && !video.paused && !video.ended && video.readyState > 2;\r\n\r\n          if (!isPlaying) {\r\n            $video.find('.play').click(); // play\r\n          }\r\n        }, 300);\r\n      } else {\r\n        if (timer) {\r\n          clearTimeout(timer);\r\n        }\r\n        if (video.played) {\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  // 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});"]}