.bg1{height: 650px; background-image: url(//img1.itemmania.com/new_images/event/e251001_chuseok_main/img_01.jpg);}
.bg2{height: 960px; background-image: url(//img1.itemmania.com/new_images/event/e251001_chuseok_main/img_02.jpg);}
.bg3{height: 570px; background-image: url(//img1.itemmania.com/new_images/event/e251001_chuseok_main/img_03.jpg);}
.bg4{height: 1200px; background-image: url(//img1.itemmania.com/new_images/event/e251001_chuseok_main/img_04.jpg);}
.bg5{height: 1120px; background-image: url(//img1.itemmania.com/new_images/event/e251001_chuseok_main/img_05.jpg);}

.done{pointer-events: none;}

.bg1 .e_date{color: #8b8bff;}

.bg2 .confront{width: 860px; height: 50px; border-radius: 5px; position: absolute; top: 128px; left: 50%; transform: translateX(-50%); font-family: "Pretendard Variable", sans-serif; font-weight: bold; font-size: 30px; text-align: center;}
.bg2 .confront_ing{background-color: #fff; color: #192b85;}
.bg2 .confront_complete{background-color: #000; color: #fff;}
.bg2 .reservation_user{position: relative; top: 200px; text-align: center; font-family: "Pretendard Variable", sans-serif; font-weight: bold; font-size: 30px; color: #ffae00;}
.bg2 .confront_count{position: absolute; top: 285px; right: 230px; display: flex; gap: 150px;}
.bg2 .confront_count div{width: 120px; text-align: right; font-family: "Pretendard Variable", sans-serif; font-weight: bold; font-size: 25px; color: #3b3b3b;}
.bg2 .seesaw_game{width: 860px; height: 540px; position: absolute; top: 404px; left: 172px; display: flex; justify-content: center; align-items: center;}
.bg2 .game_ing{background-image: url(//img1.itemmania.com/new_images/event/e251001_chuseok_main/game.gif);}
.bg2 .game_win{background-image: url(//img1.itemmania.com/new_images/event/e251001_chuseok_main/game_win.gif);}
.bg2 .game_lose{background-image: url(//img1.itemmania.com/new_images/event/e251001_chuseok_main/game_lose.gif);}
.bg2 .game_final_win{background-image: url(//img1.itemmania.com/new_images/event/e251001_chuseok_main/game_final_win.gif);}
.bg2 .game_final_lose{background-image: url(//img1.itemmania.com/new_images/event/e251001_chuseok_main/game_final_lose.gif);}

.bg3 .select_present{position: absolute; top: 334px; left: 315px; display: flex; gap: 235px;}
.bg3 .select_present input[type='radio']{width: 24px; height: 24px; background-color: #fff; border-radius: 50%; cursor: pointer; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.bg3 .select_present input[type='radio']:checked{background-color: #48a5ff; border: 4px solid #fff;}
.bg3 .select_present input[type='radio']:disabled{background-color: #9b9b9b; pointer-events: none;}
.bg3 .present_btn{position: absolute; top: 403px; left: 50%; transform: translateX(-50%);}

.bg5 .calendar_wrapper{width: 862px; display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; margin: 0 auto; position: relative; top: 358px;}
.bg5 .calendar_wrapper .calendar_day{width: 118px; height: 97px; display: flex; justify-content: center; align-items: center; position: relative;}
.bg5 .calendar_wrapper .calendar_day .get_present{position: absolute; top: 60px; left: 50%; transform: translateX(-50%);}
.bg5 .attendance{position: absolute; top: 708px; left: 50%; transform: translateX(-50%);}
.bg5 .attendance_complete{width: 384px; height: 90px; background-color: #000; border-radius: 20px; display: flex; justify-content: center; align-items: center; font-size: 28px; font-weight: bold; color: #ffe985;}

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

.g_layer .inner{background-color: transparent;}
.g_layer .inner .layer_bg{width: 500px; height: 460px; background-image: url(//img1.itemmania.com/new_images/event/e251001_chuseok_main/pop_bg.jpg);}
.g_layer .inner .layer_bg2{width: 500px; height: 460px; background-image: url(//img1.itemmania.com/new_images/event/e251001_chuseok_main/pop_bg2.jpg);}
.g_layer .inner .layer_bg .layer_text{position: absolute; top: 22px; width: 100%; height: 70px; font-size: 27px; color: #fff; font-weight: bold; line-height: 35px; display: flex; justify-content: center; align-items: center; text-align: center;}
.g_layer .inner .layer_bg .select_present{position: absolute; top: 246px; left: 92px; display: flex; gap: 110px;}
.g_layer .inner .layer_bg .select_present input[type='radio']{width: 22px; height: 22px; background-color: #fff; border-radius: 50%; cursor: pointer; outline: 1px solid #9b9b9b; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.g_layer .inner .layer_bg .select_present input[type='radio']:checked{background-color: darkorange; border: 4px solid #fff;}
.g_layer .inner .layer_bg .select_present input[type='radio']:disabled{background-color: #9b9b9b; pointer-events: none;}
.g_layer .inner .layer_bg .layer_btn{position: absolute; width: 100%; top: 288px;}
.g_layer .inner .layer_bg .layer_btn img{display: block; margin: 0 auto;}