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

/*¸ÞÀθ޴º*/
.gnb {
		margin:0 auto;
		width:1100px;
		height:80px;
		border:0px solid #000;
	}

.gnb li { float:left; }

	.gnb_tit {
		width:20%;
		text-align: center;
		padding-top:30px;
	}

	.gnb_tit a {
		color: #434343;
		font-size:18px;
		text-decoration: none;
		line-height:100%;
		font-family:"NGothic";
		
	}

	.gnb_tit a:hover {
		color:#00c1c6;
	}




/*¼­ºê¸Þ´º*/
.gnb_Sub {
		display: none;
		height: 300px;
		margin:0 auto;
		background-image:url(/img/menu_cloud.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size: 100% 100%;
	}

	.gnb_Sub > ul {
		height: inherit;
		margin: 0 auto;
		width:1100px;
		border:0px solid #000;
	}

	.gnb_Sub > ul > li {
		
	}


/*¼­ºê¸Þ´º ¼³¸í*/
	.gnb_txt {
		text-align: left;
		vertical-align: top;
		border-bottom:1px solid #d2eced;
		padding:25px 0;
	}

	.gnb_txt span {
		color:#ffffff;
		font-family:"NGothicB";
		font-size:32px;
		letter-spacing: -2px;
		line-height:100%;
		padding-left:30px;
	}

	.gnb_txt font {
		color:#ffffff;
		font-size:14px;
		font-family:"NGothicB";
		padding-left:15px;
	}



	.gnb_sub {
		height:75px;
		padding-top:20px;
		padding-left:30px;
		
	}

	.gnb_sub a {
		padding-left:20px;
		padding-right:10px;
		text-align:left;
		color:#fff552;
		font-size:17px;
		font-family:"NGothicB";
	}

	.gnb_sub a:hover, .gnb_sub a:focus {
		font-family:"NGothicB";
		color:#ffffff;
	}






}





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

/*¸ÞÀθ޴º*/
.gnb {
		margin:0 auto;
		width:100%;
		height:80px;
		border:0px solid #000;
	}

.gnb li { float:left; }

	.gnb_tit {
		width:20%;
		text-align: center;
		padding-top:35px;
	}

	.gnb_tit a {
		color: #434343;
		font-size:14px;
		text-decoration: none;
		font-family:"NGothic";
	}

	.gnb_tit a:hover {
		color:#00c3ff;
	}




/*¼­ºê¸Þ´º*/
.gnb_Sub {
		display: none;
		height: 300px;
		margin:0 auto;
		background-image:url(/img/menu_cloud.png);
		background-repeat:no-repeat;
		background-position:center;
	}

	.gnb_Sub > ul {
		height: inherit;
		margin: 0 auto;
		width:768px;
		border:0px solid #000;
	}

	.gnb_Sub > ul > li {
		
	}


/*¼­ºê¸Þ´º ¼³¸í*/
	.gnb_txt {
		text-align: left;
		border-bottom:1px solid #d2eced;
		padding:25px 0;
	}

	.gnb_txt span {
		color:#ffffff;
		font-family:"NGothicB";
		font-size:32px;
		letter-spacing: -2px;
		line-height:100%;
		padding-left:15px;
		
	}

	.gnb_txt font {
		color: #ffffff;
		font-size:14px;
		font-family:"NGothicB";
		padding-left:15px;
	}



	.gnb_sub {
		height:75px;
		padding-top:20px;
		
	}

	.gnb_sub a {
		padding-left:20px;
		padding-right:10px;
		text-align:left;
		color:#fff552;
		font-size:13px;
		font-family:"NGothicB";
		
	}

	.gnb_sub a:hover, .gnb_sub a:focus {
		color:#FFFFFF;
	}



	.gnb_sub2 {
		background: #00c1c6;
		width:180px;
		height:170px; 
		padding-top:20px;
		vertical-align: top;
	}

	.gnb_sub2 a {
		display:block;
		width:inherit;
		padding-left:25px;
		text-align:left;
		color:#ffffff;
		font-size:13px;
		padding-top:3px;
		padding-bottom:3px;
	}

	.gnb_sub2 a:hover, .gnb_sub2 a:focus {
		font-family:"NGothicB";
		color:#000000;
	}


}