/*newpay_event*/
@charset "euc-kr";
body{margin: 0 auto; padding: 0;}

/*----------------------landing page-----------------------*/
#wrap_page_newpay{clear:both; margin: 0; width: 100%; min-width: 1920px; height:4045px; position: relative; text-align: center;}
/*button_common*/
#wrap_page_newpay .button {width: 900px; height: 62px; position: absolute; left: 510px; z-index: 3;cursor:pointer; transition: all 0.1s;}

/*header*/
#wrap_page_newpay .header{clear:both; width: 100%; height: 78px; background:#dedede; z-index: 2; cursor: pointer;}
#wrap_page_newpay .header .header_1920{width: 1920px; height: 78px; line-height: 78px; margin: 0 auto; text-align: left;}
#wrap_page_newpay .header .header_1920 .logo{width: 200px; height: 35px; margin-left: 38px;}
#wrap_page_newpay .header .header_1920 .logo img{width: 100%; height: auto;}

/*content_01*/
#wrap_page_newpay .content_01{clear:both; width: 100%; height: 1741px;}
#wrap_page_newpay .content_01 .content_01_1920{width: 1920px; height: 1741px; position: relative; margin: 0 auto; text-align: center;}
#wrap_page_newpay .content_01 .content_01_1920 .upper_bg{width: 1920px; height: 1741px; position: absolute; top: 0; left: 0; z-index: 0; background:url("../../../images/event/20220103_event/bg_newpay_ev_page_content_01_upper_bg.png") no-repeat center/cover;}
#wrap_page_newpay .content_01 .content_01_1920 .gradient_white{width: 1920px; height: 800px; position: absolute; bottom:541px; z-index: 2; background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255));}
#wrap_page_newpay .content_01 .content_01_1920 .falling_snow{width: 1920px; height: 1200px; overflow: hidden; position: absolute; top: 0; left: 0; background:url("../../../images/event/20220103_event/bg_newpay_ev_page_content_01_snow.png") repeat center/100%; z-index: 1; animation: falling_snow 14s 0s infinite linear normal; transition: all 0.2s;}
    @keyframes falling_snow {
        0% {background-position: center -1200px; opacity: 0;} 
        5% {background-position: center -1200px; opacity: 0.2;} 
        20%{opacity: 1;}
        100% {background-position: center 800px; opacity: 0;}
    }
#wrap_page_newpay .content_01 .content_01_1920 .text{width: 1920px; height: 1741px; position: absolute; top: 0; left: 0; z-index: 3; background:url("../../../images/event/20220103_event/bg_newpay_ev_page_content_01_text.png") no-repeat center/100%;}
/*button*/
#wrap_page_newpay .content_01 .content_01_1920 .btn_01{position: absolute; top: 1579px; background:url("../../../images/event/20220103_event/btn_newpay_ev_page_01.gif") repeat center/100%;}

/*content_02*/
#wrap_page_newpay .content_02{clear:both; width: 100%; height: 985px; background-color: #f2f2f2;}
#wrap_page_newpay .content_02 .content_02_1920{width: 1920px; height: 985px; position: relative; margin: 0 auto; text-align: center;}
#wrap_page_newpay .content_02 .content_02_1920 .text{width: 1920px; height: 985px; position: absolute; top: 0; left: 0; background:url("../../../images/event/20220103_event/bg_newpay_ev_page_content_02_text.png") no-repeat center/100%;}
/*button*/
#wrap_page_newpay .content_02 .content_02_1920 .btn_02{position: absolute; top: 823px; background:url("../../../images/event/20220103_event/btn_newpay_ev_page_02.gif") repeat center/100%;}

/*content_03*/
#wrap_page_newpay .content_03{clear:both; width: 100%; height: 1241px; position: relative; background-color: #fff;}
#wrap_page_newpay .content_03 .bg_content_03_lower{clear:both; width: 100%; height: 400px; position: absolute; bottom: 0; background-color: #112230;}
#wrap_page_newpay .content_03 .content_03_1920{width: 1920px; height:1241px; position: relative; margin: 0 auto; text-align: center;}
#wrap_page_newpay .content_03 .content_03_1920 .text{width: 1920px; height: 1241px; position: absolute; top: 0; left: 0; background:url("../../../images/event/20220103_event/bg_newpay_ev_page_content_03_text.png") no-repeat center/100%;}
/*button*/
#wrap_page_newpay .content_03 .content_03_1920 .btn_03{position: absolute; top: 1031px; background:url("../../../images/event/20220103_event/btn_newpay_ev_page_03.gif") repeat center/100%;}

/*bottom_fixed_bar*/ 
#wrap_page_newpay .fixed_bar{clear:both; width: 100%; height: 88px; position: fixed; bottom: 0; background-color: #e96710; z-index: 10;}
#wrap_page_newpay .fixed_bar .fixed_bar_1920{width: 1920px; height: 88px; position: relative; margin: 0 auto;}
#wrap_page_newpay .fixed_bar .fixed_bar_1920 .text{width: 345px; height: 52px; position: absolute; top: 18px; left: 510px;}
#wrap_page_newpay .fixed_bar .fixed_bar_1920 .text img{width: 100%;}
#wrap_page_newpay .fixed_bar .fixed_bar_1920 .btn_register{width: 300px; height: 58px; position: absolute; top: 15px; left: 1110px; background:url("../../../images/event/20220103_event/btn_newpay_ev_page_go_register.png") repeat center/100%; cursor: pointer; transition: all 0.1s;}
#wrap_page_newpay .fixed_bar .fixed_bar_1920 .btn_register:hover, #wrap_page_newpay .fixed_bar .fixed_bar_1920 .btn_register:focus{animation: passText 2.9s 0s infinite linear normal;}
    @keyframes passText {
        from {background-position: 0 center;} 
        to {background-position: -300px center;}
    }