html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* 수평 스크롤바 방지 */
}

/* 본문 중 링크 없는 LIST */
.normal_list ul {
  list-style-type: none;
}

.normal_list ul li::before {
  content: "-";
  display: inline-block;
  padding-right: 10px;
  padding-left: 0;
}

.history a {
  text-decoration: none;
  color: white;
}

.remark {
  padding: 0 0 10px;
  font-size: 0.8rem;
}

.index ul {
  padding-left: 20px;
}

.index ul li {
  font-size: 0.9rem;
}

.vba_beginner h3 {
  padding: 10px 0 5px;
  font-weight: bold;
}
.text_box {
  padding: 10px;
  border: 1px solid lightgrey;
  background-color: #f3f3f3;
}
.text_box p {
  font-size: 0.9rem;
}
.blue {
  color: dodgerblue;
  padding-top: 10px;
}

/* 키워드 검색 기능 추가 */
#myTable {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  padding: 10px;
}

#myTable th {
  background-color: #d5e9f6;
  color: #313131;
  font-weight: bold;
}

#myTable th,
#myTable td {
  font-size: 1rem;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

#myTable tr:hover {
  background-color: #f2f2f2;
}

#myInput {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  font-size: 1rem;
  border: 1px solid lightgray;
}

#myTable .list-date,
#myTable .list-name,
#myTable .list-desc,
#myTable .list-count,
#myTable .list-file {
  padding: 5px;
}

#myTable .list-date,
#myTable .list-count,
#myTable .list-file {
  text-align: center;
}

/* #myTable .list-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
} */

#myTable .list-name,
#myTable .list-desc,
#myTable .list-category {
  color: #606060;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.list-name a {
  /* color: #006DAC; */
  color: #1A0DAB;
}

#myTable .list-name a:hover {
  /* border-bottom: 2px solid orangered; */
  text-decoration: underline;
}

#myTable .list-count {
  color: #606060;
  text-align: right;
  margin-right: 10px;
}

/* #myTable .list-category {
  color: #606060;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;    
} */

#myTable .list-file i {
  padding: 0;
  font-size: 0.9rem;
  text-align: center;
  color: red;
}

/* 테이블 하단 주석 넘버링 서식 지정 시 사용 */
ol.numbering {
  list-style-type: decimal-leading-zero;
  font-size: 0.9rem;
  margin: 20px 10px;
  padding-left: 50px;
}

/* 테이블 컬러밴드 지정(2행마다 연한 회색) */
.part tr:nth-of-type(2n + 1) {
  background-color: #f2f2f2;
}

/* 강의 도입부 칼럼명에 파란색 지정 */
.myColumn {
  color: dodgerblue;
  /* font-weight: bold; */
}

@media screen and (max-width: 992px) {
  .cont_img img {
    width: 95%;
  }

  .list-date,
  .list-category {
    display: none;
  }

  .list-name {
    width: 430px;
  }

  .list-desc {
    width: 350px;
  }

  .list-file {
    width: 60px;
  }

  #header p,
  #header .button {
    display: none;
  }

  #container {
    width: auto;
  }

  #myTable .list-date,
  #myTable .list-count,
  #myTable .list-file {
    display: none;
  }

  #myTable .list-name {
    width: 40%;
  }

  #myTable .list-desc {
    width: 60%;
  }
}

@media screen and (max-width: 600px) {
  .cont_img img {
    width: 90%;
  }
}