@charset "utf-8";
/** review_photo **/
.photo_review_box { background: #111; }
.review_item { width: 100%; pointer-events: all; overflow: hidden; padding-bottom: 30px; }
.review_item .info_box { width: 100%; padding: 20px 20px 12px; }
.review_item .info_box .user { display: flex; align-items: center; font-size: 16px; font-weight: 400; color: #ffffff; line-height: 27px; }
.review_item .info_box .user::before { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; content: ''; display: inline-block; vertical-align: -9px; margin-right: 6px; }
.review_item .info_box .user.male::before { background: url(../../image/icon/icon_user_male.svg) no-repeat center center; background-size: contain; }
.review_item .info_box .user.female::before { background: url(../../image/icon/icon_user_female.svg) no-repeat center center; background-size: contain; }
.review_item .slider_box { position: relative; }
.review_item .slider_box .img_slider { width: 100%; overflow: hidden; }
.review_item .slider_box .img_slider .swiper-slide { width: 100%; height: 320px; overflow: hidden; }
.review_item .slider_box .img_slider .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.review_item .slider_box .img_slider_nav { position: absolute; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; text-indent: -9999px; cursor: pointer; z-index: 5; }
.review_item .slider_box .img_slider_nav.nav_prev { left: 0; background: url(../../image/btn/btn_slider_nav_prev.svg) no-repeat center center; background-size: contain; }
.review_item .slider_box .img_slider_nav.nav_next { right: 0; background: url(../../image/btn/btn_slider_nav_next.svg) no-repeat center center; background-size: contain; }
.review_item .slider_box .img_slider_pager { position: absolute; left: 0; bottom: 12px; width: 100%; text-align: center; z-index: 5; }
.review_item .slider_box .img_slider_pager .swiper-pagination-bullet { background: #ffffff; box-shadow: var(--shadow-04); opacity: 1; margin: 0 5px; cursor: pointer; }
.review_item .slider_box .img_slider_pager .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--purple-900); }
.review_item .text_box { width: 100%; padding: 12px 20px 20px; }
.review_item .text_box h3 { font-size: 14px; font-weight: 700; color: #ffffff; line-height: 18px; margin-bottom: 4px; }
.review_item .text_box .text_wrap { height: 40px; overflow: hidden; transition: height 0.5s; }
.review_item .text_box .text { max-height: 40px; font-size: 14px; font-weight: 400; color: #ffffff; line-height: 20px; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.review_item .text_box .text.on { -webkit-line-clamp: unset; height: auto; max-height: unset; }
.review_item .text_box .btn_text_more { font-size: 14px; font-weight: 400; color: var(--purple-400); line-height: 20px; display: inline-block; margin-top: 4px; }
.review_item .info_box,
.review_item .text_box,
.review_item .slider_box { opacity: 1; transition: opacity 0.3s ease-in-out; }
/* ? off */
.review_item.off { pointer-events: none; }
.review_item.off .info_box,
.review_item.off .text_box { opacity: 0; }
.review_item.off .slider_box { opacity: 0.5; }

/* 더보기 */
.photo_more_list { display: flex; flex-wrap: wrap; }
.photo_more_list > li { width: calc(100% / 3); max-width: 160px; min-width: 120px; height: 33vw; max-height: 160px; min-height: 120px; }
.photo_more_list > li a { display: block; width: 100%; height: 100%; }
.photo_more_list > li a img { width: 100%; height: 100%; object-fit: cover; }