@charset "utf-8";

/* 새글 스킨 (latest) */
.latest_wr {margin:60px auto 80px;}

.notice {position:relative; width:100%; }

.notice ul {display:flex; justify-content:flex-start; align-items:center;}
.notice li {width:auto; }
.notice li:not(:last-child) {_margin-right:1.33%;}
.notice li:hover a {border:1px solid #DE349A;}

.notice li a {display: block; width:calc(100% - 1px); padding:30px 20px; border-radius:10px; background:#fafafa; border:1px solid #ddd;}
.notice li h4 {display:block; margin: 0 0 15px; font-size:18px; font-weight:bold; color:#000;} /* 공지에 체크된 경우 */
.notice li strong {display:block; margin: 0 0 15px; font-size:18px; font-weight:bold; color:#000;}
.notice li p {height:39px; margin: 0 0 15px; color:#777; line-height:130%; white-space:normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.notice li span {display:block; font-size:14px; color:#555;}

.notice li a {display:inline-block;} 
.notice li.empty_li {display:inline-block;padding:11px 0;color:#e3e3e3;}

.notice li .lock_icon {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 #a2c6ce;vertical-align:baseline}
.notice li .new_icon {display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;margin-right:3px;border-radius:2px;vertical-align:baseline}

.notice .cnt_cm {background:#5c85c1;color:#fff;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space:nowrap;margin-left:5px}



.buttonWrap {position: absolute; top:-35px; right:0; width:80px;}

.swiper-button-next, .swiper-button-prev {border: 1px solid #555; width: 36px; height: 36px; border-radius: 50%; color:#DE349A;}

.swiper-button-next, .swiper-rtl .swiper-button-prev {left: initial; right:0; }
.swiper-button-prev, .swiper-rtl .swiper-button-next {left:0; right: initial;}

.swiper-button-next:after, .swiper-button-prev:after {font-size:16px;}



@media (max-width:640px) {


.notice li p {min-height:58.5px;}


}