@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/line-awesome/1.3.0/font-awesome-line-awesome/css/all.min.css);

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('Noto Sans Thin'), url('fonts/NotoSans-Thin.eot');
    src: url('fonts/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSans-Thin.woff2') format('woff2'),
         url('fonst/NotoSans-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('Noto Sans Light'), url('fonts/NotoSans-Light.eot');
    src: url('fonts/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSans-Light.woff2') format('woff2'),
         url('fonts/NotoSans-Light.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('Noto Sans DemiLight'), url('fonts/NotoSans-DemiLight.eot');
    src: url('fonts/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSans-DemiLight.woff2') format('woff2'),
         url('fonts/NotoSans-DemiLight.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('Noto Sans Regular'), url('fonts/NotoSans-Regular.eot');
    src: url('fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSans-Regular.woff2') format('woff2'),
         url('fonts/NotoSans-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('Noto Sans Medium'), url('fonts/NotoSans-Medium.eot');
    src: url('fonts/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSans-Medium.woff2') format('woff2'),
         url('fonts/NotoSans-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('Noto Sans Bold'), url('fonts/NotoSans-Bold.eot');
    src: url('fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSans-Bold.woff2') format('woff2'),
         url('fonts/NotoSans-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('Noto Sans Black'), url('fonts/NotoSans-Black.eot');
    src: url('fonts/NotoSans-Black.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSans-Black.woff2') format('woff2'),
         url('fonts/NotoSans-Black.woff') format('woff');
}

/* Reset*/
html, body{height:100%;}
* {
	margin:0; padding:0; border:0; outline:0;
	box-sizing: border-box; /* W3C */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* Internet Explorer */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul, ol, dl {list-style:none;}
img, video{/*max-width:100%;*/border:0;vertical-align:top;}
table { border-collapse:collapse; border-spacing:0; }
input, select {vertical-align:middle; }
label {cursor:pointer;}
i,em,address {font-style:normal; font-weight:normal;}
.blind,legend,hr,caption {display:block;overflow:hidden;position:absolute;top:0;left:-1000em; }

body{font-family:"Noto Sans KR","Malgun Gothic", Dotum,"돋움", sans-serif;color: #333; font-size: 16px; line-height: 24px;font-weight: 400;}

a:link	{text-decoration:none;color:#555;}
a:visited{text-decoration:none;color:#555;}
a:hover {text-decoration:none;color:#1F4DAA;}
a:active {text-decoration:none;color:#555;}

/* skip navigation */
#nav-skip {position:fixed;left:0;top:0;width:100%;z-index:65001;padding:10px 0;text-align:center;opacity:0.9;background:#fff;transform:translateY(-120%);transition:all .1s;}
#nav-skip:focus-within {transform:translateY(0);}
#nav-skip ul {display:inline-block;margin:0;padding:0;list-style:none;white-space:nowrap;}
#nav-skip li {display:inline;margin:0 1em;}
#nav-skip a {text-decoration:none;color:#000;font-size:10pt;}
#nav-skip a:hover {text-decoration:underline;}