@charset "utf-8";
/* 새글 스킨 (latest) */

.bx-wrapper{ position: relative; }
.bx-viewport{ height: 100% !important;}
.notice {position:relative;}
.notice .m-title{ color: var(--font-m-color); position: relative; }
.notice .m-title a{ position: absolute; right: 0; bottom: 0;}
.notice_in li a{ display: block; width: 100%; height: 100%; padding: 60px 55px; max-width: 460px; background-color: var(--main-color); color: var(--w-color) !important; min-height: 420px;}
.notice_in li a h3{ font-size: 24px; font-weight: 500; line-height: 1.3; margin-bottom: 30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.notice_in li a p{ font-size: 16px; line-height: 1.6; width: 90%;}
.notice_in li a span{ font-weight: 700; display: block; padding: 25px 0 0;}

.bx-controls{ position: absolute; bottom: 20px; left: 0; right: 0; width: 100%;  text-align: center; }
.bx-pager{ display: flex; align-items: center; justify-content: center;}
.bx-pager .bx-pager-item{ margin: 0 1%;}
.bx-pager .bx-pager-item a{ display: block; font-size: 0; margin: 0 1%; width: 10px; height: 10px; border-radius: 50%; background-color: var(--w-color); }
.bx-pager .bx-pager-item a:hover, .bx-pager .bx-pager-item a.active{ background-color: var(--font-m-color);}
.bx-controls-direction{ display: none;}


@media(max-width: 1200px){
  .notice_in li a{ padding: 10%; }
  .notice_in li a h3{ font-size: 22px;}
  .notice_in li a p{ font-size: 14px; }
  .notice_in li a span, .notice .m-title a{ font-size: 14px; }
}