/* [project]/src/app/skeleton.css [app-client] (css) */
.skeleton {
  background-color: #e5e7eb;
  position: relative;
  overflow: hidden;
}

.skeleton:after {
  content: "";
  background: linear-gradient(90deg, #0000, #fff6, #0000);
  animation: 1.5s infinite shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

@media (prefers-color-scheme: light) {
  .light, .dark {
    --bg-color: #fff;
    --bg-reverse-color: #121212;
    --text-color: #000;
    --text-reverse-color: #fff;
    --subtext-color: #6d6d6d;
    --border-color: #d4d4d4;
    --under-border-bottom-px: 8px;
    --under-border-bottom-color: #fff;
    --auth-btn-bg-color: #202020;
    --auth-btn-text-color: #fff;
    --home-subscribe-info-color: #707070;
    --home-category-text-color: #202020;
    --home-category-form-bg-color: #202020;
    --card-bg-color: #fbfbfb;
    --card-border-color: #e4e8ef;
    --card-highlight-bg-color: #f3f3f3;
    --chat-bg-color: #111214;
    --category-border-color: #d4d4d4;
    --category-text-color: #595959;
    --category-active-bg-color: #000;
    --category-active-border-color: #000;
    --category-active-text-color: #fff;
    --category-sidebar-bg-color: #e5e7eb;
    --category-sidebar-text-color: #374151;
    --category-result-list-bg-color: #f3f4f6;
    --category-result-list-border-color: #e2e2e2;
    --category-result-list-text-color: #000;
    --category-result-tag-active-bg-color: #3b3b3b;
    --category-result-tag-active-text-color: #fff;
    --category-result-tc-bg-color: #e9e9e9;
    --category-result-tc-focus-color: #dfdfdf;
  }
}

@media (prefers-color-scheme: dark) {
  .light, .dark {
    --bg-color: #fff;
    --bg-reverse-color: #121212;
    --text-color: #000;
    --text-reverse-color: #fff;
    --subtext-color: #6d6d6d;
    --border-color: #d4d4d4;
    --under-border-bottom-px: 8px;
    --under-border-bottom-color: #fff;
    --auth-btn-bg-color: #202020;
    --auth-btn-text-color: #fff;
    --home-subscribe-info-color: #707070;
    --home-category-text-color: #202020;
    --home-category-form-bg-color: #202020;
    --card-bg-color: #fbfbfb;
    --card-border-color: #e4e8ef;
    --card-highlight-bg-color: #f3f3f3;
    --chat-bg-color: #111214;
    --category-border-color: #d4d4d4;
    --category-text-color: #595959;
    --category-active-bg-color: #000;
    --category-active-border-color: #000;
    --category-active-text-color: #fff;
    --category-sidebar-bg-color: #e5e7eb;
    --category-sidebar-text-color: #374151;
    --category-result-list-bg-color: #f3f4f6;
    --category-result-list-border-color: #e2e2e2;
    --category-result-list-text-color: #000;
    --category-result-tag-active-bg-color: #3b3b3b;
    --category-result-tag-active-text-color: #fff;
    --category-result-tc-bg-color: #e9e9e9;
    --category-result-tc-focus-color: #dfdfdf;
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-500: #fb2c36;
    --color-red-600: #e40014;
    --color-amber-50: #fffbeb;
    --color-amber-200: #fee685;
    --color-amber-800: #953d00;
    --color-blue-600: #155dfc;
    --color-gray-50: #f9fafb;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5dc;
    --color-gray-400: #99a1af;
    --color-gray-500: #6a7282;
    --color-gray-800: #1e2939;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-3xs: 16rem;
    --container-xl: 36rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tighter: -.05em;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-amber-50: lab(98.6252% -.635922 8.42309);
      --color-amber-200: lab(91.7203% -.505269 49.9084);
      --color-amber-800: lab(37.8822% 37.1699 52.2718);
      --color-blue-600: lab(44.0605% 29.0279 -86.0352);
      --color-gray-50: lab(98.2596% -.247031 -.706708);
      --color-gray-100: lab(96.1596% -.0823438 -1.13575);
      --color-gray-200: lab(91.6229% -.159115 -2.26791);
      --color-gray-300: lab(85.1236% -.612259 -3.7138);
      --color-gray-400: lab(65.9269% -.832707 -8.17473);
      --color-gray-500: lab(47.7841% -.393182 -10.0268);
      --color-gray-800: lab(16.1051% -1.18239 -11.7533);
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .\!absolute {
    position: absolute !important;
  }

  .\!sticky {
    position: sticky !important;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-\[0\] {
    top: 0;
  }

  .top-\[4rem\] {
    top: 4rem;
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-\[1rem\] {
    right: 1rem;
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-auto {
    margin-inline: auto;
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-\[\.5rem\] {
    margin-top: .5rem;
  }

  .mt-\[1\.5rem\] {
    margin-top: 1.5rem;
  }

  .mt-\[1rem\] {
    margin-top: 1rem;
  }

  .mt-\[2rem\] {
    margin-top: 2rem;
  }

  .mt-\[5px\] {
    margin-top: 5px;
  }

  .mt-\[10px\] {
    margin-top: 10px;
  }

  .mt-auto {
    margin-top: auto;
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-\[0\.2rem\] {
    margin-right: .2rem;
  }

  .mr-\[1rem\] {
    margin-right: 1rem;
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-\[1\.5rem\] {
    margin-bottom: 1.5rem;
  }

  .mb-\[1rem\] {
    margin-bottom: 1rem;
  }

  .mb-\[2rem\] {
    margin-bottom: 2rem;
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-\[0\.2rem\] {
    margin-left: .2rem;
  }

  .ml-\[1rem\] {
    margin-left: 1rem;
  }

  .\!block {
    display: block !important;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .\!h-\[48px\] {
    height: 48px !important;
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-15 {
    height: calc(var(--spacing) * 15);
  }

  .h-\[35px\] {
    height: 35px;
  }

  .h-\[40px\] {
    height: 40px;
  }

  .h-\[45px\] {
    height: 45px;
  }

  .h-\[140\.3px\] {
    height: 140.3px;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-full {
    height: 100%;
  }

  .max-h-\[400px\] {
    max-height: 400px;
  }

  .\!min-h-\[0px\] {
    min-height: 0 !important;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .\!w-\[48px\] {
    width: 48px !important;
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3xs {
    width: var(--container-3xs);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-36 {
    width: calc(var(--spacing) * 36);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-\[120px\] {
    width: 120px;
  }

  .w-\[140px\] {
    width: 140px;
  }

  .w-\[192\.5px\] {
    width: 192.5px;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .w-\[500px\] {
    width: 500px;
  }

  .w-full {
    width: 100%;
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[18px\] {
    --tw-translate-x: 18px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[22px\] {
    --tw-translate-x: 22px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[30px\] {
    --tw-translate-x: 30px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-center {
    align-items: center;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-\[0\.666rem\] {
    gap: .666rem;
  }

  .gap-\[5px\] {
    gap: 5px;
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }

  .gap-x-\[1rem\] {
    column-gap: 1rem;
  }

  .gap-x-\[3px\] {
    column-gap: 3px;
  }

  .gap-x-\[10px\] {
    column-gap: 10px;
  }

  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-\[1rem\] {
    row-gap: 1rem;
  }

  .gap-y-\[2rem\] {
    row-gap: 2rem;
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-\[\#ededed\] {
    border-color: #ededed;
  }

  .border-amber-200 {
    border-color: var(--color-amber-200);
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .pt-\[1rem\] {
    padding-top: 1rem;
  }

  .pt-\[2rem\] {
    padding-top: 2rem;
  }

  .pt-\[5px\] {
    padding-top: 5px;
  }

  .pt-\[10px\] {
    padding-top: 10px;
  }

  .pr-\[1rem\] {
    padding-right: 1rem;
  }

  .pr-\[2rem\] {
    padding-right: 2rem;
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-\[1rem\] {
    padding-bottom: 1rem;
  }

  .pb-\[3rem\] {
    padding-bottom: 3rem;
  }

  .pb-\[5rem\] {
    padding-bottom: 5rem;
  }

  .pl-\[1rem\] {
    padding-left: 1rem;
  }

  .pl-\[2rem\] {
    padding-left: 2rem;
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.85rem\] {
    font-size: .85rem;
  }

  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .leading-\[0\.95rem\] {
    --tw-leading: .95rem;
    line-height: .95rem;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-pre {
    white-space: pre;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#ffbf00\] {
    color: #ffbf00;
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-gray-300 {
    color: var(--color-gray-300);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/60 {
    color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media (hover: hover) {
    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }
  }

  @media (hover: hover) {
    .hover\:bg-gray-800:hover {
      background-color: var(--color-gray-800);
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }
}

@font-face {
  font-family: Noto Sans KR;
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  src: url("../media/NotoSansKR-Thin.6490be6b.woff2") format("woff2"), url("../media/NotoSansKR-Thin.405177f7.woff") format("woff"), url("../media/NotoSansKR-Thin.3f680051.ttf") format("opentype");
}

@font-face {
  font-family: Noto Sans KR;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url("../media/NotoSansKR-ExtraLight.0b9f6316.woff2") format("woff2"), url("../media/NotoSansKR-ExtraLight.6f6d2045.woff") format("woff"), url("../media/NotoSansKR-ExtraLight.b1b41086.ttf") format("opentype");
}

@font-face {
  font-family: Noto Sans KR;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../media/NotoSansKR-Light.bb26097c.woff2") format("woff2"), url("../media/NotoSansKR-Light.0b418c3c.woff") format("woff"), url("../media/NotoSansKR-Light.886b2cd4.ttf") format("opentype");
}

@font-face {
  font-family: Noto Sans KR;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../media/NotoSansKR-Regular.6a8050a2.woff2") format("woff2"), url("../media/NotoSansKR-Regular.eb408daf.woff") format("woff"), url("../media/NotoSansKR-Regular.6d1b9e36.ttf") format("opentype");
}

@font-face {
  font-family: Noto Sans KR;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../media/NotoSansKR-Medium.55629f0c.woff2") format("woff2"), url("../media/NotoSansKR-Medium.41f99b2c.woff") format("woff"), url("../media/NotoSansKR-Medium.bafa0467.ttf") format("opentype");
}

@font-face {
  font-family: Noto Sans KR;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../media/NotoSansKR-SemiBold.7085007c.woff2") format("woff2"), url("../media/NotoSansKR-SemiBold.165973b8.woff") format("woff"), url("../media/NotoSansKR-SemiBold.a8cf7102.ttf") format("opentype");
}

@font-face {
  font-family: Noto Sans KR;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../media/NotoSansKR-Bold.4760bba3.woff2") format("woff2"), url("../media/NotoSansKR-Bold.ec4b2cb6.woff") format("woff"), url("../media/NotoSansKR-Bold.fc473f9f.ttf") format("opentype");
}

@font-face {
  font-family: Noto Sans KR;
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("../media/NotoSansKR-ExtraBold.8f9bba34.woff2") format("woff2"), url("../media/NotoSansKR-ExtraBold.07eb89d9.woff") format("woff"), url("../media/NotoSansKR-ExtraBold.68518f87.ttf") format("opentype");
}

@font-face {
  font-family: Noto Sans KR;
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("../media/NotoSansKR-Black.c75da33c.woff2") format("woff2"), url("../media/NotoSansKR-Black.d628a0e5.woff") format("woff"), url("../media/NotoSansKR-Black.5464fcce.ttf") format("opentype");
}

@font-face {
  font-family: Pretendard;
  font-weight: 900;
  font-display: swap;
  src: local(Pretendard Black), url("../media/Pretendard-Black.subset.84c4c101.woff2") format("woff2"), url("../media/Pretendard-Black.subset.58d08324.woff") format("woff");
}

@font-face {
  font-family: Pretendard;
  font-weight: 800;
  font-display: swap;
  src: local(Pretendard ExtraBold), url("../media/Pretendard-ExtraBold.subset.0bb47a38.woff2") format("woff2"), url("../media/Pretendard-ExtraBold.subset.47ac17f6.woff") format("woff");
}

@font-face {
  font-family: Pretendard;
  font-weight: 700;
  font-display: swap;
  src: local(Pretendard Bold), url("../media/Pretendard-Bold.subset.4160f931.woff2") format("woff2"), url("../media/Pretendard-Bold.subset.2f9fa5f2.woff") format("woff");
}

@font-face {
  font-family: Pretendard;
  font-weight: 600;
  font-display: swap;
  src: local(Pretendard SemiBold), url("../media/Pretendard-SemiBold.subset.561e3535.woff2") format("woff2"), url("../media/Pretendard-SemiBold.subset.eb3a5d50.woff") format("woff");
}

@font-face {
  font-family: Pretendard;
  font-weight: 500;
  font-display: swap;
  src: local(Pretendard Medium), url("../media/Pretendard-Medium.subset.e43f6f57.woff2") format("woff2"), url("../media/Pretendard-Medium.subset.b3a10269.woff") format("woff");
}

@font-face {
  font-family: Pretendard;
  font-weight: 400;
  font-display: swap;
  src: local(Pretendard Regular), url("../media/Pretendard-Regular.subset.d458b769.woff2") format("woff2"), url("../media/Pretendard-Regular.subset.5f326a72.woff") format("woff");
}

@font-face {
  font-family: Pretendard;
  font-weight: 300;
  font-display: swap;
  src: local(Pretendard Light), url("../media/Pretendard-Light.subset.00099d08.woff2") format("woff2"), url("../media/Pretendard-Light.subset.e5a60960.woff") format("woff");
}

@font-face {
  font-family: Pretendard;
  font-weight: 200;
  font-display: swap;
  src: local(Pretendard ExtraLight), url("../media/Pretendard-ExtraLight.subset.37981972.woff2") format("woff2"), url("../media/Pretendard-ExtraLight.subset.178e0e36.woff") format("woff");
}

@font-face {
  font-family: Pretendard;
  font-weight: 100;
  font-display: swap;
  src: local(Pretendard Thin), url("../media/Pretendard-Thin.subset.8247eccd.woff2") format("woff2"), url("../media/Pretendard-Thin.subset.9c01b2c8.woff") format("woff");
}

@font-face {
  font-family: Min-Sans;
  font-style: normal;
  font-weight: 900;
  src: url("../media/MinSans-Black.e2d7e28e.otf") format("opentype");
}

@font-face {
  font-family: Min-Sans;
  font-style: normal;
  font-weight: 800;
  src: url("../media/MinSans-ExtraBold.62038fe2.otf") format("opentype");
}

@font-face {
  font-family: Min-Sans;
  font-style: normal;
  font-weight: 700;
  src: url("../media/MinSans-Bold.2e8a0f88.otf") format("opentype");
}

@font-face {
  font-family: Min-Sans;
  font-style: normal;
  font-weight: 600;
  src: url("../media/MinSans-SemiBold.56096d5c.otf") format("opentype");
}

@font-face {
  font-family: Min-Sans;
  font-style: normal;
  font-weight: 500;
  src: url("../media/MinSans-Medium.02021802.otf") format("opentype");
}

@font-face {
  font-family: Min-Sans;
  font-style: normal;
  font-weight: 400;
  src: url("../media/MinSans-Regular.3c532544.otf") format("opentype");
}

@font-face {
  font-family: Min-Sans;
  font-style: normal;
  font-weight: 300;
  src: url("../media/MinSans-Light.83602875.otf") format("opentype");
}

@font-face {
  font-family: Min-Sans;
  font-style: normal;
  font-weight: 200;
  src: url("../media/MinSans-ExtraLight.fb1435f7.otf") format("opentype");
}

@font-face {
  font-family: Min-Sans;
  font-style: normal;
  font-weight: 100;
  src: url("../media/MinSans-Thin.e3edfc6e.otf") format("opentype");
}

:root {
  --header-height: 50px;
  --pc-header-height: 70px;
  --pc-max-width: 1200px;
  --brand-color: #4070ff;
  --brand-hover-color: #3060f0;
  --brand-color-600: #668dff;
  --brand-disabled-color: #90adff;
  --lite-pink-color: #ff4063;
  --white-color: #fff;
  --font-color: #000;
  --font-color-light: #8b95a1;
  --font-color-light-50: #6b7280;
  --font-color-extralight: #999;
  --pink-color: #ff3274;
  --red-color: #f2321b;
}

* {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: #6cc6ff4d;
}

body {
  background: var(--bg-color);
  color: var(--text-color);
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, Helvetica Neue, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, sans-serif;
  overflow-y: scroll;
}

body::-webkit-scrollbar {
  width: 6px;
}

body::-webkit-scrollbar-track {
  background: none;
}

body::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 3px;
}

input.hide-clear[type="search"]::-webkit-search-decoration {
  display: none;
}

input.hide-clear[type="search"]::-webkit-search-cancel-button {
  display: none;
}

input.hide-clear[type="search"]::-webkit-search-results-button {
  display: none;
}

input.hide-clear[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input.hide-clear[type="search"]::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

input.hide-clear[type="search"]::-ms-reveal {
  width: 0;
  height: 0;
  display: none;
}

div.homepage-category-form > div.form-wrapper > div.container {
  max-width: 100%;
}

div.homepage-category-form > div.form-wrapper > div.container > div.wrapper {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  row-gap: 5px;
  display: grid;
}

div.homepage-category-form > div.form-wrapper > div.container > div.wrapper > div > a {
  flex-direction: column;
  align-items: center;
  display: flex;
}

div.homepage-category-form > div.form-wrapper > div.container > div.wrapper > div > a > div.thumbnail {
  aspect-ratio: 3 / 4;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
}

div.homepage-category-form > div.form-wrapper > div.container > div.wrapper > div > a > div.thumbnail > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

div.homepage-category-form > div.form-wrapper > div.container > div.wrapper > div > a > div.thumbnail > div.box {
  text-align: center;
  border: 1px solid var(--border-color);
  color: #000;
  background: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 25px;
  display: flex;
}

div.homepage-category-form > div.form-wrapper > div.container > div.wrapper > div > a > div.thumbnail > div.box > svg {
  width: 32px;
  height: 32px;
}

div.homepage-category-form > div.form-wrapper > div.container > div.wrapper > div > a > div.thumbnail > div.box:hover, div.homepage-category-form > div.form-wrapper > div.container > div.wrapper > div > a > div.thumbnail > img:hover {
  z-index: 1;
  background: #d4d4d424;
}

div.homepage-category-form > div.form-wrapper > div.container > div.wrapper > div > a > div.info > div.title {
  letter-spacing: -.5px;
  font-size: 13px;
}

div.homepage-section-container > div.homepage-section-wrapper {
  flex-direction: column;
  justify-content: center;
  row-gap: 1.5rem;
  display: flex;
}

.homepage-adbanner-section, .buyer-protection-splide {
  position: relative;
}

.buyer-protection-splide .splide__pagination {
  z-index: 10;
  bottom: 16px;
}

.buyer-protection-splide .splide__pagination__page {
  background: #ffffff80;
}

.buyer-protection-splide .splide__pagination__page.is-active {
  background: #fff;
}

.bp-banner {
  width: 100%;
  display: block;
}

.bp-banner-imageWrap {
  width: 100%;
  padding-top: 82.5%;
  position: relative;
  overflow: hidden;
}

.bp-banner-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.bp-banner-text {
  color: #fff;
  opacity: 0;
  background: linear-gradient(to top, #000c 0%, #00000080 60%, #0000 100%);
  padding: 24px 24px 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(30px);
}

.buyer-protection-splide .splide__slide.is-active .bp-banner-text {
  animation: .6s forwards slideUpFade;
}

.buyer-protection-splide .splide__slide:not(.is-active) .bp-banner-text {
  opacity: 0;
  transform: translateY(30px);
}

@keyframes slideUpFade {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.bp-badge {
  color: #007bff;
  background: #fffffff2;
  border-radius: 4px;
  margin-bottom: 8px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
}

.bp-title {
  color: #fff;
  text-shadow: 0 2px 4px #0006;
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
}

.bp-desc {
  letter-spacing: -.3px;
  color: #fffffff2;
  text-shadow: 0 1px 3px #0006;
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

div.safe-banner {
  color: #fff;
  background: linear-gradient(135deg, #1a1a1a 0%, #3d3d3d 100%);
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
}

div.safe-banner:before {
  content: "🎫";
  opacity: .15;
  font-size: 80px;
  position: absolute;
  bottom: -10px;
  right: -10px;
}

div.safe-banner > h2 {
  letter-spacing: -.5px;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 500;
}

div.safe-banner > p {
  opacity: .85;
  font-size: 13px;
  line-height: 1.5;
}

div.homepage-section-container > div.homepage-section-wrapper > div.guide-section {
  background: #f2f2f2;
  padding: 3rem 1.5rem;
}

div.homepage-section-container > div.homepage-section-wrapper > div.guide-section > div.guide-header {
  text-align: center;
  color: var(--font-color);
  letter-spacing: -.3px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
}

div.homepage-section-container > div.homepage-section-wrapper > div.guide-section > div.guide-steps {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

div.homepage-section-container > div.homepage-section-wrapper > div.guide-section > div.guide-steps > div.guide-step {
  background: #fff;
  border-radius: 12px;
  align-items: center;
  gap: 16px;
  padding: 16px;
  display: flex;
}

div.homepage-section-container > div.homepage-section-wrapper > div.guide-section > div.guide-steps > div.guide-step > div.guide-number {
  color: #fff;
  background: #000;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 16px;
  font-weight: 800;
  display: flex;
}

div.homepage-section-container > div.homepage-section-wrapper > div.guide-section > div.guide-steps > div.guide-step > div.guide-content {
  flex: 1;
}

div.homepage-section-container > div.homepage-section-wrapper > div.guide-section > div.guide-steps > div.guide-step > div.guide-content > div.guide-step-title {
  color: var(--font-color);
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 700;
}

div.homepage-section-container > div.homepage-section-wrapper > div.guide-section > div.guide-steps > div.guide-step > div.guide-content > div.guide-step-desc {
  color: var(--font-color-light-50);
  letter-spacing: -.3px;
  font-size: 12px;
  line-height: 1.4;
}

div.homepage-section-container > div.homepage-section-wrapper > div.knob {
  content: "";
  background: #1f2326;
  border: 1px solid #1f2326;
  border-radius: 9999px;
  width: 50px;
  height: .25rem;
  position: absolute;
  top: .5rem;
  left: 50%;
  transform: translateX(-50%);
}

div.homepage-categories-section div.splide li.splide__slide > a {
  color: #45494f;
  letter-spacing: -.3px;
  background: #f6f7f8;
  border-radius: 5px;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 400;
  transition: all .2s;
  display: block;
}

div.homepage-categories-section div.splide li.splide__slide > a:hover {
  background: #f1f1f1;
}

div.homepage-categories-section div.splide li.splide__slide > a.default {
  color: #fff;
  background: #000;
}

div.homepage-categories-section div.splide li.splide__slide > a.default:hover {
  background: #000;
}

div.homepage-region-products-section > div.region-wrapper {
  flex-direction: column;
  row-gap: 1rem;
  padding: 0 1rem;
  display: flex;
}

div.homepage-region-products-section > div.region-wrapper > a.region-item {
  border-bottom: 1px solid #f2f2f2;
  flex-direction: row;
  align-items: center;
  padding-bottom: 1rem;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.homepage-region-products-section > div.region-wrapper > a.region-item > div.number {
  padding-right: 1rem;
}

div.homepage-region-products-section > div.region-wrapper > a.region-item > div.info {
  font-size: 12px;
  font-weight: 400;
}

div.homepage-region-products-section > div.region-wrapper > a.region-item > div.info > div.location {
  letter-spacing: -.3px;
  color: var(--font-color-light);
}

div.homepage-region-products-section > div.region-wrapper > a.region-item > div.info > div.tc-string {
  letter-spacing: -.3px;
  color: var(--font-color);
  font-weight: 500;
}

div.homepage-region-products-section > div.region-wrapper > a.region-item > div.other {
  text-align: end;
  margin: 0 0 0 auto;
  font-size: 10px;
  font-weight: 400;
}

div.homepage-region-products-section > div.region-wrapper > a.region-item > div.other > div.min-price {
  color: var(--font-color-light);
  justify-content: end;
  align-items: center;
  column-gap: 3px;
  font-size: 11px;
  display: flex;
}

.homepage-region-products-section button {
  color: #45494f;
  letter-spacing: -.3px;
  cursor: pointer;
  background: #f2f4f7;
  border-radius: 5px;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 400;
  transition: all .2s;
  display: block;
}

.homepage-region-products-section button.load-more-button {
  text-align: center;
  background: #fff;
  border: 1px solid #dadbdf;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  margin: 0 1rem;
  padding: 10px 0;
  font-size: 13px;
  display: flex;
}

.homepage-region-products-section button:hover {
  background: #f1f1f1;
}

.homepage-region-products-section button.load-more-button:hover {
  background: #fff;
}

.homepage-region-products-section button.active {
  color: #fff;
  background: #000;
}

.homepage-region-products-section button.active:hover {
  background: #000;
}

div.homepage-region-products-section {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.homepage-region-products-section > div.title {
  padding: 0 1rem;
  font-size: 18px;
  font-weight: 700;
}

div.homepage-section-container > div.homepage-section-wrapper > div.homepage-category-form {
  padding: 0 1rem;
}

div.homepage-section-container > div.homepage-section-wrapper > div.homepage-category-form > div.splide {
  background: var(--card-bg-color);
}

div.homepage-section-container > div.homepage-section-wrapper > div.homepage-category-form > div.splide > div.splide__track > ul.splide__list > li.splide__slide {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  display: flex;
}

div.homepage-section-container > div.homepage-section-wrapper > div.homepage-category-form > div.splide > div.splide__track > ul.splide__list > li.splide__slide > a > div.category-text {
  color: var(--home-category-text-color);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  display: flex;
}

div.homepage-section-container > div.homepage-section-wrapper > div.homepage-category-form > div.splide > div.splide__track > ul.splide__list > li.splide__slide > a > div.category-text > i {
  font-size: 25px;
}

div.homepage-section-container > div.homepage-section-wrapper > div.homepage-category-form > div.splide > div.splide__track > ul.splide__list > li.splide__slide > a > div.category-text > span {
  font-size: 10px;
  font-weight: 700;
}

div.homepage-latest-form > div.homepage-latest-tabs {
  flex-direction: column;
  row-gap: 1rem;
  padding: 0 1rem;
  display: inline-flex;
}

div.homepage-latest-form > div.homepage-latest-tabs > div.title {
  font-size: 18px;
  font-weight: 700;
}

div.homepage-latest-form > div.homepage-latest-tabs > ul.details {
  border-radius: 10px;
  flex-direction: row;
  column-gap: 10px;
  width: auto;
  display: inline-flex;
}

div.homepage-latest-form > div.homepage-latest-tabs > ul.details > li {
  cursor: pointer;
  color: #45494f;
  letter-spacing: -.3px;
  background: #f2f4f7;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

div.homepage-latest-form > div.homepage-latest-tabs > ul.details > li:hover {
  background: #f1f1f1;
}

div.homepage-latest-form > div.homepage-latest-tabs > ul.details > li.active {
  color: #fff;
  background: #000;
}

div.homepage-latest-form > div.homepage-latest-tabs > ul.details > li.active:hover {
  background: #000;
}

div.homepage-subscribe-form > div.splide {
  padding-top: 1rem;
}

div.homepage-subscribe-form > div.title {
  padding: 0 1rem;
  font-size: 18px;
  font-weight: 600;
}

div.homepage-subscribe-form > div.subtitle {
  color: #6d6d6d;
  padding: 0 1rem;
  font-size: 13px;
  font-weight: 400;
  line-height: .9rem;
}

div.homepage-subscribe-form > ul > li {
  margin: 10px 0;
}

div.homepage-subscribe-form > ul > li > a {
  background: var(--card-bg-color);
  border: 1px solid var(--card-border-color);
  border-radius: 10px;
  align-items: center;
  padding: 10px;
  display: flex;
}

div.homepage-subscribe-form > ul > li > a > div.subscribe-info-form > div.subscribe-info {
  color: var(--home-subscribe-info-color);
  justify-content: center;
  align-items: center;
  margin-top: 3px;
  font-size: 11px;
  display: flex;
}

div.homepage-subscribe-form > ul > li > a > div.subscribe-info-form > div.subscribe-info > div.info-highlight {
  background: var(--brand-color);
  color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 0 10px;
  font-weight: 500;
  display: flex;
}

div.homepage-subscribe-form > ul > li > a > div.subscribe-info-form > div.subscribe-title {
  color: var(--text-color);
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  margin-top: 5px;
  font-size: 19px;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
}

div.homepage-subscribe-form > ul > li > a > div.subscribe-info-form > div.subscribe-host-info {
  align-items: center;
  margin-top: 5px;
  display: flex;
}

div.homepage-subscribe-form > ul > li > a > div.subscribe-info-form > div.subscribe-host-info > div.nickname {
  color: var(--text-color);
  font-size: 11px;
  font-weight: 600;
}

div.homepage-subscribe-form > ul > li > a > div.subscribe-info-form > div.subscribe-host-info > div.datetime {
  color: var(--home-subscribe-info-color);
  font-size: 11px;
}

div.homepage-latest-category-form {
  margin-top: 1rem;
}

div.homepage-latest-category-form > div.loading-skeleton > li, div.homepage-latest-category-form > div.loading-skeleton > li > div {
  width: 100%;
}

div.homepage-latest-category-form > div.loading-skeleton > li:nth-child(n+2) {
  display: none;
}

div.homepage-latest-category-form > div.category-title {
  color: var(--text-color);
  justify-content: space-between;
  align-items: center;
  margin: 0 1rem;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

div.homepage-latest-category-form > div.category-title > a > div {
  opacity: .6;
  flex-direction: row;
  align-items: center;
  column-gap: 3px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.homepage-latest-category-form > div.category-title > a:active, div.homepage-latest-category-form > div.category-title > a:hover {
  text-decoration: underline;
}

div.homepage-latest-category-form > div.category-subtitle {
  margin-left: 1rem;
  font-size: 13px;
  font-weight: 400;
  line-height: .9rem;
}

div.homepage-latest-category-form > div.category-title b {
  color: var(--text-color);
}

div.homepage-latest-category-form > div.status-text {
  height: 144.8px;
  color: var(--font-color-light);
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin: 0 1rem;
  padding: 0 1rem;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.homepage-latest-category-form > div.link-category-box {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 1rem 1rem 0;
  display: flex;
}

div.homepage-latest-category-form > div.link-category-box > a {
  text-align: center;
  border: 1px solid #dadbdf;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  font-size: 13px;
  display: flex;
}

div.chatlist-header-container > div.chatlist-header-wrapper {
  height: calc(var(--header-height)  + 1px);
  background: var(--bg-color);
  border-bottom: 1px solid var(--border-color);
  position: relative;
}

div.chatlist-header-container > div.chatlist-header-wrapper > a.goto-home {
  padding: 1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

div.chatlist-header-container > div.chatlist-header-wrapper > a.goto-home > i {
  font-size: 20px;
}

div.chatlist-header-container > div.chatlist-header-wrapper > div.title {
  font-size: 17px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.chat-room-container {
  flex-direction: column;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

div.chat-room-container > div.chat-room-wrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

div.chat-room-header-wrapper {
  height: calc(var(--header-height)  + 1px);
  background: var(--bg-color);
  border-bottom: 1px solid var(--border-color);
  position: relative;
}

div.chat-room-header-wrapper > a {
  padding: 1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

div.chat-room-header-wrapper > a > i {
  font-size: 20px;
}

div.chat-room-header-wrapper > div.title {
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.chat-room-content-wrapper {
  flex: 1;
  min-height: 0;
  padding: 1rem;
  overflow-y: auto;
}

div.chat-room-content-wrapper > div > span {
  border-radius: 10px;
  max-width: 200px;
  margin: 5px 0;
  padding: 5px 10px;
  font-size: 16px;
}

div.chat-room-content-wrapper > div > span.sender {
  background: var(--brand-color);
  color: var(--white-color);
}

div.chat-room-content-wrapper > div > span.receive {
  color: #000;
  background: #fff;
}

div.chat-room-footer-wrapper {
  background: var(--bg-color);
  border-top: 1px solid var(--border-color);
  position: relative;
}

div.chat-room-footer-wrapper > form {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  display: flex;
}

div.chat-room-footer-wrapper > form > div.options {
  padding: 1rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

div.chat-room-footer-wrapper > form > div.options > i {
  color: #121212;
  text-align: center;
  background: #fff;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  padding: 5px;
  font-size: 15px;
  display: flex;
}

div.chat-room-footer-wrapper > form > input {
  background: var(--card-bg-color);
  border: 1px solid var(--card-border-color);
  border-radius: 9999px;
  width: 100%;
  height: 40px;
  margin: 0 55px;
  padding: 15px;
  font-size: 15px;
}

div.chat-room-footer-wrapper > form > button[type="submit"] {
  padding: 1rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

div.chat-room-footer-wrapper > form > button[type="submit"] > i {
  width: 25px;
  height: 25px;
  font-size: 21px;
}

div.my-page-container {
  margin-top: var(--header-height);
}

div.my-page-container > div.my-page-wrapper {
  background: #fff;
  flex-direction: column;
  gap: 10px;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.validation {
  flex-direction: column;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.validation > div.columns {
  color: #fff;
  background: #db4544;
  padding: .5rem 1rem;
  font-size: 13px;
  font-weight: 400;
}

div.my-page-container > div.my-page-wrapper > div.validation > div.columns > div, div.my-page-container > div.my-page-wrapper > div.validation > div.columns > a {
  letter-spacing: -.5px;
  cursor: pointer;
  align-items: center;
  column-gap: 5px;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-profile-wrapper {
  margin: 1rem 1rem .5rem;
}

div.my-page-container > div.my-page-wrapper > div.my-page-profile-wrapper > a.my-page-profile-form {
  align-items: center;
  gap: 5px;
  font-size: 16px;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-profile-wrapper > a.my-page-profile-form > div.nickname {
  font-size: 18px;
  font-weight: 600;
}

div.my-page-container > div.my-page-wrapper > div.my-page-profile-wrapper > a.my-page-profile-form > img {
  border-radius: 9999px;
}

div.my-page-container > div.my-page-wrapper > div.my-page-item-lists {
  flex-direction: column;
  gap: 15px;
  margin: 1rem 1rem 0;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-item-lists > ul.my-page-lists > span.list-head-title {
  width: 100%;
  color: var(--font-color-light);
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 400;
  display: block;
}

div.my-page-container > div.my-page-wrapper > div.my-page-item-lists > ul.my-page-lists > li > a {
  color: var(--font-color);
  letter-spacing: -.3px;
  justify-content: space-between;
  align-items: center;
  padding: .8rem 0;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-item-lists > ul.my-page-lists > li > a > div.text {
  align-items: center;
  gap: 5px;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-item-lists > ul.my-page-lists > li > a > div.text > i {
  width: 20px;
}

div.my-page-container > div.my-page-wrapper > div.my-page-logout-form {
  margin: 1rem;
}

div.my-page-container > div.my-page-wrapper > div.my-page-logout-form > button {
  width: 100%;
  height: 50px;
  color: var(--font-color);
  cursor: pointer;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  margin-bottom: 5rem;
  font-size: 14px;
  font-weight: 500;
}

div.my-page-container > div.my-page-wrapper > div.my-page-dashboard-container {
  border: .1rem solid #efefef;
  border-radius: 9999px;
  margin: 0 1rem;
}

div.my-page-container > div.my-page-wrapper > div.my-page-dashboard-container > div.my-page-dashboard-wrapper > ul.section {
  flex-direction: row;
  justify-content: space-around;
  padding: .5rem 1rem;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-dashboard-container > div.my-page-dashboard-wrapper > ul.section > li > a {
  justify-content: space-between;
  column-gap: 5px;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-dashboard-container > div.my-page-dashboard-wrapper > ul.section > li > a > div.left {
  color: var(--font-color);
  font-size: 13px;
  font-weight: 400;
}

div.my-page-container > div.my-page-wrapper > div.my-page-dashboard-container > div.my-page-dashboard-wrapper > ul.section > li > a > div.right {
  color: var(--font-color);
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-dashboard-container > div.my-page-dashboard-wrapper > ul.footer {
  flex-direction: row;
  padding: 0 1.5rem;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-dashboard-container > div.my-page-dashboard-wrapper > ul.footer > li {
  width: 50%;
  height: 55px;
}

div.my-page-container > div.my-page-wrapper > div.my-page-dashboard-container > div.my-page-dashboard-wrapper > ul.footer > li > a {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-dashboard-container > div.my-page-dashboard-wrapper > ul.section > div.line {
  background-color: #dbe1e6;
  align-self: center;
  width: 1px;
  height: 1rem;
}

div.my-page-container > div.my-page-wrapper > div.my-page-dashboard-container > div.my-page-dashboard-wrapper > ul.footer > div.line {
  background-color: #e6e6e6;
  align-self: center;
  width: .1rem;
  height: 1.5rem;
  margin: 0 1.2rem;
}

div.my-page-container > div.my-page-wrapper > div.my-page-dashboard-container > div.my-page-dashboard-wrapper > ul.footer > li > a > div.left {
  color: var(--font-color);
  font-size: 13px;
  font-weight: 400;
}

div.my-page-container > div.my-page-wrapper > div.my-page-dashboard-container > div.my-page-dashboard-wrapper > ul.footer > li > a > div.right {
  color: var(--font-color);
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container {
  margin: 0 1rem;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper {
  background: #212121;
  border-radius: 12px;
  flex-direction: column;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper > div {
  margin: 0 1rem;
  padding: 1rem .5rem;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper > div > ul {
  justify-content: space-between;
  margin-top: 5px;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper > div > ul > li {
  text-align: center;
  flex-direction: column;
  align-items: center;
  row-gap: .15rem;
  width: 60px;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper > div > strong {
  color: #d5d5d5;
  letter-spacing: -.5px;
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper > div > strong > span {
  color: var(--font-color-light);
  font-size: 12px;
  font-weight: 400;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper > div.sell {
  border-bottom: 1px solid #2c2c2c;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper > div > ul > li > div.label {
  color: var(--font-color-light);
  font-size: 14px;
  font-weight: 400;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper > div > ul > li > div.result {
  color: #d0d0d0;
  font-size: 20px;
  font-weight: 500;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper > div > ul > li > div.result:active {
  text-decoration: underline;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper > div > ul > li > div.footer {
  text-wrap: nowrap;
  letter-spacing: -.3px;
  color: var(--font-color-light);
  flex-flow: row;
  align-items: center;
  column-gap: 5px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper > div > ul > li > div.footer > a {
  color: var(--brand-color);
  font-weight: 600;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper > div > ul > li > div.footer > a:active {
  text-decoration: underline;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper > div.other {
  color: #d5d5d5;
  background: #191919;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  column-gap: 1rem;
  margin: 0;
  padding: 12px 1.5rem;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper > div.other > div.line {
  background-color: #2c2c2c;
  align-self: center;
  width: 1px;
  height: 1rem;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper > div.other > a.rows {
  white-space: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: 5px;
  width: 100%;
  display: flex;
}

div.my-page-container > div.my-page-wrapper > div.my-page-status-container > div.wrapper > div.other > a.rows > span {
  font-weight: 600;
}

div.product-container {
  margin-top: calc(var(--header-height)  + 1px);
}

div.product-container > div.product-wrapper {
  background: #fff;
  margin: 0 auto 70px !important;
}

div.product-container > div.product-wrapper > div.details {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top {
  border-bottom: 9px solid #f2f4f6;
  flex-direction: column;
  padding-bottom: 1rem;
  display: flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.images-wrapper {
  position: relative;
}

div.images-count {
  color: #fff;
  letter-spacing: -.3px;
  background: #00000080;
  border-radius: 5px;
  padding: 2px 11px;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.images-wrapper > div.image {
  background: #f9f9f9;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.images-wrapper > div.image > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.images-wrapper .splide > .splide__track > ul > li {
  width: 100%;
  position: relative;
  overflow: hidden;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.images-wrapper .splide > .splide__track > ul > li > img {
  object-fit: cover;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.images-wrapper .splide > .splide__pagination {
  right: 1rem;
  left: unset;
  background: #20202059;
  border-radius: 9999px;
  display: inline-table;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.images-wrapper .splide > .splide__pagination > li > button {
  opacity: unset;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.payment-method-info > div > div.title {
  color: var(--font-color);
  font-size: 16px;
  font-weight: 700;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.payment-method-info > div > div.description {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  font-size: 12px;
  font-weight: 400;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.payment-method-info > ul {
  flex-direction: row;
  align-items: center;
  column-gap: 7px;
  display: flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.payment-method-info > ul > li {
  color: var(--font-color-light);
  letter-spacing: -.5px;
  border: 1px solid #e5ebfe;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 0 15px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.payment-method-info > ul > li.active {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.category {
  color: var(--font-color-light);
  padding: 0 1rem;
  font-size: 12px;
  font-weight: 400;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.tc, div.product-container > div.product-wrapper > div.details > div.product-info-top > div.product-id {
  color: var(--font-color-extralight);
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  padding: 1rem 1rem 0;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.tc > span, div.product-container > div.product-wrapper > div.details > div.product-info-top > div.product-id > span {
  color: var(--font-color);
  font-weight: 500;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.product-title {
  margin-top: .5rem;
  padding: 0 1rem;
  font-size: 20px;
  font-weight: 600;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.seat-info {
  color: var(--font-color);
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  padding: 0 1rem;
  font-size: 19px;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.others {
  color: var(--font-color-extralight);
  padding: 0 1rem;
  font-size: 13px;
  font-weight: 400;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.others > span:nth-child(2):before, div.product-container > div.product-wrapper > div.details > div.product-info-top > div.others > div:nth-child(2):before {
  content: "|";
  color: #999;
  margin: 0 5px;
  font-size: 13px;
  font-weight: 100;
  position: relative;
  top: 0;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.seat-info > div.common {
  display: inline-flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.seat-info > div.common:not(:last-of-type):after {
  content: "|";
  color: #999;
  margin: 0 5px;
  font-size: 16px;
  font-weight: 100;
  position: relative;
  bottom: -2px;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.seat-info > span.common:not(:last-of-type):after {
  content: "|";
  color: #999;
  margin: 0 5px;
  font-size: 16px;
  font-weight: 100;
  position: relative;
  bottom: 1px;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.remark {
  padding: 1rem 1rem 0;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.remark > ul {
  flex-flow: wrap;
  gap: 7px;
  display: flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.remark > ul > li {
  color: #454545;
  letter-spacing: -.5px;
  border: 1px solid #e5ebfe;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.ticket-info {
  flex-direction: column;
  row-gap: 10px;
  padding: 1rem 1rem 0;
  display: flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.ticket-info > div.common {
  color: var(--font-color-light-50);
  letter-spacing: -.3px;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.ticket-info > div.common > span {
  color: var(--font-color);
  font-weight: 600;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.ticket-info > div.finalprice {
  color: var(--font-color);
  border-top: .2rem dashed #e6e6e6;
  align-items: center;
  padding-top: 1rem;
  font-size: 18px;
  font-weight: 600;
}

div.product-container > div.product-wrapper > div.details > div.product-info-top > div.ticket-info > div.finalprice > span {
  color: var(--pink-color);
  font-size: 22px;
  font-weight: 700;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li {
  border-bottom: 9px solid #f2f4f6;
  padding: 0 1rem 1rem;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li > div.title {
  color: var(--font-color);
  font-size: 16px;
  font-weight: 700;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.common {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.common:last-child {
  border-bottom: none;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.categories-explain-info > div.explain-rows {
  flex-direction: column;
  row-gap: 5px;
  display: flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.categories-explain-info > div.explain-rows > div.title {
  font-size: 14px;
  font-weight: 500;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.categories-explain-info > div.explain-rows > div.explain {
  letter-spacing: -.4px;
  color: var(--font-color-light);
  padding-left: 10px;
  font-size: 12px;
  line-height: 1.15rem;
  position: relative;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.categories-explain-info > div.explain-rows > div.explain:before {
  content: "·";
  position: absolute;
  left: 0;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.content-info > p {
  white-space: pre-wrap;
  font-size: 13px;
  font-weight: 400;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.content-info > span.created {
  letter-spacing: -.5px;
  color: var(--font-color-light);
  justify-content: end;
  align-items: center;
  column-gap: 5px;
  font-size: 11px;
  font-weight: 400;
  display: flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.rule-info > div.rule {
  flex-direction: column;
  row-gap: 5px;
  display: flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.rule-info > div.rule > div.rows {
  letter-spacing: -.4px;
  color: var(--font-color-light);
  padding-left: 10px;
  font-size: 12px;
  line-height: 1.15rem;
  position: relative;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.rule-info > div.rule > div.rows:before {
  content: "·";
  position: absolute;
  left: 0;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.full-rule-info > div.rule {
  flex-direction: column;
  row-gap: 5px;
  display: flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.full-rule-info > div.rule > div.title {
  font-size: 14px;
  font-weight: 500;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.full-rule-info > div.rule > div.title:before {
  content: "-";
  margin-right: 5px;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.full-rule-info > div.rule > div.rows {
  letter-spacing: -.4px;
  color: var(--font-color-light);
  white-space: pre-line;
  padding-left: 10px;
  font-size: 12px;
  line-height: 1.15rem;
  position: relative;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.full-rule-info > div.rule > div.rows:before {
  content: "·";
  position: absolute;
  left: 0;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.category-rule-info > ul {
  flex-direction: column;
  row-gap: 5px;
  display: flex;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.category-rule-info > ul > li {
  letter-spacing: -.4px;
  color: var(--font-color-light);
  padding-left: 10px;
  font-size: 12px;
  line-height: 1.15rem;
  position: relative;
}

div.product-container > div.product-wrapper > div.details > div.product-info-center > ul > li.category-rule-info > ul > li:before {
  content: "·";
  position: absolute;
  left: 0;
}

div.product-footer-menu-container {
  background: #fff;
  width: 100%;
  position: fixed;
  bottom: 0;
  box-shadow: 0 2px 8px #0000003d;
}

div.product-footer-menu-container > div.product-footer-menu-wrapper > ul {
  flex-direction: row;
  column-gap: .7rem;
  width: 100%;
  height: 100%;
  padding: 10px 1rem;
  display: flex;
}

div.product-footer-menu-container > div.product-footer-menu-wrapper > ul > li.cart {
  background: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
}

div.product-footer-menu-container > div.product-footer-menu-wrapper > ul > li.apply {
  background: #d2d2d2;
}

div.product-footer-menu-container > div.product-footer-menu-wrapper > ul > li.cart > button {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100%;
  font-size: 20px;
  display: flex;
}

div.product-footer-menu-container > div.product-footer-menu-wrapper > ul > li.chat > button {
  background: var(--card-bg-color);
  color: var(--text-color);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 100px;
  height: 30px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

div.product-footer-menu-container > div.product-footer-menu-wrapper > ul > li.payment {
  width: 100%;
}

div.product-footer-menu-container > div.product-footer-menu-wrapper > ul > li.payment > button {
  cursor: pointer;
  color: #fff;
  background: #000;
  border-radius: 8px;
  width: 100%;
  height: 50px;
  font-size: 14px;
  font-weight: 600;
}

div.product-footer-menu-container > div.product-footer-menu-wrapper > div.quantity-selector-wrapper {
  background: #fff;
  justify-content: end;
  padding: 10px 1rem 0;
  display: flex;
}

div.product-footer-menu-container > div.product-footer-menu-wrapper > div.quantity-selector-wrapper > div.quantity-stepper {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

div.product-footer-menu-container > div.product-footer-menu-wrapper > div.quantity-selector-wrapper > div.quantity-stepper > button.stepper-btn {
  cursor: pointer;
  color: #374151;
  background: #f9fafb;
  border: none;
  flex: 0 15%;
  justify-content: center;
  align-items: center;
  height: 44px;
  transition: background-color .2s;
  display: flex;
}

div.product-footer-menu-container > div.product-footer-menu-wrapper > div.quantity-selector-wrapper > div.quantity-stepper > button.stepper-btn:hover:not(:disabled) {
  background: #f3f4f6;
}

div.product-footer-menu-container > div.product-footer-menu-wrapper > div.quantity-selector-wrapper > div.quantity-stepper > button.stepper-btn:active:not(:disabled) {
  background: #e5e7eb;
}

div.product-footer-menu-container > div.product-footer-menu-wrapper > div.quantity-selector-wrapper > div.quantity-stepper > button.stepper-btn:disabled {
  opacity: .3;
  cursor: not-allowed;
}

div.product-footer-menu-container > div.product-footer-menu-wrapper > div.quantity-selector-wrapper > div.quantity-stepper > button.stepper-btn.minus {
  border-right: 1px solid #e5e7eb;
}

div.product-footer-menu-container > div.product-footer-menu-wrapper > div.quantity-selector-wrapper > div.quantity-stepper > button.stepper-btn.plus {
  border-left: 1px solid #e5e7eb;
}

div.product-footer-menu-container > div.product-footer-menu-wrapper > div.quantity-selector-wrapper > div.quantity-stepper > div.stepper-value {
  height: 44px;
  color: var(--font-color);
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

div.sub-category-container {
  top: calc(var(--header-height));
  background: var(--bg-color);
  width: 100%;
  position: fixed;
  left: 0;
}

div.sub-category-wrapper > div.sub-category-form {
  align-items: center;
  height: 40px;
  display: flex;
}

div.sub-categorytag-wrapper > div.sub-categorytag-form {
  touch-action: pan-x;
  align-items: center;
  height: 40px;
  display: flex;
}

div.sub-categorytag-wrapper > div.sub-categorytag-form > div.sub-categorytag-filter > div {
  background: var(--category-active-bg-color);
  color: var(--category-active-text-color);
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-width: 70px;
  height: 25.5px;
  padding: 2px 0;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

div.sub-categorytag-wrapper > div.sub-categorytag-form > div.swiper {
  margin: 0;
}

div.sub-category-wrapper > div.sub-category-form > div.swiper, div.sub-categorytag-wrapper > div.sub-categorytag-form > div.swiper {
  padding: 0 1rem;
}

div.sub-category-wrapper > div.sub-category-form > div.swiper > div.swiper-wrapper > div.swiper-slide > a, div.sub-categorytag-wrapper > div.sub-categorytag-form > div.swiper > div.swiper-wrapper > div.swiper-slide > a {
  border: 1px solid var(--category-border-color);
  color: var(--category-text-color);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  margin-right: .666rem;
  padding: 2px 10px;
  display: flex;
}

div.sub-category-wrapper > div.sub-category-form > div.swiper > div.swiper-wrapper > div.swiper-slide:last-child > a, div.sub-categorytag-wrapper > div.sub-categorytag-form > div.swiper > div.swiper-wrapper > div.swiper-slide:last-child > a {
  margin-right: 0;
}

div.sub-category-wrapper > div.sub-category-form > div.swiper > div.swiper-wrapper > div.swiper-slide > a.active, div.sub-categorytag-wrapper > div.sub-categorytag-form > div.swiper > div.swiper-wrapper > div.swiper-slide > a.active {
  font-weight: 600;
  border: 1px solid var(--category-active-border-color) !important;
  background: var(--category-active-bg-color) !important;
  color: var(--category-active-text-color) !important;
}

div.sub-category-wrapper > div.sub-category-form > div.swiper > div.swiper-wrapper > div.swiper-slide > a > div.category-text, div.sub-categorytag-wrapper > div.sub-categorytag-form > div.swiper > div.swiper-wrapper > div.swiper-slide > a > div.category-text {
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  display: flex;
}

div.productslist {
  width: 100%;
  height: 100vh;
  margin-top: 5px;
  position: fixed;
  top: 140px;
  overflow: hidden;
}

div.productslist > div.productslist-header {
  z-index: 5;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  justify-content: space-between;
  align-items: end;
  padding: 0 1rem 10px;
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  box-shadow: 0 1px 5px 1px #00000040;
}

div.productslist > div.productslist-header > div.count {
  font-size: 13px;
}

div.productslist > div.productslist-header > a.write {
  background: var(--bg-reverse-color);
  color: var(--text-reverse-color);
  border-radius: 5px;
  padding: 4px 16px;
  font-size: 13px;
  font-weight: 600;
}

div.productslist-conatinaer > div.productslist-wrapper > div.productslist-form {
  -webkit-overflow-scrolling: touch;
  touch-action: auto;
  height: calc(100vh - 190px);
  padding: 10px 1rem 10rem;
  overflow-y: scroll;
}

div.productslist-conatinaer > div.productslist-wrapper > div.productslist-form > ul > li {
  margin-bottom: 10px;
}

div.productslist-conatinaer > div.productslist-wrapper > div.productslist-form > ul > li:last-child {
  margin-bottom: 0;
}

div.category-sidebar-form {
  background: #f8f8f8;
  flex: 1;
  height: 100vh;
  overflow-y: auto;
}

div.category-sidebar-form > ul > li:first-child {
  padding-top: 0;
}

div.category-sidebar-form > ul > li:last-child {
  padding-bottom: 0;
}

div.category-sidebar-form > ul > li > a {
  width: 100%;
  color: var(--font-color);
  letter-spacing: -.5px;
  background: none;
  border: 1px solid #f8f8f8;
  padding: .8rem 1rem;
  font-size: 13px;
  font-weight: 400;
  display: block;
}

div.category-sidebar-form > ul > li > a.active {
  color: #fff;
  background: #252525;
  border: 1px solid #252525;
  font-weight: 500;
}

div.category-result-list-wrapper {
  flex-direction: column;
  flex: 1;
  height: 100%;
  display: flex;
}

div.category-result-list-wrapper > div.category-result-list {
  background: #fff;
  flex: 1;
  overflow-y: auto;
}

div.category-result-list-wrapper > div.category-result-list > div.recent-tc > div.recent-tc-title {
  color: #fff;
  letter-spacing: -.5px;
  background: #2d2d2d;
  border: 1px solid #2d2d2d;
  justify-content: space-between;
  align-items: center;
  padding: .8rem 1rem;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.category-result-list-wrapper > div.category-result-list > div.recent-tc > div.recent-tc-empty {
  color: var(--font-color);
  background: #fafafa;
  padding: 15px 1rem 15px 15px;
  font-size: 12px;
  font-weight: 400;
}

div.category-result-list-wrapper > div.category-result-list > div.recent-tc > ul > li > a {
  color: var(--font-color);
  letter-spacing: -.5px;
  background: #fafafa;
  padding: 15px 1rem 15px 15px;
  font-size: 12px;
  font-weight: 400;
  display: block;
}

div.category-result-list-wrapper > div.category-result-list > ul {
  flex-direction: column;
  display: flex;
}

div.category-result-list-wrapper > div.category-result-list > ul > li {
  background: none;
  border-bottom: 1px solid #f2f4f6;
}

div.category-result-list-wrapper > div.category-result-list > ul > li > div {
  cursor: pointer;
  color: var(--font-color);
  letter-spacing: -.5px;
  justify-content: space-between;
  align-items: center;
  padding: .8rem 1rem;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.category-result-list-wrapper > div.category-result-list > ul > li > div > span {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

div.category-result-list-wrapper > div.category-result-list > ul > li > div.active {
  color: #fff;
  background: #2d2d2d;
  border: 1px solid #2d2d2d;
}

div.category-result-list-wrapper > div.category-result-list > ul > li > ul {
  background: #fafafa;
}

div.category-result-list-wrapper > div.category-result-list > ul > li > ul > li > a {
  color: var(--font-color);
  letter-spacing: -.5px;
  padding: 15px 1rem 15px 15px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.category-result-list-wrapper > div.category-result-list > ul > li > ul > li > a:focus {
  background: var(--category-result-tc-focus-color);
}

div.home-theme-product-form > div.title {
  padding-left: 1rem;
  font-size: 18px;
  font-weight: 700;
}

div.home-theme-product-form > div.subtitle {
  padding-left: 1rem;
  font-size: 13px;
  font-weight: 400;
  line-height: .9rem;
}

div.home-theme-product-form > div.splide {
  padding-top: 1rem;
}

div.home-theme-product-form > div.splide div.container {
  align-items: center;
  max-width: 100%;
  padding: 0 1rem;
}

div.home-theme-product-form > div.splide div.container > div.wrapper {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
  display: grid;
}

div.home-theme-product-form > div.splide div.container > div.wrapper > div > a > div.thumbnail {
  aspect-ratio: 3 / 4;
  border-radius: 8px;
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
}

div.home-theme-product-form > div.splide div.container > div.wrapper > div > a > div.thumbnail > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

div.home-theme-product-form > div.splide div.container > div.wrapper > div > a > div.product-info > div.title {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: 13px;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
}

div.home-theme-product-form > div.splide div.container > div.wrapper > div > a > div.product-info > div.price-info {
  align-items: center;
  gap: 3px;
  display: flex;
}

div.home-theme-product-form > div.splide div.container > div.wrapper > div > a > div.product-info > div.price-info > div.discount {
  color: var(--lite-pink-color);
  font-size: 13px;
  font-weight: 400;
}

div.home-theme-product-form > div.splide div.container > div.wrapper > div > a > div.product-info > div.price-info > div.price {
  font-size: 13px;
  font-weight: 700;
}

div.homepage-notice-form {
  padding: 1rem 1rem 0;
}

div.my-page-notice-form {
  padding: .5rem 1rem 1rem;
}

div.homepage-notice-form > div, div.my-page-notice-form > div {
  background: #f7f8fb;
  border-radius: 10px;
  padding: 5px 20px;
}

div.homepage-notice-form > div > div, div.my-page-notice-form > div > div {
  align-items: center;
  gap: 10px;
  height: 40px;
  display: flex;
}

div.homepage-notice-form > div > div > div.category, div.my-page-notice-form > div > div > div.category {
  background: var(--brand-color);
  color: #fff;
  border-radius: 9999px;
  padding: 2px 10px;
  font-size: 12px;
}

div.homepage-notice-form > div > div > div.title, div.my-page-notice-form > div > div > div.title {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

div.homepage-banner-container > div.homepage-banner-wrapper > div.splide li.splide__slide > div.details {
  background: #ededed;
  border-radius: 16px;
  width: 100%;
  height: 270px;
  position: relative;
  overflow: hidden;
}

div.homepage-banner-container > div.homepage-banner-wrapper > div.splide li.splide__slide > div.type-2 {
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  row-gap: 10px;
  padding: 1rem;
  display: flex;
}

div.homepage-banner-container > div.homepage-banner-wrapper > div.splide li.splide__slide > div.type-2 > div.text {
  color: #fff;
  text-align: center;
  flex-direction: column;
  align-items: center;
  row-gap: 1rem;
  display: flex;
}

div.homepage-banner-container > div.homepage-banner-wrapper > div.splide li.splide__slide > div.type-2 > div.text > div.title {
  font-size: 16px;
  font-weight: 600;
}

div.homepage-banner-container > div.homepage-banner-wrapper > div.splide li.splide__slide > div.type-2 > div.text > div.content {
  font-size: 14px;
  font-weight: 400;
}

div.homepage-banner-container > div.homepage-banner-wrapper > div.splide li.splide__slide > div.type-2 > div.thumbnail {
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 130px;
  display: flex;
}

div.homepage-gift-form {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.homepage-gift-form > div.title {
  padding: 0 1rem;
  font-size: 18px;
  font-weight: 700;
}

div.homepage-gift-form > div.items-container > div.items-notfound {
  justify-content: center;
  align-items: center;
  height: 100px;
  padding: 0 1rem;
  font-size: 14px;
  display: flex;
}

div.homepage-gift-form > div.items-container > div.items-wrapper {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 5px;
  padding: 0 1rem;
  display: grid;
}

div.homepage-gift-form > div.items-container > div.items-wrapper > div.rows > a {
  flex-direction: column;
  row-gap: 5px;
  display: flex;
}

div.homepage-gift-form > div.items-container > div.items-wrapper > div.rows > a > div.thumbnail {
  border: 1px solid #ededed;
  border-radius: 12px;
  width: 100%;
  height: auto;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}

div.homepage-gift-form > div.items-container > div.items-wrapper > div.rows > a > div.thumbnail > div.no-product {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

div.homepage-gift-form > div.items-container > div.items-wrapper > div.rows > a > div.thumbnail > img {
  color: #0000;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 50% !important;
  transform: translate(-50%, -50%) !important;
}

div.homepage-gift-form > div.items-container > div.items-wrapper > div.rows > a > div.details {
  flex-direction: column;
  row-gap: 3px;
  display: flex;
}

div.homepage-gift-form > div.items-container > div.items-wrapper > div.rows > a > div.details > div.title {
  color: var(--font-color);
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: 13px;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
}

div.homepage-gift-form > div.items-container > div.items-wrapper > div.rows > a > div.details > div.no-product {
  color: var(--brand-color);
  font-size: 12px;
  font-weight: 500;
}

div.homepage-gift-form > div.items-container > div.items-wrapper > div.rows > a > div.details > div.price-info {
  flex-direction: row;
  column-gap: 5px;
  line-height: 1rem;
  display: flex;
}

div.homepage-gift-form > div.items-container > div.items-wrapper > div.rows > a > div.details > div.price-info > div.quantity {
  color: #e31068;
  font-size: 12px;
  font-weight: 400;
}

div.homepage-gift-form > div.items-container > div.items-wrapper > div.rows > a > div.details > div.price-info > div.unitPrice {
  color: var(--font-color);
  font-size: 12px;
  font-weight: 700;
}

div.homepage-gift-form > div.link-category-box {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  display: flex;
}

div.homepage-gift-form > div.link-category-box > a {
  text-align: center;
  border: 1px solid #dadbdf;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  width: 100%;
  max-width: 450px;
  height: 100%;
  padding: 10px 0;
  font-size: 13px;
  display: flex;
}

div.homebody {
  background: #1f2326;
}

div.homepage-hero-container {
  color: #fff;
  padding: 3rem 0;
  transition: all .2s;
}

div.homepage-hero-container > div.homepage-hero-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

div.homepage-hero-container > div.homepage-hero-wrapper > div.hero-content {
  flex-direction: column;
  row-gap: 1rem;
  padding: 0 1rem;
  display: flex;
}

div.homepage-hero-container > div.homepage-hero-wrapper > div.hero-content > div.hero-text {
  letter-spacing: -.5px;
  color: #f2f4f6;
  font-size: 22px;
  font-weight: 600;
  line-height: 2rem;
}

div.homepage-hero-container > div.homepage-hero-wrapper > div.hero-content > div.hero-input > div.category-search-wrapper > div.input-area-wrapper {
  background: #4d5156 !important;
  border-radius: 9999px !important;
}

div.homepage-hero-container > div.homepage-hero-wrapper > div.hero-content > div.hero-input > div.category-search-wrapper > div.input-area-wrapper > svg, div.homepage-hero-container > div.homepage-hero-wrapper > div.hero-content > div.hero-input > div.category-search-wrapper > div.input-area-wrapper > form > input {
  color: #f2f4f6;
}

div.homepage-hero-container > div.homepage-hero-wrapper > div.splide {
  padding-top: 1.5rem;
}

div.homepage-hero-container > div.homepage-hero-wrapper > div.splide > div.splide__track {
  padding: 0 1rem !important;
}

div.homepage-hero-container > div.homepage-hero-wrapper > div.splide > div.splide__track > ul.splide__list > li.splide__slide {
  color: var(--brand-color);
  background: #fff;
  border-radius: 9999px;
  padding: .45rem .75rem .45rem 1.25rem;
  font-size: 14px;
  font-weight: 600;
}

div.homepage-hero-container > div.homepage-hero-wrapper > div.splide > div.splide__track > ul.splide__list > li.splide__slide > a {
  flex-direction: row;
  align-items: center;
  column-gap: .25rem;
  display: flex;
}

div.homepage-faq-form {
  flex-direction: column;
  row-gap: 1rem;
  padding: 0 1rem;
  display: flex;
}

div.homepage-faq-form > div.title {
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  font-size: 20px;
  font-weight: 700;
  display: flex;
}

div.homepage-faq-form > ul {
  border: 1px solid #ededed;
  border-radius: 16px;
}

div.homepage-faq-form > ul > li {
  border-bottom: 1px solid #f8f9fa;
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.homepage-faq-form > ul > li:last-child {
  border-bottom: none;
}

div.homepage-faq-form > ul > li > div.question {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: 1rem;
  height: 60px;
  padding: 0 1rem;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.homepage-faq-form > ul > li > div.answer {
  color: #999;
  padding: 0 1rem 1rem;
  font-size: 13px;
  font-weight: 400;
}

div.notice-container {
  margin-top: calc(var(--header-height)  + 1px);
}

div.notice-container > div.notice-wrapper {
  background: #fff;
}

div.notice-content-container > div.notice-content-wrapper > div.details > div.top {
  border-bottom: 1px solid #f2f4f6;
  padding: 1rem;
}

div.notice-content-container > div.notice-content-wrapper > div.details > div.top > h1.title {
  color: var(--font-color);
  letter-spacing: -.3px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

div.notice-content-container > div.notice-content-wrapper > div.details > div.top > div.datetime {
  color: var(--font-color-light);
  font-size: 14px;
  font-weight: 400;
}

div.notice-content-container > div.notice-content-wrapper > div.details > div.content {
  color: var(--font-color);
  letter-spacing: -.3px;
  white-space: pre-wrap;
  padding: 1rem 1rem 5rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}

div.notice-content-container > div.notice-content-wrapper > div.details > div.content ol {
  padding-left: 2rem;
}

div.my-balance-container {
  margin-top: calc(var(--header-height));
}

div.my-balance-container > div.my-balance-wrapper {
  background: #fff;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.log-lists {
  padding-bottom: 5rem;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.dashboard {
  border-bottom: 8px solid #efefef;
  padding: 1rem;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.dashboard > div.title {
  font-size: 14px;
  font-weight: 400;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.dashboard > div.balance {
  font-size: 24px;
  font-weight: 700;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.dashboard > div.method {
  flex-direction: row;
  justify-content: space-between;
  column-gap: 5px;
  padding-top: 1rem;
  display: flex;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.dashboard > div.method > div.charge {
  border: 1px solid var(--border-color);
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.dashboard > div.method > div.withdraw {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background: #000;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.log-lists > ul {
  padding: 0 1rem 1rem;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.log-lists > ul > li {
  border-bottom: 1px solid #f0f0f0;
  padding: .5rem 0;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.log-lists > ul > li > div.top {
  align-items: center;
  column-gap: 10px;
  padding-bottom: 7px;
  display: flex;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.log-lists > ul > li > div.top > div.g-tag {
  color: #656565;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
  background: #f4f4f4;
  border-radius: 4px;
  align-items: center;
  column-gap: 5px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 700;
  line-height: normal;
  transition: all .2s;
  display: flex;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.log-lists > ul > li > div.top > div.g-tag:hover {
  background: #efefef;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.log-lists > ul > li > div.top > div.r-tag {
  color: #c33333;
  letter-spacing: 0;
  white-space: nowrap;
  background: #ffe7e7;
  border-radius: 4px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 700;
  line-height: normal;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.log-lists > ul > li > div.top > div.gr-tag {
  color: #15803d;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
  background: #dcfce7;
  border-radius: 4px;
  align-items: center;
  column-gap: 5px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 700;
  line-height: normal;
  transition: all .2s;
  display: flex;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.log-lists > ul > li > div.top > div.tag {
  color: #1d8bff;
  letter-spacing: 0;
  white-space: nowrap;
  background: #e3f0ff;
  border-radius: 4px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 700;
  line-height: normal;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.log-lists > ul > li > div.top > div.datetime {
  color: var(--font-color-light);
  font-size: 12px;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.log-lists > ul > li > div.afterAmount {
  color: var(--font-color-light);
  justify-content: end;
  align-items: center;
  font-size: 12px;
  display: flex;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.log-lists > ul > li > div.info {
  justify-content: space-between;
  display: flex;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.log-lists > ul > li > div.info > div.reason {
  letter-spacing: -.5px;
  color: var(--font-color);
  font-size: 14px;
  font-weight: 400;
}

div.my-balance-container > div.my-balance-wrapper > div.details > div.log-lists > ul > li > div.info > div.amount {
  font-size: 16px;
  font-weight: 600;
}

div.product-payment-container {
  margin-top: calc(var(--header-height)  + 1px);
}

div.product-payment-container > div.product-payment-wrapper {
  background: #fff;
  padding-bottom: 5rem;
}

div.product-payment-container > div.product-payment-wrapper > ul > li {
  border-bottom: 9px solid #f2f4f6;
  padding: 1rem;
}

div.product-payment-container > div.product-payment-wrapper > ul > li:first-child {
  padding: .65rem 1rem 1rem;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.select-addresses-type {
  flex-direction: row;
  align-items: center;
  column-gap: 1rem;
  margin-top: 1rem;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.select-addresses-type > label.radio-label {
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > ul.input-addresses-wrapper {
  flex-direction: column;
  row-gap: 1.5rem;
  margin-top: 1rem;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > ul.input-addresses-wrapper > li > div.title {
  color: var(--font-color);
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > ul.input-addresses-wrapper > li > input, div.product-payment-container > div.product-payment-wrapper > ul > li > ul.input-addresses-wrapper > li > textarea {
  color: var(--font-color);
  border: 1px solid #ededed;
  border-radius: 5px;
  outline: none;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 400;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > ul.input-addresses-wrapper > li > textarea {
  resize: none;
  height: 120px;
  padding: 10px 15px;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.memo-area-wrapper {
  margin-top: 1rem;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.memo-area-wrapper > textarea {
  resize: none;
  height: 120px;
  color: var(--font-color);
  border: 1px solid #ededed;
  border-radius: 5px;
  outline: none;
  width: 100%;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 400;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > ul.addresses-lists {
  color: var(--font-color);
  flex-direction: column;
  row-gap: 10px;
  margin-top: 1rem;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > ul.addresses-lists > li {
  letter-spacing: -.5px;
  border: 1px solid #ededed;
  padding: .625rem;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > ul.addresses-lists > li.active {
  border: 2px solid var(--brand-color);
}

div.product-payment-container > div.product-payment-wrapper > ul > li > ul.addresses-lists > li > label > div.name {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form {
  padding-top: .65rem;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.top > div.categories {
  color: var(--font-color-light);
  font-size: 12px;
  font-weight: 400;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.top > div.datetime {
  flex-direction: row;
  column-gap: 5px;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.top > div.datetime > div {
  color: var(--font-color-light);
  font-size: 12px;
  font-weight: 400;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.top > div.datetime > span {
  color: var(--font-color);
  font-size: 12px;
  font-weight: 500;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.center > ul {
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.center > ul > li, div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.center > ul > span {
  color: var(--font-color);
  letter-spacing: -.2px;
  font-size: 18px;
  font-weight: 600;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.center > ul > li:after {
  content: "|";
  color: #999;
  margin: 0 5px;
  font-size: 16px;
  font-weight: 100;
  position: relative;
  bottom: 2px;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.center > ul > span:after {
  content: "|";
  color: #999;
  margin: 0 5px;
  font-size: 16px;
  font-weight: 100;
  position: relative;
  bottom: .035rem;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.center > ul > li:last-child:after, div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.center > ul > span:last-child:after {
  display: none;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.center > div.others {
  color: var(--font-color-extralight);
  font-size: 13px;
  font-weight: 400;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.center > div.others > div {
  align-items: center;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.center > div.others > span:nth-child(2):before, div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.center > div.others > div:nth-child(2):before {
  content: "|";
  color: #999;
  margin: 0 5px;
  font-size: 10px;
  font-weight: 100;
  position: relative;
}

div.product-payment-container > div.product-payment-wrapper > ul > li:last-child {
  border-bottom: none;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.title {
  font-size: 17px;
  font-weight: 600;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.summary {
  color: var(--font-color-light);
  letter-spacing: -.5px;
  font-size: 12px;
  font-weight: 400;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.consumer {
  letter-spacing: -.3px;
  color: var(--font-color);
  background: #f8f8f8;
  margin-top: 1rem;
  padding: 1rem;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5rem;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.consumer > div.email {
  color: var(--font-color-light);
  font-weight: 400;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.phone-exposed {
  flex-direction: column;
  row-gap: 5px;
  margin-top: 10px;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.phone-exposed > p {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  font-size: 11px;
  font-weight: 400;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.small-title {
  font-size: 18px;
  font-weight: 600;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.category {
  color: var(--font-color-light);
  font-size: 13px;
  font-weight: 400;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.notification-details > div.rows {
  flex-direction: column;
  row-gap: 5px;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.notification-details {
  padding-top: 1rem;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.notification-details > div.submit-form > button {
  background: var(--brand-color);
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  margin-top: 1rem;
  font-size: 15px;
  font-weight: 600;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.notification-details > div.submit-form > button:disabled {
  cursor: not-allowed;
  background: #7ea0ff;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.amount-details {
  flex-direction: column;
  row-gap: 10px;
  padding-top: 1rem;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.amount-details > div.cutting-line {
  border-bottom: .2rem dashed #e6e6e6;
  margin: 10px 0;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.amount-details > div.rows {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.amount-details > div.rows > div.title {
  color: var(--font-color-light);
  font-size: 13px;
  font-weight: 400;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.amount-details > div.rows > div.amount {
  color: var(--font-color);
  font-size: 14px;
  font-weight: 500;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.amount-details > div.rows > div.final-title {
  color: var(--font-color);
  font-size: 15px;
  font-weight: 600;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.amount-details > div.rows > div.final-price {
  color: var(--pink-color);
  font-size: 20px;
  font-weight: 700;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment-method {
  padding-top: 1rem;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment-method > div.radio-group {
  grid-template-columns: repeat(2, 1fr);
  gap: .5rem !important;
  display: grid !important;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment-method > div.radio-group > label {
  justify-content: center;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment-method > div.radio-group > label > input {
  display: none;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.point-details {
  flex-direction: column;
  row-gap: 10px;
  padding-top: 1rem;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.point-details > div.my-point {
  flex-direction: row;
  column-gap: 10px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.point-details > div.my-point > div.point {
  color: var(--brand-color);
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.point-details > div.input-point {
  flex-direction: row;
  column-gap: 10px;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.point-details > div.input-point > input {
  border: 1px solid #ededed;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  padding: 4px 15px;
  font-size: 13px;
  font-weight: 400;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.point-details > div.input-point > button {
  color: #fff;
  cursor: pointer;
  background: #000;
  border-radius: 4px;
  width: 150px;
  height: 40px;
  font-size: 13px;
  font-weight: 500;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.coupon-details {
  padding-top: 1rem;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.coupon-details > div {
  color: #1a1a1a;
  background-color: #f8f8f8;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.coupon-details > div > div.coupon-actions {
  column-gap: 10px;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.coupon-details > div > div.coupon-actions > button.btn-change {
  color: #fff;
  background: #000;
  border-radius: 4px;
  padding: 0 5px;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.coupon-details > div > div.coupon-info {
  align-items: center;
  column-gap: 5px;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.reservation-details {
  padding-top: 1rem;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.reservation-details > div {
  color: #1a1a1a;
  background-color: #f8f8f8;
  border-radius: 4px;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 400;
  display: block;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.buyer-details {
  padding-top: 1rem;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.buyer-details > div {
  color: #1a1a1a;
  background-color: #f8f8f8;
  border-radius: 4px;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 400;
  display: block;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.viewing-ticket-price-info {
  justify-content: end;
  line-height: 2rem;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.viewing-ticket-price-info > div.price-info {
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.viewing-ticket-price-info > div.price-info > div.subtext {
  color: var(--font-color-light);
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.viewing-ticket-price-info > div.price-info > div.unitPrice {
  color: var(--pink-color);
  font-size: 18px;
  font-weight: 700;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.viewing-ticket-amount-info {
  border-top: .2rem dashed #ededed;
  justify-content: end;
  padding-top: 1rem;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.viewing-ticket-amount-info > div.amount-info {
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.viewing-ticket-amount-info > div.amount-info > div.subtext {
  color: var(--font-color-light);
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.viewing-ticket-amount-info > div.amount-info > div.amount {
  color: var(--font-color);
  font-size: 18px;
  font-weight: 500;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.product-info-details {
  padding: 1rem 0 1.5rem;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.product-info-details > div.product-info > div.title {
  font-size: 18px;
  font-weight: 600;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.product-info-details > div.product-info > ul > li {
  flex-direction: row;
  column-gap: 5px;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.product-info-details > div.product-info > ul > li > div.subtext {
  color: var(--font-color-light);
  font-size: 13px;
  font-weight: 400;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.product-info-details > div.product-info > ul > li > span {
  color: var(--font-color);
  font-size: 13px;
  font-weight: 500;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.product-viewing-details {
  flex-direction: column;
  row-gap: 1rem;
  padding: 1rem 0;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.product-viewing-details > div.viewing-info {
  flex-direction: column;
  width: 50%;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.product-viewing-details > div.viewing-info > div.title {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.product-viewing-details > div.viewing-info > div.info {
  color: var(--font-color);
  flex-direction: row;
  column-gap: 5px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.product-viewing-details > div.viewing-info > div.info > div.subtext {
  color: var(--font-color-light);
  font-size: 15px;
  font-weight: 400;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.product-viewing-details > div.viewing-info > div.perform-date {
  color: var(--font-color);
  flex-direction: row;
  column-gap: 5px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.product-viewing-details > div.viewing-info > div.perform-date > div.subtext {
  color: var(--font-color-light);
  font-size: 15px;
  font-weight: 400;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.product-viewing-details > div.viewing-ticket-info > div.info {
  color: var(--font-color);
  font-size: 15px;
  font-weight: 500;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.product-viewing-details > div.viewing-ticket-info > div.title {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.product-viewing-details > div.viewing-ticket-info > div.info > div.common {
  flex-direction: row;
  column-gap: 5px;
  display: flex;
}

div.product-payment-container > div.product-payment-wrapper > ul > li > div.product-viewing-details > div.viewing-ticket-info > div.info > div.common > div.subtext {
  color: var(--font-color-light);
  font-size: 15px;
  font-weight: 400;
}

div.payment-complete-container, div.payment-ready-container, div.payment-fail-container {
  margin-top: calc(var(--header-height));
}

div.payment-complete-container > div.payment-complete-wrapper, div.payment-ready-container > div.payment-ready-wrapper, div.payment-fail-container > div.payment-fail-wrapper {
  background: #fff;
  flex-direction: column;
  row-gap: 3rem;
  display: flex;
}

div.payment-complete-container > div.payment-complete-wrapper > div.top, div.payment-ready-container > div.payment-ready-wrapper > div.top, div.payment-fail-container > div.payment-fail-wrapper > div.top {
  flex-direction: column;
  align-items: center;
  padding-top: 1.5rem;
  display: flex;
}

div.payment-complete-container > div.payment-complete-wrapper > div.top > div.title, div.payment-ready-container > div.payment-ready-wrapper > div.top > div.title, div.payment-fail-container > div.payment-fail-wrapper > div.top > div.title {
  color: var(--font-color);
  letter-spacing: -.5px;
  font-size: 23px;
  font-weight: 600;
}

div.payment-ready-container > div.payment-ready-wrapper > div.top > div.orderid, div.payment-complete-container > div.payment-complete-wrapper > div.top > div.orderid, div.payment-complete-container > div.payment-complete-wrapper > div.top > div.paymentid {
  color: var(--font-color-light);
  letter-spacing: -.5px;
  font-size: 13px;
  font-weight: 400;
}

div.payment-ready-container > div.payment-ready-wrapper > div.top > div.orderid > span, div.payment-complete-container > div.payment-complete-wrapper > div.top > div.orderid > span, div.payment-complete-container > div.payment-complete-wrapper > div.top > div.paymentid > span {
  color: #000;
  font-weight: 400;
}

div.payment-ready-container > div.payment-ready-wrapper > ul, div.payment-complete-container > div.payment-complete-wrapper > ul {
  background: #f7f7f7;
  flex-direction: column;
  row-gap: 10px;
  margin: 0 1rem;
  padding: 1rem;
  display: flex;
}

div.payment-ready-container > div.payment-ready-wrapper > ul > li > div.item-text, div.payment-complete-container > div.payment-complete-wrapper > ul > li > div.item-text {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.payment-ready-container > div.payment-ready-wrapper > ul > li > div.item-text > span, div.payment-complete-container > div.payment-complete-wrapper > ul > li > div.item-text > span {
  color: var(--font-color);
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  max-width: 80%;
  font-weight: 500;
  display: -webkit-box;
  overflow: hidden;
}

div.payment-ready-container > div.payment-ready-wrapper > div.buttons, div.payment-complete-container > div.payment-complete-wrapper > div.buttons, div.payment-fail-container > div.payment-fail-wrapper > div.buttons {
  flex-direction: row;
  column-gap: 5px;
  padding: 0 1rem;
  display: flex;
}

div.payment-ready-container > div.payment-ready-wrapper > div.buttons > a, div.payment-complete-container > div.payment-complete-wrapper > div.buttons > a, div.payment-fail-container > div.payment-fail-wrapper > div.buttons > a {
  width: 100%;
}

div.payment-ready-container > div.payment-ready-wrapper > div.buttons > a > button, div.payment-complete-container > div.payment-complete-wrapper > div.buttons > a > button, div.payment-fail-container > div.payment-fail-wrapper > div.buttons > a > button {
  cursor: pointer;
  border-radius: 6px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
}

div.payment-fail-container > div.payment-fail-wrapper > div.buttons > a > button.back {
  color: var(--font-color);
  border: 1px solid #ededed;
}

div.payment-fail-container > div.payment-fail-wrapper > div.buttons > a > button.home {
  color: #fff;
  background: #000;
}

div.payment-ready-container > div.payment-ready-wrapper > div.buttons > a > button.home, div.payment-complete-container > div.payment-complete-wrapper > div.buttons > a > button.home {
  border: 1px solid #d4d4d4;
}

div.payment-ready-container > div.payment-ready-wrapper > div.buttons > a > button.home:hover, div.payment-complete-container > div.payment-complete-wrapper > div.buttons > a > button.home:hover {
  background: #f1f1f1;
}

div.payment-ready-container > div.payment-ready-wrapper > div.buttons > a > button.order, div.payment-complete-container > div.payment-complete-wrapper > div.buttons > a > button.order {
  color: #fff;
  background: #000;
}

div.product-new-container {
  margin-top: calc(var(--header-height)  + 1px);
  background: #fff;
}

div.product-new-container > div.product-new-wrapper {
  background: #fff;
}

div.product-new-container > div.product-new-wrapper > div.details {
  flex-direction: column;
  row-gap: 1rem;
  padding: 1rem 0;
  display: flex;
  position: relative;
}

div.product-new-container > div.product-new-wrapper > div.details > div.coupon {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.coupon > div.select-coupon {
  color: #1a1a1a;
  background-color: #f8f8f8;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.common > div.title {
  color: var(--font-color);
  font-size: 16px;
  font-weight: 500;
}

div.product-new-container > div.product-new-wrapper > div.details > div.etc-setting > ul {
  margin-top: 1rem;
}

div.product-new-container > div.product-new-wrapper > div.details > div.common > div.title > div.subtext {
  color: var(--brand-color);
  align-items: center;
  margin-left: auto;
  font-size: 14px;
  text-decoration: underline;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.common {
  border-bottom: 9px solid #f2f4f6;
  padding: 0 1rem 1rem;
}

div.product-new-container > div.product-new-wrapper > div.details > div.common:last-child {
  border-bottom: none;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > button.openSelectCategories {
  color: var(--font-color);
  letter-spacing: -.3px;
  cursor: pointer;
  background: #f2f4f6;
  border-radius: 9999px;
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div.categories-select-container {
  z-index: 2;
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div.categories-select-container > div.wrapper {
  width: 100%;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div.categories-select-container > div.wrapper > div.categories-unit {
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px;
  padding: 0 1rem;
  display: -webkit-flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div.categories-select-container > div.wrapper > div.categories-unit > div.step-common {
  color: var(--font-color);
  letter-spacing: -.5px;
  cursor: pointer;
  background: #f2f4f6;
  border-radius: 9999px;
  padding: 5px 15px;
  font-size: 14px;
  font-weight: 400;
  display: inline;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div.categories-select-container > div.wrapper > div.select {
  background: #fff;
  flex-direction: column;
  row-gap: 5px;
  margin-top: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div.categories-select-container > div.wrapper > div.select > button {
  color: var(--font-color);
  letter-spacing: -.5px;
  cursor: pointer;
  align-items: center;
  column-gap: 5px;
  width: 100%;
  padding: 15px 1rem;
  font-size: 16px;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div.categories-select-container > div.wrapper > div.select > button > svg {
  margin-left: auto;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div.categories-select-container > div.wrapper > div.select > button:hover {
  background: #f2f4f6;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div.categories-select-container > div.wrapper > div.select > div.done {
  margin: 1.5rem 1rem 0;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div.categories-select-container > div.wrapper > div.select > div.done > button {
  color: #fff;
  cursor: pointer;
  background: #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div.selected-categories > button {
  width: 100%;
  color: var(--font-color);
  cursor: pointer;
  background: #f2f4f6;
  border-radius: 9999px;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div.selected-categories > button > span {
  flex: none;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div.selected-categories > button > span:nth-of-type(3), div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div.selected-categories > button > span:last-of-type {
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  flex: auto;
  min-width: 0;
  overflow: hidden;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div.selected-categories > button > svg {
  flex-shrink: 0;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div {
  flex-direction: row;
  column-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div > div.common > div.button, div.product-new-container > div.product-new-wrapper > div.details > div.categories-info > div.common > div.button, div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.common > div.button {
  cursor: pointer;
  width: 100%;
  height: 40px;
  color: var(--font-color);
  border: 1px solid #ededed;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.common > div.title {
  color: var(--font-color);
  font-size: 14px;
  font-weight: 400;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.perform-date {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.perform-date > div.select-perform-date input[type="radio"]:checked + label {
  color: #fff;
  cursor: pointer;
  background-color: #000;
  border: 1px solid #000;
  font-weight: 500;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.perform-date > div.select-perform-date label {
  cursor: pointer;
  text-align: center;
  border: 1px solid #ededed;
  border-radius: 6px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 400;
  display: block;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.perform-date > div.form > input {
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 12px;
  outline: none;
  width: 100%;
  height: 40px;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 400;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.perform-date > div.form {
  flex-direction: row;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.perform-date > div.form > div.time {
  flex-direction: row;
  column-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.perform-date > div.form > div.time > div {
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.perform-date > div.form > div.time > div > select {
  outline: none;
  height: 100%;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.ticket-name-info {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.ticket-name-info > div.info > input[type="text"] {
  width: 100%;
  height: 45px;
  color: var(--font-color);
  background: #f6f8fa;
  border-radius: 5px;
  outline: none;
  padding: 5px 1rem;
  font-size: 12px;
  font-weight: 400;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.ticket-name-info > div.info > input[type="text"]:focus {
  border: 1px solid var(--brand-color);
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.validity-period {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.validity-period > div.info {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.validity-period > div.info > div.start-datetime, div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.validity-period > div.info > div.end-datetime {
  width: 100%;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.validity-period > div.info > div.start-datetime > div.form > input, div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.validity-period > div.info > div.end-datetime > div.form > input {
  width: 100%;
  height: 45px;
  color: var(--font-color);
  background: #f6f8fa;
  border-radius: 5px;
  outline: none;
  padding: 5px 1rem;
  font-size: 13px;
  font-weight: 400;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info > div.quantity-info > label > input {
  width: 100%;
  height: 45px;
  color: var(--font-color);
  background: #f6f8fa;
  border-radius: 5px;
  outline: none;
  padding: 5px 1rem;
  font-size: 12px;
  font-weight: 400;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info > div.unitPrice-info {
  width: 100%;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info > div.unitPrice-info > label > input {
  width: 100%;
  height: 40px;
  color: var(--font-color);
  background: #f6f8fa;
  border-radius: 5px;
  outline: none;
  padding: 5px 1rem;
  font-size: 12px;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.seat-info {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.seat-info > div.info {
  flex-direction: column;
  justify-content: left;
  row-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.seat-info > div.info > div {
  height: 45px;
  color: var(--font-color);
  background: #f6f8fa;
  border-radius: 5px;
  outline: none;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.seat-info > div.info > p {
  letter-spacing: -.5px;
  white-space: pre;
  color: var(--font-color-light);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.seat-info > div.info > div > select {
  outline: none;
  width: 100%;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.seat-info > div.info > div > input {
  outline: none;
  width: 100%;
  height: 100%;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.seat-info > div.info > label, div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info > div.common > label {
  text-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info > div.commission-service-tags > div.face-value {
  color: #c33333;
  background: #ffe7e7;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info > div.commission-service-tags {
  justify-content: end;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info > div.commission-service-tags > div {
  color: #999;
  letter-spacing: -.5px;
  background: #f1f1f1;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info > div.commission-service-tags > div.fair-unitprice {
  color: #15803d;
  background: #dcfce7;
}

div.product-new-container > div.product-new-wrapper > div.details > div.remark-info {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.remark-info > ul {
  flex-flow: wrap;
  gap: 7px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.remark-info > ul > li {
  color: var(--font-color-light);
  cursor: pointer;
  letter-spacing: -.5px;
  border: 1px solid #e5ebfe;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.remark-info > ul > li.active {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-images-info {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-images-info > ul.images-info {
  flex-direction: row;
  column-gap: 5px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-images-info > ul.images-info > li > label {
  color: #c4c4c4;
  background: #f9f9f9;
  border: 1px solid #f1f1f1;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-images-info > ul.images-rule-info {
  flex-direction: column;
  row-gap: 5px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-images-info > ul.images-rule-info > li {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  padding-left: 10px;
  font-size: 11px;
  font-weight: 400;
  position: relative;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-images-info > ul.images-rule-info > li:before {
  content: "·";
  position: absolute;
  left: 0;
}

div.product-new-container > div.product-new-wrapper > div.details label.custom {
  position: relative;
}

div.product-new-container > div.product-new-wrapper > div.details input.custom-1p {
  padding: 5px 40px 5px 1rem;
}

div.product-new-container > div.product-new-wrapper > div.details input.custom-1p-select {
  padding: 5px 95px 5px 1rem;
}

div.product-new-container > div.product-new-wrapper > div.details input.custom-2p {
  padding: 5px 50px 5px 1rem;
}

div.product-new-container > div.product-new-wrapper > div.details input.area {
  padding: 5px 100px 5px 1rem;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.seat-info > div.info > label > input {
  text-align: end;
  width: 100%;
  height: 45px;
  color: var(--font-color);
  background: #f6f8fa;
  border-radius: 5px;
  outline: none;
  font-size: 13px;
  font-weight: 500;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.seat-info > div.info > label > input:focus {
  border: 1px solid var(--brand-color);
}

div.product-new-container > div.product-new-wrapper > div.details label > span, div.product-new-container > div.product-new-wrapper > div.details label > select {
  color: var(--font-color);
  outline: none;
  font-size: 13px;
  font-weight: 400;
  position: absolute;
  right: 1rem;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info > div.quantity-info > label, div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info > div.unitPrice-info > label {
  text-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info > div.quantity-info > label > input {
  text-align: end;
  padding: 5px 55px 5px 1rem;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info > div.unitPrice-info > label > input {
  text-align: end;
  padding: 5px 45px 5px 1rem;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info, div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info > div.common {
  flex-direction: row;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info > div.common > label > input {
  text-align: end;
  width: 100%;
  height: 45px;
  color: var(--font-color);
  background: #f6f8fa;
  border-radius: 5px;
  outline: none;
  font-size: 13px;
  font-weight: 400;
}

div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info > div.unitPrice > label > input, div.product-new-container > div.product-new-wrapper > div.details > div.ticket-info > div.price-info > div.info > div.quantity > label > input {
  border-radius: 5px;
  width: 100%;
}

div.product-new-container > div.product-new-wrapper > div.details > div.trade-type-info {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.trade-type-info > div.rows {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.content-info {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.content-info > div.info {
  position: relative;
}

div.product-new-container > div.product-new-wrapper > div.details > div.content-info > div.info > textarea {
  resize: none;
  width: 100%;
  height: 150px;
  color: var(--font-color);
  border: 1px solid #ededed;
  border-radius: 5px;
  outline: none;
  padding: 1rem 1rem 1.8rem;
  font-size: 13px;
  font-weight: 400;
}

div.product-new-container > div.product-new-wrapper > div.details > div.content-info > div.info > span {
  color: var(--font-color-light);
  font-size: 12px;
  position: absolute;
  bottom: 12px;
  right: 12px;
}

div.product-new-container > div.product-new-wrapper > div.details > div.payment-method-info > div.description {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  font-size: 12px;
  font-weight: 400;
}

div.product-new-container > div.product-new-wrapper > div.details > div.payment-method-info > ul {
  flex-direction: row;
  align-items: center;
  column-gap: 7px;
  margin-top: 1rem;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.payment-method-info > ul > li {
  color: var(--font-color-light);
  cursor: pointer;
  letter-spacing: -.5px;
  border: 1px solid #e5ebfe;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.payment-method-info > ul > li.disabled {
  opacity: .4;
  cursor: unset;
  background: #ededed;
}

div.product-new-container > div.product-new-wrapper > div.details > div.payment-method-info > ul > li.disabled:hover {
  color: var(--font-color-light);
  background: #ededed;
  border: 1px solid #ededed;
}

div.product-new-container > div.product-new-wrapper > div.details > div.payment-method-info > ul > li.active {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info {
  flex-direction: column;
  row-gap: .5rem;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info > div.info {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info > div.info > span.explain {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  white-space: pre-wrap;
  font-size: 11px;
  font-weight: 400;
}

div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info > div.info > div.common {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info > div.info > div.common > div.title {
  color: var(--font-color-light-50);
  align-items: center;
  column-gap: 5px;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info > div.info > div.common > div.final-title {
  color: var(--font-color);
  font-size: 15px;
  font-weight: 600;
}

div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info > div.info > div.common > span {
  color: var(--font-color);
  font-size: 13px;
  font-weight: 500;
}

div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info > div.info > div.common > span.active {
  color: var(--pink-color);
  font-weight: 700;
}

div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info > div.info > div.common > span.final-price {
  color: var(--pc-header-height);
  font-size: 15px;
  font-weight: 700;
}

div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info > div.info > div.amount > div.title {
  color: var(--font-color-light-50);
  font-size: 13px;
  font-weight: 400;
}

div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info > div.info > div.amount > span {
  color: var(--font-color);
  font-size: 13px;
  font-weight: 400;
}

div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info > div.info > div.cutting-line {
  border-bottom: 1px solid #e5e7eb;
  margin: 5px 0;
}

div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info > div.info > div.fair-apply > div.title, div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info > div.info > div.fair-apply > span {
  color: #15803d;
}

div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info > div.info > div.fair-discount > div.title {
  align-items: center;
  column-gap: 5px;
  font-weight: 500;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info > div.info > div.fair-discount > span {
  font-weight: 600;
}

div.product-new-container > div.product-new-wrapper > div.details > div.finalprice-info > div.info > div.is_listPrice {
  color: var(--font-color-light);
}

div.product-new-container > div.product-new-wrapper > div.details > div.rule-info {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.rule-info > div.rows {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.rule-info > div.rows > div.cutting-line {
  border-bottom: 1px solid #ededed;
}

div.product-new-container > div.product-new-wrapper > div.details > div.rule-info > div.rows > div > label {
  letter-spacing: -.5px;
  font-size: 13px;
}

div.product-new-container > div.product-new-wrapper > div.details > div.rule-info > div.rows > div.custom-checkbox {
  margin-left: 1rem;
}

div.product-new-container > div.product-new-wrapper > div.details > div.rule-info > div.rows > div.all-check {
  margin-left: 0;
}

div.product-new-container > div.product-new-wrapper > div.details > div.rule-info > div.rows > div.all-check > label {
  font-weight: 500;
}

div.product-new-container > div.product-new-wrapper > div.details > div.rule-info > div.submit-form > button {
  background: var(--brand-color);
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  margin-top: 1rem;
  font-size: 15px;
  font-weight: 600;
}

div.product-new-container > div.product-new-wrapper > div.details > div.rule-info > div.submit-form > button:disabled {
  cursor: not-allowed;
  background: #7ea0ff;
}

div.product-trade-type-form {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.product-trade-type-form > label.radio-label {
  cursor: pointer;
  color: #000;
  border: 1px solid #e6e6e6;
  align-items: center;
  gap: 5px;
  padding: 10px;
  font-size: 14px;
  display: flex;
}

div.product-trade-type-form > label.radio-label:has( > input.radio-input:checked) {
  border: 2px solid var(--brand-color);
  font-weight: 500;
}

div.homepage-guide-form {
  padding: 0 1rem;
}

div.homepage-guide-form > a {
  color: #0073ff;
  text-align: center;
  letter-spacing: -.05rem;
  background: linear-gradient(#bbe2ff, #a9dafe);
  border-radius: 10px;
  flex-direction: row;
  justify-content: space-around;
  padding: 0 1rem;
  font-size: 12px;
  display: flex;
}

div.homepage-guide-form > a > div.text {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

div.homepage-guide-form > a > div.text > h1 {
  font-size: 16px;
  font-weight: 600;
}

div.category-search-wrapper > div.input-area-wrapper {
  background: #f7f8f9;
  border-radius: 9999px;
  position: relative;
}

div.category-search-wrapper > div.input-area-wrapper > svg {
  color: var(--font-color);
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
}

div.category-search-wrapper > div.input-area-wrapper > form > input {
  width: 100%;
  color: var(--font-color);
  outline: none;
  padding: 11px 50px;
  font-size: 12px;
  font-weight: 400;
}

div.category-search-wrapper > div.input-area-wrapper > button.remove-all {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

div.category-products-container > div.category-products-wrapper > div.m-details > header {
  z-index: 10001;
  background: #fff;
  border: 0;
  position: sticky;
  top: 0;
  left: 0;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.detail-header-container > div.wrapper {
  height: var(--header-height);
  position: relative;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.detail-header-container > div.wrapper > button.left {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.detail-header-container > div.wrapper > button.right {
  z-index: 1;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.detail-header-container > div.wrapper > button.right:hover {
  background: #f1f1f1;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.detail-header-container > div.wrapper > div.content {
  color: var(--font-color);
  flex-direction: column;
  padding-left: 3rem;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.detail-header-container > div.wrapper > div.rate-info {
  cursor: pointer;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 50%;
  right: 3.5rem;
  transform: translateY(-50%);
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.detail-header-container > div.wrapper > div.rate-info:hover {
  background: #f1f1f1;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.detail-header-container > div.wrapper > div.content > div.categories {
  letter-spacing: -.3px;
  color: var(--font-color);
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.detail-header-container > div.wrapper > div.content > div.location {
  color: var(--font-color-light);
  align-items: center;
  column-gap: 3px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.search-form > div.wrapper {
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  margin: 0 1rem;
  padding: .625rem 1rem;
  display: flex;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.search-form > div.wrapper > a {
  background: #f7f8f9;
  border-radius: 9999px;
  width: 90%;
  display: block;
  position: relative;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.search-form > div.wrapper > a > svg {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.search-form > div.wrapper > a > div {
  white-space: nowrap;
  width: 100%;
  color: var(--font-color-light);
  cursor: pointer;
  flex-wrap: nowrap;
  align-items: center;
  padding: 11px 10px 11px 45px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.search-form > div.wrapper > a > div > span {
  flex: 0;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.search-form > div.wrapper > a > div > svg {
  flex-shrink: 0;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.search-form > div.wrapper > a > div > span:last-of-type {
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  flex: auto;
  min-width: 0;
  overflow: hidden;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.filter-form > div.swiper {
  padding: 0 1rem;
  display: flex;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.filter-form > div.swiper > div.swiper-wrapper > div.swiper-slide > button {
  cursor: pointer;
  white-space: nowrap;
  color: var(--font-color);
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 9999px;
  flex-direction: row;
  align-items: center;
  column-gap: .3rem;
  margin-right: .666rem;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.filter-form > div.swiper > div.details-filter {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.filter-form > div.swiper > div.details-filter > button {
  cursor: pointer;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.filter-form > div.swiper > div.details-filter > button > svg {
  color: #53595f;
}

div.category-products-container > div.category-products-wrapper > div.m-details > header > div.filter-form > div.swiper > div.swiper-wrapper > div.swiper-slide:last-child > button {
  margin-right: 0;
}

div.category-products-container > div.category-products-wrapper > div.m-details > section {
  position: relative;
}

div.category-products-container > div.category-products-wrapper > div.m-details > section > div.streamline-filter-wrapper {
  position: absolute;
  top: .5rem;
  left: 1rem;
}

div.category-products-container > div.category-products-wrapper > div.m-details > section > div.right {
  left: unset;
  right: 0;
}

div.category-products-container > div.category-products-wrapper > div.m-details > section > div.streamline-filter-wrapper ul.splide__list {
  display: flex;
}

div.category-products-container > div.category-products-wrapper > div.m-details > section > div.streamline-filter-wrapper li.splide__slide {
  text-align: center;
  background-color: #ffffffe6;
  background-color: lab(100% -.0000298023 .0000119209 / .9);
  border: 1px solid #dedddb;
  border-radius: 9999px;
  align-items: center;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

div.category-products-container > div.category-products-wrapper > div.m-details > section > div.streamline-filter-wrapper li.splide__slide:hover {
  background: #fafafa;
}

div.category-products-container > div.category-products-wrapper > div.m-details > section > div.streamline-filter-wrapper li.splide__slide .splide-area {
  color: var(--font-color);
  outline: none;
  align-items: center;
  column-gap: 3px;
  display: flex;
}

div.category-products-container > div.category-products-wrapper > div.m-details > section div.products-form > div.wrapper {
  background: #fff;
  padding-bottom: 7rem;
}

div.category-products-container > div.category-products-wrapper > div.m-details > section div.products-form > div.wrapper > div.result-count {
  color: var(--font-color-light);
  padding: 0 1rem .75rem;
  font-size: 12px;
  font-weight: 400;
}

div.category-products-container > div.category-products-wrapper > div.m-details > section div.products-form > div.wrapper > div.result-count > span {
  color: var(--font-color);
  font-weight: 500;
}

div.category-products-container > div.category-products-wrapper > div.m-details > section div.products-form > div.wrapper > ul {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.category-products-container > div.category-products-wrapper > div.m-details > section div.products-form > div.wrapper > ul > li {
  padding: 0 .5rem;
}

div.category-products-container > div.category-products-wrapper > div.m-details > section div.products-form > div.wrapper > div.items-more {
  box-sizing: border-box;
  width: 100%;
  margin-top: 1rem;
  padding: 0 1rem;
}

div.category-products-container > div.category-products-wrapper > div.m-details > section div.products-form > div.wrapper > div.items-more > span {
  text-align: center;
  width: 100%;
  color: var(--font-color-light);
  font-size: 13px;
  font-weight: 400;
  display: block;
}

div.category-products-container > div.category-products-wrapper > div.m-details > section div.products-form > div.wrapper > div.items-more > button {
  width: 100%;
  color: var(--font-color);
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 400;
}

div.docs-terms-content {
  margin-top: calc(var(--header-height)  + 1px);
  background: #fff;
}

div.docs-terms-content > div.wrapper {
  padding: 1rem 1rem 5rem;
}

div.docs-terms-content > div.wrapper ol {
  padding-left: 2rem;
}

div.my-account-container, div.my-buy-container, div.my-sell-container {
  margin-top: calc(var(--header-height)  + 1px);
}

div.my-buy-container > div.my-buy-wrapper > div.filter-container > div.filter-wrapper {
  padding: 1rem;
}

div.my-buy-container > div.my-buy-wrapper > div.filter-container > div.filter-wrapper > ul > li > button {
  cursor: pointer;
  white-space: nowrap;
  background: #0220470d;
  border-radius: 9999px;
  flex-direction: row;
  align-items: center;
  column-gap: .3rem;
  margin-right: .666rem;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.my-account-management-form {
  padding-top: 1rem;
}

div.my-account-management-form > div.my-account-management-details {
  flex-direction: column;
  row-gap: 10px;
  padding: 0 1rem;
  display: flex;
}

div.my-account-management-form > div.my-account-management-details > ul.rows {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 0;
  flex-direction: column;
  row-gap: 1rem;
  padding: 1rem 0;
  display: flex;
}

div.my-account-management-form > div.my-account-management-details > ul.rows:last-child {
  margin-bottom: 5rem;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > div.top > div.title {
  color: var(--font-color);
  padding-left: 1rem;
  font-size: 18px;
  font-weight: 700;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > div.top > div.update {
  color: var(--font-color-light);
  letter-spacing: -.5px;
  padding-right: 1rem;
  font-size: 11px;
  font-weight: 400;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > div.top > div.update > span {
  color: var(--font-color-light);
}

div.my-account-management-form > div.my-account-management-details > ul.rows > div.top {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > div.top > button.openAddresses {
  color: #fff;
  cursor: pointer;
  background: #1a1a1a;
  border-radius: 5px;
  align-items: center;
  column-gap: 5px;
  margin-right: 1rem;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > ul.addresses-lists {
  color: var(--font-color);
  flex-direction: column;
  row-gap: 10px;
  padding: 0 1rem;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > ul.addresses-lists > li {
  letter-spacing: -.5px;
  border: 1px solid #ededed;
  padding: .625rem;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > ul.addresses-lists > li.default {
  border: 2px solid var(--brand-color);
}

div.my-account-management-form > div.my-account-management-details > ul.rows > ul.addresses-lists > li > div.name {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > li {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > li > div.row {
  flex-direction: column;
  row-gap: 10px;
  padding: 0 1rem;
  display: flex;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > li > div.row > div {
  color: var(--font-color);
  font-size: 14px;
  font-weight: 500;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > li > div.row > input, div.my-account-management-form > div.my-account-management-details > ul.rows > li > div.row > select {
  background: #f6f7f8;
  border-radius: 5px;
  outline: none;
  padding: 10px 1rem;
  font-size: 13px;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > li > div.row > select {
  cursor: pointer;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > li > div.row > input:disabled {
  color: var(--font-color-light);
  cursor: not-allowed;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > li > div.submit-button {
  flex-direction: column;
  row-gap: 1rem;
  padding: 0 1rem;
  display: flex;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > li > div.submit-button > button {
  color: #fff;
  cursor: pointer;
  background: #1a1a1a;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > li > div.submit-button > div.rules > div.rule-text {
  color: #999;
  letter-spacing: -.3px;
  padding-left: 10px;
  font-size: 11px;
  font-weight: 400;
  position: relative;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > li > div.submit-button > div.rules > div.rule-text:before {
  content: "·";
  position: absolute;
  left: 0;
}

div.my-buy-details-container {
  margin-top: calc(var(--header-height)  + 1px);
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details {
  min-height: calc(100dvh - var(--header-height)  - 41px);
  background: #f9f9f9;
  padding-top: 1rem;
  padding-bottom: 5rem;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.top {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  display: flex;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.top > div.datetime {
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 600;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.top > div.order {
  color: #6d6d6d;
  letter-spacing: -.5px;
  font-size: 12px;
  font-weight: 400;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center {
  flex-direction: column;
  row-gap: 1rem;
  padding-top: 1rem;
  display: flex;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.rows {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  flex-direction: column;
  margin: 0 1rem;
  padding: 1rem;
  display: flex;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.rows > div.title {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.payment-info > div.info {
  flex-direction: column;
  row-gap: 5px;
  padding-top: 10px;
  display: flex;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.payment-info > div.info > div.common {
  color: #000;
  flex-direction: row;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.payment-info > div.info > div.amount {
  border-top: 2px dashed #ddd;
  margin-top: 10px;
  padding-top: 10px;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.payment-info > div.info > div.amount > div.title, div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.payment-info > div.info > div.amount > span {
  font-weight: 600;
  color: #000 !important;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.rows > div.payment-name {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  color: #999;
  -webkit-box-orient: vertical;
  font-size: 12px;
  display: -webkit-box;
  overflow: hidden;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.payment-info > div.info > div.common > div.title {
  color: #6d6d6d;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.product-info > div.name {
  padding-top: 10px;
  font-size: 16px;
  font-weight: 600;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.product-info > div.product {
  flex-direction: row;
  column-gap: 1rem;
  padding-top: 5px;
  display: flex;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.product-info > div.product > div.thumbnail {
  width: 64px;
  height: 64px;
  position: relative;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.product-info > div.product > div.thumbnail > img {
  border: 1px solid #ededed;
  border-radius: 12px;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.product-info > div.product > div.info > div.common-text {
  color: #999;
  flex-direction: row;
  column-gap: 5px;
  font-size: 13px;
  display: flex;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.product-info > div.product > div.info > div.common-text > span {
  color: #000;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.seller-info > div.info {
  flex-direction: column;
  row-gap: 5px;
  padding-top: 10px;
  display: flex;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.seller-info > div.info > div.common {
  color: #999;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  display: flex;
}

div.my-buy-details-container > div.my-buy-details-wrapper > div.details > div.center > div.seller-info > div.info > div.common > span {
  color: #000;
}

div.my-account-management-form > div.my-account-management-details > ul.rows > li > div.submit-button > button:disabled {
  opacity: .6;
  cursor: unset;
}

div.my-account-personal-form {
  padding-top: 1rem;
  padding-bottom: 5rem;
}

div.my-account-personal-form > div.my-account-personal-details {
  padding: 0 1rem;
}

div.my-account-personal-form > div.my-account-personal-details > div.biz-create {
  color: var(--font-color-extralight);
  text-align: end;
  cursor: pointer;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
}

div.my-account-personal-form > div.my-account-personal-details > ul {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 0;
  flex-direction: column;
  row-gap: 1rem;
  padding: 1rem 0;
  display: flex;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.top {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  display: flex;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.top > div.title {
  color: var(--font-color);
  font-size: 18px;
  font-weight: 700;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.top > div.status {
  color: var(--font-color-light);
  font-size: 12px;
  font-weight: 400;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.row {
  flex-direction: column;
  row-gap: 10px;
  padding: 0 1rem;
  display: flex;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.rows {
  flex-direction: row;
  column-gap: 1rem;
  padding: 0 1rem;
  display: flex;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.rows > div.row {
  flex-direction: column;
  row-gap: 10px;
  width: 100%;
  display: flex;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.row > div.title, div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.rows > div.row > div.title {
  color: var(--font-color);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.row > div.title > span {
  color: var(--font-color-light);
  letter-spacing: -.25px;
  font-size: 12px;
  font-weight: 400;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.row > div.submit {
  flex-direction: row;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.row > div.submit > input, div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.row > input, div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.rows > div.row > div.submit > input {
  width: 100%;
  color: var(--font-color);
  background: #f6f7f8;
  border-radius: 6px;
  outline: none;
  padding: 10px 1rem;
  font-size: 13px;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.row > div.rule-text:before {
  content: "·";
  position: absolute;
  left: 0;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.row > div.rule-text {
  color: var(--font-color-light);
  letter-spacing: -.5px;
  padding-left: 10px;
  font-size: 11px;
  font-weight: 400;
  position: relative;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.row > div.rule-text > span {
  white-space: pre-wrap;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.row > div.submit > button {
  color: var(--font-color);
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 5px;
  width: 150px;
  height: 100%;
  padding: 7px 0;
  font-size: 12px;
  font-weight: 400;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.row > div.submit > button.identity {
  color: #fff;
  background: #1a1a1a;
  border: 0;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.row > div.submit > button.identity:disabled {
  background: var(--brand-disabled-color);
  color: #fff;
}

div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.row > div.submit > input:disabled, div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.row > input:disabled, div.my-account-personal-form > div.my-account-personal-details > ul > li > div.center > div.rows > div.row > div.submit > input:disabled {
  color: var(--font-color-light);
}

div.homepage-container {
  background: #fff;
}

div.modal-category-container {
  display: none;
}

div.m-category-products-modal {
  width: 100%;
  height: 100%;
}

div.m-category-products-modal > div.wrapper {
  z-index: 99999;
  background: #fff;
  border-radius: 12px;
  width: calc(100% - 2rem);
  max-width: 400px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.m-category-products-modal > div.wrapper > div.header {
  height: 50px;
  position: relative;
}

div.m-category-products-modal > div.wrapper > div.header > div.title {
  font-size: 15px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.m-category-products-modal > div.wrapper > div.header > div.reset {
  cursor: pointer;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 50%;
  right: .5rem;
  transform: translate(-50%, -50%);
}

div.m-category-products-modal > div.wrapper > div.header > div.reset:hover {
  background: #f1f1f1;
}

div.m-category-products-modal > div.wrapper > div.section {
  height: 400px;
  padding-top: 1rem;
  padding-bottom: 50px;
  overflow-y: scroll;
}

div.m-category-products-modal > div.wrapper > div.section > div.details > ul {
  flex-direction: column;
  row-gap: 1.5rem;
  padding: 0 1rem;
  display: flex;
}

div.m-category-products-modal > div.wrapper > div.section > div.details > ul > li {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.m-category-products-modal > div.wrapper > div.section > div.details > ul > li > div.title {
  letter-spacing: -.5px;
  color: var(--font-color);
  font-size: 14px;
  font-weight: 500;
}

div.m-category-products-modal > div.wrapper > div.section > div.details > ul > li > div.select-common {
  width: 100%;
  color: var(--font-color);
  border: 1px solid #ededed;
  border-radius: 4px;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 400;
}

div.m-category-products-modal > div.wrapper > div.section > div.details > ul > li > div.select-common > select {
  outline: none;
  width: 100%;
}

div.m-category-products-modal > div.wrapper > div.section > div.details > ul > li > div.datetime-info {
  flex-direction: column;
  row-gap: 5px;
  display: flex;
}

div.m-category-products-modal > div.wrapper > div.section > div.details > ul > li > div.common > input[value="YYYY-MM-DD"] {
  color: var(--font-color-light);
}

div.m-category-products-modal > div.wrapper > div.section > div.details > ul > li > div.common > input {
  width: 100%;
  cursor: unset;
  color: var(--font-color);
  border: 1px solid #ededed;
  border-radius: 8px;
  outline: none;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 400;
}

div.m-category-products-modal > div.wrapper > div.section > div.details > ul > li > div.common > label {
  flex-direction: row;
  align-items: center;
  column-gap: 10px;
  font-size: 14px;
  display: flex;
}

div.m-category-products-modal > div.wrapper > div.section > div.details > ul > li > div.common > label.active span {
  color: var(--font-color);
  font-weight: 500;
}

div.m-category-products-modal > div.wrapper > div.section > div.details > ul > li > div.common > label > span {
  color: var(--font-color-light);
  letter-spacing: .5px;
  flex-direction: row;
  align-items: center;
  column-gap: 3px;
  display: flex;
}

div.m-category-products-modal > div.wrapper > div.section > div.details > ul > li > div.amount-info {
  flex-direction: column;
  row-gap: 10px;
  padding-left: 10px;
  display: flex;
}

div.m-category-products-modal > div.wrapper > div.section > div.details > ul > li > div.amount-info > div.at-amount {
  flex-direction: column;
  row-gap: 1rem;
  padding-top: 10px;
  display: flex;
}

div.m-category-products-modal > div.wrapper > div.section > div.details > ul > li > div.amount-info > div.at-amount > div.min-max {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  display: flex;
}

div.m-category-products-modal > div.wrapper > div.section > div.details > ul > li > div.amount-info > div.at-amount > div.min-max > input {
  border: 1px solid #ededed;
  border-radius: 8px;
  outline: none;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 400;
}

div.m-category-products-modal > div.wrapper > div.section > div.details > ul > li > div.amount-info > div.at-amount > button {
  color: #fff;
  cursor: pointer;
  background: #000;
  border-radius: 8px;
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 500;
}

div.m-category-products-modal > div.wrapper > div.bottom {
  border-radius: 12px;
  width: 100%;
  height: 80px;
}

div.m-category-products-modal > div.wrapper > div.bottom > div.button-group {
  background: #fff;
  border-radius: 12px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 1rem;
  width: 100%;
  height: 100%;
  padding: 0 1rem;
  display: flex;
  box-shadow: 0 -8px 16px -6px #0000001a, 0 8px 16px -6px #0000, 8px 0 16px -6px #0000, -8px 0 16px -6px #0000;
}

div.m-category-products-modal > div.wrapper > div.bottom > div.button-group > button {
  border-radius: 8px;
  width: 100%;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 500;
}

div.m-category-products-modal > div.wrapper > div.bottom > div.button-group > button.back {
  color: #000;
  cursor: pointer;
  border: 1px solid #ededed;
}

div.m-category-products-modal > div.wrapper > div.bottom > div.button-group > button.back:hover {
  background: #fafafa;
}

div.m-category-products-modal > div.wrapper > div.bottom > div.button-group > button.apply {
  color: #fff;
  cursor: pointer;
  background: #000;
}

div.m-category-products-modal > div.wrapper > div.bottom > div.button-group > button.apply:hover {
  background: #1a1a1a;
}

div.sell-delivery-container, div.buy-delivery-container {
  margin-top: calc(var(--header-height));
}

div.sell-delivery-container > div.wrapper, div.buy-delivery-container > div.wrapper {
  background: #fff;
  padding-top: 1rem;
  padding-bottom: 5rem;
}

div.sell-delivery-container > div.wrapper > div.content > div.title {
  color: var(--font-color-light);
  letter-spacing: -.35px;
  padding: 0 1rem;
  font-size: 12px;
  font-weight: 400;
}

div.sell-delivery-container > div.wrapper > div.content > div.trade-type {
  letter-spacing: -.5px;
  color: var(--font-color);
  padding: 0 1rem;
  font-size: 20px;
  font-weight: 700;
}

div.sell-delivery-container > div.wrapper > div.content > div.details {
  padding-top: 1rem;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul {
  flex-direction: column;
  row-gap: 2rem;
  display: flex;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li {
  flex-direction: column;
  row-gap: 5px;
  padding: 0 1rem;
  display: flex;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.rule:before {
  content: "·";
  position: absolute;
  left: 0;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.rule {
  color: var(--font-color-light);
  letter-spacing: -.5px;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.title {
  letter-spacing: -.5px;
  color: var(--font-color);
  flex-direction: row;
  column-gap: 5px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > p {
  color: var(--font-color-light);
  letter-spacing: -.5px;
  margin-bottom: .5rem;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.buyer-shipment-data {
  color: var(--font-color);
  font-size: 13px;
  font-weight: 400;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.seller-shipment-data {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.seller-shipment-data > div > input {
  width: 100%;
  height: 40px;
  color: var(--font-color);
  border: 1px solid #d1d5db;
  border-radius: 6px;
  outline: none;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 400;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #0000000d;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.seller-shipment-data > div > textarea {
  width: 100%;
  height: 100px;
  color: var(--font-color);
  resize: none;
  border: 1px solid #ededed;
  outline: none;
  padding: 1rem;
  font-size: 13px;
  font-weight: 400;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.buyer-shipment-data > div.memo {
  margin-top: 1rem;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.buyer-shipment-data > div.memo > input {
  width: 100%;
  height: 40px;
  color: var(--font-color);
  background: #fff;
  border: 1px solid #ededed;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 400;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.shipment-data {
  column-gap: 5px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.shipment-data > select {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  outline: none;
  height: 35px;
  padding: 0 10px;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #0000000d;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.shipment-data > input {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  outline: none;
  width: 100%;
  height: 35px;
  padding: 0 10px;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #0000000d;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > textarea {
  resize: none;
  width: 100%;
  height: 150px;
  color: var(--font-color);
  border: 1px solid #d1d5db;
  border-radius: 6px;
  outline: none;
  padding: 10px 1rem;
  font-size: 13px;
  font-weight: 400;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #0000000d;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > ul.images-info {
  flex-direction: row;
  column-gap: 5px;
  display: flex;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > ul.images-info > li > label.upload-label {
  color: #c4c4c4;
  cursor: pointer;
  background: #f9f9f9;
  border: 1px solid #f1f1f1;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.button-group {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  padding-top: 1.5rem;
  display: flex;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.button-group > button {
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.button-group > button.back {
  color: #000;
  border: 1px solid #ededed;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.button-group > button.submit {
  color: #fff;
  background: #000;
}

div.sell-delivery-container > div.wrapper > div.content > div.details > ul > li > div.button-group > button.submit:disabled {
  cursor: unset;
  background: #999;
}

div.buy-delivery-container > div.wrapper > div.content > div.title {
  color: var(--font-color-light);
  letter-spacing: -.35px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.buy-delivery-container > div.wrapper > div.content > div.title > span {
  flex-direction: row;
  column-gap: 5px;
  font-size: 12px;
  display: flex;
}

div.buy-delivery-container > div.wrapper > div.content > div.title > span > div {
  color: var(--font-color);
  font-weight: 500;
}

div.buy-delivery-container > div.wrapper > div.content > div.trade-type {
  color: var(--font-color);
  letter-spacing: -.5px;
  padding: 0 1rem;
  font-size: 20px;
  font-weight: 700;
}

div.buy-delivery-container > div.wrapper > div.content > div.details {
  padding-top: 1rem;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul {
  flex-direction: column;
  row-gap: 1rem;
  padding: 0 1rem;
  display: flex;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li {
  border: 1px solid #ededed;
  border-radius: 12px;
  flex-direction: column;
  row-gap: 1rem;
  padding: 1rem .65rem;
  display: flex;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.buyer-shipment-data {
  color: var(--font-color);
  letter-spacing: -.3px;
  font-size: 13px;
  font-weight: 400;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.buyer-shipment-data > div.memo {
  margin-top: 1rem;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.buyer-shipment-data > div.memo > input {
  width: 100%;
  height: 40px;
  color: var(--font-color);
  background: #fafafa;
  border: 1px solid #ededed;
  border-radius: 6px;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 400;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.lookup-data {
  flex-direction: column;
  row-gap: 10px;
  margin-top: 10px;
  display: flex;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.lookup-data > div.rows {
  height: 40px;
  color: var(--font-color);
  border-bottom: 1px solid #ededed;
  align-items: center;
  column-gap: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.lookup-data > div.rows > p.datetime {
  text-wrap: nowrap;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.lookup-data > div.rows > p.name {
  text-wrap: nowrap;
  margin-left: auto;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.shipment-data {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.shipment-data > div.row {
  flex-direction: row;
  column-gap: 10px;
  display: flex;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.shipment-data > div.row > div.common {
  color: var(--font-color-light);
  background: #f6f7f8;
  border-radius: 6px;
  outline: none;
  align-items: center;
  width: 100%;
  height: 35px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #0000000d;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.shipment-data > div.row > div.courier {
  text-align: center;
  width: 200px;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.shipment-data > button {
  color: #fff;
  cursor: pointer;
  background: #000;
  border-radius: 6px;
  width: 100%;
  height: 35px;
  font-size: 13px;
  font-weight: 400;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.shipment-data > button:disabled {
  opacity: .6;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.title {
  color: var(--font-color);
  letter-spacing: -.5px;
  flex-direction: row;
  column-gap: 5px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > textarea {
  resize: none;
  width: 100%;
  height: 150px;
  color: var(--font-color);
  background: #f9f9f9;
  border-radius: 4px;
  outline: none;
  padding: 10px 1rem;
  font-size: 13px;
  font-weight: 400;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > ul.image-lists {
  flex-direction: row;
  column-gap: 5px;
  display: flex;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > ul.image-lists > li {
  cursor: pointer;
  transition: all .3s;
  position: relative;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > ul.image-lists > li:after {
  content: "";
  border-radius: 12px;
  transition: all .35s;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > ul.image-lists > li:hover:after {
  z-index: 9999;
  content: "";
  background: #0003;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > ul.image-lists > li > img {
  object-fit: cover;
  border: 1px solid #f1f1f1;
  border-radius: 12px;
  width: 70px;
  height: 70px;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > ul.image-lists > li > div.not-found {
  color: #c4c4c4;
  cursor: pointer;
  background: #f9f9f9;
  border: 1px solid #f1f1f1;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.rules > span:before {
  content: "·";
  position: absolute;
  left: 0;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.rules > span {
  letter-spacing: -.5px;
  color: var(--font-color-light);
  padding-left: 10px;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.rules {
  flex-direction: column;
  row-gap: 5px;
  display: flex;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.submit {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.submit > button {
  color: #fff;
  cursor: pointer;
  background: #000;
  border-radius: 6px;
  width: 100%;
  height: 45px;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
}

div.buy-delivery-container > div.wrapper > div.content > div.details > ul > li > div.submit > div.rule {
  color: var(--font-color-light);
  letter-spacing: -.5px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}

div.support-cs-container {
  margin-top: var(--header-height);
  background: #fff;
}

div.support-cs-container > div.wrapper {
  padding: 2rem 1rem;
}

div.support-cs-container > div.wrapper > a.back-page {
  align-items: center;
  column-gap: 5px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.support-cs-container > div.wrapper > div.breadcrumb {
  color: var(--font-color);
  align-items: center;
  column-gap: 5px;
  margin-bottom: 1rem;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.support-cs-container > div.wrapper > div.breadcrumb > a.home:first-child, div.support-cs-container > div.wrapper > div.breadcrumb > a.category {
  text-decoration: underline;
}

div.support-cs-container > div.wrapper > div.tag-wrapper > ul > li > a, div.support-cs-container > div.wrapper > div.faq-list-wrapper > ul > li > a > div.faq-item {
  border-bottom: 1px solid #ededed;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  display: flex;
}

div.support-cs-container > div.wrapper > div.faq-list-wrapper > ul > li > a > div.faq-item > span.title {
  max-width: 90%;
}

div.support-cs-container > div.wrapper > div.faq-list-wrapper > ul > li.empty {
  text-align: center;
  color: var(--font-color-light);
  font-size: 12px;
  font-weight: 400;
}

div.support-cs-container > div.wrapper > ul.ask-list-wrapper > div.empty {
  color: var(--font-color-light);
  text-align: center;
  padding-top: 1rem;
  font-size: 12px;
  font-weight: 400;
}

div.support-cs-container > div.wrapper > ul.ask-list-wrapper > li > a {
  border-bottom: 1px solid #ededed;
  flex-direction: column;
  padding: 1rem 0;
  display: flex;
}

div.support-cs-container > div.wrapper > ul.ask-list-wrapper > li > a > div.top {
  margin-bottom: 5px;
}

div.support-cs-container > div.wrapper > ul.ask-list-wrapper > li > a > div.top > div.tag {
  color: #1d8bff;
  letter-spacing: 0;
  white-space: nowrap;
  background: #e3f0ff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  display: inline-flex;
}

div.support-cs-container > div.wrapper > ul.ask-list-wrapper > li > a > div.center > div.title {
  letter-spacing: -.2px;
  color: #333d4b;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  font-weight: 400;
  display: flex;
}

div.support-cs-container > div.wrapper > ul.ask-list-wrapper > li > a > div.bottom {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  margin-top: 5px;
  font-size: 11px;
  font-weight: 400;
}

div.support-cs-container > div.wrapper > div.ask-detail-wrapper > div.title {
  letter-spacing: -.2px;
  color: var(--font-color);
  font-size: 20px;
  font-weight: 700;
}

div.support-cs-container > div.wrapper > div.ask-detail-wrapper > div.content {
  border-bottom: 1px solid #ededed;
  padding: 1rem 0;
}

div.support-cs-container > div.wrapper > div.ask-detail-wrapper > div.content > div.datetime {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  justify-content: end;
  align-items: center;
  column-gap: 5px;
  margin-top: 10px;
  font-size: 11px;
  font-weight: 400;
  display: flex;
}

div.support-cs-container > div.wrapper > div.ask-detail-wrapper > div.answer {
  padding: 1rem 0;
}

div.support-cs-container > div.wrapper > div.ask-detail-wrapper > div.content > p, div.support-cs-container > div.wrapper > div.ask-detail-wrapper > div.answer > p {
  color: var(--font-color);
  white-space: pre-wrap;
  font-size: 14px;
  font-weight: 400;
}

div.support-cs-container > div.wrapper > div.ask-detail-wrapper > div.answer > div.datetime {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  justify-content: end;
  align-items: center;
  column-gap: 5px;
  margin-top: 10px;
  font-size: 11px;
  font-weight: 400;
  display: flex;
}

div.support-cs-container > div.wrapper > div.title {
  letter-spacing: -.5px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.8rem;
}

div.support-cs-container > div.wrapper > div.ask-detail-wrapper > div.answer > p.pending {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  font-size: 14px;
  font-weight: 400;
}

div.support-cs-container > div.wrapper > div.search-wrapper {
  margin-top: 1rem;
  position: relative;
}

div.support-cs-container > div.wrapper > div.search-wrapper > div.input-area-wrapper > svg {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
}

div.support-cs-container > div.wrapper > div.search-wrapper > div.input-area-wrapper > form > input {
  background: #f2f4f6;
  border-radius: 5px;
  outline: none;
  width: 100%;
  padding: 11px 11px 11px 45px;
}

div.support-cs-container > div.wrapper > div.question-wrapper {
  margin-top: 2rem;
}

div.support-cs-container > div.wrapper > div.question-wrapper > div.title {
  font-size: 18px;
  font-weight: 600;
}

div.support-cs-container > div.wrapper > div.question-wrapper > ul {
  padding-top: 1rem;
}

div.support-cs-container > div.wrapper > div.question-wrapper > ul > li > a {
  border-bottom: 1px solid #ededed;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  display: flex;
}

div.support-cs-container > div.wrapper > div.question-wrapper > ul > li > a > span {
  letter-spacing: -.2px;
  color: #333d4b;
  font-size: 15px;
  font-weight: 400;
}

div.support-cs-container > div.wrapper > div.help-wrapper {
  margin-top: 2rem;
}

div.support-cs-container > div.wrapper > div.help-wrapper > div.title {
  font-size: 18px;
  font-weight: 600;
}

div.support-cs-container > div.wrapper > div.help-wrapper > div.button-group {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 1rem;
  padding-top: 1rem;
  display: flex;
}

div.support-cs-container > div.wrapper > div.help-wrapper > div.button-group > a {
  width: 100%;
  display: block;
}

div.support-cs-container > div.wrapper > div.help-wrapper > div.button-group > a > button {
  cursor: pointer;
  border-radius: 5px;
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 500;
}

div.support-cs-container > div.wrapper > div.help-wrapper > div.button-group > a:first-child > button {
  color: #fff;
  background: #000;
}

div.support-cs-container > div.wrapper > div.help-wrapper > div.button-group > a:nth-child(2) > button {
  border: 1px solid #ededed;
}

div.support-cs-container > div.wrapper > div.category-wrapper {
  margin-top: 2rem;
}

div.support-cs-container > div.wrapper > div.category-wrapper > div.title {
  font-size: 18px;
  font-weight: 600;
}

div.support-cs-container > div.wrapper > div.category-wrapper > ul {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2rem;
  padding-top: 1rem;
  display: grid;
}

div.support-cs-container > div.wrapper > div.category-wrapper > ul > li > a {
  border-bottom: 1px solid #ededed;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 50px;
  display: flex;
}

div.support-cs-container > div.wrapper > div.category-wrapper > ul > li > a > span {
  letter-spacing: -.2px;
  color: #333d4b;
  font-size: 15px;
  font-weight: 400;
}

div.support-cs-container > div.wrapper > div.ask-type {
  flex-direction: column;
  row-gap: 5px;
  margin-top: 1rem;
  display: flex;
}

div.support-cs-container > div.wrapper > div.ask-type > div.type {
  border: 1px solid #ededed;
  border-radius: 5px;
  min-width: 230px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 400;
}

div.support-cs-container > div.wrapper > div.ask-type > div.type > select {
  outline: none;
  width: 100%;
}

div.support-cs-container > div.wrapper > ul.ask-wrapper {
  flex-direction: column;
  row-gap: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
}

div.support-cs-container > div.wrapper > ul.ask-wrapper > li {
  flex-direction: column;
  row-gap: 5px;
  display: flex;
}

div.support-cs-container > div.wrapper > ul.ask-wrapper > li > div.title {
  font-size: 16px;
  font-weight: 500;
}

div.support-cs-container > div.wrapper > ul.ask-wrapper > li > input {
  border: 1px solid #ededed;
  border-radius: 5px;
  outline: none;
  width: 100%;
  padding: 7px 15px;
  font-size: 14px;
}

div.support-cs-container > div.wrapper > ul.ask-wrapper > li > textarea {
  resize: none;
  border: 1px solid #ededed;
  border-radius: 5px;
  outline: none;
  width: 100%;
  height: 200px;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 400;
}

div.support-cs-container > div.wrapper > div.rule:before {
  content: "·";
  position: absolute;
  left: 0;
}

div.support-cs-container > div.wrapper > div.rule {
  color: #999;
  padding-left: 10px;
  font-size: 11px;
  font-weight: 400;
  position: relative;
}

div.support-cs-container > div.wrapper > div.ask-button-group {
  flex-direction: row;
  column-gap: 10px;
  margin-top: 1.5rem;
  display: flex;
}

div.support-cs-container > div.wrapper > div.ask-button-group > button {
  cursor: pointer;
  border-radius: 5px;
  width: 100%;
  height: 40px;
  font-size: 15px;
  font-weight: 500;
}

div.support-cs-container > div.wrapper > div.ask-button-group > button:first-child {
  border: 1px solid #ededed;
}

div.support-cs-container > div.wrapper > div.ask-button-group > button:nth-child(2) {
  color: #fff;
  background: #000;
}

div.result-search-container {
  background: #fff;
}

div.result-search-container > div.wrapper > div.category-search-wrapper {
  padding: 0 1rem;
}

div.result-search-container > div.wrapper > div.details {
  flex-direction: column;
  row-gap: 1rem;
  margin-top: 1rem;
  display: flex;
}

div.result-search-container > div.wrapper > div.details > div.header {
  flex-direction: column;
  padding: 0 1rem;
  display: flex;
}

div.result-search-container > div.wrapper > div.details > div.header > div.info {
  flex-direction: row;
  column-gap: 5px;
  font-size: 15px;
  display: flex;
}

div.result-search-container > div.wrapper > div.details > div.header > div.info > div.query {
  color: var(--font-color-light);
  font-weight: 400;
}

div.result-search-container > div.wrapper > div.details > div.header > div.info > div.count {
  color: var(--font-color);
  font-weight: 500;
}

div.result-search-container > div.wrapper > div.details > div.header > div.description > p {
  color: var(--font-color-light);
  font-size: 12px;
  font-weight: 400;
}

div.result-search-container > div.wrapper > div.details > div.section {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.result-search-container > div.wrapper > div.details > div.section > div.items {
  flex-direction: column;
  row-gap: .5rem;
  padding-bottom: 1rem;
  display: flex;
}

div.result-search-container > div.wrapper > div.details > div.section > div.items > div.categories {
  color: var(--font-color);
  white-space: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: 5px;
  padding: 0 1rem;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.result-search-container > div.wrapper > div.details > div.section > div.items > div.categories > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  color: var(--font-color);
  align-items: center;
  font-weight: 600;
  display: ruby;
  overflow: hidden;
}

div.result-search-container > div.wrapper > div.details > div.section > div.items > ul {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.chat-container {
  margin-top: var(--header-height);
  background: #fff;
}

div.chat-container > div.wrapper {
  width: 100%;
  display: flex;
}

div.chat-container > div.wrapper > div.room-wrapper {
  height: calc(100dvh - var(--header-height));
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
  display: flex;
}

div.chat-container > div.wrapper > div.room-wrapper > div.messages-area-wrapper {
  flex: auto;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

div.chat-container > div.wrapper > div.room-wrapper > div.messages-area-wrapper > button.move-bottom {
  color: #fff;
  background: #000;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: inline-flex;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
}

div.chat-container > div.wrapper > div.room-wrapper > div.messages-area-wrapper > div.messages-wrapper {
  flex-direction: column;
  gap: 10px;
  height: 100%;
  padding: 1rem;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  overflow-y: auto;
}

div.chat-container > div.wrapper > div.room-wrapper > div.messages-area-wrapper > div.messages-wrapper > div.top-notice-wrapper {
  color: #5b646e;
  background: #f2f4f6;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 5px;
  padding: 10px 1rem;
  display: flex;
}

div.chat-container > div.wrapper > div.room-wrapper > div.messages-area-wrapper > div.messages-wrapper > div.top-notice-wrapper > div.title {
  letter-spacing: -.3px;
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

div.chat-container > div.wrapper > div.room-wrapper > div.messages-area-wrapper > div.messages-wrapper > div.top-notice-wrapper > div.content {
  text-align: center;
  font-size: 11px;
  font-weight: 400;
}

div.chat-container > div.wrapper > div.room-wrapper > div.messages-area-wrapper > div.messages-wrapper > div.top-notice-wrapper > div.content > p {
  letter-spacing: -.5px;
  line-height: 1.8;
}

div.chat-container > div.wrapper > div.room-wrapper > div.messages-area-wrapper > div.messages-wrapper > div.message {
  max-width: 80%;
}

div.chat-container > div.wrapper > div.room-wrapper > div.messages-area-wrapper > div.messages-wrapper > div.message > div.textbox {
  text-align: left;
  letter-spacing: -.35px;
  border-radius: 18px;
  padding: 7px 15px;
  line-height: 1.5rem;
  display: inline-block;
}

div.chat-container > div.wrapper > div.room-wrapper > div.messages-area-wrapper > div.messages-wrapper > div.receive {
  align-self: flex-start;
}

div.chat-container > div.wrapper > div.room-wrapper > div.messages-area-wrapper > div.messages-wrapper > div.receive > div.textbox {
  color: var(--font-color);
  background: #f2f4f6;
}

div.chat-container > div.wrapper > div.room-wrapper > div.messages-area-wrapper > div.messages-wrapper > div.sender {
  text-align: right;
  align-self: flex-end;
}

div.chat-container > div.wrapper > div.room-wrapper > div.messages-area-wrapper > div.messages-wrapper > div.sender > div.textbox {
  background: var(--brand-color);
  color: #fff;
}

div.chat-container > div.wrapper > div.room-wrapper > form.input-area-wrapper {
  flex: none;
  padding: 1rem;
  box-shadow: 0 -8px 16px -6px #0000001a, 0 8px 16px -6px #0000, 8px 0 16px -6px #0000, -8px 0 16px -6px #0000;
}

div.chat-container > div.wrapper > div.room-wrapper > form.input-area-wrapper > input {
  color: var(--font-color);
  background: #f2f4f6;
  border: 0;
  border-radius: 9999px;
  outline: none;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 400;
  transition: all .2s;
}

div.chat-container > div.wrapper > div.chatlist-wrapper > ul {
  padding-top: 1rem;
}

div.chat-container > div.wrapper > div.chatlist-wrapper > ul > li {
  border-bottom: 1px solid #ededed;
  padding: 0 1rem 1rem;
}

div.chat-container > div.wrapper > div.chatlist-wrapper > ul > li > a > div.details > div.header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

div.chat-container > div.wrapper > div.chatlist-wrapper > ul > li > a > div.details > div.header > div {
  color: var(--font-color-light);
  font-size: 12px;
}

div.chat-container > div.wrapper > div.chatlist-wrapper > ul > li > a > div.details > div.header > div > span {
  color: var(--font-color);
}

div.chat-container > div.wrapper > div.chatlist-wrapper > ul > li > a > div.details > div.section {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

div.chat-container > div.wrapper > div.chatlist-wrapper > ul > li > a > div.details > div.section > ul > li {
  color: var(--font-color);
  font-weight: 600;
}

div.chat-container > div.wrapper > div.chatlist-wrapper > ul > li > a > div.details > div.section > div.update_at {
  color: var(--font-color);
  font-size: 12px;
}

button.mytalk-button {
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 5px;
  justify-content: center;
  column-gap: 5px;
  width: 100%;
  margin-top: 5px;
  padding: 5px;
  font-size: 12px;
  display: flex;
}

div.review-container {
  margin-top: calc(var(--header-height)  + 1px);
}

div.review-container > div.wrapper > div.post-view-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  display: flex;
}

div.review-container > div.wrapper > div.post-view-wrapper > div.title {
  text-align: center;
  letter-spacing: -.5px;
  color: var(--font-color);
  margin-top: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
}

div.review-container > div.wrapper > div.post-view-wrapper > div.input-area-wrapper {
  border: 1px solid #ededed;
  border-radius: 5px;
  width: 100%;
  margin-top: 2rem;
}

div.review-container > div.wrapper > div.post-view-wrapper > div.input-area-wrapper > div.oneline, div.review-container > div.wrapper > div.post-view-wrapper > div.input-area-wrapper > div.content {
  position: relative;
}

div.review-container > div.wrapper > div.post-view-wrapper > div.input-area-wrapper > div.oneline > input {
  width: 100%;
  color: var(--font-color);
  border-bottom: 1px solid #ededed;
  outline: none;
  padding: 10px 60px 10px 15px;
  font-size: 13px;
}

div.review-container > div.wrapper > div.post-view-wrapper > div.input-area-wrapper > div.oneline > input:disabled {
  color: var(--font-color-light);
}

div.review-container > div.wrapper > div.post-view-wrapper > div.input-area-wrapper > div.oneline > span {
  color: var(--font-color-light);
  font-size: 12px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

div.review-container > div.wrapper > div.post-view-wrapper > div.input-area-wrapper > div.content > textarea {
  resize: none;
  width: 100%;
  min-height: 200px;
  color: var(--font-color);
  outline: none;
  padding: 10px 15px 25px;
  font-size: 13px;
}

div.review-container > div.wrapper > div.post-view-wrapper > div.input-area-wrapper > div.content > textarea:disabled {
  color: var(--font-color-light);
}

div.review-container > div.wrapper > div.post-view-wrapper > div.input-area-wrapper > div.content > span {
  color: var(--font-color-light);
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  bottom: 10px;
  right: 15px;
}

div.review-container > div.wrapper > div.post-view-wrapper > div.button-area-wrapper {
  flex-direction: row;
  column-gap: 10px;
  width: 100%;
  margin-top: 2rem;
  display: flex;
}

div.review-container > div.wrapper > div.post-view-wrapper > div.button-area-wrapper > button {
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

div.review-container > div.wrapper > div.post-view-wrapper > div.button-area-wrapper > button.only-button {
  color: #fff !important;
  background: #000 !important;
  border: none !important;
}

div.review-container > div.wrapper > div.post-view-wrapper > div.button-area-wrapper > button:first-child {
  color: var(--font-color);
  background: #fff;
  border: 1px solid #ededed;
}

div.review-container > div.wrapper > div.post-view-wrapper > div.button-area-wrapper > button:nth-child(2) {
  color: #fff;
  background: #000;
}

div.review-container > div.wrapper > div.post-view-wrapper > div.button-area-wrapper > button:nth-child(2):disabled {
  cursor: unset;
  background: #999;
}

div.homepage-notice-container {
  margin-top: calc(var(--header-height));
  background: #f2f4f6;
}

div.homepage-notice-container > div.wrapper {
  background: #fafafa;
  width: 100%;
  max-width: 1099px;
  margin: 0 auto;
  padding: .5rem 1rem;
}

div.homepage-notice-container > div.wrapper > div.content {
  flex-direction: row;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

div.homepage-notice-container > div.wrapper > div.content > div.category > a {
  background: var(--brand-color);
  color: #fff;
  text-align: center;
  letter-spacing: -.2px;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 50px;
  padding: 3px 0;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.homepage-notice-container > div.wrapper > div.content > div.title {
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

div.homepage-notice-container > div.wrapper > div.content > div.title > a {
  color: var(--font-color);
  font-size: 12px;
  font-weight: 500;
  transition: all .3s;
}

div.homepage-notice-container > div.wrapper > div.content > div.title > a:hover {
  text-decoration: underline;
}

div.my-order-detail-container {
  margin-top: calc(var(--header-height));
}

div.my-order-detail-container > div.wrapper {
  background: #fff;
}

div.my-order-detail-container > div.wrapper > div.header > div.wrapper {
  color: var(--font-color);
  background: #f2f4f6;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding: 0 1rem;
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.header > div.wrapper > div.order-id {
  color: var(--font-color-light);
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.header > div.wrapper > div.order-id > span {
  color: var(--font-color);
  font-weight: 500;
}

div.my-order-detail-container > div.wrapper > div.header > div.wrapper > div.datetime {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  font-size: 12px;
  font-weight: 400;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul {
  background: #fff;
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li {
  border-bottom: 9px solid #f2f4f6;
  padding-bottom: 1rem;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.title {
  color: var(--font-color);
  padding: 0 1rem;
  font-size: 16px;
  font-weight: 600;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.description {
  padding: 1rem 1rem 0;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.description > p {
  white-space: pre-wrap;
  font-size: 13px;
  font-weight: 400;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > ul.common-info {
  flex-direction: column;
  row-gap: .5rem;
  padding: 1rem 1rem 0;
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > ul.common-info > li {
  flex-direction: row;
  justify-content: space-between;
  column-gap: 60px;
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > ul.common-info > li > div.title {
  color: var(--font-color-light);
  white-space: nowrap;
  font-size: 13px;
  font-weight: 400;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > ul.common-info > li > div.content {
  color: var(--font-color);
  letter-spacing: -.3px;
  text-align: end;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > ul.settle-info {
  padding: 1rem 1rem 0;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > ul.settle-info > li > div.price-info {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > ul.settle-info > li > div.price-info > div {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > ul.settle-info > li > div.price-info > div.cutting-line {
  border-bottom: .2rem dashed #e6e6e6;
  margin: 10px 0;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > ul.settle-info > li > div.price-info > div > div.title {
  color: var(--font-color-light);
  font-size: 13px;
  font-weight: 400;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > ul.settle-info > li > div.price-info > div > div.result {
  color: var(--font-color);
  font-size: 14px;
  font-weight: 500;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > ul.settle-info > li > div.price-info > div.finalPrice > div.title {
  color: var(--font-color);
  font-size: 17px;
  font-weight: 700;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > ul.settle-info > li > div.price-info > div.finalPrice > div.result {
  color: var(--pink-color);
  font-size: 17px;
  font-weight: 800;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.remark {
  padding: 1rem 1rem 0;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.remark > ul {
  flex-flow: wrap;
  gap: 7px;
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.remark > ul > li {
  color: #454545;
  letter-spacing: -.5px;
  border: 1px solid #e5ebfe;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form {
  padding: .65rem 1rem 0;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.top > div.categories {
  color: var(--font-color-light);
  white-space: nowrap;
  letter-spacing: -.3px;
  align-items: center;
  column-gap: .1rem;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.top > div.datetime {
  flex-direction: row;
  column-gap: 5px;
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.top > div.datetime > div {
  color: var(--font-color-light);
  font-size: 12px;
  font-weight: 400;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.top > div.datetime > span {
  color: var(--font-color);
  font-size: 12px;
  font-weight: 500;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.center > ul {
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.center > ul > li, div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.center > ul > span {
  color: var(--font-color);
  letter-spacing: -.2px;
  font-size: 18px;
  font-weight: 600;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.center > ul > li:after {
  content: "|";
  color: #999;
  margin: 0 5px;
  font-size: 16px;
  font-weight: 100;
  position: relative;
  bottom: 2px;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.center > ul > span:after {
  content: "|";
  color: #999;
  margin: 0 5px;
  font-size: 16px;
  font-weight: 100;
  position: relative;
  bottom: 1px;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.center > ul > li:last-child:after, div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.center > ul > span:last-child:after {
  display: none;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.center > div.others {
  color: var(--font-color-extralight);
  font-size: 13px;
  font-weight: 400;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.center > div.others > div {
  align-items: center;
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.center > div.others > span:nth-child(2):before, div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.center > div.others > div:nth-child(2):before {
  content: "|";
  color: #999;
  margin: 0 5px;
  font-size: 10px;
  font-weight: 100;
  position: relative;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.bottom {
  margin-top: 1rem;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.bottom > div.wrapper {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.bottom > div.wrapper > div.price {
  flex-direction: column;
  align-items: end;
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.bottom > div.wrapper > div.price > div {
  text-align: center;
  color: var(--font-color);
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.bottom > div.wrapper > div.price > div > span {
  color: var(--font-color-light);
  font-size: 13px;
  font-weight: 400;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.bottom > div.wrapper > div.price > div.unitPrice {
  color: var(--pink-color);
  align-items: center;
  font-size: 17px;
  font-weight: 800;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.bottom > div.wrapper > div.price > div.unitPrice > span {
  color: var(--pink-color);
  font-weight: 500;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.bottom > div.wrapper > div.trade-type-info {
  flex-direction: row;
  column-gap: 5px;
  margin-top: auto;
  display: flex;
}

div.my-order-detail-container > div.wrapper > div.section > div.wrapper > ul > li > div.order-detail_card-form > div.bottom > div.wrapper > div.trade-type-info > div.tag {
  color: #1d8bff;
  letter-spacing: 0;
  white-space: nowrap;
  background: #e3f0ff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  display: flex;
}

div.my-product-ready-container {
  margin-top: var(--header-height);
}

div.my-product-ready-container > div.wrapper {
  background: #fff;
  padding-top: 1rem;
  padding-bottom: 5rem;
}

div.my-product-ready-container > div.wrapper > div.not-found {
  text-align: center;
  color: var(--font-color-light);
  font-size: 14px;
  font-weight: 400;
}

div.my-product-ready-container > div.wrapper > ul {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  flex-direction: column;
  row-gap: .65rem;
  margin: 0 1rem;
  padding: .65rem 0;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.top > div.details > .datetime {
  border-bottom: 1px solid #ededed;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 .65rem .65rem;
  font-size: 14px;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.top > div.details > .datetime > span {
  color: var(--font-color);
  letter-spacing: -.5px;
  font-size: 16px;
  font-weight: 600;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.top > div.details > .datetime > a {
  white-space: nowrap;
  color: var(--font-color);
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center {
  flex-direction: column;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.header {
  flex-direction: column;
  padding: 0 .65rem;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.header > div.datetime {
  color: var(--font-color-light);
  flex-direction: row;
  column-gap: 5px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.header > div.datetime > span {
  color: var(--font-color);
  font-size: 12px;
  font-weight: 500;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.header > div.categories {
  color: var(--font-color-light);
  flex-direction: row;
  align-items: center;
  column-gap: 2px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.header > div.tc {
  color: var(--font-color-light);
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.header > div.tc > span {
  color: var(--font-color);
  font-size: 12px;
  font-weight: 500;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.header > div.title {
  color: var(--font-color);
  letter-spacing: -.5px;
  padding-top: 5px;
  font-size: 18px;
  font-weight: 600;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.header > div.title > span:after {
  content: "|";
  color: #999;
  margin: 0 5px;
  font-size: 16px;
  font-weight: 100;
  position: relative;
  bottom: 2px;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.header > div.title > span:last-child:after {
  display: none;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.header > div.others {
  color: var(--font-color-extralight);
  font-size: 13px;
  font-weight: 400;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.header > div.others > div {
  align-items: center;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.header > div.others > span:nth-child(2):before, div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.header > div.others > div:nth-child(2):before {
  content: "|";
  color: #999;
  margin: 0 5px;
  font-size: 10px;
  font-weight: 100;
  position: relative;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.main {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.main > div.aside {
  flex-direction: column-reverse;
  align-items: center;
  row-gap: 5px;
  padding-left: .65rem;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.main > div.aside > div.trade-type-info {
  flex-direction: row;
  column-gap: 5px;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.main > div.aside > div.trade-type-info > div.tag {
  color: #1d8bff;
  letter-spacing: 0;
  white-space: nowrap;
  background: #e3f0ff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.main > div.section {
  padding-right: .65rem;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.main > div.section > div.price-info > div.common {
  flex-direction: row;
  justify-content: end;
  column-gap: 5px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.main > div.section > div.price-info > div.common > div {
  color: var(--font-color-light);
  font-weight: 400;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.main > div.section > div.price-info > div.unitPrice {
  align-items: center;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.main > div.section > div.price-info > div.unitPrice > div {
  color: var(--pink-color);
  font-weight: 500;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.center > div.main > div.section > div.price-info > div.unitPrice > span {
  color: var(--pink-color);
  align-items: center;
  font-size: 19px;
  font-weight: 800;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.bottom {
  border-top: 1px solid #ededed;
  padding-top: .65rem;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.bottom > div.wrapper {
  flex-direction: column;
  row-gap: 5px;
  padding: 0 .65rem;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.bottom > div.wrapper > div.order {
  color: var(--font-color-light);
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.bottom > div.wrapper > div.order > span {
  color: var(--font-color);
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.bottom > div.wrapper > div.order > span.order-status {
  color: var(--font-color);
  margin: 0 0 0 auto;
  font-size: 12px;
  font-weight: 600;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.bottom > div.wrapper > div.vbank-info {
  border-top: 1px solid #ededed;
  flex-direction: column;
  row-gap: 5px;
  margin-top: 5px;
  padding-top: 10px;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.bottom > div.wrapper > div.vbank-info > div {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: 5px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.bottom > div.wrapper > div.vbank-info > div > span {
  color: var(--font-color);
}

div.my-product-ready-container > div.wrapper > ul > li > div.ready_card-form > div.bottom > div.wrapper > a {
  color: var(--font-color);
  border: 1px solid #ededed;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  padding: 7px 0;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.register-social-container > div.wrapper {
  background: #fff;
}

div.register-social-container > div.wrapper > div.title {
  letter-spacing: -.5px;
  color: var(--font-color);
  padding: 2rem 1rem 0;
  font-size: 26px;
  font-weight: 700;
}

div.register-social-container > div.wrapper > div.subtext {
  color: var(--font-color-light);
  letter-spacing: -.5px;
  white-space: pre-wrap;
  margin-top: .5rem;
  padding: 0 1rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1rem;
}

div.register-social-container > div.wrapper > div.details {
  flex-direction: column;
  row-gap: 1rem;
  margin-top: 2rem;
  padding: 0 1rem;
  display: flex;
}

div.register-social-container > div.wrapper > div.details > div.rows {
  flex-direction: column;
  row-gap: 5px;
  display: flex;
}

div.register-social-container > div.wrapper > div.details > div.rows > p {
  color: var(--font-color-light);
  letter-spacing: -.5px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1rem;
}

div.register-social-container > div.wrapper > div.details > div.rows > div.title {
  font-size: 14px;
  font-weight: 500;
}

div.register-social-container > div.wrapper > div.details > div.rows > div.input-area-wrapper > input {
  width: 100%;
  color: var(--font-color);
  border: 1px solid #ededed;
  border-radius: 5px;
  outline: none;
  padding: 10px 1rem;
  font-size: 13px;
  font-weight: 400;
}

div.register-social-container > div.wrapper > div.rules {
  flex-direction: column;
  row-gap: 1rem;
  padding-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

div.register-social-container > div.wrapper > div.rules > div.rule-all-checked {
  border-bottom: 1px solid #ededed;
  padding-bottom: 1rem;
}

div.register-social-container > div.wrapper > div.submit-button {
  flex-direction: row;
  column-gap: 10px;
  padding: 2rem 1rem 5rem;
  display: flex;
}

div.register-social-container > div.wrapper > div.submit-button > button.logout {
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 5px;
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-weight: 500;
}

div.register-social-container > div.wrapper > div.submit-button > button.submit {
  color: #fff;
  cursor: pointer;
  background: #000;
  border-radius: 5px;
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-weight: 500;
}

div.register-social-container > div.wrapper > div.submit-button > button.submit:disabled {
  opacity: .5;
}

div.my-account-other-container {
  padding-top: 1rem;
  padding-bottom: 5rem;
}

div.my-account-other-container > div.wrapper > ul {
  flex-direction: column;
  row-gap: 10px;
  padding: 0 1rem;
  display: flex;
}

div.my-account-other-container > div.wrapper > ul > li {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 0;
  flex-direction: column;
  row-gap: 1rem;
  padding: 1rem;
  display: flex;
}

div.my-account-other-container > div.wrapper > ul > li > div.title {
  color: var(--font-color);
  font-size: 18px;
  font-weight: 700;
}

div.my-account-other-container > div.wrapper > ul > li > div.form-box > div.title {
  color: var(--font-color);
  font-size: 14px;
  font-weight: 500;
}

div.my-account-other-container > div.wrapper > ul > li > div.form-box > p {
  color: var(--font-color-light);
  letter-spacing: -.35px;
  font-size: 11px;
  font-weight: 400;
}

div.my-account-other-container > div.wrapper > ul > li > div.form-box > div.button-group {
  flex-direction: row;
  padding-top: 1rem;
  display: flex;
}

div.my-account-other-container > div.wrapper > ul > li > div.form-box > div.button-group > button {
  width: 100%;
  color: var(--font-color);
  cursor: pointer;
  border: 1px solid #ededed;
  padding: 5px 0;
  font-size: 13px;
  font-weight: 400;
}

div.my-account-other-container > div.wrapper > ul > li > div.form-box > div.button-group > button.active {
  color: #fff;
  background: #1a1a1a;
  border: 0;
}

.lists-bottom-sheet {
  box-shadow: 0 2px 12px #243f611c, 0 .5px 2px #243f611f;
}

div.addresses-container {
  z-index: 99999;
  background: #fff;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
}

div.addresses-container > div.wrapper {
  width: 100%;
}

div.addresses-container > div.wrapper > div.header {
  height: var(--header-height);
  position: relative;
}

div.addresses-container > div.wrapper > div.header > span.title {
  color: var(--font-color);
  font-size: 15px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.addresses-container > div.wrapper > div.header > button.close {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

div.addresses-container > div.wrapper > div.section > ul.create-addresses-wrapper {
  flex-direction: column;
  row-gap: 1.5rem;
  padding: 0 1rem;
  display: flex;
}

div.addresses-container > div.wrapper > div.section > ul.create-addresses-wrapper > li > div.title {
  color: var(--font-color);
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}

div.addresses-container > div.wrapper > div.section > ul.create-addresses-wrapper > li > input {
  color: var(--font-color);
  border: 1px solid #ededed;
  border-radius: 5px;
  outline: none;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 400;
}

div.addresses-container > div.wrapper > div.section > ul.addresses-lists {
  color: var(--font-color);
  flex-direction: column;
  row-gap: 10px;
  margin-top: 10px;
  padding: 0 1rem;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.addresses-container > div.wrapper > div.section > ul.addresses-lists > li {
  letter-spacing: -.5px;
  border: 1px solid #ededed;
  padding: .625rem;
}

div.addresses-container > div.wrapper > div.section > ul.addresses-lists > li.default {
  border: 2px solid var(--brand-color);
}

div.addresses-container > div.wrapper > div.section > ul.addresses-lists > li > div.name {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
}

div.addresses-container > div.wrapper > div.section > ul.addresses-lists > li > div.btns {
  flex-direction: row;
  justify-content: space-between;
  align-items: end;
  margin-top: 1rem;
  display: flex;
}

div.addresses-container > div.wrapper > div.section > ul.addresses-lists > li > div.btns > span {
  color: var(--font-color-light);
}

div.addresses-container > div.wrapper > div.section > ul.addresses-lists > li > div.btns > button.delete {
  color: #fff;
  cursor: pointer;
  background: #000;
  padding: 5px 20px;
  font-size: 13px;
  font-weight: 400;
}

div.addresses-container > div.wrapper > div.section > ul.addresses-lists > li > div.btns > button.default {
  cursor: pointer;
  text-decoration: underline;
}

div.addresses-container > div.wrapper > div.section > div.btns {
  padding: 0 1rem;
}

div.addresses-container > div.wrapper > div.section > div.btns > button {
  color: #fff;
  background: var(--brand-color);
  cursor: pointer;
  border-radius: 5px;
  width: 100%;
  margin-top: 2rem;
  padding: 10px 0;
  font-size: 15px;
  font-weight: 400;
}

div.addresses-container > div.wrapper > div.section > ul.create-addresses-wrapper > li > button.create-addresses-btn {
  color: #fff;
  background: #000;
  border-radius: 5px;
  width: 100%;
  margin-top: 10px;
  padding: 10px 0;
  font-size: 15px;
  font-weight: 400;
}

div.addresses-container > div.wrapper > div.section > ul.create-addresses-wrapper > li > button.create-addresses-btn:disabled {
  background: #00000080;
}

div.cart-container > div.wrapper > ul {
  background: #fff;
  flex-direction: column;
  row-gap: 10px;
  width: 100%;
  padding: 1rem;
  display: flex;
  position: absolute;
}

.view-section {
  height: 26.5px;
  color: var(--font-color);
  letter-spacing: -.35px;
  border-radius: 9999px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 400;
  top: .5rem;
  right: 1rem;
}

form.category-search-form {
  position: relative;
}

form.category-search-form > svg {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
}

form.category-search-form > input {
  background: #f2f4f6;
  border-radius: 9999px;
  outline: none;
  width: 100%;
  padding: 11px 50px;
  font-size: 12px;
  font-weight: 400;
}

div.register-social-container {
  background: #fff;
  height: 100dvh;
}

div.popular-trending-widget {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.popular-trending-widget > div.widget-header {
  padding: 0 1rem;
}

div.popular-trending-widget > div.widget-header > div.header-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

div.popular-trending-widget > div.widget-header > div.header-top > h2.widget-title {
  font-size: 18px;
  font-weight: 700;
}

div.popular-trending-widget > div.widget-header > div.header-top > span.update-time {
  color: var(--font-color-light);
  font-size: 12px;
  font-weight: 400;
}

div.popular-trending-widget > div.widget-header > p.update-info {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  font-size: 12px;
  font-weight: 400;
}

div.popular-trending-widget > div.widget-content {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
  padding: 0 1rem;
  display: grid;
}

div.popular-trending-widget > div.widget-content > div.rank-column {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.popular-trending-widget > div.widget-content > div.rank-column > a.rank-item {
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.popular-trending-widget > div.widget-content > div.rank-column > a.rank-item > div.rank-number {
  padding-right: .5rem;
  font-weight: 500;
}

div.popular-trending-widget > div.widget-content > div.rank-column > a.rank-item > div.rank-info {
  justify-content: space-between;
  align-items: center;
  column-gap: 5px;
  width: 100%;
  display: flex;
}

div.popular-trending-widget > div.widget-content > div.rank-column > a.rank-item > div.rank-info > div.tc-string {
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  letter-spacing: -.3px;
  flex: 1;
  width: 0;
  min-width: 0;
  overflow: hidden;
}

div.popular-trending-widget > div.widget-content > div.rank-column > a.rank-item > div.rank-info > div.rank-meta {
  font-size: 10px;
  font-weight: 400;
}

div.popular-trending-widget > div.widget-content > div.rank-column > a.rank-item > div.rank-info > div.rank-meta > div.new {
  font-weight: 500;
  color: #0c964a !important;
}

div.popular-trending-widget > div.widget-content > div.rank-column > a.rank-item > div.rank-info > div.rank-meta > div.same {
  font-weight: 500;
  color: var(--font-color-light) !important;
}

div.popular-trending-widget > div.widget-content > div.rank-column > a.rank-item > div.rank-info > div.rank-meta > div.up {
  color: #cd0c22 !important;
}

div.popular-trending-widget > div.widget-content > div.rank-column > a.rank-item > div.rank-info > div.rank-meta > div.down {
  color: #007fff !important;
}

div.popular-trending-widget > div.widget-content > div.rank-column > a.rank-item > div.rank-info > div.rank-meta > div.rank-badge {
  color: var(--font-color);
  align-items: center;
  column-gap: 3px;
  display: flex;
}

div.popular-trending-widget > div.widget-footer {
  color: #8a939b;
  letter-spacing: -.3px;
  background: #f2f4f6;
  justify-content: center;
  align-items: center;
  height: 40px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

@keyframes skeleton-loading {
  0% {
    background-position: -200px 0;
  }

  100% {
    background-position: calc(200px + 100%) 0;
  }
}

.skeleton-title, .skeleton-time, .skeleton-update-info, .skeleton-rank, .skeleton-text, .skeleton-badge, .skeleton-footer-text {
  background: linear-gradient(90deg, #f5f5f5 25%, #ebebeb 50%, #f5f5f5 75%) 0 0 / 200px 100%;
  border-radius: 4px;
  animation: 1.5s ease-in-out infinite skeleton-loading;
}

.skeleton-title {
  width: 100px;
  height: 24px;
}

.skeleton-time {
  width: 60px;
  height: 16px;
}

.skeleton-update-info {
  width: 120px;
  height: 14px;
  margin-top: 8px;
}

.rank-item.skeleton {
  pointer-events: none;
  cursor: default;
  border-radius: 5px;
}

.skeleton-rank {
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.skeleton-text {
  width: 100%;
  height: 20px;
}

.skeleton-badge {
  width: 40px;
  height: 20px;
}

.skeleton-footer-text {
  width: 140px;
  height: 14px;
  margin: 0 auto;
}

div.popular-trending-widget > div.widget-header > div.header-top > div, div.popular-trending-widget > div.widget-header > div.skeleton-update-info {
  background-color: #e5e7eb;
}

@media (prefers-color-scheme: dark) {
  .skeleton-title, .skeleton-time, .skeleton-update-info, .skeleton-rank, .skeleton-text, .skeleton-badge, .skeleton-footer-text {
    background: linear-gradient(90deg, #0000, #fff6, #0000) 0 0 / 200px 100%;
  }
}

@keyframes skeleton-shimmer {
  0% {
    background-position: -400px 0;
  }

  100% {
    background-position: 400px 0;
  }
}

.bp-banner-skeleton {
  background: #fafafa;
  width: 100%;
  height: 340px;
  position: relative;
}

.bp-banner-skeleton-bg {
  background: linear-gradient(90deg, #f5f5f5 25%, #ebebeb 50%, #f5f5f5 75%) 0 0 / 400px 100%;
  width: 100%;
  height: 100%;
  animation: 1.5s ease-in-out infinite skeleton-shimmer;
}

.bp-banner-skeleton-text {
  flex-direction: column;
  gap: 12px;
  display: flex;
  position: absolute;
  bottom: 32px;
  left: 24px;
  right: 24px;
}

.skeleton-title-adbanner {
  background: linear-gradient(90deg, #e0e0e0 25%, #d5d5d5 50%, #e0e0e0 75%) 0 0 / 400px 100%;
  border-radius: 4px;
  width: 70%;
  height: 32px;
  animation: 1.5s ease-in-out infinite skeleton-shimmer;
}

.skeleton-badge {
  background: linear-gradient(90deg, #e0e0e0 25%, #d5d5d5 50%, #e0e0e0 75%) 0 0 / 400px 100%;
  border-radius: 20px;
  width: 80px;
  height: 28px;
  animation: 1.5s ease-in-out infinite skeleton-shimmer;
}

.skeleton-desc {
  background: linear-gradient(90deg, #e0e0e0 25%, #d5d5d5 50%, #e0e0e0 75%) 0 0 / 400px 100%;
  border-radius: 4px;
  width: 90%;
  height: 20px;
  animation: 1.5s ease-in-out infinite skeleton-shimmer;
}

div.change-shipment-modal {
  z-index: 99999;
  background: #fff;
  width: 100%;
  height: 100dvh;
  position: fixed;
  top: 0;
}

div.change-shipment-modal > div.wrapper > div.header {
  height: var(--header-height);
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

div.change-shipment-modal > div.wrapper > div.section {
  flex-direction: column;
  row-gap: 1.5rem;
  margin-top: 1rem;
  padding: 0 1rem;
  display: flex;
}

div.change-shipment-modal > div.wrapper > div.section > div.rows > div.title {
  color: var(--font-color);
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}

div.change-shipment-modal > div.wrapper > div.section > div.rows > input {
  width: 100%;
  height: 40px;
  color: var(--font-color);
  border: 1px solid #ededed;
  border-radius: 5px;
  outline: none;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 400;
}

div.change-shipment-modal > div.wrapper > div.section > div.rows > textarea {
  resize: none;
  width: 100%;
  height: 150px;
  color: var(--font-color);
  border: 1px solid #ededed;
  outline: none;
  padding: 1rem;
  font-size: 13px;
  font-weight: 400;
}

div.change-shipment-modal > div.wrapper > div.section > div.buttons {
  align-items: center;
  column-gap: 10px;
  margin-top: 1rem;
  display: flex;
}

div.change-shipment-modal > div.wrapper > div.section > div.buttons > button {
  border: 1px solid #ededed;
  border-radius: 5px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
}

div.change-shipment-modal > div.wrapper > div.section > div.buttons > button.submit {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

div.change-shipment-modal > div.wrapper > div.section > div.buttons > button.submit:disabled {
  opacity: .5;
}

div.product-modify-container > div.wrapper {
  background: #fff;
  padding-top: 1rem;
}

div.product-modify-container > div.wrapper > div.categories-area-wrapper {
  padding: 0 1rem;
}

div.product-modify-container > div.wrapper > div.categories-area-wrapper > div.content {
  width: 100%;
  color: var(--font-color);
  background: #f2f4f6;
  border-radius: 9999px;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details {
  flex-direction: column;
  row-gap: 1rem;
  padding: 1rem 0;
  display: flex;
  position: relative;
}

div.product-modify-container > div.wrapper > div.details input.custom-1p {
  padding: 5px 40px 5px 1rem;
}

div.product-modify-container > div.wrapper > div.details input.custom-1p-select {
  padding: 5px 95px 5px 1rem;
}

div.product-modify-container > div.wrapper > div.details > div.common {
  border-bottom: 9px solid #f2f4f6;
  flex-direction: column;
  row-gap: 1rem;
  padding: 0 1rem 1rem;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.coupon > div.select-coupon {
  color: #1a1a1a;
  background-color: #f8f8f8;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.common > div.title {
  color: var(--font-color);
  font-size: 16px;
  font-weight: 500;
}

div.product-modify-container > div.wrapper > div.details > div.remark-info > ul {
  flex-flow: wrap;
  gap: 7px;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.remark-info > ul > li {
  color: var(--font-color-light);
  cursor: pointer;
  letter-spacing: -.5px;
  border: 1px solid #e5ebfe;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.remark-info > ul > li.active {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.common {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.ticket-name-info > div.info > div {
  height: 45px;
  color: var(--font-color);
  background: #f6f8fa;
  border-radius: 5px;
  outline: none;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.ticket-name-info > div.info > div > input {
  outline: none;
  width: 100%;
  height: 100%;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.validity-period > div.info {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.validity-period > div.info > div.start-datetime, div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.validity-period > div.info > div.end-datetime {
  width: 100%;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.validity-period > div.info > div.start-datetime > div.form > input, div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.validity-period > div.info > div.end-datetime > div.form > input {
  width: 100%;
  height: 45px;
  color: var(--font-color);
  background: #f6f8fa;
  border-radius: 5px;
  outline: none;
  padding: 5px 1rem;
  font-size: 13px;
  font-weight: 400;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.seat-info > div.info, div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.price-info > div.info {
  flex-direction: column;
  justify-content: left;
  row-gap: 10px;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.seat-info > div.info > div {
  height: 45px;
  color: var(--font-color);
  background: #f6f8fa;
  border-radius: 5px;
  outline: none;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.seat-info > div.info > div > select {
  outline: none;
  width: 100%;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.seat-info > div.info > div > input {
  outline: none;
  width: 100%;
  height: 100%;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.seat-info > div.info > p {
  letter-spacing: -.5px;
  white-space: pre;
  color: var(--font-color-light);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.seat-info > div.info > label {
  text-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: relative;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.seat-info > div.info > label > input {
  text-align: end;
  width: 100%;
  height: 45px;
  color: var(--font-color);
  background: #f6f8fa;
  border-radius: 5px;
  outline: none;
  font-size: 13px;
  font-weight: 400;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.seat-info > div.info > label > span, div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.seat-info > div.info > label > select {
  color: var(--font-color);
  outline: none;
  font-size: 13px;
  font-weight: 400;
  position: absolute;
  right: 1rem;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.perform-date > div.select-perform-date > input[type="radio"]:checked + label {
  color: #fff;
  cursor: pointer;
  background: #000;
  border: 1px solid #000;
  font-weight: 500;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.perform-date > div.select-perform-date > label {
  cursor: pointer;
  text-align: center;
  border: 1px solid #ededed;
  border-radius: 6px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 400;
  display: block;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.perform-date > div.form {
  flex-direction: row;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.perform-date > div.form > input {
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 12px;
  outline: none;
  width: 100%;
  height: 40px;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 400;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.perform-date > div.form > div.time {
  flex-direction: row;
  column-gap: 10px;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.perform-date > div.form > div.time > div {
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.perform-date > div.form > div.time > div > select {
  outline: none;
  height: 100%;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.common > div.title {
  color: var(--font-color);
  font-size: 14px;
  font-weight: 400;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.price-info > div.info > div.common {
  flex-direction: row;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.price-info > div.info > div.common > label {
  text-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: relative;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.price-info > div.info > div.commission-service-tags {
  justify-content: end;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.price-info > div.info > div.commission-service-tags > div {
  color: #999;
  letter-spacing: -.5px;
  background: #f1f1f1;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.price-info > div.info > div.commission-service-tags > div.face-value {
  color: #c33333;
  background: #ffe7e7;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.price-info > div.info > div.commission-service-tags > div.fair-unitprice {
  color: #15803d;
  background: #dcfce7;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.price-info > div.info > div.common > label > input {
  text-align: end;
  width: 100%;
  height: 45px;
  color: var(--font-color);
  background: #f6f8fa;
  border-radius: 5px;
  outline: none;
  font-size: 13px;
  font-weight: 400;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.price-info > div.info > div.common > label > span {
  color: var(--font-color);
  font-size: 13px;
  font-weight: 400;
  position: absolute;
  right: 1rem;
}

div.product-modify-container > div.wrapper > div.details > div.ticket-info > div.price-info > div.info > div.common > label > div.face-value {
  color: #ff6363;
  letter-spacing: -.5px;
  background: #ffe3e3;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  position: absolute;
  left: 1rem;
}

div.product-modify-container > div.wrapper > div.details > div.trade-type-info > div.rows {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.description-info > div.info {
  position: relative;
}

div.product-modify-container > div.wrapper > div.details > div.description-info > div.info > textarea {
  resize: none;
  width: 100%;
  height: 150px;
  color: var(--font-color);
  border: 1px solid #ededed;
  border-radius: 5px;
  outline: none;
  padding: 1rem 1rem 1.8rem;
  font-size: 13px;
  font-weight: 400;
}

div.product-modify-container > div.wrapper > div.details > div.description-info > div.info > span {
  color: var(--font-color-light);
  font-size: 12px;
  position: absolute;
  bottom: 12px;
  right: 12px;
}

div.product-modify-container > div.wrapper > div.details > div.payment-method-info {
  row-gap: 0;
}

div.product-modify-container > div.wrapper > div.details > div.payment-method-info > div.description, div.product-modify-container > div.wrapper > div.details > div.payment-method-info > div.explain {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  font-size: 12px;
  font-weight: 400;
}

div.product-modify-container > div.wrapper > div.details > div.payment-method-info > ul {
  flex-direction: row;
  align-items: center;
  column-gap: 7px;
  margin-top: 1rem;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.payment-method-info > ul > li {
  color: var(--font-color-light);
  cursor: pointer;
  letter-spacing: -.5px;
  border: 1px solid #e5ebfe;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.payment-method-info > ul > li.disabled {
  opacity: .4;
  cursor: unset;
  background: #ededed;
}

div.product-modify-container > div.wrapper > div.details > div.payment-method-info > ul > li.disabled:active {
  color: var(--font-color-light);
  background: #ededed;
  border: 1px solid #ededed;
}

div.product-modify-container > div.wrapper > div.details > div.payment-method-info > ul > li.active {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

div.product-modify-container > div.wrapper > div.details > div.finally-info > div.info {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.finally-info > div.info > span.explain {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  white-space: pre-wrap;
  font-size: 11px;
  font-weight: 400;
}

div.product-modify-container > div.wrapper > div.details > div.finally-info > div.info > div.common {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.finally-info > div.info > div.fair-discount > div.title {
  color: var(--font-color-light-50);
  letter-spacing: -.3px;
  font-size: 13px;
  font-weight: 400;
}

div.product-modify-container > div.wrapper > div.details > div.finally-info > div.info > div.fair-apply > div.title, div.product-modify-container > div.wrapper > div.details > div.finally-info > div.info > div.fair-apply > span {
  color: #15803d !important;
}

div.product-modify-container > div.wrapper > div.details > div.finally-info > div.info > div.fair-apply > span {
  font-weight: 600 !important;
}

div.product-modify-container > div.wrapper > div.details > div.finally-info > div.info > div.common > div.title {
  color: var(--font-color-light-50);
  letter-spacing: -.3px;
  align-items: center;
  column-gap: 5px;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.finally-info > div.info > div.common > span {
  color: var(--font-color);
  font-size: 14px;
  font-weight: 500;
}

div.product-modify-container > div.wrapper > div.details > div.finally-info > div.info > div.cutting-line {
  border-bottom: 1px solid #e5e7eb;
  margin: 5px 0;
}

div.product-modify-container > div.wrapper > div.details > div.finally-info > div.info > div.commission > span.active, div.product-modify-container > div.wrapper > div.details > div.finally-info > div.info > div.finalprice > span.active {
  color: var(--pink-color);
  font-weight: 700;
}

div.product-modify-container > div.wrapper > div.details > div.rule-info {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.rule-info > div.title > div.subtext {
  color: var(--brand-color);
  align-items: center;
  margin-left: auto;
  font-size: 14px;
  text-decoration: underline;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.rule-info > div.submit-form > button {
  background: var(--brand-color);
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  margin-top: 1rem;
  font-size: 15px;
  font-weight: 600;
}

div.product-modify-container > div.wrapper > div.details > div.rule-info > div.submit-form > button:disabled {
  opacity: .6;
}

div.product-modify-container > div.wrapper > div.details > div.rule-info > div.rows {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.product-modify-container > div.wrapper > div.details > div.rule-info > div.rows > div.cutting-line {
  border-bottom: 1px solid #ededed;
}

div.product-modify-container > div.wrapper > div.details > div.rule-info > div.rows > div.all-check > label {
  font-weight: 500;
}

div.product-modify-container > div.wrapper > div.details > div.rule-info > div.rows > div > label {
  letter-spacing: -.5px;
  font-size: 13px;
}

div.product-modify-container > div.wrapper > div.details > div.rule-info > div.rows > div.custom-checkbox {
  margin-left: 1rem;
}

div.product-modify-container > div.wrapper > div.details > div.rule-info > div.rows > div.all-check {
  margin-left: 0;
}

div.faq-detail-container > div.wrapper {
  padding: 1rem 1rem 2rem;
}

div.faq-detail-container > div.wrapper > a.back-page {
  align-items: center;
  column-gap: 5px;
  margin-bottom: 1rem;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.faq-detail-container > div.wrapper > h1.title {
  color: var(--font-color);
  letter-spacing: -.5px;
  margin-bottom: 1.5rem;
  font-size: 20px;
  font-weight: 700;
}

div.faq-detail-container > div.wrapper > div.content > p {
  color: var(--font-color);
  white-space: pre-line;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}

div.payment-complete-wrapper > div.loading-state {
  text-align: center;
  padding: 60px 20px;
}

div.payment-complete-wrapper > div.loading-state > div.description {
  color: var(--font-color);
  letter-spacing: -.5px;
  font-size: 15px;
  font-weight: 400;
}

div.payment-complete-wrapper > div.loading-state > button.refresh-btn {
  color: #fff;
  cursor: pointer;
  background: var(--brand-color);
  border: none;
  border-radius: 8px;
  margin-top: 3rem;
  padding: 10px 30px;
  font-size: 15px;
  font-weight: 400;
}

div.homepage-categories-section {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

.desktop-home-border {
  border: 1px solid #ededed;
}

div.home-review-wrapper > div.title {
  padding-left: 1rem;
  font-size: 18px;
  font-weight: 700;
}

div.need-billing-container {
  background: #fff;
  max-width: 765px;
  height: 100dvh;
  margin: 0 auto;
}

div.need-billing-container > div.wrapper {
  z-index: 99999;
  text-align: center;
  background: #fff;
  border-radius: 12px;
  width: calc(100% - 2rem);
  max-width: 400px;
  padding: 2rem 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.need-billing-container > div.wrapper > h1.title {
  letter-spacing: -.3px;
  margin-top: .5rem;
  font-size: 19px;
  font-weight: 600;
}

div.need-billing-container > div.wrapper > div.description {
  white-space: pre-wrap;
  letter-spacing: -.3px;
  color: var(--font-color-light-50);
  margin-top: .5rem;
  font-size: 13px;
  font-weight: 400;
}

div.need-billing-container > div.wrapper > div.description-small {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  white-space: pre-wrap;
  padding-top: .5rem;
  font-size: 12px;
  font-weight: 400;
}

div.need-billing-container > div.wrapper > div.card {
  cursor: pointer;
  border: 2px solid #ededed;
  border-radius: 12px;
  align-items: center;
  column-gap: .5rem;
  margin: 1rem 0;
  padding: .65rem 1rem;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.need-billing-container > div.wrapper > div.card-disabled {
  cursor: unset;
  background: #ededed;
}

div.need-billing-container > div.wrapper > div.card > div.center {
  text-align: left;
  letter-spacing: -.3px;
}

div.need-billing-container > div.wrapper > div.card > div.center > div:first-child {
  font-weight: 500;
}

div.need-billing-container > div.wrapper > div.card > div.center > div:nth-child(2) {
  color: var(--font-color-light);
  font-size: 12px;
}

div.need-billing-container > div.wrapper > div.card > div.end {
  margin-left: auto;
}

div.need-billing-container > div.wrapper > button.logout {
  color: #fff;
  cursor: pointer;
  background: #000;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  margin-top: 1.5rem;
  font-size: 14px;
  font-weight: 500;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

/* [project]/src/app/globals_2.css [app-client] (css) */
div.market-vote-prompt-banner {
  z-index: 99998;
  opacity: 0;
  pointer-events: none;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  background: #fff;
  border-radius: 12px;
  width: calc(100% - 2rem);
  max-width: 450px;
  padding: 2.5rem 1rem 1rem;
  transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .3s;
  position: fixed;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%)translateY(150%);
  box-shadow: 0 1px 4px #243f611a, 0 0 1px #243f6129;
}

div.market-vote-prompt-banner.visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%)translateY(0);
}

div.market-vote-prompt-banner.dragging {
  cursor: grabbing;
  box-shadow: 0 4px 12px #243f6133, 0 2px 6px #243f613d;
}

div.market-vote-prompt-banner > div.drag-indicator {
  justify-content: center;
  width: 40px;
  height: 4px;
  display: flex;
  position: absolute;
  top: .5rem;
  left: 50%;
  transform: translateX(-50%);
}

div.market-vote-prompt-banner > div.drag-indicator > div.drag-bar {
  background: #0003;
  border-radius: 2px;
  width: 100%;
  height: 100%;
}

div.market-vote-prompt-banner > button.close-button {
  cursor: pointer;
  z-index: 2;
  color: #000;
  background: #0000000d;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: background .2s;
  display: flex;
  position: absolute;
  top: .5rem;
  right: .5rem;
}

div.market-vote-prompt-banner > button.close-button:hover {
  background: #0000001a;
}

div.market-vote-prompt-banner > button.close-button:active {
  background: #00000026;
  transform: scale(.95);
}

div.market-vote-prompt-banner > div.content > div.text {
  color: var(--font-color);
  margin-bottom: .75rem;
  font-size: 12px;
  font-weight: 400;
}

div.market-vote-prompt-banner > div.content > div.text > div.title {
  margin-bottom: .25rem;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}

div.market-vote-prompt-banner > div.content > div.text > div.description {
  opacity: .9;
  font-size: 12px;
  line-height: 1.4;
}

div.market-vote-prompt-banner > button.vote-button {
  background: var(--brand-color);
  color: #fff;
  cursor: pointer;
  border-radius: 8px;
  width: 100%;
  padding: .75rem 0;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
}

div.market-vote-prompt-banner > button.vote-button:hover {
  background: var(--brand-hover-color);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #00000014;
}

div.market-vote-prompt-banner > button.vote-button:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px #0000000f;
}

@media (max-width: 480px) {
  div.market-vote-prompt-banner {
    width: calc(100% - 3rem);
    padding: 2.25rem .875rem .875rem;
    bottom: .75rem;
  }

  div.market-vote-prompt-banner > div.content > div.text > div.title {
    font-size: 14px;
  }

  div.market-vote-prompt-banner > div.content > div.text > div.description {
    font-size: 11px;
  }

  div.market-vote-prompt-banner > button.vote-button {
    padding: .75rem;
    font-size: 13px;
  }
}

@media (min-width: 768px) {
  div.market-vote-prompt-banner {
    bottom: 2rem;
  }
}

div.survey-scroll-area {
  flex: 1;
  overflow: hidden auto;
}

div.survey-scroll-area::-webkit-scrollbar {
  width: 6px;
}

div.survey-scroll-area::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

div.survey-scroll-area::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

div.survey-scroll-area::-webkit-scrollbar-thumb:hover {
  background: #555;
}

div.survey-scroll-area {
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}

div.survey-button-fixed {
  background: #fff;
  border-top: 1px solid #e5e7eb;
  flex-direction: row;
  flex-shrink: 0;
  column-gap: 5px;
  padding: 1rem;
  display: flex;
}

div.survey-button-fixed > button {
  cursor: pointer;
  width: 100%;
  height: 45px;
  font-size: 15px;
  font-weight: 600;
}

div.survey-button-fixed > button[type="submit"] {
  color: #fff;
  background: #000;
  border: none;
}

div.survey-button-fixed > button[type="button"] {
  border: 1px solid #cdcdcd;
}

div.survey-button-fixed > button[type="button"]:disabled {
  color: #fff;
  opacity: .5;
  letter-spacing: -.3px;
  background: #000;
  border: 1px solid #000;
  font-size: 12px;
}

div.category-survey-container > div.wrapper {
  background: #fff;
  padding-bottom: 1rem;
}

div.category-survey-container > div.wrapper > div.title {
  color: var(--font-color);
  border-bottom: 1px solid #ededed;
  padding: 1rem;
  font-size: 15px;
  font-weight: 500;
}

div.category-survey-container > div.wrapper > div.explain {
  color: var(--font-color);
  white-space: pre-line;
  margin: 1rem 0;
  padding: 0 1rem;
  font-size: 11px;
  font-weight: 400;
}

div.category-survey-container > div.wrapper > div.explain > .highlight {
  color: #4f46e5;
  font-weight: 700;
}

div.category-survey-container > div.wrapper > div.content {
  margin-top: 1rem;
}

div.category-survey-container > div.wrapper > div.content > ul {
  flex-direction: column;
  row-gap: 10px;
  padding: 0 1rem 1rem;
  display: flex;
}

div.category-survey-container > div.wrapper > div.content > ul > li {
  background: #fff;
  border: 1px solid #e5e7eb;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.seat-info {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding: 1rem 1rem 0;
  display: flex;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.seat-info > div.seat-name {
  color: var(--font-color);
  font-size: 13px;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.seat-info > div.face-value {
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 600;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.premium-selector {
  background: #f8f9fa;
  padding: 1rem;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.premium-selector > div.premium-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.premium-selector > div.premium-header > span.premium-label {
  color: #666;
  font-size: 14px;
  font-weight: 500;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.premium-selector > div.premium-header > span.premium-value {
  color: #4f46e5;
  font-size: 16px;
  font-weight: 700;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.premium-selector > div.slider-wrapper {
  margin-bottom: 12px;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.premium-selector > div.slider-wrapper > input.premium-slider {
  -webkit-appearance: none;
  cursor: pointer;
  border-radius: 4px;
  outline: none;
  width: 100%;
  height: 8px;
  transition: background .15s;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.premium-selector > div.slider-wrapper > input.premium-slider::-webkit-slider-thumb {
  appearance: none;
  cursor: pointer;
  background: #4f46e5;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  transition: all .2s;
  box-shadow: 0 2px 6px #4f46e566;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.premium-selector > div.slider-wrapper > input.premium-slider::-webkit-slider-thumb:hover {
  transform: scale(1.1);
  box-shadow: 0 3px 8px #4f46e580;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.premium-selector > div.slider-wrapper > input.premium-slider::-webkit-slider-thumb:active {
  transform: scale(1.15);
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.premium-selector > div.slider-wrapper > input.premium-slider::-moz-range-thumb {
  cursor: pointer;
  background: #4f46e5;
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  transition: all .2s;
  box-shadow: 0 2px 6px #4f46e566;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.premium-selector > div.slider-wrapper > input.premium-slider::-moz-range-thumb:hover {
  transform: scale(1.1);
  box-shadow: 0 3px 8px #4f46e580;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.premium-selector > div.slider-wrapper > input.premium-slider::-moz-range-thumb:active {
  transform: scale(1.15);
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.premium-selector > div.premium-marks {
  height: 20px;
  margin-bottom: 16px;
  position: relative;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.premium-selector > div.premium-marks > span {
  color: #9ca3af;
  font-size: 12px;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.premium-selector > div.estimated-price {
  text-align: center;
  color: #1a1a1a;
  border-top: 1px solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  font-size: 13px;
  display: flex;
}

div.category-survey-container > div.wrapper > div.content > ul > li > div.premium-selector > div.estimated-price strong {
  color: #4f46e5;
  font-size: 14px;
  font-weight: 700;
}

div.survey-backdrop {
  z-index: 99999;
  background: #00000080;
  position: fixed;
  inset: 0;
}

div.category-survey {
  z-index: 99999;
  background: #fff;
  border: 1px solid #adadad;
  flex-direction: column;
  width: calc(100% - 2rem);
  max-width: 450px;
  max-height: 80%;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 20px #0000000d;
}

div.survey-info-container {
  z-index: 99999;
  background: #fff;
  border: 1px solid #adadad;
  width: calc(100% - 2rem);
  max-width: 450px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 20px #0000000d;
}

div.survey-info-container > div.wrapper > div.section {
  max-height: 550px;
  overflow-y: scroll;
}

div.survey-info-container > div.wrapper > div.header {
  border-bottom: 1px solid #ededed;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  display: flex;
}

div.survey-info-container > div.wrapper > div.header > div.title {
  color: var(--font-color);
  font-size: 15px;
  font-weight: 500;
}

div.survey-info-container > div.wrapper > div.header > button {
  cursor: pointer;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: all .2s;
  display: flex;
}

div.survey-info-container > div.wrapper > div.header > button:hover {
  background: #f1f1f1;
}

div.survey-info-container > div.wrapper > div.section {
  padding: 1rem;
}

div.survey-info-container > div.wrapper > div.section > div.description {
  color: var(--font-color);
  white-space: pre-wrap;
  font-size: 11px;
  font-weight: 400;
}

div.survey-info-container > div.wrapper > div.section > div.tags-info {
  flex-direction: column;
  row-gap: 5px;
  margin-top: 10px;
  display: flex;
}

div.survey-info-container > div.wrapper > div.section > div.tags-info > div.rows {
  align-items: center;
  column-gap: 5px;
  display: flex;
}

div.survey-info-container > div.wrapper > div.section > div.tags-info > div.rows > span {
  color: var(--font-color);
  letter-spacing: -.3px;
  font-size: 11px;
  font-weight: 400;
}

div.survey-info-container > div.wrapper > div.section > div.tags-info > div.rows > div {
  min-width: 70px;
}

div.survey-info-container > div.wrapper > div.section > div.tags-info > div.rows > div.face-value {
  color: #c33333;
  letter-spacing: -.5px;
  background: #ffe7e7;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

div.survey-info-container > div.wrapper > div.section > div.tags-info > div.rows > div.fair-unitPrice {
  color: #15803d;
  letter-spacing: -.5px;
  background: #dcfce7;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

div.survey-info-container > div.wrapper > div.section > div.tags-info > div.rows > div.free-trade {
  color: #656565;
  letter-spacing: -.5px;
  background: #f4f4f4;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

div.survey-info-container > div.wrapper > div.section > div.exception {
  color: #1a1a1a;
  letter-spacing: -.5px;
  white-space: pre-wrap;
  margin-top: 1rem;
  font-size: 14px;
  font-weight: 600;
}

div.survey-info-container > div.wrapper > div.section > div.etc {
  color: var(--font-color-light);
  align-items: center;
  column-gap: 3px;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 400;
  display: flex;
}

div.survey-info-container > div.wrapper > div.section > div.etc > span {
  color: var(--font-color);
  font-weight: 500;
}

div.survey-info-container > div.wrapper > div.section > ul.content {
  background: #f6f7f8;
  flex-direction: column;
  row-gap: 10px;
  height: 200px;
  margin-top: 1rem;
  padding: .625rem;
  display: flex;
  overflow-y: scroll;
}

div.survey-info-container > div.wrapper > div.section > button.market-vote-trigger-btn {
  width: 100%;
  color: var(--font-color);
  border: 1px solid #ededed;
  margin-top: 10px;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 500;
}

div.survey-info-container > div.wrapper > div.section > ul.content > div.thead {
  color: var(--font-color-light);
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

div.survey-info-container > div.wrapper > div.section > ul.content::-webkit-scrollbar {
  width: 6px;
}

div.survey-info-container > div.wrapper > div.section > ul.content::-webkit-scrollbar-track {
  background: none;
}

div.survey-info-container > div.wrapper > div.section > ul.content::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 3px;
}

div.survey-info-container > div.wrapper > div.section > ul.content > li {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

div.survey-info-container > div.wrapper > div.section > ul.content > li > span {
  color: var(--font-color);
  font-size: 11px;
  font-weight: 400;
}

div.survey-info-container > div.wrapper > div.section > ul.content > li > span.rate {
  font-weight: 500;
}

div.preparing-upper-container > div.wrapper {
  position: relative;
}

div.preparing-upper-container > div.wrapper > a {
  color: var(--font-color);
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

div.preparing-upper-container > div.wrapper > div.header {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 10px;
  padding-top: 5rem;
  display: flex;
}

div.preparing-upper-container > div.wrapper > div.header > div.title {
  color: var(--font-color);
  font-size: 18px;
  font-weight: 600;
}

div.preparing-upper-container > div.wrapper > div.section {
  margin-top: 3rem;
  padding: 0 1rem;
}

div.preparing-upper-container > div.wrapper > div.section > div.description {
  text-align: center;
  color: var(--font-color);
  white-space: pre;
  font-size: 15px;
  font-weight: 500;
}

div.chat-list-container > div.wrapper {
  background: #fff;
  padding-bottom: 7rem;
}

div.chat-list-container > div.wrapper > div.description {
  color: var(--font-color);
  letter-spacing: -.3px;
  background: #f8f8f8;
  border-color: #ededed;
  border-top-width: 1px;
  border-bottom-width: 1px;
  padding: .5rem 1rem;
  font-size: 12px;
  font-weight: 400;
}

div.chat-list-container > div.wrapper > ul > div.not-data {
  color: var(--font-color-light);
  text-align: center;
  margin-top: 1rem;
  font-size: 14px;
  font-weight: 400;
}

div.chat-list-container > div.wrapper > ul {
  flex-direction: column;
  row-gap: 10px;
  margin-top: 10px;
  display: flex;
}

div.chat-list-container > div.wrapper > ul > li > a {
  flex-direction: row;
  column-gap: 12px;
  width: 100%;
  padding: 0 .5rem;
  display: flex;
}

div.chat-list-container > div.wrapper > ul > li > a > div.aside > div {
  color: #fff;
  background: #353535;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0 10px;
  font-size: 20px;
  font-weight: 400;
  display: flex;
}

div.chat-list-container > div.wrapper > ul > li > a > div.main {
  flex-direction: column;
  width: 100%;
  display: flex;
}

div.chat-list-container > div.wrapper > ul > li > a > div.main > div.header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

div.chat-list-container > div.wrapper > ul > li > a > div.main > div.header > div.title {
  color: var(--font-color-light);
  white-space: nowrap;
  letter-spacing: -.3px;
  align-items: center;
  font-size: 11px;
  font-weight: 400;
  display: flex;
}

div.chat-list-container > div.wrapper > ul > li > a > div.main > div.header > div.datetime {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  font-size: 11px;
  font-weight: 400;
}

div.chat-list-container > div.wrapper > ul > li > a > div.main > div.section > div.seat-info, div.chat-list-container > div.wrapper > ul > li > a > div.main > div.section > div.product-title {
  color: var(--font-color);
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

div.chat-list-container > div.wrapper > ul > li > a > div.main > div.section > div.seat-info > div:first-child:before {
  content: "";
  margin: 0;
}

div.chat-list-container > div.wrapper > ul > li > a > div.main > div.section > div.seat-info > div:before {
  content: "|";
  color: var(--font-color-light);
  margin: 0 5px;
  font-size: 9px;
  font-weight: 100;
  position: relative;
  bottom: 2px;
}

div.chat-list-container > div.wrapper > ul > li > a > div.main > div.footer > span {
  color: var(--font-color-light);
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  margin-top: 1px;
  font-size: 12px;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
}

div.transaction-cancel-container > div.wrapper {
  padding-top: 1rem;
}

div.transaction-cancel-container > div.wrapper > div.title {
  color: var(--font-color);
  letter-spacing: -.5px;
  padding: 0 1rem;
  font-size: 20px;
  font-weight: 600;
}

div.transaction-cancel-container > div.wrapper > ul {
  background: #f6f7f8;
  border-radius: 8px;
  flex-direction: column;
  row-gap: 1rem;
  margin: 2rem 1rem 0;
  padding: 1rem;
  display: flex;
}

div.transaction-cancel-container > div.wrapper > ul > div.cutting-line {
  border: 1px solid #ededed;
}

div.transaction-cancel-container > div.wrapper > ul > li {
  letter-spacing: -.3px;
  justify-content: space-between;
  align-items: center;
  column-gap: 5rem;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.transaction-cancel-container > div.wrapper > ul > li > div.title {
  color: var(--font-color-light);
  white-space: nowrap;
}

div.transaction-cancel-container > div.wrapper > ul > li > div.content {
  color: var(--font-color);
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-weight: 500;
  display: -webkit-box;
  overflow: hidden;
}

div.transaction-cancel-container > div.wrapper > ul > li > div.penalty-amount {
  font-size: 14px;
  font-weight: 700;
}

div.transaction-cancel-container > div.wrapper > div.rules {
  flex-direction: column;
  row-gap: 5px;
  margin-top: 2rem;
  padding: 0 1rem;
  display: flex;
}

div.transaction-cancel-container > div.wrapper > div.rules > div.custom-checkbox > input[type="checkbox"] + label {
  letter-spacing: -.5px;
  font-size: 12px;
  font-weight: 400;
}

div.transaction-cancel-container > div.wrapper > div.rules > div.custom-checkbox > input[type="checkbox"]:checked + label {
  color: var(--font-color);
}

div.transaction-cancel-container > div.wrapper > div.submit {
  margin: 1rem 1rem 0;
}

div.transaction-cancel-container > div.wrapper > div.submit > button {
  color: #fff;
  cursor: pointer;
  background: #000;
  border-radius: 8px;
  width: 100%;
  height: 45px;
  font-size: 14px;
  font-weight: 400;
}

div.transaction-cancel-container > div.wrapper > div.submit > button:disabled {
  opacity: .6;
  cursor: initial;
}

div.my-page-withdrawal-container > div.wrapper > div.title {
  white-space: pre-wrap;
  padding: 2rem 1rem;
  font-size: 20px;
  font-weight: 400;
}

div.my-page-withdrawal-container > div.wrapper > ul {
  flex-direction: column;
  padding: 0 1rem;
  display: flex;
}

div.my-page-withdrawal-container > div.wrapper > ul > div.title {
  margin-bottom: .5rem;
  font-size: 14px;
  font-weight: 600;
}

div.my-page-withdrawal-container > div.wrapper > ul > li {
  white-space: pre-line;
  color: var(--font-color-light);
  padding-left: 10px;
  font-size: 12px;
  line-height: 1.15rem;
  position: relative;
}

div.my-page-withdrawal-container > div.wrapper > ul > li:before {
  content: "·";
  position: absolute;
  left: 0;
}

div.my-page-withdrawal-container > div.wrapper > div.submit {
  padding: 4rem 1rem 0;
}

div.my-page-withdrawal-container > div.wrapper > div.submit > div.btns {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
  margin-top: 1rem;
  display: flex;
}

div.my-page-withdrawal-container > div.wrapper > div.submit > div.btns > button {
  border-radius: 4px;
  width: 100%;
  height: 45px;
  font-size: 14px;
  font-weight: 500;
}

div.my-page-withdrawal-container > div.wrapper > div.submit > div.btns > button:first-child {
  color: #fff;
  background: #000;
}

div.my-page-withdrawal-container > div.wrapper > div.submit > div.btns > button:last-child:disabled {
  color: #888;
  background: #f2f2f2;
}

div.my-page-withdrawal-container > div.wrapper > div.submit > div.btns > button:last-child {
  background: var(--brand-color);
  color: #fff;
}

div.my-page-withdrawal-container > div.final-modal > div.wrapper {
  z-index: 99999;
  background: #fff;
  border-radius: 12px;
  width: calc(100% - 2rem);
  max-width: 350px;
  padding: 1.5rem 1rem 1rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.my-page-withdrawal-container > div.final-modal > div.wrapper > div.title {
  margin-bottom: 2rem;
  font-size: 18px;
  font-weight: 600;
}

div.my-page-withdrawal-container > div.final-modal > div.wrapper > div.content {
  flex-direction: column;
  justify-content: space-between;
  row-gap: 2rem;
  height: 100%;
  display: flex;
}

div.my-page-withdrawal-container > div.final-modal > div.wrapper > div.content > p {
  white-space: pre-wrap;
  color: var(--font-color-light);
  font-size: 15px;
  font-weight: 400;
}

div.my-page-withdrawal-container > div.final-modal > div.wrapper > div.content > div.btns {
  flex-direction: row;
  justify-content: space-between;
  column-gap: 10px;
  display: flex;
}

div.my-page-withdrawal-container > div.final-modal > div.wrapper > div.content > div.btns > button {
  border-radius: 4px;
  width: 100%;
  height: 45px;
  font-size: 14px;
  font-weight: 500;
}

div.my-page-withdrawal-container > div.final-modal > div.wrapper > div.content > div.btns > button:first-child {
  color: #fff;
  background: #000;
}

div.my-page-withdrawal-container > div.final-modal > div.wrapper > div.content > div.btns > button:last-child {
  color: #888;
  background: #f2f2f2;
}

div.my-page-coupon-container > div.wrapper > div.input-area-wrapper {
  flex-direction: row;
  column-gap: 10px;
  padding: 1rem;
  display: flex;
}

div.my-page-coupon-container > div.wrapper > div.coupon-tabs {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

div.my-page-coupon-container > div.wrapper > div.coupon-tabs > button.active {
  color: #000;
  border-bottom-color: #000;
  font-weight: 600;
}

div.my-page-coupon-container > div.wrapper > div.coupon-tabs > button {
  text-align: center;
  border-bottom: 2px solid #dbdbdb;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
}

div.my-page-coupon-container > div.wrapper > div.input-area-wrapper > input {
  width: 100%;
  height: 40px;
  color: var(--font-color);
  border: 1px solid #ededed;
  border-radius: 4px;
  outline: none;
  padding: 0 1rem;
  font-size: 13px;
  font-weight: 400;
}

div.my-page-coupon-container > div.wrapper > div.input-area-wrapper > button:disabled {
  color: #888;
  background: #f2f2f2;
}

div.my-page-coupon-container > div.wrapper > div.input-area-wrapper > button {
  color: #fff;
  background: #000;
  border-radius: 4px;
  width: 150px;
  height: 40px;
  font-size: 13px;
  font-weight: 500;
}

div.my-page-coupon-container > div.wrapper > ul > li.empty {
  color: var(--font-color-light);
  text-align: center;
  font-size: 13px;
  font-weight: 400;
}

div.my-page-coupon-container > div.wrapper > ul {
  flex-direction: column;
  row-gap: 1rem;
  padding: 0 1rem 10rem;
  display: flex;
}

div.payment-coupon-modal > div.wrapper {
  z-index: 99999;
  background: #fff;
  border-radius: 12px;
  width: calc(100% - 2rem);
  max-width: 400px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.payment-coupon-modal > div.wrapper > div.header {
  border-bottom: 1px solid #ededed;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  display: flex;
}

div.payment-coupon-modal > div.wrapper > div.header > div.title {
  color: var(--font-color);
  font-size: 15px;
  font-weight: 500;
}

div.payment-coupon-modal > div.wrapper > div.section {
  height: 350px;
  padding: 1rem 0;
  overflow-y: scroll;
}

div.payment-coupon-modal > div.wrapper > div.section > div.empty {
  text-align: center;
  color: var(--font-color-light);
  font-size: 13px;
  font-weight: 400;
}

div.payment-coupon-modal > div.wrapper > div.section > ul {
  flex-direction: column;
  row-gap: 1rem;
  padding: 0 1rem;
  display: flex;
}

div.payment-coupon-modal > div.wrapper > div.footer {
  padding: 1rem;
}

div.payment-coupon-modal > div.wrapper > div.footer > button {
  color: #fff;
  background: #000;
  border-radius: 12px;
  width: 100%;
  height: 45px;
  font-size: 14px;
  font-weight: 500;
}

div.payment-coupon-modal > div.wrapper > div.footer > div.button-group {
  flex-direction: row;
  column-gap: 10px;
  display: flex;
}

div.payment-coupon-modal > div.wrapper > div.footer > div.button-group > button {
  border-radius: 12px;
  width: 100%;
  height: 45px;
  font-size: 14px;
  font-weight: 500;
}

div.payment-coupon-modal > div.wrapper > div.footer > div.button-group > button.btn-remove {
  color: #888;
  background: #f2f2f2;
}

div.payment-coupon-modal > div.wrapper > div.footer > div.button-group > button.btn-apply {
  color: #fff;
  background: #000;
}

div.desktop-products-container > div.wrapper > aside {
  z-index: 1;
  min-height: 0;
  overflow-y: scroll;
  box-shadow: -.375rem 0 .375rem #0000000d, -.0625rem 0 #0000000d;
}

div.desktop-products-container > div.wrapper > aside > div.options {
  top: 1rem;
  right: 1rem;
}

div.desktop-products-container > div.wrapper > aside > div.options > div.rate-info {
  cursor: pointer;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: all .2s;
  display: flex;
}

div.desktop-products-container > div.wrapper > aside > div.options > div.rate-info:hover {
  background: #f1f1f1;
}

div.desktop-products-container > div.wrapper > aside > ul {
  border-top: 1px solid #ededed;
  flex-direction: column;
  row-gap: 10px;
  margin: 1rem;
  padding-top: 1rem;
  display: flex;
}

div.desktop-products-container > div.wrapper > aside > div.category-info {
  padding: 1rem;
}

div.desktop-products-container > div.wrapper > aside > div.category-info > h1 {
  letter-spacing: -.3px;
  font-size: 23px;
  font-weight: 700;
}

div.desktop-products-container > div.wrapper > aside > div.category-info > div.location {
  color: var(--font-color-light-50);
  letter-spacing: -.2px;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5rem;
  display: flex;
}

div.desktop-products-container > div.wrapper > aside > div.category-info > div.location > span:first-child:after {
  content: "·";
  margin: 0 5px;
}

div.desktop-products-container > div.wrapper > aside > div.streamline-filter-wrapper {
  z-index: 99;
  background: #fff;
  padding: 10px 1rem;
  position: sticky;
  top: 0;
}

div.desktop-products-container > div.wrapper > aside > div.streamline-filter-wrapper li.splide__slide {
  text-align: center;
  background-color: #ffffffe6;
  background-color: lab(100% -.0000298023 .0000119209 / .9);
  border: 1px solid #dedddb;
  border-radius: 9999px;
  align-items: center;
  padding: 7px 10px;
  font-size: 14px;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

div.desktop-products-container > div.wrapper > aside > div.streamline-filter-wrapper li.splide__slide:first-child {
  justify-content: center;
  width: 50px;
}

div.product-new-modal {
  z-index: 10;
  width: 250px;
  height: 100px;
  cursor: initial;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 3px 20px #243f611f, 0 1.5px 4px #243f6114;
}

div.product-new-modal > div.wrapper {
  flex-direction: column;
  padding: 10px;
  display: flex;
}

div.product-new-modal > div.wrapper > div.rows {
  cursor: pointer;
  color: var(--font-color);
  border-radius: 8px;
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
}

div.product-new-modal > div.wrapper > div.rows:hover {
  background: #f5f6f8;
}

.detail-header-container .wrapper .header-filter-btn {
  cursor: pointer;
  color: inherit;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  display: flex;
  position: absolute;
  top: 50%;
  right: 3.5rem;
  transform: translateY(-50%);
}

div.biz-create-modal {
  width: 100%;
  height: 100%;
}

div.biz-create-modal > div.wrapper {
  z-index: 99999999;
  background: #fff;
  border-radius: 12px;
  width: calc(100% - 2rem);
  max-width: 400px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.biz-create-modal > div.wrapper > div.header {
  height: 50px;
  position: relative;
}

div.biz-create-modal > div.wrapper > div.header > div.title {
  font-size: 15px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.biz-create-modal > div.wrapper > div.section > ul {
  flex-direction: column;
  row-gap: 1rem;
  padding: 0 1rem;
  display: flex;
}

div.biz-create-modal > div.wrapper > div.section > ul > li {
  flex-direction: column;
  row-gap: .5rem;
  display: flex;
}

div.biz-create-modal > div.wrapper > div.section > ul > li > div.rows {
  flex-direction: row;
  column-gap: 10px;
  display: flex;
}

div.biz-create-modal > div.wrapper > div.section > ul > li > div.rows > div.row {
  flex-direction: column;
  row-gap: .5rem;
  width: 100%;
  display: flex;
}

div.biz-create-modal > div.wrapper > div.section > ul > li > div.title, div.biz-create-modal > div.wrapper > div.section > ul > li > div.rows > div.row > div.title {
  color: var(--font-color);
  letter-spacing: -.3px;
  font-size: 13px;
}

div.biz-create-modal > div.wrapper > div.section > ul > li > input, div.biz-create-modal > div.wrapper > div.section > ul > li > div.rows > div.row > input {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  outline: none;
  width: 100%;
  height: 35px;
  padding: 0 10px;
  font-size: 13px;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #0000000d;
}

div.biz-create-modal > div.wrapper > div.section > ul > li > input:disabled, div.biz-create-modal > div.wrapper > div.section > ul > li > div.rows > div.row > input:disabled {
  opacity: .6;
  color: #374151;
  background: #e5e7eb;
  border-width: 0;
}

div.biz-create-modal > div.wrapper > div.section > div.button-group {
  flex-direction: column;
  row-gap: 1rem;
  margin: 1rem 0;
  padding: 0 1rem;
  display: flex;
}

div.biz-create-modal > div.wrapper > div.section > div.button-group > div.explain {
  color: var(--brand-color);
  font-size: 13px;
  font-weight: 600;
}

div.biz-create-modal > div.wrapper > div.section > div.button-group > div > button {
  cursor: pointer;
  border-radius: 6px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
}

div.biz-create-modal > div.wrapper > div.section > div.button-group > div.row > button {
  background: var(--brand-color);
  color: #fff;
}

div.biz-create-modal > div.wrapper > div.section > div.button-group > div.row > button:disabled {
  opacity: .6;
}

div.biz-create-modal > div.wrapper > div.section > div.button-group > div.rows {
  flex-direction: row;
  column-gap: 10px;
  display: flex;
}

div.biz-create-modal > div.wrapper > div.section > div.button-group > div.rows > button:first-child {
  border: 1px solid #ededed;
}

div.biz-create-modal > div.wrapper > div.section > div.button-group > div.rows > button:last-child {
  color: #fff;
  background: #000;
}

div.biz-create-modal > div.wrapper > div.section > div.button-group > div.rows > button:last-child:disabled {
  opacity: .6;
}

div.seller-delivery-detail-container > div.wrapper {
  padding: 1rem 1rem 7rem;
}

div.seller-delivery-detail-container > div.wrapper > div.header {
  flex-direction: column;
  display: flex;
}

div.seller-delivery-detail-container > div.wrapper > div.header > div.rows {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

div.seller-delivery-detail-container > div.wrapper > div.header > div.rows > div.title {
  color: var(--font-color-light);
  letter-spacing: -.35px;
  align-items: center;
  column-gap: 5px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.seller-delivery-detail-container > div.wrapper > div.header > div.rows > div.title > span {
  color: var(--font-color);
  font-weight: 500;
}

div.seller-delivery-detail-container > div.wrapper > div.header > div.rows > div.datetime {
  color: var(--font-color);
  letter-spacing: -.35px;
  align-items: center;
  column-gap: 5px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.seller-delivery-detail-container > div.wrapper > div.header > div.rows > div.datetime span {
  color: var(--font-color-light);
  font-weight: 500;
}

div.seller-delivery-detail-container > div.wrapper > ul.section {
  flex-direction: column;
  row-gap: 1rem;
  padding-top: 1rem;
  display: flex;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li {
  border: 1px solid #ededed;
  border-radius: 12px;
  flex-direction: column;
  row-gap: 1rem;
  padding: 1rem .65rem;
  display: flex;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.title {
  color: var(--font-color);
  letter-spacing: -.5px;
  flex-direction: row;
  column-gap: 5px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.buyer-data {
  color: var(--font-color);
  letter-spacing: -.3px;
  font-size: 13px;
  font-weight: 400;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.buyer-data div.rows {
  flex-direction: row;
  column-gap: 5px;
  display: flex;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.buyer-data div.memo {
  margin-top: 1rem;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.buyer-data div.memo > input {
  width: 100%;
  height: 40px;
  color: var(--font-color);
  background: #fafafa;
  border: 1px solid #ededed;
  border-radius: 6px;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 400;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.shipment-data {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.shipment-data div.row {
  flex-direction: row;
  column-gap: 10px;
  display: flex;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.shipment-data div.common {
  color: var(--font-color-light);
  background: #f6f7f8;
  border-radius: 6px;
  outline: none;
  align-items: center;
  width: 100%;
  height: 35px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #0000000d;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.shipment-data div.courier {
  text-align: center;
  width: 200px;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.shipment-data button {
  color: #fff;
  cursor: pointer;
  background: #000;
  border-radius: 6px;
  width: 100%;
  height: 35px;
  font-size: 13px;
  font-weight: 400;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.shipment-data button:disabled {
  opacity: .6;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > textarea {
  resize: none;
  width: 100%;
  height: 150px;
  color: var(--font-color);
  background: #f9f9f9;
  border-radius: 4px;
  outline: none;
  padding: 10px 1rem;
  font-size: 13px;
  font-weight: 400;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.lookup-data {
  flex-direction: column;
  row-gap: 10px;
  margin-top: 10px;
  display: flex;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.lookup-data > div.rows {
  height: 40px;
  color: var(--font-color);
  border-bottom: 1px solid #ededed;
  align-items: center;
  column-gap: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.lookup-data > div.rows p.datetime {
  text-wrap: nowrap;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.lookup-data > div.rows p.name {
  text-wrap: nowrap;
  margin-left: auto;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > ul.image-lists {
  flex-direction: row;
  column-gap: 5px;
  display: flex;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > ul.image-lists li {
  cursor: pointer;
  transition: all .3s;
  position: relative;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > ul.image-lists li div.not-found {
  color: #c4c4c4;
  cursor: pointer;
  background: #f9f9f9;
  border: 1px solid #f1f1f1;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > ul.image-lists li img {
  object-fit: cover;
  border: 1px solid #f1f1f1;
  border-radius: 12px;
  width: 70px;
  height: 70px;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > ul.image-lists li :hover:after {
  z-index: 9999;
  content: "";
  background: #0003;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > ul.image-lists li :after {
  content: "";
  border-radius: 12px;
  transition: all .35s;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.rules {
  flex-direction: column;
  row-gap: 5px;
  display: flex;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.rules > span {
  letter-spacing: -.5px;
  color: var(--font-color-light);
  padding-left: 10px;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}

div.seller-delivery-detail-container > div.wrapper > ul.section > li > div.rules > span:before {
  content: "·";
  position: absolute;
  left: 0;
}

div.hot-products-section {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.hot-products-section > div.title {
  padding: 0 1rem;
  font-size: 18px;
  font-weight: 700;
}

div.hot-products-section > div.hot-products-group {
  flex-direction: column;
  row-gap: .5rem;
  display: flex;
}

div.hot-products-section > div.hot-products-group > div.hot-products-header {
  padding: 0 1rem;
}

div.hot-products-section > div.hot-products-group > div.hot-products-header > h3.hot-products-title {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

div.hot-products-section > div.hot-products-group > div.hot-products-header > h3.hot-products-title > a.more {
  color: var(--font-color-light);
  align-items: center;
  column-gap: 2px;
  font-size: 13px;
  display: flex;
}

div.hot-products-section > div.hot-products-group > div.hot-products-header > h3.hot-products-title > a.more:hover {
  text-decoration: underline;
}

div.hot-products-section > div.hot-products-group > div.hot-products-header > h3.hot-products-title > span {
  letter-spacing: -.3px;
  color: #45494f;
  background: #f2f4f7;
  border-radius: 9999px;
  padding: 5px 20px;
  font-size: 13px;
  font-weight: 400;
}

div.hot-products-section > div.hot-products-more-btn-wrapper {
  padding: 0 1rem;
}

div.hot-products-section > div.hot-products-more-btn-wrapper > button.hot-products-more-btn {
  text-align: center;
  cursor: pointer;
  border: 1px solid #dadbdf;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  font-size: 13px;
  display: flex;
}

div.disallow-page-container > div.wrapper {
  max-width: 500px;
  margin: 0 auto;
  padding: 0 1rem;
}

div.disallow-page-container > div.wrapper > div.content {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.disallow-page-container > div.wrapper > div.content > h1 {
  text-align: center;
  letter-spacing: -.3px;
  font-size: 24px;
  font-weight: 600;
}

div.disallow-page-container > div.wrapper > div.content > div {
  background: #f7f7f7;
  border-radius: 12px;
  padding: 1rem;
}

div.disallow-page-container > div.wrapper > div.content > div > p {
  letter-spacing: -.3px;
  color: #7f7f7f;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}

div.disallow-page-container > div.wrapper > div.content > div > p:before {
  content: "·";
  position: absolute;
  left: 0;
}

div.disallow-page-container > div.wrapper > div.content > div > p > span {
  color: var(--font-color);
}

div.disallow-page-container > div.wrapper > div.button-wrapper {
  margin-top: 5rem;
}

div.disallow-page-container > div.wrapper > div.button-wrapper > button {
  color: #fff;
  cursor: pointer;
  background: #000;
  border-radius: 6px;
  width: 100%;
  height: 45px;
  font-size: 14px;
  font-weight: 500;
}

div.ask-popup-modal {
  z-index: 99999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

div.ask-popup-modal > div.modal-wrapper {
  z-index: 99999;
  background: #fff;
  border-radius: 12px;
  width: calc(100% - 2rem);
  max-width: 350px;
  padding-bottom: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.home-review-wrapper > div.title {
  font-size: 18px;
}

.home-review-wrapper .splide__track {
  pointer-events: none;
}

div.home-review-wrapper > div.splide {
  margin-top: 1rem;
}

div.home-review-wrapper > div.splide > div.splide__track > ul.splide__list > li.splide__slide > div.review-card {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  padding: .65rem;
  display: block;
}

div.home-review-wrapper > div.splide > div.splide__track > ul.splide__list > li.splide__slide > div.review-card > div.header > div.info > span {
  letter-spacing: -.3px;
  font-size: 16px;
  font-weight: 600;
}

div.home-review-wrapper > div.splide > div.splide__track > ul.splide__list > li.splide__slide > div.review-card > div.footer {
  margin-top: .5rem;
}

div.home-review-wrapper > div.splide > div.splide__track > ul.splide__list > li.splide__slide > div.review-card > div.section > div.content {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
}

div.home-review-wrapper > div.splide > div.splide__track > ul.splide__list > li.splide__slide > div.review-card > div.footer > div.date > span {
  color: var(--font-color-light);
  font-size: 12px;
  font-weight: 400;
}

div.billing-manager-wrapper {
  margin: 0 1rem;
}

div.billing-manager-wrapper > div.rule {
  color: #999;
  letter-spacing: -.3px;
  padding-left: 10px;
  font-size: 11px;
  font-weight: 400;
  position: relative;
}

div.billing-manager-wrapper > div.rule:before {
  content: "·";
  position: absolute;
  left: 0;
}

div.billing-manager-wrapper > div.form, div.product-new-container > div.product-new-wrapper > div.details > div.common > div.billing-card, div.product-modify-container > div.wrapper > div.details > div.common > div.billing-card {
  letter-spacing: -.5px;
  border: 1px solid #ededed;
  margin-bottom: 1rem;
  padding: .625rem;
  font-size: 13px;
  font-weight: 400;
}

div.product-modify-container > div.wrapper > div.details > div.common > div.billing-card {
  margin-bottom: 0;
}

div.billing-manager-wrapper > div.form.disabled {
  background: #ededed;
}

div.billing-manager-wrapper > div.form.active {
  border: 2px solid var(--brand-color);
}

div.product-new-container > div.product-new-wrapper > div.details > div.common > div.billing-card {
  margin-top: 1rem;
}

div.billing-manager-wrapper > div.form > div.billing-data, div.product-new-container > div.product-new-wrapper > div.details > div.common > div.billing-card > div.data, div.product-modify-container > div.wrapper > div.details > div.common > div.billing-card > div.data {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
}

div.billing-manager-wrapper > div.form > button {
  text-align: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

div.billing-manager-wrapper > div.form > div.disabled {
  text-align: center;
  width: 100%;
  height: 100%;
}

div.billing-manager-wrapper > div.form > div.datetime, div.product-new-container > div.product-new-wrapper > div.details > div.common > div.billing-card > div.datetime, div.product-modify-container > div.wrapper > div.details > div.common > div.billing-card > div.datetime {
  color: var(--font-color-light);
  align-items: end;
  column-gap: .5rem;
  font-size: 12px;
  display: flex;
}

div.billing-manager-wrapper > div.form > div.datetime > span, div.product-new-container > div.product-new-wrapper > div.details > div.common > div.billing-card > div.datetime > span, div.product-modify-container > div.wrapper > div.details > div.common > div.billing-card > div.datetime > span {
  color: var(--font-color);
}

div.billing-manager-wrapper > div.form > div.datetime > div.button {
  justify-content: end;
  align-items: center;
  column-gap: .5rem;
  margin-left: auto;
  display: flex;
}

div.billing-manager-wrapper > div.form > div.datetime > div.button > button.change {
  color: #000;
  background: #fff;
  border: 1px solid #ededed;
}

div.billing-manager-wrapper > div.form > div.datetime > div.button > button.change:disabled {
  background: #ededed;
}

div.billing-manager-wrapper > div.form > div.datetime > div.button > button {
  color: #fff;
  cursor: pointer;
  background: #000;
  border-radius: 4px;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 400;
}

div.product-new-container > div.product-new-wrapper > div.details > div.billing > div.rules, div.product-modify-container > div.wrapper > div.details > div.billing > div.rules {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.product-new-container > div.product-new-wrapper > div.details > div.billing > div.rules > div > label, div.product-modify-container > div.wrapper > div.details > div.billing > div.rules > div > label {
  letter-spacing: -.5px;
  font-size: 13px;
}

div.product-new-container > div.product-new-wrapper > div.details > div.billing > div.rules > div.cutting-line, div.product-modify-container > div.wrapper > div.details > div.billing > div.rules > div.cutting-line {
  border-bottom: 1px solid #ededed;
}

div.product-new-container > div.product-new-wrapper > div.details > div.billing > div.rules > div.custom-checkbox, div.product-modify-container > div.wrapper > div.details > div.billing > div.rules > div.custom-checkbox {
  margin-left: 1rem;
}

div.product-new-container > div.product-new-wrapper > div.details > div.billing > div.rules > div.all-check, div.product-modify-container > div.wrapper > div.details > div.billing > div.rules > div.all-check {
  margin-left: 0;
}

div.product-new-container > div.product-new-wrapper > div.details > div.billing > div.rules > div.all-check > label, div.product-modify-container > div.wrapper > div.details > div.billing > div.rules > div.all-check > label {
  font-weight: 500;
}

/* [project]/src/app/common.css [app-client] (css) */
@media (prefers-color-scheme: light) {
  .light, .dark {
    --bg-color: #fff;
    --bg-reverse-color: #121212;
    --text-color: #000;
    --text-reverse-color: #fff;
    --subtext-color: #6d6d6d;
    --border-color: #d4d4d4;
    --under-border-bottom-px: 8px;
    --under-border-bottom-color: #fff;
    --auth-btn-bg-color: #202020;
    --auth-btn-text-color: #fff;
    --home-subscribe-info-color: #707070;
    --home-category-text-color: #202020;
    --home-category-form-bg-color: #202020;
    --card-bg-color: #fbfbfb;
    --card-border-color: #e4e8ef;
    --card-highlight-bg-color: #f3f3f3;
    --chat-bg-color: #111214;
    --category-border-color: #d4d4d4;
    --category-text-color: #595959;
    --category-active-bg-color: #000;
    --category-active-border-color: #000;
    --category-active-text-color: #fff;
    --category-sidebar-bg-color: #e5e7eb;
    --category-sidebar-text-color: #374151;
    --category-result-list-bg-color: #f3f4f6;
    --category-result-list-border-color: #e2e2e2;
    --category-result-list-text-color: #000;
    --category-result-tag-active-bg-color: #3b3b3b;
    --category-result-tag-active-text-color: #fff;
    --category-result-tc-bg-color: #e9e9e9;
    --category-result-tc-focus-color: #dfdfdf;
  }
}

@media (prefers-color-scheme: dark) {
  .light, .dark {
    --bg-color: #fff;
    --bg-reverse-color: #121212;
    --text-color: #000;
    --text-reverse-color: #fff;
    --subtext-color: #6d6d6d;
    --border-color: #d4d4d4;
    --under-border-bottom-px: 8px;
    --under-border-bottom-color: #fff;
    --auth-btn-bg-color: #202020;
    --auth-btn-text-color: #fff;
    --home-subscribe-info-color: #707070;
    --home-category-text-color: #202020;
    --home-category-form-bg-color: #202020;
    --card-bg-color: #fbfbfb;
    --card-border-color: #e4e8ef;
    --card-highlight-bg-color: #f3f3f3;
    --chat-bg-color: #111214;
    --category-border-color: #d4d4d4;
    --category-text-color: #595959;
    --category-active-bg-color: #000;
    --category-active-border-color: #000;
    --category-active-text-color: #fff;
    --category-sidebar-bg-color: #e5e7eb;
    --category-sidebar-text-color: #374151;
    --category-result-list-bg-color: #f3f4f6;
    --category-result-list-border-color: #e2e2e2;
    --category-result-list-text-color: #000;
    --category-result-tag-active-bg-color: #3b3b3b;
    --category-result-tag-active-text-color: #fff;
    --category-result-tc-bg-color: #e9e9e9;
    --category-result-tc-focus-color: #dfdfdf;
  }
}

.headroom {
  transition: transform .3s;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed !important;
}

.headroom--initial, .headroom--pinned {
  transform: none !important;
}

.headroom--unpinned {
  transform: translateY(100%) !important;
}

.mb-set-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.mb-set-scrollbar::-webkit-scrollbar-track {
  background: none;
}

.mb-set-scrollbar::-webkit-scrollbar:horizontal {
  height: 6px;
}

.mb-set-scrollbar::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 3px;
}

.Toastify__toast-container--bottom-center {
  padding: 1rem;
}

.splide__arrow:disabled {
  opacity: .35 !important;
}

.splide__arrow svg {
  width: 14px !important;
  height: 14px !important;
}

.splide__arrow {
  background: #f2f4f6 !important;
  border: 1px solid #ededed !important;
  border-radius: 5px !important;
  width: 40px !important;
  height: 30px !important;
}

.splide__arrow--prev {
  opacity: 10 !important;
  top: -20px !important;
  left: 305px !important;
}

.splide__arrow--next {
  top: -20px !important;
  right: 75px !important;
}

.default-color {
  color: var(--font-color);
}

.mt_header {
  margin-top: var(--header-height);
}

button.primary {
  background: #000;
  color: #fff !important;
}

button.primary:disabled {
  color: #98a2b3 !important;
  background-color: #f2f4f7 !important;
}

.c-hover:hover, .c-active:active, .c-focus:focus {
  cursor: pointer;
  background: #0000000d;
}

.c-act {
  transition: all .2s;
}

.c-act:hover, .c-act:active, .c-act:focus {
  cursor: pointer;
  background: #0000000d;
  border-radius: 5px;
}

.KAKAO-9999-icon {
  background: #fee500;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.NAVER-9999-icon {
  background: #00de5a;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.border-bottom-none {
  border-bottom: none !important;
}

.pc-only {
  display: none !important;
}

.mb-only {
  display: block !important;
}

.is-rule:before {
  content: "·";
  position: absolute;
  left: 0;
}

.is-rule {
  color: #999;
  padding-left: 10px;
  font-size: 11px;
  font-weight: 400;
  position: relative;
}

.spinner {
  border: 5px solid #f3f3f3;
  border-top: 5px solid var(--brand-color);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: 30px auto;
  animation: 1s linear infinite spin;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.custom-splide-arrow {
  opacity: 1;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 9999px;
  width: 50px;
  height: 50px;
  right: -.5rem;
  box-shadow: 0 0 .8rem #00000021;
}

div.social-form > ul {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 2.5rem;
  display: flex;
}

div.social-form > ul > li {
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
  display: flex;
}

div.social-form > ul > li > div.name {
  color: var(--font-color-light);
  font-size: 13px;
  font-weight: 400;
}

div.social-form > ul > li > div.social-symbol {
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

div.social-form > ul > li > div.naver-symbol {
  background: #00de5a;
}

div.social-form > ul > li > div.kakao-symbol {
  background: #fee500;
}

div.social-form > ul > li > div.local-symbol {
  background: #000;
}

div.social-form > ul > li > div.apple-symbol {
  background: #fff;
  border: 1px solid #ededed;
}

div.tab-body > div.data-not-found {
  color: var(--font-color-light);
  border-radius: 10px;
  justify-content: center;
  margin: 0 1rem;
  padding: 1rem;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.tab-body > ul {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  flex-direction: column;
  row-gap: .65rem;
  margin: 0 1rem;
  padding: .65rem 0;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.top > div.details > div.buy-datetime-info {
  border-bottom: 1px solid #ededed;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 .65rem .65rem;
  font-size: 14px;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.top > div.details > div.buy-datetime-info > span {
  color: var(--font-color);
  letter-spacing: -.5px;
  font-size: 14px;
  font-weight: 600;
}

div.tab-body > ul > li > div.tab-card-form > div.top > div.details > div.buy-datetime-info > a {
  white-space: nowrap;
  color: var(--font-color);
  flex-direction: row;
  align-items: center;
  column-gap: 3px;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center {
  flex-direction: column;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header {
  flex-direction: column;
  padding: 0 .65rem;
  display: flex;
  position: relative;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.side-right {
  align-items: center;
  column-gap: 5px;
  display: flex;
  position: absolute;
  right: .45rem;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.side-right > div.face-value {
  color: #c33333;
  letter-spacing: -.5px;
  background: #ffe7e7;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.side-right > div.fair-unitPrice {
  color: #15803d;
  letter-spacing: -.5px;
  background: #dcfce7;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.side-right > div.free-trade {
  color: #656565;
  letter-spacing: -.5px;
  background: #f4f4f4;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.payment-name {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  color: #999;
  -webkit-box-orient: vertical;
  font-size: 12px;
  display: -webkit-box;
  overflow: hidden;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.title {
  color: var(--font-color);
  letter-spacing: -.5px;
  padding-top: 5px;
  font-size: 18px;
  font-weight: 600;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.title > span:after {
  content: "|";
  color: #999;
  margin: 0 5px;
  font-size: 16px;
  font-weight: 100;
  position: relative;
  bottom: 1px;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.title > span:last-child:after {
  display: none;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.others {
  color: var(--font-color-extralight);
  font-size: 13px;
  font-weight: 400;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.others > div {
  align-items: center;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.others > span:nth-child(2):before, div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.others > div:nth-child(2):before {
  content: "|";
  color: #999;
  margin: 0 5px;
  font-size: 10px;
  font-weight: 100;
  position: relative;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.categories {
  color: var(--font-color-light);
  white-space: nowrap;
  letter-spacing: -.3px;
  align-items: center;
  column-gap: .1rem;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.datetime {
  color: var(--font-color-light);
  flex-direction: row;
  column-gap: 5px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.datetime > span {
  color: var(--font-color);
  font-size: 12px;
  font-weight: 500;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.tc {
  color: var(--font-color-light);
  flex-direction: row;
  column-gap: 5px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.tc > span {
  color: var(--font-color);
  font-size: 12px;
  font-weight: 500;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.order-id-info {
  flex-direction: row;
  column-gap: 5px;
  font-size: 12px;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.header > div.order-id-info > div {
  color: #999;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.aside {
  flex-direction: column-reverse;
  align-items: center;
  row-gap: 5px;
  padding-left: .65rem;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.aside > div.thumbnail {
  width: 64px;
  height: 64px;
  position: relative;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.aside > div.thumbnail > img {
  border: 1px solid #ededed;
  border-radius: 12px;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.aside > div.trade-status {
  color: #f94367;
  font-size: 13px;
  font-weight: 600;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.aside > div.trade-type-info {
  flex-direction: row;
  column-gap: 5px;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.aside > div.trade-type-info > div.tag {
  color: #1d8bff;
  letter-spacing: 0;
  white-space: nowrap;
  background: #e3f0ff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section {
  padding-right: .65rem;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section > div.datetime-info {
  flex-direction: row;
  column-gap: 5px;
  font-size: 13px;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section > div.datetime-info > div {
  color: var(--font-color-light);
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section > div.price-info > div.common {
  flex-direction: row;
  justify-content: end;
  column-gap: 5px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section > div.price-info > div.common > div {
  color: var(--font-color-light);
  font-weight: 400;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section > div.price-info > div.unitPrice {
  align-items: center;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section > div.price-info > div.unitPrice > div {
  color: var(--pink-color);
  font-weight: 500;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section > div.price-info > div.unitPrice > span {
  color: var(--pink-color);
  align-items: center;
  font-size: 17px;
  font-weight: 800;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section > div.review {
  padding-top: 10px;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section > a.mytalk {
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 5px;
  justify-content: center;
  column-gap: 5px;
  width: 100%;
  margin-top: 5px;
  padding: 5px;
  font-size: 12px;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section > a.delivery {
  margin-top: 5px;
  display: block;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section > a.delivery > button {
  text-align: center;
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 5px;
  width: 100%;
  padding: 5px 0;
  font-size: 12px;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section > a.delivery > button:disabled {
  color: #999;
  cursor: unset;
  background: #efefef;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section > button.completed {
  text-align: center;
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 5px;
  width: 100%;
  margin-top: 5px;
  padding: 5px 0;
  font-size: 12px;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section > button.completed:disabled {
  color: #999;
  cursor: unset;
  background: #efefef;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section > div.review > button {
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 5px;
  width: 100%;
  padding: 5px 0;
  font-size: 12px;
  transition: all .2s;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.main > div.section > div.review > button:hover {
  background: #fafafa;
}

div.tab-body > ul > li > div.tab-card-form > div.bottom {
  border-top: 1px solid #ededed;
  padding-top: .65rem;
}

div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper {
  flex-direction: column;
  row-gap: 5px;
  padding: 0 .65rem;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper > a.mytalk, div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper > a.review {
  margin-top: 5px;
}

div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper > a, div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper > button {
  color: var(--font-color);
  border: 1px solid #ededed;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  margin-top: 5px;
  padding: 7px 0;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper > a.disabled, div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper > a > button:disabled {
  color: var(--font-color-light);
  background: #ededed;
  border: none;
}

div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper > a > button {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  width: 100%;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper > div.rowButtons {
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper > div.rowButtons > a, div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper > div.rowButtons > button {
  color: var(--font-color);
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  width: 100%;
  padding: 7px 0;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper > div.rowButtons > a.disabled, div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper > div.rowButtons > button:disabled {
  color: #98a2b3;
  background: #f2f4f7;
  border: none;
}

div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper > div.rowButtons > a > button {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  width: 100%;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper > div.order {
  color: var(--font-color-light);
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper > div.order > span {
  color: var(--font-color);
  font-weight: 500;
}

div.tab-body > ul > li > div.tab-card-form > div.bottom > div.wrapper > div.order > span.order-status {
  color: var(--font-color);
  margin: 0 0 0 auto;
  font-size: 12px;
  font-weight: 600;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.review-content {
  flex-direction: column;
  row-gap: 10px;
  padding: 10px 1rem 0;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.review-content > ul {
  border: 1px solid #ededed;
  border-radius: 5px;
  flex-direction: column;
  row-gap: 10px;
  padding: 1rem;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.review-content > ul > li > input.oneline-review {
  border-bottom: 1px solid #ededed;
  outline: 0;
  width: 100%;
  padding: 5px 0;
  font-size: 13px;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.review-content > ul > li > input.oneline-review:disabled {
  color: #6d6d6d;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.review-content > ul > li > textarea {
  resize: none;
  outline: none;
  width: 100%;
  font-size: 13px;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.review-content > ul > li > textarea:disabled {
  color: #6d6d6d;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.review-content > div.datetime {
  color: #999;
  flex-direction: row;
  justify-content: end;
  align-items: center;
  column-gap: 5px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.review-content > div.datetime > span {
  color: #727272;
  font-size: 12px;
  font-weight: 400;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.review-content > div.review-submit {
  justify-content: end;
  align-items: center;
  display: flex;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.review-content > div.review-submit > button {
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 5px;
  width: 80px;
  padding: 5px 0;
  font-size: 12px;
  font-weight: 400;
  transition: all .2s;
}

div.tab-body > ul > li > div.tab-card-form > div.center > div.review-content > div.review-submit > button:hover {
  background: #fafafa;
}

div.signin-introduce-container > div.close {
  color: #fff;
  cursor: pointer;
  padding: 1rem;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

div.signin-introduce-container > div.wrapper > div.introduce {
  flex-direction: column;
  align-items: center;
  row-gap: 2rem;
  width: 100%;
  padding: 0 2rem;
  display: flex;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
}

div.signin-introduce-container > div.wrapper > div.introduce > div.content {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.signin-introduce-container > div.wrapper > div.introduce > div.content > p.hazy {
  color: #999;
  white-space: nowrap;
  letter-spacing: -.3px;
  font-size: 15px;
  font-weight: 400;
}

div.signin-introduce-container > div.wrapper > div.introduce > div.content > h1.accent {
  white-space: pre-wrap;
  color: #fff;
  text-align: center;
  letter-spacing: -.3px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
}

div.signin-introduce-container > div.wrapper > div.introduce > div.signin-type {
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
  margin-top: 2rem;
  display: flex;
}

div.signin-introduce-container > div.wrapper > div.introduce > div.signin-type > div, div.signin-introduce-container > div.wrapper > div.introduce > div.signin-type > a {
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  column-gap: 1rem;
  width: 100%;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

div.signin-introduce-container > div.wrapper > div.introduce > div.signin-type > div.naver {
  color: #fff;
  background: #03a94d;
}

div.signin-introduce-container > div.wrapper > div.introduce > div.signin-type > div.kakao {
  color: #000;
  background: #fee500;
}

div.signin-introduce-container > div.wrapper > div.introduce > div.signin-type > a.local {
  color: var(--font-color);
  background: #fff;
}

div.alert-container {
  z-index: 99999;
  background: #00000080;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

div.alert-container > div.wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

div.alert-container > div.wrapper > div.form {
  background: #fff;
  border-radius: 6px;
  flex-direction: column;
  row-gap: 1rem;
  min-width: 350px;
  max-width: 450px;
  margin: 0 1rem;
  padding: 1rem 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 8px #00000040;
}

div.alert-container > div.wrapper > div.form > div.title {
  border-bottom: 1px solid #ededed;
  padding: 0 1rem 10px;
}

div.alert-container > div.wrapper > div.form > div.title > span {
  font-size: 18px;
  font-weight: 600;
}

div.alert-container > div.wrapper > div.form > div.content {
  padding: 0 1rem;
}

div.alert-container > div.wrapper > div.form > div.content > span {
  white-space: pre-line;
  color: var(--font-color);
  letter-spacing: -.5px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2rem;
}

div.alert-container > div.wrapper > div.form > div.submit {
  flex-direction: row;
  justify-content: end;
  column-gap: 1rem;
  padding: 1rem 1rem 0;
  display: flex;
}

div.alert-container > div.wrapper > div.form > div.submit button {
  cursor: pointer;
  border-radius: 6px;
  width: 70px;
  height: 30px;
  font-size: 14px;
  font-weight: 500;
}

div.alert-container > div.wrapper > div.form > div.submit button:first-child {
  color: #fff;
  background: #000;
}

div.alert-container > div.wrapper > div.form > div.submit button:nth-child(2) {
  color: #000;
  background: #fff;
  border: 1px solid #ededed;
}

input[type="radio"] {
  appearance: none;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 50%;
  outline: none;
  width: 13px;
  height: 13px;
}

input[type="radio"]:checked {
  background-color: #111;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px #111;
}

div.custom-checkbox {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

div.custom-checkbox > input[type="checkbox"] {
  appearance: none;
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  overflow: hidden;
  transform: translateY(-50%);
}

div.custom-checkbox > input[type="checkbox"] + label {
  color: var(--font-color-light);
  cursor: pointer;
  align-items: center;
  column-gap: 5px;
  padding-left: 25px;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.custom-checkbox > input[type="checkbox"] + label > span {
  color: var(--font-color-light);
  padding-left: 5px;
}

div.custom-checkbox > input[type="checkbox"] + label:before {
  content: "";
  z-index: 0;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  width: 17px;
  height: 17px;
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  overflow: hidden;
}

div.custom-checkbox > input[type="checkbox"]:checked + label:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhLS0gTGljZW5zZTogQ0MwLiBNYWRlIGJ5IFNWRyBSZXBvOiBodHRwczovL3d3dy5zdmdyZXBvLmNvbS9zdmcvNzg4NTgvY2hlY2tib3ggLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDUyLjk4NiA0NTIuOTg2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NTIuOTg2IDQ1Mi45ODY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggc3R5bGU9ImZpbGw6IzQwNzBmZjsiIGQ9Ik0wLDB2NDUyLjk4Nmg0NTIuOTg2VjBIMHogTTE1Ni42NjksMzYxLjM1NEw1Ni4wMTksMjA5LjQ5NWwyNy4yMjItMTMuNTlsNzEuMzU2LDkyLjkwNQoJCQkJbDIyNC4zMTUtMTk3LjJsMTguODc0LDIyLjY0OUwxNTYuNjY5LDM2MS4zNTR6Ii8+CgkJPC9nPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=");
  width: 16px;
  height: 16px;
  border: 0 !important;
}

div.custom-checkbox > input[type="checkbox"]:checked + label {
  color: var(--font-color);
  font-weight: 400;
}

div.custom-checkbox > div.notification-switch {
  color: #668dff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}

div.radio-group {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.radio-group > label.radio-label {
  cursor: pointer;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  align-items: center;
  gap: 5px;
  padding: 10px;
  font-size: 14px;
  display: flex;
}

div.radio-group > label.active {
  border: 1px solid #727272;
  font-weight: 600;
}

div.radio-group > label.apply {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

.Toastify__toast-container {
  z-index: 10001;
}

.Toastify__toast {
  font-size: 14px;
}

.isEvent {
  justify-content: center;
  align-items: center;
  height: 120px;
  padding: 0 1rem;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.swiper-slide {
  width: auto !important;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

div.emphasize-text {
  text-align: start;
  color: #ff5757;
  width: 10px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
}

.myticket {
  width: 125px;
  height: auto;
}

.myticket > img {
  width: 100px;
  height: auto;
}

.short-card-link > div.datetime, .short-card-link > div.tc {
  color: var(--font-color-light);
  font-size: 12px;
  font-weight: 400;
}

:is(.short-card-link > div.datetime, .short-card-link > div.tc) > span {
  color: var(--font-color);
  font-weight: 500;
}

.short-card-link > div.info > ul {
  display: flex;
}

.short-card-link > div.info > ul > li {
  color: var(--font-color);
  letter-spacing: -.2px;
  font-size: 16px;
  font-weight: 600;
}

.short-card-link > div.info > ul > li:after {
  content: "|";
  color: var(--font-color-light);
  margin: 0 5px;
  font-weight: 100;
}

.short-card-link > div.info > ul > li:last-child:after {
  display: none;
}

.short-card-link > div.info > div.class {
  color: var(--font-color-light);
  font-size: 13px;
  font-weight: 400;
  line-height: 1rem;
}

.v2_card-completed {
  z-index: 1;
  color: #fff;
  background: #000000a6;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  width: 100%;
  height: 100%;
  padding-right: 20px;
  font-size: 22px;
  font-weight: 500;
  display: flex;
  position: absolute;
}

.always-filter-wrapper {
  align-items: center;
  column-gap: 10px;
  padding: 0 1rem;
  display: flex;
  overflow-x: scroll;
}

.always-filter-wrapper > .rows {
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #e5ebfe;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  column-gap: 3px;
  height: 30px;
  padding: 0 15px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

.always-filter-wrapper > .rows.active {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

.v1_grid-count {
  color: var(--font-color-light);
  padding: 0 1rem;
  font-size: 14px;
  font-weight: 400;
}

.v1_grid-count > span {
  color: var(--font-color);
  font-weight: 600;
}

ul.v1_grid-wrapper {
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 5px;
  padding: 0 1rem;
  display: grid;
}

ul.v1_grid-wrapper > li > a {
  flex-direction: column;
  row-gap: 5px;
  display: flex;
}

ul.v1_grid-wrapper > li > a > div.v1_grid-detail > div.title {
  color: var(--font-color);
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: 13px;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
}

ul.v1_grid-wrapper > li > a > div.v1_grid-detail > div.price {
  color: #f2321b;
  column-gap: 5px;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

ul.v1_grid-wrapper > li > a > div.v1_grid-detail > div.price > span {
  color: var(--font-color);
  font-weight: 700;
}

ul.v1_grid-wrapper > li > a > div.v1_grid-thumbnail {
  border: 1px solid #ededed;
  border-radius: 12px;
  width: 100%;
  height: auto;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}

ul.v1_grid-wrapper > li > a > div.v1_grid-thumbnail > img {
  color: #0000;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  inset: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.v2_card-link {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 10px;
  display: block;
}

.card-fair_apply, .card-listPrice_apply {
  background: #fff;
  border: 1px solid #ededed;
}

.v2_card-link > .v2_card-thumbnail {
  border-bottom: 1px solid #ededed;
  width: 100%;
  height: auto;
  padding-bottom: 62.5%;
  position: relative;
  overflow: hidden;
}

.v2_card-link > .v2_card-thumbnail > img {
  padding: 5px;
}

.v2_card-link > .v2_card-form {
  padding: .65rem 0;
  position: relative;
}

.v2_card-link > .v2_card-form > div.side-right {
  align-items: center;
  column-gap: 5px;
  display: flex;
  position: absolute;
  top: .45rem;
  right: .45rem;
}

.v2_card-link > .v2_card-form > div.side-right > div.face-value {
  color: #c33333;
  letter-spacing: -.5px;
  background: #ffe7e7;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.v2_card-link > .v2_card-form > div.side-right > div.free-trade {
  color: #656565;
  letter-spacing: -.5px;
  background: #f4f4f4;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.v2_card-link > .v2_card-form > div.side-right > div.fair-unitPrice {
  color: #15803d;
  letter-spacing: -.5px;
  background: #dcfce7;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.v2_card-link > .v2_card-form > div.side-right > div.cart > button {
  color: var(--font-color-light);
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 4px;
  flex-flow: row;
  align-items: center;
  column-gap: 5px;
  padding: 1.75px 5px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.v2_card-link > .v2_card-form > div.side-right > div.cart-is-me > button {
  color: #999;
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 4px;
  flex-flow: row;
  align-items: center;
  column-gap: 5px;
  padding: 1.75px 5px;
  font-size: 11px;
  font-weight: 400;
  display: flex;
}

.v2_card-link > .v2_card-form > div.side-right > div.cart > button.active {
  border: 1px solid var(--brand-color);
  color: var(--brand-color);
}

.v2_card-link > .v2_card-form > div.top div.category {
  color: var(--font-color-light);
  flex-direction: row;
  column-gap: 2px;
  padding: 0 .65rem;
  display: flex;
}

.v2_card-link > .v2_card-form > div.top div.category > div {
  color: var(--font-color-light);
  white-space: nowrap;
  letter-spacing: -.3px;
  align-items: center;
  column-gap: .1rem;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

.v2_card-link > .v2_card-form > div.top div.category > span {
  color: var(--font-color);
  font-size: 12px;
  font-weight: 500;
}

.v2_card-link > .v2_card-form > div.top div.datetime {
  flex-direction: row;
  column-gap: 5px;
  padding: 0 .65rem;
  display: flex;
}

.v2_card-link > .v2_card-form > div.top > div.datetime > div {
  color: var(--font-color-light);
  font-size: 12px;
  font-weight: 400;
}

.v2_card-link > .v2_card-form > div.top div.datetime > span {
  color: var(--font-color);
  font-size: 12px;
  font-weight: 500;
}

.v2_card-link > .v2_card-form > div.center > div.details {
  padding: 0 .65rem;
}

.v2_card-link > .v2_card-form > div.center > div.details > div.info > div.others {
  color: var(--font-color-extralight);
  font-size: 13px;
  font-weight: 400;
}

.v2_card-link > .v2_card-form > div.center > div.details > div.info > div.others > span:nth-child(2):before, .v2_card-link > .v2_card-form > div.center > div.details > div.info > div.others > div:nth-child(2):before {
  content: "|";
  color: var(--font-color-light);
  margin: 0 5px;
  font-size: 10px;
  font-weight: 100;
  position: relative;
}

.v2_card-link > .v2_card-form > div.center > div.details > div.info > ul {
  display: flex;
}

.v2_card-link > .v2_card-form > div.center > div.details > div.info > ul > li.text-color-light {
  color: #999;
}

.v2_card-link > .v2_card-form > div.center > div.details > div.info > ul > li, .v2_card-link > .v2_card-form > div.center > div.details > div.info > ul > span {
  color: var(--font-color);
  letter-spacing: -.2px;
  font-size: 18px;
  font-weight: 600;
}

.v2_card-link > .v2_card-form > div.center > div.details > div.info > ul > li:after, .v2_card-link > .v2_card-form > div.center > div.details > div.info > ul > span:after {
  content: "|";
  color: var(--font-color-light);
  margin: 0 5px;
  font-size: 16px;
  font-weight: 100;
  position: relative;
  bottom: 0;
}

.v2_card-link > .v2_card-form > div.center > div.details > div.info > ul > li:last-child:after, .v2_card-link > .v2_card-form > div.center > div.details > div.info > ul > span:last-child:after {
  display: none;
}

.v2_card-link > .v2_card-form > div.footer > div.lastMessage {
  color: var(--font-color-light);
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  margin-top: 10px;
  padding: 0 .65rem;
  font-size: 12px;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
}

.v2_card-link > .v2_card-form > div.footer > div.details {
  flex-direction: row;
  justify-content: space-between;
  padding: 0 .65rem;
  display: flex;
}

.v2_card-link > .v2_card-form > div.footer > div.details > div.trade-type-info {
  align-items: baseline;
  column-gap: 5px;
  margin-top: auto;
  padding-top: 5px;
  display: flex;
}

.v2_card-link > .v2_card-form > div.footer > div.details > div.trade-type-info > div.tag {
  color: #1d8bff;
  letter-spacing: 0;
  white-space: nowrap;
  background: #e3f0ff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  display: flex;
}

.v2_card-link > .v2_card-form > div.footer > div.details > div.price {
  flex-direction: column;
  align-items: end;
  display: flex;
}

.v2_card-link > .v2_card-form > div.footer > div.details > div.price > div {
  text-align: center;
  color: var(--font-color);
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.v2_card-link > .v2_card-form > div.footer > div.details > div.price > div > span {
  color: var(--font-color-light);
  font-size: 13px;
}

.v2_card-link > .v2_card-form > div.footer > div.details > div.price > div.quantity > span {
  color: var(--font-color-light);
  font-weight: 400;
}

.v2_card-link > .v2_card-form > div.footer > div.details > div.price > div.unitPrice > span {
  color: var(--pink-color);
  font-weight: 500;
}

.v2_card-link > .v2_card-form > div.footer > div.details > div.price > div.unitPrice {
  color: var(--pink-color);
  align-items: center;
  font-size: 17px;
  font-weight: 800;
}

.card-link {
  background: #f4f6f8;
  border-radius: 10px;
  display: block;
}

.card-form {
  padding: 1rem;
}

.card-form > div.top {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
  display: flex;
}

.card-form > div.center {
  line-height: 1.1rem;
}

.card-form > div.bottom {
  border-top: 1px solid #ededed;
  margin-top: 5px;
  padding-top: 5px;
}

.card-form > div.top-subscribe {
  gap: 0 !important;
}

.card-form > div.top > div.top-rows {
  color: #fff;
  background: var(--brand-color);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.card-form > div.top > div.top-subscribe-rows {
  height: 20px !important;
}

.card-form > div.top > div.subscribe-not-highlight {
  color: var(--subtext-color);
  padding: 0;
  background: none !important;
}

.card-form > div.center > div.ticket-seat-info {
  color: var(--subtext-color);
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

.card-form > div.center > div.ticket-seat-info > div:after {
  content: "·";
  margin: 0 5px;
}

.card-form > div.center > div.ticket-seat-info > div:last-child:after {
  display: none;
}

.card-form > div.center > div.title {
  color: var(--text-color);
  font-size: 16px;
  font-weight: 600;
}

.card-form > div.center > div.subscribe-info {
  color: var(--subtext-color);
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.card-form > div.bottom > div.user-data > div.datetime {
  color: var(--subtext-color);
  font-size: 13px;
  font-weight: 300;
}

.card-form > div.bottom > div.ticket-amount-price {
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  display: flex;
}

.card-form > div.bottom > div.ticket-amount-price > div.ticket-amount {
  color: var(--text-color);
  font-size: 13px;
  font-weight: 400;
}

.card-form > div.bottom > div.ticket-amount-price > div.ticket-price {
  color: var(--lite-pink-color);
  font-size: 16px;
  font-weight: 700;
}

.card-form > div.custom-bottom {
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.card-form > div.custom-bottom > div.user-data {
  align-items: center;
  display: flex;
}

.card-form > div.custom-bottom > div.user-data > div.nickname {
  color: var(--text-color);
  font-size: 11px;
  font-weight: 600;
}

.card-form > div.custom-bottom > div.user-data > div.datetime {
  color: var(--subtext-color);
  font-size: 11px;
}

.card-form > div.custom-bottom > div.price {
  color: var(--lite-pink-color);
  font-weight: 800;
}

div.header-container {
  z-index: 10000;
  width: 100%;
  height: var(--header-height);
  background: #fff;
  border-bottom: 1px solid #f2f4f6;
  position: fixed;
  top: 0;
}

div.header-container > div.h-full {
  height: 100%;
}

div.header-container > div.header-wrapper > a.link, div.header-container > div.header-wrapper > a.goto-home, div.header-container > div.header-wrapper > div.back {
  cursor: pointer;
  padding: 1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

div.header-container > div.header-wrapper > a.goto-home > i, div.header-container > div.header-wrapper > div.back > i {
  font-size: 25px;
}

div.header-container > div.header-wrapper > a.right-home, div.header-container > div.header-wrapper > div.right {
  cursor: pointer;
  padding: 1rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

div.header-container > div.header-wrapper > button {
  padding: 1rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

div.header-container > div.header-wrapper > button > i {
  font-size: 25px;
}

div.header-container > div.header-wrapper > div.title, div.header-container > div.header-wrapper > h1.title {
  white-space: nowrap;
  font-size: 15px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.header-container > div.header-wrapper > a.logo {
  z-index: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
}

div.header-container > div.header-wrapper > a.logo > div.auction-logo {
  color: #fff;
  letter-spacing: normal;
  background: #ff004c;
  border-radius: 19px;
  margin-bottom: 10px;
  margin-left: 5px;
  padding: 0 7px;
  font-family: Pretendard, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

div.header-container > div.header-wrapper > div.category-back {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

div.header-container > div.header-wrapper > div.category-back > a {
  cursor: pointer;
  padding: 1rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

div.header-container > div.header-wrapper > div.category-back > a > i {
  font-size: 21px;
}

div.header-container > div.header-wrapper > div.category-back > ul {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

div.header-container > div.header-wrapper > div.category-back > ul > li:last-child:after {
  display: none;
}

div.header-container > div.header-wrapper > div.options {
  flex-direction: row;
  align-items: center;
  column-gap: .9rem;
  display: flex;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

div.header-container > div.header-wrapper > div.options > a > button {
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 0 15px;
  font-size: 12px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

div.header-container > div.header-wrapper > div.options > a > button.signin {
  color: #495057;
  background: #fff;
  border: 1px solid #e9ecef;
}

div.header-container > div.header-wrapper > div.options > a > button.signup {
  color: #fff;
  background: #4070ff;
  border: none;
}

div.header-container > div.header-wrapper > div.options > a.profile {
  cursor: pointer;
  padding: 1rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

div.header-container > div.header-wrapper > div.options > a.chat {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

div.header-container > div.header-wrapper > div.options > a.chat > i {
  font-size: 1.35rem;
}

div.header-container > div.header-wrapper > div.options > a.profile > img {
  color: #0000;
  border-radius: 9999px;
  width: 30px;
  height: 30px;
}

div.header-container > div.header-wrapper > div.options > a.new-button {
  color: #202022;
  background: #eaeaeb;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 30px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

div.header-container > div.header-wrapper > div.options > div.menu {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

div.header-container > div.header-wrapper > div.options > div.menu > i {
  font-size: 1.35rem;
}

div.auth-container {
  margin-top: calc(var(--header-height));
  height: calc(100dvh - var(--header-height));
  background: #fff;
}

div.auth-container > div.auth-wrapper {
  background: #fff;
  max-width: 550px;
  margin: auto;
}

div.auth-container > div.auth-wrapper > div.auth-form > button.certification-button {
  cursor: pointer;
  background: #f9f9f9;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  flex-direction: column;
  row-gap: .4rem;
  width: 100%;
  margin: 1rem 0;
  padding: 1rem 0;
  display: flex;
}

div.auth-container > div.auth-wrapper > div.auth-form > div.find-account {
  color: var(--font-color-light);
  justify-content: end;
  align-items: center;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.auth-container > div.auth-wrapper > div.auth-form > div.find-account > a:first-child {
  padding-right: 1rem;
  position: relative;
}

div.auth-container > div.auth-wrapper > div.auth-form > div.find-account > a:first-child:after {
  content: "";
  background: #ccc;
  width: 1px;
  height: 11px;
  margin: 0 5px;
  position: absolute;
  top: 5px;
  right: 2px;
}

div.auth-container > div.auth-wrapper > div.auth-form > button.certification-button:disabled {
  cursor: not-allowed;
  background: #f3f3f3;
}

div.auth-container > div.auth-wrapper > div.auth-form > button.certification-button:hover {
  background: #f3f3f3;
}

div.auth-container > div.auth-wrapper > div.auth-form > button.certification-button > div {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

div.auth-container > div.auth-wrapper > div.auth-form > button.certification-button > span {
  color: #999;
  letter-spacing: -.5px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1rem;
}

div.auth-container > div.auth-wrapper > div.auth-form {
  padding: 1rem;
}

div.auth-container > div.auth-wrapper > div.auth-form > div.logo {
  width: 150px;
  height: 150px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

div.auth-container > div.auth-wrapper > div.auth-form > div.auth-title {
  text-align: center;
  font-size: 35px;
  font-weight: 800;
}

div.auth-container > div.auth-wrapper > div.auth-form > div.signup-success {
  flex-direction: column;
  row-gap: 2rem;
  padding: 2rem 0;
  display: flex;
}

div.auth-container > div.auth-wrapper > div.auth-form > div.signup-success > div {
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.auth-container > div.auth-wrapper > div.auth-form > div.signup-success > div > svg {
  margin-bottom: 1rem;
}

div.auth-container > div.auth-wrapper > div.auth-form > div.signup-success > div > p {
  line-height: .65;
}

div.auth-container > div.auth-wrapper > div.auth-form > div.signup-success > button {
  background: var(--brand-color);
  color: #fff;
  cursor: pointer;
  border-radius: 10px;
  width: 100%;
  height: 50px;
  font-size: 16px;
  font-weight: 500;
}

div.auth-container > div.auth-wrapper > div.auth-form > div.signup-success > button:hover {
  background: #5e87ff;
}

div.auth-container > div.auth-wrapper > div.auth-form > form > div.rule-info, div.auth-container > div.auth-wrapper > div.auth-form > div.details > div.rule-info {
  flex-direction: column;
  row-gap: 1rem;
  padding-top: 1.5rem;
  display: flex;
}

div.auth-container > div.auth-wrapper > div.auth-form > form > div.rule-info > div.rule-all-checked, div.auth-container > div.auth-wrapper > div.auth-form > div.details > div.rule-info > div.rule-all-checked {
  border-bottom: 1px solid #ededed;
  padding-bottom: 1rem;
}

div.auth-container > div.auth-wrapper > div.auth-form > form > div.submit-button, div.auth-container > div.auth-wrapper > div.auth-form > div.details > div.submit-button {
  flex-direction: row;
  column-gap: 10px;
  padding-top: 2rem;
  padding-bottom: 5rem;
  display: flex;
}

div.auth-container > div.auth-wrapper > div.auth-form > form > div.submit-button > button.back, div.auth-container > div.auth-wrapper > div.auth-form > div.details > div.submit-button > button.back {
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 5px;
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-weight: 500;
}

div.auth-container > div.auth-wrapper > div.auth-form > form > div.submit-button > button.submit, div.auth-container > div.auth-wrapper > div.auth-form > div.details > div.submit-button > button.submit {
  background: var(--brand-color);
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-weight: 500;
}

div.auth-container > div.auth-wrapper > div.auth-form > form > div.submit-button > button.submit:disabled, div.auth-container > div.auth-wrapper > div.auth-form > div.details > div.submit-button > button.submit:disabled {
  background: #aabfff;
}

div.auth-container > div.auth-wrapper > div.auth-form > form {
  margin-top: 1rem;
}

div.auth-container > div.auth-wrapper > div.auth-form > form > ul, div.auth-container > div.auth-wrapper > div.auth-form > div.details > ul {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

div.auth-container > div.auth-wrapper > div.auth-form > form > ul > li.rows, div.auth-container > div.auth-wrapper > div.auth-form > div.details > ul > li.rows {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.auth-container > div.auth-wrapper > div.auth-form > form > ul > li.rows > span.auth-input-text, div.auth-container > div.auth-wrapper > div.auth-form > div.details > ul > li.rows > span.auth-input-text {
  color: var(--font-color);
  font-size: 15px;
  font-weight: 500;
}

div.auth-container > div.auth-wrapper > div.auth-form > form > ul > li.rows > label > input.auth-data, div.auth-container > div.auth-wrapper > div.auth-form > form > ul > li.rows > input.auth-data, div.auth-container > div.auth-wrapper > div.auth-form > div.details > ul > li.rows > label > input.auth-data, div.auth-container > div.auth-wrapper > div.auth-form > div.details > ul > li.rows > input.auth-data {
  width: 100%;
  color: var(--font-color);
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 5px;
  outline: none;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 400;
}

div.auth-container > div.auth-wrapper > div.auth-form > form > ul > li.rows > label > input.auth-data:disabled, div.auth-container > div.auth-wrapper > div.auth-form > form > ul > li.rows > input.auth-data:disabled, div.auth-container > div.auth-wrapper > div.auth-form > div.details > ul > li.rows > label > input.auth-data:disabled, div.auth-container > div.auth-wrapper > div.auth-form > div.details > ul > li.rows > input.auth-data:disabled {
  color: #adadad;
  cursor: not-allowed;
  background: #f9f9f9;
}

div.auth-container > div.auth-wrapper > div.auth-form > form > ul > li.rows > label > input.auth-data:focus, div.auth-container > div.auth-wrapper > div.auth-form > form > ul > li.rows > input.auth-data:focus, div.auth-container > div.auth-wrapper > div.auth-form > div.details > ul > li.rows > label > input.auth-data:focus, div.auth-container > div.auth-wrapper > div.auth-form > div.details > ul > li.rows > input.auth-data:focus {
  border: 1px solid #aaaebf;
}

div.auth-container > div.auth-wrapper > div.auth-form > form > ul > li.rows > label, div.auth-container > div.auth-wrapper > div.auth-form > div.details > ul > li.rows > label {
  position: relative;
}

div.auth-container > div.auth-wrapper > div.auth-form > form > ul > li.rows > label > button, div.auth-container > div.auth-wrapper > div.auth-form > div.details > ul > li.rows > label > button {
  background: var(--brand-color);
  color: #fff;
  border-radius: 4px;
  width: 70px;
  padding: 4px 0;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

div.auth-container > div.auth-wrapper > div.auth-form > form > button[type="submit"] {
  color: #fff;
  cursor: pointer;
  background: #000;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  margin-top: 25px;
  font-size: 15px;
  font-weight: 600;
}

div.auth-container > div.auth-wrapper > div.auth-form > form > button[type="submit"]:disabled {
  background: #ababab;
}

div.auth-container > div.auth-wrapper > div.auth-form > div.goto-signup {
  text-align: end;
  color: var(--font-color-light);
  letter-spacing: -.3px;
  margin-top: 1rem;
  font-size: 14px;
}

div.auth-container > div.auth-wrapper > div.auth-form > div.goto-signup > a {
  color: var(--brand-color);
  margin-left: 5px;
  font-weight: 600;
}

div.auth-forget-container > div.wrapper > h1.title {
  text-align: center;
  padding-top: 1rem;
  font-size: 22px;
  font-weight: 400;
}

div.auth-forget-container > div.wrapper > ul {
  margin-top: 2rem;
  padding: 0 1rem;
}

div.auth-forget-container > div.wrapper > ul > li > div.explain {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  padding-left: 20px;
  font-size: 12px;
  font-weight: 400;
}

div.auth-forget-container > div.wrapper > ul > li > input.forget-password-in-id {
  width: 100%;
  color: var(--font-color);
  border: 1px solid #ededed;
  outline: none;
  margin-top: 1rem;
  padding: 1rem;
  font-size: 13px;
  font-weight: 400;
}

div.auth-forget-container > div.wrapper > ul > li > input.forget-password-in-id:disabled {
  color: var(--font-color-light);
  background: #ededed;
}

div.auth-forget-container > div.wrapper > ul > li > div.view-content {
  margin-top: 1rem;
}

div.auth-forget-container > div.wrapper > ul > li > div.view-content > div.forget-id-rows > div.provider > div.social-symbol {
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

div.auth-forget-container > div.wrapper > ul > li > div.view-content > div.forget-id-rows > div.provider > div.naver-symbol {
  background: #00de5a;
}

div.auth-forget-container > div.wrapper > ul > li > div.view-content > div.forget-id-rows > div.provider > div.kakao-symbol {
  background: #fee500;
}

div.auth-forget-container > div.wrapper > ul > li > div.view-content > div.forget-id-rows > div.provider > div.local-symbol {
  background: #000;
}

div.auth-forget-container > div.wrapper > ul > li > div.view-content > div.forget-id-rows {
  color: var(--font-color);
  border: 2px solid var(--brand-color);
  align-items: center;
  column-gap: 5px;
  padding: 1rem;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.auth-forget-container > div.wrapper > ul > li > div.view-content > div.forget-id-rows > div.datetime {
  color: var(--font-color-light);
  text-wrap-mode: nowrap;
  margin: 0 0 0 auto;
}

div.auth-forget-container > div.wrapper > ul > li > div.view-content > form.forget-password-form {
  border: 2px solid var(--brand-color);
  flex-direction: column;
  row-gap: 1rem;
  padding: 1rem;
  display: flex;
}

div.auth-forget-container > div.wrapper > ul > li > div.view-content > form.forget-password-form > div.rows > input {
  width: 100%;
  color: var(--font-color);
  border: 1px solid #ededed;
  outline: none;
  padding: 1rem;
  font-size: 13px;
  font-weight: 400;
}

div.auth-forget-container > div.wrapper > ul > li > div.view-content > form.forget-password-form > div.rows > button[type="submit"] {
  color: #fff;
  cursor: pointer;
  background: #000;
  border-radius: 5px;
  width: 100%;
  height: 45px;
  margin-top: 1rem;
  font-size: 16px;
  font-weight: 500;
}

div.auth-forget-container > div.wrapper > ul > li > label {
  color: var(--font-color-light);
  padding-left: 20px;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}

div.auth-forget-container > div.wrapper > ul > li > label > input[type="radio"] {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

div.auth-forget-container > div.wrapper > ul > li > label > input[type="radio"]:checked + span {
  color: var(--font-color);
  font-weight: 500;
}

div.auth-forget-container > div.wrapper > div.btns {
  margin-top: 2rem;
  padding: 0 1rem;
}

div.auth-forget-container > div.wrapper > div.btns > button {
  color: #fff;
  cursor: pointer;
  background: #000;
  border-radius: 5px;
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-weight: 500;
}

div.auth-forget-container > div.wrapper > div.other {
  justify-content: end;
  align-items: center;
  margin-top: 1rem;
  padding: 0 1rem;
  display: flex;
}

div.auth-forget-container > div.wrapper > div.other > a {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  font-size: 13px;
  font-weight: 400;
}

div.auth-forget-container > div.wrapper > div.other > a:first-child {
  padding-right: 1rem;
  position: relative;
}

div.auth-forget-container > div.wrapper > div.other > a:first-child:after {
  content: "";
  background: #ccc;
  width: 1px;
  height: 11px;
  margin: 0 5px;
  position: absolute;
  top: 5px;
  right: 2px;
}

div.desktop-footer-container {
  color: #8b95a1;
  background: #fff;
}

div.desktop-footer-container > div.wrapper {
  padding: 2.5rem 2rem;
}

div.desktop-footer-container > div.wrapper > div.social {
  flex-direction: row;
  column-gap: 10px;
  padding-bottom: 1rem;
  display: flex;
}

div.desktop-footer-container > div.wrapper > div.company-info > div.business-name {
  color: #333d4b;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.5rem;
  font-size: 16px;
  font-weight: bolder;
  display: flex;
}

div.desktop-footer-container > div.wrapper > div.company-info > div.business-name > button {
  color: var(--font-color-light-50);
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.desktop-footer-container > div.wrapper > div.company-info > div.business {
  flex-direction: column;
  row-gap: 5px;
  padding-bottom: 1.5rem;
  font-size: 13px;
  display: flex;
}

div.desktop-footer-container > div.wrapper > div.etc {
  padding-bottom: 1.5rem;
}

div.desktop-footer-container > div.wrapper > div.etc > a {
  margin-right: 1rem;
  font-size: 16px;
}

div.desktop-footer-container > div.wrapper > div.etc > a:last-child {
  margin-right: 0;
}

div.desktop-footer-container > div.wrapper > div.etc > a:first-child {
  color: #1a1a1a;
}

div.desktop-footer-container > div.wrapper > div.services {
  padding-bottom: .5rem;
}

div.desktop-footer-container > div.wrapper > div.services > a {
  white-space: nowrap;
  margin-right: 1rem;
  font-size: 16px;
}

div.desktop-footer-container > div.wrapper > div.services > a:last-child {
  margin-right: 0;
}

div.desktop-footer-container > div.wrapper > div.services > a:nth-child(2) {
  color: #1a1a1a;
}

div.desktop-footer-container > div.wrapper > div.rules {
  flex-direction: column;
  row-gap: 10px;
  font-size: 14px;
  display: flex;
}

div.desktop-footer-container > div.wrapper > div.image-columns {
  padding-top: 1.5rem;
}

div.footer-container {
  color: #8b95a1;
  background: #f9fafb;
  width: 100%;
  padding-bottom: 75px;
  display: flex;
}

div.footer-container > div.wrapper {
  width: 100%;
  padding: 1rem;
}

div.footer-container > div.wrapper > div.details > div.company-info > div.business-name {
  color: #333d4b;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
  font-size: 15px;
  font-weight: bolder;
  display: flex;
}

div.footer-container > div.wrapper > div.details > div.company-info > div.business-name > button {
  color: var(--font-color-light-50);
  align-items: center;
  column-gap: 5px;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

div.footer-container > div.wrapper > div.details > div.company-info > div.business {
  flex-direction: column;
  padding-bottom: 1.5rem;
  font-size: 12px;
  display: flex;
}

div.footer-container > div.wrapper > div.details > div.social {
  flex-direction: row;
  column-gap: 10px;
  padding-bottom: 1rem;
  display: flex;
}

div.footer-container > div.wrapper > div.details > div.rules {
  flex-direction: column;
  row-gap: 10px;
  font-size: 12px;
  display: flex;
}

div.footer-container > div.wrapper > div.details > div.image-columns {
  justify-content: end;
  padding-top: 1.5rem;
  display: flex;
}

div.footer-container > div.wrapper > div.details > div.etc {
  padding-bottom: 1.5rem;
}

div.footer-container > div.wrapper > div.details > div.etc > a {
  margin-right: 1rem;
  font-size: 14px;
}

div.footer-container > div.wrapper > div.details > div.etc > a:last-child {
  margin-right: 0;
}

div.footer-container > div.wrapper > div.details > div.etc > a:first-child {
  color: #1a1a1a;
}

div.footer-container > div.wrapper > div.details > div.services {
  max-width: 350px;
  padding-bottom: .5rem;
}

div.footer-container > div.wrapper > div.details > div.services > a {
  white-space: nowrap;
  margin-right: 1rem;
  font-size: 14px;
}

div.footer-container > div.wrapper > div.details > div.services > a:last-child {
  margin-right: 0;
}

div.footer-container > div.wrapper > div.details > div.services > a:nth-child(2) {
  color: #1a1a1a;
}

div.footer-container > div.footer-wrapper > div.company-details {
  justify-content: space-between;
  align-items: center;
  height: 30px;
  font-size: 14px;
  display: flex;
}

div.footer-container > div.footer-wrapper > div.company-details > div.business-info {
  cursor: pointer;
  align-items: center;
  gap: 3px;
  font-weight: 500;
  display: flex;
}

div.footer-container > div.footer-wrapper > div.ltd {
  padding-bottom: 2.5rem;
}

div.footer-container > div.footer-wrapper > ul.terms {
  flex-direction: row;
  align-items: center;
  display: flex;
}

div.footer-container > div.footer-wrapper > ul.terms > li:after {
  content: "|";
  color: #ddd;
  margin: 0 5px;
}

div.footer-container > div.footer-wrapper > ul.terms > li:last-child:after {
  display: none;
}

div.footer-container > div.footer-wrapper > ul.social {
  align-items: center;
  gap: 10px;
  display: flex;
}

div.footer-container > div.footer-wrapper > ul.etc {
  flex-direction: row;
  display: flex;
}

div.footer-container > div.footer-wrapper > ul.etc > li:after {
  content: "|";
  color: #ddd;
  margin: 0 5px;
}

div.footer-container > div.footer-wrapper > ul.etc > li:last-child:after {
  display: none;
}

div.tabs-container > div.tabs-wrapper {
  display: flex;
}

div.tabs-container > div.tabs-wrapper > button.tab {
  color: #6d6d6d;
  cursor: pointer;
  width: 100%;
  height: 40px;
  padding: 0 .7rem;
  font-size: 14px;
  font-weight: 400;
}

div.tabs-container > div.tabs-wrapper > button.active {
  color: #000;
  font-weight: 700;
  box-shadow: inset 0 -2px #1a1a1a;
}

div.tab-contents-container {
  border-top: 1px solid #eee;
}

div.tab-contents-container > div.tab-contents-wrapper {
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

div.tab-contents-container > div.tab-contents-wrapper > a.details {
  border-bottom: 1px solid #f0f0f0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: block;
}

div.tab-contents-container > div.tab-contents-wrapper > a.details > div.title {
  color: var(--font-color);
  letter-spacing: -.3px;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  display: flex;
}

div.tab-contents-container > div.tab-contents-wrapper > a.details > div.datetime {
  color: var(--font-color-light);
  font-size: 12px;
  font-weight: 400;
}

div.desktop-max-width-1200 {
  max-width: 1200px;
  margin: 0 auto;
}

div.desktop-max-width-1100 {
  max-width: 1100px;
  margin: 0 auto;
}

div.desktop-max-width-900 {
  max-width: 900px;
  margin: 0 auto;
}

div.desktop-header-container {
  z-index: 50;
  position: relative;
}

div.border-bottom {
  border-bottom: 1px solid #ededed;
}

div.desktop-header-container > div.wrapper {
  height: 75px;
  position: relative;
}

div.desktop-header-container > div.border-bottom {
  border-bottom: 1px solid #ededed;
}

div.desktop-header-container > div.wrapper > div.navigation {
  flex-direction: row;
  align-items: center;
  column-gap: 2rem;
  height: 100%;
  padding-left: 12rem;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

div.desktop-header-container > div.wrapper > div.navigation > div.items-wrapper {
  justify-content: center;
  align-items: center;
  column-gap: 2rem;
  display: flex;
}

div.desktop-header-container > div.wrapper > div.navigation > div.items-wrapper > div.nav-item {
  height: 100%;
  font-size: 17px;
  font-weight: 400;
  position: relative;
}

div.desktop-header-container > div.wrapper > div.navigation > div.items-wrapper > div.nav-item > button {
  cursor: pointer;
  height: 100%;
}

div.desktop-header-container > div.wrapper > div.navigation > div.items-wrapper > div.is-open > button {
  font-weight: 600;
}

div.desktop-header-container > div.wrapper > div.navigation > div.items-wrapper > div.nav-item > div.nav-panel {
  z-index: 2147483647;
  background: #fff;
  border-radius: 12px;
  width: 550px;
  margin-top: 8px;
  position: absolute;
  top: 100%;
  left: 0;
  overflow: hidden;
  box-shadow: 0 3px 20px #243f611f, 0 1.5px 4px #243f6114;
}

div.desktop-header-container > div.wrapper > div.navigation > div.items-wrapper > div.nav-item > div.nav-panel > div.nav-panel-inner {
  min-height: 350px;
  display: flex;
}

div.desktop-header-container > div.wrapper > div.navigation > div.items-wrapper > div.nav-item > div.nav-panel > div.nav-panel-inner > div.nav-left {
  border-right: 1px solid #eee;
  width: 280px;
  max-height: 550px;
  padding: 12px;
  overflow-y: scroll;
}

div.desktop-header-container > div.wrapper > div.navigation > div.items-wrapper > div.nav-item > div.nav-panel > div.nav-panel-inner > div.nav-left > div.nav-left-item {
  cursor: pointer;
  color: var(--font-color);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 400;
}

div.desktop-header-container > div.wrapper > div.navigation > div.items-wrapper > div.nav-item > div.nav-panel > div.nav-panel-inner > div.nav-left > div.nav-left-item.is-active {
  background: #f5f6f8;
}

div.desktop-header-container > div.wrapper > div.navigation > div.items-wrapper > div.nav-item > div.nav-panel > div.nav-panel-inner > div.nav-left > div.nav-left-item > a.nav-left-link {
  color: inherit;
  align-items: center;
  text-decoration: none;
  display: flex;
}

div.desktop-header-container > div.wrapper > div.navigation > div.items-wrapper > div.nav-item > div.nav-panel > div.nav-panel-inner > div.nav-right {
  flex: 1;
  max-height: 550px;
  padding: 12px;
  overflow-y: scroll;
}

div.desktop-header-container > div.wrapper > div.navigation > div.items-wrapper > div.nav-item > div.nav-panel > div.nav-panel-inner > div.nav-right > div.nav-right-list {
  flex-direction: column;
  display: flex;
}

div.desktop-header-container > div.wrapper > div.navigation > div.items-wrapper > div.nav-item > div.nav-panel > div.nav-panel-inner > div.nav-right > div.nav-right-list > div.nav-empty {
  color: var(--font-color-light);
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
}

div.desktop-header-container > div.wrapper > div.navigation > div.items-wrapper > div.nav-item > div.nav-panel > div.nav-panel-inner > div.nav-right > div.nav-right-list > a.nav-right-item {
  color: var(--font-color);
  border-radius: 8px;
  align-items: center;
  padding: 10px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

div.desktop-header-container > div.wrapper > div.navigation > div.items-wrapper > div.nav-item > div.nav-panel > div.nav-panel-inner > div.nav-right > div.nav-right-list > a.nav-right-item:hover {
  background: #f5f6f8;
}

div.desktop-header-container > div.wrapper > a.logo {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
}

div.desktop-header-container > div.wrapper > a.logo > img {
  width: 110px;
}

div.desktop-header-container > div.wrapper > div.menu {
  align-items: center;
  column-gap: 1.75rem;
  display: flex;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

div.desktop-header-container > div.wrapper > div.menu > a.signin-link > button {
  cursor: pointer;
  color: #495057;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 2rem;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.backdrop {
  z-index: 99999;
  background-color: #00000080;
  position: fixed;
  inset: 0;
}

.bottom-sheet {
  z-index: 10000;
  background: #fff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  flex-direction: column;
  height: 80vh;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -2px 10px #0003;
}

.handle-bar {
  background: #ccc;
  border-radius: 3px;
  width: 40px;
  height: 5px;
  margin: 10px auto;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.top > div.title {
  letter-spacing: -.5px;
  white-space: pre-wrap;
  padding: 1rem 1rem 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.dashboard {
  margin-top: 10px;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.dashboard > div.input-box {
  flex-direction: column;
  gap: 5px;
  margin: 0 1rem;
  padding-top: 2rem;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.dashboard > div.input-box > input {
  background: #f2f4f6;
  border-bottom: 1px solid #ededed;
  border-radius: 5px;
  outline: 0;
  width: 100%;
  height: 50px;
  padding: 0 15px;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.dashboard > div.input-box > div.init {
  font-weight: 600;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.dashboard > div.max-amount {
  color: var(--font-color-light);
  text-align: end;
  padding: 7px 1rem 0 0;
  font-size: 12px;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.dashboard > div.max-amount > span {
  color: var(--font-color);
  font-weight: 500;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.dashboard > div.submit_button {
  padding: 3rem 1rem 0;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.dashboard > div.submit_button > button[type="submit"] {
  color: #fff;
  cursor: pointer;
  background: #000;
  border-radius: 5px;
  width: 100%;
  height: 45px;
  font-size: 15px;
  font-weight: 500;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.dashboard > div.submit_button > button[type="submit"]:disabled {
  opacity: .5;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.dashboard > div.passbook {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.dashboard > div.passbook > div.info {
  color: var(--font-color);
  flex-direction: row;
  column-gap: 5px;
  padding: 0 1rem;
  font-size: 15px;
  font-weight: 400;
  display: flex;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.dashboard > div.passbook > div.info > div.bank {
  flex-direction: row;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.dashboard > div.passbook > div.info > div.bank > img {
  border-radius: 9999px;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.dashboard > div.passbook > div.text {
  color: var(--font-color);
  letter-spacing: -.5px;
  padding: 0 1rem;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.dashboard > div.passbook > div.text > div.name {
  color: #000;
  font-weight: 600;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.balance-request-lists > div.title {
  text-align: center;
  border-top: 1px solid #ededed;
  margin-top: 1rem;
  padding: .5rem 1rem 0;
  font-size: 21px;
  font-weight: 600;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.balance-request-lists > ul {
  padding: 1rem;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.balance-request-lists > ul > li > div.datetime {
  color: #6d6d6d;
  font-size: 12px;
  font-weight: 400;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.balance-request-lists > ul > li > div.info {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.balance-request-lists > ul > li > div.info > div.name {
  font-size: 16px;
  font-weight: 400;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.balance-request-lists > ul > li > div.info > div.amount {
  font-size: 16px;
  font-weight: 600;
}

div.bottom-sheet-modal > div.wrapper > div.details > div.balance-request-lists > ul > li > div.status {
  color: #6d6d6d;
  justify-content: end;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

.linear-progress-bar {
  background: #e0e0e0;
  border-radius: 2px;
  width: 150px;
  height: 4px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.progress-indicator {
  transform-origin: 0;
  background: #727272;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
}

.m-category-header {
  top: 0;
  left: 0;
  position: relative !important;
}

div.header-container > div.header-wrapper > div.nav {
  display: none;
}

div.header-alarm-container {
  z-index: 99999;
  background: #fff;
  width: 100%;
  transition: transform .3s;
  position: fixed;
  top: 0;
  overflow-y: auto;
}

div.header-alarm-container > div.wrapper > div.header {
  border-bottom: 1px solid #ededed;
  justify-content: space-between;
  align-items: center;
  padding: 10px 1rem;
  display: flex;
}

div.header-alarm-container > div.wrapper > div.header > div.title {
  color: var(--font-color);
  flex-direction: row;
  align-items: center;
  column-gap: 2px;
  padding: 7px 10px;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
}

div.header-alarm-container > div.wrapper > div.section {
  flex-direction: column;
  row-gap: 1rem;
  height: calc(100dvh - 59px);
  padding: 1rem 0 3rem;
  display: flex;
  overflow: hidden scroll;
}

div.header-alarm-container > div.wrapper > div.section::-webkit-scrollbar {
  width: 6px;
}

div.header-alarm-container > div.wrapper > div.section::-webkit-scrollbar-track {
  background: none;
}

div.header-alarm-container > div.wrapper > div.section::-webkit-scrollbar-thumb {
  background-color: #ededed;
  border-radius: 3px;
}

div.header-alarm-container > div.wrapper > div.section > div.rows {
  flex-direction: row;
  padding: 0 1rem;
  display: flex;
}

div.header-alarm-container > div.wrapper > div.section > div.rows > div.details {
  flex-direction: column;
  row-gap: 10px;
  width: 100%;
  margin-left: 10px;
  display: flex;
}

div.header-alarm-container > div.wrapper > div.section > div.rows > div.details > div.title {
  color: var(--font-color);
  -webkit-line-clamp: 2;
  white-space: normal;
  text-overflow: ellipsis;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

div.header-alarm-container > div.wrapper > div.section > div.rows > div.details > div.title > div.button-area-wrapper {
  flex-direction: row;
  column-gap: 5px;
  display: flex;
}

div.header-alarm-container > div.wrapper > div.section > div.rows > div.details > div.title > div.button-area-wrapper > button {
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 5px;
  width: 40px;
  padding: 2px 0;
  font-size: 11px;
  transition: all .2s;
}

div.header-alarm-container > div.wrapper > div.section > div.rows > div.details > div.title > div.button-area-wrapper > button:hover {
  background: #ededed;
}

div.header-alarm-container > div.wrapper > div.section > div.rows > div.details > div.content {
  letter-spacing: -.15px;
  color: var(--font-color);
  background: #f2f4f6;
  border-radius: 10px;
  padding: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.15rem;
}

div.header-alarm-container > div.wrapper > div.section > div.rows > div.details > div.content > span.datetime {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  justify-content: end;
  align-items: center;
  width: 100%;
  margin-top: 5px;
  font-size: 10px;
  display: flex;
}

div.image-modal__backdrop {
  z-index: 999999;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
}

div.image-modal__backdrop > div.image-modal__dialog {
  background: #000000e6;
  width: 100%;
  height: 100%;
  position: relative;
}

div.image-modal__backdrop > div.image-modal__dialog > div.image-modal__content {
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.image-modal__backdrop > div.image-modal__dialog > div.image-modal__content > div.wrapper {
  position: relative;
}

div.image-modal__backdrop > div.image-modal__dialog > div.image-modal__content > div.wrapper > button.image-modal__close-btn {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}

div.image-modal__backdrop > div.image-modal__dialog > div.image-modal__content > div.wrapper > button.image-modal__close-btn > svg {
  color: #fff;
  background: #000;
  border: 1px solid #1a1a1a;
  border-radius: 9999px;
  width: 28px;
  height: 28px;
  padding: .25rem;
}

div.image-modal__backdrop > div.image-modal__dialog > div.image-modal__content > div.wrapper > img.image-modal__img {
  object-fit: contain;
  width: 100%;
  max-width: 550px;
}

div.m_checkbox-selected-container {
  z-index: 99999;
  color: #fff;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #000;
  width: 100%;
  position: fixed;
  bottom: 0;
}

div.m_checkbox-selected-container > div.wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  padding: 0 1rem;
  display: flex;
}

div.m_checkbox-selected-container > div.wrapper > div.left > div.count {
  flex-direction: row;
  align-items: center;
  column-gap: 5px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

div.m_checkbox-selected-container > div.wrapper > div.left > div.count > span {
  font-weight: 600;
}

div.m_checkbox-selected-container > div.wrapper > div.end {
  flex-direction: row;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

div.m_checkbox-selected-container > div.wrapper > div.end > button {
  color: #000;
  background: #fff;
  border-radius: 5px;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 500;
}

div.notice-popup-modal {
  z-index: 99999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

div.notice-popup-modal > div.modal-area-wrapper {
  z-index: 99999;
  background: #fff;
  border-radius: 12px;
  width: calc(100% - 2rem);
  max-width: 450px;
  padding-bottom: 3.1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.notice-popup-modal > div.modal-area-wrapper > div.contents {
  color: var(--font-color);
  padding: .666rem .666rem 0;
  font-size: 13px;
  display: block;
}

div.notice-popup-modal > div.modal-area-wrapper > div.use-image {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  overflow: hidden;
}

div.notice-popup-modal > div.modal-area-wrapper > div.use-image a.image-wrapper {
  padding-top: 125%;
  display: block;
  position: relative;
  overflow: hidden;
}

div.notice-popup-modal > div.modal-area-wrapper > div.use-image a.image-wrapper > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

div.notice-popup-modal > div.modal-area-wrapper > div.contents > p {
  white-space: pre-wrap;
}

div.notice-popup-modal > div.modal-area-wrapper > div.end {
  width: 100%;
  height: 50px;
  color: var(--font-color);
  letter-spacing: -.3px;
  background: #f2f4f6;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  justify-content: space-between;
  padding: 0 1.5rem;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  position: absolute;
  bottom: 0;
}

div.notice-popup-modal > div.modal-area-wrapper > div.end > button:first-child {
  color: var(--font-color-light);
}

div.notice-popup-modal > div.modal-area-wrapper > div.end > button:last-child {
  border-left: 1px solid #ddd;
  padding-left: 1.5rem;
}

div.search-postcode-wrapper {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

div.search-postcode-wrapper > div.address-english {
  color: var(--font-color-light);
  letter-spacing: -.35px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1rem;
}

div.search-postcode-wrapper > div.rows {
  flex-direction: row;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

div.search-postcode-wrapper > div.rows > input {
  width: 100%;
  height: 40px;
  color: var(--font-color);
  letter-spacing: -.35px;
  border: 1px solid #ededed;
  border-radius: 5px;
  outline: none;
  padding: 0 15px;
  font-size: 13px;
  font-weight: 400;
}

div.search-postcode-wrapper > div.rows > input:disabled {
  color: #999;
  background: #f1f1f1;
}

div.search-postcode-wrapper > div.rows > button.search {
  color: #fff;
  background: #000;
  border-radius: 5px;
  min-width: 90px;
  height: 40px;
  padding: 7px 0;
  font-size: 13px;
  font-weight: 400;
}

div.app-menu {
  background: #fff;
  border-top: 1px solid #ededed;
}

div.app-menu > ul {
  height: 70px;
  padding: 0 .625rem;
  display: flex;
}

div.app-menu > ul > li {
  flex: 1;
  align-items: center;
  padding: 0 10px;
}

div.app-menu > ul > li > button {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: .05rem;
  width: 100%;
  height: 100%;
  display: flex;
}

div.app-menu > ul > li > button.active > svg {
  font-weight: 600;
}

div.app-menu > ul > li > button.active > span {
  color: var(--font-color);
  font-weight: 600;
}

div.app-menu > ul > li > button > span {
  color: var(--font-color-light);
  font-size: 12px;
  font-weight: 400;
}

.bg-white {
  background: #fff;
}

.h-dvh {
  height: 100dvh;
}

.mb-bg {
  background: #f2f2f2;
}

.mb-max-width {
  background: #f2f2f2;
  max-width: 475px;
  margin: 0 auto;
}

.mb-background-color {
  background: #fff;
}

.mb-calc-height {
  min-height: calc(100dvh - var(--header-height));
}

.desktop-calc-height {
  min-height: calc(100dvh - 74px);
}

.mb-not-calc-height {
  height: 100vh;
}

.mb-mt-height {
  margin-top: var(--header-height);
}

.mb-side-shadow {
  box-shadow: 0 0 20px #0000000d;
}

.mb-extension-bottom {
  padding-bottom: 71px;
}

.images-info {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.image-preview-wrapper {
  position: relative;
}

.image-thumb {
  object-fit: cover;
  border: 1px solid #f1f1f1;
  border-radius: 12px;
  width: 70px;
  height: 70px;
}

.remove-btn {
  cursor: pointer;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 9999px;
  padding: 2px;
  position: absolute;
  top: -5px;
  right: -5px;
}

.upload-label {
  cursor: pointer;
  border: 1px dashed #ccc;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: inline-flex;
}

.coupon-card {
  background: #fff;
  border: 2px solid #ededed;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 2px 8px #00000014;
}

.coupon-card > div.blur {
  opacity: .5;
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
}

.coupon-card.selected {
  border: 2px solid #202020;
}

.coupon-card.disabled {
  opacity: .5;
}

.coupon-card.used:after {
  content: "사용완료";
  color: #fff;
  letter-spacing: 1px;
  background: #000;
  border-radius: 4px;
  padding: .3rem 1.5rem;
  font-size: 13px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(-12deg);
}

.coupon-card.reserved:after {
  content: "쿠폰 사용중";
  color: #343434;
  letter-spacing: 1px;
  background: #ededed;
  border-radius: 4px;
  padding: .3rem 1.5rem;
  font-size: 13px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(-12deg);
}

.coupon-card.expired:after {
  content: "기간만료";
  color: #fff;
  letter-spacing: 1px;
  background: #ef4444f2;
  border-radius: 4px;
  padding: .3rem 1.5rem;
  font-size: 13px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(-12deg);
}

.coupon-card > div.wrapper {
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem;
  display: flex;
}

.coupon-card > div.wrapper > div.left {
  flex-direction: column;
  display: flex;
}

.coupon-card > div.wrapper > div.left > div.title {
  color: var(--font-color);
  letter-spacing: -.3px;
  font-size: 16px;
  font-weight: 700;
}

.coupon-card > div.wrapper > div.left > div.description {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  margin-bottom: .5rem;
  font-size: 13px;
  font-weight: 400;
}

.coupon-card > div.wrapper > div.left > div.discount > span {
  font-size: 28px;
  font-weight: 800;
}

.coupon-card > div.wrapper > div.left > div.discount > small {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  margin-left: .25rem;
  font-size: 11px;
  font-weight: 400;
}

.coupon-card > div.wrapper > div.left > div.discount {
  color: var(--font-color);
  margin-bottom: .5rem;
  font-size: 16px;
  font-weight: 500;
}

.coupon-card > div.wrapper > div.left > div.but {
  color: var(--font-color-light);
  letter-spacing: -.3px;
  font-size: 13px;
  font-weight: 400;
}

.coupon-card > div.wrapper > div.left > div.datetime {
  letter-spacing: -.3px;
  color: var(--font-color-light);
  font-size: 13px;
  font-weight: 400;
}

.coupon-card > div.wrapper > div.left > div.categories {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin-top: 1rem;
  display: flex;
}

.coupon-card > div.wrapper > div.left > div.categories > div.tag {
  color: #1d8bff;
  letter-spacing: 0;
  white-space: nowrap;
  background: #e3f0ff;
  border-radius: 4px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 700;
  line-height: normal;
}

.coupon-card > div.wrapper > div.right {
  column-gap: 1rem;
  margin-right: 1rem;
}

.coupon-card > div.wrapper > div.right > div.check-mark {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.coupon-card > div.wrapper > div.right > div.coupon-holes {
  background: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 24px;
  min-width: 24px;
  display: flex;
  position: relative;
}

.coupon-card > div.wrapper > div.right > div.coupon-text {
  writing-mode: sideways-lr;
  text-orientation: upright;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 900;
  display: flex;
}

.coupon-card > div.wrapper > div.right > div.coupon-holes:before {
  content: "";
  border-left: 2px dashed #e5e7eb;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.coupon-card > div.wrapper > div.right > div.coupon-holes > div.hole {
  z-index: 1;
  background: #f3f4f6;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: relative;
  box-shadow: inset 0 1px 3px #0000001a;
}

.coupon-card > div.wrapper > div.check-mark {
  position: absolute;
  top: .5rem;
  right: .5rem;
}

.alarm-nav-item {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.alarm-trigger {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.alarm-panel {
  z-index: 2000;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 14px;
  width: 350px;
  max-height: 650px;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  overflow: hidden;
  box-shadow: 0 16px 40px #0000001f;
}

.alarm-panel-inner {
  flex-direction: column;
  display: flex;
}

.alarm-header {
  border-bottom: 1px solid #f1f1f1;
  justify-content: space-between;
  align-items: center;
  padding: 14px;
  display: flex;
}

.alarm-list {
  max-height: 440px;
  padding: 10px 12px;
  overflow: auto;
}

.alarm-row {
  border-radius: 12px;
  gap: 10px;
  padding: 12px 8px;
  display: flex;
}

.alarm-row > .details {
  flex-direction: column;
  row-gap: 5px;
  width: 100%;
  display: flex;
}

.alarm-row > .details > .title {
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

.alarm-row > .details > .content {
  color: var(--font-color);
  background: #f2f4f6;
  border-radius: 10px;
  padding: 1rem;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.15rem;
}

.alarm-empty {
  text-align: center;
  color: var(--font-color-light);
  padding: 28px 12px;
  font-size: 14px;
}

.tag-arrow-wrapper {
  align-items: center;
  gap: 5px;
  display: flex;
  position: relative;
}

.new-badge {
  color: #fff;
  background: #ff4757;
  border-radius: 9999px;
  padding: 2px 4px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.category-result-list ul ul li a {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-left-link, .nav-right-item {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

:is(.nav-left-link, .nav-right-item) .new-badge {
  color: #fff;
  background: #ff4757;
  border-radius: 9999px;
  padding: 3px 4.5px;
  font-size: 10px;
  font-weight: 700;
}

div.tc-notice-popup-modal {
  z-index: 99999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

div.tc-notice-popup-modal > div.modal-wrapper {
  z-index: 99999;
  background: #fff;
  border-radius: 12px;
  width: calc(100% - 6rem);
  max-width: 350px;
  padding-bottom: 2.85rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.tc-notice-popup-modal > div.modal-wrapper > div.header > div.title {
  letter-spacing: -.3px;
  border-bottom: 1px solid #f1f1f1;
  align-items: center;
  column-gap: .5rem;
  padding: .65rem 1rem;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

div.tc-notice-popup-modal > div.modal-wrapper > div.section > div.content {
  letter-spacing: -.3px;
  padding: 1rem;
  font-size: 13px;
  font-weight: 400;
}

div.tc-notice-popup-modal > div.modal-wrapper > div.footer {
  width: 100%;
  height: 45px;
  color: var(--font-color);
  letter-spacing: -.3px;
  background: #f2f4f6;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  justify-content: space-between;
  padding: 0 1.5rem;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  position: absolute;
  bottom: 0;
}

div.tc-notice-popup-modal > div.modal-wrapper > div.footer > button:first-child {
  color: var(--font-color-light);
}

div.tc-notice-popup-modal > div.modal-wrapper > div.footer > button:last-child {
  border-left: 1px solid #ddd;
  padding-left: 1.5rem;
}

/* [project]/src/app/desktop_common.css [app-client] (css) */
@media screen and (min-width: 1100px) {
  .v2_card-link > .v2_card-form > div.top div.category > div, .v2_card-link > .v2_card-form > div.top > div.datetime > div, .v2_card-link > .v2_card-form > div.top div.datetime > span {
    font-size: 13px;
  }

  .v2_card-link > .v2_card-form > div.center > div.details > div.info > ul > li {
    font-size: 20px;
  }

  .v2_card-link > .v2_card-form > div.center > div.details > div.info > div.others {
    font-size: 14px;
  }

  .v2_card-link > .v2_card-form > div.footer > div.details > div.price > div.unitPrice {
    font-size: 19px;
  }

  .my_card-link {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 10px;
    justify-content: space-between;
    display: flex;
  }

  .my_card-link > .my_card-form {
    width: 100%;
    padding: .65rem 0;
    position: relative;
  }

  .my_card-link > .my_card-aside > .right-wrapper > .header > div.date-label {
    color: var(--font-color-light);
    margin-right: auto;
    font-size: 13px;
    font-weight: 500;
  }

  .my_card-link > .my_card-form > div.top > div.orderid {
    color: var(--font-color-light);
    align-items: center;
    column-gap: 5px;
    padding: 0 .65rem .5rem;
    font-size: 13px;
    font-weight: 400;
    display: flex;
  }

  .my_card-link > .my_card-form > div.top > div.orderid > span {
    color: var(--font-color);
    font-weight: 500;
  }

  .my_card-link > .my_card-form > div.top > div.categories {
    color: var(--font-color-light);
    white-space: nowrap;
    letter-spacing: -.3px;
    align-items: center;
    column-gap: .1rem;
    padding: 0 .65rem;
    font-size: 13px;
    font-weight: 400;
    display: flex;
  }

  .my_card-link > .my_card-form > div.top > div.datetime {
    flex-direction: row;
    column-gap: 5px;
    padding: 0 .65rem;
    display: flex;
  }

  .my_card-link > .my_card-form > div.top > div.datetime > div {
    color: var(--font-color-light);
    font-size: 13px;
    font-weight: 400;
  }

  .my_card-link > .my_card-form > div.top > div.datetime > span {
    color: var(--font-color);
    font-size: 13px;
    font-weight: 500;
  }

  .my_card-link > .my_card-form > .center .details {
    padding: 0 .65rem;
  }

  .my_card-link > .my_card-form > .center > .details > .info > ul > span {
    color: var(--font-color);
    letter-spacing: -.2px;
    font-size: 18px;
    font-weight: 600;
  }

  .my_card-link > .my_card-form > .center > .details > .info > ul > span:after {
    content: "|";
    color: var(--font-color-light);
    margin: 0 5px;
    font-size: 16px;
    font-weight: 100;
    position: relative;
    bottom: 0;
  }

  .my_card-link > .my_card-form > .center > .details > .info > ul > span:last-child:after {
    display: none;
  }

  .my_card-link > .my_card-form > .center > .details > .info > div.others {
    color: var(--font-color-extralight);
    font-size: 14px;
    font-weight: 400;
  }

  .my_card-link > .my_card-form > .center > .details > .info > div.others > span:nth-child(2):before {
    content: "|";
    color: var(--font-color-light);
    margin: 0 5px;
    font-size: 10px;
    font-weight: 100;
    position: relative;
  }

  .my_card-link > .my_card-form > .footer > div.details {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 .65rem;
    display: flex;
  }

  .my_card-link > .my_card-form > .footer > div.details > div.trade-type-info {
    align-items: baseline;
    column-gap: 5px;
    margin-top: 10px;
    padding-top: 5px;
    display: flex;
  }

  .my_card-link > .my_card-form > .footer > div.details > div.trade-type-info > div.tag {
    color: #1d8bff;
    letter-spacing: 0;
    white-space: nowrap;
    background: #e3f0ff;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    height: 20px;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    display: flex;
  }

  .my_card-link > .my_card-form > .footer > div.details > div.price {
    flex-direction: column;
    align-items: end;
    display: flex;
  }

  .my_card-link > .my_card-aside > div:first-child {
    margin-right: .65rem;
  }

  .my_card-link > .my_card-aside > .left-wrapper > div {
    text-align: center;
    color: var(--font-color);
    flex-direction: row;
    align-items: center;
    column-gap: 5px;
    font-size: 13px;
    font-weight: 500;
    display: flex;
  }

  .my_card-link > .my_card-aside > .left-wrapper > div.common > span, .my_card-link > .my_card-aside > .left-wrapper > div.quantity > span {
    color: var(--font-color-light);
    font-size: 13px;
    font-weight: 400;
  }

  .my_card-link > .my_card-aside > .left-wrapper {
    flex-direction: column;
    flex: 0 0 185px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .my_card-link > .my_card-aside > .left-wrapper > div.unitPrice {
    color: var(--pink-color);
    align-items: center;
    font-size: 16px;
    font-weight: 800;
  }

  .my_card-link > .my_card-aside > .left-wrapper > div.unitPrice > span {
    color: var(--font-color-light);
    font-size: 13px;
    font-weight: 500;
  }

  .my_card-link > .my_card-aside > .center-wrapper {
    flex: 0 0 150px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .my_card-link > .my_card-header {
    border-bottom: 1px solid #ededed;
    justify-content: space-between;
    align-items: center;
    column-gap: 5px;
    padding: .65rem;
    display: flex;
  }

  .my_card-link > .my_card-header > div.orderid {
    color: var(--font-color-light);
    align-items: center;
    column-gap: 5px;
    font-size: 13px;
    font-weight: 400;
    display: flex;
  }

  .my_card-link > .my_card-aside > .right-wrapper > .header > a.order-detail {
    white-space: nowrap;
    color: var(--font-color);
    flex-direction: row;
    align-items: center;
    column-gap: 3px;
    font-size: 13px;
    font-weight: 400;
    display: flex;
  }

  .my_card-link > .my_card-header > div.orderid > span {
    color: var(--font-color);
    font-weight: 500;
  }

  .my_card-link > .my_card-aside > .right-wrapper > .my_card-footer {
    margin: auto 0;
  }

  .my_card-link > .my_card-aside {
    flex-direction: row;
    display: flex;
  }

  .my_card-link > .my_card-aside > .right-wrapper > .my_card-footer > div.buttons {
    flex-direction: column;
    row-gap: 5px;
    display: flex;
  }

  .my_card-link > .my_card-aside > .right-wrapper {
    flex-direction: column;
    flex: 0 0 180px;
    padding: .65rem;
    display: flex;
  }

  .my_card-link > .my_card-aside > .right-wrapper:has( > :only-child) {
    justify-content: center;
  }

  .my_card-link > .my_card-aside > .right-wrapper > .header {
    justify-content: end;
    align-items: center;
    display: flex;
  }

  .my_card-link > .my_card-aside > .center-wrapper > .status-badge {
    letter-spacing: -.3px;
    white-space: pre-wrap;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    display: flex;
  }

  .my_card-link > .my_card-aside > .center-wrapper > .cancelled {
    color: var(--font-color-light);
  }

  .my_card-link > .my_card-aside > .right-wrapper > .my_card-footer > div.buttons > button, .my_card-link > .my_card-aside > .right-wrapper > .my_card-footer > div.buttons > a {
    cursor: pointer;
    letter-spacing: -.3px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
    padding: 5px 15px;
    font-size: 13px;
    font-weight: 400;
    display: flex;
  }

  .my_card-link > .my_card-aside > .right-wrapper > .my_card-footer > div.buttons > button.black, .my_card-link > .my_card-aside > .right-wrapper > .my_card-footer > div.buttons > a.black {
    color: #fff;
    background: #202020;
  }

  .my_card-link > .my_card-footer > div.status {
    margin-left: auto;
    font-size: 13px;
    font-weight: 600;
  }

  .my_checkbox-selected-container {
    z-index: 99999;
    color: #fff;
    background: #000;
    border: 1px solid #ededed;
    border-radius: 12px;
    width: 500px;
    height: 70px;
    position: fixed;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px #00000015;
  }

  .my_checkbox-selected-container > .wrapper {
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 1rem;
    display: flex;
  }

  .my_checkbox-selected-container > .wrapper > .left > div.count {
    align-items: center;
    column-gap: 5px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
  }

  .my_checkbox-selected-container > .wrapper > .left > div.count > span {
    font-weight: 600;
  }

  .my_checkbox-selected-container > .wrapper > .end {
    flex-direction: row;
    column-gap: 5px;
    display: flex;
  }

  .my_checkbox-selected-container > .wrapper > .end > button {
    cursor: pointer;
    border-radius: 8px;
    flex-direction: row;
    align-items: center;
    column-gap: 10px;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 400;
    display: flex;
  }

  .my_checkbox-selected-container > .wrapper > .end > button:first-child {
    color: #fff;
    background: #202020;
  }

  .my_checkbox-selected-container > .wrapper > .end > button:nth-child(2) {
    color: #000;
    background: #fff;
  }

  .my_pagination-container {
    justify-content: center;
    align-items: center;
    column-gap: 1rem;
    margin-top: 1rem;
    display: flex;
  }

  .my_pagination-container > button {
    cursor: pointer;
    color: #202020;
    border-radius: 9999px;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
  }

  .my_pagination-container > button:disabled {
    cursor: unset;
    color: #adadad;
  }

  .my_pagination-container > button:disabled:hover {
    background: none;
  }

  .my_pagination-container > button.active {
    color: #fff;
    cursor: unset;
    background: #202020;
    font-weight: 500;
  }

  .my_pagination-container > button.active:hover {
    background: #202020;
  }

  .my_pagination-container > button:hover {
    background: #f5f5f5;
  }
}

/* [project]/src/app/desktop_globals.css [app-client] (css) */
@media screen and (min-width: 1100px) {
  .bp-title {
    font-size: 24px;
  }

  .bp-desc {
    font-size: 16px;
  }

  .homepage-adbanner-section > div.splide > div.splide__track {
    border-radius: 12px;
  }

  .bp-banner-imageWrap {
    padding-top: 45%;
  }

  div.homepage-categories-section div.splide li.splide__slide > a {
    font-size: 14px;
  }

  div.homepage-region-products-section > div.title, div.homepage-latest-form > div.homepage-latest-tabs > div.title, div.homepage-gift-form > div.title, div.popular-trending-widget > div.widget-header > div.header-top > h2.widget-title {
    font-size: 22px;
  }

  div.homepage-region-products-section > div.region-wrapper > a.region-item > div.info > div.location {
    font-size: 12px;
  }

  div.homepage-region-products-section > div.region-wrapper > a.region-item > div.info > div.tc-string {
    font-size: 13px;
  }

  div.homepage-region-products-section > div.region-wrapper > a.region-item > div.other {
    font-size: 12px;
  }

  .homepage-region-products-section button, div.homepage-latest-form > div.homepage-latest-tabs > ul.details > li {
    font-size: 14px;
  }

  div.popular-trending-widget > div.widget-content > div.rank-column > a.rank-item {
    font-size: 13px;
  }

  div.product-container > div.product-wrapper > div.details > div.product-info-top > div.seat-info {
    font-size: 20px;
  }

  div.product-container > div.product-wrapper > div.details > div.product-info-top > div.category {
    font-size: 13px;
  }

  div.product-container > div.product-wrapper > div.details > div.product-info-top > div.others, div.product-container > div.product-wrapper > div.details > div.product-info-top > div.ticket-info > div.common {
    font-size: 14px;
  }

  div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.center > ul > li, div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.center > ul > span {
    font-size: 20px;
  }

  div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.center > div.others {
    font-size: 14px;
  }

  div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.top > div.categories, div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.top > div.datetime > div, div.product-payment-container > div.product-payment-wrapper > ul > li > div.payment_card-form > div.top > div.datetime > span {
    font-size: 13px;
  }

  div.biz-create-modal > div.wrapper > div.section > ul > li > div.title, div.biz-create-modal > div.wrapper > div.section > ul > li > div.rows > div.row > div.title {
    font-size: 14px;
  }

  div.hot-products-section > div.title {
    font-size: 22px;
  }

  div.hot-products-section > div.hot-products-group > div.hot-products-header > h3.hot-products-title > span {
    font-size: 14px;
  }

  div.desktop-my-container > div.wrapper > div.section > div.section-title {
    margin: .5rem 0 1rem;
    font-size: 22px;
    font-weight: 500;
  }

  div.desktop-my-common-aside {
    flex-direction: column;
    flex: 0 210px;
    row-gap: .5rem;
    display: flex;
  }

  div.desktop-my-common-aside > button.logout {
    cursor: pointer;
    border-radius: 8px;
    align-items: center;
    column-gap: .5rem;
    padding: 10px 12px;
    font-size: 15px;
    font-weight: 400;
    display: flex;
  }

  div.desktop-my-common-aside > button.logout:hover {
    background: #f5f6f8;
    font-weight: 500;
  }

  div.desktop-my-common-aside > a.title {
    margin: .5rem 0;
    font-size: 28px;
    font-weight: 600;
  }

  div.desktop-my-common-aside > ul.columns > div.title {
    color: var(--font-color-light);
    letter-spacing: -.3px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
  }

  div.desktop-my-common-aside > ul.columns > li {
    margin-bottom: 5px;
  }

  div.desktop-my-common-aside > ul.columns > li:last-child {
    margin-bottom: 0;
  }

  div.desktop-my-common-aside > ul.columns > li > a:hover, div.desktop-my-common-aside > ul.columns > li > a.active {
    background: #f5f6f8;
    font-weight: 500;
  }

  div.desktop-my-common-aside > ul.columns > li > a {
    cursor: pointer;
    letter-spacing: -.3px;
    border-radius: 8px;
    align-items: center;
    column-gap: .5rem;
    width: 100%;
    padding: 10px 12px;
    font-size: 15px;
    font-weight: 400;
    display: flex;
  }

  div.home-review-wrapper > div.title {
    font-size: 22px;
  }

  div.home-review-wrapper > div.splide > div.splide__track > ul.splide__list > li.splide__slide > div.review-card > div.header > div.info > span {
    font-size: 17px;
  }

  div.home-review-wrapper > div.splide > div.splide__track > ul.splide__list > li.splide__slide > div.review-card > div.section > div.content {
    font-size: 15px;
  }

  div.home-review-wrapper > div.splide > div.splide__track > ul.splide__list > li.splide__slide > div.review-card > div.footer > div.date > span, div.billing-manager-wrapper > div.form > div.datetime, div.product-new-container > div.product-new-wrapper > div.details > div.common > div.billing-card > div.datetime > span {
    font-size: 13px;
  }

  div.desktop-my-container > div.wrapper > div.section > div.welcome {
    letter-spacing: -.5px;
    flex-direction: column;
    margin: .5rem 0 2rem;
    font-size: 26px;
    display: flex;
  }

  div.desktop-my-container > div.wrapper > div.section > div.welcome > span {
    font-weight: 600;
  }

  div.desktop-my-container > div.wrapper > div.section > div.my-page-status-container {
    background: #f6f7f8;
    border-radius: 12px;
  }

  div.desktop-my-container > div.wrapper > div.section > div.my-page-status-container > div.wrapper {
    display: flex;
  }

  div.desktop-my-container > div.wrapper > div.section > div.my-page-status-container > div.wrapper > div {
    flex: 1;
    padding: 1rem 1.5rem;
  }

  div.desktop-my-container > div.wrapper > div.section > div.my-page-status-container > div.wrapper > div > strong {
    letter-spacing: -.3px;
    align-items: center;
    column-gap: .5rem;
    font-size: 20px;
    font-weight: 600;
    display: flex;
  }

  div.desktop-my-container > div.wrapper > div.section > div.my-page-status-container > div.wrapper > div > strong > span {
    color: var(--font-color-light);
    font-size: 16px;
    font-weight: 400;
  }

  div.desktop-my-container > div.wrapper > div.section > div.my-page-status-container > div.wrapper > div > ul {
    margin: 1rem;
    display: flex;
  }

  div.desktop-my-container > div.wrapper > div.section > div.my-page-status-container > div.wrapper > div > ul > li {
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    row-gap: .15rem;
    display: flex;
  }

  div.desktop-my-container > div.wrapper > div.section > div.my-page-status-container > div.wrapper > div:first-child {
    border-right: 1px solid #ededed;
  }

  div.desktop-my-container > div.wrapper > div.section > div.my-page-status-container > div.wrapper > div > ul > li > div.label {
    color: var(--font-color-light-50);
    letter-spacing: -.3px;
    font-size: 16px;
  }

  div.desktop-my-container > div.wrapper > div.section > div.my-page-status-container > div.wrapper > div > ul > li > div.result {
    color: #000;
    font-size: 24px;
    font-weight: 600;
  }

  div.desktop-my-container > div.wrapper > div.section > div.my-page-status-container > div.wrapper > div > ul > li > div.result:hover {
    text-decoration: underline;
  }

  div.desktop-my-container > div.wrapper > div.section > div.my-page-status-container > div.wrapper > div > ul > li > div.footer {
    color: var(--font-color-light-50);
    letter-spacing: -.3px;
    align-items: center;
    column-gap: 5px;
    font-size: 13px;
    display: flex;
  }

  div.desktop-my-container > div.wrapper > div.section > div.my-page-status-container > div.wrapper > div > ul > li > div.footer > a {
    color: var(--brand-color);
    font-weight: 500;
  }

  div.desktop-my-container > div.wrapper > div.section > div.my-page-status-container > div.wrapper > div > ul > li > div.footer > a:hover {
    text-decoration: underline;
  }
}

/* [project]/node_modules/@splidejs/splide/dist/css/splide.min.css [app-client] (css) */
.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  height: 100%;
  display: flex;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  pointer-events: none;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  display: flex;
}

.splide__pagination li {
  pointer-events: auto;
  margin: 0;
  line-height: 1;
  list-style-type: none;
  display: inline-block;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  visibility: hidden;
  position: relative;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  margin: 0;
  position: relative;
  list-style-type: none !important;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  contain: strict;
  border: 2px solid #999;
  border-left-color: #0000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin: auto;
  animation: 1s linear infinite splide-loading;
  display: inline-block;
  position: absolute;
  inset: 0;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  z-index: 0;
  position: relative;
  overflow: hidden;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  opacity: 0;
  z-index: 0;
  margin: 0 !important;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  cursor: pointer;
  opacity: .7;
  z-index: 1;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  padding: 0;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.splide__arrow svg {
  fill: #000;
  width: 1.2em;
  height: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: .9;
}

.splide__arrow:disabled {
  opacity: .3;
}

.splide__arrow:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #0bf;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline-offset: 3px;
  outline: 3px solid #0bf;
}

.splide__pagination {
  z-index: 1;
  padding: 0 1em;
  position: absolute;
  bottom: .5em;
  left: 0;
  right: 0;
}

.splide__pagination__page {
  opacity: .7;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin: 3px;
  padding: 0;
  transition: transform .2s linear;
  display: inline-block;
  position: relative;
}

.splide__pagination__page.is-active {
  z-index: 1;
  background: #fff;
  transform: scale(1.4);
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: .9;
}

.splide__pagination__page:focus-visible, .splide.is-focus-in .splide__pagination__page:focus {
  outline-offset: 3px;
  outline: 3px solid #0bf;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: #0000;
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline-offset: -3px;
    outline: 3px solid #0bf;
  }
}

@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}

@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline-offset: -3px;
    outline: 3px solid #0bf;
  }
}

@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }

  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}

.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible, .splide.is-focus-in .splide__toggle:focus {
  outline-offset: 3px;
  outline: 3px solid #0bf;
}

.splide__track--nav > .splide__list > .splide__slide {
  cursor: pointer;
  border: 3px solid #0000;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  top: auto;
  bottom: 1em;
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  flex-direction: column;
  padding: 1em 0;
  display: flex;
  inset: 0 .5em 0 auto;
}

/*# sourceMappingURL=_b46cf3e5._.css.map*/