/* layout start */
/* wrap */
.wrap {max-width:1200px;margin:0 auto;padding-top: 100px;}
.sub.video .wrap {max-width:1200px; margin:0 auto;}







.sub .contents.swiper {position:relative;}

.sub .swiper-slide {overflow:hidden; box-sizing:border-box; border:10px solid #fff; box-shadow:none; position:relative;}
.sub .swiper-slide:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.5);}


.sub .swiper-slide > img {display:block; width:100%; height:auto;}

.sub .swiper-slide.swiper-slide-active {box-shadow:0 0 10px rgba(0,0,0,0.3); max-width:none; max-height:none;}
.sub .swiper-slide.swiper-slide-active:after {display:none;}

.sub .swiper-button {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:auto; z-index:1; pointer-events:none; outline: 0;}
.sub .swiper-button > a {font-size:0; display:block; width:42px; height:80px; z-index:2; pointer-events: all; clear: both; box-shadow: rgba(0,0,0,0.3); outline: 0; right:-3px;}
.sub .swiper-button > a:after {content:""; width:55px; height:55px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); outline: 0;}

@media all and (max-width:800px){
    .sub .swiper-button {position:absolute; left:0; top:38%; opacity: 22%;}
    .sub .swiper-button > a {width:28px; height:50px;}
    .sub .swiper-button > a:after {width:40px; height:40px;}
    .wrap{width: 90%;min-width: none; padding-top: 50px;}
    .sub .swiper-button-next{
        position:absolute;
        top:20px;
        
        width: 20px !important;
        right:-25px !important;
    }
    .sub .swiper-button-next img{
        width: 20px;
        top: 10px;
        position: absolute;
	right: 1px;
    }

    .sub .swiper-button-prev img{
        width: 20px;
        top: 10px;
        position: absolute;
    }

        .sub .swiper-button-prev{
        position:absolute;
        top:20px;
        left:-23px !important;
    }
}
@media all and (max-width:480px){
    .sub .swiper-button > a {width:26px; height:50px;}
    .sub .swiper-button > a:after {width:34px; height:34px;}
}

.sub .swiper-pagination {width:100%; height:auto; position:static; margin-top:24px;}
.sub .swiper-pagination > span {width:8px; height:8px; border-radius:100%; background:#cfe2ff; opacity:1; vertical-align:middle;}
.sub .swiper-pagination > span.swiper-pagination-bullet-active {width:12px; height:12px; background:#214f8a;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 7px;}