@charset "utf-8";
/*
* Green theme - Owl Carousel CSS File
*/
.sub-gallery-owl-2.owl-carousel {
	/*max-width: 1500px;*/
	margin: 0 auto;
	width: 100%; 
}
.sub-gallery-owl-2.owl-carousel .owl-nav {
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.sub-gallery-owl-2.owl-carousel .owl-nav [class*='owl-'] {
	color: white;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #d6d6d6;
	display: inline-block;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.sub-gallery-owl-2.owl-carousel .owl-nav [class*='owl-']:hover {
	background: #f5f4f4;
	color: white;
	text-decoration: none;
}
.sub-gallery-owl-2.owl-carousel .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}
.sub-gallery-owl-2.owl-carousel .owl-nav.disabled+.sub-dots {
	margin-top: 10px;
}
.sub-gallery-owl-2.owl-carousel .sub-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	position: absolute;
	bottom: 20px;
	left: 20px

}
.sub-gallery-owl-2.owl-carousel .sub-dots .sub-dot {
	display: inline-block;
	zoom: 1;
	*display: inline;
	background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; 
}
.sub-gallery-owl-2.owl-carousel .sub-dots .sub-dot span {
	width: 16px;
	height: 16px;
	margin: 2px 4px;
	box-shadow: none;
	background: rgba(111, 140, 169, 0.3);
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}
.sub-gallery-owl-2.owl-carousel .sub-dots .sub-dot.active span,
.sub-gallery-owl-2.owl-carousel .owl-theme .sub-dots .sub-dot:hover span {
	background: #4589c8;
}
.sub-gallery-owl-2.owl-carousel .item {
	height: auto;
	background: #f5f4f4;
	color: #fff;
	position: relative;
	width: 600px; 
}
.sub-gallery-owl-2.owl-carousel .item img {
	width: 100%;
}
.sub-gallery-owl-2.owl-carousel .owl-item .item .text {
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	z-index: 99;
	top: 20vw;
	right: 12vw;
	text-shadow: 2px 2px 15px #000;
	font-size: 1.5em;
}
.sub-gallery-owl-2.owl-carousel .owl-item .item .text h1 {
	margin: 100% 0 0 0;
	text-align: right;
	-ms-transform: rotate(10deg);
	/* IE 9 */
	-webkit-transform: rotate(10deg);
	/* Chrome, Safari, Opera */
	transform: rotate(10deg);

}
.sub-gallery-owl-2.owl-carousel .owl-item .item .text p {
	margin: 100% 0 0 0;
	text-align: right;
	-ms-transform: rotate(-5deg);
	/* IE 9 */
	-webkit-transform: rotate(-5deg);
	/* Chrome, Safari, Opera */
	transform: rotate(-5deg);
}
.sub-gallery-owl-2.owl-carousel .owl-item.active .item .text {
	opacity: 1;
	-webkit-transition: all 300ms ease 0.5s;
	-moz-transition: all 300ms ease 0.5s;
	-ms-transition: all 300ms ease 0.5s;
	-o-transition: all 300ms ease 0.5s;
	transition: all 300ms ease 0.5s;
}
.sub-gallery-owl-2.owl-carousel .owl-item.active .item .text h1 {
	margin: 10px 0 0 0;
	-ms-transform: rotate(0deg);
	/* IE 9 */
	-webkit-transform: rotate(0deg);
	/* Chrome, Safari, Opera */
	transform: rotate(0deg);
	-webkit-transition: all 250ms ease 0.5s;
	-moz-transition: all 250ms ease 0.5s;
	-ms-transition: all 250ms ease 0.5s;
	-o-transition: all 250ms ease 0.5s;
	transition: all 250ms ease 0.5s;
}
.sub-gallery-owl-2.owl-carousel .owl-item.active .item .text p {
	margin: 10px 0 0 0;
	-ms-transform: rotate(0deg);
	/* IE 9 */
	-webkit-transform: rotate(0deg);
	/* Chrome, Safari, Opera */
	transform: rotate(0deg);
	-webkit-transition: all 250ms ease 0.6s;
	-moz-transition: all 250ms ease 0.6s;
	-ms-transition: all 250ms ease 0.6s;
	-o-transition: all 250ms ease 0.6s;
	transition: all 250ms ease 0.6s;

}
/*//////////////////////////////////*/
/* Responsive style design by MWBS3 */
/*//////////////////////////////////*/
@media (min-width: 440px) { /* 440px 보다 클 경우 */
}
@media (min-width: 768px) { /* 768px 보다 클 경우 */
}
@media (min-width: 992px) { /* 992px 보다 클 경우 */
}
@media (min-width: 1200px) { /* 1200px 보다 클 경우 */
}
@media (max-width: 767px) { /* 767px 보다 작을 경우 */
	.sub-gallery-owl-2.owl-carousel .item {
		width: 100vw;
	}
	.sub-gallery-owl-2.owl-carousel .sub-dots {
		bottom: 10px; 
		left: 10px; 
	}
	.sub-gallery-owl-2.owl-carousel .sub-dots .sub-dot span {
		width: 8px; 
		height: 8px; 
		margin: 1px 2px;
	}

}
@media (max-width: 439px) { /* 439px 보다 작을 경우 */
}
@media (min-width: 440px) and (max-width: 767px) {  /* 440-767 사이 */
}
@media (min-width: 768px) and (max-width: 991px) {  /* 768-991 사이 */
}
@media (min-width: 992px) and (max-width: 1199px) { /* 992-1199 사이 */
}