@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: normal;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Regular.woff2) format('woff2'),
       url(../font/NanumGothic-Regular.woff) format('woff'),
       /*url(./NanumGothic-Regular.ttf) format('truetype');*/
}

@font-face {
  font-family: 'Nanum Gothic Bold';
  font-style: normal;
  font-weight: bold;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Bold.woff2) format('woff2'),
       url(../font/NanumGothic-Bold.woff) format('woff'),
       /*url(./NanumGothic-Bold.ttf) format('truetype');*/
}

.t1 {margin: 1em auto;border-collapse: collapse;font-family: 'Nanum Gothic';}
.t1 th, .t1 td {padding: 1px 1px;}
.t1 thead th {background: #4f81bd;text-transform: lowercase;text-align: left;font-size: 15px;color: #fff;}
.t1 tr {border-right: 1px solid #95b3d7;}
.t1 tbody tr {border-bottom: 1px solid #95b3d7;}
.t1 tbody tr:nth-child(odd) {background: #dbe5f0;}
.t1 tbody th, .t1 tbody tr:nth-child(even) td {border-right: 1px solid #95b3d7;}
.t1 tfoot th {background: #4f81bd;text-align: left;font-weight: normal;font-size: 10px;color: #fff;}
/*.t1 tr *:nth-child(3), .t1 tr *:nth-child(4) {text-align: right;}*/

.t2 {width: 100%;border-collapse: collapse;font-family: 'Nanum Gothic';}
.t2 caption {padding-bottom: 0.5em;font-weight: bold;font-size: 16px;}
.t2 th, .t2 td {padding: 4px 8px;border: 2px solid #fff;background: #fbd7b4;}
.t2 thead th {padding: 2px 8px;background: #f69546;text-align: left;font-weight: normal;font-size: 13px;color: #fff;}
.t2 tbody tr:nth-child(odd) *:nth-child(even), .t2 tbody tr:nth-child(even) *:nth-child(odd) {background: #f3eddd;}
.t2 tfoot th {padding: 2px 8px;background: #f69546;text-align: left;font-weight: normal;font-size: 10px;color: #fff;}
  
  
  /*.t2 tr *:nth-child(3), .t2 tr *:nth-child(4) {    text-align: right;  }*/  
  

.t3 {margin: 1em auto;border-collapse: collapse;font-family: 'Nanum Gothic';font-size: 10px;  }
.t3 th, .t3 td {    padding: 4px 8px;  }
.t3 thead th {text-transform: lowercase;text-align: left;font-size: 15px;color: #fff;  }
.t3 tfoot th {text-align: left;font-weight: normal;font-size: 10px;color: #fff;  }

.t7 {margin: 1em auto;border-collapse: collapse;font-family: 'Nanum Gothic';}
.t7 th, .t7 td {padding: 1px 1px;}
.t7 thead th {background: #4f81bd;text-transform: lowercase;text-align: left;font-size: 15px;color: #fff;}
.t7 tr {border-right: 1px solid #95b3d7;}
.t7 tbody tr {border-bottom: 1px solid #95b3d7;}
.t7 tbody tr:nth-child(odd) {background: #dbe5f0;}
.t7 tbody th, .t7 tbody tr:nth-child(even) td {border-right: 1px solid #95b3d7;}
.t7 tfoot th {background: #4f81bd;text-align: left;font-weight: normal;font-size: 10px;color: #fff;}
/*.t7 tr *:nth-child(3), .t7 tr *:nth-child(4) {text-align: right;}*/


ul li{
         list-style-type: none;
}

.tab_area2 a {display:block;  height:40px; color:#888; text-align:center; line-height:40px; font-size:14px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; cursor:pointer;color:#000; text-decoration:none; width:100%; background:#dedede; font-weight:bold;}
.tab_area2 .on a { height:40px;line-height:40px; width:100%; border:0px; color:#fff; background:#000;border-bottom:1px solid #dedede; text-decoration:none;font-weight:bold;}
.tab_area2 div:first-child {border-left:1px solid #dedede;}
.tab_area2 div:last-child {border-right:1px solid #dedede;}
  
.tab_area {margin:0 0px 30px; height:40px; text-align:center;}
.tab_area ul li {float:left; width:40%; height:42px;border-right:1px solid #dedede;}
.tab_area ul li a {display:block;  height:40px; color:#888; text-align:center; line-height:40px; font-size:14px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; cursor:pointer;color:#000; text-decoration:none; width:100%;}
.tab_area ul li.on { border-top:2px solid #000;width:40%;height:40px;  }
.tab_area ul li.on a { height:40px;line-height:40px; width:100%; border:0px; color:#fff; background:#000;border-bottom:1px solid #dedede; text-decoration:none;}
.tab_area ul li:first-child {border-left:1px solid #dedede;}


.list_pagination {
    display: inline-block;
}

.list_pagination a {
    color: black;
    float: left;
    padding: 4px 8px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

.list_pagination a.active {
    background-color: #1e74a0;
    color: white;
    border: 1px solid #1e74a0;
}

.list_pagination a:hover:not(.active) {background-color: #ddd;}