/**************** public *******************/
@charset "utf-8";
@font-face {
    font-family: 'Nanum Gothic';
    src: url('../fonts/NanumGothic-ExtraBold.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family: 'Nanum Gothic';
    src: url('../fonts/NanumGothic-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Nanum Gothic';
    src: url('../fonts/NanumGothic-Regular.ttf') format('truetype');
    font-weight: 400;
} 
:root {
    --color-primary: #323c6e;
}

@media ( max-width:1280px ) {
    /* [class *= 'font-type'] {  font-size:1.5em !important;} */
	/* .customoverlay * { font-size : 1.1rem !important;} */
	.customoverlay .title { font-size : 16px !important;}
	.customoverlay .marker_desc { font-size : 16px !important;}
	.customoverlay .marker_desc .detail_desc { font-size : 14px !important;}
	
	.lowest:before, .gamjung:before, .buildArea:before, .landArea:before, .cate01:before, .cate02:before , .cate03:before  {
		font-size : 0.9rem !important;
		width : 20px !important;
		height : 20px !important;
		margin-top : 3px;
	}
}

.loader {
	z-index : 2;
	width: 100%;
	height: 100%;
}
.loader_con {
	background-color : #888;
	color : #fff;
	font-size : 1.2em;
	text-align : center;
	line-height : 2em;
	padding : 15px;
	border-radius : 10px;
	position : absolute; 
	top : 50% ; 
	left : 50%; 
	opacity : 70%;
	transform:translateX(-50%) 
	translateY(-50%); 
}

a {text-decoration:none;}
.customoverlay {position:relative;bottom:5px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #d95050;background: #d95050 url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right center;}
.customoverlay .title {display:block;text-align:center;background:grey;color:#fff;padding:10px 15px;font-size:14px;font-weight:bold;}

.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}

.customoverlay .marker_desc {display:block;text-align:left;background:#fff;margin:0;padding:10px 15px;font-size:14px;font-weight:normal;}
.customoverlay .marker_desc .detail_desc {font-size:13px;}
.cate_summary .title { background : #555; }
.cate_summary .marker_desc { text-align : center; }

a:link, a:visited, a:active, a:hover { text-decoration:none; }

/* .top_con_head { height: 203px; width : 100%; display : flex; align-items: center; border-bottom : 1px solid #bbb; } */
.top_con_head { height: 153px; width : 100%; display : flex; align-items: center; border-bottom : 1px solid #bbb; }
.full_height, .loader { height: 100vh; height: calc(var(--vh, 1vh) * 100); }

.top_con_head .top_title { font-size : 2.0em; text-align : center; margin : auto; font-weight : 700;}

.top_con_head .top_right { font-size : 1.2em; background-color : navy; color : #fff; padding : 1px 8px; border-radius : 16px; font-weight : 700; }

.top_desc { width : 100% ; font-size : 0.5em; margin : auto; }

.top_desc div {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
	font-weight : 400;
}

.cate01:before {
    content: " ";
    background: #d95050;	
}
.cate02:before {
    content: " ";
    background: #c7af36;	
}
.cate03:before {
    content: " ";
    background: #006449;	
}


// #map > div > div > div > div > img { display : none !important; } 
.주거용 .landArea, .비주거 .landArea { display : none; }
.토지 .buildArea { display : none; }
.주거용 .title {
background: #d95050 url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
.비주거 .title {
background: #c7af36 url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
.토지 .title {
background: #006449 url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}

.gamjung, .lowest, .buildArea,.landArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
}
.gamjung:before {
    content: "감";
    background: #666;
}
.lowest:before {
    content: "저";
    background: #3284ff;
}
.buildArea:before {
    content: "건";
    background: grey;
}
.landArea:before {
    content: "토";
    background: green;
}
.lowest:before, .gamjung:before, .buildArea:before, .landArea:before, .cate01:before, .cate02:before , .cate03:before  {
		font-size : 11px;
		line-height : 1em;
		display : inline-flex;
		justify-content : center;
		align-items : center;
		width : 16px;
		height : 16px;
		border-radius: 4px;
		color: #fff;
		text-align: center;
		margin-right : 10px;
}
.marker_desc div { width : 100%; text-align : right; }

/*.address_wrap {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 8px 24px;
    border-radius: 24px;
    box-shadow: 1px 3px 6px rgba(0,0,0,0.16);
    z-index: 2;
}*/

.btn_wrap {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
}

.btn_inner {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
}

.btn_wrap > .btn_inner > .btn > div {
	font-size : 0.9em;
	line-height : 1em;
	word-break : keep-all;
	text-align: center;
	color : #333;
	font-weight : bold;
	padding : 0;
	margin : 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
	width : 50px;
	border : 1px solid #bbb;
    border-radius: 5px;
    background: #fff;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.16);
    cursor: pointer;
}

.current_loc {
	color : #fff !important;
	background : #333 !important;
}

.sale_method {
	margin-top : 15px;
	font-size : 16px;
	font-weight : normal;
	letter-spacing : 0.5em;
}

label{ margin : 0 0 0 5px; }
.option_btn {
	margin-left : 0;
	padding : 2px 8px;
	background : #fff;
	border : 3px solid #323c6e;
	border-radius : 6px;
	font-size : 0.9em;
	font-weight : bold;
	color : #323c6e;
	cursor : pointer;
	text-align : center;
	
}
.bg_navy {
	color : #fff;
	background : #323c6e;
}

.wrap {position: absolute;left: 0;bottom: 40px;width: 288px;height: 132px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
.wrap * {padding: 0;margin: 0;}
.wrap .info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.info .title {padding: 5px 0 0 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
.info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
.info .close:hover {cursor: pointer;}
.info .body {position: relative;overflow: hidden;}
.info .desc {position: relative;margin: 13px 0 0 90px;height: 75px;}
.desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
.info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
.info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.info .link {color: #5085BB;}

.estate-checkbox,.basic-checkbox {
	position: relative;
	display: inline-flex;
}
.estate-checkbox input,
.basic-checkbox input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 100;
}

.estate-checkbox input + label {
justify-content: center;
align-items: center;
text-align: center;
padding : 5px 20px 5px 23px;
height: 20px;
border-radius: 8px;
font-size: 14px;
letter-spacing: 5px;
background-color: #eaeeff;
transition: all 0.3s;
-webkit-transition: all 0.3s;
color: #111;
cursor: pointer;
}
.estate-checkbox.BGmint input + label { background-color: #ede0ff; }
.estate-checkbox.BGmint input:checked + label { color: #fff; background-color: #2d84b1; font-weight : 800; }

.estate-checkbox.BGred input + label { background-color: #ffe0f5; }
.estate-checkbox.BGred input:checked + label { color: #fff; background-color: #ce5555; font-weight : 800; }


.remove_contain {
	display : flex;
	flex-direction : row-reverse;
	width : 100%;
	margin-right : 0;
}
.remove_overlay {
	text-align : center;
	background : #fff;
	width : 50px;
	font-size : 0.9em;
	line-height : 1.6em;
	padding : 0;
	border-radius : 5px;
	border : 1px solid #bbb;
}


@media screen and (max-width: 834px) {
   /* .top_con_head { height: 196px; width : 100%; display : flex; align-items: center; border-bottom : 1px solid #bbb; } */
   .top_con_head { height: 156px; width : 100%; display : flex; align-items: center; border-bottom : 1px solid #bbb; }
   .full_height, .loader { height: 100vh; height: calc(var(--vh, 1vh) * 100); }

   .top_con_head .top_title { font-size : 2.0em; text-align : center; margin : auto; font-weight : 700;}

   .top_con_head .top_right { font-size : 1.2em; background-color : navy; color : #fff; padding : 1px 8px; border-radius : 16px; font-weight : 700; }

}


@media screen and (max-width: 414px) {
   /* .top_con_head { height: 170px; width : 100%; display : flex; align-items: center; border-bottom : 1px solid #bbb; } */
   .top_con_head { height: 130px; width : 100%; display : flex; align-items: center; border-bottom : 1px solid #bbb; }
   .full_height, .loader { height: 100vh; height: calc(var(--vh, 1vh) * 100); }

   .top_con_head .top_title { font-size : 1.5em; text-align : center; margin : auto; font-weight : 700;}

   .top_con_head .top_right { font-size : 1.2em; background-color : navy; color : #fff; padding : 1px 8px; border-radius : 16px; font-weight : 700; }

}

.top_con_head .top_title { margin-bottom : 20px; }