/* main_article */
.main_article.article_wrap {
  padding-bottom: 20px;
}
.main_article.article_wrap h2 {
  display: -webkit-box;
  padding-bottom: 10px;
  /*-webkit-line-clamp: 2;*/
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 24px;
  line-height: 31px;
  font-weight: 400;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main_article.article_wrap .article_info {
  padding-left: 15px;
  margin-bottom: 15px;
}

.main_article.article_wrap .article_info ul li {
  padding: 0;
  font-size: 13px;
  color: #737475;
  border: none;
}
.main_article.article_wrap .article_info ul li a {
  color: #737475;
}

.main_article.article_wrap .head_btn {
  display: flex;
  height: 30px;
  padding: 0 0 20px 15px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ebebeb;
}
.main_article.article_wrap .head_btn .talk_bubble {
  display: block;
  height: 20px;
  line-height: 20px;
  /*border: 1px solid #dfdfdf;*/
  color: #888;
}
.main_article.article_wrap .head_btn a img {
  height: 100%;
}

.main_article.article_wrap .head_btn_left {
  display: flex;
  align-items: center;
}
.main_article.article_wrap .head_btn_left .original_btn {
  margin-right: 10px;
  font-size: 13px;
  padding: 0 5px;
}

/* article */
.main_article.article_wrap .article {
  padding: 0 15px;
  margin-top: 20px;
}
.main_article.article_wrap .article .img_area {
  width: 100%;
  margin-bottom: 30px;
}
.main_article.article_wrap .article img {
 /* width: 100%;*/
}
.main_article.article_wrap .article .desc {
  color: #888;
  font-size: 13px;
}
.main_article.article_wrap .article > p {
  margin-bottom: 50px;
  font-size: 17px;
  font-weight: 300;
}
.main_article.article_wrap .article > p:last-of-type {
  margin-bottom: 30px;
}

/* 추천 링크 */
.main_article.article_wrap .link {
  border: 1px solid #dadada;
  margin-bottom: 15px;
}
.main_article.article_wrap .link h3 {
  margin: 0;
  padding: 5px 15px;
  font-size: 14px;
  font-weight: 400;
  background-color: #fafafa;
}
.main_article.article_wrap .link ul {
  padding: 15px ;
}
.main_article.article_wrap .link ul li {
  display: block;
  padding: 0;
  margin-bottom: 15px;
  border: none;
  letter-spacing: -1px;
}
.main_article.article_wrap .link ul li:last-child {
  margin: 0;
}
.main_article.article_wrap .link ul li a {
  color: blue;
  font-weight: 500;
}
.main_article.article_wrap .list_btn {
  width: 100%;
  padding: 0 15px;
  text-align: right;
}
.main_article.article_wrap .list_btn a {
  padding: 3px 10px;
  font-size: 13px;
  border: 1px solid #dadada;
  border-radius: 3px;
}

.main_article.article_wrap .comment_area {
  width: 100%;
  padding: 0 15px;
}

.main_article.article_wrap .comment_area p {
  font-size: 18px;
  margin-bottom: 10px;
}
.main_article.article_wrap .comment_area .write_comment {
  width: 100%;
  margin-bottom: 10px;
}
.main_article.article_wrap .comment_area .write_comment textarea {
  width: calc(100% - 80px);
  height: 70px;
  padding: 5px;
  resize: none;
  border: 1px solid #aaa;
}
.main_article.article_wrap .comment_area .write_comment button {
  width: 74px;
  height: 70px;
  padding: 0 10px;
  font-size: 13px;
  color: #fff;
  vertical-align: middle;
  background-color: #666;
  border: none;
  float: right;
}
.main_article.article_wrap .comment_area .msg > span:first-of-type {
  font-size: 15px;
  color: crimson;
}
.main_article.article_wrap .comment_area .msg > span:last-of-type {
  float: right;
}

.com_img .ad {
    width: 100%;
    height: 135px;
    margin-bottom: 10px;
    background-size: cover;
    background-repeat: no-repeat;