@charset "utf-8";

.wrap_visual{height:960px;max-height: 100vh;}
.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 .item_2{padding: 70px 0;top:0;left:100px;width:50%;height: 80%;position:absolute;z-index:1;display:flex;flex-direction:column;justify-content:center;}
.wrap_visual .text_1{color:#FFF;font-size:60px;line-height: 1.35;font-family:'Dream Light';opacity:0;transform:translateY(-50px);letter-spacing: -.035em;}
.wrap_visual .text_1 span{font-family:'Dream Bold';}
.wrap_visual .text_2{color:#FFF;font-size:20px;line-height: 1.6;font-family: 'Dream Light';opacity:0;transform:translateY(50px);margin-top:50px;width: 500px;letter-spacing: -0.8px;}

@media all and (max-width:1640px){
	.wrap_visual .item_2{left:5%;width:90%;margin-left:0;}
}
@media all and (max-width:1023px){
	.wrap_visual .text_1{font-size: 48px;}
}
@media all and (max-width:767px){
	.wrap_visual{height:700px;}
	.wrap_visual .text_1{font-size: 30px;}
	.wrap_visual .text_2{width: auto;padding-right: 30px;margin-top: 20px;font-size: 17px;}
	.wrap_visual .item_2{height: 65%;}
}


/*애니메이션*/
.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{display: flex;position: absolute;top: 620px;left: 105px;animation-name:text_2;animation-duration:3s;animation-fill-mode:forwards;opacity:0;transform:translateY(50px);}
.wrap_visual .numbering{display:none;}
.wrap_visual .paging{display:inline-block;vertical-align:middle;}
.wrap_visual .paging ul:after{content: ""; display: block; clear: both;}
.wrap_visual .paging ul li{float: left; margin-right: 18px}
.wrap_visual .paging button{position: relative; top: -4px; width: 15px; height: 15px;text-indent:-9999px;}
.wrap_visual .paging button:before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 4px;height: 4px;background-color: #fff;border-radius: 50%;transition:0.5s;}
.wrap_visual .paging ul li.slick-active button:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border: 2px solid #fff;width: 26px;height: 26px;border-radius: 50%;background: rgba(0,0,0,0);}

.wrap_visual .playStop{display:inline-block;vertical-align:middle;position: relative;top: -4px;margin-left: 5px;}
.wrap_visual .playStop .play{display:none;width: 9px;height: 14px;background-image: url("../images/play-icon-white.png");background-repeat: no-repeat;background-size: contain;text-indent:-9999px;}
.wrap_visual .playStop .stop{width: 9px;height: 14px;background-image: url("../images/pause-white.png");background-size: contain;background-repeat: no-repeat;text-indent:-9999px;}


@media all and (max-width:1640px){
	.wrap_visual .wrap{left:5%;width:90%;margin-left:0;}
}
@media all and (max-width:768px){
	.wrap_visual .wrap{top: 380px;}
}

@media all and (max-width:600px){
    .wrap_visual .wrap{top: 400px;}
}