@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.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');
 } 

*{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;*/ font-weight: 400; color:#464646;}
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;}
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%;}
#header{position: fixed; top:0; width:100%; height: 81px; border-bottom: 1px solid #0c4f9e; box-shadow: 0 1px 10px rgba(0, 0, 0, .3); z-index: 9999; background: #fff;}
#container {position:relative; width:100%;}
#footer {position: relative; width: 100%; background: #fafafa; border-top: 1px solid #e9e9e9; padding: 30px 0 50px 0; margin-top: 100px;}
.inner {overflow: hidden; background-image: url('/skin/basic/images/main_visual.png'); background-repeat: no-repeat; background-size: 100vw;  background-position: -1vw 1vw;}

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*
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;}
}