@charset "utf-8";

/* CSS Document */
@import url('/home/new_css/font.css');

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

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,
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;
    vertical-align: baseline;
    background: transparent;
	box-sizing:border-box;
}

html,
body {
    width: 100%;
	font-family:'Noto Sans KR','Malgun Gothic','Roboto','dotum','sans-serif';
	letter-spacing:-0.5px;
	font-size:100%;
	font-weight:normal;
	color:#333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    vertical-align: top;
    max-width: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
}

ul::after {
    content: "";
    display: block;
    clear: both;
}

em {
    font-style: normal;
}


/* Form */
input, select, textarea {outline:none;}
input:focus {outline: none !important;}
button {border: none; font-family: inherit; background: transparent; cursor: pointer;}
button:active {outline: none;}
button:focus {outline: none;}
textarea {box-sizing:border-box;}
select {cursor:pointer; box-sizing:border-box;}

input[type="radio"] {vertical-align:middle; box-sizing:border-box;}
input[type="checkbox"] {vertical-align:middle; box-sizing:border-box;}
input[type="text"] {box-sizing:border-box;}
input[type="submit"] {vertical-align:middle; cursor:pointer; border:none; box-sizing:border-box; -webkit-appearance: none; appearance: none;}
input[type="file"] {cursor:pointer; vertical-align:middle; box-sizing:border-box;}
input[type="text"], input[type="password"], input[type="submit"], button { -webkit-appearance: none; appearance: none;  -moz-appearance: none;}
input[readonly="readonly"] {vertical-align:middle; box-sizing:border-box;}
textarea[readonly="readonly"] {vertical-align:middle; box-sizing:border-box;}





/* 페이지 (게시판 제외) */
/* input[type="text"] {height:20px; padding:0 5px; line-height:20px; border:1px solid #cecece; vertical-align:middle; box-sizing:border-box;}
input[type=radio],
input[type="checkbox"]{margin-right:2px; vertical-align:middle;}
input[type="submit"] {height:20px; padding:0 5px; line-height:20px; vertical-align:middle; cursor:pointer; border:none; background:#ccc; box-sizing:border-box;-webkit-appearance: none;}
input[type="file"] {cursor:pointer; vertical-align:middle; box-sizing:border-box;}
input[type="text"],
input[type="password"],
input[type="submit"], button { -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0;}
input[readonly="readonly"],
textarea {border:1px solid #dbdbdb; padding:5px; box-sizing:border-box;}
select {border:1px solid #dbdbdb; padding:5px; cursor:pointer; vertical-align:middle; box-sizing:border-box;}
textarea[readonly="readonly"]{background:#ddd;}


/*table sytle01*/
.tb01 {width:100%;border-collapse:separate; border-spacing:0;table-layout:fixed;border-top:1px solid #aaa; border-right:1px solid #aaa;}
.tb01 thead th {background:#f7f7f7; border-bottom:1px solid #aaa; border-left:1px solid #aaa; padding:15px 0 15px 0; line-height:1.4; font-size:20px; text-align:center; vertical-align:middle;}
.tb01 thead td {border-bottom:1px solid #aaa; border-left:1px solid #aaa; padding:14px 0; text-align:left; line-height:20px; word-break:break-all; vertical-align:middle;}
.tb01 thead td.l1 {padding-left:15px;text-align:left; padding-right:15px;}
.tb01 tbody th {border-bottom:1px solid #aaa; border-left:1px solid #aaa; padding:14px 0; text-align:center; line-height:20px; word-break:break-all; vertical-align:middle;}
.tb01 tbody td {border-bottom:1px solid #aaa; border-left:1px solid #aaa; padding:14px 0; text-align:center; line-height:20px; word-break:break-all; vertical-align:middle;}
.tb01 tbody td.l1 {padding-left:15px;text-align:left; padding-right:15px;}
