@charset "utf-8";

/*
 * File    : rwd-review.css
 * Author  : STUDIO-JT (JSH)
 *
 * SUMMARY :
 * 1600px
 * 1480px
 * 1200px
 * 860px
 * 540px
 */



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

}



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

    .review-highlight__list .swiper-wrapper { grid-template-columns: auto 434rem; }

}



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

    .review-highlight.article__section { overflow: hidden; }

    .review-highlight__list .swiper-wrapper { grid-template-columns: auto 354rem; }
    .review-highlight__title { inset: auto 24rem 24rem; }
    .review-highlight__item:first-child .review-highlight__title { inset: auto 36rem 36rem; }

    .review-list .jt-loadmore__btn { padding: 14rem 36rem; }

}



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

    .review-highlight__list { overflow: visible; }
    .review-highlight__list .swiper-wrapper { display: flex; gap: 0; }
    .review-highlight__list .swiper-navigation { display: flex; }
    .review-highlight__title { inset: auto 30rem 30rem; }
    .review-highlight__item { width: 708rem; margin: 0 6rem; }
    .review-highlight__item:first-child .review-highlight__title { inset: auto 30rem 30rem; }
    
    .review-list .jt-loadmore__btn { min-width: 200rem; padding: 12rem 32rem; }

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){
    
    .review-highlight__thumb { border-radius: 8rem; }
    .review-highlight__title { inset: auto 20rem 20rem; }
    .review-highlight__item { width: 348rem; }
    .review-highlight__item:first-child .review-highlight__title { inset: auto 20rem 20rem; }
    
    .review-list .jt-loadmore__btn { min-width: 160rem; }

}