img {width:auto; max-width:auto; }
.title_1 {background:#efedda; padding:15px; margin-bottom: 15px;color:#56A110; }
.title_1 p {position:relative; padding:0; margin:0; float:right; bottom:20px; }
.fes_title {padding:20px 15px;}
.icon_1 {font-size:18px; }
.icon_2 {font-size:14px; padding: 10px 0 0;}
.emp {padding-left:10px; }


.contents {width:760px;margin:0 auto 10%; }
#met{}
#met .met_img1 { height:373px; background:#000; }
#met .text_box1 {width:50%; display: inline-block; float:left;border-left:3px solid #bedce5; margin-bottom:30px; }
#met .text_box1 h3 {padding:0; margin:0; color:#085872;  }
#met .text_box1 h4 {padding:0; margin:5px 0 0; color:#085872;font-weight:300; font-size:16px;}
#met .text_box1 p {margin:15px 0 0; letter-spacing:-0.5px;}
#met .text_box2 { display: inline-block; border-left:3px solid #bedce5; margin-bottom:30px; width:48%; }
#met .text_box2 h3 {padding:0; margin:0; color:#085872; }
#met .text_box2 h4 {padding:0; margin:0; color:#085872;font-weight:300; font-size:16px; margin:6px 0 0;}
#met .text_box2 span { color:#d47903; }
#met .text_box2 p {margin:15px 0 0; letter-spacing:-0.5px;}

#met .text_box3 { display: inline-block; border-left:3px solid #bedce5; margin-bottom:30px; width:100%; }
#met .text_box3 h3 {padding:0; margin:0; color:#085872; }
#met .text_box3 h4 {padding:0; margin:0; color:#085872;font-weight:300; font-size:16px; margin:6px 0 0;}
#met .text_box3 span { color:#d47903; }
#met .text_box3 p {margin:15px 0 0; letter-spacing:-0.5px;}




#met2 {background:#f2f2f2; margin-bottom:30px; padding-bottom:580px; }
#met2 h3 {color:#1E6075; font-size:15px; }
#met2 p {letter-spacing:0; line-height: 20px; }

#met2 .block1 {width:48%;height:280px;float:left; display: inline-block; }
#met2 .block1 .img_box{width:100%; float:left; display: inline-block; padding:10px 0 0 0;text-align:center;  }
#met2 .block1 .text_box {width:85%;display: inline-block; padding:15px 10px 0 50px;}
#met2 .block1 .text_box p {margin:0; font-size:13px;}

#met2 .block2 {width:48%;height:280px; float:left; display: inline-block;}
#met2 .block2 .img_box{width:100%; float:left; display: inline-block; padding:10px 0 0 0;text-align:center;  }
#met2 .block2 .text_box {width:85%;display: inline-block; padding:15px 10px 0 50px;}
#met2 .block2 .text_box p {margin:0; font-size:13px;}

#met2 .block3 {width:100%;height:280px;}
#met2 .block3 .img_box{width:50%; float:left; display: inline-block; padding:10px 0 0 0;text-align:center;  }
#met2 .block3 .text_box {width:45%;display: inline-block; padding:15px 10px 0 50px;}
#met2 .block3 .text_box p {margin:0;}



#met3 {background:#f2f2f2; margin-bottom:30px; padding-bottom:300px; }
#met3 h3 {color:#1E6075; font-size:15px; }
#met3 p {letter-spacing:0; line-height: 20px; }

#met3 .block1 {width:48%;height:280px;float:left; display: inline-block; }
#met3 .block1 .img_box{width:100%; float:left; display: inline-block; padding:10px 0 0 0;text-align:center;  }
#met3 .block1 .text_box {width:85%;display: inline-block; padding:15px 10px 0 50px;}
#met3 .block1 .text_box p {margin:0; font-size:13px;}

#met3 .block2 {width:48%;height:280px; float:left; display: inline-block;}
#met3 .block2 .img_box{width:100%; float:left; display: inline-block; padding:10px 0 0 0;text-align:center;  }
#met3 .block2 .text_box {width:85%;display: inline-block; padding:15px 10px 0 50px;}
#met3 .block2 .text_box p {margin:0; font-size:13px;}




.text_mbox {display:none;}
.hei {height:450px;}
.hei1 {}
.hei2 {height: 340px;}
.hei3 {height: 320px;}
.hei4 {}
.hei4_1 {height: 640px;}
.hei5 {height:1000px;}


@media all and (min-width: 638px) and (max-width: 750px) { 

	.contents {
		width:95%;
		margin:10px auto 0; 
		position: relative;
		padding:0; 
	}
	
	
}


@media all and (min-width: 361px) and (max-width: 637px) { 
 	.contents {
		width:95%;
		margin:10px auto 0; 
		position: relative;
		padding:0; }
	
	
	#met .text_box1 {width:100%; }
	#met .text_box2 {width:100%; }
	#met2 .block3 .img_box {width:100%; }
	#met2 .block1 {width:100%; }
	#met2 .block2 {width: 100%;}
	#met2 .block3 {width: 100%;}
	
	#met3 .block3 .img_box {width:100%; }
	#met3 .block1 {width:100%; }
	#met3 .block2 {width: 100%;}
	.hei1 { height: 630px;}
	.hei2 {height: 1170px;}
	.hei3 {height: 890px;}
	.hei4 {height: 330px;}
	.hei4_1 {height: 1200px;}
	
	
	
}


@media all and (min-width: 280px) and (max-width: 361px) { 
 	
	.contents { 
		width:95%; 
		}
	
	
	#met .text_box1 {width:100%; }
	#met .text_box2 {width:100%; }
	#met2 .block3 .img_box {width:100%; }
	#met2 .block1 {width:100%; }
	#met2 .block2 {width: 100%;}
	#met2 .block3 {width: 100%;}
	
	#met2 .block1 .text_box {padding: 15px 10px 0 20px;}
	#met2 .block2 .text_box {padding: 15px 10px 0 20px;}
	
	#met3 .block3 .img_box {width:100%; }
	#met3 .block1 {width:100%; }
	#met3 .block2 {width: 100%;}
	#met3 .block3 {width: 100%;}
	
	#met3 .block1 .text_box {padding: 15px 10px 0 20px;}
	#met3 .block2 .text_box {padding: 15px 10px 0 20px;}
	
	.hei1 { height: 595px;}
	.hei2 {height: 1145px;}
	.hei3 {height: 880px;}
	.hei4 {height: 320px;}
	.hei4_1 {height: 1200px;}
	
	
}