/* 모바일 환경 */
@media screen and (max-width:800px){

	/* 탑메뉴 */
	#wrap > #top_menu{
		/*position:absolute;*/
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:70px;
		border-bottom:1px solid #eaeaea;
		background-color:#fff;
		opacity:1;
		z-index:101;
	}
	#wrap > #top_menu > #top_menu_content{
		width:100%;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap{
		height:40px;
		/*background-color:#293658;*/
		background-color:#fff;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local{
		position:relative;
		width:100%;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local a,
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local a:visited,
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local a:hover{
		color:#fff;
		font-size:15px;
		text-decoration:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > #top_menu_left{
		position:absolute;
		top:20px;
		left:10px;
		width:25px;
		height:25px;
		color:#000;
		z-index:3;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > #top_menu_left i#top_menu_button_all{
		width:45px;
		text-align:left;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > #top_menu_left i#top_menu_button_all > a{
	  display:block;
	  width:25px;
	  height:25px;
	  position:relative;
	  cursor:pointer;
	  margin-bottom:-7px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > #top_menu_left i#top_menu_button_all > a.box .bar{
		width:25px; 
		height:1px; 
		background-color:rgba(0, 0, 0,1); 
		position:relative; 
		top:50%; 
		transform:translateY(-50%); 
		transition:all 0.5s;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > #top_menu_left i#top_menu_button_all > a.box .bar::before{
		content:''; 
		display:block; 
		width:100%; 
		height:100%; 
		position:absolute; 
		top:-10px; 
		background-color:rgba(0,0,0,1);
		transition:all 0.5s;
	}        
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > #top_menu_left i#top_menu_button_all > a.box .bar::after{
		content:''; 
		display:block; 
		width:100%; 
		height:100%; 
		position:absolute; 
		top:10px; 
		background-color:rgba(0,0,0,1);
		transition:all 0.5s;
	}
	/*#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > #top_menu_left i#top_menu_button_all > a.box.on .bar{
		background-color:rgba(0,0,0,0);
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > #top_menu_left i#top_menu_button_all > a.box.on .bar::before{
		top:0;
		transform: rotateZ(45deg);
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > #top_menu_left i#top_menu_button_all > a.box.on .bar::after{
		top:0;
		transform: rotateZ(-45deg);
	}*/
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul{
		position:absolute;
		top:15px;
		right:10px;
		z-index:3;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li{
		list-style:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang{
		position:absolute;
		top:0px;
		right:0px;
		width:50px;
		text-align:center;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div{
		width:100%;
		background-color:#062854;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > a{
		display:inline-block;
		color:#fff;
		font-size:13px;
		padding:5px 0px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > a > i{
		display:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > ul{
		display:none;
		margin-top:0px;
		padding-top:0px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > ul > li{
		display:block;
		list-style:none;
		border-bottom:1px solid #777;
		background-color:#ddd;
		padding:5px 0px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > ul > li > a{
		display:inline-block;
		width:100%;
		color:#000;
		font-size:14px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > ul > li:hover{
		background-color:#f7f7f7;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_logo_wrap{
		position:absolute;
		top:10px;
		left:0px;
		width:100%;
		background-color:#fff;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_logo_wrap > #top_menu_logo{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_logo_wrap > #top_menu_logo > div:nth-child(1){
		text-align:center;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_logo_wrap > #top_menu_logo > div:nth-child(1) img{
		height:40px;
		vertical-align:top;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap{
		position:absolute;
		top:70px;
		left:0px;
		width:100%;
		height:50px;
		line-height:50px;
		box-sizing:border-box;
		border-top:1px solid #eaeaea;
		border-bottom:1px solid #eaeaea;
		background-color:#fff;
	}		
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global{
		position:relative;
		width:100%;
		height:100%;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		font-size:0px;
		text-align:center;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li{
		position:relative;
		display:inline-block;
		list-style:none;
		font-size:15px;
		padding:0px 10px;
	}
	#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:#222;
		text-decoration:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li a:hover{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div.global_menu_title{
		display:inline;
		font-weight:500;
		margin-top:25px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #global_sub_menu_wrap{
		display:none;
		position:absolute;
		top:81px;
		left:0px;
		width:100%;
		height:0px;
		background-color:#fff;
		z-index:1;
	}

	/* 모바일 전체메뉴 버튼 */

	/* 사이드바 */
	#wrap > #side_bar{
		position:fixed;
		bottom:0px;
		right:0;
		z-index:2;
	}
}

/* 테블릿 환경 */
@media screen and (min-width:801px) and (max-width:1200px){

	/* 탑메뉴 */
	#wrap > #top_menu{
		/*position:absolute;*/
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-width:801px;
		height:200px;
		border-bottom:1px solid #eaeaea;
		background-color:#fff;
		opacity:1;
		z-index:101;
	}
	#wrap > #top_menu > #top_menu_content{
		width:100%;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap{
		height:40px;
		/*background-color:#293658;*/
		background-color:#fff;
		margin:auto;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local{
		position:relative;
		width:100%;
		margin:auto;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local a,
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local a:visited,
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local a:hover{
		color:#fff;
		font-size:16px;
		text-decoration:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > #top_menu_left{
		display:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul{
		position:absolute;
		top:0px;
		right:20px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li{
		position:relative;
		display:block;
		list-style:none;
		border-radius:10px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang{
		position:relative;
		width:70px;
		text-align:left;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div{
		position:absolute;
		top:0px;
		right:0px;
		width:100%;
		background-color:#062854;
		z-index:3;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > a{
		display:inline-block;
		color:#fff;
		font-size:14px;
		padding:5px 0px;
		margin-left:15px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > a > i{
		font-size:20px;
		margin-left:5px;
		vertical-align:bottom;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > ul{
		display:none;
		margin-top:0px;
		padding-top:0px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > ul > li{
		display:block;
		list-style:none;
		border-bottom:1px solid #777;
		background-color:#ddd;
		padding:5px 0px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > ul > li > a{
		display:inline-block;
		width:100%;
		color:#000;
		font-size:14px;
		margin-left:15px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > ul > li:hover{
		background-color:#f7f7f7;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_logo_wrap{
		background-color:#fff;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_logo_wrap > #top_menu_logo{
		position:relative;
		width:100%;
		height:100px;
		margin:auto;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_logo_wrap > #top_menu_logo > div:nth-child(1){
		text-align:center;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_logo_wrap > #top_menu_logo > div:nth-child(1) img{
		height:100px;
		vertical-align:top;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap{
		position:absolute;
		top:150px;
		left:0px;
		width:100%;
		height:50px;
		line-height:50px;
		box-sizing:border-box;
		border-top:1px solid #eaeaea;
		background-color:#fff;
	}		
	#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 > ul{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		font-size:0px;
		text-align:center;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li{
		position:relative;
		display:inline-block;
		list-style:none;
		font-size:18px;
		padding:0px 50px;
	}
	#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:#222;
		text-decoration:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li a:hover{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li a.on,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li a.on:visited,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li a.on:hover{
		color:#fff;
		border-radius:10px;
		background-color:#000;
		padding:5px 20px 7px 20px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div.global_menu_title{
		display:inline;
		font-weight:500;
		margin-top:25px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #global_sub_menu_wrap{
		display:none;
		position:absolute;
		top:81px;
		left:0px;
		width:100%;
		height:0px;
		background-color:#fff;
		z-index:1;
	}
	#wrap > #m_menu_wrap{
		display:none;
	}
	#wrap > #m_menu_left{
		display:none;
	}

	/* 사이드바 */
	#wrap > #side_bar{
		position:fixed;
		bottom:0px;
		right:0;
		z-index:2;
	}
}

/* PC 환경 */
@media screen and (min-width:1201px){

	/* 탑메뉴 */
	#wrap > #top_menu{
		/*position:absolute;*/
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-width:1200px;
		height:200px;
		border-bottom:1px solid #eaeaea;
		background-color:#fff;
		opacity:1;
		z-index:101;
	}
	#wrap > #top_menu > #top_menu_content{
		width:100%;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap{
		height:40px;
		/*background-color:#293658;*/
		background-color:#fff;
		margin:auto;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local{
		position:relative;
		width:1200px;
		margin:auto;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local a,
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local a:visited,
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local a:hover{
		color:#fff;
		font-size:16px;
		text-decoration:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > #top_menu_left{
		display:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul{
		position:absolute;
		top:0px;
		right:20px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li{
		position:relative;
		display:block;
		list-style:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang{
		position:relative;
		width:70px;
		text-align:left;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div{
		position:absolute;
		top:0px;
		right:0px;
		width:100%;
		background-color:#062854;
		z-index:3;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > a{
		display:inline-block;
		color:#fff;
		font-size:14px;
		padding:5px 0px;
		margin-left:15px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > a > i{
		font-size:20px;
		margin-left:5px;
		vertical-align:bottom;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > ul{
		display:none;
		margin-top:0px;
		padding-top:0px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > ul > li{
		display:block;
		list-style:none;
		border-bottom:1px solid #777;
		background-color:#ddd;
		padding:5px 0px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > ul > li > a{
		display:inline-block;
		width:100%;
		color:#000;
		font-size:14px;
		margin-left:15px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li#top_menu_lang > div > ul > li:hover{
		background-color:#f7f7f7;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_logo_wrap{
		background-color:#fff;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_logo_wrap > #top_menu_logo{
		position:relative;
		width:1200px;
		height:100px;
		margin:auto;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_logo_wrap > #top_menu_logo > div:nth-child(1){
		text-align:center;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_logo_wrap > #top_menu_logo > div:nth-child(1) img{
		height:100px;
		vertical-align:top;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap{
		position:absolute;
		top:150px;
		left:20px;
		width:100%;
		height:50px;
		line-height:50px;
		box-sizing:border-box;
		border-top:1px solid #eaeaea;
		background-color:#fff;
	}		
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global{
		position:relative;
		width:1200px;
		height:100%;
		margin:auto;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		font-size:0px;
		text-align:center;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li{
		position:relative;
		display:inline-block;
		list-style:none;
		font-size:18px;
		padding:0px 50px;
	}
	#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:#222;
		text-decoration:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li a:hover{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li a.on,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li a.on:visited,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li a.on:hover{
		color:#fff;
		border-radius:10px;
		background-color:#000;
		padding:5px 20px 7px 20px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div.global_menu_title{
		display:inline;
		font-weight:500;
		margin-top:25px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #global_sub_menu_wrap{
		display:none;
		position:absolute;
		top:81px;
		left:0px;
		width:100%;
		height:0px;
		background-color:#fff;
		z-index:1;
	}
	#wrap > #m_menu_wrap{
		display:none;
	}
	#wrap > #m_menu_left{
		display:none;
	}

	/* 사이드바 */
	#wrap > #side_bar{
		position:fixed;
		bottom:0px;
		right:0;
		z-index:2;
	}
}