@charset "utf-8";

@import url("type_common.css");

a, a:active, a:visited { color: #222222; text-decoration:none; }
a:hover { color: #ef4130; text-decoration:underline;}

body{margin:0; padding:0; background:url(/Images/type4/bg_body.png) repeat scroll 0 0 !important; overflow-x:hidden;  color:#222222;}
html{ }
*:first-child+html {  overflow-x:hidden; }/*IE7*/
html,body{width:100%;height:100%;}
.blind { display:block; width: 1px; height: 1px; line-height: 0; font-size: 0; visibility: hidden; }
 

/* Layout */
#wrap {position:relative; text-align:center; }
#header { height:300px;  background:url(/Images/type4/bg_top.png) no-repeat; position:relative;}
#container { width:1157px;  margin: 0 auto; display:inline-block;}
#side { width:244px; float:left; text-align:left;}
#content { width:910px; float:right; margin-top:90px;}
#footer { clear:both; display:inline-block; width:1157px; height:110px; margin-bottom:25px; background-color:#f5f5f5; border:solid 1px #c6c6c6; margin-top:10px;}


/* header */
.header_fimg { background:url(/Images/type4/top_img_f.png) repeat-x left top; height:70px;position:absolute; left:0; top:230px; width:100%; z-index:9;}
.header {  width:1157px; height:300px;  background:url(/Images/type4/header_bg.png) no-repeat;  position:relative;  margin: 0 auto; text-align:left;}

.header .tit { display:inline-block; background:url(/Images/type4/tit_bg_le.png) no-repeat left top; position:absolute; left:-10px; top:42px; z-index:4;}
.header .tit .f { display:inline-block; background:url(/Images/type4/tit_bg_ri.png) no-repeat right top; height:231px;}
.header .tit .f h1 { display:inline-block; height:231px; min-width:350px; margin:0 55px 0 247px; padding:33px 25px 0 10px; text-align:left; background:url(/Images/type4/tit_bg.png) repeat-x left top;}

.header h1 a { color:#294e9d; font-size:45px; font-family:'NanumGothicExtraBoldWeb'; letter-spacing:-1px; z-index:8;}
.header h1 a:hover { text-decoration:none;}
.header .company_phone { color:#e17e2e; font-size:30px; height:70px; font-weight:bold;  position:absolute; left:247px; top:143px; z-index:8; padding-left:65px; background:url(/Images/type4/company_phone.png) no-repeat left top; font-family:'Verdana'; letter-spacing:-2px;}
.header .company_copy { color:#ffffff; font-size:25px; font-family:'NanumPenWeb'; letter-spacing:-1px;  position:absolute; right:5px; top:100px; padding-left:5px; z-index:3;}
.header .top_img1 { background:url(/Images/type4/top_img1.png) no-repeat; width:234px; height:72px; position:absolute; left:-150px; top:210px; z-index:8; }
.header .top_img2 { background:url(/Images/type4/top_img2.png) no-repeat; width:674px; height:147px; position:absolute; right:-130px; top:120px; z-index:2; } 
.header .top_img3 { } 
.header .shortcut { position:absolute; bottom:40px; right:95px; z-index:10; z-index:7; }
.header .shortcut ul { }
.header .shortcut li { display:inline; float:left; width:105px; height:73px;  }

/* 2013.06.01 수정 */
.header .shortcut li.realty_naver a { background:url(/Images/type4/go_realty_naver.png) no-repeat left top; } 
.header .shortcut li.realty_naver a:hover { background:url(/Images/type4/go_realty_naver.png) no-repeat -100px top; } 
.header .shortcut li.realty_daum a { background:url(/Images/type4/go_realty_daum.png) no-repeat left top;}
.header .shortcut li.realty_daum a:hover { background:url(/Images/type4/go_realty_daum.png) no-repeat -100px top;}
.header .shortcut li.blog a { background:url(/Images/type4/go_blog.png) no-repeat left top;}
.header .shortcut li.blog a:hover { background:url(/Images/type4/go_blog.png) no-repeat -100px top;}
.header .shortcut li.favorite a { background:url(/Images/type4/go_favorite.png) no-repeat left top;}
.header .shortcut li.favorite a:hover { background:url(/Images/type4/go_favorite.png) no-repeat -100px top;}
/* --------------- */

.header .shortcut li a { display:block; font-size:0; text-indent:100%; white-space:nowrap; overflow:hidden; width:100px; height:127px; }
.header .qrcode  { position:absolute; right:2px; bottom:35px; z-index:7; }
.header .qrcode .t { background:url(/Images/type4/qr_bg_t.png) no-repeat; width:92px; height:6px;}
.header .qrcode .c { background:url(/Images/type4/qr_bg.png) repeat-y; width:92px; text-align:center;}
.header .qrcode .bt { background:url(/Images/type4/qr_bg_bt.png) no-repeat; width:92px; height:21px;}

.header .company_ad { position:absolute; left:10px; top:60px;  text-align:left; z-index:8;}
.header .company_ad .area { width:204px; text-align:center;}
.header .company_ad h2 { color:#aaf6ff; font-size:13px;  margin-top:6px; font-family:'NanumGothicBoldWeb'; width:204px; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.header .company_ad .photo { }
.header .company_ad .photo img { width:204px; height:154px;}

.slider { overflow:hidden; position:relative; width:100%; height:405px !important; }

/* gnb */
.gnb { background:url(/Images/type4/menu_bg.png) no-repeat left top; width:314px; height:38px; position:absolute; left:247px; bottom:65px; z-index:7; }
.gnb ul { margin-top:7px;  margin-left:45px;}
.gnb li { float:left; padding:0 20px 0 20px; background:url(/Images/type4/menu_line.png) no-repeat left 2px; }
.gnb li.fst { background:none;  } 
.gnb li a { color:#ffffff; font-size:14px; font-weight:bold; height:14px; line-height:14px; font-family:'NanumGothicBoldWeb'; }
.gnb li a:hover { color:#ffffff; } 


/* search */
.search { background-color:#0c2c5e; width:910px; height:72px; position:absolute; right:0; bottom:-72px; text-align:left;}
.search h2 { color:#ffffff; font-size:15px; font-family:'NanumGothicBoldWeb'; margin-left:28px; margin-right:10px; line-height:28px; float:left; margin-top:22px;}
.search ul { margin-top:22px; }
.search li { float:left; padding-right:5px; height:32px; }
.search li.btn { margin-top:-1px; }
.search li.btn a {display:block; font-size:0; text-indent:100%; white-space:nowrap; overflow:hidden; width:112px; height:28px; background:url(/Images/type4/btn_search.png) repeat-y left top; }
.search li.btn a:hover {  background:url(/Images/type4/btn_search.png) repeat-y left -28px; }
.search li select { height:26px; font-size:13px; width:130px; vertical-align:top; }

/* snb */
.snb_box .t {  background-color:#0c2c5e; width:220px; height:20px; }
.snb_box .bt  { background-color:#0c2c5e; width:220px; height:20px;}
.snb_box .c  { background-color:#0c2c5e; width:220px; } 

.snb  { margin:0 20px 0 20px; text-align:left;}
.snb h2 { border:solid 1px #196cdc; background-color:#081939; color:#ffffff; font-size:15px; letter-spacing:-1px; text-align:center; margin-bottom:10px; height:31px; line-height:31px; font-family:'NanumGothicBoldWeb'; }
.snb ul { }
.snb li { background:url(/Images/type4/bu1.gif) no-repeat 5px 8px; line-height:18px; padding-left:10px; margin-bottom:3px; clear:both; letter-spacing:-1px; position:relative;}
.snb li a { color:#ffffff; width:100px; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.snb li a:hover { color:#ff6c00; }
.snb dl { position:absolute; top:0; right:0; }
.snb dd { float:left; margin-left:1px;}
.snb dd a { display:block; font-size:0; text-indent:100%; white-space:nowrap; overflow:hidden; width:18px; height:18px;}
.snb .category { padding-bottom:30px;   }
.snb .category .apt { }
.snb .category .house { }
.snb .category .land { }
.snb .category .basic { }
.snb .category_fix {  padding-bottom:1px; }
.snb .category_fix h2 { border:solid 1px #196cdc; background-color:#081939; }


/* 거래종류 아이콘 */
.trade {  display:block; font-size:0; text-indent:100%; white-space:nowrap; overflow:hidden; }
.sale {  background:url(/Images/type4/ico_trade.png) no-repeat 0px top; width:18px; height:18px;}
.lease {  background:url(/Images/type4/ico_trade.png) no-repeat -18px top;  width:18px; height:18px;}
.mrent {  background:url(/Images/type4/ico_trade.png) no-repeat -36px top;  width:18px; height:18px;}
.rental { background:url(/Images/type4/ico_trade.png) no-repeat -54px top;  width:18px; height:18px;}
.distribt {  background:url(/Images/type4/ico_trade.png) no-repeat -72px top;   width:18px; height:18px;}
.sale_b {  background:url(/Images/type4/ico_trade_b.png) no-repeat left top; width:45px; height:21px;}
.lease_b {  background:url(/Images/type4/ico_trade_b.png) no-repeat -45px top; width:45px; height:21px;}
.mrent_b {  background:url(/Images/type4/ico_trade_b.png) no-repeat -90px top; width:45px; height:21px; }
.rental_b { background:url(/Images/type4/ico_trade_b.png) no-repeat -135px top; width:45px; height:21px; }
.distribt_b {  background:url(/Images/type4/ico_trade_b.png) no-repeat -180px top; width:45px; height:21px; }


 /* content_box */
.content_box  {  margin-bottom:20px; text-align:left;}
.content_box .t {  width:910px; height:10px; }
.content_box .bt  { width:910px; height:10px; }
.content_box .c  { width:910px; } 

 /* content */
.content { padding:2px;  position:relative; line-height:200%; }
.content h2 { border-bottom:solid 2px #0c2c5e; color:#0c2c5e; font-size:19px; letter-spacing:-1px;  margin-bottom:10px; height:35px; line-height:31px; position:relative; clear:both; padding-left:2px; }
.content h3 { border-bottom:solid 2px #0c2c5e; color:#0c2c5e; font-size:19px; letter-spacing:-1px;  margin-bottom:10px; height:35px; line-height:31px; position:relative; clear:both; padding-left:2px; }
.content h4 { border-bottom:solid 1px #bccfe9; color:#1169dd; font-size:16px; letter-spacing:-1px;  margin-bottom:10px; height:35px; line-height:35px; position:relative; clear:both; padding-left:2px;  font-family:'NanumGothicBoldWeb'; }
.content h4.noline {  border-bottom:none; color:#1169dd;; font-size:16px; letter-spacing:-1px;  margin-bottom:0px; height:35px; line-height:35px; position:relative; clear:both; padding-left:2px; font-family:'NanumGothicBoldWeb'; }


.sortmn { position:absolute; right:3px; top:6px;  border-right:solid 1px #cecece;}
.sortmn li { float:left; padding:0 8px 0 8px; border-left:solid 1px #cecece;}
.sortmn li a { font-size:11px; font-weight:normal;}
.sortmn li a.selected { color: #ef4130; font-size:11px; font-weight:normal; text-decoration:underline;}


/* main 추천매물 */
.recomm { }
.recomm h2 { border-bottom:solid 0px #a6a6a6; color:#0c2c5e; font-size:19px; letter-spacing:-1px;  margin-bottom:10px; height:35px; line-height:31px; position:relative; clear:both; }
.recomm_page { position:absolute; left:100px; top:7px; }
.recomm_page .nav { }
.recomm_page .nav li { float:left; padding:2px;}
.recomm_page .nav a { background:url(/Images/type4/recomm_page.png) no-repeat -16px top; display:block; font-size:0; text-indent:100%; white-space:nowrap; overflow:hidden;width:15px; height:16px; }
.recomm_page .nav a:hover { background:url(/Images/type4/recomm_page.png) no-repeat left top;}
.recomm_page .nav a.selected { background:url(/Images/type4/recomm_page.png) no-repeat left top;}
.recomm_list {  margin-right:-35px; display:inline-block; height:405px;  overflow:hidden; position:relative;}
.recomm_list li { float:left; margin:0 23px 35px 0; }
.recomm_list .thumbnail  { position:relative; padding-top:3px; }
.recomm_list .thumbnail .status {  background:url(/Images/type5/status_best.png) no-repeat left bottom; width:45px; height:38px; position:absolute; left:7px; top:0; }
.recomm_list .thumbnail a { display:block; border:1px solid #081838;  }
.recomm_list .thumbnail a:hover { display:block; border:1px solid #ef4130; }
.recomm_list .thumbnail a img { width:440px; height:330px; }
.recomm_list .item_info { padding-left:3px; background-color:#081838; margin-top:-1px; width:439px; height:82px; position:relative; }
.recomm_list .tit { font-weight:bold; padding-top:5px; position:absolute; left:20px; top:5px;  }
.recomm_list .tit a { font-size:18px;font-family:'NanumGothicBoldWeb'; color:#ffffff;  width:260px; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.recomm_list .tit a:hover { color:#ff6c00; } 
.recomm_list .area_info { color:#d9d9d9; font-family:'verdana', '나눔고딕';   position:absolute; left:20px; top:40px; }
.recomm_list .trade_info { position:absolute;  right:20px; bottom:22px; }
.recomm_list .trade_info span { float:left;}
.recomm_list .price {  font-family:'verdana'; color:#ffffff; margin-bottom:2px; padding-left:5px; font-size:17px; line-height:20px; }

.newest { }
.newest h2 { border-bottom:solid 1px #a6a6a6; color:#0c2c5e; font-size:19px; letter-spacing:-1px;  margin-bottom:10px; height:35px; line-height:31px; position:relative; clear:both; }


/* 매물 리스트 - phototype */
.phototype {  display:inline-block;  margin-right:-25px; margin-bottom:-25px;}
.phototype ul { }
*:first-child+html .phototype  { margin-bottom:0px; } /*IE7*/
*:first-child+html .phototype ul { margin-bottom:-25px; } /*IE7*/
.phototype li { float:left; margin:0 14px 25px 0; }
.phototype .thumbnail a { display:block; border:1px solid #b8b8b8; }
.phototype .thumbnail a:hover { display:block; border:1px solid #ef4130; }
.phototype .thumbnail a img { width:168px; height:126px;  }
.phototype .tit { font-weight:bold; padding-top:5px; }
.phototype .tit a { width:150px; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.phototype .area_info { color:#7a7a7a; font-family:'verdana'; }
.phototype .trade_info { margin-top:3px;}
.phototype .trade_info span { float:left;}
.phototype .price { font-family:'verdana'; font-weight:bold; padding-left:5px; line-height:16px; }


 /* footer */
.footer  { width:1157px; height:128px; position:relative; margin: 0 auto; } 
.footer .cpy_name  { color:#515151;  font-size:19px; font-weight:bold;  width:240px; text-align:center; position:absolute; left:7px; top:0;  height:110px; line-height:110px; } 
.footer .fmn { position:absolute; left:250px; top:20px; display:inline-block; }
.footer .fmn dd { float:left; border:solid 1px #c7c7c7; background-color:#ffffff; padding:5px 15px 5px 15px; height:11px; display:inline; margin-right:8px;} 
.footer .fmn dd a { color:#000000; font-size:12px; margin-top:-4px; display:block;} 
.footer .fmn dd a:hover { color:#0088ff; text-decoration:underline;}  
.footer .info { position:absolute; left:240px; top:55px; width:750px;}
.footer .info dd { float:left; border-right:solid 1px #868686; padding:0 10px 0 10px; height:11px; color:#515151; margin-bottom:10px; } 
.footer .info span { font-size:12px; margin-top:-4px; display:block; white-space:nowrap;}
.footer .info dd a { color:#0088ff; font-size:12px; text-decoration:underline; }
.footer .admin  { position:absolute; right:25px; bottom:35px;} 
.footer .admin a { background:url(/Images/type4/btn_admin.png) no-repeat left top; width:65px; height:20px; display:block; font-size:0; text-indent:100%; white-space:nowrap; overflow:hidden; } 

.footer .mobile  { position:absolute; right:100px; bottom:35px;} 
.footer .mobile a { background:url(/Images/type4/btn_mobile.png) no-repeat left top; width:65px; height:20px; display:block; font-size:0; text-indent:100%; white-space:nowrap; overflow:hidden; } 


.introduce { padding:2px; }
.introduce .greeting { padding-bottom:40px; line-height:25px; }
.introduce .info_area {  }
.introduce .photo { border-top:solid 1px #c9c9c9; border-left:solid 1px #c9c9c9;border-right:solid 1px #7d7d7d; border-bottom:solid 1px #7d7d7d; padding:10px; float:left; }
.introduce .info { float:right;  padding-bottom:30px; }
.introduce .info table { border-top:solid 1px #c9c9c9; width:625px;  }
.introduce .info th { border-bottom:solid 1px #c9c9c9; text-align:left; padding:3px 0 3px 15px; background-color:#f6f6f6; width:80px; }
.introduce .info td { border-bottom:solid 1px #c9c9c9; padding:3px 20px 3px 20px; }
.introduce .info td a { color: #ef4130; text-decoration:underline; } 
.introduce .map { border:solid 1px #c9c9c9; height:400px; clear:both;}

.counsel { }
.counsel td * { vertical-align:middle;}
.counsel table { border-top:solid 1px #c9c9c9; width:100%; }
.counsel th { text-align:left; background-color:#f6f6f6; border-bottom:solid 1px #c9c9c9; padding:8px 0 8px 15px; }
.counsel td { border-bottom:solid 1px #c9c9c9;padding:8px 8px 8px 10px; }
.counsel td p { }
.counsel td p span { padding-left:15px; }
.counsel span.ess { background:url(/Images/c/ico_ess.gif) no-repeat 5px 1px; width:20px; height:10px; display:inline-block; text-indent:100%; white-space:nowrap; overflow:hidden; font-size:0; vertical-align:middle;}


/* 버튼 공통 */
.btn_area { width:100%; margin-top:20px;}
.btn_area.ct {text-align:center;}
.btn_area.le {text-align:left;}
.btn_area.ri {text-align:right;}

.btn_s a{display:inline-block;height:24px;background:url(/Images/type4/btn_s.gif) repeat-x left -24px; line-height:24px; font-size:12px;color:#352c0d; vertical-align:top; letter-spacing:-1px; font-weight:bold; }
.btn_s a:hover{ color: #e26000; text-decoration:none;}
.btn_s a .fin{display:inline-block; background:url(/Images/type4/btn_s.gif) no-repeat right -48px;vertical-align:top;cursor:pointer;}
.btn_s a .fin .sin{display:inline-block;height:23px; padding:1px 15px 0 15px; text-align:center; background:url(/Images/type4/btn_s.gif) no-repeat left top;vertical-align:top;cursor:pointer; text-decoration:none;}

.btn1 a{display:inline-block;height:29px;background:url(/Images/type4/btn29.gif) repeat-x left -29px; line-height:29px; font-weight:bold; font-size:13px;color:#575757; vertical-align:top; letter-spacing:-1px;  }
.btn1 a:hover{ color: #e26000; text-decoration:none;}
.btn1 a .fin{display:inline-block; background:url(/Images/type4/btn29.gif) no-repeat right -58px;vertical-align:top;cursor:pointer;}
.btn1 a .fin .sin{display:inline-block; height:29px; line-height:29px; padding:0 35px 0 35px; text-align:center; background:url(/Images/type4/btn29.gif) no-repeat left top;vertical-align:top;cursor:pointer; text-decoration:none;}

.btn2 a{display:inline-block;height:29px;background:url(/Images/type4/btn29_b.gif) repeat-x left -29px; line-height:29px; font-weight:bold; font-size:13px;color:#ffffff; vertical-align:top; letter-spacing:-1px;  }
.btn2 a:hover{ color: #ffea00; text-decoration:none;}
.btn2 a .fin{display:inline-block; background:url(/Images/type4/btn29_b.gif) no-repeat right -58px;vertical-align:top;cursor:pointer;}
.btn2 a .fin .sin{display:inline-block; height:29px; line-height:29px; padding:0 35px 0 35px; text-align:center; background:url(/Images/type4/btn29_b.gif) no-repeat left top;vertical-align:top;cursor:pointer; text-decoration:none;}



/* 매물 상세정보 */
.meamul_view .meamul_photo { height:587px;}
.meamul_view .meamul_photo .zoom img { width:756px; height:567px; }
.meamul_view .meamul_photo li img { width:129px; height:97px; }


/* 바로가기 배너 2013.06.01 추가 */
.shortcut_box { margin-top:15px; margin-bottom:15px; }
.shortcut_box .t { width:218px; height:15px; border-top:solid 1px #cdcdcd; border-left:solid 1px #cdcdcd; border-right:solid 1px #cdcdcd;}
.shortcut_box .bt  { width:218px; height:25px;  border-bottom:solid 1px #cdcdcd; border-left:solid 1px #cdcdcd; border-right:solid 1px #cdcdcd;}
.shortcut_box .c  { width:218px; border-left:solid 1px #cdcdcd; border-right:solid 1px #cdcdcd; } 
.shortcut_box .shortcut { margin:0 18px 0 18px;}
.shortcut_box .shortcut ul { } 
.shortcut_box .shortcut li { border-bottom:solid 1px #e5e5e5; width:186px; height:44px; }
.shortcut_box .shortcut li.molit { background:url(/Images/c/shortcut_molit.gif) no-repeat left bottom;  }
.shortcut_box .shortcut li.iros { background:url(/Images/c/shortcut_iros.gif) no-repeat left top; }
.shortcut_box .shortcut li.nts { background:url(/Images/c/shortcut_nts.gif) no-repeat left top; }
.shortcut_box .shortcut li.minwon { background:url(/Images/c/shortcut_minwon.gif) no-repeat left top; }
.shortcut_box .shortcut li.mltm { background:url(/Images/c/shortcut_mltm.gif) no-repeat left top; }
.shortcut_box .shortcut li a { display:block; font-size:0; text-indent:100%; white-space:nowrap; overflow:hidden; width:186px; height:44px;}



/* 무료문자 메세지 보내기 2013.06.28 */
.sendmsg_box .t { width:218px; height:13px; background-color:#f5f5f5; border-top:solid 1px #c6c6c6; border-left:solid 1px #c6c6c6; border-right:solid 1px #c6c6c6; }
.sendmsg_box .bt  { width:218px; height:13px; background-color:#f5f5f5; border-bottom:solid 1px #c6c6c6; border-left:solid 1px #c6c6c6; border-right:solid 1px #c6c6c6; }
.sendmsg_box .c  { width:218px; background-color:#f5f5f5; border-left:solid 1px #c6c6c6; border-right:solid 1px #c6c6c6; text-align:center; } 
.sendmsg_box .sendmsg { margin:0 10px 0 10px;}
.sendmsg_box .sendmsg .lcd  { padding-bottom:2px;}
.sendmsg_box .sendmsg .lcd .lcd_t { background:url(/Images/type4/sendmsg_lcd_t.png) no-repeat left top; width:196px; height:27px; }
.sendmsg_box .sendmsg .lcd .lcd_bt { background:url(/Images/type4/sendmsg_lcd_bt.png) no-repeat left top; width:196px; height:12px; }
.sendmsg_box .sendmsg .lcd .lcd_c { background:url(/Images/type4/sendmsg_lcd_c.png) repeat-y left top; text-align:center; width:196px;}
.sendmsg_box .sendmsg .lcd textarea { background-color:#e1f8fa; border:0; width:165px; height:70px; overflow:hidden; }
.sendmsg_box .sendmsg span.sender { font-size:11px; float:left; padding-left:3px;}
.sendmsg_box .sendmsg span.byte { font-size:11px; float:right; padding-right:3px;}
.sendmsg_box .sendmsg p { clear:both; padding-top:2px; text-align:center; }
.sendmsg_box .sendmsg p input { width:52px;  }
.sendmsg_box .sendmsg p.btn { padding-top:5px;}
.sendmsg_box .sendmsg p.btn a {display:block; font-size:0; text-indent:100%; white-space:nowrap; overflow:hidden; width:196px; height:31px; background:url(/Images/type4/sendmsg_btn.png) no-repeat left top;  }