.title_1 {background:#efedda; padding:15px; margin-bottom: 15px;color:#56A110; }
.title_1 p {position:relative; padding:0; margin:0; float:right; bottom:20px; }
.title_m1 {display:none;}

#met{}
#met ul {padding:0; }
#met li {font-size:15px; line-height:24px; list-style: none; float:left; padding-left:50px; }
#met li span {font-size:3px; padding:0 5px; color:#194b8f; }
#met .met_img1 { height:420px; background:#000; background:url( http://upload.ok114.co.kr/NEWSLETTER/201707/email/sub/money1.jpg) no-repeat 0; background-size:100%;  }
#met .text_box {padding-bottom:30px; }
#met .met_text1 { border-top:3px solid #222;margin-top:30px; border-bottom:1px solid #222; padding:20px 5px;  }
#met .met_text1 h4 {padding:0; margin:0;  }
#met .met_text1 span { color:#d47903; }


#met2 .met_text {width:20%; display:inline-block; float:left; font-size:16px; color:#55b3df;font-weight:700; padding:12px 0 0 10px;  }
#met2 .met_text1 {display:inline-block; }
#met2 p {line-height:25px; letter-spacing:-1px;}

#met3 {margin-top:20px; }
#met3 .met_text {width:20%; display:inline-block; float:left; font-size:16px; color:#55b3df;font-weight:700; padding:12px 0 0 10px;  }
#met3 .met_text1 {display:inline-block; }
#met3 p {line-height:25px; letter-spacing:-1px;}

#met4 {margin:20px 0 50px 0; }
#met4 .met_text {width:20%; display:inline-block; float:left; font-size:16px; color:#55b3df;font-weight:700; padding:12px 0 0 10px;  }
#met4 .met_text1 {display:inline-block; }
#met4 p {line-height:25px; letter-spacing:-1px;}

#met5 {margin:20px 0 50px 0; }
#met5 .met_text {width:20%; display:inline-block; float:left; font-size:16px; color:#55b3df;font-weight:700; padding:12px 0 0 10px;  }
#met5 .met_text1 {display:inline-block; }
#met5 p {line-height:25px; letter-spacing:-1px;}



@media only screen and (max-width: 800px) {
    

}


@media only screen and (max-width: 480px) {
   .title_m1 {background:#efedda; padding:15px; margin-bottom: 15px;color:#56A110; }    
   .title_m1 p {position:relative; padding:0; margin:0; float:right; bottom:20px; }
   .title_m1 {display: block; } 
   .title_1 {display: none;}
   .w_sns {display:none;} 
       
   #met .met_img1 { height:200px; } 
   #met2 .s_title p {width:100%;}
   #met2 .met_text {width:20%; display:inline-block; float:left; font-size:16px; color:#55b3df;font-weight:700; padding:12px 0 0 10px;  }
   #met2 .met_text1 {display:inline-block; width:95%; float:left;margin-left:12px;}
   #met3 .met_text1 {width:95%; margin-left:12px;}
   #met3 .s_title p {width:100%;}
   #met4 .met_text1 {width:95%; margin-left:12px;}    
   #met5 .met_text1 {width:95%; margin-left:12px;}
              
}


@media only screen and (max-width: 345px) {
    
    #met2 .met_text {width:100% }
    #met3 .met_text {width:100% }
    #met4 .met_text {width:100% }
    #met5 .met_text {width:100% }
    
    #met2 .met_text1 {padding-left:10px; width:95%;  }
    #met3 .met_text1 {padding-left:10px; width:95%;}
    #met4 .met_text1 {padding-left:10px; width:95%; }
    #met5 .met_text1 {padding-left:10px; width:95%;}
    
    #met .met_img1 {height:170px; }   


}