@charset "utf-8";

/* HTML5 Elements */
header, section, article, aside, footer, nav, figure, figcaption { display:block; margin:0; padding:0; border:0;}

/* font */
@font-face {
    font-family: 'NotoR';
    src: url(../font/NotoSans-Regular.eot);
    src: url(../font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
    	 url(../font/NotoSans-Regular.woff) format('woff'),
    	 url(../font/NotoSans-Regular.otf) format('opentype'); 
		 }
@font-face {
    font-family: 'NotoM';
    src: url(../font/NotoSans-Medium.eot);
   	src: url(../font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
    	 url(../font/NotoSans-Medium.woff) format('woff'),
    	 url(../font/NotoSans-Medium.otf) format('opentype'); 
		 }
@font-face {
    font-family: 'NotoB';
    src: url(../font/NotoSans-Bold.eot);
    src: url(../font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
    	 url(../font/NotoSans-Bold.woff) format('woff'),
    	 url(../font/NotoSans-Bold.otf) format('opentype'); 
		 }
@font-face {
    font-family: 'scdream_regular';
    src: url(../font/scdream4-webfont.woff2) format('woff2'),
         url(../font/scdream4-webfont.woff) format('woff');
  	 	 font-weight: normal;
  	 	 font-style: normal;
		}
@font-face {
    font-family: 'scdream_bold';
    src: url(../font/scdream7-webfont.woff2) format('woff2'),
         url(../font/scdream7-webfont.woff) format('woff');
		 font-weight: normal;
	     font-style: normal;
		}
@font-face {
    font-family: 'scdream_heavy';
    src: url(../font/scdream8-webfont.woff2) format('woff2'),
         url(../font/scdream8-webfont.woff) format('woff');
	 	 font-weight: normal;
	 	 font-style: normal;
		}

* { font-family: 'NotoR', 'NotoM', 'NotoB', 'scdream_regular', 'scdream_bold', 'scdream_heavy', sans-serif; letter-spacing:-0.5px; }

/* default */
* { margin:0; padding:0;}
html, body { border:0; -webkit-text-size-adjust:none; }
body { min-width:100% !important;}
h1, h2, h3, h4, h5, h6, div, p, table, thead, tfoot, tbody, tr, th, td, form, fieldset, ul, ol, li, dl, dt, dd, img, a, span, em, strong, i, b, button { border:0; -webkit-text-size-adjust:none;}
table, thead, tfoot, tbody, tr, th, td { border-collapse:separate; border-spacing:0;}
caption, legend { overflow:hidden; display:block; position:fixed; top:-1000px; left:0; width:1px; height:1px;}
ul, ol, li { list-style:none; }
input, select, textarea, img, a, em, strong, i, b, span, address { box-sizing:border-box; vertical-align:top;}
input[type="submit"], input[type="button"], button { overflow:visible; background:none; cursor:pointer;}
a { text-decoration:none; }
em, strong, i, b, address { font-style:normal; font-weight:normal;}

/* default class */
.hide{display:none !important}
.show{display:block !important}
.invisible{visibility:hidden}
.hidden{display:none !important;visibility:hidden !important}
.blind,.access-hide,legend,caption{display:block;overflow:hidden;position:absolute;top:-1000em;left:0; width: 0;height: 0;}
.bd_none{border:none !important}
.bg_none{background:none !important}
.text_hide{border:0;background-color:transparent;font-size:0;color:transparent;text-shadow:none}
.ac{text-align:center !important}
.al{text-align:left !important}
.ar{text-align:right !important}
.text_justify{text-align:justify !important}
.text_nowrap{white-space:nowrap !important}
.fl{float:left !important}
.fr{float:right !important}
.clear{clear:both !important}

/* skip navi to content */
.skip-nav a{position:absolute;top:-9999em;z-index:9999;width:100%;background:#475470;font-size:1.3em;font-weight: bold;color:#fff;text-align:center}
.skip-nav a:hover,.skip-nav a:active,.skip-nav a:focus{top:0;padding:12px 0;color:#fff}