@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 .item_1{height:100%;}
.wrap_visual .item_1{background-size:cover !important;transform:scale(1.2);filter:blur(100px);filter:grayscale(1);}
.wrap_visual .item_1 img{display:none;}
.wrap_visual .item_2{display:none;}

/*감싸기*/
.wrap_visual .wrap{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:absolute;top:0;left:50%;height:calc(100% - 215px);width:1600px;margin-left:-800px;z-index:1;}

/*슬로건*/
.wrap_visual .wrap a{opacity:0;transform:translateY(-50px);}
.wrap_visual .wrap a .text_2{font-size:16px;color:#FFF;font-family:'Dream Medium';line-height:1;background:#0b3274;border-radius:30px;padding:13px 30px;display:inline-block;transition:0.5s;}
.wrap_visual .wrap h2{font-size:55px;color:#FFF;font-family:'Dream Medium';line-height:1;letter-spacing:-4px;margin-top:30px;text-shadow:1px 1px 5px rgba(0,0,0,0.1);opacity:0;transform:translateY(-50px);}
.wrap_visual .wrap h2 b{display:none;}
.wrap_visual .wrap .text_1{font-size:40px;color:#FFF;font-family:'Play Regular';line-height:1;margin-top:10px;letter-spacing:-2px;text-shadow:1px 1px 5px rgba(0,0,0,0.1);opacity:0;transform:translateY(50px);}


/*콘트롤*/
.wrap_visual .control{margin-top:50px;display:flex;align-items:center;}
.wrap_visual button{display:block;cursor:pointer;text-indent:-9999px;}
.wrap_visual .numbering{color:#FFF;font-size:20px;}
.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:56px;height:1px;background:#FFF;opacity:0.5;}
.wrap_visual .paging li.slick-active button{height:4px;opacity:1;}
.wrap_visual .playstop{margin-left:20px;}
.wrap_visual button.play,
.wrap_visual button.stop{display:none;width:14px;height:14px;}
.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;}

/*HOVER효과*/
@media all and (min-width:1281px) {
	.wrap_visual .wrap a:hover .text_2{color:#0b3274;background:#FFF;}
}
@media all and (max-width:1700px){
	.wrap_visual .wrap{left:5%;width:90%;margin-left:0;}
}
@media all and (max-width:1280px){
	.wrap_visual .wrap h2{font-size:40px;letter-spacing:-2px;}
	.wrap_visual .wrap .text_1{font-size:25px;letter-spacing:-1px;}
}
@media all and (max-width:768px){
	.wrap_visual .wrap{height:100%;}
	.wrap_visual .wrap a .text_2{font-size:14px;padding:10px 20px;}
	.wrap_visual .wrap h2{font-size:25px;}
	.wrap_visual .wrap .text_1{font-size:18px;}
	.wrap_visual .numbering{font-size:14px;}
	.wrap_visual .paging button{width:36px;}
}

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