@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% - 35px);top:35px;left:2%;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:'Sebang Regular';text-align:center;}
.wrap_visual .text_1{font-size:24px;font-family:'Sebang Regular';line-height:1.3;letter-spacing:-1px;opacity:0;transform:translateY(-50px);}
.wrap_visual .text_2{font-size:60px;font-family:'Sebang Bold';line-height:1.1;margin-top:15px;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% - 136px);top:80px;}
	.wrap_visual .text_1{font-size:20px;}
	.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% - 118px);top:64px;}
	.wrap_visual .text_1{font-size:16px;letter-spacing:0;}
	.wrap_visual .text_2{font-size:30px;letter-spacing:0;}
	.wrap_visual .item{width:120px;height:35px;font-size:14px;}
}
@media all and (min-width:1281px){
	.wrap_visual .item:hover{background:#222;}
}


/*콘트롤*/
.wrap_visual .control{height:70px;padding:30px;width:240px;margin-left:-800px;left:50%;bottom:0;position:absolute;display:flex;align-items:center;justify-content:flex-end;background:#FFF;}
.wrap_visual .control::before{content:"";display:block;width:1000px;height:70px;margin-left:-1120px;left:50%;bottom:0;position:absolute;background:#FFF;}
.wrap_visual button{display:block;cursor:pointer;text-indent:-9999px;}
.wrap_visual .numbering{color:#222;font-size:15px;line-height:1;position:relative;}
.wrap_visual .numbering span{font-family:'Mont SemiBold';}
.wrap_visual .paging{margin:0 12px;position:relative;}
.wrap_visual .paging ul{display:flex;align-items:center;}
.wrap_visual .paging button{width:50px;height:1px;background:#222;opacity:0.5;}
.wrap_visual .paging li.slick-active button{height:4px;opacity:1;}
.wrap_visual .playstop{margin-left:15px;position:relative;}
.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:1640px){
	.wrap_visual .control{left:0;margin-left:0;}
	.wrap_visual .control::before{display:none;}
}
@media all and (max-width:1280px){
	.wrap_visual .control{width:90%;left:5%;padding:20px;height:unset;justify-content:center;}
}
@media all and (max-width:768px){
	.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);}
}