.sub-title {display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin-bottom: 2.4rem;}
.sub-title h4 {font-size: 2.4rem; font-weight: 600;}
.sub-title h5 {font-size: 2rem; font-weight: 700;}
.sub-title h6 {font-size: 1.8rem; font-weight: 700;}

/* 하단 버튼 */
.btm-btn {display: flex; justify-content: center; gap: 1rem; margin-top: 3.8rem; text-align: center;}

/* 별점 출력 */
.rating {--max: 5; --percent: calc(var(--rate) / var(--max) * 100%); font-size: 2.4rem; letter-spacing: 1px; display: inline-block; position: relative;}
.rating::before {content: "★★★★★"; background: linear-gradient(90deg, #FFD83D var(--percent), #D9D9D9 var(--percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* 입력 */
.bd-input li {border-bottom: 1px solid var(--col-bd-gray);}
.bd-input > li + li {margin-top: 1.8rem;}
.bd-input li label {display: block; padding: 0 1rem; text-align: left; font-size: 1.5rem;}
.bd-input li input {width: 100%; height: auto; padding: 1rem 0; border-radius: 0;}
@media (max-width: 576px) {
    .bd-input li label {padding: 0;}
}



/*============================================================*/
/* 공통 : 상품(목록) */
/*============================================================*/
.product-list {display: flex; flex-wrap: wrap; gap: 5rem 2rem;}
/*.product-item {width: calc(25% - 1rem);}*/

/* 상품 사진 */
.pd-img {width: 100%; aspect-ratio: 280/269; overflow: hidden;}
.pd-img img {width: 100%; height: 100%; object-fit: cover; transition: var(--trans-25);}
@media (hover: hover) and (pointer: fine) {
    a:hover .pd-img img {transform: scale(1.1);}
}

/* 상품 정보 */
.pd-info {display: flex; flex-direction: column; gap: 0.8rem; margin-top: 5px; padding-top: 5px;}
.pd-info .txt-wrap {display: flex; flex-direction: column; gap: 4px;}
.pd-info .seller {color: var(--col-gray); font-size: 14px;}
.pd-info .name {font-size: 15px; line-height: 1.5; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; word-break: break-all; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pd-info .price-wrap {position: relative; display: grid; grid-template-columns: auto auto auto; justify-content: start; align-items: center; gap: 2px;}
.pd-info .price-wrap .origin {grid-column: 1/4; color: var(--col-gray); text-decoration: line-through;}
.pd-info .price-wrap .rate {color: var(--col-red); font-size: 1.8rem; font-weight: 700;}
.pd-info .price-wrap .price {font-size: 1.8rem; font-weight: 700;}
.pd-info .price-wrap .btn-wish {flex-shrink: 0; position: absolute; bottom: -0.6rem; right: -0.6rem; display: flex; justify-content: center; align-items: center; width: 3.6rem; aspect-ratio: 1; background-image: url("/img/heart_empty.svg"); background-position: center; background-size: 2.4rem; background-repeat: no-repeat; transition: var(--trans-25);}
.pd-info .price-wrap .btn-wish.fill {background-image: url("/img/heart_fill.svg");  background-size: 2.6rem;}
.pd-info .etc-wrap {display: flex; flex-direction: column; gap: 4px;}
.pd-info .badge-wrap {display: flex; flex-wrap: wrap; gap: 4px;}
.pd-info .badge-wrap img {flex-shrink: 0;}
@media (hover: hover) and (pointer: fine) {
    .pd-info a.txt-wrap:hover p {color: var(--col-theme);}
}

@media (max-width: 576px) {
    .pd-info .badge-wrap img {height: 2.3rem;}
}



/*============================================================*/
/* 공통 : 상품 정보(상세) */
/* 주문 내역, 주문 상세 */
/*============================================================*/
.ord-prd {padding: 2rem 4rem; border: 1px solid var(--col-bd-gray);}
.ord-prd + .ord-prd {margin-top: -1px;}

.ord-seller {display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin-bottom: -1px; padding: 1.2rem 1.6rem; border: 1px solid var(--col-bd-gray);}

.ord-prd .state {margin-bottom: 1.2rem; padding: 0; font-size: 1.8rem; font-weight: 600;}
.ord-prd .wrap {display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-end; gap: 2rem;}

/* 주문 건 */
.ord-prd-wrap + .ord-prd-wrap {margin-top: 6rem;}
.ord-prd-wrap .date-wrap {display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding: 2rem 0;}
.ord-prd-wrap .date-wrap p {font-size: 1.8rem;}
.ord-prd-wrap .date-wrap a {display: flex; align-items: center; gap: 0.6rem; font-size: 14px; font-weight: 500;}
.ord-prd-wrap .date-wrap a::after {content: ""; flex-shrink: 0; display: block; width: 1.6rem; aspect-ratio: 1; background: url("/img/icon/angle_b_bk.svg") center/contain no-repeat; transform: rotate(270deg);}

/* 묶음 배송 */
.ord-prd .fee {display: flex; justify-content: space-between; align-items: center; gap: 2rem;}
.ord-prd .fee p {font-weight: 700;}
.ord-prd .fee span {font-size: 14px;}

/* 상품 정보 */
.ord-prd .prd-info {flex-grow: 1; position: relative; display: flex; align-items: flex-start; gap: 1.6rem;}
.ord-prd .prd-info .img {flex-shrink: 0; width: 10rem; aspect-ratio: 1; overflow: hidden;}
.ord-prd .prd-info .img img {width: 100%; height: 100%; object-fit: cover; transition: var(--trans-25);}
.ord-prd .prd-info .name {font-size: 1.8rem; font-weight: 500; word-break: break-all;}
.ord-prd .prd-info .option {display: flex; gap: 0.4rem; margin-top: 4px; color: var(--col-darkgray); font-size: 14px; word-break: break-all;}
.ord-prd .prd-info .option dt {flex-shrink: 0;}
.ord-prd .prd-info .shipping {margin-top: 0.4rem; color: var(--col-gray); font-size: 14px;}
.ord-prd .prd-info .price-wrap {margin-top: 1rem;}
.ord-prd .prd-info .price-wrap .origin {color: var(--col-gray); font-size: 13px; text-decoration: line-through;}
.ord-prd .prd-info .price-wrap .price {font-weight: 500;}
.ord-prd .prd-info .price-wrap .quantity {position: relative; margin-left: 1rem; padding-left: 1rem;}
.ord-prd .prd-info .price-wrap .quantity::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 12px; background: var(--col-bd-gray);}
.ord-prd .prd-info .discount-wrap {display: flex; align-items: center; gap: 3px; margin-top: 1.6rem;}
.ord-prd .prd-info .discount-wrap span {padding: 4px 8px; background: #F6F6F6; font-size: 14px; font-weight: 600;}
.ord-prd .prd-info .btn-tracking {display: inline-block; margin-top: 1rem; padding: .3rem .5rem; font-size: 14px; font-weight: 500;}

/* 사유 */
.ord-prd .reason-box {margin-top: 1rem; padding: 1.2rem 1rem; background: #FEEFEF; color: var(--col-gray); font-size: 14px; word-break: break-all;}
.ord-prd .reason-box b {color: var(--col-bk);}

/* 버튼 */
.ord-prd .btn-area {flex-shrink: 0; display: flex; gap: 0.8rem;}
.ord-prd .btn-review::before {content: ""; display: block; width: 2rem; aspect-ratio: 1; background: url("/img/point.png") center/contain no-repeat;}

@media (max-width: 768px) {
    .ord-prd {padding: 2rem;}

    /* 버튼 */
    .ord-prd .btn-area {flex-wrap: wrap; justify-content: flex-end; width: 100%;}
}
@media (max-width: 576px) {
    /* 상품 정보 */
    .ord-prd .prd-info {flex-direction: column;}
}



/*============================================================*/
/* 상품 목록 : 카테고리 */
/*============================================================*/
/* 카테고리 */
.category { padding: 3.2rem 0 4.3rem;}

/* 1차 */
.dp-wrap.dp1 .menu {display: flex; white-space: nowrap; overflow-x: auto;}
.dp-wrap.dp1 .menu::-webkit-scrollbar {display: none;}
.dp-wrap.dp1 .menu button,
.dp-wrap.dp1 .menu a {flex: 0 0 auto; padding: 1.6rem 2rem; border-bottom-width: 1px; border-style: solid; border-color: transparent; color: #444; font-size: 1.8rem; line-height: 1;}
.dp-wrap.dp1 .menu button.active,
.dp-wrap.dp1 .menu a.active {font-weight: 700; border-color: var(--col-bk);}

/* 2차 */
.dp-wrap.dp2 .menu {display: flex; white-space: nowrap; overflow-x: auto; gap: 0.8rem;}
.dp-wrap.dp2 .menu::-webkit-scrollbar {display: none;}
.dp-wrap.dp2 .menu button,
.dp-wrap.dp2 .menu a {padding: 0.8rem 1.6rem; background: #F3F3F3; border-radius: 10rem; color: #444;}
.dp-wrap.dp2 .menu button.active,
.dp-wrap.dp2 .menu a.active {background: var(--col-bk); color: #fff;}

/* 모바일 */
body.no-scroll {overflow: hidden; touch-action: none;}
.dp-wrap {position: relative;}
.dp-wrap .btn-toggle {display: none; position: absolute; top: 2.4rem; right: 0; transform: translateY(-50%); width: 3rem; aspect-ratio: 1; border: 1px solid var(--col-bd-gray); border-radius: 0.4rem; background: #fff url("/img/icon/accordion_gray.svg") center/45% no-repeat;}
.dp-wrap .mobile-wrap {max-height: 0; overflow: hidden; position: absolute; top: 0; left: -1rem; right: -1rem; background: #F6F6F6; overflow: hidden auto;}
.dp-wrap .mobile-wrap .menu {display: flex; flex-wrap: wrap; gap: 1rem;}
.dp-wrap .mobile-wrap .menu .title {width: 100%; font-size: 1.5rem; font-weight: 700;}
.dp-wrap .mobile-wrap .menu button {flex: 0 0 auto; width: calc(33.33% - 0.7rem);}

.dp-wrap.open .btn-toggle {transform: rotate(180deg) translateY(50%); z-index: 2;}
.dp-wrap.open .mobile-wrap {max-height: 230px; padding: 2rem 1rem 1rem; z-index: 1;}

/* 모바일 1차 */
.dp-wrap.dp1 .mobile-wrap .menu button {background: #fff; border: 1px solid var(--col-bd-gray); font-size: 1.6rem;}
.dp-wrap.dp1 .mobile-wrap .menu button.active {border: 1px solid var(--col-bk);}

/* 모바일 2차 */
.dp-wrap.dp2 .btn-toggle {top: 1.8rem;}
.dp-wrap.dp2 .mobile-wrap .menu button:not(.active) {background: #fff;}

@media (max-width: 576px) {
    .category {padding: 0 0 4.3rem;}
    .dp-wrap.dp1 .menu button,
    .dp-wrap.dp1 .menu a {padding: 1.2rem;}
    .dp-wrap .btn-toggle{display: block;}
}



/*============================================================*/
/* 상품 목록, 관심 상품 */
/*============================================================*/
.productListPage .product-item,
.likePage .product-item {width: calc(25% - 1.5rem);}
.productListPage .pd-img,
.likePage .pd-img {aspect-ratio: 303/269;}
@media (max-width: 768px) {
    .productListPage .product-item,
    .likePage .product-item {width: calc(50% - 1.5rem);}
}



/*============================================================*/
/* 상품 상세 : 썸네일 슬라이드 */
/*============================================================*/
/* 상단 슬라이드 */
.big-swiper {position: relative; overflow: hidden;}
.big-swiper .swiper-slide {aspect-ratio: 280/269; overflow: hidden;}
.big-swiper .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.big-swiper .fraction {position: absolute; bottom: 1.6rem; right: 1.4rem; padding: 7px 10px; background: rgba(0,0,0,0.4); border-radius: 20px; color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1; z-index: 1;}
.big-swiper .fraction strong {color: #fff;}

/* 하단 슬라이드 */
.thumb-swiper-container {width: 100%; max-width: 26rem; margin: 1.6rem auto 0;}
.thumb-swiper .swiper-slide {position: relative; border-width: 1px; border-style: solid; border-color: var(--col-bd-gray); border-radius: 0.4rem; cursor: pointer;}
.thumb-swiper .swiper-slide::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.4);}
.thumb-swiper .swiper-slide {aspect-ratio: 1; overflow: hidden;}
.thumb-swiper .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}

.thumb-swiper .swiper-slide-thumb-active {border-color: var(--col-theme);}
.thumb-swiper .swiper-slide-thumb-active::after {display: none;}



/*============================================================*/
/* 상품 상세 : 상단 정보, 장바구니 */
/*============================================================*/
.pd-view {display: flex; gap: 0 10rem; padding: 3rem 0 4rem; border-bottom: 1px solid #E8ECEF;}
.pd-view .view-img {position: relative; width: 45%;}
.pd-view .view-img::before {content: ""; position: absolute; top: -3rem; bottom: -4rem; right: -5rem; width: 1px; background: #E8ECEF;}
.pd-view .view-info {width: 55%;}
.pd-view .view-info-item {padding: 2.8rem 0; border-bottom: 1px solid #E8ECEF;}
.pd-view .view-info-item.last {padding: 0; border-bottom: 0;}

/* 정보 */
.view-info-item.prd .txt-wrap {display: flex; flex-direction: column; gap: 0.6rem;}
.view-info-item.prd .txt-wrap .seller {color: var(--col-gray); font-size: 14px;}
.view-info-item.prd .txt-wrap .name {font-size: 2rem; line-height: 1.4; word-break: break-all;}
.view-info-item.prd .price-wrap {display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; width: 100%; margin-top: 1.4rem; line-height: 1;}
.view-info-item.prd .price-wrap .left {display: flex; flex-direction: column; gap: 0.4rem;}
.view-info-item.prd .price-wrap .origin {color: #949494; font-size: 1.8rem; text-decoration: line-through;}
.view-info-item.prd .price-wrap .rate {color: var(--col-red); font-size: 2.4rem; font-weight: 700;}
.view-info-item.prd .price-wrap .price {color: var(--col-red); font-size: 2rem;}
.view-info-item.prd .price-wrap .price strong {font-size: 160%;}
.view-info-item.prd .price-wrap .btn-coupon {position: relative; display: inline-flex; justify-content: center; align-items: center; gap: 2px; text-align: center; height: 3.5rem; padding: 0 1rem; background: #FCEBEE; border: 1px solid #F4BCC5; color: var(--col-red); font-size: 14px; font-weight: 600; overflow: hidden;}
.view-info-item.prd .price-wrap .btn-coupon::before {content: ""; display: block; width: 1.6rem; aspect-ratio: 16/11; background: url('/img/coupon.png') center/contain no-repeat;}

/* 혜택 */
.view-info-item .benefit {display: flex; gap: 3.8rem;}
.view-info-item .benefit + .benefit {margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid #E8ECEF;}
.view-info-item .benefit dt {color: var(--col-gray); font-size: 14px;}
.view-info-item .benefit dd {font-size: 1.5rem;}
.view-info-item .benefit dd p {display: flex; flex-wrap: wrap;}
.view-info-item .benefit .oneday {gap: 0.8rem;}
.view-info-item .benefit .oneday b {display: inline-flex; gap: 2px;}
.view-info-item .benefit .oneday b::before {content: ""; width: 1.6rem; aspect-ratio: 1; background: url("/img/lightning.png") center/contain no-repeat;}
.view-info-item .benefit .free {align-items: center; gap: .6rem; margin-top: 0.6rem;}
.view-info-item .benefit .bundle {padding: 0.3rem 0.9rem 0.2rem; background: #1D1D1D; color: #fff; font-size: 13px;}

/* 옵션 선택 */
.view-info-item .choice-option {display: block;}
.view-info-item .choice-option + .choice-option {margin-top: 1.4rem;}
.view-info-item .choice-option span {display: block; width: 100%; margin-bottom: 0.8rem; font-size: 1.5rem;}
.view-info-item .choice-option .select {width: 100%;}
.view-info-item .choice-option .select select {height: 4.4rem;}
.view-info-item .choice-option input {height: 4.4rem; border: 1px solid var(--col-bd-gray);}

/* 옵션 */
.choose-option:first-of-type {margin-top: 2.6rem;}
.choose-option {margin-top: 1.6rem; padding: 1.4rem 1.6rem; background: #F9F9F9; border: 1px solid #D3DADF;}
.choose-option .txt-wrap {position: relative; display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-right: -1rem;}
.choose-option .txt-wrap .name {padding-right: 4rem; font-size: 1.5rem; font-weight: 500;}
.choose-option .txt-wrap .max {margin-top: 5px; color: var(--col-gray); font-size: 14px;}
.choose-option .txt-wrap .btn-delete {position: absolute; top: -1rem; right: 0; width: 3.6rem; aspect-ratio: 1; background: url("/img/icon/close_gray.svg") center/12px no-repeat;}

/* 수량 */
.choose-option .price-wrap {display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 1rem;}
.choose-option .price-wrap p {width: 100%; text-align: right; font-weight: 700;}
.qty-wrap {display: inline-flex; align-items: center; border: 1px solid var(--col-bd-gray); height: 34px;}
.qty-wrap .btn {height: 100%; aspect-ratio: 1; background-position: center; background-size: 14px; background-repeat: no-repeat;}
.qty-wrap .btn.minus {background-image: url("/img/minus_gray.svg")}
.qty-wrap .btn.plus {background-image: url("/img/plus_gray.svg")}
.qty-wrap .btn:active {background: #eee;}
.qty-wrap .qty-input {width: 40px; height: 100%; padding: 0; text-align: center; font-size: 1.5rem; font-weight: 600;}

/* 결제 금액 */
.view-info-item.last dl {display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding: 3.2rem 1rem;}
.view-info-item.last dt {font-size: 1.8rem; font-weight: 700;}
.view-info-item.last dd {font-size: 2.4rem; font-weight: 700;}

/* 주문 버튼 */
.view-info-btn {display: flex; height: 4.8rem; margin-left: 3px;}
.view-info-btn .btn-wish {flex-shrink: 0; height: 100%; aspect-ratio: 1; margin-left: -1px; border: 1px solid var(--col-theme); background-color: #fff; background-image: url("/img/heart_empty.svg"); background-position: center; background-size: 2.4rem; background-repeat: no-repeat;}
.view-info-btn .btn-wish.fill {background-color: #fff; background-image: url("/img/heart_fill.svg");  background-size: 2.6rem;}
.view-info-btn .btn-share {flex-shrink: 0; height: 100%; aspect-ratio: 1; margin-left: -1px; background-color: #fff; border: 1px solid var(--col-theme); background: url("/img/icon/share_bk.svg") center/16px no-repeat;}
.view-info-btn .btn-cart {flex-shrink: 0; width: 40%; height: 100%; margin-left: -1px; background-color: #fff; border: 1px solid var(--col-theme); font-weight: 700;}
.view-info-btn .btn-buy {flex-grow: 1; border: 1px solid var(--col-theme); background: var(--col-theme); color: #fff;}

.view-info-btn.soldout span {display: flex; justify-content: center; align-items: center;}
.view-info-btn.soldout .btn-cart {border-color: #DFDFDF; color: #DFDFDF;}
.view-info-btn.soldout .btn-buy {border-color: #DFDFDF; background: #DFDFDF; color: #A3A3A3;}

/* 모바일 하단 상품 정보 */
.mobile-info {display: none; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-height: 80dvh; padding: 1.6rem 1.6rem; background: #fff; border: 1px solid var(--col-theme); z-index: 2;}
.mobile-info .wrap {display: none; height: 450px; overflow-x: hidden; overflow-y: auto;}
.mobile-info .view-info-item.last dl {padding: 1.2rem 1rem;}

.mobile-info .btn-option {position: absolute; top: -4.3rem; right: 0; display: inline-flex; justify-content: center; align-items: center; gap: 1rem; width: 36%; height: 4.2rem; background: var(--col-theme); color: #fff; font-size: 1.5rem; font-weight: 600;}
.mobile-info .btn-option::after {content: ""; display: block; width: 2rem; aspect-ratio: 1; background: url("/img/icon/angle_b_wt.svg") center/contain no-repeat; transform: rotate(180deg);}
.mobile-info.open .wrap {display: block;}
.mobile-info.open .btn-option::after {transform: rotate(0deg);}

@media (max-width: 1320px) {
    .pd-view {gap: 0 4rem;}
    .pd-view .view-img::before {right: -2rem;}
}
@media (max-width: 992px) {
    .pd-view {flex-direction: column; align-items: center; gap: 1.8rem; padding: 0 0 2.5rem; border: 0;}
    .pd-view .view-img {width: 100%; max-width: 583px;}
    .pd-view .view-img::before {display: none;}
    .pd-view .view-info {width: 100%;}
    .view-info .view-info-item.option,
    .view-info .view-info-item.last,
    .view-info .view-info-btn {display: none;}

    .mobile-info {display: block;}
}
@media (max-width: 576px) {
    .pd-view {padding: 0 0 1.6rem;}
    .pd-view .view-info-item {padding: 1.6rem 0;}
    .view-info-item .benefit + .benefit {margin-top: 1.6rem; padding-top: 1.6rem;}
}



/*============================================================*/
/* 상품 상세 : 묶음 상품 */
/*============================================================*/
.prd-bundle {position: relative; padding: 5rem 4.4rem;}
.prd-bundle .swiper-slide {display: flex; flex-direction: column; justify-content: space-between; gap: 1.2rem; height: auto;}
.prd-bundle .pd-img {aspect-ratio: 223/200;}
.prd-bundle .btn-cart {display: flex; justify-content: center; align-items: center; gap: 5px; width: 100%; height: 3.2rem; border: 1px solid var(--col-bd-gray); font-size: 1.5rem;}
.prd-bundle .btn-cart::before {content: ""; display: block; width: 2rem; aspect-ratio: 1; background: url("/img/icon/basket.png") center/contain no-repeat;}

.prd-bundle .swiper-next,
.prd-bundle .swiper-prev {position: absolute; top: 50%; transform: translateY(-50%); width: 3.6rem; height: 12rem; background-image: url("/img/icon/slide_angle_gray.svg"); background-position: center; background-size: 13px; background-repeat: no-repeat; border-radius: 0.6rem; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 1; transition: var(--trans-25);}
.prd-bundle .swiper-next {right: 0;}
.prd-bundle .swiper-prev {left: 0; transform: rotate(180deg) translateY(50%);}

@media (max-width: 768px) {
    .prd-bundle {padding: 5rem 0;}
    .prd-bundle .swiper-next,
    .prd-bundle .swiper-prev {display: none;}
}



/*============================================================*/
/* 상품 상세 : 탭 */
/*============================================================*/
.productViewPage .tab-menu {border-top: 1px solid var(--col-bd-gray);}
.productViewPage .tab-btn {padding: 1.35rem 1rem; background: #F6F6F6; font-size: 1.5rem;}
.productViewPage .tab-content {padding-top: 5rem;}

/* 상품 상세 */
.prd-view-detail {width: 100%; max-width: 84rem; margin: 0 auto;}
.prd-view-detail .essential dl {display: flex; gap: 2rem; padding: 6px 1.5rem; border-bottom: 1px solid var(--col-bd-gray);}
.prd-view-detail .essential dt {flex-shrink: 0; width: 30%; color: var(--col-darkgray); font-size: 14px;}
.prd-view-detail .essential dd {flex-grow: 1; font-size: 1.5rem; font-weight: 500;}
@media (max-width: 576px) {
    .prd-view-detail .essential dl {padding: 6px 0;}
    .prd-view-detail .essential dt {width: 40%;}
}

/* 리뷰 */
.review-total {padding-bottom: 1.6rem; border-bottom: 1px solid var(--col-bd-gray);}
.review-total .title > div {display: flex; align-items: center; gap: 1rem; font-size: 1.8rem; font-weight: 700;}
.review-total .title > div span {display: inline-block; padding: 0.5rem .8rem; border-radius: 10rem; background: var(--col-theme); color: #fff; font-size: 14px; font-weight: 700; line-height: 1;}
.review-total .title > p {margin-top: 0.8rem; color: var(--col-darkgray); font-size: 14px;}
.review-total .avg {display: flex; align-items: center; gap: 1rem; margin-top: 1rem;}
.review-total .avg .rating {font-size: 3rem;}
.review-total .avg p {font-size: 2.4rem; font-weight: 600;}

/* 이용 안내 */
.info-wrap li + li {margin-top: 5rem;}
.prd-view-info dl {display: flex; gap: 2rem; padding: 1rem 1.5rem; border-bottom: 1px solid var(--col-bd-gray);}
.prd-view-info dt {flex-shrink: 0; width: 30%; color: var(--col-darkgray); font-size: 14px;}
.prd-view-info dd {flex-grow: 1; font-size: 1.5rem; font-weight: 500;}
@media (max-width: 576px) {
    .prd-view-info dl {padding: 6px 0;}
    .prd-view-info dt {width: 40%;}
}



/*============================================================*/
/* 리뷰 목록 : 상품 상세, 마이페이지 */
/*============================================================*/
.review-item {padding: 2.6rem 4.2rem; border-bottom: 1px solid var(--col-bd-gray);}
.review-item.empty {display: flex; justify-content: center; align-items: center; min-height: 20rem; text-align: center;}

.review-item .report {display: inline-block; margin-bottom: 1rem; padding: 0.5rem 1.4rem; font-size: 13px; font-weight: 600;}
.review-item .doing {background: #FFEBE5; color: #DB5D19;}
.review-item .done {background: #FFE5E5; color: #DB1919;}

.review-item .top {display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem;}
.review-item .top .user {font-size: 1.5rem;}
.review-item .top .product .name {font-size: 1.8rem; font-weight: 700;}
.review-item .top .product .option {margin-top: 0.8rem; color: var(--col-darkgray); font-size: 14px;}
.review-item .top .date {flex-shrink: 0; font-size: 14px;}

.review-item .mid .rating {margin-bottom: 1.5rem;}
.review-item .mid .img {margin-bottom: 1.5rem; width: 12rem; cursor: pointer;}
.review-item .mid .text {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5; max-height: 4.5em; transition: all 0.3s;}
.review-item .mid .btn-more {display: inline-flex; align-items: center; gap: 1px; margin-top: 1.8rem; font-size: 14px; font-weight: 600;}
.review-item .mid .btn-more::after {content: ""; display: block; width: 1.6rem; aspect-ratio: 1; background: url("/img/icon/angle_b_bk.svg") center/contain no-repeat;}
.review-item .mid .btn-more.hide {display: none;}
.review-item.open .mid .text {-webkit-line-clamp: unset; max-height: none;}
.review-item.open .mid .btn-more::after {transform: rotate(180deg);}

.review-item .btm {display: flex; justify-content: space-between; align-items: flex-end; margin-top: 2rem;}
.review-item .btm .btn-like {display: inline-flex; align-items: center; gap: 5px; padding: 5px 8.6px; background: #fff; border-width: 1px; border-style: solid; border-color: var(--col-bd-gray); font-size: 13px;}
.review-item .btm .btn-like.active {background: #FCEBEE; border-color: #F4BCC5; color: var(--col-red);}
.review-item .btm .btn-like.active path {fill: var(--col-red);}
.review-item .btm .btn-report {margin-bottom: -1rem; margin-right: -0.5rem; padding: 1rem 0.5rem; font-size: 13px;}
.review-item .btm .point {display: inline-flex; justify-content: center; align-items: center; gap: 1rem; padding: 0.5rem 1.4rem; background: #fff; border: 1px solid var(--col-bd-gray); border-radius: 10rem; font-weight: 500;}
.review-item .btm .point::before {content: ""; display: block; width: 2.4rem; aspect-ratio: 1; background: url("/img/point.png") center/contain no-repeat;}

/* 이미지 확대 모달 */
.review-image-modal {position: fixed; inset: 0; display: none; z-index: 9999;}
.review-image-modal.is-active {display: block;}
.review-image-modal__dim {position: absolute; inset: 0; background: rgba(0,0,0,0.7);}
.review-image-modal__content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.review-image-modal__img {max-width: 90vw; max-height: 80vh;}
body.is-scroll-locked {overflow: hidden; height: 100%;}
body.scroll-lock {overflow: hidden; height: 100%;}

@media (max-width: 768px) {
    .review-item {padding: 2.6rem 0;}
}
@media (max-width: 576px) {
    .review-item .top {flex-direction: column;}
}


/*============================================================*/
/* 장바구니 */
/*============================================================*/
.subPage.cartPage {padding-bottom: 0;}

/* 전체 선택, 선택 삭제*/
.cart-container .all-wrap {display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding: 1.2rem 0;}
.cart-container .all-wrap .chk-wrap {flex-shrink: 0; padding-left: calc(var(--checkbox-wd) + 1rem);}
.cart-container .all-wrap .chk-wrap .chk-label {font-weight: 600;}
.cart-container .all-wrap .btn-delete {flex-shrink: 0; padding: 0.6rem 1.2rem; border: 1px solid var(--col-bd-gray); font-size: 1.5rem;}

/* 판매자 묶음 */
.cart-wrap {padding-top: 1.2rem; border-top: 1px solid var(--col-bd-gray); border-bottom: 1px solid var(--col-bd-gray); background: #F2F4F6;}
.cart-seller {border: 1px solid #E0E0E0; background: #fff;}
.cart-seller + .cart-seller {margin-top: 1.2rem;}
.cart-seller .seller {display: flex; justify-content: space-between; align-items: center; gap: .8rem; padding: 1.2rem 1.6rem; border-bottom: 1px solid var(--col-bd-gray);}
.cart-seller .seller .btn-delete {width: 3.6rem; aspect-ratio: 1; background: url("/img/icon/close_bk.svg") center/14px no-repeat;}
.cart-item {display: flex; align-items: flex-start; gap: 1.7rem; padding: 2.4rem;}
.cart-item + .cart-item {border-top: 1px solid var(--col-bd-gray);}
.cart-item .chk-wrap {flex-shrink: 0;}
.cart-item .wrap {flex-grow: 1;}

/* 상품 정보 */
.cart-item .prd-info {flex-grow: 1; position: relative; display: flex; align-items: flex-start; gap: 1.6rem;}
.cart-item .prd-info .img {flex-shrink: 0; width: 10rem; aspect-ratio: 1; overflow: hidden;}
.cart-item .prd-info .img img {width: 100%; height: 100%; object-fit: cover; transition: var(--trans-25);}

.cart-item .prd-info .name {padding-right: 3.2rem; font-size: 1.8rem; font-weight: 500; word-break: break-all;}
.cart-item .prd-info .price-wrap {margin-top: 0.4rem;}
.cart-item .prd-info .price-wrap .origin {color: var(--col-gray); font-size: 13px; text-decoration: line-through;}
.cart-item .prd-info .price-wrap .price {font-weight: 500;}
.cart-item .prd-info p {margin-top: 0.4rem; color: var(--col-gray); font-size: 14px;}
.cart-item .prd-info .oneday {display: flex; gap: 0.8rem; margin-top: 0.5rem; color: var(--col-gray); font-size: 14px;}
.cart-item .prd-info .oneday b {display: inline-flex; gap: 2px; color: var(--col-bk);}
.cart-item .prd-info .oneday b::before {content: ""; width: 1.6rem; aspect-ratio: 1; background: url("/img/lightning.png") center/contain no-repeat;}
.cart-item .prd-info .btn-coupon {display: flex; gap: 6px; margin-top: 1.2rem;}
.cart-item .prd-info .btn-coupon button {padding: 0.6rem 1rem; font-size: 13px;}
.cart-item .prd-info .btn-delete {position: absolute; top: -0.8rem; right: -0.8rem; width: 3.6rem; aspect-ratio: 1; background: url("/img/icon/close_bk.svg") center/14px no-repeat;}

/* 가격 정보 */
.cart-item .price-info {display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin-top: 1.2rem;}
.cart-item .price-info .btn-area {display: flex;}
.cart-item .price-info button {position: relative; padding: 0.7rem 1rem; font-size: 1.5rem; font-weight: 500; line-height: 1;}
.cart-item .price-info button:not(:first-child)::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 1.2rem; background: var(--col-bd-gray);}
.cart-item .price-info .origin {color: var(--col-gray); font-size: 1.5rem; text-decoration: line-through;}
.cart-item .price-info .price {font-size: 1.8rem; font-weight: 600;}
.cart-item .price-info p {text-align: right; color: var(--col-red); font-size: 13px; font-weight: 600;}

/* 묶음별 배송비 */
.cart-seller .btm {padding: 1.2rem 1rem; border-top: 1px solid var(--col-bd-gray); text-align: center;}

/* 구매 영역 */
.pay-price {position: relative; margin-top: 1.6rem; background: #fff;}
.pay-price.open .pay-detail {display: block;}
.pay-price.open .pay-last .toggle-detail::after {transform: rotate(0deg);}

.pay-detail {display: none; position: absolute; bottom: 100%; left: 0; right: 0; padding: 2.8rem 0; background: #fff; border-top: 1px solid var(--col-bd-gray);}
.pay-detail dl {display: flex; justify-content: space-between; align-items: center; gap: 1rem;}
.pay-detail dl + dl {margin-top: .8rem;}
.pay-detail dt {color: var(--col-gray);}
.pay-detail dd {letter-spacing: 0;}
.pay-detail dd strong {font-size: 110%;}

.pay-last {padding: 1.6rem 0; border-top: 1px solid var(--col-bd-gray);}
.pay-last .container {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 2.6rem;}
.pay-last .total {font-size: 1.8rem; font-weight: 700;}
.pay-last .toggle-detail {position: relative; padding-right: 2.2rem; text-align: right;}
.pay-last .toggle-detail::after {content: ""; position: absolute; top: 0.8rem; right: 0; transform: rotate(180deg); width:  1.2rem; aspect-ratio: 1; background: url("/img/icon/triangle_b_bk.svg") center/contain no-repeat;}
.pay-last .toggle-detail .origin {color: var(--col-gray); text-decoration: line-through;}
.pay-last .toggle-detail .price {font-size: 2.4rem; font-weight: 700;}
.pay-last .toggle-detail p {margin-top: 0.4rem; color: var(--col-red); font-size: 13px; font-weight: 600;}
.pay-last .btn-buy {width: 100%; padding: 1.35rem 1rem; font-weight: 700;}


@media (max-width: 576px) {
    /* 판매자 묶음 */
    .cart-item {position: relative; display: block;}
    .cart-item .chk-wrap {position: absolute; top: 2.4rem; left: 2.4rem;}

    /* 상품 정보 */
    .cart-item .prd-info {flex-direction: column;}
    .cart-item .prd-info .img {margin-left: 4rem;}
    .cart-item .prd-info .name {padding: 0;}

    /* 가격 정보 */
    .cart-item .price-info {flex-direction: column-reverse; align-items: normal;}
}
@media (max-width: 457px) {
    /* 수량 */
    .cart-item .choose-option .price-wrap {flex-direction: column; align-items: flex-start;}
}



/*============================================================*/
/* 주문 / 결제, 반품 신청 */
/*============================================================*/
.orderPage {padding-bottom: 0;}
.order-container {padding: 4rem 0 8rem; background: #F2F4F6;}
.order-container .sub-title:not(:first-of-type) {margin-top: 3.8rem;}

/* 배송 정보 */
.address-box {display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; padding: 2rem 2.6rem; background: #fff; border-width: 1px; border-style: solid; border-color: #E0E0E0; text-align: left;}
.address-box + .address-box {margin-top: 1.2rem;}
.address-box .default {margin-bottom: 5px; color: var(--col-red); font-size: 14px; font-weight: 600;}
.address-box .name {font-size: 1.8rem; font-weight: 600;}
.address-box .address {margin-top: 1rem; word-break: break-all;}
.address-box .address-detail {margin-top: 0.8rem; word-break: break-all;}
.address-box .phone {margin-top: 0.8rem;}
.address-box .note {width: 100%; max-width: 58rem; margin-top: 1.8rem;}
.address-box .note dt {margin-bottom: 0.8rem; font-size: 1.5rem;}
.address-box .note .select {width: 100%;}
.address-box .note .select select {height: 4.4rem;}
.address-box .note input {height: 4.4rem; margin-top: 0.8rem; border-color: var(--col-bd-gray);}
.address-box .btn-area {display: flex; justify-content: flex-end; align-items: center; gap: 0.8rem; z-index: 1;}
@media (max-width: 768px) {
    .address-box {flex-direction: column; padding: 2rem;}
    .address-box .left {width: 100%;}
}

/* 주문 상품 */
/* ㄴ 판매자 묶음 */
.order-seller {border: 1px solid #E0E0E0; background: #fff;}
.order-seller + .order-seller {margin-top: 1.2rem;}
.order-seller .seller {display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding: 1.2rem 1.6rem; border-bottom: 1px solid var(--col-bd-gray);}
.order-item {padding: 2.4rem;}
.order-item + .order-item {border-top: 1px solid var(--col-bd-gray);}

/* ㄴ 상품 정보 */
.order-item .prd-info {position: relative; display: flex; align-items: flex-start; gap: 1.6rem;}
.order-item .prd-info .img {flex-shrink: 0; width: 10rem; aspect-ratio: 1; overflow: hidden;}
.order-item .prd-info .img img {width: 100%; height: 100%; object-fit: cover; transition: var(--trans-25);}
.order-item .prd-info .name {font-size: 1.8rem; font-weight: 500; word-break: break-all;}
.order-item .prd-info .option {display: flex; gap: 0.4rem; margin-top: 4px; color: var(--col-darkgray); font-size: 14px; word-break: break-all;}
.order-item .prd-info .option dt {flex-shrink: 0;}
.order-item .prd-info .price-wrap {margin-top: 1rem;}
.order-item .prd-info .price-wrap .origin {color: var(--col-gray); font-size: 13px; text-decoration: line-through;}
.order-item .prd-info .price-wrap .price {font-weight: 500;}
.order-item .prd-info .price-wrap .quantity {position: relative; margin-left: 1rem; padding-left: 1rem;}
.order-item .prd-info .price-wrap .quantity::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 12px; background: var(--col-bd-gray);}
.order-item .prd-info p {margin-top: 4px; color: var(--col-darkgray); font-size: 14px;}
.order-item .prd-info .oneday {display: flex; gap: 0.8rem; margin-top: 0.5rem; color: var(--col-gray); font-size: 14px;}
.order-item .prd-info .oneday b {display: inline-flex; gap: 2px; color: var(--col-bk);}
.order-item .prd-info .oneday b::before {content: ""; width: 1.6rem; aspect-ratio: 1; background: url("/img/lightning.png") center/contain no-repeat;}
.order-item .prd-info .btn-coupon {display: flex; gap: 6px; margin-top: 1.2rem;}
.order-item .prd-info .btn-coupon button {padding: 0.6rem 1rem; font-size: 13px;}

/* ㄴ 포인트 */
.order-item .input-btn {margin-top: 1.6rem;}
.order-item .input-btn input {height: 4rem; border-color: var(--col-bd-gray); text-align: right;}
.order-item .input-btn button {height: 4rem;}

/* ㄴ 가격 정보 */
.order-item .price-info {display: flex; justify-content: space-between; align-items: flex-start; gap: 2rem; margin-top: 1.2rem;}
.order-item .price-info .able {font-size: 14px;}
.order-item .price-info .origin {color: var(--col-gray); font-size: 1.5rem; text-decoration: line-through;}
.order-item .price-info .price {font-size: 1.8rem; font-weight: 600;}
.order-item .price-info p {text-align: right; color: var(--col-red); font-size: 13px; font-weight: 600;}
@media (max-width: 576px) {
    /* 판매자 묶음 */
    .order-item {position: relative; display: block;}

    /* 상품 정보 */
    .order-item .prd-info {flex-direction: column;}
    .order-item .prd-info .name {padding: 0;}

    /* 가격 정보 */
    .order-item .price-info {flex-direction: column; align-items: normal;}
}

/* 결제 수단 */
.payment-box {display: flex; flex-direction: column; align-items: flex-start; padding: 0 2.6rem; background: #fff; border-width: 1px; border-style: solid; border-color: #E0E0E0; text-align: left;}
.payment-box ul,
.payment-box li {width: 100%;}
.payment-box li + li {border-top: 1px solid #E0E0E0;}
.payment-box .radio {display: inline-flex; padding: 2rem 0;}
#cardSelect {display: none;}
.payment-box .card-select {margin-bottom: 1rem; padding-left: 2.6rem;}
.payment-box .select {width: 100%;}
.payment-box .select + .select {margin-top: 1rem;}
.payment-box .select select {height: 4rem;}

/* 약관 동의 */
.terms-box {border: 1px solid #E0E0E0; background: #fff;}
.terms-check {padding: 2rem; border-bottom: 1px solid #E0E0E0;}
.terms-wrap {max-height: 20rem; padding: 2rem 2.6rem; overflow: hidden auto; word-break: break-all;}
@media (max-width: 576px) {
    .terms-wrap {padding: 1.6rem 2rem;}
}

/* 결제 금액 */
.pay-box {padding: 2rem 1.6rem 2.2rem; background: #fff; border-width: 1px; border-style: solid; border-color: #E0E0E0;}
.pay-box dl {display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: 0.6rem 1.6rem;}
.pay-box dt {color: var(--col-gray);}
.pay-box dd {text-align: right; font-weight: 500; letter-spacing: 0;}

.pay-box .prd dd {font-size: 2rem; font-weight: 500;}
.pay-box .last {margin-top: 1.2rem; padding: 1.5rem 1.6rem 0; border-top: 1px solid #E0E0E0;}
.pay-box .last dt {color: var(--col-bk); font-size: 1.8rem; font-weight: 700;}
.pay-box .last dd strong {font-size: 2.4rem;}
.pay-box .last dd small {display: block; margin-top: 0.4rem; color: var(--col-darkgray); font-size: 13px;}
.pay-box button {width: 100%; height: 4.8rem; margin-top: 1.8rem;}
@media (max-width: 576px) {
    .pay-box dl {flex-direction: column; align-items: normal; gap: 0; padding: 0.6rem 0;}
    .pay-box .last {padding: 1.5rem 0;}
}



/*============================================================*/
/* 주문 완료 */
/*============================================================*/
.orderPage {padding-bottom: 0;}
.order-complete {padding: 8rem 0; background: #F2F4F6;}
.order-complete .wrap {width: 100%; max-width: 53.5rem; margin: 0 auto;}
.order-complete .top {margin-bottom: 3rem; text-align: center;}
.order-complete .top h3 {font-size: 2.4rem; font-weight: 700;}
.order-complete .top p {margin-top: 0.6rem;}
.order-complete dl {display: flex; gap: 3rem; line-height: 1.35;}
.order-complete dl + dl {margin-top: 1.2rem;}
.order-complete dt {flex-shrink: 0; min-width: 6rem; margin-top: 1px; color: var(--col-darkgray);}
.order-complete dd {font-size: 1.8rem;}
.order-complete .account {text-decoration: underline; text-underline-offset: 3px;}
.order-complete .benefit {position: relative; margin-top: 4rem;}
.order-complete .benefit dt {position: absolute; top: -1.8rem; left: 1.4rem; margin: 0; padding: .6rem 1rem; background: var(--col-theme); border-radius: 20rem; color: #fff; font-size: 13px;}
.order-complete .benefit dd {display: flex; justify-content: center; align-items: center; gap: 4px; width: 100%; padding: 1.6rem 1rem; border: 1px solid var(--col-bd-gray); background: #fff; text-align: center; font-weight: 500;}
.order-complete .benefit dd::before {content: ""; display: block; width: 2.7rem; aspect-ratio: 1; background: url("/img/point.png") center/contain no-repeat;}
.order-complete .btm {display: flex; gap: 1rem; margin-top: 2rem;}
.order-complete .btm button,
.order-complete .btm a {flex: 1 0 0; height: 4.2rem;}
@media (max-width: 576px) {
    .order-complete .wrap {padding: 0 2rem;}
}



/*============================================================*/
/* 주문 내역 */
/*============================================================*/
@media (max-width: 768px) {
    .orderListPage .board-top .right {flex-wrap: wrap; justify-content: flex-start; width: 100%;}
}
@media (max-width: 576px) {
    .orderListPage .search-line,
    .orderListPage .search-line .search,
    .orderListPage .search-line .search input {width: 100%;}
}



/*============================================================*/
/* 주문 내역 > 상세 */
/*============================================================*/
.my-order-box {padding: 2.6rem 3rem; border: 1px solid var(--col-bd-gray);}
.my-order-box dl {display: flex; gap: 0 3rem;}
.my-order-box dl + dl {margin-top: 1rem;}
.my-order-box dt {min-width: 7.2rem; color: var(--col-gray);}

.orderViewPage .btm {display: flex; gap: 2rem;}
.orderViewPage .btm > * {flex: 1 0 0; }

/* 결제 정보 */
.my-order-box.pay dl {display: flex; justify-content: space-between; align-items: center gap: 0 1rem;}
.my-order-box.pay dd {text-align: right;}
.my-order-box.pay .last {margin-top: 1.8rem; padding-top: 1.4rem; border-top: 1px solid var(--col-bd-gray);}
.my-order-box.pay .last dt {color: var(--col-bk);}
.my-order-box.pay .last br {display: none;}
.my-order-box.pay .last dd {font-size: 1.8rem;}
.my-order-box.pay .last dd b {font-size: 133%;}

@media (max-width: 768px) {
    .my-order-box {padding: 2.6rem 2rem;}
}
@media (max-width: 576px) {
    .my-order-box dl {flex-wrap: wrap; line-height: 1.55;}
    .my-order-box.pay .last br {display: block;}
    .orderViewPage .btm {flex-direction: column; gap: var(--spacing-lg);}
}



/*============================================================*/
/* 주문 내역 > 취소 요청, 반품 신청, 교환 신청 */
/*============================================================*/
.claim-reason .select {width: 100%;}
.claim-reason .select select {height: 4.4rem;}
.claim-reason textarea {border-color: var(--col-bd-gray);}



/*============================================================*/
/* 주문 내역 > 반품 상세 */
/*============================================================*/
/* 이미지 확대 */
.img-viewer {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; align-items: center; justify-content: center; z-index: 9999;}
.img-viewer.open {display: block;}
body.scroll-lock {overflow: hidden;}
.img-viewer .overlay {position: absolute; inset: 0; background: rgba(0,0,0,0.7);}
.img-viewer .viewer-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.img-viewer img {max-width: 90vw; max-height: 90vh;}



/*============================================================*/
/* 리뷰 관리 */
/*============================================================*/
.review-list li {display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem;}
.review-list li.empty {justify-content: center; align-items: center; text-align: center; min-height: 20rem;}
.review-list li + li {margin-top: 3rem;}
.review-list .prd-info {position: relative; display: flex; align-items: flex-start; gap: 1.6rem;}
.review-list .prd-info .img {flex-shrink: 0; width: 10rem; aspect-ratio: 1; overflow: hidden;}
.review-list .prd-info .img img {width: 100%; height: 100%; object-fit: cover; transition: var(--trans-25);}
.review-list .prd-info .seller {color: var(--col-gray); font-size: 14px;}
.review-list .prd-info .name {font-size: 1.8rem; font-weight: 500; word-break: break-all;}
.review-list .prd-info .option {display: flex; gap: 0.4rem; margin-top: 4px; color: var(--col-darkgray); font-size: 14px; word-break: break-all;}
.review-list .prd-info .option dt {flex-shrink: 0;}
.review-list .prd-info .point {margin-top: 2.4rem; color: var(--col-red); font-size: 14px; font-weight: 700;}
.review-list li .btn-area {flex-shrink: 0; display: flex; align-items: center; gap: 1rem;}

@media (max-width: 768px) {
    .review-list li {flex-direction: column; align-items: flex-start;}
    .review-list li .btn-area {justify-content: flex-end; width: 100%;}
}




/* ============================================================
* 쿠폰 받기 모달, 쿠폰 변경 모달, 마이페이지 > 보유 쿠폰
* ============================================================ */
.coupon-container {display: flex; flex-direction: column; gap: 2rem;}
.coupon-wrap {overflow: hidden;}
.coupon-item {display: flex; justify-content: space-between; align-items: center; padding: 1.6rem 0 1.6rem 2.2rem; background: #fff; border:1px solid var(--col-bd-gray);}
.coupon-item .txt-wrap {flex: 1 0 72%; position: relative; padding-right: 1rem; text-align: left;}
.coupon-item .txt-wrap:before,
.coupon-item .txt-wrap:after {content: ""; position: absolute; right: -1.2rem; width: 2.4rem; aspect-ratio: 1; background: #fff; border: 1px solid var(--col-bd-gray); border-radius: 50%;}
.coupon-item .txt-wrap:before {top: -2.8rem;}
.coupon-item .txt-wrap:after {bottom: -2.8rem;}
.coupon-item .price {font-size: 2rem; font-weight: 700;}
.coupon-item .title {margin-top: 6px; font-weight: 500; word-break: break-all;}
.coupon-item .desc {margin-top: 4px; color: var(--col-gray); font-size: 14px;}
.coupon-item .date {margin-top: 10px; color: var(--col-gray); font-size: 13px;}

.coupon-item .btn-download {flex: 1 0 28%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; font-size: 1.5rem;}
.coupon-item .btn-download::before {content: ""; display: block; width: 2rem; aspect-ratio: 1; background: url("/img/icon/download_bk.svg") center/contain no-repeat;}
.coupon-item .btn-download::after {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 5.6rem; background: var(--col-bd-gray);}

/* 쿠폰 적용 모달 */
.radio .coupon-item {flex-grow: 1; padding: 1.6rem 2.2rem;}
.coupon-result {display: flex; justify-content: center; align-items: center; gap: 1.6rem; margin-top: 3rem;}
.coupon-result dt {margin-bottom: 4px; font-size: 14px;}
.coupon-result dd {font-size: 1.8rem; font-weight: 600;}
.coupon-result .minus,
.coupon-result .equals {width: 12px;}
.coupon-result .minus {height: 2px; background: #C4C4C4;}
.coupon-result .equals {height: 6px; border-top: 2px solid #C4C4C4; border-bottom: 2px solid #C4C4C4;}

/* 마이페이지 > 혜택 관리 > 보유 쿠폰 */
.couponPage .coupon-container {flex-direction: row; flex-wrap: wrap; margin-top: 3.6rem;}
.couponPage .coupon-item {width: calc(33.33% - 1.35rem);}
.couponPage .coupon-item .txt-wrap:before,
.couponPage .coupon-item .txt-wrap:after {display: none;}
.couponPage .coupon-item.disable {position: relative; background: #F3F3F3; color: var(--col-gray);}
.couponPage .coupon-item.disable img {position: absolute; top: 50%; right: 2.6rem; transform: translateY(-50%);}

@media (max-width: 992px) {
    .couponPage .coupon-item {width: calc(50% - 1.05rem);}
}
@media (max-width: 768px) {
    .couponPage .coupon-item {width: 100%;}
}
@media (max-width: 576px) {
    .coupon-item {padding: 1.6rem 0 1.6rem 1.2rem;}

    /*  쿠폰 적용 모달 */
    .coupon-result {display: grid; grid-template-columns: repeat(3, auto); justify-content: end; justify-items: end;}
    .coupon-result .last {grid-column: 2/4;}
}


/* ============================================================
/* 마이페이지 > 혜택 관리 > 포인트 내역
* ============================================================ */
.current-box {padding: 2.4rem 1rem; border: 1px solid var(--col-bd-gray); text-align: center;}
.current-box dl {font-size: 2.4rem; font-weight: 700;}
.current-box dd {color: var(--col-red);}
.current-box p {display: inline-block; margin-top: 1.6rem; padding: 1rem 3.6rem; background: #ECEFF2; font-size: 1.5rem; line-height: 1.35;}
.current-box p strong {font-size: 120%; font-weight: 700;}

.point-item {display: grid; align-items: center; justify-items: start; gap: 1rem; padding: 1.6rem 3.2rem; border: 1px solid var(--col-bd-gray); grid-template-columns: auto 1fr auto;
    grid-template-areas:
        "date date amount"
        "state name amount"
        "dotted dotted amount";
}
.point-item .date {grid-area: date; color: var(--col-darkgray); font-size: 1.5rem; font-weight: 500;}
.point-item .state {grid-area: state;}
.point-item .name {grid-area: name; font-weight: 700;}
.point-item .dotted {grid-area: dotted;}
.point-item .dotted li {color: var(--col-darkgray);}
.point-item .amount {grid-area: amount; font-size: 2.4rem; font-weight: 700;}
.point-item + .point-item {margin-top: 1.6rem;}
@media (max-width: 576px) {
    .point-item {padding: 1.6rem 2rem;
        grid-template-areas:
        "date date amount"
        "state name amount"
        "dotted dotted dotted";

    }
}



/* ============================================================
/* 마이페이지 > 고객 지원 > 상품 문의
* ============================================================ */
/* 목록 */
.inquiry-item {display: block; padding: 2rem 2.4rem; border: 1px solid var(--col-bd-gray);}
.inquiry-item.empty {display: flex; justify-content: center; align-items: center; min-height: 20rem; text-align: center;}
.inquiry-item + .inquiry-item {margin-top: 2rem;}
.inquiry-item .type {color: var(--col-darkgray); font-size: 1.5rem; font-weight: 500;}
.inquiry-item .product {display: flex; align-items: center; gap: 1rem; margin-top: 1rem;}
.inquiry-item .product .img {flex-shrink: 0; width: 10.8rem; aspect-ratio: 1; overflow: hidden;}
.inquiry-item .product .img img {width: 100%; height: 100%; object-fit: cover; transition: var(--trans-25);}
.inquiry-item .product .name {display: -webkit-box; text-overflow: ellipsis; overflow: hidden; word-break: break-all; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.inquiry-item .product .option {margin-top: 0.3rem; color: var(--col-darkgray); font-size: 14px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; word-break: break-all; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.inquiry-item .title {font-weight: 700; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; word-break: break-all; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.inquiry-item .date {margin-top: 1.6rem; color: var(--col-darkgray); font-size: 14px; font-weight: 500;}
@media (max-width: 576px) {
    .inquiry-item {padding: 2rem;}
    .inquiry-item .product {flex-direction: column; align-items: flex-start;}
}


/* 상세 */
.inquiry-result {display: block; padding: 2rem 2.4rem; border: 1px solid var(--col-bd-gray);}
.inquiry-result .top {display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem;}
.inquiry-result .type {color: var(--col-darkgray); font-size: 1.5rem; font-weight: 500;}
.inquiry-result .date {color: var(--col-darkgray); font-size: 14px; font-weight: 500;}

.inquiry-result .product {display: flex; align-items: center; gap: 1rem;}
.inquiry-result .product .img {flex-shrink: 0; width: 10.8rem; aspect-ratio: 1; overflow: hidden;}
.inquiry-result .product .img img {width: 100%; height: 100%; object-fit: cover; transition: var(--trans-25);}
.inquiry-result .product .name {display: -webkit-box; text-overflow: ellipsis; overflow: hidden; word-break: break-all; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.inquiry-result .product .option {margin-top: 0.3rem; color: var(--col-darkgray); font-size: 14px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; word-break: break-all; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.inquiry-result .title {margin-top: 2rem; font-weight: 700;}
.inquiry-result .content {margin-top: 2rem; line-height: 1.8; word-break: break-all;}
@media (max-width: 576px) {
    .inquiry-result {padding: 2rem;}
    .inquiry-result .top {flex-direction: column; align-items: flex-start;}
    .inquiry-result .product {flex-direction: column; align-items: flex-start;}
}

.answer {padding: 2rem 2.4rem;}
.answer .title {margin-top: 3rem; font-weight: 700;}
.answer .content {margin-top: 2rem; line-height: 1.8; word-break: break-all;}
.answer .date {margin-top: 1.8rem; color: var(--col-darkgray); font-size: 14px; font-weight: 500;}
@media (max-width: 576px) {
    .answer {padding: 2rem;}
}


/* 작성 */
.qna-write .select {display: flex;}
.qna-write .select select,
.qna-write input {height: 4.4rem;}
.qna-write input,
.qna-write textarea {border-color: var(--col-bd-gray);}
.qna-write textarea {min-height: 20rem;}

/* 이미지 첨부 */
.qna-write .upload-list {display: flex; gap: 1.2rem;}
.qna-write .upload-box {position: relative; display: flex; justify-content: center; align-items: center; width: 9rem; aspect-ratio: 1; background: #fff; border: 1px solid var(--col-bd-gray); cursor: pointer;}
.qna-write .placeholder {display: flex; flex-direction: column; align-items: center; gap: 0.6rem; color: var(--col-gray); font-size: 12px;}
.qna-write .placeholder::before {content: ""; display: block; width: 2.2rem; aspect-ratio: 1; background: url("/img/icon/upload.svg") center/contain no-repeat;}
.qna-write .upload-box img {width: 100%; height: 100%; object-fit: cover;}
.qna-write .upload-box button {position: absolute; top: -6px; right: -6px; width: 2rem; aspect-ratio: 1; border-radius: 50%; background: var(--col-theme) url("/img/icon/close_wt.svg") center/1.1rem no-repeat;}



/*============================================================*/
/* 마이페이지 > 비밀번호 입력 화면 */
/*============================================================*/
.verify-pw p {font-size: 1.5rem;}
.verify-pw label {font-weight: 600;}



/*============================================================*/
/* 마이페이지 > 회원정보 수정 */
/*============================================================*/
.profileInner {width: 100%; max-width: 59rem; margin: 0 auto;}
.profilePage ul li {border-bottom: 1px solid var(--col-bd-gray);}
.profilePage ul > li + li {margin-top: 2.4rem;}
.profilePage ul li label {display: block; margin-bottom: 0.8rem; font-size: 1.5rem;}
.profilePage ul li input {width: 100%; height: 5.6rem; padding: 0 1.6rem; border-radius: 0;}

.profilePage .pw {position: relative;}
.profilePage .pw input {padding: 0 5rem 0 1.6rem;}
.profilePage .pw .btn-eye {position: absolute; top: 50%; right: 1.6rem; transform: translateY(-50%); display: flex; justify-content: center; align-items: center;}

.agree-link {display: flex; align-items: center; gap: 1rem;}
.agree-link p {color: var(--col-darkgray); font-size: 1.5rem;}
.agree-link a {padding: 0.5rem 0.95rem; color: var(--col-darkgray); font-size: 14px; line-height: 1;}

.profilePage .sns-wrap {display: flex; gap: 0.6rem;}
.profilePage .sns-wrap button {display: flex; justify-content: center; align-items: center; gap: 1.2rem; width: 100%; height: 5.6rem; border: 1px solid var(--col-bd-gray); font-size: 1.5rem; font-weight: 500;}
.profilePage .sns-wrap button::before {content: ""; display: block; width: 2.4rem; aspect-ratio: 1; background-position: center; background-size: contain; background-repeat: no-repeat;}
.profilePage .sns-wrap .sns-naver::before {background-image: url("/img/sns_naver.png");}
.profilePage .sns-wrap .sns-kakao::before {background-image: url("/img/sns_kakao.png");}

@media (max-width: 768px) {
    .profileInner {padding: 0 2rem;}
}
@media (max-width: 576px) {
    .profilePage ul li input {height: 4.6rem; padding: 0 1rem;}
    .profilePage .sns-wrap {margin-top: 2.4rem;}
    .profilePage .sns-wrap button {height: 4.6rem;}
}



/*============================================================*/
/* 마이페이지 > 회원 탈퇴 */
/*============================================================*/
.withdrawInner {width: 100%; max-width: 70rem; margin: 0 auto;}
.withdraw-box {padding: 2rem; border: 1px solid var(--col-bd-gray);}
.withdraw-box article  + article {margin-top: 1rem;}
.withdraw-box article .title {margin-bottom: 1rem; font-size: 15px; font-weight: 700;}
.withdraw-box article .content {padding-left: 2rem;}
.withdraw-box article li {list-style: inside; font-size: 14px; line-height: 1.55;}
.withdraw-box article p {font-size: 14px; line-height: 1.55;}

@media (max-width: 768px) {
    .withdrawInner {padding: 0 2rem;}
}
@media (max-width: 576px) {
    .withdraw-box {padding: 2rem 1rem;}
}