@charset "utf-8";

.wrap_visual,
.wrap_visual .slider,
.wrap_visual .slick-list,
.wrap_visual .slick-track,
.wrap_visual .slick-slide,
.wrap_visual .item_1{height:100%;}
.wrap_visual .item_1{background-size:cover !important;transform:scale(1.2);}
.wrap_visual .item_1 img{display:none;}

.wrap_visual {border-radius: 16px; overflow: hidden;}
/*슬로건*/
.wrap_visual .item_2{text-align:center;padding:211px 0;top:0;left:2%;width:96%;height:100%;position:absolute;z-index:1;display:flex;flex-direction:column;}
.wrap_visual .text_1{color:#FFF;font-size:64px;line-height:1.3;font-family:'S-CoreDream-6Bold';opacity:0;transform:translateY(-50px);}
.wrap_visual .text_2{color:#FFF;font-size:20px;line-height:1.5;font-family:'S-CoreDream-5Medium';opacity:0;transform:translateY(50px);margin-top:50px;}
@media all and (max-width:1023px){
	.wrap_visual .text_1{font-size:45px;}
	.wrap_visual .text_2{font-size:20px;}
}
@media all and (max-width:767px){
	.wrap_visual .text_1{font-size:30px;}
	.wrap_visual .text_2{font-size:18px;}
}

/*애니메이션*/
.wrap_visual .item_1{animation-name:mainVisualScale;animation-duration:5s;animation-fill-mode:forwards;}
@keyframes mainVisualScale{
	0%{}
	100%{transform:scale(1);}
}
.wrap_visual .text_1{animation-name:text_1;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes text_1{
	0%{}
	100%{opacity:1;transform:translateY(0px);}
}
.wrap_visual .text_2{animation-name:text_2;animation-duration:3s;animation-fill-mode:forwards;}
@keyframes text_2{
	0%{}
	100%{opacity:1;transform:translateY(0px);}
}

/*콘트롤*/
.wrap_visual .wrap{}
.wrap_visual .control{bottom:25%;left:2%;width:96%;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;}
.wrap_visual .main-visual-bx {display: block;}
.wrap_visual .main-visual-bx .main-visual-dots {display: inline-block; vertical-align: middle; margin: 0 15px; padding-top: 13px;}
.wrap_visual .main-visual-bx .main-visual-dots li {float: left; font-size: 0;}
.wrap_visual .main-visual-bx .main-visual-dots li button {text-indent: -999999px; width: 50px; height: 3px; background: rgba(255, 255, 255, 0.3);}
.wrap_visual .main-visual-bx .main-visual-dots li.slick-active button {background: #fff;}
.wrap_visual .main-visual-bx .current,
.wrap_visual .main-visual-bx .total {font-size: 16px; color: #fff; font-family:'S-CoreDream-6Bold';}

.wrap_visual .paging{display: block;margin:0 10px;}
.wrap_visual .paging ul{display:flex;align-items:center;}
.wrap_visual .paging li{margin-right:5px;width:22px;height:22px;border:1px solid transparent;border-radius:100%;padding:7px;}
.wrap_visual .paging button{width:6px;height:6px;background:#FFF;border-radius:100%;display:block;text-indent:-9999px;transition:0.5s;}
.wrap_visual .paging li.slick-active{border-color:#FFF;}

.wrap_visual .play,
.wrap_visual .stop{width:14px;height:14px;display:none;text-indent:-9999px;margin-left:10px;border-radius:100%;}
.wrap_visual .play.on,
.wrap_visual .stop.on{display:block;}
.wrap_visual .play{background: url('../images/play-icon.png') no-repeat center;}
.wrap_visual .stop{background: url('../images/stop-icon.png') no-repeat center;}
.wrap_visual .prev,
.wrap_visual .next{width:70px;height:70px;border:1px solid #FFF;display:block;text-indent:-9999px;position:absolute;top:calc(50% - 25px);transition:0.5s;}
.wrap_visual .prev{left:110px;background:url('../images/slide-arrow-prev.png') no-repeat center;}
.wrap_visual .next{right:110px;background:url('../images/slide-arrow-next.png') no-repeat center;}
@media all and (max-width:1023px){
	.wrap_visual .prev{left:10px;}
	.wrap_visual .next{right:10px;}
	.wrap_visual .prev,
	.wrap_visual .next{width:50px;height:50px;}
}
@media all and (max-width:768px){
	.wrap_visual .item_2 {justify-content: center; padding: 20px 0;}
	.wrap_visual .control {bottom: 74px;}
	.wrap_visual .prev{left:30px;}
	.wrap_visual .next{right:30px;}
	.wrap_visual .prev,
	.wrap_visual .next{width: 40px; height: 40px; top: auto; bottom: 70px;}
}

/* hover */
@media all and (min-width:1024px){
	.wrap_visual .prev:hover,
	.wrap_visual .next:hover{background-color:rgba(255,255,255,0.3);}
}