@charset "UTF-8";

.wrapVisual{height:100%;border-radius:5px; overflow: hidden;}
.wrapVisual h2{display:none;}
.wrapVisual .container{}
.wrapVisual .slick-track {display: flex; justify-content: stretch;}
.wrapVisual .slick-slide {height:auto; min-height:unset; float:unset;}
.wrapVisual .item{text-align:left; position:relative; height:100%;}
.wrapVisual .img{position: relative; height:100%;}
/* .wrapVisual .img::after {content:''; width:100%; height:100%; background:rgba(0,0,0,0.2); position: absolute; left:0; top:0;} */
.wrapVisual .img img{display:inline; width: 100%; position: relative; min-height:100%; object-fit: cover;}
.wrapVisual .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; color: white; padding: 60px 40px;}
.wrapVisual .txt_1{font-size: 40px; line-height: 56px; font-family: "Pre Bold"; min-height:112px; overflow:hidden;}
.wrapVisual .txt_2{font-size: 20px; line-height: 32px; font-family: "Pre Regular"; margin: 10px 0 60px;}
.wrapVisual .arrow{display: inline-block; text-indent: -9999px; width:30px; height:15px; background:url('../images/arrow.svg') no-repeat center; margin-top: 30px;}
/* .wrapVisual .arrow::after{content:""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background-color: #ababab;} */
.wrapVisual .control{background:rgba(0,0,0,0.7);border-radius:5px;position:absolute;bottom:40px;left:35px;width:calc(100% - 70px);height:58px;padding:25px;display:flex;align-items:center;}
.wrapVisual .paging {width:60%;}
.wrapVisual .paging ul{display:flex;}
.wrapVisual .paging li {width:100%;}
.wrapVisual .paging button{display:block;width:100%;height:4px;background:#FFF;opacity:0.3;text-indent:-9999px;transition:0.3s;}
.wrapVisual .paging li.slick-active button{opacity:1;}
.wrapVisual .numbering{margin-left:20px;}
.wrapVisual .numbering span{color:#FFF;font-family:'Pre Medium';font-size:14px;line-height:1;}
.wrapVisual .playstop button,
.wrapVisual .prevnext button{display:block;width:20px;height:20px;position:absolute;top:calc(50% - 10px);text-indent:-9999px;transition:0.3s;}
.wrapVisual .playstop button{display:none;right:60px}
.wrapVisual .playstop button.on{display:block;}
.wrapVisual .playstop button.play{background:url(../images/play.svg) no-repeat center;}
.wrapVisual .playstop button.stop{background:url(../images/stop.svg) no-repeat center;}
.wrapVisual .prevnext button.prev{right:90px;background:url(../images/prev.svg) no-repeat center;}
.wrapVisual .prevnext button.next{right:30px;background:url(../images/next.svg) no-repeat center;}
.wrapVisual .paging button:hover{opacity:1;}
@media all and (max-width:1280px){
  .wrapVisual .txt{padding: 40px 25px;}
  .wrapVisual .txt_1{font-size: 30px; line-height: 40px;}
  .wrapVisual .txt_2{font-size: 16px; line-height: 25px; margin: 10px 0 45px;}
}
@media all and (max-width:768px){
  .wrapVisual .txt{padding: 24px 20px;}
  .wrapVisual .txt_1{font-size: 20px; line-height: 28px; min-height:56px;}
  .wrapVisual .txt_2{font-size: 14px; margin: 10px 0 25px;}
  .wrapVisual .arrow{font-size: 12px;}
  .wrapVisual .control{bottom:10px;left:10px;width:calc(100% - 20px);}
}