@charset "utf-8";

/* 배너들  */
.wrap-banner {padding: 0 0 80px 0; background: #fff;}
.wrap-banner .title {position: relative; top: -70px; text-align: center; opacity: 0;}
.wrap-banner .title .eng {display: block; font-family: pps; font-size: 16px; letter-spacing: 0; color: #0079fa;}
.wrap-banner .title strong {display: block; padding-top: 9px; padding-bottom: 10px; font-family: pp; font-size: 32px; line-height: 1.1; color: #212121;}
.wrap-banner .list {overflow: hidden; padding: 7px;}
.wrap-banner .list .swiper-slide {position: relative; top: 100px; opacity: 0;}
.wrap-banner .list a {display: block; padding: 23px 0; background: transparent; border-radius: 10px; transition: .35s;}
/* .wrap-banner .list a:hover {background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1)} */
.wrap-banner .list .thumb {overflow: hidden; display: flex; justify-content: center; align-items: flex-end; height: 58px;}
.wrap-banner .list a:hover .thumb {align-items: flex-start;}
.wrap-banner .list .desc {padding-top: 20px; font-family: ppr; font-size: 18px; text-align: center; line-height: 1.3; color: #222222;}
.wrap-banner .list a:hover .desc {color: #092378;}

.wrap-banner .control {display: flex; justify-content: center; padding-top: 20px;}
.wrap-banner .paging ul {display: flex; justify-content: center;}
/* (2026)접근성 조치 */
/*
.wrap-banner .paging li {width: auto; height: auto; padding: 0 5px; background: none; opacity: 1;}
.wrap-banner .paging span {display: block; width: 8px; height: 8px; background: #757575; border-radius: 100%; text-indent: -99999px;}
.wrap-banner .paging .swiper-pagination-bullet-active span {width: 40px; background: #05367b; border-radius: 4px;}
*/

.wrap-banner .playstop {padding-left: 5px;}
.wrap-banner .playstop .stop,
.wrap-banner .playstop .play {display: none; width: 6px; height: 8px; text-indent: -999999px;}
/*
.wrap-banner .playstop .stop {background: url('../images/btn-research-stop.png') no-repeat center;}
.wrap-banner .playstop .play {background: url('../images/btn-research-play.png') no-repeat center;}
*/
.wrap-banner .playstop .stop.on,
.wrap-banner .playstop .play.on {display: block;}

@media screen and (max-width: 1450px) {
  .wrap-banner {padding: 0 0 60px 0;}
  .wrap-banner .title strong {padding-top: 15px; font-size: 25px;}
  .wrap-banner .list .desc {font-size: 16px;}
}

@media screen and (max-width: 1100px) {
  .wrap-banner {padding: 0 0 60px 0;}
  .wrap-banner .title strong {padding-top: 9px; font-size: 26px;}
  .wrap-banner .title .eng {font-size: 18px;}
  .wrap-banner .list .desc {font-size: 16px;}
}

@media screen and (max-width: 650px) {
  .wrap-banner {padding: 0 0 40px 0;}
  .wrap-banner .title .eng {font-size: 17px;}
  .wrap-banner .title strong {padding-top: 5px; font-size: 30px;}
  .wrap-banner .list a {padding: 13px 0;}
  .wrap-banner .list .thumb {height: 50px;}
  .wrap-banner .list .thumb img {height: 200%;}
  .wrap-banner .list .desc {font-size: 18px;}
}

/* 2026 웹 접근성 조치  */
/* 2026 웹 접근성 조치 보완 (클릭 영역 24x24px 확보) */
.wrap-banner .paging li { width: auto; height: 24px; min-width: 24px; padding: 0 3px; background: none; opacity: 1; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.wrap-banner .paging span { display: block; width: 11px; height: 11px; padding: 0; background: #757575; border-radius: 100%; text-indent: -99999px; transition: all 0.3s ease; }
.wrap-banner .paging .swiper-pagination-bullet-active span { width: 40px; background: #05367b; border-radius: 6px; }
.wrap-banner .playstop .stop { background: url('../images/btn-research-stop.png') no-repeat center; width: 24px; height: 24px;}
.wrap-banner .playstop .play { background: url('../images/btn-research-play.png') no-repeat center; width: 24px; height: 24px; }
.wrap-banner .paging span:hover {background: #05367b;}

/* 접근성 조치 끝. */