.digital-content-modal-dialog {
  max-width: 500px;
  min-width: 540px;
}

.digital-content-icon {
    color: #43b02a;
    margin-right: 16px;
    margin-top: -28px;
}

.digital-content-close-button{
    width: 32px;
    height: 32px;
    top: -20px;
    right: -20px;
    background: none;
    border: none;
    padding: 0;
    color: #121212; 
}

.digital-content-card-coming-soon-card {
  border-radius: var(--sp-4);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  border: 1px solid #eee;
  background-color: #f8f8f8;
}

.digital-content-card-coming-soon-badge {
  font-size: var(--sp-4);
  font-weight: 600;
  color: var(--bs-primary);
  background: #e6f9e9;
  border: 1px solid var(--bs-primary);
  border-radius: 8px;
  padding: 4px 8px;
  display: inline-block;
  width: fit-content;
  margin-bottom: 8px;
}

.digital-content-icon-size {
  width: 41.4px;
  height: 41.4px;
}

/* 모바일 전용 스타일 */
  @media (max-width: 768px) {
    #digitalContentDetailModalDialog {
      max-width: 90% !important;
      min-width: 320px !important;
      width: 90% !important;
    }
    
    .digital-content-modal-title {
      font-size: 24px !important;
    }
    
    .digital-content-card-title {
      font-size: 20px !important;
    }
    
    .digital-content-card-description {
      font-size: 16px !important;
    }
    
    .digital-content-card-padding {
      padding: 12px !important;
    }
    
    .digital-content-card-gap {
      gap: 16px !important;
    }
    
    .digital-content-icon-size {
      width: 40px !important;
      height: 40px !important;
      margin-top: 0 !important;
    }
    
    .digital-content-close-button {
      top: -10px !important;
      right: -10px !important;
      z-index: 10 !important;
    }
  }