.shop_all{max-width:1640px; margin:0 auto; padding:0 20px;}
.shop_all .container{}
.shop_all .container .tit-box > p {font-size: 50px; line-height: 1.1;margin-bottom: 50px;font-weight: 700;text-align: center;}

.shop_all .selec-tit{}
.shop_all .selec-tit > ul{position: relative;padding-bottom: 530px;display: flex;align-items: center;justify-content: center;gap:10px;}
.shop_all .selec-tit > ul > li .tab-contents{display:none;width: 100%;position: absolute;left: 0;bottom: 0;}
.shop_all .selec-tit > ul > li.on .tab-contents{display:block;}
.shop_all .selec-tit .goods-tab{width:100%;}
.shop_all .selec-tit .goods-tab > a{transition:ease all .5s; display:block;text-align: center;border: 1px solid #ddd;padding: 10px 0;}
.shop_all .selec-tit > ul > li .tab-contents ul{grid-template-columns: 1fr 1fr 1fr 1fr;}
.shop_all .selec-tit li > a:hover,
.shop_all .selec-tit .on > a{background:#005bac;}
.shop_all .selec-tit li > a:hover > p,
.shop_all .selec-tit .on > a > p{color:#fff;}

/* item - list */
.shop_all .container .content-inner{width: 100%;}
.shop_all .container .tab-contents > ul{display: grid;grid-template-columns: 1fr 1fr;gap: 30px;}
.shop_all .container .tab-contents > ul > li{position: relative;width: 100%;}
.shop_all .content-box .img-box{position: relative;overflow: hidden;width: 100%;}
.shop_all .content-box .img-box a img{transition:ease all .5s; width: 100%;}
.shop_all .content-box .img-box a:hover img{transform:scale(1.2);}
.shop_all .content-box .item-box{padding: 0 15px;}
.shop_all .content-box .top-text-box{margin-top: 25px;}
.shop_all .content-box .top-text-box .tit{color: #000;font-size: 19px;font-weight: 700;line-height: 1.4;margin-bottom: 10px;}
.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;}

/* sold-out */
.shop_all .content-inner > ul > li .img-box > a{position: relative; display: block; width:100%; height: 100%;}
.shop_all .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%;  }
.shop_all .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;}
.shop_all .sold-out > .out-tit{display: table-cell; vertical-align: middle;}

.shop_all .out-tit > p{font-size: 30px; font-family: "Dream Bold"; line-height: 50px; letter-spacing: -.05em; color: #fff;}
.shop_all .out-tit > span{font-size: 15px; font-family: "Dream Medium"; letter-spacing: -.05em; color: #fff;}

/* 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: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 {width: 300px; border: 1px solid #6a6a6a; text-align: center; 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{width:250px;}
	.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;}
}

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