@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

*{ padding: 0px; margin: 0px; font-family:'Nanum Gothic',monospace; font-size: 12px; color: #666666; }
li{ list-style: none;}
a{ text-decoration: none;}
img{ border: none;}
table{ border-collapse: collapse; border-spacing: 0px; }
address{ font-style: normal; }
fieldset{ border: none; }
legend{ position: absolute; left: -999em; }
input[type=button], input[type=submit], input[type=reset], input[type=image], buttom{ cursor: pointer; }
header, section, footer, nav, aside, figure, article{ display: block; margin: 0px; padding: 0px; }

html, body{ height: 100%; }

/*header css*/
header{ width: 100%; z-index: 9990; }
header > div.h_top{ width: 100%; height: 80px; margin: 0px auto; text-align: center; position: relative; background-color: #222222; overflow: hidden; }
header > div.h_top > h1{ width: 70%; float: left; margin-left: 5px; }
header > div.h_top > h1 > a > img{ width: 100%; vertical-align: center; }
header > div.h_top > div#page{ float: right; }
header > div.h_top > div#page > div.header > a > img{ width: 35px; margin-top: 25px; margin-right: 15px; }

.fixed_menu{ position: fixed; top: 0; opacity: 0.9; }
/*footer css*/
div.footer_wrap{ width: 100%; overflow: hidden; background-color: #333333; }
div.footer_wrap > div > a{ display: block; width: 100%; height: 30px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 30px; text-align: center; box-sizing: border-box; }
div.footer_wrap > p{ color: #fff; text-align: center; line-height: 20px; padding: 30px 20px; }
div.footer_wrap > ul{ width: 230px; margin: 0px auto; }
div.footer_wrap > ul > li{ float: left; margin-right: 10px; margin-bottom: 30px; }