@charset "utf-8";
/* 새글 스킨 (latest) */
.mainImages{position:relative; z-index:1;}
.mainImages,
.mainImages ul,
.mainImages ul li{width:100%;height:auto;overflow:hidden;}
.mainImages ul li .lt_img{width:100%;height:auto;overflow:hidden;}
.mainImages ul li .lt_img img{display:block; width:100%;height:auto;}
.mainImages ul li{position:relative;}
.mainImages .empty_li{text-align:center; width:100%; padding:50px 0;}
.mainImages ul li .banner-contents {position:absolute;left:0px;bottom:0px;right:0px; display: table;width: 100%;height: 100%;}
.mainImages ul li .banner-contents .sl-inner {display: table-cell;vertical-align: middle;}
.mainImages ul li .banner-contents .sl-inner .txt-box {padding: 0 15px;}
.mainImages ul li .banner-contents h2{font-family: pretendard;font-size: 72px;font-weight: 700;line-height: 1.2;color: #fff;text-shadow: 0px 0px 20px #00000043;padding-bottom: 10px;}
.mainImages ul li .banner-contents h3{font-family: pretendard;font-size: 18px;font-weight: normal;color: #fff;padding-left: 5px;padding-bottom: 10px;}
.mainImages ul li .banner-contents p{font-family: pretendard;font-size: 30px;font-weight: normal;color: #fff;}
.mainImages ul li .banner-contents a{font-weight: 500;transition: 0.3s;font-family: pretendard;font-size: 18px;width: 150px;line-height: 50px;border: 1px solid #fff;text-align: center;display: block;color: #fff;margin: 35px 0 0;}
.mainImages ul li .banner-contents a:hover{background: #fff;color:#162e79;}
.bx-controls{position:absolute;left: 50%; transform: translateX(-50%);bottom:0px;width: 150px;height: 101px;}

.mainImages .bx-viewport{height: 31vw !important;}
.mainImages ul li .lt_img img{height: 31vw !important;}

@media (max-width: 1410px) {
  .mainImages ul li .banner-contents h2{font-size: 60px;}
  .mainImages ul li .banner-contents p{font-size: 26px;}
  .mainImages ul li .banner-contents a{width: 135px;margin: 25px 0 0;}
}
@media (max-width: 1100px) {
  .mainImages ul li .banner-contents h2{font-size: 48px;}
}

@media (max-width: 960px) {
  .mainImages ul li .banner-contents h2 {
    font-size: 36px;}
  .mainImages ul li .banner-contents h3{    padding-bottom: 5px;}
  .mainImages ul li .banner-contents p {font-size: 22px;}
.mainImages ul li .banner-contents a {width: 100px;margin: 15px 0 0;line-height: 40px;font-size: 16px;font-weight: 300;}
  }
@media (max-width: 768px) {
.mainImages .bx-viewport {height: 40vw !important;}
.mainImages ul li .lt_img img {
    height: 40vw !important;
}
@media (max-width: 425px) {
  .mainImages ul li .banner-contents h3{display: none;}
  .mainImages ul li .banner-contents p{display: none;}
  .mainImages .bx-viewport {height: 60vw !important;}
  .mainImages ul li .lt_img img {height: 60vw !important;}
}

}