.review.user {text-align:left;}
.review.user > div {display:inline-block; vertical-align:middle;}
.review.user > div.user-image {position:relative;}
.review.user > div.user-image img.photo {border-radius:50%; width:47px; height:47px;}
.review.user > div.user-image img.grade {position:absolute; right:-3px; bottom:3px; width:15px;}
.review.user > div.user-info {margin-left:7px; position:relative; top:4px;}
.review.user > div.user-info > div:after {content:""; display:block; clear:both;}
.review.user > div.user-info > div:last-of-type {height:19px; line-height:19px; padding-left:0 !important; position:relative; top:-3px;}
.review.user > div.user-info .score {font-size:17px; font-weight:600; position:relative; top:-4px; left:6px; color:#888888;}
.review.user > div.user-info .name {margin-left:2px;}
.review.user > div.user-info .name ,
.review.user > div.user-info .date {display:inline-block; font-size:12px; color:#888888;}
/* .review.user > div.user-info .name:after {content:"|"; padding:0 5px; color:#888888;} */

.review-pop-write {max-width:750px; position:fixed; left:50%; transform: translateX(-50%); top:0; width:100%; height:100%; z-index:999999;}
.review-pop-write .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.review-pop-write .box {position:absolute; left:10px; bottom:5%; width:calc(100% - 50px); max-width:700px; background:#fff; overflow:hidden; border-radius:0.1rem; padding:20px 15px 15px;}
.review-pop-write .box .pop-head {overflow:hidden;}
.review-pop-write .box .pop-head .pull-left img {width:70px;}
.review-pop-write .box .pop-head .pull-right span {cursor:pointer; display:inline-block; background:url('//img.sonyunara.com/review/m/ico_filter_close.png') no-repeat 50% 50% / 0.38rem auto; width:15px; height:15px;}
.review-pop-write .box .pop-body {margin-top:10px;}
.review-pop-write .box .pop-body p {color:#1b1b1b; font-size:14px; font-family:'Noto-B'; margin-bottom:5px;}
.review-pop-write .box .pop-body p span {font-family:'Noto-B'; font-weight:900; color:#f85c6c; border-bottom:1px solid #f85c6c; display:inline-block; margin-left:5px;}
.review-pop-write .box .pop-body p:nth-of-type(2) {margin:15px 0;}
.review-pop-write .box .pop-body p:nth-of-type(2) a {display:block; background:#ffa7bd; color:#fff; font-weight:900; font-size:15px; text-align:center; padding:13px 0; border-radius:0.1rem;}
.review-pop-write .box .pop-body p:last-of-type {margin-bottom:0; text-align:right; font-size:13px; color:#919191; letter-spacing:0.2px;}
.review-pop-write .box .pop-body p:last-of-type a {font-size:12px;}
.review-pop-write .box .pop-body p:last-of-type a span {position:relative; top:0; border:0; display:inline-block; width:13px; height:13px; margin-right:3px; border-radius:50%; background:url('//img.sonyunara.com/review/m/radio_off.png') center no-repeat; background-size:cover; vertical-align:bottom;}
.review-pop-write .box .pop-body p:last-of-type a.on span {background:url('//img.sonyunara.com/review/m/radio_on.png') center no-repeat; background-size:cover;}

.review-pop-write .box2 {left:0; bottom:-34%; /*margin-bottom: 5%;*/ animation-name:box-slide; animation-duration:0.5s; animation-fill-mode:forwards; padding-bottom:0; width:100%; max-width:750px; border-radius:10px; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.review-pop-write .box .pop-write-head {text-align:right;}
.review-pop-write .box .pop-write-head a {color:#454545; font-size:12px; position:relative; top:0; border:0; display:inline-block; margin-right:0; background:url('//img.sonyunara.com/review/m/radio_off.png') left 45% no-repeat; background-size:11px auto; vertical-align:bottom; padding:3px 0 4px 15px;}
.review-pop-write .box .pop-write-head a.on {background:url('//img.sonyunara.com/review/m/radio_on.png') left center no-repeat; background-size:15px auto;}
.review-pop-write .box .pop-write-info {display:flex; justify-content:center; align-items:center; padding:15px 5px 0;}
.review-pop-write .box .pop-write-info .info-image {position:relative; overflow:hidden; padding-bottom:33%; width:33%;}
.review-pop-write .box .pop-write-info .info-image a {position:absolute; left:0; top:0; width:100%; height:100%;}
.review-pop-write .box .pop-write-info .info-image a img {width:100%; height:100%; object-fit:cover; border-radius:50%;}
.review-pop-write .box .pop-write-info .info-content {width:calc(67% - 15px); padding-left:15px;}
.review-pop-write .box .pop-write-info .info-content .txt {color:#888888; font-size:12px;}
.review-pop-write .box .pop-write-info .info-content .txt h2 {font-size:18px; color:#1e1d1d; font-weight:bold; margin-bottom:10px;}
.review-pop-write .box .pop-write-info .info-content .subject {margin-top:5px; color:#6a6969; font-size:11px;}
.review-pop-write .box .pop-write-btn {margin:20px -15px 0; border-top:1px solid #dedede;}
.review-pop-write .box .pop-write-btn:after {display:block; clear:both; content:"";}
.review-pop-write .box .pop-write-btn a {width:50%; float:left; box-sizing:border-box; text-align:center; height:45px; line-height:45px; font-size:14px; color:#888888;}
.review-pop-write .box .pop-write-btn a:first-of-type {border-right:1px solid #dedede; background:#f3f3f3;}
.review-pop-write .box .pop-write-btn a:last-of-type {color:#fff; background:var(--season_color_03); font-weight:600;}
@keyframes box-slide{
	from {bottom:-34%;}
	to {bottom:-1px;}
}

/* review-write-pop2 */
.review-write-pop .form-group {border-bottom:1px solid #dedede; padding:45px 0; text-align:center;}
.review-write-pop .form-group.no-border {border-bottom:0; padding:15px 0 10px;}
.review-write-pop .form-group:last-of-type {border-bottom:0; padding:15px 0 0;}
.review-write-pop .form-group h2 {color:#494949; font-family:'Noto-B'; font-size:17px; margin-bottom:20px; font-weight:400;}
.review-write-pop .form-group h2 strong {font-weight:900;}
.review-write-pop .form-group ul {font-size:0;}
.review-write-pop .form-group ul li {max-height:74px; display:inline-block; font-size:14px; position:relative; margin:0 10px;}
.review-write-pop .form-group ul li img {cursor:pointer; border:0; margin:0 auto;}
.review-write-pop .form-group ul li input[type=checkbox],
.review-write-pop .form-group ul li input[type=radio] {-webkit-appearance:none; position:absolute; width:0; height:0; opacity:0;}
.review-write-pop .form-group ul li span {color:#c4c4c4; font-weight:400; display:block; margin-top:15px;}
.review-write-pop .form-group ul li.on span {color:#ff7d9e;}
.review-write-pop .form-group ul li img.on {display:none;}
.review-write-pop .form-group ul li label {position:relative;}
.review-write-pop .form-group ul li input[type=radio]:checked ~ img.on {display:inline;}
.review-write-pop .form-group ul li input[type=radio]:checked ~ img.off {display:none;}
.review-write-pop .form-group ul li input[type=radio]:checked ~ span {color:var(--season_color_11); border-color:var(--season_color_11);}
.review-write-pop .form-group ul.review-rad-list li {margin:0 18px;}
.review-write-pop .form-group ul.no-image {font-size:0;}
.review-write-pop .form-group ul.no-image:after {display:block; clear:both; content:"";}
.review-write-pop .form-group ul.no-image li {width:calc(33.33% - 10px); max-width:115px; margin:0 5px;}
.review-write-pop .form-group ul.no-image li span {border:1px solid #d1d1d1; height:45px; line-height:45px; border-radius:25px; margin-top:0; font-size:14px;}
.review-write-pop .form-group ul.no-image li img {display:none !important;}
.review-write-pop .form-group textarea {width:100%; outline:0; font-size:14px; border:1px solid #dbdbdb; border-radius:5px; resize:none; max-height:300px; padding:20px 20px 20%;}
.review-write-pop .form-group textarea::placeholder {color:#b5b5b5;}
.review-write-pop .form-group .add-file-area {position: relative; width: 100%; padding-bottom:1.22rem;}
.review-write-pop .form-group .add-file-area .file-btn {position: absolute; left:0; top:0; width: 100%;}
.review-write-pop .form-group .add-file-area .file-btn.active {z-index:1;}
.review-write-pop .form-group label#fileAdd {position:relative; font-size:16px; cursor:pointer; background:#707070; border-radius:5px; text-align:center; color:#fff; display:block; padding:14px 0 14px; margin-top:10px;}
.review-write-pop .form-group label#fileAdd img {width:auto; display:inline-block;}
.review-write-pop .form-group label#fileAdd input[type=file] {-webkit-appearance:none; position:absolute; width:0; height:0;}
.review-write-pop .form-group label#fileAdd img {max-width:20px; margin-right:5px; position:relative; top:-1px;}
.review-write-pop .form-group label.fileAdd {position:relative; font-size:16px; cursor:pointer; background:#000; border-radius:7px; text-align:center; color:#fff; display:block; padding:17px 0 14px; margin-top:10px;}
.review-write-pop .form-group label.fileAdd img {width:auto; display:inline-block;}
.review-write-pop .form-group label.fileAdd input[type=file] {-webkit-appearance:none; position:absolute; width:0; height:0;}
.review-write-pop .form-group label.fileAdd img {max-width:20px; margin-right:5px; position:relative; top:-2px;}
.review-write-pop .form-group .review-file-list {overflow:hidden; margin:25px -5px 5px;}
.review-write-pop .form-group .review-file-list li {width:calc(25% - 10px); display:block; float:left; position:relative; border-radius:0.12rem; margin:0 5px; padding:0 0 23%; overflow:hidden;}
.review-write-pop .form-group .review-file-list li > div.file-box {position:absolute; width:100%; left:0; top:0; padding:0; box-sizing:border-box;height:100%;}
.review-write-pop .form-group .review-file-list li img.photo {filter: brightness(80%); width:100%; cursor:inherit;height:100%;object-fit: cover;}
.review-write-pop .form-group .review-file-list li a.close {position:absolute; right:10px; top:10px;}
.review-write-pop .form-group .review-file-list li a.close-btn {position:absolute; right:10px; top:10px;}
.review-write-pop .form-group .review-file-list li a.play {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.review-write-pop .form-group .review-file-list li a.play.off{display:none;}
.review-write-pop .form-group .review-txt {width:100%; color:#565656; text-align:left; margin:20px 0 0; font-weight:300; font-size:13px; letter-spacing:0.1px; line-height:1.5;}
.review-write-pop .form-group .review-btn {margin:25px 0 0; overflow:hidden; width:100%;}
.review-write-pop .form-group .review-btn a,
.review-write-pop .form-group .review-btn button {border-radius:5px; vertical-align:top; box-sizing:border-box; display:block; font-size:16px; width:calc(50% - 10px); margin:0 5px; float:left; text-align:center; height:50px; line-height:50px;}
.review-write-pop .form-group .review-btn a {border:1px solid #bababa; background:#fff; color:#7d7d7d;}
.review-write-pop .form-group .review-btn button {border:1px solid var(--season_color_11) ; color:#fff; color:var(--season_color_11); background:#fff;}
@media (max-width:767px) {
.review-write-pop .form-group .review-file-list li a.close img {width:18px;}
.review-write-pop .form-group .review-file-list li a.close-btn img {width:18px;}
.review-write-pop .form-group .review-file-list li a.play img {width:40px;}
}
@media (max-width:500px) {
.review-write-pop .form-group > ul li img {width:45px;}
.review-write-pop .form-group .review-file-list li a.close {top:5px;}
.review-write-pop .form-group .review-file-list li a.close img {width:12px;}
.review-write-pop .form-group .review-file-list li a.close-btn {top:5px;}
.review-write-pop .form-group .review-file-list li a.close-btn img {width:12px;}
.review-write-pop .form-group .review-file-list li a.play img {width:25px;}
}

.review-write-pop {background:#f5f5f5; padding:20px 10px 50px;}
.review-write-pop {background:#fff; padding:20px 10px 50px;}
.review-write-pop .product-info .form-group {padding-top:20px;}
.review-write-pop .product-info .form-group h2 {margin-top:22px;}
.review-write-pop .product-info .form-group ul {display:inline-block;}
.review-write-pop .product-info .form-group ul li {max-height:auto;}
.review-write-pop .product-info .form-group ul li span {display:none;}
.review-write-pop .product-info .form-group .totalReview {position:relative; display:inline-block; margin:0 auto;}
.review-write-pop .product-info .form-group .totalReview:after {display:block; clear:both; content:"";}
.review-write-pop .product-info .form-group .totalReview ul {display:inline-block; margin:0 auto; font-size:0; position:relative;}
.review-write-pop .product-info .form-group .totalReview ul:after {display:block; clear:both; content:"";}
.review-write-pop .product-info .form-group .totalReview ul li {max-height:none; display:inline-block; margin:0 3px;}
.review-write-pop .product-info .form-group .totalReview .totalScore {width:11%; float:left; text-align:left; position:absolute; top:50%; transform:translateY(-50%); right:-30px; font-size:22px; color:#888888;}
.review-write-pop .product-info {display:block;}
.review-write-pop .product-info .product-box {display:block; width:100%; margin-top:20px;}
.review-write-pop .product-info .product-box .product-image {width:36%; margin:0 auto 30px; position:relative; overflow:hidden; padding-bottom:36%; z-index:2;}
.review-write-pop .product-info .product-box .product-image a {position:absolute; left:0; top:0; width:100%; height:100%;}
.review-write-pop .product-info .product-box .product-image a img {width:100%; height:100%; object-fit:cover; border-radius:50%;}
.review-write-pop .product-info .product-box .product-content {display:block; text-align:center; margin-top:15px;}
.review-write-pop .product-info .product-box .product-content .subject a {font-size:14px;}
.review-write-pop .product-info .product-box .product-content .option {color:#8d8d8d; margin-top:2px;}
.review-write-pop .product-info .product-box .product-arrow {position:absolute; left:0; top:0; width:100%; height:100%;}
.review-write-pop .product-info .product-box .product-arrow > div {position:absolute; top:0; width:24.5%; height:100%; background:none;}
.review-write-pop .product-info .product-box .product-arrow > div button {position:absolute; display:block; width:100%; height:35px; left:50%; top:48%; border:0; outline:0; transform:translate(-50%,-50%); font-size:0; background:url('//img.sonyunara.com/attrangs/review/m/arrow.png') no-repeat center / 30px auto !important;}
.review-write-pop .product-info .product-box .product-arrow > div.prev {left:5%;}
.review-write-pop .product-info .product-box .product-arrow > div.next button {transform:translate(-50%,-50%) rotate(180deg);}
.review-write-pop .product-info .product-box .product-arrow > div.next {right:5%;}

.sn-review-head {text-align:center; position:relative; margin:0 0 20px;}
.sn-review-head h2 {font-size:22px; color:#343434; font-weight:700;}
.sn-review-head a {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.sn-review-head a img {width:20px;}

.sn-review-notice .txt-box {border:1px solid var(--season_color_11); overflow:hidden; border-radius:10px; margin-bottom:10px;}
.sn-review-notice .txt-box p {text-align:center; height:43px; line-height:43px; color:#343434; position:relative; font-size:13px;}
.sn-review-notice .txt-box p a {position:absolute; top:0; right:10px; width:30px; height:100%; background:url('https://img.sonyunara.com/attrangs/review/pc/more-1.png') no-repeat center / 15px auto; font-size:0; transform:rotate(180deg);}
.sn-review-notice .txt-box.on p a {transform:none;}
.sn-review-notice .txt-box .txt-list {display:none; padding:0 15px 15px;}
.sn-review-notice .txt-box.on .txt-list {display:block;}
.sn-review-notice .txt-box .txt-list span {display:block; border-top:1px solid #e2e2e2; padding:15px 0 6px; color:#7a7a7a;}
.sn-review-notice .txt-box .txt-list ul li {color:#9b9b9b; position:relative; padding-left:7px; margin-bottom:3px;}
.sn-review-notice .txt-box .txt-list ul li:before {position:absolute; left:0; top:8px; content:""; width:3px; height:3px; background:#9b9b9b; border-radius:50%;}

.sn-review-product {padding:0 !important;}
.sn-review-product .product-info {overflow:hidden; margin-top:7px; border:1px solid #dbdbdb; border-radius:10px; background:#fff; padding:10px;}
.sn-review-product .product-info .list-image {width:25%; float:left;}
.sn-review-product .product-info .list-image a {border-radius:0.12rem; overflow:hidden;}
.sn-review-product .product-info .list-info {position:relative; width:calc(75% - 20px); float:left; padding:0 10px;}
.sn-review-product .product-info .list-info .box .info-subject {margin:0 0 7px;}
.sn-review-product .product-info .list-info .box .info-subject a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#030303; font-size:15px; font-weight:600;}
.sn-review-product .product-info .list-info .box .info-option {color:#8d8d8d; font-size:13px; margin:0 0 12px;}
.sn-review-product .product-info .list-info .box .info-date {color:#b4b4b4; font-size:12px;}
.sn-review-product .model-info {margin:6px 0 0; border:1px solid #dbdbdb; background:#fff; border-radius:10px;}
.sn-review-product .model-info table tr th,
.sn-review-product .model-info table tr td {text-indent:20px; color:#888888; padding:20px 0 12px;}
.sn-review-product .model-info table tr td label {color:#888;}
.sn-review-product .model-info table tr th {text-align:left; text-indent:11px;font-weight:600;}
.sn-review-product .model-info table tr td {color:#494949;}
.sn-review-product .model-info table tr td:first-of-type {border-right:1px solid #dbdbdb;}
.sn-review-product .model-info table tr td input[type=text] {display:inline-block; border:0 !important; outline:1px solid #fff; text-align:right; position:relative; top:-3px;}
.sn-review-product .model-info table tr td input[type=text]::placeholder {color:#888888;}
.sn-review-product .skinType {padding:17px 0 15px;}
.sn-review-product .skinType:after {display:block; clear:both; content:"";}
.sn-review-product .skinType > div:first-of-type {font-weight:bold; width:90px; float:left; text-indent:20px;}
.sn-review-product .skinType > div:last-of-type  {width:calc(100% - 90px); float:left;}
.sn-review-product .skinType > div:last-of-type:after {display:block; clear:both; content:"";}
.sn-review-product .skinType > div:last-of-type label {width:33.33%; float:left; position:relative; left:-10px;}
.sn-review-product .skinType > div:last-of-type span {position:relative; display:inline-block; padding-left:25px;}
.sn-review-product .skinType > div:last-of-type span:before {position:absolute; left:0; top:2px; width:0.36rem; height:0.36rem; content:""; background:url('../img/common/btn/form_radio_36.png') no-repeat 0 100% / 0.36rem auto}
.sn-review-product .skinType > div:last-of-type input:checked ~ span:before {background:url('../img/common/btn/form_radio_36.png') no-repeat 0 0 / 0.36rem auto}

.review-all {max-width:720px; margin:0 auto; padding:0 10px;}
.review-all .review-all-head {text-align:center; position:relative; margin-bottom:20px;}
.review-all .review-all-head a.close {position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.review-all .review-all-head a.close img {width:18px;}
.review-all .review-all-head a.prev {position:absolute; left:15px; top:49%; transform:translateY(-50%);}
.review-all .review-all-head a.prev img {width:20px;}
.review-all .review-all-head .user {text-align:left; padding:20px 10px; margin:0 -10px; border-bottom:1px solid #ababab;}
.review-all .review-all-head .user > div {display:inline-block; vertical-align:middle;}
.review-all .review-all-head .user > div.user-image {position:relative;}
.review-all .review-all-head .user > div.user-image img.photo {border-radius:8px; width:47px; height:47px;}
.review-all .review-all-head .user > div.user-image img.grade {position:absolute; right:-3px; bottom:3px; width:15px;}
.review-all .review-all-head .user > div.user-info {margin-left:7px; position:relative; top:4px;}
.review-all .review-all-head .user > div.user-info > div:after {content:""; display:block; clear:both;}
.review-all .review-all-head .user > div.user-info > div:last-of-type {height:19px; line-height:19px; padding-left:0 !important; position:relative; top:-3px;}
.review-all .review-all-head .user > div.user-info .score {font-size:17px; font-weight:600; position:relative; top:-4px; left:6px; color:#888888;}
.review-all .review-all-head .user > div.user-info .name {margin-left:2px;}
.review-all .review-all-head .user > div.user-info .name ,
.review-all .review-all-head .user > div.user-info .date {display:inline-block; font-size:12px; color:#888888;}
.review-all .review-all-head .user > div.user-info .name:after {content:"|"; padding:0 5px; color:#888888;}
.review-all .review-all-body ul {overflow:hidden; margin:0 -3px -6px;}
.review-all .review-all-body ul li {border:2px solid transparent; width:calc(33.33% - 6px); margin:0 3px 6px; float:left; position:relative; overflow:hidden; padding-bottom:31.21%; border-radius:7px; box-sizing:border-box;}
.review-all .review-all-body ul li.on {border:2px solid #ff7d9e;}
.review-all .review-all-body ul li a {position:absolute; left:0; top:0; width:100%; height:100%; display:block;}
.review-all .review-all-body ul li a img.main {object-fit:cover; height:100%;}
.review-all .review-all-body ul li a img.play {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:28px;}
.review-all .review-all-body ul li a span {position:absolute; right:7px; bottom:7px; width:20px; height:20px; line-height:21px; vertical-align:middle; display:block; text-align:center; font-size:10px; color:#fff; text-indent:-1px; background:rgba(0,0,0,0.5); border-radius:50%;}

.review-list-detail {position:relative;}
.review-list-detail .page-img {position:relative; overflow:hidden; padding-bottom:100%; border-radius:7px;}
.review-list-detail .page-img img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.review-list-detail .pagination {position:fixed; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:10;}
.review-list-detail .pagination > a {color:#fff; position:relative; background:rgba(0,0,0,0.5); width:50px; height:50px; line-height:52px; font-size:25px; vertical-align:middle; text-align:center; display:block; float:left;}
.review-list-detail .pagination > a i {color:#fff;}
.review-list-detail .pagination > a.prev_page {float:left; left:-5px; text-indent:-5px; border-top-right-radius:50%; border-bottom-right-radius:50%;}
.review-list-detail .pagination > a.next_page {float:right; right:-5px; text-indent:3px; border-top-left-radius:50%; border-bottom-left-radius:50%;}

.mark {float:left; position:relative; font-size:0; display:inline-block; z-index:1; width:111px; height:17px; position:relative; display:inline-block; overflow:hidden; font-size:0; display:inline-block; background:url('https://img.sonyunara.com/attrangs/review/pc/like.png?v=20240123') no-repeat -37px -88px / 184px auto;}
.mark img {width:100%; display:inline;}
.mark .graph {position:absolute; left:0; top:0; height:100%; background:#ff7d9e; z-index:-1; font-size:100%;}
.mark .star-bg {display:inline-block; position:relative; top:0; height:24px; background:url('https://img.sonyunara.com/attrangs/review/pc/like.png?v=20240123') no-repeat -37px -125px / 184px auto;}

/* review view page */
.sn-review-view {padding:0 10px;}
.sn-review-product {overflow:hidden; border:1px solid #dbdbdb; border-radius:7px; background:#fff; padding:10px;}
.sn-review-product .list-image {width:25%; float:left;}
.sn-review-product .list-image a {display:block; border-radius:0.12rem; overflow:hidden;}
.sn-review-product .list-info {position:relative; width:calc(75% - 20px); float:left; padding:0 10px;}
.sn-review-product .list-info .box .info-subject {margin:0 0 7px;}
.sn-review-product .list-info .box .info-subject a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#030303; font-size:14px; padding-top:2px; font-weight:600;}
.sn-review-product .list-info .box .info-option {color:#8d8d8d; font-size:13px;}
.sn-review-content.list-type {border-bottom:1px solid #dedede; margin:0 0 25px; padding:0 0 18px;}
.sn-review-content > ul {margin:15px 0 0; padding-bottom:15px; border-bottom:1px solid #efeeee;}
.sn-review-content > ul > li {margin-bottom:15px;}
.sn-review-content > ul > li:before {content:""; clear:both; display:block;}
.sn-review-content > ul > li:last-of-type {margin:0;}
.sn-review-content > ul > li div.content-list{word-break:break-all;}
.sn-review-content > ul > li > ul.file-list {overflow:hidden; margin:20px -5px 0 -5px;}
.sn-review-content > ul > li > ul.file-list li {width:calc(25% - 10px); display:block; float:left; position:relative; margin:0 5px; overflow:hidden; padding-bottom:23%; border-radius:0.12rem;}
.sn-review-content > ul > li > ul.file-list li .play {max-width:50px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:auto;}
.sn-review-content > ul > li > ul.file-list li > div.file-box {position:absolute; width:100%; left:0; top:0; height:100%;}
.sn-review-content > ul > li > ul.file-list li > div.file-box a img{height:100%; object-fit:cover;}
.sn-review-content > ul > li > ul.file-list li > div.file-box a img.play {height:auto;}
.sn-review-content > ul > li > ul.file-list li > div.file-box .open-modal-new {width: 100%; height: 100%; display: inline-block;}
.sn-review-content > ul > li > div.photo-list {overflow:hidden; margin-bottom:-10px;}
.sn-review-content > ul > li > div.photo-list .file-box{position: relative;}
.sn-review-content > ul > li > div.photo-list img {max-width:100%;}
.sn-review-content > ul > li > div.photo-list img,
.sn-review-content > ul > li > div.photo-list video {border-radius:7px; margin-bottom:10px;}
.sn-review-content > ul > li > div.photo-list img.play{position: absolute; width:15%; top:50%; left:50%;transform: translate(-50%, -50%); }
.sn-review-content > ul > li > ul.option-list {border:2px dotted #f5f5f5; border-radius:7px; padding:15px;}
.sn-review-content > ul > li > ul.option-list:after {display:block; clear:both; content:"";}
.sn-review-content > ul > li > ul.option-list li {font-weight:300; margin-bottom:7px; position:relative; color:#737373; font-size:13px; width:50%; float:left;}
.sn-review-content > ul > li > ul.option-list li:first-of-type {width:100%; clear:both; padding-left:0 !important;}
.sn-review-content > ul > li > ul.option-list li:nth-of-type(even):after {display:inline-block; content:""; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:1px; height:70%; background:#737373;}
.sn-review-content > ul > li > ul.option-list li:nth-of-type(odd) {padding-left:15px;}
.sn-review-content > ul > li > ul.option-list li span {display:inline-block; width:70px; position:relative; color:#737373;}
.sn-review-content > ul > li > ul.option-list li span:after {position:absolute; right:15px; top:0; content:":";}
/*.sn-review-content > ul > li > ul.option-list li:nth-of-type(6),*/
/*.sn-review-content > ul > li > ul.option-list li:last-of-type {margin-bottom:0; color:#ff8e77;}*/
.sn-review-content > ul > li > ul.option-list li:nth-of-type(6),
.sn-review-content > ul > li > ul.option-list li.size_data {margin-bottom:0; color:#ff8e77;}
/*.sn-review-content > ul > li > ul.option-list li:nth-of-type(6) span,*/
/*.sn-review-content > ul > li > ul.option-list li:last-of-type span {color:#ff8e77 !important;}*/
.sn-review-content > ul > li > ul.option-list li:nth-of-type(6) span,
.sn-review-content > ul > li > ul.option-list li.size_data span {color:#ff8e77 !important;}
.sn-review-content > ul > li > ul.option-list li:nth-of-type(6):after {background:#ff8e77;}
.sn-review-content > ul > li > div.content-list p {font-weight:300; max-width:800px; color:#7e7e7e; overflow:hidden; line-height:1.5em; font-size:13px;}
.sn-review-content > ul > li > div.content-list p.on {overflow:hidden; text-overflow: ellipsis; font-size:14px; word-wrap:break-word; line-height: 1.5em; /* height: 3em; */ display: -webkit-box; /* -webkit-line-clamp: 2 */; -webkit-box-orient: vertical;}
.sn-review-content > ul > li > div.content-list > div {cursor:pointer; font-weight:600; color:#000; font-size:12px; margin-top:20px;}
.sn-review-content > ul > li > div.content-list > div a {font-size:14px; display:block; padding:10px 0; margin-top:-20px;}

/* comment */
.comment-list {margin-top:40px; padding-bottom:100px;}
.comment-list ul li {margin-bottom:15px; line-height:1.2;}
.comment-list ul li#no_comment img {max-width:100%;}
.comment-list ul li:last-of-type {margin-bottom:0;}
.comment-list ul li#cmt-state {padding:0 10px;}
.comment-list ul li#cmt-state:after {display:block; clear:both; content:"";}
.comment-list ul li#cmt-state .pull-left {color:#8d8b8b; font-weight:300; position:relative; top:7px;}
.comment-list ul li#cmt-state .pull-left b {color:#000; font-weight:600;}
.comment-list ul li#cmt-state .pull-right > a {border:1px solid var(--season_color_11); box-sizing:border-box; background:#fff; color:var(--season_color_11); display:inline-block; padding:0 15px; height:30px; line-height:28px !important; border-radius:5px; margin-right:2px;}
.comment-list ul li#cmt-state .pull-right > a.on{border:1px solid var(--season_color_11);color:var(--season_color_11); background-color: var(--season_color_12);}
/*.comment-list ul li#cmt-state .pull-right > a.on {background:var(--season_color_11); color:#fff;}*/
.comment-list ul li#cmt-state .pull-right span {cursor:pointer; color:#d3d3d3; font-weight:400; display:inline-block; border:1px solid #d3d3d3; border-radius:5px; box-sizing:border-box; padding:0 7px; height:27px; line-height:26px;}
.comment-list ul li#cmt-state .pull-right span img {width:17px; display:inline-block; margin-right:1px; position:relative; top:5px;}
.comment-list ul li#cmt-state .pull-right span.on {border:1px solid var(--season_color_11); color:var(--season_color_11);}
.comment-list ul li.cmt-others {border:1px solid #c2c2c2; position:relative; border-radius:7px; padding:10px;}
.comment-list ul li.cmt-others::before {content:""; border:1px solid #c2c2c2; border-top-color:#fff; border-right-color:#fff; background:#fff; width:4px; height:10px; position:absolute; top:20px; left:-3.3px; transform:skew(-24deg);}
.comment-list ul li.cmt-others::after {content:""; width:1px; height:1px; background:#c2c2c2; left:-1px; top:20px; position:absolute;}
.comment-list ul li.cmt-mine {position:relative; border-radius:7px; padding:10px; background:#eee;}
.comment-list ul li.cmt-mine::before {content:""; background:#eee; width:6px; height:16px; position:absolute; top:10%; right:-1.3px; transform:skew(24deg);}
.comment-list ul li p {color:#222; line-height:1.5; font-weight:300;}
.comment-list ul li > div {margin-bottom:8px; position:relative;}
.comment-list ul li > div span {position:relative; margin-right:4px;}
.comment-list ul li > div span.photo {position:relative;}
.comment-list ul li > div span.photo img.member-icon {width:28px; border-radius:50%; border:solid 1px #bcbcbc;}
.comment-list ul li > div span.photo img.device {position:absolute; right:2px; bottom:-8px;}
.comment-list ul li > div span.photo img.device.web {width:12px;}
.comment-list ul li > div span.photo img.device.mobile {width:7px;}
.comment-list ul li > div span.grade img {width:15px; position:relative; top:-1px;}
.comment-list ul li > div span.name {color:#000; font-weight:600; font-size:14px;}
.comment-list ul li > div span.date {color:#7a7a7a; font-weight:300;}
.comment-list ul li > div span.delete img {width:13px;}
.comment-list .form-list {background:#f5f5f5; padding:10px 10px 15px; margin:30px -10px 0; border-bottom:1px solid #ececec;}
.comment-list .push-list {display:none !important; margin:0 -10px; background:#f5f5f5;}
.comment-list .push-list a {display:block; overflow:hidden; padding:12px 10px 10px; color:#7e7e7e;}
.comment-list .push-list a img {display:inline-block; width:12px; margin-right:3px; position:relative; top:-2px;}

.comment-list > ul > {display:none; margin:15px 0 5px;}
.comment-list > ul > li.cmt {border:1px solid #dcdcdc; position:relative; z-index:9; border-radius:15px; margin-bottom:17px; padding:12px; height:100%; display:none;}
.comment-list > ul > li.cmt:before {content: "";border: 1px solid #dcdcdc; border-width: 1px 0 0 1px;background: #fff;width: 12px;height: 12px;position: absolute;top: -7px;right: 30px;transform: rotate(45deg);}
.comment-list > ul > li.cmt:after {content:""; width:1px; height:1px; background:#dcdcdc; left:-1px; top:20px; position:absolute; display:block; clear:both;}
.comment-list > ul > li.cmt-mine {background:#f5f5f5; border-color:#c4c4c4;}
.comment-list > ul > li.cmt-mine:before {content: "";border: 1px solid #c4c4c4; border-width: 1px 0 0 1px;background: #f5f5f5;width: 12px;height: 12px;position: absolute;top: -7px;right: 15px;transform: rotate(45deg);}
.comment-list > ul > li .cmt-image {display:inline-block; width:100%;}
.comment-list > ul > li .cmt-image .image {display:inline-block; position:Relative; vertical-align:top; width:40px;}
.comment-list > ul > li .cmt-image .image:after {display:block; clear:both; content:"";}
.comment-list > ul > li .cmt-image .image img.photo {border-radius:50%; width:40px; height:40px;}
.comment-list > ul > li .cmt-image .image img.device {position:absolute; right:-3px; bottom:3px;}
.comment-list > ul > li .cmt-image .info {display:inline-block; margin-left:7px; position:relative; top:13px;}
.comment-list > ul > li .cmt-image .info span:first-of-type img {max-width:19px;}
.comment-list > ul > li .cmt-image .info span:first-of-type {font-size:14px; color:#000; font-weight:500;}
.comment-list > ul > li .cmt-image .info span.device {position:relative; display:inline-block; margin-left:5px;}
.comment-list > ul > li .cmt-image .info span.device img {vertical-align:top;}
.comment-list > ul > li .cmt-image .info span.device img.device-pc {width:14px; position:relative; top:3px;}
.comment-list > ul > li .cmt-image .info span.device img.device-m {width:8px; position:relative; top:1px;}
.comment-list > ul > li .cmt-image .info span.date {font-size:11px; color:#b0b0b0;}
.comment-list > ul > li .cmt-image .info span.delete {display:inline-block; top:0; margin-left:2px;}
.comment-list > ul > li .cmt-image .info span.delete a {display:block; width:10px; height:10px; background:url('//img.sonyunara.com/attrangs/review/pc/close.png') no-repeat left top / cover; font-size:0;}
.comment-list > ul > li .cmt-detail {width:100%;}
.comment-list > ul > li .cmt-detail .detail p {font-size:12px; color:#878787; line-height:1.4;}

/* 리뷰 수정 및 삭제 추가 */
div.user .pull-right .a_review_edit {border:1px solid #888888; box-sizing:border-box; background:#fff; color:#888888; display:inline-block; padding:0 10px; height:30px; line-height:28px !important; border-radius:5px; margin-right:2px;}

.form-list{background: #f5f5f5;padding: 10px 10px 15px;border-bottom: 1px solid #ececec;position: fixed;bottom: 0;width: 100%;}
.comment-box .comment-list .nodata {padding:0.18rem 0 1rem 0;}
.comment-box .comment-list .nodata:before {top: -1.6rem;}
.comment-box .topbox .form-write .txt textarea {outline: none;}
.comment-box .comment-list .list .reply .form-write .txt textarea {outline: none;}
.comment-box{border-top:solid 1px #9d9d9d}
.comment-box .topbox .tit{position:relative;margin:0 0 0.3rem 0;font-size:0.3rem;color:#030303;font-weight:700}
.comment-box .topbox .tit em{color:#7a7a7a;font-weight:300}
.comment-box .topbox .tit .btn-refresh{position:absolute;top:50%;width:0.6rem;height:0.6rem;text-align:left;text-indent:-9999px;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.comment-box .topbox .tit .btn-refresh:before{content:'';position:absolute;left:50%;top:50%;width:0.41rem;height:0.41rem;background:url('../img/common/icon/icons.png') no-repeat -1.5rem -1.5rem / 3rem auto;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}
.comment-box .topbox .tit .btn-m-black{position:absolute;right:0;top:50%;width:1.5rem;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.comment-box .topbox .btn-more{padding:0.1rem 0;font-size:0.26rem;color:#ababab}
.comment-box .topbox .sort{overflow:hidden;margin:0 0 0.4rem 0}
.comment-box .topbox .sort li{float:left}
.comment-box .topbox .sort li > *{display:block;position:relative;padding:0 0.22rem}
.comment-box .topbox .sort li + li > *:before{content:'';position:absolute;left:0;top:50%;margin-top:-0.01rem;width:1px;height:0.26rem;background:#e6e6e6;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.comment-box .topbox .sort li:first-child  > *{padding-left:0}
.comment-box .topbox .sort li .on{padding-left:0.5rem}
.comment-box .topbox .sort li .on:after{content:'';position:absolute;left:0.16rem;top:50%;width:0.26rem;height:0.18rem;background:url('../img/common/icon/check_icon.png') no-repeat -2rem -1.8rem / 3rem auto;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.comment-box .topbox .sort li .on:after{background:url('../img/common/icon/check_icon.png') no-repeat 1px 0 / 11px auto;}
.comment-box .topbox .sort li:first-child .on{padding-left:0.32rem}
.comment-box .topbox .sort li:first-child .on:after{left:0}
.comment-box .photo{position:relative}
.comment-box .photo .device{position:absolute;right:-0.04rem;bottom:-0.05rem;text-align:left;text-indent:-9999px}
.comment-box .photo .device:before{content:'';position:absolute;right:0;bottom:0;width:0.22rem;height:0.2rem;background:url('../img/common/icon/icons.png') no-repeat -2.78rem -1rem / 3rem auto}
.comment-box .photo .device.m:before{width:0.14rem;height:0.22rem;background-position:-2.86rem -1.28rem}
.comment-box .photo .img{overflow:hidden;display:block;width:0.64rem;height:0.64rem;border:solid 1px #bcbcbc;border-radius:50%}
.comment-box .topbox .form-write{margin:0 -0.3rem;padding:0.3rem;border:solid #e8e8e8;border-width:1px 0;background:#f8f8f8}
.comment-box .topbox .form-write .photo{float:left}
.comment-box .topbox .form-write .txt{overflow:hidden;position:relative;margin:0 0 0 0.8rem;padding:0 0 0.6rem 0;height:0.04rem;border:solid 1px #dbdbdb;border-radius:0.36rem;background:#fff}
.comment-box .topbox .form-write.on .txt{height:auto}
.comment-box .topbox .form-write .txt textarea{padding:6.5px 17px;width:100%;height:80px;border:0;background:none}
.comment-box .topbox .form-write .txt button{position:absolute;right:0.1rem;top:1.56rem;padding:10px 20px;font-size:0.24rem;color:#939393}
.comment-box .topbox .form-write .txt button:disabled{color:#dbdbdb}
.comment-box .bottombox .form-write{padding:0 0.26rem}
.comment-box .bottombox .form-write .photo{float:left}
.comment-box .bottombox .form-write .txt{overflow:hidden;position:relative;margin:0 0 0 0.8rem;padding:0 0 0.6rem 0;height:0.04rem;border:solid 1px #dbdbdb;border-radius:0.36rem;background:#fff}
.comment-box .bottombox .form-write.on .txt{height:auto}
.comment-box .bottombox .form-write .txt textarea{padding:0.16rem 0.34rem;width:100%;height:1.6rem;border:0;background:none}
.comment-box .bottombox .form-write .txt button{position:absolute;right:0.1rem;top:1.56rem;padding:0.14rem 0.24rem;font-size:0.24rem;color:#939393}
.comment-box .bottombox .form-write .txt button:disabled{color:#dbdbdb}
.comment-box .comment-list .list{padding:0 0.3rem 0.6rem 0.3rem}
.comment-box .comment-list .list > li{position:relative;padding:0 0 0 0.64rem}
.comment-box .comment-list .list .photo{position:absolute;left:0;top:0}
.comment-box .comment-list .list .photo .img{width:0.48rem;height:0.48rem}
.comment-box .comment-list .list > li + li{margin-top:0.4rem}
.comment-box .comment-list .list > li > .txt{position:relative;margin:0 0 0.1rem 0;padding:0.12rem 0.9rem 0 0;font-size:0.26rem;line-height:1.4;letter-spacing:0}
.comment-box .comment-list .list > li > .txt .btn-del{display:inline-block;position:relative;margin:-0.1rem 0;width:0.5rem;height:0.5rem;text-indent:-9999px}
.comment-box .comment-list .list > li > .txt .btn-del:before{content:'';position:absolute;left:50%;top:50%;width:0.22rem;height:0.22rem;background:url('../img/common/icon/icons.png') no-repeat -2.5rem -1.8rem / 3rem auto;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}
.comment-box .comment-list .list > li > .txt .btn-like{position:absolute;right:0;top:0;width:0.6rem;height:0.6rem;text-indent:-9999px}
.comment-box .comment-list .list > li > .txt .btn-like:before{content:'';position:absolute;left:50%;top:50%;width:0.26rem;height:0.24rem;background:url('../img/common/icon/icons.png') no-repeat 0 -2rem / 3rem auto;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}
.comment-box .comment-list .list > li > .txt .btn-like.on:before{background-position:0 -2.26rem}
.comment-box .comment-list .list > li > .info{font-size:0}
.comment-box .comment-list .list > li > .info > *{display:inline-block;padding:0.1rem 0.14rem;font-size:0.22rem;color:#9c9c9c;vertical-align:top;line-height:1}
.comment-box .comment-list .list > li > .info > *:first-child{padding-left:0}
.comment-box .comment-list .list .reply .list{padding:0.2rem 0 0 0.46rem}
.comment-box .comment-list .list .reply .list li:before{content:'';position:absolute;left:-0.3rem;top:-0.12rem;width:0.2rem;height:0.3rem;border:solid #dfdede;border-width:0 0 1px 1px}
.comment-box .comment-list .list .reply .photo .img{width:0.38rem;height:0.38rem}
.comment-box .comment-list .list .reply .list li + li{margin-top:0.2rem}
.comment-box .comment-list .list .reply .list li > .txt{padding-top:0.04rem}
.comment-box .comment-list .list .reply .form-write{position:relative}
.comment-box .comment-list .list .reply .form-write:before{content:'';position:absolute;left:0.15rem;top:0;width:0.2rem;height:0.3rem;border:solid #dfdede;border-width:0 0 1px 1px}
.comment-box .comment-list .list .reply .form-write .txt{overflow:hidden;position:relative;margin:0.2rem 0 0 0.46rem;padding:0 0 0.6rem 0;height:0.04rem;border:solid 1px #dbdbdb;border-radius:0.36rem;background:#fff}
.comment-box .comment-list .list .reply .form-write .txt .top{display:none;position:relative;margin:0.2rem 0.3rem 0 0.3rem;padding:0.08rem 0 0 0.52rem}
.comment-box .comment-list .list .reply .form-write .txt textarea{padding:0.13rem 0.34rem;width:100%;height:1rem;font-size:0.26rem;border:0}
.comment-box .comment-list .list .reply .form-write .txt button{position:absolute;right:0.12rem;top:1.16rem;padding:0.14rem 0.24rem;font-size:0.24rem;color:#939393}
.comment-box .comment-list .list .reply .form-write .txt button:disabled{color:#dbdbdb}
.comment-box .comment-list .list .reply .form-write.on .txt{height:auto}
.comment-box .comment-list .list .reply .form-write.on .txt .top{display:block}
.comment-box .comment-list .list .reply .form-write.on .txt button{top:1.54rem}
.comment-box .comment-list .nodata{position:relative;margin:2.5rem 0;padding:1.82rem 0 0 0;font-size:0.28rem;color:#bfbfbf;text-align:center}
.comment-box .comment-list .nodata:before{content:'';position:absolute;left:50%;top:0;width:1.55rem;height:1.55rem;background:url('../img/common/icon/icons_large.png') no-repeat 0 -4.5rem / 6rem auto;transform:translateX(-50%);-webkit-transform:translateX(-50%)}

.comment-wrap {position:fixed; left:0; bottom:0; width:100%; background:#f0f0f0; padding:15px 10px; z-index:9999;}
.comment-wrap form:after {display:block; clear:both; content:"";}
.comment-wrap form .cmt-image {width:40px; float:left;}
.comment-wrap form .cmt-image img {width:100%; vertical-align:top;}
.comment-wrap form .cmt-content {width:calc(100% - 40px); float:left; padding-left:10px;}
.comment-wrap form .cmt-content .txt-box {background:#ffffff; overflow:hidden; position:relative; border-radius:15px; height:40px;}
.comment-wrap.on form .cmt-content .txt-box {height:80px;}
.comment-wrap form .cmt-content .txt-box textarea {border:0; width:100%; padding:10px; height:50px; font-size:14px; outline:none;}
.comment-wrap form .cmt-content .txt-box button {background:none; border:0; color:#7e7e7e; font-size:15px;}
.comment-wrap.on form .cmt-content .txt-box button {position:absolute; right:0; bottom:10px;}

.sn-review-wrap {max-width:750px; margin:0 auto;}
.sn-review-queen {margin-bottom:6px !important; position:relative;}
.sn-review-queen a:first-of-type {position: absolute;bottom: 17%;left: 16%;width: 68%;height: 8%;}
.sn-review-queen a:last-of-type {position: absolute;bottom: 6%;left: 16%;width: 68%;height: 8%;}
.sn-review-queen {margin-bottom:40px;}
.review-queen-image {position:relative;}
.review-queen-image a:first-of-type {position: absolute;bottom: 110px;left: 325px;width: 252px;height: 55px;}
.review-queen-image a:last-of-type {position: absolute;bottom: 110px;left: 628px;width: 252px;height: 55px;}
.review-queen-list ul {margin:0 -2px;}
.review-queen-list ul:after {display:block; clear:both; content:"";}
.review-queen-list ul li {width:calc(33.33% - 4px); float:left; margin:0 2px 4px; position:relative; overflow:hidden; padding-bottom:31.45%;}
.review-queen-list ul li a {position:absolute; left:0; top:0; width:100%; height:100%;}
.sn-review-all {margin:30px 0;}
.sn-review-all .review-count {border-bottom:1px solid #dedede; padding-bottom:10px; margin-bottom:10px; color:#222222; font-size:15px; font-weight:500;}
.sn-review-all .review-button a {display:block; font-size:15px; font-weight:500; margin-bottom:10px; background:#000000; text-align:center; border-radius:5px; height:42px; line-height:42px; color:#fff;}
.sn-review-all .review-btn {font-size:0; margin-bottom:30px;}
.sn-review-all .review-btn > button,
.sn-review-all .review-btn > a {font-size:15px; display:inline-block; font-weight:500; box-sizing:border-box; background:#fafafa; height:50px; line-height:50px; text-align:center; border-radius:5px;}
.sn-review-all .review-btn > button {cursor:pointer; width:calc(100% - 75px); margin-right:5px; border:1px solid #434343; color:#fff; background:#434343; vertical-align:top;}
.sn-review-all .review-btn > a {width:70px; border:1px solid #e8e8e8; color:#d2d2d2;}
.sn-review-all .review-btn > a.on {border-color:#c2c2c2; color:#303030;}
.sn-review-all .review-btn .filter-modal {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999999;}
.sn-review-all .review-btn .filter-modal .box {border-radius:15px; overflow-y:auto; background:#fff; width:95%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.sn-review-all .review-btn .filter-modal .box .modal-header {padding:0 15px 0; position:relative;}
.sn-review-all .review-btn .filter-modal .box .modal-header .close {text-align:right; margin:15px 0 0;}
.sn-review-all .review-btn .filter-modal .box .modal-header .close img {width:auto; display:inline; max-width:20px;}
.sn-review-all .review-btn .filter-modal .box .modal-header h2 {font-size:20px; text-align:center; margin:15px 0 25px; font-weight:600;}
.sn-review-all .review-btn .filter-modal .box .modal-content {padding:0 15px;}
.sn-review-all .review-btn .filter-modal .box .modal-content input[type=text] {-webkit-appearance:none; box-shadow:none !important; border:1px solid #dbdbdb !important; margin-bottom:10px; border-radius:5px; text-align:center; width:100%; height:55px; font-size:16px; padding-left: 137px;}
.sn-review-all .review-btn .filter-modal .box .modal-content input[type=text]:placeholder {color:#656565;}
.sn-review-all .review-btn .filter-modal .box .modal-content button {-webkit-appearance:button; cursor:pointer; width:100%; text-align:center; margin-bottom:25px; border:0; border-radius:5px; color:#fff; background:#434343; font-weight:600; font-size:18px; height:55px;}
.sn-review-all .review-btn .filter-modal .labelBox{position: relative;}
.sn-review-all .review-btn .filter-modal .labelBox label{font-size: 14px;position: absolute;left: 35px;top: 16px;}
.sn-review-all .review-btn .filter-modal .labelBox span{position: absolute;left: 119px;top: 16px;font-size: 16px; font-weight:100;}

.sn-review-all .review-result ul {overflow:hidden;}
.sn-review-all .review-result ul:after {display:block; clear:both; content:"";}
.sn-review-all .review-result ul li {padding:0 10px; float:left; display:inline-block; box-sizing:border-box;}
.sn-review-all .review-result ul li:first-of-type {border-right:1px solid #dedede; width:111px;}
.sn-review-all .review-result ul li:last-of-type {position:relative; top:7px; width:calc(100% - 111px); padding-right:0;}
.sn-review-all .review-result ul li > div.star {position:relative; font-size:0; display:inline-block; overflow:hidden; text-align:center;}
.sn-review-all .review-result ul li > div.star img {display:inline-block; font-size:100%; width:auto; width:14px;}
.sn-review-all .review-result ul li > div.star #starGraph {position:absolute; left:0; top:0; width:0; height:100%; background:#ff7d9e; z-index:-1;}
.sn-review-all .review-result ul li > div.tit {position:relative; top:3px; color:#222; font-size:12px; text-align:center; line-height:1.2;}
.sn-review-all .review-result ul li > div.grade {text-align:center; color:#222; font-weight:600; font-size:25px; padding:7.5px 0;}
.sn-review-all .review-result ul li > span.mark {width:90px !important; background:url('https://img.sonyunara.com/attrangs/review/pc/like.png?v=20240123') no-repeat -29px -73px / 151px auto !important;}
.sn-review-all .review-result ul li > span.mark .star-bg {background:url('https://img.sonyunara.com/attrangs/review/pc/like.png?v=20240123') no-repeat -29px -103px / 151.5px auto !important;}
.sn-review-all .review-result ul li.beauty {display:block; border:0; width:100%; padding:0; margin-top: 15px;}
.sn-review-all .review-result ul li.beauty:after {display:block; content:""; clear:both;}
.sn-review-all .review-result ul li.beauty .tit {display:inline-block; float:left; font-size:14px; position:relative; top:3px; font-weight:500;}
.sn-review-all .review-result ul li.beauty .grade {display:inline-block; float:right; padding:0; position:relative; top:-2.5px; margin-left:10px; font-size:18px;}
.sn-review-all .review-result ul li.beauty .star {display:inline-block; float:right; height:22px;}
.sn-review-all .review-result ul li.beauty > div.star img {width:25px;}
.sn-review-all .review-result ul li table {max-width:500px; margin-top:5px;}
.sn-review-all .review-result ul li table tr.space td {padding:4px 0 !important;}
.sn-review-all .review-result ul li table tr td {color:#222; text-align:center;}
.sn-review-all .review-result ul li table tr td:last-of-type {padding:0;}
.sn-review-all .review-result ul li table tr td:first-of-type {text-align:center;}
.sn-review-all .review-result ul li table tr td > span {text-align:center; font-size:12px; font-weight:300; border:1px solid #bfbfbf; border-radius:20px; display:inline-block; width:50px; height:25px; line-height:25px;}
.sn-review-all .review-result ul li table tr td > div.percentage {overflow:hidden; position:relative; border:1px solid #bfbfbf; border-radius:15px; min-width:65px; height:10px;}
.sn-review-all .review-result ul li table tr td > div.percentage span {border-radius:15px; position:absolute; left:0; top:0; height:100%; background:#d3d3d3; content:"";}
.size-percent , .color-percent {font-style:inherit;}
.sn-review-all .review-list {margin:30px -10px; overflow:hidden; overflow-x:auto; white-space:nowrap;   -ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */}
.sn-review-all .review-list::-webkit-scrollbar {
	display: none;
}
.sn-review-all .review-list > ul {margin:0 -3px -10px;}
.sn-review-all .review-list > ul li:first-of-type {margin-left:10px;}
.sn-review-all .review-list > ul li:last-of-type {margin-right:10px;}
.sn-review-all .review-list > ul li {display:inline-block; width:25%; vertical-align:top; margin:0 3px 10px; border-radius:6px; position:relative; padding-bottom:25%; overflow:hidden;}
.sn-review-all .review-list > ul li > div.file-box {position:absolute; left:0; top:0; width:100%; height:100%;}
.sn-review-all .review-list > ul li > div.file-box a img{height:100%;}
.sn-review-all .review-list > ul li > div.file-box .open-modal-new {width: 100%; height: 100%; display: inline-block;}
.sn-review-all .review-list > ul li .total {position:absolute; left:0; bottom:-3px; width:100%;}
.sn-review-all .review-list > ul li .total ul {width:100%; text-align:right; padding-right:8px;}
.sn-review-all .review-list > ul li .total ul li {margin:0; background:#fff; padding-bottom:0; width:3px; height:3px; border-radius:50%;}
.sn-review-all .review-list > ul li img.play {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:auto; max-width:50px; border-radius:0;}
@media (max-width:767px) {
.sn-review-all .review-list > ul li img.play {width:40px;}
}
@media (max-width:500px) {
.sn-review-all .review-list > ul li img.play {width:28px;}
}

.sn-review-wrap {padding:0 10px;}
.sn-review-wrap .sn-review-filter {border-bottom:1px solid #d2d2d2; padding-bottom:3px; margin:20px 0;}
.sn-review-wrap .sn-review-filter > div {position:relative; display:block; color:#656565; font-size:14px;}
.sn-review-wrap .sn-review-filter > div.tit:after {content:"|"; padding:0 10px; color:#9d9d9d; font-size:10px; position:relative; top:-2px;}
.sn-review-wrap .sn-review-filter > div > a {position:absolute; right:5px; top:55%; transform:translateY(-50%); font-size:12px; border-bottom:1px solid #666;}
.sn-review-wrap .sn-review-filter select {border:0; outline:0; vertical-align:inherit; font-size:13px; color:#656565; cursor:pointer; position:relative; min-width:73px;}
.sn-review-wrap .sn-review-filter select.on {background-position:90% 45%;}
.sn-review-wrap .sn-review-list {margin-bottom:50px;}
.sn-review-wrap .sn-review-list ul li {border-radius:0.12rem; border:1px solid #e6e6e6; margin-bottom:15px; padding:10px; overflow:hidden; display:flex; align-items:center;}
.sn-review-wrap .sn-review-list ul li:last-of-type {margin-bottom:0;}
.sn-review-wrap .sn-review-list ul li .list-image {width:25%; float:left;}
.sn-review-wrap .sn-review-list ul li .list-image a {overflow:hidden; display:block; border-radius:0.12rem;}
.sn-review-wrap .sn-review-list ul li .list-image a img {width:100%;}
.sn-review-wrap .sn-review-list ul li .list-info {width:calc(75% - 10px); float:left; padding:7px 0 7px 10px;}
.sn-review-wrap .sn-review-list ul li .list-info > div {margin-bottom:7px;}
.sn-review-wrap .sn-review-list ul li .list-info > div:last-of-type {margin-bottom:0;}
.sn-review-wrap .sn-review-list ul li .list-info > div.info-date {color:#9c9c9c; letter-spacing:0.1px;}
.sn-review-wrap .sn-review-list ul li .list-info > div.info-subject a {font-weight:600; display:block; font-size:14px; line-height:1.2; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sn-review-wrap .sn-review-list ul li .list-info > div.info-option {color:#484848;}
.sn-review-wrap .sn-review-list ul li .list-info > div.info-btn a {color:#ff7d9e; border:1px solid #ff7d9e; border-radius:4px; display:inline-block; height:25px; line-height:23px; padding:0 10px; box-sizing:border-box;}
@media (max-width:480px) {
.sn-review-wrap .sn-review-list ul li .list-image {width:30%;}
.sn-review-wrap .sn-review-list ul li .list-info {width:calc(70% - 10px);}
}

.sn-review-content.list-type {margin:0 0 25px; padding:0 0 18px;}
.sn-review-content > ul {margin:15px 0 0; padding-bottom:15px; border-bottom:1px solid #efeeee;}
.sn-review-content > ul > li {margin-bottom:15px;}
.sn-review-content .comment-list > ul > li#cmt-state {padding:0 !important;}
.sn-review-content > ul > li:before {content:""; clear:both; display:block;}
.sn-review-content > ul > li:last-of-type {margin:0;}
.sn-review-content > ul > li div.member-photo {width:32px; height:32px;float:left; position:relative; top:7px;}
.sn-review-content > ul > li div.member-photo img {width:100%; max-width:100%; border-radius:50%; height:100%; object-fit:cover;}
.sn-review-content > ul > li div.member-photo img.rank-icon {height:auto; position:absolute; right:-3px; bottom:-2px; width:14px;}
.sn-review-content > ul > li div.member-photo img.member-icon{object-fit:cover; height:32px; width:32px; border:solid 1px #bcbcbc;}
.sn-review-content > ul > li div.member-photo .mem-grade-img:before{content: '';position: absolute; right:0; bottom:-2px; width: 14px; height: 14px;background: url(../img/common/icon/lv37_2.png) no-repeat 0 0 / 14px auto;}
.sn-review-content > ul > li div.member-photo .mem-grade-img.silver:before{background-position: 0 -0.38rem;}
.sn-review-content > ul > li div.member-photo .mem-grade-img.gold:before{background-position: 0 -0.75rem;}
.sn-review-content > ul > li div.member-photo .mem-grade-img.vvip:before{background-position: 0 -1.125rem;}
.sn-review-content > ul > li div.member-photo .mem-grade-img.vip:before{background-position: 0 -1.12rem;}
.sn-review-content > ul > li div.member-photo .mem-grade-img.diamond:before{background-position: 0 -1.83rem;}
.sn-review-content > ul > li div.content-list{word-break:break-all;}
.sn-review-content > ul > li div.member-info {width:calc(100% - 50px); float:left; padding-left:10px;}
.sn-review-content > ul > li div.member-info .grade {margin:3px 0;}
.sn-review-content > ul > li div.member-info .grade img {display:inline; width:19px;}
.sn-review-content > ul > li div.member-info .grade .star {display:inline-block; position:relative; font-size:0;}
.sn-review-content > ul > li div.member-info .grade .star > span {position:absolute; z-index:-1; height:100%; background:#ff7d9e; left:0; top:0; font-size:100%;}
.sn-review-content > ul > li div.member-info .grade .star > span.star1 {width:20%;}
.sn-review-content > ul .> li div.member-info .grade .star > span.star2 {width:40%;}
.sn-review-content > ul > li div.member-info .grade .star > span.star3 {width:60%;}
.sn-review-content > ul > li div.member-info .grade .star > span.star4 {width:80%;}
.sn-review-content > ul > li div.member-info .grade .star > span.star5 {width:100%;}
.sn-review-content > ul > li div.member-info .grade span.gradeNum {display:inline-block; margin-left:5px; font-size:15px; vertical-align:bottom; position:relative; top:1px;}
.sn-review-content > ul > li div.member-info .account {color:#656565; font-weight:300; font-size:12px; font-family:'굴림';}
.sn-review-content > ul > li div.member-info .account span:after {content:"\00B7"; display:inline-block; padding:0 5px; font-size:18px; position:relative; top:2px;}
.sn-review-content > ul > li div.member-info .account span:last-of-type:after {display:none;}
.sn-review-content > ul > li > ul.file-list {overflow:hidden; margin:20px -2.5px 0;}
.sn-review-content > ul > li > ul.file-list li {width:calc(25% - 5px); display:block; float:left; position:relative; margin:0 2.5px; overflow:hidden; padding-bottom:23%; border-radius:0.12rem;}
.sn-review-content > ul > li > ul.file-list li .play {max-width:50px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:auto;}
.sn-review-content > ul > li > ul.file-list li > div.file-box {border-radius:10px; position:absolute; width:100%; left:0; top:0; height:100%;}
.sn-review-content > ul > li > ul.file-list li > div.file-box a img{height:100%; object-fit:cover;}
.sn-review-content > ul > li > ul.file-list li > div.file-box a img.play {height:auto;}
.sn-review-content > ul > li > ul.file-list li > div.file-box .open-modal-new {width: 100%; height: 100%; display: inline-block;}
.sn-review-content > ul > li > div.photo-list {overflow:hidden; margin-bottom:-10px;}
.sn-review-content > ul > li > div.photo-list .file-box{position: relative;}
.sn-review-content > ul > li > div.photo-list img,
.sn-review-content > ul > li > div.photo-list video {border-radius:7px; margin-bottom:10px;}
.sn-review-content > ul > li > div.photo-list img.play{position: absolute; width:15%; top:50%; left:50%;transform: translate(-50%, -50%); }

#queenWinnerList li {padding:10px; background:#f5f5f5; margin-bottom:10px; position:relative; display:flex; flex-wrap:wrap; align-items:center;}
#queenWinnerList li:last-of-type {margin-bottom:0;}
#queenWinnerList li:after {display:block; clear:both; content:"";}
#queenWinnerList li > div.type {font-size:15px; color:#5e5e5e; width:72px;}
#queenWinnerList li > div.content {color:#828282; font-size:13px; padding-left:20px; width:calc(100% - 72px);}
.milage_layer .layer_info {list-style:none;}
.milage_layer .layer_info li {text-align:left; list-style:none; font-size:15px; margin-bottom:20px;}
.milage_layer .layer_info li:after {display:none;}


#sn-review-filter.sn-review-filter{
	width: calc(100% + 20px);
    margin-left: -10px;
    border-top: 10px solid #F3F3F3;
    border-bottom: 10px solid #F3F3F3;
    padding: 20px 20px 5px 20px;
}