@charset "utf-8";

/* 새글 스킨 (latest) */
.recent_basic {position:relative;}
.recent_basic h2 {display:none;height:50px;color:#222;font-size:20px;font-weight:400;}
.recent_basic a.more {display:none;color:#fff;text-align:center;line-height:50px;background:#414d5d}
.recent_basic dl {margin:0 0 20px 0;}

.recent_basic dl dt {display:block;position:relative;padding:0 0 30px 0;border-bottom:solid 1px #ddd;}
.recent_basic dl dt .date {display:block;position:absolute;left:0;top:0;width:80px;height:80px;padding:10px 0 0 0;font-family:'Lato';color:#fff;text-align:center;font-weight:400;background:#414d5d}
.recent_basic dl dt .date strong {display:block;color:#fff;font-size:30px;font-weight:900;}
.recent_basic dl dt a {display:block;min-height:80px;margin:0 0 0 100px;}
.recent_basic dl dt a strong {display:block;margin:0 0 4px 0;color:#222;font-size:18px;overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}

.recent_basic dl dd {
    display:block;
    position:relative;
    border-bottom:solid 1px #ddd;
    margin:0;
}
.recent_basic dl dd a {
    display:block;
    position:relative;
    margin:0 90px 0 0;
    padding:0 0 0 9px;
    line-height:49px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
}
.recent_basic dl dd a .bullet {display:block;position:absolute;left:0;top:50%;width:3px;height:3px;background:#999;border-radius:50%;
-webkit-transform: translateY( -50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.recent_basic dl dd a strong {color:#222;font-weight:400;}
.recent_basic dl dd a i {color:#ff7700;font-size:18px;}
.recent_basic dl dd .date {display:block;position:absolute;right:0;top:50%;color:#999;
-webkit-transform: translateY( -50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}



@media screen and (max-width:768px) {
.recent_basic h2 {height:40px;font-size:16px;}
.recent_basic a.more {font-size:13px;line-height:40px;}

.recent_basic dl dt {padding:0 0 20px 0;}
.recent_basic dl dt .date {width:60px;height:60px;padding:5px 0 0 0;font-size:13px;}
.recent_basic dl dt .date strong {font-size:24px;}
.recent_basic dl dt a {min-height:60px;margin:0 0 0 80px;font-size:13px;}
.recent_basic dl dt a strong {font-size:16px;line-height:20px;}

.recent_basic dl dd a {margin:0 60px 0 0;font-size:13px;line-height:39px;}
.recent_basic dl dd a i {font-size:16px;}
.recent_basic dl dd .date {font-size:13px;}


}