/* ==========================================================================
   Review Widget - Basic Skin
   Namespace: .review-skin-basic
   ========================================================================== */
.review-skin-basic-container {
    position: relative;
}

.review-skin-basic {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   Review Card
   -------------------------------------------------------------------------- */
.review-skin-basic > ul {
    margin: 0 -5px;
}

.review-skin-basic > ul > li {
    padding: 0 5px;
}

.review-skin-basic .review-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid var(--colorgray);
    border-radius: 0;
    overflow: hidden;
    background-color: #fff;
}

/* Image */
.review-skin-basic .image-box {
    flex: 1 1 100%;
    max-width: 100%;
    
}

.review-skin-basic .image-box img {
    width: 100%;
    display: block;
}

/* Content */
.review-skin-basic .content-box {
    flex: 1;
    padding: 10px 15px;
}

.review-skin-basic .content-head {
    display: flex;
}

.review-skin-basic .content-head .name {
    font-size: 14px;
    color: var(--darkgray);
}

.review-skin-basic .content-head .review-rating {
    margin-left: auto;
}

.review-skin-basic .content .subject {
    font-size: 15px;
    margin: 6px 0 4px;
}

.review-skin-basic .content .text {
    font-size: 13px;
    color: var(--darkgray);
    line-height: 1.4;
}

/* --------------------------------------------------------------------------
   Navigation (기본 비활성)
   -------------------------------------------------------------------------- */

.review-skin-basic .swiper-button-prev,
.review-skin-basic .swiper-button-next,
.review-skin-basic .swiper-pagination {
    display: none;
}

@media(max-width: 768px) {
    .review-skin-basic-container {
        padding: 0;
    }

    .review-skin-basic {
    }
    
    .review-skin-basic > ul {
        margin: 0;
    }

    .review-skin-basic > ul > li {
        padding: 0 5px;
    }

    .review-skin-basic .review-inner {
    }

    /* Image */
    .review-skin-basic .image-box {
        
    }

    .review-skin-basic .image-box img {
    }

    /* Content */
    .review-skin-basic .content-box {
    }

    .review-skin-basic .content-head {
    }

    .review-skin-basic .content-head .name {
    }

    .review-skin-basic .content-head .review-rating {
    }

    .review-skin-basic .content .subject {
    }

    .review-skin-basic .content .text {
    }
}