.detail-content {
    border-top: 1px solid var(--colorGray700);
    border-bottom: 1px solid var(--colorGray300);
    margin-top: 20px;
}
.detail-title-group {
    padding: 20px 30px;
    border-bottom: 1px solid var(--colorGray300);
}
.group-title {
    font-size: var(--fontSizeLg);
    font-weight: var(--fontWeightSemiBold);
    line-height: var(--lineHeightMd);
    margin-bottom: 6px;
    word-break: break-all;
}

.download-file-group {
    display: flex;
    align-items: center;
    gap: 0 6px;
    color: var(--colorGray500);
    font-size: var(--fontSizeSm);
    padding: 20px 30px;
    background-color: var(--colorGray100);
}
.download-file-group p {
    display: flex;
    align-items: center;
    width: 100%;
}
.download-file-group p span {
    display: inline-block;
    width: calc(100% - 50px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.detail-desc-inner {
    word-break: break-all;
    padding: 30px 30px 60px 30px;
}
.detail-desc-inner img{
    max-width: 100%;
}
.detail-title-group .state{
    margin-bottom: 4px;
}

@media all and (max-width: 1279px) {
    .group-title {
        font-size: var(--fontSizeMd);
        line-height: var(--lineHeightBase);
        margin-bottom: 4px;
    }
    .detail-desc-inner {
        padding: 30px 20px 60px;
    }
}

@media all and (max-width: 767px) {
    .detail-title-group {
        padding: 20px 15px;
    }
    .detail-desc-inner {
        padding: 30px 15px 60px 15px;
    }
    .group-title {
        font-size: var(--fontSizeBase);
        line-height: var(--lineHeightSm);
    }
}