@charset "utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a:link, a:visited { text-decoration: none;}
a:hover, a:focus { text-decoration:none;}
header, footer, section, article, nav, aside {display:block;} 
caption { display: none;} 
legend {display: none} 
label {display: none}   
li { list-style-type: none; } 
img{ border:0 none;}      

@font-face { 
font-family: 'notokr-black'; 
font-weight: normal; 
font-style: normal; 
src: url('../fonts/NotoKR-Black/notokr-black.eot'); 
src: url('../fonts/NotoKR-Black/notokr-black.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-Black/notokr-black.woff2') format('woff2'), 
url('../fonts/NotoKR-Black/notokr-black.woff') format('woff'), 
url('../fonts/NotoKR-Black/notokr-black.ttf') format('truetype'), 
url('../fonts/NotoKR-Black/notokr-black.svg#notokr-regular') format('svg'); 
}
@font-face { 
font-family: 'notokr-bold'; 
font-weight: normal; 
font-style: normal; 
src: url('../fonts/NotoKR-Bold/notokr-bold.eot'); 
src: url('../fonts/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-Bold/notokr-bold.woff2') format('woff2'), 
url('../fonts/NotoKR-Bold/notokr-bold.woff') format('woff'), 
url('../fonts/NotoKR-Bold/notokr-bold.ttf') format('truetype'), 
url('../fonts/NotoKR-Bold/notokr-bold.svg#notokr-regular') format('svg'); 
}
@font-face { 
font-family: 'notokr-medium'; 
font-weight: normal; 
font-style: normal;     
src: url('../fonts/NotoKR-Medium/notokr-medium.eot'); 
src: url('../fonts/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-Medium/notokr-medium.woff2') format('woff2'), 
url('../fonts/NotoKR-Medium/notokr-medium.woff') format('woff'), 
url('../fonts/NotoKR-Medium/notokr-medium.ttf') format('truetype'), 
url('../fonts/NotoKR-Medium/notokr-medium.svg#notokr-regular') format('svg'); 
}
@font-face { 
font-family: 'notokr-regular'; 
font-weight: normal; 
font-style: normal; 
src: url('../fonts/NotoKR-Regular/notokr-regular.eot'); 
src: url('../fonts/NotoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-Regular/notokr-regular.woff2') format('woff2'), 
url('../fonts/NotoKR-Regular/notokr-regular.woff') format('woff'), 
url('../fonts/NotoKR-Regular/notokr-regular.ttf') format('truetype'), 
url('../fonts/NotoKR-Regular/notokr-regular.svg#notokr-regular') format('svg'); 
}
@font-face { 
font-family: 'notokr-light'; 
font-weight: normal; 
font-style: normal; 
src: url('../fonts/NotoKR-Light/notokr-light.eot'); 
src: url('../fonts/NotoKR-Light/notokr-light.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-Light/notokr-light.woff2') format('woff2'), 
url('../fonts/NotoKR-Light/notokr-light.woff') format('woff'), 
url('../fonts/NotoKR-Light/notokr-light.ttf') format('truetype'), 
url('../fonts/NotoKR-Light/notokr-light.svg#notokr-regular') format('svg'); 
}
@font-face { 
font-family: 'notokr-thin'; 
font-weight: normal; 
font-style: normal; 
src: url('../fonts/NotoKR-Thin/notokr-thin.eot'); 
src: url('../fonts/NotoKR-Thin/notokr-thin.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NotoKR-Thin/notokr-thin.woff2') format('woff2'), 
url('../fonts/NotoKR-Thin/notokr-thin.woff') format('woff'), 
url('../fonts/NotoKR-Thin/notokr-thin.ttf') format('truetype'), 
url('../fonts/NotoKR-Thin/notokr-thin.svg#notokr-regular') format('svg'); 
}
#skipnav li a:link, #skipnav li a:visited { display:block; width:100%; background-color:black; opacity: 0.5; color:white; text-align: center; padding:10px; position:absolute; top:-100px; left:0;}
#skipnav li a:focus, #skipnav li a:active { top:0px; }