@charset "UTF-8";

/* 주요정보 바로가기 */
.wrap-goto-link {position: relative; padding:3.2rem 2.4rem; background:#fff; border:1px solid #d8d8d8; border-radius:1.2rem; line-height: 1.5;}
.wrap-goto-link .frame {position: relative;}
.wrap-goto-link .title {margin-bottom: 1.5rem;}
.wrap-goto-link h2 { font-family: pbGOV; font-size: 2.4rem; color:#1d1d1d; letter-spacing: -.03rem; line-height: 1;}
.wrap-goto-link .slider {overflow:hidden; }
.wrap-goto-link .img-box {display: flex; align-items: center; justify-content: center; width:8rem; height:8rem; margin:0 auto; filter: grayscale(1); transition: filter .3s;}
.wrap-goto-link li a {display: block;}
.wrap-goto-link li a:hover .img-box {filter: grayscale(0);}
.wrap-goto-link .img-box img {max-width:8rem; max-height:8rem; object-fit: contain;}
.wrap-goto-link strong {display: block; font-family: pmGOV; font-size: 1.5rem; color:#555; text-align: center;}
.wrap-goto-link strong span {background-image: linear-gradient(#555, #555); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .1rem; transition: background-size .5s;}
.wrap-goto-link li  a:hover strong span {background-size:100% .1rem; }
.wrap-goto-link .control {position: absolute; right:0; top:0; display: flex; gap:0 .8rem;}
.wrap-goto-link .control button {width:2.4rem; height: 2.4rem; border:.1rem solid #D8D8D8; border-radius:.4rem; text-indent: -9999rem;}
.wrap-goto-link .prevnext {display: flex; gap:0 .8rem}
.wrap-goto-link .prev {background:url(../images/ic-prev.png) no-repeat center;}
.wrap-goto-link .next {background:url(../images/ic-next.png) no-repeat center;}
.wrap-goto-link .play {background:url(../images/ic-play.png) no-repeat center;}
.wrap-goto-link .stop {background:url(../images/ic-stop.png) no-repeat center;}
.wrap-goto-link .play,
.wrap-goto-link .stop {display: none;}
.wrap-goto-link .play.on,
.wrap-goto-link .stop.on {display: block;}

.wrap-goto-link .numbering {display: flex; align-items: center; font-size: 1.4rem; font-family: pm; color:#1d1d1d;}
.wrap-goto-link .numbering .now {color:#2F67CD;}
.wrap-goto-link .sl {margin:0 .8rem}