/* BASIC css start */ /* reset */ #powerReview * { margin: 0; padding: 0; } #powerReview { color: #444; font-family: Dotum, Sans-Serif; font-size: 12px; line-height: 1.25; text-align:left; z-index: 3; } #powerReview p, #powerReview li, #powerReview dt, #powerReview dd, #powerReview td, #powerReview th, #powerReview div { color: #444; font-family: Dotum, Sans-Serif; font-size: 12px; line-height: 1.25; } #powerReview span, #powerReview a { font-family: Dotum, Sans-Serif; font-size: 12px; } #powerReview textarea { color: #444; font-family: Dotum, Sans-Serif; font-size: 100%; line-height: 1.5; overflow:auto; } #powerReview a { text-decoration: none; } #powerReview li { list-style: none; } #powerReview img, #powerReview fieldset { border: 0; vertical-align: middle; } #powerReview img { display:inline; } #powerReview legend { visibility: hidden; position: absolute; left: -9999px; top: -9999px; } /* powerReview */ #powerReview { position: relative; width: 100%; min-width: 700px; margin: 0 auto; padding-bottom: 50px; } #powerReview .btn-h38 { display: inline-block; width: 38px; height: 38px; background: #fff; } #powerReview .btn-h38 span { display: inline-block; width: 100%; height:38px; text-align: center; color: #fff; font-size: 11px; font-weight: bold; letter-spacing: -1px; } #powerReview .btn-h38.close { background: url(/images/d3/modern_simple/btn/btn_bul_close.gif) no-repeat 0 0; } #powerReview .btn-h38.camera { background: url(/images/d3/modern_simple/ico_camera_w_h38.jpg) no-repeat 0 0; } #powerReview .btn-h35 { display: inline-block; height: 35px; line-height: 35px; padding: 0 20px; color: #fff; font-size: 14px; font-weight: bold; letter-spacing: -1px; } #powerReview .btn-gray { border: 1px solid #bababa; background: #b1b1b7; } #powerReview .btn-orange { background-color: #ff6452; } #powerReview .pr-red { color:red; } #powerReview .pr-text-length { position: absolute; right: 0; bottom: 0; text-align:right; width: 150px; } #powerReview .pr-text-length-guest { position: absolute; right: 150px; bottom: 10px; text-align:right; width: 150px; } #powerReview .pr-text-length em, #powerReview .pr-text-length-guest em { margin-right: 3px; } #powerReview .pr-text-length-guest span, #powerReview .pr-text-length span { font-weight: bold; } #powerReview .hd { position:relative; height:30px; padding-left:5px; padding-top: 30px; } #powerReview .hd h2 { color:#000; font-size:12px; font-weight: bold; letter-spacing: -1px; line-height: 37px; } #powerReview .hd h2 span { font-weight:normal; } #powerReview .hd .sort { position:absolute; top:20px; right:5px; border-right:1px solid #ccc; } #powerReview .hd .sort:after { clear: both; content: ""; display: block; } #powerReview .hd .sort li { float:left; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; letter-spacing:-1px; } #powerReview .hd .sort li a { display:inline-block; width:67px; height:22px; line-height:24px; font-size:11px; color:#000; text-align:center; background:none; } #powerReview .hd .sort li.pr-list-photo { margin-right:20px; border-right:1px solid #ccc; } #powerReview .hd .sort li.pr-list-photo a { width:120px; } #powerReview .hd .sort li.last { margin-right: 0; padding-right: 0; } #powerReview .hd .sort li.now { background:#666; } #powerReview .hd .sort li.now a { color:#fff; } #powerReview .hd .pr-photo-toggle { position:absolute; top:20px; right:0; border:1px solid #ccc; letter-spacing:-1px; } #powerReview .hd .pr-photo-toggle a { display:inline-block; width:120px; height:22px; line-height:24px; font-size:11px; color:#000; text-align:center; background:none; } #powerReview .hd .pr-photo-toggle a.now { color:#fff; background:#666; } #powerReview .hd .pr-photo-toggle-sort { right:220px; } #powerReview .pr-division-tab { width:100%; padding-top:20px; border-top:1px solid #dadada; } #powerReview .pr-division-tab ul:after { content: ''; display: block; clear: both; } #powerReview .pr-division-tab ul { width:100%; *width:100.1%; } #powerReview .pr-division-tab ul li { float:left; width:50%; } #powerReview .pr-division-tab ul li a { display:block; width:100%; height:32px; line-height:34px; font-size:12px; color:#000; border:1px solid #dadada; border-bottom:1px solid #000; text-align:center; background:#fff; } #powerReview .pr-division-tab ul li.now a { color:#fff; background:#666; } #powerReview .review-wrap {border-top: 1px solid #dadada; } #powerReview .review-wrap > li { zoom:1; position: relative; padding: 25px 25px 25px 20px; border-bottom: 1px solid #dadada; } #powerReview .review-wrap > li .star-icon { zoom: 1; overflow: hidden; height: 27px; line-height: 27px; } #powerReview .review-wrap > li .star-icon .star, #powerReview .review-wrap > li .star-icon .survey, #powerReview .review-wrap > li .star-icon .star-img, #powerReview .review-wrap > li .star-icon .icon { float: left; } #powerReview .review-wrap > li .star-icon .star { width: 90px; margin-right: 4px; font-size: 16px; font-style: normal; letter-spacing: 2px; color: #ccc; line-height: 30px; } #powerReview .review-wrap > li .star-icon .survey { color: #9d9d9d; width: 80px; font-weight:bold; line-height: 30px; } #powerReview .review-wrap > li .star-icon .icon { font-size: 0; } #powerReview .review-wrap > li .star-icon .icon img { width:24px; margin-right: 3px; vertical-align: top; } #powerReview .review-wrap > li .star-icon .star-img { margin-right: 15px; } #powerReview .review-wrap > li .star-icon .star-img img { width: 20px; } #powerReview .review-wrap > li .content { clear:both; position: relative; overflow: hidden; margin-top: 5px; margin-right: 140px; line-height: 1.5; word-wrap: break-word; min-height:50px; } #powerReview .review-wrap > li .pr-content-all {display:none; padding-top: 5px; line-height: 1.5;} #powerReview .review-wrap > li .pr-content-simple {padding-top: 5px; line-height: 1.5;} #powerReview .review-wrap > li .content_p {padding-top: 5px; line-height: 1.5;} #powerReview .review-wrap > li .content_p .pr-close { display:none; } #powerReview .review-wrap > li .content_p .btn-report {display:inline-block; color:#9d9d9d; font-size:11px; position:absolute; right:0; bottom:0; width: 57px; height: 22px; line-height: 24px; color: #000; border:1px solid #ccc; text-align: center;} #powerReview .review-wrap > li .content a.pr-close { color: #3B5998; font-weight: bold; } #powerReview .review-wrap > li .pr-content-simple > a.pr-more { color: #3B5998; font-weight: bold; } #powerReview .review-wrap > li .multi-star { padding: 10px; margin-right: 140px; zoom: 1;} #powerReview .review-wrap > li .multi-star:after { clear: both; content: ""; display: block; } #powerReview .review-wrap > li .multi-star li { float: left; padding-top:1px; margin-right:30px; } #powerReview .review-wrap > li .multi-star li.star5 { margin-right: 0; } #powerReview .review-wrap > li .multi-star li span { display:inline-block; vertical-align:middle; color: #dcdde1; } #powerReview .review-wrap > li .multi-star li span.pr-star { line-height: font-size: 14px; } #powerReview .review-wrap > li .multi-star li span.pr-tit { overflow: hidden; color:#000; white-space:nowrap; } #powerReview .review-wrap > li .multi-star li em { font-style: normal; } #powerReview .review-wrap > li .pr-options { clear:both; zoom: 1; overflow: hidden; margin-top: 10px; padding: 8px 15px 12px; margin-right: 140px; } #powerReview .review-wrap > li .pr-options dl { clear: both; } #powerReview .review-wrap > li .pr-options dt, #powerReview .review-wrap > li .pr-options dd { float: left; margin-top: 8px; color: #999; } #powerReview .review-wrap > li .pr-options dt { width: 20%; font-weight: bold; letter-spacing: -1px; word-wrap: break-word; padding-top:3px; } #powerReview .review-wrap > li .pr-options dd { width: 80%; line-height: 1.5; word-wrap: break-word; } #powerReview .review-wrap > li .ctr { text-align: right; margin-right: 140px; font-weight: bold;} #powerReview .review-wrap > li .desc { position: absolute; right: 25px; width: 120px; padding-top: 1px; } #powerReview .review-wrap .reply {overflow: hidden; margin-top: 20px; } #powerReview .review-wrap .reply .btn-reply {display: inline-block; width: 59px; height: 24px; line-height: 22px; border: 1px solid #cccccc; text-align: center; box-sizing:border-box; float: left;} #powerReview .review-wrap .reply .btn-reply span {display:inline-block; padding-left:23px; background:url(/images/d3/modern_simple/ico_reply_h14.png) no-repeat 0 5px; font-size:12px; color:#010101;} #powerReview .review-wrap .reply .pr-good {float: right;} #powerReview .review-wrap .reply .pr-good span {display: inline-block; padding-right: 5px; line-height: 24px; font-size: 12px; color: #444;} #powerReview .review-wrap .reply .pr-good a {display: inline-block; width: 57px; height: 24px; line-height: 22px; color: #000; border: 1px solid #ccc; text-align: center;} #powerReview .review-wrap .reply .pr-good .yes span {display: inline-block; padding-left: 15px; background: url(/images/d3/modern_simple/bul_h11_yes.gif) no-repeat 0 4px;} #powerReview .review-wrap .reply .pr-good .no span {display: inline-block; padding-left: 15px; background: url(/images/d3/modern_simple/bul_h11_no.gif) no-repeat 0 5px;} #powerReview .review-wrap > li .photo-list { margin-top: 15px; height: 75px; position:relative; z-index:5; } #powerReview .review-wrap > li .photo-list li { float: left; position: relative; width: 76px; margin-right: 10px; } #powerReview .review-wrap > li .photo-list li a:hover span { display: block; } #powerReview .review-wrap > li .photo-list li a span { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: 0.3; filter: alpha(opacity=30); background: #000; } #powerReview .review-wrap > li .photo-list li a img { width: 74px; height: 70px; border: 1px solid #c9c9c9; } #powerReview .review-wrap > li .photo-list li .attach-preview { display:none; position: absolute; top:75px; left:0; border: 1px solid #c9c9c9; } #powerReview .review-wrap > li .photo-list li .attach-preview img {width: 400px; height: 400px; } #powerReview .review-wrap > li .reply-wrap { margin-left: 30px; } #powerReview .review-wrap > li .reply-wrap .lst > li { position: relative; padding-top: 25px; padding-left: 30px; min-height: 54px; background: url(/images/d3/modern_simple/bg_reply.gif) no-repeat 0 25px; line-height: 1.5; } #powerReview .review-wrap > li .reply-wrap .lst > li .comment { word-wrap: break-word; margin-right:140px; } #powerReview .review-wrap > li .reply-wrap .lst > li .desc { top: 25px; right: 0; } #powerReview .review-wrap > li .reply-wrap .lst > li .ctr { bottom: 10px; left: 370px; font-weight: bold; } #powerReview .review-wrap > li .reply-wrap .wrt { position: relative; margin-top: 20px; padding: 20px 20px 50px; border: 1px solid #dadada; } #powerReview .review-wrap > li .reply-wrap .wrt textarea { width: 100%; height: 110px; border: 0 none; background: 0 none; overflow:auto; } #powerReview .review-wrap > li .reply-wrap .wrt a { position: absolute; right: 20px; bottom: 15px; } #powerReview .review-wrap > li .reply-wrap > ul .block_comment { display: none; } #powerReview .review-wrap > li .reply-wrap > ul .block_comment .ctr { display: none; } #powerReview .review-wrap > li .reply-wrap > ul > li { position: relative; padding-top: 25px; padding-left: 30px; min-height: 54px; background: url(/images/d3/modern_simple/bg_reply.gif) no-repeat 0 25px; line-height: 1.5; } #powerReview .review-wrap > li .reply-wrap > ul > li .comment { word-wrap: break-word; margin-right:140px; } #powerReview .review-wrap > li .reply-wrap > ul > li .desc { top: 20px; right: 0; } #powerReview .review-wrap > li .reply-wrap > ul > li .desc .btn-reporting {display:inline-block; color:#9d9d9d; font-size:11px; color: #999; } #powerReview .review-wrap > li .reply-wrap > ul > li .desc li {margin-top: 5px;} #powerReview .review-wrap > li .reply-wrap > ul > li .ctr { bottom: 10px; left: 370px; font-weight: bold; } #powerReview .paging { margin-top: 100px; text-align: center; } #powerReview .paging a { display: inline-block; width: 23px; height: 23px; line-height: 21px; font-family: tahoma; border: 1px solid #d4d4d4; } #powerReview .paging a.now { border: 1px solid #343434; background: #666; color: #fff; font-weight: bold; letter-spacing: -1px; } #powerReview .paging a.now span { color: #fff; font-weight: bold; letter-spacing: -1px; } #powerReview .paging a img { *padding-top: 4px; } /* BASIC css end */