@import url('sub.css');


/*.header{position: absolute; background:var(--white);}*/
/*.header.nofixed{top:0;}*/



/**** S:: 전국실거래정보 ****/
.national{width: 100%; height: calc(100vh - 100px); padding: 20px 0 0; position: relative; background:url('/national/img/national_map.jpg') no-repeat center/cover;}
	.national_search{border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background:var(--whihte); display: flex; box-sizing:border-box; padding: 10px 25px; background:var(--white); position: relative; z-index: 9;}
	.national_search .left{width: calc(100% - 40px);}
	.national_search .left ul{display: flex;}
	.national_search .left ul li{margin:0 0 0 8px; width: 100%; overflow: hidden; max-width:110px; box-sizing:border-box;}
	.national_search .left ul li.small{max-width:100px;}
	.national_search .left ul li.search{margin:0; max-width:300px; width: 100%; height: 40px; border:1px solid var(--border); border-radius:5px; display: flex;}
	.national_search .left ul li.search .search_input{display: block; padding:0 20px; width: calc(100% - 40px); height: 40px; line-height:38px; border:0; background:var(--white); font-size:0.882rem; letter-spacing: -0.45px; box-sizing:border-box;}
	.national_search .left ul li.search .search_input::plaseholder{color:var(--light); font-size:0.882rem; letter-spacing: -0.45px;}

	.national_search .left ul li.search .btn_b_s{font-size:0; border:0; background:none; padding:0; position: relative; width: 40px; height: 40px; cursor:pointer;}
	.national_search .left ul li.search .btn_b_s:after{content:'\e8b6'; display: block; width: 100%; height: 100%; font-size:20px; line-height: 40px; text-align:center; font-family:var(--icon); color:var(--black); position: absolute; right:5px; top:0;}

	.btn_b_s{font-size:0; border:0; background:none; padding:0; position: relative; width: 40px; height: 40px; cursor:pointer;}
	.btn_b_s:after{content:'\e8b6'; display: block; width: 100%; height: 100%; font-size:20px; line-height: 40px; text-align:center; font-family:var(--icon); color:var(--black); position: absolute; right:5px; top:0;}

	.national_search .left ul li .select{box-sizing:border-box; width: 100%; height: 40px; line-height: 38px; border:1px solid var(--border); border-radius:5px; padding:0 20px; font-size:0.882rem; letter-spacing: -0.45px; color:var(--black);}
	.national_search .right{width: 40px; display: flex; align-items:center; justify-content: flex-end;}
	.national_search .right .reset_btn{padding:0; border:0; font-size:0; cursor:pointer; transition:all .3s; width: 40px; height: 40px; border-radius:5px; background:var(--main); position: relative; color:var(--white);}
	.national_search .right .reset_btn:hover{background:var(--sub); color:var(--main);}
	.national_search .right .reset_btn:after{content:'\f053'; display: block; width: 100%; height: 100%; font-size:20px; line-height: 40px; text-align:center; font-family:var(--icon); position: absolute; right:0; top:0;}

	/*.reset_btn{padding:0; border:0; font-size:0; cursor:pointer; transition:all .3s; width: 40px; height: 40px; border-radius:5px; background:var(--main); position: relative; color:var(--white);}*/
	/*.reset_btn:hover{background:var(--sub); color:var(--main);}*/
	/*.reset_btn:after{content:'\f053'; display: block; width: 100%; height: 100%; font-size:20px; line-height: 40px; text-align:center; font-family:var(--icon); position: absolute; right:0; top:0;}*/

	.marker_trade{position: absolute; font-size:0.765rem; font-weight: 600; color:var(--white); background:url('/assets/images/newNational/marker.png') no-repeat center/contain; width: 147px; height: 147px; line-height: 147px; text-align:center;}
	.marker1{left:10%; top:30%;}
	.marker2{left:30%; top:40%;}
	.marker3{left:20%; top:60%;}
	.marker4{left:35%; top:70%;}
	.marker5{left:50%; top:70%;}

	.deal_item{max-width:190px; width: 195px; position: absolute; left: 60%; top:50%; }
	.deal_item a{display: block; box-sizing:border-box; padding:20px 25px 16px; border-radius:5px; background:var(--white); border:1px solid var(--border); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.20);}
	.deal_item dl{}
	.deal_item dl dt{}
	.deal_item dl dt .fs17{font-weight: 700; color:var(--black); line-height: 140%;}
	.deal_item dl dt .fs13{padding: 3px 0 0; line-height: 150%;}
	.deal_item dl dd{margin: 10px 0 0; padding: 10px 0 0; border-top:1px solid var(--border);}
	.deal_item dl dd .fs13{}
	.deal_item dl dd .fs13 b{display: inline-block;width: 53px; font-weight: 600; color:var(--black);}
	.deal_item dl dd ul{margin: 20px 0 0; background:rgba(124, 94, 66, .1); border-radius:5px; display: flex;}
	.deal_item dl dd ul li{flex:1; text-align:center; font-size:0.765rem; line-height: 26px; font-weight: 600; color:rgba(124, 94, 66, 0.5);}
	.deal_item dl dd ul li.date:before{content:'\e8b5'; margin: -2px 3px 0 0; font-weight: 400; display: inline-block; vertical-align: middle; font-size:16px; font-family:var(--icon); }



	#realTradeDetail .popup_in{max-width:1000px; height: 80vh; overflow: hidden;}
	#realTradeDetail .popup_con{height: calc(100% - 82px); padding: 50px 10px 0;}
	#realTradeDetail .deal_cont{height: 100%; overflow-x: hidden; overflow-y: auto; padding: 0 20px 50px; box-sizing:border-box;}
		.deal_cont{}
		.deal_cont .tit{display: flex; align-items:center;}
		.deal_cont .left{width: calc(100% - 230px); box-sizing:border-box; padding:0 30px 0 0;}
		.deal_cont .left .fs13{font-weight: 600; color:var(--main); margin: 0 0 15px; line-height: 26px;}
		.deal_cont .left .fs13 b{display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; width: 64px; height: 26px; line-height: 26px; border-radius:5px; background:rgba(124, 94, 66, .1); text-align:center;}
		.deal_cont .left .fs15{padding: 5px 0 0;}
		.deal_cont .deal_price{width: 230px; height: 60px; border-radius:60px; background:var(--sub4); display: flex; justify-content: center; text-align:center;}
		.deal_cont .deal_price dt,
		.deal_cont .deal_price dd{font-size:1.235rem; font-weight: 600; color:var(--white); letter-spacing: -1.05px; line-height: 60px;}
		.deal_cont .deal_price dt{padding: 0 30px 0 0; position: relative;}
		.deal_cont .deal_price dt:after{content:''; display: block; width: 1px; height:15px; background:rgba(255,255,255,.2); position: absolute; right: 15px; top:50%; margin-top: -7px;}
		.deal_cont .deal_price dt:before{content:'\ef63'; display: inline-block; vertical-align: middle; margin:-2px 10px 0 0; font-size:20px; font-family:var(--icon); font-weight: 400;}

			.deal_info{margin:30px 0 0; display: flex; flex-wrap:wrap;}
			.deal_info dl{display: flex; align-items:center; width: 25%; padding: 0 20px 0 0; box-sizing:border-box;}
			.deal_info dl dt{width: 40px;}
			.deal_info dl dt img{width: 100%; height: auto;}
			.deal_info dl dd{width: calc(100% - 40px); padding:0 0 0 10px; box-sizing:border-box; text-align:left;}
			.deal_info dl dd .fs15{font-weight: 600; color:var(--black); line-height: 130%;}
			.deal_info dl dd .fs13{padding:2px 0 0;}
			.deal_img{margin: 30px 0 0; border-radius:10px; overflow: hidden; display: flex;}
			.deal_img article{width: 50%; position: relative;}
			.deal_img article img{width: 100%; height:auto !important;}
			.deal_img article.deal_map:after{content:''; display:block; width:48px; height:48px; background:url('/national/img/pin.png') no-repeat center/contain; position: absolute; left:50%; top:50%; margin-left: -24px; margin-top: -24px;}
			.deal_detail{margin: 30px 0 0; padding:30px 0; box-sizing:border-box; border:1px solid var(--border); border-radius:10px; display: flex;}
			.deal_detail li{padding: 0 20px; border-right: 1px solid var(--border); box-sizing:border-box; width: 25%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
			.deal_detail li:last-child{border:0;}
			.deal_detail li img{margin:0 auto 20px;}
			.deal_detail li .fs17{font-weight: 600; color:var(--black);}
			.deal_detail li .fs15{letter-spacing: 0; padding: 3px 0 0;}
			.deal_detail li .unit{width: 64px; line-height: 26px; text-align:center; border-radius:26px; font-weight: 600; color:var(--black); background:var(--grayBg); margin: 10px auto 0;}
			.deal_detail li .unit:before{content:'\f053'; display: inline-block; vertical-align: middle; margin:-2px 3px 0 0; font-size:18px; font-family:var(--icon); font-weight: 400;}
/**** E:: 전국실거래정보 ****/