.dg-container {
	width: 100%;
	height: 55vh;
	position: relative;
	margin-top: 60px;
}

.dg-wrapper {
	width: 45vw;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}

.s1_8_slide_img {
	width: 45vw;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.s1_8_slide_img.dg-transition {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.s1_8_slide_img img {
	width: 100%;
}

.dg-container nav {
	width: 100%;
	position: absolute;
	z-index: 1000;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 50vw;
}

.dg-prev,
.dg-next {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.dg-prev i,
.dg-next i{
	font-size: 25px;
	color: #fff;
	font-weight: bold;
}


































/* mobile */
@media screen and (max-width: 767px){

	.dg-container {
		height: 23vh;
		margin-top: 40px;
	}
	
	.dg-wrapper {
		width: 85vw;
	}
	
	.s1_8_slide_img {
		width: 85vw;
	}
	
	.dg-container nav {
		gap: 0 85vw;
	}
	
	.dg-prev,
	.dg-next {
		cursor: inherit;
	}
	
	.dg-prev i,
	.dg-next i{
		font-size: 20px;
	}

}























/* tablet */
@media screen and (min-width: 768px) and (max-width: 1024px){

	.dg-container {
		height: 27vh;
		margin-top: 40px;
	}
	
	.dg-wrapper {
		width: 60vw;
	}
	
	.s1_8_slide_img {
		width: 60vw;
	}
	
	.dg-container nav {
		gap: 0 65vw;
	}
	
	.dg-prev,
	.dg-next {
		cursor: inherit;
	}
	
	.dg-prev i,
	.dg-next i{
		font-size: 20px;
	}

}




































/* pc */
@media screen and (min-width: 1025px) and (max-width: 1400px){

	.dg-container {
		height: 40vh;
	}
	
}