.v-search-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding-block: 16px 8px;
  margin-inline: 24px;
  border-bottom: 2px solid #000;
}

.v-search-box__input input {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  font-size: 16px;
  line-height: 1.3;
}
.v-search-box__input input:focus {
  outline: none;
}
.v-search-box__input input::placeholder {
  color: #999;
}

.v-search-box__actions {
  display: flex;
  gap: 12px;
}

.v-search-box__button {
  --v-button-width: 24px;
  --v-button-height: 24px;
}

.v-search-box__icon {
  width: 18px;
  height: auto;
}

.v-search-box__button--reset {
  --v-button-display: var(--v-search-reset-display, inline-flex);
}

.v-search-box__button--image-search {
  --v-button-display: var(--v-search-image-display, none);
}
.v-search-box__button--image-search svg {
  width: 24px;
  height: auto;
}

.v-search-box:has(input:placeholder-shown) {
  --v-search-reset-display: none;
  --v-search-image-display: inline-flex;
}

.v-brand-index-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  padding: 12px calc(var(--v-side-margin, 24px) - 6px + var(--v-brand-index-nav-space, 0px)) 12px var(--v-side-margin, 24px);
}

.v-brand-index-item__name {
  display: flex;
  flex-direction: column;
  gap: 4px;
  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-site-header-search-box-height: calc(
    var(--v-site-header-height, 0px) + var(--v-search-box-height, 50px) +
      var(--v-tab-list-height, 61px)
  );
  --v-brand-top-ui-height: calc(
    var(--v-site-header-search-box-height, 0px) +
      var(--v-brand-controls-height, 52px)
  );
  --v-brand-body-min-height: calc(
    var(--v-viewport-height, 100dvh) - var(--v-brand-top-ui-height, 0px) - var(
        --v-bottom-bar-height,
        0px
      )
  );
  --v-well-font-size: 14px;
}
.v-brand .v-tab-button {
  --v-tab-button-font-size: 16px;
}
.v-brand .v-tab-button[aria-selected=true] {
  --v-tab-button-font-weight-selected: var(--v-font-bold);
}

.v-brand-head {
  position: sticky;
  z-index: calc(var(--v-site-header-z) - 1);
  top: var(--v-site-header-height, 0);
  right: 0;
  left: 0;
  background: #fff;
}
.v-brand-head tab-container {
  padding-block: 17px;
  background: #fff;
  --v-tab-button-line-height: 1.688;
}

.v-brand-body {
  min-height: var(--v-brand-body-min-height);
  height: var(--v-brand-body-height);
  overflow-x: hidden;
  overflow-x: clip;
  overflow-y: auto;
  padding-bottom: var(--v-brand-body-padding-bottom, var(--v-bottom-bar-height, 0));
}
.v-brand-body .v-well {
  margin-block: 24px;
}

.v-brand-search-result {
  position: fixed;
  top: calc(var(--v-site-header-search-box-height, 0) - var(--v-tab-list-height, 61px) + 8px);
  right: 0;
  left: 0;
  z-index: calc(var(--v-site-header-z) - 1);
  height: var(--v-viewport-height, 100dvh);
  overflow-x: hidden;
  overflow-x: clip;
  overflow-y: auto;
  padding-top: 0;
  padding-bottom: var(--v-bottom-bar-height, 0);
  background: #fff;
}

.v-brand-controls {
  --v-button-height: 40px;
  position: sticky;
  z-index: 2;
  top: var(--v-site-header-search-box-height, 0);
  right: 0;
  left: 0;
  display: grid;
  grid-template-areas: "lead . trail";
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: minmax(0, 1fr);
  padding-inline: var(--v-side-margin, 24px) 16px;
  background-color: #f6f6f6;
}

.v-brand-controls__lead,
.v-brand-controls__trail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}

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

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

.v-brand-controls__lang-button {
  --v-button-text-color: #6d6d6d;
  --v-button-font-size: 16px;
  --v-button-line-height: 1.3;
}
.v-brand-controls__lang-button[aria-selected=true] {
  --v-button-text-color: #000;
  --v-button-font-weight: var(--v-font-bold);
}

.v-brand-controls__type-checkbox {
  position: relative;
  align-items: center;
  display: flex;
}
.v-brand-controls__type-checkbox input {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236D6D6D' d='M5 9.30769 8.80952 13 15 7'/%3E%3C/svg%3E") no-repeat;
  appearance: none;
}
.v-brand-controls__type-checkbox input + span {
  color: var(--v-check-text-color, #6d6d6d);
  font-size: var(--v-check-font-size, 13px);
}
.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 20 20'%3E%3Cpath stroke='%23000' stroke-width='2' d='M5 9.30769 8.80952 13 15 7'/%3E%3C/svg%3E") no-repeat;
}
.v-brand-controls__type-checkbox input:checked + span {
  --v-check-text-color: #000;
}

.v-brand-index__title {
  padding: 24px var(--v-side-margin, 24px) 0;
  font-weight: var(--v-font-bold);
  font-size: 16px;
  line-height: 1.3;
}

.v-has-brand-index-nav {
  --v-brand-index-nav-space: 32px;
}

.v-brand-index-nav {
  scrollbar-width: none;
  position: fixed;
  top: var(--v-brand-top-ui-height, 0);
  right: 0;
  height: var(--v-brand-index-nav-height, var(--v-brand-body-min-height, 0px));
  bottom: var(--v-bottom-bar-height, 0);
  padding-top: 65px;
  padding-right: var(--v-side-margin);
  overflow-x: clip;
  overflow-y: auto;
  font-size: 12px;
  line-height: var(--v-brand-index-nav-line-height, 1.5);
}
.v-brand-index-nav::-webkit-scrollbar {
  display: none;
}

.v-brand-index-nav--kr {
  --v-brand-index-nav-line-height: 2.5;
}

.v-brand-index-nav__list {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.v-brand-index-nav__item {
  color: var(--v-brand-index-nav-item-color, #6d6d6d);
  width: 1em;
  font-weight: var(--v-brand-index-nav-item-weight);
  text-align: center;
}
.v-brand-index-nav__item.is-on:not([aria-disabled=true]) {
  --v-brand-index-nav-item-color: #000;
  --v-brand-index-nav-item-weight: var(--v-font-bold);
}

.v-brand-body__title {
  padding: 24px var(--v-side-margin, 24px) 0;
  font-weight: var(--v-font-bold);
  font-size: 16px;
  line-height: 1.3;
}

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

.v-brand-list__sub-content {
  background-color: #f6f6f6;
}
.v-brand-list__sub-content .v-brand-index-item__name {
  padding-left: 4px;
}

.v-no-result-message {
  padding: 41px var(--v-side-margin, 24px) 49px;
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
}