@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: 1367px) {
	/* 버튼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: 1366px) {
	/* 버튼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:50%; transform:translateX(-50%); bottom:7vh; padding:0; text-align:center;}
.sliderV2 .pageType1>* {display:inline-block; vertical-align:middle; line-height:0; font-size:0;}
/*.sliderV2 .pageType1 button {
	float:left; position:relative; display:block; margin:0 5px; width:40px; height:40px; border-radius:50%; border:2px solid transparent; background:transparent;
	transition:all .3s ease !important; -webkit-transition:all .3s ease !important; -moz-transition:all .3s ease !important;
	}*/
.sliderV2 .pageType1 button {
	float:left; position:relative; display:block; margin:0 5px; width:35px; height:12px; border-radius:2rem; opacity : 0.3; background: #fff;
	transition:all .3s ease !important; -webkit-transition:all .3s ease !important; -moz-transition:all .3s ease !important; }
/*.sliderV2 .pageType1 button.on, .sliderV2 .pageType1 button:hover {border-color:#fff;}*/
.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: 1366px) {
	/* 페이지1 */
	/*.sliderV2 .pageType1 button {width:30px; height:30px;}*/
	.sliderV2 .pageType1 { bottom:4vh; }
}

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