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

.lat {position:relative;overflow:hidden;border: 0 solid #c6cacc;}
.lat .lat_title {display:block;padding:0 20px;line-height:1.5;font-size:1.8em;border-bottom:1px solid #e2e2e2;text-align:left;font-weight:500;}
.lat .lat_title a{display:inline-block;position:relative; font-weight: bold; padding-bottom: 7px;}
.lat .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#A91D2A;content:''}

.lat li {position:relative;line-height:26px;padding:8px 0;;position:relative;text-align:left;font-size:15px;}
.lat li a{display: flex; justify-content: space-between; font-size: 16px; align-items: center;}
.lat li a .left{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:17px;
}

.lat li a .left p{
    position:relative;
    margin:0;
    padding-left:14px;
}

.lat li a .left p:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#0799ae;
    transform:translateY(-50%);
}
.lat li a .left h4{font-size: 14px; color: #fff; height: 25px; line-height: 25px; padding: 0 10px; border-radius: 50px; margin-right: 10px; background-color: #A91D2A;}

.lat li a .right h5{font-weight: normal; color: #777; font-size: 14px;}

.lat .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}
.lat .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.lat .lt_more:hover{color:#777}

@media(max-width:900px){
    .lat .lat_title{font-size: 1.2em;}
    .lat .lt_date{position: relative; display: block;}

    .lat li a{flex-direction: column; align-items: flex-start;}
    .lat li a .right{width: 100%; text-align: right;}

    .lat li a .left{
        align-items:flex-start;
        flex-direction:column;
        gap:5px;
    }

    .lat li a .left p:before{
        top:10px;
        transform:none;
    }

    .lat li a .right h5{display: none;}
}