@charset "utf-8";

.wrap_visual,
.wrap_visual .container,
.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 .slick-slide > div > li > a,
.wrap_visual .item,
.wrap_visual .item_1{height:100%;}

/*.wrap_visual .item_1::after{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.3);position:absolute;left:0;top:0;}
*/

.wrap_visual .slick-slide > div > li > a{display:block;}
.wrap_visual .slick-slide > div > li > a:focus{border:2px solid #000;}

.wrap_visual .item{position:relative;}

.wrap_visual .item_1 img{object-fit:cover;object-position:center;width:100%;height:100%;}
.wrap_visual .item_1 img.pc{}
.wrap_visual .item_1 img.mobile{display:none;}


.wrap_visual .item_2{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;display:none !important;}
.wrap_visual .item_2 .txt_1{font-family:'Pre Bold';font-size:46px;color:#FFF;text-align:center;line-height:1.3;letter-spacing:-2px;position:relative;display:flex;flex-direction:column;}
.wrap_visual .item_2 .txt_1 br{display:none;}
.wrap_visual .item_2 .txt_2{display:none;}
.wrap_visual .item_2::before{content:"";display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/main_visual_mask.png) no-repeat center;opacity:0.5;}
/*
.wrap_visual .item_2::after{content:"";display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/main_visual_txt.png) no-repeat center;}
*/

@media only screen and (max-width:1280px){
	.wrap_visual .item_2::before{background-size:100%;}
}
@media only screen and (max-width:1024px){
	.wrap_visual .item_1 img.pc{display:none;}
	.wrap_visual .item_1 img.mobile{display:block;}
}
@media only screen and (max-width:768px){
	.wrap_visual .item_2{left:25px;width:calc(100% - 50px);top:150px;height:calc(100% - 150px);display:block;}
	.wrap_visual .item_2 .txt_1{text-align:left;letter-spacing:-1px;}
	.wrap_visual .item_2 .txt_1 br{display:block;}
}

/*콘트롤*/
.wrap_visual .control{position:absolute;bottom:50px;left:0;width:100%;display:flex;align-items:center;justify-content:center;}
.wrap_visual .control .wrap{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);border-radius:30px;padding:10px 20px;}
.wrap_visual button{display:block;cursor:pointer;text-indent:-9999px;}
.wrap_visual .control .numbering{display:none;}
.wrap_visual .control .paging{margin-right:5px;}
.wrap_visual .control .paging ul{display:flex;align-items:center;}
.wrap_visual .control .paging ul li{line-height:1;margin:0 3px;}
.wrap_visual .control .paging ul li button{width:6px;height:6px;background:rgba(255,255,255,0.5);border-radius:100%;}
.wrap_visual .control .paging ul li.slick-active button{width:36px;background:rgba(255,255,255,1);border-radius:10px;}
.wrap_visual .control .pannel{}
.wrap_visual .control button.play,
.wrap_visual .control button.stop{display:none;width:22px;height:22px;border:2px solid #FFF;border-radius:100%;}
.wrap_visual .control button.on{display:block;}
.wrap_visual .control button.play{background:url(../images/play.png) no-repeat center;}
.wrap_visual .control button.stop{background:url(../images/stop.png) no-repeat center;}
.wrap_visual .control button.prev,
.wrap_visual .control button.next{display:none !important;}

@media all and (max-width:768px){
	.wrap_visual .control{bottom:30px;}
}


/*애니메이션
.wrap_visual .slick-slide img{transform:scale(1.2);}
.wrap_visual .slick-slide img{animation-name:mainVisual;animation-duration:5s;animation-fill-mode:forwards;}
@keyframes mainVisual{
	0%{}
	100%{transform:scale(1);}
}
.wrap_visual .item_2::before{opacity:0;transform:scale(0.9);}
.wrap_visual .item_2::before{animation-name:mainVisualUi;animation-duration:5s;animation-fill-mode:forwards;animation-delay:0.5s;}
@keyframes mainVisualUi{
	0%{}
	100%{opacity:1;transform:scale(1);}
}
.wrap_visual .item_1::after{opacity:0;}
.wrap_visual .item_1::after{animation-name:mainVisualBg;animation-duration:5s;animation-fill-mode:forwards;animation-delay:1s;}
@keyframes mainVisualBg{
	0%{}
	100%{opacity:1;}
}
.wrap_visual .txt_1 em{opacity:0;transform:translateY(-50px);}
.wrap_visual .txt_1 em{animation-name:txt_1;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s;}
@keyframes txt_1{
	0%{}
	100%{opacity:1;transform:translateY(0);}
}
.wrap_visual .txt_1 span{opacity:0;transform:translateY(50px);}
.wrap_visual .txt_1 span{animation-name:txt_2;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2s;}
@keyframes txt_2{
	0%{}
	100%{opacity:1;transform:translateY(0);}
}
*/