/*---- banner ----*/
#banner {width:100%; height:250px; background:url(../images/mes_key6_w_1.jpg)no-repeat center center; background-size:150%;}
#banner h1 {width:300px; height:40px; position:relative; left:50%; margin-left:-170px; top:100px; overflow: hidden;}
#banner h1 p {color:white; font-size:40px; text-align: center; margin:0; font-family: "nanumB"; letter-spacing: 3px; position: absolute; top:45px; left:50%; margin-left:-55px;}

@media (min-width:601px) and (max-width:1199px) {
    #banner {min-width:300px; background-size:150%; height:300px;}
    #banner h1 {left:50%; margin-left:-130px; top:150px;}
    #banner h1 p {font-size:30px; margin-left:-75px;}
}

@media(max-width:600px){
    #banner {min-width:300px; background-size:150%;}
    #banner h1 {left:50%; margin-left:-130px; top:120px;}
    #banner h1 p {font-size:30px; margin-left:-75px;}
}