/* 인라인(페이지) + 모달(헤더 검색) — 메인 에셋 검색 */

/* ---- 공통: 본문 영역 (페이지 + 모달 패널) ---- */
#mainAssetSearchPage .mainAssetSearch__body {
  box-sizing: border-box;
  max-width: var(--layout-content);
  margin: 0 auto;
  /* Figma 609:22930 — py padding2 48px */
  padding: 48px var(--layout-gutter);
}

#mainAssetSearchLayer .mainAssetSearch__body {
  box-sizing: border-box;
  max-width: var(--layout-content);
  margin: 0 auto;
  padding: 120px var(--layout-gutter) 40px;
}

#mainAssetSearchPage .mainAssetSearch__head,
#mainAssetSearchLayer .mainAssetSearch__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  max-width: 1056px;
  margin: 0 auto 0;
  padding-bottom: 16px;
  border-bottom: 2px solid #171b1c;
}

#mainAssetSearchPage .mainAssetSearch__headField,
#mainAssetSearchLayer .mainAssetSearch__headField {
  flex: 1;
  min-width: 0;
}

#mainAssetSearchPage .mainAssetSearch__headInput,
#mainAssetSearchLayer .mainAssetSearch__headInput {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #000;
}

#mainAssetSearchPage .mainAssetSearch__headInput::placeholder,
#mainAssetSearchLayer .mainAssetSearch__headInput::placeholder {
  color: #000;
  opacity: 0.85;
}

#mainAssetSearchPage .mainAssetSearch__headInput:focus,
#mainAssetSearchLayer .mainAssetSearch__headInput:focus {
  outline: none;
}

#mainAssetSearchPage .mainAssetSearch__headActions,
#mainAssetSearchLayer .mainAssetSearch__headActions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

#mainAssetSearchPage .mainAssetSearch__iconBtn,
#mainAssetSearchLayer .mainAssetSearch__iconBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #171b1c;
  cursor: pointer;
  border-radius: 8px;
}

#mainAssetSearchPage .mainAssetSearch__iconBtn:hover,
#mainAssetSearchLayer .mainAssetSearch__iconBtn:hover {
  background: rgba(0, 0, 0, 0.06);
}

#mainAssetSearchPage .mainAssetSearch__filterToggle {
  display: none;
}

#mainAssetSearchPage .mainAssetSearch__filters,
#mainAssetSearchLayer .mainAssetSearch__filters {
  max-width: 1056px;
  margin: 32px auto 0;
}

#mainAssetSearchPage .mainAssetSearch__filtersSheetHead,
#mainAssetSearchPage .mainAssetSearch__filtersSheetFooter,
#mainAssetSearchPage .mainAssetSearch__filtersBackdrop {
  display: none;
}

#mainAssetSearchPage .mainAssetSearch__filterRow,
#mainAssetSearchLayer .mainAssetSearch__filterRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

#mainAssetSearchPage .mainAssetSearch__filterList,
#mainAssetSearchLayer .mainAssetSearch__filterList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}

#mainAssetSearchPage .mainAssetSearch__filterSlot,
#mainAssetSearchLayer .mainAssetSearch__filterSlot {
  flex-shrink: 0;
}

#mainAssetSearchPage .mainAssetSearch__selectCustom,
#mainAssetSearchLayer .mainAssetSearch__selectCustom {
  position: relative;
  width: 150px;
}

#mainAssetSearchPage .mainAssetSearch__selectCustomBtn,
#mainAssetSearchLayer .mainAssetSearch__selectCustomBtn {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 150px;
  max-width: 100%;
  height: 48px;
  padding: 0 6px 0 12px;
  border: 1px solid #171b1c;
  border-radius: 0;
  background: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #000;
  text-align: left;
  cursor: pointer;
}

#mainAssetSearchPage .mainAssetSearch__selectCustom.is-disabled .mainAssetSearch__selectCustomBtn,
#mainAssetSearchLayer .mainAssetSearch__selectCustom.is-disabled .mainAssetSearch__selectCustomBtn {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

#mainAssetSearchPage .mainAssetSearch__selectCustomLabel,
#mainAssetSearchLayer .mainAssetSearch__selectCustomLabel {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#mainAssetSearchPage .mainAssetSearch__selectCustomCount,
#mainAssetSearchLayer .mainAssetSearch__selectCustomCount {
  color: #f14e21;
  font-weight: 700;
}

#mainAssetSearchPage .mainAssetSearch__selectCustomChev,
#mainAssetSearchLayer .mainAssetSearch__selectCustomChev {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23171b1c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat center/12px auto;
}

#mainAssetSearchPage .mainAssetSearch__selectCustomPanel,
#mainAssetSearchLayer .mainAssetSearch__selectCustomPanel {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 1050;
  width: 240px;
  max-height: 308px;
  overflow: auto;
  border: 1px solid #000;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#mainAssetSearchPage .mainAssetSearch__selectCustomList,
#mainAssetSearchLayer .mainAssetSearch__selectCustomList {
  margin: 0;
  padding: 12px 16px;
  list-style: none;
}

#mainAssetSearchPage .mainAssetSearch__selectCustomItem,
#mainAssetSearchLayer .mainAssetSearch__selectCustomItem {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: 10px;
  border: 0;
  background: transparent;
  color: #000;
  font-size: 16px;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
}

#mainAssetSearchPage .mainAssetSearch__selectCustomItem:hover,
#mainAssetSearchLayer .mainAssetSearch__selectCustomItem:hover {
  background: rgba(0, 0, 0, 0.04);
}

#mainAssetSearchPage .mainAssetSearch__selectCustomPanel--check,
#mainAssetSearchLayer .mainAssetSearch__selectCustomPanel--check {
  width: 256px;
  padding-bottom: 0;
}

#mainAssetSearchPage .mainAssetSearch__selectCustomCheckItem,
#mainAssetSearchLayer .mainAssetSearch__selectCustomCheckItem {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  padding: 10px 0;
  border: 0;
  background: transparent;
  color: #000;
  font-size: 16px;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
}

#mainAssetSearchPage .mainAssetSearch__checkBox,
#mainAssetSearchLayer .mainAssetSearch__checkBox {
  display: inline-block;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background: #fff;
  flex-shrink: 0;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease;
}

#mainAssetSearchPage
  .mainAssetSearch__selectCustomCheckItem.is-checked
  .mainAssetSearch__checkBox,
#mainAssetSearchLayer
  .mainAssetSearch__selectCustomCheckItem.is-checked
  .mainAssetSearch__checkBox {
  border-color: var(--color-text-brand-orange, #f14e21);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 7.4L5.8 10.2L11 4.8' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
      center/14px 14px no-repeat,
    var(--color-text-brand-orange, #f14e21);
}

#mainAssetSearchPage .mainAssetSearch__selectCustomFooter,
#mainAssetSearchLayer .mainAssetSearch__selectCustomFooter {
  padding: 0 16px 16px;
}

#mainAssetSearchPage .mainAssetSearch__selectCustomApply,
#mainAssetSearchLayer .mainAssetSearch__selectCustomApply {
  display: block;
  width: 100%;
  height: 40px;
  border: 0;
  background: #000;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  cursor: pointer;
}

#mainAssetSearchPage .mainAssetSearch__selectNative,
#mainAssetSearchLayer .mainAssetSearch__selectNative {
  box-sizing: border-box;
  width: 150px;
  max-width: 100%;
  height: 48px;
  padding: 0 36px 0 12px;
  border: 1px solid #171b1c;
  border-radius: 0;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23171b1c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #000;
  cursor: pointer;
  text-align: left;
  appearance: none;
  -webkit-appearance: none;
}

#mainAssetSearchPage .mainAssetSearch__selectNative:focus,
#mainAssetSearchLayer .mainAssetSearch__selectNative:focus {
  outline: 2px solid #171b1c;
  outline-offset: 1px;
}

#mainAssetSearchPage .mainAssetSearch__reset,
#mainAssetSearchLayer .mainAssetSearch__reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 999px;
  background: #fff;
  color: #171b1c;
  cursor: pointer;
  flex-shrink: 0;
}

#mainAssetSearchPage .mainAssetSearch__reset:hover,
#mainAssetSearchLayer .mainAssetSearch__reset:hover {
  border-color: #bbb;
}

/* ---- 페이지 인라인 (항상 노출) ---- */
#mainAssetSearchPage.mainAssetSearch--page {
  position: relative;
  width: 100%;
  margin: 0;
  background: #f3f4f6;
}

body.typeMain #contents > #mainAssetSearchPage.mSection {
  background: #f3f4f6;
}

/* ---- 모달 레이어 (헤더·본문 위 전체 오버레이: dim + 패널) ---- */
#mainAssetSearchLayer {
  position: fixed;
  inset: 0;
  /* #header.hdrV2 등(z-index~1003)보다 위에서 dim·패널이 함께 보이도록 */
  z-index: 10050;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 0.28s ease,
    visibility 0.28s ease;
}

#mainAssetSearchLayer.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

#mainAssetSearchLayer .mainAssetSearchLayer__backdrop {
  position: fixed;
  inset: 0;
  z-index: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

#mainAssetSearchLayer .mainAssetSearch.mainAssetSearch--modal {
  position: relative;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  --mas-modal-base-padding-bottom: 40px;
  --mas-modal-open-panel-height: 0px;
  max-height: min(632px, 100vh);
  max-height: min(632px, 100dvh);
  overflow-x: hidden;
  overflow-y: auto;
  background: #f3f4f6;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

/* 모달: 열린 패널 높이에 따라 섹션 높이 가변 */
#mainAssetSearchLayer
  .mainAssetSearch.mainAssetSearch--modal
  .mainAssetSearch__body {
  padding-bottom: calc(
    var(--mas-modal-base-padding-bottom) + var(--mas-modal-open-panel-height)
  );
  transition: padding-bottom 0.32s ease;
}

/* 모달: syncMasModalFilterExpand — 열린 패널의 리스트 하단 48px */
#mainAssetSearchLayer
  .mainAssetSearch.mainAssetSearch--modal
  .mainAssetSearch__selectCustomList {
  transition: padding-bottom 0.32s ease;
}

/* 모달 패널 우측 상단 닫기 */
#mainAssetSearchLayer .mainAssetSearch--modal .mainAssetSearch__close--corner {
  position: absolute;
  top: max(16px, env(safe-area-inset-top, 0px));
  right: var(--layout-gutter);
  z-index: 3;
}

@media all and (max-width: 1040px) {
  body.mainAssetSearchFilterOpen {
    overflow: hidden;
  }

  body.mainAssetSearchFilterOpen .mBottomMenu {
    display: none;
  }

  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomApply,
  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomApply {
    display: none;
  }

  #mainAssetSearchLayer .mainAssetSearch.mainAssetSearch--modal {
    --mas-modal-base-padding-bottom: 32px;
    max-height: min(632px, 100vh);
    max-height: min(632px, 100dvh);
  }

  #mainAssetSearchPage .mainAssetSearch__body,
  #mainAssetSearchLayer .mainAssetSearch__body {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  #mainAssetSearchPage .mainAssetSearch__headInput,
  #mainAssetSearchLayer .mainAssetSearch__headInput {
    font-size: 22px;
  }

  #mainAssetSearchPage .mainAssetSearch__headActions {
    gap: 4px;
  }

  #mainAssetSearchPage .mainAssetSearch__filterToggle {
    display: inline-flex;
  }

  #mainAssetSearchPage .mainAssetSearch__selectNative,
  #mainAssetSearchLayer .mainAssetSearch__selectNative {
    width: 100%;
    min-width: 0;
  }

  #mainAssetSearchPage .mainAssetSearch__selectCustom,
  #mainAssetSearchPage .mainAssetSearch__selectCustomBtn {
    width: 100%;
    min-width: 0;
  }

  #mainAssetSearchPage .mainAssetSearch__filters {
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    z-index: 21090;
    width: min(360px, 100vw);
    height: 100dvh;
    margin: 0;
    padding: 0 24px;
    background: #fff;
    box-sizing: border-box;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    overflow-y: auto;
  }

  #mainAssetSearchPage.is-filter-sheet-open .mainAssetSearch__filters {
    transform: translateX(0);
  }

  #mainAssetSearchPage .mainAssetSearch__filtersSheetHead,
  #mainAssetSearchPage .mainAssetSearch__filtersSheetFooter {
    display: flex;
    align-items: center;
  }

  #mainAssetSearchPage .mainAssetSearch__filtersSheetHead {
    justify-content: flex-start;
    gap: 8px;
    min-height: 60px;
    border-bottom: 1px solid #ddd;
  }

  #mainAssetSearchPage .mainAssetSearch__filtersSheetTitle {
    flex: 1;
    min-width: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    color: #171b1c;
  }

  #mainAssetSearchPage .mainAssetSearch__filtersSheetClose {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    color: #171b1c;
    cursor: pointer;
  }

  #mainAssetSearchPage .mainAssetSearch__filterRow {
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 0;
  }

  #mainAssetSearchPage .mainAssetSearch__filterList {
    width: 100%;
    gap: 0;
    flex-direction: column;
    align-items: stretch;
  }

  #mainAssetSearchPage .mainAssetSearch__selectCustom[data-level="major"],
  #mainAssetSearchPage .mainAssetSearch__selectCustom[data-level="mid"],
  #mainAssetSearchPage .mainAssetSearch__selectCustom[data-level="minor"] {
    display: none;
  }

  #mainAssetSearchPage .mainAssetSearch__filterSlot {
    width: 100%;
  }

  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomBtn,
  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 48px;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: #171b1c;
    cursor: pointer;
  }

  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomChev,
  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomChev {
    width: 24px;
    height: 24px;
    transform: rotate(0deg);
    transition: transform 0.2s ease;
  }

  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="dcc"].is-open
    .mainAssetSearch__selectCustomChev,
  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="renderer"].is-open
    .mainAssetSearch__selectCustomChev {
    transform: rotate(180deg);
  }

  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomPanel,
  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomPanel {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    max-height: none;
    border: 0;
    box-shadow: none;
    background: transparent;
    overflow: visible;
    padding: 0 0 20px;
  }

  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomList,
  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomList {
    padding: 10px 0 0;
  }

  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomCheckItem,
  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomCheckItem {
    min-height: 44px;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
  }

  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__checkLabel,
  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__checkLabel {
    line-height: 1.3;
  }

  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__checkBox,
  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__checkBox {
    width: 24px;
    height: 24px;
    border-color: #d4d4d4;
  }

  #mainAssetSearchPage .mainAssetSearch__reset {
    display: none;
  }

  #mainAssetSearchPage .mainAssetSearch__filtersSheetFooter {
    position: sticky;
    bottom: 0;
    padding: 20px 0 calc(32px + env(safe-area-inset-bottom));
    background: #fff;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: center;
  }

  #mainAssetSearchPage .mainAssetSearch__filtersSheetReset,
  #mainAssetSearchPage .mainAssetSearch__filtersSheetApply {
    width: 100%;
    height: 48px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    border: 1px solid #ddd;
    background: #fff;
    color: #171b1c;
    cursor: pointer;
  }

  #mainAssetSearchPage .mainAssetSearch__filtersSheetApply {
    border-color: #171b1c;
    background: #171b1c;
    color: #fff;
  }

  #mainAssetSearchPage .mainAssetSearch__filtersBackdrop {
    position: fixed;
    inset: 0;
    z-index: 21085;
    border: 0;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0.45);
    cursor: pointer;
  }

  #mainAssetSearchPage.is-filter-sheet-open .mainAssetSearch__filtersBackdrop {
    display: block;
  }
}

@media all and (max-width: 767px) {
  #mainAssetSearchPage .mainAssetSearch__body {
    padding: 24px 20px 32px;
  }

  #mainAssetSearchPage .mainAssetSearch__head {
    gap: 12px;
    padding-bottom: 12px;
    border-bottom-width: 1px;
  }

  #mainAssetSearchPage .mainAssetSearch__headInput {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -0.03em;
  }

  #mainAssetSearchPage .mainAssetSearch__iconBtn {
    width: 40px;
    height: 40px;
  }

  #mainAssetSearchPage .mainAssetSearch__filters {
    width: 100vw;
    padding: 0 20px;
  }

  #mainAssetSearchPage .mainAssetSearch__filtersSheetHead {
    min-height: 60px;
  }

  #mainAssetSearchPage .mainAssetSearch__filtersSheetTitle {
    font-size: 20px;
  }

  #mainAssetSearchPage .mainAssetSearch__selectCustomBtn {
    height: 52px;
    font-size: 16px;
  }

  #mainAssetSearchPage .mainAssetSearch__selectCustomPanel,
  #mainAssetSearchPage .mainAssetSearch__selectCustomPanel--check {
    width: 100%;
    max-height: 300px;
  }

  #mainAssetSearchPage .mainAssetSearch__selectCustomList {
    padding: 10px 12px;
  }

  #mainAssetSearchPage .mainAssetSearch__selectCustomItem,
  #mainAssetSearchPage .mainAssetSearch__selectCustomCheckItem {
    min-height: 42px;
    font-size: 18px;
  }

  #mainAssetSearchPage .mainAssetSearch__reset {
    height: 52px;
  }

  #mainAssetSearchPage .mainAssetSearch__filtersSheetFooter {
    padding-top: 20px;
    padding-bottom: calc(32px + env(safe-area-inset-bottom));
  }

  #mainAssetSearchPage .mainAssetSearch__filtersSheetApply {
    height: 48px;
    font-size: 16px;
  }
}

/* 다크모드 (Figma 257:17570) */
body[data-theme="dark-mode"] #mainAssetSearchPage.mainAssetSearch--page,
body[data-theme="dark-mode"]
  #mainAssetSearchLayer
  .mainAssetSearch.mainAssetSearch--modal,
body[data-theme="dark-mode"] #mainAssetSearchPage .mainAssetSearch__body,
body[data-theme="dark-mode"] #mainAssetSearchLayer .mainAssetSearch__body {
  background: #353a3c;
}

body.typeMain[data-theme="dark-mode"]
  #contents
  > #mainAssetSearchPage.mSection {
  background: #353a3c;
}

body[data-theme="dark-mode"] #mainAssetSearchPage .mainAssetSearch__head {
  border-bottom-color: rgba(255, 255, 255, 0.8);
}

body[data-theme="dark-mode"] #mainAssetSearchLayer .mainAssetSearch__head {
  border-bottom-color: rgba(255, 255, 255, 0.8);
}

body[data-theme="dark-mode"] #mainAssetSearchPage .mainAssetSearch__headInput,
body[data-theme="dark-mode"] #mainAssetSearchLayer .mainAssetSearch__headInput {
  color: #fff;
}

body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__headInput::placeholder,
body[data-theme="dark-mode"]
  #mainAssetSearchLayer
  .mainAssetSearch__headInput::placeholder {
  color: rgba(255, 255, 255, 0.92);
  opacity: 1;
}

body[data-theme="dark-mode"] #mainAssetSearchPage .mainAssetSearch__iconBtn,
body[data-theme="dark-mode"] #mainAssetSearchLayer .mainAssetSearch__iconBtn {
  color: #fff;
}

body[data-theme="dark-mode"] #mainAssetSearchPage .mainAssetSearch__filters {
  background: #353a3c;
}

body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__filtersSheetHead,
body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__filtersSheetFooter {
  background: #353a3c;
  border-color: #3d4549;
}

body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__filtersSheetTitle,
body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__filtersSheetClose {
  color: #fff;
}

body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__filtersSheetApply {
  background: #fff;
  color: #171b1c;
}

body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__filtersSheetReset {
  border-color: #3d4549;
  background: #353a3c;
  color: #fff;
}

body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__iconBtn:hover,
body[data-theme="dark-mode"]
  #mainAssetSearchLayer
  .mainAssetSearch__iconBtn:hover {
  background: rgba(255, 255, 255, 0.08);
}

body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__selectNative,
body[data-theme="dark-mode"]
  #mainAssetSearchLayer
  .mainAssetSearch__selectNative {
  border-color: #3d4549;
  background-color: #353a3c;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%233D4549' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  color: #fff;
}

body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__selectCustomBtn {
  border-color: #3d4549;
  background-color: #353a3c;
  color: #fff;
}

body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__selectCustomChev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%233D4549' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__selectCustomPanel,
body[data-theme="dark-mode"]
  #mainAssetSearchLayer
  .mainAssetSearch__selectCustomPanel {
  border-color: #3d4549;
  background-color: #353a3c;
}

body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__selectCustomItem,
body[data-theme="dark-mode"]
  #mainAssetSearchLayer
  .mainAssetSearch__selectCustomItem {
  color: #fff;
}

body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__selectCustomItem:hover,
body[data-theme="dark-mode"]
  #mainAssetSearchLayer
  .mainAssetSearch__selectCustomItem:hover {
  background: rgba(255, 255, 255, 0.08);
}

body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__selectCustomCheckItem,
body[data-theme="dark-mode"]
  #mainAssetSearchLayer
  .mainAssetSearch__selectCustomCheckItem {
  color: #fff;
}

body[data-theme="dark-mode"] #mainAssetSearchPage .mainAssetSearch__checkBox,
body[data-theme="dark-mode"] #mainAssetSearchLayer .mainAssetSearch__checkBox {
  border-color: #3d4549;
  background: #353a3c;
}

body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__selectCustomCheckItem.is-checked
  .mainAssetSearch__checkBox,
body[data-theme="dark-mode"]
  #mainAssetSearchLayer
  .mainAssetSearch__selectCustomCheckItem.is-checked
  .mainAssetSearch__checkBox {
  border-color: var(--color-text-brand-orange, #f14e21);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 7.4L5.8 10.2L11 4.8' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
      center/14px 14px no-repeat,
    var(--color-text-brand-orange, #f14e21);
}

body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__selectCustomApply,
body[data-theme="dark-mode"]
  #mainAssetSearchLayer
  .mainAssetSearch__selectCustomApply {
  background: #fff;
  color: #171b1c;
}

body[data-theme="dark-mode"]
  #mainAssetSearchPage
  .mainAssetSearch__selectNative:focus,
body[data-theme="dark-mode"]
  #mainAssetSearchLayer
  .mainAssetSearch__selectNative:focus {
  outline-color: rgba(255, 255, 255, 0.9);
}

body[data-theme="dark-mode"] #mainAssetSearchPage .mainAssetSearch__reset,
body[data-theme="dark-mode"] #mainAssetSearchLayer .mainAssetSearch__reset {
  border-color: #3d4549;
  background: #353a3c;
  color: #fff;
}

body[data-theme="dark-mode"] #mainAssetSearchPage .mainAssetSearch__reset:hover,
body[data-theme="dark-mode"]
  #mainAssetSearchLayer
  .mainAssetSearch__reset:hover {
  border-color: #667076;
  background: #3a4043;
}

body[data-theme="dark-mode"] #mainAssetSearchPage .mainAssetSearch__reset svg,
body[data-theme="dark-mode"] #mainAssetSearchLayer .mainAssetSearch__reset svg {
  filter: invert(1);
}

/* Filter sheet accordion — Figma [MO]/[TAB] Filter */
@media all and (max-width: 1040px) {
  #mainAssetSearchPage .mainAssetSearch__selectCustom[data-level="dcc"],
  #mainAssetSearchPage .mainAssetSearch__selectCustom[data-level="renderer"] {
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
  }

  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomPanel[hidden],
  #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomPanel[hidden] {
    display: none;
  }

  body[data-theme="dark-mode"]
    #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="dcc"],
  body[data-theme="dark-mode"]
    #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="renderer"] {
    border-bottom-color: #3d4549;
  }

  body[data-theme="dark-mode"]
    #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomBtn,
  body[data-theme="dark-mode"]
    #mainAssetSearchPage
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomBtn {
    color: #f0f0f0;
    background: transparent;
  }
}

/* Tablet: filter panel 451px */
@media all and (min-width: 768px) and (max-width: 1040px) {
  #mainAssetSearchPage .mainAssetSearch__filters {
    width: 451px;
    padding: 0 40px;
  }
}

/* mSearch 검색 팝업 필터 영역 — Figma [MO]검색창 */
@media all and (max-width: 1040px) {
  #mSearchFilterArea .mainAssetSearch__filterSlot {
    width: 100%;
  }

  #mSearchFilterArea .mainAssetSearch__selectCustom[data-level="dcc"],
  #mSearchFilterArea .mainAssetSearch__selectCustom[data-level="renderer"] {
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
    width: 100%;
  }

  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomBtn,
  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 48px;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: #171b1c;
    cursor: pointer;
  }

  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomChev,
  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomChev {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23171b1c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
      no-repeat center/12px auto;
    transform: rotate(0deg);
    transition: transform 0.2s ease;
  }

  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="dcc"].is-open
    .mainAssetSearch__selectCustomChev,
  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="renderer"].is-open
    .mainAssetSearch__selectCustomChev {
    transform: rotate(180deg);
  }

  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomPanel,
  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomPanel {
    position: static;
    width: 100%;
    max-height: none;
    border: 0;
    box-shadow: none;
    background: transparent;
    overflow: visible;
    padding: 0 0 20px;
  }

  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomPanel[hidden],
  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomPanel[hidden] {
    display: none;
  }

  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomList,
  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomList {
    margin: 0;
    padding: 10px 0 0;
    list-style: none;
  }

  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomCheckItem,
  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomCheckItem {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 10px 0;
    border: 0;
    background: transparent;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
  }

  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__checkBox,
  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__checkBox {
    display: inline-block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border: 1px solid #d4d4d4;
    background: #fff;
    flex-shrink: 0;
    transition:
      border-color 0.2s ease,
      background-color 0.2s ease;
  }

  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomCheckItem.is-checked
    .mainAssetSearch__checkBox,
  #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomCheckItem.is-checked
    .mainAssetSearch__checkBox {
    border-color: var(--color-text-brand-orange, #f14e21);
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 7.4L5.8 10.2L11 4.8' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
        center/14px 14px no-repeat,
      var(--color-text-brand-orange, #f14e21);
  }

  #mSearchFilterArea .mainAssetSearch__selectCustomApply {
    display: none;
  }

  /* 다크모드 */
  body[data-theme="dark-mode"]
    #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="dcc"],
  body[data-theme="dark-mode"]
    #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="renderer"] {
    border-bottom-color: #3d4549;
  }

  body[data-theme="dark-mode"]
    #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomBtn,
  body[data-theme="dark-mode"]
    #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomBtn {
    color: #f0f0f0;
    background: transparent;
  }

  body[data-theme="dark-mode"]
    #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="dcc"]
    .mainAssetSearch__selectCustomChev,
  body[data-theme="dark-mode"]
    #mSearchFilterArea
    .mainAssetSearch__selectCustom[data-level="renderer"]
    .mainAssetSearch__selectCustomChev {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%233D4549' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
      no-repeat center/12px auto;
  }

  body[data-theme="dark-mode"]
    #mSearchFilterArea
    .mainAssetSearch__selectCustomCheckItem {
    color: #fff;
  }

  body[data-theme="dark-mode"] #mSearchFilterArea .mainAssetSearch__checkLabel {
    color: #fff;
  }

  body[data-theme="dark-mode"] #mSearchFilterArea .mainAssetSearch__checkBox {
    border-color: #3d4549;
    background: #353a3c;
  }

  body[data-theme="dark-mode"]
    #mSearchFilterArea
    .mainAssetSearch__selectCustomCheckItem.is-checked
    .mainAssetSearch__checkBox {
    border-color: var(--color-text-brand-orange, #f14e21);
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 7.4L5.8 10.2L11 4.8' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
        center/14px 14px no-repeat,
      var(--color-text-brand-orange, #f14e21);
  }
}

/* 건수 표시 c_Point: 필터 적용 전은 기본 회색, 적용 후만 브랜드 컬러 */
.subPage__ctrlLeft .data_info .c_Point {
  color: #666666 !important;
}
.subPage__ctrlLeft.is-filtered .data_info .c_Point {
  color: #d6410b !important;
}
body[data-theme="dark-mode"] .subPage__ctrlLeft .data_info .c_Point {
  color: #B5B5BD !important;
}
body[data-theme="dark-mode"] .subPage__ctrlLeft.is-filtered .data_info .c_Point {
  color: #d6410b !important;
}