/*--- widget/basic/css/style_responsive.css ---*/

/*-----------------------------------------------------------
    ## 1200px 이하 (노트북,테스크탑)
-----------------------------------------------------------*/
@media ( max-width:1200px ) {

    /* 공통 */
    .container {width:100%;}
    .cont-sec,
    .section-top,
    .review-score,
    .product-review .review-section-top, .fixed-review .review-section-top,
    .product-review .review-section-cont .review-item-top, .fixed-review .review-section-cont .review-item-top,
    .product-review .review-section-cont .review-item-cont .attach-img, .fixed-review .review-section-cont .review-item-cont .attach-img,
    .product-review .review-section-cont .review-item-cont .desc, .fixed-review .review-section-cont .review-item-cont .desc,
    .product-review .review-section-cont .review-item-bottom, .fixed-review .review-section-cont .review-item-bottom,
    .widget-wrap {padding-left:15px; padding-right:15px;}
    /* 상품상세페이지 */
    .review-section-top {box-sizing:border-box; width:100%; padding-left:15px; padding-right:15px;}

}

/* ~ 1039 modal */
@media ( max-width:1039px ) {


}

/*-----------------------------------------------------------
    ## 1040 이하 뷰팝업
-----------------------------------------------------------*/
@media ( max-width:1040px ) {

    /* 공통 > 뷰팝업 */
    .modal .modal-wrap .modal-header {padding-left:25px; padding-right:25px;}
    .modal .modal-wrap .modal-header .btn-close {right:20px; top:20px;}
    /*-- MODAL - 상품상세페이지 > 목록 > 포토리뷰모아보기 > 상세 --*/
    /*.modal.modal-media-review {margin-top:0; margin-left:0;}!* 스크립트 작업 후 지우기 *!*/
    /*.modal.modal-media-review {top:0; left:0;}*/
    .modal.modal-media-review .modal-wrap {border-color:#ffffff;}
    .modal.modal-media-review .modal-wrap {width:100%;}
    .modal.modal-media-review .modal-media-wrap {padding-left:25px; padding-right:25px; padding-bottom:40px;}


}

/*-----------------------------------------------------------
    ## 1024 이하 (태블릿 가로)
-----------------------------------------------------------*/
@media ( max-width:1024px ) {

    /* 상품상세페이지 > 목록 > 평점요약 */
    .review-score .review-score-wrap {padding-left:10px; padding-right:10px;}
    .review-score .rating-summary {flex-basis:30%; padding-left:0; padding-right:0; text-align:center;}
    .review-score .score-num-box {display:block;}
    .review-score .star-wrap {display:block; text-align:center;}
    .score-graph {flex-basis:70%; padding:0 0 0 4%;}
    .score-graph .score-graph-item .score-graph-tit {flex-basis:20%;}
    .score-graph .score-graph-item .score-graph-cnt {padding-left:10px;}
    /*-- MODAL - 상품상세페이지 > 목록 > 포토리뷰모아보기 > 상세 --*/
    .modal.modal-media-review .modal-wrap .modal-header .modal-title .review-media-cnt:before {display:none;}
    .modal.modal-media-review .modal-wrap .modal-header .modal-title .review-media-cnt:after {display:none;}
    .modal.modal-media-review .modal-media-wrap .review-cont {height:auto; overflow-y:auto; padding:0 0 0 15px;}
    .modal.modal-media-review .modal-media-wrap .media-slide .slide-nav {display:none;}
    .modal.modal-media-review .modal-media-wrap .media-slide .slide-fraction {left:auto; right:10px; bottom:auto; top:10px; font-size:13px;}

}

/*-----------------------------------------------------------
    ## 768 이하 (태블릿 세로)
-----------------------------------------------------------*/
@media (max-width: 768px) {

    .modal.modal-media-review .modal-media-wrap {flex-direction:column;}
    .section-top .section-top-wrap {flex-direction:column; align-items:baseline;}
    .section-top .section-top-wrap .section-top-r {width:100%; padding-top:10px;}
    .section-top .section-top-wrap .section-top-r .tip {display:none;}
    .section-top .section-top-wrap .section-top-r .btn-write-review {display:block;}
    /* 상품상세페이지 > 목록 > 평점요약 */
    .review-score .review-score-wrap {flex-direction:column; align-items:baseline; padding:20px 0;}
    .review-score .rating-summary {width:100%;}
    .review-score .score-num-box {display:inline-block;}
    .review-score .star-wrap {display:inline-block;}
    .score-graph {width:100%; margin-top:20px; padding:20px 10px 0; border-top:1px solid #eeeeee;}
    .score-graph:before {display:none;}
    .score-graph .score-graph-item .score-graph-tit {flex-basis:18%;}
    .score-graph .score-graph-item .score-graph-bar {flex-basis:56%;}
    .score-graph .score-graph-item .score-graph-cnt {flex-basis:20%; padding-left:0; }
    .review-item-cont .desc {
        width:100%;
        max-height:none;
        text-overflow:unset;
        -webkit-line-clamp:unset;
    }



    /*-- LAYOUT - MODAL --*/
    .modal .modal-wrap .modal-header {padding-top:20px;}
    .modal .modal-wrap .modal-header .btn-close {top:0; right:4px;}
    .modal .modal-wrap .modal-header .modal-title {border-color:#ffffff;}
    /*-- MODAL - 상품상세페이지 > 목록 > 포토리뷰모아보기 > 상세 --*/
    .modal.modal-media-review .modal-media-wrap {padding-left:0; padding-right:0;}
    .modal.modal-media-review .modal-media-wrap .review-cont {padding-left:15px; padding-right:15px;}
    .modal.modal-media-review .modal-media-wrap .review-cont .desc {line-height:1.6;}
    /* 공통 > 뷰팝업 */
    .modal .modal-wrap .modal-header .modal-title {text-align:center;}
    .modal.modal-media-review .modal-wrap .modal-header .modal-title .modal-title-txt {display:none;}
    /*.modal.modal-media-review .modal-wrap .modal-header .modal-control {display:none;}*/
    .modal.modal-media-review .modal-wrap .modal-header .modal-control {top: 10px;right: 50px;}

}

/*-----------------------------------------------------------
    ## 480 이하 (모바일 일반)
-----------------------------------------------------------*/
@media (max-width: 480px) {

    .basic-container .my-widget-review-list.col-5:not(.swiper-wrapper) .review-li {
        width:25%;
    }
    .basic-container .my-widget-review-list.col-6:not(.swiper-wrapper) .review-li {
        width:25%;
    }
}

/*-----------------------------------------------------------
    ## 320 이하 (모바일 소형)
-----------------------------------------------------------*/
@media (max-width: 320px) {

}