@charset "utf-8";

.review a.more {display:block; width:100%; margin-top:16px; line-height:50px; font-weight:600; text-align:center; border:1px solid #ededed; border-radius:3px; box-sizing:border-box;}

/* 검색 */
.review > * > * > .review-form {padding:0 16px; margin-top:16px;}
.review > * > * > .review-form > strong {display:none; font-size:20px; line-height:22px;}
.review > * > * > .review-form > div {position:relative;}
.review > * > * > .review-form > div > input {height:46px; border-radius:23px;}
.review > * > * > .review-form > div > button {position:absolute; top:0; right:0; height:100%; width:54px; background:url(../images/icon-search-form.png) no-repeat; background-size:22px auto; background-position:center center;}

/* 목록 */
.review > .list {padding:16px; border-top:1px solid #eee;}
.review > form + .list {margin-top:16px;}
.review > .list > ul > li {height:196px; margin-top:16px; background-color:#f2f3fb;}
.review > .list > ul > li:first-child {margin-top:0;}
.review > .list > ul > li:nth-child(2n) {background-color:#f9fbf2;}
.review > .list > ul > li > a {display:block; width:100%; height:100%; padding:16px; box-sizing:border-box;}
.review > .list > ul > li > a > span {display:block; text-align:right; color:#999;}
.review > .list > ul > li > a > strong {display:flex; margin-top:8px; text-align:center;}
.review > .list > ul > li > a > strong > strong {width:calc(100% - 35px * 2); font-size:16px; line-height:40px; vertical-align:middle; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.review > .list > ul > li > a > strong > em {width:19px; height:40px; font-size:0; line-height:0; vertical-align:middle;}
.review > .list > ul > li > a > strong > em:first-child {margin-right:16px; background:url(../images/addon/icon-quotation-01.png) no-repeat left top;}
.review > .list > ul > li > a > strong > em:last-child {margin-left:16px; background:url(../images/addon/icon-quotation-02.png) no-repeat right bottom;}
.review > .list > ul > li > a > em {display:block; height:46px; margin-top:16px; font-size:14px; line-height:23px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.review > .list > ul > li > a > small {display:flex; align-items:flex-end; justify-content:end; height:25px; margin-top:5px; font-size:14px; color:#999;}
.review > .list > ul > li > a > small > em {width:25px; height:25px; margin-left:16px; font-size:0; line-height:0; background:url(../images/addon/icon-pencil.png) no-repeat center center; background-size:25px auto;}

/** PC */
@media all and (min-width:760px) {
	.review {width:1320px; margin:0 auto;}
	.review a.more {width:250px; margin:0 auto; margin-top:32px; border-radius:25px;}
	
	.review > * > * > .review-form {display:flex; align-items:center; justify-content:space-between; padding:0; margin-top:16px;}
	.review > * > * > .review-form > strong {display:block;}
	.review > * > * > .review-form > div {width:350px; margin-left:auto;}
	
	.review > .list {padding:0;}
	.review > .list > ul {display:flex; flex-wrap:wrap;}
	.review > .list > ul > li {width:calc((100% - 60px) / 3); margin-top:30px; margin-right:30px;}
	.review > .list > ul > li:first-child {margin-top:30px;}
	.review > .list > ul > li:nth-child(3n) {margin-right:0;}
}