@charset "utf-8";

/* 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(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

/*Defalut */
* {margin:0; padding:0}
body, td, th, div, span, input, select, textarea { font-family: 'NanumGothic','나눔고딕'; font-size: 12px;color:#7c7b7b; line-height:16px; }
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,p,button,span,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; }

a:link { color:#7c7b7b; text-decoration: none; line-height:16px; }
a:visited { text-decoration: none; color:#7c7b7b; }
a:hover { text-decoration: underline; color:#0b96d4; }
a:active { text-decoration: none; color:#0b96d4; }


/* common */ 
#top_bar{margin:0 auto;width:980px;height:31px;}
#top_bar:after{content:"";display:block;clear:both;}
#top_bar .btn{float:left;overflow: hidden;}
#top_bar .btn a{float:left;}                       
#top_bar .top_sns{float:right;}
#top_bar .top_sns dt, .top_sns dd{float:left;}

#header{margin:0 auto;width:980px;height:143px;position:relative;}
#header .slogan{position:absolute;top:65px;left:0;}
#logo{position:absolute;top:15px;left:450px;}
#infomenu{position:absolute;right:0;top:65px;}
#infomenu ul:after{content:"";display:block;clear:both;}
#infomenu ul li{float:left;padding:0 10px;line-height:10px;border-right:1px solid #E00000;}
#infomenu ul li:first-child{padding-left:0;}
#infomenu ul li:last-child{border-right:0;}
#infomenu ul li a{line-height:10px;}
#infomenu ul li a:hover{color:#E00000;text-decoration:none;}
#infomenu ul li a:active{color:#E00000;text-decoration:none;}

#navigation{margin:0 auto;position:absolute;top:94px;left:0;}