@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@500&display=swap');
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
font-family: 'NotoSansKR';
font-style: normal;
font-weight: normal;
src: url('fonts/NotoSans-Regular.woff2') format('woff2'),url('fonts/NotoSans-Regular.woff') format('woff'),url('fonts/NotoSans-Regular.otf') format('otf');
}

@font-face {
font-family: 'NotoSansKR';
font-style: normal;
font-weight: 300;
src: url('fonts/NotoSans-Light.woff2') format('woff2'),url('fonts/NotoSans-Light.woff') format('woff'),url('fonts/NotoSans-Light.otf') format('otf');
}

@font-face {
font-family: 'NotoSansKR';
font-style: normal;
font-weight: 500;
src: url('fonts/NotoSans-Medium.woff2') format('woff2'),url('fonts/NotoSans-Medium.woff') format('woff'),url('fonts/NotoSans-Medium.otf') format('otf');
}


@font-face {
font-family: 'NotoSansKR';
font-style: normal;
font-weight: 600;
src: url('fonts/NotoSans-Bold.woff2') format('woff2'),url('fonts/NotoSans-Bold.woff') format('woff'),url('fonts/NotoSans-Bold.otf') format('otf');
}



@font-face {
font-family: 'Geomanist Thin';
src: url('fonts/Geomanist-Thin.woff2') format('woff2'),
url('fonts/Geomanist-Thin.woff') format('woff'),
url('fonts/Geomanist-Thin.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.font-Geomanist-Thin {
font-family: 'Geomanist Thin', sans-serif;
}
@font-face {
font-family: 'Geomanist Extra Light';
src: url('fonts/Geomanist-ExtraLight.woff2') format('woff2'),
url('fonts/Geomanist-ExtraLight.woff') format('woff'),
url('fonts/Geomanist-ExtraLight.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.font-Geomanist-ExtraLight {
font-family: 'Geomanist Extra Light', sans-serif;
}
@font-face {
font-family: 'Geomanist Light';
src: url('fonts/Geomanist-Light.woff2') format('woff2'),
url('fonts/Geomanist-Light.woff') format('woff'),
url('fonts/Geomanist-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.font-Geomanist-Light {
font-family: 'Geomanist Light', sans-serif;
}
@font-face {
font-family: 'Geomanist Book';
src: url('fonts/Geomanist-Book.woff2') format('woff2'),
url('fonts/Geomanist-Book.woff') format('woff'),
url('fonts/Geomanist-Book.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.font-Geomanist-Book {
font-family: 'Geomanist Book', sans-serif;
}
@font-face {
font-family: 'Geomanist Regular';
src: url('fonts/Geomanist-Regular.woff2') format('woff2'),
url('fonts/Geomanist-Regular.woff') format('woff'),
url('fonts/Geomanist-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.font-Geomanist-Regular {
font-family: 'Geomanist Regular', sans-serif;
}
@font-face {
font-family: 'Geomanist Medium';
src: url('fonts/Geomanist-Medium.woff2') format('woff2'),
url('fonts/Geomanist-Medium.woff') format('woff'),
url('fonts/Geomanist-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.font-Geomanist-Medium {
font-family: 'Geomanist Medium', sans-serif;
}
@font-face {
font-family: 'Geomanist Bold';
src: url('fonts/Geomanist-Bold.woff2') format('woff2'),
url('fonts/Geomanist-Bold.woff') format('woff'),
url('fonts/Geomanist-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.font-Geomanist-Bold {
font-family: 'Geomanist Bold', sans-serif;
}
@font-face {
font-family: 'Geomanist Black';
src: url('fonts/Geomanist-Black.woff2') format('woff2'),
url('fonts/Geomanist-Black.woff') format('woff'),
url('fonts/Geomanist-Black.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.font-Geomanist-Black {
font-family: 'Geomanist Black', sans-serif;
}
@font-face {
font-family: 'Geomanist Ultra';
src: url('fonts/Geomanist-Ultra.woff2') format('woff2'),
url('fonts/Geomanist-Ultra.woff') format('woff'),
url('fonts/Geomanist-Ultra.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.font-Geomanist-Ultra {
font-family: 'Geomanist Ultra', sans-serif;
}



/* CSS reset */
html {font-size:62.5%;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-size:12px;
	vertical-align:baseline;
	background:transparent;
	-webkit-text-size-adjust:none;
	font-family: 'Geomanist Regular', sans-serif;
	list-style:none;
	line-height:1;
}

em,address{font-style:normal;}
hr{display:none}
body{line-height:1;word-break: break-all;}
ol, ul{list-style:none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}

ins{text-decoration:none;}
del{text-decoration:line-through;}
table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;word-break:break-all;}
table th, table td{vertical-align:middle; background-clip: padding-box;​ }
fieldset{margin:0;padding:0;border:0 none;}
legend, caption, .skip{position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

html, body,input,button,textarea{font-size:12px; color:#888; font-family: 'Geomanist Regular', sans-serif;}

a {color:#a7a7a7; text-decoration:none;}
a:hover {color:#a7a7a7; text-decoration:none;}
img,input{vertical-align:top;}
label{vertical-align:middle; font-size:14px; cursor:pointer;}
select {margin:0; border:0; padding:0; font-size:13px; vertical-align:middle; color:#666;  cursor:pointer;}
textarea {border:1px solid #dcdcdc; color:#888; font-size:13px; line-height:18px; padding:5px; overflow-y:auto; resize:none;-webkit-appearance:none; border-radius:0; font-weight:400;}

h1,h2,h3,h4,h5,h6,th,strong {font-weight:600;}
select {font-family: 'Geomanist Regular', sans-serif; outline: 0; -webkit-appearance:none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display:none;}

/* html5 reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, canvas{display:block; margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
input {-webkit-appearance:none; border-radius:0; padding:0; margin:0;-webkit-border-radius:0;}
input[type='text'] {-webkit-appearance:none;}
input[type=text]::-ms-clear{display: none;}

/* skip */
a.skipNavi{position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:1.3em;}
a.skipNavi:hover, a.skipNavi:focus, a.skipNavi:active{position:absolute; top:0; padding:15px 0; font-weight:bold; color:#fff; background:#1d60a7; z-index:500;}
a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}
a {outline: 0;}
input[type='text']:focus,input[type='password']:focus {outline:0;}