﻿/*
본문 유투브{
*/

#유투브{
	position: relative;margin-bottom:30px;overflow:hidden;z-index:0;
}
@media screen and (min-width: 1000px) {
	
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
	#유투브{
		
	}
}
@media screen and (max-width: 768px)  {
	#유투브{
		height:300px;
	}
}

#유투브 .play , #유투브 .stop {
	display:none;
}
#유투브 .swiper-button-next{
	background-image: url('https://cdn.icoda.co.kr/asset/img/usr/product/r_off.png');

}
#유투브 .swiper-button-next:hover{
	background-image: url('https://cdn.icoda.co.kr/asset/img/usr/product/r_on.png');

}
#유투브 .swiper-button-prev{
	background-image: url('https://cdn.icoda.co.kr/asset/img/usr/product/l_off.png');
}
#유투브 .swiper-button-prev:hover{
	background-image: url('https://cdn.icoda.co.kr/asset/img/usr/product/l_on.png');
}



#유투브 .swiper-pagination-bullet-active{
	background: #e11837 !important;
}
#유투브 .swiper-pagination-bullet{
	background: #b6b6b6;
	opacity: 1;
}

#유투브 .swiper-pagination-bullets {
	bottom: 15px;
}

#유투브 .swiper-slide {

}

#유투브 .video-foreground{
	width: 100%;
}

#유투브 .videoContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


@media (min-aspect-ratio: 16/9) {
  #유투브 .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  #유투브 .video-foreground { height: 300%; left: -100%; }
}
/* 본문 유투브}*/
