.topArea{
  position: relative;
  top: 0;
  width: 100%;
  margin: 0 auto -50px;
 
}

.lessonTitle{
  width: 49%;
  position: relative;
  display: inline-block;
  font-size: 20px;
  text-align: left;
  vertical-align: top;
  top: 15px;
  left: 15px;
  font-family: 'NanumBarunGothic';
}


.contentTitle{
    width: 49%;
    position: relative;
    display: inline-block;
    text-align: right;
   // vertical-align: top;
    //top: 15px;
    right: 15px;
 //  border: 1px solid red;
    
}

/*
.contentTitle{
  width: 49%;
  position: relative;
  display: inline-block;
  font-family: 'NanumBarunGothic';
  color: #fff;
  font-size: 32px;
  text-shadow : 0 0 3px #024E69, 0 0 3px #024E69, 0 0 3px #024E69, 0 0 3px #024E69, 0 0 3px #024E69, 0 0 3px #024E69, 0 0 3px #024E69;
  text-align: right;
  vertical-align: top;
  top: 15px;
  right: 15px;
}

*/