@charset "UTF-8";

/** Display */
.fe-show {
  display: block !important;
}
.fe-hide {
  display: none !important;
}
.fe-empty-hide:empty {
  display: none !important;
}
.fe-opacity-0 {
  opacity: 0;
}
.fe-opacity-0.in {
  opacity: 1;
}

/** 레이어컨텐츠 외 스크롤 방지 처리 위한 빈 div 추가(scrollLock module 사용시 적용 가능) */
.fe-overlay-scroll-lock {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

/** Motion */
.motion-all {
  transition: all .4s ease-out !important;
}
.motion-fade {
  opacity: 0;
  transition: opacity 1s;
  will-change: opacity;
}
.motion-fade.fade-300 {
  transition: opacity .3s;
}
.motion-fade.in,
.motion-fade.on {
  opacity: 1;
  will-change: auto;
}

.motion-left {
  transform: translateX(-100%);
  transition: transform 0.3s ease-out;
  will-change: transform;
}
.motion-left.on {
  transform: translateX(0);
}
.motion-right {
  transform: translateX(100%);
  transition: transform 0.3s ease-out;
  will-change: transform;
}
.motion-right.on {
  transform: translateX(0);
}
.motion-bottom {
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
  will-change: transform;
}
.motion-bottom.on {
  transform: translateY(0);
}
.motion-top {
  transform: translateY(-100%);
  transition: transform 0.3s ease-out;
  will-change: transform;
}
.motion-top.on {
  transform: translateY(0);
}
.motion-duration-200 {
  transition-duration: 0.2s;
}

/* PinchZoom 전용 style */
[data-role=pinchZoom].closing {
  -webkit-transition: transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
  will-change: transform;
}
[data-role=pinchZoom].active {
  position: relative;
  z-index: 2000;
  touch-action: none;
}
.pinch-zoom-dimmed {
  position: fixed;
  top: -150px;
  right: 0;
  bottom: -150px;
  left: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, .8);
  opacity: 0;
}
.pinch-zoom-dimmed.hide {
  display: none;
}
.pinch-zoom-dimmed.closing {
  opacity: 0 !important;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
  will-change: opacity;
}

/* ScrollLock 컨테이너 내 스크롤영역(2019.12.20 기준 AOS 만 정상 작동) */
[data-scroll-lock="scroll"] {
  overscroll-behavior: contain;
}