/* reset */
html {overflow-y:scroll;}
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,a,abbr,address,cite,em,img,strong,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,section,summary,audio,video {margin:0; padding:0; box-sizing:border-box;}
body, input, textarea, select, button, table {color:#333; font-size:15px; font-family:'Roboto', 'Noto Sans KR',맑은고딕,'Malgun Gothic',돋움,Dotum,sans-serif; line-height:1.3; -webkit-text-size-adjust:none;}
button, img, input, label, select, textarea {vertical-align:middle;}
label,button {display:inline-block;}
i, cite, em, var, address, dfn {font-style:normal;}
ul, ol {list-style:none;}
img {max-width:100%; border:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
hr {display:none;}
legend, caption {visibility:hidden; width:0; height:0; margin:0; padding:0; overflow:hidden; background:none; font-size:0; line-height:0;}
table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
abbr, acronym {border-bottom:1px dotted black; cursor:help;}
p {word-break:break-all;/*word-wrap:break-word;word-break:keep-all*/}
a {color:inherit; text-decoration:none;}

td, th {word-break: break-all}
/* button::-moz-focus-inner {padding:0; border:0;} */


/* form */
button {cursor:pointer;}
button, input {border-radius:0}
button:focus, input[type="submit"]:focus, input[type="text"]:focus, select:focus {outline:1px dotted #79a1e4;}
input,select,button,textarea {border-radius:0; margin:0; outline:none; vertical-align:middle; box-sizing:border-box; font-size:15px;}
fieldset {border:none;}
input[type="submit"] {border:none; cursor:pointer; -webkit-border-radius:0; -webkit-appearance:none;}

/* html5 - for older browsers */
article, aside, audio, canvas, code, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block;}
mark, rp, rt, ruby, summary, time {display:block;}

/* 숨김 */
ul#skipToContent {position:absolute; z-index:10000; height:0;}
ul#skipToContent li {position:absolute; z-index:10000; top:0; left:0; width:100%;}
ul#skipToContent li a {display:block; position:absolute; z-index:10000; top:-10000px; left:0; color:#fff; font-size:0; text-align:center;}
ul#skipToContent li a:focus,ul#skipToContent li a:active {top:3px; width:150px; padding:5px 0; font-size:1em; background-color:#355da0}
.skipToContent a {display:block; width:1px; height:1px; margin-bottom:-1px; overflow:hidden; color:#000; font-size:12px; text-align:center; white-space:nowrap;}
.skipToContent a:focus,.skipToContent a:active {width:auto; height:auto; margin-bottom:10px; padding:5px;}
.bline,.skip {position:absolute; height:0; overflow:hidden; font-size:1px; text-indent:-9999px; line-height:0;}
.bline2 {position: absolute !important;width: 1px !important;height: 1px !important;margin: -1px !important;padding: 0 !important;/* overflow: hidden !important;*/clip: rect(0, 0, 0, 0) !important;border: 0; color:#000;background-color:#fff}  
.hidden {position:absolute; width:0 !important; height:0; margin:0; padding:0; background:none; font-size:0; line-height:0;}
.none {display:none;}
.hidePc {display:none;}

@media all and (min-width:1024px){
.pc{display:none;}
}

@media all and (max-width:767px){
.ta{display:none;}
}


@media all and (max-width:620px) {
	body, input, textarea, select, button, table {font-size:15px;}
}
@media all and (max-width:480px) {
	a:hover{text-decoration:none;}
	body, input, textarea, select, button, table {font-size:14px;}
}
.pc{display:block;}