@media (min-width:1024px) {


	.firstheader nav{}
		.gnb_wrap{height:80px;}
			.gnb_box{width:1140px; height:80px; margin:0 auto;}
				.gnb{width:calc(100% - 230px); height:80px; margin-left:230px;}
					.gnb li{border-bottom:0px solid #a8727e; float:left; width:16.66%; height:80px; line-height:80px; text-align:center; font-size:16px; box-sizing:border-box; transition:all 0.3s;}
					.gnb li.on{border-bottom:3px solid #a8727e; transition: all 0.2s;}
						.gnb li.on a{color:#d24567;}
						.gnb li a{color:#393939;}				
					.gnb:after{display:block; clear:both; content:"";}

		.snb_wrap{display:none; position:absolute; top:130px; width:100%; background:rgba(140,73,89,0.7);}
			.snb_box{position:relative; width:1140px; margin:0 auto;}	
				.snb{overflow:hidden; width:calc(100% - 230px); margin-left:230px;}
					.snb > li{float:left; width:16.66%;}
						.snb ul{padding:20px 0; text-align:center; font-size:14px;}
							.snb ul li{margin-bottom:15px;}
							.snb ul li:last-child{margin-bottom:0px;}
								.snb ul li a{color:#fff;}
						.snb > li.on li a{color:#fff;}
						.snb > li.on li a:hover{text-decoration:underline; color:#ffee00;}
			
				.snb_title{position:absolute; top:20px; left:0px; width: 200px; font-size:15px;}
				.snb_title:after{position:absolute; top:10px; left:130px; display:block; width:80px; content:""; border-top:1px solid #fff;}
					.snb_title li{position:absolute; top:0px;}
					.snb_title li{display:none;}
					.snb_title li.on{display:block;}
						.snb_title li a{color:#fff;}
}




@media (min-width:768px) and (max-width:1023px) {/* 최소 768 ~ 1023  */

	.firstheader nav{width:100%;}
		.gnb_wrap{width:100%; height:70px;}
			.gnb_box{max-width:100%; height:70px; margin:0 auto;}
				.gnb{width:calc(100% - 180px); height:70px; margin-left:180px;}
					.gnb li{border-bottom:0px solid #a8727e; float:left; width:16.66%; height:70px; line-height:70px; text-align:center; font-size:13px; box-sizing:border-box; transition:all 0.3s; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
					.gnb li.on{border-bottom:3px solid #a8727e; transition: all 0.2s;}
						.gnb li.on a{color:#d24567;}
						.gnb li a{color:#393939;}				
					.gnb:after{display:block; clear:both; content:"";}

		.snb_wrap{display:none; position:absolute; top:120px; width:100%; background:rgba(140,73,89,0.7);}
			.snb_box{position:relative; max-width:1140px; margin:0 auto;}	
				.snb{overflow:hidden; width:calc(100% - 180px); margin-left:180px;}
					.snb > li{float:left; width:16.66%;}
						.snb ul{padding:20px 0; text-align:center; font-size:12px;}
							.snb ul li{margin-bottom:10px;}
							.snb ul li:last-child{margin-bottom:0px;}
								.snb ul li a{color:#fff; word-break:keep-all; line-height:160%;}
						.snb > li.on li a{color:#fff;}
						.snb > li.on li a:hover{text-decoration:underline; color:#ffee00;}
				
				
				.snb_title{position:absolute; top:20px; left:20px; width: 200px; font-size:13px;}
				.snb_title:after{position:absolute; top:10px; left:120px; display:block; width:30px; content:""; border-top:1px solid #fff;}
					.snb_title li{position:absolute; top:0px;}
					.snb_title li{display:none;}
					.snb_title li.on{display:block;}
						.snb_title li a{color:#fff;}

}




@media (max-width:767px){
	.firstheader nav{display:none;}
}