@charset "utf-8";
/* page-product-detail — 이 화면에서만 쓰는 규칙.

   읽는 차례: theme.css -> base.css -> site.css -> page-*.css -> (손으로 쓴 페이지 CSS)
   색·글자 크기·간격 값은 전부 theme.css 의 변수를 쓴다. */
.product-detail{padding-top:7rem;}
.product-detail .swiper-button-next:after,.product-detail .swiper-button-prev:after{content: "";}
.product-detail .product-detail__image--slide .swiper-pagination{display:flex;justify-content:center;gap:0.2rem;top: initial;bottom:5rem;}
.product-detail .product-detail__image--slide .swiper-pagination .swiper-pagination-bullet{width:5.8rem;height:0.3rem;margin:0;background-color:#e3e3e3;border-radius:0;transition:all .3s;}
.product-detail .navigation-wrapper .swiper-button-next{width:4rem;height:4rem;right:3.2rem;}
.product-detail .navigation-wrapper .swiper-button-prev{width:4rem;height:4rem;left:3.2rem;}
.product-detail .product-detail__image--slide .swiper-pagination .swiper-pagination-bullet-active{width:11.2rem;background-color:#e3e3e3;}
.product-detail .product-detail__accordion{margin-top:3.7rem;}
.product-detail .product-detail__accordion > li > a{border-top:1px solid rgba(0,0,0,0.15);}
.product-detail .product-detail__accordion > li > a{padding:1.6rem 0.5rem;position: relative;display:block;font-size:1.8rem;font-weight:500;letter-spacing: -0.072rem;color: var(--black90);}
.product-detail .product-detail__accordion > li > a::after{position:absolute;top:50%;right:0.8rem;content: "";transform: translateY(-50%);background-image: url("../img/common/arrow_down.svg");background-size:cover;width:1.7rem;height:1.1rem;}
.product-detail .product-detail__accordion > li > a.on::after{transform-origin:center;transform: translateY(-45%) rotate(180deg);}
.product-detail .product-detail__accordion > li:nth-child(2){border-bottom:1px solid rgba(0,0,0,0.15);}
.product-detail .product-detail__accordion a{cursor: pointer;}
.product-review{width:140rem;margin:0 auto;}
.product-review .pagination .pagination__prev .pagination--inactive,.product-review .pagination .pagination__prev.on .pagination--active,.product-review .pagination .pagination__next.on .pagination--active{display: none;}
.product-review .pagination .pagination__prev.on,.product-review .pagination .pagination__next.on{cursor :default;}
.product-review .pagination .pagination__prev.on .pagination--inactive,.product-review .pagination .pagination__next.on .pagination--inactive{display:block;}
.product-review .pagination .pagination__next .pagination--inactive{display: none;cursor : no-drop;pointer-events : none;}
.quick-purchase{width:100%;background-color: var(--white);border-top:1px solid #dedede;position:fixed;bottom:0;transform: translateY(120%);transition:all .5s;left:0;z-index:10;}
.quick-purchase.off{transform: translateY(100%) !important;}
.quick-purchase.on{transform: translateY(0);}
.quick-purchase .quick-purchase--arrow{position:absolute;top: -2.5rem;left:50%;width:9.6rem;height:2.5rem;border-radius:2px 2px 0 0;border:1px solid #dedede;background-color: var(--white);transform: translateX(-50%) rotate(180deg);cursor: pointer;}
.quick-purchase.on .quick-purchase--arrow{transform: translateX(-50%) rotate(0deg);}
.quick-purchase.off .quick-purchase--arrow{transform: translateX(-50%) rotate(180deg);}
.quick-purchase .quick-purchase--arrow img{width:1.7rem;}
.prd-type--1 .product__item{border:1px solid var(--lightGray);}
.prd-type--1 .product__item + .product__item{border-left:0;}
.prd-type--1 .product__item .thumbnail{position: relative;overflow: hidden;height:clamp(40rem,30.8vw,53rem);}
.prd-type--1 .product__item .thumbnail .product__image > a{vertical-align: text-top;}
.prd-type--1 .product__item .thumbnail .best{position:absolute;top:1rem;left:1rem;background-color:#2f2f2f;font-size:1.2rem;font-weight:600;color: var(--white);padding:0.7rem 0.85rem;border-radius:0.5rem;line-height:1;z-index:10;}
.prd-type--1 .product__item .thumbnail:hover .cart{bottom:1rem;}
.prd-type--1 .product__item .thumbnail .cart{position:absolute;bottom: -7rem;left:50%;transform: translateX(-50%);width:calc(100% - 2rem);background-color:#333333;border-radius:0.5rem;transition:all .3s;z-index:100;}
.prd-type--1 .product__item .thumbnail .cart:hover{background-color: var(--mainColor);}
.prd-type--1 .product__item .cart-button{color: var(--white);text-align:center;padding:1.5rem 0;letter-spacing: -0.020rem;cursor: pointer;font-weight:600;}
.prd-type--1 .product__item .thumbnail .product__image--item{opacity:1;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index:5;transition:all .2s;}
.prd-type--1 .product__item .thumbnail .product__image{width:100%;height:100%;}
.prd-type--1 .product__item .thumbnail:hover .product__image--item{opacity:0;}
.prd-type--1 .product__item .thumbnail .product__image--hover{opacity:0;width:100%;height:100%;object-fit:cover;transition:all .2s;}
.prd-type--1 .product__item .thumbnail:hover .product__image--hover{opacity:1;}
.prd-type--1 .product__item .product__image .wish{position:absolute;top:1rem;right:1rem;z-index:10;cursor: pointer;}
.prd-type--1 .product__item .description{text-align:center;padding:3rem;}
.prd-type--1 .product__item .product-info .name span{font-size:1.8rem !important;font-weight:600;color:#000 !important;letter-spacing: -0.072rem;}
.prd-type--1 .product__item .product-info .desc{margin-top:1rem;}
.prd-type--1 .product__item .product-price{margin-top:2rem;}
.prd-type--1 .swiper-button-next::after{content: none;}
.prd-type--1 .swiper-button-prev::after{content: none;}
.prd-type--2 .product__item:nth-child(4n + 1){border:1px solid var(--lightGray);border-collapse:collapse;box-sizing:border-box;}
.prd-type--2 .product__item{border-top:1px solid var(--lightGray);border-right:1px solid var(--lightGray);border-bottom:1px solid var(--lightGray);}
.prd-type--2 .product__item:nth-child(n+5):nth-child(-n+20){border-top:0;}
.prd-type--2 .product__item .thumbnail{position: relative;overflow: hidden;width:100%;height:clamp(30rem,28.05vw,47.6rem);}
.prd-type--2 .product__item .thumbnail.on::after{content: "";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color: var(--white);opacity:0.6;z-index:10;pointer-events: none;}
.prd-type--2 .product__item .thumbnail .product__image .wish{position:absolute;top:2rem;right:2rem;z-index:20;}
.prd-type--2 .product__item .thumbnail .product__image .wish img{width:2.2rem;height:2.2rem;}
.prd-type--2 .product__item .thumbnail .product__image--item{opacity:1;position:absolute;top:0;left:0;z-index:5;transition:all .2s;}
.prd-type--2 .product__item .thumbnail:hover .product__image--item{opacity:0;}
.prd-type--2 .product__item .thumbnail .product__image--hover{opacity:0;transition:all .2s;}
.prd-type--2 .product__item .thumbnail:hover .product__image--hover{opacity:1;}
.prd-type--2 .product__item .thumbnail .icon{position:absolute;height:2.4rem;top:2rem;left:2rem;z-index:20;display:flex;gap:0.5rem;}
.prd-type--2 .product__item .thumbnail .soldout img{height:2.4rem;}
.prd-type--2 .product__item .thumbnail .soldout:not(:has(img)){display: none;}
.prd-type--2 .product__item .description{padding:3rem 2rem;position: relative;}
.prd-type--2 .product__item .description .name{padding-right:2.5rem;}
.prd-type--2 .product__item .description .desc{margin-top:1rem;}
.prd-type--2 .product__item .description .product-price{margin-top:2rem;}
.prd-type--2 .product__item .description .price{letter-spacing: normal;}
.prd-type--2 .product__item .description .cart-button{position:absolute;top:3rem;right:2rem;cursor: pointer;}
.dl-page input[type="text"],.dl-page input[type="password"],.dl-page select{width:100%;height:5.4rem;padding:0 2rem;border-radius: .2rem;border: solid 1px var(--black10);background-color: var(--white);}
.dl-page select{width:100%;height:4.3rem;padding:0 1.8rem;font-size:1.6rem;font-weight: normal;letter-spacing: -0.064rem;color: var(--black);border:0.1rem solid #f0f0f0;border-radius:0.2rem;background: var(--white);}
.dl-page select{background: var(--white) url("../img/common/arr_selectbox.svg")no-repeat center right 1.4rem / 2rem auto;padding-right:4rem;}
.dl-page input[type="radio"],.dl-page input[type="checkbox"]{width:2.4rem;height:2.4rem;margin:0;padding:0;border:0;vertical-align: middle;background: url("../img/common/chk_off.svg") no-repeat center / contain;}
.dl-page input:not(:disabled)[type="radio"]:checked,.dl-page input:not(:disabled)[type="checkbox"]:checked{background: url("../img/common/chk_on.svg")no-repeat center /contain;}
.dl-page textarea{width:100%;border:1px solid var(--border);min-height:10rem;}
.dl-paginate{display:flex;justify-content:center;align-items:center;gap:1.8rem;padding-top:10rem;}
.dl-paginate .last{display: none;}
.dl-paginate ol{display:flex;}
.dl-paginate ol li a{font-size:1.4rem;line-height:1.14;font-family: "Pretendard";opacity:0.2;padding:0 1.2rem;}
.dl-paginate ol li a.this{opacity:1;}
.dl-page .dl-paginate .pagination__prev .pagination--inactive,.dl-page .dl-paginate .pagination__prev.on .pagination--active,.dl-page .dl-paginate .pagination__next.on .pagination--active{display: none;}
.dl-page .dl-paginate .pagination__prev.on,.dl-page .dl-paginate .pagination__next.on{cursor :default;}
.dl-page .dl-paginate .pagination__prev.on .pagination--inactive,.dl-page .dl-paginate .pagination__next.on .pagination--inactive{display:block;}
.dl-page .dl-paginate .pagination__next .pagination--inactive{display: none;cursor : no-drop;pointer-events : none;}