.shop_all{max-width:1640px; margin:0 auto; padding:0 20px;}
.shop_all .tit-box{display:none;}

/* item - list */
.shop_all .container .content-inner{width: 100%;}
.shop_all .container .tab-contents > ul{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr; gap: 30px;}
.shop_all .container .tab-contents > ul > li{transition:ease all .5s; position: relative;width: 100%;}
.shop_all .container .tab-contents > ul > li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.shop_all .container .tab-contents > ul > li .c_subject{padding: 20px;}
.shop_all .content-box .img-box{position: relative;overflow: hidden;width: 100%;}
.shop_all .content-box .img-box a img{width: 100%; transition:ease all .5s;}
.shop_all .content-box:hover .img-box a img{transform:scale(1.1);}
.shop_all .content-box .item-box{padding: 0 15px;}
.shop_all .content-box .top-text-box{}
.shop_all .content-box .top-text-box .tit{color: #000;font-size: 19px;font-weight: 700;line-height: 1.4;margin-bottom: 20px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.shop_all .content-box .top-text-box .money-box{display: flex;justify-content: space-between; color: #a1a1a1; line-height: 1.4; align-items: center;}
.shop_all .content-box .top-text-box .money-box .color{font-size:26px;color:#d90000;letter-spacing:-2px;font-weight: 700;}
.shop_all .content-box .top-text-box .money-box span + span{font-size: 17px;text-decoration: line-through;}

/* item - list */
.shop_all .under-box{margin-top: 10px;}
.shop_all .under-box .tag-box ul{display: flex;gap: 5px;flex-wrap: wrap;}
.shop_all .under-box .tag-box ul li .in p{font-size: 16px;word-break: auto-phrase;}

/* best */
.shop_all .best-list{position: absolute; top: 0; padding: 10px;}
.shop_all .best-list > ul{display: flex; justify-content: left; gap:5px;}
.shop_all .best-list > ul > li img{height:100%}
.shop_all .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;}
.shop_all .best-list > ul > li > p.bg01{background: #FF490F;}
.shop_all .best-list  > ul > li > p.bg02{background: #007EFF;}
.shop_all  .best-list > ul > li > p.bg03{background: #497614;}

/* cart - up */
.shop_all .shop-list{position: absolute; bottom: -50%; width: 100%; transition: all 0.3s; z-index: 1;}
.shop_all .content-box:hover .shop-list{bottom: 0;}
.shop_all .shop-list > ul{display: flex; justify-content: space-between; background: rgba(0,0,0,0.5);}
.shop_all .shop-list > ul > li{width: 100%; position: relative;}
.shop_all .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;}
.shop_all .shop-list > ul > li > a:hover{color:#00ce0f;}
.shop_all .shop-list > ul > li > a:before{content: '';width: 24px;height: 19px;transition: all 0.2s;display: block;}
.shop_all .shop-list > ul > li:nth-child(1) a::before{background: url(./../images/bascket-ic.png) no-repeat center center;}
.shop_all .shop-list > ul > li:nth-child(2) a::before{content: ''; background: url(./../images/heart-ic.png) no-repeat center center;}
.shop_all .shop-list > ul > li:nth-child(3) a::before{content: ''; background: url(./../images/search-ic.png) no-repeat center center;}
.shop_all .shop-list > ul > li:nth-child(1):hover a::before{background: url(./../images/bascket-ho-ic.png) no-repeat center center;}
.shop_all .shop-list > ul > li:nth-child(2):hover a::before{background: url(./../images/heart-ho-ic.png) no-repeat center center;}
.shop_all .shop-list > ul > li:nth-child(3):hover a::before{background: url(./../images/search-ho-ic.png) no-repeat center center;}

/* more + */
.shop_all .tab-contents .more-view{margin-top: 50px;text-align: center;}
.shop_all .tab-contents .more-view > a{display: inline-block;}
.shop_all .tab-contents .more-view .more-in {border: 1px solid #6a6a6a; text-align: center; padding:0 30px; border-radius: 30px;}
.shop_all .tab-contents .more-view .more-in > p{font-size: 20px;color: #000000;  text-align: center; padding: 14px; position: relative;display: flex;align-items: center;justify-content: center;gap: 10px;}
.shop_all .tab-contents .more-view .more-in > p::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;}
.shop_all .tab-contents .more-view > a:hover .more-in > p::after{transform: rotate(360deg);}

@media all and (max-width:1640px) {
	.shop_all .container{gap:40px;}
}

@media all and (max-width:1300px) {
	.shop_all .container .tit-box > p{font-size:40px;}
	.shop_all .selec-tit > ul > li .tab-contents ul{grid-template-columns: 1fr 1fr 1fr;}
	.shop_all .tab-contents .more-view .more-in{}
	.shop_all .tab-contents .more-view .more-in > p{font-size:16px; padding: 10px;}
}

@media all and (max-width:1000px) {
	.shop_all .container .tit-box > p{font-size:30px; margin-bottom:30px;}
	.shop_all .container{display:block;}
	.shop_all .container .tit-box{width:100%; margin-bottom:30px;}
	.shop_all .selec-tit > ul > li .tab-contents ul{grid-template-columns: 1fr 1fr; gap:10px;}
	.shop_all .content-box .top-text-box .tit{font-size:17px;}
	.shop_all .under-box .tag-box ul li .in p{font-size:13px;}
	.shop_all .content-box .top-text-box .money-box .color{font-size:16px;}
	.shop_all .content-box .top-text-box .money-box span + span{font-size:11px;}
	.shop_all .content-box .item-box{padding:10px;}
	.shop_all .under-box{margin:10px 0}
	.shop_all .tab-contents .more-view{margin: 50px 0 0; text-align: center;}
	.shop_all .shop-list{bottom:0 !Important;}
}

@media all and (max-width:767px) {
	.shop_all .shop-list > ul > li > a > span {position: absolute;height: 0;overflow: hidden;}
}