@charset "utf-8";

/* 마일리지 */
.mileageBox {position:relative; top:0; overflow:hidden; width:905px; margin:10px auto; padding:10px 20px 20px 20px; background-color:#fff;}
.mileageTitle {font-size:21px; font-weight:bold; padding:0px 0 10px 15px; background:url("../images/common/bullet_nemo.gif") no-repeat 0 6px;}
.rangkingBox {float:left; width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:20px;}
.rangkingBox dt {float:left; padding:15px 35px; border-right:1px solid #e5e5e5;}
.rangkingBox dd {float:left; display:block; width:680px;}
.rangkingBox dd.myRanking {font-size:31px; font-weight:bold; padding:17px 30px 5px 30px;}
.rangkingBox dd.myRanking strong {font-weight:bold; text-decoration:underline;}
.rangkingBox dd.myRanking strong.colorSilver {color:#999;}
.rangkingBox dd.myRanking strong.colorGold {color:#f39700;}
.rangkingBox dd.myRanking strong.colorDia {color:#0197db;}
.rangkingBox dd.myScore {font-weight:bold; font-size:19px; color:#777; padding:8px 30px;}
.rangkingBox dd.myScore strong {font-weight:bold; font-size:23px; color:red;}
.rangkingBox dd.myScore strong.point {font-weight:bold; font-size:22px; color:#000;}
.rangkingBox dd.goldUp {font-size:13px; padding:2px 30px;}
.rangkingBox dd.diamondUp {font-size:13px; padding:0 30px;}
.rangkingBox dd.goldUp img,.rangkingBox dd.diamondUp img {padding-right:8px;}
.rangkingBox dd.goldUp strong,.rangkingBox dd.diamondUp strong {font-weight:bold;}
.graphBox {clear:both; float:left; width:100%; height:288px; background:url("../images/sub/mileage_graph_bg1.gif") no-repeat 0 0; margin-bottom:15px;}
.graph {width:730px; height:300px; float:left;}  
.imgBox {float:left;padding:10px 0 0 0; margin-top:10px;}    

.tableMileage th {height:30px;}
.tableMileage td {background-color:#fff;}
.tableMileage td.alignLeft {text-align:center; line-height:17px;}
.tableMileage td p {font-weight:bold;}
.tableMileage td p.tdArrow {margin:10px 0;}
.tableExample {padding:10px 0 20px 0;line-height:22px;}
.tableExample strong {font-weight:bold;}
.imgBox02 {display:block; padding:10px 0 0 0;}


/* 공통 타이틀 이미지 */ 
.title_bar {position:relative; top:0; left:0; background:url("../images/sub/title_bar.png") no-repeat 0 0; width:100%; height:106px;}

#unb {position:absolute; top:25px; right:10px; width:auto; height:16px;}
#unb li {display:inline; float:left;}
.user_mem_edit a {display:inline-block; background:url("../images/sub/top_user_ok.png") no-repeat 0 0; width:73px; height:16px;}
.user_mem_edit a:hover {background:url("../images/sub/top_user_ok_on.png") no-repeat 0 0;}
.user_logout a {display:inline-block; background:url("../images/sub/top_logout.png") no-repeat 0 0; width:53px; height:16px;}
.user_logout a:hover {background:url("../images/sub/top_logout_on.png") no-repeat 0 0;}
.user_admin_edit a {display:inline-block; background:url("../images/sub/Top_newsPaper.png") no-repeat 0 0; width:45px; height:16px;}
.user_admin_edit a:hover {background:url("../images/sub/Top_newsPaper_on.png") no-repeat 0 0;}


 

/* 시장 동향 입력 -------------------------------------------------------------------------------------------------------------------- */
.title_bar span.title_icon {position:absolute; top:3px; left:9px; background:url("../images/sub/title_icon01.png") no-repeat 0 0; width:119px; height:99px;}
.title_bar span.title_icon02 {position:absolute; top:10px; left:0; background:url("../images/sub/title_icon02.png") no-repeat 0 0; width:163px; height:102px;}
.sub_title01 {position:absolute; top:22px; left:178px; display:inline-block; color:#fff; font-weight:bold; font-size:15px; width:200px; text-shadow:1px 1px 1px #124e98;}
.sub_title02,.sub_title03 {position:absolute; top:36px; left:180px; display:inline-block; color:#124e98; font-weight:bold; font-size:160%; width:200px;
			background:url("../images/sub/bullet01.png") no-repeat 0 3px; padding-left:10px;}
.sub_title03 {top:45px;}

.state_box {position:relative; top:0; left:0; background:url("../images/sub/line_dot01.png") repeat-x 0 0; width:983px; height:36px;}
.state_box ul {position:absolute; top:0; right:0; width:auto; height:36px;}
.state_box ul li {display:inline-block; float:left; background:url("../images/sub/bullet02.png") no-repeat 0 7px; padding:6px 6px 0 8px;}
.state_box ul li strong {font-weight:bold;}
.state_box ul li em {color:#eb6100;}
.state_box ul li em.tell_color {color:#217aeb;}
.state_box ul li.none {background-image:none; padding:0;}



/* 주택, 토지, 상업용 -------------------------------------------------------------------------------------------------------------- */
.table_box {position:relative; top:0; left:0; width:100%; margin-bottom:15px;}
.house_title {background:url("../images/sub/title_house.png") no-repeat 0 0; width:61px; height:32px;}
.land_title {background:url("../images/sub/title_land.png") no-repeat 0 0; width:61px; height:30px;}
.office_title {background:url("../images/sub/title_office.png") no-repeat 0 0; width:79px; height:30px;}
.daily_report_title {background:url("../images/sub/title_daily_report.png") no-repeat 0 0; width:97px; height:30px;}

/* 테이블박스 */
.tbox {position:relative; top:0; left:0; width:100%; margin-bottom:15px;}
.tbox_bottom {margin-bottom:0;}
.date_box {position:absolute; top:0; right:0; width:800px; height:26px;}
.date_box02 {position:absolute; top:0; right:0; width:800px; height:32px; padding-top:4px;}
.refer_date {float:left; background:url("../images/sub/bullet04.png") no-repeat 0 5px; padding-left:6px; padding-right:20px;}
.refer_date strong {font-weight:bold; color:#434343;}
.refer_bullet {float:left; background:url("../images/sub/bullet06.gif") no-repeat 0 0; padding-left:20px; height:15px; line-height:15px;}
.refer_bullet02 {position:absolute; top:5px; left:180px; background:url("../images/sub/bullet06.gif") no-repeat 0 0; padding-left:20px; height:15px; line-height:15px;}
.refer_bullet03 {position:absolute; top:60px; left:180px; background:url("../images/sub/bullet06.gif") no-repeat 0 0; padding-left:20px; height:15px; line-height:15px;}
.refer_bullet04 {background:url("../images/sub/bullet06.gif") no-repeat 0 0; padding-left:20px; line-height:15px;}
.unit {float:right; font-weight:bold;}
.unit strong {color:#1b69cd; font-weight:bold;}
.tbox_title {height:26px; color:#535353; font-size:14px; font-weight:bold; background:url("../images/sub/bullet03.png") no-repeat 8px 2px; padding-left:24px;}

/* 테이블 */
.table_price {position:relative; top:0; width:983px; border-top:2px solid #217aeb; table-layout:fiexd;}
.table_price th {color:#000; border:1px solid #a7a7a7; background-color:#dfedff; height:18px; border-top-width:0;}
.table_price td {border-top:1px solid #a7a7a7;border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; border-left:1px solid #c7c7c7; 
				padding:4px 3px; text-align:center; height:10px; border-top-width:0;}
.txt_ellipse {width:70px; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; overflow:hidden; text-align:center;}

.table_price td div {height: 20px} /* 단지명의 시세제공 이미지 간격 */

.arrow_up {font-size:9px; color: red; padding: 0px}
.arrow_down {font-size:9px;color:blue; padding: 0px}
.arrow_eq {font-size:9px; padding: 0px}
.table_price .txt_color {color:#00479d;}
.txt_color02 {color:#00479d;}
.td_color {background-color:#fdfbe7;}
.inp_w30px {width:30px; margin:0; color:#313131; background-color:#eef5f5;}
.inp_w40px {width:40px; margin:0; color:#313131; background-color:#eef5f5;}
.inp_w50px {width:50px; margin:0; color:#313131; background-color:#eef5f5;}
.inp_w55px {width:55px; margin:0; color:#313131; background-color:#eef5f5;}
.inp_w70px {width:70px;}
.inp_w150px {width:150px;}
.inp_w500px {width:500px;}

.btn_left {position:relative; left:100px; float:left; width:260px;}
.btn_sell {float:left; background:url("../images/sub/btn_sell_search.png") no-repeat 0 0; width:89px; height:18px; margin-right:10px;}
.btn_sell:hover {background:url("../images/sub/btn_sell_search_on.png") no-repeat 0 0;}
.btn_lease {float:left; background:url("../images/sub/btn_lease_search.png") no-repeat 0 0; width:100px; height:18px;}
.btn_lease:hover {background:url("../images/sub/btn_lease_search_on.png") no-repeat 0 0;}
.btn_print {float:right; background:url("../images/sub/btn_print.png") no-repeat 0 0; width:47px; height:19px; margin-right:10px; position:absolute; right:0px; z-index:9999}

.btn_right {position:relative; right:0; float:right; width:260px;}
.btn_inform {float:left; background:url("../images/sub/btn_detail_infor.png") no-repeat 0 0; width:86px; height:18px; margin-right:10px;}
.btn_inform:hover {background:url("../images/sub/btn_detail_infor_on.png") no-repeat 0 0;}
.btn_same {float:left; background:url("../images/sub/btn_same.png") no-repeat 0 0; width:86px; height:18px;}
.btn_same:hover {background:url("../images/sub/btn_same_on.png") no-repeat 0 0;}


/* 팝업 - 물건상세정보 ----------------------------------------------------------------------------------------------------------------- */
#wrap_border {position:relative; width:883px; border:4px solid #004986; background-color:#fff; padding:16px 16px 0 16px;}
.pop_title_box {position:relative; width:883px; margin:0 auto;}
.btn_close a {float:right; background:url("../images/sub/btn_close.png") no-repeat 0 0; width:20px; height:20px;}

.table_detail {position:relative; top:0; width:100%; border-top:2px solid #217aeb;}
.table_detail th {color:#000; border:1px solid #a7a7a7; background-color:#dfedff; height:18px; border-top-width:0;}
.table_detail td {border:1px solid #c7c7c7; border-top:0; padding:4px 3px; text-align:center; background-color:#fff; height:10px; border-top-width:0;}
.table_detail .txt_color {color:#00479d;}

	/* 주택 - 시세입력 */
	#icon_process {position:relative; top:0; right:0; float:right;}

	#border_box02 {position:relative; top:0; width:859px; height:20px; background-color:#f4f4f4; border:1px solid #a0a0a0; 
					border-top:2px solid #2a7de6; padding:8px 11px; margin:5px auto 0 auto; display:inline-block; clear:both;}
	.title_infor {font-size:14px; background:url("../images/sub/bullet05.png") no-repeat 0 0; height:17px; padding-left:23px;}
	.title_infor strong {font-weight:bold;}

	.dangi_select {margin:0 10px;}
	.inp_btn01 {border:none;}
	.dangi_field {float:left;}
	.inquiry_field {float:right;}
	.inquiry_field select {margin-left:3px;}

	#border_box03 {position:relative; top:0; width:861px; height:auto; background-color:#fff; border:1px solid #d8d8d8; 
					border-top:none; padding:11px 10px; margin-bottom:20px; display:inline-block;}

	#sise_box01, #sise_box02 {position:relative; width:100%; clear:both;}
	#sise_box01 {margin-bottom:30px;}

	.top_border {position:absolute; width:100%; border-top:2px solid #217aeb;}
	.house_sise {position:relative; top:0; width:100%; clear:both;}
	.house_sise th {color:#000; border:1px solid #a7a7a7; border-bottom:0; background-color:#dfedff; height:23px; padding:1px 0; border-top-width:0;}
	.house_sise td {border:1px solid #a7a7a7; height:20px; padding:4px 0; text-align:center; border-top-width:0;}
	.bullet_arrow {background:url("../images/sub/arrow.png") no-repeat 5px 0; width:13px; height:14px; padding:0 12px; vertical-align:middle;}
	.th_bold {font-weight:bold; background-color:#f4f4f4;}
	.td_color {background-color:#fdfbe7;}


	.price_info {float:left; width:420px;}
	.price_info th {text-align:right; padding:6px 0; height:20px; border-top-width:0;}
	.price_info td {padding:6px 10px; border-top-width:0;}
	.dangi_name {color:#d44c02; font-weight:bold;}


	.price_title01, .price_title02, .price_title03 {position:relative; top:0; float:left; font-size:15px; font-family:"굴림"; font-weight:bold; color:#000; margin-bottom:10px;}
	.price_title01 {background:url("../images/sub/bullet01.gif") no-repeat 0 0; width:100px; height:22px; padding:3px 0 0 24px;}
	.price_title02 {background:url("../images/sub/bullet02.gif") no-repeat 0 0; width:100px; height:19px; padding:3px 0 0 24px;}

	.btn_round p a {border-radius:4px; color:#fe6600; font-weight:bold; font-size:11px; background-color:#fff; border:1px solid #fe6600; width:47px;
						padding:25px 0 5px 0; display:block; margin:0 auto; behavior:url(../../js/PIE.htc); 
						 background: url("../images/sub/bullet_area_off.png") no-repeat 50% 5px;}
	.btn_round p a:hover {color:#fff; text-decoration:none; background:#fe6600 url("../images/sub/bullet_area_on.png") no-repeat 50% 5px;}

	.inp_w60px {width:60px; margin:0;}
	.inp_w70px {width:70px;}
	.inp_w90px {width:90px;}
	.inp_w150px {width:150px;}
	.inp_w500px {width:500px;}
	.th_vertical {border-top:1px solid #ccc; background-color:#f4f4f4; font-weight:normal;}
	.select_w {width:200px; margin:0;}


/* 관리자 페이지 ---------------------------------------------------------------------------------------------- */

#sub_field01 {    position: relative;
    top: 0;
    width: 100%;;
    height: 120px;
    background-color: #f4f4f4;
    border: 1px solid #a0a0a0;
    border-top: 2px solid #2a7de6;
    padding: 0;
    /* margin: 0px 0 20px; */}
#sub_field01 table {margin:0 auto; width:95%;}
#sub_field01 tr {height:25px;}
#sub_field01 td {width:auto; padding:5px;}
#sub_field01 td.right_td {text-align:right; letter-spacing:1px;}
#sub_field01 .td_search {vertical-align:top; padding-left:30px; width:93px;}
#sub_field01 button.btn_search {position:relative; top:0; right:0; border:0; background:url("../img/btn_search01.png") no-repeat 0 0; width:93px; height:54px; display:block;}
#sub_field01 label {display:inline-block; /* width:68px; */ margin-right:5px; font-weight:bold;}

	/* 관리자 - 리스트 박스 */
	#house_box {position:relative; width:100%; clear:both;}

	/* 관리자 - 아이콘 범례 */
	.icon_remark {position:relative; top:-2px; left:0; float:left; width:400px; height:18px; margin-bottom:10px;}
	.icon_remark li {display:inline; float:left; margin-right:10px;}

	/* 관리자 - 총단지 */
	.use_area {position:relative; top:4px; right:0; float:right; width:320px; height:18px;}
		.use_area li {position:absolute; display:inline-block;}
		.common_area {width:63px; height:18px;}
		.only_area {right:180px; width:63px; height:18px;}

		.total_dangi {position:relative; top:0; right:0; float:right; height:20px;}
		.total_dangi strong {font-weight:bold;}
		.total_dangi em {font-weight:bold; color:#1b69cd;}

	/* 관리자 - 리스트 테이블 */
	.house_list {position:relative; top:0; width:100%; clear:both;}
	.house_list th {color:#000; border:1px solid #a7a7a7; border-top:2px solid #217aeb; border-bottom:0; background-color:#dfedff; height:20px; padding:4px 0;}
	.house_list th.top { padding:2px 2px !important; } 
	.house_list th.sub { border-top:1px solid #a7a7a7 !important; padding:2px 2px; }
	.border_no {border-top:1px solid #217aeb;}
	.border_ie {border-top:1px solid #000}
	.house_list td {border:1px solid #a7a7a7; height:18px; padding:4px 0; text-align:center;}
	.house_list .dong_cell01 {font-weight:bold; color:navy; width:30px;}
	.house_list .dong_cell02 {color:#000; background-color:#f7f5f5; width:90px;}
	.house_list tr .cell_bline {border-bottom:1px solid #363636;}
	html>body .house_list tr .cell_bline {border-bottom:1px solid #363636;}

	.icon_round span {border-radius:6px; color:#fff; font-weight:bold; font-size:11px; width:40px; padding:2px 2px 3px 2px; display:block; margin:0 auto; behavior:url(../../js/PIE.htc);}
	.icon_round01 {background-color:red;}
	.icon_round02 {background-color:#898989;}
	.trOver:hover {background-color:#f4ebfd;}
	.trOver{height: 40px}



/* 자료실 - list ----------------------------------------------------------------------------------------------------------------------- */
#board_box {position:relative; top:0; width:931px; height:auto; background-color:#fff; border:1px solid #d8d8d8; 
			padding:20px 25px; margin-top:20px; display:inline-block; clear:both;}
#board_box_agency{																		
			display:inline-block;
			clear:both;
			}			
.data_list {position:relative; top:0; width:100%; border:1px solid #d8d8d8; border-top:2px solid #21a39b; color:#878787;}
.data_list tr.th_title {border:1px solid #a4a4a4;}
.data_list th.last_th {background-image:none;}
.data_list th {padding:7px; background:#f4f4f4 url("../images/sub/list_title_div.gif") no-repeat right 50%; color:#707070;}
.data_list td {border-bottom:1px solid #d8d8d8; border-top:none; padding:7px 5px; text-align:center;}
.data_list .list_title {text-align:left;}
.data_list .list_title a:link {color:#4d4d4d;}
.data_list .list_title a:hover {text-decoration:none; color:#21a39b;}
.data_list .title_round {color:#fff; background:url("../images/sub/list_title_round.png") no-repeat 0 0; width:78px; height:25px; 
						display:block; line-height:25px; margin:0 auto;}
.data_list .icon_reply {background:url("../images/sub/reply.png") no-repeat 0 0; width:28px; height:13px; 
						display:inline-block; vertical-align:bottom; padding-left:5px;}
.data_list tr.new {background:url("../images/sub/new.png") no-repeat 0 0;}


	/* 자료실- paging */
	.paging_box {position:relative; top:0; width:100%; border-bottom:1px dotted #d9d9d9;}
	.paging {margin:20px auto; width:100%; text-align:center;}
	.paging li {display:inline; margin:0 3px; vertical-align:bottom;}
	.paging li a {outline:1px solid #fff; padding:0 2px;}
	.paging li a:hover {color:#21a39b; outline:1px solid #21a39b; padding:0 2px;}
	.paging li a img {padding-bottom:1px;}
	.paging li a.first:hover, .paging li a.prev:hover, .paging li a.next:hover, .paging li a.nextEnd:hover {outline:none;}
	.paging li strong {color:red; font-weight:bold;}

	/* board_btn */
	.board_btn {position:absolute; top:-7px; *top:13px; right:0; width:auto; text-align:center; clear:both;}
	.btn02 {display:inline-block; background:url("../images/sub/btn_bg_center02.png") repeat-x 0 0; height:24px; line-height:26px; margin:0 auto;}
	.btn02:hover {background:url("../images/sub/btn_bg_center_on02.png") repeat-x 0 0;}
	.btn02 span {display:inline-block; background:url("../images/sub/btn_bg_left02.png") no-repeat 0 0; height:24px; line-height:26px;}
	.btn02 span:hover {background:url("../images/sub/btn_bg_left_on02.png") no-repeat 0 0;}
	.btn02 a {text-decoration:none; font-size:11px; color:#000; display:block; background:url("../images/sub/btn_bg_right02.png") no-repeat right 0; 
			padding-right:10px; padding-left:10px; text-shadow:1px 1px 1px #fff;}	
	.btn02 a:hover {background:url("../images/sub/btn_bg_right_on02.png") no-repeat right 0; text-shadow:-1px -1px 1px #fff;}

	/* search */
	.search_box {position:relative; top:7px; width:100%;}
	.search_box fieldset {margin:10px auto; width:300px;}
	.btn_list_search {background:url("../images/sub/btn_list_search.gif") no-repeat 0 0; width:64px; height:21px; border:none; vertical-align:middle; *margin-left:2px;}
	.btn_market_guide {background:url("../images/sub/btn_maemool_menual.png") no-repeat 0 0; width:141px; height:24px; border:none; float:right; *margin-left:2px; margin-top:5px;}

/* 자료실 - read */
.data_read {position:relative; top:0; width:100%; border:1px solid #d8d8d8; border-top:2px solid #21a39b; color:#878787;}
.data_read tr.th_title {border:1px solid #a4a4a4;}
.data_read th.last_th {background-image:none; }
.data_read th {padding:7px; background:#f4f4f4 url("../images/sub/list_title_div.gif") no-repeat right 50%; color:#707070; border-top-width:0;}
.data_read td {background:#f4f4f4 url("../images/sub/list_title_div.gif") no-repeat right 50%; border-bottom:1px solid #d8d8d8; border-top:none; padding:7px 10px; border-top-width:0;}
.data_read td.td_bg, .data_read th.td_bg {background-color:#fff; background-image:none; border-bottom:1px solid #d1d1d1;}
.data_read .list_title {text-align:left;}
.data_read .list_title a:link {color:#4d4d4d;}
.data_read .list_title a:hover {text-decoration:none; color:#21a39b;}
.data_read .title_round {color:#fff; background:url("../images/sub/list_title_round.png") no-repeat 0 0; width:78px; height:25px; 
						display:block; line-height:25px; margin:0 auto;}



/* 자료실우수중개업소 detail - read */
.data_read_agency {position:relative; top:0; border:1px solid #d8d8d8; border-top:2px solid #21a39b; color:#878787;}
.data_read_agency th {background:#f4f4f4 url("../images/sub/list_title_div.gif") no-repeat right 50%; color:#707070; border-top-width:0;}
.data_read_agency td {background:#f4f4f4 url("../images/sub/list_title_div.gif") no-repeat right 20%; border-bottom:1px solid #d8d8d8; border-top:none; padding:4px 4px;}
.data_read_agency td.td_bg, .data_read th.td_bg {background-color:#fff; background-image:none; border-bottom:1px solid #d1d1d1;}
.data_read_agency .title_round {color:#fff; background:url("../images/sub/list_title_round.png") no-repeat 0 0; width:77px; height:25px; 
						display:block; line-height:25px;}

.data_read_agency th.line_gray {border-left:1px solid #a1a1a1; border-bottom:1px solid #d8d8d8;}
.data_read_agency th.line_gray01 {border-left:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1;}
.data_read_agency td.line_gray02 {border-bottom:1px solid #a1a1a1;}
.data_read_agency th.line_gray03 {border-bottom:1px solid #a1a1a1;}
.data_read_agency th.line_gray04 {border-bottom:1px solid #d8d8d8;}
.data_read_agency td.line_gray05 {border-right:1px solid #a1a1a1; background-image:none; text-align:center;}
.data_read_agency td.line_gray06 {border-right:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; background-image:none;}
.data_read_agency th.line_gray07 {border-top:1px solid #a1a1a1; border-right:0; border-bottom:1px solid #a1a1a1; border-left:1px solid #a1a1a1; }
.data_read_agency td.line_gray08 {background-image:none; border:1px solid #a1a1a1; border-left:0;}
.data_read_agency th.line_gray09 {border-bottom:1px solid #a1a1a1; border-left:1px solid #a1a1a1;}
.data_read_agency th.line_gray10,.data_read td.line_gray10 {border-bottom:1px solid #a1a1a1;} 
.data_read_agency td.line_gray11 {background-color:#fff; background-image:none; border-bottom:1px solid #a1a1a1;}



/* 자료실우수중개업소 detail - read */






.border_01 td, .border_01 th {border-bottom:1px solid #a1a1a1; border-top-width:0;}

.data_read th.line_gray {border-left:1px solid #a1a1a1; border-bottom:1px solid #d8d8d8;}
.data_read th.line_gray01 {border-left:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1;}
.data_read td.line_gray02 {border-bottom:1px solid #a1a1a1;}
.data_read th.line_gray03 {border-bottom:1px solid #a1a1a1;}
.data_read th.line_gray04 {border-bottom:1px solid #d8d8d8;}
.data_read td.line_gray05 {border-right:1px solid #a1a1a1; background-image:none; text-align:center;}
.data_read td.line_gray06 {border-right:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; background-image:none;}
.data_read th.line_gray07 {border-top:1px solid #a1a1a1; border-right:0; border-bottom:1px solid #a1a1a1; border-left:1px solid #a1a1a1; }
.data_read td.line_gray08 {background-image:none; border:1px solid #a1a1a1; border-left:0;}
.data_read th.line_gray09 {border-bottom:1px solid #a1a1a1; border-left:1px solid #a1a1a1;}
.data_read th.line_gray10,.data_read td.line_gray10 {border-bottom:1px solid #a1a1a1;}
.data_read td.line_gray11 {background-color:#fff; background-image:none; border-bottom:1px solid #a1a1a1;}

.td_bg textarea {background-color:#f3f3f3; width:615px; height:50px; padding:5px; border:1px solid #e6e6e6; margin:10px 0; resize:none;}

.reply_area {position:relative; width:705px; height:62px; margin:15px 0 30px 0;}/* 댓글 박스(버튼) */
.btn_read_write {position:absolute; top:0; right:0; border:none; background:url("../img/btn_list_write.gif") no-repeat 0 0; width:72px; height:62px; margin:10px 0;}
.btn_re_edit {position:absolute; top:26px; right:37px; border:none; background:url("../img/comment_edite.png") no-repeat 0 0; width:32px; height:27px;}
.btn_re_cancel {position:absolute;  top:26px; right:0; border:none; background:url("../img/comment_cancel.png") no-repeat 0 0; width:32px; height:27px;}


.board_read_btn01 {position:relative; top:10px; float:left; width:40%; margin:10px 0 15px; clear:both;}
.board_read_btn02 {position:relative; top:10px; float:right; width:49%; text-align:right; margin:10px 0 15px;}
.read_content {line-height:22px; color:#707070;}
.data_read td strong {font-weight:bold; color:#707070;}


.reply_table_agency tr td {background:#efe9df; line-height:20px; border-top-width:0;}
.reply_table_agency tr td button {position:relative; top:0; right:0; float:right; border:none; font-size:9px; overflow:hidden;}
.reply_table_agency tr td .rp_btn_edit {float:left; background:url("../img/comment_modify.gif") no-repeat 0 0; width:31px; height:18px; }
.reply_table_agency tr td .rp_btn_delete {background:url("../img/comment_delete.gif") no-repeat 0 0; width:31px; height:18px; margin-right:8px;}
.reply_table_agency tr td strong {font-weight:bold;}
.reply_table_agency tr td .rp_date {font-size:10px; color:#0075a9;}
.reply_table_agency tr .rp_id {border-right:1px dotted #d1d1d1; text-align:center;}


	
	
	
	/* 댓글- paging */
	.reply_table tr td.rp_td_paging {text-align:center; background-color:#fff;}
	.rp_paging {margin:0 auto; width:100%; text-align:center;}
	.rp_paging li {display:inline; margin:0 3px; vertical-align:bottom;}
	.rp_paging li a:link {outline:1px solid #fff; padding:0 2px;}
	.rp_paging li a:hover {color:#21a39b; outline:1px solid #21a39b; padding:0 2px; text-decoration:none;}
	.rp_paging li a img {padding-bottom:1px;}
	.rp_paging li a.first:hover, .rp_paging li a.prev:hover, .rp_paging li a.next:hover, .rp_paging li a.nextEnd:hover {outline:none;}
	.rp_paging li strong {color:red; font-weight:bold;}


/* 자료실 - write */
.data_write {position:relative; top:0; width:100%; border:1px solid #d8d8d8; border-top:2px solid #21a39b; color:#878787;}
.data_write tr.th_title {border:1px solid #a4a4a4;}
.data_write th {padding:7px; background:#f4f4f4 url("../images/sub/list_title_div.gif") no-repeat right 50%; color:#707070; border-top-width:0;}
.data_write td {background-color:#f4f4f4; border-bottom:1px solid #d8d8d8; border-top:none; padding:7px 10px; border-top-width:0;}
.data_write td.td_bg, .data_write th.td_bg {background-color:#fff; background-image:none; border-bottom:1px solid #d1d1d1;}
.data_write .list_title {text-align:left;}
.data_write .title_round {color:#fff; background:url("../images/sub/list_title_round.png") no-repeat 0 0; width:78px; height:25px; 
						display:block; line-height:25px; margin:0 auto;}

.border_01 td, .border_01 th {border-bottom:1px solid #a1a1a1; border-top-width:0;}
.data_write th.line_gray {border-left:1px solid #a1a1a1; border-bottom:1px solid #d8d8d8;}
.data_write th.line_gray03 {border-left:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1;}
.data_write td.line_gray05 {border-right:1px solid #a1a1a1; background-image:none;}
.data_write td.line_gray06 {border-right:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; background-image:none;}
.board_read_btn {position:relative; top:10px; width:100%; margin:10px 0 15px; clear:both; text-align:center;}
.line_gray06 input {width:200px;}


/* testlees  */
#member_tab_box {position:absolute; top:165px; left:8px; width:931px;}
.member_tab_m li {float:left; display:inline;}
.member_tab_m .member_tab_infor a {display:inline-block; background:url("../images/sub/tab_map_on.png") no-repeat 0 0; width:77px; height:35px;}
.member_tab_m .member_tab_member a {display:inline-block; background:url("../images/sub/tab_photo.png") no-repeat 0 0; width:77px; height:35px;}

.total_member {position:relative; top:5px; right:20px; float:right;}
.total_member strong {font-weight:bold;}
.total_member em {font-weight:bold; color:#1b69cd;}


#member_list_box {position:relative; top:0; width:931px; height:auto; background-color:#fff; border:1px solid red; 
			padding:20px 25px; margin-top:20px; display:inline-block; clear:both;}
			
#member_field01 {position:relative; top:0; height:auto; *height:105px; background-color:#f4f4f4; border:1px solid #a0a0a0; border-top:2px solid #2a7de6; padding:6px 0; margin:0px 0 20px;}
#member_field01 table {margin:0 auto; width:95%;}
#member_field01 tr {height:25px;}
#member_field01 td {width:auto; padding:5px;}
#member_field01 td.right_td {text-align:right; letter-spacing:1px;}
#member_field01 .td_search {vertical-align:top; padding-left:30px; width:93px;}
#member_field01 button.btn_search {position:relative; top:0; right:0; border:0; background:url("../images/sub/btn_search01.png") no-repeat 0 0; width:93px; height:54px; display:block;}
#member_field01 label {display:inline-block; width:68px; margin-right:5px;}

	/* 관리자 - 아이콘 범례 */
	.member_write_icon_remark {position:relative; left:0; float:left; width:400px; height:18px;}
	.member_write_icon_remark li {display:inline; float:left; margin-right:10px;}

	/* Brief - paging */
	.brief_paging_box {position:relative; top:0; width:100%; border-bottom:1px dotted #d9d9d9;}
	.brief_paging {margin:20px auto; width:100%; text-align:center;}
	.brief_paging li {display:inline; margin:0 3px; vertical-align:bottom;}
	.brief_paging li a {outline:1px solid #fff; padding:0 2px;}
	.brief_paging li a:hover {color:#21a39b; outline:1px solid #21a39b; padding:0 2px;}
	.brief_paging li a img {padding-bottom:1px;}
	.brief_paging li a.first:hover, .paging li a.prev:hover, .paging li a.next:hover, .paging li a.nextEnd:hover {outline:none;}
	.brief_paging li strong {color:red; font-weight:bold;}

/* research popup*/
#wrap_border06 {position:relative; width:457px; height:316px; border:1px solid #707070; background:url("../images/sub/researchPopup.jpg") no-repeat 0 0;}
/* .popup_greeting_close {margin-top:380px; margin-left:278px; background:url("../images/sub/popup_greeting_close.png") no-repeat 0 0; width:45px; height:23px;} */


.file_wrapper02 {float:left; border:none; display:inline-block; width:130px; height:19px; background:url("../images/sub/btn_attach_photo.png") no-repeat 0 0;} /* 파일첨부 이미지버튼 */
.file_add02 {filter:alpha(opacity:0); opacity:0; width:80px; height:19px; margin-left:-4px;}/* 파일첨부 이미지버튼 */
.btn_delete_photo {float:right; background:url("../images/sub/btn_delete.png") no-repeat 0 0; width:35px; height:19px; *margin-top:-21px; margin-left:10px;}
.last_margin {margin-right:0;}

@-moz-document url-prefix(){
	.btn_delete_photo {margin-left:3px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.btn_delete_photo {margin-left:3px;}
}


/**전세가율 조회화면 페이지*/
.tooltip{
			position:relative;
			display:inline-block;
			cursor:pointer;
		}
		
		.tooltip .tooltiptext_a{
		    visibility: hidden;
		    width: 540px;
		    height: 420px;
		    background-color: #2262ac;
		    color: #fff;
		    text-align: left;
		    padding: 5px 5px;
		    border-radius: 20px;
		    /* top: -7px; */
		    left: -280px;
		    position: absolute;
		    top: -20px;
		    z-index: 1;
		    font-size: 13px;
		}
		
		.tooltip .tooltiptext_b{
		    visibility: hidden;
		    width: 540px;
		    height: 300px;
		    background-color: #2262ac;
		    color: #fff;
		    text-align: left;
		    padding: 5px 5px;
		    border-radius: 20px;
		    /* top: -7px; */
		    left: -280px;
		    position: absolute;
		    top: -20px;
		    z-index: 1;
		    font-size: 13px;
		} 
		
		.tooltip .tooltiptext_c{
		    visibility: hidden;
		    width: 540px;
		    height: 170px;
		    background-color: #2262ac;
		    color: #fff;
		    text-align: left;
		    padding: 5px 5px;
		    border-radius: 20px;
		    /* top: -7px; */
		    left: -280px;
		    position: absolute;
		    top: -20px;
		    z-index: 1;
		    font-size: 13px;
		}
		
		.tooltip:hover .tooltiptext_a{
			visibility:visible;
		}
		.tooltip:hover .tooltiptext_b{
			visibility:visible;
		}
		.tooltip:hover .tooltiptext_c{
			visibility:visible;
		}
		
		.rent_rate_table th{
		    background: #dce5f1;
		    border-bottom: 1px solid #a3b9cc;
		    font-weight: normal;
		    padding: 3px 0;
		    text-align: center;
		    font-size: 14px;
		    letter-spacing: -1px;
		    color: #000;
		    border-right: 1px solid #ccc;
		    white-space: nowrap;
		}
		
		.rent_rate_table td {		    
		    border-bottom: 1px solid #a3b9cc;
		    font-weight: normal;
		    padding: 10px;
		    text-align: center;
		    font-size: 14px;
		    letter-spacing: -1px;		    
		    border-right: 1px solid #ccc;
		    white-space: nowrap;
		 }
		 
		 .wrap_loading{
		 
		 	position:fixed;
		 	left:0;
		 	top:0;
		 	right:0;
		 	bottom:0;
		 	background: rgba(0,0,0,0.2);
		 	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000',endColorstr='#20000000');
		 			 
		 }
		  
		 .wrap_loading div{		 
		 	position:fixed;
		 	top:50%;
		 	left:50%;
		 	margin-left:-21px;
		 	margin-top:-21px;
		 }
		 
		 .display-none{
		 	display:none;
		 }
		  
		 .rent_rate_table tbody tr:nth-child(2n+1){
		 	background-color : #f0f0f0;
		 }
		 .rent_rate_table tbody tr:nth-child(1){
		 	background-color : #f1e6c7;;
		 }
		 .rent_rate_table tbody tr:nth-child(2){
		 	background-color : #cfe8d1;
		 }
		 .rent_rate_table tbody tr:nth-child(3){
		 	background-color : #cfe8d1;
		 }
		 /* .rent_rate_table tbody tr:nth-child(4){
		 	background-color : #cfe8d1;
		 } */
		 		 
		 
		 .rent_rate_table thead tr th{
			 position : sticky; 
			 top : 0;			 
		 }


#sub_field02 {    position: relative;
    top: 0;
    width: 100%;;
    height: 120px;
    background-color: #f4f4f4;
    border: 1px solid #a0a0a0;
    border-top: 2px solid #2a7de6;
    padding: 0;
    /* margin: 0px 0 20px; */}
#sub_field02 table {margin:0 auto; width:95%;}
#sub_field02 tr {height:25px;}
#sub_field02 td {padding:5px;}
#sub_field02 td.right_td {text-align:right; letter-spacing:1px;}
#sub_field02 .td_search {vertical-align:top; padding-left:30px; width:93px;}
#sub_field02 button.btn_search {position:relative; top:0; right:0; border:0; background:url("../img/btn_search01.png") no-repeat 0 0; width:93px; height:54px; display:block;}
#sub_field02 label {display:inline-block; /* width:68px; */ margin-right:5px; font-weight:bold;}
