@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {
    position: relative;
    margin-bottom: 0;
    background-color: rgba(24, 26, 27, 0.8);
    overflow: hidden;
    padding: 30px 35px;
}
.lat .lat_title {
    display: block;
    line-height: 45px;
    color: #0b96a6;
    padding: 0px 0px 10px;
}
.lat .lat_title a {
    position: relative;
    color: #fff;
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    line-height: 100%;
}
.lat .lat_title a:hover {
    text-decoration: underline;
}
.lat .lat_title a small {
    display: block;
    color: rgba(255,255,255,0.8);
    font-size: 0.55em;
}

.lat ul {padding:10px 0}
.lat li {position:relative;line-height:18px;border-bottom:1px solid #e5ecee;}
.lat li a {line-height:24px;font-weight:bold;font-size:1.2em;line-height:20px;vertical-align:middle}
.lat li a:hover {color:#333; text-decoration: underline !important;}
.lat li .fa-heart {color:#ff0000}
.lat li .fa-lock {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 #cbe3e8;vertical-align:middle}
.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}
.lat li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-caret-right {color:#bbb}
.lat li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.lat .profile_img img{border-radius:50%}

.lt_info {padding:10px 0}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

.lat .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.lat .empty_li:before {background:none;padding:0}

.lat .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.lat .lt_more {
    position: absolute;
    top: 50%;
    right: 0px;
    width: auto;
    transform: translateY(-50%);
    display: inline-block;
    line-height: 0px;
    color: #515151;
    font-size: 1.1em;
}
.lat .lt_more:before {
    content: '+';
}

.lat ul {
    padding: 10px 0 0;
}
.lat .basic_li {
    display: table;
    width: 100%;
    font-size: 0px;
    margin-bottom: 0px;
    padding: 5px 0px;
    font-size: 0px;
    border: none;
}
.lat ul > li * {
    color: #FFF !important;
    font-weight: 300 !important;
}
.lat ul > li:nth-of-type(2n) * {
    color: #f6a3a5 !important;
}
.lat .basic_li > * {
    display: table-cell;
    font-family: 'Noto Sans KR', sans-serif;
    line-height: 150%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    height: 28px;
    line-height: 28px;
}
.lat .basic_li > a {
    font-size: 0.9rem;
    font-weight: 500;
    color: #898989;
    overflow: hidden;
}
.lat .basic_li > .lt_info {
    width: 22%;
    font-size: 1rem;
    padding: 0px;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .lat {
        padding: 20px;
    }
    .lat .lat_title a {
        font-size: 1.1em;
    }
}
@media (max-width: 640px) {
    .lat .basic_li {
        table-layout: fixed;
        width: 100%;
    }
    .lat ul > li * {
        font-size: 0.9rem !important;
    }
    .lat .basic_li > a {
        padding-left: 10px;
    }
}
@media (max-width: 410px) {
    .lat ul > li * {
        font-size: 0.7rem !important;
    }
}