@charset "utf-8";

/* ul#acc 태그 건너뛰기 링크 css 적용*/
ul#acc li a {
	color: white;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 1024px;
	max-width: 100%;
	text-align:center;
	background-color: black;
	color: white;
	
}
ul#acc li a:focus {
	z-index: 99999;
	padding: 10px;
}
/*============================*/

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html {-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust: none;}
body {color: #000; font-size: 100%; line-height:1.2; letter-spacing:0;}
html, body, div, span, object, iframe,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main, summary,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
form, fieldset, legend, input, label, button, textarea, select, textarea, input,
table, caption, tbody, tfoot, thead, tr, th, td,
b, i, dl, dt, dd, ol, ul, li,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
time, mark, audio, video, a {margin:0; padding:0;  }
fieldset, img {border:0 none; }
img {display:block; height:auto; vertical-align:middle; }
legend, caption {position:absolute; height:0; line-height:0; font-size:0; overflow:hidden; }
address, cite, code, dfn, em, var ,i {font-style:normal; font-weight:normal; }
ul, ol, li {list-style:none; }
a {cursor:pointer; text-decoration:none; }
/* a:hover, a:active, a:focus {text-decoration:none; } */
audio[controls], canvas, video {display: block; }
header, footer, article, section, aside, details, figcaption, figure, hgroup, menu, nav, time, main {display:block; margin:0; padding:0; }
table {width: 100%; border: 0; border-collapse: collapse !important; border-spacing:0; }

::-webkit-input-placeholder {color:#fff; }
::-moz-placeholder {color:#fff; }
:-moz-placeholder {color:#fff;  }
:-ms-input-placeholder {color:#fff; }

/* clear */
.container:after,
.clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden; }

/* float */
.float-left {float:left; }
.float-right {float:right; }
.float-none {float:none; clear:both; }

/* hide */
.disabled {pointer-events:none; cursor:default; }
.hide {font-size:0; height:0; text-indent:100%; white-space:nowrap; overflow:hidden; }


/* text align */
.text-center {text-align:center !important;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}

/* text color*/
.text-white {color:#fff!important; }
.text-black {color:#000!important; }
.text-red {color:#ff0000!important; }
.text-blue {color:#004eff!important; }
.text-green {color:#20ab19!important; }
.text-yellow {color:#ffb632!important; }
.text-orange {color:#ff7700!important; }

/* bg color*/
.bg-black {background:#000!important; }
.bg-red {background:#ff0000!important; }
.bg-blue {background:#004eff!important; }
.bg-green {background:#20ab19!important; }
.bg-yellow {background:#ffb632!important; }
.bg-orange {background:#ff7700!important; }

/* skipnavi */
#skip-navi {position:absolute; top:0; left:0; width:100%; height:0; z-index:999999; }
#skip-navi dl, #skip-navi dt, #skip-navi dd {height:0; }
#skip-navi a {position:absolute; top:0; left:0; display:block; overflow:hidden; width:.1rem; height:.1rem; margin-bottom:-.1rem; margin-left:-.1rem; color:#000; text-align:center; white-space:nowrap; }
#skip-navi a:hover, #skip-navi a:active, #skip-navi a:focus {width:100%; height:auto; padding:1rem 0; background:#000; color:#fff; z-index:10000; }

#size-test {position:fixed; top:0; left:0; z-index:1000000;}