@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.lt {position:relative;margin:10px 0;background:#fff}
.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}
.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:#3a8afd}
.lt .lt_thumb {display:inline-block;float:left;margin-right:10px}
.lt .lt_thumb img, .lt .lt_thumb video {width:138px !important;height:auto;overflow:hidden}
.lt .lt_tit {display:block;font-size:1.2em;font-weight:bold;max-height:60px;overflow:hidden;padding-bottom:10px}
.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:#3a8afd;background:#fff;border:1px solid #d1d7e5;font-size:0.925em;border-radius:3px;padding:4px 5px;z-index:1}
.lt .lt_cmt {background:#e9eff5;color:#3a8afd;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}

/* netcity angular mobile latest skin */
.lt {
    --nlm-accent:var(--nw-accent, #147a6c);
    --nlm-soft:var(--nw-box-strong, #e8f5f1);
    --nlm-surface:var(--nw-box, #f5faf7);
    --nlm-line:#d7e8e2;
    --nlm-text:var(--nw-text, #13231f);
    --nlm-muted:var(--nw-muted, #637570);
    overflow:hidden;
    margin:12px 10px;
    padding:14px;
    border:1px solid var(--nlm-line);
    border-radius:4px;
    background:var(--nlm-surface);
}

.lt .lt_title {
    display:flex;
    align-items:center;
    gap:9px;
    min-height:40px;
    margin:0 76px 12px 0;
    padding:0 0 12px;
    border-bottom:1px solid var(--nlm-line);
    background:transparent;
    color:var(--nlm-text);
    font-size:1.12rem;
    font-weight:900;
    line-height:1.3;
}

.lt .lt_title:before {
    content:"\f0ca";
    flex:0 0 32px;
    width:32px;
    height:32px;
    line-height:32px;
    border-radius:4px;
    background:var(--nlm-accent);
    color:#fff;
    font-family:FontAwesome;
    font-size:13px;
    text-align:center;
}

.lt .lt_title strong {
    color:var(--nlm-text);
}

.lt .lt_title:hover strong {
    color:var(--nlm-accent);
}

.lt ul {
    display:grid;
    gap:8px;
    padding:0;
    border-bottom:0;
    background:transparent;
}

.lt ul li {
    overflow:hidden;
    padding:12px;
    border:1px solid #e1eee9;
    border-left:4px solid var(--nlm-soft);
    border-radius:4px;
    background:#fff;
}

.lt ul li:hover {
    border-left-color:var(--nlm-accent);
    background:#fbfdfc;
}

.lt .lt_thumb {
    overflow:hidden;
    margin-right:12px;
    border:1px solid var(--nlm-line);
    border-radius:4px;
    background:var(--nlm-soft);
}

.lt .lt_thumb img,
.lt .lt_thumb video {
    display:block;
}

.lt .lt_tit {
    display:block;
    position:relative;
    min-height:28px;
    padding:0 0 8px 34px;
    color:var(--nlm-text);
    font-size:1rem;
    font-weight:900;
    line-height:1.5;
}

.lt .lt_tit:before {
    content:"\f15c";
    position:absolute;
    top:0;
    left:0;
    width:26px;
    height:26px;
    line-height:26px;
    border-radius:4px;
    background:var(--nlm-soft);
    color:var(--nlm-accent);
    font-family:FontAwesome;
    font-size:12px;
    text-align:center;
}

.lt ul li:hover a.lt_tit,
.lt .lt_tit:hover {
    color:var(--nlm-accent);
    text-decoration:none;
}

.lt .lt_info {
    color:var(--nlm-muted);
    font-size:0.9rem;
}

.lt .lt_date {
    color:var(--nlm-muted);
}

.lt .new_icon,
.lt .hot_icon,
.lt .lt_cmt,
.lt li .fa-lock,
.lt li .fa-download,
.lt li .fa-link {
    border:1px solid #cfe4dc;
    border-radius:3px;
    background:var(--nlm-soft);
    color:var(--nlm-accent);
}

.lt li .fa-heart,
.lt .lt_tit .fa-heart {
    color:#d94f5c;
}

.lt .lt_more {
    top:14px;
    right:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 10px;
    border:1px solid var(--nlm-line);
    border-radius:4px;
    background:#fff;
    color:var(--nlm-accent);
    font-weight:900;
}

.lt .lt_more:before {
    content:"\f061";
    margin-right:5px;
    font-family:FontAwesome;
    font-size:11px;
}

.lt .lt_more:hover {
    border-color:var(--nlm-accent);
    background:var(--nlm-accent);
    color:#fff;
    text-decoration:none;
}

.lt .empty_li {
    padding:34px 12px;
    border:1px dashed #cfe4dc;
    border-radius:4px;
    background:#fff;
    color:var(--nlm-muted);
}

.lt_page {
    margin-top:10px;
    padding:10px;
    border:1px solid var(--nlm-line);
    border-radius:4px;
    background:#fff;
}

.lt_page button {
    border:1px solid var(--nlm-line);
    border-radius:4px;
    color:var(--nlm-accent);
}

.lt_page b {
    color:var(--nlm-accent);
}

/* netcity unified mobile latest status icons */
.lt .new_icon,
.lt .hot_icon,
.lt .lt_cmt,
.lt li .fa-lock,
.lt li .fa-download,
.lt li .fa-link {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-width:22px;
    width:auto !important;
    height:22px;
    margin-left:5px;
    padding:0 7px;
    border:0 !important;
    border-radius:999px !important;
    background:#eef6ff !important;
    color:#0066ff !important;
    font-size:.72rem !important;
    font-weight:900 !important;
    line-height:1 !important;
    white-space:nowrap;
    vertical-align:middle !important;
    box-shadow:none !important;
}

.lt .new_icon {
    background:#0066ff !important;
    color:#fff !important;
}

.lt .hot_icon {
    background:#fff1f2 !important;
    color:#e11d48 !important;
}

.lt .hot_icon em {
    font-style:normal;
}

.lt li .fa-heart,
.lt .hot_icon .fa-heart {
    color:inherit !important;
}

.lt li .fa-lock,
.lt li .fa-download,
.lt li .fa-link {
    width:22px;
    min-width:22px;
    padding:0;
    font-size:.78rem !important;
}

.lt .lt_cmt:before {
    content:"\f0e6";
    font-family:FontAwesome;
    font-size:11px;
    font-weight:normal;
}