  /* 기본 테이블 스타일 */
  .mission-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
  }

  .mission-table th, .mission-table td {
    border: 1px solid #ccc;
    padding: 8px;
  }

  .mission-table th {
    background-color: #1c3656;
    color: white;
  }

  /* 반응형 처리 */
  @media screen and (max-width: 768px) {
    .mission-table thead {
      display: none;
    }

    .mission-table tbody tr {
      display: block;
      margin-bottom: 15px;
      border: 1px solid #ccc;
      border-radius: 6px;
      padding: 10px;
    }

    .mission-table tbody td {
      display: flex;
      justify-content: space-between;
      padding: 8px 10px;
      border: none;
      border-bottom: 1px solid #eee;
    }

    .mission-table tbody td::before {
      content: attr(data-label);
      font-weight: bold;
      color: #333;
    }

    .mission-table tbody td:last-child {
      border-bottom: none;
    }
  }
  
  
  
img {
   width: initial;
}



img {
   width: initial;
}
/* PC 전용 스타일 */
@media screen and (min-width: 769px) {
  .date-short {
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .form--name {
    display: inline-block;
    width: 70px; /* 기존보다 축소 */
  }

  .form__data--text .frm_input {
    width: calc(100% - 80px); /* 라벨 제외하고 남은 공간 사용 */
  }
}

@media screen and (max-width: 768px) {
  .gap10 {
    gap: 0px; /* 모바일에서 gap 줄이기 */
  }
}