.bg1{height: 694px; background-image: url(//img1.itemmania.com/new_images/event/e251119_aion2_open/img01.jpg);}
.bg2{height: 1207px; background-image: url(//img1.itemmania.com/new_images/event/e251119_aion2_open/img02.jpg);}
.bg3{height: 1317px; background-image: url(//img1.itemmania.com/new_images/event/e251119_aion2_open/img03.jpg);}
.bg4{height: 610px; background-image: url(//img1.itemmania.com/new_images/event/e251119_aion2_open/img04.jpg);}
.bg5{height: 1657px; background-image: url(//img1.itemmania.com/new_images/event/e251119_aion2_open/img05.jpg);}
.bg6{height: 1300px; background-image: url(//img1.itemmania.com/new_images/event/e251119_aion2_open/img06.jpg);}

.done{pointer-events: none;}

.bg1 .e_date{color: #E9E9E9;}
.bg1 .layer_banner{position: fixed; top: 40vh; right: calc((100vw - 1200px - 180px) / 2); z-index: 1;}
.bg1 .layer_banner.animation{animation: banner_animation 1s infinite alternate;}

.bg2 .inner{height: 100%;}
.bg2 .event_btn_wrapper{position: absolute; top: 615px; width: 100%; display: flex; justify-content: center;}
.bg2 .event_btn_wrapper .event_btn:hover > .hover_btn{position: absolute; top: 0; width: 600px; height: 140px; outline: 7px solid #e9d79b; filter: blur(18px);}
.bg2 .mileage_count{position: absolute; bottom: 100px; right: 390px; font-family: "tohoma", sans-serif; font-size: 45px; font-weight: bold; color: #e9d79b; max-width: 225px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.bg3 .inner{height: 100%;}
.bg3 .event_btn_wrapper{position: absolute; bottom: 243px; right: 226px;}
.bg3 .event_btn_wrapper label[for="upload_receipt"]{position: absolute; top: 0; left: 0; width: 215px; height: 60px; cursor: pointer;}
.bg3 .event_btn_wrapper input[type="file"]{position: absolute; width: 0; height: 0; opacity: 0;}

.bg4 .event_btn_wrapper{position: absolute; top: 332px; width: 100%; display: flex; justify-content: center;}
.bg4 .event_btn_wrapper .event_btn:hover > .hover_btn{position: absolute; top: 0; width: 600px; height: 140px; outline: 7px solid #e9d79b; filter: blur(18px);}

.bg5 .inner{height: 100%;}
.bg5 .screenshot_img_wrapper{position: absolute; top: 443px; width: 100%; height: 244px; display: grid; grid-template-columns: repeat(4, 200px); gap: 20px; justify-content: center;}
.bg5 .screenshot_img_wrapper img{width: 200px; height: 112px;}
.bg5 .screenshot_pagination{position: absolute; top: 751px; width: 100%;}
.bg5 .screenshot_pagination .g_paging{margin: 0;}
.bg5 .screenshot_pagination .g_paging .cpnt{background-color: #fff;}
.bg5 .screenshot_pagination .g_paging .page_nums{font-size: 18px; font-weight: bold; color: #6A6A6A; margin: 0 8px;}
.bg5 .screenshot_pagination .g_paging .page_nums a:hover{border-width: 0;}
.bg5 .screenshot_pagination .g_paging .page_nums strong{color: #fff; background-color: transparent;}
.bg5 .screenshot_pagination .g_paging .page_nums a, .bg5 .screenshot_pagination .g_paging .page_nums strong{width: 39px; height: 39px; line-height: 39px;}
.bg5 .event_btn_wrapper{position: absolute; bottom: 598px; right: 226px;}
.bg5 .event_btn_wrapper label[for="upload_screenshot"]{position: absolute; top: 0; left: 0; width: 215px; height: 60px; cursor: pointer;}
.bg5 .event_btn_wrapper input[type="file"]{position: absolute; width: 0; height: 0; opacity: 0;}

.bg6 .inner{height: 100%;}
.bg6 .event_btn_wrapper{position: absolute; top: 403px; width: 100%; display: flex; justify-content: center;}
.bg6 .event_btn_wrapper .event_btn{width: 650px; height: 190px; background-size: 650px 190px;}
.bg6 .event_btn_wrapper .event_btn.on{background-image: url(//img1.itemmania.com/new_images/event/e251119_aion2_open/btn05.png);}
.bg6 .event_btn_wrapper .event_btn.on:hover{background-image: url(//img1.itemmania.com/new_images/event/e251119_aion2_open/btn05_over.png);}
.bg6 .event_btn_wrapper .event_btn.off{background-image: url(//img1.itemmania.com/new_images/event/e251119_aion2_open/btn05_on.png);}
.bg6 .buy_wrapper{position: absolute; bottom: 190px; width: 100%; display: flex; justify-content: center;}
.bg6 .buy_wrapper div{font-family: "tohoma", sans-serif; font-size: 42px; font-weight: bold; color: #65df4d; width: 435px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;}

.notice{background-color: #111111;}
.e_notice_title{color: #d4d4d4; padding-top: 40px;}
.e_notice{color: #d4d4d4; word-break: keep-all; line-height: 26px;}

@keyframes banner_animation {
    from {transform: translateY(0px);}
    to {transform: translateY(20px);}
}