@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/earlyaccess/nanumgothic.css);
*{margin:0px; padding:0px; font-family: 'Nanum Gothic',sans-serif;}


.wrap {
	width:100%;
	max-width: 1024px;
	margin: 0 auto;
	background-color: #333;
	
}



.toplogo {
	margin-left: 30px;
	height: 50px;
	float: left;

	

}

.toplogo img {
	width:150px;
	max-width: 150px;
	height:50px;

}

.toplogoimg{
	width:150px;
	max-width: 150px;
	height:50px;
	margin-left: 10px;



}


.content {
	width:100%;
	margin:0 auto;

	
}

.content  img {
	width:256px;
	height:256px;
	vertical-align: top;

}

.sec1 {
	width:25%;
	float:left;
	height:auto;
	
	

}
.sec2 {
	width:25%;
	float:left;
	height:auto;
	
}
.sec3 {
	width:25%;
	float:left;
	height:auto;
	
}
.sec4 {
	width:25%;
	float:left;
	height:auto;

}

  /*youtube*/

 #youtube{width:100%;margin:0 auto;text-align: center;background:#fff;}




  

.footer {
	content:"";
	display:block;
	clear:both;
	width:100%;
	height:200px;
	margin-top:-5px;

}

.foot1{
	width:50%;
	float:left;
	
}

.footer img {
	width:100%;
	vertical-align: top;
}

.foot2{
	width:50%;
	float:left;
	
}

.foot3{
	padding-top: 10px;
	width:35%;
	float:left;
	background: #333;
	height: 100px;

}
.foot4{
	padding-top: 20px;
	width:20%;
	float:right;
	background: #333;
	height: 100px;
	
	text-align: right;

}

.foot5 {
	padding-top: 40px;
	width:15%;
	float:left;
	background: #333;
	height: 100px;
	text-align:center;	
}

.foot5 p{
	text-align: center!important;
}


.footer p {
	text-align: left;
	line-height: 15px;
	font-size: 0.7em;
	margin-left: 10px;
	color: white;
}


.foot4 img {
	width: 150px;
	height: 50px;
	vertical-align: top;
	margin-right: 20px;
}



.sign {
	width:100%;
}

.sign img {
	width:100%;
	vertical-align: top;
}







@media all and (min-width:100px) and (max-width:1023px) {


	#youtube iframe{width:100%;height:300px;}



.content img {
	width:100%;
	height:auto;
}

.sec1 {
	width:49.7%;
	float:left;
	
	
	
}
.sec2 {
	width:49.7%;
	float:left;
	
}

.sec3 {
	width:49.7%;
	float:left;
	
	
}
.sec4 {
	width:49.7%;
	float:left;
	
}

.foot1{
	width:100%;
	float:left;
	
}
.foot2{
	width:100%;
	float:left;
	
}
.foot3{
	padding-top: 10px;
	width:100%;
	float:left;
	background: #333;
	height: 100px;

}
.foot4{
	padding-top: 0;
	width:50%;
	float:left;
	background: #333;
	height: 60px;
	
	text-align: center;

}
.foot5{
	padding-top: 20px;
	width:50%;
	float:left;
	background: #333;
	height: 60px;
	
	text-align: center;

}


.footer p {
	text-align: left;
	line-height: 15px;
	font-size: 0.6em;
}

.foot4 img {
	width: 150px;
	height: 50px;
	vertical-align: top;
	margin-right: 0px;
}




}