@charset "utf-8";

/*
 * 쿠키뉴스 지역 메인 보정 CSS
 * 기존 운영 사이트의 지역 레이아웃은 float 기반으로 작성되어 있어,
 * kuk 커스텀 공통 grid 레이아웃과 함께 쓰면 컬럼 폭이 달라집니다.
 * 아래 규칙은 지역 메인 전용 클래스가 있는 페이지에서만 기존 폭/흐름을 복원합니다.
 */

main:has(.region_headLine_image_title2),
main:has(.region_main_box2) {
  padding-top: 0;
}

main:has(.region_headLine_image_title2) > .din,
main:has(.region_main_box2) > .din {
  display: block;
  overflow: hidden;
  width: min(calc(100% - 32px), 1200px);
  max-width: 1200px;
  gap: 0;
}

main:has(.region_headLine_image_title2) .din > [data-dinnum],
main:has(.region_main_box2) .din > [data-dinnum] {
  min-width: 0;
}

main:has(.region_headLine_image_title2) .din1 > [data-dinnum],
main:has(.region_main_box2) .din1 > [data-dinnum] {
  width: 100%;
}

main:has(.region_headLine_image_title2) .din2-21,
main:has(.region_main_box2) .din2-21,
main:has(.region_headLine_image_title2) .din3-111,
main:has(.region_main_box2) .din3-111 {
  display: block;
}

main:has(.region_headLine_image_title2) .din2-21 > [data-dinnum],
main:has(.region_main_box2) .din2-21 > [data-dinnum],
main:has(.region_headLine_image_title2) .din3-111 > [data-dinnum],
main:has(.region_main_box2) .din3-111 > [data-dinnum] {
  float: left;
}

main:has(.region_headLine_image_title2) .din2-21 > [data-dinnum="1"],
main:has(.region_main_box2) .din2-21 > [data-dinnum="1"] {
  width: calc(100% - 300px);
  padding-right: 20px;
}

main:has(.region_headLine_image_title2) .din2-21 > [data-dinnum="2"],
main:has(.region_main_box2) .din2-21 > [data-dinnum="2"] {
  float: right;
  width: 300px;
  padding-left: 20px;
}

main:has(.region_headLine_image_title2) .din3-111 > [data-dinnum],
main:has(.region_main_box2) .din3-111 > [data-dinnum] {
  width: 31%;
}

main:has(.region_headLine_image_title2) .din3-111 > [data-dinnum="2"],
main:has(.region_main_box2) .din3-111 > [data-dinnum="2"] {
  margin-inline: 3.2%;
}

main:has(.region_headLine_image_title2) .box.banner,
main:has(.region_main_box2) .box.banner {
  width: 100%;
}

.regionHeader {
  margin-bottom: 20px;
}

.region_headLine_image_title2 a,
.region_newsBox_title_desc-thumb article a,
.region_issue_title_desc_lastImg article a,
.region_series_image_title article a,
.region_boxTitle_img_title article a,
.region_main_box2 article a {
  display: block;
}

.region_newsBox_title_desc-thumb article a,
.region_main_box2 article .row {
  display: flex;
}

.region_headLine_image_title2 img,
.region_newsBox_title_desc-thumb article .thumb img,
.region_issue_title_desc_lastImg .inTitle img,
.region_series_image_title article img,
.region_boxTitle_img_title article img,
.region_main_box2 article .thumb img {
  display: block;
  max-width: 100%;
}

.region_issue_title_desc_lastImg .inTitle a {
  display: block;
  position: relative;
}

.region_issue_title_desc_lastImg .inTitle h2 {
  word-break: keep-all;
}

.region_boxTitle_img_title .box_title,
.region_issue_title_desc_lastImg .box_title {
  line-height: 1.3;
}

.region_main_box2 article .row {
  align-items: center;
  color: inherit;
}

.region_main_box2 article .txt {
  min-width: 0;
}

.region_main_box2 article .thumb {
  flex: 0 0 180px;
}

@media (max-width: 1024px) {
  main:has(.region_headLine_image_title2) > .din,
  main:has(.region_main_box2) > .din {
    width: calc(100% - 28px);
  }

  main:has(.region_headLine_image_title2) .din2-21 > [data-dinnum="1"],
  main:has(.region_main_box2) .din2-21 > [data-dinnum="1"] {
    width: 58% !important;
    padding-right: 16px;
  }

  main:has(.region_headLine_image_title2) .din2-21 > [data-dinnum="2"],
  main:has(.region_main_box2) .din2-21 > [data-dinnum="2"] {
    width: 42% !important;
    padding-left: 16px;
  }

  .region_headLine_image_title2 h2 {
    font-size: 24px !important;
  }

  .region_issue_title_desc_lastImg .list {
    height: auto !important;
  }

  .region_issue_title_desc_lastImg .titleContent {
    width: 42% !important;
    margin-right: 16px !important;
  }

  .region_issue_title_desc_lastImg .inTitle {
    width: calc(58% - 16px) !important;
  }

  .region_series_image_title {
    height: auto !important;
  }

  .region_series_image_title article:first-child,
  .region_series_image_title article:not(:first-child) {
    width: 50% !important;
  }
}

@media (max-width: 768px) {
  main:has(.region_headLine_image_title2),
  main:has(.region_main_box2) {
    padding-top: 10px;
  }

  main:has(.region_headLine_image_title2) > .din,
  main:has(.region_main_box2) > .din {
    width: 100%;
    padding-inline: 12px;
    overflow: visible;
  }

  main:has(.region_headLine_image_title2) .din2-21 > [data-dinnum],
  main:has(.region_main_box2) .din2-21 > [data-dinnum],
  main:has(.region_headLine_image_title2) .din3-111 > [data-dinnum],
  main:has(.region_main_box2) .din3-111 > [data-dinnum] {
    float: none;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .region_headLine_image_title2 {
    margin-bottom: 24px !important;
  }

  .region_headLine_image_title2 img {
    padding: 0 !important;
    border-radius: 10px !important;
  }

  .region_headLine_image_title2 h2 {
    padding: 0 6px !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  .region_newsBox_title_desc-thumb article {
    padding: 16px 0 !important;
  }

  .region_newsBox_title_desc-thumb article .title {
    font-size: 17px !important;
  }

  .region_newsBox_title_desc-thumb article .desc {
    font-size: 14px !important;
  }

  .region_issue_title_desc_lastImg {
    margin-bottom: 28px !important;
  }

  .region_issue_title_desc_lastImg .list {
    display: block !important;
    height: auto !important;
  }

  .region_issue_title_desc_lastImg .titleContent,
  .region_issue_title_desc_lastImg .inTitle {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .region_issue_title_desc_lastImg .inTitle {
    margin-bottom: 18px;
  }

  .region_issue_title_desc_lastImg .titleContent {
    padding-bottom: 14px !important;
    margin-bottom: 14px !important;
  }

  .region_issue_title_desc_lastImg .titleContent h2,
  .region_issue_title_desc_lastImg .inTitle h2 {
    font-size: 17px !important;
    line-height: 1.35 !important;
  }

  .region_series_image_title {
    display: block !important;
    height: auto !important;
    margin-bottom: 24px !important;
  }

  .region_series_image_title article:first-child,
  .region_series_image_title article:not(:first-child) {
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
  }

  .region_series_image_title article:first-child h2,
  .region_series_image_title article:not(:first-child) h2 {
    height: auto !important;
    min-height: 0;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    font-size: 17px !important;
  }

  .region_boxTitle_img_title {
    margin-bottom: 22px !important;
    padding-top: 12px !important;
  }

  .region_boxTitle_img_title article {
    padding: 14px 0 !important;
  }

  .region_boxTitle_img_title article h2 {
    min-height: 0 !important;
    font-size: 16px !important;
    word-break: keep-all !important;
  }

  .region_main_box2 {
    margin-bottom: 28px !important;
  }

  .region_main_box2 article {
    height: auto !important;
    min-height: 118px;
    padding: 14px 0;
  }

  .region_main_box2 article .row {
    gap: 12px;
  }

  .region_main_box2 article .thumb {
    flex: 0 0 112px;
    width: 112px !important;
    min-width: 112px !important;
    height: 76px !important;
    margin-left: 0 !important;
  }

  .region_main_box2 article .thumb img {
    height: 76px !important;
  }

  .region_main_box2 article .txt {
    padding-top: 0 !important;
  }

  .region_main_box2 article .sbj {
    font-size: 16px !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
  }

  .region_main_box2 article .desc {
    display: none !important;
  }

  .region_main_box2 article time {
    margin-top: 6px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 480px) {
  main:has(.region_headLine_image_title2) > .din,
  main:has(.region_main_box2) > .din {
    padding-inline: 10px;
  }

  .region_newsBox_title_desc-thumb article .thumb {
    width: 104px !important;
    min-width: 104px !important;
  }

  .region_issue_title_desc_lastImg .box_title,
  .region_boxTitle_img_title .box_title {
    font-size: 17px !important;
  }
}