/* 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('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/*Defalut */
* {margin:0; padding:0}
body, td, th, div, span, input, select, textarea { font-family:Pretendard, 'Noto Sans KR', sans-serif;font-size: 13px;color:#7c7b7b; line-height:140%; }
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:150px; height:104px;}

#topmenu  {float:right; position:relative; height:104px; margin-top:40px;}

#login { position:absolute; top:5px; left:50%; margin-left:342px; height:30px;} 
#login li { float:left; margin-left:20px; padding:8px 0 0;}


#wrap{position:relative; width:100%; min-width:980px;}
#header{position:relative; 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:15px; }
#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;}