@media (max-width: 1496px) {
  .sub-member-list-grid {
    margin-top: var(--spacing-s);
  }

  .sub-member-card {
    padding: var(--spacing-ms);
    padding-top: var(--spacing-ml);
  }

  .sub-member-img-wrap {
    max-width: 200px;
  }
}

@media (max-width: 1280px) {
  .sub-content-filter {
    display: flex;
    width: fit-content;
    margin: 0 auto;
  }

  .region-modal {
    width: calc(100% - (2 * var(--spacing-m)));
  }
}

@media (max-width: 1024px) {
  .sub-member-list-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xs);
  }

  .region-modal-list {
    padding-right: 0;
  }

  .region-map-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110.58%;
    max-width: 460px;
  }

  .ethics-content-inner {
    padding: var(--spacing-2xl) var(--spacing-lm);
    border-radius: var(--radius-l);
  }

  .ethics-img {
    display: none;
  }

  .ethics-content-list {
    padding-left: 0;
    padding-top: calc(var(--spacing-ml) + 4px);
  }

  .ethics-content-list:before {
    width: 100%;
    height: 4px;
  }

  /* sub2-3-1 */
  .history-member-section {
    margin-top: var(--spacing-m);
  }

  /* sub2-1-2 */

  .stats-wrap {
    padding: var(--spacing-lm) var(--spacing-m);
  }

  .stats-header {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: var(--spacing-lm);
  }

  .stats-number {
    font-size: var(--H2);
  }

  .stats-unit {
    right: 50%;
    transform: translateX(50%);
    word-break: auto-phrase;
  }
}

@media (max-width: 768px) {
  .sub-content-filter {
    gap: var(--spacing-s);
  }
  .sub-member-list-grid {
    grid-template-columns: repeat(1, 1fr);
}

  .sub-member-list-text,
  .sub-member-list-dot,
  .sub-member-list-count {
    font-size: var(--H5);
  }

  .sub-member-party {
    width: 64px;
    height: 41.6px;
  }

  .sub-member-card.pp-blue .sub-member-party-img {
    width: 48px;
    height: 25.6px;
  }

  .sub-member-card.pp-red .sub-member-party-img {
    width: 48px;
    height: 39.11px;
  }

  .sub-member-card.pp-yellow .sub-member-party-img {
    width: 54px;
    height: 37.3px;
  }
  .sub-member-value {    
	font-size: var(--body-2);
  }

  .region-modal {
    width: calc(100% - (2 * var(--spacing-s)));
  }

  .region-modal-right {
    display: none;
  }

  .region-modal-list {
    padding-right: 7px;
  }

  .ethics-content-text {
    font-size: var(--body-1);
  }

  .ethics-content-list {
    padding-top: calc(var(--spacing-m) + 4px);
  }

  /* sub2-3-1 */
  .sub-member-list-period {
    font-size: var(--body-1);
    height: 27px;
  }

  .history-member-list {
    grid-template-columns: repeat(2, 1fr);
  }

  /* sub2-1-2 */
  .stats-section-wrap {
    grid-template-columns: 1fr;
  }

  .stats-section-title-desc {
    font-size: var(--H6);
  }
}

@media (max-width: 440px) {
  .sub-member-list-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .sub-member-head {    
    gap: var(--spacing-m);
  }

 /*  .sub-member-card-inner {
    display: flex;
    justify-content: space-between;
  } */

  .sub-member-img-wrap {
    max-width: 120px;
    border-radius: 0 0 var(--radius-l) var(--radius-l);
  }

  .sub-member-row {
    justify-content: flex-start;
  }

  .sub-member-label {
    display: none;
  }

  .ethics-content-inner {
    padding: var(--spacing-l) var(--spacing-m);
  }

  .ethics-content-list-title {
    margin-bottom: var(--spacing-m);
  }

  .ethics-content-list {
    padding-top: calc(var(--spacing-s) + 4px);
  }

  .ethics-content-item-text {
    font-size: var(--Subtitle-2);
  }

  .ethics-logo {
    margin-top: var(--spacing-lm);
  }

  /* sub2-3-1 */
  .history-members .sub-member-list-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs);
  }

  .history-member-card-inner {
    padding: var(--spacing-m) var(--spacing-s);
  }

  .history-member-card-photo {
    height: 180px;
    max-width: 120px;
  }

  /* sub2-1-2 */

  .stats-title {
    font-size: var(--H6);
  }
}