@charset "utf-8";

/* 상세보기 */

.lc-review-view {background-color:#f7f7f7 !important;}
.lc-review-view .body {padding:53px 15px 150px 15px;}
.lc-review-view .main {padding-top:120px; position:relative;}

.lc-review-view .mthumb {display:block; position:absolute; left:0; top:20px;}
.lc-review-view .mthumb img {width:30px; height:30px; border-radius:100%;}

.lc-review-view .score {display:block; position:absolute; left:40px; top:20px;}
.lc-review-view .score span {margin-left:2px; display:inline-block; vertical-align:top; width:13px; height:12px; opacity:0.1;}
.lc-review-view .score span:first-child {margin-left:0;}
.lc-review-view .score span.s-b-score1 {opacity:1;}

.lc-review-view .score_num {display:block; position:absolute; left:120px; top:15px;}
.lc-review-view .score_num {font-weight:bold; line-height:19px; font-size:14px; color:#000000;}

.lc-review-view .name {display:block; position:absolute; left:40px; top:35px;}
.lc-review-view .name span {position:relative; display:inline-block; vertical-align:top;}
.lc-review-view .name span:nth-child(1) {line-height:17px; font-size:13px; color:#999999;}
.lc-review-view .name span:nth-child(1) span {max-width:200px; position:relative; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lc-review-view .name span:nth-child(2) {margin:0 10px; width:1px; height:10px;}
.lc-review-view .name span:nth-child(2):before {display:block; content:''; position:absolute; left:0; top:3px; width:0; height:13px; border-left:1px solid #e0e0e0;}
.lc-review-view .name span:nth-child(3) {top:2px;}
.lc-review-view .name span:nth-child(3) {line-height:14px; font-size:11px; color:#999999;}

.lc-review-view .product {display:block; position:absolute; left:0; top:75px; width:100%; padding-top:17px; border-top:1px solid #e0e0e0; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lc-review-view .product,
.lc-review-view .product a {line-height:16px; font-size:12px; color:#8c98c7;}

.lc-review-view .content {display:block; width:100%; word-break:break-all;}
.lc-review-view .content {line-height:20px; font-size:15px; color:#333333;}

.lc-review-view .images {display:block;}
.lc-review-view .images li {margin-top:15px; display:block;}
.lc-review-view .images li:first-child {margin-left:0;}
.lc-review-view .images li img {width:100%;}

.lc-review-view .footer {z-index:100; position:fixed; left:0; bottom:0; width:100%; height:52px; border-top:1px solid #e0e0e0;}
.lc-review-view .footer:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:-8px; width:100%; height:7px; background:url('../img/shadow_h7.png') repeat-x; background-size:7px 7px; opacity:0.1;}
.lc-review-view .footer:after {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#ffffff; opacity:1;}
.lc-review-view .footer span {display:block; white-space:nowrap; overflow:hidden; text-align:center;}
.lc-review-view .footer span {font-weight:bold; line-height:52px; font-size:15px; color:#000000;}
.lc-review-view .footer.focus {display:none;}

.lc-review-view .footer .share {display:block; position:absolute; left:10px; top:8px;}
.lc-review-view .footer .share li {margin-left:6px; display:inline-block; vertical-align:top; cursor:pointer;}
.lc-review-view .footer .share li:first-child {margin-left:0;}
.lc-review-view .footer .share li a {position:relative; display:block; width:36px; height:36px;}
.lc-review-view .footer .share li a:before {opacity:1;}
.lc-review-view .footer .share li a:hover:before {opacity:1;}
.lc-review-view .footer .share .s-b-s3-kakaostory:before,
.lc-review-view .footer .share .s-b-s3-twitter:before,
.lc-review-view .footer .share .s-b-s3-facebook:before {display:block; content:''; position:absolute; left:0; top:0;}

.lc-review-view .footer .btn {display:block; position:absolute; right:10px; top:13px; padding-left:10px;}
.lc-review-view .footer .btn span {position:relative; display:inline-block; vertical-align:middle;}
.lc-review-view .footer .btn span:nth-child(1) {top:-1px;}
.lc-review-view .footer .btn span:nth-child(1) {font-weight:400; line-height:19px; font-size:15px; color:#000000;}
.lc-review-view .footer .btn span:nth-child(2) {margin-left:15px; padding-bottom:1px; width:44px; background-color:#000000; border-radius:12px; text-align:center;}
.lc-review-view .footer .btn span:nth-child(2) {font-weight:800; line-height:25px; font-size:16px; color:#ffffff;}

.l-banner-29003 {position:relative; display:block;}
.l-banner-29003 ul {display:table; width:100%; table-layout:fixed;}
.l-banner-29003 ul li {position:relative; display:table-cell; vertical-align:middle; text-align:center;}
.l-banner-29003 a {margin:0 auto; display:block;}
.l-banner-29003 .link {z-index:2; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-banner-29003 img {width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; border:0;}
.l-banner-29003 video,
.l-banner-29003 iframe {max-width:720px;}

.l-banner-29004 {padding-top:50px; position:relative; display:block;}
.l-banner-29004 ul {display:table; width:100%; table-layout:fixed;}
.l-banner-29004 ul li {position:relative; display:table-cell; vertical-align:middle; text-align:center;}
.l-banner-29004 a {margin:0 auto; display:block;}
.l-banner-29004 .link {z-index:2; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-banner-29004 img {width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; border:0;}
.l-banner-29004 video,
.l-banner-29004 iframe {max-width:720px;}

/* not */

.l-container-load .not {padding:70px 10px 100px 10px;}
.l-container-load .not .block .icon-not {position:relative; width:160px; height:160px; margin:0 auto; background-position:0 -100px; opacity:0.5;}
.l-container-load .not .block p {margin-top:30px; text-align:center;}
.l-container-load .not .block p {line-height:22px; font-size:16px;}
.l-container-load .not .btn {padding:20px 60px 0 60px;}
.l-container-load .not .btn p {z-index:1; margin-top:10px; display:block; position:relative; text-align:center; cursor:pointer;}
.l-container-load .not .btn p,
.l-container-load .not .btn p a {line-height:42px; font-size:16px; color:#ffffff;}
.l-container-load .not .btn p:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.2; border-radius:42px;}
.l-container-load .not .btn p:first-child {margin-top:0;}
.l-container-load .not .btn a {display:block; height:42px;}

/* header */

.l-review-header .h-title {position:relative; height:42px; background-color:#ffffff; border-bottom:1px solid #cacaca;}
.l-review-header .h-title:after {display:block; content:''; position:absolute; left:0; bottom:-2px; width:100%; height:0; border-bottom:1px solid #cacaca; opacity:0.3;}
.l-review-header .h-title .btn-back {display:block; position:absolute; left:0; top:0; width:38px; height:42px; cursor:pointer;}
.l-review-header .h-title .btn-back:before {display:block; content:''; position:absolute; left:10px; top:calc(50% - 9px); opacity:0.5;}
.l-review-header .h-title .btn-option {display:block; position:absolute; right:0; top:0; width:38px; height:42px; cursor:pointer;}
.l-review-header .h-title .btn-option:before {display:block; content:''; position:absolute; left:10px; top:calc(50% - 9px); opacity:0.5;}
.l-review-header .h-title .title {display:flex; flex-direction:column; justify-content:space-around; margin:0 50px; width:calc(100% - 100px); height:42px;}
.l-review-header .h-title .title a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; text-align:center;}
.l-review-header .h-title .title a {line-height:42px; font-size:16px; color:#000000;}

/* sorts */

.l-review-header .sorts {position:relative; height:68px; border-bottom:2px solid #000000;}

.l-review-header .sorts .wrap {position:absolute; left:12px; top:30px;}
.l-review-header .sorts .block {margin-left:15px; display:inline-block; vertical-align:middle;}
.l-review-header .sorts .block:first-child {margin-left:0;}

.l-review-header .sorts .block .label {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    line-height: 26px;
    font-size: 13px;
    color: #666666;
}

.l-review-header .sorts .select {display:block; position:relative; width:118px; border:1px solid #cacaca; background-color:#ffffff;}
.l-review-header .sorts .select:after {z-index:1; display:block; content:''; position:absolute; right:10px; top:calc(50% - 3px); opacity:0.5;}
.l-review-header .sorts .select select {z-index:2; background-color:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:0; position:relative; display:block; width:100%; height:26px; padding:0 15px 0 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-review-header .sorts .select select {line-height:26px; font-size:12px; color:#464646;}

.l-review-header .sorts .side {position:absolute; right:12px; top:30px;}
.l-review-header .sorts .side p,
.l-review-header .sorts .side .mode {display:inline-block; vertical-align:top;}
.l-review-header .sorts .side p {line-height:26px; font-size:13px; color:#666666;}
.l-review-header .sorts .side p span {color:#000000;}

.l-review-header .sorts .mode {margin-left:20px;}
.l-review-header .sorts .mode .radio {margin-left:-1px; display:inline-block; vertical-align:middle; width:auto; height:auto;}
.l-review-header .sorts .mode .radio label {z-index:1; position:relative; display:block; width:26px; height:26px; background-color:#ffffff; border:1px solid #cacaca; cursor:pointer;}
.l-review-header .sorts .mode .radio label:before {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 6px); top:calc(50% - 6px); opacity:0.2;}
.l-review-header .sorts .mode .radio label.focus {z-index:2;}
.l-review-header .sorts .mode .radio label.focus:before {opacity:1;}

/* image */

.l-review-image {margin:0 6px; width:calc(100% - 12px);}
.l-review-image ul {display:flex; flex-wrap:wrap; align-items:stretch; width:calc(100% + 6px); margin-left:-6px;}
.l-review-image li {background-color:#ffffff; margin:6px 0 0px 6px; position:relative; display:inline-block; vertical-align:top; width:calc(100% - 6px); cursor:pointer;}

.l-review-image .best {z-index:5; padding:0 0 1px 0; display:block; position:absolute; left:5px; top:5px; width:38px; background-color:#ff003f; border-radius:3px; text-align:center;}
.l-review-image .best {line-height:16px; font-size:11px; color:#ffffff;}

.l-review-image .image {position:relative; overflow:hidden; display:block; width:100%;}
.l-review-image .image > img {z-index:1; position:relative; width:100%; height:100%; border:0;}

.l-review-image .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;}
.l-review-image .thumb > div {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.l-review-image .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;}
.l-review-image .thumb img:nth-child(2) {opacity:0;}

.l-review-image .cnt {z-index:1; display:block; position:absolute; right:1px; bottom:1px; width:18px; height:18px; background-color:#000000; text-align:center;}
.l-review-image .cnt {line-height:18px; font-size:12px; color:#ffffff;}

.l-review-image .block {position:relative; border:1px solid #eff0f0; background-color:#ffffff; border-top:0; display:block; height:108px;}

.l-review-image .product {display:block; position:absolute; left:10px; right:10px; top:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-review-image .product {line-height:14px; font-size:10px; color:#000000;}

.l-review-image .content {display:block; position:absolute; left:10px; right:10px; top:27px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.l-review-image .content {line-height:17px; font-size:13px; color:#555555;}

.l-review-image .name {display:block; position:absolute; left:10px; right:10px; top:65px; white-space:nowrap; overflow:hidden;}
.l-review-image .name span {position:relative; display:inline-block; vertical-align:top;}
.l-review-image .name span:nth-child(1) {line-height:17px; font-size:13px; color:#999999;}
.l-review-image .name span:nth-child(1) span {max-width:80px; position:relative; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-review-image .name span:nth-child(2) {margin:0 10px; width:1px; height:10px;}
.l-review-image .name span:nth-child(2):before {display:block; content:''; position:absolute; left:0; top:3px; width:0; height:13px; border-left:1px solid #eff0f0;}
.l-review-image .name span:nth-child(3) {top:2px;}
.l-review-image .name span:nth-child(3) {line-height:14px; font-size:11px; color:#999999;}

.l-review-image .score {display:block; position:absolute; left:10px; right:10px; top:88px;}
.l-review-image .score span {margin-left:2px; display:inline-block; vertical-align:top; width:13px; height:12px; opacity:0.1;}
.l-review-image .score span.s-b-score1 {opacity:1;}
.l-review-image .score span:first-child {margin-left:0;}

@media screen and (min-width:360px) {

.l-review-image li {width:calc(50% - 6px);}

}

@media screen and (min-width:540px) {

.l-review-image li {width:calc(33.333% - 6px);}

}

@media screen and (min-width:720px) {

.l-review-image li {width:calc(25% - 6px);}

}

@media screen and (min-width:900px) {

.l-review-image li {width:calc(20% - 6px);}

}

@media screen and (min-width:1080px) {

.l-review-image li {width:calc(16.666% - 6px);}

}

@media screen and (min-width:1260px) {

.l-review-image li {width:calc(14.285% - 6px);}

}

@media screen and (min-width:1440px) {

.l-review-image li {width:calc(12.5% - 6px);}

}

@media screen and (min-width:1620px) {

.l-review-image li {width:calc(11.111% - 6px);}

}

@media screen and (min-width:1800px) {

.l-review-image li {width:calc(10% - 6px);}

}

/* list */

.l-review-list {width:100%;}
.l-review-list ul {display:block; width:100%;}
.l-review-list li {padding:15px 0; z-index:1; position:relative; display:block; vertical-align:top; width:100%; min-height:60px; background-color:#ffffff; border-bottom:1px solid #e0e0e0; cursor:pointer;}
.l-review-list li:before {z-index:-1; display:block; content:''; position:absolute; left:-1px; top:0; width:0; height:100%; border-left:1px solid #e0e0e0;}
.l-review-list li:last-child:after {z-index:10; display:block; content:''; position:absolute; right:0px; top:0; width:0; height:100%; border-right:1px solid #e0e0e0;}
.l-review-list li a {z-index:10; display:block; position:absolute; left:0; top:0; width:100%; height:100%;}

.l-review-list .image {display:block; position:absolute; left:15px; top:15px; width:60px; height:60px;}
.l-review-list .image > img {z-index:1; position:relative; width:100%; height:100%; border:0;}

.l-review-list .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;}
.l-review-list .thumb > div {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.l-review-list .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;}
.l-review-list .thumb img:nth-child(2) {opacity:0;}

.l-review-list .cnt {z-index:1; display:block; position:absolute; right:1px; bottom:1px; width:18px; height:18px; background-color:#000000; text-align:center;}
.l-review-list .cnt {line-height:18px; font-size:12px; color:#ffffff;}

.l-review-list .best {z-index:5; padding:0 0 1px 0; display:block; position:absolute; right:7px; top:7px; width:38px; background-color:#ff003f; border-radius:3px; text-align:center;}
.l-review-list .best {line-height:16px; font-size:11px; color:#ffffff;}

.l-review-list .block {display:block; margin-left:90px;}

.l-review-list .product {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-review-list .product {line-height:14px; font-size:10px; color:#000000;}

.l-review-list .content {margin-top:3px; display:block; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.l-review-list .content {line-height:17px; font-size:13px; color:#555555;}

.l-review-list .box {margin-top:8px; display:block; position:relative;}

.l-review-list .score {display:block;}
.l-review-list .score span {margin-left:2px; display:inline-block; vertical-align:top; width:13px; height:12px; opacity:0.1;}
.l-review-list .score span.s-b-score1 {opacity:1;}
.l-review-list .score span:first-child {margin-left:0;}

.l-review-list .name {display:block; position:absolute; right:15px; top:-4px; white-space:nowrap; overflow:hidden;}
.l-review-list .name span {position:relative; display:inline-block; vertical-align:top;}
.l-review-list .name span:nth-child(1) {line-height:17px; font-size:13px; color:#999999;}
.l-review-list .name span:nth-child(1) span {max-width:80px; position:relative; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-review-list .name span:nth-child(2) {margin:0 10px; width:1px; height:10px;}
.l-review-list .name span:nth-child(2):before {display:block; content:''; position:absolute; left:0; top:3px; width:0; height:13px; border-left:1px solid #eff0f0;}
.l-review-list .name span:nth-child(3) {top:2px;}
.l-review-list .name span:nth-child(3) {line-height:14px; font-size:11px; color:#999999;}

/* page */

.l-review-page {z-index:1; position:relative; padding:20px 0; height:45px;}
.l-review-page:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.04;}
.l-review-page ul {display:flex; justify-content:center; align-items:center; width:100%; height:45px;}
.l-review-page li {z-index:1; margin-left:-1px; position:relative; display:inline-block; vertical-align:top; text-align:center;}
.l-review-page li {font-weight:bold; line-height:38px; font-size:18px; color:#cccccc;}
.l-review-page li.off,
.l-review-page li.on {width:38px; height:38px; background-color:#ffffff; border:1px solid #e0e0e0;}
.l-review-page li.on {z-index:5;}

.l-review-page li.on,
.l-review-page li.off,
.l-review-page li.s-b-pprev-on,
.l-review-page li.s-b-pnext-on {cursor:pointer;}

.l-review-page li.s-b-pprev-off:after {z-index:10; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%;}

.l-review-page li.s-b-pnext-off:before,
.l-review-page li.s-b-pnext-on:before {z-index:2; display:block; content:''; position:absolute; left:0; top:0; width:0; height:100%; border-left:1px solid #e0e0e0;}

.l-review-page li.s-b-pnext-off:after {z-index:10; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%;}

.btn-review-load {z-index:1; position:relative; margin:20px 6px 20px 6px; text-align:center; cursor:pointer;}
.btn-review-load:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:calc(100% - 2px); height:calc(100% - 2px); background-color:#ffffff; border:1px solid #e0e0e0;}
.btn-review-load:after {z-index:-2; display:block; content:''; position:absolute; left:1px; top:1px; width:100%; height:100%; background-color:#efefef;}
.btn-review-load span {display:inline-block; vertical-align:top;}
.btn-review-load span:nth-child(1) {line-height:40px; font-size:15px; color:#999999;}
.btn-review-load span:nth-child(2) {margin-left:10px;}
.btn-review-load span:nth-child(2) {line-height:40px; font-size:11px; color:#333333;}
.btn-review-load span:nth-child(3) {margin:0 3px;}
.btn-review-load span:nth-child(3) {line-height:40px; font-size:11px; color:#e0e0e0;}
.btn-review-load span:nth-child(4) {line-height:40px; font-size:11px; color:#cccccc;}