a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 100%;
    font: inherit
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

*,
:after,
:before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html {
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%
}

body {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #333;
    word-break: break-word;
    overflow-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--font-pretendard)
}

a {
    color: inherit
}

a,
a:hover {
    text-decoration: none
}

button {
    padding: 0;
    border: none;
    background: none;
    color: inherit;
    cursor: pointer;
    font: inherit
}

button:focus {
    outline: none
}

input,
select,
textarea {
    border: none;
    background: none;
    color: inherit;
    font: inherit
}

input:focus,
select:focus,
textarea:focus {
    outline: none
}

input::placeholder,
select::placeholder,
textarea::placeholder {
    color: #999
}

option {
    color: #000; /* 펼쳐졌을 때 보이는 텍스트 색 */
    background-color: #fff; /* 펼쳐졌을 때 배경 */
}

ol,
ul {
    list-style: none
}

canvas,
img,
picture,
svg,
video {
    display: block;
    max-width: 100%;
    height: auto
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    overflow-wrap: break-word
}

em {
    font-style: italic
}

fieldset {
    margin: 0;
    padding: 0;
    border: none
}

[hidden] {
    display: none !important
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

input[type=search] {
    -webkit-appearance: none
}

:focus-visible {
    outline: 2px solid #007bff;
    outline-offset: 2px
}

.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.touchable {
    touch-action: manipulation
}

main {
    min-height: 100vh;
    background: #fff
}

.scroll-element {
    opacity: 0;
    transform: translateY(40px)
}

.scroll-split-text {
    transform: unset
}

.split-line-wrapper {
    overflow: hidden;
    display: block
}

.split-line-inner {
    display: block
}

.scroll-mask-text {
    transform: unset
}

.ssr-only {
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    position: absolute;
    width: 1px;
    height: 1px;
    white-space: nowrap;
    border-width: 0
}

* {
    word-break: keep-all
}

.main-headline--light {
    color: #000
}

.main-headline--dark {
    color: #fff
}

.main-headline--1 {
    font-size: min(7.1875vw, 17.6rem);
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .main-headline--1 {
        font-size: max(8.9844vw, 7.2rem)
    }
}

@media screen and (max-width:767px) {
    .main-headline--1 {
        font-size: min(14.359vw, 7.6rem)
    }
}

.main-headline--2 {
    font-size: min(6.5625vw, 16.2rem);
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.03em
}

@media screen and (max-width:1024px) {
    .main-headline--2 {
        font-size: max(10.1563vw, 8.4rem)
    }
}

@media screen and (max-width:767px) {
    .main-headline--2 {
        font-size: min(18.4615vw, 8.8rem)
    }
}

.main-headline--3-r {
    font-weight: 400;
    letter-spacing: -.02em
}

.main-headline--3-r.main-headline--ko {
    line-height: 125%
}

.main-headline--3-r.main-headline--en {
    line-height: 115%
}

@media screen and (min-width:1025px) {
    .main-headline--3-r.main-headline--ko {
        font-size: min(3.75vw, 9rem)
    }
    .main-headline--3-r.main-headline--en {
        font-size: min(3.9583vw, 9.4rem)
    }
    .main-headline--3-r.main-headline--en span {
        font-size: 3.2rem;
    }
    .main-headline--3-r.main-headline--en span.big {
        font-size: 5rem;
    }
}

@media screen and (max-width:1024px) {
    .main-headline--3-r {
        font-size: max(4.4922vw, 3.8rem)
    }
}

@media screen and (max-width:767px) {
    .main-headline--3-r {
        font-size: min(8.7179vw, 4rem)
    }
}

.main-headline--3-m {
    font-weight: 500;
    letter-spacing: -.02em
}

.main-headline--3-m.main-headline--ko {
    line-height: 125%
}

.main-headline--3-m.main-headline--en {
    line-height: 115%
}

@media screen and (min-width:1025px) {
    .main-headline--3-m.main-headline--ko {
        font-size: min(3.75vw, 9rem)
    }
    .main-headline--3-m.main-headline--en {
        font-size: min(3.9583vw, 9.4rem)
    }
}

@media screen and (max-width:1024px) {
    .main-headline--3-m {
        font-size: max(4.4922vw, 3.8rem)
    }
}

@media screen and (max-width:767px) {
    .main-headline--3-m {
        font-size: min(8.7179vw, 4rem)
    }
}

.main-headline--4-m {
    font-size: min(3.6458vw, 8.8rem);
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .main-headline--4-m {
        font-size: max(4.4922vw, 3.8rem)
    }
}

@media screen and (max-width:767px) {
    .main-headline--4-m {
        font-size: min(8.7179vw, 4rem)
    }
}

.main-title {
    letter-spacing: -.02em
}

.main-title--light {
    color: #000
}

.main-title--dark {
    color: #fff
}

.main-title--1 {
    font-weight: 400
}

.main-title--1.main-title--ko {
    line-height: 140%
}

.main-title--1.main-title--en {
    line-height: 130%
}

@media screen and (min-width:1025px) {
    .main-title--1.main-title--ko {
        font-size: min(2.1875vw, 5.3rem)
    }
    .main-title--1.main-title--en {
        font-size: min(2.2917vw, 5.5rem)
    }
}

@media screen and (max-width:1024px) {
    .main-title--1 {
        font-size: max(3.125vw, 2.8rem)
    }
}

@media screen and (max-width:767px) {
    .main-title--1 {
        font-size: min(5.8974vw, 2.8rem)
    }
}

.main-title--2 {
    font-size: clamp(1.9rem, 1.7708vw, 4.2rem);
    font-weight: 500
}

.main-title--2.main-title--ko {
    line-height: 140%
}

.main-title--2.main-title--en {
    line-height: 130%
}

@media screen and (max-width:1024px) {
    .main-title--2 {
        font-size: max(2.3438vw, 2rem)
    }
}

@media screen and (max-width:767px) {
    .main-title--2 {
        font-size: clamp(1.8rem, 5.1282vw, 2.4rem)
    }
}

.main-title--3-r {
    font-size: clamp(1.4rem, 1.25vw, 3rem);
    font-weight: 400
}

.main-title--3-r.main-title--ko {
    line-height: 145%
}

.main-title--3-r.main-title--en {
    line-height: 130%
}

@media screen and (max-width:1024px) {
    .main-title--3-r {
        font-size: max(2.1484vw, 1.8rem)
    }
}

@media screen and (max-width:767px) {
    .main-title--3-r {
        font-size: clamp(1.5rem, 4.359vw, 2rem)
    }
}

.main-title--3-m {
    font-size: clamp(1.4rem, 1.25vw, 3rem);
    font-weight: 500
}

.main-title--3-m.main-title--ko {
    line-height: 145%
}

.main-title--3-m.main-title--en {
    line-height: 130%
}

@media screen and (max-width:1024px) {
    .main-title--3-m {
        font-size: max(2.1484vw, 1.8rem)
    }
}

@media screen and (max-width:767px) {
    .main-title--3-m {
        font-size: clamp(1.5rem, 4.359vw, 2rem)
    }
}

.main-title--4-m {
    font-size: clamp(1.2rem, .9375vw, 2.4rem);
    font-weight: 500;
    line-height: 100%
}

@media screen and (max-width:1024px) {
    .main-title--4-m {
        font-size: max(1.6602vw, 1.6rem)
    }
}

@media screen and (max-width:767px) {
    .main-title--4-m {
        font-size: clamp(1.4rem, 3.8462vw, 1.6rem)
    }
}

.main-body {
    letter-spacing: -.02em
}

.main-body--light {
    color: #000
}

.main-body--dark {
    color: #fff
}

.main-body--1 {
    font-weight: 400
}

.main-body--1.main-body--ko {
    line-height: 140%
}

.main-body--1.main-body--en {
    line-height: 130%
}

@media screen and (min-width:1025px) {
    .main-body--1.main-body--ko {
        font-size: clamp(1.4rem, 1.25vw, 3rem)
    }
    .main-body--1.main-body--en {
        font-size: clamp(1.5rem, 1.3542vw, 3.2rem)
    }
}

@media screen and (max-width:1024px) {
    .main-body--1 {
        font-size: max(2.0508vw, 1.7rem)
    }
}

@media screen and (max-width:767px) {
    .main-body--1 {
        font-size: clamp(1.4rem, 4.359vw, 2rem)
    }
}

.main-body--2 {
    font-size: clamp(1.2rem, 1.0417vw, 2.4rem);
    font-weight: 400
}

.main-body--2.main-body--ko {
    line-height: 160%
}

.main-body--2.main-body--en {
    line-height: 140%
}

@media screen and (max-width:1024px) {
    .main-body--2 {
        font-size: max(1.6602vw, 1.5rem)
    }
}

@media screen and (max-width:767px) {
    .main-body--2 {
        font-size: clamp(1.4rem, 4.1026vw, 1.6rem)
    }
}

.main-label {
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.02em
}

.main-label--light {
    color: #000
}

.main-label--dark {
    color: #fff
}

.main-label--1 {
    display: inline-block;
    font-size: clamp(1.1rem, .9375vw, 2.2rem)
}

@media screen and (max-width:1024px) {
    .main-label--1 {
        font-size: max(1.4648vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .main-label--1 {
        font-size: clamp(1.3rem, 3.5897vw, 1.4rem)
    }
}

.sub-headline--light {
    color: #000
}

.sub-headline--dark {
    color: #fff
}

.sub-headline--1 {
    font-size: min(8.3333vw, 20.4rem);
    font-weight: 400;
    line-height: 105%;
    letter-spacing: -.02em
}
.sub-headline--1 span {
    font-size: 0.6em;
}

@media screen and (max-width:1024px) {
    .sub-headline--1 {
        font-size: max(8.9844vw, 7.2rem)
    }
}

@media screen and (max-width:767px) {
    .sub-headline--1 {
        font-size: min(14.8718vw, 8rem)
    }
    .sub-headline--1 span {
        font-size: 0.4em;
    }
}

.sub-headline--2 {
    font-size: min(7.5vw, 16.2rem);
    font-weight: 400;
    line-height: 105%;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .sub-headline--2 {
        font-size: max(8.9844vw, 7.2rem)
    }
}

@media screen and (max-width:767px) {
    .sub-headline--2 {
        font-size: min(14.8718vw, 8rem)
    }
}

.sub-headline--3 {
    font-size: min(5.8333vw, 14.4rem);
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.03em
}

@media screen and (max-width:1024px) {
    .sub-headline--3 {
        font-size: max(7.4219vw, 6rem)
    }
}

@media screen and (max-width:767px) {
    .sub-headline--3 {
        font-size: min(13.8462vw, 7.4rem)
    }
}

.sub-headline--4-r {
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -.02em
}

.sub-headline--4-r.sub-headline--ko {
    line-height: 130%
}

.sub-headline--4-r.sub-headline--en {
    line-height: 115%
}

@media screen and (min-width:1025px) {
    .sub-headline--4-r.sub-headline--ko {
        font-size: min(3.5417vw, 8.6rem)
    }
    .sub-headline--4-r.sub-headline--en {
        font-size: min(3.6458vw, 8.8rem)
    }
}

@media screen and (max-width:1024px) {
    .sub-headline--4-r {
        font-size: max(4.4922vw, 3.8rem)
    }
}

@media screen and (max-width:767px) {
    .sub-headline--4-r {
        font-size: min(8.2051vw, 4rem)
    }
}

.sub-headline--4-m {
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -.02em
}

.sub-headline--4-m.sub-headline--ko {
    line-height: 130%
}

.sub-headline--4-m.sub-headline--en {
    line-height: 115%
}

@media screen and (min-width:1025px) {
    .sub-headline--4-m.sub-headline--ko {
        font-size: min(3.5417vw, 8.6rem)
    }
    .sub-headline--4-m.sub-headline--en {
        font-size: min(3.6458vw, 8.8rem)
    }
}

@media screen and (max-width:1024px) {
    .sub-headline--4-m {
        font-size: max(4.4922vw, 3.8rem)
    }
}

@media screen and (max-width:767px) {
    .sub-headline--4-m {
        font-size: min(8.2051vw, 4rem)
    }
}

.sub-headline--5 {
    font-size: min(2.8125vw, 9.4rem);
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .sub-headline--5 {
        font-size: max(4.4922vw, 3.2rem)
    }
}

@media screen and (max-width:767px) {
    .sub-headline--5 {
        font-size: min(6.9231vw, 3.6rem)
    }
}

.sub-headline--5.sub-headline--ko {
    line-height: 140%
}

.sub-headline--5.sub-headline--en {
    line-height: 125%
}

.sub-title {
    letter-spacing: -.02em
}

.sub-title--light {
    color: #000
}

.sub-title--dark {
    color: #fff
}

.sub-title--1 {
    font-size: min(2.3958vw, 5.6rem);
    font-weight: 400;
    line-height: 145%
}

@media screen and (max-width:1024px) {
    .sub-title--1 {
        font-size: max(3.3203vw, 2.8rem)
    }
}

@media screen and (max-width:767px) {
    .sub-title--1 {
        font-size: min(6.6667vw, 3.4rem)
    }
}

.sub-title--1.sub-title--ko {
    line-height: 145%
}

.sub-title--1.sub-title--en {
    line-height: 130%
}

@media screen and (min-width:1025px) {
    .sub-title--2 {
        font-size: clamp(2.2rem, 2.0833vw, 5rem)
    }
    .sub-title--2.sub-title--ko {
        line-height: 145%
    }
    .sub-title--2.sub-title--en {
        line-height: 130%
    }
}

@media screen and (max-width:1024px) {
    .sub-title--2 {
        font-size: max(2.9297vw, 2.5rem)
    }
}

@media screen and (max-width:767px) {
    .sub-title--2 {
        font-size: clamp(2.2rem, 6.4103vw, 3rem)
    }
}

.sub-title--2 {
    font-weight: 500;
    letter-spacing: -.02em
}

@media screen and (min-width:1025px) {
    .sub-title--2.sub-title--ko {
        font-size: clamp(2.2rem, 2.0833vw, 5rem);
        line-height: 145%
    }
    .sub-title--2.sub-title--en {
        font-size: clamp(2.2rem, 2.0833vw, 5rem);
        line-height: 130%
    }
}

@media screen and (max-width:1024px) {
    .sub-title--2.sub-title--en,
    .sub-title--2.sub-title--ko {
        font-size: max(2.9297vw, 2.5rem)
    }
}

@media screen and (max-width:767px) {
    .sub-title--2.sub-title--en,
    .sub-title--2.sub-title--ko {
        font-size: clamp(2.2rem, 6.4103vw, 3rem)
    }
}

.sub-title--3 {
    font-size: clamp(2rem, 1.875vw, 4.5rem);
    font-weight: 500;
    line-height: 145%
}

@media screen and (max-width:1024px) {
    .sub-title--3 {
        font-size: max(2.7344vw, 2.3rem)
    }
}

@media screen and (max-width:767px) {
    .sub-title--3 {
        font-size: clamp(2.1rem, 6.1538vw, 2.8rem)
    }
}

.sub-title--3.sub-title--ko {
    line-height: 145%
}

.sub-title--3.sub-title--en {
    line-height: 130%
}

.sub-title--4 {
    font-size: clamp(1.8rem, 1.6667vw, 4rem);
    font-weight: 500;
    line-height: 145%
}

@media screen and (max-width:1024px) {
    .sub-title--4 {
        font-size: max(2.4414vw, 2.1rem)
    }
}

@media screen and (max-width:767px) {
    .sub-title--4 {
        font-size: clamp(1.9rem, 5.641vw, 2.5rem)
    }
}

.sub-title--4.sub-title--ko {
    line-height: 145%
}

.sub-title--4.sub-title--en {
    line-height: 130%
}

.sub-title--5 {
    font-size: clamp(1.6rem, 1.4583vw, 3.5rem);
    font-weight: 500;
    line-height: 145%
}

@media screen and (max-width:1024px) {
    .sub-title--5 {
        font-size: max(2.2461vw, 1.9rem)
    }
}

@media screen and (max-width:767px) {
    .sub-title--5 {
        font-size: clamp(1.7rem, 5.1282vw, 2.3rem)
    }
}

.sub-title--5.sub-title--ko {
    line-height: 145%
}

.sub-title--5.sub-title--en {
    line-height: 130%
}

.sub-title--6-r {
    font-size: clamp(1.4rem, 1.25vw, 3rem);
    font-weight: 400;
    line-height: 145%
}

@media screen and (max-width:1024px) {
    .sub-title--6-r {
        font-size: max(2.1484vw, 1.8rem)
    }
}

@media screen and (max-width:767px) {
    .sub-title--6-r {
        font-size: clamp(1.5rem, 4.359vw, 2rem)
    }
}

.sub-title--6-r.sub-title--ko {
    line-height: 145%
}

.sub-title--6-r.sub-title--en {
    line-height: 130%
}

.sub-title--6-m {
    font-size: clamp(1.4rem, 1.25vw, 3rem);
    font-weight: 500;
    line-height: 145%
}

@media screen and (max-width:1024px) {
    .sub-title--6-m {
        font-size: max(2.1484vw, 1.8rem)
    }
}

@media screen and (max-width:767px) {
    .sub-title--6-m {
        font-size: clamp(1.5rem, 4.359vw, 2rem)
    }
}

.sub-title--6-m.sub-title--ko {
    line-height: 145%
}

.sub-title--6-m.sub-title--en {
    line-height: 130%
}

.sub-body {
    letter-spacing: -.02em
}

.sub-body--light {
    color: #000
}

.sub-body--dark {
    color: #fff
}

.sub-body--1 {
    font-size: clamp(1.5rem, 1.4063vw, 3.2rem);
    font-weight: 400;
    line-height: 155%
}

@media screen and (max-width:1024px) {
    .sub-body--1 {
        font-size: max(1.8555vw, 1.5rem)
    }
}

@media screen and (max-width:767px) {
    .sub-body--1 {
        font-size: clamp(1.5rem, 4.6154vw, 2rem)
    }
}

.sub-body--1.sub-body--ko {
    line-height: 155%
}

.sub-body--1.sub-body--en {
    line-height: 140%
}

.sub-body--2 {
    font-size: clamp(1.3rem, 1.1458vw, 2.6rem);
    font-weight: 400;
    line-height: 160%
}

@media screen and (max-width:1024px) {
    .sub-body--2 {
        font-size: max(1.7578vw, 1.6rem)
    }
}

@media screen and (max-width:767px) {
    .sub-body--2 {
        font-size: clamp(1.5rem, 4.359vw, 1.8rem)
    }
}

.sub-body--2.sub-body--ko {
    line-height: 160%
}

.sub-body--2.sub-body--en {
    line-height: 145%
}

.sub-body--3-r {
    font-size: clamp(1.2rem, 1.0417vw, 2.5rem);
    font-weight: 400;
    line-height: 160%
}

@media screen and (max-width:1024px) {
    .sub-body--3-r {
        font-size: max(1.6602vw, 1.5rem)
    }
}

@media screen and (max-width:767px) {
    .sub-body--3-r {
        font-size: clamp(1.4rem, 4.1026vw, 1.7rem)
    }
}

.sub-body--3-r.sub-body--ko {
    line-height: 160%
}

.sub-body--3-r.sub-body--en {
    line-height: 145%
}

.sub-body--3-m {
    font-size: clamp(1.2rem, 1.0417vw, 2.5rem);
    font-weight: 500;
    line-height: 160%
}

@media screen and (max-width:1024px) {
    .sub-body--3-m {
        font-size: max(1.6602vw, 1.5rem)
    }
}

@media screen and (max-width:767px) {
    .sub-body--3-m {
        font-size: clamp(1.4rem, 4.1026vw, 1.7rem)
    }
}

.sub-body--3-m.sub-body--ko {
    line-height: 160%
}

.sub-body--3-m.sub-body--en {
    line-height: 145%
}

.sub-body--4 {
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    font-weight: 400;
    line-height: 160%
}

@media screen and (max-width:1024px) {
    .sub-body--4 {
        font-size: max(1.5625vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .sub-body--4 {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem)
    }
}

.sub-body--4.sub-body--ko {
    line-height: 160%
}

.sub-body--4.sub-body--en {
    line-height: 145%
}

.sub-label {
    display: inline-block;
    line-height: 100%;
    letter-spacing: -.02em
}

.sub-label--light {
    color: #000
}

.sub-label--dark {
    color: #fff
}

.sub-label--1-r {
    font-weight: 400;
    font-size: clamp(1.1rem, .9375vw, 2.2rem)
}

@media screen and (max-width:1024px) {
    .sub-label--1-r {
        font-size: max(1.4648vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .sub-label--1-r {
        font-size: clamp(1.3rem, 3.5897vw, 1.4rem)
    }
}

.sub-label--1-m {
    font-weight: 500;
    font-size: clamp(1.1rem, .9375vw, 2.2rem)
}

@media screen and (max-width:1024px) {
    .sub-label--1-m {
        font-size: max(1.4648vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .sub-label--1-m {
        font-size: clamp(1.3rem, 3.5897vw, 1.4rem)
    }
}

.sub-label--2 {
    font-weight: 400;
    font-size: clamp(.9rem, .8333vw, 2.1rem)
}

@media screen and (max-width:1024px) {
    .sub-label--2 {
        font-size: max(1.3672vw, 1.3rem)
    }
}

@media screen and (max-width:767px) {
    .sub-label--2 {
        font-size: clamp(1.2rem, 3.3333vw, 1.3rem)
    }
}

.br {
    display: none
}

@media screen and (min-width:1025px) {
    .br--desktop {
        display: block
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .br--tablet {
        display: block
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .br--mobile {
        display: block
    }
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color);
    overflow: hidden;
    position: relative;
    transition: all .53s cubic-bezier(.215, .61, .355, 1);
    cursor: pointer;
    border-radius: 9999px;
    will-change: transform;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -.02em
}

.button:focus-visible {
    outline: 2px solid var(--focus-color, #4d90fe);
    outline-offset: 2px
}

@media(forced-colors:active) {
    .button {
        border: 1px solid ButtonText
    }
    .button:focus-visible {
        outline: 2px solid ButtonText
    }
}

.button__wrapper {
    display: inline-flex
}

.button__wrapper,
.button__wrapper>div {
    align-items: center;
    justify-content: center
}

.button__wrapper>div {
    display: flex;
    gap: .3em;
    opacity: 0
}

@media screen and (max-width:1024px) {
    .button__wrapper>div {
        gap: .2em
    }
}

.button--l {
    min-height: clamp(2.8rem, 2.6042vw, 6.2rem);
    font-size: clamp(1.2rem, 1.0417vw, 2.4rem)
}

.button--l .button__wrapper {
    padding: 0 1.6em
}

@media screen and (max-width:1024px) {
    .button--l .button__wrapper {
        padding: 0 1.44em
    }
}

.button--s {
    min-height: clamp(2.5rem, 2.2917vw, 5.6rem);
    font-size: clamp(1rem, .9375vw, 2.2rem)
}

.button--s .button__wrapper {
    padding: 0 1.44em
}

.button--mini {
    min-height: 1.8889em;
    font-size: clamp(1.1rem, .9375vw, 2.2rem)
}

@media screen and (max-width:1024px) {
    .button--mini {
        width: 5rem;
        height: 2.9rem !important;
        min-height: 2.9rem !important;
        font-size: 1.5rem !important
    }
}

@media screen and (max-width:767px) {
    .button--mini {
        width: 5rem;
        height: 2.9rem !important;
        min-height: 2.9rem !important;
        font-size: 1.5rem !important
    }
}

.button--mini .button__wrapper {
    padding: .4444em 1em
}

@media screen and (max-width:1024px) {
    .button--mini .button__wrapper {
        padding: .7rem 1.2rem
    }
}

@media screen and (max-width:767px) {
    .button--mini .button__wrapper {
        padding: .7rem 1.2rem
    }
}

@media screen and (max-width:1024px) {
    .button {
        min-height: 4.4rem;
        font-size: 1.8rem
    }
}

.button--dark {
    --bg-color: #080a12;
    --text-color: #fff;
    --hover-bg: #fff;
    --hover-text: #000;
    --border-color: hsla(0, 0%, 100%, .3);
    --focus-color: #4d90fe
}

.button--dark:not(.button--solid),
.button--light {
    --bg-color: #fff;
    --text-color: #000;
    --hover-bg: #000;
    --hover-text: #fff
}

.button--light {
    --focus-color: #4d90fe;
    --border-color: rgba(0, 0, 0, .3)
}

.button--light:not(.button--solid) {
    --bg-color: #000;
    --text-color: #fff;
    --hover-bg: #fff;
    --hover-text: #000
}

.button--full {
    width: 100%;
    white-space: normal
}

@media(pointer:fine) {
    .button:not(.button--disabled):hover {
        border-color: transparent
    }
    .button:not(.button--disabled):hover .button__text {
        transform: translateY(-50%)
    }
    .button:not(.button--disabled):hover .button__text>div {
        opacity: 0
    }
    .button:not(.button--disabled):hover .button__text-hover {
        transform: translateY(0)
    }
    .button:not(.button--disabled):hover .button__text-hover>div {
        opacity: 1
    }
}

@media(pointer:coarse) {
    .button:not(.button--disabled) .button__text-hover {
        display: none
    }
}

.button--disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5
}

.button svg {
    flex-shrink: 0;
    width: 1em;
    height: 1em
}

@media screen and (max-width:1024px) {
    .button svg {
        width: 1.8rem;
        height: 1.8rem
    }
}

.button__text,
.button__text-hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--bg-color);
    transition: transform .53s cubic-bezier(.215, .61, .355, 1);
    will-change: transform, opacity
}

.button__text,
.button__text-hover,
.button__text-hover>div,
.button__text>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.button__text-hover>div,
.button__text>div {
    gap: .2em;
    will-change: opacity
}

@media screen and (max-width:1024px) {
    .button__text-hover>div,
    .button__text>div {
        gap: .1667em
    }
}

.button__text {
    background-color: var(--bg-color);
    color: var(--text-color)
}

.button__text>div {
    transition: opacity .53s cubic-bezier(.215, .61, .355, 1)
}

.button__text-hover {
    background-color: var(--hover-bg);
    color: var(--hover-text);
    transform: translateY(101%)
}

.button__text-hover>div {
    opacity: 0;
    transition: opacity .53s cubic-bezier(.215, .61, .355, 1)
}

.label-text {
    display: flex;
    gap: .42em;
    align-items: center;
    position: relative;
    font-size: clamp(1.4rem, 1.25vw, 3rem)
}

@media screen and (max-width:1024px) {
    .label-text {
        font-size: max(2.1484vw, 1.8rem)
    }
}

@media screen and (max-width:767px) {
    .label-text {
        font-size: clamp(1.5rem, 4.359vw, 2rem)
    }
}

.label-text__icon {
    flex-shrink: 0;
    width: .6667em;
    height: .6667em;
    color: #254ec9
}

@media screen and (max-width:1024px) {
    .label-text__icon {
        width: .7em;
        height: .7em
    }
}

@media screen and (max-width:767px) {
    .label-text__icon {
        width: .75em;
        height: .75em
    }
}

.label-text__line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: hsla(0, 0%, 100%, .3)
}

.label-text--dark .label-text__text {
    color: #fff
}

.label-text--light .label-text__text {
    color: #000
}

.highlight {
    color: #254ec9
}

[data-split-text=true] {
    visibility: hidden
}

.number-animation {
    display: inline-block;
    white-space: nowrap
}

.number-animation__wrapper {
    display: flex;
    align-items: flex-end;
    gap: .0357em
}

@media screen and (max-width:1024px) {
    .number-animation__wrapper {
        gap: .0395em
    }
}

@media screen and (max-width:767px) {
    .number-animation__wrapper {
        gap: .037em
    }
}

.image {
    display: block;
    max-width: 100%;
    height: auto
}

.image[loading] {
    opacity: 0
}

.image.loaded {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.image-card,
.image-card .scroll-reveal {
    display: block
}

.image-card__media {
    aspect-ratio: 16/10;
    position: relative
}

.image-card__category {
    display: block;
    padding-top: 1.1111em;
    color: #254ec9;
    font-weight: 500
}

@media screen and (max-width:1024px) {
    .image-card__category {
        padding-top: .9412em
    }
}

@media screen and (max-width:767px) {
    .image-card__category {
        padding-top: .9333em
    }
}

.image-card__title {
    padding-top: .5em;
    color: #000;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media screen and (max-width:767px) {
    .image-card__title {
        display: block;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }
}

.image-card__date {
    display: block;
    padding-top: .8889em;
    color: #888
}

@media screen and (max-width:1024px) {
    .image-card__date {
        padding-top: 1.0667em
    }
}

@media screen and (max-width:767px) {
    .image-card__date {
        padding-top: .8571em
    }
}

.draw_line .line {
    display: block;
    background-color: hsla(0, 0%, 100%, .3)
}

.draw_line--black .line {
    background-color: rgba(0, 0, 0, .3)
}

.draw_line--horizontal .line {
    width: 100%;
    height: 1px
}

.draw_line--horizontal.active .line {
    width: 100%
}

.draw_line--vertical {
    height: 100%
}

.draw_line--vertical .line {
    width: 1px;
    height: 100%
}

.draw_line--vertical.active .line {
    height: 100%
}

.scroll-reveal {
    opacity: unset;
    transform: unset;
    overflow: hidden
}

.scroll-reveal:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 101%;
    transition: height 1.2s cubic-bezier(.165, .84, .44, 1);
    z-index: 99
}

.scroll-reveal img,
.scroll-reveal video {
    transform: scale(1.5);
    transition: transform 1.2s cubic-bezier(.165, .84, .44, 1)
}

.scroll-reveal.active {
    opacity: 1;
    transform: none
}

.scroll-reveal.active:after {
    height: 0
}

.scroll-reveal.active img,
.scroll-reveal.active video {
    transform: scale(1)
}

.scroll-reveal--light:after {
    background: #fff
}

.scroll-reveal--dark:after {
    background: #080a12
}

.opacity-animation {
    visibility: hidden;
    opacity: 0
}

.sub-content {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.5em
}

@media screen and (max-width:1024px) {
    .sub-content {
        gap: 1em
    }
}

@media screen and (max-width:767px) {
    .sub-content {
        gap: .875em
    }
}

.thumb-info {
    display: inline-flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%
}

@media screen and (max-width:1024px) {
    .thumb-info--dark {
        border-top: .1rem solid hsla(0, 0%, 100%, .3)
    }
    .thumb-info--light {
        border-top: .1rem solid rgba(0, 0, 0, .3)
    }
}

.thumb-info__image {
    width: 100%
}

.thumb-info .parallax-wrapper {
    aspect-ratio: 8/5
}

@media screen and (max-width:1024px) {
    .thumb-info .parallax-wrapper {
        aspect-ratio: 19/10
    }
}

@media screen and (max-width:767px) {
    .thumb-info .parallax-wrapper {
        aspect-ratio: 3/2
    }
}

.thumb-info__title-text {
    padding-top: .875em;
    padding-right: 1.25vw;
    padding-bottom: .5em;
    width: 100%
}

.thumb-info__title-text--dark {
    color: #fff
}

.thumb-info__title-text--light {
    color: #000
}

@media screen and (max-width:1024px) {
    .thumb-info__title-text {
        padding-top: 1.12em;
        padding-right: 0
    }
}

@media screen and (max-width:767px) {
    .thumb-info__title-text {
        padding-top: 1.0909em;
        padding-bottom: .5455em
    }
}

.thumb-info__body-text {
    padding-right: 1.25vw
}

.thumb-info__body-text--dark {
    color: #ccc
}

.thumb-info__body-text--light {
    color: #333
}

@media screen and (max-width:1024px) {
    .thumb-info__body-text {
        padding-right: 0
    }
}

.thumb-info__button-wrapper {
    padding-top: 1.6em;
    font-size: 2rem
}

@media screen and (max-width:1024px) {
    .thumb-info__button-wrapper {
        padding-top: 1.6471em;
        font-size: 1.7rem
    }
}

@media screen and (max-width:767px) {
    .thumb-info__button-wrapper {
        padding-top: 1.25em;
        font-size: 1.6rem
    }
}

.parallax-wrapper {
    overflow: hidden;
    position: relative
}

.parallax-content {
    will-change: transform
}

.labeled-number {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%
}

@media screen and (max-width:767px) {
    .labeled-number {
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }
}

.labeled-number--dark {
    color: #000;
    border-top: .1rem solid rgba(0, 0, 0, .3)
}

@media screen and (max-width:1024px) {
    .labeled-number--dark {
        border-top: .1rem solid rgba(0, 0, 0, .3)
    }
}

@media screen and (max-width:767px) {
    .labeled-number--dark {
        border-style: none
    }
}

.labeled-number--light {
    color: #fff;
    border-top: .1rem solid hsla(0, 0%, 100%, .3)
}

@media screen and (max-width:1024px) {
    .labeled-number--light {
        border-top: .1rem solid hsla(0, 0%, 100%, .3)
    }
}

@media screen and (max-width:767px) {
    .labeled-number--light {
        border-style: none
    }
}

.labeled-number--border {
    border-style: none
}

.labeled-number__label-wrapper {
    display: flex;
    justify-content: space-between;
    align-self: stretch;
    font-size: clamp(1.2rem, 1.0417vw, 2.5rem);
    padding-top: 1.2em
}

@media screen and (max-width:1024px) {
    .labeled-number__label-wrapper {
        font-size: max(1.6602vw, 1.5rem);
        padding-top: 1.4118em
    }
}

@media screen and (max-width:767px) {
    .labeled-number__label-wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        font-size: clamp(1.4rem, 4.1026vw, 1.7rem);
        gap: .5em;
        padding-top: 0
    }
}

.labeled-number__value {
    padding-top: .1071em
}

@media screen and (max-width:1024px) {
    .labeled-number__value {
        padding-top: .1579em
    }
}

@media screen and (max-width:767px) {
    .labeled-number__value {
        padding-top: 0;
        padding-left: min(3.0769vw, 2rem);
        flex-shrink: 0
    }
}

.labeled-number__label {
    color: #ccc;
    padding-left: .4em
}

.labeled-number__label--dark {
    color: #333
}

@media screen and (max-width:1024px) {
    .labeled-number__label {
        padding-left: .4706em;
        flex-shrink: 0
    }
}

@media screen and (max-width:767px) {
    .labeled-number__label {
        flex-shrink: 1;
        padding-left: 0
    }
}

.labeled-number__tag {
    color: #888;
    padding-left: 1.2em;
    text-align: end;
    line-height: 125%
}

@media screen and (max-width:1024px) {
    .labeled-number__tag {
        padding-left: 1.4118em;
        text-align: end;
        line-height: 125%
    }
}

@media screen and (max-width:767px) {
    .labeled-number__tag {
        padding-left: 0;
        text-align: start;
        line-height: 130%
    }
}

.info-content {
    width: 100%
}

.info-content .line {
    display: none
}

@media screen and (max-width:1024px) {
    .info-content .line {
        display: block
    }
}

.info-content__image {
    padding-right: 1.9271vw
}

@media screen and (max-width:1024px) {
    .info-content__image {
        padding-right: 0
    }
}

@media screen and (max-width:767px) {
    .info-content__image {
        padding-right: 0
    }
}

.info-content__title {
    color: #000
}

.info-content__info-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column
}

@media screen and (max-width:1024px) {
    .info-content__info-wrapper {
        padding-left: 1.1719vw
    }
}

@media screen and (max-width:767px) {
    .info-content__info-wrapper {
        padding-left: 0;
        justify-content: flex-start;
        gap: 1.25em
    }
}

.info-content__sub-wrapper {
    display: flex;
    gap: 0.25em;
    flex-direction: column
}

@media screen and (max-width:1024px) {
    .info-content__sub-wrapper {
        gap: 1em
    }
}

@media screen and (max-width:767px) {
    .info-content__sub-wrapper {
        gap: .75em
    }
    .info-content {
        display: flex;
        flex-direction: column
    }
}

.svg-clip-animation {
    visibility: hidden
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .image-cards {
        row-gap: 3.9063vw !important
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .image-cards {
        row-gap: min(8.2051vw, 4rem) !important
    }
}

.logo-info {
    background-color: #f5f5f5;
    display: flex;
    align-items: flex-start;
    font-size: clamp(1.6rem, 1.4583vw, 3.5rem);
    gap: 1.1429em;
    padding: 1.4286em;
    height: 100%
}

@media screen and (max-width:1024px) {
    .logo-info {
        flex-direction: column;
        font-size: max(2.2461vw, 1.9rem);
        gap: 1.3913em;
        padding: 1.3913em 1.2174em
    }
}

@media screen and (max-width:767px) {
    .logo-info {
        flex-direction: column;
        font-size: clamp(1.7rem, 5.1282vw, 2.3rem);
        gap: 1.6em;
        padding: 1.6em 1.4em
    }
}

.logo-info__image-wrapper {
    background-color: #fff;
    flex-shrink: 0;
    font-size: clamp(1.6rem, 1.4583vw, 3.5rem);
    width: 7.1429em;
    height: 7.1429em
}

@media screen and (max-width:1024px) {
    .logo-info__image-wrapper {
        font-size: max(2.2461vw, 1.9rem);
        width: 100%;
        height: 6.5217em
    }
}

@media screen and (max-width:767px) {
    .logo-info__image-wrapper {
        font-size: clamp(1.7rem, 5.1282vw, 2.3rem);
        width: 100%;
        height: 6.35em
    }
}

.logo-info__image {
    object-fit: contain;
    width: 100%;
    height: 100%;
    margin: auto
}

.logo-info__text-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.logo-info__title {
    color: #000;
    padding-bottom: .5714em
}

@media screen and (max-width:1024px) {
    .logo-info__title {
        padding-bottom: .6957em
    }
}

@media screen and (max-width:767px) {
    .logo-info__title {
        padding-bottom: .8em
    }
}

.logo-info__body {
    color: #333
}

.list-content {
    background-color: #f5f5f5;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    font-size: clamp(1.2rem, 1.0417vw, 2.5rem);
    padding: 2em
}

@media screen and (max-width:1024px) {
    .list-content {
        font-size: max(1.6602vw, 1.5rem);
        padding: 1.6471em
    }
}

@media screen and (max-width:767px) {
    .list-content {
        font-size: clamp(1.4rem, 4.1026vw, 1.7rem);
        padding: 2em 1.75em
    }
}

.list-content__sub-wrapper-1 {
    display: flex;
    flex-direction: column;
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    padding-top: 2.2222em;
    gap: 1.1111em
}

@media screen and (max-width:1024px) {
    .list-content__sub-wrapper-1 {
        font-size: max(1.5625vw, 1.4rem);
        padding-top: 2em;
        gap: 2em
    }
}

@media screen and (max-width:767px) {
    .list-content__sub-wrapper-1 {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem);
        padding-top: 2.1333em;
        gap: 1.0667em
    }
}

.list-content__sub-wrapper-2 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.list-content__title {
    color: #000
}

.list-content__body {
    color: #888
}

.text-content {
    width: 100%;
    height: 100%
}

.text-content__title {
    color: #000
}

.text-content--horizontal {
    padding: 4rem 0
}

@media screen and (max-width:1024px) {
    .text-content--horizontal {
        padding-top: 3.2rem;
        padding-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .text-content--horizontal {
        padding-top: 2.4rem;
        padding-bottom: 0
    }
}

.text-content--vertical {
    display: flex;
    height: 100%;
    background-color: #f5f5f5;
    font-size: clamp(1.6rem, 1.4583vw, 3.5rem);
    padding: 1.4286em
}

@media screen and (max-width:1024px) {
    .text-content--vertical {
        font-size: max(2.2461vw, 1.9rem);
        padding: 1.2174em
    }
}

@media screen and (max-width:767px) {
    .text-content--vertical {
        font-size: clamp(1.7rem, 5.1282vw, 2.3rem);
        padding: 1.6em 1.4em
    }
}

@media screen and (min-width:1025px) {
    .text-content__row--horizontal {
        display: flex;
        gap: clamp(1.3rem, 1.25vw, 3rem);
        align-items: flex-start
    }
}

@media screen and (max-width:767px) {
    .text-content__row--horizontal {
        display: flex;
        gap: 1.2rem;
        flex-direction: column
    }
}

.text-content__row--vertical {
    row-gap: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.text-content__body-col--horizontal {
    padding-left: calc(clamp(1.3rem, 1.25vw, 3rem)*2)
}

@media screen and (max-width:1024px) {
    .text-content__body-col--horizontal {
        padding-left: 0
    }
}

.text-content__body-col--vertical {
    display: flex;
    align-items: flex-end;
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    padding-top: 2.2222em
}

@media screen and (max-width:1024px) {
    .text-content__body-col--vertical {
        font-size: max(1.5625vw, 1.4rem);
        padding-top: 2em
    }
}

@media screen and (max-width:767px) {
    .text-content__body-col--vertical {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem);
        padding-top: 2.1333em;
        display: grid
    }
}

.accordion-button {
    border-top: 1px solid rgba(0, 0, 0, .3);
    background-color: #fff;
    cursor: pointer
}

.accordion-button:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

.accordion-button__wrapper {
    align-items: center;
    font-size: clamp(2rem, 1.875vw, 4.5rem);
    padding: .8889em 1.0417vw .8889em 0;
    z-index: 10000
}

@media screen and (max-width:1024px) {
    .accordion-button__wrapper {
        font-size: max(2.7344vw, 2.3rem);
        display: flex !important;
        gap: 1em !important;
        align-items: center;
        padding: 1em 0
    }
}

@media screen and (max-width:767px) {
    .accordion-button__wrapper {
        display: flex;
        align-items: center;
        font-size: clamp(2.1rem, 6.1538vw, 2.8rem);
        padding: 1.1667em 0
    }
}

.accordion-button__sub-wrapper {
    display: flex;
    gap: 1.1111em;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:1024px) {
    .accordion-button__sub-wrapper {
        align-items: center;
        justify-content: space-between;
        flex: 1 1
    }
}

@media screen and (max-width:767px) {
    .accordion-button__sub-wrapper {
        align-items: center
    }
}

.accordion-button__index {
    display: block;
    color: #888;
    padding-left: 1.0417vw
}

@media screen and (max-width:1024px) {
    .accordion-button__index {
        padding-left: 0
    }
}

@media screen and (max-width:767px) {
    .accordion-button__index {
        display: none
    }
}

.accordion-button__title {
    color: #000;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.accordion-button__title--blue {
    color: #254ec9
}

.accordion-button__content {
    display: flex;
    overflow: hidden;
    height: 0
}

.accordion-button__icon-wrapper {
    position: relative;
    width: .6111em;
    height: .6111em;
    font-size: clamp(2rem, 1.875vw, 4.5rem)
}

@media screen and (max-width:1024px) {
    .accordion-button__icon-wrapper {
        width: .6429em;
        height: .6429em;
        font-size: max(2.7344vw, 2.3rem)
    }
}

@media screen and (max-width:767px) {
    .accordion-button__icon-wrapper {
        width: .75em;
        height: .75em;
        font-size: clamp(2.1rem, 6.1538vw, 2.8rem)
    }
}

.accordion-button__icon-horizontal {
    position: absolute;
    top: calc(50% - .1rem);
    width: 100%;
    height: .2rem;
    background-color: #000;
    will-change: transform
}

@media screen and (max-width:1024px) {
    .accordion-button__icon-horizontal {
        height: .15rem
    }
}

.accordion-button__icon-vertical {
    position: absolute;
    left: calc(50% - .1rem);
    width: .2rem;
    height: 100%;
    background-color: #000;
    will-change: transform
}

@media screen and (max-width:1024px) {
    .accordion-button__icon-vertical {
        width: .15rem
    }
}

.number__label {
    color: #333
}

.number__head {
    color: #254ec9
}

.number--pc {
    display: block
}

@media screen and (max-width:1024px) {
    .number--pc {
        display: none
    }
}

@media screen and (max-width:767px) {
    .number--pc {
        display: none
    }
}

.number--tablet {
    display: none
}

@media screen and (max-width:1024px) {
    .number--tablet {
        display: block;
        position: absolute
    }
}

@media screen and (max-width:767px) {
    .number--tablet {
        display: none
    }
}

.number--mobile {
    display: none
}

@media screen and (max-width:1024px) {
    .number--mobile {
        display: none
    }
}

@media screen and (max-width:767px) {
    .number--mobile {
        display: flex;
        justify-content: space-between
    }
}

.number__unit-sec {
    color: #888;
    display: none
}

@media screen and (max-width:1024px) {
    .number__unit-sec {
        display: none
    }
}

@media screen and (max-width:767px) {
    .number__unit-sec {
        display: block
    }
}

.tab {
    display: flex;
    font-size: clamp(1.2rem, 1.0417vw, 2.5rem);
    gap: .6em;
    padding-bottom: 1.2em;

    /* 추가 */
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; /* 모바일 부드러운 스크롤 */
}
.tab {
    scrollbar-width: none; /* Firefox */
}
.tab::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}

@media screen and (max-width:1024px) {
    .tab {
        font-size: max(1.6602vw, 1.5rem);
        gap: .4706em;
        padding-bottom: 1.1765em
    }
}

.tab__button {
    width: max-content;
    padding: 0 1em;
    height: clamp(2.5rem, 2.2917vw, 5.6rem);
    color: #888;
    background-color: #f5f5f5;
    border-radius: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.tab__button:hover {
    color: #fff;
    background-color: #000;
    transition: color .3s ease-in-out, background-color .3s ease-in-out
}

@media screen and (max-width:1024px) {
    .tab__button {
        padding: 0 1em;
        height: 3.8rem
    }
}

.tab__button--active {
    color: #fff;
    background-color: #000
}

.tab-slide {
    cursor: pointer;
    padding-bottom: 0
}

.tab-slide__button {
    width: min-content;
    padding: 0 1em;
    height: 3.8rem;
    color: #888;
    background-color: #f5f5f5;
    border-radius: 6rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.tab-slide__button--active,
.tab-slide__button:hover {
    color: #fff;
    background-color: #000
}

.tab-slide__button:hover {
    transition: color .3s ease-in-out, background-color .3s ease-in-out
}

.tab-slide__text {
    white-space: nowrap
}

.tab-slide__swiper {
    padding: 0 min(5.1282vw, 3.6rem) !important
}

.tab-slide__swiper .swiper-slide {
    width: -moz-fit-content;
    width: fit-content;
    margin-right: .8rem
}

.tab-slide__swiper .swiper-slide:last-child {
    margin-right: 0
}

.news-card__wrapper {
    background-color: #f5f5f5;
    font-size: clamp(1.8rem, 1.6667vw, 4rem);
    padding: 1.25em;
    display: flex;
    flex-direction: column;
    gap: 3.5em;
    transition: color .2s ease-in-out, background-color .2s ease-in-out
}

@media screen and (max-width:1024px) {
    .news-card__wrapper {
        font-size: max(2.4414vw, 2.1rem);
        gap: 3.52em;
        padding: 1.28em
    }
}

@media screen and (max-width:767px) {
    .news-card__wrapper {
        font-size: clamp(1.9rem, 5.641vw, 2.5rem);
        gap: 2.5455em;
        padding: 1.0909em
    }
}

@media screen and (min-width:768px) {
    .news-card__wrapper:hover {
        background-color: #080a12;
        color: #fff
    }
}

.news-card__sub-wrapper {
    display: flex;
    flex-direction: column;
    font-size: clamp(1.8rem, 1.6667vw, 4rem);
    gap: .5em
}

@media screen and (max-width:1024px) {
    .news-card__sub-wrapper {
        font-size: max(2.4414vw, 2.1rem);
        gap: .48em
    }
}

@media screen and (max-width:767px) {
    .news-card__sub-wrapper {
        font-size: clamp(1.9rem, 5.641vw, 2.5rem);
        gap: .3636em
    }
}

.news-card__name {
    margin-right: .2em
}

@media screen and (max-width:1024px) {
    .news-card__name {
        margin-right: .2353em
    }
}

@media screen and (max-width:767px) {
    .news-card__name {
        margin-right: .25em
    }
}

.news-card__icon {
    font-size: clamp(1.2rem, 1.0417vw, 2.5rem);
    width: 1em;
    height: 1em
}

@media screen and (max-width:1024px) {
    .news-card__icon {
        width: 2rem;
        height: 2rem
    }
}

.news-card__link {
    display: flex;
    align-items: center;
    color: #254ec9
}

.news-card__title {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.news-card__label {
    color: #888
}

.accordion-with-label {
    border-bottom: .1rem solid rgba(0, 0, 0, .3);
    background-color: #fff;
    font-size: clamp(1.4rem, 1.25vw, 3rem);
    padding: 1.3333em 0
}

.accordion-with-label--open {
    padding: 1.3333em 0 1.6667em
}

@media screen and (max-width:1024px) {
    .accordion-with-label {
        font-size: max(2.1484vw, 1.8rem);
        padding: 1.3636em 0
    }
    .accordion-with-label--open {
        padding: 1.3636em 0 1.8182em
    }
}

@media screen and (max-width:767px) {
    .accordion-with-label {
        font-size: clamp(1.5rem, 4.359vw, 2rem);
        padding: 1.4118em 0
    }
}

.accordion-with-label__date {
    white-space: nowrap
}

.accordion-with-label__wrapper {
    z-index: 10000;
    padding: 1.7778em 0;
    align-items: center;
    cursor: pointer
}

@media screen and (max-width:1024px) {
    .accordion-with-label__wrapper {
        padding: max(2.8rem, 1.67vw) 0;
        gap: 1em
    }
}

@media screen and (max-width:767px) {
    .accordion-with-label__wrapper {
        display: flex;
        flex-direction: column
    }
}

.accordion-with-label__sub-wrapper {
    display: flex;
    align-items: center
}

@media screen and (max-width:1024px) {
    .accordion-with-label__sub-wrapper {
        align-items: center
    }
}

@media screen and (max-width:767px) {
    .accordion-with-label__sub-wrapper {
        font-size: clamp(1.5rem, 4.359vw, 2rem);
        margin-right: 1.1765em
    }
}

.accordion-with-label__title-wrapper {
    display: flex;
    align-items: center;
    gap: .5em;
    max-width: -moz-fit-content;
    max-width: fit-content;
    flex: 0 1 auto;
    min-width: 0
}

.accordion-with-label__date {
    color: #888
}

.accordion-with-label__title {
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width:767px) {
    .accordion-with-label__title {
        white-space: normal;
        display: block;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

.accordion-with-label__title:hover {
    color: #254ec9;
    transition: color .1s ease-in-out
}

.accordion-with-label__title--blue {
    white-space: normal;
    color: #254ec9
}

.accordion-with-label__content {
    cursor: default;
    display: none;
}


.accordion-with-label__label-wrapper {
    display: flex;
    align-items: center
}

@media screen and (max-width:767px) {
    .accordion-with-label__label-wrapper {
        gap: .8571em
    }
}

.accordion-with-label__date-wrapper {
    display: flex;
    align-items: center
}

.accordion-with-label__icon-wrapper {
    position: relative;
    font-size: clamp(1.4rem, 1.25vw, 3rem);
    width: 1em;
    height: 1em
}

@media screen and (max-width:1024px) {
    .accordion-with-label__icon-wrapper {
        width: 1.8rem;
        height: 1.8rem
    }
}

.accordion-with-label__icon-horizontal {
    width: 100%;
    height: .2rem;
    background-color: #000;
    position: absolute;
    top: calc(50% - .1rem);
    will-change: transform
}

@media screen and (max-width:1024px) {
    .accordion-with-label__icon-horizontal {
        height: .15rem
    }
}

.accordion-with-label__icon-vertical {
    width: .2rem;
    height: 100%;
    background-color: #000;
    position: absolute;
    left: calc(50% - .1rem);
    will-change: transform
}

@media screen and (max-width:1024px) {
    .accordion-with-label__icon-vertical {
        width: .15rem
    }
}

.accordion-with-label__mobile-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .8571em
}

.accordion-with-label__mobile-click-section {
    cursor: pointer
}

.accordion-with-label__open-icon-wrapper {
    display: flex;
    justify-content: flex-end
}

.accordion-with-label__file-icon-wrapper-dt {
    font-size: clamp(1.4rem, 1.25vw, 3rem);
    width: 1em;
    height: 1em;
    flex-shrink: 0
}

@media screen and (max-width:1024px) {
    .accordion-with-label__file-icon-wrapper-dt {
        width: 2.4rem;
        height: 2.4rem
    }
}

@media screen and (max-width:767px) {
    .accordion-with-label__file-icon-wrapper-m {
        width: 2rem;
        height: 2rem
    }
}

.accordion-with-label__file-icon-dt {
    width: 100%;
    height: 100%
}

.accordion-with-label__file-icon-dt--open {
    display: none
}

.accordion-with-label__file-icon-m {
    width: 100%;
    height: 100%
}

.accordion-with-label--dt {
    display: block
}

@media screen and (max-width:767px) {
    .accordion-with-label--dt {
        display: none
    }
}

.accordion-with-label--mobile {
    display: none
}

@media screen and (max-width:767px) {
    .accordion-with-label--mobile {
        display: grid
    }
}

.notice-item {
    border-bottom: .1rem solid rgba(0, 0, 0, .3);
}

.notice-item__label-wrapper {
    display: flex;
    align-items: center
}

@media screen and (max-width:767px) {
    .notice-item__label-wrapper {
        gap: .8571em
    }
}

.notice-item__date {
    color: #888
}

.notice-item__sub-wrapper {
    display: flex;
    align-items: center;
    gap: .5455em
}

.notice-item__title {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.notice-item__title:hover {
    color: #254ec9;
    transition: color .1s ease-in-out
}

@media screen and (max-width:767px) {
    .notice-item__title {
        display: block;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-top: .7059em;
        font-size: clamp(1.5rem, 4.359vw, 2rem);
        margin-right: 1.1765em
    }
}

.notice-item__dt {
    font-size: clamp(1.4rem, 1.25vw, 3rem);
    padding: 1.3333em 0
}

@media screen and (max-width:1024px) {
    .notice-item__dt {
        font-size: max(2.1484vw, 1.8rem);
        padding: 1.3636em 0
    }
}

@media screen and (max-width:767px) {
    .notice-item__dt {
        display: none
    }
}

.notice-item__mobile {
    display: none
}

@media screen and (max-width:1024px) {
    .notice-item__mobile {
        display: none
    }
}

@media screen and (max-width:767px) {
    .notice-item__mobile {
        display: grid;
        grid-row-gap: 0;
        row-gap: 0;
        font-size: clamp(1.5rem, 4.359vw, 2rem);
        padding: 1.4118em 0
    }
}

.notice-item__row {
    display: flex;
    align-items: center;
    row-gap: 0 !important
}

.notice-item__file-icon {
    flex-shrink: 0;
    font-size: clamp(1.4rem, 1.25vw, 3rem);
    width: 1em;
    height: 1em
}

@media screen and (max-width:1024px) {
    .notice-item__file-icon {
        width: 2.4rem;
        height: 2.4rem
    }
}

@media screen and (max-width:767px) {
    .notice-item__file-icon {
        width: 2rem;
        height: 2rem
    }
}

.name-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    cursor: pointer;
    border-bottom: .1rem solid rgba(0, 0, 0, .3);
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    padding-bottom: 1.5556em
}

@media screen and (max-width:1024px) {
    .name-card {
        height: auto;
        font-size: max(1.5625vw, 1.4rem);
        padding-bottom: 1.5em;
        min-width: calc((100% - 3.1112em)/3)
    }
}

@media screen and (max-width:767px) {
    .name-card {
        height: 100%;
        padding: min(6.1538vw, 3.2rem) 0
    }
}

.name-card__title {
    word-break: break-all
}

.name-card__title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

[lang=ko] .name-card__title-wrapper {
    font-size: clamp(1.8rem, 1.6667vw, 4rem);
    padding-right: .375em
}

@media screen and (max-width:1024px) {
    [lang=ko] .name-card__title-wrapper {
        font-size: max(2.4414vw, 2.1rem);
        padding-right: .16em
    }
}

@media screen and (max-width:767px) {
    [lang=ko] .name-card__title-wrapper {
        padding-right: 0
    }
}

[lang=en] .name-card__title-wrapper {
    font-size: clamp(1.6rem, 1.4583vw, 3.5rem);
    padding-right: .4286em
}

@media screen and (max-width:1024px) {
    [lang=en] .name-card__title-wrapper {
        font-size: max(2.2461vw, 1.9rem);
        padding-right: .1739em
    }
}

@media screen and (max-width:767px) {
    [lang=en] .name-card__title-wrapper {
        padding-right: 0
    }
}

.name-card__body-wrapper {
    font-size: clamp(1.1rem, .9375vw, 2.3rem)
}

@media screen and (max-width:1024px) {
    .name-card__body-wrapper {
        font-size: max(1.5625vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .name-card__body-wrapper {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem)
    }
}

[lang=ko] .name-card__body-wrapper {
    display: flex;
    align-items: center;
    gap: .6667em;
    padding-top: .4444em
}

@media screen and (max-width:1024px) {
    [lang=ko] .name-card__body-wrapper {
        gap: .5em;
        padding-top: .5em
    }
}

@media screen and (max-width:767px) {
    [lang=ko] .name-card__body-wrapper {
        display: flex;
        gap: 0;
        flex-direction: column;
        align-items: flex-start;
        padding-top: .5333em
    }
}

[lang=en] .name-card__body-wrapper {
    display: flex;
    flex-direction: column;
    gap: .2222em;
    padding-top: .8889em
}

@media screen and (max-width:1024px) {
    [lang=en] .name-card__body-wrapper {
        padding-top: .75em;
        gap: .25em
    }
}

@media screen and (max-width:767px) {
    [lang=en] .name-card__body-wrapper {
        padding-top: .5333em;
        gap: .1333em
    }
}

.name-card__non-mobile {
    display: block
}

@media screen and (max-width:767px) {
    .name-card__non-mobile {
        display: none
    }
}

.name-card__open-btn {
    cursor: pointer;
    flex: 0 0 auto
}

[lang=ko] .name-card__open-btn {
    font-size: clamp(1.8rem, 1.6667vw, 4rem);
    width: .75em;
    height: .75em
}

@media screen and (max-width:1024px) {
    [lang=ko] .name-card__open-btn {
        width: 2rem;
        height: 2rem
    }
}

[lang=en] .name-card__open-btn {
    font-size: clamp(1.6rem, 1.4583vw, 3.5rem);
    width: .8571em;
    height: .8571em
}

@media screen and (max-width:1024px) {
    [lang=en] .name-card__open-btn {
        width: 2rem;
        height: 2rem
    }
}

.line-icon {
    background-color: rgba(0, 0, 0, .1);
    width: .15rem;
    height: .9375vw
}

@media screen and (max-width:1024px) {
    .line-icon {
        width: .1rem;
        height: 1.5625vw
    }
}

@media screen and (max-width:767px) {
    .line-icon {
        width: .1rem;
        height: 3.5897vw
    }
}

.modal-overlay {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3)
}

.modal-wrapper {
    margin: auto;
    overflow: hidden;
    width: 100%;
    height: 100%;
    animation: modalFade .3s cubic-bezier(.38, .1, .36, .9) forwards;
    pointer-events: none
}

/*
.modal {
    display: flex;
    flex-direction: column;
    padding: min(2.9167vw, 7rem) 0;
    position: relative;
    top: 50%;
    background: #fff;
    pointer-events: auto;
    transform: translateY(-50%);
    border-radius: 0 !important
}

@media screen and (max-width:1024px) {
    .modal {
        padding: 3.9063vw 0
    }
}

@media screen and (max-width:767px) {
    .modal {
        padding: min(10.2564vw, 5.2rem) 0;
        top: unset;
        height: calc(100% - 6rem) !important
    }
}
*/

.modal__close {
    position: absolute;
    cursor: pointer;
    width: 1.0417vw;
    height: 1.0417vw;
    top: 1.25vw;
    right: 1.25vw
}

@media screen and (max-width:1024px) {
    .modal__close {
        width: 2rem;
        height: 2rem;
        top: 1.6rem;
        right: 1.6rem
    }
}

.modal-conent {
    overflow-y: auto
}

.modal-conent,
.react-modal-sheet-content,
.react-modal-sheet-scroller {
    height: 100% !important
}

@keyframes modalFade {
    0% {
        box-shadow: 0 0 0 hsla(0, 0%, 95%, 0);
        opacity: 0;
        transform: scale(1) translateY(0)
    }
    1% {
        box-shadow: 0 0 0 hsla(0, 0%, 95%, 0);
        opacity: 0;
        transform: scale(.96) translateY(10px)
    }
    to {
        box-shadow: 0 0 500px hsla(0, 0%, 95%, 0);
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

.side-menu-dimmed {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    z-index: 0;
    height: 100vh;
    visibility: hidden;
    background-color: rgba(0, 0, 0, .7);
    transition: opacity .3s ease, visibility .3s ease;
    opacity: 0
}

.side-menu-dimmed.open {
    visibility: visible;
    opacity: 1
}

.side-menu-wrapper {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none
}

.side-menu {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(48rem, 100%);
    height: 100dvh;
    background-color: #000;
    transition: transform .3s ease-in-out;
    transform: translateX(100%);
    z-index: 101;
    pointer-events: auto
}

.side-menu.open {
    transform: translateX(0)
}

.side-menu__potal-button {
    display: none
}

.side-menu__potal-button--open {
    z-index: 102
}

@media screen and (max-width:1024px) {
    .side-menu__potal-button--open {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-right: 4.6rem
    }
}

.side-menu__nav {
    flex: 1 1;
    padding: clamp(5rem, 4.6875vw, 11rem) 3.2rem 1.6rem;
    overflow-y: auto;
    background-color: #000
}

@media screen and (max-width:1024px) {
    .side-menu__nav {
        padding: 12rem 4rem 1.6rem
    }
}

@media screen and (max-width:767px) {
    .side-menu__nav {
        padding: 0 2rem 1.6rem
    }
    .side-menu__nav:first-child {
        margin-top: 6rem
    }
}

.side-menu__button {
    border-bottom: 1px solid hsla(0, 0%, 100%, .12)
}

.side-menu__button.expanded {
    border-bottom: 1px solid #3d6bff;
    color: #3d6bff !important
}

@media screen and (max-width:1024px) {
    .side-menu__button.expanded {
        margin-bottom: .6rem
    }
}

@media screen and (max-width:767px) {
    .side-menu__button.expanded {
        margin-bottom: .8rem
    }
}

.side-menu__button.expanded .side-menu__arrow {
    color: #3d6bff
}

.side-menu__button,
.side-menu__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 0;
    width: 100%;
    font-size: 2rem;
    color: #fff;
    text-align: left;
    transition: color .3s ease
}

@media screen and (max-width:1024px) {
    .side-menu__button,
    .side-menu__link {
        font-size: 2.5rem;
        padding: 1.8rem 0
    }
}

.side-menu__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .3s ease;
    transform: rotate(0deg)
}

.expanded .side-menu__arrow {
    transform: rotate(180deg)
}

.side-menu__submenu {
    margin: 0 -3.2rem;
    padding: 0 3.2rem;
    overflow: hidden
}

@media screen and (max-width:1024px) {
    .side-menu__submenu {
        margin: 0 -2.4rem;
        padding: 0 2.4rem
    }
}

@media screen and (max-width:767px) {
    .side-menu__submenu {
        margin: 0 -2rem;
        padding: 0 3.6rem
    }
}

.side-menu__submenu.expanded {
    max-height: 100vh
}

.side-menu__submenu-content:last-child {
    padding-bottom: 3.2rem
}

.side-menu__submenu-item {
    padding: 0
}

.side-menu__submenu-link {
    display: block;
    padding-top: 2.2rem;
    font-size: 1.8rem;
    color: #fff;
    transition: color .3s ease
}

@media screen and (max-width:1024px) {
    .side-menu__submenu-link {
        padding-top: 2.2rem;
        font-size: 2rem
    }
}

@media screen and (max-width:767px) {
    .side-menu__submenu-link {
        padding-top: 2rem
    }
}

.side-menu__third-depth {
    display: flex;
    gap: 2rem;
    flex-direction: column;
    padding: 2.6rem 0 1.4rem 1.4rem
}

.side-menu__third-depth-link {
    display: inline-block;
    margin-right: 2rem;
    font-size: 1.6rem;
    color: #888;
    transition: color .3s ease
}

@media screen and (max-width:1024px) {
    .side-menu__third-depth-link {
        font-size: 1.9rem
    }
}

.side-menu__third-depth-link:last-child {
    margin-right: 0
}

.side-menu__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 3.2rem
}

@media screen and (max-width:1024px) {
    .side-menu__footer {
        padding: 2.8rem 4rem 4.6rem
    }
}

@media screen and (max-width:767px) {
    .side-menu__footer {
        padding: 2.8rem 2rem
    }
}

.side-menu__lang {
    display: flex;
    gap: 2rem
}

.side-menu__lang-link {
    font-size: 1.6rem;
    color: hsla(0, 0%, 100%, .4);
    transition: color .3s ease
}

.side-menu__lang-link.active {
    color: #fff
}

.side-menu__contact {
    font-size: 1.6rem;
    color: #fff;
    transition: color .3s ease
}

[lang=en] .side-menu__contact {
    display: none
}

.side-menu__link.active,
.side-menu__submenu-link.active,
.side-menu__third-depth-link.active {
    color: #3d6bff !important
}

.side-menu__link.active {
    border-bottom-color: #3d6bff !important
}

.side-menu__submenu-business {
    pointer-events: none
}

.thumbinfo-tag__image-wrapper {
    aspect-ratio: 888/593
}

@media screen and (max-width:1024px) {
    .thumbinfo-tag__image-wrapper {
        aspect-ratio: 462/308
    }
}

@media screen and (max-width:767px) {
    .thumbinfo-tag__image-wrapper {
        aspect-ratio: 351.50861/233
    }
}

.thumbinfo-tag--light {
    color: #000
}

.thumbinfo-tag--dark {
    color: #fff
}

.thumbinfo-tag__label {
    color: #254ec9;
    margin-top: 1.7778em;
    margin-bottom: .6667em
}

@media screen and (max-width:1024px) {
    .thumbinfo-tag__label {
        margin-top: 1.8667em;
        margin-bottom: .5333em;
        margin-top: 1.7143em;
        margin-bottom: .5714em
    }
}

.thumbinfo-tag__body {
    color: #333;
    margin-top: .8889em;
    margin-bottom: 1.5556em
}

@media screen and (max-width:1024px) {
    .thumbinfo-tag__body {
        margin-top: .7059em;
        margin-bottom: 1.6471em
    }
}

@media screen and (max-width:767px) {
    .thumbinfo-tag__body {
        margin-top: .6667em;
        margin-bottom: 1.6em
    }
}

.fund-detail__image-wrapper picture {
    overflow: hidden;
    aspect-ratio: 1197/586
}

@media screen and (max-width:1024px) {
    .fund-detail__image-wrapper picture {
        aspect-ratio: 944/463
    }
}

@media screen and (max-width:767px) {
    .fund-detail__image-wrapper picture {
        aspect-ratio: 350/240
    }
}

.fund-detail__info-wrapper {
    position: relative;
    font-size: 1.8rem;
    z-index: 99
}

@media screen and (min-width:1025px) {
    .fund-detail__info-wrapper {
        padding-top: 2.5vw
    }
}

@media screen and (max-width:1024px) {
    .fund-detail__info-wrapper {
        padding-top: 3.9063vw
    }
}

@media screen and (max-width:767px) {
    .fund-detail__info-wrapper {
        padding-top: 8.2051vw
    }
}

.fund-detail__sub-wrapper {
    row-gap: 0 !important;
    display: flex !important;
    font-size: clamp(1.8rem, 1.6667vw, 4rem);
    column-gap: 3em !important
}

@media screen and (max-width:1024px) {
    .fund-detail__sub-wrapper {
        display: grid !important;
        grid-column-gap: 1.9531vw !important;
        column-gap: 1.9531vw !important
    }
}

@media screen and (max-width:767px) {
    .fund-detail__sub-wrapper {
        column-gap: min(3.0769vw, 2rem) !important
    }
}

.fund-detail__row,
.fund-detail__row-class {
    row-gap: 0 !important
}

.fund-detail__label {
    min-width: auto !important;
    border-radius: 4rem;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    white-space: nowrap;
    display: inline-flex;
    font-size: clamp(1.1rem, .9375vw, 2.2rem);
    margin-top: .4444em
}

@media screen and (max-width:1024px) {
    .fund-detail__label {
        font-size: max(1.4648vw, 1.4rem);
        padding: .7rem 1.6rem;
        margin-top: .375em
    }
}

@media screen and (max-width:767px) {
    .fund-detail__label {
        font-size: clamp(1.3rem, 3.5897vw, 1.4rem);
        padding: .6rem 1.4rem;
        margin-top: 0;
        margin-bottom: 1.4286em
    }
}

.fund-detail__label--active {
    background-color: #254ec9
}

@media screen and (min-width:1025px) {
    .fund-detail__label--active {
        padding: .8rem 2.2rem
    }
}

.fund-detail__label--done {
    background-color: #333
}

@media screen and (min-width:1025px) {
    .fund-detail__label--done {
        padding: .8rem 1.4rem
    }
}

.fund-detail__col {
    width: 100%
}

.fund-detail__col-class {
    display: flex;
    justify-content: space-between;
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    padding-left: 1.8333em
}

@media screen and (max-width:1024px) {
    .fund-detail__col-class {
        padding-left: 0
    }
}

@media screen and (max-width:767px) {
    .fund-detail__col-class {
        flex-direction: column-reverse;
        font-size: clamp(1.7rem, 5.1282vw, 2.3rem);
        row-gap: 1em
    }
}

.fund-detail__more {
    display: block;
    position: absolute;
    top: calc(2.5vw + .4em);
    right: 0
}

@media screen and (max-width:1024px) {
    .fund-detail__more {
        top: 3.9063vw
    }
}

@media screen and (max-width:767px) {
    .fund-detail__more {
        position: relative;
        top: 0;
        width: -moz-fit-content;
        width: fit-content;
        margin-top: 8.2051vw
    }
}

.fund-detail__text-wrapper {
    display: flex;
    flex-direction: column;
    width: 75.1%;
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    gap: .8889em
}

@media screen and (max-width:1024px) {
    .fund-detail__text-wrapper {
        width: auto;
        font-size: max(1.5625vw, 1.4rem);
        gap: .875em
    }
}

@media screen and (max-width:767px) {
    .fund-detail__text-wrapper {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem);
        gap: .8em
    }
}

.fund-detail__body {
    color: #ccc
}

.fund-detail__line-col {
    padding-top: 2.2222em;
    padding-bottom: 1.3333em;
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    padding-left: 1.8333em
}

@media screen and (max-width:1024px) {
    .fund-detail__line-col {
        padding-top: 2em;
        padding-bottom: 1.5em;
        padding-left: 0;
        font-size: max(1.5625vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .fund-detail__line-col {
        padding: 8.2051vw 0
    }
}

.fund-detail__line {
    transform: unset !important
}

.fund-simple {
    border-top: .1rem solid hsla(0, 0%, 100%, .3)
}

@media screen and (min-width:1025px) {
    .fund-simple {
        display: flex;
        align-items: flex-start;
        gap: 3em;
        font-size: clamp(1.8rem, 1.6667vw, 4rem);
        padding: 1.25em 0 2.5em
    }
}

@media screen and (max-width:1024px) {
    .fund-simple {
        display: grid;
        font-size: max(2.4414vw, 2.1rem);
        grid-column-gap: 1.9531vw;
        column-gap: 1.9531vw;
        padding: 1.28em 0 2.24em;
        align-items: start
    }
}

@media screen and (max-width:767px) {
    .fund-simple {
        font-size: clamp(1.9rem, 5.641vw, 2.5rem);
        column-gap: min(3.0769vw, 2rem);
        padding: 1.4545em 0 2.1818em
    }
}

.fund-simple__row {
    display: flex !important;
    font-size: clamp(1.8rem, 1.6667vw, 4rem);
    gap: calc(3em - clamp(1.3rem, 1.25vw, 3rem)) !important
}

@media screen and (max-width:1024px) {
    .fund-simple__row {
        display: grid !important;
        grid-gap: 1.9531vw !important;
        gap: 1.9531vw !important
    }
}

@media screen and (max-width:767px) {
    .fund-simple__row {
        row-gap: 0 !important;
        column-gap: min(3.0769vw, 2rem) !important
    }
}

.fund-simple__col {
    width: 75.1%
}

@media screen and (max-width:1024px) {
    .fund-simple__col {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .fund-simple__title {
        margin-top: .9091em
    }
}

.fund-simple__body {
    color: #ccc;
    margin-top: .8889em
}

@media screen and (max-width:1024px) {
    .fund-simple__body {
        margin-top: 1em
    }
}

@media screen and (max-width:767px) {
    .fund-simple__body {
        margin-top: .8em
    }
}

.fund-simple__label {
    border-radius: 4rem;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: inline-flex;
    white-space: nowrap
}

@media screen and (max-width:1024px) {
    .fund-simple__label {
        padding: .7rem 1rem
    }
}

@media screen and (max-width:767px) {
    .fund-simple__label {
        padding: .6rem 1.4rem
    }
}

.fund-simple__label--active {
    background-color: #254ec9
}

@media screen and (min-width:1025px) {
    .fund-simple__label--active {
        padding: .8rem 2.2rem
    }
}

.fund-simple__label--done {
    background-color: #333
}

@media screen and (min-width:1025px) {
    .fund-simple__label--done {
        padding: .8rem 1.4rem
    }
}

.contact-card {
    background-color: #f5f5f5;
    padding: min(2.0833vw, 5rem);
    height: 100%
}

@media screen and (max-width:1024px) {
    .contact-card {
        padding: 3.125vw
    }
}

@media screen and (max-width:767px) {
    .contact-card {
        padding: min(6.1538vw, 3.2rem)
    }
}

.contact-card__label {
    color: #888
}

.contact-card__title {
    margin-bottom: .8333em
}

@media screen and (max-width:1024px) {
    .contact-card__title {
        margin-bottom: .9091em
    }
}

@media screen and (max-width:767px) {
    .contact-card__title {
        margin-bottom: 1.1765em
    }
}

.contact-card__child-wrapper {
    display: flex;
    flex-direction: column;
    gap: .8889em
}

.notice-panel {
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
    padding: 2.9167vw 2.0833vw
}

@media screen and (max-width:1024px) {
    .notice-panel {
        padding: 3.9063vw 3.125vw
    }
}

@media screen and (max-width:767px) {
    .notice-panel {
        padding: 8.2051vw 6.1538vw
    }
}

.notice-panel__list--circle li:before {
    content: "•";
    margin-right: .5rem
}

.notice-panel__list-item {
    display: flex;
    font-size: clamp(1.2rem, 1.0417vw, 2.5rem);
    margin-bottom: .3em;
    color: #333
}

.notice-panel__list-item:last-child {
    margin-bottom: 0
}

@media screen and (max-width:1024px) {
    .notice-panel__list-item {
        font-size: max(1.6602vw, 1.5rem);
        margin-bottom: .3529em;
        align-items: flex-start
    }
}

@media screen and (max-width:767px) {
    .notice-panel__list-item {
        font-size: clamp(1.4rem, 4.1026vw, 1.7rem);
        margin-bottom: .375em
    }
}

.highlights-panel {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2.5vw 2.0833vw;
    background-color: #f5f5f5
}

@media screen and (max-width:1024px) {
    .highlights-panel {
        padding: 3.9063vw 3.125vw
    }
}

@media screen and (max-width:767px) {
    .highlights-panel {
        padding: 6.1538vw 5.1282vw
    }
}

.highlights-panel__title {
    color: #000;
    padding-bottom: .5714em
}

@media screen and (max-width:1024px) {
    .highlights-panel__title {
        padding-bottom: .5217em
    }
}

@media screen and (max-width:767px) {
    .highlights-panel__title {
        padding-bottom: .6em
    }
}

.highlights-panel__list {
    list-style: none;
    padding: 0;
    margin: 0
}

.highlights-panel__list--circle li:before {
    content: "•";
    margin-right: .5rem
}

.highlights-panel__list--dash li:before {
    content: "-";
    margin-right: .5rem
}

.highlights-panel__list-item {
    display: flex;
    color: #333
}

.highlights-panel__list-item:last-child {
    margin-bottom: .6rem
}

.sales-partner-card {
    width: 16.875vw;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.1979vw 1.6667vw;
    border-radius: .5rem;
    background-color: #f5f5f5;
    max-height: 10rem;
    cursor: pointer;
    text-decoration: none
}

@media screen and (max-width:1024px) {
    .sales-partner-card {
        width: 100%;
        padding: 2.0508vw 3.125vw;
        max-height: 8.8rem
    }
}

@media screen and (max-width:767px) {
    .sales-partner-card {
        padding: 4.6154vw 6.1538vw;
        max-height: 7.8rem
    }
}

.sales-partner-card__icon svg {
    flex-shrink: 0;
    width: 1.0417vw
}

@media screen and (max-width:1024px) {
    .sales-partner-card__icon svg {
        width: 2rem
    }
}

.sales-partner-card__image-wrapper {
    width: 8.9583vw;
    height: 2.8125vw;
    margin: 1.1979vw 0
}

@media screen and (max-width:1024px) {
    .sales-partner-card__image-wrapper {
        width: 14.6rem;
        height: 4.6rem;
        margin: 2.0508vw 0
    }
}

@media screen and (max-width:767px) {
    .sales-partner-card__image-wrapper {
        width: 13.4rem;
        height: 4.2rem;
        margin: 4.6154vw 0
    }
}

.resource-panel {
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    padding: 2.8rem 4rem
}

.resource-panel__buttons {
    display: flex;
    gap: 1.2rem;
    margin-right: 4rem
}

.resource-panel__button {
    background-color: #fff;
    padding: .8rem 1.6rem;
    color: #000
}

.resource-panel__divider {
    width: .1rem;
    height: 3.2rem;
    background-color: #ccc;
    margin-right: 3.2rem
}

.resource-panel__year-selector {
    display: flex;
    align-items: center;
    gap: 24px
}

.dropbox-button {
    position: relative
}

.dropbox-button--open .button__text svg,
.dropbox-button--open .button__text-hover svg {
    transform: rotate(180deg)
}

.dropbox-button__label {
    display: block !important;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.dropbox-button--l {
    font-size: clamp(1.4rem, 1.25vw, 3rem);
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.48px
}

@media screen and (max-width:1024px) {
    .dropbox-button--l {
        font-size: 1.8rem
    }
}

.dropbox-button--s {
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.36px
}

@media screen and (max-width:1024px) {
    .dropbox-button--s {
        font-size: 1.8rem
    }
}

.dropbox-button__button {
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    white-space: nowrap
}

.dropbox-button__button .button__text div,
.dropbox-button__button .button__text-hover div {
    justify-content: space-between
}

.dropbox-button__button--l {
    height: clamp(3.5rem, 3.125vw, 7.6rem)
}

.dropbox-button__button--l svg {
    width: 1em;
    height: 1em;
    margin-left: .3333em
}

.dropbox-button__button--l .button__text,
.dropbox-button__button--l .button__text-hover {
    padding: 0 1.1667em
}

@media screen and (max-width:1024px) {
    .dropbox-button__button--l {
        height: 4.4rem
    }
    .dropbox-button__button--l svg {
        width: 2rem;
        height: 2rem
    }
    .dropbox-button__button--l .button__text,
    .dropbox-button__button--l .button__text-hover {
        padding: 0 2.4rem
    }
}

.dropbox-button__button--s {
    height: clamp(2.5rem, 2.2917vw, 5.6rem)
}

.dropbox-button__button--s svg {
    width: 1.1111em;
    height: 1.1111em;
    margin-left: .2222em
}

.dropbox-button__button--s .button__text,
.dropbox-button__button--s .button__text-hover {
    padding: 0 1.3333em
}

@media screen and (max-width:1024px) {
    .dropbox-button__button--s {
        height: 4.4rem
    }
    .dropbox-button__button--s svg {
        width: 2rem;
        height: 2rem
    }
    .dropbox-button__button--s .button__text,
    .dropbox-button__button--s .button__text-hover {
        padding: 0 2.4rem
    }
}

.dropbox-button__menu {
    position: absolute;
    width: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 1.2rem;
    list-style: none;
    border: .1rem solid rgba(0, 0, 0, .3)
}

.dropbox-button__menu--l {
    overflow-y: auto;
    scrollbar-width: thin;
    font-size: clamp(1.3rem, 1.1458vw, 2.7rem);
    max-height: 18.0208vw;
    padding: 1.2727em;
    gap: 1em;
    top: calc(100% + .625vw)
}

@media screen and (max-width:1024px) {
    .dropbox-button__menu--l {
        font-size: 1.7rem;
        max-height: 27.6rem;
        padding: 2.4rem;
        gap: 1.8rem;
        top: calc(100% + .9766vw)
    }
}

@media screen and (max-width:767px) {
    .dropbox-button__menu--l {
        top: calc(100% + 2.5641vw)
    }
}

.dropbox-button__menu--s {
    overflow-y: auto;
    scrollbar-width: thin;
    font-size: clamp(1rem, .8854vw, 2.2rem);
    max-height: 14.375vw;
    padding: 1.4118em;
    gap: 1.0588em;
    top: calc(100% + .5208vw)
}

@media screen and (max-width:1024px) {
    .dropbox-button__menu--s {
        font-size: 1.7rem;
        max-height: 27.6rem;
        padding: 2.4rem;
        gap: 1.8rem;
        top: calc(100% + .9766vw)
    }
}

@media screen and (max-width:767px) {
    .dropbox-button__menu--s {
        top: calc(100% + 2.5641vw)
    }
}

.dropbox-button__menu-item {
    color: #000;
    flex: 1 0;
    word-break: break-all;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.dropbox-button__menu-item:hover {
    color: #254ec9
}

.dropbox-text {
    height: -moz-fit-content;
    height: fit-content;
    position: relative
}

.dropbox-text--open {
    color: #3d6bff;
    transition: all .1s ease-in-out
}

.dropbox-text--open svg {
    transform: rotate(180deg) !important;
    will-change: transform
}

.dropbox-text__button {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: clamp(1.1rem, .9375vw, 2.3rem)
}

.dropbox-text__button svg {
    width: 1.1111em;
    height: 1.1111em;
    margin-left: .2222em
}

@media screen and (max-width:1024px) {
    .dropbox-text__button svg {
        width: 2rem;
        height: 2rem;
        margin-left: .4rem
    }
    .dropbox-text__button {
        font-size: 1.8rem
    }
}

@media screen and (max-width:767px) {
    .dropbox-text__button {
        width: -moz-fit-content;
        width: fit-content
    }
}

.dropbox-text__class {
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.36px
}

.dropbox-text__menu {
    max-height: 14.375vw;
    overflow-y: scroll;
    scrollbar-width: thin;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: max-content;
    position: absolute;
    font-size: clamp(1rem, .8854vw, 2.2rem);
    gap: 1.0588em;
    top: calc(100% + .5208vw);
    right: 0;
    padding: 1.4118em;
    border-radius: 1.2rem;
    border: .1rem solid rgba(0, 0, 0, .3);
    z-index: 9999;
    color: #000;
    background-color: #fff
}

@media screen and (max-width:1024px) {
    .dropbox-text__menu {
        max-height: 27.6rem;
        top: calc(100% + 1rem);
        font-size: 1.8rem
    }
}

@media screen and (max-width:767px) {
    .dropbox-text__menu {
        left: 0
    }
}

.dropbox-text__menu-item {
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.34px
}

.dropbox-text__menu-item:hover {
    transition: all .1s ease-in-out;
    color: #254ec9
}

.chart-item {
    border-top: .1rem solid #b2b2b2;
    column-gap: 0 !important
}

.chart-item:last-child {
    border-bottom: .1rem solid #b2b2b2
}

@media screen and (max-width:1024px) {
    .chart-item {
        display: flex !important
    }
}

.chart-item__main {
    background-color: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.25em 1.5em
}

@media screen and (max-width:1024px) {
    .chart-item__main {
        min-width: 28.1rem !important;
        padding: 1.125em 1.5em
    }
}

@media screen and (max-width:767px) {
    .chart-item__main {
        min-width: 14.5rem !important;
        padding: .8em 1.0667em;
        justify-content: flex-start
    }
}

.chart-item__sub {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.25em 1.5em
}

@media screen and (max-width:1024px) {
    .chart-item__sub {
        padding: 1.125em 1.5em
    }
}

@media screen and (max-width:767px) {
    .chart-item__sub {
        padding: .8em 1.0667em
    }
}

.ssr-component,
.ssr-component h1,
.ssr-component h2,
.ssr-component h3,
.ssr-component p {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
    padding: 0;
    margin: 0
}

.webgl-marker {
    display: flex;
    align-items: center;
    flex-direction: column;
    transition: opacity .5s ease, transform .5s ease;
    opacity: 1;
    transform: scale(1);
    cursor: pointer
}

.webgl-marker--not-selected {
    opacity: .5;
    transform: scale(.8)
}

.webgl-marker--selected {
    opacity: 1;
    transform: scale(1)
}

.webgl-marker--occluded {
    opacity: 0;
    transform: scale(.5)
}

.webgl-marker__wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: .625em 1.5em;
    gap: .1364em;
    background-color: #fff;
    border-radius: 40px;
    overflow: hidden;
    line-height: 1;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .webgl-marker__wrapper {
        padding: .4667em 1.3333em
    }
}

@media screen and (max-width:767px) {
    .webgl-marker__wrapper {
        padding: .4615em 1.1538em
    }
}

.webgl-marker__global {
    font-size: clamp(1.3rem, 1.1458vw, 2.6rem);
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -.22px;
    color: #000;
    white-space: nowrap;
    pointer-events: none
}

@media screen and (max-width:1024px) {
    .webgl-marker__global {
        font-size: max(1.8555vw, 1.5rem);
        font-weight: 500
    }
}

@media screen and (max-width:767px) {
    .webgl-marker__global {
        font-size: clamp(1.4rem, 4.1026vw, 1.7rem)
    }
}

.webgl-marker__label {
    font-size: clamp(.9rem, .8333vw, 2.1rem);
    color: #888
}

@media screen and (max-width:1024px) {
    .webgl-marker__label {
        font-size: max(1.4648vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .webgl-marker__label {
        font-size: clamp(1.2rem, 3.3333vw, 1.4rem)
    }
}

.webgl-marker__circle {
    margin-top: 8px;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%
}

.continent-marker {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: rgba(8, 10, 18, .698);
    -webkit-backdrop-filter: blur(12.5px);
    backdrop-filter: blur(12.5px);
    border-radius: 50%;
    line-height: 1
}

.continent-marker__value-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: .0556em
}

@media screen and (max-width:1024px) {
    [lang=en] .continent-marker__value-wrapper span {
        font-size: clamp(2.2rem, 2.0833vw, 5rem);
        padding-bottom: 0
    }
}

.continent-marker__label {
    font-size: clamp(.9rem, .8333vw, 2.1rem)
}

.continent-marker--asiaPacific {
    width: 3.9167em;
    height: 3.9167em;
    font-size: clamp(2.6rem, 2.5vw, 5.8rem);
    gap: .125em;
    padding: 0 .4167em
}

@media screen and (max-width:1024px) {
    .continent-marker--asiaPacific {
        font-size: max(3.7109vw, 3rem);
        width: 4.2105em;
        height: 4.2105em
    }
}

@media screen and (max-width:767px) {
    .continent-marker--asiaPacific {
        font-size: clamp(2.1rem, 6.1538vw, 2.8rem);
        width: 4.0833em;
        height: 4.0833em
    }
}

.continent-marker--asiaPacific__value-wrapper {
    font-weight: 500
}

.continent-marker--asiaPacific__value-wrapper__value {
    font-size: clamp(2.6rem, 2.5vw, 5.8rem)
}

@media screen and (max-width:1024px) {
    .continent-marker--asiaPacific__value-wrapper__value {
        font-size: max(3.7109vw, 3rem)
    }
}

@media screen and (max-width:767px) {
    .continent-marker--asiaPacific__value-wrapper__value {
        font-size: clamp(2.1rem, 6.1538vw, 2.8rem)
    }
}

.continent-marker--asiaPacific__value-wrapper span {
    font-size: clamp(1.5rem, 1.1458vw, 2.6rem);
    padding-bottom: .0833em;
    font-weight: 500;
    letter-spacing: -.52px
}

@media screen and (max-width:767px) {
    .continent-marker--asiaPacific__value-wrapper span {
        font-size: clamp(2.1rem, 6.1538vw, 2.8rem);
        padding-bottom: 0
    }
}

.continent-marker--asiaPacific__label {
    color: hsla(0, 0%, 100%, .8);
    font-size: clamp(.9rem, .8333vw, 2.1rem);
    font-weight: 400
}

@media screen and (max-width:1024px) {
    .continent-marker--asiaPacific__label {
        font-size: max(1.4648vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .continent-marker--asiaPacific__label {
        font-size: clamp(1.2rem, 3.3333vw, 1.4rem)
    }
}

.continent-marker--europe {
    width: 3.8889em;
    height: 3.8889em;
    font-size: clamp(2rem, 1.875vw, 4.5rem);
    gap: .0833em
}

@media screen and (max-width:1024px) {
    .continent-marker--europe {
        font-size: max(2.7344vw, 2.4rem);
        width: 4em;
        height: 4em
    }
}

@media screen and (max-width:767px) {
    .continent-marker--europe {
        font-size: clamp(1.5rem, 4.6154vw, 2rem);
        width: 4.375em;
        height: 4.375em
    }
}

.continent-marker--europe__value-wrapper {
    font-weight: 500
}

.continent-marker--europe__value-wrapper__value {
    font-size: clamp(2rem, 1.875vw, 4.5rem)
}

@media screen and (max-width:1024px) {
    .continent-marker--europe__value-wrapper__value {
        font-size: max(2.7344vw, 2.4rem)
    }
}

@media screen and (max-width:767px) {
    .continent-marker--europe__value-wrapper__value {
        font-size: clamp(1.5rem, 4.6154vw, 2rem)
    }
}

.continent-marker--europe__value-wrapper span {
    font-size: clamp(1.5rem, 1.1458vw, 2.6rem);
    padding-bottom: .1111em;
    font-weight: 500;
    letter-spacing: -.52px
}

@media screen and (max-width:767px) {
    .continent-marker--europe__value-wrapper span {
        font-size: clamp(1.2rem, 3.3333vw, 1.4rem);
        padding-bottom: 0
    }
}

.continent-marker--europe__label {
    color: hsla(0, 0%, 100%, .8);
    font-size: clamp(.9rem, .8333vw, 2.1rem);
    font-weight: 400
}

@media screen and (max-width:1024px) {
    .continent-marker--europe__label {
        font-size: max(1.4648vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .continent-marker--europe__label {
        font-size: clamp(1.1rem, 3.0769vw, 1.3rem)
    }
}

.continent-marker--americas {
    font-size: clamp(2.2rem, 2.0833vw, 5rem);
    width: 4.2222em;
    height: 4.2222em;
    gap: .1042em
}

@media screen and (max-width:1024px) {
    .continent-marker--americas {
        font-size: max(3.125vw, 2.7rem);
        width: 4.125em;
        height: 4.125em
    }
}

@media screen and (max-width:767px) {
    .continent-marker--americas {
        font-size: clamp(1.8rem, 5.1282vw, 2.4rem);
        width: 4.5238em;
        height: 4.5238em
    }
}

.continent-marker--americas__value-wrapper {
    font-weight: 500
}

.continent-marker--americas__value-wrapper__value {
    font-size: clamp(2.2rem, 2.0833vw, 5rem)
}

@media screen and (max-width:1024px) {
    .continent-marker--americas__value-wrapper__value {
        font-size: max(3.125vw, 2.7rem)
    }
}

@media screen and (max-width:767px) {
    .continent-marker--americas__value-wrapper__value {
        font-size: clamp(1.8rem, 5.1282vw, 2.4rem)
    }
}

.continent-marker--americas__value-wrapper span {
    font-size: clamp(1.5rem, 1.1458vw, 2.6rem);
    padding-bottom: .1111em;
    font-weight: 500;
    letter-spacing: -.52px
}

@media screen and (max-width:767px) {
    .continent-marker--americas__value-wrapper span {
        font-size: clamp(1.8rem, 5.1282vw, 2.4rem);
        padding-bottom: 0
    }
}

.continent-marker--americas__label {
    color: hsla(0, 0%, 100%, .8);
    font-size: clamp(.9rem, .8333vw, 2.1rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .continent-marker--americas__label {
        font-size: max(1.4648vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .continent-marker--americas__label {
        font-size: clamp(1.1rem, 3.0769vw, 1.3rem);
        text-align: center
    }
}

.continent-marker--selected {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.continent-marker--not-selected {
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.scroll-top-button {
    margin-top: calc((max(4.8958vw, 5.6rem) + 1.25vw)*-1);
    position: absolute;
    right: max(2.9167vw, 3.2rem);
    z-index: 1;
    height: max(4.8958vw, 5.6rem);
    color: #fff;
    mix-blend-mode: difference
}

.scroll-top-button svg {
    width: 100%;
    height: 100%
}

@media screen and (max-width:1024px) {
    .scroll-top-button {
        margin-top: calc((6.4rem + 1.5625vw)*-1);
        right: 3.9063vw;
        width: 1.7578vw;
        height: 6.4rem
    }
}

@media screen and (max-width:767px) {
    .scroll-top-button {
        margin-top: calc((5.8rem + 3.0769vw)*-1);
        right: min(5.1282vw, 3.6rem);
        width: 4.6154vw;
        height: 5.8rem
    }
}

.search-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.25em;
    font-size: clamp(1.2rem, 1.0417vw, 2.5rem);
    cursor: pointer
}

@media screen and (max-width:1024px) {
    .search-form {
        padding-bottom: 1.2941em;
        font-size: max(1.6602vw, 1.5rem)
    }
}

@media screen and (max-width:767px) {
    .search-form {
        padding-bottom: 1.25em;
        font-size: clamp(1.4rem, 4.1026vw, 1.7rem)
    }
}

.search-form__input {
    flex: 1 1;
    margin-top: 1px;
    width: 1px;
    font-size: clamp(1.2rem, 1.0417vw, 2.5rem)
}

@media screen and (max-width:1024px) {
    .search-form__input {
        font-size: max(1.6602vw, 1.5rem)
    }
}

@media screen and (max-width:767px) {
    .search-form__input {
        font-size: clamp(1.4rem, 4.1026vw, 1.7rem)
    }
}

.search-form__input::placeholder {
    color: #888
}

.search-form__input--dark {
    color: #fff
}

.search-form__input--light {
    color: #000
}

.search-form__body {
    margin-right: .6em
}

.search-form__text {
    visibility: visible;
    transition: visibility 0s, opacity .3s ease;
    opacity: 1
}

@media screen and (max-width:1024px) {
    .search-form__text {
        display: none
    }
}

.search-form__button {
    pointer-events: none
}

.search-form__icon {
    font-size: clamp(1.2rem, 1.0417vw, 2.5rem);
    width: 1.2em;
    height: 1.2em
}

@media screen and (max-width:1024px) {
    .search-form__icon {
        font-size: max(1.6602vw, 1.5rem);
        width: 1.4118em;
        height: 1.4118em
    }
}

@media screen and (max-width:767px) {
    .search-form__icon {
        font-size: clamp(1.4rem, 4.1026vw, 1.7rem);
        width: 1.5em;
        height: 1.5em
    }
}

.search-form__icon--dark {
    color: #fff
}

.search-form__icon--light {
    color: #000
}

.search-form__wrapper {
    position: relative
}

@media screen and (max-width:1024px) {
    .search-form__wrapper {
        width: 100% !important
    }
}

@media screen and (max-width:767px) {
    .search-form__wrapper {
        margin: 9.2308vw min(5.1282vw, 3.6rem) 0
    }
}

.search-form__wrapper:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: transparent;
    transition: height .1s ease-in-out, background-color .1s ease-in-out;
    content: ""
}

@media screen and (max-width:1024px) {
    .search-form__wrapper:after {
        height: .2rem;
        background-color: #333
    }
}

.search-form__wrapper:hover:after {
    height: .2rem;
    background-color: #333
}

.search-form__wrapper--dark:hover:after {
    height: .2rem;
    background-color: #fff
}

.search-form__wrapper--clicked:after,
.search-form__wrapper--light:hover:after {
    height: .2rem;
    background-color: #333
}

.search-form--dark .search-form__wrapper--clicked:after:after {
    background-color: #fff
}

.search-form--light .search-form__wrapper--clicked:after:after {
    background-color: #333
}

.search-form__wrapper--clicked::after--clicked .search-form__text {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.search-form__wrapper--clicked .search-form__text {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.search-form__wrapper--clicked .search-form__button {
    pointer-events: auto
}

.page-transition {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999
}

.page-transition__overlay {
    position: absolute;
    inset: 0;
    background-color: #000;
    opacity: 0
}

.page-transition__overlay--in {
    animation: fadeIn .4s ease-in-out forwards
}

.page-transition__overlay--out {
    opacity: 1;
    animation: fadeOut .4s ease-in-out forwards
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.container {
    margin: 0 auto;
    padding: 0 max(2.9167vw, 3.2rem);
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 256rem
}

@media screen and (min-width:1025px)and (max-width:1366px) {
    .container {
        padding: 0 max(2.9167vw, 3.2rem)
    }
}

@media screen and (max-width:1024px) {
    .container {
        padding: 0 3.9063vw
    }
}

@media screen and (max-width:767px) {
    .container {
        padding: 0 min(5.1282vw, 3.6rem)
    }
}

.container--fluid {
    max-width: none
}

.container--narrow {
    max-width: 128rem
}

.container--left {
    margin-left: 0
}

.container--right {
    margin-right: 0
}

.container--center {
    margin: 0 auto
}

.container--no-padding {
    padding: 0
}

.container__row {
    display: grid;
    grid-gap: clamp(1.3rem, 1.25vw, 3rem);
    gap: clamp(1.3rem, 1.25vw, 3rem);
    grid-template-columns: repeat(12, 1fr)
}

@media screen and (max-width:1024px) {
    .container__row {
        gap: 1.9531vw;
        grid-template-columns: repeat(8, 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row {
        gap: min(3.0769vw, 2rem);
        grid-template-columns: repeat(4, 1fr)
    }
}

.container__row--start {
    justify-items: start
}

.container__row--center {
    justify-items: center
}

.container__row--end {
    justify-items: end
}

.container__row--no-gap {
    gap: 0
}

.container__row--gap-sm {
    gap: 1rem
}

.container__row--gap-lg {
    gap: 3rem
}

.container__row--nested {
    margin: 0;
    padding: 0;
    width: 100%
}

.container__row--parent-span-1 {
    grid-template-columns: repeat(1, 1fr)
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-1 {
        grid-template-columns: repeat(min(1, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-1 {
        grid-template-columns: repeat(min(1, 4), 1fr)
    }
}

.container__row--parent-span-2 {
    grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-2 {
        grid-template-columns: repeat(min(2, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-2 {
        grid-template-columns: repeat(min(2, 4), 1fr)
    }
}

.container__row--parent-span-3 {
    grid-template-columns: repeat(3, 1fr)
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-3 {
        grid-template-columns: repeat(min(3, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-3 {
        grid-template-columns: repeat(min(3, 4), 1fr)
    }
}

.container__row--parent-span-4 {
    grid-template-columns: repeat(4, 1fr)
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-4 {
        grid-template-columns: repeat(min(4, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-4 {
        grid-template-columns: repeat(min(4, 4), 1fr)
    }
}

.container__row--parent-span-5 {
    grid-template-columns: repeat(5, 1fr)
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-5 {
        grid-template-columns: repeat(min(5, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-5 {
        grid-template-columns: repeat(min(5, 4), 1fr)
    }
}

.container__row--parent-span-6 {
    grid-template-columns: repeat(6, 1fr)
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-6 {
        grid-template-columns: repeat(min(6, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-6 {
        grid-template-columns: repeat(min(6, 4), 1fr)
    }
}

.container__row--parent-span-7 {
    grid-template-columns: repeat(7, 1fr)
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-7 {
        grid-template-columns: repeat(min(7, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-7 {
        grid-template-columns: repeat(min(7, 4), 1fr)
    }
}

.container__row--parent-span-8 {
    grid-template-columns: repeat(8, 1fr)
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-8 {
        grid-template-columns: repeat(min(8, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-8 {
        grid-template-columns: repeat(min(8, 4), 1fr)
    }
}

.container__row--parent-span-9 {
    grid-template-columns: repeat(9, 1fr)
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-9 {
        grid-template-columns: repeat(min(9, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-9 {
        grid-template-columns: repeat(min(9, 4), 1fr)
    }
}

.container__row--parent-span-10 {
    grid-template-columns: repeat(10, 1fr)
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-10 {
        grid-template-columns: repeat(min(10, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-10 {
        grid-template-columns: repeat(min(10, 4), 1fr)
    }
}

.container__row--parent-span-11 {
    grid-template-columns: repeat(11, 1fr)
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-11 {
        grid-template-columns: repeat(min(11, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-11 {
        grid-template-columns: repeat(min(11, 4), 1fr)
    }
}

.container__row--parent-span-12 {
    grid-template-columns: repeat(12, 1fr)
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-12 {
        grid-template-columns: repeat(min(12, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-12 {
        grid-template-columns: repeat(min(12, 4), 1fr)
    }
}

@media screen and (min-width:1367px) {
    .container__row--parent-span-desktop-1 {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media screen and (min-width:1025px)and (max-width:1366px) {
    .container__row--parent-span-laptop-1 {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-tablet-1 {
        grid-template-columns: repeat(min(1, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-mobile-1 {
        grid-template-columns: repeat(min(1, 4), 1fr)
    }
}

@media screen and (min-width:1367px) {
    .container__row--parent-span-desktop-2 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:1025px)and (max-width:1366px) {
    .container__row--parent-span-laptop-2 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-tablet-2 {
        grid-template-columns: repeat(min(2, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-mobile-2 {
        grid-template-columns: repeat(min(2, 4), 1fr)
    }
}

@media screen and (min-width:1367px) {
    .container__row--parent-span-desktop-3 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (min-width:1025px)and (max-width:1366px) {
    .container__row--parent-span-laptop-3 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-tablet-3 {
        grid-template-columns: repeat(min(3, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-mobile-3 {
        grid-template-columns: repeat(min(3, 4), 1fr)
    }
}

@media screen and (min-width:1367px) {
    .container__row--parent-span-desktop-4 {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media screen and (min-width:1025px)and (max-width:1366px) {
    .container__row--parent-span-laptop-4 {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-tablet-4 {
        grid-template-columns: repeat(min(4, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-mobile-4 {
        grid-template-columns: repeat(min(4, 4), 1fr)
    }
}

@media screen and (min-width:1367px) {
    .container__row--parent-span-desktop-5 {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media screen and (min-width:1025px)and (max-width:1366px) {
    .container__row--parent-span-laptop-5 {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-tablet-5 {
        grid-template-columns: repeat(min(5, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-mobile-5 {
        grid-template-columns: repeat(min(5, 4), 1fr)
    }
}

@media screen and (min-width:1367px) {
    .container__row--parent-span-desktop-6 {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media screen and (min-width:1025px)and (max-width:1366px) {
    .container__row--parent-span-laptop-6 {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-tablet-6 {
        grid-template-columns: repeat(min(6, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-mobile-6 {
        grid-template-columns: repeat(min(6, 4), 1fr)
    }
}

@media screen and (min-width:1367px) {
    .container__row--parent-span-desktop-7 {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media screen and (min-width:1025px)and (max-width:1366px) {
    .container__row--parent-span-laptop-7 {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-tablet-7 {
        grid-template-columns: repeat(min(7, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-mobile-7 {
        grid-template-columns: repeat(min(7, 4), 1fr)
    }
}

@media screen and (min-width:1367px) {
    .container__row--parent-span-desktop-8 {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media screen and (min-width:1025px)and (max-width:1366px) {
    .container__row--parent-span-laptop-8 {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-tablet-8 {
        grid-template-columns: repeat(min(8, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-mobile-8 {
        grid-template-columns: repeat(min(8, 4), 1fr)
    }
}

@media screen and (min-width:1367px) {
    .container__row--parent-span-desktop-9 {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media screen and (min-width:1025px)and (max-width:1366px) {
    .container__row--parent-span-laptop-9 {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-tablet-9 {
        grid-template-columns: repeat(min(9, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-mobile-9 {
        grid-template-columns: repeat(min(9, 4), 1fr)
    }
}

@media screen and (min-width:1367px) {
    .container__row--parent-span-desktop-10 {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media screen and (min-width:1025px)and (max-width:1366px) {
    .container__row--parent-span-laptop-10 {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-tablet-10 {
        grid-template-columns: repeat(min(10, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-mobile-10 {
        grid-template-columns: repeat(min(10, 4), 1fr)
    }
}

@media screen and (min-width:1367px) {
    .container__row--parent-span-desktop-11 {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media screen and (min-width:1025px)and (max-width:1366px) {
    .container__row--parent-span-laptop-11 {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-tablet-11 {
        grid-template-columns: repeat(min(11, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-mobile-11 {
        grid-template-columns: repeat(min(11, 4), 1fr)
    }
}

@media screen and (min-width:1367px) {
    .container__row--parent-span-desktop-12 {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media screen and (min-width:1025px)and (max-width:1366px) {
    .container__row--parent-span-laptop-12 {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media screen and (max-width:1024px) {
    .container__row--parent-span-tablet-12 {
        grid-template-columns: repeat(min(12, 8), 1fr)
    }
}

@media screen and (max-width:767px) {
    .container__row--parent-span-mobile-12 {
        grid-template-columns: repeat(min(12, 4), 1fr)
    }
}

.container__col {
    min-width: 0
}

@media screen and (min-width:1367px) {
    .container__col--span-desktop-1 {
        grid-column: auto/span 1
    }
    .container__col--offset-desktop-1 {
        grid-column-start: 2
    }
    .container__col--span-desktop-2 {
        grid-column: auto/span 2
    }
    .container__col--offset-desktop-2 {
        grid-column-start: 3
    }
    .container__col--span-desktop-3 {
        grid-column: auto/span 3
    }
    .container__col--offset-desktop-3 {
        grid-column-start: 4
    }
    .container__col--span-desktop-4 {
        grid-column: auto/span 4
    }
    .container__col--offset-desktop-4 {
        grid-column-start: 5
    }
    .container__col--span-desktop-5 {
        grid-column: auto/span 5
    }
    .container__col--offset-desktop-5 {
        grid-column-start: 6
    }
    .container__col--span-desktop-6 {
        grid-column: auto/span 6
    }
    .container__col--offset-desktop-6 {
        grid-column-start: 7
    }
    .container__col--span-desktop-7 {
        grid-column: auto/span 7
    }
    .container__col--offset-desktop-7 {
        grid-column-start: 8
    }
    .container__col--span-desktop-8 {
        grid-column: auto/span 8
    }
    .container__col--offset-desktop-8 {
        grid-column-start: 9
    }
    .container__col--span-desktop-9 {
        grid-column: auto/span 9
    }
    .container__col--offset-desktop-9 {
        grid-column-start: 10
    }
    .container__col--span-desktop-10 {
        grid-column: auto/span 10
    }
    .container__col--offset-desktop-10 {
        grid-column-start: 11
    }
    .container__col--span-desktop-11 {
        grid-column: auto/span 11
    }
    .container__col--offset-desktop-11 {
        grid-column-start: 12
    }
    .container__col--span-desktop-12 {
        grid-column: auto/span 12
    }
    .container__col--offset-desktop-12 {
        grid-column-start: 13
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col--span-laptop-1 {
        grid-column: auto/span 1
    }
    .container__col--offset-laptop-1 {
        grid-column-start: 2
    }
    .container__col--span-laptop-2 {
        grid-column: auto/span 2
    }
    .container__col--offset-laptop-2 {
        grid-column-start: 3
    }
    .container__col--span-laptop-3 {
        grid-column: auto/span 3
    }
    .container__col--offset-laptop-3 {
        grid-column-start: 4
    }
    .container__col--span-laptop-4 {
        grid-column: auto/span 4
    }
    .container__col--offset-laptop-4 {
        grid-column-start: 5
    }
    .container__col--span-laptop-5 {
        grid-column: auto/span 5
    }
    .container__col--offset-laptop-5 {
        grid-column-start: 6
    }
    .container__col--span-laptop-6 {
        grid-column: auto/span 6
    }
    .container__col--offset-laptop-6 {
        grid-column-start: 7
    }
    .container__col--span-laptop-7 {
        grid-column: auto/span 7
    }
    .container__col--offset-laptop-7 {
        grid-column-start: 8
    }
    .container__col--span-laptop-8 {
        grid-column: auto/span 8
    }
    .container__col--offset-laptop-8 {
        grid-column-start: 9
    }
    .container__col--span-laptop-9 {
        grid-column: auto/span 9
    }
    .container__col--offset-laptop-9 {
        grid-column-start: 10
    }
    .container__col--span-laptop-10 {
        grid-column: auto/span 10
    }
    .container__col--offset-laptop-10 {
        grid-column-start: 11
    }
    .container__col--span-laptop-11 {
        grid-column: auto/span 11
    }
    .container__col--offset-laptop-11 {
        grid-column-start: 12
    }
    .container__col--span-laptop-12 {
        grid-column: auto/span 12
    }
    .container__col--offset-laptop-12 {
        grid-column-start: 13
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col--span-tablet-1 {
        grid-column: auto/span min(1, 8)
    }
    .container__col--offset-tablet-1 {
        grid-column-start: 2
    }
    .container__col--span-tablet-2 {
        grid-column: auto/span min(2, 8)
    }
    .container__col--offset-tablet-2 {
        grid-column-start: 3
    }
    .container__col--span-tablet-3 {
        grid-column: auto/span min(3, 8)
    }
    .container__col--offset-tablet-3 {
        grid-column-start: 4
    }
    .container__col--span-tablet-4 {
        grid-column: auto/span min(4, 8)
    }
    .container__col--offset-tablet-4 {
        grid-column-start: 5
    }
    .container__col--span-tablet-5 {
        grid-column: auto/span min(5, 8)
    }
    .container__col--offset-tablet-5 {
        grid-column-start: 6
    }
    .container__col--span-tablet-6 {
        grid-column: auto/span min(6, 8)
    }
    .container__col--offset-tablet-6 {
        grid-column-start: 7
    }
    .container__col--span-tablet-7 {
        grid-column: auto/span min(7, 8)
    }
    .container__col--offset-tablet-7 {
        grid-column-start: 8
    }
    .container__col--span-tablet-8 {
        grid-column: auto/span min(8, 8)
    }
    .container__col--offset-tablet-8 {
        grid-column-start: 9
    }
    .container__col--span-tablet-9 {
        grid-column: auto/span min(9, 8)
    }
    .container__col--offset-tablet-9 {
        grid-column-start: 10
    }
    .container__col--span-tablet-10 {
        grid-column: auto/span min(10, 8)
    }
    .container__col--offset-tablet-10 {
        grid-column-start: 11
    }
    .container__col--span-tablet-11 {
        grid-column: auto/span min(11, 8)
    }
    .container__col--offset-tablet-11 {
        grid-column-start: 12
    }
    .container__col--span-tablet-12 {
        grid-column: auto/span min(12, 8)
    }
    .container__col--offset-tablet-12 {
        grid-column-start: 13
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col--span-mobile-1 {
        grid-column: auto/span min(1, 4)
    }
    .container__col--offset-mobile-1 {
        grid-column-start: 2
    }
    .container__col--span-mobile-2 {
        grid-column: auto/span min(2, 4)
    }
    .container__col--offset-mobile-2 {
        grid-column-start: 3
    }
    .container__col--span-mobile-3 {
        grid-column: auto/span min(3, 4)
    }
    .container__col--offset-mobile-3 {
        grid-column-start: 4
    }
    .container__col--span-mobile-4 {
        grid-column: auto/span min(4, 4)
    }
    .container__col--offset-mobile-4 {
        grid-column-start: 5
    }
    .container__col--span-mobile-5 {
        grid-column: auto/span min(5, 4)
    }
    .container__col--offset-mobile-5 {
        grid-column-start: 6
    }
    .container__col--span-mobile-6 {
        grid-column: auto/span min(6, 4)
    }
    .container__col--offset-mobile-6 {
        grid-column-start: 7
    }
    .container__col--span-mobile-7 {
        grid-column: auto/span min(7, 4)
    }
    .container__col--offset-mobile-7 {
        grid-column-start: 8
    }
    .container__col--span-mobile-8 {
        grid-column: auto/span min(8, 4)
    }
    .container__col--offset-mobile-8 {
        grid-column-start: 9
    }
    .container__col--span-mobile-9 {
        grid-column: auto/span min(9, 4)
    }
    .container__col--offset-mobile-9 {
        grid-column-start: 10
    }
    .container__col--span-mobile-10 {
        grid-column: auto/span min(10, 4)
    }
    .container__col--offset-mobile-10 {
        grid-column-start: 11
    }
    .container__col--span-mobile-11 {
        grid-column: auto/span min(11, 4)
    }
    .container__col--offset-mobile-11 {
        grid-column-start: 12
    }
    .container__col--span-mobile-12 {
        grid-column: auto/span min(12, 4)
    }
    .container__col--offset-mobile-12 {
        grid-column-start: 13
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-1.container__col--offset-desktop-1 {
        grid-column: 2/span 1
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-1.container__col--offset-laptop-1 {
        grid-column: 2/span 1
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-1.container__col--offset-tablet-1 {
        grid-column: 2/span min(1, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-1.container__col--offset-mobile-1 {
        grid-column: 2/span min(1, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-1.container__col--offset-desktop-2 {
        grid-column: 3/span 1
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-1.container__col--offset-laptop-2 {
        grid-column: 3/span 1
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-1.container__col--offset-tablet-2 {
        grid-column: 3/span min(1, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-1.container__col--offset-mobile-2 {
        grid-column: 3/span min(1, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-1.container__col--offset-desktop-3 {
        grid-column: 4/span 1
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-1.container__col--offset-laptop-3 {
        grid-column: 4/span 1
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-1.container__col--offset-tablet-3 {
        grid-column: 4/span min(1, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-1.container__col--offset-mobile-3 {
        grid-column: 4/span min(1, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-1.container__col--offset-desktop-4 {
        grid-column: 5/span 1
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-1.container__col--offset-laptop-4 {
        grid-column: 5/span 1
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-1.container__col--offset-tablet-4 {
        grid-column: 5/span min(1, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-1.container__col--offset-mobile-4 {
        grid-column: 5/span min(1, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-1.container__col--offset-desktop-5 {
        grid-column: 6/span 1
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-1.container__col--offset-laptop-5 {
        grid-column: 6/span 1
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-1.container__col--offset-tablet-5 {
        grid-column: 6/span min(1, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-1.container__col--offset-mobile-5 {
        grid-column: 6/span min(1, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-1.container__col--offset-desktop-6 {
        grid-column: 7/span 1
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-1.container__col--offset-laptop-6 {
        grid-column: 7/span 1
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-1.container__col--offset-tablet-6 {
        grid-column: 7/span min(1, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-1.container__col--offset-mobile-6 {
        grid-column: 7/span min(1, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-1.container__col--offset-desktop-7 {
        grid-column: 8/span 1
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-1.container__col--offset-laptop-7 {
        grid-column: 8/span 1
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-1.container__col--offset-tablet-7 {
        grid-column: 8/span min(1, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-1.container__col--offset-mobile-7 {
        grid-column: 8/span min(1, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-1.container__col--offset-desktop-8 {
        grid-column: 9/span 1
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-1.container__col--offset-laptop-8 {
        grid-column: 9/span 1
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-1.container__col--offset-tablet-8 {
        grid-column: 9/span min(1, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-1.container__col--offset-mobile-8 {
        grid-column: 9/span min(1, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-1.container__col--offset-desktop-9 {
        grid-column: 10/span 1
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-1.container__col--offset-laptop-9 {
        grid-column: 10/span 1
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-1.container__col--offset-tablet-9 {
        grid-column: 10/span min(1, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-1.container__col--offset-mobile-9 {
        grid-column: 10/span min(1, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-1.container__col--offset-desktop-10 {
        grid-column: 11/span 1
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-1.container__col--offset-laptop-10 {
        grid-column: 11/span 1
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-1.container__col--offset-tablet-10 {
        grid-column: 11/span min(1, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-1.container__col--offset-mobile-10 {
        grid-column: 11/span min(1, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-1.container__col--offset-desktop-11 {
        grid-column: 12/span 1
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-1.container__col--offset-laptop-11 {
        grid-column: 12/span 1
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-1.container__col--offset-tablet-11 {
        grid-column: 12/span min(1, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-1.container__col--offset-mobile-11 {
        grid-column: 12/span min(1, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-2.container__col--offset-desktop-1 {
        grid-column: 2/span 2
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-2.container__col--offset-laptop-1 {
        grid-column: 2/span 2
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-2.container__col--offset-tablet-1 {
        grid-column: 2/span min(2, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-2.container__col--offset-mobile-1 {
        grid-column: 2/span min(2, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-2.container__col--offset-desktop-2 {
        grid-column: 3/span 2
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-2.container__col--offset-laptop-2 {
        grid-column: 3/span 2
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-2.container__col--offset-tablet-2 {
        grid-column: 3/span min(2, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-2.container__col--offset-mobile-2 {
        grid-column: 3/span min(2, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-2.container__col--offset-desktop-3 {
        grid-column: 4/span 2
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-2.container__col--offset-laptop-3 {
        grid-column: 4/span 2
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-2.container__col--offset-tablet-3 {
        grid-column: 4/span min(2, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-2.container__col--offset-mobile-3 {
        grid-column: 4/span min(2, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-2.container__col--offset-desktop-4 {
        grid-column: 5/span 2
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-2.container__col--offset-laptop-4 {
        grid-column: 5/span 2
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-2.container__col--offset-tablet-4 {
        grid-column: 5/span min(2, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-2.container__col--offset-mobile-4 {
        grid-column: 5/span min(2, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-2.container__col--offset-desktop-5 {
        grid-column: 6/span 2
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-2.container__col--offset-laptop-5 {
        grid-column: 6/span 2
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-2.container__col--offset-tablet-5 {
        grid-column: 6/span min(2, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-2.container__col--offset-mobile-5 {
        grid-column: 6/span min(2, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-2.container__col--offset-desktop-6 {
        grid-column: 7/span 2
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-2.container__col--offset-laptop-6 {
        grid-column: 7/span 2
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-2.container__col--offset-tablet-6 {
        grid-column: 7/span min(2, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-2.container__col--offset-mobile-6 {
        grid-column: 7/span min(2, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-2.container__col--offset-desktop-7 {
        grid-column: 8/span 2
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-2.container__col--offset-laptop-7 {
        grid-column: 8/span 2
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-2.container__col--offset-tablet-7 {
        grid-column: 8/span min(2, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-2.container__col--offset-mobile-7 {
        grid-column: 8/span min(2, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-2.container__col--offset-desktop-8 {
        grid-column: 9/span 2
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-2.container__col--offset-laptop-8 {
        grid-column: 9/span 2
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-2.container__col--offset-tablet-8 {
        grid-column: 9/span min(2, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-2.container__col--offset-mobile-8 {
        grid-column: 9/span min(2, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-2.container__col--offset-desktop-9 {
        grid-column: 10/span 2
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-2.container__col--offset-laptop-9 {
        grid-column: 10/span 2
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-2.container__col--offset-tablet-9 {
        grid-column: 10/span min(2, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-2.container__col--offset-mobile-9 {
        grid-column: 10/span min(2, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-2.container__col--offset-desktop-10 {
        grid-column: 11/span 2
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-2.container__col--offset-laptop-10 {
        grid-column: 11/span 2
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-2.container__col--offset-tablet-10 {
        grid-column: 11/span min(2, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-2.container__col--offset-mobile-10 {
        grid-column: 11/span min(2, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-2.container__col--offset-desktop-11 {
        grid-column: 12/span 2
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-2.container__col--offset-laptop-11 {
        grid-column: 12/span 2
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-2.container__col--offset-tablet-11 {
        grid-column: 12/span min(2, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-2.container__col--offset-mobile-11 {
        grid-column: 12/span min(2, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-3.container__col--offset-desktop-1 {
        grid-column: 2/span 3
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-3.container__col--offset-laptop-1 {
        grid-column: 2/span 3
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-3.container__col--offset-tablet-1 {
        grid-column: 2/span min(3, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-3.container__col--offset-mobile-1 {
        grid-column: 2/span min(3, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-3.container__col--offset-desktop-2 {
        grid-column: 3/span 3
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-3.container__col--offset-laptop-2 {
        grid-column: 3/span 3
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-3.container__col--offset-tablet-2 {
        grid-column: 3/span min(3, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-3.container__col--offset-mobile-2 {
        grid-column: 3/span min(3, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-3.container__col--offset-desktop-3 {
        grid-column: 4/span 3
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-3.container__col--offset-laptop-3 {
        grid-column: 4/span 3
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-3.container__col--offset-tablet-3 {
        grid-column: 4/span min(3, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-3.container__col--offset-mobile-3 {
        grid-column: 4/span min(3, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-3.container__col--offset-desktop-4 {
        grid-column: 5/span 3
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-3.container__col--offset-laptop-4 {
        grid-column: 5/span 3
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-3.container__col--offset-tablet-4 {
        grid-column: 5/span min(3, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-3.container__col--offset-mobile-4 {
        grid-column: 5/span min(3, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-3.container__col--offset-desktop-5 {
        grid-column: 6/span 3
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-3.container__col--offset-laptop-5 {
        grid-column: 6/span 3
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-3.container__col--offset-tablet-5 {
        grid-column: 6/span min(3, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-3.container__col--offset-mobile-5 {
        grid-column: 6/span min(3, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-3.container__col--offset-desktop-6 {
        grid-column: 7/span 3
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-3.container__col--offset-laptop-6 {
        grid-column: 7/span 3
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-3.container__col--offset-tablet-6 {
        grid-column: 7/span min(3, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-3.container__col--offset-mobile-6 {
        grid-column: 7/span min(3, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-3.container__col--offset-desktop-7 {
        grid-column: 8/span 3
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-3.container__col--offset-laptop-7 {
        grid-column: 8/span 3
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-3.container__col--offset-tablet-7 {
        grid-column: 8/span min(3, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-3.container__col--offset-mobile-7 {
        grid-column: 8/span min(3, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-3.container__col--offset-desktop-8 {
        grid-column: 9/span 3
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-3.container__col--offset-laptop-8 {
        grid-column: 9/span 3
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-3.container__col--offset-tablet-8 {
        grid-column: 9/span min(3, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-3.container__col--offset-mobile-8 {
        grid-column: 9/span min(3, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-3.container__col--offset-desktop-9 {
        grid-column: 10/span 3
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-3.container__col--offset-laptop-9 {
        grid-column: 10/span 3
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-3.container__col--offset-tablet-9 {
        grid-column: 10/span min(3, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-3.container__col--offset-mobile-9 {
        grid-column: 10/span min(3, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-3.container__col--offset-desktop-10 {
        grid-column: 11/span 3
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-3.container__col--offset-laptop-10 {
        grid-column: 11/span 3
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-3.container__col--offset-tablet-10 {
        grid-column: 11/span min(3, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-3.container__col--offset-mobile-10 {
        grid-column: 11/span min(3, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-3.container__col--offset-desktop-11 {
        grid-column: 12/span 3
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-3.container__col--offset-laptop-11 {
        grid-column: 12/span 3
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-3.container__col--offset-tablet-11 {
        grid-column: 12/span min(3, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-3.container__col--offset-mobile-11 {
        grid-column: 12/span min(3, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-4.container__col--offset-desktop-1 {
        grid-column: 2/span 4
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-4.container__col--offset-laptop-1 {
        grid-column: 2/span 4
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-4.container__col--offset-tablet-1 {
        grid-column: 2/span min(4, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-4.container__col--offset-mobile-1 {
        grid-column: 2/span min(4, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-4.container__col--offset-desktop-2 {
        grid-column: 3/span 4
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-4.container__col--offset-laptop-2 {
        grid-column: 3/span 4
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-4.container__col--offset-tablet-2 {
        grid-column: 3/span min(4, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-4.container__col--offset-mobile-2 {
        grid-column: 3/span min(4, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-4.container__col--offset-desktop-3 {
        grid-column: 4/span 4
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-4.container__col--offset-laptop-3 {
        grid-column: 4/span 4
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-4.container__col--offset-tablet-3 {
        grid-column: 4/span min(4, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-4.container__col--offset-mobile-3 {
        grid-column: 4/span min(4, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-4.container__col--offset-desktop-4 {
        grid-column: 5/span 4
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-4.container__col--offset-laptop-4 {
        grid-column: 5/span 4
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-4.container__col--offset-tablet-4 {
        grid-column: 5/span min(4, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-4.container__col--offset-mobile-4 {
        grid-column: 5/span min(4, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-4.container__col--offset-desktop-5 {
        grid-column: 6/span 4
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-4.container__col--offset-laptop-5 {
        grid-column: 6/span 4
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-4.container__col--offset-tablet-5 {
        grid-column: 6/span min(4, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-4.container__col--offset-mobile-5 {
        grid-column: 6/span min(4, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-4.container__col--offset-desktop-6 {
        grid-column: 7/span 4
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-4.container__col--offset-laptop-6 {
        grid-column: 7/span 4
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-4.container__col--offset-tablet-6 {
        grid-column: 7/span min(4, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-4.container__col--offset-mobile-6 {
        grid-column: 7/span min(4, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-4.container__col--offset-desktop-7 {
        grid-column: 8/span 4
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-4.container__col--offset-laptop-7 {
        grid-column: 8/span 4
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-4.container__col--offset-tablet-7 {
        grid-column: 8/span min(4, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-4.container__col--offset-mobile-7 {
        grid-column: 8/span min(4, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-4.container__col--offset-desktop-8 {
        grid-column: 9/span 4
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-4.container__col--offset-laptop-8 {
        grid-column: 9/span 4
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-4.container__col--offset-tablet-8 {
        grid-column: 9/span min(4, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-4.container__col--offset-mobile-8 {
        grid-column: 9/span min(4, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-4.container__col--offset-desktop-9 {
        grid-column: 10/span 4
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-4.container__col--offset-laptop-9 {
        grid-column: 10/span 4
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-4.container__col--offset-tablet-9 {
        grid-column: 10/span min(4, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-4.container__col--offset-mobile-9 {
        grid-column: 10/span min(4, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-4.container__col--offset-desktop-10 {
        grid-column: 11/span 4
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-4.container__col--offset-laptop-10 {
        grid-column: 11/span 4
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-4.container__col--offset-tablet-10 {
        grid-column: 11/span min(4, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-4.container__col--offset-mobile-10 {
        grid-column: 11/span min(4, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-4.container__col--offset-desktop-11 {
        grid-column: 12/span 4
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-4.container__col--offset-laptop-11 {
        grid-column: 12/span 4
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-4.container__col--offset-tablet-11 {
        grid-column: 12/span min(4, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-4.container__col--offset-mobile-11 {
        grid-column: 12/span min(4, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-5.container__col--offset-desktop-1 {
        grid-column: 2/span 5
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-5.container__col--offset-laptop-1 {
        grid-column: 2/span 5
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-5.container__col--offset-tablet-1 {
        grid-column: 2/span min(5, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-5.container__col--offset-mobile-1 {
        grid-column: 2/span min(5, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-5.container__col--offset-desktop-2 {
        grid-column: 3/span 5
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-5.container__col--offset-laptop-2 {
        grid-column: 3/span 5
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-5.container__col--offset-tablet-2 {
        grid-column: 3/span min(5, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-5.container__col--offset-mobile-2 {
        grid-column: 3/span min(5, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-5.container__col--offset-desktop-3 {
        grid-column: 4/span 5
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-5.container__col--offset-laptop-3 {
        grid-column: 4/span 5
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-5.container__col--offset-tablet-3 {
        grid-column: 4/span min(5, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-5.container__col--offset-mobile-3 {
        grid-column: 4/span min(5, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-5.container__col--offset-desktop-4 {
        grid-column: 5/span 5
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-5.container__col--offset-laptop-4 {
        grid-column: 5/span 5
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-5.container__col--offset-tablet-4 {
        grid-column: 5/span min(5, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-5.container__col--offset-mobile-4 {
        grid-column: 5/span min(5, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-5.container__col--offset-desktop-5 {
        grid-column: 6/span 5
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-5.container__col--offset-laptop-5 {
        grid-column: 6/span 5
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-5.container__col--offset-tablet-5 {
        grid-column: 6/span min(5, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-5.container__col--offset-mobile-5 {
        grid-column: 6/span min(5, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-5.container__col--offset-desktop-6 {
        grid-column: 7/span 5
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-5.container__col--offset-laptop-6 {
        grid-column: 7/span 5
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-5.container__col--offset-tablet-6 {
        grid-column: 7/span min(5, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-5.container__col--offset-mobile-6 {
        grid-column: 7/span min(5, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-5.container__col--offset-desktop-7 {
        grid-column: 8/span 5
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-5.container__col--offset-laptop-7 {
        grid-column: 8/span 5
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-5.container__col--offset-tablet-7 {
        grid-column: 8/span min(5, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-5.container__col--offset-mobile-7 {
        grid-column: 8/span min(5, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-5.container__col--offset-desktop-8 {
        grid-column: 9/span 5
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-5.container__col--offset-laptop-8 {
        grid-column: 9/span 5
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-5.container__col--offset-tablet-8 {
        grid-column: 9/span min(5, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-5.container__col--offset-mobile-8 {
        grid-column: 9/span min(5, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-5.container__col--offset-desktop-9 {
        grid-column: 10/span 5
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-5.container__col--offset-laptop-9 {
        grid-column: 10/span 5
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-5.container__col--offset-tablet-9 {
        grid-column: 10/span min(5, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-5.container__col--offset-mobile-9 {
        grid-column: 10/span min(5, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-5.container__col--offset-desktop-10 {
        grid-column: 11/span 5
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-5.container__col--offset-laptop-10 {
        grid-column: 11/span 5
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-5.container__col--offset-tablet-10 {
        grid-column: 11/span min(5, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-5.container__col--offset-mobile-10 {
        grid-column: 11/span min(5, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-5.container__col--offset-desktop-11 {
        grid-column: 12/span 5
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-5.container__col--offset-laptop-11 {
        grid-column: 12/span 5
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-5.container__col--offset-tablet-11 {
        grid-column: 12/span min(5, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-5.container__col--offset-mobile-11 {
        grid-column: 12/span min(5, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-6.container__col--offset-desktop-1 {
        grid-column: 2/span 6
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-6.container__col--offset-laptop-1 {
        grid-column: 2/span 6
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-6.container__col--offset-tablet-1 {
        grid-column: 2/span min(6, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-6.container__col--offset-mobile-1 {
        grid-column: 2/span min(6, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-6.container__col--offset-desktop-2 {
        grid-column: 3/span 6
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-6.container__col--offset-laptop-2 {
        grid-column: 3/span 6
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-6.container__col--offset-tablet-2 {
        grid-column: 3/span min(6, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-6.container__col--offset-mobile-2 {
        grid-column: 3/span min(6, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-6.container__col--offset-desktop-3 {
        grid-column: 4/span 6
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-6.container__col--offset-laptop-3 {
        grid-column: 4/span 6
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-6.container__col--offset-tablet-3 {
        grid-column: 4/span min(6, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-6.container__col--offset-mobile-3 {
        grid-column: 4/span min(6, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-6.container__col--offset-desktop-4 {
        grid-column: 5/span 6
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-6.container__col--offset-laptop-4 {
        grid-column: 5/span 6
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-6.container__col--offset-tablet-4 {
        grid-column: 5/span min(6, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-6.container__col--offset-mobile-4 {
        grid-column: 5/span min(6, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-6.container__col--offset-desktop-5 {
        grid-column: 6/span 6
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-6.container__col--offset-laptop-5 {
        grid-column: 6/span 6
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-6.container__col--offset-tablet-5 {
        grid-column: 6/span min(6, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-6.container__col--offset-mobile-5 {
        grid-column: 6/span min(6, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-6.container__col--offset-desktop-6 {
        grid-column: 7/span 6
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-6.container__col--offset-laptop-6 {
        grid-column: 7/span 6
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-6.container__col--offset-tablet-6 {
        grid-column: 7/span min(6, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-6.container__col--offset-mobile-6 {
        grid-column: 7/span min(6, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-6.container__col--offset-desktop-7 {
        grid-column: 8/span 6
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-6.container__col--offset-laptop-7 {
        grid-column: 8/span 6
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-6.container__col--offset-tablet-7 {
        grid-column: 8/span min(6, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-6.container__col--offset-mobile-7 {
        grid-column: 8/span min(6, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-6.container__col--offset-desktop-8 {
        grid-column: 9/span 6
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-6.container__col--offset-laptop-8 {
        grid-column: 9/span 6
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-6.container__col--offset-tablet-8 {
        grid-column: 9/span min(6, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-6.container__col--offset-mobile-8 {
        grid-column: 9/span min(6, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-6.container__col--offset-desktop-9 {
        grid-column: 10/span 6
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-6.container__col--offset-laptop-9 {
        grid-column: 10/span 6
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-6.container__col--offset-tablet-9 {
        grid-column: 10/span min(6, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-6.container__col--offset-mobile-9 {
        grid-column: 10/span min(6, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-6.container__col--offset-desktop-10 {
        grid-column: 11/span 6
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-6.container__col--offset-laptop-10 {
        grid-column: 11/span 6
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-6.container__col--offset-tablet-10 {
        grid-column: 11/span min(6, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-6.container__col--offset-mobile-10 {
        grid-column: 11/span min(6, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-6.container__col--offset-desktop-11 {
        grid-column: 12/span 6
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-6.container__col--offset-laptop-11 {
        grid-column: 12/span 6
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-6.container__col--offset-tablet-11 {
        grid-column: 12/span min(6, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-6.container__col--offset-mobile-11 {
        grid-column: 12/span min(6, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-7.container__col--offset-desktop-1 {
        grid-column: 2/span 7
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-7.container__col--offset-laptop-1 {
        grid-column: 2/span 7
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-7.container__col--offset-tablet-1 {
        grid-column: 2/span min(7, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-7.container__col--offset-mobile-1 {
        grid-column: 2/span min(7, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-7.container__col--offset-desktop-2 {
        grid-column: 3/span 7
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-7.container__col--offset-laptop-2 {
        grid-column: 3/span 7
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-7.container__col--offset-tablet-2 {
        grid-column: 3/span min(7, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-7.container__col--offset-mobile-2 {
        grid-column: 3/span min(7, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-7.container__col--offset-desktop-3 {
        grid-column: 4/span 7
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-7.container__col--offset-laptop-3 {
        grid-column: 4/span 7
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-7.container__col--offset-tablet-3 {
        grid-column: 4/span min(7, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-7.container__col--offset-mobile-3 {
        grid-column: 4/span min(7, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-7.container__col--offset-desktop-4 {
        grid-column: 5/span 7
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-7.container__col--offset-laptop-4 {
        grid-column: 5/span 7
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-7.container__col--offset-tablet-4 {
        grid-column: 5/span min(7, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-7.container__col--offset-mobile-4 {
        grid-column: 5/span min(7, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-7.container__col--offset-desktop-5 {
        grid-column: 6/span 7
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-7.container__col--offset-laptop-5 {
        grid-column: 6/span 7
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-7.container__col--offset-tablet-5 {
        grid-column: 6/span min(7, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-7.container__col--offset-mobile-5 {
        grid-column: 6/span min(7, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-7.container__col--offset-desktop-6 {
        grid-column: 7/span 7
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-7.container__col--offset-laptop-6 {
        grid-column: 7/span 7
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-7.container__col--offset-tablet-6 {
        grid-column: 7/span min(7, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-7.container__col--offset-mobile-6 {
        grid-column: 7/span min(7, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-7.container__col--offset-desktop-7 {
        grid-column: 8/span 7
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-7.container__col--offset-laptop-7 {
        grid-column: 8/span 7
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-7.container__col--offset-tablet-7 {
        grid-column: 8/span min(7, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-7.container__col--offset-mobile-7 {
        grid-column: 8/span min(7, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-7.container__col--offset-desktop-8 {
        grid-column: 9/span 7
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-7.container__col--offset-laptop-8 {
        grid-column: 9/span 7
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-7.container__col--offset-tablet-8 {
        grid-column: 9/span min(7, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-7.container__col--offset-mobile-8 {
        grid-column: 9/span min(7, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-7.container__col--offset-desktop-9 {
        grid-column: 10/span 7
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-7.container__col--offset-laptop-9 {
        grid-column: 10/span 7
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-7.container__col--offset-tablet-9 {
        grid-column: 10/span min(7, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-7.container__col--offset-mobile-9 {
        grid-column: 10/span min(7, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-7.container__col--offset-desktop-10 {
        grid-column: 11/span 7
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-7.container__col--offset-laptop-10 {
        grid-column: 11/span 7
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-7.container__col--offset-tablet-10 {
        grid-column: 11/span min(7, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-7.container__col--offset-mobile-10 {
        grid-column: 11/span min(7, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-7.container__col--offset-desktop-11 {
        grid-column: 12/span 7
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-7.container__col--offset-laptop-11 {
        grid-column: 12/span 7
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-7.container__col--offset-tablet-11 {
        grid-column: 12/span min(7, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-7.container__col--offset-mobile-11 {
        grid-column: 12/span min(7, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-8.container__col--offset-desktop-1 {
        grid-column: 2/span 8
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-8.container__col--offset-laptop-1 {
        grid-column: 2/span 8
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-8.container__col--offset-tablet-1 {
        grid-column: 2/span min(8, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-8.container__col--offset-mobile-1 {
        grid-column: 2/span min(8, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-8.container__col--offset-desktop-2 {
        grid-column: 3/span 8
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-8.container__col--offset-laptop-2 {
        grid-column: 3/span 8
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-8.container__col--offset-tablet-2 {
        grid-column: 3/span min(8, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-8.container__col--offset-mobile-2 {
        grid-column: 3/span min(8, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-8.container__col--offset-desktop-3 {
        grid-column: 4/span 8
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-8.container__col--offset-laptop-3 {
        grid-column: 4/span 8
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-8.container__col--offset-tablet-3 {
        grid-column: 4/span min(8, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-8.container__col--offset-mobile-3 {
        grid-column: 4/span min(8, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-8.container__col--offset-desktop-4 {
        grid-column: 5/span 8
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-8.container__col--offset-laptop-4 {
        grid-column: 5/span 8
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-8.container__col--offset-tablet-4 {
        grid-column: 5/span min(8, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-8.container__col--offset-mobile-4 {
        grid-column: 5/span min(8, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-8.container__col--offset-desktop-5 {
        grid-column: 6/span 8
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-8.container__col--offset-laptop-5 {
        grid-column: 6/span 8
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-8.container__col--offset-tablet-5 {
        grid-column: 6/span min(8, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-8.container__col--offset-mobile-5 {
        grid-column: 6/span min(8, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-8.container__col--offset-desktop-6 {
        grid-column: 7/span 8
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-8.container__col--offset-laptop-6 {
        grid-column: 7/span 8
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-8.container__col--offset-tablet-6 {
        grid-column: 7/span min(8, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-8.container__col--offset-mobile-6 {
        grid-column: 7/span min(8, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-8.container__col--offset-desktop-7 {
        grid-column: 8/span 8
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-8.container__col--offset-laptop-7 {
        grid-column: 8/span 8
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-8.container__col--offset-tablet-7 {
        grid-column: 8/span min(8, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-8.container__col--offset-mobile-7 {
        grid-column: 8/span min(8, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-8.container__col--offset-desktop-8 {
        grid-column: 9/span 8
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-8.container__col--offset-laptop-8 {
        grid-column: 9/span 8
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-8.container__col--offset-tablet-8 {
        grid-column: 9/span min(8, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-8.container__col--offset-mobile-8 {
        grid-column: 9/span min(8, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-8.container__col--offset-desktop-9 {
        grid-column: 10/span 8
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-8.container__col--offset-laptop-9 {
        grid-column: 10/span 8
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-8.container__col--offset-tablet-9 {
        grid-column: 10/span min(8, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-8.container__col--offset-mobile-9 {
        grid-column: 10/span min(8, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-8.container__col--offset-desktop-10 {
        grid-column: 11/span 8
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-8.container__col--offset-laptop-10 {
        grid-column: 11/span 8
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-8.container__col--offset-tablet-10 {
        grid-column: 11/span min(8, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-8.container__col--offset-mobile-10 {
        grid-column: 11/span min(8, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-8.container__col--offset-desktop-11 {
        grid-column: 12/span 8
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-8.container__col--offset-laptop-11 {
        grid-column: 12/span 8
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-8.container__col--offset-tablet-11 {
        grid-column: 12/span min(8, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-8.container__col--offset-mobile-11 {
        grid-column: 12/span min(8, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-9.container__col--offset-desktop-1 {
        grid-column: 2/span 9
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-9.container__col--offset-laptop-1 {
        grid-column: 2/span 9
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-9.container__col--offset-tablet-1 {
        grid-column: 2/span min(9, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-9.container__col--offset-mobile-1 {
        grid-column: 2/span min(9, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-9.container__col--offset-desktop-2 {
        grid-column: 3/span 9
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-9.container__col--offset-laptop-2 {
        grid-column: 3/span 9
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-9.container__col--offset-tablet-2 {
        grid-column: 3/span min(9, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-9.container__col--offset-mobile-2 {
        grid-column: 3/span min(9, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-9.container__col--offset-desktop-3 {
        grid-column: 4/span 9
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-9.container__col--offset-laptop-3 {
        grid-column: 4/span 9
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-9.container__col--offset-tablet-3 {
        grid-column: 4/span min(9, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-9.container__col--offset-mobile-3 {
        grid-column: 4/span min(9, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-9.container__col--offset-desktop-4 {
        grid-column: 5/span 9
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-9.container__col--offset-laptop-4 {
        grid-column: 5/span 9
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-9.container__col--offset-tablet-4 {
        grid-column: 5/span min(9, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-9.container__col--offset-mobile-4 {
        grid-column: 5/span min(9, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-9.container__col--offset-desktop-5 {
        grid-column: 6/span 9
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-9.container__col--offset-laptop-5 {
        grid-column: 6/span 9
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-9.container__col--offset-tablet-5 {
        grid-column: 6/span min(9, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-9.container__col--offset-mobile-5 {
        grid-column: 6/span min(9, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-9.container__col--offset-desktop-6 {
        grid-column: 7/span 9
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-9.container__col--offset-laptop-6 {
        grid-column: 7/span 9
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-9.container__col--offset-tablet-6 {
        grid-column: 7/span min(9, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-9.container__col--offset-mobile-6 {
        grid-column: 7/span min(9, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-9.container__col--offset-desktop-7 {
        grid-column: 8/span 9
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-9.container__col--offset-laptop-7 {
        grid-column: 8/span 9
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-9.container__col--offset-tablet-7 {
        grid-column: 8/span min(9, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-9.container__col--offset-mobile-7 {
        grid-column: 8/span min(9, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-9.container__col--offset-desktop-8 {
        grid-column: 9/span 9
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-9.container__col--offset-laptop-8 {
        grid-column: 9/span 9
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-9.container__col--offset-tablet-8 {
        grid-column: 9/span min(9, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-9.container__col--offset-mobile-8 {
        grid-column: 9/span min(9, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-9.container__col--offset-desktop-9 {
        grid-column: 10/span 9
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-9.container__col--offset-laptop-9 {
        grid-column: 10/span 9
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-9.container__col--offset-tablet-9 {
        grid-column: 10/span min(9, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-9.container__col--offset-mobile-9 {
        grid-column: 10/span min(9, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-9.container__col--offset-desktop-10 {
        grid-column: 11/span 9
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-9.container__col--offset-laptop-10 {
        grid-column: 11/span 9
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-9.container__col--offset-tablet-10 {
        grid-column: 11/span min(9, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-9.container__col--offset-mobile-10 {
        grid-column: 11/span min(9, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-9.container__col--offset-desktop-11 {
        grid-column: 12/span 9
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-9.container__col--offset-laptop-11 {
        grid-column: 12/span 9
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-9.container__col--offset-tablet-11 {
        grid-column: 12/span min(9, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-9.container__col--offset-mobile-11 {
        grid-column: 12/span min(9, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-10.container__col--offset-desktop-1 {
        grid-column: 2/span 10
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-10.container__col--offset-laptop-1 {
        grid-column: 2/span 10
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-10.container__col--offset-tablet-1 {
        grid-column: 2/span min(10, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-10.container__col--offset-mobile-1 {
        grid-column: 2/span min(10, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-10.container__col--offset-desktop-2 {
        grid-column: 3/span 10
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-10.container__col--offset-laptop-2 {
        grid-column: 3/span 10
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-10.container__col--offset-tablet-2 {
        grid-column: 3/span min(10, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-10.container__col--offset-mobile-2 {
        grid-column: 3/span min(10, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-10.container__col--offset-desktop-3 {
        grid-column: 4/span 10
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-10.container__col--offset-laptop-3 {
        grid-column: 4/span 10
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-10.container__col--offset-tablet-3 {
        grid-column: 4/span min(10, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-10.container__col--offset-mobile-3 {
        grid-column: 4/span min(10, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-10.container__col--offset-desktop-4 {
        grid-column: 5/span 10
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-10.container__col--offset-laptop-4 {
        grid-column: 5/span 10
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-10.container__col--offset-tablet-4 {
        grid-column: 5/span min(10, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-10.container__col--offset-mobile-4 {
        grid-column: 5/span min(10, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-10.container__col--offset-desktop-5 {
        grid-column: 6/span 10
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-10.container__col--offset-laptop-5 {
        grid-column: 6/span 10
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-10.container__col--offset-tablet-5 {
        grid-column: 6/span min(10, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-10.container__col--offset-mobile-5 {
        grid-column: 6/span min(10, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-10.container__col--offset-desktop-6 {
        grid-column: 7/span 10
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-10.container__col--offset-laptop-6 {
        grid-column: 7/span 10
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-10.container__col--offset-tablet-6 {
        grid-column: 7/span min(10, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-10.container__col--offset-mobile-6 {
        grid-column: 7/span min(10, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-10.container__col--offset-desktop-7 {
        grid-column: 8/span 10
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-10.container__col--offset-laptop-7 {
        grid-column: 8/span 10
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-10.container__col--offset-tablet-7 {
        grid-column: 8/span min(10, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-10.container__col--offset-mobile-7 {
        grid-column: 8/span min(10, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-10.container__col--offset-desktop-8 {
        grid-column: 9/span 10
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-10.container__col--offset-laptop-8 {
        grid-column: 9/span 10
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-10.container__col--offset-tablet-8 {
        grid-column: 9/span min(10, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-10.container__col--offset-mobile-8 {
        grid-column: 9/span min(10, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-10.container__col--offset-desktop-9 {
        grid-column: 10/span 10
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-10.container__col--offset-laptop-9 {
        grid-column: 10/span 10
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-10.container__col--offset-tablet-9 {
        grid-column: 10/span min(10, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-10.container__col--offset-mobile-9 {
        grid-column: 10/span min(10, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-10.container__col--offset-desktop-10 {
        grid-column: 11/span 10
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-10.container__col--offset-laptop-10 {
        grid-column: 11/span 10
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-10.container__col--offset-tablet-10 {
        grid-column: 11/span min(10, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-10.container__col--offset-mobile-10 {
        grid-column: 11/span min(10, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-10.container__col--offset-desktop-11 {
        grid-column: 12/span 10
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-10.container__col--offset-laptop-11 {
        grid-column: 12/span 10
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-10.container__col--offset-tablet-11 {
        grid-column: 12/span min(10, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-10.container__col--offset-mobile-11 {
        grid-column: 12/span min(10, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-11.container__col--offset-desktop-1 {
        grid-column: 2/span 11
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-11.container__col--offset-laptop-1 {
        grid-column: 2/span 11
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-11.container__col--offset-tablet-1 {
        grid-column: 2/span min(11, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-11.container__col--offset-mobile-1 {
        grid-column: 2/span min(11, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-11.container__col--offset-desktop-2 {
        grid-column: 3/span 11
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-11.container__col--offset-laptop-2 {
        grid-column: 3/span 11
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-11.container__col--offset-tablet-2 {
        grid-column: 3/span min(11, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-11.container__col--offset-mobile-2 {
        grid-column: 3/span min(11, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-11.container__col--offset-desktop-3 {
        grid-column: 4/span 11
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-11.container__col--offset-laptop-3 {
        grid-column: 4/span 11
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-11.container__col--offset-tablet-3 {
        grid-column: 4/span min(11, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-11.container__col--offset-mobile-3 {
        grid-column: 4/span min(11, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-11.container__col--offset-desktop-4 {
        grid-column: 5/span 11
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-11.container__col--offset-laptop-4 {
        grid-column: 5/span 11
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-11.container__col--offset-tablet-4 {
        grid-column: 5/span min(11, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-11.container__col--offset-mobile-4 {
        grid-column: 5/span min(11, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-11.container__col--offset-desktop-5 {
        grid-column: 6/span 11
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-11.container__col--offset-laptop-5 {
        grid-column: 6/span 11
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-11.container__col--offset-tablet-5 {
        grid-column: 6/span min(11, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-11.container__col--offset-mobile-5 {
        grid-column: 6/span min(11, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-11.container__col--offset-desktop-6 {
        grid-column: 7/span 11
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-11.container__col--offset-laptop-6 {
        grid-column: 7/span 11
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-11.container__col--offset-tablet-6 {
        grid-column: 7/span min(11, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-11.container__col--offset-mobile-6 {
        grid-column: 7/span min(11, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-11.container__col--offset-desktop-7 {
        grid-column: 8/span 11
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-11.container__col--offset-laptop-7 {
        grid-column: 8/span 11
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-11.container__col--offset-tablet-7 {
        grid-column: 8/span min(11, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-11.container__col--offset-mobile-7 {
        grid-column: 8/span min(11, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-11.container__col--offset-desktop-8 {
        grid-column: 9/span 11
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-11.container__col--offset-laptop-8 {
        grid-column: 9/span 11
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-11.container__col--offset-tablet-8 {
        grid-column: 9/span min(11, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-11.container__col--offset-mobile-8 {
        grid-column: 9/span min(11, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-11.container__col--offset-desktop-9 {
        grid-column: 10/span 11
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-11.container__col--offset-laptop-9 {
        grid-column: 10/span 11
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-11.container__col--offset-tablet-9 {
        grid-column: 10/span min(11, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-11.container__col--offset-mobile-9 {
        grid-column: 10/span min(11, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-11.container__col--offset-desktop-10 {
        grid-column: 11/span 11
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-11.container__col--offset-laptop-10 {
        grid-column: 11/span 11
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-11.container__col--offset-tablet-10 {
        grid-column: 11/span min(11, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-11.container__col--offset-mobile-10 {
        grid-column: 11/span min(11, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-11.container__col--offset-desktop-11 {
        grid-column: 12/span 11
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-11.container__col--offset-laptop-11 {
        grid-column: 12/span 11
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-11.container__col--offset-tablet-11 {
        grid-column: 12/span min(11, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-11.container__col--offset-mobile-11 {
        grid-column: 12/span min(11, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-12.container__col--offset-desktop-1 {
        grid-column: 2/span 12
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-12.container__col--offset-laptop-1 {
        grid-column: 2/span 12
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-12.container__col--offset-tablet-1 {
        grid-column: 2/span min(12, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-12.container__col--offset-mobile-1 {
        grid-column: 2/span min(12, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-12.container__col--offset-desktop-2 {
        grid-column: 3/span 12
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-12.container__col--offset-laptop-2 {
        grid-column: 3/span 12
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-12.container__col--offset-tablet-2 {
        grid-column: 3/span min(12, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-12.container__col--offset-mobile-2 {
        grid-column: 3/span min(12, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-12.container__col--offset-desktop-3 {
        grid-column: 4/span 12
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-12.container__col--offset-laptop-3 {
        grid-column: 4/span 12
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-12.container__col--offset-tablet-3 {
        grid-column: 4/span min(12, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-12.container__col--offset-mobile-3 {
        grid-column: 4/span min(12, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-12.container__col--offset-desktop-4 {
        grid-column: 5/span 12
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-12.container__col--offset-laptop-4 {
        grid-column: 5/span 12
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-12.container__col--offset-tablet-4 {
        grid-column: 5/span min(12, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-12.container__col--offset-mobile-4 {
        grid-column: 5/span min(12, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-12.container__col--offset-desktop-5 {
        grid-column: 6/span 12
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-12.container__col--offset-laptop-5 {
        grid-column: 6/span 12
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-12.container__col--offset-tablet-5 {
        grid-column: 6/span min(12, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-12.container__col--offset-mobile-5 {
        grid-column: 6/span min(12, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-12.container__col--offset-desktop-6 {
        grid-column: 7/span 12
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-12.container__col--offset-laptop-6 {
        grid-column: 7/span 12
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-12.container__col--offset-tablet-6 {
        grid-column: 7/span min(12, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-12.container__col--offset-mobile-6 {
        grid-column: 7/span min(12, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-12.container__col--offset-desktop-7 {
        grid-column: 8/span 12
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-12.container__col--offset-laptop-7 {
        grid-column: 8/span 12
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-12.container__col--offset-tablet-7 {
        grid-column: 8/span min(12, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-12.container__col--offset-mobile-7 {
        grid-column: 8/span min(12, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-12.container__col--offset-desktop-8 {
        grid-column: 9/span 12
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-12.container__col--offset-laptop-8 {
        grid-column: 9/span 12
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-12.container__col--offset-tablet-8 {
        grid-column: 9/span min(12, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-12.container__col--offset-mobile-8 {
        grid-column: 9/span min(12, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-12.container__col--offset-desktop-9 {
        grid-column: 10/span 12
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-12.container__col--offset-laptop-9 {
        grid-column: 10/span 12
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-12.container__col--offset-tablet-9 {
        grid-column: 10/span min(12, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-12.container__col--offset-mobile-9 {
        grid-column: 10/span min(12, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-12.container__col--offset-desktop-10 {
        grid-column: 11/span 12
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-12.container__col--offset-laptop-10 {
        grid-column: 11/span 12
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-12.container__col--offset-tablet-10 {
        grid-column: 11/span min(12, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-12.container__col--offset-mobile-10 {
        grid-column: 11/span min(12, 4)
    }
}

@media screen and (min-width:1367px) {
    .container__col.container__col--span-desktop-12.container__col--offset-desktop-11 {
        grid-column: 12/span 12
    }
}

@media screen and (min-width:1025px)and (max-width:1367px) {
    .container__col.container__col--span-laptop-12.container__col--offset-laptop-11 {
        grid-column: 12/span 12
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .container__col.container__col--span-tablet-12.container__col--offset-tablet-11 {
        grid-column: 12/span min(12, 8)
    }
}

@media screen and (max-width:767px)and (min-width:0) {
    .container__col.container__col--span-mobile-12.container__col--offset-mobile-11 {
        grid-column: 12/span min(12, 4)
    }
}

.main-spacing--1 {
    height: min(2.0833vw, 5rem)
}

@media screen and (max-width:1024px) {
    .main-spacing--1 {
        height: 3.125vw
    }
}

@media screen and (max-width:767px) {
    .main-spacing--1 {
        height: min(6.1538vw, 3.2rem)
    }
}

.main-spacing--2 {
    height: min(2.9167vw, 7rem)
}

@media screen and (max-width:1024px) {
    .main-spacing--2 {
        height: 3.9063vw
    }
}

@media screen and (max-width:767px) {
    .main-spacing--2 {
        height: min(8.2051vw, 4rem)
    }
}

.main-spacing--3 {
    height: min(6.25vw, 15.2rem)
}

@media screen and (max-width:1024px) {
    .main-spacing--3 {
        height: 11.7188vw
    }
}

@media screen and (max-width:767px) {
    .main-spacing--3 {
        height: min(24.6154vw, 10.4rem)
    }
}

.main-spacing--4 {
    height: min(8.3333vw, 20rem)
}

@media screen and (max-width:1024px) {
    .main-spacing--4 {
        height: 15.625vw
    }
}

@media screen and (max-width:767px) {
    .main-spacing--4 {
        height: min(30.7692vw, 12.8rem)
    }
}

.sub-spacing--1 {
    height: min(2.0833vw, 5rem)
}

@media screen and (max-width:1024px) {
    .sub-spacing--1 {
        height: 3.125vw
    }
}

@media screen and (max-width:767px) {
    .sub-spacing--1 {
        height: min(6.1538vw, 3.2rem)
    }
}

.sub-spacing--2 {
    height: min(2.9167vw, 7rem)
}

@media screen and (max-width:1024px) {
    .sub-spacing--2 {
        height: 3.9063vw
    }
}

@media screen and (max-width:767px) {
    .sub-spacing--2 {
        height: min(8.2051vw, 4rem)
    }
}

.sub-spacing--3 {
    height: min(3.3333vw, 8rem)
}

@media screen and (max-width:1024px) {
    .sub-spacing--3 {
        height: 5.4688vw
    }
}

@media screen and (max-width:767px) {
    .sub-spacing--3 {
        height: min(10.2564vw, 5.2rem)
    }
}

.sub-spacing--4 {
    height: min(5vw, 12rem)
}

@media screen and (max-width:1024px) {
    .sub-spacing--4 {
        height: 6.25vw
    }
}

@media screen and (max-width:767px) {
    .sub-spacing--4 {
        height: min(14.359vw, 7.8rem)
    }
}

.sub-spacing--5 {
    height: min(6.25vw, 15.2rem)
}

@media screen and (max-width:1024px) {
    .sub-spacing--5 {
        height: 7.8125vw
    }
}

@media screen and (max-width:767px) {
    .sub-spacing--5 {
        height: min(18.4615vw, 10.4rem)
    }
}

.sub-spacing--6 {
    height: min(8.3333vw, 20rem)
}

@media screen and (max-width:1024px) {
    .sub-spacing--6 {
        height: 11.7188vw
    }
}

@media screen and (max-width:767px) {
    .sub-spacing--6 {
        height: min(24.6154vw, 12.8rem)
    }
}

.sub-spacing--7 {
    height: min(10.4167vw, 25.4rem)
}

@media screen and (max-width:1024px) {
    .sub-spacing--7 {
        height: 15.625vw
    }
}

@media screen and (max-width:767px) {
    .sub-spacing--7 {
        height: min(30.7692vw, 16.4rem)
    }
}

.main-spacing--header {
    height: clamp(5rem, 4.6875vw, 11rem)
}

@media screen and (max-width:1024px) {
    .main-spacing--header {
        height: 7.2rem
    }
}

@media screen and (max-width:767px) {
    .main-spacing--header {
        height: 6rem
    }
}

.sub-spacing--header {
    height: clamp(5rem, 4.6875vw, 11rem)
}

@media screen and (max-width:1024px) {
    .sub-spacing--header {
        height: 7.2rem
    }
}

@media screen and (max-width:767px) {
    .sub-spacing--header {
        height: 6rem
    }
}

@media screen and (max-width:1024px) {
    .responsive-display--desktop {
        display: none
    }
}

.responsive-display--tablet {
    display: none
}

@media screen and (max-width:1024px) {
    .responsive-display--tablet {
        display: block
    }
}

@media screen and (max-width:767px) {
    .responsive-display--tablet {
        display: none
    }
}

.responsive-display--mobile {
    display: none
}

@media screen and (max-width:767px) {
    .responsive-display--mobile {
        display: block
    }
}

.footer {
    position: relative;
    z-index: 9;
    background-color: #080a12
}

.footer__container {
    display: flex;
    gap: 5vh;
    flex-direction: column
}

@media screen and (max-width:1024px) {
    .footer__container {
        gap: 6.4rem;
        padding-top: 5.6rem
    }
}

@media screen and (max-width:767px) {
    .footer__container {
        gap: 5.6rem;
        padding-top: 5.6rem
    }
}

@media screen and (max-width:1024px) {
    /* .footer__top-content {
        display: flex;
        justify-content: space-between
    } */
}

@media screen and (max-width:767px) {
    /* .footer__top-content {
        gap: 2.6rem;
        flex-direction: column
    } */
}

@media screen and (max-width:1024px) {
    .footer__top .container__row {
        row-gap: 4.8rem
    }
}

.footer__logo {
    display: inline-block;
    margin-bottom: 1.875vw
}

.footer__logo-image {
    width: auto;
    height: 4.5vw;
}

@media screen and (max-width:1024px) {
    .footer__logo-image {
        height: 6rem
    }
    .footer__logo {
        margin-bottom: 0
    }
}

.footer__social {
    display: flex;
    gap: .8rem
}

.footer__social-icon {
    width: max(1.6667vw, 2rem);
    height: max(1.6667vw, 2rem)
}

@media screen and (max-width:1024px) {
    .footer__social-icon {
        width: 2.8rem;
        height: 2.8rem
    }
}

.footer__nav {
    display: flex;
    justify-content: space-between;
    font-size: clamp(1.1rem, .9375vw, 2.2rem);
    font-weight: 400;
    line-height: 1;
    color: #fff;
    letter-spacing: -.01em
}

@media screen and (max-width:1024px) {
    .footer__nav {
        font-size: max(1.5625vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .footer__nav {
        flex-wrap: wrap;
        font-size: clamp(1.4rem, 4.1026vw, 1.6rem);
        line-height: 1.2;
        row-gap: 3.6rem
    }
    .footer__nav-item {
        width: calc(50% - 1.9531vw)
    }
}

.footer__nav-title {
    margin-bottom: 1.3333em;
    color: #888;
    font: inherit
}

@media screen and (max-width:1024px) {
    .footer__nav-title {
        margin-bottom: 1.6rem
    }
}

.footer__nav-list {
    display: flex;
    gap: .7778em;
    flex-direction: column
}

@media screen and (max-width:1024px) {
    .footer__nav-list {
        gap: 1.2rem
    }
}

.footer__bottom {
    padding: 1.6667vw 0;
    border-top: 1px solid hsla(0, 0%, 100%, .3);
    font-size: clamp(1rem, .8333vw, 2rem);
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    letter-spacing: -.01em
}

@media screen and (max-width:1024px) {
    .footer__bottom {
        padding: 3.2rem 0 5.6rem;
        font-size: max(1.3672vw, 1.3rem)
    }
}

@media screen and (max-width:767px) {
    .footer__bottom {
        font-size: clamp(1.3rem, 3.5897vw, 1.4rem)
    }
    .footer__bottom .container__row {
        display: flex;
        gap: 2.6rem;
        flex-direction: column-reverse
    }
}

.footer__menu-list {
    display: flex
}

@media screen and (max-width:767px) {
    .footer__menu-list {
        display: flex;
        gap: 1.2rem;
        flex-direction: column
    }
    :lang(ko) .footer__menu-list {
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row
    }
    :lang(ko) .footer__menu-list>* {
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: calc(40% - .5rem);
        box-sizing: border-box
    }
}

.footer__menu-item {
    padding: 0 1em;
    position: relative
}

.footer__menu-item:first-child {
    padding-left: 0
}

.footer__menu-item:first-child:before {
    display: none
}

.footer__menu-item:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: .9375em;
    background-color: hsla(0, 0%, 100%, .2);
    content: "";
    transform: translateY(-50%)
}

@media screen and (max-width:1024px) {
    .footer__menu-item:before {
        height: .9rem
    }
}

@media screen and (max-width:767px) {
    .footer__menu-item:before {
        display: none
    }
    .footer__menu-item {
        padding: 0
    }
}

.header-dimmed {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 90;
    background-color: rgba(0, 0, 0, .25);
    animation: dimFadeIn .3s ease forwards;
    opacity: 0
}

@keyframes dimFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.header {
    overflow: hidden;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    height: clamp(5rem, 6vw, 11rem);
    transition: height .3s ease, transform .3s ease;
    will-change: height, transform
}

.header-scrolled .header {
    height: clamp(4.1rem, 5vw, 9.2rem)
}

@media screen and (max-width:1024px) {
    .header-scrolled .header {
        height: 7.2rem
    }
}

@media screen and (max-width:767px) {
    .header-scrolled .header {
        height: 6rem
    }
}

@media screen and (max-width:1024px) {
    .header {
        overflow: unset;
        height: 7.2rem
    }
}

@media screen and (max-width:767px) {
    .header {
        height: 6rem
    }
}

.header__wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    height: 0
}

.header__wrapper.no-animation .header__inner {
    transform: translateY(0)
}

.header__inner {
    transform: translateY(-100%);
    transition: transform 0.6s ease-in-out;
    will-change: transform;
}

.header__inner.is-visible {
    transform: translateY(0);
}

.header-visible {
    transform: translateY(0)
}

.header-hidden {
    transform: translateY(-100%)
}

.header-dark {
    background: linear-gradient(0deg, transparent, rgba(0, 0, 0, .32) 64.83%)
}

.header-scrolled .header-dark {
    background: rgba(0, 0, 0, .85);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

@media(hover:hover) {
    .header-dark:hover {
        background: rgba(0, 0, 0, .85);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }
}

.header-dark .main-menu-link {
    color: #fff
}

.header-light {
    background: #fff
}

.header-scrolled .header-light {
    background: hsla(0, 0%, 100%, .85);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

@media(hover:hover) {
    .header-light:hover {
        background: hsla(0, 0%, 100%, .85);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }
}

.header-light .main-menu-link {
    color: #000
}

.header__units {
    display: none;
    align-items: center;
    position: static;
    height: 3rem;
    font-size: clamp(1.1rem, .9896vw, 2.3rem);
    font-weight: 500;
    line-height: 1;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .header__units {
        display: flex;
        flex-direction: row-reverse
    }
}

.header__gnb-button {
    display: inline-flex;
    gap: .6rem;
    justify-content: center;
    flex-direction: column;
    z-index: 102;
    width: 100%
}

.header__gnb-button .line {
    display: block;
    width: 3rem;
    height: .2rem;
    transition: transform .3s ease, background-color .3s ease
}

.header-dark .header__gnb-button .line {
    background-color: #fff
}

.header-light .header__gnb-button .line {
    background-color: #000
}

.header__gnb-button.open .line {
    background-color: #fff
}

.header__gnb-button.open .line:first-child {
    transform: translateY(.5rem) rotate(45deg)
}

.header__gnb-button.open .line:nth-child(2) {
    transform: translateY(-.3rem) rotate(-45deg)
}

.header__divider {
    position: absolute;
    bottom: 0;
    width: 100%;
    width: calc(100% - 2*max(2.9167vw, 3.2rem));
    height: 1px;
    transition: opacity .3s ease;
    z-index: -1
}

@media screen and (max-width:1024px) {
    .header__divider {
        width: calc(100% - 7.8126vw)
    }
}

@media screen and (max-width:767px) {
    .header__divider {
        width: calc(100% - 2*min(5.1282vw, 3.6rem))
    }
}

.header-light .header__divider {
    background: rgba(0, 0, 0, .3)
}

.header-dark .header__divider {
    background: hsla(0, 0%, 100%, .3)
}

.header-scrolled .header__divider {
    opacity: 0
}

@media screen and (min-width:1025px) {
    .header:hover .header__divider {
        opacity: 1
    }
}

.nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 max(2.9167vw, 3.2rem);
    position: relative;
    height: clamp(5rem, 6vw, 11rem);
    transition: height .3s ease
}

.header-scrolled .nav {
    height: clamp(4.1rem, 5vw, 9.2rem)
}

@media screen and (max-width:1024px) {
    .header-scrolled .nav {
        height: 7.2rem
    }
}

@media screen and (max-width:767px) {
    .header-scrolled .nav {
        height: 6rem
    }
}

@media screen and (max-width:1024px) {
    .nav {
        padding: 0 3.9063vw;
        height: 7.2rem
    }
}

@media screen and (max-width:767px) {
    .nav {
        padding: 0 min(5.1282vw, 3.6rem);
        height: 6rem
    }
}

.logo-link {
    display: flex;
    align-items: center;
    /* height: clamp(2.0rem, 2.4vw, 5rem); */
    height: 90%;
    color: #000
}

@media screen and (max-width:1024px) {
    /*.logo-link {
        height: 4rem
    }*/
}

@media screen and (max-width:767px) {
    /*.logo-link {
        height: 3rem
    }*/
}

.logo-link svg {
    width: inherit;
    height: inherit
}
.logo-link img {
    width: inherit;
    height: inherit
}
.header-dark .logo-light {
    display: none
}

.logo-dark {
    color: #fff
}

.header-light .logo-dark {
    display: none
}

.employment-button {
    margin-left: 3.5556em
}

.employment-button .button__text {
    background-color: transparent
}

[lang=en] .employment-button {
    display: none
}

@media screen and (max-width:1024px) {
    .employment-button {
        display: none
    }
}

.contact-button {
    margin-right: 1.1111em;
    margin-left: 3.5556em
}

.contact-button .button__text {
    background-color: transparent
}

@media screen and (max-width:1024px) {
    .contact-button {
        display: none
    }
}

.main-menu {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: clamp(1.2rem, .9896vw, 2.3rem);
    list-style: none
}

@media screen and (max-width:1024px) {
    .main-menu {
        display: none
    }
}

.main-menu-item {
    padding: 0 1.4737em;
    position: relative;
    height: 100%;
    font-weight: 500
}

.main-menu-item:last-child {
    padding-right: 0
}

[lang=en] .main-menu-item:last-child {
    padding-right: 4.2105em
}

.main-menu-link {
    display: flex;
    align-items: center;
    height: 100%;
    color: #000;
    text-decoration: none
}

.sub-menu-wrapper {
    font-size: clamp(1.4rem, 1.25vw, 2.9rem);
    transition: all .3s ease
}

.header-scrolled .sub-menu-wrapper {
    top: clamp(4.1rem, 3.6458vw, 9.2rem)
}

.sub-menu-container {
    display: flex;
    flex-direction: column;
    padding: 1.8333em 0;
    font-size: clamp(1.4rem, 1.25vw, 2.9rem)
}

.sub-menu-link {
    display: inline-block;
    margin-bottom: .8333em;
    line-height: 100%;
    color: #000;
    text-decoration: none;
    white-space: nowrap
}

.sub-menu-link+.third-depth {
    margin-top: -.25em;
    margin-bottom: 1.6em;
    font-size: clamp(1.2rem, 1.0417vw, 2.4rem)
}

.sub-menu-item .third-depth-link {
    display: inline-block;
    margin-right: 1em;
    line-height: 100%
}

.sub-menu-item .third-depth-link:last-child {
    margin-right: 0
}

.sub-menu-dark .sub-menu-link {
    color: #fff
}

@media(hover:hover) {
    .sub-menu-dark .sub-menu-link:hover {
        color: #3d6bff
    }
}

.sub-menu-dark .third-depth-link {
    color: #888
}

@media(hover:hover) {
    .sub-menu-dark .third-depth-link:hover {
        color: #3d6bff
    }
}

.sub-menu-light .sub-menu-link {
    color: #000
}

@media(hover:hover) {
    .sub-menu-light .sub-menu-link:hover {
        color: #254ec9
    }
}

.sub-menu-light .third-depth-link {
    color: #888
}

@media(hover:hover) {
    .sub-menu-light .third-depth-link:hover {
        color: #254ec9
    }
}

.lang-switcher {
    display: flex;
    align-items: center;
    font-size: clamp(1.2rem, .9896vw, 2.3rem)
}

@media screen and (max-width:1024px) {
    .lang-switcher {
        display: none
    }
}

.lang-button {
    display: flex;
    gap: .4211em;
    align-items: center;
    color: #000;
    text-decoration: none
}

.header-dark .lang-button {
    color: #fff
}

.header-dark .lang-button .lang-icon {
    width: clamp(1.3rem, 1.25vw, 2.8rem);
    color: #fff
}

.header-light .lang-button {
    color: #000
}

.header-light .lang-button .lang-icon {
    width: clamp(1.3rem, 1.25vw, 2.8rem);
    color: #000
}

@media(hover:hover) {
    .header-light .lang-button:hover .lang-icon {
        width: clamp(1.3rem, 1.25vw, 2.8rem)
    }
}

.sub-menu-link-business {
    pointer-events: none
}

.floating-webgl__container {
    position: absolute;
    width: 100%;
    bottom: max(2.9167vw, 3.2rem);
    padding: 0 max(2.9167vw, 3.2rem);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.25em;
    z-index: 10
}

@media screen and (max-width:1024px) {
    .floating-webgl__container {
        padding: 0 3.9063vw;
        bottom: 6.25vw;
        gap: 1.5em
    }
}

@media screen and (max-width:767px) {
    .floating-webgl__container {
        bottom: min(10.2564vw, 4.8rem);
        padding: 0 min(5.1282vw, 3.6rem);
        gap: 1em
    }
}

.floating-webgl__container-title {
    text-align: right;
    line-height: 140%;
    color: #888
}

.floating-webgl__container-title span {
    display: block
}

.floating-webgl__buttons {
    display: flex;
    justify-content: space-around;
    width: 100%
}

@media screen and (max-width:767px) {
    .floating-webgl__buttons {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: px-to-rem(16)
    }
}

.floating-webgl__buttons-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.3021vw;
    color: #fff;
    line-height: 100%;
    background-color: rgba(8, 10, 18, .4);
    -webkit-backdrop-filter: blur(12.5px);
    backdrop-filter: blur(12.5px);
    border: 1px solid hsla(0, 0%, 100%, .3);
    transition: background-color .3s;
    cursor: pointer
}

@media screen and (max-width:1024px) {
    .floating-webgl__buttons-button {
        height: 8.2031vw
    }
}

@media screen and (max-width:767px) {
    .floating-webgl__buttons-button {
        height: 16.4103vw
    }
}

.floating-webgl__buttons-button p {
    font-size: clamp(1.6rem, 1.4583vw, 3.5rem);
    font-weight: 400;
    line-height: 100%
}

@media screen and (max-width:1024px) {
    .floating-webgl__buttons-button p {
        font-size: max(2.0508vw, 1.7rem);
        line-height: 100%;
        letter-spacing: -.02em
    }
}

@media screen and (max-width:767px) {
    .floating-webgl__buttons-button p p {
        font-size: clamp(1.4rem, 4.359vw, 2rem)
    }
}

.floating-webgl__buttons-button:hover {
    border: 1px solid #fff;
    color: #fff
}

@media screen and (max-width:767px) {
    .floating-webgl__buttons-button {
        justify-content: flex-start;
        padding: 0 1.1429em
    }
}

.subpage-hero {
    color: #fff
}

.subpage-hero__wrapper {
    background: #080a12
}

.subpage-hero__title {
    margin-bottom: 11.1111vh
}

.subpage-hero__subtitle {
    margin-bottom: max(2.9167vw, 3.2rem)
}

.subpage-hero__image {
    overflow: hidden
}

.subpage-hero--has-padding {
    padding-bottom: max(2.9167vw, 3.2rem)
}

@media screen and (max-width:1024px) {
    .subpage-hero--has-padding {
        padding-bottom: 3.9063vw
    }
}

@media screen and (max-width:767px) {
    .subpage-hero--has-padding {
        padding-bottom: min(5.1282vw, 3.6rem)
    }
}

.subpage-hero .parallax-wrapper {
    aspect-ratio: 1808/968
}

@media screen and (max-width:1024px) {
    .subpage-hero .parallax-wrapper {
        aspect-ratio: 944/1286
    }
}

@media screen and (max-width:767px) {
    .subpage-hero .parallax-wrapper {
        aspect-ratio: 350/650
    }
}

.insight-news__wrapper {
    background: #fff
}

.insight-news__row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 1.25em
}

.insight-news__more--desktop {
    display: block
}

@media screen and (max-width:1024px) {
    .insight-news__more--desktop {
        display: none
    }
}

.insight-news__more--mobile {
    display: none
}

@media screen and (max-width:1024px) {
    .insight-news__more--mobile {
        display: block;
        margin: 0 auto;
        width: max-content
    }
}

.download__item {
    border-top: 1px solid hsla(0, 0%, 100%, .3);
    color: #fff
}

.download__item:last-child {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

.download__item .container__row {
    position: relative
}

.download__item .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: max(2.4rem, 1.46vw) 1.0417vw max(2.4rem, 1.46vw) 0
}

.download__num {
    position: absolute;
    top: 50%;
    left: 1.0417vw;
    transform: translateY(-50%);
    color: #888
}

@media screen and (max-width:1024px) {
    .download__num {
        position: static
    }
    .download__item {
        padding: max(2.4rem, 1.46vw) 0
    }
    .download__item .container__col {
        display: flex;
        align-items: center
    }
    .download__item .inner {
        padding: 0
    }
    .download__num {
        transform: none;
        white-space: nowrap
    }
    .download__title {
        margin-left: 1.12em
    }
    .download__button {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media screen and (max-width:767px) {
    .download__item .inner {
        flex-direction: column;
        align-items: flex-start
    }
    .download__num {
        display: none
    }
    .download__title {
        margin-bottom: 1.2727em;
        margin-left: 0
    }
    .download__button {
        position: static;
        transform: none
    }
    .insight-news__slider-row {
        row-gap: 0
    }
}

.insight-news__slider-image .swiper-wrapper {
    padding-top: 62.52%;
    transform: none !important
}

.insight-news__slider-image .swiper-wrapper .swiper-slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    transform-origin: center;
    opacity: 1 !important
}

.insight-news__slider-scrollreveal {
    display: block
}

.insight-news__slider .image_wrapper {
    aspect-ratio: 16/10;
    overflow: hidden
}

.insight-news__slider-content {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: .4167vw 0 .4167vw 2.7083vw;
    height: 100%
}

@media screen and (max-width:1024px) {
    .insight-news__slider-content {
        padding: 0 0 0 .7813vw
    }
}

@media screen and (max-width:767px) {
    .insight-news__slider-content {
        padding: 0
    }
}

.insight-news__slider-category {
    color: #254ec9
}

@media screen and (max-width:767px) {
    .insight-news__slider-category {
        padding-top: 1.33em
    }
}

.insight-news__slider-title {
    padding-top: .4118em;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media screen and (max-width:1024px) {
    .insight-news__slider-title {
        padding-top: .5em
    }
}

@media screen and (max-width:767px) {
    .insight-news__slider-title {
        padding-top: .6em
    }
}

.insight-news__slider-text {
    padding-top: .8em;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.insight-news__slider-date {
    display: block;
    padding-top: 1.333em;
    color: #888
}

.insight-news__slider-navigation {
    display: flex;
    gap: 1.77em;
    align-items: center;
    line-height: 100%;
    letter-spacing: -.02em;
    font-size: clamp(1.1rem, .9375vw, 2.2rem)
}

.insight-news__slider-navigation .swiper-pagination-fraction {
    width: auto
}

.insight-news__slider-navigation--hidden {
    display: none
}

@media screen and (max-width:1024px) {
    .insight-news__slider-navigation {
        font-size: max(1.4648vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .insight-news__slider-navigation {
        font-size: clamp(1.3rem, 3.5897vw, 1.4rem)
    }
}

.insight-news__slider-navigation-button[disabled] {
    cursor: default;
    opacity: .3
}

.insight-news__slider-navigation-button svg {
    width: 1.8125em
}

.insight-news__slider-navigation-counter {
    display: flex;
    gap: .444em;
    align-items: center
}

.insight-news__slider-navigation-counter span {
    min-width: 1.21em
}

.insight-news__slider-navigation-counter svg {
    width: .375em;
    height: .875em
}

@media screen and (max-width:1024px) {
    .insight-news__slider-navigation {
        gap: 1.066em;
        margin-top: 2.857em
    }
    .insight-news__slider-navigation-button svg {
        width: 1.5em
    }
    .insight-news__slider-navigation-counter {
        gap: .375em
    }
}

.insight-news .swiper-pagination-current,
.insight-news .swiper-pagination-total {
    font-size: clamp(1.1rem, .9375vw, 2.2rem)
}

@media screen and (max-width:1024px) {
    .insight-news .swiper-pagination-current,
    .insight-news .swiper-pagination-total {
        font-size: max(1.4648vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .insight-news .swiper-pagination-current,
    .insight-news .swiper-pagination-total {
        font-size: clamp(1.3rem, 3.5897vw, 1.4rem)
    }
}

.tab-search-bar {
    height: min-content;
    align-items: flex-end;
    margin: 0 max(2.9167vw, 3.2rem);
    max-width: 256rem;
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

@media screen and (max-width:1024px) {
    .tab-search-bar {
        margin: 0 3.9063vw;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .tab-search-bar {
        margin: 0;
        row-gap: 0;
        border-bottom: 0
    }
}

.tab-search-bar__col {
    display: flex;
    justify-content: flex-end
}

.tab-search-bar__search {
    position: absolute;
    right: 0
}

@media screen and (max-width:767px) {
    .tab-search-bar__dt {
        padding: 0 20px;
        overflow-x: auto;
    }
}

.tab-search-bar__mobile {
    display: none
}

@media screen and (max-width:767px) {
    .tab-search-bar__mobile {
        display: block;
        width: 100%
    }
}

[lang=ko] .news-ko {
    display: none
}

.detail__col {
    padding: 0 2.1354vw
}

@media screen and (max-width:1024px) {
    .detail__col {
        padding: 0
    }
}

.detail__type {
    margin-bottom: .6667em;
    color: #254ec9
}

@media screen and (max-width:1024px) {
    .detail__type {
        margin-bottom: .9091em
    }
}

@media screen and (max-width:767px) {
    .detail__type {
        margin-bottom: .9412em
    }
}

.detail__image-wrapper {
    aspect-ratio: 16/10
}

.detail__image-footnotes {
    display: block;
    color: #888;
    text-align: center;
    margin-top: 1em
}

.detail__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.4583vw;
    height: 1.4583vw
}

@media screen and (max-width:1024px) {
    .detail__button {
        width: 2.8rem;
        height: 2.8rem
    }
}

.detail__button svg {
    width: 100%;
    height: 100%
}

.detail__date {
    display: flex;
    align-items: center;
    color: #888
}

.detail__date-wrapper {
    display: flex;
    gap: .7778em;
    font-size: clamp(1.1rem, .9375vw, 2.2rem)
}

@media screen and (max-width:1024px) {
    .detail__date-wrapper {
        gap: .6667em;
        font-size: max(1.4648vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .detail__date-wrapper {
        gap: .5714em;
        font-size: clamp(1.3rem, 3.5897vw, 1.4rem)
    }
}

.detail__headline {
    margin-bottom: .5926em
}

.detail__headline-wrapper {
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

@media screen and (max-width:1024px) {
    .detail__headline {
        margin-bottom: .4348em
    }
}

@media screen and (max-width:767px) {
    .detail__headline {
        margin-bottom: .4706em
    }
}

.detail__date-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.detail__summary-list {
    display: flex;
    gap: .6667em;
    flex-direction: column;
    padding: 1.7778em 1.3333em;
    background-color: #f5f5f5;
    font-size: clamp(1.1rem, .9375vw, 2.3rem)
}

@media screen and (max-width:1024px) {
    .detail__summary-list {
        gap: .75em;
        padding: 2em 1.5em;
        font-size: max(1.5625vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .detail__summary-list {
        gap: .8em;
        padding: 1.6em 1.0667em;
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem)
    }
}

.detail__summary-item {
    display: flex
}

.detail__item-text {
    flex: 1 1;
    margin-left: 1rem
}

.detail__navigator {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.detail__navigator-wrapper {
    border-top: 1px solid rgba(0, 0, 0, .3)
}

.detail__move {
    display: flex;
    gap: .8889em;
    align-items: center;
    font-size: clamp(1.1rem, .9375vw, 2.2rem);
    cursor: pointer
}

.detail__move[aria-disabled=true] {
    cursor: default;
    opacity: 0
}

@media screen and (max-width:1024px) {
    .detail__move {
        gap: 1.0667em;
        font-size: max(1.4648vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .detail__move {
        gap: 0
    }
}

.detail__icon {
    flex-shrink: 0;
    width: 2.8rem;
    height: 2.2917vw
}

@media screen and (max-width:1024px) {
    .detail__icon {
        height: 3.7109vw
    }
}

@media screen and (max-width:767px) {
    .detail__icon {
        height: 9.7436vw
    }
}

.detail__label {
    display: inline-block;
    white-space: nowrap
}

@media screen and (max-width:767px) {
    .detail__label {
        display: none
    }
}

.detail__content-body {
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -.36px
}

.detail__content-body h1 {
    font-size: clamp(1.6rem, 1.4583vw, 3.5rem);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .detail__content-body h1 {
        font-size: max(2.2461vw, 1.9rem)
    }
}

@media screen and (max-width:767px) {
    .detail__content-body h1 {
        font-size: clamp(1.7rem, 5.1282vw, 2.3rem)
    }
}

.detail__content-body h2 {
    font-size: clamp(1.4rem, 1.25vw, 3rem);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .detail__content-body h2 {
        font-size: max(2.1484vw, 1.8rem)
    }
}

@media screen and (max-width:767px) {
    .detail__content-body h2 {
        font-size: clamp(1.5rem, 4.6154vw, 2rem)
    }
}

.detail__content-body h3 {
    font-size: clamp(1.3rem, 1.1458vw, 2.6rem);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .detail__content-body h3 {
        font-size: max(1.7578vw, 1.6rem)
    }
}

@media screen and (max-width:767px) {
    .detail__content-body h3 {
        font-size: clamp(1.5rem, 4.359vw, 1.8rem)
    }
}

.detail__content-body h4 {
    font-size: clamp(1.2rem, 1.0417vw, 2.5rem);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .detail__content-body h4 {
        font-size: max(1.6602vw, 1.5rem)
    }
}

@media screen and (max-width:767px) {
    .detail__content-body h4 {
        font-size: clamp(1.4rem, 4.1026vw, 1.7rem)
    }
}

.detail__content-body li,
.detail__content-body p {
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .detail__content-body li,
    .detail__content-body p {
        font-size: max(1.5625vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .detail__content-body li,
    .detail__content-body p {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem)
    }
}

.detail__content-body strong {
    font-weight: 700
}

.detail__content-body ul {
    list-style-type: disc
}

.detail__content-body ol {
    padding-left: 1em;
    list-style-type: decimal
}

.detail__content-body table {
    border-collapse: collapse
}

.detail__content-body table td,
.detail__content-body table th {
    padding: 1px 5px;
    border: 1px solid rgba(0, 0, 0, .3)
}

.detail__content-body sup {
    vertical-align: super;
    font-size: smaller
}

.detail__content-body sub {
    vertical-align: sub;
    font-size: smaller
}

.detail__content-body iframe {
    max-width: 100%
}

.download-preview {
    background-color: #f5f5f5;
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    padding: 1.3333em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: .1rem solid rgba(0, 0, 0, .1)
}

.download-preview:last-child {
    border-bottom: 0
}

@media screen and (max-width:1024px) {
    .download-preview {
        font-size: max(1.5625vw, 1.4rem);
        padding: 1.25em 1.5em
    }
}

@media screen and (max-width:767px) {
    .download-preview {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem);
        flex-direction: column;
        align-items: flex-start;
        gap: 1.0667em
    }
}

.download-preview__file-icon-wrapper {
    flex-shrink: 0;
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    margin-right: .4444em;
    width: 1.1111em;
    height: 1.1111em
}

@media screen and (max-width:1024px) {
    .download-preview__file-icon-wrapper {
        font-size: max(1.5625vw, 1.4rem);
        margin-right: .5em;
        width: 1.5em;
        height: 1.5em
    }
}

@media screen and (max-width:767px) {
    .download-preview__file-icon-wrapper {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem);
        margin-right: .2667em;
        width: 2rem;
        height: 2rem
    }
}

.download-preview__file-icon {
    width: 100%;
    height: 100%
}

.download-preview__file-name {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.download-preview__file-wrapper,
.download-preview__label-wrapper,
.download-preview__preview-wrapper {
    display: flex;
    align-items: center
}

.download-preview__label-text {
    color: #888
}

.download-preview__line-icon {
    font-size: clamp(1.1rem, .9375vw, 2.2rem);
    margin: 0 .6667em
}

@media screen and (max-width:1024px) {
    .download-preview__line-icon {
        font-size: max(1.4648vw, 1.4rem);
        margin: 0 1.0667em
    }
}

@media screen and (max-width:767px) {
    .download-preview__line-icon {
        font-size: clamp(1.3rem, 3.5897vw, 1.4rem);
        margin: 0 .8571em
    }
}

.download-preview__preview-icon-wrapper {
    font-size: clamp(1.1rem, .9375vw, 2.2rem);
    width: 1.1111em;
    height: 1.1111em;
    margin-left: .2778em;
    color: #888
}

@media screen and (max-width:1024px) {
    .download-preview__preview-icon-wrapper {
        font-size: max(1.4648vw, 1.4rem);
        width: 2.4rem;
        height: 2.4rem;
        margin-left: .2667em
    }
}

@media screen and (max-width:767px) {
    .download-preview__preview-icon-wrapper {
        font-size: clamp(1.3rem, 3.5897vw, 1.4rem);
        width: 1.6rem;
        height: 1.6rem;
        margin-left: .1333em
    }
}

.sub-headline__dark {
    color: #fff;
    background-color: #080a12
}

.sub-headline__light {
    color: #000;
    background-color: #fff
}

.fund-numbers {
    display: flex;
    font-size: clamp(2.2rem, 2.0833vw, 5rem);
    column-gap: 1.2em
}

@media screen and (max-width:1024px) {
    .fund-numbers {
        font-size: max(2.9297vw, 2.5rem);
        column-gap: 1.3333em
    }
}

@media screen and (max-width:767px) {
    .fund-numbers {
        display: grid;
        font-size: clamp(2.2rem, 6.4103vw, 3rem);
        grid-column-gap: min(3.0769vw, 2rem);
        column-gap: min(3.0769vw, 2rem);
        grid-row-gap: .64em;
        row-gap: .64em
    }
}

.fund-numbers__number-wrapper {
    display: flex;
    flex-direction: column;
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    gap: .1111em
}

@media screen and (max-width:1024px) {
    .fund-numbers__number-wrapper {
        gap: 0
    }
}

.fund-numbers__label {
    color: #888;
    width: -moz-fit-content;
    width: fit-content
}

.fund-numbers__suffix {
    margin-bottom: .1429em
}

@media screen and (max-width:1024px) {
    .fund-numbers__suffix {
        margin-bottom: .1304em;
        margin-bottom: .15em
    }
}

.fund-numbers__number-suffix-wrapper {
    display: flex;
    align-items: flex-end;
    width: -moz-fit-content;
    width: fit-content;
    gap: .075em;
    font-size: clamp(2.2rem, 2.0833vw, 5rem)
}

@media screen and (max-width:1024px) {
    .fund-numbers__number-suffix-wrapper {
        font-size: max(2.9297vw, 2.5rem);
        gap: .0667em
    }
}

@media screen and (max-width:767px) {
    .fund-numbers__number-suffix-wrapper {
        font-size: clamp(2.2rem, 6.4103vw, 3rem);
        gap: .08em
    }
}

.profile-content {
    padding: 0 min(2.9167vw, 7rem);
    max-height: 51rem
}

@media screen and (max-width:1024px) {
    .profile-content {
        padding: 0 3.9063vw;
        max-height: 44.3rem
    }
}

@media screen and (max-width:767px) {
    .profile-content {
        overflow-y: visible !important;
        padding: 0 min(5.1282vw, 3.6rem);
        height: auto
    }
}

.profile-content__title-wrapper {
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    padding-bottom: 1.3333em;
    border-bottom: .1rem solid rgba(0, 0, 0, .3)
}

@media screen and (max-width:1024px) {
    .profile-content__title-wrapper {
        font-size: max(1.5625vw, 1.4rem);
        padding-bottom: 1.25em
    }
}

@media screen and (max-width:767px) {
    .profile-content__title-wrapper {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem);
        padding-bottom: .8em
    }
}

[lang=ko] .profile-content__title-wrapper {
    display: flex;
    align-items: flex-end
}

.profile-content__body-wrapper {
    display: flex;
    align-items: center;
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    gap: .4444em
}

@media screen and (max-width:1024px) {
    .profile-content__body-wrapper {
        font-size: max(1.5625vw, 1.4rem);
        gap: .5em
    }
}

@media screen and (max-width:767px) {
    .profile-content__body-wrapper {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem);
        gap: .4em
    }
}

[lang=ko] .profile-content__body-wrapper {
    margin-left: 1.1111em
}

@media screen and (max-width:1024px) {
    [lang=ko] .profile-content__body-wrapper {
        margin-left: 1em
    }
}

@media screen and (max-width:767px) {
    [lang=ko] .profile-content__body-wrapper {
        margin-left: .8em
    }
}

[lang=en] .profile-content__body-wrapper {
    margin-top: .4444em
}

@media screen and (max-width:1024px) {
    [lang=en] .profile-content__body-wrapper {
        margin-top: .5em
    }
}

@media screen and (max-width:767px) {
    [lang=en] .profile-content__body-wrapper {
        flex-direction: column;
        align-items: flex-start;
        margin-top: .5333em;
        gap: .1333em
    }
}

.profile-content__contents {
    width: 100%;
    display: flex;
    padding-top: 2.2222em;
    gap: 1.5556em;
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    max-height: calc(14.6875vw + min(2.9167vw, 7rem))
}

@media screen and (max-width:1024px) {
    .profile-content__contents {
        font-size: max(1.5625vw, 1.4rem);
        padding-top: 2em;
        gap: 1.25em;
        max-height: calc(26.3672vw + min(2.9167vw, 7rem))
    }
}

@media screen and (max-width:767px) {
    .profile-content__contents {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem);
        padding-top: 1.6em;
        gap: 1.6em;
        flex-direction: column;
        max-height: 64rem
    }
}

.profile-content__info-wrapper {
    display: flex;
    flex-direction: column;
    overflow-y: auto !important;
    max-height: 28.2rem
}

@media screen and (max-width:1024px) {
    .profile-content__info-wrapper {
        max-height: 27rem
    }
}

@media screen and (max-width:767px) {
    .profile-content__info-wrapper {
        overflow-y: visible !important;
        max-height: auto
    }
}

.profile-content__category {
    font-weight: 500;
    color: #000;
    padding-bottom: 1.1111em;
    white-space: nowrap
}

@media screen and (max-width:1024px) {
    .profile-content__category {
        padding-bottom: 1em
    }
}

@media screen and (max-width:767px) {
    .profile-content__category {
        padding-bottom: 0
    }
}

[lang=ko] .profile-content__category {
    padding-right: 1.7778em
}

@media screen and (max-width:1024px) {
    [lang=ko] .profile-content__category {
        padding-right: 1.75em
    }
}

@media screen and (max-width:767px) {
    [lang=ko] .profile-content__category {
        padding-right: 0
    }
}

[lang=en] .profile-content__category {
    padding-right: 1.3333em
}

@media screen and (max-width:1024px) {
    [lang=en] .profile-content__category {
        padding-right: 1.25em
    }
}

@media screen and (max-width:767px) {
    [lang=en] .profile-content__category {
        padding-right: 0
    }
    .profile-content__info {
        display: flex;
        flex-direction: column;
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem);
        padding-bottom: 1.0667em;
        gap: .8rem
    }
}

.profile-content__description {
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    padding-bottom: 1.1111em
}

@media screen and (max-width:1024px) {
    .profile-content__description {
        font-size: max(1.5625vw, 1.4rem);
        padding-bottom: 1em
    }
}

@media screen and (max-width:767px) {
    .profile-content__description {
        padding-bottom: 0
    }
}

.profile-content__image-wrapper {
    flex-shrink: 0;
    width: 14.6875vw;
    height: 14.6875vw
}

@media screen and (max-width:1024px) {
    .profile-content__image-wrapper {
        width: 26.3672vw;
        height: 26.3672vw
    }
}

@media screen and (max-width:767px) {
    .profile-content__image-wrapper {
        width: 100%;
        height: 89.7436vw
    }
    .profile-content__non-mobile {
        display: none
    }
}

.email {
    padding: 0 min(2.9167vw, 7rem);
    max-height: calc(100vh - min(5vw, 12rem)*2 - min(2.9167vw, 7rem)*2);
    color: #000;
    overflow-y: auto !important
}

@media screen and (max-width:1024px) {
    .email {
        max-height: calc(100vh - min(5vw, 12rem)*2 - 7.8126vw);
        padding: 0 3.9063vw
    }
}

@media screen and (max-width:767px) {
    .email {
        height: auto;
        overflow-y: visible !important;
        padding: 0 min(5.1282vw, 3.6rem)
    }
}

.email__title {
    padding-bottom: .75em;
    border-bottom: .1rem solid rgba(0, 0, 0, .3)
}

.email__sub-title {
    padding-top: 2em;
    padding-bottom: 1.6em
}

.email__text-items {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    color: #333
}

.portal {
    padding: 0 min(2.9167vw, 7rem);
    max-height: calc(100vh - min(5vw, 12rem)*2 - min(2.9167vw, 7rem)*2);
    color: #000;
    overflow-y: auto !important
}

@media screen and (max-width:1024px) {
    .portal {
        max-height: calc(100vh - min(5vw, 12rem)*2 - 7.8126vw);
        padding: 0 3.9063vw
    }
}

@media screen and (max-width:767px) {
    .portal {
        height: auto;
        overflow-y: visible !important;
        padding: 0 min(5.1282vw, 3.6rem);
        width: 100%
    }
}

.portal__title {
    padding-bottom: .75em;
    border-bottom: .1rem solid rgba(0, 0, 0, .3)
}

.portal__sub-title-first {
    padding-top: 2em;
    padding-bottom: .8em
}

.portal__sub-title {
    padding-bottom: .8em;
    padding-top: 1.6em
}

.portal__text-items {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    color: #333
}

.portal__button-wrapper {
    display: flex;
    gap: 1.6rem;
    margin-bottom: 1.2rem
}

@media screen and (max-width:767px) {
    .portal__button-wrapper {
        flex-direction: column
    }
}

.portal__label {
    color: #888
}

.portal__gray-text {
    color: #333
}

.portal__body-title {
    color: #000;
    padding-bottom: .4444em
}

.portal__link {
    color: #0070ff
}

.portal__flex-wrapper-6 {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    color: #333
}

.portal__flex-wrapper-16 {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

.credit-info {
    padding: 0 min(2.9167vw, 7rem);
    max-height: calc(100vh - min(5vw, 12rem)*2 - min(2.9167vw, 7rem)*2);
    color: #000;
    overflow-y: auto !important
}

@media screen and (max-width:1024px) {
    .credit-info {
        max-height: calc(100vh - min(5vw, 12rem)*2 - 7.8126vw);
        padding: 0 3.9063vw
    }
}

@media screen and (max-width:767px) {
    .credit-info {
        height: auto;
        overflow-y: visible !important;
        padding: 0 min(5.1282vw, 3.6rem)
    }
}

.credit-info__title {
    padding-bottom: .75em;
    border-bottom: .1rem solid rgba(0, 0, 0, .3)
}

.credit-info__sub-title {
    padding-bottom: .8em
}

.credit-info__main-text {
    padding-top: 2em;
    padding-bottom: 1.6em
}

.credit-info__sub-text {
    padding-bottom: .4444em
}

.credit-info__info-wrapper {
    padding-bottom: 3.2rem
}

.credit-info__info-wrapper:last-child {
    padding-bottom: 0
}

.credit-info__flex-wrapper-6 {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    color: #333
}

.credit-info__flex-wrapper-16 {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    padding-bottom: 3.2rem
}

.credit-info__gray-text {
    color: #333
}

.personal {
    padding: 0 min(2.9167vw, 7rem);
    max-height: calc(100vh - min(5vw, 12rem)*2 - min(2.9167vw, 7rem)*2);
    overflow-y: auto !important
}

@media screen and (max-width:1024px) {
    .personal {
        max-height: calc(100vh - min(5vw, 12rem)*2 - 7.8126vw);
        padding: 0 3.9063vw
    }
}

@media screen and (max-width:767px) {
    .personal {
        height: auto;
        padding: 0 min(5.1282vw, 3.6rem)
    }
}

.personal__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: clamp(1.8rem, 1.6667vw, 4rem);
    padding-bottom: .75em;
    border-bottom: .1rem solid rgba(0, 0, 0, .3)
}

@media screen and (max-width:1024px) {
    .personal__head {
        font-size: max(2.4414vw, 2.1rem);
        padding-bottom: .8em
    }
}

@media screen and (max-width:767px) {
    .personal__head {
        font-size: clamp(1.9rem, 5.641vw, 2.5rem);
        padding-bottom: .5455em
    }
}

.personal__drop-wrapper {
    z-index: 1;
    font-size: clamp(1.8rem, 1.6667vw, 4rem);
    min-width: 5.375em
}

@media screen and (max-width:1024px) {
    .personal__drop-wrapper {
        font-size: max(2.4414vw, 2.1rem);
        min-width: 5.6em
    }
}

@media screen and (max-width:767px) {
    .personal__drop-wrapper {
        font-size: clamp(1.9rem, 5.641vw, 2.5rem);
        min-width: 6.3636em
    }
}

.personal-version {
    color: #000
}

.personal-version__main-text {
    padding-top: 2em;
    padding-bottom: 1.6em
}

.personal-version__info-wrapper {
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    padding-bottom: 1.7778em
}

@media screen and (max-width:1024px) {
    .personal-version__info-wrapper {
        font-size: max(1.5625vw, 1.4rem);
        padding-bottom: 1.75em
    }
}

@media screen and (max-width:767px) {
    .personal-version__info-wrapper {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem);
        padding-bottom: 1.8667em
    }
}

.personal-version__info-wrapper:last-child {
    padding-bottom: 0
}

.personal-version__sub-title {
    padding-bottom: .8em
}

@media screen and (max-width:1024px) {
    .personal-version__sub-title {
        padding-bottom: .9412em
    }
}

@media screen and (max-width:767px) {
    .personal-version__sub-title {
        padding-bottom: 1em
    }
}

.personal-version__sub-text {
    padding-bottom: .4444em
}

@media screen and (max-width:1024px) {
    .personal-version__sub-text {
        padding-bottom: .5em
    }
}

@media screen and (max-width:767px) {
    .personal-version__sub-text {
        padding-bottom: .5333em
    }
}

.personal-version__flex-wrapper-6 {
    display: flex;
    flex-direction: column;
    gap: .3333em;
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    color: #333
}

@media screen and (max-width:1024px) {
    .personal-version__flex-wrapper-6 {
        font-size: max(1.5625vw, 1.4rem);
        gap: .375em
    }
}

@media screen and (max-width:767px) {
    .personal-version__flex-wrapper-6 {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem);
        gap: .4em
    }
}

.personal-version__flex-wrapper-16 {
    display: flex;
    flex-direction: column;
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    gap: .8889em;
    padding-bottom: 1.7778em
}

@media screen and (max-width:1024px) {
    .personal-version__flex-wrapper-16 {
        font-size: max(1.5625vw, 1.4rem);
        gap: 1em;
        padding-bottom: 1.75em
    }
}

@media screen and (max-width:767px) {
    .personal-version__flex-wrapper-16 {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem);
        gap: 1.0667em;
        padding-bottom: 1.8667em
    }
}

.personal-version__gray-text {
    color: #333
}

.product-side-bar {
    display: flex;
    flex-direction: column;
    font-size: clamp(1.4rem, 1.25vw, 3rem);
    gap: .4167em;
    position: -webkit-sticky;
    position: sticky;
    top: 10rem
}

.product-side-bar-label {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: .4167em;
    color: rgba(0, 0, 0, .3);
    transition: color .3s ease
}

.product-side-bar-label__icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(1.4rem, 1.25vw, 3rem);
    width: 0;
    height: .6667em;
    transition: width .3s ease
}

.product-side-bar-label__icon {
    color: #254ec9;
    opacity: 0;
    width: 100%;
    height: 100%
}

.product-side-bar-label--active {
    color: #000
}

.product-side-bar-label--active .product-side-bar-label__icon-wrapper {
    width: .6667em
}

.product-side-bar-label--active .product-side-bar-label__icon {
    display: inline-flex;
    opacity: 1;
    color: #254ec9
}

.tablet-row {
    height: 100%
}

@media screen and (max-width:1024px) {
    .tablet-row {
        display: flex;
        gap: 1.9531vw
    }
}

@media screen and (max-width:767px) {
    .tablet-row {
        display: grid;
        grid-gap: min(3.0769vw, 2rem);
        gap: min(3.0769vw, 2rem)
    }
}

.tablet-row__col {
    height: 100%
}

@media screen and (max-width:1024px) {
    .tablet-row__col--cost {
        flex: 1.5 1
    }
    .tablet-row__col--reward {
        flex: 1 1
    }
}

.charge-content {
    background-color: #f5f5f5;
    height: 100%;
    display: flex;
    flex-direction: column
}

.charge-content__title {
    height: 2.25em;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #254ec9;
    color: #fff
}

@media screen and (max-width:1024px) {
    .charge-content__title {
        height: 2.25em
    }
}

@media screen and (max-width:767px) {
    .charge-content__title {
        height: 2.4545em
    }
}

.charge-content__subtitle {
    text-align: center;
    color: #254ec9
}

.charge-content__descriptions {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 2.9167vw;
    gap: 1.6667vw
}

@media screen and (max-width:1024px) {
    .charge-content__descriptions {
        padding: 2.3438vw;
        gap: 1.5625vw
    }
}

@media screen and (max-width:767px) {
    .charge-content__descriptions {
        flex-direction: column;
        padding: 6.1538vw 8.2051vw;
        gap: 4.6154vw
    }
}

.charge-content__bodytexts {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .6667em;
    flex: 1 0;
    padding: 1.4583vw 0
}

@media screen and (max-width:1024px) {
    .charge-content__bodytexts {
        gap: .3636em;
        padding: 0 2.4414vw
    }
    .charge-content__bodytexts:first-child {
        padding: .4883vw 2.4414vw
    }
}

@media screen and (max-width:767px) {
    .charge-content__bodytexts {
        padding: 0;
        gap: 0
    }
}

.charge-content__divider {
    width: .0521vw;
    height: 5.2083vw;
    background-color: rgba(0, 0, 0, .1)
}

@media screen and (max-width:1024px) {
    .charge-content__divider {
        width: .0977vw;
        height: 9.7656vw
    }
}

@media screen and (max-width:767px) {
    .charge-content__divider {
        display: none
    }
}

.reward-content {
    background-color: #f5f5f5;
    height: 100%;
    display: flex;
    flex-direction: column
}

.reward-content__title {
    height: 2.25em;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #254ec9;
    color: #fff
}

@media screen and (max-width:1024px) {
    .reward-content__title {
        height: 2.25em
    }
}

@media screen and (max-width:767px) {
    .reward-content__title {
        height: 2.4545em
    }
}

.reward-content__subtitle {
    text-align: center;
    color: #254ec9
}

.reward-content__descriptions {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.6667vw 2.9167vw;
    gap: 1.1111em
}

@media screen and (max-width:1024px) {
    .reward-content__descriptions {
        padding: 2.3438vw 3.9063vw;
        gap: 1em
    }
}

@media screen and (max-width:767px) {
    .reward-content__descriptions {
        padding: 6.1538vw 8.2051vw;
        gap: .8em
    }
}

.reward-content__list {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    row-gap: .3333em
}

@media screen and (max-width:1024px) {
    .reward-content__list {
        font-size: max(1.5625vw, 1.4rem);
        row-gap: .375em
    }
}

@media screen and (max-width:767px) {
    .reward-content__list {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem);
        row-gap: .4em
    }
}

.reward-content__list li {
    display: flex;
    flex: 1 0 auto;
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    column-gap: .8333em
}

@media screen and (max-width:1024px) {
    .reward-content__list li {
        font-size: max(1.5625vw, 1.4rem);
        column-gap: 1.125em
    }
}

@media screen and (max-width:767px) {
    .reward-content__list li {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem);
        column-gap: .9333em
    }
}

.reward-content__list li p {
    text-align: left
}

.reward-content__list li p:last-child {
    flex: 1 0 auto;
    width: 1px;
    font-weight: 500
}

.reward-content__list-item-wrapper {
    width: 100%;
    display: flex;
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    column-gap: 2.2222em
}

@media screen and (max-width:1024px) {
    .reward-content__list-item-wrapper {
        font-size: max(1.5625vw, 1.4rem);
        column-gap: 2.5em
    }
}

@media screen and (max-width:767px) {
    .reward-content__list-item-wrapper {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem);
        column-gap: 2.6667em
    }
}

.reward-content__list-item-wrapper li {
    flex: 1 0;
    width: 1px;
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    column-gap: .8333em
}

@media screen and (max-width:1024px) {
    .reward-content__list-item-wrapper li {
        font-size: max(1.5625vw, 1.4rem);
        column-gap: 1.125em
    }
}

@media screen and (max-width:767px) {
    .reward-content__list-item-wrapper li {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem);
        column-gap: .9333em
    }
}

.reward-content__list-item-wrapper li p {
    text-align: left
}

.reward-content__line-text {
    flex: 1 0 auto;
    width: 1px
}

.relative-source {
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    padding: 1.4583vw 2.0833vw
}

@media screen and (max-width:1024px) {
    .relative-source {
        flex-direction: column;
        padding: 2.3438vw 3.125vw
    }
}

@media screen and (max-width:767px) {
    .relative-source {
        padding: 6.1538vw
    }
}

.relative-source__button-wrapper {
    display: flex;
    flex: 1 1
}

@media screen and (max-width:1024px) {
    .relative-source__button-wrapper {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .relative-source__button-wrapper {
        flex-direction: column
    }
}

.relative-source__button {
    width: 100%;
    margin-right: .625vw
}

.relative-source__button:last-child {
    margin-right: 0
}

@media screen and (max-width:1024px) {
    .relative-source__button {
        margin-right: .7813vw
    }
    .relative-source__button:last-child {
        margin-right: 0
    }
}

@media screen and (max-width:767px) {
    .relative-source__button {
        margin-right: 0;
        margin-bottom: 2.0513vw
    }
    .relative-source__button:last-child {
        margin-bottom: 0
    }
}

.relative-source__icon {
    width: 2rem;
    height: 2rem
}

.relative-source__line {
    width: .1rem;
    height: 2.6rem;
    background-color: rgba(0, 0, 0, .15);
    margin-left: 2.0833vw;
    margin-right: 1.6667vw
}

@media screen and (max-width:1024px) {
    .relative-source__line {
        width: 100%;
        height: .1rem;
        margin: 2.3438vw 0
    }
}

@media screen and (max-width:767px) {
    .relative-source__line {
        margin: 5.1282vw 0
    }
}

.relative-source__year-selector {
    display: flex;
    gap: 1.25vw;
    align-items: center
}

@media screen and (max-width:1024px) {
    .relative-source__year-selector {
        width: 100%;
        gap: 2.3438vw
    }
}

@media screen and (max-width:767px) {
    .relative-source__year-selector {
        flex-direction: column;
        align-items: flex-start;
        gap: 2.0513vw
    }
}

.relative-source__dropbox {
    width: 13.5417vw
}

.relative-source__dropbox .dropbox__button .button .ssr-only,
.relative-source__dropbox .dropbox__button .button__text-hover>div,
.relative-source__dropbox .dropbox__button .button__text>div,
.relative-source__dropbox .dropbox__button .button__wrapper>div {
    white-space: nowrap
}

@media screen and (max-width:1024px) {
    .relative-source__dropbox {
        max-width: none;
        flex: 1 1
    }
}

@media screen and (max-width:767px) {
    .relative-source__dropbox {
        width: 100%
    }
}

.relative-source__report {
    white-space: nowrap
}

.product-details-popup {
    cursor: pointer;
    color: #888;
    border: .1rem solid hsla(0, 0%, 100%, .3);
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.product-details-popup__icon {
    width: .2rem;
    height: 1.05rem
}

@media screen and (max-width:1024px) {
    .product-details-popup__icon {
        width: .2rem;
        height: 1rem
    }
}

.notice-content {
    border-collapse: collapse;
    text-align: center;
    padding: 0 min(2.9167vw, 7rem);
    max-height: calc(100vh - min(5vw, 12rem)*2 - min(2.9167vw, 7rem)*2);
    overflow-y: auto !important
}

@media screen and (max-width:1024px) {
    .notice-content {
        max-height: calc(100dvh - min(5vw, 12rem)*2 - 7.8126vw);
        padding: 0 3.9063vw
    }
}

@media screen and (max-width:767px) {
    .notice-content {
        overflow-y: visible !important;
        height: auto;
        padding: 0 min(5.1282vw, 3.6rem)
    }
}

.notice-content__dt-table {
    display: table
}

@media screen and (max-width:767px) {
    .notice-content__dt-table {
        display: none
    }
}

.notice-content__mobile-table {
    display: none
}

@media screen and (max-width:767px) {
    .notice-content__mobile-table {
        display: table
    }
}

.notice-content__th {
    background-color: #f5f5f5;
    padding: 1.3rem 2rem;
    vertical-align: middle;
    border: .1rem solid #b2b2b2
}

.notice-content__th:first-child {
    border-left: 0
}

.notice-content__th:last-child {
    border-right: 0
}

.notice-content__td {
    padding: 1.3rem 2rem;
    border: .1rem solid #b2b2b2;
    vertical-align: middle;
    white-space: nowrap
}

.notice-content__td:first-child {
    border-left: 0
}

.notice-content__td:last-child {
    border-right: 0
}

.notice-content__head-button {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 1.1111em
}

@media screen and (max-width:1024px) {
    .notice-content__head-button {
        padding-bottom: .8889em
    }
}

@media screen and (max-width:767px) {
    .notice-content__head-button {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: .8889em;
        padding-bottom: .8889em
    }
}

.notice-content__head-label {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 1.25em
}

.notice-content__title {
    color: #000
}

.notice-content__label {
    color: #888
}

.search-section-insight__wrapper {
    padding-top: 2.9167vw
}

.search-section-insight__wrapper--nonpadding {
    padding-top: 0
}

@media screen and (max-width:1024px) {
    .search-section-insight__wrapper {
        padding-top: 3.9063vw
    }
    .search-section-insight__wrapper--nonpadding {
        padding-top: 0
    }
}

@media screen and (max-width:767px) {
    .search-section-insight__wrapper {
        padding-top: 10.2564vw
    }
    .search-section-insight__wrapper--nonpadding {
        padding-top: 0
    }
}

.search-section-insight__line {
    padding-bottom: 2.9167vw
}

@media screen and (max-width:1024px) {
    .search-section-insight__line {
        padding-bottom: 3.9063vw
    }
}

@media screen and (max-width:767px) {
    .search-section-insight__line {
        padding-bottom: 10.2564vw
    }
}

.search-section-insight__items {
    row-gap: min(2.9167vw, 7rem)
}

@media screen and (max-width:1024px) {
    .search-section-insight__items {
        row-gap: 3.9063vw
    }
}

@media screen and (max-width:767px) {
    .search-section-insight__items {
        row-gap: min(8.2051vw, 4rem)
    }
}

.search-section-insight__more {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.search-section-news-press__wrapper {
    padding-top: 2.9167vw
}

.search-section-news-press__wrapper--nonpadding {
    padding-top: 0
}

@media screen and (max-width:1024px) {
    .search-section-news-press__wrapper {
        padding-top: 3.9063vw
    }
    .search-section-news-press__wrapper--nonpadding {
        padding-top: 0
    }
}

@media screen and (max-width:767px) {
    .search-section-news-press__wrapper {
        padding-top: 10.2564vw
    }
    .search-section-news-press__wrapper--nonpadding {
        padding-top: 0
    }
}

.search-section-news-press__image-cards {
    row-gap: min(2.9167vw, 7rem)
}

@media screen and (max-width:1024px) {
    .search-section-news-press__image-cards {
        row-gap: 3.9063vw
    }
}

@media screen and (max-width:767px) {
    .search-section-news-press__image-cards {
        row-gap: min(8.2051vw, 4rem)
    }
}

.search-section-news-press__more {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.search-section-news-in__wrapper {
    padding-top: 2.9167vw
}

.search-section-news-in__wrapper--nonpadding {
    padding-top: 0
}

@media screen and (max-width:1024px) {
    .search-section-news-in__wrapper {
        padding-top: 3.9063vw
    }
    .search-section-news-in__wrapper--nonpadding {
        padding-top: 0
    }
}

@media screen and (max-width:767px) {
    .search-section-news-in__wrapper {
        padding-top: 10.2564vw
    }
    .search-section-news-in__wrapper--nonpadding {
        padding-top: 0
    }
}

.search-section-news-in__more {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.search-section-notice__count {
    color: #254ec9
}

.search-section-notice__row {
    row-gap: 0
}

.search-section-notice__title {
    padding-top: 1.1429em
}

@media screen and (max-width:1024px) {
    .search-section-notice__title {
        margin-bottom: 3.9063vw;
        padding-top: 0
    }
}

@media screen and (max-width:767px) {
    .search-section-notice__title {
        margin-bottom: 7.1795vw
    }
}

.search-section-notice__more {
    display: flex;
    flex-direction: column;
    align-items: center
}

.search-section-announcement__count {
    color: #254ec9
}

.search-section-announcement__row {
    row-gap: 0
}

.search-section-announcement__title {
    padding-top: 1.1429em
}

@media screen and (max-width:1024px) {
    .search-section-announcement__title {
        margin-bottom: 3.9063vw;
        padding-top: 0
    }
}

@media screen and (max-width:767px) {
    .search-section-announcement__title {
        margin-bottom: 7.1795vw
    }
}

.search-section-announcement__content {
    margin: 1.6em 0;
    font-size: clamp(1.2rem, 1.0417vw, 2.5rem)
}

.search-section-announcement__content--non-m {
    margin: 1.6em 0 0
}

@media screen and (max-width:1024px) {
    .search-section-announcement__content {
        margin: 1.7647em 0;
        font-size: max(1.6602vw, 1.5rem)
    }
    .search-section-announcement__content--non-m {
        margin: 1.7647em 0 0
    }
}

@media screen and (max-width:767px) {
    .search-section-announcement__content {
        margin: 2.5em 0 2em;
        font-size: clamp(1.4rem, 4.1026vw, 1.7rem)
    }
    .search-section-announcement__content--non-m {
        margin: 2.5em 0 0
    }
}

.search-section-announcement__content-title {
    margin-bottom: .5556em
}

@media screen and (max-width:1024px) {
    .search-section-announcement__content-title {
        margin-bottom: .6667em
    }
}

@media screen and (max-width:767px) {
    .search-section-announcement__content-title {
        margin-bottom: .2857em
    }
}

.search-section-announcement__content-row {
    row-gap: 0
}

.search-section-announcement__more {
    display: flex;
    flex-direction: column;
    align-items: center
}

.search-section-announcement__content-body {
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -.36px
}

.search-section-announcement__content-body h1 {
    font-size: clamp(1.6rem, 1.4583vw, 3.5rem);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .search-section-announcement__content-body h1 {
        font-size: max(2.2461vw, 1.9rem)
    }
}

@media screen and (max-width:767px) {
    .search-section-announcement__content-body h1 {
        font-size: clamp(1.7rem, 5.1282vw, 2.3rem)
    }
}

.search-section-announcement__content-body h2 {
    font-size: clamp(1.4rem, 1.25vw, 3rem);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .search-section-announcement__content-body h2 {
        font-size: max(2.1484vw, 1.8rem)
    }
}

@media screen and (max-width:767px) {
    .search-section-announcement__content-body h2 {
        font-size: clamp(1.5rem, 4.6154vw, 2rem)
    }
}

.search-section-announcement__content-body h3 {
    font-size: clamp(1.3rem, 1.1458vw, 2.6rem);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .search-section-announcement__content-body h3 {
        font-size: max(1.7578vw, 1.6rem)
    }
}

@media screen and (max-width:767px) {
    .search-section-announcement__content-body h3 {
        font-size: clamp(1.5rem, 4.359vw, 1.8rem)
    }
}

.search-section-announcement__content-body h4 {
    font-size: clamp(1.2rem, 1.0417vw, 2.5rem);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .search-section-announcement__content-body h4 {
        font-size: max(1.6602vw, 1.5rem)
    }
}

@media screen and (max-width:767px) {
    .search-section-announcement__content-body h4 {
        font-size: clamp(1.4rem, 4.1026vw, 1.7rem)
    }
}

.search-section-announcement__content-body li,
.search-section-announcement__content-body p {
    font-size: clamp(1.1rem, .9375vw, 2.3rem);
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -.02em
}

@media screen and (max-width:1024px) {
    .search-section-announcement__content-body li,
    .search-section-announcement__content-body p {
        font-size: max(1.5625vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .search-section-announcement__content-body li,
    .search-section-announcement__content-body p {
        font-size: clamp(1.3rem, 3.8462vw, 1.6rem)
    }
}

.search-section-announcement__content-body strong {
    font-weight: 700
}

.search-section-announcement__content-body ul {
    list-style-type: disc
}

.search-section-announcement__content-body ol {
    padding-left: 1em;
    list-style-type: decimal
}

.search-section-announcement__content-body table {
    border-collapse: collapse
}

.search-section-announcement__content-body table td,
.search-section-announcement__content-body table th {
    padding: 1px 5px;
    border: 1px solid rgba(0, 0, 0, .3)
}

.search-section-announcement__content-body sup {
    vertical-align: super;
    font-size: smaller
}

.search-section-announcement__content-body sub {
    vertical-align: sub;
    font-size: smaller
}

.search-section-announcement__content-body iframe {
    max-width: 100%
}

.no-search-result {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.6rem;
    padding: 10.4167vw 0 20.8333vw
}

@media screen and (max-width:1024px) {
    .no-search-result {
        gap: 1.2rem;
        padding: 19.5313vw 0 39.0625vw
    }
}

@media screen and (max-width:767px) {
    .no-search-result {
        gap: 1.6rem;
        padding: 16rem 0 32rem
    }
    .no-search-result__col {
        padding: 0 2rem
    }
}

.no-search-result--left {
    align-items: flex-start;
    text-align: start;
    font-size: clamp(1.4rem, 1.25vw, 3rem);
    padding: 1.3333em 0 20.8333vw;
    gap: 1.6rem
}

@media screen and (max-width:1024px) {
    .no-search-result--left {
        text-align: center;
        align-items: center;
        gap: 1.2rem;
        padding-top: 0;
        padding-bottom: 39.0625vw
    }
}

@media screen and (max-width:767px) {
    .no-search-result--left {
        gap: 1.6rem;
        padding: 2rem 0 32rem
    }
}

.no-search-result__row--left {
    display: flex
}

@media screen and (max-width:1024px) {
    .no-search-result__row--left {
        justify-content: center
    }
}

.no-search-result__title {
    color: #000
}

.no-search-result__body {
    color: #333
}

.notice-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto 0;
    padding: 1.4286em max(2.9167vw, 3.2rem);
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101;
    height: 4.2857em;
    background-color: #fff;
    font-size: clamp(.9rem, .7292vw, 2rem);
    line-height: 100%;
    letter-spacing: -.24px
}

@media screen and (max-width:1024px) {
    .notice-banner {
        gap: 1.6667em;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        padding: 2em 3.9063vw;
        height: 10.3333em;
        font-size: max(1.1719vw, 1.1rem)
    }
}

@media screen and (max-width:767px) {
    .notice-banner {
        gap: 1.6667em;
        padding: 1.6667em min(5.1282vw, 3.6rem);
        height: 9.6667em;
        font-size: clamp(1rem, 3.0769vw, 1.2rem)
    }
}

.notice-banner__content {
    display: flex;
    gap: 1.1429em;
    color: #000
}

@media screen and (max-width:1024px) {
    .notice-banner__content {
        gap: 1em;
        align-items: flex-start;
        flex-direction: column;
        margin-right: 0;
        text-align: center
    }
}

@media screen and (max-width:767px) {
    .notice-banner__content {
        gap: 1em
    }
}

.notice-banner__title {
    overflow: hidden;
    max-width: 23.2rem;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis
}

.notice-banner__title--unactive {
    cursor: default
}

@media screen and (max-width:1024px) {
    .notice-banner__title {
        max-width: max-content
    }
}

.notice-banner__body {
    max-width: 110.3rem;
    color: #333;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.notice-banner__body--unactive {
    cursor: default
}

@media screen and (max-width:1024px) {
    .notice-banner__body {
        max-width: max-content;
        text-align: left
    }
}

.notice-banner__close {
    border: none;
    background: none;
    cursor: pointer
}

.notice-banner__close .close-icon {
    display: block;
    color: #000;
    font-size: clamp(.9rem, .7292vw, 2rem);
    width: 1.4286em;
    height: 1.4286em
}

@media screen and (max-width:1024px) {
    .notice-banner__close .close-icon {
        width: 2rem;
        height: 2rem
    }
}

@media screen and (max-width:767px) {
    .notice-banner__close .close-icon {
        width: 1.6rem;
        height: 1.6rem
    }
}

.notice-banner__interactions {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

@media screen and (max-width:1024px) {
    .notice-banner__interactions {
        justify-content: space-between;
        width: 100%
    }
}

.notice-banner__slide {
    display: flex;
    font-size: clamp(.9rem, .7292vw, 2rem);
    gap: 1.4286em;
    align-items: center;
    flex-shrink: 0;
    width: max-content
}

@media screen and (max-width:1024px) {
    .notice-banner__slide {
        font-size: max(1.4648vw, 1.4rem);
        gap: 1.0667em
    }
}

@media screen and (max-width:767px) {
    .notice-banner__slide {
        font-size: clamp(1.3rem, 3.5897vw, 1.4rem);
        gap: 1.1429em
    }
}

.notice-banner__button {
    color: #000
}

.notice-banner__button[disabled] {
    color: rgba(0, 0, 0, .3);
    cursor: default
}

.notice-banner__button svg {
    width: 1em
}

@media screen and (max-width:1024px) {
    .notice-banner__button svg {
        width: .9655em
    }
}

.notice-banner__page {
    display: flex;
    flex-shrink: 0;
    width: max-content;
    font-size: clamp(.9rem, .7292vw, 2rem);
    white-space: nowrap;
    gap: .5714em
}

@media screen and (max-width:1024px) {
    .notice-banner__page {
        font-size: max(1.4648vw, 1.4rem);
        gap: .375em
    }
}

@media screen and (max-width:767px) {
    .notice-banner__page {
        font-size: clamp(1.3rem, 3.5897vw, 1.4rem)
    }
}

.notice-banner__page svg {
    width: .4286em;
    height: 1em
}

@media screen and (max-width:1024px) {
    .notice-banner__page svg {
        width: .3333em;
        height: .6667em
    }
}

@media screen and (max-width:767px) {
    .notice-banner__page svg {
        font-size: clamp(1.3rem, 3.5897vw, 1.4rem);
        width: .3571em;
        height: .7143em
    }
}

.notice-banner__divide {
    margin: 0 1.4286em;
    width: .15rem;
    height: 1.4rem;
    background-color: rgba(0, 0, 0, .3);
    font-size: clamp(.9rem, .7292vw, 2rem)
}

@media screen and (max-width:1024px) {
    .notice-banner__divide {
        display: none
    }
}

.notice-banner__actions {
    display: flex;
    align-items: center;
    gap: 2.2857em;
    flex-shrink: 0;
    font-size: clamp(.9rem, .7292vw, 2rem)
}

@media screen and (max-width:1024px) {
    .notice-banner__actions {
        gap: 1.3333em;
        font-size: max(1.1719vw, 1.1rem)
    }
}

@media screen and (max-width:767px) {
    .notice-banner__actions {
        gap: 1.3333em;
        font-size: clamp(1rem, 3.0769vw, 1.2rem)
    }
}

.notice-banner__checkbox {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.notice-banner__checkbox-input {
    border-color: rgba(0, 0, 0, .3);
    border-radius: .4rem
}

.notice-banner__checkbox-text {
    flex-shrink: 0;
    margin-left: .8rem
}

.notice-banner .sr-only {
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    position: absolute;
    width: 1px;
    height: 1px
}

.notice-banner .swiper {
    width: 100%
}

.notice-banner .swiper-pagination-current,
.notice-banner .swiper-pagination-total {
    font-size: clamp(.9rem, .7292vw, 2rem)
}

@media screen and (max-width:1024px) {
    .notice-banner .swiper-pagination-current,
    .notice-banner .swiper-pagination-total {
        font-size: max(1.4648vw, 1.4rem)
    }
}

@media screen and (max-width:767px) {
    .notice-banner .swiper-pagination-current,
    .notice-banner .swiper-pagination-total {
        font-size: clamp(1.3rem, 3.5897vw, 1.4rem)
    }
}

.header__wrapper:has(+.notice-banner) .header {
    font-size: clamp(.9rem, .7292vw, 2rem);
    top: 4.2857em
}

@media screen and (max-width:1024px) {
    .header__wrapper:has(+.notice-banner) .header {
        font-size: max(1.1719vw, 1.1rem);
        top: 10.3333em
    }
}

@media screen and (max-width:767px) {
    .header__wrapper:has(+.notice-banner) .header {
        font-size: clamp(1rem, 3.0769vw, 1.2rem);
        top: 9.6667em
    }
}

.header__wrapper:has(+.notice-banner) .side-menu {
    font-size: clamp(.9rem, .7292vw, 2rem);
    height: calc(100dvh - 4.2857em)
}

@media screen and (max-width:1024px) {
    .header__wrapper:has(+.notice-banner) .side-menu {
        font-size: max(1.1719vw, 1.1rem);
        height: calc(100dvh - 10.3333em)
    }
}

@media screen and (max-width:767px) {
    .header__wrapper:has(+.notice-banner) .side-menu {
        font-size: clamp(1rem, 3.0769vw, 1.2rem);
        height: calc(100dvh - 9.6667em)
    }
}

.fund__more {
    display: flex;
    justify-content: center
}

.period-dropbox {
    width: 100%
}

.senior__more {
    padding-top: min(3.3333vw, 8rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:1024px) {
    .senior__more {
        padding-top: 5.4688vw
    }
}

@media screen and (max-width:767px) {
    .senior__more {
        padding-top: min(10.2564vw, 5.2rem)
    }
}

.discover {
    background-color: #080a12;
    color: #ccc;
    margin-bottom: -1px;
    height: 41.6667vw
}

@media screen and (max-width:1024px) {
    .discover {
        height: auto
    }
}

.discover__row {
    row-gap: 0
}

.discover__headline {
    color: #fff
}

@media screen and (max-width:1024px) {
    .discover__headline {
        padding-bottom: 5.4688vw
    }
}

@media screen and (max-width:767px) {
    .discover__headline {
        padding-bottom: min(10.2564vw, 5.2rem)
    }
}

.discover__title {
    margin-top: .5em
}

@media screen and (max-width:1024px) {
    .discover__title {
        color: #fff
    }
}

.discover__description {
    opacity: 0;
    height: 0;
    padding-top: .8em
}

@media screen and (max-width:1024px) {
    .discover__description {
        opacity: 1 !important;
        height: auto !important;
        padding-top: .7059em !important
    }
}

@media screen and (max-width:767px) {
    .discover__description {
        padding-top: .75em !important;
        padding-bottom: 1.5em
    }
}

.discover__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: .1rem solid hsla(0, 0%, 100%, .3);
    padding: min(2.0833vw, 5rem) 0;
    row-gap: 0;
    column-gap: 0
}

@media screen and (max-width:1024px) {
    .discover__item {
        display: grid;
        grid-column-gap: 1.9531vw;
        column-gap: 1.9531vw;
        grid-template-columns: repeat(8, 1fr);
        padding: 3.125vw 0
    }
}

@media screen and (max-width:767px) {
    .discover__item {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        column-gap: min(3.0769vw, 2rem);
        padding: min(6.1538vw, 3.2rem) 0
    }
}

.discover__item:first-child {
    border-top: none
}

@media screen and (max-width:1024px) {
    .discover__item:first-child {
        border-top: .1rem solid hsla(0, 0%, 100%, .3)
    }
}

.discover__item:hover .discover__title {
    color: #3d6bff
}

@media screen and (max-width:1024px) {
    .discover__item:hover .discover__title {
        color: #fff
    }
}

.discover__text-wrapper {
    margin-right: 3.125vw
}

@media screen and (max-width:1024px) {
    .discover__text-wrapper {
        grid-column: auto/span 6;
        margin-right: 0
    }
}

.discover__grid-wrapper {
    flex-shrink: 0
}

@media screen and (max-width:1024px) {
    .discover__grid-wrapper {
        grid-column: auto/span 2
    }
}

@media screen and (min-width:768px)and (max-width:1024px) {
    .discover__button-wrapper {
        display: flex;
        justify-content: flex-end
    }
}