@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/477/pc/bg/section01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
    height: 647px;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

section.section01 .bulb1{
    position: absolute !important;
    left: 22% !important;
    top: -4%;
    animation: sway 2.4s infinite;
}

section.section01 .bulb2 {
    position: absolute !important;
    left: 48% !important;
    top: -3%;
    animation: sway 3.4s infinite;
}

section.section01 .bulb3 {
    position: absolute !important;
    left: 76% !important;
    top: -4%;
    animation: sway 4.4s infinite;
}

@keyframes sway {
    0% {
        transform: rotate(8deg);
    }
    50% {
        transform: rotate(-8deg);
    }
    100% {
        transform: rotate(8deg);
    }
}

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

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

.advent-calendar {
    display: grid;
    width: 90%;
    margin: 0 auto;
    position: absolute;
    top: 29%;
    left: 50%;
    transform: translateX(-50%);
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: auto;
    grid-gap: 10px;
    grid-template-areas:    "day1 day2 day2 day3 day4 day5 day6"
                          "day7 day8 day9 day10 day11 day12 day12"
                          "day13 day13 day14 day15 day16 day12 day12"
                          "day13 day13 day17 day18 day19 day19 day20"
                          "day21 day22 day22 day23 day24 day25 day26"
                          "day27 day22 day22 day28 day29 day30 day31"
;
}

.advent-calendar > div {
    min-width: 138px;
    min-height: 134px;
}

.day1 {
    grid-area: day1;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/01.png);
}
.day1 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/01.png);
}

.day2 {
    grid-area: day2;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/02.png);
    width: 287px;
    height: 134px;

}
.day2 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/02.png);
}

.day3 {
    grid-area: day3;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/03.png);
}
.day3 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/03.png);
}

.day4 {
    grid-area: day4;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/04.png);
}
.day4 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/04.png);
}

.day5 {
    grid-area: day5;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/05.png);
}
.day5 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/05.png);
}

.day6 {
    grid-area: day6;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/06.png);
}
.day6 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/06.png);
}

.day7 {
    grid-area: day7;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/07.png);
}
.day7 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/07.png);
}

.day8 {
    grid-area: day8;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/08.png);
}
.day8 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/08.png);
}

.day9 {
    grid-area: day9;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/09.png);
}
.day9 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/09.png);
}

.day10 {
    grid-area: day10;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/10.png);
}
.day10 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/10.png);
}

.day11 {
    grid-area: day11;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/11.png);
}
.day11 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/11.png);
}

.day12 {
    grid-area: day12;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/12.png);
}
.day12 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/12.png);
    width: 286px;
    height: 280px;
}

.day13 {
    grid-area: day13;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/13.png);
    width: 286px;
    height: 278px;
}
.day13 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/13.png);
}

.day14 {
    grid-area: day14;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/14.png);
}
.day14 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/14.png);
}

.day15 {
    grid-area: day15;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/15.png);
}
.day15 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/15.png);
}

.day16 {
    grid-area: day16;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/16.png);
}
.day16 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/16.png);
}

.day17 {
    grid-area: day17;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/17.png);
}
.day17 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/17.png);
}

.day18 {
    grid-area: day18;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/18.png);
}
.day18 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/18.png);
}

.day19 {
    grid-area: day19;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/19.png);
}
.day19 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/19.png);
}

.day20 {
    grid-area: day20;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/20.png);
}
.day20 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/20.png);
}

.day21 {
    grid-area: day21;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/21.png);
}
.day21 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/21.png);
}

.day22 {
    grid-area: day22;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/22.png);
}
.day22 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/22.png);
}

.day23 {
    grid-area: day23;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/23.png);
}
.day23 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/23.png);
}

.day24 {
    grid-area: day24;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/24.png);
}
.day24 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/24.png);
}

.day25 {
    grid-area: day25;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/25.png);
}
.day25 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/25.png);
}

.day26 {
    grid-area: day26;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/26.png);
}
.day26 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/26.png);
}

.day27 {
    grid-area: day27;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/27.png);
}
.day27 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/27.png);
}

.day28 {
    grid-area: day28;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/28.png);
}
.day28 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/28.png);
}

.day29 {
    grid-area: day29;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/29.png);
}
.day29 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/29.png);
}

.day30 {
    grid-area: day30;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/30.png);
}
.day30 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/30.png);
}

.day31 {
    grid-area: day31;
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/front/31.png);
}
.day31 .back {
    background: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/advent/back/31.png);
}

.door {
    width: 100%;
    height: 100%;
    perspective: 1000px;
    transform-style: preserve-3d;
    transition: all 300ms;
    cursor: pointer;
    color: transparent
}

.door div {
    position: absolute;
    height: 100%;
    width: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.door .front {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.door .back {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transform: rotateY(180deg);
}

.open {
    transform: rotateY(180deg);
}

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

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

section.section03 img.blink {
    top: 12.2%;
    left: 50% !important;
    animation: blinker 1s step-end infinite;;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

section.section03 img.plusOne {
    top: 43%;
    left: 58% !important;
    animation: wiggle .5s infinite alternate;
}

@keyframes wiggle {
    0% { transform: rotate(-5deg); }
    100% { transform: rotate(5deg); }
}

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

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

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

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

section.section04 .rank {
    display: flex;
    color: #4e64db;
    font-size: 26px;
    font-weight: 600;
    position: absolute;
    top: 88.4%;
    left: 46%;
    transform: translateX(-50%);
}

section.section04 .rank > div:first-child {
    position: relative;
    left: 0;
}

section.section04 .rank > div:nth-child(2) {
    position: relative;
    left: 20%;
}

section.section04 .rank > div:last-child {
    position: relative;
    left: 40%;
}

section.section04 .rank span {
    display: inline-block;
    min-width: 60px;
    text-align: center;
    font-family: 'Courier New', monospace;
}

section.section05 {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/477/pc/bg/section05.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
    height: 500px;
    position: relative;
}

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

section.section05 button {
    position: absolute;
    top: 73%;
    width: 34%;
    height: 22%;
    transform: translate(-50%, -50%);
    left: 23%;
}

/* 팝업 */
#entryPopup .contents {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/477/popup/entry.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 512px;
}

#entryPopup .inner {
    top: 24%;
}

#entryPopup .contents button {
    position: absolute;
    top: 80%;
    width: 68%;
    height: 12%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.thanksPopup .contents {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/477/popup/complete.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 100%;
    height: 512px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thanksPopup .contents > div:not(.thanks-text)  {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    margin: 0 auto;
}

.thanksPopup .contents .thanks-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    color: #333;
    text-align: center;
    white-space: normal;
    line-height: 1.5;
    padding: 0 20px;
    pointer-events: none;
    max-width: 90%;
}

.thanksPopup .contents button {
    position: absolute;
    top: 87.5%;
    width: 80%;
    height: 15%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 9999;
}

.thanksPopup .popup-footer,
#entryPopup .popup-footer {
    position: relative;
    display: flex;
    justify-content: end;
    gap: 20px;
    margin: 0 20px 10px 0;
}