@charset "utf-8";

.wrap_visual {margin-bottom:2.5rem;position: relative;}
.wrap_visual .slick-list{max-width:98.5rem;overflow:hidden;}
.wrap_visual .slick-slide{display:inline-block;vertical-align: top;}
.wrap_visual .item_1{text-align:center;}
.wrap_visual .item_1 img{width:100%;display:inline-block;}
.wrap_visual .icon{text-align: center;height: 27rem;}
.wrap_visual .icon img{width:100%;height:100%;object-fit:cover;object-position: center;}
.wrap_visual .item{display:none;}


/*콘트롤*/
.wrap_visual .control{position:absolute;right: 2rem;bottom: 2rem;z-index: 1002;padding:1rem;background-color: rgba(0,0,0,0.6);border-radius: 10rem;display: flex;}
.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;display: none;}
.wrap_visual .control .numbering .now{font-weight:700;}
.wrap_visual .control .numbering .total{font-weight:500;}
.wrap_visual .control .paging{margin-right: 0.5rem;}
.wrap_visual .control .paging ul{display:flex;align-items:center;gap: 0.7rem;}
.wrap_visual .control .paging ul li{}
.wrap_visual .control .paging ul li button{background: #fff;width:1rem;height:1rem;border-radius:50%;}
.wrap_visual .control .paging ul li.slick-active{}
.wrap_visual .control .paging ul li.slick-active button{background:#ff1420;}
.wrap_visual .control .pannel{align-items:center;}
.wrap_visual .control button.play,
.wrap_visual .control button.stop{display:none;width: 10px;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;display:none;}
.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 all and (max-width:768px){
	.wrap_visual{margin-bottom: 0;}
	.wrap_visual .control{right:1.5rem;bottom:1.5rem;padding: 0.8rem;border-radius: 50%;}
	.wrap_visual .control .numbering,
	.wrap_visual .control .paging{display:none;}
	.wrap_visual .control .pannel{margin-bottom:0;margin-right:0;}

	.wrap_visual .icon{height:17rem;}
	.wrap_visual .icon img{width:100%;height:100%;}
}