/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
  display: inline-block;
  cursor: pointer;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 5px 3px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
  transition: all 0.3s ease-out
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.owl-carousel figcaption{font-size:12px; color:#6e6e73; margin-top:12px}

/* Dots 기본형 */
.owl-carousel .owl-dots{margin-top:17px}
.owl-carousel .owl-dots .owl-dot span{background-color:rgba(134,134,139,0.4)}
.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot.active span{background-color:rgba(134,134,139,0.8)}
.owl-carousel .owl-dots .owl-dot.active span{width:25px}

/* Dots Overlay 형 */
.owl-carousel.overlay-dots .owl-dots{width:100%; position:absolute; bottom:5px}
.owl-carousel.overlay-dots .owl-dots .owl-dot span{background-color:rgba(255,255,255,0.5); box-shadow:0 0 0 1px rgba(0,0,0,0.11)}
.owl-carousel.overlay-dots .owl-dots .owl-dot:hover span,
.owl-carousel.overlay-dots .owl-dots .owl-dot.active span{background-color:rgba(255,255,255,0.8)}
.owl-carousel .owl-item{-webkit-backface-visibility:hidden; -webkit-transform:translateZ(0) scale(1.0, 1.0)}


/* owl-carousel Single */
.owl-nav{display:none}
@media(min-width:768px){
  .owl-nav{display:block; position:absolute; top:44%; width:100%}
  .overlay-dots .owl-nav{top:50%}
  .owl-theme .owl-nav [class*='owl-']{position:absolute; width:52px; height:52px; border-radius:100px; margin-top:-32px; background-color:rgba(210,210,215,0.2); display:flex; justify-content:center; align-items:center}
  .owl-theme .owl-nav [class*='owl-'] i{opacity:0.45; font-size:25px}
  .owl-theme .owl-nav .owl-prev{left:-64px}
  .owl-theme .owl-nav .owl-next{right:-64px}
  .owl-theme .owl-nav .owl-prev,
  .owl-theme .owl-nav .owl-next{font-size:0; line-height:0; color:transparent}
  .owl-theme .owl-nav .owl-prev::before,
  .owl-theme .owl-nav .owl-next::before{font-family:"fontello"; color:#000; opacity:0.45; font-size:25px; font-style:normal; font-weight:normal; line-height:1em; display:inline-block; text-align:center}
  .owl-theme .owl-nav .owl-prev::before{content:'\a013'; margin-left:-2px}
  .owl-theme .owl-nav .owl-next::before{content:'\a014'; margin-right:-2px}
}


/* owl-carousel Overlay Element */
.owl-carousel.overlay-element .item{height:900px}
.owl-carousel.overlay-element .item .photo{position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0}
.owl-carousel.overlay-element .item figure{height:100%}
.owl-carousel.overlay-element .item img{width:100%; height:100%; object-fit:cover}
.owl-carousel.overlay-element .item-caption{height:100%; position:relative; padding-top:60px}
.owl-carousel.overlay-element .item-caption .btn{margin-top:20px}

/* owl-carousel Overlay Element animation : '.element-ani' 클래스 추가 필요 */
.overlay-element.element-ani .owl-item.active .item-caption .text-item > *{
  -webkit-animation: slide_up 2s cubic-bezier(0.19, 1, 0.22, 1);
          animation: slide_up 2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-animation-fill-mode:forwards;
          animation-fill-mode:forwards;
  opacity:0
}
.overlay-element.element-ani .owl-item.active .item-caption .text-item > *:nth-child(2){-webkit-animation-delay:0.1s; animation-delay:0.1s}
.overlay-element.element-ani .owl-item.active .item-caption .text-item > *:nth-child(3){-webkit-animation-delay:0.2s; animation-delay:0.2s}
.overlay-element.element-ani .owl-item.active .item-caption .text-item > *:nth-child(4){-webkit-animation-delay:0.3s; animation-delay:0.3s}
.overlay-element.element-ani .owl-item.active .item-caption .text-item > *:nth-child(5){-webkit-animation-delay:0.4s; animation-delay:0.4s}
.overlay-element.element-ani .owl-item.active .item-caption .text-item > *:nth-child(6){-webkit-animation-delay:0.5s; animation-delay:0.5s}
@-webkit-keyframes slide_up {
  0%   {transform:translateY(50px); -webkit-transform:translateY(50px); opacity:0}
  100% {transform:translateY(0);    -webkit-transform:translateY(0);    opacity:1}
}
@keyframes slide_up {
  0%   {transform:translateY(50px); -webkit-transform:translateY(50px); opacity:0}
  100% {transform:translateY(0);    -webkit-transform:translateY(0);    opacity:1}
}