@charset "utf-8";

.body-main .find_store {display: none !important;}


/* 메인 section */
.main-section {max-width: calc(1550px + 35px * 2);padding: 0 35px;margin: 0 auto 0;box-sizing: border-box; overflow: hidden;}
.main-section-inner {position: relative;}
.main-section .title-bx {display: flex; align-items: center; justify-content: space-between;}
.main-section .title-bx h3 {font-size: 28px; font-weight: 600; color: #000; line-height: 25px; font-family: 'Pretendard' !important;}
@media all and (max-width: 768px) {
    .main-section {max-width: calc(1550px + 35px / 2 * 2); padding: 0 calc(35px / 2); margin: 0 auto 0; } 
    .main-section .title-bx h3 {font-size: calc(40px / 2); line-height: calc(35px / 2);}
}/* 768px */

/* 카테고리 상품 */
.main-section-product {margin-top: 57px;}
.main-section-product .title-bx a.mo {display: none;}
.main-section-product-slider {position: relative; margin-top: 60.5px;}
.main-section-product-slider .swiper {font-size: 0;}
.main-section-product-slider .swiper-slide {width: 160px; margin-right: 10px;}
.main-section-product-slider .swiper-slide img {display: block; max-width: 100%; margin: 0 auto 0;}
.main-section-product-slider .swiper-slide strong {display: block;text-align: center;font-size: 14px;font-weight: 500;line-height: 14px;color: #2c2c2c;margin-top: 16px;font-family: 'Pretendard' !important;}
.main-section-product-slider .swiper-slide a {}
.main-section-product-slider .swiper-slide a:active strong,
.main-section-product-slider .swiper-slide a strong:active,
.main-section-product-slider .swiper-slide a:hover strong,
.main-section-product-slider .swiper-slide a:focus strong {font-weight: 700;}
.main-section-product-slider .swiper-slide a:active ~ a strong,
.main-section-product-slider .swiper-slide a:hover ~ a strong,
.main-section-product-slider .swiper-slide a:focus ~ a strong {font-weight: 700;}
.main-section-product-slider .swiper-slide img:active ~ a strong,
.main-section-product-slider .swiper-slide img:hover ~ a strong,
.main-section-product-slider .swiper-slide img:focus ~ a strong {font-weight: 700;}

.main-section-product-list {position: relative; margin-top: 33.43px}
.main-section-product-list .link-bx {display: flex;justify-content: flex-end; margin-bottom: 24.57px;}
.main-section-product-list .prd-bx {display: none;}
.main-section-product-list .prd-bx.on {display: block;}
.main-section .link-bx a {display: flex; align-items: center; line-height: 25px; font-weight: 400; font-size: 15px; color: #0066CC;}
.main-section .link-bx a img,
.main-section .link-bx a svg {display: block;width: 11px;margin-left: 5px;/* margin-top: 1px; */position: relative;top: 1px;}

/* 타이틀영역 링크 */
.main-section .title-bx a:not(.mo) {display: flex; align-items: center; line-height: 25px; font-weight: 400; font-size: 15px; color: #0066CC;}
.main-section .title-bx a:not(.mo) img,
.main-section .title-bx a:not(.mo) svg {display: block;width: 11px;margin-left: 5px;/* margin-top: 1px; */position: relative;top: 1px;}

.main-section .title-bx a:not(.mo) img.arrow2,
.main-section .title-bx a:not(.mo) svg.arrow2 {display: block;width: 7.5px;margin-left: 5px;/* margin-top: 1px; */position: relative; top: 0;}

@media all and (max-width: 768px) {
    .main-section .title-bx a:not(.mo) {font-size: calc(24px / 2);font-weight: 400;line-height: calc(35px / 2);}
    .main-section .title-bx a:not(.mo) img,
    .main-section .title-bx a:not(.mo) svg {width: calc(15px / 2); margin-left: calc(10px / 2);}
    .main-section .title-bx a:not(.mo) img.arrow2,
    .main-section .title-bx a:not(.mo) svg.arrow2 {width: 5.5px; margin-left: calc(10px / 2);}
}/* 768px */


/* 상품 */
.main-section-product-list .swiper {padding-bottom: 4px; box-sizing: border-box;}
.main-section-product-list .swiper-slide {width: 298px;}
.main-section-product-list .item_cont {margin-left: 0; margin-right: 0; border: 0;}
.main-section-product-list .item_photo_box {}
.main-section-product-list .swiper-slide.swiper-slide-visible .item_photo_box,
.main-section-product-list .swiper-slide.swiper-slide-active .item_photo_box {transition: opacity 0.5s ease-in-out 0.1s; opacity: 1;}

/* 상품 이미지 */
.main-section-product-list .item_photo_box {width: 100%; margin: 0;}
.main-section-product-list .item_photo_box > a {position: relative; display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; border-radius: 15px; box-sizing: border-box;}
.main-section-product-list .item_photo_box > a img {position: absolute; left: 0; top: 0; display: block !important; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out !important; transform: scale(1) !important;}
.main-section-product-list .item_photo_box > a img.front {opacity: 1; z-index: 2;}
.main-section-product-list .item_photo_box > a img.back {opacity: 0; z-index: 1;}
.main-section-product-list .item_photo_box:hover img.front {opacity: 0;}
.main-section-product-list .item_photo_box:hover img.back {opacity: 1;}

/* 상품 태그 라벨 */
.main-section-product-list .tag_box {display: flex;align-items: center;flex-wrap: wrap;gap: 5px;width: 100%;position: absolute;left: 0;top: 0;padding: 10.57px 5px 0 10.86px;z-index: 2; box-sizing: border-box;}
.main-section-product-list .tag_box span {background: #fff;display: flex;align-items: center;justify-content: center;text-align: center;line-height: 1;font-size: 10px;font-weight: 400;color: #000;padding: 0 10px;box-sizing: border-box;width: fit-content;height: 32px;font-family: 'Pretendard' !important;}

/* 상품 컬러칩 */
.main-section-product-list .colors {display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: auto; font-size: 0; margin-top: 21.28px;}
.main-section-product-list .colors > div {display: flex; align-items: center; gap: 0 8px;}
.main-section-product-list .colors > div span {width: 12px; height: 12px; display: block; border-radius: 50%; box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.25); box-sizing: border-box;}
.main-section-product-list .colors p {margin-left: 8px;line-height: 1;font-size: 15px;font-weight: 500;color: rgba(17, 17, 17, 0.8);font-family: 'Pretendard' !important;}
.main-section-product-list .colors p span {margin-left: 1px;}

/* 상품명 */
.main-section-product-list .item_info_cont {font-size: inherit; padding: 0;}
.main-section-product-list .item_tit_box { padding: 0 10px 0;}
.main-section-product-list .item_tit_box .item_name {display: block; text-align: center; line-height: 30px; font-weight: 700; color: #000 !important; font-size: 18px; padding: 0; margin-top: 17.18px; font-family: 'Pretendard' !important;}
.main-section-product-list .item_cont:hover .item_tit_box .item_name {color: #000 !important;}

/* 상품 설명 */
.main-section-product-list .item_tit_box .description {display: block; text-align: center; overflow:hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 15px; font-weight: 500; color: #000; line-height: 25px; margin-top: 9px;font-family: 'Pretendard' !important;}

/* 상품 금액 */
.main-section-product-list .item_money_box {position: relative; padding: 0; margin: 0; display: block; text-align: center; font-size: 15px; font-weight: 400; line-height: 22.5px; color: #111; font-family: 'Pretendard' !important; margin-top: 23.6px;}
.main-section-product-list .item_money_box .item_price {margin: 0; padding: 0; display: block; line-height: inherit;padding: inherit;color: inherit;font-size: inherit; font-weight: inherit; font-family: inherit;}
.main-section-product-list .item_money_box .km_is_front {}
.main-section-product-list .item_money_box .km_is_mobile {display: none;}
@media all and (max-width: 768px) {
    .main-section-product-list .item_money_box .km_is_front {display: none;}
    .main-section-product-list .item_money_box .km_is_mobile {display: block;padding-left: 23px;text-indent: -23px;}
}
/* 상품 자세히 보기 */
.main-section-product-list .btn_more {position: relative; display: block; width: fit-content; margin: 27.44px auto 0; font-weight: 400; font-size: 13px; line-height: 13px; color: #111; text-underline-offset: 2px; font-family: 'Pretendard' !important;}
/* .main-section-product-list .btn_more:hover {text-decoration: underline;}

.main-section-product-list .item_photo_box:hover ~ .item_info_cont .btn_more {text-decoration: underline;}
.main-section-product-list .item_tit_box:hover ~ .btn_more {text-decoration: underline;} */


.main-section-product-list .btn_more:after {content: ""; position: absolute; left: 0; bottom: -3px; display: block; width: 0%; height: 1px; transition: all 0.3s ease-in-out; opacity: 0; background: #000;}

.main-section-product-list .item_cont:hover .btn_more:after {width: 100%; opacity: 1;}




/* 전체보기 */
.show-more-items {height: auto !important; display: flex !important; padding-left: 67.5px; box-sizing: border-box; width: auto !important; margin-left: auto !important; margin-right: 0 !important;}
.show-more-items.dn {display: none !important;}
.show-more-items .show-more {display: flex; align-items: center; justify-content: flex-start; font-size: 16px; font-weight: 500; line-height: 32px; letter-spacing: -0.5px;}
.show-more-items .show-more a {display: flex;align-items: center;height: 32px;}
.show-more-items .show-more p {text-decoration: underline; text-underline-offset: 3px;}
.show-more-items .show-more span {display: block;width: 9px;height: 16px;background: url(../../img/main/new/show-more.svg)no-repeat center / 100%;margin: 2.5px 0 0 7px;}

@media all and (min-width: 769px) {
    .main-section-product .show-more-items .show-more {align-items: flex-start;}
    .main-section-product .show-more-items .show-more a {margin-top: 256px;}
    .main-section-review .show-more-items .show-more {align-items: flex-start;}
    .main-section-review .show-more-items .show-more a {margin-top: 234px;}
    .main-section-promo .show-more-items .show-more {align-items: flex-start;}
    .main-section-promo .show-more-items .show-more a {margin-top: 174px;}
}

/* 버튼 */
.prd-cate-btx-bx {display: none !important;}

@media all and (max-width: 768px) {
    .show-more-items {width: auto !important;}
    /* 카테고리 상품 */
    .main-section-product {margin-top: calc(100px / 2);}
    .main-section-product .title-bx a.mo {display: flex;align-items: center;width: fit-content;font-size: calc(24px / 2);font-weight: 400;line-height: calc(35px / 2);color: #0066CC;}
    .main-section-product .title-bx a.mo img {width: calc(15px / 2); margin-left: calc(10px / 2);}
    .main-section-product-slider {margin-top: calc(80px / 2);}
    .main-section-product-slider .swiper-slide {width: 80px;}
    .main-section-product-slider .swiper-slide strong {font-size: calc(25px / 2); line-height: calc(22.5px / 2);margin-top: calc(47.37px / 2);}

    

    /* 카테고리 상품 */
    .main-section-product-list {margin-top: calc(63.63px / 2);}
    .main-section-product-list .link-bx {display: none;}

    /* 상품 */
    .main-section-product-list .swiper-slide {width: 150px;}

    /* 상품 이미지 */
    .main-section-product-list .item_photo_box > a {border-radius: calc(15px / 2);}

    /* 상품 태그 라벨 */
    .main-section-product-list .tag_box {padding: 0 5px calc(15.79px / 2) calc(17.34px / 2); gap: calc(9.1px / 2); top: unset; bottom: 0;}
    .main-section-product-list .tag_box span {font-size: calc(15px / 2); padding: 0 calc(10px / 2);height: calc(36px / 2);}

    /* 상품 컬러칩 */
    .main-section-product-list .colors {margin-top: calc(31px / 2);justify-content: flex-start;}
    .main-section-product-list .colors > div {display: flex; align-items: center; gap: 0 calc(10px / 2);}
    .main-section-product-list .colors > div span {width: calc(20px / 2); height: calc(20px / 2); box-shadow: inset 0px calc(1px / 2) calc(2px / 2) rgba(0, 0, 0, 0.25);}
    .main-section-product-list .colors p {margin-left: calc(10px / 2); font-size: calc(24px / 2);}

    /* 상품명 */
    .main-section-product-list .item_tit_box {padding: 0;}
    .main-section-product-list .item_tit_box .item_name {line-height: calc(22.5px / 2); font-size: calc(26px / 2); margin-top: calc(30.84px / 2); text-align: left;}

    /* 상품 설명 */
    .main-section-product-list .item_tit_box .description {font-size: calc(24px / 2); line-height: calc(30px / 2);margin-top: calc(30.34px / 2); text-align: left;}

    /* 상품 금액 */
    .main-section-product-list .item_money_box {font-size: calc(24px / 2);line-height: calc(30px / 2);margin-top: calc(21.79px / 2);text-align: left;}

    /* 상품 자세히 보기 */
    .main-section-product-list .btn_more {margin: calc(45px / 2) 0 0 0; font-size: calc(23px / 2); line-height: calc(22.5px / 2); text-underline-offset: 1px;}
    
    /* 전체보기 */
    .show-more-items {padding-left: 0; padding-right: 2.02px;}
    .show-more-items .show-more {font-size: calc(24px / 2); font-weight: 500; line-height: calc(32px / 2);}
    .show-more-items .show-more a {height: calc(32px / 2);}
    .show-more-items .show-more p {text-underline-offset: 2px;}
    .show-more-items .show-more span {width: 6px;height: 11px;margin: 2.5px 0 0 4px;}

    /* 버튼 */
    .prd-cate-btx-bx {display: flex !important; align-items: center; justify-content: flex-end; margin-top: calc(50px / 2); width: 100%;}
    .prd-cate-btx-bx button {font-size: 0; padding: 0; margin: 0; border: 0; cursor: pointer; display: block; background-image: url(../../img/main/new/prd-cate-btn.png); background-size: 50px; background-repeat: no-repeat; width: calc(22px / 2); height: calc(42px / 2); transition: none !important;}
    .prd-cate-btx-bx button:before,
    .prd-cate-btx-bx button:after{display: none !important;}
    .prd-cate-btx-bx button#prdCatePrev {background-position: bottom left;}
    .prd-cate-btx-bx button#prdCateNext {background-position: bottom right; margin-left: calc(65px / 2);}
    .prd-cate-btx-bx button#prdCatePrev.swiper-button-disabled {background-position: top left; cursor: auto;}
    .prd-cate-btx-bx button#prdCateNext.swiper-button-disabled {background-position: top right; cursor: auto;}
}/* 768px */


/* 리뷰 큐레이션 */
.main-section-review {margin-top: 150px;}
.main-section-review .title-bx {position: relative; line-height: 32px; margin-bottom: 24px;}
.main-section-review .title-bx h3 {letter-spacing: -0.5px; line-height: inherit;}
.main-section-review .title-bx h3 p {display: block;font-size: 22px;font-weight: 500;color: #000;letter-spacing: -0.5px;margin-top: 5px;font-family: 'Pretendard' !important;}
.main-section-review .title-bx a:not(.mo) {margin-top: 29px;}

.review-list-bx .review-list-li {max-width: 377px; width: 376.25px;}
.review-list-bx .inner {position: relative; background: #F5F5F7; border-radius: 15px; padding: 20px 23px 16px; box-sizing: border-box;}
.review-list-bx .thumb-image-bx {position: relative;display: flex;width: 100%;height: 0;padding-bottom: 100%;align-items: center;justify-content: center;overflow: hidden;border-radius: 15px;}
.review-list-bx .thumb-image-bx a {height: 100%;}
.review-list-bx .thumb-image-bx img {display: block;width: 100%;height: auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);min-height: 100%;object-fit: cover;}
.review-list-bx .info-text-bx {margin-top: 17px; padding: 0 3px; box-sizing: border-box;}
.review-list-bx .info-text-bx strong.title {font-family: 'Pretendard' !important; position: relative; font-weight: 600; letter-spacing: -0.5px; color: #111; font-size: 20px; line-height: 32px;}
.review-list-bx .info-text-bx strong.title a {font-family: 'Pretendard' !important;}
.review-list-bx .info-text-bx .description {font-family: 'Pretendard' !important; overflow:hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; font-size: 14px; font-weight: 400; line-height: 20px; color: #424242;margin-top: 6.5px;}
.review-list-bx .author-info {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 3px; box-sizing: border-box;}
.review-list-bx .author-info p.name {font-family: 'Pretendard' !important; color: #B1B1B1; font-size: 13px; font-weight: 500; line-height: 32px; letter-spacing: -0.5px;}
.review-list-bx .author-info a {font-family: 'Pretendard' !important; color: #424242; font-size: 13px; line-height: 32px; font-weight: 400; letter-spacing: -0.5px; text-decoration: underline; text-underline-offset: 3px;}

/* 리뷰 큐레이션 모달 */
.main-review-lay {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100;}
.main-review-lay * {box-sizing: border-box;font-family: 'Pretendard' !important;}
.review-lay-content {position: relative; display: flex; align-items: center; justify-content: center; line-height: 1; width: 100%; height: 100%;}
.review-lay-dim {position:  absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25);}
.review-lay-content .lay-inner {position: relative; display: flex; width: 750px; height: 375px; background: #fff; border-radius: 15px; padding: 23px 23px 22px;}
.review-lay-content .gallery-bx {width: 330px; flex-shrink: 0;}
.review-lay-content .gallery-bx .swiper {width: 100%;}
.review-lay-content .gallery-bx .images {position: relative; display: block; width: 100%; height: 0; overflow: hidden; padding-bottom: 100%; border-radius: 15px;}
.review-lay-content .gallery-bx .images img {display: block;width: 100%;height: auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);min-height: 100%;object-fit: cover;}
.review-lay-content #reviewGalleryPrev,
.review-lay-content #reviewGalleryNext {position: absolute; top: 50%; transform: translateY(-50%); transition: none; padding: 0; margin: 0; width: fit-content; height: auto; line-height: 1; font-size: 0; border: 0; background: transparent; opacity: 0.7; z-index: 1;}
.review-lay-content #reviewGalleryPrev.swiper-button-disabled,
.review-lay-content #reviewGalleryNext.swiper-button-disabled {display: none !important;}
.review-lay-content #reviewGalleryPrev {left: 13.33px;}
.review-lay-content #reviewGalleryNext {right: 13.33px;}

.review-lay-content .info-bx {position: relative; display: flex; flex-flow: column; width: 100%; height: 100%; padding: 0 0 0 30px;}
.review-lay-content .info-bx .title-bx {min-height: 47.5px;display: flex;align-items: flex-start;justify-content: space-between;padding: 11px 0 3px 0;flex-shrink: 0;width: 320px;margin: 0 0 4px 0;}
.review-lay-content .info-bx .title-bx strong {line-height: 1.2;font-size: 20px;font-weight: 600;letter-spacing: -0.5px;color: #111;padding-top: 5px; overflow:hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.review-lay-content .info-bx .title-bx p {flex-shrink: 0;margin-left: 15px;color: #B1B1B1;font-size: 13px;font-weight: 500;letter-spacing: -0.5px;line-height: 32px;margin-top: 2px;}
.review-lay-content .info-bx .desc-bx {position: relative;display: block;width: 100%;max-width: 330px;height: auto;overflow: auto;}
.review-lay-content .info-bx .desc-bx .description {width: 320px;word-break: break-all;font-size: 14px;font-weight: 400;color: #424242;line-height: 23px;text-align: justify;}
.review-lay-content button.btn-review-gallery-close  {position: absolute;right: 9px;top: 10px;width: 24px;height: 24px;cursor: pointer;border: 0;padding: 0;margin: 0;background: transparent;display: flex;align-items: center;justify-content: center;font-size: 0;}


@media all and (min-width: 769px) {
    .review-lay-content .info-bx .desc-bx::-webkit-scrollbar {width: 3px;}
    .review-lay-content .info-bx .desc-bx::-webkit-scrollbar-track {background: #f6f6f6; background: transparent;}
    .review-lay-content .info-bx .desc-bx::-webkit-scrollbar-thumb {background: #ccc;}
}
@media all and (max-width: 768px) {
    /* 리뷰 큐레이션 */
    .main-section-review {margin-top: calc(130px / 2);}
    .main-section-review .title-bx {margin-bottom: calc(49px / 2); line-height: calc(32px / 2);}
    .main-section-review .title-bx h3 p {font-size: calc(35px / 2); margin-top: calc(23.32px / 2);}

    .review-list-bx .review-list-li {width: calc(470px / 2);}
    .review-list-bx .inner {border-radius: calc(15px / 2); padding: calc(35px / 2) calc(35px / 2) calc(25.69px / 2) calc(35px / 2);}
    .review-list-bx .thumb-image-bx {border-radius: calc(15px / 2);}
    .review-list-bx .info-text-bx {margin-top: calc(7.31px / 2); padding: 0 calc(10px / 2);}
    .review-list-bx .info-text-bx strong.title {font-size: calc(22px / 2); font-weight: 600; line-height: calc(32px / 2);}
    .review-list-bx .info-text-bx .description {font-size: calc(22px / 2); line-height: calc(30px / 2); margin-top: 0;}
    .review-list-bx .author-info {margin-top: calc(20px / 2); padding: 0 calc(10px / 2);}
    .review-list-bx .author-info p.name {font-size: calc(20px / 2); line-height: calc(32px / 2);}
    .review-list-bx .author-info a {color: rgba(29, 29, 31, 0.7); font-size: calc(20px / 2); line-height: calc(32px / 2); text-underline-offset: calc(3px / 2);}

    /* 리뷰 큐레이션 모달 */
    .review-lay-content .lay-inner {max-width: 380px;min-width: 300px;width: 100%;height: auto;padding: calc(72px / 2) calc(50px / 2) calc(68px / 3);max-height: 88%;border-radius: calc(15px / 2);flex-flow: column;}
    .review-lay-content .gallery-bx {width: 100%;}
    .review-lay-content .gallery-bx .images {border-radius: calc(15px / 2);}
    .review-lay-content #reviewGalleryPrev,
    .review-lay-content #reviewGalleryNext {width: calc(37.08px / 2);}
    .review-lay-content #reviewGalleryPrev {left: calc(4px / 2);}
    .review-lay-content #reviewGalleryNext {right: calc(4px / 2);}

    .review-lay-content .info-bx {overflow: hidden;padding: 0;}
    .review-lay-content .info-bx .title-bx {padding: calc(33.4px / 2) calc(6px / 2) calc(16.36px / 2);margin: 0;width: 100%;}
    .review-lay-content .info-bx .title-bx strong {font-size: calc(27px / 2);line-height: 1.2;padding: 0;}
    .review-lay-content .info-bx .title-bx p {line-height: calc(32px / 2);font-size: calc(23px / 2);margin: 0;}
    .review-lay-content .info-bx .desc-bx {border-top: 1px solid #B1B1B1;padding-top: calc(11px / 2);margin-top: -6px;}
    .review-lay-content .info-bx .desc-bx .description {width: 100%;font-size: calc(22px / 2);line-height: calc(33px / 2);min-height: 80px;padding: 0 calc(5.07px / 2) 0 calc(4.93px / 2);}
    .review-lay-content button.btn-review-gallery-close {width: calc(45px / 2); height: calc(45px / 2); top: calc(15.14px / 2); right: calc(12.23px / 2); }
    .review-lay-content button.btn-review-gallery-close img {display: none;}
    .review-lay-content button.btn-review-gallery-close:after {content :""; display: block; width: calc(22.5px / 2); height: calc(22.5px / 2); background: url(../../img/main/new/review-gallery-close-mo.svg)no-repeat center / 100%;}

    @media all and (max-width: 520px) {
        .review-lay-content .lay-inner {width: 300px;max-height: calc(950px / 2);}
    }/* 520px */

}/* 768 */

/* 놓치기 아쉬운 프로모션 */
.main-section-promo {margin-top: 150px;}
.main-section.main-section-promo .title-bx h3 {line-height: 45px;}
.main-section-promo * {box-sizing: border-box; font-family: 'Pretendard' !important;}

.main-section-promo-slider {margin-top: 16px;}
.main-section-promo-slider .swiper {}
.main-section-promo-slider .swiper-slide {width: 400px; cursor: pointer;}
.main-section-promo-slider .swiper-slide a {}
.main-section-promo-slider .inner {position: relative;display: block;width: 100%;height: auto;overflow: hidden;border-radius: 15px;}
.main-section-promo-slider .inner img,
.main-section-promo-slider .inner > img {display: block;width: 100%;/* height: auto; */ height: 380px;}
.main-section-promo-slider .inner .text-bx {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; overflow: hidden; padding: 40px 10px 10px 40px;}
.main-section-promo-slider .inner .text-bx p {display: block; font-size: 17px; font-weight: 500; color: #000; letter-spacing: -0.5px; line-height: 32px;}
.main-section-promo-slider .inner .text-bx strong {display: block;font-size: 20px;font-weight: 600;line-height: 32px;letter-spacing: -0.5px;margin-top: 10px;color: #111; overflow:hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

@media all and (max-width: 768px) {
    .main-section-promo {margin-top: calc(160px / 2);}
    .main-section.main-section-promo .title-bx h3 {line-height: calc(45px / 2);}
    .main-section-promo-slider {margin-top: calc(50px / 2);}
    .main-section-promo-slider .swiper-slide {width: calc(400px / 2); height: auto; max-height: calc(380px / 2);}
    .main-section-promo-slider .swiper-slide a {}
    .main-section-promo-slider .inner {border-radius: calc(15px / 2);}
    .main-section-promo-slider .inner img,
    .main-section-promo-slider .inner > img {height: calc(380px / 2);}
    .main-section-promo-slider .inner .text-bx {padding: calc(40px / 2) calc(40px / 2) 10px calc(40px / 2);}
    .main-section-promo-slider .inner .text-bx p {font-size: calc(25px / 2);color: #000;line-height: calc(32px / 2);}
    .main-section-promo-slider .inner .text-bx strong {font-size: calc(28px / 2);line-height: calc(40px / 2);margin-top: calc(22px / 2);}
}/* 768 */

/* 오직 공식몰에서만 */
.main-section-exclusive {margin-top: 150px;}
.main-section-exclusive * {box-sizing: border-box; font-family: 'Pretendard' !important;}
.main-section.main-section-exclusive .title-bx h3 {line-height: 45px;}

.main-section-exclusive-slider {margin-top: 16px;}
.main-section-exclusive-slider .swiper {}
.main-section-exclusive-slider .swiper-slide {width: 767px; cursor: pointer;}
.main-section-exclusive-slider .swiper-slide a {}
.main-section-exclusive-slider .inner {position: relative;display: block;width: 100%;height: auto;overflow: hidden;border-radius: 15px;}
.main-section-exclusive-slider .inner > img {display: block;width: 100%;height: auto;}
.main-section-exclusive-slider .inner .text-bx {position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;overflow: hidden;padding: 37px 10px 10px 35px;}
.main-section-exclusive-slider .inner .text-bx p {display: block; font-size: 17px; font-weight: 500; color: #000; letter-spacing: -0.5px; line-height: 32px;}
.main-section-exclusive-slider .inner .text-bx strong {display: block;font-size: 20px;font-weight: 600;line-height: 32px;letter-spacing: -0.5px;margin-top: 10px;color: #111; overflow:hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


@media all and (max-width: 768px) {
    .main-section-exclusive {margin-top: calc(130px / 2);}
    .main-section.main-section-exclusive .title-bx h3 {line-height: calc(45px / 2);}
    .main-section-exclusive-slider {margin-top: calc(50px / 2);}
    .main-section-exclusive-slider .swiper-slide {/* width: calc(400px / 2); */ width: 100%; height: auto;/* max-height: calc(380px / 2); */}
    .main-section-exclusive-slider .swiper-slide a {}
    .main-section-exclusive-slider .inner {border-radius: calc(15px / 2);}
    .main-section-exclusive-slider .inner .text-bx {padding: calc(34px / 2) calc(40px / 2) 10px calc(40px / 2);}
    .main-section-exclusive-slider .inner .text-bx p {font-size: calc(25px / 2);color: #000;line-height: calc(32px / 2);}
    .main-section-exclusive-slider .inner .text-bx strong {font-size: calc(28px / 2);line-height: calc(40px / 2);margin-top: calc(24px / 2);}
    .main-section-exclusive-slider .swiper-slide.show-more-items {/* padding-left: 15px; */}
}/* 768 */

/* 세라젬쇼츠 */
.main-section-shorts {margin-top: 150px;}
.main-section-shorts * {box-sizing: border-box; font-family: 'Pretendard' !important;}
.main-section-shorts .title-bx {margin-bottom: 16px;}
.main-section.main-section-shorts .title-bx h3 {line-height: 45px;}
.main-section-shorts .swiper-slide {position: relative; width: 376.25px; height: 564px; overflow: hidden;}
/* .main-section-shorts .swiper-slide img {display: none !important;} */
.main-section-shorts .swiper-slide:not(.show-more-items) a {width: 100%; height: 100%; display: block; cursor: pointer;}
.main-section-shorts .swiper-slide .inner {position: relative; font-size: 0; width: 100%; height: 100%; border-radius: 15px; overflow: hidden;}
.main-section-shorts .swiper-slide .inner:after {content :""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.main-section-shorts .swiper-slide iframe,
.main-section-shorts .swiper-slide video {border:0; padding: 0; margin: 0; width: 100% !important; height: auto !important; min-height: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width: 376px; }
.main-section-shorts .swiper-slide img {border:0; padding: 0; margin: 0; width: 100% !important; height: auto !important;  position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width: 376px;}
.main-section-shorts .swiper-slide img + video {display: none !important;}
.main-section-shorts .swiper-slide img ~ video {display: none !important;}
@media all and (max-width: 1620px) {
    .main-section-shorts .swiper-slide {width: 376px;}
}
@media all and (max-width: 768px) {
    .main-section-shorts {margin-top: calc(150px / 2);}
    .main-section-shorts .title-bx {margin-bottom: calc(50px / 2);}
    .main-section.main-section-shorts .title-bx h3 {line-height: calc(45px / 2);}
    .main-section-shorts .swiper-slide {width: calc(376px / 2); height: calc(564px / 2);}
    .main-section-shorts .swiper-slide .inner {border-radius: calc(15px / 2)}
}

/* 제품상담이필요하신가요? */
.main-section-cs {margin-top: 150px;}
.main-section-cs * {box-sizing: border-box; font-family: 'Pretendard' !important;}
.main-section-cs .cs-bx {position: relative; display: flex; width: 100%; height: auto;}
.main-section-cs .cs-bx .consultation-bx {position: relative; flex-shrink: 0; width: 970px; min-height: 200px; background: #F5F5F7; border-radius: 15px; padding: 65px 95px 57px 61.6px; display: flex; align-items: center; line-height: 26px;}
.main-section-cs .cs-bx .consultation-bx strong {display: block; font-size: 26px; font-weight: 600; color: #111;}
.main-section-cs .cs-bx .consultation-bx .desc {position: relative; margin-top: 23.03px;}
.main-section-cs .cs-bx .consultation-bx .desc:after {content :""; clear: both; display: block;}
.main-section-cs .cs-bx .consultation-bx .desc p {float: left; display: block; width: fit-content; color: #858585; font-size: 21px; letter-spacing: -0.5px; margin-right: 53px;}
.main-section-cs .cs-bx .consultation-bx .desc a {display: block; width: fit-content; float: left; line-height: 27.3px; font-size: 21px; font-weight: 400; color: #111; text-decoration: underline; text-underline-offset: 3px;}
.main-section-cs .cs-bx .consultation-bx .desc br.mo {display: none;}
.faq-link-bx {width: calc(100% - 970px); display: flex; align-self: center; padding-left: 45.45px;}
.faq-link-bx li {padding: 14px 0; font-size: 22px; font-weight: 600; color: #111; line-height: 32px; letter-spacing: -0.5px; position: relative;}
.faq-link-bx li a {display: flex; align-items: center; width: fit-content; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit;}
.faq-link-bx li a img {margin-left: 15px; margin-top: 1px;}
.faq-link-bx li a img.icon-mo {display: none;}

@media all and (max-width: 1300px) {
    .main-section-cs .cs-bx .consultation-bx {padding: 65px 65px 57px 31.6px; width: 910px;}
    .faq-link-bx {width: calc(100% - 910px);}
    @media all and (max-width: 1285px) {
        .main-section-cs .cs-bx .consultation-bx {padding: 65px 0 57px 31.6px;width: 715px;}
        .main-section-cs .cs-bx .consultation-bx .desc {display: flex;align-items: flex-end;gap: 30px;line-height: 35px;}
        .main-section-cs .cs-bx .consultation-bx .desc p {margin-right: 0;}
        .main-section-cs .cs-bx .consultation-bx .desc a {margin-top: 20px; line-height: 35px;}
        .main-section-cs .cs-bx .consultation-bx .desc br.mo {display: block;}
        .faq-link-bx {width: calc(100% - 715px);padding-left: 30px;}
    }/* 1285px */
    @media all and (max-width: 1024px) {
        .main-section-cs .cs-bx {display: block; width: 100%;}
        .main-section-cs .cs-bx .consultation-bx {width: 100%; padding: 65px 0 57px 51.6px;}
        .main-section-cs .cs-bx .consultation-bx .desc p {/* margin-right: 30px; */}
        .main-section-cs .cs-bx .consultation-bx .desc a {margin-top: 0;}

        .faq-link-bx {width: 100%;padding: 30px;}
        .faq-link-bx ul {display: flex;align-items: center;gap: 0 35px;}
        .faq-link-bx ul li {margin-right: 0;}
    }/* 1024px */
    @media all and (max-width: 768px) {
        .main-section-cs {margin-top: calc(130px / 2);}
        .main-section-cs .cs-bx .consultation-bx {padding: calc(59.36px / 2) 0 calc(43px / 2) calc(35px / 2);min-height: auto;border-radius: calc(15px / 2);}
        .main-section-cs .cs-bx .consultation-bx strong {line-height: calc(22.5px / 2);font-size: calc(30px / 2);}
        .main-section-cs .cs-bx .consultation-bx .desc {margin-top: calc(23.64px / 2);line-height: unset;display: block;}
        .main-section-cs .cs-bx .consultation-bx .desc p {line-height: calc(35px / 2);font-size:  calc(24px / 2);float: none;}
        .main-section-cs .cs-bx .consultation-bx .desc a {float: none;line-height: calc(26px / 2); font-size: calc(28px / 2); margin-top: calc(48px / 2);}
        .main-section-cs .cs-bx .consultation-bx .desc br.mo {display: none;}

        .faq-link-bx {padding: 0 10px 0 calc(36px / 2); margin-top: calc(31px / 2);}
        .faq-link-bx ul {gap: 0 calc(50px / 2)}
        .faq-link-bx li {color: #0066CC;margin-right: calc(52px / 2);line-height: calc(32px / 2);font-size: calc(28px / 2);padding: 0;font-weight: 500;}
        .faq-link-bx li:last-child {margin-right: 0;}
        .faq-link-bx li a span {flex-shrink: 0;}
        .faq-link-bx li a img.icon-pc {display: none;}
        .faq-link-bx li a img.icon-mo {display: block; width: calc(19px / 2); margin-left: calc(10px / 2);}
    }/* 768px */
    @media all and (max-width: 500px) {
        .main-section-cs .cs-bx .consultation-bx .desc br.mo {display: block;}
    }/* 500px */
}/* 1300 */

/* 체험매장 소식 */
.main-section-store {margin-top: 150px; margin-bottom: 150px;}
.main-section-store * {box-sizing: border-box; font-family: 'Pretendard' !important;}
.main-section-store .title-bx {margin-bottom: 16px;}
.main-section.main-section-store .title-bx h3 {line-height: 45px;}

#storeSlider {}
#storeSlider .swiper-slide {position: relative; width: 375.5px;}
#storeSlider .swiper-slide:not(.show-more-items) a {}
#storeSlider .swiper-slide .inner {position: relative; width: 100%; height: 200px; overflow: hidden; padding: 27.1px 20px 0 31.58px; background: #F5F5F7; border-radius: 15px; color: #111;}
#storeSlider .swiper-slide .inner > span {display: block; line-height: 32px; font-weight: 500; letter-spacing: -0.5px; font-size: 17px;}
#storeSlider .swiper-slide .inner > strong {display: block;line-height: 24px;font-weight: 600;letter-spacing: -0.5px;font-size: 18px;margin-top: 6px;}

#storeSlider .swiper-slide.store-default {}
#storeSlider .swiper-slide.store-default .inner {background: #B3937E;color: #fff;}
#storeSlider .swiper-slide.store-default .inner > p {display: flex;align-items: center;font-size: 18px;font-weight: 600;letter-spacing: -0.5px;line-height: 1;position: absolute;left: 31.58px;bottom: 23.62px;height: 30px;}
#storeSlider .swiper-slide.store-default .inner > p span {display: block;margin-left: 6px;width: 20px;height: 16.5px;background: url(../../img/main/new/default-arrow.png)no-repeat center right / 20px;}

@media all and (max-width: 1620px) {
    .main-section-store .swiper-slide {width: 375px;}
    @media all and (max-width: 768px) {
        .main-section-store {margin-top: calc(130px / 2);margin-bottom: -88px;padding-bottom: calc(130px / 2);}
        .main-section-store .title-bx {margin-bottom: calc(50px / 2);}
        .main-section.main-section-store .title-bx h3 {line-height: calc(45px / 2);}
        #storeSlider .swiper-slide {width: calc(370px / 2);}
        #storeSlider .swiper-slide:not(.show-more-items) a {}
        #storeSlider .swiper-slide .inner {height: calc(400px / 2);padding: calc(37.99px / 2) 10px 0 calc(33.35px / 2);border-radius: calc(15px / 2);}
        #storeSlider .swiper-slide .inner > span {line-height: calc(45px / 2);font-size: calc(30px / 2);}
        #storeSlider .swiper-slide .inner > strong {line-height: calc(38px / 2);font-size: calc(24px / 2);margin-top: calc(17px / 2);word-break: keep-all;}

        #storeSlider .swiper-slide.store-default .inner > p {font-size: calc(24px / 2);left: calc(33.35px / 2);bottom: calc(44.99px / 2);height: calc(30px / 2);}
        #storeSlider .swiper-slide.store-default .inner > p span {margin-left: 4px;width: calc(28px / 2);height: calc(27px / 2);background: url(../../img/main/new/default-arrow-mo.png)no-repeat center right / calc(26.5px / 2);}
    }/* 768px */
}/* 1620px */

/* 인터렉션 효과 추가 */
    /* 제품별로 살펴보기 */
    .main-section-product-list .swiper {overflow: visible !important; clip-path: inset(-20px 0 -20px -15px);}
    .main-section-product-list .swiper:hover {clip-path: inset(-20px -15px -20px -15px);}
    .main-section-product-list .swiper-slide {z-index: 1;}
    .main-section-product-list .swiper-slide:hover {z-index: 10;}
    .main-section-product-list .item_photo_box {overflow: visible;}
    .main-section-product-list .item_photo_box a {transition: all .3s cubic-bezier(0, 0, .5, 1);}
    .main-section-product-list .swiper-slide:hover .item_photo_box a {transform: scale3d(1.01, 1.01, 1.01); /* box-shadow: 2px 4px 13px rgba(0, 0, 0, 0.08); */}
    @media all and (max-width: 1620px) {
        .main-section-product-list .swiper:hover {clip-path: inset(-20px -0 -20px -15px);}
    }/* 1620 */

    /* 리뷰 큐레이션 */
    #mainRivew.swiper {overflow: visible !important; clip-path: inset(-20px 0 -20px -15px);}
    #mainRivew.swiper:hover {clip-path: inset(-20px -15px -20px -15px);}
    #mainRivew.swiper .swiper-slide {z-index: 1;}
    #mainRivew.swiper .swiper-slide:hover {z-index: 10;}
    #mainRivew.swiper .inner {overflow: visible;}
    #mainRivew.swiper .inner {transition: all .3s cubic-bezier(0, 0, .5, 1);}
    #mainRivew.swiper .swiper-slide:hover .inner {transform: scale3d(1.01, 1.01, 1.01); /* box-shadow: 2px 4px 13px rgba(0, 0, 0, 0.08); */}
    @media all and (max-width: 1620px) {
        #mainRivew.swiper:hover {clip-path: inset(-20px -0 -20px -15px);}
    }/* 1620 */

    /* 놓치기 아쉬운 프로모션 */
    .main-section-promo-slider .swiper {overflow: visible !important; clip-path: inset(-20px 0 -20px -15px);}
    .main-section-promo-slider .swiper:hover {clip-path: inset(-20px 0 -20px -15px);}
    .main-section-promo-slider .swiper .swiper-slide {z-index: 1;}
    .main-section-promo-slider .swiper .swiper-slide:hover {z-index: 10;}
    .main-section-promo-slider .swiper .inner {overflow: visible;}
    .main-section-promo-slider .swiper .inner {transition: all .3s cubic-bezier(0, 0, .5, 1);}
    .main-section-promo-slider .swiper .swiper-slide:hover .inner {transform: scale3d(1.01, 1.01, 1.01); /* box-shadow: 2px 4px 13px rgba(0, 0, 0, 0.08); */}
    .main-section-promo-slider .inner img {border-radius: 15px;}
    @media (max-width: 768px) {
        .main-section-promo-slider .inner img {
            border-radius: calc(15px / 2);
        }
    }

    /* 오직 공식몰에서만 */
    .main-section-exclusive-slider .swiper {overflow: visible !important; clip-path: inset(-20px 0 -20px -15px);}
    .main-section-exclusive-slider .swiper:hover {clip-path: inset(-20px -13px -20px -15px);}
    .main-section-exclusive-slider .swiper .swiper-slide {z-index: 1;}
    .main-section-exclusive-slider .swiper .swiper-slide:hover {z-index: 10;}
    .main-section-exclusive-slider .swiper .inner {overflow: visible;}
    .main-section-exclusive-slider .swiper .inner {transition: all .3s cubic-bezier(0, 0, .5, 1);}
    .main-section-exclusive-slider .swiper .swiper-slide:hover .inner {transform: scale3d(1.01, 1.01, 1.01); /* box-shadow: 2px 4px 13px rgba(0, 0, 0, 0.08); */}
    @media all and (max-width: 1620px) {
        .main-section-exclusive-slider .swiper:hover {clip-path: inset(-20px -0 -20px -15px);}
        @media all and (max-width: 768px) {
            .main-section-exclusive-slider .swiper:hover {clip-path: inset(-20px -15px -20px -15px);}
        }/* 1620 */
    }/* 1620 */

    /* CERAGEM Shorts */
    .main-section-shorts .swiper {overflow: visible !important; clip-path: inset(-20px 0 -20px -15px);}
    .main-section-shorts .swiper:hover {clip-path: inset(-20px -13px -20px -15px);}
    .main-section-shorts .swiper .swiper-slide {z-index: 1; overflow: visible !important;}
    .main-section-shorts .swiper .swiper-slide:hover {z-index: 10;}
    .main-section-shorts .swiper .inner {overflow: visible;}
    .main-section-shorts .swiper .inner {transition: all .3s cubic-bezier(0, 0, .5, 1);}
    .main-section-shorts .swiper .swiper-slide:hover .inner {transform: scale3d(1.01, 1.01, 1.01); /* box-shadow: 2px 4px 13px rgba(0, 0, 0, 0.08); */}
    .main-section-shorts .swiper .inner img {
        border-radius: 15px;
    }
    .main-section-shorts .swiper .inner iframe {
        border-radius: 15px;
    }
    @media (max-width: 768px) {
        .main-section-shorts .swiper .inner img {
            border-radius: calc(15px / 2);
        }
        .main-section-shorts .swiper .inner iframe {
            border-radius: calc(15px / 2);
        }
    }
    @media all and (max-width: 1620px) {
        .main-section-shorts .swiper:hover {clip-path: inset(-20px -0 -20px -15px);}
    }/* 1620 */
    
    /* 체험매장 소식 */
    .main-section-store-slider .swiper {overflow: visible !important; clip-path: inset(-20px 0 -20px -15px);}
    .main-section-store-slider .swiper:hover {clip-path: inset(-20px -15px -20px -15px);}
    .main-section-store-slider .swiper .swiper-slide {z-index: 1;}
    .main-section-store-slider .swiper .swiper-slide:hover {z-index: 10;}
    .main-section-store-slider .swiper .inner {overflow: visible;}
    .main-section-store-slider .swiper .inner {transition: all .3s cubic-bezier(0, 0, .5, 1);}
    .main-section-store-slider .swiper .swiper-slide:hover .inner {transform: scale3d(1.01, 1.01, 1.01); /* box-shadow: 2px 4px 13px rgba(0, 0, 0, 0.08); */}
    .main-section-store-slider .inner img {border-radius: 15px;}
    @media (max-width: 768px) {
        .main-section-store-slider .inner img {
            border-radius: calc(15px / 2);
        }
    }
    @media all and (max-width: 1620px) {
        .main-section-store-slider .swiper:hover {clip-path: inset(-20px -0 -20px -15px);}
    }/* 1620 */