.news-section{background:#fff;padding:60px 0}.notice-content{display:flex;gap:24px;margin-bottom:34px}.notice-list{flex:1;min-width:0;background:#fff}.notice-list .tit{margin:0 0 24px}.notice-list .tit h2{font-size:24px;margin:0;font-weight:700;line-height:36px}.notice-list .wrap{height:322px;border:1px solid #ddd;padding:24px 32px;position:relative;box-shadow:0 4px 8px #0000000d;border-radius:12px}.notice-list .tab{position:relative}.notice-list .tabs{border:0;display:flex;gap:12px;margin:0;padding:0;overflow-x:auto;scrollbar-width:thin}.notice-list .tabs button{font-size:19px;line-height:1.5;border:0;padding:0 0 10px;display:flex;align-items:center;gap:4px;white-space:nowrap;color:#555;font-weight:400}.notice-list .tabs button img{width:20px;height:20px}.notice-list .tabs button[aria-selected=true]{color:#2a5caa;font-weight:700;border-bottom:3px solid #2a5caa}.notice-list .list{position:absolute;top:70px;left:0;right:0}.notice-list .cont{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:17px}.notice-list .cont+.cont{margin-top:16px}.notice-list .cont p{margin:0;min-width:0;flex:1}.notice-list .cont a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.notice-list .cont .date{display:flex;gap:20px;color:#666;font-size:15px;flex-shrink:0}.notice-list .more-btn{position:absolute;right:-18px;top:-40px;font-size:27px;line-height:30px;color:#333}.notice-content>.slide{width:408px;flex-shrink:0;margin-top:60px;min-width:0}.notice-content .slide .mySwiper{height:266px;border:1px solid #ddd;border-radius:12px;overflow:hidden}.notice-content .slide a,.notice-content .slide img{width:100%;height:100%;display:block}.notice-content .slide img{object-fit:cover}.notice-content .slide-control{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:16px}.notice-content .slide-control .swiper-button-prev,.notice-content .slide-control .swiper-button-next{position:static;transform:none;margin:0}.notice-content .slide-control button::after{display:none}.notice-content .slide-control .swiper-pagination{position:static;width:auto}.slide-status button{width:24px;height:26px;display:grid;place-items:center}.slide-status button svg{display:block;width:24px;height:24px}
.mayor-section .top{padding-bottom:0!important}.mayor-section .top .mayor-info::before{top:auto!important;bottom:0!important}.mayor-section .mayor-service3{padding:0!important;margin:0!important;line-height:0}.mayor-section .mayor-service3 img{width:100%;max-width:none;min-height:0;display:block;height:auto;margin:0}.mayor-section .top .mayor-info ul{position:relative;z-index:2;margin-bottom:40px}.mayor-section .top .mayor-info{align-content:space-between}.mayor-section .top .mayor-info dl{padding-bottom:15px}
footer{padding:0;background:#f4f5f6;border:0}footer ul{list-style:none;margin:0;padding:0}footer .footer-info{display:block;padding:0;font-size:17px;line-height:1.6;color:#052b57}footer .footer-info .inner{max-width:1400px;padding:0}footer .footer-info .footer-logo img{display:block;object-fit:contain;filter:grayscale(1);width:148px;height:50px}footer .footer-info .address-wrap{justify-content:space-between;gap:40px;margin-top:24px;margin-bottom:40px}footer .footer-info .address p{margin:0;align-items:center}footer .footer-info .address span.footer-address-text,footer .footer-info .address span.footer-hours{font-size:17px;font-weight:400;color:#052b57;background:none;border-radius:0;padding:0;margin:0;min-width:0;height:auto;line-height:1.6;text-align:left}footer .footer-info .address-wrap .address-map{flex-shrink:0}footer .footer-info .address-wrap .address-map ul{align-items:center}footer .footer-info .address-wrap .address-map ul img{display:block;object-fit:contain}footer .footer-info .util{border-top:1px solid #cdd1d5;margin-top:0;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}footer .footer-info .util p{margin:0}footer .footer-info .util ul{display:flex;gap:10px}footer .footer-info .util ul li a{font-size:13px}
footer .footer-info .address-wrap{margin-top:0}footer .footer-info .address-wrap .address-map ul li:last-child{display:block}.notice-content .slide img{object-fit:fill}
@media(max-width:1450px){footer .footer-info .inner{padding-left:24px;padding-right:24px}}
@media(max-width:1100px){.notice-content>.slide{width:30%}.notice-list .wrap{padding:24px 14px}.notice-list .tabs{gap:10px}.notice-list .tabs button{font-size:16px}.notice-list .cont{font-size:15px;flex-wrap:wrap;gap:2px}.notice-list .cont .date{font-size:13px}.notice-list .cont p{flex:1 1 100%}.notice-list .cont+.cont{margin-top:12px}footer .footer-info .address-wrap{gap:20px}footer .footer-info .address span.footer-hours{font-size:14px}footer .footer-info .util{flex-wrap:wrap}footer .footer-info .util p{margin:0}}
@media(max-width:1023px){.mayor-section .top .mayor-info ul{position:absolute;bottom:0;margin-bottom:15px}.mayor-section .top{padding-bottom:80px!important}footer .footer-info{padding:24px 16px}footer .footer-info .inner{padding:0}footer .footer-info .address-wrap{display:block;margin:24px 0}footer .footer-info .address p{flex-wrap:wrap;gap:5px;padding-top:40px}footer .footer-info .address span.footer-address-text,footer .footer-info .address span.footer-hours{position:static}footer .footer-info .address-wrap .address-map{margin-top:25px;display:flex;min-height:auto}footer .footer-info .address-wrap .address-map ul{position:static;transform:none;width:auto;margin:0 0 0 auto}footer .footer-info .util p{margin-top:0}}
@media(max-width:767px){.news-section{padding:40px 0}.notice-content{flex-wrap:wrap;gap:26px}.notice-list{width:100%;flex:auto}.notice-list .wrap{height:450px;padding:24px 16px;border-radius:16px}.notice-list .list{top:70px}.notice-list .cont .date{justify-content:space-between;width:100%}.notice-list .cont+.cont{margin-top:18px}.notice-list .cont p{height:26px}.notice-list .tabs button{font-size:16px}.notice-list .more-btn{right:-8px;top:-38px}.notice-content>.slide{width:100%;margin-top:0}.notice-content .slide .mySwiper{height:auto;aspect-ratio:408/266}.mayor-section .top{padding-bottom:0!important}.mayor-section .top .mayor-info{padding-bottom:0}.mayor-section .top .mayor-info::before{bottom:0!important;top:auto!important;height:270px}.mayor-section .top .mayor-info ul{margin:15px 0 0;position:relative;bottom:auto;padding-bottom:0}.mayor-section .top .mayor-info dl{min-height:150px}.mayor-section .mayor-service3 img{min-height:70px;object-fit:fill}footer .footer-info .footer-logo img{width:130px;height:auto}footer .footer-info .util{gap:18px;padding:20px 0 0}footer .footer-info .util ul{flex-wrap:wrap;gap:8px}footer .footer-info .address span.footer-address-text{font-size:15px}footer .footer-info .address-wrap .address-map{flex-wrap:wrap;gap:15px}footer .footer-info .address-wrap .address-map ul{margin:0;width:100%}footer .footer-info .util p{font-size:12px}}

/* Reference screenshot: more button belongs to the heading, above the list card. */
.notice-list .tit{position:relative;padding-right:48px}
.notice-list .tit .more-btn{top:0;right:0;width:36px;height:36px;border:1px solid #cdd1d5;border-radius:50%;display:grid;place-items:center;font-size:27px;line-height:1;background:#fff;font-weight:300}
.notice-list .tit .more-btn:hover{border-color:#2a5caa;color:#2a5caa}
.mayor-section .top .mayor-banner{margin-bottom:40px}
body .slide-control .swiper-pagination.swiper-pagination-fraction{width:60px;min-width:60px;flex:0 0 60px;display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap}
.slide-status .pagination{width:60px;min-width:60px;flex:0 0 60px;justify-content:center}
@media(max-width:767px){.mayor-section .top .mayor-banner{margin-bottom:24px}}

/* Reserve the active underline and keep labels in the same box in every state. */
.notice-list .tab.type4 #tabs button{box-sizing:border-box;padding:5px 8px 12px;border:0;border-bottom:3px solid transparent;line-height:1.5;font-weight:700;align-self:stretch;transform:none}
.notice-list .tab.type4 #tabs button[aria-selected=true]{border-bottom-color:#2a5caa}
.notice-list .tit .more-btn svg{display:block;width:24px;height:24px}

@media only screen and (max-width:63.99em){.mayor-section .mayor-service3{margin-top:17px!important;width:100%;min-width:0;overflow:hidden;display:flex;justify-content:center}.mayor-section .mayor-service3 img{width:auto;max-width:none;height:auto;min-height:0;flex:0 0 auto;margin:0}}