@charset "utf-8";

/*슬라이드*/
.wrap-visual{box-sizing:border-box;position:relative;overflow:visible;}
.wrap-visual .slider{position:relative;z-index:1;}
.wrap-visual .slider li{position:relative;text-align:center;}
.wrap-visual .slider li img{display:inline-block;max-width:none;}
@media all and (max-width:1024px){
	.wrap-visual .slider li img{width:100%;}
}
@media all and (max-width:768px){
	.wrap-visual .slider li img{width:100%;}
}
@media all and (max-width:420px){
	.wrap-visual .slider li img{}
}

/*콘트롤*/
.wrap-visual button{display:inline-block;cursor:pointer;text-indent:-9999px;}
.wrap-visual .prevnext{display:none;}
.wrap-visual .control{position:absolute;left:50%;bottom:30px;margin-left:-800px;width:1600px;z-index:1;text-align:center;display:none;}
.wrap-visual .control .container{display:inline-block;padding:10px 20px;border-radius:30px;background-color:rgba(0,0,0,0.6);line-height:0;}
.wrap-visual .control .playstop,
.wrap-visual .control .paging{display:inline-block;line-height:0;}

.wrap-visual .control .paging li{display:inline-block;margin:0 5px;}
.wrap-visual .control .paging button{width:12px;height:12px;text-indent:-9999px;background:#FFF;border-radius:100px;}
.wrap-visual .control .paging .slick-active button{background:#7bd600;}

.wrap-visual .control .playstop{margin-left:5px;}
.wrap-visual .control .playstop button{display:none;width:12px;height:12px;vertical-align:1px;}
.wrap-visual .control .playstop button.on{display:inline-block;}
.wrap-visual .control .playstop button.play{background:url(../images/play_1_w.png) no-repeat center;}
.wrap-visual .control .playstop button.stop{background:url(../images/pause_1_w.png) no-repeat center;}

.wrap-visual .control .numbering{display:none;}

@media all and (max-width:768px){
	.wrap-visual .prevnext button{width:35px;height:35px;top:calc(50% - 17.5px);}
	.wrap-visual .prevnext button.prev{left:0;}
	.wrap-visual .prevnext button.next{right:0;}
}


/**/
.visual-slogan{text-align:right;position:absolute;top:70px;right:60px;z-index:9;}
.visual-slogan strong{color:#fff;font-size:46px;line-height: 1.4;font-family: 'S-CoreDream-5Medium';letter-spacing: -1.5px;}

.visual-quick{background-color:#8c1851;box-shadow: 5px 7px 8px rgb(0 0 0 / 50%);width:200px;height:200px;position:absolute;top: 49.5%;right: -35px;z-index:9;}
.visual-quick a{color:#fff !important;font-size:19px;font-family:'Noto Regular';display: block;width: 100%;height: 100%;padding: 50px 35px 86px;}
.visual-quick a:before{content:'';width:16px;height:13px;position:absolute;bottom:50px;left:35px;background:url('./../images/arrow_w.png') no-repeat center center;}
.visual-quick a:after{content:'';width:41px;height:45px;bottom: 35px;right: 20px;background:url('./../images/coffee.png') no-repeat center center;position: absolute;}

@media all and (max-width:1023px){
.visual-quick{top:75%;right:55px;}
}

@media all and (max-width:767px){
.visual-slogan{right:30px;}
.visual-slogan strong{font-size:28px;}
.visual-quick{height:100px;top: 70%;right: 30px;}
.visual-quick a{padding: 20px 35px 20px;}
.visual-quick a:before{display:none;}
.visual-quick a:after{bottom:25px;}
}

/**/