@charset "UTF-8";
@import url(/fonts/NotoSans/notosans.css);
@import url(/css/common.css);
@import url(/css/layout.css);
@import url(/css/global.css);
@import url(/js/swiper/swiper-bundle.min.css);
@font-face {
  font-family: "Pretendard";
  src: url("/fonts/Pretendard/PretendardVariable.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Gmarket";
  src: url("/fonts/gmarket/GmarketSansBold.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
}
body:before,
body:after {
  width: auto;
  height: auto;
  display: block;
  pointer-events: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
}

body:before {
  position: fixed;
  z-index: 10000000;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 1px, transparent 1px);
  background-size: var(--grid) 100%;
}

body:after {
  position: fixed;
  z-index: 9999999;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 1px, transparent 1px);
  background-size: 100% var(--grid);
}

:root {
  --grid: 16px;
  --section-margin-block: 90px;
}

.hide {
  display: none;
}

html {
  font-family: "Noto Sans KR", "AppleGothic", "맑은 고딕", "돋움", "dotum", Helvetica, Arial, sans-serif;
}

html,
body {
  overflow-x: hidden;
  letter-spacing: -0.4px;
}

button {
  border: 0;
  padding: 0;
  overflow: visible;
  background-color: transparent;
  vertical-align: middle;
}

a {
  color: #000;
  text-decoration: none;
  text-underline-offset: 2px;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container {
  width: 1200px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  margin-left: 20px;
  margin-right: 20px;
}
@media (min-width: 1240px) {
  .container {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 749px) {
  .container {
    width: auto;
    max-width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}

[class^=section] h2 {
  font-size: 28px;
  font-weight: 900;
  margin-bottom: 18px;
}

@media (max-width: 1199px) {
  .section1 {
    overflow: hidden;
  }
}
.section1 .swiper {
  width: 100%;
}
.section1 .swiper-slide {
  position: relative;
  height: 720px;
}
@media (min-width: 1200px) {
  .section1 .swiper-slide.main-slide .web {
    background-position: center;
  }
}
@media (max-width: 1199px) {
  .section1 .swiper-slide {
    width: 100%;
    height: 700px;
  }
  .section1 .swiper-slide.main-slide .main_visual_inner {
    width: 1200px;
  }
}
.section1 .swiper-slide-active .main_visual > span {
  -webkit-animation: scaleDown 2s ease-out 1 forwards;
          animation: scaleDown 2s ease-out 1 forwards;
}
@-webkit-keyframes scaleDown {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scaleDown {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.section1 .swiper-slide .main_visual {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.section1 .swiper-slide .main_visual > span {
  padding-top: 720px;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 1199px) {
  .section1 .swiper-slide .main_visual > span {
    padding-top: 0;
    height: 100%;
  }
}
.section1 .swiper-slide .main_visual > span.web {
  display: block;
}
@media (max-width: 1199px) {
  .section1 .swiper-slide .main_visual > span.web {
    display: none;
  }
}
.section1 .swiper-slide .main_visual > span.mobile {
  display: none;
}
@media (max-width: 1199px) {
  .section1 .swiper-slide .main_visual > span.mobile {
    display: block;
  }
}
.section1 .swiper-slide .main_visual_inner {
  position: relative;
  max-width: 100%;
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding-top: 112px;
}
@media (max-width: 749px) {
  .section1 .swiper-slide .main_visual_inner {
    padding-top: 80px;
  }
}
.section1 .swiper-slide .swiper1 {
  padding-top: 90px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1199px) {
  .section1 .swiper-slide .swiper1 {
    height: 100%;
    padding-top: 0;
  }
}
.section1 .swiper-slide .swiper1 h2 {
  position: absolute;
  top: 36%;
  left: 41px;
  z-index: 9;
  color: #fff;
  font-family: "Pretendard";
  font-size: 20px;
  line-height: 1;
}
@media (max-width: 1199px) {
  .section1 .swiper-slide .swiper1 h2 {
    top: 80px;
    font-size: 17px;
    left: 20px;
  }
}
.section1 .swiper-slide .swiper1 h2 span {
  letter-spacing: 0.4px;
  -webkit-animation: slideUpAnimation 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: slideUpAnimation 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@-webkit-keyframes slideUpAnimation {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideUpAnimation {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.section1 .swiper-slide .swiper1 h2 em {
  margin-top: 15px;
  display: block;
  font-weight: 900;
  font-size: 38px;
  letter-spacing: 1.25px;
  line-height: 1;
}
@media (max-width: 1199px) {
  .section1 .swiper-slide .swiper1 h2 em {
    margin-top: 8px;
    font-size: 30px;
  }
}
.section1 .swiper-ctrl {
  position: absolute;
  bottom: 24px;
  left: 50%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 9;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1199px) {
  .section1 .swiper-ctrl {
    bottom: 15px;
  }
}
.section1 .swiper-ctrl button {
  width: 25px;
  height: 35px;
  background-position: 50%;
  background-repeat: no-repeat;
}
.section1 .swiper-ctrl-prev {
  background-image: url(/images/main/btn_prev.png);
}
.section1 .swiper-ctrl-next {
  background-image: url(/images/main/btn_next.png);
}
.section1 .swiper-ctrl-stop {
  background-image: url(/images/main/btn_stop.png);
}
.section1 .swiper-ctrl-play {
  background-image: url(/images/main/btn_play.png);
}
.section1 .swiper-ctrl .mySwiper-paging {
  --progress-duration: 10s; /* autoplay.delay(10000ms) 동일하게 */
}
.section1 .swiper-ctrl .mySwiper-paging .num {
  color: #98999f;
  text-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  font-weight: bold;
}
.section1 .swiper-ctrl .mySwiper-paging .swiper-pagination-bullet {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: auto;
  cursor: pointer;
  opacity: 1;
  background: transparent;
}
.section1 .swiper-ctrl .mySwiper-paging .swiper-pagination-bullet .progress {
  overflow: hidden;
  display: block;
  opacity: 0;
  -webkit-transition: opacity 120ms;
  transition: opacity 120ms;
}
.section1 .swiper-ctrl .mySwiper-paging .swiper-pagination-bullet-active .num {
  color: #fff;
}
.section1 .swiper-ctrl .mySwiper-paging .swiper-pagination-bullet-active .progress {
  opacity: 1;
  position: relative;
  width: 80px;
  height: 3px;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  margin: 0 8px;
}
.section1 .swiper-ctrl .mySwiper-paging .swiper-pagination-bullet-active .progress .fill {
  display: inline-block;
  width: 0%;
  height: 100%;
  border-radius: 3px;
  background: #00b8ff;
  -webkit-transition: width 4s linear;
  transition: width 4s linear;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  -webkit-animation: fillBar var(--progress-duration) linear forwards;
          animation: fillBar var(--progress-duration) linear forwards;
}
@-webkit-keyframes fillBar {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@keyframes fillBar {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}

.quicklink {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 170px);
  gap: 20px;
  padding-left: 160px;
  padding-right: 40px;
}
@media (max-width: 1199px) {
  .quicklink {
    padding-top: 100px;
    padding-inline: 20px;
    overflow-x: auto; /* 필요시 스크롤 */
    grid-template-rows: repeat(2, 130px);
  }
}
@media (max-width: 749px) {
  .quicklink {
    padding-top: 170px;
  }
}
.quicklink li {
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media (max-width: 1199px) {
  .quicklink li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.quicklink li:nth-child(1) {
  grid-column: 3/span 1; /* 2번째 칸부터 배치 */
}
.quicklink li:nth-child(3) {
  grid-column: 5; /* 5번째 열에 배치 */
  grid-row: span 2; /* 세로로 2줄 차지 */
  margin-top: 140px;
}
.quicklink li.type-txt-hover {
  -webkit-animation: bounce 0.5s ease;
          animation: bounce 0.5s ease;
}
.quicklink li .item {
  border-radius: 10px;
  -webkit-box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0.15);
  border: solid 1px rgba(255, 255, 255, 0.5);
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.25)), to(rgba(176, 172, 225, 0.1)));
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.25), rgba(176, 172, 225, 0.1));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 22px;
  line-height: 1.27;
  color: #fff;
  font-weight: 500;
  text-align: center;
  height: 170px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media (max-width: 1199px) {
  .quicklink li .item {
    font-size: 18px;
    height: 130px;
  }
}
@media (max-width: 749px) {
  .quicklink li .item {
    height: 130px;
  }
}
.quicklink li .item a {
  color: #fff;
}
.quicklink li .item .title {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 14px;
}
.quicklink li .item .title::before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.35);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
}
.quicklink li .item .title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.quicklink li .item.ico1 .title::before {
  background-image: url(/images/main/ico/section1_ico2.png);
}
.quicklink li .item.ico2 .title::before {
  background-image: url(/images/main/ico/section1_ico4.png);
}
.quicklink li .item.ico3 .title::before {
  background-image: url(/images/main/ico/section1_ico8.png);
}
.quicklink li .item.ico4 .title::before {
  background-image: url(/images/main/ico/section1_ico3.png);
}
.quicklink li .item.ico5 .title::before {
  background-image: url(/images/main/ico/section1_ico5.png);
}
.quicklink li .item.ico6 .title::before {
  background-image: url(/images/main/ico/section1_ico6.png);
}
.quicklink li .item.ico7 .title::before {
  background-image: url(/images/main/ico/section1_ico9.png);
}
.quicklink li .item.ico8 .title::before {
  background-image: url(/images/main/ico/section1_ico1.png);
}
.quicklink li .item.ico9 .title::before {
  background-image: url(/images/main/ico/section1_ico7.png);
}
.quicklink li .item .text {
  width: 100%;
  height: 60px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  word-break: keep-all;
  letter-spacing: -0.8px;
  position: absolute;
  z-index: 1;
  top: -61px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0.15);
  line-height: 1.4;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: rgba(253, 137, 56, 0.25);
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0);
}
@media (max-width: 1199px) {
  .quicklink li .item .text {
    width: 100%;
  }
}
.quicklink li .item .text::before {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  content: "";
  position: absolute;
  left: calc(50% - 9px);
  top: -9px;
  width: 18px;
  height: 18px;
  background: url(/images/main/ico-time.png) center center no-repeat;
  background-color: #121b2f;
  border-radius: 20px;
}
.quicklink li .item .text:hover, .quicklink li .item .text:focus {
  border-color: rgba(253, 137, 56, 0.5);
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
  to {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
}
@keyframes spin {
  from {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
  to {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
}
.quicklink li:nth-child(5) .text, .quicklink li:nth-child(n+7):nth-child(-n+9) .text {
  top: auto;
  bottom: -61px;
}
.quicklink li:nth-child(5) .text:hover, .quicklink li:nth-child(5) .text:focus, .quicklink li:nth-child(n+7):nth-child(-n+9) .text:hover, .quicklink li:nth-child(n+7):nth-child(-n+9) .text:focus {
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}
.quicklink li:nth-child(5) .text::before, .quicklink li:nth-child(n+7):nth-child(-n+9) .text::before {
  top: unset;
  bottom: -10px;
}
.quicklink li .ico7,
.quicklink li .ico3 {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.quicklink li .ico8 {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.quicklink li .ico9,
.quicklink li .ico4 {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}
.quicklink li:nth-child(1) .item, .quicklink li:nth-child(7) .item {
  -webkit-transform: translateY(24px);
          transform: translateY(24px);
}
.quicklink li:nth-child(5) .item {
  /* 시계열 활성화시에 44px 사용됨 */
  -webkit-transform: translateY(25px);
          transform: translateY(25px);
}
.main_visual_txt {
  max-width: 670px;
  position: absolute !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
  padding: 0 10px;
  color: #fff;
}
.main_visual_txt strong {
  font-weight: normal;
}
.main_visual_txt .tit {
  font-size: 48px;
}
.main_visual_txt p {
  font-size: 22px;
}
.main_visual_txt a {
  color: #fff;
  font-size: 16px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 749px) {
  .main_visual_txt .tit {
    font-size: 28px;
  }
  .main_visual_txt p {
    font-size: 16px;
  }
}
.section1 .swiper-slide.main-slide .main_visual > span.mobile {
  background-size: cover;
  background-position: -270px 0;
}
@media (max-width: 1199px) {
  .section1 .swiper-slide.main-slide .main_visual > span.mobile {
    background-position: 0 0;
  }
}

.section2 {
  padding: var(--section-margin-block) 0;
}
.section2 h2 {
  line-height: 1;
}
.section2 .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}
@media (max-width: 749px) {
  .section2 .container {
    display: block;
  }
}
.section2_1 {
  position: relative;
  width: calc(100% - 60px - 325px);
}
@media (max-width: 1199px) {
  .section2_1 {
    width: 100%;
  }
}
.section2_1 h2 {
  border-bottom: 1px solid #757575;
  padding-bottom: 10px;
}
.section2_1 ul li {
  padding: 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1199px) {
  .section2_1 ul li {
    display: block;
  }
}
.section2_1 ul li + li {
  border-top: 1px solid #ccc;
}
.section2_1 ul li:last-child {
  padding-bottom: 10px;
}
.section2_1 ul li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 20px;
  word-break: keep-all;
}
.section2_1 ul li > a:hover .title {
  text-decoration: underline;
}
.section2_1 ul li > a .img {
  display: inline-block;
  width: 170;
  height: 125px;
  border: 1px solid #ccc;
}
@media (max-width: 1199px) {
  .section2_1 ul li > a .img {
    width: 940;
  }
}
.section2_1 ul li > a .img img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 170/125;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.section2_1 ul li > a .txt-set {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section2_1 ul li > a .txt-set .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.section2_1 ul li > a .txt-set .date {
  display: block;
  margin-top: auto;
  font-size: 16px;
  color: #757575;
}
@media (max-width: 1199px) {
  .section2_1 ul li > a .txt-set .date {
    margin-bottom: 14px;
  }
}
/* 2026-01-09 utob_ahy 최신동향 해시태그 3줄로 제한 */
/* 2026-01-19 utob_ahy 해시태그 ... 표시 삭제 */
.section2_1 ul li .tag-list {
  width: 260px;
  max-height: 110px; /* 3줄: 30px(태그높이) * 3 + 10px(gap) * 2 = 110px */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  overflow: hidden;
  position: relative;
}
/* 2026-01-09 utob_ahy 반응형: 태블릿 크기에서 높이 조정 */
@media (max-width: 1360px) and (min-width: 1200px) {
  .section2_1 ul li .tag-list {
    width: 240px;
    max-height: 110px; /* 3줄 유지 */
  }
}
.section2_1 ul li .tag-list a {
  height: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  word-break: keep-all;
  border-radius: 40px;
  padding: 2px 12px;
  letter-spacing: -0.8px;
}
.section2_1 ul li .tag-list a:hover {
  text-decoration: underline;
}
/* 2025-12-17 utob_ahy 모바일일 때는 태그 하단에 위치 */
/* 2026-01-09 utob_ahy 반응형: 태블릿 크기 */
@media (max-width: 1199px) and (min-width: 750px) {
  .section2_1 ul li .tag-list {
    margin-top: 20px;
    width: 100%;
    max-height: 110px; /* 3줄 유지 */
  }
}
/* 2026-01-09 utob_ahy 반응형: 작은 태블릿 크기 */
@media (max-width: 749px) and (min-width: 480px) {
  .section2_1 ul li .tag-list {
    margin-top: 20px;
    width: 100%;
    max-height: 110px; /* 3줄 유지 */
  }
}
/* 2026-01-09 utob_ahy 반응형: 모바일 크기 */
@media (max-width: 479px) {
  .section2_1 ul li .tag-list {
    margin-top: 20px;
    width: 100%;
    max-height: 70px; /* 작은 화면에서는 2줄로 제한 */
  }
}
.section2_1 ul li .tag-list a {
  background-color: #eee;
  font-size: 14px;
}
.section2_2 {
  position: relative;
  width: 325px;
}
@media (max-width: 749px) {
  .section2_2 {
    width: 100%;
  }
  .section2_2 img {
    width: 100%;
  }
}
.section2_2 .set {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section2_2 .set .btn-s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
.section2 .more {
  position: absolute;
  top: -3px;
  right: 0;
}
.section2 .more a {
  display: block;
  width: 33px;
  height: 33px;
  background: url(/images/main/ico_more.png) 50% no-repeat;
}

#thisWeekThumbnail{
  border: 1px solid #ccc;
}  

.section3 .report-swiper.report-swiper2 .card .badge, .section3 .report-swiper.report-swiper1 .report-card .badge {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  border-radius: 8px 8px 0 0;
  background-color: #183f7a;
  padding: 0 12px;
  font-size: 14px;
  line-height: 1;
  color: #fff;
}

.section3 {
  padding: var(--section-margin-block) 0;
  background: #eef4f9;
}
.section3 .container {
  position: relative;
}
@media (min-width: 1200px) {
  .section3 .set {
    height: 362px;
  }
}
.section3 h2 {
  line-height: 1;
  margin-bottom: 20px;
  margin-top: -4px;
}
.section3 .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 37.6%;
  margin-bottom: 26px;
}
@media (max-width: 1199px) {
  .section3 .tab-list {
    width: 100%;
  }
}
.section3 .tab-list a {
  width: 33.3333333333%;
  display: block;
  padding: 10px 0;
  text-align: center;
  font-weight: 600;
  border: 1px solid #183f7a;
}
.section3 .tab-list a + a {
  margin-left: -1px;
}
.section3 .tab-list a.active {
  color: #fff;
  font-weight: 600;
  background: #183f7a;
}
@media (max-width: 400px) {
  .section3 .tab-list a {
    line-height: 1.3;
  }
  .section3 .tab-list a span {
    display: block;
  }
}
.section3 .con-box {
  position: relative;
  display: none;
}
.section3 .con-box.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1199px) {
  .section3 .con-box.active {
    display: block;
  }
}
.section3 .con-box.active#swiper1 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section3 .con-box .swiper-button-lock {
  display: block;
}
.section3 .con-box#swiper1 .ctrl, .section3 .con-box#swiper2 .ctrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  position: absolute;
  top: 6px;
  right: 0;
  z-index: 99;
}
.section3 .con-box#swiper1 .ctrl button, .section3 .con-box#swiper2 .ctrl button {
  width: 33px;
  height: 33px;
  background-image: url(/images/main/ctrl-set.png);
  background-repeat: no-repeat;
}
.section3 .con-box#swiper1 .ctrl-prev, .section3 .con-box#swiper2 .ctrl-prev {
  background-position: 0 50%;
}
.section3 .con-box#swiper1 .ctrl-next, .section3 .con-box#swiper2 .ctrl-next {
  background-position: 100% 50%;
}
.section3 .con-box#swiper1 .ctrl, .section3 .con-box#swiper2 .ctrl {
  right: auto;
  left: 10px;
  top: 249px;
}
@media (max-width: 1199px) {
  .section3 .con-box#swiper1 .ctrl, .section3 .con-box#swiper2 .ctrl {
    margin-top: 16px;
    position: static;
  }
}
.section3 .con-box#swiper1 .ctrl .swiper-paging, .section3 .con-box#swiper2 .ctrl .swiper-paging {
  margin-left: 8px;
}
.section3 .con-box#swiper1 .ctrl .swiper-paging .swiper-pagination-current, .section3 .con-box#swiper2 .ctrl .swiper-paging .swiper-pagination-current {
  font-weight: 600;
  color: #f15b09;
}
.section3 .con-box#swiper3 {
  position: relative;
}
.section3 .con-box#swiper3 .list-box {
  width: 100%;
}
.section3 .con-box#swiper3 .list-box h3 {
  color: #183f7a;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  position: absolute;
  top: 34px;
  left: 0;
  width: 11.1111111111%;
}
@media (max-width: 1199px) {
  .section3 .con-box#swiper3 .list-box h3 {
    width: 20%;
    top: 20px;
  }
}
@media (max-width: 749px) {
  .section3 .con-box#swiper3 .list-box h3 {
    width: 33.3333333333%;
    top: 20px;
  }
}
.section3 .con-box#swiper3 .list-box ul {
  margin-top: 12px;
  width: 100%;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(9, 1fr);
}
@media (max-width: 1199px) {
  .section3 .con-box#swiper3 .list-box ul {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 749px) {
  .section3 .con-box#swiper3 .list-box ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
.section3 .con-box#swiper3 .list-box ul li:first-child {
  grid-column: 2/span 1;
}
.section3 .con-box#swiper3 .list-box ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-weight: 500;
  background-color: #fff;
  border-radius: 10px;
  height: 100%;
  padding: 25px 0;
}
.section3 .con-box#swiper3 .list-box ul li a span {
  min-width: 50px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 40px;
  line-height: 1.2;
}
.section3 .con-box#swiper3 .list-box ul li a span::before {
  content: "";
  display: inline-block;
  background-size: contain;
  position: absolute;
  background-position: 50%;
  top: 0;
  left: 0;
  width: 100%;
  height: 29px;
}
.section3 .con-box#swiper3 .list-box ul li a.ico1 span::before {
  background: url(/images/main/ico/data_ico1.png) 50% no-repeat;
}
.section3 .con-box#swiper3 .list-box ul li a.ico2 span::before {
  background: url(/images/main/ico/data_ico2.png) 50% no-repeat;
}
.section3 .con-box#swiper3 .list-box ul li a.ico3 span::before {
  background: url(/images/main/ico/data_ico3.png) 50% no-repeat;
}
.section3 .con-box#swiper3 .list-box ul li a.ico4 span::before {
  background: url(/images/main/ico/data_ico4.png) 50% no-repeat;
}
.section3 .con-box#swiper3 .list-box ul li a.ico5 span::before {
  background: url(/images/main/ico/data_ico5.png) 50% no-repeat;
}
.section3 .con-box#swiper3 .list-box ul li a.ico6 span::before {
  background: url(/images/main/ico/data_ico6.png) 50% no-repeat;
}
.section3 .con-box#swiper3 .list-box ul li a.ico7 span::before {
  background: url(/images/main/ico/data_ico7.png) 50% no-repeat;
}
.section3 .con-box#swiper3 .list-box ul li a.ico8 span::before {
  background: url(/images/main/ico/data_ico8.png) 50% no-repeat;
}
.section3 .con-box#swiper3 .list-box ul li a.ico9 span::before {
  background: url(/images/main/ico/data_ico9.png) 50% no-repeat;
}
.section3 .con-box#swiper3 .list-box ul li a.ico10 span::before {
  background: url(/images/main/ico/data_ico10.png) 50% no-repeat;
}
.section3 .con-box#swiper3 .list-box ul li a.ico11 span::before {
  background: url(/images/main/ico/data_ico11.png) 50% no-repeat;
}
.section3 .con-box#swiper3 .list-box ul li a.ico12 span::before {
  background: url(/images/main/ico/data_ico12.png) 50% no-repeat;
}
.section3 .con-box#swiper3 .list-box ul li a.ico13 span::before {
  background: url(/images/main/ico/data_ico13.png) 50% no-repeat;
}
.section3 .con-box#swiper3 .list-box ul li a.ico14 span::before {
  background: url(/images/main/ico/data_ico14.png) 50% no-repeat;
}
.section3 .con-box#swiper3 .list-box ul li a.ico15 span::before {
  background: url(/images/main/ico/data_ico15.png) 50% no-repeat;
}
.section3 .con-box#swiper3 .list-box ul li a.ico16 span::before {
  background: url(/images/main/ico/data_ico16.png) 50% no-repeat;
}
.section3 .con-box#swiper3 .list-box ul li a.ico17 span::before {
  background: url(/images/main/ico/data_ico17.png) 50% no-repeat;
}
@media (min-width: 1200px) {
  .section3 .report-swiper {
    margin-top: -125px;
  }
}
.section3 .report-swiper img,
.section3 .report-swiper a {
  -webkit-user-drag: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.section3 .report-swiper.report-swiper1 {
  position: relative;
  height: 415px;
  -webkit-perspective: 800px;
          perspective: 800px;
  overflow: visible;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (min-width: 1200px) {
  .section3 .report-swiper.report-swiper1 {
    margin-top: -120px;
  }
}
@media (max-width: 1199px) {
  .section3 .report-swiper.report-swiper1 {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}
.section3 .report-swiper.report-swiper1 .report-card {
  position: absolute;
  top: 0;
  left: 0;
  width: 282px;
  height: 400px;
  -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.25);
          box-shadow: 0 15px 25px rgba(0, 0, 0, 0.25);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.section3 .report-swiper.report-swiper1 .report-card:first-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.section3 .report-swiper.report-swiper1 .report-card:first-child .badge {
  opacity: 1;
}
.section3 .report-swiper.report-swiper1 .report-card .img {
  display: block;
  width: 282px;
  height: 400px;
  aspect-ratio: 282/400;
}
.section3 .report-swiper.report-swiper1 .report-card .img img {
  width: 282px;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}
.section3 .report-swiper.report-swiper2 {
  position: relative;
  height: 415px;
}
.section3 .report-swiper.report-swiper2 .card {
  cursor: -webkit-grab;
  cursor: grab;
  position: absolute;
  top: 20px;
  width: 262px;
  height: 374px;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.35);
          box-shadow: 0 0 35px rgba(0, 0, 0, 0.35);
}
.section3 .report-swiper.report-swiper2 .card:first-child .badge, .section3 .report-swiper.report-swiper2 .card.first .badge {
  opacity: 1;
}

/* 2025-12-24 utob_ahy 이미지 변경 및 사이즈 조정 */
.section3 .report-swiper.report-swiper1 .report-card .icon-ai,
.section3 .report-swiper.report-swiper2 .card .icon-ai {
  position: absolute;
  top: -4px;
  right: 5px;
  width: 60rem;
  height: 89rem;
  /* background: url(/images/main/icon-ai.png) 50% no-repeat; */
  background: url(/images/icons/ai_icon_bookmark.png?ver=20250508);
  background-size: 60rem 89rem;
  z-index: 1;
}
.section3 .report-swiper.report-swiper2 .card .img {
  display: block;
  width: 262px;
  height: 374px;
  aspect-ratio: 262/374;
}
.section3 .report-swiper.report-swiper2 .card .img img {
  width: 262px;
  height: 374px;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
.section3 .report-swiper.report-swiper2 .card .mark {
  z-index: 1;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  font-family: "Gmarket";
  right: 20px;
  bottom: 26px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.section3 .report-swiper.report-swiper2 .card .mark.num1::after {
  background-color: #caa953;
}
.section3 .report-swiper.report-swiper2 .card .mark.num2::after {
  background-color: #838b8f;
}
.section3 .report-swiper.report-swiper2 .card .mark.num3::after {
  background-color: #b08b72;
}
.section3 .report-swiper.report-swiper2 .card .mark::after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #535352;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 50%;
}
.section3 .report-swiper.report-swiper2 .card .mark::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 23px;
  background: url(/images/main/mark_bg.png) 50% no-repeat;
  position: absolute;
  bottom: -16px;
  left: 0;
  z-index: -10;
}
.section3 .report-info {
  width: 450px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 10px;
  overflow: visible;
  z-index: 1000;
}
@media (max-width: 1199px) {
  .section3 .report-info {
    width: 100%;
    padding: 0 0 25px;
  }
}
/* 2026-01-09 utob_ahy 최신보고서 해시태그 2줄로 제한, 오버플로우시 ... 표시 */
.section3 .report-info .tag-list {
  max-height: 70px; /* 2줄: 30px(태그높이) * 2 + 10px(gap) * 1 = 70px */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  overflow: hidden;
  position: relative;
  padding-right: 20px;
}
.section3 .report-info .tag-list::after {
  content: '...';
  position: absolute;
  bottom: 0;
  right: 20px;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  height: 30px;
  padding-right: 5px;
  pointer-events: none;
  display: none;
}
.section3 .report-info .tag-list.overflow::after {
  display: block;
}
/* 2026-01-09 utob_ahy 반응형: 태블릿 크기에서 ctrl 영역 고려하여 조정 */
@media (max-width: 1360px) and (min-width: 1200px) {
  .section3 .report-info .tag-list {
    max-width: calc(100% - 220px);
    max-height: 70px; /* 2줄 유지 */
  }
}
.section3 .report-info .tag-list a {
  height: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  word-break: keep-all;
  border-radius: 40px;
  padding: 2px 12px;
  letter-spacing: -0.8px;
}
.section3 .report-info .tag-list a:hover {
  text-decoration: underline;
}
/* 2026-01-09 utob_ahy 반응형: 태블릿 크기 */
@media (max-width: 1199px) and (min-width: 750px) {
  .section3 .report-info .tag-list {
    margin-top: 16px;
    max-width: calc(100% - 200px);
    max-height: 70px; /* 2줄 유지 */
  }
}
/* 2026-01-09 utob_ahy 반응형: 작은 태블릿 크기 */
@media (max-width: 749px) and (min-width: 480px) {
  .section3 .report-info .tag-list {
    margin-top: 16px;
    max-width: 100%;
    max-height: 70px; /* 2줄 유지 */
  }
}
/* 2026-01-09 utob_ahy 반응형: 모바일 크기 */
@media (max-width: 479px) {
  .section3 .report-info .tag-list {
    margin-top: 16px;
    max-width: 100%;
    max-height: 70px; /* 2줄 유지 */
  }
}
.section3 .report-info .tag-list a {
  background-color: #fff;
  font-size: 14px;
}
.section3 .report-info .title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  word-break: keep-all;
  letter-spacing: -0.45px;
  height: 84px;
}
.section3 .report-info .title:hover {
  text-decoration: underline;
}
@media (min-width: 1200px) {
  .section3 .report-info .title {
    position: relative;
    padding-bottom: 3px;
  }
  .section3 .report-info .title::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 9999;
  }
}
.section3 .report-info .title .main-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.section3 .report-info .title .sub-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.section3 .report-info .txt {
  display: block;
  margin-top: 15px;
  font-weight: 600;
  line-height: 1;
}
.section3 .report-info .date {
  margin: 13px 0 13px;
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
}
.section3 .report-swiper {
  width: 60%;
}
@media (max-width: 1199px) {
  .section3 .report-swiper {
    width: 100%;
  }
}
.section3 .report-box {
  display: none;
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  padding: 35px 40px;
}
@media (max-width: 749px) {
  .section3 .report-box {
    padding: 15px 20px;
  }
}
.section3 .report-box.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
@media (max-width: 1199px) {
  .section3 .report-box.active {
    height: 100%;
  }
}
@media (max-width: 1199px) {
  .section3 .report-box.active {
    display: block;
    padding: 35px 40px 85px 40px;
  }
}
@media (max-width: 749px) {
  .section3 .report-box.active {
    padding: 18px 20px 85px 20px;
  }
}
.section3 .report-box-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: center calc(50% + 20px) no-repeat;
  background-size: 130px auto;
}
/* 2026-01-14 utob_ahy 배경이미지 왼쪽하단으로 이동 */
.section3 .report-box-head {
  background-position : 25% 65%;
}
.section3 .report-box-head.bg-1 {
  background-image: url(/images/main/ico/data_ico-l-1@2x.png);
}
.section3 .report-box-head.bg-2 {
  background-image: url(/images/main/ico/data_ico-l-2@2x.png);
}
.section3 .report-box-head.bg-3 {
  background-image: url(/images/main/ico/data_ico-l-3@2x.png);
}
.section3 .report-box-head.bg-4 {
  background-image: url(/images/main/ico/data_ico-l-4@2x.png);
}
.section3 .report-box-head.bg-5 {
  background-image: url(/images/main/ico/data_ico-l-5@2x.png);
}
.section3 .report-box-head.bg-6 {
  background-image: url(/images/main/ico/data_ico-l-6@2x.png);  
}
.section3 .report-box-head.bg-7 {
  background-image: url(/images/main/ico/data_ico-l-7@2x.png);
}
.section3 .report-box-head.bg-8 {
  background-image: url(/images/main/ico/data_ico-l-8@2x.png);
}
.section3 .report-box-head.bg-9 {
  background-image: url(/images/main/ico/data_ico-l-9@2x.png);
}
.section3 .report-box-head.bg-10 {
  background-image: url(/images/main/ico/data_ico-l-10@2x.png);
}
.section3 .report-box-head.bg-11 {
  background-image: url(/images/main/ico/data_ico-l-11@2x.png);
}
.section3 .report-box-head.bg-12 {
  background-image: url(/images/main/ico/data_ico-l-12@2x.png);
}
.section3 .report-box-head.bg-13 {
  background-image: url(/images/main/ico/data_ico-l-13@2x.png);
}
.section3 .report-box-head.bg-14 {
  background-image: url(/images/main/ico/data_ico-l-14@2x.png);
}
.section3 .report-box-head.bg-15 {
  background-image: url(/images/main/ico/data_ico-l-15@2x.png);
}
.section3 .report-box-head.bg-16 {
  background-image: url(/images/main/ico/data_ico-l-16@2x.png);
}
.section3 .report-box-head.bg-17 {
  background-image: url(/images/main/ico/data_ico-l-17@2x.png);
}
.section3 .report-box-head.bg-18 {
  background-image: url(/images/main/ico/data_ico-l-18@2x.png);
}
.section3 .report-box-head.bg-19 {
  background-image: url(/images/main/ico/data_ico-l-19@2x.png);
}
@media (max-width: 1199px) {
  .section3 .report-box-head {
    margin-bottom: 16px;
    background: none !important;
  }
}
@media (min-width: 1200px) {
  .section3 .report-box-head {
    width: 360px;
  }
}
.section3 .report-box h3 {
  display: inline-block;
  color: #183f7a;
  font-size: 30px;
  font-weight: 600;
  padding-bottom: 155px;
  padding-right: 15px;
  line-height: 1.2;
  word-break: break-all;
}
@media (min-width: 1200px) {
  .section3 .report-box h3 {
    max-width: 260px;
  }
}
@media (max-width: 1199px) {
  .section3 .report-box h3 {
    padding-bottom: 0;
    width: auto;
  }
}
/* TODO: 2025-12-17 utob_ahy 부분 수정: 상임위별 보고서 swiper height 제거하여 여러 줄 표시 가능하도록 수정 */
.section3 .report-box .swiper {
  width: calc(100% - 295px);
  margin: 0;
  padding-right: 30px;
}
@media (max-width: 1199px) {
  .section3 .report-box .swiper {
    width: 100%;
    padding-right: 0;
  }
}
.section3 .report-box .swiper {
  overflow: hidden;
}
.section3 .report-box .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
}
.section3 .report-box .report-list.swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
}
.section3 .report-box ul .swiper-slide {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  width: auto;
  min-width: 300px;
  max-width: 400px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
}
@media (max-width: 1199px) {
  .section3 .report-box ul .swiper-slide {
    min-width: 250px;
    max-width: 300px;
    margin-right: 15px;
  }
}
.section3 .report-box a {
  display: block;
}
.section3 .report-box a .title {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
}
/* 20260127 utob_ahy 상임위별 보고서 제목 마우스 오버 시 언더라인 표시 */
.section3 .report-box a .title:hover {
  text-decoration: underline;
}
@media (min-width: 1200px) {
  .section3 .report-box a .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
@media (max-width: 1199px) {
  .section3 .report-box a .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
/* TODO: 2025-12-17 utob_ahy 부분 수정: 상임위별 보고서 .txt와 .date를 block으로 변경하여 여러 줄 표시 */
.section3 .report-box a .txt {
  display: block;
  font-weight: 500;
  line-height: 1;
  margin-top: 8px;
}
.section3 .report-box a .date {
  display: block;
  line-height: 1;
  font-weight: 500;
  margin-top: 4px;
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}
@media (max-width: 749px) {
  .section3 .report-box a .date {
    margin-top: 4px;
  }
}
.section3 .report-box .ctrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  position: absolute;
  top: 6px;
  right: 0;
  z-index: 99;
}
.section3 .report-box .ctrl button {
  width: 33px;
  height: 33px;
  background-image: url(/images/main/ctrl-set.png);
  background-repeat: no-repeat;
}
.section3 .report-box .ctrl-prev {
  background-position: 0 50%;
}
.section3 .report-box .ctrl-next {
  background-position: 100% 50%;
}
.section3 .report-box .ctrl {
  top: -68px;
}
@media (max-width: 1199px) {
  .section3 .report-box .ctrl {
    top: auto;
    right: auto;
    left: 40px;
    bottom: 30px;
  }
}
@media (max-width: 749px) {
  .section3 .report-box .ctrl {
    left: 20px;
  }
}
.section3 .report-box .more {
  margin-top: 4px;
}
@media (max-width: 1199px) {
  .section3 .report-box .more {
    margin-top: 4px;
  }
}
.section3 .report-box .more a {
  display: block;
  width: 33px;
  height: 33px;
  background: url(/images/main/ico_more.png) 50% no-repeat;
}
.section3 .btn-close {
  position: absolute;
  top: 20px;
  right: 24px;
  z-index: 9;
}
@media (max-width: 1199px) {
  .section3 .btn-close {
    top: 27px;
  }
}
.section3 .btn-close button {
  width: 33px;
  height: 33px;
  background: url(/images/main/btn_close.png) no-repeat;
}

.section3 .report-swiper.report-swiper2 .card .img:has(.thum-set):hover {
  background: url(/images/main/best-default-s.png);
}

/* 2025-마우스 오버 없이 */
/* .section3 .report-swiper.report-swiper2 .card .img:has(.thum-set):hover img {
  opacity: 0;
} */
/* .section3 .report-swiper.report-swiper2 .card .img:has(.thum-set):hover .thum-set span {
  opacity: 1;
} */

.thum-set {
  position: absolute;
  top: 21px;
  left: 25px;
  right: 20px;
  bottom: 21px;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.thum-set:hover span, .thum-set:focus span {
  opacity: 1;
}
/* TODO: 2025-12-17 utob_ahy 부분 수정: thum-set span opacity를 1로 변경하여 항상 표시 */
.thum-set span {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: block;
  opacity: 1;
}
.thum-set .thum-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.44;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  line-clamp: 6;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  width: calc(100% - 30px);
}
.thum-set .thum-deco {
  position: absolute;
  bottom: 28px;
  font-weight: bold;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.thum-set .thum-date {
  position: absolute;
  bottom: 0;
}

.report-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 28px;
}

.meta-info {
  position: absolute;
  bottom: -20px;
  width: 100%;
  font-size: 13px;
  text-align: center;
}

.section-more {
  position: absolute;
  left: 400px;
  display: block;
  width: 33px;
  height: 33px;
  background: url(/images/main/ico_more.png) 50% no-repeat;
}
.section-more.type2 {
  background-image: url(/images/main/more-type2.png);
}
.section-more.static {
  position: static;
}
@media (max-width: 1199px) {
  .section-more {
    left: unset;
    right: 10px;
  }
}
.section6_2 .section-more {
  left: unset;
  right: 40px;
  top: 30px;
}

@media (max-width: 1199px) {
  .section6_2 h2 {
    padding-right: 40px;
  }
}

.section4-more {
  position: absolute;
  right: 20px;
  top: 28px;
  z-index: 1;
  display: block;
  width: 33px;
  height: 33px;
  background: url(/images/main/issu-more.png) 50% no-repeat;
  background-color: #b8c5dd;
  border-radius: 50px;
}

.section4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 76px;
  padding: 3px 0;
}
@media (max-width: 1199px) {
  .section4 {
    display: block;
    margin: 20px 20px 50px;
  }
}
.section4_1 {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: var(--section-margin-block) 0;
  width: calc(100% - 364px - 76px);
  position: relative;
}
@media (max-width: 1199px) {
  .section4_1 {
    width: 100%;
  }
}
.section4_1 .info-swiper {
  margin-block: 62px;
}
/* 2026-01-09 utob_ahy 이슈인포그래픽 ctrl 버튼은 모바일 환경에서만 표시 */
.section4_1 .info-swiper .ctrl {
  display: none;
  gap: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  z-index: 99;
  bottom: 95px;
  right: 20px;
}
.section4_1 .info-swiper .ctrl button {
  width: 33px;
  height: 33px;
}
.section4_1 .info-swiper .ctrl button.info-ctrl-prev {
  background: url(/images/main/b-prev.png) no-repeat;
}
.section4_1 .info-swiper .ctrl button.info-ctrl-next {
  background: url(/images/main/b-next.png) no-repeat;
}
/* 2026-01-09 utob_ahy 모바일 환경에서만 ctrl 버튼 표시 */
@media (max-width: 1199px) {
  .section4_1 .info-swiper .ctrl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 20px;
    right: 10px;
  }
}
.section4_1 .swiper {
  height: 100%;
}
@media (max-width: 749px) {
  .section4_1 .swiper {
    width: 100%;
    height: 100%; /* 부모 영역에 맞춰 늘어나게 */
  }
}
.section4_2 {
  width: 364px;
  background: #f0f0f0;
  border-radius: 10px;
  padding: 35px 50px;
}
@media (max-width: 1199px) {
  .section4_2 {
    width: 100%;
    margin-top: 38px;
    margin: 0 auto;
  }
}
@media (max-width: 749px) {
  .section4_2 {
    margin-top: 25px;
    padding: 25px 30px;
  }
}
.section4_2 h2 {
  position: relative;
  line-height: 1;
}
.section4_2 .section-more {
  left: inherit;
  right: 0;
  top: -6px;
}
.section4_2 .bg {
  position: relative;
  z-index: 1;
  color: #fff;
  width: 265px;
  height: 349px;
  display: block;
  padding: 27px;
  background: url(/images/main/img_column_bg.png) no-repeat;
  background-size: cover;
}
@media (max-width: 1199px) {
  .section4_2 .bg {
    margin: 0 auto;
    min-height: 349px;
  }
}
.section4_2 .bg::before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 348px;
  background: url(/images/main/img_column_bg2.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: -1;
  bottom: -3px;
  left: -50px;
}
.section4_2 .bg > a {
  color: #fff;
}
.section4_2 .bg > a > span {
  display: block;
}
/* 2026-01-12 utob_ahy 메인화면 전문가칼럼 제목 4줄 제한 */
.section4_2 .bg > a .title {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
/* 20260127 utob_ahy 전문가칼럼 제목 마우스 오버 시 언더라인 표시 */
.section4_2 .bg > a .title:hover {
  text-decoration: underline;
}
.section4_2 .bg > a .name {
  font-size: 16px;
  font-weight: 600;
  margin: 20px 0 23px;
}
.section4_2 .bg > a .date {
  font-size: 16px;
}
/* 2026-01-12 utob_ahy 메인화면 전문가칼럼 해시태그 2줄 제한 */
.section4_2 .bg .tag-list {
  position: absolute;
  bottom: 22px;
  left: 26px;
  max-height: 37px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.section4_2 .bg .tag-list a {
  height: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  word-break: keep-all;
  border-radius: 40px;
  padding: 2px 12px;
  letter-spacing: -0.8px;
}
.section4_2 .bg .tag-list a:hover {
  text-decoration: underline;
}
.section4_2 .bg .tag-list a {
  color: #fff;
  border: 1px solid #fff;
}


@media (min-width: 1200px) {
  .info-swiper-dragbar .bar {
    display: inline-block;
    width: 5px;
    height: 300px;
    background: url(/images/main/ico_scrollbar.png) 50% no-repeat;
    position: absolute;
    top: 50%;
    right: -17px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@media (min-width: 1200px) and (max-width: 749px) {
  .info-swiper-dragbar .bar {
    display: none;
  }
}
@media (min-width: 1200px) {
  .info-swiper-dragbar .mouse {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateY(var(--y));
            transform: translateY(var(--y));
    cursor: -webkit-grab;
    cursor: grab;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -44px;
    width: 18px;
    height: 31px;
    background: url(/images/main/ico_scroll.png);
    -webkit-animation: float 2s ease-in-out infinite;
            animation: float 2s ease-in-out infinite;
  }
  .info-swiper-dragbar .mouse.is-dragging {
    -webkit-animation: none;
            animation: none;
  }
}

.info-swiper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.section4-swipe {
  position: relative;
  width: 100%;
}

.slide-item {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 25px 30px 30px;
  color: #fff;
  background-color: #b6c4dd;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 749px) {
  .slide-item {
    padding: 20px;
  }
}
@media (min-width: 1200px) {
  .slide-item {
    height: 344px;
  }
}
.slide-item.prev {
  display: none;
  top: -84px;
  z-index: 3;
}
.slide-item.i0 {
  z-index: 4;
  -webkit-transform: translateY(-97px) scale(0.7903014417);
          transform: translateY(-97px) scale(0.7903014417);
}
.slide-item.i1 {
  z-index: 7;
  -webkit-transform: translateY(-67px) scale(0.868938401);
          transform: translateY(-67px) scale(0.868938401);
}
.slide-item.i2 {
  z-index: 8;
  -webkit-transform: translateY(-38px) scale(0.9213630406);
          transform: translateY(-38px) scale(0.9213630406);
}
.slide-item.active {
  z-index: 10;
}
.slide-item.i4 {
  z-index: 9;
  -webkit-transform: translateY(38px) scale(0.9213630406);
          transform: translateY(38px) scale(0.9213630406);
}
.slide-item.i5 {
  z-index: 6;
  -webkit-transform: translateY(67px) scale(0.868938401);
          transform: translateY(67px) scale(0.868938401);
}
.slide-item.i6 {
  z-index: 5;
  -webkit-transform: translateY(97px) scale(0.7903014417);
          transform: translateY(97px) scale(0.7903014417);
}
.slide-item.next {
  z-index: 2;
  -webkit-transform: translateY(107px) scale(0.7903014417);
          transform: translateY(107px) scale(0.7903014417);
  opacity: 0;
}
.slide-item::before {
  content: "";
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/images/main/bg_info.png);
  background-size: cover;
}
.slide-item.active::before {
  opacity: 1;
}
.slide-item.i2, .slide-item.i4 {
  background-color: #697fa8;
}
.slide-item.i1, .slide-item.i5 {
  background-color: #94a5c5;
}
.slide-item.i0, .slide-item.i6 {
  background-color: #b6c4dd;
}
.slide-item strong {
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 19px;
  font-size: 28px;
  font-weight: 900;
}
.slide-item .s {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media (max-width: 749px) {
  .slide-item .s {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.slide-item .title-set {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 53.4%;
  max-width: 374px;
}
@media (min-width: 1200px) {
  .slide-item .title-set {
    width: 374px;
  }
}
@media (max-width: 749px) {
  .slide-item .title-set {
    width: auto;
    max-width: unset;
  }
}
.slide-item .title-set .img img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 374/230;
  width: 100%;
  vertical-align: top;
}
.slide-item .txt-set {
  position: relative;
}
@media (min-width: 1200px) {
  .slide-item .txt-set {
    width: calc(100% - 374px - 30px);
  }
}
.slide-item .txt-set > a {
  color: #fff;
  display: block;
  margin-bottom: 50px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (max-width: 749px) {
  .slide-item .txt-set > a {
    margin-bottom: 20px;
  }
}
/* 2026-01-19 utob_ahy 이슈인포그래픽 색상을 목록 페이지와 동일하게 변경 */
.slide-item .txt-set > a .i {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  color: #55A73A;
}
.slide-item .txt-set > a .i.type1 {
  color: #55A73A;
}
.slide-item .txt-set > a .i.type2 {
  color: #FD8938;
}
.slide-item .txt-set > a .i.type3 {
  color: #87CEEB;
  
}
.slide-item .txt-set > a .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* 2026-01-13 utob_ahy 모바일 환경에서 제목 높이 2줄로 유지 */
@media (max-width: 1199px) {
  .slide-item .txt-set > a .title {
    min-height: calc(1.3em * 2);
  }
}
/* 2026-01-13 utob_ahy 이슈인포그래픽 제목 마우스 오버 시 밑줄 표시 */
.slide-item .txt-set > a:hover .title {
  text-decoration: underline;
}
/* 2026-01-13 utob_ahy 이슈인포그래픽 썸네일 링크 연결 */
.slide-item .title-set .img-link {
  display: block;
  text-decoration: none;
}
.slide-item .title-set .img-link .img {
  display: block;
}
.slide-item .tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  overflow: hidden;
  height: 30px;
}
.slide-item .tag-list a {
  height: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  word-break: keep-all;
  border-radius: 40px;
  padding: 2px 12px;
  letter-spacing: -0.8px;
}
.slide-item .tag-list a:hover {
  text-decoration: underline;
}
@media (max-width: 749px) {
  .slide-item .tag-list {
    padding-right: 30px;
  }
}
.slide-item .tag-list a {
  color: #fff;
  border: 1px solid #fff;
}
.slide-item .date {
  display: block;
  margin-bottom: 20px;
}

.section5 {
  padding: var(--section-margin-block) 0;
  background: url(/images/main/section5_bg.png);
}
.section5 .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 48px;
  height: 100%;
}
@media (max-width: 1199px) {
  .section5 .container {
    display: block;
  }
}

.section5_1 {
  width: 30.5%;
  padding: 28px 40px 20px;
  background: url(/images/main/section5_1_bg.png) no-repeat;
  background-size: cover;
  -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.07);
  border-radius: 15px;
  min-height: 448px;
}
@media (max-width: 1199px) {
  .section5_1 {
    width: 100%;
    padding: 15px 30px;
    background-size: 100%;
    background-color: #175094;
    background-position: 0 bottom;
  }
}
.section5_1 h2 {
  line-height: 1;
  color: #fff;
  position: relative;
}
.section5_1 .section-more {
  right: 0;
  top: 0;
  left: unset;
  background-color: #b8c5dd;
  border-radius: 50px;
  background-image: url(/images/main/issu-more.png);
}
.section5_1 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px 10px;
}
.section5_1 ul li a {
  width: 100%;
  height: 100%;
  min-height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  padding: 10px 4px;
  border: 1px solid #7a93dc;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.section5_1 ul li a:hover, .section5_1 ul li a:focus {
  border: solid 1px #fd8938;
  color: #fd8938;
}

.section5_2 {
  position: relative;
  width: calc(69.5% - 48px);
  background: #f0f0f0;
  border-radius: 15px;
}
@media (max-width: 1199px) {
  .section5_2 {
    width: 100%;
    margin-top: 20px;
  }
}
.section5_2 h2 {
  position: absolute;
  top: 28px;
  left: 40px;
  z-index: 99;
  line-height: 1;
}
.section5_2 .section-more {
  left: unset;
  top: 27px;
  right: 40px;
  z-index: 100;
}
.section5_2 .map-set {
  position: relative;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  border-radius: 15px;
}
.section5_2 .map-set .map {
  width: 786px;
  height: 448px;
  background: url(/images/main/img_map_bg.png) 50% no-repeat;
}
.section5_2 .map-set a {
  border-radius: 30px;
  border: 1px solid #000;
  background-color: #fff;
  padding: 2px 10px;
  position: absolute;
  word-break: keep-all;
}
.section5_2 .map-set a:hover {
  color: #fff;
  background-color: #183f7a;
  border-color: #183f7a;
}
.section5_2 .map-set a.ico1 {
  top: 81px;
  left: 132px;
}
.section5_2 .map-set a.ico2 {
  top: 126px;
  left: 72px;
}
.section5_2 .map-set a.ico3 {
  top: 183px;
  left: 38px;
}
.section5_2 .map-set a.ico4 {
  top: 228px;
  left: 82px;
}
.section5_2 .map-set a.ico5 {
  top: 219px;
  left: 154px;
}
.section5_2 .map-set a.ico6 {
  top: 169px;
  left: 164px;
}
.section5_2 .map-set a.ico7 {
  top: 131px;
  left: 193px;
}
.section5_2 .map-set a.ico8 {
  top: 133px;
  left: 286px;
}
.section5_2 .map-set a.ico9 {
  top: 183px;
  left: 286px;
}
.section5_2 .map-set a.ico10 {
  top: 155px;
  left: 371px;
}
.section5_2 .map-set a.ico11 {
  top: 190px;
  left: 405px;
}
.section5_2 .map-set a.ico12 {
  top: 233px;
  left: 371px;
}
.section5_2 .map-set a.ico13 {
  top: 268px;
  left: 336px;
}
.section5_2 .map-set a.ico14 {
  top: 333px;
  left: 394px;
}
.section5_2 .map-set a.ico15 {
  top: 145px;
  left: 534px;
}
.section5_2 .map-set a.ico16 {
  top: 196px;
  left: 562px;
}
.section5_2 img {
  vertical-align: top;
}

.section6 {
  padding: var(--section-margin-block) 0;
}
.section6 .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 56px;
}
@media (max-width: 1199px) {
  .section6 .container {
    gap: 30px;
  }
}
@media (max-width: 749px) {
  .section6 .container {
    display: block;
  }
}
.section6_1 {
  width: calc(63.832% - 56px);
  position: relative;
}
@media (max-width: 1199px) {
  .section6_1 {
    width: calc(63.832% - 30px);
  }
}
@media (max-width: 749px) {
  .section6_1 {
    width: 100%;
  }
}
.section6_1 .img {
  display: block;
  border: 1px solid #ccc;
  width: 208px;
  height: 278px;
}
@media (max-width: 1199px) {
  .section6_1 .img {
    width: 100%;
    height: 100%;
  }
}
.section6_1 .img img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 208/278;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.section6_1 .title {
  margin: 14px 0 8px;
  font-size: 18px;
  height: 47px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.section6_1 .date {
  color: #757575;
}
.section6_1 .ctrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  position: absolute;
  top: 6px;
  right: 0;
  z-index: 99;
}
.section6_1 .ctrl button {
  width: 33px;
  height: 33px;
  background-image: url(/images/main/ctrl-set.png);
  background-repeat: no-repeat;
}
.section6_1 .ctrl-prev {
  background-position: 0 50%;
}
.section6_1 .ctrl-next {
  background-position: 100% 50%;
}
.section6_2 {
  position: relative;
  width: 36.168%;
  padding: 25px 40px 35px;
  background-color: #f0f0f0;
  border-radius: 10px;
}
@media (min-width: 750px) {
  .section6_2 {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
  }
}
@media (max-width: 1199px) {
  .section6_2 {
    padding: 20px 30px 30px;
  }
}
@media (max-width: 749px) {
  .section6_2 {
    margin-top: 25px;
    width: 100%;
  }
}
.section6_2 .img {
  width: 354px;
  height: 275px;
}
.section6_2 .img img {
  aspect-ratio: 354/275;
  width: 100%;
  height: 100%;
}
.section6_2 .tit {
  margin-top: 30px;
  display: block;
  font-weight: 600;
}
.section6_2 .ctrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  position: absolute;
  top: 6px;
  right: 0;
  z-index: 99;
}
.section6_2 .ctrl button {
  width: 33px;
  height: 33px;
  background-image: url(/images/main/ctrl-set.png);
  background-repeat: no-repeat;
}
.section6_2 .ctrl-prev {
  background-position: 0 50%;
}
.section6_2 .ctrl-next {
  background-position: 100% 50%;
}
.section6_2 .ctrl {
  top: auto;
  bottom: 30px;
  right: 40px;
}
@media (max-width: 1199px) {
  .section6_2 .ctrl {
    right: 30px;
  }
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.section-nav {
  display: none;
  position: fixed;
  right: 10px;
  top: 50%;
  z-index: 9999;
}
@media (min-width: 1680px) {
  .section-nav {
    display: block;
  }
}
.section-nav ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.section-nav ul::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -30px;
  right: 0;
  width: 11px;
  height: 18px;
  background: url(/images/main/ico-mouse.png) 50% no-repeat;
  -webkit-animation: float 2s ease-in-out infinite;
          animation: float 2s ease-in-out infinite;
}
@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes float {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.section-nav ul::before {
  content: "";
  position: absolute;
  right: 5px;
  top: 5px;
  height: calc(100% - 20px);
  width: 1px;
  background-color: #bfbfbf;
}
.section-nav ul a {
  position: relative;
  display: block;
  font-size: 14px;
  text-align: right;
  padding-right: 20px;
  height: 24px;
  line-height: 1;
}
.section-nav ul a::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 3px;
  display: block;
  width: 5px;
  height: 5px;
  background-color: #000;
  border-radius: 50%;
}
.section-nav ul a.active {
  color: #e4477a;
}
.section-nav ul a.active::after {
  top: 5px;
  right: 0;
  width: 10px;
  height: 10px;
  background-color: #e4477a;
}
.section-nav ul a.active span {
  display: inline-block;
  position: relative;
}
.section-nav ul a.active span::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e4477a;
  position: absolute;
  bottom: -5px;
}
.section-nav.type-section1 a, .section-nav.type-section5 a {
  color: #fff;
}
.section-nav.type-section1 ul::after, .section-nav.type-section5 ul::after {
  background: url(/images/main/ico-mouse2.png) 50% no-repeat;
}
.section-nav.type-section1 ul a:after, .section-nav.type-section5 ul a:after {
  background-color: #fff;
}
.section-nav.type-section1 ul a.active:after, .section-nav.type-section5 ul a.active:after {
  background-color: #e4477a;
}

main {
  font-size: 16px;
  margin-top: 70px;
}
@media (max-width: 1199px) {
  main {
    margin-top: 55px;
  }
}

#footer_wrap {
  color: #fff;
  font-size: 14px;
  background: #1b2929;
}
@media (max-width: 749px) {
  #footer_wrap {
    font-size: 13px;
  }
}
#footer_wrap a {
  color: #fff;
}
#footer_wrap .inner {
  position: relative;
  width: 1330px;
  padding: 0 20px;
  margin: 0 auto;
  max-width: 100%;
}
#footer_wrap .footer_top {
  padding: 25px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #3a4747;
}
@media (max-width: 749px) {
  #footer_wrap .footer_top {
    padding: 25px 0 15px;
    margin-bottom: 15px;
  }
}
#footer_wrap .footer_top .footer_etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 749px) {
  #footer_wrap .footer_top .footer_etc {
    display: block;
  }
}
#footer_wrap .footer_top .footer_etc .footer_logo {
  display: inline-block;
  width: 100px;
  height: 23px;
  background: url(/images/common/logo_footer_ver1.png?ver=2026021101) 50% no-repeat;
  background-size: 100%;
}
#footer_wrap .footer_top .footer_link {
  margin-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 749px) {
  #footer_wrap .footer_top .footer_link {
    margin-left: 0;
    margin-top: 14px;
  }
}
#footer_wrap .footer_top .footer_link > li + li {
  position: relative;
  padding-left: 10px;
  margin-left: 10px;
}
#footer_wrap .footer_top .footer_link > li + li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 14px;
  background-color: #999999;
}
#footer_wrap .footer_info {
  padding-bottom: 20px;
  line-height: 2;
}
@media (max-width: 749px) {
  #footer_wrap .footer_info {
    padding-bottom: 10px;
  }
}
#footer_wrap .footer_info .footer_address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 749px) {
  #footer_wrap .footer_info .footer_address {
    display: block;
    line-height: 1.5;
  }
}
#footer_wrap .footer_info .footer_address > li + li {
  margin-left: 30px;
}
@media (max-width: 749px) {
  #footer_wrap .footer_info .footer_address > li + li {
    margin-left: 0;
  }
}
#footer_wrap .footer_info .footer_address > li > span {
  display: inline-block;
  position: relative;
  padding-left: 10px;
  color: #ccc;
}
#footer_wrap .footer_info .footer_address > li > span::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #ccc;
  border-radius: 50%;
}
@media (max-width: 749px) {
  #footer_wrap .footer_info .footer_address > li > span::before {
    top: 8px;
  }
}
#footer_wrap .footer_info .footer_copy {
  color: #999;
}
@media (max-width: 749px) {
  #footer_wrap .footer_info .footer_copy {
    margin-top: 14px;
  }
}
#footer_wrap .footer_site {
  position: absolute;
  top: 20px;
  right: 20px;
  padding-bottom: 20px;
}
@media (max-width: 749px) {
  #footer_wrap .footer_site {
    position: static;
  }
}
#footer_wrap .footer_site button {
  position: relative;
  padding: 6px 13px;
  width: 234px;
  border: 1px solid #4d5252;
  text-align: left;
}
@media (max-width: 749px) {
  #footer_wrap .footer_site button {
    width: 100%;
  }
}
#footer_wrap .footer_site button::before {
  content: "";
  position: absolute;
  top: 7px;
  right: 7px;
  background: url(/images/common/ico_i_footer_selec.png) no-repeat 50%;
  width: 24px;
  height: 24px;
}
#footer_wrap .footer_site button.on + ul {
  display: block;
}
#footer_wrap .footer_site .site_list {
  display: none;
  position: absolute;
  z-index: 9999;
  bottom: 62px;
  left: -1px;
  right: -1px;
  border: 1px solid #666666;
  background-color: #1c2929;
  height: 400px;
  overflow-y: auto;
}
#footer_wrap .footer_site .site_list > li + li {
  border-top: 1px solid #666666;
}
#footer_wrap .footer_site .site_list > li > span {
  font-size: 14px;
  display: block;
  padding: 10px 12px;
}
#footer_wrap .footer_site .site_list ul {
  font-size: 13px;
}
#footer_wrap .footer_site .site_list ul a {
  display: block;
  font-weight: 300;
  padding: 6px 10px 6px 24px;
}

@media (max-width: 749px) {
  #section1 .mobile.main_visual-type1 {
    background-position: 0 0;
  }
  #section1 .main_visual_inner.main_visual-type1 .swiper1 {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 180px;
  }
  #section1 .main_visual_inner.main_visual-type1 h2 {
    position: static;
    line-height: 1;
    text-align: center;
  }
  #section1 .main_visual_inner.main_visual-type1 h2 span {
    font-size: 24px;
  }
  #section1 .main_visual_inner.main_visual-type1 h2 em {
    margin-top: 20px;
    font-size: 40px;
  }
  #section1 .main_visual_inner.main_visual-type1 .quicklink {
    display: none;
  }
}

@media (max-width: 749px) {
  #section1 .mobile.main_visual-type2 {
    background-position: 0 0;
  }
}
@media (max-width: 749px) and (max-width: 1199px) {
  #section1 .main_visual_inner.main_visual-type2 {
    padding-top: 160px;
  }
}
@media (max-width: 749px) and (max-width: 749px) {
  #section1 .main_visual_inner.main_visual-type2 {
    padding-top: 97px;
  }
}
@media (max-width: 749px) {
  #section1 .main_visual_inner.main_visual-type2 .swiper1 {
    max-width: 390px;
    margin: 0 auto;
  }
  #section1 .main_visual_inner.main_visual-type2 h2 {
    line-height: 1;
  }
  #section1 .main_visual_inner.main_visual-type2 h2 span {
    font-size: 20px;
  }
  #section1 .main_visual_inner.main_visual-type2 h2 em {
    margin-top: 10px;
    font-size: 36px;
  }
  #section1 .main_visual_inner.main_visual-type2 .quicklink {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: unset;
    -ms-flex-line-pack: start;
        align-content: start;
    gap: 10px;
  }
  #section1 .main_visual_inner.main_visual-type2 .quicklink li {
    width: unset;
    margin: unset;
    grid-row: unset;
    grid-column: unset;
  }
  #section1 .main_visual_inner.main_visual-type2 .quicklink .item {
    height: 110px;
    -webkit-transform: unset;
            transform: unset;
  }
  #section1 .main_visual_inner.main_visual-type2 .quicklink .title {
    gap: 4px;
    font-size: 15px;
  }
  #section1 .main_visual_inner.main_visual-type2 .quicklink .title::before {
    width: 40px;
    height: 40px;
  }
  #section1 .main_visual_inner.main_visual-type2 .quicklink li .item .text {
    display: none;
  }
}/*# sourceMappingURL=main.css.map */