@charset "UTF-8";
/*  장바구니 페이지 스타일 파일입니다. */
.cart em {
  font-style: unset;
  font-family: 'Montserrat', sans-serif;
}
.cart button {
  cursor: pointer;
}
.cart .price {
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
  flex-direction: row;
  line-height: 18px;
  font-size: 14px;
}
.cart .price em {
  font-weight: 600;
}
.cart .price em.font-xlg {
  color: var(--color-point);
}
.cart .price-tag {
  padding: 20px;
  border-radius: 5px;
  border: 1px solid var(--color-point);
  font-size: 14px;
}
.cart .price-tag__details .details-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart .price-tag__details dd {
  text-align: end;
}
.cart .price-tag .ico-formula {
  display: inline-block;
  margin-inline-end: 12px;
}
.cart .price-tag .ico-formula--plus {
  background-size: 364px 335px;
  background-position: -214px -204px;
  width: 20.5px;
  height: 20px;
}
.cart .price-tag .ico-formula--minus {
  background-size: 364px 335px;
  background-position: -182px -256px;
  width: 20.5px;
  height: 20.5px;
}
.cart .price-tag .ico-formula--equal {
  background-size: 364px 335px;
  background-position: -340px -104px;
  width: 20.5px;
  height: 20px;
}
.cart .price-tag .price {
  text-align: end;
  align-items: center;
  font-size: 14px;
  color: #3f434c;
}
.cart .price-tag .total-price {
  color: var(--color-base-black);
}
.cart .price-tag .benefit {
  display: block;
  text-align: end;
  font-size: 12px;
}
.cart .price-tag .benefit em {
  font-weight: 600;
  color: #3f444c;
}
.cart__group-checkbox {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--gray200);
}
.cart__shipping-fee {
  display: inline-block;
  border-top: 1px solide var(--gray200);
  padding: 20px;
  background-color: var(--grayf9);
  width: 100%;

  margin-bottom: 20px;
  text-align: center;
}
.cart__shipping-fee p {
  color: #828282;
  padding-top: 10px;
}
.cart__order-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  width: 100%;
  height: auto;
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: var(--color-base-white);
  padding: 10px;
  border-top: 1px solid var(--gray300);
  z-index: 20;
  gap: 12px;
}
.cart__order-wrap button {
  flex: 1;
  font-weight: 500;
  max-width: 230px;
}
.cart__order {
  display: flex;
  gap: 14px;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
  flex-direction: column;
}
.cart__order .price {
  font-size: 12px;
}
.cart__order .price em {
  font-size: 20px;
}
.cart__option-loading-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-base-black);
  opacity: 0.3;
  user-select: none;
}
.cart__option-loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.form-check--sm {
  gap: 10px;
}
.cart-product {
  padding-block: 20px;
  border-bottom: 1px solid var(--gray200);
}
.cart-product__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  gap: 10px;
}
.cart-product__top-content {
  display: inline-block;
  width: 100%;
  position: relative;
}
.cart-product__info-wrap {
  display: inline-flex;
  justify-content: none;
  flex-direction: row;
  width: 100%;
  gap: 10px;
}
.cart-product__info {
  display: inline-flex;
  justify-content: center;
  align-items: none;
  gap: 10px;
  flex-direction: column;
}
.cart-product__info .price {
  padding-block-start: 6px;
  display: inline-block;
}
.cart-product__media {
  flex: none;
  width: 80px;
  height: 80px;
}
.cart-product__media img {
  display: inline-block;
  border: 1px solid var(--gray200);
}
.cart-product__media span {
  display: inline-block;
}
.cart-product .brand-name {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
  color: #777;
}
.cart-product .product-name {
  font-size: 14px;
  color: #181818;
}
.cart-product .origin-price {
  font-size: 12px;
  text-decoration: line-through;
  font-family: 'Montserrat';
  color: var(--gray500);
}
.cart-product .origin-price s {
  font-family: 'Montserrat';
}
.cart-product__count-wrap button {
  padding-block: 9px;
  font-size: 10px;
  padding: 0;
}
.cart-option {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  align-items: unset;
  flex-direction: column;
  gap: 8px;
}
.cart-option .cart-option {
  margin-top: 0;
}
.cart-option .btn {
  width: 80px;
  margin-inline-start: auto;
}
.cart-option__label {
  display: inline-block;
  padding-block: 10px 4px;
  font-size: 14px;
  font-weight: 500;
}
.l-content {
  padding: 0px 0px 150px 0px;
}
.l-title {
  border-bottom: 8px solid #f5f5f5;
}
.l-title--sm-medium {
  padding: 15px 16px;
  font-size: 12px;
  color: #666;
}
.l-title--sm-medium button {
  padding: 0;
  color: var(--gray350);
}

.cart-product-wrap {
  padding: 0px 16px;
}
.cart-product-price {
  padding: 0px 16px 20px;
}
.total-count-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 0px 15px;
  border-top: 1px solid var(--graye2);
}
.details-list-wrap {
  padding-bottom: 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.btn--line-dark,
.btn--fill-dark {
  width: 80px;
}
.product-changeOption {
  display: flex;
  gap: 10px;
  margin-top: 6px;
}
.counter__input {
  width: 40px;
}
.order-btn {
  width: 125px;
  height: 40px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
}
.product-multiOption-cont {
  display: flex;
  position: relative;
  justify-content: space-between;
  margin-top: 30px;
}
.product-multiOption-price {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.product-multiOption-price span {
  display: flex;
  align-items: center;
}
.product-multiOption-price .tooltip-icon {
  width: 13px;
  height: 13px;
  background-image: url(../../assets/images/geek/ico_question.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 8px;
}
.select select:disabled {
  color: #828282;
}
.select--sm {
  height: 30px;
}
.tool-tip-wrap {
  top: 30px;
  position: absolute;
  display: none;
}
.tool-tip-wrap.active {
  display: block;
}
.tool-tip-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 250px;
  background: #fff;
  z-index: 1;
  border: 1px solid #3f444c;
  padding: 20px;
}
.tool-tip-info-icon {
  position: absolute;
  top: -8px;
  width: 13px;
  left: calc(var(--discount-width) - 15px);
  height: 9px;
  background-image: url(../../assets/images/geek/ico_tootip.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.tool-tip-info p {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.select--sm select {
  font-size: 12px;
  border-color: #dedede;
}
.all-check {
  display: flex;
  align-items: center;
  gap: 3px;
}
/* 일반배송 매장픽업 탭 디자인 */
.cart-delivey-tab {
  display: flex;
  padding-bottom: 10px;
  align-items: center;
  justify-content: center;
}
.cart-delivey-tab span {
  padding: 10px 20px;
  color: #999;
  border-bottom: 2px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: 14px;
}
.cart-delivey-tab span.active {
  border-color: #3f444c;
  color: #3f444c;
  font-weight: 500;
}
.cart-delivey-tab span {
}