#header.goup{
	/* transform: translateY(-100%); */
	display:none;
}

.mainVideoWrap{
	/* z-index:300; */
	position:relative;
	height:100vh;
	width:100%;
	background:#000;
	/* background-image: url(/public/img/zettax/main/testvideobg.webp); */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    /* background-position: center center; */
}


.mainvSlide.swiper{
	z-index:10;
	position:relative;
	height:100%;
	box-sizing: border-box;
}
.mainvSlide .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.mainvSlide .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.mainVbox{
	box-sizing: border-box;
	position:relative;
	width:100%;
	overflow: hidden;
	height:100%;
	background-color: #000;
}
/* .mainVbox::before { */
    /* content: ''; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* z-index: 2; */
    /* width: 100%; */
    /* height: 100%; */
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%); */
    /* pointer-events: none; */
/* } */
.zet_video {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
	height: 115%;
    /* height: 100vh; */
    -o-object-fit: cover;
    object-fit: cover;
}


.videoBtnGroup {
    /* display: flex; */
    bottom: 8rem;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    display: flex;
	gap:1rem;
    width: 60rem;
    height: 5.6rem;
    justify-content: center;
    align-items: center;
}
.videoBtnGroup .swiper-button-prev {
	margin: 0;
    position: relative;
    right: 0;
    top: 0;
    width: 16.6rem;
    height: 5.6rem;
    left: 0;
}
.videoBtnGroup .swiper-button-prev:after {
    height: 5.6rem;
    width: 100%;
    content: '';
    background-image: url(/public/img/zettax/main/video_prev.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.videoBtnGroup .swiper-button-next{
	margin: 0;
    position: relative;
    width: 16.6rem;
    height: 5.6rem;
	right:0;
	top: 0;
	left: 0;
}
.videoBtnGroup .swiper-button-next:after {
	height: 5.6rem;
    width: 100%;
    content: '';
    background-image: url(/public/img/zettax/main/video_next.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.viskipBtn{
	cursor:pointer;
	display: flex;
	width: 24rem;
	padding: 1.3rem 3rem;
	justify-content: center;
	align-items: center;
	border-radius: 99px;
	background: #FFF;
	color: #000;
	font-family: pretendard-800;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 800;
	line-height: 3rem;
	letter-spacing: 0.85px;
	text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
	.zet_video {
		height: 100%;
	}
}
@media screen and (max-width: 991px) {
	#header.goup{display:block;}
	.mainVideoWrap {
		height: 56vw;
	}
	.zet_video {
		height: 100%;
	}
	
	.videoBtnGroup {
		/* display: flex; */
		bottom: 4rem;
		width: 60rem;
		height: 4.6rem;
	}
	.viskipBtn {
		width: 16rem;
		padding: 1.3rem 3rem;
		font-size: 1.6rem;
		line-height: 2rem;
		letter-spacing: 0.85px;
	}
	.videoBtnGroup .swiper-button-prev {
		width: 13.6rem;
		height: 4.6rem;
	}
	.videoBtnGroup .swiper-button-prev:after {
		height: 4.6rem;
	}
	.videoBtnGroup .swiper-button-next {
		width: 13.6rem;
		height: 4.6rem;
	}
	.videoBtnGroup .swiper-button-next:after {
		height: 4.6rem;
	}
}
@media screen and (max-width: 767px) {
	.mainVideoWrap {
		/* padding: 5rem 0 0 0; */
		/* height: 104vw; */
		
		height: 56vw;
	}
	.mainvSlide.swiper {
		background: #000;
		padding-bottom: 0rem;
	}
	.videoBtnGroup {
		position: relative;
		bottom: 7rem;
		width: 32rem;
		height: 4.6rem;
	}
	/* .videoBtnGroup { */
		/* bottom:2rem; */
		/* width: 32rem; */
		/* height: 4.6rem; */
	/* } */
	.viskipBtn {
		display:none;
		
		width: 15.5rem;
		padding: 1.3rem 1rem;
		font-size: 1.4rem;
		line-height: 2rem;
		letter-spacing: 0.7px;
	}
	.videoBtnGroup .swiper-button-prev {
		width: 6.3rem;
		height: 4.6rem;
	}
	.videoBtnGroup .swiper-button-prev:after {
		height: 4.6rem;
		background-image: url(/public/img/zettax/main/video_prev_mo.png);
	}
	.videoBtnGroup .swiper-button-next {
		width: 6.3rem;
		height: 4.6rem;
	}
	.videoBtnGroup .swiper-button-next:after {
		height: 4.6rem;
		background-image: url(/public/img/zettax/main/video_next_mo.png);
	}
	
	.videoBtnGroup .swiper-button-next.swiper-button-disabled, .videoBtnGroup .swiper-button-prev.swiper-button-disabled{
		opacity: .5;
	}
}