@charset "utf-8";

.wrap_visual .slick-slide li{display: block !important;}
.wrap_visual .slick-slide {position: relative;}
.wrap_visual .slick-slide::after{content:""; display: block; position: absolute; background: linear-gradient(180deg,rgba(0, 0, 0, .5) 0%, transparent 30%, transparent 100%); width: 100%; height: 100%; left: 0; top: 0;}
.wrap_visual .slick-slide img{width: 100%;}
.wrap_visual .item{position: absolute; top: 334px; left: 0; width: 100%; padding: 0 100px; z-index: 2; opacity: 0; transition: all 1s;}
.wrap_visual .item::before{content:""; display: block; position: absolute; left: 0; top: 23px; width: 60px; height: 2px; background-color: white;}
.wrap_visual .item .text_1{font-size: 50px; line-height: 65px; color: white; font-family: "SBA Medium";}
.wrap_visual .item_1{text-align:center;}
.wrap_visual .item_1 img{width:100%;display:inline-block;}
.wrap_visual .icon{text-align: center; width: 100%; padding-bottom: 50%; position: relative;}
.wrap_visual .icon img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.wrap_visual .item_2{display:none;}
.wrap_visual.active .item{top: 24%; opacity: 1;}

/*콘트롤*/
.wrap_visual .control{position:absolute;top:80%;left:50%;margin-left:-850px;width:1700px;display:flex;align-items:center;justify-content:center;z-index: 99;}
.wrap_visual button{display:block;cursor:pointer;text-indent:-9999px;}
.wrap_visual .control .numbering{font-family:'Montserrat', sans-serif;color:#FFF;font-size:12px;margin-right:20px;}
.wrap_visual .control .numbering .now{font-weight:700;}
.wrap_visual .control .numbering .total{font-weight:500;}
.wrap_visual .control .paging{margin-right:20px;}
.wrap_visual .control .paging ul{display:flex;align-items:center;}
.wrap_visual .control .paging ul li{height:2px;}
.wrap_visual .control .paging ul li button{width:50px;height:100%;background:rgba(255,255,255,0.5);}
.wrap_visual .control .paging ul li.slick-active{}
.wrap_visual .control .paging ul li.slick-active button{background:rgba(255,255,255,1);}
.wrap_visual .control .pannel{margin-bottom:4px;margin-right:20px;display:flex;align-items:center;}
.wrap_visual .control button.play,
.wrap_visual .control button.stop{display:none;width:20px;height:10px;}
.wrap_visual .control button.on{display:block;}
.wrap_visual .control button.play{background:url(../images/play.png) no-repeat center;}
.wrap_visual .control button.stop{background:url(../images/stop.png) no-repeat center;}
.wrap_visual .control button.prev,
.wrap_visual .control button.next{width:25px;height:10px;}gb
.wrap_visual .control button.prev{background:url(../images/prev.png) no-repeat left center;}
.wrap_visual .control button.next{background:url(../images/next.png) no-repeat right center;}

@media screen and (max-width: 1200px) {
	.wrap_visual .icon{padding-bottom: 500px;}
	.wrap_visual .item{padding: 0 60px; top: 227px;}
	.wrap_visual.active .item{top: 127px; opacity: 1;}
	.wrap_visual .item::before{width: 40px; top: 15px;}
	.wrap_visual .item .text_1{font-size: 30px; line-height: 40px;}
}

@media screen and (max-width: 768px) {
	.wrap_visual .icon{padding-bottom: 400px;}
	.wrap_visual .item{padding: 0 40px; top: 234px;}
	.wrap_visual.active .item{top: 129px; opacity: 1;}
	.wrap_visual .item::before{width: 20px; top: 12px;}
	.wrap_visual .item .text_1{font-size: 20px; line-height: 30px;}
}