@charset "UTF-8";

/* link */
.wrap-link {position: relative; }
.wrap-link .inner {backdrop-filter: blur(10px); background:rgba(0,0,0,0.2); padding:50px 0;}
.wrap-link .slider {position: relative; text-align: center; }
.wrap-link li {color:#fff;}
.wrap-link .img-box {text-align: center; width: 72px; height: 72px; margin:0 auto; margin-bottom: 12px;}
.wrap-link a {display: block; color:#fff;}
.wrap-link .text_1 {font-size: 20px; line-height: 30px; font-family: 'SUITE Medium'; color:#fff; text-align: center;}
.wrap-link .paging {margin-top: 15px;}
.wrap-link .paging ul {text-align: center;}
.wrap-link .paging button {width:11px; height: 11px; background:#fff; border-radius:50%; opacity:0.3; display: inline-block; text-indent: -9999px;}
.wrap-link .paging li {display: inline-block; margin-right:10px;}
.wrap-link .paging li:last-child {margin-right: 0;}
.wrap-link .paging li.slick-active button {opacity:1}
.wrap-link .text_1 span {position: relative; background: linear-gradient(to bottom, transparent 95%, rgba(255,255,255,1) 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.wrap-link a:hover .text_1 span {background-size:100% auto;}
.wrap-link .nodata {font-family: 'HG Regular';}

@media screen and (max-width:1800px) {
    .wrap-link {padding:0 20px;}
}
@media screen and (max-width:1200px) {
    .wrap-link {padding:0 40px;}
    .wrap-link .text_1 {font-size: 18px;}
}
@media screen and (max-width:768px) {
    .wrap-link {padding:0 20px;}
    .wrap-link .inner {padding:25px 0; background:rgba(0,0,0,0.5);}
    .wrap-link .slider {padding:0 20px;}
    .wrap-link .text_1 {font-size: 16px;}
    .wrap-link .img-box {width:auto; text-align: center; height:auto;}
    .wrap-link .slick-slide img {width:57px; height:57px; margin: 0 auto;}
    .wrap-link .paging {font-size: 0;}
}