/* shop css */
.nh_shop{max-width: 1640px; padding: 120px 20px 0; margin: 0 auto;}
.nh_shop .container{display: flex;gap:100px;padding-bottom: 75px;}

/* tit */
.nh_shop .container .tit-box{width: 700px;flex-shrink: 0;}
.nh_shop .container .tit-box > p{font-size: 50px;line-height: 1.1;margin-bottom: 50px;font-family: 'Dream Bold';}
.nh_shop .container .tit-box > p span{color:#fcc800;}
.nh_shop .container .tit-box > p span.c_1{color:#fcc800;}
.nh_shop .container .tit-box > p span.c_2{color:#1fb25a;}

/* first - item */
.nh_shop .container .tit-box .first-item{width: 100%;padding: 10px;}
.nh_shop .container .tit-box .first-item .content-box{}
.nh_shop .container .tit-box .first-item .content-box .img-box{}
.nh_shop .container .tit-box .first-item .content-box .img-box img{height:650px;}
.nh_shop .container .tit-box .first-item .content-box .item-box{padding: 20px 50px;box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.nh_shop .container .tit-box .first-item .content-box .top-text-box{margin: 0;}
.nh_shop .container .tit-box .first-item .top-text-box .money-box .color{font-size: 38px;}
.nh_shop .container .tit-box .first-item .under-box{margin: 10px 0;}
.nh_shop .container .tit-box .first-item .content-box .top-text-box .money-box span + span{font-size:24px;}
.nh_shop .container .tit-box .first-item .under-box .tag-box ul li .in p{font-size:18px;}

/* item - list */
.nh_shop .container .content-inner{width: 100%;}
.nh_shop .container .tab-contents > ul{display: grid;grid-template-columns: 1fr 1fr;gap: 30px; margin-bottom:100px;}
.nh_shop .container .tab-contents > ul > li{position: relative;width: 100%;}
.nh_shop .container .tab-contents > ul > li:nth-child(1){display:none;}
.nh_shop .content-box .img-box{position: relative;overflow: hidden;width: 100%;}
.nh_shop .content-box .img-box a img{transition:ease all .5s; width: 100%;}
.nh_shop .content-box:hover .img-box a img{transform:scale(1.2)}
.nh_shop .content-box .item-box{padding: 0 15px;}
.nh_shop .content-box .top-text-box{margin-top: 25px;}
.nh_shop .content-box .top-text-box .tit{color: #000;font-size: 19px;font-family: 'Dream Medium';line-height: 1.4;margin-bottom: 10px;}
.nh_shop .content-box .top-text-box .money-box{display: flex;justify-content: space-between; color: #a1a1a1; line-height: 1.4; align-items: center;}
.nh_shop .content-box .top-text-box .money-box .color{font-size:26px;color:#d90000;letter-spacing:-2px;font-family: 'Dream Bold';}
.nh_shop .content-box .top-text-box .money-box span + span{font-size: 17px;text-decoration: line-through;}

/* item - list */
.nh_shop .under-box{margin: 10px 0 20px;}
.nh_shop .under-box .tag-box ul{display: flex;gap:0 5px;flex-wrap: wrap;}
.nh_shop .under-box .tag-box ul li .in p{font-size: 16px; line-height: 1.4; word-break: auto-phrase;font-family: 'Dream Right';color: #333;}

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

/* sold-out */
.nh_shop .content-inner > ul > li .img-box > a{position: relative; display: block; width:100%; height: 100%;}
.nh_shop .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%;  }
.nh_shop .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;}
.nh_shop .sold-out > .out-tit{display: table-cell; vertical-align: middle;}
.nh_shop .out-tit > p{font-size: 30px; font-family: "Dream Bold"; line-height: 50px; letter-spacing: -.05em; color: #fff;}
.nh_shop .out-tit > span{font-size: 15px; font-family: "Dream Medium"; letter-spacing: -.05em; color: #fff;}

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

/* more + */
.nh_shop .tab-contents .more-view{position:absolute;bottom:0;left:50%;margin-left: -150px;}

.more-view {}
.nh_shop .tab-contents .more-view > a{display: inline-block;}
.nh_shop .tab-contents .more-view .more-in {width: 300px; border: 1px solid #6a6a6a; text-align: center; border-radius: 30px;}
.nh_shop .tab-contents .more-view .more-in > p{font-size: 20px; font-family: 'Dream Bold'; color: #000000;  text-align: center; padding: 14px; position: relative;display: flex;align-items: center;justify-content: center;gap: 10px;}
.nh_shop .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;}
.nh_shop .tab-contents .more-view > a:hover .more-in > p::after{transform: rotate(360deg);}

@media all and (max-width:1640px) {
	.nh_shop .container .tit-box{width: 50%;max-width: 700px;}
}
@media all and (max-width:1400px) {
	.nh_shop .shop-list > ul > li > a > span{position: absolute; height: 0; overflow: hidden;}
}
@media all and (max-width:1300px) {
	.nh_shop{padding-top:60px;}
	.nh_shop .container{gap: 30px;}
	.nh_shop .container .tit-box{width: 50%;}
	.nh_shop .container .tit-box > p{font-size:40px;}
	.nh_shop .container .tit-box .first-item .content-box .img-box{height: 430px;}
	.nh_shop .container .tab-contents > ul{margin-bottom:0;gap: 15px;}
	.nh_shop .tab-contents .more-view{margin-left:-125px;}
	.nh_shop .tab-contents .more-view .more-in{width:250px;}
	.nh_shop .tab-contents .more-view .more-in > p{font-size:16px; padding: 10px;}
}

@media all and (max-width:1000px) {
	.nh_shop .container .tab-contents > ul > li:nth-child(n + 5){display:block;}
	.nh_shop .container .tit-box > p{font-size:30px; margin-bottom:30px;}
	.nh_shop .container{display:block;}
	.nh_shop .container .tit-box{width:100%; margin-bottom:30px; max-width:100%;}
	.nh_shop .container .tab-contents > ul{grid-template-columns: 1fr 1fr; gap:10px;}
	.nh_shop .container .tit-box .first-item .content-box .item-box{padding:20px 30px;}
	.nh_shop .content-box .top-text-box .tit{font-size:17px;}
	.nh_shop .container .tit-box .first-item .top-text-box .money-box .color{font-size:26px;}
	.nh_shop .container .tit-box .first-item .content-box .top-text-box .money-box span + span{font-size:16px;}
	.nh_shop .under-box .tag-box ul li .in p{font-size:13px;}
	.nh_shop .content-box .top-text-box .money-box .color{font-size:16px;}
	.nh_shop .content-box .top-text-box .money-box span + span{font-size:11px;}
	.nh_shop .content-box .item-box{padding:10px;}
	.nh_shop .under-box{margin:10px 0}
	.nh_shop .container .tit-box .first-item .content-box .img-box img{height:100%; object-fit: cover;}
	.nh_shop .tab-contents .more-view{text-align: center;}
	.nh_shop .shop-list{bottom:0 !important;}
}

@media all and (max-width:767px) {
	.nh_shop .container .tit-box .first-item{padding:0;}
	.nh_shop .container .tit-box .first-item .content-box .img-box{height:420px;}
	.nh_shop .best-list > ul > li > p{width: 45px; height: 45px; font-size: 12px;}
}