.time_banner_pc { position: relative; background: #f3ead7; padding: 80px 0; }
.time_banner_pc .title h2 span { margin-left:40px; }
.time_banner_pc .title i { position:absolute; display:inline-block; animation: motion 0.15s linear 0s infinite alternate; }
.time_banner_pc .time_inner { max-width: 1280px; width:92%; margin: 0 auto; }
.time_banner_pc .box-wrap { display: flex; flex-wrap: wrap; margin: 26px 0 0; }
.time_banner_pc .box { position: relative; margin: 0 0 40px; padding: 8px; box-sizing: border-box; }
.time_banner_pc .box.cover:before {	content: ''; position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; z-index: 40; background: rgba(255,255,255,.5); font-size:36px; line-height:42px; color:#222; font-weight:700; white-space:pre; text-align:center; display: flex; align-items: center; justify-content: center; padding:0 0 43%; z-index:5; }
.time_banner_pc .box.cover.before:before { content:'COMMING \A SOON'; }
.time_banner_pc .box.cover.after:before { content:'FINISHED'; }
.time_banner_pc .item-wrap { background: #fff; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08); }
.time_banner_pc .item-left { box-sizing:border-box; }
.time_banner_pc .item-left .inner { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; padding: 10px; }
.time_banner_pc .item-center { text-align: center; }
.time_banner_pc .item-right { padding: 20px 10px; box-sizing: border-box; }
.time_banner_pc .item-right > .inner { display: flex; flex-direction: column; min-height: 168px; }

.time_banner_pc .item-left h3 {	margin: 0 0 15px; font-size: 16px; font-weight: 700;}
.time_banner_pc .item-left .date-title { font-size: 14px; font-weight: 500; min-width: 120px; }
.time_banner_pc .item-left .date-title .day { display: inline-block; padding: 0 10px; margin: 0 0 0 5px; background-color: var(--point-color); border: 1px solid var(--point-color); border-radius: 4px; font-weight: 500; color: #fff;}
.time_banner_pc .item-left .countdown { font-size: 14px;line-height: 20px; color: #999; letter-spacing: -0.5px; font-weight: 400; }
.time_banner_pc .item-left .countdown span { display: inline-block; min-width: 20px; font-size: 16px; color: #000; font-weight: 600; margin: 0 8px; }
.time_banner_pc .item-center img {	max-width: 100%;}
.time_banner_pc .item-right .btn-wrap {	display: flex;	margin: 20px 0 0 0; margin-top: auto; }
.time_banner_pc .item-right .btn-wrap > span, 
.time_banner_pc .item-right .btn-wrap > a {	display: block;	position: relative; max-width: 150px; width:100%; height: 40px;	background-color: var(--point-color); border: 1px solid var(--point-color); margin: 0 0 0 2px;
	border-radius: 40px;text-align: center;	font-size: 14px; line-height: 40px; color: #fff; cursor: pointer;  transition: all .3s; }
.time_banner_pc .item-right .btn-wrap > span:hover, 
.time_banner_pc .item-right .btn-wrap > a:hover { border: 1px solid var(--point-color);  box-shadow: inset 0 0 0 2px var(--point-color); background:#fff; color:#222; }
.time_banner_pc .item-right .btn-wrap > span {	background-color: transparent;	color: #000;  margin: 0 2px 0 0; }
.time_banner_pc .item-right .btn-wrap > span:after { content: '장바구니'; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;}
.time_banner_pc .item-right .btn-wrap > span img { position: relative; z-index: 2;	max-width: 150px; width:100%; height: 40px;	opacity: 0; }

.time_banner_pc .name {	display: block;	/*margin: 0 50px 10px 0 !important;*/ }
.time_banner_pc .item-right .discount {	top: 0; right: 0;	background-color: #ff5b5d !important; color: #fff;}
.time_banner_pc .xans-product-listitem .display상품요약정보 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.time_banner_pc .xans-product-listitem .display판매가 > span { margin: 0 2px 0 0; text-decoration: line-through; }
.time_banner_pc .spec li.display소비자가 { display: none; }
.time_banner_pc .spec li.display최적할인가 { display: inline-block; }
.time_banner_pc .spec li.display할인, 
.time_banner_pc .spec li.display추가할인기간 { display: none !important;}
.time_banner_pc .spec li.display할인판매가 {	margin: 0 5px; display: inline-block; }

.add-thumb-wrap { position: relative; overflow: hidden;}
.add-thumb-wrap .pagination { position: absolute; bottom: -10px !important; z-index: 10;	opacity: 0;	display: none;	transition: all .2s;}
.box-wrap .thumbnail:hover .pagination {bottom: 10px !important;opacity: 1;}
.add-thumb-wrap.active .pagination {display: block;}
.add-thumb-wrap .pagination .swiper-pagination-bullet {	width: 10px; height: 10px;}
.add-thumb-wrap .pagination .swiper-pagination-bullet-active {	background-color: #000; }

/* 1줄에 진열되는 상품수 */
.time_banner_pc .box-wrap.grid2 .box { width:50%; max-width:640px; }
.time_banner_pc .box-wrap.grid3 .box { width:33.33%; }
.time_banner_pc .box-wrap.grid4 .box { width:25%; }
.time_banner_pc .box-wrap.grid5 .box { width:20%; }

@keyframes motion {
	0% { margin-top: 2px; }
	100% { margin-top: 10px; }
  }

/* 목록 */
.xans-product-listnormal.time_banner_pc { background: transparent; padding: 0; }
.xans-product-listnormal.time_banner_pc .box-wrap { margin: 40px auto 0; }
.xans-product-listnormal.time_banner_pc .item-wrap { box-shadow: none; border: 1px solid #eee; }
.xans-product-listnormal.time_banner_pc .xans-product-listitem .display판매가 > span { font-size: 13px !important; color: #999 !important; font-weight: normal !important; }

/* 상세 */
.detailArea .time_banner_pc { display: none; background: transparent; padding: 0; }
.detailArea .time_banner_pc .item-left .inner { justify-content: flex-start; margin: 0 0 10px 9px; padding: 0; }
.detailArea .time_banner_pc .box { margin: 0; padding: 0; }
.detailArea .time_banner_pc .box.cover:before { display: none; }
.detailArea .time_banner_pc .item-wrap { box-shadow: none; min-height: 0; }