/* 탑메뉴 */
/* 테블릿 환경 */
@media screen and (max-width:800px){
	#wrap > #top_menu{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:60px;
		box-sizing:border-box;
		border-bottom:1px solid #6f6f6f;
		background-color:#3a3a3a;
		z-index:200;
	}
	#wrap > #top_menu > #top_menu_content{
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap{
		height:60px;
		margin-left:10px;
		margin-right:10px;
	}
	#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:#000;
		text-decoration:none;
	}		
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul{
		position:relative;
		overflow:hidden;
	}
	#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:nth-child(1){
		position:absolute;
		top:20px;
		left:0px;
		text-align:left;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2){
		width:100%;
		text-align:center;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2) > .logo{
		height:30px;
		margin-top:15px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2) > .logo > a > img{
		display:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2) > .logo > a{
		position:relative;
		display:block;
		width:147px;
		height:30px;
		margin:auto;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2) > .logo > a::before{
		position:absolute;
		top:0px;
		left:50%;
		transform:translateX(-50%);
		width:100%;
		height:100%;
		background:url(/data/biz_img/home_top_white.png) no-repeat;
		background-size:147px 30px;
		background-position:center center;
		cursor:pointer;
		content:"";
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(3){
		display:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global{
		display:none;
	}
	#wrap > #m_menu_wrap{
		position:fixed;
		top:0px;
		left:0px;
	}
	#wrap > #m_menu_left{
		position:fixed;
		top:-10px;
		left:-300px;
		width:300px;
		height:100%;
		font-size:18px;
		background-color:rgba(59, 59, 59, 1);
		z-index:9999;
		overflow-y:auto;
	}
	#wrap > #m_menu_left > div > ul > li a{
		color:#fff;
		text-decoration:none;
	}
	#wrap > #m_menu_left > div > ul > li:first-child{ /* 닫기,로그인,로그아웃 */
		position:relative;
		width:100%;
		margin:10px auto 0px;
	}
	#wrap > #m_menu_left > div > ul > li:first-child > .home{
		width:100%;
		height:60px;
		text-align:left;
		line-height:60px;
		border-bottom:1px solid #838383;
		padding-left:10px;
	}
	#wrap > #m_menu_left > div > ul > li:first-child > #m_left_menu_icon_close{
		position:absolute;
		top:12px;
		right:10px;
		padding:20px;
	}
	#wrap > #m_menu_left > div > ul > li:first-child > #m_left_menu_icon_close::before{
		position:absolute;
		top:18px;
		left:6px;
		width:30px;
		height:2px;
		background-color:#fff;
		transform:rotate(45deg);
		content:"";
	}
	#wrap > #m_menu_left > div > ul > li:first-child > #m_left_menu_icon_close::after{
		position:absolute;
		top:18px;
		left:6px;
		width:30px;
		height:2px;
		background-color:#fff;
		transform:rotate(-45deg);
		content:"";
	}
	#wrap > #m_menu_left > div > ul > li > div.left_menu_folder{ /* 대분류 메뉴 */
		position:relative;
		height:60px;
		line-height:60px;
		color:#fff;
		font-weight:500;
		border-bottom:1px solid #838383;
		padding-left:10px;
	}
	#wrap > #m_menu_left > div > ul > li:last-child > div.left_menu_folder{
		border-bottom:1px solid #838383;
	}
	#wrap > #m_menu_left > div > ul > li > div:first-child > div.icon_sum{
		position:absolute;
		top:0px;
		right:15px;
		color:#fff;
		font-size:1.6em;
	}
	#wrap > #m_menu_left > div > ul > li > div:first-child > div.icon_sum > img{
		height:18px;
		vertical-align:middle;
	}
	#wrap > #m_menu_left > div > ul > li > ul{
		display:none;
	}
	#wrap > #m_menu_left > div > ul > li > ul > li{ /* 소분류 메뉴 */
		height:50px;
		line-height:50px;
		font-size:16px;
		color:#ddd;
		border-bottom:1px solid #ddd;
		padding-left:10px;
		background-color:#f7f7f7;
	}
	#wrap > #m_menu_left > div > ul > li > ul > li a,
	#wrap > #m_menu_left > div > ul > li > ul > li a:visited,
	#wrap > #m_menu_left > div > ul > li > ul > li a:hover{
		color:#ddd;
	}
	
	/* 사이드바 */
	#wrap > #side_bar{
		display:none;
	}
}

/* 테블릿 환경 */
@media screen and (min-width:801px) and (max-width:1400px){
	#wrap > #m_menu_wrap{
		display:none;
	}
	#wrap > #m_menu_left{
		display:none;
	}
	#wrap > #top_menu{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		background-color:#fff;
		z-index:200;
	}
	#wrap > #top_menu > #top_menu_content{
		font-family:Nanum Gothic,Helvetica,sans-serif;
		box-sizing:border-box;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap{
		height:80px;
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap.off{
		display:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local{
		max-width:1400px;
		text-align:right;
		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:#000;
		text-decoration:none;
	}		
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul{
		overflow:hidden;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li{
		float:left;
		list-style:none;
		width:50%;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(1){
		display:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2){
		text-align:left;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2) > #m_btn_menu_all{
		display:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2) > .logo{
		height:45px;
		margin-top:15px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2) > .logo img{
		height:100%;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(3){
		text-align:right;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(3) > .right{
		height:45px;
		color:#000;
		font-size:25px;
		font-weight:600;
		font-family: 'GmarketSansMedium';
		margin-top:20px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(3) > .right > span.cs{
		display:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(3) > .right img{
		height:100%;
		margin-left:10px;
		margin-right:10px;
		vertical-align:middle;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap{
		width:100%;
		height:60px;
		line-height:60px;
		box-sizing:border-box;
		background-color:#00662d;
		margin:auto;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global{
		position:relative;
		max-width:1400px;
		height:100%;
		margin:auto;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul{
		height:100%;
		font-size:0px;
		font-family: 'GmarketSansMedium';
		text-align:center;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li{
		position:relative;
		list-style:none;
		display:inline-block;
		width:16.6%;
		font-weight:600;
		text-align:center;
		padding:0px 0px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div > a,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div > a:visited{
		display:block;
		width:100%;
		height:100%;
		color:#fff;
		font-size:16px;
		font-weight:600;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div > a.on,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div > a:hover{
		color:yellow;
		font-size:20px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div > a.on::before,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div > a:hover::before{
		position:absolute;
		left:50%;
		bottom:0px;
		transform:translateX(-50%);
		width:100%;
		height:4px;
		background-color:yellow;
		z-index:3;
		content:"";
	}
	#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:hover a{
		color:#026241;
		text-decoration:none;
	}
	#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 > ul > li > ul.global_sub_menu{
		display:none;
		position:absolute;
		top:59px;
		left:50%;
		transform:translateX(-50%);
		width:200px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > ul.global_sub_menu > li{
		list-style:none;
		line-height:20px;
		font-size:14px;
		text-align:left;
		padding:15px 0px 15px 10px;
		border-top:1px solid #404040;
		background-color:#000;
		opacity:0.95;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > ul.global_sub_menu > li:hover{
		background-color:#000000;
		opacity:1.0;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > ul.global_sub_menu > li > a{
		color:#fff;
	}
	
	/* 사이드바 */
	#wrap > #side_bar{
		display:none;
	}
}

/* PC 환경 */
@media screen and (min-width:1401px){
	#wrap > #m_menu_wrap{
		display:none;
	}
	#wrap > #m_menu_left{
		display:none;
	}
	#wrap > #top_menu{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		background-color:#fff;
		z-index:200;
	}
	#wrap > #top_menu > #top_menu_content{
		font-family:Nanum Gothic,Helvetica,sans-serif;
		box-sizing:border-box;
		border-bottom:1px solid #00662d;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap{
		width:100%;
		height:90px;
		margin:auto;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap.off{
		display:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local{
		max-width:1400px;
		text-align:right;
		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:#000;
		text-decoration:none;
	}		
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul{
		overflow:hidden;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li{
		float:left;
		list-style:none;
		width:50%;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(1){
		display:none;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2){
		text-align:left;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2) > .logo{
		height:55px;
		margin-top:15px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(2) > .logo img{
		height:100%;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(3){
		text-align:right;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(3) > .right{
		height:50px;
		color:#000;
		font-size:25px;
		font-weight:600;
		font-family: 'GmarketSansMedium';
		margin-top:20px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(3) > .right > span.cs{
		display:inline-block;
		font-size:16px;
		padding:11px 20px;
		border:1px solid #000;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_local_wrap > #top_menu_local > ul > li:nth-child(3) > .right img{
		height:100%;
		margin-left:10px;
		margin-right:10px;
		vertical-align:middle;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap{
		width:100%;
		height:60px;
		line-height:60px;
		background-color:#00662d;
		margin:auto;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global{
		position:relative;
		max-width:1400px;
		height:100%;
		margin:auto;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul{
		height:100%;
		font-size:0px;
		font-family: 'GmarketSansMedium';
		text-align:center;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li{
		position:relative;
		list-style:none;
		display:inline-block;
		width:16.6%;
		font-weight:600;
		text-align:center;
		padding:0px 0px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div > a,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div > a:visited{
		display:block;
		width:100%;
		height:100%;
		color:#fff;
		font-size:16px;
		font-weight:600;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div > a.on,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div > a:hover{
		color:yellow;
		font-size:20px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div > a.on::before,
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > div > a:hover::before{
		position:absolute;
		left:50%;
		bottom:-1px;
		transform:translateX(-50%);
		width:100%;
		height:4px;
		background-color:yellow;
		z-index:3;
		content:"";
	}
	#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:hover a{
		color:#026241;
		text-decoration:none;
	}
	#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 > ul > li > ul.global_sub_menu{
		display:none;
		position:absolute;
		top:59px;
		left:50%;
		transform:translateX(-50%);
		width:200px;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > ul.global_sub_menu > li{
		list-style:none;
		line-height:20px;
		font-size:14px;
		text-align:left;
		padding:15px 0px 15px 10px;
		border-top:1px solid #404040;
		background-color:#000;
		opacity:0.95;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > ul.global_sub_menu > li:hover{
		background-color:#000000;
		opacity:1.0;
	}
	#wrap > #top_menu > #top_menu_content > #top_menu_global_wrap > #top_menu_global > ul > li > ul.global_sub_menu > li > a{
		color:#fff;
	}
	
	/* 사이드바 */
	#wrap > #side_bar{
		display:none;
	}
}