@charset "utf-8";

.notice-left-skin .nl-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background-color: #d6dcf6;
    padding: 20px 25px;
    text-decoration: none;
}
/*.notice-left-skin .nl-box:hover {
    background-color: #dce0f0;
}*/
.notice-left-skin .nl-text-wrap {
    display: flex;
    align-items: center;
    flex-grow: 1;
    overflow: hidden;
}
.notice-left-skin .nl-text-wrap strong {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-right: 15px;
    white-space: nowrap;
}

/* 롤링될 영역 (게시물 1개 높이의 '창' 역할) */
.notice-left-skin .nl-list-wrap {
    height: 1.5em; /* span 폰트 사이즈에 맞춰 높이 조절 */
    overflow: hidden;
    flex-grow: 1;
}
/* 롤링될 실제 목록 (이 요소가 위아래로 움직임) */
.notice-left-skin .nl-list-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
    transition: transform 0.5s ease-in-out; /* 부드러운 전환 효과 */
}
.notice-left-skin .nl-list-wrap ul li {
    height: 1.5em; /* li 높이를 컨테이너와 동일하게 설정 */
    display: flex;
    align-items: center;
}

.notice-left-skin .nl-list-wrap span {
    font-size: 1rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
}
.notice-left-skin .nl-list-wrap a {
    text-decoration: none;
    color: inherit;
}
.notice-left-skin .nl-icon-wrap a {
    display: block;
}
.notice-left-skin .nl-icon-wrap img {
    width: 44px;
    height: 44px;
    display: block;
}