.vis-inner-con{width:284px;height:244px;position:absolute;bottom:40px;right:40px;z-index:9999;}
.vis-inner-con>div{height:100%;}
.vis-inner-con a{display:block;}

.slide-inner-con{display:none;}

.visual{height:560px;overflow:hidden;position:relative;}
.visual .slider,
.visual .slick-list,
.visual .slick-track,
.visual .item{height:100% !important;}
.visual .slider{position:relative;}
.visual .slick-track::-webkit-scrollbar{display:none;}
.visual .item{width:100%;position:relative;display:inline-block;overflow:hidden;}


.visual .item .txt_wrap{width:100%;max-width:1100px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;color:#fff;}

.visual .item .txt_wrap *{word-wrap:break-word;display:block;word-break:keep-all;text-align:left;color:#000;}
.visual .item .txt_wrap .tit{opacity:0;width:100%;font-size:30px;line-height:120%;font-weight:bold;}
.visual .item .txt_wrap .txt{opacity:0;width:100%;margin-top:20px;font-size:18px;line-height:160%;font-weight:normal;}

.visual .item.slick-active .txt_wrap .tit{animation:upslide 1s cubic-bezier(0.4, 0, 0.2, 1) both;animation-delay:0.2s;opacity:1;}
.visual .item.slick-active .txt_wrap .txt{animation:upslide 1s cubic-bezier(0.4, 0, 0.2, 1) both;animation-delay:0.6s;opacity:1;}


.visual .item .img{width:100%;height:100%;text-align:center;clip-path:circle(100%);transform:translateY(0);background-size:cover;background-repeat:no-repeat;background-position:center center;}
.visual .item .img.on{animation:clipOn 3s cubic-bezier(0.19, 0.82, 0.29, 1.01) forwards;}

.visual .item .img img{width:auto;height:100%;display:block;position:relative;left:50%;transform:translateX(-50%) scale(1.25);object-fit:cover;transition:all 13s;}
.start .visual .item.item.slick-active .img img{transform:translateX(-50%) scale(1);}


.visual .control{width:100%;max-width:1100px;display:flex;align-items:center;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:#000;z-index:9998;}
.visual .control .prev,
.visual .control .next{width:25px;height:25px;margin-right:6px;display:block;position:relative;}

.visual .control .prev:after,
.visual .control .next:after{width:7px;height:7px;border:solid #000;position:absolute;top:calc(50% - 4px);display:block;content:"";transform:rotate(45deg);}
.visual .control .prev:after{border-width:0 0 2px 2px;left:calc(50% - 4px);}
.visual .control .next:after{border-width:2px 2px 0 0;right:calc(50% - 4px);}

.visual .control .play,
.visual .control .stop{width:25px;height:25px;margin-right:16px;display:inline-flex;align-items:center;justify-content:center;background-size:7px auto !important;}
.visual .control .play{display:none;background:url(/img/play-btn.svg) no-repeat center center;}
.visual .control .stop{background:url(/img/stop-btn.svg) no-repeat center center;}

.visual .control i{margin:0 5px;}
.visual .control i,
.visual .control strong,
.visual .control span{font-size:16px;}

.visual .progress-bar{width:150px;height:3px;margin-left:16px;border-radius:5px;background:rgba(0,0,0,0.4);overflow:hidden;}
.visual .progress-bar .progress{width:0;height:100%;background:#000;transition:width 6.5s linear;/* 서서히 채워지는 효과 (슬라이드 유지 시간과 맞춤) */}

.visual .slick-dots{display:none !important;}

@media screen and (max-width:1500px){
.vis-inner-con{bottom:30px;right:30px;}

.visual,
.visual .item .img{height:480px;}
}
@media screen and (max-width:1280px){
.vis-inner-con{width:260px;height:223px;bottom:20px;right:20px;}

.visual,
.visual .item .img{height:420px;}

.visual .item .txt_wrap .tit{font-size:28px;}
.visual .item .txt_wrap .txt{font-size:17px;}
}
@media screen and (max-width:1100px){
.vis-inner-con{width:240px;height:206px;}

.visual,
.visual .item .img{height:390px;}

.visual .item .txt_wrap{padding:0 20px;}

.visual .item .txt_wrap .tit{font-size:26px;}
.visual .item .txt_wrap .txt{font-size:16px;}
    

.visual .control{bottom:25px;padding-left:20px;}

.visual .control .prev,
.visual .control .next{width:15px;height:15px;margin-right:8px;}
.visual .control .play,
.visual .control .stop{width:15px;height:15px;margin-right:12px;}

.visual .progress-bar{width:100px;margin-left:15px;}

.visual .control i,
.visual .control strong,
.visual .control span{font-size:12px;}
}
@media screen and (max-width:960px){
.vis-inner-con{width:220px;height:189px;bottom:10px;right:10px;}

.visual{padding-bottom:80px;}
.visual,
.visual .item .img{height:380px;}

.visual .item .txt_wrap .tit{font-size:24px;}
.visual .item .txt_wrap .txt{font-size:15px;}

.visual .control{bottom:40px;}
}
@media screen and (max-width:860px){
.vis-inner-con{width:200px;height:172px;bottom:0;right:5px;}

.visual,
.visual .item .img{height:360px;}

.visual .item .txt_wrap .tit{font-size:22px;}
.visual .item .txt_wrap .txt{font-size:14px;margin-top:15px;}
}
@media screen and (max-width:767px){
.visual{padding-bottom:100px;}
.visual,
.visual .item .img{height:340px;}

.visual .item .txt_wrap .tit{font-size:21px;}
.visual .item .txt_wrap .txt{font-size:13px;}

.visual .control{bottom:60px;}
}
@media screen and (max-width:640px){
.vis-inner-con{width:180px;height:155px;}

.visual .item .txt_wrap .tit{font-size:20px;}
.visual .item .txt_wrap .txt{font-size:12px;margin-top:10px;}
}
@media screen and (max-width:520px){
.vis-inner-con{width:170px;height:146px;}
}
@media screen and (max-width:460px){
.visual .progress-bar{width:80px;}
}
@media screen and (max-width:400px){
.visual .control{padding-left:15px;}
.visual .progress-bar{width:60px;}
}
@media screen and (max-width:380px){
.vis-inner-con{display:none;}

.visual{padding-bottom:0;}
.visual,
.visual .item .img{height:220px;}

.visual .control{bottom:20px;}
.visual .progress-bar{width:40px;}

.slide-inner-con{width:70%;margin:0 auto;margin-top:20px;display:block;}
.slide-inner-con img{width:100%;}
}