@media (min-width:1024px) {/* ÃÖ¼Ò 1024 ~ ÃÖ´ë */

/* ¸ÞÀÎ ¸Þ´º */
#gnb { position:relative; width:100%; margin:0 auto; text-align:center; border:0px solid #333; }

	#gnb > ul{display:inline-block;  height:40px; line-height: 40px; font-size:0px;}
	#gnb > ul li { width: 285px; display:inline-block; vertical-align:top; font-size:16px; color:#303030; height: 100%; }
	#gnb > ul li:nth-child(2n-1){background-color: #97c0e3; }
	#gnb > ul li:nth-child(2n){background-color: #4079b6; }
	#gnb > ul li.mm1 {margin:0px 60px;}
	#gnb > ul li.mm2 {margin:0px 60px;}
	#gnb > ul li.mm3 {margin:0px 60px;}
	#gnb > ul li.mm4 {margin:0px 60px;}
	#gnb > ul li.mm5 {margin:0px 60px;}
	#gnb > ul li.mm6 {margin:0px 60px;}
	#gnb > ul li.mm7 {margin:0px 10px;}
	#gnb > ul li.mm8 {margin:0px 10px;}
	#gnb > ul li.mm9 {margin:0px 10px;}

#gnb > ul li a { height:25px; overflow:hidden; color:#fff; font-weight:500;  display: inline-block; width: 100%; height: 100%; }
#gnb > ul li a:hover  {color: #f1e050 }

/* ¸ÞÀÎ ÇÏÀ§ ¸Þ´º */
.snb { position:relative; width:100%; height:300px; display:none; padding-top:0px; overflow:hidden; background-color:#232939; opacity: 0.9; z-index:99999; }

	.snb_wrap { position:relative; width:1140px; height:260px; margin:0 auto; }
	.snb_wrap > ul { display:inline-block; width:280px; border:0px solid #000000; vertical-align:top; }
	.snb_wrap .snb1 { text-align:center; padding-top:15px; }
	.snb_wrap .snb2 { text-align:center; padding-top:15px; }
	.snb_wrap .snb3 { text-align:center; padding-top:15px; }
	.snb_wrap .snb4 {text-align:center; padding-top:15px; }
	.snb_wrap > ul li { display:inline-block; width:100%; overflow:hidden; padding-bottom:5px; font-size:13px; line-height:19px;}

.snb_wrap > ul li a {display:block;  color:#ffffff; }
.snb_wrap > ul li a:hover {color: #f1e050 }


}


@media (min-width:768px) and (max-width:1023px) {/* ÃÖ¼Ò 768 ~ 1023  */

/* ¸ÞÀÎ ¸Þ´º */
#gnb { position:relative; width:100%; height: 100%; margin:0 auto; text-align:center; border:0px solid #333; }
#gnb > ul li:nth-child(2n-1){background-color: #97c0e3; }
#gnb > ul li:nth-child(2n){background-color: #4079b6; }
#gnb > ul{ display:inline-block; width:768px; height: 100%; line-height: 40px; font-size:0px; }
#gnb > ul li { display:inline-block; vertical-align:top; font-size:13px; color:#303030;height: 100%; width: 25%; }
#gnb > ul li a{ font-size:13px;}
#gnb > ul li.mm1 {margin:0px 38px;}
#gnb > ul li.mm2 {margin:0px 38px;}
#gnb > ul li.mm3 {margin:0px 38px;}
#gnb > ul li.mm4 {margin:0px 38px;}
#gnb > ul li.mm5 {margin:0px 38px;}
#gnb > ul li.mm6 {margin:0px 38px;}
#gnb > ul li.mm7 {margin:0px 10px;}
#gnb > ul li.mm8 {margin:0px 10px;}
#gnb > ul li.mm9 {margin:0px 10px;}

#gnb > ul li a { height:25px; overflow:hidden; color: #fff;  display: inline-block; width: 100%; height: 100%; }
#gnb > ul li a:hover  {color: #f1e050 }

/* ¸ÞÀÎ ÇÏÀ§ ¸Þ´º */
.snb { position:relative; width:100%; display:none; padding-top:0px; overflow:hidden; background-color:#232939; opacity: 0.9; z-index:99999; }
.snb_wrap { position:relative; width:768px; height:250px; margin:0 auto; }
.snb_wrap > ul { float:left; vertical-align:top; border:0px solid #000000; }
.snb_wrap ul[class^="snb"]{ margin:inherit; width:25%;; text-align:center; padding-top:15px; }

.snb_wrap > ul li { display:inline-block; width:100%; overflow:hidden; padding-bottom:3px; font-size:12px; }

.snb_wrap > ul li a {display:block;  color:#ffffff; }
.snb_wrap > ul li a:hover { color: #f1e050 }


}



@media (max-width:767px) {/* ÃÖ¼Ò 768 ~ 1023  */

/* ¸ÞÀÎ ¸Þ´º */
#gnb { position:relative; width:100%; height: 100%; margin:0 auto; text-align:center; border:0px solid #333; }
#gnb > ul li:nth-child(1){background-color: #97c0e3; }
#gnb > ul li:nth-child(2){background-color: #4079b6; }
#gnb > ul li:nth-child(3){background-color: #4079b6; }
#gnb > ul li:nth-child(4){background-color: #97c0e3; }
#gnb > ul{ display:inline-block; width:100%; height: 100%; line-height: 40px; font-size:0px; }
#gnb > ul li { display:inline-block; vertical-align:top; font-size:13px; color:#303030;height: 100%; width: 50%; }
#gnb > ul li a{ font-size:13px;}
#gnb > ul li.mm1 {margin:0px 38px;}
#gnb > ul li.mm2 {margin:0px 38px;}
#gnb > ul li.mm3 {margin:0px 38px;}
#gnb > ul li.mm4 {margin:0px 38px;}
#gnb > ul li.mm5 {margin:0px 38px;}
#gnb > ul li.mm6 {margin:0px 38px;}
#gnb > ul li.mm7 {margin:0px 10px;}
#gnb > ul li.mm8 {margin:0px 10px;}
#gnb > ul li.mm9 {margin:0px 10px;}

#gnb > ul li a { height:25px; overflow:hidden; color: #fff;  display: inline-block; width: 100%; height: 100%; }
#gnb > ul li a:hover  { color: #f1e050}

/* ¸ÞÀÎ ÇÏÀ§ ¸Þ´º */
.snb { display:none!important; }



}