@charset "utf-8";

/* ================================================================
   latest-ticker-up  /  클래스 접두사: ntsu_
   아래에서 위로 올라가는 세로 마퀴
   외부 CSS 충돌 완전 차단 — transform/transition 만 !important 제외
   ================================================================ */

.ntsu-wrap, .ntsu-wrap *, .ntsu-wrap *::before, .ntsu-wrap *::after {
    box-sizing: border-box !important; line-height: 1 !important;
    font-family: inherit !important; letter-spacing: normal !important;
    word-spacing: normal !important; text-transform: none !important;
    margin: 0 !important; padding: 0 !important; border: none !important;
    background: transparent !important; float: none !important;
    list-style: none !important; vertical-align: baseline !important;
    text-indent: 0 !important;
}

.ntsu-wrap { display: block !important; width: 100% !important; }

.ntsu-box {
    display: flex !important; flex-direction: row !important;
    align-items: stretch !important; flex-wrap: nowrap !important;
    width: 100% !important;
    height: 40px !important; min-height: 40px !important; max-height: 40px !important;
    overflow: hidden !important;
    background: #f6f9fc !important; border: 1px solid #e3e9ef !important;
    border-radius: 4px !important; position: relative !important;
}

.ntsu-label {
    display: flex !important; align-items: center !important;
    justify-content: center !important; flex-shrink: 0 !important;
    height: 40px !important; min-height: 40px !important; max-height: 40px !important;
    padding: 0 12px !important; background: #4158d1 !important;
    color: #fff !important; font-size: 12px !important; font-weight: 700 !important;
    white-space: nowrap !important; overflow: hidden !important;
}

.ntsu-viewport {
    display: block !important; flex: 1 1 0% !important; min-width: 0 !important;
    height: 40px !important; min-height: 40px !important; max-height: 40px !important;
    overflow: hidden !important; position: relative !important;
}

/* transform / transition 은 JS가 직접 제어 — !important 없음 */
.ntsu-track {
    display: flex !important; flex-direction: column !important;
    flex-wrap: nowrap !important; align-items: flex-start !important;
    width: 100% !important;
    will-change: transform;
    transform: translateY(0);
    transition: none;
}

.ntsu-item {
    display: flex !important; align-items: center !important;
    flex-shrink: 0 !important; width: 100% !important;
    height: 40px !important; min-height: 40px !important; max-height: 40px !important;
    padding: 0 12px !important; overflow: hidden !important;
    font-size: 14px !important; color: #333 !important;
}

.ntsu-item a {
    display: block !important; flex: 1 1 0% !important;
    min-width: 0 !important; max-width: 100% !important;
    color: #222 !important; font-size: 14px !important; font-weight: 400 !important;
    text-decoration: none !important; white-space: nowrap !important;
    overflow: hidden !important; text-overflow: ellipsis !important;
}
.ntsu-item a:hover { color: #4158d1 !important; text-decoration: underline !important; }

.ntsu-item .new_icon {
    display: inline-flex !important; align-items: center !important;
    justify-content: center !important; flex-shrink: 0 !important;
    width: 14px !important; height: 14px !important; font-size: 10px !important;
    font-weight: 700 !important; color: #f00 !important; background: #fff !important;
    border-radius: 2px !important; margin-left: 4px !important;
}
.ntsu-item .hot_icon {
    display: inline-flex !important; align-items: center !important;
    justify-content: center !important; flex-shrink: 0 !important;
    width: 16px !important; height: 16px !important; font-size: 10px !important;
    color: #f00 !important; background: #ffb9b9 !important;
    border-radius: 2px !important; margin-left: 2px !important;
}
.ntsu-item .lt_cmt {
    display: inline-flex !important; align-items: center !important;
    flex-shrink: 0 !important; font-size: 11px !important;
    color: #4158d1 !important; background: #e8ebff !important;
    border-radius: 2px !important; padding: 0 4px !important; margin-left: 4px !important;
}
.ntsu-item .fa-lock {
    display: inline-flex !important; align-items: center !important;
    justify-content: center !important; flex-shrink: 0 !important;
    width: 14px !important; height: 14px !important; font-size: 11px !important;
    color: #4f818c !important; background: #cbe3e8 !important;
    border-radius: 2px !important; margin-right: 2px !important;
}