@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap');

html, body, div, ul, li, button, img, h1, table, tbody, thead, tr, td{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Noto Sans KR', sans-serif;
}
ul li{
  list-style: none;
}
button{
  display: block;
  outline: none;
  border: none;
  cursor: pointer;
  font-family:'Noto Sans KR', sans-serif;
}
input{
  font-family:'Noto Sans KR', sans-serif;
}
body{
  min-width: 1280px;
}
body::after{
  position:absolute; width:0; height:0; overflow:hidden; z-index:-1; 
}
img{vertical-align: top;}

.blind {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden
}
#wrap{
  position: relative;
  max-width: 2560px;
  min-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
}
#wrap header {
  position: relative;
  z-index: 100;
}
#wrap header .logo {
  position: absolute;
  top: 23px;
  left: 30px;
  z-index: 100;
}
#wrap header .logo a {
  display: block;
  width: 148px;
  height: 85px;
  background: url(https://lwi.nexon.com/kart/2022/1222_event_5D74B21AB2BF17CD/F32259195C9E9F24.png) no-repeat;
}
#wrap header .util {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 9999;
  border-radius: 30px;
}
#wrap header .util .btn {
  display: block;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/F62CFDB4E8A20B88.png) no-repeat;
  text-indent: -9999px;
}
#wrap header .util .b_game_start {
  float: left;
}
#wrap header .util .b_game_start .btn_gstart {
  display: block;
  width: 94px;
  height: 35px;
  text-indent: -9999px;
  margin-right: 7px;
  background-position: 0 -1px;
}
#wrap header .util .b_game_start .btn_gstart:hover {
  background-position: 0 -52px;
}
#wrap header .util ul,
#wrap header .util ul li{
  float: left;
}
#wrap header .util ul li a,
#wrap header .util ul li button {
  display: block;
  text-indent: -9999px
}
#wrap header .util ul li .btn_home {
  width: 35px;
  height: 35px;
  background-position: -101px -1px;
  margin-right: 5px;
}
#wrap header .util ul li .btn_home:hover {
  background-position: -101px -52px;
}
#wrap header .util ul li .btn_fb {
  width: 34px;
  height: 35px;
  background-position: -140px -1px;
  margin-right: 10px;
}
#wrap header .util ul li .btn_fb:hover {
  background-position: -140px -52px;
}
#wrap header .util ul li .btn_hide {
  width: 67px;
  height: 35px;
  background-position: -184px -1px;
}
#wrap header .util ul li .btn_hide:hover {
  background-position: -184px -52px;
}
.section .inner{
  position: relative;
  width: 1280px;
  margin: 0 auto;
}

.section_01{
  position: relative;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/60B77BD50A6BFB6F.jpg);
  height: 3264px;
  background-position: center top;
  z-index: 2;
}
.section_01 .logo{
  position: absolute;
  top:125px;
  left:361px;
}
.section_01 .title{
  width: 100%;
  position: absolute;
  top:60px;
  pointer-events: none;
}

.section_01 .text{
  position: absolute;
  left:-50px;
}
.section_01 .sub_text{
  position: absolute;
  top: 639px;
  left: 321px;
}
.section_01 .title .left_line{
  position: absolute;
  top:274px;
  left:78px;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/B8772489DDF8CEB1.png);
  width: 280px;
  height: 294px;
}
.section_01 .title .right_line{
  position: absolute;
  top: 277px;
  right: 80px;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/B8772489DDF8CEB2.png);
  width: 232px;
  height: 294px;
}
.section_01 .left_character .line{
  position: absolute;
  top: 474px;
  left: -483px;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/3FDD141A9ED74E0F.png);
  width: 970px;
  height: 672px;
}
.section_01 .left_character .character{
  position: absolute;
  top: 560px;
  left: -122px;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/4FDD141A9ED74E0A.png);
  width: 440px;
  height: 418px;
}
.section_01 .right_character .line{
  position: absolute;
  top: 474px;
  right: -484px;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/3FDD141A9ED74E0G.png);
  width: 979px;
  height: 672px;
}
.section_01 .right_character .character{
  position: absolute;
  top: 477px;
  right: -260px;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/4FDD141A9ED74E0B.png);
  width: 526px;
  height: 508px;
}
.section_01 .intro .obj{
  position: absolute;
  top:-14px;
  left:-554px;
  width: 2406px;
  height: 1150px;
}
.section_01 .intro .obj div{
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/E1D0A9F9C3DB56CC.png);
}
.section_01 .intro .obj .light_01{
  position: absolute;
  top:2px;
  left:0px;
  width: 39px;
  height: 39px;
  background-position: -5px -31px;
  animation: lights 1s infinite forwards;
}
.section_01 .intro .obj .light_02{
  position: absolute;
  top: 444px;
  left: 66px;
  width: 39px;
  height: 39px;
  background-position: -5px -31px;
  animation: lights 1.2s infinite forwards;
}
.section_01 .intro .obj .light_03{
  position: absolute;
  top: 823px;
  left: 128px;
  width: 75px;
  height: 76px;
  background-position: -49px -12px;
  animation: lights 1s infinite forwards linear;
}
.section_01 .intro .obj .light_04{
  position: absolute;
  top: 94px;
  left: 359px;
  width: 24px;
  height: 24px;
  background-position: -127px -38px;
  animation: lights 1.4s infinite forwards linear;
}
.section_01 .intro .obj .light_05{
  position: absolute;
  top: 516px;
  left: 442px;
  width: 52px;
  height: 50px;
  background-position: -156px -25px;
  animation: lights 1.2s infinite forwards linear;
}
.section_01 .intro .obj .light_06{
  position: absolute;
  top: 163px;
  left: 624px;
  width: 76px;
  height: 76px;
  background-position: -210px -12px;
  animation: lights 1.2s infinite forwards linear;
}
.section_01 .intro .obj .light_07{
  position: absolute;
  top: 26px;
  left: 1453px;
  width: 76px;
  height: 75px;
  background-position: -295px -12px;
  animation: lights 1.1s 0.2s infinite forwards linear;
}
.section_01 .intro .obj .light_08{
  position: absolute;
  top: 833px;
  left: 1527px;
  width: 47px;
  height: 45px;
  background-position: -377px -27px;
  animation: lights 1.6s infinite forwards linear;
}
.section_01 .intro .obj .light_09{
  position: absolute;
  top: 244px;
  left: 1650px;
  width: 32px;
  height: 31px;
  background-position: -431px -34px;
  animation: lights 1.3s 0.1s infinite forwards linear;
}
.section_01 .intro .obj .light_10{
  position: absolute;
  top: 411px;
  left: 1877px;
  width: 64px;
  height: 64px;
  background-position: -468px -18px;
  animation: lights 1s 0.2s infinite forwards linear;
}
.section_01 .intro .obj .light_11{
  position: absolute;
  top: 125px;
  left: 2061px;
  width: 76px;
  height: 76px;
  background-position: -534px -12px;
  animation: lights 1.5s 0.2s infinite forwards linear;
}
.section_01 .intro .obj .light_12{
  position: absolute;
  top: 607px;
  left: 2212px;
  width: 54px;
  height: 53px;
  background-position: -618px -23px;
  animation: lights 1.2s infinite forwards linear;
}
.section_01 .intro .obj .light_13{
  position: absolute;
  top: 98px;
  left: 2359px;
  width: 45px;
  height: 45px;
  background-position: -682px -28px;
  animation: lights 2s 1s infinite forwards;
}
@keyframes lights{
  0%{ transform: scale(0); opacity: 0;}
  60%{ transform: scale(1); opacity: 1;}
  100%{ opacity: 0;}
}
.section_01 .point_change_wrap{
  position: absolute;
  top:1362px;
  left:24px;
}
.section_01 .point_change_wrap .content .package_go{
  position: absolute;
  top:311px;
  left:680px;
  width: 230px;
  height: 24px;
}
.section_01 .point_change_wrap .content .point_guide_check{
  position: absolute;
  top: 875px;
  left: 368px;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/9C1C5EA12AC215F8.png);
  width: 494px;
  height: 53px;
  background-position: 0 -3px;
}
.section_01 .point_change_wrap .content .point_guide_check:hover{
  background-position: 0 -59px;
}

.section_01 .point_change_wrap .content .user_info_box{
  position: absolute;
  top: 1004px;
  left: 31px;
  width: 1170px;
  height: 246px;
}
.section_01 .point_change_wrap .content .user_info_box .status{
  position: absolute;
  top: 10px;
  left: 250px;
  width: 670px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section_01 .point_change_wrap .content .user_info_box .status p{
  width: 100%;
  font-size: 26px;
  color: #454545;
  letter-spacing: -0.1px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section_01 .point_change_wrap .content .user_info_box .status p.norider{
  font-size: 24px;
}
.section_01 .point_change_wrap .content .user_info_box .status p span.name{
  color:#2488bb;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  max-width: 190px;
}
.section_01 .point_change_wrap .content .user_info_box .rating_point{
  position: absolute;
  top:146px;
  left:170px;
  font-size: 20px;
  color:#4e4e4e;
  width: 220px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: right;
  padding: 0 20px;
}
.section_01 .point_change_wrap .content .user_info_box .racer_rating{
  position: absolute;
  top:146px;
  left:549px;
  font-size: 20px;
  color:#4e4e4e;
  width: 220px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: right;
  padding: 0 20px;
}
.section_01 .point_change_wrap .content .user_info_box .racer_point{
  position: absolute;
  top:146px;
  left:926px;
  font-size: 20px;
  color:#4e4e4e;
  width: 220px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: right;
  padding: 0 20px;
}
.section_01 .point_change_wrap .content .user_info_box .rating_point_check{
  position: absolute;
  top: 151px;
  left: 138px;
  width: 20px;
  height: 20px;
  background: none;
}
.section_01 .point_change_wrap .content .user_info_box .racer_rating_check{
  position: absolute;
  top: 151px;
  left: 516px;
  width: 20px;
  height: 20px;
  background: none;
}
.section_01 .point_change_wrap .content .point_change_go{
  position: absolute;
  top: 1267px;
  left: 134px;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/D340625BAFE35A5E.png);
  width: 465px;
  height: 121px;
}
.section_01 .point_change_wrap .content .point_change_go:hover{
  background-position: 0 -133px;
}
.section_01 .point_change_wrap .content .point_change_go.disable{
  pointer-events: none;
  background-position: 0 -276px;
}
.section_01 .point_change_wrap .content .benefit_alarm_go{
  position: absolute;
  top: 1267px;
  left: 639px;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/D340625BAFE35A5F.png);
  width: 465px;
  height: 121px;
}
.section_01 .point_change_wrap .content .benefit_alarm_go:hover{
  background-position: 0 -125px;
}
.section_01 .point_change_wrap .benefit_alarm_notice{
  position: absolute;
  top: 1384px;
  left: 639px;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/EF555625397386FA.png);
  width: 465px;
  height: 58px;
  
}
.section_01 .point_change_wrap .notice{
  position: relative;
  margin-top: 86px;
  margin-left: 61px;
}

.section_01 .point_change_wrap .notice a{
  position: absolute;
  top:50px;
  left:746px;
  width: 160px;
  height: 24px;
}

.section_02{
  position: relative;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/60B77BD50A6BFB6G.jpg);
  height: 3498px;
  background-position: center top;
  z-index: 2;
}

.section_02 .snapshot_explain{
  position: absolute;
  top:288px;
  left:24px;
}

.section_02 .snapshot_archive{
  position: absolute;
  top:1590px;
  left:24px;
}

.section_02 .snapshot_archive .tab{
  margin-left:-640px;
  display: flex;
}
.section_02 .snapshot_archive .tab button{
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/D38DB8253428F63F.png);
}
.section_02 .snapshot_archive .tab button:nth-child(1){
  width: 1280px;
  height: 100px;
  background-position: 1px 0;
}
.section_02 .snapshot_archive .tab button:nth-child(2){
  width: 1280px;
  height: 100px;
  background-position: 1281px 0;
}

.section_02 .snapshot_archive .tab.type_01 button:nth-child(1),
.section_02 .snapshot_archive .tab.type_01 button:nth-child(2){
  background-position-y: -111px;
}

.section_02 .snapshot_archive .list_wrap{
  position: absolute;
  top:178px;
  width: 1280px;
}
.section_02 .snapshot_archive .list_wrap .title{
  position: relative;
  left:185px;
}
.section_02 .snapshot_archive .list_wrap .list{
  position: relative;
}
.section_02 .snapshot_archive .list_wrap .list > ul{
  position: relative;
  width: 1280px;
  max-height: 1170px;
  padding-top:46px;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}
.section_02 .snapshot_archive .list_wrap .list > ul li{
  position: relative;
  width: 590px;
  height: 341px;
  margin-bottom:30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/A3E5D1BD044CE99A.png);
}

.section_02 .snapshot_archive .list_wrap .list > ul li .delete{
  position: absolute;
  top:-15px;
  right:-15px;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/E36FB9932B68D8A6.png);
  width: 45px;
  height: 45px;
}

.section_02 .snapshot_archive .list_wrap .list > ul li:nth-child(odd){
  margin-left: 40px;
  margin-right:20px;
}

.section_02 .pagination button{
  background: url('https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/4A13A6F4F2EA6D50.png');
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.section_02 .pagination{
  margin-top:10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section_02 .pagination .first{
  width: 35px;
  height: 35px;
  background-position: -1px -1px;
  margin-right:6px;
}
.section_02 .pagination .prev{
  width: 35px;
  height: 35px;
  background-position: -42px -1px;
}

.section_02 .pagination ul{
  display: flex;
}

.section_02 .pagination ul li{
  width: 11px;
  height: 16px;
  margin-left:18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size:14px;
}
/* 
.section_02 .pagination ul li:nth-child(1){
  background-position: -105px -12px;
}
.section_02 .pagination ul li:nth-child(2){
  background-position: -135px -12px;
}
.section_02 .pagination ul li:nth-child(3){
  background-position: -165px -12px;
}
.section_02 .pagination ul li:nth-child(4){
  background-position: -195px -12px;
}
.section_02 .pagination ul li:nth-child(5){
  background-position: -225px -12px;
}
.section_02 .pagination ul li:nth-child(6){
  background-position: -255px -12px;
}
.section_02 .pagination ul li:nth-child(7){
  background-position: -285px -12px;
}
.section_02 .pagination ul li:nth-child(8){
  background-position: -315px -12px;
}
.section_02 .pagination ul li:nth-child(9){
  background-position: -345px -12px;
}
.section_02 .pagination ul li:nth-child(10){
  width: 22px;
  background-position: -376px -12px;
} */
.section_02 .pagination ul li.on,
.section_02 .pagination ul li:hover{
  color:#d6c210;
  text-decoration: underline;
  /* background-position-y: -83px; */
}
.section_02 .pagination .next{
  width: 35px;
  height: 35px;
  background-position: -426px -1px;
  margin-left: 22px;
  margin-right:6px;
}
.section_02 .pagination .last{
  width: 35px;
  height: 35px;
  background-position: -467px -1px;
}
.section_02 .pagination .first:hover,
.section_02 .pagination .prev:hover,
.section_02 .pagination .next:hover,
.section_02 .pagination .last:hover{
  background-position-y: -72px ;
}

.section_02 .snapshot_upload_go{
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/A7295E900F17B8A2.png);
  width: 570px;
  height: 106px;
  margin:50px auto 0;
}

.section_02 .snapshot_upload_go:hover{
  background-position-y: -113px ;
}
.section_02 .list_empty{
  width: 590px;
  margin:170px auto 0;
}

.section_02 .snapshot_creator{
  position: relative;
  margin-top:78px;
  margin-left:24px;
  display: none;
}

.section_02 .snapshot_creator .snapshot_thumbnail{
  position: absolute;
  top: 549px;
  left: 321px;
}
.section_02 .snapshot_creator .snapshot_thumbnail .created{
  position: relative;
  background: url(https://avatarimg.kart.nexon.com/img/A3E5D1BD044CE99A.png);
  width: 590px;
  height: 341px;
}
.section_02 .snapshot_creator .snapshot_thumbnail .created .created_title{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  font-size:30px;
  color:#fff;
}
.section_02 .snapshot_creator .snapshot_thumbnail .created .created_title > span{
  display: block;
  max-width: 286px;
  height: 70px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color:#09e5ff;
  line-height: 70px;
}
.section_02 .snapshot_creator .snapshot_thumbnail .created .created_title p{
  margin-left:5px;
}
.section_02 .snapshot_creator .snapshot_thumbnail .created .created_title p:nth-child(2){
  margin-left:0;
}
.section_02 .snapshot_creator .snapshot_thumbnail .created .created_body{
  padding:32px 30px;
  display: flex;
}
.section_02 .snapshot_creator .snapshot_thumbnail .created .created_body .thumbnail{
  position: relative;
  min-width: 170px;
  min-height: 200px;
  width: 170px;
  height: 200px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border:2px solid #004bd4;
}
.section_02 .snapshot_creator .snapshot_thumbnail .created .created_body .thumbnail .level{
  position: absolute;
  top:0;
  right:0;
  width: 23px;
  height: 23px;
}
.section_02 .snapshot_creator .snapshot_thumbnail .created .created_body .thumbnail img{
  max-width: 100%;
  max-height: 100%;
}
.section_02 .snapshot_creator .snapshot_thumbnail .created .created_body .thumbnail .level img{
  width: 100%;
  height: 100%;
}
.section_02 .snapshot_creator .snapshot_thumbnail .created .created_body .info{
  padding:11px 0 0 0;
  margin-left:30px;
}
.section_02 .snapshot_creator .snapshot_thumbnail .created .created_body .info div{
  display: flex;
  align-items: center;
  margin-top:2px;
  font-size: 18px;
}
.section_02 .snapshot_creator .snapshot_thumbnail .created .created_body .info .caption{
  color:#fff;
}
.section_02 .snapshot_creator .snapshot_thumbnail .created .created_body .info .caption::before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  margin-right:8px;
  margin-top:-4px;
}
.section_02 .snapshot_creator .snapshot_thumbnail .created .created_body .info .value{
  color:#00d8ff;
  margin-left:4px;
  max-width: 230px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section_02 .snapshot_creator .snapshot_create{
  position: absolute;
  top: 950px;
  left: 88px;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/B1CEA918633FABB1.png);
  width: 338px;
  height: 105px;
}

.section_02 .snapshot_creator .snapshot_save{
  position: absolute;
  top: 950px;
  left: 436px;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/765FAEA33409E7C6.png);
  width: 338px;
  height: 105px;
}

.section_02 .snapshot_creator .snapshot_upload_go{
  position: absolute;
  top: 942px;
  left: 784px;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/6F9E2E36C0AC8D8D.png);
  width: 364px;
  height: 105px;
  margin:0;
}

.section_02 .snapshot_creator .snapshot_create:hover,
.section_02 .snapshot_creator .snapshot_save:hover,
.section_02 .snapshot_creator .snapshot_upload_go:hover{
  background-position: 0 -113px;
 }

.section_02 .snapshot_creator .notice{
  margin-top:47px;
  margin-left:146px;
}
.section_03{
  position: relative;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/60B77BD50A6BFB6H.jpg);
  height: 3376px;
  background-position: center top;
  z-index: 2;
}

.section_03 .bgm_playlist{
  position: absolute;
  top:290px;
  left:110px;
}
.section_03 .bgm_playlist .player{
  position: absolute;
  top: 355px;
  left: 26px;
  width: 1008px;
  height: 570px;
}
.section_03 .bgm_playlist .player iframe{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
}
.section_03 .bgm_playlist .youtube_go{
  background:url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/9B16514E4B960AD0.png);
  position: absolute;
  top: 980px;
  left: 254px;
  width: 560px;
  height: 106px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.section_03 .bgm_playlist .youtube_go:hover{
  background-position-y:-117px;
}
.section_03 .package{
  position: absolute;
  width: 100%;
  top: 1743px;
}
.section_03 .package > img{
  position: absolute;
  left:-228px;
  z-index: 5;
}
.section_03 .package .floor{
  position: absolute;
  top: 995px;
  left:-228px;
}
.section_03 .package .frame{
  position: absolute;
  top: 0px;
  left: 193px;
  transform-origin: center top;
}
.section_03 .package .letter{
  position: absolute;
  top: 255px;
  left: 322px;
  z-index: 6;
}
.section_03 .package .gift_box{
  position: absolute;
  top: 594px;
  left: 312px;
  z-index: 6;
}
.section_03 .package .gift_box_02{
  position: absolute;
  top: 632px;
  left: 472px;
  z-index: 6;
  /* animation: ; */
  animation-fill-mode: alternate;
}
.section_03 .package .ribbon{
  position: absolute;
  top: 793px;
  left: 382px;
  z-index: 6;
}
.section_03 .package .dao{
  position: absolute;
  top: 762px;
  left: -82px;
  z-index: 6;
}
.section_03 .package .newdao{
  position: absolute;
  top: 680px;
  right: -139px;
  z-index: 6;
}
.section_03 .package .notice{
  position: absolute;
  top: 1289px;
  left: 132px;
}
.section_03 .package .notice a.link_01{
  position: absolute;
  top: 78px;
  left: 476px;
  width: 230px;
  height: 30px;
}
.section_03 .package .notice a.link_02{
  position: absolute;
  top: 108px;
  left: 352px;
  width: 230px;
  height: 30px;
}
.footer{
  position: relative;
  width: 100%;
  height: 100px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  overflow-y: auto;
  padding: 56px 0 20px;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.popup.show{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.popup_inner{
  position: relative;
  margin: auto 0;
  width: 100%;
  min-width: 300px;
}
.popup .close{
  position: absolute;
  top:-46px;
  right:0;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/54CE4045F64BFBDE.png) no-repeat;
  width: 34px;
  height: 36px;
  margin-bottom:10px;
  cursor: pointer;
}
.popup .popup_content{
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding:0 0 57px 0;
}

.image_upload_popup .popup_inner{
  max-width: 570px;
}
.image_upload_popup .popup_content .preload{
  position: relative;
  width: 100%;
  text-align: center;
  margin-top:20px;
}
.image_upload_popup .popup_content .preload span{
  font-size: 22px;
  color:#5e5e5e;
}
.image_upload_popup .popup_content .preload .thumbnail{
  margin:10px auto 0;
  max-width: 474px;
  min-height: 275px;
  display: flex;
  justify-content: center;
}
.image_upload_popup .popup_content .preload .thumbnail img{
  width: 100%;
  height: 100%;
}
.image_upload_popup .popup_content .upload_file{
  width: 490px;
  height: 43px;
  background: #efefef;
  text-align: center;
  line-height: 43px;
  margin:20px auto 0;
  color:#8b8b8b;
}
.image_upload_popup .popup_content .button_group{
  margin-top:37px;
}
.image_upload_popup .popup_content .button_group .add_image{
  background: #4c4c4c;
  width: 167px;
  height: 55px;
}
.image_upload_popup .popup_content .button_group .confirm{
  background: #2488bb;
  width: 167px;
  height: 55px;
}
.success_popup .popup_inner{
  max-width: 570px;
}
.success_popup .popup_content .text{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 350px;
  text-align: center;
  font-size: 22px;
  color:#595959;
}
.success_popup .popup_content .button_group .confirm{
  width: 168px;
  height: 56px;
}
.guide_popup .popup_inner{
  position: relative;
  margin: auto 0;
  width: 100%;
  min-width: 1132px;
  max-width: 1132px;
}
.guide_popup .popup_content{
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/38AA970CAD634E93.png);
  height: 847px;
  padding:0;
}
.guide_popup .popup_content iframe{
  position: absolute;
  top:144px;
  left:71px;
  width: 1010px;
  height: 568px;

}
.guide_popup .popup_content .button_group .confirm{
  position: absolute;
  top:744px;
  width: 168px;
  height: 56px;
  background: none;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
.rating_point_popup .popup_inner,
.racer_rating_popup .popup_inner{
  position: relative;
  margin: auto 0;
  width: 100%;
  max-width: 610px;
}
.rating_point_popup .popup_content,
.racer_rating_popup .popup_content{
  padding:0;
}
.racer_rating_popup .popup_content .rating_point_check_01{
  position: absolute;
  top:434px;
  left:420px;
  width: 150px;
  height: 20px;
  background: none;
}
.racer_rating_popup .popup_content .rating_point_check_02{
  position: absolute;
  top:478px;
  left:110px;
  width: 150px;
  height: 20px;
  background: none;
}
.rating_point_popup .popup_content .button_group .confirm,
.racer_rating_popup .popup_content .button_group .confirm{
  position: absolute;
  top:644px;
  left: 220px;
  width: 168px;
  height: 56px;
  background: none;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
.alert_popup .popup_inner{
  position: relative;
  margin: auto 0;
  width: 100%;
  min-width: 300px;
  max-width: 500px;
}
.alert_popup .popup_content{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding:22px 30px 48px;
  word-break: keep-all;
}
.alert_popup .popup_content .message{
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: -0.02em;
  color: #595959;
  display: flex;
  align-items: center;
  min-height: 90px;
  margin:20px 0 28px;
  text-align: center;
  word-break: keep-all;
}

.popup .popup_content .button_group{
  display: flex;
  justify-content: center;
}
.popup .popup_content .button_group button{
  width: 107px;
  height: 45px;
  background: #2488bb;
  font-size: 22px;
  color: #FFFFFF;
  margin-right:14px;
  line-height: 45px;
}
.popup .popup_content .button_group button:last-child{
  margin-right:0;
}
.popup .popup_content .button_group .cancel{
  background: #4c4c4c;
}
.popup .popup_content .button_group .disable{
  pointer-events: none;
  background: #b8b8b8;
  color:#dedede;
}

.quick{
  position: fixed;
  top:35%;
  right:10px;
  z-index: 2000;
}
.quick ul li{
  position: relative;
  background: url(https://lwi.nexon.com/kart/2023/0112_event_E92A3928340FA691/F62CFDB4E8A20B88.png);
  cursor: pointer;
  width: 114px;
  height: 80px;
  margin-bottom: 2px;
}
.quick .button_01{
  background-position: -272px 0;
}
.quick .button_01.on{
  background-position: -408px 0;
}
.quick .button_02{
  background-position: -272px -82px;
}
.quick .button_02.on{
  background-position: -408px -82px;
}
.quick .button_03{
  background-position: -272px -164px;
}
.quick .button_03.on{
  background-position: -408px -164px;
}
.quick .button_04{
  background-position: -272px -246px;
}
.quick .button_04.on{
  background-position: -408px -246px;
}
.quick .top{
  margin: 13px auto 0;
  width: 44px;
  height: 27px;
  background-position: -307px -341px;
}