@charset "utf-8";

/* 기본 레이아웃 */
.lt { position: relative; margin: 5px 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 2px; background: #fff; border-bottom: 1px solid #e5ecee; }
.lt ul li { padding: 5px 0 12px 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: 5px; position: relative; overflow: hidden; }
.lt .lt_thumb img, .lt .lt_thumb video { width: 132px !important; margin-right: 10px; height: auto; overflow: hidden; }
.lt .lt_thumb > span { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -20px; margin-left: -20px; line-height: 50px; text-align: center; display: inline-block; opacity: 0.6; }
.lt .lt_thumb > span i { font-size: 30px; color: #fff; }

.lt .lt_tit { display: block; font-size: 1.2em; font-weight: bold; max-height: auto; padding-bottom: 0; overflow: hidden; line-height: 23px; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.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; margin-left: 5px; }
.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 .lt_comment { margin-left: 5px; }
.lt .latest-sel { margin-top: 1px; }

.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; 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 .lt_tit .fa-heart { color: #fe4560; margin-left: 5px; }
.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 .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-left: 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 스타일 */
.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: 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; }

/* 콘텐츠 요약 */
.lt ul li .summary { position: relative;  height: auto; margin-right: 20px; margin-bottom: 0; overflow: hidden; }