@charset "utf-8";

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

/* base */
html {overflow-y:scroll}
body {font-family:'Malgun Gothic', 'Nanum Gothick', Dotum,AppleGothic,Arial,sans-serif; font-size:12px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
input, select, textarea, button, label {font-size:100%; vertical-align:middle}
input, select {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
fieldset, img, iframe {border:0 none}
img {vertical-align:middle}
textarea {resize:none}
th, td {text-align:left}
em, address {font-style:normal}
a {text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none;}
menu,li {list-style:none}
button {padding:0; margin:0; border:0; cursor:pointer; vertical-align:middle; background:none}
caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden}
hr {display:none}
i,em,address{font-style:normal}
label {cursor:pointer}
table {border-spacing:0; border-collapse:collapse}
/* class */
.hidden {visibility:hidden; position:absolute; left:-9999em; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:-9999em}
.after { display:block; clear:both; content:""; }
/* nav skip */
.skip_navi a{position:absolute; top:-9999em; width:100%; background:#6ad700; font:bold 1.5em; text-align:center; font-weight:bold}
.skip_navi a:hover , .skip_navi a:active , .skip_navi a:focus {padding:12px 0; top:0;  color:#000}