/* 상품후기 목록 — fat after/bizview.css 그대로. 호스트는 루트 상대, .cont2 숨김은 Alpine x-show 가 맡는다 */ #bizview_list { position: relative; width: 90%; min-width: 600px; margin: 0 auto; padding-bottom: 50px; } #bizview_list { color: #444; font-family: Dotum, Sans-Serif; font-size: 12px; line-height: 1.25; text-align:left; } #bizview_list li { list-style: none; } #bizview_list legend { visibility: hidden; position: absolute; left: -9999px; top: -9999px; } #bizview_list .wfrm .recmd .cvr-benefit { position: absolute; top: 15px; right: 0; } #bizview_list .wfrm .recmd .star-list { z-index: 1; position: relative; width: 30%; height: 35px; line-height: 35px; } #bizview_list .wfrm .recmd .star-list .bull { position: absolute; top: 0; right: 20px; } #bizview_list .wfrm .recmd .star-list > a { border: 1px solid #dadada; } #bizview_list .wfrm .recmd .star-list a { display: block; height: 35px; line-height: 35px; position: relative; padding-left: 15px; } #bizview_list .wfrm .recmd .star-list em { /*color: #ff6452;*/ font-weight: normal; font-style: normal; letter-spacing: 2px; } #bizview_list .wfrm .recmd .star-list .survey { position: absolute; top: 0; _top: -10px; right: 40px; } #bizview_list .wfrm .recmd .star-list ul { display: none; position: absolute; top: 35px; left: 0; width: 100%; border-bottom: 1px solid #dadada; background-color: #fff;z-index:100; } #bizview_list .wfrm .recmd .star-list ul li { border-left: 1px solid #dadada; border-right: 1px solid #dadada; } #bizview_list .wfrm .recmd .star-list ul li a:hover { background: #eee; } #bizview_list .wfrm .recmd { z-index: 1; zoom: 1; position: relative; padding-top: 15px; color: #000; font-size: 14px; font-weight: bold; letter-spacing: -1px; background: #fff; } #bizview_list .wfrm .recmd:after { content: ''; display: block; clear: both; } #bizview_list .wfrm .recmd .star-list, #bizview_list .wfrm .recmd .subject, #bizview_list .wfrm .recmd .cvr-good, #bizview_list .wfrm .recmd .cvr-benefit { float: left; } #bizview_list .wfrm .recmd .cvr-good, #bizview_list .wfrm .recmd .cvr-benefit { width: 20%; } #bizview_list .wfrm .recmd .cvr-befnefit { position: absolute; top: 15px; right: 0; } #bizview_list .wfrm .recmd .subject { width: 50%; } #bizview_list .wfrm .recmd .subject > input { border: 1px solid #dadada;height:35px;padding-left:10px;width:98%; } #bizview_list .wfrm .recmd .star-list .bull { position: absolute; top: 0; right: 20px; } #bizview_list .wfrm .recmd .star-list > a { height: 35px; } #bizview_list .wfrm .recmd .star-list a { display: block; height: 35px; line-height: 35px; position: relative; padding-left: 15px; } #bizview_list .wfrm .recmd .star-list em { /*color: #ff6452;*/ font-weight: normal; font-style: normal; letter-spacing: 2px; } #bizview_list .wfrm .recmd .star-list .survey { position: absolute; top: 0; _top: -10px; right: 40px; } #bizview_list .wfrm .recmd .star-list ul { display: none; position: absolute; top: 35px; left: 0; width: 100%; border-bottom: 1px solid #dadada; background-color: #fff; } #bizview_list .wfrm .recmd .star-list ul li { border-left: 1px solid #dadada; border-right: 1px solid #dadada; } #bizview_list .wfrm .recmd .star-list ul li a:hover { background: #eee; } #bizview_list .wfrm .recmd .lnk-good, #bizview_list .wfrm .recmd .lnk-benefit { display: block; height: 35px; line-height: 35px; margin-left: 8px; border: 1px solid #dadada; } #bizview_list .wfrm .recmd .lnk-good { position: relative; padding-left: 20px; } #bizview_list .wfrm .recmd .lnk-good span { position: absolute; top: 0; right: 20px; } #bizview_list .wfrm .recmd .lnk-benefit { text-align: center; } #bizview_list .wfrm .recmd .lnk-benefit:hover { border: 1px solid #ff361f; background: #ff6452; color: #fff; } #layerBenefit { display: none; z-index: 11; position: absolute; top: 55px; right: 0; width: 340px; padding: 7px 5px; } #layerBenefit .trans { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; filter: alpha(opacity=30); } #layerBenefit .layer { z-index: 12; position: relative; width: 330px; padding: 5px; background: #fff; } #layerBenefit .layer .write { position: relative; margin: 0; padding: 10px; border: 1px solid #dadada; color: #b7b7b7; font-size: 12px; font-weight: normal; word-wrap: break-word; } #bizview_list .wfrm .write { position: relative; margin-top: 8px; padding: 18px; padding-top:10px; border: 1px solid #dadada; } #bizview_list .wfrm .write .txt { position: absolute; top: 18px; left: 18px; color: #b7b7b7; } #bizview_list .wfrm .write textarea { margin-top:8px; width: 100%; height: 120px; border: 0 none; background: 0 none; overflow:auto; } #bizview_list .wfrm .write .in_files { zoom: 1; overflow: hidden; } #bizview_list .wfrm .write .in_files a { float: left; margin-right: 10px; } #bizview_list .wfrm .write .pr-options { display:none; zoom: 1; overflow: hidden; padding: 8px 15px 12px; background: #f8f8f8; } #bizview_list .wfrm .write .pr-options dl { clear: both; } #bizview_list .wfrm .write .pr-options dt, #bizview_list .wfrm .write .pr-options dd { float: left; margin-top: 8px; color: #999; } #bizview_list .wfrm .write .pr-options dt { width: 20%; font-weight: bold; letter-spacing: -1px; word-wrap: break-word; padding-top: 3px; } #bizview_list .wfrm .write .pr-options dd { width: 80%; } #bizview_list .wfrm .write .pr-options .txt-wrap { padding-right: 12px; } #bizview_list .wfrm .write .pr-options input[type='text'] { width: 100%; height: 18px; line-height: 18px; padding: 0 5px; border: 1px solid #dadada; } #bizview_list .wfrm .write .pr-options select { width: 100%; height: 20px; line-height: 20px; text-align: right; border: 1px solid #dadada; color: #999; } #bizview_list .wfrm .write .pr-options select option { text-align: right; } #bizview_list .wfrm .write .pr-options label { display: inline-block; margin-right: 40px; } #bizview_list .wfrm .write .pr-options label input[type='checkbox'] { vertical-align: middle; } #bizview_list .wfrm .write .in_files .file { overflow: hidden; position: relative; } #bizview_list .wfrm .write .in_files .file .file-trick { position: absolute; top: 0; left: 0; width: 48px; height: 48px; cursor: pointer; border: 0 none; background: 0 none; opacity: 0; filter: alpha(opacity=0); } #bizview_list .wfrm .write .in_files .cvr, #bizview_list .wfrm .write .in_files .file { overflow: hidden; position: relative; } #bizview_list .wfrm .write .in_files .file .file-trick { position: absolute; top: 0; left: 0; width: 48px; height: 48px; cursor: pointer; border: 0 none; background: 0 none; opacity: 0; filter: alpha(opacity=0); } #bizview_list .wfrm .write .in_files .cvr { position: relative; width: 48px; height: 48px; } #bizview_list .wfrm .write .in_files .cvr .bg { width: 100%; height: 100%; } #bizview_list .wfrm .write .in_files .cvr .cover { position: absolute; width: 48px; top: 0; left: 0; height: 100%; line-height: 48px; color: #fff; font-weight: bold; letter-spacing: -1px; text-align: center; background: #000; opacity: 0.4; filter: alpha(opacity=40); } #bizview_list .wfrm .write .in_files .cvr .cover:hover { opacity: 0.6; filter: alpha(opacity=60); } #bizview_list .wfrm .btn-r { margin-top: 12px; text-align: right; } #bizview_list .btn-h48 { display: inline-block; width: 48px; height: 48px; background: #b1b1b7; } #bizview_list .btn-h48 span { display: inline-block; width: 100%; padding-top: 32px; text-align: center; color: #fff; font-size: 11px; font-weight: bold; letter-spacing: -1px; } #bizview_list .btn-h48.close span { background: url(/images/ngnh/images/d3/modern_simple/btn/btn_bul_close.gif) no-repeat 50% 5px; } #bizview_list .btn-h48.camera span { background: url(/images/ngnh/images/d3/modern_simple/btn/btn_bul_camera.gif) no-repeat 50% 5px; } #bizview_list .btn-h35 { display: inline-block; height: 35px; line-height: 35px; padding: 0 20px; color: #FFFFFF;background:#000000; font-size: 14px; font-weight: bold; letter-spacing: -1px; } #bizview_list .btn-gray { border: 1px solid #bababa; background: #b1b1b7; } #bizview_list .btn-orange { background-color: #ff6452; } #uplist_file { margin-top:10px; } #uplist_file:after {content: ""; display: block; clear: both;} #uplist_file > .MultiFile-label { float:left;position:relative;width:80px;height:80px;overflow:hidden;margin-right:5px; } #uplist_file a { position:absolute;top:0;z-index:50; } #uplist_file .MultiFile-title { display:none; } #bizview_list .sumary { clear:both; zoom: 1; overflow: hidden; position: relative; height: 176px; padding: 15px 349px 15px 239px; border: 1px solid #dadada; margin-top:30px; } #bizview_list .sumary .score { position: absolute; top: 30px; left: 15px; zoom: 1; overflow: hidden; width: 224px; min-height: 149px; background: url(/images/ngnh/images/d3/modern_simple/bg_score.gif) no-repeat 0 0; } #bizview_list .sumary .score dt, #bizview_list .sumary .score dd { float: left; } #bizview_list .sumary .score dt { width: 110px; color: #fff; font-weight: bold; letter-spacing: -1px; text-align: center; } #bizview_list .sumary .score dt p { margin-top: 50px; font-size: 60px; line-height: 1; } #bizview_list .sumary .score dd { width: 110px; } #bizview_list .sumary .score dd ul { padding: 10px 10px 0; } #bizview_list .sumary .score dd li { position: relative; margin-top: 15px; color: #9d9d9d; font-size: 11px; } #bizview_list .sumary .score dd li span { position: absolute; top: 0; right: 0; } #bizview_list .sumary .graph { float: left; width: 91%; } #bizview_list .sumary .graph ul { zoom: 1; overflow: hidden; padding: 0 32px 0 50px; } #bizview_list .sumary .graph li { float: left; width: 100%; zoom: 1; position: relative; margin: 15px 0 5px; } #bizview_list .sumary .graph li:after { content: ''; display: block; clear: both; } #bizview_list .sumary .graph li .tit, #bizview_list .sumary .graph li .bar { height: 14px; line-height: 16px; color: #9d9d9d; font-size: 11px; } #bizview_list .sumary .graph li .tit { position: absolute; top: 0; left: -50px; } #bizview_list .sumary .graph li .bar { display: block; position: relative; width: 100%; } #bizview_list .sumary .graph li .bar .abs { display: block; width: 100%; height: 100%; } #bizview_list .sumary .graph li .bar .abs { background: #9582b9;} #bizview_list .sumary .graph li .num { position: absolute; top: 0; left: 100%; margin-left: 5px; } #bizview_list .sumary .gap { display: block; float: left; width: 3%; height: 98%; } #bizview_list .sumary .gap.vline { width: 6%; background: url(/images/ngnh/images/d3/modern_simple/bg_vline.gif) repeat-y 50% 0; } #bizview_list .sumary .pharea { position: absolute; top: 15px; right: 5px; width: 344px; overflow: hidden; } #bizview_list .sumary .pharea .tit { font-weight: bold; letter-spacing: -1px; line-height: 1.75; } #bizview_list .sumary .pharea ul { zoom: 1; overflow: hidden; height: 160px; } #bizview_list .sumary .pharea ul li { float: left; position: relative; width: 76px; margin-bottom: 8px; margin-right: 10px; } #bizview_list .sumary .pharea ul li a:hover span { display: block; } #bizview_list .sumary .pharea ul li a span { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: 0.3; filter: alpha(opacity=30); background: #000; } #bizview_list .sumary .pharea ul li a img { width: 74px; height: 70px; border: 1px solid #c9c9c9; } #bizview_list .sumary .pharea .pharea-none { height: 95px; padding-top: 55px; border: 1px solid #dadada; color: #b7b7b7; text-align: center; margin-right:10px; } #bizview_list .sumary .pharea .not-photo { display:block; text-align:center; padding-top:40px; } #bizview_list .bizlist { width:100%;margin:30px auto 30px auto; } #bizview_list .bizlist .bbs2 { border-bottom: 1px solid #e1e1e1;padding:10px 0 10px 0;overflow:hidden;position:relative; } #bizview_list .bizlist .bbs2:after { clear: both; content: "."; display: block; font-size: 0; height: 0;line-height: 0; visibility: hidden; } #bizview_list .bizlist .bbs2 .cont { float:left;width:70%;text-align:left; } #bizview_list .bizlist .bbs2 .cont .cont2 { width:100%; } #bizview_list .bizlist .bbs2 .cont .gname { padding:2px 0 2px 0; } #bizview_list .bizlist .bbs2 .cont .subject { font-weight:bold;padding:4px 0 4px 0; } #bizview_list .bizlist .bbs2 .cont .addinfo { padding:4px 0 4px 0; } #bizview_list .bizlist .bbs2 .cont .addinfo a { font-weight:bold;padding:5px 0 5px 0; } #bizview_list .bizlist .bbs2 .cont .score { padding:2px 0 2px 0; } #bizview_list .bizlist .bbs2 .writer { float:left;width:10%; } #bizview_list .bizlist .bbs2 .wdate { float:right;width:10%; } #bizview_list .bizlist .bbs2 .ablist { position:absolute;top:40px;right:10px; } /*media all*/ #bizview_list .bizlist .bbs2 .gimg { width: 14%;height: 90px;overflow: hidden;text-align: center;float: left;position: relative;margin-right:5px;display:inline-block; } #bizview_list .bizlist .bbs2 .contg { float:left;width:60%;text-align:left;display:inline-block; } #bizview_list .bizlist .bbs2 .contg .cont2 { width:100%; } #bizview_list .bizlist .bbs2 .contg .gname { padding:2px 0 2px 0; } #bizview_list .bizlist .bbs2 .contg .subject { font-weight:bold;padding:4px 0 4px 0; } #bizview_list .bizlist .bbs2 .contg .addinfo { padding:4px 0 4px 0; } #bizview_list .bizlist .bbs2 .contg .addinfo a { font-weight:bold;padding:5px 0 5px 0; } #bizview_list .bizlist .bbs2 .contg .score { padding:2px 0 2px 0; } #bizview_list .cntimglist li { float:left;width:110px;height:110px;overflow:hidden;border: 1px solid #bababa;margin-right:10px; } #bizview_list .cntimglist li img { width:110px;height:110px; } #bizview_list .cntimglist:after { content: ''; display: block; clear: both; } #bizview_list .cntimglista li { float:left;width:40px;height:40px;overflow:hidden;border: 1px solid #bababa;margin-right:4px; } #bizview_list .cntimglista li img { width:40px;height:40px; } #bizview_list .cntimglista:after { content: ''; display: block; clear: both; } #bizview_listphoto .bbs3 { border: 1px solid #9c9c9c;float:left;width:215px;height:325px;display:inline-block;margin:0 11px 30px 11px; } #bizview_listphoto .bbs3 .thun { width:215px;height:215px;overflow:hidden; } #bizview_listphoto .bbs3 .thun img { max-width:215px;min-height:215px; } #bizview_listphoto:after { content: ''; display: block; clear: both; } #bizview_listphoto .bbs3 .subs1 { padding:10px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 1;color: black; } #bizview_listphoto .bbs3 .subs2 { margin:0 10px 5px 10px;;overflow:hidden;color:#8d8d8d;border-bottom:1px solid #d6d6d6 } #bizview_listphoto .bbs3 .subs2:after { content: ''; display: block; clear: both; } #bizview_listphoto .bbs3 .subs2 li { width:50%;float:left;font-size:11px; } #bizview_listphoto .bbs3 .subs3 { margin:0 10px 5px 10px;;overflow:hidden;color:#8d8d8d; } #bizview_listphoto .bbs3 .subs3:after { content: ''; display: block; clear: both; } #bizview_listphoto .bbs3 .subs3 li { float:left;font-size:11px; } #bizview_listphoto .bbs3 .subs3 .gimg { width:90px;height:40px;overflow:hidden; } #bizview_list .tailbox { margin:10px;border:1px solid #d1d1d1;padding:10px;width:500px; } #bizview_list .tailbox:after { content: ''; display: block; clear: both; } #bizview_list .tailbox .wname { width:80px;padding-right:20px;float:left; } #bizview_list .tailbox .wmemo { width:400px;float:left; } #bizpags { position:relative;text-align:center;padding:15px 0;} #bizpags a { text-align:center; display:inline-block; width:34px; height:34px; line-height:34px; color:#727a8b; border:1px solid #a9afbb; font-size:12px; font-weight:700; background-color:#fff; vertical-align: top; margin-right:5px; } #bizpags a.now { color: #333; border: 1px solid #000; border-radius:1px; background: #fff; } #bizpags a.prev { width: 34px; text-indent: 0; font-size: 0; background: #d1d1d1; background-size:9px 13px; } #bizpags a.prev:before{ content: "f104"; font-family: FontAwesome; font-size: 16px; font-weight: bold; } #bizpags a.next { width: 34px; text-indent: 0; font-size: 0; background: #f4f4f4; background-size:9px 13px; } #bizpags a.next:before{ content: "f105"; font-family: FontAwesome; font-size: 16px; font-weight: bold; } #bizpopview_black { display:none; position:fixed; top:0px; left:0px; z-index:998; width:100%; height:100%; background:rgba(0,0,0,0.3); } #bizpopview { display:none; position:absolute; top:0px; left:0px; z-index:999; width:100%; height:100%; } #bizpopview .popup { position:relative; width:1100px; height:700px; margin:55px auto 0 auto; background:#fff; z-index:1000;border:4px solid #000000; } #bizpopview .title { height:58px; } #bizpopview .result { height:700px; overflow-y:scroll; } #bizpopview .close {position:absolute; right:0; top:-48px; cursor:pointer;} #bizdataview { padding:50px; } #bizdataview img { max-width:90%; } #bizadddataf li { float:left;padding-right:20px; } #bizadddataf li select { border: 1px solid #dadada;height:35px; } #bizadddataf li input { border: 1px solid #dadada;height:33px;padding-left:10px; } #bizvviewwarp { display:table; } #bizvviewwarp:after { content: ''; display: block; clear: both; } #bizvphotos { float:left;overflow:hidden;display:table-cell;max-width:550px; } #bizvphotos img { max-width:550px; } #bizvcontents { float:left;width:250px;overflow-y:scroll;overflow-x:hidden;display:table-cell; } #sides .subs3 { margin:0 0 20px 0;overflow:hidden;color:#8d8d8d;border:1px solid #cfcfcf;width:98%;padding:2px; } #sides .subs3:after { content: ''; display: block; clear: both; } #sides .subs3 li { float:left;font-size:11px;padding:4px; } #sides .subs3 .gimg { width:50px;height:40px;overflow:hidden; } #sides .tailbox { margin:30px 0 0 0;border:1px solid #d1d1d1;padding:10px;width:98%; } #sides .tailbox:after { content: ''; display: block; clear: both; } #sides .wname { font-weight:bold;margin-bottom:5px; } #bizvphotos { position: relative;background:#d1d1d1; } /*media all*/ #m-button { z-index: 20; position: absolute; left: 0px; top: 20px; width: 100%; height: 0px; } /*media all*/ #m-button #prevBtn { z-index: 2; position: absolute; left: 0px; top: 0px; width: 48px; height: 120px; outline: none; background:#2a2a2a; opacity: 0.3; filter: alpha(opacity=30); } /*media all*/ #m-button #nextBtn { z-index: 2; position: absolute; right: 0px; top: 0px; width: 48px; height: 120px; outline: none; background:#2a2a2a; opacity: 0.3; filter: alpha(opacity=50); } /* fat 마크업 인라인 스타일을 옮김 */ #bizview_list .bizlist .bbs2 .gimg img { width: 90px; } #bizview_list .bizlist .bbs2 .memo { margin: 10px 0; }