@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: 15px;
  min-width: 600px;
}

.tb_basics th,
.tb_basics td {
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  text-align: left;
}

.tb_basics th {
  background-color: #f9f9f9;
  font-weight: 600;
}

.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;
}

/* 반응형 모바일 스타일 */
@media screen and (max-width: 768px) {
  .tb_basics table,
  .tb_basics thead,
  .tb_basics tbody,
  .tb_basics th,
  .tb_basics td,
  .tb_basics tr {
    display: block;
  }

  .tb_basics thead {
    display: none;
  }

  .tb_basics tr {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    background: #fff;
  }

  .tb_basics td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    font-size: 14px;
  }

  .tb_basics td::before {
    content: attr(data-label);
    position: absolute;
    left: 16px;
    top: 12px;
    font-weight: bold;
    color: #666;
  }

  .tb_basics td:last-child {
    border-bottom: none;
  }
}