#index-review.is-mobile ul {overflow:hidden; padding: 0 4rem;}
#index-review.is-mobile .owl-stage-outer {overflow: unset; z-index: unset;}
#index-review.is-mobile .owl-nav {position: absolute; top:50%; left:50%;transform: translateY(-50%) translateX(-50%); width: calc(100% - 2rem); display: flex; justify-content: space-between; color:gray; pointer-events: none;}
#index-review.is-mobile .owl-nav button {pointer-events:all;}
.index-review-li {padding:0.5rem; height: 100%; transition: all 0.3s ease;}
.index-review-li:hover {transform: scale(1.025);}

#index-review header {position: relative;}
#index-review header a.more {position: absolute; right: 0; bottom: 0; padding: 0 0.5rem;}
#index-review .index-review-star {display: flex;}
#index-review .index-review-star img {width: 50%; max-width: 72px;}
#index-review .owl-stage-outer {z-index: 1; ;}
#index-review .owl-stage {display: flex; align-items: stretch; }
#index-review .index-review-li-box {border:1px solid rgba(0,0,0,0.1); border-radius: 0.5rem; height: 100%; overflow: hidden; background: white;}
#index-review .index-review-section {display: flex; flex-direction: column; padding: 0.5rem; gap: 0.5rem; font-size: 1rem; border-top: 1px solid rgba(0,0,0,0.1);}
#index-review .index-review-content {font-size: 0.875rem;}
#index-review .index-review-content img {display: none;}
#index-review .owl-nav {position: absolute; top:50%; left:50%;transform: translateY(-50%) translateX(-50%); width: calc(100% + 4rem); display: flex; justify-content: space-between;}
#index-review .owl-nav button {font-size: 2.5rem;}

.review-popup {border:1px solid rgba(0,0,0,0.05); position: fixed; bottom: 2rem; right: calc(2rem + 50px); z-index: 99999; padding: 2rem; border-radius: 1rem; background: white; box-shadow: 1px 1px 16px rgba(150,150,150,0.5); transition: 0.3s; opacity: 1;}
.review-popup button {border:0; outline: 0; background: none;}
.review-popup * {transition: all 0.3s ease}
.review-popup .review-popup-layer {width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 1rem; display: flex; justify-content: center; align-items: center; }
.review-popup .review-popup-layer:hover {background: white;}
.review-popup .review-popup-layer a {padding: 0.5rem; background: #06c; color:white; border-radius: 0.5rem; opacity: 0;}
.review-popup .review-popup-layer:hover a {opacity: 1;}
.review-popup .close-button {position: absolute; top: 0; right: 0; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; font-size: 1.25rem;}
.review-popup .close-button::after {content: "다음 접속까지 보지 않기 "; position: absolute; width: fit-content; white-space: nowrap; right: 0; top: -75%; font-size: 0.75rem; opacity: 0; transition: all 0.3s ease 0.1s; pointer-events: none; background: rgba(0,0,0,0.5); color: white; padding: 0.5rem; border-radius: 0.5rem;}
.review-popup .close-button:hover::after {opacity: 1; top:-100%}



.review_td.write {color:#06c}
.review_td.done {color:#666}

.fade-in-bottom {
	-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both 0.5s;
	        animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both 0.5s;
}

.fade-out-bottom {
	-webkit-animation: fade-out-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both ;
	        animation: fade-out-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both ;
}




/* ----------------------------------------------
 * Generated by Animista on 2022-12-30 15:26:10
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
 @-webkit-keyframes fade-in-bottom {
    0% {
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes fade-in-bottom {
    0% {
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  
  @-webkit-keyframes fade-out-bottom {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      opacity: 0;
    }
  }
  @keyframes fade-out-bottom {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      opacity: 0;
    }
  }