@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.lt {position:relative}
.lt li {position:relative;margin:0 0 5px;padding-left:15px;line-height:20px}
.lt li:after {position:absolute;left:0;top:8px;content:"";display:inline-block;width:3px;height:3px;border-radius:3px;background:#ddd}
.lt li a {color:#666}


.tb_basics {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; border-top: 2px solid #000
}

.tb_basics table {
  width: 100%;
  border-collapse: collapse;
  font-size: clamp(13px, 1.172vw, 15px);
  min-width: 600px;
}

.tb_basics th,
.tb_basics td {
  padding:  clamp(8px, 0.625vw, 12px) clamp(11px, 0.833vw, 16px) clamp(8px, 0.625vw, 12px) clamp(11px, 0.833vw, 16px);
top: clamp(8px, 0.625vw, 12px);
right: clamp(14px, 1.042vw, 20px);;
  border: 1px solid #e0e0e0;
  text-align: left;
}

.tb_basics th {
  background-color: #f9f9f9;
  font-weight: 600;  text-align: center;
}
.tb_basics th:first-child{
  width: 20%;
}
.tb_basics td:first-child{
  width: 20%; vertical-align: middle ; text-align: center
}

.tb_basics tbody tr:nth-child(even) {
  background-color: #fcfcfc;
}


.tb_basics a {
  color: #007acc;
  text-decoration: none;
}

.tb_basics a:hover {
  text-decoration: underline;
}