#feature_article_detail {
  padding: 20px  215px 0 215px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100vh - var(--head-height));
  overflow-y: auto;
  background: var(--body--color);
}
#feature_article_detail::-webkit-scrollbar {
  height: 0;
  width: 8px;
  color: transparent;
}
#feature_article_detail::-webkit-scrollbar-thumb {
  background-color: var(--color--deep2--bg3);
  border-radius: 4px;
}
#feature_article_detail .content-box {
  max-width: 960px;
  min-width: 640px;
  margin: 0 auto;
}
#feature_article_detail .note-img {
  width: 100%;
  height: 405px;
  box-shadow: -4px -4px 8px #FFFFFF, 4px 4px 8px #D1D9E6;
  border-radius: 3px;
  margin-bottom: 40px;
}
#feature_article_detail .note-img img {
  width: 100%;
  height: 405px;
}
#feature_article_detail .note-title {
  font-weight: 700;
  color: var(--color--stress1);
  margin-bottom: 10px;
}
#feature_article_detail .note-desc {
  margin-bottom: 40px;
}
#feature_article_detail .note-desc .desc-one {
  padding: 2px 4px;
  background: var(--color--deep2--bg1);
  background-blend-mode: multiply;
  border-radius: 3px;
  margin-right: 2px;
  color: var(--color--text1);
}
#feature_article_detail .mgs-one .small-title {
  font-weight: 700;
  color: var(--color--stress1);
  margin-bottom: 30px;
}
#feature_article_detail .mgs-one .msg-content * {
  margin-bottom: 30px;
}
#feature_article_detail .close-detail-page {
  position: fixed;
  top: 70px;
  right: 215px;
  cursor: pointer;
}