@charset "utf-8";
/*popup*/
.popup_layer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
/*팝업 박스*/
.popup_box {
  position: relative;
  top: 50%;
  left: 50%;
  overflow: auto;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
  z-index: 1002;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
}
/*컨텐츠 영역*/
.popup_box .popup_cont {
  padding: 50px;
  line-height: 1.4rem;
  font-size: 14px;
}
.popup_box .popup_cont h2 {
  padding: 15px 0;
  color: #333;
  margin: 0;
}
.popup_box .popup_cont p {
  border-top: 1px solid #666;
  padding-top: 30px;
}
/*버튼영역*/
.popup_box .popup_btn {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 70px;
  background: #ececec;
  word-break: break-word;
}
.popup_box .popup_btn a {
  position: relative;
  display: table-cell;
  height: 70px;
  font-size: 17px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  background: #ececec;
}
.popup_box .popup_btn a.close_day {
  background: #5d5d5d;
}
.popup_box .popup_btn a.close_day:before,
.popup_box .popup_btn a.close_day:after {
  display: none;
}
/*오버레이 뒷배경*/
.popup_overlay {
  position: fixed;
  top: 0px;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.5);
}

.h-100vh {
  height: 100vh;
}
.goods-img-size {
  width: 130px;
  height: 130px;
}
.goods-view-img-size {
  width: 260px;
  height: 260px;
}
.goods-order-img-size {
  width: 110px;
  height: 110px;
}
.goods-info-img-size {
  width: 200px;
  height: 200px;
}
.icon-size-one {
  width: 1.875rem;
  height: 1.875rem;
}
.rounded-3px {
  border-radius: 0.1875rem;
}
.fw-bold-500 {
  font-weight: 500;
}
.fw-bold-700 {
  font-weight: 700;
}
.fw-bold-800 {
  font-weight: 800;
}
.point-bg-color {
  background-color: #00b877;
  color: #fff;
}
.sub-point-bg-color {
  background-color: #00ffa50d;
}
.basic-bg-color {
  background-color: #a1a1a1 !important;
  color: #fff;
}
.basic-bg-color2 {
  background-color: #414141 !important;
  color: #fff;
}
.basic-bg-color3 {
  background-color: #f6f6f6 !important;
}
.important-bg-color {
  background-color: #ff5151;
}
.point-text-color {
  color: #00b877;
}
.basic-text-color {
  color: #414141;
}
.basic-text-color2 {
  color: #878787;
}
.point-border-color {
  border: 1px solid #00b877;
}
.important-text-color {
  color: #ff5151;
}
.fs-24px {
  font-size: 24px;
}
.fs-16px {
  font-size: 16px;
}
.col-19 {
  flex: 0 0 auto;
  width: 19%;
}
.col-48 {
  flex: 0 0 auto;
  width: 48.666667%;
}
.h-10 {
  height: 10%;
}
.conut-btn {
  background-color: #f2f2f2;
}
.point-circle {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.top-shadow {
  box-shadow: 0px -5px 15px #0000000d;
}
.date-tag {
  color: #006542;
  background-color: #bfffe9;
}
#progress {
  appearance: none;
  height: 0.3125rem;
}
#progress::-webkit-progress-bar {
  background: #f0f0f0;
  border-radius: 10px;
  box-shadow: inset 3px 3px 10px #ccc;
}
#progress::-webkit-progress-value {
  border-radius: 10px;
  background: #00b877;
}
.ltsp-03{
  letter-spacing: -0.3px;
}
.ltsp-04{
  letter-spacing: -0.4px;
}
.ltsp-06{
  letter-spacing: -0.6px;
}

.footer-padding{
  padding: 17px 20px 15px;
}

@media screen and (min-width: 360px) {
  .px-23px{
    padding: 0 23px;
  }
}

@media screen and (max-width: 360px) {
  .goods-img-size {
    width: 110px;
    height: 110px;
  }
  .xs-px {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }
  .fs-16px {
    font-size: 14px;
  }
}