@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 {
    scroll-behavior: smooth;
    font-family: 'Pretendard';
}

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

section.section01 {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/460/pc/section01.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
    height: 2787px;
    aspect-ratio: 100 / 148.4;
    width: 100%;
    max-width: 1140px;
}

section.section02 {
    margin: 0 auto;
    height: 135px;
    display: flex;
    align-items: end;     
    background-color: #bdbbb0;
    width: 1140px;
}

section.section02 > div {  
    width: 1140px;
    min-width: 1140px;
    margin: 0 auto;    
    height: 135px;
    display: flex;
    align-items: end;
}

section.section02 > div a {
    cursor:pointer;
    outline:none;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    width: 25%;
    height: 134px;
}

section.section02 > div a:first-child,
section.section02 > div a:nth-child(3),
section.section02 > div a:first-child:active,
section.section02 > div a:nth-child(3):active  {
    background-color: #3f3631;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -3;
}

section.section02 > div a.active{
    font-size:38px !important;   
}

section.section02 > div a:nth-child(2),
section.section02 > div a:last-child,
section.section02 > div a:nth-child(2):active,
section.section02 > div a:last-child:active {
    background-color: #665a54;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -3;
}

.section02 div.fixed {
  position: fixed;
  top: 96px;
  left: 0;
  right: 0;
  z-index: 999;
  height: 134px;
}

.section02 div.fixed a { 
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

section.section03 {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/460/pc/section03.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 auto; 
    height: 1262px; 
    /* padding-top: 80.75% */
    aspect-ratio: 100 / 80.75;
    width: 100%;
    max-width: 1140px;
}

section.section03 > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section.section03 > div button{
    width: 28%;
    height: 8%;
    position: absolute;
    bottom: 3%;
    left: 50%;
    transform: translate(-50%, -50%);
}

section.section04 {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/460/pc/section04.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
    height: 1460px;
    /* padding-top:77.4%;    */
    aspect-ratio: 100 / 77.4;
    width: 100%;
    max-width: 1140px;
}

section.section04 > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section.section04 > div button{
    width: 28%;
    height: 6.5%;
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translate(-50%, -50%);
}

section.section05 {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/460/pc/section05.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
    height: 1312px;
    /* padding-top:80.75%    */
    width: 100%;
    max-width: 1140px;
    aspect-ratio: 100 / 80.75;

}

section.section05 > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section.section05 > div button{
    width: 28%;
    height: 8%;
    position: absolute;
    bottom: 3%;
    left: 50%;
    transform: translate(-50%, -50%);
}

section.section06 {
    background-image: url(https://resources.fujifilm.co.kr/upload/img/event/460/pc/section06.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
    /* padding-top: 87.4%     */
    height: 1450px;
    aspect-ratio: 100 / 87.4;
    width: 100%;
    max-width: 1140px;
}

section.section06 > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section.section06 > div button{
    width: 28%;
    height: 7%;
    position: absolute;
    bottom: 7%;
    left: 50%;
    transform: translate(-50%, -50%);
}