@charset "utf-8";

/* ******************** 공용 - 수정금지 ******************** */
.sliderV2 {position:relative; display:block; overflow:hidden;}
.sliderV2 .sliderObj {position:relative; display:block; overflow:hidden; height: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; 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) {	
	/* 메인상단 비쥬얼 */
	.sliderV2 .btnType3 {z-index:1000; position:absolute; bottom:15vh; left:10vw; transform:rotate(-90deg);}
	.sliderV2 .btnType3 button {position:absolute; display:inline-block; top:0; right:0; width:30px; height:30px; background:transparent;}
	.sliderV2 .btnType3 button:hover div {border-color:#1fb3ec;}
	.sliderV2 .btnType3 button div {
		position:absolute; left:25%; top:25%; display:block; width:50%; height:50%; border:3px solid #000;	
		transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
	}
	.sliderV2 .btnType3 button.prev {top:0;}
	.sliderV2 .btnType3 button.prev div {border-left:0; border-bottom:0;}
	.sliderV2 .btnType3 button.next {top:50px;}
	.sliderV2 .btnType3 button.next div {border-top:0; border-right:0;}
}
@media screen and (max-width: 991px) {
	/* 메인상단 비쥬얼 */
	.sliderV2 .btnType3 {z-index:1000; position:absolute; bottom:14vh; right:25vw; transform:rotate(-90deg);}
	.sliderV2 .btnType3 button {position:absolute; display:inline-block; top:0; right:0; width:30px; height:30px; background:transparent;}
	.sliderV2 .btnType3 button:hover div {border-color:#1fb3ec;}
	.sliderV2 .btnType3 button div {
		position:absolute; left:25%; top:25%; display:block; width:50%; height:50%; border:3px solid #000;	
		transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
	}
	.sliderV2 .btnType3 button.prev {top:0;}
	.sliderV2 .btnType3 button.prev div {border-left:0; border-bottom:0;}
	.sliderV2 .btnType3 button.next {top:50px;}
	.sliderV2 .btnType3 button.next div {border-top:0; border-right:0;}
}	
	
	
	/* 버튼1 */
	.sliderV2 .btnType1 {z-index:30; position:absolute; width:100%; bottom:4.5vw;}
	.sliderV2 .btnType1 button {
		position:absolute; display:block; width:4.5vw; height:4.5vw;
		background-color:#fff;	
	}
	.sliderV2 .btnType1 button:hover {background-color:#4da10c;}
	.sliderV2 .btnType1 button.prev {left:18vw;}
	.sliderV2 .btnType1 button.next {left:22.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) {
	/* 버튼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;}
}




/* ******************** 페이지 타입 ******************** */
@media screen and (min-width: 992px) {	
	/* 페이지1 */
	.sliderV2 .pageType1 {z-index:100; position:absolute; width:100%; top:4.16vw; right:0; padding:0 4.16vw; text-align:right;}
	.sliderV2 .pageType1>* {display:inline-block; vertical-align:middle; line-height:0; font-size:0;}
	.sliderV2 .pageType1>div>button {
		display:inline-block; margin-left:10px; width:10px; height:10px; padding:0;
		border-radius:50%; background:rgba(0,0,0,.15);
	}
	.sliderV2 .pageType1>div>button.on {background:#1fb3ec !important;}
	.sliderV2 .hidden {display:none;}
}
@media screen and (max-width: 991px) {
	/* 페이지1 */
	.sliderV2 .pageType1 {z-index:100; position:absolute; width:100%; top:5vw; right:0; padding:0 5vw; text-align:right;}
	.sliderV2 .pageType1>* {display:inline-block; vertical-align:middle; line-height:0; font-size:0;}
	.sliderV2 .pageType1>div>button {
		display:inline-block; margin-left:10px; width:10px; height:10px; padding:0;
		border-radius:50%; background:rgba(0,0,0,.15);
	}
	.sliderV2 .pageType1>div>button.on {background:#1fb3ec !important;}
	.sliderV2 .hidden {display:none;}
}
}