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

/*----------------------main layer-----------------------*/
#wrap_layer_newpay_2{clear: both; margin: 0; width: 550px; height: 365px; position: relative;}
#wrap_layer_newpay_2 .content{width: 550px; height:365px; position: absolute; top: 0; left: 0; background:url("../../../images/event/20220124_new_year_event/bg_newpay_ev_2_layer.png") no-repeat center/cover;}
/*close button*/
#wrap_layer_newpay_2 .content .btn_close{width:30px; height: 30px; position:absolute; top:10px; right:10px; background:url("../../../images/event/20220124_new_year_event/btn_newpay_ev_2_layer_close.png") no-repeat center/100%; cursor:pointer; transition: all 0.2s;}
#wrap_layer_newpay_2 .content .btn_close:hover, #wrap_layer_newpay_2 .content .btn_close:focus{background:url("../../../images/event/20220124_new_year_event/btn_newpay_ev_2_layer_close_hover.png") no-repeat center/100%;}
/*ebei link*/
#wrap_layer_newpay_2 .content .ebei{width: 165px; height: 45px; position: absolute; top:0px; left:0px; cursor: pointer;}
/*button go event*/
#wrap_layer_newpay_2 .content .btn_go_event{width: 550px; height:61px; position:absolute; bottom: 0px; background:url("../../../images/event/20220124_new_year_event/btn_newpay_ev_2_layer_go_event.png") no-repeat center/100%; cursor:pointer; transition: all 0.2s;}
#wrap_layer_newpay_2 .content .btn_go_event:hover, #wrap_layer_newpay_2 .content .btn_go_event:focus{background:url("../../../images/event/20220124_new_year_event/btn_newpay_ev_2_layer_go_event_hover.png") no-repeat center/100%;}


/*----------------------landing page-----------------------*/
/*-----basic-----*/
#wrap_page_newpay_2_basic{clear:both; margin: 0; width: 100%; height:3412px; position: relative; text-align: center; overflow:hidden; background-image: linear-gradient(to bottom, #22475c 0%, #2d314b 30%);}

/*content*/
#wrap_page_newpay_2_basic .content_wrap{width: 100%; height: 3722px; position: absolute;  text-align: center; top: -10.9%; transform: scale(0.8);}
/*bg_upper_gradiate*/
#wrap_page_newpay_2_basic .content_wrap .bg_gradiation{width: 100%; height: 1429px; position: absolute; top: 0;}
/*bg_img; mountain pattern*/
#wrap_page_newpay_2_basic .content_wrap .bg_img{width:3560px; height: 3722px; position: absolute; top: 0; left: 50%; transform: translate(-50%); background:url("../../../images/event/20220124_new_year_event/bg_newpay_ev_2_landing_content.png") no-repeat center/cover;}
/*main_content*/
#wrap_page_newpay_2_basic .content_wrap .content_1400{width: 1400px; height: 3722px; position: absolute; top: 0; left: 50%; transform: translate(-50%);}
/*top*/
#wrap_page_newpay_2_basic .content_wrap .content_1400 .top{width: 1400px; height: 959px; margin: 0 auto; background:url("../../../images/event/20220124_new_year_event/bg_newpay_ev_2_landing_top.png") no-repeat center/cover;}
/*content_01*/
#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_01{width: 1400px; height:1358px; margin: 0 auto; position: relative; background:url("../../../images/event/20220124_new_year_event/bg_newpay_ev_2_landing_basic_content_01.png") no-repeat center/cover;}
#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_01 .point_illust{width: 240px; height:146px; position: absolute; top: 352px; left: 960px; animation: flying_basic 1.1s 0.8s infinite ease-in-out alternate; transition: all 0.1s;}
@keyframes flying_basic{
    0%{position: absolute; top: 352px;}
    100%{position: absolute; top: 362px;}
}
#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_01 .ricecake_illust {width: 682px; height:486px; position: absolute; top: 352px; left: 50%; transform: translate(-50%); background:url("../../../images/event/20220124_new_year_event/ricecake_newpay_ev_2_landing_content_01.png") no-repeat center/100%; transition: all 0.1s; cursor: pointer;}
#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_01 .ricecake_illust:hover, #wrap_page_newpay_2_basic .content_wrap .content_1400 .content_01 .ricecake_illust:focus{width: 685px; height:483px; position: absolute; top: 353px; left: 50%; background:url("../../../images/event/20220124_new_year_event/ricecake_newpay_ev_2_landing_content_01_hover.png") no-repeat center/100%;}
/*checkbox_¸¶ÄÉÆüö½Åµ¿ÀÇ*/
#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_01 .agree_to_receive_box{width: 466px; height:54px; position: absolute; top: 823px; left: 50%; transform: translate(-50%); z-index: 10;}
#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_01 .agree_to_receive_box label{width: 330px; height:32px; position: absolute; top: 12px; left: 92px; cursor: pointer;}
#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_01 .agree_to_receive_box input[type='checkbox']{-webkit-appearance:none; content:''; border:none; border-radius:0; outline:none;}
#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_01 .agree_to_receive_box input[type='checkbox']:before {content:''; width:30px; height:30px; position: absolute; top: 1px; left: -38px; background:url("../../../images/event/20220124_new_year_event/checkbox_newpay_ev_2_landing_content_01.png") no-repeat center/100%; transition: 0.1s; cursor: pointer;}
#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_01 .agree_to_receive_box input[type='checkbox']:checked:before{background:url("../../../images/event/20220124_new_year_event/checkbox_newpay_ev_2_landing_content_01_checked.png") no-repeat center/100%;}

/* checkbox_¸¶ÄÉÆüö½Åµ¿ÀÇ i¹öÀü Ãß°¡ */
#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_01 .agree_to_receive_box input[type='checkbox'] {display: none;}
#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_01 .agree_to_receive_box input[type='checkbox']+ div {width: 330px; height:32px; position: absolute; top: 0px; left: 0px; cursor: pointer;}
#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_01 .agree_to_receive_box input[type='checkbox']+ div::before{content:''; width:30px; height:30px; position: absolute; top: 1px; left: -37px; background:url("../../../images/event/20220124_new_year_event/checkbox_newpay_ev_2_landing_content_01.png") no-repeat center/100%; transition: 0.1s; cursor: pointer;}
#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_01 .agree_to_receive_box input[type='checkbox']:checked + div:before {background:url("../../../images/event/20220124_new_year_event/checkbox_newpay_ev_2_landing_content_01_checked.png") no-repeat center/100%;}
/*Ãß°¡ÇÑ°Å*/

#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_01 .agree_to_receive_box label .detail{width: 125px; height:32px; position: absolute; top: 0px; right: 0px; cursor: pointer;}
/*content_02*/
#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_02{width: 1400px; height:1405px; margin: 0 auto; position: relative; background:url("../../../images/event/20220124_new_year_event/bg_newpay_ev_2_landing_content_02.png") no-repeat center/cover;}
#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_02 .button_register{width: 430px; height:104px; position: absolute; top: 302px; left: 50%; transform: translate(-50%); background:url("../../../images/event/20220124_new_year_event/btn_newpay_ev_2_landing_register.png") no-repeat center/100%; transition: all 0.1s; cursor: pointer;}
#wrap_page_newpay_2_basic .content_wrap .content_1400 .content_02 .button_register:hover, #wrap_page_newpay_2_basic .content_wrap .content_1400 .content_02 .button_register:focus{background:url("../../../images/event/20220124_new_year_event/btn_newpay_ev_2_landing_register_hover.png") no-repeat center/100%;}

/*bottom*/
#wrap_page_newpay_2_basic .bottom_wrap{width: 100%; height: 434.4px; position: absolute; bottom: 0; background-color: #ffc72b;}
#wrap_page_newpay_2_basic .bottom_wrap .bottom_1400{width:1120px; height: 434.4px; margin: 0 auto; text-align: center;}
#wrap_page_newpay_2_basic .bottom_wrap .bottom_1400 img{width: 100%; height: auto; margin: 0 auto;}



/*-----complete-----*/
#wrap_page_newpay_2_complete{clear:both; margin: 0; width: 100%; height:3412px; position: relative; text-align: center; overflow:hidden; background-image: linear-gradient(to bottom, #22475c 0%, #2d314b 30%);}

/*content*/
#wrap_page_newpay_2_complete .content_wrap{width: 100%; height: 2978px; position: absolute; top: 0; left: 0; text-align: center;}
#wrap_page_newpay_2_complete .content_wrap .bg_gradiation{width: 100%; height: 1143px; position: absolute; top: 0;}
/*bg_img; mountain pattern*/
#wrap_page_newpay_2_complete .content_wrap .bg_img{width:2848px; height: 2978px; position: absolute; top: 0; left: 50%; transform: translate(-50%); background:url("../../../images/event/20220124_new_year_event/bg_newpay_ev_2_landing_content.png") no-repeat center/100%;}
/*main_content*/
#wrap_page_newpay_2_complete .content_wrap .content_1400{width: 1120px; height: 2978px; position: absolute; top: 0; left: 50%; transform: translate(-50%);}
/*top*/
#wrap_page_newpay_2_complete .content_wrap .content_1400 .top{width: 1120px; height: 767px; margin: 0 auto; background:url("../../../images/event/20220124_new_year_event/bg_newpay_ev_2_landing_top.png") no-repeat center/100%;}
/*content_01*/
#wrap_page_newpay_2_complete .content_wrap .content_1400 .content_01{width: 1120px; height:1090px; margin: 0 auto; position: relative; background:url("../../../images/event/20220124_new_year_event/bg_newpay_ev_2_landing_complete_content_01.png") no-repeat center/cover;}
#wrap_page_newpay_2_complete .content_wrap .content_1400 .content_01 .point_illust{width: 192px; height:118px; position: absolute; top: 297px; left: 768px; animation: flying_complete 1s 0.7s infinite ease-in-out alternate; transition: all 0.1s;}
@keyframes flying_complete{
    0%{position: absolute; top: 297px;}
    100%{position: absolute; top: 305px;}
}
#wrap_page_newpay_2_complete .content_wrap .content_1400 .content_01 .point_illust img{width:100%;}

/*content_02*/
#wrap_page_newpay_2_complete .content_wrap .content_1400 .content_02{width: 1120px; height:1121px; margin: 0 auto; position: relative; background:url("../../../images/event/20220124_new_year_event/bg_newpay_ev_2_landing_content_02.png") no-repeat center/100%;}
#wrap_page_newpay_2_complete .content_wrap .content_1400 .content_02 .button_register{width: 344px; height:83.2px; position: absolute; top: 241.6px; left: 50%; transform: translate(-50%); background:url("../../../images/event/20220124_new_year_event/btn_newpay_ev_2_landing_register.png") no-repeat center/100%; transition: all 0.1s; cursor: pointer;}
#wrap_page_newpay_2_complete .content_wrap .content_1400 .content_02 .button_register:hover, #wrap_page_newpay_2_basic .content_wrap .content_1400 .content_02 .button_register:focus{background:url("../../../images/event/20220124_new_year_event/btn_newpay_ev_2_landing_register_hover.png") no-repeat center/100%;}

/*bottom*/
#wrap_page_newpay_2_complete .bottom_wrap{width: 100%; height: 434px; position: absolute; bottom: 0; background-color: #ffc72b;}
#wrap_page_newpay_2_complete .bottom_wrap .content_1400{width:1120px; height: 434px; margin: 0 auto; text-align: center;}
#wrap_page_newpay_2_complete .bottom_wrap .content_1400 img{width: 100%; height: auto; margin: 0 auto;}



/*-----finish-----*/
#wrap_page_newpay_2_finish{clear:both; margin: 0; width: 100%; height:3412px; position: relative; text-align: center; overflow:hidden; background-image: linear-gradient(to bottom, #22475c 0%, #2d314b 30%);}

/*content*/
#wrap_page_newpay_2_finish .content_wrap{width: 100%; height: 2978px; position: absolute; top: 0; left: 0; text-align: center;}
#wrap_page_newpay_2_finish .content_wrap .bg_gradiation{width: 100%; height: 1143px; position: absolute; top: 0;}
/*bg_img; mountain pattern*/
#wrap_page_newpay_2_finish .content_wrap .bg_img{width:2848px; height: 2978px; position: absolute; top: 0; left: 50%; transform: translate(-50%); background:url("../../../images/event/20220124_new_year_event/bg_newpay_ev_2_landing_content.png") no-repeat center/100%;}
/*main_content*/
#wrap_page_newpay_2_finish .content_wrap .content_1120{width: 1120px; height: 2978px; position: absolute; top: 0; left: 50%; transform: translate(-50%);}
/*top*/
#wrap_page_newpay_2_finish .content_wrap .content_1120 .top{width: 1120px; height: 767px; margin: 0 auto; background:url("../../../images/event/20220124_new_year_event/bg_newpay_ev_2_landing_top.png") no-repeat center/100%;}
/*content_01*/
#wrap_page_newpay_2_finish .content_wrap .content_1120 .content_01{width: 1120px; height:997px; margin: 0 auto; position: relative; background:url("../../../images/event/20220124_new_year_event/bg_newpay_ev_2_landing_finish_content_01.png") no-repeat center/cover;}
#wrap_page_newpay_2_finish .content_wrap .content_1120 .content_01 .point_illust{width: 240px; height:118px; position: absolute; top: 288px; left: 720px; animation: flying_complete 1s 0.6s infinite ease-in-out alternate; transition: all 0.1s;}
@keyframes flying_complete{
    0%{position: absolute; top: 288px;}
    100%{position: absolute; top: 296px;}
}
#wrap_page_newpay_2_finish .content_wrap .content_1120 .content_01 .point_illust img{width:100%;}

/*content_02*/
#wrap_page_newpay_2_finish .content_wrap .content_1120 .content_02{width: 1120px; height:1214px; margin: 0 auto; position: relative; background:url("../../../images/event/20220124_new_year_event/bg_newpay_ev_2_landing_finish_content_02.png") no-repeat center/100%;}
#wrap_page_newpay_2_finish .content_wrap .content_1120 .content_02 .button_register{width: 344px; height:83.2px; position: absolute; top: 238px; left: 50%; transform: translate(-50%); background:url("../../../images/event/20220124_new_year_event/btn_newpay_ev_2_landing_register.png") no-repeat center/100%; transition: all 0.1s; cursor: pointer;}
#wrap_page_newpay_2_finish .content_wrap .content_1120 .content_02 .button_register:hover, #wrap_page_newpay_2_basic .content_wrap .content_1400 .content_02 .button_register:focus{background:url("../../../images/event/20220124_new_year_event/btn_newpay_ev_2_landing_register_hover.png") no-repeat center/100%;}
#wrap_page_newpay_2_finish .content_wrap .content_1120 .content_02 .winner_box{width: 800px; height:187px; position: absolute; top: 630px; left: 50%; transform: translate(-50%);}
#wrap_page_newpay_2_finish .content_wrap .content_1120 .content_02 .winner_box .winner_list{width: 28%; display: inline-block; float: left; font-family:"malgun"; color: #2d314b; text-align: left; font-size: 14.8px; font-weight: bold; line-height:1.5; margin-left: 4%; margin-top: 12px;}
#wrap_page_newpay_2_finish .content_wrap .content_1120 .content_02 .winner_box .winner_list:nth-child(1){margin-left: 8%;}
#wrap_page_newpay_2_finish .content_wrap .content_1120 .content_02 .winner_box .winner_list.third{font-size: 12.8px; line-height:1.265;}

/*bottom*/
#wrap_page_newpay_2_finish .bottom_wrap{width: 100%; height: 434px; position: absolute; bottom: 0; background-color: #ffc72b;}
#wrap_page_newpay_2_finish .bottom_wrap .bottom_1120{width:1120px; height: 434px; margin: 0 auto; text-align: center;}
#wrap_page_newpay_2_finish .bottom_wrap .bottom_1120 img{width: 100%; height: auto; margin: 0 auto;}