#mobile-menu {width:100%; border-bottom: 1px solid rgba(0,0,0,0.25); scroll-snap-type: x; background: white;}
#mobile-menu li {list-style: none; padding: 0.75rem 1.25rem; font-weight: 600; border-right: 1px solid rgba(0,0,0,0.1);}
#mobile-menu li:last-of-type {border-right: 0;}
.mobile-category {display: flex; overflow-x: scroll; scroll-snap-type: x;}
.mobile-category::-webkit-scrollbar {display: none;}


#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 {display: flex; font-size: 0.75rem; padding: 0.5rem; justify-content: space-between; align-items: center; background: rgba(0,0,0,0.125);}
.review-popup button {width: fit-content; height: fit-content; padding: 0; border: 0; outline: 0; background:none; line-height: 0; display: flex; justify-content: center; align-items: center; color:#666}
.review-popup a {color:#06c}
.review-popup > * {
    opacity: 0;
    -webkit-animation: opacity-in 0.7s ease 0.1s forwards;
    animation:  opacity-in 0.7s ease  0.1s forwards;
}

.mobile-review-button {padding: 1rem 1rem 1rem 1rem; width: 100%; display:flex; justify-content: flex-end; -webkit-justify-content:flex-end; height: fit-content;}
.mobile-review-button a { padding: 0.7rem 1rem; border-radius: 0.25rem; color:#666; display: block; width: fit-content; border: 1px solid rgba(0,0,0,0.25);}
.mobile-review-button a.write {background: #06c;  color:white; border: 1px solid #06c}
.review-status {padding: 0.5rem; text-align: right; font-size: 0.75rem; color:#666}
.review-status.write {color:#06c}
.sod_li {box-shadow: 1px 1px 8px rgba(0,0,0,0.333) }





.scale-in-ver-top {
	-webkit-animation: scale-in-ver-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-ver-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.scale-out-ver-top {
    overflow: hidden;
    opacity: 0;
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    transition: 0.3s;
}



@-webkit-keyframes opacity-in {
    0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
}

@keyframes opacity-in {
    0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
}

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

/**
 * ----------------------------------------
 * animation scale-in-ver-top
 * ----------------------------------------
 */
 @-webkit-keyframes scale-in-ver-top {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      -webkit-transform-origin: 100% 0%;
              transform-origin: 100% 0%;
      opacity: 1;
    }
    100% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-transform-origin: 100% 0%;
              transform-origin: 100% 0%;
      opacity: 1;
    }
  }
  @keyframes scale-in-ver-top {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      -webkit-transform-origin: 100% 0%;
              transform-origin: 100% 0%;
      opacity: 1;
    }
    100% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-transform-origin: 100% 0%;
              transform-origin: 100% 0%;
      opacity: 1;
    }
  }