.topArea{
  position: relative;
  top: 0;
  width: 100%;
  margin: 0 auto;
}
.lessonTitle{
  width: 49%;
  position: relative;
  display: inline-block;
  vertical-align: top;
  top: 15px;
  left: 15px;
}
.lessonTitle .ltText{
  font-family: 'NanumBarunGothic';
  color: #386c52;
  font-size: 20px;
  text-align: left;
  font-style: normal;
  position: absolute;
  text-shadow : 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
}
.lessonTitle em.lesson-strong {
  font-family: 'NanumBarunGothic';
  color: #e0570c;
  font-size: 26px;
  text-align: left;
  text-shadow : 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
}

.contentTitle{
  width: 49%;
  position: relative;
  display: inline-block;
  font-family: 'NanumBrush';
  color: #0d7447;
  font-size: 28px;
  /* text-shadow : 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000; */
  text-align: right;
  font-style: normal;
  vertical-align: top;
  letter-spacing: -1px;
  font-weight: bold;
  top: 15px;
  right: 10px;
}

.contentTitle .title-color {
  color: #663740;
  /* background-color: #033d78; */
  text-shadow: none;
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
}

.contentTitle em.point-color {
  color: #e37f28;
  font-style: italic;
  font-size: 28px;
  font-weight: 700;
}

.contentTitle em.box-text {
  color: #ffffff;
  background-color: #0c428b;
  font-style: normal;
  font-weight: 700;
}