@charset "utf-8";

.m-bbs-review1_img {position:relative; line-height:0; font-size:0;}
.m-bbs-review1_img .header {z-index:1; position:relative; margin-bottom:20px; display:table; table-layout:fixed; width:100%;}
.m-bbs-review1_img .header ul {display:table-row;}
.m-bbs-review1_img .header li {padding-bottom:15px; position:relative; display:table-cell; vertical-align:middle; border-bottom:1px solid #000000;}
.m-bbs-review1_img .header .title {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m-bbs-review1_img .header .title img {max-width:100%;}
.m-bbs-review1_img .header .num {text-align:center;}
.m-bbs-review1_img .header .num span {position:relative; display:inline-block; width:20px; height:20px; cursor:pointer;}
.m-bbs-review1_img .header .num span:before {display:block; content:''; position:absolute; left:calc(50% - 4px); top:calc(50% - 4px); width:7px; height:7px; border-radius:100%; border:1px solid #cccccc; background-color:#ffffff;}
.m-bbs-review1_img .header .num span.on:before {border-color:#000000; background-color:#000000;}

.m-bbs-review1_img .layer {position:relative;}
.m-bbs-review1_img .layer ul {margin:-30px 0 0 -30px; display:none; position:relative; left:0px; top:0px; width:calc(100% + 30px);}
.m-bbs-review1_img .layer ul:first-child {display:block;}
.m-bbs-review1_img .layer li {background-color:#ffffff; position:relative; margin:30px 0 0 30px; display:inline-block; vertical-align:top;}

.m-bbs-review1_img.w5 .layer li {width:calc(20% - 30px);}
.m-bbs-review1_img.w4 .layer li {width:calc(25% - 30px);}
.m-bbs-review1_img.w3 .layer li {width:calc(33.333% - 30px);}
.m-bbs-review1_img.w2 .layer li {width:calc(50% - 30px);}
.m-bbs-review1_img.w1 .layer li {width:calc(100% - 30px);}

.m-bbs-review1_img .layer .btn {z-index:10; display:block; position:absolute; left:0; top:0; width:100%; height:calc(100% - 43px); cursor:pointer;}

.m-bbs-review1_img .layer .best {z-index:5; padding:2px 0 0 0; display:block; position:absolute; left:5px; top:5px; width:52px; border:1px solid #e64039; background-color:#f34a43; border-radius:3px; text-align:center;}
.m-bbs-review1_img .layer .best {font-weight:bold; line-height:16px; font-size:11px; color:#ffffff; font-family:dotum,돋움;}

.m-bbs-review1_img .layer .image {position:relative; overflow:hidden; display:block; width:100%; height:100%; min-width:100%; max-width:100%; min-height:100%; max-height:100%;}
.m-bbs-review1_img .layer .image:before {z-index:2; display:none; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.7;}
.m-bbs-review1_img .layer .image > img {z-index:1; position:relative; width:100%; height:100%; border:0;}

.m-bbs-review1_img .layer .thumb {z-index:1; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #f7f7f7;}
.m-bbs-review1_img .layer .thumb > div {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.m-bbs-review1_img .layer .thumb img {margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; border:0;}
.m-bbs-review1_img .layer .thumb img:nth-child(2) {opacity:0;}

.m-bbs-review1_img .layer .cnt {z-index:1; display:block; position:absolute; right:1px; bottom:1px; width:20px; height:20px; background-color:#000000; text-align:center;}
.m-bbs-review1_img .layer .cnt {font-weight:400; line-height:20px; font-size:12px; color:#ffffff;}

.m-bbs-review1_img .layer .layer {z-index:2; display:none; position:absolute; left:0; top:0; width:100%; height:100%;}
.m-bbs-review1_img .layer .layer > div {display:table; width:100%; height:100%;}
.m-bbs-review1_img .layer .layer > div > div {display:table-cell; vertical-align:middle;}
.m-bbs-review1_img .layer .layer p {margin:0 15px; text-align:center;}
.m-bbs-review1_img .layer .layer p {font-weight:700; line-height:22px; font-size:18px; color:#ffffff;}
.m-bbs-review1_img .layer .layer .score {margin-top:15px; text-align:center;}
.m-bbs-review1_img .layer .layer .score span {margin-left:2px; display:inline-block; vertical-align:top; width:13px; height:12px; background-size:1500px 2500px; background-position:-900px -600px; opacity:0.3;}
.m-bbs-review1_img .layer .layer .score span.on {opacity:1;}
.m-bbs-review1_img .layer .layer .score span:first-child {margin-left:0;}

.m-bbs-review1_img .layer .block {padding:49px 18px 15px 18px; position:relative; border:1px solid #eff0f0; background-color:#ffffff; border-top:0; display:block;}

.m-bbs-review1_img .layer .icon {display:block; position:absolute; left:18px; top:18px;}
.m-bbs-review1_img .layer .icon {font-weight:700; line-height:52px; font-size:48px; color:#000000;}

.m-bbs-review1_img .layer .content {height:34px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.m-bbs-review1_img .layer .content {font-weight:400; line-height:17px; font-size:13px; color:#555555;}

.m-bbs-review1_img .layer .name {margin-top:12px; display:block; white-space:nowrap; overflow:hidden;}
.m-bbs-review1_img .layer .name span {position:relative; display:inline-block; vertical-align:top;}
.m-bbs-review1_img .layer .name span:nth-child(1) {font-weight:400; line-height:17px; font-size:13px; color:#999999;}
.m-bbs-review1_img .layer .name span:nth-child(1) span {max-width:110px; position:relative; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m-bbs-review1_img .layer .name span:nth-child(2) {margin-left:10px; padding-left:10px; top:2px;}
.m-bbs-review1_img .layer .name span:nth-child(2) {font-weight:400; line-height:14px; font-size:11px; color:#999999;}
.m-bbs-review1_img .layer .name span:nth-child(2):before {display:block; content:''; position:absolute; left:0; top:1px; width:0; height:13px; border-left:1px solid #eff0f0;}

.m-bbs-review1_img .layer .product {position:relative; margin-top:12px; text-decoration:none; padding:12px 20px 0 0; display:block; border-top:1px solid #eff0f0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m-bbs-review1_img .layer .product {font-weight:400; line-height:17px; font-size:13px; color:#555555;}
.m-bbs-review1_img .layer .product:before {display:block; content:''; position:absolute; right:0; top:14px; width:14px; height:14px; background-size:1500px 2500px; background-position:-150px -450px; opacity:0.2;}

.m-bbs-review1_img .layer a.product:hover:before {background-position:-200px -450px; opacity:1;}

.m-bbs-review1_img .layer li:hover .image:before {display:block;}
.m-bbs-review1_img .layer li:hover .block {border-color:#000000; background-color:#222222;}
.m-bbs-review1_img .layer li:hover .icon {color:#ffffff;}
.m-bbs-review1_img .layer li:hover .content {color:#ffffff;}
.m-bbs-review1_img .layer li:hover .name span:nth-child(2):before {border-color:#313131;}
.m-bbs-review1_img .layer li:hover .product {border-color:#313131;}
.m-bbs-review1_img .layer li:hover .layer {display:block;}

.m-bbs-review1_img .layer li.not .thumb:before {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#dddddd;}
.m-bbs-review1_img .layer li.not .thumb:after {z-index:1; display:block; content:''; position:absolute; left:calc(50% - 25px); top:calc(50% - 25px); width:50px; height:50px; background:url('../img/btn.png') no-repeat; background-position:-350px 0px; opacity:0.5;}