
/* n_shop_best */
.n_shop_best .tit-box{margin-bottom: 70px;text-align: center;}
.n_shop_best .tit-box p{font-size: 50px;font-family: 'Dream Bold';}
.n_shop_best .tit-box span{font-size: 18px; color:#888;}

.n_shop_best .selec-tit > ul{position: relative; width:100%;}
.n_shop_best .selec-tit > ul > li .tab-contents{display:none;width: 100%;}
.n_shop_best .selec-tit > ul > li.on .tab-contents{display:block;}

.n_shop_best .selec-tit .tit_more{display:none;}
.n_shop_best .selec-tit .tit_more.m_on{display:block;}
.n_shop_best .selec-tit .tit_more a{display: flex;align-items: center;border: 1px solid #ddd;padding: 10px 30px;font-size: 18px;border-radius: 30px;background: #fff;color: #000;gap: 30px;}
.n_shop_best .selec-tit .tit_more a::after {content: ''; background: url(./../images/more-pius-ic.png) no-repeat right center / cover; width: 17px; height: 17px; transition: all 0.3s; transform: rotate(180deg); display: block;}
.n_shop_best .selec-tit .tit_more a p{color:#000 !important;}

.n_shop_best .selec-tit .goods-tab > a{display:block;text-align: center;border: 1px solid #ddd;padding: 10px 35px;font-size: 18px;border-radius: 30px;font-family: 'Dream Medium';}
.n_shop_best .selec-tit .on > a{background: #6e3d38;}
.n_shop_best .selec-tit .on > a > p{color:#fff;}

/* content-box */
.n_shop_best .container .content-inner{width: 100%;}
.n_shop_best .container .tab-contents ul li.slick-slide{position: relative;width: 100%; padding: 0 10px;}
.n_shop_best .content-box{padding: 0 10px 50px 10px;}
.n_shop_best .content-box .img-box{position: relative;overflow: hidden;width: 100%;}
.n_shop_best .content-box .img-box a img{width: 100%; transition:ease all .5s;}
.n_shop_best .content-box:hover .img-box a img{transform:scale(1.2);}
.n_shop_best .content-box .item-box{padding: 0 15px;}
.n_shop_best .content-box .top-text-box{margin-top: 25px; padding:0 20px;}
.n_shop_best .content-box .top-text-box .tit{color: #000;font-size: 19px;font-family: 'Dream Medium';line-height: 1.4;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.n_shop_best .content-box .top-text-box .money-box{display: flex;border-radius: 30px;justify-content: space-between;color: #a1a1a1;line-height: 1.4;align-items: center;font-family: 'Dream Bold';}
.n_shop_best .content-box .top-text-box .money-box .color{font-size:26px;color:#d90000;letter-spacing: -1px;}
.n_shop_best .content-box .top-text-box .money-box span + span{font-size: 18px;text-decoration: line-through;}

/* under-box*/
.n_shop_best .under-box{margin-top: 10px; padding:0 20px; height: 35px;}
.n_shop_best .under-box .tag-box ul{display: flex;gap: 5px;flex-wrap: wrap;}
.n_shop_best .under-box .tag-box ul li .in p{font-size: 18px;word-break: auto-phrase;}

/* best */
.n_shop_best .best-list{position: absolute; top: 0; padding: 10px;}
.n_shop_best .best-list > ul{display: flex; justify-content: left; gap:5px;}
.n_shop_best .best-list > ul > li img{height:100%}
.n_shop_best .best-list > ul > li > p{font-size: 14px;width:55px;height:55px;letter-spacing: -.05em;color: #fff;border-radius: 10px;text-align: center;word-break: break-word;display: flex;align-items: center;justify-content: center;line-height: 1.4;}
.n_shop_best .best-list > ul > li > p.bg01{background: #FF490F;}
.n_shop_best .best-list  > ul > li > p.bg02{background: #007EFF;}
.n_shop_best .best-list > ul > li > p.bg03{background: #497614;}

/* sold-out */
.n_shop_best .content-inner > ul > li .img-box > a{position: relative; display: block; width:100%; height: 100%;}
.n_shop_best .content-inner > ul > li:nth-child(3) .img-box > a::before{content: ''; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); width: 100%;  }
.n_shop_best .sold-out{display: table;position: absolute;top: 0;left: 0;text-align: center;background: rgba(0,0,0,0.5);width: 100%;height: 100%;text-align: center;}
.n_shop_best .sold-out > .out-tit{display: table-cell; vertical-align: middle;}
.n_shop_best .out-tit > p{font-size: 30px; font-family: "Dream Bold"; line-height: 50px; letter-spacing: -.05em; color: #fff;}
.n_shop_best .out-tit > span{font-size: 15px; font-family: "Dream Medium"; letter-spacing: -.05em; color: #fff;}

/* cart - up */
.n_shop_best .shop-list{position: absolute; bottom: -50%; width: 100%; transition: all 0.3s; z-index: 1;}
.n_shop_best .content-box:hover .shop-list{bottom: 0;}
.n_shop_best .shop-list > ul{display: flex; justify-content: space-between; background: rgba(0,0,0,0.5);}
.n_shop_best .shop-list > ul > li{width: 100%; position: relative;}
.n_shop_best .shop-list > ul > li > a{font-size: 14px;line-height: 1.5;letter-spacing: -.05em;color: #fff;position: relative;padding: 15px 0;display: flex;align-items: center;gap: 5px;justify-content: center;}
.n_shop_best .shop-list > ul > li > a:hover span{color: #28a444;}
.n_shop_best .shop-list > ul > li > a:before{content: '';width: 24px;height: 19px;transition: all 0.2s;display: block;}
.n_shop_best .shop-list > ul > li:nth-child(1) a::before{background: url(./../images/bascket-ic.png) no-repeat center center;}
.n_shop_best .shop-list > ul > li:nth-child(2) a::before{content: ''; background: url(./../images/heart-ic.png) no-repeat center center;}
.n_shop_best .shop-list > ul > li:nth-child(3) a::before{content: ''; background: url(./../images/search-ic.png) no-repeat center center;}
.n_shop_best .shop-list > ul > li:nth-child(1):hover a::before{background: url(./../images/bascket-ho-ic.png) no-repeat center center;}
.n_shop_best .shop-list > ul > li:nth-child(2):hover a::before{background: url(./../images/heart-ho-ic.png) no-repeat center center;}
.n_shop_best .shop-list > ul > li:nth-child(3):hover a::before{background: url(./../images/search-ho-ic.png) no-repeat center center;}

/* more + */
.n_shop_best .control{position: absolute; right:0; top:-140px;display: flex; align-items: center; gap: 10px;}
.n_shop_best .control .control_inner{display: flex;align-items: center;gap: 10px;}
.n_shop_best .control .more-view a,
.n_shop_best .control button{width:50px;height:50px; transition:ease all .5s; display:block;border:1px solid #ddd;border-radius: 100%; text-indent:-9999px;}
.n_shop_best .control button:hover{background-color:#ddd !important;}
.n_shop_best .control button.next{background:#fff url(./../images/next.png) center no-repeat;}
.n_shop_best .control button.prev{background:#fff url(./../images/prev.png) center no-repeat;}
.n_shop_best .control .more-view{}
.n_shop_best .control .more-view a{transition:ease all .5s; background:#31373a url(./../images/more.png) center no-repeat;}
.n_shop_best .control .more-view a:hover{transform:rotate(180deg);}
.n_shop_best .tit_more{display:none;}

@media all and (max-width:1640px) {
	.n_shop_best .container{gap:40px;}
	.n_shop_best .container .tit-box{}
	.n_shop_best .content-box{padding: 0 10px 20px 10px;}
}

@media all and (max-width:1300px) {
	.n_shop_best .selec-tit > ul > li .tab-contents ul{grid-template-columns: 1fr 1fr 1fr; gap:25px;}
	.n_shop_best .selec-tit > ul > li .tab-contents ul > li:nth-child(n + 4){display:none;}
}

@media all and (max-width:1000px) {
	.n_shop_best .control{top: -90px; right: 0; gap:3px;}
	.n_shop_best .control .control_inner{gap:3px;}
	.n_shop_best .container .tit-box > p{font-size:30px;line-height: 1.2;}
	.n_shop_best .tit-box span{font-size:15px;}
	.n_shop_best .container{display:block;}
	.n_shop_best .container .tit-box{width:100%;margin-bottom:30px;text-align: left;}
	.n_shop_best .selec-tit > ul > li .tab-contents ul{grid-template-columns: 1fr 1fr;gap: 5px;overflow: hidden;flex-wrap: nowrap;}
	.n_shop_best .content-box .top-text-box .tit{font-size:17px;}
	.n_shop_best .under-box .tag-box ul li .in p{font-size:13px;}
	.n_shop_best .content-box .top-text-box .money-box .color{font-size:16px;}
	.n_shop_best .content-box .top-text-box .money-box span + span{font-size:11px;}
	.n_shop_best .content-box .item-box{padding:10px;}
	.n_shop_best .under-box{margin:10px 0;padding: 0; height:25px}
	.n_shop_best .shop-list{bottom:0;}
}

@media all and (max-width:767px) {
	.n_shop_best .selec-tit > ul{justify-content: center;}
	.n_shop_best .selec-tit .goods-tab > a{font-size: 15px;padding: 10px 25px;}
	.n_shop_best .content-box .img-box{}
	.n_shop_best .selec-tit > ul > li > .tab-contents > ul > li:nth-child(n + 3){display:none;}
	.n_shop_best .shop-list > ul > li > a{padding: 5px 0;}
	.n_shop_best .shop-list > ul > li > a span{position: absolute; height: 0; overflow: hidden;}
	.n_shop_best .control{top: -75px;}
	.n_shop_best .control .more-view a{width: 30px;height: 30px;background-size: 10px;}
	.n_shop_best .control button{width: 30px;height: 30px;background-size: 8px !important;}
	.n_shop_best .content-box .top-text-box .money-box{font-size: 22px;flex-direction: column;align-items: baseline;}
	.n_shop_best .content-box .top-text-box{padding:0;}
}
