@charset "UTF-8";

.wrap-link {position: relative; margin-right: 140px; margin-top: 118px;}
.wrap-link .control button {width:14px; height:25px; position: absolute; text-indent: -9999px;}
.wrap-link .prev {background:url('../images/prev.png') no-repeat center; left:0; top:50%; margin-top:-12px; z-index: 1;}
.wrap-link .next {background:url('../images/next.png') no-repeat center; right:0; top:50%; margin-top:-12px; z-index: 1;}
.wrap-link li {padding:0 20px; text-align: center;}
.wrap-link li .img-box {height:60px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.wrap-link a:hover .img-box img {filter: invert(10%) sepia(54%) saturate(5962%) hue-rotate(210deg) brightness(91%) contrast(108%);}
.wrap-link a:hover p {color:#002870;}
.wrap-link p {font-size: 18px; font-family: 'SUITE SemiBold'; line-height: 1.2;}
.wrap-link p span {position: relative; background:linear-gradient(to bottom, transparent 95%, #002870 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.wrap-link p span::after {content:''; width:20px; height: 20px; background:#005BFE; opacity:0.5; position: absolute; right:-10px; top:-5px; border-radius:50%; display: none;}
.wrap-link a:hover p span {background-size:100% auto;}
.wrap-link a:hover p span::after {display: block;}
.wrap-link .nodata {font-family: 'HG Regular';}
@media screen and (max-width:1200px) {
    .wrap-link {margin-right: 0; margin-top: 60px;}
}
@media screen and (max-width:768px) {
    .wrap-link li {padding:0 5px;}
}