.bg1{height:650px;background-image:url(//img2.itemmania.com/new_images/event/e250304_new_semester/img_01.jpg);}
.bg2{height:860px;background-image:url(//img2.itemmania.com/new_images/event/e250304_new_semester/img_02.jpg);}
.bg3{height:970px;background-image:url(//img3.itemmania.com/new_images/event/e250304_new_semester/img_03.jpg);}
.bg4{height:870px;background-image:url(//img3.itemmania.com/new_images/event/e250304_new_semester/img_04.jpg);}

.e_date{color:#FFF;}
.notice{background-color:#000;}
.e_notice_title{color:#FFF;padding-top:40px;}
.e_notice{color:#FFF;word-break:keep-all;}

.flex_center{display:flex;align-items:center;justify-content:center;}
.pointer{cursor:pointer;}

.bg1 .inner{height:650px;}
.bg1 .e_title{top:100px;left:44px;}
.bg1 .e_title2{top:132px;left:467px;}
.bg1 .e_title3{top:254px;left:59px;}
.bg1 .tab_box{bottom:0;left:calc(50% - 526px);width:1020px;height:100px;}
.bg1 .tab_box > a{flex:1;display:block;height:100px;animation-timing-function:ease-in;}
.bg2 .e_btn_wrap{top:660px;}
.bg2 .btn_join{margin-right:172px !important;}
.bg3 .e_btn_wrap{top:732px;}
.bg3 .btn_box{display:inline-block;margin-right:75px;font-size:0;}
.bg3 .btn_box:last-child{margin-right:0;}
.bg3 .btn_box a:first-child{display:inline-block;margin-right:12px;}
.bg4 .e_btn_wrap{top:692px;}

.top{animation:top 1s alternate;}
.top2{animation:top 1s alternate .1s;}
.bottom{animation:top 1s ease-in-out;}

.g_layer .inner{background-color: transparent;}
.g_layer .inner .p_btn_wrap{position: absolute;bottom:20px;}

@keyframes top {
    from {
        opacity: 0;
        transform: translateY(-250px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes top2 {
    from {
        transform: translateY(-250px);
        opacity: 0;
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes bottom {
    from {
        transform: translateY(250px);
        opacity: 0;
    }
    to{
        opacity: 1;
        transform: translateY(0px);
    }
}