/* main-new */
@charset "utf-8";

@import './spritesheet/spritesheet.css';


img{width:auto;max-width:100%;}
img.lazy, img.swiper-lazy{opacity:1;color:transparent;border:0}
img[data-src],img[data-original]{opacity:0}
.no-image{width:100%;padding-top:100%;}
.sold_out{position:absolute;width:40%;height:0;padding-top:40%;z-index:1;background:#2e3e55;opacity:0.8;border-radius:50%;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.sold_out p{position:absolute;width: 100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;font-size: 4.5vw;color:#fff;opacity:1;z-index:11;line-height: 18px;}
.sold_out2{top:50%;}
.sold_out2 p{font-size:13px;line-height:15px;}
.icon{display:inline-block}
/* common for swiper */
.swiper-arrow {position:relative;padding-bottom:70px;}
.swiper-arrow .control_area{position:absolute;font-size:14px;color:#9ca0ac;bottom:25px;width:125px;left:50%;margin-left:-62px;text-align:center;}
.swiper-arrow .swiper-pagination{position:static; height:27px; line-height:27px;}
.swiper-arrow .swiper-pagination-current{color:#000;}
.swiper-curation .swiper-button-prev,.swiper-curation .swiper-button-next{background-color:#60b9e6;}
.swiper-arrow .swiper-button-prev,.swiper-arrow .swiper-button-next{width:27px;height:27px;border-radius:50%;background-repeat:no-repeat; margin-top:-13.5px;}
.swiper-arrow .swiper-button-prev{background-image:url("https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/main/l_arrow.png");background-size:7px auto;background-position:center;}
.swiper-arrow .swiper-button-next{background-image:url("https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/main/r_arrow.png");background-size:7px auto;background-position:center;}
.main .swiper-wrapper{
		-webkit-perspective : 1000px;
		perspective : 1000px /* for ie because not overflow:hidden when using animation css3 */
	}
/* top event */
.wevent{
	margin-top:4px;
	overflow:hidden;
}
.wevent .swiper-slide{
		height:auto;
	}
.swiper-event .swiper-slide{
	min-height:190px;
}
.swiper-event-pagination{
	padding:2px 10px;
	border-radius: 10px;
	width:auto !important;
	font-size:10px;
	color:#ffaa00;
	background:#2c4f3d;
	position:absolute;
	left:22px !important;
	bottom:21px !important;
	z-index:1
}
.swiper-event-pagination .swiper-pagination-current{
  font-weight:500;
}
.swiper-event-pagination .swiper-pagination-total{
  font-weight:100;
}
/* category */
.wcategory
{
	margin:5px 0;
	padding:18px calc(30 / 720 * 100%) 5px;
	background:#fff;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9
}
.wcategory .cate-list{
  overflow:hidden;
}
.wcategory .cate-item{
  float:left;
  width:calc((660 / 5)/660*100%);
  height:59px;
  margin-bottom:15px;
}
.wcategory .cate-link{
  display:block;
  height:100%;
  text-align:center;
  vertical-align:bottom;
}
.wcategory .cate-link em{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  margin-bottom:5px;
  height:calc(33 /59 * 100%);
  text-align:center;
  -webkit-box-align:center;
     -moz-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wcategory .cate-link i{
  display:inline-block;
}
.wcategory .cate-link span{
  display:block;
  height:calc(26 / 59 * 100%);
  color:#164032;
  font-size:13px;
  letter-spacing:-0.05em;
}
/* curation*/
.wcuration
{
	padding:0 calc(20 / 720 * 100%) 10px;
	background:#164032;
	position:relative;
}
.wcuration .title-a__m em{
			font-size:30px;
			-webkit-transform: rotate(20deg);
			        transform: rotate(20deg);
		}
.swiper-curation__outter{
	padding:calc(10 / 720 * 100%);
	background:#fff;
	overflow:hidden;
}
.swiper-curation__parent >.swiper-button-prev, .swiper-curation__parent > .swiper-button-next{
			width:26px;
			height:23px;
			background-color:transparent;
			margin-top:0;
			top:calc(235 / 720 * 100%);
		}
.swiper-curation__parent >.swiper-button-prev{
  background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/spritesheet/img/arrow-left-black.png);
  background-size:11px 23px;
  background-position:center;
  left:calc(24 / 720 * 100%);
}
.swiper-curation__parent >.swiper-button-next{
  background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/spritesheet/img/arrow-right-black.png);
  background-size:11px 23px;
  background-position:center;
  right:calc(24 / 720 * 100%);
}
.swiper-curation__info{
	margin-bottom:5px;
	position:relative;
}
.swiper-curation__desc{
	padding:14px 16px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
	font-size:13px;
	font-weight:500;
	line-height:19px;
	background:rgba(0,0,0,.6);
	color:#fff;
	font-size:16px;
/* 	min-height:38px; */
}
.swiper-curation__child .swiper-slide{
  position:relative;
}
/* .swiper-curation__child .swiper-slide:before{
  content:'';
  display:block;
  border:1px solid #ebebeb;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
} */
.swiper-curation__child .swiper-slide img{
	border:1px solid #ebebeb;
}
.swiper-curation__title{
	display:none;
	margin:0 0 10px 10px;
	font-size:14px;
	color:#000;
	letter-spacing:-0.05em
}
.wcuration__all
{
	display:block;
	padding:23px 10px 21px;
	text-align:center;
	color:#ffaa00;
	font-size:17px
}
.wcuration__all .icon{
  margin-left:10px;
}
/* main product title  */
.main
{
	min-width:320px;
	background:#f0f0f0;
	line-height:1;
	letter-spacing:-0.02em;
	height:auto; /* @note 2021-02-08 */
}
.main.ly-open{overflow:hidden} /* @note 2021-02-08 */
/* & .container{
		margin-top:50px;
	} */
.main .title-a{
		padding:33px 10px 15px;
		text-align:center;
		color:#fff;
	}
.main .title-a__m{
			padding-bottom:8px;
			margin-bottom:8px;
			position:relative;
			font-size:25px
		}
.main .title-a__m:after{
  content:"";
  position:absolute;
  width: 7px;
  height:1px;
  background:#899E97;
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
  bottom:0;
}
.main .title-a__m em{
				display:inline-block;
				margin-right:2px;
				color:#ffaa00;
				font-size:30px;
				font-weight:600;
}
.main .title-a__s{
			font-weight:100
		}
.main .title-b__m{
			display:inline-block;
			font-size:20px;
			font-weight:500;
			color:#000;
		}
.main .title-b__m .icon{
				margin-right:10px;
			}
.main .title-b__m span{
				display:inline-block;
				letter-spacing:-0.05em;
			}
.main .title-b__s{
			display:inline-block;
			margin:3px 0 0 10px;
			font-size:13px;
			font-weight:100;
			color:#666;
			vertical-align:top;
		}
.main .btn__more{
		float:right;
		margin:2px 0 0 0
	}
.main .btn__more span{
  margin-right:5px;
  font-size:13px;
  font-weight:100;
  color:#666;
  vertical-align:top;
}
.wbest
{
	background:#fff;
	padding:calc(70 / 720 * 100%) calc(30 / 720 * 100%) calc(8 / 720 * 100%);
}
.wbest-tab{
		margin-bottom:22px;
		border-bottom:1px solid #ECECEC;
	}
.wbest-tab__item{
		float:left;
		width:33.3%;
		position:relative
	}
.wbest-tab__item.on span {
				color:#ffaa00;
				font-weight:500;
}
.wbest-tab__item.on:after{
  position:absolute;
  content:"";
  height:3px;
  right:0;
  bottom:0;
  left:0;
  background:#ffaa00;
}
.wbest-tab__link{
		padding:16px 0 9px;
		display:block;
		text-align:center;
		font-size:16px;
		font-weight:300;
		cursor:pointer;
	}
.wbest-prd-wrap .prd-list{
			display:none
		}
.wbest-prd-wrap .prd-list.on{
  display:block;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
}
.wbest .prd-img{
		min-height:144px;
	}
/* product arrange */
.prd-list{
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		   -moz-box-orient:horizontal;
		   -moz-box-direction:normal;
		    -ms-flex-flow:row wrap;
		        flex-flow:row wrap;
	}
.prd-item{
		float:left;
		position:relative;
		/* width:calc(324 / 660 * 100%);
		margin:0 0 calc(64 / $m-width * 100%) calc(12 / 660 * 100%);
		&:nth-child(2n-1){
			margin-left:0;
		} */
	}
.prd-img{
  position:relative;
}
.prd-img:before{
  content:'';
  display:block;
  border:1px solid #ebebeb;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
.prd-img{
  margin-bottom:12px;
}
.prd-label{
		color:#fff;
		position: absolute;
		left: 5px;
		top: -7px;
		z-index:1;
		text-align: center;
		vertical-align:middle;
	}
.prd-label em{
			display:inline-block;
			margin:4px 0 0 -4px;
		}
.prd-label.icon-label-rank-top em{
			margin-top:7px;
		}
.prd-info > span {
			display:block;
		}
.prd-info__category{
			margin-bottom:6px;
			font-size:13px;
			line-height:14px;
			color:#E90000;
		}
.prd-info__subject{
			margin-bottom:8px;
			font-size:14px;
			font-weight:100;
			line-height:16px;
			color:#000;
		}
.prd-info__price{
			font-size:16px;
			font-weight:100;
			letter-spacing:0;
			color:#000
		}
.prd-info__price b{
  display:inline-block;
  margin-right:2px;
}
.prd-list__h1 .prd-item{
			width:100%;
			margin: 0 0 calc(20 / 720 * 100%) 0
		}
.prd-list__h1 .prd-item:last-child{
  margin-bottom:0;
}
.prd-list__h1 .prd-img{
			float:left;
			width:calc(236 / 660 * 100%);
			margin:0 calc(29 / 660 * 100%) 0 0;
		}
.prd-list__h1 .prd-info{
			float:left;
			width:calc(395 / 660 * 100%);
		}
.prd-list__h2 .prd-item{
			width:calc(324 / 660 * 100%);
			margin:0 0 calc(64 / 720 * 100%) calc(12 / 660 * 100%)
		}
.prd-list__h2 .prd-item:nth-child(2n-1){
  margin-left:0;
}
.prd-list__h3 .prd-item{
			width:calc(210 / 660 * 100%);
			margin:0 0 0 calc(15 / 660 * 100%)
		}
.prd-list__h3 .prd-item:nth-child(3n+1){
  margin-left:0 !important;
}
.prd-list__h4 .prd-item{
			width:calc(164 / 680 * 100%);
			margin:0 0 calc(64 / 720 * 100%) calc(8 / 680 * 100%)
		}
.prd-list__h4 .prd-item:nth-child(4n+1){
  margin-left:0 !important;
}
.wkeyword{
  border-bottom: 1px solid #d9d9d9;
  margin-bottom:calc( 10 / 720 * 100%);
  padding:calc(66 / 720 * 100%) calc(33 / 720 * 100%) 0;
  background:#fff;
}
.wkeyword-list{display: flex;flex-wrap: wrap;padding: 10px 0 16px;box-sizing: border-box;}
.wkeyword-item{
		width: 50%;
		height: 30px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
}
.wkeyword-item:nth-child(2n-1){
  margin-left:0;
}
.wkeyword-item{
  overflow:hidden;
}
.wkeyword-link{
		white-space: nowrap;
		width: 100%;
}
.wkeyword .num{
  display:inline-block;
  width:17px;
  text-align:right;
  font-size:14px;
  font-weight:500;
  color:#000;
  position: relative;
  top: -3px;
}
.wkeyword .txt{
  display:inline-block;
  margin-left:10px;
  font-size:14px;
  font-weight:100;
  letter-spacing:-0.05em;
  color:#000;
  width: calc(100% - 20px);
}
.wkeyword .icon-new{margin-left:7px;
}
.wmd{
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom:calc( 10 / 720 * 100%);
  background:#fff;
  padding:calc(70 / 720 * 100%) calc(30 / 720 * 100%) calc(8 / 720 * 100%);
  border-bottom:1px solid #d9d9d9;
}
.wmd .title-b{
  margin-bottom:calc(35 / 720 * 100%);
}
.wmd .swiper-md-pagination{
		padding:calc(40 / 720 * 100%) 0 calc(70 / 720 * 100%);
		text-align:center;
}
.wmd .swiper-pagination-bullet{
		background:#999;
		opacity:1;
}
.wmd .swiper-pagination-bullet-active{
		background:#ffaa00;
}
.wmd .prd-img{
		min-height:105px;
}
.wprd{
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom:calc( 10 / 720 * 100%);
  background:#fff;
  padding:calc(70 / 720 * 100%) calc(30 / 720 * 100%) calc(70 / 720 * 100%);
  border-bottom:1px solid #d9d9d9;
}
.wprd .title-b{
  margin-bottom: calc(35 / 720 * 100%);
  position:relative;
}
.wprd .title-b__m{
  letter-spacing:-0.05em;
}
.wprd .title-b__s{
  display:block;
  margin-top: 6px;
  margin-left: 23px;
}
.wprd .btn__more{
		position:absolute;
		right:0;
		top:0;
}
.wprd-wrap .wprd:last-child{
		margin-bottom:0;
		border-bottom:none;
	}
/* icube */
.icube
{
	padding:0 calc(30 / 720 * 100%) calc(8 / 720 * 100%);
	background:#f4f4f4 url("https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/main/book_bg.gif");
}
.icube .title-a{
		color:#000;
	}
.icube .title-a em{
			font-size:25px
		}
.icube div
	{
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
		        box-sizing:border-box;
	}
.icube .swiper-video .swiper-pagination{
	margin-top:0;
	position:absolute;
/* 	top:calc(320 / $m-width * 100%); */
	top:170px;
	bottom:auto;
	bottom:initial;
}
.icube .swiper-video .swiper-pagination-bullet{width:9px;height:9px;background:#999;opacity:1;}
.icube .swiper-video .swiper-pagination-bullet-active{background:#ffaa00;}
.icube .video_area{width:100%;height:100%;background:#ffaa00;padding:4px;position:relative/* ;pointer-events:none */}
.icube .video_area iframe{display:block; width:100%; height:auto;}
.icube .video_area video{width:100%;height:100%;}
.icube .video_desc{
/* 	padding:calc(100 / $m-width * 100%) calc(30 / $m-width * 100%) calc(80 / $m-width * 100%); */
	padding:40px calc(30 / 720 * 100%) calc(80 / 720 * 100%);
	overflow:hidden;line-height:1
}
.icube .video_desc dl dt{margin-bottom:10px;font-weight:500;font-size:18px;color:#f17528}
.icube .video_desc dl dd{font-size:15px;font-weight:300;color:#666;letter-spacing:-0.05em;line-height:20px;}
.icube .video_desc span{display:block;margin-top:20px;text-align:center}
.icube .video_desc span a{display:inline-block;padding:0 8%;height:47px;line-height:47px;font-size:14px;background:#164032;color:#fff;text-align:center}
/* wnews*/
.wnews{
  border-bottom: 1px solid #d9d9d9;
  margin-bottom:calc( 10 / 720 * 100%);
  padding:calc(70 / 720 * 100%) calc(30 / 720 * 100%) calc(8 / 720 * 100%);
  background:#fff;
}
.wnews .item{
		position:relative;
		border:1px solid #d9d9d9;
}
/* .tit_box dt{color:#f2b230;}
	.tit_box dt img{display:inline-block; vertical-align:middle; width:85px; margin-top:4px;}
	.tit_box dt span{display:inline-block; vertical-align:middle;}
	.tit_box dt:after{background:#f2b230;}
	.tit_box dd{color:#000;padding-bottom:10px;}
	.tit-box{z-index:1;position:absolute;bottom:0;left:0;width:100%;height:50px;line-height:50px;text-align:center;}
	.step.step_movie .tit-box{position:static;}
	.tit-box.bg{background:rgba(0,0,0,0.4);}
	.tit-box.bg p{font-weight:500;color:#fff;}
	.tit-box p{font-weight:bold;color:#000;font-size:14px;}
	.img-box{padding-top:60%;}
	
	.img-box1 img{display:block; width:100%;}
	.img-box1 iframe{display:block; width:100%; height:auto;} */
.wnews .title-b{
		margin-bottom:calc(40 / 720 * 100%);
}
.wnews .item{
		display:block;
		margin-bottom:calc(40 / 720 * 100%);
		positoin:relative;
}
.wnews .item:last-child{
  margin-bottom:0;
}
.wnews .news-label
	{
		display:block;
		width:67px;
		height:32px;
		background-repeat:no-repeat;
		background-size:67px auto;
		position:absolute;top:-4px;left:4px;z-index:2;
}
.wnews .news-label span{
			height:32px;
			display:block;
			font-size:13px;
			color:#fff;
			text-align:center;
			line-height:32px;
		}
.wnews .news-label i{
			 position:absolute; top:0; right:-4px; 
			 width:4px; 
			 height:4px; 
			 background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/main/label.png);
			 background-size:100% 100%;
		 }
.wnews .news-info
	{
		display:block;
		padding:calc(25 / 720 * 100%) calc(20 / 720 * 100%);
}
.wnews .news-info > span{
			display:block;
			line-height:19px;
		}
.wnews .news-info__title{
			margin-bottom:calc(14 / 720 * 100%);
			font-size:14px;
			color:#000;
		}
.wnews .news-info__desc{
			font-size:13px;
			font-weight:300;
			color:#888;
		}
.wnews .news-media iframe{
			width:100%;
		}
.wnews .btn-infinity__more{
		display:block;
		text-align:center;
		padding:calc(35 / 720 * 100%) 0 calc(60 / 720 * 100%);
}
.wreview{
  padding:calc(70 / 720 * 100%) calc(30 / 720 * 100%) calc(8 / 720 * 100%);
  background:#fff;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom:calc( 10 / 720 * 100%);
  padding-bottom:calc(70 / 720 * 100%);
}
.wreview .title-b{
  margin-bottom:calc(35 / 720 * 100%);
}
.wreview .title-b .icon{
			margin-right:7px;
}
.wreview .swiper-slide{
		min-height:80px;
}
.wreview .prd-list__h3 .prd-item{
		margin-bottom:0;
}
.wsns{
  padding:calc(70 / 720 * 100%) calc(30 / 720 * 100%) calc(8 / 720 * 100%);
  background:#fff;
  padding-bottom:calc(86 / 720 * 100%);
  position:relative;
}
.wsns .title-b{
  margin-bottom:calc(35 / 720 * 100%);
}
.wsns .title-b .icon{
			margin-right:7px;
}
.wsns .prd-list__h4 .prd-item{
		margin-bottom: calc( 14 / 720 * 100%);
		min-height:70px;
}
/*****************************************************************************************/
/* �긽�떒 諛곕꼫 */
.main_top_banner a{position:relative;display:block}
.main_top_banner img{width:100%;height:50%;/* height:78px */}
.main_top_banner span{position:absolute;z-index:4;top:0;right:0;display:block;width:30px;height:30px;font-size:0;background-image:url("https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/main/main_banner_x.png");background-repeat:no-repeat;background-size:14px;background-position:center;}
.top_banner{position:relative;}
.top_banner a{display:block; width:100%; font-size:0;}
.top_banner a img{width:100%}
.top_banner .btn{position:absolute; top:10px; right:10px; width:30px; height:30px; z-index:1; background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/main/top_close.png); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%;}
/* �긽�떒 �넻�빀寃��깋 */
.search_popup .none_step{text-align:center;}
.search_popup .none_step p{background-image:url("https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/mypage/no_item.png");}
.search_popup.popup  .content{padding:0;}
.content .src_wrap{padding:27px 22px;}
.content .src_wrap .cus_select{float:none;}
.content .src_wrap ul{font-size:0;}
.content .src_area{position:relative;}
.content .src_area .serch_box{position:relative;border-bottom:1px solid #000;padding-bottom:9px;height:32px}
.content .src_area .serch_box input{padding:0; height:24px;line-height:24px;padding-left:6px;border:0;width:90%;min-width:250px;}
.content .src_area .serch_box button,
.content .src_area .serch_box a{position:absolute;background-repeat:no-repeat;background-position:center;width:20px;height:20px;background-size:20px;}
.content .src_area .serch_box button{top:0;right:6px;padding:0;background-color:transparent;border:0;background-image:url("https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/common/search_ico.png");}
.content .src_area .serch_box a.x_btn{display:none;top:0;right:28px;background-image:url("https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/cart/control_xbtn.gif");}
.content .src_area .src_list{display:none;position:absolute;top:33px;background:#fff;left:0;width:100%;padding:15px;border:1px solid #d9d9d9;border-top:0;z-index:10;}
.content .src_area .src_list ul li a{font-size:12px;display:block;line-height:24px;}
.content .src_area .src_list ul li a span{font-weight:bold;color:#2c473e;}
.content .src_area .best_box{background:#f0f0f0;padding:15px;margin-top:10px;}
.content .src_area .best_box h2{font-size:12px;font-weight:500;color:#000;}
.content .src_area .best_box li{display:inline-block;padding-top:4px;}
.content .src_area .best_box li a{font-size:11px;color:#787878;padding-right:4px;}
/*.search_popup .content .con_wrap{background:;}*/
.search_popup .content .con_wrap ul.tab li{width:33.3%;}
.search_popup .content .con_wrap h2.result_txt{font-size:14px;color:#000;padding:18px 19px 9px 18px;font-weight:500;}
.search_popup .content .con_wrap h2.result_txt strong{color:#2c473e;}
.search_popup .curation.step00{background:#fff;padding-bottom:50px;}
.search_popup .curation .con_box{margin-top:0;margin-bottom:10px;}
.search_popup .curation .con_box .img-box p.opbox{height:auto;line-height:20px;padding:7px 0;}
.search_popup .curation .con_box .img-box p.opbox.type02{background:transparent;text-align:left;color:#fff;margin:7px 0;padding:0 13px;-webkit-line-clamp: 2;}
.search_popup .btn_more{margin-top:0;}
.search_popup .step01{padding:10px;}
.search_popup .product_list.step01 .weekly{background:#fff;}
.search_popup .product_list.step01 .btn_more{margin-top:0;margin-bottom:30px;}
.search_popup .step02{border-top:1px solid #164032;}
.search_popup .step02 .star_guide{float:left;width:100%;text-align:center;}
.search_popup .step02 .thum_area{padding:10px 18px 0;background:#fff;}
.search_popup .step02 .thum_area .thumnail{width:20.833%;display:inline-block;}
.search_popup .step02 .thum_area .thumnail .img-box{width:100%;padding-top:100%;}
.search_popup .step02 .thum_area .r_area{float:right;width:76%;}
.search_popup .step02 .thum_area .r_area .item_txt{-webkit-line-clamp:3;}
.search_popup .product_view:first-child{border-top:0;}
.search_popup .product_view{border-top:1px solid #b8b8b8;}
.search_popup .product_view .review_content .tit_box{border-top:0;margin-top:0;background:#fff;}
.search_popup .product_view .review_content .con_box{background:#e5e5e5;}
.search_popup .product_view .review_content .con_box div.txt{padding-bottom:0;}
.search_popup .product_view .review_content .con_box div.txt p{padding-bottom:0;}
.search_popup .product_view .con_box .btn_area{margin-top:30px;}
.search_popup .step02 .tit_box .star_area{float:left;}
.search_popup .step02 .con_box div.txt{clear:both}
.search_popup .step02 .con_box .star_area{background:#fff;}
.search_popup .step02 .btn_more{margin-top:0;margin-bottom:30px;border-top:1px solid #b8b8b8;}
.search_popup input[type="text"],
.search_popup select:focus,.search_popup select{font-size: 16px;}
.img-box{position:relative;width:100%;height:0;}
.img-box1{position:relative;width:100%;}
.img-box img{position:absolute;max-width:100%;max-height:100%;top:0;left:0;bottom:0;right:0;}
.img-box iframe{position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;}

.img-box .btn-cart{position: absolute;bottom:0;right:0;padding:0;}
.img-box .btn-alarm{position: absolute;bottom:0;right:0;padding:0}
.img-box .btn-cart.type-1{width:42px;height:42px}
.img-box .btn-alarm.type-1{width:42px;height:42px}
.img-box .btn-cart.type-2{width:48px;height:48px}
.img-box .btn-alarm.type-2{width:48px;height:48px}

#reviewArea .weekly2{background:transparent;padding:0;font-size:14px;}
#reviewArea .weekly2 .txt_area{padding-top:40px;}
/*weekly*/
.weekly{padding:30px 0;background-color:#60b9e6}
.weekly .tit_box dt{color:#ffe69c;}
.weekly .tit_box dt:after{background:#ffe69c;}
.weekly .tit_box dd{color:#fff;}
.weekly ul.tab_list{padding:15px 5px 12px 5px;font-size:0;text-align:center;}
.weekly ul.tab_list li{position:relative;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:33.33%;border-bottom:1px solid #ffaa00;}
.weekly ul.tab_list li:last-child{margin-right:0;padding-right:0;}
.weekly ul.tab_list li a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;text-align:center;font-size:14px;color:#fff;display:inline-block;width:100%;height:30px;line-height:30px;}
.weekly ul.tab_list li a.on{padding-right:0;margin-right:5px;border-bottom:0;background:#f2b230;color:#000;font-weight:bold;}
.weekly ul.tab_list li a.on:after{content:"";display:inline-block;background-image:url("https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/main/week_tabbg.png");width:3px;height:30px;position:absolute;background-size:3px 30px;right:-3px;}
.weekly .mask_wrap{padding:0 10px;}
.weekly .mask_wrap.margin_mask{margin-top:20px;}
.weekly .mask_wrap .inner{position:relative;border:1px solid #d9d9d9;background:#fff;padding:7px;}
.weekly .mask_wrap .inner span.label{position:absolute;left:4px;top:-9px;z-index:1;width:50px;height:45px;display:block;text-align:center; background-image:url("https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/main/mask_label.png");background-size:50px auto;}
.weekly .mask_wrap .inner span.label strong{display:block;width:45px;height:36px;line-height:36px;color:#000;font-weight:400;font-size:18px;}
.weekly .mask_wrap .inner .mask_area{padding-bottom:14px;min-height:298px}
.weekly .mask_wrap .inner .mask_area .lazy{min-height:284px}

.weekly .mask_wrap .inner .mask_area{position:relative}
.weekly .mask_wrap .inner .mask_area .view_slider .slide-item{position:relative}
.weekly .mask_wrap .inner .mask_area .btn-cart{position: absolute;bottom:0;right:0;padding:0;}
.weekly .mask_wrap .inner .mask_area .btn-alarm{position: absolute;bottom:0;right:0;padding:0}
.weekly .mask_wrap .inner .mask_area .btn-cart.type-3{width:52px;height:52px}
.weekly .mask_wrap .inner .mask_area .btn-alarm.type-3{width:52px;height:52px}

.weekly .label_area{font-size:0; margin-bottom:10px;}
.weekly .label_area li{position:relative;display:inline-block;vertical-align:top;margin-bottom:7px;margin-right:5px;background-repeat:no-repeat;}
.weekly .label_area li:last-child{margin-right:5px;}
.weekly .label_area li.tDeal .flag-tail{border-color: #f62020 #f62020 transparent #f62020;}
.weekly .label_area li.tDeal span{background:#f62020;}
.weekly .label_area li.best .flag-tail{border-color: #ffaa00 #ffaa00 transparent #ffaa00;}
.weekly .label_area li.best span{background:#ffaa00;}
.weekly .label_area li.new .flag-tail{border-color: #ff8080 #ff8080 transparent #ff8080;}
.weekly .label_area li.new span{background:#ff8080;}
.weekly .label_area li.aword .flag-tail{border-color: #584d8c #584d8c transparent #584d8c;}
.weekly .label_area li.aword span{background:#584d8c;}
.weekly .label_area li.md .flag-tail{border-color: #60b9e6 #60b9e6 transparent #60b9e6;}
.weekly .label_area li.md span{background:#60b9e6;}
.weekly .label_area li.md2 .flag-tail{border-color: #60b9e6 #60b9e6 transparent #60b9e6;}
.weekly .label_area li.md2 span{background:#60b9e6;}
.weekly .label_area li.soldout .flag-tail{border-color: #15CBA7 #15CBA7 transparent #15CBA7;}
.weekly .label_area li.soldout span{background:#15CBA7;}
.weekly .label_area li span{display:inline-block;color:#fff;text-align:center;}
.flag-tail {border-style: solid;height: 0px; width: 0px; position:absolute; -webkit-transform: rotate(270deg); transform: rotate(270deg)}
.weekly .label_area.big .flag-tail{ border-width:0px 11px 4px 11px; }
.weekly .label_area.big li{width:70px;height:22px;background-size:58px 22px;}
.weekly .label_area.big li span{width:67px;font-size:14px;height:22px;line-height:20px;}
.weekly .label_area.big li .flag-tail{right:-9px;bottom:9px;}
.weekly .label_area.small{position:absolute; top:2px; left:2px; z-index:1;}
.weekly .label_area.small .flag-tail{ border-width:0px 7px 4px 7px; }
.weekly .label_area.small li{width:38px;height:14px;background-size:35px 14px;margin-right:9px;} /* @note 2021-03-15 */
.weekly .label_area.small li span{width:40px;font-size:8px;height:14px;line-height:14px;font-weight:300;letter-spacing:-0.05em;}
.weekly .label_area.small li .flag-tail{right:-10px;bottom:5px;} /* @note 2021-03-15 */
.weekly .txt_area{padding-bottom:18px;}
.weekly .txt_area a{display:block;margin-top:5px;height:34px;line-height:17px;font-size:13px;color:#000;word-break:break-all;text-overflow: ellipsis;overflow: hidden;/* white-space: nowrap; */}
.weekly .txt_area span{display:inline-block;font-size:16px;color:#000;}
.weekly .txt_area .discount-percent{margin-left:2px;color:#d50c0b !important;letter-spacing:-0.05em;font-size:12px}
.weekly .txt_area ul{display:inline-block;float:right;}
.weekly .txt_area ul li{display:inline-block;background-repeat:no-repeat;margin-right:5px;padding-left:23px;background-position:0 center;background-size:auto 18px;vertical-align:middle; font-size:18px; color:#4b4b4b}
.weekly .txt_area ul li button{background-repeat:no-repeat;padding:0 0 0 23px;background-position:0 center;background-size:auto 18px;border:0;background-color:transparent; font-size:18px; color:#4d4d4d}
.weekly .txt_area ul li:last-child{margin-right:0;}
.weekly .txt_area ul li.like button{background-image:url("https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/main/like_ico.png");height:20px;padding-right: 8px;}
.weekly .txt_area ul li.chat{background-image:url("https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/main/chat_ico.png");}
.weekly .txt_area ul li.recycle{background-image:url("https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/main/recycle_ico.png");}
.weekly2{padding:20px 10px 19px 10px;background:#ffaa00;background-repeat:repeat-x;background-size:auto 4px;font-size:0;}

.weekly .txt_area .mpInfo{display:flex;height:20px;line-height:20px;margin-top:7px}
.weekly .txt_area .mpInfo .mileage{font-size:11px;color:#4b4b4b;letter-spacing:0.11px;display:flex;align-items:center;}
.weekly .txt_area .mileage::before{content:"";display:inline-block;width:15px;height:15px;background:url(/static/m/renew/images/common/mileage_orange.svg) no-repeat center center;background-size:15px 15px;margin-right:2px;}

.weekly .txt_area .point{font-size:11px;color:#4b4b4b;letter-spacing:0.11px;margin-left:6px;display:flex;align-items:center}
.weekly .txt_area .point::before{content:"";display:inline-block;width:15px;height:15px;background:url(/static/m/renew/images/common/point_orange.svg) no-repeat center center;background-size:15px 15px;margin-right:2px;}

/* @note 2021-04-05 */
.like-wrap{display:inline-block;position:absolute;right:8px;}
.like-wrap .ico-star{display:inline-block;background-image:url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/common/star/yellow_star.png);background-repeat:no-repeat;background-size:14px 13px;width:14px;height:13px;position:relative;top:1px}
.like-wrap .likeResult{margin:0 2px}
/* //@note 2021-04-05 */

.inner_step{width:49%;margin-bottom:2%;display:inline-block; position:relative; vertical-align:top;}
.inner_step:nth-of-type(2n+1){margin-right:2%;}
.box-item {position:relative;background:#fff;padding:6px; /* min-height:245px; *//* min-height:275px; */ padding:0} /* @note 2021-03-15 */
.box-item .img-box{padding-top:100%;}
.box-item .label{
	position: absolute;
    top: -7px;
    left: 3px;
    width: 45px;
    height: 44px;
    z-index: 1;
    background-image: url(https://cache.wjthinkbig.com/WEB_RESOURCE/ONLINEMALL/IMAGES/M/main/week2_label.png);
    background-repeat: no-repeat;
    background-size: 45px auto;
}
.box-item .label span{
	color: #fff;
    font-size: 15px;
    display: block;
    width: 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.weekly2 .txt_area{padding-bottom:0;position:relative;padding:6px}/* @note 2021-03-15 */
.weekly2 .txt_area:after{content: ''; display: table; clear: both}
.weekly2 .txt_area p{font-size:12px;color:#000;display:block;/* white-space:nowrap;word-break:break-all;text-overflow: ellipsis;overflow:hidden; */}
.weekly2 .txt_area span{font-size:12px;letter-spacing:-0.025em;font-weight:400; line-height:20px;}
.weekly2 .txt_area span strong{font-size:12px}
.weekly2 .txt_area ul {background:#fff;position:absolute;right:0;text-align:right}
.weekly2 .txt_area ul li{background-size:auto 15px;font-size:12px;padding-left:14px;color:#4b4b4b;}
.weekly2 .txt_area ul li:first-child{padding-left:0;}
.weekly2 .txt_area ul li button{height:auto;background-size:auto 15px;font-size:11px;padding-left:14px; color:#4b4b4b}
.pick{padding:30px 10px;padding-bottom:0;background:#fbf3e4;}
.pick .txt_area ul{display:none}
.pick .tit_box dt{color:#ff8080;}
.pick .tit_box dt:after{background:#ff8080;}
.pick .tit_box dd{color:#000;padding-bottom:10px;}
.swiper-pick .swiper-button-prev,.swiper-pick .swiper-button-next{background-color:#ff8080;}
/* 20180830 */
/* .swiper-pick .swiper-wrapper{display:block} */
.swiper-pick .inner_step{padding-top:0;margin-bottom:2%}
.swiper-pick .label_area.small{top:2px;left:2px}
.swiper-pick .label_area li{margin-bottom:1px}
.best_container .weekly2 .inner_step{padding-top:28px}
.banner img{width:100%}
@media screen and (max-width: 319px) {
    .main {
        min-width: 280px;
    }
}
/* 20201218 */
.sold_out_img{position: absolute;width: 70%;height: 70%;z-index: 2;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background-image: url("/static/m/renew/images/common/soldout.png");background-repeat:no-repeat;background-size:contain;}