.ROOMS{ position:fixed; left:0; top:60px; width:100%; bottom:57px; padding:0; margin:0 }
.VIEWPAGE{ position:fixed; width:100%; left:100%; top:60px; bottom:0; margin:0; padding:20px; background:#E9E9E9; overflow:auto }

.pagetitle{ position:absolute; left:0; top:0; width:100%; height:40px; background:#F90; z-index:9998; color:#FFF; font:500 18px/40px 'NanumBarunGothic'; text-align:center }

.roomswrap{ position:absolute; left:0; top:40px; right:0; bottom:0; background:#E9E9E9; overflow:auto }
.roomswrap > ul{ width:1176px; padding:0; margin:10px auto; text-align:center; font-size:0; }
.roomswrap > ul > li{ position:relative; display:inline-block; width:280px; height:360px; margin:6px; background:#FFF; border:solid 1px #CCC; list-style:none ; vertical-align:top}
.roomswrap > ul > li > .picture{ width:280px; height:210px; }
.roomswrap > ul > li > .picture > img{ width:100%; height:100% }
.roomswrap > ul > li > .info{ padding:14px; text-align:left }
.roomswrap > ul > li > .info > .price{ font:700 22px/normal 'NanumBarunGothic' }
.roomswrap > ul > li > .info > .subject{ color:#03C; font:500 16px/normal 'NanumBarunGothic' }
.roomswrap > ul > li > .info > .address{ display:none }
.roomswrap > ul > li > .info > .specific{ color:#666; font:normal 0/normal Dotum; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.roomswrap > ul > li > .info > .specific > span{ font-size:12px }
.roomswrap > ul > li > .info > .specific > span:after{ content:'|'; padding:0 6px }
.roomswrap > ul > li > .info > .specific > span:last-child:after{ display:none }
.roomswrap > ul > li > .info > .addinfo{ padding:8px 0 }
.roomswrap > ul > li > .info > .addinfo > span{ display:inline-block; padding:2px 3px; margin:0 2px 0 0; background:#FFF; border:solid 1px #69C; border-radius:4px; color:#69C; font:normal 11px/normal Dotum }
.roomswrap > ul > li > .info > .addinfo > span:before{ content:'#' }
.roomswrap > ul > li > .info > .addinfo > span:hover{ background:#F0F9FF; cursor:pointer }
.roomswrap > ul > li > .info > .option{ color:#444; font:normal 12px/normal Dotum; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.roomswrap > ul > li > .info > .option:before{ content:'옵션'; display:inline-block; padding:2px 4px; margin:0 6px 0 0; background:#F40; color:#FFF }
.roomswrap > ul > li > .info > .wishcheck{ position:absolute; top:15px; right:15px; width:60px; height:60px; background:url(/subPicture/iconset_etc.png) 0 -120px no-repeat }
.roomswrap > ul > li > .info > .wishcheck.on{ background-position:-60px -120px }
.roomswrap > ul > li > .relax{ position:absolute; top:10px; right:-8px }
.roomswrap > ul > li:hover{ background-color:#F0F9FF; cursor:pointer }

.roomswrap > ul.listtype > li{ position:relative; display:block; width:auto; height:auto }
.roomswrap > ul.listtype > li > .picture{ float:left; width:114px; height:80px; padding:10px }
.roomswrap > ul.listtype > li > .info{ margin-left:136px; overflow:hidden }
.roomswrap > ul.listtype > li > .info > .price{ float:left; height:24px; font:700 18px/24px 'NanumBarunGothic' }
.roomswrap > ul.listtype > li > .info > .price:before{ content:'[' }
.roomswrap > ul.listtype > li > .info > .price:after{ content:']' }
.roomswrap > ul.listtype > li > .info > .subject{ float:left; margin-left:8px; font:500 18px/24px 'NanumBarunGothic' }
.roomswrap > ul.listtype > li > .info > .address{ display:block; clear:both; color:#333; font:normal 12px/normal Gulim }
.roomswrap > ul.listtype > li > .info > .specific{ float:left }
.roomswrap > ul.listtype > li > .info > .specific > span:last-child:after{ display:inline }
.roomswrap > ul.listtype > li > .info > .addinfo{ padding:0; color:#666; font:normal 0/normal Dotum; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.roomswrap > ul.listtype > li > .info > .addinfo > span{ display:inline; padding:0; margin:0; background:transparent; border:0; color:inherit; font-size:12px }
.roomswrap > ul.listtype > li > .info > .addinfo > span:before{ display:none }
.roomswrap > ul.listtype > li > .info > .addinfo > span:after{ content:'|'; padding:0 6px }
.roomswrap > ul.listtype > li > .info > .addinfo > span:last-child:after{ display:none }
.roomswrap > ul.listtype > li > .info > .option{ clear:both; margin-top:4px }
.roomswrap > ul.listtype > li > .info > .wishcheck{ position:absolute; top:50%; right:15px; width:60px; height:60px; margin-top:-30px; background:url(/subPicture/iconset_etc.png) 0 -120px no-repeat }
.roomswrap > ul.listtype > li > .info > .wishcheck.on{ background-position:-60px -120px }

.roomswrap > ul.horizontal > li{ width:574px; height:210px; }
.roomswrap > ul.horizontal > li > .picture{ float:left }
.roomswrap > ul.horizontal > li > .info{ margin-left:280px }

.list_back{ position:absolute; left:15px; top:50%; width:64px; height:64px; margin-top:-32px; background:url(/subPicture/iconset64.png) no-repeat 0 0; font-size:0; cursor:pointer }
.viewwrap{ width:1000px; margin:0 auto; height:auto; overflow:hidden }
.viewwrap > .leftpanel{ float:left; width:600px }
.viewwrap > .leftpanel > .pictures{ position:relative }
.viewwrap > .leftpanel > .pictures > .slidebutton{ position:absolute; width:64px; height:64px; top:178px; background:url(/subPicture/iconset64.png) no-repeat 0 0; font-size:0; cursor:pointer; opacity:.75 }
.viewwrap > .leftpanel > .pictures > .slidebutton.L{ left:8px; background-position:-64px 0 }
.viewwrap > .leftpanel > .pictures > .slidebutton.R{ right:8px; background-position:-192px 0 }
.viewwrap > .leftpanel > .pictures > .slidebutton:hover{ opacity:1 }
.viewwrap > .leftpanel > .pictures > .preview{ width:600px; height:420px; padding:0; text-align:center; font-size:0 }
.viewwrap > .leftpanel > .pictures > .preview > div.norecord{ text-align:center; background-color:#666; font-size:20px; color:#FFF; line-height:420px }
.viewwrap > .leftpanel > .pictures > .preview > img{ width:100%; height:100% }
.viewwrap > .leftpanel > .pictures > .list{ padding:0; margin:0; font-size:0 }
.viewwrap > .leftpanel > .pictures > .list > li{ display:inline-block; width:85px; height:64px; margin:5px }
.viewwrap > .leftpanel > .pictures > .list > li > img{ width:100%; height:100% }
.viewwrap > .leftpanel > .pictures > .list > li:hover{ margin:0; border:solid 5px #F60; cursor:pointer }
.viewwrap > .leftpanel > .pictures > .list > li.on{ margin:0; border:solid 5px #F60; cursor:default }
.viewwrap > .leftpanel > .roomdetail{ padding:24px 12px; margin:12px 0; background:#FFF; border:solid 1px #CCC }
.viewwrap > .leftpanel > .roomdetail > .saveDate{ margin-bottom:6px; color:#999; font:normal 11px/normal Dotum }
.viewwrap > .leftpanel > .roomdetail > .title{ margin-bottom:6px; font:500 20px/normal 'NanumBarunGothic' }
.viewwrap > .leftpanel > .roomdetail > .title > span{ font-weight:700; margin-right:8px }
.viewwrap > .leftpanel > .roomdetail > .address{ margin-bottom:10px; color:#666; font:normal 12px/normal Gulim }
.viewwrap > .leftpanel > .roomdetail > dl{ padding:0; margin:0; border-top:solid 2px #666; overflow:hidden }
.viewwrap > .leftpanel > .roomdetail > dl > dt{ float:left; width:100px; height:20px; padding:10px; background-color:#E9E9E9; border-bottom:solid 1px #CCC; font:bold 12px/20px Dotum }
.viewwrap > .leftpanel > .roomdetail > dl > dd{ float:left; width:434px; height:20px; padding:10px; margin:0; border-bottom:solid 1px #CCC; font:normal 12px/20px Dotum; overflow:hidden }
.viewwrap > .leftpanel > .roomdetail > dl > dd > span{ display:inline-block }
.viewwrap > .leftpanel > .roomdetail > .v_options{ color:#444; font:normal 12px/normal Dotum; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span{ display:inline-block; width:50px; height:20px; margin-right:2px; background:url(/subPicture/etcoptions.png) no-repeat 0 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.TV{ background-position:0 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.침대{ background-position:-50px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.세탁기{ background-position:-100px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.냉장고{ background-position:-150px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.옷장{ background-position:-200px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.붙박이장{ background-position:-250px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.신발장{ background-position:-300px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.서랍장{ background-position:-350px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.책상{ background-position:-400px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.에어컨{ background-position:-450px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.가스렌지{ background-position:-500px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.인덕션{ background-position:-550px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.전자렌지{ background-position:-600px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.욕조{ background-position:-650px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.비데{ background-position:-700px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.샤워부스{ background-position:-750px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.전자도어락{ background-position:-800px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.CCTV{ background-position:-850px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.무인택배함{ background-position:-900px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.경비실{ background-position:-950px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.인터폰{ background-position:-1000px 0 }
.viewwrap > .leftpanel > .roomdetail > .v_options > span.비디오폰{ background-position:-1050px 0 }
.viewwrap > .leftpanel > .movies{ background-color:#333; border-radius:5px  }
.viewwrap > .leftpanel > .movies > .preview{ width:560px; height:auto; padding:20px; text-align:center; font-size:0; line-height:320px }
.viewwrap > .leftpanel > .movies > .preview > div.norecord{ text-align:center; color:#666; line-height:320px }
.viewwrap > .leftpanel > .movies > .preview > video{ display:block; color:#FFF; line-height:normal; font-size:1rem }
.viewwrap > .leftpanel > .movies > .list{ padding:0 15px 15px 15px; margin:0; font-size:0 }
.viewwrap > .leftpanel > .movies > .list > li{ display:inline-block; width:85px; height:64px; margin:5px }
.viewwrap > .leftpanel > .movies > .list > li > video{ width:100%; height:100% }
.viewwrap > .leftpanel > .movies > .list > li:hover{ margin:0; border:solid 5px #FFF; cursor:pointer }
.viewwrap > .rightpanel{ float:left; width:380px; margin:0 0 0 20px }
.viewwrap > .rightpanel > .sickerassign{ height:60px; margin-bottom:15px }
.viewwrap > .rightpanel > .assigninfo{ padding:15px; background-color:#FFF; border:solid 1px #CCC; border-radius:5px }
.viewwrap > .rightpanel > .assigninfo > h3{ padding:0; margin:0; font:700 20px/normal 'NanumBarunGothic' }
.viewwrap > .rightpanel > .assigninfo > .picture{ width:100%; text-align:center }
.viewwrap > .rightpanel > .assigninfo > .picture > img{ max-width:100% }
.viewwrap > .rightpanel > .assigninfo > .agentname{ font:500 20px/normal 'NanumBarunGothic' }
.viewwrap > .rightpanel > .assigninfo > .agentaddress{ font:normal 12px/normal Gulim }
.viewwrap > .rightpanel > .assigninfo > .assignname{ margin-top:12px; font:bold 12px/normal Gulim }
.viewwrap > .rightpanel > .assigninfo > .assignmail{ color:#666; font:normal 12px/normal Gulim }
.viewwrap > .rightpanel > .assigninfo > .assignmobile{ margin-top:4px; color:#03C; font:bold 16px/normal Gulim }
.viewwrap > .rightpanel > .contactlist{ padding:15px; background:#FFF; border:solid 1px #CCC; border-radius:5px }
.viewwrap > .rightpanel > .contactlist > .title{ font:700 20px/normal 'NanumBarunGothic' }
.viewwrap > .rightpanel > .contactlist > dl{ padding:0; margin:12px 0 0 0; overflow:hidden }
.viewwrap > .rightpanel > .contactlist > dl > dt{ float:left; width:80px; height:20px; padding:6px 10px; margin:0 0 2px 0; background:#E9E9E9; font:bold 12px/20px Dotum }
.viewwrap > .rightpanel > .contactlist > dl > dd{ float:left; width:220px; height:20px; padding:5px 10px; margin:0 0 2px 4px; border:solid 1px #DDD; font:normal 12px/20px Dotum }
.viewwrap > .rightpanel > .contactlist > dl > dt.main{ background-color:#F93; color:#FFF }
.viewwrap > .rightpanel > .contactlist > dl > dd.main{ border-color:#F93; color:#C60 }
.viewwrap > .rightpanel > .roombuttons{ font-size:0 }
.viewwrap > .rightpanel > .roombuttons > button{ width:185px; height:40px; background:#999; border:0; color:#FFF; font:500 16px/normal 'NanumBarunGothic' }
.viewwrap > .rightpanel > .roombuttons > button#setwishroom{ background:#06C; margin-right:10px }

.viewwrap > .rightpanel > .roombuttons > button#setfalsereport{ background:#C00 }
.viewwrap > .rightpanel > .roombuttons > button#down_cadaster{ background:#06C; margin-right:10px }
.viewwrap > .rightpanel > .roombuttons > button#down_register{ background:#0C9 }
.viewwrap > .rightpanel > .roombuttons > button[disabled]{ background:#999 !important; color:#CCC !important; cursor:default }
.viewwrap > .rightpanel > .assigndirect{ padding:15px; background:#FFF; font:normal 12px/normal Dotum }
.viewwrap > .rightpanel > .assigndirect > div{ margin-bottom:4px }
.viewwrap > .rightpanel > .assigndirect > div > label{ width:80px; height:32px; line-height:32px; vertical-align:middle }
.viewwrap > .rightpanel > .assigndirect > div > input#userphone{ width:160px; height:32px; vertical-align:middle }
.viewwrap > .rightpanel > .assigndirect > div > textarea{ width:200px; height:100px; padding:8px; vertical-align:top }
.viewwrap > .rightpanel > .assigndirect > div.warning{ margin-left:80px; margin-bottom:15px; font-size:11px; color:#666 }
.viewwrap > .rightpanel > .assigndirect > button#requestinquiry{ width:100%; height:50px; background-color:#FF5F00; border:0; color:#FFF; font:500 22px/normal 'NanumBarunGothic' }
.viewwrap > .rightpanel > .cadaster_preview{ display:none; position:fixed; left:0; top:60px; right:0; bottom:0; padding:20px; background-color:rgba(0,0,0,.75); overflow:auto; z-index:10000; text-align:center }
.viewwrap > .rightpanel > .cadaster_preview > img{ max-width:100%; box-shadow:3px 3px 5px rgba(0,0,0,.5) }
.viewwrap > .rightpanel > .cadaster_preview.expand{ display:block }
.viewwrap > .rightpanel > .map{ height:285px; border:solid 1px #999; border-radius:5px }




section.pageNavigator{ position:fixed; left:0; bottom:0; width:100%; height:32px; background:#FFF; border-top:solid 1px #CCC }