@charset "utf-8";
/*데스크탑시 타이틀 높이값과 같은 높이값을 주기 위해 height로 조정 */
.latest-basic-e1 ul {margin-bottom:0;padding:0 10px;border:1px solid #ddd;height:210px;overflow-y:auto}
.latest-basic-e1 li {padding:4px 0;border-bottom:1px dotted #ddd}
.latest-basic-e1 li:last-child {border-bottom:0}
.latest-basic-e1 .col-xs-9 {padding-right:0;padding-left:0;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.latest-basic-e1 .col-xs-9 i {width:14px;text-align:center}
.latest-basic-e1 .col-xs-3 {padding-right:0;padding-left:0;text-align:right;color:#9a9a9a;font-size:12px}
.latest-basic-e1 .basic-comment {font-size:11px}
/*데스크탑시 타이틀 높이값은 height로 조정 */
.list-headline {background:#2E3340;padding:5px 10px;margin:0;height:210px;overflow:hidden;position:relative}
.list-headline h3 {margin:0}
.list-headline h3 a {font-size:18px;color:#c2c7d0;font-weight:700}
.list-headline i {display:inline-block;font-size:100px;color:#7d838f;position:absolute;top:90px;left:20px}
/*데스크탑에서 좌 우 간격 조정*/
.basic-list .col-md-3 {padding-right:5px}
.basic-list .col-md-9 {padding-left:0}
@media screen and (max-width:991px) {
    .latest-basic-e1 ul {height:auto}
    .list-headline {height:30px;margin-bottom:10px;padding:0}
    /*텍스트 위치조정은 text-indent로 조정*/
    .list-headline h3 {text-indent:10px}
    .list-headline h3 a {font-size:12px}
    /*아이콘 길이에 따른 위치조정은 left로 조정*/
    .list-headline i {display:none}
    .basic-list .col-md-3 {padding-right:15px}
    .basic-list .col-md-9 {padding-left:15px}
}