@charset "utf-8";

*{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;} 
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;*/}
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: 'Noto Sans KR', sans-serif; outline: none;  color:#58626d;}
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; outline:none; color:#222; }
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 }

#warp {position:relative; width:100%; height:100%; min-width:1920px; overflow:hidden; }
#header{position:relative; width:100%; }
#container {position:relative; width:100%;}
#footer {position:relative; width:100%; }
.inner {overflow: hidden;}


/*
100; NotoSansKR-Thin 
300; NotoSansKR-Light  
400; NotoSansKR-Regular
500; NotoSansKR-Medium
700; NotoSansKR-Bold
900; NotoSansKR-Black
*/

@media all and (max-width:767px) {
	.popup_drag {top: 0px !important; left: 0px !important;}
	.popup_drag table {width:100% !important; height:auto !important;}
	.popup_drag img {width:100% !important; height:auto !important;}
}

@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.woff2) format('woff2'),
        url(../images/font/NotoSans-Medium.woff) format('woff'),
		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');
 }