@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.lt {
    position: relative;
    margin: 20px 0;
    padding: 0px 15px;
    background: #fff;
}

.lt_wr {
    width: 100%;
}

/* 첫 번째 게시물 스타일 */
.lt_first {
    width: 100%;
    margin-bottom: 15px;
}

.lt_first_link {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.lt_first_link:has(.lt_first_img) {
    height: 200px;
    border-radius: 5px;
}

.lt_first_link:has(.lt_first_content.no_img) {
    height: auto;
}

.lt_first_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.lt_first_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.lt_first_content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
    color: #fff;
}

.lt_first_content.no_img {
    position: relative;
    padding: 15px;
    background: #eee;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 120px;
    border-radius: 5px;
}

.lt_first_content.no_img .lt_first_tit {
    color: #333;
}

.lt_first_content.no_img .lt_first_txt {
    color: #666;
}

.lt_first_tit {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lt_first_txt {
    font-size: 14px;
    color: rgba(255,255,255,0.9);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 나머지 게시물 스타일 */
.lt_item {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.lt_link {
    display: flex;
    width: 100%;
    align-items: flex-start;
}

.lt .lt_img {
    width: 100px;
    height: 75px;
    margin-right: 10px;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
    border-radius: 5px;
}

.lt .lt_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 150px;
    width: auto;
    object-fit: cover;
    object-position: center;
}

.lt_content {
    flex: 1;
    min-width: 0;
}

.lt_content:only-child {
    margin-left: 0;
}

.lt_tit {
    font-size: 15px;
    margin-bottom: 5px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lt_txt {
    font-size: 13px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

.lt .lt_title {display:block;font-size:1.3em;padding:15px 15px 0;line-height:24px;background:#fff}
.lt ul {list-style:none;padding:0 15px;background:#fff;border-bottom:1px solid #e5ecee}
.lt ul li {padding:15px 0;border-bottom:1px solid #e5ecee;display:flex;align-items:flex-start;gap:10px;width:100%;overflow:hidden}
.lt ul li:last-child {border-bottom:0}
.lt ul li:after {display:block;visibility:hidden;clear:both;content:""}
.lt ul li:hover a.lt_tit {color:#555}
.lt .lt_thumb {display:inline-block;float:left;flex-shrink:0}
.lt .lt_thumb img, .lt .lt_thumb video {width:100px !important;height:75px !important;object-fit:cover;overflow:hidden; border-radius: 5px;}
.lt .lt_content_preview {font-size:1em;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%}
.lt .lt_info {display:inline-block;position:relative;line-height:20px;color:#828282;font-size:0.925em;vertical-align:top}
.lt .lt_date {color:#828282}
.lt .latest-sel{margin-top:1px}

.lt .lt_more {position:absolute;top:15px;right:15px;color:#555;font-size:0.97em;border-radius:3px;padding:4px 5px;z-index:1}
.lt .lt_cmt {background:#e9eff5;color:#555;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

.lt .profile_img img {border-radius:50%;vertical-align:top}
.lt 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}
.lt 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}
.lt 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}
.lt 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}
.lt li .fa-heart {color:#ff0000}
.lt li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.75em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.lt .lt_tit .fa-heart {color:#fe4560;margin-left:5px}

.lt .comment_icon {background:url('./img/icon_comment.png') no-repeat 50% 50%;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px}
.lt .empty_li {text-align:center;padding:40px 0;color:#777}

.lt .owl-carousel .owl-item .profile_img img{width:auto;display:inline}

.tooltipster-content .sv a{display:block;padding:0 10px;line-height:30px;font-weight:normal;color:#bbb}
.tooltipster-content .sv a:hover{background:#000;color:#fff}
.tooltipster-sidetip.tooltipster-sir .tooltipster-content{padding:0}
.tooltipster-sidetip.tooltipster-sir .tooltipster-box{border:0 none;background:#333;border-radius:0}
.tooltipster-sidetip.tooltipster-sir.tooltipster-bottom .tooltipster-arrow-border, .tooltipster-sidetip.tooltipster-sir.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#333}

.lt_page {background:#fff;text-align:center;padding:10px 15px;line-height:25px;border-bottom:1px solid #e5ecee}
.lt_page button {display:inline-block;background:#fff;width:25px;height:25px;border:1px solid #dbdee6;text-align:center;color:#cdcdce}
.lt_page span {color:#6e6e6e}
.lt_page b {color:#000}
.lt_page_prev {float:left}
.lt_page_next {float:right}