/* 탑메뉴 */

/* 모바일 환경 */
@media screen and (max-width:1100px){
	#wrap > #top_menu{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:80px;
		box-sizing:border-box;
		border-bottom:1px solid #777;
		background:rgba(255,255,255,1);
		z-index:3;
	}
	#wrap > #top_menu > #top_menu_content{
		width:100%;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(1){
		position:absolute;
		top:22px;
		left:10px;
		list-style:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(1) img{
		width:85%;
		vertical-align:middle;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2){
		position:absolute;
		top:0px;
		right:0px;
		list-style:none;
		width:50%;
		height:100%;
		text-align:right;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2) span{
		display:inline-block;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2) img#m_menu_mov{
		height:25px;
		margin-top:29px;
		margin-right:10px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap{
		display:none;
	}
	#wrap > #m_menu_wrap{
		position:fixed;
		top:0px;
		left:0px;
	}
	#wrap > #m_menu_left{
		position:fixed;
		top:0px;
		right:-300px;
		width:300px;
		height:100%;
		font-size:16px;
		background-color:rgba(255,255,255,0.95);
		z-index:9999;
		overflow-y:auto;
	}
	#wrap > #m_menu_left > div > ul{
	}
	#wrap > #m_menu_left > div > ul > li{
		list-style:none;
		display:block;
	}
	#wrap > #m_menu_left > div > ul > li:first-child > table{ /* 닫기,로그인,로그아웃 */
		width:100%;
	}
	#wrap > #m_menu_left > div > ul > li:first-child > table tr:nth-child(1) td{
		width:100%;
		height:60px;
		background-color:#000;
	}
	#wrap > #m_menu_left > div > ul > li:first-child > table div#m_left_menu_icon_close{
		width:100%;
		height:60px;
		line-height:60px;
		color:#fff;
		font-size:18px;
		text-align:center;
	}
	#wrap > #m_menu_left > div > ul > li:not(:first-child) > div:first-child{
		position:relative;
		height:55px;
		line-height:55px;
		color:#333;
		border-bottom:1px solid #e4e4e4;
		background-color:#fff;
		padding-left:10px;
	}
	#wrap > #m_menu_left > div > ul > li:last-child > div > .round{
		padding:5px 15px;
		box-sizing:border-box;
		border:2px solid #000;
		border-radius:18px;
	}
	#wrap > #m_menu_left > div > ul > li > div:first-child > div.icon_sum{
		position:absolute;
		top:0px;
		right:15px;
		color:#666;
		font-size:1.6em;
	}
	#wrap > #m_menu_left > div > ul > li > div:first-child > div.icon_sum > img{
		height:18px;
		vertical-align:middle;
	}

	/* 사이드바 */
	#wrap > #side_bar{
		display:none;
	}
}

/* PC 환경 */
@media screen and (min-width:1101px){
	#wrap > #m_menu_wrap{
		display:none;
	}
	#wrap > #m_menu_left{
		display:none;
	}
	#wrap > #top_menu{
		position:absolute;
		top:70px;
		left:0px;
		width:100%;
		height:35px;
		background:rgba(255,255,255,0);
		z-index:2;
	}
	#wrap > #top_menu > #top_menu_content{
		position:relative;
		max-width:1580px;
		min-width:1100px;
		font-family:'Noto Sans KR',Nanum Gothic,Helvetica,sans-serif;
		margin:auto;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(1){
		position:absolute;
		top:0px;
		left:20px;
		list-style:none;
		width:195px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2){
		display:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap{
		height:35px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul{
		position:absolute;
		top:0px;
		left:200px;
		width:calc(100% - 220px);
		height:100px;
		font-size:0px;
		text-align:right;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li{
		list-style:none;
		display:inline-block;
		font-size:20px;
		font-weight:500;
		text-align:center;
		line-height:35px;
		margin-right:80px;
		padding:0px 0px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li:last-child{
		position:relative;
		width:120px;
		margin-right:0px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li a,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li a:visited{
		color:#fff;
		text-decoration:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li a:hover{
		text-decoration:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li:last-child a{
		position:absolute;
		top:-23px;
		display:block;
		width:100%;
		height:32px;
		font-size:15px;
		font-weight:500;
		line-height:30px;
		box-sizing:border-box;
		border:1px solid #fff;
		border-radius:16px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li:last-child a:hover{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div.global_menu_title{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div.global_menu_title_bar.on{
	}

	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > #top_menu_local{
		position:absolute;
		top:32px;
		right:20px;
		height:76px;
		line-height:25px;
		color:#444;
		font-size:13px;
		overflow:hidden;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > #top_menu_local a,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > #top_menu_local a:visited,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > #top_menu_local a:hover{
		color:#444;
		text-decoration:none;
	}		
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > #top_menu_local > ul{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > #top_menu_local > ul > li{
		display:block;
		float:left;
		list-style:none;
		padding:0 5px;
	}
	
	/* 사이드바 */
	#wrap > #side_bar{
		display:none;
	}
}