@charset "utf-8";

/* ******************** 공용 - 수정금지 ******************** */
.sliderV2 {position:relative; display:block; overflow:hidden;}
.sliderV2 .sliderObj {position:relative; display:block; overflow:hidden; height:100%; width:100%;}
.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; cursor:pointer;}
.sliderV2 .hidden {display:none;}

/* ******************** 슬라이드 타입 ******************** */
/* 좌우 */
.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) {
	/* 버튼 메인 비쥬얼 */
	.sliderV2 .btnVisual {z-index:30; position:absolute; width:1400px; top:50%; left:50%; transform:translateX(-50%);}
	.sliderV2 .btnVisual button {
		position:absolute; display:block; width:4vw; height:4vw; border-radius:50%; margin-top:-2vw;
		background:rgba(0,0,0,.2) url(../images/main/icon_rollBanner.png) no-repeat center;
	}
	.sliderV2 .btnVisual button:hover {background-color:rgba(0,0,0,.5);}
	.sliderV2 .btnVisual button.prev {left:0; transform:rotate(180deg);}
	.sliderV2 .btnVisual button.next {right:0;}
	.sliderV2 .btnVisual 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 .btnVisual button.prev div {margin-left:-7%; border-top:0; border-right:0;}
	.sliderV2 .btnVisual button.next div {margin-left:-22%; border-left:0; border-bottom:0;}
	.sliderV2 .btnVisual button:hover div {margin-left:-15%; border-color:#fff;}
	
	
	/* 버튼1 */
	.sliderV2 .btnType1 {z-index:30; position:absolute; width:100%; bottom:4vw;}
	.sliderV2 .btnType1 button {
		position:absolute; display:block; width:4vw; height:4vw;
		background-color:#fff;	
	}
	.sliderV2 .btnType1 button:hover {background-color:#4da10c;}
	.sliderV2 .btnType1 button.prev {left:13.5vw;}
	.sliderV2 .btnType1 button.next {left:17.5vw; 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;}
}
@media screen and (max-width: 991px) {
	/* 버튼 메인 비쥬얼 */
	.sliderV2 .btnVisual {z-index:30; position:absolute; width:90%; top:50%; left:50%; transform:translateX(-50%);}
	.sliderV2 .btnVisual button {
		position:absolute; display:block; width:7vw; height:7vw; border-radius:50%; margin-top:-3.5vw;
		background:rgba(0,0,0,.2) url(../images/main/icon_rollBanner.png) no-repeat center; background-size:20%;
	}
	.sliderV2 .btnVisual button:hover {background-color:rgba(0,0,0,.5);}
	.sliderV2 .btnVisual button.prev {left:0; transform:rotate(180deg);}
	.sliderV2 .btnVisual button.next {right:0;}
	.sliderV2 .btnVisual 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 .btnVisual button.prev div {margin-left:-7%; border-top:0; border-right:0;}
	.sliderV2 .btnVisual button.next div {margin-left:-22%; border-left:0; border-bottom:0;}
	.sliderV2 .btnVisual button:hover div {margin-left:-15%; border-color:#fff;}
	
	
	/* 버튼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;}
}




/* ******************** 페이지 타입 ******************** */
/* 페이지 메인 비쥬얼 */
.sliderV2 .pageVisual {position:absolute; bottom:20px; left:50%; transform:translateX(-50%);}
.sliderV2 .pageVisual>* {display:block;}
.sliderV2 .pageVisual button {display:block; width:10px; height:10px; float:left; padding:0; border-radius:50%; background:rgba(0,0,0,.5); overflow:hidden; text-indent:-999px;}
.sliderV2 .pageVisual button+button {margin-left:7px;}
.sliderV2 .pageVisual button.on {background:#ff0000;}


/* 페이지1 */
.sliderV2 .pageType1 {position:absolute; width:100%; bottom:0; padding:15px 20px; background:rgba(0,0,0,.9);}
.sliderV2 .pageType1>* {display:block;}
.sliderV2 .pageType1 button {display:block; width:10px; height:10px; float:left; padding:0; border-radius:50%; background:#fff; overflow:hidden; text-indent:-999px;}
.sliderV2 .pageType1 button+button {margin-left:7px;}
.sliderV2 .pageType1 button.on {background:#ff0000;}