@charset "utf-8";

/* 익스피리언스 */
.wrap-ex-banner .thumb {overflow: hidden; border-radius: 10px;}
.wrap-ex-banner .thumb img {width: 100%;}
.wrap-ex-banner .desc strong {display: block; margin-top: 12px; font-family: nm; font-size: 17px; line-height: 1.5; color: #1e1e1e;}
.wrap-ex-banner .control {display: flex; margin-top: 10px;}
.wrap-ex-banner .control button {display: block; width: 50px; height: 50px; text-indent: -99999px; border: 2px solid #d1d1d1; border-radius: 100%;}
.wrap-ex-banner .control button:hover {border-color: #1174ff;}
.wrap-ex-banner .control .prev {background: #fff url('../images/btn-focus-prev.png') no-repeat left center / cover; transition: .35s;}
.wrap-ex-banner .control .prev:hover {background-position: right center;}
.wrap-ex-banner .control .next {margin-left: 5px; background: #fff url('../images/btn-focus-next.png') no-repeat right center / cover; transition: .35s;}
.wrap-ex-banner .control .next:hover {background-position: left center;}

@media screen and (max-width: 1450px) {
  .wrap-ex-banner .control button {width: 40px; height: 40px;}
}

@media screen and (max-width: 1100px) {
  .wrap-ex-banner .desc strong {font-size: 15px;}
  .wrap-ex-banner .control button {width: 30px; height: 30px;}
}

@media screen and (max-width: 650px) {
  .wrap-ex-banner .desc strong {margin-top: 16px;}
}