@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

.button-next:after, .button-prev:after {content: '';display: block;width: 24%;height: 40%;background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSMALL/images/165332163624070.png) no-repeat center/cover;position: absolute;left:50%;transform: translate(-50%,-50%) !important;top:50%;}
.button-next:after{transform:  translate(-50%,-50%) rotate(180deg) !important;}
.button-next.swiper-button-disabled, .button-prev.swiper-button-disabled {opacity: .35;  cursor: auto; pointer-events: none;}

body.main_wrap{overflow-x: hidden;}

/* .main_Swiper.swiper{overflow: initial;} */
.main_Swiper .swiper-button-next{right:25px;}
.main_Swiper .swiper-button-prev{left:25px;}

.main_Swiper .swiper-button-next,
.main_Swiper .swiper-button-prev{width: 50px;height: 50px;box-shadow: 0 0 10px rgba(0,0,0,0.1); background-color: #fff;border-radius: 50%;;}
.main_Swiper .swiper-button-next::after,
.main_Swiper .swiper-button-prev::after{font-size: 16px; color: #333; font-weight: bold;}

.main_Swiper .swiper-button-prev::after{transform: translateX(-2px);}


/* 공통 */
.banner{display: flex;}
.banner .mo_ver{display: none;}
.banner img{width: 100%;}

#pager {width: 110%;position: absolute;top:50%;transform: translate(-50%,-50%);left:50%;display: flex;    justify-content: space-between;}
#pager >div{    z-index: 9;background: #bbbbbb;width: 60px;height: 60px;font-size: 0;border-radius: 50%;display: flex;  justify-content: center; align-items: center;}
#pager .prev{left: -100px;}
#pager .next{right: -100px;}
#pager > div:before{content: '';display: block;width: 30%;padding-bottom: 50%;background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSMALL/images/16528925695436.png)no-repeat center/cover;margin: 0 auto;transform: translateX(-2px);}
#pager  .next:before{transform: rotate(180deg);}

.main_wrap section .button button{background: #FF7C0A;color: #fff;font-size:18px;    border-radius: 30px;display: flex;align-items: center; border:none;}
.main_wrap section .button button svg{display: inline-block;}

.luckiest-guy-regular {
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
    font-style: normal;
}

/*플레이랩*/
.playLab_wrap {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    gap: 20px;
}

.playLab_wrap .content_box {
    width: calc(33.3% - 13.33px); /* gap 20px를 고려한 너비 조정 */
}

.playLab .thumbnail_ing,
.playLab .playLab_content_title,
.playLab .playLab_content_intro,
.playLab .keyword_list,
.confidence_box > div > img,
.confidence_box > div > h4
{
    cursor: pointer;
}

* { font-family: 'Inter','Noto Sans'; font-weight: normal;}

.content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /* Responsive grid */
    gap: 50px 20px;
}

.content-item {
    /* border: 1px solid #eee;
    border-radius: 8px; */
    overflow: hidden;
    background-color: #fff;
    position: relative;
    padding-bottom: 1px;
    /* Space for title */
}

.content-border {
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    /* padding-bottom: 30px; */
    /* Space for title */
}

.content-item img.thumbnail {
    width: 100%;
    height: 250px;
    /* Fixed height for consistency */
    object-fit: cover;
    /* Cover the area */
    display: block;
}

.content-item .title {
    padding: 8px 10px;
    font-size: 1.1em;
    font-weight: 500;
    color: #333;
    /* position: absolute; */
    bottom: 0;
    left: 0;
    right: 0;
}

.content-item .icon {
    /* Placeholder for icons like heart, gear */
    position: absolute;
    top: 8px;
    right: 8px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
}

.content-item .price-tag {
    /* For 'Free' or '200' */
    position: absolute;
    bottom: 0px;
    /* Adjust based on title height */
    left: 0px;
    /* background-color: rgba(255, 255, 255, 0.7); */
    color: orange;
    font-size: 0.8em;
    padding: 2px 6px;
    border-radius: 0px 7px 0px 0px
}

.content-item .price-tag.free {
    background-color: #2ecc71;
    /* Green for free */
}

.content-item .price-tag.points {
    background-color: rgba(255, 255, 255, 0.7);
    font-weight: bold;
    display:none;
    /* Orange for points */
}

.content-item .play-icon {
    /* Specific icon style for play button */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    opacity: 0.8;
    /* Make it slightly transparent */
}

.header .category-dropdown {
    border-radius :  0 0  20px 20px;
    box-shadow: 0 10px 10px #8d8d8d54;
}

/* 태블릿 슬라이드 스타일 (769px ~ 1024px) */
@media (max-width: 1024px) and (min-width: 769px) {
    .playLab_wrap {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 20px;
        padding-left: 20px;
        padding-right: 5px;
    }

    .playLab_wrap .content_box {
        flex: 0 0 calc(60% - 10px);
        scroll-snap-align: start;
        margin-right: 0;
    }

    .playLab_wrap .content_box:last-child {
        margin-right: 20px;
    }

    /* 태블릿에서 썸네일 이미지 반응형 처리 */
    .playLab .thumbnail_box {
        position: relative;
        width: 100%;
        padding-bottom: 66.17%;
        overflow: hidden;
        border-radius: 10px 10px 0px 0px;
        border: 1px solid rgba(217, 217, 217, 0.50);
    }

    .playLab .thumbnail_ing {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        border-radius: 10px 10px 0px 0px;
        border: none !important;
        flex-shrink: 0;
    }

    /* See more 버튼 태블릿 스타일 */
    .playLab_wrap .see-more-box {
        flex: 0 0 calc(60% - 10px);
        scroll-snap-align: start;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-radius: 10px;
        margin-right: 0px;
    }

    .playLab_wrap .see-more-content {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 20px;
    }

    /*.playLab_wrap .see-more-content img {*/
    /*    width: 80%;*/
    /*    height: auto;*/
    /*    transition: transform 0.3s ease;*/
    /*}*/

    .playLab_wrap .see-more-content img:hover {
        transform: scale(1.05);
    }

    /* 스크롤바 숨기기 */
    .playLab_wrap::-webkit-scrollbar {
        display: none;
    }

    .playLab_wrap {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

/* 모바일 슬라이드 스타일 (768px 이하) */
@media (max-width: 768px) {
    .playLab_wrap {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 20px;
        padding-left: 16px;
        padding-right: 5px;
    }

    .playLab_wrap .content_box {
        flex: 0 0 calc(100% - 40px);
        scroll-snap-align: start;
        margin-right: 0;
    }

    .playLab_wrap .content_box:last-child {
        margin-right: 20px;
    }

    /* 모바일에서 썸네일 이미지 반응형 처리 */
    .playLab .thumbnail_box {
        position: relative;
        width: 100%;
        padding-bottom: 66.16%;
        overflow: hidden;
        border-radius: 10px 10px 0px 0px;
        border: 1px solid rgba(217, 217, 217, 0.50);
    }

    .playLab .thumbnail_ing {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        border-radius: 10px 10px 0px 0px;
        border: none !important;
        flex-shrink: 0;
    }

    .playLab .keyword_list {
        display: none !important;
    }

    /* See more 이미지 스타일 (모바일) */
    .playLab_wrap .see-more-box {
        flex: 0 0 100%;
        scroll-snap-align: start;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-radius: 10px;
        min-height: 400px;
        margin-right: 0px;
    }

    .playLab_wrap .see-more-content {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 16px;
    }

    /*.playLab_wrap .see-more-content img {*/
    /*    width: 60%;*/
    /*    height: auto;*/
    /*    transition: transform 0.3s ease;*/
    /*}*/

    .playLab_wrap .see-more-content img:hover {
        transform: scale(1.05);
    }

    /* 스크롤바 숨기기 */
    .playLab_wrap::-webkit-scrollbar {
        display: none;
    }

    .playLab_wrap {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .content-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.thumbnail_box {
    position: relative; /* NEW 박스 위치 기준이 될 부모 */
}

.setting_icon {
    position: absolute;
    top: 12px;
    right: 11px;
    width: 42px;
    height: 42px;
    /*display: flex;*/
    display: none;
    justify-content: center;
    align-items: center;
}

/* SVG는 배경으로 꽉 채우기 */
.setting_icon svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
}

/* 이미지 아이콘은 작게 + SVG 중앙에 겹치게 */
.setting_icon img {
    width: 24.335px;
    height: 24.335px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 중앙 기준 정렬 */
    z-index: 1;
}

.playConfidence_main_copy {
    border: 1px solid #000000;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.playConfidence_btn {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}

.playConfidence_btn img {
    margin-right: 5px;
}

.confidence_box {
    /*border: 1px solid #e0e0e0;*/
    /*border-radius: 16px;*/
    /*padding: 20px;*/
    background-color: #fff;
    /*box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);*/
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    width: 49%;
    border-radius: 20px;
}

/* 제목 */
.confidence_box .product-title {
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 20px 0;
}

/* 버튼 그룹 */
.confidence_box .button-group {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 16px;
}

/* Swiper 구조 */
.playconfidenceSwiper {
    position: relative;
}

/*.playconfidenceSwiper .swiper-wrapper {*/
/*    padding-top: 10px;*/
/*    padding-bottom: 20px;*/
/*}*/

.playconfidenceSwiper .swiper-slide {
    /*background: #fdfdfd;*/
    /*border-radius: 12px;*/
    text-align: center;
    padding: 20px;
    /*padding-bottom: 30px;*/
    /*box-sizing: border-box;*/
}

/* 네비게이션 버튼 */
.playconfidenceSwiper .swiper-button-prev,
.playconfidenceSwiper .swiper-button-next {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    width: 64px;
    height: 64px;
    top: 45%;
    transform: translateY(-50%);
}

.playconfidenceSwiper .swiper-button-prev::after,
.playconfidenceSwiper .swiper-button-next::after {
    font-size: 25px;
    color: #000;
}

.playConfidence_wrap {
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.playConfidence_title_box {
    position: relative;
}

.playConfidence_title_box .product-image {
    width: 100%;
    height: 209px; /* 조절 가능 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, 0.5);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 텍스트와 버튼을 중앙에 배치 */
.playConfidence_title_box .overlay-content {
    color: #fff;
    text-align: center;
    z-index: 2;
}

.playConfidence_title_box .product-title {
    color: #FFF;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    font-family: Inter;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.8px; /* 84.706% */
    letter-spacing: -0.4px;
}

.playConfidence_title_box .button-group {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.playConfidence_title_box .button-group .btn {
    border-radius: 24px;
    padding: 13px 28px;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.9);
    border: none;
    color: #000;
    cursor: pointer;
    transition: 0.3s;
}

.playConfidence_title_box .button-group .btn:hover {
    background-color: #000;
    color: #FF7C0A;
}

.playConfidence_title_box .button-group .btn:hover img {
    filter: invert(48%) sepia(99%) saturate(932%) hue-rotate(349deg) brightness(100%) contrast(112%);
}

.playConfidence_content_title {
    color: #000;
    text-align: center;
    font-family: "Noto Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 160% */
    letter-spacing: -0.4px;
    padding: 15px 0px;
}

.playConfidence_content_description {
    color: #333;
    text-align: center;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 200% */
    letter-spacing: -0.4px;
}

/* 페이지네이션 dot */
.playconfidenceSwiper .swiper-pagination {
    text-align: center;
    bottom: 0px !important;
}

.playconfidenceSwiper .swiper-pagination-bullet {
    background: #ddd;
    opacity: 1;
    margin: 0 4px;
    width: 18px;
    height: 18px;
    border-radius: 100px;
}

.playconfidenceSwiper .swiper-pagination-bullet-active {
    background: orange;
}

.playconfidenceSwiper .playConfidence_sub_copy{
    padding: 22px;
}

.swiper {
    position: relative;
    padding: 20px 0;
}
.swiper-button-prev,
.swiper-button-next {
    color: #000;
}
.swiper-pagination {
    bottom: 0;
    text-align: center;
}

.confidence_box .swiper {
    position: relative;
    padding-bottom: 60px; /* ✅ pagination 공간 확보 */
    overflow: visible; /* ✅ 숨겨진 영역 보여주기 */
}

.confidence_box .swiper-pagination {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 10;
}


.playLab .thumbnail_ing {
    width: 458px;
    height: 248px;
    flex-shrink: 0;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid rgba(217, 217, 217, 0.50);
}

.playLab .new_icon {
    color: #6436EA;
    font-family: "Luckiest Guy";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 4.5px;
}

.playLab .new_box {
    width: 108px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 0px 20px 0px 0px;
    background: rgba(255, 255, 255, 0.80);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;    /* 하단 정렬 */
    left: 0;      /* 좌측 정렬 */
}

/*.playLab .text_box{*/
/*    padding: 0px 15px;*/
/*}*/

.playLab .category_title ul {
    /** display: flex; */
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    padding: 23px 0px 0px 0px;
}

.playLab category_title li {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* 두 번째 li부터 왼쪽 마진 20px */
.playLab .category_title li + li {
    margin-left: 20px;
}

.playLab_content_title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    font-family: Inter !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing: -0.4px !important;
    padding: 18px 0px !important;
}

.playLab_content_intro {
    align-self: stretch;
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.4px;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.playLab .keyword_list {
    padding-top: 41px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    list-style: none;
}

.playLab .keyword_list li {
    background: #f0f0f0;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    border-radius: 50px;
    background: #E5E7EB;
}

.best_list .accordion_box{
    flex-shrink: 0;
    border-radius: 20px;
    border: 1px solid #000;
    background: #FFF;
    padding : 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}

.accordion-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    margin-left: 16px;
}

.accordion-icon {
    width: 32px;
    height: 32px;
    transition: transform 0.3s ease;
    transform: rotate(180deg);
}

.accordion-icon.rotate {
    transform: rotate(0deg);
}

.best_list_title {
    cursor: pointer;
}

.best_list_title.box {
    display: flex;
    align-items: center;
    justify-content: space-between; /* 중요! 양끝 정렬 */
}

.best_list_title .top_arrow,
.best_list_title .title {
    display: inline-block;
    vertical-align: middle;
}

.best_list_title .top_arrow {
    color: #FA2626;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.4px;
    margin-right: 8px;
}

.best_list_title .title {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.4px;
}

.best_list_title .accordion-toggle {
    background: none;
    border: none;
    padding: 0;
    margin-left: auto; /* 오른쪽으로 밀기 */
    flex-shrink: 0;
}

.best_list_title .accordion-icon {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

.product_list .thumbnail img.thumbnail_ing {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.best_list_more_btn {
    display: flex;
    width: 281px;
    padding: 20px 34px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: #000;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 20.313px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#up_arrow {
    position: fixed;
    right: 30px;
    bottom: 10%;
    transform: translateY(50%);
    width: 70px;
    height: 70px;
    cursor: pointer;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}

#up_arrow.show {
    opacity: 0.7;
    pointer-events: auto;
}

#up_arrow:hover {
    opacity: 1;
}

.best_copy .productName {
    color: #000;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 160% */
    letter-spacing: -0.4px;
    align-self: stretch;
    word-break: break-all;
    -webkit-line-clamp: 2;
}

.best_copy .price {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 200% */
    letter-spacing: -0.4px;
}

.popular_copy .productName {
    color: #000;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 160% */
    letter-spacing: -0.4px;
    align-self: stretch;
    word-break : break-all;
    -webkit-line-clamp : 2;
}

.popular_copy .price {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 200% */
    letter-spacing: -0.4px;
}

.accordion-content.product_list ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.free_content_wrap .main_cate button {
    min-width: 60px;
}

.free_content_wrap .main_cate button > img {
    width: 56px;
    height: 56px;
}

.height_fix img {
    height: 200px; /* 원하는 고정 높이 값으로 설정 (예: 200px) */
    width: auto; /* 너비는 비율에 따라 자동 조정 */
    object-fit: cover; /* 이미지가 고정 높이에 맞게 잘리도록 설정 */
    display: block; /* inline 스타일 대신 블록 이미지로 처리 */
    margin: 0 auto; /* 이미지를 중앙 정렬하려면 추가 */
}

/* 슬라이드 컨테이너 기준으로 불릿 네비게이션 스타일 */
.swiper-container {
    position: relative;
}

.swiper-pagination {
    position: absolute;
    bottom: 10px; /* 슬라이드의 하단과의 거리 설정 */
    left: 50%; /* 좌우 중앙 배치 시작 */
    transform: translateX(-50%); /* 가운데 정렬 */
    text-align: center; /* 네비게이션 아이템 정렬 */
    width: auto; /* 필요시 크기 자동 조정 */
}

/* slide */
.main_slide_wrap .mo_ver{display: none;}
.add_slide_sec{position: relative;}
.photoreview_special  .slick-list{overflow-x:initial ;}
.slick-slide img{width: 100%;display: block;}
.main_slide_bottom_but .page_aroow > div{position: absolute ;top:50%;transform: translateY(-50%);display: flex;z-index: 9;align-items: center;justify-content:flex-end; background: #fff;width: 50px;height: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center;box-shadow: 0 0 10px rgba(0,0,0,0.1);}


.main_slide_bottom_but .page_aroow > div img{position: absolute; left:50%;top:50%;transform: translate(-50%,-50%); width: 13px; }
.main_slide_bottom_but .page_aroow .prev{left:-25px;}
.main_slide_bottom_but .page_aroow .next{right: -25px;}
.main_slide_bottom_but .page_aroow .prev img{    left: 48%;}
.main_slide_bottom_but .page_aroow .next img{    left: 57%;transform:translate(-50%,-50%) rotate(180deg);}



.main_slide_bottom_but .swiper-pagination{position: initial;color: #fff;}
.main_slide_bottom_but .play_button{width: 47px;height: 47px;;    position: absolute;right:0;top:50%;transform: translateY(-50%);background: rgba(0,0,0,0.3);border-radius: 40px;}
.main_slide_bottom_but .play_button i{width:100%;height: 100%;padding: 12px;    display: block;}
.main_slide_bottom_but .play_button .play_but{display: none;}
.main_slide_bottom_but  button{color: #fff;font-size: 16px;}

.main_slide_bottom_but .pager{color: #fff;display: flex;}


.main_slide_bottom_but .page_aroow {padding-left: 20px;padding-right: 20px;;display: flex; }
.main_slide_bottom_but .page_aroow img{display: flex; filter: invert(100%);}



/*main_cate type02*/
.main_cate.type02 .cate_depth li:hover > div i{background: #FF7777;}
.main_cate.type02 .cate_depth li:hover p{color: #FF7777;}
/* .main_cate.type02 .cate_depth li:hover img{filter: invert(100%);} */
.main_cate.type02 .cate_depth li.on > div i{background: #FF7777;}
.main_cate.type02 .cate_depth li.on p{color: #FF7777;}
.main_cate.type02 .cate_depth li > div i{height: 80px;width: 80px;margin:0 auto;border-radius: 16px;}
.main_cate.type02 .cate_depth li p{font-size: 16px;    margin-top: 0;font-family: 'Pretendard';font-weight: 500; color: #767676; }
.main_cate.type02 .cate_depth li > div img{width: 60%;}



/*스와이퍼 버튼 */
/* .swiper {overflow: initial !important;} */
.slide_bot_but > div{position: absolute;background: #bbb;height: 60px;    color: #fff;margin:0;border-radius: 40px;top:55%;transform: translateY(-50%);z-index: 99;}
.slide_bot_but .swiper-button{width: 60px;}
.slide_bot_but .swiper-button::after{font-size: 1.1rem;font-weight: 800;transform: translateY(1px);}
.slide_bot_but .swiper-button-next::after{transform:translateY(1px) translateX(2px);}
.slide_bot_but .button-prev {left:0px;}
.slide_bot_but .button-next{right:0px;}




/*가장 많이 팔리는 인기상품*/
/* .product_list li{overflow: hidden;} */
.best_list{position: relative;}
.best_list::before{content:'';display: block;width: 212px;height: 510px;background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSMALL/images/167699185470096.png) no-repeat center/cover;padding-bottom: 25%;position: absolute;left:0;top:10; z-index: -1;}
.best_list::after{content:'';display: block;width:373px;height:783px ;background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSMALL/images/167699186267430.png) no-repeat center/cover;padding-bottom: 25%;position: absolute;right:0%;bottom:0; z-index: -1;}
.product_list .price_sec{position: relative;}



/*따끈따끈한신상품*/
.new_product{position: relative;overflow: hidden; padding: 100px 0 50px;}
.new_product::before{content:'';display: block;width: 100%;background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSMALL/images/167699176562952.png) no-repeat center/cover;padding-bottom: 27%;position: absolute;left:50%;top:65%;transform: translate(-50%,-50%); z-index: -1;height: 54%;}
.new_product .swiper{overflow: initial;}
.new_product .swiper-slide i{margin:0 auto; display: block;width: 100%;padding-bottom: 100%; position: relative; object-fit: cover;}
.new_product .swiper-slide i img{position: absolute; left:50%;top:50%;transform: translate(-50%, -50%);}
.new_product .swiper-slide:nth-child(2n){transform: translateY(-30px);}


/*빅스맘만의 놀이자신감*/
.confidence_sec{padding: 200px 0 270px;}
.confidence_sec .sec_title{text-align: center;}
.confidence_sec .sec_title h4{margin-bottom: 30px; justify-content: center;}
/* .confidence_sec .sec_title p{font-size: 18px;} */
.confidence_content{display: flex; flex-wrap: wrap;}
.confidence_content ul{width: calc(100%/3);}
.confidence_sec ul li{width: 100%; padding:30px; cursor: pointer;}
.confidence_sec ul li > div{border-radius: 15px; overflow: hidden;position: relative;}

.confidence_sec ul.conf_pt{padding-top: 130px;}
.confidence_sec i{position: relative; transition-duration: 0.3s;}
/* .confidence_sec i::before{content:'';display: block;width: 100%;height: 100%;background: #000;opacity: 0.4;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); transition-duration: 0.3s;} */
.confidence_sec .txt_box{position: absolute;left:50%;transform: translate(-50%,250%);width: 100%;color: #fff; text-align: center;top: 50%;opacity: 0; transition-duration: 0.5s;}
.confidence_sec .txt_box em{ display: block ;font-size: 28px; font-weight: 600;}
.confidence_sec .txt_box p{font-weight: 400; font-size: 18px; margin-top: 20px;}

.confidence_sec li > div .txt_box{opacity: 1;transform: translate(-50%,-50%); z-index: 2;}
.confidence_sec li > div i::before{opacity:0.4;}

.confidence_content ul li > div::before{content:'';display: block; width: 100%;height: 100%;background: #000; opacity: 0.4; position: absolute;left:50%; top:50%;transform: translate(-50%,-50%);    z-index: 1;}


/*빅스맘의 새로운 소식*/
.news_sec{position: relative;}
.news_sec > div{overflow: hidden;}
.news_sec .bd{display: flex; align-items: center; background-color: #ffe8d3; }
.news_sec.padding_tb {padding-top: 210px; padding-bottom: 0;}
.news_sec > div{padding-bottom: 110px; background-color: #ffe8d3; }
.news_sec::after{content:'';display: block;width: 362px;height: 263px;background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSMALL/images/167699157823188.png) no-repeat center bottom/100%;position: absolute;left:12%;top:-100px; z-index: 9;}
.news_sec::before{content:'';display: block;width: 100%;height: 126%;background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSMALL/images/167699080531199.png) no-repeat center bottom/100%;position: absolute;left:50%;top:37%;transform: translate(-50%,-50%);z-index: -1; }
.news_sec .sec_title {width: 550px; height: 337px; padding-top: 80px; z-index: 9;position: relative;}
.news_sec .sec_title::before{content:'';display: block;width: 200%;height: 130%;position: absolute;left:0;top:50%;transform: translate(-50%,-50%);z-index: -1; background-color: #ffe8d3;}
.news_sec .sec_title h4{margin-bottom: 30px;}
.news_sec .sec_title p{font-size: 18px; color: #333;}
.news_sec .sec_title .button{margin-top: 60px;}
.news_sec .news_slide  {width: calc(100% - 550px);overflow: initial;}

.news_sec .news_slide .text_box .tit{font-weight: 700; color: #333; font-size: 20px; margin:16px 0;}
.news_sec .news_slide .text_box .txt{font-size: 16px; color: #666;font-family: 'Montserrat';}
.news_sec .thumbnail{width: 100%; padding-bottom: 67%; position: relative;}
.news_sec .thumbnail img{width: 100%; height: 100%; position: absolute; object-fit: cover; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.news_sec .thumbnail > span{ position: absolute;font-size: 14px;padding:4px 10px;color: #fff;border-radius: 50px;font-family: 'Montserrat'; right:20px;top:20px; font-weight: 600;}
.news_sec .thumbnail  span.notice_arr::before{content:'NOTICE';}
.news_sec .thumbnail  span.notice_arr{background: #71BF44;}
.news_sec .thumbnail  span.event_arr::before{content:'EVENT';}
.news_sec .thumbnail  span.event_arr{background: #FF7C0A;}

.category-list img { display: none; }

.confidence_box {
    margin-bottom: 0;
}

.more_play_lab_btn{
    border-radius: 10px;
    border: 1px solid rgba(217, 217, 217, 0.50);
    background: #444444;
    width: 250px;
    height: 150px;
    flex-shrink: 0;
    display: flex;
    cursor: pointer;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.more_play_lab_btn_text{
    color: #FFF;
    text-align: center;
    font-family: Inter !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing: -0.4px;
    margin-right: 20px;
}

.more_play_lab_btn_arrow{
    width: 34px;
    height: auto;
    flex-shrink: 0;
}

/* ********************************************* *
 * 1800px max
 * ********************************************* */
@media (max-width:1800px){
    .news_sec::after{width: 301px; height: 221px; top: -37px; left: 10%;}
    .news_sec::before{top: 31%;}
}



/* ********************************************* *
 * 1600px max
 * ********************************************* */
@media (max-width:1600px){

    .slide_bot_but .button-prev {left:10px;}
    .slide_bot_but .button-next{right:10px;}


    .brand_slider .prev-arrow {  left: 36%; }
    .brand_slider .next-arrow {  right:36%; }

    .news_sec::after{top: -48px; left: 3%;}
    .news_sec::before{top: 15%;}




    .main_Swiper .swiper-button-next{right:25px;}
    .main_Swiper .swiper-button-prev{left:25px;}
}

/* ********************************************* *
 * 1400px max
 * ********************************************* */
@media (max-width:1400px){

    .main_slide_bottom_but { right: 20px; bottom: 30px;}
    .main_slide_bottom_but > div { padding: 9px 20px 7px; height: 40px;}
    .main_slide_bottom_but .play_button{width: 40px;height: 40px;}
    .main_slide_bottom_but > div:first-child {padding-right: 52px; }
    .main_slide_bottom_but > div + div {margin-left: 10px;}
    .main_slide_bottom_but .page_aroow {padding-left: 14px;padding-right: 14px;}
    .main_slide_bottom_but .page_aroow div+div {margin-left: 15px; }


    .slide_bot_but{display: none;}

    .brand_pick .text_box {padding: 20px;}

    .confidence_sec ul li{padding:20px;}
    .confidence_sec ul.conf_pt{padding-top: 80px;}
    .confidence_sec .txt_box em{font-size: 22px;}
    .confidence_sec .txt_box p{font-size: 16px; margin-top: 15px;}

    /* .news_sec::before{background-size: 140%;} */
    .news_sec .sec_title{width: 420px;}
    .news_sec .news_slide{width: calc(100% - 420px);}
}



/* ********************************************* *
 * 1200px max
 * ********************************************* */
@media (max-width:1200px){

    .main_cate .cate_depth li > div i{width: 80px;height: 80px;;}

    .main_cate.type02 .cate_depth li > div i {height: 66px; width: 65px;  border-radius: 12px;}
    .main_cate ul.cate_depth {justify-content: flex-start;}

    .product_list .price{font-size: 1.2rem;}
    .product_list .price_sec .sale_percent{margin-right: 0;}
    .product_list .sale{margin: 0 6px;}

    .review_youtube .video {margin-right:30px;}
    .review_youtube .product_list .tit{    font-size: 1.25rem;}
    .review_youtube .product_list_title i.interest { width: 30px; height: 30px;padding: 5px;}
    .review_youtube .product_list .txt{font-size: 1rem;}

    .review_youtube .product_list .sale{font-size: 1rem;    margin: 6px 0;}
    .review_youtube .product_list .price span{font-size: inherit;}
    .review_youtube .product_list .price {font-size: 1.25rem;}


    .time_wrap p{font-size: 0.9rem; padding: 9px 20px 5px;height: 30px;}
    .time_wrap p img {  width: 15px;  margin-right: 4px;}


    .company_sec .text_box .tit {font-size: 1.5rem;}
    .company_slide .text_box .txt{margin-top: 16px;}

    .new_product .swiper-slide i img{max-width: 80%;}

    .news_sec > div{padding-bottom: 0;}
    /* .news_sec::after{top: 184px; width: 195px; height: 142px;} */
    .news_sec::before{top: -8%;}
    .news_sec::after{left: auto; right: 4%; top: 205px; width: 253px;}
    .news_sec .bd{display: block;}
    .news_sec .sec_title .button{margin-top: 40px;}
    .news_sec .sec_title h4{margin-bottom: 20px;}
    .news_sec .sec_title, .news_sec .news_slide{width: 100%;}
    .news_sec .news_slide{padding-bottom: 80px;}
    .news_sec .news_slide .text_box .tit{font-size: 17px; margin: 14px 0 10px;}
    .news_sec .news_slide .text_box .txt{margin-top: 0;}
    .news_sec .thumbnail > span{right: 12px; top: 12px;}
    .news_sec .sec_title{height: 240px; padding-top: 50px;}
    .news_sec .sec_title::before{background-color: transparent;}

}



/* ********************************************* *
 * 1024px max
 * ********************************************* */
@media (max-width:1024px){
    .header .category-dropdown {
        border-radius : 5px;
        height: 100%;
        box-shadow: none;
    }

    .thumbnail .bell { left: 20px; top: 20px; width: 40px;}
    .thumbnail .bell::before { width: 12px;height: 12px;border: 1px solid #000;bottom: -4px;}
    .time_wrap {bottom: 20px;}

    /*빅스맘의 새로운 소식*/
    .news_sec .sec_title p{font-size: 16px; }
    .confidence_sec  .sec_title p{font-size: 16px;}

    .confidence_sec ul li{padding:16px;}
    .confidence_sec ul.conf_pt{padding-top: 60px;}
    .confidence_sec .txt_box em{font-size: 22px;}
    .confidence_sec .txt_box p{font-size: 14px; margin-top: 10px;}


    .brand_slider .prev-arrow {  left: 28%; }
    .brand_slider .next-arrow {  right:28%; }
}

/* ********************************************* *
 * 960px max
 * ********************************************* */
@media (max-width:960px){
    .main_sub_title {padding-bottom: 25%; display: none;}
    .best_list .button.type02 { display: none; }

    .new_product{padding: 70px 0 30px;}
    .confidence_sec{padding: 100px 0px}

    .product_list .price_sec .sale_percent span{font-size: 1.4rem;}

    .brand_pick .txt {  margin-top: 0;font-size: 0.9rem; line-height: 1.3;}

    /*빅스맘만의 놀이 자신감*/
    .confidence_sec  .sec_title p br.dis-none{display: block;}
    .confidence_sec .txt_box em br.dis-none{display: block;}

    .photoreview_special .product_list .txt{margin-top: 0;}
    .photoreview_special .product_list .tit{font-size: 1.125rem;}
    .photoreview_special .review_product{font-size: 0.9rem;margin-top: 20px;}

    .main_cate .cate_depth li > div i{width: 70px;height: 70px;}
    .main_cate .cate_depth li p{font-size: 0.9rem;}

    .sec_title.add_but {align-items: flex-start;}
    .main_wrap section .button button {position: relative; border-radius: 30px; padding: 12px 14px; font-size: 1rem; top: 10px;}

    .review_youtube .product_list {  width: 30%;}
    .time_slide .product_list .thumbnail .pro_add_cart { right: 20px; bottom: 20px; width: 40px;height: 40px;}
    .best_list .button.sec_bot{margin-top: 30px;}

    .brand_pick .brand_bot_but .swiper-pagination {    font-size: 1.125rem;  width: calc(100% - 160px);}

    .brand_pick .brand_bot_but {width: 300px;}
    .brand_pick .brand_bot_but .swiper-button {  width: 50px;}
    .brand_pick .brand_bot_but > div {height: 50px;}

    .review_product > i {width: 50px;height: 50px;}
    .review_product .pro_info {margin-left: 12px;}
    .photoreview_special .review_con {  margin-top: 0;}
}

/* ********************************************* *
 * 840px max
 * ********************************************* */
@media (max-width:840px){
    .confidence_sec ul li{padding:12px;}
    .confidence_sec .txt_box em{font-size: 20px; line-height: 1.3;}
    .confidence_sec .txt_box p{font-size: 13px; margin-top: 10px;}

    .product-title {
        display: -webkit-box; /* Flexbox 기반에서 텍스트 제한 */
        -webkit-line-clamp: 2; /* 최대 2줄로 제한 */
        -webkit-box-orient: vertical; /* 수직 방향으로 박스 설정 */
        overflow: hidden; /* 넘어간 내용 숨기기 */
        text-overflow: ellipsis; /* 말줄임 표시 (…) 적용 */
        word-wrap: break-word; /* 단어가 길 경우 줄바꿈 */
        line-height: 1.5; /* 줄 간격 설정 */
        max-height: calc(1.5em * 2); /* 2줄 높이 제한 */
    }

}

/* ********************************************* *
 * 789px max
 * ********************************************* */
@media (max-width:789px){
    .confidence_box {
        width: 100%;
    }

    .confidence_box:nth-child(2) {
        display: none;
    }

    /* 네비게이션 버튼 */
    .playconfidenceSwiper .swiper-button-prev,
    .playconfidenceSwiper .swiper-button-next {
        background-color: #fff;
        border-radius: 50%;
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        width: 38px;
        height: 38px;
        top: 45%;
        transform: translateY(-50%);
    }

    .playconfidenceSwiper .swiper-button-prev::after, .playconfidenceSwiper .swiper-button-next::after {
        font-size: 14px;
        color: #000;
    }

    .best_list_title .accordion-icon {
        width: 30px;
        height: 30px;
        flex-shrink: 0;
    }

    .best_list_title .title {
        color: #000;
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px; /* 160% */
        letter-spacing: -0.4px;
    }

    .sec_title h4 {
        font-size: 1.6rem;
        top: 3px;
        position: relative;
    }

    #up_arrow {
        position: fixed;
        right: 10px;
        bottom: 10%;
        transform: translateY(50%);
        width: 40px;
        height: 40px;
        cursor: pointer;
        z-index: 999;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s;
    }

    /* .confidence_content ul:nth-child(2){order: -1; width: 50%; padding-top: 0;}
    .confidence_content ul:nth-child(1){width: 50%; position: relative; transform: translateY(38%);}
    .confidence_content ul:nth-child(3){width: 50%; margin-top: -21.5%;} */

    .confidence_content ul li{padding: 10px;}
    .confidence_content ul:nth-child(2){order: -1; width: 56.1%; padding-top: 0;}
    .confidence_content ul:nth-child(1){width: 43.9%; }
    .confidence_content ul:nth-child(3){width: 100%; display: flex;}
    .confidence_sec .txt_box em{ display: block; font-size: 22px; font-weight: 600;}
    .confidence_sec .txt_box p{font-size: 15px; line-height: 1.3;}


    .news_sec::before{top: -19%;}
    .news_sec::after{width: 188px; height: 140px; top: 251px; right: 6%;}
    .news_sec.padding_tb{padding-top: 170px;}
    .news_sec::before{top: -25%;}
    .news_sec .sec_title .button{margin-top: 30px;}


    .banner .pc_ver{display: none;}
    .banner .mo_ver{display: block;}

    .product_list .sale{margin: 0; margin-left: 6px;}

    .review_youtube .slider_sec{display: block;}
    .review_youtube  .video{position: relative;width: 100%;padding-bottom: 56.25%;}
    .review_youtube .video iframe{position: absolute;  width: 100%; height: 100%;;}
    .review_youtube .product_list{display: flex;width: 100%;margin-top: 20px;align-items: center;}

    .review_youtube .swiper-pagination{display: block;bottom:-30px !important;}
    .review_youtube .swiper-pagination span{width: 10px;height: 10px;border:1px solid #ddd;background: #fff;opacity: 1;}
    .review_youtube .swiper-pagination span.swiper-pagination-bullet-active{background: #ddd;}


    .time_special .product_list .thumbnail{width: 100%;padding-bottom: 50%;}
    .time_special .product_list .thumbnail > img{object-position: center;    height: 100%;position: absolute;}
    .time_special .product_list .text_box{width: 100%;padding-left: 0;margin-top: 12px;;}
    .time_special .time_slide .swiper-wrapper{display: block;transform: none !important;}
    .time_special .time_slide .swiper-slide +.swiper-slide{margin-top: 20px;}
    .time_special .swiper-horizontal{touch-action: initial;}


    .time_slide .product_list .thumbnail .pro_add_cart { right: 20px; bottom: 20px; width: 50px;height: 50px;}
    .review_youtube .review_youtude_index li> div{display: block;}

    .photoreview_special.sub_index .in_con{display: flex;    align-items: center;width: 100%;}
    .photoreview_special.sub_index .col-md-4{width: 100%;}
    .photoreview_special.sub_index .text_box{padding-top: 0;padding-left: 12px;}


    .time_special .time_slide ul li{width: 100%;}
    .time_special .time_slide ul li + li{margin-top: 30px;}


    .company_sec .text_box .tit {font-size: 1.25rem;}
    .company_slide .text_box .txt{margin-top: 12px;font-size: 0.9rem;}


    .brand_pick .slide_paging { width: 200px;}

    .review_youtube  .product_list .thumbnail{width: 200px;}
    .review_youtube  .product_list .text_box{width: calc(100% - 200px);padding-left: 20px;}

    .new_product .swiper-slide i{padding-bottom: 70%;}
    .new_product .swiper-slide i img{max-width: 70%;}



    .main_slide{padding:0;}
    .main_slide .swiper-slide{padding-bottom:120%; position: relative;}
    .main_slide .swiper-slide img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);height: 100%; width: 100%;}

    .main_slide .swiper-slide img{display: none;}
    .main_slide .swiper-slide img.mo_ver{display: block;}

    .main_Swiper .swiper-button-next{right:15px;}
    .main_Swiper .swiper-button-prev{left:15px;}

    .free_content_wrap .main_cate button > img {
        width: 44px;
        height: 44px;
    }

}
/* ********************************************* *
 * 680px max
 * ********************************************* */
@media (max-width:680px){
    .sec_title.add_but{display: block;}
    .main_wrap section .button{margin-top: 30px;}
    .main_wrap section .button button{top: 0;}
}

/* ********************************************* *
 * 640px max
 * ********************************************* */
@media (max-width:640px){
    .confidence_sec .sec_title p{font-size: 14px;}
    .best_list .row{margin-left:0;margin-right:0;}


    .confidence_content ul li{padding: 8px;}
    .confidence_sec .txt_box em{font-size: 20px;}
    .confidence_sec .txt_box p{font-size: 14px;}



    .main_sub_title > div{font-size: 0.9rem;}
    .main_sub_title > div .font_2rem{font-size: 1.5rem;}


    .main_wrap section .button button {padding: 10px 14px;font-size: 1rem; line-height: 1; }
    .main_wrap section .button button svg {  width: 12px; }
    .new_product{padding: 30px 0 30px;}

    .brand_pick.view_page {height: 70vh;}
    .brand_view_slide .brand_bot_but .swiper-button{display: none;}
    .brand_view_slide .brand_bot_but .swiper-pagination {  width: 80px !important; font-size: 0.9rem;  height: 36px;    padding-top: 4px;}

    .main_sub_title {padding-bottom: 30%;}

    .product_list .price_sec .sale_percent{display: none;}
    .best_list::before, .best_list::after{background: none;}

    .product_list .sale{margin-bottom: 0;}
    .review_con .review_total { margin-left: 0;padding-left: 0;}
    .sub_cate li {  padding: 12px 10px;}

    .main_cate.type02 .cate_depth li p{font-size: 13px;}

    .brand_pick .product_list_title .tit {font-size: 1.25rem;}
    .brand_pick .pc_ver{display: none;}
    .brand_pick .mo_ver{display: block;}
    .brand_pick .txt { font-size: 0.9rem;}
    .sub_brand_con .text_box { top: auto;transform: translate(-50%,0%); bottom: 40px;}

    .review_product > i { width: 40px;height: 40px;}
    .review_product .pro_info {margin-left: 12px;}
    .photoreview_special .review_con{margin-top: 0;;}

    .main_slide_wrap .mo_ver{display: block;}
    .main_slide_wrap .pc_ver{display: none;}

    .main_cate.type01{padding:30px 0;}
    .main_cate.type01 ul.cate_depth{flex-wrap: wrap;}
    .main_cate.type01 ul.cate_depth li{width: 25%;margin:5px 0;}
    .main_cate .cate_depth li p {margin-top: 8px;}

    .main_slide_bottom_but {  bottom: 20px;}
    .main_slide_bottom_but > div + div {margin-left: 8px;  }
    .main_slide_bottom_but > div {  padding: 7px 10px 5px;  height: 30px; font-size: 0.7rem;}
    .main_slide_bottom_but button{font-size: 0.7rem;}
    .main_slide_bottom_but .play_button{width: 30px;height: 30px;;padding: 0;}
    .main_slide_bottom_but .play_button i {padding: 8px;}
    .main_slide_bottom_but > div:first-child {padding-right: 36px;}

    .main_slide_bottom_but .page_aroow {  padding-left: 14px; padding-right: 14px;}
    .main_slide_bottom_but .page_aroow div+div {margin-left: 12px;}
    .main_slide_bottom_but .page_aroow div {width: 9px;}


    .review_youtube .product_list_title i.interest { width: 25px;height: 25px; padding: 5px;}
    .review_youtube .product_list .thumbnail .pro_add_cart{    right: 16px; bottom: 16px; width: 40px; height: 40px;}


    .best_list .button.sec_bot{margin-top: 00px;}


    /* section.best_list .button{position: absolute;right:16px;top:-3px;} */


    .brand_pick .brand_bg {padding-bottom: 130%;}
    .brand_pick .brand_bot_but { left: 55%;}

    .brand_pick .brand_bot_but .swiper-pagination{font-size: 1rem;}
    .brand_pick.view_page .swiper{padding: 0 0px;}
    .brand_pick.view_page .swiper-slide-active{margin:0;}
    .brand_slider .slick-current.slick-active {  transform: scale(1);}
    .brand_pick .slide_paging {width: 180px;font-size: 1rem;}
    .brand_slider .prev-arrow {  left: 24%; }
    .brand_slider .next-arrow {  right:24%; }
    /* .brand_slider .slide-arrow {bottom: -152px;} */
    .brand_pick.padding_tb {padding-bottom: 240px;}



    .index_sub_brand .brand_bg {padding-bottom:0%;}




    .cafereview_special .row-short li{margin-bottom:12px; }
    .cafereview_special .row-short > [class*='col'] {  padding-right: 6px;  padding-left: 6px;}
    .cafereview_special .row-short {margin-left: -6px; margin-right: -6px;}



    .sub_cate04 ul li{padding:12px 0px;width: 33.3% !important;margin:0 !important;text-align: left;font-size: 0.9rem;}

    .ranking{left: 10px;  top: 0; background-image: none; background-color: #fff; padding: 18px 18px 22px; border-radius: 0 0 50% 50%;}
    .ranking span{font-size: 14px;}
    .ranking span::before{font-size: 10px;padding-top: 2px;}


    .photoreview_special .product_list .thumbnail{height: auto;  display: flex;    width: 100%;}
    .photoreview_special .product_list .text_box{margin-top: 16px;width: 100%;padding-left: 0;}
    .photoreview_special .product_list .txt { -webkit-line-clamp: 5;   }
    .photoreview_special .review_product { margin-top: 16px;}
    .review_youtube .ranking{top:0;}

    .review_youtube .product_list .thumbnail {  width:140px;}
    .review_youtube .product_list .text_box {  width:calc(100% - 140px);}

    .new_product .swiper-slide i{padding-bottom: 90%;}

    .product_list li {
        width: 50%;
    }

    .product_list li > div {
        display: unset;
        align-items: unset;
    }

    .product_list .thumbnail {
        width: 100%;
        height: 160px;
        padding-bottom: 0;
    }

    .product_list .text_box {
        width: 100%;
        padding-left: 0px;
        padding-top: 4px;
    }

    .product_list_title {
        margin-bottom: 4px;
    }

    .product_list .price_sec {
        margin-top: 4px;
    }
}

/* ********************************************* *
* 560px max
* ********************************************* */
@media (max-width: 560px){
    .confidence_content ul li{padding: 6px;}
    .confidence_sec .txt_box em{font-size: 18px;}
    .confidence_sec .txt_box p{font-size: 13px;}

    .main_wrap section .button{margin-top: 20px;}

    .product_list li + li {
        border-top: none;
    }
}


/* ********************************************* *
 * 500px max
 * ********************************************* */
@media (max-width:500px){

    .confidence_sec{padding: 50px 0;}
    .confidence_sec ul:nth-child(2) li > div{height: 300px;}
    .confidence_sec ul:nth-child(2) li > div img{position: relative; z-index: -1; bottom: 50%;}
    .confidence_content ul:nth-child(2){width: 100%;}
    .confidence_content ul:nth-child(1), .confidence_content ul:nth-child(3){width: 100%; display: flex;}
    .confidence_sec .txt_box em{font-size: 17px;}
    .confidence_sec .txt_box p{font-size: 13px;}


    .confidence_sec .sec_title p{font-size: 13px;}

    .news_sec::after{width: 140px; height: 100px; top: 276px; right: 4%;}

    .best_list .product_list {margin-top: 20px; }

    .review_con i { width: 15px;height: 15px;position: relative;margin-right: 4px;        top: 3px;}

    .main_sub_title {padding-bottom:40%;}

    .news_sec .news_slide .text_box .tit{margin: 10px 0 0;}
    .news_sec .news_slide{padding-bottom: 60px;}
    .news_sec .sec_title p{font-size: 14px;}
    .news_sec .news_slide .text_box .txt{font-size: 14px;}
    .news_sec .sec_title{margin-bottom: 20px; padding-top: 24px; height: 228px;}
    .news_sec .sec_title .button{margin-top: 20px;}

    .brand_view_slide .brand_bot_but .swiper-pagination {width: 68px !important;font-size: 0.7rem;height: 29px;letter-spacing: -4px;}

    .main_cate.type02 .cate_depth li > div i {height: 60px;width: 60px;border-radius: 8px;}
    .sub_cate li {padding: 12px 5px;}
    .sub_cate li:hover::before {width: 120%;}

    .brand_pick.view_page .swiper-backface-hidden .swiper-slide{transform: none;}
    .sub_brand_con .text_box {bottom: 10px;}


    .photoreview_special .product_list .review_con {font-size: 12px;}
    .photoreview_special .review_con i {width: 12px;height: 12px;top:2px}
    .photoreview_special .product_list .tit{font-size:13px;}
    .photoreview_special .product_list .txt{font-size: 0.95rem;}


    .review_youtube .product_list .txt{font-size: 0.8rem;}
    .review_youtube .product_list .price_sec .sale_percent span {font-size: 2.4rem;}
    .review_youtube .product_list .sale {font-size: 0.9rem;}
    .review_youtube .product_list .price {font-size: 1.125rem;  }
    .review_youtube .product_list .tit {font-size: 1.125rem; margin-top: 0;}

    .thumbnail .bell {left: 16px; top: 16px;  width: 30px;}
    .thumbnail .bell::before {width: 10px;height: 10px;}
    .time_slide .product_list .thumbnail .pro_add_cart {right: 16px; bottom: 16px; width: 40px; height: 40px;}

    .brand_pick .swiper{padding:0 20px}
    .brand_pick .swiper-slide-active{transform: translateZ(0) scale(1) !important;margin-right: -20px !important;position: relative;z-index: 9;    margin-left: 23px;}
    .brand_pick .swiper-backface-hidden .swiper-slide{transform: scale(0.9)}
    .brand_pick .swiper-backface-hidden .swiper-slide-prev{transform: scale(0.9) translateX(50px);}
    .brand_pick .text_box { padding: 20px;  }



    .brand_pick .sec_title {margin-bottom: 30px;}
    .brand_pick .sec_title h4 {font-size: 1.5rem;}
    .brand_pick .brand_bot_but > div {height: 40px;  }
    .brand_pick .brand_bot_but > div + div {margin-left: 10px;}
    .brand_pick .brand_bot_but { bottom: -100px;    width: 200px;}
    .brand_pick.padding_tb {padding-bottom: 180px;}
    .brand_pick .brand_bot_but .swiper-button {      width: 40px;  }
    .brand_pick .brand_bot_but .swiper-pagination{width: calc(100% - 100px);}
    .brand_pick .brand_bot_but .swiper-button::after {font-size: 0.8rem;}

    .photoreview_special .review_product { margin-top: 10px;}


    .company_sec .text_box .tit {font-size: 1rem;}
    .company_slide .text_box .txt {margin-top: 6px;}


    .brand_pick .slide_paging {width: 160px;bottom: -120px;height: 55px;}
    .brand_slider .slide-arrow{height: 55px;bottom: -120px;width:55px;}
    .brand_slider .next-arrow {right: 20%;  }
    .brand_slider .prev-arrow {left: 20%;  }

    .new_product .swiper-slide i{padding-bottom: 100%;}


}

/* ********************************************* *
 * 450px max
 * ********************************************* */
@media (max-width:450px){
    /* .main_wrap section .button button{font-size: 0px; padding: 8px 14px;}
    .main_wrap section .button button:before{font-size: 14px; content: 'More';}
    .news_sec .button button:before{content: 'Read More' !important; font-size: 14px;} */

    .confidence_sec ul:nth-child(2) li > div{height: 250px;}
    .confidence_sec ul:nth-child(2) li > div img{position: relative; z-index: -1; bottom: 50%;}
    .confidence_content ul:nth-child(2){width: 100%;}
    .confidence_content ul:nth-child(1), .confidence_content ul:nth-child(3){width: 100%; display: flex;}
    .confidence_sec .txt_box em{font-size: 17px;}
    .confidence_sec .txt_box p{display: none;}

    .news_sec .thumbnail > span{font-size: 11px; padding: 3px 8px 2px; font-weight: 500; top: 8px; right: 8px;}



    .main_Swiper .swiper-button-next,
    .main_Swiper .swiper-button-prev{width: 35px;height: 35px; background: transparent; box-shadow: none;}
    .main_Swiper .swiper-button-next::after,
    .main_Swiper .swiper-button-prev::after{font-size: 20px; color: #fff; font-weight: 400;}


    .main_Swiper .swiper-button-next{right:0px;}
    .main_Swiper .swiper-button-prev{left:0px;}

    .product_list .sale {margin-left: 0;margin-bottom: 6px;}
    .product_list .price_sec {align-items: flex-start;flex-direction: column-reverse;}



}

/* ********************************************* *
 * 400px max
 * ********************************************* */
@media (max-width:400px){
    .new_product{padding: 30px 0;}
    .news_sec::after{width: 100px; height: 80px; top: 282px;}
    .news_sec .sec_title{height: 195px;}
    .confidence_sec{padding: 60px 0 30px;}

    .confidence_sec ul:nth-child(2) li > div{height: 200px;}
    .confidence_sec ul li > div{border-radius: 10px;}

    .product_list .review_con { font-size: 0.7rem; }
    .product_list .id  { font-size: 0.7rem; }

    .review_con i {width: 12px;height: 12px;    top:2px;}

    .review_youtube .product_list .thumbnail .pro_add_cart{    right: 12px; bottom: 12px; width: 40px; height: 40px;padding:6px}

    /*
        .main_wrap section .button button {padding:0;font-size: 0.7rem;    background: transparent;  color: #000;  border: none;width: 50px;position: relative; top: 2px;}
        .main_wrap section .button button svg{color: #000;}
     */
    .time_wrap p {font-size: 0.8rem;padding: 9px 20px 5px;height: 29px;}

    .photoreview_special .product_list .txt{font-size: 0.8rem;-webkit-line-clamp: 5;}

    .photoreview_special .product_list .review_con {font-size: 11px;}
    .photoreview_special .review_con i {width: 12px;height: 12px;top:2px}
    .photoreview_special .review_product{margin-top: 10px;}

    .photoreview_special .review_product > i { width: 30px;height: 30px;}
    .photoreview_special .review_product .pro_info {margin-left: 10px;}

    .main_cate .cate_depth li p {font-size: 0.8rem; margin-top: 4px;}



    .review_youtube .product_list .price_sec .sale_percent span {font-size: 2.2rem;}
    .review_youtube .product_list .price {font-size: 1rem;  }
    .review_youtube .product_list .tit {font-size: 1rem; margin-top: 0;}
    .review_youtube .product_list .price_sec {margin-top: 8px;}

    /* section.best_list .button{top:3px;right:10px;} */

    /*
        section.best_list  .button button{    width: 80px;background: #000;padding: 10px 14px;color: #fff;justify-content: space-between;}
        section.best_list  .button button svg{color: #fff;} */

    .review_youtude_index ul li{padding:16px 0;}



    .brand_pick .slide_paging {width: 140px;bottom: -120px;height: 50px;}
    .brand_slider .slide-arrow{height: 50px;bottom: -120px;width:50px;}
    .brand_slider .next-arrow {right: 18%;  }
    .brand_slider .prev-arrow {left: 18%;  }

    .news_sec::before{top: -31%;z-index: -1; }
}

/* ********************************************* *
 * 360px max
 * ********************************************* */
@media (max-width:360px){
    .review_youtube .product_list .sale{margin:0}
    .review_youtube .product_list .price_sec .sale_percent span{font-size: inherit;}
    .review_youtube .product_list .price_sec .sale_percent{font-size: 1rem;}

    .review_con i { width: 12px; height: 12px; top: 1px;}
    /* .review_con .review_total {margin-left: 8px;  padding-left: 8px;} */

    .photoreview_special .product_list .tit{font-size:13px;-webkit-line-clamp: 3;}

    .brand_pick.padding_tb {  padding-bottom: 140px;}
    .brand_pick .slide_paging {width: 130px;bottom: -100px;height: 45px;font-size: 0.9rem;}
    .brand_slider .slide-arrow{height: 45px;bottom: -100px;width:45px;}
    .brand_slider .next-arrow {right: 20%;  }
    .brand_slider .prev-arrow {left: 20%;  }
    .brand_slider .slide-arrow::before { width: 18px;  height: 12px;}

    .confidence_sec .txt_box em{font-size: 15px;}

}