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

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

body, td, th, div, span, input, select, textarea {font-family: 'Pretendard',sans-serif;  font-weight:400; font-size:15px; color:#666; margin:0px; line-height:24px; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;}
img, th, td, fieldset,iframe{ border:0; }
img{vertical-align:top;}
li, ul { list-style:none;}
textarea { border:1px solid #d1d1d1; height:120px; }
input, select, label { vertical-align:middle; }
a:link {text-decoration: none; color:unset}
a:visited { text-decoration: none; color:unset}
a:hover { text-decoration: none; color:unset}
a:active { text-decoration: none; color:unset}

#header{ margin:0 auto; width:980px; height:85px; }
#infomenu a{font-size:13px;}
#infomenu a img {margin-left: 10px;}
#infomenu{float:right; padding-top:10px; position: relative; z-index:88;} 
#logo{position: relative; top: -25px; z-index:77;}
#navigation{ width:100%; margin: 0 auto; position: relative; top: 0px; background: #f5f5f5; height:45px;}

#footer {width:100%; height:155px;  margin:0 auto; background: #fcfcfc; border-top: 1px solid #D4D4D4;}


.board table.boardT tr:nth-child(4) .boardItem{font-size:13px;}
.board table.boardT tr:nth-child(4) .boardItem{font-size:13px;}
.board-view-table .board_view th{font-weight:500}
.contents_sub .next_data_area, .contents_sub .prev_data_area{font-size:13.5px;}
.contents_sub .next_data_area .b, .contents_sub .prev_data_area .b{font-size:13.5px; font-weight:500}
.board-view-table tr:nth-child(3) td{font-size:17px;}