/* ========== Main Page CSS ========== */

/* ===== Common { ===== */
a:focus { border: none !important; }

*:focus [class^="ri-"], *:focus [class^="ri-"]:before,
*:focus [class*=" ri-"], *:focus [class*=" ri-"]:before,
[class^="ri-"]:focus, [class^="ri-"]:focus:before,
[class*=" ri-"]:focus, [class*=" ri-"]:focus:before {
  display: inline-block;
  text-decoration: none !important;
}

.botBtTop.re-btn-top { display: flex; align-items: center; justify-content: center; padding: 0; background-position: center center; border: 1px solid #C8C8C8; background: #FFF; color: #000; font-size: 24px; width: 3.8rem; height: 3.8rem; }
.botBtTop.re-btn-top > i { font-size: 1em; line-height: 1; }
.botBtTop.re-btn-top:hover { background: var(--re-main-color); border: transparent; color: #FFF; }

/* === Font { === */
#container.re-page a { font-family: 'Paperlogy'; }
.re-f-daegu { font-family: 'DaeguBukseongro'; font-style: normal; }
.re-water-deco { position: relative; display: inline-block; }
.re-water-deco::before { content: ""; position: absolute; transform: translateX(-50%); width: 62px; aspect-ratio: 62 / 33; background: url('../img/water-deco.svg') no-repeat center / contain; }
.re-txt-blue { color: var(--re-main-color); }
.re-article-tit-xl { font-size: 24px; }
.re-article-tit-lg { font-size: 22px; }
.re-article-tit-md { font-size: 20px; }
.re-article-tit-sm { font-size: 16px; }
/* === } Font === */

/* === Swiper Nav { === */
.re-swiper-remote { display: flex; align-items: center; gap: 0; }
.re-swiper-btn { display: flex; align-items: center; justify-content: center; height: 30px; aspect-ratio: 1 / 1; transition: all .3s; }
.re-swiper-btn > i { font-size: 18px; }
.re-swiper-btn:hover { color: var(--re-main-color); }
.re-swiper-btn.prev:hover { transform: translateX(-4px); }
.re-swiper-btn.next:hover { transform: translateX(4px); }
/* === } Swiper Nav === */

/* === Tile Style Swiper { === */
.re-swiper-tile-ui { position: relative; }
.re-swiper-tile-ui .swiper-wrapper { padding-top: 30px; }
.re-swiper-tile-ui .swiper-slide { background: #FFF; width: 140px; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 20px; border: 1px solid #CDCDCD; transition: transform .3s; }
/* .re-swiper-tile-ui .swiper-slide::before { background: var(--re-main-color); } */
.re-swiper-tile-ui .swiper-slide a { border-radius: 20px; outline-offset: -2px; height: 100%; aspect-ratio: 1 / 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 6px; }
.re-swiper-tile-ui .swiper-slide a span { display: block; text-align: center; font-style: normal; font-weight: 400; font-size: 18px; line-height: 1.35; letter-spacing: -0.03em; transition: all .3s; }
.re-swiper-tile-ui .swiper-slide a > i { display: none; }
.re-swiper-tile-ui .swiper-slide img { transition: all .3s; }
.re-swiper-tile-ui .swiper-slide:hover { border: transparent; }
.re-swiper-tile-ui .swiper-slide:hover a { background: var(--re-main-color); color: #FFF; }
.re-swiper-tile-ui .swiper-slide:hover a { color: #FFF; }
.re-swiper-tile-ui .swiper-slide:hover img { filter: brightness(0) invert(1); }
.re-swiper-tile-remote { position: absolute; width: 100%; height: 100%; left: 0; top: calc((100% + 30px) / 2); transform: translateY(-50%); z-index: 1; pointer-events: none; }
.re-swiper-tile-btn { background: #FFF; position: absolute; top: 50%; transform: translateY(-50%); width: 44px; aspect-ratio: 1 / 1; border: 1px solid #CDCDCD; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; pointer-events: auto; transition: all .3s; }
.re-swiper-tile-btn:hover i { scale: 1.4; transition: all .3s; }
.re-swiper-tile-btn.prev { left: 0px; }
.re-swiper-tile-btn.prev:hover { background: var(--re-main-color); color: #FFF; border: transparent; transform: translate(-8px, -50%); }
.re-swiper-tile-btn.next { right: 0px; }
.re-swiper-tile-btn.next:hover { background: var(--re-main-color); color: #FFF; border: transparent; transform: translate(8px, -50%); }
/* === } Tile Style Swiper === */

/* === Tab Menu { === */
.re-tab-section { position: relative; padding: 50px; }
.re-tab-sec-head { display: flex; align-items: baseline; justify-content: space-between; }
.re-tab-menu .re-tab-nav { height: 46px; display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.re-tab-menu .re-tab-btn-list { display: flex; align-items: center; gap: 8px; }
.re-tab-menu .re-tab-btn-list .re-tab-btn { position: relative; padding: 10px; font-style: normal; font-weight: 400; font-size: 23px; line-height: 27px; color: #767676; font-family: 'Paperlogy'; overflow: visible; transition: all .3s; }
.re-tab-menu .re-tab-btn-list .re-tab-btn * { position: relative; z-index: 2; }
.re-tab-menu .re-tab-btn-list .re-tab-btn::before { content: ''; position: absolute; background: #EBF1FB; width: 0; height: 30%; bottom: 20%; left: 0; transition: all 0.3s; z-index: 0; }
.re-tab-menu .re-tab-btn-list .re-tab-btn:hover::before { width: 100%; }
.re-tab-menu .re-tab-btn-list .re-tab-btn:hover { color: var(--re-main-color); }
.re-tab-menu .re-tab-btn-list .re-tab-btn.active { color: var(--re-main-color); font-weight: 600; }
.re-tab-menu .re-tab-btn-list .re-tab-btn-dot { display: block; width: 4px; aspect-ratio: 1 / 1; border-radius: 50%; background: #767676; flex-shrink: 0; }
.re-sec-more,
.re-tab-menu .re-tab-more { height: 100%; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; font-size: 36px; position: relative; transition: all .3s; text-decoration: none !important; }
.re-sec-more *,
.re-tab-menu .re-tab-more * { position: relative; z-index: 2; }
.re-sec-more::before,
.re-tab-menu .re-tab-more::before { content: ''; position: absolute; z-index: 1; width: 80%; height: 80%; background: #EBF1FB; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: .3s; }
.re-sec-more:hover,
.re-tab-menu .re-tab-more:hover { rotate: 90deg; color: var(--re-main-color); }
.re-sec-more:hover::before,
.re-tab-menu .re-tab-more:hover::before { transform: translate(-50%, -50%) scale(1); }
/* === } Tab Menu === */

/* === News Category { === */
.re-main-info-bedge { display: inline-flex; align-items: center; justify-content: center; padding: 6px 8px; font-family: 'Paperlogy'; font-style: normal; font-weight: 500; font-size: 15px; line-height: normal; }
.re-main-info-bedge.rounded { border-radius: 4px; }
.re-main-info-bedge.light-blue { background: #E5EFFF; color: var(--re-main-color); }
.re-main-info-bedge.light-grey { background: #E7E7E7; color: #626262; }
.re-main-info-bedge.wine { background: #B3306C; color: #FFFFFF; }
.re-main-info-bedge.blue { background: var(--re-main-color); color: #FFFFFF; }
.re-news-date { display: inline-block; font-style: normal; font-weight: 400; font-size: 16px; line-height: 1.35; color: #767676; }
/* === } News Category * ===/  

/* === Btn Arrow { === */
.re-btn-arrow { display: block; display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; gap: 6px; border-radius: 10px; overflow: hidden; transition: all .3s; }
.re-btn-arrow span { font-family: 'Paperlogy'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 1.5; transition: all .3s; }
.re-btn-arrow i { font-size: 24px; transform: rotate(-45deg); transition: all .2s; }
.re-btn-arrow::before { background: var(--re-main-color); }
.re-btn-arrow:hover { color: #FFF; }
.re-btn-arrow:hover i { transform: rotate(0); }
/* === } Btn Arrow === */

/* === Card UI { === */
.re-card-ui { display: flex; flex-direction: column; justify-content: center; height: 100%; color: inherit; text-decoration: none; }
.re-card-ui-thumb { position: relative; width: 100%; overflow: hidden; border-radius: 20px; background: #EAEAEA; }
.re-card-ui-thumb::before { content: ""; position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); width: 60%; height: 50%; z-index: 1; background-image: url('../img/logo-footer.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }
.re-card-ui-thumb .re-main-info-bedge { position: absolute; top: 20px; left: 20px; z-index: 3; }
.re-card-ui-thumb img { position: relative; z-index: 2; display: block; object-fit: cover; width: 100%; height: 100%; transition: .3s; }
.re-card-ui:hover img { transform: scale(1.05); }
.re-card-ui-txt { margin-top: 16px; }
.re-card-ui-title { width: 100%; margin: 0; font-weight: 500; line-height: 1.35; transition: all .3s; }
.re-card-ui-title.re-t-row1 { display: inline-block; }
.re-card-ui:hover .re-card-ui-title { color: #0058c8; text-decoration: underline; }
.re-card-ui .re-news-date { margin-top: 12px; }
/* === } Card UI === */
/* ===== } Common ===== */

/* === Main Visual { === */
.re-main-visual-wrap { position: relative; height: 560px; width: 100%; border-radius: 0 0 60px 60px; overflow: hidden; margin-bottom: 30px; }
/* Quick Menu { */
.re-quick-menu-wrap { position: absolute; z-index: 10; top: 0; left: 0px; height: 100%; background: linear-gradient(180deg, rgba(106, 144, 215, 0.7) 0%, #1955C7 100%); border-radius: 0px 60px 0 0; transition: all .45s cubic-bezier(.4,0,.2,1); }
.re-quick-menu-wrap.is-open { width: 360px; padding: 46px 74px; }
.re-quick-menu-wrap.is-closed { width: 100px; padding: 20px; }
.re-quick-menu-head { position: relative; height: 40px; margin-bottom: 25px; transition: all .45s cubic-bezier(.4,0,.2,1); }
.re-quick-menu-tit { width: max-content; white-space: nowrap; color: #FFFFFF; font-weight: 800; font-size: 30px; line-height: 35px; letter-spacing: -0.03em; text-transform: uppercase; position: absolute; transition: all .45s cubic-bezier(.4,0,.2,1); }
.re-quick-menu-wrap.is-closed .re-quick-menu-head { height: 100%; margin-bottom: 0; margin-right: 20px; }
.re-quick-menu-wrap.is-open .re-quick-menu-tit { left: 50%; top: 0; transform: translateX(-50%) rotate(0deg); transform-origin: center; }
.re-quick-menu-wrap.is-closed .re-quick-menu-tit { left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(90deg); }
.re-quick-menu { height: 402px; width: 210px; transition: opacity .35s ease, transform .45s ease; }
.re-quick-menu-wrap.is-open .re-quick-menu { opacity: 1; transform: translateX(0); margin: 0 auto; }
.re-quick-menu-wrap.is-closed .re-quick-menu { position: absolute; opacity: 0; transform: translateX(-100px); pointer-events: none; }
.re-quick-menu > ul { width: 100%; height: 100%; display: grid; grid-template-columns: 80px 80px; grid-template-rows: repeat(3, auto); align-content: space-between; justify-content: space-between; }
.re-quick-menu > ul > li { width: 76px; }
.re-quick-menu-item > a { display: flex; flex-direction: column; gap: 13px; align-items: center; width: 100%; height: 100%; text-align: center; }
.re-quick-menu-item p { font-family: 'Paperlogy'; font-weight: 400; color: #FFF; line-height: 1.35; transition: .3s; }
.re-quick-menu-icon { width: 62px; aspect-ratio: 1 / 1; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.35); transition: all 0.3s ease; }
.re-quick-menu-icon > i { width: 31px; aspect-ratio: 1 / 1; background-repeat: no-repeat; background-position: center; background-size: contain; filter: brightness(0) invert(1); transition: filter 0.3s ease; }
.re-quick-menu li:nth-child(1) .re-quick-menu-icon > i { background-image: url('../img/re-quick-menu-icon-01-active.svg'); }
.re-quick-menu li:nth-child(2) .re-quick-menu-icon > i { background-image: url('../img/re-quick-menu-icon-02-active.svg'); }
.re-quick-menu li:nth-child(3) .re-quick-menu-icon > i { background-image: url('../img/re-quick-menu-icon-03-active.svg'); }
.re-quick-menu li:nth-child(4) .re-quick-menu-icon > i { background-image: url('../img/re-quick-menu-icon-04-active.svg'); }
.re-quick-menu li:nth-child(5) .re-quick-menu-icon > i { background-image: url('../img/re-quick-menu-icon-05-active.svg'); }
.re-quick-menu li:nth-child(6) .re-quick-menu-icon > i { background-image: url('../img/re-quick-menu-icon-06-active.svg'); }
.re-quick-menu a:hover p { font-weight: 600; }
.re-quick-menu a:hover .re-quick-menu-icon { background: #FFF; }
.re-quick-menu a:hover .re-quick-menu-icon > i { filter: none; }
.re-quick-menu-toggle { position: absolute; background: #FFF; width: 60px; aspect-ratio: 1 /1; border-radius: 20px; right: -30px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; font-size: 26px; color: var(--re-main-color); transition: all .3s; }
.re-quick-menu-toggle > i { transition: all .3s; }
.re-quick-menu-toggle:hover > i { scale: 1.2; }
.re-quick-menu-wrap.is-open .re-quick-menu-toggle:hover { right: -22px; }
.re-quick-menu-wrap.is-closed .re-quick-menu-toggle > i { rotate: 180deg; }
.re-quick-menu-wrap.is-closed .re-quick-menu-toggle:hover { right: -38px; }
/* } Quick Menu */

/* Main Visual Swiper { */
.re-main-visual-swiper { position: relative; width: 100%; height: 100%; }
.re-main-visual-txt { width: 100%; position: absolute; top: 84px; left: 50%; transform: translateX(-50%); text-align: center; font-size: 20px; line-height: 1.35; }
.re-main-visual-txt .re-f-daegu { font-size: 55px; font-weight: 800; line-height: normal; }
.re-main-visual-txt .re-water-deco::before { left: 70%; top: -20px; }
.re-main-visual-txt br { display: none; }
.re-main-visual-swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.re-main-visual-remote { height: 32px; padding: 2px 18px; display: flex; align-items: center; gap: 8px; position: absolute; z-index: 10; bottom: 30px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.6); border-radius: 99px; }
.re-main-visual-remote .re-main-visual-pagination { position: static; width: auto; font-size: 16px; color: rgba(255, 255, 255, 0.5); }
.re-main-visual-remote .re-main-visual-pagination .swiper-pagination-current { color: #FFF; }
.re-main-visual-remote .re-swiper-btn { color: #FFF; }
/* } Main Visual Swiper */
/* === } Main Visual === */

/* === Latest News  { === */
.re-latest-news-wrap { height: 70px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(113, 113, 113, 0.25); border-radius: 99px; display: flex; align-items: center; gap: 24px; padding: 10px 96px; }
.re-latest-news-wrap-head { display: none; }
.re-latest-news-sec-tit { font-size: 18px; font-weight: 600; flex: 0 0 auto; }
.re-latest-news-swiper { flex: 1 1 0; min-width: 0; width: auto; max-width: 1280px; }
.re-latest-news-remote { flex: 0 0 auto; }
.re-latest-news-item { position: relative; width: 100%; display: flex; align-items: center; gap: 16px; padding: 0 50px; min-width: 0; }
.re-latest-news-item:focus {outline-offset: -2px; }
.re-latest-news-swiper .swiper-slide-active .re-latest-news-item::before { content: ''; position: absolute; height: 12px; width: 1px; background: #AAAAAA; right: 1px; top: 50%; transform: translateY(-50%); }
.re-latest-news-tit { flex: 1 1 0; min-width: 0; font-weight: 500; line-height: 1.35; transition: all .3s; }
.re-latest-news-item:hover .re-latest-news-tit { color: var(--re-main-color); text-decoration: underline; font-weight: 600; }
.re-latest-news-bedge { display: inline-flex; align-items: center; justify-content: center; width: 45px; height: 26px; border: 1px solid var(--re-main-color); font-style: normal; font-weight: 500; font-size: 14px; color: var(--re-main-color); margin-right: 10px; transition: all .3s; }
.re-latest-news-item:hover .re-latest-news-bedge { background: var(--re-main-color); color: #FFF; }
.re-latest-news-date { flex: 0 0 auto; white-space: nowrap; font-size: 16px; font-weight: 400; color: #767676; line-height: 1.35; }
/* === } Latest News === */

/* ======= 정보마당 { ======= */
.re-main-info { padding-top: 78px; position: relative; }
.re-main-info::before { content: ''; position: absolute; z-index: -1; width: 100%; height: 45%; top: -35px; left: 0; background: #EBF1FB; }
.re-main-info-tit { display: block; font-style: normal; font-weight: 800; font-size: 44px; line-height: normal; text-align: center; letter-spacing: -0.03em; margin-bottom: 27px; }
.re-main-info-tit::before { left: 50%; transform: translateX(-50%); top: -30px; }
.re-main-info-sec-tit { font-style: normal; font-weight: 800; font-size: 32px; line-height: normal; color: #000; margin-bottom: 30px; }
.re-info-sec-wrap { margin-bottom: 60px; }
.re-main-shadow-box { background: #FFFFFF; box-shadow: 0px 0px 30px rgba(113, 113, 113, 0.1); border-radius: 20px; }

/* ===== Info Section 01 { ===== */
.re-main-info-sec1 { display: flex; align-items: stretch; justify-content: space-between; gap: 40px; }
/* === 새소식 { === */
.re-main-info-sec1-left { flex: 55 1 0; min-width: 0; }
.re-news { position: relative; }
.re-news::before { content: ""; display: block; position: absolute; top: -170px; left: -30px; height: 210px; aspect-ratio: 200 / 210; z-index: 1; background-image: url('../img/character-deco-news.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }
.re-news-tab-cont-inner { font-family: 'Paperlogy'; display: flex; gap: 50px; align-items: stretch; width: 100%; }
.re-news-featured { flex: 4 1 0; min-width: 0; }
.re-news-featured .re-card-ui-thumb { aspect-ratio: 320 / 240; }
.re-news-featured .re-card-ui-txt { margin-top: 24px; }
.re-news-list { flex: 6 1 0; min-width: 0; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 20px; }
.re-news-item { border-bottom: 1px solid #CDCDCD; padding-bottom: 20px; }
.re-news-item a { display: block; color: inherit; text-decoration: none; }
.re-news-tit-wrap { width: 100%; display: flex; align-items: center; gap: 30px; margin-top: 14px; min-width: 0; }
.re-news-tit { flex: 1 1 0; min-width: 0; font-style: normal; font-weight: 500; line-height: 1.6; transition: all .3s; }
.re-news-tit-wrap .re-news-date { flex: 0 0 auto; white-space: nowrap; }
.re-news-item a:hover .re-news-tit { color: #0058c8; text-decoration: underline; }
/* === } 새소식 === */

/* === 지원서비스 & 바로가기 모음 { === */
.re-main-info-sec1-right { flex: 45 1 0; min-width: 0; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; }
/* 지원서비스 목록 { */
.re-support-services-list { font-family: 'Paperlogy'; width: 100%; }
.re-support-services-item { border-bottom: 1px solid #CDCDCD; padding-bottom: 22px; }
.re-support-services-item:not(:last-of-type) { margin-bottom: 30px; }
.re-support-services-item a { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: inherit; text-decoration: none; }
.re-support-services-info { display: flex; align-items: center; gap: 12px; flex: 1 1 auto; min-width: 0; }
.re-support-services-info .re-main-info-bedge { flex: 0 0 auto; }
.re-support-services-tit { flex: 1 1 auto; min-width: 0; font-style: normal; font-weight: 500; line-height: 1.6; transition: all .3s; }
.re-support-services-item a:hover .re-support-services-tit { color: #0058c8; text-decoration: underline; }
.re-support-services-status { text-decoration: underline; flex: 0 0 auto; font-style: normal; font-weight: 500; font-size: 16px; line-height: 1.35; white-space: nowrap; }
.re-support-services-status.ongoing { color: #1AA28A; }
.re-support-services-status.scheduled { color: #C47A2C; }
/* } 지원서비스 목록 */

/* 바로가기 모음 { */
.re-direct-link-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin: 0; padding: 0; list-style: none; }
.re-direct-link-list > li { min-width: 0; }
.re-direct-link-list .re-btn-arrow { background: #FFF; height: 70px; box-shadow: 0px 0px 30px rgba(113, 113, 113, 0.1); transition: .3s; }
.re-direct-link-list .re-btn-arrow:hover { background-color: var(--re-main-color); color: #FFF; }
/* } 바로가기 모음 */
/* === } 지원서비스 & 바로가기 모음 === */
/* ===== } Info Section 01 ===== */

/* ===== Info Section 02 { ===== */
/* === 카드뉴스 { === */
.re-card-news-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 30px; }
.re-card-news-head .re-main-info-sec-tit { margin-bottom: 0; }
.re-card-news-head .re-sec-more { flex: 0 0 auto; height: 46px; }
.re-card-news-list { min-width: 0; display: flex; align-items: stretch; justify-content: flex-start; gap: 30px; }
.re-card-news-item { flex: 0 0 calc((100% - 30px * 3) / 4); width: calc((100% - 30px * 3) / 4); max-width: calc((100% - 30px * 3) / 4); min-width: 0; }
.re-card-news-item .re-card-ui-thumb { aspect-ratio: 427 / 360; }
/* === } 카드뉴스 === */
/* ===== } Info Section 02 ===== */

/* ===== Info Section 03 { ===== */
.re-main-info-sec3 { display: flex; align-items: stretch; justify-content: space-between; gap: 50px; }
/* === 어촌정보 { === */
.re-village-info { flex: 1 1 0; min-width: 0; }
.re-village-info .re-main-shadow-box { padding: 40px; display: flex; align-items: stretch; gap: 40px; }
.re-village-visual { flex: 0 0 280px; width: 280px; position: relative; overflow: hidden; border-radius: 20px; background: #CDCDCD; }
.re-village-visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; z-index: 0; pointer-events: none; transition: opacity .5s ease; }
.re-village-visual img.active { opacity: 1; z-index: 1; }
.re-village-link-list { flex: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 0; padding: 0; list-style: none; }
.re-village-link-list > li { min-width: 0; }
.re-village-link-list .re-btn-arrow { background: #EAEAEA; }
/* === } 어촌정보 === */

/* === 귀어귀촌 지원센터 { === */
.re-support-school { flex: 1 1 0; min-width: 0; position: relative; }
.re-support-school::before { content: ""; display: block; position: absolute; top: -55px; right: -20px; height: 160px; aspect-ratio: 193 / 160; z-index: 1; background-image: url('../img/character-deco-support-school.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }
.re-support-school .re-main-info-sec-tit * { line-height: normal; }
.re-support-school-tab .re-tab-nav { justify-content: flex-start; }
.re-support-school-tab .re-tab-btn-list { gap: 14px; }
.re-support-school-tab .re-tab-btn-list .re-tab-btn { padding: 0; position: relative; }
.re-support-school-tab .re-tab-btn-list .re-tab-btn::before { bottom: -15%; height: 50%; }
.re-support-school-tab .re-tab-btn .re-main-info-sec-tit { font-weight: 300; color: #767676; transition: all .3s; }
.re-support-school-tab .re-tab-btn:hover .re-main-info-sec-tit { color: var(--re-main-color); }
.re-support-school-tab .re-tab-btn.active .re-main-info-sec-tit { font-weight: 800; color: var(--re-main-color); }
.re-main-info-sec-desc { font-style: normal; font-weight: 400; font-size: 20px; line-height: 1.35; letter-spacing: -0.03em; color: #767676; margin-top: 10px; }
.re-support-school .re-swiper-tile-ui-wrap { padding: 0 29px; position: relative; }
/* === } 귀어귀촌 지원센터 === */
/* ===== } Info Section 03 ===== */

/* ===== Info Section 04 { ===== */
.re-sec-head-sns { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.re-sec-head-sns .re-sns { width: 38px; }
.re-sec-sns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto 1fr; gap: 0 30px; grid-template-areas: "title list" "featured list"; }
.re-sec-sns .re-tab-sec-head { grid-area: title; }
.re-sec-sns .re-main-info-sec-tit { position: relative; }
.re-sec-sns .re-main-info-sec-tit::before { content: ""; display: block; position: absolute; top: 30%; right: -15px; transform: translate(100%, -50%); height: 73px; aspect-ratio: 94 / 73; z-index: 1; background-image: url('../img/character-deco-sns.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }
.re-sec-sns .re-card-ui-thumb { aspect-ratio: 16 / 9; height: auto; }
.re-sec-sns-featured { grid-area: featured; }
.re-sec-sns-featured .re-card-ui-thumb-wrap { position: relative; }
.re-sec-sns-featured .re-card-ui-thumb-wrap .re-sns { position: absolute; z-index: 3; width: 70px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.re-sec-sns-list { grid-area: list; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
.re-sec-sns-item { min-width: 0; }
.re-sec-sns-item .re-card-ui-thumb-wrap { position: relative; }
.re-sec-sns-item .re-card-ui-thumb-wrap .re-sns { position: absolute; z-index: 3; width: 40px; top: -20px; right: 10px; }
/* ===== } Info Section 04 ===== */
/* ======= } 정보마당 ======= */

/* ======= 귀어귀촌 지원정책 { ======= */
.re-support-policy { position: relative; padding: 85px 0 74px; background: linear-gradient(91.74deg, #E6F0FF 12.85%, rgba(181, 209, 255, 0.9) 84.53%); border-radius: 120px 0px 0px 0px; margin-bottom: 50px; }
.re-support-policy::before { content: ""; display: block; position: absolute; bottom: 0; left: -80px; width: 446px; max-width: 100%; aspect-ratio: 446 / 202; z-index: 0; background-image: url('../img/deco-support-policy.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }
.re-support-policy-wrap { display: flex; align-items: stretch; justify-content: space-between; }
.re-support-policy .re-main-info-sec-tit { width: 280px; position: relative; }
.re-support-policy .re-main-info-sec-tit::before { content: ""; display: block; position: absolute; bottom: -150px; right: -170px; height: 244px; aspect-ratio: 226 / 244; z-index: 0; background-image: url('../img/character-deco-support-policy.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }
.re-support-policy .re-main-info-sec-tit span { display: block; font-weight: 300; font-size: 28px; line-height: 1.2; }
.re-support-policy-swiper-wrap { position: relative; max-width: 1146px; width: 70%; padding: 0 80px; }
.re-support-policy-swiper-wrap .re-swiper-tile-ui .swiper-slide { border: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); }
/* ======= } 귀어귀촌 지원정책 ======= */

/* ======= 관련사이트 배너 { ======= */
.re-relationship-banner { border-top: 1px solid #E8E8E8; }
.re-relationship-banner-wrap { display: flex; align-items: center; gap: 90px; height: 70px; }
.re-relationship-banner-remote { flex: 0 0 auto; }
.re-relationship-banner-swiper { flex: 1 1 0; min-width: 0; width: auto; overflow: hidden; }
.re-relationship-banner-swiper .swiper-slide { width: auto; height: 100%; display: flex; align-items: center; }
.re-relationship-banner-swiper .swiper-slide a { display: block; height: 60px; outline-offset: -2px; }
.re-relationship-banner-swiper .swiper-slide img { height: 100%; }
/* ======= } 관련사이트 배너 ======= */

/* ==================== 반응형 ==================== */

/* ===== max-width:1800px { ===== */
@media screen and (max-width:1800px) {
  /* ===== Common { ===== */
  /* === Tab Menu { === */
  .re-tab-section { padding: 50px 30px; }
  /* === } Tab Menu === */
  /* ===== } Common ===== */

  /* ======= 정보마당 { ======= */
  /* ===== Info Section 01 { ===== */
  .re-main-info-sec1 { gap: 30px; }
  /* === 새소식 { === */
  .re-main-info-sec1-left { flex: 1 1 0; }
  .re-news-tab-cont-inner { gap: 30px; }
  .re-news-item { padding-bottom: 14px; }
  /* === } 새소식 === */
  /* === 지원서비스 & 바로가기 모음 { === */
  .re-main-info-sec1-right { flex: 1 1 0; }
  /* 바로가기 모음 { */
  .re-direct-link-list { gap: 20px; }
  .re-direct-link-list .re-btn-arrow { height: 60px; }
  /* } 바로가기 모음 */
  /* === } 지원서비스 & 바로가기 모음 === */
  /* ===== } Info Section 01 ===== */

  /* ===== Info Section 03 { ===== */
  /* === 어촌정보 { === */
  .re-village-info .re-main-shadow-box { padding: 30px; gap: 30px; }
  .re-village-visual { flex: 0 0 230px; width: 230px; }
  /* === } 어촌정보 === */
  /* ===== } Info Section 03 ===== */
  /* ======= } 정보마당 ======= */
}
/* ===== } max-width:1800px ===== */

/* ===== max-width:1600px { ===== */
@media screen and (max-width:1600px) {
  /* ===== Common { ===== */
  /* === Font { === */
  .re-article-tit-lg { font-size: 20px; }
  .re-article-tit-md { font-size: 18px; }
  /* === } Font === */
  /* === Tab Menu { === */
  .re-tab-section { padding: 30px 20px; }
  .re-tab-menu .re-tab-btn-list { gap: 6px; }
  .re-tab-menu .re-tab-btn-list .re-tab-btn { font-size: 20px; padding: 5px; }
  /* === } Tab Menu === */
  /* === Btn Arrow { === */
  .re-btn-arrow { padding: 10px; }
  /* === } Btn Arrow === */
  /* ===== } Common ===== */

  /* ======= 정보마당 { ======= */
  .re-main-info-sec-tit { font-size: 30px; }
  /* ===== Info Section 01 { ===== */
  /* === 새소식 { === */
  .re-news::before { height: 180px; top: -154px; }
  /* === } 새소식 === */
  /* ===== } Info Section 01 ===== */

  /* ===== Info Section 03 { ===== */
  /* === 어촌정보 { === */
  .re-village-link-list .re-btn-arrow { flex-direction: column; gap: 0; }
  .re-village-link-list .re-btn-arrow span { text-align: center; letter-spacing: -0.04em; }
  /* === } 어촌정보 === */
  /* === 귀어귀촌 지원센터 { === */
  .re-support-school-tab .re-tab-btn-list .re-tab-btn::before { bottom: -5%; }
  /* === } 귀어귀촌 지원센터 === */
  /* ===== } Info Section 03 ===== */
  /* ======= } 정보마당 ======= */

  /* ======= 귀어귀촌 지원정책 { ======= */
  .re-support-policy .re-main-info-sec-tit::before { height: 200px; right: -50px; }
  .re-support-policy-swiper-wrap { padding: 0 60px; }
  /* ======= } 귀어귀촌 지원정책 ======= */
}
/* ===== } max-width:1600px ===== */

/* ===== max-width:1440px { ===== */
@media screen and (max-width:1440px) {
  /* ===== Common { ===== */
  /* === Font { === */
  .re-article-tit-xl { font-size: 22px; }
  .re-article-tit-lg { font-size: 20px; }
  .re-article-tit-md { font-size: 18px; }
  /* === } Font === */
  /* === Btn Arrow { === */
  .re-btn-arrow span { font-size: 16px; }
  .re-btn-arrow i { font-size: 20px; }
  /* === } Btn Arrow === */
  /* === Card UI { === */
  .re-card-ui .re-news-date { margin-top: 0; }
  /* === } Card UI === */
  /* ===== } Common ===== */

  /* === Main Visual { === */
  .re-main-visual-wrap { height: 440px; }
  /* Quick Menu { */
  .re-quick-menu-wrap.is-open { width: 250px; padding: 30px 34px; }
  .re-quick-menu-wrap.is-closed { width: 80px; padding: 10px; }
  .re-quick-menu-head { margin-bottom: 20px; }
  .re-quick-menu-tit { font-size: 26px; }
  .re-quick-menu { height: 320px; width: 180px; }
  .re-quick-menu > ul { grid-template-columns: 70px 70px; }
  .re-quick-menu > ul > li { width: 66px; }
  .re-quick-menu-item > a { gap: 10px; }
  .re-quick-menu-item p { font-size: 13px; }
  .re-quick-menu-icon { width: 54px; }
  .re-quick-menu-icon > i { width: 27px; }
  .re-quick-menu-toggle { width: 52px; right: -26px; font-size: 22px; }
  /* } Quick Menu */
  /* Main Visual Swiper { */
  .re-main-visual-txt { font-size: 18px; }
  .re-main-visual-txt .re-f-daegu { font-size: 40px; }
  .re-main-visual-txt .re-water-deco::before { width: 50px; top: -16px; }
  .re-main-visual-txt br { display: block; }
  /* } Main Visual Swiper */
  /* === } Main Visual === */

  /* === Latest News { === */
  .re-latest-news-wrap { padding: 10px 40px; }
  .re-latest-news-item { padding: 0 20px; }
  .re-latest-news-bedge { margin-right: 4px; }
  /* === } Latest News === */

  /* ======= 정보마당 { ======= */
  .re-main-info-tit { font-size: 40px; }
  /* ===== Info Section 01 { ===== */
  .re-main-info-sec1 { gap: 20px; }
  /* === 새소식 { === */
  .re-news::before { height: 150px; top: -124px; left: -14px; }
  .re-news-tab-cont-inner { gap: 14px; }
  .re-news-featured .re-card-ui-txt { margin-top: 18px; }
  .re-news-tit-wrap { margin-top: 10px; }
  /* === } 새소식 === */
  /* === 지원서비스 & 바로가기 모음 { === */
  /* 바로가기 모음 { */
  .re-direct-link-list { gap: 20px 10px; }
  /* } 바로가기 모음 */
  /* === } 지원서비스 & 바로가기 모음 === */
  /* ===== } Info Section 01 ===== */

  /* ===== Info Section 02 { ===== */
  /* === 카드뉴스 { === */
  .re-card-news-list { gap: 20px; }
  .re-card-news-item { flex-basis: calc((100% - 20px * 3) / 4); width: calc((100% - 20px * 3) / 4); max-width: calc((100% - 20px * 3) / 4); }
  /* === } 카드뉴스 === */
  /* ===== } Info Section 02 ===== */

  /* ===== Info Section 03 { ===== */
  .re-main-info-sec3 { gap: 30px; }
  /* === 어촌정보 { === */
  .re-village-info .re-main-shadow-box { padding: 20px; gap: 20px; }
  .re-village-visual { flex: 0 0 200px; width: 200px; }
  .re-village-link-list { gap: 10px; }
  /* === } 어촌정보 === */
  /* === 귀어귀촌 지원센터 { === */
  .re-support-school::before { height: 120px; top: -30px; right: -10px; }
  .re-main-info-sec-desc { font-size: 18px; }
  /* === } 귀어귀촌 지원센터 === */
  /* ===== } Info Section 03 ===== */

  /* ===== Info Section 04 { ===== */
  .re-sec-sns { gap: 0 20px; }
  .re-sec-sns .re-main-info-sec-tit::before { height: 54px; }
  .re-sec-sns-list { gap: 20px; }
  /* ===== } Info Section 04 ===== */
  /* ======= } 정보마당 ======= */

  /* ======= 귀어귀촌 지원정책 { ======= */
  .re-support-policy-wrap { padding: 0 20px; }
  /* ======= } 귀어귀촌 지원정책 ======= */
}
/* ===== } max-width:1440px ===== */

/* ===== max-width:1280px { ===== */
@media screen and (max-width:1280px) {
  /* ===== Common { ===== */
  /* === Tab Menu { === */
  .re-tab-menu .re-tab-nav { height: 36px; }
  .re-tab-menu .re-tab-btn-list .re-tab-btn { font-size: 18px; }
  .re-sec-more,
  .re-tab-menu .re-tab-more { font-size: 28px; }
  /* === } Tab Menu === */
  /* ===== } Common ===== */

  /* ======= 정보마당 { ======= */
  .re-main-info::before { height: 50%; }
  .re-main-info-sec-tit { font-size: 26px; margin-bottom: 20px; }
  .re-card-news-head { margin-bottom: 20px; }
  /* ===== Info Section 01 { ===== */
  .re-main-info-sec1 { flex-direction: column; }
  /* === 새소식 { === */
  .re-main-info-sec1-left { flex: none; width: 100%; }
  .re-news-featured { flex: 3 1 0; }
  .re-news-list { flex: 7 1 0; }
  .re-news-tit-wrap { flex-direction: column; gap: 0; align-items: stretch; }
  .re-news-tit { flex: none; width: 100%; }
  .re-news-tit-wrap .re-news-date { text-align: right; }
  /* === } 새소식 === */
  /* === 지원서비스 & 바로가기 모음 { === */
  .re-main-info-sec1-right { flex: none; width: 100%; flex-direction: row; gap: 20px; }
  /* 지원서비스 목록 { */
  .re-support-services-item { padding-bottom: 10px; }
  .re-support-services-item:not(:last-of-type) { margin-bottom: 20px; }
  /* } 지원서비스 목록 */
  /* 바로가기 모음 { */
  .re-support-services { flex: 1 1 0; min-width: 0; }
  .re-direct-link { flex: 0 0 auto; min-width: 0; }
  .re-direct-link-list { height: 100%; grid-template-rows: repeat(2, 1fr); }
  .re-direct-link-list .re-btn-arrow { flex-direction: column; gap: 0; height: 100%; justify-content: center; }
  .re-direct-link-list .re-btn-arrow span { text-align: center; letter-spacing: -0.04em; }
  /* } 바로가기 모음 */
  /* === } 지원서비스 & 바로가기 모음 === */
  /* ===== } Info Section 01 ===== */

  /* ===== Info Section 03 { ===== */
  .re-main-info-sec3 { flex-direction: column; }
  /* === 어촌정보 { === */
  .re-village-info { flex: none; width: 100%; }
  .re-village-visual { flex: 0 0 40%; width: 40%; border-radius: 10px; }
  .re-village-link-list .re-btn-arrow { flex-direction: row; gap: 8px; }
  /* === } 어촌정보 === */
  /* === 귀어귀촌 지원센터 { === */
  .re-support-school { flex: none; width: 100%; }
  /* === } 귀어귀촌 지원센터 === */
  /* ===== } Info Section 03 ===== */
  /* ======= } 정보마당 ======= */
}
/* ===== } max-width:1280px ===== */

/* ===== max-width:1024px { ===== */
@media screen and (max-width:1024px) {
  /* ===== Common { ===== */
  /* === Font { === */
  .re-article-tit-xl { font-size: 20px; }
  .re-article-tit-lg { font-size: 18px; }
  .re-article-tit-md { font-size: 16px; }
  .re-article-tit-sm { font-size: 16px; }
  /* === } Font === */
  /* === Tile Style Swiper { === */
  .swiper.re-swiper-tile-ui { overflow: visible; }
  .re-swiper-tile-ui .swiper-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); flex-wrap: wrap; gap: 8px; padding-top: 16px; transform: none !important; transition: none !important; }
  .re-swiper-tile-ui .swiper-slide { flex: 1 1 0; width: auto !important; min-width: 0; aspect-ratio: unset; margin: 0 !important; }
  .re-swiper-tile-ui .swiper-slide a { gap: 0; padding: 20px 5px; aspect-ratio: unset; height: 100%; width: 100%; }
  .re-swiper-tile-ui .swiper-slide a span { font-size: 14px; }
  .re-swiper-tile-ui .swiper-slide img { display: none; }
  .re-swiper-tile-remote { display: none; }
  .re-swiper-tile-ui .swiper-slide.hvr-float:hover,
  .re-swiper-tile-ui .swiper-slide.hvr-float:focus,
  .re-swiper-tile-ui .swiper-slide.hvr-float:active { transform: none; }
  .re-swiper-tile-ui .swiper-slide.hvr-icon-bob:hover .hvr-icon,
  .re-swiper-tile-ui .swiper-slide.hvr-icon-bob:focus .hvr-icon,
  .re-swiper-tile-ui .swiper-slide.hvr-icon-bob:active .hvr-icon { animation: none; transform: none; }
  /* === } Tile Style Swiper === */
  /* === News Category { === */
  .re-news-date { font-size: 13px; }
  /* === } News Category === */
  /* ===== } Common ===== */

  /* === Main Visual { === */
  .re-main-visual-wrap { border-radius: 0 0 30px 30px; }
  /* Quick Menu { */
  .re-quick-menu-wrap { border-radius: 0 30px 0 0; }
  /* } Quick Menu */
  /* === } Main Visual === */

  /* === Latest News { === */
  .re-latest-news-wrap { height: auto; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; grid-template-areas: "title remote" "swiper swiper"; align-items: center; gap: 12px 0; padding: 20px 28px; border-radius: 20px; }
  .re-latest-news-wrap > .re-latest-news-sec-tit { grid-area: title; font-size: 18px; font-weight: 700; }
  .re-latest-news-wrap > .re-latest-news-remote { grid-area: remote; }
  .re-latest-news-wrap > .re-latest-news-swiper { grid-area: swiper; }
  .re-latest-news-swiper { width: 100%; max-width: none; height: 100px; overflow: hidden; }
  .re-latest-news-swiper .swiper-wrapper { height: 100%; }
  .re-latest-news-swiper .swiper-slide { height: 50px !important; display: flex; align-items: stretch; box-sizing: border-box; }
  .re-latest-news-swiper .swiper-slide-active { border-bottom: 1px solid #CDCDCD; }
  .re-latest-news-swiper .swiper-slide-active .re-latest-news-item::before { display: none; }
  .re-latest-news-swiper .swiper-slide article { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
  .re-latest-news-item { width: 100%; padding: 10px; gap: 8px; }
  .re-latest-news-bedge { flex-shrink: 0; }
  .re-latest-news-date { font-size: 13px; }
  /* === } Latest News === */

  /* ======= 정보마당 { ======= */
  .re-main-info { padding-top: 55px; }
  .re-main-info::before { top: -90px; height: 55%; }
  .re-main-info-tit { font-size: 28px; margin-bottom: 20px; }
  .re-main-info-tit::before { width: 36px; top: -16px; }
  .re-main-info-sec-tit { font-size: 22px; margin-bottom: 18px; }
  .re-card-news-head { margin-bottom: 18px; }
  .re-info-sec-wrap { margin-bottom: 40px; }
  /* ===== Info Section 01 { ===== */
  .re-main-info-sec1 { flex-direction: column; gap: 30px; }
  /* === 새소식 { === */
  .re-news::before { height: 120px; left: 5px; top: -95px; }
  .re-news-tab-cont-inner { flex-direction: column; gap: 16px; }
  .re-news-featured { display: none; }
  .re-news-list { flex: none; width: 100%; gap: 0; }
  .re-news-item { padding: 10px; }
  .re-news-item a { display: flex; align-items: center; gap: 12px; min-width: 0; }
  .re-news-item a > .re-main-info-bedge { flex: 0 0 auto; }
  .re-news-tit-wrap { flex: 1 1 auto; min-width: 0; flex-direction: row; align-items: center; gap: 4px; margin-top: 0; }
  .re-news-tit { flex: 1 1 0; min-width: 0; width: auto; }
  .re-news-tit-wrap .re-news-date { text-align: left; }
  /* === } 새소식 === */
  /* === 지원서비스 & 바로가기 모음 { === */
  .re-main-info-sec1-right { flex-direction: column; gap: 30px; }
  /* 지원서비스 목록 { */
  .re-support-services-item { padding: 10px; }
  .re-support-services-item:not(:last-of-type) { margin-bottom: 0; }
  .re-support-services-item a { gap: 10px; }
  /* } 지원서비스 목록 */
  /* 바로가기 모음 { */
  .re-direct-link-list { gap: 10px; }
  .re-direct-link-list .re-btn-arrow { flex-direction: row; gap: 8px; }
  /* } 바로가기 모음 */
  /* === } 지원서비스 & 바로가기 모음 === */
  /* ===== } Info Section 01 ===== */

  /* ===== Info Section 02 { ===== */

  /* ===== Info Section 02 { ===== */
  /* === 카드뉴스 { === */
  .re-card-news-list { display: flex; gap: 10px; }
  .re-card-news-item { flex: 0 0 calc((100% - 10px * 2) / 3); width: calc((100% - 10px * 2) / 3); max-width: calc((100% - 10px * 2) / 3); }
  .re-card-news-item:last-child { display: none; }
  /* === } 카드뉴스 === */
  /* ===== } Info Section 02 ===== */

  /* ===== Info Section 03 { ===== */
  .re-main-info-sec3 { flex-direction: column; gap: 40px; }
  /* === 어촌정보 { === */
  .re-village-info .re-main-shadow-box { padding: 0; box-shadow: none; }
  .re-village-visual { display: none; }
  .re-village-link-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
  /* === } 어촌정보 === */
  /* === 귀어귀촌 지원센터 { === */
  .re-support-school::before { height: 90px; top: -10px; right: 6px; }
  .re-support-school-tab .re-tab-btn-list .re-tab-btn::before { bottom: -10%; }
  .re-main-info-sec-desc { font-size: 15px; }
  .re-support-school .re-swiper-tile-ui-wrap { padding: 0; }
  /* === } 귀어귀촌 지원센터 === */
  /* ===== } Info Section 03 ===== */

  /* ===== Info Section 04 { ===== */
  .re-sec-sns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: auto auto; gap: 16px 12px; grid-template-areas: "title title title" "featured list list"; }
  .re-sec-sns .re-tab-sec-head { grid-area: title; }
  .re-sec-sns-featured { grid-area: featured; min-width: 0; }
  .re-sec-sns-featured .re-card-ui-thumb-wrap .re-sns { width: 40px; top: -20px; right: 10px; left: auto; transform: none; }
  .re-sec-sns-list { grid-area: list; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .re-sec-sns-item:nth-child(n + 3) { display: none; }
  /* ===== } Info Section 04 ===== */
  /* ======= } 정보마당 ======= */

  /* ======= 귀어귀촌 지원정책 { ======= */
  .re-support-policy-wrap { padding: 0; }
  .re-support-policy { padding: 40px 0 36px; border-radius: 80px 0 0 0; margin-bottom: 30px; }
  .re-support-policy::after { content: ""; display: block; position: absolute; bottom: -30px; right: 0; height: 120px; aspect-ratio: 226 / 244; z-index: 0; background-image: url('../img/character-deco-support-policy.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }
  .re-support-policy-wrap { flex-direction: column; gap: 0; }
  .re-support-policy .re-main-info-sec-tit { width: 100%; padding-left: 40px; }
  .re-support-policy .re-main-info-sec-tit::before { display: none; }
  .re-support-policy .re-main-info-sec-tit span { font-size: 20px; }
  .re-support-policy-swiper-wrap { width: 100%; padding: 0; }
  /* ======= } 귀어귀촌 지원정책 ======= */

  /* ======= 관련사이트 배너 { ======= */
  .re-relationship-banner-wrap { gap: 30px; }
  /* ======= } 관련사이트 배너 ======= */
}
/* ===== } max-width:1024px ===== */

/* ===== max-width:768px { ===== */
@media screen and (max-width:768px) {
  /* ===== Common { ===== */
  .botBtTop.re-btn-top { width: 44px; height: 44px; font-size: 21px; }
  .botBtTop.re-btn-top > i { font-size: 21px; }
  /* === Font { === */
  .re-article-tit-xl { font-size: 16px; }
  .re-article-tit-lg { font-size: 16px; }
  .re-article-tit-md { font-size: 15px; }
  .re-article-tit-sm { font-size: 14px; }
  /* === } Font === */
  /* === Tile Style Swiper { === */
  .re-swiper-tile-ui .swiper-slide { flex: none; width: auto !important; border-radius: 14px; }
  .re-swiper-tile-ui .swiper-slide a { border-radius: 14px; }
  .re-swiper-tile-ui .swiper-slide a span { font-size: 14px; }
  /* === } Tile Style Swiper === */
  /* === Tab Menu { === */
  .re-tab-section { padding: 20px 16px; }
  .re-tab-menu .re-tab-nav { height: auto; }
  .re-tab-menu .re-tab-btn-list .re-tab-btn { font-size: 15px; padding: 4px; }
  /* === } Tab Menu === */
  /* === Btn Arrow { === */
  .re-btn-arrow { padding: 10px 12px; border-radius: 8px; }
  .re-btn-arrow span { font-size: 14px; }
  .re-btn-arrow i { font-size: 18px; }
  /* === } Btn Arrow === */
  /* === Card UI { === */
  .re-card-ui-txt { margin-top: 10px; }
  .re-card-ui .re-news-date { margin-top: 6px; }
  /* === } Card UI === */
  /* ===== } Common ===== */

  /* === Main Visual { === */
  .re-main-visual-wrap { height: 280px; margin-bottom: 30px; }
  /* Quick Menu { */
  .re-quick-menu-wrap.is-open { width: 260px; padding: 14px 24px; }
  .re-quick-menu-wrap.is-closed { width: 60px; }
  .re-quick-menu-wrap.is-closed .re-quick-menu-tit { font-size: 18px; }
  .re-quick-menu-head { margin-bottom: 16px; height: 28px; }
  .re-quick-menu-tit { font-size: 22px; }
  .re-quick-menu { height: auto; width: 100%; }
  .re-quick-menu > ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: unset; align-content: unset; justify-content: unset; gap: 8px 16px; }
  .re-quick-menu > ul > li { width: auto; min-width: 0; }
  .re-quick-menu-item > a { gap: 6px; }
  .re-quick-menu-item p { font-size: 12px; }
  .re-quick-menu-icon { width: 42px; }
  .re-quick-menu-icon > i { width: 23px; }
  .re-quick-menu-toggle { width: 40px; aspect-ratio: 1 / 1; right: -20px; border-radius: 12px; font-size: 18px; }
  /* } Quick Menu */
  /* Main Visual Swiper { */
  .re-main-visual-txt { top: 80px; font-size: 14px; }
  .re-main-visual-txt .re-f-daegu { font-size: 28px; }
  .re-main-visual-txt .re-water-deco::before { width: 36px; }
  .re-main-visual-remote { bottom: 14px; height: 26px; padding: 2px 12px; gap: 6px; }
  .re-main-visual-remote .re-main-visual-pagination { font-size: 13px; }
  /* } Main Visual Swiper */
  /* === } Main Visual === */

  /* === Latest News { === */
  .re-latest-news-wrap { padding: 16px 20px; }
  .re-latest-news-sec-tit { font-size: 16px; }
  .re-latest-news-bedge { width: 38px; height: 22px; font-size: 12px; }
  .re-latest-news-item { padding: 8px 0; }
  /* === } Latest News === */

  /* ======= 정보마당 { ======= */
  .re-main-info::before { top: -66px; height: 35%; min-height: 940px; }
  .re-main-info-bedge { font-size: 13px; padding: 4px 6px; }
  /* ===== Info Section 01 { ===== */
  /* === 새소식 { === */
  .re-news-item a { gap: 5px; }
  .re-news::before { height: 100px; top: -85px; left: -5px; }
  .re-news-tit-wrap { margin-top: 0; }
  /* === } 새소식 === */
  /* === 지원서비스 & 바로가기 모음 { === */
  /* 지원서비스 목록 { */
  .re-support-services-info { gap: 5px; }
  .re-support-services-status { font-size: 13px; }
  /* } 지원서비스 목록 */
  /* 바로가기 모음 { */
  .re-direct-link-list .re-btn-arrow { flex-direction: column; padding: 5px; gap: 0; }
  /* } 바로가기 모음 */
  /* === } 지원서비스 & 바로가기 모음 === */
  /* ===== } Info Section 01 ===== */

  /* ===== Info Section 03 { ===== */
  /* === 어촌정보 { === */
  .re-village-link-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* === } 어촌정보 === */
  /* === 귀어귀촌 지원센터 { === */
  .re-support-school::before { height: 65px; top: 20px; right: -5px; }
  /* === } 귀어귀촌 지원센터 === */
  /* ===== } Info Section 03 ===== */

  /* ===== Info Section 04 { ===== */
  /* 768: featured + list 세로 배치 */
  .re-sec-sns { display: flex; flex-direction: column; gap: 16px; grid-template-columns: none; grid-template-rows: none; grid-template-areas: none; }
  .re-sec-sns .re-tab-sec-head { grid-area: unset; flex-direction: column; align-items: center; }
  .re-sec-sns .re-main-info-sec-tit::before { display: none; }
  .re-sec-head-sns .re-sns { width: 32px; }
  .re-sec-sns-featured { grid-area: unset; width: 100%; max-width: 100%; }
  .re-sec-sns-featured .re-card-ui-thumb-wrap .re-sns,
  .re-sec-sns-item .re-card-ui-thumb-wrap .re-sns { width: 30px; top: -15px; }
  .re-sec-sns-list { display: flex; flex-direction: column; gap: 16px; grid-template-columns: none; }
  .re-sec-sns-item { width: 100%; max-width: 100%; }
  /* ===== } Info Section 04 ===== */
  /* ======= } 정보마당 ======= */

  /* ======= 관련사이트 배너 { ======= */
  .re-relationship-banner-wrap { gap: 12px; height: 60px; }
  .re-relationship-banner-remote .re-swiper-btn { height: 24px; }
  .re-relationship-banner-remote .re-swiper-btn > i { font-size: 15px; }
  .re-relationship-banner-swiper .swiper-slide a { height: 48px; }
  /* ======= } 관련사이트 배너 ======= */
}
/* ===== } max-width:768px ===== */

/* ===== max-width:425px { ===== */
@media screen and (max-width:425px) {
  /* ===== Common { ===== */
  .botBtTop.re-btn-top { width: 40px; height: 40px; font-size: 19px; }
  .botBtTop.re-btn-top > i { font-size: 19px; }
  /* === Font { === */
  .re-article-tit-xl { font-size: 15px; }
  .re-article-tit-lg { font-size: 15px; }
  .re-article-tit-md { font-size: 14px; }
  /* === } Font === */
  /* === Tile Style Swiper { === */
  .re-swiper-tile-ui .swiper-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding-top: 12px; }
  .re-swiper-tile-ui .swiper-slide { border-radius: 8px; overflow: hidden; }
  .re-support-school .re-swiper-tile-ui .swiper-slide { background: #EBF1FB; border-color: transparent; }
  .re-swiper-tile-ui .swiper-slide a { border-radius: 8px; justify-content: center; padding: 10px 12px; aspect-ratio: unset; height: 100%; min-height: 48px; }
.re-swiper-tile-ui .swiper-slide a span { min-width: 0; width: auto; font-size: 14px; line-height: 1.5; letter-spacing: -0.1em; word-break: keep-all; overflow-wrap: break-word; }
.re-swiper-tile-ui .swiper-slide a span br { display: none; }
.re-swiper-tile-ui .swiper-slide a > i { display: block; flex: 0 0 auto; font-size: 18px; transform: rotate(-45deg); transition: all .2s; }
  .re-swiper-tile-ui .swiper-slide:hover { border-color: transparent; }
  .re-swiper-tile-ui .swiper-slide:hover a { background: var(--re-main-color); color: #FFF; }
  .re-swiper-tile-ui .swiper-slide:hover a > i { transform: rotate(0); }
  /* === } Tile Style Swiper === */
  /* === Tab Menu { === */
  .re-tab-sec-head { flex-direction: column; }
  .re-tab-sec-head .re-main-info-sec-tit { margin-bottom: 5px; }
  .re-tab-menu .re-tab-nav { width: 100%; justify-content: flex-start; position: relative; }
  .re-tab-menu .re-tab-btn-list .re-tab-btn { font-size: 14px; }
  .re-tab-menu .re-tab-more { position: absolute; right: 0; top: -37px; }
  /* === } Tab Menu === */
  /* ===== } Common ===== */

  /* === Main Visual { === */
  .re-main-visual-wrap { height: 240px; }
  /* Main Visual Swiper { */
  .re-main-visual-txt { top: 60px; font-size: 13px; padding-left: 60px; }
  .re-main-visual-txt .re-f-daegu { font-size: 24px; }
  /* } Main Visual Swiper */
  /* === } Main Visual === */

  /* ======= 정보마당 { ======= */
  .re-main-info-tit { font-size: 28px; }
  /* ===== Info Section 01 { ===== */
  /* === 새소식 { === */
  .re-news-item { padding: 8px 0; }
  .re-news-item a { display: block; }
  /* === } 새소식 === */
  /* === 지원서비스 & 바로가기 모음 { === */
  /* 지원서비스 목록 { */
  .re-support-services-item { padding: 8px 0; }
  .re-support-services-info { gap: 4px; }
  /* } 지원서비스 목록 */
  /* 바로가기 모음 { */
  .re-direct-link-list .re-btn-arrow { height: 90px; justify-content: center; }
  /* } 바로가기 모음 */
  /* === } 지원서비스 & 바로가기 모음 === */
  /* ===== } Info Section 01 ===== */

  /* ===== Info Section 02 { ===== */
  /* === 카드뉴스 { === */
  .re-card-news-list { flex-wrap: wrap; gap: 10px; }
  .re-card-news-item { flex: 0 0 100%; width: 100%; max-width: 100%; }
  .re-card-news-item:nth-child(n + 3) { display: none; }
  /* === } 카드뉴스 === */
  /* ===== } Info Section 02 ===== */

  /* ===== Info Section 03 { ===== */
  /* === 어촌정보 { === */
  .re-village-visual { height: 130px; }
  /* === } 어촌정보 === */
  /* === 귀어귀촌 지원센터 { === */
  .re-support-school::before { height: 50px; top: 26px; }
  /* === } 귀어귀촌 지원센터 === */
  /* ===== } Info Section 03 ===== */

  /* ======= } 정보마당 ======= */
}
/* ===== } max-width:425px ===== */

@media screen and (max-width:360px) {
  /* === Main Visual { === */
  .re-main-visual-txt { padding-left: 50px; }
  .re-quick-menu-wrap.is-closed { width: 50px; }
  .re-quick-menu-wrap.is-closed .re-quick-menu-head { margin-right: 0; }
  .re-quick-menu-toggle { width: 30px; border-radius: 50%; right: auto; bottom: auto; transition: top .45s cubic-bezier(.4, 0, .2, 1), left .45s cubic-bezier(.4, 0, .2, 1), transform .45s cubic-bezier(.4, 0, .2, 1), width .3s, border-radius .3s; }
  .re-quick-menu-wrap.is-open .re-quick-menu-toggle { top: 50%; left: calc(100% - 15px); transform: translateY(-50%); }
  .re-quick-menu-wrap.is-closed .re-quick-menu-toggle { top: calc(100% - 45px); left: 10px; transform: translateY(0); }
  .re-quick-menu-toggle:hover > i { scale: 1; }
  .re-quick-menu-wrap.is-open .re-quick-menu-toggle:hover { right: auto; left: calc(100% - 15px); }
  .re-quick-menu-wrap.is-closed .re-quick-menu-toggle:hover { right: auto; left: 10px; }
  /* === } Main Visual === */
}
/* ===== } max-width:360px ===== */