div#main_content_wrapper div#main_content
{
	padding-top: 20px;
}

div#main_content div#summary p#top_summary
{
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	letter-spacing: -1px;
	line-height: 27px;
}

div#main_content div#summary p#top_summary strong
{
	font-size: 22px;
	font-weight: bold;
	color: #AD924F;
}

div#main_content div#summary p#top_summary span
{
	font-size: 22px;
	font-weight: bold;
	color: #333333;
}

div#main_content div#summary p#bottom_summary
{
	padding: 8px 0 15px 0;
	line-height: 20px;
}

/*div#main_content div#map_area img
{
	width: 100%;
	height: auto;
}*/

div#main_content ul
{
	float: left;
	width: 100%;
}

div#main_content ul li
{
	clear: both;
	line-height: 20px;
	border-bottom: 1px dotted #999999;
}

div#main_content ul li.first_child
{
	padding: 11px 0 12px 0;
	background: url("/images/open_content/introduction/roadmap/bg_address.jpg") 0 13px no-repeat;
	background-size: 32px 32px;
}

div#main_content ul li.child_02
{
	padding: 13px 0 13px 0;
	background: url("/images/open_content/introduction/roadmap/bg_tel.jpg") 0 6px no-repeat;
	background-size: 32px 32px;
}

div#main_content ul li.last_child
{
	padding: 13px 0 13px 0;
	background: url("/images/open_content/introduction/roadmap/bg_fax.jpg") 0 6px no-repeat;
	background-size: 32px 32px;
}

div#main_content ul li strong
{
	display: block;
	float: left;
	width: 40px;
	padding: 0 0 0 40px;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}

div#main_content ul li.first_child strong
{
	padding: 10px 0 0 40px;
}

div#main_content ul li span
{
	display: block;
	overflow: hidden;
}

div#main_content ul li.first_child span
{
	padding: 10px 0 0 0;
}

div#main_content dl
{
	min-height: 91px;
	padding: 0 90px 15px 0;
	border-bottom: 1px dotted #999999;
}

div#main_content dl#traffic_01
{
	background: url("/images/open_content/introduction/roadmap/bg_ktx.jpg") right 15px no-repeat;
	background-size: 76px 76px;
}

div#main_content dl#traffic_02
{
	background: url("/images/open_content/introduction/roadmap/bg_air.jpg") right 15px no-repeat;
	background-size: 76px 76px;
}

div#main_content dl#traffic_03
{
	background: url("/images/open_content/introduction/roadmap/bg_bus.jpg") right 15px no-repeat;
	background-size: 76px 76px;
}

div#main_content dl#traffic_04
{
	background: url("/images/open_content/introduction/roadmap/bg_car.jpg") right 15px no-repeat;
	background-size: 76px 76px;
}

div#main_content dl dt
{
	padding: 15px 0 0 0;
	font-size: 15px;
	color: #333333;
	font-weight: bold;
}

div#main_content dl dd
{
	padding: 8px 0 0 8px;
	line-height: 20px;
	letter-spacing: -1px;
	background: url("/images/common/bg_list_dotted.jpg") 0 16px no-repeat
}

@media screen and (min-width: 750px)
{
	div#main_content
	{
		background: url("/images/open_content/introduction/roadmap/bg_visual.jpg") right 25px no-repeat;
	}

	div#main_content div#summary
	{
		padding: 20px 0 0 0;
	}

	div#main_content div#summary p#top_summary
	{
		text-align: left;
		font-size: 26px;
		line-height: 31px;
	}

	div#main_content div#summary p#top_summary strong
	{
		font-size: 26px;
	}

	div#main_content div#summary p#top_summary span
	{
		font-size: 26px;
		display: block;
	}

	div#main_content div#summary p#bottom_summary
	{
		padding: 13px 0 0 0;
		text-align: left;
	}

	div#main_content div#map
	{
		margin: 30px 0 0 0;
	}

	div#main_content dl
	{
		width: 48%;
		height: 125px;
		padding: 0 0 0 0;
	}

	div#main_content dl#traffic_01
	{
		float: left;
	}

	div#main_content dl#traffic_02,
	div#main_content dl#traffic_04
	{
		float: right;
	}

	div#main_content dl#traffic_03
	{
		clear: both;
		float: left;
	}

	div#main_content dl dd span
	{
		display: block;
	}
}

div.map
{
	padding: 10px 10px;
	background-color: #42404e;
	border-radius: 5px;
}

div#map
{
	height: 300px;
}


/* map */
#map_wrapper{overflow:hidden;margin-bottom:20px;position:relative}
#map_wrapper #map{width:100%;height:250px}
#map_wrapper #map #marker{width:150px;padding:5px 5px 5px 5px;text-align:center;font-weight:bold;color:#333333}
.customoverlay{position:relative;float:left;bottom:85px;border-radius:0;border:1px solid #ccc;border-bottom:2px solid #ddd}
.customoverlay:nth-of-type(n){border:0;box-shadow: 0px 1px 2px #888}
.customoverlay a{overflow:hidden;display:block;border-radius:0;color:#3d3129;font-size:14px;font-weight:bold;background: #0065b3 url("http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png") no-repeat right 14px center;text-align:center;text-decoration:none}
.customoverlay a:hover{opacity:1}
.customoverlay .title{display: block;margin-right:35px;padding:10px 15px;font-size:14px;font-weight:bold;background:#fff;text-align:center}
.customoverlay:after{content: '';position:absolute;left:50%;bottom:-12px;width:22px;height:12px;margin-left:-12px;background:url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.radius_border{border:1px solid #000;border-radius:0px}     
.custom_typecontrol{position:absolute;top:20px;right:20px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;font-size:14px;z-index:1}
.custom_typecontrol span{display:block;width:50%;height:30px;float:left;text-align:center;line-height:31px;cursor:pointer}
.custom_typecontrol .btn{color:#333;background:#fff;background:linear-gradient(#fff,  #e6e6e6)}       
.custom_typecontrol .btn:hover{background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3)}
.custom_typecontrol .btn:active{background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff)}    
.custom_typecontrol .selected_btn{color:#fff;background:#000;background:linear-gradient(#000, #333)}
.custom_typecontrol .selected_btn:hover{color:#fff}   
.custom_zoomcontrol{position:absolute;top:60px;right:20px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5} 
.custom_zoomcontrol span{display:block;width:36px;height:40px;text-align:center;cursor:pointer}     
.custom_zoomcontrol span img{width:15px;height:15px;margin-top:11px;margin-right:1px;border:none}             
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf}

@media screen and (min-width: 700px)
{
	div.map
	{
		margin-top: 50px;
	}

	#map_wrapper #map{width:100%;height:450px}

	table.common
	{
		margin-top: 50px;
	}
}