@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position: relative;}
.notice-swiper .swiper-slide.empty {width: 100% !important;padding: 120px 0;text-align: center;}
.notice-swiper .swiper-slide a {display: block;padding: 30px;border: 1px solid #e1e1e1;box-sizing: border-box;border-radius: 10px;background: #fff;transition: .35s;}
.notice-swiper .swiper-slide a > .tag {margin-bottom: 20px;color: var(--color-main);font-size: 14px;font-weight: 700;transition: .35s;}
.notice-swiper .swiper-slide a > .tit {margin-bottom: 15px;color: #333;font-weight: 700;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;line-height: 1.25;transition: .35s;}
.notice-swiper .swiper-slide a > .txt {margin-bottom: 62px;color: #8A8A8A;font-size: 18px;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;line-height: 1.25;transition: .35s;}
.notice-swiper .swiper-slide a > .date {color: #606060;font-size: 15px;transition: .35s;}

.notice-swiper .swiper-slide a:hover,
.notice-swiper .swiper-slide a:focus {background: var(--color-main);}
.notice-swiper .swiper-slide a:hover > .tag,
.notice-swiper .swiper-slide a:focus > .tag,
.notice-swiper .swiper-slide a:hover > .tit,
.notice-swiper .swiper-slide a:focus > .tit,
.notice-swiper .swiper-slide a:hover > .txt,
.notice-swiper .swiper-slide a:focus > .txt,
.notice-swiper .swiper-slide a:hover > .date,
.notice-swiper .swiper-slide a:focus > .date {color: #fff;}

.notice-swiper-ctrls {position: absolute;top: -31%;right: 0;z-index: 10;}
.notice-swiper-ctrls .data-nav {margin: 0 -5px;}
.notice-swiper-ctrls button {background: none;width: 42px;aspect-ratio: 1 / 1;margin: 0 5px;border: 1px solid #d1d1d1;box-sizing: border-box;border-radius: 50%;position: relative;}
.notice-swiper-ctrls button::before {content: '';display: block;width: 18px;aspect-ratio: 1 / 1;border: 1px solid #a9a9a9;box-sizing: border-box;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.notice-swiper-ctrls .btn-prev::before {border-right: 0;border-top: 0;transform: translateX(25%) rotate(45deg);}
.notice-swiper-ctrls .btn-next::before {border-left: 0;border-bottom: 0;transform: translateX(-25%) rotate(45deg);}
.notice-swiper-ctrls button.swiper-button-disabled {opacity: .3;}

@media all and (max-width: 1024px){
    .notice-swiper-ctrls {top: -26%;}
}
@media all and (max-width: 768px){
    .notice-swiper-ctrls {top: 43%;left: 0;right: 0;margin: auto;}
    .notice-swiper-ctrls button {width: 36px;margin: 0;background: #d1d1d1;position: absolute;}
    .notice-swiper-ctrls button::before {width: 12px;border-color: #fff;}
    .notice-swiper-ctrls .btn-prev {left: -18px;}
    .notice-swiper-ctrls .btn-next {right: -18px;}
}


.lat .fa-heart {color:#ff0000}
.lat .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.lat .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.lat .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.lat .fa-caret-right {color:#bbb}
.lat .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.lat .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}