@charset "utf-8";

body {min-width: 320px}
.allmenu-wrap,
.allmenu-wrap *,
.footer-renew,
.footer-renew * {
    box-sizing: border-box;
}


/* header */
#header * {box-sizing: border-box;}
/* 상단 전자정부 누리집 배너 */
.top-guide {width: 100%;background: #EDF1F5}
.top-guide .inner {width: 100%;max-width: 1152px;min-width: 320px}
.top-guide .inner p {display: flex;gap: 5px;padding: 6px 0;color: #1D1D1D;font-size: 13px;}
.top-guide .inner p:before {content: '';width: 24px;height: 16px;background: url(//www.seoul.go.kr/res_newseoul/images/common/top-flag.svg) no-repeat center;background-size: contain}
#wrap.main .top-guide .inner {max-width: 1440px;}
#wrap.main .inner:after {display: none}

/* 상단 링크 모음 */
.top-links {position: relative;z-index: 1001;border-top: 1px solid #e1e2e3;border-bottom: 1px solid #e1e2e3;}
.top-links>ul {display: flex;justify-content: flex-end;width: 100%;max-width: 1152px;height: 45px;margin: 0 auto;padding: 0;border-right: 1px solid #e1e2e3;}
#wrap.main .top-links>ul {max-width: 1440px;}
.top-links>ul>li {display: flex;align-items: center;border-left: 1px solid #e6e6e6;font-size: 1rem;}
.top-links>ul>li>a,
.top-links>ul>li>button {display: flex;align-items: center;padding: 0 30px;color: #222;font-size: 0.9375rem;font-weight: 600;line-height: 1;}

.top-links .txt-sms {display: flex;gap: 5px;align-items: center;justify-content: center;}
.top-links .txt-sms:before {content: '';width: 20px;height: 20px;background: url(//www.seoul.go.kr/res_newseoul/images/common/ico-common-2026.png) no-repeat 0 0;}

.top-links .language-selector,
.all_gnb_header .language-selector {position: relative;z-index: 20;}
.top-links .btn-language,
.all_gnb_header .btn-language {display: flex;align-items: center;justify-content: center;min-width: 146px;height: 100%;background: #fff;cursor: pointer;font-weight: 600;font-family: 'Nanum Gothic';color: #222;border: 0;}
.top-links .btn-language > span,
.all_gnb_header .btn-language > span {display: flex;align-items: center;gap: 5px;white-space: nowrap;}
.top-links .btn-language > span::before,
.all_gnb_header .btn-language > span::before {content: '';flex: 0 0 20px;width: 20px;height: 20px;background: url(//www.seoul.go.kr/res_newseoul/images/common/ico-common-2026.png) no-repeat -20px 0;}
.top-links .btn-language > span::after,
.all_gnb_header .btn-language > span::after {content: '';width: 0;height: 0;margin-left: 1px;border-right: 6px solid transparent;border-left: 6px solid transparent;border-top: 7px solid #222;border-radius: 5px;}
.top-links .btn-language[aria-expanded='true'] > span::after,
.all_gnb_header .btn-language[aria-expanded='true'] > span::after {border-top: 0;border-bottom: 7px solid #222;}
.top-links .lang-wrap,
.all_gnb_header .lang-wrap {position: absolute;top: 100%;right: -1px;left: -1px;background: #fff;border: 1px solid #e1e2e3;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);}
.top-links .lang-wrap[hidden],
.all_gnb_header .lang-wrap[hidden] {display: none;}
.top-links .lang-list > li + li {border-top: 1px solid #e1e2e3;}
.top-links .lang-list a {display: flex;align-items: center;justify-content: center;min-height: 36px;padding: 0 10px;text-align: center;}
.top-links .lang-list a:hover,
.top-links .lang-list a:focus-visible {background: #f3f7f9;color: #05727a;text-decoration: underline;}
.top-links .btn-scale {position: relative;flex: 0 0 24px;width: 24px;height: 24px;padding: 0;border: 1px solid #dfe2e5;border-radius: 50%;background: #fff;color: #777;cursor: pointer;}
.top-links .btn-scaleUp {margin: 0 8px 0 14px;}
.top-links .btn-scaleDown {margin: 0 14px 0 8px;}
.top-links .btn-scale::before,
.top-links .btn-scaleUp::after {content: '';position: absolute;top: 50%;left: 50%;width: 10px;height: 2px;transform: translate(-50%, -50%);border-radius: 1px;background: currentColor;}
.top-links .btn-scaleUp::after {width: 2px;height: 10px;}
.top-links .btn-scale:hover {border-color: #777;background: #f5f6f7;color: #222;}
.top-links .btn-scale + span {color: #222;font-size: 0.9375rem;font-weight: 600;white-space: nowrap;}

html[data-screen-scale='1'] body {zoom: 0.9;}
html[data-screen-scale='2'] body {zoom: 1;}
html[data-screen-scale='3'] body {zoom: 1.1;}
html[data-screen-scale='4'] body {zoom: 1.2;}
html[data-screen-scale='5'] body {zoom: 1.3;}


/* 상단 로고 영역 */
.top-area {border-bottom: 1px solid #e1e2e3;background: #fff;transition: box-shadow 0.25s ease;}
.top-area .inner {position: relative;width: 100%;max-width: 1152px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;height: 120px;padding: 0;transition: height 0.25s ease;}
#wrap.main .top-area .inner {max-width: 1440px;}
#wrap.sub .top-area .inner {max-width: 1152px;}
.top-area.is-fixed {position: fixed;top: 0;right: 0;left: 0;z-index: 1000;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);}
.top-area.is-fixed .inner {height: 80px;}
.top-area .inner h1.logo a.flag {transition: transform 0.25s ease;transform-origin: left center;}
.top-area.is-fixed .inner h1.logo a.flag {transform: scale(0.78);}

@media (prefers-reduced-motion: reduce) {
    .top-area,
    .top-area .inner,
    .top-area .inner h1.logo a.flag {transition: none;}
}


.top-area .inner h1.logo {display:flex;align-items: center;flex-shrink: 0;gap: 5px;}
.top-area .inner h1.logo a.logo,
.top-area .inner h1.logo.logo_story a.logo-seoul {display: flex;width: 164px;height: 42px;margin: 0 0 10px;background: url(//www.seoul.go.kr/res_newseoul/images/common/img-logoSeoul.png) no-repeat center;background-size: contain;}

.top-area .inner h1.logo a.flag {position: relative;display: flex;width: 124px;height: 98px;background: url(//www.seoul.go.kr/res_newseoul/images/main/img-flag.png) no-repeat 0 0;}
.top-area .inner h1.logo a.flag span {position: absolute;bottom: 16px;left: 16px;color: #044671;font-size: 0.75rem;font-weight: 600;letter-spacing: -0.05em;}
.top-area .inner h1.logo a.flag span br {display: none;}
.top-area .inner h1.logo a.flag.flag-half {background: url(//www.seoul.go.kr/res_newseoul/images/main/img-flag-half.png) no-repeat 0 0;}
.top-area .inner h1.logo a.flag.flag-half span {display: flex;flex-direction: column;align-items: center;gap: 5px;left: 68px;line-height: 1;font-size: 11px;}
.top-area .inner h1.logo a.flag.flag-half span strong {font-size: 12px;letter-spacing: 0;}
.top-area .inner h1.logo a.flag.flag-half2 {background: url(//www.seoul.go.kr/res_newseoul/images/main/img-flag-half2.png) no-repeat 0 0;} /* 경술국치일*/
.top-area .inner h1.logo a.flag.flag-half2 span {display: flex;flex-direction: column;align-items: center;gap: 5px;left: 56px;margin-bottom: 10px;line-height: 1.5;font-size: 0.6875rem;color: #044671;}
.top-area .inner h1.logo a.flag.flag-half2 span br {display: block;}




.top-area .inner .top-area-links {display: flex;flex-shrink: 0;align-items: center;gap: 20px;}
.top-area .inner .nav-links {position: relative;display: inline-flex;flex: 0 0 auto;align-items: center;justify-content: center;gap: 8px;box-sizing: border-box;height: 50px;padding: 0 10px;border-radius: 12px;background: #eff7fb;color: #222;font-size: 22px;font-weight: 500;line-height: 1;white-space: nowrap;text-decoration: none;}
.top-area .inner .nav-links:after {content: '';top: 50%;right: 12px;width: 12px;height: 12px;background: url(//www.seoul.go.kr/res_newseoul/images/common/ico-common-2026.png) no-repeat -40px 0;}

.top-area .inner .nav-links.nl-eds:before {order: 2;content: '';width: 60px;height: 35px;background: url(//www.seoul.go.kr/res_newseoul/images/common/ico-common-2026.png) no-repeat -60px -20px;}
.top-area .inner .nav-links.nl-eds:after {order: 3;}

.top-area .inner .btn-allmenu-open {position: relative;display: inline-flex;flex: 0 0 50px;align-items: center;justify-content: center;width: 50px;height: 50px;margin-left: 12px;padding: 0;border: 0;background: transparent;color: #222;cursor: pointer;}
.top-area .inner .btn-allmenu-open::before {content: '';position: absolute;top: 50%;right: 7.5px;width: 35px;height: 3px;margin-top: -1.5px;box-shadow: 0 -11px 0 currentColor, 0 11px 0 currentColor;}
.top-area .inner .btn-allmenu-open::after {content: '';position: absolute;top: 50%;right: 7.5px;width: 22px;height: 3px;margin-top: -1.5px;background: currentColor;}

.top-area .inner .gnb.all_gnb{display:none;}

.top-area .inner .btn_home {position: absolute;top: 50%;right: 94px;display: none;align-items: center;justify-content: center;gap: 3px;margin: 0;padding: 3px 5px;border: 1px solid #f35915;border-radius: 7px;background: #fff;color: #222;font-size: 0.8125rem;font-weight: 400;line-height: 1;white-space: nowrap;cursor: pointer;transform: translateY(-50%);}
.top-area .inner .btn_home::before {content: '';flex: 0 0 20px;width: 20px;height: 20px;background: url(//www.seoul.go.kr/res_newseoul/images/common/ico-common-2026.png) no-repeat -240px 0;}
.top-area .inner .btn_home span {display:inline-block;margin: 2px 0 0;font-size: 0.875rem}

.top-area .inner .btn_sch,
.top-area .inner .btn_menu {position: absolute;top: 50%;display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 44px;margin: 0;padding: 0;border: 0;background: transparent;color: #f35915;cursor: pointer;transform: translateY(-50%);}
.top-area .inner .btn_sch {right: 52px;background: transparent url(//www.seoul.go.kr/res_newseoul/images/common/ico_sch.png) no-repeat right / 18px 18px;}
.top-area .inner .btn_sch::before,
.top-area .inner .btn_sch::after {content: none;}
.top-area .inner .btn_menu {right: 1rem;}
.top-area .inner .btn_menu::before {content: '';position: absolute;top: 50%;left: 50%;width: 16px;height: 2px;background: transparent;box-shadow: 0 -6px 0 currentColor, 0 6px 0 currentColor;transform: translate(-50%, -50%);}
.top-area .inner .btn_menu::after {content: '';position: absolute;top: 50%;left: calc(50% + 2px);width: 12px;height: 2px;background: currentColor;transform: translate(-50%, -50%);}


/* PC 전체메뉴: PSD 메뉴레이어 > 전체메뉴 / 레이어예시 */
.top-area.is-allmenu-open {position: relative;z-index: 1001;}
.top-area.is-fixed.is-allmenu-open {position: fixed;}
.top-area .inner .btn-allmenu-open[aria-expanded='true'] {background: #333;color: #fff;}
.top-area .inner .btn-allmenu-open[aria-expanded='true']::before,
.top-area .inner .btn-allmenu-open[aria-expanded='true']::after {right: 12px;width: 26px;height: 2px;margin-top: -1px;background: currentColor;box-shadow: none;transform: rotate(45deg);}
.top-area .inner .btn-allmenu-open[aria-expanded='true']::after {transform: rotate(-45deg);}
.allmenu-wrap {position: absolute;top: calc(50% + 25px);right: 0;z-index: 1002;width: min(1100px, 100%);border: 1px solid #777;background: #fff;color: #444;text-align: left;}
.allmenu-wrap:not([hidden]) {display: block;}
.allmenu-wrap[hidden] {display: none;}
.allmenu-inner {position: relative;}
.allmenu-header .btn-close {position: absolute;top: -50px;right: 0;width: 50px;height: 50px;padding: 0;border: 0;background: #333;color: #fff;cursor: pointer;}
/* The header toggle supplies the visible close icon; this button is also available on keyboard focus. */
.allmenu-header .btn-close:not(:focus-visible) {clip-path: inset(50%);width: 1px;height: 1px;overflow: hidden;}
.allmenu-header .btn-close::before,
.allmenu-header .btn-close::after {content: '';position: absolute;top: 24px;left: 12px;width: 26px;height: 2px;background: currentColor;transform: rotate(45deg);}
.allmenu-header .btn-close::after {transform: rotate(-45deg);}
.allmenu-body {max-height: min(940px, var(--allmenu-max-height, calc(100dvh - 180px)));overflow-y: auto;overscroll-behavior-y: contain;scrollbar-width: thin;scrollbar-color: #d9d9d9 transparent;}
.allmenu-body::-webkit-scrollbar {width: 12px;}
.allmenu-body::-webkit-scrollbar-track {background: #fff;}
.allmenu-body::-webkit-scrollbar-thumb {border: 3px solid #fff;border-radius: 10px;background: #d9d9d9;}
.allmenu-body .allmenu-title {display: flex;align-items: center;min-height: 50px;margin: 0;padding: 12px 40px;background: #0974c1;color: #fff;font-size: 1.375rem;font-weight: 700;line-height: 1.2;}
.allmenu-title > a {display: inline-flex;align-items: center;gap: 8px;color: inherit;font: inherit;}
.allmenu-title .allmenu-eungdapso {width: 52px;height: 30px;object-fit: contain;}
.allmenu-section + .allmenu-section {border-top: 1px solid #eee;}
.allmenu-fields {display: grid;grid-template-columns: repeat(8, minmax(0, 1fr));gap: 20px;margin: 0;padding: 32px 40px 36px;}
.allmenu-fields a {display: flex;flex-direction: column;align-items: center;gap: 16px;color: #444;font-size: 1.125rem;font-weight: 500;line-height: 1.4;}
.allmenu-field-icon {display: flex;align-items: center;justify-content: center;width: 100%;max-width: 100px;aspect-ratio: 1;border-radius: 50%;background: #f8f8f8 url(//www.seoul.go.kr/res_newseoul/images/common/ico-common-2026.png) no-repeat 0 -55px;}
.allmenu-fields li:nth-child(1) .allmenu-field-icon {background-position: 0 -55px}
.allmenu-fields li:nth-child(2) .allmenu-field-icon {background-position: -100px -55px}
.allmenu-fields li:nth-child(3) .allmenu-field-icon {background-position: -200px -55px}
.allmenu-fields li:nth-child(4) .allmenu-field-icon {background-position: -300px -55px}
.allmenu-fields li:nth-child(5) .allmenu-field-icon {background-position: 0 -155px}
.allmenu-fields li:nth-child(6) .allmenu-field-icon {background-position: -100px -155px}
.allmenu-fields li:nth-child(7) .allmenu-field-icon {background-position: -200px -155px}
.allmenu-fields li:nth-child(8) .allmenu-field-icon {background-position: -300px -155px}

.allmenu-field-icon img {display: block;width: auto;height: auto;max-width: 56px;max-height: 56px;}
.allmenu-list {margin: 0;}
.allmenu-row {display: grid;grid-template-columns: 180px minmax(0, 1fr);min-height: 70px;border-bottom: 1px solid #eee;}
.allmenu-row:last-child {border-bottom: 0;}
.allmenu-row dt {display: flex;align-items: center;justify-content: center;margin: 0;padding: 16px 12px;background: #f9f9f9;font-size: 1.125rem;font-weight: 600;line-height: 1.3;text-align: center;word-break: keep-all;}
.allmenu-row dt a {color: inherit;font: inherit;}
.allmenu-row dd {display: flex;align-items: center;min-width: 0;margin: 0;padding: 24px 28px;}
.allmenu-row dd:empty {padding: 0;}
.allmenu-row dd ul {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 16px 20px;width: 100%;margin: 0;padding: 0;}
.allmenu-row dd li {position: relative;min-width: 0;padding-left: 10px;}
.allmenu-row dd li::before {content: '';position: absolute;top: 0.65em;left: 0;width: 3px;height: 3px;border-radius: 50%;background: #555;}
.allmenu-row dd a {color: #555;font-size: 1rem;line-height: 1.5;word-break: keep-all;overflow-wrap: break-word;}
.allmenu-wrap a[target='_blank']::after {content: '';display: inline-block;width: 15px;height: 15px;margin-left: 6px;vertical-align: -1px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2374afe0' stroke-width='1.5'%3E%3Cpath d='M7 3H2v11h11V9M9 2h5v5M14 2 7 9'/%3E%3C/svg%3E") center / contain no-repeat;}
.allmenu-fields a[target='_blank']::after {display: none;}
.allmenu-title a[target='_blank']::after {margin-left: 0;filter: brightness(0) invert(1);}
.allmenu-wrap a:hover {text-decoration: underline;text-underline-offset: 3px;}
.allmenu-wrap a:focus-visible,
.allmenu-wrap button:focus-visible,
.top-area .inner .btn-allmenu-open:focus-visible {outline: 2px solid #222;outline-offset: 3px;}
.allmenu-title a:focus-visible {outline-color: #fff;}



/* footer */
.sub #footer { border-top: 1px solid #d0d0d0;}
#footer * {box-sizing: border-box;}
#footer .inner:after {display: none;}
.footer-renew {background: #fafafa;color: #636363;}
.btn-footer-top {position: fixed;right: max(10px, calc((100vw - 1640px) / 2));bottom: 180px;z-index: 1000;width: 86px;height: 86px;padding: 0;border: 0;background: url(//www.seoul.go.kr/res_newseoul/images/common/btn-top-2026.png) no-repeat center / contain;opacity: 0;visibility: hidden;cursor: pointer;transition: opacity .2s ease, visibility .2s ease;}
.btn-footer-top.is-visible {opacity: 1;visibility: visible;}
html.menu-open .btn-footer-top {z-index: 0;}
.btn-footer-top:focus-visible {outline: 2px solid #222;outline-offset: 2px;}
.footer-renew .inner {width: 100%;max-width: 1152px;min-width: 0;margin: 0 auto;padding: 0;}
#wrap.main .footer-renew .inner {max-width: 1440px;margin: 0 auto;}
.footer-utility {border-bottom: 1px solid #ebebeb;background: #fff;}
.footer-utility .inner {display: flex;align-items: center;justify-content: space-between;gap: 24px;min-height: 50px;padding-left: 0px;}
.footer-utility-links {display: flex;flex-wrap: wrap;align-items: center;min-width: 0;}
.footer-utility ul {display: flex;align-items: center;flex-wrap: wrap;gap: 0;margin: 0;padding: 0;list-style: none;}
.footer-utility li {display: flex;align-items: center;}
.footer-utility li + li::before,
.footer-utility ul + ul > li:first-child::before {content: '';flex: 0 0 4px;width: 4px;height: 4px;margin: 0 14px;border-radius: 50%;background: #aaa;}
.footer-utility a {color: #636363;font-size: 0.9375rem;line-height: 1.4;white-space: nowrap;}
/* .footer-utility a:hover,
.footer-utility a:focus-visible {color: #005ee9;text-decoration: underline;}*/
.footer-utility a.is-emphasis {color: #0065ee;font-weight: 700;}
.footer-utility .footer-channel-link {display: inline-flex;flex: 0 0 auto;align-items: center;justify-content: center;gap: 1px;min-width: 130px;height: 34px;padding: 0 8px;border-radius: 12px;background: #ffed28;color: #231815 !important;font-size: 0.875rem !important;font-weight: 700;line-height: 1;letter-spacing: -0.05em;}
.footer-channel-link::before {content: '';flex: 0 0 29px;width: 29px;height: 21px;background: url(//www.seoul.go.kr/res_newseoul/images/common/footer-channel-2026.png) no-repeat center / contain;}
.footer-main {display: grid;grid-template-columns: 123px minmax(0, 1fr) 253px;gap: 54px;align-items: start;min-height: 170px;padding: 32px 0 44px;box-sizing: border-box;}
.footer-seoul-my-soul,
.footer-accessibility {display: block;flex: 0 0 auto;}
.footer-brand-group {display: flex;flex-direction: column;align-items: flex-end;gap: 7px;width: 123px;}
.footer-brand {display: block;width: 116px;}
.footer-brand-group .footer-brand {align-self: flex-start;}
.footer-brand img {display: block;width: 100%;height: auto;}
.footer-dasan {display: flex;flex-direction: column;align-items: center;justify-content: center;box-sizing: border-box;min-width: 99px;min-height: 49px;padding: 4px 6px 5px;border-radius: 10px;background: #e8f2ff;color: #222;line-height: 1;text-align: center;}
.footer-dasan-number {display: flex;align-items: center;justify-content: center;font-size: 1.125rem;font-weight: 800;letter-spacing: -0.05em;white-space: nowrap;}
.footer-dasan-phone {width: 16px;height: 16px;margin-left: 2px;background: url(//www.seoul.go.kr/res_newseoul/images/common/footer-phone-2026.png) no-repeat center / contain;font-size: 0;}
.footer-dasan-number strong {color: #0065ee;font-size: 1.125rem;font-weight: 700;}
.footer-dasan-name {margin-top: 4px;color: #636363;font-size: 0.875rem;font-weight: 400;letter-spacing: -0.05em;white-space: nowrap;}
.footer-info {min-width: 0;padding-top: 4px;}
.footer-info p {margin: 0;color: #555;font-size: 1rem;line-height: 1.6;}
.footer-info p + p {margin-top: 2px;}
.footer-info p:first-child {color: #333;font-weight: 500}
.footer-info p:first-child .footer-directions {color: #555;font-size: 0.875rem;}
.footer-info p:first-child + p {margin-top: 12px;}
.footer-fee-info {position: relative;display: inline-flex;align-items: center;}
.footer-fee-button {display: inline-flex;flex: 0 0 20px;align-items: center;justify-content: center;width: 20px;height: 20px;margin-left: 4px;padding: 0;border: 0;border-radius: 50%;background: url(//www.seoul.go.kr/res_newseoul/images/common/ico-common-2026.png) no-repeat -200px 0;font-size: 0;font-weight: 400;line-height: 1;cursor: pointer;}
.footer-fee-button:hover,
.footer-fee-button:focus-visible {background-position: -220px 0;}
.footer-fee-tooltip {position: absolute;bottom: calc(100% + 6px);left: calc(100% - 9px);z-index: 1001;width: 500px;padding: 16px 38px 16px 16px;border: 2px solid #1683ee;border-radius: 16px;background: #fff;color: #555;font-size: 0.9375rem;font-weight: 400;line-height: 1.55;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);transform: translateX(-50%);}
.footer-fee-tooltip strong {font-weight: 600;}
.footer-fee-tooltip[hidden] {display: none;}
.footer-fee-info.is-open .footer-fee-tooltip {display: block;}
.footer-fee-tooltip::before {content: '';position: absolute;right: 0;bottom: -10px;left: 0;height: 10px;}
.footer-fee-tooltip::after {content: '';position: absolute;bottom: -7px;left: 50%;width: 10px;height: 10px;border-right: 2px solid #1683ee;border-bottom: 2px solid #1683ee;background: #fff;transform: translateX(-50%) rotate(45deg);}
.footer-fee-close {position: absolute;top: 8px;right: 10px;width: 24px;height: 24px;padding: 0;border: 0;background: transparent;color: #555;font-size: 1.25rem;line-height: 1;cursor: pointer;}
.footer-fee-close:focus-visible {outline: 2px solid #222;outline-offset: 2px;}
.footer-directions {display: inline-flex;align-items: center;gap: 8px;min-height: 27px;margin-left: 6px;padding: 3px 12px;border-radius: 14px;background: #ededed;color: #555;font-size: 0.875rem;line-height: 21px;white-space: nowrap;vertical-align: middle;}
.footer-directions:hover,
.footer-directions:focus-visible {background: #e8e8e8;text-decoration: none;}
.footer-talk {display: inline-block;width: 68px;height: 25px;margin-left: 4px;background: url(//www.seoul.go.kr/res_newseoul/images/common/footer-talk-2026.png) no-repeat center / contain;font-size: 0;vertical-align: middle;}
.footer-copyright {font-size: 0.875rem !important;line-height: 22px !important;}
.footer-marks {display: flex;align-items: center;justify-content: flex-end;gap: 50px;padding-top: 10px;}
.footer-seoul-my-soul {width: 99px;height: 61px;background: url(//www.seoul.go.kr/res_newseoul/images/common/footer-seoulmysoul-2026.png) no-repeat center / contain;filter: brightness(0) invert(71%);}
.footer-accessibility {width: 104px;height: 76px;/* background: url(//www.seoul.go.kr/res_newseoul/images/common/footer-wa-2026.png) no-repeat center / contain;*/}
.footer-brand:focus-visible,
.footer-dasan:focus-visible,
.footer-channel-link:focus-visible,
.footer-directions:focus-visible,
.footer-talk:focus-visible,
.footer-seoul-my-soul:focus-visible,
.footer-accessibility:focus-visible {outline: 2px solid #222;outline-offset: 4px;}



/* sub layout */

/* 분야별 누리집 상단: 1152px 고정 레이아웃 */
.top-area {height: auto;}
.top-area .inner {width: 1152px;min-width: 1152px;max-width: 1152px;column-gap: 40px;box-sizing: border-box;}
.top-area .inner::after {content: none;}
.top-area .inner h1.logo {position: static;float: none;flex: 0 0 218px;width: auto;height: auto;margin: 0;gap: 0;}
.top-area .inner .gnb.pc-view {display: flex;float: none;flex: 1;align-self: stretch;align-items: center;gap: 30px;width: auto;min-width: 0;}
.top-area .inner .gnb.pc-view > ul {display: flex;float: none;flex: 1;align-self: stretch;align-items: center;justify-content: space-between;gap: 26px;margin: 0;padding: 0;}
.top-area .inner .gnb.pc-view > ul > li {display: flex;float: none;flex-shrink: 0;margin: 0;padding: 0;}
.top-area .inner .gnb.pc-view > ul > li > a {display: flex;align-items: center;height: auto;color: #222;font-size: 20px;font-weight: 700;line-height: 1;white-space: nowrap;}
.top-area .inner .gnb.pc-view>ul>li.on>a {margin-top: 5px;padding-bottom: 3px;color: #0c82e9;border-bottom: 2px solid #0c82e9;}
.top-area .inner .top-area-links {gap: 20px;}
.top-area .inner .nav-links {font-size: 20px;font-weight: 700;}
.top-area .inner .btn-allmenu-open {margin-left: -8px;}
.top-area .inner .btn-allmenu-open:not([aria-expanded='true'])::before,
.top-area .inner .btn-allmenu-open:not([aria-expanded='true'])::after {right: 0;}