@charset "utf-8";

/* 새글 스킨 (latest) */
.lat{margin-top:32px}
.lat li.notice-area{margin-bottom:12px;}
.lat li a{display:flex; align-items: center; justify-content: space-between; padding:16px 24px; border-radius: 12px; background:#fff; transition-duration: 0.2s;}

.lat li a:hover{background:#f5f5f7}
.lat li.notice-area a {box-shadow: 3px 3px 11px 0px rgba(0, 0, 0, 0.1);}
.lat li a h4{font-size:19px; display:flex; align-items: center;}
.lat li a p{font-size:19px; display:flex; align-items: center;}

.lat li a .lat-text{position: relative; padding-left:16px;}
.lat li a .lat-text::before{content:""; display:block; width:6px; height: 2px; background:#000; position: absolute; top:10px; left:0; }
.lat li.notice-area a .lat-text::before{content:""; display:block; width:6px; height: 6px; background:#000; position: absolute; top:8px; left:0; }

.lat li .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; margin-left:12px}
.lat-info{font-size:19px;}

@media(max-width:768px) {
    .lat li a h4{font-size:17px;}
    .lat li.notice-area a .lat-text::before{top:7px}
    .lat li a p{font-size:17px;}
    .lat li a .lat-text::before{top:8px}
}

@media(max-width:600px) {
    .lat-info{display:none;}

}