@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css') format('woff');
    font-weight: normal;
    font-style: normal;
}

html,body {
    font-family: 'pretendard';
}

main {
    min-width: 1140px;
}

.service.event.detail .bbs-detail.innerfull .cont.full {
    overflow: unset !important;
}

.event-info-diy {
    margin: 0 auto;
    max-width: 1140px;
}

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

section.section01 {
    background-image: url('https://resources.fujifilm.co.kr/upload/img/event/475/pc/bg/section01.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
    height: 1051px;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.section02 {
    background-image: url('https://resources.fujifilm.co.kr/upload/img/event/475/pc/bg/section02.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
    height: 1864px;
}

section.section02 > div  {
    position: relative;
    top: 0;
    left: 0;
    width: 1140px;
    height: 100%;
    margin: 0 auto;
}

section.section02 .soldOut  {
    background-image: url('https://resources.fujifilm.co.kr/upload/img/event/475/pc/soldOut.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 24.6%;
    width: 914px;
    height: 176px;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 1;
}

section.section02 button:nth-child(2) {
    position: absolute;
    top: 24.5%;
    width: 18%;
    height: 3.7%;
    transform: translate(-50%, -50%);
    left: 78.7%;
}

section.section02 button:nth-child(3) {
    position: absolute;
    top: 81.4%;
    width: 38%;
    height: 4.7%;
    transform: translate(-50%, -50%);
    left: 50%;
}

section.section02 button:last-child {
    position: absolute;
    top: 86.6%;
    width: 38%;
    height: 4.7%;
    transform: translate(-50%, -50%);
    left: 50%;
}

section.section03 {
    background-image: url('https://resources.fujifilm.co.kr/upload/img/event/475/pc/bg/section03.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
    height: 1962px;
    position: relative;
}

section.section03 > div  {
    position: relative;
    top: 0;
    left: 0;
    width: 1140px;
    height: 100%;
    margin: 0 auto;
}

section.section03 button {
    position: absolute;
    top: 46.6%;
    width: 38%;
    height: 4.5%;
    transform: translate(-50%, -50%);
    left: 50%;
}

section.section03 .update_Info {
    position: absolute;
    top: 60%;
    transform: translate(-50%, -50%);
    left: 69%;
    font-size: 1.2vw;
    font-weight: 600;
    color: #8d8d8d;
}

section.section03 .rankSlide {
    position: absolute;
    top: 77.5%;
    transform: translate(-50%, -50%);
    left: 61%;
    width: 250px;
}

section.section03 .slidebox {
    height: fit-content;
    overflow: hidden;
}

section.section03 .slider {
    display: flex;
    flex-direction: column;
    background-color: transparent;
}

section.section03 .slider .slide {
    display: flex;
    font-size: 1vw;
    font-weight: 600;
    color: #000;
    margin: 13% 0;
}

@keyframes rollInAndStay {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

.rank_animate {
    animation: rollInAndStay 1s ease-out forwards;
}

section.section04 {
    background-image: url('https://resources.fujifilm.co.kr/upload/img/event/475/pc/bg/section04.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
    height: 1279px;
    position: relative;
}

section.section04 > div  {
    position: relative;
    top: 0;
    left: 0;
    width: 1140px;
    height: 100%;
    margin: 0 auto;
}

section.section04 button {
    position: absolute;
    top: 79%;
    width: 38%;
    height: 6.8%;
    transform: translate(-50%, -50%);
    left: 50%;
}