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

.driverecorder-area{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.driverecorder-area.align-top  {
	align-items: flex-start;
}

.pdf-image{
	width: 48%;
}
.pdf-image img{
	width: 100%;
}
.movie{
	width: 50%;
}

.movie video,.movie iframe{
	width: 100%;
	height: 260px;
}

.movie-box:first-of-type.drareco{
	margin-bottom: 20px;
}
.movie-box.drareco{
	max-width: 100%
}
.movie-box .videoWrap{
	position: relative;
    padding-bottom: 56.35%;
}
.movie-box .videoWrap .videoSum{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.movie-box .videoWrap .videoIco{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 47px;
	height: 47px;
	z-index: 3;
	opacity: .9;
	transition: all .3s;
}
.movie-box .videoWrap .videoIco:hover{
	opacity: 1;
}
.movie-box .videoWrap iframe{
	height: 100%;
	position: absolute;
}


@media screen and (max-width: 640px){
	
	.driverecorder-area{
		display: block;
	}	
	.pdf-image{
		width: 100%;
		margin-bottom: 1em;
	}
	.movie{
	width: 100%;
}
	.movie video,.movie iframe{
	width: 100%;
	height: 200px;
}
	.movie video{height: 175px;}
	.movie-box .videoWrap .videoIco{
		width: 35px;
		height: 35px;
	}
	
}