/* 메인화면 */
.inner_Body .content_sep {


  /* 섹션 타이틀 타입별 */
  .sec_tit {
    h1 {
      font-size: var(--size26);
      color: var(--maincolor);
      font-weight: 600;
      padding: 53px 0 20px;
      border-bottom: 2px solid #08173c;
    }
    h2 {
      font-size: var(--size20);
      color: var(--subcolor);
      font-weight: 600;
      padding-bottom: 17px;
    }
  }
  /* // 섹션 타이틀 타입별 */

  /* 이슈 아이템 공통 */
  .issue-item {
    margin-top: 30px;
    .swiper-slide {
      overflow: hidden;
      box-sizing: border-box;
      border-radius: 20px;
      border: 1px solid #ddd;
      .news_thumbnail {
        height: clamp(130px, 14vw, 203px);
        overflow: hidden;
        display: block;
        img {
          width: 100%; height: 100%; object-fit: cover;
          transform: scale(1);
          transition: transform 500ms ease-in-out;
        }
      }
      .news_article {
        padding: 20px;
        padding-bottom: 26px;
        &:has(.issue-data) {
          padding-bottom: 20px;
        }
        em {
          width: fit-content;
          display: block;
          font-size: var(--size12);
          color: #666;
          border-radius: 100px;
          border: 1px solid #666;
          padding: 2px 12px;
          font-weight: 400;
        }
        strong {
          font-weight: 500;
          color: var(--maincolor);
          font-size: var(--size16);
          overflow: hidden;
          text-overflow: ellipsis;
          display: block;
          text-wrap: nowrap;
          line-height: 1;
          margin: 17px 0 10px 0;
        }
        span {
          font-size: var(--size14);
          color: #ababab;
          color: #888;
          display: -webkit-box;
          word-wrap: break-word;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          text-overflow: ellipsis;
          overflow: hidden;
          line-height: 1.42;
          font-weight: 300;
          min-height: 40px;
          word-break: keep-all;
        }

        .issue-data {
          display: flex;
          justify-content: right;
          font-size: var(--size14);
          margin-top: 26px;
          dt {
            color: var(--basetext);
            font-weight: 400;
            &::after {
              content: "";
              width: 1px; height: 10px; background: #ccc;
              display: inline-block;
              margin: 0 14px;
            }
          }
          dd { color: #999; font-weight: 300; }
        }
      }
      
      &:is(:hover, :focus-within) {
        .news_article {
          em { color: var(--maincolor); border: 1px solid var(--maincolor); }
          strong { font-weight: 600; }
          span { color: var(--basetext); }
        }
        .news_thumbnail {
          img {
            transform: scale(1.05);
            transition: transform 500ms ease-in-out;
          }
        }
      }
    }
    .SbPagination {
      text-align: center;
      margin: 20px 0;
      .swiper-pagination-bullet { 
        width: 8px; height: 8px; opacity: 1; background: #fff; outline: 2px solid #999; outline-offset: -1px;
        border: none; border-radius: 100px;
        transition: width 400ms;
        &:is(:focus-within, :hover) {
          outline: 2px solid var(--maincolor);
        }
      }
      .swiper-pagination-bullet-active {
        width: 28px;
        background: var(--maincolor); outline: 2px solid var(--maincolor); 
        &:is(:focus-within, :hover) {
          background: var(--maincolorH);
        }
      }
    }
  }
  /* // 이슈 아이템 공통 */


  /* 왼쪽 아티클 */
  .sel_left {

    /* 메인 기사 영역 */
    .main_wrap {
      width: 100%;
      height: 415px;
      overflow: hidden;
      border-radius: 20px;
      background: #f7f7f7;
      display: flex;
      justify-content: space-between;
      .main_text {
        width: 100%;
        max-width: 360px;
        padding: 30px;
        em {
          font-weight: 300;
          font-size: var(--size14);
          background: var(--maincolor);
          color: #fff;
          width: fit-content;
          display: block;
          padding: 6px 14px;
          line-height: 1;
          border-radius: 100px;
        }
        h1 {
          font-weight: 600;
          font-size: var(--size26);
          color: var(--maincolor);
          line-height: 1.3;
          margin: 20px 0 24px 0;
          word-break: keep-all;
          display: -webkit-box;
          word-wrap: break-word;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          text-overflow: ellipsis;
          overflow: hidden;
        }
        span {
          font-size: var(--size16);
          color: #222;
          font-weight: 400;
          display: -webkit-box;
          word-wrap: break-word;
          -webkit-line-clamp: 8;
          -webkit-box-orient: vertical;
          text-overflow: ellipsis;
          overflow: hidden;
          line-height: 1.63;
          word-break: keep-all;
        }
      }
      .main_visual {
        width: 100%;
        overflow: hidden;
        img { 
          width: 100%; height: 100%; object-fit: cover; 
          transform: scale(1);
          transition: transform 500ms ease-in-out;
        }
      }
      &:hover {
        .main_visual {
          img { 
            transform: scale(1.05);
            transition: transform 500ms ease-in-out;
          }
        }
      }
    }
    /* 메인 기사 리스트 - 슬라이드 */
    .main_issue {
      overflow: hidden;
    }
  }


}





@media screen and (max-width:1024px) {
  
  .inner_Body .content_sep {
    .sel_left {
      .main_wrap {
        height: auto;
      }
    }
  }



}

@media screen and (max-width:720px) {
  
  .inner_Body .content_sep {

    .sel_left {
      .main_wrap {
        flex-direction: column-reverse;
        .main_text {
          max-width: unset;
        }
        .main_visual {
          height: clamp(210px, 50vw, 500px);
        }
      }
    }
  }

}