@charset "UTF-8";

.map_wrap {
	overflow: hidden;
	height: 330px
}
/* 지도위에 로드뷰의 위치와 각도를 표시하기 위한 map walker 아이콘의 스타일 */
.MapWalker {
	position: absolute;
	margin: -26px 0 0 -51px
}

.MapWalker .figure {
	position: absolute;
	width: 25px;
	left: 38px;
	top: -2px;
	height: 39px;
	background:
		url(https://t1.daumcdn.net/localimg/localimages/07/2012/roadview/roadview_minimap_wk.png)
		-298px -114px no-repeat
}

.MapWalker .angleBack {
	width: 102px;
	height: 52px;
	background:
		url(https://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;
}

.mapTypecontorol {
	z-index: 2;
	position: absolute;
	top: 3px;
	right: 163px;
	background: white;
	border-radius: 6px;
	padding: 4px;
	cursor: pointer;
	border: 1px solid #7f8183;
	color: #5a5f6c;
	height: 24px;
	line-height: 14px;
	box-shadow: 1px 1px 5px 0px #a7a7a7;
}



#trafficBtn,#terrainBtn,#roadviewControl {
	width: 71px;
	right: 116px;
	height: 32px;
	border: 0;
	/* width: 65px; */
	text-align: center;
	box-shadow: 1px 1px 5px 0px #a7a7a7;
	border-radius: 6px;
	box-sizing: unset;
	padding: 2px;
	line-height: 31px;
	/* text-shadow: 1px 1px 0px black; */
	font-weight: bold;
	/* border: 1px solid white; */
}
#terrainBtn {
	right: 196px;
	width: 67px;
}
#roadviewControl{
	
right: 271px;
}
.mapTypecontorol.view_mapType{
	/* background: #3396ff; */
	/* border: 1px solid blue; */
	/* color: white; */
}

.mapTypecontorol.view_mapType>span{
    background: #3396ff;
    border: 1px solid #2e88e8;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 4px;
    color: white;
}

.mapHideToggleBtn, .icon_toggle{
	background: url(../img/map/roadview_minimap_toggle2x.png) no-repeat;
	cursor : pointer;
}

.mapHideToggleBtn{
    position: absolute;
    z-index: 5;
    width: 30px;
    height: 30px;
    bottom: 19px;
    background-size: 60px 60px;
    background-position: 0 0;
    display : none;
}
.icon_toggle{
    display: block;
    width: 100%;
    height: 100%;
    background-size: 70px 67px;
    background-position: 0px -36px;
}

.mapHideToggleBtn.mapOpenToggle .icon_toggle{
	background-position: -32px -36px;
}


#mapWrapper.hideMiniMap{
	width : 0px !important;
	height : 0px !important;
	/* 	top : 0px !important; */
	bottom : 0px !important;
	transition:width 0.5s, height 0.5s;
	/* 	bottom : 0px !important; */
}

.accessLocation {
	top: 235px;
	right: 2px;
	width: 32px;
	height: 32px;
	border: 0;
	background: url(../img/map/img_search.png) no-repeat -153px -451px;
}
.mapContent>div:last-child,
.mapContent>div:last-child>div{left: inherit !important;right: 1px;}

.markerBtn .pBtn,
.markerBtn .sBtn,
.markerBtn .iBtn{
	display : none;
}

.markerBtn .current{
    background: linear-gradient(rgb(255, 255, 255), rgb(164, 192, 221));	
}


.markerBtn .sBtn#G2A{
	font-size : 10px;
}
.marker_wrap {position: absolute;left: 2px;bottom: 21px;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;}
    .marker_wrap * {padding: 0;margin: 0;}
    .marker_wrap .info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
    .marker_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('https://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: 0px 0 0 -4px; */padding-left: 15px;padding-top: 8px;}

    .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .desc .jibun {font-size: 12px;/* color: #888; *//* margin-top: 1px; */}
    .desc .menu{
    padding-top: 7px;
}
    .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('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
    .info .link {color: #5085BB;padding-right: 7px;}
    .info .link.delBtn {display : none}
    .info .link.delBtn.current {display : block}
    .info .link:hover {color: #4682be;font-weight: bold;font-size: 13px;}


.search_box{
	position: absolute;
	z-index: 2;
	width: 0px;
	height: 46px;
	/* background: white; */
	/* border-radius: 83px; */
	/* border: 1px solid; */
	display: flex;
	/* align-items: center; */
	top: 5px;
	left: 13px;
	transition : 0.2s;
}

.view_roadview .search_box{
    left: 61px;
}

.search_box.current{
	width : 300px;
	transition : 0.2s;
}


.search_box .btn_search{
	
width: 32px;
	
height: 33px;
	
position: absolute;
	
background: white;
	
/* padding: 13px; */
	
border: 0;
	
background-image: url(/ilight/img/map/search.png);
	
background-position: -121px -58px;
	
background-size: 192px 174px;
	
/* top: 21px; */
	
margin-left: 12px;
	
margin-top: 6px;
	
cursor : pointer;
} 
.search_box .input_search{
	
width: 100%;
	
padding-left: 55px;
	
border: 1px solid gray;
	
border-radius: 3px;
	
box-shadow: 1px 1px 2px 0px black;
} 
.radius_border{/* border:1px solid #919191; */border-radius:5px;}     
.custom_zoomcontrol {display: none;position:absolute;top: 43px;right: 3px;width:36px;height:80px;overflow:hidden;z-index: 3;background-color: white;box-shadow: 1px 1px 5px #a7a7a7;} 
.custom_zoomcontrol span {display:block;/* width:36px; *//* height:40px; */text-align:center;cursor:pointer;}     
.custom_zoomcontrol span img {width: 15px;height:15px;padding:12px 0;border:none;box-sizing: unset;}             
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}  



@media (max-width : 750px){
	.fold_on #roadviewControl{
	    overflow: hidden;
/* 	    top: 274px; */
/* 	    right: 2px; */
	    width: 32px;
	    height: 32px;
	    padding: 0;
	    top : 5px;
	}
	.fold_on #roadviewControl span{
		
	    background-position-x: 7px;
	    padding-left : 100%;
	}
	.fold_on #roadviewControl.active span{
		background-position-x: 7px;
    	padding-left : 100%;
	}
}


@media (max-width : 670px){
	.fold_on #terrainBtn,
	.fold_on #trafficBtn{
		display : none;
	}
}
@media (max-width : 710px){
	.fold_on #roadviewControl{
   	    top: 274px;
	    right: 2px;
	}
	@media(max-height:430px){
		.fold_on #roadviewControl{
   	    	top: 165px;
   	    	right: 4px;
  }
	}
	
}

@media (max-width : 424px){
	#roadviewControl{
	    overflow: hidden;
/* 	    top: 274px; */
/* 	    right: 2px; */
	    width: 32px;
	    height: 32px;
	    padding: 0;
	    top : 5px;
	}
	#roadviewControl span{
		
	    background-position-x: 7px;
	    padding-left : 100%;
	}
	#roadviewControl.active span{
		background-position-x: 7px;
    	padding-left : 100%;
	}
}

@media (max-width : 380px){
	#roadviewControl{
   	    top: 274px;
	    right: 2px;
	}
}

@media (max-width : 346px){
	#terrainBtn,
	#trafficBtn{
		display : none;
	}
}




@media(max-height:430px){
	.custom_zoomcontrol{
		display : block;
	}
	.accessLocation{
		top: 128px;
		right : 4px;
	}
	.mapContent>div:last-child>div:last-child{
		display : none !important;
	}
}