.box-area::after {
    content: '';
    display: block;
    clear: both;
}
.box-area .img-area {
    width: 100%;
    position: relative;
    padding-bottom: 58.6111%;
}
/* 2025.05.15 추가 */
.box-area .img-area.img-intermodal{
    padding-bottom: 38.047%;
}
.box-area .img-area img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-area.small {
    width: 167px;
    height: 204px;
    padding-bottom: 0;
    margin-right: 20px;
}
.img-area.small + .text-wrap {
    margin-top: 0;
}

.text-wrap .text {
    margin-bottom: 10px;
    line-height: 1.5rem;
}
.text-wrap .text:last-child {
    margin-bottom: 0;
}

/* 2025.05.15 추가 */
.box-inner.indermodal-box{
    gap: 20px;
}
.box-inner .inner-indermodal{
    max-width: 740px;
}
.box-inner .inner-indermodal .text-list .text{
    word-break: break-word;
}
.box-inner .inner-indermodal.img-area{
    position: unset;
    max-width: 720px;
    height: 42.76%;
    padding-bottom: 0;
}
.box-inner .inner-indermodal.img-area img{
    position: unset;
}
.box-inner.indermodal-box .table-scroll{
    padding-bottom: 0;
    margin-top: 20px;
    margin-bottom: 0;
}
.link-list .link-item{
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #c5c5c5;
}
.link-list .link-item:last-of-type{
    padding-bottom: 5px;
    margin-bottom: 0;
    border-bottom: 0;
}
.link-item .download-file{
    position: relative;
    padding-left: 6px;
    color: #2c2c36;
    font-size: 1rem;
}
.link-item .download-file::after{
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 2px;
    height: 2px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #2c2c36;
    content: "";
}
.link-item .link-text{
    display: flex;
    align-items: center;
    gap: 10px;
}
.link-item .link-text > div{
    position: relative;
    padding-left: 6px;
    color: #2c2c36;
    font-size: 1rem;
}
.link-item .link-text > div::after{
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 2px;
    height: 2px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #2c2c36;
    content: "";
}
.link-item .link-text a{
    color: #017bff;
}

/* Tab Headers */
.tab-headers {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex; /* Makes tabs sit side-by-side */
    border-bottom: 1px solid #ccc;
    background-color: #f1f1f1;
    width:15%;
}

.tab-header {
    padding: 12px 20px;
    cursor: pointer;
    border-right: 1px solid #eee; /* Separator between tabs */
    transition: background-color 0.3s ease, color 0.3s ease;
    flex-grow: 1; /* Make tabs distribute space evenly */
    text-align: center;
    color: #555;
}
.tab-header:last-child {
    border-right: none; /* No separator for the last tab */
}
.tab-header:hover {
    background-color: #ddd;
}
/* Active Tab Header */
.tab-header.active {
    background-color: #fff;
    border-bottom: 2px solid #007bff; /* Highlight active tab */
    color: #007bff;
    font-weight: bold;
}
.tab-content {
    display: none; /* Hide all tab content by default */
}
/* Active Tab Content */
.tab-content.active {
    display: block; /* Show only the active tab's content */
}