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

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

.gnb li { float:left; }

	.gnb_tit {
		width:157px;
		text-align: center;
		padding-top:25px;
		height:16px;
	}

	.gnb_tit a {
		color: #ffffff;
		font-size:16px;
		text-decoration: none;
		line-height:100%;
		
	}

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




/*¼­ºê¸Þ´º*/
.gnb_Sub {
		display: none;
		height: 220px;
		margin:0 auto;
		background-color:#fff;
		border-bottom:1px solid #06b5ea;
	}

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

	.gnb_Sub > ul > li {
		display: inline-block;
		height: 190px;
	}


/*¼­ºê¸Þ´º ¼³¸í*/
	.gnb_txt {
		height:100%;
		padding:30px 0 0 30px;
		text-align: left;
		vertical-align: top;
		border-right:1px solid #ddd;
	}

	.gnb_txt span {
		display:block;
		color:#06b5ea;
		font-weight:bold;
		font-size:32px;
		letter-spacing: -2px;
		padding-bottom:30px;
	}

	.gnb_txt p {
		color: #353535;
		font-size:13px;
		width:200px;
		padding-right:50px;
		-ms-word-break: break-all;
		word-break: break-word;
	}



	.gnb_sub {
		background: #ffffff;
		width:180px;
		height:170px; 
		padding-top:20px;
		vertical-align: top;
	}

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

	.gnb_sub a:hover, .gnb_sub a:focus {
		background: #fff;
		color:#06b5ea;
	}



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

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

	.gnb_sub2 a:hover, .gnb_sub2 a:focus {
		background: #fff;
		color:#06b5ea;
	}


}





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

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

.gnb li { float:left; }

	.gnb_tit {
		width:109px;
		text-align: center;
		padding-top:15px;
	}

	.gnb_tit a {
		color: #ffffff;
		font-size:14px;
		text-decoration: none;
		letter-spacing: -0.5px;
	}

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




/*¼­ºê¸Þ´º*/
.gnb_Sub {
		display: none;
		height: 180px;
		margin:0 auto;
		background-color:#fff;
		border-bottom:1px solid #06b5ea;
	}

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

	.gnb_Sub > ul > li {
		display: inline-block;
		height: 150px;
	}


/*¼­ºê¸Þ´º ¼³¸í*/
	.gnb_txt {
		height:100%;
		padding:30px 0 0 30px;
		text-align: left;
		vertical-align: top;
		border-right:1px solid #ddd;
	}

	.gnb_txt span {
		display:block;
		color:#06b5ea;
		font-weight:bold;
		font-size:32px;
		letter-spacing: -2px;
		padding-bottom:30px;
	}

	.gnb_txt p {
		color: #353535;
		font-size:13px;
		width:170px;
		padding-right:40px;
		-ms-word-break: break-all;
		word-break: break-word;
	}



	.gnb_sub {
		background: #ffffff;
		width:180px;
		height:170px; 
		padding-top:20px;
		vertical-align: top;
	}

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

	.gnb_sub a:hover, .gnb_sub a:focus {
		background: #fff;
		color:#06b5ea;
	}



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

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

	.gnb_sub2 a:hover, .gnb_sub2 a:focus {
		background: #fff;
		color:#06b5ea;
	}


}