/* BASIC css start */ #reviewBoard * { margin: 0; padding: 0; } #reviewBoard { color: #444; font-family: Dotum, Sans-Serif; font-size: 12px; line-height: 1.25; text-align:left; } #reviewBoard p, #reviewBoard li, #reviewBoard dt, #reviewBoard dd, #reviewBoard td, #reviewBoard th, #reviewBoard div { color: #444; font-family: Dotum, Sans-Serif; font-size: 12px; line-height: 1.25; } #reviewBoard span, #reviewBoard a { color: #444; font-family: Dotum, Sans-Serif; font-size: 12px; } #reviewBoard textarea { color: #444; font-family: Dotum, Sans-Serif; font-size: 100%; } #reviewBoard a { color: #444; text-decoration: none; } #reviewBoard li { list-style: none; } #reviewBoard img, #reviewBoard fieldset { border: 0; vertical-align: middle; } #reviewBoard legend { visibility: hidden; position: absolute; left: -9999px; top: -9999px; } #reviewBoard img { display:inline; } /* reviewBoard */ #reviewBoard { width: 100%; margin: 0 auto; margin-top: 40px; padding-bottom: 100px; } #reviewBoard .frm { z-index: 2; zoom: 1; position: relative; margin-top: 10px; padding: 10px 190px 10px 10px; border: 1px solid #dadada; background: #fafafa; } #reviewBoard .frm:after { content: ''; display: block; clear: both; } #reviewBoard .frm .lst, #reviewBoard .frm .sch { font-size: 14px; font-weight: bold; letter-spacing: -1px; } #reviewBoard .frm .category { width: 59%; margin-right: 1%; } #reviewBoard .frm .sort { width: 19%; margin-right: 1%; } #reviewBoard .frm .search { width: 18.5%; margin-right: 1%; *magin-right:0; } #reviewBoard .frm .lst { float: left; z-index: 1; position: relative; height: 35px; line-height: 35px; background: #fff; } #reviewBoard .frm .lst .bull { position: absolute; top: 0; right: 15px; font-size: 12px; } #reviewBoard .frm .pr-chk { position: absolute; top: 57px; right: 10px; zoom: 1; overflow: hidden; height:15px; line-height:18px; } #reviewBoard .frm .pr-chk input { width:14px; height:14px; padding:0; margin:-2px 0 0; vertical-align:middle; } #reviewBoard .frm-category-sort .lst a span { display:block; width:75%; height: 35px; line-height: 35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #reviewBoard .frm-myreview { padding-bottom : 35px; } #reviewBoard .frm-depth1 .category { width: 79%; } #reviewBoard .frm-depth2 .category { width: 39%; } #reviewBoard .frm-depth3 .category { width: 25.6%; } #reviewBoard .frm-depth2-sort .category { width: 29%; } #reviewBoard .frm-depth3-sort .category { width: 19%; } #reviewBoard .frm .lst a { display: block; position: relative; height: 35px; line-height: 35px; padding-left: 15px; } #reviewBoard .frm .lst > a { border: 1px solid #dadada; } #reviewBoard .frm .lst .cover { display: none; position: absolute; top: 36px; left: 0; right: 0; background-color: #fff; max-height: 350px; overflow-x: hidden; overflow-y: auto; border: 1px solid #bcbcbc; border-top: 0; } #reviewBoard .frm .lst .cover ul { } #reviewBoard .frm .lst .cover ul li a:hover { background: #eee; } #reviewBoard .frm .sch { position: absolute; top: 10px; right: 10px; zoom: 1; overflow: hidden; width: 180px; } #reviewBoard .frm .sch .txt-input, #reviewBoard .frm .sch .btn { float: left; } #reviewBoard .frm .sch .txt-input { width: 114px; height: 35px; line-height: 35px; padding: 0 5px; border: 1px solid #dadada; font-size: 14px; } #reviewBoard .frm .sch .btn { width: 52px; height: 35px; line-height: 37px; border: 1px solid #000; background: #3f4046; color: #fff; text-align: center; } #reviewBoard .pr-notice { margin-top: 20px; padding: 6px 15px; border: 1px solid #dadada; } #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;} #reviewBoard .pr-notice li.pr-q span { position: absolute; top: 10px; right: 20px; color: #666; font-weight: bold; } #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: bold; } #reviewBoard .pr-notice li.pr-q.pr-now { margin: 0 -15px; padding: 10px 15px 6px; background: #fafafa; } #reviewBoard .pr-notice li.pr-q.pr-now span { right: 35px; } #reviewBoard .pr-notice li.pr-a { display: none; padding: 15px 15px 100px; background: 0; color: #9a9a9a; word-wrap: break-word; word-break: keep-all; } #reviewBoard .pr-notice li.pr-a .pr-close { position: absolute; right: 20px; bottom: 10px; color: #444; font-weight: bold; letter-spacing: -1px; } #reviewBoard .pr-notice li:first-child { background: none; } #reviewBoard .review-wrap { zoom:1; clear:both; } #reviewBoard .review-wrap > li { position: relative; padding: 20px 15px; border-bottom: 1px solid #dadada; } #reviewBoard .review-wrap table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-wrap: break-word; word-break: keep-all; } #reviewBoard .review-wrap table td { vertical-align: top; } #reviewBoard .review-wrap .tiny { width: 108px; } #reviewBoard .review-wrap .tiny a img { width: 106px; border: 1px solid #c9c9c9; } #reviewBoard .review-wrap .tiny p { margin-top: 5px; height: 21px; line-height: 25px; background: #7f7f7f; border-bottom: 1px solid #606060; color: #fff; font-weight: bold; letter-spacing: -1px; text-align: center; } #reviewBoard .review-wrap .cont { padding-right: 160px; min-height: 100px; } #reviewBoard .review-wrap .star-icon { zoom: 1; overflow: hidden; line-height: 27px; } #reviewBoard .review-wrap .star-icon .star, #reviewBoard .review-wrap .star-icon .star-img, #reviewBoard .review-wrap .star-icon .survey, #reviewBoard .review-wrap .star-icon .product-name, #reviewBoard .review-wrap .star-icon .icon { float: left; } #reviewBoard .review-wrap .star-icon .star { margin-right: 10px; color: #dcdde1; font-size: 20px; font-weight: normal; } #reviewBoard .review-wrap .star-icon .product-name { margin-right: 10px; } #reviewBoard .review-wrap .star-icon .star-img { margin-right: 10px; } #reviewBoard .review-wrap .star-icon .star-img img { width: 24px; } #reviewBoard .review-wrap .star-icon .star span { color: #dcdde1; } #reviewBoard .review-wrap .star-icon .star em { font-style: normal; } #reviewBoard .review-wrap .star-icon .survey { color: #515368; font-weight: bold; letter-spacing: -1px; width: 80px; } #reviewBoard .review-wrap .star-icon .icon { font-size: 0; } #reviewBoard .review-wrap .star-icon .icon img { width:24px; margin-right: 3px; vertical-align: top; } #reviewBoard .review-wrap .multi-star { padding: 10px 10px 0; display: none;} #reviewBoard .review-wrap .multi-star:after { clear: both; content: ""; display: block; } #reviewBoard .review-wrap .multi-star li { float: left; padding-top:1px; margin-right:30px; } #reviewBoard .review-wrap .multi-star li.star5 { margin-right: 0; } #reviewBoard .review-wrap .multi-star li span { display:inline-block; vertical-align:middle; color: #dcdde1; } #reviewBoard .review-wrap .multi-star li span.pr-tit { overflow: hidden; padding-top:1px; color:#000; white-space:nowrap; } #reviewBoard .review-wrap .multi-star li em { font-style: normal; } #reviewBoard .review-wrap .content { position: relative; margin-top: 10px; line-height: 1.5; word-wrap: break-word; } #reviewBoard .review-wrap .pr-content-all {display:none; padding-top: 5px; line-height: 1.5;} #reviewBoard .review-wrap .pr-content-simple {padding-top: 5px; line-height: 1.5;} #reviewBoard .review-wrap .content_p {padding-top: 5px; line-height: 1.5;} #reviewBoard .review-wrap .content_p .pr-close { display:none; color: #3B5998; font-weight: bold;} #reviewBoard .review-wrap .pr-options { zoom: 1; overflow: hidden; margin-top: 10px; padding: 8px 15px 12px; } #reviewBoard .review-wrap .pr-options dl { clear: both; } #reviewBoard .review-wrap .pr-options dt, #reviewBoard .review-wrap .pr-options dd { float: left; margin-top: 8px; color: #999; } #reviewBoard .review-wrap .pr-options dt { width: 20%; font-weight: bold; letter-spacing: -1px; word-wrap: break-word; line-height: 1.5; } #reviewBoard .review-wrap .pr-options dd { width: 80%; line-height: 1.5; } #reviewBoard .review-wrap .ctr { text-align:right; } #reviewBoard .review-wrap .ctr .more { color: #8a8278; font-weight: bold; } #reviewBoard .review-wrap .pr-content-all > a.pr-close { color: #3B5998; font-weight: bold; } #reviewBoard .review-wrap .pr-content-simple > a.pr-more { color: #3B5998; font-weight: bold; } #reviewBoard .review-wrap .user { position: absolute; top: 90px; right: 5px; zoom: 1; width:120px; } #reviewBoard .review-wrap .user li { float: left; position: relative; width: 50px; height: 50px; margin-right: 2px; margin-bottom:2px;} #reviewBoard .review-wrap .user li a:hover span { display: block; } #reviewBoard .review-wrap .user li a span { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: 0.3; filter: alpha(opacity=30); background: #000; } #reviewBoard .review-wrap .user li img { width: 100%; height: 100%; } #reviewBoard .review-wrap .user li .attach-preview { display:none; position: absolute; top:50px; right:0; border: 1px solid #c9c9c9; z-index:9999; zoom:1; } #reviewBoard .review-wrap .user li .attach-preview img {width: 400px; height: 400px; } #reviewBoard .review-wrap .desc { position: absolute; top: 30px; right: 15px; padding-top: 1px;} #reviewBoard .review-wrap .desc li { color: #000; } #reviewBoard .review-wrap .desc li span { color: #a8a8a8; } #reviewBoard .review-wrap .desc li .btn-reporting {font-size: 11px; color: #9d9d9d;} #reviewBoard .review-wrap .reply { position: relative; height: 21px; line-height: 23px; color: #7b7b7b; padding-top:40px; margin-right: 110px; } #reviewBoard .review-wrap .reply a { } #reviewBoard .review-wrap .reply a span { display: inline-block; } #reviewBoard .review-wrap .reply .cnt span { padding-left: 20px; } #reviewBoard .review-wrap .reply .yes , #reviewBoard .review-wrap .reply .no { display: inline-block; width: 57px; height: 22px; line-height: 24px; color: #000; border:1px solid #ccc; text-align: center; } #reviewBoard .review-wrap .reply a span { display: inline-block; } #reviewBoard .review-wrap .reply .yes span { padding-left: 15px; background: url(/images/d3/modern_simple/bul_h11_yes.gif) no-repeat 0 4px; } #reviewBoard .review-wrap .reply .no span { padding-left: 15px; background: url(/images/d3/modern_simple/bul_h11_no.gif) no-repeat 0 5px; } #reviewBoard .review-wrap .reply > .cnt { letter-spacing: -1px; } #reviewBoard .review-wrap .reply > span { display: inline-block; padding-right: 5px; } #reviewBoard .review-wrap .reply > span.bar { padding-left: 5px; color: #000; } #reviewBoard .review-wrap .reply-wrap { margin-left: 30px; } #reviewBoard .review-wrap .reply-wrap > 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; } #reviewBoard .review-wrap .reply-wrap > li .comment { word-wrap: break-word; margin-right:160px; } #reviewBoard .review-wrap .reply-wrap > li .desc { position: absolute; top: 15px; right: 45px; } #reviewBoard .paging { margin-top: 100px; text-align: center; } #reviewBoard .paging a { display: inline-block; width: 23px; height: 23px; line-height: 21px; font-family: tahoma; border: 1px solid #d4d4d4; } #reviewBoard .paging a.now { border: 1px solid #343434; background: #666; color: #fff; font-weight: bold; letter-spacing: -1px; } #reviewBoard .paging a.now span { color: #fff; font-weight: bold; letter-spacing: -1px; } #reviewBoard .paging a img { *padding-top: 4px; } #reviewBoard .paging a.term { width: 120px; } #reviewBoard .block_comment { display: none; } #reviewBoard .review-wrap .reply .btn-report {float:right; font-size:11px; color:#9d9d9d; display:inline-block; margin-top: 5px;} /* BASIC css end */