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

 
header{ position:relative; background:#; width:100%; z-index:99999; }
/* 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:50px; background:#; border-bottom:0px #273056 solid; width:100%; z-index:99999;}
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:11px; left:3.5%}
header > .wrapper > .logo img {height:30px; }
header > .wrapper > #pattern { width:100%; }





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

.footer_tel { background:url(../images/footer_tel.gif) right; background-size:cover;}
.footer_tel a { display:block; color:#fff; padding:20px 30px;}
.footer_tel p { font-size:1.2em; font-weight:600; }
.footer_tel strong { display:block; font-size:1.6em; line-height:1.6em; }

#footer { background:#2d2f3a; width:92%; margin:0 auto; padding:30px 4%; overflow:hidden;}

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



.quick { position:fixed; bottom:20px; right:10px; width:30%; z-index:99;}
.quick ul { margin-bottom:; text-align:center; }
.quick ul li img { width:100%;}