/* 회사소개 */
.about-wrap .container-content div dl { overflow:hidden; }
.about-wrap .container-content div dl > * { float:left; }
.about-wrap .container-content div dl dt { width:24%; min-width:90px; font-weight:800; color:#333333; font-size:2rem; }
.about-wrap .container-content div dl dd { width:76%; max-width:calc(100% - 90px); }

.about-wrap .container-content .company-area dl dd .about { font-size:1.8rem; color:#333333; font-family:'Noto Sans KR'; }
.about-wrap .container-content .company-area dl dd .about strong { font-weight:700; }
.about-wrap .container-content .company-area dl dd .information { margin:5.5rem 0 0; overflow:hidden; }
.about-wrap .container-content .company-area dl dd .information > div { float:left; }
.about-wrap .container-content .company-area dl dd .information > .chart { width:calc(100% - 45.5rem); border-top:1px solid #dddddd; }
.about-wrap .container-content .company-area dl dd .information > .chart ul { overflow:hidden; border-bottom:1px solid #dddddd; }
.about-wrap .container-content .company-area dl dd .information > .chart ul li { float:left; width:calc(100% - 18rem); padding:2.2rem 2rem; box-sizing:border-box; font-family:'Noto Sans KR'; font-size:1.5rem; color:#333333; }
.about-wrap .container-content .company-area dl dd .information > .chart ul li:first-child { width:18rem; position:relative; font-family:'Paperlogy'; font-weight:500; font-size:1.5rem; color:#333333; }
.about-wrap .container-content .company-area dl dd .information > .chart ul li:first-child:after { content:''; position:absolute; top:50%; right:0; transform:translate(0, -50%); width:0.2rem; height:2rem; background-color:#ededed; }
.about-wrap .container-content .company-area dl dd .information > .image { width:45.5rem; padding:0 0 0 5rem; box-sizing:border-box; }

.about-wrap .container-content .service-area { padding:10rem 0 0; }
.about-wrap .container-content .service-area dl dd ul li { border-top:1px solid #dddddd; }
.about-wrap .container-content .service-area dl dd ul li:first-child { border:none; }
.about-wrap .container-content .service-area dl dd ul li div { position:relative; margin:8.25rem 0; padding-left:34rem; box-sizing:border-box; font-family:'Noto Sans KR'; font-size:1.8rem; color:#333333; word-break:keep-all; }
.about-wrap .container-content .service-area dl dd ul li div strong { position:absolute; top:50%; left:0; transform:translate(0, -50%); font-family:'Paperlogy'; font-weight:800; font-size:3rem; color:#333333; }
.about-wrap .container-content .service-area dl dd ul li:first-child div { margin-top:0; border:none; }
.about-wrap .container-content .service-area dl dd ul li:last-child div { margin-bottom:0; }

.about-wrap .container-content .partner-area dl dd ul { overflow:hidden; }
.about-wrap .container-content .partner-area dl dd ul li { width:25%; float:left; box-sizing:border-box; position:relative; height:11rem; }
.about-wrap .container-content .partner-area dl dd ul li img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-height:85%; max-width:60%; filter:grayscale(100%); }

@media screen and (max-width:1640px) {
}
@media screen and (max-width:1280px) {
}
@media screen and (max-width:1024px) {
    .about-wrap .container-content .company-area dl dd .information > div { float:none; }
    .about-wrap .container-content .company-area dl dd .information > .chart { width:auto; }
    .about-wrap .container-content .company-area dl dd .information > .image { display:none; }

    .about-wrap .container-content .partner-area dl dd ul li { width:33.33%; }
}
@media screen and (max-width:768px) {
    .about-wrap .container-content div dl > * { float:none; }
    .about-wrap .container-content div dl dt { width:auto; min-width:auto; margin:0 0 3rem; }
    .about-wrap .container-content div dl dt br { display:none;  }
    .about-wrap .container-content div dl dd { width:auto; max-width:none; }

    .about-wrap .container-content .service-area dl dd ul li div { padding-left:0; }
    .about-wrap .container-content .service-area dl dd ul li div strong { position:static; top:auto; left:auto; transform:translate(0, 0); display:block; margin:0 0 1.5rem; }

    .about-wrap .container-content .partner-area dl dd ul li { width:50%; }
}
@media screen and (max-width:640px) {
}





/* 프로젝트 문의 */
.inquiry-wrap .container-content .form textarea ,
.inquiry-wrap .container-content .form input[type=text] { border-radius:0.6rem; border:none; margin:0; padding:0; font-size:1.8rem; font-weight:300; font-family:'Noto Sans KR'; margin:0 0 1.2rem; padding:1rem; background-color:#f3f3f3; border:0.2rem solid #d3d3d3; }
.inquiry-wrap .container-content .form textarea { height:25rem; min-height:auto; line-height:normal; }

.inquiry-wrap .container-content .form .auto-check .auto-check-str { border:0.2rem solid #d3d3d3; height:4.8rem; }
.inquiry-wrap .container-content .form .auto-check input[type="text"] { width:20%; min-width:20rem; }
.inquiry-wrap .container-content .form .agree { position:relative; }
.inquiry-wrap .container-content .form .agree label { font-size:1.8rem; font-weight:300; font-family:'Noto Sans KR'; }
.inquiry-wrap .container-content .form .agree label input[type=checkbox] { width:1.5rem; height:1.5rem; }
.inquiry-wrap .container-content .form .agree button[type=button] { margin:0; padding:0; border:none; background-color:#1f5192; color:#ffffff; font-family:'Noto Sans KR'; font-size:1.4rem; position:absolute; top:50%; right:0; transform:translate(0, -50%); line-height:1.9rem; width:4.5rem; border-radius:0.4rem; cursor:pointer; }
.inquiry-wrap .container-content .form .button { text-align:center; }
.inquiry-wrap .container-content .form .button button[type=submit] { margin:3.5rem 0 0; padding:0; border:none; background-color:#1f5192; color:#ffffff; font-weight:500; font-size:2.4rem; line-height:5.5rem; border-radius:2.75rem; width:20rem; }















































/* ========= 장바구니 ========= */
.cart-wrap .controller-area { display: flex; justify-content: flex-end; align-items: flex-end; gap: 2rem; }

.cart-wrap .list-box .option-qty { font-size: 14px; }
.cart-wrap .list-box .option-qty span { display: block; color: #4a4a4a; }
.cart-wrap .list-box .option-qty button { border: none; background: #f2f2f2; flex-shrink: 0; flex-grow: 0; width: 1.5em; height: 1.5em; border-radius: 50%; cursor: pointer; }
.cart-wrap .list-box .option-qty button i.icon { width: 1.2em; height: 1.2em; color: #a9a9aa }
.cart-wrap .list-box .option-qty button:hover i.icon { color: #333; }

.cart-wrap .calculation-box { border-bottom: 1px solid #ddd; }
.cart-wrap .calculation-box dl { display: flex; flex-wrap: wrap; }
.cart-wrap .calculation-box dl > div { flex: 1; display: flex; justify-content: space-between; align-items: center; gap: 1rem; width: 100%; background-color: #f7f7f7; padding: 2.5rem 2rem; box-sizing: border-box; }
.cart-wrap .calculation-box dl > div ~ div { border-left: 1px solid #ddd; }
.cart-wrap .calculation-box dl dt { display: block; font-size: 1.6rem; color: #6a6a6a; }
.cart-wrap .calculation-box dl dd { display: block; font-size: 2rem; font-weight: bold; }
.cart-wrap .calculation-box dl dd > strong { color: var(--main-hover-color); font-size: 120%; }

@media (max-width: 768px) {
    .cart-wrap .calculation-box dl > div { width: 100%; flex: 1 1 100%; }
    .cart-wrap .calculation-box dl > div ~ div { border-left: none; border-top: 1px solid #ddd; }
}





/* ========= 찜목록 ========= */
.favorite-wrap .controller-area { display: flex; justify-content: flex-end; align-items: flex-end; gap: 2rem; }





/* ========= 내가쓴글 ========= */
.board-wrap .controller-area { display: flex; justify-content: flex-end; align-items: flex-end; gap: 2rem; }





/* ========= 내가쓴리뷰 ========= */
.review-wrap .controller-area { display: flex; justify-content: flex-end; align-items: flex-end; gap: 2rem; }

.list-layout .photo-list { margin: 1rem 0; }
.list-layout .photo-list .photo-count { display: block; font-size: 14px; color: #6a6a6a; margin: 1rem 0; }
.list-layout .photo-list > ul { display: grid; grid-template-columns: repeat(8, 1fr); gap: 1%; }
.list-layout .photo-list > ul > li { grid-column: auto / span 1; }

@media (max-width: 768px) {
    .list-layout .photo-list > ul { grid-template-columns: repeat(6, 1fr); }
}

@media (max-width: 540px) {
    .list-layout .photo-list > ul { grid-template-columns: repeat(4, 1fr); }
}




/* ========= 신고내역 ========= */
.declaration-wrap .controller-area { display: flex; justify-content: flex-end; align-items: flex-end; gap: 2rem; }





/* ========= 상품 상세 ========= */
.product-wrap .area-title h3 { text-align: center; color: #333; font-size: 2.4rem; font-weight: 500; margin: 3rem 0; }
.product-wrap .empty-box { padding: 3rem 1rem; border: 1px solid #ddd; border-radius: 1rem; font-size: 1.6rem; color: #6a6a6a; font-weight: normal; }

.product-wrap .form-area #product_form { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4rem; }
.product-wrap .form-area #product_form .product-preview { grid-column: auto / span 3; }
.product-wrap .form-area #product_form .product-preview img { width: 100%; }
.product-wrap .form-area #product_form .product-preview .swiper-pagination-preview { position: absolute; bottom: 3%; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; font-size: 14px; gap: .5em; width: auto; background-color: #333; padding: .75rem 1.5rem; color: #6a6a6a; border-radius: 10000px; z-index: 1; }
.product-wrap .form-area #product_form .product-preview .swiper-pagination-preview span.swiper-pagination-current { color: #fff; }

.product-wrap .form-area #product_form .product-overview { grid-column: auto / span 2; border-top: 1px solid #333; }
.product-wrap .form-area #product_form .product-overview .product-title { padding: 10px 0; }
.product-wrap .form-area #product_form .product-overview .product-title h3 { color: var(--main-color); font-size: 1.7rem; margin: 1rem 0; }
.product-wrap .form-area #product_form .product-overview .product-title h2 { color: #333; font-size: 2.8rem; margin: .5rem 0; }
.product-wrap .form-area #product_form .product-overview .product-title p { color: #6a6a6a; font-size: 1.6rem; margin: .5rem 0; }
.product-wrap .form-area #product_form .product-overview .product-detail { margin: 10px 0; }
.product-wrap .form-area #product_form .product-overview .product-detail .product-price { display: flex; align-items: center; font-size: 2rem; gap: 1rem; }
.product-wrap .form-area #product_form .product-overview .product-detail .product-price .amount { color: #9a9a9a; text-decoration: line-through; font-size: 1.7rem; }
.product-wrap .form-area #product_form .product-overview .product-detail .product-price .sale { color: var(--main-color); font-weight: bold; font-size: 2.4rem; }
.product-wrap .form-area #product_form .product-overview .product-detail .product-price .price { color: #333; font-weight: bold; font-size: 2.4rem; }

.product-wrap .form-area #product_form .product-overview .product-detail .product-etc { margin: 20px 0; }
.product-wrap .form-area #product_form .product-overview .product-detail .product-etc dl { display: flex; flex-direction: column; gap: .75rem; }
.product-wrap .form-area #product_form .product-overview .product-detail .product-etc dl > div { display: flex; }
.product-wrap .form-area #product_form .product-overview .product-detail .product-etc dl dt { flex: 1 0 8rem; font-size: 14px; color: #4a4a4a; }
.product-wrap .form-area #product_form .product-overview .product-detail .product-etc dl dd { flex: 1 1 100%; font-size: 14px; color: #6a6a6a; }

.product-wrap .form-area #product_form .product-overview .product-detail .product-option { padding: 20px 0; border-top: 1px solid #ddd; box-sizing: border-box; }
.product-wrap .form-area #product_form .product-overview .product-detail .product-option .option-title { font-size: 16px; font-weight: 500; color: #333; margin-bottom: 10px; }
.product-wrap .form-area #product_form .product-overview .product-detail .product-option .form-layout { row-gap: 1rem; }
.product-wrap .form-area #product_form .product-overview .product-detail .product-option .form-layout select { font-size: 15px; border-color: #9a9a9a; color: #333; font-weight: 500; }
.product-wrap .form-area #product_form .product-overview .product-detail .product-option .form-layout select:disabled { border-color: #ddd; color: #9a9a9a; font-weight: normal; }

.product-wrap .form-area #product_form .product-overview .product-detail .calculation-box { border-top: 1px solid #ddd; }
.product-wrap .form-area #product_form .product-overview .product-detail #options_added > li { display: flex; justify-content: space-between; align-items: center; margin: 10px 0; }
.product-wrap .form-area #product_form .product-overview .product-detail #options_added .info {  }
.product-wrap .form-area #product_form .product-overview .product-detail #options_added .info .opt-name { word-break: keep-all; font-size: 14px; color: #333; }
.product-wrap .form-area #product_form .product-overview .product-detail #options_added .qty { display: flex; justify-content: flex-start; align-items: center; margin-left: auto; }
.product-wrap .form-area #product_form .product-overview .product-detail #options_added .qty input[type="text"] { display: block; font-size: 1.6rem; width: 2.5em; height: 2.5em; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.product-wrap .form-area #product_form .product-overview .product-detail #options_added .qty button { display: block; font-size: 1.6rem; background: #fff; border: 1px solid #ddd; width: 2.5em; height: 2.5em; cursor: pointer; box-sizing: border-box; }
.product-wrap .form-area #product_form .product-overview .product-detail #options_added .qty button i.icon { width: 1.2em; height: 1.2em; color: #333; font-size: 14px; }
.product-wrap .form-area #product_form .product-overview .product-detail #options_added .qty button:has(.icon-minus) { border-radius: 1rem 0 0 1rem; }
.product-wrap .form-area #product_form .product-overview .product-detail #options_added .qty button:has(.icon-plus) { border-radius: 0 1rem 1rem 0; }
.product-wrap .form-area #product_form .product-overview .product-detail #options_added .qty button:has(.icon-trash) { border-radius: 1rem; margin-left: 2px; }
.product-wrap .form-area #product_form .product-overview .product-detail #options_added .qty button:hover { background-color: #f7f7f7; }

.product-wrap .form-area #product_form .product-overview .product-detail .price-box { display: flex; margin: 20px 0; }
.product-wrap .form-area #product_form .product-overview .product-detail .price-box #total_price { display: flex; align-items: center; gap: 1rem; margin-left: auto; }
.product-wrap .form-area #product_form .product-overview .product-detail .price-box #total_price span { font-size: 1.6rem; font-weight: normal; }
.product-wrap .form-area #product_form .product-overview .product-detail .price-box #total_price strong { color: var(--main-color); font-size: 2.4rem; font-weight: bold; }

.product-wrap .form-area #product_form .product-overview .product-detail .btn-box { display: flex; flex-wrap: wrap; gap: 1rem; margin: 20px 0; }
.product-wrap .form-area #product_form .product-overview .product-detail .btn-box button[type="submit"] { flex: 2 1 50%; }
.product-wrap .form-area #product_form .product-overview .product-detail .btn-box .btn-group { flex: 1 0 auto; display: flex; flex-wrap: wrap; gap: 1rem; }
.product-wrap .form-area #product_form .product-overview .product-detail .btn-box a { flex: 1; }

@media (max-width: 768px) {
    .product-wrap .form-area #product_form { grid-template-columns: repeat(2, 1fr); gap: 0; }
    .product-wrap .form-area #product_form .product-overview { border-top: 0; }
}

/* 관련상품 */
.product-wrap .relation-area { padding: 5rem 0 0 0; }
.product-wrap .relation-area .relations { position: relative; overflow: hidden; }
.product-wrap .relation-area .relations .img { padding-bottom: 125%; border-radius: 1.5rem; }
.product-wrap .relation-area .relations .text { color: #333; font-size: 1.6rem; font-weight: 500; text-shadow: 0 0 1rem rgba(0, 0, 0, 0.25); margin-top: 1rem; }
.product-wrap .relation-area .relations .navigation-btn { text-align: center; margin-top: 2rem; }
.product-wrap .relation-area .relations .swiper-button-relation { width: 4rem; height: 4rem; background: #fff; border: 1px solid #ddd; color: #9a9a9a; border-radius: 50%; cursor: pointer; transition: all 200ms ease-in-out; }
.product-wrap .relation-area .relations .swiper-button-relation:hover { border-color: var(--main-hover-color); color: var(--main-hover-color); }
.product-wrap .relation-area .relations .swiper-button-relation i { width: 2.5rem; height: 2.5rem; }
.product-wrap .relation-area .relations .swiper-button-next-relation i { margin-left: .3rem; }
.product-wrap .relation-area .relations .swiper-button-prev-relation i { margin-right: .3rem; }

/* 상품 설명 */
.product-wrap .info-area { padding: 5rem 0 0 0; }

.product-wrap .info-area .info-content-box { position: relative; }
.product-wrap .info-area .info-content-box .info-content { overflow: hidden; }
.product-wrap .info-area .info-content-box:has(.info-content-more) .info-content { max-height: max(50vh, 20rem); }
.product-wrap .info-area .info-content-box .info-content-more { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(rgba(255, 255, 255, 0), #fff 30%); padding-top: 4rem; cursor: pointer; text-align: center; }

/* 상품 리뷰 */
.product-wrap .review-area { padding: 5rem 0 0 0; }
.product-wrap .review-area .review-list > ul { display: flex; flex-direction: column; }
.product-wrap .review-area .review-list > ul > li { display: flex; flex-direction: column; gap: 1rem; border-bottom: 1px solid #ddd; margin: 2rem 0; }

.product-wrap .review-area .review-list .review-box { display: block; }
.product-wrap .review-area .review-list .review-box > div { display: flex; flex-direction: column; gap: 1rem; padding: 1rem 0; }
.product-wrap .review-area .review-list .review-box > div > * { display: flex; gap: 2rem; }

.product-wrap .review-area .review-list .review-box .review-header { align-items: center; }
.product-wrap .review-area .review-list .review-box .review-header .score { position: relative; width: fit-content; font-size: 3rem; color: #ddd; }
.product-wrap .review-area .review-list .review-box .review-header .score span { width: 0; max-width: 100%; height: 100%; position: absolute; left: 0; color: var(--main-hover-color); overflow: hidden; pointer-events: none; }
.product-wrap .review-area .review-list .review-box .review-header .review-report-btn { background: none; border: none; margin-left: auto; font-size: 1.3rem; color: #6a6a6a; text-decoration: underline; text-underline-position: under; cursor: pointer; }

.product-wrap .review-area .review-list .review-box .review-body { align-items: stretch; }
.product-wrap .review-area .review-list .review-box .review-body .review-content { flex: 1; font-size: 1.5rem; line-height: 1.4; max-height: calc(3em * 1.4); display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.product-wrap .review-area .review-list .review-box .review-body .review-photo { position: relative; flex: 0 0 8rem; height: 8rem; }
.product-wrap .review-area .review-list .review-box .review-body .review-photo img { width: 100%; height: 100%; object-fit: cover; }
.product-wrap .review-area .review-list .review-box .review-body .review-photo span.photo-count { position: absolute; bottom: 0; right: 0; display: block; padding: .2rem; background-color: rgba(0, 0, 0, .4); color: #fff; font-size: 12px; text-align: center; user-select: none; }

.product-wrap .review-area .review-list .review-box .review-footer { align-items: center; padding-top: 1rem; }
.product-wrap .review-area .review-list .review-box .review-footer .review-date { font-size: 1.4rem; color: #6a6a6a; }
.product-wrap .review-area .review-list .review-box .review-footer .review-name { font-size: 1.4rem; color: #6a6a6a; }

/* 리뷰 검색 */
.product-wrap .review-area .review-search { margin: 7rem 0 1rem; }
.product-wrap .review-area .review-search .search-wrap { display: flex; justify-content: space-between; align-items: center; }

/* 베스트 리뷰 */
.no-image { width: 100%; padding-bottom: 100%; background: url(../img/head/logo.png) #f2f2f2 no-repeat center center/90% auto; }

.product-wrap .best-review-list .list-title { display: flex; justify-content: space-between; align-items: center; }
.product-wrap .best-review-list .list-title h4 { margin: 2rem 0; font-size: 1.6rem; color: #333; }
.product-wrap .best-review-list .list-title button.review-more-btn { background: none; border: none; cursor: pointer; color: #333; font-size: 1.5rem; }

.product-wrap .best-review-list > ul { display: grid; grid-template-columns: repeat(8, 1fr); gap: 1%; }
.product-wrap .best-review-list > ul > li { grid-column: auto / span 1; }
.product-wrap .best-review-list > ul > li > a { display: block; font-size: 0; height: 100%; border-radius: 1rem; overflow: hidden; }

@media (max-width: 768px) {
    .product-wrap .best-review-list > ul { grid-template-columns: repeat(4, 1fr); }
}

/* 베스트 리뷰 더보기 */
#moreReview .popup-wrap { width: min(100%, 1024px); }

#moreReview .list-area > ul { display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 2%; column-gap: 1%; }
#moreReview .list-area > ul > li { grid-column: auto / span 1; }
#moreReview .list-area > ul > li > a { display: block; font-size: 0; height: 100%; border-radius: 1rem; overflow: hidden; }
#moreReview .list-area > ul > li > a img { width: 100%; height: 100%; object-fit: cover; font-size: 0; }

@media (max-width: 768px) {
    #moreReview .list-area > ul { grid-template-columns: repeat(2, 1fr); }
}

/* 리뷰 상세보기 */
#detailReview .popup-wrap { width: min(100%, 768px); }
#detailReview .popup-wrap:has(.photo-slide) { width: min(100%, 1024px); }

#detailReview .detail-area { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 1rem; column-gap: 2rem; }
#detailReview .detail-area:has(> .photo-slide) { grid-template-columns: repeat(4, 1fr); }

#detailReview .detail-area .photo-slide { grid-column: auto / span 2; text-align: center; }
#detailReview .detail-area .photo-slide .swiper-pagination-photo { position: absolute; bottom: 3%; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; font-size: 14px; gap: .5em; width: auto; background-color: #333; padding: .75rem 1.5rem; color: #6a6a6a; border-radius: 10000px; z-index: 1; }
#detailReview .detail-area .photo-slide .swiper-pagination-photo span.swiper-pagination-current { color: #fff; }

#detailReview .detail-area .review-detail { grid-column: auto / span 2; }

#detailReview .detail-area .review-detail > div { display: flex; flex-direction: column; gap: 1rem; padding: 1rem 0; }
#detailReview .detail-area .review-detail > div > * { display: flex; gap: 2rem; }

#detailReview .detail-area .review-detail .review-header { align-items: center; }
#detailReview .detail-area .review-detail .review-header .score { position: relative; width: fit-content; font-size: 1.5rem; color: #ddd; }
#detailReview .detail-area .review-detail .review-header .score span { width: 0; max-width: 100%; height: 100%; position: absolute; left: 0; color: var(--main-hover-color); overflow: hidden; pointer-events: none; }
#detailReview .detail-area .review-detail .review-header .review-report-btn { background: none; border: none; margin-left: auto; font-size: 1.3rem; color: #6a6a6a; text-decoration: underline; text-underline-position: under; cursor: pointer; }

#detailReview .detail-area .review-detail .review-body { align-items: stretch; }
#detailReview .detail-area .review-detail .review-body .review-content { flex: 1; font-size: 1.5rem; line-height: 1.4; }

#detailReview .detail-area .review-detail .review-footer { align-items: center; padding-top: 1rem; }
#detailReview .detail-area .review-detail .review-footer .review-date { font-size: 1.4rem; color: #6a6a6a; }
#detailReview .detail-area .review-detail .review-footer .review-name { font-size: 1.4rem; color: #6a6a6a; }
#detailReview .detail-area .review-detail .review-footer .review-detail-btn { background: none; border: none; width: 3rem; height: 3rem; padding: .5rem; cursor: pointer; margin-left: auto; }
#detailReview .detail-area .review-detail .review-footer .review-detail-btn i.icon { color: #6a6a6a; width: 100%; height: 100%; transform: rotate(90deg); }

@media (max-width: 768px) {
    #detailReview .detail-area { grid-template-columns: repeat(2, 1fr); }
    #detailReview .detail-area:has(> .photo-slide) { grid-template-columns: repeat(2, 1fr); }
    #detailReview .detail-area .photo-slide img { max-height: 340px; }
}





/* ========= 상품 리뷰 폼 ========= */
#reviewForm .form-area .score { position: relative; width: fit-content; font-size: 3rem; color: #ddd; }
#reviewForm .form-area .score input { width: 100%; height: 100%; position: absolute; left: 0; opacity: 0; cursor: pointer; }
#reviewForm .form-area .score span { width: 0; height: 100%; position: absolute; left: 0; color: var(--main-hover-color); overflow: hidden; pointer-events: none; }







/* ========= 상품 목록 ========= */
.product-wrap .list-area {  }
.product-wrap .list-area ul { font-size:0; }
.product-wrap .list-area ul > li { display:inline-block; position:relative; vertical-align:top; }
.product-wrap .list-area3 ul { margin:5rem -1% -3rem; }
.product-wrap .list-area3 ul > li { width:31.33%; margin:0 1% 3rem; }
.product-wrap .list-area4 ul { margin:5rem -1% -3rem; }
.product-wrap .list-area4 ul > li { width:23%; margin:0 1% 3rem; }

.product-wrap .list-area ul > li strong { display:block; position:absolute; top:0.4rem; left:0.4rem; font-size:2rem; background-color:var(--main-color); font-weight:700; border:none; margin:0; padding:1rem; z-index:2; cursor:pointer; border-radius:1.5rem; }
.product-wrap .list-area ul > li button { position:absolute; top:0; right:0; font-size:3rem; color:var(--main-color); font-weight:700; border:none; margin:0; padding:1rem; background-color:transparent; text-shadow:0 0 1rem rgba(0, 0, 0, 0.8); z-index:2; cursor:pointer; }
.product-wrap .list-area ul > li .img { width:100%; padding:0 0 125%; position:relative; }
.product-wrap .list-area ul > li .img a { display:block; position:absolute; top:0; left:0; right:0; bottom:0; background-color:#c8c8c8; border-radius:1.5rem; background-size:cover; background-position:center; background-repeat:no-repeat; box-shadow:0.5rem 0.5rem 1.5rem rgba(0, 0, 0, 0.25); z-index:1; }
.product-wrap .list-area ul > li dl { margin:2rem 0 0; text-shadow:0 0 1rem rgba(0, 0, 0, 0.25); }
.product-wrap .list-area ul > li dl dt a { color:#333333; font-size:2rem; font-weight:500; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block; }
.product-wrap .list-area ul > li dl dd { margin:0.8rem 0 0; }
.product-wrap .list-area ul > li dl dd a { display:block; }
.product-wrap .list-area ul > li dl dd a p { font-size:2rem; font-weight:700; line-height:3rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.product-wrap .list-area ul > li dl dd a p s { display:inline; font-size:1.5rem; font-weight:300; margin:0 0.5rem 0 0; }
@media screen and (max-width:1280px) {
    .product-wrap .list-area3 ul > li { width:31.33%; }
    .product-wrap .list-area4 ul > li { width:23%; }
}
@media screen and (max-width:1024px) {
    .product-wrap .list-area3 ul > li { width:31.33%; }
    .product-wrap .list-area4 ul > li { width:31.33%; }
}
@media screen and (max-width:768px) {
    .product-wrap .list-area3 ul > li { width:48%; }
    .product-wrap .list-area4 ul > li { width:31.33%; }
}
@media screen and (max-width:640px) {
    .product-wrap .list-area3 ul > li { width:48%; }
    .product-wrap .list-area4 ul > li { width:48%; }
}






/* ========= 주문 폼 ========= */
.order-wrap .form-area .area-title h3 { text-align: center; color: #333; font-size: 2.4rem; font-weight: 500; margin: 5rem 0 1rem; }
.order-wrap .form-area .form-layout { border: 1px solid #ddd; padding: 5%; border-radius: 1rem; }

.order-wrap .order-area .order-box { background-color: #f7f7f7; border: 1px solid #ddd; margin-top: 5rem; padding-top: 2rem; padding-bottom: 2rem; margin-bottom: 5rem; border-radius: 1rem; box-sizing: border-box; }

.order-wrap .order-area .order-price { margin: 2rem 0; padding: 0 5%; }
.order-wrap .order-area .order-price dl { display: flex; flex-direction: column; gap: 1rem; }
.order-wrap .order-area .order-price dl > div { display: flex; justify-content: space-between; align-items: center; }
.order-wrap .order-area .order-price dl dt { font-size: 1.7rem; font-weight: normal; }
.order-wrap .order-area .order-price dl dd { font-size: 1.6rem; font-weight: normal; }
.order-wrap .order-area .order-price dl dd span#order_price { font-weight: bold; font-size: 2rem; color: var(--main-hover-color); }
.order-wrap .order-area .order-price dl dd.point { color: #6a6a6a; }

.order-wrap .order-area .order-case { margin: 2rem 0; padding: 0 5%; }

/* 포인트 사용폼 */
#pointForm .popup-wrap { width: min(100%, 320px); }





/* ========= 주문 상세 ========= */
.order-view-wrap .info-area .info-box { display: flex; flex-direction: column; gap: .5rem; margin-bottom: 3rem; }
.order-view-wrap .info-area .info-box > div { display: flex; align-items: center; gap: 1rem; }
.order-view-wrap .info-area .info-box dt { font-size: 1.6rem; color: #9a9a9a; font-weight: normal; }
.order-view-wrap .info-area .info-box dd { font-size: 1.8rem; color: #333; font-weight: bold; }
.order-view-wrap .info-area .info-box dd > strong { color: var(--main-hover-color); }

.order-view-wrap .form-area .area-title h3 { text-align: center; color: #333; font-size: 2.4rem; font-weight: 500; margin: 5rem 0 1rem; }
.order-view-wrap .form-area .form-layout { border: 1px solid #ddd; padding: 5%; border-radius: 1rem; }
.order-view-wrap .form-area .form-group > div { display: flex; align-items: flex-start; column-gap: 1rem; row-gap: .5rem; line-height: 2.4rem; }
.order-view-wrap .form-area .form-group dt { flex: 1 0 8rem; font-size: 1.6rem; color: #9a9a9a; font-weight: normal; }
.order-view-wrap .form-area .form-group dd { flex: 1 1 100%; font-size: 1.6rem; color: #333; font-weight: 500; }
.order-view-wrap .form-area .form-group dd textarea { font-size: inherit; color: inherit; font-weight: inherit; }

@media (max-width: 540px) {
    .order-view-wrap .form-area .form-group > div { flex-wrap: wrap; }
}

.order-view-wrap .order-area .order-box { background-color: #f7f7f7; border: 1px solid #ddd; margin-top: 5rem; padding-top: 2rem; padding-bottom: 2rem; margin-bottom: 5rem; border-radius: 1rem; box-sizing: border-box; }

.order-view-wrap .order-area .order-price { margin: 2rem 0; padding: 0 5%; }
.order-view-wrap .order-area .order-price dl { display: flex; flex-direction: column; gap: 1rem; }
.order-view-wrap .order-area .order-price dl > div { display: flex; justify-content: space-between; align-items: center; }
.order-view-wrap .order-area .order-price dl dt { font-size: 1.7rem; font-weight: normal; }
.order-view-wrap .order-area .order-price dl dd { font-size: 1.6rem; font-weight: normal; }
.order-view-wrap .order-area .order-price dl dd span#order_price { font-weight: bold; font-size: 2rem; color: var(--main-hover-color); }

.order-view-wrap .order-area .order-case { margin: 2rem 0; padding: 0 5%; }






/* 마이페이지 */
.member-wrap section .area-title { position:relative; } 
.member-wrap section .area-title h3 { font-size:2.4rem; font-weight:500; color:#333333; margin: 5rem 0 1rem;}
.member-wrap section .area-title a { position:absolute; top:50%; right:0; transform:translate(0, -50%); font-size:1.4rem; color:#c8c8c8; font-weight:300; }