@charset "UTF-8";
.sale-options-popup {
  top: 0px;
  left: 0px;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 100001;
  opacity: 1;
  transition: opacity 0.15s ease-in-out 0s;
  overflow: hidden;
}
.sale-options-popup .sale-options-popup-content {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  max-height: 98vh;
  background-color: white;
  border-radius: 8px;
  box-shadow: rgba(44, 41, 40, 0.5) 11px 10px 12px 3px;
  padding: 35px 35px 20px;
}
.sale-options-popup .sale-options-popup-content .css-slj3p9 {
  position: absolute;
  top: 2px;
  left: 5px;
}
.sale-options-popup .sale-options-popup-content .css-slj3p9 .css-l1i2bm {
  width: auto;
  height: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  border: 0px solid #ffffff;
}
.sale-options-popup .sale-options-popup-content .css-slj3p9 .css-l1i2bm > svg {
  width: auto;
  height: auto;
}
.sale-options-popup .sale-options-popup-content .css-srdyvm {
  position: absolute;
  top: 3px;
  right: 3px;
}
.sale-options-popup .sale-options-popup-content .css-srdyvm .close-sale-options-popup-button {
  width: auto;
  height: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  border: 0px solid #ffffff;
}
.sale-options-popup .sale-options-popup-content .css-srdyvm .close-sale-options-popup-button > svg {
  color: #666666;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h {
  width: auto;
  height: auto;
  text-align: center;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h .css-iexl2n {
  font-weight: 500;
  font-size: 21px;
  line-height: 1;
  color: #222222;
  margin-bottom: 25px;
  text-align: center;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h .css-p06t8s {
  width: 395px;
  height: auto;
  max-height: 50vh;
  overflow-y: overlay;
  box-shadow: #222222 1px 2px 13px -9px inset;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h .css-p06t8s .css-12cpv40 {
  width: auto;
  height: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #222222 #d9dde2 #d9dde2;
  border-image: initial;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h .css-p06t8s .css-12cpv40 .css-u9adgt {
  font-weight: 700;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0px 8px;
  border-bottom: 1px solid #d9dde2;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h .css-p06t8s .css-12cpv40 .css-u9adgt .css-8mxdp7 {
  width: auto;
  height: auto;
  font-size: 16px;
  font-weight: 500;
  color: #222222;
  line-height: 1;
  letter-spacing: normal;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h .css-p06t8s .css-12cpv40 .css-1go4r1r {
  width: 100%;
  height: auto;
  padding: 18px 8px;
  transition: all 0.8s ease-in-out 0s;
  overflow-y: hidden;
  margin-left: 0;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h .css-p06t8s .css-12cpv40 .css-1go4r1r .css-5umgrg {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  width: 100%;
  height: auto;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h .css-p06t8s .css-12cpv40 .css-1go4r1r .css-5umgrg .css-xcdytv {
  width: 100%;
  height: auto;
  list-style: none;
  padding: 0;
  margin: 0;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h .css-p06t8s .css-12cpv40 .css-1go4r1r .css-5umgrg .css-xcdytv .css-1e7eqw1 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  width: 100%;
  height: auto;
  text-align: left;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h .css-p06t8s .css-12cpv40 .css-1go4r1r .css-5umgrg .css-xcdytv .css-1e7eqw1 .css-13s1t4d {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  column-gap: 8px;
  width: 100%;
  height: auto;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h .css-p06t8s .css-12cpv40 .css-1go4r1r .css-5umgrg .css-xcdytv .css-1e7eqw1 .css-13s1t4d .sale-option-item {
  width: 13px;
  height: 13px;
  border: 1px solid #d9dde2;
  accent-color: unset;
  cursor: pointer;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h .css-p06t8s .css-12cpv40 .css-1go4r1r .css-5umgrg .css-xcdytv .css-1e7eqw1 .css-13s1t4d .css-a6v5sr {
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  color: #222222;
  max-width: 225px;
  text-align: left;
  word-break: break-all;
  cursor: pointer;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h .css-p06t8s .css-12cpv40 .css-1go4r1r .css-5umgrg .css-xcdytv .css-1e7eqw1 .css-13s1t4d .show-description-popup-button {
  width: 18px;
  height: 18px;
  border: 1px solid #00aeef;
  border-radius: 100%;
  color: #00aeef;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.7;
  background-color: white;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  background: transparent;
  padding: 0;
  margin: 0;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h .css-p06t8s .css-12cpv40 .css-1go4r1r .css-5umgrg .css-xcdytv .css-1e7eqw1 .css-13s1t4d .css-163d0zj {
  width: auto;
  height: auto;
  font-size: 15px;
  font-weight: 400;
  color: #222;
  line-height: 1;
  letter-spacing: normal;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h .css-p06t8s .css-12cpv40 .css-1go4r1r .css-5umgrg .css-xcdytv .css-1e7eqw1 .css-13s1t4d > span:last-of-type {
  width: 95px;
  justify-self: end;
  text-align: right;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.sale-options-popup .sale-options-popup-content .css-1efhl7h > button {
  margin-top: 16px;
  width: 65px;
  height: 35px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: white;
  text-align: center;
  padding: 0px 8px;
  border-radius: 5px;
  border: 1px solid #00aeef;
  background-color: #00aeef;
  transition: all 0.2s ease-in-out 0s;
}

.review-sale-option-div .custom-select {
  /* 이미지처럼 보이도록 설정 */
  background-image: url("/img/carzal/renew_chevron-right.png");
  /* 배경 이미지 설정 */
  background-size: 24px 24px;
  /* 이미지 크기 조절 */
  background-position: right 15px center;
  background-repeat: no-repeat;
  appearance: none;
  /* 기본 스타일 제거 (브라우저별 차이 해결) */
  -webkit-appearance: none;
  /* WebKit 브라우저 (Chrome, Safari) 스타일 제거 */
  -moz-appearance: none;
  /* Firefox 스타일 제거 */
  display: flex;
  justify-content: space-between;
  padding: 18px 15px;
  cursor: pointer;
  border: 1px solid #DDE0E6;
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #09141E;
  vertical-align: middle;
}
.review-sale-option-div .custom-select::-ms-expand {
  display: none;
  /* IE 브라우저 확장 버튼 숨기기 */
}
.review-sale-option-div .custom-select option {
  background-color: transparent;
  /* 옵션 배경 투명하게 */
  color: black;
  /* 옵션 글자 색상 검정 */
}

.css-18w8n4n {
  top: 0px;
  left: 0px;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1;
  transition: opacity 0.15s ease-in-out;
  overflow: hidden;
}
.css-18w8n4n .css-15064dj {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  max-height: 98vh;
  z-index: 5;
  background-color: white;
  border-radius: 8px;
  box-shadow: rgba(44, 41, 40, 0.5) 11px 10px 12px 3px;
  padding: 35px 35px 20px;
}
.css-18w8n4n .css-15064dj .css-srdyvm {
  position: absolute;
  top: 3px;
  right: 3px;
}
.css-18w8n4n .css-15064dj .css-srdyvm .css-1op60fh {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
  border: none;
  width: auto;
  height: auto;
}
.css-18w8n4n .css-15064dj .css-o08zs7 {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  row-gap: 10px;
  width: auto;
  height: auto;
  max-width: 800px;
}
.css-18w8n4n .css-15064dj .css-o08zs7 > h1 {
  font-size: 17px;
  margin-bottom: unset;
}
.css-18w8n4n .css-15064dj .css-o08zs7 .css-w4qwcj {
  width: auto;
  max-width: 476px;
  height: auto;
  max-height: 50vh;
  font-weight: 300;
  font-size: 15px;
  line-height: unset;
  color: #222222;
  overflow-y: scroll;
  overflow-x: hidden;
}
.css-18w8n4n .css-15064dj .css-o08zs7 .css-w4qwcj:hover::-webkit-scrollbar {
  width: 3px;
  /* 더 얇은 스크롤바 */
}
.css-18w8n4n .css-15064dj .css-o08zs7 .css-w4qwcj:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  /* 호버 시 더 진한 색상 */
}
.css-18w8n4n .css-15064dj .css-o08zs7 .css-w4qwcj::-webkit-scrollbar {
  width: 3px;
  /* 더 얇은 스크롤바 */
  display: block;
}
.css-18w8n4n .css-15064dj .css-o08zs7 .css-w4qwcj::-webkit-scrollbar-track {
  background: transparent;
  /* 트랙 배경 투명 */
}
.css-18w8n4n .css-15064dj .css-o08zs7 .css-w4qwcj::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  /* 반투명 검정색 */
  border-radius: 10px;
  /* 더 둥근 모서리 */
  transition: background 0.3s ease;
  /* 부드러운 색상 변화 */
}
.css-18w8n4n .css-15064dj .css-o08zs7 .css-w4qwcj::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
  /* 호버 시 더 진한 색상 */
}
.css-18w8n4n .css-15064dj .css-o08zs7 .css-ru0ip4 {
  width: 60px;
  height: 30px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: #00aeef;
  text-align: center;
  padding: 0px 8px;
  border-radius: 5px;
  border: 1px solid #00aeef;
  background-color: white;
}

/*# sourceMappingURL=sale_options_popup.css.map */