.normal_list {
  padding: 0 20px;
}

/* 소개글 중 강조 워딩 서식 */
.head-desc-emp {
  color: red;
  font-weight: 700;
}

/* 배우자마자 활용하는... 등 */
.lec-sub-title {
  color: dodgerblue;
  font-weight: 700;
}

.columns {
  display: flex;
  flex-wrap: wrap;
}

.price {
  flex: 1 1 300px; /* 유연성 확장, 축소 및 기본 너비 */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.email {
  width: 80px;
  padding: 3px 5px;
  background-color: dodgerblue;
  border: 1px solid dodgerblue;
  border-radius: 10px;
}
.email a {
  text-decoration: none;
  color: #fff;
}
.email:hover {
  background-color: darkblue;
  opacity: 0.9;
}

/* COMMON */
* {
  box-sizing: border-box;
}

ul {
  list-style-type: none;
}

/* 개별 */
price-table {
  background-color: green;
}

/* 4개 과정 생성 */
.columns {
  line-height: 1.5;
  float: left;
  width: 24.9%;
  padding: 8px;
  margin: 0 auto;
}

/* 각 과정 */
.price {
  border: 1px solid #eee;
  border-radius: 10px;
  margin: 0;
  padding: 0;
  transition: 0.3s;
}

.price:hover {
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
}

/* 각 과정 최상단 제목(4개 모두 해당) */
.price .header {
  /* background-color: #F9F7F7; */
  /* color: white; */
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 10px 10px 0 0;
}

.columns:nth-child(3) > .price .header,
.columns:nth-child(4) > .price .header,
.columns:nth-child(5) > .price .header {
  color: #fff;
}

/* 엑셀 [필수] 과정(제목) */
.columns:nth-child(2) > .price .header {
  background-color: #bbe1fa;
}

/* 엑셀 [심화] 과정(제목) */
.columns:nth-child(3) > .price .header {
  background-color: #3282b8;
}

/* 엑셀 [AI] 과정(제목) */
.columns:nth-child(4) > .price .header {
  background-color: #0f4c75;
}

/* 엑셀 [코딩] 과정(제목) */
.columns:last-child > .price .header {
  background-color: #112d4e;
}

/* List items */
.price > li {
  border-bottom: 1px solid #eee;
  padding: 20px;
  text-align: center;
}
/* 전체 제목(과정별 커리큘럼) */
.top_title {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 20px 0 10px;
  color: #313131;
}

.top_title::before {
  content: "";
  display: inline-block;
  top: 17px;
  width: 5px;
  height: 1.1rem;
  margin: 0 15px 0 -18px;
  background: #212121;
}

/* 과정 한 줄 요약 */
.price .grey {
  background-color: #eee;
  font-size: 0.9rem;
}

/* 과정 커리큘럼 본문(*3개) */
.price .curri {
  text-align: left;
}

/* 각 과정별 소제목 */
.curri .list-item-title {
  display: inline-block;
  margin-top: 5px;
  font-size: 1rem;
  font-weight: bold;
}

/* 과정 커리큘럼 앞 BULLET(CHECK MARK) */
.xi-check-min,
.xi-long-arrow-left {
  /* margin-top: 5px; */
  /* padding-left: -100px; */
  padding-right: 10px;
  font-size: 1.1rem;
  font-weight: bold;
}

.xi-check-min {
  /* padding-left: 10px; */
  color: green;
}

.xi-long-arrow-left {
  /* padding-left: 5px; */
  color: red;
}

/* 과정 커리큘럼 BULLET */
.price .curri ul {
  text-align: left;
  padding: 5px 5px 10px 45px;
  font-size: 0.9rem;
  list-style-type: disc;
}

.price .grey:last-child {
  border-radius: 0 0 5px 5px;
}

/* MY RESUME BUTTON */
.exceller-btn {
  display: inline-block;
  border-radius: 3px;
  background-color: dodgerblue;
  font-size: 0.9rem;
  color: #ffffff;
  margin-bottom: 15px;
  margin-left: 10px;
  padding: 10px;
  transition: all 0.2s;
}

.exceller-btn:hover {
  background-color: darkblue;
}

/* 과정별 가격, 최소 인원 */
.grey .button {
  color: #212121;
  padding: 0 25px;
  text-align: center;
  font-size: 1.1rem;
  font-weight: bold;
}

/* BUTTON 내 '1인' */
.grey .person {
  padding-top: 5px;
  font-size: 0.7rem;
  font-weight: normal;
}

/* FLOAT 초기화 */
.price-table:after {
  content: "";
  display: table;
  clear: both;
}

/* PRICE-TABLE 하단 설명란 */
.add-desc {
  color: #616161;
}

.add-desc h2 {
  font-size: 1.2em;
  padding: 30px 0 10px 20px;
}

.add-desc ul li {
  padding-top: 10px;
  padding-left: 30px;
  font-size: 14px;
  line-height: 1.5;
}

/* 강의 관련 참고 사항 */
.lec_ref {
  padding: 10px 0 0 25px;
}

/* MAIN VERTICAL BAR(BULLET POINT) */
.category-title__left {
  padding-left: 20px;
}

.category-title__left::before {
  content: "";
  /* display: inline-block; */
  top: 17px;
  width: 5px;
  height: 1.1rem;
  margin: 0 15px 0 -18px;
  background: dodgerblue;
}

.xi-mail,
.xi-mail-o {
  padding-left: 15px;
}

.unit {
  font-size: 0.8rem;
  font-weight: normal;
}

/* @media only screen and (max-width: 992px) {
  .columns {
    width: calc(50% - 0.01%);
  }
} */

@media screen and (max-width: 600px) {
  .columns {
    width: calc(100% - 1%);
  }
}