@charset "UTF-8";
* {
    color: #000000;
}

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

html {
    font-size: 10px; /* rem 단위 계산 기준을 10px로 설정 */
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-weight: 400;
}

/* common.css reset */
body {
    min-width: auto;
}
body.intro-scroll-lock, body.popup-open {
    overflow: hidden;
    touch-action: none;
}

div,
p,
span {
    letter-spacing: -0.5px;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    border-style: none;
}

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

button,
input,
select,
optgroup,
textarea {
    margin: 0;
    font-size: 100%;
    font-family: inherit;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset {
    border: 0;
}

legend {
    color: #000000;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
    line-height: 1;
}

caption,
hr,
legend {
    width: 0;
    height: 0;
    font-size: 1px;
    text-indent: -9999em;
    line-height: 0;
}

a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}

a:visited span {
    border: inherit;
}

main {
    display: block;
}

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
}

@supports (text-decoration-style: dotted) {
    abbr[title] {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted; /* 점선 밑줄을 지원하는 브라우저에서만 적용 */
    }
}
small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

button,
input {
    /* 1 */
    overflow: visible;
}

input[type=number] {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox의 스핀 버튼 제거 */
input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}

/* 포커스 상태 초기화 */
input[type=number]:focus {
    outline: none;
    box-shadow: none;
}

/*
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/*
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/*
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/*
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/*
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/*
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/*
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/*
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/*
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

.hide-txt {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 0;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    margin: -1px;
    padding: 0;
    border: 0;
}

@font-face {
    font-family: "Pretendard";
    src: url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Light.woff2) format("woff2"), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Light.woff) format("woff"), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Light.otf) format("opentype");
    font-weight: 300;
}
@font-face {
    font-family: "Pretendard";
    src: url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Regular.woff2) format("woff2"), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Regular.woff) format("woff"), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Regular.otf) format("opentype");
    font-weight: 400;
}
@font-face {
    font-family: "Pretendard";
    src: url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Medium.woff2) format("woff2"), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Medium.woff) format("woff"), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Medium.otf) format("opentype");
    font-weight: 500;
}
@font-face {
    font-family: "Pretendard";
    src: url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Bold.woff2) format("woff2"), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Bold.woff) format("woff"), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Bold.otf) format("opentype");
    font-weight: 600;
}
:root {
    --pre: "Pretendard";
}

[class^=ico-] {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@keyframes btn-pop {
    0% {
        transform: scale(1);
    }
    40% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes scroll-arrow-fade {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-30%, -30%);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(45deg) translate(30%, 30%);
    }
}
@keyframes particle-once {
    0%, 80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.report2026sd-wrap {
    width: 100%;
    max-width: 720px;
    margin: auto;
    position: relative;
}
.report2026sd-wrap div,
.report2026sd-wrap span,
.report2026sd-wrap p {
    font-family: var(--pre) !important;
    letter-spacing: -0.5px;
}
.report2026sd-wrap img {
    display: block;
    width: 100%;
}
.report2026sd-wrap .inner {
    width: 100%;
    height: 100%;
    max-width: 720px;
    margin: 0 auto;
    position: relative;
}
.report2026sd-wrap .h-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.report2026sd-wrap .section {
    position: relative;
    overflow: hidden;
}
.report2026sd-wrap .ico-copy {
    transition: opacity 0.6s ease, visibility 0.6s ease;
    z-index: 1;
    position: absolute;
    right: 2%;
    bottom: 2%;
    opacity: 0;
    visibility: hidden;
}
.report2026sd-wrap .ico-copy.is-visible {
    opacity: 1;
    visibility: visible;
}
.report2026sd-wrap .ico-copy-no {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/copy_no.png");
    width: calc(62px + 62 * (100vw - 720px) / 720);
    height: calc(287px + 287 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .ico-copy-no {
        width: 62px;
        height: 287px;
    }
}
.report2026sd-wrap .ico-copy-david {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/copy_david.png");
    width: calc(62px + 62 * (100vw - 720px) / 720);
    height: calc(287px + 287 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .ico-copy-david {
        width: 62px;
        height: 287px;
    }
}
.report2026sd-wrap .section-intro {
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 0;
}
.report2026sd-wrap .section-intro .top-area {
    padding: 2% 5%;
    position: absolute;
    top: 0%;
    width: 100%;
}
.report2026sd-wrap .section-intro .top-area .top-logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.report2026sd-wrap .section-intro .top-area .top-logo .logo {
    width: calc(278px + 278 * (100vw - 720px) / 720);
    height: calc(41px + 41 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section-intro .top-area .top-logo .logo {
        width: 278px;
        height: 41px;
    }
}
.report2026sd-wrap .section-intro .top-area .sound-area .sound-btn {
    position: relative;
    z-index: 2;
    display: block;
    width: calc(209px + 209 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section-intro .top-area .sound-area .sound-btn {
        width: 209px;
    }
}
.report2026sd-wrap .section-intro .top-area .sound-area .sound-btn {
    transition: transform 0.15s ease;
}
.report2026sd-wrap .section-intro .top-area .sound-area .sound-btn:active {
    transform: scale(0.94);
}
.report2026sd-wrap .section-intro .top-area .sound-area .sound-btn.on .sound-ico {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/sound_on.png");
}
.report2026sd-wrap .section-intro .top-area .sound-area .sound-btn .sound-ico {
    display: block;
    width: 100%;
    aspect-ratio: 209/100;
    background: url("https://cdn.gni.kr/assets/images/sd_report/2026/sound_off.png") no-repeat center/contain;
}
.report2026sd-wrap .section-intro .intro-inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.report2026sd-wrap .section-intro .intro-head {
    position: relative;
    padding: 14% 8% 12%;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(16px + 16 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section-intro .intro-head {
        gap: 16px;
    }
}
.report2026sd-wrap .section-intro .intro-title {
    position: absolute;
    top: -90%;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.report2026sd-wrap .section-intro .intro-title p {
    line-height: 1.5;
    font-weight: 700;
    color: #1f1f1f;
    font-size: calc(80px + 80 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section-intro .intro-title p {
        font-size: 80px;
    }
}
.report2026sd-wrap .section-intro .intro-title1 p {
    opacity: 0;
    filter: blur(10px);
}
.report2026sd-wrap .section-intro .intro-title2 {
    opacity: 0;
    visibility: hidden;
}
.report2026sd-wrap .section-intro .intro-title2 p {
    opacity: 0;
    filter: blur(10px);
}
.report2026sd-wrap .section-intro .intro-thumb {
    width: 25%;
    border-radius: calc(40px + 40 * (100vw - 720px) / 720);
    overflow: hidden;
    transform-origin: center center;
}
@media (min-width: 720px) {
    .report2026sd-wrap .section-intro .intro-thumb {
        border-radius: 40px;
    }
}
.report2026sd-wrap .section-expand {
    height: 100vh;
}
.report2026sd-wrap .section-expand .btn-dev {
    width: 87%;
    margin: 0 auto;
    position: absolute;
    bottom: 19%;
    left: 50%;
    transform: translateX(-50%);
}
.report2026sd-wrap .section-expand .btn-dev .ico-child {
    position: absolute;
    right: 0%;
    bottom: 0%;
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/btn_girl.webp");
    width: calc(150px + 150 * (100vw - 720px) / 720);
    height: calc(161px + 161 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section-expand .btn-dev .ico-child {
        width: 150px;
        height: 161px;
    }
}
.report2026sd-wrap .section-expand .expand-stage {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
}
.report2026sd-wrap .section-expand .scroll-area {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 12%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(6px + 6 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section-expand .scroll-area {
        gap: 6px;
    }
}
.report2026sd-wrap .section-expand .scroll-area span {
    display: block;
    width: calc(18px + 18 * (100vw - 720px) / 720);
    height: calc(18px + 18 * (100vw - 720px) / 720);
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    opacity: 0;
    animation: scroll-arrow-fade 1.6s ease-in-out infinite;
}
@media (min-width: 720px) {
    .report2026sd-wrap .section-expand .scroll-area span {
        width: 18px;
        height: 18px;
    }
}
.report2026sd-wrap .section-expand .scroll-area span:nth-child(1) {
    animation-delay: 0s;
}
.report2026sd-wrap .section-expand .scroll-area span:nth-child(2) {
    animation-delay: 0.3s;
}
.report2026sd-wrap .section-expand .scroll-area span:nth-child(3) {
    animation-delay: 0.6s;
}
.report2026sd-wrap .section-expand .expand-media-wrap {
    width: 25%;
    overflow: hidden;
    z-index: 2;
    will-change: transform, width, height, border-radius;
    transform: translateZ(0);
    position: relative;
    opacity: 0;
    visibility: hidden;
}
.report2026sd-wrap .section-expand .expand-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform;
}
.report2026sd-wrap .section-expand .expand-media-cover {
    opacity: 0;
}
.report2026sd-wrap .section-expand .expand-text-wrap {
    white-space: pre-wrap;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5));
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 3;
    opacity: 0;
    pointer-events: none;
}
.report2026sd-wrap .section-expand .expand-title {
    font-family: "scandia-line-web", sans-serif !important;
    color: #ffffff;
    font-size: calc(120px + 120 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section-expand .expand-title {
        font-size: 120px;
    }
}
.report2026sd-wrap .section-expand .expand-desc {
    margin-top: -2%;
    font-weight: 700;
    color: #ffffff;
    font-size: calc(32px + 32 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section-expand .expand-desc {
        font-size: 32px;
    }
}
.report2026sd-wrap .section2 {
    background: url("https://cdn.gni.kr/assets/images/sd_report/2026/bg2.png") no-repeat center/cover;
}
.report2026sd-wrap .section2 .inner {
    height: calc(1000px + 1000 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section2 .inner {
        height: 1000px;
    }
}
.report2026sd-wrap .section2 .title-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    background: url("https://cdn.gni.kr/assets/images/sd_report/2026/35th.webp") no-repeat center/cover;
    width: 100%;
    height: calc(362px + 362 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section2 .title-area {
        height: 362px;
    }
}
.report2026sd-wrap .section2 .title-area .tit1 {
    width: 43%;
    position: absolute;
    top: 22%;
}
.report2026sd-wrap .section2 .title-area .tit2 {
    width: 68%;
    position: absolute;
    top: 80%;
}
.report2026sd-wrap .section2 .guide-wrap {
    padding: 2% 8%;
}
.report2026sd-wrap .section2 .guide-wrap .label {
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(159px + 159 * (100vw - 720px) / 720);
    height: calc(50px + 50 * (100vw - 720px) / 720);
    background: #78a500;
    color: #fff;
    font-size: calc(26px + 26 * (100vw - 720px) / 720);
    border-radius: calc(50px + 50 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section2 .guide-wrap .label {
        border-radius: 50px;
        font-size: 26px;
        width: 159px;
        height: 50px;
    }
}
.report2026sd-wrap .section2 .guide-wrap .list {
    margin-top: 4%;
}
.report2026sd-wrap .section2 .guide-wrap .list li {
    padding-left: 10%;
    position: relative;
}
.report2026sd-wrap .section2 .guide-wrap .list li + li {
    margin-top: 5%;
}
.report2026sd-wrap .section2 .guide-wrap .list li span {
    line-height: 1.5;
    display: inline-block;
    margin-top: 0.1%;
    color: #2c4341;
    font-size: calc(30px + 30 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section2 .guide-wrap .list li span {
        font-size: 30px;
    }
}
.report2026sd-wrap .section2 .guide-wrap .list li p {
    margin-top: 2%;
    position: relative;
    padding-left: 3%;
}
.report2026sd-wrap .section2 .guide-wrap .list li p::before {
    content: "*";
    position: absolute;
    left: 0%;
    top: 2%;
}
.report2026sd-wrap .section2 .guide-wrap .list li p {
    color: #2c4341;
    font-size: calc(26px + 26 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section2 .guide-wrap .list li p {
        font-size: 26px;
    }
}
.report2026sd-wrap .section2 .guide-wrap .list li p .bold {
    font-weight: 700;
}
.report2026sd-wrap .section2 .guide-wrap .list li::before {
    position: absolute;
    left: 0%;
    top: 0%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    background: #78a500;
    font-size: calc(32px + 32 * (100vw - 720px) / 720);
    width: calc(45px + 45 * (100vw - 720px) / 720);
    height: calc(45px + 45 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section2 .guide-wrap .list li::before {
        width: 45px;
        height: 45px;
        font-size: 32px;
    }
}
.report2026sd-wrap .section2 .guide-wrap .list li:nth-child(1)::before {
    content: "1";
}
.report2026sd-wrap .section2 .guide-wrap .list li:nth-child(2) {
    margin: 0 -10%;
    padding: 0;
    background: url(https://cdn.gni.kr/assets/images/sd_report/2026/item_box.png) no-repeat center/cover;
    width: calc(680px + 680 * (100vw - 720px) / 720);
    height: calc(203px + 203 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section2 .guide-wrap .list li:nth-child(2) {
        width: 680px;
        height: 203px;
    }
}
.report2026sd-wrap .section2 .guide-wrap .list li:nth-child(3)::before {
    content: "2";
}
.report2026sd-wrap .section2 .guide-wrap .list .ico-zoom {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/zoom.png");
    width: calc(24px + 24 * (100vw - 720px) / 720);
    height: calc(26px + 26 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section2 .guide-wrap .list .ico-zoom {
        width: 24px;
        height: 26px;
    }
}
.report2026sd-wrap .section2 .guide-wrap .ico-gift {
    transform: translateY(19%);
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/gift.png");
    width: calc(28px + 28 * (100vw - 720px) / 720);
    height: calc(30px + 30 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section2 .guide-wrap .ico-gift {
        width: 28px;
        height: 30px;
    }
}
.report2026sd-wrap .section3 .item-wrap .item-col {
    padding: 12% 0% 0% 5%;
    /* 35주년 */
}
.report2026sd-wrap .section3 .item-wrap .item-col.col1 .img-area .popup-find {
    top: 50%;
    left: 30%;
}
.report2026sd-wrap .section3 .item-wrap .item-col.col1 .btn-item {
    bottom: 11%;
    left: 54%;
}
.report2026sd-wrap .section3 .item-wrap .item-col.col1 .btn-item img {
    width: calc(70px + 70 * (100vw - 720px) / 720);
    height: calc(55px + 55 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section3 .item-wrap .item-col.col1 .btn-item img {
        width: 70px;
        height: 55px;
    }
}
.report2026sd-wrap .section3 .item-wrap .item-col {
    /* 식수 */
}
.report2026sd-wrap .section3 .item-wrap .item-col.col4 .img-area .popup-find {
    top: 55%;
    left: 20%;
}
.report2026sd-wrap .section3 .item-wrap .item-col.col4 .btn-item {
    bottom: 5%;
    left: 62.5%;
}
.report2026sd-wrap .section3 .item-wrap .item-col.col4 .btn-item img {
    width: calc(60px + 60 * (100vw - 720px) / 720);
    height: calc(78px + 78 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section3 .item-wrap .item-col.col4 .btn-item img {
        width: 60px;
        height: 78px;
    }
}
.report2026sd-wrap .section3 .item-wrap .item-col.col4 .btn-item .ico-particle {
    left: -120%;
    top: -125%;
}
.report2026sd-wrap .section3 .item-wrap .item-col {
    /* 사과 */
}
.report2026sd-wrap .section3 .item-wrap .item-col.col5 .img-area .popup-find {
    top: 3%;
    left: 20%;
}
.report2026sd-wrap .section3 .item-wrap .item-col.col5 .btn-item {
    top: 12%;
    left: 76%;
}
.report2026sd-wrap .section3 .item-wrap .item-col.col5 .btn-item img {
    width: calc(86px + 86 * (100vw - 720px) / 720);
    height: calc(85px + 85 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section3 .item-wrap .item-col.col5 .btn-item img {
        width: 86px;
        height: 85px;
    }
}
.report2026sd-wrap .section3 .item-wrap .item-col.col5 .btn-item .ico-particle {
    left: -71%;
    top: -115%;
}
.report2026sd-wrap .section3 .item-wrap .item-col {
    /* 집 */
}
.report2026sd-wrap .section3 .item-wrap .item-col.col6 .img-area .popup-find {
    top: 41%;
    left: 14%;
}
.report2026sd-wrap .section3 .item-wrap .item-col.col6 .btn-item {
    top: 66%;
    left: 58%;
}
.report2026sd-wrap .section3 .item-wrap .item-col.col6 .btn-item img {
    width: calc(76px + 76 * (100vw - 720px) / 720);
    height: calc(76px + 76 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section3 .item-wrap .item-col.col6 .btn-item img {
        width: 76px;
        height: 76px;
    }
}
.report2026sd-wrap .section3 .item-wrap .item-col.col6 .btn-item .ico-particle {
    left: -80%;
    top: -113%;
}
.report2026sd-wrap .section3 .item-wrap .item-col {
    /* 도시락 */
}
.report2026sd-wrap .section3 .item-wrap .item-col.col7 {
    padding: 12% 0 12% 5%;
}
.report2026sd-wrap .section3 .item-wrap .item-col.col7 .img-area .popup-find {
    top: 36%;
    left: 39%;
}
.report2026sd-wrap .section3 .item-wrap .item-col.col7 .btn-item {
    /*top: 38%;*/
    /*left: 38%;*/
    top: 41%;
    left: 38%;
    width: calc(99px + 99 * (100vw - 720px) / 720);
    height: calc(75px + 75 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section3 .item-wrap .item-col.col7 .btn-item {
        width: 99px;
        height: 75px;
    }
}
.report2026sd-wrap .section3 .item-wrap .item-col.col7 .btn-item .ico-particle {
    left: -53%;
    top: -115%;
}
.report2026sd-wrap .section3 .item-wrap .label {
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.5% 6%;
    border-radius: calc(50px + 50 * (100vw - 720px) / 720);
    border: 1px solid #232b2a;
    color: #232b2a;
    font-size: calc(30px + 30 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section3 .item-wrap .label {
        font-size: 30px;
        border-radius: 50px;
    }
}
.report2026sd-wrap .section3 .item-wrap .small-tit {
    margin-top: 4%;
    font-weight: 700;
    color: #232b2a;
    font-size: calc(40px + 40 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section3 .item-wrap .small-tit {
        font-size: 40px;
    }
}
.report2026sd-wrap .section3 .item-wrap .num-area {
    margin-top: 1%;
    display: flex;
    align-items: baseline;
    color: #232b2a;
    font-size: calc(35px + 35 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section3 .item-wrap .num-area {
        font-size: 35px;
    }
}
.report2026sd-wrap .section3 .item-wrap .num-area span {
    font-weight: 700;
    color: #232b2a;
    font-size: calc(70px + 70 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section3 .item-wrap .num-area span {
        font-size: 70px;
    }
}
.report2026sd-wrap .section3 .item-wrap .num-area span.unit {
    transform: translateY(-7%);
    font-weight: 400;
    font-size: calc(35px + 35 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section3 .item-wrap .num-area span.unit {
        font-size: 35px;
    }
}
.report2026sd-wrap .section3 .item-wrap .num-area span.unit + .count {
    margin-left: 2%;
}
.report2026sd-wrap .section3 .item-wrap .img-area {
    margin-top: 2%;
    position: relative;
    z-index: 1;
    overflow: visible;
}
.report2026sd-wrap .section3 .item-wrap .img-area .popup-area {
    position: absolute;
    right: 6%;
    bottom: 8%;
}
.report2026sd-wrap .section3 .item-wrap .img-area .popup-area .btn-plus {
    display: block;
    width: calc(120px + 120 * (100vw - 720px) / 720);
    height: calc(120px + 120 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section3 .item-wrap .img-area .popup-area .btn-plus {
        width: 120px;
        height: 120px;
    }
}
.report2026sd-wrap .section3 .item-wrap .img-area .btn-item {
    display: block;
    position: absolute;
    z-index: 4;
}
.report2026sd-wrap .section3 .item-wrap .img-area .btn-item.clicked img {
    animation: btn-pop 0.3s ease-in-out forwards;
}
.report2026sd-wrap .section3 .item-wrap .img-area .btn-item .ico-particle {
    display: none;
    z-index: 3;
    position: absolute;
    left: -90%;
    top: -165%;
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/item_effect2.png");
    width: calc(200px + 200 * (100vw - 720px) / 720);
    height: calc(240px + 240 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section3 .item-wrap .img-area .btn-item .ico-particle {
        width: 200px;
        height: 240px;
    }
}
.report2026sd-wrap .section3 .item-wrap .img-area .btn-item .ico-particle.active {
    animation: particle-once 0.8s ease forwards;
}
.report2026sd-wrap .section3 .item-wrap .img-area .popup-find {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    position: absolute;
    z-index: 2;
    background: url("https://cdn.gni.kr/assets/images/sd_report/2026/pop_find.png") no-repeat center/cover;
    width: calc(383px + 383 * (100vw - 720px) / 720);
    height: calc(128px + 128 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section3 .item-wrap .img-area .popup-find {
        width: 383px;
        height: 128px;
    }
}
.report2026sd-wrap .section3 .item-wrap .img-area .popup-find.last {
    z-index: 6;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    background: url("https://cdn.gni.kr/assets/images/sd_report/2026/pop_last.png") no-repeat center/cover;
    width: calc(403px + 403 * (100vw - 720px) / 720);
    height: calc(308px + 308 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section3 .item-wrap .img-area .popup-find.last {
        width: 403px;
        height: 308px;
    }
}
.report2026sd-wrap .section3 .item-wrap .img-area .popup-find .popup-txt {
    display: block;
    position: absolute;
    top: 40%;
    left: 12%;
    color: #fff;
    font-weight: 600;
    font-size: calc(32px + 32 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section3 .item-wrap .img-area .popup-find .popup-txt {
        font-size: 32px;
    }
}
.report2026sd-wrap .section3 .item-wrap .img-area .popup-find .popup-txt span {
    color: #fff;
}
.report2026sd-wrap .section4 {
    background: url("https://cdn.gni.kr/assets/images/sd_report/2026/bg4.png") no-repeat center/cover;
}
.report2026sd-wrap .section4 .inner {
    padding: 0 0 0 5%;
    height: calc(1105px + 1105 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section4 .inner {
        height: 1105px;
    }
}
.report2026sd-wrap .section4 .ico-copy-no {
    position: absolute;
    right: 0%;
    bottom: 0%;
}
.report2026sd-wrap .section4 .ico-starline {
    position: absolute;
    right: 0%;
    top: 3%;
    opacity: 0;
    transform: translate(30%, -30%);
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/ico_star_line.png");
    width: calc(70px + 70 * (100vw - 720px) / 720);
    height: calc(71px + 71 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section4 .ico-starline {
        width: 70px;
        height: 71px;
    }
}
.report2026sd-wrap .section4 .ico-star {
    position: absolute;
    top: 9%;
    right: 9%;
    opacity: 0;
    transform: scale(0.7);
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/ico_star.png");
    width: calc(64px + 64 * (100vw - 720px) / 720);
    height: calc(64px + 64 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section4 .ico-star {
        width: 64px;
        height: 64px;
    }
}
.report2026sd-wrap .section4.is-animated .ico-starline {
    animation: starlineSweep 0.7s ease-out forwards;
}
.report2026sd-wrap .section4.is-animated .ico-star {
    animation: starTwinkle 0.9s ease-out 0.6s forwards;
}
.report2026sd-wrap .section4 .main-title {
    margin-top: 22%;
    color: #fff;
    font-weight: 700;
    font-size: calc(54px + 54 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section4 .main-title {
        font-size: 54px;
    }
}
.report2026sd-wrap .section4 .swiper1 {
    margin-top: 10%;
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide {
    margin-right: 5%;
    position: relative;
    background: url("https://cdn.gni.kr/assets/images/sd_report/2026/bg_review.png") no-repeat center/cover;
    width: calc(531px + 531 * (100vw - 720px) / 720);
    height: calc(489px + 489 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section4 .swiper1 .swiper-slide {
        width: 531px;
        height: 489px;
    }
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide.slide1 .slide-txt {
    top: 15%;
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide.slide2 .slide-txt {
    top: 27%;
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide.slide5 .slide-txt .bottom-area {
    letter-spacing: calc(-1.5px + -1.5 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section4 .swiper1 .swiper-slide.slide5 .slide-txt .bottom-area {
        letter-spacing: -1.5px;
    }
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide.slide5 .slide-ico {
    bottom: 0;
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide.slide6 .slide-ico {
    bottom: 0;
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide.slide7 .slide-txt {
    top: 15%;
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-txt {
    text-align: center;
    width: 100%;
    line-height: 1.5;
    position: absolute;
    left: 50%;
    top: 21%;
    transform: translate(-50%, 0%);
    color: #373737;
    font-size: calc(32px + 32 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-txt {
        font-size: 32px;
    }
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-txt .bottom-area {
    margin-top: 5%;
    font-weight: 700;
    color: #78a500;
    font-size: calc(26px + 26 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-txt .bottom-area {
        font-size: 26px;
    }
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico {
    position: absolute;
    bottom: 4%;
    left: 6%;
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico .ico-heart {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/emoji1.png");
    width: calc(128px + 128 * (100vw - 720px) / 720);
    height: calc(103px + 103 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico .ico-heart {
        width: 128px;
        height: 103px;
    }
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico .ico-pen {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/emoji2.png");
    width: calc(128px + 128 * (100vw - 720px) / 720);
    height: calc(103px + 103 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico .ico-pen {
        width: 128px;
        height: 103px;
    }
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico .ico-plate {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/emoji3.webp");
    width: calc(128px + 128 * (100vw - 720px) / 720);
    height: calc(103px + 103 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico .ico-plate {
        width: 128px;
        height: 103px;
    }
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico .ico-water1 {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/emoji4_2.png");
    width: calc(110px + 110 * (100vw - 720px) / 720);
    height: calc(102px + 102 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico .ico-water1 {
        width: 110px;
        height: 102px;
    }
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico .ico-water2 {
    position: absolute;
    left: 70%;
    top: 8%;
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/emoji4_1.png");
    width: calc(40px + 40 * (100vw - 720px) / 720);
    height: calc(55px + 55 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico .ico-water2 {
        width: 40px;
        height: 55px;
    }
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico .ico-man {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/emoji5.png");
    width: calc(128px + 128 * (100vw - 720px) / 720);
    height: calc(116px + 116 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico .ico-man {
        width: 128px;
        height: 116px;
    }
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico .ico-artist {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/emoji6.png");
    width: calc(128px + 128 * (100vw - 720px) / 720);
    height: calc(127px + 127 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico .ico-artist {
        width: 128px;
        height: 127px;
    }
}
.report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico .ico-rice {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/emoji7.webp");
    width: calc(128px + 128 * (100vw - 720px) / 720);
    height: calc(103px + 103 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section4 .swiper1 .swiper-slide .slide-ico .ico-rice {
        width: 128px;
        height: 103px;
    }
}
.report2026sd-wrap .section5 .inner {
    padding: 14% 0 14% 5%;
}
.report2026sd-wrap .section5 .main-title {
    line-height: 1.4;
    font-weight: 700;
    color: #232b2a;
    font-size: calc(54px + 54 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section5 .main-title {
        font-size: 54px;
    }
}
.report2026sd-wrap .section5 .swiper2 {
    margin-top: 7%;
}
.report2026sd-wrap .section5 .swiper2 .swiper-slide {
    margin-right: 5%;
    position: relative;
    width: calc(531px + 531 * (100vw - 720px) / 720);
    height: calc(646px + 646 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section5 .swiper2 .swiper-slide {
        width: 531px;
        height: 646px;
    }
}
.report2026sd-wrap .section5 .swiper2 .swiper-slide .slide-txt {
    line-height: 1.5;
    position: absolute;
    color: #fff;
    font-size: calc(32px + 32 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section5 .swiper2 .swiper-slide .slide-txt {
        font-size: 32px;
    }
}
.report2026sd-wrap .section5 .swiper2 .swiper-slide.slide1 {
    background: url("https://cdn.gni.kr/assets/images/sd_report/2026/dev_slide1.png") no-repeat center/cover;
}
.report2026sd-wrap .section5 .swiper2 .swiper-slide.slide1 .slide-txt {
    bottom: 10%;
    left: 8%;
}
.report2026sd-wrap .section5 .swiper2 .swiper-slide.slide2 {
    background: url("https://cdn.gni.kr/assets/images/sd_report/2026/dev_slide2.png") no-repeat center/cover;
}
.report2026sd-wrap .section5 .swiper2 .swiper-slide.slide2 .slide-txt {
    bottom: 21%;
    left: 8%;
}
.report2026sd-wrap .section5 .swiper2 .swiper-slide.slide3 {
    background: url("https://cdn.gni.kr/assets/images/sd_report/2026/dev_slide3.png") no-repeat center/cover;
}
.report2026sd-wrap .section5 .swiper2 .swiper-slide.slide3 .slide-txt {
    bottom: 21%;
    left: 27%;
    text-align: right;
}
.report2026sd-wrap .section5 .btn-dev2 {
    margin-top: 8%;
    position: relative;
    display: inline-flex;
    align-items: center;
    background: url("https://cdn.gni.kr/assets/images/sd_report/2026/btn_dev2.png") no-repeat center/cover;
    width: calc(640px + 640 * (100vw - 720px) / 720);
    height: calc(130px + 130 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section5 .btn-dev2 {
        width: 640px;
        height: 130px;
    }
}
.report2026sd-wrap .section5 .btn-dev2 .btn-txt {
    padding-left: 13%;
    color: #fff;
    font-weight: 700;
    font-size: calc(46px + 46 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section5 .btn-dev2 .btn-txt {
        font-size: 46px;
    }
}
.report2026sd-wrap .section5 .btn-dev2 .ico-heart {
    position: absolute;
    right: 4%;
    top: -45%;
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/ico_btn_haert.png");
    width: calc(126px + 126 * (100vw - 720px) / 720);
    height: calc(230px + 230 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section5 .btn-dev2 .ico-heart {
        width: 126px;
        height: 230px;
    }
}
.report2026sd-wrap .section6 {
    background: url("https://cdn.gni.kr/assets/images/sd_report/2026/bg6.png") no-repeat center/cover;
}
.report2026sd-wrap .section6 .inner {
    padding-top: 17%;
    height: calc(975px + 975 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section6 .inner {
        height: 975px;
    }
}
.report2026sd-wrap .section6 .top-title {
    margin: 0 auto;
    opacity: 0;
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    background: url("https://cdn.gni.kr/assets/images/sd_report/2026/top_title.png") no-repeat center/contain;
    width: calc(273px + 273 * (100vw - 720px) / 720);
    height: calc(37px + 37 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section6 .top-title {
        width: 273px;
        height: 37px;
    }
}
.report2026sd-wrap .section6.is-animated .top-title {
    animation: section6TitleIn 0.8s ease-out forwards;
}
.report2026sd-wrap .section6 .txt-area {
    margin-top: 9%;
    text-align: center;
    line-height: 1.5;
}
.report2026sd-wrap .section6 .txt-area p {
    line-height: 1.5;
}
.report2026sd-wrap .section6 .txt-area .txt-col + .txt-col {
    margin-top: 10%;
}
.report2026sd-wrap .section6 .txt-area .name {
    font-weight: 700;
    color: #fff;
    font-size: calc(36px + 36 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section6 .txt-area .name {
        font-size: 36px;
    }
}
.report2026sd-wrap .section6 .txt-area .default {
    line-height: 1.5;
    font-weight: 700;
    color: #fff;
    font-size: calc(36px + 36 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section6 .txt-area .default {
        font-size: 36px;
    }
}
.report2026sd-wrap .section6 .txt-area .under + .default {
    margin-top: 1%;
}
.report2026sd-wrap .section6 .txt-area .under span {
    display: inline-block;
    position: relative;
    color: #1d2029;
    font-size: calc(36px + 36 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section6 .txt-area .under span {
        font-size: 36px;
    }
}
.report2026sd-wrap .section6 .txt-area .under span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    background: #1d2029;
    height: calc(2px + 2 * (100vw - 720px) / 720);
    transition: width 0.5s ease;
}
@media (min-width: 720px) {
    .report2026sd-wrap .section6 .txt-area .under span::after {
        height: 2px;
    }
}
.report2026sd-wrap .section6 .txt-area .under span.on::after {
    width: 100%;
}
.report2026sd-wrap .section7 .inner {
    padding: 8% 0 26%;
}
.report2026sd-wrap .section7 .swiper-area {
    display: flex;
    justify-content: center;
    align-items: center;
}
.report2026sd-wrap .section7 .swiper3 .swiper-slide.slide5 .slide-txt {
    top: 57%;
}
.report2026sd-wrap .section7 .swiper3 .slide-img {
    position: relative;
    margin: 0 auto;
    width: calc(640px + 640 * (100vw - 720px) / 720);
    height: calc(487px + 487 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section7 .swiper3 .slide-img {
        width: 640px;
        height: 487px;
    }
}
.report2026sd-wrap .section7 .swiper3 .slide-img .slide-txt {
    line-height: 1.5;
    color: #454545;
    position: absolute;
    left: 0%;
    top: 45%;
    font-size: calc(28px + 28 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section7 .swiper3 .slide-img .slide-txt {
        font-size: 28px;
    }
}
.report2026sd-wrap .section7 .swiper3 .swiper-pagination {
    position: absolute;
    top: 4.3%;
    right: 5.5%;
    left: auto;
    gap: 3%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e6e9d2;
    width: calc(98px + 98 * (100vw - 720px) / 720);
    height: calc(41px + 41 * (100vw - 720px) / 720);
    display: flex;
    align-items: center;
    color: #91a23a;
    font-size: calc(24px + 24 * (100vw - 720px) / 720);
}
.report2026sd-wrap .section7 .swiper3 .swiper-pagination span {
    color: #91a23a;
}
.report2026sd-wrap .section7 .swiper3 .swiper-pagination {
    border-radius: calc(50px + 50 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section7 .swiper3 .swiper-pagination {
        border-radius: 50px;
        font-size: 24px;
        width: 98px;
        height: 41px;
    }
}
.report2026sd-wrap .section7 .swiper3 .swiper-pagination .swiper-pagination-current {
    font-weight: 700;
    font-size: calc(28px + 28 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section7 .swiper3 .swiper-pagination .swiper-pagination-current {
        font-size: 28px;
    }
}
.report2026sd-wrap .section7 .btn-area {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.report2026sd-wrap .section7 .btn-area .btn-report {
    display: inline-flex;
    align-items: center;
    background: url("https://cdn.gni.kr/assets/images/sd_report/2026/btn_report.png") no-repeat center/cover;
    width: 100%;
    height: calc(130px + 130 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section7 .btn-area .btn-report {
        height: 130px;
    }
}
.report2026sd-wrap .section7 .btn-area .btn-report .btn-txt {
    padding-left: 12%;
    font-weight: 700;
    color: #fff;
    font-size: calc(40px + 40 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section7 .btn-area .btn-report .btn-txt {
        font-size: 40px;
    }
}
.report2026sd-wrap .section7 .btn-area .btn-report .ico-book {
    position: absolute;
    right: 3%;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/btn_book.webp");
    width: calc(130px + 130 * (100vw - 720px) / 720);
    height: calc(117px + 117 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .section7 .btn-area .btn-report .ico-book {
        width: 130px;
        height: 117px;
    }
}
.report2026sd-wrap .btn-quick {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 5;
    position: fixed;
    /*bottom: 19%;*/
    bottom: 0%;
    right: max(0%, (100vw - 720px) / 2);
    display: block;
    background: url("https://cdn.gni.kr/assets/images/sd_report/2026/btn_quick.webp") no-repeat center/cover;
    width: calc(200px + 200 * (100vw - 720px) / 720);
    height: calc(200px + 200 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .btn-quick {
        width: 200px;
        height: 200px;
    }
}
.report2026sd-wrap .btn-quick .btn-txt {
    font-weight: 700;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: calc(36px + 36 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .btn-quick .btn-txt {
        font-size: 36px;
    }
}
.report2026sd-wrap .btn-quick .btn-txt i {
    font-weight: 400;
    font-size: calc(36px + 36 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .btn-quick .btn-txt i {
        font-size: 36px;
    }
}
.report2026sd-wrap .btn-quick.is-visible {
    opacity: 1;
    visibility: visible;
}
.report2026sd-wrap .popup-layer {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 200;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.report2026sd-wrap .popup-layer.is-open {
    opacity: 1;
    visibility: visible;
}
.report2026sd-wrap .popup-layer .popup-inner {
    position: relative;
    width: 100%;
    max-width: 720px;
    height: 100%;
    height: 100dvh;
    background: url("https://cdn.gni.kr/assets/images/sd_report/2026/pop_bg1.png") no-repeat center/cover;
}
.report2026sd-wrap .popup-layer .popup-header {
    width: 100%;
}
.report2026sd-wrap .popup-layer .popup-close {
    position: absolute;
    top: 3%;
    right: 5%;
    z-index: 1;
    width: calc(48px + 48 * (100vw - 720px) / 720);
    height: calc(48px + 48 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-close {
        width: 48px;
        height: 48px;
    }
}
.report2026sd-wrap .popup-layer .popup-close::before, .report2026sd-wrap .popup-layer .popup-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 2px;
    background: #fff;
}
.report2026sd-wrap .popup-layer .popup-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.report2026sd-wrap .popup-layer .popup-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.report2026sd-wrap .popup-layer .popup-scroll {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 18% 7% 12%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    justify-content: safe center;
}
.report2026sd-wrap .popup-layer .popup-desc {
    color: #fff;
    line-height: 1.6;
    text-align: center;
    font-weight: 500;
    font-size: calc(32px + 32 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-desc {
        font-size: 32px;
    }
}
.report2026sd-wrap .popup-layer .popup-desc + .popup-desc {
    margin-top: 5%;
}
.report2026sd-wrap .popup-layer .popup-stats {
    margin-top: 15%;
    width: 100%;
}
.report2026sd-wrap .popup-layer .popup-stats .stat-item {
    text-align: center;
}
.report2026sd-wrap .popup-layer .popup-stats .stat-item + .stat-item {
    margin-top: 8%;
}
.report2026sd-wrap .popup-layer .popup-stats .stat-item .stat-label {
    font-weight: 500;
    display: block;
    color: #fff;
    font-size: calc(32px + 32 * (100vw - 720px) / 720);
    text-decoration: underline;
    text-underline-offset: calc(5px + 5 * (100vw - 720px) / 720);
    text-decoration-thickness: calc(3px + 3 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .stat-item .stat-label {
        font-size: 32px;
        text-underline-offset: 5px;
        text-decoration-thickness: 3px;
    }
}
.report2026sd-wrap .popup-layer .popup-stats .stat-item .stat-num {
    padding-left: 7%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3%;
    color: #fff;
    font-weight: 700;
    font-size: calc(65px + 65 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .stat-item .stat-num {
        font-size: 65px;
    }
}
.report2026sd-wrap .popup-layer .popup-stats .stat-item .stat-num .stat-unit {
    margin-top: 1%;
    color: #fff;
    font-weight: 500;
    font-size: calc(50px + 50 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .stat-item .stat-num .stat-unit {
        font-size: 50px;
    }
}
.report2026sd-wrap .popup-layer .popup-stats .stat-item .stat-num .stat-noraml {
    margin: 1% 0 0 2%;
    font-weight: 500;
    color: #fff;
    font-size: calc(50px + 50 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .stat-item .stat-num .stat-noraml {
        font-size: 50px;
    }
}
.report2026sd-wrap .popup-layer .popup-stats .stat-row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4%;
}
.report2026sd-wrap .popup-layer .popup-stats .stat-row .row {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}
.report2026sd-wrap .popup-layer .popup-stats .stat-row .row.left {
    align-items: flex-end;
    position: relative;
    padding-top: 11%;
}
.report2026sd-wrap .popup-layer .popup-stats .stat-row .row.right {
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 2%;
    height: calc(108px + 108 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .stat-row .row.right {
        height: 108px;
    }
}
.report2026sd-wrap .popup-layer .popup-stats .stat-row .row .txt {
    color: #fff;
    font-size: calc(24px + 24 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .stat-row .row .txt {
        font-size: 24px;
    }
}
.report2026sd-wrap .popup-layer .popup-stats .stat-row .row .num {
    font-weight: 500;
    color: #fff;
    font-size: calc(30px + 30 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .stat-row .row .num {
        font-size: 30px;
    }
}
.report2026sd-wrap .popup-layer .popup-stats .stat-row .row .num em {
    font-weight: 500;
    color: #fff;
    font-size: calc(26px + 26 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .stat-row .row .num em {
        font-size: 26px;
    }
}
.report2026sd-wrap .popup-layer .popup-stats .stat-row .row .increase {
    position: relative;
    z-index: 0;
    font-weight: 700;
    color: #906af0;
    font-size: calc(26px + 26 * (100vw - 720px) / 720);
}
.report2026sd-wrap .popup-layer .popup-stats .stat-row .row .increase::before {
    content: "";
    position: absolute;
    left: -4%;
    top: 50%;
    transform: translateY(-50%);
    width: 0%;
    height: 100%;
    background: #fff;
    z-index: -1;
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .stat-row .row .increase {
        font-size: 26px;
    }
}
.report2026sd-wrap .popup-layer .popup-stats .stat-compare {
    display: flex;
    align-items: center;
    justify-content: center;
}
.report2026sd-wrap .popup-layer .popup-stats .stat-compare .right {
    margin: 0 2% 4% 7%;
}
.report2026sd-wrap .popup-layer .popup-stats .stat-compare .num1 {
    color: #fff;
    font-weight: 700;
    font-size: calc(40px + 40 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .stat-compare .num1 {
        font-size: 40px;
    }
}
.report2026sd-wrap .popup-layer .popup-stats .stat-compare .num1 .stat-unit {
    color: #fff;
    font-size: calc(26px + 26 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .stat-compare .num1 .stat-unit {
        font-size: 26px;
    }
}
.report2026sd-wrap .popup-layer .popup-stats .stat-compare .num2 {
    margin-bottom: 2%;
    color: #fff;
    font-weight: 700;
    font-size: calc(65px + 65 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .stat-compare .num2 {
        font-size: 65px;
    }
}
.report2026sd-wrap .popup-layer .popup-stats .country {
    position: absolute;
    top: 9%;
    width: calc(76px + 76 * (100vw - 720px) / 720);
    height: calc(77px + 77 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .country {
        width: 76px;
        height: 77px;
    }
}
.report2026sd-wrap .popup-layer .popup-stats .stat-icon {
    margin: 0 0 2% 2%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.report2026sd-wrap .popup-layer .popup-stats .ico-sri {
    position: absolute;
    left: 32%;
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/pop_img3.png");
}
.report2026sd-wrap .popup-layer .popup-stats .ico-nica {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 3%;
    right: -16%;
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/ico_nica.png");
    width: calc(76px + 76 * (100vw - 720px) / 720);
    height: calc(76px + 76 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .ico-nica {
        width: 76px;
        height: 76px;
    }
}
.report2026sd-wrap .popup-layer .popup-stats .ico-fillup {
    margin-left: 1%;
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/fillup.png");
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    width: calc(72px + 72 * (100vw - 720px) / 720);
    height: calc(117px + 117 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .ico-fillup {
        width: 72px;
        height: 117px;
    }
}
.report2026sd-wrap .popup-layer .popup-stats .ico-nepal {
    left: 29%;
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/ico_nepal.png");
}
.report2026sd-wrap .popup-layer .popup-stats .ico-rwanda {
    left: 24%;
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/ico_rwanda.png");
}
.report2026sd-wrap .popup-layer .popup-stats .ico-india {
    left: 25%;
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/ico_india.png");
}
.report2026sd-wrap .popup-layer .popup-stats .ico-cambodia {
    left: 33%;
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/ico_cambodia.png");
}
.report2026sd-wrap .popup-layer .popup-stats .ico-kgz {
    left: 22%;
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/ico_kgz.png");
}
.report2026sd-wrap .popup-layer .popup-stats .ico-tanzania {
    left: 21%;
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/ico_tanzania.png");
}
.report2026sd-wrap .popup-layer .popup-stats .ico-my {
    left: 21%;
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/ico_my.png");
}
.report2026sd-wrap .popup-layer .popup-stats .ico-ps {
    left: 22%;
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/ico_ps.png");
}
.report2026sd-wrap .popup-layer .popup-stats .ico-right {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/ico_right.png");
    width: calc(47px + 47 * (100vw - 720px) / 720);
    height: calc(29px + 29 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .ico-right {
        width: 47px;
        height: 29px;
    }
}
.report2026sd-wrap .popup-layer .popup-stats .ico-korea {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/ico_korea.png");
    width: calc(108px + 108 * (100vw - 720px) / 720);
    height: calc(109px + 109 * (100vw - 720px) / 720);
}
@media (min-width: 720px) {
    .report2026sd-wrap .popup-layer .popup-stats .ico-korea {
        width: 108px;
        height: 109px;
    }
}
.report2026sd-wrap .popup-layer#popup1 .popup-stats .stat-item .stat-num {
    padding-left: 0%;
}
.report2026sd-wrap .popup-layer#popup2 .popup-inner {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/pop_bg3.png");
}
.report2026sd-wrap .popup-layer#popup3 .popup-inner {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/pop_bg2.png");
}
.report2026sd-wrap .popup-layer#popup3 .popup-stats .stat-item + .stat-item {
    margin-top: 9%;
}
.report2026sd-wrap .popup-layer#popup3.is-animating .ico-fillup {
    transition: clip-path 0.8s ease;
    clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.report2026sd-wrap .popup-layer#popup3.is-animating .increase::before {
    transition: width 0.7s ease 0.2s;
    width: 110%;
}
.report2026sd-wrap .popup-layer#popup4 .popup-inner {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/pop_bg4.png");
}
.report2026sd-wrap .popup-layer#popup4 .popup-scroll {
    padding: 0 5%;
}
.report2026sd-wrap .popup-layer#popup5 .popup-inner {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/pop_bg5.png");
}
.report2026sd-wrap .popup-layer#popup6 .popup-inner {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/pop_bg6.png");
}
.report2026sd-wrap .popup-layer#popup7 .popup-inner {
    background-image: url("https://cdn.gni.kr/assets/images/sd_report/2026/pop_bg7.png");
}
.report2026sd-wrap .popup-layer#popup6 .popup-scroll {
    padding: 18% 5% 12%;
}
.report2026sd-wrap .popup-layer#popup6 .popup-desc {
    letter-spacing: calc(0.7px + 0.7 * (100vw - 720px) / 720);
}
.report2026sd-wrap .popup-layer#popup6 .popup-desc {
    @media (min-width: 720px) {
        letter-spacing: -0.7px;
    }
}
.report2026sd-wrap .popup-layer#popup7 .popup-scroll {
    padding: 0 5%;
}
.report2026sd-wrap .popup-layer#popup7 .popup-stats .stat-item .stat-num {
    padding-left: 0;
}

@keyframes starlineSweep {
    0% {
        opacity: 0;
        transform: translate(15%, -15%);
    }
    100% {
        opacity: 1;
        transform: translate(-15%, 15%);
    }
}
@keyframes starTwinkle {
    0% {
        opacity: 0;
        transform: scale(0.7);
    }
    45% {
        opacity: 1;
        transform: scale(1.16);
    }
    70% {
        opacity: 0.75;
        transform: scale(0.92);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes section6TitleIn {
    0% {
        opacity: 0;
        clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    }
    100% {
        opacity: 1;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}/*# sourceMappingURL=index.css.map */