@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,input,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    /* outline:0; */
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

* {box-sizing: border-box;}

button {display:inline-block; margin:0; padding:0; border:0; cursor:pointer; font-size:14px; font-family:"Arial","Helvetica", san-serif;}

/* delete image border */
img {border:0; vertical-align:top;}
input[type~="radio"], input[type~="text"], input[type~="image"], select {margin:0; padding:0; font-size:14px;  vertical-align:top; font-family:"Arial","Helvetica", san-serif;}

/* display none for screen reader software */
legend, caption, .hidden {overflow:hidden; width:0; height:0; position:absolute; left:-99999px; font-size:0; line-height:0;}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul, ol, li {
    list-style:none;
}
table {
	width:100%;
   /*  border-collapse:collapse; */
    border-spacing:0;
}

@font-face {
  font-family:'Noto Sans';
  font-style: normal;
  font-weight: normal;
  src: url("/font/notokr-regular.eot");
  src: url("/font/notokr-regular.eot?#iefix") format('embedded-opentype'),
       url("/font/notokr-regular.woff") format('woff'),
       url("/font/notokr-regular.ttf") format('truetype');
}

@font-face {
  font-family:'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url("/font/notokr-bold.eot");
  src: url("/font/notokr-bold.eot?#iefix") format('embedded-opentype'),
       url("/font/notokr-bold.woff") format('woff'),
       url("/font/notokr-bold.ttf") format('truetype');
}


@font-face {
  font-family:'NotoSerifRegular';
  font-style: normal;
  font-weight: normal;
  src: url("/font/NotoSerifRegular.eot");
  src: url("/font/NotoSerifRegular.eot?#iefix") format('embedded-opentype'),
       url("/font/NotoSerifRegular.woff") format('woff'),
       url("/font/NotoSerifRegular.ttf") format('truetype');
}


/* skipNav */
#skipnav { position: absolute; top: 0; left: 22px; z-index:10000;}
#skipnav a {position: absolute; top: -9999px; }
#skipnav a:hover,
#skipnav a:active,
#skipnav a:focus {position:relative; z-index:10000;display: inline-block; top:0; width: 160px; padding: 5px 0; border:3px solid #ddd; color: #000; font-weight: bold; text-align: center; background-color: #fff;}