@import "reset.css";

/** 뷰카딜 타이머 폰트 구글 **/
@import url('https://fonts.googleapis.com/css2?family=Mohave&display=swap');

/*
메인컬러 변경: FC2E5B -> FF2282
html, body{
  -ms-overflow-style: none;  IE and Edge 
  scrollbar-width: none;  Firefox 
 }
::-webkit-scrollbar {
  display: none;  Chrome, Safari, Opera
}
*/

/*
img {
	background-image: url('/common/img/vuka.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.vmCate img, 
.cart-btn img, 
.vp-fix-arrow img {
	background-image: none;
}
*/
.theme-color { 
  color: #FF2282;
}

.scroll_container{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  }
  
  .scroll_container::-webkit-scrollbar{
  display: none;
  width: 0;  /* Remove scrollbar space */
  height: 0;
  background: transparent;  /* Optional: just make scrollbar invisible */
  -webkit-appearance: none;
  }

input, textarea, button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

div, p, span, li, ul {
  line-height: 161.8%;
}

/* input box color */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #fff inset;
  -webkit-text-fill-color: #000;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}


/* 스크롤링 */
.body-scroll {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  overflow: auto;
}


.cleans {
  clear: both;
  content: '';
  width: 0;
  height: 0;
  font-size: 0;
}

.clear::after {
  content: '';
  clear: both;
  display: block;
}

.none {
  display: none !important;
}

.hidden {
  visibility: hidden !important;
}

.overflows {
  /*overflow: hidden;*/
}

/***********************/
.vp-wrap {
  padding: 20px 0;
  min-width: 350px;
  margin-bottom: 60px;
}


.vp-wrap .sidenav {
  position: relative !important;
}

/* 상단 */
.vp-wrap #header {
  padding: 0 20px;
}

.mt57px {
  margin-top:57px !important;
}

.mt56px {
  margin-top:56px !important;
}

.mt52px {
  margin-top:52px !important;
}

.mt30px {
  margin-top:56px !important;
}

.pt0px {
  padding-top: 0px !important;
}

.vp-wrap #header .menu {}

.vp-wrap #header .menu .title {
  font-weight: 700;
  font-size: 22px;
  color: #222222;
  float: left;
}

.vp-wrap #header .menu .icon {
  float: right;
}

.vp-wrap #header .menu .icon span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 5px 0 0 16px;
  width: 22px;
  height: 22px;
}

.vp-wrap #header .menu .icon span>img {
  width: 22px;
  cursor: pointer;
}

.vp-wrap #header .menu .icon .cart-num {
  position: absolute;
  right: -4px;
  top: -4px;
  font-size: 9px;
  color: #fff;
  background: #FF2282;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  padding: 0;
  text-align: center;
  line-height: 1.9;
  vertical-align: middle;
  overflow: hidden;
  z-index: 1;
}

.vp-wrap #header .search {
  margin-top: 25px;
}

.vp-wrap #header .search .search-box {
  background: #F4F4F4;
  border-radius: 10px;
  padding: 10px;
  display: block;
  height: 22px;
  position: relative;
}

.vp-wrap #header .search .icon {
  position: absolute;
  top: 9px;
  left: 10px;
}

.vp-wrap #header .search .icon img {
  width: 18px;
  margin-top: 2px;
}

.vp-wrap #header .search .search-box input {
  background: transparent;
  display: inline-block;
  width: 90%;
  border: 0;
  padding: 0 20px;
  font-weight: 500;
  font-size: 16px;
  color: #222;
  float: left;
  line-height: 1.3;
  margin-left: 7px;
  letter-spacing: -0.5px;
}

/* 중앙 콘텐츠 */
.vp-wrap #content {}

.vp-wrap #content .slider {
  margin-top: 10px;
  padding: 0px 20px 20px 20px;
  overflow: hidden;
  position: relative;
}

.vp-wrap #content .slider .swiper-slide img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  /* max-height: 165px; */
  border-radius: 15px;
  object-fit: contain;
}

.section01 .swiper-slide {
  width: 100%;
  /* height: 165px; */
  margin: auto;
}

.vp-wrap #content .hit-prod {
  margin-top: 35px;
}

.vp-wrap #content .hit-prod .title {
  font-weight: 700;
  font-size: 18px;
  color: #222222;
  padding: 0 20px;
}

.vp-wrap #content .hit-prod .hit-list {
  margin-top: 15px;
  overflow: hidden;
  padding: 0 20px;
}

.vp-wrap #all-prod {
  overflow: hidden;
  padding: 0 20px;
  margin-top: 35px;
}

.vp-wrap #all-prod .choose-btn {
  border-top: 1px solid rgba(218, 218, 218, 0.5);
  padding-top: 25px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  color: #D3D3D3;
  display: block;
}

.vp-wrap #all-prod .choose-btn span {
  display: inline-block;
  margin: 0 14px 0 14px;
  cursor: pointer;
  line-height: 1.2;
}

.vp-wrap #all-prod .choose-btn span::after {
  content: '';
  display: inline-block;
  border-bottom: 2px solid transparent;
  width: 70%;
  padding-top: 3px;
}

.btn-active {
  color: #222222;
}

.btn-active::after {
  content: '';
  display: inline-block;
  border-bottom: 2px solid #222 !important;
  width: 70%;
  padding-top: 3px;
}

.vp-wrap #all-prod .choose-btn .active {}

.vp-wrap #all-prod .prod-box {}

.vp-wrap #all-prod .prod-box .cate-btn .cate-filter {}

.vp-wrap #all-prod .prod-box .all-list {
  margin-top: 20px;
}

/* 상품 목록 공용 */
.prod-list {
  width: 170px;
}

.prod-list .img {
  background: #fff;
  border: 1px solid rgba(218, 218, 218, 0.3);
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 8px;
  position: relative;
  padding-top: 100%;
}

.prod-list .img a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  /* aspect-ratio: 1/1; */
}

.prod-list .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: contain;
  /* aspect-ratio: 1/1; */
  cursor: pointer;
}

/*
.prod-list .img img:hover {
	opacity: 0.5;
}
*/

.prod-list .img .cart-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 9;
  line-height: 0;
}

.prod-list .img .cart-btn img {
  width: 34px;
  position: relative;
  cursor: pointer;
}

.prod-list .info {}

.prod-list .info #brand a {
  font-weight: 700;
  font-size: 12px;
  color: #222222;
}

.prod-list .info #name {
  font-weight: 500;
  font-size: 14px;
  color: #212121;
  /* margin-top: 3px; */
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  cursor:pointer;
}

.prod-list .info .nameText230628 {
  font-weight: 500;
  font-size: 14px;
  color: #212121;
  /* margin-top: 3px; */
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  cursor:pointer;
}

.prod-list .info #price {
  font-weight: 500;
  font-size: 12px;
  text-decoration-line: line-through;
  color: #C9C9C9;
  margin-top: 5px;
  cursor:pointer;
}

.prod-list .info #price::after {
  content: '원';
  display: inline-block;
  text-decoration-line: line-through;
}

.prod-list .info #dis {
  font-weight: 700;
  font-size: 16px;
  color: #222222;
  margin-top: 0px;
}

.prod-list .info #dis span {
  display: inline-block;
}

.prod-list .info #dis .per {
  color: #FF2282;
  margin-right: 8px;
  cursor: pointer;
}

.prod-list .info #dis .per::after {
  content: '%';
  display: inline-block;
  margin-left: 0px;
  font-weight: 700;
  font-size: 16px;
}

.prod-list .info #dis .sale {
  margin-left: 0px;
  cursor: pointer;
}

.prod-list .info #dis .sale::after {
  content: '원';
  display: inline-block;
  margin-left: 1px;
  font-weight: 700;
  font-size: 16px;
}

.prod-list .info #dis .soldSale {
  margin-left: 0px;
  color: #C9C9C9;
}

.prod-list .info #dis .soldSale::after {
  content: '원';
  display: inline-block;
  margin-left: 1px;
  font-weight: 700;
  font-size: 16px;
  color: #C9C9C9;
}

.prod-list .info #dis .exposure {
  margin-left: 0px;
}

.prod-list .info #dis .exposure::after {
  display: inline-block;
  margin-left: 1px;
  font-weight: 700;
  font-size: 16px;
}

.prod-list .info #status-box {
  background: #F4F4F4;
  border-radius: 4px;
  width: 70px;
  display: block;
  text-align: center;
  margin-top: 7px;
}

.prod-list .info #status-box .sold {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
  /*color: #8C8C8C;*/
  line-height: 1.2;
  padding: 5px 4px 3px 4px;
  vertical-align: middle;
}

.prod-list .info #status-box .sold img {
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
}

/* 메인 인기제품 */
.hit-list .prod-list {
  width: 120px;
}

.hit-list .prod-list .info #dis .per {
  display: none;
}

.hit-list .prod-list .info #dis .sale {
  margin: 5px 0 0 0;
  cursor:pointer;
}

/* 슬라이더 */
/* 카테고리 슬라이더 */
.section03 {
  /* overflow: hidden; */
  position:relative;
}

.btnactive {
  background: #FF2282;
  color: #fff;
  border-radius: 10px;
}

.section03 .main-icon-title {
  padding: 7px 10px 6px 10px;
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  color: #fff;
  vertical-align: middle;
  cursor: pointer;
}

.section03 .main-icon-title .amount {
  font-weight: 300;
  margin-left: 2px;
  display: inline-block;
}

.section03 .main-icon-btn {
  float: left;
  width: auto;
}

.section03 .main-icon-btn {
  background: #D4D4D4;
  color: #fff;
  border-radius: 10px;
}

.main-list-load.active {
  display: block;
}

.main-load-lists {}

.section .swiper {
  padding: 0px;
}

.section03 .tab_product {
  display: none;
}

.section03 .tab_product.active {
  display: block;
}

.section03 .p_product_list {
  padding-top: 25px;
  width: 100%;
  margin: 0 auto;
}

.section03 .main-load-lists {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section03 .main-load-lists .box1 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
}

.section03 .prod-list {
  width: 48%;
  /* min-width: 170px; */
  margin-bottom: 50px;
}

.section03 .prod-list::after {
  content: '';
  display: block;
  clear: both;
}

.section03 .main-load-lists .box1>.prod-list:nth-child(odd) {
  margin-right: 1%;
}

.section03 .main-load-lists .box1>.prod-list:nth-child(even) {
  margin-left: 1%;
  float: right;
}

.section03 .filter-btn {
  position:absolute;
  right:-20px;
  top:0px;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #FFFFFF 35%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #FFFFFF 35%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFFFFF 35%);
  width:72px;
  height: 40px;
  z-index:9;
}

.section03 .filter-btn img {
  width: 23px;
  float: right;
  margin-right: 12px;
  padding: 8px;
}

.section03 .filter-btn::after {
  content: '';
  display: block;
  clear: both;
}



/* 사이드바 메뉴 */
.sidenav { /* 스크롤링 X */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.sidenav::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}

.toggle-box {
  padding:23px 20px;
  position: relative;
}

.toggle-title {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #222222;
}

.toggle-icon {
  position: absolute;
  left: 20px;
  top:27px;
}

.toggle-icon img {
  width:18px;
}

.sidenav .choose-btn {
  /* border-bottom: 1px solid rgba(218, 218, 218, 0.5); */
  text-align: center;
  font-size: 16px;
  color: #999;
  display: block;
  font-weight: 600;
  padding:12px 20px 0 20px;
}

.sidenav .choose-btn span {
  display: inline-block;
  width: 33.333%;
  float: left;
  cursor: pointer;
}

.sidenav .choose-btn span::after {
  content: '';
  display: inline-block;
  border-bottom: 2px solid transparent;
  width: 100%;
  padding-top: 3px;
}

.side-btn-active {
  color: #222222;
}

.side-btn-active::after {
  content: '';
  display: inline-block;
  border-bottom: 2px solid #222 !important;
  width: 100%;
  padding-top: 3px;
}

.cart .side-btn-active {
  color: #FF2282;
}

.cart .side-btn-active::after {
  content: '';
  display: inline-block;
  border-bottom: 2px solid #FF2282 !important;
  width: 100%;
  padding-top: 3px;
}

.vp-menu-btmline {
  width: 100%;
  border-top: 1px solid #e7e7e7;
  margin-top: -1px;
  display: block;
}

#side-brand-box {
  display: none;
}

#side-pSupplier-box {
  display: none;
}

/* 검색페이지 */
.search-wrap {
  padding: 15px 0 !important;
}

#search-header {
  padding: 0 20px;
}

#search-header .search {
  margin-top: 0px;
  width: 100%;
  display: block;
  position: relative;
}

.vp-wrap #search-header .search .search-box {
  background: #F4F4F4;
  border-radius: 10px;
  padding: 10px;
  display: block;
  height: 22px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  float: left;
}

.vp-wrap #search-header .search .icon {
  position: absolute;
  top: 11px;
  right: 11px;
}

.vp-wrap #search-header .search .previcon {
  position: relative;
  padding: 13px 8px 13px 0px;
  display: inline-block;
  text-align: left;
  width: 20px;
}

.vp-wrap #search-header .search .icon img {
  width: 20px;
  margin-top:0px;
}

.vp-wrap #search-header .search .search-box input {
  background: transparent;
  display: inline-block;
  width: 85%;
  border: 0;
  padding: 0;
  font-weight: 500;
  font-size: 16px;
  color: #222;
  float: left;
  line-height: 1.3;
  margin-left: 7px;
  letter-spacing: -0.5px;
}

.vp-wrap #search-header .search button {
  background: transparent;
  display: inline-block;
  border: 0;
  padding: 0 0 0 8px;
  margin:0;
}

.vp-wrap #search-header .search button>img {
  width:20px;
}

.displayflex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.displayflex li {
  float: left;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.displayflex li:first-child {
  min-width: 28px;
  text-align: left;
}

.displayflex li:nth-child(2) {
  width:100%;
}

.displayflex li:last-child {
  min-width: 28px;
  text-align: right;
}

.border0 {
  border:0px !important;
}

#recent-text {
  margin-top:25px;
  padding: 0 20px 20px 20px;
}

#recent-text .recent-title-box {
  font-weight: 400;
  font-size: 14px;
  color: #8E8D92;
  margin-bottom: 12px;
}

#recent-text .recent-title-box .recent-subject {
  float: left;
}

#recent-text .recent-title-box .recent-alldel {
  float: right;
  cursor: pointer;
}

#recent-text .recent-box {
  position: relative;
}

#recent-text .recent-box p {
  padding: 12px 0 12px 20px;
}

#recent-text .recent-box .recent-name {
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  display: inline-block;
  width: 65%;
}

#recent-text .recent-box .recent-del {
  float: right;
  width: 13px;
  height: 13px;
  background-image: url(../img/search-del.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center right;
  padding: 5px 0 5px 5px;
}




/* 검색페이지 상품 출력 */
.margin0 {
  margin:0 !important;
}

.margintop10 {
  margin-top:10px !important;
}

.search-choose-btn {
  margin-top: 25px;
  text-align: left;
  font-weight: 700;
  font-size: 16px;
  color: #D3D3D3;
  display: block;
  position: relative;
}

.search-choose-btn .search-view {
  display: inline-block;
  margin: 0 14px 0 0;
  cursor: pointer;
  line-height: 1.2;
}

.search-choose-btn .search-view::after {
  content: '';
  display: inline-block;
  border-bottom: 2px solid transparent;
  width: 100%;
  padding-top: 3px;
}

.search-btn-active {
  color: #222222;
}

.search-btn-active::after {
  content: '';
  display: inline-block;
  border-bottom: 2px solid #222 !important;
  width: 100%;
  padding-top: 3px;
}


/* 검색페이지 상품 정렬 셀렉박스 */

.prod-view-check {
  padding: 20px 0 0 0;
  position: relative;
}

.prod-view-check .prod-view-ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.prod-view-check .prod-view-ul li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.prod-view-check .prod-view-ul li:first-child {
  font-weight: 500;
  font-size: 14px;
  color: #FF2282;
}

.prod-view-check .prod-view-ul li:first-child span {
  display: inline-block;
  margin: 0 4px;
}

.prod-view-check .prod-view-ul li:first-child span::after {
  content: '개';
  display: inline-block;
}

#search-result {

}

#search-result .SumoSelect>.optWrapper>.options li label {
  padding: 12px 20px;
  width: auto;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}

#search-result .SumoSelect>.optWrapper {
  padding: 45px 0 2px 0;
  right: -7px !important;
  left: auto;
}

.SumoSelect>.optWrapper.multiple>.options li.opt {
  padding-left: 0;
}

#search-result .SumoSelect>.optWrapper>.options li.opt {
  border-top: 1px solid rgba(221, 221, 221, 0.5);
}

#search-result .sumo-title {
  top:15px;
}

#search-result .SumoSelect>.optWrapper>.options>li.opt:last-child {
  padding-bottom: 0px;
}

#search-result .SumoSelect {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  background: transparent;
  width: 75px;
  max-width: 75px;
}

#search-result .SumoSelect>.CaptionCont>label {
  width: 20px;
  text-align: right;
}

#search-result .SumoSelect>.CaptionCont>label::after {
  color: #666666;
  margin-left: 13px;
  margin-top: 4px;
}

#search-result .SumoSelect>.CaptionCont {
  padding:0;
}

#search-result .SumoSelect>.CaptionCont>span {
  
  padding-right: 0;
  text-overflow:clip;
  float: right;
  margin: 3px 15px 0 0;
}

#search-result::after {
	content: '';
	clear:both;
}

#search-result .SumoSelect>.CaptionCont>label::after {
  content: "\f362" !important;
  -ms-transform: rotate(90deg) scaleY(-1); /* IE 9 */
  -webkit-transform: rotate(90deg) scaleY(-1); /* Chrome, Safari, Opera */
  transform: rotate(90deg) scaleY(-1);
}

/* 검색 결과 없을 시 */
#search-not {
  text-align: center;
  margin-top:200px;
  margin-bottom: 200px;
}

#search-not img {
  width: 47px;
}

#search-not p {
  font-weight: 500;
  font-size: 16px;
  color: #D3D3D3;
  margin-top:15px;
}




/* 상품분류 목록 */
.vp-wrap #header .title .previcon {
  position: relative;
  padding: 0 8px 0 0;
  display: inline-block;
  text-align: left;
  width: 20px;
  vertical-align: middle;
  margin-top: -4px;
}

.vp-wrap #header .vp-list-title {
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  color: #222222;
}

.vp-wrap #header .vp-list-title span {
  font-size:12px;
  display: inline-block;
  font-weight: 400;
  font-size: 18px;
  color: #5d5d5d;
}

.vp-wrap #header .vp-list-title span::before {
  content: '/';
  display: inline-block;
  margin: 0 5px;
}




/* 상세페이지 */
/* 상세 슬라이드 */
.vp-wrap #vp-detail-box {
  margin-top: 0px;
}

.vp-wrap #vp-detail-box .top .slider {
  /*background: #f3f3f3;*/
  padding: 0px;
  margin-top: 0;
}

.vp-wrap #vp-detail-box .top .slider .section04 .swiper .swiper-wrapper .swiper-slide {
  text-align:center;
  position: relative;
  width: 100%;
  height: 390px;
  margin: auto;
}

.vp-wrap #vp-detail-box .top .slider .section04 .swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 390px;
  object-fit: contain;
  object-position: center;
  border-radius: 0;
}

.vp-wrap #vp-detail-box .top .slider .swiper-pagination-bullet-active{
  background: rgba(193, 193, 193, 1) !important;
  border: 1px solid rgba(193, 193, 193, 1) !important;
}

.vp-wrap #vp-detail-box .top .slider .swiper-pagination-bullet {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 1);
}

.vp-wrap #vp-detail-box .top .slider .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom:12px;
}


/* 상세 상품 정보 탑 부분 */
.vp-wrap #vp-detail-box .vp-detail-info {
  padding: 20px;
}

.vp-wrap #vp-detail-box .info-area {

}

.vp-wrap #vp-detail-box .info-area ul.top-section .brand {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  margin-bottom: 4px;
  cursor: pointer;
  display: inline-block;
}

.vp-wrap #vp-detail-box .info-area ul.top-section .brand::after {
  content: "\f105";
  font: var(--fa-font-solid);
  margin-left: 4px;
  color: #7E8385;
  font-size: 11px;
  margin-top:-2px;
  vertical-align: middle;
  display: inline-block;
}

.vp-wrap #vp-detail-box .info-area ul.top-section .name {
  font-weight: 500;
  font-size: 18px;
  color: #212121;
}

.vp-wrap #vp-detail-box .info-area ul.sell-section {
  margin-top:4px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(218, 218, 218, .5);
}

.vp-wrap #vp-detail-box .info-area ul.sell-section li {
  float:left;
}

.vp-wrap #vp-detail-box .info-area ul.sell-section .dis {
  font-weight: 700;
  font-size: 18px;
  color: #FF2282;
  margin-right: 8px;
}

.vp-wrap #vp-detail-box .info-area ul.sell-section .dis::after {
  content: '%';
  margin-left: 1px;
  display: inline-block;
}

.vp-wrap #vp-detail-box .info-area ul.sell-section .sale {
  font-weight: 700;
  font-size: 18px;
  color: #222222;
  margin-right: 8px;
}

.vp-wrap #vp-detail-box .info-area ul.sell-section .won::after {
  content: '원';
  margin-left: 1px;
  display: inline-block;
}

.vp-wrap #vp-detail-box .info-area ul.sell-section .exposure {
  font-weight: 700;
  font-size: 18px;
  color: #222222;
  margin-right: 8px;
}

.vp-wrap #vp-detail-box .info-area ul.sell-section .price {
  font-weight: 500;
  font-size: 16px;
  text-decoration-line: line-through;
  color: #C9C9C9;
  line-height: 170%;
}

.vp-wrap #vp-detail-box .info-area ul.sell-section .won2::after {
  content: '원';
  display: inline-block;
  text-decoration-line: line-through;
}

.vp-wrap #vp-detail-box .info-area ul.etc-section {
  margin-top:7px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(218, 218, 218, .5);
}

.vp-wrap #vp-detail-box .info-area ul.etc-section li {
  float:left;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  padding: 5px 0;
}

.vp-wrap #vp-detail-box .info-area ul.etc-section .etc span:first-child {
  width: 22%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.vp-wrap #vp-detail-box .info-area ul.etc-section .etc span:last-child {
  width:78%;
  display: inline-block;
  text-align: left;
  color: #222;
  vertical-align: top;
  word-break:break-all;
  word-wrap:break-word;
}

.vp-wrap #vp-detail-box .info-area ul.etc-section .etc .strong {
  font-weight: 600;
  color: #FF2282 !important;
}

.vp-wrap #vp-detail-box .info-area ul.etc-section .etc a {
  color:#222;
}

.vp-wrap #vp-detail-box .info-area ul.etc-section .etc .num::after {
  content: '개';
  margin-left: 1px;
  display: inline-block;
}

.vp-wrap #vp-detail-box .vp-cart-btn button {
  background: #FF2282;
  border-radius: 10px;
  border: 0;
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  color: #FFFFFF;
  padding:12px;
  margin-top:20px;
  cursor: pointer;
}

/* 상세 나누기 */
.vp-height12 {
  height:12px;
  display: block;
  background: #F4F6F8;
  width: 100%;
}


/* 상세페이지 중앙 콘텐츠 */

.vp-wrap #vp-detail-box .base {
  margin-top:20px;
}

.vp-wrap #vp-detail-box .base .vp-quick-btn .choose-btn {
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  color: #999999;
  display: block;
  padding:0 20px;
}

.vp-wrap #vp-detail-box .base .vp-quick-btn .choose-btn span {
  display: inline-block;
  margin: 0;
  cursor: pointer;
  width: 33.3333%;
  float: left;
}

.vp-wrap #vp-detail-box .base .vp-quick-btn .choose-btn span::after {
  content: '';
  display: inline-block;
  border-bottom: 2px solid transparent;
  width: 100%;
  padding-top: 15px;
}

.detail-btn-active {
  color: #222222;
}

.detail-btn-active::after {
  content: '';
  display: inline-block;
  border-bottom: 2px solid #222 !important;
  width: 100%;
  padding-top: 15px;
}

.vp-wrap #vp-detail-box .base .vp-detail-content #vp-prod-manual,
.vp-wrap #vp-detail-box .base .vp-detail-content #vp-prod-seller {
  display: none;
}

.vp-wrap #vp-detail-box .base .vp-detail-content .vp-detail-view {
  padding:20px;
}

/* 상세페이지 상품 정보 */
.vp-wrap #vp-detail-box .base .vp-detail-content .block {
  padding-bottom:40px;
}

.vp-wrap #vp-detail-box .base .vp-detail-content .showmore_content {
  position: relative;
  overflow: hidden;
  padding-bottom:40px;
}

.vp-wrap #vp-detail-box .base .vp-detail-content .showmore_trigger {
  position: relative;
}

.vp-wrap #vp-detail-box .base .vp-detail-content .showmore_trigger::before {
    content: '';
    position: absolute;
    display: block;
    z-index: 99;
    width: 100%;
    height: 30px;
    left: 0px;
    top: -30px;
    background: url(../img/fade_bg1.png);
    background-repeat: repeat-x;
}

.vp-wrap #vp-detail-box .base .vp-detail-content .showmore_trigger span {
  background: #FFFFFF;
  border: 1px solid #DADADA;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #222222;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
  display: block;
  padding: 10px;
}

.vp-wrap #vp-detail-box .base .vp-detail-content .showmore_trigger strong {
  font-weight: 600;
  font-size: 16px;
  color: #222222;
}

.vp-wrap #vp-detail-box .base .vp-detail-content .showmore_trigger .more strong::after {
  content: "\f107";
  font: var(--fa-font-solid);
  margin-left: 4px;
  color: #222;
  font-size: 12px;
  margin-top:-2px;
  vertical-align: middle;
  display: inline-block;
}

.vp-wrap #vp-detail-box .base .vp-detail-content .showmore_trigger .less strong::after {
  content: "\f106";
  font: var(--fa-font-solid);
  margin-left: 4px;
  color: #222;
  font-size: 12px;
  margin-top:-2px;
  vertical-align: middle;
  display: inline-block;
}


.vp-wrap #vp-detail-box .base .vp-detail-content #vp-prod-detail img{
  width:100% !important;
  height: auto !important;
}

.vp-wrap #vp-detail-box .base .vp-detail-content #vp-prod-manual img {
  width:100% !important;
  height: auto !important;
}


/* 상세페이지 판매자 정보 */
.vp-wrap #vp-detail-box #vp-prod-seller ul.etc-section {
  padding: 16px 20px;
}

.vp-wrap #vp-detail-box #vp-prod-seller ul.etc-section li {
  float:left;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  padding: 5px 0;
}

.vp-wrap #vp-detail-box #vp-prod-seller ul.etc-section .etc span:first-child {
  width: 22%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  float:left;
}

.vp-wrap #vp-detail-box #vp-prod-seller ul.etc-section .etc span:last-child {
  width:78%;
  display: inline-block;
  text-align: left;
  color: #222;
  vertical-align: top;
  word-break:break-all;
  word-wrap:break-word;
  float:right;
}

.vp-wrap #vp-detail-box #vp-prod-seller .blink-bar {
  background: #e8ebef;
  height: 12px;
  display: block;
  width: 100%;
}

.vp-wrap #vp-detail-box #vp-prod-seller .title {
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  padding: 16px 20px 0 20px;
}

.vp-wrap #vp-detail-box #vp-prod-seller .box {
  padding: 16px 20px 0 20px;
}

.vp-wrap #vp-detail-box #vp-prod-seller .box .boxinner {
  background: #F6F7F9;
  border-radius: 10px;
  padding: 16px 20px;
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}


.vp-wrap #vp-detail-box .bottom {
  padding:20px;
  overflow: hidden;
}

.vp-wrap #vp-detail-box .bottom .title {
  font-weight: 700;
  font-size: 18px;
  color: #222222;
  margin-bottom: 15px;
}


.vp-wrap #vp-detail-box .bottom .section05 .prod-list {
  width:120px;
}

.vp-wrap .vp-fix-arrow {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99;
}

.vp-wrap .vp-fix-arrow #topMovebtn {
  display: none;
}

.vp-fix-arrow {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10000;
}

.vp-fix-arrow img.imgIconNew {
    width: 40px;
    height: 40px;
    display: flex;
    line-height: 0;
	cursor: pointer;
}

/* 장바구니 팝업 모달 */
.downupPopup {
    position: fixed;
    bottom: 0 !important;
    overflow: hidden;
    z-index: 9999;
    will-change: transform;
    background-color: #fff;
    height: 100%;
    left: 50%;
    min-width: 340px;
	opacity: 1 !important;
	display: block !important;
}

.downupPopup.no-act {
    transform: translate(-50%, 100vh) !important;
    opacity: 0;
}

.downupPopup-header {
    padding: 20px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    /* flex-direction: row-reverse; */
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.downupPopup-header span {
  /* display: block; */
  text-align: center;
  width: 100%;
  margin: 0 22px;
  font-weight: 500;
  font-size: 18px;
  color: #222222;
  position: relative;
  top: 2px;
  vertical-align: middle;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.downupPopup-header .downupPopup-kapat {
    align-self: center;
    font-size: 20px;
    cursor: pointer;
}

.vp-cart-content {
  padding:0 20px 0 20px;
  overflow-y: scroll;
  height: 94vh;
}

.vp-cart-content { /* 스크롤링 X */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.vp-cart-content::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}

.vp-cart-content .cart-list-box {
  padding-bottom:190px;
  z-index: 9;
  position: relative;
}



#cartopen .vp-cart-content ul.empty {
  border: 0 !important;
  height: 45px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

#cartopen .vp-cart-content ul.empty li {
  float: none;
}

#cartopen .vp-cart-content ul.sell-section li {
  float:left;
}

#cartopen .vp-cart-content ul.sell-section li.quantity {
  float:right;
}

#cartopen .vp-cart-content ul.sell-section li:first-child {
  width:100%;
  font-weight: 500;
  font-size: 14px;
  color: #212121;
  margin-bottom: 10px;
}

#cartopen .vp-cart-content ul.sell-section .dis {
  font-weight: 700;
  font-size: 16px;
  color: #FF2282;
  margin-right: 8px;
}

#cartopen .vp-cart-content ul.sell-section .dis::after {
  content: '%';
  margin-left: 1px;
  display: inline-block;
}

#cartopen .vp-cart-content ul.sell-section .sale {
  font-weight: 700;
  font-size: 16px;
  color: #222222;
  margin-right: 8px;
}

#cartopen .vp-cart-content ul.sell-section .won::after {
  content: '원';
  margin-left: 1px;
  display: inline-block;
}

#cartopen .vp-cart-content ul.sell-section .soldSale {
  font-weight: 700;
  font-size: 16px;
  color: #C9C9C9;
  margin-right: 8px;
}

#cartopen .vp-cart-content ul.sell-section .soldWon::after {
  content: '원';
  margin-left: 1px;
  display: inline-block;
  color: #C9C9C9;
}

#cartopen .vp-cart-content ul.sell-section .sold {
  width: 30px;
  border-top: 0;
  border-bottom: 0;
  /* height: 20px; */
  padding: 4px 5px;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #222222;
  border-radius: 0 !important;
}

#cartopen .vp-cart-content ul.sell-section .sold img {
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
}

#cartopen .vp-cart-content ul.sell-section .price {
  font-weight: 500;
  font-size: 16px;
  text-decoration-line: line-through;
  color: #C9C9C9;
  line-height: 170%;
}

#cartopen .vp-cart-content ul.sell-section .won2::after {
  content: '원';
  display: inline-block;
  text-decoration-line: line-through;
}

#cartopen .vp-cart-content ul:nth-last-child(4) {
	border-bottom: 0px;
}

#cartopen .vp-cart-content .cart-list-box .opt-list {
  display:flex;
  align-items: center;
  gap:10px;
  margin-top:4px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(218, 218, 218, .5);
}

#cartopen .vp-cart-content .cart-list-box .opt-list-img {
  width: 50px;
  height: 50px;
  float:left;
}

#cartopen .vp-cart-content .cart-list-box .opt-list-img > img{
  width:100%; height:100%;
  object-fit: scale-down;
  border-radius: 70%;
  object-position: center;
  border: 1px solid #DADADA;
}

.cart-blinks {
	position: fixed;
	bottom: 43px;
	height: 94px;
	width: 100%;
	background: #fff;
	z-index: 998;
	left: 0;
	right: 0;
	display: none;
}


.downupPopup-footer {
	padding: 20px;
    margin: 0;
    background: #fff;
    display: block;
    border-top: 1px solid rgba(218, 218, 218, 0.5);
    position: fixed;
    bottom: 43px;
    left: 0;
    right: 0;
    z-index: 999;
    box-sizing: border-box;
    height: 94px;
}

.downupPopup-footer .cart-order {
  color: #FFFFFF;
  background: #FF2282;
  border-radius: 10px;
  border: 0;
  width: 100%;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  color: #FFFFFF;
  padding:12px;
  cursor: pointer;
}

.downupPopup-footer .noactive {
  background: #DEDEDE !important;
  cursor: not-allowed;
}

.downupPopup-footer .cart-order span {
  display: inline-block;
  margin-right:5px;
}

.downupPopup-footer .cart-order span::after {
  content: '원';
  margin-left: 1px;
  display: inline-block;
}


#dark-back {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
    padding-right: 17px;
    overflow: hidden;
}



/* 장바구니 모달 팝업 - 수량 조절 버튼 */
#cartopen .cart-counter {
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  position: relative;
  margin-top: -11px;
  display: flex;
  height: 30px;
}

#cartopen .cart-counter .cart-counter-minus,
#cartopen .cart-counter .cart-counter-plus,
#cartopen .cart-counter .cart-counter-input {
  float: left;
  text-align: center;
  display: flex;
  align-items: center;
}

#cartopen .cart-counter .cart-counter-plus {
  text-align: center;
  border: 0;
  background: #fff;
  padding: 8px;
}

#cartopen .cart-counter .cart-counter-minus {
  text-align: center;
  border: 0;
  background: #fff;
  padding: 0px 8px;
}

#cartopen .cart-counter .noactive {
  opacity: 0.25;
  cursor: not-allowed;
}

#cartopen .cart-counter .cart-counter-input {
  width: 30px;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-top: 0;
  border-bottom: 0;
  /* height: 20px; */
  padding: 4px 5px;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #222222;
  border-radius: 0 !important;
}

/* 장바구니 담기 성공 시 팝업 모달 */
#confirm_backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  display: none;
}

#confirm_dialog {
  position: fixed;
  top: 26%;
  left: 5%;
  z-index: 1000;
  width: 90%;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  background: #ffffff;
  display: none;
  border-radius: 15px;
  text-align: center;
}

#confirm_title {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #000000;
  margin: 19px 0 24px 0;
}

#confirm_actions {
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

#confirm_actions button {
  padding: 16px 0;
  border: 0;
  cursor: pointer;
  -khtml-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;

  font-weight: 600;
  font-size: 16px;
  text-align: center;

  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  width: 48%;
}

#confirm_dont {
  background: #dedede;
  color: #222222;
  margin-right: 10px;
}

#confirm_doit {
  background: #FF2282;
  color: #ffffff;
  margin-left: 0px;
}

#confirm_dialog .vp-detail-cart-in-icon {
  width: 55px;
  height: 55px;
  margin: 8px 0 0 14px;
  display: inline-block;
  background-image: url(../img/cart-in-modal.svg);
  background-repeat: no-repeat;
  background-size: 55px;
  background-position: center;
  padding: 0;
}



/* 장바구니 */

#show-cart {
  background: #fff;
  display: block;
  padding-top: 3px;
}

.show-cart-view {
  display: block !important;
  overflow-y: scroll;
}

.cart-body-no-scroll {
    overflow: hidden !important;
}

#show-cart-header .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 27px 20px 0 20px;
  z-index: 999;
}

#show-cart-header .header ul.cart-header-ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-bottom: 20px;
}

#show-cart-header .header ul.cart-header-ul .li {
  display: flex;
}

#show-cart-header .header .title {
  font-weight: 500;
  font-size: 18px;
  color: #222222;
  line-height: 22px;
  vertical-align: middle;
  margin-left: -20px;
  margin-top: -1px;
}

#show-cart-header .header #show-cart-close img {
  width:18px;
}

#show-cart-header .header li.who img {
  width:22px;
}

#show-cart .content {
  margin-top: 64px;
}

#show-cart .content .blink-bar {
  background: #e8ebef;
  height: 12px;
  display: block;
  width: 100%;
}

/* 장바구니 선택 input */
.mycarts label {

}
  .mycarts input[type=checkbox] {
    display:none;
}
  .mycarts input[type=checkbox] + label {
    cursor: pointer;
    padding-left: 28px;
    font-size: 19px;
    background-repeat: no-repeat;
    background-image: url('../img/cart-check-no.svg');
    background-size: 22px;
}
  .mycarts input[type=checkbox]:checked + label {
    background-image: url('../img/cart-check-ok.svg');
    background-size: 22px;
}
  .mycarts input[type=checkbox]:disabled + label {
    background-image: url('../img/cart-check-no.svg');
    background-size: 22px;
}



/* 장바구니 상품 리스트 */
#show-cart .content .prodPbox {
  padding:16px;
  background: #F4F6F8;
}

#show-cart .content .prodPbox .prodCartBox {
  position: relative;

  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgb(0, 0, 0, 0.15);
  border-radius: 10px;

  padding: 0 16px 16px 16px;
}

#show-cart .content .prodPbox .prodCartBox .bottomArea {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom:12px;
  /* border-bottom:1px solid #ececec; */
}

#show-cart .content .prodPbox .prodCartBox .leftArea {
  position: relative;
}

#show-cart .content .prodPbox .prodCartBox .rightArea {
  width:100%;
}


#show-cart .content .prodPbox .prodCartBox .sellerTotal {

}

#show-cart .content .prodPbox .prodCartBox .sellerTotal::before {
  content: '';
  border-top: 1px solid #ececec;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: -1px;
}

#show-cart .content .prodPbox .prodCartBox .sellerTotal .totalArea {
  display: flex;
  flex-direction: column;
  align-content: space-between;
}

#show-cart .content .prodPbox .prodCartBox .sellerTotal .totalArea li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

#show-cart .content .prodPbox .prodCartBox .sellerTotal .totalArea .num {
  font-weight: 400;
  font-size: 14px;
  color: #222222;

  border-bottom: 1px solid #222;
  padding: 12px 0;

  justify-content: flex-start;
}

#show-cart .content .prodPbox .prodCartBox .sellerTotal .totalArea .num img {
  width: 22px;
  margin-right: 4px;
}

#show-cart .content .prodPbox .prodCartBox .sellerTotal .totalArea .num .count {
  margin: 0 4px;
}

#show-cart .content .prodPbox .prodCartBox .sellerTotal .totalArea .num .count::after {
  content: '개';
  display: inline-block;
}

#show-cart .content .prodPbox .prodCartBox .sellerTotal .totalArea .totalPay {
  font-weight: 400;
  font-size: 14px;
  color: #222222;

  padding: 12px 0;
  border-bottom: 1px solid rgba(218,218,218,0.5);

}

#show-cart .content .prodPbox .prodCartBox .sellerTotal .totalArea .ship {
  font-weight: 400;
  font-size: 14px;
  color: #222222;

  padding: 12px 0;

}

#show-cart .content .prodPbox .prodCartBox .sellerTotal .totalArea .add {
  margin-top: 4px;
}

#show-cart .content .prodPbox .prodCartBox .sellerTotal .totalArea .add .addProd {
  border-radius: 20px;
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #008DF2;
  background-color: #EBF6FE;
  width: 100%;
  display: block;
  cursor: pointer;
}

#show-cart .content .prodPbox .prodCartBox .sellerTotal .totalArea .add .addProd img {
  width: 12px;
  margin-right: 4px;
}

#show-cart .content .prodPbox .prodCartBox .sellerTotal .totalArea .addShip {
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: #777777;
  margin-top: 12px;
  justify-content: center;
}

#show-cart .content .prodPbox .prodCartBox .sellerTotal .totalArea .won {
  font-weight: 500;
  font-size: 14px;
  text-align: right;
  color: #222222;
}

#show-cart .content .prodPbox .prodCartBox .sellerTotal .totalArea .won::after {
  content: '원';
  display: inline-block;
}

#show-cart .content .prodPbox .prodCartBox .sellerTotal .totalArea .won2::after {
  content: '원';
  display: inline-block;
  margin-right:5px;
}

#show-cart .content .cart-list-prod {
  padding:0px;
  position: relative;
}

#show-cart .content .prodCartBox .prodSeller{
  font-weight: 600;
  font-size: 16px;
  color: #222;
  height: 55px;
  line-height: 55px;
  width: 100%;
  position: relative;
}

#show-cart .content .prodCartBox .prodSeller{
  font-weight: 600;
  font-size: 16px;
  color: #222;
  height: 55px;
  line-height: 55px;
  width: 100%;
  position: relative;
}

#show-cart .content .prodPbox .prodCartBox .prodSeller .check {
  position: relative;
  width: 100%;
  padding: 16px 0;
  margin-top: 0;
}

#show-cart .content .prodPbox .prodCartBox .prodSeller .check label {
  position: relative;
  padding: 3px 0 0 30px;
  font-weight: 600;
  font-size: 16px;
  color: #222;
}


#show-cart .content .prodCartBox .prodSeller::after {
  content: '';
  border-bottom: 1px solid rgba(218,218,218, 0.5);

  display: block;
  position: absolute;
  left: 0;
  right: 0;
}



#show-cart .content .prodPbox .prodCartBox .check{
  position: relative;
  margin-top: 16px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  padding-right: 8px;
}

#show-cart .content div:nth-child(3) {
  margin-top: 0px !important;
}

#show-cart .content .vp-cart-all {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 5px 20px 20px 20px;
}

#show-cart .content .vp-cart-all li {
  display: flex;
}

#show-cart .content .vp-cart-all li.delete {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
  cursor: pointer;
}

#show-cart .content .vp-cart-all li.choose {
  font-weight: 500;
  font-size: 14px;
  color: #222;
  line-height: 22px;
  height: 22px;
}

#show-cart .content .vp-cart-all li.choose label {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #222 !important;
}

#show-cart .content .vp-cart-all li.choose img {
  width: 22px;
  margin-right: 8px;
  margin-top: -4px;
}

#show-cart .content .vp-cart-all li.choose span {
  margin-left: 3px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  top: 2px;
  position: relative;
}

/*
#show-cart .content .cart-list-prod::after {
  content: '';
  background: #e8ebef;
  height: 12px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
}
*/

#show-cart .content .cart-list-prod .prod {
  display: flex;
  padding-top: 16px;
}

#show-cart .content .cart-list-prod .prod li {
  float:left;
}

#show-cart .content .cart-list-prod .prod .img {
  border: 1px solid rgba(218, 218, 218, 1);
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
  width: 64px;
  height: 64px;
  padding:0px;
}

#show-cart .content .cart-list-prod .prod .img img {
  width: 100%;
  height: 100%;
  max-width: 64px;
  max-height: 64px;
  object-fit: contain;
  object-position: center;
  cursor: pointer;
}

#show-cart .content .cart-list-prod .prod .infoArea {
  text-align: left;
  padding: 0 12px;
  cursor: pointer;
}

#show-cart .content .cart-list-prod .prod .infoArea p {
  padding: 0;
  margin: 0;
}

#show-cart .content .cart-list-prod .prod .infoArea .name {
  font-weight: 600;
  font-size: 16px;
  color: #212121;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
}

#show-cart .content .cart-list-prod .prod .infoArea .option {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
}

#show-cart .content .cart-list-prod .prod .infoArea .payment span {
  display: inline-block;
}

#show-cart .content .cart-list-prod .prod .infoArea .payment .dis {
  font-weight: 700;
  font-size: 14px;
  color: #FF2282;
  margin-right: 5px;
}

#show-cart .content .cart-list-prod .prod .infoArea .payment .dis::after {
  content: '%';
  margin-left: 0px;
}

#show-cart .content .cart-list-prod .prod .infoArea .payment .sale {
  font-weight: 700;
  font-size: 14px;
  color: #222222;
  margin-right: 5px;
}


#show-cart .content .cart-list-prod .prod .infoArea .payment .price {
  font-weight: 500;
  font-size: 14px;
  text-decoration-line: line-through;
  color: #C9C9C9;
}

#show-cart .content .cart-list-prod .prod .infoArea .payment .sale::after,
#show-cart .content .cart-list-prod .prod .infoArea .payment .price::after,
#show-cart .content .cart-list-prod .add .total::after {
  content: '원';
  margin-left: 0px;
}

#show-cart .content .cart-list-prod .prod .prod-del {
  float: right;
}

#show-cart .content .cart-list-prod .prod .prod-del img {
  width: 13px;
  opacity: 0.7;
}

#show-cart .content .cart-list-prod .add {
  padding: 12px 0 16px 0;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

#show-cart .content .cart-list-prod .add li {
  float:left;
}

#show-cart .content .cart-list-prod .add .quantity {

}

#show-cart .cart-counter {
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  position: relative;

  display:flex;
  height: 30px;
}

#show-cart .cart-counter .cart-counter-minus,
#show-cart .cart-counter .cart-counter-plus,
#show-cart .cart-counter .cart-counter-input {
  float: left;
  text-align: center;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#show-cart .cart-counter .cart-counter-input {
	cursor: default !important;
}

#show-cart .cart-counter .cart-counter-plus {
  text-align: center;
  border: 0;
  background: #fff;
  padding: 8px;
}

#show-cart .cart-counter .cart-counter-minus {
  text-align: center;
  border: 0;
  background: #fff;
  padding: 0px 8px;
}

#show-cart .cart-counter .noactive {
  opacity: 0.25;
  cursor: not-allowed;
}

#show-cart .cart-counter .cart-counter-input {
  width: 30px;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-top: 0;
  border-bottom: 0;
  /* height: 20px; */
  padding: 4px 5px;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #222222;
  border-radius: 0 !important;
}

#show-cart .content .cart-list-prod .add .total {
  font-weight: 700;
  font-size: 16px;
  text-align: right;
  color: #FF2282;
  float: right;
  margin-top: 4px;
}

#show-cart .content .cart-list-prod .person {
  padding: 12px 0 0 0;
}

#show-cart .content .cart-list-prod .person li {
  float:left;
}

#show-cart .content .cart-list-prod .person .title {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
}

#show-cart .content .cart-list-prod .person .who {
  float: right;
  font-weight: 500;
  font-size: 14px;
  color: #222222;
  cursor: pointer;
}

#show-cart .content .cart-list-prod .person .ship {
  float: right;
  font-weight: 500;
  font-size: 14px;
  color: #222222;
}

#show-cart .content .cart-list-prod .person .ship::after {
  content: '원';
  display: inline-block;
}

/* #show-cart .content .cart-list-prod .person .who::after {
  content: "\f105";
  font: var(--fa-font-solid);
  margin-left: 4px;
  display: inline-block;
  font-size: 12px;
  margin-top: -2px;
  vertical-align: middle;
} */

#show-cart .content .cart-list-prod .getPayArea {
  margin: 7px 0 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

#show-cart .content .cart-list-prod .getPayArea li {
  font-weight: 600;
  font-size: 14px;
  line-height: 37px;
  height: 37px;
  width: 100%;
  display: block;
  text-align: center;
  border-radius: 50px;
  border: 1px solid;
  box-sizing: border-box;
  cursor: pointer;
}

#show-cart .content .cart-list-prod .getPayArea .del {
  color:#666666;
  background: #fff;
  border-color: #DADADA;
  margin-right: 6px;
}

#show-cart .content .cart-list-prod .getPayArea .order {
  color:#FF2282;
  background: #fff;
  border-color: #FF2282;
  margin-left: 6px;
}

#show-cart .orderTotal {
  margin-top: 12px;
}

#show-cart .orderTotal li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

#show-cart .orderTotal .totalInfo {
  position: relative;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  padding: 20px 20px 18px 20px;
}

#show-cart .orderTotal .totalInfo img {
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 6px;
  width: 22px;
}

#show-cart .orderTotal .totalInfo div:nth-child(2) {
  color: #FF2282;
  font-weight: 700;
}

#show-cart .orderTotal .totalInfo::after {
  content: '';
  background: #f4f6f8;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
}

#show-cart .orderTotal .about {
  padding:0 20px;
}

#show-cart .orderTotal .about li:last-child {
  border: 0;
}

#show-cart .orderTotal .about .totalPrice,
#show-cart .orderTotal .about .totalDis {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  padding: 12px 0;
  border-bottom: 1px solid #e8ebef;
}

#show-cart .orderTotal .about .totalPrice div:nth-child(2),
#show-cart .orderTotal .about .totalDis div:nth-child(2) {
  color: #222;
  font-weight: 500;
}

#show-cart .orderTotal .go-checkout {
  margin: 25px 0 40px 0;
  padding: 0 20px;
}

#show-cart .orderTotal .go-checkout button {
  /* background: #FF2282; */
  background: #FF2282;
  border-radius: 10px;
  border: 0;
  width: 100%;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  color: #FFFFFF;
  padding: 12px 0;
  cursor: pointer;
}

#show-cart .orderTotal .go-checkout button .count::before {
  content: '(총';
  display: inline-block;
  margin: 0 4px 0 2px;
}

#show-cart .orderTotal .go-checkout button .count::after {
  content: '건) ';
  display: inline-block;
  margin: 0 6px 0 0;
}


#show-cart .orderTotal .totalInfo div:nth-child(2)::after,
#show-cart .orderTotal .totalPrice div:nth-child(2)::after,
#show-cart .orderTotal .totalDis div:nth-child(2)::after {
  content: '원';
  margin-left: 0px;
}


/* 장바구니 상단 디자이너 선택 셀렉트 필터 */
#cart-result {
  display: flex;
  align-items: center;
  margin-top: -2px;
  margin-right: 12px;
}

#cart-result .SumoSelect .select-all label {
	top: 0 !important;
}

#cart-result .SumoSelect>.optWrapper>.options li label {
  padding: 12px 10px;
  /* width: auto; */
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  text-overflow: ellipsis;
  top: 0 !important;
}

#cart-result .SumoSelect>.optWrapper {
  padding: 45px 0 2px 0;
  right: -7px !important;
  left: auto;
  top: 22px;
}

#cart-result .SumoSelect>.optWrapper.multiple>.MultiControls>p {
  color: #FF2282;
  padding: 4px;
}

#cart-result .SumoSelect .select-all {
  border-top: 1px solid rgba(221, 221, 221, 0.5);
  border-bottom: 0px;
}

.SumoSelect>.optWrapper.multiple>.options li.opt {
  padding-left: 0;
}

#cart-result .SumoSelect>.optWrapper>.options li.opt {
  border-top: 1px solid rgba(221, 221, 221, 0.5);
}

#cart-result .sumo-title {
	top: 12px;
    line-height: 161.8% !important;
}

#cart-result .SumoSelect .CaptionCont span {
  display: none;
}

#cart-result .SumoSelect>.optWrapper>.options>li.opt:last-child {
  padding-bottom: 0px;
}

#cart-result .SumoSelect {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  background: transparent;
  width: 0px;
  max-width: 0px;
  margin:0 !important;
}

#cart-result .SumoSelect>.CaptionCont>label {
  width: 22px;
  height: 22px;
  text-align: right;
}

#cart-result .SumoSelect>.CaptionCont>label::after {
  color: #666666;
  margin-left: 15px;
  margin-top: -5px;
}

#cart-result .SumoSelect>.CaptionCont {
  padding:0;
}

#cart-result .SumoSelect>.CaptionCont>span {
  margin-top: 0px;
  padding-right: 0;
  text-overflow:clip;
}

#cart-result .SumoSelect>.CaptionCont>label::after {
  content: '';
  background-image: url(../img/filter-btn.svg);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 22px;
  height: 22px;
}


.vp-cart-change-box {
  padding:0;
  max-height: 390px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9999;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}

.vp-cart-change-box { /* 스크롤링 X */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.vp-cart-change-box::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}

.vp-cart-change-box .cart-user-list {
  position: relative;
}

.vp-cart-change-box .close {
  padding: 0;
  text-align: center;
  margin: 0 auto;
}

.vp-cart-change-box .headers {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  color: #292929;
  padding: 5px 0 15px 0;
  border-bottom: 1px solid rgba(221, 221, 221, 0.5);
}

.vp-cart-change-box .cart-user-list {
  padding: 0 20px 40px 20px;
  overflow-y: scroll;
  max-height: 274px;
}


.vp-cart-change-box .cart-user-list { /* 스크롤링 X */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.vp-cart-change-box .cart-user-list::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}


.vp-cart-change-box .cart-user-list .list-ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.vp-cart-change-box .cart-user-list .list-ul li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid rgba(221, 221, 221, 0.5);
}

.vp-cart-change-box .cart-user-list .list-ul li>span {
  display: inline-block;
}

.vp-cart-change-box .cart-user-list .list-ul li>span:first-child {
  font-weight: 500;
  font-size: 16px;
  color: #292929;
}

#cart-dark-drop {
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

#cart-change-view, #cart-dark-drop {
  display: none;
}


/* 구매직원 변경 라디오 버튼 */
#cart-change-view .vp-cart-change-box .cart-user-list .list-ul label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 0;
}

#cart-change-view .vp-cart-change-box .cart-user-list .list-ul input {
  width: 20px;
  height: 20px;
  appearance: revert !important;
  margin: 0;
  padding: 0;
}


/* 장바구니 선택 input */
.mycharts-change input[type=radio] {
    display:none;
}

.mycharts-change input[type=radio] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-position: right;
    background-image: none;
}

.mycharts-change input[type=radio]:checked + label {
    background-image: url('../img/change-user-check.svg');
    /* background-size: contain; */
}

.mycharts-change input[type=radio]:disabled + label {
    /* background-size: contain; */
    background-image: none;
}


/* 마이페이지 */
.vp-myp-wrap {
  padding: 0 20px 50px 20px;
}

.vp-myp-wrap a {
  color:#222;
}

.vp-myp-wrap .header {
  padding: 16px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.vp-myp-wrap .header span:first-child {
  font-weight: 700;
  font-size: 22px;
  color: #222222;
}

.vp-myp-wrap .header span:last-child img {
  width:18px;
}

.vp-myp-wrap .hello {
  padding: 14px 0;
  font-weight: 400;
  font-size: 20px;
  color: #222222;
}

.vp-myp-wrap .hello .bold {
  font-weight: 600;
}

.vp-myp-wrap .hello .bold {
	cursor: pointer;
}

.vp-myp-wrap .hello .boldArr::after {
	content: '';
    display: inline-block;
    background-position: left;
    width: 12px;
    height: 14px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 6px 0 2px;
	background-image: url('/common/img/select-arrow-01.png');
}

.vp-myp-wrap .quick-icon {
  padding: 14px 0;
}

.vp-myp-wrap .quick-icon ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.vp-myp-wrap .quick-icon ul>li{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
  width: 25%;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: #222;
  cursor: pointer;
}

.vp-myp-wrap .quick-icon ul>li img {
  margin-bottom: 15px;
  width: 30px;
}

/*
.vp-myp-wrap .quick-icon ul .cart-ok::after {
  display: inline-block;
  position: absolute;
  top: 0;
  right: -7px;

  content: "\f055";
  font: var(--fa-font-solid);
  color: #FF2282;
  font-size: 5px;
}
*/

.vp-myp-wrap .point-box {
  margin-top:14px;
  border: 1px solid #222222;
  border-radius: 10px;
  padding: 16px 14px;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.vp-myp-wrap .point-box img {
  vertical-align: middle;
  display: inline-block;
  margin-top: -4px;
  margin-right: 4px;
}

.vp-myp-wrap .point-box span {
  display: inline-block;
  font-size: 16px;
}

.vp-myp-wrap .point-box span:first-child {
  font-weight: 400;
  color: #222222;
  text-align: left;
}

.vp-myp-wrap .point-box span:last-child {
  font-weight: 700;
  color: #FF2282;
  text-align: right;
}

.vp-myp-wrap .point-box span:last-child::after {
  content: 'P';
  display: inline-block;
  margin-left: 1px;
}

.vp-myp-wrap .order-status {
  margin: 16px 0 8px 0;
}

.vp-myp-wrap .order-status ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;

  background: #F6F7F9;
  border-radius: 10px;
  padding: 17px 0px 15px 0px;
}

.vp-myp-wrap .order-status ul>li{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex: 1;
  width: 33.333%;

  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: #666;
  border-right: 1px solid rgba(218, 218, 218, 0.5);

  cursor: pointer;
}

.vp-myp-wrap .order-status ul>li:last-child{
  border-right: none;
}

.vp-myp-wrap .order-status ul>li>span {
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  color: #222222;
  line-height: 1.55;
}

.vp-myp-wrap .shop-info {

}

.vp-myp-wrap .shop-info ul.box {
  padding-top: 40px;
}

.vp-myp-wrap .shop-info ul.box .info-title {
  font-weight: 700;
  font-size: 14px;
  color: #CCCCCC;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
  padding-bottom: 12px;
}

.vp-myp-wrap .shop-info ul.box .myPflex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.vp-myp-wrap .shop-info ul.box .myPflex div {
  font-size: 12px;
  font-weight: 400;
  color: #b4b4b4;
}

.vp-myp-wrap .shop-info ul.box .myPflex div>span {
  display: inline-block;
  cursor: pointer;
}

.vp-myp-wrap .shop-info ul.box .myPflex div .privacy {
  font-size: 12px;
  color: #9e9e9e;
  font-weight: 600;
}

.vp-myp-wrap .shop-info ul.box .myPflex div .privacy::before {
  content: '|';
  display: inline-block;
  margin: 0 5px;
  font-weight: 300;
  color: #b4b4b4;
}

.vp-myp-wrap .shop-info ul.box .info-li {
  font-weight: 500;
  font-size: 16px;
  color: #222222;
  padding-top: 18px;
}

.vp-myp-wrap .shop-info ul.box .info-li .tel {
  color: #777;
  font-weight: 300;
}

.vp-myp-wrap .shop-info ul.box .info-li .tel::before {
  content: '|';
  display: inline-block;
  margin: 0 5px;
}

.vp-myp-wrap .shop-info ul.box .corp {
  font-size:12px;
  font-weight: 400;
  color: #5a5a5a;
}

.vp-myp-wrap .shop-info ul.box .small {
  font-size:11px !important;
  letter-spacing: -1px;
  line-height: 1.2;
  font-weight: 400;
  color: #5a5a5a;
}

.vp-myp-wrap .shop-info ul.box .copyright {
  margin:20px 0;
  font-size:11px;
  font-weight: 400;
  color: #5a5a5a;
}

.popup__container .popup__content .agreement {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 14px !important;
}

.popup__container .popup__content .agreement img {
  width: 12px !important;
  position: relative;
  top: 0 !important;
  margin: 0 !important;
}

.popup__container .popup__content .iframe {
  border: 1px solid rgba(218,218,218,0.5);
  border-radius: 8px;
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  width:100%;
  height:300px;
}

.popup__container .popup__content .iframe iframe {
  width:100%;
  height:300px;
  border:none;
}


/*** 페이지 카피라이트 Lucas 221228 ***/
.vAllBottomCopy {
	padding: 30px 20px 10px 20px;
}

.vAllBottomCopy ul.box {
    padding-top: 40px;
}

.vAllBottomCopy ul.box .info-title {
	font-weight: 700;
    font-size: 14px;
    color: #CCCCCC;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
    padding-bottom: 12px;
}

.vAllBottomCopy ul.box .myPflex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.vAllBottomCopy ul.box .myPflex div {
    font-size: 12px;
    font-weight: 400;
    color: #b4b4b4;
}

.vAllBottomCopy ul.box .myPflex div>span {
    display: inline-block;
	cursor: pointer;
}

.vAllBottomCopy ul.box .myPflex div .privacy {
    font-size: 12px;
    color: #9e9e9e;
    font-weight: 600;
}

.vAllBottomCopy ul.box .myPflex div .privacy::before {
    content: '|';
    display: inline-block;
    margin: 0 5px;
    font-weight: 300;
    color: #b4b4b4;
}

.vAllBottomCopy ul.box .info-li {
    font-weight: 500;
    font-size: 16px;
    color: #222222;
    padding-top: 18px;
}

.vAllBottomCopy ul.box .info-li .tel {
    color: #777;
    font-weight: 300;
}

.vAllBottomCopy ul.box .info-li .tel::before {
    content: '|';
    display: inline-block;
    margin: 0 5px;
}

.vAllBottomCopy ul.box .corp {
    font-size:12px;
    font-weight: 400;
    color: #5a5a5a;
}

.vAllBottomCopy ul.box .small {
    font-size:11px !important;
    letter-spacing: -1px;
    line-height: 1.2;
    font-weight: 400;
    color: #5a5a5a;
}

.vAllBottomCopy ul.box .copyright {
    margin-top:20px;
    font-size:11px;
    font-weight: 400;
    color: #5a5a5a;
}

#vAgreeVer1 .popup__container .popup__content .agreement {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 14px !important;
}

#vAgreeVer1 .popup__container .popup__content .agreement img {
    width: 12px !important;
    position: relative;
    top: 0 !important;
    margin: 0 !important;
}

#vAgreeVer1 .popup__container .popup__content .iframe {
    border: 1px solid rgba(218,218,218,0.5);
    border-radius: 8px;
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width:100%;
    height:300px;
}

#vAgreeVer1 .popup__container .popup__content .iframe iframe {
    width:100%;
    height:300px;
    border:none;
}


/* 결제 페이지 */
#pay-prod-list-open {
  display: none;
}

#pay-prod-list-close, #pay-prod-list-open {
  padding: 5px 0 5px 5px;
  cursor: pointer;
}

#pay-prod-list-close img, #pay-prod-list-open img {
  width:10px;
  margin: 0 !important;
}


.payment-wrap {
  margin-top: 67px;
  /* min-width: 350px; */
}

#search-clear {
	width: 20px;
	height: 20px;
	line-height: 0;
	cursor: pointer;
}

.payment-wrap ul.prod-title {
  padding: 0 20px;
  height: 65px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.payment-wrap .prod-title .prod-title-li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  color: #222;
}

.payment-wrap .prod-title .prod-title-li span {
  display: flex;
  align-items: center;
  vertical-align: middle;
}

.payment-wrap .prod-title .prod-title-li img {
  width: 20px;
  margin-top: -2px;
  margin-right: 8px;
}

.payment-wrap .prod-title .prod-title-li strong {
  color: #FF2282;
}

.payment-wrap .prod-title .prod-title-li strong::before {
  content: '총';
  display: inline-block;
  margin-right: 3px;
}

.payment-wrap .prod-title .prod-title-li strong::after {
  content: '개';
  display: inline-block;
  margin-left: 0px;
}

.payment-wrap .prod-list-box {
  border-bottom: 0px solid rgba(218, 218, 218, 0.5);
  padding: 16px 20px 6px 20px;
  background: #F4F6F8;
}

.payment-wrap .prod-list-box .sellerBox {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgb(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 4px 16px;
  margin-bottom: 12px;
}

.payment-wrap .prod-list-box .sellerBox .sellerName {

}

.payment-wrap .prod-list-box .sellerBox .sellerName span {
  font-weight: 600;
  font-size: 16px;
  color: #222;
  padding: 14px 0 16px 0;
  display: block;
}

.payment-wrap .prod-list-box .sellerBox .sellerName::after {
  content: '';
  border-bottom: 1px solid rgba(218,218,218, 0.5);
  display: block;
  position: absolute;
  left: 0;
  right: 0;
}

.payment-wrap .prod-list-box .sellerBox .sellerPay {
  border-top: 1px solid #222;
}

.payment-wrap .prod-list-box .sellerBox .sellerPay ul.payArea {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.payment-wrap .prod-list-box .sellerBox .sellerPay ul.payArea li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 0;
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}

.payment-wrap .prod-list-box .sellerBox .sellerPay ul.payArea li > span {
  display: inline-block;
}

.payment-wrap .prod-list-box .sellerBox .sellerPay ul.payArea li > strong {
  font-weight: 400;
}

.payment-wrap .prod-list-box .sellerBox .sellerPay ul.payArea li.first {
  border-bottom: 1px solid rgba(218,218,218,0.5);
}

.payment-wrap .prod-list-box .sellerBox .sellerPay ul.payArea .won {
  font-weight: 700;
  font-size: 14px;
  text-align: right;
  color: #222222;
}

.payment-wrap .prod-list-box .sellerBox .sellerPay ul.payArea .won::after {
  content: '원';
  display: inline-block;
}

.payment-wrap .prod-list-box .sellerBox .sellerPay ul.payArea .won400 {
  font-weight: 400 !important;
}

.payment-wrap .prod-list-box .sellerBox ul.prod-list {
  padding: 16px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.payment-wrap .prod-list-box .sellerBox ul.prod-list .prod-img {
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  height: 75px;
  border: 1px solid rgba(218, 218, 218, 0.5);
  border-radius: 10px;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.payment-wrap .prod-list-box .sellerBox ul.prod-list .prod-img img {
  width: 100%;
  height: 100%;
  max-width: 75px;
  max-height: 75px;
  object-fit: contain;
  object-position: center;
}

.payment-wrap .prod-list-box .sellerBox ul.prod-list .prod-info {
  width: 100%;
  padding-left: 12px;
}

.payment-wrap .prod-list-box .sellerBox ul.prod-list .prod-info .prod-user {
  font-weight: 500;
  font-size: 12px;
  color: #666666;
}

.payment-wrap .prod-list-box .sellerBox ul.prod-list .prod-info .prod-name {
  font-weight: 700;
  font-size: 14px;
  color: #212121;
}

.payment-wrap .prod-list-box .sellerBox ul.prod-list .prod-info .prod-opt {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
}

.payment-wrap .prod-list-box .sellerBox ul.prod-list .prod-info .prod-pay {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 0px;
}

.payment-wrap .prod-list-box .sellerBox ul.prod-list .prod-info .prod-pay .num {
  font-weight: 400;
  font-size: 14px;
  color: #FF2282;
}

.payment-wrap .prod-list-box .sellerBox ul.prod-list .prod-info .prod-pay .num::after {
  content: '개';
  display: inline-block;
}

.payment-wrap .prod-list-box .sellerBox ul.prod-list .prod-info .prod-pay .pay {
  font-weight: 700;
  font-size: 16px;
  text-align: right;
  color: #222222;
}

.payment-wrap .prod-list-box .sellerBox ul.prod-list .prod-info .prod-pay .pay::after {
  content: '원';
  display: inline-block;
}

.payment-wrap .prod-list-box .sellerBox ul.prod-list:last-child {
  border-bottom: none;
}

.payment-wrap .prod-point-box {
  padding: 20px 0;
  border-bottom: 12px solid rgb(244, 246, 248, 1);
}

.payment-wrap .prod-point-box ul {

}

.payment-wrap .prod-point-box ul>li {

}


.payment-wrap .prod-point-box ul .title {
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
  padding: 0 20px 20px 20px;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.payment-wrap .prod-point-box ul .title img {
  width: 26px;
  margin-top: -2px;
  margin-right: 6px;
}

.payment-wrap .prod-point-box ul .own-point {
  font-weight: 400;
  font-size: 14px;
  color: #222;
  padding: 15px 20px;
  display: flex;
    justify-content: space-between;
}

.payment-wrap .prod-point-box ul .own-point .point_total {
  color: #222;
  font-weight: 600;
}


.payment-wrap .prod-point-box ul .own-point #holdPoint {
  text-align: right;
} 


.payment-wrap .prod-point-box ul .own-point #totalPoint {
  color: #ff2282;
  font-weight: 600;
}

.payment-wrap .prod-point-box ul .own-point #totalPoint::after {
  content: 'P';
  display: inline-block;
}
   
.payment-wrap .prod-point-box ul .own-point #holdPoint::after {
  content: 'P';
  display: inline-block;
}

.payment-wrap .prod-point-box ul .point {
  padding: 0 20px;

}

.payment-wrap .prod-point-box ul .point .input-point {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-direction: row;
}

.payment-wrap .prod-point-box ul .point .input-point .pointArea {
  position: relative;
  flex-grow: 1;
}

.payment-wrap .prod-point-box ul .point .input-point .pointArea input {
  font-weight: 500;
  font-size: 16px;
  color: #222222;
  line-height: 42px;
  height: 42px;
  background: #FAFAFA;
  border: 1px solid rgba(218, 218, 218, 0.5);
  border-radius: 5px;
  padding: 0 35px 0 12px;
  box-sizing: border-box;
  width: 100%;

}

.payment-wrap .prod-point-box ul .point .input-point input::placeholder {
  font-weight: 400;
  font-size: 13px;
}

.payment-wrap .prod-point-box ul .point .input-point button {
  /* background: #F5F5F5; */
  /* border: 1px solid rgba(218, 218, 218, 0.5); */
  border-radius: 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 42px;
  text-align: center;
  /* color: #222222; */
  height: 42px;
  padding: 0 12px;
  margin-left: 12px;
  box-sizing: border-box;
  flex-grow: 0;
  letter-spacing: -1px;
  overflow: hidden;
  min-width: 80px;
  cursor: pointer;

  background-color: #fff2f8;
  color: #ff2282;
  border: none;
}

.payment-wrap .prod-point-box ul .point .pointMsg {
  border-radius: 7px; background-color: #f9f9fa; font-size: 14px; 
  color: #84898b; padding: 15px 13px;line-height: 20px; margin-top: 10px; 
  display: flex  ;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-direction: row;
}

.payment-wrap .prod-point-box ul .point .input-point .icon {
  position: absolute;
  top: 11px;
  right: 11px;
}

.payment-wrap .pay-info-box {
  padding: 20px 0;
  border-bottom: 12px solid #f4f6f8;
}

.payment-wrap .pay-info-box .title {
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
  padding: 0 20px 20px 20px;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.payment-wrap .pay-info-box .title img {
  width: 26px;
  margin-top: -2px;
  margin-right: 6px;
}

.payment-wrap .pay-info-box ul {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.payment-wrap .pay-info-box ul>li {
  padding: 12px 0;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.payment-wrap .pay-info-box ul>li:last-child {
  border-bottom: none;
}

.payment-wrap .pay-info-box ul .area {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}

.payment-wrap .pay-info-box ul .area .price {
  font-weight: 500;
  font-size: 14px;
  text-align: right;
  color: #222222;
}

.payment-wrap .pay-info-box ul .total-area {
  font-weight: 700;
  font-size: 18px;
  color: #222222;
  padding: 16px 0 0 0;
}

.payment-wrap .pay-info-box ul .total-area .total-price {
  font-weight: 700;
  font-size: 18px;
  text-align: right;
  color: #FF2282;
}

.payment-wrap .pay-info-box ul .won::after {
  content: '원';
  display: inline-block;
}

.payment-wrap .pay-info-box ul .point::before {
  content: '-';
  display: inline-block;
}

.payment-wrap .pay-info-box ul .point::after {
  content: 'P';
  display: inline-block;
}


.payment-wrap .tk-info-box {
  padding: 20px 0;
  border-bottom: 12px solid #f4f6f8;
}

.payment-wrap .tk-info-box ul {
  padding: 10px 20px;
}

.payment-wrap .tk-info-box ul>li {
  padding: 10px 0;
}

.payment-wrap .tk-info-box ul .subject {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  color: #222222;
}

.payment-wrap .tk-info-box ul .subject span::after {
  content: '*';
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  color: #FF2282;
  margin-left: 3px;
  margin-top: -3px;
  vertical-align: middle;
  position: relative;
}

.payment-wrap .tk-info-box ul .subject img {
  margin-left: 4px;
  margin-top: -1px;
}

.payment-wrap .tk-info-box ul .boxArea {
  padding: 12px;
  background: #FAFAFA;
  border: 1px solid rgba(218, 218, 218, 0.5);
  border-radius: 5px;
  margin: 0 0 10px 0;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}

.payment-wrap .tk-info-box ul .boxinput {
  display: flex;
  padding: 0 0 10px 0;
}

.payment-wrap .tk-info-box ul .boxinput input {
  border: 1px solid rgba(218, 218, 218, 0.5);
  border-radius: 5px;
  padding: 12px;
  flex-grow: 1;
  font-weight: 400;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  color: #222;
  box-sizing: border-box;
}

.payment-wrap .tk-info-box ul .boxinput input::placeholder {
 font-weight: 400;
 font-size: 13px;
}

.payment-wrap .tk-info-box .title {
 font-weight: 600;
 font-size: 16px;
 color: #222222;
 border-bottom: 1px solid rgba(218, 218, 218, 0.5);
 padding: 0 20px 20px 20px;

 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: flex-start;
 align-items: center;
}

.payment-wrap .tk-info-box .title img {
 width: 26px;
 margin-top: -2px;
 margin-right: 6px;
}


.payment-wrap .paymentArea {
  padding: 20px 0 0 0;
  border-bottom: 12px solid #f4f6f8;
}

.payment-wrap .paymentArea .title {
 font-weight: 600;
 font-size: 16px;
 color: #222222;
 border-bottom: 1px solid rgba(218, 218, 218, 0.5);
 padding: 0 20px 20px 20px;

 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: flex-start;
 align-items: center;
}

.payment-wrap .paymentArea .title img {
 width: 26px;
 margin-top: -2px;
 margin-right: 6px;
}

.payment-wrap .paymentArea ul {
  padding: 0 20px;
}

.payment-wrap .paymentArea ul>li {
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  /* padding: 17px 0; */
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.payment-wrap .paymentArea ul>li:last-child {
  border: none;
}

/* 결제페이지 결제 수단 선택 */
.payment-wrap .paymentArea input {
  width: 22px;
  height: 22px;
  appearance: revert !important;
  margin: 0;
  padding: 0;
}

.payment-wrap .paymentArea input[type=radio] {
    display:none;
}

.payment-wrap .paymentArea input[type=radio] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url('../img/pay-order-none.svg');
    display: block;
    padding: 17px 0 17px 30px;
}

.payment-wrap .paymentArea input[type=radio]:checked + label {
    background-image: url('../img/pay-order-ok.svg');
    color: #FF2282;
    font-weight: 500;
    /* background-size: contain; */
}

.payment-wrap .paymentArea input[type=radio]:disabled + label {
    /* background-size: contain; */
    background-image: url('../img/pay-order-none.svg');
}

.payment-wrap .orderBtn {
  padding: 20px;
}

.payment-wrap .orderBtn .alert {
  margin: 0 0 14px 0;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: #969696;
}

.payment-wrap .orderBtn button {
  background: #FF2282;
  border-radius: 10px;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  color: #FFFFFF;
  line-height: 46px;
  height: 46px;
  border: 0;
  width: 100%;
  display: block;
  cursor: pointer;
}



/* 주문목록 페이지 */
.order-list-wrap {
  margin-top: 68px;
}

.order-list-wrap .dateArea {
  padding: 0 20px 20px 20px;
  border-top: 0px solid rgba(218, 218, 218, 0.5);
  border-bottom: 12px solid rgb(244, 246, 248, 1);
}

.order-list-wrap .dateArea ul.orderDate {

}

.order-list-wrap .dateArea ul.orderDate .title {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
  padding: 20px 0 8px 0;
}

.order-list-wrap .dateArea ul.orderDate .date {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.payment-wrap .orderFinBtn {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  background: rgba(218, 218, 218, 0.5);
  padding: 20px 20px 32px 20px;
}
.payment-wrap .orderFinBtn button {
    border-radius: 10px;
    text-align: center;
    line-height: 46px;
    height: 46px;
    border: 0;
    width: 49%;
    display: block;
    font-weight: 600;
    font-size: 16px;
}
.payment-wrap .orderFinBtn .goList {
  background: #CACACA;
  color: #222;
}
.payment-wrap .orderFinBtn .goShop {
  background: #FF2282;
  color: #fff;
}

.order-list-wrap .dateArea ul.orderDate .date img {
  width: 20px;
  margin-right: 8px;
  margin-top: -2px;
}

.order-list-wrap .dateArea ul.orderDate .date input {
  border: none;
  background: #fff;
  padding: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 43px;
  height: 43px;
  color: #222222;
  width: 100%;
}

.order-list-wrap .dateArea ul.orderDate .date .toBox {
  font-weight: 500;
  font-size: 16px;
  line-height: 43px;
  height: 43px;
  color: #888888;
  padding: 0 8px;
}

.order-list-wrap .dateArea ul.orderDate .date .startDate,
.order-list-wrap .dateArea ul.orderDate .date .endDate {
  border: 1px solid rgba(218, 218, 218, 0.5);
  border-radius: 5px;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
  padding: 0 12px;
}


.order-list-wrap .dateArea ul.orderStatus {
  padding: 0;
  margin: 20px 0 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.order-list-wrap .dateArea ul.orderStatus .statusBox{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
  margin: 0 4px;
}

.order-list-wrap .dateArea ul.orderStatus .selectStatus{
  margin: 0 4px 0 0;
}

.order-list-wrap .dateArea ul.orderStatus .selectUser{
  margin: 0 0 0 4px;
}

.order-list-wrap .dateArea ul.orderStatus .statusBox p {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
  margin-bottom: 8px;
}

.order-list-wrap .dateArea ul.orderStatus .statusBox input {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
  margin-bottom: 8px;
}

/* 주문목록 페이지 셀렉트 디자인 */
.order-list-wrap .dateArea ul.orderStatus .statusBox .SumoSelect {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 90px;
  max-width: 100%;
  height: 43px;
  outline: 0;
  margin: 0;
  background: #fff;
  border: 1px solid rgba(218, 218, 218, 0.5);
  border-radius: 5px;
  box-sizing: border-box;

  text-align: left;
  font-weight: 500;
  font-size: 16px;
  line-height: 43px;
  color: #222222 !important;
}

.order-list-wrap .dateArea ul.orderStatus .statusBox .SumoSelect>.CaptionCont>span.placeholder {
  color: #222;
  font-weight: 500;
  font-size: 15px;
  margin-top: 2px;
  letter-spacing: -1px;
}

.order-list-wrap .dateArea ul.orderStatus .statusBox .SumoSelect>.CaptionCont>span {
  padding-right: 0px;
  color: #222;
  font-weight: 500;
  font-size: 15px;
  margin-top: 1px;
  letter-spacing: -1px;
}

.order-list-wrap .dateArea ul.orderStatus .statusBox .SumoSelect>.CaptionCont>label {
  width: 25px;
}

.order-list-wrap .dateArea ul.orderStatus .statusBox .SumoSelect>.CaptionCont>label::after {
  color: #888;
  font-size: 11px;
  margin-top: 15px;
}

.order-list-wrap .dateArea ul.orderStatus .statusBox .SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk {
  color: #FF2282;
}

.order-list-wrap .dateArea ul.orderStatus .statusBox:last-child .SumoSelect>.optWrapper {
  left: auto;
  right: 0%;
}


.order-list-wrap .dateArea ul.orderSearch {

}

.order-list-wrap .dateArea ul.orderSearch .title {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
  padding: 20px 0 8px 0;
}

.order-list-wrap .dateArea ul.orderSearch .searchArea {
  border: 1px solid rgba(218, 218, 218, 0.5);
  border-radius: 5px;
}

.order-list-wrap .dateArea ul.orderSearch .searchArea {
  border: 1px solid rgba(218, 218, 218, 0.5);
  border-radius: 5px;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0 12px;
}

.order-list-wrap .dateArea ul.orderSearch .searchArea input {
  border: 0;
  height: 43px;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 43px;
  color: #222;
}

.order-list-wrap .dateArea ul.orderSearch .searchArea input::placeholder {
  font-weight: 300;
  letter-spacing: -0.5px;
  font-size: 14px;
  color: #888;
}

.order-list-wrap .dateArea .searchBtn {
  margin-top: 20px;
}

.order-list-wrap .dateArea .searchBtn button {
  background: #FF2282;
  border-radius: 10px;
  border: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 46px;
  height: 46px;
  text-align: center;
  color: #FFFFFF;
  width: 100%;
  display: block;
  cursor: pointer;
}


.order-list-wrap .orderListArea {
  padding: 0;
}

.order-list-wrap .orderListArea .resultOrderArea {
  border-bottom: 12px solid rgb(244 246 248);
  padding: 20px 0 0 0;
}

.order-list-wrap .orderListArea .resultOrderArea:last-child {
  border-bottom: 0;
  padding: 20px 0 0 0;
}

.order-list-wrap .orderListArea .resultOrderArea .orderBasic {
  border-bottom: 1px solid rgb(244 246 248);
  padding: 0 20px 20px 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.order-list-wrap .orderListArea .resultOrderArea .orderBasic .date {
  font-weight: 700;
  font-size: 18px;
  color: #222222;
}

.order-list-wrap .orderListArea .resultOrderArea .orderBasic .goOrder {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
  cursor: pointer;
}

.order-list-wrap .orderListArea .resultOrderArea .orderBasic .goOrder::after {
  content: "\f105";
  font: var(--fa-font-solid);
  margin-left: 4px;
  font-size: 11px;
  margin-top:-2px;
  vertical-align: middle;
  display: inline-block;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder {
  padding: 20px;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .statusOrder {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .statusOrder .nowStatus {
  font-weight: 700;
  font-size: 16px;
  color: #18C0F5;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .statusOrder .orderCode {
  font-weight: 400;
  font-size: 12px;
  text-align: right;
  color: #919191;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .statusOrder .orderCode::before {
  content: 'No.';
  display: inline-block;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .product {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .product .prodImg {
  background: #FFFFFF;
  border: 1px solid rgba(218, 218, 218, 0.5);
  box-sizing: border-box;
  border-radius: 10px;
  overflow: hidden;
  width: 75px;
  height: 75px;
  min-width: 75px !important;
  padding: 0px;
  cursor: pointer;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .product .prodImg img {
  width: 100%;
  height: 100%;
  max-width: 75px;
  max-height: 75px;
  object-fit: contain;
  object-position: center;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .product .prodText {
  margin-left: 12px;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .product .prodText .user {
  font-weight: 500;
  font-size: 12px;
  color: #666666;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .product .prodText .prodName {
  font-weight: 700;
  font-size: 14px;
  color: #212121;
  cursor: pointer;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .product .prodText .prodOpt {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .product .prodText .prodPayment {
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  margin-top: 3px;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .product .prodText .prodPayment .prodNum::after {
  content: '개';
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .product .prodText .prodPayment .prodPrice::before {
  content: '/';
  margin: 0 3px 0 2px;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .product .prodText .prodPayment .prodPrice::after {
  content: '원';
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .orderConfirm {
  margin-top: 16px;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .orderConfirm button {
  border: 1px solid #C9C9C9;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 50px;
  height: 50px;
  color: #666666;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .orderConfirm button .confirm {
  margin-left: -15px;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .orderConfirm button .confirm::before {
  content: "\f00c";
  font: var(--fa-font-solid);
  margin-right: 5px;
  font-size: 12px;
  margin-top:-3px;
  vertical-align: middle;
  display: inline-block;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .orderCheck {
  margin-top: 12px;
  font-weight: 500;
  font-size: 14px;
  color: #666666;
  line-height: 50px;
  height: 50px;
  border: 1px solid #C9C9C9;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .orderCheck .orderCheckBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  flex-wrap: nowrap;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
  padding-bottom: 20px;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder:last-child .orderCheck .orderCheckBox {
  border-bottom: 0;
  padding-bottom: 0;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .orderCheck .orderCheckBox span.text {
  line-height: 26px;
  height: 26px;
  display: block;
  flex-grow: 1;
  text-align: center;
  cursor: pointer;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .orderCheck .orderCheckBox span:nth-child(2) {
  border-left: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
}


/* 주문 취소 페이지 */
.order-cc-wrap {
  margin-top: 68px;
}

.order-cc-wrap .prodStatus {
  border-top: 1px solid rgba(218, 218, 218, 0.5);
  padding: 20px;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
}

.order-cc-wrap .prodAreaBox {
  padding : 0 0 5px 0;
  border-bottom: 12px solid rgba(218, 218, 218, 0.5);
}

.order-cc-wrap .prodAreaBox ul.prodArea {
  padding: 0 20px;

}

.order-cc-wrap .prodAreaBox ul.prodArea .product {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  border-top: 1px solid rgba(218, 218, 218, 0.5);
  padding: 15px 0;
}

.order-cc-wrap .prodAreaBox ul.prodArea .product .prodImg {
	background: #FFFFFF;
    border: 1px solid rgba(218, 218, 218, 0.5);
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
    width: 75px;
    height: 75px;
    min-width: 75px !important;
    padding: 0;
    position: relative;
}

.order-cc-wrap .prodAreaBox ul.prodArea .product .prodImg img {
    width: 100%;
    height: 100%;
    max-width: 75px;
    max-height: 75px;
    object-fit: contain;
    object-position: center;
}

.order-cc-wrap .prodAreaBox ul.prodArea .product .prodText {
  margin-left: 12px;
}

.order-cc-wrap .prodAreaBox ul.prodArea .product .prodText .user {
  font-weight: 500;
  font-size: 12px;
  color: #666666;
}

.order-cc-wrap .prodAreaBox ul.prodArea .product .prodText .prodName {
  font-weight: 700;
  font-size: 14px;
  color: #212121;
}

.order-cc-wrap .prodAreaBox ul.prodArea .product .prodText .prodOpt {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
}

.order-cc-wrap .prodAreaBox ul.prodArea .product .prodText .prodPayment {
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}

.order-cc-wrap .prodAreaBox ul.prodArea .product .prodText .orderCode {
  font-weight: 400;
  font-size: 12px;
  text-align: left;
  color: #919191;
  margin-top: 2px;
}

.order-cc-wrap .prodAreaBox ul.prodArea .product .prodText .orderCode::before {
  content: 'No.';
  display: inline-block;
}

.order-cc-wrap .prodAreaBox ul.prodArea .product .prodText .prodPayment .prodNum::after {
  content: '개';
}

.order-cc-wrap .prodAreaBox ul.prodArea .product .prodText .prodPayment .prodPrice::before {
  content: '/';
  margin: 0 3px 0 2px;
}

.order-cc-wrap .prodAreaBox ul.prodArea .product .prodText .prodPayment .prodPrice::after {
  content: '원';
}



.order-cc-wrap .paymentArea {
  padding: 20px 0 0 0;
  border-bottom: 12px solid rgba(218, 218, 218, 0.5);
}

.order-cc-wrap .paymentArea .title {
 font-weight: 600;
 font-size: 16px;
 color: #222222;
 border-bottom: 1px solid rgba(218, 218, 218, 0.5);
 padding: 0 20px 20px 20px;

 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: flex-start;
 align-items: center;
}

.order-cc-wrap .paymentArea .title img {
 width: 26px;
 margin-top: -2px;
 margin-right: 6px;
}

.order-cc-wrap .paymentArea ul {
  padding: 0 20px;
}

.order-cc-wrap .paymentArea ul>li {
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  /* padding: 17px 0; */
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.order-cc-wrap .paymentArea ul>li:last-child {
  border: none;
}

/* 취소 사유  선택 */
.order-cc-wrap .paymentArea .reasonArea input,
#cartopen ul.sell-section .excOpts input {
  width: 22px;
  height: 22px;
  appearance: revert !important;
  margin: 0;
  padding: 0;
}

.order-cc-wrap .paymentArea .reasonArea input[type=radio],
#cartopen ul.sell-section .excOpts input[type=radio] {
    display:none;
}

.order-cc-wrap .paymentArea .reasonArea input[type=radio] + label,
#cartopen ul.sell-section .excOpts input[type=radio] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url('../img/pay-order-none.svg');
    display: block;
    padding: 17px 0 17px 30px;
}

#cartopen ul.sell-section .excOpts input[type=radio] + label {
  padding: 0 0 0 30px !important;
}

.order-cc-wrap .paymentArea .reasonArea input[type=radio]:checked + label,
#cartopen ul.sell-section .excOpts input[type=radio]:checked + label {
    background-image: url('../img/pay-order-ok.svg');
    color: #FF2282;
    font-weight: 500;
    /* background-size: contain; */
}

.order-cc-wrap .paymentArea .reasonArea input[type=radio]:disabled + label,
#cartopen ul.sell-section .excOpts input[type=radio]:disabled + label {
    /* background-size: contain; */
    background-image: url('../img/pay-order-none.svg');
}

.order-cc-wrap .paymentArea .reason-input {
  padding: 0 20px 20px 20px;
}

.order-cc-wrap .paymentArea .reason-input .text {
  border: 1px solid rgba(218, 218, 218, 0.5);
  background: #fff;
  line-height: 48px;
  height: 48px;
  box-sizing: border-box;
  width: 100%;
  padding: 0 12px;
  border-radius: 5px;
  font-weight: 400;
  font-size: 16px;
  color: #222;
}

.order-cc-wrap .paymentArea .reason-input .text::placeholder {
  font-weight: 300;
  font-size: 13px;
}


.order-cc-wrap .order-cc-btnArea {
  background: #F4F6F8;
  padding: 20px;
}

.order-cc-wrap .order-cc-btnArea .order-alert-box {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  margin-bottom: 17px;
}

.order-cc-wrap .order-cc-btnArea .ccBtn {

}

.order-cc-wrap .order-cc-btnArea .ccBtn button {
  background: #FF2282;
  border-radius: 10px;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  color: #FFFFFF;
  line-height: 46px;
  height: 46px;
  border: 0;
  width: 100%;
  display: block;
}


.order-cc-wrap .tk-info-box {
  padding: 20px 0;
  border-bottom: 12px solid rgba(218, 218, 218, 0.5);
}

.order-cc-wrap .tk-info-box ul {
  padding: 10px 20px;
}

.order-cc-wrap .tk-info-box ul>li {
  padding: 10px 0;
}

.order-cc-wrap .tk-info-box ul .subject {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  color: #222222;
}

.order-cc-wrap .tk-info-box ul .subject span::after {
  content: '*';
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  color: #FF2282;
  margin-left: 3px;
  margin-top: -3px;
  vertical-align: middle;
  position: relative;
}

.order-cc-wrap .tk-info-box ul .subject img {
  margin-left: 4px;
  margin-top: -1px;
}

.order-cc-wrap .tk-info-box ul .boxArea {
  padding: 12px;
  background: #FAFAFA;
  border: 1px solid rgba(218, 218, 218, 0.5);
  border-radius: 5px;
  margin: 0 0 10px 0;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}

.order-cc-wrap .tk-info-box ul .boxinput {
  display: flex;
  padding: 0 0 10px 0;
}

.order-cc-wrap .tk-info-box ul .boxinput .vp-select-form {
  width: 100%;
}

.order-cc-wrap .tk-info-box ul .boxinput .vp-select-form .SumoSelect {
  border: 1px solid rgba(218, 218, 218, 0.5);
  border-radius: 5px;
  flex-grow: 1;
  font-weight: 400;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  color: #999;
  box-sizing: border-box;
  background: #fff;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}

.order-cc-wrap .tk-info-box ul .boxinput .vp-select-form .SumoSelect>.CaptionCont {
  padding: 9px 12px;
}

.order-cc-wrap .tk-info-box ul .boxinput .vp-select-form .SumoSelect>.CaptionCont>span.placeholder {
  color: #999;
  font-weight: 400;
  font-size: 16px;
  line-height: 161.8%;
}

.order-cc-wrap .tk-info-box ul .boxinput .vp-select-form .SumoSelect>.CaptionCont>label::after {
  margin-top: 16px;
  color: #a7a7a7;
}

.order-cc-wrap .tk-info-box ul .boxinput .vp-select-form .SumoSelect>.optWrapper>.options li.opt {
  border-top: 1px solid rgba(221, 221, 221, 0.5);
  padding: 0;
}

.order-cc-wrap .tk-info-box ul .boxinput .vp-select-form .SumoSelect>.optWrapper>.options li.firsts {
  border-top: none;
}

.order-cc-wrap .tk-info-box ul .boxinput .vp-select-form .SumoSelect>.optWrapper>.options li label {
  padding: 12px 20px;
  width: auto;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}

.order-cc-wrap .tk-info-box ul .boxinput .vp-select-form .SumoSelect.open>.optWrapper {
  padding: 45px 0 2px 0;
  width: 100% !important;
}

.order-cc-wrap .tk-info-box ul .boxinput .vp-select-form .SumoSelect>.CaptionCont>span {
  color: #222;
}

.order-cc-wrap .tk-info-box ul .boxinput .vp-select-form .SumoSelect>.optWrapper>.options {
  max-height: 170px;
  border-top: 1px solid rgba(221, 221, 221, 0.5);
}

.order-cc-wrap .tk-info-box ul .boxinput input {
  border: 1px solid rgba(218, 218, 218, 0.5);
  border-radius: 5px;
  padding: 12px;
  flex-grow: 1;
  font-weight: 400;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  color: #222;
  box-sizing: border-box;
}

.input-disabled {
  background: #e9e9e9 !important;
  color: #868686 !important;
}

.order-cc-wrap .tk-info-box ul .boxinput input::placeholder {
 font-weight: 400;
 font-size: 16px;
 color: #999;
}

.order-cc-wrap .tk-info-box .title {
 font-weight: 600;
 font-size: 16px;
 color: #222222;
 border-bottom: 1px solid rgba(218, 218, 218, 0.5);
 padding: 0 20px 20px 20px;

 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: flex-start;
 align-items: center;
}

.order-cc-wrap .tk-info-box .title img {
 width: 26px;
 margin-top: -2px;
 margin-right: 6px;
}

.order-cc-wrap .tk-info-box ul .boxinput select {
  border: 1px solid rgba(218, 218 ,218, 0.5);
  height: 48px;
  line-height: 48px;
  border-radius: 5px;
  box-sizing: border-box;
  width: 100%;
  padding: 0 12px;
  font-weight: 400;
  font-size: 16px;
   color: #999;
}

.order-cc-wrap .tk-info-box ul .boxinput select .selectOpt {
  color: #222;
  line-height: 43px;
}

.order-cc-wrap .tk-info-box ul .boxinput select::-ms-expand {
	display: none;
}
.order-cc-wrap .tk-info-box ul .boxinput select {
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background: url('../img/select-arrow.svg');
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
  background-size: 12px;
  outline: 0 none;
}


/* 교환 반품 페이지 */
.order-cc-wrap .return-menu .choose-btn {
  /* border-bottom: 1px solid rgba(218, 218, 218, 0.5); */
  text-align: center;
  font-size: 16px;
  color: #999;
  display: block;
  font-weight: 600;
  padding:12px 20px 0 20px;
}

.order-cc-wrap .return-menu .choose-btn span {
  display: inline-block;
  width: 50%;
  float: left;
  cursor: pointer;
}

.order-cc-wrap .return-menu .choose-btn span::after {
  content: '';
  display: inline-block;
  border-bottom: 2px solid transparent;
  width: 100%;
  padding-top: 3px;
}

.bordertop0 {
  border-top: none !important;
}

.padding20px {
  padding: 20px !important;
}

.displayblock {
  display: block !important;
}

.tk-info-box ul .boxinput .request {
  width: 100%;
  height: 150px;
  border: 1px solid rgba(218, 218, 218, 0.5);
  box-sizing: border-box;
  resize: none;
  font-weight: 400;
  font-size: 16px;
  color: #222;
  padding: 12px;
  border-radius: 5px;
}

.tk-info-box ul .boxinput .request::placeholder {
  color: #999;
}

.nonActive {
  background: #DEDEDE !important;
  cursor: not-allowed;
}

.order-cc-wrap .prodAreaBox ul.prodArea .returnOpt {
  margin-bottom: 15px;
}

.order-cc-wrap .prodAreaBox ul.prodArea .returnOpt .flexOpt {
  border: 1px solid #222222;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.order-cc-wrap .prodAreaBox ul.prodArea .returnOpt .flexOpt input {
  font-weight: 400;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  box-sizing: border-box;
  width: 90%;
  text-align: left;
  padding: 12px;
  background: transparent;
  color: #222222;
  border:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.order-cc-wrap .prodAreaBox ul.prodArea .returnOpt .flexOpt input::placeholder {
  color:#222;
  font-size: 16px;
  font-weight: 400;
  line-height: 48px;
}

.order-cc-wrap .prodAreaBox ul.prodArea .returnOpt .flexOpt::after {
  content: "\f105";
  font: var(--fa-font-solid);
  color: #222;
  font-size: 14px;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -7px;
}

#cartopen ul.myOptChange li:nth-child(2) {
  margin-left: 31px;
}

#cartopen .downupPopup-footer .texts {
  font-weight: 500;
  font-size: 14px;
  color: #999999;
  margin-bottom: 12px;
  text-align: center;
}

#cartopen .downupPopup-footer .texts img {
  width: 13px;
  position: relative;
  top: 1px;
  margin-right: 4px;
}





/* 주문 상세 페이지 */
.orderDetail-wrap {
  margin-top: 68px;
}

.orderDetail-wrap .orderBasic {
  border-top: 1px solid rgba(218, 218, 218, 0.5);
  border-bottom: 12px solid rgba(218, 218, 218, 0.5);
  padding: 16px 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.orderDetail-wrap .orderBasic .date {
  font-weight: 700;
  font-size: 18px;
  color: #222222;
}

.orderDetail-wrap .orderBasic .goOrder {
  font-weight: 400;
  font-size: 14px;
  text-align: right;
  color: #919191;
}

.orderDetail-wrap .orderBasic .goOrder::before {
  content: "No.";
  margin: 0px;
  display: inline-block;
}

.orderDetail-wrap .pay-info-box {
  padding: 20px 0;
  border-bottom: 12px solid rgba(218, 218, 218, 0.5);
}

.orderDetail-wrap .pay-info-box .title {
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
  padding: 0 20px 20px 20px;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.orderDetail-wrap .pay-info-box .title img {
  width: 26px;
  margin-top: -2px;
  margin-right: 6px;
}

.orderDetail-wrap .pay-info-box ul {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.orderDetail-wrap .pay-info-box ul>li {
  padding: 12px 0;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.orderDetail-wrap .pay-info-box ul>li:last-child {
  border-bottom: none;
}

.orderDetail-wrap .pay-info-box ul .area {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}

.orderDetail-wrap .pay-info-box ul .last {
  padding: 12px 0 0 0 !important;
}

.orderDetail-wrap .pay-info-box ul .flexie {
  flex-direction: column !important;
}

.orderDetail-wrap .pay-info-box ul .flexie p {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}

.orderDetail-wrap .pay-info-box ul .flexie p:first-child {
  font-weight: 600;
  font-size: 14px;
  color: #222222;
  margin-bottom: 5px;
}

.orderDetail-wrap .pay-info-box ul .area .price {
  font-weight: 500;
  font-size: 14px;
  text-align: right;
  color: #222222;
  max-width: 80%;
}

.orderDetail-wrap .pay-info-box ul .total-area {
  font-weight: 700;
  font-size: 14px;
  color: #222222;
  padding: 16px 0 0 0;
}

.orderDetail-wrap .pay-info-box ul .total-area .total-price {
  font-weight: 700;
  font-size: 14px;
  color: #222222;
  text-align: right;
}

.orderDetail-wrap .pay-info-box ul .won::after {
  content: '원';
  display: inline-block;
}

.orderDetail-wrap .pay-info-box ul .point::before {
  content: '-';
  display: inline-block;
}

.orderDetail-wrap .pay-info-box ul .point::after {
  content: 'P';
  display: inline-block;
}

.orderDetail-wrap .resultProdBox {
  padding: 16px;
  background: #F4F6F8;
}

.orderDetail-wrap .chkforms .resultProdBox:nth-child(2) {
  padding: 16px 16px 0 16px;
  background: #F4F6F8;
}

.orderDetail-wrap .resultProdBox .boxArea {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgb(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 4px 16px;
  margin-bottom: 0px;
}

.orderDetail-wrap ul.resultOrder {

}


.orderDetail-wrap ul.resultOrder .orderProd {
  padding-left: 30px;
  border-bottom: 1px solid rgba(218,218,218,0.5);
}

.orderDetail-wrap ul.resultOrder:last-child .orderProd {
  border-bottom: none;
}


.orderDetail-wrap ul.resultOrder .sellerName {
	position: relative;
}

.orderDetail-wrap ul.resultOrder .sellerName span {
	width: 80%;
	display: inline-block;
}

.orderDetail-wrap ul.resultOrder .sellerName label {
  padding: 12px 0 16px 30px;
  display: block;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #222 !important;
  line-height: 28px;
  height: 22px;
}

.orderDetail-wrap ul.resultOrder .sellerName::after {
  content: '';
  border-bottom: 1px solid rgba(218,218,218, 0.5);
  display: block;
  position: absolute;
  left: 0;
  right: 0;
}

.orderDetail-wrap ul.resultOrder .statusOrder {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 16px 0 12px 0;
}

.orderDetail-wrap ul.resultOrder .statusOrder .nowStatus {
  font-weight: 700;
  font-size: 16px;
  color: #18C0F5;
  margin-left: 30px;
  height: 22px;
}

.orderDetail-wrap ul.resultOrder .statusOrder .orderCode {
  font-weight: 400;
  font-size: 12px;
  text-align: right;
  color: #919191;
}

.orderDetail-wrap ul.resultOrder .product {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  cursor: pointer;
}

.orderDetail-wrap ul.resultOrder .product .prodImg {
  background: #FFFFFF;
  border: 1px solid rgba(218, 218, 218, 0.5);
  box-sizing: border-box;
  border-radius: 10px;
  overflow: hidden;
  width: 75px;
  height: 75px;
  min-width: 75px !important;
  padding: 0;
  position: relative;
}

.orderDetail-wrap ul.resultOrder .product .prodImg img {
  width: 100%;
  height: 100%;
  max-width: 75px;
  max-height: 75px;
  object-fit: contain;
  object-position: center;
}

.orderDetail-wrap ul.resultOrder .product .prodText {
  margin-left: 12px;
}

.orderDetail-wrap ul.resultOrder .product .prodText .user {
  font-weight: 500;
  font-size: 12px;
  color: #666666;
}

.orderDetail-wrap ul.resultOrder .product .prodText .prodName {
  font-weight: 700;
  font-size: 14px;
  color: #212121;
}

.orderDetail-wrap ul.resultOrder .product .prodText .prodOpt {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
}

.orderDetail-wrap ul.resultOrder .product .prodText .prodPayment {
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  margin-top: 3px;
}

.orderDetail-wrap ul.resultOrder .product .prodText .prodPayment .prodNum::after {
  content: '개';
}

.orderDetail-wrap ul.resultOrder .product .prodText .prodPayment .prodPrice::before {
  content: '/';
  margin: 0 3px 0 2px;
}

.orderDetail-wrap ul.resultOrder .product .prodText .prodPayment .prodPrice::after {
  content: '원';
}

.orderDetail-wrap ul.resultOrder .orderConfirm {
  margin-top: 16px;
  border-bottom: 0px solid rgba(218, 218, 218, 0.5);
  padding-bottom: 20px;
}

.orderDetail-wrap ul.resultOrder .orderConfirm button {
  border: 1px solid #C9C9C9;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 50px;
  height: 50px;
  color: #666666;
  cursor: pointer;
}

.orderDetail-wrap ul.resultOrder .orderConfirm button .confirm {

}

.orderDetail-wrap ul.resultOrder:last-child .orderConfirm {
  margin-top: 16px;
  border-bottom: none;
  padding-bottom: 20px;
}


.orderDetail-wrap ul.resultOrder .orderCheck {
  margin-top: 12px;
  font-weight: 500;
  font-size: 14px;
  color: #666666;
  line-height: 50px;
  height: 50px;
  border: 1px solid #C9C9C9;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0;
}

.orderDetail-wrap ul.resultOrder .orderCheck .orderCheckBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  flex-wrap: nowrap;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
  padding-bottom: 20px;
}

.orderDetail-wrap ul.resultOrder:last-child .orderCheck .orderCheckBox {
  border-bottom: 0;
  padding-bottom: 0;
}

.orderDetail-wrap ul.resultOrder .orderCheck .orderCheckBox span.text {
  line-height: 26px;
  height: 26px;
  display: block;
  flex-grow: 1;
  text-align: center;
}

.orderDetail-wrap ul.resultOrder .orderCheck .orderCheckBox span:nth-child(2) {
  border-left: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
}

.orderDetail-wrap ul.prod-title {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: space-between;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.orderDetail-wrap .prod-title .prod-title-li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  color: #222;
}

.orderDetail-wrap .prod-title .prod-title-li span {
  display: flex;
  align-items: center;
  vertical-align: middle;
}

.orderDetail-wrap .prod-title .prod-title-li img {
  width: 20px;
  margin-top: -2px;
  margin-right: 8px;
}

.orderDetail-wrap .prod-title .prod-title-li strong {
  color: #222;
}

.orderDetail-wrap .prod-title .prod-title-li strong::before {
  content: '총';
  display: inline-block;
  margin-right: 3px;
}

.orderDetail-wrap .prod-title .prod-title-li strong::after {
  content: '개';
  display: inline-block;
  margin-left: 0px;
}

.orderDetail-wrap .prod-title .orderCheck {
  margin-top: 15px;
  font-weight: 500;
  font-size: 14px;
  color: #666666;
  line-height: 50px;
  height: 50px;
  border: 1px solid #C9C9C9;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0;
}

.orderDetail-wrap .prod-title .orderCheck .orderCheckBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  flex-wrap: nowrap;
  height: 50px;
  line-height: 50px;
  padding-bottom: 20px;
}

.orderDetail-wrap .prod-title:last-child .orderCheck .orderCheckBox {
  border-bottom: 0;
  padding-bottom: 0;
}

.orderDetail-wrap .prod-title .orderCheck .orderCheckBox span {
	cursor: pointer;
}

.orderDetail-wrap .prod-title .orderCheck .orderCheckBox span.text {
  line-height: 26px;
  height: 26px;
  display: block;
  flex-grow: 1;
  text-align: center;
}

.orderDetail-wrap .prod-title .orderCheck .orderCheckBox span:nth-child(2) {
  border-left: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
}

.orderDetail-wrap .prod-title .prod-title-li .orderChecker {
  font-weight: 500;
  font-size: 14px;
  color: #212121;
}

/* 장바구니 선택 input */
.orderDetail-wrap .orderChecker label {

}

.orderDetail-wrap .orderChecker label .all-check {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #212121;
}


.orderDetail-wrap .orderChecker input[type=checkbox] {
    display:none;
}

.orderDetail-wrap .orderChecker input[type=checkbox] + label {
    cursor: pointer;
    padding-right: 28px;
    font-size: 19px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url('../img/cart-check-no.svg');
    background-size: 22px;
}

.orderDetail-wrap .orderChecker input[type=checkbox]:checked + label {
    background-image: url('../img/cart-check-ok.svg');
    background-size: 22px;
}

.orderDetail-wrap .orderChecker input[type=checkbox]:disabled + label {
    background-image: url('../img/cart-check-no.svg');
    background-size: 22px;
}

.orderDetail-wrap .prod-list-box {
  border-bottom: 12px solid rgba(218, 218, 218, 0.5);
  padding: 0 20px;
}

.orderDetail-wrap .prod-list-box ul.prod-list {
  padding: 16px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.orderDetail-wrap .prod-list-box ul.prod-list .prod-img {
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  height: 75px;
  border: 1px solid rgba(218, 218, 218, 0.5);
  border-radius: 10px;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.orderDetail-wrap .prod-list-box ul.prod-list .prod-img img {
  width: 100%;
}

.orderDetail-wrap .prod-list-box ul.prod-list .prod-info {
  width: 100%;
  padding-left: 12px;
}

.orderDetail-wrap .prod-list-box ul.prod-list .prod-info .prod-user {
  font-weight: 500;
  font-size: 12px;
  color: #666666;
}

.orderDetail-wrap .prod-list-box ul.prod-list .prod-info .prod-name {
  font-weight: 700;
  font-size: 14px;
  color: #212121;
}

.orderDetail-wrap .prod-list-box ul.prod-list .prod-info .prod-opt {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
}

.orderDetail-wrap .prod-list-box ul.prod-list .prod-info .prod-pay {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 3px;
}

.orderDetail-wrap .prod-list-box ul.prod-list .prod-info .prod-pay .num {
  font-weight: 400;
  font-size: 14px;
  color: #FF2282;
}

.orderDetail-wrap .prod-list-box ul.prod-list .prod-info .prod-pay .num::after {
  content: '개';
  display: inline-block;
}

.orderDetail-wrap .prod-list-box ul.prod-list .prod-info .prod-pay .pay {
  font-weight: 700;
  font-size: 16px;
  text-align: right;
  color: #222222;
}

.orderDetail-wrap .prod-list-box ul.prod-list .prod-info .prod-pay .pay::after {
  content: '원';
  display: inline-block;
}

.orderDetail-wrap .prod-list-box ul.prod-list:last-child {
  border-bottom: none;
}


/* 주문 목록, 주문 상세페이지 배송조회 모달 */
#cartopen .vpTracking {
  padding: 20px 0px !important;
}

#cartopen .vpTracking .cart-list-box ul.prodArea {
  padding: 0 20px 20px 20px;
  border-bottom: 12px solid rgba(218, 218, 218, 0.5);
}

#cartopen .vpTracking .prodStatus {
  padding: 0 20px 20px 20px;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  text-align: left;
}

#cartopen .vpTracking .prodStatus span {
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
  display: block;
  width: 100%;
  padding-bottom: 20px;
}

#cartopen .vpTracking .cart-list-box ul.prodArea .product {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  border-top: none;
  padding: 0;
}

#cartopen .vpTracking .cart-list-box ul.prodArea .product .prodImg {
  background: #FFFFFF;
  border: 1px solid rgba(218, 218, 218, 0.5);
  box-sizing: border-box;
  border-radius: 10px;
  overflow: hidden;
  width: 75px;
  height: 75px;
  min-width: 75px !important;
  padding: 10px;
}

#cartopen .vpTracking .cart-list-box ul.prodArea .product .prodImg img {
  width: 100%;
  object-fit: cover;
}

#cartopen .vpTracking .cart-list-box ul.prodArea .product .prodText {
  margin-left: 12px;
}

#cartopen .vpTracking .cart-list-box ul.prodArea .product .prodText .user {
  font-weight: 500;
  font-size: 12px;
  color: #666666;
}

#cartopen .vpTracking .cart-list-box ul.prodArea .product .prodText .prodName {
  font-weight: 700;
  font-size: 14px;
  color: #212121;
}

#cartopen .vpTracking .cart-list-box ul.prodArea .product .prodText .prodOpt {
  font-weight: 500;
  font-size: 14px;
  color: #666666;
}

#cartopen .vpTracking .cart-list-box ul.prodArea .product .prodText .prodPayment {
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}

#cartopen .vpTracking .cart-list-box ul.prodArea .product .prodText .orderCode {
  font-weight: 400;
  font-size: 12px;
  text-align: left;
  color: #919191;
  margin-top: 2px;
}

#cartopen .vpTracking .cart-list-box ul.prodArea .product .prodText .orderCode::before {
  content: 'No.';
  display: inline-block;
}

#cartopen .vpTracking .cart-list-box ul.prodArea .product .prodText .prodPayment .prodNum::after {
  content: '개';
}

#cartopen .vpTracking .cart-list-box ul.prodArea .product .prodText .prodPayment .prodPrice::before {
  content: '/';
  margin: 0 3px 0 2px;
}

#cartopen .vpTracking .cart-list-box ul.prodArea .product .prodText .prodPayment .prodPrice::after {
  content: '원';
}

#cartopen .vpTracking .cart-list-box .pay-info-box {
  padding: 20px 0;
  border-bottom: 12px solid rgba(218, 218, 218, 0.5);
}

#cartopen .vpTracking .cart-list-box .pay-info-box .title {
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
  padding: 0 20px 20px 20px;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

#cartopen .vpTracking .cart-list-box .pay-info-box .title img {
  width: 26px;
  margin-top: -2px;
  margin-right: 6px;
}

#cartopen .vpTracking .cart-list-box .pay-info-box ul {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

#cartopen .vpTracking .cart-list-box .pay-info-box ul>li {
  padding: 12px 0;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#cartopen .vpTracking .cart-list-box .pay-info-box ul>li:last-child {
  border-bottom: none;
}

#cartopen .vpTracking .cart-list-box .pay-info-box ul .area {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}

#cartopen .vpTracking .cart-list-box .pay-info-box ul .last {
  padding: 12px 0 0 0 !important;
}

#cartopen .vpTracking .cart-list-box .pay-info-box ul .flexie {
  flex-direction: column !important;
}

#cartopen .vpTracking .cart-list-box .pay-info-box ul .flexie p {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}

#cartopen .vpTracking .cart-list-box .pay-info-box ul .flexie p:first-child {
  font-weight: 600;
  font-size: 14px;
  color: #222222;
  margin-bottom: 5px;
}

#cartopen .vpTracking .cart-list-box .pay-info-box ul .area .price {
  font-weight: 500;
  font-size: 14px;
  text-align: right;
  color: #222222;
  max-width: 80%;
}

#cartopen .vpTracking #trackingTime {
  padding:30px 20px 20px 20px;
}

#cartopen .vpTracking .timeline {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: nowrap;
  align-items: flex-start;
}

#cartopen .vpTracking .tl-item {
  display: block;
  position: relative;
  width: 100%;
}

#cartopen .vpTracking .timeline .tl-item:last-child .tl-content {
    padding: 0 0 14px 14px;
}

#cartopen .vpTracking .timeline .tl-item:last-child .tl-wrap:before {
  top: 0;
  border-color: inherit;
  border-radius: 50%;
  background: #FF2282;
  width: 17px;
  height: 17px;

}

#cartopen .vpTracking .timeline .tl-item:last-child .tl-date {
    top: 0;
}

#cartopen .vpTracking .timeline .tl-item:last-child .tl-content .vtitle {
    color: #FF2282;
}

#cartopen .vpTracking .timeline .tl-item:first-child .tl-content,
#cartopen .vpTracking .timeline .tl-item:first-child .tl-date {
  position: absolute;
}

#cartopen .vpTracking .timeline .tl-item:first-child {
  position: relative;
  width: 100%;
  height: 72px;
}

#cartopen .vpTracking .tl-item:before,
#cartopen .vpTracking .tl-item:after {
  content: " ";
  display: table;
}

#cartopen .vpTracking .tl-item:after {
  clear: both;
}

#cartopen .vpTracking .visible-left {
  display: none;
}

#cartopen .vpTracking .tl-wrap {
  display: block;
  margin-left: 62px;
  padding: 0;
  border-style: solid;
  border-color: #FF2282;
  border-width: 0 0 0 1px;
}

#cartopen .vpTracking .tl-wrap:before,
#cartopen .vpTracking .tl-wrap:after {
  content: " ";
  display: table;
}

#cartopen .vpTracking .tl-wrap:after {
  clear: both;
}

#cartopen .vpTracking .tl-wrap:before {
  position: relative;
  content: "";
  float: left;
  top: 15px;
  margin-left: -9px;
  width: 17px;
  height: 17px;
  background-image: url('../img/track-arrow-icon.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#cartopen .vpTracking .tl-item .tl-wrap .vtitle {
  font-weight: 500;
  font-size: 16px;
  color: #666666;
  padding: 0;
  margin: 0;
}

#cartopen .vpTracking .tl-item .tl-wrap .vsub {
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  padding: 0;
  margin: 5px 0 0 0;
  letter-spacing: -0.5px;
}

#cartopen .vpTracking .tl-date {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  position: relative;
  top: 14px;
  margin-left: 0;
  display: block;
  width: 40px;
  text-align: right;
  position: absolute;
  left: 0;
}

#cartopen .vpTracking .tl-content {
  display: inline-block;
  position: relative;
  padding: 14px 0 14px 14px;
  background-color: transparent;
}




/* 공통 헤더 */
#vpm-header {
  background: #fff;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  height: 56px;
}

.vpm-header-btm {
  border-bottom:1px solid rgba(218,218,218,0.5);
  box-sizing: border-box;
}

#vpm-header .headArea {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

#vpm-header .nBox {
  padding: 0 20px;
  height: 56px;
  line-height: 56px;
  box-sizing: border-box;
}

#vpm-header .sBox {
  padding: 9px 20px;
}

#vpm-header .headArea .left {
  text-align: left;
  width: 26px;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  line-height: 0;
}

#vpm-header .headArea .left img {
  width: 22px !important;
  cursor: pointer;
}

#vpm-header .headArea .left .goHome {
  margin-left: 8px;
}

#vpm-header .headArea .empty {
  width: 60px;
  display: block;
}

#vpm-header .headArea .left .close {
  width: 18px;
}

#vpm-header .headArea .main {
  font-weight: 700;
  font-size: 22px;
  color: #222222;
  line-height: 1;
  text-align: left;
}

#vpm-header .headArea .left-txt {
  font-weight: 500;
  font-size: 18px;
  text-align: left;
  color: #222222;
  width: 100%;
  margin-left: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  vertical-align: middle;
  position: relative;
  top: 1px;
  line-height: 1;
}

#vpm-header .headArea .center-txt {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #222222;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  top: 2px;
  line-height: 1;
}

#vpm-header .headArea .right {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
}


/** Lucas01 **/
#vpm-header .headArea .center-auto {
  width: auto !important;
}

#vpm-header .headArea .saveBtn {
  /* width: 36px; */
  font-weight: 500;
  font-size: 18px;
  text-align: right;
  vertical-align: middle;
  position: relative;
  top: 2px;
  line-height: 1;
}

#vpm-header .headArea .saveBtn a {
  color: #E1E1E1;
}

#vpm-header .headArea .saveBtn a.saveAct {
  color: #FF2282;
}
/***/

#vpm-header .headArea .rights div {
  margin-right: 0px !important;
}

#vpm-header .headArea .rights label {
  top: -5px;
  cursor: pointer;
}

#vpm-header .headArea .right div {
  margin-right: 16px;
  line-height: 0;
  cursor: pointer;
}

/* cart search */
#vpm-header .headArea .right div.schicon {
  margin-right: 0px;
  line-height: 0;
  cursor: pointer;
}

#vpm-header .headArea .right div>img {
  width: 22px;
  cursor: pointer;
}

#vpm-header .headArea .right div>label {
  cursor: pointer;
}

#vpm-header .headArea .right .last {
  margin-right: 0;
}

#vpm-header .headArea .right .cartBox {
  position: relative;
}

#vpm-header .headArea .right .cartBox .cartNum {
  position: absolute;
  left: 10px;
  top: -5px;
  font-size: 9px;
  color: #fff;
  background: #FF2282;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  padding: 0;
  text-align: center;
  line-height: 1.9;
  vertical-align: middle;
  overflow: hidden;
  z-index: 1;
  display:block;
}

#vpm-header .headArea .right .close {
  width: 18px;
}

#vpm-header .headArea .search {
  background: #f4f4f4;
  border-radius: 10px;
  padding: 0;
  display: block;
  height: 38px;
  position: relative;
  width: 100%;
  margin: 0 8px 0 6px;
}

#vpm-header .headArea .search .search-input {
  background: transparent;
  display: block;
  width: 85%;
  border: 0;
  padding: 0 16px;
  font-weight: 500;
  font-size: 16px;
  color: #222;
  line-height: 38px;
  height: 38px;
  letter-spacing: -0.5px;
}

#vpm-header .headArea .search .icon {
  position: absolute;
  top: 9px;
  right: 9px;
}

#vpm-header .headArea .search .icon img {
  width: 19px;
}


/**** 로그인 페이지 ****/
.logWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 0 20px;
}

.logWrap .content {
  width: 100%;
  max-width: 440px;
/*   max-height: 375px; */
  background: #fff;
  text-align: center;
}

.logWrap .content ul.logBox {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0;
}

.logWrap .content ul.logBox li {

}

.logWrap .content ul.logBox .logo {
  margin: 0;
  padding: 0;
}

.logWrap .content ul.logBox .logo img {
  width: 95px;
}

.logWrap .content ul.logBox .mainTitle {
  font-weight: 600;
  font-size: 22px;
  color: #222222;
  margin: 30px 0 35px 0;
  line-height: 1;
}

.logWrap .content ul.logBox .inputArea {
  margin-bottom: 16px;
  border: 1px solid #DADADA;
  border-radius: 10px;
  box-sizing: border-box;
  width: 100%;
  max-width: 440px;
  overflow: hidden;
  padding: 0 12px;
  background: #fff;

  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;

  position: relative;
}

.logWrap .content ul.logBox .inputArea:focus-within {
  border-color: #ff2e5b;
}

.logWrap .content ul.logBox .inputArea .icon {
  width: 24px;
  margin-right: 8px;
}

.logWrap .content ul.logBox .inputArea span {
  display: inline-block;
  text-align: right;
  font-weight: 400;
  font-size: 12px;
  color: #FF1616;
  letter-spacing: -0.5px;
}

.logWrap .content ul.logBox .inputArea .infoCheck {
  position: absolute;
  right: 12px;

  background: #fff;
  padding: 0 0 0 8px;

  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.logWrap .content ul.logBox .inputArea .eye img {
  width: 20px;
  cursor: pointer;
}

/*.logWrap .content ul.logBox .inputArea .eye .eyeShow, */
.logWrap .content ul.logBox .inputArea .eye .eyeHide {
  display: none;
}


.logWrap .content ul.logBox .inputArea input {
  border: none;
  background: #fff;
  color: #222;
  font-weight: 400;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  padding: 0;
  /* max-width: 150px; */
  width: 100%;
  caret-color: #FF2282;
}

.logWrap .content ul.logBox .inputArea input::placeholder {
  color:#999;
}

.logWrap .content ul.logBox .inputArea:focus {
  border-color: #FF2282;
}

.logWrap .content ul.logBox .okBtn {
  width: 100%;
  max-width: 440px;
  margin-top: 8px;
}

.logWrap .content ul.logBox .okBtn button {
  background: #DEDEDE;
  border-radius: 10px;
  font-weight: 600;
  font-size: 18px;
  color: #FFFFFF;
  height: 48px;
  line-height: 48px;
  width: 100%;
  border: none;
  box-sizing: border-box;
  cursor: not-allowed;
  display: block;
}

.logWrap .content ul.logBox .okBtn .okBg {
  background: #FF2282;
  cursor: pointer;
}

.logWrap .content ul.logBox .subTitle {
  margin:15px 0 24px 0;
  font-weight: 500;
  font-size: 12px;
  color: #777777;
  line-height: 1.3;
}


.logWrap .content ul.logBox .addBtn {
  text-align: center;
  width: 100%;
  margin-top: 16px;
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}

.logWrap .content ul.logBox .addBtn a {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #777777;
  width: 33.333%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
}

.logWrap .content ul.logBox .addBtn a:nth-child(2) {
  border-left: 1px solid #BDBDBD;
  border-right: 1px solid #BDBDBD;
}





/* 메인 뉴 검색 220826-Lucas */
.toMy {
	position: fixed;
	/* width: 100%; */
  right: 0;
	top: 0;
	left: 0;
  display: none;
	padding: 20px;
	background: transparent;
}

.toMy .paddingVal {
  padding: 20px 0 !important;
}

#button-open {
  position: fixed;
  color: #000;
  z-index: 9999;
  right: 0;
  top: 17px;
  width: 22px;
  height: 22px;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

#button-open img {
  width:22px;
}

.toMy #button-close {
	color: #000;
    width: 22px;
}

.toMy #button-close .close {
  width: 22px;
}

.navegacion{
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100vh;
	background: rgba(0,0,0,.0);
}

.navegacion ul.menu {
	/* width: 100%; */
	height: 100%;
	background: #fff;
	list-style: none;
	position: absolute;
	top: 0;
	left: -320px;
  overflow-y: scroll;
  padding: 0 20px;
}

#newVpm-header {
  background: #fff;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
}

#newVpm-header .headArea {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

#newVpm-header .nBox {
  padding: 17px 20px;
}

#newVpm-header .sBox {
  padding: 9px 20px;
}

#newVpm-header .headArea .left {
  text-align: left;
  width: 26px;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

#newVpm-header .headArea .left img {
  width: 22px;
}

#newVpm-header .headArea .left .close {
  width: 18px;
}

#newVpm-header .headArea .main {
  font-weight: 700;
  font-size: 22px;
  color: #222222;
  line-height: 1;
  text-align: left;
}

#newVpm-header .headArea .left-txt {
  font-weight: 500;
  font-size: 18px;
  text-align: left;
  color: #222222;
  width: 100%;
  margin-left: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  vertical-align: middle;
  position: relative;
  top: 1px;
  line-height: 1;
}

#newVpm-header .headArea .center-txt {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #222222;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  top: 2px;
  line-height: 1;
}

#newVpm-header .headArea .right {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
}

#newVpm-header .headArea .rights div {
  margin-right: 0px !important;
}

#newVpm-header .headArea .rights label {
  top: -5px;
}

#newVpm-header .headArea .right div {
  margin-right: 16px;
}

#newVpm-header .headArea .right div>img {
  width: 22px;
}

#newVpm-header .headArea .right .last {
  margin-right: 0;
}

#newVpm-header .headArea .right .cartBox {
  position: relative;
}

#newVpm-header .headArea .right .cartBox .cartNum {
  position: absolute;
  left: 10px;
  top: -5px;
  font-size: 9px;
  color: #fff;
  background: #FF2282;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  padding: 0;
  text-align: center;
  line-height: 1.9;
  vertical-align: middle;
  overflow: hidden;
  z-index: 1;
}

#newVpm-header .headArea .right .close {
  width: 18px;
}

#newVpm-header .headArea .search {
  background: #f4f4f4;
  border-radius: 10px;
  padding: 0;
  display: block;
  height: 38px;
  position: relative;
  width: 100%;
  margin: 0 8px 0 6px;
}

#newVpm-header .headArea .fle {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

#newsearchwrap {
  width: 70%;
}

#newVpm-header .headArea .search .search-input {
  background: transparent;
  display: block;
  width: 100%;
  border: 0;
  padding: 0 16px;
  font-weight: 500;
  font-size: 16px;
  color: #222;
  line-height: 38px;
  height: 38px;
  letter-spacing: -0.5px;
}

#newVpm-header .headArea .search .icon {
  z-index: 99999;
  margin-right: 14px;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('../img/search-x2.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-attachment:initial;
}

.vp-wrap #header .newSearch {
/*   margin-top: 56px; */
}

.vp-wrap #header .newSearch .search-box {
  background: #F4F4F4;
  border-radius: 10px;
  padding: 0 10px;
  display: block;
  position: relative;
  height: 40px;
}

.vp-wrap #header .newSearch .search-box label {
  padding-left: 25px;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
  color: #8E8D92;
  height: 40px;
  display:block;
}

.vp-wrap #header .newSearch .search-box .mainNewSearch {
  opacity: 0;
  width:0px;
  height: 0px;
  display:none;
  font-size:0;
}

.vp-wrap #header .newSearch .icon {
  position: absolute;
  top: 8px;
  left: 10px;
}

.vp-wrap #header .newSearch .icon img {
  width: 18px;
  margin-top: 2px;
}

.vp-wrap #header .newSearch .search-box input {
  background: transparent;
  display: inline-block;
  width: 90%;
  border: 0;
  padding: 0 20px;
  font-weight: 500;
  font-size: 16px;
  color: #222;
  float: left;
  line-height: 1.3;
  margin-left: 7px;
  letter-spacing: -0.5px;
}





/******* PC Layout ********/

#vpBgWrap, #vpBgWrap2 {
  display:none;
  opacity: 0;
}

/******* PC Layout 992 ********/
@media only screen and (min-width : 992px) {

  /* height: 100vh; */

  /* 배경 컬러 */
  body {
    background:#F4F6F8;
  }

  /* 통합 헤더  500 */
  #vpm-header,
  .vmMenu {
    width: 500px;
    margin: 0 auto;
    background: #fff;
  }

  /* 인피니티 스크롤 통합, 장바구니, 주문취소,
     통합2, 주문취소, 주문 상세,
     주문 목록, 결제 */
  #wrapper, #show-cart, .order-cc-wrap,
  .vp-wrap, .order-cc-wrap, .orderDetail-wrap,
  .order-list-wrap, .payment-wrap, #pointWrap, .vmWrap,
  .vmQuQaWrap, .vmQuQaWrap .vmQuQaTitle, .vmQuQaWrap .vmQuQaChOk,
  .logWrap, #join_step_slt_div, .logWrapFlTop .vpScIdNeStBtn,
  #join_step_slt_div2, .ePayCardDelBox, .appAddBoxBn, .appAddBoxMd  {
    width:500px !important;
    margin:0 auto;
    background: #fff;
    overflow: auto;
    position: relative;
	/* height: calc(100vh - 56px); */
  }



  .fix--menu01, .fix--menu02, .fix--menu03, .fix--menu04, #itWrap .itFooter,
  .itTalkSend .itSendAgPopBox {
	max-width: 500px;
  }

  /* 마이페이지 */
  .vp-myp-wrap {
	margin: 0 auto;
    background: #fff;
    position: relative;
    overflow: auto;
    padding: 0 20px;
  }

  /* 장바구니 직원 변경, 장바구니 옵션 */
  .vp-cart-change-box, #cartopen, #newVpm-header {
    width: 500px !important;
    margin: 0 auto;
  }

  #show-cart-header .header {
    width: 460px !important;
    margin: 0 auto;
  }

  .navegacion ul.menu {
    background:#F4F6F8;
    padding: 0;
    width: 500px;
    margin: 0 auto;
	overflow: auto;
  }

  .section03 .prod-list {
    width: 48% !important;
  }

  .section03 .main-load-lists .box1>.prod-list:nth-child(odd) {
    margin-right: 1% !important;
  }

  .section03 .main-load-lists .box1>.prod-list:nth-child(even) {
    margin-left: 1% !important;
  }

  .view500px {
  	width:460px;
  }

  .guide-btn-a01 {
    max-width: 460px;
  }

}


/* 상품 리스트 태블릿 4개 진열 */
@media only screen and (min-width : 560px) {


	.section03 .main-load-lists .box1 {
		justify-content: flex-start;
	}

  .section03 .prod-list {
    width: 23%;
  }

  .section03 .main-load-lists .box1>.prod-list:nth-child(odd),
  .section03 .main-load-lists .box1>.prod-list:nth-child(even) {
    margin: 2% 1% 3% 1%;
  }


}

.eventNew {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.eventNew img {
  width: 100%;
  max-width: 500px;
  font-size: 0;
  line-height: 0;
}

.search-ok {
	border:0;
	background: #fff;
}


/*
@media only screen and (max-width : 380px) {
	.m--big--title .m--moreView {
		display: none;
	}
}
*/

/****** 포인트 페이지 *******/
#pointWrap {
  padding: 0;
  margin-top: 56px;
  height: calc(100vh - 56px);
  background: #FAFAFA;
}

#pointWrap .pText::after {
  content: 'P';
}

#pointWrap .pPlus::before {
  content: '+';
}

#pointWrap .pMinus::before {
  content: '-';
}

#pointWrap .pointHeader {
  padding: 25px 20px 35px 20px;
  background: #fff;
}

#pointWrap .pointHeader ul {
  display: flex;
  flex-direction: column;
  align-content: space-between;
  justify-content: center;
}

#pointWrap .pointHeader .title {
  font-weight: 500;
  font-size: 18px;
  color: #222222;
}

#pointWrap .pointHeader .pointNow {
  font-weight: 700;
  font-size: 36px;
  color: #222222;
}

#pointWrap .pointHeader .pointPlus {
  font-weight: 500;
  font-size: 16px;
  color: #777777;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

#pointWrap .pointHeader .pointPlus span {
  display: inline-block;
  line-height: 41px;
  height: 41px;
}

#pointWrap .pointHeader .pointPlus span.pUse {
  text-align: right;
  font-weight: 500;
  font-size: 16px;
  color: #222222;
}

#pointWrap .pointUse {
  padding: 0 20px 20px 20px;
  background: #fff;
}

#pointWrap .pointUse ul {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
}

#pointWrap .pointUse ul > li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

#pointWrap .pointUse .title {
  font-weight: 500;
  font-size: 18px;
  color: #222222;
  margin-bottom: 10px;
}

#pointWrap .pointUse .pBtn {

}

#pointWrap .pointUse .pBtn span {
  background: #F4F4F4;
  color: #adadad;
  border-radius: 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 33px;
  height: 33px;
  display: inline-block;
  padding: 0 12px;
  margin-right: 8px;
}

#pointWrap .pointUse .pBtn span:last-child {
  margin-right: 0px;
}

#pointWrap .pointUse .pBtn span.pActive {
  background: #222222;
  color: #fff;
}

#pointWrap .pArea {
  padding: 0 20px 20px 20px;
  background: #FAFAFA;
}

#pointWrap .pArea ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

#pointWrap .pArea ul > li {
  font-weight: 500;
  font-size: 12px;
  color: #222222;
  width: 25%;
  text-align: left;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
  line-height: 52px;
  height: 52px;
  box-sizing: border-box;
}

#pointWrap .pArea .date {

}

#pointWrap .pArea .reason {
  width: 35%;
}

#pointWrap .pArea .pointNum {
  text-align: right;
  width: 25%;
  padding-right: 5px;
}

#pointWrap .pArea .pointNum span {

}

#pointWrap .pArea .code {
  text-align: right;
  width: 15%;
}

#pointWrap .pArea ul.pEmpty {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}

#pointWrap .pArea ul.pEmpty li {
  width: 100%;
  border: none;
  text-align: center;
  margin-top: 20px;
}






/*** 마켓 업데이트 2022-10-13 LUCAS ***/

/** 비회원, 심사 중, 승인보류 장바구니 관련 ***/
.nomem--cart {
	margin-top: 50px;
    text-align: center;
    padding-bottom: 65px;
}

.nomem--cart .img--01 {

}

.nomem--cart .img--01 img {
  width: 180px;
}

.nomem--cart .label--01 {
  margin-top: 25px;
  text-align: center;
}

.nomem--cart .label--01 span {
  background: #FFE9F1;
  border-radius: 24px;
  width: 170px;
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #FF2282;
  display: block;
  margin: 0 auto;
}

.nomem--cart .text--01 {
  margin: 25px 0 20px 0;
}

.nomem--cart .text--01 span {
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  color: #222222;
  text-align: center;
  display: block;
}

.nomem--cart .text--02 {
  margin: 0 0 20px 0;
}

.nomem--cart .text--02 span {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #777777;
  display: block;
}

.nomem--cart .btn--01 {

}

.nomem--cart .btn--01 a.black {

}

.nomem--cart .btn--01 .login--01 {

}

.nomem--cart .btn--01 .login--01 a {
  font-weight: 600;
  font-size: 18px;
  color: #FFFFFF;
  background: #FF2282;
  border-radius: 23px;
  text-align: center;
  display: block;
  width: 190px;
  height: 46px;
  line-height: 46px;
  margin: 0 auto;
}

.nomem--cart .btn--01 .login--01 a.sup {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  height: 17px;
  text-align: center;
  color: #777777;
  display: block;
  margin-top: 24px;
  background: #fff;
}

.nomem--cart .btn--01 .login--02 {

}

.nomem--cart .btn--01 .login--02 a {
  background: #F5F6F8;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 170px;
  height: 48px;
  line-height: 48px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #000000;
}

.nomem--cart .btn--01 .login--03 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.nomem--cart .btn--01 .login--03 a {
  border-radius: 10px;
  width: 49.5%;
  height: 48px;
  line-height: 48px;
  display: block;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  max-width: 170px;
}


.nomem--cart .btn--01 .login--03 a.first {
  background: #F5F6F8;
  color: #000000;
  margin-right: 0.5%;
}

.nomem--cart .btn--01 .login--03 a.secon {
  background: #FF1167;
  color: #fff;
  margin-left: 0.5%;
}



/** 장바구니 **/
#nomem--box {
  max-width: 500px;
  margin: 0 auto;
  background: #fff;
}

#nomem--box .nomem--cart--1 {
  padding-top: 68px !important;
  margin-top: 56px !important;
}




/** 마이페이지 **/
.vp-myp-wrap .shop-info ul.log--box {
  margin-top: 48px;
}

.vp-myp-wrap .shop-info ul.log--box .log--area {
  width: 100%;
}

.vp-myp-wrap .shop-info ul.log--box .log--area .log--btn {
  height: 48px;
  line-height: 48px;
  background: #F5F6F8;
  border-radius: 10px;
}

.vp-myp-wrap .shop-info ul.log--box .log--area .log--btn a {
  line-height: 48px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #222222;
  display: block;
  height: 48px;
}

#vpm-header .headArea .right .gohome--01 a,
#vpm-header .headArea .right .gonotice--01 a {
  display: flex;
  position: relative;
}

#vpm-header .headArea .right .gohome--01 {

}

#vpm-header .headArea .right .gohome--01 img {
  width: 24px;
}

#vpm-header .headArea .right .gonotice--01 {
  position: relative;
}

#vpm-header .headArea .right .gonotice--01 .okNotice::after {
  content: '';
  height: 5px;
  width: 5px;
  background: #FF2282;
  display: block;
  position: absolute;
  top: -2px;
  right: -2px;
  border-radius: 50%;
}

#vpm-header .headArea .right .gonotice--01 img {
  width: 20px;
}

.vp-myp-wrap .point-box span:first-child > strong {
  font-weight: 400;
  letter-spacing: -0.5px;
}

.vp-myp-wrap .point-box img.arrow--01 {
  margin-top: 0;
}

.vp-myp-wrap .hello .hold--00 {

}

.vp-myp-wrap .hello .hold--00 a {
  vertical-align: middle;
  position: relative;
  display: flex;
}

.vp-myp-wrap .hello .hold--00 .lock-001 {
  width: 17px;
  position: relative;
  margin-top: -3px;
}

.vp-myp-wrap .hello .hold--00 .arr-001 {
  position: relative;
  margin-top: -2px;
}

.vp-myp-wrap .hello .hold--00 span {
  display: inline-block;
  margin: 0 8px 0 4px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #FF1167;
}


.vp-myp-wrap .hello .hold--01 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.vp-myp-wrap .hello .hold--01 .wait--01 {
  background: #E9FFF2;
  border-radius: 24px;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  width: 90px;
  text-align: center;
  color: #29D359;
  margin-right: 6px;
}

.vp-myp-wrap .hello .hold--01 .wait--02 {
  background: #FFE9F1;
  border-radius: 24px;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  width: 90px;
  text-align: center;
  color: #FF0000;
  margin-right: 6px;
}

.vp-myp-wrap .hello .hold--01 .refuse--001 {
  background: #000000;
  border-radius: 7px;
  padding: 12px;
  width: 100%;

  margin-bottom: 6px;

  position: relative;

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

.vp-myp-wrap .hello .hold--01 .refuse--001 .text--01 {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #FFFFFF;
}

.vp-myp-wrap .hello .hold--01 .refuse--001 .btn--01{
  background: #FFFFFF;
  border-radius: 14px;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  height: 27px;
  width: 85px;
  text-align: center;
  color: #222222;
  cursor: pointer;
}

.vp-myp-wrap .hello .hold--01 .refuse--001::after{
  position: absolute;
  bottom: -8px;
  content: " ";
  left: 35px;
  height: 0;
  z-index: 1;
  border-bottom: 12px solid;
  border-left: 12px solid rgba(0, 0, 0, 0);
  border-right: 12px solid rgba(0, 0, 0, 0);
  color: #000;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
}



/*** 알림, 공지사항 페이지 ***/
.alarm--box {
	padding: 0 20px;
}

.alarm--box .listNo {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #222222;
  margin: 80px 0;
  text-align: center;
}

.alarm--box .listNo img {
  width: 140px;
  margin-bottom: 30px;
}

.alarm--box .listUl {
  padding: 20px 0;
}

.alarm--box .listUl .listLine {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;

  margin-bottom: 29px;
  cursor: pointer;
}

.alarm--box .listUl .checkLine {
  opacity: 0.45;
}

.alarm--box .listUl .listLine .icon--01 {
  margin: 2px 8px 0 0;
  width: 20px;
}

.alarm--box .listUl .listLine .icon--01 img {
  width: 20px;
}

.alarm--box .listUl .listLine .text--01 {
  width: 100%;
}

.alarm--box .listUl .listLine .text--01 p {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.alarm--box .listUl .listLine .text--01 p:first-child {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #222222;

  white-space: nowrap;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.alarm--box .listUl .listLine .text--01 p:nth-child(2) {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  margin: 6px 0;
}

.alarm--box .listUl .listLine .text--01 p:last-child {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #999999;
}

.alarm--box .listUl .listLine .text--01 .arr--01 {

}

.alarm--box .listUl .listLine .text--01 .arr--01 img {
  width: 5px;
}


/** 알림, 공지사항 상세보기 **/

.view--box {
  padding: 20px;
}

.view--box .view--area {

}

.view--box .view--area .title--01 {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #222222;

}

.view--box .view--area .date--01 {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  margin: 16px 0 0 0;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(218,218,218,0.5);
}

.view--box .view--area .con--01 {
  padding: 16px 0;
}

.view--box .view--area .con--01 .con--02 {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}

.view--box .view--area .con--01 .con--02 img {
  width: 100%;
  display: block;
}





/*** 재검토 요청 ***/
.retryWrap {
  padding: 0 20px 20px 20px;
}

.retryWrap .noti--01 {
  padding: 28px 0;
}

.retryWrap .noti--01 span {
  border: 1px solid #FF2282;
  border-radius: 18px;
  font-weight: 600;
  font-size: 14px;
  line-height: 33px;
  color: #FF2282;
  height: 33px;
  width: 265px;
  display: block;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto;
}

.retryWrap .noti--02 {

}

.retryWrap .noti--02 .notiBox {
  background: #FFF3F8;
  border-radius: 12px;
  padding: 14px;
}

.retryWrap .noti--02 .notiBox .text--01 {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #F81D1D;
  display: flex;
  align-items: center;
  vertical-align: middle;
}

.retryWrap .noti--02 .notiBox .text--01 img {
  width: 20px;
  margin-right: 5px;
  position: relative;
  margin-top: -2px;
  vertical-align: middle;
}

.retryWrap .noti--02 .notiBox .text--02 {
  margin: 15px 0 7px 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #222222;
}

.retryWrap .noti--02 .notiBox .text--03 {

}

.retryWrap .noti--02 .notiBox .text--03 .repeat {

}

.retryWrap .noti--02 .notiBox .text--03 .repeat ol {
  display: block;
  list-style-type: decimal;
  padding: 0 0 0 14px ;
}

.retryWrap .noti--02 .notiBox .text--03 .repeat ol > li.repeatText {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #292929;
  padding: 1px 0;
}

.retryWrap .noti--03 {

}

.retryWrap .noti--03 .title01 {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #222222;
  margin: 20px 0 0 0;
}

.retryWrap .noti--03 .shopInfo {

}

.retryWrap .noti--03 .shopInfo .infoUl {

}

.retryWrap .noti--03 .shopInfo .infoUl .infoTitle {
  margin: 20px 0 6px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput {

}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput input {
  border: 1px solid #DADADA;
  border-radius: 10px;
  width: 100%;
  box-sizing: border-box;
  height: 48px;
  line-height: 48px;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  padding: 0 15px;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput input.readOnlys {
  background: #FAFAFB;
  cursor: default;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .zipNum {

}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .zipNum input:first-child {
  width: 68%;
  margin-right: 2%;
  display: inline-block;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .zipNum input.width100per {
  width: 100% !important;
  margin-right: 0 !important;
}



.retryWrap .noti--03 .shopInfo .infoUl .infoInput .zipNum input.margin1616 {
  margin: 16px 0;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .zipNum button {
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  text-align: center;
  color: #222222;
  cursor: pointer;
  background: #F5F6F8;
  border-radius: 10px;
  border: 0;
  box-sizing: border-box;
  width: 30%;
  display: inline-block;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput #fileUpload {
  display: none;
  opacity: 0;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .btn-upload {
  border: 1px solid #222222;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  color: #222222;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-top: 12px;

  cursor: pointer;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .btn-upload img {
  width: 20px;
  margin-right: 6px;
}

.retryWrap .noti--04 {
  margin-top: 40px;
}

.retryWrap .noti--04 a {
  background: #FF1167;
  border-radius: 10px;
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: #FFFFFF;
  height: 48px;
}



/*** 재검토 요청 완료 ***/
.top60px--01 {
  margin-top: 0;
  padding-top: 68px;
}
.nomem--cart .text--02 span > .boldText--01 {
  color: #FF2282;
  font-weight: 500;
}




/*** 탈퇴 페이지 ***/
.resignArea {
  padding: 0 20px;
}

.resignArea .resignUl {
  padding: 28px 0;
}

.resignArea .resignUl .title--01 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #222222;
}

.resignArea .resignUl .sub--01 {
  margin-top: 20px;
}

.resignArea .resignUl .sub--01 span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}

.resignArea .resignUl .sub--01 .id-text,
.resignArea .resignUl .sub--01 .pw-text {
  color: #999999;
}

.resignArea .resignUl .sub--01 .id-ck-text,
.resignArea .resignUl .sub--01 .pw-ck-text {
  color: #F81D1D;
}

.resignArea .resignUl .input--01 {
  margin-top: 6px;
}

.resignArea .resignUl .input--01 input {
  border: 1px solid #DADADA;
  border-radius: 10px;
  line-height: 48px;
  height: 48px;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  width: 100%;
  padding: 0 15px;
}

.resignArea .resignUl .input--01 input.readOnlys {
  background: #FAFAFB;
  cursor: default;
}

.resignArea .resignUl .input--01 input::placeholder {
  color: #A2A9AC;
}

.resignArea .resignUl .input--01 input.ck-border {
  border: 1px solid #F81D1D;
  color: #f81d1d;
}

.resignArea .resignUl .resignBtn {
  margin-top: 20px;
}

.resignArea .resignUl a {
  background: #F5F6F8;
  border-radius: 10px;
  display: block;
  line-height: 48px;
  height: 48px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #B9BEC1;
}

.resignArea .resignUl a.active-01 {
  background: #FF2282;
  color: #fff;
  cursor: pointer;
}

.resign-pop {
  max-width: 460px !important;
  width: 100% !important;
  border-radius: 15px !important;
  box-sizing: border-box;
}


.resignPop {

}

.resignPop .repopUl {

}

.resignPop .repopUl .img--01 {
  line-height: 0;
  text-align: center;
  margin-bottom: 24px;
}

.resignPop .repopUl .img--01 img {
  width: 36px;
  height: 36px;
}

.resignPop .repopUl .text--a1 {
  margin: 0 0 28px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #222222;
}

.resignPop .repopUl .text--a1 strong {
  font-weight: 800;
}

.resignPop .repopUl .button--01 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}

.resignPop .repopUl .button--01 div {
  border-radius: 10px;
  line-height: 52px;
  height: 52px;
  text-align: center;
  width: 48.5%;

  font-weight: 600;
  font-size: 16px;
}

.resignPop .repopUl .button--01 div.goResign {
  background: #F5F6F8;
  color: #222;
}

.resignPop .repopUl .button--01 div.noResign {
  background: #222;
  color: #fff;
}

.resignPop .repopUl .button--01 div.goHome {
  background: #F5F6F8;
  color: #222;
  width: 100%;
}


/*** 로그인 추가 221017 ***/
.logClo {
  position: relative;
  top: 20px;
  left: 20px;
  display: inline-block;
}



/*** 아이디, 비밀번호 찾기 페이지 ***/
.findWrap {
  padding: 0 20px;
}

.findWrap .findUl {
  padding: 30px 0;
}

.findWrap .findUl .title--01 {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #222222;
}

.findWrap .findUl .title--01 p {
  line-height: 29px;
  font-weight: 700;
  font-size: 24px;
}

.findWrap .findUl .title--01 p.no-id-01 > span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  display: block;
  margin-top: 20px;
}

.findWrap .findUl .sectionTitle {
  margin-top: 15px;
  color: #999;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}

.findWrap .findUl .sectionTitle span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #999;
}

.findWrap .findUl .sectionTitle .ph-text,
.findWrap .findUl .sectionTitle .num-text,
.findWrap .findUl .sectionTitle .id-text {
  color: #999999;
}

.findWrap .findUl .sectionTitle .ph-ck-text,
.findWrap .findUl .sectionTitle .num-ck-text,
.findWrap .findUl .sectionTitle .id-ck-text {
  color: #F81D1D;
}

.findWrap .findUl .input--01 {
  margin: 6px 0;
}

.findWrap .findUl .input--02 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.findWrap .findUl .input--01 input {
  border: 1px solid #DADADA;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  border-radius: 10px;
  line-height: 48px;
  height: 48px;
  padding: 0 15px;
  box-sizing: border-box;
  width: 100%;
}

.findWrap .findUl .input--01 input.act-border {
  border: 1px solid #F81D1D !important;
  color: #f81d1d !important;
}

.findWrap .findUl .input--01 .p-ck-01 {
  box-sizing: border-box;
  overflow: hidden;
  width: 68%;
  margin-right: 2%;
  line-height: 48px;
  height: 48px;
  position: relative;
}

.findWrap .findUl .input--01 .p-ck-arr:after {
  content: '';
  width: 15px;
  height: 15px;
  background-image: url('/common/img/ck-ok-01.svg');
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  background-repeat: no-repeat;
  background-size: contain;
}

.findWrap .findUl .input--01 input.inputBg {
  background: #FAFAFB;
}

.findWrap .findUl .input--01 input::placeholder {
  color: #A2A9AC;
}

.findWrap .findUl .input--01 input:focus {
  border: 1px solid #222;
}

.findWrap .findUl .input--01 input.phone--01 {
  width: 100%;
  display: inline-block;
  border: 0;
}

.findWrap .findUl .input--01 .ck-ok-01 {
  position: absolute;
  right: 0;
}

.findWrap .findUl .input--01 button.phone--02 {
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  text-align: center;
  color: #B9BEC1;
  cursor: pointer;
  background: #F5F6F8;
  border-radius: 10px;
  border: 0;
  box-sizing: border-box;
  width: 30%;
  display: inline-block;
}

.findWrap .findUl .input--01 button.ckActive {
  color: #222;
}

.findWrap .findUl .confirm--01 {
  margin-top: 18px;
}

.findWrap .findUl .confirm--01 .ckOk {
  background: #F5F6F8;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: #B9BEC1;
  height: 48px;
  cursor: not-allowed;
}

.findWrap .findUl .confirm--01 .ckOk-act {
  background: #FF1167 !important;
  color: #fff !important;
  cursor: pointer;
}

.findWrap .findUl .confirm--01 .tBlack {
  color: #222;
  cursor: pointer;
}


/*** 아이디, 비밀번호 찾기 결과 ***/
.findWrap .findUl .confirm--02 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.findWrap .findUl .confirm--02 .go-find-btn,
.findWrap .findUl .confirm--02 .go-log-btn {
  background: #F5F6F8;
  border-radius: 10px;
  height: 48px;
  line-height: 48px;
  width: 48.5%;
  text-align: center;
}

.findWrap .findUl .confirm--02 .go-log-btn {
  background: #FF1167;
  color: #fff;
}

.findWrap .findUl .sectionTitle .idTitle--01 {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  margin-bottom: 4px;
}

.findWrap .findUl .sectionTitle .id-list-01 {

}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul li {
  width: 100%;
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul li > label {
  display: block;
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul .shop-name-01,
.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul .shop-id-01 {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #222222;
  display: inline-block;
  margin: 8px 0;
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul .shop-name-01 {
  padding-left: 30px;
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul .shop-name-01::after {
  content: ':';
  margin: 0 5px;
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul input {
  width: 20px;
  height: 20px;
  appearance: revert !important;
  margin: 0;
  padding: 0;
}


/* 아이디 찾기 결과 아이디 선택 input */
.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul input[type=radio] {
    display:none;
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul input[type=radio] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: left 6px;
    background-image: url('/common/img/id-ck-no-01.svg');
    /* display: inline-block; */
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul input[type=radio]:checked + label {
    background-image: url('/common/img/id-ck-ok-01.svg');
    /* background-size: contain; */
}

.findWrap .findUl .sectionTitle .id-list-01 .id-list-ul input[type=radio]:disabled + label {
    /* background-size: contain; */
    background-image: url('/common/img/id-ck-no-01.svg');
}


/** 비밀번호 재설정 페이지 **/
.findWrap .findUl .pw-ck-list {

}

.findWrap .findUl .pw-ck-list span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #D4D4D4;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 9px;
}

.findWrap .findUl .pw-ck-list span::before {
  content: '';
  background-image: url('/common/img/pw-ck.svg');
  width: 12px;
  height: 12px;
  margin-right: 5px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.findWrap .findUl .pw-ck-list .pw-ck--01 {
  padding-top: 6px;
}

.findWrap .findUl .pw-ck-list .pw-ck--02 {

}

.findWrap .findUl .pw-ck-list .pw-ck--03 {

}

.findWrap .findUl .pw-ck-list span.pw-ok-pass {
  color: #00C74F;
}

.findWrap .findUl .pw-ck-list span.pw-ok-pass::before {
  content: '';
  background-image: url('/common/img/pw-ok-ck.svg');
}

.findWrap .findUl .pw-ck-list span.pw-no-pass {
  color: #F81D1D;
}

.findWrap .findUl .pw-ck-list span.pw-no-pass::before {
  content: '';
  background-image: url('/common/img/pw-no-ck.svg');
}

.findWrap .findUl .pwtop6px {
  padding-top: 6px;
}



/** 비밀번호 재설정 완료 **/
.pw-reset-ok {
  padding: 100px 0 50px 0;
}

.pw-reset-ok .reset--01 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}

.pw-reset-ok .reset--01 .reset--img {
  line-height: 0;
  margin-bottom: 30px;
  text-align: center;
}

.pw-reset-ok .reset--01 .reset--img img {
  width: 75px;
  height: 75px;

}

.pw-reset-ok .reset--01 .reset--title {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #222222;
}

.pw-reset-ok .reset--01 .reset--sub {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #888888;
  margin: 16px 0 30px 0;
}

.pw-reset-ok .reset--01 .reset--login {
  text-align: center;
  width: 100%;
}

.pw-reset-ok .reset--01 .reset--login .login--btn {
  background: #FF1167;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  width: 200px;
  text-align: center;
  color: #FFFFFF;

  margin: 0 auto;
}




/*** 회원정보 수정 ***/
.retryWrap .noti--03 .title--a1 {
  margin-top: 0px !important;
  padding-top: 20px;
}

.retryWrap .noti--03 .title--a2 {
  margin-top: 0px !important;
  padding-top: 35px;
}

.retryWrap .noti--03 .shopInfo .infoUl .inputDis {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .md-input-01 {
  width: 78%;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoInput .pw-change-01,
.retryWrap .noti--03 .shopInfo .infoUl .infoInput .ph-change-01 {
  background: #F5F6F8;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  text-align: center;
  color: #222222;
  width: 20%;
  cursor: pointer;
}



.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle {
  margin-top: 15px;
  color: #999;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}

.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #999;
}

.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle .ph-text,
.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle .num-text,
.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle .id-text {
  color: #999999;
}

.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle .ph-ck-text,
.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle .num-ck-text,
.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle .id-ck-text {
  color: #F81D1D;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 {
  margin: 6px 0;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--02 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 input {
  border: 1px solid #DADADA;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  border-radius: 10px;
  line-height: 48px;
  height: 48px;
  padding: 0 15px;
  box-sizing: border-box;
  width: 100%;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 input.act-border {
  border: 1px solid #F81D1D !important;
  color: #f81d1d !important;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 .p-ck-01 {
  box-sizing: border-box;
  overflow: hidden;
  width: 68%;
  margin-right: 2%;
  line-height: 48px;
  height: 48px;
  position: relative;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 .p-ck-arr:after {
  content: '';
  width: 15px;
  height: 15px;
  background-image: url('/common/img/ck-ok-01.svg');
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  background-repeat: no-repeat;
  background-size: contain;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 input.inputBg {
  background: #FAFAFB;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 input::placeholder {
  color: #A2A9AC;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 input:focus {
  border: 1px solid #222;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 input.phone--01 {
  width: 100%;
  display: inline-block;
  border: 0;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 .ck-ok-01 {
  position: absolute;
  right: 0;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 button.phone--02 {
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  text-align: center;
  color: #B9BEC1;
  cursor: pointer;
  background: #F5F6F8;
  border-radius: 10px;
  border: 0;
  box-sizing: border-box;
  width: 30%;
  display: inline-block;
}

.retryWrap .noti--03 .shopInfo .infoUl .show-ok {
  padding-top: 5px;
}



.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #D4D4D4;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 9px;
}

.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list span::before {
  content: '';
  background-image: url('/common/img/pw-ck.svg');
  width: 12px;
  height: 12px;
  margin-right: 5px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list .pw-ck--01 {
  padding-top: 6px;
}

.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list .pw-ck--02 {

}

.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list .pw-ck--03 {

}

.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list span.pw-ok-pass {
  color: #00C74F;
}

.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list span.pw-ok-pass::before {
  content: '';
  background-image: url('/common/img/pw-ok-ck.svg');
}

.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list span.pw-no-pass {
  color: #F81D1D;
}

.retryWrap .noti--03 .shopInfo .infoUl .pw-ck-list span.pw-no-pass::before {
  content: '';
  background-image: url('/common/img/pw-no-ck.svg');
}

.retryWrap .noti--03 .shopInfo .infoUl .pwtop6px {
  padding-top: 6px;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 button.ckActive {
  color: #222;
}

.retryWrap .noti--03 .title01 p.titles {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #222222;
  margin-bottom: 5px;
}

.retryWrap .noti--03 .title01 p.sub-titles {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
}

.retryWrap .noti--a-04 {
  margin-top: 30px;
}

.retryWrap .noti--a-04 a {
  background: #F5F6F8;
  border-radius: 10px;
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: #B9BEC1;
  height: 48px;
  cursor: not-allowed;
}

.retryWrap .save-act-01 a {
  background: #FF1167 !important;
  color: #FFFFFF !important;
  cursor: pointer;
}

.save-act a {
  background: #FF1167 !important;
  color: #FFFFFF !important;
  cursor: pointer;
}

.resignPop .repopUl .text--a2 {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  padding-bottom: 20px;
}

.resignPop .repopUl .button--01 div.saveBg-01 {
  background: #FF2282 !important;
}




/*** 221019 - Lucas01 ***/
/*** 회원가입 - 사전안내 페이지 ***/
.agreeWrap {
  padding: 0 20px;
}

.agreeWrap .agreeBox {
  padding: 20px 0;
}

.agreeWrap .agreeBox .main-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #222222;
}

.agreeWrap .agreeBox .ck-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #FF2282;
  margin: 15px 0 25px 0;

  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

.agreeWrap .agreeBox .ck-title img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  position: relative;
  margin-top: -2px;
}

.agreeWrap .agreeBox .guideBox {

}

.agreeWrap .agreeBox .guideBox .guideCon {
  background: #FFFFFF;
  border: 1px solid #222222;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 16px;
}

.agreeWrap .agreeBox .guideBox .guideCon:last-child {
  margin-bottom: 165px;
}

.agreeWrap .agreeBox .guideBox .guideCon .guide-box-ul {

}

.agreeWrap .agreeBox .guideBox .guideCon .guide-box-ul .g-title-01 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;

  border-bottom: 1px solid #C4C9CD;
  padding-bottom: 20px;
}

.agreeWrap .agreeBox .guideBox .guideCon .guide-box-ul .g-title-01 .toggle-title {
  font-weight: 600;
  font-size: 18px;
  color: #222222;
  line-height: 22px;

  display: flex;
  flex-direction: row;
  align-items: center;
}

.agreeWrap .agreeBox .guideBox .guideCon .guide-box-ul .g-title-01 .toggle-title img {
  width: 22px;
  height: 22px;
  margin-right: 6px;
  position: relative;
  margin-top: -3px;
}

.agreeWrap .agreeBox .guideBox .guideCon .guide-box-ul .g-title-01 .toggle-title {

}

.agreeWrap .agreeBox .guideBox .guideCon .guide-box-ul .g-title-01 .toggle-img {
  background-image: url('/common/img/guide-toggle-up.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 10px;
  height: 10px;

}

.agreeWrap .agreeBox .guideBox .guideCon .guide-box-ul .info--01 {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #555555;
  padding: 12px 0;
}

.agreeWrap .agreeBox .guideBox .guideCon .guide-box-ul .info--box--01 {
  background: #F5F6F8;
  border-radius: 5px;
  padding: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #888888;
}

.guide-btn-a01 {
  background: #FF2282;
  border-radius: 10px;
  line-height: 48px;
  height: 48px;
  /* width: 100%;
    max-width: 460px; */
  position: fixed;
  bottom: 45px;
  margin: 0 auto;
  left: 20px;
  right: 20px;
}

.guide-btn-a01 a {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  display: block;
  width: 100%;
}


/** 가이드 폴드 **/
.agreeWrap .agreeBox .guideBox .guideFold {
  opacity: 0.3;
  background: #dadbe2;
  border-color: #dadbe2;
}

.agreeWrap .agreeBox .guideBox .guideFold .g-title-01 {
  border: 0 !important;
  padding: 0 !important;
}

.agreeWrap .agreeBox .guideBox .guideFold .info--01,
.agreeWrap .agreeBox .guideBox .guideFold .info--box--01 {
  display: none;
}

.agreeWrap .agreeBox .guideBox .guideFold .guide-box-ul .g-title-01 .toggle-img {
  background-image: url('/common/img/guide-toggle-down.svg') !important;
}



/*** 이용약관 ***/
.tosWrap {
  padding: 0 20px;
}

.tosWrap .tosBox {
  padding: 20px 0;
}

.tosWrap .tosBox .main-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #222222;
}

.tosWrap .tosBox .tos--list {

}

.tosWrap .tosBox .tos--list .tos-ck-box {

}

.tosWrap .tosBox .tos--list .tos-ck-box .tos-ck-list {

}

.tosWrap .tosBox .tos--list .tos-ck-box .tos-ck-list .list-text {
  padding-top: 22px;

  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.tosWrap .tosBox .tos--list .tos-ck-box .tos-ck-list .first-all {
  padding: 28px 0 !important;
  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.tosWrap .tosBox .tos--list .tos-ck-box .tos-ck-list .list-text label {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #222222;
  display: inline-block;
  position: relative;
}

.tosWrap .tosBox .tos--list .tos-ck-box .tos-ck-list .list-text span {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  color: #B9BEC1;
  cursor: pointer;
  display: inline-block;
}

.tosWrap .tosBox .tos-btn-01 {
  padding: 20px 0;
}

.tosWrap .tosBox .tos-btn-01 .tos-next-01 {

}

.tosWrap .tosBox .tos-btn-01 .tos-next-01 a {
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  text-align: center;
  display: block;
  border-radius: 10px;
  background: #F5F6F8;
  color: #B9BEC1;
  pointer-events: none;
}

.tosWrap .tosBox .tos-btn-01 .tos-next-01 a.tos-act-01 {
  background: #FF2282;
  color: #fff;
  pointer-events:inherit;
}

.tosWrap .tosBox .tos-info-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #B9BEC1;
}

/** 이용약관 선택 **/
.tosWrap .tosBox .tos--list .tos-ck-box .tos-ck-list .list-text input[type=checkbox] {
  display:none;
}
.tosWrap .tosBox .tos--list .tos-ck-box .tos-ck-list .list-text input[type=checkbox] + label {
  cursor: pointer;
  padding-left: 28px;
  background-repeat: no-repeat;
  background-image: url('/common/img/cart-check-no.svg');
  background-size:  20px;
  height: 22px;
}
.tosWrap .tosBox .tos--list .tos-ck-box .tos-ck-list .list-text input[type=checkbox]:checked + label {
  background-image: url('/common/img/cart-check-ok.svg');
}
.tosWrap .tosBox .tos--list .tos-ck-box .tos-ck-list .list-text input[type=checkbox]:disabled + label {
  background-image: url('/common/img/cart-check-no.svg');
}


/*** 이용약관 보기 ***/
#tos-view-01,
#tos-view-02,
#tos-view-03,
#tos-view-04,
#tos-view-05,
#tos-view-06,
#tos-view-07,
#tos-view-08,
#tos-view-09,
#tos-view-10 {
  display: none;
}

.view-height-01 {
  height: calc(100% - 40px) !important;
  max-height: 1000px;
}

.vp-cart-change-box .border15px {
  border-bottom: 1px solid rgba(218, 218, 218, 0.4);
  padding: 2px 0 15px 0 !important;
}

.vp-cart-change-box .view-text--01 {
  padding: 15px 20px;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #292929;
}



/*** 회원가입 ***/
.stepImg--01 {
  padding: 20px 10px 15px 10px;
}

.stepImg--01 img {
  width: 100%;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoTitle span.id-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
}

.retryWrap .noti--03 .shopInfo .infoUl .infoTitle span.id-ck-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #F81D1D;
}

.nomem--cart .btn--01 .login--03 a.ok-joiun-btn {
  width: 49% !important;
  margin: 0 1% !important;
}





/** 뷰카딜 Lucas02 221031 **/
/** css 최상단 font import 해주세요 **/
/** @import url('https://fonts.googleapis.com/css2?family=Mohave&display=swap'); **/
.dealArea {
    padding: 35px 20px 16px 20px;
}

.dealArea .deal--top {

}

.dealArea .deal--top .deal--top--ul {

}

.dealArea .deal--top .deal--top--ul .logo {
    text-align: center;
    line-height: 0;
}

.dealArea .deal--top .deal--top--ul .logo img {
    width: 88px;
    height: 34px;
}

.dealArea .deal--top .deal--top--ul .sub {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #222222;
    margin: 16px 0 20px 0;
}

.dealArea .deal--top .deal--top--ul .alert {

}

.dealArea .deal--top .deal--top--ul .alert .alert-box {
    border: 1px solid #FF2282;
    width: 220px;
    height: 34px;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 34px;
    color: #222222;

    display: flex;
    align-items: center;
    justify-content: center;

    padding:0;
    margin: 0 auto;
}

.dealArea .deal--top .deal--top--ul .alert .alert-box span {
	display: inline-block;
}

.dealArea .deal--top .deal--top--ul .alert .alert-box span.days--01 {
	margin-left:4px;
}

.dealArea .deal--top .deal--top--ul .alert .alert-box img {
    width: 18px;
    height: 18px;
    display: inline-block;
    line-height: 0;
    margin-right: 3px;
}

.dealArea .deal--timer {
    padding: 24px 0 20px 0;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}


.dealArea .deal--timer .time--after {
    max-width: 85px;
    width: 25%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.dealArea .deal--timer .time--after div {
    background: #F3F3F3;
    box-shadow: inset 0px 2px 5px rgb(0, 0, 0, 0.15);
    border-radius: 10px;
    display: inline-block;
    width: 100%;
    max-width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    font-weight: 400;
    font-size: 32px;
    color: #333333;

    font-family: 'Mohave', sans-serif !important;

    margin-left: 6px;
}

.dealArea .deal--timer .time--after::after {
    content: '';
    padding: 0 6px 0 4px;
    font-weight: 600;
    font-size: 14px;
    color: #707070;
}

.dealArea .deal--timer .time--after:nth-child(1)::after {
    content: '일';
}

.dealArea .deal--timer .time--after:nth-child(2)::after {
    content: '시';
}

.dealArea .deal--timer .time--after:nth-child(3)::after {
    content: '분';
}

.dealArea .deal--timer .time--after:nth-child(4)::after {
    content: '초';
    /* padding-right: 0; */
}

.dealArea .deal--list {
    margin-top: 16px;
}

.dealArea .deal--list .deal--list--ul {

}

.dealArea .deal--list .deal--list--ul .deal--prod {
    cursor: pointer;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box {
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    overflow: hidden;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 {
    position: relative;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .img {
    position: relative;
    width: 100%;
    height: 100%;
	max-height: 220px;
    margin: auto;
    line-height: 0;
    border-bottom: 1px solid rgba(218, 218, 218, 0.3);
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
	max-height: 220px;
    object-position: center;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info {
    padding: 16px;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info .cart-btn {
    position: absolute;
    bottom: 16px;
    right: 16px;
    line-height: 0;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info a {
    color:inherit;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info p {

}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info .dis--box {
    background-image: linear-gradient(to right, #FF2282, #FC2E91);

    color: #fff;
    border-radius: 50%;
    width: 75px;
    height: 75px;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    line-height: 75px;

    font-weight: 700;
    font-size: 28px;

    position: absolute;
    right: 16px;
    top: 183px;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info .dis--box span {
    display: block;
    line-height: 75px;
    padding-top: 4px;
    position: relative;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info .dis--box span::after {
    content: '%';
    font-weight: 600;
    font-size: 22px;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info .brand {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #222222;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info .name {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #212121;
    margin: 6px 0 9px 0;
	width: 80%;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info .price {
    display: flex;
    align-items: center;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info .price span {
    font-weight: 700;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info .price .per {
    font-size: 20px;
    line-height: 24px;
    color: #FF2282;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info .price .sale {
    font-size: 20px;
    line-height: 24px;
    color: #222222;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info .price .og-price {
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: line-through;
    color: #999999;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info .price .per::after {
    content: '%';
    margin-right: 8px;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info .price .sale::after {
    content: '원';
    margin-right: 8px;
}

.dealArea .deal--list .deal--list--ul .deal--prod .deal--prod--box .prod--01 .prod--info .price .og-price::after {
    content: '원';
    margin-right: 8px;
}


/** 뷰카딜 상세 **/

.deal--p--area {
    padding: 0 !important;
}

.dealArea .deal--bk--bg {
    background: #1B1B1B;
    padding: 34px 20px;
    position: relative;
}

.dealArea .deal--bk--bg .deal--p--logo {
    width: 188px !important;
    height: 73px !important;
}

.dealArea .deal--bk--bg .deal--top--ul .sub {
    color: #fff !important;
    margin: 0 0 16px 0 !important;
}

.dealArea .deal--bk--bg .deal--top--ul .date {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    margin: 18px 0 26px 0;
}

.dealArea .deal--bk--bg .deal--top--ul .alert-box {
    color: #fff !important;
    border: 1px solid transparent !important;
    background-image: linear-gradient(#1b1b1b, #1b1b1b), linear-gradient(to right, #E556CF, #FF61C0, #FF6183, #FC2E91) !important;
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.dealArea .deal--bk--bg .deal--timer {
    padding: 34px 0 !important;
}

.dealArea .deal--bk--bg .deal--timer .time--after::after {
    color: #fff !important;
}

.dealArea .deal--bk--bg .deal--kakao--01 {
    margin: 0 auto;
    text-align: center;
}

.dealArea .deal--bk--bg .deal--kakao--01 a {
    display: inline-block;
}

.dealArea .deal--bk--bg .deal--kakao--01 img {
    width: 235px;
}

.dealArea .deal--bk--bg::after {
    position: absolute;
    bottom: -16px;
    content: " ";
    left: 50%;
    margin-left: -20px;
    z-index: 1;
    border-bottom: 20px solid;
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-right: 20px solid rgba(0, 0, 0, 0);
    color: #1b1b1b;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
}

.dealArea .deal--list .deal--list--ul .prod--seq {
    padding: 30px 20px;
    text-align: center;
    margin: 0 auto;
}

.dealArea .deal--list .deal--list--ul .prod--seq .first {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.dealArea .deal--list .deal--list--ul .prod--seq .first img {
    width: 59px;
    height: 23px;
}

.dealArea .deal--list .deal--list--ul .prod--seq .first span.prod--num {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    height: 23px;
    background: linear-gradient(92.41deg, #FF2282 17%, #FC2E91 88%);
    border-radius: 13px;
    display: inline-block;
    width: 52px;
    margin-left: 9px;
}

.dealArea .deal--list .deal--list--ul .prod--name {

}

.dealArea .deal--list .deal--list--ul .prod--name .brand {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #212121;
}


.dealArea .deal--list .deal--list--ul .prod--name .name {
    font-weight: 800;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #212121;
	padding: 0 20px;
}

.dealArea .deal--list .deal--list--ul .prod--dis {
    margin: 20px 0 25px 0;
}

.dealArea .deal--list .deal--list--ul .prod--dis .dis {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.dealArea .deal--list .deal--list--ul .prod--dis .dis .dis--img {
    position: absolute;
    top: 5px;
    left: -5px;
	line-height: 0;
}

.dealArea .deal--list .deal--list--ul .prod--dis .dis .dis--img img {
    width: 100px;
}

.dealArea .deal--list .deal--list--ul .prod--dis .dis .og--pay {
    font-weight: 600;
    font-size: 19px;
    line-height: 19px;
    color: #222;
    position: relative;
}

.dealArea .deal--list .deal--list--ul .prod--dis .dis .sale--pay {
    font-weight: 800;
    font-size: 23px;
    line-height: 23px;
    color: #FF2282;
    padding-left: 36px;
}

.dealArea .deal--list .deal--list--ul .prod--dis .dis .won::after {
    content: '원';
}

.dealArea .deal--list .deal--list--ul .deal--prod--pad {
    padding: 0 20px 30px 20px !important;
}

.dealArea .p--border--12 {
    border-top: 12px solid #F4F4F4;
    margin-top: 0 !important;
}

.dealArea .deal--next--area {
    padding: 35px 20px;
    background: #1c1c1c;
}

.dealArea .deal--next--area .next--box .title {
    font-weight: 900;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #FFFFFF;
}

.dealArea .deal--next--area .next--box .sub {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    padding: 25px 0 36px 0;
}

.dealArea .deal--next--area .next--box .next--prod {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
}

.dealArea .deal--next--area .next--box .next--prod .first--prod {
    width: 50%;
    padding-right: 8px;
}

.dealArea .deal--next--area .next--box .next--prod .first--prod:last-child {
    padding-right: 0;
    padding-left: 8px;
}

.dealArea .deal--next--area .next--box .next--prod .first--prod .img--01 {
    background: #FFFFFF;
    /* border: 1px solid rgba(218, 218, 218, 0.5); */
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
		height: 100vh;
    max-height: 222px;
    margin: auto;
    line-height: 0;
}

.dealArea .deal--next--area .next--box .next--prod .first--prod .img--01 img {
    width: 100%;
    height: 100%;
	max-height: 222px;
    object-fit: contain;
    object-position: center;
}

.dealArea .deal--next--area .next--box .next--prod .first--prod .img--01::after {
    content: '';
    background-image: url('/common/img/deal-bg-01.png');
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.dealArea .deal--next--area .next--box .next--prod .first--prod .next--info {

}

.dealArea .deal--next--area .next--box .next--prod .first--prod .next--info .next--brand {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    margin: 9px 0 6px 0;
}

.dealArea .deal--next--area .next--box .next--prod .first--prod .next--info .next--name {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
}

.dealArea .deal--share {
    padding: 35px 20px;
    background: #fff;
}

.dealArea .deal--share .title {
    color: #FC2E91;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

.dealArea .deal--share .sub {
    font-weight: 600;
    font-size: 24px;
    line-height: 22px;
    text-align: center;
    color: #000000;

    margin: 13px 0 26px 0;
}

.dealArea .deal--share .share--btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.dealArea .deal--share .share--btn a {
    display: inline-block;
    margin: 0 6px;
	line-height: 0;
}

.dealArea .deal--share .share--btn img {
    width: 147px;
}

.dealArea .deal--foot {
    padding: 35px 20px;
    background: linear-gradient(125.76deg, #E656CF 27.32%, #FF61C0 40.04%, #FF6183 56.25%, #FC2E91 72.71%);
}

.dealArea .deal--foot .title {
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    color: #F5F5F5;
    margin-bottom: 30px;
}

.dealArea .deal--foot .go--btn {
    background: #FFFFFF;
    border-radius: 5px;
    width: 185px;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    color: #FC2E91;
    margin: 0 auto;
    cursor: pointer;
}



/*========Skeleton-22-11-09-Joshua========*/
.flex {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: justify;
}
@media (max-width: 767.98px) {
  .flex {
      display: grid;
  }
}
.item {
  padding: 2rem;
}
.item-img {
  position: relative;
  width: 320px;
  height: 180px;
}

/*Skeleton main cont*/
.skeleton_loading {
	position: absolute;
	/* width: 100%; */
	height: 100%;
	background: var(--bg-color);
	z-index: 9; /* 우선순위 */
	left: 20px;
  right: 20px;
  display: block;
}

/* Skeleton img */
/*order_list.asp*/
.skeleton_img {
  width: 100%;
  height: 100%;
  max-width: 75px;
  max-height: 75px;
}

.skeleton_selectBox {
  width: 100%;
  height: 3rem;
  float: left;
  margin-top: 3rem;
}


.skeleton_text {
  margin-left: 5rem;
  margin-bottom: 0.3rem;
  height: 1rem;
}
.skeleton_text:nth-child(1) {
  width: 20%;
  height: 0.8rem;
}
.skeleton_text:nth-child(2) {
  width: 80%;
  height: 1.5rem;
}
.skeleton_text:nth-child(3) {
  width: 60%;
}
.skeleton_text:last-child {
  width: 30%;
}

.skeleton_hide {
  -webkit-animation: skeleton-gradient 1.8s infinite ease-in-out;
    animation: skeleton-gradient 1.8s infinite ease-in-out;
    border-radius: 8px;
    border: none;
}

.skeleton_hide * {
  opacity: 0;
  /*border: 1px solid #f00;
  box-sizing: border-box;*/
}

/*index*/
.skeleton_vumadealTime {
  height: 4rem;
  margin-top: 1.1rem;
  max-width: 150px;
}
.skeleton_vumadeal {
  width: 100%;
  height: 100%;
  max-height: 325px;
}
.skeleton_banner {
  width: 100%;
  height: 95%;
}

.skeleton_hit {
  height: 15.5rem;
}

.skeleton_indexImg {
  width: 100%;
  height: 100%;
  max-height: 222px;
}
.skeleton_indexHitImg {
  width: 100%;
  height: 100%;
  max-height: 122px;
}
.skeleton_indexText {
  margin-bottom: 0.5rem;
  height: 1rem;
}
.skeleton_indexText:nth-child(1) {
  width: 20%;
  height: 0.8rem;
}
.skeleton_indexText:nth-child(2) {
  width: 100%;
  height: 1.5rem;
}
.skeleton_indexText:nth-child(3) {
  width: 30%;
}
.skeleton_indexText:last-child {
  width: 60%;
}
.skeleton_indexVumadealText {
  margin-bottom: 0.5rem;
  height: 1rem;
}
.skeleton_indexVumadealText:nth-child(1) {
  margin-top: 15px;
  width: 100%;
  height: 2rem;
}
.skeleton_indexVumadealText:nth-child(2) {
  width: 30%;
  height: 1.5rem;
}
.skeleton_indexVumadealText:last-child {
  width: 60%;
  height: 1.5rem;
}

.skeleton_loading * {
  background: linear-gradient(120deg, #e5e5e5 30%, #f0f0f0 38%, #f0f0f0 40%, #e5e5e5 48%);
  border-radius: 0.2rem;
  background-size: 200% 100%;
  background-position: 100% 0;
  animation: load 1s infinite;
}

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


/* Lucas 221110 스켈레톤 추가 CSS */
.s--tlr--0 { /* 메인 상품 이미지 */
	top: 0;
	left: 0;
	right: 0;
}

.s--lr--0 {
	left: 0;
	right: 0;
}


/* 스피너 */

#loading {
  display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
}
@keyframes spinner {
  from {transform: rotate(0deg); }
  to {transform: rotate(360deg);}
}

.loadingZindex999 {
	z-index: 9999;
}
 
#loading .spinner {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin-top: -32px;
  margin-left: -32px;
  border-radius: 50%;
  border: 8px solid transparent;
  border-top-color: #FF2282;
  border-bottom-color: #FF2282;
  animation: spinner .8s ease infinite;
}

#loading .spinnerSize {
	width: 44px !important;
	height: 44px !important;
	margin-top: -22px !important;
	margin-left: -22px !important;
	border: 4px solid transparent !important;
    border-top-color: #FF2282 !important;
    border-bottom-color: #FF2282 !important;
    animation: spinner .8s ease infinite;
}


/* Lucas 221117 NEW 메인 작업 */
/*** New Index ***/
/*** 2022-11-14 Lucas ***/
.vmWrap {
  padding-bottom: 56px;
  background: #fff;
}

/* 상단 메뉴 */
.vmMenu {
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  /* min-width: 390px; */

  border-bottom: 1px solid #f5f5f5;
  box-sizing: border-box;
}

.vmMenu .menuBox {
	width: 100%;
}

.vmMenu .menuBox ul.menuUl {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  /* Lucas 221223 상단 수정 */
  width: 100%;
}

.vmMenu .menuBox ul.menuUl li {
  font-weight: 700;
  font-size: 16px;
  line-height: 43px;
  width: 20%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.vmMenu .menuBox ul.menuUl li > a {
  color: #D3D3D3;
  display: block;
  border-bottom: 2px solid transparent;
  /* width: 100%; */
}

.vmMenu .menuBox ul.menuUl li > a.menuActive {
  color: #222222;
  border-bottom: 2px solid #222;
  box-sizing: border-box;
}

.vmMenu .menuBox ul.menuUl li > a.menuActive2 {
  /* color: #222222; */
  border-bottom: 2px solid #fc2e91 !important;
  box-sizing: border-box;
  height: 45px !important;
}

.vmMenu .menuBox ul.menuUl li.menuDeal {
  line-height: 0;
}

.vmMenu .menuBox ul.menuUl li.menuDeal a {
  display: flex;
  height: 43px;
  align-items: center;
border-bottom: 2px solid transparent;
}

.vmMenu .menuBox ul.menuUl li.menuDeal img {
  width: 41px;
  height: 16px;
}




/* 메인 탑 슬라이더 */
.vmSlide {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  /* max-width: 500px; */
  margin: 0 auto;
  background: #f4f4f4;
}

.vmSlide div {
  line-height: 0;
}

.vmSlide .vmSlideBox {
  /* max-width: 500px; */
  overflow: hidden;
}

.vmSlide .vmSlideBox .scroll01 {
  position: relative;
}

.vmSlide .vmSlideBox .scroll01 img {
  width: 100%;
  height: 100%;
  /* max-width: 500px;
  max-height: 500px; */
  line-height: 0;
}

.vmSlide .vmSlideBox .scroll01 .all-event-view {
  position: absolute;
  z-index: 9;
  right: 20px;
  bottom: 24px;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  text-align: right;
}

.vmSlide .vmSlideBox .scroll01 .all-event-view a {
  color: #fff;
  display: block;
}

.vmSlide .swiper-slide {
	overflow: hidden;
	padding-top: 100%;
}

.vmSlide .swiper-slide a {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

.vmSlide .swiper-slide a > img {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

/* 메인 분류 토글 */
.vmCate {
  padding: 20px 15px;
  border-bottom: 10px solid #f4f4f4;
}

.vmCate #vm--brand--box {
  display: none;
}

.vmCate .toggleBtn label {
  cursor: pointer;
}

.vmCate .m-c-box {

}

.vmCate .m-c-box .toggleBtn {
  text-align: center;
}

.vmCate .m-c-box .m-list-box {

}

.vmCate .m-c-box .m-list-box ul.list-box-ul {
	width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

.vmCate .m-c-box .m-list-box ul.list-box-ul li {
  cursor: pointer;
  width: calc(20% - 10px);
  text-align: center;
  margin: 26px 5px 0 5px;
  position: relative;
}

.vmCate .m-c-box .m-list-box ul.list-box-ul li .m-img {
  line-height: 0;
  position: relative;
  width: 62px;
  height: 62px;
  margin: auto;
  border-radius: 16px;
  //background: #D9D9D9;
  overflow: hidden;
}

.vmCate .m-c-box .m-list-box ul.list-box-ul li .m-img img {
  width: 100%;
  height: 100%;
  max-width: 62px;
  max-height: 62px;
  border-radius: 16px;
  object-fit: cover;
  object-position: center;
}

.vmCate .m-c-box .m-list-box ul.list-box-ul li .title {
  font-weight: 500;
  font-size: 13px;
  color: #222222;
  margin-top: 8px;

  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.vmCate .m-c-box .m-list-box .list-all {
  width: 100%;
  text-align: center;
  margin-top: 28px;
}

.vmCate .m-c-box .m-list-box label.chk-more-view {
  border: 1px solid #CBCBCB;
  border-radius: 7px;
  font-weight: 600;
  font-size: 13px;
  line-height: 32px;
  color: #7D7D7D;
  height: 32px;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
  width: 85px;
  margin: 0 auto;
  display: block;
  cursor: pointer;
  margin-top: 26px;
}

.read-more-state {
display: none;
}

.read-more-target {
opacity: 0;
max-height: 0;
font-size: 0;
/* transition: .25s ease; */
display: none;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
  display: inline-block;
}

.read-more-state ~ .read-more-trigger:before {
content: '전체보기';
background-image: url('/common/img/m-cate-arrow-hide.png');
background-repeat: no-repeat;
background-size: 8px;
background-position: 70px center;
width: 100%;
display: block;
margin-left: -5px;
}

.read-more-state:checked ~ .read-more-trigger:before {
content: '접기';
background-image: url('/common/img/m-cate-arrow-show.png');
background-repeat: no-repeat;
background-size: 8px;
background-position: 58px center;
width: 100%;
display: block;
margin-left: -5px;
}




/* 메인용 뷰마딜 */





/* 타이틀 공통 */
.m--big--title {
  padding: 0 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.m--big--title .title {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #222222;
  margin-right: 10px;
  /*width: 250px; */
  letter-spacing: -0.5px;
}

.m--big--title .m--moreView {
/* 링크가 있을 경우에만 노출 됨 */
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: right;

  background-repeat: no-repeat;
  background-size: 4px;
  background-position: right center;
  background-image: url('/common/img/m-cate-arrow-right.png');

  opacity: 0.5;
}

.m--big--title .m--moreView a {
  color: #7d7d7d;
  padding-right: 10px;
}

.m--big--title .subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #888888;
  width: 100%;
  margin-top: 8px;
}


/* 인기 랭킹  */
.vmRank {

}

.vmRank .rankView {

}

.vmRank .rankView .rankCate {
  margin: 15px 20px 5px 0;
  line-height: 0;
  padding: 5px 0 0 0;
  position: relative;
}

.vmRank .rankView .wrap-cate-scroll {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
height: 40px;
}

.vmRank .rankView .wrap-cate-scroll a {
  border: 1px solid #F4F4F4;
  box-sizing: border-box;
  height: 40px;
  border-radius: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
  color: #D3D3D3;
  text-align: center;
  padding: 0 12px;
  margin-left: 8px;
  display: block;
}

.vmRank .rankView .vm--cate--items {
position: relative;
width: 100%;
overflow: scroll;
 /* 가로 스크롤 */
/* overflow: auto; */
    overflow-y: hidden;
white-space: nowrap;
user-select: none;
}

.vmRank .rankView .vm--cate--items::-webkit-scrollbar,
.sub--ranking--btn .vm--cate--items::-webkit-scrollbar {
  display: none; 
}

.vmRank .rankView .vm--cate--items.active {
cursor: grabbing;
cursor: -webkit-grabbing;
background: #000;
}

.vmRank .rankView .wrap-cate-scroll a:first-child {
  margin-left: 20px;
}

.vmRank .rankView .wrap-cate-scroll a:last-child {
  margin-right: 0px;
}

.vmRank .rankView .wrap-cate-scroll a.cate--active {
  background: #FF2282;
  color: #fff;
}

.vmRank .rankView .rankList {
  padding: 20px;
}

.vmRank .rankView .rankList ul.rankValue {

}

.vmRank .rankView .rankList ul.rankValue li.listChk {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  min-height: 115px;
  height: auto;
  margin-bottom: 20px;
  position: relative;
}

.vmRank .rankView .rankList ul.rankValue li.listChk .skelDiv2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.vmRank .rankView .rankList ul.rankValue li.listChk:last-child {
  margin-bottom: 0;
}

.vmRank .rankView .rankList ul.rankValue li.listChk .rankNum {
  font-weight: 600;
  font-size: 24px;
  line-height: 115px;
  height: 115px;
  color: #FF2282;
  text-align: left;
  width: 28px;
font-family: 'Mohave', sans-serif !important;
}

.vmRank .rankView .rankList ul.rankValue li.listChk .rankImg {
  position: relative;
  width: 115px;
  height: 115px;
  margin: auto;
  border-radius: 16px;
  border: 1px solid rgba(218, 218, 218, 0.5);
  box-sizing: border-box;
  overflow: hidden;
  cursor:pointer;
}

.vmRank .rankView .rankList ul.rankValue li.listChk .rankImg img {
  width: 100%;
  height: 100%;
  max-width: 115px;
  max-height: 115px;
  border-radius: 16px;
  object-fit: contain;
  object-position: center;
  box-sizing: border-box;
}

.vmRank .rankView .rankList ul.rankValue li.listChk .rankInfo {
  min-height: 115px;
  height: auto;
  width: calc(100% - 155px);
  padding-left: 12px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.vmRank .rankView .rankList ul.rankValue li.listChk .rankInfo .prodBrand {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #222222;
  cursor: pointer;
}

.vmRank .rankView .rankList ul.rankValue li.listChk .rankInfo .prodName {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #212121;
  margin: 6px 0 0 0;

  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  cursor:pointer;
}

.vmRank .rankView .rankList ul.rankValue li.listChk .rankInfo .prodPrice {
  margin: 5px 0;
  cursor:pointer;
}

.vmRank .rankView .rankList ul.rankValue li.listChk .rankInfo .prodPrice span {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}

.vmRank .rankView .rankList ul.rankValue li.listChk .rankInfo .prodPrice .per {
  color: #FF2282;
  margin-right: 8px;
}

.vmRank .rankView .rankList ul.rankValue li.listChk .rankInfo .prodPrice .won {
  color: #222222;
}

.vmRank .rankView .rankList ul.rankValue li.listChk .rankInfo .prodPrice .per::after {
  content: '%';
  display: inline-block;
}

.vmRank .rankView .rankList ul.rankValue li.listChk .rankInfo .prodPrice .won::after {
  content: '원';
  display: inline-block;
}

.vmRank .rankView .rankList ul.rankValue li.listChk .rankInfo .prodStatus {

}

.vmRank .rankView .rankList ul.rankValue li.listChk .rankInfo .prodStatus span {
  background: #F4F4F4;
  border-radius: 4px;
  width: 60px;
  height: 21px;
  line-height: 22px;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
  display: block;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 4px center;
  background-image: url('/common/img/sold-icon-01.png');
  text-align: right;
  padding: 0 4px 0 0;
}

/* 미니배너 */
.vmMini {
  padding: 20px;
  text-align: center;
  position: relative;
}

.vmMini a {
  display: block;
  line-height: 0;
}

.vmMini a > img {
  width: 100%;
  line-height: 0;
  /* max-width: 500px; */
  /* max-height: 188px; */
}

/* 가로 2.5형 */
.vmHo25 {
  padding: 15px 0;
}

.vmHo25 .vmHo25-list {
  margin-top: 20px;
  overflow: hidden;
  padding: 0 20px;
}

.vmHo25 .vmHo25-list .vmHo25Box .list01 .prod-list .img {
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
  border-radius: 10px;
  /*border: 1px solid rgba(218, 218, 218, 0.5);*/
  overflow: hidden;
  cursor:pointer;
  border: none !important;
}

.vmHo25 .vmHo25-list .vmHo25Box .list01 .prod-list .img img {
  width: 100%;
  height: 100%;
  max-width: 600px;
  max-height: 600px;
  border-radius: 10px;
  object-fit: contain;
  object-position: center;
  border: 1px solid rgba(218, 218, 218, 0.5);
  box-sizing: border-box;
}

.vmHo25 .vmHo25-list .vmHo25Box .list01 .prod-list .info {
  margin-top: 8px;
}

.vmHo25 .vmHo25-list .vmHo25Box .list01 .prod-list .info ul {

}

.vmHo25 .vmHo25-list .vmHo25Box .list01 .prod-list .info ul > .ho25Brand {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #222222;
  cursor: pointer;
}

.vmHo25 .vmHo25-list .vmHo25Box .list01 .prod-list .info ul > .ho25Name {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #212121;
  margin: 6px 0 8px 0;

  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  cursor:pointer;
}

.vmHo25 .vmHo25-list .vmHo25Box .list01 .prod-list .info ul > .ho25Dis span {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
}

.vmHo25 .vmHo25-list .vmHo25Box .list01 .prod-list .info ul > .ho25Dis .per {
  color: #FF2282;
  margin-right: 8px;
  cursor:pointer;
}

.vmHo25 .vmHo25-list .vmHo25Box .list01 .prod-list .info ul > .ho25Dis .sale {
  color: #222222;
  cursor:pointer;  
}

.vmHo25 .vmHo25-list .vmHo25Box .list01 .prod-list .info ul > .ho25Dis .per::after {
  content: '%';
  display: inline-block;
}

.vmHo25 .vmHo25-list .vmHo25Box .list01 .prod-list .info ul > .ho25Dis .sale::after {
  content: '원';
  display: inline-block;
}

.vmHo25 .vmHo25-list .vmHo25Box .list01 .prod-list .info ul > .prodStatus {
  margin-top: 7px;
}

.vmHo25 .vmHo25-list .vmHo25Box .list01 .prod-list .info ul > .prodStatus span {
  background: #F4F4F4;
  border-radius: 4px;
  width: 60px;
  height: 21px;
  line-height: 22px;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
  display: block;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 4px center;
  background-image: url('/common/img/sold-icon-01.png');
  text-align: right;
  padding: 0 4px 0 0;
}



/* 가로 1.5형 */
.vmHo15 {
  padding: 15px 0;
}

.vmHo15 .vmHo15-list {
  margin-top: 20px;
  overflow: hidden;
  padding: 0 20px;
}

.vmHo15 .vmHo15-list .vmHo15Box .list02 .prod-list .img {
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
  border-radius: 10px;
  border: 1px solid rgba(218, 218, 218, 0.5);
  overflow: hidden;
}

.vmHo15 .vmHo15-list .vmHo15Box .list02 .prod-list .img img {
  width: 100%;
  height: 100%;
  max-width: 600px;
  max-height: 600px;
  border-radius: 10px;
  object-fit: contain;
  object-position: center;
}

.vmHo15 .vmHo15-list .vmHo15Box .list02 .prod-list .info {
  margin-top: 8px;
}

.vmHo15 .vmHo15-list .vmHo15Box .list02 .prod-list .info ul {

}

.vmHo15 .vmHo15-list .vmHo15Box .list02 .prod-list .info ul > .ho25Brand {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #222222;
}

.vmHo15 .vmHo15-list .vmHo15Box .list02 .prod-list .info ul > .ho25Name {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #212121;
  margin: 6px 0 8px 0;

  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  cursor: pointer;
}

.vmHo15 .vmHo15-list .vmHo15Box .list02 .prod-list .info ul > .ho25Dis span {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}

.vmHo15 .vmHo15-list .vmHo15Box .list02 .prod-list .info ul > .ho25Dis .per {
  color: #FF2282;
  margin-right: 8px;
}

.vmHo15 .vmHo15-list .vmHo15Box .list02 .prod-list .info ul > .ho25Dis .sale {
  color: #222222;
}

.vmHo15 .vmHo15-list .vmHo15Box .list02 .prod-list .info ul > .ho25Dis .per::after {
  content: '%';
  display: inline-block;
}

.vmHo15 .vmHo15-list .vmHo15Box .list02 .prod-list .info ul > .ho25Dis .sale::after {
  content: '원';
  display: inline-block;
}

.vmHo15 .vmHo15-list .vmHo15Box .list02 .prod-list .info ul > .prodStatus {
  margin-top: 7px;
}

.vmHo15 .vmHo15-list .vmHo15Box .list02 .prod-list .info ul > .prodStatus span {
  background: #F4F4F4;
  border-radius: 4px;
  width: 60px;
  height: 21px;
  line-height: 22px;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
  display: block;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 4px center;
  background-image: url('/common/img/sold-icon-01.png');
  text-align: right;
  padding: 0 4px 0 0;
}


/* 세로 1형 */
.vmVe1 {
  padding: 15px 0;
}

.vmVe1 .likeView {
  overflow-x: hidden;
  width: 100%;
}

.vmVe1 .likeView .likeList {
  padding: 20px;
  overflow-x: hidden;
  width: 100%;
  box-sizing: border-box;
}

.vmVe1 .likeView .likeList ul.likeValue {
  overflow-x: hidden;
  width: 100%;
}

.vmVe1 .likeView .likeList ul.likeValue li.listChk {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 115px;
  margin-bottom: 20px;
  position: relative;
}

.vmVe1 .likeView .likeList ul.likeValue li.listChk .skelDiv {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.vmVe1 .likeView .likeList ul.likeValue li.listChk:last-child {
  margin-bottom: 0;
}

/* 데이터 없음 메시지 중앙 정렬 */
.vmVe1 .likeView .likeList ul.likeValue li:not(.listChk) {
  display: block !important;
  text-align: center;
  margin: 0;
  width: 100%;
  max-width: 100%;
  padding: 30px 20px; /* 상하 30px, 좌우 20px (부모 패딩과 동일) */
  box-sizing: border-box;
}

.vmVe1 .likeView .likeList ul.likeValue li.listChk .likeImg {
  position: relative;
  width: 115px;
  height: 115px;
  margin: auto;
  border-radius: 16px;
  border: 1px solid rgba(218, 218, 218, 0.5);
  box-sizing: border-box;
  overflow: hidden;
}

.vmVe1 .likeView .likeList ul.likeValue li.listChk .likeImg img {
  width: 100%;
  height: 100%;
  max-width: 115px;
  max-height: 115px;
  border-radius: 16px;
  object-fit: contain;
  object-position: center;
  box-sizing: border-box;
}

.vmVe1 .likeView .likeList ul.likeValue li.listChk .likeInfo {
  min-height: 115px;
  height: auto;
  width: calc(100% - 127px);
  padding-left: 12px;
  padding-right: 40px; /* 닫기 버튼 공간 확보 */

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.vmVe1 .likeView .likeList ul.likeValue li.listChk .likeInfo .prodBrand {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #222222;
  cursor: pointer;
}

.vmVe1 .likeView .likeList ul.likeValue li.listChk .likeInfo .prodName {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #212121;
  margin: 6px 0 0 0;
  width: 100%; /* 부모 너비에 맞춤 */
  max-width: 100%; /* 최대 너비 제한 */

  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  cursor: pointer;
  word-break: break-word; /* 긴 단어도 줄바꿈 */
}

.vmVe1 .likeView .likeList ul.likeValue li.listChk .likeInfo .prodPrice {
  margin: 5px 0;
  cursor: pointer;
  display: flex;
}

.vmVe1 .likeView .likeList ul.likeValue li.listChk .likeInfo .prodPrice span {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}

.vmVe1 .likeView .likeList ul.likeValue li.listChk .likeInfo .prodPrice .per {
  color: #FF2282;
  margin-right: 8px;
}

.vmVe1 .likeView .likeList ul.likeValue li.listChk .likeInfo .prodPrice .won {
  color: #222222;
}

.vmVe1 .likeView .likeList ul.likeValue li.listChk .likeInfo .prodPrice .per::after {
  content: '%';
  display: inline-block;
}

.vmVe1 .likeView .likeList ul.likeValue li.listChk .likeInfo .prodPrice .won::after {
  content: '원';
  display: inline-block;
}

.vmVe1 .likeView .likeList ul.likeValue li.listChk .likeInfo .prodStatus {

}

.vmVe1 .likeView .likeList ul.likeValue li.listChk .likeInfo .prodStatus span {
  background: #F4F4F4;
  border-radius: 4px;
  width: 60px;
  height: 21px;
  line-height: 22px;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
  display: block;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 4px center;
  background-image: url('/common/img/sold-icon-01.png');
  text-align: right;
  padding: 0 4px 0 0;
}





/* 세로 2형 */
.vmVe2 {
  padding: 15px 0;
}

.vmVe2 .basicView {

}

.vmVe2 .basicView .basicList {
  padding: 20px;
}

.vmVe2 .basicView .basicList ul.basicValue {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 28px;
  width: calc(50% - 8px);
  position: relative;
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk:last-child {
  margin-bottom: 0;
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeImg {
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
  border-radius: 10px;
  border: 1px solid rgba(218, 218, 218, 0.5);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor:pointer;
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeImg img {
  width: 100%;
  height: 100%;
  max-width: 500px;
  max-height: 222px;
  object-fit: contain;
  object-position: center;
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeImg .cart-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 9;
  line-height: 0;
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeImg .cart-btn img {
  width: 34px;
  position: relative;
  cursor: pointer;
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeInfo {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 8px;

}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeInfo .prodBrand {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #222222;
  cursor:pointer;
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeInfo .prodName {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #212121;
  margin: 6px 0 0 0;

  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  cursor:pointer;
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeInfo .prodDis {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-decoration-line: line-through;
  color: #C9C9C9;
  margin-top: 10px;
  cursor:pointer;
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeInfo .prodDis::after {
  content: '원';
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeInfo .prodPrice {
  margin: 5px 0 0 0;
  cursor:pointer;
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeInfo .prodPrice span {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeInfo .prodPrice .per {
  color: #FF2282;
  margin-right: 8px;
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeInfo .prodPrice .won {
  color: #222222;
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeInfo .prodPrice .per::after {
  content: '%';
  display: inline-block;
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeInfo .prodPrice .won::after {
  content: '원';
  display: inline-block;
}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeInfo .prodStatus {

}

.vmVe2 .basicView .basicList ul.basicValue li.listChk .likeInfo .prodStatus span {
  background: #F4F4F4;
  border-radius: 4px;
  width: 60px;
  height: 21px;
  line-height: 22px;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
  display: block;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 4px center;
  background-image: url('/common/img/sold-icon-01.png');
  text-align: right;
  padding: 0 4px 0 0;
}

/* 상품 목록 타입 */
.vm--page--type {
  padding: 28px 20px 0 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.vm--page--type .vm--prod--num {
  font-weight: 700;
  font-size: 14px;
  color: #222222;
}

.vm--page--type .vm--prod--num::before {
  content: '총';
  margin-right: 4px;
}

.vm--page--type .vm--prod--num::after {
  content: '개 상품';
}
.vm--page--type .vm--prod--num,
.vm--page--type .vm--view--type,
.vm--page--type #search-result .vp-select-form,
.vm--page--type #search-result .SumoSelect,
.vm--page--type #search-result .SumoSelect>.CaptionCont,
.vm--page--type #search-result .SumoSelect>.CaptionCont>span {
  height: 22px;
}

.vm--page--type #search-result .vp-select-form > div:nth-child(1) {
  display: flex;
  align-items: center;
  height: 22px;
}

.vm--page--type #search-result .SumoSelect {
  margin: 0;
  width: 80px;
  max-width: 80px;
}

.vm--page--type #search-result .SumoSelect>.CaptionCont>label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  cursor: pointer;
}

.vm--page--type #search-result .SumoSelect>.CaptionCont>label::after {
  content: "\f078" !important;
  -ms-transform: rotate(180deg) scaleY(-1);
  -webkit-transform: rotate(180deg) scaleY(-1);
  transform: rotate(180deg) scaleY(-1);
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  height: 22px;
}

.vm--page--type #search-result .SumoSelect>.CaptionCont>span {
  padding-right: 19px;
  font-weight: 400;
  font-size: 14px;
  text-align: right;
  color: #666666;
margin: 0;
}

.subNopd {
  padding-top: 0;
}

.vm--rank--toggle {
  padding: 16px 20px;
}

.vm--rank--toggle .switch-toggle.switch-candy,
.vm--rank--toggle .switch-light.switch-candy > span {
  width: 100%;
  box-sizing: border-box;
}

.vm--rank--toggle .switch-candy a {
  background: #fff;
}

.vm--rank--toggle .switch-light.switch-candy input ~ span span:first-child,
.vm--rank--toggle .switch-light.switch-candy input:checked ~ span span:nth-child(2),
.vm--rank--toggle .switch-candy input:checked + label {
  color: #222;
  cursor: pointer;
}

.vm--rank--toggle .switch-light.switch-candy span span,
.vm--rank--toggle .switch-light.switch-candy input:checked ~ span span:first-child,
.vm--rank--toggle .switch-toggle.switch-candy label {
  color: #aaa;
  cursor: pointer;
}



.sub--ranking--btn .wrap-cate-scroll {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
height: 40px;
}

.sub--ranking--btn .wrap-cate-scroll a {
  /* border: 1px solid #F4F4F4; */
  box-sizing: border-box;
  height: 40px;
  border-radius: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
  color: #D3D3D3;
  background: #F4F4F4;
  text-align: center;
  padding: 0 12px;
  margin-left: 8px;
  display: block;
}

.sub--ranking--btn .vm--cate--items {
position: relative;
width: 100%;
overflow: scroll;
 /* 가로 스크롤 */
/* overflow: auto; */
    overflow-y: hidden;
white-space: nowrap;
user-select: none;
}

.sub--ranking--btn .vm--cate--items.active {
cursor: grabbing;
cursor: -webkit-grabbing;
background: #000;
}

.sub--ranking--btn .wrap-cate-scroll a:first-child {
  margin-left: 20px;
}

.sub--ranking--btn .wrap-cate-scroll a:last-child {
  margin-right: 0;
}

.sub--ranking--btn .wrap-cate-scroll a.cate--active {
  background: #222222;
  color: #fff;
}

.sub--ranking--btn .wrap-cate-scroll .vm--dummy--20px {
width: 20px;
  height: 40px;
  display: block;
  visibility: hidden;
  opacity: 0;
  margin: 0;
}


.vmRankCate {
  padding: 0 0 20px 0;
}

.vmRankCate .basicView .basicList ul.basicValue li.listChk .likeImg .newRankNum {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  /*background: #FF2282; */
  background: linear-gradient(90deg, #FF2282 18%, #FC2E91 90%);
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.15));
  border-radius: 0 0 10px 0;

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  color: #ffffff;

font-family: 'GmarketSansMedium' !important;
}


.vmRankBrand {
  padding: 4px 0 20px 0;
  opacity: 0;
  height: 0;
  overflow: hidden;

  /* display: none; */
}

.vmRankBrand-show {
  opacity: 1;
  height: auto;
  overflow: auto;

}

.vmRankBrand .vmHo25 {
  padding: 0;
}

.vmRankBrand .vmHo25 .vmHo25-list {
  margin: 0;
}

.vmRankBrand .vmHo25 .vmHo25-list .vRankProd--01 {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.vmRankBrand .vmHo25 .vmHo25-list .vRankProd--01 .prodInfo--01 {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.vmRankBrand .vmHo25 .vmHo25-list .vRankProd--01 .prodInfo--01 .rankingNum {
  font-weight: 700;
  font-size: 15px;
  line-height: 40px;
  height: 40px;
  color: #222222;
  width: 18px;
  text-align: center;
  font-family: 'GmarketSansMedium' !important;
  margin-right: 12px;
}

.vmRankBrand .vmHo25 .vmHo25-list .vRankProd--01 .prodInfo--01 .rankingLogo {
  position: relative;
  width: 40px;
  height: 40px;
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
  background: #F7F7F7;
  display: inline-block;
}

.vmRankBrand .vmHo25 .vmHo25-list .vRankProd--01 .prodInfo--01 .rankingLogo img {
  width: 100%;
  height: 100%;
  max-width: 100px;
  max-height: 100px;
  object-fit: contain;
  object-position: center;
}

.vmRankBrand .vmHo25 .vmHo25-list .vRankProd--01 .prodInfo--01 .rankingName {
  font-weight: 700;
  font-size: 16px;
  line-height: 40px;
  display: inline-block;
  color: #222222;
  height: 40px;
  margin-left: 12px;
}

.vmRankBrand .vmHo25 .vmHo25-list .vRankProd--01 .prodGo--01 {

}

.vmRankBrand .vmHo25 .vmHo25-list .vRankProd--01 .prodGo--01 img {
  width: 6px;
}

.vmRankBrand .vmRankMg {
  margin: 15px 0 40px 0;
}


/**이벤트 페이지 **/
.vmEventBox {
  padding: 20px;
}

.vmEventBox .event--ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}

.vmEventBox .event--ul li:first-child {
  margin: 0;
}

.vmEventBox .event--ul li:last-child {
  margin-bottom: 30px;
}

.vmEventBox .event--ul li {
  line-height: 0;
  text-align: center;
  margin: 20px 0 0 0;
  width: 100%;
  position: relative;
}

.vmEventBox .event--ul a {
  display: block;
  line-height: 0;
}

.vmEventBox .event--ul img {
  width: 100%;
  line-height: 0;
  /* max-width: 500px; */
  /* max-height: 188px; */
}


/** 221117 - 상단 헤더 Fix **/
.fix--header01 {
  transition: top 0.2s ease-in-out;
}

.fix--menu01 {
  position: fixed;
  top: 0 !important;
  z-index: 999;
  background: #fff;
  width: 100%;
  /* max-width: 500px; */
  transition: top 0.2s ease-in-out;
}

.fix--menu02 {
  position: fixed;
  top: 56px !important;
  z-index: 999;
  background: #fff;
  width: 100%;
  /* max-width: 500px; */
  transition: top 0.2s ease-in-out;
}

.mt101px {
margin-top: 101px !important;
}


/* 이벤트 페이지 메인 */
.vm--eventPage-img {
text-align: center;
margin: 0 auto;
}

.vm--eventPage-img img {
width: 100%;
height: 100%;
/* max-width: 500px;
max-height: 500px; */
}

.vmMenu .menuBox ul.menuUl li.ep--top--01 {
width: 10%;
text-align: left;
justify-content: flex-start;
}

.vmMenu .menuBox ul.menuUl li.ep--top--01 a {
display: block;
}

.vmMenu .menuBox ul.menuUl li.ep--top--01 img {
width: 22px;
}

.vmMenu .menuBox ul.menuUl li.ep--top--02 {
width: 80%;
text-align: center;
font-weight: 500;
font-size: 18px;
color: #222222;
}

.vmMenu .menuBox ul.menuUl li.ep--top--03 {
width: 10%;
text-align: right;
justify-content: flex-end;
opacity: 0;
  visibility: hidden;
}

/* 상품 이미지 비율 */
.vLikeimg {
background: #fff;
/* border: 1px solid rgba(218, 218, 218, 0.3); */
border-radius: 10px;
overflow: hidden;
box-sizing: border-box;
margin-bottom: 8px;
position: relative;
padding-top: 100%;
width: 100%;
border: none !important;
}

.vLikeimg a {
position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

.vLikeimg a > img {
    position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: contain;
border: 1px solid rgba(218, 218, 218, 0.5);
box-sizing: border-box;
border-radius: 10px;
}


.vLikeimg .newRankNum {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  /*background: #FF2282; */
  background: linear-gradient(90deg, #FF2282 18%, #FC2E91 90%);
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.15));
  border-radius: 10px 0 10px 0;

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  color: #ffffff;

font-family: 'GmarketSansMedium' !important;

    z-index: 9;
}


/* 230110 LUCAS */
/* 스켈레톤 추가 CSS */
.overYnone {
	overflow-y: hidden;
}

/* 메인 - 상단 슬라이드 */
.skeleton_slideBox {
	left: 0 !important;
	right: 0 !important;
	z-index: 99 !important;
	max-width: 1000px;
    max-height: 1000px;
}

.skeleton_slideImg {
	max-width: 1000px !important;
	max-height: 1000px !important;
	border-radius: 0 !important;
}

/* 메인 - 상단 카테, 브랜드 토글 버튼 */
.skel_toggleBox {
	left: 50%;
    margin-left: -99px;
    width: 198px;
    height: 48px;
}

.skel_toggleImg {
	border-radius: 24px;
    width: 198px;
    height: 48px;
	max-width: inherit;
    max-height: inherit;
}

/* 메인 - 상단 카테, 브랜드 아이콘 */
.skel_iconBox {
	left: 0;
    right: 0;
}

.skel_iconImg {
	max-width: inherit;
    max-height: inherit;
}

/* 메인 - 상단 카테, 브랜드 더보기 버튼 */
.skel_iconBoxView {
	width: 85px;
    height: 32px;
    left: 50%;
    margin-left: -42.5px;
    right: 0;
    margin-top: 26px;
}

/* 메인 - 미니배너 */
.skel_minibBox {
	height: calc(100% - 40px);
}

.skel_minibImg {
	max-width: inherit;
    max-height: inherit;
}

/* 공통 - 상품목록 타이틀 */
.m--big--t--po {
	position: relative;
}

.skel_titleBox {
	height: 51px;
}

.skel_titleImg {
	max-width: inherit;
    max-height: inherit;
}

/* vmHo1.5형 */
.skel_vmHo15Box {
	left: 0;
    right: 0;
}

.skel_vmHo15Img {
	max-width: inherit;
    max-height: inherit;
}

/* vmVe1형 */
.skel_vmVe1Box {
	left: 0;
    right: 0;
}

.skel_vmVe1Img {
	max-width: inherit;
    max-height: inherit;
}

/* vmHo25형 */
.skel_vmHo25Box {
	left: 0;
    right: 0;
}

.skel_vmHo25Img {
	max-width: inherit;
    max-height: inherit;
}

/* vmRank형 */
.skel_vmRankBox {
	left: 0;
    right: 0;
}

.skel_vmRankImg {
	max-width: inherit;
    max-height: inherit;
}

.skel_rankCateBox {
	right: 0;
}

.skel_rankCateImg {
	max-width: inherit;
    max-height: inherit;
}

/* 신상품 */
.vm--page--type {
	position: relative;
}

.vm--page--type .listTypeBox--01 {
	display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
}

.skel_listTypeBox {
	height: calc(100% - 28px);
}

.skel_listTypeImg {
	max-width: inherit;
    max-height: inherit;
}

.skel_listVe2Box {
	left: 0;
	right: 0;
}

.skel_listVe2Img {
	max-width: inherit;
    max-height: inherit;
}

/* 이벤트 목록 페이지 */
.skel_eventPageBox {
	left: 0;
	right: 0;
	border-radius: 0;
}

.skel_eventPageImg {
	max-width: inherit;
    max-height: inherit;
	border-radius: 0;
}

/* 랭킹 페이지 */
.vm--rank--toggle .toggleBtn {
	position: relative;
}

.skel_rToggleBox {
	left: 0;
	right: 0;
	border-radius: 24px;
}

.skel_rToggleImg {
	max-width: inherit;
    max-height: inherit;
	border-radius: 24px;
}

.vmRankCate .sub--ranking--btn {
	position: relative;
}

.skel_rBtnBox {
	border-radius: 10px;
}

.skel_rBtnImg {
	max-width: inherit;
    max-height: inherit;
	border-radius: 10px;
}

.skel_rListBox {
	left: 0;
	right: 0;
	border-radius: 10px;
}

.skel_rListImg {
	max-width: inherit;
    max-height: inherit;
	border-radius: 10px;
}

/* 검색결과 페이지 */
.skel_sListBox {
	left: 0;
	right: 0;
}

.skel_sListImg {
	max-width: inherit;
    max-height: inherit;
}

.skel_sListMenuBox {
	left: 0;
	right: 0;
}

.skel_sListMenuImg {
	max-width: inherit;
    max-height: inherit;
}

.skel_sListTypeBox {
	left: 0;
	right: 0;
	height: calc(100% - 20px);
}

.skel_sListTypeImg {
	max-width: inherit;
    max-height: inherit;
}

.skel_sProdBox {
	left: 0;
	right: 0;
}

.skel_sProdImg {
	max-width: inherit;
    max-height: inherit;
}

/* 뷰마딜 페이지 */
.skel_vDealBox {
	left: 0;
	right: 0;
}

.skel_vDealImg {
	max-width: inherit;
    max-height: inherit;
}













/** 포인트 페이지 추가 **/
/** Lucas 230111 **/

#pointWrap {
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#pointWrap::-webkit-scrollbar {
display: none;
}


.vNewPointWrap {
    padding: 0 0 20px 0;
}

.vNewPointWrap ul {

}

.vNewPointWrap ul > li.vNewPointList {
    width: 100% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    height: auto !important;
    line-height: 161.8% !important;
    padding: 16px 0;
}

.vNewPointWrap ul > li.vNewPointList .vNewPoLeft {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.vNewPointWrap ul > li.vNewPointList .vNewPoLeft .vNewPoLeIcon {
    margin-right: 15px;
}

.vNewPointWrap ul > li.vNewPointList .vNewPoLeft .vNewPoLeIcon span {
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    letter-spacing: -0.5px;
    display: inline-block;
    background: #fafafa;
}

.vNewPointWrap ul > li.vNewPointList .vNewPoLeft .vNewPoLeIcon span::after {
    width: 36px;
    height: 36px;
    display: inline-block;
    line-height: 36px;
    border-radius: 10px;
}

.vNewPointWrap ul > li.vNewPointList .vNewPoLeft .vNewPoLeIcon span.vNewPoAdd::after {
    content: '적립';
    color: #0CACEF;
    background: #E8F8FF;
}

.vNewPointWrap ul > li.vNewPointList .vNewPoLeft .vNewPoLeIcon span.vNewPoUse::after {
    content: '사용';
    color: #7966EF;
    background: #F1F4FF;
}

.vNewPointWrap ul > li.vNewPointList .vNewPoLeft .vNewPoLeIcon span.vNewPoDel::after {
    content: '소멸';
    color: #868686;
    background: #EAEAEA;
}

.vNewPointWrap ul > li.vNewPointList .vNewPoLeft .vNewPoLeInfo {
    padding-top: 1px;
}

.vNewPointWrap ul > li.vNewPointList .vNewPoLeft .vNewPoLeInfo p {
    color: #222222;
}

.vNewPointWrap ul > li.vNewPointList .vNewPoLeft .vNewPoLeInfo p.vNewPoLink {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    padding-right: 15px;

    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.vNewPointWrap ul > li.vNewPointList .vNewPoLeft .vNewPoLeInfo p.vNewPoLink a.vNewPoa {
    color: #222222;
    display: inline-block;
}

.vNewPointWrap ul > li.vNewPointList .vNewPoLeft .vNewPoLeInfo p.vNewPoLink a.vNewPoa::after {
    content: "\f105";
    font: var(--fa-font-solid);
    margin-left: 4px;
    font-size: 11px;
    margin-top: -0.5px;
    vertical-align: middle;
    display: inline-block;
}

.vNewPointWrap ul > li.vNewPointList .vNewPoLeft .vNewPoLeInfo p.vNewPoDate {
    font-weight: 400;
    font-size: 12px;
    margin-top: 8px;
    line-height: 14px;
}

.vNewPointWrap ul > li.vNewPointList .vNewPoRight {

}

.vNewPointWrap ul > li.vNewPointList .vNewPoRight span {
    font-weight: 500;
    font-size: 12px;
    text-align: right;
    color: #222222;
}

.vNewPointWrap ul > li.vNewPointList .vNewPoRight span::after {
    content: 'P';
}

.vNewPointWrap ul > li.vNewPointList .vNewPoRight .vNewPlus::before {
    content: '+';
}

.vNewPointWrap ul > li.vNewPointList .vNewPoRight .vNewMinus::before {
    content: '-';
}

#pointWrap .pointUse .pBtn span {
    cursor: pointer;
}



/** 검색 상품 이름 두 줄 처리 **/
.vp-show-s-01 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}




/****** 문의하기 230131 Lucas 시작 ******/

/** 상세페이지 문의탭 시작 **/
.vmDeQnaBox {
    padding: 20px;
}

.vmDeQnaBox p {
    font-weight: 600;
    font-size: 16px;
    color: #222222;
}

.vmDeQnaBox .vmDeQnaGo {
    margin: 14px 0 12px 0;
}

.vmDeQnaBox .vmDeQnaGo a {
    border: 1px solid #DADADA;
    border-radius: 10px;
    display: block;
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #666666;
}

.vmDeQnaBox .vmDeQnaInfo {
    background: #F8F8F8;
    border-radius: 5px;
    padding: 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #888888;
}
/** 상세페이지 문의탭 끝 **/

/**  장바구니 문의 버튼 시작 **/
.vmCaQnaBtn {
	position: absolute;
    top: 18px;
    right: 0;
	z-index: 9;
}

.vmCaQnaBtn a {
    font-weight: 500;
    font-size: 14px;
    text-align: right;
    text-decoration-line: underline;
    color: #444444;
    display: block;
	line-height: 17px;
}

.vmCaQnaBtn a::after {
  content: "\f105";
  font: var(--fa-font-solid);
  margin-left: 4px;
  display: inline-block;
  font-size: 12px;
  margin-top: -1px;
  vertical-align: middle;
}
/**  장바구니 문의 버튼 끝 **/



/** 문의하기 페이지 시작 **/
.vmQnWrap {
    padding: 20px 0;
}

.vmQnWrap .vmQnAcBox {
    padding: 0 20px;
}

.vmQnWrap .vmQnAcBox .vmQnActitle {
    font-weight: 700;
    font-size: 14px;
    color: #222222;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;

    background: #F8F8F8;
    border-radius: 5px;

    padding: 0 12px;
    height: 46px;
    line-height: 46px;
}

.vmQnWrap .vmQnAcBox .vmQnActitle2 {
    border-radius: 5px 5px 0 0 !important;
}

.vmQnWrap .vmQnAcBox .vmQnActitle span {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.vmQnWrap .vmQnAcBox .vmQnActitle .vmQnAcArr span {
    width: 20px;
    height: 46px;
    cursor: pointer;
}

.vmQnWrap .vmQnAcBox .vmQnActitle .vmQnAcOp::after {
    content: "\f106";
    font: var(--fa-font-solid);
}

.vmQnWrap .vmQnAcBox .vmQnActitle .vmQnAcCl::after {
    content: "\f107";
    font: var(--fa-font-solid);
}

.vmQnWrap .vmQnAcBox .vmQnAcTe {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #888888;
    border-top: 1px solid #E8E8E8;
    background: #F8F8F8;
    border-radius: 0 0 5px 5px;
    padding: 12px;

    position: relative;
    margin-top: -1px;
}

.vmQnWrap .vmQnWrBox {
    padding: 16px 0;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .titleTe {
    font-weight: 600;
    font-size: 14px;
    color: #999999;
    padding: 0 20px;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .ess::after {
    content: '*';
    color: #FF2282;
    display: inline-block;
    margin-left: 1px;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmListArea {
    margin: 6px 0 16px 0;
    padding: 0 20px;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmListArea .vmListSel {
    border: 1px solid #DADADA;
    border-radius: 10px;
    height: 48px;
    padding: 0 16px;
    cursor: pointer;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmListArea .vmListSel span {
    font-weight: 500;
    font-size: 16px;
    line-height: 48px;
    color: #222;
    display: inline-block;

    width: 100%;
    background-image: url(../img/m-cate-arrow-hide.png);
    background-size: 10px;
    background-position: right;
    background-repeat: no-repeat;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmTextArea {
    padding: 0 20px;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmTextArea .vmTextWr {
    padding: 16px;
    border: 1px solid #DADADA;
    border-radius: 10px;
    box-sizing: border-box;

    height: 210px;

    margin: 6px 0 16px 0;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmTextArea .vmTextWr textarea {
    border: 0;
    resize: none;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #222222;
    height: 178px;
    padding: 0;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmTextArea .vmTextWr textarea::placeholder {
    font-weight: 500;
    font-size: 16px;
    color: #A2A9AC;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmPicBox {
    padding: 0 20px;
    overflow: hidden;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmPicBox .vmPicSlide {
    margin: 6px 0 23px 0;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmPicBox .vmPicBtn {

}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmPicBox .vmPicBtn label {
    /* 파일 버튼 */
    display: block;
    cursor: pointer;
    border: 1px solid #222222;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 48px;
    height: 48px;
    box-sizing: border-box;
    color: #222222;
    text-align: center;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmPicBox .vmPicBtn label > span {
    display: block;
    line-height: 46px;
    font-weight: 600;
    font-size: 16px;
    color: #222222;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmPicBox .vmPicBtn label > span::before {
    content: "\e09a";
    font: var(--fa-font-solid);
    font-size: 15px;
    margin-right: 6px;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmPicBox .vmPicBtn input[type="file"] {
  /* 파일 필드 숨기기 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}

.vmQnWrap .vmQnOkBtn {
    padding: 12px 20px;
}

.vmQnWrap .vmQnOkBtn a {
    background: #F5F6F8;
    border-radius: 10px;
    display: block;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #B9BEC1;
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
}

.vmQnWrap .vmQnOkBtn a.vmQnAct {
    background: #FF2282;
    color: #fff;
}

.vmQnWrap .vmQnNoti {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #999999;
    padding: 0 20px 35px 20px;
    letter-spacing: -0.65px;
}

.vmQnListBlink {
    height: 50px;
    border: 0;
    visibility: hidden;
}





@media only screen and (min-width : 992px) {
    .vmSlChBox {
        width: 500px !important;
        margin: 0 auto;
    }
}



.vmSlChBox {
  padding:0;
  /* max-height: 390px; */
  height: calc(100vh - 25%);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9999;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
 /* 스크롤링 X */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}


.vmSlChBoxType {
    max-height: 400px !important;
    height: inherit !important;
}

.vmSlChBox::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}

.vmSlChBox .cart-user-list {
  position: relative;
}

.vmSlChBox .close {
  padding: 12px 0 0 0;
  text-align: center;
  margin: 0 auto;
}

.vmSlChBox .headers {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  color: #292929;
  padding: 15px 0;
  border-bottom: 1px solid rgba(221, 221, 221, 0.5);
}

.vmSlChBox .slty-list {
  padding: 0 20px 40px 20px;
  overflow-y: scroll;
  max-height: calc(100vh - 45%);
}

.vmSlChBoxType .slty-list {
  max-height: 274px !important;
}


.vmSlChBox .slty-list { /* 스크롤링 X */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.vmSlChBox .slty-list::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}


.vmSlChBox .slty-list .list-ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.vmSlChBox .slty-list .list-ul li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid rgba(221, 221, 221, 0.5);
}

.vmSlChBox .slty-list .list-ul li>span {
  display: inline-block;
}

.vmSlChBox .slty-list .list-ul li>span:first-child {
  font-weight: 500;
  font-size: 16px;
  color: #292929;
}

.vmSlChBox .slty-list .list-ul li:nth-last-child(2) {
    border-bottom: 0;
}

#qna-seller-change,
#qna-type-change {
  display: none;
}

/* 문의처, 문의유형 변경 라디오 버튼 */
.vmSlChBox .slty-list .list-ul label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 0;
}

.vmSlChBox .slty-list .list-ul input {
  width: 20px;
  height: 20px;
  appearance: revert !important;
  margin: 0;
  padding: 0;
}

/* 문의처, 문의유형 선택 input */
.vmSlChBox .slty-change input[type=radio] {
    display:none;
}

.vmSlChBox .slty-change input[type=radio] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right;
    background-image: none;
}

.vmSlChBox .slty-change input[type=radio]:checked + label {
    background-image: url('../img/change-user-check.svg');
}

.vmSlChBox .slty-change input[type=radio]:disabled + label {
    background-image: none;
}

 .vmQaPopLi {
    margin: 0 !important;
    color: #222222 !important;
    background: #F5F6F8 !important;
    cursor: pointer;
 }

.vmQaPopOks {
    color: #222222 !important;
    background: #F5F6F8 !important;
    cursor: pointer;
}

#vmQaPopBig {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    letter-spacing: -1px;
}

#vmQaPopBig span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #888888;
    display: block;
    margin-top: 6px;
}

.vmQaFileAlIcon {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.vmQaFileAlIcon span {
    width: 36px;
    height: 36px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.vmQaFileAlIcon span::before {
    content: "\f06a";
    font: var(--fa-font-solid);
    font-size: 36px;
    width: 36px;
    height: 36px;
    display: block;
    text-align: center;
}

/** 첨부사진파일 슬라이드 **/
.vmPicSection .prod-list {
    max-width: 165px;
    max-height: 165px;
}

.vmPicSection .prod-list .img {
    margin-bottom: 0 !important;
}

.vmPicSection .prod-list .img001 {
    position: relative;
    width: 165px;
    height: 165px;
    margin: auto;
    border-radius: 10px;
    border: 1px solid rgba(218, 218, 218, 0.3);
}

.vmPicSection .prod-list .img001 img {
    width: 100%;
    height: 100%;
    max-width: 165px;
    max-height: 165px;
    border-radius: 10px;
    object-fit: cover;
    object-position: center;
}

.vmPicSection .prod-list .vmQaSlDel {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 999;

    width: 24px;
    height: 24px;
    display: block;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    background-image: url('../img/vmfiledel230131.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}



/** 문의하기 페이지 **/
.vmQnWrapRest {
    padding: 0 !important;
}

.vmQnWrap .vmQnNewReq {
    padding: 16px 20px;
    background: #F4F6F8;
}

.vmQnWrap .vmQnNewReq a {
    background: #FFFFFF;
    border: 1px solid #222222;
    border-radius: 10px;
    height: 48px;
    box-sizing: border-box;
    line-height: 48px;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #222222;
    display: block;
}

.vmQnWrap .vmQnWrBoxRest {
    padding: 20px 0 !important;
    border-bottom: 12px solid #f4f6f8;
}

.vmQnWrap .vmQnWrBoxRest:last-child {
    border-bottom: none;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnViewUl {
    padding: 0 20px;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnViewUl .listRep {
    margin-bottom: 12px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnViewUl .listRep .title {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    width: 65px;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnViewUl .listRep .title span {
    font-weight: 700;
    font-size: 14px;
    color: #222222;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnViewUl .listRep .title .vmQnStatus::after {
    content: '|';
    margin: 0 6px;
    color: #CFCFCF;
    display: inline-block;
    position: relative;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnViewUl .listRep .title .vmQnWait {
    color: #222222;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnViewUl .listRep .title .vmQnSuc {
    color: #008DF2;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnViewUl .listRep .topInfo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 65px);
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnViewUl .listRep .info {
    font-weight: 400;
    font-size: 14px;
    color: #222222;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnViewUl .listRep .topInfo span.date {
    font-weight: 400;
    font-size: 14px;
    color: #222222;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnViewUl .listRep .topInfo span.qaDelete {
    font-weight: 500;
    font-size: 13px;
    color: #969696;
    cursor: pointer;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnViewUl .listRep .vmQnAskCon {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #222222;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnReUl {
    padding: 0 20px;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnReUl .vmQnReLine {

}

.vmQnWrap .vmQnWrBoxRest ul.vmQnReUl .vmQnReLine .vmQnReply {
    background: #F8F8F8;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 12px;
    margin-bottom: 16px;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnReUl .vmQnReLine .vmQnReply .vmQnReSeller {
    font-weight: 700;
    font-size: 14px;
    color: #222222;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnReUl .vmQnReLine .vmQnReply .vmQnReSeller span {
    display: inline-block;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnReUl .vmQnReLine .vmQnReply .vmQnReSeller .vmQnReName {
    max-width: 150px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnReUl .vmQnReLine .vmQnReply .vmQnReSeller .vmQnReDate::before {
    content: '|';
    margin: 0 6px;
    color: #CFCFCF;
    display: inline-block;
    position: relative;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnReUl .vmQnReLine .vmQnReply .vmQnReSeller .vmQnReDate {
    font-weight: 400;
    font-size: 14px;
    color: #222222;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnReUl .vmQnReLine .vmQnReply .vmQnReCon {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #222222;
    margin-top: 12px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnReQu-ul {

}

.vmQnWrap .vmQnWrBoxRest ul.vmQnReQu-ul .vmQnReQu-li {
    width: 100%;
}

.vmQnWrap .vmQnWrBoxRest ul.vmQnReQu-ul .vmQnReQu-li a {
    border: 1px solid #DADADA;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #666666;
    height: 38px;
    width: 140px;
    display: block;
    margin: 0 auto;
}





.vmQnWrap .vmQnWrBox ul.vmWrUl .vmTextArea .vmTextWr .vmQwrTbox {
	overflow-y: auto;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmTextArea .vmTextWr .vmQwrTbox::-webkit-scrollbar {
    width: 5px;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmTextArea .vmTextWr .vmQwrTbox::-webkit-scrollbar-thumb {
    height: 30%;
    background: #888;
    border-radius: 3px;
}

.vmQnWrap .vmQnWrBox ul.vmWrUl .vmTextArea .vmTextWr .vmQwrTbox::-webkit-scrollbar-track {
    background: #E9E9E9;
    border-radius: 3px;
}







.vmPicSection .vmQaSl01 .swiper-slide {
	position: relative;
    width: 165px;
    height: 165px;
	/* margin: auto; */
    border-radius: 10px;
	box-sizing: border-box;
}

.vmPicSection .vmQaSl01 .swiper-slide .vmQnAddImgBox {
	position: relative;
    width: 165px;
    height: 165px;
	/* margin: auto; */
    border-radius: 10px;
    border: 1px solid rgba(218, 218, 218, 0.3);
	box-sizing: border-box;
}

.vmPicSection .vmQaSl01 .swiper-slide .vmQnAddImgBox img {
	width: 100%;
    height: 100%;
    max-width: 165px;
    max-height: 165px;
    border-radius: 10px;
    object-fit: cover;
    object-position: center;
}

.vmPicSection .vmQaSl01 .vmQaSlDel {
	position: absolute;
    top: 8px;
    right: 8px;
    z-index: 999;
    width: 24px;
    height: 24px;
    display: block;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    background-image: url('../img/vmfiledel230131.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

/****** 문의하기 230131 Lucas 끝 ******/


/** 상품 아이콘 **/

span.vmNewIcon-span {
	display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 0;
    align-items: flex-start;
    justify-content: flex-start;
}

.vmNewIcon-badge {
    display: inline-block !important;
    width: auto;
    height: 19px;
    margin: 3px 3px 0 0;
    font-size: 0;
}

li.vmNewIcon-detail-li {
	display: flex !important;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 3px;
}


/*****************************/
/**** 뉴 서치 페이지 *********/
/***** 230224 LUCAS *********/
/****************************/
.vmRecWordBox {
    margin: 16px 0;
}

.vmRecWordBox .vmRecWordTitle {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.vmRecWordBox .vmRecWordTitle span {

}

.vmRecWordBox .vmRecWordTitle .title-l-w {
    font-weight: 600;
    font-size: 16px;

    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;

    color: #222222;
}

.vmRecWordBox .vmRecWordTitle .title-l-w img {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    position: relative;
    top: -1.5px;
    line-height: 0;
}

.vmRecWordBox .vmRecWordTitle .title-d-w {
    font-weight: 400;
    font-size: 14px;
    text-align: right;
}

.vmRecWordBox .vmRecWordTitle .title-d-w a {
    color: #8E8D92;
    display: block;
}

.vmRecWordBox .vmRecWordList {
    margin-top: 13px;
    padding: 0 20px;
    overflow: hidden;
}

.vmRecWordBox .vmRecWordList .recWoNone {
    text-align: left;
    margin: 0 auto;
    font-weight: 400;
    font-size: 14px;
    color: #8E8D92;
    height: 33px;
    line-height: 33px;
}

.vmRecWordBox .vmRecWordList .reCentWordBtn a {
    background: #F5F6F8;
    border-radius: 50px;
    font-weight: 500;
    font-size: 14px;
    line-height: 33px;
    text-align: center;
    color: #222222;
    height: 33px;
    padding: 0 12px;
    display: inline-block;
}

.vmRecWordBox .vmRecWordList .recWoList .swiper-slide {
    width: auto;
}

.vmHitWordBox {
    padding-top: 20px;
}

.vmRecWordBox .vmHitWordList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;

    margin-top: 3px !important;
}

.vmRecWordBox .vmHitWordList a {
    background: #FFEDF1;
    border-radius: 50px;
    font-weight: 500;
    font-size: 14px;
    line-height: 33px;
    text-align: center;
    color: #FF2282;
    height: 33px;
    padding: 0 12px;
    display: inline-block;

    margin: 10px 6px 0 0;

}

.vmRecWordBox .vmHitWordList a:last-child {
    margin-right: 0;
}

.vmSeReVi25 {
    padding-top: 0 !important;
}

.vmSeReVi25 .vmHo25-list {
    margin-top: 0 !important;
}

.vmReCaTi-01 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.vmReCaTi-01 span {
    display: inline-block;
}

.vmReCaTi-01 span:first-child {
    font-weight: 600;
    font-size: 16px;
    color: #222222;
}

.vmReCaTi-01 span:nth-child(2) {

}

.vmReCaTi-01 span:nth-child(2) a {
    font-weight: 400;
    font-size: 14px;
    text-align: right;
    color: #8E8D92;
    display: inline-block;
}

.vmReCaTi .m-c-box .m-list-box ul.list-box-ul li:nth-child(-n+5) {
    margin-top: 16px !important;
}

.vmReCaTi .m-c-box .m-list-box ul.list-box-ul li:nth-child(1),
.vmReCaTi .m-c-box .m-list-box ul.list-box-ul li:nth-child(6) {
    margin-left: 0 !important;
}

.vmReCaTi .m-c-box .m-list-box ul.list-box-ul li:nth-child(5),
.vmReCaTi .m-c-box .m-list-box ul.list-box-ul li:nth-child(10) {
    margin-right: 0 !important;
}

.vmReCaTi-02 {
    margin-top: 40px
}

.vmReCaTi {
    border-bottom: 0 !important;
}

.vmReCaTi .m-c-box .m-list-box ul.list-box-ul {
    justify-content: space-between;
}

.vmReCaTi .m-c-box .m-list-box ul.list-box-ul li .m-img {
    width: 100% !important;
    height: 100% !important;
}

.vmReCaTi .m-c-box .m-list-box ul.list-box-ul li .m-img img {
    max-width: 100% !important;
    max-height: 100% !important;
}

.vmSeReVi25 .recWoNone {
    text-align: left;
    margin: 0 auto;
    font-weight: 400;
    font-size: 14px;
    color: #8E8D92;
    height: 33px;
    line-height: 33px;
    padding: 0 20px;
}





/*** 회원가입 페이지 수정 ***/
/*** Lucas 230322 ***/

#vmJoinOwnBox, #vmJoinDesBox {
    display: none;
}

#joinStep-03 .vmJoSelJobBox {
	margin-top: 25px;
}

#joinStep-03 .vmJoSelJobBox .vmJoSelTitle {
    font-weight: 600;
    font-size: 14px;
    color: #999999;
}

#joinStep-03 .vmJoSelJobBox .vmJoJobSelWrap {
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

#joinStep-03 .vmJoSelJobBox .vmJoJobSelWrap .vmJoChAct {
    border-color: #222 !important;
}

#joinStep-03 .vmJoSelJobBox .vmJoJobSelWrap .vmJoChAct p {
    opacity: 1 !important;
}

#joinStep-03 .vmJoSelJobBox .vmJoJobSelWrap .vmJoChDeBox {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: calc(50% - 5px);

    background: #F5F6F8;
    border: 1px solid #F5F6F8;
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
    cursor: pointer;
}

#joinStep-03 .vmJoSelJobBox .vmJoJobSelWrap .vmJoChDeBox p {
    line-height: 1.5;
}


#joinStep-03 .vmJoSelJobBox .vmJoJobSelWrap .vmJoChDeBox p > img {
    width: 22px;
    height: 22px;
    font-size: 0;
    line-height: 0;
}

#joinStep-03 .vmJoSelJobBox .vmJoJobSelWrap .vmJoChDeBox p:nth-child(1) {
    margin-bottom: 5px;
    opacity: 0.3;
}

#joinStep-03 .vmJoSelJobBox .vmJoJobSelWrap .vmJoChDeBox p:nth-child(2) {
    font-weight: 600;
    font-size: 16px;
    color: #222;
    opacity: 0.4;
}

#joinStep-03 .vmJoSelJobBox .vmJoJobSelWrap .vmJoChDeBox p:nth-child(3) {
    font-weight: 500;
    font-size: 14px;
    color: #222;
    opacity: 0.3;
}

#joinStep-03 .vmJoSelJobBox .vmJoChBene {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #29D359;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    padding: 0 12px;

    background: #E9FFF2;
    border-radius: 5px;
}






/*** 문의접수 페이지 자주 묻는 질문 ***/
/*** Lucas 230323 ***/
#vpm-header .vmQuCallBtn {
    position: absolute;
    top: 14px;
    right: 20px;
}

#vpm-header .vmQuCallBtn span.vmCallQuQna {
    font-weight: 600;
    font-size: 16px;
    color: #9A9A9A;
    display: block;
    cursor: pointer;
    box-sizing: border-box;
}

.vmQuQaWrap {
    /* display: none; */
    position: fixed;
    top: 30px;
    left: 0;
    right: 0;
    z-index: 99999;
    bottom: 0;
    border-radius: 15px 15px 0px 0px;
    overflow: hidden;
    box-sizing: border-box;

    margin: 0 auto;
}

.vmQuQaWrap .vmQuQaBox {
    position: relative;
}

.vmQuQaWrap .vmQuQaTitle {
    height: 60px;
    overflow: hidden;
    line-height: 60px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    border-radius: 15px 15px 0px 0px;
    background: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #292929;
    position: fixed;
	left: 0;
    right: 0;
}

.vmQuQaWrap .vmQuQaBox .vmQuQaAcco {
    background: #fff;
    margin-top: 60px;
    overflow-y: scroll;

	
    -ms-overflow-style: none;
    scrollbar-width: none;


    height: calc(100vh - 190px);
    box-sizing: border-box;

    padding: 20px 20px 85px 20px;
}

.vmQuQaWrap .vmQuQaBox .vmQuQaAcco::-webkit-scrollbar {
    display: none;
}

.vmQuQaWrap .vmQuQaBox .vmQuQaAcco .vmQuQaAlert {
    padding: 0 0 20px 0;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    color: #222;
}

.vmQuQaWrap .vmQuQaBox .vmQuQaAcco .vmQuQaAlert span.vmQuAls {
    display: flex;
    align-items: center;
    justify-content: center;
}

.vmQuQaWrap .vmQuQaBox .vmQuQaAcco .vmQuQaAlert span.vmQuAls::before {
    content: '';
    background-image: url('../img/sold-icon-01.png');
    display: inline-block;
    background-position: left;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 4px;
    position: relative;
    top: -1.5px;
}

.vmQuQaDaBg {
    width: 100%;
    height: 100vh;
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
}

.vmQuQaWrap .vmQuQaChOk {
    height: 100px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 20px;
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;

    margin: 0 auto;

    border-top: 1px solid #eee;
}

.vmQuQaWrap .vmQuQaChOk a {
    background: #222222;
    border-radius: 15px;
    font-weight: 700;
    font-size: 18px;
    line-height: 50px;
    display: block;
    height: 50px;
    text-align: center;
    color: #FFFFFF;
    width: 100%;
}


.faqContent {

}

.faqContent .accordion-menu {
    width: 100%;
/*     max-width: 700px; */
    margin: 0 auto;
}

.faqContent .accordion-menu li.open .dropdownlink {
  font-weight: 700;
  font-size: 16px;
  color: #222222;
  line-height: 60px;

  background-image: url('/common/img/faqno.svg');
}

.faqContent .accordion-menu li:first-child .dropdownlink {
    border-top: 1px solid #DADADA;
}

.faqContent .accordion-menu li:last-child .dropdownlink {
    border-bottom: 1px solid #DADADA;
}

.faqContent .dropdownlink {
  cursor: pointer;
  padding: 0 70px 0 10px;
  border-bottom: 1px solid #DADADA;
  position: relative;
  transition: all 0s ease-out;
  font-weight: 700;
  font-size: 16px;
  color: #222222;
  height: 60px;
  line-height: 60px;

  box-sizing: border-box;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;

  background-image: url('/common/img/faqOk.svg');
  background-size: 12px;
  background-position: 97% center;
  background-repeat: no-repeat;
}

.faqContent .submenuItems {
    display: none;
    background: #cbe6c9;
}

.faqContent .submenuItems li {
  border-bottom: 1px solid #DADADA;
  background: #FBFBFB;
  padding: 20px;
  min-height: 175px;

  font-weight: 500;
  font-size: 14px;
  color: #484848;
}

.faqContent .dropdownlink span:nth-child(2) {
  width: 12px;
  height: 62px;
  line-height: 62px;
  box-sizing: border-box;
  background-size: 12px;
  display: none;
  background-position: center;
  background-repeat: no-repeat;
}







/**************************************/
/*** SNS 회원 ***/
/*** Lucas 230328  ***/
.vpOldLogWrap {
    display: none !important;
}

.vpNewLogWrap {
    width: 100%;
    max-width: 350px;
}

.vpNewLogWrap .vpLogToolBox {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    padding: 10px 35px;
    border-radius: 28px;

    max-width: 270px;
    margin: 0 auto 18px auto;
}

.vpNewLogWrap .vpLogToolBox span {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #535353;
    display: block;
}

.vpNewLogWrap .vpLogToolBox::after {
    margin-left: -6px;
    border: 1px solid #dcdcdc;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 0 0 0 3px;
    bottom: -7px;
    transform: rotate(-45deg);
    border-top: 0;
    border-right: 0;
    /* top: 100%; */
    left: 50%;
    content: "";
    position: absolute;
    pointer-events: none;
}

.vpNewLogWrap .vpLogBoxBa {
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid #dadada;
    max-width: 350px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    font-weight: 700;
    font-size: 16px;
    text-align: center;

    height: 48px;
    line-height: 48px;

    background: #FFFFFF;

	position: relative;
}

.vpNewLogWrap .vpLogBoxBa > a {
    color: #222222;
    width: 100%;
    height: 48px;
    line-height: 48px;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.vpNewLogWrap .vpLogBoxBa > img {
    width: 20px;
    margin-right: 4px;
}

.vpNewLogWrap .vpLogKaBox {
    background: #F7DE00;
    border: 0;
    margin-bottom: 15px;
}

.vpNewLogWrap .vpLogApBox {
    border-color: #222222;
}

.vpNewLogWrap .vpLogOtBox {
    font-weight: 600;
}

.vpNewLogWrap .vpLogKaBox > a::before,
.vpNewLogWrap .vpLogApBox > a::before {
    content: '';
    display: inline-block;
    background-position: left;
    width: 20px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 4px;
}

.vpNewLogWrap .vpLogKaBox > a::before {
    background-image: url('/common/img/vpnewkaicon01.png');
    width: 20px;
    height: 20px;
}

.vpNewLogWrap .vpLogApBox > a::before {
    background-image: url('/common/img/vpnewappleicon01.png');
    width: 15px;
    height: 20px;
}

.vpNewLogWrap .vpLogOrText {
    margin: 20px 0;
}

.vpNewLogWrap .vpLogOrText span {
    font-weight: 600;
    font-size: 14px;
    color: #888888;

    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.vpNewLogWrap .vpLogOrText span::before,
.vpNewLogWrap .vpLogOrText span::after {
    content: "";
    background: #dcdcdc;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 12px;
    width: 30px;
}




.vpBaHisPage {
    position: absolute;
    z-index: 999;
    left: 20px;
    top: 20px;
}

.vpBaHisPage > img {
    width: 17px;
    height: 17px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
}

.logWrap .content ul.logBox .vpNewMainTitle {
    margin-top: 20px !important;
}

.logWrap .content ul.logBox .mainTitle span {
    display: block;
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    color: #222222;
}

.logWrap .content ul.logBox .mainTitle span > strong {
    font-weight: bold;
}

.logWrap .content ul.logBox .vpLogOthers {
    margin-top: 25px;
}

.logWrap .content ul.logBox .vpLogOthers .vpLogOrText {

}

.logWrap .content ul.logBox .vpLogOthers .vpLogOrText span {
    font-weight: 600;
    font-size: 14px;
    color: #888888;

    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.logWrap .content ul.logBox .vpLogOthers .vpLogOrText span::before,
.logWrap .content ul.logBox .vpLogOthers .vpLogOrText span::after {
    content: "";
    background: #dcdcdc;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 12px;
    width: 30px;
}

.logWrap .content ul.logBox .vpLogOthers .vpLogNewButton {
    margin: 16px 0 10px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.logWrap .content ul.logBox .vpLogOthers .vpLogNewButton > a {
    margin: 0 8px;
}

.logWrap .content ul.logBox .vpLogOthers .vpLogNewButton > a > img {
    width: 55px;
    height: 55px;
    line-height: 0;
}

.logWrap .content ul.logBox .vpLogOthers .vpLogTalkBox {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    padding: 10px 35px;
    border-radius: 28px;
}

.logWrap .content ul.logBox .vpLogOthers .vpLogTalkBox span {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #535353;
    display: block;
}

.logWrap .content ul.logBox .vpLogOthers .vpLogTalkBox::after {
    margin-left: -6px;
    border: 1px solid #dcdcdc;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 0 0 0 3px;
    top: -7px;
    transform: rotate(135deg);
    border-top: 0;
    border-right: 0;

    bottom: 100%;
    left: 50%;
    content: "";
    position: absolute;
    pointer-events: none;
}

.logWrap {
    box-sizing: border-box;
}



/*** 소셜 로그인 계정 선택 ***/
.logWrapFlTop {
    align-items: flex-start !important;
    padding-top: 65px;
    position: relative;
}

.logWrapFlTop .vpScIdSeBox {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;

}

.logWrapFlTop .vpScIdSeBox .title01 {
    font-weight: 700;
    font-size: 24px;
    color: #222222;
}

.logWrapFlTop .vpScIdSeBox .title01 > span {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #999999;
    display: block;
    margin: 0 0 20px 0;
}

.logWrapFlTop .vpScIdSeBox .title01 > span:first-child {
    margin: 16px 0 0 0;
}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList {
    width: 100%;
}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl {

}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li {

}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li:last-child {
    margin-bottom: 0;
}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep {

}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRepBt160:last-child {
    margin-bottom: 200px;
}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep .vpScIdSelectAdd .vpScIdCir {
    background-color: #EB758B;
    width: 45px;
    height: 45px;
    line-height: 42px;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    color: #FFFFFF;
    padding: 3px 0 0 0;
    pointer-events: none;
    border-radius: 50%;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;

    margin-right: 10px;

    box-sizing: border-box;
}

.logWrapFlTop .vpScIdSeBox .vpNeMaShBtn {
    margin-top: 30px;
    width: 100%;
    text-align: center;
}

.logWrapFlTop .vpScIdSeBox .vpNeMaShBtn > a {
    font-weight: 500;
    font-size: 14px;
    color: #999999;
    display: inline-block;
}

.logWrapFlTop .vpScIdSeBox .vpNeMaShBtn > a::after {
    content: "\f054";
    font: var(--fa-font-solid);
    margin-left: 6px;
    display: inline-block;
    font-size: 11px;
    margin-top: 0px;
    vertical-align: middle;
}


/** 본인인증 **/
.retryWrap .noti--03 .title01 span {
    display: block;
    font-weight: 700;
    font-size: 24px;
    color: #222222;
    letter-spacing: -0.5px;
}

.retryWrap .noti--03 .vpStNeBtnLine {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 14px;
}

.retryWrap .noti--03 .vpStNeBtnLine button {
    background-color: #F0F0F0;
    border-radius: 24px;
    width: 80px;
    height: 48px;
    line-height: 48px;

    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;

    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    border: 0;


}

.retryWrap .noti--03 .vpStNeBtnLine button.vpStNeBtnAct {
    background-color: #000;
}

.retryWrap .noti--03 .vpStNeBtnLine button::after {
    content: "\f061";
    font: var(--fa-font-solid);
    margin-left: 5px;
    display: inline-block;
    margin-top: 0;
    font-size: 14px;
    vertical-align: middle;
    position: relative;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--033 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 6px 0;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--033 .regiNumHiLi {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    line-height: 48px;
    height: 48px;
    color: #DADADA;
    font-weight: 500;
    font-size: 13px;
    box-sizing: border-box;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--033 input {
  border: 1px solid #DADADA;
  font-weight: 600;
  font-size: 16px;
  color: #222222;
  border-radius: 10px;
  line-height: 48px;
  height: 48px;
  padding: 0 15px;
  box-sizing: border-box;
  width: calc(50% - 14px);
}

.retryWrap .noti--03 .shopInfo .infoUl .input--033 .regiNumDiv2 {
    position: relative;
    width: calc(50% - 14px);
}

.retryWrap .noti--03 .shopInfo .infoUl .input--033 .regiNumDiv2::after {
    content: '●●●●●●';
    position: absolute;
    left: 28px;
    top: 1px;
    z-index: 1;
    display: block;
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    letter-spacing: 0.5px;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--033 .regiNumDiv2 .regiNum2s {
    position: relative;
    width: 100%;
    z-index: 9;
    background: transparent;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--033 input:focus {
  border: 1px solid #222;
}

.retryWrap .noti--03 .shopInfo .infoUl .pa5no01 {
    padding-top: 0px !important;
}

.retryWrap .noti--03 .shopInfo .infoUl .sectionTitle {
    padding-top: 5px;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 button.vp-phone--02 {
    background-color: #F0F0F0;
    border-radius: 24px;
    width: 110px;
    padding: 0 16px;
    height: 48px;
    line-height: 48px;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 0;

    pointer-events: none;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 button.vp-ckActive {
    background-color: #000 !important;
    pointer-events: fill;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 button.vp-phone--02 span.goNum::after {
    content: "\f061";
    font: var(--fa-font-solid);
    margin-left: 5px;
    display: inline-block;
    margin-top: 0;
    font-size: 14px;
    vertical-align: middle;
    position: relative;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 button.vp-ckActiveRe {
    background-color: #F5F6F8 !important;
    pointer-events: fill;
    font-weight: 500;
    font-size: 16px;
    color: #7B7B7B;

    display: none;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 .p-ck-01-New {
    width: calc(100% - 122px) !important;
    margin-right: 0 !important;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 input.phone--01Ck {
    width: 100%;
    border: 1px solid #DADADA !important;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--01 input.inputBg {
    pointer-events: none;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--044 {
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    line-height: 48px;
    height: 48px;
    position: relative;

    margin: 6px 0;

    display: flex;
}

.retryWrap .noti--03 .shopInfo .infoUl .input--044 input.vpTelComePicks {
    background-color: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 10px;
    box-sizing: border-box;
    height: 48px;
    line-height: 48px;

    font-weight: 600;
    font-size: 16px;
    color: #222222;

    padding: 0 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    cursor: pointer;
    background-image: url('/common/img/select-arrow-01.png');
    background-position: calc(100% - 16px);
    background-repeat: no-repeat;
    background-size: 10px;
}



.vpTeCoPopPick .vmSlChBox {
  padding:0;
  /* max-height: 390px; */
  height: calc(100vh - 30%);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9999;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
 /* 스크롤링 X */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.vpTeCoPopPick .vmSlChBox::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}

.vpTeCoPopPick .vmSlChBox .cart-user-list {
  position: relative;
}

.vpTeCoPopPick .vmSlChBox .headers {
    padding: 0 20px;
    box-sizing: border-box;
    height: 53px;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    text-align: center;
    width: 100%;
}

.vpTeCoPopPick .vmSlChBox .headers > strong {
    font-weight: 600;
    font-size: 18px;
    color: #292929;
    margin: 0 auto;
    line-height: 50px;
}

.vpTeCoPopPick .vmSlChBox .headers > span.heClBt0a1 {
    background: #DBDBDB;
    border-radius: 2px;
    width: 35px;
    height: 4px;
    display: block;
    margin: 12px auto 0 auto;

}



.vpTeCoPopPick .vmSlChBox .slty-list {
  padding: 0 20px 40px 20px;
  overflow-y: scroll;
  height: 90%;
}

.vpTeCoPopPick .vmSlChBoxType .slty-list {
  max-height: 274px !important;
}


.vpTeCoPopPick .vmSlChBox .slty-list { /* 스크롤링 X */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.vpTeCoPopPick .vmSlChBox .slty-list::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}


.vpTeCoPopPick .vmSlChBox .slty-list .list-ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.vpTeCoPopPick .vmSlChBox .slty-list .list-ul li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid rgba(221, 221, 221, 0.5);
}

.vpTeCoPopPick .vmSlChBox .slty-list .list-ul li>span {
  display: inline-block;
}

.vpTeCoPopPick .vmSlChBox .slty-list .list-ul li>span:first-child {
  font-weight: 500;
  font-size: 16px;
  color: #292929;
}

.vpTeCoPopPick .vmSlChBox .slty-list .list-ul li:nth-last-child(2) {
    border-bottom: 0;
}

#tel-com-select-box {
  display: none;
}

/* 문의처, 문의유형 변경 라디오 버튼 */
.vpTeCoPopPick .vmSlChBox .slty-list .list-ul label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 0;
}

.vpTeCoPopPick .vmSlChBox .slty-list .list-ul input {
  width: 20px;
  height: 20px;
  appearance: revert !important;
  margin: 0;
  padding: 0;
}

.vpTeCoPopPick .vmSlChBox .slty-change input[type=radio] {
    display:none;
}

.vpTeCoPopPick .vmSlChBox .slty-change input[type=radio] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right;
    background-image: none;
}

.vpTeCoPopPick .vmSlChBox .slty-change input[type=radio]:checked + label {
    background-image: url('/common/img/change-user-check.svg');
}

.vpTeCoPopPick .vmSlChBox .slty-change input[type=radio]:disabled + label {
    background-image: none;
}


.vpTeCoPopPick .vmSlChBox .slty-list .list-ul li.vmQnListBlink {
    height: 50px;
    border: 0;
    visibility: hidden;
}

.vpTeCoPopPick .vmSlChBox .slty-change input[type=radio] + label.vpUserTimeAct {
    pointer-events: none;
    color: #AFAFAF;
}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep label.vpScIdSelectAdd {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;

    background: #F7F8FA;
    border-radius: 40px;
    height: 68px;

    padding: 12px;
    box-sizing: border-box;

    margin-bottom: 16px;

    border: 1px solid #F7F8FA;
}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep .vpScIdSelectAdd .vpScIdChoose01 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep label.vpScIdSelectAdd .vpScIdChoose01 > span:first-child {
    font-weight: 600;
    font-size: 16px;
    color: #222222;
}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep label.vpScIdSelectAdd .vpScIdChoose01  > span:nth-child(2) {
    line-height: 1.2;
    font-weight: 500;
    font-size: 14px;
    color: #999999;
}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio] {
    display:none;
}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio] + label {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: calc(100% - 12px);
    background-image: none;
    background-image: url('/common/img/nvpscidselectno.png');
    background-size: 22px;
}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio]:checked + label {
    background-image: url('/common/img/nvpscidselectok.png');
    border-color: #222;
}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio]:disabled + label {
    background-image: url('/common/img/nvpscidselectno.png');
}





.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio] + label.vpScIdSelectAddOns {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: calc(100% - 12px);
    background-image: none;
    background-image: url('/common/img/vpscidselectarroff.png') !important;
    background-size: 28px !important;
}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio]:checked + label.vpScIdSelectAddOns {
    background-image: url('/common/img/vpscidselectarron.png') !important;
    border-color: #F7F8FA !important;
}

.logWrapFlTop .vpScIdSeBox .vpScIdSeList ul.vpScIdSeListUl li.vpScIdSeRep input[type=radio]:disabled + label.vpScIdSelectAddOns {
    background-image: url('/common/img/vpscidselectarroff.png') !important;
}





.logWrapFlTop .vpScIdNeStBtn {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    display: block;
}

.logWrapFlTop .vpScIdNeStBtn > a {
    border-radius: 10px;
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 48px;
    height: 48px;
    text-align: center;
    border: 1px solid #FF2282;
}

.logWrapFlTop .vpScIdNeStBtn > a.vpScIdCoBtn {
    background: #FF2282;
    color: #fff;
    margin-bottom: 16px;
}

.logWrapFlTop .vpScIdNeStBtn > a.vpScIdJoBtn {
    color: #FF1167;
    background: #fff;
}

.logWrap .content ul.logBox .inputArea22 {
    background: #FAFAFB;
    pointer-events: none;
}

.logWrap .content ul.logBox .inputArea input.inputBg {
    background: #FAFAFB;
    max-width: inherit;
    pointer-events: none;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #A2A9AC !important;
}


#vpm-header .vpBaHisPage22 {
    width: 10px !important;
    height: auto;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
}

.socialLogWrap {
    justify-content: flex-start !important;
    flex-direction: column !important;
    padding-top: 56px;
}

.logWrap .vpScIdCoToSpan {
    text-align: center;
    margin: 40px 0 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

.logWrap .vpScIdCoToSpan > span {
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: #222222;
    display: block;
}

.logWrap .vpScIdCoToSpan22 {
    text-align: center;
    margin: 25px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

.logWrap .vpScIdCoToSpan22 a {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    display: inline-block;
    margin-right: 4px;
    text-decoration: underline;
}

.logWrap .vpScIdCoToSpan22 > p {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #999999;
    display: block;
}

.popup__container .popup__content .order-text22 {
    font-size: 16px !important;
}

.popup__container .popup__content .vpScIdCoSuc00 {
    text-align: center;
}

.popup__container .popup__content .vpScIdCoSuc00 > img {
    width: 75px;
    height: 75px;
    line-height: 0;
    font-size: 0;
}

.popup__container .popup__content .vpScIdCoSuc01 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #222222;
    margin: 20px 0 16px 0;
    text-align: center;
}

.popup__container .popup__content .vpScIdCoSuc022 {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #222222;
    margin: 0 0 16px 0;
    text-align: center;
    letter-spacing: -1px;
}

.popup__container .popup__content .vpScIdCoSuc02 > span {
    font-size: 14px !important;
    color: #888888 !important;
}

.popup__container .popup__content .confirm-box22 ul.btn {
    flex-direction: column !important;
    align-items: center !important;
}

.popup__container .popup__content .confirm-box22 ul.btn li {
    margin: 0 !important;
    cursor: pointer;
}

.popup__container .popup__content .confirm-box22 ul.btn li.vpTmAr8px {
    margin-top: 8px !important;
}

.popup__container .popup__content .confirm-box22 ul.btn .ok {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

/*** 간편로그인 연결 설정 ***/
.vpScIdCoCountNum {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    padding: 20px 20px 0 20px;
}

.vpScIdCoCountNum > span {
    color: #BABABA;
    display: inline-block;
}

.vpScIdCoCountNum > span::before {
    content: '(';
}

.vpScIdCoCountNum > span::after {
    content: '개 사용중)';
}

.vpScIdAlertBox {
    background: #F5F6F8;
    border-radius: 5px;
    padding: 12px;
    box-sizing: border-box;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #888888;

    margin-top: 12px;
}

.vpScIdCountBox {
	padding: 0 20px;
}

.vpScIdCountBox ul.vpScIdCountUl {

}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList {
    border-bottom: 1px solid #EEEFF0;

    box-sizing: border-box;
    width: 100%;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;

    padding: 25px 0;
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList:last-child {
    border-bottom: 0 !important;
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpScIdIconImg {

}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpScIdIconImg::before {
    content: '';
    display: inline-block;
    background-position: left;
    width: 38px;
    height: 38px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    position: relative;
    top: -2px;
}

/** 애플 아이콘 **/
.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpSiApple::before {
    background-image: url('/common/img/newlogoapp0001.png');
}

/** 카카오 **/
.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpSiKka::before {
    background-image: url('/common/img/newlogokka0001.png');
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpScIdCoLiName {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: center;
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpScIdCoLiName p {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpScIdCoLiName p.shopName01 {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #222222;
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpScIdCoLiName p.userName01 {

}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpScIdCoLiName p.userName01 > span {
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    display: inline-block;
    color: #959595;
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdShUsName .vpScIdCoLiName p.userName01 > span.vpUserConOk {
    color: #FF2282;
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdUseToBox {

}


.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdUseToBox .minitoggle{
  position: relative;
  width: 50px;
  height: 30px;
  background-color: #e9e9eb;
  /* border: 1px solid #E6E6E6; */
  border-radius: 50px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, .1);
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdUseToBox .minitoggle .toggle-handle {
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 2;
  width: 24px;
  height: 24px;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%);
  background-image: linear-gradient(to bottom, #fff 0, #f2f2f2 100%);
  border-radius: 100px;
  -webkit-transition: -webkit-transform 0.1s ease-in-out, border 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, border 0.1s ease-in-out;
  box-shadow: 0px 2px 3px 0 rgba(0,0,0,0.20);

}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdUseToBox .minitoggle.active {
  background-color: #FF2282;
  /* border: 1px solid #4CD964; */
  box-shadow: inset 0 0 15px rgba(255, 255, 255, .25);
}

.vpScIdCountBox ul.vpScIdCountUl .vpScIdCountList .vpScIdUseToBox .minitoggle.active .toggle-handle {
  transform: translate3d(28px,0,0);
}











/** 회원가입 동의 모달 이너 텍스트 **/
/** Lucas 230411 **/
.tos_text_pop_01 {
	padding-bottom: 150px;
    box-sizing: border-box;
}

.tos_text_pop_01 p.title_01 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.tos_text_pop_01 p.text_01 {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: -0.5px;
}

.tos_text_pop_01 p.text_01 > strong {
    font-weight: 600;
}

.tos_text_pop_01 p.text_01 > table {
    background-color: #dadada;
    color: #000;
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
}

.tos_text_pop_01 .tos_text_table_01 {

}

.tos_text_pop_01 .tos_text_table_01 .tos_text_table_top {
    background-color: #f4f4f4;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
}

.tos_text_pop_01 .tos_text_table_01 .tos_text_table_top > span {
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-weight: 600;
    color: #222;
    box-sizing: border-box;
}

.tos_text_pop_01 .tos_text_table_01 .tos_text_table_top > span:first-child,
.tos_text_pop_01 .tos_text_table_01 .tos_text_table_sub > span:first-child {
    border-right: 1px solid #dadada;
}

.tos_text_pop_01 .tos_text_table_01 .tos_text_table_sub {
    background-color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #dadada;
}

.tos_text_pop_01 .tos_text_table_01 .tos_text_table_sub > span {
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 5px;
    letter-spacing: -1px;
    line-height: 1.3;
    font-size: 13px;
    font-weight: 400;
    color: #222;
    box-sizing: border-box;
}

#join_step_slt_div,
#join_step_slt_div2 {
	display: none;
	width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    position: fixed;
}

#join_step_slt_div .fixTopDiv,
#join_step_slt_div2 .fixTopDiv {
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
}

/** 애플 로그인 버튼 임의 설정 230425 Lucas **/

.vpNeAppleLoBtn01 {
    width: 100%;
    position: absolute;
    height: 48px;
    opacity: 0;
    cursor: pointer;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


/*** 비회원 플로팅 배너 ***/
/*** Lucas 230427 ***/
.floatBn230427 {
    position: fixed;
    bottom: 20px;
    line-height: 0;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	width: 100%;
    z-index: 999;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.floatBn230427 .floatBnLink {
    line-height: 0;
    display: block;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    overflow: hidden;
    box-sizing: border-box;
}

.floatBn230427 .floatBnLink > img {
    width: 200px;
    height: 40px;
    line-height: 0;
}

.floatBn230427 .vpFlPoRltDiv {
    position: relative;
}

.floatBn230427 .hideCkFlBtn {
    position: absolute;
    right: 15px;
    background: #fff;
    width: 20px;
    height: 20px;
    top: 10px;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 999;
	opacity: 0;
}


/*** 상세페이지 포인트 노출 ***/
/*** 230504 Lucas ***/

.vpDePoWraps01 {
	width: 100%;
	margin-top: 16px;
}

.vpDePoWraps02 {
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: #A5A5A5;
    margin: 8px 0 0 0;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.vpDePoWraps02 > span {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.vpDePoWraps02 > span.vpPayPoAdd01 {
	width: 100%;
	margin-top: 8px;
}

.vpDePoWraps02 > span.vpPayPoAdd01::before {
	content:none;
}

.vpDePoWraps02 > span::before {
    content: '';
    width: 12px;
    height: 12px;
    background-image: url('/common/img/alerticon230508.png');
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;

    position: relative;
    top: -1px;

    margin-right: 4px;
}

.vpDePaPointBox {
    background: #FFF1F6;
    border-radius: 10px;
    height: 45px;
    line-height: 45px;

    padding: 0 12px;
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.vpDePaPointBox .vpDePaPoLe {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.vpDePaPointBox .vpDePaPoLe span.vpPoMaText {
    font-weight: 600;
    font-size: 14px;
    line-height: 45px;
    color: #FF2282;
    height: 45px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.vpDePaPointBox .vpDePaPoLe span.vpPoMaText::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url('/common/img/depapoicon230504.png');
    display: block;
    background-repeat: no-repeat;
    background-size: contain;

    position: relative;
    top: -1px;

    margin-right: 6px;
}

.vpDePaPointBox .vpDePaPoRi {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
}

.vpDePaPointBox .vpDePaPoRi span.vpPoCountNum {
    font-weight: 400;
    font-size: 14px;
    line-height: 45px;
    color: #3E3E3E;
    margin-right: 3px;
}

.vpDePaPointBox .vpDePaPoRi span.vpPoCountNum::after {
    content: '개당';
}

.vpDePaPointBox .vpDePaPoRi span.vpPoCountPay {
    font-weight: 700;
    font-size: 14px;
    line-height: 45px;
    color: #FF2775;
}

.vpDePaPointBox .vpDePaPoRi span.vpPoCountPay::before {
    content: '+';
}

.vpDePaPointBox .vpDePaPoRi span.vpPoCountPay::after {
    content: '원';
}

.vp-wrap #vp-detail-box .info-area ul.etc-section .etc .numStrong {
  color: #FF2282;
  font-weight: 600;
  font-size: 14px;
}

.vp-wrap #vp-detail-box .info-area ul.etc-section .etc .numStrong::after {
  content: '% 적립';
  display: inline-block;
}

/******************/



/*** 주문목록 장바구니 담기 추가 및 레이아웃 리뉴얼 ***/
/*** Lucas 230508 ***/
.vpNeOrDeChWrap {
    width: 100%;
	/* padding: 20px; */
    box-sizing: border-box;
}

.vpNeOrDeChWrap ul.vpNeOrDeChUl {
    width: 100%;
}

.vpNeOrDeChWrap ul.vpNeOrDeChUl .vpNeOrDeChLiOne {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.vpNeOrDeChWrap ul.vpNeOrDeChUl .vpNeOrDeChLiOne .vpOrConOk {
    width: calc(66.666% - 8px);
    box-sizing: border-box;
}

.vpNeOrDeChWrap ul.vpNeOrDeChUl .vpNeOrDeChLiOne .vpOrConOk > a {
    border: 1px solid #C9C9C9;
    border-radius: 24px;
    font-weight: 600;
    font-size: 14px;
    line-height: 50px;
    color: #222222;
    text-align: center;
    height: 50px;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
}

.vpNeOrDeChWrap ul.vpNeOrDeChUl .vpNeOrDeChLiOne .vpOrConOk > a:hover {
    background: rgba(245, 245, 245, 0.35);
}

.vpNeOrDeChWrap ul.vpNeOrDeChUl .vpNeOrDeChLiOne .vpOrConOk > a::before {
    content: '';
    width: 12px;
    height: 8px;
    background-image: url('/common/img/confirmokbtnicon.png');
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;

    position: relative;
    top: -1px;

    margin-right: 6px;
}

.vpNeOrDeChWrap ul.vpNeOrDeChUl .vpNeOrDeChLiOne .vpOrProdGoCart {
    background: #F5F5F5;
    border-radius: 24px;
    font-weight: 600;
    font-size: 14px;
    line-height: 50px;
    color: #222222;
    text-align: center;
    width: 33.333%;
    cursor: pointer;
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.vpNeOrDeChWrap ul.vpNeOrDeChUl .vpNeOrDeChLiTwo {
    margin-top: 12px;
}

.vpNeOrDeChWrap ul.vpNeOrDeChUl .vpNeOrDeChLiTwo .vpNeOrDeBtnBox {
    border: 1px solid #C9C9C9;
    border-radius: 24px;
    display: flex;

    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    height: 50px;
    line-height: 50px;

    width: 100%;

    padding: 12px 0;
}

.vpNeOrDeChWrap ul.vpNeOrDeChUl .vpNeOrDeChLiTwo .vpNeOrDeBtnBox > a {
    width: 33.333%;
    text-align: center;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;

    font-weight: 500;
    font-size: 14px;
    line-height: 50px;
    height: 50px;

    box-sizing: border-box;

    color: #666666;
}

.vpNeOrDeChWrap ul.vpNeOrDeChUl .vpNeOrDeChLiTwo .vpNeOrDeBtnBox > a.vpCenLink {
    justify-content: space-between;
}

.vpNeOrDeChWrap ul.vpNeOrDeChUl .vpNeOrDeChLiTwo .vpNeOrDeBtnBox > a.vpCenLink::before {
    content: '|';
    width: 1px;
    position: relative;
}

.vpNeOrDeChWrap ul.vpNeOrDeChUl .vpNeOrDeChLiTwo .vpNeOrDeBtnBox > a.vpCenLink::after {
    content: '|';
    width: 1px;
    position: relative;
}

.popup__container .popup__content .vpScIdCoSuc02302 {
    font-size: 18px !important;
}

.popup__container .popup__content .vpScIdCoSuc02301 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 19px;
}

.popup__container .popup__content .vpScIdCoSuc02301 > img {
    width: 54px;
    height: auto;
    line-height: 0;
}

.popup__container .popup__content .confirm-box-0a ul.btn li.vpTmAr8px2 {
    cursor: pointer;
}

.popup__container .popup__content .confirm-box-0a ul.btn li.vpTmAr8px3 {
	background: #F5F6F8 !important;
    color: #797979 !important;
}

#vpCallGoCartPop001 .popup__container {
    max-width: 350px;
    box-sizing: border-box;
    padding: 16px;
}

.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder .orderCheckNew {
  margin-top: 12px;
  background: #fff;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0 0 20px 0;

  border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}



.order-list-wrap .orderListArea .resultOrderArea ul.resultOrder02 {
	padding: 20px 20px 0 20px !important;
}



/*************/


/** 아이콘 뱃지 **/
.vpIconBadgePtab {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

.vpIconBadgePtab > span {
	order: 2;

	margin: 4px 4px 0 0;
	font-weight: 700;
	font-size: 12px;
	line-height: 22px !important;
	text-align: center;
	height: 22px;
	border-radius: 4px;

	display: flex !important;
    flex-direction: row;
	flex-wrap: wrap;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
}

.vpIconBadgePtab > span:last-child {
	margin-right: 0;
}

.vpIconBadgePtab > span.prodStatus {
    order: 1;
    background: #F4F4F4;
    border-radius: 4px;
    width: 65px;
    height: 22px;
    line-height: 22px;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 4px 4px;
    background-image: url(/common/img/sold-icon-01.png);
    text-align: right;
    padding: 0 4px 0 0;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
}

.vpIconBadgePtab > span.prodStatus > strong {
	font-weight: 400;
}


/** 결제 페이지 포인트 관련 **/
.payment-wrap .pay-info-box ul > li.vpDePoWraps01,
.payment-wrap .pay-info-box ul > li.vpDePoWraps02 {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}

.payment-wrap .pay-info-box ul > li.vpDePoWraps01 .vpDePaPointBox {
	width: 100%;
}

.payment-wrap .pay-info-box-po {
	padding: 16px 0 12px 0 !important;
}

/*** 장바구니 적립 포인트 관련 ***/
.vpDePoWraps01MarTop {
	margin-top: 0px !important;
}

.vpDePaPointBoxWidth {
	width: 100%;
}

.vpDePoWraps02Cart {
	margin-top: 0px !important;
	padding-bottom: 20px !important;
}

.vpTodisBoNone {
	border: none !important;
}

/*** 환불 금액 상세 안내 ***/
/*** Lucas 230519 ***/
#vpCanRetDeWrap {
    width: 100%;
    margin: 0 auto;
}

#vpCanRetDeWrap > ul {
    padding: 20px 0 4px 0;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
}

#vpCanRetDeWrap > ul > li {
    font-weight: 400;
    font-size: 14px;
    color: #222222;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;

    border-bottom: 1px solid #f4f6f8;
    padding: 6px 0;
}

#vpCanRetDeWrap > ul > li:first-child {
    padding-top: 0;
}

#vpCanRetDeWrap > ul > li:last-child {
    padding-bottom: 0;
    border: none;
}

#vpCanRetDeWrap > ul > li > div.titles01 {
    width: auto;
    letter-spacing: -0.75px;
    color: #737373;
}

#vpCanRetDeWrap > ul > li > div.vpViePoDeta {
    font-weight: 600;
}

#vpCanRetDeWrap > ul > li > div.vpViePoDeta > span {

}

#vpCanRetDeWrap > ul > li > div.vpViePoDeta > span.wonDisSe {

}

#vpCanRetDeWrap > ul > li > div.vpViePoDeta > span.wonDisSe::after {
    content: '원';
}

#vpCanRetDeWrap > ul > li > div.vpViePoDeta > span.wonDisPoMi::before {
    content: '-';
    margin-right: 1px;
}

#vpCanRetDeWrap > ul > li > div.vpViePoDeta > span.wonDisPo::after {
    content: 'P';
}

#vpCanRetDeWrap > ul > li > div.vpViePoDeta > span.vpReMeth01 {

}

#vpCanRetDeWrap > ul > li > div.vpViePoDeta > span.vpReMeth01::before {
    content: '(';
    margin-left: 2px;
}

#vpCanRetDeWrap > ul > li > div.vpViePoDeta > span.vpReMeth01::after {
    content: ')';
}




/** 상세페이지 구매중 **/
.vp-wrap #vp-detail-box .info-area ul.sell-section .ordNums {
	color: #626262;
	font-weight: 500;
	font-size: 14px;

	display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;

	margin-top: 14px;
}

.vp-wrap #vp-detail-box .info-area ul.sell-section .ordNums > span {
	font-weight: 700;
	color: #2CC0BD;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
}

.vp-wrap #vp-detail-box .info-area ul.sell-section .ordNums > span::before {
  content: '';
  background-image: url('../img/de-cart-bag-icons.png');
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 17px;
  height: 17px;
  margin-right: 4px;
  position: relative;
  top: 1px;
}

.vp-wrap #vp-detail-box .info-area ul.sell-section .ordNums > span::after {
	content: '명';
	margin-right: 4px;
}


/*** 
Lucas 230605
상세페이지 유튜브, 비메오 등 iframe 영상 리사이징
***/
.vc-video-wrap {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px; /* 0px */
    height:0;
    overflow:hidden;
}

.vc-video-wrap iframe,
.vc-video-wrap object,
.vc-video-wrap embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    max-width: inherit;
    margin: 0;
    border: 0;
}

/** 상세페이지 공유 버튼 **/
/** Lucas 230622 **/
.vmShareBtn01 {
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 40px;
    line-height: 40px;
	background-color: #fff;
    border-bottom: 1px solid rgba(218,218,218,0.5);
    box-sizing: border-box;
}

.vmShareBtn01 > a {
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 40px;
    line-height: 40px;
	color: #222;
	width: 100%;
}

.vmShareBtn01 > a > strong {
	font-weight: 700;
	margin: 0 0 0 5px;
}

.vmShareBtn01 > a::before {
	content: '';
    width: 23px;
    height: 40px;
    background-image: url(../img/detail_share_icon230622.png);
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    top: -2px;
	margin-right: 4px;
}

.vmShareBtn01 > a::after {
    content: '';
    width: 13px;
    height: 40px;
    background-image: url(../img/detail_share_arrow230622.png);
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    top: -1px;
	margin-left: 4px;
}




/*** 230626 Lucas 공유 박스 ***/
.vmShareWrap {
    display: none;
    height: 320px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    border-radius: 15px 15px 0px 0px;
    overflow: hidden;
    box-sizing: border-box;
    max-width: 500px;
    margin: 0 auto;
    box-sizing: border-box;
    background: #fff;
}

.vmShareWrap img {
	background-image: none !important;
}

.vmShareWrap .vmShareBox {
    position: relative;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
}

.vmShareWrap .vmShareBox .vmShareIcon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 20px;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}

.vmShareWrap .vmShareBox .vmShareIcon:last-child {
    margin-bottom: 0;
}

.vmShareWrap .vmShareBox .vmShareIcon > span {
    height: 40px;
    line-height: 40px;
    display: flex;
}

.vmShareWrap .vmShareBox .vmShareIcon > .icons {
    margin-right: 15px;
}

.vmShareWrap .vmShareBox .vmShareIcon > .icons img {
    height: 40px;
    width: 40px;
}

.vmShareWrap .vmShareBox .vmShareIcon > .titles {
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    color: #222;
}

.vmShareWrap .vmShareTitle {
    height: 55px;
    line-height: 55px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    border-radius: 15px 15px 0px 0px;
    background: #fff;
    width: 100%;
    text-align: center;
    position: relative;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.vmShareWrap .vmShareTitle > span {
    font-weight: 500;
    font-size: 18px;
    color: #222;
    height: 55px;
    line-height: 55px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

.vmShareWrap .vmShareTitle > span.closes {
    cursor: pointer;
    height: 22px !important;
    line-height: 22px !important;
}

.vmShareWrap .vmShareTitle > span.closes img,
.vmShareWrap .vmShareTitle > span.blinks {
    width: 22px;
    height: 22px;
    display: inline-block;
}

.vmShareWrap .vmShareChOk {
    height: 100px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 20px;
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;

    max-width: 500px;

    margin: 0 auto;

    border-top: 1px solid #eee;
}

.vmShareWrap .vmShareChOk a {
    background: #222222;
    border-radius: 15px;
    font-weight: 700;
    font-size: 18px;
    line-height: 50px;
    display: block;
    height: 50px;
    text-align: center;
    color: #FFFFFF;
    width: 100%;
}

.shareCopyOk {
    width: 100%;
    margin: 0 auto;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.shareCopyOk .shareCopyText {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    width: auto;
    height: 36px;
    line-height: 36px;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 0 12px;
    border-radius: 18px;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.shareCopyOk .shareCopyText > span {
    position: relative;
    top: 1px;
    display: flex;
    line-height: 36px;
}

.shareCopyOk .shareCopyText > img {
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 0;
    margin-right: 6px;
    position: relative;
    top: -0.5px;
	background-image: none !important;
}


/** 상세 @@의 다른 상품 더보기 버튼 **/
.vp-wrap #vp-detail-box .bottom .titleBox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
	position: relative;
}

.vp-wrap #vp-detail-box .bottom .noboma0 {
	margin-bottom: 0px !important;
}

.vp-wrap #vp-detail-box .bottom .m--moreView {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    background-repeat: no-repeat;
    background-size: 4px;
    background-position: right center;
    background-image: url('/common/img/m-cate-arrow-right.png');
    opacity: 0.5;
	margin-bottom: 15px;
}

.vp-wrap #vp-detail-box .bottom .m--moreView a {
	color: #7d7d7d;
    padding-right: 10px;
}




/** 230824 Lucas **/
/** 장바구니 추가 수정 **/
#cartopen .cartCloseBtn {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    box-sizing: border-box;
    cursor: default;
}

#cartopen .cartCloseBtn::before {
    content: '';
    width: 36px;
    height: 4px;
    background-image: url('/common/img/closebtnicon.png');
    display: flex;
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: center;
    position: relative;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    cursor: pointer;
    padding: 12px 36px 16px 36px;
    box-sizing: border-box;
    line-height: 0;
}

#cartopen .cartPrdInfo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px 12px 20px;
    border-bottom: 1px solid #DDD;
}

#cartopen .cartPrdInfo .imgBox-1 {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
    border-radius: 8px;
    box-sizing: border-box;
    overflow: hidden;
}

#cartopen .cartPrdInfo .imgBox-1 img {
    width: 100%;
    height: 100%;
    max-width: 50px;
    max-height: 50px;
    border-radius: 8px;
    object-fit: cover;
    object-position: center;
    box-sizing: border-box;
    border: 1px solid #DADADA;
}

#cartopen .cartPrdInfo .cartPrdText {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    width: calc(100% - 60px);
    box-sizing: border-box;
    overflow: hidden;
}

#cartopen .cartPrdInfo .cartPrdText .cartPrdBrd {
    color: #212121;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 6px;
}

#cartopen .cartPrdInfo .cartPrdText .cartPrdNm {
	color: #666;
    font-size: 14px;
    font-weight: 500;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    width: 100%;
    line-height: 100%;
}



/** 장바구니 담기 After **/
#cartAfter {
	display: none;
}

#cartAfter .prod-list .info #name {
    -webkit-line-clamp: 3 !important;
}

#cartAfter .prod-list {
	width: 120px !important;
}

#cartAfter .prod-list .info #brand {
	line-height: 100%;
	margin-bottom: 4px;
}

.cartAfterWrap {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 500px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999;
    background: #fff;
    border-radius: 15px 15px 0px 0px;
    overflow: hidden;
}

#cartAfter .crtAfterBox {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
}

#cartAfter .crtAfterBox .crtAftCls {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    box-sizing: border-box;
    cursor: default;
}

#cartAfter .crtAfterBox .crtAftCls::before {
    content: '';
    width: 36px;
    height: 4px;
    background-image: url('/common/img/closebtnicon.png');
    display: flex;
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: center;
    position: relative;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    cursor: pointer;
    padding: 12px 36px 16px 36px;
    box-sizing: border-box;
    line-height: 0;
}

#cartAfter .crtAfterBox .crtAftOkGo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 20px;
    border-bottom: 1px solid #DDD;
}

#cartAfter .crtAfterBox .crtAftOkGo .crtAftOkText {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

#cartAfter .crtAfterBox .crtAftOkGo .crtAftOkText::before {
    content: '';
    width: 28px;
    height: 28px;
    background-image: url('/common/img/addcarticon01.png');
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
    line-height: 0;
    top: -2px;
    margin-right: 8px;
}

#cartAfter .crtAfterBox .crtAftOkGo .crtAftGo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
}

#cartAfter .crtAfterBox .crtAftOkGo .crtAftGo a {
    color: #FF2282;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

#cartAfter .crtAfterBox .crtAftOkGo .crtAftGo a::after {
    content: '';
    width: 16px;
    height: 8px;
    background-image: url('/common/img/cartgoaftericon.png');
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
    line-height: 0;
    top: -1px;
}

#cartAfter .crtAfterBox .crtOthPrd {
    width: 100%;
}

#cartAfter .crtAfterBox .crtOthPrd .crtBrdOthPrd {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 20px 16px 20px;
}

#cartAfter .crtAfterBox .crtOthPrd .crtBrdOthPrd .mTitles {
    color: #222;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

#cartAfter .crtAfterBox .crtOthPrd .crtBrdOthPrd .sTitles {
    color: #D3D3D3;
    font-size: 14px;
    font-weight: 600;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
}

#cartAfter .crtAfterBox .crtOthPrd .crtBrdOthPrd .sTitles a {
    color: #D3D3D3;
    font-size: 14px;
    font-weight: 600;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
}

#cartAfter .crtAfterBox .crtOthPrd .crtBrdOthPrd .sTitles a::after {
    content: '';
    width: 16px;
    height: 8px;
    background-image: url('/common/img/cartgoaftericongray.png');
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
    line-height: 0;
    top: -1px;
}

#cartAfter .crtAfterBox .crtOthPrd .crtAftRlPrd {
	padding: 0 20px 40px 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}

#cartAfter .crtAfterBox .crtOthPrd .crtAftRlPrd .cartAftRlt {
	width: 100%;
}







/** 뷰카페이 추가 **/
/** 230908 Lucas **/
.payment-wrap .paymentArea input[type=radio] + label {
    border-top: 1px solid rgba(218, 218, 218, 0.5);
    box-sizing: border-box;
}
.payment-wrap .paymentArea input[type=radio] + label.lbbd0px {
    border-top: 0px !important;
}

.payment-wrap .paymentArea input[type=radio]:checked + label {
    font-weight: bold !important;
}

.payment-wrap .paymentArea input[type=radio] + label > span {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.payment-wrap .paymentArea input[type=radio] + label > span.vukaPayIcon::after {
    content: '';
    width: 57px;
    height: 20px;
    background-image: url('/common/img/vpayicon.png');
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
    line-height: 0;
    margin-left: 4px;
    top: -1px;
}

.payment-wrap .paymentArea input[type=radio] + label > span.npaynewicon::after {
    content: '';
    width: 52px;
    height: 22px;
    background-image: url('/common/img/npaynewicon.png');
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
    line-height: 0;
    margin-left: 4px;
    top: -1px;
}

.payment-wrap .paymentArea input[type=radio] + label > span.kkopaynewicon::after {
    content: '';
    width: 52px;
    height: 22px;
    background-image: url('/common/img/kkopaynewicon.png');
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
    line-height: 0;
    margin-left: 4px;
    top: 0px;
}

.payment-wrap .paymentArea ul {
    padding: 0 !important;
}

.payment-wrap .paymentArea ul>li {
    position: relative;
    padding: 0 20px !important;
    border-bottom: 0px !important;
}

.payment-wrap .paymentArea ul>li.ePayLi {
    padding: 0 !important;
}

.payment-wrap .paymentArea ul>li.ePayLi label {
    padding: 17px 20px 17px 50px !important;
    background-position: 20px center !important;
}

.payment-wrap .paymentArea ul>li .ePayWrap {
    padding: 4px 0 16px 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay1st {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;

    display: none !important;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay1st .ePayOg {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    box-sizing: border-box;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay1st .ePayOg button {
    box-sizing: border-box;
    border: 0;
    overflow: hidden;
    width: 262px;
    height: 164px;
    line-height: 0;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background-image: url('/common/img/vpayaddimg.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: transparent;
    padding: 0;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay1st .ePayOg .ePayOgInfo {
    width: 100%;
    max-width: 262px;
    color: #008DF2;
    font-size: 12px;
    font-weight: 600;
    background: #EDF7FF;
    border-radius: 5px;
    overflow: hidden;
    height: 36px;
    line-height: 36px;
    letter-spacing: -0.5px;
    box-sizing: border-box;
    padding: 0 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-top: 12px;

}

.payment-wrap .paymentArea ul>li .ePayPwCk {
    color: #A7A7A7;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    width: 90px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 999;
}

.payment-wrap .paymentArea ul>li .ePayPwCk::after {
    content: '';
    box-sizing: border-box;
    border: 0;
    overflow: hidden;
    width: 5px;
    height: 10px;
    line-height: 0;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background-image: url('/common/img/epaypwckicon.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: transparent;
    padding: 0;
    position: relative;
    top: -0.5px;
    margin-left: 6px;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd {
    width: 100%;
    overflow: hidden;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList {

}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard {

}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard .swiper-slide,
.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard .swiper-slide-next,
.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard .swiper-slide-prev {
    width: 262px !important;
    pointer-events: none;
	/* filter: blur(2px); */
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard .swiper-slide-active {
    pointer-events: fill;
	/* filter: blur(0); */
}



.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard .ePayCardImg {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 262px;
    height: 164px;
    box-sizing: border-box;
    margin: 0 auto;
	background: transparent !important;
	border-radius: 5px;
	overflow: hidden;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard .ePayCardImg .ePayName {
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.7);
    height: 22px;
    line-height: 22px;
    padding: 0 4px;
    box-sizing: border-box;
    position: absolute;
    bottom: 12px;
    left: 12px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard .ePayCardImg .ePayName .ePayNum {
    margin-left: 3px;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard .ePayCardImg .ePayName .ePayNum::before {
    content: '(';
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard .ePayCardImg .ePayName .ePayNum::after {
    content: ')';
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard .ePayCardImg img {
    width: 262px;
    height: 164px;
    line-height: 0;
	border-radius: 5px;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard .ePayCardInfo {
    margin: 12px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard .ePayCardInfo select {
    border-radius: 5px;
    border: 1px solid #DADADA;
    line-height: 36px;
    height: 36px;
    width: 100%;
    max-width: 262px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    color: #222;
    font-size: 14px;
    font-weight: 400;
    padding: 0 12px;
    overflow: hidden;
    box-sizing: border-box;

    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background: url('/common/img/select-arrow.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    background-size: 12px;
    outline: 0 none;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard .ePayCardDel {
	color: #999;
    font-size: 12px;
    font-weight: 500;
    text-decoration-line: underline;
    text-align: center;
    display: flex;
    max-width: 60px;
    width: 100%;
    cursor: pointer;
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard .ePayOg {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    box-sizing: border-box;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard .ePayOg button {
    box-sizing: border-box;
    border: 0;
    overflow: hidden;
    width: 262px;
    height: 164px;
    line-height: 0;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background-image: url('/common/img/vpayaddimg.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: transparent;
    padding: 0;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCard .ePayOg .ePayOgInfo {
    width: 100%;
    max-width: 262px;
    color: #008DF2;
    font-size: 12px;
    font-weight: 600;
    background: #EDF7FF;
    border-radius: 5px;
    overflow: hidden;
    height: 36px;
    line-height: 36px;
    letter-spacing: -0.5px;
    box-sizing: border-box;
    padding: 0 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
}

.ePayCardDelBox {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    border-radius: 15px 15px 0px 0px;
    background: #FFF;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0 20px 40px 20px;

    left: 0;
    right: 0;

    margin: 0 auto;

    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.ePayCardDelBox .ePayDelclsBtn {
    padding: 12px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

.ePayCardDelBox .ePayDelclsBtn::before {
    content: '';
    box-sizing: border-box;
    border: 0;
    overflow: hidden;
    width: 36px;
    height: 4px;
    line-height: 0;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background-image: url('/common/img/epaycarddelbaricon.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: transparent;
    padding: 0;
}

.ePayCardDelBox .ePayCrd12 {
    color: #292929;
    text-align: center;
    font-size: 16px;
    font-weight: 600;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    line-height: 1.3;

    margin-top: 18px;
}

.ePayCardDelBox .ePayCrd12 span {
    display: block;
    margin-left: 3px;
    line-height: 1.3;
}

.ePayCardDelBox .ePayCrd12 span::before {
    content: '(';
}

.ePayCardDelBox .ePayCrd12 span::after {
    content: ')';
}

.ePayCardDelBox .ePayCrdTxt {
    color: #292929;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 28px;
}

.ePayCardDelBox .ePayCrdDelBtn {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.ePayCardDelBox .ePayCrdDelBtn div {
    border-radius: 26px;
    background: #F4F4F4;
    height: 55px;
    line-height: 55px;

    color: #222;
    text-align: center;
    font-size: 18px;
    font-weight: 600;

    width: 100%;
    margin-right: 7px;

    cursor: pointer;
}

.ePayCardDelBox .ePayCrdDelBtn .ePayCardDelOk {
    background: #222;
    color: #fff;

    margin-right: 0px;
    margin-left: 7px;
}


/** 뷰카페이 추가 작업 **/

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCardOpt .ePayCardInfo {
    margin: 12px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCardOpt .ePayCardInfo select {
    border-radius: 5px;
    border: 1px solid #DADADA;
    line-height: 36px;
    height: 36px;
    width: 100%;
    max-width: 262px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    color: #222;
    font-size: 14px;
    font-weight: 400;
    padding: 0 12px;
    overflow: hidden;
    box-sizing: border-box;

    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background: url('/common/img/select-arrow.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    background-size: 12px;
    outline: 0 none;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCardOpt .ePayCardDel {
    color: #999;
    font-size: 12px;
    font-weight: 500;
    text-decoration-line: underline;
    text-align: center;
    display: flex;
    max-width: 60px;
    width: 100%;
    cursor: pointer;
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.payment-wrap .paymentArea ul>li .ePayWrap .ePay2nd .ePayList .ePayCardOpt .ePayOgInfo {
    width: 100%;
    max-width: 262px;
    color: #008DF2;
    font-size: 12px;
    font-weight: 600;
    background: #EDF7FF;
    border-radius: 5px;
    overflow: hidden;
    height: 36px;
    line-height: 36px;
    letter-spacing: -0.5px;
    box-sizing: border-box;
    padding: 0 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 12px;
}


/** 최근 본 상품 **/
/** 230919 Lucas **/
.recentProdMg {
	margin-top: 0 !important;
}

.recentProdBrd {
	border-bottom: 10px solid #f4f4f4;
}

.recentProdName {
	-webkit-line-clamp: 2 !important;
}


/** 로딩 써클 **/
/** 231018 Lucas **/
#showLoadCircle {
  width: 50px;
  margin: 20px auto;
}
#spinner {
  margin: calc(50% - 25px) auto;
  width: 40px;
  height: 40px;
  border: 4px solid rgba(229, 231, 235, 1);
  box-sizing: border-box;
  border-top-color: #FF2282;
  border-radius: 100%;
  animation: spin 1s ease-in-out infinite;
}


@keyframes spin {
  100%
  {
    transform: rotate(360deg);
  }
}


.vukapay_banner01 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  line-height: 0;
  font-size: 0;
  border-bottom: 12px solid #f4f6f8;
  
}

.vukapay_banner01 img {
  width: 100%;
}






/**** 앱 권장 배너 231116 Lucas ****/
.appAddBoxBn {
    position: fixed;
    z-index: 9999;
    background: #F7F8FA;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    max-width: 500px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.appAddBoxBn .appAddUl {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding: 7px 20px 5px 20px;
    margin: 0 auto;
}

.appAddBoxBn .appAddUl .appAddLf {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    flex: 1;
}

.appAddBoxBn .appAddUl .appAddLf .appAddIcon {
    margin-right: 8px;
}

.appAddBoxBn .appAddUl .appAddLf .appAddIcon::after {
    content: '';
    box-sizing: border-box;
    border: 0;
    overflow: hidden;
    width: 44px;
    height: 44px;
    line-height: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background-image: url('/common/img/appaddicons.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: transparent;
    padding: 0;
}

.appAddBoxBn .appAddUl .appAddLf .appAddInfo {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.appAddBoxBn .appAddUl .appAddLf .appAddInfo div {
    line-height: 1.25;
    letter-spacing: -0.5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.appAddBoxBn .appAddUl .appAddLf .appAddInfo div:first-child {
    font-size: 14px;
    font-weight: 400;
    color: #222;
}

.appAddBoxBn .appAddUl .appAddLf .appAddInfo div:last-child {
    color: #555;
    font-size: 12px;
    font-weight: 500;
}

.appAddBoxBn .appAddUl .appAddClose {
    width: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
}

.appAddBoxBn .appAddUl .appAddClose::after {
    content: '';
    box-sizing: border-box;
    border: 0;
    overflow: hidden;
    width: 20px;
    height: 20px;
    line-height: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background-image: url('/common/img/appaddclose.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
}




.appAddBoxMd {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 500px;
    border-radius: 15px 15px 0px 0px;
    background: #FFF;
    z-index: 999999;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    /* box-shadow: 0px 4px 20px rgb(0, 0, 0, 0.15); */
}

.appAddBoxMd .appAddMdClose {
    padding: 14px;
    box-sizing: border-box;
    cursor: pointer;
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.appAddBoxMd .appAddMdClose::before {
    content: '';
    width: 36px;
    height: 4px;
    background-image: url('/common/img/popcloseicons.png');
    display: flex;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
}

.appAddBoxMd .appAddMdInfo {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
}

.appAddBoxMd .appAddMdInfo > ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
}

.appAddBoxMd .appAddMdInfo > ul > li > span {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    display: flex;
    letter-spacing: -0.4px;
}

.appAddBoxMd .appAddMdInfo > ul > li:first-child {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 0;
}

.appAddBoxMd .appAddMdInfo > ul > li:first-child span:first-child {
    color: #222;
}

.appAddBoxMd .appAddMdInfo > ul > li:first-child span:last-child {
    color: #FF2C7A;
}

.appAddBoxMd .appAddMdInfo > ul .appImgPr {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.appAddBoxMd .appAddMdInfo > ul .appImgPr img {
    max-width: 275px;
    line-height: 0;
}

.appAddBoxMd .appAddMdInfo > ul .appViewBtn {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.appAddBoxMd .appAddMdInfo > ul .appViewBtn a {
    display: flex;
}

.appAddBoxMd .appAddMdInfo > ul .appViewBtn a > img {
    max-width: 280px;
    line-height: 0;
}

.appAddBoxMd .appAddMdInfo > ul .appViewBtn div {
    color: #A0A0A0;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin: 15px 0 45px 0;
}

#dark-drops01 {
    background: rgba(0, 0, 0, 0.4);
    z-index: 99998;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    display: block;
}

.body-no-scroll01 {
    overflow: hidden !important;
}

.fix--menu03 {
  position: fixed;
  top: 56px !important;
  z-index: 999;
  background: #fff;
  width: 100%;
  transition: top 0.2s ease-in-out;
}

.fix--menu04 {
  position: fixed;
  top: 112px !important;
  z-index: 999;
  background: #fff;
  width: 100%;
  transition: top 0.2s ease-in-out;
}

.fix--menu01, .fix--menu02, .fix--menu03, .fix--menu04, .fix--header01 {
    transition: top 0s ease-in-out !important;
}

.vmMenuFixed {
    position: fixed;
    top: 112px;
    z-index: 999;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
	background: #fff;
	width: 100%;
}

span.rndAppText {
	font-size: 14px;
    font-weight: 400;
    color: #222;
    line-height: 1.25;
    letter-spacing: -0.5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}


/** 제휴입점문의버튼 **/
.vmPrtnArea {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}

.vmPrtnBtn {
    font-size: 11px;
    letter-spacing: -0.5px;
    border: 1px solid #555;
    height: 18px;
    box-sizing: border-box;
    border-radius: 3px;
    background: #1A2532;
    color: #FFF !important;
    font-weight: 700;
    padding: 0 6px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
}

/* 최근 본 상품 닫기 버튼 */
.recent-view-close-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recent-view-close-btn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 여러번 구매 */
.manyBuyProdMg {
  margin-top: 0 !important;
}


/* Skeleton UI - Shimmer 효과 (공통) */
/* Skeleton 기본 스타일 */
.skeleton-item {
    pointer-events: none;
    opacity: 0.7;
}

.skeleton-img {
    background-color: #f0f0f0;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1;
    min-height: 150px;
}

.skeleton-line {
    background-color: #f0f0f0;
    display: block;
}

/* Shimmer 애니메이션 효과 */
.skeleton-shimmer {
    position: relative;
    overflow: hidden;
}

.skeleton-shimmer::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.6),
        transparent
    );
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}