.v-brand-index-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-shrink: 0;
  max-width: 300px;
}

.v-brand-index-item__name {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 16px;
  line-height: 1.3;
}
.v-brand-index-item__name mark {
  background: none;
  color: #000;
}

.v-brand-index-item__name-en:has(mark) {
  color: #6d6d6d;
}

.v-brand-index-item__name-kr {
  font-size: 14px;
  color: #6d6d6d;
}

.v-brand {
  --v-well-padding: 32px 40px;
  --v-well-font-size: 16px;
  --v-search-box-font-size: 16px;
  --v-search-box-border-width: 2px;
  --v-search-box-button-width: 24px;
  --v-search-box-button-height: 24px;
  --v-search-box-icon-size: 24px;
  --v-search-box-padding-bottom: 4px;
  --v-search-box-align: center;
  display: flow-root;
  min-height: calc(100vh - var(--v-site-header-height, 0px) - var(--v-footer-height, 290px));
  margin-inline: var(--v-side-margin);
}
.v-brand .v-search-box {
  --v-button-text-color: #000;
  width: 280px;
}
.v-brand .v-search-box__button--reset {
  --v-search-box-icon-size: 18px;
}
.v-brand .v-search-box__button--submit {
  cursor: default;
}
.v-brand .v-well {
  margin-block: 72px;
}
.v-brand .v-well .v-button--outlined {
  --v-button-padding: 8px 40px;
}

.v-brand-head {
  --v-button-height: 22px;
  --v-button-font-size: 16px;
  --v-button-text-color: #6d6d6d;
  padding-top: 48px;
}
.v-brand-head .v-button[aria-selected=true] {
  --v-button-text-color: #000;
  --v-button-font-weight: var(--v-font-bold);
}
.v-brand-head .v-button[aria-disabled=true],
.v-brand-head .v-button:disabled {
  cursor: default;
}

.v-brand-head__title {
  text-align: center;
  font-size: var(--v-brand-title-font-size, 36px);
  line-height: var(--v-brand-title-line-height, 1.3);
}

.v-brand-utils {
  display: grid;
  grid-template-areas: "lead . trail";
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: minmax(0, 1fr);
  align-items: center;
  background-color: #fff;
}

.v-brand-utils__lead {
  grid-area: lead;
}

.v-brand-utils__trail {
  grid-area: trail;
}

.v-brand-filter {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 20px 0;
}
.v-brand-filter .v-button {
  --v-button-font-size: 20px;
}

.v-brand-controls {
  display: grid;
  grid-template-columns: auto minmax(auto, 1fr) auto;
  align-items: center;
  gap: 24px;
  padding: 17px 40px;
  margin: 0 -40px;
  background-color: #f6f6f6;
}

.v-brand-controls__lang {
  display: flex;
  align-items: center;
  gap: 16px;
}

.v-brand-controls__type {
  display: inline-flex;
  align-items: center;
  gap: 24px;
}

.v-brand-controls__type-checkbox {
  cursor: pointer;
  position: relative;
  align-items: center;
  display: flex;
  gap: 4px;
}
.v-brand-controls__type-checkbox input {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%236D6D6D' d='M5 11.0769 10.3333 16 19 8'/%3E%3C/svg%3E") no-repeat;
  appearance: none;
}
.v-brand-controls__type-checkbox input + span {
  color: var(--v-check-text-color, #6d6d6d);
}
.v-brand-controls__type-checkbox input:checked {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-width='2' d='M5 11.0769 10.3333 16 19 8'/%3E%3C/svg%3E") no-repeat;
}
.v-brand-controls__type-checkbox input:checked + span {
  --v-check-text-color: #000;
}

.v-brand-index-nav__list {
  display: flex;
  gap: 24px;
}

.v-brand-index-nav__item {
  color: var(--v-brand-index-nav-item-color, #999);
  font-weight: var(--v-brand-index-nav-item-weight);
  font-size: 16px;
  line-height: 1.3;
}
.v-brand-index-nav__item.is-on {
  --v-brand-index-nav-item-color: #000;
  --v-brand-index-nav-item-weight: var(--v-font-bold);
}
.v-brand-index-nav__item[aria-disabled=true] {
  cursor: default;
}

.v-brand-index__body {
  margin-top: 24px;
}

.v-brand-body {
  margin-bottom: 72px;
}

.v-brand-body__title {
  margin: 72px 0 24px;
  font-weight: var(--v-font-regular);
  font-size: 30px;
  line-height: 1.3;
}

.v-brand-index {
  margin-block: 36px;
  padding-bottom: 36px;
  border-bottom: 1px solid #ddd;
}
.v-brand-index:first-child {
  margin-top: 72px;
}
.v-brand-index:last-child {
  border-bottom: 0;
}

.v-brand-index__title {
  font-weight: var(--v-font-regular);
  font-size: 32px;
  line-height: 1.3;
}

.v-message-box {
  margin: var(--v-side-margin, 24px);
  padding: 10px;
  border: 1px solid currentColor;
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
}

.v-brand-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px 85px;
}

.v-brand-list__full-row {
  grid-column: span 5;
  width: 100%;
  display: block;
}

.v-brand-list__sub-content {
  padding: 40px;
  margin: 0 -40px 16px;
  background-color: #f6f6f6;
}

.v-brand-search-result {
  padding: 72px 0 40px;
}

.v-no-result-message {
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
}