movie/public/css/mobile/movie/view.css

#movieView table tr th{color:#8f8f8f}#movieView table tr td{color:#f1f1f1}#movieView #btnMainImgEnlargement i{vertical-align:sub}#movieView #posters .swiper-wrapper .swiper-slide img,#movieView #stillCut .swiper-wrapper .swiper-slide img{-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 30px, black calc(100% - 30px), transparent 100%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-position:center;mask-image:linear-gradient(to bottom, transparent 0%, black 30px, black calc(100% - 30px), transparent 100%);mask-repeat:no-repeat;mask-size:100% 100%;mask-position:center}#movieView #posters .swiper-wrapper .swiper-slide img:hover,#movieView #posters .swiper-wrapper .swiper-slide img:focus,#movieView #stillCut .swiper-wrapper .swiper-slide img:hover,#movieView #stillCut .swiper-wrapper .swiper-slide img:focus{outline:2px solid #ffc720;outline-offset:-2px;-webkit-mask-image:none;mask-image:none}#movieView #posters .swiper-button-next,#movieView #stillCut .swiper-button-next{right:0;left:auto;top:auto}#movieView #posters .swiper-button-prev,#movieView #stillCut .swiper-button-prev{right:auto;left:0;top:auto}#movieView #posters .swiper-button-next,#movieView #posters .swiper-button-prev,#movieView #stillCut .swiper-button-next,#movieView #stillCut .swiper-button-prev{bottom:0;height:100%;background-size:50% auto;background-position:center;background-color:rgba(12,5,5,.5);color:#eea545}#movieView .actor blockquote,#movieView .staff blockquote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;word-break:break-all;margin:0 0 .5rem}#movieView .actor blockquote dl,#movieView .staff blockquote dl{margin:0}#movieView .actor .btn-more-info,#movieView .staff .btn-more-info{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:#0a7bb9}#movieView .actor .btn-more-info:hover,#movieView .actor .btn-more-info:focus,#movieView .staff .btn-more-info:hover,#movieView .staff .btn-more-info:focus{text-decoration:underline}#movieView .actor .btn-more-info::before,#movieView .staff .btn-more-info::before{content:"더보기"}#movieView .actor .btn-more-info:checked::before,#movieView .staff .btn-more-info:checked::before{content:"닫기"}#movieView .actor:has(>.btn-more-info:checked) blockquote,#movieView .staff:has(>.btn-more-info:checked) blockquote{-webkit-line-clamp:unset}#movieView #movieReviewLatest #movieReviewLatestList{padding:5px 0;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal}#movieView #movieReviewLatest #btnMovieReviewWrite,#movieView #movieReviewLatest #btnMovieReviewList{text-decoration:none}#movieView #movieReviewLatest #btnMovieReviewWrite:hover,#movieView #movieReviewLatest #btnMovieReviewWrite:focus,#movieView #movieReviewLatest #btnMovieReviewList:hover,#movieView #movieReviewLatest #btnMovieReviewList:focus{text-decoration:underline;color:#c45500}#movieView #movieReviewLatest dl{margin-bottom:0}#movieView #movieReviewLatest dl dt{margin-bottom:10px}#movieView #movieReviewLatest dl dt var{display:inline-block;padding-left:0}#movieView #movieReviewLatest dl dt sub{font-size:15px;font-weight:500;margin-right:5px}#movieView #movieReviewLatest dl dt span{font-weight:500;vertical-align:bottom}#movieView #movieReviewLatest dl dd ul{margin:0;padding:0}#movieView #movieReviewLatest dl dd ul li{display:inline-block;margin-right:7px}#movieReviewWriteModal #rateYo dt h4{font-weight:bold;color:#f1f1f1;text-align:center;padding:5px 0}#movieReviewWriteModal #rateYo dd #reviewRate{margin:0;padding:0}#movieReviewWriteModal #rateYo dd #reviewValue{font-size:17px;font-weight:bold;color:#f1f1f1}.pswp__img.pswp__img--placeholder{visibility:hidden}@media(max-width: 1200px){#movieReviewLatest{border-top:1px solid #333;padding-top:15px;border-left:none !important}}inline-block;
  margin-right: 7px;
}

#movieReviewWriteModal #rateYo dt h4 {
  font-weight: bold;
  color: #f1f1f1;
  text-align: center;
  padding: 5px 0;
}
#movieReviewWriteModal #rateYo dd #reviewRate {
  margin: 0;
  padding: 0;
}
#movieReviewWriteModal #rateYo dd #reviewValue {
  font-size: 17px;
  font-weight: bold;
  color: #f1f1f1;
}

.pswp__img.pswp__img--placeholder {
  visibility: hidden;
}

@media (max-width: 1200px) {
  #movieReviewLatest {
    border-top: 1px solid #333;
    padding-top: 15px;
    border-left: none !important;
  }
}