@charset "utf-8";

.btn_black,.btn_black:hover { background:#000; color:#fff; border-radius:5px; padding:2px 10px !important; }
.btn_blue,.btn_blue:hover { background:#3b86ff; color:#fff; border-radius:5px; padding:2px 10px !important; }
.btn_orange,.btn_orange:hover { background:#ff7e00; color:#fff; text-shadow:none; border-radius:5px; padding:2px 10px !important; }
.btn_white,.btn_white:hover { background:#fff; color:#3985ff; font-weight:bold; border-radius:5px; padding:2px 10px !important; }
.btn_red,.btn_red:hover { background:#ff6da1; color:#fff; border-radius:5px; padding:2px 10px !important; }
.btn_green,.btn_green:hover { background:green; color:#fff; border-radius:5px; padding:2px 10px !important; }


.maplist_kakaomap { position:relative; width:100%; overflow:hidden; border:0px; }
/*
.maplist_kakaomap * {
  box-sizing:content-box !important;
  -moz-box-sizing:content-box !important;
  -webkit-box-sizing:content-box !important;
}
*/

.maplist_kakaomap .map_list_wrap { position:absolute; top:0px; right:-252px; width:250px; padding:0px; margin:0px; overflow:hidden; overflow-y:auto; border:1px solid #ccc; background:#fff; z-index:4; }
.maplist_kakaomap .map_list_wrap .map_list { position:relative; padding:0px; margin:0px; overflow:hidden; display:block; }
.maplist_kakaomap .map_list_wrap .map_list .list { position:relative; padding:0px; margin:0px; display:block; font-size:12px;}
.maplist_kakaomap .map_list_wrap .map_list .list.normal { display:table-row;}
.maplist_kakaomap .map_list_wrap .map_list .list.normal .link { padding:0px}
.maplist_kakaomap .map_list_wrap .map_list .list .link { position:relative; /* padding:10px; */ padding:5px; border-bottom:0px solid #ccc; overflow:hidden; box-sizing:border-box;} /*  display:block;  */
.maplist_kakaomap .map_list_wrap .map_list .list .fas { margin-left:2px; margin-right:2px; }
.maplist_kakaomap .map_list_wrap .map_list .list .link:hover { /* background:#fafafa; */ }
.maplist_kakaomap .map_list_wrap .map_list .list #link_on { background:#fafafa; }
.maplist_kakaomap .map_list_wrap .map_list .list .link .thumbnail { padding:0px; margin:0px 10px 0px 0px; border:0px; float:left; display:inline-block; }
.maplist_kakaomap .map_list_wrap .map_list .list .link .title { display:block; }
.maplist_kakaomap .map_list_wrap .map_list .list .link .nick { display:block; }
.maplist_kakaomap .preload { position:absolute; top:0px; left:0px; width:300px; opacity: 0.5; filter:alpha(opacity=50); background:#fff url(../images/loading.gif) no-repeat center center; }

.maplist_kakaomap .btn_open_map_list { position:absolute; top:50%; right:0px; padding:30px 7px !important; margin-top:-37px; overflow:hidden; border:1px solid #ccc; border-top-left-radius:20px; border-bottom-left-radius:20px; line-height:20px; font-size:18px !important; text-align:center; cursor:pointer; background:#fff; background:#000; color:#fff; display:inline-block !important; z-index:2;  }

.maplist_kakaomap .map_list_wrap.left { left:-302px; }  
.maplist_kakaomap .btn_open_map_list.left { left:0px; border-top-left-radius:0px; border-bottom-left-radius:0px; border-top-right-radius:20px; border-bottom-right-radius:20px; width:10px;}


.maplist_kakaomap .map_list_wrap.bottom {  position:absolute; top:auto; bottom:0px; height:250px; overflow-y:auto; left:0px; right:0px; width:100%; }  


/* 지도 마커 InfoWindow 내용 CSS */
.maplist_kakaomap .map_canvas { position:relative; overflow:hidden; z-index:1; }
.maplist_kakaomap .map_canvas .map_info_content { position:relative; padding:10px; overflow:hidden; line-height:normal; }
/* .maplist_kakaomap .map_canvas .map_info_content .title_area { position:relative; padding:5px 5px 5px 5px; margin:0px 0px 10px 0px; border:1px solid #bbb; white-space:nowrap; display:block; font-size:16px;  font-weight:bold; background:#f4f4f4; text-align:center;} */
.maplist_kakaomap .map_canvas .map_info_content .title_area { position:relative; padding:3px 0px 5px 0px; /* margin:0px 0px 10px 0px; */ margin:-2px 0px 7px 0px; border:1px solid #cdcdcd; white-space:nowrap; display:block; /* font-size:16px; */ font-size:13px; font-weight:bold; background:#f4f4f4;  text-align:center;}
.maplist_kakaomap .map_canvas .map_info_content .title_area .title { white-space:nowrap; display:inline-block; }
.maplist_kakaomap .map_canvas .map_info_content .content_area { position:relative; padding-bottom:0px !important; overflow:hidden; display:block; }
.maplist_kakaomap .map_canvas .map_info_content .content_area .thumbnail { position:relative; padding:0px; border:0px; margin-bottom:5px !important; margin-right:10px; border-radius:0px; float:left; overflow:hidden; display:inline-block; border:1px solid #ccc; box-sizing:border-box;}
.maplist_kakaomap .map_canvas .map_info_content .content_area .thumbnail img { display:block; }
.maplist_kakaomap .map_canvas .map_info_content .content_area .content { position:relative; padding:0px; margin-top:0px; margin-bottom:5px !important; overflow:hidden; display:block; }
.maplist_kakaomap .map_canvas .map_info_content .extarvars { position:relative; padding:0px; margin:0px 0px 10px 0px; border:0px; border-top:1px solid #ccc; border-right:0px solid #ccc; display:block; }
.maplist_kakaomap .map_canvas .map_info_content .extarvars th { border-bottom:1px solid #ddd; background:#f4f4f4;}
.maplist_kakaomap .map_canvas .map_info_content .extarvars th.name { padding:5px 5px; font-weight:bold; white-space:nowrap; }
.maplist_kakaomap .map_canvas .map_info_content .extarvars td { padding:0px; margin:0px; border:0px; border-bottom:1px solid #ddd; border-left:0px solid #ccc; font-size:12px; }
.maplist_kakaomap .map_canvas .map_info_content .extarvars td.value { padding:5px 5px; }
/* .maplist_kakaomap .map_canvas .map_info_content .etc_area { position:relative; padding-top:5px; margin-top:5px; border-top:1px solid #ccc; text-align:center; } */
.maplist_kakaomap .map_canvas .map_info_content .etc_area { position:relative; padding-top:0px; margin-top:0px; border-top:0px solid #ccc; text-align:center; }
.maplist_kakaomap .map_canvas .map_info_content .etc_area .btn_streetview { cursor:pointer; display:inline-block; }
.maplist_kakaomap .map_canvas .map_info_content .etc_area .btn_vr { display:inline-block; }

.maplist_kakaomap .preload { position:absolute; top:0px; left:0px; width:100%; opacity: 0.5; filter:alpha(opacity=50); background:#fff url(../images/loading.gif) no-repeat center center; z-index:5; }


#kakao_roadview { position:relative; display:none; }

ul.search_detail { list-style:none; text-align:center; margin:5px auto; display:inline-block; background:#f4f4f4; border:1px solid #ccc; padding:5px 10px; z-index:7;}
ul.search_detail li { margin-left:10px; margin-right:10px; float:left; }


.x_table { border:1px solid #ccc; border-bottom:0px; border-right:0px; }
.x_table tr th { border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#f4f4f4; }
.x_table tr td { border-right:1px solid #ccc; border-bottom:1px solid #ccc; }



.search_box {clear:both; border:1px solid #aaa; display:inline-block; padding:3px; margin-right:5px; color:#fff; font-size:12px; margin-bottom:10px; width:90%; text-align:left; display:none; font-size:11px !important; text-align:left; line-height:200%;}
.search_box input { padding:0px;}


/* .marker_icon { display:none;} */


.radius_border{border:1px solid #ccc;border-radius:5px;}     
.custom_typecontrol {position:absolute;top:5px;left:120px;overflow:hidden;width:45px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif; z-index:99; }
.custom_typecontrol span {display:block;width:45px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer; color:#000;}
.custom_typecontrol .btn_off {background:#fff; /* background:linear-gradient(#fff,  #e6e6e6); */}       
.custom_typecontrol .btn_on {color:#fff;background:#3396ff;background:linear-gradient(#3396ff, #2d86e5);}



/* 목록 */
.data_table {  }
.data_table tr th { background:#f4f6fa; border-top:1px solid #dadee5; border-bottom:1px solid #dadee5; padding:10px 5px; font-weight:normal;}
.data_table tr th  span { border-right:1px solid #dadee5; padding-top:10px; }
.data_table tr td { border-bottom:1px solid #ccc; text-align:center; padding:7px 5px; line-height:180%; }
.data_table tr td a { border-bottom:0px !important; text-decoration:none; }
.data_table tr td.data_address { text-align:left; }


.info_box { border:0px; }
.info_box .info_title { font-weight:bold; font-size:14px; color:#3985ff; }
.info_box .info_price { font-weight:bold; font-size:16px; color:#000; }
.info_box .info_house { font-weight:normal; font-size:12px; color:#a5abb7; }
.info_box .info_option { font-size:12px; color:#000; margin-top:5px;}
.info_link_btn { border:1px solid #3985ff; padding:3px 8px; font-size12px; color:#3985ff; background:#fff; cursor:pointer;}

.list_view a { color:#3985ff; }
.link_scrap { color:#3985ff; } 


.btn_page { border:1px solid #ccc; padding:2px 5px; margin-left:3px; cursor:pointer;}
.btn_page_selected { background:#3985ff; color:#fff; }


/* webzine / view */
.info_btn { float:right; margin-right:5px;}
.btn_update  { background:#fff; border:1px solid #ffc000; color:#dc9600; border-radius:5px; font-size:12px; padding:3px 5px; }
.btn_desc { background:#ededed; color:#000; border-radius:5px; font-size:12px; padding:3px 5px; }
.btn_call { background:#ededed; color:#000; border-radius:5px; font-size:12px; padding:3px 5px; }
.btn_document  { background:#fff; border:1px solid #333; color:#333; border-radius:5px; font-size:12px; padding:3px 5px; }
.btn_house_type { background:#4383ff; color:#fff; border-radius:5px; padding:3px 5px; letter-spacing:-1px; font-size:12px; margin-left:5px;  vertical-align:top;}

.house_type { border:0px solid #ccc; background:#f7f7f7; padding:0px 3px; }
.house_1R { background:#3984fb; color:#fff; }
.house_15R { background:#0ad1a9; color:#fff; }
.house_2R { background:#fa154d; color:#fff; }
.house_3R { background:#f9743a; color:#fff; }
.house_4R { background:#ffb839;}
.house_4R { background:#ffb839;}
.house_5C { background:#ffb838;}
.house_5F { background:#272727; color:#fff; }
.house_5S { background:#fe134c; color:#fff; }
.house_6H { background:#9f9f9f; color:#fff; }
.house_7B { background:#9f9f9f; color:#fff; }
.house_7P { background:#9e46f0; color:#fff; }
.house_8E { background:#fff; }


.full_option { border:0px solid #ccc; background:#01abb9; color:#fff; padding:1px 3px;}
.full_none { border:1px solid #ccc; background:#f7f7f7; padding:1px 3px; }
.option_special { margin-right:3px; border:0px solid #ddd; background:#fffccb; padding:1px 3px;  }
.option_normal { margin-right:3px; border:0px solid #eee; background:#ddd; padding:1px 3px;  }
.option_heating { margin-left:10px; border:1px solid #ddd; padding:1px 3px;  }


.business { border:0px solid #ccc; background:#f7f7f7; padding:1px 3px; }
.business_빈점포 { background:#272727; color:#fff;}
.business_휴게음식점 { background:#05d5aa; color:#fff; }
.business_일반음식점 { background:#3c83f7; color:#fff;}
.business_주류점 { background:#f2174d; color:#fff;}
.business_오락스포츠 { background:#fe7337; color:#fff; }
.business_판매업 { background:#fcb83d; }
.business_서비스업 { background:#9d47ee; color:#fff;}
.business_기타 { background:#9e9e9e; color:#fff;}


.search_top select { padding:2px 5px; font-size:14px;}