@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

* {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
}

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

:root {
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    cursor: default;
    overflow-wrap: break-word;
    -moz-tab-size: 4;
    tab-size: 4;
}

html,
body {
    height: 100%;
}

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

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

a {
    text-decoration: none;
}

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

html {
    font-size: 10px;
}

@media (max-width: 360px) {
    html {
        font-size: 8px;
    }
}

body {
    font-size: 1.4rem;
    font-family: "Noto Sans KR", "Karla", system-ui !important;
    font-weight: 400;
    letter-spacing: -0.05em;
    background: #fff;
    color: #333;
}

li {
    list-style: none;
}

[hidden] {
    display: none;
}

/* 추가 */
input,
textarea {
    appearance: none;
    /* 브라우저의 기본 스타일을 제거합니다. */
    border: none;
    /* 테두리를 제거합니다. */
    outline: none;
    /* 외곽선을 제거합니다. */
    background-color: transparent;
    /* 배경색을 투명하게 설정합니다. */
    margin: 0;
    /* 마진을 제거합니다. */
    padding: 0;
    /* 안쪽 여백을 제거합니다. */
    font-family: inherit;
    /* 폰트 패밀리를 상위 요소로부터 상속받습니다. */
    font-size: inherit;
    /* 폰트 크기를 상위 요소로부터 상속받습니다. */
    line-height: inherit;
    /* 줄 높이를 상위 요소로부터 상속받습니다. */
    vertical-align: middle;
    /* 수직 정렬을 가운데로 설정합니다. */
    box-sizing: border-box;
    /* 상자 모델을 변경하여 패딩과 테두리를 요소의 크기에 포함시킵니다. */
    /* 추가적인 스타일을 필요에 따라 적용합니다. */
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

input[type=password] {
    font-size: 3.5rem;
}

textarea {
    resize: none;
    /* textarea의 크기 조절 기능을 비활성화합니다. */
}

input,
textarea {
    caret-color: currentColor;
    /* 텍스트 커서의 색상을 빨간색으로 설정합니다. */
}

.blind {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
}

/**
 * Swiper 7.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 24, 2021
 */
@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, 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");
    font-weight: 400;
    font-style: normal;
}

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

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
    touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

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

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    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, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

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

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

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

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

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

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

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

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

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

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}

:root {
    --swiper-navigation-size: 44px;
    /*
    --swiper-navigation-color: var(--swiper-theme-color);
    */
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

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

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%;
}

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

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

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

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.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: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-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-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

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

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

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

.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: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 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-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

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

.swiper-pagination-lock {
    display: none;
}

/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

/* Preloader */

.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%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

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

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

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

/* a11y */
.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.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-cube {
    overflow: visible;
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}

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

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}

.swiper-flip {
    overflow: visible;
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

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

.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}

.swiper-cards {
    overflow: visible;
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

/* ============== custom style  ===============*/
#confetti{
    height: 1032px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
}

main {
    padding-bottom: 80px;
    min-width: 1140px;
}

section {
    overflow-x: hidden;
    margin:0 auto;
}

section.section01 {
    background-color: #cdedfe;
}

section.section01 > div {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/section_01.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    height: 1032px;
}

section.section01 .ai_container {
    position: relative;
    max-width: 1140px;
    height: 1032px;
    margin: 0 auto;
}

section.section01 .ai_arm {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/ai_arm.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 31px;
    height: 23px;
    position: absolute;
    top: 13%;
    left: 27.2%;
    animation: shakeArm 0.5s infinite alternate;
    transform-origin: right;
    display: none;
}

section.section01 .ai_arm_l {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/ai_arm_l.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 71px;
    height: 201px;
    position: absolute;
    top: 75%;
    left: 40.6%;
    animation: shakeArm 0.5s infinite alternate;
    transform-origin: right;
}

@keyframes shakeArm {
    0% {transform: rotateZ(20deg);}
    100% {transform: rotateZ(-20deg);}
}

section.section01 .ai_eyes {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/ai_eyes.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 76px;
    height: 242px;
    position: absolute;
    top: 65.8%;
    left: 45.5%;
    animation: blink 3s infinite 2s;
}

@keyframes blink {
    0% {transform: scaleY(1);}
    18% {transform: scaleY(1);}
    20% {transform: scaleY(0);}
    25% {transform: scaleY(1);}
    38% {transform: scaleY(1);}
    40% {transform: scaleY(0);}
    45% {transform: scaleY(1);}
    80% {transform: scaleY(1);}
}

section.section02 {
    background-image: linear-gradient(to right, #4b66db 0%, #84d2f9 100%);
}

section.section02 > div {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/section_02.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 77px;
    margin:0 auto;
}

section.section03 {
    background-color: #2b2b2b;
}

section.section03 > div {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/section_03.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1140px;
    height: 988px;
    margin: 0 auto;
}

section.section03 .ai_container {
    position: relative;
    max-width: 1140px;
    height: 988px;
    margin: 0 auto;
}

section.section03 .ddukddak {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/ddukddak.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 149px;
    height: 173px;
    position: absolute;
    top: 10%;
    left: 71%;
    animation: bounce 1.5s infinite ease-in;
}

@keyframes bounce {
    0% {transform: translateY(0);}
    50% {transform: translateY(-10px);}
    100% {transform: translateY(0px);}
}

section.section04 {
    background-color: #dbdbdb;
}

section.section04 > div {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/section_04.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1140px;
    height: 111px;
    margin: 0 auto;
}

section.section04 > div button {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/toggle_btn.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 152px;
    height: 111px;
    margin: 0 auto;
    position: absolute;
    left: 72%;
    transition: transform 0.3s ease;
}

section.section04 > div button.rotate {
    transform: rotate(180deg);
}

section.section05 {
    background-color: #efefef;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

section.section05 > div {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/section_05.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1140px;
    height: 252px;
    margin: 0 auto
}

section.section05.open {
    max-height: 300px; /* 실제 콘텐츠 높이보다 조금 크게 설정 */
}

section.section06 {
    background-color: #fff;
    height: 755px;
}

section.section06 > div:first-child {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/section_06.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1140px;
    height: 301px;
    margin: 0 auto;
}

section.section06 .swiper-container .swiper-wrapper {
    transition-timing-function: linear !important;
}

section.section06 .swiper-container .swiper-slide {
    width: auto;
    padding: 10px;
}

section.section06 .swiper-container .swiper-slide img{
    width: auto;
    height: 350px;
}

section.section07 {
    background-color: #2b2b2b;
}

section.section07 > div {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/section_07.gif);
    background-repeat: no-repeat;
    background-position: center;
    height: 2386px;
    margin: 0 auto;
}

section.section07 .ai_container {
    position: relative;
    max-width: 1140px;
    height: 2386px;
    margin: 0 auto;
}

section.section07 .ai_head {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/ai_head_s7.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 229px;
    height: 156px;
    position: absolute;
    top: 29.8%;
    left: 41.3%;
    animation: tiltHead 2s infinite ease-in-out;
}

@keyframes tiltHead {
    0% {transform: rotateZ(0deg);}
    50% {transform: rotateZ(10deg);}
    100% {transform: rotateZ(0deg);}
}

section.section08 {
    background-color: #f4f4f4;
}

section.section08 .section08_01 {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/section_08_01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    width: 1140px;
    height: 1387px;
    margin: 0 auto;
}

section.section08 .section08_01 .ai_container {
    position: relative;
    max-width: 1140px;
    height: 1387px;
    margin: 0 auto;
}

section.section08 .section08_01 .ai_head {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/ai_head_s8.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 92px;
    height: 63px;
    position: absolute;
    top: 16%;
    left: 77.3%;
    animation: tiltHead 2s infinite ease-in-out;
}

section.section08 .section08_01 .cont {
    display: flex;
    align-items: center;
}

section.section08 .section08_01 .mobile_bg {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/mobile.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    width: 663px;
    height: 1095px;
    overflow: hidden;
    margin-top: 297px;
    margin-left: 25px;
}


section.section08 .section08_01 .mobile_bg .clip_container{
    position: relative;
    top: 90px;
    left: 113px;
    width: 371px;
    height: 805px;
    border-radius: 45px;
    overflow: hidden;
    background-color: #fff;
}

section.section08 .section08_01 .mobile_bg .clip_container .clip_img01{
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/clip_img01.png);
    background-size: auto;
    background-position: top left;
    width: 100%;
    height: 100%;
}

section.section08 .section08_01 .mobile_bg .clip_container .clip_img02{
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/clip_img02.png);
    background-size: auto;
    background-position: top left;
    width: 100%;
    height: 100%;
}

section.section08 .section08_01 .mobile_bg .clip_container .clip_img03{
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/clip_img03.png);
    background-size: auto;
    background-position: top left;
    width: 100%;
    height: 100%;
}

section.section08 .section08_01 .mobile_bg .clip_container .clip_img04{
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/clip_img04.png);
    background-size: auto;
    background-position: top left;
    width: 100%;
    height: 100%;
}

section.section08 .section08_01 .step_container{
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: absolute;
    top: 32%;
    left: 54%;
}

section.section08 .section08_01 .step_container .stepBox{
    width: fit-content;
    height: 108px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 1px 5px 15px #f2f2f2;
    padding: 0 50px;
    display: flex;
    align-items: center;
    transform: scale(0.9);
    transition: transform 0.5s ease;
}

section.section08 .section08_01 .step_container .stepBox .step_01{
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/step_01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 215px;
    height: 30px;
}

section.section08 .section08_01 .step_container .stepBox .step_02{
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/step_02.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 215px;
    height: 30px;
}

section.section08 .section08_01 .step_container .stepBox .step_03{
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/step_03.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 275px;
    height: 31px;
}

section.section08 .section08_01 .step_container .stepBox .step_04{
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/step_04.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 169px;
    height: 31px;
}

section.section08 .section08_01 .arrow_container {
    padding: 0 0 5px 50px;
}

section.section08 .section08_01 .arrow_container .step_arrows{
    display: block;
    transform: rotate(45deg);
    width: 20px;
    height: 20px;
}

section.section08 .section08_01 .arrow_container .step_arrows.one{
    margin-top: 1px;
    border-right: 3px solid #de7989;
    border-bottom: 3px solid #de7989;
}

section.section08 .section08_01 .arrow_container .step_arrows.one,
section.section08 .section08_01 .arrow_container .step_arrows.two,
section.section08 .section08_01 .arrow_container .step_arrows.three{
    animation:arrows 1s infinite;
}

section.section08 .section08_01 .arrow_container .step_arrows.one{
    animation-direction: alternate;
    animation-delay: alternate;
}

section.section08 .section08_01 .arrow_container .step_arrows.two{
    animation-delay: .2s;
    animation-direction: alternate;
    margin-top: -7px;
    border-right: 3px solid #f55b73;
    border-bottom: 3px solid #f55b73;
}

section.section08 .section08_01 .arrow_container .step_arrows.three{
    animation-delay: .3s;
    animation-direction: alternate;
    border-right: 3px solid #e71b3e;
    border-bottom: 3px solid #e71b3e;
    margin-top: -7px;
}

@keyframes arrows {
    0%   { opacity: 0; }
    50%  { opacity: .5; }
    100% { opacity: 1; }
}

section.section08 .section08_02{
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/section_08_02.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    width: 1140px;
    height: 877px;
    margin: 0 auto
}

section.section08 .section08_02 .ai_container {
    position: relative;
    max-width: 1140px;
    height: 877px;
    margin: 0 auto;
}

section.section08 .section08_02 .ai_head {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/ai_head_s8.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 92px;
    height: 63px;
    position: absolute;
    top: 8.1%;
    left: 78.6%;
    animation: tiltHead 2s infinite ease-in-out;
}

section.section08 .section08_02 swiper-container,
section.section08 .section08_03 swiper-container {
    background-color: #fff;
    width: 909px;
    height: 509px;
    border-radius: 50px;
    box-shadow: 0px 0px 60px #d5d5d5;
    position: relative;
    top: 207px;
    left: 114px;
    overflow: hidden;
}

section.section08 .section08_02 swiper-slide,
section.section08 .section08_03 swiper-slide {
    display: flex;
    justify-content: center;
    align-items: baseline;
}

section.section08 .section08_02 swiper-slide.slide01 {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/slide_01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

section.section08 .section08_02 swiper-slide.slide02 {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/slide_02.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

section.section08 .section08_02 swiper-slide.slide03 {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/slide_03.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

section.section08 .section08_03 swiper-slide.slide04 {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/slide_04.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

section.section08 .section08_03 swiper-slide.slide05 {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/slide_05.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

section.section08 .section08_03 swiper-slide.slide06 {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/slide_06.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

section.section08 .section08_02 swiper-slide video::-webkit-media-controls,
section.section08 .section08_03 swiper-slide video::-webkit-media-controls {
    display: none !important;
}

section.section08 .section08_02 swiper-slide .video_item,
section.section08 .section08_03 swiper-slide .video_item {
    width: 254px;
    height: 546px;
    overflow: hidden;
    background-color: #333;
    border-radius: 20px;
    border-radius: 30px;
    position: relative;
    top: 84px;
    left: 221px;
}


section.section08 .section08_02 swiper-slide .video_item video{
    width: auto;
    /*height: 100%;*/
    object-fit: cover;
    top: -70px;
    position: absolute;
}

section.section08 .section08_03 swiper-slide .video_item video {
    width: auto;
    /*height: 100%;*/
    object-fit: cover;
    top: -20px;
    position: absolute;
}

section.section08 .section08_03 {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/section_08_03.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    width: 1140px;
    height: 933px;
    margin: 0 auto
}

section.section08 .section08_03 .ai_container {
    position: relative;
    max-width: 1140px;
    height: 933px;
    margin: 0 auto;
}

section.section08 .section08_03 .ai_head {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/ai_head_s8.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 92px;
    height: 63px;
    position: absolute;
    top: 9%;
    left: 80.5%;
    animation: tiltHead 2s infinite ease-in-out;
}

section.section09 {
    background-color: #2b2b2b;
}

section.section09 > div {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/section_09.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1140px;
    height: 1356px;
    margin: 0 auto;
}

section.section09 .ai_container {
    position: relative;
    max-width: 1140px;
    height: 1356px;
    margin: 0 auto;
}

section.section09 .ddukddak {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/ddukddak_s9.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 138px;
    height: 159px;
    position: absolute;
    top: 36%;
    left: 81.5%;
    animation: bounce 1.5s infinite ease-in;
}

@keyframes bounce {
    0% {transform: translateY(0);}
    50% {transform: translateY(-10px);}
    100% {transform: translateY(0px);}
}

section.section10-1,
section.section10-2 {
    background-color: #f7fcff;
}

section.section10-1 > div {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/section_10_01.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1140px;
    height: 1550px;
    margin: 0 auto;
}

section.section10-2 > div {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/section_10_02.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1140px;
    height: 804px;
    margin: 0 auto;
}

section.section10-2 .ai_container {
    position: relative;
    max-width: 1140px;
    height: 804px;
    margin: 0 auto;
}

section.section10-2 .t-bubble {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/t_bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 146px;
    height: 66px;
    position: absolute;
    top: 13.4%;
    left: 57.6%;
    animation: hithere 1.5s ease infinite;
}

@keyframes hithere {
    30% { transform: scale(1.2); }
    40%, 60% { transform: rotate(-20deg) scale(1.2); }
    50% { transform: rotate(20deg) scale(1.2); }
    70% { transform: rotate(0deg) scale(1.2); }
    100% { transform: scale(1); }
}

section.section10-2 .ai_head {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/ai_head_s10.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 242px;
    height: 165px;
    position: absolute;
    top: 20.5%;
    left: 40.6%;
    animation: tiltHead 2s infinite ease-in-out;
}

section.section10-2 .goToBtn {
    width: 690px;
    height:82px;
    position: absolute;
    top: 70.5%;
    left: 19.8%;
}

section.section11 {
    background-image: linear-gradient(to right, #f9767b 0%, #f53540 100%);
}

section.section11 > div {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/section_11.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 79px;
    margin: 0 auto;
}

section.section12 {
    background-image: linear-gradient(to right, #f68587 0%, #f56dc2 100%);
    position: relative;
}

section.section12 > div {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/section_12.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 1335px;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;

}

section.section12 #starshine {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden
}

section.section12 .shine {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAJYCAMAAACJuGjuAAADAFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+/LkhhAAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1O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);
    background-repeat: no-repeat;
    background-position:center;
    background-size: 100% 100%;
    overflow: hidden;
    z-index: 2;
    color: tansparent;
    -moz-opacity: 0.0;
    opacity: 0.0;
    animation: glitter 6s linear 0s infinite normal;
    -webkit-animation: glitter 6s linear 0s infinite normal;
    -moz-animation: glitter 8s linear 0s infinite normal;
    -ms-animation: glitter 8s linear 0s infinite normal;
    -o-animation: glitter 8s linear 0s infinite normal;
}

section.section12 .shine.small {
    width: 20px;
    height: 20px;
}

section.section12 .shine.medium {
    width: 30px;
    height: 30px;
}

section.section12 .shine.large {
    width: 50px;
    height: 50px;
}

@-webkit-keyframes glitter {
    0% {
        -webkit-transform: scale(0.3) rotate(0deg);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(1) rotate(360deg);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.3) rotate(720deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(0.3) rotate(0deg);
        opacity: 0;
    }
}

section.section12 .ai_container {
    position: relative;
    width: 1140px;
    max-width: 1140px;
    height: 1335px;
    margin: 0 auto;
}

section.section12 .kakao_share {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 80.1%;
    left: 47.6%;
}

section.section12 .kakao_share span {
    color: #fff;
    font-size: 29px;
    font-weight: 600;
    position: absolute;
    top: 27%;
    left: 10.5%;
    font-family: Pretendard;
}

section.section12 .goToBtn {
    width: 595px;
    height: 112px;
    position: absolute;
    top: 82.6%;
    left: 24%;
    z-index:2;
}

section.section13 {
    background-color: #393939;
}

section.section13 > div {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/section_13.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1140px;
    height: 156px;
    margin: 0 auto;
}

.cta_ai {
    background-image: linear-gradient(to right, #ed1c3c 0%, #ff724c 100%);
    position: fixed;
    bottom: 0;
    width: 100vw;
    z-index: 1;
    cursor: pointer;
}

.cta_ai > div {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/450/img/images/cta.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    width: 1140px;
    height: 80px;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 20px;
}

.popup-container {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    position: relative;
    width: 100%;
    max-width: 650px;
    max-height: 90vh;
    overflow-y: auto;
    animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    background: none;
    border: none;
    font-size: 24px;
    font-weight: bold;
    color: #666;
    cursor: pointer;
    z-index: 10;
    transition: color 0.2s;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-btn:hover {
    color: #000;
}

.popup-content {
    text-align: center;
    padding: 40px 30px 30px;
}

.popup-title {
    font-size: 18px;
    font-weight: bold;
    color: #343434;
    text-align: left;
    margin-bottom: 25px;
    line-height: 1.3;
}

.benefit-card {
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    margin-bottom: 12px;
    min-height: 100px;
}

.benefit-card.ai {
    /*background: linear-gradient(135deg, #e3f2fd, #f3e5f5);*/
    background: #dff2fc;
    border: 1px solid #e1f5fe;
}

.benefit-card.my {
    /*background: linear-gradient(135deg, #fff8e1, #ffeaa7);*/
    background: #fff3c3;
    border: 1px solid #fff3c4;
}

.benefit-card.share {
    /*background: linear-gradient(135deg, #fce4ec, #f8bbd9);*/
    background: #fce9ef;
    border: 1px solid #fce9ef;
}

.benefit-content {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.benefit-text {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin-bottom: 8px;
}

.benefit-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
}

.benefit-button {
    width: 180px;
    padding: 20px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.benefit-btn {
    width: 100%;
    height: 60px;
    background: #d93938;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(211, 47, 47, 0.3);
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.benefit-btn:hover {
    background: #d93938;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(211, 47, 47, 0.4);
}

.benefit-btn:active {
    transform: translateY(0);
}

/* 배경 데모 버튼 */
.demo-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    padding: 15px 25px;
    background: #d93938;
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(211, 47, 47, 0.3);
    z-index: 100;
    transition: all 0.3s ease;
}

.demo-btn:hover {
    background: #d93938;
    transform: translateY(-2px);
}

.hidden {
    display: none;
}

/* 모바일 레이아웃 */
@media (max-width: 767px) {
    .popup-container {
        margin: 10px;
        max-width: none;
        width: calc(100% - 20px);
    }

    .popup-content {
        text-align: center;
        padding: 30px 20px 20px;
    }

    .popup-title {
        font-size: 18px;
        margin-bottom: 20px;
        text-align: center;
    }

    .benefit-card {
        flex-direction: column;
        min-height: auto;
    }

    .benefit-content {
        text-align: center;
        padding: 20px;
    }

    .benefit-button {
        width: 100%;
        padding: 15px 20px;
    }

    .benefit-btn {
        height: 50px;
        font-size: 15px;
    }
    .benefit-btn br {
        display: none;
    }

    .demo-btn {
        bottom: 20px;
        right: 20px;
        padding: 12px 20px;
        font-size: 14px;
    }
}

/* 작은 모바일 화면 */
@media (max-width: 480px) {
    .popup-overlay {
        padding: 10px;
    }

    .popup-container {
        margin: 0;
        width: 100%;
    }

    .popup-content {
        text-align: center;
        padding: 25px 15px 15px;
    }

    .benefit-content {
        padding: 15px;
    }

    .benefit-text {
        font-size: 15px;
    }

    .benefit-desc {
        font-size: 13px;
    }
    .benefit-btn br {
        display: none;
    }
}
/* 가로 화면 (landscape) 대응 */
@media (max-height: 600px) and (orientation: landscape) {
    .popup-container {
        max-height: 85vh;
    }

    .popup-content {
        text-align: center;
        padding: 20px 30px 20px;
    }

    .benefit-card {
        margin-bottom: 8px;
        min-height: 80px;
    }

    .benefit-content {
        padding: 15px;
    }
}

/* PC에서 br 태그 숨기기 */
@media (min-width: 768px) {
    .popup-title br {
        display: none;
    }
}