@charset "utf-8";

.wrap_visual{position: relative;}
.wrap_visual .slider li{height: 1000px; background-size:cover; background-position:center top;}

.wrap_visual .slick-slide{display:inline-block;vertical-align: top;}
.wrap_visual .item_1{text-align:center;}
.wrap_visual .item_1 img{width:100%;display:inline-block;}
.wrap_visual .icon{text-align: center;}

.wrap_visual .item{color:#fff;text-align:center;position:relative;top: 13.5%;line-height:1.2;letter-spacing:-2px;}
.wrap_visual .item:before{content:''; width:1px; height:100px; background:#fff; display:block; margin:0 auto;}

.wrap_visual .text_1{font-size:40px;color:#8b0029;margin-top: 3.5vh;font-family: 'Noto Medium';}
.wrap_visual .text_2{font-size:80px;font-family:'Noto Thin';margin: 2.5vh 0;line-height: 1.35;}
.wrap_visual .text_2 strong{font-family:'Noto Medium';}
.wrap_visual .text_3{font-size:19px;line-height: 1.65;font-family:'Noto Regular';margin-bottom:50px;letter-spacing: -0.025em;}


/*애니메이션*/
.wrap_visual .text_1,
.wrap_visual .text_2,
.wrap_visual .text_3{transition: cubic-bezier(0.18, 0.89, 0.32, 1.28) all .9s; filter: blur(5px);position: relative;top: 100px; opacity:0;}

.wrap_visual.start .slick-current .text_1,
.wrap_visual.start .slick-current  .text_2,
.wrap_visual.start .slick-current  .text_3{filter: blur(0); top: 0;opacity:1;}

.wrap_visual .slick-current .text_1{transition-delay:0.25s;}
.wrap_visual .slick-current  .text_2{transition-delay:0.75s;}
.wrap_visual .slick-current  .text_3{transition-delay:1.25s;}

.pannel{display: none;}

.wrap_visual .control{position: absolute;left: calc(50% - 845px);bottom: 100px;animation: opacity 2s forwards;animation-delay:2.5s;}
.wrap_visual .vis-prev{width:11px;height: 21px;background:url('../images/visual-left.png') no-repeat center;text-indent:-9999px;margin-right: 30px;}
.wrap_visual .vis-next{width:11px;height: 21px;background:url('../images/visual-right.png') no-repeat center;text-indent:-9999px;margin-left: 30px;}
.wrap_visual .now{font-size:30px;font-family: 'Noto Light';position: relative;top: -10px;left: 12px;color: #fff;}
.wrap_visual .slash{width:30px;height:30px;background:url('../images/slash.png') no-repeat center;text-indent:-9999px;display: inline-block;}
.wrap_visual .total{font-size:20px;font-family: 'Noto Light';position: relative;top: 12px;left: -8px;color: #fff;}
.wrap_visual .total:before{content:'0';}


@media screen and (max-width: 1400px){
    .wrap_visual .slider li{height:800px;}
    .wrap_visual .text_1{font-size:34px;}
    .wrap_visual .text_2{font-size:65px;}
}

@media screen and (min-width: 1200px) and (max-height:800px){
.wrap_visual .item:before{height:60px;}
.wrap_visual .text_2{font-size:50px;}  
.wrap_visual .text_3{font-size:17px;}    
}

@media screen and (max-width: 1000px){
    .wrap_visual .slider li{height:600px;}
    .wrap_visual .item{top:20%;}
    .wrap_visual .text_1{font-size:25px;margin-top: 30px;}
    .wrap_visual .text_2{font-size:50px;margin-top: 10px;margin-bottom: 15px;line-height: 1.2;}
    .wrap_visual .text_3{font-size:14px;letter-spacing: 0;margin-bottom: 100px;}
    .wrap_visual .item:after, .wrap_visual .item:before{height: 70px;}
}

@media screen and (max-width: 767px){
    .wrap_visual .slider li{height:1100px;}
    .wrap_visual .item{top:150px;}
    .wrap_visual .item:after, .wrap_visual .item:before{height: 60px;}
    .wrap_visual .item:before{margin-bottom: 3.5vh;}
    .wrap_visual .text_1{font-size:23px;margin-top: 30px;}
    .wrap_visual .text_2{font-size: 34px;margin-top: 15px;margin-bottom: 25px;line-height: 1.25;padding: 0 25px;}
    .wrap_visual .text_3{font-size:16px;line-height: 1.7;margin-bottom: 390px;}
    .wrap_visual .item:after{}
}