@charset "UTF-8";

@media screen and (max-width: 767px) {
    .mobile-none {
        display: none;
    }
}
/* 내가 쓰기 쉽게 */
.a-center-flex {
    display: flex;
    align-items: center;
}

.ja-center-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 마이페이지 리뷰 리스트 */
.review-detail-a:hover {
    color: #1279bd!important;
}

.reviewlist-section .btn-outline-primary {
    color: #1279bd;
    border-color: #1279bd;
}

.reviewlist-section .btn-outline-primary:hover {
    color: #fff;
}

.text-boundary {
    width: 350px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .2s;
    color: #525252;
}

.text-boundary:hover {
    transition: .2s;
    color: #1279bd;
}

.text-boundary .text-re-content {
    background-color: #F1F3F5;
    height: 20px;
    margin-top: 5px;
    padding-right: 25px;
    padding-left: 5px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.written-review-content {
    width: 679px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.written-review-re-content {
    background-color: #F1F3F5;
    width: 679px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.review-tab-link-holder {
    display: flex;
    align-items: center;
    position: relative;
}

.review-tab-link-holder .nav-tabs {
    border: none;
}

.review-tab-link-holder .nav-item input[type=checkbox]+label {
    background-image: url("/data/assets/images/check-square-empty.png")
}

.review-tab-link-holder .nav-item input[type=checkbox]:checked+label {
    background-image: url("/data/assets/images/check-square-fill.png")
}

.review-tab-link-holder .nav-item input[type=checkbox]+label .nav-link {
    position: relative;
    bottom: 1px;
}

.review-tab-link-holder .nav-link {
    /* border-bottom: 1px solid #dee2e6; */
    padding: 0px;
    font-size: 13px;
    color: #525252;
}

.review-tab-link-holder #about-point-hoverme1 i {
    font-size: 13.5px;
    color: #ABABAB;
}

.review-tab-link-holder #about-point-hoverme1 span{
    font-size: 12px;
    color: #ABABAB;
}

#about-point-pop1 {
    width: 350px;
    /* height: 175px; */
    border: 1px solid #707070;
    z-index: 1;
    background-color: #fff;
    border-radius: 6px;
    position: absolute;
    top: 28px;
}

#about-point-pop1 .about-point-margin {
    margin-left: 10px;
    margin-right: 10px;
}

#about-point-pop1 .about-point-header {
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #707070;
}

#about-point-pop1 .about-point-body .about-point-when{
    margin-left: 2px;
    font-size: 12px;
    letter-spacing: -0.32px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dee2e6;
}

#about-point-pop1 .about-point-color {
    padding-top: 10px;
    padding-bottom: 10px;
}

#about-point-pop1 .about-point-color p {
    font-size: 12px;
    margin-left: 4px;
}

.review-tab-link-holder .nav-link:hover {
    /* border-color: #525252; */
}

.review-tab-link-holder .nav-link.active {
    /* border-bottom: 1px solid #707070;
    color: #000000; */
}

.review-update-btn:first-child {
    margin-bottom: 10px;
}

.review-update-btn {
    width: 85px;
    border: 1px solid #dee2e6;
}

.review-complete-btn {
    width: 85px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DEE2E6;
    color: #707070;
}

.howmany-getpoint {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.howmany-getpoint i {
    margin-right: 3px;
}

.howmany-getpoint .fa-check {
    font-size: 13px;
}

.howmany-getpoint .fa-plus {
    font-size: 13px;
}

.howmany-getpoint .fa-circle-p {
    font-size: 17px;
}

.getpoint-get {
    color: #1279bd;
}

.getpoint-wait {
    color: #B2B2B2;
}

.getpoint-best {
    color: #FBAE17;
}

/* 리뷰리스트 리뷰모달 공통 */
.list-reviewmodal #reviewwrite-modal-width {
    width: 1040px;
}

/* 리뷰모달 height */
.list-reviewmodal .modal-content {
    height: 490px;
}

#reviewwrite-modal .modal-header {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
    height: 60px;
    display: flex;
    align-items: center;
    border-bottom: none!important;
    /* border-bottom: 1px solid #212529; */
}

.list-reviewmodal .modal-header .modal-title {
    display: flex;
    align-items: center;
    position: relative;
}

.list-reviewmodal .modal-title .modal-title-name{
    font-size: 18px;
    font-weight: 500;
}

.list-reviewmodal .modal-body {
    padding: 0px 18px 0px 18px;
}

/* 공통 끝 */

#reviewwrite-modal .modal-title .madal-title-stick {
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
}

#reviewwrite-modal .modal-title-rule {
    display: flex;
    align-items: center;
    position: relative;
    bottom: -3px;
}

#reviewwrite-modal .modal-title-rule p {
    font-family: "Gmarket Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
}

#reviewwrite-modal .modal-title .title-rule-point {
    color: #FF5B59;
    margin-left: 5px;
    margin-right: 5px;
}

#reviewwrite-modal .fa-ragular {
    font-size: 14px;
}

.modal-title #about-point-pop2 {
    width: 350px;
    height: 175px;
    border: 1px solid #707070;
    z-index: 1;
    background-color: #fff;
    border-radius: 6px;
    position: absolute;
    right: 0px;
    top: 30px;
}

#about-point-pop2 .about-point-margin {
    margin-left: 10px;
    margin-right: 10px;
}

#about-point-pop2 .about-point-header {
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #707070;
}

.about-point-header .about-point-title {
    font-weight: 500;
}

.about-point-header .fa-xmark {
    font-size: 16px;
    font-weight: 300;
}

#about-point-pop2 .about-point-body {

}

.about-point-body .about-point-howmany{
    margin-left: 1px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 12px;
}

#about-point-pop2 .about-point-body .about-point-when{
    margin-left: 2px;
    font-size: 12px;
    letter-spacing: -0.32px;
}

/* 마이페이지 리뷰 작성 */
.review-section .review-container-box {
    display: flex;
    align-items: center;
}

.review-section .review-ordno {
    font-size: 17px;
    font-weight: 500;
}

.review-section .review-ordtime {
    font-size: 13px;
}

.review-section .review-ordtitle {
    font-size: 14px;
    width: 364px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.review-container-box .about-review-box {
    display: flex;
    padding: 20px 0px 20px 20px;
    border-bottom: 1px solid #dee2e6;
}

.about-review-box .goods_codes_img img {
    width: 90px;
    height: 90px;
    border-radius: 12px;
    border: 1px solid #DEE2E6;
    margin-right: 20px;
}

.about-review-box .review-productname {
    font-size: 13px;
    font-weight: 500;
}

.about-review-box .review-slash {
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
}

.review-section .review-img-title {
    font-size: 17px;
    font-weight: 500;
}

.review-section .review-img-subtitle-box {
    background-color: #707070;
}

.review-section .review-img-subtitle {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 300;
}

.review-section .review-img-subtitle span {
    color: #FFFF4D;
    font-size: 12px;
    font-weight: 400;
}

.review-checkme-box .review-input-box {
    display: flex;
    align-items: center;
    height: 75px;
    border-bottom: 1px solid #dee2e6;
}

.review-checkme-box .review-input-box:last-child {
    border-bottom: none;
;
}

.review-checkme-box .review-input-box .review-input-subject {
    font-size: 13px;
    font-weight: 500;
    margin-left: 10px;
    width: 39%;
}

.review-content-box .review-star-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 65px;
    border-bottom: 1px solid #dee2e6;
}

.review-section .review-content-box-margin {
    height: 215px;
    border-bottom: 1px solid #dee2e6;
}

.review-section .review-content-title {
    margin-left: 10px;
    font-size: 13px;
}

.review-section .review-content-textarea {
    width: 100%;
    height: 100%;
    border: none;
    resize: none;
    padding: 20px 13px 20px 13px;
}

.review-section .review-content-textarea:focus {
    outline: none;
}

.review-section .review-content-textarea::placeholder {
    color: #d6d6d6;
    font-size: 14px;
    font-weight: 500;
}

.review-section .review-notice-modal {
    font-size: 12px;
    color: #707070;
}

.review-section .review-notice-modal i {
    font-size: 16px !important;
    color: #8C8C8C;
}

.review-section .review-notice-modal p {
    margin-left: 19px;
}

.review-section .reviewwrite-modal-footer {
    height: 70px;
    border-top: 1px solid #212529;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reviewwrite-modal-footer .reviewwrite-footer-checkbox {
    width: 720px;
    display: flex;
    /* justify-content: space-between; */
}

.reviewwrite-modal-footer .writeagree-checkbox {
    font-size: 12px;
}
/* 이용약관모달 */
#review-policy-content .policy-content-margin {
    margin: 20px 10px 0px 10px;
}

#review-policy-content .policy-content-text01 {
    font-size: 12px;
    margin-bottom: 20px;
    letter-spacing: -0.4px;
    line-height: 20px;
}

#review-policy-content .policy-content-title {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.4px;
    line-height: 20px;
}

#review-policy-content .policy-content-text02 {
    font-size: 12px;
    letter-spacing: -0.4px;
    line-height: 20px;
}

#review-policy-content .policy-content-li {
    font-size: 12px;
    letter-spacing: -0.4px;
    line-height: 20px;
    margin-left: 5px;
}

/* 프리미엄리뷰 모달 */
#review_b-policy-content .review_b-policy-margin {
    margin: 20px 10px 0px 10px;
}

#review_b-policy-content .review_b-title {
    font-family: "Courgette", sans-serif;
    font-size: 16px;
    letter-spacing: -0.32px;
    background: linear-gradient(to top, #DBDBDB 44%, transparent 44%);
    margin-bottom: 15px;
    width: 92px;
    position: relative;
    left: -5px;
}

#review_b-policy-content .best-review-explain {
    font-family: "Gmarket Sans", sans-serif;
    font-weight: 500;
    font-size: 25px;
}

.best-review-explain .explain-point-accent {
    font-family: "Gmarket Sans", sans-serif;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -0.8px;
    color: #7432C8;
}

#review_b-policy-content .ad-bestreview-box {
    width: 390px;
    height: 145px;
    background-color: #EEEEEE;
    margin-bottom: 55px;
}

.ad-bestreview-box .ad-bestreview-margin {
    padding: 8px 13px 10px 13px;
}

.ad-bestreview-box .ad-bestreview-explain01 {
    font-family: "Gmarket Sans", sans-serif;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.41px;
    line-height: 25px;
    margin-bottom: 10px;
}

.ad-bestreview-box .ad-icon-box {
    margin-bottom: 20px;
}

.ad-bestreview-box .ad-icon-box img {
    margin-right: 2px;
}

.ad-bestreview-box .ad-bestreview-explain02 {
    font-size: 12px;
    letter-spacing: -0.24px;
}

#review_b-policy-content .review_b-footer-text {
    font-size: 12px;
    letter-spacing: -0.24px;
    line-height: 19px;
}

#review_b-policy-content .review_b-footer-text {
    font-size: 12px;
    letter-spacing: -0.24px;
    line-height: 19px;
}

#review_b-policy-content .review_b-footer-imgdiv {
    position: absolute;
    bottom: 15px;
    right: 30px;
}

/* 파일 업로드 */
#review-uploader-queue .uploadifive-queue-item {
    margin-right: 10px;
    position: relative;
}

#review-uploader-queue .uploadifive-queue-item img {
    border-radius: 12px;
}

#review-uploader-queue .uploadifive-queue-item .close{
    position: absolute;
    top: -2px;
    right: 3px;
    opacity: 1;
}

#review-uploader-queue .uploadifive-queue-item .progress {
    position: absolute;
    bottom: 0px;
    width: 60px;
}

.review-container-box .review-upload-box {
    display: flex;
    align-items: center;
    height: 75px;
    margin-left: 13px;
}

.review-upload-box .upload-guide-text {
    display: flex;
    align-items: center;
    margin-left: 10px;
    font-size: 12px;
}

/* 업로드한 이미지 모달 슬라이드 */
#review-uploadedimg-slide .carousel-item img {
    background-color: #eaeaf2;
}

.carousel-item img {
    width: 500px;
    height: 500px;
    padding: 0px;
    object-fit: scale-down;
}

#review-uploadimg-modal .carousel-indicators li {
    background-color: #1279bd;
}

#review-uploadimg-modal .modal-content, #review-uploadimg-modal .carousel-inner {
    border-radius: 16px;
}

#review-submit-modal .howmuch-point-box {
    margin: 0px 58px 0px 58px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.howmuch-point-box .point-token-div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.howmuch-point-box .point-token-div .point-token {
    position: absolute;
    bottom: -38px;
}

.howmuch-text-div {
    margin-top: 50px;
    text-align: center;
    margin-bottom: 20px;
    height: 95px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.howmuch-text-div .review-complete-text{
    font-family: "Gmarket Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.howmuch-text-div .howmuch-point-text {
    font-family: "Gmarket Sans", sans-serif;
    font-size: 29px;
    color: #1279bd;
    font-weight: bold;
}

.howmuch-point-text .howmuch-point-num{
    font-size: 29px!important;
}

.howmuch-text-div .will-receive-point {
    font-family: "Gmarket Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.howmuch-text-div .best-receive-point {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.24px;
}

/* 별점 */
.star-rating {
    width: 150px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-left: 13px;
}

.star-rating input {
    display: none;
}

.star-rating label {
    color: #ccc;
    cursor: pointer;
    padding-left: 0px !important;
    background: none !important;
    font-size: 18px;
}

.star-rating label .fa-star {
    font-size: 23px;
}

.star-rating :checked~label {
    color: #FF5B59;
}

.rating_text {
    color: #707070;
    font-size: 13px;
    padding-left: 20px;
}

/* 라디오버튼 리뷰점수 */
.custom-rating-input {
    width: 175px;
    display: flex;
    justify-content: space-between;
}

.custom-rating-input input[type=radio]+label {
    background: none !important;
    padding-left: 0px !important;
}

.custom-rating-input input[type=radio]+label img.off {
    display: inline-block;
}

.custom-rating-input input[type=radio]+label img.on {
    display: none;
}

.custom-rating-input input[type=radio]:checked+label img.on {
    display: inline-block;
}

.custom-rating-input input[type=radio]:checked+label img.off {
    display: none;
}

/* 폼 보내는 버튼 */
.review-section .writebtn-box input[type=button] {
    width: 85px;
    height: 30px;
    margin-right: 10px;
}

.review-section .writebtn-box #btn-submit-modal {
    width: 85px;
    height: 30px;
}

/* 리뷰 약관동의 모달 */
.writeagree-checkbox input[type=checkbox]+label {
    background-image: url("/data/assets/images/check-square-empty.png")
}

.writeagree-checkbox input[type=checkbox]:checked+label {
    background-image: url("/data/assets/images/check-square-fill.png")
}

.review-access-title {
    font-size: 15px;
    font-weight: bold;
}

.review-access-subtitle {
    font-size: 13px;
    font-weight: bold;
    margin-top: 25px;
}

.review-access-text {
    font-size: 12px;
}

#accessModal .modal-content {
    width: 630px;
}

#accessModal .modal-header {
    padding: 20px 25px 10px 25px;
}

#accessModal .modal-body {
    padding: 10px 25px 25px 25px;
}

/* 리뷰 submit 모달 */
#review-submit-modal {
    /* width: 380px; */
    height: 215px!important;
    border-radius: 16px;
}

#review-submit-modal .about-point-box {
    margin: 20px 15px 0px 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
}

.about-givepoint{
    font-family: "Gmarket Sans", sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #1279bd;
    text-align: center;
    /* margin-bottom: 5px; */
}

.howmuch-point-num {
    font-family: "Gmarket Sans", sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #1279bd;
    /* margin-bottom: 5px; */
}

.about-willpaid{
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 12px;
    position: relative;
    top: -2px;

}

#review-submit-modal .about-explain-box {
    margin: 15px 50px 0px 50px;
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.explain-title{
    font-family: "Gmarket Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.about-review-btnbox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.about-review-btnbox .btn {
    width: 130px;
    height: 30px;
}

.about-review-btnbox #goto-imgupload {
    background-color: #1279bd!important;
    border-color: #1279bd!important;
}

.about-review-btnbox #goto-pointmessage {
    color: #525252!important;
    background-color: #fff!important;
    border-color: #DEE2E6!important;
}

/* 마이페이지 후기보기 */
.review-show-header {
    height: 361px;
    border: 1px solid #dee2e6;
}

.reviewshow-content-box {
    width: 100%;
    margin: 0px 15px 0px 15px;
}

.reviewshow-content-box .about-reviewshow-box {
    border-bottom: 1px solid #dee2e6;
    padding-top: 15px;
    padding-bottom: 15px;
}

.reviewshow-content-box .review-ordno {
    font-size: 17px;
    font-weight: 500;
}

.reviewshow-content-box .review-ordtime {
    font-size: 13px;
}

.reviewshow-content-box .review-middledot {
    font-size: 15px;
    font-weight: 500;
    color: #D6D6D6;
    margin-left: 10px;
    margin-right: 10px;
}

.reviewshow-content-box .review-ordtitle {
    font-size: 13px;
    font-weight: 500;
}

.reviewshow-content-box .review-writedate {
    font-size: 13px;
}

.reviewshow-content-box .review-writetitle {
    font-size: 14px;
}

.reviewshow-content-box .reviewshow-djson {
    font-size: 14px;
}

.reviewshow-content-box .reviewshow-content {
    font-size: 15px;
    height: 66%;
}

.max-height48 {
    max-height: 48%!important;
}

.reviewshow-content .user-content {
    height: 101%;
    /* max-height: 95%; */
    overflow-y: scroll;
    /* margin-bottom: 10px; */
    margin-top: 12px;
    word-break:break-all;
}

.reviewshow-content .manager-content {
    /* padding-top: 20px; */
    border-top: 1px solid #dee2e6;
}

.reviewshow-content .manager-content .manager-content-p {
    /* overflow-y: auto; */
    overflow-y: scroll;
    white-space: pre-line;
    min-height: 70px;
}

.reviewshow-content .manager-content .manager-content-p::-webkit-scrollbar {
    display: none;
}

.reviewshow-content .manager-name {
    font-size: 15px;
    font-weight: 500;
}

.reviewshow-content .manager-date {
    font-size: 15px;
}

/* 리뷰삭제 모달 */
#delete-review-modal {
    /* width: 275px; */
    height: 145px!important;
}

#delete-review-modal .delete-review-body {
    height: 100%;
}

#delete-review-modal .delete-alert-box {
    margin: 25px 45px 25px 45px;
}

.delete-alert-box .delete-review-btnbox {
    display: flex;
    justify-content: space-between;
}

.delete-alert-box .delete-review-btnbox .btn {
    width: 85px;
    height: 30px;
}

/* 폼 보내는 버튼 */
.reviewshow-section .showbtn {
    display: flex;
    justify-content: center;
    margin-top: 18px;
}

.reviewshow-section .showbtn .showbtn-update {
    width: 85px;
    height: 30px;
    margin-right: 10px;
    border: 1px solid #dee2e6;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reviewshow-section .showbtn .showbtn-list {
    width: 85px;
    height: 30px;
}

.reviewshow-section .showbtn .showbtn-update a {
    width: 100%;
    height: 100%;
}

.reviewshow-section .showbtn .showbtn-list a {
    width: 100%;
    height: 100%;
}

/* 고객 리뷰보기 슬라이드  */
#reviewshow-prev,
#reviewshow-next {
    cursor: pointer;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #6C757D;
    border: none;
    outline: none;
    background: #ffffff;
    box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.1);
    z-index: 10;
    opacity: 70%;
}

.review-show-header .review-slick-slide {
    background-color: #eaeaf2;
}

.review-show-header .review-slick-slide img {
    width: 360px;
    height: 360px;
    object-fit: scale-down;
}

.review-show-header .slide-arrowbox {
    display: flex;
    justify-content: space-between;
    position: relative;
    bottom: 56%;
}

.slide-arrowbox #reviewshow-prev {
    margin-left: 15px;
}

.slide-arrowbox #reviewshow-next {
    margin-right: 15px;
}

.review-show-header .paginginfo-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    bottom: 26%;
}

.review-show-header .paginginfo {
    font-size: 14px;
    width: 40px;
    height: 25px;
    background: #fff;
    opacity: 70%;
    box-shadow: 0px 1px 6px 2px rgb(0 0 0 / 10%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
}

#review-showslide .slick-dots {
    display: none !important;
}

/* 메인베스트리뷰 */
.bestreview_data-box {
    min-height: 135px;
    /* border: 1px solid #dee2e6;
    box-shadow: 2px 2px 4px #DEE2E6; */
    border-bottom: 1px solid #dee2e6;
}

.main-bestreview-header {
    padding: 15px 0px 15px 15px;
}

.main-bestreview-header .main-bestreview-imgbox {
    padding-right: 30px;
    position: relative;
    display: flex;
    align-items: center;
}

.main-bestreview-imgbox .first-sumnail {
    object-fit: scale-down;
    background-color: #eaeaf2;
}

.main-bestreview-imgbox .if-multiple-imgicon {
    position: absolute;
    z-index: 100;
    top: 8px;
    right: 36px;
    width: 18px;
}

.bestreview-content-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.bestreview-content-box .bestreview-content-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 35px;
    margin-right: 15px;
}

.bestreview-star-rating {
    width: 100px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-right: 50px;
}

.bestreview-star-rating input {
    display: none;
}

.bestreview-star-rating label {
    color: #ccc;
}

.bestreview-star-rating label .fa-star {
    font-size: 16px;
}

.bestreview-star-rating :checked~label {
    color: #FF5B59;
}

.bestreview-content-box .bestreview-middledot {
    font-size: 15px;
    font-weight: 500;
    color: #D6D6D6;
    margin-left: 5px;
    margin-right: 5px;
}

.bestreview-content-box .bestreview-goodsname {
    font-size: 14px;
    font-weight: 500;
}

.bestreview-content-box .bestreview-writedate {
    font-size: 13px;
}

.bestreview-content-box .bestreview-userid {
    font-size: 13px;
}

.bestreview-content-box .reviewmainshow-djson {
    font-size: 14px;
    margin-bottom: 15px;
}

.bestreview-content-box .reviewlike-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.bestreview-content-box .reviewlike {
    font-size: 12px;
    width: 60px;
    height: 26px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dee2e6;
    border-radius: 14px;
}

.bestreview-content-box .reviewlike i {
    font-size: 14px !important;
    margin-right: 6px;
    margin-top: 2px;
}

.bestreview-content-box .reviewmainshow-content {
    font-size: 14px;
    padding-bottom: 20px;
}

/* 메인페이지 베스트리뷰 pagination */
/* .bestreview-pagination {
    position: absolute;
} */
    /* pagination 화살표를제외한 숫자 display:none */
    /* .bestreview-pagination .page-item:first-child {
        display: block!important;
    }

    .bestreview-pagination .page-item:last-child {
        display: block!important;
    }

    .bestreview-pagination .page-item.disabled {
        display: none!important;
    }

    .bestreview-pagination .page-item {
        display: none;
    }

    .bestreview-pagination .paginatenum-first {
        font-weight: bold;
    } */

    /* pagination 화살표 디자인*/
    /* .bestreview-pagination .page-item:first-child {
        position: absolute;
        bottom: 110px;
        left: 10px;
    }

    .bestreview-pagination .page-item:last-child {
        position: absolute;
        bottom: 110px;
        left: 1108px;
    }

    .bestreview-pagination .page-item:first-child span {
        font-size: 34px!important;
        border: none!important;
        padding: 0px!important;
        margin: 0px!important;
        color: #BEBEBE!important;
        background-color: transparent!important;
    }

    .bestreview-pagination .page-item:last-child span {
        font-size: 34px!important;
        border: none!important;
        padding: 0px!important;
        margin: 0px!important;
        color: #BEBEBE!important;
        background-color: transparent!important;
    }

    .bestreview-pagination .page-item:first-child a {
        font-size: 34px!important;
        border: none!important;
        padding: 0px!important;
        margin: 0px!important;
        color: #BEBEBE!important;
        background-color: transparent!important;
    }

    .bestreview-pagination .page-item:last-child a {
        font-size: 34px!important;
        border: none!important;
        padding: 0px!important;
        margin: 0px!important;
        color: #BEBEBE!important;
        background-color: transparent!important;
    } */

    /* pagination 화살표 */
    .review-pagination .page-item:first-child .page-link {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        padding: 0px 0px 6px 0px;
        width: 25.44px;
        height: 31.25px;
    }

    .review-pagination .page-item:last-child .page-link {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        padding: 0px 0px 6px 0px;
        width: 25.44px;
        height: 31.25px;
    }

    .page-link:hover {
        color: #1279bd;
    }

/* 메인페이지 고객리뷰 */
.hover-backcolor_change:hover {
    background-color: #f6f7fc;
    cursor: pointer;
}

.mainreview-section .commonreview-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.commonreview-header .commonreview-count-text {
    font-size: 15px;
    font-weight: 500;
}

.commonreview-header #search-allorimg {
    width: 125px;
    height: 32px;
    border: 1px solid #DEE2E6;
    border-top-left-radius : 6px;
    border-top-right-radius : 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 8px;
    padding-right: 6px;
}

.commonreview-header .dropdown-menu {
    width: 125px;
    min-width: 125px;
    padding: 0px;
    margin-top: 0px;
}

.commonreview-header .dropdown-item {
    padding: 6px 0px 6px 8px;
}

.commonreview-header #search-neworold {
    width: 125px;
    height: 32px;
    border: 1px solid #DEE2E6;
    border-top-left-radius : 6px;
    border-top-right-radius : 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 8px;
    padding-right: 6px;
}

.mainreview-section .mainreview-title {
    font-size: 26px;
    padding-top: 100px;
    padding-bottom: 15px;
    /* margin-bottom: 25px; */
    border-bottom: 2px solid #707070;
}

.mainreview-section table {
    margin-bottom: 0px !important;
}

.mainreview-section tr td {
    padding: 5px 10px 5px 10px!important;
    text-align: center !important;
    vertical-align: middle !important;
}

.mainreview-section .review-first-img img {
    width: 60px;
    height: 60px;
}

#commonreview-list .first-sumnail {
    object-fit: scale-down;
    background-color: #eaeaf2;
}

#commonreview-list .if-multiple-imgicon {
    position: absolute;
    z-index: 100;
    top: 3px;
    right: 6px;
    width: 12px;
}

.commonreview-star-rating {
    width: 80px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.commonreview-star-rating input {
    display: none;
}

.commonreview-star-rating label {
    color: #ccc;
}

.commonreview-star-rating label .fa-star {
    font-size: 13px;
}

.commonreview-star-rating :checked~label {
    color: #FF5B59;
}

.mainreview-section .review-goods_name {
    font-size: 14px;
    font-weight: 500;
    min-width: 170px;
    text-align: left;
}

.mainreview-section .review-date {
    font-size: 13px;
    color: #A8A8A8;
    /* min-width: 70px; */
}

.mainreview-section .account-id {
    font-size: 13px;
    /* min-width: 60px; */
}

.mainreview-section .review-content-box {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
}

.review-content-box .fa-image {
    font-size: 12px;
    margin-top: 2px;
}

.mainreview-section .review-contents {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 600px;
    font-size: 13px;
    text-align: left;
}

/* .mainreview-section .review-contents:hover {
    text-decoration: underline;
} */

.mainreview-section .reviewlike-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainreview-section .reviewlike {
    font-size: 12px;
    width: 60px;
    height: 26px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dee2e6;
    border-radius: 14px;
}

.mainreview-section .reviewlike i {
    font-size: 14px !important;
    margin-right: 6px;
    margin-top: 2px;
}

.reviewlike .active-color {
    color: #ff5b59;
}

.bestreview-user-textbox {
    max-height: 146px;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-right: 25px;
}

.bestreview-user-textbox .user-content {
    overflow-y: hidden;
    word-break: break-all;
    width: 660px;
    /* max-height: 60px; */
    height: 60px;
    line-height: 19px;
}

.bestreview-user-textbox .user-content:hover {
    text-decoration: underline;
}

.mainreview-infoshow-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
}

.mainreview-infoshow-btn:hover {
    color: #1279bd;
}

.mainreview-infoshow-btn .fa-chevron-right{
    margin-left: 2px;
    margin-top: 2px;
    font-size: 11px;
}

.commonreview-header {
    height: 65px;
}

/* 메인리뷰show */
#mainreview-show-modal .modal-header {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
    height: 60px;
    display: flex;
    align-items: center;
    border-bottom: none!important;
}

#mainreview-show-modal .modal-header .modal-title{
    display: flex;
    align-items: center;
    position: relative;
    font-size: 18px;
    font-weight: 500;
}

#mainreview-show-modal .modal-body {
    padding: 0px 18px 0px 18px;
}

.review-mainshow-header {
    height: 412px;
    border: 1px solid #dee2e6;
}

.review-mainshow-header .review-slick-slide {
    background-color: #eaeaf2;
}

.review-mainshow-header .review-slick-slide img {
    width: 410px;
    height: 410px;
    object-fit: scale-down;
}

.review-mainshow-header .slide-arrowbox {
    display: flex;
    justify-content: space-between;
    position: relative;
    bottom: 56%;
}

.review-mainshow-header .paginginfo-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    bottom: 25.5%;
}

.review-mainshow-header .paginginfo {
    font-size: 14px;
    width: 40px;
    height: 25px;
    background: #fff;
    opacity: 70%;
    box-shadow: 0px 1px 6px 2px rgb(0 0 0 / 10%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
}

.reviewmainshow-content-box {
    width: 100%;
    margin: 10px 20px 20px 20px;
}

.reviewmainshow-content-box .review-middledot {
    font-size: 15px;
    font-weight: 500;
    color: #D6D6D6;
    margin-left: 10px;
    margin-right: 10px;
}

.reviewmainshow-content-box .review-userid {
    font-size: 13px;
}

.reviewmainshow-content-box .review-writedate {
    font-size: 13px;
}

.reviewmainshow-content-box .reviewmainshow-djson {
    font-size: 14px;
    margin-bottom: 15px;
}

.reviewmainshow-djson .review-goodsname {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}

.reviewmainshow-content-box .reviewlike-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.reviewmainshow-content-box .reviewlike {
    font-size: 12px;
    width: 60px;
    height: 26px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dee2e6;
    border-radius: 14px;
}

.reviewmainshow-content-box .reviewlike i {
    font-size: 14px !important;
    margin-right: 6px;
    margin-top: 2px;
}

.reviewmainshow-content-box .reviewmainshow-content {
    font-size: 14px;
    padding-bottom: 20px;
}

.reviewmainshow-content .user-content {
    word-break: break-all;
}

/* body {
    overflow: overlay;
}

.modal-hide-scrollbar ::-webkit-scrollbar {
    background:transparent;
} */