@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:100%;}

.wrap_visual .scrollDown{width:14rem;height:33rem;position:absolute;left:0;bottom:0;background:url('../images/scrollDownBg.png') no-repeat left bottom;}
.wrap_visual .scrollDown div{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:2rem;bottom:3rem;}
.wrap_visual .scrollDown span{font-size:1.2rem;font-family:'sm';color:#000;writing-mode: vertical-lr;padding-bottom:1rem;}
.wrap_visual .scrollDown i{background:url('../images/scrollDownArrow.png') no-repeat center;width:1.1rem;height:1.1rem;display:block;}
.wrap_visual .scrollDown i.i1{opacity:1;}
.wrap_visual .scrollDown i.i2{opacity:0.6;}
.wrap_visual .scrollDown i.i3{opacity:0.2;}

.wrap_visual .scrollDown i.i1{animation-name:arrow1;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;}
@keyframes arrow1{
	0%{opacity:1;}
	100%{opacity:0;}
}
.wrap_visual .scrollDown i.i2{animation-name:arrow2;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;animation-delay:0.25s;}
@keyframes arrow2{
	0%{opacity:0.6;}
	100%{opacity:0;}
}
.wrap_visual .scrollDown i.i3{animation-name:arrow3;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;animation-delay:0.5s;}
@keyframes arrow3{
	0%{opacity:0.2;}
	100%{opacity:0;}
}

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

.wrap_visual .mask{width:100%;height:100%;position:absolute;left:0;top:0;}
.wrap_visual .pattern_mask,
.wrap_visual .gradation_mask{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:5rem;}
.wrap_visual .pattern_mask{display:none;background:url('../images/mask_1.png') repeat center;}
.wrap_visual .gradation_mask{background:#000;background:linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 50%);opacity:0;}

.wrap_visual .control{width:100%;padding:0 5.5rem 5.5rem 15rem;position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;}
.wrap_visual .control .paging{width:calc(100% - 15rem);margin-top:-0.4rem;}
.wrap_visual .control .paging ul{display:flex;align-items:center;justify-content:center;}
.wrap_visual .control .paging ul li{width:100%;line-height:0;}
.wrap_visual .control .paging ul li button{font-size:0;width:100%;height:0.3rem;background:rgba(255,255,255,0.5);}
.wrap_visual .control .paging ul li.slick-active button{background:rgba(255,255,255,1);}

.wrap_visual .control .pannel{}
.wrap_visual .control .numbering{display:flex;align-items:center;justify-content:flex-end;line-height:0;}
.wrap_visual .control .numbering span{font-size:1.2rem;font-family:'sm';color:#FFF;}
.wrap_visual .control .pannel button{font-size:0;width:3rem;height:3rem;}
.wrap_visual .control .pannel .prev{background:url('../images/prev.png') no-repeat center;}
.wrap_visual .control .pannel .next{background:url('../images/next.png') no-repeat center;}
.wrap_visual .control .pannel .play{background:url('../images/play.png') no-repeat center;}
.wrap_visual .control .pannel .stop{background:url('../images/pause.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:1024px){
	.wrap_visual .scrollDown{width:9.4rem;height:19.6rem;background:url('../images/scrollDownBg2.png') no-repeat left bottom;}
	.wrap_visual .scrollDown div{left:0.5rem;bottom:0.5rem;}
	.wrap_visual .control{padding-right:1.5rem;padding-bottom:2.5rem;}
}