.section_article .section_body_wrap {
  display: flex;
  flex-direction: column;
  grid-gap: var(--space5); }
  .section_article .section_body_wrap .article_sub_wrap .boxes {
    display: flex;
    flex-direction: column;
    grid-gap: var(--space4); }
    .section_article .section_body_wrap .article_sub_wrap .boxes > .box {
      width: 100%; }
      .section_article .section_body_wrap .article_sub_wrap .boxes > .box .title {
        margin-bottom: var(--space1); }
      .section_article .section_body_wrap .article_sub_wrap .boxes > .box .btns.sns .icon {
        width: 36px;
        height: 36px;
        display: block; }
      .section_article .section_body_wrap .article_sub_wrap .boxes > .box .btns.sns .btn_x .icon {
        background-image: url("../images/common/share_x.png"); }
      .section_article .section_body_wrap .article_sub_wrap .boxes > .box .btns.sns .btn_facebook .icon {
        background-image: url("../images/common/share_facebook.png"); }
      .section_article .section_body_wrap .article_sub_wrap .boxes > .box .btns.sns .btn_line .icon {
        background-image: url("../images/common/share_line.png"); }
      .section_article .section_body_wrap .article_sub_wrap .boxes > .box .btns.sns .btn_copy_link .icon {
        background-image: url("../images/common/share_link.png"); }
@media (min-width: 768px) {
  .section_article .section_body_wrap {
    flex-direction: row; }
    .section_article .section_body_wrap .article_main_wrap {
      width: 100%; }
    .section_article .section_body_wrap .article_sub_wrap {
      width: var(--subContentsWidth);
      min-width: var(--subContentsWidth);
      max-width: var(--subContentsWidth); }
      .section_article .section_body_wrap .article_sub_wrap .boxes {
        position: sticky;
        top: calc( var(--headHeight) + var(--space2) ); }
        .section_article .section_body_wrap .article_sub_wrap .boxes > .box .btns.sns {
          flex-direction: column;
          align-items: flex-start; } }

article {
  display: block; }
  article > .head .date_wrap {
    margin-bottom: var(--space1);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: var(--space2); }
    article > .head .date_wrap .date {
      --fontSize:var(--fontSize_ss);
      color: var(--colorGray); }
  article > .head .categories {
    --h:24px;
    --fontSize:var(--fontSize_ss); }
    article > .head .categories .category .a {
      min-width: 0;
      text-decoration: none; }
  article > .body .text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: var(--space4); }
  article h1 {
    font-size: 2rem; }
  article h2 {
    font-size: 2rem; }
  article table tbody tr {
    border-bottom: 0; }
    article table tbody tr:nth-child(even) {
      background: #F8F8F8; }