/*
    연구개발 화면에 대한 CSS 코드
*/
.image-column-rnd p {
    background-color: #ADD8E6;
    color: #F0F8FF;
}

.image-column-rnd p.rnd-item-title {
    font-size: 15px;
    background-color: #87CEEB;
    color: #4682B4;
    width: 110px;
    margin-bottom: 0;
}

.image-column-rnd p.rnd-item-content {
    font-size: 15px;
    background-color: white;
    color: black;
    margin: 0;
}

.rnd-item-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    background-color: white;
    border-radius: 5px;
}

.rnd-item-list li {
    font-size: 15px;
    color: black;
    padding: 2px 5px;
    margin-bottom: 2px;
    font-family: 'Noto Sans KR', sans-serif;
}

.image-grid-rnd {
    display: flex;
    flex-wrap: wrap;         /* 줄바꿈 허용 */
    gap: 10px;               /* 이미지 간 간격 */
    margin-top: 10px;
    width: 100%; /* 예: 전체 너비를 기준으로 조정 */
    max-width: 900px; /* 원하는 전체 너비 */
}

.image-grid-rnd img {
    width: calc(25% - 10px); /* 4개씩 정렬 (간격 제외) */
    max-width: 85%;
    height: auto;
    display: block;
}

/*연구개발 트리*/

.tree-rnd li a {
    background-color: #ADD8E6;
}
.tree-rnd li a:hover {
    background-color: #96C1D0;
}
.tree-wrapper-rnd {
    background-color: #ADD8E6;
}