.store {background-color: #FAFAFA;}
.store .store-tit {padding: 30px 20px;}
.store .store-tit h2 {font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.store .store-tit h2 b {color: #42a468;}
.go-ai {padding: 14px 15px; background-color: #42a468; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; }
.go-ai p {color: #fff; font-size: 14px; font-weight: 700;}
.go-ai i {color: #fff;}
.store-cate {background-color: #fff; border-radius: 15px 15px 0 0; box-shadow: 0 -4px 4px rgba(0, 0, 0, .03); padding: 25px 20px 90px 20px;}
.store-cate ul {display: flex; flex-wrap: wrap; row-gap: 15px; column-gap: 15px;}
.store-cate ul li {width: calc((100% - 15px) / 2); border-radius: 10px; position: relative; padding: 15px; height: 155px; overflow: hidden;}
.store-cate ul li:nth-child(1) {background-color: #F0F8F3; box-shadow: 2px 2px 5px #c9d5ce7d;}
.store-cate ul li:nth-child(2) {background-color: #F2F5FC;  box-shadow: 2px 2px 5px #d3d6df99;}
.store-cate ul li:nth-child(3) {background-color: #FEF3F3; box-shadow: 2px 2px 5px #dfd3d38a;}
.store-cate ul li:nth-child(4) {background-color: #FFFDF1; box-shadow: 2px 2px 5px #ebeae17a;}
.store-cate ul li em {position: absolute; bottom: 0; right: 0; width: 69%;}
.store-cate ul li span {font-size: 14px; color: #777;}
.store-cate ul li p {font-size: 18px; color: #333; font-weight: bold; margin-top: -2px;}


/* 스토어 디테일 페이지 */

.store-de > div {border-bottom: 9px solid #f5f5f5;}
.best-wrap .pro-img {position: relative;}
.best-wrap .pro-img em {position: absolute; top: 0; left: 0; background-color: #FF4C34; width: 30px; height: 30px; border-radius: 5px 0 5px 0; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 900;}
.product-wrap .pro-con-wrap {display: flex; flex-wrap: wrap; column-gap: 15px; row-gap: 22px;}
.product-wrap .pro-con-wrap > div {width: calc((100% - 15px) / 2); }
.product-wrap .pro-con-wrap > div .pro-img {height: 148px; aspect-ratio: auto;}
.pro-info h3 {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; text-align: left;}

/* 상품 디테일 페이지 */
.detail-info .detail-pro-img {position: relative;}
.detail-info .detail-pro-img span {position: absolute; padding: 5px 12px; border-radius: 20px; background-color: rgba(0, 0, 0, .5); color: #fff; font-size: 12px; bottom: 20px; left: 20px;}
.detail-info .pro-info {padding: 20px; border-bottom: 9px solid #f5f5f5; margin-top: 0;}
.detail-info .pro-info p {font-size: 18px;}

.tab {width: 100%; border-bottom: 1px solid #eee; padding: 0 20px; position: sticky; left: 0; top: 58px; background-color: #fff; z-index: 5;}
.tab ul {display: flex;}
.tab ul li {width: 33.33%; text-align: center; padding: 15px 0; font-size: 14px; font-weight: 600;}
.tab ul li.on {font-weight: 900; border-bottom: 2px solid #333;}

.detail-sec {padding: 30px 20px;}
.detail-sec h4 {font-size: 20px; font-weight: bold; margin-bottom: 15px; display: flex; align-items: center; gap: 5px;}
.detail-sec h4 span {font-weight: 900; color: #42a468;}
.detail-sec > p {margin-top: -8px; font-size: 16px; font-weight: 600; color: #444;}
.detail-sec > p > b {color: #42a468;}
.review-wrap {display: flex; flex-direction: column;}
.review-wrap > div:last-child {border: none; padding-bottom: 0;}
.review-wrap .re-info {padding: 30px 0; border-bottom: 1px solid #eee;}
.review-name {display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.review-name > div {display: flex; align-items: center; gap: 5px;}
.review-name > div .stars {display: flex; align-items: center; gap: 3px;}
.review-name > div .stars img {width: 10px;}
.review-name span {font-size: 12px; color: #999;}
.review-txt p {font-size: 14px; color: #555;}
.re-info > em {font-size: 12px; font-weight: 888; color: #999; margin-bottom: 10px;}
.re-info > em.complete {color: #42a468;}

.inquiry {display: flex; flex-direction: column; gap: 15px;}
.inquiry > div {display: flex; align-items: flex-start; gap: 10px;}
.inquiry > div span {font-weight: 800; font-size: 14px; color: #42a468;}
.inquiry > div span.anw {color: #F84A3A;}
.inquiry > div p {font-size: 14px; font-weight: 400; color: #333;}
.inquiry-btn {width: 100%; height: 45px; margin-top: 30px;}


/* 장바구니 */
.cart-tit {display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; background-color: #f9f9f9;}
.cart-tit > p {font-size: 12px; color: #555;}
.cart-tit .chk-wrap .label-wrap {display: flex; align-items: center; gap: 5px;}
.label-wrap label {background: url(../img/chk.png) no-repeat center/cover; width: 17px; height: 17px; display: inline-block;}
.label-wrap input:checked + label {background: url(../img/chked2.png) no-repeat center/cover; width: 17px; height: 17px;  display: inline-block;}
.label-wrap > div {display: flex;}
.label-wrap > div .total {display: flex;}

.cart-pro .label-wrap {margin-bottom: 5px;}
.cart-pro {width: 100%; padding: 12px 0; border-bottom: 1px solid #eee; position: relative;}
.cart-pro:last-child {border: none;}
.cart-con {padding: 10px 20px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px;}
.cart-pro-info {display: flex; align-items: flex-start; justify-content: space-between;}
.cart-pro-info .cr-img {display: flex; align-items: flex-start; gap: 10px;}
.cart-pro-info .cr-img em {width: 60px; height: 60px; border-radius: 5px; overflow: hidden;}
.cart-pro-info .cr-img p {font-size: 15px; font-weight: 600;}
.cart-pro-info i {font-size: 18px; font-weight: 500; position: absolute; top: 11px; right: 0;}

.cart-pro-pri {display: flex; align-items: center; justify-content: space-between; padding: 7px 0; margin-top: 15px;}
.cart-pro-pri .pro-price {font-size: 16px; font-weight: 900;}
.pro-num {padding: 8px 12px; border: 1px solid #eee; border-radius: 2px; display: flex; align-items: center; justify-content: space-around; gap: 25px;}
.pro-num span {width: 15px;}

.total-pri {padding: 15px 20px;}
.total-pri h4 {font-size: 15px; font-weight: bold; color: #333;}
.total-pri ul {display: flex; flex-direction: column; gap: 10px; padding: 15px 0; border-bottom: 1px solid #eee;}
.total-pri ul li {display: flex; align-items: center; justify-content: space-between;}
.total-pri ul li p {font-size: 12px; font-weight: 600;}
.total-pri ul li span {font-size: 12px; font-weight: 600;}
.total-pri ul.total-pri-wrap {border-bottom: none; padding-bottom: 0;}
.total-pri ul.total-pri-wrap p {font-size: 14px; font-weight: bold;}
.total-pri ul.total-pri-wrap span {font-size: 16px; font-weight: 900; }

/* 문의내용 */
.wr-inquiry {display: flex; flex-direction: column; gap: 15px;}
.wr-inquiry h2 {font-size: 20px; font-weight: 700; margin-bottom: 5px;}
.wr-inquiry textarea {border: 1px solid #ddd; border-radius: 15px; height: 150px; font-size: 15px;}
.wr-inquiry textarea::placeholder { color: #aaa; font-weight: 300; font-family: inherit;}
.in-wrap {display: flex; flex-direction: column; gap: 5px;}
.in-wrap p {font-weight: 700; color: #444;}

.store-de {overflow-x: hidden;}