/* BASIC css start */ /*─────────────────────────────────────────────────────────── 모바일만 적용할 css 선언 ───────────────────────────────────────────────────────────*/ /* 상품 상세 */ #productDetail #mPowerreview {width:100%;min-width:100%;padding: 0 4.875%;box-sizing:border-box;} #productDetail .review_star_wrap #mPowerreview {padding:0;background:none;} #productDetail .review_star_wrap {} #productDetail .review_star_wrap em {font-style:normal;} #productDetail .review_star_wrap .score { overflow:hidden; line-height:14px; } #productDetail .review_star_wrap .score img, #productDetail .review_star_wrap .score span { float:left; margin-right:2px; } #productDetail .review_star_wrap .score img { width:12px; height:12px; } #productDetail .review_star_wrap .score span { margin-left:3px;} #productDetail .review_star_wrap .btn-more { display:block; height:50px; line-height:50px; margin-top:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#000; font-size:14px; font-weight:bold; letter-spacing:-1px; text-align:center;display:none; } #productDetail .review_star_wrap .btn-white { display:inline-block; width:70px; height:30px; line-height:30px; border:1px solid #cecece; background:#fff; color:#000; font-size:12px; font-weight:bold; letter-spacing:-1px; text-align:center;display:none; } #productDetail .review_star_wrap .btn-write { display:inline-block; width:70px; height:32px; line-height:32px; background:#333; color:#fff; font-size:12px; font-weight:bold; letter-spacing:-1px; text-align:center;display:none; } #productDetail .review_star_wrap .btn-ctr { display:inline-block; width:20px; height:20px; text-indent:-9999px; vertical-align:middle;display:none; } #productDetail .review_star_wrap .btn-ctr.btn-plus { background:url(/images/d3/modern_simple/btn/h40_plus.gif) no-repeat 0 0; background-size:20px 20px;display:none; } #productDetail .review_star_wrap .btn-ctr.btn-minus { background:url(/images/d3/modern_simple/btn/h40_minus.gif) no-repeat 0 0; background-size:20px 20px;display:none; } #productDetail .review_star_wrap .review-none { margin:20px 30px; padding:20px 20px 25px; border:1px solid #ccc; background:#f7f7f7; text-align:center;display:none; } #productDetail .review_star_wrap .review-none p { font-size:12px; line-height:1.5;display:none; } #productDetail .review_star_wrap .review-none p span { text-decoration:underline;display:none; } #productDetail .review_star_wrap .review-none .btn-write { margin-top:10px;display:none; } #productDetail .review_star_wrap .total {position:relative;margin: 28px 0 0px;padding: 0;border: 0;background: #fff;width: auto;border: 0;} #productDetail .review_star_wrap .total p {font-size:11px;display: none;} #productDetail .review_star_wrap .total p span { text-decoration:underline;display:none; } #productDetail .review_star_wrap .total .score {margin-top: 0;line-height: inherit;} #productDetail .review_star_wrap .total .score img { width:15px; height:15px; margin-top:2px;display:none; } #productDetail .review_star_wrap .total .score span {font-size: 18px;float: inherit;margin: 0;font-weight: 600;color: #333;} #productDetail .review_star_wrap .total .score span.star {width:auto;font-size: 19px;line-height: 18px;height: 18px;color: transparent;} #productDetail .review_star_wrap .total .score span.star em {background:url('/design/forcans/da_image/icon_review.png') no-repeat 0 0;height: 18px;line-height: 18px;display: inline-block;} #productDetail .review_star_wrap .total .score span + span {} #productDetail .review_star_wrap .total .score span + span:before, #productDetail .review_star_wrap .total .score span + span:after {content:'';display:inline-block;font-size: inherit;color: inherit;} #productDetail .review_star_wrap .total .score span + span:before {content:'(';padding-right: 5px;} #productDetail .review_star_wrap .total .score span + span:after {content:')';padding-left: 5px;} #productDetail .review_star_wrap .total .btn-white { position:absolute; top:15px; right:15px;display:none; } #productDetail .review_star_wrap .tit { padding:25px 0 10px 15px; color:#000; font-size:13px; font-weight:bold; letter-spacing:-1px; background:#fff; border-bottom:1px solid #ccc; margin: 0;display:none; } #productDetail .review_star_wrap .pr-tab {overflow:hidden;border-bottom: 0;} #productDetail .review_star_wrap .pr-tab li { float:left; width:50%; list-style:none;display:none; } #productDetail .review_star_wrap .pr-tab li a { display:block; height:42px; line-height:44px; border-bottom:2px solid #fff; color:#999; font-size:12px; text-align:center;display:none; } #productDetail .review_star_wrap .pr-tab li.now a { border-bottom:2px solid #666; color:#000;display:none; } #productDetail .review_star_wrap .roll { overflow:hidden; margin-top:10px;display:none; } #productDetail .review_star_wrap .roll ul { overflow:hidden;display:none; } #productDetail .review_star_wrap .roll li { position:relative; float:left; padding-left:8px; list-style:none;display:none; } #productDetail .review_star_wrap .roll li:last-child { padding-right:8px;display:none; } #productDetail .review_star_wrap .roll li img { width:200px; height:200px;display:none; } #productDetail .review_star_wrap .roll li span { position:absolute; right:8px; bottom:8px; height:32px; line-height:32px; padding:0 10px; color:#fff; font-size:15px; background:rgba(0, 0, 0, 0.5);display:none; } #productDetail .review_star_wrap .review-wrap > li { padding:0 8px; border-bottom:6px solid #ddd;display:none; } #productDetail .review_star_wrap .sumup { position:relative; padding:15px 10px; font-size:12px;display:none; } #productDetail .review_star_wrap .sumup p { margin-top:5px;display:none; } #productDetail .review_star_wrap .sumup .btn-ctr { position:absolute; top:50%; right:10px; margin-top:-10px;display:none; } #productDetail .review_star_wrap .pr-opt { display:none; padding:10px; border:1px solid #ccc; background:#f7f7f7; font-size:12px;display:none; } #productDetail .review_star_wrap .pr-opt .pr-options { margin-top:5px;display:none; } #productDetail .review_star_wrap .pr-opt .pr-options p { color:#999; font-size:11px;display:none; } #productDetail .review_star_wrap .pr-opt ul { overflow:hidden;display:none; } #productDetail .review_star_wrap .pr-opt li { float:left; width:50%; margin-bottom:5px; list-style:none;display:none; } #productDetail .review_star_wrap .pr-opt dl { overflow:hidden;display:none; } #productDetail .review_star_wrap .pr-opt dl { float:left; width:50%; margin-bottom:5px;display:none; } #productDetail .review_star_wrap .pr-opt li.score span { width:74px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:0; margin-right:0;display:none; } #productDetail .review_star_wrap .item { position:relative; top:-1px; border:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;display:none; } #productDetail .review_star_wrap .item p { margin:10px 10px 0; font-size:12px; line-height:1.4;display:none; } #productDetail .review_star_wrap .item .pr-content-all { display:none;display:none; } #productDetail .review_star_wrap .item .lnk-more { display:inline-block; margin:2px 10px 0; color:#0074ea; font-size:11px;display:none; } #productDetail .review_star_wrap .item .roll { margin-left:-9px; margin-right:-9px; padding-bottom:10px;display:none; } #productDetail .review_star_wrap .recmd { position:relative; height:20px; line-height:20px; margin-bottom:10px; padding-left:10px; color:#999; font-size:12px;display:none; } #productDetail .review_star_wrap .recmd p { position:absolute; top:0; right:10px; color:#000;display:none; } #productDetail .review_star_wrap .recmd p span { text-decoration:underline;display:none; } #productDetail .review_star_wrap .survey { position:relative; height:30px; line-height:30px; margin-bottom:10px; padding-left:10px; border:1px solid #ccc; color:#999; font-size:12px;display:none; } #productDetail .review_star_wrap .survey ul { position:absolute; top:0; right:10px;display:none; } #productDetail .review_star_wrap .survey li { float:left; margin-right:6px; padding-right:8px; background:url(/images/d3/modern_simple/common/bull_ftlink.gif) no-repeat 100% 45%; list-style:none;display:none; } #productDetail .review_star_wrap .survey li:last-child { margin-right:0; padding-right:0; background:0 none;display:none; } #productDetail .review_star_wrap .survey li a { color:#838383;display:none; } #productDetail .review_star_wrap .reply { position:relative; height:32px; line-height:32px; margin: 0 0 8px 0; padding-left:10px; color:#000; font-size:12px;display:none; } #productDetail .review_star_wrap .reply .btn-white { position:absolute; top:0; right:0;display:none; } #productDetail .review_star_wrap .reply p { font-weight:bold; letter-spacing:-1px;display:none; } #productDetail .review_star_wrap .reply p span { text-decoration:underline;display:none; } #productDetail .review_star_wrap .reply-list { display:none; margin-top:8px;display:none; } #productDetail .review_star_wrap .reply-list li { padding:10px 8px; border-top:1px solid #ccc; color:#999; font-size:12px; line-height:1.5; list-style:none;display:none; } #productDetail .review_star_wrap .reply-list li.block_comment { display: none;display:none; } #productDetail .review_star_wrap .reply-list li strong { display:block; color:#000; letter-spacing:-1px;display:none; } #productDetail .review_star_wrap .pr-nodata { display: none; display:none; } #productDetail .review_star_wrap a.modify { display:inline-block; width:65px; line-height:30px; color:#fff; background:#333; text-align:center; font-size: 12px;display:none; } #productDetail .review_star_wrap .photo-odr:after { content: ''; clear: both; display: block;display:none; } #productDetail .review_star_wrap .photo-odr { width:100%; margin-top:5px;display:none; } #productDetail .review_star_wrap .photo-odr a { float:left; width:60%; color: #333; font-size: .75em;display:none; } #productDetail .review_star_wrap .photo-odr a.now { color: #fff; background:#666;display:none; } #productDetail .review_star_wrap .photo-odr a span { display:block; width:100%; height:35px; line-height:35px; border:1px solid #dadada; text-align:center; font-size:1.3em;display:none; } #productDetail .review_star_wrap .photo-odr a.pr-use-sort span { border-right:none;display:none; } #productDetail .review_star_wrap .photo-odr .odr { float:right; width:40%;display:none; } #productDetail .review_star_wrap .photo-odr .odr select { width: 100%; height:37px; line-height:37px; padding-left: 10px; border:1px solid #dadada; background: 0; text-align: center; color: #333; font-size: 1.0em;display:none; } /* 주문서 작성 */ /* 사은품 옵션선택 레이어 팝업 */ #NeogfigtPopupOption {position:fixed; top:50% !important; left:50%; width:100% !important; height:100%;transform:translate(-50%, -50%); margin:0;z-index: 99999;display:none;} #NeogfigtPopupOption .gift-layer-opt .layer-pop {padding:0;} #NeogfigtPopupOption .gift-layer-opt .l-close {top:0; right:0;width:36px;height:36px;} #NeogfigtPopupOption .gift-layer-opt h3 {line-height:36px;} #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li {min-height:26px;} #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_p-name {width: calc(100% - 100px);} #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_qty-ctrl {width:80px;font-size:0;} #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_qty-ctrl input {font-size:13px;height:26px;box-sizing:border-box;} #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_qty-ctrl a.btn-type-02 {color:#999;background-color:#f5f5f5;border-color:#e2e2e2;border-width:1px;border-style:solid;border-radius:0;letter-spacing:0;width:26px;height:26px;line-height:24px;padding:0;margin:0;text-align:center;display:inline-block;box-sizing: border-box;vertical-align: middle;transition: all .3s ease;position:relative;z-index:1;margin-left:-1px;} #NeogfigtPopupOption .gift-layer-opt .MK_inner-opt-cm li .MK_qty-ctrl a.btn-type-02 span {font-size:inherit;color:inherit;} #NeogfigtPopupOption .MK_inner-opt-cm li {min-height:26px !important;} #NeogfigtPopupOption .MK_inner-opt-cm li .MK_p-name {width: calc(100% - 90px) !important;} #NeogfigtPopupOption .MK_inner-opt-cm li .MK_qty-ctrl {width:80px !important;font-size:0;right:10px !important;} #NeogfigtPopupOption .MK_inner-opt-cm li .MK_qty-ctrl input {height:26px !important;box-sizing:border-box;} /* 파워리뷰 - 모바일 전용 */ #wrap #pr-header { position:relative;padding:0 3.3em;height:3.3em;padding-left:0;line-height: 1.3em;border:0;border-bottom:1px #eaeaea solid;box-sizing:border-box;width:100%;margin:0 auto 1em;} #wrap #pr-header:after {clear:both;content:"";display:block;} #wrap #pr-header li {list-style:none;} #wrap #pr-header h1 {text-align: center;font-size: 1.3em;line-height:inherit;font-weight: 600;color: #333;letter-spacing: 0.1em;margin:0 auto;display:inline-block;padding:0;position:relative;z-index:1;vertical-align:top;} #wrap #pr-header .menu { z-index:100; display: none; position: absolute; top: 100%; left: auto;right:-2px; width:110px; box-sizing:border-box;padding:0;text-align:right;border: 1px solid #eaeaea; border-top: 0; background: #fff; } #wrap #pr-header .menu li { height: 33px; } #wrap #pr-header .menu li a { display: block; height: 100%; line-height: 33px; padding:0 10px;box-sizing:border-box; color: #777; font-size: .9em; letter-spacing: 0; } #wrap #pr-header .menu li a:hover {background:none;} #wrap #pr-header .list { position: absolute; top: 0; left:auto;right:0; width:3.3em; height: 3.3em; background: url(/images/d3/m_01/btn/btn_list@2x.gif) no-repeat 50% 50%; background-size: 18px 16px; text-indent: -9999px; } #wrap #pr-header .side {right:auto;left:0;background:none; text-indent: -9999px; height:3.3em;padding:1em;line-height:1.3em;width:3.3em;z-index:5;box-sizing:border-box;vertical-align:top;position:relative;z-index:1;float:left;} #wrap #pr-header .side:before {margin-left:-2px;margin-top:2px;width:8px;height:8px;border-width:2px 2px 0 0;left:50%;top:50%;transform:rotate(-135deg) translate(50%, 50%);border-color:#888;border-style:solid;position:absolute;display:inline-block;content:"";transition:all 0.3s;} #wrap #pr-header + #container {padding:0 4.6875%;box-sizing:border-box;width:100%;} #wrap #reviewBoard {margin-top:20px;} #wrap #reviewBoard .review-wrap { padding: 10px 10px 20px; } #wrap #reviewBoard li {list-style:none;} #wrap #reviewBoard .btn-more { display: block; height: 42px; line-height: 42px; margin-top: 20px; border: 1px solid #97979c; background: #b1b1b7; color: #fff; font-size: 1.375em; font-weight:500; letter-spacing: -1px; text-align: center; } #wrap #reviewBoard .visual { border: 1px solid #eaeaea; } #wrap #reviewBoard .visual img { width: 100%; } #wrap #reviewBoard .review-lst { padding-top: 5px; } #wrap #reviewBoard .review-lst li { position: relative; margin-top: 5px; } #wrap #reviewBoard .review-lst li .btm { height: 4px; background: #e8e8e8;background: -webkit-linear-gradient(top, #e8e8e8 0%, #fcfcfc 100%);background:-moz-linear-gradient(top, #e8e8e8 0%, #fcfcfc 100%);background:-ms-linear-gradient(top, #e8e8e8 0%, #fcfcfc 100%);background:-o-linear-gradient(top, #e8e8e8 0%, #fcfcfc 100%);background:linear-gradient(top, #e8e8e8 0%, #fcfcfc 100%);} #wrap #reviewBoard .review-lst li .dsc { z-index: 1; position: relative; min-height: 90px; padding: 5px 55px 10px 105px; border: 1px solid #eaeaea; box-sizing: content-box; } #wrap #reviewBoard .review-lst li .dsc > a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #wrap #reviewBoard .review-lst li .dsc .star { display: inline-block; color: #cfcfd0; } #wrap #reviewBoard .review-lst li .dsc .star em { font-style : normal; } #wrap #reviewBoard .review-lst li .dsc .star-img img { width: 16px; vertical-align: middle; } #wrap #reviewBoard .review-lst li .dsc .ment { display: inline-block; color: #777; } #wrap #reviewBoard .review-lst li .dsc .cont { margin-top: 10px; padding-bottom:25px; padding-right: 10px; word-wrap: break-word; } #wrap #reviewBoard .review-lst li .hits { position: absolute; right: 10px; bottom: 10px; overflow: hidden; } #wrap #reviewBoard .review-lst li .hits li { float: left; margin-left: 6px; color: #808080; } #wrap #reviewBoard .cond .review-search { margin-top:3px; border:none; } #wrap #reviewBoard .cond .review-search ul li { float:left; width:70%; } #wrap #reviewBoard .cond .review-search ul li:first-child { width:29%; margin-right:1%; } #wrap #reviewBoard .cond .review-search ul li div { border: 1px solid #eaeaea; } #wrap #reviewBoard .cond .review-search ul li div input { width:76%; height:29px; line-height:29px; border:none; } #wrap #reviewBoard .cond .review-search ul li div a { float:right; display:inline-block; width:23%; height:32px; margin-left: 2px; line-height:32px; color:#fff; background:#000; text-align:center; } /* 모바일 파워리뷰 상품목록에 해당 페이지에만 별도 지정되는 css가 있음. */ #wrap #reviewBoard .review-lst li .hits li.pr-comment { padding-left: 16px; background: url(/images/d3/m_01/bull/powerreview_reply.png) no-repeat 0 50%; } #wrap #reviewBoard .review-lst li .hits li.pr-good { padding-left: 16px; background: url(/images/d3/m_01/bull/powerreview_like.png) no-repeat 0 50%; } #wrap #reviewBoard .review-lst li .hits li.pr-read { padding-left: 17px; background: url(/images/d3/m_01/bull/powerreview_view.png) no-repeat 0 50%; margin-left: 7px; } #wrap #reviewBoard .review-lst li .dsc .user { position: absolute; bottom: 10px; left: 105px; color: #777; font-size: .938em; } #wrap #reviewBoard .review-lst li .prd { z-index: 2; position: absolute; top: 10px; left: 10px; width: 85px; height: 85px; border: 1px solid #ddd; } #wrap #reviewBoard .review-lst li .prd img { width: 100%; height: 100%; } #wrap #reviewBoard .review-lst li .new { position: absolute; top: 10px; right: 10px; width: 18px; height: 18px; line-height: 18px; background: #000; color: #fff; font-weight:500; letter-spacing: -1px; text-align: center; } #wrap #reviewBoard .review-lst li .tmb{ position: absolute; top: 35px; right: 10px; width: 44px; height: 44px; border: 1px solid #eaeaea; } #wrap #reviewBoard .review-lst li .tmb img { width: 100%; height: 100%; } #wrap #reviewBoard .cond { position: relative; width: 100%; height: 56px; overflow: hidden; padding: 10px 10px 10px 140px; background: #f9f9f9; box-sizing: border-box;} #wrap #reviewBoard .cond { position: relative; width: 100%; height: 76px; overflow: hidden; padding: 10px 10px 10px 140px; background: #f9f9f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wrap #reviewBoard .cond div { height: 32px; border: 1px solid #eaeaea; background: #fff; } #wrap #reviewBoard .cond div.pr-rank { position: absolute; top: 10px; left: 10px; width: 120px; } #wrap #reviewBoard .cond div select { width: 100%; height: 100%; border: 0; background: 0; text-align: center; color: #808080; font-size: 1.125em; } #wrap #reviewBoard .cond div.pr-chk { height:20px; padding-top:5px; border:none; font-size:13px; background:none; text-align:right; } #wrap #reviewBoard .cond div.pr-chk input { width:14px; height:14px; padding:0; margin:-2px 0 0; vertical-align:middle; } #wrap #reviewBoard .cond-noshow-rank { padding-left: 10px; } #wrap #reviewBoard .cond-category-rank { padding:10px; height:100%; } #wrap #reviewBoard .cond-category-rank div.pr-cate { margin:3px 0; } #wrap #reviewBoard .cond-category-rank .pr-cate-add {display: none; } #wrap #reviewBoard .cond-category-rank div.pr-plus:after { content: ''; clear: both; display: block; } #wrap #reviewBoard .cond-category-rank div.pr-plus select { float:left; width:84%; margin-right:1%; } #wrap #reviewBoard .cond-category-rank div.pr-plus a { float:left; display:inline-block; width:15%; height:32px; line-height:32px; background:#e0e0e0; text-align:center; color:#fff; } #wrap #reviewBoard .pr-notice { padding: 6px 15px; border: 1px solid #eaeaea; } #wrap #reviewBoard .pr-notice li { position: relative; zoom:1; background: url(/images/d3/modern_simple/bg_dashed.gif) repeat-x 0 0; padding: 10px 0 6px;} #wrap #reviewBoard .pr-notice li.pr-q a { display: block; padding-left: 15px; background: url(/images/d3/modern_simple/bul_notice.gif) no-repeat 4px 45%; color: #666; font-weight:500; } #wrap #reviewBoard .pr-notice li.pr-q.pr-now { margin: 0 -15px; padding: 10px 15px 6px; background: #fafafa; } #wrap #reviewBoard .pr-notice li.pr-a { display: none; padding: 15px 15px 100px; background: 0; color: #9a9a9a; word-wrap: break-word; word-break: keep-all; } #wrap #reviewBoard .pr-notice li.pr-a .pr-close { position: absolute; right: 20px; bottom: 10px; color: #444; font-weight:500; letter-spacing: -1px; } #wrap #reviewBoard .pr-notice li:first-child { background: none; } #wrap #reviewBoard .pr-notice li.pr-a img { width:100%; } /*textarea, input[type=text], input[type=password] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; border: 1px solid #eaeaea; background: #fff; -webkit-border-radius: 1px; -webkit-appearance: none; } #pr-wrap .top { position: fixed; right: 10px; bottom: 20px; width: 44px; height: 43px; background: url(/images/d3/m_01/btn/btn_top@2x.png) no-repeat 0 0; background-size: 44px 43px; text-indent: -9999px; } #pr-wrap li {list-style:none;} #pr-container { position: relative; }*/ #wrap #reviewBoard .product-review-list {padding:10px 0 0;background:none;} #wrap #reviewBoard .product-review-list > ul {width: 102%; overflow: hidden;} #wrap #reviewBoard .product-review-list > ul > li {width: 48%; float: left; margin: 0 2% 8px 0; border:1px solid #eaeaea; box-sizing:border-box; } #wrap #reviewBoard .product-review-list > ul > li a.pr-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #wrap #reviewBoard .product-review-list > ul > li .img-area {box-sizing:border-box; border-bottom: 1px solid #eaeaea;} #wrap #reviewBoard .product-review-list > ul > li .img-area img {width: 100%; } #wrap #reviewBoard .product-review-list > ul > li .title-area { position: relative; padding: 8px; background:#fff;} #wrap #reviewBoard .product-review-list > ul > li .title-area p {font-size:12px; color: #010101;} #wrap #reviewBoard .product-review-list > ul > li .score-area { position: relative; padding: 7px; background: #f5f5f5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; overflow: hidden;} #wrap #reviewBoard .product-review-list > ul > li .score-area .pr-grade {float: left; font-weight:500; font-size:12px; color: #000;} #wrap #reviewBoard .product-review-list > ul > li .score-area .pr-grade em {color: #004ea1;} #wrap #reviewBoard .product-review-list > ul > li .score-area .review-number {float: right; font-weight:500; font-size:12px; color: #000;} #wrap #reviewBoard .product-review-list > ul > li .score-area .review-number em {color: #004ea1;} #wrap #reviewBoard .product-review-list > ul > li .review-area { position: relative; background:#fff;} #wrap #reviewBoard .product-review-list > ul > li .review-area ul li {padding: 5px 7px; border-top: 1px solid #e5e5e5;} #wrap #reviewBoard .product-review-list > ul > li .review-area ul li:first-child {border-top:0;} #wrap #reviewBoard .product-review-list > ul > li .review-area ul li .pr-text {height:30px; margin-bottom:5px; line-height: 14px; font-size:12px; color: #666666; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; text-overflow:ellipsis;} #wrap #reviewBoard .product-review-list > ul > li .review-area ul li .pr-info {text-align: right; font-size: 10px; color: #aeaeae;} #wrap #reviewBoard .product-review-list > ul > li .review-area ul li .pr-info * {display:inline-block; line-height: 14px; vertical-align:middle;} #wrap #reviewBoard .product-review-list > ul > li .review-area ul li .pr-info .pr-name {display: inline-block; margin-left: 12px; position: relative;} #wrap #reviewBoard .product-review-list > ul > li .review-area ul li .pr-info .pr-name:before {display: block; content: ''; width: 1px; height: 10px; background: #dedede; position: absolute; top: 4px; left: -7px;} #wrap #reviewBoard .product-review-list > ul > li .review-area ul li .pr-info .pr-photo img {width: 10px; height: 9px;} #wrap #reviewScore { clear: both; font-size:15px; box-sizing: content-box; } #wrap #reviewScore li {list-style:none;} #wrap #reviewScore em { font-style: normal; } #wrap #reviewScore .score-total { position:relative; padding:5px 10px; background:#f5f5f5; box-sizing:border-box;margin:0 auto;} #wrap #reviewScore .score-total ul {width: calc(100% - 78px);margin:0 auto 0 0;} #wrap #reviewScore .score-total ul:after { content: ''; clear: both; display: block; } #wrap #reviewScore .score-total ul li { float:left; } #wrap #reviewScore .score-total ul li.score { width:60px;text-align:center; line-height:18px; } #wrap #reviewScore .score-total ul li.score span { font-size: .65em; } #wrap #reviewScore .score-total ul li.score strong { font-size: 1.3em; font-family:'arial'; } #wrap #reviewScore .score-total ul li.prt-star {width:110px;text-align:center;padding:0; line-height:40px;box-sizing:border-box;} #wrap #reviewScore .score-total ul li.prt-star span { font-size: 1.1em; font-family:'arial'; color:#ccc; letter-spacing:2px; color: #DCDDE1; } #wrap #reviewScore .score-total ul li.prt-star span img { vertical-align: middle; } #wrap #reviewScore .score-total ul li.review { width: calc(100% - 170px);text-align:center; line-height:17px; } #wrap #reviewScore .score-total ul li.review span { display:inline-block; font-size: .75em; padding-top:3px; } #wrap #reviewScore .score-total ul li.review strong { font-size: .95em; font-family:'arial'; } #wrap #reviewScore .score-total a { position:absolute; top:50%; right:10px; transform:translateY(-50%);width:68px; line-height:34px; color:#fff; background:#333; text-align:center; font-size:0.92em; } #wrap #reviewScore .score-total .prt-star img { width: 16px; } #wrap .reviewView, #wrap #reviewList { padding: 10px 0 20px; box-sizing: border-box;width:100%;font-size:16px; } #wrap .reviewView li {list-style:none;} #wrap .reviewView em { font-style: normal; } #wrap .reviewView .prd-wrap { padding:0; } #wrap .reviewView .score-thumb { position:relative; height:60px; padding:10px 10px 10px 80px; border: 1px solid #eaeaea; box-sizing : content-box; } #wrap .reviewView .score-thumb .thumb { position:absolute; top:10px; left:10px; width:60px; height: 60px; } #wrap .reviewView .score-thumb .thumb img { width:60px; height:60px; } #wrap .reviewView .score-thumb ul li a { color:#000; font-size: .90em; font-weight:500; } #wrap .reviewView .score-thumb ul li.price { color:#004ea1; font-size: .80em; font-weight:500; text-align:right; position: absolute; right: 10px; bottom: 10px; } #wrap .reviewView .pr-good { position:relative; height: 44px; line-height: 46px; margin-top: 10px; padding-left: 0; color: #000; font-size: .75em; } #wrap .reviewView .pr-good strong { text-decoration:underline; } #wrap .reviewView .pr-good a { position:absolute; top:5px; right:0; width:68px; line-height:34px; color:#fff; background:#333; text-align:center; } #wrap .reviewView .desc-star { margin-top: 10px; border: 1px solid #eaeaea; color: #777; font-size: .75em; } #wrap .reviewView .desc-star { position:relative; padding: 10px; text-align:right; } #wrap .reviewView .desc-star .prt-star { position:absolute; top:7px; left:10px; display: inline-block; margin-right: 10px; color: #ccc; letter-spacing: 2px; font-size:1.2em; } #wrap .reviewView .desc-star .star-img { position:absolute; top:7px; left:10px; display: inline-block; margin-right: 10px; } #wrap .reviewView .desc-star .star-img img {width: 20px; } #wrap .reviewView .multi-star { padding: 10px; border:1px solid #e7e7e7; margin-bottom:10px; font-size: .75em; margin-top: 10px; } #wrap .reviewView .multi-star:after { clear: both; content: ""; display: block; } #wrap .reviewView .multi-star li { float: left; width: 50%; margin-bottom:5px; } #wrap .reviewView .multi-star li.star5 { margin-right: 0; } #wrap .reviewView .multi-star li span { display:inline-block; width:50%; vertical-align:middle; color: #ccc; } #wrap .reviewView .multi-star li span.pr-tit {overflow:hidden; width:40%; color:#000; text-overflow:ellipsis; white-space:nowrap; } #wrap .reviewView .multi-star li em { font-style: normal; } #wrap .reviewView .desc{ margin-top: 10px; border: 1px solid #eaeaea; color: #777; font-size: .75em; } #wrap .reviewView .desc { margin-top: 10px; border: 1px solid #eaeaea; word-break: break-all; } #wrap .reviewView .desc img { width:100%; height:auto; } #wrap .reviewView .desc .pr-options { zoom: 1; overflow: hidden; margin-bottom: 5px; padding: 6px 10px 12px; } #wrap .reviewView .desc .pr-options dt, #wrap .reviewView .desc .pr-options dd { float: left; margin-top: 6px; color: #666; padding: 0; border: 0; } #wrap .reviewView .desc .pr-options dt { width: 25%; font-weight:500; letter-spacing: -1px; word-wrap: break-word; clear: both; } #wrap #viewPowerReview .reviewView .desc .pr-options .emp {color:#333 !important;} #wrap .reviewView .desc .pr-options dd { width: 75%; word-wrap:break-word;} #wrap .reviewView .desc p { padding:10px 10px 10px; color:#000; } #wrap .reviewView .btn-mod { display: inline-block; width: 32px; height: 18px; line-height: 18px; background: #4c4c4c; color: #fff; font-size: 1em; font-weight:500; letter-spacing: -1px; text-align: center; } #wrap .reviewView .btn-del { display: inline-block; width: 32px; height: 18px; line-height: 18px; background: #999999; color: #fff; font-size: 1em; font-weight:500; letter-spacing: -1px; text-align: center; } #wrap .reviewView .btn-submit { display: inline-block; width: 60px; height: 30px; line-height: 30px; border: 1px solid #eaeaea; background: #e2e2e2; color: #808080; font-size:15px; font-weight:500; letter-spacing: -1px; text-align: center; } #wrap .reviewView .reply { color: #777; font-size: .75em; } #wrap .reviewView .reply-hidden { display:none; } #wrap .reviewView .reply dd { padding-top: 8px; padding-left: 28px; word-wrap:break-word; background: url(/images/d3/m_01/bull/bul_reply@2x.gif) no-repeat 8px 0; background-size: 15px 22px; } #wrap .reviewView .reply dd em { color: #f00; } #wrap .reviewView .reply dd.btn { text-align: right; background:none; padding-top: 0; } #wrap .reviewView .survey, #wrap .reviewView .regist { position: relative; line-height: 30px; margin-top: 10px; color: #777; font-size: .75em; } #wrap .reviewView .survey { padding-left: 10px; border: 1px solid #eaeaea; height: 30px; } #wrap .reviewView .survey ul { position: absolute; top: 0; right: 10px; } #wrap .reviewView .survey li { float: left; margin-right: 6px; padding-right: 8px; background: url(./img/bul_vline@2x.gif) no-repeat 100% 45%; background-size: 1px 8px; } #wrap .reviewView .survey li:last-child { margin-right: 0; padding-right: 0; background: 0 none; } #wrap .reviewView .survey li a { color: #777; } #wrap .reviewView .regist { border: 1px solid #eaeaea; } #wrap .reviewView .regist textarea { width: 100%; height: 20px; padding: 0 0 0 10px; border: 0 none; margin-top: 4px; line-height: 14px; } #wrap .reviewView .regist .btn-submit { box-sizing: content-box; position:absolute;top:-1px;right:-1px; } #wrap .reviewView .btn-list { display:block;height:35px;line-height:33px;border: 1px solid #555;background: #555;color:#fff;font-size: 1em; font-weight:400;border-radius:3px;letter-spacing:0;text-align:center;margin:10px 0;} /* 상품 상세 - 리뷰 */ #productDetail #listPowerReview , #productDetail #listPowerReview p, #productDetail #listPowerReview div, #productDetail #listPowerReview ul, #productDetail #listPowerReview li, #productDetail #listPowerReview a, #productDetail #listPowerReview span {font-size:14px;} @media only screen and (max-width:500px) { } @media only screen and (max-width:375px) { } @media only screen and (max-width:350px) { } @media only screen and (max-width:320px) { } /* BASIC css end */