@charset "utf-8";

body:not(th, td){text-align: left; word-break: keep-all}
audio,
body,
embed,
iframe,
img,
object,
video {max-width: 100%}

button,
form,
h1,
h2,
h3,
h4,
h5,
h6 {padding: 0; margin: 0}

code,
pre,
table td,
table th {word-break: keep-all}

.blind,
form legend {top: -9999px; left: -9999px; z-index: 1}

html {-webkit-text-size-adjust: 100%}

a,
abbr,
acronym,
address,
applet,
articel,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
cener,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rq,
rt,
ruby,
s,
samp,
section,
small,
span,
stricke,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {margin: 0; padding: 0; border: 0; font-size: 100%; font-family: 'Nanum Gothic', Arial, sans-serif;}

body,input,textarea,select,button,table {font-size: 14px; font-family: 'Nanum Gothic', Arial, sans-serif; font-weight: 400; color: var(--black); letter-spacing: -.05em}

.blind,
.sknavi,
.sknavi .skip,
form legend {position: absolute}

html.mobile body {
     -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
     -ms-text-size-adjust: none;
     text-size-adjust: none;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     -webkit-touch-callout: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     -webkit-tap-highlight_color: rgba(11, 66, 170, .6);
     overflow-x: hidden;
     font-family: HelveticaNeue-Light, AppleSDGothicNeo-Light
}

html.mobile body table {
     table-layout: fixed;
     width: 100%
}
a {color: #000; cursor: pointer;}
a {color: var(--black); cursor: pointer; }
a:active,
a:link,
a:visited {text-decoration: none}
a:hover {text-decoration: none}

h1,
h2,
h3,
h4,
h5,
h6 {font-family: 'Nanum Gothic', sans-serif; font-weight: 600}

*,
:after,
:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}

table {border-collapse: collapse; border-spacing: 0}
table caption {visibility: none; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999px}

.loading,
.sknavi {display: block; width: 100%; max-width: 100%}

form legend {top:-9999px; left:-9999px}

button,
input,
select,
textarea {font-family: inherit}
button {border: none}
textarea {resize: none; overflow: auto}
/*input::--ms-clear,
input::--ms-reveal {display: none}*/
small,
sub,
sup {font-size: 12px}
code,
pre {font-family: 'Nanum Gothic', sans-serif; white-space: pre; white-space: pre-line; white-space: pre-wrap}
pre a {font-weight: 400}
abbr[title],
dfn[title] {cursor: help}
sub {vertical-align: sub}
sup {vertical-align: super}
.hide {visibility: hidden}
.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap}

.pointer,
a[href],
button,
input[type=submit],
input[type=image],
label,
label[for],
select {cursor: pointer}

select{background:none\9;appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none}
select::-ms-expand {display:none;font-family:inherit}
input[type=text],
input[type=password] {vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none}
[type=date]::-webkit-inner-spin-button {display:none}
[type=date]::-webkit-calendar-picker-indicator {opacity:0}
[type=checkbox],
[type=radio] {margin: 0; padding: 0}
input[type=button] {cursor: pointer}
input,
textarea,
button {appearance: auto; -moz-appearance: auto; -webkit-appearance: auto;border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0}
img {
	-ms-interpolation-mode: nearset-neighbor;
	image-rendering: auto;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: -moz-auto;
	image-rendering: -o-auto;
	transform: translateZ(0);
	backface-visibility: hidden
}
::placeholder {font-size: 16px; color: #626262; opacity: .6}
em {font-style: normal}
label {cursor: default}

ol,
ul {list-style: none}

.clear,
.clearfix {display: block}

.clear:after,
.clearfix:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1}

.sknavi {z-index: 1000; top: -500px}

.sknavi:active,
.sknavi:focus {
     top: 0;
     display: block;
     width: 100%;
     text-align: center;
     font-weight:bold;
     background-color: var(--bg-light-gray);
     text-decoration: none;
     height: 40px;
     line-height: 40px;
     color: #000;
     font-size: 15px;
     border-bottom: 1px solid #ddd;
     z-index: 10000
}

.sknavi .skip {
     top: -9999px
}