/* Main Common { */
:root {--bdrd-30: 30px;}
.re-main {padding-bottom: 140px; background: url("../img/main-logo-bg.png") no-repeat bottom -90px left -285px / 980px;}
.re-main-section {}
.re-main-section ~ .re-main-section {margin-top: 88px;}

/* Typography */
.re-main-section-title {width: fit-content; color: #000000; font-size: 40px; font-weight: 700; line-height: 1.2;}
.re-main-section-title .re-color {color: #0076D8;}
.re-main-section-title + .re-main-more-btn {position: absolute; top: calc(40px * 1.2 / 2 - 23px / 2); right: 0;}

.aos-animate .re-main-section-title {-webkit-animation: textClipPathLeft 0.6s both 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: textClipPathLeft 0.6s both 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

@-webkit-keyframes textClipPathLeft {
  0% {-webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0);}
  100% {-webkit-clip-path: inset(0); clip-path: inset(0);}
}
@keyframes textClipPathLeft {
  0% {-webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0);}
  100% {-webkit-clip-path: inset(0); clip-path: inset(0);}
}

.re-main-swiper-container {position: relative;}

/* Swiper Button Styles */
/* autoplay 없는 스와이퍼 — 버튼 숨김 */
.re-main-swiper-container:not([data-has-autoplay]) .ctrl-autoplay {display: none;}

.re-main-swiper-ctrl {display: flex; align-items: center;}
.re-main-swiper-ctrl button {display: inline-flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; font-weight: 500; line-height: 1;}
.re-main-swiper-ctrl .ctrl-page {display: inline-flex; align-items: center; justify-content: center; color: #555555; font-weight: 500; line-height: 1;}
.re-main-swiper-ctrl .ctrl-current {color: #000000; font-weight: 700;}

.re-main-swiper-ctrl.ctrl-type-1 {}
.re-main-swiper-ctrl.ctrl-type-1 button {height: 40px; border-radius: 100px; background-color: #ffffff; border: 1px solid #cccccc; color: #000000; font-size: 24px; transition: background-color 0.3s;}
.re-main-swiper-ctrl.ctrl-type-1 button:hover {background-color: #f7f7f7;}
.re-main-swiper-ctrl.ctrl-type-1 .ctrl-page {gap: 4px; height: 40px; padding: 0 20px; border-radius: 100px; background-color: #ffffff; border: 1px solid #cccccc; font-size: 18px;}

.re-main-swiper-ctrl.ctrl-type-2 {}
.re-main-swiper-ctrl.ctrl-type-2 button {background-color: transparent; border: none; color: #000000; font-size: 24px;}
.re-main-swiper-ctrl.ctrl-type-2 button[data-target] {height: 40px; border-radius: 100px; background-color: #ffffff; border: 1px solid #cccccc; color: #000000; font-size: 24px; transition: background-color 0.3s;}
.re-main-swiper-ctrl.ctrl-type-2 button[data-target]:hover {background-color: #f7f7f7;}
.re-main-swiper-ctrl.ctrl-type-2 button.ctrl-autoplay {margin-right: 10px;}
.re-main-swiper-ctrl.ctrl-type-2 .ctrl-page {gap: 4px; padding: 0 10px; font-size: 18px;}

.re-main-swiper-ctrl.ctrl-type-3 {}
.re-main-swiper-ctrl.ctrl-type-3 button {height: 55px; border-radius: 100px; background-color: #ffffff; border: 1px solid #cccccc; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.11); color: #000000; font-size: 28px; transition: background-color 0.3s;}
.re-main-swiper-ctrl.ctrl-type-3 button:hover {background-color: #f7f7f7;}

/* Swiper Autoplay Toggle */
.re-main-swiper-ctrl .ctrl-autoplay .ctrl-icon-play {display: none;}
.re-main-swiper-ctrl .ctrl-autoplay.is-paused .ctrl-icon-pause {display: none;}
.re-main-swiper-ctrl .ctrl-autoplay.is-paused .ctrl-icon-play {display: inline;}

/* Swiper Pagination */
.re-main-swiper-pagination {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; padding: 0; position: static; width: auto; left: auto; bottom: auto; transform: none;}
.re-main-swiper-pagination .swiper-pagination-bullet {display: block; width: 10px; height: 10px; margin: 0 !important; padding: 0; border: none; border-radius: 100px; background: #D9D9D9; opacity: 1; cursor: pointer; transition: 0.2s;}
.re-main-swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {background: #cccccc;}
.re-main-swiper-pagination .swiper-pagination-bullet:focus-visible {outline: 2px dotted #ff0000; outline-offset: 2px;}
.re-main-swiper-pagination .swiper-pagination-bullet-active {width: 30px; background: #0076D8;}

/* Swiper Modals */
.re-main-modal {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; inset: 0; z-index: 1000; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5);}
.re-main-modal.is-open {display: flex;}

.re-main-modal-container {width: 100%; padding-left: 1.5rem; padding-right: 1.5rem;}
.re-main-modal-wrapper {overflow: hidden; width: 1600px; max-width: 100%; margin: 0 auto; border-radius: 1rem;}
.re-main-modal-head {display: flex; align-items: center; justify-content: space-between; gap: 10px; height: 80px; padding: 5px 40px; background-color: #0076D8; color: #ffffff;}
.re-main-modal-title {font-size: 24px; font-weight: 700; line-height: 1.2;}
.re-main-modal-title > .icon {margin-right: 10px; font-size: 30px; font-weight: 500; line-height: 1;}
.re-main-modal-close-btn {display: inline-flex; align-items: center; justify-content: center; width: 47px; aspect-ratio: 1 / 1; background-color: transparent; border: none; color: inherit; font-size: 47px; font-weight: 500; line-height: 1;}

.re-main-modal-body {padding: 30px 7px; background-color: #ffffff;}
.re-main-modal-desc {margin-bottom: 33px; padding: 0 23px; color: #464646; font-size: 20px; font-weight: 500; line-height: 1.2;}
.re-main-modal-desc > strong {color: #000000; font-weight: 700;}

.re-main-modal-inner {max-height: calc(80vh - 80px); overflow: hidden;}
.re-main-modal-inner .mCustomScrollBox {height: 100%;}
.re-main-modal-inner .mCSB_inside>.mCSB_container {margin-right: 6px;}
.re-main-modal-inner .mCSB_scrollTools,
.re-main-modal-inner.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.re-main-modal-inner.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools {opacity: 1 !important;}
.re-main-modal-inner .mCSB_scrollTools.mCSB_scrollTools_vertical {top: 0; bottom: 0; margin: 0;}
.re-main-modal-inner .mCSB_scrollTools {width: 6px;}
.re-main-modal-inner .mCSB_scrollTools .mCSB_draggerContainer {width: 6px;}
.re-main-modal-inner .mCSB_scrollTools .mCSB_draggerRail {width: 6px; background-color: #EAEAEA; border-radius: 10px;}
.re-main-modal-inner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.re-main-modal-inner .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.re-main-modal-inner .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.re-main-modal-inner .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {width: 6px; background-color: #565656; border-radius: 10px;}
.re-main-modal-inner .mCSB_scrollTools .mCSB_buttonUp,
.re-main-modal-inner .mCSB_scrollTools .mCSB_buttonDown {display: none !important;}

.re-main-modal-list {display: grid; grid-template-columns: repeat(3, 1fr); justify-content: space-between; gap: 22px 16px; padding: 0 23px;}
.re-main-modal-item {}
.re-main-modal-link {overflow: hidden; display: block; border-radius: 1rem; border: 1px solid #dddddd;}
.re-main-modal-link > .img-box {position: relative; width: 100%; aspect-ratio: 668 / 380;}
#modal-main-banner .re-main-modal-link > .img-box {aspect-ratio: 1109 / 550;}
.re-main-modal-link > .img-box > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
/* } Main Common */

/* Main Renewal { */
/* 검색창 영역 */
.re-main-top-section {position: relative; z-index: 1; padding-top: 32px;}
.re-main-top-block {display: flex; align-items: start; justify-content: space-between; gap: 0 4px;}
.re-main-top-side {flex: 1; margin-top: calc(70px / 4);}
.re-main-top-side:first-child {margin-top: 0;}
.re-main-top-box {flex-shrink: 0;}

.re-main-top-box .re-main-search-wrap {display: flex; align-items: center; justify-content: center; gap: 5px; width: fit-content; font-size: 0;}
.re-main-top-box .re-main-search-input {width: 680px; height: 70px; padding: 0 30px; border-radius: 100px; background-color: #ffffff; border: 4px solid #0076d8; color: #000000; font-size: 20px; font-weight: 500; line-height: 1; text-overflow: ellipsis; -webkit-appearance: textfield;}
.re-main-top-box .re-main-search-input::-webkit-search-cancel-button,
.re-main-top-box .re-main-search-input::-webkit-search-results-button {display: none;}
.re-main-top-box .re-main-search-input::placeholder {color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit;}
.re-main-top-box .re-main-search-submit {display: inline-flex; align-items: center; justify-content: center; width: 70px; aspect-ratio: 1 / 1; border-radius: 100px; background-color: #0076D8; border: none; color: #ffffff; transition: box-shadow 0.3s;}
.re-main-top-box .re-main-search-submit:hover {box-shadow: 0 0 8px #0076D870;}
.re-main-top-box .re-main-search-submit .icon {font-size: 37px; font-weight: 500; line-height: 1;}

/* .re-main-top-box .re-main-search-bottom {display: flex; align-items: center; justify-content: start; gap: 0 15px; width: calc(680px + 5px + 70px); margin-top: 14px; padding: 0 26px;} */
.re-main-top-box .re-main-search-bottom {display: flex; align-items: center; justify-content: start; gap: 0 15px; width: calc(680px + 5px + 70px); margin-top: 14px; padding-left: 13px; font-size: 0;}
.re-main-top-box .re-main-search-bottom .label {position: relative; align-self: start; display: inline-flex; align-items: center; gap: 5px; padding-right: 16px; color: #000000; font-size: 16px; font-weight: 600; line-height: 1.1875;}
.re-main-top-box .re-main-search-bottom .label::before {content: ''; vertical-align: middle; display: inline-block; width: 24px; aspect-ratio: 1 / 1; background: transparent url("../img/icon-main-search-topic.svg") no-repeat center center / contain; font-size: 0;}
.re-main-top-box .re-main-search-bottom .label::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: inline-block; width: 1px; height: 13px; background-color: #d4d4d4;}
.re-main-top-box .re-main-search-topic-list {display: flex; align-items: center; justify-content: start; gap: 4px 15px; flex-wrap: nowrap; font-size: 0;}
.re-main-top-box .re-main-search-topic-item {display: inline-block; color: #464646; font-size: 16px; font-weight: 500; line-height: 1.1875;}
.re-main-top-box .re-main-search-topic-link {text-underline-offset: 2px; white-space: nowrap;}
.re-main-top-box .re-main-search-topic-link:hover {color: #0076D8; text-decoration: underline;}

.re-main-top-box .re-main-search-wrap {position: relative; width: fit-content; margin: 0 auto; font-size: 0;}
.re-main-top-box .re-search-autocomplete-wrap {position: absolute; z-index: 1; top: 100%; left: 0; display: block; display: none;}
.re-main-top-box .re-search-autocomplete-list {width: 680px; margin-top: 10px; padding: 20px; border-radius: 10px; background-color: #ffffff; border: 1px solid #0076D8; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
.re-main-top-box .re-search-autocomplete-item ~ .re-search-autocomplete-item {margin-top: 0.3rem;}
.re-main-top-box .re-search-autocomplete-link {display: inline-block; color: #333333; font-size: 16px; font-weight: 400; line-height: 1.5; text-underline-offset: 2px;}
.re-main-top-box .re-search-autocomplete-link:hover {text-decoration: underline;}

.re-main-top-vision {font-size: 0;}
.re-main-top-vision-img {display: block; width: 100%; max-width: 231px; margin: 0 auto; object-fit: contain;}

.re-main-sns-list {display: flex; align-items: center; justify-content: center; gap: 4px 8px; flex-wrap: wrap; padding-right: 40px; font-size: 0;}
.re-main-sns-item {}
.re-main-sns-icon {display: block; width: 33px; aspect-ratio: 1 / 1; border-radius: 100px; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: box-shadow 0.3s;}

.re-main-sns-icon.naverblog {background-image: url("../img/icon-sns-quick01.png");}
.re-main-sns-icon.facebook {background-image: url("../img/icon-sns-quick02.png");}
.re-main-sns-icon.insta {background-image: url("../img/icon-sns-quick03.png");}
.re-main-sns-icon.youtube {background-image: url("../img/icon-sns-quick04.png");}
.re-main-sns-icon.kakaostory {background-image: url("../img/icon-sns-quick05.png");}
.re-main-sns-icon.x {background-image: url("../img/icon-sns-quick06.png");}

.re-main-sns-icon.naverblog:hover {box-shadow: 0 0 8px #36b44b70;}
.re-main-sns-icon.facebook:hover {box-shadow: 0 0 8px #0867ff70;}
.re-main-sns-icon.insta:hover {box-shadow: 0 0 8px #fd801170;}
.re-main-sns-icon.youtube:hover {box-shadow: 0 0 8px #ff003370;}
.re-main-sns-icon.kakaostory:hover {box-shadow: 0 0 8px #6a5cff70;}
.re-main-sns-icon.x:hover {box-shadow: 0 0 8px #41464a70;}
.re-main-sns-img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 100%; height: 100%; object-fit: cover;}

/* 메인 슬라이드 배너 & 도지사 영역 */
.re-main-top-section + .re-main-section.re-main-section-01 {margin-top: 30px;}

.re-main-section-01-block {display: flex; justify-content: space-between; gap: 30px;}
.re-main-section-01-block > .re-main-banner-box {width: calc(100% - 461px - 30px);}

.re-main-banner-01-container {}
.re-main-banner-01 {overflow: hidden; border-radius: var(--bdrd-30);}
.re-main-banner-01:has(.swiper-slide > a:focus) {outline: 3px dotted #ff0000;}
.re-main-banner-01-wrapper {}
.re-main-banner-01-slide {font-size: 0;}
.re-main-banner-01-link {overflow: hidden; position: relative; display: block; aspect-ratio: 1109 / 550; border-radius: var(--bdrd-30);}
.re-main-banner-01-img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 100%; height: 100%; object-fit: cover;}

.re-main-banner-01-container .re-main-swiper-ctrl {position: absolute; z-index: 1; bottom: 22px; left: 50%; transform: translateX(-50%); justify-content: center; gap: 13px;}

.re-main-governor-box {overflow: hidden; position: relative; display: flex; align-items: start; justify-content: space-between; gap: 27px; width: 461px; padding: 53px 24px; border-radius: 20px; border-bottom-right-radius: 78px; background: #ffffff url("../img/main-governor-bg.png") no-repeat bottom right / contain; border: 1px solid #cccccc;}
/* .re-main-governor-box::after {content: ''; position: absolute; z-index: 0; right: 0; bottom: 0; display: inline-block; width: 229px; max-width: 229px; aspect-ratio: 229 / 303; background: url("../img/main-governor-img.png") no-repeat center center / contain;} */
.re-main-governor-box::after {content: ''; position: absolute; z-index: 0; right: 0; bottom: 0; display: inline-block; width: 248px; max-width: 248px; aspect-ratio: 240 / 362; background: url("../img/main-governor-img-03.png") no-repeat center center / contain;}

.re-main-governor-inner {position: relative; z-index: 1; flex: 1;}
.re-main-governor-inner .t1 {color: #000000; font-size: 25px; font-weight: 400; line-height: 1.2;}
.re-main-governor-inner .t1 > strong {margin-top: 6px; font-size: 40px; font-weight: 700;}
.re-main-governor-inner .t1 > em {font-size: 1.2em; font-weight: 500; font-style: normal;}
.re-main-governor-inner .t2 {margin: 40px 0 47px; color: #000000; font-size: 20px; font-weight: 400; line-height: 1.2;}
.re-main-governor-inner .t2 > .re-color {color: #0076D8; font-weight: 600;}

.re-main-governor-inner .re-btn-wrap {display: flex; align-items: start; justify-content: space-between; gap: 8px; flex-wrap: wrap; width: 174px;}
.re-main-governor-btn {display: flex; align-items: center; justify-content: center; width: calc(50% - 4px); min-height: 39px; padding: 5px 13px; border-radius: 5px; background-color: #ffffff; border: 1px solid #cccccc; color: #000000; font-weight: 500; font-size: 16px; line-height: 1; transition: background-color 0.3s, border-color 0.3s, color 0.3s;}
.re-main-governor-btn:hover {background-color: #0076D8; border-color: #0076D8; color: #ffffff;}
.re-main-governor-btn .icon {font-size: 20px;}
.re-main-governor-btn.full {width: 100%;}

.re-main-governor-side {position: relative; z-index: 1; flex-shrink: 0;}

/* 도정메세지 & 홍보영상 */
.re-main-section-02 {}
.re-main-section-02-block {display: flex; justify-content: space-between; gap: 45px;}

.re-main-section-02-block > .re-main-banner-box {width: calc(100% - 45px - 890px); align-self: end;}
.re-main-banner-02-container {}
.re-main-banner-02-container .re-main-swiper-ctrl {position: absolute; z-index: 1; left: 37px; bottom: 20px; gap: 8px;}
.re-main-banner-02 {overflow: hidden; border-radius: var(--bdrd-30);}
.re-main-banner-02:has(.swiper-slide > a:focus) {outline: 3px dotted #ff0000;}
.re-main-banner-02-wrapper {}
.re-main-banner-02-slide {font-size: 0;}
.re-main-banner-02-link {overflow: hidden; position: relative; display: block; aspect-ratio: 665 / 456; border-radius: var(--bdrd-30);}
.re-main-banner-02-img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 100%; height: 100%; object-fit: cover;}

.re-main-video-box {overflow: hidden; position: relative; flex-shrink: 0; width: 890px; aspect-ratio: 89 / 50; border-radius: 15px;}
.re-main-video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 100%; height: 100%; object-fit: cover;}
.re-main-video-title {position: absolute; z-index: 1; top: 0; right: 0; display: inline-block; padding: 14px 58px 14px 30px; background-color: #0076D8; color: #ffffff; font-size: 25px; font-weight: 700; line-height: 1;}
.re-main-video-title::before {content: ''; position: absolute; top: 0; right: 100%; display: inline-block; height: 100%; aspect-ratio: 11800 / 9627; background: url("../img/main-video-title-bg.png") no-repeat top right / cover;}

/* 소식 목록 & 자주 찾는 메뉴 영역 */
.re-main-section-03 {}
.re-main-section-03-block {display: flex; align-items: stretch; justify-content: space-between; gap: 44px;}

.re-main-news-box {flex: 1;}
.re-main-news-tab-list {position: relative; display: flex; align-items: center; justify-content: start; gap: 40px; padding-bottom: calc(361px + 38px);}
.re-main-news-tab-item {}
.re-main-news-tab {position: relative; background-color: transparent; border: none; color: #444444; font-size: 22px; font-weight: 600; line-height: 1.18;}
.re-main-news-tab::after {content: ''; position: absolute; z-index: -1; bottom: -5px; left: 0; display: inline-block; width: 0; height: 1rem; background-color: #E9F3FF; transition: width 0.3s;}

.re-main-news-list {display: none; position: absolute; top: 28px; left: 0; width: 100%; margin-top: 38px; border-top: 1px solid #ECEAE7;}
.re-main-news-item {display: flex; align-items: center; justify-content: space-between; gap: 70px; height: 60px; padding: 0 10px; border-bottom: 1px solid #ECEAE7;}
.re-main-news-link {position: relative; display: block; padding-left: 0.6em; color: #0f0f0f; font-size: 20px; font-weight: 600; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-underline-offset: 3px;}
.re-main-news-link:hover {text-decoration: underline;}
.re-main-news-link::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: inline-block; width: 4px; aspect-ratio: 1 / 1; border-radius: 10px; background-color: #0f0f0f;}
.re-main-news-link + .date {color: #999; font-size: 17px; font-weight: 400; line-height: 1;}

.re-main-more-btn {position: relative; display: block; width: 23px; aspect-ratio: 1 / 1; transition: 0.3s; will-change: transform;}
.re-main-more-btn::before, .re-main-more-btn::after {content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 3px; border-radius: 10px; background-color: #000000;}
.re-main-more-btn::before {transform: translate(-50%, -50%);}
.re-main-more-btn::after {transform: translate(-50%, -50%) rotate(90deg);}
.re-main-more-btn:hover {transform: rotate(90deg);}
.re-main-news-tab-item .re-main-more-btn {display: none; position: absolute; top: 0; right: 0;}

.re-main-news-tab-item:is(.on, :hover) .re-main-news-tab {color: #000000; font-weight: 700;}
.re-main-news-tab-item:is(.on, :hover) .re-main-news-tab::after {width: 100%;}
.re-main-news-tab-item.on .re-main-news-list {display: block;}
.re-main-news-tab-item.on .re-main-more-btn {display: block;}

.re-main-quicklink-box {flex: 1; padding: 0 20px;}
.re-main-quicklink-list {display: grid; grid-template-columns: repeat(6, 1fr); gap: 56px 16px; margin-top: 47px;}
.re-main-quicklink-item {}
.re-main-quicklink {display: block;}
.re-main-quicklink .icon {display: flex; align-items: center; justify-content: center; width: 100%; max-width: 109px; aspect-ratio: 1 / 1; margin: 0 auto; border-radius: 20px; border: 3px solid #CAD3E4; font-size: 0; transition: 0.3s;}
.re-main-quicklink .icon > img {max-width: 100%; max-height: 100%; object-fit: contain;}
.re-main-quicklink .title {display: block; margin-top: 9px; color: #000000; font-size: 18px; font-weight: 600; line-height: 1.1667; text-align: center; word-wrap: break-word; word-break: break-all; transition: 0.3s; will-change: transform;}
.re-main-quicklink:hover .title {color: #0076D8; font-weight: 700;}

.re-main-quicklink:hover .icon {border-width: 2px; border-color: #0076D8; box-shadow: 0 0 12px rgba(0, 118, 216, 0.38);}
@media (hover: hover) {
  .re-main-quicklink:hover .title {transform: scale(1.1);}
}

/* 영상뉴스 & 포토뉴스 영역 */
.re-main-section-04-block {display: grid; grid-template-columns: 800px minmax(0, 1fr); gap: 60px;}
.re-main-section-04-block .re-main-section-title {margin-bottom: 24px;}

.re-main-videonews-box {position: relative;}
.re-main-videonews-container {}

.re-main-banner-03 {margin-bottom: 44px;}
.re-main-banner-03:has(.swiper-slide > a:focus) {outline: 3px dotted #ff0000;}
.re-main-videonews-wrapper {}
.re-main-videonews-slide {}
.re-main-videonews-link {position: relative; display: block;}
.re-main-videonews-link > .img-box::after {content: ''; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 83px; aspect-ratio: 1 / 1; background: url("../img/main-videonews-icon.svg") no-repeat center center / contain;}
.re-main-videonews-link > .img-box::before {content: ''; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 100%; height: 100%; background: url("../img/main-videonews-bg.svg") no-repeat center center / cover;}
.re-main-videonews-link > .img-box {overflow: hidden; position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 1rem;}
.re-main-videonews-link > .img-box > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s;}
.re-main-videonews-link:hover img {transform: translate(-50%, -50%) scale(1.1);}
.re-main-videonews-link > .title {margin-top: 17px; color: #000000; font-size: 18px; font-weight: 600; line-height: 1.1667; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .3s;}
.re-main-videonews-link:hover > .title {color: #0076D8;}

.re-main-videonews-thumbs-wrap {position: relative;}
.re-main-videonews-thumbs-wrap .ctrl-prev {position: absolute; z-index: 2; top: 50%; left: 0; transform: translate(-50%, -50%); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
.re-main-videonews-thumbs-wrap .ctrl-next {position: absolute; z-index: 2; top: 50%; right: 0; transform: translate(50%, -50%); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
.re-main-videonews-thumbs {overflow: visible; overflow-x: clip;}
.re-main-videonews-thumbs-wrapper {}
.re-main-videonews-thumbs-slide {cursor: pointer;}
.re-main-videonews-thumbs-slide > .img-box {overflow: hidden; position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 8px;}
.re-main-videonews-thumbs-slide > .img-box::before {content: ''; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); transition: background-color 0.3s;}
.re-main-videonews-thumbs-slide:hover > .img-box::before {background-color: rgba(0, 0, 0, 0.7);}
.re-main-videonews-thumbs-slide > .img-box > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}

.re-main-photonews-box {position: relative; display: flex; flex-direction: column; height: 0; min-height: 100%;}
.re-main-photonews-scroll-container {flex: 1 1 0; min-height: 0; overflow: hidden;}
.re-main-photonews-scroll-inner {display: grid; grid-template-columns: repeat(2, 1fr); justify-content: space-between; gap: 40px 26px;}
.re-main-photonews-item {}
.re-main-photonews-link {display: block;}
.re-main-photonews-link > .img-box {overflow: hidden; position: relative; display: block; width: 100%; aspect-ratio: 346 / 239; border-radius: 1rem;}
.re-main-photonews-link > .img-box::before {content: ''; position: absolute; z-index: 1; top: 100%; left: 0; display: inline-block; width: 100%; height: 100%; background: url("../img/main-photonews-bg.svg") no-repeat center center / cover; opacity: 0; transition: top 0.3s, opacity 0.5s;}
.re-main-photonews-link:hover > .img-box::before {top: 0; opacity: 1;}
.re-main-photonews-link > .img-box > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.re-main-photonews-link > .title {overflow: hidden; height: calc(2em * 1.1667); margin-top: 16px; color: #000000; font-size: 18px; font-weight: 400; line-height: 1.1667; white-space: normal; text-align: left; word-wrap: break-word; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-underline-offset: 2px; transition: color .3s;}
.re-main-photonews-link:hover > .title {color: #0076D8;}

.re-main-photonews-scroll-container .mCustomScrollBox {height: 100%;}
.re-main-photonews-scroll-container .mCustomScrollBox.mCSB_inside > .mCSB_container {margin-right: 23px;}
.re-main-photonews-scroll-container .mCSB_scrollTools,
.re-main-photonews-scroll-container.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.re-main-photonews-scroll-container.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools {opacity: 1 !important;}
.re-main-photonews-scroll-container .mCSB_scrollTools.mCSB_scrollTools_vertical {top: 0; bottom: 0; margin: 0;}
.re-main-photonews-scroll-container .mCustomScrollBox.mCSB_outside + .mCSB_scrollTools.mCSB_scrollTools_vertical {right: 0; margin: 0;}
.re-main-photonews-scroll-container .mCSB_scrollTools {width: 8px;}
.re-main-photonews-scroll-container .mCSB_scrollTools .mCSB_draggerContainer {width: 8px;}
.re-main-photonews-scroll-container .mCSB_scrollTools .mCSB_draggerRail {width: 8px; background-color: #F2F2F2; border-radius: 10px;}
.re-main-photonews-scroll-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.re-main-photonews-scroll-container .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.re-main-photonews-scroll-container .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.re-main-photonews-scroll-container .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {width: 8px; background-color: #0076D8; border-radius: 10px;}
.re-main-photonews-scroll-container .mCSB_scrollTools .mCSB_buttonUp,
.re-main-photonews-scroll-container .mCSB_scrollTools .mCSB_buttonDown {display: none !important;}
.re-main-photonews-scroll-container:has(.re-main-photonews-scroll-inner > .re-main-photonews-item:last-child:nth-child(-n+4)) .mCSB_scrollTools {display: none !important;}
.re-main-photonews-scroll-container:has(.re-main-photonews-scroll-inner > .re-main-photonews-item:last-child:nth-child(-n+4)) .mCSB_inside > .mCSB_container {margin-right: 0 !important;}

/* 카드뉴스 영역 */
.re-main-section.re-main-section-05 {position: relative; margin: 124px 0 104px;}
.re-main-section.re-main-section-05::before {content: ''; display: block; position: absolute; z-index: 0; top: 0; left: 0; width: 844px; height: 100%; padding-left: max(0px, calc((100vw - 1920px) / 2)); background: url("../img/main-cardnews-bg.svg") no-repeat right top / auto 100%; pointer-events: none;}
.re-main-section.re-main-section-05 > .re-container {position: relative; z-index: 1;}
.re-main-section-05 .marquee-text {overflow: hidden; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; margin: 0; font-size: 0; line-height: 0; pointer-events: none; user-select: none;}
.re-main-section-05 .marquee-track {display: inline-flex; flex-wrap: nowrap; align-items: flex-start; width: max-content; white-space: nowrap; will-change: transform; animation: re-main-section-05-marquee var(--marquee-duration, 60s) linear infinite; animation-play-state: running;}
.re-main-section-05 .marquee-word {flex: 0 0 auto; padding-right: 0.6em; color: #EDF1FB; font-size: 65px; font-weight: 700; line-height: 1.2; white-space: nowrap;}
@keyframes re-main-section-05-marquee {
  from {transform: translate3d(0, 0, 0);}
  to {transform: translate3d(calc(-1 * var(--marquee-distance, 50%)), 0, 0);}
}

.re-main-section-05-block {display: flex; align-items: center; justify-content: space-between; gap: 84px; padding-top: 78px; padding-bottom: 25px;}
.re-main-section-text-box {position: relative; align-self: start; flex: 1; margin-top: 10px;}

.re-main-section-text-box .re-main-section-title {color: #ffffff;}
.re-main-section-text-box .re-main-section-title .re-color {color: #ffffff;}
.re-main-section-text-box .re-main-more-btn::before, .re-main-section-text-box .re-main-more-btn::after {background-color: #ffffff;}
.re-main-section-desc {color: #464646; font-size: 20px; font-weight: 500; line-height: 1.2;}
.re-main-section-text-box .re-main-section-desc {margin-top: 40px; color: #ffffff;}

.re-main-cardnews-box {position: relative; width: 1183px;}
.re-main-cardnews-container {width: 100%;}

.re-main-cardnews-box .ctrl-prev {position: absolute; z-index: 2; top: calc(50% - 20px); left: -25px; transform: translateY(-50%);}
.re-main-cardnews-box .ctrl-next {position: absolute; z-index: 2; top: calc(50% - 20px); right: -25px; transform: translateY(-50%);}
.re-main-cardnews-box .re-main-swiper-pagination-wrap {width: 100%; margin-top: 30px;}

.re-main-banner-04 {overflow: visible; overflow-x: clip;}
.re-main-cardnews-wrapper {align-items: center;}
.re-main-cardnews-slide {display: flex; align-items: center; justify-content: center; width: 350px; font-size: 0; transition: opacity 0.3s, visibility 0.3s;}

.re-main-cardnews-link {display: block;  width: 100%;  height: 100%; transition: margin 0.3s;}
.re-main-cardnews-link > .img-box {overflow: hidden; position: relative; display: block; width: 100%; aspect-ratio: 435 / 245; border-radius: 1rem; transition: box-shadow 0.3s;}
.re-main-cardnews-link > .img-box > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}

.re-main-cardnews-slide:not(.swiper-slide-active, .swiper-slide-prev, .swiper-slide-next) {opacity: 0; visibility: hidden;}
.re-main-cardnews-slide:is(.swiper-slide-active, .swiper-slide-prev, .swiper-slide-next) {opacity: 1; visibility: visible;}
.re-main-cardnews-slide.swiper-slide-active {z-index: 1;}
.re-main-cardnews-slide.swiper-slide-active .re-main-cardnews-link > .img-box {box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);}
.re-main-cardnews-slide:not(.swiper-slide-active) .re-main-cardnews-link > .img-box::before {content: ''; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);}
.re-main-cardnews-slide:not(.swiper-slide-prev, .swiper-slide-next) .re-main-cardnews-link {flex-grow: 1; width: auto; margin: 0 -33px;}

/* SNS & 롤링배너 영역 */
.re-main-section-06 {}
.re-main-section-06-block {display: flex; justify-content: space-between; gap: 65px;}
.re-main-sns-box {width: calc(100% - 65px - 668px);}
.re-main-sns-title {display: flex; align-items: center; gap: 30px;}
.re-main-sns-title .bar {flex: 1; display: inline-block; height: 1px; background-color: #000000;}
.re-main-sns-title .re-main-sns-list {padding-right: 0;}

.re-main-section-06-block > .re-main-banner-box {width: 668px;}
.re-main-sns-container {margin-top: 40px;}
.re-main-sns-container .ctrl-prev {position: absolute; z-index: 2; top: 70px; left: -20px;}
.re-main-sns-container .ctrl-next {position: absolute; z-index: 2; top: 70px; right: -20px;}
.re-main-sns {overflow: visible; overflow-x: clip;}
.re-main-sns-wrapper {}
.re-main-sns-slide {font-size: 0;}
.re-main-sns-link {display: block;}
.re-main-sns-link .img-box {overflow: hidden; position: relative; aspect-ratio: 273 / 188; border-radius: 1rem;}
.re-main-sns-link .img-box > img {position: absolute; z-index: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.re-main-sns-link .img-box::before {content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.33);}
.re-main-sns-link .img-box > .re-main-sns-icon {position: absolute; z-index: 2; bottom: 14px; right: 18px;}
.re-main-sns-link .text-box {margin-top: 11px;}
.re-main-sns-link .title {overflow: hidden; max-height: calc(2em * 1.1764); color: #000000; font-size: 17px; font-weight: 400; line-height: 1.1764; white-space: normal; text-align: left; word-wrap: break-word; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.re-main-sns-link:hover .title {text-decoration: underline;}
.re-main-sns-slide .date {display: block; margin-top: 16px; color: #464646; font-size: 16px; font-weight: 400; line-height: 1.1875;}
.re-main-sns-container .re-main-swiper-pagination {margin-top: 48px;}

.re-main-banner-06-container {width: 100%;}
.re-main-banner-06 {overflow: hidden; border-radius: var(--bdrd-30);}
.re-main-banner-06:has(.swiper-slide > a:focus) {outline: 3px dotted #ff0000;}
.re-main-banner-06-wrapper {}
.re-main-banner-06-slide {font-size: 0;}
.re-main-banner-06-link {overflow: hidden; position: relative; display: block; aspect-ratio: 668 / 380; border-radius: var(--bdrd-30);}
.re-main-banner-06-img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 100%; height: 100%; object-fit: cover;}

.re-main-banner-06-container .re-main-swiper-ctrl {justify-content: end; margin-top: 6px;}
/* } Main Renewal */

/* Renewal Responsive { */
@media screen and (max-width: 1700px){ /* Desktop Medium */

} /* End */

@media screen and (max-width: 1600px){ /* Desktop Small */

  /* Main Renewal { */
  /* 검색창 영역 */
  .re-main-sns-list {padding-right: 0;}
  .re-main-top-vision-img {width: 80%;}

  /* 메인 슬라이드 배너 & 도지사 영역 */
  .re-main-governor-box::after {max-width: 210px;}

  /* 도정메세지 & 홍보영상 */
  .re-main-section-02-block {gap: 30px;}
  .re-main-section-02-block > .re-main-banner-box {width: 40%;}
  .re-main-banner-02-container .re-main-swiper-ctrl {left: 1.5rem; bottom: 10px;}
  .re-main-video-box {width: calc(60% - 30px);}

  /* 소식 목록 & 자주 찾는 메뉴 영역 */
  .re-main-news-box {flex: 5;}
  .re-main-quicklink-box {flex: 4; padding: 0;}
  .re-main-quicklink-list {gap: 50px 10px;}

  /* 카드뉴스 영역 */
  .re-main-section-05-block {padding-top: 70px;}
  .re-main-section.re-main-section-05::before {width: 45vw;}
  .re-main-section-05 .marquee-word {font-size: 60px;}
  .re-main-section-text-box .re-main-section-desc {margin-top: 30px;}
  .re-main-cardnews-box {width: 70vw; margin-right: 1rem;}
  .re-main-cardnews-box .ctrl-prev {left: -20px;}
  .re-main-cardnews-box .ctrl-next {right: -20px;}

  /* SNS & 롤링배너 영역 */
  .re-main-section-06-block {gap: 40px;}
  .re-main-sns-box {width: calc(100% - 40px - 668px);}
  /* } Main Renewal */

} /* End */

@media screen and (max-width: 1440px){ /* Laptop */

  /* Main Common { */
  /* Typography */
  .re-main-section-title {font-size: 36px;}
  .re-main-section-title + .re-main-more-btn {top: calc(36px * 1.2 / 2 - 23px / 2);}
  /* } Main Common */

  /* Main Renewal { */
  /* 검색창 영역 */
  /* .re-main-top-box .re-main-search-input {width: 550px;} */
  .re-main-top-box .re-main-search-input {width: 600px;}
  /* .re-main-top-box .re-main-search-bottom {width: calc(550px + 5px + 70px); padding: 0;} */
  .re-main-top-box .re-main-search-bottom {width: calc(600px + 5px + 70px); padding: 0;}
  .re-main-top-box .re-main-search-topic-list {gap: 4px 15px;}
  /* .re-main-top-box .re-search-autocomplete-list {width: 550px;} */
  .re-main-top-box .re-search-autocomplete-list {width: 600px;}
  
  /* 메인 슬라이드 배너 & 도지사 영역 */
  .re-main-section-01-block {gap: 20px;}
  .re-main-section-01-block > .re-main-banner-box {width: calc(100% - 450px);}
  
  .re-main-governor-box {display: block; width: 430px; padding: 35px 20px; border-bottom-right-radius: 60px;}
  .re-main-governor-inner .t1 {font-size: 22px;}
  .re-main-governor-inner .t1 > strong {font-size: 35px;}
  .re-main-governor-inner .t2 {margin: 20px 0 30px;}
  
  .re-main-governor-inner .re-btn-wrap {flex-direction: column; width: 50%;}
  .re-main-governor-btn {width: 100%; padding: 5px 10px;}
  
  .re-main-governor-side {position: absolute; top: 15px; right: 15px;}

  /* 소식 목록 & 자주 찾는 메뉴 영역 */
  .re-main-news-tab-list {gap: 25px;}

  /* 영상뉴스 & 포토뉴스 영역 */
  .re-main-section-04-block {grid-template-columns: 55vw minmax(0, 1fr); gap: 40px;}
  .re-main-banner-03 {margin-bottom: 40px;}
  .re-main-photonews-scroll-inner {justify-content: space-between; gap: 25px 15px;}

  /* 카드뉴스 영역 */
  .re-main-section.re-main-section-05 {margin: 100px 0 88px;}
  .re-main-section-05-block {display: block;}
  .re-main-section.re-main-section-05::before {height: 80%;}
  .re-main-section-05 .marquee-text {top: 30px;}
  .re-main-section-05 .marquee-word {font-size: 50px;}
  .re-main-section-05-block {min-height: unset; padding: 40px 0 0;}
  .re-main-section-text-box {width: fit-content; margin-top: 0; margin-bottom: 20px; padding-right: 40px;}
  .re-main-section-text-box .re-main-section-desc {margin-top: 15px; font-size: 18px;}
  .re-main-section-text-box .re-main-section-desc > br {display: none;}
  .re-main-cardnews-box {width: 100%; margin-right: 0;}

  /* SNS & 롤링배너 영역 */
  .re-main-section-06-block {gap: 30px;}
  .re-main-sns-box {width: calc(55% - 30px);}
  .re-main-sns-title {gap: 15px;}
  .re-main-sns-container .re-main-swiper-ctrl.ctrl-type-3 button {height: 45px; font-size: 24px;}
  .re-main-sns-container .re-main-swiper-pagination {margin-top: 30px;}
  .re-main-section-06-block > .re-main-banner-box {width: 45%;}
  /* } Main Renewal */

} /* End */

@media screen and (max-width: 1290px){ /* Laptop Small */

  /* Main Common { */
  :root {--bdrd-30: 20px;}
  .re-main {background-size: 800px;}

  /* Typography */
  .re-main-section-title {font-size: 34px;}
  .re-main-section-title + .re-main-more-btn {top: calc(34px * 1.2 / 2 - 23px / 2);}

  /* Swiper Modals */
  .re-main-modal-head {height: 60px; padding: 5px 30px;}
  .re-main-modal-title {font-size: 22px;}
  .re-main-modal-title > .icon {font-size: 26px;}
  .re-main-modal-close-btn {width: 40px; font-size: 40px;}
  .re-main-modal-body {padding: 25px 7px;}
  .re-main-modal-desc {margin-bottom: 25px; padding: 0 13px; font-size: 18px;}

  .re-main-modal-inner {max-height: calc(80vh - 70px);}
  .re-main-modal-list {gap: 15px 10px; padding: 0 13px;}
  /* } Main Common */

  /* Main Renewal { */
  /* 검색창 영역 */
  .re-main-top-block {gap: 20px 0; flex-wrap: wrap;}
  .re-main-top-box {width: 100%;}
  .re-main-top-box .re-main-search-wrap {margin: 0 auto;}
  .re-main-top-box .re-main-search-bottom {width: 100%; justify-content: center;}
  .re-main-top-side {flex: unset; width: 100%; margin-top: 0;}
  .re-main-sns-list {justify-content: center;}

  /* 메인 슬라이드 배너 & 도지사 영역 */
  .re-main-section-01-block {display: block;}
  .re-main-section-01-block > .re-main-banner-box {width: 100%; margin-bottom: 40px;}
  .re-main-banner-01-container .re-main-swiper-ctrl {bottom: 22px; gap: 10px;}

  .re-main-governor-box {width: 100%; background-size: 38%;}
  .re-main-governor-box::after {bottom: unset; top: 10px; width: 50vw;}
  .re-main-governor-inner .t1 > br {display: none;}
  .re-main-governor-inner .t1 > strong {margin-top: 0;}
  .re-main-governor-inner .t2 > br {display: none;}
  .re-main-governor-inner .re-btn-wrap {flex-direction: row; max-width: 400px;}
  /* .re-btn-wrap .re-main-governor-btn {flex: 1 1 calc(50% - 4px);} */
  .re-btn-wrap .re-main-governor-btn:last-child {display: inline-flex;}
  .re-main-governor-side {display: none;}

  /* 도정메세지 & 홍보영상 */
  .re-main-section-02-block {gap: 20px;}
  .re-main-section-02-block > .re-main-banner-box {width: calc(45% - 10px);}
  .re-main-banner-02-container .re-main-swiper-ctrl {left: 1rem;}
  .re-main-video-box {align-self: end; width: calc(55% - 10px);}

  /* 소식 목록 & 자주 찾는 메뉴 영역 */
  .re-main-section-03-block {align-items: center; gap: 40px;}
  .re-main-news-box {flex: 6;}
  .re-main-news-tab-list {gap: 15px; padding-bottom: calc(331px + 30px);}
  .re-main-news-tab {font-size: 20px;}
  .re-main-news-list {margin-top: 30px;}
  .re-main-news-item {height: 55px;}
  .re-main-news-link {font-size: 18px;}
  .re-main-news-link + .date {font-size: 16px;}

  .re-main-quicklink-list {grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 20px;}
  .re-main-quicklink .icon {width: 90%; border-radius: 15px; border-width: 2px;}
  .re-main-quicklink .icon > img {max-width: 75%; max-height: 70%;}
  .re-main-quicklink .title {font-size: 16px;}

  /* 영상뉴스 & 포토뉴스 영역 */
  .re-main-banner-03 {margin-bottom: 30px;}
  .re-main-section-04-block {gap: 30px;}
  .re-main-videonews-link > .title {font-size: 16px;}
  .re-main-photonews-link > .title {font-size: 16px;}

  /* 카드뉴스 영역 */
  .re-main-section.re-main-section-05::before {width: 52vw;}
  .re-main-cardnews-slide:not(.swiper-slide-prev, .swiper-slide-next) .re-main-cardnews-link {margin: 0 -25px;}
  .re-main-cardnews-box .re-main-swiper-pagination-wrap {margin-top: 20px;}

  /* SNS & 롤링배너 영역 */
  .re-main-section-06-block {align-items: end; gap: 25px;}
  .re-main-sns-box {width: 55%;}
  .re-main-sns-slide .date {margin-top: 10px;}
  .re-main-sns-container .re-main-swiper-pagination {margin-top: 20px;}
  .re-main-section-06-block > .re-main-banner-box {width: calc(45% - 25px);}
  /* } Main Renewal */

} /* End */

@media screen and (max-width:1024px){ /* Tablet */

  /* Main Common { */
  .re-main {background-position-x: left -130px; background-size: 700px;}
  .re-main-section ~ .re-main-section {margin-top: 50px;}

  /* Swiper Button Styles */
  .re-main-swiper-ctrl.ctrl-type-3 button {height: 50px; font-size: 26px;}
  /* } Main Common */

  /* Main Renewal { */
  /* 검색창 영역 */
  .re-main-top-box .re-main-search-input {height: 60px; font-size: 18px;}
  .re-main-top-box .re-main-search-submit {width: 60px;}
  .re-main-top-box .re-main-search-submit .icon {font-size: 30px;}
  .re-main-top-box .re-main-search-bottom .label {font-size: 15px;}
  .re-main-top-box .re-main-search-topic-list {flex-wrap: wrap;}
  .re-main-top-box .re-main-search-topic-item {font-size: 15px;}

  /* 메인 슬라이드 배너 & 도지사 영역 */
  .re-main-banner-01-container .re-main-swiper-ctrl {gap: 8px;}
  .re-main-governor-inner .t2 > br:first-of-type {display: block;}
  .re-main-governor-btn {font-size: 15px;}

  /* 도정메세지 & 홍보영상 */
  .re-main-section-02-block {display: block;}
  .re-main-section-02-block > .re-main-banner-box {width: 100%; margin-bottom: 40px;}
  .re-main-video-box {width: 100%; border-radius: 20px;}
  .re-main-video-title {padding: 10px 40px 10px 20px; font-size: 22px;}

  /* 소식 목록 & 자주 찾는 메뉴 영역 */
  .re-main-section-03-block {display: block;}
  .re-main-quicklink-box {margin-top: 40px;}
  .re-main-quicklink-list {margin-top: 20px;}
  .re-main-quicklink-list {grid-template-columns: repeat(6, 1fr);}
  .re-main-quicklink .icon {width: 70%;}
  .re-main-quicklink .title {font-size: 17px;}

  /* 영상뉴스 & 포토뉴스 영역 */
  .re-main-section-04-block {display: block;}
  .re-main-videonews-link > .title {font-size: 18px;}
  .re-main-photonews-box {display: block; height: auto; margin-top: 40px;}
  .re-main-photonews-scroll-container {flex: none; min-height: auto; height: auto; overflow-x: auto; overflow-y: hidden;}
  .re-main-photonews-scroll-container::-webkit-scrollbar {height: 8px;}
  .re-main-photonews-scroll-container::-webkit-scrollbar-button {display: none; width: 0; height: 0;}
  .re-main-photonews-scroll-container::-webkit-scrollbar-thumb {background-color: #0076D8; border-radius: 10px;}
  .re-main-photonews-scroll-container::-webkit-scrollbar-track {background-color: #F2F2F2;}
  @supports not selector(::-webkit-scrollbar) {
    .re-main-photonews-scroll-container {scrollbar-width: thin; scrollbar-color: #0076D8 #F2F2F2;}
  }
  .re-main-photonews-scroll-inner {display: flex; flex-wrap: nowrap; align-items: start; justify-content: start; gap: 0 15px; width: max-content; padding-bottom: 10px;}
  .re-main-photonews-item {flex-shrink: 0;}
  .re-main-photonews-link {width: calc((100vw - 15px) / 2 - 3rem);}
  .re-main-photonews-scroll-container:has(.re-main-photonews-scroll-inner > .re-main-photonews-item:last-child:nth-child(-n+4)) {overflow-x: hidden;}
  .re-main-photonews-scroll-container:has(.re-main-photonews-scroll-inner > .re-main-photonews-item:last-child:nth-child(-n+4)) .re-main-photonews-scroll-inner {display: grid; grid-template-columns: repeat(2, 1fr); width: auto; padding-bottom: 0;}
  .re-main-photonews-scroll-container:has(.re-main-photonews-scroll-inner > .re-main-photonews-item:last-child:nth-child(-n+4)) .re-main-photonews-item {flex-shrink: initial;}
  .re-main-photonews-scroll-container:has(.re-main-photonews-scroll-inner > .re-main-photonews-item:last-child:nth-child(-n+4)) .re-main-photonews-link {width: auto;}

  /* 카드뉴스 영역 */
  .re-main-section.re-main-section-05 {margin-bottom: 0;}
  .re-main-section.re-main-section-05::before {width: 72vw;}
  .re-main-section-text-box .re-main-section-desc {font-size: 17px;}
  .re-main-cardnews-box .ctrl-prev, .re-main-cardnews-box .ctrl-next {top: calc(50% - 15px);}
  .re-main-cardnews-slide:not(.swiper-slide-prev, .swiper-slide-next) .re-main-cardnews-link {margin: 0 -40px;}

  /* SNS & 롤링배너 영역 */
  .re-main-section-06-block {display: block;}
  .re-main-sns-box {width: 100%; margin-bottom: 40px;}
  .re-main-sns-container {margin-top: 25px;}
  .re-main-section-06-block > .re-main-banner-box {width: 100%;}
  .re-main-banner-06-container .re-main-swiper-ctrl {justify-content: start;}
  /* } Main Renewal */

} /* End */

@media screen and (max-width:767px){ /* Tablet Small */

  /* Main Common { */
  :root {--bdrd-30: 15px;}
  .contents {padding-bottom: 70px;}
  .re-main {background-position-y: bottom -50px; background-size: 100vw;}

  /* Typography */
  .re-main-section-title {font-size: 28px;}
  .re-main-section-title + .re-main-more-btn {top: calc(28px * 1.2 / 2 - 20px / 2);}

  /* Swiper Button Styles */
  .re-main-swiper-ctrl.ctrl-type-1 button {height: 35px; font-size: 22px;}
  .re-main-swiper-ctrl.ctrl-type-1 .ctrl-page {gap: 2px; height: 35px; padding: 0 15px; font-size: 16px;}
  .re-main-swiper-ctrl.ctrl-type-2 button {font-size: 24px;}
  .re-main-swiper-ctrl.ctrl-type-2 button[data-target] {height: 35px; font-size: 22px;}
  .re-main-swiper-ctrl.ctrl-type-2 .ctrl-page {gap: 4px; padding: 0 8px; font-size: 16px;}
  .re-main-swiper-ctrl.ctrl-type-3 button {height: 45px; font-size: 24px;}
  .re-main-swiper-pagination {gap: 4px;}
  .re-main-swiper-pagination .swiper-pagination-bullet {width: 8px; height: 8px;}
  .re-main-swiper-pagination .swiper-pagination-bullet-active {width: 24px;}

  /* Swiper Modals */
  .re-main-modal-container {padding: 0;}
  .re-main-modal-head {height: 60px; padding: 5px 15px;}
  .re-main-modal-title {font-size: 20px;}
  .re-main-modal-title > .icon {font-size: 24px;}
  .re-main-modal-close-btn {width: 35px; font-size: 35px;}
  .re-main-modal-desc {font-size: 16px;}
  .re-main-modal-inner {max-height: calc(80vh - 60px);}
  .re-main-modal-list {grid-template-columns: repeat(2, 1fr);}
  /* } Main Common */

  /* Main Renewal { */
  /* 검색창 영역 */
  .re-main-top-box .re-main-search-input {width: calc(100% - 60px); max-width: unset; height: 55px; padding: 0 20px; font-size: 16px;}
  .re-main-top-box .re-main-search-submit {width: 55px;}
  .re-main-top-box .re-main-search-submit .icon {font-size: 26px;}
  .re-main-top-box .re-main-search-bottom {gap: 0;}
  .re-main-top-box .re-main-search-bottom .label {gap: 3px; padding-right: 11px; font-size: 14px;}
  .re-main-top-box .re-main-search-bottom .label::before {width: 19px;}
  .re-main-top-box .re-main-search-topic-list {flex-wrap: wrap; padding-left: 10px;}
  .re-main-top-box .re-main-search-topic-item {font-size: 14px;}
  .re-main-top-box .re-main-search-wrap {width: 100%;}
  .re-main-top-box .re-search-autocomplete-wrap {width: 100%;}
  .re-main-top-box .re-search-autocomplete-list {width: calc(100% - 60px); padding: 10px 15px;}
  .re-main-top-box .re-search-autocomplete-link {font-size: 15px;}
  .re-main-top-vision-img {width: 60vw;}
  .re-main-sns-icon {width: 28px;}

  /* 메인 슬라이드 배너 & 도지사 영역 */
  .re-main-top-section + .re-main-section.re-main-section-01 {margin-top: 25px;}
  .re-main-section-01-block > .re-main-banner-box {margin-bottom: 30px;}
  .re-main-banner-01-container .re-main-swiper-ctrl {bottom: 1rem; gap: 6px;}
  .re-main-governor-box {border-radius: 15px; border-bottom-right-radius: 50px;}
  .re-main-governor-box::after {width: 200px;}
  .re-main-governor-inner .t1 {font-size: 22px;}
  .re-main-governor-inner .t1 > strong {font-size: 32px;}
  .re-main-governor-inner .t2 {font-size: 18px;}
  .re-main-governor-inner .t2 > .re-color {font-size: 1.1em;}
  .re-main-governor-inner .t2 > br {display: block;}
  .re-main-governor-btn {font-size: 14px;}

  /* 도정메세지 & 홍보영상 */
  .re-main-section-02-block > .re-main-banner-box {margin-bottom: 30px;}
  .re-main-video-title {padding: 10px 25px 10px 10px; font-size: 18px;}

  /* 소식 목록 & 자주 찾는 메뉴 영역 */
  .re-main-more-btn {width: 20px;}

  .re-main-news-tab-list {display: grid; grid-template-columns: repeat(4, 1fr); justify-items: center; gap: 8px 15px; padding-right: 30px; padding-bottom: calc(271px + 20px);}
  .re-main-news-tab {font-size: 17px;}
  .re-main-news-list {top: 56px; margin-top: 20px;}
  .re-main-news-item {gap: 5vw; height: 45px;}
  .re-main-news-link {font-size: 16px;}
  .re-main-news-link + .date {font-size: 14px;}

  .re-main-quicklink-list {gap: 10px 3px;}
  .re-main-quicklink .icon {width: 85%;}
  .re-main-quicklink .title {font-size: 15px;}

  /* 영상뉴스 & 포토뉴스 영역 */
  .re-main-banner-03 {margin-bottom: 25px;}
  .re-main-section-04-block .re-main-section-title {margin-bottom: 20px;}
  .re-main-videonews-link > .img-box::after {width: 52px;}
  .re-main-videonews-thumbs-wrap {margin: 0 10px;}

  /* 카드뉴스 영역 */
  .re-main-section.re-main-section-05::before {display: none; width: 95vw;}
  .re-main-section-05-block {padding-top: 0;}
  .re-main-section-text-box {width: 100%;}
  .re-main-section-text-box .re-main-section-title {color: #000000;}
  .re-main-section-text-box .re-main-section-title .re-color {color: #0076D8;}
  .re-main-section-text-box .re-main-more-btn::before, .re-main-section-text-box .re-main-more-btn::after {background-color: #000000;}
  .re-main-section-text-box .re-main-section-desc {margin-top: 10px; color: #464646; font-size: 16px;}
  .re-main-swiper-ctrl.ctrl-type-3 button {display: none;}

  /* SNS & 롤링배너 영역 */
  .re-main-sns-title .re-main-sns-list {gap: 4px;}
  .re-main-sns-link .title {font-size: 16px;}
  .re-main-sns-slide .date {font-size: 15px;}
  .re-main-sns-container .re-main-swiper-pagination {margin-top: 15px;}
  /* } Main Renewal */

} /* End */

@media screen and (max-width:480px){ /* Mobile */

  /* Main Common { */
  .contents {padding-bottom: 50px;}
  .re-main-section ~ .re-main-section {margin-top: 40px;}

  /* Swiper Button Styles */
  .re-main-swiper-ctrl.ctrl-type-1 button {height: 30px; font-size: 20px;}
  .re-main-swiper-ctrl.ctrl-type-1 .ctrl-page {height: 30px; padding: 0 10px; font-size: 15px;}
  .re-main-swiper-ctrl.ctrl-type-2 button {font-size: 22px;}
  .re-main-swiper-ctrl.ctrl-type-2 button[data-target] {height: 30px; font-size: 20px;}
  .re-main-swiper-ctrl.ctrl-type-2 .ctrl-page {font-size: 15px;}
  .re-main-swiper-ctrl.ctrl-type-3 button {height: 35px; font-size: 22px;}
  .re-main-swiper-pagination .swiper-pagination-bullet-active {width: 18px;}

  .re-main-swiper-ctrl button.ctrl-prev, .re-main-swiper-ctrl button.ctrl-next {display: none;}
  .re-main-swiper-ctrl.ctrl-type-2 button {display: flex;}

  /* Swiper Modals */
  .re-main-modal-head {height: 50px; padding: 0 15px;}
  .re-main-modal-title {font-size: 18px;}
  .re-main-modal-title > .icon {font-size: 20px;}
  .re-main-modal-close-btn {width: 30px; font-size: 30px;}

  .re-main-modal-body {padding: 15px 5px;}
  .re-main-modal-desc {margin-bottom: 15px; padding: 0 5px; font-size: 15px;}

  .re-main-modal-inner {max-height: calc(80vh - 50px);}

  .re-main-modal-list {grid-template-columns: 1fr; gap: 10px; padding: 0 5px;}
  /* } Main Common */

  /* Main Renewal { */
  /* 검색창 영역 */
  .re-main-top-section {padding-top: 22px;}
  .re-main-top-block {gap: 15px 0;}
  .re-main-top-box .re-main-search-input {width: calc(100% - 55px); height: 50px; padding: 0 15px; font-size: 15px;}
  .re-main-top-box .re-main-search-submit {width: 50px;}
  .re-main-top-box .re-main-search-submit .icon {font-size: 22px;}
  .re-main-top-box .re-main-search-topic-list {gap: 3px 10px;}
  .re-main-top-box .re-search-autocomplete-list {width: calc(100% - 55px);}
  .re-main-top-box .re-search-autocomplete-link {font-size: 14px;}
  .re-main-top-vision-img {width: 50vw; min-width: 180px;}

  /* 메인 슬라이드 배너 & 도지사 영역 */
  .re-main-section-01-block > .re-main-banner-box {margin-bottom: 20px;}
  .re-main-banner-01-container .re-main-swiper-ctrl {bottom: 10px;}
  .re-main-governor-box {padding: 20px 15px; background-size: contain;}
  .re-main-governor-box::after {top: unset; bottom: 0; width: 150px;}
  .re-main-governor-inner .t1 {font-size: 18px;}
  .re-main-governor-inner .t1 > strong {font-size: 1.3em;}
  .re-main-governor-inner .t2 {font-size: 16px;}
  .re-main-governor-btn {min-height: 35px; background-color: rgba(255, 255, 255, 0.7);}

  /* 도정메세지 & 홍보영상 */
  .re-main-video-title {padding: 7px 20px 7px 5px; font-size: 16px;}

  /* 소식 목록 & 자주 찾는 메뉴 영역 */
  .re-main-news-tab-list {grid-template-columns: repeat(3, 1fr); gap: 8px 10px; padding-right: 25px; padding-bottom: calc(271px + 10px);}
  .re-main-news-tab {font-size: 16px;}
  .re-main-news-list {top: 50px; margin-top: 10px;}
  .re-main-quicklink-list {grid-template-columns: repeat(4, 1fr);}
  .re-main-quicklink .icon {width: 80%;}

  /* 영상뉴스 & 포토뉴스 영역 */
  .re-main-banner-03 {margin-bottom: 20px;}
  .re-main-videonews-link > .img-box::after {width: 45px;}
  .re-main-videonews-thumbs-wrap {margin: 0;}
  .re-main-videonews-thumbs {overflow-x: visible;}
  .re-main-videonews-thumbs-slide {width: 20vw;}
  .re-main-videonews-thumbs-slide > .img-box {border-radius: 5px;}
  .re-main-photonews-link > .title {margin-top: 10px; font-size: 15px;}

  /* 카드뉴스 영역 */
  .re-main-cardnews-slide:not(.swiper-slide-active) .re-main-cardnews-link > .img-box::before {display: none;}
  .re-main-cardnews-slide:not(.swiper-slide-prev, .swiper-slide-next) .re-main-cardnews-link {margin: 0;}

  /* SNS & 롤링배너 영역 */
  .re-main-sns-title .re-main-sns-list {display: grid; grid-template-columns: repeat(3, 1fr);}
  .re-main-sns-link .title {font-size: 15px;}
  .re-main-sns-slide .date {font-size: 14px;}
  .re-main-sns-container .re-main-swiper-pagination {margin-top: 10px;}
  /* } Main Renewal */

} /* End */

@media screen and (max-width:360px){ /* Mobile Small */

  /* Main Common { */
  :root {--bdrd-30: 10px;}
  /* } Main Common */

  /* Main Renewal { */
  /* 검색창 영역 */
  .re-main-top-box .re-main-search-bottom {display: block;}
  .re-main-top-box .re-main-search-bottom .label {padding-right: 0;}
  .re-main-top-box .re-main-search-bottom .label::after {display: none;}
  .re-main-top-box .re-main-search-topic-list {margin-top: 4px; padding-left: 0;}
  /* 메인 슬라이드 배너 & 도지사 영역 */
  .re-main-governor-inner .t2 {width: 60%;}
  .re-main-governor-inner .t2 > br {display: none !important;}
  /* 소식 목록 & 자주 찾는 메뉴 영역 */
  .re-main-news-link {font-size: 14px;}
  /* 영상뉴스 & 포토뉴스 영역 */
  .re-main-photonews-link {width: 80vw;}
  /* SNS & 롤링배너 영역 */
  .re-main-sns-title {gap: 5px;}
  /* } Main Renewal */

} /* End */

/* } Renewal Responsive */