/* home */
.section1 {background-color: #F5F7FA;margin-left: -2rem;margin-right: -2rem;padding-left: 2rem;padding-right: 2rem;padding-top: 2rem;padding-bottom: 3rem;}
.section1 .benefits_head{display: flex;justify-content: space-between;align-items: center;margin-bottom: 2rem;}
.section1 .benefits_head h2{font-size: 2rem;font-weight: bold;}
.section1 .benefits_slide .title span{background:#4f94f9;color: #fff;border-radius: 2rem;font-size: 1.4rem;width: 5rem;display: flex;justify-content: center;align-items: center;height: 2rem;}
.section1 .benefits_slide .title h3{font-size: 1.6rem;font-weight: 600;margin: 1.5rem 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.section1 .benefits_slide .detail{margin: 3rem 0;}
.section1 .benefits_slide .detail .detail_list{display: flex;margin-bottom: 1rem;}
.section1 .benefits_slide .detail .detail_list:last-child{margin-bottom: 0;}
.section1 .benefits_slide .detail span{font-size: 1.4rem;color: #666;margin-right: 3rem;}
.section1 .benefits_slide .detail p{font-size: 1.4rem;color: #1f1f1f;letter-spacing: 0rem;font-weight: 500;}
.section1 a{display: flex;background: #4f94f9;justify-content: center;align-items: center;color: #fff;font-size: 1.8rem;height: 5.5rem;border-radius: 1rem;font-weight: 600;}
.section1 .benefits_head .swiper-pagination {position: static;display: flex;align-items: center;width: auto;margin: 0; }
.section1 .benefits_head .swiper-pagination .swiper-pagination-bullet {width: 0.8rem;height: 0.8rem;background: #ccc;opacity: 1;}
.section1 .benefits_head .swiper-pagination .swiper-pagination-bullet-active {background: #4f94f9;}

.section2{margin-top: 3rem;}
.section2 h2{font-size: 2rem;font-weight: bold;margin-bottom: 2rem;}
.section2 .menu1 {display: flex;gap: 1rem;margin-bottom: 2rem;}
.section2 .menu1 li {width: calc((100% - 2rem) / 3);padding: 2rem;border-radius: 1rem;box-sizing: border-box;height: 10rem;}
.section2 .menu1 li a{font-size: 1.6rem;font-weight: 600;line-height: 2rem;}
.section2 .menu1 li:nth-child(1) {background-color: #f2f3f7;background-image: url(../img/main-icon-2.png);background-repeat: no-repeat;background-position: right 1.5rem bottom 1.5rem; background-size: auto;}
.section2 .menu1 li:nth-child(2) {background-color: #f2f3f7;background-image: url(../img/main-icon-3.png);background-repeat: no-repeat;background-position: right 1.5rem bottom 1.5rem; background-size: auto;}
.section2 .menu1 li:nth-child(3) {background-color: #f2f3f7;background-image: url(../img/main-icon-1.png);background-repeat: no-repeat;background-position: right 1.5rem bottom 1.5rem; background-size: auto;}

.section2 .menu2 li{border-radius: 1rem;padding: 2rem 2.5rem;margin-bottom: 2rem;}
.section2 .menu2 li a{display: flex;align-items: center;justify-content: space-between;}
.section2 .menu2 li .txt{display: flex;flex-direction: column;}
.section2 .menu2 li .txt span{font-size: 1.4rem;color: #464646;margin-bottom: 1rem;}
.section2 .menu2 li .txt strong{font-size: 1.8rem;color: #161616;font-weight: 500;}
.section2 .menu2 li:nth-child(1){background: #daebe3;}
.section2 .menu2 li:nth-child(2){background: #cbe0ff;}
.section2 .menu2 li p{font-size: 1.4rem;border-radius: 2rem;color: #fff;padding: 0.5rem 1.5rem;}
.section2 .menu2 li:nth-child(1) p{background: #5abd8e;}
.section2 .menu2 li:nth-child(2) p{background: #4f94f9;}

.section3 h2{font-size: 2rem;font-weight: bold;margin-bottom: 2rem;}
.section3> a{display: flex;background: #4f94f9;justify-content: center;align-items: center;color: #fff;font-size: 1.8rem;height: 5.5rem;border-radius: 1rem;font-weight: 600;}
.section3 ul{display: flex;justify-content: space-between;align-items: center;gap: 2.5rem;margin-bottom: 2rem;}
.section3 ul li{width: calc((100% - 2.5rem) / 2 );}
.section3 ul li .news_txt{margin-top: 1rem;}
.section3 ul li figure{height: 10rem;width: 100%;margin-bottom: 2rem;}
.section3 ul li figure img{border-radius: 1rem;}
.section3 ul li a{display: block;}
.section3 ul li h3{font-size: 1.7rem;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.section3 ul li p{font-size: 1.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0.8rem 0;}
.section3 ul li span{font-size: 1.4rem;color: #686868;margin-top: 1.8rem;display: block;}

/* 상환계산기 */


.page_header {
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 8rem;
    padding: 0 2rem;
    background-color: #ffffff;
    border-bottom: 1px solid #e8eaed;
}

.page_header a {
    position: absolute;
    left: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
}

.page_header a img {
    height: 1.5rem;
    object-fit: contain;
}

.page_header h1 {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.3px;
    color: #1a1a2e;
}

.input-wrap {
    display: flex;
    align-items: center;
    border: 1.5px solid #e0e3e8;
    border-radius: 10px;
    padding: 0 14px;
    height: 52px;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.input-wrap:focus-within {
    border-color: #4a90e2;
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.12);
}

.input-wrap input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    font-weight: 400;
    color: #1a1a2e;
    letter-spacing: -0.2px;
    text-align: right;
    padding-right: 6px;
}

.input-wrap input::placeholder {
    color: #c0c5cf;
    font-weight: 400;
}

.input-wrap .unit {
    font-size: 14px;
    font-weight: 500;
    color: #8a909e;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ===========================
   안내 문구
   =========================== */
.clac_container h3{font-size: 1.6rem;font-weight: 500;margin-top: 3rem;margin-bottom: 1.5rem;}
.clac_container h3{font-size: 1.6rem;font-weight: 500;margin-top: 3rem;}
.notice {
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    letter-spacing: -0.1px;
    padding-left: 2px;
    margin-top: 1rem;
    display: block;
}

/* ===========================
   셀렉트박스
   =========================== */

.container ul li select {
    width: 100%;
    height: 52px;
    padding: 0 40px 0 14px;
    border: 1.5px solid #e0e3e8;
    border-radius: 10px;
    background-color: #f7f8fa;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a909e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 15px;
    font-weight: 400;
    color: #1a1a2e;
    font-family: inherit;
    letter-spacing: -0.2px;
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.container ul li select:focus {
    border-color: #4a90e2;
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.12);
}

.container ul li select option {
    color: #1a1a2e;
}

/* ===========================
   계산하기 버튼
   =========================== */

#calc_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 54px;
    margin-top: 36px;
    background-color: #4a90e2;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.2px;
    border-radius: 12px;
    text-decoration: none;
    cursor: pointer;
    border: none;
}

/* ===========================
   거치기간 (토글)
   =========================== */

#grace_period_wrap {
    transition: opacity 0.2s ease;
}

#grace_period_wrap[style*="none"] {
    opacity: 0;
    pointer-events: none;
}

/* ===========================
   로딩 마스크
   =========================== */

#loading-mask {
    background-color: #ffffff;
}

/* ===========================
   커스텀 셀렉트
   =========================== */

.custom-select {
    position: relative;
    width: 100%;
    user-select: none;
}

/* 트리거 (닫힌 상태) */
.custom-select__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 52px;
    padding: 0 14px;
    border: 1.5px solid #e0e3e8;
    border-radius: 10px;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.custom-select.open .custom-select__trigger {
    border-color: #4a90e2;
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.12);
    border-radius: 10px 10px 0 0;
    border-bottom-color: transparent;
}

.custom-select__value {
    font-size: 15px;
    font-weight: 400;
    color: #1a1a2e;
    letter-spacing: -0.2px;
}

/* 화살표 아이콘 */
.custom-select__arrow {
    width: 16px;
    height: 16px;
    object-fit: contain;
    transition: transform 0.25s ease;
    /* img 없을 경우 SVG 대체 */
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a909e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}

.custom-select.open .custom-select__arrow {
    transform: rotate(180deg);
}

/* 드롭다운 */
.custom-select__dropdown {
    display: none;
    position: absolute;
    top: calc(100% - 2px); /* 트리거 border 겹침 처리 */
    left: 0;
    right: 0;
    background-color: #ffffff;
    border: 1.5px solid #4a90e2;
    border-top: none;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.12);
    z-index: 200;
    list-style: none;
    overflow: hidden;
    animation: dropdownFade 0.18s ease;
}

@keyframes dropdownFade {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.custom-select.open .custom-select__dropdown {
    display: block;
}

/* 옵션 아이템 */
.custom-select__dropdown li {
    padding: 15px 14px;
    font-size: 15px;
    font-weight: 400;
    color: #3d3d3d;
    letter-spacing: -0.2px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.custom-select__dropdown li:last-child {
    border-bottom: none;
}

.custom-select__dropdown li:hover {
    background-color: #f5f8fd;
}

/* 선택된 항목 강조 */
.custom-select__dropdown li.selected {
    color: #4a90e2;
    font-weight: 600;
}


/* ===========================
   상환스케줄계산기 결과 - calc_result.css
   10px = 1rem 기준
   =========================== */

html {
    font-size: 10px;
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
    font-size: 1.4rem;
    color: #1a1a2e;
    background-color: #ffffff;
    -webkit-font-smoothing: antialiased;
}

/* ===========================
   페이지 헤더
   =========================== */

.page_header {
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 8rem;
    padding: 0 2rem;
    background-color: #ffffff;
    border-bottom: 1px solid #e8eaed;
}

.page_header a {
    position: absolute;
    left: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
}

.page_header a img {
    width: 2rem;
    height: 1.5rem;
    object-fit: contain;
}

.page_header h1 {
    font-size: 1.7rem;
    font-weight: 600;
    letter-spacing: -0.03rem;
    color: #1a1a2e;
}

/* ===========================
   섹션 공통
   =========================== */

.result-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.2rem;
}

.section-header h3 {
    font-size: 1.6rem;
    font-weight: 500;
    color: #1a1a2e;
}

.unit-label {
    font-size: 1.3rem;
    font-weight: 400;
    color: #8a909e;
    letter-spacing: -0.01rem;
}

/* ===========================
   상환내역 박스
   =========================== */

.result-box {
    border: 1.5px solid #e0e3e8;
    border-radius: 1rem;
    overflow: hidden;
    background-color: #ffffff;
}

.result-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.4rem 1.6rem;
    border-bottom: 1px solid #f0f2f5;
}

.result-row:last-child {
    border-bottom: none;
}

.result-row strong {
    font-size: 1.4rem;
    font-weight: 500;
    color: #3d3d3d;
    letter-spacing: -0.02rem;
}

.result-row p {
    font-size: 1.4rem;
    font-weight: 400;
    color: #1a1a2e;
    letter-spacing: -0.02rem;
    text-align: right;
}

.result-row .value {
    font-weight: 500;
    font-size: 1.4rem;
}

.result-row .sub-label {
    font-size: 1.1rem;
    color: #8a909e;
    margin-left: 0.4rem;
}

/* ===========================
   상환스케줄 테이블
   =========================== */

.table-wrap {
    border: 1.5px solid #e0e3e8;
    border-radius: 1rem;
    overflow: hidden;
}

.schedule-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

/* 헤더 */
.schedule-table thead tr {
    background-color: #f7f8fa;
    border-bottom: 1.5px solid #e0e3e8;
}

.schedule-table thead th {
    padding: 1.2rem 0.6rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: #8a909e;
    text-align: center;
    letter-spacing: -0.02rem;
}

/* 바디 */
.schedule-table tbody tr {
    border-bottom: 1px solid #f0f2f5;
    transition: background-color 0.15s ease;
}

.schedule-table tbody tr:last-child {
    border-bottom: none;
}


.schedule-table tbody td {
    padding: 1.3rem 0.6rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: #3d3d3d;
    text-align: center;
    letter-spacing: -0.01rem;
    word-break: break-all;
}

/* 회차 열 */
.schedule-table th:first-child,
.schedule-table td:first-child {
    color: #1a1a2e;
    width: 10%;
}

/* ===========================
   다시 계산하기 버튼
   =========================== */

#recalc-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 5.4rem;
    background-color: #4a90e2;
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.02rem;
    border-radius: 1.2rem;
    text-decoration: none;
}

/* 정책 자금*/
.fund_container h2{font-size: 2rem;font-weight: bold;margin-bottom: 2rem;margin-top: 3rem;}
.fund_container .fund-list{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);gap: 1.5rem;margin-top: 2rem;}
.fund_container .fund-list li{background: #f2f3f7;border-radius: 1rem;display: flex;justify-content: center;align-items: center;padding: 2rem;box-sizing: border-box;height: 8rem;}
.fund_container .fund-list li a{display: flex;justify-content: space-between;align-items: center;gap: 2rem;}
.fund_container .fund-list li a p{font-size: 1.5rem;line-height: 2rem;}


/*정책 자금 세부페이지 */
.fund_container .box{border: 1px solid #ddd;padding: 1.5rem;border-radius: 0.5rem;margin-bottom: 1.5rem;}
.fund_container .box h4{font-size: 1.4rem;margin-bottom: 1rem;}
.fund_container .box p{font-size: 1.3rem;color: #464646;line-height: 1.6rem;}
.fund_container .list_back{display: flex;background: #4f94f9;justify-content: center;align-items: center;color: #fff;font-size: 1.8rem;height: 5.5rem;border-radius: 1rem;font-weight: 600;}


/* 공고 리스트 */
.notice-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.notice-list li a {
    text-decoration: none;
    display: block;
}

.notice-item {
    border-bottom: 1px solid #ddd;
    background: #fff;
    transition: box-shadow 0.2s ease;
    padding-bottom: 3rem;
}


.notice-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.8rem;
}

.notice-type {
background:#4f94f9;color: #fff;border-radius: 2rem;font-size: 1.4rem;width: 5rem;display: flex;justify-content: center;align-items: center;height: 2rem;

}

.notice-deadline {
    font-size: 1.1rem;
    color: #8a909e;
}

.notice-title {
font-size: 1.6rem;font-weight: 600;margin: 2rem 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.notice-organ {
    font-size: 1.2rem;
    color: #8a909e;
}

.notice-empty {
    text-align: center;
    padding: 4rem 0;
    color: #8a909e;
    font-size: 1.4rem;
}

/* 페이지네이션 */
.pagenation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin-top: 2.4rem;
    padding-bottom: 3rem;
}

.pagenation a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 0.6rem;
    font-size: 1.3rem;
    font-weight: 500;
    color: #3d3d3d;
    text-decoration: none;
    transition: all 0.15s ease;
}


/* 검색 버튼 */
#search_btn {
    height: 5.2rem;
    padding: 0 1.6rem;
    background: #4a90e2;
    color: #fff;
    border: none;
    border-radius: 1rem;
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    font-family: inherit;
}

.select_notiece {
    display: flex;
    gap: 0.8rem;
    align-items: center;
    margin-bottom: 2rem;
}

.select_notiece .custom-select {
    flex-shrink: 0;
    width: 11rem;
}

.select_notiece input[type="text"] {
    flex: 1;
    height: 5.2rem;
    padding: 0 1.4rem;
    border: 1.5px solid #e0e3e8;
    border-radius: 1rem;
    font-size: 1.4rem;
    font-family: inherit;
    outline: none;
    background: #f7f8fa;
}

.select_notiece input[type="text"]:focus {
    border-color: #4a90e2;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(74,144,226,0.12);
}

/* ===========================
   notices.css
   10px = 1rem 기준
   =========================== */

/* 필터 영역 */
.notices_container{position: relative;}
.notices_container h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 1.6rem;
    letter-spacing: -0.03rem;
    margin-top: 3rem;
}

.select_notiece {
    display: flex;
    gap: 0.8rem;
    align-items: center;
}

.select_notiece .custom-select {
    width: 11rem;
}

/* 검색창 */
.search-wrap {
    display: flex;
    align-items: center;
    height: 5.2rem;
    border: 1.5px solid #e0e3e8;
    border-radius: 1rem;
    padding: 0 1.2rem;
    flex: 1;       
    min-width: 0;
}

.center_search{flex: 0;}

.search-wrap:focus-within {
    border-color: #4a90e2;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(74,144,226,0.12);
}

.search-wrap input[type="text"] {
    flex: 1;
    min-width: 0;
    height: 4.5rem;
    border: none;
    outline: none;
    background: transparent;
    font-size: 1.4rem;
    color: #242424;
}

.search-wrap input[type="text"]::placeholder {
    color: #c0c5cf;
}

#search_btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
}

#search_btn img {
    width: 1.8rem;
    height: 1.8rem;
    object-fit: contain;
    opacity: 0.5;
}

/* 공고 리스트 */
.notice-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.notice-list li a {
    text-decoration: none;
    display: block;
}

.notice-item {
    border-bottom: 1px solid #f0f2f5;
}

.notice-list li:last-child .notice-item {
    border-bottom: none;
}



.notice-meta {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.notice-meta-row {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.meta-label {
font-size: 1.4rem;color: #666;margin-right: 3rem;

}

.meta-value {
font-size: 1.4rem;color: #1f1f1f;letter-spacing: 0rem;font-weight: 500;
}

.notice-empty {
    text-align: center;
    padding: 6rem 0;
    color: #8a909e;
    font-size: 1.4rem;
}

/* 페이지네이션 */
.pagenation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin-top: 3.2rem;
    padding-bottom: 3rem;
}

.pagenation a,
.pagenation span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 500;
    color: #3d3d3d;
    text-decoration: none;
    transition: all 0.15s ease;
}


/* 숫자 버튼 hover */
.pagenation a.page-num:hover {
    background: #f5f8fd;
    color: #4a90e2;
}

/* active 동그라미 */
.pagenation a.page-num.active {
    background: #4a90e2;
    color: #fff;
    font-weight: 700;
}

/* 화살표 이미지 */
.pagenation .page-arrow img {
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
}

/* 비활성 화살표 */
.pagenation .page-arrow.disabled {
    pointer-events: none;
    cursor: default;
}

.pagenation .page-arrow.disabled img {
    opacity: 0.3;
}

.apply{position: absolute;top: 2.8rem;right:2rem;background: #4f94f9;color: #fff;display: flex;align-items: center;justify-content: center;width: 6em;height: 2.5rem;font-size: 1.3rem;border-radius: 2rem;}
.notices_container .box{border: 1px solid #ddd;padding: 1.5rem;border-radius: 0.5rem;margin-bottom: 1.5rem;}
.notices_container .box h4{font-size: 1.4rem;margin-bottom: 1rem;}
.notices_container .box p{font-size: 1.3rem;color: #464646;line-height: 2rem;}
.notices_container .list_back{display: flex;background: #4f94f9;justify-content: center;align-items: center;color: #fff;font-size: 1.8rem;height: 5.5rem;border-radius: 1rem;font-weight: 600;}


.center_container h2{font-size: 2rem;font-weight: bold;margin-bottom: 2rem;margin-top: 3rem;}
.center_container .center-list{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);gap: 1.5rem;margin-top: 2rem;}
.center_container .center-list li{background: #f2f3f7;border-radius: 1rem;display: flex;justify-content: center;align-items: center;padding: 2rem;box-sizing: border-box;height: 8rem;}
.center_container .center-list li a{display: flex;justify-content: space-between;align-items: center;gap: 2rem;}
.center_container .center-list li a p{font-size: 1.5rem;line-height: 2rem;font-weight: 600; }

.center_container .center-info li{display: flex;justify-content: center;align-items: center;margin-bottom: 1rem;}
.center_container .center-info li strong{font-size: 1.4rem; font-weight: 500;color: #666;width: 7rem;}
.center_container .center-info li p{font-size: 1.4rem; font-weight: 600;width: 27rem;line-height: 2rem;}

.center_container #map{background: #bebebe;height: 30rem;margin-top: 3rem;margin-bottom: 3rem;}
.center_container .list_back{display: flex;background: #4f94f9;justify-content: center;align-items: center;color: #fff;font-size: 1.8rem;height: 5.5rem;border-radius: 1rem;font-weight: 600;}


/* 뉴스 */
/* ===========================
   news.css  /  10px = 1rem
   =========================== */

.news_container h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    letter-spacing: -0.03rem;
    margin-top: 3rem;
    margin-bottom: 1.6rem;
}

/* 뉴스 리스트 */
.news-list {
    list-style: none;
    display: flex;
    flex-direction: column;
}

.news-list li a {
    display: flex;
    align-items: flex-start;
    gap: 1.4rem;
    text-decoration: none;
    padding: 1.8rem 0;
    border-bottom: 1px solid #f0f2f5;
}

.news-list li:last-child a {
    border-bottom: none;
}

/* 썸네일 */
.news-list figure {
    width: 16rem;
    height: 10rem;
    border-radius: 0.8rem;
    overflow: hidden;
    background: #eef0f3;
    flex-shrink: 0;
    margin: 0;
}

.news-list figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 텍스트 영역 */
.news-txt {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding-top: 0.2rem;
    position: relative;
    padding-bottom: 2.4rem;
}

.news-txt h3 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1.45;
    letter-spacing: -0.02rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-txt p {
    font-size: 1.4rem;
    color: #666;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-txt span {
    font-size: 1.3rem;
    color: #aab0bc;
    position: absolute;   
    bottom: -3rem;             
    right: 0;           
    display: block;
}

.news-empty {
    text-align: center;
    padding: 6rem 0;
    color: #8a909e;
    font-size: 1.4rem;
}