@charset "utf-8";

.wrap_visual,
.wrap_visual .slider,
.wrap_visual .slick-list,
.wrap_visual .slick-track,
.wrap_visual .slick-slide,
.wrap_visual .slick-slide > div,
.wrap_visual .slick-slide > div > li,
.wrap_visual .wrap,
.wrap_visual .item_1{height:100%;}
.wrap_visual .wrap{position:relative;}
.wrap_visual .item_1{background-size:cover !important;transform:scale(1.2);filter:blur(30px);}
.wrap_visual .item_1 img{display:none;}
.wrap_visual .item_2{color:#FFF;width:96%;height:calc(100% - 120px);top:120px;left:2%;position:absolute;z-index:1;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;}
.wrap_visual .text_1{font-size:35px;font-family:'Sebang Regular';line-height:1.2;letter-spacing:-1px;opacity:0;transform:translateY(-50px);}
.wrap_visual .text_2{font-size:60px;font-family:'Sebang Regular';line-height:1.2;margin-top:20px;letter-spacing:-1px;opacity:0;transform:translateY(50px);}
.wrap_visual .item{display:block;width:200px;height:50px;font-size:18px;color:#FFF;font-family:'Mont SemiBold';line-height:1;margin-top:50px;background:#22ba31;border-radius:50px;display:flex;align-items:center;justify-content:center;}
@media all and (max-width:1280px){
	.wrap_visual .item_2{height:calc(100% - 80px);top:80px;}
	.wrap_visual .text_1{font-size:25px;}
	.wrap_visual .text_2{font-size:45px;}
	.wrap_visual .item{width:170px;height:45px;font-size:16px;}
}
@media all and (max-width:768px){
	.wrap_visual .item_2{height:calc(100% - 64px);top:64px;}
	.wrap_visual .text_1{font-size:18px;letter-spacing:0px;}
	.wrap_visual .text_2{font-size:30px;letter-spacing:-1px;}
	.wrap_visual .item{width:120px;height:35px;font-size:14px;}
	.wrap_visual .numbering{font-size:14px;}
	.wrap_visual .paging button{width:36px;}
}
@media all and (min-width:1281px){
	.wrap_visual .item:hover{background:#222;}
}


/*콘트롤*/
.wrap_visual .control{bottom:50px;left:2%;position:absolute;width:96%;display:flex;align-items:center;}
.wrap_visual button{display:block;cursor:pointer;text-indent:-9999px;}
.wrap_visual .numbering{color:#FFF;font-size:15px;line-height:1;}
.wrap_visual .numbering span{font-family:'Mont SemiBold';}
.wrap_visual .paging{margin:0 12px;}
.wrap_visual .paging ul{display:flex;align-items:center;}
.wrap_visual .paging button{width:50px;height:1px;background:#FFF;opacity:0.5;}
.wrap_visual .paging li.slick-active button{height:4px;opacity:1;}
.wrap_visual .playstop{margin-left:15px;}
.wrap_visual button.play,
.wrap_visual button.stop{display:none;width:10px;height:10px;}
.wrap_visual button.on{display:block;}
.wrap_visual button.play{background:url(../images/visual_play.png) no-repeat center;}
.wrap_visual button.stop{background:url(../images/visual_stop.png) no-repeat center;}
@media all and (max-width:1280px){
	.wrap_visual .control{bottom:40px;}
}
@media all and (max-width:768px){
	.wrap_visual .control{bottom:30px;}
	.wrap_visual .numbering{font-size:14px;}
	.wrap_visual .paging button{width:36px;}
}

/*애니메이션*/
.wrap_visual .item_1{animation-name:mainVisualScale;animation-duration:4s;animation-fill-mode:forwards;}
@keyframes mainVisualScale{
	0%{}
	100%{transform:scale(1);filter:blur(0px);}
}
.wrap_visual .text_1{animation-name:text_1;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes text_1{
	0%{}
	100%{opacity:1;transform:translateY(0);}
}
.wrap_visual .text_2{animation-name:text_2;animation-duration:2s;animation-fill-mode:forwards;}
@keyframes text_2{
	0%{}
	100%{opacity:1;transform:translateY(0);}
}