.design-system-accordion {
  border-bottom: 1px solid var(--Components-basic-gray-color-border-color-border-tertiary);
  min-width: var(--px-240);
}
.design-system-accordion .opener {
  display: flex;
  align-items: center;
  justify-content: space-between; 
  width: 100%;
  cursor: pointer;
  padding: 0 var(--Components-margin);
}
.design-system-accordion.size-l .opener {
  height: var(--accordion-height-L);
}
.design-system-accordion.size-m .opener {
  height: var(--accordion-height-M);
}
.design-system-accordion .title-group {
  display: flex;
  align-items: center;
  gap: var(--Base-8size-Spacing-200);
}
.design-system-accordion .indicator-group {
  display: flex;
  align-items: center;
  gap: var(--Base-8size-Spacing-200);
}
.design-system-accordion .title {
  color: var(--Components-basic-gray-color-text-color-text-primary);
}
.design-system-accordion .subtitle {
  color: var(--Components-basic-gray-color-text-color-text-secondary);
}
.design-system-accordion .alert-text {
  color: var(--Components-Info-colors-info-text);
}
.design-system-accordion .icon-toggle {
  color: var(--Components-basic-gray-color-text-color-text-tertiary);
  transition: transform 0.3s ease;
  font-size: var(--px-24);
}
.design-system-accordion .panel {
  color: var(--Components-basic-gray-color-text-color-text-secondary);
  background-color: var(--Components-basic-gray-color-background-color-bg-secondary);
  padding: var(--px-16) var(--px-20);
}

.design-system-accordion.is-fluid .opener {
  height: auto !important;          /* 고정 높이 해제 */
  padding-top: var(--px-16);        /* 상하 내부 여백 확보 */
  padding-bottom: var(--px-16);
  align-items: center;              /* 우측 화살표가 중앙에 오도록 배치 */
}
.design-system-accordion .accordion-custom-title {
  flex: 1;                          /* 커스텀 타이틀 영역이 좌측 공간을 꽉 채우도록 설정 */
  text-align: left;
}