section {
  width: 100%;
  height: 100vh;
}

video {
 /*  margin-left: calc((100vw - (100vh * 1.7))/2);
  margin-right: calc((100vw - (100vh * 1.7))/2); */
  min-height: 100vh;
  min-width: 100vw;
}
@media (min-aspect-ratio: 16/9) {
  video {
    margin-left: 0;    margin-right: 0;
  }
}
.main_visual_wrapper2 {position:relative; overflow:hidden;}
#main_visual {position:fixed; top:0; left:0; right:0; width:100%; height:100vh; z-index:1; overflow:hidden}
.swiper-container {  width: 100%;  height: 100%;}

.slide {  display: flex;  justify-content: center;  align-items: center;  position: relative;  text-align: center;  font-size: 18px;  background: #fff;  overflow: hidden;}
/* .slide-image {  position: absolute;  top: -200px;  left: -200px;  width: calc(100% + 400px);  height: calc(100% + 400px);  background-position: 50% 50%;  background-size: cover;} */
.slide-image {  position: absolute;   left: -200px;  width: calc(100% + 400px);  background-position: 50% 50%;  background-size: cover;}
.slide-image > img {  width:100%;}
/* .slide-image .video {display:block; width:100%; min-width:100%; height:130%; min-height:100%; margin:0 auto;  }  */
.slide-image .video video {width: 100%;  object-fit: cover; } 

.slide-title { font-family: 'GmarketSansBold',sans-serif;  font-size: 3.5rem;  line-height: 1.4;  max-width: 50%;  white-space: normal;  word-break: break-word;  color: #FFF;  z-index: 100; text-transform: uppercase;
  font-weight: normal;}
.slide-title span {  white-space: pre;  display: inline-block;  opacity: 0;}
slideshow { position: relative;}
.slideshow-pagination {  position: absolute;  bottom: 5rem;  left: 0;  width: 100%;  display: flex;  flex-wrap: wrap;  justify-content: center;  align-items: center;  transition: 0.3s opacity;  z-index: 10;}
.slideshow-pagination-item {  display: flex;  align-items: center;}
.slideshow-pagination-item .pagination-number {  opacity: 0.5;}
.slideshow-pagination-item:hover, .slideshow-pagination-item:focus {  cursor: pointer;}
.slideshow-pagination-item:last-of-type .pagination-separator {  width: 0;}
.slideshow-pagination-item.active .pagination-number {  opacity: 1;}
.slideshow-pagination-item.active .pagination-separator {  width: 10vw;}
.slideshow-navigation-button {  position: absolute;  top: 0;  display: flex;  justify-content: center;  align-items: center;  height: 100%;  width: 5rem;  z-index: 1000;  transition: all 0.3s ease;  color: #FFF;
}
.slideshow-navigation-button:hover, .slideshow-navigation-button:focus {  cursor: pointer;  background: rgba(0, 0, 0, 0.1);}
.slideshow-navigation-button.prev {  left: 0  !important;}
.slideshow-navigation-button.next {  right: 0  !important;}

.pagination-number {  font-size: 1.8rem;  color: #FFF;  font-family: "Oswald", sans-serif;  padding: 0 0.5rem;}

.pagination-separator {  display: block;  position: relative;  width: 40px;  height: 2px;  background: rgba(255, 255, 255, 0.25);  transition: all 0.3s ease;}
.pagination-separator-loader {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #FFFFFF;  transform-origin: 0 0;}


@media screen and (max-width:768px) {
#main_visual {height:400px;}
.slideshow-navigation-button {display: none; } 
 .slide-image {  position: absolute;  top: -200px;  left: -200px;  width: calc(100% + 400px);  height: calc(100% + 400px);  background-position: 50% 50%;  background-size: cover;}
.slide { display:block; padding-top:40%;}
.slide-title { font-size: 8vw; max-width: none;  }
.pagination-number {  font-size: 1.2rem;  color: #FFF;  font-family: "Oswald", sans-serif;  padding: 0 0.5rem;}
.pagination-separator {  display: block;  position: relative;  width: 30px;  height: 2px;  background: rgba(255, 255, 255, 0.25);  transition: all 0.3s ease;}
.pagination-separator-loader {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #FFFFFF;  transform-origin: 0 0;}
.slideshow-pagination {  position: absolute;  bottom: 2rem;  left: 0;  width: 100%;  display: flex;  flex-wrap: wrap;  justify-content: center;  align-items: center;  transition: 0.3s opacity;  z-index: 10;}
}




/* 
			        
			-ms-transform: scale(1.2,1.2); IE 9
			-o-transform: scale(1.2,1.2); IE 9
			-moz-transform: scale(1.2,1.2); IE 9
			-webkit-transform: scale(1.2,1.2); Chrome, Safari, Opera
			 transform: scale(1.2,1.2);
			-webkit-transition:transform 5000ms  ease-in-out ; Safari
			-moz-transition:transform 5000ms ease-in-out ; Safari
			-o-transition:transform 5000ms ease-in-out ; Safari
			-ms-transition:transform 5000ms ease-in-out ; Safari
			transition:transform 5000ms ease-in-out ; */