@charset "utf-8";

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../images/font/NotoSansKR-Thin.woff2) format('woff2'),
       url(../images/font/NotoSansKR-Thin.woff) format('woff'),
       url(../images/font/NotoSansKR-Thin.otf) format('opentype');

  src: url(../images/font/NotoSans-Thin.woff2) format('woff2'),
       url(../images/font/NotoSans-Thin.woff) format('woff'),
	   url(../images/font/NotoSans-Thin.eot) format('eot'),
       url(../images/font/NotoSans-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../images/font/NotoSansKR-Light.woff2) format('woff2'),
       url(../images/font/NotoSansKR-Light.woff) format('woff'),
       url(../images/font/NotoSansKR-Light.otf) format('opentype');

  src: url(../images/font/NotoSans-Light.woff2) format('woff2'),
       url(../images/font/NotoSans-Light.woff) format('woff'),
	   url(../images/font/NotoSans-Light.eot) format('eot'),
       url(../images/font/NotoSans-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../images/font/NotoSansKR-Regular.woff2) format('woff2'),
        url(../images/font/NotoSansKR-Regular.woff) format('woff'),
        url(../images/font/NotoSansKR-Regular.otf) format('opentype');

   src: url(../images/font/NotoSans-Regular.woff2) format('woff2'),
        url(../images/font/NotoSans-Regular.woff) format('woff'),
		url(../images/font/NotoSans-Regular.eot) format('eot'),
        url(../images/font/NotoSans-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../images/font/NotoSansKR-Medium.woff2) format('woff2'),
        url(../images/font/NotoSansKR-Medium.woff) format('woff'),
        url(../images/font/NotoSansKR-Medium.otf) format('opentype');

   src: url(../images/font/NotoSans-Medium.eot) format('eot'),
        url(../images/font/NotoSans-Medium.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../images/font/NotoSansKR-Bold.woff2) format('woff2'),
        url(../images/font/NotoSansKR-Bold.woff) format('woff'),
        url(../images/font/NotoSansKR-Bold.otf) format('opentype');

   src: url(../images/font/NotoSans-Bold.woff2) format('woff2'),
        url(../images/font/NotoSans-Bold.woff) format('woff'),
		url(../images/font/NotoSans-Bold.eot) format('eot'),
        url(../images/font/NotoSans-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../images/font/NotoSansKR-Black.woff2) format('woff2'),
        url(../images/font/NotoSansKR-Black.woff) format('woff'),
        url(../images/font/NotoSansKR-Black.otf) format('opentype');

   src: url(../images/font/NotoSansKR-Black.woff2) format('woff2'),
        url(../images/font/NotoSansKR-Black.woff) format('woff'),
		url(../images/font/NotoSans-Black.eot) format('eot'),
        url(../images/font/NotoSansKR-Black.otf) format('opentype');
 }
 
 @font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(../images/font/Pretendard-Black.woff2) format('woff2'), url(../images/font/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(../images/font/Pretendard-ExtraBold.woff2) format('woff2'), url(../images/font/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(../images/font/Pretendard-Bold.woff2) format('woff2'), url(../images/font/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(../images/font/Pretendard-SemiBold.woff2) format('woff2'), url(../images/font/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(../images/font/Pretendard-Medium.woff2) format('woff2'), url(../images/font/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(../images/font/Pretendard-Regular.woff2) format('woff2'), url(../images/font/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(../images/font/Pretendard-Light.woff2) format('woff2'), url(../images/font/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(../images/font/Pretendard-ExtraLight.woff2) format('woff2'), url(../images/font/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(../images/font/Pretendard-Thin.woff2) format('woff2'), url(../images/font/Pretendard-Thin.woff) format('woff');
}

*{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}   
html{height:100%;width:100%;-webkit-font-smoothing:antialiased;font-size:14px;} 
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-weight: 500;}
body {height:100%;min-height:100%;margin:0;padding:0;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;}
body,input,textarea,select,button,table{font-family: 'Pretendard', sans-serif; outline: none;  color:#000;}
img,fieldset{border:0;}
ul,ol,dl,li{list-style:none;margin:0;padding:0;}
ul:after,ol:after,dl:after{clear:both;display:block;content:''}
em,address{font-style:normal}
a{text-decoration:none;  color:#000;}
a:hover,a:active,a:focus,a:visited{text-decoration:none;}
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
table { border-collapse:collapse; border-spacing:0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }

#wrap {position:relative; width:100%; overflow:hidden; }
#header{position:relative; width:100%;}
#container {position:relative; width:100%;}
#footer {position: relative; width:100%; }