/* Font */
@font-face {
    font-family:'NanumGothic';
    src: url('/tpl/webfont/NanumGothic.eot');
    src: url('/tpl/webfont/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumGothic.woff') format('woff'),
         url('/tpl/webfont/NanumGothic.ttf') format('truetype');   
}
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);@import url("http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 

/*Defalut */
* {margin:0; padding:0}
body, td, th, div, span, input, select, textarea { font-family:'Noto Sans KR' , 'NanumGothic','나눔고딕' !important; font-size: 14px !important;color:#7c7b7b; line-height:1.6; }
body { height:100%; overflow-y:scroll; *overflow-y:; -webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,button,span,p,table,th,td,textarea {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
ul,ol,dl,dd,dt,li {list-style-type:none;}
img,th,td,fieldset,iframe { border:0; }
img {border:0;vertical-align:top;outline:none}
table,tbody,tfoot,thead,tr,th,td {border-collapse:collapse;}
textarea { border:1px solid #d1d1d1; height:120px; }
input,select,label { vertical-align:middle; }
p{margin-top:20px;}

/* Link */
a:link    {color:#7d7d7d;text-decoration:none;}
a:visited {text-decoration:none; color:#7d7d7d;}
a:hover   {color:#0b96d4; text-decoration:underline;}
a:active  {color:#0b96d4; text-decoration:none;}

/* layout */
#footer_color{ width:100%; height:100%; background:#3a3a3a;}

#logo {margin-left:10px; margin-top:10px; float:left; width:242px; height:104px;}

#topmenu  { float:left; position:relative; width:600px; height:104px; margin-top:40px; left:10px;}

#login { position:relative; top:5px; float:left; margin-top:37px; width:130px; height:104px; left:5px;} 

#login li { float:left; margin-left:10px;}


#wrap{position:relative; width:100%; min-width:980px;}
#header{position:absolute; width:100%; height:104px; background:url("/images/kor03-17-0350/common/top_bg.png") repeat-x 0 0;}
#header > div{margin:0 auto; width:1000px;}

#top{float:right; margin-top:47px; }
#top ul:after{content:"";display:block;clear:both;}
#top li{float:left; margin-left:5px; }
#top li:first-child{margin-left:0px;}

#container{margin:0 auto; width:980px; height:100%; } 
#container:after{content:"";display:block;clear:both;}


#footer{padding:30px 0; margin:0 auto; width:980px; }
#footer:after{content:"";display:block;clear:both;}
#footer_color{ width:100%; height:100%; background:#3a3a3a;}