@charset "UTF-8";
/* 스핀로딩 */
.loadingBox {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.2);
}

.spinnerBox {
  width: 5rem;
  height: 5rem;
  border: 0.3rem solid rgba(30, 22, 113, 0.3333333333);
  border-radius: 50%;
  border-top-color: #1E1671;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
* {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

#addrSearch > div {
  width: 100% !important;
}

.wrap {
  position: relative;
  padding-top: 0;
}
.wrap.bgGray {
  background-color: #f5f5f5;
}
.wrap main {
  padding-bottom: 50rem;
  min-height: calc(100vh - 16.6rem);
  box-sizing: border-box;
}

.pc {
  display: block;
}

.m {
  display: none;
}

.pc-f {
  display: flex;
}

.m-f {
  display: none;
}

.btn {
  color: #fff;
  border-radius: 2rem;
  border: 0;
  display: block;
  cursor: pointer;
}

.btn02 {
  background-color: #fff;
  color: #333;
  border-radius: 2rem;
  display: block;
  border: 0.1rem solid #666;
  cursor: pointer;
}

.txt {
  font-size: 3.2rem;
}

.must {
  display: inline-block;
  color: #ff0026;
  padding-left: 0.2rem;
  font-style: normal;
}

.imgWrap img {
  width: 100%;
  height: 100%;
}

.shop-swiper-box {
  position: absolute;
  left: 50%;
  bottom: 1.6rem;
  transform: translateX(calc(500px - 100% - 16px));
  z-index: 10;
  display: flex;
  align-items: center;
  border-radius: 1rem;
  gap: 0.8rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
  padding: 0 0.8rem;
}
.shop-swiper-box .swiper-pause-btn,
.shop-swiper-box .swiper-all-btn,
.shop-swiper-box .swiper-button-next {
  color: #fff;
  border: 0;
}
.shop-swiper-box .swiper-pause-btn {
  height: 3rem;
  font-size: 1.6rem;
}
.shop-swiper-box .swiper-count,
.shop-swiper-box .swiper-all-btn {
  height: 3rem;
  display: flex;
  align-items: center;
  padding: 0 0.8rem;
  font-size: 1.4rem;
  color: #fff;
}
.shop-swiper-box .swiper-count .current, .shop-swiper-box .swiper-count .total,
.shop-swiper-box .swiper-all-btn .current,
.shop-swiper-box .swiper-all-btn .total {
  color: #fff;
}
.shop-swiper-box .swiper-all-btn {
  cursor: pointer;
}
.shop-swiper-box .swiper-button-next {
  position: static;
  width: 2rem;
  height: 3rem;
  margin: 0;
}
.shop-swiper-box .swiper-button-next::after {
  font-size: 1.4rem;
}

.bg-main {
  background: #ff5500 !important;
  border: 0.1rem solid #ff5500 !important;
}

.clr-main {
  color: #ff5500 !important;
}

/* 버튼 */
.btn-w-340 {
  width: 34rem;
  height: 7rem;
  color: #333;
  background: #fff;
  border-radius: 0.5rem;
  font-size: 2.4rem;
  cursor: pointer;
}

.btn-b-340 {
  width: 34rem;
  height: 7rem;
  color: #fff;
  background: #333;
  border-radius: 0.5rem;
  font-size: 2.4rem;
  cursor: pointer;
}

/* active */
.active1 {
  background: #ff5500 !important;
  border: 0.1rem solid #ff5500 !important;
  color: #fff !important;
}

/* 배너 */
.bnrBg {
  width: 100%;
  background-color: #fffaf4;
}
.bnrBg .swiper-bnr {
  width: 100vw;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.bnrBg .swiper-bnr .swiper-pagination {
  bottom: 5rem;
}
.bnrBg .swiper-bnr .bnrWrap {
  width: 100%;
  height: 100%;
}
.bnrBg .swiper-bnr .bnrWrap .banner {
  position: relative;
  height: 100%;
  flex-shrink: 0;
}
.bnrBg .swiper-bnr .bnrWrap .banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: 0.3s;
  pointer-events: none;
}
.bnrBg .swiper-bnr .bnrWrap .banner.swiper-slide-active::after {
  opacity: 0;
}
.bnrBg .swiper-bnr .bnrWrap .banner .bnrImg {
  width: 100%;
  flex-shrink: 0;
  height: 50rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.bnrBg #pcBanner .banner {
  width: 1200px;
  flex-shrink: 0;
}
.bnrBg #pcBanner .banner.swiper-slide-active {
  padding-left: 190px;
}
.bnrBg #pcBanner .bnrImg {
  width: 100%;
  height: 40rem;
}
.bnrBg #pcBanner .shop-swiper-box {
  min-width: 13rem;
}
.bnrBg #mobileBanner .banner {
  width: 100%;
}
.bnrBg #mobileBanner .bnrImg {
  width: 100%;
  height: 30rem;
}
.bnrBg #mobileBanner .shop-swiper-box {
  width: 8rem;
  right: 1.6rem;
  left: auto;
  transform: none;
}

body.is-modal-open {
  overflow: hidden;
}

.recentlyView {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1300;
}
.recentlyView.on {
  display: block;
}
.recentlyView__dim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.32);
}
.recentlyView__panel {
  position: absolute;
  top: 0;
  right: 0;
  width: 45rem;
  max-width: calc(100vw - 3.2rem);
  height: 100%;
  padding: 2rem;
  box-sizing: border-box;
  background: #fff;
  box-shadow: -0.8rem 0 2.4rem rgba(0, 0, 0, 0.12);
}
.recentlyView__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}
.recentlyView__header h2 {
  color: #000;
  font-size: 2rem;
  font-weight: 600;
}
.recentlyView__close {
  position: relative;
  flex: 0 0 4rem;
  width: 4rem;
  height: 4rem;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.recentlyView__close::before, .recentlyView__close::after {
  content: "";
  position: absolute;
  left: 0.4rem;
  top: 1.8rem;
  width: 3.2rem;
  height: 0.4rem;
  border-radius: 0.4rem;
  background: #aaaaaa;
}
.recentlyView__close::before {
  transform: rotate(45deg);
}
.recentlyView__close::after {
  transform: rotate(-45deg);
}
.recentlyView__content {
  position: relative;
  height: calc(100% - 5.6rem);
  margin-top: 2.4rem;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.recentlyView__content::-webkit-scrollbar {
  width: 0.4rem;
}
.recentlyView__content::-webkit-scrollbar-thumb {
  border-radius: 0.4rem;
  background: rgba(255, 85, 0, 0.32);
}
.recentlyView__empty {
  display: none;
  padding: 8rem 1.6rem;
  color: #666;
  font-size: 1.6rem;
  text-align: center;
}
.recentlyView__timeline {
  position: relative;
  padding-left: 4rem;
}
.recentlyView__timeline::before {
  content: "";
  position: absolute;
  left: 0.8rem;
  top: 0;
  bottom: 0;
  width: 0.4rem;
  border-radius: 0.4rem;
  background: #ff5500;
}
.recentlyView__group {
  position: relative;
  padding-bottom: 3.2rem;
}
.recentlyView__group::before {
  content: "";
  position: absolute;
  left: -3.6rem;
  top: 0rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: #ff5500;
}
.recentlyView__group:last-child {
  padding-bottom: 0;
}
.recentlyView__date {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 6rem;
  height: 2.4rem;
  margin-bottom: 1.6rem;
  padding: 0 1.2rem;
  border-radius: 0.8rem;
  color: #fff;
  background: #ff5500;
  font-size: 1.6rem;
}
.recentlyView__grid {
  display: grid;
  grid-template-columns: repeat(2, 15rem);
  gap: 1.2rem;
}
.recentlyView__product {
  width: 15rem;
  height: 15rem;
  padding: 0;
  border: 0;
  border-radius: 1rem;
  overflow: hidden;
  background: #f5f5f5;
  cursor: pointer;
}
.recentlyView__product img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .recentlyView__panel {
    width: 100%;
    max-width: 100%;
    padding: 2.4rem 2rem 3.2rem;
  }
  .recentlyView__timeline {
    padding-left: 3.2rem;
  }
  .recentlyView__group::before {
    left: -2.8rem;
  }
  .recentlyView__grid {
    grid-template-columns: repeat(2, minmax(12rem, 1fr));
  }
  .recentlyView__product {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
}
.banner-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.6);
  padding: 2rem;
}
.banner-modal.is-open {
  display: block;
}
.banner-modal__inner {
  position: relative;
  max-width: 1200px;
  max-height: calc(100vh - 8rem);
  margin: 0 auto;
  padding: 4rem;
  background: #050505;
  border-radius: 0.8rem;
  overflow-y: auto;
}
.banner-modal__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  color: #fff;
  font-size: 3.6rem;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.banner-modal__head {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 2.4rem;
  color: #fff;
}
.banner-modal__head strong {
  color: #fff;
  font-size: 2.4rem;
}
.banner-modal__head span {
  color: #aaaaaa;
  font-size: 1.6rem;
}
.banner-modal__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8rem;
}
.banner-modal__item {
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
}
.banner-modal__item span {
  display: block;
  width: 100%;
  height: 25rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 추천상품 */
.bestMenuWrap {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}
.bestMenuWrap .bestMenu {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.bestMenu .titleWrap {
  margin: 3.2rem;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bestMenu .titleWrap .mainTitleWrap {
  display: flex;
  align-items: center;
}
.bestMenu .titleWrap .mainTitleWrap .mainTitle {
  color: #333;
  font-size: 2.2rem;
  font-weight: 500;
}
.bestMenu .titleWrap .subTitle {
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: -0.02rem;
  text-align: center;
  color: rgb(153, 153, 153);
  margin-top: 0.2rem;
}
.bestMenu .titleWrap .more {
  width: 10rem;
  height: 3.2rem;
  color: #aaaaaa;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  justify-content: flex-end;
  cursor: pointer;
}
.bestMenu .titleWrap .more:hover .icon, .bestMenu .titleWrap .more:hover span {
  color: #ff5500;
}
.bestMenu .titleWrap .more span {
  color: #aaaaaa;
  margin-right: 0.4rem;
}
.bestMenu .titleWrap .more .icon {
  width: 1.5rem;
  height: 1.5rem;
}
.bestMenu .productList {
  overflow: hidden;
  width: 100%;
}
.bestMenu .productList .swiper-button-prev, .bestMenu .productList .swiper-button-next {
  transform: none;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border: 1px solid #eee;
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  bottom: 50%;
  color: #aaa;
}
.bestMenu .productList .swiper-button-prev:after, .bestMenu .productList .swiper-button-next:after {
  font-size: 2.6rem;
  font-weight: 600;
}
.bestMenu .productList .swiper-button-prev:hover, .bestMenu .productList .swiper-button-next:hover {
  color: #FF5500;
  transform: scale(1.1);
  box-shadow: 0 0 1.2rem rgba(255, 255, 255, 0.3);
}
.bestMenu .productList .swiper-button-prev {
  left: -25px;
}
.bestMenu .productList .swiper-button-next {
  right: -25px;
}
.bestMenu .productList ul {
  height: 100%;
}
.bestMenu .productList ul.all-menu {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 3.2rem;
}
.bestMenu .productList ul.all-menu li {
  margin-right: 0 !important;
}
.bestMenu .productList ul li {
  width: 23rem;
  cursor: pointer;
}
.bestMenu .productList ul li .productInfoWrap .productImg {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 0.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #eee;
}
.bestMenu .productList ul li .productInfoWrap .cartBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4rem;
  margin-top: 1.2rem;
  font-size: 1.6rem;
  border: 0.1rem solid #dddddd;
  border-radius: 0.5rem;
  cursor: pointer;
  color: #aaaaaa;
  gap: 0.8rem;
}
.bestMenu .productList ul li .productInfoWrap .cartBtn .icon {
  width: 2.2rem;
  height: 2.2rem;
}
.bestMenu .productList ul li .productInfoWrap .cartBtn span {
  color: #aaaaaa;
}
.bestMenu .productList ul li .productInfoWrap .productInfo {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-top: 1.2rem;
}
.bestMenu .productList ul li .productInfoWrap .productInfo .productName {
  font-size: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  letter-spacing: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  color: #666;
}
.bestMenu .productList ul li .productInfoWrap .productInfo .infoWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bestMenu .productList ul li .productInfoWrap .productInfo .infoWrap .productPrice {
  display: flex;
  flex-direction: column;
}
.bestMenu .productList ul li .productInfoWrap .productInfo .infoWrap .productPrice .dimmedPrice {
  display: block;
  color: #aaaaaa;
  font-size: 1.4rem;
  text-decoration: line-through;
}
.bestMenu .productList ul li .productInfoWrap .productInfo .infoWrap .productPrice .dimmedPrice .price, .bestMenu .productList ul li .productInfoWrap .productInfo .infoWrap .productPrice .dimmedPrice .won {
  color: #aaaaaa;
}
.bestMenu .productList ul li .productInfoWrap .productInfo .infoWrap .productPrice .discount .rate {
  margin-right: 0.7rem;
  color: #ff5500;
  font-size: 1.8rem;
  font-weight: 600;
  white-space: nowrap;
}
.bestMenu .productList ul li .productInfoWrap .productInfo .infoWrap .productPrice .discount .salesPrice {
  font-size: 1.8rem;
  font-weight: 600;
  white-space: nowrap;
}
.bestMenu .productList .moreBtnBox {
  display: flex;
  justify-content: center;
  margin: 2rem auto;
}
.bestMenu .productList .moreBtnBox .moreBtn {
  width: 18rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3rem;
  cursor: pointer;
}
.bestMenu .productList .moreBtnBox .moreBtn--outline {
  background: #fff;
  border: 0.1rem solid #1E1671;
  color: #1E1671;
}
.bestMenu .productList .moreBtnBox .moreBtn .moreImg {
  background-image: url("/img/store/user/icon/up-arrow.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.5rem;
}
.bestMenu .productList.end .moreBtnBox {
  display: none;
}
.bestMenu .productList .noData {
  text-align: center;
  color: #ADADAD;
  border: 0.1rem solid #C8C8C8;
  border-radius: 0.3rem;
  padding: 4rem 0;
  font-size: 2rem;
}
.bestMenu .rankingList {
  overflow: hidden;
  width: 100%;
}
.bestMenu .rankingList ul {
  height: 100%;
}
.bestMenu .rankingList ul.all-menu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem 3.2rem;
}
.bestMenu .rankingList ul.all-menu li {
  margin-right: 0 !important;
}
.bestMenu .rankingList ul li {
  width: 100%;
  cursor: pointer;
}
.bestMenu .rankingList ul li .productInfoWrap {
  display: grid;
  grid-template-columns: 13rem 1fr 5rem;
  gap: 1.4rem;
}
.bestMenu .rankingList ul li .productInfoWrap .productImg {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 0.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.bestMenu .rankingList ul li .productInfoWrap .rankBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  cursor: pointer;
  color: #aaaaaa;
  gap: 0.8rem;
}
.bestMenu .rankingList ul li .productInfoWrap .rankBtn .icon {
  width: 2.4rem;
  height: 2.2rem;
}
.bestMenu .rankingList ul li .productInfoWrap .rankBtn:hover .icon {
  color: #ff5500;
}
.bestMenu .rankingList ul li .productInfoWrap .productInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.6rem;
}
.bestMenu .rankingList ul li .productInfoWrap .productInfo .rank-num {
  font-size: 1.8rem;
  font-weight: 500;
}
.bestMenu .rankingList ul li .productInfoWrap .productInfo .productName {
  font-size: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  letter-spacing: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  color: #666;
}
.bestMenu .rankingList ul li .productInfoWrap .productInfo .infoWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bestMenu .rankingList ul li .productInfoWrap .productInfo .infoWrap .productPrice {
  display: flex;
  flex-direction: column;
}
.bestMenu .rankingList ul li .productInfoWrap .productInfo .infoWrap .productPrice .dimmedPrice {
  display: block;
  color: #aaaaaa;
  font-size: 1.4rem;
  text-decoration: line-through;
}
.bestMenu .rankingList ul li .productInfoWrap .productInfo .infoWrap .productPrice .dimmedPrice .price, .bestMenu .rankingList ul li .productInfoWrap .productInfo .infoWrap .productPrice .dimmedPrice .won {
  color: #aaaaaa;
}
.bestMenu .rankingList ul li .productInfoWrap .productInfo .infoWrap .productPrice .discount .rate {
  margin-right: 0.7rem;
  color: #fa622f;
  font-size: 1.8rem;
  font-weight: 600;
  white-space: nowrap;
}
.bestMenu .rankingList ul li .productInfoWrap .productInfo .infoWrap .productPrice .discount .salesPrice {
  font-size: 1.8rem;
  font-weight: 600;
  white-space: nowrap;
}
.bestMenu .rankingList .moreBtnBox {
  display: flex;
  justify-content: center;
  margin: 2rem auto;
}
.bestMenu .rankingList .moreBtnBox .moreBtn {
  width: 18rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3rem;
  cursor: pointer;
}
.bestMenu .rankingList .moreBtnBox .moreBtn .moreImg {
  background-image: url("/img/store/user/icon/up-arrow.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.5rem;
}
.bestMenu .rankingList.end .moreBtnBox {
  display: none;
}
.bestMenu .rankingList .noData {
  text-align: center;
  color: #ADADAD;
  border: 0.1rem solid #C8C8C8;
  border-radius: 0.3rem;
  padding: 4rem 0;
  font-size: 2rem;
}

.divLine {
  padding-bottom: 1rem;
  border-bottom: 0.2rem solid #333;
  font-size: 1.2rem;
  color: #666;
  text-align: right;
  width: 100%;
}

/* 로그인 */
.loginWrap {
  min-width: 1200px;
  margin: 9rem auto 6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.loginWrap .login ul {
  width: 34rem;
  margin: 0 auto;
  letter-spacing: -0.06rem;
}
.loginWrap .login ul li {
  height: 4.8rem;
}
.loginWrap .login ul li .inpWrap input {
  height: 5.4rem;
  font-size: 1.4rem;
  width: 100%;
  padding: 0 1.1rem 0.1rem 1.5rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #ddd;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  outline: none;
  box-sizing: border-box;
}
.loginWrap .login ul li .inpWrap input:focus {
  border: 0.1rem solid #ff5500;
}
.loginWrap .login .loginBtn {
  display: flex;
  padding: 0 1rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 5.4rem;
  font-size: 1.6rem;
  border-radius: 0.3rem;
  cursor: pointer;
}
.loginWrap .login .member {
  display: flex;
  justify-content: center;
}
.loginWrap .login .member .separator {
  width: 0.1rem;
  height: 1rem;
  margin: 0.3rem 0.6rem 0;
  background-color: #333;
}
.loginWrap .login .member div {
  cursor: pointer;
}

/* 회원가입 */
.joinWrap {
  width: 64rem;
  margin: 9rem auto 6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.joinWrap ul {
  width: 100%;
}
.joinWrap ul li {
  display: inline-flex;
  width: 100%;
  padding: 1rem 2rem;
  box-sizing: border-box;
}
.joinWrap ul li .inpTitle {
  width: 13.9rem;
  padding-top: 1.2rem;
}
.joinWrap ul li .inpTitle label {
  line-height: 2rem;
  font-weight: bold;
  color: #333;
}
.joinWrap ul li .inpWrap {
  height: 4.8rem;
  width: 33.3rem;
  position: relative;
}
.joinWrap ul li .inpWrap input {
  width: 100%;
  height: 4.6rem;
  padding: 0rem 1.1rem 0.1rem 1.5rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #ddd;
  font-weight: 400;
  font-size: 1.6rem;
  color: #333;
  box-sizing: border-box;
  line-height: 2.4rem;
}
.joinWrap ul li .inpWrap .authTime {
  color: #ff0026;
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.joinWrap ul li .authWrap {
  width: 12rem;
  margin-left: 0.8rem;
}
.joinWrap ul li .authWrap .authBtn {
  color: rgba(221, 221, 221, 0.8666666667);
  height: 4.4rem;
  border-radius: 0.3rem;
  font-weight: 500;
  font-size: 1.4rem;
  display: flex;
  padding: 0rem 1rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  border: 0.1rem solid #ddd;
  cursor: pointer;
}
.joinWrap ul li .termsWrap {
  display: flex;
  padding: 0.8rem 0rem;
  justify-content: space-between;
  align-items: center;
  width: 42rem;
}
.joinWrap ul li .termsWrap .chkWrap {
  position: relative;
  display: flex;
  align-items: center;
  vertical-align: top;
  line-height: normal;
  color: #333;
  padding: 0rem;
  font-size: 1.4rem;
}
.joinWrap ul li .termsWrap .chkWrap input {
  display: none;
}
.joinWrap ul li .termsWrap .chkWrap input[type=checkbox] + label:before {
  content: "";
  border: 0.1rem solid #C8C8C8;
  width: 2rem;
  height: 2rem;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 0.4rem;
}
.joinWrap ul li .termsWrap .chkWrap input[type=checkbox]:checked + label:before {
  border: 0.1rem solid #1E1671;
  background-color: #1E1671;
  background-image: url(/img/store/user/icon/check.png);
  background-size: cover;
}
.joinWrap ul li .termsWrap .chkWrap label {
  cursor: pointer;
  word-break: keep-all;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.joinWrap ul li .termsWrap .btnWrap .termsBtn {
  cursor: pointer;
  position: relative;
  margin-right: 4rem;
  margin-left: 1rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.2rem;
}
.joinWrap ul li .termsWrap .btnWrap .termsBtn img {
  width: 1rem;
  height: 1rem;
}

/* 상품목록페이지 */
.productListWrap {
  width: 1200px;
  margin: 0 auto 6rem;
  border-top: 1px solid #eee;
}
.productListWrap .breadcrumbWrap {
  margin: 2rem 0 0;
  align-items: center;
  gap: 0.8rem;
}
.productListWrap .breadcrumbWrap__arrow {
  color: #666;
}
.productListWrap .breadcrumbWrap__tit, .productListWrap .breadcrumbWrap span {
  color: #666;
  cursor: pointer;
}
.productListWrap .breadcrumbWrap__tit:hover, .productListWrap .breadcrumbWrap span:hover {
  color: #ff5500;
}
.productListWrap .orderWrap {
  align-items: center;
  justify-content: space-between;
  margin-top: 2rem;
}
.productListWrap .orderWrap .total {
  font-size: 1.4rem;
  color: #333;
}
.productListWrap .orderWrap .total span {
  font-weight: 600;
}
.productListWrap .orderWrap ul {
  display: flex;
  align-items: center;
}
.productListWrap .orderWrap ul li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 1.4rem;
  color: #aaaaaa;
  margin-left: 0.8rem;
  cursor: pointer;
}
.productListWrap .orderWrap ul li:not(:last-child)::after {
  content: "";
  display: flex;
  width: 0.1rem;
  height: 1rem;
  margin-left: 0.8rem;
  background-color: #aaaaaa;
}
.productListWrap .orderWrap ul li.on {
  font-weight: bold;
  color: #333;
}
.productListWrap__inner {
  display: flex;
  gap: 2rem;
}
.productListWrap__inner .productList {
  display: flex;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  flex-direction: column;
}
.productListWrap__inner .productList .noData {
  text-align: center;
  color: #aaaaaa;
  border-radius: 0.3rem;
  padding: 4rem 0;
  font-size: 2rem;
}
.productListWrap__inner .productList .noData .back-home {
  font-size: 1.6rem;
  border-radius: 1rem;
  border: 1px solid #aaaaaa;
  padding: 1.6rem 3rem;
  color: #666;
  margin-top: 3rem;
}
.productListWrap__inner .productList ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 3.2rem;
  width: 100%;
}
.productListWrap__inner .productList ul li {
  cursor: pointer;
}
.productListWrap__inner .productList ul li .productInfoWrap .productImg {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 0.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #eee;
}
.productListWrap__inner .productList ul li .productInfoWrap .productImg img {
  width: 100%;
}
.productListWrap__inner .productList ul li .productInfoWrap .cartBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4rem;
  margin-top: 1.2rem;
  padding-bottom: 0.1rem;
  border: 0.1rem solid #dddddd;
  border-radius: 0.5rem;
  box-sizing: border-box;
  cursor: pointer;
  color: #aaaaaa;
  gap: 0.8rem;
}
.productListWrap__inner .productList ul li .productInfoWrap .cartBtn .icon {
  width: 2rem;
  height: 2rem;
}
.productListWrap__inner .productList ul li .productInfoWrap .cartBtn span {
  color: #aaaaaa;
}
.productListWrap__inner .productList ul li .productInfoWrap .productInfo {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-top: 1.2rem;
}
.productListWrap__inner .productList ul li .productInfoWrap .productInfo .productName {
  font-size: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  letter-spacing: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  color: #666;
}
.productListWrap__inner .productList ul li .productInfoWrap .productInfo .productName strong {
  color: #FFA500;
  font-weight: bold;
}
.productListWrap__inner .productList ul li .productInfoWrap .productInfo .productContent {
  padding-top: 0.4rem;
  font-size: 1.4rem;
  color: #777777;
  margin-bottom: 0.8rem;
  line-height: 1.8rem;
  letter-spacing: normal;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-word;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.productListWrap__inner .productList ul li .productInfoWrap .productInfo .infoWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.productListWrap__inner .productList ul li .productInfoWrap .productInfo .infoWrap .productPrice {
  display: flex;
  flex-direction: column;
}
.productListWrap__inner .productList ul li .productInfoWrap .productInfo .infoWrap .productPrice .dimmedPrice {
  display: block;
  color: #aaaaaa;
  font-size: 1.4rem;
  text-decoration: line-through;
}
.productListWrap__inner .productList ul li .productInfoWrap .productInfo .infoWrap .productPrice .dimmedPrice .price, .productListWrap__inner .productList ul li .productInfoWrap .productInfo .infoWrap .productPrice .dimmedPrice .won {
  color: #aaaaaa;
}
.productListWrap__inner .productList ul li .productInfoWrap .productInfo .infoWrap .productPrice .discount .rate {
  margin-right: 0.7rem;
  color: #ff5500;
  font-size: 1.6rem;
  font-weight: 600;
  white-space: nowrap;
}
.productListWrap__inner .productList ul li .productInfoWrap .productInfo .infoWrap .productPrice .discount .salesPrice {
  font-size: 1.6rem;
  font-weight: 600;
  white-space: nowrap;
}
.productListWrap__inner .sub-max-h {
  max-height: 500px;
  padding: 2.2rem;
}
.productListWrap__inner .sub-min-h {
  max-height: 80px;
  justify-content: center;
  padding: 2rem;
}
.productListWrap__inner .subCategoryWrap {
  position: sticky;
  top: 95px;
  min-width: 180px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1rem;
  border: 0.1rem solid rgb(226, 226, 226);
  margin-top: 2rem;
}
.productListWrap__inner .subCategoryWrap .titleWrap {
  font-size: 1.8rem;
  font-weight: 500;
}
.productListWrap__inner .subCategoryWrap .subCategoryList {
  display: flex;
  flex-direction: column;
  margin-top: 0.8rem;
}
.productListWrap__inner .subCategoryWrap .subCategoryList li {
  padding: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.productListWrap__inner .subCategoryWrap .subCategoryList li span {
  cursor: pointer;
}
.productListWrap__inner .subCategoryWrap .subCategoryList li span.on {
  font-weight: bolder;
  color: #1E1671;
}
.productListWrap__inner .subCategoryWrap .subCategoryList li:hover span {
  color: #ff5500;
}
.productListWrap__inner .moreBtnBox {
  display: flex;
  justify-content: center;
  margin: 2rem;
}
.productListWrap__inner .moreBtnBox .moreBtn {
  width: 18rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3rem;
  cursor: pointer;
}
.productListWrap__inner .moreBtnBox .moreBtn .moreImg {
  background-image: url("/img/store/user/icon/up-arrow.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.5rem;
}

.product-wraps {
  width: 1200px;
  display: grid;
  grid-template-columns: 700px 500px;
  margin: auto;
  gap: 5rem;
  position: relative;
}

.pd-sticky {
  position: sticky;
  top: 9.4rem;
  align-self: start;
  height: fit-content;
  max-height: calc(100vh - 11.4rem);
  overflow-y: auto;
}

.pd-fixed {
  position: fixed;
  bottom: 0;
}

/* 상품상세페이지 */
.productDetailWrap .breadcrumbWrap {
  margin: 2rem 0;
  align-items: center;
  gap: 0.8rem;
}
.productDetailWrap .breadcrumbWrap__arrow {
  color: #666;
}
.productDetailWrap .breadcrumbWrap__tit, .productDetailWrap .breadcrumbWrap span {
  color: #666;
  cursor: pointer;
}
.productDetailWrap .breadcrumbWrap__tit:hover, .productDetailWrap .breadcrumbWrap span:hover {
  color: #ff5500;
}
.productDetailWrap .productDetail {
  width: 100%;
  aspect-ratio: 1/1;
}
.productDetailWrap .productDetail .productImgWrap {
  width: 100%;
  aspect-ratio: 1/1;
}
.productDetailWrap .productDetail .productImgWrap .imgView {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 0.6rem;
}
.productDetailWrap .productDetail .productImgWrap .imgView .imgBox {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.productDetailWrap .productDetail .productImgWrap .imgView .imgBox.empty {
  border: 0.1rem solid #ddd;
  background-size: contain;
}
.productDetailWrap .productDetail .productImgWrap .swiper-wrapper {
  height: 100%;
}
.productDetailWrap .productDetail .productImgWrap .swiper-slide {
  width: 100%;
  height: 100%;
}
.productDetailWrap .productDetail .productImgWrap .swiper-pagination {
  left: auto;
  right: 2.4rem;
  bottom: 2.4rem;
  width: auto;
  min-width: 5.5rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  border-radius: 1rem;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  box-sizing: border-box;
}
.productDetailWrap .productDetail .productImgWrap .swiper-pagination .swiper-pagination-current,
.productDetailWrap .productDetail .productImgWrap .swiper-pagination .swiper-pagination-total {
  color: #fff;
}
.productDetailWrap .productInfoWrap {
  margin-top: 3rem;
}
.productDetailWrap .productInfoWrap .productDetailInfoBox .icon-link {
  display: flex;
  justify-content: end;
  color: #666;
}
.productDetailWrap .productInfoWrap .productDetailInfoBox .icon-link .icon {
  cursor: pointer;
  width: 2.4rem;
  height: 2.4rem;
}
.productDetailWrap .productInfoWrap .productDetailInfoBox .icon-link .icon:hover {
  color: #ff5500;
}
.productDetailWrap .productInfoWrap .productName {
  font-size: 2rem;
  color: #333;
  font-weight: 700;
}
.productDetailWrap .productInfoWrap .productContent {
  font-size: 1.6rem;
  color: #aaaaaa;
  margin-top: 0.5rem;
}
.productDetailWrap .productInfoWrap .starPoint {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.productDetailWrap .productInfoWrap .starPoint__flex {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.productDetailWrap .productInfoWrap .starPoint .starImg {
  position: relative;
  width: 11.2857rem;
  height: 2rem;
  overflow: hidden;
  flex: 0 0 auto;
}
.productDetailWrap .productInfoWrap .starPoint .starImg .star {
  color: #aaaaaa;
}
.productDetailWrap .productInfoWrap .starPoint .starImg .star, .productDetailWrap .productInfoWrap .starPoint .starImg .colorStar {
  width: 11.2857rem;
  height: 2rem;
  color: #aaaaaa;
  display: block;
  overflow: visible;
}
.productDetailWrap .productInfoWrap .starPoint .starImg .colorStar {
  color: #ff5500;
}
.productDetailWrap .productInfoWrap .starPoint .starImg .colorStarWrap {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  overflow: hidden;
}
.productDetailWrap .productInfoWrap .starPoint .starImg .colorStarWrap .colorStar {
  position: absolute;
  left: 0;
  top: 0;
}
.productDetailWrap .productInfoWrap .starPoint .rate {
  font-size: 1.8rem;
  font-weight: 500;
}
.productDetailWrap .productInfoWrap .productPrice {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.productDetailWrap .productInfoWrap .productPrice .dimmedPrice {
  color: #aaaaaa;
  font-size: 1.8rem;
  font-weight: 400;
}
.productDetailWrap .productInfoWrap .productPrice .dimmedPrice .price {
  text-decoration: line-through;
}
.productDetailWrap .productInfoWrap .productPrice .dimmedPrice span {
  color: #aaaaaa;
}
.productDetailWrap .productInfoWrap .productPrice .dimmedPrice .rate {
  margin-right: 0.7rem;
  font-size: 1.8rem;
  white-space: nowrap;
}
.productDetailWrap .productInfoWrap .productPrice .discount {
  color: #ff5500;
}
.productDetailWrap .productInfoWrap .productPrice .discount span {
  color: #ff5500;
}
.productDetailWrap .productInfoWrap .productPrice .discount .salesPrice {
  font-size: 2.4rem;
  font-weight: 600;
  white-space: nowrap;
  color: #ff5500;
}
.productDetailWrap .productInfoWrap .productInfo__box {
  width: 100%;
  display: flex;
  overflow: hidden;
  padding: 1.2rem 0;
  border-top: 0.1rem solid #eee;
  font-size: 1.5rem;
}
.productDetailWrap .productInfoWrap .productInfo__box .delivery-free-amount {
  font-size: 1.4rem;
  color: #aaaaaa;
  margin-left: 1rem;
}
.productDetailWrap .productInfoWrap .productInfo__box .delivery-add-area {
  font-size: 1.4rem;
  color: #aaaaaa;
  margin-top: 0.8rem;
}
.productDetailWrap .productInfoWrap .productInfo__box:last-child {
  border-bottom: 0.1rem solid #eee;
}
.productDetailWrap .productInfoWrap .productInfo__box div:first-child {
  width: 12rem;
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox {
  position: relative;
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .optionTxt {
  margin: 2rem 0 1rem;
  font-size: 1.6rem;
  color: #333;
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .selectBoxWrap {
  position: relative;
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .selectBoxWrap .selectBox {
  position: relative;
  width: 100%;
  color: #333;
  overflow: visible;
  border: 0.1rem solid #eee;
  background: #fff;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 1rem;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .selectBoxWrap .selectBox .optionBtn {
  display: flex;
  font-size: 1.6rem;
  padding: 1.2rem 1.5rem;
  color: #ddd;
  white-space: nowrap;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  justify-content: space-between;
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .selectBoxWrap .selectBox .optionBtn .OptionTitle {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .selectBoxWrap .selectBox .optionBtn .arrBtn {
  display: flex;
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .selectBoxWrap .selectBox .optionBtn .arrBtn .icon {
  width: 2.2rem;
  height: 2.2rem;
  color: #ddd;
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .selectBoxWrap .selectBox.is-enabled .optionBtn {
  color: #333;
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .selectBoxWrap .selectBox.is-enabled .optionBtn .arrBtn .icon {
  color: #333;
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .selectBoxWrap .selectBox.is-enabled ul {
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .selectBoxWrap .selectBox.is-enabled ul li {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .selectBoxWrap .selectBox.is-enabled ul li:hover {
  background-color: rgba(255, 85, 0, 0.1);
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .selectBoxWrap .selectBox.on .optionBtn .arrBtn .icon {
  transform: rotate(180deg);
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .selectBoxWrap .selectBox.on ul {
  display: block;
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .selectBoxWrap .selectBox ul {
  display: none;
  position: absolute;
  top: 5rem;
  left: -0.1rem;
  right: -0.1rem;
  z-index: 2;
  background: #fff;
  max-height: 60rem;
  border-top: none !important;
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .selectBoxWrap .selectBox ul li {
  border-top: 0.1rem solid #eee;
  padding: 1.2rem 1.5rem;
  font-size: 1.4rem;
  color: #333;
  display: flex;
  justify-content: space-between;
}
.productDetailWrap .productInfoWrap .orderWrap .optionBox .selectBoxWrap .selectBox ul li.soldOut {
  color: #eee;
}
.productDetailWrap .productInfoWrap .orderWrap .productBox {
  display: flex;
  flex-direction: column;
  padding: 1rem 1.2rem;
  border-radius: 0.3rem;
  border: 0.1rem solid #eee;
  position: relative;
}
.productDetailWrap .productInfoWrap .orderWrap .productBox .optTotalName {
  color: #333;
  font-size: 1.6rem;
  overflow-wrap: break-word;
}
.productDetailWrap .productInfoWrap .orderWrap .productBox .quantityBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.productDetailWrap .productInfoWrap .orderWrap .productBox .quantityBox .btnBox {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  border: 0.1rem solid #DEDEDE;
  width: 9rem;
  border-radius: 0.3rem;
}
.productDetailWrap .productInfoWrap .orderWrap .productBox .quantityBox .btnBox .quantityBtn {
  width: 2rem;
  height: 2rem;
  margin: 0.5rem;
  box-sizing: border-box;
  cursor: pointer;
}
.productDetailWrap .productInfoWrap .orderWrap .productBox .quantityBox .btnBox .quantityBtn.minus {
  background-image: url("/img/store/user/icon/minus_gray.png");
  background-size: cover;
}
.productDetailWrap .productInfoWrap .orderWrap .productBox .quantityBox .btnBox .quantityBtn.minus.on {
  background-image: url("/img/store/user/icon/minus_black.png");
}
.productDetailWrap .productInfoWrap .orderWrap .productBox .quantityBox .btnBox .quantityBtn.plus {
  background-image: url("/img/store/user/icon/plus_gray.png");
  background-size: cover;
}
.productDetailWrap .productInfoWrap .orderWrap .productBox .quantityBox .btnBox .quantityBtn.plus.on {
  background-image: url("/img/store/user/icon/plus_black.png");
}
.productDetailWrap .productInfoWrap .orderWrap .productBox .quantityBox .btnBox .quantity {
  width: 3.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  padding-top: 0.2rem;
  font-weight: bold;
}
.productDetailWrap .productInfoWrap .orderWrap .productBox .quantityBox .totalPrice {
  font-size: 1.4rem;
  font-weight: bolder;
  color: #333;
}
.productDetailWrap .productInfoWrap .orderWrap .productBox .delBtn {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.productDetailWrap .productInfoWrap .orderWrap .productBox .delBtn .icon {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  color: #333;
}
.productDetailWrap .productInfoWrap .orderWrap .productBox .delBtn .icon:hover {
  color: #ff5500;
}
.productDetailWrap .productInfoWrap .orderWrap .totalPriceWrap {
  border-top: 0.1rem solid #ECECEC;
  padding-top: 3rem;
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}
.productDetailWrap .productInfoWrap .orderWrap .totalPriceWrap .totalTxt {
  padding-right: 1.2rem;
}
.productDetailWrap .productInfoWrap .orderWrap .totalPriceWrap .totalPrice {
  font-size: 2rem;
  color: #ff5500;
  font-weight: 700;
}
.productDetailWrap .productInfoWrap .orderWrap .totalPriceWrap .won {
  font-size: 2rem;
  color: #ff5500;
  padding-left: 0.5rem;
  font-weight: 700;
}
.productDetailWrap .productInfoWrap .orderWrap .orderBtnBox {
  display: flex;
  gap: 0.8rem;
}
.productDetailWrap .productInfoWrap .orderWrap .orderBtnBox .saveBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 5.5rem;
  height: 5.5rem;
  color: #aaaaaa;
  cursor: pointer;
}
.productDetailWrap .productInfoWrap .orderWrap .orderBtnBox .saveBtn .pickImg {
  width: 5.5rem;
  height: 5.5rem;
  color: #aaaaaa;
  border: 0.1rem solid #ddd;
  padding: 0.8rem 0.4rem;
  border-radius: 1rem;
}
.productDetailWrap .productInfoWrap .orderWrap .orderBtnBox .saveBtn .pickImg.on {
  color: #ff5500;
  border: 0.1rem solid #ff5500;
}
.productDetailWrap .productInfoWrap .orderWrap .orderBtnBox .saveBtn .pickImg:hover {
  color: #ff5500;
  border: 0.1rem solid #ff5500;
}
.productDetailWrap .productInfoWrap .orderWrap .orderBtnBox .buyBtn {
  height: 5.5rem;
  display: flex;
  align-items: center;
  border-radius: 1rem;
  box-sizing: border-box;
  width: 44%;
  justify-content: center;
  font-weight: 600;
  font-size: 1.8rem;
  cursor: pointer;
}
.productDetailWrap .productInfoWrap .orderWrap .orderBtnBox .buyBtn--cart {
  background: #fff;
  border: 0.1rem solid #ff5500;
  color: #ff5500;
}
.productDetailWrap .productInfoWrap .orderWrap .orderBtnBox .buyBtn--buy {
  background: #ff5500;
  border: 0.1rem solid #ff5500;
  color: #fff;
}
.productDetailWrap .infoMenuBox {
  z-index: 19;
  position: sticky;
  top: 9.4rem;
  box-shadow: #DCDCDC 0rem -0.05rem 0rem 0rem inset;
  margin-top: 5rem;
}
.productDetailWrap .infoMenuBox ul {
  display: flex;
  flex-wrap: wrap;
  height: 6rem;
  background-color: #fff;
  border-bottom: 1px solid #aaaaaa;
}
.productDetailWrap .infoMenuBox ul li {
  cursor: pointer;
  display: flex;
  flex: 1 1 0;
  border-width: 0.1rem 0 0.1rem 0.1rem;
  justify-content: center;
  align-items: center;
  color: #aaaaaa;
  font-size: 1.6rem;
}
.productDetailWrap .infoMenuBox ul li.on {
  border-bottom: 2px solid #333;
  font-weight: 600;
  color: #333 !important;
}
.productDetailWrap .infoDetailBox {
  padding-top: 2rem;
}
.productDetailWrap .infoDetailBox .infoDetailTitle {
  min-width: 100px;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.productDetailWrap .infoDetailBox .description {
  position: relative;
  padding: 2rem;
  width: 100%;
}
.productDetailWrap .infoDetailBox .description__content {
  width: 100%;
  overflow: hidden;
}
.productDetailWrap .infoDetailBox .description.is-collapsed .description__content {
  max-height: 60rem;
}
.productDetailWrap .infoDetailBox .description.is-collapsed::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5.5rem;
  height: 17rem;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 78%);
}
.productDetailWrap .infoDetailBox .description.has-toggle {
  padding-bottom: 8.5rem;
}
.productDetailWrap .infoDetailBox .description.has-toggle .description__toggle {
  display: flex;
  margin: 0 2rem;
}
.productDetailWrap .infoDetailBox .description.is-expanded .description__toggle .icon {
  transform: rotate(180deg);
}
.productDetailWrap .infoDetailBox .description img {
  max-width: 100%;
  margin: 0 auto;
}
.productDetailWrap .infoDetailBox .description__toggle {
  display: none;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2rem;
  z-index: 1;
}
.productDetailWrap .infoDetailBox .description__toggle button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  width: min(100%, 50rem);
  height: 5.6rem;
  border: 0.1rem solid #e2e2e2;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.08);
  color: #333;
  font-size: 1.8rem;
  cursor: pointer;
}
.productDetailWrap .infoDetailBox .description__toggle button .icon {
  width: 2rem;
  height: 2rem;
  transition: transform 0.2s ease;
}
.productDetailWrap .infoDetailBox .review {
  padding: 2rem;
  border-top: 5px solid #eee;
}
.productDetailWrap .infoDetailBox .review .reviewList__tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.productDetailWrap .infoDetailBox .review .reviewList__select {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  position: relative;
}
.productDetailWrap .infoDetailBox .review .reviewList__select .mobileSortBtn {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding-right: 2.6rem;
  font-size: 1.4rem;
  font-family: "A2Z";
  text-align: right;
}
.productDetailWrap .infoDetailBox .review .reviewList__select .icon {
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  right: 0.5rem;
  top: 55%;
  transform: translateY(-50%);
  pointer-events: none;
}
.productDetailWrap .infoDetailBox .review .reviewList .starPoints__flex {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.productDetailWrap .infoDetailBox .review .reviewList .starPoints .starImg {
  position: relative;
  width: 11.2857rem;
  height: 2rem;
  overflow: hidden;
  flex: 0 0 auto;
}
.productDetailWrap .infoDetailBox .review .reviewList .starPoints .starImg .star {
  color: #aaaaaa;
}
.productDetailWrap .infoDetailBox .review .reviewList .starPoints .starImg .star, .productDetailWrap .infoDetailBox .review .reviewList .starPoints .starImg .colorStar {
  width: 11.2857rem;
  height: 2rem;
  color: #aaaaaa;
  display: block;
  overflow: visible;
}
.productDetailWrap .infoDetailBox .review .reviewList .starPoints .starImg .colorStar {
  color: #ff5500;
}
.productDetailWrap .infoDetailBox .review .reviewList .starPoints .starImg .colorStarWrap {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  overflow: hidden;
}
.productDetailWrap .infoDetailBox .review .reviewList .starPoints .starImg .colorStarWrap .colorStar {
  position: absolute;
  left: 0;
  top: 0;
}
.productDetailWrap .infoDetailBox .review .reviewList .starPoints .rate {
  font-size: 1.8rem;
  font-weight: 500;
}
.productDetailWrap .infoDetailBox .review .reviewList .starPoints .reviewPhotoPreview {
  display: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.8rem;
  margin: 1.4rem 0 1.8rem;
}
.productDetailWrap .infoDetailBox .review .reviewList .starPoints .reviewPhotoPreview__item {
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
  padding: 0;
  border: 1px solid #eee;
  border-radius: 1rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
}
.productDetailWrap .infoDetailBox .review .reviewList .starPoints .reviewPhotoPreview__more {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.6rem;
  text-align: center;
}
.productDetailWrap .infoDetailBox .review .reviewList .starPoints .reviewPhotoPreview__count {
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
  min-width: 2.4rem;
  height: 2.4rem;
  padding: 0 0.7rem;
  border-radius: 99.9rem;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 2.4rem;
  text-align: center;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  border-bottom: 0.1rem solid #ddd;
  padding: 2rem 0;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li.noData {
  padding: 3rem;
  font-size: 1.6rem;
  justify-content: center;
  align-items: center;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li .reviewLeft {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li .reviewLeft .reviewerInfo {
  font-size: 1.4rem;
  color: #666;
  display: flex;
  align-items: center;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li .reviewLeft .reviewerInfo .reviewerId {
  padding-right: 1rem;
  border-right: 0.1rem solid #aaaaaa;
  font-size: 1.6rem;
  font-weight: bold;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li .reviewLeft .reviewerInfo .reviewDate {
  padding-left: 1rem;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li .reviewLeft .starPoint {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li .reviewLeft .starPoint .starImg {
  position: relative;
  width: 11.2857rem;
  height: 2rem;
  overflow: hidden;
  flex: 0 0 auto;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li .reviewLeft .starPoint .starImg .star {
  display: block;
  width: 11.2857rem;
  height: 2rem;
  color: #aaaaaa;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li .reviewLeft .starPoint .starImg .colorStar {
  display: block;
  width: 11.2857rem;
  height: 2rem;
  color: #ff5500;
  overflow: visible;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li .reviewLeft .starPoint .starImg .colorStarWrap {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  overflow: hidden;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li .reviewLeft .starPoint .starImg .colorStarWrap .colorStar {
  position: absolute;
  left: 0;
  top: 0;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li .reviewRight {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  width: 100%;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li .reviewRight .reviewProduct {
  font-size: 1.4rem;
  line-height: 1.9rem;
  color: #999999;
  overflow: hidden;
  word-break: break-word;
  white-space: normal;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li .reviewRight .reviewProduct .reviewProductOption {
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 0.1rem solid #ADADAD;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li .reviewRight .reviewContent {
  word-break: break-word;
  white-space: pre-wrap;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li .reviewRight .reviewImgList {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.3rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 2rem;
}
.productDetailWrap .infoDetailBox .review .reviewList ul li .reviewRight .reviewImgList .reviewImg {
  flex: 0 0 auto;
  width: 16rem;
  height: 16rem;
  padding: 0;
  border: 1px solid #f5f5f5;
  border-radius: 1rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
}
.productDetailWrap .infoDetailBox .review .reviewList__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.productDetailWrap .infoDetailBox .review .reviewList__button--report {
  color: #aaaaaa;
}
.productDetailWrap .infoDetailBox .review .reviewList__button--report:active {
  color: #ff5500;
}
.productDetailWrap .infoDetailBox .review .reviewList__button--thumbbox {
  border: 1px solid #eee;
  border-radius: 0.5rem;
  padding: 0.8rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.productDetailWrap .infoDetailBox .review .reviewList__button--thumbbox span {
  color: #aaaaaa;
}
.productDetailWrap .infoDetailBox .review .reviewList__button--thumbbox:active {
  border: 1px solid #ff5500;
}
.productDetailWrap .infoDetailBox .review .reviewList__button--thumbbox:active span, .productDetailWrap .infoDetailBox .review .reviewList__button--thumbbox:active .reviewList__button--thumb {
  color: #ff5500;
}
.productDetailWrap .infoDetailBox .review .reviewList__button--thumb {
  width: 1.5rem;
  height: 1.5rem;
  color: #aaaaaa;
}
.productDetailWrap .infoDetailBox .review .reviewList .thumbs-up {
  border: 1px solid #ff5500;
}
.productDetailWrap .infoDetailBox .review .reviewList .thumbs-up span, .productDetailWrap .infoDetailBox .review .reviewList .thumbs-up .reviewList__button--thumb {
  color: #ff5500;
}
.productDetailWrap .infoDetailBox .inquirys {
  padding: 2rem;
  border-top: 5px solid #eee;
  background-color: #fff;
}
.productDetailWrap .infoDetailBox .inquirys .titwrap-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.productDetailWrap .infoDetailBox .inquirys .titleWrap {
  position: relative;
}
.productDetailWrap .infoDetailBox .inquirys .titleWrap .infoDetailTitle {
  margin-bottom: 0;
}
.productDetailWrap .infoDetailBox .inquirys .titleWrap .regBtn {
  width: 12rem;
  height: 4rem;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
  cursor: pointer;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryHeader ul {
  border-bottom: 0.1rem solid #333;
  display: grid;
  grid-template-columns: 5fr 1fr 1fr 1fr;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryHeader ul li {
  height: 5.8rem;
  font-weight: bold;
  letter-spacing: -0.05rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList {
  width: 100%;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList .inquiry {
  cursor: pointer;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList__felx {
  display: flex;
  padding-top: 1.6rem;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList__topbox {
  display: flex;
  flex-direction: column;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul {
  border-bottom: 0.1rem solid #ddd;
  width: 100%;
  padding: 1rem 0;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul li {
  gap: 1.6rem;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul li .secret {
  color: #aaaaaa;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul li .secret.my {
  color: #333;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul li .secretImg {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: url("/img/store/user/icon/lock_gray.svg") no-repeat;
  background-size: cover;
  margin-left: 0.6rem;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul li .secretImg.my {
  background: url("/img/store/user/icon/lock.svg") no-repeat;
  background-size: cover;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul li .red {
  color: rgb(240, 63, 64);
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul li .blue {
  color: rgb(37, 124, 216);
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul.noData {
  grid-template-columns: 1fr;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul.noData li {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul.reply {
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul.reply .inquiryContent {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 1rem 0 1rem 2rem;
  height: fit-content;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul.reply .inquiryContent > div {
  max-width: calc(100% - 2.8rem);
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul.reply .inquiryContent::before {
  content: "Q";
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  background: #aaaaaa;
  color: #fff;
  border-radius: 50%;
  font-size: 1.2rem;
  margin-right: 0.8rem;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul.reply .inquiryReply {
  display: flex;
  justify-content: left;
  padding: 1rem 0 1rem 2rem;
  height: fit-content;
  align-items: flex-start;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul.reply .inquiryReply > div {
  max-width: calc(100% - 2.8rem);
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul.reply .inquiryReply::before {
  content: "A";
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  background: #ff5500;
  color: #fff;
  border-radius: 50%;
  font-size: 1.2rem;
  margin-right: 0.8rem;
}
.productDetailWrap .infoDetailBox .inquirys .inquiryListWrap .inquiryList ul.off {
  display: none;
}
.productDetailWrap .infoDetailBox .moreBtnBox {
  display: flex;
  justify-content: center;
  margin: 2rem;
}
.productDetailWrap .infoDetailBox .moreBtnBox .moreBtn {
  width: 18rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3rem;
  cursor: pointer;
}
.productDetailWrap .infoDetailBox .moreBtnBox .moreBtn .moreImg {
  background-image: url("/img/store/user/icon/up-arrow.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.5rem;
}
.productDetailWrap .infoDetailBox .refund {
  padding: 2rem;
  border-top: 5px solid #eee;
}
.productDetailWrap .infoDetailBox .refund .refundInfo ul {
  border-bottom: 0.1rem solid #ddd;
}
.productDetailWrap .infoDetailBox .refund .refundInfo ul li {
  padding: 1rem 0;
}
.productDetailWrap .infoDetailBox .refund .refundInfo ul li .title {
  padding-bottom: 1rem;
  font-weight: bold;
  font-size: 1.6rem;
}
.productDetailWrap .infoDetailBox .refund .refundInfo ul li .content {
  line-height: 2.2rem;
  padding-left: 0.5rem;
  font-size: 1.4rem;
}
.productDetailWrap .infoDetailBox .refund .mobileProductAccordion {
  margin-top: 2.4rem;
  border-top: 0.1rem solid #DEDEDE;
}
.productDetailWrap .infoDetailBox .refund .mobileProductAccordion__item {
  border-bottom: 0.1rem solid #DEDEDE;
  background: #fff;
}
.productDetailWrap .infoDetailBox .refund .mobileProductAccordion__item summary {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 5.8rem;
  padding: 0 4.4rem 0 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #333;
  list-style: none;
  cursor: pointer;
}
.productDetailWrap .infoDetailBox .refund .mobileProductAccordion__item summary::-webkit-details-marker {
  display: none;
}
.productDetailWrap .infoDetailBox .refund .mobileProductAccordion__item summary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.8rem;
  width: 0.9rem;
  height: 0.9rem;
  border-right: 0.1rem solid #666;
  border-bottom: 0.1rem solid #666;
  transform: translateY(-65%) rotate(45deg);
}
.productDetailWrap .infoDetailBox .refund .mobileProductAccordion__item[open] summary::after {
  transform: translateY(-30%) rotate(225deg);
}
.productDetailWrap .infoDetailBox .refund .mobileProductAccordion__content {
  padding: 0 1rem 2.2rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #666;
}
.productDetailWrap .infoDetailBox .refund .mobileProductAccordion__content p {
  margin-top: 0.8rem;
  word-break: keep-all;
}
.productDetailWrap .infoDetailBox .refund .mobileProductAccordion__content dl {
  display: grid;
  grid-template-columns: 18rem 1fr;
  gap: 0.8rem 1.6rem;
}
.productDetailWrap .infoDetailBox .refund .mobileProductAccordion__content dt {
  color: #777;
}
.productDetailWrap .infoDetailBox .refund .mobileProductAccordion__content dd {
  color: #333;
  word-break: break-word;
}
.productDetailWrap .infoDetailBox .refund .mobileProductAccordion__report {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 5.8rem;
  padding: 0 4.4rem 0 1rem;
  border-bottom: 0.1rem solid #DEDEDE;
  font-size: 1.6rem;
  font-weight: 600;
  color: #333;
  background: #fff;
  text-align: left;
  cursor: pointer;
}
.productDetailWrap .infoDetailBox .refund .mobileProductAccordion__report::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 0.9rem;
  height: 0.9rem;
  border-top: 0.1rem solid #666;
  border-right: 0.1rem solid #666;
  transform: translateY(-50%) rotate(45deg);
}

.reviewPhotoModal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10001;
}
.reviewPhotoModal.is-open {
  display: block;
}
.reviewPhotoModal__dim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}
.reviewPhotoModal__box {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(100% - 3.2rem, 62rem);
  max-height: calc(100vh - 8rem);
  transform: translate(-50%, -50%);
  overflow-y: auto;
  border-radius: 1.2rem;
  background: #fff;
}
.reviewPhotoModal__close {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  margin-left: auto;
  background: #fff;
}
.reviewPhotoModal__close .icon {
  width: 1.8rem;
  height: 1.8rem;
}
.reviewPhotoModal__content {
  padding: 0 2rem 2.4rem;
}
.reviewPhotoModal__viewer {
  position: relative;
  margin-bottom: 1.8rem;
}
.reviewPhotoModal__hero {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-color: #f7f7f7;
  cursor: zoom-in;
}
.reviewPhotoModal__nav {
  position: absolute;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  transform: translateY(-50%);
}
.reviewPhotoModal__nav .icon {
  width: 1.8rem;
  height: 1.8rem;
}
.reviewPhotoModal__nav--prev {
  left: 1.2rem;
}
.reviewPhotoModal__nav--prev .icon {
  transform: rotate(90deg);
}
.reviewPhotoModal__nav--next {
  right: 1.2rem;
}
.reviewPhotoModal__nav--next .icon {
  transform: rotate(-90deg);
}
.reviewPhotoModal__counter {
  position: absolute;
  left: 50%;
  bottom: 1.2rem;
  padding: 0.4rem 1rem;
  border-radius: 99.9rem;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 1.3rem;
  transform: translateX(-50%);
}
.reviewPhotoModal__review li {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding: 0;
  border-bottom: 0;
}
.reviewPhotoModal__review .reviewImgList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.6rem;
  overflow: visible;
  padding-bottom: 0;
}
.reviewPhotoModal__review .reviewImg {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  padding: 0;
  border: 0;
  border-radius: 1rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.reviewPhotoModal__review .reviewImg.is-active {
  outline: 0.2rem solid #ff5500;
  outline-offset: -0.2rem;
}
.reviewPhotoModal__review .reviewLeft {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.reviewPhotoModal__review .reviewLeft .reviewerInfo {
  font-size: 1.4rem;
  color: #666;
  display: flex;
  align-items: center;
}
.reviewPhotoModal__review .reviewLeft .reviewerInfo .reviewerId {
  padding-right: 1rem;
  border-right: 0.1rem solid #aaaaaa;
  font-size: 1.6rem;
  font-weight: bold;
}
.reviewPhotoModal__review .reviewLeft .reviewerInfo .reviewDate {
  padding-left: 1rem;
}
.reviewPhotoModal__review .reviewLeft .starPoint {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.reviewPhotoModal__review .reviewLeft .starPoint .starImg {
  position: relative;
  width: 11.2857rem;
  height: 2rem;
  overflow: hidden;
  flex: 0 0 auto;
}
.reviewPhotoModal__review .reviewLeft .starPoint .starImg .star {
  display: block;
  width: 11.2857rem;
  height: 2rem;
  color: #aaaaaa;
}
.reviewPhotoModal__review .reviewLeft .starPoint .starImg .colorStar {
  display: block;
  width: 11.2857rem;
  height: 2rem;
  color: #ff5500;
  overflow: visible;
}
.reviewPhotoModal__review .reviewLeft .starPoint .starImg .colorStarWrap {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  overflow: hidden;
}
.reviewPhotoModal__review .reviewLeft .starPoint .starImg .colorStarWrap .colorStar {
  position: absolute;
  left: 0;
  top: 0;
}

.reviewPhotoZoomModal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10002;
}
.reviewPhotoZoomModal.is-open {
  display: block;
}
.reviewPhotoZoomModal__dim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.82);
}
.reviewPhotoZoomModal__box {
  width: 80rem;
  height: 80rem;
  margin: auto;
  position: absolute;
  inset: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  background-color: #fff;
  padding: 3rem;
}
.reviewPhotoZoomModal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}
.reviewPhotoZoomModal__close .icon {
  width: 1.8rem;
  height: 1.8rem;
}
.reviewPhotoZoomModal__image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  border: 1px solid #eee;
  border-radius: 1rem;
}
.reviewPhotoZoomModal__nav {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  transform: translateY(-50%);
}
.reviewPhotoZoomModal__nav .icon {
  width: 2rem;
  height: 2rem;
}
.reviewPhotoZoomModal__nav--prev {
  left: 10px;
}
.reviewPhotoZoomModal__nav--prev .icon {
  transform: rotate(90deg);
}
.reviewPhotoZoomModal__nav--next {
  right: 10px;
}
.reviewPhotoZoomModal__nav--next .icon {
  transform: rotate(-90deg);
}
.reviewPhotoZoomModal__counter {
  position: absolute;
  left: 50%;
  bottom: 20px;
  z-index: 1;
  padding: 0.5rem 1.2rem;
  border-radius: 99.9rem;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 1.3rem;
  transform: translateX(-50%);
}

.storeReportPopup {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 999;
}
.storeReportPopup.is-open {
  display: block;
}
.storeReportPopup__dim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
}
.storeReportPopup__panel {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  flex-direction: column;
  width: min(100% - 3.2rem, 50rem);
  max-height: min(100vh - 4.8rem, 90rem);
  overflow: hidden;
  border-radius: 1.2rem;
  background: #fff;
  transform: translate(-50%, -50%);
}
.storeReportPopup__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
  min-height: 6.8rem;
  padding: 0 2.4rem;
}
.storeReportPopup__header h3 {
  font-size: 1.8rem;
}
.storeReportPopup__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
}
.storeReportPopup__close .icon {
  width: 2rem;
  height: 2rem;
}
.storeReportPopup__body {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 0 2.4rem 2.4rem;
}
.storeReportPopup__section {
  padding: 1.8rem 0 2.4rem;
  border-bottom: 0.1rem solid #e5e5e5;
}
.storeReportPopup__section h4 {
  margin-bottom: 1.4rem;
}
.storeReportPopup__guide {
  margin-top: 1rem;
  color: #666;
  font-size: 1.4rem;
  word-break: keep-all;
}
.storeReportPopup__guides {
  display: flex;
  align-items: center;
  color: #666;
  font-size: 1.4rem;
  word-break: keep-all;
}
.storeReportPopup__guides a {
  color: #ff5500;
  text-decoration: underline;
}
.storeReportPopup__notice {
  padding: 2rem 0 7.2rem;
  color: #333;
  font-size: 1.4rem;
}
.storeReportPopup__notice p + p {
  margin-top: 0.8rem;
}
.storeReportPopup__footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.8rem;
  flex: 0 0 auto;
  padding: 1.6rem 2.4rem;
  border-top: 0.1rem solid #eee;
  background: #fff;
}
.storeReportPopup__footer button {
  height: 4.8rem;
  font-size: 1.6rem;
  border-radius: 1rem;
}
.storeReportPopup__cancel {
  border: 0.1rem solid #ddd;
  color: #333;
  background: #fff;
}
.storeReportPopup__submit {
  color: #fff;
  background: #ff5500;
}

.storeReportTarget {
  display: flex;
  gap: 1.4rem;
}
.storeReportTarget__thumb {
  flex: 0 0 8rem;
  width: 8rem;
  height: 8rem;
  border: 0.1rem solid #eee;
  border-radius: 0.4rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.storeReportTarget__thumb--empty {
  background-color: #f5f5f5;
}
.storeReportTarget__info {
  min-width: 0;
}
.storeReportTarget__path {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.8rem;
  margin-bottom: 0.6rem;
  font-size: 1.2rem;
  line-height: 1.7rem;
}
.storeReportTarget__path span + span::before {
  content: ">";
  margin-right: 0.8rem;
  color: #aaa;
}
.storeReportTarget__brand {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 1.5rem;
  color: #111;
}
.storeReportTarget__name {
  display: -webkit-box;
  overflow: hidden;
  color: #111;
  font-size: 1.6rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.storeReportTarget__price {
  margin-top: 0.8rem;
  color: #e60023;
  font-size: 1.8rem;
}

.storeReportReason {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}
.storeReportReason--grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.4rem 1.8rem;
}
.storeReportReason label {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #111;
  font-size: 1.4rem;
  line-height: 2rem;
  cursor: pointer;
}
.storeReportReason input {
  appearance: none;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid #d8dee4;
  border-radius: 0.3rem;
  background: #fff;
}
.storeReportReason input:checked {
  border-color: #ff5500;
  background: #ff5500;
  box-shadow: inset 0 0 0 0.4rem #fff;
}

.storeReportReview {
  padding: 1.6rem;
  border: 0.1rem solid #dfe4ea;
  border-radius: 0.7rem;
  background: #f6f8fb;
}
.storeReportReview__meta {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 0.8rem;
  color: #333;
  font-size: 1.3rem;
  line-height: 2rem;
}
.storeReportReview__meta strong {
  color: #111;
  font-weight: 800;
}
.storeReportReview__meta span {
  color: #666;
}
.storeReportReview__meta button {
  color: #666;
  font-size: 1.2rem;
}
.storeReportReview__meta button::before {
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.3rem;
  border: 0.1rem solid #aaaaaa;
  vertical-align: -0.2rem;
}
.storeReportReview p {
  display: -webkit-box;
  overflow: hidden;
  color: #333;
  font-size: 1.4rem;
  line-height: 2.2rem;
  white-space: pre-wrap;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}

.storeReportText {
  position: relative;
  margin-top: 1.8rem;
}
.storeReportText textarea {
  display: block;
  width: 100%;
  height: 15rem;
  padding: 1.4rem 1.4rem 3rem;
  border: 0.1rem solid #cfd6dd;
  border-radius: 0.7rem;
  background: #eef1f4;
  color: #111;
  font-size: 1.4rem;
  line-height: 2rem;
  resize: none;
}
.storeReportText textarea:focus {
  border-color: #ff5500;
  background: #fff;
}
.storeReportText__count {
  position: absolute;
  right: 1.4rem;
  bottom: 1.2rem;
  color: #aaa;
  font-size: 1.2rem;
}

.storeReportAttach {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.2rem;
  margin-top: 1.2rem;
  border: 0.1rem solid #cfd6dd;
  border-radius: 0.7rem;
  background: #eef1f4;
  color: #777;
  font-size: 1.4rem;
  font-weight: 600;
  cursor: pointer;
}
.storeReportAttach input {
  display: none;
}
.storeReportAttach span {
  overflow: hidden;
  max-width: 100%;
  padding: 0 1.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .storeReportPopup__panel {
    width: calc(100% - 2.4rem);
    max-height: calc(100vh - 2.8rem);
  }
  .storeReportPopup__header {
    min-height: 6rem;
    padding: 0 1.8rem;
  }
  .storeReportPopup__header h3 {
    font-size: 1.8rem;
  }
  .storeReportPopup__body {
    padding: 0 1.8rem 1.8rem;
  }
  .storeReportPopup__footer {
    padding: 1.2rem 1.8rem;
  }
  .storeReportTarget {
    gap: 1.2rem;
  }
  .storeReportTarget__thumb {
    flex-basis: 7.2rem;
    width: 7.2rem;
    height: 7.2rem;
  }
  .storeReportTarget__name {
    font-size: 1.5rem;
    line-height: 2.1rem;
  }
  .storeReportTarget__price {
    font-size: 1.8rem;
  }
  .storeReportReason--grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* 장바구니 */
.cartWrap {
  width: 1200px;
  margin: 2.4rem auto 8rem;
}
.cartWrap .titleWrap .title {
  font-size: 2rem;
  font-weight: 600;
}
.cartWrap .cart {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 4rem;
}
.cartWrap .cart .leftBox {
  width: 80rem;
  height: 100%;
}
.cartWrap .cart .leftBox .checkBoxWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 0;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
.cartWrap .cart .leftBox .checkBoxWrap .checkBtn {
  cursor: pointer;
}
.cartWrap .cart .leftBox .checkBoxWrap .checkBtn input[type=checkbox] {
  display: none;
}
.cartWrap .cart .leftBox .checkBoxWrap .checkBtn input[type=checkbox] + label {
  cursor: pointer;
  position: relative;
  margin-right: 4rem;
  margin-left: 1rem;
  font-weight: 500;
  font-size: 1.6rem;
}
.cartWrap .cart .leftBox .checkBoxWrap .checkBtn input[type=checkbox] + label > span {
  margin-left: 3rem;
}
.cartWrap .cart .leftBox .checkBoxWrap .checkBtn input[type=checkbox] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -0.1rem;
  border: 0.1rem solid #C8C8C8;
  width: 2rem;
  height: 2rem;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 0.4rem;
}
.cartWrap .cart .leftBox .checkBoxWrap .checkBtn input[type=checkbox]:checked + label:before {
  border: 0.1rem solid #ff5500;
  background-color: #ff5500;
  background-image: url("/img/store/user/icon/check.png");
  background-size: cover;
}
.cartWrap .cart .leftBox .checkBoxWrap .delBtn {
  border-radius: 1rem;
  border: 0.1rem solid #ddd;
  padding: 0.8rem 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  cursor: pointer;
}
.cartWrap .cart .leftBox .productList {
  background-color: #fff;
  border: 0.1rem solid #EFEFEF;
  border-radius: 1rem;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
  margin-top: 1.6rem;
  padding: 1.6rem;
}
.cartWrap .cart .leftBox .productList .franchise-name {
  color: #000;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.4rem;
}
.cartWrap .cart .leftBox .productList .cartStoreHead,
.cartWrap .cart .leftBox .productList .cartProductHead {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.cartWrap .cart .leftBox .productList .cartStoreHead {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #eee;
}
.cartWrap .cart .leftBox .productList .checkBtn {
  flex: 0 0 2.4rem;
}
.cartWrap .cart .leftBox .productList .checkBtn input[type=checkbox] {
  display: none;
}
.cartWrap .cart .leftBox .productList .checkBtn input[type=checkbox] + label {
  position: relative;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  cursor: pointer;
}
.cartWrap .cart .leftBox .productList .checkBtn input[type=checkbox] + label:before {
  content: "";
  position: absolute;
  inset: 0.2rem;
  border: 0.1rem solid #C8C8C8;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 0.4rem;
}
.cartWrap .cart .leftBox .productList .checkBtn input[type=checkbox]:checked + label:before {
  border-color: #ff5500;
  background-color: #ff5500;
  background-image: url("/img/store/user/icon/check.png");
  background-size: cover;
}
.cartWrap .cart .leftBox .productList .checkBtn.optionCheck {
  display: none;
}
.cartWrap .cart .leftBox .productList .cartProductHead {
  align-items: flex-start;
  padding: 1.2rem 0;
}
.cartWrap .cart .leftBox .productList .cartProductHead .imgWrap {
  flex: 0 0 8rem;
  width: 100%;
  height: 8rem;
}
.cartWrap .cart .leftBox .productList .cartProductHead .imgWrap img {
  border-radius: 0.4rem;
  object-fit: cover;
}
.cartWrap .cart .leftBox .productList .cartProductInfo {
  min-width: 0;
  flex: 1;
}
.cartWrap .cart .leftBox .productList .cartProductInfo .productName {
  color: #333;
  font-size: 1.8rem;
  line-height: 2.4rem;
  word-break: keep-all;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.cartWrap .cart .leftBox .productList .cartProductInfo .cartProductPrice {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-top: 0.4rem;
}
.cartWrap .cart .leftBox .productList .cartProductInfo .cartProductPrice__flex {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.cartWrap .cart .leftBox .productList .cartProductInfo .cartProductPrice .dimmedPrice {
  color: #aaaaaa;
  font-size: 1.6rem;
  line-height: 2rem;
  text-decoration: line-through;
}
.cartWrap .cart .leftBox .productList .cartProductInfo .cartProductPrice .rate {
  color: #ff5500;
  font-size: 1.8rem;
  font-weight: 600;
}
.cartWrap .cart .leftBox .productList .cartProductInfo .cartProductPrice__strong {
  color: #333;
  font-size: 1.8rem;
  font-weight: 600;
}
.cartWrap .cart .leftBox .productList ul {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  padding: 0 0 1.6rem 3.6rem;
}
.cartWrap .cart .leftBox .productList ul li {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.cartWrap .cart .leftBox .productList ul li.cartOptionItem {
  padding: 1.2rem;
  border-radius: 1rem;
  background-color: #F5F5F5;
}
.cartWrap .cart .leftBox .productList ul li .productInfo {
  width: 100%;
  position: relative;
}
.cartWrap .cart .leftBox .productList ul li .productInfo .srOnly {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.cartWrap .cart .leftBox .productList ul li .productInfo .noUsed {
  position: absolute;
  display: none;
  inset: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1.6rem;
  border-radius: 1rem;
}
.cartWrap .cart .leftBox .productList ul li .productInfo .noUsed.on {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cartWrap .cart .leftBox .productList ul li .productInfo__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cartWrap .cart .leftBox .productList ul li .productInfo .productOption {
  color: #666;
  font-size: 1.6rem;
  word-break: break-word;
}
.cartWrap .cart .leftBox .productList ul li .productInfo .infoBox {
  margin-top: 0.8rem;
}
.cartWrap .cart .leftBox .productList ul li .productInfo .quantityBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
}
.cartWrap .cart .leftBox .productList ul li .productInfo .quantityBox .productPrice {
  color: #666;
  font-size: 1.6rem;
  white-space: nowrap;
}
.cartWrap .cart .leftBox .productList ul li .productInfo .quantityBox .btnBox {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  height: 3.2rem;
  border: 0.1rem solid #DEDEDE;
  border-radius: 0.4rem;
  background-color: #fff;
  overflow: hidden;
}
.cartWrap .cart .leftBox .productList ul li .productInfo .quantityBox .btnBox .quantityBtn {
  width: 3.2rem;
  height: 3.2rem;
  box-sizing: border-box;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2rem;
}
.cartWrap .cart .leftBox .productList ul li .productInfo .quantityBox .btnBox .quantityBtn.minus {
  background-image: url("/img/store/user/icon/minus_gray.png");
}
.cartWrap .cart .leftBox .productList ul li .productInfo .quantityBox .btnBox .quantityBtn.minus.on {
  background-image: url("/img/store/user/icon/minus_black.png");
}
.cartWrap .cart .leftBox .productList ul li .productInfo .quantityBox .btnBox .quantityBtn.plus {
  background-image: url("/img/store/user/icon/plus_gray.png");
}
.cartWrap .cart .leftBox .productList ul li .productInfo .quantityBox .btnBox .quantityBtn.plus.on {
  background-image: url("/img/store/user/icon/plus_black.png");
}
.cartWrap .cart .leftBox .productList ul li .productInfo .quantityBox .btnBox .quantity {
  width: 4.4rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 1.4rem;
  font-weight: 600;
  border-left: 0.1rem solid #ddd;
  border-right: 0.1rem solid #ddd;
}
.cartWrap .cart .leftBox .productList ul li .delBox .icon {
  width: 1.8rem;
  height: 1.8rem;
  cursor: pointer;
  color: #aaaaaa;
}
.cartWrap .cart .leftBox .productList ul li.noList {
  padding: 4.8rem 0;
  justify-content: center;
  color: #aaaaaa;
  font-size: 1.8rem;
  background: #fff;
}
.cartWrap .cart .leftBox .productList .optionChangeBtn {
  width: calc(100% - 4rem);
  height: 4.4rem;
  margin-left: 4rem;
  border: 0.1rem solid #DEDEDE;
  border-radius: 1rem;
  background-color: #fff;
  color: #666;
  font-size: 1.6rem;
  cursor: pointer;
}
.cartWrap .cart .leftBox .productList .sub-total-box {
  padding-top: 1.6rem;
  margin-top: 1.6rem;
  border-top: 0.1rem solid #DEDEDE;
}
.cartWrap .cart .leftBox .productList .sub-total-box .sub-total {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  color: #666;
}
.cartWrap .cart .leftBox .productList .sub-total-box .sub-total .subTotalRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.2rem;
}
.cartWrap .cart .leftBox .productList .sub-total-box .sub-total .subTotalRow dt,
.cartWrap .cart .leftBox .productList .sub-total-box .sub-total .subTotalRow dd {
  font-size: 1.6rem;
}
.cartWrap .cart .leftBox .productList .sub-total-box .sub-total .subTotalRow dd {
  color: #666;
  text-align: right;
}
.cartWrap .cart .leftBox .productList .sub-total-box .sub-total .subTotalRow.discount dd {
  color: #ff5500;
}
.cartWrap .cart .leftBox .productList .sub-total-box .sub-total .subTotalRow.total dt,
.cartWrap .cart .leftBox .productList .sub-total-box .sub-total .subTotalRow.total dd {
  color: #333;
  font-weight: 600;
}
.cartWrap .cart .rightBoxWrap {
  width: 40rem;
  position: sticky;
  top: 9.5rem;
}
.cartWrap .cart .rightBox .priceBox {
  border-radius: 1rem;
  background-color: #fff;
  border: 0.1rem solid #eee;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
  padding: 2rem;
}
.cartWrap .cart .rightBox .priceBox .priceTitle {
  font-size: 1.8rem;
  font-weight: 600;
  padding-bottom: 2rem;
}
.cartWrap .cart .rightBox .priceBox .priceInfo {
  display: flex;
  justify-content: space-between;
  gap: 1.2rem;
  margin-bottom: 0.8rem;
}
.cartWrap .cart .rightBox .priceBox .priceInfo .priceTxt {
  font-size: 1.6rem;
}
.cartWrap .cart .rightBox .priceBox .priceInfo .price {
  font-size: 1.6rem;
  font-weight: 600;
}
.cartWrap .cart .rightBox .priceBox .priceInfo.discount .price {
  color: #ff5500;
}
.cartWrap .cart .rightBox .priceBox .totalPrice {
  display: flex;
  justify-content: space-between;
  gap: 1.2rem;
  border-top: 0.1rem solid #eee;
  margin-top: 1.2rem;
  padding-top: 2rem;
}
.cartWrap .cart .rightBox .priceBox .totalPrice .priceTxt {
  font-size: 1.6rem;
}
.cartWrap .cart .rightBox .priceBox .totalPrice .price {
  font-size: 1.8rem;
  font-weight: 600;
}
.cartWrap .cart .rightBox .buyBtn {
  cursor: pointer;
  height: 5rem;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 2rem;
  border: 0.1rem solid #aaaaaa;
  color: #aaaaaa;
}

/* 주문결제 */
.orderContainer {
  width: 1200px;
  margin: 3.2rem auto 8rem;
}
.orderContainer .titleWrap .title {
  font-size: 2.2rem;
  font-weight: 600;
  color: #333;
}
.orderContainer .order {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 4rem;
}
.orderContainer .order .leftBoxWrap {
  width: 80rem;
}
.orderContainer .order .leftBoxWrap .leftBox {
  width: 100%;
  border: 0.1rem solid #eee;
  border-radius: 1rem;
  background-color: #fff;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
  padding: 2rem;
}
.orderContainer .order .leftBoxWrap .leftBox:not(:last-child) {
  margin-bottom: 2rem;
}
.orderContainer .order .leftBoxWrap .leftBox .boxTop {
  padding-bottom: 1.6rem;
  border-bottom: 0.1rem solid #eee;
}
.orderContainer .order .leftBoxWrap .leftBox .boxTop .topTxt {
  color: #333;
  font-size: 1.8rem;
  font-weight: 600;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryContent {
  padding-top: 1.6rem;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryContent__flexbetween {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryContent .topBtn {
  cursor: pointer;
  border-radius: 1rem;
  border: 0.1rem solid #aaaaaa;
  padding: 0.4rem 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
  background-color: #fff;
  font-size: 1.6rem;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .userInfo {
  display: flex;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .userInfo .infoValue {
  color: #333;
  font-size: 1.6rem;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryReceiver .infoValue {
  font-weight: 700;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryContact,
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryAddress {
  margin-top: 1.2rem;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryMemoRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.2rem;
  margin-top: 2.4rem;
  padding-top: 2rem;
  border-top: 0.1rem solid #DEDEDE;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryMemoRow .memoSummary {
  color: #333;
  font-size: 1.8rem;
  line-height: 2.8rem;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryMemoForm {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-top: 1.6rem;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryMemoForm .memoCheck {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  color: #666;
  font-size: 1.6rem;
  line-height: 2.4rem;
  cursor: pointer;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryMemoForm .memoCheck input {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryMemoForm .memoCheck input:checked + .memoCheckIcon {
  border-color: #ff5500;
  background-color: #ff5500;
  color: #fff;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryMemoForm .memoCheck input:checked + .memoCheckIcon svg {
  opacity: 1;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryMemoForm .memoCheck .memoCheckIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
  flex: 0 0 2.2rem;
  border: 0.1rem solid #DEDEDE;
  border-radius: 0.6rem;
  color: transparent;
  background-color: #fff;
  box-sizing: border-box;
  transition: border-color 0.2s, background-color 0.2s, color 0.2s;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryMemoForm .memoCheck .memoCheckIcon svg {
  width: 1.3rem;
  height: 1rem;
  opacity: 0;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryMemoForm .memoCheck .memoCheckText {
  color: #666;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryMemoForm select,
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryMemoForm textarea {
  width: 100%;
  border: 0.1rem solid #DEDEDE;
  border-radius: 1rem;
  color: #333;
  background-color: #fff;
  font-size: 1.6rem;
  box-sizing: border-box;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryMemoForm select {
  height: 4.8rem;
  padding: 0 4.4rem 0 1.6rem;
  background-image: url("/img/store/user/icon/down-arrow.svg");
  background-repeat: no-repeat;
  background-position: right 1.6rem center;
  background-size: 2rem;
  appearance: none;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryMemoForm select:disabled {
  color: #aaaaaa;
  background-color: #F7F7F7;
}
.orderContainer .order .leftBoxWrap .leftBox.deliveryBox .deliveryMemoForm textarea {
  display: none;
  min-height: 7.2rem;
  padding: 1.2rem 1.6rem;
  resize: none;
  line-height: 2.4rem;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox {
  padding-bottom: 2rem;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductSummary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .summaryProduct {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  min-width: 0;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .summaryProduct .imgWrap {
  width: 6.4rem;
  height: 6.4rem;
  flex: 0 0 6.4rem;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .summaryProduct .imgWrap img {
  border-radius: 0.4rem;
  object-fit: cover;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .summaryProduct .summaryText {
  min-width: 0;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .summaryProduct .summaryCount {
  color: #333;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.8rem;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .summaryProduct .summaryName {
  max-width: 46rem;
  color: #666;
  font-size: 1.6rem;
  line-height: 2.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderToggleBtn {
  width: 4rem;
  height: 4rem;
  flex: 0 0 4rem;
  border: 0;
  background: transparent url("/img/store/user/icon/down-arrow.svg") no-repeat center/2.4rem;
  cursor: pointer;
  transition: transform 0.2s;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductList {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 0.1rem solid #EFEFEF;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductList li {
  display: flex;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductList .productInfoWrap {
  width: 100%;
  display: flex;
  gap: 1.2rem;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductList .productInfoWrap .imgWrap {
  width: 7.2rem;
  height: 7.2rem;
  flex: 0 0 7.2rem;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductList .productInfoWrap .imgWrap img {
  border-radius: 0.4rem;
  object-fit: cover;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductList .productInfoWrap .productInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductList .productInfoWrap .productInfo .productName {
  color: #333;
  font-size: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductList .productInfoWrap .productInfo .productOption {
  color: #666;
  font-size: 1.6rem;
  word-break: break-word;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductList .productInfoWrap .productInfo .productOption .quantity {
  margin-left: 0.8rem;
  padding-left: 0.8rem;
  border-left: 0.1rem solid #DEDEDE;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductList .productInfoWrap .productInfo .productPrice {
  color: #333;
  font-size: 1.6rem;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox.is-collapsed .orderToggleBtn {
  transform: rotate(0deg);
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox.is-collapsed .orderProductList {
  display: none;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox:not(.is-collapsed) .orderToggleBtn {
  transform: rotate(180deg);
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductPrice {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 0.1rem solid #DEDEDE;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductPrice .priceRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  color: #666;
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductPrice .priceRow .lineBtn {
  margin-right: auto;
  border: 0.1rem solid #DEDEDE;
  border-radius: 0.8rem;
  padding: 0.8rem 1.6rem;
  color: #666;
  background-color: #fff;
  font-size: 1.6rem;
  cursor: pointer;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductPrice .priceRow strong {
  color: #666;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductPrice .priceRow #orderDiscountPrice {
  color: #ff5500;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductPrice .priceRow .originPrice {
  margin-right: 0.8rem;
  color: #aaaaaa;
  text-decoration: line-through;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductPrice .priceRow.total {
  margin-top: 0.8rem;
  padding-top: 2rem;
  border-top: 0.1rem solid #DEDEDE;
}
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductPrice .priceRow.total span,
.orderContainer .order .leftBoxWrap .leftBox.orderProductBox .orderProductPrice .priceRow.total strong {
  color: #333;
  font-weight: 700;
}
.orderContainer .order .leftBoxWrap .leftBox.pointBox .boxTop {
  border-bottom: 0;
  padding-bottom: 1.6rem;
}
.orderContainer .order .leftBoxWrap .leftBox.pointBox .pointBalance {
  color: #666;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.orderContainer .order .leftBoxWrap .leftBox.pointBox .pointUseRow {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.orderContainer .order .leftBoxWrap .leftBox.pointBox .pointUseRow .use-input {
  flex: 1;
  min-width: 0;
  height: 5.2rem;
  border: 0.1rem solid #ddd;
  border-radius: 0.8rem;
  padding: 0 4.8rem 0 1.6rem;
  color: #333;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: right;
  box-sizing: border-box;
}
.orderContainer .order .leftBoxWrap .leftBox.pointBox .pointUseRow .use-amount {
  margin-left: -5.2rem;
  color: #333;
  font-size: 1.6rem;
  font-weight: 400;
  pointer-events: none;
}
.orderContainer .order .leftBoxWrap .leftBox.pointBox .pointUseRow .use-all-btn {
  width: 10.4rem;
  height: 5.2rem;
  border: 0;
  border-radius: 0.8rem;
  background-color: #ff5500;
  color: #fff;
  font-size: 1.6rem;
  cursor: pointer;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .payMethodList {
  display: flex;
  flex-direction: column;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .payMethodCheck {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 5.2rem;
  color: #333;
  font-size: 1.6rem;
  line-height: 2.4rem;
  cursor: pointer;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .payMethodCheck input {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .payMethodCheck input:checked + .payCheckIcon {
  border-color: #ff5500;
  background-color: #ff5500;
  color: #fff;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .payMethodCheck input:checked + .payCheckIcon svg {
  opacity: 1;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .payCheckIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
  flex: 0 0 2.2rem;
  border: 0.1rem solid #DEDEDE;
  border-radius: 0.6rem;
  color: transparent;
  background-color: #fff;
  box-sizing: border-box;
  transition: border-color 0.2s, background-color 0.2s, color 0.2s;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .payCheckIcon svg {
  width: 1.3rem;
  height: 1rem;
  opacity: 0;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .payCheckText {
  color: #333;
  font-size: 1.6rem;
  font-weight: 500;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .easyCardPanel {
  position: relative;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1.8rem 7.6rem 2.8rem;
  border-bottom: 0.1rem solid #eee;
  width: 100%;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .easyCardPanel.is-open {
  display: flex;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .easyCardViewport {
  width: 57rem;
  max-width: 100%;
  flex: 0 1 57rem;
  overflow: hidden;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .easyCardTrack {
  display: flex;
  align-items: stretch;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .swiper-slide {
  width: 35rem;
  height: auto;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .cardSlideBtn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4.2rem;
  height: 4.2rem;
  z-index: 1;
  border: 0.1rem solid #DEDEDE;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .cardSlideBtn.prev {
  left: 2.4rem;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .cardSlideBtn.next {
  right: 2.4rem;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .cardSlideBtn::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.2rem;
  height: 1.2rem;
  border-top: 0.2rem solid #666;
  border-right: 0.2rem solid #666;
  transform: translate(-60%, -50%) rotate(45deg);
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .cardSlideBtn.prev::before {
  transform: translate(-40%, -50%) rotate(225deg);
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .easyCardItem {
  display: flex;
  align-items: center;
  gap: 1.8rem;
  width: 35rem;
  flex: 0 0 35rem;
  min-height: 15rem;
  padding: 2.8rem 3rem;
  border: 0.1rem solid #eee;
  border-radius: 1rem;
  box-sizing: border-box;
  background-color: #fff;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .easyCardItem.is-selected {
  border: 0.2rem solid #ff5500;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .addCard {
  flex-direction: column;
  justify-content: center;
  gap: 1.2rem;
  border: 0.1rem dashed #ddd;
  color: #666;
  cursor: pointer;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .addCardIcon {
  position: relative;
  width: 4.2rem;
  height: 4.2rem;
  border: 0.1rem solid #ddd;
  border-radius: 50%;
  background-color: #f5f5f5;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .addCardIcon::before, .orderContainer .order .leftBoxWrap .leftBox.paybox .addCardIcon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #666;
  transform: translate(-50%, -50%);
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .addCardIcon::before {
  width: 1.8rem;
  height: 0.2rem;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .addCardIcon::after {
  width: 0.2rem;
  height: 1.8rem;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .addCardText {
  color: #333;
  font-size: 1.6rem;
  font-weight: 600;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .easyCardBadge {
  width: 5rem;
  height: 9rem;
  border-radius: 0.4rem;
  overflow: hidden;
  flex-shrink: 0;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .easyCardBadge img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .easyCardBadge--pink {
  background-color: #e8485a;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .easyCardBadge--blue {
  background-color: #6971ff;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .easyCardInfo {
  min-width: 0;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .easyCardInfo .cardName {
  color: #333;
  font-size: 1.8rem;
  font-weight: 600;
  white-space: nowrap;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .easyCardInfo .cardNumber {
  margin-top: 0.8rem;
  color: #333;
  font-size: 1.6rem;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .easyCardInfo__box {
  position: relative;
  width: 10rem;
  margin-top: 0.8rem;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .easyCardInfo__box .installmentBtn {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  border: 0;
  padding: 0;
  color: #333;
  background-color: transparent;
  font-size: 1.6rem;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.orderContainer .order .leftBoxWrap .leftBox.paybox .easyCardInfo__box .icon {
  position: absolute;
  top: 55%;
  right: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  transform: translateY(-50%);
  pointer-events: none;
}
.orderContainer .order .rightBoxWrap {
  width: 40rem;
  position: sticky;
  top: 9.5rem;
}
.orderContainer .order .rightBox {
  position: sticky;
  top: 9.4rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.orderContainer .order .rightBox .priceBox {
  border: 0.1rem solid #EFEFEF;
  border-radius: 1rem;
  background-color: #fff;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
  padding: 2rem;
}
.orderContainer .order .rightBox .priceBox .priceTitle {
  color: #333;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
.orderContainer .order .rightBox .priceBox .priceInfo {
  display: flex;
  justify-content: space-between;
  gap: 1.2rem;
  margin-bottom: 0.8rem;
}
.orderContainer .order .rightBox .priceBox .priceInfo .priceTxt {
  color: #666;
  font-size: 1.6rem;
}
.orderContainer .order .rightBox .priceBox .priceInfo .price {
  color: #666;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: right;
}
.orderContainer .order .rightBox .priceBox .priceInfo.discount .price {
  color: #ff5500;
}
.orderContainer .order .rightBox .priceBox .totalPrice {
  display: flex;
  justify-content: space-between;
  gap: 1.2rem;
  margin-top: 1.6rem;
  padding-top: 2rem;
  border-top: 0.1rem solid #DEDEDE;
}
.orderContainer .order .rightBox .priceBox .totalPrice .priceTxt {
  color: #333;
  font-size: 1.8rem;
  font-weight: 600;
}
.orderContainer .order .rightBox .priceBox .totalPrice .price {
  color: #333;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: right;
}
.orderContainer .order .rightBox .buyBtn {
  cursor: pointer;
  height: 5rem;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 1.8rem;
}

.noticeContainer {
  width: 1200px;
  margin: 6rem auto;
  display: flex;
  gap: 4rem;
}

.noticeBox {
  width: 100%;
}
.noticeBox .noticeTitle {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.noticeBox .noticeTitle span {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 4.8rem;
}
.noticeBox .noticeTitle .cateSelect select {
  width: 15rem;
  box-sizing: border-box;
  height: 4.2rem;
  padding: 0 2rem 0 1.4rem;
  border-radius: 0.3rem;
  font-size: 1.4rem;
  background: url("/img/store/admin/ico_select.png") no-repeat;
  background-position: right 1rem center;
  border: 0.1rem solid #999;
}
.noticeBox .noticeTitle .regBtn {
  width: 10rem;
  height: 4.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  border-radius: 0.3rem;
  cursor: pointer;
}
.noticeBox .noticeTable table {
  width: 100%;
}
.noticeBox .noticeTable table thead tr th {
  padding: 2rem 0;
  border-bottom: 0.1rem solid #333;
  border-top: 0.2rem solid #333;
  text-align: center;
}
.noticeBox .noticeTable table tbody tr {
  cursor: pointer;
}
.noticeBox .noticeTable table tbody tr td {
  padding: 2rem 0;
  border-bottom: 0.1rem solid #ddd;
  text-align: center;
}
.noticeBox .noticeTable table tbody tr td.left {
  text-align: left;
}
.noticeBox .noticeTable table tbody tr td.red {
  color: rgb(240, 63, 64);
}
.noticeBox .noticeTable table tbody tr td.blue {
  color: rgb(37, 124, 216);
}
.noticeBox .noticeTable table tbody tr td.tdTitle {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50rem;
}
.noticeBox .registerBox {
  border-top: 0.2rem solid #333;
  margin-top: 1rem;
}
.noticeBox .registerBox .inquiryContent {
  padding: 0.5rem 2rem;
}
.noticeBox .registerBox .replyContent {
  padding: 0.5rem 2rem;
  border-top: 0.1rem solid #DEDEDE;
}
.noticeBox .registerBox .contentBox {
  display: flex;
  padding: 1.2rem 0;
  align-items: center;
}
.noticeBox .registerBox .contentBox .titleWrap .title {
  font-size: 1.4rem;
  font-weight: normal;
  width: 14rem;
  text-align: left;
}
.noticeBox .registerBox .contentBox .inputBox {
  width: 100%;
}
.noticeBox .registerBox .contentBox .inputBox input {
  width: 100%;
  height: 4.4rem;
  padding: 0 1.5rem;
  line-height: 4.2rem;
  box-sizing: border-box;
  border-radius: 0.4rem;
  border: 0.1rem solid #ddd;
}
.noticeBox .registerBox .contentBox .inputBox input:focus {
  border: 0.1rem solid #333;
}
.noticeBox .registerBox .contentBox .inputBox textarea {
  width: 100%;
  padding: 1.5rem;
  resize: none;
  border-radius: 0.4rem;
  border: 0.1rem solid #ddd;
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.noticeBox .registerBox .contentBox .inputBox textarea:focus {
  border: 0.1rem solid #666;
}
.noticeBox .registerBox .contentBox .inputBox.off input:focus {
  border: 0.1rem solid #ddd;
}
.noticeBox .registerBox .contentBox .inputBox.off textarea:focus {
  border: 0.1rem solid #ddd;
}
.noticeBox .registerBox .btnBox {
  border-top: 0.1rem solid #ddd;
  padding-top: 3rem;
  display: flex;
  justify-content: center;
}
.noticeBox .registerBox .btnBox .regBtn {
  width: 15rem;
  height: 4.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  cursor: pointer;
  font-size: 1.6rem;
}
.noticeBox .registerBox .btnBox .regBtn.active2 {
  border: 1px solid #aaaaaa;
  color: #aaaaaa;
}

.noticeSideMenu .menuBox .boxTitle {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 5rem;
}
.noticeSideMenu .menuBox .menuList ul {
  border: 0.1rem solid #Ddd;
}
.noticeSideMenu .menuBox .menuList ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  width: 16rem;
  cursor: pointer;
}
.noticeSideMenu .menuBox .menuList ul li.clr-main {
  background-color: #fff1ec;
}
.noticeSideMenu .menuBox .menuList ul li.clr-main .menuTitle {
  font-size: 1.6rem;
  font-weight: 600;
  color: #ff5500;
}
.noticeSideMenu .menuBox .menuList ul li.clr-main .arrBtn {
  background-image: url("/img/store/user/icon/right-arrow_active.png");
}
.noticeSideMenu .menuBox .menuList ul li:not(:last-child) {
  border-bottom: 0.1rem solid #ddd;
}
.noticeSideMenu .menuBox .menuList ul li .menuTitle {
  font-size: 1.5rem;
}
.noticeSideMenu .menuBox .menuList ul li .arrBtn {
  width: 1.3rem;
  height: 1.3rem;
  background-image: url("/img/store/user/icon/right-arrow.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.myPageContainer {
  width: 1200px;
  margin: 3rem auto;
  display: flex;
  gap: 2.4rem;
}
.myPageContainer .myPageTitle {
  font-size: 2rem;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 2.5rem 0 2rem;
}

.noItem {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 5rem 2rem;
}
.noItem.on {
  display: flex;
}
.noItem .noItemImg {
  width: 6rem;
  height: 6rem;
  background-image: url("/img/store/user/icon/warning_gray.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.noItem .noItemText {
  color: #BEBEBE;
  margin: 2rem 0;
  font-weight: 500;
  font-size: 1.8rem;
}

.pickBox {
  width: calc(100% - 40rem);
  height: fit-content;
}
.pickBox .pickList {
  background-color: #fff;
  border-radius: 1rem;
  padding: 2.4rem;
}
.pickBox .pickList .totalCount {
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #eee;
}
.pickBox .pickList ul li {
  height: 13rem;
  padding: 1.6rem 0;
  display: flex;
  gap: 1.6rem;
}
.pickBox .pickList ul li:not(:last-child) {
  border-bottom: 0.1rem solid #ddd;
}
.pickBox .pickList ul li .infoLeft .productImg {
  width: 10rem;
  height: 11rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.3rem;
}
.pickBox .pickList ul li .infoRight {
  width: calc(100% - 11rem);
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
}
.pickBox .pickList ul li .infoRight .productInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}
.pickBox .pickList ul li .infoRight .productInfo .productName {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-word;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.pickBox .pickList ul li .infoRight .productInfo .productPrice {
  display: flex;
  flex-direction: column;
  margin-top: 0.4rem;
}
.pickBox .pickList ul li .infoRight .productInfo .productPrice .discount {
  color: #ff5500;
  font-weight: 700;
  font-size: 1.8rem;
  margin-right: 0.4rem;
}
.pickBox .pickList ul li .infoRight .productInfo .productPrice .price {
  font-weight: 700;
  font-size: 1.8rem;
  margin-right: 0.4rem;
}
.pickBox .pickList ul li .infoRight .productInfo .productPrice .dimmedPrice {
  color: #aaaaaa;
  font-size: 1.4rem;
  text-decoration: line-through;
}
.pickBox .pickList ul li .infoRight .btnBox .pickBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.6rem;
  border-radius: 0.3rem;
  cursor: pointer;
}
.pickBox .pickList ul li .infoRight .btnBox .pickBtn .icon {
  width: 1.8rem;
  height: 1.8rem;
  color: #aaaaaa;
}
.pickBox .pickList .moreBtnBox {
  display: flex;
  justify-content: center;
  margin: 2rem auto 1.2rem;
}
.pickBox .pickList .moreBtnBox .moreBtn {
  width: 18rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3rem;
  cursor: pointer;
}
.pickBox .pickList .moreBtnBox .moreBtn .moreImg {
  background-image: url("/img/store/user/icon/up-arrow.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.5rem;
}
.pickBox .pickList.end .moreBtnBox {
  display: none;
}
.pickBox .pickList.end li:last-child {
  border-bottom: none;
}

.orderBox {
  width: calc(100% - 40rem);
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.orderTitleBox {
  width: 100%;
  height: fit-content;
}
.orderTitleBox .period ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.8rem;
  width: 100%;
  height: 6rem;
  border-bottom: 1px solid #eee;
}
.orderTitleBox .period ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaaaaa;
  cursor: pointer;
  height: 6rem;
}
.orderTitleBox .period ul li.point-active {
  color: #ff5500;
  border-bottom: 2px solid #ff5500;
  font-weight: 600;
}
.orderTitleBox .period.li3 ul {
  grid-template-columns: 1fr 1fr 1fr;
}
.orderTitleBox .period.li4 ul {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.orderTitleBox .orderInfoBox {
  padding: 2rem 2.4rem;
  display: flex;
  justify-content: space-between;
}
.orderTitleBox .orderInfoBox .invoiceBtn {
  width: 15rem;
  height: 4.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 1.6rem;
  border-bottom: 0.1rem solid #ff5500;
  color: #ff5500;
}
.orderTitleBox .orderNumberInfo {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.orderTitleBox .orderNumberInfo .orderDate {
  font-size: 1.4rem;
  color: #aaaaaa;
}
.orderTitleBox .orderNumberInfo .orderNumber {
  font-size: 1.6rem;
}

.orderListBox {
  width: 100%;
  height: fit-content;
}
.orderListBox .noItem {
  background: #fff;
  border-radius: 1rem;
}
.orderListBox ul {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.orderListBox ul li {
  padding: 1.6rem 1.6rem 2rem;
  background-color: #fff;
  border-radius: 1.6rem;
}
.orderListBox ul li.multi-li {
  padding: 0;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
}
.orderListBox ul li.multi-li .multi-header {
  padding: 1.6rem 1.6rem 0;
}
.orderListBox ul li .orderInfoHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.6rem;
  border-bottom: 0.1rem solid #eee;
}
.orderListBox ul li .orderInfoHeader .orderDateBox .orderDate {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.6rem;
  padding-bottom: 0.2rem;
}
.orderListBox ul li .orderInfoHeader .orderDateBox .orderNumber {
  color: #848F9A;
  font-size: 1.4rem;
  line-height: 2rem;
}
.orderListBox ul li .orderInfoHeader .rightBtn {
  cursor: pointer;
  width: 1.3rem;
  height: 1.3rem;
  background-image: url(/img/store/user/icon/right-arrow.svg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0.8rem;
}
.orderListBox ul li .orderInfoBody {
  padding: 2rem 0;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.orderListBox ul li .orderInfoBody .statusBox {
  display: flex;
  align-items: center;
}
.orderListBox ul li .orderInfoBody .statusBox .status {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.6rem;
  margin-right: 0.4rem;
}
.orderListBox ul li .orderInfoBody .statusBox .date {
  margin-top: 0.3rem;
  line-height: 2rem;
}
.orderListBox ul li .orderInfoBody .infoBox {
  display: flex;
  gap: 1.6rem;
}
.orderListBox ul li .orderInfoBody .infoBox .infoLeft .productImg {
  width: 7rem;
  height: 7rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.3rem;
}
.orderListBox ul li .orderInfoBody .infoBox .infoRight {
  width: calc(100% - 7rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.orderListBox ul li .orderInfoBody .infoBox .infoRight .productInfo .productName {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-word;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.9rem;
  font-weight: bold;
  font-size: 1.5rem;
}
.orderListBox ul li .orderInfoBody .infoBox .infoRight .productInfo .productOption {
  color: #555;
  margin-top: 0.4rem;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-word;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.9rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.orderListBox ul li .orderInfoBody .infoBox .infoRight .productInfo .productOption .option-badge {
  padding: 0 0.4rem;
  border: 0.1rem solid #dcdee0;
  color: #929294;
  font-size: 1.1rem;
  letter-spacing: -0.03rem;
  line-height: 1.7rem;
  border-radius: 0.4rem;
}
.orderListBox ul li .orderInfoBody .infoBox .infoRight .productInfo .productPrice {
  margin-top: 0.4rem;
  display: flex;
  align-items: center;
}
.orderListBox ul li .orderInfoBody .infoBox .infoRight .productInfo .productPrice .price {
  font-weight: bold;
  font-size: 1.4rem;
  margin-right: 0.4rem;
  line-height: 1.9rem;
}
.orderListBox ul li .orderInfoBody .infoBox .infoRight .productInfo .productPrice .dimmedPrice {
  color: #B5B5B5;
  font-size: 1.2rem;
  text-decoration: line-through;
}
.orderListBox ul li .orderInfoBody .infoBox .infoRight .productInfo .productPrice .amount {
  color: #333;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
}
.orderListBox ul li .orderInfoBody .infoBox .infoRight .productInfo .productPrice .amount::before {
  display: block;
  content: "";
  width: 0.1rem;
  height: 1.1rem;
  margin: 0 0.8rem;
  background-color: #BCBCBC;
}
.orderListBox ul li .btnBox {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}
.orderListBox ul li .btnBox .sendBtn {
  font-weight: 500;
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.6rem;
  border-radius: 1rem;
  cursor: pointer;
  width: 100%;
}
.orderListBox .moreBtnBox {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.orderListBox .moreBtnBox .moreBtn {
  width: 100%;
  height: 5.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
  border-radius: 1.6rem;
  font-size: 1.8rem;
  font-weight: 500;
}
.orderListBox .moreBtnBox .moreBtn .moreImg {
  background-image: url("/img/store/user/icon/up-arrow.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  width: 2rem;
  height: 2rem;
  margin-left: 0.5rem;
}

.orderDetailBox {
  width: 100%;
  height: fit-content;
}
.orderDetailBox > ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.orderDetailBox > ul > li {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.orderDetailBox .detailTitle {
  font-weight: bold;
  font-size: 2rem;
  padding-left: 0.4rem;
}
.orderDetailBox .orderInfo {
  background-color: #fff;
  border-radius: 1.6rem;
  width: 100%;
  height: fit-content;
  padding: 2rem 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.orderDetailBox .orderInfo .deliveryStatus {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.orderDetailBox .orderInfo .deliveryStatus .status {
  font-size: 1.8rem;
  font-weight: 500;
}
.orderDetailBox .orderInfo .orderProduct {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-top: 0.4rem;
}
.orderDetailBox .orderInfo .orderProduct .infoLeft .productImg {
  width: 7rem;
  height: 7rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.3rem;
}
.orderDetailBox .orderInfo .orderProduct .infoRight {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 6.5rem;
}
.orderDetailBox .orderInfo .orderProduct .infoRight .productName {
  font-size: 1.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.orderDetailBox .orderInfo .orderProduct .infoRight .productOption {
  color: #999;
  font-size: 1.4rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.orderDetailBox .orderInfo .orderProduct .infoRight .productOption .option-badge {
  padding: 0 0.4rem;
  border: 0.1rem solid #dcdee0;
  color: #929294;
  font-size: 1.1rem;
  letter-spacing: -0.03rem;
  line-height: 1.7rem;
  border-radius: 0.4rem;
}
.orderDetailBox .orderInfo .orderProduct .infoRight .productPrice {
  display: flex;
  align-items: center;
}
.orderDetailBox .orderInfo .orderProduct .infoRight .productPrice .price {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.9rem;
}
.orderDetailBox .orderInfo .orderProduct .infoRight .productPrice .amount {
  color: #666;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
}
.orderDetailBox .orderInfo .orderProduct .infoRight .productPrice .amount::before {
  display: block;
  content: "";
  width: 0.1rem;
  height: 1.1rem;
  margin: 0 0.8rem;
  background-color: #BCBCBC;
}
.orderDetailBox .orderInfo .btnBox {
  margin-top: 0.8rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}
.orderDetailBox .orderInfo .btnBox .sendBtn {
  flex: 1 1 0;
  min-width: 0;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.2rem;
  border-radius: 1rem;
  cursor: pointer;
  border: 1px solid #eee;
  color: #666;
}
.orderDetailBox .orderInfo .cancel-box {
  background-color: #f5f5f5;
  border-radius: 0.6rem;
  padding: 1.4rem 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.orderDetailBox .orderInfo .cancel-box .cancel-code {
  color: #f73631;
  font-size: 1.4rem;
  letter-spacing: -0.03rem;
  line-height: 2rem;
  font-weight: 500;
}
.orderDetailBox .orderInfo .cancel-box .cancel-reason-wrap {
  display: flex;
  position: relative;
  padding-left: 0.8rem;
}
.orderDetailBox .orderInfo .cancel-box .cancel-reason-wrap::before {
  border-radius: 50%;
  content: "";
  height: 0.3rem;
  left: 0;
  position: absolute;
  top: 0.7rem;
  width: 0.3rem;
  background-color: #aaaaaa;
}
.orderDetailBox .orderInfo .cancel-box .cancel-reason {
  color: #aaaaaa;
  font-size: 1.3rem;
  letter-spacing: -0.03rem;
  line-height: 1.9rem;
}
.orderDetailBox .orderInfo ul {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.orderDetailBox .orderInfo ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  color: #666;
}
.orderDetailBox .orderInfo ul li .title {
  color: #666;
}
.orderDetailBox .orderInfo ul li .content {
  color: #666;
}
.orderDetailBox .orderInfo ul li.strong .title {
  color: #333 !important;
  font-weight: 500;
}
.orderDetailBox .orderInfo ul li.strong .content {
  color: #333 !important;
  font-weight: 500;
}
.orderDetailBox .orderInfo .receiverName {
  font-size: 1.6rem;
}
.orderDetailBox .orderInfo .receiverContact {
  font-size: 1.6rem;
  color: #666;
}
.orderDetailBox .orderInfo .receiverAddr {
  font-size: 1.6rem;
  color: #666;
}

.reviewBox {
  width: calc(100% - 40rem);
  display: flex;
  flex-direction: column;
}
.reviewBox .myPageTitle {
  display: none;
}

.reviewTitleBox {
  width: 100%;
  height: fit-content;
}
.reviewTitleBox .listTab {
  background-color: #fff;
  border-radius: 1rem 1rem 0 0;
  padding: 0 2.8rem;
}
.reviewTitleBox .listTab ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  height: 8.4rem;
  border-bottom: 0.1rem solid #eee;
}
.reviewTitleBox .listTab ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 500;
}
.reviewTitleBox .listTab ul .activebar {
  color: #ff5500 !important;
  font-weight: 600;
  border-bottom: 0.4rem solid #ff5500;
  transition: color 0.2s ease-in-out, border 0.2s ease-in-out;
}

.reviewListBox {
  padding: 2.4rem 2.8rem 2rem;
  background-color: #fff;
  border-radius: 0 0 1rem 1rem;
  width: 100%;
  height: fit-content;
}
.reviewListBox .totalCount {
  padding: 0.6rem 0 2.4rem;
  border-bottom: 0.1rem solid #ddd;
  font-size: 1.6rem;
}
.reviewListBox .totalCount .cnt {
  font-weight: bold;
}
.reviewListBox .noItem .noItemText {
  font-size: 1.6rem;
}
.reviewListBox .canReviewList {
  background-color: #fff;
}
.reviewListBox .canReviewList li {
  padding: 1.8rem 0;
  border-bottom: 0.1rem solid #ddd;
}
.reviewListBox .canReviewList li .infoBox {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
.reviewListBox .canReviewList li .infoBox .infoLeft .productImg {
  width: 7rem;
  height: 7rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.3rem;
}
.reviewListBox .canReviewList li .infoBox .infoRight {
  width: calc(100% - 7rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
}
.reviewListBox .canReviewList li .infoBox .infoRight .productInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.reviewListBox .canReviewList li .infoBox .infoRight .productInfo .productName {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-word;
  white-space: normal;
  font-size: 1.6rem;
  color: #666;
}
.reviewListBox .canReviewList li .infoBox .infoRight .productInfo .productOption {
  color: #aaaaaa;
  margin-top: 0.4rem;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-word;
  white-space: normal;
  font-size: 1.4rem;
}
.reviewListBox .canReviewList li .infoBox .infoRight .productInfo .deliveryDate {
  margin-top: 0.4rem;
  display: flex;
  align-items: center;
  color: #aaaaaa;
  font-size: 1.4rem;
}
.reviewListBox .canReviewList li .infoBox .btnBox .regBtn {
  width: 10rem;
  height: 4rem;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  border: 0.1rem solid #aaaaaa;
  color: #666;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.reviewListBox .reviewList {
  background-color: #fff;
  display: none;
}
.reviewListBox .reviewList li {
  padding: 1.2rem 0 2rem;
  border-bottom: 0.1rem solid #ddd;
}
.reviewListBox .reviewList li .infoBox {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  align-items: flex-start;
}
.reviewListBox .reviewList li .infoBox .infoLeft {
  flex: 0 0 8.4rem;
}
.reviewListBox .reviewList li .infoBox .infoLeft .productImg {
  width: 8.4rem;
  height: 8.4rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.6rem;
}
.reviewListBox .reviewList li .infoBox .info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
  min-width: 0;
}
.reviewListBox .reviewList li .infoBox .info .starPoint {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-top: 1.8rem;
}
.reviewListBox .reviewList li .infoBox .info .starPoint .starImg .star {
  font-size: 1.6rem;
  color: #dddddd;
  position: relative;
}
.reviewListBox .reviewList li .infoBox .info .starPoint .starImg .star .colorStar {
  position: absolute;
  left: 0;
  color: #ff5500;
  overflow: hidden;
}
.reviewListBox .reviewList li .infoBox .info .starPoint .rate {
  font-size: 1.6rem;
  font-weight: 600;
  color: #333;
}
.reviewListBox .reviewList li .infoBox .info .starPoint .reviewDate {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  color: #999999;
}
.reviewListBox .reviewList li .infoBox .info .productInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.reviewListBox .reviewList li .infoBox .info .productInfo .product-boxs {
  display: flex;
  align-items: center;
  gap: 2rem;
  border-bottom: 1px solid #eee;
  padding-bottom: 1.2rem;
}
.reviewListBox .reviewList li .infoBox .info .productInfo .product-boxs .product-image {
  width: 6rem;
  height: 6rem;
  background: no-repeat center;
  border: 1px solid #eee;
  border-radius: 1rem;
}
.reviewListBox .reviewList li .infoBox .info .productInfo .productName {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-word;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 500;
  font-size: 1.6rem;
  color: #666;
}
.reviewListBox .reviewList li .infoBox .info .productInfo .productOption {
  color: #aaaaaa;
  margin-top: 0.4rem;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-word;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 1.6rem;
}
.reviewListBox .reviewList li .infoBox .info .productInfo .reviewContent {
  margin-top: 1.6rem;
  font-size: 1.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-word;
  white-space: pre-wrap;
}
.reviewListBox .reviewList li .infoBox .info .productInfo .product-edit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reviewListBox .reviewList li .infoBox .info .productInfo .reviewImgList {
  display: grid;
  grid-template-columns: repeat(2, 25.4rem);
  gap: 3rem;
  margin-top: 2.4rem;
}
.reviewListBox .reviewList li .infoBox .info .productInfo .reviewImgList .reviewImg {
  position: relative;
  width: 25.4rem;
  height: 25.4rem;
  border-radius: 1rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  border: 1px solid #eee;
}
.reviewListBox .reviewList li .infoBox .info .productInfo .reviewImgList .reviewImg.more {
  display: flex;
  align-items: center;
  justify-content: center;
}
.reviewListBox .reviewList li .infoBox .info .productInfo .reviewImgList .reviewImg.more::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}
.reviewListBox .reviewList li .infoBox .info .productInfo .reviewImgList .reviewImg.more span {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
}
.reviewListBox .reviewList li .infoBox .btnBox {
  flex: 0 0 7.4rem;
  margin-top: 1.8rem;
}
.reviewListBox .reviewList li .infoBox .btnBox .regBtn {
  width: 5rem;
  height: 3.6rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.1rem solid #ddd;
  color: #666 !important;
  background-color: #fff !important;
  cursor: pointer;
}
.reviewListBox .reviewList li.hasReviewImg .infoBox .btnBox {
  margin-top: 2rem;
}
.reviewListBox .moreBtnBox {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.reviewListBox .moreBtnBox .moreBtn {
  width: 18rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3rem;
  cursor: pointer;
}
.reviewListBox .moreBtnBox .moreBtn .moreImg {
  background-image: url("/img/store/user/icon/up-arrow.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.5rem;
}
.reviewListBox.end .canReviewList li:last-child {
  border-bottom: none;
}
.reviewListBox.end .reviewList li:last-child {
  border-bottom: none;
}

.inquiryBox {
  width: calc(100% - 40rem);
  height: fit-content;
  overflow: hidden;
}
.inquiryBox .inquiryList ul .inquiry-list {
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.inquiryBox .inquiryList ul li {
  background-color: #fff;
  border-radius: 1rem;
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.inquiryBox .inquiryList ul li .inquiry-flex {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.inquiryBox .inquiryList ul li .inquiry-btn {
  padding: 0.8rem 1.2rem;
  border: 1px solid #eee;
  border-radius: 0.5rem;
  color: #666;
}
.inquiryBox .inquiryList ul li .inquiryInfo {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.inquiryBox .inquiryList ul li .inquiryInfo .productName {
  font-size: 1.4rem;
  color: #999999;
  word-break: break-word;
  white-space: normal;
  -webkit-line-clamp: 1;
}
.inquiryBox .inquiryList ul li .inquiryInfo .inquiryTitle {
  display: flex;
  gap: 0.2rem;
  align-items: center;
}
.inquiryBox .inquiryList ul li .inquiryInfo .inquiryTitle .title {
  font-size: 1.6rem;
  font-weight: 500;
}
.inquiryBox .inquiryList ul li .inquiryInfo .inquiryTitle .secret {
  width: 1.4rem;
  height: 1.4rem;
  background: url("/img/store/user/icon/lock.svg") no-repeat;
  background-size: cover;
}
.inquiryBox .inquiryList ul li .statusBox {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
}
.inquiryBox .inquiryList ul li .statusBox .status.red {
  color: #F03F40;
}
.inquiryBox .inquiryList ul li .statusBox .status.blue {
  color: #257CD8;
}
.inquiryBox .inquiryList ul li .statusBox .date {
  color: #999;
  display: flex;
  align-items: center;
}
.inquiryBox .inquiryList ul li .statusBox .date::before {
  display: block;
  content: "";
  width: 0.1rem;
  height: 1.1rem;
  margin: 0 0.8rem;
  background-color: #BCBCBC;
}
.inquiryBox .inquiryList ul li .productImg {
  width: 7rem;
  height: 7rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.5rem;
}
.inquiryBox .inquiryList ul li.reply {
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
  gap: 2rem;
  padding: 2rem;
}
.inquiryBox .inquiryList ul li.reply .inquiryContent {
  display: flex;
  justify-content: left;
  height: fit-content;
}
.inquiryBox .inquiryList ul li.reply .inquiryContent::before {
  content: "Q.";
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  color: #666;
  border-radius: 50%;
  font-size: 1.6rem;
  margin-right: 0.8rem;
}
.inquiryBox .inquiryList ul li.reply .inquiryReply {
  display: flex;
  justify-content: left;
  height: fit-content;
  align-items: flex-start;
}
.inquiryBox .inquiryList ul li.reply .inquiryReply::before {
  content: "A.";
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  color: #ff5500;
  border-radius: 50%;
  font-size: 1.6rem;
  margin-right: 0.8rem;
}
.inquiryBox .inquiryList ul li.reply.off {
  display: none;
}
.inquiryBox .inquiryList ul li.reply.off + .divider {
  display: block;
}
.inquiryBox .inquiryList ul li.divider {
  display: none;
  padding: 0;
  margin: 0 2rem;
  height: 0.1rem;
  background-color: #DEDEDE;
}
.inquiryBox .inquiryList .moreBtnBox {
  display: flex;
  justify-content: center;
  margin: 2rem auto;
}
.inquiryBox .inquiryList .moreBtnBox .moreBtn {
  width: 18rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3rem;
  cursor: pointer;
}
.inquiryBox .inquiryList .moreBtnBox .moreBtn .moreImg {
  background-image: url("/img/store/user/icon/up-arrow.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.5rem;
}
.inquiryBox .inquiryList.end .moreBtnBox {
  display: none;
}
.inquiryBox .inquiryList.end li.divider:last-child {
  display: none !important;
}

.deliveryBox {
  width: calc(100% - 40rem);
  height: fit-content;
}

.deliveryList {
  background-color: #fff;
  border-radius: 1rem;
  padding: 2rem;
}
.deliveryList ul li {
  padding: 2rem 0;
}
.deliveryList ul li .btnBox {
  display: flex;
  height: 100%;
  align-items: flex-end;
  justify-content: right;
  gap: 0.8rem;
}
.deliveryList ul li .btnBox .basicAddress {
  display: none;
  padding: 0.4rem 0.8rem;
  border-radius: 0.5rem;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  width: fit-content;
}
.deliveryList ul li .btnBox .modBtn {
  padding: 0.4rem 0.8rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  cursor: pointer;
}
.deliveryList ul li .btnBox .modBtn.red {
  border: 0.1rem solid #ff5500;
  color: #ff5500;
}
.deliveryList ul li .btnBox .modBtn.active2 {
  color: #aaaaaa;
  border: 1px solid #aaaaaa;
}
.deliveryList ul li.basic .basicAddress {
  display: flex;
}
.deliveryList ul li.basic .btnBox .modBtn.red {
  display: none;
}
.deliveryList ul li .delivery-boxs {
  display: grid;
  grid-template-columns: 8% 92%;
  gap: 1.6rem;
}
.deliveryList ul li.noAddr {
  padding: 2rem 0;
  display: grid;
  grid-template-columns: 1fr;
  color: #eee;
  text-align: center;
}
.deliveryList ul li:not(:last-child) {
  border-bottom: 0.1rem solid #DEDEDE;
}
.deliveryList ul li .radioBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.deliveryList ul li .radioBox input[type=radio].chkRound {
  position: absolute;
  width: 1rem;
  height: 1rem;
  margin: -0.1rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 1px solid #eee;
}
.deliveryList ul li .radioBox input[type=radio].chkRound + label {
  display: inline-flex;
  cursor: pointer;
}
.deliveryList ul li .radioBox input[type=radio].chkRound:checked + label .radioCheckIcon {
  border-color: #ff5500;
  background-color: #ff5500;
  color: #fff;
}
.deliveryList ul li .radioBox input[type=radio].chkRound:checked + label .radioCheckIcon svg {
  opacity: 1;
}
.deliveryList ul li .radioBox .radioCheckIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
  flex: 0 0 2.2rem;
  border: 0.1rem solid #DEDEDE;
  border-radius: 0.6rem;
  color: transparent;
  background-color: #fff;
  box-sizing: border-box;
  transition: border-color 0.2s, background-color 0.2s, color 0.2s;
}
.deliveryList ul li .radioBox .radioCheckIcon svg {
  width: 1.3rem;
  height: 1rem;
  opacity: 0;
}
.deliveryList ul li .addressInfoBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}
.deliveryList ul li .addressInfoBox .address {
  font-weight: 500;
  font-size: 1.6rem;
  word-break: break-word;
}
.deliveryList ul li .addressInfoBox .receiver {
  font-size: 1.4rem;
  color: #666;
}
.deliveryList .addBtn {
  margin: 1.6rem 0 2rem;
  border-radius: 1rem;
  cursor: pointer;
  width: 100%;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  color: #666;
}

.myInfoBox {
  width: calc(100% - 40rem);
  height: fit-content;
}
.myInfoBox .userCheckBox {
  padding: 2rem;
}
.myInfoBox .userCheckBox .checkTitle {
  font-weight: 500;
  font-size: 1.8rem;
  padding-bottom: 0.8rem;
}
.myInfoBox .userCheckBox .checkSubTitle {
  font-size: 1.2rem;
  line-height: 1.8rem;
  padding-bottom: 1rem;
}
.myInfoBox .userCheckBox .userInfo {
  padding: 1.5rem 2rem;
  border-top: 0.1rem solid #ACACAC;
  border-bottom: 0.1rem solid #ACACAC;
}
.myInfoBox .userCheckBox .userInfo ul {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.myInfoBox .userCheckBox .userInfo ul li {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
}
.myInfoBox .userCheckBox .userInfo ul li .inputTitle {
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  justify-content: left;
  align-items: center;
}
.myInfoBox .userCheckBox .userInfo ul li .inputWrap input {
  width: 100%;
  height: 4.4rem;
  padding: 0 1.5rem;
  line-height: 4.2rem;
  box-sizing: border-box;
  border-radius: 0.4rem;
  border: 0.1rem solid #ddd;
}
.myInfoBox .userCheckBox .userInfo ul li .inputWrap input:focus {
  border: 0.1rem solid #333;
}
.myInfoBox .userCheckBox .btnWrap {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}
.myInfoBox .userCheckBox .btnWrap .sendBtn {
  border-radius: 0.3rem;
  width: 24rem;
  height: 5.6rem;
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.myInfoBox .userInfoBox {
  background-color: #fff;
  border-radius: 1rem;
  padding: 1rem 2rem;
}
.myInfoBox .userInfoBox ul {
  width: 100%;
  border-bottom: 0.1rem solid #ddd;
  padding: 1rem 0 2rem;
}
.myInfoBox .userInfoBox ul li {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  width: 100%;
  padding: 1rem 2rem;
  box-sizing: border-box;
}
.myInfoBox .userInfoBox ul li .inpTitle {
  width: 100%;
  padding-top: 1.2rem;
}
.myInfoBox .userInfoBox ul li .inpTitle label {
  line-height: 2rem;
  font-weight: bold;
  color: #333;
}
.myInfoBox .userInfoBox ul li .inpWrap {
  height: 4.8rem;
  width: 33.3rem;
  position: relative;
}
.myInfoBox .userInfoBox ul li .inpWrap input {
  width: 100%;
  height: 4.6rem;
  padding: 0rem 1.1rem 0.1rem 1.5rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #ddd;
  font-weight: 400;
  font-size: 1.6rem;
  color: #333;
  box-sizing: border-box;
  line-height: 2.4rem;
}
.myInfoBox .userInfoBox ul li .authWrap .authBtn {
  color: #ddd;
  height: 4.4rem;
  border-radius: 0.3rem;
  font-weight: 500;
  font-size: 1.4rem;
  display: flex;
  padding: 0rem 1rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  border: 0.1rem solid #ddd;
  cursor: pointer;
}
.myInfoBox .userInfoBox .btnWrap {
  margin: 3rem auto 2rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.myInfoBox .userInfoBox .btnWrap .sendBtn {
  border-radius: 0.3rem;
  width: 12rem;
  height: 4.4rem;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.myInfoBox .userInfoBox .btnWrap .sendBtn.active2 {
  color: #aaaaaa;
  border: 1px solid #aaaaaa;
}
.myInfoBox .pointInfoBox {
  padding: 1rem 2rem;
}
.myInfoBox .pointInfoBox ul {
  width: 100%;
  border-bottom: 0.1rem solid #dedede;
  padding: 1rem 0 2rem;
}
.myInfoBox .pointInfoBox ul li {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  padding: 1rem 2rem;
  box-sizing: border-box;
}
.myInfoBox .pointInfoBox ul li .pointTitle {
  width: 100%;
  padding-top: 1.2rem;
  font-weight: bold;
  color: #333;
  font-size: 1.6rem;
}
.myInfoBox .pointInfoBox ul li .pointAmount {
  width: 100%;
  padding-top: 1.2rem;
  font-weight: bold;
  color: #333;
  font-size: 1.6rem;
}
.myInfoBox .pointInfoBox .btnWrap {
  margin: 3rem auto 2rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.myInfoBox .pointInfoBox .btnWrap .sendBtn {
  border-radius: 0.3rem;
  width: 12rem;
  height: 4.4rem;
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.couponPageBox .myPageTitle {
  font-size: 2rem;
}
.couponPageBox .coupon-box {
  min-height: 64rem;
  background-color: #fff;
  border-radius: 1rem;
  box-sizing: border-box;
  padding: 2rem;
}
.couponPageBox .couponTabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 0.1rem solid #eee;
}
.couponPageBox .couponTabs__item {
  height: 6.4rem;
  border: 0;
  border-bottom: 0.4rem solid transparent;
  background-color: #fff;
  color: #666;
  font-family: inherit;
  font-size: 1.6rem;
  cursor: pointer;
}
.couponPageBox .couponTabs__item.is-active {
  border-bottom-color: #ff5500;
  color: #ff5500;
}
.couponPageBox .couponToolbar {
  display: flex;
  justify-content: flex-end;
  padding: 2.4rem 2.4rem 1.6rem;
}
.couponPageBox .couponRegisterBtn {
  height: 4.2rem;
  padding: 0 2rem;
  border: 0.1rem solid #DEDEDE;
  border-radius: 1rem;
  background-color: #fff;
  color: #666;
  font-family: inherit;
  font-size: 1.4rem;
  cursor: pointer;
}
.couponPageBox .couponList {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  width: 100%;
  box-sizing: border-box;
}
.couponPageBox .couponEmpty {
  display: none;
  padding: 4.8rem 1.6rem;
  color: #aaaaaa;
  font-size: 1.4rem;
  text-align: center;
}
.couponPageBox .couponCard {
  overflow: hidden;
  border: 0.1rem solid #ddd;
  border-radius: 1rem;
  background-color: #fff;
  box-sizing: border-box;
}
.couponPageBox .couponCard__body {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 2.4rem 3.2rem;
}
.couponPageBox .couponCard__rate {
  color: #333;
  font-size: 1.6rem;
}
.couponPageBox .couponCard__name {
  color: #333;
  font-size: 1.6rem;
}
.couponPageBox .couponCard__desc, .couponPageBox .couponCard__condition, .couponPageBox .couponCard__date {
  color: #aaaaaa;
  font-size: 1.4rem;
}
.couponPageBox .couponCard__action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  width: 100%;
  height: 4.8rem;
  border: 0;
  border-top: 0.1rem solid #ddd;
  background-color: #fff;
  color: #ff5500;
  font-family: inherit;
  font-size: 1.6rem;
  cursor: pointer;
}
.couponPageBox .couponCard__action span {
  color: #ff5500;
}
.couponPageBox .couponCard__action .icon {
  width: 0.8rem;
  height: 1.2rem;
}

.reportBox .reportFilter {
  display: flex;
  justify-content: flex-end;
  padding: 1.6rem 0 1.2rem;
}
.reportBox .reportFilter__select {
  min-width: 9.6rem;
  height: 3.2rem;
  padding: 0 2.4rem 0 0.8rem;
  border: 0;
  background-color: #fff;
  background-image: url("/img/store/user/icon/down-arrow-gray.svg");
  background-repeat: no-repeat;
  background-position: right 0.4rem center;
  background-size: 1.6rem;
  color: #666;
  font-family: inherit;
  font-size: 1.4rem;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
.reportBox .reportList, .reportBox .reportList2 {
  display: flex;
  flex-direction: column;
}
.reportBox .reportItem {
  padding: 1.2rem 0.4rem;
  border-bottom: 0.1rem solid #ddd;
}
.reportBox .reportItem.is-open .reportItem__button {
  background-color: #fff6f2;
}
.reportBox .reportItem.is-open .reportDetail {
  display: flex;
}
.reportBox .reportItem__button {
  display: block;
  width: 100%;
  padding: 1.2rem;
  border: 0;
  background-color: transparent;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}
.reportBox .reportItem__top {
  margin-bottom: 0.8rem;
  color: #666;
  font-size: 1.4rem;
}
.reportBox .reportItem__product {
  display: grid;
  grid-template-columns: 4.4rem 1fr auto;
  align-items: center;
  gap: 1.2rem;
}
.reportBox .reportItem__product2 {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1.2rem;
}
.reportBox .reportItem__thumb {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 0.4rem;
  background: url("/img/store/user/login/login_bg.jpg") no-repeat center/cover;
}
.reportBox .reportItem__info {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
}
.reportBox .reportItem__brand {
  overflow: hidden;
  color: #666;
  font-size: 1.3rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.reportBox .reportItem__name {
  color: #333;
  font-size: 1.6rem;
}
.reportBox .reportItem__status {
  color: #333;
  font-size: 1.4rem;
  white-space: nowrap;
}
.reportBox .reportItem__status span {
  color: #666;
}
.reportBox .reportItem__status--done {
  color: #4c64ff;
}
.reportBox .reportItem__status--reject {
  color: #ff5500;
}
.reportBox .reportDetail {
  display: none;
  flex-direction: column;
  gap: 1.2rem;
  margin: 1.2rem 0 0;
  padding: 1.2rem;
}
.reportBox .reportDetail__row {
  display: grid;
  grid-template-columns: 8rem 1fr;
  gap: 0.8rem;
  font-size: 1.4rem;
}
.reportBox .reportDetail__row dt {
  color: #333;
}
.reportBox .reportDetail__row dd {
  margin: 0;
  color: #333;
}
.reportBox .reportDetail__row button {
  color: #333;
  text-align: left;
  text-decoration: underline;
}

.couponRegisterPopup {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.35);
}
.couponRegisterPopup.on {
  display: flex;
}
.couponRegisterPopup__panel {
  width: 48rem;
  min-height: 32rem;
  padding: 2rem;
  background-color: #fff;
  border-radius: 1rem;
  box-sizing: border-box;
}
.couponRegisterPopup__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  margin-bottom: 2.8rem;
}
.couponRegisterPopup__title {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: #333;
  font-size: 1.4rem;
}
.couponRegisterPopup__brand {
  font-size: 1.6rem;
}
.couponRegisterPopup__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border: 0;
  background-color: transparent;
  color: #333;
  cursor: pointer;
}
.couponRegisterPopup__close .icon {
  width: 2rem;
  height: 2rem;
}
.couponRegisterPopup__form {
  display: grid;
  grid-template-columns: 1fr 8.8rem;
  gap: 0.8rem;
  margin-bottom: 1.6rem;
}
.couponRegisterPopup__form input {
  width: 100%;
  height: 4.8rem;
  padding: 0 1.2rem;
  border: 0.1rem solid #ddd;
  border-radius: 0.4rem;
  box-sizing: border-box;
  font-size: 1.4rem;
}
.couponRegisterPopup__form button {
  height: 4.8rem;
  border: 0;
  border-radius: 0.4rem;
  background-color: #ff5500;
  color: #fff;
  font-family: inherit;
  font-size: 1.4rem;
  cursor: pointer;
}
.couponRegisterPopup__form button:disabled {
  background-color: #ddd;
  color: #aaaaaa;
  cursor: default;
}
.couponRegisterPopup__notice {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.couponRegisterPopup__notice li {
  color: #666;
  font-size: 1.2rem;
}

.myCardPageBox .myPageTitle {
  font-size: 1.6rem;
}

.myCardBox {
  padding: 2rem;
  border-radius: 0.8rem;
  background-color: #fff;
  box-sizing: border-box;
}

.myCardEmpty {
  display: none;
  padding: 2.4rem 1.2rem 2rem;
  color: #666;
  font-size: 1.4rem;
  text-align: center;
}

.myCardList {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-bottom: 3.2rem;
}

.myCardItem {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  min-height: 9.2rem;
  padding: 1.6rem;
  border: 0.1rem solid #eee;
  border-radius: 1rem;
  background-color: #fff;
  box-sizing: border-box;
}
.myCardItem__content {
  display: flex;
  align-items: center;
  gap: 2rem;
  min-width: 0;
}
.myCardItem__info {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  min-width: 0;
  color: #333;
  font-size: 1.6rem;
}
.myCardItem__name, .myCardItem__number {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.myCardItem__actions {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  flex-shrink: 0;
}
.myCardItem__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 6.4rem;
  height: 2.8rem;
  padding: 0 0.8rem;
  border-radius: 1rem;
  background-color: #ff5500;
  color: #fff;
  font-size: 1.4rem;
  box-sizing: border-box;
}
.myCardItem--popup {
  width: 100%;
  min-height: 9.2rem;
  margin-top: 2.4rem;
}
.myCardItem.is-primary {
  border-color: #ff5500;
}
.myCardItem.is-editing .myCardItem__badge,
.myCardItem.is-editing .myCardMenuBtn,
.myCardItem.is-editing .myCardActionMenu {
  display: none;
}
.myCardItem.is-editing .myCardEditBtns {
  display: flex;
}

.myCardNameInput {
  min-width: 18rem;
  height: 3.2rem;
  padding: 0 0.8rem;
  border: 0.1rem solid #ddd !important;
  border-radius: 1rem;
  color: #333;
  font-size: 1.6rem;
}

.myCardEditBtns {
  display: none;
  align-items: center;
  gap: 0.8rem;
}
.myCardEditBtns button {
  min-width: 4.8rem;
  height: 3.2rem;
  padding: 0 0.8rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #ddd;
  background-color: #fff;
  color: #666;
  font-size: 1.4rem;
  cursor: pointer;
}
.myCardEditBtns button:first-child {
  border-color: #ff5500;
  color: #ff5500;
}

.myPayCardThumb {
  width: 6.4rem;
  height: 4rem;
  border-radius: 0.4rem;
  overflow: hidden;
  flex-shrink: 0;
}
.myPayCardThumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.myPayCardThumb--pink {
  background-color: #e8485a;
}
.myPayCardThumb--blue {
  background-color: #6971ff;
}

.myCardMenuBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border: 0;
  background-color: transparent;
  color: #aaaaaa;
  cursor: pointer;
}
.myCardMenuBtn .icon {
  width: 2.4rem;
  height: 0.8rem;
}

.myCardActionMenu {
  position: absolute;
  top: 4rem;
  right: 0.8rem;
  z-index: 5;
  display: none;
  width: 14.4rem;
  padding: 1.2rem 0;
  background-color: #fff;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
}
.myCardActionMenu.on {
  display: block;
}
.myCardActionMenu button {
  display: block;
  width: 100%;
  height: 3.2rem;
  padding: 0 2rem;
  border: 0;
  background-color: transparent;
  color: #333;
  font-family: inherit;
  font-size: 1.4rem;
  text-align: left;
  cursor: pointer;
}

.myCardAddBtn,
.myCardPrimaryBtn,
.myCardSubBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4.4rem;
  border-radius: 0.4rem;
  font-family: inherit;
  font-size: 1.6rem;
  cursor: pointer;
  box-sizing: border-box;
}

.mt-30 {
  margin-top: 3rem;
}

.myCardAddBtn {
  border: 0.1rem solid #ff5500;
  background-color: #fff;
  color: #ff5500;
}

.myCardPrimaryBtn {
  border: 0.1rem solid #ff5500;
  background-color: #ff5500;
  color: #fff;
}

.myCardSubBtn {
  border: 0.1rem solid #666;
  background-color: #fff;
  color: #666;
}

.myCardPopup {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1.6rem;
  background-color: rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
}
.myCardPopup.on {
  display: flex;
  align-items: center;
}
.myCardPopup__panel {
  position: relative;
  width: 45.6rem;
  padding: 2rem;
  border-radius: 1rem;
  background-color: #fff;
  box-sizing: border-box;
}
.myCardPopup__panel--auth {
  min-height: 62.4rem;
  display: flex;
  flex-direction: column;
}
.myCardPopup__panel--complete {
  width: 45.6rem;
}
.myCardPopup__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.2rem;
  margin-bottom: 2rem;
}
.myCardPopup__title {
  color: #000;
  font-size: 1.6rem;
}
.myCardPopup__close {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border: 0;
  background-color: transparent;
  color: #aaaaaa;
  cursor: pointer;
}
.myCardPopup__close .icon {
  width: 2rem;
  height: 2rem;
}
.myCardPopup__bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.2rem;
  margin-top: auto;
}
.myCardPopup__completeBtns {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  margin-top: 10rem;
}

.myCardForm {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.myCardAuthSendBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5.2rem;
  border: 0;
  border-radius: 0.4rem;
  background-color: #ff5500;
  color: #fff;
  font-family: inherit;
  font-size: 1.6rem;
  cursor: pointer;
}

.myCardAuthNotice {
  display: none;
  align-items: center;
  gap: 0.4rem;
  color: #666;
  font-size: 1.4rem;
}
.myCardAuthNotice button {
  padding: 0;
  border: 0;
  background-color: transparent;
  color: #e8485a;
  font-family: inherit;
  font-size: 1.4rem;
  cursor: pointer;
}

.myCardField.myCardAuthCodeField {
  display: none;
}

.myCardPopup.is-sent .myCardAuthSendBtn {
  background-color: #666;
}
.myCardPopup.is-sent .myCardAuthNotice {
  display: flex;
}
.myCardPopup.is-sent .myCardAuthCodeField {
  display: flex;
}
.myCardPopup.is-sent .myCardTimer {
  color: #666;
}

.myCardField {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  color: #000;
  font-size: 1.4rem;
}
.myCardField input {
  width: 100%;
  height: 4.4rem;
  padding: 0 1.6rem;
  border: 0.1rem solid #eee;
  border-radius: 0.8rem;
  color: #333;
  font-family: inherit;
  font-size: 1.6rem;
  box-sizing: border-box;
}
.myCardField input::placeholder {
  color: #aaaaaa;
}
.myCardField--withIcon .myCardTooltipBtn {
  position: absolute;
  right: 1.2rem;
  bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: #aaaaaa;
  cursor: pointer;
}
.myCardField--withIcon .myCardTooltipBtn .icon {
  width: 2rem;
  height: 2rem;
}
.myCardField--withIcon .myCardTooltip {
  position: absolute;
  right: 0;
  bottom: 4rem;
  z-index: 2;
  display: none;
  width: 26rem;
  padding: 1.2rem;
  border: 0.1rem solid #eee;
  border-radius: 0.8rem;
  background-color: #fff;
  color: #666;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
  font-size: 1.4rem;
  box-sizing: border-box;
}
.myCardField--withIcon .myCardTooltip.on {
  display: block;
}
.myCardField--withIcon input {
  padding-right: 4rem;
}
.myCardField--timer .myCardTimer {
  position: absolute;
  right: 2.8rem;
  bottom: 1.2rem;
  color: #aaaaaa;
  font-size: 1.6rem;
}
.myCardField--timer input {
  padding-right: 8rem;
}

.myCardCompleteIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  height: 8rem;
  margin: 0 auto 2.8rem;
  border-radius: 50%;
  background-color: #ff5500;
  color: #fff;
}
.myCardCompleteIcon .icon {
  width: 4.4rem;
  height: 3.6rem;
}

.myCardCompleteText {
  text-align: center;
  color: #333;
  font-size: 1.6rem;
}
.myCardCompleteText p {
  margin-top: 1.6rem;
  color: #666;
  font-size: 1.6rem;
}

.myPointHistoryBox {
  display: flex;
  flex-direction: column;
  width: calc(100% - 40rem);
  height: fit-content;
  gap: 2rem;
}
.myPointHistoryBox .my-point {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.myPointHistoryBox .my-point .pointInfoBox {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.myPointHistoryBox .my-point .pointInfoBox .pointAmount {
  font-weight: 600;
}
.myPointHistoryBox .my-history {
  padding: 2rem;
  background-color: #fff;
  border-radius: 1rem;
}
.myPointHistoryBox .my-history .pointFilterBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.6rem;
  margin-bottom: 2rem;
}
.myPointHistoryBox .my-history .pointFilterBar .pointTypeFilter {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.myPointHistoryBox .my-history .pointFilterBar .pointFilterBtn {
  min-width: 4.5rem;
  height: 4.5rem;
  padding: 0 1.2rem;
  border: 0.1rem solid #ddd;
  border-radius: 1rem;
  background-color: #fff;
  color: #666;
  box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.12);
  font-family: inherit;
  font-size: 1.6rem;
  cursor: pointer;
}
.myPointHistoryBox .my-history .pointFilterBar .pointFilterBtn.is-active {
  border-color: #ff5500;
  background-color: #ff5500;
  color: #fff;
  font-weight: 500;
}
.myPointHistoryBox .my-history .pointFilterBar .point-select {
  position: relative;
}
.myPointHistoryBox .my-history .pointFilterBar .point-select .pointPeriodSelect {
  margin-left: auto;
  min-width: 10rem;
  height: 4rem;
  border: 0;
  background-color: transparent;
  color: #666;
  font-family: inherit;
  font-size: 1.6rem;
  cursor: pointer;
  text-align: right;
  padding-right: 2rem;
}
.myPointHistoryBox .my-history .pointFilterBar .point-select .icon {
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}
.myPointHistoryBox .my-history .pointHistoryBox ul {
  width: 100%;
  padding: 0 0 2rem;
}
.myPointHistoryBox .my-history .pointHistoryBox ul li {
  width: 100%;
  padding: 2.4rem 0;
  box-sizing: border-box;
}
.myPointHistoryBox .my-history .pointHistoryBox ul li:not(:last-child) {
  border-bottom: 0.1rem solid #ddd;
}
.myPointHistoryBox .my-history .pointHistoryBox ul li .pointInfoWrap {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1.6rem;
  font-size: 1.6rem;
}
.myPointHistoryBox .my-history .pointHistoryBox ul li .pointInfoWrap .pointInfo {
  min-width: 0;
}
.myPointHistoryBox .my-history .pointHistoryBox ul li .pointInfoWrap .pointInfo .pointDate {
  color: #666;
  font-size: 1.6rem;
}
.myPointHistoryBox .my-history .pointHistoryBox ul li .pointInfoWrap .pointInfo .pointCode {
  margin-top: 0.8rem;
  padding-right: 1rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 500;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.myPointHistoryBox .my-history .pointHistoryBox ul li .pointInfoWrap .pointInfo .pointMemo {
  margin-top: 0.8rem;
  color: #333;
  font-size: 1.6rem;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  overflow: hidden;
}
.myPointHistoryBox .my-history .pointHistoryBox ul li .pointInfoWrap .pointStatus {
  text-align: right;
}
.myPointHistoryBox .my-history .pointHistoryBox ul li .pointInfoWrap .pointStatus .pointAmount {
  font-weight: 600;
  font-size: 1.6rem;
}
.myPointHistoryBox .my-history .pointHistoryBox ul li .pointInfoWrap .pointStatus .pointBalance {
  margin-top: 0.8rem;
  color: #666;
  font-size: 1.6rem;
}
.myPointHistoryBox .my-history .pointHistoryBox ul li .pointInfoWrap .pointStatus .withdraw {
  color: #aaaaaa;
}
.myPointHistoryBox .my-history .pointHistoryBox ul li .pointInfoWrap .pointStatus .deposit {
  color: #6971ff;
}

.pointHistoryBox .addBtn {
  margin: 1.6rem 0 2rem;
  border: 0.1rem solid #eee;
  border-radius: 1rem;
  background-color: #fff;
  box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.12);
  color: #666;
  cursor: pointer;
  width: 100%;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  font-family: inherit;
  font-size: 1.6rem;
}
.pointHistoryBox .addBtn .icon {
  width: 1.6rem;
  height: 0.8rem;
}

.myPageBox {
  width: calc(100% - 40rem);
  height: fit-content;
}
.myPageBox .userCheckBox {
  padding: 2rem;
}
.myPageBox .userCheckBox .checkTitle {
  font-weight: 500;
  font-size: 1.8rem;
  padding-bottom: 0.8rem;
}
.myPageBox .userCheckBox .checkSubTitle {
  font-size: 1.2rem;
  line-height: 1.8rem;
  padding-bottom: 1rem;
}
.myPageBox .userCheckBox .userInfo {
  padding: 1.5rem 2rem;
  border-top: 0.1rem solid #aaaaaa;
  border-bottom: 0.1rem solid #aaaaaa;
}
.myPageBox .userCheckBox .userInfo ul {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.myPageBox .userCheckBox .userInfo ul li {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
}
.myPageBox .userCheckBox .userInfo ul li .inputTitle {
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  justify-content: left;
  align-items: center;
}
.myPageBox .userCheckBox .userInfo ul li .inputWrap input {
  width: 100%;
  height: 4.4rem;
  padding: 0 1.5rem;
  line-height: 4.2rem;
  box-sizing: border-box;
  border-radius: 0.4rem;
  border: 0.1rem solid #ddd;
}
.myPageBox .userCheckBox .userInfo ul li .inputWrap input:focus {
  border: 0.1rem solid #333;
}
.myPageBox .userCheckBox .btnWrap {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}
.myPageBox .userCheckBox .btnWrap .sendBtn {
  border-radius: 0.3rem;
  width: 24rem;
  height: 5.6rem;
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.myPageBox .userInfoBox {
  background-color: #fff;
  border-radius: 1rem;
  padding: 1rem 2rem;
}
.myPageBox .userInfoBox ul {
  width: 100%;
  border-bottom: 0.1rem solid #ddd;
  padding: 1rem 0 2rem;
}
.myPageBox .userInfoBox ul li {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  width: 100%;
  padding: 1rem 2rem;
  box-sizing: border-box;
}
.myPageBox .userInfoBox ul li .inpTitle {
  width: 100%;
  padding-top: 1.2rem;
}
.myPageBox .userInfoBox ul li .inpTitle label {
  line-height: 2rem;
  font-weight: bold;
  color: #333;
}
.myPageBox .userInfoBox ul li .inpWrap {
  height: 4.8rem;
  width: 33.3rem;
  position: relative;
}
.myPageBox .userInfoBox ul li .inpWrap input {
  width: 100%;
  height: 4.6rem;
  padding: 0rem 1.1rem 0.1rem 1.5rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #ddd;
  font-weight: 400;
  font-size: 1.6rem;
  color: #333;
  box-sizing: border-box;
  line-height: 2.4rem;
}
.myPageBox .userInfoBox ul li .authWrap .authBtn {
  color: #ddd;
  height: 4.4rem;
  border-radius: 0.3rem;
  font-weight: 500;
  font-size: 1.4rem;
  display: flex;
  padding: 0rem 1rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  border: 0.1rem solid #ddd;
  cursor: pointer;
}
.myPageBox .userInfoBox .btnWrap {
  margin: 3rem auto 2rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.myPageBox .userInfoBox .btnWrap .sendBtn {
  border-radius: 0.3rem;
  width: 12rem;
  height: 4.4rem;
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.searchContainer {
  padding: 1.6rem;
  margin: auto;
}
.searchContainer .searchWrap {
  display: flex;
  flex-direction: column;
  margin-top: 0.8rem;
  width: 100%;
  max-width: 100%;
}
.searchContainer .searchWrap .searchInputWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 4.8rem;
  padding-left: 0.8rem;
  border: 0.1rem solid #eee;
  border-radius: 0.6rem;
}
.searchContainer .searchWrap .searchInputWrap input {
  width: 100%;
  background-color: inherit;
  border: none;
  outline: none;
  font-size: 1.6rem;
}
.searchContainer .searchWrap .searchInputWrap .searchBtn {
  width: 2.5rem;
  height: 2.5rem;
  margin: 1rem;
  background: url(/img/store/user/icon/icon_btn_src.png) no-repeat;
  border: none;
  background-size: cover;
  cursor: pointer;
}
.searchContainer .mySearchListWrap .mySearchTitle {
  padding-top: 0.6rem;
  padding-bottom: 0.8rem;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.6rem;
}
.searchContainer .mySearchListWrap .mySearchList {
  margin-top: 0.8rem;
}
.searchContainer .mySearchListWrap .mySearchList ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.8rem;
  -webkit-box-align: center;
  min-height: 4rem;
  max-height: 20rem;
  overflow: auto;
  list-style: none;
}
.searchContainer .mySearchListWrap .mySearchList ul li {
  padding: 1rem 1.2rem;
  height: 4rem;
  background-color: #fff;
  border: 0.1rem solid #ddd;
  color: #333;
  overflow: hidden;
  border-radius: 1rem;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 0.4rem;
  flex-shrink: 0;
}
.searchContainer .mySearchListWrap .mySearchList ul .icon {
  width: 1.8rem;
  height: 1.8rem;
}
.searchContainer .keywordRankingListWrap .rankTitle {
  padding-top: 0.6rem;
  padding-bottom: 1.8rem;
  color: #333;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
}
.searchContainer .keywordRankingListWrap .keywordRankingList ul {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 3rem;
  row-gap: 1.8rem;
  background-color: #fff;
}
.searchContainer .keywordRankingListWrap .keywordRankingList ul li {
  min-width: 0;
  min-height: 4.4rem;
  padding: 0.2rem 0.4rem;
  display: flex;
  width: 100%;
  gap: 1.4rem;
  align-items: center;
  flex-shrink: 0;
  color: #333;
  font-size: 1.6rem;
  font-style: normal;
  overflow: hidden;
  cursor: pointer;
}
.searchContainer .keywordRankingListWrap .keywordRankingList ul li .rank {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 2.8rem;
  min-width: 2.8rem;
  height: 3.4rem;
  color: #333;
  font-size: 1.6rem;
  font-style: normal;
}
.searchContainer .keywordRankingListWrap .keywordRankingList ul li .keyword {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.searchContainer .keywordRankingListWrap .keywordRankingList ul li .rankStatus {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.8rem;
  height: 1.8rem;
  font-size: 1.6rem;
}
.searchContainer .keywordRankingListWrap .keywordRankingList ul li .rankStatus.new {
  min-width: auto;
  color: #ff5500;
  font-size: 1.4rem;
}
.searchContainer .keywordRankingListWrap .keywordRankingList ul li .rankStatus.up::before, .searchContainer .keywordRankingListWrap .keywordRankingList ul li .rankStatus.down::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 0.6rem solid transparent;
  border-right: 0.6rem solid transparent;
}
.searchContainer .keywordRankingListWrap .keywordRankingList ul li .rankStatus.up::before {
  border-bottom: 1rem solid #ff5500;
}
.searchContainer .keywordRankingListWrap .keywordRankingList ul li .rankStatus.down::before {
  border-top: 1rem solid #6971ff;
}
.searchContainer .keywordRankingListWrap .keywordRankingList ul li:nth-child(-n+3) .rank {
  color: #ff5500;
}
.searchContainer .keywordRankingListWrap .keywordRankingList ul li:hover .keyword {
  color: #ff5500;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.searchContainer .keywordRankingListWrap .keywordRankingList .noItem {
  display: flex;
  min-height: 9.6rem;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid #eee;
  border-radius: 1rem;
  color: #aaaaaa;
  font-size: 1.6rem;
}

.orderBox {
  gap: 1.6rem;
}
.orderBox .orderTitleBox {
  background: transparent;
  border-radius: 0;
}
.orderBox .orderTitleBox .myPageTitle {
  margin: 0;
  padding: 1.6rem 0 2rem;
  border-bottom: 0;
  font-size: 2rem;
  font-weight: 600;
}
.orderBox .orderdetailes {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
}
.orderBox .orderdetailes .orderInfoBox {
  padding: 2rem 2.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.orderBox .orderdetailes .orderInfoBox .invoiceBtn {
  width: 10rem;
  height: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 1.6rem;
  border: 0.1rem solid #ff5500;
  color: #ff5500;
}
.orderBox .orderdetailes .orderNumberInfo {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.orderBox .orderdetailes .orderNumberInfo .orderDate {
  font-size: 1.4rem;
  color: #aaaaaa;
}
.orderBox .orderdetailes .orderNumberInfo .orderNumber {
  font-size: 1.6rem;
}
.orderBox .orderFilter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}
.orderBox .orderTabs {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  overflow-x: auto;
}
.orderBox .orderTabs button {
  min-width: 8rem;
  height: 4rem;
  padding: 0 1.6rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
  color: #666;
  font-size: 1.4rem;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
}
.orderBox .orderTabs button.active1 {
  background: #ff5500 !important;
  border-color: #ff5500 !important;
  color: #fff !important;
  box-shadow: none;
  font-weight: 600;
}
.orderBox .orderPeriod {
  position: relative;
  flex-shrink: 0;
}
.orderBox .orderPeriod select {
  min-width: 12rem;
  height: 4rem;
  padding: 0 2.8rem 0 1.2rem;
  border: 0;
  background: transparent;
  color: #666;
  font-size: 1.6rem;
  cursor: pointer;
  appearance: none;
  text-align: right;
}
.orderBox .orderPeriod::after {
  content: "";
  position: absolute;
  top: -5px;
  right: 0.8rem;
  bottom: 0;
  width: 0.8rem;
  height: 0.8rem;
  margin: auto;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  transform: rotate(45deg);
  pointer-events: none;
}
.orderBox .orderListBox .noItem {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
}
.orderBox .orderListBox .orderList {
  gap: 1.6rem;
}
.orderBox .orderListBox .orderList .orderCard {
  position: relative;
  padding: 1.6rem;
  border-radius: 1.6rem;
  background: #fff;
  overflow: hidden;
}
.orderBox .orderListBox .orderList .orderCard__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  margin-bottom: 1.2rem;
}
.orderBox .orderListBox .orderList .orderCard__status {
  color: #333;
  font-size: 1.6rem;
  font-weight: 500;
}
.orderBox .orderListBox .orderList .orderCard__status.isCancel {
  color: #ff5500;
}
.orderBox .orderListBox .orderList .orderCard__close {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.orderBox .orderListBox .orderList .orderCard__close::before, .orderBox .orderListBox .orderList .orderCard__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.4rem;
  width: 1.6rem;
  height: 1px;
  background: #aaaaaa;
}
.orderBox .orderListBox .orderList .orderCard__close::before {
  transform: rotate(45deg);
}
.orderBox .orderListBox .orderList .orderCard__close::after {
  transform: rotate(-45deg);
}
.orderBox .orderListBox .orderList .orderCard__detail {
  color: #ff5500;
  font-size: 1.4rem;
  font-weight: 500;
}
.orderBox .orderListBox .orderList .orderCard__detail::after {
  content: ">";
  margin-left: 0.2rem;
}
.orderBox .orderListBox .orderList .orderCard__extra {
  display: none;
}
.orderBox .orderListBox .orderList .orderCard.isOpen .orderCard__extra {
  display: block;
}
.orderBox .orderListBox .orderList .orderCard__section {
  position: relative;
}
.orderBox .orderListBox .orderList .orderCard__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4.2rem;
  border: 1px solid #eee;
  border-radius: 0.5rem;
  background: #fff;
  color: #333;
  font-size: 1.6rem;
  cursor: pointer;
  gap: 0.4rem;
}
.orderBox .orderListBox .orderList .orderCard__toggle .orderCard__toggleCount {
  color: #ff5500;
  font-weight: 600;
}
.orderBox .orderListBox .orderList .orderCard__toggle::after {
  content: "";
  width: 1rem;
  height: 1rem;
  margin-left: 1.6rem;
  border-top: 2px solid #666;
  border-left: 2px solid #666;
  transform: translateY(0.3rem) rotate(45deg);
}
.orderBox .orderListBox .orderList .orderCard:not(.isOpen) .orderCard__toggle::after {
  transform: translateY(-0.3rem) rotate(225deg);
}
.orderBox .orderListBox .orderList .orderCard__cut {
  position: relative;
  height: 2.8rem;
  margin: 1.8rem -2.4rem 1.4rem;
  border-top: 0.4rem dotted rgba(0, 0, 0, 0.08);
  background: radial-gradient(circle at left 50%, #f5f5f5 0, #f5f5f5 0.7rem, transparent 0.8rem), radial-gradient(circle at right 50%, #f5f5f5 0, #f5f5f5 0.7rem, transparent 0.8rem);
}
.orderBox .orderListBox .orderList .orderCard__cut::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  top: -7px;
  left: 1px;
  background-color: #f5f5f5;
}
.orderBox .orderListBox .orderList .orderCard__cut::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  top: -7px;
  right: 1px;
  background-color: #f5f5f5;
}
.orderBox .orderListBox .orderList .orderCard__actions {
  display: flex;
  gap: 1.3rem;
  gap: 0.8rem;
  margin-top: 1.6rem;
}
.orderBox .orderListBox .orderList .orderCard__actions.actionCount1 {
  grid-template-columns: minmax(0, 1fr);
}
.orderBox .orderListBox .orderList .orderCard__actions.actionCount2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.orderBox .orderListBox .orderList .orderCard__actions.actionCount3 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.orderBox .orderListBox .orderList .orderCard__actions button {
  height: 4.2rem;
  padding: 0 0.8rem;
  border: 1px solid #eee;
  border-radius: 0.5rem;
  background: #fff;
  color: #666;
  flex: 1;
  min-width: 0;
  font-size: 1.6rem;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.orderBox .orderListBox .orderList .orderCard__actions button.more {
  position: relative;
  flex: 0 0 4.2rem;
  width: 4.2rem;
  padding: 0;
}
.orderBox .orderListBox .orderList .orderCard__actions button.more::before {
  content: "...";
  position: absolute;
  inset: 0;
  color: #aaaaaa;
  font-size: 1.6rem;
}
.orderBox .orderListBox .orderList .orderCard .orderProduct {
  display: flex;
  gap: 1.6rem;
  min-width: 0;
}
.orderBox .orderListBox .orderList .orderCard .orderProduct__img {
  flex-shrink: 0;
  width: 10rem;
  height: 10rem;
  border-radius: 0.5rem;
  background-color: rgba(0, 0, 0, 0.04);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}
.orderBox .orderListBox .orderList .orderCard .orderProduct__info {
  min-width: 0;
  flex: 1;
  cursor: pointer;
}
.orderBox .orderListBox .orderList .orderCard .orderProduct__meta {
  margin-bottom: 0.4rem;
  color: #aaaaaa;
  font-size: 1.4rem;
}
.orderBox .orderListBox .orderList .orderCard .orderProduct__name {
  display: -webkit-box;
  overflow: hidden;
  color: #333;
  font-size: 1.6rem;
  font-weight: 600;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.orderBox .orderListBox .orderList .orderCard .orderProduct__name .orderCount {
  margin-left: 0.8rem;
  color: #ff5500;
  font-size: 1.4rem;
  font-weight: 600;
}
.orderBox .orderListBox .orderList .orderCard .orderProduct__price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.4rem;
}
.orderBox .orderListBox .orderList .orderCard .orderProduct__price .price {
  color: #333;
  font-size: 1.6rem;
  font-weight: 600;
}
.orderBox .orderListBox .orderList .orderCard .orderProduct__price .dimmedPrice {
  color: #aaaaaa;
  font-size: 1.4rem;
  text-decoration: line-through;
}
.orderBox .orderListBox .orderList .orderCard .orderProduct__price .amount {
  color: #666;
  font-size: 1.4rem;
}
.orderBox .orderListBox .orderList .orderCard .orderProduct__links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  margin-top: 0.4rem;
}
.orderBox .orderListBox .orderList .orderCard .orderProduct__link {
  color: #aaaaaa;
  font-size: 1.4rem;
  text-align: right;
}
.orderBox .orderListBox .moreBtnBox {
  display: flex;
  justify-content: center;
}
.orderBox .orderListBox .moreBtnBox .moreBtn {
  width: 100%;
  height: 4rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
  background: #fff;
  color: #666;
  font-size: 1.4rem;
  font-weight: 500;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
}

.orderMorePopup {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1400;
  align-items: center;
  justify-content: center;
}
.orderMorePopup.on {
  display: flex;
}
.orderMorePopup__dim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.32);
}
.orderMorePopup__panel {
  position: relative;
  z-index: 1;
  width: 48rem;
  max-width: calc(100vw - 3.2rem);
  padding: 2.4rem;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
}
.orderMorePopup__close {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.orderMorePopup__close::before, .orderMorePopup__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.4rem;
  width: 1.6rem;
  height: 1px;
  background: #aaaaaa;
}
.orderMorePopup__close::before {
  transform: rotate(45deg);
}
.orderMorePopup__close::after {
  transform: rotate(-45deg);
}
.orderMorePopup__product {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  padding-right: 3.2rem;
}
.orderMorePopup__img {
  flex-shrink: 0;
  width: 8rem;
  height: 8rem;
  border-radius: 0.5rem;
  background-color: rgba(0, 0, 0, 0.04);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.orderMorePopup__summary {
  min-width: 0;
  flex: 1;
}
.orderMorePopup__receipt {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 2.4rem;
  border: 0;
  background: transparent;
  color: #ff5500;
  font-size: 1.6rem;
  cursor: pointer;
}
.orderMorePopup__receipt::after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #ff5500;
  border-right: 1px solid #ff5500;
  transform: rotate(45deg);
}
.orderMorePopup__receipt.off {
  display: none;
}
.orderMorePopup__name {
  display: -webkit-box;
  overflow: hidden;
  color: #333;
  font-size: 1.6rem;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.orderMorePopup__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.6rem;
  margin-top: 3.2rem;
}
.orderMorePopup__actions button {
  height: 4.8rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0.4rem;
  background: #fff;
  color: #666;
  font-size: 1.6rem;
  cursor: pointer;
}

.invoicePopup {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1500;
  align-items: center;
  justify-content: center;
}
.invoicePopup.on {
  display: flex;
}
.invoicePopup__dim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.42);
}
.invoicePopup__panel {
  position: relative;
  z-index: 1;
  width: 52rem;
  height: min(80vh, 72rem);
  max-width: calc(100vw - 3.2rem);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.invoicePopup__close {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  z-index: 2;
  width: 2.8rem;
  height: 2.8rem;
  border: 0;
  background: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}
.invoicePopup__close::before, .invoicePopup__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.6rem;
  width: 1.6rem;
  height: 1px;
  background: #aaaaaa;
}
.invoicePopup__close::before {
  transform: rotate(45deg);
}
.invoicePopup__close::after {
  transform: rotate(-45deg);
}
.invoicePopup__content {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.mySideMenu {
  width: 37.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mySideMenu .userPointBox .userName {
  font-size: 1.8rem;
}
.mySideMenu .userPointBox .userName .name {
  font-size: 2rem;
  font-weight: bold;
}
.mySideMenu .userPointBox .pointBoxWrap {
  margin-top: 2rem;
}
.mySideMenu .userPointBox .pointBoxWrap .pointBox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.mySideMenu .userPointBox .pointBoxWrap .pointBox:first-child {
  position: relative;
}
.mySideMenu .userPointBox .pointBoxWrap .pointBox__flex {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.mySideMenu .userPointBox .pointBoxWrap .pointBox__flex .icon {
  width: 2rem;
  height: 2rem;
  color: #666;
}
.mySideMenu .userPointBox .pointBoxWrap .pointBox__flex .title {
  font-size: 1.6rem;
  color: #666;
}
.mySideMenu .userPointBox .pointBoxWrap .pointBox .amount span {
  font-size: 1.6rem;
  font-weight: 600;
  padding-right: 0.4rem;
  color: #ff5500;
}
.mySideMenu .menuBox {
  margin-top: 3.2rem;
}
.mySideMenu .menuBox .menuList {
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.mySideMenu .menuBox .menuList ul {
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
  padding: 1.2rem 2.4rem;
  border-radius: 1rem;
  border: 1px solid #eee;
  background-color: #fff;
}
.mySideMenu .menuBox .menuList ul li {
  display: flex;
  align-items: center;
  padding: 1.2rem 0;
  cursor: pointer;
  gap: 2rem;
}
.mySideMenu .menuBox .menuList ul li:first-child {
  padding: 0;
}
.mySideMenu .menuBox .menuList ul li .subject {
  padding: 1.2rem 0;
  color: #333;
  font-size: 1.4rem;
  font-weight: 600;
}
.mySideMenu .menuBox .menuList ul li .menuTitle {
  font-size: 1.6rem;
  color: #666;
}
.mySideMenu .menuBox .menuList ul li.clr-main .menuTitle {
  color: #ff5500;
  font-size: 1.6rem;
  font-weight: 600;
}
.mySideMenu .menuBox .menuList ul li.clr-main .icon {
  color: #ff5500;
}
.mySideMenu .menuBox .menuList ul li .icon {
  width: 2rem;
  height: 2rem;
  color: #666;
}

.invoice-container {
  /* invoice */
}
.invoice-container .invoice-title {
  min-height: 1.7rem;
  padding: 2rem 0 1.9rem;
  font-size: 2rem;
  line-height: 2.4rem;
  text-align: center;
  color: #333;
  font-weight: bold;
}
.invoice-container .invoice-content {
  border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
  padding: 2rem;
}
.invoice-container .invoice-info {
  padding-bottom: 2rem;
  border-bottom: 0.1rem solid #eee;
}
.invoice-container .invoice-info:not(:first-child) {
  margin-top: 2rem;
}
.invoice-container .info-title {
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: -0.05rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #1e1e23;
}
.invoice-container .info-content {
  margin-top: 1.5rem;
}
.invoice-container .info-content ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.invoice-container .info-content ul li {
  display: flex;
  justify-content: space-between;
  font-size: 1.5rem;
  line-height: 2.1rem;
  letter-spacing: -0.03rem;
}
.invoice-container .info-content ul li .info-name {
  flex-shrink: 0;
  color: #aaaaaa;
  min-width: 9rem;
}
.invoice-container .info-content ul li .info-value {
  flex: 1 1 auto;
  font-weight: 500;
  text-align: right;
  word-break: auto-phrase;
  color: #666;
  overflow-wrap: break-word;
}
.invoice-container .info-content ul li.total {
  padding-top: 1.6rem;
}
.invoice-container .info-content ul li.total .info-name {
  color: #666;
}
.invoice-container .info-content ul li.total .info-value {
  font-size: 2rem;
  color: #333;
}
.invoice-container .invoice-btn-box {
  display: flex;
  align-items: center;
  padding: 0 2rem 2rem;
  gap: 1rem;
  justify-content: center;
}
.invoice-container .invoice-btn-box .btn {
  border-radius: 0.3rem;
  width: 12rem;
  height: 4.4rem;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #fff;
  color: #ff5500;
  border: 0.1rem solid #ff5500;
}
.invoice-container .invoice-btn-box .btn.active {
  background-color: #ff5500;
  color: #fff;
}

[id^=popLayer] {
  /* confirm modal */
}
[id^=popLayer] * {
  box-sizing: border-box;
}

[id^=popLayer].popOverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
}

[id^=popLayer].popOverlay.noBackground {
  background: rgba(0, 0, 0, 0);
}

#alertLayer * {
  box-sizing: border-box;
}
#alertLayer.popOverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
}

.popClose {
  display: none !important;
}

.popWrap {
  position: relative;
  padding: 3rem;
  border-radius: 1.2rem;
  background-color: #fff;
}
.popWrap .popCnt {
  max-height: 75vh;
  overflow: scroll;
  height: fit-content;
}
.popWrap .popCnt::-webkit-scrollbar {
  width: 0.8rem;
  /* 스크롤바 너비 */
}
.popWrap .popCnt::-webkit-scrollbar-thumb {
  background: rgba(30, 22, 113, 0.1490196078);
  /* 스크롤바 색상 */
  border-radius: 0.8rem;
  /* 스크롤바 둥글기 */
}
.popWrap .popCnt.type1 {
  width: 72rem;
}
.popWrap .popCnt.type2 {
  width: 114rem;
}
.popWrap .popCnt.type3 {
  width: 38rem;
}
.popWrap .popCnt.type4 {
  width: 94rem;
}
.popWrap .popCnt.type5 {
  width: 30rem;
}
.popWrap .popCnt.type6 {
  width: 44rem;
}
.popWrap h2 {
  margin-bottom: 2rem;
  font-weight: 500;
  font-size: 2.4rem;
  letter-spacing: -0.1rem;
}
.popWrap .btnPopClose {
  position: absolute;
  right: 3rem;
  top: 3rem;
  font-size: 0;
  width: 3.2rem;
  height: 3.2rem;
  background: url(/img/store/admin/ico_pop_close.png) no-repeat;
  cursor: pointer;
}
.popWrap #addrSearch {
  width: 55rem;
  max-width: calc(90vw - 6rem);
}
.popWrap .tac {
  text-align: center !important;
}
.popWrap .btnWrap {
  text-align: center;
  margin: 3rem 0 0 0;
}
.popWrap .btnType {
  width: 15rem;
  font-weight: 500;
  color: #333;
  border-radius: 0.3rem;
  background: #fff;
  border: 0.1rem solid #ddd;
  cursor: pointer;
}
.popWrap .btnSize {
  font-size: 1.4rem !important;
  height: 4.4rem;
}
.popWrap .btnColor {
  width: 12rem;
  font-weight: 500 !important;
  color: #f5f5f5;
  border: 0.1rem solid #333;
  background: #333;
  border-radius: 0.3rem;
}
.popWrap .btnLine {
  width: 12rem;
  font-weight: 500;
  color: #333;
  border-radius: 0.3rem;
  background: #fff;
  border: 0.1rem solid #ddd;
}

.popCnt.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: fit-content;
  overflow: hidden;
  outline: 0;
}
.popCnt.modal .modalTit {
  font-size: 2rem;
  font-weight: 500;
  color: #333;
}
.popCnt.modal .modalTit .pointP {
  color: #f39700;
}
.popCnt.modal .modalTit .pointR {
  color: #f03f40;
}
.popCnt.modal .modalSubTit {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #666;
}
.popCnt.modal .modalSubTit.v2 {
  font-size: 1.6rem;
}
.popCnt.modal .modalSubTit.v3 {
  font-weight: 500;
  line-height: 2.8rem;
}
.popCnt.modal .btnWrap {
  margin: 3rem 0 0 0;
}
.popCnt.modal.v2 {
  margin-top: 2rem;
  display: block;
  position: relative;
}

.menu {
  position: fixed;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  top: 0;
  right: -100vw;
  bottom: 0;
  padding-bottom: 2rem;
  box-sizing: border-box;
  background: #F5F5F5;
  overflow: scroll;
  opacity: 0.5;
  transition: 0.7s;
  /* 메뉴 */
}
.menu input {
  border: 0;
  background-color: transparent;
}
.menu button {
  border: 0;
  background-color: transparent;
}
.menu.on {
  right: 0;
  opacity: 1;
}

.menu_top_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 2rem;
  box-sizing: border-box;
}
.menu_top_btn div:nth-of-type(2) {
  display: flex;
  align-items: center;
}

.shop-btn_menu {
  width: 8.4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #f5f5f5;
}
.shop-btn_menu.home {
  background-image: url(/img/store/user/logo/icon_btn_menu_home.png);
  background-position: left center;
  background-size: cover;
}

.btn_menu {
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #f5f5f5;
}
.btn_menu.home {
  background-image: url(/img/store/user/logo/icon_btn_menu_home.png);
  background-position: left center;
  background-size: 3.2rem;
}
.btn_menu.alert {
  background-image: url(/img/store/user/icon/icon_btn_menu_alert.png);
  background-size: 2.4rem;
}
.btn_menu.close {
  background-image: url(/img/store/user/icon/icon_btn_menu_close.png);
}

.menu_user {
  padding: 0 2rem;
  box-sizing: border-box;
}
.menu_user .txt_guide + div {
  margin-top: 0.8rem;
}
.menu_user div:last-child {
  display: flex;
  gap: 0.8rem;
  margin-top: 2rem;
}
.menu_user div:last-child button {
  flex: 1;
  border-radius: 0.6rem;
  border: 0.1rem solid #eee;
  background: #eee;
  padding: 0.8rem;
  color: #333;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6rem;
  letter-spacing: -0.0225rem;
}
.menu_user .search_result div:last-child {
  margin-top: 0;
  gap: 0;
}

.menu_group {
  margin-top: 2.4rem;
  padding: 0 2rem;
  box-sizing: border-box;
}

.menu_accordion {
  transition: 0.5s;
  max-height: 5.125rem;
  overflow: hidden;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.08);
}
.menu_accordion + .menu_accordion {
  margin-top: 1.2rem;
}
.menu_accordion div {
  border-radius: 1.2rem;
  background: #fff;
  color: #272D37;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3125rem;
  letter-spacing: -0.0375rem;
}
.menu_accordion div button {
  width: 100%;
  padding: 1.7rem 2.4rem;
  box-sizing: border-box;
  text-align: left;
}
.menu_accordion div button.upperCategory {
  background: url(/img/store/user/icon/icon_acco.png) no-repeat right 1.6rem center;
}
.menu_accordion.on div {
  border-radius: 1.2rem 1.2rem 0 0;
  background: #D82C3C;
}
.menu_accordion.on div button.upperCategory {
  color: #fff;
  background: url(/img/store/user/icon/icon_acco_on_white.png) no-repeat right 1.6rem center;
}
.menu_accordion.on ul {
  height: auto;
}
.menu_accordion ul {
  height: auto;
  padding: 0 2.4rem;
  box-sizing: border-box;
  overflow: hidden;
  transition: 0.5s;
  padding: 1.2rem 2.4rem;
}
.menu_accordion ul li a {
  display: block;
  width: 100%;
  padding: 1rem 0;
  box-sizing: border-box;
  color: #272D37;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: -0.0262rem;
  text-align: left;
}

.txt_login {
  display: inline-block;
  padding-right: 2.4rem;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.4rem;
  letter-spacing: -0.0056rem;
  background: url(/img/user/common/icon/icon_btn_menu_login.png) no-repeat right center;
}
.txt_login .name {
  color: #4770be;
}

.txt_login_log span {
  color: #000;
}

.result_wrap.on + .nav_wrap {
  height: 30rem;
}
.result_wrap ul.list.dot li + li {
  margin-top: 1.6rem;
}
.result_wrap ul.list.dot li a {
  text-decoration: none;
}
.result_wrap ul li strong {
  color: #f39700;
}

.search_result strong {
  font-size: 1rem;
  margin: 0 0.2rem;
  color: #f39700;
}

.input .input_unit.search:focus + .result_close {
  display: block;
}

/* 텍스트 팝업 */
.text_popup_wrap {
  display: none;
  position: fixed;
  left: 0;
  bottom: -100%;
  z-index: -1;
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: 0.5s;
  overscroll-behavior: none;
}
.text_popup_wrap.on {
  display: block;
  height: 100%;
  bottom: 0;
  z-index: 1211;
}
.text_popup_wrap .dim {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
}
.text_popup_wrap .text_popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  width: 79.2rem;
  max-width: 90vw;
  max-height: 90vh;
  border-radius: 1rem;
  background-color: #fff;
}
.text_popup_wrap .text_popup.pin {
  width: 45rem;
}
.text_popup_wrap .text_popup.pin .pop_content {
  padding: 1rem 3.2rem;
}
.text_popup_wrap .text_popup .pop_header {
  padding: 2.4rem 0;
  box-sizing: border-box;
  border-bottom: 0.1rem solid #e2e2e2;
}
.text_popup_wrap .text_popup .pop_header .pop_header_text {
  height: 2.8rem;
  text-align: center;
  font-size: 1.875rem;
  font-weight: bold;
}
.text_popup_wrap .text_popup .pop_content {
  padding: 4rem 3.2rem 2.5rem;
  box-sizing: border-box;
  overflow-y: auto;
}
.text_popup_wrap .text_popup .pop_content .text_title {
  text-align: left;
  color: #000;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1;
}
.text_popup_wrap .text_popup .pop_content .text_date {
  margin-top: 3.2rem;
  color: #000;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: bold;
  letter-spacing: -0.0079rem;
  line-height: 1.2;
}
.text_popup_wrap .text_popup .pop_content .text_content {
  margin-top: 1.2rem;
  word-break: break-word;
  line-height: 1.8rem;
}
.text_popup_wrap .text_popup .pop_content .text_content img {
  max-width: 100%;
}
.text_popup_wrap .text_popup .pop_content .text_content p {
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.0313rem;
  line-height: 1.3;
}
.text_popup_wrap .text_popup .pop_content ul {
  text-align: center;
  max-height: 32rem;
  overflow: auto;
}
.text_popup_wrap .text_popup .pop_content li {
  font-size: 1.5rem;
  line-height: 2.5rem;
}
.text_popup_wrap .text_popup .btn_box {
  margin-top: 2.4rem;
  padding: 0 4rem 3.2rem;
  display: flex;
  justify-content: center;
  gap: 1.2rem;
  max-width: 80rem;
}
.text_popup_wrap .text_popup .btn_box .btn {
  width: 15rem;
  font-size: 1.8rem !important;
  height: 5rem;
  font-weight: 500 !important;
  color: #f6f6f6;
  border: 0.1rem solid #f39700;
  background: #f39700;
  border-radius: 0.3rem;
  cursor: pointer;
}
.text_popup_wrap .text_popup .pop_close_btn {
  position: absolute;
  right: 2.4rem;
  top: 1.8rem;
  cursor: pointer;
}
.text_popup_wrap .text_popup .pop_close_btn .btn_icon.pop_close {
  width: 4rem;
  height: 4rem;
  padding: 0;
  border: none;
  background: url(/img/store/user/icon/icon_btn_popclose.svg) no-repeat center;
}
.text_popup_wrap .text_popup .pop_close_btn .btn_icon .blind {
  display: inline-block;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  padding: 0;
  position: relative;
  white-space: nowrap;
}

.user_popup_wrap {
  display: none;
  position: fixed;
  left: 0;
  bottom: -100%;
  z-index: -1;
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: 0.5s;
  overscroll-behavior: none;
}
.user_popup_wrap.on {
  display: block;
  height: 100%;
  bottom: 0;
  z-index: 900;
  background-color: rgba(0, 0, 0, 0.7);
}
.user_popup_wrap .user_popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  width: 79.2rem;
  max-width: 90vw;
  max-height: 90vh;
  border-radius: 1rem;
  background-color: #fff;
  overflow: auto;
}
.user_popup_wrap .user_popup.v2 {
  width: 66rem;
}
.user_popup_wrap .user_popup.v2 .pop_content {
  padding: 2rem;
}
.user_popup_wrap .user_popup.v3 {
  width: 55rem;
}
.user_popup_wrap .user_popup.v3 .pop_content {
  padding: 1rem 2.5rem;
}
.user_popup_wrap .user_popup.v4 {
  width: 44rem;
}
.user_popup_wrap .user_popup.v5 {
  width: 33rem;
}
.user_popup_wrap .user_popup .pop_header {
  padding: 2.4rem;
  box-sizing: border-box;
  border-bottom: 0.1rem solid #e2e2e2;
}
.user_popup_wrap .user_popup .pop_header .pop_header_text {
  height: 2.8rem;
  font-size: 1.725rem;
  font-weight: 500;
}
.user_popup_wrap .user_popup .pop_header .pop_header_sub_text {
  height: 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: #aaaaaa;
}
.user_popup_wrap .user_popup .pop_content {
  padding: 2rem;
  box-sizing: border-box;
}
.user_popup_wrap .user_popup .pop_content > ul {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.user_popup_wrap .user_popup .pop_content > ul > li .title {
  position: relative;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  color: #666;
  font-weight: 600;
}
.user_popup_wrap .user_popup .pop_content > ul > li .title:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #aaaaaa;
}
.user_popup_wrap .user_popup .pop_content > ul > li.cartPop {
  grid-template-columns: 1fr;
}
.user_popup_wrap .user_popup .pop_content ul li .title {
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.3rem;
  word-break: auto-phrase;
}
.user_popup_wrap .user_popup .pop_content ul li .title .count {
  font-size: 1.2rem;
  color: #CCCCCC;
}
.user_popup_wrap .user_popup .pop_content ul li .content.address {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.user_popup_wrap .user_popup .pop_content ul li .content.address .addrSearch {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 0.5rem;
}
.user_popup_wrap .user_popup .pop_content ul li .content.address .addrSearch .authBtn {
  color: #dedede;
  height: 4.4rem;
  border-radius: 0.3rem;
  font-weight: 500;
  font-size: 1.4rem;
  display: flex;
  padding: 0rem 1rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  border: 0.1rem solid #dedede;
  cursor: pointer;
}
.user_popup_wrap .user_popup .pop_content ul li .content.address .addrSearch .authBtn.active2 {
  color: #ff5500;
  border: 1px solid #ff5500;
}
.user_popup_wrap .user_popup .pop_content ul li .content .starPoint .starImg .star {
  font-size: 1.5rem;
  position: relative;
}
.user_popup_wrap .user_popup .pop_content ul li .content .starPoint .starImg .star span {
  position: absolute;
  left: 0;
  color: #F6C345;
  overflow: hidden;
}
.user_popup_wrap .user_popup .pop_content ul li .content .starPoint .starImg .star input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  cursor: pointer;
  padding: 0;
}
.user_popup_wrap .user_popup .pop_content ul li .content .imgList {
  display: flex;
  gap: 0.8rem;
}
.user_popup_wrap .user_popup .pop_content ul li .content .imgList .imgView {
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 0.6rem;
  border: 0.1rem solid #dedede;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.user_popup_wrap .user_popup .pop_content ul li .content .imgList .imgView .delBtn {
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  background-image: url("/img/store/user/icon/ico_x_w.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.4rem;
  background-color: #888;
  border-radius: 50%;
  cursor: pointer;
}
.user_popup_wrap .user_popup .pop_content ul li .content .imgList .imgView.addBtn {
  background-image: url("/img/store/user/icon/camera.svg");
  background-size: 2.6rem;
  cursor: pointer;
}
.user_popup_wrap .user_popup .pop_content ul li .content .imgList input[type=file] {
  display: none;
}
.user_popup_wrap .user_popup .pop_content ul li .content input {
  width: 100%;
  height: 4.4rem;
  padding: 0 1.5rem;
  box-sizing: border-box;
  border-radius: 0.4rem;
  border: 0.1rem solid #ddd;
}
.user_popup_wrap .user_popup .pop_content ul li .content input:focus {
  border: 0.1rem solid #333;
}
.user_popup_wrap .user_popup .pop_content ul li .content select {
  font-size: 1.6rem;
  width: 100%;
  height: 4.4rem;
  padding: 0 1.5rem;
  box-sizing: border-box;
  border-radius: 0.4rem;
  border: 0.1rem solid #ddd;
}
.user_popup_wrap .user_popup .pop_content ul li .content textarea {
  width: 100%;
  padding: 1.5rem;
  resize: none;
  border-radius: 0.4rem;
  border: 0.1rem solid #ddd;
  font-size: 1.6rem;
}
.user_popup_wrap .user_popup .pop_content ul li .content textarea:focus {
  border: 0.1rem solid #333;
}
.user_popup_wrap .user_popup .pop_content ul li .content .chkWrap {
  position: relative;
  display: flex;
  align-items: center;
  vertical-align: top;
  line-height: normal;
  color: #333;
  padding: 0rem;
  font-size: 1.4rem;
}
.user_popup_wrap .user_popup .pop_content ul li .content .chkWrap input {
  display: none;
}
.user_popup_wrap .user_popup .pop_content ul li .content .chkWrap input[type=checkbox] + label:before {
  content: "";
  border: 0.1rem solid #ddd;
  width: 2rem;
  height: 2rem;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 0.4rem;
}
.user_popup_wrap .user_popup .pop_content ul li .content .chkWrap input[type=checkbox]:checked + label:before {
  border: 0.1rem solid #ff5500;
  background-color: #ff5500;
  background-image: url(/img/store/user/icon/check.png);
  background-size: cover;
}
.user_popup_wrap .user_popup .pop_content ul li .content .chkWrap label {
  cursor: pointer;
  word-break: keep-all;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.user_popup_wrap .user_popup .pop_content ul li .content .popProduct {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.user_popup_wrap .user_popup .pop_content ul li .content .popProduct .popProductImg {
  width: 5rem;
  height: 5rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 0.3rem;
}
.user_popup_wrap .user_popup .pop_content ul li .content .popProduct .popProductName {
  font-size: 1.5rem;
  font-weight: 500;
}
.user_popup_wrap .user_popup .pop_content ul li .content .popProduct .popProductName .storeName {
  padding-bottom: 0.5rem;
}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap {
  position: relative;
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 0.1rem solid #ECECEC;
}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox {
  position: relative;
  width: 100%;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #333;
  letter-spacing: -0.1rem;
  overflow: visible;
  border: 0.1rem solid #E8E8E8;
  background: #FDFDFD;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 0.3rem;
}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox .optionBtn {
  display: flex;
  font-size: 1.6rem;
  line-height: 2.2rem;
  text-align: left;
  padding: 1.2rem 1.5rem;
  color: #ddd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  justify-content: space-between;
}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox .optionBtn .OptionTitle {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.05rem;
}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox .optionBtn .arrBtn {
  display: flex;
}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox .optionBtn .arrBtn img {
  width: 2.5rem;
}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox.active2 .optionBtn {
  color: #333;
}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox.on .optionBtn .arrBtn img {
  width: 2.5rem;
  transform: rotate(180deg);
}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox.on ul {
  display: block;
}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox ul {
  display: none;
  position: absolute;
  top: 4.9rem;
  left: -0.1rem;
  right: -0.1rem;
  z-index: 2;
  background: #fff;
  max-height: 60rem;
  border-top: none !important;
}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox ul li {
  border: 0.1rem solid #eee;
  padding: 1.2rem 1.5rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: -0.1rem;
  color: #333;
  display: flex;
  justify-content: space-between;
}
.user_popup_wrap .user_popup .pop_content ul li .content .selectBoxWrap .selectBox ul li.soldOut {
  color: #eee;
}
.user_popup_wrap .user_popup .pop_content ul li .content #productList {
  max-height: 25rem;
  overflow-y: auto;
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.user_popup_wrap .user_popup .pop_content ul li .content {
  /*.user_popup_wrap .user_popup .pop_content ul li .content #productList::-webkit-scrollbar {display: none;}*/
}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox {
  display: flex;
  flex-direction: column;
  padding: 1rem 1.2rem;
  border-radius: 0.3rem;
  border: 0.1rem solid #E8E8E8;
  position: relative;
}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .optTotalName {
  color: #333;
  font-size: 1.6rem;
  line-height: 2.2rem;
  overflow-wrap: break-word;
}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox .btnBox {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  border: 0.1rem solid #ddd;
  width: 9rem;
  border-radius: 0.3rem;
}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox .btnBox .quantityBtn {
  width: 2rem;
  height: 2rem;
  margin: 0.5rem;
  box-sizing: border-box;
  cursor: pointer;
}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox .btnBox .quantityBtn.minus {
  background-image: url("/img/store/user/icon/minus_gray.png");
  background-size: cover;
}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox .btnBox .quantityBtn.minus.on {
  background-image: url("/img/store/user/icon/minus_black.png");
}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox .btnBox .quantityBtn.plus {
  background-image: url("/img/store/user/icon/plus_gray.png");
  background-size: cover;
}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox .btnBox .quantityBtn.plus.on {
  background-image: url("/img/store/user/icon/plus_black.png");
}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox .btnBox .quantity {
  width: 3.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  padding-top: 0.2rem;
  font-weight: bold;
}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .quantityBox .totalPrice {
  font-size: 1.4rem;
  font-weight: bolder;
  color: #333;
}
.user_popup_wrap .user_popup .pop_content ul li .content .productBox .delBtn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-image: url("/img/store/user/icon/ico_x.svg");
  background-size: cover;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.user_popup_wrap .user_popup .pop_content ul li .content .totalPriceWrap {
  border-top: 0.1rem solid #eee;
  padding-top: 1.5rem;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.user_popup_wrap .user_popup .pop_content ul li .content .totalPriceWrap .totalTxt {
  font-size: 1.6rem;
  font-weight: 500;
}
.user_popup_wrap .user_popup .pop_content ul li .content .totalPriceWrap .totalPrice {
  font-size: 1.8rem;
  font-weight: bold;
}
.user_popup_wrap .user_popup .pop_content ul li .content .totalPriceWrap .won {
  padding-left: 0.3rem;
  font-size: 1.6rem;
  font-weight: 500;
  vertical-align: 0.3rem;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox {
  padding: 2rem 0;
  display: grid;
  grid-template-columns: 1fr 7fr 2fr;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox:not(:last-child) {
  border-bottom: 0.1rem solid #DEDEDE;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox .radioBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox .radioBox input[type=radio].chkRound {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.user_popup_wrap .user_popup .pop_content ul .addressBox .radioBox input[type=radio].chkRound + label {
  display: inline-flex;
  cursor: pointer;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox .radioBox input[type=radio].chkRound:checked + label .radioCheckIcon {
  border-color: #ff5500;
  background-color: #ff5500;
  color: #fff;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox .radioBox input[type=radio].chkRound:checked + label .radioCheckIcon svg {
  opacity: 1;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox .radioBox .radioCheckIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
  flex: 0 0 2.2rem;
  border: 0.1rem solid #DEDEDE;
  border-radius: 0.6rem;
  color: transparent;
  background-color: #fff;
  box-sizing: border-box;
  transition: border-color 0.2s, background-color 0.2s, color 0.2s;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox .radioBox .radioCheckIcon svg {
  width: 1.3rem;
  height: 1rem;
  opacity: 0;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox .addressInfoBox {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox .addressInfoBox .basicAddress {
  display: none;
  padding: 0.4rem 0.8rem;
  border-radius: 1rem;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  width: fit-content;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox .addressInfoBox .address {
  font-weight: 500;
  font-size: 1.6rem;
  word-break: break-word;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox .addressInfoBox .receiver {
  font-size: 1.4rem;
  color: #666;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox.basic .addressInfoBox .basicAddress {
  display: flex;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox.basic .btnBox .modBtn.red {
  display: none;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox .btnBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 0.5rem;
  height: 100%;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox .btnBox .modBtn {
  width: 7rem;
  padding: 0.4rem 0.8rem;
  border-radius: 0.3rem;
  cursor: pointer;
  text-align: center;
  font-size: 1.4rem;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox .btnBox .modBtn.red {
  border: 0.1rem solid #e8485a;
  color: #e8485a;
}
.user_popup_wrap .user_popup .pop_content ul .addressBox .btnBox .modBtn.mod-edit {
  border: 0.1rem solid #aaaaaa;
  color: #aaaaaa;
}
.user_popup_wrap .user_popup .pop_content .addBtn {
  border-radius: 1rem;
  cursor: pointer;
  width: 100%;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user_popup_wrap .user_popup .pop_content .addBtn.mod-edit {
  border: 0.1rem solid #aaaaaa;
  color: #aaaaaa;
}
.user_popup_wrap .user_popup .btn_box {
  margin: 0.8rem 0;
  padding-bottom: 2rem;
  display: flex;
  justify-content: center;
  gap: 1.2rem;
  max-width: 80rem;
}
.user_popup_wrap .user_popup .btn_box .btn {
  width: 15rem;
  font-size: 1.6rem;
  height: 5rem;
  border-radius: 1rem;
  cursor: pointer;
}
.user_popup_wrap .user_popup .btn_box .btn.active2 {
  color: #aaaaaa;
  border: 1px solid #aaaaaa;
}
.user_popup_wrap .user_popup .pop_close_btn {
  position: absolute;
  right: 2.4rem;
  top: 1.8rem;
  cursor: pointer;
}
.user_popup_wrap .user_popup .pop_close_btn .btn_icon.pop_close {
  width: 4rem;
  height: 4rem;
  padding: 0;
  border: none;
  background: url(/img/store/user/icon/icon_btn_popclose.svg) no-repeat center;
  cursor: pointer;
}
.user_popup_wrap .user_popup .pop_close_btn .btn_icon .blind {
  display: inline-block;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  padding: 0;
  position: relative;
  white-space: nowrap;
}

.popBasicTblWrap {
  /* 팝업 공통 테이블 */
}
.popBasicTblWrap table {
  width: 100%;
  border-collapse: collapse;
}
.popBasicTblWrap table tr {
  height: 5.2rem;
}
.popBasicTblWrap table tr th {
  padding: 0 1.4rem;
  font-weight: 500;
  border: 0.1rem solid #ddd;
  color: #333;
  text-align: left;
  background-color: #fafafa;
  vertical-align: middle;
}
.popBasicTblWrap table tr th.tac {
  text-align: center;
}
.popBasicTblWrap table tr th.bg_none {
  background-color: #fff;
}
.popBasicTblWrap table tr td {
  padding: 0 1.4rem;
  border: 0.1rem solid #ddd;
  font-weight: normal;
  color: #333;
  vertical-align: middle;
  line-height: 2rem;
}
.popBasicTblWrap table tr td.txtIn {
  padding: 1.4rem;
}
.popBasicTblWrap table tr td.tac {
  text-align: center;
}
.popBasicTblWrap table tr td .productTit {
  font-weight: 500;
}
.popBasicTblWrap table tr td .txtP {
  color: #1E1671;
  font-weight: 500;
}
.popBasicTblWrap table tr .tblTop {
  margin: 0;
}
.popBasicTblWrap table p {
  color: #666;
}
.popBasicTblWrap table p em {
  color: #333;
}
.popBasicTblWrap table p em.vertiLine::before {
  content: "";
  display: inline-block;
  width: 0.1rem;
  height: 1.4rem;
  background-color: #eee;
  margin: 0 1rem;
  vertical-align: -0.2rem;
}
.popBasicTblWrap table .txtG {
  color: #666;
}
.popBasicTblWrap.v2 table tr th {
  padding: 0 1.5rem;
}
.popBasicTblWrap.v2 table tr td {
  padding: 0 1rem;
}

.ticket-content {
  position: relative;
  background: #fff;
  padding: 0 1.6rem;
}
.ticket-content:first-child {
  border-radius: 1.2rem 1.2rem 0 0;
}
.ticket-content:last-child {
  border-radius: 0 0 1.2rem 1.2rem;
}
.ticket-content:not(:last-child)::before {
  content: "";
  position: absolute;
  bottom: -1rem;
  width: 1.4rem;
  height: 1.4rem;
  background: #eee;
  border-radius: 50%;
  z-index: 2;
}
.ticket-content:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -1rem;
  width: 1.4rem;
  height: 1.4rem;
  background: #eee;
  border-radius: 50%;
  z-index: 2;
}
.ticket-content::before {
  left: -1rem;
}
.ticket-content::after {
  right: -1rem;
}

/* 동글 점선 */
.divider {
  height: 0.7rem;
  background-image: radial-gradient(circle, #EFEFEF 0.15rem, transparent 0.15rem);
  background-size: 0.8rem 0.6rem;
  background-repeat: repeat-x;
  position: relative;
}

.discountCouponPopup {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 910;
}
.discountCouponPopup.on {
  display: flex;
  justify-content: center;
  align-items: center;
}
.discountCouponPopup__dim {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.discountCouponPopup__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  width: 56rem;
  max-width: calc(100vw - 3.2rem);
  max-height: calc(100vh - 15rem);
  border-radius: 2.4rem;
  background-color: #fff;
  overflow: hidden;
}
.discountCouponPopup__header {
  position: relative;
  flex: 0 0 auto;
  padding: 2.4rem 4.8rem 1.6rem;
  text-align: center;
}
.discountCouponPopup__header h3 {
  color: #333;
  font-size: 1.6rem;
}
.discountCouponPopup__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 3.2rem;
  height: 3.2rem;
  background-color: transparent;
  cursor: pointer;
}
.discountCouponPopup__close:before, .discountCouponPopup__close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 2.8rem;
  height: 0.2rem;
  border-radius: 0.4rem;
  background-color: #333;
}
.discountCouponPopup__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.discountCouponPopup__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.discountCouponPopup__content {
  flex: 1 1 auto;
  padding: 1.6rem;
  overflow-y: auto;
}
.discountCouponPopup__summary {
  display: flex;
  gap: 1.2rem;
  margin-bottom: 2.4rem;
}
.discountCouponPopup__summary strong {
  color: #ff5500;
  font-size: 1.6rem;
}
.discountCouponPopup__summary span {
  color: #333;
  font-size: 1.6rem;
}
.discountCouponPopup__brand {
  display: flex;
  justify-content: space-between;
  gap: 1.6rem;
  margin-bottom: 1.6rem;
}
.discountCouponPopup__brand strong,
.discountCouponPopup__brand span {
  color: #666;
  font-size: 1.4rem;
}
.discountCouponPopup__brand span {
  text-align: right;
}
.discountCouponPopup__footer {
  flex: 0 0 auto;
  padding: 1.6rem;
  background-color: #fff;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
}
.discountCouponPopup__footer button {
  width: 100%;
  height: 4.8rem;
  border-radius: 0.8rem;
  color: #ff5500;
  background-color: rgba(255, 85, 0, 0.2);
  font-size: 1.6rem;
  cursor: pointer;
}
.discountCouponPopup .discountCouponProductList {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-bottom: 1.2rem;
}
.discountCouponPopup .discountCouponProduct {
  border-radius: 1.2rem;
  padding: 1.6rem;
  background-color: #fff;
  box-shadow: 0 0 0 0.1rem #F0F0F0;
}
.discountCouponPopup .discountCouponProduct__top {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 1.2rem;
}
.discountCouponPopup .discountCouponProduct__img {
  flex: 0 0 4rem;
  width: 4rem;
  height: 4rem;
  border: 0.1rem solid #ECECEC;
  border-radius: 0.4rem;
  overflow: hidden;
}
.discountCouponPopup .discountCouponProduct__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.discountCouponPopup .discountCouponProduct__text {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
}
.discountCouponPopup .discountCouponProduct__name {
  min-width: 0;
  color: #333;
  font-size: 1.4rem;
  word-break: keep-all;
}
.discountCouponPopup .discountCouponProduct__option {
  color: #666;
  font-size: 1.2rem;
  word-break: keep-all;
}
.discountCouponPopup .discountCouponProduct__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  border-radius: 0.8rem;
  padding: 1.2rem;
  background-color: #F6F7F8;
}
.discountCouponPopup .discountCouponProduct__quantity {
  flex: 0 0 auto;
  border: 0.1rem solid #D8D8D8;
  border-radius: 0.4rem;
  padding: 0.4rem 0.8rem;
  color: #666;
  background-color: #fff;
  font-size: 1.2rem;
}
.discountCouponPopup .discountCouponProduct__price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.8rem;
  min-width: 0;
  flex-wrap: wrap;
}
.discountCouponPopup .discountCouponProduct__price del {
  color: #aaaaaa;
  font-size: 1.4rem;
}
.discountCouponPopup .discountCouponProduct__price strong {
  color: #333;
  font-size: 1.6rem;
  white-space: nowrap;
}
.discountCouponPopup .discountCouponProduct__rate {
  color: #ff5500;
  font-size: 1.4rem;
}
.discountCouponPopup .discountPrice {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 1.6rem;
  margin-bottom: 1.2rem;
  border-radius: 1rem;
  background-color: #fff;
  box-shadow: 0 0 0 0.1rem #F0F0F0;
  color: #ff5500;
  font-size: 1.6rem;
}
.discountCouponPopup .discountPrice strong {
  color: #ff5500;
  font-size: 1.6rem;
}
.discountCouponPopup .discountCouponSelect {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  border-radius: 1rem;
  padding: 1.6rem;
  margin-bottom: 1.2rem;
  background-color: #fff;
  box-shadow: 0 0 0 0.1rem #F0F0F0;
}
.discountCouponPopup .discountCouponSelect label {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  color: #333;
  font-size: 1.4rem;
  cursor: pointer;
}
.discountCouponPopup .discountCouponSelect input {
  display: none;
}
.discountCouponPopup .discountCouponSelect input:checked + .discountCouponSelect__radio {
  border-color: #ff5500;
  background-color: #ff5500;
}
.discountCouponPopup .discountCouponSelect input:checked + .discountCouponSelect__radio:after {
  display: block;
}
.discountCouponPopup .discountCouponSelect__radio {
  position: relative;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid #CFCFCF;
  border-radius: 50%;
  box-sizing: border-box;
}
.discountCouponPopup .discountCouponSelect__radio:after {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
.discountCouponPopup .discountCouponSelect__label {
  color: #333;
  font-size: 1.4rem;
}
.discountCouponPopup .discountCouponSelect strong {
  color: #ff5500;
  font-size: 1.6rem;
}
.discountCouponPopup .discountCouponSelect__help .icon {
  width: 2rem;
  height: 2rem;
  color: #666;
}

.mobileFloatBack {
  display: none;
}

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