img {width:auto; max-width:100%; }
.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; }
#met{}
#met .met_img1 { height:373px; background:#000; }
#met .text_box1 {width:50%; display: inline-block; float:left;border-left:3px solid #c4bccf; margin-bottom:30px; }
#met .text_box1 h3 {padding:0; margin:0; color:#495aa0;  }
#met .text_box1 h4 {padding:0; margin:5px 0 0; color:#495aa0;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 #c4bccf; margin-bottom:30px; width:48%; }
#met .text_box2 h3 {padding:0; margin:0; color:#495aa0; }
#met .text_box2 h4 {padding:0; margin:0; color:#495aa0;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 #c4bccf; margin-bottom:30px; width:100%; }
#met .text_box3 h3 {padding:0; margin:0; color:#495aa0; }
#met .text_box3 h4 {padding:0; margin:0; color:#495aa0;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;}
#met2 h3 {color:#4e3c1b; font-size:15px; }
#met2 p {letter-spacing:0; line-height: 20px; }

#met2 .block1,.block2 {   
    width:50%;
    float:left; 
    padding-bottom: 30px;
    background:#f2f2f2;
}

#met2 .img_box {
    width:100%; 
    float:left; 
    display: inline-block; 
    padding:10px 0 ;
    text-align:center;  
}

#met2 .text_box {
    width:85%; 
    padding:15px 10px 0 50px;
}

#met2 .text_box p {
    margin:0; 
    font-size:13px;
}

#met2 .block3 {
    width:50%;
    padding-bottom: 30px;
}



#met2 .block3 .img_box{
   
}

#met2 .block3 .text_box {
 
    padding:15px 10px 0 50px;
}

#met2 .block3 .text_box p {
    margin:0;
}


.text_mbox {display:none;}
.mar {
    margin-bottom: 40px;
}


@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, .text_box2 {width:100%; }
    #met2 .block1, .block2, .block3 {width:100%; }
    
	#met2 .block3 {width:100%; }
    #met2 .block3 .text_box {width:85%; }


}


@media all and (min-width: 280px) and (max-width: 361px) { 
 	
	.contents { 
		width:95%; 
		}

	
	#met2 .block1, .block2 {
        width:100%; 
    }
    
    #met2 .img_box {
        display: block;
        width: 95%;
        margin: 0 auto;
        float: none;
    }
    
    #met2 .block3 {
        width: 100%;
    }

    #met2 .text_box {
        padding:15px 10px 0 16px;
    }
    
    #met2 .block3 .text_box {
        width:85%;
        padding:15px 10px 0 16px;
    }
	

	

	
}