img{width: 100%;}
#all_wrap{max-width: 1025px; width: 100%; overflow: hidden ; margin: 0 auto; position: relative;text-align: center;}

.page1{background: url(/images/bridge/event01/page1_bg.png)no-repeat; background-position: center; background-size: cover;padding-top:8.2rem ;}
.page1 .img{margin-top: 12rem;}

.page2{background: url(/images/bridge/event01/page2_bg.png)no-repeat;background-position: top; background-size: cover;padding-top:192px;padding-bottom: 89px}
.page2 .img1{margin-top:93px;}
.page2 .img2{margin-top:67px ;}
.page2 .img3{margin-top:67px ;}
.page2 .img4{padding-top: 127px;}

.page3{background: url(/images/bridge/event01/page3_bg.png)no-repeat;background-position: top; background-size: cover;padding-top:144px ;padding-bottom: 104px;}
.page3 .img1{margin-top: 81px;}
.btn{display: block; margin:  0 auto;}
.page3 .btn{margin-top:106px ;}

.page4{background: url(/images/bridge/event01/page4_bg.png)no-repeat;background-position: top; background-size: cover;padding-top:137px ;padding-bottom: 102px;}
.page4 .img1{margin-top: 70px;margin-bottom: 107px;}

.page5{background: url(/images/bridge/event01/page5_bg.png)no-repeat;background-position: top; background-size: cover;padding-top:125px ;padding-bottom: 92px;}
.page5 .img1{margin-top: 71px;margin-bottom: 91px;}
.page5 .img2{margin-top: 27px;margin-bottom: 83px;}

.page6{background: url(/images/bridge/event01/page6_bg.png)no-repeat;background-position: top; background-size: cover;padding-top:155px ;padding-bottom: 183px;}
.page6 .img1{margin-top: 82px;margin-bottom: 78px;}

.page7{background: url(/images/bridge/event01/page7_bg.png)no-repeat;background-position: top; background-size: cover;padding-top:127px ;}
.page7 .img1{margin-top: 358px;padding-bottom: 77px;}

.wow {
    animation-name: customFadeInUp;
}

@keyframes customFadeInUp {
    from {
        opacity: 0;
        transform: translateY(200px); /* 기본 100px → 200px로 더 위에서 시작 */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media screen and (max-width:1024px) {
    html{font-size: 1vw;}
    .page2{padding-top:19.2rem;padding-bottom: 8.9rem}
    .page2 .img1{margin-top:9.3rem;}
    .page2 .img2{margin-top:6.7rem ;}
    .page2 .img3{margin-top:6.7rem;}
    .page2 .img4{padding-top: 12.7rem;}

    .page3{padding-top:14.4rem ;padding-bottom: 10.4rem;}
    .page3 .img1{margin-top: 8.7rem;}
    .page3 .btn{margin-top:10.6rem;}

    .page4{background: url(/images/bridge/event01/page4_bg.png)no-repeat;background-position: top; background-size: cover;padding-top:13.7rem ;padding-bottom: 10.2rem;}
    .page4 .img1{margin-top: 7rem;margin-bottom: 10.7rem;}

    .page5{background: url(/images/bridge/event01/page5_bg.png)no-repeat;background-position: top; background-size: cover;padding-top:12.5rem ;padding-bottom: 9.2rem;}
.page5 .img1{margin-top: 7.1rem;margin-bottom: 9.1rem;}
.page5 .img2{margin-top: 2.7rem;margin-bottom: 8.3rem;}

.page6{background: url(/images/bridge/event01/page6_bg.png)no-repeat;background-position: top; background-size: cover;padding-top:15.5rem ;padding-bottom: 18.3rem;}
.page6 .img1{margin-top: 8.2rem;margin-bottom: 7.8rem;}

.page7{background: url(/images/bridge/event01/page7_bg.png)no-repeat;background-position: top; background-size: cover;padding-top:12.7rem ;}
.page7 .img1{margin-top: 35.8rem;padding-bottom: 7.7rem;}
}

@media screen and (max-width:960px) {
    /* .page3{padding-top:11.4rem ;padding-bottom: 8.1rem; }
    .page3 .img1{margin-top: 12.7rem;} */
    /* .page4{padding-top:10.7rem ;}
    .page4 .img1{margin-top: 13rem; margin-bottom: 11.7rem;} */
}