@charset "utf-8";
/* CSS Document */

#certify2 {
	position: relative;
	width: 86%;
	margin: 1vw 0 2vw 7%;

}

#certify2 .swiper-slide {
	width: 34vw;
	height: 26.87vw;
	font-size: 25px;
	padding: 2.7vw 3.4vw;
	background: #fff;
}

#certify2 .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify2 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify2 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}


#certify2 .swiper-button-prev3 {
	left: -0.3rem;
}

#certify2 .swiper-button-next3 {
	right: -0.3rem;
}


#certify2 .swiper-pagination-bullets .swiper-pagination-bullet {
	border: 0;
	width: 13px;
	height: 13px;

}

#certify2 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color: #00aadc;
}

.swiper_btn-l9 {
	position: absolute;
	top: 45%;
	z-index: 5;
	transform: translateY(-50%);
	cursor: pointer;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	background: #F4F5F7;
}

.leftTriangle {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #a6a6a6;
	transform: rotate(-90deg);
	margin-right: 2px;
}

.rightTriangle {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #a6a6a6;
	transform: rotate(90deg);
	margin-left: 2px;
}


#certify2 .swiper-button-prev3:hover {
	background-color: #00B5D1;
}

#certify2 .swiper-button-prev3:hover .leftTriangle {
	border-bottom: 5px solid #fff;
}

#certify2 .swiper-button-next3:hover {
	background-color: #00B5D1;
}

#certify2 .swiper-button-next3:hover .rightTriangle {
	border-bottom: 5px solid #fff;
}

.left-slide {
	padding-top: 30px;
}

.right-slide {
	padding-top: 30px;
}

@media (max-width: 500px) {
	#certify2 .swiper-slide {
		height: auto;
	}

	#certify2 .swiper-button-prev3 {
		width: 25px;
		height: 25px;
		left: -40px;
		transform: translateY(-50%);
	}

	#certify2 .swiper-button-next3 {
		width: 25px;
		height: 25px;
		right: -40px;
		transform: translateY(-50%);
	}

	#certify2 .swiper-slide .s34 {
		font-size: 12px;
	}

	#certify2 .swiper-slide .s26 {
		font-size: 3vw;
	}

	#certify2 .swiper-slide .s20 {
		font-size: 2vw;
	}
}