@media all and (min-width:800px) {    /* 화면 너비가 980px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
}

 
header{ position:absolute; background:#; width:100%; z-index:9; }
/* header > .wrapper {position:fixed; top:0; left:0; width:100%; height:50px; background:#; border-bottom:1px #273056 solid; width:100%; height:100%; overflow:hidden; overflow-y:scroll; z-index:999;} */
header > .wrapper {position:relative; width:100%; height:60px; background:#; border-bottom:0px #273056 solid; width:100%; z-index:9;}
header > .wrapper > .top_tel { position:absolute; left:50%; top:10px; width:200px; margin-left:-100px;}
header > .wrapper > .top_tel img {height:30px; }
header > .wrapper > .top_tel li { display:inline-block; margin:0 8px;}
header > .wrapper > .logo { position:absolute; top:18px; left:3.5%}
header > .wrapper > .logo img {height:15px; }
header > .wrapper > #pattern { width:100%; }





/* ----------- footer ---------------------- */

.footer_tel { width:100%; margin:0 auto; overflow:hidden;}

#footer { background:#111; width:92%; margin:10% auto 0; padding:20px 4%; overflow:hidden;}

#footer .address { display:block; color:#999; font-size:0.8em; line-height:1.4em; text-align:center;}
#footer .logo { width:100px; margin:0 auto 10px; }