/* ====================== */
/* 상품 목록 공통 */
/* ====================== */
.l-product-list.common-pd {padding-top:0;}
.l-product-list .category-tab {border-bottom: 1px solid #B9C0C2;display:flex;margin:0 0 20px;}
.l-product-list .category-tab .tab-btn {font-size:18px;font-weight:500;display:inline-block;padding:10px 20px 15px;color:var(--primary-color);border-bottom:3px solid transparent;color:#565656;line-height:1;}
.l-product-list .category-tab .tab-btn.active {border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:600;}
.l-product-list .category-tab .tab-btn span {color:#9f9f9f;margin-left:2px;}

.l-product-list .product-search {background:#F5F5F7;margin-bottom:50px;padding-top:36px;}
.l-product-list .product-search strong {font-weight:700;display:block;text-align:center;font-size:24px;margin-bottom:16px;}
.l-product-list .product-search .type {display:flex;align-items:center;max-width:700px;margin:0 auto;}
.l-product-list .product-search .type .type-item {width:100%;position:relative;}
.l-product-list .product-search .type .type-item span {display:block;width:100%;text-align:center;font-weight:500;border-bottom:2px solid #ddd;padding:10px 0;}
.l-product-list .product-search .type .type-item input[type='radio'] {position:absolute;left:0;top:0;height:100%;border:none;background:transparent;z-index:2;}
.l-product-list .product-search .type .type-item input[type='radio']:checked + span {border-bottom:2px solid #1f1f1f;font-weight:600;}
.l-product-list .product-search .non-login {display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin:0 auto;}
.l-product-list .product-search .non-login p {color:#727272;}
.l-product-list .product-search .non-login .btn-login {padding:0 22px 0 18px;}
.l-product-list .product-search .non-login .btn-login:before {content:'';display:inline-block;width:16px;height:16px;background:url(/images/btn_login.svg) no-repeat center/contain;margin-right:8px;}
.l-product-list .product-search .form-box {background:#fff;max-width:700px;margin:0 auto;padding:40px;}
.l-product-list .product-search .form-box .form {display:flex;gap:10px;width:100%;}
.l-product-list .product-search .form-box .form select {flex:1;}
.l-product-list .product-search .form-box .form-model select:first-child {width:200px;flex:none;}
.l-product-list .product-search .btn-reset {width:48px;height:48px;border:1px solid #BFC1C3;font-size:0;text-indent:-9999px;overflow:hidden;background:url(/images/btn_reset.svg) no-repeat center/18px auto;}

.product-panel {display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.product-panel .count strong {font-weight:500;color:#ed7779;}
.product-panel .right {display:flex;gap:10px;}
.product-panel .btn-view-type {font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;width:36px;height:36px;background:url(/images/btn_view_type_grid.svg) no-repeat center/18px auto;}
.product-panel .btn-view-type.list {background-image:url(/images/btn_view_type_list.svg);}
.product-panel .sort {display:flex;align-items: center;gap:5px;}
.product-panel .sort select {width:auto;border:0;height:36px;font-size:14px;font-weight:500;padding-left:0;background-position:calc(100%) center;padding-right:28px;color:#727272;}
.product-panel .sort:before {content:'';width:18px;height:18px;background:url(/images/sort.svg) no-repeat center/contain;}

.product-list {display:grid;grid-template-columns:repeat(5, 1fr);gap:36px 20px;}
.product-list.list {grid-template-columns:repeat(1, 1fr);gap:0;}
.product-list.list .product-item {display:flex;align-items:center;gap:40px;border-bottom:1px solid #EFEFEF;padding:18px 0;}
.product-list.list .product-item .thumb {width:180px;height:180px;padding-bottom:0;margin-bottom:0;}
.product-list.list .product-item .thumb .product-btn-set {display:none;}
.product-list.list .product-item .contents {flex:1;position:relative;}
.product-list.list .product-item .contents .product-btn-set {display:block;position:absolute;top:50%;transform:translateY(-50%);right:20px;}
.product-list.list .product-item .name {margin-bottom:20px;}

.product-item {color:#1f1f1f;}
.product-item .product-btn-set {display:flex;gap:3px;}
.product-item .product-btn-set .btn-heart {width:30px;height:30px;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/images/btn_heart.svg) no-repeat center/21px auto;}
.product-item .product-btn-set .btn-heart.active {background-image:url(/images/btn_heart_active.svg);}
.product-item .product-btn-set .btn-basket {width:30px;height:30px;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/images/btn_basket.svg) no-repeat center/21px auto;}
.product-item .thumb {margin-bottom:10px;width:100%;padding-bottom:100%;height:0;position:relative;border-radius:6px;background: #F5F5F5;overflow:hidden;border:1px solid #ededed;}
.product-item .thumb img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover;transition:all .2s ease;}
.product-item .thumb .product-btn-set {position:absolute;z-index;1;right:12px;bottom:12px;}
.product-item .brand {color:#9f9f9f;font-size:14px;font-family: 'NO', 'Noto Sans KR', 'Noto Sans Korean';margin-bottom:4px;display:inline-block;}
.product-item .name {font-size:18px;font-weight:500;line-height:1.4;margin-bottom:5px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.product-item .price {font-size:18px;}
.product-item .price strong {font-weight:bold;font-family:'NO';}
.product-item .price del {font-family:'NO';color:#9f9f9f;margin-left:5px;}
.product-item .price span {color:#ED7779;font-family:'NO';font-weight:bold;}
.product-item .non-price {font-size:14px;color:#ed7779;}
.product-item .chip {display:inline-block;padding:2px 10px 3px;border-radius:4px;background:#66c9a1;color:#fff;font-size:13px;margin-top:10px;}
.product-item .chip.red {background-color:#ed7779;}
.product-item .contents .product-btn-set {display:none;}
.product-item .btn-product-delete {position:absolute;right:14px;top:14px;opacity:0;border-radius:100px;transition:all .3s ease;width:24px;height:24px;background:rgba(255, 255, 255, 0.70) url(/images/btn_product_delete.svg) no-repeat center/10px auto;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;}
.product-item:hover .thumb img {transform:translate(-50%, -50%) scale(1.05);}
.product-item:hover .btn-product-delete {opacity:1;}

@media (max-width: 1024px) {
    .product-list {display:grid;grid-template-columns:repeat(4, 1fr);gap:36px 20px;}
}

@media (max-width: 768px) {
    .l-product-list .category-tab {gap:20px;overflow:auto;margin-bottom:10px;}
    .l-product-list .category-tab .tab-btn {font-size:15px;padding:0 0 13px;flex:none;}
    .l-product-list .category-tab .tab-btn span {margin-left:0;font-size:14px;}

    .l-product-list .product-search strong {font-size:20px;margin-bottom:12px;}
    .l-product-list .product-search .form-box {padding:20px;border:2px solid #EFEFEF;border-bottom:0;}
    .l-product-list .product-search .form-box .form {flex-wrap:wrap;gap:8px;}
    .l-product-list .product-search .form-box .form select {flex:none;width:100%;}
    .l-product-list .product-search .form-box .form-model select:first-child {width:100%;}
    .l-product-list .product-search .btn-reset {width:44px;height:44px;background-size:16px auto;}
    .l-product-list .product-search .btn-search {flex:1;}
    .l-product-list .product-search .non-login {gap:12px;}

    .product-panel {margin-bottom:24px;}
    .product-panel .btn-view-type {width:30px;height:30px;}
    .product-panel .sort select {height:30px;font-size:13px;background-size:18px auto;padding-right:20px;}

    .product-list {display:grid;grid-template-columns:repeat(2, 1fr);gap:24px 10px;}
    .product-item .product-btn-set .btn-heart {width:25px;height:25px;background-size:18px auto;}
    .product-item .product-btn-set .btn-basket {width:25px;height:25px;background-size:18px auto;}
    .product-item .thumb .product-btn-set {right:10px;bottom:10px;gap:2px;}
    .product-item .brand {font-size:12px;}
    .product-item .name {font-size:14px;}
    .product-item .price  {font-size:15px;}
    .product-item .price del {font-size:14px;margin-left:0;}
    .product-item .non-price {font-size:13px;}
    .product-item .chip {font-size:12px;}
    .product-list.list {gap:16px;}
    .product-list.list .product-item {gap:14px;padding:0;border-bottom:0;align-items:stretch;}
    .product-list.list .product-item .thumb {width:116px;height:116px;}
    .product-list.list .product-item .contents {display:flex;flex-direction:column;padding:10px 0;align-items:start;}
    .product-list.list .product-item .contents .product-btn-set {transform:none;top:auto;bottom:4px;right:0;display:flex;}
    .product-list.list .product-item .name {margin-bottom:4px;}
}

/* ====================== */
/* 상품 상세 공통 */
/* ====================== */
.l-product-detail .product-detail {display:flex;align-items:start;gap:50px;max-width:1420px;margin:0 auto;padding:0 16px;}
.l-product-detail .product-detail .detail-right {position:sticky;top:165px;width:480px;}
.l-product-detail .product-detail .detail-left {flex:1;min-width:0;}

.l-product-detail .product-detail .detail-image {display:flex;gap:16px;flex-direction:row-reverse;margin-bottom:32px;}
.l-product-detail .product-detail .detail-image .main-image {min-width:0;flex:1;}
.l-product-detail .product-detail .detail-image .main-image .swiper-pagination {display:none;}
.l-product-detail .product-detail .detail-image .main-image .swiper-slide {width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden;}
.l-product-detail .product-detail .detail-image .main-image .swiper-slide img {width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.l-product-detail .product-detail .detail-image .thumb-image .swiper {height:100%;}
.l-product-detail .product-detail .detail-image .thumb-image .swiper-slide {width:140px;height:140px;opacity:0.8;}
.l-product-detail .product-detail .detail-image .thumb-image .swiper-slide.swiper-slide-thumb-active {border:2px solid #1f1f1f;}

.l-product-detail .product-detail .detail-navigation {position:sticky;top:105px;background:#fff;display:flex;margin-bottom:16px;}
.l-product-detail .product-detail .detail-navigation .detail-navigation-btn {color:#9f9f9f;font-weight:500;border-bottom:2px solid #B9C0C2;font-size:18px;padding:14px 0;width:100%;text-align:center;}
.l-product-detail .product-detail .detail-navigation .detail-navigation-btn.active {border-color:#1f1f1f;font-weight:600;color:#1f1f1f;}

.l-product-detail .product-detail .detail-section {display:flex;flex-direction:column;gap:30px;}
.l-product-detail .product-detail .detail-section > div {scroll-margin-top:160px;}

.l-product-detail .product-detail .detail-btn-set {display:flex;align-items:center;}
.l-product-detail .product-detail .detail-btn-set .btn-heart {width:30px;height:30px;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/images/btn_heart.svg) no-repeat center/20px auto;}
.l-product-detail .product-detail .detail-btn-set .btn-heart.active {background-image:url(/images/btn_heart_active.svg);}
.l-product-detail .product-detail .detail-btn-set .btn-share {width:30px;height:30px;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/images/btn_share.svg) no-repeat center/20px auto;display:none;}
.l-product-detail .product-detail .detail-btn-set .btn-share.active {background-image:url(/images/btn_share_active.svg);}
.l-product-detail .product-detail .share-list {transition:all .8s ease;opacity:0;max-width:0;overflow:hidden;}
.l-product-detail .product-detail .share-list.active {opacity:1;max-width:120px;margin-left:10px;}
.l-product-detail .product-detail .share-list ul {display:flex;align-items:center;gap:10px;}
.l-product-detail .product-detail .share-list .share-btn {width:30px;height:30px;display:block;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/images/btn_share_facebook.svg) no-repeat center/cover;}
.l-product-detail .product-detail .share-list .share-btn.share-kakao {background-image:url(/images/btn_share_kakao.svg);}
.l-product-detail .product-detail .share-list .share-btn.share-link {background-image:url(/images/btn_share_link.svg);}

.l-product-detail .product-detail .detail-left .detail-overview {display:none;}
.l-product-detail .product-detail .detail-overview {margin-bottom:30px;}
.l-product-detail .product-detail .detail-overview .detail-title {margin-bottom:20px;}
.l-product-detail .product-detail .detail-overview .detail-title .sub {display:flex;justify-content:space-between;align-items:start;margin-bottom:10px;}
.l-product-detail .product-detail .detail-overview .detail-title .sub .brand {font-size:14px;color:#9f9f9f;}
.l-product-detail .product-detail .detail-overview .detail-title .name {font-size:20px;font-weight:500;}
.l-product-detail .product-detail .detail-overview .detail-price {margin-bottom:20px;}
.l-product-detail .product-detail .detail-overview .detail-price strong {font-size:24px;font-family:'NO';font-weight:bold;}
.l-product-detail .product-detail .detail-overview .detail-price .sale {font-size:24px;color:#ed7779;font-family:'NO';font-weight:bold;margin-right:6px;}
.l-product-detail .product-detail .detail-overview .detail-price del {display:block;color:#9f9f9f;margin-bottom:5px;}
.l-product-detail .product-detail .detail-overview .detail-info-wrap {display:flex;gap:12px;}
.l-product-detail .product-detail .detail-overview .detail-spec {border-radius: 4px;border: 1px solid #1F1F1F;padding:12px;width:45%;}
.l-product-detail .product-detail .detail-overview .detail-spec .info {display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;}
.l-product-detail .product-detail .detail-overview .detail-spec .info:last-child {margin-bottom:0;}
.l-product-detail .product-detail .detail-overview .detail-spec .info .left {color:#727272;}
.l-product-detail .product-detail .detail-overview .detail-info {background:#F5F5F7;padding:12px;width:55%;}
.l-product-detail .product-detail .detail-overview .detail-info .info {display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;}
.l-product-detail .product-detail .detail-overview .detail-info .info:last-child {margin-bottom:0;}
.l-product-detail .product-detail .detail-overview .detail-info .info .left {color:#727272;}

.l-product-detail .product-detail .detail-form {display:flex;flex-direction:column;gap:20px;}
.l-product-detail .product-detail .detail-form .form-contents {display:flex;flex-direction:column;gap:18px;}
.l-product-detail .product-detail .detail-form .form-package .package-name {color:#727272;display:block;margin-bottom:10px;}
.l-product-detail .product-detail .detail-form .form-package .package-all {position:relative;}
.l-product-detail .product-detail .detail-form .form-package .package-all .swiper-button-next,
.l-product-detail .product-detail .detail-form .form-package .package-all .swiper-button-prev {width:30px;height:30px;border:1px solid #f0f0f0;background:#fff;border-radius:100px;color:#333;margin-top:-15px;}
.l-product-detail .product-detail .detail-form .form-package .package-all .swiper-button-prev {left:-15px;}
.l-product-detail .product-detail .detail-form .form-package .package-all .swiper-button-next {right:-15px;}
.l-product-detail .product-detail .detail-form .form-package .package-all .swiper-button-next.swiper-button-disabled,
.l-product-detail .product-detail .detail-form .form-package .package-all .swiper-button-prev.swiper-button-disabled {opacity:0;}
.l-product-detail .product-detail .detail-form .form-package .package-all .swiper-button-next:after,
.l-product-detail .product-detail .detail-form .form-package .package-all .swiper-button-prev:after {font-size:12px;font-weight:bold;}
.l-product-detail .product-detail .detail-form .form-package .package-all .swiper-slide {width:calc((100% - 14px)/2);}
.l-product-detail .product-detail .detail-form .form-package .package-all .package-unit {border-radius: 4px;border: 1px solid #EFEFEF;background: #FFF;padding:14px;}
.l-product-detail .product-detail .detail-form .form-package .package-all .package-unit-name {display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-weight:600;font-size:15px;}
.l-product-detail .product-detail .detail-form .form-package .package-all .package-unit-name .sale {font-family:'NO';font-weight:bold;}
.l-product-detail .product-detail .detail-form .form-package .package-all .package-unit-info {display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;}
.l-product-detail .product-detail .detail-form .form-package .package-all .package-unit-info .left {color:#727272;}
.l-product-detail .product-detail .detail-form .form-package .package-all .package-unit-info:last-child {margin-bottom:0;}
.l-product-detail .product-detail .detail-form .form-count {display:flex;justify-content:space-between;align-items:center;}
.l-product-detail .product-detail .detail-form .form-count .left {color:#727272;}
.l-product-detail .product-detail .detail-form .form-total {border-top:1px solid #1f1f1f;display:flex;justify-content:space-between;align-items:center;padding-top:12px;}
.l-product-detail .product-detail .detail-form .form-total .left {color:#727272;}
.l-product-detail .product-detail .detail-form .form-total .right {font-size:24px;font-family:'NO';font-weight:bold;}
.l-product-detail .product-detail .detail-form .form-btn {display:flex;gap:14px;}
.l-product-detail .product-detail .detail-form .form-btn .btn-solid {width:100%;}

.l-product-detail .product-sticky {position:sticky;bottom:0;left:0;width:100%;right:0;display:flex;gap:6px;align-items:center;background:#fff;padding:8px;display:none;z-index:2;}
.l-product-detail .product-sticky .btn-solid {flex:1;}
.l-product-detail .product-sticky .btn-heart {width:40px;height:40px;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/images/btn_heart.svg) no-repeat center/20px auto;}
.l-product-detail .product-sticky .btn-heart.active {background-image:url(/images/btn_heart_active.svg);}

.heart-toast {position:fixed;bottom:-100px;border-radius:6px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);padding:15px 28px;display:flex;gap:10px;align-items:center;left:50%;transform:translateX(-50%);font-weight:500;z-index:3;transition:all .3s ease;line-height:1;}
.heart-toast.add p span {color:#ed7779;}
.heart-toast.add:before {content:'';width:18px;height:18px;background:url(/images/btn_heart_active.svg) no-repeat center/contain;}
.heart-toast.remove p span {color:#727272;}
.heart-toast.remove:before {content:'';width:18px;height:18px;background:url(/images/btn_heart.svg) no-repeat center/contain;}
.heart-toast.active {bottom:50px;}

@media (max-width: 1420px) {
    .l-product-detail .product-detail .detail-right {top:145px;}
}

@media (max-width: 1024px) {
    .l-product-detail .product-detail {gap:20px;}
    .l-product-detail .product-detail .detail-right {width:340px;top:84px;}
    .l-product-detail .product-detail .detail-image {flex-direction:column;}
    .l-product-detail .product-detail .detail-image .thumb-image .swiper-slide {width:100px;height:100px;}
    .l-product-detail .product-detail .detail-navigation {top:64px;}
    .l-product-detail .product-detail .detail-section > div {scroll-margin-top:80px;}
    .l-product-detail .product-detail .detail-form .form-package .package-all .swiper-slide {width:100%;}
    .l-product-detail .product-detail .detail-overview .detail-info-wrap {flex-direction:column;}
    .l-product-detail .product-detail .detail-overview .detail-info {width:100%;}
    .l-product-detail .product-detail .detail-overview .detail-spec {width:100%;}
}

@media (max-width: 768px) {
    .l-product-detail.common-pd {padding:0;}
    .l-product-detail .product-detail {display:block;padding:0;}
    .l-product-detail .product-detail .detail-right {position:unset;top:unset;width:100%;}
    .l-product-detail .product-detail .detail-left {width:100%;}

    .l-product-detail .product-detail .detail-image {margin-bottom:16px;}
    .l-product-detail .product-detail .detail-image .thumb-image {display:none;}
    .l-product-detail .product-detail .detail-image .main-image .swiper-pagination {display:block;left:auto;right:14px;bottom:10px;font-size:14px;color:#fff;width:auto}
    .l-product-detail .product-detail .detail-image .main-image .swiper-pagination * {font-family:'NO';}

    .l-product-detail .product-detail .detail-navigation .detail-navigation-btn {padding:12px 0;font-size:13px;}

    .l-product-detail .product-detail .detail-left .detail-overview {display:block;padding:0 16px;}
    .l-product-detail .product-detail .detail-right .detail-overview {display:none;}
    .l-product-detail .product-detail .detail-overview .detail-title {margin-bottom:10px;}
    .l-product-detail .product-detail .detail-overview .detail-title .name {font-size:16px;}
    .l-product-detail .product-detail .detail-overview .detail-title .sub {margin-bottom:2px;}
    .l-product-detail .product-detail .detail-overview .detail-title .sub .brand {font-size:13px;}
    .l-product-detail .product-detail .detail-overview .detail-price strong {font-size:20px;}
    .l-product-detail .product-detail .detail-overview .detail-price .sale {font-size:20px;}
    .l-product-detail .product-detail .detail-overview .detail-info .info {font-size:14px;}

    .l-product-detail .product-detail .detail-form {position:fixed;background:#fff;left:0;right:0;bottom:0;z-index:3;width:100%;padding:20px 10px 10px;max-height:84vh;box-shadow:0 0 12px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(100%);transition:all .4s ease;}
    .l-product-detail .product-detail .detail-form.active {opacity:1;visibility:visible;transform:translateY(0);}
    .l-product-detail .product-detail .detail-form .form-contents {padding:0 8px;}
    .l-product-detail .product-detail .detail-form .form-package {flex:1;display:flex;flex-direction:column;}
    .l-product-detail .product-detail .detail-form .form-package .package-name {font-size:14px;}
    .l-product-detail .product-detail .detail-form .form-package .package-all .swiper {overflow:visible;}
    .l-product-detail .product-detail .detail-form .form-package .package-all .swiper-slide {width:70%;}
    .l-product-detail .product-detail .detail-form .form-package .package-all .swiper-button-next, .l-product-detail .product-detail .detail-form .form-package .package-all .swiper-button-prev {display:none;}
    .l-product-detail .product-detail .detail-form .form-package .package-all .package-unit {border:0;background:#f8f8f8;}
    .l-product-detail .product-detail .detail-form .form-package .package-all .package-unit-name {margin-bottom:10px;font-size:14px;}
    .l-product-detail .product-detail .detail-form .form-package .package-all .package-unit-info {margin-bottom:5px;}
    .l-product-detail .product-detail .detail-form .form-count .left {font-size:14px;}
    .l-product-detail .product-detail .detail-form .form-total .left {font-size:14px;}
    .l-product-detail .product-detail .detail-form .form-btn {gap:10px;}
    .l-product-detail .product-detail .detail-form .form-total .right {font-size:20px;}


    .l-product-detail .product-detail .detail-form .product-count-set .btn-count-minus,
    .l-product-detail .product-detail .detail-form .product-count-set .btn-count-plus {width:28px;height:28px;background-size:12px auto;}

    .l-product-detail .product-sticky {display:flex;}

    .heart-toast {font-size:13px;width:280px;justify-content:center;}
}