@charset "utf-8";

#map-canvas, #map_canvas {
	width: 98%;       /* 구글 지도 넓이 */
	height: 550px;      /* 구글 지도 높이 */
	font-size: 12px;
}

/* 말풍선관련 css 시작 */
.map_Heading {         /* 말풍선 타이틀(회사명) css */
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #30C;
}

.map_Content {         /* 말풍선 내용 css */
	font-size: 12px;
	color: #333;
}

/* 말풍선 회사홈페이지 링크 css */
a:link.map_Content {
	text-decoration: none;
	color: #333;
}

a:active.map_Content {
	text-decoration: none;
	color: #333;
}

a:visited.map_Content {
	text-decoration: none;
	color: #333;
}

a:hover.map_Content {
	text-decoration: none;
	color: #A2002E;
}




/* 회사위치 */
.mapWrap{overflow:hidden;width:100%;margin:20px auto 30px;}
.mapWrap .mapImg{float:left;width:50%;}

.contact_location{float:left;width:45%;margin:0 0 0 20px;}
.contact_location .loc .tit,
.contact_location .info .tit{margin-bottom:26px;padding-top:22px;background:url(../images/sub/sub01/icon_location_point.gif) no-repeat 0 0;color:#000;font-size:20px;}
.contact_location .loc dl{/* padding-left:70px;background:url(../images/sub/sub01/blu_detail_cate_box.png) no-repeat 0 0; */font-size:13px;font-family:"돋움", Dotum;}
.contact_location .loc dl dt,
.contact_location .info dl dt{color:#000;font-weight:bold;font-size:15px;}
.contact_location .loc dl dd,
.contact_location .info dl dd{margin:15px 0;line-height:20px;}

.contact_location .info dl dd.mb{margin-bottom:35px;}
.contact_location .info dl dd a{color:#d6006f;text-decoration:underline;}


/* 말풍선관련 css 끝 */
@media print {
	#map_canvas {
		height: 650px;
	}
}

@media only screen and (max-width: 1180px){

	#map_canvas{width:100%;}	
	.root_daum_roughmap{width:100% !important;}
}

@media only screen and (max-width: 851px) and (min-width: 641px){

	.contact_location{width:40% !important;margin-left:40px;}
	.root_daum_roughmap{width:100% !important;}

}

@media only screen and (max-width: 640px){
	
	.mapWrap{float:none;}
	.mapWrap .mapImg{width:100%;text-align:center;float:none;}
	.root_daum_roughmap{width:100% !important;}
	.contact_location{float:none;width:100%;margin:5% auto;}

}