@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;}



/* ******************** 버튼 타입 ******************** */
/* 버튼1 */
.sliderV2 .btnType1 {z-index:99; position:absolute; top:50%; width:100%;}
.sliderV2 .btnType1 button {
	position:absolute; display:block; width:60px; height:60px; top:50%;
	border:2px solid #5975a6; border-radius:50%; background-color:rgba(255,255,255,0);
	background-repeat:no-repeat; background-position:50% center; transition:background-color .3s;
}
.sliderV2 .btnType1 button:hover {background-color:rgba(255,255,255,.5);}
.sliderV2 .btnType1 button.prev {left:-70px; background-position:45% center; background-image:url(../images/slider/prev.png) !important;}
.sliderV2 .btnType1 button.next {right:-70px; background-position:55% center; background-image:url(../images/slider/next.png) !important;}

@media screen and (min-width:768px) and (max-width: 991px) {
	.sliderV2 .btnType1 button {width:40px; height:40px;}
	.sliderV2 .btnType1 button.prev {left:20px;}
	.sliderV2 .btnType1 button.next {right:20px;}
}
@media screen and (max-width: 767px) {
	.sliderV2 .btnType1 button {top:calc(50% - 12vh); width:40px; height:40px; background-size:25%;}
	.sliderV2 .btnType1 button.prev {left:20px;}
	.sliderV2 .btnType1 button.next {right:20px;}
}



/* ******************** 페이지 타입 ******************** */
/* 페이지1 */
.sliderV2 .pageType1 {position:absolute; padding:0; z-index:9; bottom:30px; right:0;}
.sliderV2 .pageType1>* {display:inline-block; vertical-align:middle; line-height:0; font-size:0;}
.sliderV2 .pageType1 button {
	display:inline-block; margin-left:12px; width:12px; height:12px; padding:0;
	border-radius:50%; background:rgba(255,255,255,1);
}
.sliderV2 .pageType1 button.on {background:rgba(255,144,0,1) !important;}
.sliderV2 .pageType1 button:hover {background:rgba(255,144,0,1);}

@media screen and (min-width:768px) and (max-width: 991px) {
	.sliderV2 .pageType1 {bottom:20px; right:20px;}
}
@media screen and (max-width: 767px) {
	.sliderV2 .pageType1 {width:100%; text-align:center;}
}