.bg1{height: 658px; background-image: url(//img1.itemmania.com/new_images/event/e260327_lordnine/img01.jpg);}
.bg2{height: 1015px; background-image: url(//img1.itemmania.com/new_images/event/e260327_lordnine/img02.jpg);}
.bg3{height: 1353px; background-image: url(//img1.itemmania.com/new_images/event/e260327_lordnine/img03.jpg);}
.bg4{height: 1035px; background-image: url(//img1.itemmania.com/new_images/event/e260327_lordnine/img04.jpg);}
.bg5{height: 2060px; background-image: url(//img1.itemmania.com/new_images/event/e260327_lordnine/img05.jpg);}

.done{pointer-events: none;}
.hidden{visibility: hidden;}

.bg1 .e_date{color: #f3f3f3;}

.bg2 .event_btn_wrapper{position: absolute; top: 574px; width: 100%; display: flex; justify-content: center; gap: 20px;}
.bg2 .event_btn_wrapper .event_btn:hover > .hover_btn{position: absolute; top: 0; width: 380px; height: 110px; outline: 6px solid #ead580; filter: blur(11px);}

.bg3 .remain_quantity_wrapper{position: absolute; top: 391px; right: 300px; display: flex; flex-direction: column; gap: 28px;}
.bg3 .remain_quantity_wrapper span{width: 60px; text-align: center; font-size: 22px; font-family: "tohoma", sans-serif; font-weight: bold; color: #fec200;}
.bg3 .google_giftcard_notice{position: absolute; top: 645px; width: 100%; text-align: center; font-size: 15px; color: #d3d3d3;}
.bg3 .event_btn_wrapper{position: absolute; top: 685px; width: 100%; display: flex; justify-content: center; gap: 20px;}
.bg3 .rewards_percent{position: absolute; top: 930px; right: 327px; width: 178px; text-align: right; font-size: 30px; font-family: "tohoma", sans-serif; font-weight: bold; color: #ffdd76; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.bg3 .rewards_percent span{font-size: 25px;}
.bg3 .rewards_mileage{position: absolute; top: 1026px; right: 356px; width: 246px; text-align: right; font-size: 30px; font-family: "tohoma", sans-serif; font-weight: bold; color: #ffdd76; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.bg4 .mission_wrapper{position: absolute; top: 397px; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 10px;}
.bg4 .mission_wrapper .mission{width: 800px; height: 75px; border-radius: 15px; padding: 20px 40px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.bg4 .mission_wrapper .mission.on{background: linear-gradient(to right, #d77c37, #fb6a50);}
.bg4 .mission_wrapper .mission.off{background: #464646;}
.bg4 .mission_wrapper .mission.large{height: 155px;}
.bg4 .mission_wrapper .mission .mission_info{height: 35px; font-size: 20px; font-family: "Pretendard Variable", sans-serif; font-weight: bold; display: flex; gap: 20px;}
.bg4 .mission_wrapper .mission .mission_info .mission_title i{font-style: italic;}
.bg4 .mission_wrapper .mission.on .mission_info .mission_title{color: #FFFFFF;}
.bg4 .mission_wrapper .mission.off .mission_info .mission_title{color: #cacaca;}
.bg4 .mission_wrapper .mission.on .mission_info .mission_percent{color: #fffd6b;}
.bg4 .mission_wrapper .mission.off .mission_info .mission_percent{color: #FFFFFF;}
.bg4 .mission_wrapper .mission .mission_result{height: 35px; font-size: 20px; font-family: "Pretendard Variable", sans-serif; font-weight: bold; }
.bg4 .mission_wrapper .mission.on .mission_result{color: #fffd6b;}
.bg4 .mission_wrapper .mission.off .mission_result{color: #cacaca;}
.bg4 .mission_wrapper .mission .file_line{margin: 20px 0 18px; width: 720px; height: 1px;}
.bg4 .mission_wrapper .mission.on .file_line{border-top: 1px solid #FFFFFF;}
.bg4 .mission_wrapper .mission.off .file_line{border-top: 1px solid #7E7E7E;}
.bg4 .mission_wrapper .mission .event_btn_wrapper{width: 720px; height: 40px; display: flex; justify-content: space-between; align-items: center;}
.bg4 .mission_wrapper .mission .event_btn_wrapper .event_btn{position: relative; display: inline-flex; width: 132px; height: 40px; align-items: center; justify-content: center; background-color: #202020; color: #FFFFFF; font-size: 15px; font-weight: bold; border-radius: 5px;}
.bg4 .mission_wrapper .mission .event_btn_wrapper .event_btn label[for="upload_certification"]{position: absolute; top: 0; left: 0; width: 132px; height: 40px; cursor: pointer;}
.bg4 .mission_wrapper .mission .event_btn_wrapper input[type="file"]{position: absolute; width: 0; height: 0; opacity: 0;}
.bg4 .mission_wrapper .mission.on .event_btn_wrapper span{font-size: 14px; color: #FFFFFF;}
.bg4 .mission_wrapper .mission.off .event_btn_wrapper span{font-size: 14px; color: #d6d6d6;}

.bg5 .inner{height: 100%;}
.bg5 .screenshot_img_wrapper{position: absolute; top: 925px; width: 100%; height: 635px; padding-top: 225px; display: grid; grid-template-columns: repeat(4, 195px); gap: 20px 25px; justify-content: center;}
.bg5 .screenshot_img_wrapper img{width: 195px; height: 195px; border-radius: 15px;}
.bg5 .screenshot_img_wrapper .empty_screen{width: 195px; height: 195px; border-radius: 15px; background-color: #1c1c1c;}
.bg5 .screenshot_pagination{position: absolute; top: 1590px; width: 100%;}
.bg5 .screenshot_pagination .g_paging{margin: 0;}
.bg5 .screenshot_pagination .g_paging .cpnt{background-image: none; color: #bca794; border: 0;}
.bg5 .screenshot_pagination .g_paging .cpnt a{width: 30px; height: 30px;}
.bg5 .screenshot_pagination .g_paging .cpnt a:before{font-size: 17px; text-align: center; display: inline-block; width: 100%; line-height: 30px;}
.bg5 .screenshot_pagination .g_paging .cpnt.first a:before{content: '<<';}
.bg5 .screenshot_pagination .g_paging .cpnt.prev a:before{content: '<';}
.bg5 .screenshot_pagination .g_paging .cpnt.next a:before{content: '>';}
.bg5 .screenshot_pagination .g_paging .cpnt.last a:before{content: '>>';}
.bg5 .screenshot_pagination .g_paging .page_nums{font-size: 17px; font-weight: bold; color: #bca794; margin: 0 8px;}
.bg5 .screenshot_pagination .g_paging .page_nums a:hover{border-width: 0;}
.bg5 .screenshot_pagination .g_paging .page_nums strong{color: #000000; background-color: #856c55;}
.bg5 .screenshot_pagination .g_paging .page_nums a, .bg3 .screenshot_pagination .g_paging .page_nums strong{width: 30px; height: 30px; line-height: 30px;}
.bg5 .event_btn_wrapper{position: absolute; bottom: 174px; left: 218px;}
.bg5 .event_btn_wrapper .event_btn{position: relative; display: inline-flex; width: 170px; height: 40px; align-items: center; justify-content: center; background-color: #535353; color: #FFFFFF; font-size: 16px; font-weight: bold; border-radius: 5px;}
.bg5 .event_btn_wrapper .event_btn label[for="upload_screenshot"]{position: absolute; top: 0; left: 0; width: 170px; height: 40px; cursor: pointer;}
.bg5 .event_btn_wrapper input[type="file"]{position: absolute; width: 0; height: 0; opacity: 0;}

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