@charset "UTF-8";/* Hahmlet */
@font-face {
  font-family: "Hahmlet";
  src: url("/fonts/Hahmlet-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hahmlet";
  src: url("/fonts/Hahmlet-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hahmlet";
  src: url("/fonts/Hahmlet-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hahmlet";
  src: url("/fonts/Hahmlet-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hahmlet";
  src: url("/fonts/Hahmlet-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hahmlet";
  src: url("/fonts/Hahmlet-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hahmlet";
  src: url("/fonts/Hahmlet-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hahmlet";
  src: url("/fonts/Hahmlet-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hahmlet";
  src: url("/fonts/Hahmlet-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Pretendard */
@font-face {
  font-family: "Pretendard";
  src: url("/fonts/Pretendard-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("/fonts/Pretendard-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("/fonts/Pretendard-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("/fonts/Pretendard-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  src: url("/fonts/Pretendard-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #000000;
  --black2: #101010;
  --white: #ffffff;
  --gray-light: #f5f5f5;
  --gray-mid: #dddddd;
  --gray-text: #555555;
  --font-display: "Hahmlet", sans-serif;
  --font-body: "Pretendard", sans-serif;
  --px: 40px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  background: var(--white);
  color: var(--black2);
  line-height: 1.6;
  overflow-x: hidden;
}

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

button {
  cursor: pointer;
  border: none;
  background: none;
  font-family: inherit;
}

img {
  max-width: 100%;
}

.page {
  padding-top: 76px;
}

.container {
  padding: 0 var(--px);
}

.wrapper {
  max-width: 1400px;
  margin: 0 auto;
}

.inner {
  position: relative;
}

@media (max-width: 1023px) {
  :root {
    --px: 24px;
  }
}

@media (max-width: 767px) {
  :root {
    --px: 16px;
  }

  .page {
    padding-top: 56px;
  }
}
._header_87xmz_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
}

._header_87xmz_1 .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 76px;
}

._logo_87xmz_18 {
  display: block;
  width: 76px;
  height: auto;
  font-size: 0;
}

._nav_87xmz_25 {
  display: flex;
  align-items: center;
  gap: 40px;
}

._navItem_87xmz_31 {
  display: block;
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 700;
  color: var(--black2);
  transition: opacity 0.2s;
}

._navItem_87xmz_31:hover {
  opacity: 0.5;
}

._navItem_87xmz_31._login_87xmz_44 {
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  border-radius: 8px;
  font-size: 12px;
  color: #fff;
  background: #101010;
  letter-spacing: 2px;
}

._hamburger_87xmz_55 {
  display: none;
  color: var(--black2);
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  ._header_87xmz_1 .inner {
    height: 56px;
  }

  ._logo_87xmz_18 {
    width: 38px;
  }

  ._hamburger_87xmz_55 {
    display: flex;
  }

  ._nav_87xmz_25 {
    display: none;
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    background: white;
    flex-direction: column;
    padding: 24px var(--px);
    gap: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    align-items: flex-start;
  }

  ._nav_87xmz_25._open_87xmz_89 {
    display: flex;
  }
}
._footer_1rgnn_1 {
  background: #101010;
  color: #dddddd;
  padding: 40px 0;
}

._inner_1rgnn_7 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--px);
}

._row1_1rgnn_13 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #999999;
}

._info_1rgnn_22 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #dddddd;
  line-height: 2.5;
  max-width: 480px;
}

._menus_1rgnn_33 {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

._menuCol_1rgnn_39 {
  display: flex;
  flex-direction: column;
}

._menuCol_1rgnn_39 a {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  transition: color 0.2s;
  white-space: nowrap;
  text-decoration: none;
  line-height: 2.5;
}

._menuCol_1rgnn_39 a:hover {
  color: #ffffff;
}

._menuCol2_1rgnn_58 a {
  color: #dddddd;
}

._topBtn_1rgnn_62 {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #dddddd;
  transition: color 0.2s;
  white-space: nowrap;
  align-self: flex-start;
  cursor: pointer;
  line-height: 2.5;
}

._topBtn_1rgnn_62:hover {
  color: #ffffff;
}

._row2_1rgnn_78 {
  padding-top: 20px;
}

._copy_1rgnn_82 {
  display: flex;
  align-items: center;
  gap: 20px;
}

._copyLogo_1rgnn_88 {
  width: 76px;
  font-size: 0;
}

._copyText_1rgnn_93 {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 400;
  color: #ddd;
  line-height: normal;
  letter-spacing: 3px;
}

@media (max-width: 1023px) {
  ._row1_1rgnn_13 {
    flex-direction: column;
  }

  ._info_1rgnn_22 {
    max-width: 100%;
    font-size: 10px;
    line-height: 2;
  }

  ._menus_1rgnn_33 {
    flex-wrap: wrap;
    gap: 20px;
  }
}

@media (max-width: 767px) {
  ._footer_1rgnn_1 {
    padding: 32px 0;
  }
  ._row1_1rgnn_13 {
    gap: 20px;
    padding-bottom: 10px;
  }
  ._menus_1rgnn_33 {
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid #999999;
  }
  ._menuCol_1rgnn_39 a {
    font-size: 10px;
    line-height: 2;
  }
  ._topBtn_1rgnn_62 {
    font-size: 10px;
  }
}
._visualWrap_1s0vg_1 {
  position: relative;
  width: 100%;
  height: 720px;
  border-radius: 40px;
  overflow: hidden;
}

._swiper_1s0vg_9 {
  width: 100%;
  height: 100%;
}

._slide_1s0vg_14 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 80px;
}

/* 컨트롤러 */
._controller_1s0vg_24 {
  position: absolute;
  bottom: 32px;
  right: 32px;
  width: auto;
  height: 32px;
  background: #101010;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  z-index: 10;
}

._ctrlBtn_1s0vg_39 {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background 0.2s;
  flex-shrink: 0;
  font-size: 0;
}

._ctrlBtn_1s0vg_39:hover {
  background: rgba(255, 255, 255, 0.15);
}

._ctrlBtn_1s0vg_39 img {
  width: 5px;
  vertical-align: middle;
}

._ctrlCount_1s0vg_60 {
  display: flex;
  align-items: center;
  gap: 2px;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 400;
  color: #aaaaaa;
}

._ctrlCount_1s0vg_60 strong {
  font-size: 14px;
  color: #ffffff;
}

._ctrlSep_1s0vg_75 {
  color: #aaaaaa;
  margin: 0 2px 0 6px;
}

@media (max-width: 1023px) {
  ._visualWrap_1s0vg_1 {
    height: 480px;
    border-radius: 24px;
  }

  ._slide_1s0vg_14 {
    padding: 0 40px;
  }
}

@media (max-width: 767px) {
  ._visualWrap_1s0vg_1 {
    height: 400px;
    border-radius: 20px;
  }

  ._slide_1s0vg_14 {
    padding: 0 28px;
  }
}
/**
 * Swiper 12.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 27, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
._marqueeWrap_1cdcr_1 {
  overflow: hidden;
  width: 100%;
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 8%,
    black 92%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 8%,
    black 92%,
    transparent 100%
  );
}

._marqueeTrack_1cdcr_20 {
  display: flex;
  gap: 24px;
  width: max-content;
  animation: _marquee_1cdcr_1 30s linear infinite;
}

._logo_1cdcr_27 {
  width: 220px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #f5f5f5;
  transition: border-color 0.2s;
}

._logo_1cdcr_27:hover {
  border-color: #cccccc;
}

._logoName_1cdcr_42 {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #aaaaaa;
}

@keyframes _marquee_1cdcr_1 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (max-width: 767px) {
  ._marqueeTrack_1cdcr_20 {
    gap: 12px;
  }
  ._logo_1cdcr_27 {
    width: 121px;
    height: 44px;
  }
}
._card_1qcz8_1 {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
  overflow: hidden;
  background: white;
}

._thumb_1qcz8_12 {
  position: relative;
  width: 100%;
  aspect-ratio: 320 / 220;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
}

._thumbBg_1qcz8_21 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

._price_1qcz8_29 {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  padding: 5px 8px;
  border-radius: 4px;
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  line-height: normal;
  background: var(--black2);
}

._body_1qcz8_45 {
  padding-top: 16px;
}

._name_1qcz8_49 {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 600;
  color: var(--black);
  line-height: normal;
}

._meta_1qcz8_57 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-display);
  font-size: 14px;
  color: var(--black);
  margin-top: 8px;
}

._meta_1qcz8_57 span {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

._meta_1qcz8_57 span img {
  width: 16px;
  height: 16px;
  aspect-ratio: 1/1;
}

._desc_1qcz8_80 {
  overflow: hidden;
  font-size: 12px;
  font-weight: 500;
  color: var(--gray-text);
  line-height: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 16px;
}

._tags_1qcz8_91 {
  display: flex;
  flex-wrap: wrap;
  gap: 0 4px;
  margin-top: 10px;
}

._tag_1qcz8_91 {
  padding: 4px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  color: var(--white);
  line-height: normal;
  background: var(--black2);
}

@media (min-width: 1024px) and (max-width: 1400px) {
  ._name_1qcz8_49 {
    font-size: 16px;
  }
  ._meta_1qcz8_57 {
    gap: 5px;
  }
  ._meta_1qcz8_57 span {
    font-size: 12px;
    gap: 2px;
  }
  ._meta_1qcz8_57 span img {
    width: 12px;
    height: 12px;
  }
}

@media (max-width: 767px) {
  .allProductWrap ._grid_1qcz8_126 {
    gap: 30px 12px;
  }
  .allProductWrap ._body_1qcz8_45 {
    padding-top: 8px;
  }
  .allProductWrap ._name_1qcz8_49 {
    font-size: 12px;
  }
  .allProductWrap ._meta_1qcz8_57 {
    gap: 8px;
    margin-top: 4px;
    font-size: 8px;
  }
  .allProductWrap ._meta_1qcz8_57 span {
    gap: 2px;
  }
  .allProductWrap ._meta_1qcz8_57 span img {
    width: 8px;
    height: 8px;
  }

  .allProductWrap ._desc_1qcz8_80 {
    margin-top: 8px;
    font-size: 10px;
  }

  .allProductWrap ._tags_1qcz8_91 {
    margin-top: 8px;
  }
  .allProductWrap ._tag_1qcz8_91 {
    font-size: 8px;
  }
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}
._cardWrap_tjegh_1 {
  display: flex;
  justify-content: center;
}

._cardItem_tjegh_6 {
  width: 320px;
  margin: 0 auto;
}

._cardItem_tjegh_6:nth-child(1) {
  animation: 3.5s ease-in-out 0s infinite normal none running _floatUpDown_tjegh_1;
}
._cardItem_tjegh_6:nth-child(2) {
  animation: 3s ease-in-out 0s infinite normal none running _floatUpDown2_tjegh_1;
}
._cardItem_tjegh_6:nth-child(3) {
  animation: 4s ease-in-out 0s infinite normal none running _floatUpDown_tjegh_1;
}
._cardItem_tjegh_6:nth-child(4) {
  animation: 3.5s ease-in-out 0s infinite normal none running _floatUpDown2_tjegh_1;
}

._cardItem_tjegh_6:hover {
  transform: translateY(-15px);
}

._swiper_tjegh_28 {
  width: 100%;
  padding-bottom: 12px;
}

._swiper_tjegh_28 .swiper-pagination-bullets {
  bottom: 0;
  font-size: 0;
}

._swiper_tjegh_28 .swiper-pagination-bullet {
  width: 8px;
  height: 4px;
  margin: 0 2px !important;
  border-radius: 10px;
  background: var(--gray-mid);
  opacity: 1;
}

._swiper_tjegh_28 .swiper-pagination-bullet-active {
  width: 24px;
  background: var(--black2);
}

@keyframes _floatUpDown_tjegh_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes _floatUpDown2_tjegh_1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0);
  }
}

@media (max-width: 1100px) {
  ._grid_tjegh_77 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  ._grid_tjegh_77 {
    grid-template-columns: 1fr;
  }
}
._banner_6xugg_1 {
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 461px;
  margin-top: 120px;
  background: #d9d9d9;
}

@media (max-width: 767px) {
  ._banner_6xugg_1 {
    height: auto;
    margin-top: 80px;
    padding: 60px 0;
    border-radius: 16px;
  }

  ._inner_6xugg_20 {
    padding: 0 var(--px);
  }
}
._sectionHead_udsf4_1 {
  margin-bottom: 48px;
  text-align: center;
}

._sectionHead_udsf4_1._mb20_udsf4_6 {
  margin-bottom: 20px;
}

._sectionTitle_udsf4_10 {
  font-family: var(--font-display);
  font-size: 44px;
  font-weight: 600;
  color: var(--black2);
  line-height: normal;
  text-align: center;
}

._sectionExpl_udsf4_19 {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  text-align: center;
  line-height: normal;
}

._sectionExpl_udsf4_19 br {
  display: none;
}

._sectionTitle2_udsf4_32 {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 400;
  color: var(--black2);
  line-height: normal;
  text-align: center;
  letter-spacing: 10px;
}

._bannerSection_udsf4_42 {
}

._partnerSection_udsf4_45 {
  margin-top: 80px;
  overflow: hidden;
}

._productSection_udsf4_50 {
  margin-top: 80px;
}

._productSection2_udsf4_54 {
  margin-top: 120px;
}

._productSection_udsf4_50 .container {
  position: relative;
}
._productSection_udsf4_50 .container::before {
  content: "";
  display: block;
  border-top: 1px solid var(--black2);
}

._productSection_udsf4_50 .inner {
  padding-top: 120px;
}

._aboutSection_udsf4_71 {
  margin-top: 120px;
  padding: 80px 0;
  background: url("/assets/bg_paper-CyRydgcP.png") no-repeat center/cover;
}

._allProductSection_udsf4_77 {
  margin-top: 80px;
}

._allProductSection_udsf4_77 ._sectionHead_udsf4_1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 16px;
}
._allProductSection_udsf4_77 ._sectionTitle_udsf4_10 {
  font-size: 32px;
  text-align: left;
}

._productSwiper_udsf4_92 {
  width: 100%;
  padding-bottom: 36px;
}

._productSwiper_udsf4_92 .swiper-pagination-bullets {
  bottom: 0;
  font-size: 0;
}

._productSwiper_udsf4_92 .swiper-pagination-bullet {
  width: 8px;
  height: 4px;
  margin: 0 2px !important;
  border-radius: 10px;
  background: var(--gray-mid);
  opacity: 1;
}

._productSwiper_udsf4_92 .swiper-pagination-bullet-active {
  width: 24px;
  background: var(--black2);
}

._grid_udsf4_116 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

/* Sort */
._sortWrap_udsf4_123 {
  position: relative;
}

._sortBtn_udsf4_127 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 7px;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #777777;
  background: white;
  transition: border-color 0.2s;
  cursor: pointer;
}

._sortBtn_udsf4_127 img {
  width: 16px;
  height: 16px;
  aspect-ratio: 1/1;
}

._sortBtn_udsf4_127:hover {
  color: var(--black2);
  border-color: var(--black2);
}

._rotated_udsf4_153 {
  transform: rotate(180deg);
}

._sortDropdown_udsf4_157 {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  background: white;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  z-index: 50;
  min-width: 120px;
}

._sortOption_udsf4_170 {
  display: block;
  width: 100%;
  padding: 11px 16px;
  font-size: 13px;
  color: var(--black2);
  text-align: left;
  transition: background 0.15s;
  cursor: pointer;
}

._sortOption_udsf4_170:hover {
  background: #f5f5f5;
}

._sortActive_udsf4_185 {
  font-weight: 600;
  background: #f5f5f5;
}

@media (max-width: 1400px) {
  ._grid_udsf4_116 {
    gap: 20px;
  }
}

@media (max-width: 1023px) {
  ._grid_udsf4_116 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  ._sectionHead_udsf4_1 {
    margin-bottom: 20px;
  }
  ._sectionTitle_udsf4_10 {
    font-size: 36px;
  }
  ._sectionExpl_udsf4_19 {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.5;
  }
  ._sectionExpl_udsf4_19 br {
    display: block;
  }

  ._partnerSection_udsf4_45 {
    margin-top: 48px;
  }

  ._productSection_udsf4_50 {
    margin-top: 40px;
  }

  ._productSection2_udsf4_54 {
    margin-top: 80px;
  }

  ._productSection_udsf4_50 .inner {
    padding-top: 80px;
  }

  ._productWrap_udsf4_234 {
    display: block;
  }

  ._aboutSection_udsf4_71 {
    margin-top: 80px;
  }

  ._allProductSection_udsf4_77 ._sectionHead_udsf4_1 {
    margin-bottom: 8px;
  }
  ._allProductSection_udsf4_77 ._sectionTitle_udsf4_10 {
    font-size: 22px;
  }
  ._allProductSection_udsf4_77 ._grid_udsf4_116 {
    gap: 30px 12px;
  }
}
/* ── 전체 레이아웃 ── */
._layout_1p2zl_2 {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 80px;
}

/* ── 좌측 필터 ── */
._filterCol_1p2zl_11 {
  display: flex;
  flex: 0 0 310px;
  flex-direction: column;
  position: sticky;
  top: 84px;
  gap: 0;
  padding: 20px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.06);
}

._filterBlock_1p2zl_24 {
  padding: 24px 0;
}

._filterBlock_1p2zl_24._filterGenre_1p2zl_28 {
  padding-top: 0;
}

._filterDivider_1p2zl_32 {
  height: 1px;
  background: #eeeeee;
}

._filterTitle_1p2zl_37 {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--black);
  margin-bottom: 16px;
  text-transform: uppercase;
}

/* 체크박스 */
._checkList_1p2zl_48 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._checkLabel_1p2zl_54 {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

._checkInput_1p2zl_61 {
  display: none;
}

._checkBox_1p2zl_65 {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1.5px solid #cccccc;
  flex-shrink: 0;
  transition:
    background 0.15s,
    border-color 0.15s;
  position: relative;
}

._checkInput_1p2zl_61:checked + ._checkBox_1p2zl_65 {
  background: var(--black);
  border-color: var(--black);
}

._checkInput_1p2zl_61:checked + ._checkBox_1p2zl_65::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}

._checkText_1p2zl_95 {
  font-size: 14px;
  color: #444444;
}

/* 라디오버튼 */
._radioList_1p2zl_101 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._radioLabel_1p2zl_107 {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

._radioInput_1p2zl_114 {
  display: none;
}

._radioCircle_1p2zl_118 {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid #cccccc;
  flex-shrink: 0;
  transition: border-color 0.15s;
  position: relative;
}

._radioInput_1p2zl_114:checked + ._radioCircle_1p2zl_118 {
  border-color: var(--black);
}

._radioInput_1p2zl_114:checked + ._radioCircle_1p2zl_118::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: var(--black);
}

._radioText_1p2zl_140 {
  font-size: 14px;
  color: #444444;
}

/* 평점 슬라이더 */
._ratingWrap_1p2zl_146 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._ratingDisplay_1p2zl_152 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._ratingStars_1p2zl_158 {
  font-size: 16px;
  color: #ffbb00;
  letter-spacing: 2px;
}

._ratingVal_1p2zl_164 {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  color: var(--black);
}

._rangeWrap_1p2zl_171 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._rangeInput_1p2zl_177 {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  outline: none;
  cursor: pointer;
  background: linear-gradient(
    to right,
    var(--black) 0%,
    var(--black) var(--ratio),
    #dddddd var(--ratio),
    #dddddd 100%
  );
}

._rangeInput_1p2zl_177::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--black);
  cursor: pointer;
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: transform 0.15s;
}

._rangeInput_1p2zl_177::-webkit-slider-thumb:hover {
  transform: scale(1.15);
}

._rangeInput_1p2zl_177::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--black);
  cursor: pointer;
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

._rangeLabels_1p2zl_221 {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: #aaaaaa;
}

/* 필터 초기화 */
._resetBtn_1p2zl_229 {
  margin-top: 8px;
  padding: 10px 0;
  width: 100%;
  border: 1px solid #dddddd;
  border-radius: 8px;
  font-size: 13px;
  font-family: var(--font-body);
  color: #666666;
  cursor: pointer;
  background: transparent;
  transition:
    border-color 0.2s,
    color 0.2s;
}

._resetBtn_1p2zl_229:hover {
  border-color: var(--black);
  color: var(--black);
}

/* ── 우측 목록 ── */
._listCol_1p2zl_251 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* 1단 헤더 */
._listHead_1p2zl_260 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._resultCount_1p2zl_266 {
  font-size: 14px;
  color: #666666;
}

._resultCount_1p2zl_266 strong {
  color: var(--black);
  font-weight: 700;
}

._sortSelect_1p2zl_276 {
  appearance: none;
  padding: 9px 36px 9px 14px;
  border: 1px solid #dddddd;
  border-radius: 8px;
  font-size: 13px;
  font-family: var(--font-body);
  color: var(--black);
  background: #fff;
  cursor: pointer;
  outline: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23101010' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  transition: border-color 0.2s;
}

._sortSelect_1p2zl_276:hover {
  border-color: var(--black);
}

/* 2단 그리드 */
._grid_1p2zl_298 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

._cardWrap_1p2zl_304 {
  cursor: pointer;
}

/* 빈 상태 */
._empty_1p2zl_309 {
  padding: 80px 0;
  text-align: center;
  color: #aaaaaa;
  font-size: 15px;
}

/* 3단 페이징 */
._paging_1p2zl_317 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding-top: 16px;
}

._pageBtn_1p2zl_325 {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #eeeeee;
  font-size: 14px;
  font-family: var(--font-body);
  color: #666666;
  background: #fff;
  cursor: pointer;
  transition:
    border-color 0.2s,
    color 0.2s,
    background 0.2s;
}

._pageBtn_1p2zl_325:hover:not(:disabled) {
  border-color: var(--black);
  color: var(--black);
}

._pageBtn_1p2zl_325:disabled {
  opacity: 0.3;
  cursor: default;
}

._pageBtnActive_1p2zl_354 {
  background: var(--black);
  border-color: var(--black);
  color: #fff;
  font-weight: 700;
}

._pageBtnActive_1p2zl_354:hover {
  background: var(--black) !important;
  color: #fff !important;
}

/* ── 반응형 ── */
@media (max-width: 1024px) {
  ._grid_1p2zl_298 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  ._layout_1p2zl_2 {
    flex-direction: column;
    gap: 24px;
  }

  ._filterCol_1p2zl_11 {
    position: static;
    width: 100%;
    flex: none;
    background: #f7f7f7;
    border-radius: 16px;
    padding: 0 20px;
  }

  ._grid_1p2zl_298 {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
}

@media (max-width: 480px) {
  ._grid_1p2zl_298 {
    grid-template-columns: 1fr;
  }
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-thumbs {
  .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
}
/* ── 1단 레이아웃 ── */
._layout_1444m_2 {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  padding-top: 40px;
}

/* ── 좌측 이미지 영역 ── */
._imageCol_1444m_10 {
  flex: 0 0 960px;
  width: 960px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* 메인 이미지 */
._mainImageWrap_1444m_20 {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 11;
  border-radius: 40px;
  overflow: hidden;
}

._mainSwiper_1444m_28 {
  width: 100%;
  height: 100%;
}

._mainSlide_1444m_33 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

._slideLabel_1444m_41 {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.25);
  letter-spacing: 0.04em;
}

/* 메인 컨트롤러 - 메인 배너와 동일 스타일 */
._controller_1444m_50 {
  position: absolute;
  bottom: 28px;
  right: 32px;
  width: 91px;
  height: 32px;
  background: #101010;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px;
  z-index: 10;
}

._ctrlBtn_1444m_65 {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  transition: background 0.2s;
  flex-shrink: 0;
}

._ctrlBtn_1444m_65:hover {
  background: rgba(255, 255, 255, 0.15);
}

._ctrlCount_1444m_81 {
  font-size: 11px;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 2px;
  font-family: var(--font-display);
  letter-spacing: 0.02em;
}

._ctrlCount_1444m_81 strong {
  font-weight: 600;
}

._ctrlSep_1444m_95 {
  color: rgba(255, 255, 255, 0.4);
  margin: 0 1px;
}

/* 썸네일 */
._thumbWrap_1444m_101 {
  width: 100%;
}

._thumbSwiper_1444m_105 {
  width: 100%;
}

._thumbSlide_1444m_109 {
  width: 116px !important;
  flex-shrink: 0;
}

._thumbItem_1444m_114 {
  width: 116px;
  height: 80px;
  aspect-ratio: 29 / 20;
  border-radius: 8px;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.2s;
  overflow: hidden;
}

.swiper-slide-thumb-active ._thumbItem_1444m_114 {
  border-color: #ffffff;
}

/* ── 우측 제품 정보 ── */
._infoCol_1444m_130 {
  flex: 1;
  background: #1b1c1e;
  border-radius: 40px;
  padding: 40px 36px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: 84px;
  min-width: 0;
}

._productName_1444m_144 {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff;
}

._meta_1444m_152 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

._metaItem_1444m_159 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
}

._metaIcon_1444m_167 {
  font-size: 14px;
}

._metaDivider_1444m_171 {
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.2);
}

._desc_1444m_177 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.7;
}

._tags_1444m_183 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

._tag_1444m_183 {
  background: #eeeeee;
  color: #101010;
  font-size: 11px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 4px;
  letter-spacing: 0.03em;
}

._divider_1444m_199 {
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}

/* 셀렉트 */
._selectWrap_1444m_205 {
  position: relative;
}

._select_1444m_205 {
  width: 100%;
  appearance: none;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--font-body);
  font-size: 14px;
  padding: 14px 16px;
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
}

._select_1444m_205:focus {
  border-color: rgba(255, 255, 255, 0.4);
}

._select_1444m_205 option {
  background: #2a2b2d;
  color: #ffffff;
}

/* 선택된 옵션 목록 */
._optionList_1444m_237 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._optionItem_1444m_243 {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 10px 14px;
}

._optionRemove_1444m_253 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
  flex-shrink: 0;
  transition: background 0.2s;
  cursor: pointer;
}

._optionRemove_1444m_253:hover {
  background: rgba(255, 255, 255, 0.2);
}

._optionLabel_1444m_271 {
  flex: 1;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._optionLabel_1444m_271 em {
  font-style: normal;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}

._qtyControl_1444m_287 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

._qtyControl_1444m_287 button {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  transition: background 0.2s;
}

._qtyControl_1444m_287 button:hover {
  background: rgba(255, 255, 255, 0.2);
}

._qtyControl_1444m_287 span {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  min-width: 20px;
  text-align: center;
}

/* 총 가격 */
._totalPrice_1444m_320 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._totalPrice_1444m_320 span {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}

._totalPrice_1444m_320 strong {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
}

/* 구매/장바구니 버튼 */
._btnGroup_1444m_339 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._btnBuy_1444m_345 {
  width: 100%;
  padding: 16px;
  background: #ffffff;
  color: #101010;
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  border-radius: 12px;
  cursor: pointer;
  transition: opacity 0.2s;
  letter-spacing: 0.02em;
}

._btnBuy_1444m_345:hover {
  opacity: 0.9;
}

._btnCart_1444m_363 {
  width: 100%;
  padding: 16px;
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 600;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  cursor: pointer;
  transition:
    border-color 0.2s,
    color 0.2s;
  letter-spacing: 0.02em;
}

._btnCart_1444m_363:hover {
  border-color: rgba(255, 255, 255, 0.6);
  color: #ffffff;
}

/* 공유/좋아요 */
._actions_1444m_386 {
  display: flex;
  gap: 10px;
}

._actionBtn_1444m_391 {
  width: 44px;
  height: 44px;
  background: #5f6061;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s;
}

._actionBtn_1444m_391:hover {
  background: #7a7b7c;
}

/* ── 2단 상세 내용 ── */
._detailContentWrap_1444m_408 {
  margin-top: 80px;
  padding-top: 60px;
  padding-bottom: 80px;
  border-top: 1px solid var(--black2);
}

._detailContent_1444m_408 {
  width: 960px;
  max-width: 100%;
}

._detailEditor_1444m_420 {
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.8;
  color: #333333;
}

._detailEditor_1444m_420 h2 {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  color: #101010;
  margin: 40px 0 16px;
}

._detailEditor_1444m_420 h2:first-child {
  margin-top: 0;
}

._detailEditor_1444m_420 p {
  color: #555555;
  margin-bottom: 16px;
}

._detailEditor_1444m_420 img {
  width: 100%;
  border-radius: 12px;
  margin: 20px 0;
}

/* ── 반응형 ── */
@media (max-width: 1400px) {
  ._imageCol_1444m_10 {
    flex: 0 0 600px;
    width: 600px;
  }
}

@media (max-width: 1100px) {
  ._layout_1444m_2 {
    flex-direction: column;
  }

  ._imageCol_1444m_10 {
    flex: none;
    width: 100%;
  }

  ._infoCol_1444m_130 {
    position: static;
    width: 100%;
  }
}

@media (max-width: 767px) {
  ._mainImageWrap_1444m_20 {
    border-radius: 20px;
  }

  ._infoCol_1444m_130 {
    border-radius: 24px;
    padding: 28px 24px;
  }

  ._detailEditor_1444m_420 {
    width: 100%;
  }
}
._page_1912w_1 {
  min-height: 100vh;
  background: #F4F5F7;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

._box_1912w_10 {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #EEEEEE;
  padding: 48px 44px;
  width: 100%;
  max-width: 420px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

._header_1912w_20 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 28px;
}

._logo_1912w_27 {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #101010;
}

._logoSub_1912w_35 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #AAAAAA;
  text-transform: uppercase;
}

._title_1912w_43 {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 700;
  color: #101010;
  margin-bottom: 28px;
}

._form_1912w_51 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._fieldGroup_1912w_57 {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

._label_1912w_63 {
  font-size: 13px;
  font-weight: 600;
  color: #444444;
}

._input_1912w_69 {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  font-size: 14px;
  font-family: var(--font-body);
  color: #333333;
  background: #ffffff;
  outline: none;
  transition: border-color 0.15s;
}

._input_1912w_69::placeholder {
  color: #BBBBBB;
}

._input_1912w_69:focus {
  border-color: #101010;
}

._error_1912w_91 {
  font-size: 13px;
  color: #EF4444;
  background: #FEF2F2;
  border: 1px solid #FECACA;
  border-radius: 8px;
  padding: 10px 14px;
  margin-top: 2px;
}

._submitBtn_1912w_101 {
  width: 100%;
  height: 48px;
  background: #101010;
  color: #ffffff;
  border-radius: 10px;
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.15s;
  margin-top: 8px;
  letter-spacing: 0.02em;
}

._submitBtn_1912w_101:hover {
  opacity: 0.85;
}

._submitBtn_1912w_101:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

@media (max-width: 480px) {
  ._box_1912w_10 {
    padding: 36px 28px;
  }
}
._sidebar_1qox3_1 {
  position: fixed;
  top: 0;
  left: 0;
  width: var(--admin-sidebar-width);
  height: 100vh;
  background: #101010;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  z-index: 200;
}

._logo_1qox3_14 {
  padding: 28px 24px 20px;
  display: flex;
  align-items: baseline;
  gap: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  flex-shrink: 0;
}

._logoText_1qox3_23 {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #ffffff;
}

._logoAdmin_1qox3_31 {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: rgba(255,255,255,0.35);
  text-transform: uppercase;
}

._nav_1qox3_39 {
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

._group_1qox3_46 {
  padding: 8px 0;
}

._groupLabel_1qox3_50 {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  padding: 8px 24px 4px;
}

._navItem_1qox3_59 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 24px;
  font-size: 13px;
  color: rgba(255,255,255,0.55);
  text-decoration: none;
  transition: color 0.15s, background 0.15s;
  border-radius: 0;
  letter-spacing: 0.01em;
}

._navItem_1qox3_59:hover {
  color: #ffffff;
  background: rgba(255,255,255,0.06);
}

._navItem_1qox3_59._active_1qox3_77 {
  color: #ffffff;
  background: rgba(255,255,255,0.1);
  font-weight: 600;
}

._navIcon_1qox3_83 {
  font-size: 14px;
  opacity: 0.7;
  width: 16px;
  flex-shrink: 0;
}

._footer_1qox3_90 {
  margin-top: auto;
  padding: 16px 0;
  border-top: 1px solid rgba(255,255,255,0.08);
  flex-shrink: 0;
}

._logoutBtn_1qox3_97 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 24px;
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.15s, background 0.15s;
  text-align: left;
  font-family: var(--font-body);
}

._logoutBtn_1qox3_97:hover {
  color: #ffffff;
  background: rgba(255,255,255,0.06);
}
._wrap_ow8iw_1 {
  display: flex;
  min-height: 100vh;
  background: #F4F5F7;
}

._main_ow8iw_7 {
  flex: 1;
  margin-left: var(--admin-sidebar-width);
  padding: 36px 40px;
  min-width: 0;
}

@media (max-width: 900px) {
  ._main_ow8iw_7 {
    margin-left: 0;
    padding: 24px 20px;
  }
}
/* ── Admin Global Variables ── */
:root {
  --admin-sidebar-width: 240px;
  --admin-bg: #F4F5F7;
  --admin-white: #ffffff;
  --admin-black: #101010;
  --admin-border: #EEEEEE;
  --admin-text: #333333;
  --admin-text-sub: #888888;
  --admin-primary: #101010;
  --admin-primary-hover: #333333;
  --admin-danger: #EF4444;
  --admin-success: #22C55E;
  --admin-radius: 10px;
}

/* ── Layout ── */
.adminWrap {
  display: flex;
  min-height: 100vh;
  background: var(--admin-bg);
  font-family: var(--font-body);
}

.adminMain {
  flex: 1;
  margin-left: var(--admin-sidebar-width);
  padding: 36px 40px;
  min-width: 0;
}

/* ── Page Header ── */
.pageHeader {
  margin-bottom: 28px;
}

.pageTitle {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  color: var(--admin-black);
}

.pageSub {
  font-size: 13px;
  color: var(--admin-text-sub);
  margin-top: 4px;
}

/* ── Card ── */
.card {
  background: var(--admin-white);
  border-radius: 14px;
  border: 1px solid var(--admin-border);
  padding: 28px 32px;
  margin-bottom: 20px;
}

.cardTitle {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--admin-text-sub);
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--admin-border);
}

/* ── Form Row ── */
.formRow {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 20px;
}

.formLabel {
  flex: 0 0 140px;
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text);
  padding-top: 10px;
  line-height: 1.4;
}

.formLabel .required {
  color: var(--admin-danger);
  margin-left: 2px;
}

.formField {
  flex: 1;
  min-width: 0;
}

.formHelper {
  font-size: 12px;
  color: var(--admin-text-sub);
  margin-top: 6px;
}

/* ── Divider ── */
.divider {
  height: 1px;
  background: var(--admin-border);
  margin: 24px 0;
}

/* ── Responsive ── */
@media (max-width: 900px) {
  .adminMain {
    margin-left: 0;
    padding: 24px 20px;
  }

  .formRow {
    flex-direction: column;
    gap: 8px;
  }

  .formLabel {
    flex: none;
    padding-top: 0;
  }
}
._pageHeader_eiri6_1 {
  margin-bottom: 28px;
}

._pageTitle_eiri6_5 {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  color: #101010;
}

._pageSub_eiri6_12 {
  font-size: 13px;
  color: #888888;
  margin-top: 4px;
}

._card_eiri6_18 {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid #eeeeee;
  padding: 28px 32px;
}

._cardTitle_eiri6_25 {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #aaaaaa;
  text-transform: uppercase;
  margin-bottom: 24px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f0f0f0;
}

._stats_eiri6_37 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

._statItem_eiri6_43 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 20px;
  background: #f7f7f7;
  border-radius: 10px;
}

._statVal_eiri6_52 {
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 700;
  color: #101010;
}

._statLabel_eiri6_59 {
  font-size: 13px;
  color: #888888;
}

._skeleton_eiri6_64 {
  display: inline-block;
  width: 60px;
  height: 32px;
  background: linear-gradient(90deg, #eeeeee 25%, #f5f5f5 50%, #eeeeee 75%);
  background-size: 200% 100%;
  border-radius: 6px;
  animation: _shimmer_eiri6_1 1.2s infinite;
}

@keyframes _shimmer_eiri6_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@media (max-width: 768px) {
  ._stats_eiri6_37 {
    grid-template-columns: repeat(2, 1fr);
  }
}
._row_pik0b_1 {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 20px;
}

._label_pik0b_8 {
  flex: 0 0 140px;
  font-size: 13px;
  font-weight: 600;
  color: #333333;
  padding-top: 10px;
  line-height: 1.4;
}

._required_pik0b_17 {
  color: #EF4444;
  margin-left: 2px;
}

._field_pik0b_22 {
  flex: 1;
  min-width: 0;
}

._helper_pik0b_27 {
  font-size: 12px;
  color: #888888;
  margin-top: 6px;
}

@media (max-width: 768px) {
  ._row_pik0b_1 {
    flex-direction: column;
    gap: 6px;
  }

  ._label_pik0b_8 {
    flex: none;
    padding-top: 0;
  }
}
._wrap_wqhhl_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._input_wqhhl_8 {
  width: 100%;
  height: 42px;
  padding: 0 14px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  font-size: 14px;
  font-family: var(--font-body);
  color: #333333;
  background: #ffffff;
  outline: none;
  transition: border-color 0.15s;
}

._input_wqhhl_8::placeholder {
  color: #BBBBBB;
}

._input_wqhhl_8:focus {
  border-color: #101010;
}

._input_wqhhl_8:disabled {
  background: #F5F5F5;
  color: #AAAAAA;
  cursor: not-allowed;
}

._count_wqhhl_36 {
  font-size: 11px;
  color: #AAAAAA;
  text-align: right;
}
._wrap_wv496_1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._textarea_wv496_7 {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  font-size: 14px;
  font-family: var(--font-body);
  color: #333333;
  background: #ffffff;
  resize: vertical;
  outline: none;
  line-height: 1.6;
  transition: border-color 0.15s;
}

._textarea_wv496_7::placeholder {
  color: #BBBBBB;
}

._textarea_wv496_7:focus {
  border-color: #101010;
}

._textarea_wv496_7:disabled {
  background: #F5F5F5;
  color: #AAAAAA;
  cursor: not-allowed;
}

._count_wv496_36 {
  font-size: 11px;
  color: #AAAAAA;
  text-align: right;
}
._select_1miba_1 {
  width: 100%;
  height: 42px;
  padding: 0 36px 0 14px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  font-size: 14px;
  font-family: var(--font-body);
  color: #333333;
  background: #ffffff;
  appearance: none;
  outline: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  transition: border-color 0.15s;
}

._select_1miba_1:focus {
  border-color: #101010;
}

._select_1miba_1:disabled {
  background-color: #F5F5F5;
  color: #AAAAAA;
  cursor: not-allowed;
}
._group_fobtu_1 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  padding-top: 8px;
}

._label_fobtu_8 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

._input_fobtu_15 {
  display: none;
}

._box_fobtu_19 {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1.5px solid #CCCCCC;
  flex-shrink: 0;
  position: relative;
  transition: background 0.15s, border-color 0.15s;
}

._input_fobtu_15:checked + ._box_fobtu_19 {
  background: #101010;
  border-color: #101010;
}

._input_fobtu_15:checked + ._box_fobtu_19::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}

._input_fobtu_15:disabled + ._box_fobtu_19 {
  background: #F0F0F0;
  border-color: #DDDDDD;
}

._text_fobtu_52 {
  font-size: 14px;
  color: #333333;
  user-select: none;
}
._group_suudt_1 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  padding-top: 8px;
}

._label_suudt_8 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

._input_suudt_15 {
  display: none;
}

._circle_suudt_19 {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid #CCCCCC;
  flex-shrink: 0;
  position: relative;
  transition: border-color 0.15s;
}

._input_suudt_15:checked + ._circle_suudt_19 {
  border-color: #101010;
}

._input_suudt_15:checked + ._circle_suudt_19::after {
  content: '';
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #101010;
}

._input_suudt_15:disabled + ._circle_suudt_19 {
  border-color: #DDDDDD;
  background: #F5F5F5;
}

._text_suudt_46 {
  font-size: 14px;
  color: #333333;
  user-select: none;
}
._wrap_14a2n_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._inputRow_14a2n_7 {
  display: flex;
  gap: 8px;
  align-items: center;
}

._fakeInput_14a2n_13 {
  flex: 1;
  height: 42px;
  padding: 0 14px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  font-size: 14px;
  color: #AAAAAA;
  background: #ffffff;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._btn_14a2n_29 {
  flex-shrink: 0;
  height: 42px;
  padding: 0 18px;
  background: #101010;
  color: #ffffff;
  border-radius: 8px;
  font-size: 13px;
  font-family: var(--font-body);
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.15s;
  white-space: nowrap;
}

._btn_14a2n_29:hover { opacity: 0.8; }

._hidden_14a2n_46 { display: none; }

/* 파일 목록 */
._fileList_14a2n_49 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
}

._fileItem_14a2n_56 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: #F7F7F7;
  border-radius: 8px;
  border: 1px solid #EEEEEE;
}

/* 이미지 썸네일 */
._thumb_14a2n_67 {
  width: 56px;
  height: 40px;
  object-fit: cover;
  border-radius: 6px;
  flex-shrink: 0;
  border: 1px solid #DDDDDD;
}

/* 비이미지 아이콘 */
._fileIcon_14a2n_77 {
  width: 56px;
  height: 40px;
  border-radius: 6px;
  background: #E5E7EB;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  color: #6B7280;
  letter-spacing: 0.05em;
  flex-shrink: 0;
}

._fileMeta_14a2n_92 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

._fileName_14a2n_100 {
  font-size: 13px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

._fileSize_14a2n_109 {
  font-size: 11px;
  color: #AAAAAA;
}

._removeBtn_14a2n_114 {
  color: #AAAAAA;
  font-size: 12px;
  cursor: pointer;
  flex-shrink: 0;
  transition: color 0.15s;
  padding: 4px;
}

._removeBtn_14a2n_114:hover { color: #EF4444; }
/* 입력행 */
._wrap_1fyel_2 {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  min-height: 42px;
}

._tagRow_1fyel_9 {
  flex: 1;
  min-height: 42px;
  padding: 6px 10px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

._placeholder_1fyel_22 {
  font-size: 14px;
  color: #BBBBBB;
}

._tag_1fyel_9 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #101010;
  color: #fff;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 4px;
}

._tag_1fyel_9 button {
  font-size: 10px;
  color: rgba(255,255,255,0.7);
  cursor: pointer;
  transition: color 0.15s;
}

._tag_1fyel_9 button:hover { color: #fff; }

._btn_1fyel_47 {
  flex-shrink: 0;
  height: 42px;
  padding: 0 18px;
  background: #101010;
  color: #fff;
  border-radius: 8px;
  font-size: 13px;
  font-family: var(--font-body);
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.15s;
}

._btn_1fyel_47:hover { opacity: 0.8; }

/* 팝업 */
._overlay_1fyel_65 {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

._popup_1fyel_75 {
  background: #fff;
  border-radius: 14px;
  width: 500px;
  max-width: 90vw;
  max-height: 75vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}

._popupHead_1fyel_87 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #EEEEEE;
  flex-shrink: 0;
}

._popupTitle_1fyel_96 {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 700;
  color: #101010;
}

._closeBtn_1fyel_103 {
  font-size: 14px;
  color: #AAAAAA;
  cursor: pointer;
  transition: color 0.15s;
}

._closeBtn_1fyel_103:hover { color: #101010; }

._searchRow_1fyel_112 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 24px;
  border-bottom: 1px solid #EEEEEE;
  flex-shrink: 0;
}

._searchInput_1fyel_121 {
  flex: 1;
  height: 38px;
  padding: 0 12px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  font-size: 14px;
  font-family: var(--font-body);
  color: #333;
  outline: none;
}

._searchInput_1fyel_121:focus { border-color: #101010; }

._checkedCount_1fyel_135 {
  font-size: 12px;
  color: #101010;
  font-weight: 600;
  white-space: nowrap;
}

._selectAll_1fyel_142 {
  padding: 10px 24px;
  border-bottom: 1px solid #F0F0F0;
  flex-shrink: 0;
  background: #FAFAFA;
}

/* 공통 체크박스 스타일 */
._checkLabel_1fyel_150 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

._checkInput_1fyel_157 { display: none; }

._checkBox_1fyel_159 {
  width: 17px;
  height: 17px;
  border-radius: 4px;
  border: 1.5px solid #CCCCCC;
  flex-shrink: 0;
  position: relative;
  transition: background 0.15s, border-color 0.15s;
}

._checkInput_1fyel_157:checked + ._checkBox_1fyel_159 {
  background: #101010;
  border-color: #101010;
}

._checkInput_1fyel_157:checked + ._checkBox_1fyel_159::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 8px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}

._checkText_1fyel_187 {
  font-size: 13px;
  color: #555;
  font-weight: 500;
}

._list_1fyel_193 {
  overflow-y: auto;
  flex: 1;
  list-style: none;
}

._listItem_1fyel_199 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  cursor: pointer;
  transition: background 0.1s;
  border-bottom: 1px solid #F5F5F5;
}

._listItem_1fyel_199:hover { background: #F7F7F7; }

._itemInfo_1fyel_211 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

._itemLabel_1fyel_218 {
  font-size: 14px;
  color: #333;
  font-weight: 500;
}

._itemSub_1fyel_224 {
  font-size: 12px;
  color: #AAAAAA;
}

._empty_1fyel_229 {
  padding: 40px 24px;
  text-align: center;
  font-size: 14px;
  color: #AAAAAA;
}

._popupFoot_1fyel_236 {
  display: flex;
  gap: 10px;
  padding: 16px 24px;
  border-top: 1px solid #EEEEEE;
  flex-shrink: 0;
  justify-content: flex-end;
}

._cancelBtn_1fyel_245 {
  height: 40px;
  padding: 0 20px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  font-size: 13px;
  font-family: var(--font-body);
  color: #666;
  cursor: pointer;
  background: #fff;
  transition: border-color 0.15s;
}

._cancelBtn_1fyel_245:hover { border-color: #999; }

._confirmBtn_1fyel_260 {
  height: 40px;
  padding: 0 20px;
  background: #101010;
  color: #fff;
  border-radius: 8px;
  font-size: 13px;
  font-family: var(--font-body);
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.15s;
}

._confirmBtn_1fyel_260:hover { opacity: 0.8; }
._wrap_1wey5_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._row_1wey5_7 {
  display: flex;
  gap: 8px;
  align-items: center;
}

._zipInput_1wey5_13 {
  width: 140px;
  height: 42px;
  padding: 0 14px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  font-size: 14px;
  font-family: var(--font-body);
  color: #333333;
  background: #F5F5F5;
  outline: none;
  flex-shrink: 0;
}

._btn_1wey5_27 {
  height: 42px;
  padding: 0 18px;
  background: #101010;
  color: #ffffff;
  border-radius: 8px;
  font-size: 13px;
  font-family: var(--font-body);
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.15s;
}

._btn_1wey5_27:hover {
  opacity: 0.8;
}

._addrInput_1wey5_45 {
  width: 100%;
  height: 42px;
  padding: 0 14px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  font-size: 14px;
  font-family: var(--font-body);
  color: #333333;
  background: #ffffff;
  outline: none;
  transition: border-color 0.15s;
}

._addrInput_1wey5_45[readonly] {
  background: #F5F5F5;
  cursor: default;
}

._addrInput_1wey5_45:not([readonly]):focus {
  border-color: #101010;
}

.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.375em;
  border-bottom-right-radius: 0.375em;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}
.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}
.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select, .react-datepicker__header--middle, .react-datepicker__header--bottom) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__header--middle {
  border-top: 1px solid #aeaeae;
  border-radius: 0;
  margin-top: 4px;
}
.react-datepicker__header--bottom {
  border-bottom: none;
  border-top: 1px solid #aeaeae;
  border-radius: 0 0 0.3rem 0.3rem;
}

.react-datepicker__header-wrapper {
  position: relative;
}
.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 2px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__month-select,
.react-datepicker__year-select,
.react-datepicker__month-year-select {
  background-color: transparent;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  margin-top: 5px;
  padding: 2px 5px;
}
.react-datepicker__month-select:focus-visible,
.react-datepicker__year-select:focus-visible,
.react-datepicker__month-year-select:focus-visible {
  outline: auto 1px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.5em;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 5em;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.5em;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 5em;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.375em;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.375em;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.375em;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 2.125em / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 2.125em;
  line-height: 2.125em;
  text-align: center;
  margin: 0.208em;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day-names {
  text-align: center;
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 2.125em;
  line-height: 2.125em;
  text-align: center;
  margin: 0.208em;
}
.react-datepicker__day-name--disabled,
.react-datepicker__day--disabled,
.react-datepicker__time-name--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
  color: #fff;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.625em;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__children-container {
  width: 17.25em;
  margin: 0.5em;
  padding-right: 0.25em;
  padding-left: 0.25em;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

.react-datepicker-popper-offset {
  margin-top: -0.7em;
}
._wrapper_wo9ib_1 {
  width: 100%;
}

._input_wo9ib_5 {
  width: 100%;
  height: 42px;
  padding: 0 14px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  font-size: 14px;
  font-family: var(--font-body);
  color: #333333;
  background: #ffffff;
  outline: none;
  cursor: pointer;
  transition: border-color 0.15s;
}

._input_wo9ib_5:focus {
  border-color: #101010;
}

._rangeRow_wo9ib_24 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._rangeRow_wo9ib_24 .react-datepicker-wrapper {
  flex: 1;
}

._sep_wo9ib_34 {
  font-size: 14px;
  color: #AAAAAA;
  flex-shrink: 0;
}

/* 캘린더 커스텀 */
.react-datepicker {
  font-family: var(--font-body) !important;
  border: 1px solid #EEEEEE !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
  overflow: hidden;
}

.react-datepicker__header {
  background: #101010 !important;
  border-bottom: none !important;
  padding-top: 14px !important;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.react-datepicker__day-name {
  color: rgba(255,255,255,0.6) !important;
  font-size: 12px !important;
}

.react-datepicker__navigation-icon::before {
  border-color: rgba(255,255,255,0.7) !important;
}

.react-datepicker__day--selected,
.react-datepicker__day--range-start,
.react-datepicker__day--range-end {
  background: #101010 !important;
  color: #fff !important;
  border-radius: 6px !important;
}

.react-datepicker__day--in-range {
  background: #e5e7eb !important;
  color: #101010 !important;
}

.react-datepicker__day:hover {
  background: #f3f4f6 !important;
  border-radius: 6px !important;
}

.react-datepicker__time-container {
  border-left: 1px solid #EEEEEE !important;
}

.react-datepicker__time-list-item--selected {
  background: #101010 !important;
}
._wrap_1rb5f_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._palette_1rb5f_7 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._swatch_1rb5f_13 {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: transform 0.12s, border-color 0.12s;
  outline: 1px solid rgba(0,0,0,0.1);
}

._swatch_1rb5f_13:hover {
  transform: scale(1.15);
}

._swatch_1rb5f_13._selected_1rb5f_27 {
  border-color: #101010;
  transform: scale(1.15);
  outline: 2px solid #101010;
}

._inputRow_1rb5f_33 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._colorPickerLabel_1rb5f_39 {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  cursor: pointer;
  flex-shrink: 0;
  border: 1px solid #DDDDDD;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

._colorPicker_1rb5f_39 {
  opacity: 0;
  width: 0;
  height: 0;
}

._hexInput_1rb5f_58 {
  width: 120px;
  height: 42px;
  padding: 0 12px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  font-size: 14px;
  font-family: var(--font-body);
  color: #333333;
  outline: none;
  letter-spacing: 0.05em;
}

._hexInput_1rb5f_58:focus {
  border-color: #101010;
}

._preview_1rb5f_75 {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  border: 1px solid #EEEEEE;
  flex-shrink: 0;
}
._wrap_ipqk5_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._barRow_ipqk5_7 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._track_ipqk5_13 {
  flex: 1;
  height: 8px;
  background: #EEEEEE;
  border-radius: 4px;
  overflow: hidden;
}

._fill_ipqk5_21 {
  height: 100%;
  border-radius: 4px;
  transition: width 0.2s ease;
}

._label_ipqk5_27 {
  font-size: 13px;
  font-weight: 700;
  color: #333333;
  min-width: 36px;
  text-align: right;
  flex-shrink: 0;
  font-family: var(--font-display);
}

._slider_ipqk5_37 {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  outline: none;
  cursor: pointer;
  background: linear-gradient(
    to right,
    var(--color, #101010) 0%,
    var(--color, #101010) var(--fill, 0%),
    #DDDDDD var(--fill, 0%),
    #DDDDDD 100%
  );
}

._slider_ipqk5_37::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--color, #101010);
  border: 2.5px solid #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  cursor: pointer;
  transition: transform 0.15s;
}

._slider_ipqk5_37::-webkit-slider-thumb:hover {
  transform: scale(1.15);
}

._slider_ipqk5_37::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--color, #101010);
  border: 2.5px solid #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  cursor: pointer;
}
._toggle_1e1d3_1 {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  padding-top: 4px;
}

._input_1e1d3_9 { display: none; }

._track_1e1d3_11 {
  position: relative;
  width: 72px;
  height: 30px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  transition: background 0.25s;
  overflow: hidden;
}

._on_1e1d3_22  { background: #101010; }
._off_1e1d3_23 { background: #CCCCCC; }

/* ON 텍스트 */
._textOn_1e1d3_26 {
  position: absolute;
  left: 10px;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.06em;
  transition: opacity 0.2s;
  pointer-events: none;
}

/* OFF 텍스트 */
._textOff_1e1d3_38 {
  position: absolute;
  right: 8px;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.06em;
  transition: opacity 0.2s;
  pointer-events: none;
}

/* ON 상태: ON 텍스트 표시, OFF 숨김 */
._on_1e1d3_22 ._textOn_1e1d3_26  { opacity: 1; }
._on_1e1d3_22 ._textOff_1e1d3_38 { opacity: 0; }

/* OFF 상태: OFF 텍스트 표시, ON 숨김 */
._off_1e1d3_23 ._textOn_1e1d3_26  { opacity: 0; }
._off_1e1d3_23 ._textOff_1e1d3_38 { opacity: 1; }

/* 동그란 썸 */
._thumb_1e1d3_58 {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.25);
  transition: transform 0.25s;
  left: 3px;
}

._on_1e1d3_22 ._thumb_1e1d3_58  { transform: translateX(42px); }
._off_1e1d3_23 ._thumb_1e1d3_58 { transform: translateX(0); }

._disabled_1e1d3_72 {
  opacity: 0.4;
  cursor: not-allowed;
}
._alertBtn_o5veh_1 {
  height: 42px;
  padding: 0 24px;
  background: #3B82F6;
  color: #ffffff;
  border-radius: 8px;
  font-size: 14px;
  font-family: var(--font-body);
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.15s;
}

._alertBtn_o5veh_1:hover {
  opacity: 0.85;
}

._confirmBtn_o5veh_18 {
  height: 42px;
  padding: 0 24px;
  background: #EF4444;
  color: #ffffff;
  border-radius: 8px;
  font-size: 14px;
  font-family: var(--font-body);
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.15s;
}

._confirmBtn_o5veh_18:hover {
  opacity: 0.85;
}
._page_17jl1_1 {
  padding-bottom: 60px;
}

._pageHeader_17jl1_5 {
  margin-bottom: 28px;
}

._pageTitle_17jl1_9 {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  color: #101010;
}

._pageSub_17jl1_16 {
  font-size: 13px;
  color: #888888;
  margin-top: 4px;
}

._card_17jl1_22 {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid #EEEEEE;
  padding: 28px 32px;
  margin-bottom: 20px;
}

._cardTitle_17jl1_30 {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #AAAAAA;
  text-transform: uppercase;
  margin-bottom: 24px;
  padding-bottom: 14px;
  border-bottom: 1px solid #F0F0F0;
}

._btnRow_17jl1_42 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 4px;
}

._debug_17jl1_49 {
  background: #F4F5F7;
  border-radius: 8px;
  padding: 16px;
  font-size: 12px;
  color: #555555;
  line-height: 1.6;
  overflow-x: auto;
  font-family: 'Courier New', monospace;
}
._wrap_yxu2n_1 { width: 100%; overflow-x: auto; border-radius: 10px; border: 1px solid #EEEEEE; }
._table_yxu2n_2 { width: 100%; border-collapse: collapse; font-size: 13px; }
._th_yxu2n_3 { background: #F7F7F7; padding: 12px 16px; text-align: left; font-weight: 600; color: #555; white-space: nowrap; border-bottom: 1px solid #EEEEEE; font-size: 12px; letter-spacing: 0.03em; }
._table_yxu2n_2 tbody tr { border-bottom: 1px solid #F5F5F5; transition: background 0.1s; }
._table_yxu2n_2 tbody tr:last-child { border-bottom: none; }
._table_yxu2n_2 tbody tr:hover { background: #FAFAFA; }
._table_yxu2n_2 td { padding: 12px 16px; color: #333; vertical-align: middle; }
._center_yxu2n_8 { text-align: center !important; color: #AAA; padding: 48px 16px !important; }
._spinner_yxu2n_9 { display: inline-block; width: 22px; height: 22px; border: 2.5px solid #EEE; border-top-color: #101010; border-radius: 50%; animation: _spin_yxu2n_9 0.7s linear infinite; }
@keyframes _spin_yxu2n_9 { to { transform: rotate(360deg); } }
._wrap_msltf_1 {
  display: flex;
  gap: 16px;
  background: #F7F7F7;
  border: 1px solid #EEEEEE;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  align-items: flex-start;
}
._group_msltf_11 { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
._label_msltf_12 { font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #888; }
._select_msltf_13 {
  width: 100%;
  border: 1px solid #DDD;
  border-radius: 8px;
  font-size: 13px;
  font-family: var(--font-body);
  color: #333;
  background: #fff;
  outline: none;
  cursor: pointer;
  overflow-y: auto;
}
._select_msltf_13 option { padding: 8px 12px; line-height: 1.7; }
._select_msltf_13 option:checked { background: #101010; color: #fff; }
._select_msltf_13:focus { border-color: #101010; }
._select_msltf_13:disabled { background: #F5F5F5; color: #CCC; cursor: not-allowed; }
@media (max-width: 768px) { ._wrap_msltf_1 { flex-direction: column; } }
/* ── 공통 페이지 스타일 ── */
._page_1a3ke_2 { padding-bottom: 60px; }

._pageHeader_1a3ke_4 { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 24px; gap: 16px; flex-wrap: wrap; }
._pageTitle_1a3ke_5 { font-family: var(--font-display); font-size: 22px; font-weight: 700; color: #101010; }
._pageSub_1a3ke_6 { font-size: 13px; color: #888; margin-top: 4px; }

/* ── 버튼 ── */
._addBtn_1a3ke_9 { height: 40px; padding: 0 20px; background: #101010; color: #fff; border-radius: 8px; font-size: 13px; font-family: var(--font-body); font-weight: 600; cursor: pointer; white-space: nowrap; transition: opacity 0.15s; flex-shrink: 0; }
._addBtn_1a3ke_9:hover { opacity: 0.8; }
._editBtn_1a3ke_11 { height: 30px; padding: 0 12px; background: #fff; color: #333; border: 1px solid #DDD; border-radius: 6px; font-size: 12px; cursor: pointer; transition: border-color 0.15s, color 0.15s; white-space: nowrap; }
._editBtn_1a3ke_11:hover { border-color: #101010; color: #101010; }
._deleteBtn_1a3ke_13 { height: 30px; padding: 0 12px; background: #fff; color: #EF4444; border: 1px solid #FCA5A5; border-radius: 6px; font-size: 12px; cursor: pointer; transition: background 0.15s; white-space: nowrap; }
._deleteBtn_1a3ke_13:hover { background: #FEF2F2; }
._resetBtn_1a3ke_15 { height: 32px; padding: 0 14px; border: 1px solid #DDD; border-radius: 6px; font-size: 12px; color: #666; background: #fff; cursor: pointer; transition: border-color 0.15s; }
._resetBtn_1a3ke_15:hover { border-color: #101010; }
._cancelBtn_1a3ke_17 { height: 42px; padding: 0 24px; border: 1px solid #DDD; border-radius: 8px; font-size: 14px; font-family: var(--font-body); color: #666; background: #fff; cursor: pointer; }
._cancelBtn_1a3ke_17:hover { border-color: #999; }
._submitBtn_1a3ke_19 { height: 42px; padding: 0 32px; background: #101010; color: #fff; border-radius: 8px; font-size: 14px; font-family: var(--font-body); font-weight: 600; cursor: pointer; transition: opacity 0.15s; }
._submitBtn_1a3ke_19:hover { opacity: 0.8; }
._submitBtn_1a3ke_19:disabled { opacity: 0.4; cursor: not-allowed; }

/* ── 카드 ── */
._card_1a3ke_24 { background: #fff; border-radius: 12px; border: 1px solid #EEE; padding: 20px 24px; }
._cardHead_1a3ke_25 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; gap: 10px; flex-wrap: wrap; }
._total_1a3ke_26 { font-size: 13px; color: #888; }
._total_1a3ke_26 strong { color: #101010; font-weight: 700; }
._headRight_1a3ke_28 { display: flex; gap: 8px; align-items: center; }

/* ── 폼 카드 ── */
._formCard_1a3ke_31 { background: #fff; border-radius: 12px; border: 1px solid #EEE; padding: 28px 32px; margin-bottom: 16px; }
._formCardTitle_1a3ke_32 { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #AAA; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #F0F0F0; }
._formActions_1a3ke_33 { display: flex; justify-content: flex-end; gap: 10px; }

/* ── 테이블 셀 요소 ── */
._nameCell_1a3ke_36 { display: flex; align-items: center; gap: 4px; }
._arrow_1a3ke_37 { color: #AAA; font-size: 12px; letter-spacing: -2px; }
._actions_1a3ke_38 { display: flex; gap: 6px; white-space: nowrap; }
._textCenter_1a3ke_39 { text-align: center; }

/* ── 뱃지 ── */
._badge1_1a3ke_42 { background: #101010; color: #fff; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 4px; white-space: nowrap; }
._badge2_1a3ke_43 { background: #3B82F6; color: #fff; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 4px; white-space: nowrap; }
._badge3_1a3ke_44 { background: #8B5CF6; color: #fff; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 4px; white-space: nowrap; }

/* ── 제품 목록 전용 ── */
._thumb_1a3ke_47 { width: 64px; height: 44px; border-radius: 6px; object-fit: cover; border: 1px solid #EEE; display: block; }
._thumbPlaceholder_1a3ke_48 { width: 64px; height: 44px; border-radius: 6px; background: #F0F0F0; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #BBB; }
._productName_1a3ke_49 { font-weight: 600; color: #101010; font-size: 14px; }
._categoryPath_1a3ke_50 { font-size: 11px; color: #888; margin-top: 3px; }
._price_1a3ke_51 { font-weight: 700; color: #101010; white-space: nowrap; }
._tagList_1a3ke_52 { display: flex; flex-wrap: wrap; gap: 4px; }
._tag_1a3ke_52 { background: #101010; color: #fff; font-size: 10px; padding: 2px 7px; border-radius: 3px; white-space: nowrap; }
._statusOn_1a3ke_54 { color: #22C55E; font-weight: 600; font-size: 12px; }
._statusOff_1a3ke_55 { color: #AAA; font-size: 12px; }

/* ── 정렬 셀렉트 ── */
._sortSelect_1a3ke_58 { height: 32px; padding: 0 10px; border: 1px solid #DDD; border-radius: 6px; font-size: 13px; font-family: var(--font-body); cursor: pointer; outline: none; background: #fff; }
._sortSelect_1a3ke_58:focus { border-color: #101010; }

/* ── 태그 입력 ── */
._tagInputWrap_1a3ke_62 { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 10px; border: 1px solid #DDD; border-radius: 8px; background: #fff; min-height: 44px; align-items: center; cursor: text; transition: border-color 0.15s; }
._tagInputWrap_1a3ke_62:focus-within { border-color: #101010; }
._tagChip_1a3ke_64 { display: inline-flex; align-items: center; gap: 5px; background: #101010; color: #fff; font-size: 12px; padding: 3px 9px; border-radius: 4px; }
._tagChip_1a3ke_64 button { font-size: 10px; color: rgba(255,255,255,0.7); cursor: pointer; }
._tagChip_1a3ke_64 button:hover { color: #fff; }
._tagInput_1a3ke_62 { border: none; outline: none; font-size: 13px; font-family: var(--font-body); min-width: 80px; flex: 1; }
._toolbar_jlqiu_1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  padding: 8px 10px;
  background: #F7F7F7;
  border-bottom: 1px solid #EEEEEE;
  border-radius: 10px 10px 0 0;
}

._group_jlqiu_12 {
  display: flex;
  align-items: center;
  gap: 1px;
}

._divider_jlqiu_18 {
  width: 1px;
  height: 20px;
  background: #DDDDDD;
  margin: 0 4px;
  flex-shrink: 0;
}

/* ── 기본 버튼 ── */
._btn_jlqiu_27 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  color: #444444;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
  font-size: 12px;
  font-family: var(--font-display);
  flex-shrink: 0;
}

._btn_jlqiu_27:hover:not(:disabled) {
  background: #EBEBEB;
  color: #101010;
}

._btn_jlqiu_27._active_jlqiu_49 {
  background: #101010;
  color: #ffffff;
}

._btn_jlqiu_27:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* ── 헤딩 드롭다운 ── */
._dropdown_jlqiu_60 {
  position: relative;
}

._dropBtn_jlqiu_64 {
  width: auto;
  padding: 0 8px;
  gap: 4px;
  font-size: 12px;
  font-weight: 600;
}

._caret_jlqiu_72 {
  font-size: 10px;
  opacity: 0.6;
}

._dropMenu_jlqiu_77 {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  background: #ffffff;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  z-index: 100;
  overflow: hidden;
  min-width: 120px;
}

._dropItem_jlqiu_90 {
  display: block;
  width: 100%;
  padding: 9px 14px;
  text-align: left;
  font-size: 13px;
  font-family: var(--font-body);
  color: #333333;
  cursor: pointer;
  background: transparent;
  border: none;
  transition: background 0.1s;
}

._dropItem_jlqiu_90:hover { background: #F5F5F5; }
._dropItem_jlqiu_90._active_jlqiu_49 { font-weight: 700; color: #101010; background: #F0F0F0; }

/* ── 링크 팝오버 ── */
._linkPopover_jlqiu_108 {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  background: #ffffff;
  border: 1px solid #EEEEEE;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  z-index: 100;
  padding: 14px;
  width: 280px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._linkInput_jlqiu_124 {
  width: 100%;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #DDDDDD;
  border-radius: 6px;
  font-size: 13px;
  font-family: var(--font-body);
  color: #333;
  outline: none;
}

._linkInput_jlqiu_124:focus { border-color: #101010; }

._linkActions_jlqiu_138 {
  display: flex;
  gap: 6px;
}

._linkBtn_jlqiu_143 {
  height: 30px;
  padding: 0 14px;
  background: #101010;
  color: #fff;
  border-radius: 6px;
  font-size: 12px;
  font-family: var(--font-body);
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.15s;
}

._linkBtn_jlqiu_143:hover { opacity: 0.8; }

._linkBtnDanger_jlqiu_158 {
  height: 30px;
  padding: 0 14px;
  background: #FEF2F2;
  color: #EF4444;
  border: 1px solid #FECACA;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
}

._linkBtnCancel_jlqiu_169 {
  height: 30px;
  padding: 0 14px;
  background: #F5F5F5;
  color: #666;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
}

/* ── 컬러 피커 ── */
._colorWrap_jlqiu_180 {
  position: relative;
  display: flex;
}

._colorIcon_jlqiu_185 {
  font-size: 13px;
  font-weight: 700;
  border-bottom: 3px solid #101010;
  padding-bottom: 1px;
  font-family: var(--font-display);
  pointer-events: none;
}

._colorPicker_jlqiu_194 {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
._wrap_1lmed_1 {
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff;
  transition: border-color 0.15s;
}

._wrap_1lmed_1:focus-within {
  border-color: #101010;
}

/* EditorContent 내부 .ProseMirror */
._content_1lmed_14 .ProseMirror {
  padding: 16px 20px;
  outline: none;
  font-size: 14px;
  font-family: var(--font-body);
  color: #333333;
  line-height: 1.75;
  min-height: inherit;
}

/* 플레이스홀더 */
._content_1lmed_14 .ProseMirror p.is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  color: #BBBBBB;
  pointer-events: none;
  float: left;
  height: 0;
}

/* 헤딩 */
._content_1lmed_14 .ProseMirror h1 { font-size: 26px; font-weight: 700; margin: 20px 0 10px; color: #101010; font-family: var(--font-display); }
._content_1lmed_14 .ProseMirror h2 { font-size: 22px; font-weight: 700; margin: 18px 0 8px; color: #101010; font-family: var(--font-display); }
._content_1lmed_14 .ProseMirror h3 { font-size: 18px; font-weight: 600; margin: 16px 0 6px; color: #101010; font-family: var(--font-display); }

/* 단락 */
._content_1lmed_14 .ProseMirror p { margin: 0 0 10px; }
._content_1lmed_14 .ProseMirror p:last-child { margin-bottom: 0; }

/* 강조 */
._content_1lmed_14 .ProseMirror strong { font-weight: 700; }
._content_1lmed_14 .ProseMirror em { font-style: italic; }
._content_1lmed_14 .ProseMirror u { text-decoration: underline; }
._content_1lmed_14 .ProseMirror s { text-decoration: line-through; }
._content_1lmed_14 .ProseMirror mark { border-radius: 3px; padding: 1px 2px; }

/* 링크 */
._content_1lmed_14 .ProseMirror a { color: #3B82F6; text-decoration: underline; }
._content_1lmed_14 .ProseMirror a:hover { color: #2563EB; }

/* 목록 */
._content_1lmed_14 .ProseMirror ul { padding-left: 24px; margin: 8px 0; list-style: disc; }
._content_1lmed_14 .ProseMirror ol { padding-left: 24px; margin: 8px 0; list-style: decimal; }
._content_1lmed_14 .ProseMirror li { margin: 4px 0; }

/* 인용 */
._content_1lmed_14 .ProseMirror blockquote {
  border-left: 3px solid #DDDDDD;
  padding-left: 16px;
  margin: 12px 0;
  color: #666666;
  font-style: italic;
}

/* 코드 */
._content_1lmed_14 .ProseMirror code {
  background: #F3F4F6;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 13px;
  font-family: 'Courier New', monospace;
  color: #DC2626;
}

._content_1lmed_14 .ProseMirror pre {
  background: #1E1E1E;
  color: #D4D4D4;
  padding: 16px 20px;
  border-radius: 8px;
  margin: 12px 0;
  overflow-x: auto;
}

._content_1lmed_14 .ProseMirror pre code {
  background: none;
  padding: 0;
  color: inherit;
  font-size: 13px;
}

/* 이미지 */
._content_1lmed_14 .ProseMirror img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 10px 0;
  display: block;
}

._content_1lmed_14 .ProseMirror img.ProseMirror-selectednode {
  outline: 2px solid #3B82F6;
  border-radius: 8px;
}

/* 구분선 */
._content_1lmed_14 .ProseMirror hr {
  border: none;
  border-top: 1px solid #EEEEEE;
  margin: 20px 0;
}

/* 선택 영역 */
._content_1lmed_14 .ProseMirror ::selection {
  background: rgba(59, 130, 246, 0.15);
}
._uploadWrap_15zhe_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* 드롭존 (미리보기 없을 때) */
._dropZone_15zhe_8 {
  width: 100%;
  height: 140px;
  border: 2px dashed #DDDDDD;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  background: #FAFAFA;
}

._dropZone_15zhe_8:hover {
  border-color: #101010;
  background: #F5F5F5;
}

._dropIcon_15zhe_28 {
  font-size: 28px;
  line-height: 1;
}

._dropText_15zhe_33 {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
}

._dropSub_15zhe_39 {
  font-size: 12px;
  color: #AAAAAA;
}

/* 미리보기 */
._previewWrap_15zhe_45 {
  position: relative;
  width: fit-content;
}

._preview_15zhe_45 {
  width: 200px;
  height: 140px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid #EEEEEE;
  display: block;
}

._removeBtn_15zhe_59 {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #EF4444;
  color: #ffffff;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: background 0.15s;
}

._removeBtn_15zhe_59:hover {
  background: #DC2626;
}

/* 파일 선택 행 */
._fileRow_15zhe_83 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

._selectBtn_15zhe_90 {
  height: 36px;
  padding: 0 16px;
  background: #ffffff;
  color: #333333;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  font-size: 13px;
  font-family: var(--font-body);
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.15s, color 0.15s;
  flex-shrink: 0;
}

._selectBtn_15zhe_90:hover {
  border-color: #101010;
  color: #101010;
}

._fileName_15zhe_111 {
  font-size: 12px;
  color: #888888;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._uploading_15zhe_119 {
  font-size: 12px;
  color: #3B82F6;
  font-weight: 600;
  animation: _pulse_15zhe_1 1s ease-in-out infinite;
}

@keyframes _pulse_15zhe_1 {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
._stackWrap_1gpen_1 {
  padding: 4px 0;
}

._stack_1gpen_1 {
  position: relative;
  display: flex;
  align-items: center;
  height: 52px;
  min-width: 100px;
}

._stackImg_1gpen_13 {
  position: absolute;
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 8px;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  transition: transform 0.15s;
}

._stackCount_1gpen_24 {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 5;
  background: #101010;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  padding: 2px 4px;
  border-radius: 3px;
  font-family: var(--font-display);
  white-space: nowrap;
}

._noThumb_1gpen_40 {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #aaaaaa;
}

._groupName_1gpen_52 {
  font-size: 14px;
  font-weight: 600;
  color: #101010;
}

._groupMeta_1gpen_58 {
  font-size: 12px;
  color: #aaaaaa;
  margin-top: 2px;
}
/* ── 배너 아이템 카드 ── */
._itemCard_thpky_2 {
  border: 1px solid #EEEEEE;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
  background: #ffffff;
  transition: opacity 0.2s;
}

._itemInactive_thpky_11 {
  opacity: 0.55;
}

._itemHeader_thpky_15 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #F7F7F7;
  border-bottom: 1px solid #EEEEEE;
}

._itemIndex_thpky_24 {
  font-size: 13px;
  font-weight: 700;
  color: #555555;
  font-family: var(--font-display);
}

._itemHeaderRight_thpky_31 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._itemDeleteBtn_thpky_37 {
  height: 28px;
  padding: 0 12px;
  background: #fff;
  color: #EF4444;
  border: 1px solid #FCA5A5;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  transition: background 0.15s;
}

._itemDeleteBtn_thpky_37:hover {
  background: #FEF2F2;
}

._itemBody_thpky_53 {
  display: flex;
  gap: 24px;
  padding: 20px;
}

/* ── 이미지 영역 ── */
._imageCol_thpky_60 {
  flex: 0 0 180px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._previewWrap_thpky_67 {
  position: relative;
  width: 180px;
  height: 120px;
}

._preview_thpky_67 {
  width: 180px;
  height: 120px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #EEEEEE;
  display: block;
}

._removeImgBtn_thpky_82 {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #EF4444;
  color: #fff;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

._dropZone_thpky_100 {
  width: 180px;
  height: 120px;
  border: 2px dashed #DDDDDD;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  background: #FAFAFA;
  font-size: 12px;
  color: #888;
  transition: border-color 0.15s;
}

._dropZone_thpky_100:hover {
  border-color: #101010;
  color: #333;
}

._dropSub_thpky_122 {
  font-size: 10px;
  color: #BBBBBB;
}

._replaceBtn_thpky_127 {
  height: 30px;
  padding: 0 12px;
  background: #fff;
  color: #555;
  border: 1px solid #DDD;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  transition: border-color 0.15s;
  width: 100%;
}

._replaceBtn_thpky_127:hover {
  border-color: #101010;
}

._uploading_thpky_144 {
  font-size: 11px;
  color: #3B82F6;
  font-weight: 600;
  text-align: center;
  animation: _pulse_thpky_1 1s ease-in-out infinite;
}

@keyframes _pulse_thpky_1 {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

/* ── 정보 영역 ── */
._infoCol_thpky_158 {
  flex: 1;
  min-width: 0;
}

/* ── 기간 설정 ── */
._periodWrap_thpky_164 {
  display: flex;
  gap: 20px;
  padding-top: 8px;
  margin-bottom: 10px;
}

._periodRadio_thpky_171 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #444;
  cursor: pointer;
}

._periodRadio_thpky_171 input[type="radio"] {
  accent-color: #101010;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

._dateRow_thpky_187 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
}

._dateSep_thpky_194 {
  font-size: 14px;
  color: #AAAAAA;
  flex-shrink: 0;
}

._dateInput_thpky_200 {
  height: 40px;
  padding: 0 12px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  font-size: 13px;
  font-family: var(--font-body);
  color: #333;
  outline: none;
  cursor: pointer;
  width: 140px;
}

._dateInput_thpky_200:focus {
  border-color: #101010;
}

/* ── 추가 버튼 ── */
._addItemBtn_thpky_218 {
  width: 100%;
  height: 44px;
  background: #F7F7F7;
  color: #555;
  border: 1.5px dashed #DDDDDD;
  border-radius: 10px;
  font-size: 14px;
  font-family: var(--font-body);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  margin-top: 4px;
}

._addItemBtn_thpky_218:hover {
  background: #EFEFEF;
  border-color: #101010;
  color: #101010;
}

/* ── 미사용 섹션 ── */
._inactiveSection_thpky_240 {
  background: #FAFAFA;
  border-color: #E5E7EB;
}

._emptyMsg_thpky_245 {
  font-size: 13px;
  color: #AAAAAA;
  padding: 12px 0;
}

/* ── react-datepicker 커스텀 ── */
.react-datepicker {
  font-family: var(--font-body) !important;
  border: 1px solid #EEEEEE !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
}

.react-datepicker__header {
  background: #101010 !important;
  border-bottom: none !important;
}

.react-datepicker__current-month {
  color: #fff !important;
  font-size: 13px !important;
}

.react-datepicker__day-name {
  color: rgba(255,255,255,0.6) !important;
}

.react-datepicker__navigation-icon::before {
  border-color: rgba(255,255,255,0.7) !important;
}

.react-datepicker__day--selected,
.react-datepicker__day--range-start,
.react-datepicker__day--range-end {
  background: #101010 !important;
  color: #fff !important;
  border-radius: 6px !important;
}

.react-datepicker__day--in-range {
  background: #e5e7eb !important;
  color: #101010 !important;
}

.react-datepicker__day:hover {
  background: #f3f4f6 !important;
  border-radius: 6px !important;
}