.WRAPPER.OFFICETEL{ position:fixed; left:0; right:0; top:61px; bottom:0; width:100%; padding:0; margin:0; background-color:#F0F0F0; overflow:hidden }
.WRAPPER.OFFICETEL.REGIST{ overflow:auto }

.SEARCHPANEL{ position:fixed; left:0; top:61px; bottom:0; width:330px; padding:20px; background-color:#FFF; box-shadow:3px 0 5px rgba(0,0,0,.15); z-index:9999 }
.SEARCHPANEL > div{ margin-bottom:6px; font-size:0 }
.SEARCHPANEL > div > select{ width:165px; height:32px; padding:6px; font:normal 12px/normal Dotum }
.SEARCHPANEL > div > select:first-child{ border-right:0 }
.SEARCHPANEL > div > input[type=text]{ height:32px }
.SEARCHPANEL > div > .OPTIONS{ min-height:32px; font-size:0 }
.SEARCHPANEL > div > .OPTIONS > span{ display:inline-block; width:110px; height:32px; font:normal 12px/32px Dotum }
.SEARCHPANEL > div > .OPTIONS > span > input[type=checkbox]{ margin-top:-1px; vertical-align:middle }
.SEARCHPANEL > div.disabled{ color:#CCC; }

.LISTPANEL{ position:absolute; left:370px; width:620px; height:100%; padding:20px; font:normal 12px/normal Dotum; z-index:9990; overflow:auto }
.LISTPANEL > ul.OFFICETELLIST{ padding:0; margin:0 }
.LISTPANEL > ul.OFFICETELLIST > li{ min-height:90px; padding:10px; margin:0 0 10px 0; list-style:none; background-color:#FFF; box-shadow:3px 3px 5px rgba(0,0,0,.15); overflow:hidden }
.LISTPANEL > ul.OFFICETELLIST > li > .PICTURE{ float:left; width:120px; height:90px; margin-right:10px }
.LISTPANEL > ul.OFFICETELLIST > li > .PICTURE > img{ width:120px; height:90px }
.LISTPANEL > ul.OFFICETELLIST > li > .TRIGGER{ margin-bottom:4px; font-size:0; overflow:hidden }
.LISTPANEL > ul.OFFICETELLIST > li > .TRIGGER > span{ display:inline-block; width:60px; padding:3px 5px; color:#EEE; font:normal 11px/normal Dotum; text-align:center }
.LISTPANEL > ul.OFFICETELLIST > li > .TRIGGER > span.FULL{ background-color:#7F7F7F }
.LISTPANEL > ul.OFFICETELLIST > li > .TRIGGER > span.EMPTY{ background-color:#06F }
.LISTPANEL > ul.OFFICETELLIST > li > .TRIGGER > span.PREVEX{ background-color:#008D31 }
.LISTPANEL > ul.OFFICETELLIST > li > .NAME{  }
.LISTPANEL > ul.OFFICETELLIST > li > .NAME > .PRICE{ font:700 16px/normal 'NanumBarunGothic'; color:#000; vertical-align:middle }
.LISTPANEL > ul.OFFICETELLIST > li > .NAME > .ROOM{ font:500 16px/normal 'NanumBarunGothic'; color:#0043B7; vertical-align:middle }
.LISTPANEL > ul.OFFICETELLIST > li > .NAME > .NEW{ display:inline-block; height:15px; padding:2px 6px; background-color:#FF4700; color:#FFF; font:bold 11px/15px Dotum; vertical-align:middle }
.LISTPANEL > ul.OFFICETELLIST > li > .ADDRESS{ margin-top:4px; color:#666; font:normal 11px/normal Dotum }
.LISTPANEL > ul.OFFICETELLIST > li > .INFOS{ margin-top:4px; font-size:0 }
.LISTPANEL > ul.OFFICETELLIST > li > .INFOS > span{ font:normal 12px/normal Dotum }
.LISTPANEL > ul.OFFICETELLIST > li > .INFOS > span:after{ content:'|'; color:#CCC; padding:0 4px }
.LISTPANEL > ul.OFFICETELLIST > li > .INFOS > span:last-child:after{ display:none }
.LISTPANEL > ul.OFFICETELLIST > li > .OPTIONS{ margin-top:4px; font-size:0 }
.LISTPANEL > ul.OFFICETELLIST > li > .OPTIONS > span{ display:inline-block; padding:2px 4px; margin:0 2px 2px 0; background-color:#7C8EB1; color:#FFF; font:normal 11px/normal Dotum }
.LISTPANEL > ul.OFFICETELLIST > li:hover{ cursor:pointer; background-color:#F0F9FF }
.LISTPANEL > ul.OFFICETELLIST > li.norecord{ background:transparent; box-shadow:none; color:#999; font:500 14px/normal 'NanumGothic' }

#ofc_regist_button{ width:100%; height:48px; margin-bottom:24px; background-color:#B51665; border:0; color:#FFF; font:500 16px/normal 'NanumBarunGothic' }
#SO_BUILDNAME{ width:100% }
label[for=SO_LEASE_MIN], label[for=SO_DEPOSIT_MIN], label[for=SO_RENT_MIN], label[for=OPTIONS]{ width:60px; height:32px; font:normal 12px/32px Dotum; vertical-align:top }
#SO_LEASE_MIN, #SO_LEASE_MAX, #SO_DEPOSIT_MIN, #SO_DEPOSIT_MAX, #SO_RENT_MIN, #SO_RENT_MAX{ width:135px; text-align:right }
#SO_LEASE_MIN, #SO_DEPOSIT_MIN, #SO_RENT_MIN{ border-right:0 }
#SB_INITIALIZE, #SB_SEARCHEXECUTE{ height:48px; background-color:#666; border:0; color:#FFF; font:500 16px/normal 'NanumBarunGothic' }
#SB_INITIALIZE{ width:130px; background-color:#5D646C; border-radius:3px 0 0 3px }
#SB_SEARCHEXECUTE{ width:200px; background-color:#1764CD; border-radius:0 3px 3px 0 }

.VIEWPANEL{ position:absolute; left:1030px; top:20px; bottom:20px; width:620px; padding:20px; background-color:#FFF; font:normal 12px/normal Dotum; z-index:9990; box-shadow:3px 3px 5px rgba(0,0,0,.15); opacity:0; overflow:auto }
.V_BACK{ width:620px; margin-bottom:10px }
.V_BACK > button{ height:32px; padding:0 12px; background-color:#1C3DBB; border:0; color:#FFF; font:500 14px/32px 'NanumBarunGothic' }
.V_BACK > button.MODIFY{ background-color:#076F16 }
.V_BACK > button.DELETE{ float:right; background-color:#E11 }
.V_PICTURES{ position:relative; padding:388px 0 0 0; margin:0 0 12px 0; font-size:0 }
.V_PICTURES > li{ display:inline-block; width:122px; height:80px; margin:0 2px 2px 0; list-style:none }
.V_PICTURES > li > img{ width:100%; height:100% }
.V_PICTURES > li.ON{ position:absolute; left:0; top:0; width:620px; height:388px }
.V_EDITDATE{ margin-bottom:6px; color:#666; font-size:11px }
.V_DEFAULT{ margin-bottom:12px; font:500 18px/normal 'NanumBarunGothic' }
.V_DEFAULT > .V_DEFAULT_PRICE{ color:#0041B5; font-weight:700 }
.V_DETAIL{ width:100%; margin-bottom:12px; border-top:solid 2px #666; border-spacing:0 }
.V_DETAIL th{ width:80px; padding:8px 10px; text-align:left; background-color:#F0F0F0; border-bottom:solid 1px #CCC }
.V_DETAIL td{ padding:8px 10px; border-bottom:solid 1px #CCC }
.V_DETAIL td.V_OPTIONS > span{ display:inline-block; padding:3px 5px; margin:0 2px 2px 0; border-radius:2px; font-size:11px; color:#FFF; background-color:#B1196E }
.V_MAP{ overflow:hidden }
.V_MAP > .V_MAPAREA{ float:left; width:50%; height:230px }
.V_MAP > .V_ROADVIEW{ float:left; width:50%; height:230px }

.REGISTPANEL{ width:850px; padding:20px; margin:20px auto; background-color:#FFF; box-shadow:3px 3px 5px rgba(0,0,0,.15) }
.REGISTPANEL > h2 > #RELAYREGIST{ margin-left:16px; vertical-align:middle }
.REGISTPANEL > h2 > #RELAYREGIST + label{ font:normal 11px/normal Dotum; vertical-align:middle; color:#555 }
.REGISTPANEL > h2{ padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:solid 1px #999; font:500 20px/normal 'NanumBarunGothic' }
.REGISTPANEL > form > div{ position:relative; padding-left:80px; margin-bottom:6px; font-size:0 }
.REGISTPANEL > form > div > span{ display:inline-block; height:32px; padding:0 8px; vertical-align:middle; font:normal 12px/32px Dotum }
.REGISTPANEL > form > div > span.DESC{ font-size:11px; color:#999 }
.REGISTPANEL > form > div > label{ position:absolute; left:0; top:0; width:80px; height:32px; vertical-align:middle; font:bold 12px/32px Dotum }
.REGISTPANEL > form > div > label:not(:first-child){ position:static; margin-left:20px }
.REGISTPANEL > form > div > input[type=text]{ height:32px; border-radius:3px; border-color:#CCC; vertical-align:middle; font:normal 12px/normal Dotum }
.REGISTPANEL > form > div > input[type=radio]{ margin-top:-1px; vertical-align:middle }
.REGISTPANEL > form > div > input[type=radio] + label{ width:auto; margin:0 16px 0 3px; font-weight:normal }
.REGISTPANEL > form > div > input[type=checkbox]{ margin-top:-1px; vertical-align:middle }
.REGISTPANEL > form > div > input[type=checkbox] + label{ width:auto; margin:0 18px 0 3px; font-weight:normal }
.REGISTPANEL > form > div select{ height:32px; border-radius:3px; color:#666; border-color:#CCC; vertical-align:middle }
.REGISTPANEL > form > div button{ height:32px; padding:0 10px; margin:0 4px; border:0; background-color:#D45500; color:#FFF; vertical-align:middle; font:normal 12px/normal Dotum }
.REGISTPANEL > form > div button:first-child{ margin-left:0 }
.REGISTPANEL > form > div > .R_PICTURES{ width:auto; min-height:100px; padding:0; margin:0 0 8px 0; font-size:0 }
.REGISTPANEL > form > div > .R_PICTURES > li{ position:relative; display:inline-block; width:140px; height:100px; padding:9px; margin:0 8px 8px 0; border:solid 1px #CCC; vertical-align:top; line-height:100px; font-size:0; text-align:center }
.REGISTPANEL > form > div > .R_PICTURES > li > img{ max-width:100%; max-height:100%; vertical-align:middle }
.REGISTPANEL > form > div > .R_PICTURES > li > a.DELETE{ position:absolute; width:12px; height:12px; right:6px; top:6px; background:url(/subPicture/iconset12.png) no-repeat -60px 0 }
.REGISTPANEL > form > div > .R_PICTURES > li.blank{ background-color:#F0F0F0 }
.REGISTPANEL > form > div > .R_PICTURES > li:not(.blank):hover{ cursor:pointer }
.REGISTPANEL > form > div > .R_PICTURES > li.placeholder{ background-color:#E9E9E9; border:dashed 1px #CCC }
.REGISTPANEL > form > div > .R_PICTURES > li.APPENDER{ width:160px; height:120px; padding:0; border:0 }
.REGISTPANEL > form > div > .R_PICTURES > li.APPENDER > button{ width:160px; height:120px; padding:0; margin:0; border:solid 5px #267CB5; background:url(/subPicture/appender_image.png) no-repeat center; font-size:0 }

.REGISTPANEL > form > div > .R_PICTURES > li:not(.APPENDER):first-child{ border-color:#F60 }
.REGISTPANEL > form > div > .R_PICTURES > li:not(.APPENDER):first-child:after{ content:'대표이미지'; position:absolute; left:0; right:0; bottom:0; padding:4px 0; text-align:center; background-color:#F60; font:bold 12px/normal Dotum; color:#FFF }

.REGISTPANEL > form > div > div > .R_PICTURE_ALERT{ font:normal 12px/normal Dotum; color:#C00 }
.REGISTPANEL > form > div > .R_CONTACT{ width:auto; min-height:32px; padding:0; margin:0 0 8px 0 }
.REGISTPANEL > form > div > .R_CONTACT > li{ margin:0 0 4px 0 }
.REGISTPANEL > form > div > .R_CONTACT > li > input[type=text]{ height:32px; margin-right:4px; border-radius:3px; border-color:#CCC; vertical-align:middle }
.REGISTPANEL > form > div > .R_CONTACT > li > select[name=R_CONTACT_KIND]{ width:100px; margin-right:4px }
.REGISTPANEL > form > div > .R_CONTACT > li > select[name=R_CONTACT_PHONE_STEP1]{ width:80px; margin-right:4px }
.REGISTPANEL > form > div > .R_CONTACT > li > input[type=text][name=R_CONTACT_PHONE_STEP2]{ width:80px; margin-right:4px }
.REGISTPANEL > form > div > .R_CONTACT > li > input[type=text][name=R_CONTACT_PHONE_STEP3]{ width:80px }
.REGISTPANEL > form > div > .R_CONTACT > li > input[type=text][name=R_CONTACT_DUTY]{ width:100px; margin-left:10px }
.REGISTPANEL > form > div > .R_CONTACT > li > input[type=text][name=R_CONTACT_NAME]{ width:100px }
.REGISTPANEL > form > div.BUTTONS{ text-align:center }
.REGISTPANEL > form > div.BUTTONS > button{ width:160px; background-color:#1C43C1; height:48px; font:500 18px/normal 'NanumBarunGothic' }
.REGISTPANEL > form > div > div.ALERT{ margin-top:4px; color:#C00; font:normal 11px/normal Dotum }

#BUILDSEARCHAREA1{ width:100px; margin-right:10px }
#BUILDSEARCHAREA2{ width:100px; margin-right:10px }
#BUILDNAMESEARCH{ width:550px }
#BUILDSEARCHRESULT{ display:none; position:absolute; z-index:999; width:768px; max-height:480px; left:80px; right:0; top:31px; padding:0; margin:0; background-color:#FFF; border:solid 1px #CCC; border-radius:3px; box-shadow:2px 2px 4px rgba(0,0,0,.25); overflow:auto }
#BUILDSEARCHRESULT > li{ padding:7px 10px; list-style:none }
#BUILDSEARCHRESULT > li > span.METHOD{ display:inline-block; width:40px; height:14px; background:url(/subPicture/icon_buildmethod.png) no-repeat 0 0; vertical-align:middle }
#BUILDSEARCHRESULT > li > span.METHOD[data-method="아파트"]{  }
#BUILDSEARCHRESULT > li > span.METHOD[data-method="오피스텔"]{ background-position:-40px 0 }
#BUILDSEARCHRESULT > li > span.METHOD[data-method="주상복합"]{ background-position:-80px 0 }
#BUILDSEARCHRESULT > li > span.METHOD[data-method="재건축"]{ background-position:-120px 0 }
#BUILDSEARCHRESULT > li > strong{ margin-left:5px; font-size:12px; vertical-align:middle }
#BUILDSEARCHRESULT > li > span.ADDRESS_OLD{ margin-left:6px; font-size:11px; color:#666; vertical-align:middle }
#BUILDSEARCHRESULT > li > span.ADDRESS_NEW{ display:none }
#BUILDSEARCHRESULT > li:not(.NORECORD):hover{ cursor:pointer }
#BUILDSEARCHRESULT > li.HOVER{ background-color:#F0F0F0 }
#R_NAME{ width:240px }
#R_BUILDNO{ width:100px; margin-left:8px }
#R_ROOMNO{ width:100px; margin-left:8px }
#R_ROOMAMOUNT_SELECT, #R_BATHAMOUNT_SELECT{ width:100px }
#R_ROOMAMOUNT, #R_BATHAMOUNT{ width:80px }
#R_FLOORTHIS, #R_FLOORTOTAL{ width:80px }
#R_METHOD{ width:120px }
#R_EMPTY{ width:120px }
#R_STRUCT{ width:120px }
#R_LEASE, #R_DEPOSIT, #R_RENT, #R_TRADE{ width:80px; text-align:right }
label[for=R_LEASE]{ color:#CCC }
#R_LEASE + span{ color:#CCC }
label[for=R_TRADE]{ color:#CCC }
#R_TRADE + span{ color:#CCC }
#R_MAINTENANCECOST,#R_JOINTCOST{ width:80px }
#R_ADDRESS_OLD, #R_ADDRESS_NEW{ width:480px; background-color:#FFF !important }
#R_ADDRESS_ADD{ width:360px }
#R_ADDRESS_ADD::-webkit-input-placeholder{ color:#E11 }
#R_ADDRESS_ADD::-ms-input-placeholder{ color:#E11 }
#R_PARKINGCOST{ width:80px; text-align:right }
#R_LOC_LAT, #R_LOC_LNG{ width:120px; margin-right:10px }
#R_ADMINMEMO, #R_USERMEMO{ width:540px }
#R_ADMINMEMO::-webkit-input-placeholder{ color:#E11 }
#R_ADMINMEMO::-ms-input-placeholder{ color:#E11 }
#R_USERMEMO::-webkit-input-placeholder{ color:#E11 }
#R_USERMEMO::-ms-input-placeholder{ color:#E11 }