﻿/* 
 * 	Owl Carousel CSS File -Study SA Theme
 */
 
/*=====================================*/ 
/* owl.carousel.min.css 소스코드 삽입
/*=====================================*/ 

 .slider-owl .animated {
	-webkit-animation-duration:1000ms;
	animation-duration:1000ms;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.slider-owl .owl-animated-in { z-index:0;}
.slider-owl .owl-animated-out { z-index:1;}
.slider-owl .fadeOut { 
	-webkit-animation-name:fadeOut;
	animation-name:fadeOut;
}
@-webkit-keyframes fadeOut {
	0% { opacity:1;}
	100% { opacity:0;}
}
@keyframes fadeOut {
	0% { opacity:1;}
	100% { opacity:0;}
}
.owl-height {
	-webkit-transition:height 500ms ease-in-out;
	-moz-transition:height 500ms ease-in-out;
	-ms-transition:height 500ms ease-in-out;
	-o-transition:height 500ms ease-in-out;
	transition:height 500ms ease-in-out;
}
.owl-carousel {
	display:none;
	width:100%;
	-webkit-tap-highlight-color:transparent;
	position:relative;
	z-index:1;
}
.slider-owl .owl-stage {
	position:relative;
	-ms-touch-action:pan-Y;
}
.slider-owl .owl-stage:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.slider-owl .owl-stage-outer {
	position:relative;
	overflow:hidden;
	-webkit-transform:translate3d(0px,0,0);
}
.slider-owl .owl-item {
	position:relative;
	min-height:1px;
	float:left;
	-webkit-backface-visibility:hidden;
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none;
}
.slider-owl .owl-item img {
	display:block;
	/* width:100%; */
	-webkit-transform-style:preserve-3d;
}
.slider-owl .owl-dots.disabled,
.slider-owl .owl-nav.disabled { display:none;}
.slider-owl .owl-dot,
.slider-owl .owl-nav .owl-next,
.slider-owl .owl-nav .owl-prev {
	cursor:pointer;
	cursor:hand;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.owl-carousel.owl-loaded { display:block;}
.owl-carousel.owl-loading { opacity:0; display:block;}
.owl-carousel.owl-hidden { opacity:0;}
.owl-carousel.owl-refresh .owl-item { display:none;}
.owl-carousel.owl-drag .owl-item {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.owl-carousel.owl-grab {
	cursor:move;
	cursor:-webkit-grab;
	cursor:-o-grab;
	cursor:-ms-grab;
	cursor:grab;
}
.owl-carousel.owl-rtl { direction:rtl;}
.owl-carousel.owl-rtl .owl-item { float:right;}
.no-js .owl-carousel { display:block;}
.slider-owl .owl-item .owl-lazy {
	opacity:0;
	-webkit-transition:opacity 400ms ease;
	-moz-transition:opacity 400ms ease;
	-ms-transition:opacity 400ms ease;
	-o-transition:opacity 400ms ease;
	transition:opacity 400ms ease;
}
.slider-owl .owl-item img { transform-style:preserve-3d;}
.slider-owl .owl-video-wrapper { position:relative; height:100%; background:#000;}
.slider-owl .owl-video-play-icon {
	position:absolute;
	height:80px;
	width:80px;
	left:50%;
	top:50%;
	margin-left:-40px;
	margin-top:-40px;
	background:url(owl.video.play.png) no-repeat;
	cursor:pointer;
	z-index:1;
	-webkit-backface-visibility:hidden;
	-webkit-transition:scale 100ms ease;
	-moz-transition:scale 100ms ease;
	-ms-transition:scale 100ms ease;
	-o-transition:scale 100ms ease;
	transition:scale 100ms ease;
}
.slider-owl .owl-video-play-icon:hover {
	-webkit-transition:scale(1.3,1.3);
	-moz-transition:scale(1.3,1.3);
	-ms-transition:scale(1.3,1.3);
	-o-transition:scale(1.3,1.3);
	transition:scale(1.3,1.3);
}
.slider-owl .owl-video-playing .owl-video-play-icon,
.slider-owl .owl-video-playing .owl-video-tn { display:none;}
.slider-owl .owl-video-tn {
	opacity:0;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	-webkit-transition:opacity 400ms ease;
	-moz-transition:opacity 400ms ease;
	-ms-transition:opacity 400ms ease;
	-o-transition:opacity 400ms ease;
	transition:opacity 400ms ease;
}
.slider-owl .owl-video-frame {
	position:relative;
	z-index:1;
	height:100%;
	width:100%;
}

/*=====================================*/ 
 
.slider-owl {position: relative;}
.slider-owl.owl-theme .owl-nav {
	position: absolute;top: 50%;left:0;right:0;
	margin-top: -55px;text-align: center;
	-webkit-tap-highlight-color: transparent; 
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.slider-owl.owl-theme .owl-nav div {position: absolute;top:0;bottom: 0;}
.slider-owl.owl-theme .owl-nav .owl-prev {left: 0;}
.slider-owl.owl-theme .owl-nav .owl-next {right: 0;}
.slider-owl.owl-theme .owl-nav [class*='owl-'] {
	display: inline-block;
	margin: 0;padding: 0;
	width: 30px;height: 110px;
	font-size: 14px;line-height: 110px;
	color: #999;background-color: rgba(0,0,0,.25);
	cursor: pointer;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.slider-owl.owl-theme .owl-nav [class*='owl-']:hover {width: 110px;color: #FFF;}
.slider-owl.owl-theme .owl-nav .disabled {opacity: 0.5;cursor: default; }
.slider-owl.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px; }
.slider-owl.owl-theme .owl-dots {position:absolute;bottom:auto;;width:100%;text-align: center;-webkit-tap-highlight-color: transparent; }
.slider-owl.owl-theme .owl-dots .owl-dot {display: inline-block;zoom: 1;*display: inline; }
.slider-owl.owl-theme .owl-dots .owl-dot span {
display: block;margin: 5px 4px;width: 20px;height: 3px;
background: #ccc;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.slider-owl.owl-theme .owl-dots .owl-dot.active span, 
.slider-owl.owl-theme .owl-dots .owl-dot:hover span {background: #2a60a7;}

/* add */
#slider_owl .owl-nav {opacity: 0;}
#slider_owl:hover .owl-nav {opacity: .8;}

#slider_owl .item-caption { position:absolute; top:30px; width:100%; color:#fff; z-index:10;}
#slider_owl .item-caption h1 { margin:0; font-weight:normal; color: #fff;}
#slider_owl .item-caption .container>div { font-size:18px;}

@media (max-width: 991px) {
	#slider_owl .item-caption h1 { font-size:40px !important;}
}
@media (max-width: 767px) {
	#slider_owl .item-caption h1 { font-size:30px !important;}
}
@media (max-width: 570px) {
	#slider_owl .item-caption { top:30px;}
}
@media (max-width: 480px) {
	#slider_owl .item-caption h1 { font-size:20px !important;}
	#slider_owl .item-caption .container>div { font-size:14px;}
}