#cont_head hr {
  margin-bottom: var(--space4) !important; }
#cont_head .title_wrap {
  flex-direction: row;
  justify-content: flex-start;
  padding-left: var(--space2);
  padding-right: var(--space2); }
  #cont_head .title_wrap .h1 {
    font-size: 1.5rem !important; }

@media (max-width: 767px) {
  .section_article {
    padding-bottom: var(--space5) !important; } }
.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(--space2); }
      .section_article .section_body_wrap .article_sub_wrap .boxes > .box .btns.categories .btn .a {
        width: fit-content;
        min-width: 80px; }
      .section_article .section_body_wrap .article_sub_wrap .boxes > .box .btns.sns {
        grid-gap: var(--space2); }
        .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;
  padding-left: var(--space2);
  padding-right: var(--space2);
  box-sizing: border-box; }
  article > .head {
    margin-bottom: var(--space4);
    display: flex;
    grid-gap: var(--space4);
    flex-direction: column; }
    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 > .body .to_link {
    grid-gap: var(--space3); }
  article > .foot .to_link {
    grid-gap: var(--space3); }
    article > .foot .to_link .a {
      padding: 0 !important;
      grid-gap: var(--space2); }
      article > .foot .to_link .a .arrow {
        position: relative;
        left: 0;
        right: 0;
        transform: rotate(180deg); }
  article h1 {
    font-size: 2rem; }
  article h2 {
    font-size: 1.8rem; }
  article table tbody tr {
    border-bottom: 0; }
    article table tbody tr:nth-child(even) {
      background: #F8F8F8; }

.section_additional_archives {
  border-top: 1px solid var(--primaryColor); }
  @media (max-width: 767px) {
    .section_additional_archives {
      padding-top: var(--space5) !important; } }
  .section_additional_archives .section_title_wrap .title_wrap {
    flex-direction: row;
    justify-content: flex-start;
    padding-left: var(--space2);
    padding-right: var(--space2);
    margin-bottom: var(--space2); }
  .section_additional_archives .section_title_wrap hr {
    margin: 0 !important;
    border-color: var(--baseBorderColor); }