﻿/************** map영역 크기설정 **************/
#map {
    clear: both;
    position: relative;
    z-index: 10;
    width: 1248px;
    margin-bottom: 17px;
    background: #fafbfd;
}

/************** 1. 위치선택 **************/
.location {
    position: relative;
    z-index: 30;
    float: left;
    width: 751px;
    height: 38px;
    border: 1px solid #c0c0c0;
    background: #FFF;
}
.location:after{clear:both;content:'';}
.location .loc_view{overflow:hidden;position:relative;height:38px;padding-left:17px;background:url(/rts/navigator/image/bg_location2.gif);}
.location  #loc_view1{width: 80px;}
.location  #loc_view2{width: 100px;}
.location  #loc_view3{width: 90px;}
.location  #loc_view4{width: 240px;}
.location  #loc_view5{width: 630px;}
.location .loc_view .bar{display:block;overflow:hidden;float:left;width:20px;height:38px;margin:0 8px 0 0px; background:url(/rts/navigator/image/bg_location_bar.gif) no-repeat; text-indent:-999px;vertical-align:top}
.location .loc_view .sel{display:inline-block; float:left; margin:10px 4px 0 0;}
.sel.icoPin5 {width:20px; height:25px; margin-top:7px !important; margin-right:-4px !important; background-repeat:no-repeat; vertical-align:middle;}
.sel.icoPin5.pin5_0 {background-image:url(/rts/navigator/image/iconW_pin5.png);}
.sel.icoPin5.pin5_1 {background-image:url(/rts/navigator/image/iconW_pin5_1.png);}
.sel.icoPin5.pin5_2 {background-image:url(/rts/navigator/image/iconW_pin5_2.png);}
.sel.icoPin5.pin5_3 {background-image:url(/rts/navigator/image/iconW_pin5_3.png);}

.location div.subway{position:absolute;top:0px;right:10px;height:38px;line-height:38px;}
.map_main div.map_txt_title {
    width: 489px;
    float: left;
    height: 38px;
    text-align: center;
    line-height: 38px;
    color: #4e4e4e;
    border-bottom: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    font-weight: 800;
    background: url(/rts/navigator/image/bg_location2.gif) repeat-x;
}

#locationArea .selectbox-source{position:absolute;left:-9999px}
#locationArea .selectbox-box{float:left;padding:0 12px 0 0;background:url(/rts/navigator/image/btn_arrow.gif) no-repeat 100% 4px;cursor:pointer}
#locationArea .selectbox-label{width:100%; height:30px;color:#5f5f5f; font-weight:bold;} 

/* [시도]/[시구군]/[읍면동] 리스트 팝업 레이어 */
#location_area_si .selectbox_line{overflow:hidden;overflow-y:auto;width:70px; height:200px; position:absolute;z-index:100;margin:39px 0 0 5px;border:1px solid #c0c0c0;background:#FFF}
#location_area_gu .selectbox_line{overflow:hidden;overflow-y:auto;width:110px; height:200px; position:absolute;z-index:100;margin:39px 0 0 103px;border:1px solid #c0c0c0;background:#FFF}
#location_area_dong .selectbox_line{overflow:hidden;overflow-y:auto;width:120px; height:200px; position:absolute;z-index:100;margin:39px 0 0 240px;border:1px solid #c0c0c0;background:#FFF}
#location_area_apt .selectbox_line{overflow:hidden;overflow-y:auto;width:130px; height:200px; position:absolute;z-index:100;margin:39px 0 0 360px;border:1px solid #c0c0c0;background:#FFF}
#location_area_store .selectbox_line{overflow:hidden;overflow-y:auto;width:130px; height:200px; position:absolute;z-index:100;margin:39px 0 0 360px;border:1px solid #c0c0c0;background:#FFF}

/* 지하철 리스트 팝업 레이어 */
#location_subway_1 .selectbox_line{overflow:hidden;overflow-y:auto;width:100px; height:140px; position:absolute;z-index:100;margin:39px 0 0 355px;border:1px solid #c0c0c0;background:#FFF}
#location_subway_2 .selectbox_line{overflow:hidden;overflow-y:auto;width:110px; height:260px; position:absolute;z-index:100;margin:39px 0 0 453px;border:1px solid #c0c0c0;background:#FFF}
#location_subway_3 .selectbox_line{overflow:hidden;overflow-y:auto;width:120px; height:260px; position:absolute;z-index:100;margin:39px 0 0 564px;border:1px solid #c0c0c0;background:#FFF}

.selectbox-list ul{margin:0;padding:0;background:#FFF;list-style:none}
.selectbox-list ul li{white-space:nowrap;cursor:pointer;zoom:1}
.selectbox-list ul li.selectbox-item-selected{font-weight:bold;color:#666;}
.selectbox-list ul li.selectbox-item-over{background:#f3f3f3!important}
.selectbox-list ul li a{display:block; height:18px; line-height:18px; padding:5px 0 4px 10px;}
.selectbox-list ul li a:hover{font-weight:bold;text-decoration:underline;}

/************** 2. 카테고리, 지도, 지역리스트 **************/

/* 지도영역 크기설정 */
#map .map_viewer .map_cate{float:left;position:relative;z-index:0; border-left:1px solid #c0c0c0;
	display: block; width:200px!important; height: 400px; background: #f3f8fc;
}
#map .map_viewer .map_area
{
    float: left;
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #c0c0c0;
    display: block;
    width: 492px!important;
    height: 400px;
}
#map .map_viewer .map_list {
    float: left;
    position: relative;
    z-index: 20;
    border-left: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    width: 258px!important;
    height: 400px;
    background: #fafbfb;
}

/* 카테고리 */
#map .map_cate h3{position:absolute; left: -9999px;}
#map .map_cate .cate_part{width: 185px; height: 28px;padding:15px 0 0 15px;border-bottom:1px solid #dae4ee;}
#map .map_cate .cate_part li{float:left;}
#map .map_cate .cate_part li a{display: block; width:50px; height:15px; text-indent: -9999px;}
#map .map_cate .cate_part .cate_part1 {background: url(/rts/navigator/image/bds_map.gif) no-repeat 0 0;}	
#map .map_cate .cate_part .cate_part1_sel{background: url(/rts/navigator/image/bds_map.gif) no-repeat 0 -30px;}
#map .map_cate .cate_part .cate_part2 {background: url(/rts/navigator/image/bds_map.gif) no-repeat -53px 0;}	
#map .map_cate .cate_part .cate_part2_sel{background: url(/rts/navigator/image/bds_map.gif) no-repeat -53px -30px;}	
#map .map_cate .cate_part .cate_part3 {background: url(/rts/navigator/image/bds_map.gif) no-repeat -107px 0;}
#map .map_cate .cate_part .cate_part3_sel{background: url(/rts/navigator/image/bds_map.gif) no-repeat -107px -30px;}
#map .map_cate .cate_part .cate_part4 {background: url(/rts/navigator/image/bds_map.gif) no-repeat -161px 0;}
#map .map_cate .cate_part .cate_part4_sel{background: url(/rts/navigator/image/bds_map.gif) no-repeat -161px -30px;}

#map .map_cate h4{position:absolute; left: -9999px; clear:both;}
#map .map_cate .cate_list{position:relative; width:180px;height:280px;margin:0 15px; padding-top: 15px;}
#map .map_cate .cate_list a{font-family:"돋움"; font-size:12px; color:#555; letter-spacing:-1px;}
#map .map_cate .cate_list a:hover{color: #339bfe;}
#map .map_cate .cate_list li{float:left;width:90px;height:22px;}
#map .map_cate .cate_list .sel a{color: #339bfe; font-weight:bold; letter-spacing:-2px;}

/***** 지역리스트 *****/
/* 1. 구 리스트(gulist) */
#map .map_list a:hover,.map_list a:active,.map_list a:focus{text-decoration:none}
#map .map_list .area_tit{position:relative;width:248px; height:28px;padding:10px 0 0 10px;border-bottom:1px solid #eee; font-weight: bold; color:#555;font-size:12px;letter-spacing:-1px;}

#map .map_list .area{overflow-x:hidden;overflow-y:auto;clear:both;position:relative; width:230px;height:340px;margin:10px 0 0 15px;}
#map .map_list .area a{color:#555;letter-spacing:-1px}
#map .map_list .area a:hover{font-weight:bold;letter-spacing:-2px}
#map .map_list .area li{float:left;width:100px;height:26px;font-size:12px}
#map .map_list .area li em{color:#999}

/* 2. 동 리스트(donglist) */
/*단지*/
#map .map_list a:hover,.map_list a:active,.map_list a:focus{text-decoration:none}
#map .map_list .apt_name{overflow-x:hidden;overflow-y:auto;clear:both; position: absolute; top: 65px; left: 0; width:230px;height:320px; margin:10px 0 10px 15px;}
/*
#map .map_list .apt_name a{color:#555;letter-spacing:-1px}
#map .map_list .apt_name a:hover{font-weight:bold;}
*/
#map .map_list .apt_name a{color:#555;}


#map .map_list .apt_name li{width:230px;height:26px;font-size:12px}
#map .map_list .apt_name li em{color:#999;}

/* aptlist 탭메뉴 최상위 DIV 스타일 */
#aptlist {overflow: hidden; position: relative; width: 258px; height: 400px;}
.aptlist_sale{position:absolute; top: 20px; right: 10px; font-family: "돋움"; font-size: 11px; color: #999;}
/* 학교 탭메뉴 스타일 */
.aptlist_tab_style { overflow:hidden; width:238px; height:28px; padding:0; margin:10px 0 0 10px; background:url(/rts/navigator/image/tab_schoollist.gif) no-repeat;}
.aptlist_tab_style li { float:left; list-style:none;}
.aptlist_tab_style li a { display:block; text-align:center; margin:0; padding:7px 0 0 0; height:33px; float:none; position:static; text-indent: -9999px;}
.aptlist_tab_style #aptlist_tab1 {width: 39px;}
.aptlist_tab_style #aptlist_tab2 {width: 61px;}
.aptlist_tab_style #aptlist_tab3 {width: 61px;}
.aptlist_tab_style.aptlist_tab_style_01 { background-position:0 0; }
.aptlist_tab_style.aptlist_tab_style_02 { background-position:0 -30px; }
.aptlist_tab_style.aptlist_tab_style_03 { background-position:0 -60px; }

/* 토지 탭메뉴 스타일 */
.landlist_tab_style { overflow:hidden; width:238px; height:28px; padding:0; margin:10px 0 0 10px; background:url(/rts/navigator/image/tab_landlist.gif) no-repeat;}
.landlist_tab_style li { float:left; list-style:none;}
.landlist_tab_style li a { display:block; text-align:center; margin:0; padding:7px 0 0 0; height:33px; float:none; position:static; text-indent: -9999px;}
.landlist_tab_style #landlist_tab1 {width: 73px;}
.landlist_tab_style #landlist_tab2 {width: 73px;}
.landlist_tab_style #landlist_tab3 {width: 73px;}
.landlist_tab_style.landlist_tab_style_01 { background-position:0 0; }
.landlist_tab_style.landlist_tab_style_02 { background-position:0 -30px; }
.landlist_tab_style.landlist_tab_style_03 { background-position:0 -60px; }

/* 상가 탭메뉴 스타일 */
.shoplist_tab_style { overflow:hidden; width:238px; height:28px; padding:0; margin:10px 0 0 10px; background:url(/rts/navigator/image/tab_shoplist.gif) no-repeat;}
.shoplist_tab_style li { float:left; list-style:none;}
.shoplist_tab_style li a { display:block; text-align:center; margin:0; padding:7px 0 0 0; height:33px; float:none; position:static; text-indent: -9999px;}
.shoplist_tab_style #shoplist_tab1 {width: 73px;}
.shoplist_tab_style #shoplist_tab2 {width: 73px;}
.shoplist_tab_style #shoplist_tab3 {width: 73px;}
.shoplist_tab_style.shoplist_tab_style_01 { background-position:0 0; }
.shoplist_tab_style.shoplist_tab_style_02 { background-position:0 -30px; }
.shoplist_tab_style.shoplist_tab_style_03 { background-position:0 -60px; }

/* 중개업소 탭메뉴 스타일 */
.brokerlist_tab_style { overflow:hidden; width:238px; height:28px; padding:0; margin:10px 0 0 10px; background:url(/rts/navigator/image/tab_brokerlist.gif) no-repeat;}
.brokerlist_tab_style li { float:left; list-style:none;}
.brokerlist_tab_style li a { display:block; text-align:center; margin:0; padding:7px 0 0 0; height:33px; float:none; position:static; text-indent: -9999px;}
.brokerlist_tab_style #brokerlist_tab1 {width: 73px;}
.brokerlist_tab_style.brokerlist_tab_style_01 { background-position:0 0; }

/* confirmlist 탭메뉴 최상위 DIV 스타일 */
#confirmlist {overflow: hidden; position: relative; width: 258px; height: 400px;}
.confirmlist_sale{position:absolute; top: 20px; right: 10px; font-family: "돋움"; font-size: 11px; color: #999;}
/* 탭메뉴 스타일 */
.confirmlist_tab_style { overflow:hidden; width:238px; height:28px; padding:0; margin:10px 0 0 10px; background:url(/rts/navigator/image/tab_confirmlist.gif) no-repeat;}
.confirmlist_tab_style li { float:left; list-style:none;}
.confirmlist_tab_style li a { display:block; text-align:center; margin:0; padding:7px 0 0 0; height:33px; float:none; position:static; text-indent: -9999px;}
.confirmlist_tab_style #confirmlist_tab1 {width: 61px;}
.confirmlist_tab_style #confirmlist_tab2 {width: 61px;}
.confirmlist_tab_style.confirmlist_tab_style_01 { background-position:0 0; }
.confirmlist_tab_style.confirmlist_tab_style_02 { background-position:0 -30px; }

/* confirmlist_gu 탭메뉴 최상위 DIV 스타일 */
#confirmlist_gu {overflow: hidden; position: relative; width: 258px; height: 400px;}
.confirmlist_gu_sale{position:absolute; top: 20px; right: 10px; font-family: "돋움"; font-size: 11px; color: #999;}
/* 탭메뉴 스타일 */
.confirmlist_gu_tab_style { overflow:hidden; width:238px; height:28px; padding:0; margin:10px 0 0 10px; background:url(/rts/navigator/image/tab_confirmlist_gu.gif) no-repeat;}
.confirmlist_gu_tab_style li { float:left; list-style:none;}
.confirmlist_gu_tab_style li a { display:block; text-align:center; margin:0; padding:7px 0 0 0; height:33px; float:none; position:static; text-indent: -9999px;}
.confirmlist_gu_tab_style #confirmlist_gu_tab1 {width: 62px;}
.confirmlist_gu_tab_style #confirmlist_gu_tab2 {width: 72px;}
.confirmlist_gu_tab_style.confirmlist_gu_tab_style_01 { background-position:0 0; }
.confirmlist_gu_tab_style.confirmlist_gu_tab_style_02 { background-position:0 -30px; }



/* confirmlist_apt 탭메뉴 최상위 DIV 스타일 */
#confirmlist_apt {overflow: hidden; position: relative; width: 258px; height: 400px;}
.confirmlist_apt_sale{position:absolute; top: 20px; right: 10px; font-family: "돋움"; font-size: 11px; color: #999;}
/* 탭메뉴 스타일 */
.confirmlist_apt_tab_style { overflow:hidden; width:238px; height:28px; padding:0; margin:10px 0 0 10px; background:url(/rts/navigator/image/tab_confirmlist_apt.gif) no-repeat;}
.confirmlist_apt_tab_style li { float:left; list-style:none;}
.confirmlist_apt_tab_style li a { display:block; text-align:center; margin:0; padding:7px 0 0 0; height:33px; float:none; position:static; text-indent: -9999px;}
.confirmlist_apt_tab_style #confirmlist_apt_tab1 {width: 61px;}
.confirmlist_apt_tab_style #confirmlist_apt_tab2 {width: 39px;}
.confirmlist_apt_tab_style #confirmlist_apt_tab3 {width: 61px;}
.confirmlist_apt_tab_style.confirmlist_apt_tab_style_01 { background-position:0 0; }
.confirmlist_apt_tab_style.confirmlist_apt_tab_style_02 { background-position:0 -30px; }
.confirmlist_apt_tab_style.confirmlist_apt_tab_style_03 { background-position:0 -60px; }


/* 정렬방법 */
#arealist_sort p{width: 238px; height:28px; line-height: 28px; border-bottom: 1px dotted #999; margin: 10px 0 0 10px;
	font-size: 11px; color: #666;}
#arealist_sort .arealist_sort{display: inline-block; width: 54px; text-align: center;}
#arealist_sort .arealist_sort a{font-family: "돋움"; font-size: 11px; color: #666;}
#arealist_sort .arealist_sort_sel a{font-family: "돋움"; font-size: 11px; color: #666; font-weight: bold;}
.text_sel a{font-weight: bold;}

/* map popup 공통 */
#popup_info {
	text-align: left; padding-bottom: 10px; padding-left: 0px; width: 300px; padding-right: 0px; overflow: hidden; padding-top: 0px;
	z-index: 900; width: 240px; top: 0px; left: 0px;
}
#popup_info dl {text-align: left; width: 100%;}
/* #popup_info dl {text-align: left; width: 100%; overflow: hidden} */
#popup_info dt {
	line-height: 106%; padding: 0 0 0 10px; margin: 0px 0px 10px; letter-spacing: -1px; color: #3f3f3f; font-weight: bold;
	height: 30px; line-height: 30px; background: #f5f5f5; border-bottom: 1px solid #e8e8e8;
}
#popup_info dt a {position: relative; color: #3f3f3f}
#popup_info dd {line-height: 19px; margin: 0px 10px 0px 10px; zoom: 1; letter-spacing: -1px; color: #7c7c7c;}
#popup_info dd span {	letter-spacing: 0px}
#popup_info dd a {position: relative; color: #ff4d30; font-weight: bold; margin-right: 3px; text-decoration: underline}
#popup_info dd .bar {margin: 0px 2px 0px 1px}
#popup_info .btn_photo {z-index: 30; position: absolute; padding-bottom: 2px; display: block; top: 9px; right: 78px; padding-top: 2px}
#popup_info .btn_view {z-index: 30; position: absolute; padding-bottom: 2px; display: block; top: 4px; right: 31px; padding-top: 2px}
#popup_info .btn_close {z-index: 30; position: absolute; padding: 5px; display: block; top: 4px; right: 5px;}

/* map popup - APT */
#popup_info .type_map strong {width: 42px; display: inline-block; color: #3f3f3f; font-weight: bold;}
#popup_info .type_map .dd1 {float: left}
#popup_info .type_map .dd2 {position: relative; float: left; margin-left: 0px; top: 0px; left: 0px}
#popup_info .type_map .dd3 {clear: both}
#popup_info .type_map .dd4 .price {color: #3295f3;}
#popup_info .type_map .dd4 a{color: #3295f3;}
#popup_info .type_map .dd5 {position: relative; float: left; margin-left: 0px; top: 4px; left: 0px}
#popup_info .type_map .dd5 .price {color: #3295f3;}
#popup_info .type_map .dd5 a{color: #3295f3;}

/* map popup - 중개업소 */
#popup_info .type_member strong {width: 55px; display: inline-block; color: #3f3f3f; font-weight: bold;}
#popup_info .btn_home {z-index: 30; position: absolute; padding-bottom: 2px; display: block; top: 4px; right: 31px; padding-top: 2px}
#popup_info .address {width:164px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
#popup_info .handle {width:164px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

/* map popup - 매물 */
#popup_info .type_offer strong {width: 55px; display: inline-block; color: #3f3f3f; font-weight: bold;}
#popup_info .type_offer .o_dd2 .price {color: #ff4d30; font-weight: bold;}
#popup_info .btn {margin: 5px 0;}
#popup_info .btn_loadview {z-index: 30; padding-bottom: 2px; padding-top: 2px; padding-left: 10px;}
#popup_info .btn_photo {z-index: 30; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px}

