@charset "utf-8"; input:-ms-input-placeholder { color: #fe5b5b; } input::-webkit-input-placeholder { color: #fe5b5b; } input::-moz-placeholder { color: #fe5b5b; } input::-moz-placeholder { color: #fe5b5b; } #wrap{width:100%; height:100%} /* header */ #header{position:relative; width:100%; height:90px; background:#716458} #header h1{position:absolute; left:50%; top:10px; margin-left:-51px} #header h1 img{width:103px} #header a.join{position:absolute; left:10px; top:15px; display:inline-block; padding:0 5px; line-height:21px; background:#2b2b2b; color:#fff} #header a.login{position:absolute; right:10px; top:15px; display:inline-block; padding:0 5px; line-height:19px; color:#fff; border:1px solid #b8b2ac} #header ul.nav{position:absolute; left:0; top:50px; width:100%; height:40px; border-top:1px solid #7f7469} #header ul.nav li{float:left; width:33.333%; border-left:1px solid #7f7469} #header ul.nav li:first-child{border-left:0} #header ul.nav li a{display:block; font-weight:700; color:#fff; font-size:13px; line-height:39px; text-align:center} #header ul.nav li.on a{background:#f9c718} .btn_w_e{display:inline-block; font-size:12px; line-height:26px; text-align:center; color:#fff; background:#a3a3a3;; padding:0 7px} /* container */ #container{width:100%} #container .cont{padding:30px 10px} /* intro */ #container .intro .cont{background:#f9c718} #container .intro .cont > strong{font-size:14px; font-weight:700; color:#000; line-height:20px; text-align:center} #container .intro .cont > p{font-size:11px; line-height:16px; text-align:center; margin-top:50px} #container .intro ul.type{width:103.33333333333%; margin-left:-1.61290322581%; margin-top:30px} #container .intro ul.type:after{content:''; display:block; clear:both} #container .intro ul.type li{float:left; width:46.77419354839%; margin:0 1.61290322581%; height:190px; text-align:center; padding-top:77px; border:1px solid #e0b316} #container .intro ul.type li.type1{background:url(/images/member/ico_join1.png) center 20px no-repeat #f9c718} #container .intro ul.type li.type2{background:url(/images/member/ico_join2.png) center 20px no-repeat #f9c718} #container .intro ul.type li strong{display:inline-block; font-size:14px; color:#121212; margin:10px 0} #container .intro ul.type li p{font-size:11px; line-height:16px} #container .intro ul.type li a{margin-top:5px} /* main */ #container .main .visual_area{position:relative; width:100%; height:270px; overflow:hidden; margin:0 auto} #container .main .visual_area li{position:relative; height:270px} #container .main .visual_area li img{width:100%} #container .main .visual_area li .info{position:absolute; left:0; top:90px; margin-left:0; margin-top:0; width:100%} #container .main .visual_area li .info strong{display:block; font-size:13px; font-weight:700; color:#fff; text-align:center; line-height:20px} #container .main .visual_area li .info strong span{color:#f9c718} #container .main .visual_area li .info p{position:absolute; left:50%; margin-left:-110px; top:65px; width:220px; height:21px; line-height:21px; background:#f9c718; text-align:center; font-family:"FuturaBT-Light"; font-size:12px; color:#fff} #container .main .visual_area li .info p span{color:#000} #container .main .visual_area .swiper-pagination{position:absolute; left:0; bottom:10px; z-index:100} #container .main .visual_area .swiper-pagination-bullet{width:20px; height:20px; background:url(/images/main/thum.png) no-repeat; border-radius:0; margin:0; opacity:1} #container .main .visual_area .swiper-pagination-bullet-active{background:url(/images/main/thum_on.png) no-repeat} #container .main .recomm .top strong{font-size:16px; font-weight:700; color:#000; text-align:center; margin:0 0 15px} #container .main .recomm ul{width:103.33333333333%; margin-left:-1.61290322581%} #container .main .recomm ul:after{content:''; display:block; clear:both} #container .main .recomm ul li{position:relative; float:left; width:46.77419354839%; margin:0 1.61290322581%; margin-bottom:10px} #container .main .recomm ul li .img{position:relative} #container .main .recomm ul li .img img{width:100%} #container .main .recomm ul li .img .info{position:absolute; left:0; bottom:0; width:100%; height:53px} #container .main .recomm ul li .img .info .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7} #container .main .recomm ul li .img .info .text{position:absolute; left:10px; top:3px; font-size:11px; line-height:16px; color:#fff; z-index:100} #container .main .recomm ul li .bottom{padding:10px 10px 7px 10px; border:1px solid #e5e5e5; border-top:0} #container .main .recomm ul li .bottom strong{color:#121212; margin-bottom:8px} #container .main .recomm ul li .bottom p{font-size:11px; line-height:16px} #container .main .help{width:100%; border-top:1px solid #d7d9dd; margin-top:20px} #container .main .help .tel{width:100%; margin-top:15px} #container .main .help .tel dl{width:226px; height:40px; margin:0 auto; padding-left:53px; background:url(/images/main/ico_tel.jpg) no-repeat; } #container .main .help .tel dt{clear:both; float:left; width:62px; line-height:18px; background:#e0e0e0; padding-left:3px; margin-bottom:2px;position:relative;top:10px;} #container .main .help .tel dd{float:left; font-size:16px; color:#121212; padding-left:5px; margin-bottom:2px;position:relative;top:10px;} #container .main .help .tel li{padding-left:24px} #container .main .help ul{margin-top:18px} #container .main .help li{padding:0 5px 0 24px} #container .main .help li:first-child{margin-bottom:5px} #container .main .help li.email{background:url(/images/main/ico_email.gif) no-repeat #f9c718} #container .main .help li.sms{background:url(/images/main/ico_sms.gif) no-repeat #f9c718} #container .main .help li a{font-size:11px; display:block; line-height:19px; color:#474747; text-align:center} /* sub */ #container .sub > .snb{width:100%; background:url(/images/common/bg_snb.gif) repeat-x; text-align:center} #container .sub > .snb ul{width:100%} #container .sub > .snb ul:after{content:''; display:block; clear:both} #container .sub > .snb ul li{position:relative; float:left; width:auto; height:31px; border-left:1px solid #e4e4e4} #container .sub > .snb ul li:first-child{border-left:0} #container .sub > .snb ul li a{display:block; width:100%; line-height:31px; font-size:11px; color:#363636} #container .sub > .snb ul li.on a{position:absolute; left:0; top:0; width:100%; height:31px; background:#000; color:#fff; z-index:100} #container .sub > .snb ul.cl4 li{width:25%} #container .sub > .snb ul.cl5 li{width:20%} /* member */ #container .login .save{font-size:11px; line-height:15px; margin-top:15px} #container .login ul.text{border-top:1px solid #ddd; padding-top:15px; margin-top:30px} #container .login ul.text li{font-size:11px; line-height:20px; color:#737373; text-indent:-14px; padding-left:14px} #container .join ul.type{width:103.33333333333%; margin-left:-1.61290322581%; margin-top:30px} #container .join ul.type:after{content:''; display:block; clear:both} #container .join ul.type li{float:left; width:46.77419354839%; margin:0 1.61290322581%; height:190px; text-align:center; padding-top:77px} #container .join ul.type li.type1{background:url(/images/member/ico_join1.png) center 20px no-repeat #f9c718} #container .join ul.type li.type2{background:url(/images/member/ico_join2.png) center 20px no-repeat #f9c718} #container .join ul.type li strong{display:inline-block; font-size:14px; color:#121212; margin:10px 0} #container .join ul.type li p{font-size:11px; line-height:16px} #container .join ul.type li a{margin-top:5px} #container .join ul.txt{border-top:1px solid #ddd; padding-top:15px; margin-top:30px} #container .join ul.txt li{font-size:11px; line-height:20px; color:#737373; text-indent:-8px; padding-left:8px} #container .join .info_box{line-height:20px; font-size:11px} #container .join .agree_chk{margin-top:10px; font-size:11px; line-height:19px} #container .use .cont{line-height:20px} #container .use .cont strong{font-size:12px; color:#121212; line-height:20px; font-weight:700} #container ul.out_item{} #container ul.out_item li{float:left; width:50%} /* footer */ #footer{width:100%; border-top:1px solid #d7d9dd; font-size:11px; line-height:22px; text-align:center} #footer p{padding:10px 0} #footer p.bottom{background:#f6f6f6; border-top:1px solid #d7d9dd} /* pop */ #pop{width:100%; height:100%} #pop > div > .top_head{width:100%; height:30px; background:#f9c718; padding:5px 10px} #pop > div > .top_head:after{content:''; display:block; clear:both} #pop > div > .top_head .l{float:left} #pop > div > .top_head .r{float:right} #pop > div > .top_head strong{display:inline-block; font-size:13px; color:#121212; line-height:21px; font-weight:700} #pop > div > .top_head p.cnt{display:inline-block; padding:0 5px; line-height:19px; border:1px solid #c79f13} #pop > div > .cont{padding:10px} #pop h3{margin-top:15px} #pop .sale_view dl.title{width:100%; border:1px solid #181818; font-size:11px; color:#121212; line-height:29px; font-weight:700} #pop .sale_view dl.title:after{content:''; display:block; clear:both} #pop .sale_view dl.title dt{float:left; width:22%; border-right:1px solid #ddd; text-align:center; background:#f4f4f4} #pop .sale_view dl.title dd{float:left; width:78%; padding-left:10px} #pop .sale_view .photo{position:relative; width:100%; border:1px solid #ddd; margin-top:10px} #pop .sale_view .photo:after{content:''; display:block; clear:both} #pop .sale_view .photo .img{float:left; width:auto; position:relative} #pop .sale_view .photo .img > img{width:100%} #pop .sale_view .photo .img .logo{position:absolute; left:10px; top:10px; z-index:100} #pop .sale_view .photo .img .logo img{width:74px} #pop .sale_view .photo .img .msg{position:absolute; left:0; bottom:0px; width:100%; z-index:100} #pop .sale_view .photo .img .msg p{position:absolute; left:0; top:3px; width:100%; line-height:16px; font-size:11px; color:#fff; text-align:center; z-index:100} #pop .sale_view .photo .img .msg .bg{width:100%; height:37px; background:#000; opacity:0.5} #pop .sale_view .photo ul.thum{float:right; width:60px; padding:10px} #pop .sale_view .photo ul.thum li{width:40px; height:30px; margin-bottom:2px} #pop .sale_view .photo ul.thum li a{position:relative; display:block} #pop .sale_view .photo ul.thum li a img{width:40px; height:30px} #pop .sale_view .photo ul.thum li .tool{position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #000; opacity:0.1; z-index:100} #pop .sale_view .photo ul.thum li a.on .tool{position:absolute; left:0; top:0; width:100%; height:100%; border:3px solid #f9c718; opacity:1} #pop .sms{width:100%; font-size:11px} #pop .sms .sec1{border:1px solid #ddd; border-top:1px solid #181818; border-bottom:0} #pop .sms .sec1 .type{border:1px solid #181818; border-bottom:0; padding:5px 10px} #pop .sms .sec1 .textarea{padding:5px} #pop .sms .sec1 textarea{width:100%; height:110px; border:1px solid #181818; padding:5px 10px; line-height:20px} #pop .sms .sec1 .bottom{position:relative; border-top:1px solid #ddd} #pop .sms .sec1 .bottom p{display:inline-block; width:65px; line-height:30px; background:#f4f4f4; padding-left:5px; border-right:1px solid #ddd} #pop .sms .sec1 .bottom .r{display:inline-block; padding:5px} #pop .sms .sec1 .bottom a{position:absolute; right:5px; top:5px} #pop .sms .sec2{border:1px solid #ddd; background:#f4f4f4; line-height:20px; text-align:center; padding:4px 0} #pop .sms .sec3{border:1px solid #ddd; border-top:0; text-align:center; color:#121212; line-height:29px} #pop .btns{text-align:center; margin-top:10px} #pop .realprice_view .info{border:1px solid #000} #pop .realprice_view .info table.tbl_view{border-top:0 !important} #pop .realprice_view .info table.tbl_view tr:first-child th, #pop .realprice_view .info table.tbl_view tr:first-child td{border-top:0 !important} #pop .realprice_view ul.photo_map{width:100%; border:1px solid #ddd; margin-top:10px} #pop .realprice_view ul.photo_map:after{content:''; display:block; clear:both} #pop .realprice_view ul.photo_map li{float:left; width:50%} #pop .realprice_view ul.photo_map li img{width:100%} #pop .wrap_map{width:100%; height:100%} #pop .wrap_map .top_head{position:fixed; left:0; top:0; z-index:2000; height:auto; padding:0} #pop .wrap_map .top_head a.btn_m_gray2{background:#464646} #pop .wrap_map .top_head ul.def{width:100%} #pop .wrap_map .top_head ul.def li{clear:both; width:100%; border-bottom:1px solid #e0b316; padding:4px 10px} #pop .wrap_map .top_head ul.def li:after{content:''; display:block; clear:both} #pop .wrap_map .top_head ul.def li strong{display:inline-block; width:35px; font-size:11px} #pop .wrap_map .top_head .search_detail{display:none; position:absolute; left:0; top:30px; z-index:0; background:#fff; width:100%;z-index:99999999999999999;} #pop .wrap_map .top_head .search_detail li{width:100%; padding:4px 0; border-bottom:1px solid #e5e5e5} #pop .wrap_map .top_head .search_detail li:after{content:''; display:block; clear:both} #pop .wrap_map .top_head .search_detail strong{font-size:11px; display:inline-block; width:75px; padding-left:10px; color:#121212; font-weight:normal} #pop .wrap_map .top_head .search_detail .ipt_box{display:inline-block; font-size:11px; line-height:19px} #pop .wrap_map .top_head .search_detail .btn{padding:10px} #pop .wrap_map .map{position:relative; width:100%; height:100%;overflow:hidden;top:91px;} #pop .wrap_map .map .item{position:absolute;} #pop .wrap_map .map .item a.code{display:block; min-width:32px; color:#121212; line-height:13px; padding:0 2px; background:#f9c718; border:1px solid #181818; text-align:center} #pop .wrap_map .map .item .info{position:absolute; left:50%; bottom:25px; width:170px; border:1px solid #000; background:#fff; margin-left:-85px} #pop .wrap_map .map .item .info .arrow{position:absolute; left:50%; margin-left:-4px; bottom:-7px; width:9px; height:7px; background:url(/images/realprice/map_info_arrow.png) no-repeat} #pop .wrap_map .map .item .info .top{width:100%;height:50px;padding:5px;} #pop .wrap_map .map .item .info .top:after{content:''; display:block; clear:both} #pop .wrap_map .map .item .info .top .l{position:relative; float:left;width:30%;height:100%;float:left;} #pop .wrap_map .map .item .info .top .l img{width:100%; height:100%;} #pop .wrap_map .map .item .info .top .r{float:left; margin-left:5px;line-height:16px; color:#121212; margin-top:5px; font-size:11px; color:#121212} #pop .wrap_map .map .item .info .top .r img{margin-top:-3px;} #pop .wrap_map .map .item .info .top .r p{position:absolute;} #pop .wrap_map .map .item .info .text{line-height:18px; padding:5px; background:#f6f6f6; font-size:11px} #pop .wrap_map .map .item .info .btns{text-align:center; padding:5px 0; margin-top:0} #pop .wrap_map .map .item .info .btns a{width:50px; padding:0 3px} #pop .map_footer{width:100%;position:absolute;background-color:white;height:20%;z-index:999;text-align: -webkit-match-parent;clear: both;line-height:25px;overflow:scroll;} #pop .map_area{border:1px solid #ddd; height:150px} .footer_wrap{ width:100%;} .footer_wrap li {width:100%;border-bottom:1px solid #d3d3d3;} .foot_pic {width:30%;height:100%;float:left;} .foot_txt {height:100%;} .foot_left {width:40%;float:left;} .foot_right {width:30px;clear:both;} .detailview_btn{padding-left:3px;padding-right:3px;padding-top:5px;padding-bottom:5px;border:1px solid #D24F45;background-color:#D24F45;color:white;border-radius:3px;} #pop .map #orderbybtn{ position:absolute; padding-top:15px; padding-bottom:15px; padding-left:13px; padding-right:13px; /* border-radius:50px; -moz-border-radius : 50px; -webkit-border-radius : 50px; -ms-border-radius :50px; -khtml-border-radius : 50px; -o-border-radius :50px; */ background:#09F; color:#fff; font-size:12px; text-align:center; vertical-align:middle; left:10px; top:10px; border:2px solid #121212; opacity:0.6; z-index:2; } #pop .map #distancebtn{ position:absolute; padding-top:15px; padding-bottom:15px; padding-left:13px; padding-right:13px; display:none; /* border-radius:50px; -moz-border-radius : 50px; -webkit-border-radius : 50px; -ms-border-radius :50px; -khtml-border-radius : 50px; -o-border-radius :50px; */ background:#D24F45; color:#fff; font-size:12px; text-align:center; vertical-align:middle; left:10px; top:60px; border:2px solid #121212; opacity:0.6; z-index:2; } /* orderby*/ #orderbyWrap{ position:absolute; left:0; top:0; width:100%; height:110%; background: url(/images/common/plus_bg.png); display:none; vertical-align:middle; z-index:9999999; } #orderbyList{ position:absolute; background-color:white; width:75%; left:12.5%; top:25%; margin-top:86px; border-radius:10px; } #orderbyList li{ padding-top:15px; padding-bottom:15px; border-bottom:1px solid gray; text-align:center; } .orderbyactive{ background-color:#09F; color:white; font-weight:bold; } /* distance*/ #distanceWrap{ position:absolute; left:0; top:0; width:100%; height:110%; background: url(/images/common/plus_bg.png); display:none; vertical-align:middle; z-index:9999999; } #distanceList{ position:absolute; background-color:white; width:75%; left:12.5%; top:25%; margin-top:86px; border-radius:10px; } #distanceList li{ padding-top:15px; padding-bottom:15px; border-bottom:1px solid gray; text-align:center; } .distanceactive{ background-color:#D24F45; color:white; font-weight:bold; } #loadingDiv { z-index:999; position:absolute; /*테이블의 영향을받지않는 div*/ top : 450px; left:50%; /*div 왼쪽 top 부분이 가로 전체의 중간으로 위치하게됨*/ margin-left:-200px; /* 왼쪽 top부분이 가운데로왔으니 좌측에서 전체가로픽셀의 반을 마이너스하여 좌측으로 옮겨줌 */ height: 134px; width: 216px; } .listtxt2{display:none;} #selectArea{display:none;} .bjtxt{position:relative;top:5px;} .circlemeter{font-size:12px; font-weight: bold; color:#D50000} #mapContainer{position:relative;top:53px;} /*말풍선*/ .balloon { display: inline-block; position: absolute; height: 30px; width: 225px; color:#333; padding-top:15px; padding-right:20px; padding-left:20px; padding-bottom:25px; border: 1px solid #F9C718; background-color:#ffffff; left:0; top:0; margin-left:0; margin-top:0; display:none; } .balloon:after { content: ''; position: absolute; border-top: 10px solid #ffffff; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: -9px; left: 110px; } .balloon:before { content: ''; position: absolute; border-top: 10px solid #F9C718; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: -11px; left: 110px; } /***************거리 , 면적 ***********/ #mapopt{ position:absolute; left:100%; margin-left:-50px; margin-top:210px; z-index:999999999999; cursor:pointer; } #mapopt ul{ padding-top:5px; } .dot {overflow:hidden;float:left;width:12px;height:12px;background: url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/mini_circle.png');} .dotOverlay {position:relative;bottom:10px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;font-size:12px;padding:5px;background:#fff;} .dotOverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;} .dnumber {font-weight:bold;color:#ee6152;} .dotOverlay:after {content:'';position:absolute;margin-left:-6px;left:50%;bottom:-8px;width:11px;height:8px;background:url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white_small.png')} .distanceInfo {position:relative;top:5px;left:5px;list-style:none;margin:0;} .distanceInfo .label {display:inline-block;width:50px;} .distanceInfo:after {content:none;} .dinfo {position:relative;top:5px;left:5px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;font-size:12px;padding:5px;background:#fff;list-style:none;margin:0;} .dinfo:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;} .dinfo .label {display:inline-block;width:50px;} .dnumber {font-weight:bold;color:#00a0e9;} .circlemeter{font-size:12px; font-weight: bold; color:#D50000} /* .Markerlabel {margin-bottom: 96px;} .Markerlabel * {display: inline-block;vertical-align: top;} .Markerlabel .left {background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;display: inline-block;height: 24px;overflow: hidden;vertical-align: top;width: 7px;} .Markerlabel .center {background: url(http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;display: inline-block;height: 24px;font-size: 12px;line-height: 24px;} .Markerlabel .right {background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0 no-repeat;display: inline-block;height: 24px;overflow: hidden;width: 6px;} */ .Markerlabel{border : 1px solid #464646;padding:0px;text-align:left;font-size:11px;background-color:white;text-align:center;border-radius:2px;position:absolute;cursor:pointer;color:black;font-weight:bold;} .Markerlabel_focus{border : 1px solid red;padding:0px;text-align:left;font-size:11px;background-color:white;text-align:center;border-radius:2px;position:absolute;cursor:pointer;color:black;font-weight:bold;color:red;} .markw60{width:60px} .markw65{width:65px} .markw70{width:70px} .markw75{width:75px} .markw80{width:80px} .markw85{width:85px} .markw90{width:90px} .markw95{width:95px} .markw100{width:100px} .markw63{width:63px} .markw68{width:68px} .markw73{width:73px} .markw78{width:78px} .markw83{width:83px} .markw88{width:88px} .markw93{width:93px} .markw98{width:98px} .markw103{width:103px} .markw108{width:108px} .lspan_yellow{float:left;padding:5px;border-right:1px solid #464646;text-align:center;background-color:#F9C718;} .lspan_puple{float:left;padding:5px;border-right:1px solid #464646;text-align:center;background-color:#9FA0D0;} .lspan_red{float:left;padding:5px;border-right:1px solid #464646;text-align:center;background-color:#A2CFDA;} .rspan{float:left;padding:5px;text-align:center;} /* common start **********************************************************************************************************/ /* table */ table.tbl_ipt{width:100%; border-collapse:collapse} table.tbl_ipt th, table.tbl_ipt td{border:1px solid #ddd; padding:4px 5px; line-height:20px; vertical-align:middle; font-size:11px} table.tbl_ipt th{background:#f4f4f4; color:#121212; text-align:left} table.tbl_ipt thead th{text-align:center} table.tbl_ipt td{position:relative} table.tbl_ipt td label.i_label{position:absolute; left:11px; top:8px; color:#8a8a8a} table.tbl_ipt td .l{float:left} table.tbl_ipt td .r{float:right} table.tbl_view{width:100%; border-collapse:collapse; border-top:1px solid #181818; table-layout:fixed; border-spacing:0} table.tbl_view th, table.tbl_view td{border:1px solid #ddd; padding:4px 5px; line-height:20px; vertical-align:middle; font-size:11px; border-spacing:0} table.tbl_view th{background:#f4f4f4; color:#121212; text-align:left} table.tbl_view td{position:relative} table.tbl_view tr:first-child th, table.tbl_view tr:first-child td{border-top:1px solid #181818} table.tbl_view td .l{float:left} table.tbl_view td .r{float:right} table.tbl_view td .layer_r{position:absolute; right:10px; top:13px} table.tbl_view td .layer_txt{position:absolute; left:5px; top:5px; font-size:11px; color:#121212} table.tbl_view3{width:100%; border-collapse:collapse; border-top:1px solid #000; table-layout:fixed; border-spacing:0} table.tbl_view3 th, table.tbl_view3 td{border:1px solid #000; padding:4px 5px; line-height:20px; vertical-align:middle; font-size:11px; border-spacing:0} table.tbl_view3 th{background:#f4f4f4; color:#121212; text-align:left} table.tbl_view3 td{position:relative} table.tbl_view3 tr:first-child th, table.tbl_view3 tr:first-child td{border-top:1px solid #000} table.tbl_list{width:100%; border-collapse:collapse} table.tbl_list th, table.tbl_list td{border:1px solid #ddd; line-height:20px; text-align:center; vertical-align:middle; font-size:11px} table.tbl_list th{padding:4px 0; background:#f4f4f4; color:#121212} table.tbl_list td{padding:4px 5px} table.tbl_list td span.ico{margin-left:7px} table.tbl_list tfoot tr{border-top:1px solid #181818} table.tbl_list tfoot td:nth-child(1){border-right:0} table.tbl_list tfoot td:nth-child(2){border-left:0} /* button */ .btn_m_search{display:inline-block; width:60px; font-size:12px; line-height:23px; text-align:center; color:#fff; margin:0 1px; background:url(/images/common/ico_search_w.png) 7px center no-repeat #716458; padding-left:14px;} .btn_b_search{display:inline-block; width:95px; font-size:12px; line-height:31px; text-align:center; color:#121212; margin:0 1px; background:url(/images/common/ico_search.png) 15px center no-repeat #f9c718; padding-left:20px} .btn_b_yell{display:inline-block; width:85px; font-size:12px; line-height:31px; text-align:center; color:#121212; margin:0 1px; background:#f9c718} .btn_b_gray{display:inline-block; width:85px; font-size:12px; line-height:31px; text-align:center; color:#121212; margin:0 1px; background:#b8b1ac} .btn_b_dark{display:inline-block; width:85px; font-size:12px; line-height:31px; text-align:center; color:#fff; margin:0 1px; background:#464646} .btn_m_black{display:inline-block; width:85px; font-size:12px; line-height:21px; text-align:center; color:#fff; margin:0 1px; background:#2b2b2b} .btn_m_gray{display:inline-block; width:54px; font-size:12px; line-height:21px; text-align:center; color:#fff; margin:0 1px; background:#464646} .btn_m_gray2{display:inline-block; font-size:12px; line-height:20px; text-align:center; color:#fff; margin:0 1px; background:#a3a3a3; padding:0 5px} .btn_m_yell{display:inline-block; width:52px; font-size:12px; line-height:21px; text-align:center; color:#121212; margin:0 1px; background:#f9c718} .btn_m_yell2{display:inline-block; font-size:12px; line-height:21px; text-align:center; color:#121212; margin:0 1px; background:#f9c718; padding:0 10px} .btn_s_gray{display:inline-block; font-size:11px; line-height:19px; text-align:center; color:#fff; margin:0; background:#464646; padding:0 5px} .btn_s_yell2{display:inline-block; font-size:11px; line-height:19px; text-align:center; color:#121212; margin:0; background:#f9c718; padding:0 5px} .btn_s_brown{display:inline-block; font-size:11px; line-height:19px; text-align:center; color:#fff; margin:0; background:#716458; padding:0 5px} /* top_head */ #container .top_head{width:100%; margin-bottom:5px} #container .top_head:after{content:''; display:block; clear:both} #container .top_head .l{float:left} #container .top_head .r{float:right} #container .top_head p{line-height:29px; color:#737373; font-size:11px} #container .top_head strong{display:block; font-size:11px; line-height:19px} #container .top_head span.line{display:inline-block; border-right:1px solid #e7e8eb; width:1px; height:29px; margin:0 10px} .top_head_con{width:100%} .top_head_con:after{content:''; display:block; clear:both} .top_head_con .l{float:left} .top_head_con .r{float:right} /* list */ ul.list{width:100%} ul.list > a > li{width:100%; border-top:2px solid #181818; margin-top:10px} ul.list > a > li:first-child{margin-top:0} ul.list > a > li > ul.item{border:1px solid #ddd} ul.list > a > li > ul.item > li{clear:both; padding:5px; line-height:19px; font-size:11px; border-top:1px solid #ddd} ul.list > a > li > ul.item > li:after{content:''; display:block; clear:both} ul.list > a > li > ul.item > li:first-child{border-top:0} ul.list > a > li > ul.item > li strong{display:inline-block} ul.list > a > li > ul.item > li strong a{color:#121212} ul.list > a > li > ul.item > li .l{float:left; line-height:19px} ul.list > a > li > ul.item > li .r{float:right; line-height:19px} ul.list > a > li > ul.item > li .r a.btn_s_gray{margin-bottom:1px} ul.list{width:100%} ul.list > li{width:100%; border-top:2px solid #181818; margin-top:10px} ul.list > li:first-child{margin-top:0} ul.list > li > ul.item{border:1px solid #ddd} ul.list > li > ul.item > li{clear:both; padding:5px; line-height:19px; font-size:11px; border-top:1px solid #ddd} ul.list > li > ul.item > li:after{content:''; display:block; clear:both} ul.list > li > ul.item > li:first-child{border-top:0} ul.list > li > ul.item > li strong{display:inline-block} ul.list > li > ul.item > li strong a{color:#121212} ul.list > li > ul.item > li .l{float:left; line-height:19px} ul.list > li > ul.item > li .r{float:right; line-height:19px} ul.list > li > ul.item > li .r a.btn_s_gray{margin-bottom:1px} ul.list > li > a > ul.item{border:1px solid #ddd} ul.list > li > a > ul.item > li{clear:both; padding:5px; line-height:19px; font-size:11px; border-top:1px solid #ddd} ul.list > li > a > ul.item > li:after{content:''; display:block; clear:both} ul.list > li > a > ul.item > li:first-child{border-top:0} ul.list > li > a > ul.item > li strong{display:inline-block} ul.list > li > a > ul.item > li strong a{color:#121212} ul.list > li > a > ul.item > li .l{float:left; line-height:19px} ul.list > li > a > ul.item > li .r{float:right; line-height:19px} ul.list > li > a > ul.item > li .r a.btn_s_gray{margin-bottom:1px} ul.con_list{width:100%; border-top:1px solid #ddd} ul.con_list li{line-height:20px; font-size:11px; border-bottom:1px solid #ddd; padding:6px 0} ul.con_list li strong{font-weight:700; color:#000} .msg_box{background:#f4f4f4; border-top:1px solid #ddd; border-bottom:1px solid #ddd; line-height:20px; padding:5px 0} /* tab */ #container .tab{padding:15px 0 5px; border-bottom:1px solid #f1f1f1} #container .tab ul{width:100%} #container .tab ul:after{content:''; display:block; clear:both} #container .tab li{float:left; text-align:center; background:url(/images/common/tab_div.gif) left center no-repeat} #container .tab li:first-child{background:none} #container .tab li a{display:inline-block; font-size:11px; color:#363636; line-height:19px; padding:0 5px} #container .tab li.on a{background:#464646; color:#fff} #container .tab ul.cl4 li{width:25%} /* bt */ ul.bt{display:inline-block; *display:inline; zoom:1; border:1px solid #83a0ec; background-color:#edf4fb;} ul.bt li{float:left; border-left:1px solid #d6d6d6;} ul.bt li:first-child{border-left:0} ul.bt li a{display:block; line-height:17px; padding:0 3px} ul.bt li a.on{background:#f9c718; color:#121212} /* icon */ .ico_recomm{display:inline-block; width:34px; line-height:19px; text-align:center; background:#ff4545; color:#fff} .ico_popular{display:inline-block; width:34px; line-height:19px; text-align:center; background:#464646; color:#fff} .ico_new{display:inline-block; width:34px; line-height:19px; text-align:center; background:#716458; color:#fff} /* paginate */ .paginate{width:100%; text-align:center; margin-top:10px} .paginate a.curr{display:inline-block; *display:inline; zoom:1; padding:0 6px; height:20px; line-height:18px; border:1px solid #f9c718; margin:0 2px; background:#f9c718; font-weight:700} .paginate a.link{display:inline-block; *display:inline; zoom:1; padding:0 6px; height:20px; line-height:18px; border:1px solid #e6e6e6; margin:0 2px} .paginate a.first{width:20px; padding:0; background:url(/images/common/ico_paginate_first.gif) center no-repeat; font-size:0; line-height:0} .paginate a.prev{width:20px; padding:0; background:url(/images/common/ico_paginate_prev.gif) center no-repeat; font-size:0; line-height:0} .paginate a.next{width:20px; padding:0; background:url(/images/common/ico_paginate_next.gif) center no-repeat; font-size:0; line-height:0} .paginate a.end{width:20px; padding:0; background:url(/images/common/ico_paginate_end.gif) center no-repeat; font-size:0; line-height:0} /* title */ h2{font-size:15px; font-weight:700; color:#000; text-align:center; line-height:40px} h3.tit1{display:block; font-size:12px; color:#121212; line-height:12px; background:url(/images/common/ico_sbj1.gif) left center no-repeat; padding-left:15px; margin-bottom:10px} /* info_box */ .info_box{border:1px solid #ddd; padding:10px} .info_box p{font-size:11px; line-height:20px} .info_box ul.txt_list li{font-size:11px; line-height:20px; color:#737373; text-indent:-7px; padding-left:7px} .info_box span.hlt{background:#2b2b2b; color:#f9c718} .info_box span.hlt2{background:#f9c718; color:#000} /* //common end **********************************************************************************************************/ /* ele */ .ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:inline-block; width:auto} .t_line{width:100%; height:2px; background:#181818} .t_line2{width:100%; height:1px; background:#ddd; margin-bottom:20px} label{padding-left:5px; margin-right:15px} select{border:1px solid #d1d4dd; padding:1px; font-size:11px; background:#fff} input[type=text],input[type=number],input[type=tel], input[type=password]{border:1px solid #d1d4dd; padding:0 5px; line-height:18px; height:20px; font-size:11px} input[type=submit]{cursor:pointer} textarea{width:100%; border:1px solid #d1d4dd; padding:5px; line-height:20px} .f_red{color:#fe5b5b} .f_black{color:#000} .f_s11{font-size:11px} .w25{width:25px} .w30{width:30px} .w40{width:40px} .w50{width:50px} .w60{width:60px} .w70{width:70px} .w75{width:75px} .w80{width:80px} .w90{width:90px} .w95{width:95px} .w100{width:100px} .w110{width:110px} .w115{width:115px} .w120{width:120px} .w130{width:130px} .w140{width:140px} .w150{width:150px} .w155{width:155px} .w160{width:160px} .w170{width:170px} .w180{width:180px} .w200{width:200px} .w260{width:260px} .w300{width:300px} .w500{width:500px} .w920{width:920px} .w25p{width:25%} .w75p{width:75%} .w100p{width:100%} .m-w100{min-width:100px} .m-w120{min-width:120px} .m-w150{min-width:150px} .m-w160{min-width:160px} .m-w170{min-width:170px} .m-w200{min-width:200px} .h60{height:60px} .h100{height:100px} .h110{height:110px} .h112{height:112px} .h130{height:130px} .h135{height:135px} .h182{height:182px} .h195{height:195px} .h260{height:260px} .va_t{vertical-align:top !important} .mg_0{margin:0 !important} .mg_t0{margin-top:0 !important} .mg_t2{margin-top:2px} .mg_t4{margin-top:4px} .mg_t5{margin-top:5px} .mg_t6{margin-top:6px} .mg_t10{margin-top:10px} .mg_t12{margin-top:12px !important} .mg_t15{margin-top:15px !important} .mg_t20{margin-top:20px} .mg_t22{margin-top:22px} .mg_t25{margin-top:25px !important} .mg_t30{margin-top:30px} .mg_t40{margin-top:40px !important} .mg_t50{margin-top:50px} .mg_t60{margin-top:60px} .mg_b15{margin-bottom:15px} .mg_l0{margin-left:0} .mg_l3{margin-left:3px} .mg_l5{margin-left:5px} .mg_l7{margin-left:7px} .mg_l10{margin-left:10px} .mg_r0{margin-right:0} .mg_b5{margin-bottom:5px} .t_l{text-align:left !important} .t_c{text-align:center !important} .t_r{text-align:right !important} .pd_0{padding:0 !important} .pd_t0{padding-top:0 !important} .pd_t2{padding-top:2px !important} .pd_t15{padding-top:15px !important} .pd_tb10{padding-top:10px !important; padding-bottom:10px !important} .pd_tb15{padding-top:15px !important; padding-bottom:15px !important} .pd_lr0{padding-left:0 !important; padding-right:0 !important} .lh_20{line-height:20px} .lh_12{line-height:12px} .lh_26{line-height:26px} .lh_29{line-height:29px} .bd_t0{border-top:0 !important} .ui-datepicker-trigger{margin-left:5px; margin-top:1px; cursor:pointer} .y_scroll{overflow-y:auto} .ico_ch1{display:inline-block; width:34px; line-height:19px; text-align:center; background:#FF0000; color:#fff ;font-size:11px;font-family: Dotum, 돋움, Tahoma, Seoul;letter-spacing:-1px;} /*추천*/ .ico_ch2{display:inline-block; width:34px; line-height:19px; text-align:center; background:#00CC66; color:#fff;font-size:11px;font-family: Dotum, 돋움, Tahoma, Seoul;letter-spacing:-1px;}/*인기*/ .ico_ch3{display:inline-block; width:34px; line-height:19px; text-align:center; background:#FFC000; color:#fff;font-size:11px;font-family: Dotum, 돋움, Tahoma, Seoul;letter-spacing:-1px;}/*동영상*/ .ico_ch4{display:inline-block; width:34px; line-height:19px; text-align:center; background:#FAC090; color:#fff;font-size:11px;font-family: Dotum, 돋움, Tahoma, Seoul;letter-spacing:-1px;}/*사진*/ .ico_ch5{display:inline-block; width:44px; line-height:19px; text-align:center; background:#6200F6; color:#fff;font-size:11px;font-family: Dotum, 돋움, Tahoma, Seoul;letter-spacing:-1px;}/*역세권*/ .ico_ch6{display:inline-block; width:34px; line-height:19px; text-align:center; background:#6868DE; color:#fff;font-size:10px;}/*NEW*/ .ico_ch7{display:inline-block; width:34px; line-height:19px; text-align:center; background:#27A5E7; color:#fff;font-size:11px;font-family: Dotum, 돋움, Tahoma, Seoul;letter-spacing:-1px;cursor:pointer;}/*지도*/ .ico_ch8{display:inline-block; width:37px; line-height:19px; text-align:center; background:#27A5E7; color:#fff;font-size:11px;font-family: Dotum, 돋움, Tahoma, Seoul;letter-spacing:-1px;cursor:pointer;}/*로드뷰*/ /*관심물건*/ #plus_bg{position:absolute;left:0; top:0; width:100%;height:100%;background-image:url(/images/common/plus_bg.png);display:none;vertical-align:middle;z-index:9999999;} #plusbox{border:3px solid #F9C718;padding:10px;position:absolute;left:0%;top:10%;background-color:#ffffff;width:100%;height:250px;margin-left:-0px;margin-top:-150px;} #interest_memo{border:1px solid #d3d3d3;width:100%;height:130px;} #interest_title{font-family: 'NanumGothic', '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif;color:black;font-size:14px;font-weight:bold;margin-top:10px;position:relative;} #interest_tbl tr td{height:5px;} #interest_tbl .title{font-family: 'NanumGothic', '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif;color:black;font-size:18px;font-weight:bold;letter-spacing:-3px;} #interest_tbl .btns{text-align:center;} #interest_tbl .btns .okbtn{float:left;font-size:14px; line-height:26px; color:#70CA4E; border:1px solid #70CA4E; padding:0 10px; margin-left:20px;margin-top:-10px;font-weight:normal;position: relative;left:30%;} #interest_tbl .btns .nobtn{float:left; font-size:14px; line-height:26px; color:#ff5050; border:1px solid #ff5050; padding:0 10px; margin-left:20px;margin-top:-10px;font-weight:normal;position: relative;left:30%;} #interest_memo{position:relative;margin-top:10px;color:black;} #plusbox2{border:3px solid #F9C718;padding:10px;position:absolute;left:0%;top:10%;background-color:#ffffff;width:100%;height:320px;margin-left:-0px;margin-top:-150px;} #sms_tbl tr td{height:5px;} #sms_tbl .title{font-family: 'NanumGothic', '돋움', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif;color:black;font-size:18px;font-weight:bold;letter-spacing:-3px;} #sms_tbl .btns{text-align:center;} #sms_tbl .btns .okbtn{float:left;font-size:14px; line-height:26px; color:#70CA4E; border:1px solid #70CA4E; padding:0 10px; margin-left:20px;margin-top:-10px;font-weight:normal;position: relative;left:30%;} #sms_tbl .btns .nobtn{float:left; font-size:14px; line-height:26px; color:#ff5050; border:1px solid #ff5050; padding:0 10px; margin-left:20px;margin-top:-10px;font-weight:normal;position: relative;left:30%;} #sms_memo{position:relative;margin-top:10px;color:black;height:130px;} .report_download{border:2px solid #F9C718;padding-top:15px;padding-bottom:15px;vertical-align:middle;text-align:center;line-height:13px;cursor:pointer;} .report_download:hover{background-color:#F9C718;border:2px solid #646464;text-decoration:none;} /*map zoom control*/ #zoom_control{position:absolute;z-index:999;left:100%;margin-left:-35px;} #zoom_control li{width:15px;height:15px;background-color:#6887F1;padding-left:5px;padding-top:8px;padding-bottom:22px;padding-right:20px;font-weight:bold;font-size:15px;line-height:13px;opacity:0.8;color:#ddd;} #zoom_control li:nth-child(1){border-bottom:1px solid #d3d3d3;border-top:1px solid #6887F1;border-left:1px solid #6887F1;border-right:1px solid #6887F1;} #zoom_control li:nth-child(2){border-left:1px solid #6887F1;border-right:1px solid #6887F1;border-bottom:1px solid #6887F1;font-size:20px;width:10px;padding-left:3px;padding-right:22px;line-height:15px;} /*모바일용 로드뷰*/ .MapWalker {position:absolute;margin:-26px 0 0 -51px} .MapWalker .figure {position:absolute;width:25px;left:38px;top:-2px; height:39px;background:url(http://t1.daumcdn.net/localimg/localimages/07/2012/roadview/roadview_minimap_wk.png) -298px -114px no-repeat} .MapWalker .angleBack {width:102px;height:52px;background: url(http://t1.daumcdn.net/localimg/localimages/07/2012/roadview/roadview_minimap_wk.png) -834px -2px no-repeat;} .MapWalker.m0 .figure {background-position: -298px -114px;} .MapWalker.m1 .figure {background-position: -335px -114px;} .MapWalker.m2 .figure {background-position: -372px -114px;} .MapWalker.m3 .figure {background-position: -409px -114px;} .MapWalker.m4 .figure {background-position: -446px -114px;} .MapWalker.m5 .figure {background-position: -483px -114px;} .MapWalker.m6 .figure {background-position: -520px -114px;} .MapWalker.m7 .figure {background-position: -557px -114px;} .MapWalker.m8 .figure {background-position: -2px -114px;} .MapWalker.m9 .figure {background-position: -39px -114px;} .MapWalker.m10 .figure {background-position: -76px -114px;} .MapWalker.m11 .figure {background-position: -113px -114px;} .MapWalker.m12 .figure {background-position: -150px -114px;} .MapWalker.m13 .figure {background-position: -187px -114px;} .MapWalker.m14 .figure {background-position: -224px -114px;} .MapWalker.m15 .figure {background-position: -261px -114px;} .MapWalker.m0 .angleBack {background-position: -834px -2px;} .MapWalker.m1 .angleBack {background-position: -938px -2px;} .MapWalker.m2 .angleBack {background-position: -1042px -2px;} .MapWalker.m3 .angleBack {background-position: -1146px -2px;} .MapWalker.m4 .angleBack {background-position: -1250px -2px;} .MapWalker.m5 .angleBack {background-position: -1354px -2px;} .MapWalker.m6 .angleBack {background-position: -1458px -2px;} .MapWalker.m7 .angleBack {background-position: -1562px -2px;} .MapWalker.m8 .angleBack {background-position: -2px -2px;} .MapWalker.m9 .angleBack {background-position: -106px -2px;} .MapWalker.m10 .angleBack {background-position: -210px -2px;} .MapWalker.m11 .angleBack {background-position: -314px -2px;} .MapWalker.m12 .angleBack {background-position: -418px -2px;} .MapWalker.m13 .angleBack {background-position: -522px -2px;} .MapWalker.m14 .angleBack {background-position: -626px -2px;} .MapWalker.m15 .angleBack {background-position: -730px -2px;} #roadviewWrap{z-index:9999999999999;position:absolute;} #roadview{position:relative;width:100%;height:70%;} #donggle{position:relative;width:100%;height:30%;background-color:white;} #roadview_back{position:absolute;z-index:99999999999999;border:1px solid #D24F45;background-color:#D24F45;display: inline-block;width: 60px;font-size: 12px;line-height: 33px;text-align: center;color: white;margin: 0px;left:100%;margin-left:-65px;margin-top:5px;border-radius:3px;} #detailview_back{ position:absolute;z-index:99999999999999;border:1px solid #D24F45;background-color:#D24F45;display: inline-block;width: 70px;font-size: 14px;line-height: 43px;text-align: center;color: white;margin: 0px;top:100%;left:100%;margin-left:-80px;margin-top:-50px;border-radius:5px; } .rp_icon{border:1px solid #716458;padding:2px;padding-left:3px;padding-right:3px;background-color:#716458;color:white;} #rp_bigimg_back{position:absolute;z-index:99999999999999;border:1px solid #D24F45;background-color:#D24F45;display: inline-block;width: 60px;font-size: 12px;line-height: 33px;text-align: center;color: #d3d3d3;margin: 0px;left:100%;margin-left:-75px;margin-top:5px;border-radius:3px;display:none;} .rp_loc_btn{border:1px solid #716458;background-color:#716458;padding:3px;color:white;font-size:9px;} .list_prev{height:50%;background-color:#1261C4;color:white;font-size:15px;line-height:50px;opacity:0.8;} .list_next{height:50%;background-color:#D24F45;color:white;font-size:15px;line-height:50px;opacity:0.8;} #count_div{border:1px solid #716458;background-color:#716458;border-radius:3px;width:90px;height:30px;position:absolute;z-index:999;top:5px;text-align:center;font-weight:bold;letter-spacing:0.3;line-height:27px;color:white;} #golist_div{border:1px solid #716458;background-color:white;border-radius:3px;width:90px;height:30px;position:absolute;z-index:999;top:5px;text-align:center;font-weight:bold;letter-spacing:0.3;line-height:27px;color:#333333;} #footer_control{position:absolute;width:80px;height:30px;border:2px solid #373C43;z-index:999;background-color:white;text-align:center;line-height:27px;border-bottom:0;border-radius:3px;background-color:#373C43;opacity:0.9;color:white;} .plus_bg{position:absolute;left:0; top:0; width:100%;height:100%;background-image:url(/images/common/plus_bg.png);display:none;vertical-align:middle;z-index:9999999;} .plus_bg iframe{position:relative;margin-top:150px;} #foot-text_tbl tr td{font-family:"나눔고딕";font-size:14px;border-bottom:1px solid #ddd;padding-top:2px;padding-bottom:2px;}