{"version":3,"sources":["scroll.js","video.js","intro.js","jatracker.js","nav.js","sense-slider.js","tab.js","tips.js"],"names":["initScrollMagic","roofHeight","$","height","interview","document","getElementById","interviewVideo","ScrollMagic","Scene","triggerElement","triggerHook","duration","window","innerHeight","offsetHeight","on","playBgVideo","pauseVideo","addTo","controller","senses","sensesVideo","channels","cHistoryActive","cHistory","hLiActive","getElementsByTagName","hLi","hLiHeight","channelsTl","TimelineMax","delay","i","length","to","opacity","yPercent","autoAlpha","y","offset","setPin","setTween","history","historyInner","x","$animation","each","this","reverse","setClassToggle","e","target","destroy","scrollToSection","preventDefault","newpos","id","attr","$id","top","outerHeight","stop","animate","scrollTop","video","currentTime","paused","ended","readyState","play","pause","$intro","$introBg","$sales","introVideo","find","endPos","ease","Linear","easeNone","from","addClass","hasClass","setTimeout","Power4","easeOut","removeClass","css","jatracker","addEventListener","text","index","siblings","trim","parent","type","$this","section","closest","$nav","$navLink","end","start","next","hover","overwrite","WebFont","load","custom","families","urls","google","userAgent","navigator","toLowerCase","indexOf","data","not","lazyload","$popup","fadeIn","fadeOut","$sns","$snsLinks","linkWidth","width","direction","TweenMax","staggerTo","cycle","get","url","fnSendSns","Controller","$bodies","$original","$org","$copy","clone","remove","after","owlCarousel","loop","nav","dots","dotsData","items","mouseDrag","touchDrag","smartSpeed","navText","$headings","wordWidth","SplitText","wordsClass","charsClass","set","toSlide","scrollDirection","isForward","$orgHeadings","filter","$copyHeadings","eq","$body","$slider","trigger","scrollToSlide","pos","scroll","scrollOffset","$sliderNav","$sliderDots","parseInt","progress","isPrev","$items","$introTips","sensesVideo2","introBg","el","poster","interviewBg","sensesBg","vision","smell","taste","touch","hearing","src","prop","controls","preload","muted","controlsList","volume"],"mappings":"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","file":"script.js","sourcesContent":["/*\n* Scroll 관련 스크립트\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\n// ScrollMagic 컨트롤러\nvar controller = new ScrollMagic.Controller();\n\n$(function(){\n  initScrollMagic();\n});\n// window.addEventListener('load', initScrollMagic);\n\nfunction initScrollMagic() {\n  var roofHeight = $('#roof').height();\n\n  // Scene 샘플\n  // var scene = new ScrollMagic.Scene(\n  //   {\n  //     triggerElement: '#trigger',\n  //     triggerHook: 0, // 'onLeave' 0, 'onCenter' 0.5, 'onEnter' 1\n  //     duration: 100, // '100%' = screen height\n  //     offset: -roofHeight,\n  //   })\n  //   .setTween('#target', 1, {width: 100, ease: Linear.easeNone})\n  //   .setPin('#sample')\n  //   .setClassToggle('#sample', 'active')\n  //   .addTo(controller);\n\n\n  // 인터뷰 백그라운드 비디오 컨트롤\n  //\n  var interview = document.getElementById('interview');\n  if (interview) {\n    var interviewVideo = document.getElementById('video-interview-bg');\n    new ScrollMagic.Scene(\n      {\n        triggerElement: interview,\n        triggerHook: 1, // 'onLeave' 0, 'onCenter' 0.5, 'onEnter' 1\n        duration: window.innerHeight + interview.offsetHeight - roofHeight, // '100%' = screen height\n      })\n      .on('enter', function () {\n        playBgVideo(interviewVideo);\n      })\n      .on('leave', function () {\n        pauseVideo(interviewVideo);\n      })\n      // .addIndicators({name: 'interview video'})\n      .addTo(controller);\n  }\n\n  // 오감 백그라운드 비디오 컨트롤\n  //\n  var senses = document.getElementById('senses');\n  if (senses) {\n    var sensesVideo = document.getElementById('video-senses-bg');\n    new ScrollMagic.Scene(\n      {\n        triggerElement: senses,\n        triggerHook: 1, // 'onLeave' 0, 'onCenter' 0.5, 'onEnter' 1\n        duration: window.innerHeight + senses.offsetHeight - roofHeight, // '100%' = screen height\n      })\n      .on('enter', function () {\n        playBgVideo(sensesVideo);\n      })\n      .on('leave', function () {\n        pauseVideo(sensesVideo);\n      })\n      // .addIndicators({name: 'senses video'})\n      .addTo(controller);\n  }\n\n  // 화장품 판매 채널 트윈\n  //\n  var channels = document.getElementById('channels');\n  if (channels) {\n    var cHistoryActive = document.getElementById('channels-history-active');\n    var cHistory = document.getElementById('channels-history');\n    var hLiActive = cHistoryActive.getElementsByTagName('li');\n    var hLi = cHistory.getElementsByTagName('li');\n    var hLiHeight = hLi[0].offsetHeight;\n    var channelsTl = new TimelineMax({delay: .5});\n\n    for (var i = 0; i < hLiActive.length - 1; i++) {\n      channelsTl.to(hLiActive[i], 1, {opacity: 0, yPercent: -100}); // 위 텍스트 올라가며 사라지기\n      channelsTl.to(hLi[i], 1, {autoAlpha: 0}, '-=.8'); // 아래 목록 중 가장 위 텍스트 사라지며\n      channelsTl.to(hLiActive[i+1], 1, {opacity: 1}, '-=.8'); // 위 영역 새로운 텍스트 보이기\n      channelsTl.to(cHistory, 1, {y: -hLiHeight * (i+1)}, '-=.5'); // 아래 목록 위치 이동\n      channelsTl.to({}, 1, {}); // 전환 완료\n    }\n\n    new ScrollMagic.Scene(\n      {\n        triggerElement: channels,\n        triggerHook: 0, // 'onLeave' 0, 'onCenter' 0.5, 'onEnter' 1\n        duration: '500%', // '100%' = screen height\n        offset: -roofHeight,\n      })\n      .setPin(channels)\n      .setTween(channelsTl)\n      // .addIndicators({name: 'channels'})\n      .addTo(controller);\n  }\n\n\n  // 매출액 history 트윈\n  //\n  var history = document.getElementById('history');\n  if (history) {\n    var historyInner = document.getElementById('history-inner');\n    new ScrollMagic.Scene(\n      {\n        triggerElement: history,\n        triggerHook: .5, // 'onLeave' 0, 'onCenter' 0.5, 'onEnter' 1\n        duration: '90%', // '100%' = screen height\n        offset: -roofHeight,\n      })\n      .setTween(historyInner, 1, {x: -1500})\n      // .addIndicators({name: 'history'})\n      .addTo(controller);\n  }\n\n\n  // 스크롤 애니메이션 (공통 - 오감 영역)\n  //\n  var $animation = $('.animation-init');\n  if ($animation.length) {\n    $animation.each(function(){\n      new ScrollMagic.Scene(\n        {\n          triggerElement: this,\n          triggerHook: .7, // 'onLeave' 0, 'onCenter' 0.5, 'onEnter' 1\n          reverse: false,\n        })\n        .setClassToggle(this, 'animation-active')\n        .on('start', function(e){\n          // 단발성 스크롤매직 destroy\n          e.target.destroy();\n          e.target = null;\n        })\n        // .addIndicators({name: 'animation'})\n        .addTo(controller);\n    });\n  }\n\n  scrollToSection();\n}\n\n// Section Nav 링크 스크롤링\nfunction scrollToSection () {\n  $('.brand-identity a, #nav a, #nav-tips a').on('click', function (e) {\n    e.preventDefault();\n\n    var id = $(this).attr('href');\n    var $id = $(id);\n    var newpos;\n\n    if ($id.length > 0) {\n      newpos = $id.offset().top - $('#roof').outerHeight(); // header가 내용을 가리지 않게 위치 조정\n\n      $('html, body').stop().animate({scrollTop: newpos}, 1000);\n\n      // if supported by the browser we can even update the URL.\n      // if (window.history && window.history.pushState) {\n      //   history.pushState('', document.title, id);\n      // }\n    }\n  });\n}","/*\n* Scroll 관련 스크립트\n*\n* JS Dependencies\n* - ScrollMagic: http://scrollmagic.io\n*    - ScrollMagic.min.js\n*    - animation.gsap.min.js\n*    - debug.addIndicators.min.js\n* */\n\n$(function(){\n  //\n  // Video play - Custom poster and play button\n  //\n  $('.video-play .play').on('click', function(e){\n    e.preventDefault();\n    var $this = $(this);\n    var $video = $this.siblings('video');\n\n    $video[0].play();\n    $this.fadeOut(300);\n  });\n\n  //\n  // Set Video\n  //\n  // 3 background videos\n  // 6 normal videos\n  var video = {\n    introBg: {\n      el: document.getElementById('video-intro-bg'),\n      url: 'http://cf.c.ooyala.com/xoNXdvYzE61lDwuUVwWRASf-83MKlHKV/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\n      poster: './img/intro/bg-intro.jpg',\n    },\n    interviewBg: {\n      el: document.getElementById('video-interview-bg'),\n      url: 'http://cf.c.ooyala.com/4wNndvYzE6nJ0WAb2MlOMWXuyd4xFk7p/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\n      poster: './img/sales/bg-interview.jpg',\n    },\n    interview: {\n      el: document.getElementById('video-interview'),\n      url: 'http://cf.c.ooyala.com/Z5NndvYzE6t36Xl80w_ePc3yHA2tfCnX/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\n    },\n    sensesBg: {\n      el: document.getElementById('video-senses-bg'),\n      url: 'http://cf.c.ooyala.com/54NXdvYzE6UvBvdjcA-7yCz0cSvWOcWW/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\n      poster: './img/senses/bg-senses.jpg',\n    },\n    vision: {\n      el: document.getElementById('video-vision'),\n      url: 'http://cf.c.ooyala.com/hzNndvYzE6m-D99-z-rRdUO5-pW2tx7b/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\n    },\n    smell: {\n      el: document.getElementById('video-smell'),\n      url: 'http://cf.c.ooyala.com/13NndvYzE65tCFK3FvPGQ3kljbdWXfdf/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\n    },\n    taste: {\n      el: document.getElementById('video-taste'),\n      url: 'http://cf.c.ooyala.com/ozN3dvYzE6uGCXMvHZvQPYHtsZgQT-aL/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\n    },\n    touch: {\n      el: document.getElementById('video-touch'),\n      url: 'http://cf.c.ooyala.com/sxN3dvYzE6JiP8JfxIGptrBnyq0IeLXO/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\n    },\n    hearing: {\n      el: document.getElementById('video-hearing'),\n      url: 'http://cf.c.ooyala.com/F1NndvYzE6ufW302AR1bMwmH8NOC1Do2/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\n    },\n  };\n\n  // background videos - src, poster, etc\n  video.introBg.el && (video.introBg.el.src = video.introBg.url, video.introBg.el.poster = video.introBg.poster);\n  video.interviewBg.el && (video.interviewBg.el.src = video.interviewBg.url, video.interviewBg.el.poster = video.interviewBg.poster);\n  if (video.sensesBg.el) {\n    video.sensesBg.el.src = video.sensesBg.url;\n    if ($('#senses').length) { // index.html 에서만 설정하기.\n      video.sensesBg.el.poster = video.sensesBg.poster;\n    }\n  }\n\n  $('.background-video').prop({\n    controls: false,\n    preload: true,\n    muted: true,\n    loop: true,\n  });\n\n  // normal videos - src, etc\n  video.interview.el && (video.interview.el.src = video.interview.url);\n  video.vision.el && (video.vision.el.src = video.vision.url);\n  video.smell.el && (video.smell.el.src = video.smell.url);\n  video.taste.el && (video.taste.el.src = video.taste.url);\n  video.touch.el && (video.touch.el.src = video.touch.url);\n  video.hearing.el && (video.hearing.el.src = video.hearing.url);\n  $('video:not(.background-video)').prop({\n    controls: true,\n    controlsList: 'nodownload',\n    preload: false,\n    volume: 1,\n  });\n\n});\n\n// Background video controll\nfunction playBgVideo(video) {\n  var isPlaying = video.currentTime > 0 && !video.paused && !video.ended && video.readyState > 2;\n  if (!isPlaying) {\n    video.play();\n  }\n}\nfunction pauseVideo(video) {\n  var isPlaying = video.currentTime > 0 && !video.paused && !video.ended && video.readyState > 2;\n  if (isPlaying) {\n    video.pause();\n  }\n}","/*\n* Intro 영역 스크립트\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\n\n$(function(){\n  var $intro = $('#intro');\n  if (!$intro.length) {\n    return;\n  }\n  var $introBg = $('#intro-bg');\n  var $sales = $('#sales');\n  var introVideo = $introBg.find('video')[0];\n  var endPos = $sales.find('.door-content').offset().top;\n  var roofHeight = $('#roof').height();\n\n  // 인트로 글자, 배경 전환하기\n  new ScrollMagic.Scene(\n    {\n      triggerElement: $intro[0],\n      triggerHook: 0, // 'onLeave' 0, 'onCenter' 0.5, 'onEnter' 1\n      duration: endPos, // '100%' = screen height\n      offset: -roofHeight,\n    })\n    .setTween(new TimelineMax({delay: .3})\n      .to($intro.find('.inner'), 1, {opacity: 0, ease: Linear.easeNone}) // intro 글자 사라지기\n      .to($introBg.find('.bg-sales'), .2, {opacity: 1, ease: Linear.easeNone}) // 방판 이미지 나타나기\n      .from($sales.find('.door-header'), .2, {opacity: 0, ease: Linear.easeNone}) // 방판 글자 나타나기\n      .to({}, 2, {}) // delay\n    )\n    // intro 백그라운드 영역 처리\n    .on('enter', function () {\n      // scroll 위치에 따라 화면 뒤에 따라붙이기\n      $introBg.addClass('fixed');\n\n      // intro text 트윈 - 한 번만 실행\n      if (!$('html').hasClass('intro-text-tween')) {\n        $('html').addClass('intro-text-tween');\n\n        setTimeout(function(){\n          new TimelineMax({delay: 1.5})\n            .to($intro.find('.inner > *'), .2, {opacity: 1}) // 로딩 중일 때 안보이다가 로딩 후 보이게 처리\n            .from($intro.find('.intro-header .tween'), 1.5, {y: $intro.find('.intro-header').outerHeight(), ease: Power4.easeOut})\n            .from($intro.find('.intro-text .tween'), 1.2, {y: -$intro.find('.intro-text').outerHeight(), ease: Power4.easeOut}, '-=.2');\n        }, 1500);\n      }\n    })\n    .on('leave', function () {\n      $introBg.removeClass('fixed');\n    })\n    // 비디오 보일때만 재생하기\n    .on('update', function () {\n      if ($introBg.find('.bg-sales').css('opacity') === '1') {\n        pauseVideo(introVideo);\n      } else {\n        playBgVideo(introVideo);\n      }\n    })\n    // .addIndicators({name: 'intro bg'})\n    .addTo(controller);\n});","/*\n* JATracker 액션 추적 스크립트\n*\n* jatracker('event', 'clickEvent', '카테고리', '액션명', '라벨');\n* */\n\n\nif (typeof jatracker === 'function') {\n  window.addEventListener('load', function(){\n\n    // nav\n    $('#nav a').on('click', function(){\n      jatracker('event', 'clickEvent', '링크', '클릭', '네비게이션-' + $(this).find('.normal').text());\n    });\n\n    // nav - tips.html\n    $('#nav-tips a').on('click', function(){\n      jatracker('event', 'clickEvent', '링크', '클릭', '네비게이션-' + ($(this).index() + 1));\n    });\n\n    // 인터뷰 Play movie\n    $('#popup-open').on('click', function(){\n      jatracker('event', 'clickEvent', '동영상', '재생', '카운셀러 인터뷰');\n    });\n\n    // 기사 더보기\n    $('.article .link').on('click', function(){\n      jatracker('event', 'clickEvent', '링크', '클릭', $(this).siblings('.heading').text());\n    });\n\n    // 오감 동영상 재생\n    $('#video-vision ~ .play').on('click', function(){\n      jatracker('event', 'clickEvent', '동영상', '재생', '시각');\n    });\n    $('#video-smell ~ .play').on('click', function(){\n      jatracker('event', 'clickEvent', '동영상', '재생', '후각');\n    });\n    $('#video-taste ~ .play').on('click', function(){\n      jatracker('event', 'clickEvent', '동영상', '재생', '미각');\n    });\n    $('#video-touch ~ .play').on('click', function(){\n      jatracker('event', 'clickEvent', '동영상', '재생', '촉각');\n    });\n    $('#video-hearing ~ .play').on('click', function(){\n      jatracker('event', 'clickEvent', '동영상', '재생', '청각');\n    });\n\n    // 오감 기사 더보기\n    $('.s-sense-more .btn').on('click', function(){\n      jatracker('event', 'clickEvent', '링크', '클릭', $.trim($(this).parent().siblings('.heading').text()));\n    });\n\n    // 시각 - 올해 색상 슬라이더\n    $(document).on('click', '.color-slider .owl-nav > *', function(){\n      jatracker('event', 'clickEvent', '버튼', '클릭', '올해 색상 슬라이더-' + ($(this).hasClass('owl-prev') ? '이전' : '다음'));\n    });\n    // 후각 - 향수 슬라이더\n    $(document).on('click', '.perfume-slider .owl-nav > *', function(){\n      jatracker('event', 'clickEvent', '버튼', '클릭', '올바른 향수 사용법 슬라이더-' + ($(this).hasClass('owl-prev') ? '이전' : '다음'));\n    });\n\n    // 시각 - 색조 화장품 고르기 탭\n    $('.tab-color-cosmetics .tab-nav a').on('click', function(){\n      jatracker('event', 'clickEvent', '링크', '클릭', '색조 화장품 고르기-' + $(this).find('.name').text());\n    });\n    // 후각 - TPO 향수 사용법 탭\n    $('.tab-perfume-tpo .tab-nav a').on('click', function(){\n      jatracker('event', 'clickEvent', '링크', '클릭', 'TPO 향수 사용법-' + $(this).text());\n    });\n\n\n    // outro - 아모레퍼시픽 더 보러가기\n    $('#outro .more').on('click', function(){\n      jatracker('event', 'clickEvent', '링크', '클릭', '아모레퍼시픽 더 보러가기');\n    });\n\n    // 헤더 공유\n    $('.sns-share-box a:not(.sns-more)').on('click', function(){\n      var $this = $(this);\n      var type = $this.attr('title');\n\n      jatracker('event', 'clickEvent', '링크', '클릭', type + ' 공유');\n    });\n\n    // 섹션 공유\n    $('.section-sns-list a').on('click', function(){\n      var $this = $(this);\n      var section = $this.closest('.hash-section').attr('id');\n      var type = $this.attr('class');\n\n      jatracker('event', 'clickEvent', '링크', '클릭', type + ' 공유-' + section);\n    });\n\n  });\n}\n","/*\n* Nav 관련 스크립트\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 $nav = $('#nav');\n  if (!$nav.length) {\n    return;\n  }\n  var $navLink = $nav.find('a');\n  var duration = .4;\n  var roofHeight = $('#roof').height();\n\n  // nav 스크롤에 따른 활성화\n  setTimeout(function(){ // 오감 슬라이더 scrollMagic 적용 후 높이 잡도록 setTimeout 설정\n    var end = $('#outro').offset().top;\n\n    $navLink.each(function(index){\n      var $this = $(this);\n      var start = $($this.attr('href')).offset().top;\n      var height = $this.next('a').length ?  $($this.next('a').attr('href')).offset().top - start : end - start;\n\n      // nav에 나온 섹션에서만 nav 보이기 - 인트로, 아웃트로에서는 nav 노출 안함\n      if (index === 0) {\n        new ScrollMagic.Scene({\n          triggerElement: $this.attr('href'),\n          triggerHook: 0,\n          duration: end - start,\n          offset: -roofHeight,\n        })\n          .setClassToggle('#nav', 'active')\n          // .addIndicators({name: 'nav'})\n          .addTo(controller);\n      }\n\n      // 각 섹션에서 해당 nav 링크 활성화하기\n      new ScrollMagic.Scene({\n        triggerElement: $this.attr('href'),\n        triggerHook: 0,\n        duration: height,\n        offset: -roofHeight,\n      })\n        .setClassToggle(this, 'active')\n        // .addIndicators({name: 'nav link' + index})\n        .addTo(controller);\n    });\n  }, 400);\n\n  // nav hover 이벤트\n  $nav.hover(function(){\n    // 한문 보이기\n    new TimelineMax()\n      .to($nav.find('.normal'), duration, {opacity: 0, ease: Linear.easeNone, overwrite: 1})\n      .to($nav.find('.hover'), duration, {opacity: 1, ease: Linear.easeNone}, '-=' + duration/2);\n  }, function(){\n    // 한문 되돌리기\n    new TimelineMax()\n      .to($nav.find('.hover'), duration, {opacity: 0, ease: Linear.easeNone, overwrite: 1})\n      .to($nav.find('.normal'), duration, {opacity: 1, ease: Linear.easeNone}, '-=' + duration/2);\n  });\n\n});","/*\n* 오감 슬라이더 관련 스크립트\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\n\n$(function(){\n\n  var roofHeight = $('#roof').height();\n  var $bodies = $('.s-sense-body');\n  var $original = $bodies.find('.original');\n\n  // dynamic numbering\n  $bodies.find('.sense-slider-header > .heading').each(function(){\n    var index = $(this).index();\n    $(this).find('.num').text('0' + (index + 1));\n  });\n  $bodies.find('.sense-slider > .box').each(function(){\n    var index = $(this).index();\n    $(this).attr('data-dot', '0' + (index + 1));\n  });\n\n  // copy 만들기\n  $original.each(function(){\n    var $org = $(this);\n    if ($org.find('.sense-slider-header .heading').length > 1) {\n      var $copy = $org.clone().addClass('copy').removeClass('original');\n      $copy.find('.sense-slider-header .heading:first-child').remove();\n      $copy.find('.sense-slider .box:first-child').remove();\n      $org.after($copy);\n    }\n  });\n\n  // 오감 슬라이더 셋팅\n  var $sliders = $('.sense-slider');\n  $sliders.owlCarousel({\n    loop: false,\n    nav: true,\n    dots: true,\n    dotsData: true,\n    items: 1,\n    mouseDrag: false,\n    touchDrag: false,\n    smartSpeed: 600,\n  });\n\n  // 내부 슬라이더 셋팅\n  // vision - color slider\n  // smell - perfume slider\n  $('.color-slider, .perfume-slider').owlCarousel({\n    loop: true,\n    nav: true,\n    dots: true,\n    dotsData: true,\n    items: 1,\n    mouseDrag: false,\n    navText: ['&lt;', '&gt;'],\n    smartSpeed: 0,\n  });\n\n  // 오감 슬라이더 헤더 셋팅 - 애니메이션용\n  var $headings = $('.sense-slider-header .heading');\n  var wordWidth = 30;\n  new SplitText($headings, {type: 'chars,words', wordsClass: 'word', charsClass: 'char-outer'});\n  new SplitText($headings, {type: 'chars', charsClass: 'char'}); // 두번 감싸기\n  TweenMax.set($headings.find('.char'), {x: wordWidth});\n\n  // 각 감각마다 처리하기\n  $bodies.each(function(){\n    var $body = $(this);\n    var $slider = $body.find('.sense-slider');\n    var $sliderNav = $slider.find('> .owl-nav > *');\n    var $sliderDots = $slider.find('> .owl-dots > *');\n    var $orgHeadings = $body.find('.original .sense-slider-header .heading');\n    var $copyHeadings = $body.find('.copy .sense-slider-header .heading');\n    var length = $body.find('.original .sense-slider > .owl-dots .owl-dot').length;\n    var scroll;\n\n    function toSlide(index, scrollDirection) {\n      var isForward = scrollDirection === 'FORWARD';\n      // header tweens\n      // 기존 타이틀 숨기기\n      TweenMax.to([$orgHeadings.filter('.visible').find('.char'), $copyHeadings.filter('.visible').find('.char')], .5, {x: isForward ? -wordWidth : wordWidth, overwrite: 1});\n      $copyHeadings.filter('.visible').removeClass('visible');\n      $orgHeadings.filter('.visible').removeClass('visible');\n      // 현재 타이틀 보이기\n      TweenMax.to([$copyHeadings.eq(index).find('.char'), $orgHeadings.eq(index).find('.char')], .5, {x: 0, overwrite: 1, delay: .5});\n      $copyHeadings.eq(index).addClass('visible');\n      $orgHeadings.eq(index).addClass('visible');\n\n      // slider tweens\n      if (index === length - 1) { // 마지막 슬라이드\n        $body.addClass('last'); // .copy 영역 숨기기\n        $slider.eq(0).trigger('to.owl.carousel', [index]); // .original 슬라이더만 이동\n      } else {\n        $body.removeClass('last'); // .copy 영역 보이기\n        $slider.trigger('to.owl.carousel', [index]);  // .original, .copy 슬라이더 함께 이동\n      }\n\n      // smell - 두번째 슬라이드에서 배경이미지 교체\n      if ($body.hasClass('smell')) {\n        $body[index === 1 ? 'addClass' : 'removeClass']('bg2');\n      }\n    }\n\n    scroll = new ScrollMagic.Scene(\n      {\n        triggerElement: $body[0],\n        triggerHook: 0, // 'onLeave' 0, 'onCenter' 0.5, 'onEnter' 1\n        duration: (length * 100) + '%', // '100%' = screen height\n        offset: -roofHeight,\n      })\n      .setPin($body[0])\n      .on('progress', function (e) {\n        var index = parseInt(e.progress / (1/length)); // progress 값으로 현재 위치 알아내기\n        if (index !== $body.data('index') && index !== length) {\n          toSlide(index,  e.scrollDirection);\n          $body.data('index', index);\n        }\n      })\n      // .addIndicators({name: 'slider' + index})\n      .addTo(controller);\n\n\n    // slider nav\n    //\n    function scrollToSlide(index){\n      var pos = scroll.duration() * (1 / length * (index + .5)); // index 중간으로 잡기\n      $('html, body').stop().animate({scrollTop: scroll.scrollOffset() + pos}, 1000);\n    }\n\n    $sliderNav.on('click', function(){\n      var isPrev = $(this).hasClass('owl-prev');\n      var index = $body.data('index'); // 현재 슬라이드 인덱스\n      if (typeof index === 'number') {\n        index = isPrev ? index - 1 : index + 1;\n        if (0 <= index && index < length) {\n          scrollToSlide(index);\n        }\n      }\n    });\n    $sliderDots.on('click', function(){\n      var index = $(this).index(); // 현재 슬라이드 인덱스\n      scrollToSlide(index);\n    });\n  });\n});","/*\n* Tab 관련 스크립트\n*\n* */\n\n$(function(){\n\n  $('.tab-nav a').on('click', function(e) {\n    e.preventDefault();\n\n    var $this = $(this);\n    var $tab = $this.closest('.tab');\n    var $items = $tab.find('.tab-content .item');\n    var index = $this.index();\n\n    if ($this.hasClass('active')) {\n      return;\n    }\n\n    $this.addClass('active').siblings('.active').removeClass('active');\n    $items.eq(index).addClass('active').siblings('.active').removeClass('active');\n  });\n\n  // hover 할때 내용도 바뀌도록\n  $('.tab-color-cosmetics .tab-nav a').on('mouseenter', function() {\n    var $this = $(this);\n    if ($this.hasClass('active')) {\n      return;\n    }\n\n    var $tab = $this.closest('.tab');\n    var $items = $tab.find('.tab-content .item');\n    var index = $this.index();\n\n    $this.addClass('active').siblings('.active').removeClass('active');\n    $items.eq(index).addClass('active').siblings('.active').removeClass('active');\n  });\n});","/*\n* Tips 페이지 스크립트\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\n\n$(function(){\n  var $introTips = $('#intro-tips');\n  if (!$introTips.length) {\n    return;\n  }\n  var roofHeight = $('#roof').height();\n\n  // 오감 백그라운드 비디오 컨트롤\n  //\n  var sensesVideo2 = document.getElementById('video-senses-bg');\n  new ScrollMagic.Scene(\n    {\n      triggerElement: $introTips[0],\n      triggerHook: 1, // 'onLeave' 0, 'onCenter' 0.5, 'onEnter' 1\n      duration: window.innerHeight + $introTips[0].offsetHeight - roofHeight, // '100%' = screen height\n    })\n    .on('enter', function () {\n      playBgVideo(sensesVideo2);\n      // 비디오 보이도록 배경이미지 없애기\n      setTimeout(function(){\n        $introTips.css('background-image', 'none');\n      }, 2500);\n\n      // intro text 트윈 - 한 번만 실행\n      if (!$('html').hasClass('intro-text-tween')) {\n        $('html').addClass('intro-text-tween');\n\n        setTimeout(function(){\n          new TimelineMax({delay: 1.5})\n            .to($introTips.find('.inner > *'), .2, {opacity: 1}) // 로딩 중일 때 안보이다가 로딩 후 보이게 처리\n            .from($introTips.find('.intro-tips-text .tween'), 1.2, {y: $introTips.find('.intro-tips-text').outerHeight(), ease: Power4.easeOut})\n            .from($introTips.find('.intro-tips-header .tween'), 1.5, {y: -$introTips.find('.intro-tips-header').outerHeight(), ease: Power4.easeOut}, '-=.2');\n        }, 1500);\n      }\n    })\n    .on('leave', function () {\n      pauseVideo(sensesVideo2);\n    })\n    // .addIndicators({name: 'intro tips video'})\n    .addTo(controller);\n\n\n  // tips nav\n  //\n  var $nav = $('#nav-tips');\n  if (!$nav.length) {\n    return;\n  }\n  var $navLink = $nav.find('a');\n  var duration = .4;\n\n  // nav pin\n  if ($(window).height() >= 750) { // slider 헤더 가리지 않을 최소 높이 이상일 경우만 처리\n    new ScrollMagic.Scene({\n      triggerElement: $nav[0],\n      triggerHook: 0,\n      offset: -roofHeight,\n    })\n      .setPin($nav[0])\n      // .addIndicators({name: 'nav link' + index})\n      .addTo(controller);\n  }\n\n  // nav 스크롤에 따른 활성화\n  setTimeout(function(){ // 오감 슬라이더 scrollMagic 적용 후 높이 잡도록 setTimeout 설정\n    $navLink.each(function(){\n      var $this = $(this);\n      var height = $($this.attr('href')).height();\n\n      // 각 섹션에서 해당 nav 링크 활성화하기\n      new ScrollMagic.Scene({\n        triggerElement: $this.attr('href'),\n        triggerHook: 0,\n        duration: height,\n        offset: -roofHeight,\n      })\n        .setClassToggle(this, 'active')\n        // .addIndicators({name: 'nav link' + index})\n        .addTo(controller);\n    });\n  }, 800);\n\n  // nav hover 이벤트\n  $nav.hover(function(){\n    // 한문 보이기\n    new TimelineMax()\n      .to($nav.find('.normal'), duration, {opacity: 0, ease: Linear.easeNone, overwrite: 1})\n      .to($nav.find('.hover'), duration, {opacity: 1, ease: Linear.easeNone}, '-=' + duration/2);\n  }, function(){\n    // 한문 되돌리기\n    new TimelineMax()\n      .to($nav.find('.hover'), duration, {opacity: 0, ease: Linear.easeNone, overwrite: 1})\n      .to($nav.find('.normal'), duration, {opacity: 1, ease: Linear.easeNone}, '-=' + duration/2);\n  });\n});"]}