@charset "utf-8"; /* sub layout */ body.is-sub { background: var(--surface); } body.is-sub .site-header { background: rgb(255 255 255 / 72%); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); } body.is-sub .page-shell { background: var(--surface); } /* Breadcrumb */ .breadcrumb-wrap { display: flex; gap: 4px; align-items: center; padding: 0 24px; width: 100%; height: 40px; font-size: 15px; color: #1e2124; } .breadcrumb { display: flex; align-items: center; padding: 0 4px; column-gap: 10px; } .breadcrumb li { display: flex; align-items: center; column-gap: 10px; } .breadcrumb li:not(:last-child)::after { display: inline-block; width: 11px; height: 11px; background-image: url(/images/common/i-arrow-right.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; content: ''; } /* .breadcrumb li.home::before { display: inline-block; margin-right: 5px; width: 12px; height: 12px; background-image: url(/images/common/i-home.svg); background-repeat: no-repeat; background-position: center center; content: ''; } */ .breadcrumb li:not(.home):not(:last-child) { margin: -1px !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; position: absolute !important; width: 1px !important; height: 1px !important; white-space: nowrap !important; } .breadcrumb a { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; } .breadcrumb li:not(.home):not(:nth-child(2)):last-child::before, .breadcrumb li:not(.home):not(:nth-child(2)):last-child::after { display: inline-flex; align-items: center; justify-content: flex-start; flex-direction: row; width: 16px; height: 16px; background-color: currentColor; content: ''; forced-color-adjust: none; } .breadcrumb li:not(.home):not(:nth-child(2)):last-child::before { -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/images/common/i-ellipsis.svg); mask-image: url(/images/common/i-ellipsis.svg); } .breadcrumb li:not(.home):not(:nth-child(2)):last-child::after { width: 12px; height: 12px; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/images/common/i-arrow-right.svg); mask-image: url(/images/common/i-arrow-right.svg); } .breadcrumb li:not(.home):not(:nth-child(2)):last-child .txt { order: 3; } /* pgName */ .PageNameWrap { display: flex; align-items: center; justify-content: space-between; margin: 2.5rem 0; padding: 0 24px; } .PageNameWrap.board_search { justify-content: center; text-align: center; } .pgName { font-size: 2.4rem; font-weight: 700; } /* content */ section:where(.content) { padding: 0 24px; font-size: 1.6rem; font-weight: 400; line-height: 1.4; } section:where(.content) p { margin-bottom: 20px; } section:where(.content) p:where(:last-child) { margin-bottom: 0; } /* page-info */ section.page-info { padding: 0 24px; } .page-info { margin-top: 30px; font-size: 1.4rem; line-height: 150%; } .page-info .group { display: flex; flex-direction: column; padding: 24px; background-color: #F4F5F6; row-gap: 4px; border-radius: 10px; }