@charset "utf-8";

/* ******************** 공용 - 수정금지 ******************** */
.sliderV2 {position:relative; display:block; overflow:hidden; height:100%;}
.sliderV2 .sliderObj {position:relative; display:block; overflow:hidden;}
.sliderV2 .sliderObj li {
	position:absolute; width:100%; height:100%;
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
}
.sliderV2 .sliderObj li a {display:block; width:100%; height:100%; border:0;}
.sliderV2 .sliderObj li img {display:none;}
.sliderV2 button {border:0; outline:none; cursor:pointer;}


/* ******************** 슬라이드 타입 ******************** */
/* 좌우 */
.sliderV2 .normal li {top:0 !important; left:100%; height:100%;}

/* 상하 */
.sliderV2 .updown li {left:0 !important; top:100%; height:100%;}

/* 패이드 인 아웃 */
.sliderV2 .fade {opacity:1 !important;}
.sliderV2 .fade li {left:0; top:0; opacity:0;}
.sliderV2 .fade li:first-child {opacity:1;}



/* ******************** 버튼 타입 ******************** */
@media screen and (min-width: 992px) {
	/* 버튼1 */
	.sliderV2 .btnType1 {z-index:30; position:absolute; bottom:100px; right:20px;}
	.sliderV2 .btnType1 button {
		position:relative; float:left; display:block; width:50px; height:50px;
		background-color:#fff;	border-radius:100px;
	}
	.sliderV2 .btnType1 button:hover {background-color:#4da10c;}
	.sliderV2 .btnType1 button+button {margin-left:5px;}
	.sliderV2 .btnType1 button div {
		position:absolute; left:50%; top:50%; display:block; width:30%; height:30%;
		margin-top:-15%; border:3px solid #4da10c;	
		transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg);
	}
	.sliderV2 .btnType1 button.prev div {margin-left:-7%; border-top:0; border-right:0;}
	.sliderV2 .btnType1 button.next div {margin-left:-22%; border-left:0; border-bottom:0;}
	.sliderV2 .btnType1 button:hover div {border-color:#fff;}
}
@media screen and (max-width: 991px) {
	/* 버튼1 */
	.sliderV2 .btnType1 {z-index:30; position:absolute; width:100%; bottom:8vw;}
	.sliderV2 .btnType1 button {
		position:absolute; display:block; width:8vw; height:8vw;
		background-color:#fff;	
	}
	.sliderV2 .btnType1 button:hover {background-color:#4da10c;}
	.sliderV2 .btnType1 button.prev {left:22vw;}
	.sliderV2 .btnType1 button.next {left:30vw; margin-left:1px; }
	.sliderV2 .btnType1 button div {
		position:absolute; left:50%; top:50%; display:block; width:30%; height:30%;
		margin-top:-15%; border:1px solid #4da10c;	
		transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg);
	}
	.sliderV2 .btnType1 button.prev div {margin-left:-7%; border-top:0; border-right:0;}
	.sliderV2 .btnType1 button.next div {margin-left:-22%; border-left:0; border-bottom:0;}
	.sliderV2 .btnType1 button:hover div {margin-left:-15%; border-color:#fff;}
}




/* ******************** 페이지 타입 ******************** */
/* 페이지1 */
.sliderV2 .pageType1 {position:absolute; left:0; bottom:100px; padding:0; text-align:center; z-index:2;}
.sliderV2 .pageType1>* {display:inline-block; vertical-align:middle; line-height:0; font-size:0;}
.sliderV2 .pageType1 button {
	float:left; position:relative; display:block; width:50px; height:5px; border-radius:2rem; background:#fff;
	transition:all .3s ease !important; -webkit-transition:all .3s ease !important; -moz-transition:all .3s ease !important; opacity:0.5; cursor:pointer;}
.sliderV2 .pageType1 button+button {margin-left:20px;}
.sliderV2 .pageType1 button.on, .sliderV2 .pageType1 button:hover {opacity:1;}
.sliderV2 .pageType1 button:after {content:""; width:100%; height:100%; position:absolute; left:0; top:0; border-radius:50%; background:#fff; transform:scale(.15); -ms-transform:scale(.15);}

@media screen and (max-width: 991px) {
	/* 페이지1 */
	.sliderV2 .pageType1 button {width:30px; height:10px;}
}