
/* 모바일 환경 */
@media screen and (max-width:800px){
	/* 탑메뉴 */
	#wrap > #top_menu{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:60px;
		background-color:#1d3148;
		opacity:1.0;
		z-index:2;
	}
	#wrap > #top_menu > #top_menu_content{
		width:100%;
		height:60px;
		box-shadow:0 0 7px 0 #777;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap{
		position:relative;
		width:100%;
		height:100%;
	}		
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global{
		position:relative;
		width:100%;
		height:100%;
		margin:auto;
	}		
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > div#logo{
		position:absolute;
		top:0px;
		left:10px;
		height:100%;
		line-height:60px;
		font-family:"고딕","HY견고딕","Impact";
		font-size:20px;
		font-weight:bold;
		letter-spacing:1px;
		text-align:left;
		overflow:hidden;
	}		
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > div#logo img{
		max-height:35px;
		vertical-align:middle;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul#top_pc_menu{
		display:none;
	}	
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul#top_mobile_menu{
		display:block;
		position:absolute;
		top:20px;
		right:10px;
	}	
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul#top_mobile_menu li{
		list-style:none;
		cursor:pointer;
	}
	#wrap > #top_menu_local_wrap{
		display:none;
		position:fixed;
		top:60px;
		right:0px;
		text-align:left;
		background-color:#000;
		padding:10px 30px 20px;
		z-index:3;
	}
	#wrap > #top_menu_local_wrap > ul{
	}
	#wrap > #top_menu_local_wrap > ul > li{
		list-style:none;
		margin-top:10px;
	}
	#wrap > #top_menu_local_wrap > ul > li a,
	#wrap > #top_menu_local_wrap > ul > li a:hover,
	#wrap > #top_menu_local_wrap > ul > li a:visited{
		color:#fff;
	}
}

/* 태블릿,PC 환경 */
@media screen and (min-width:801px){
	/* 탑메뉴 */
	#wrap > #top_menu{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:60px;
		background-color:#1d3148;
		opacity:1.0;
		z-index:99999;
	}
	#wrap > #top_menu > #top_menu_content{
		width:100%;
		height:60px;
		box-shadow:0 0 7px 0 #777;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap{
		position:relative;
		width:100%;
		height:100%;
	}		
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global{
		position:relative;
		width:100%;
		height:100%;
		margin:auto;
	}		
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > div#logo{
		position:absolute;
		top:0px;
		left:30px;
		width:270px;
		height:100%;
		line-height:60px;
		font-family:"고딕","HY견고딕","Impact";
		font-size:24px;
		text-align:left;
		overflow:hidden;
	}		
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > div#logo img{
		max-height:35px;
		vertical-align:middle;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul#top_pc_menu{
		position:absolute;
		top:0px;
		right:30px;
		height:100%;
		line-height:60px;
		font-size:16px;
		font-weight:normal;
	}		
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul#top_pc_menu > li{
		position:relative;
		display:block;
		float:left;
		list-style:none;
		text-align:center;
		letter-spacing:3px;
		padding-left:30px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul#top_pc_menu > li a,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul#top_pc_menu > li a:visited{
		color:#fff;
		text-decoration:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul#top_pc_menu > li a:hover{
		color:#fff;
		text-decoration:none;
	}	
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul#top_mobile_menu{
		display:none;
	}	
	#wrap > #top_menu_local_wrap{
		display:none;
	}		
	#wrap > #top_menu_local_wrap > ul{
		display:none;
	}
}