@charset "utf-8";

.wrap_visual,
.wrap_visual .inner,
.wrap_visual .slider,
.wrap_visual .slick-list,
.wrap_visual .slick-track,
.wrap_visual .slick-slide,
.wrap_visual .slick-slide > div,
.wrap_visual .slick-slide > div > li,
.wrap_visual .item_1{height:100vh;}

.wrap_visual .item_1 img{object-fit:cover;object-position:center;width:100%;height:100%;}
.wrap_visual .item_2{display:none;}

.wrap_visual .mask{width:100%;height:100%;position:absolute;left:0;top:0;}
.wrap_visual .pattern_mask{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/mask_1.png) repeat center;}
.wrap_visual .gradation_mask{width:100%;height:100%;position:absolute;left:0;top:0;background:#000000;background:linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 50%);}

.wrap_visual .control{padding:0 6rem;position:absolute;left:0;bottom:15rem;display:flex;align-items:center;}
.wrap_visual .control .numbering{color:#FFF;font-family:'seb';font-size:1.4rem;margin-right:3rem;display:flex;align-items:center;}
.wrap_visual .control .numbering i{padding:0 2rem;font-size:1rem;}
.wrap_visual .control .numbering .now{}
.wrap_visual .control .numbering .total{}
.wrap_visual .control .paging{}
.wrap_visual .control .pannel{display:flex;align-items:center;}
.wrap_visual .control .pannel button{font-size:0;width:4rem;height:4rem;}
.wrap_visual .control .pannel .prev{background:url(../images/prev4_w.png) no-repeat center;}
.wrap_visual .control .pannel .next{background:url(../images/next4_w.png) no-repeat center;}
.wrap_visual .control .pannel .play{background:url(../images/play4_w.png) no-repeat center;}
.wrap_visual .control .pannel .stop{background:url(../images/stop4_w.png) no-repeat center;}
.wrap_visual .control .pannel .play,
.wrap_visual .control .pannel .stop{display:none;}
.wrap_visual .control .pannel .play.on,
.wrap_visual .control .pannel .stop.on{display:block;}

@media all and (max-width:1280px){
	.wrap_visual .control{padding:0 2rem;bottom:10rem;}
}
@media all and (max-width:768px){
	.wrap_visual .control{bottom:5rem;}
	.wrap_visual .control .numbering{font-size:1.2rem;margin-right:1.5rem;}
	.wrap_visual .control .pannel button{width:3rem;height:3rem;}
}