@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select {
  margin: 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button {
  cursor: pointer;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  outline: none;
}

img,
video {
  height: auto;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

body {
  width: 100%;
  margin: 0;
  overflow-wrap: break-word;
}

a {
  color: black;
  text-decoration: none;
}

:lang(kr) {
  word-break: keep-all;
}

:root {
  --primary-color: #46c1c3;
  --header-height: 92px;
  --footer-height: 120px;
  --inner-width: 1200px;
  --font: 'Noto Sans KR', sans-serif;
}

html {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  background-color: var(--primary-color);
}

body {
  width: 100%;
  position: relative !important;
  font-family: var(--font);
}

.event-end-date {
  position: absolute;
  /* justify-content: center; */
  /* align-items: center; */
  top: 111px;
  left: -440px;
  font-family: 'Do Hyeon', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #f66506;
  text-align: center;
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.common-dim {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 19;
  background-color: rgba(0, 0, 0, 0.77);
}
.common-dim.active {
  display: block;
}

[class*='__inner'] {
  width: var(--inner-width);
  margin: 0 auto;
}

#wrap.bg1 {
  width: 100%;
  padding-top: var(--header-height);
}

.event-section {
  width: 100%;
  background: var(--primary-color) no-repeat center center;
  background-size: auto 100%;
}

.sg-header {
  width: 100%;
}
.sg-header__inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
  height: var(--header-height);
}
.sg-header .sg-logo img {
  display: block;
  width: auto;
  height: 65px;
}
.sg-header .sg-gnb {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 3px;
  margin-right: -12px;
}
.sg-header .sg-gnb a {
  width: 74px;
  height: 44px;
  position: relative;
  background: transparent no-repeat center center;
  background-size: contain;
}
.sg-header .sg-gnb a::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  border-radius: 50%;
  right: -3px;
  background-color: #453f33;
}
.sg-header .sg-gnb a.home-button {
  background-image: url(../images/header/home-page.png);
}
.sg-header .sg-gnb a.gnb_login {
  background-image: url(../images/header/login.png);
}
.sg-header .sg-gnb a.gnb_logout {
  background-image: url(../images/header/logout.png);
}
.sg-header .sg-gnb a.gnb_start {
  width: 84px;
  background-image: url(../images/header/game-start.png);
}
.sg-header .sg-gnb a.gnb_start::after {
  display: none;
}

.bg1 .event-1 {
  height: 1719px;
  padding-top: 892px;
  position: relative;
  background-image: url(../images/bg1.jpg);
}

.bg2 .event-1 {
  height: 1719px;
  padding-top: 892px;
  position: relative;
  background-image: url(../images/bg2.jpg);
}

.bg1 .event-1 .event-period {
  position: absolute;
  top: 240px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  font-size: 24px;
  line-height: 100px;
  color: #ffffff;
  text-shadow:
    0 0 1px #1b2e4c,
    0 0 2px #1b2e4c,
    0 0 3px #1b2e4c,
    1px 0px 1px #1b2e4c,
    -1px 0px 1px #1b2e4c,
    0px 1px 1px #1b2e4c,
    0px -1px 1px #1b2e4c;
  text-align: center;
}

.bg2 .event-1 .event-period {
  position: absolute;
  top: 240px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  font-size: 24px;
  line-height: 100px;
  color: #ffd900;
  text-shadow:
    0 0 1px #1b2e4c,
    0 0 2px #1b2e4c,
    0 0 3px #1b2e4c,
    1px 0px 1px #1b2e4c,
    -1px 0px 1px #1b2e4c,
    0px 1px 1px #1b2e4c,
    0px -1px 1px #1b2e4c,
    2px 2px 2px #1b2e4c;
  text-align: center;
}

.event-1__inner {
  position: relative;
  height: 100%;
}
.event-1 .notice-button {
  display: block;
  width: 118px;
  height: 46px;
  background-color: transparent;
  background-image: url('../images/notice-button.png');
  background-repeat: no-repeat;
  background-size: 200% 100%;
  background-position: 0% center;
  position: absolute;
  left: 522px;
  top: -518px;
}
.event-1 .notice-button.active {
  background-position: 0% center;
}
.event-1 .notice-button:hover {
  background-position: 100% center;
}
.event-1 .notice-button.hover {
  background-position: 100% center;
}
.event-1 .notice-button.disabled,
.event-1 .notice-button:disabled {
  pointer-events: none;
}
.event-1 .notice-button.done {
  pointer-events: none;
}
.event-1 .event-1-notice-button {
  display: block;
  width: 52px;
  height: 45px;
  background: transparent no-repeat center center;
  background-image: unset;
  background-size: contain;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 6px;
  z-index: 1;
}
.event-1 .event-1-notice-button::before {
  content: '';
  display: block;
  display: none;
  width: 723px;
  height: 177px;
  position: absolute;
  left: -334px;
  top: -183px;
  background: transparent url(../images/event-1-notice.png) no-repeat center center;
  background-size: 100% auto;
}
.event-1 .event-1-notice-button:hover::before {
  display: block;
}
.event-1 .character-tab {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.event-1 .character-tab .tab__item {
  display: block;
  width: 236px;
  height: 285px;
  background-color: transparent;
  background-image: url('../images/item-1.png');
  background-repeat: no-repeat;
  background-size: 300% 100%;
  background-position: 0% center;
}
.event-1 .character-tab .tab__item.normal {
  background-position: 0% center;
}
.event-1 .character-tab .tab__item:hover {
  background-position: 50% center;
}
.event-1 .character-tab .tab__item.hover {
  background-position: 50% center;
}
.event-1 .character-tab .tab__item.active {
  background-position: 100% center;
}
.event-1 .character-tab .tab__item.disabled,
.event-1 .character-tab .tab__item:disabled {
  pointer-events: none;
}
.event-1 .character-tab .tab__item.done {
  pointer-events: none;
}
.event-1 .character-tab .tab__item:nth-child(1) {
  background-image: url(../images/tab-1.png);
}
.event-1 .character-tab .tab__item:nth-child(2) {
  background-image: url(../images/tab-2.png);
}
.event-1 .character-tab .tab__item:nth-child(3) {
  background-image: url(../images/tab-3.png);
}
.event-1 .character-tab .tab__item:nth-child(4) {
  background-image: url(../images/tab-4.png);
}
.event-1 .character-tab-panel {
  padding-top: 80px;
}

.reward-item-list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: 0 62px;
}

.sg-reward-item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 9px;
  width: 175px;
  height: 181px;
  padding-top: 21px;
}
.sg-reward-item::before {
  content: '';
  display: block;
  width: 90px;
  height: 93px;
  background: transparent url(../images/items.png) no-repeat 0 0;
  background-size: auto 400%;
}
.sg-reward-item[data-hitter='1']::before {
  background-position: 0px 0px;
}
.sg-reward-item[data-hitter='2']::before {
  background-position: -90px 0px;
}
.sg-reward-item[data-hitter='3']::before {
  background-position: -180px 0px;
}
.sg-reward-item[data-hitter='4']::before {
  background-position: -270px 0px;
}
.sg-reward-item[data-hitter='5']::before {
  background-position: -360px 0px;
}
.sg-reward-item[data-hitter='6']::before {
  background-position: -450px 0px;
}
.sg-reward-item[data-hitter='7']::before {
  background-position: -540px 0px;
}
.sg-reward-item[data-hitter='8']::before {
  background-position: -630px 0px;
}
.sg-reward-item[data-hitter='9']::before {
  background-position: -720px 0px;
}
.sg-reward-item[data-hitter='10']::before {
  background-position: -810px 0px;
}
.sg-reward-item[data-hitter='11']::before {
  background-position: -900px 0px;
}
.sg-reward-item[data-hitter='12']::before {
  background-position: -990px 0px;
}
.sg-reward-item[data-hitter='13']::before {
  background-position: -1080px 0px;
}
.sg-reward-item[data-hitter='14']::before {
  background-position: -1170px 0px;
}
.sg-reward-item[data-hitter='15']::before {
  background-position: -1260px 0px;
}
.sg-reward-item[data-hitter='16']::before {
  background-position: -1350px 0px;
}
.sg-reward-item[data-hitter='17']::before {
  background-position: -1440px 0px;
}
.sg-reward-item[data-hitter='18']::before {
  background-position: -1530px 0px;
}
.sg-reward-item[data-hitter='19']::before {
  background-position: -1620px 0px;
}
.sg-reward-item[data-hitter='20']::before {
  background-position: -1710px 0px;
}
.sg-reward-item[data-hitter='21']::before {
  background-position: 0px -93px;
}
.sg-reward-item[data-hitter='22']::before {
  background-position: -90px -93px;
}
.sg-reward-item[data-hitter='23']::before {
  background-position: -180px -93px;
}
.sg-reward-item[data-hitter='24']::before {
  background-position: -270px -93px;
}
.sg-reward-item[data-hitter='25']::before {
  background-position: -360px -93px;
}
.sg-reward-item[data-hitter='26']::before {
  background-position: -450px -93px;
}
.sg-reward-item[data-hitter='27']::before {
  background-position: -540px -93px;
}
.sg-reward-item[data-hitter='28']::before {
  background-position: -630px -93px;
}
.sg-reward-item[data-hitter='29']::before {
  background-position: -720px -93px;
}
.sg-reward-item[data-hitter='30']::before {
  background-position: -810px -93px;
}
.sg-reward-item[data-hitter='31']::before {
  background-position: -900px -93px;
}
.sg-reward-item[data-hitter='32']::before {
  background-position: -990px -93px;
}
.sg-reward-item[data-hitter='33']::before {
  background-position: -1080px -93px;
}
.sg-reward-item[data-hitter='34']::before {
  background-position: -1170px -93px;
}
.sg-reward-item[data-hitter='35']::before {
  background-position: -1260px -93px;
}
.sg-reward-item[data-hitter='36']::before {
  background-position: -1350px -93px;
}
.sg-reward-item[data-hitter='37']::before {
  background-position: -1440px -93px;
}
.sg-reward-item[data-hitter='38']::before {
  background-position: -1530px -93px;
}
.sg-reward-item[data-hitter='39']::before {
  background-position: -1620px -93px;
}
.sg-reward-item[data-hitter='40']::before {
  background-position: -1710px -93px;
}
.sg-reward-item[data-hitter='41']::before {
  background-position: 0px -186px;
}
.sg-reward-item[data-hitter='42']::before {
  background-position: -90px -186px;
}
.sg-reward-item[data-hitter='43']::before {
  background-position: -180px -186px;
}
.sg-reward-item[data-hitter='44']::before {
  background-position: -270px -186px;
}
.sg-reward-item[data-hitter='45']::before {
  background-position: -360px -186px;
}
.sg-reward-item[data-hitter='46']::before {
  background-position: -450px -186px;
}
.sg-reward-item[data-hitter='47']::before {
  background-position: -540px -186px;
}
.sg-reward-item[data-hitter='48']::before {
  background-position: -630px -186px;
}
.sg-reward-item[data-hitter='49']::before {
  background-position: -720px -186px;
}
.sg-reward-item[data-hitter='50']::before {
  background-position: -810px -186px;
}
.sg-reward-item[data-hitter='51']::before {
  background-position: -900px -186px;
}
.sg-reward-item[data-hitter='52']::before {
  background-position: -990px -186px;
}
.sg-reward-item[data-hitter='53']::before {
  background-position: -1080px -186px;
}
.sg-reward-item[data-hitter='54']::before {
  background-position: -1170px -186px;
}
.sg-reward-item[data-hitter='55']::before {
  background-position: -1260px -186px;
}
.sg-reward-item[data-hitter='56']::before {
  background-position: -1350px -186px;
}
.sg-reward-item[data-hitter='57']::before {
  background-position: -1440px -186px;
}
.sg-reward-item[data-hitter='58']::before {
  background-position: -1530px -186px;
}
.sg-reward-item[data-hitter='59']::before {
  background-position: -1620px -186px;
}
.sg-reward-item[data-hitter='60']::before {
  background-position: -1710px -186px;
}
.sg-reward-item[data-hitter='61']::before {
  background-position: 0px -279px;
}
.sg-reward-item[data-hitter='62']::before {
  background-position: -90px -279px;
}
.sg-reward-item[data-hitter='63']::before {
  background-position: -180px -279px;
}
.sg-reward-item[data-hitter='64']::before {
  background-position: -270px -279px;
}
.sg-reward-item[data-hitter='65']::before {
  background-position: -360px -279px;
}
.sg-reward-item[data-hitter='66']::before {
  background-position: -450px -279px;
}
.sg-reward-item[data-hitter='67']::before {
  background-position: -540px -279px;
}
.sg-reward-item[data-hitter='68']::before {
  background-position: -630px -279px;
}
.sg-reward-item[data-hitter='69']::before {
  background-position: -720px -279px;
}
.sg-reward-item[data-hitter='70']::before {
  background-position: -810px -279px;
}
.sg-reward-item[data-hitter='71']::before {
  background-position: -900px -279px;
}
.sg-reward-item[data-hitter='72']::before {
  background-position: -990px -279px;
}
.sg-reward-item[data-hitter='73']::before {
  background-position: -1080px -279px;
}
.sg-reward-item[data-hitter='74']::before {
  background-position: -1170px -279px;
}
.sg-reward-item[data-hitter='75']::before {
  background-position: -1260px -279px;
}
.sg-reward-item[data-hitter='76']::before {
  background-position: -1350px -279px;
}
.sg-reward-item[data-hitter='77']::before {
  background-position: -1440px -279px;
}
.sg-reward-item[data-hitter='78']::before {
  background-position: -1530px -279px;
}
.sg-reward-item[data-hitter='79']::before {
  background-position: -1620px -279px;
}
.sg-reward-item[data-hitter='80']::before {
  background-position: -1710px -279px;
}
.sg-reward-item[data-hitter='0'] {
  visibility: hidden;
}
.sg-reward-item[data-hitter='']::before {
  background-image: url(../images/item-image-empty.png);
  background-size: contain;
}
.sg-reward-item .get-item-button {
  display: block;
  width: 93px;
  height: 43px;
  background-color: transparent;
  background-image: url('../images/reservation-button.png');
  background-repeat: no-repeat;
  background-size: 300% 100%;
  background-position: 0% center;
}
.sg-reward-item .get-item-button.normal {
  background-position: 0% center;
}
.sg-reward-item .get-item-button:hover {
  background-position: 50% center;
}
.sg-reward-item .get-item-button.hover {
  background-position: 50% center;
}
.sg-reward-item .get-item-button.done {
  background-position: 100% center;
}
.sg-reward-item .get-item-button.disabled,
.sg-reward-item .get-item-button:disabled {
  pointer-events: none;
}
.sg-reward-item .get-item-button.done {
  pointer-events: none;
}
.sg-reward-item .get-item-button.disabled {
  pointer-events: none;
  opacity: 0.4;
}

.complete-reward {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 162px;
  height: 198px;
  margin-top: 19px;
  padding-top: 40px;
  bottom: 64px;
}
.complete-reward .complete-reward-button {
  display: block;
  width: 80px;
  height: 46px;
  background: transparent url(../images/event-1-get-complete-reward.png) no-repeat 0 center;
}

.reservation-timer {
  width: 74px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 619px;
  transform: translate(165px, 0);
  color: white;
}

.bg1 .event-2 {
  height: 1406px;
  background-image: url(../images/bg1_1.jpg);
}
.bg2 .event-2 {
  height: 1406px;
  background-image: url(../images/bg2_1.jpg);
}
.event-2__inner {
  position: relative;
  height: 100%;
}
.event-2 .notice-2-button {
  display: block;
  width: 52px;
  height: 45px;
  background: transparent no-repeat center center;
  background-image: unset;
  background-size: contain;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 577px;
  z-index: 1;
}
.event-2 .notice-2-button::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  width: 723px;
  height: 178px;
  top: -183px;
  margin-left: 1px;
  background: transparent url(../images/event-2-notice.png) no-repeat center center;
  background-size: contain;
}
.event-2 .notice-2-button:hover::before {
  display: block;
}
.event-2 .manner-temperature {
  width: 80px;
  font-size: 18px;
  font-weight: 600;
  color: white;
  text-align: center;
  position: absolute;
  left: 301px;
  top: 648px;
}
.event-2 .manner-temperature::after {
  content: '°C';
  margin-left: -1px;
}
.event-2 .manner-temperature::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 51px;
  max-height: 350px;
  bottom: -390px;
  background-color: #fe0101;
  outline: none;
}
.event-2 .manner-temperature[data-temp='0']::before {
  height: 0px;
}
.event-2 .manner-temperature[data-temp='1']::before {
  height: 1px;
}
.event-2 .manner-temperature[data-temp='2']::before {
  height: 2px;
}
.event-2 .manner-temperature[data-temp='3']::before {
  height: 2.5px;
}
.event-2 .manner-temperature[data-temp='4']::before {
  height: 5px;
}
.event-2 .manner-temperature[data-temp='5']::before {
  height: 7.5px;
}
.event-2 .manner-temperature[data-temp='6']::before {
  height: 10px;
}
.event-2 .manner-temperature[data-temp='7']::before {
  height: 12.5px;
}
.event-2 .manner-temperature[data-temp='8']::before {
  height: 15px;
}
.event-2 .manner-temperature[data-temp='9']::before {
  height: 17.5px;
}
.event-2 .manner-temperature[data-temp='10']::before {
  height: 20px;
}
.event-2 .manner-temperature[data-temp='11']::before {
  height: 22.5px;
}
.event-2 .manner-temperature[data-temp='12']::before {
  height: 25px;
}
.event-2 .manner-temperature[data-temp='13']::before {
  height: 27.5px;
}
.event-2 .manner-temperature[data-temp='14']::before {
  height: 30px;
}
.event-2 .manner-temperature[data-temp='15']::before {
  height: 32.5px;
}
.event-2 .manner-temperature[data-temp='16']::before {
  height: 35px;
}
.event-2 .manner-temperature[data-temp='17']::before {
  height: 37.5px;
}
.event-2 .manner-temperature[data-temp='18']::before {
  height: 40px;
}
.event-2 .manner-temperature[data-temp='19']::before {
  height: 42.5px;
}
.event-2 .manner-temperature[data-temp='20']::before {
  height: 45px;
}
.event-2 .manner-temperature[data-temp='21']::before {
  height: 47.5px;
}
.event-2 .manner-temperature[data-temp='22']::before {
  height: 50px;
}
.event-2 .manner-temperature[data-temp='23']::before {
  height: 52.5px;
}
.event-2 .manner-temperature[data-temp='24']::before {
  height: 55px;
}
.event-2 .manner-temperature[data-temp='25']::before {
  height: 57.5px;
}
.event-2 .manner-temperature[data-temp='26']::before {
  height: 60px;
}
.event-2 .manner-temperature[data-temp='27']::before {
  height: 62.5px;
}
.event-2 .manner-temperature[data-temp='28']::before {
  height: 65px;
}
.event-2 .manner-temperature[data-temp='29']::before {
  height: 67.5px;
}
.event-2 .manner-temperature[data-temp='30']::before {
  height: 70px;
}
.event-2 .manner-temperature[data-temp='31']::before {
  height: 77px;
}
.event-2 .manner-temperature[data-temp='32']::before {
  height: 84px;
}
.event-2 .manner-temperature[data-temp='33']::before {
  height: 91px;
}
.event-2 .manner-temperature[data-temp='34']::before {
  height: 98px;
}
.event-2 .manner-temperature[data-temp='35']::before {
  height: 105px;
}
.event-2 .manner-temperature[data-temp='36']::before {
  height: 112px;
}
.event-2 .manner-temperature[data-temp='37']::before {
  height: 119px;
}
.event-2 .manner-temperature[data-temp='38']::before {
  height: 126px;
}
.event-2 .manner-temperature[data-temp='39']::before {
  height: 133px;
}
.event-2 .manner-temperature[data-temp='40']::before {
  height: 140px;
}
.event-2 .manner-temperature[data-temp='41']::before {
  height: 147px;
}
.event-2 .manner-temperature[data-temp='42']::before {
  height: 154px;
}
.event-2 .manner-temperature[data-temp='43']::before {
  height: 161px;
}
.event-2 .manner-temperature[data-temp='44']::before {
  height: 168px;
}
.event-2 .manner-temperature[data-temp='45']::before {
  height: 175px;
}
.event-2 .manner-temperature[data-temp='46']::before {
  height: 182px;
}
.event-2 .manner-temperature[data-temp='47']::before {
  height: 189px;
}
.event-2 .manner-temperature[data-temp='48']::before {
  height: 196px;
}
.event-2 .manner-temperature[data-temp='49']::before {
  height: 203px;
}
.event-2 .manner-temperature[data-temp='50']::before {
  height: 210px;
}
.event-2 .manner-temperature[data-temp='51']::before {
  height: 217px;
}
.event-2 .manner-temperature[data-temp='52']::before {
  height: 224px;
}
.event-2 .manner-temperature[data-temp='53']::before {
  height: 231px;
}
.event-2 .manner-temperature[data-temp='54']::before {
  height: 238px;
}
.event-2 .manner-temperature[data-temp='55']::before {
  height: 245px;
}
.event-2 .manner-temperature[data-temp='56']::before {
  height: 252px;
}
.event-2 .manner-temperature[data-temp='57']::before {
  height: 259px;
}
.event-2 .manner-temperature[data-temp='58']::before {
  height: 266px;
}
.event-2 .manner-temperature[data-temp='59']::before {
  height: 273px;
}
.event-2 .manner-temperature[data-temp='60']::before {
  height: 280px;
}
.event-2 .manner-temperature[data-temp='61']::before {
  height: 287px;
}
.event-2 .manner-temperature[data-temp='62']::before {
  height: 294px;
}
.event-2 .manner-temperature[data-temp='63']::before {
  height: 301px;
}
.event-2 .manner-temperature[data-temp='64']::before {
  height: 308px;
}
.event-2 .manner-temperature[data-temp='65']::before {
  height: 315px;
}
.event-2 .manner-temperature[data-temp='66']::before {
  height: 322px;
}
.event-2 .manner-temperature[data-temp='67']::before {
  height: 329px;
}
.event-2 .manner-temperature[data-temp='68']::before {
  height: 336px;
}
.event-2 .manner-temperature[data-temp='69']::before {
  height: 343px;
}
.event-2 .manner-temperature[data-temp='70']::before {
  height: 350px;
}
.event-2 .manner-temperature[data-temp='71']::before {
  height: 357px;
}
.event-2 .manner-temperature[data-temp='72']::before {
  height: 364px;
}
.event-2 .manner-temperature[data-temp='73']::before {
  height: 371px;
}
.event-2 .manner-temperature[data-temp='74']::before {
  height: 378px;
}
.event-2 .manner-temperature[data-temp='75']::before {
  height: 385px;
}
.event-2 .manner-temperature[data-temp='76']::before {
  height: 392px;
}
.event-2 .manner-temperature[data-temp='77']::before {
  height: 399px;
}
.event-2 .manner-temperature[data-temp='78']::before {
  height: 406px;
}
.event-2 .manner-temperature[data-temp='79']::before {
  height: 413px;
}
.event-2 .manner-temperature[data-temp='80']::before {
  height: 420px;
}
.event-2 .manner-temperature[data-temp='81']::before {
  height: 427px;
}
.event-2 .manner-temperature[data-temp='82']::before {
  height: 434px;
}
.event-2 .manner-temperature[data-temp='83']::before {
  height: 441px;
}
.event-2 .manner-temperature[data-temp='84']::before {
  height: 448px;
}
.event-2 .manner-temperature[data-temp='85']::before {
  height: 455px;
}
.event-2 .manner-temperature[data-temp='86']::before {
  height: 462px;
}
.event-2 .manner-temperature[data-temp='87']::before {
  height: 469px;
}
.event-2 .manner-temperature[data-temp='88']::before {
  height: 476px;
}
.event-2 .manner-temperature[data-temp='89']::before {
  height: 483px;
}
.event-2 .manner-temperature[data-temp='90']::before {
  height: 490px;
}
.event-2 .manner-temperature[data-temp='91']::before {
  height: 497px;
}
.event-2 .manner-temperature[data-temp='92']::before {
  height: 504px;
}
.event-2 .manner-temperature[data-temp='93']::before {
  height: 511px;
}
.event-2 .manner-temperature[data-temp='94']::before {
  height: 518px;
}
.event-2 .manner-temperature[data-temp='95']::before {
  height: 525px;
}
.event-2 .manner-temperature[data-temp='96']::before {
  height: 532px;
}
.event-2 .manner-temperature[data-temp='97']::before {
  height: 539px;
}
.event-2 .manner-temperature[data-temp='98']::before {
  height: 546px;
}
.event-2 .manner-temperature[data-temp='99']::before {
  height: 553px;
}
.event-2 .manner-temperature[data-temp='100']::before {
  height: 560px;
}
.event-2 .temp-rewards {
  width: 506px;
  height: 637px;
  position: absolute;
  right: 174px;
  bottom: 162px;
}
.event-2 .temp-rewards .reward__item {
  display: block;
  width: 90px;
  height: 93px;
  background-color: transparent;
  background-image: url('../images/item-2.png');
  background-repeat: no-repeat;
  background-size: 300% 100%;
  background-position: 0% center;
  position: absolute;
  pointer-events: none;
}
.event-2 .temp-rewards .reward__item.disabled {
  background-position: 0% center;
}
.event-2 .temp-rewards .reward__item.active {
  background-position: 50% center;
}
.event-2 .temp-rewards .reward__item.done {
  background-position: 100% center;
}
.event-2 .temp-rewards .reward__item.disabled,
.event-2 .temp-rewards .reward__item:disabled {
  pointer-events: none;
}
.event-2 .temp-rewards .reward__item.done {
  pointer-events: none;
}
.event-2 .temp-rewards .reward__item.active {
  pointer-events: all !important;
}
.event-2 .temp-rewards .reward__item[data-temp-reward='30'] {
  right: 70px;
  bottom: 18px;
}
.event-2 .temp-rewards .reward__item[data-temp-reward='40'] {
  left: 81px;
  bottom: 76px;
  background-image: url(../images/item-3.png);
}
.event-2 .temp-rewards .reward__item[data-temp-reward='50'] {
  top: 319px;
  left: 133px;
  background-image: url(../images/item-4.png);
}
.event-2 .temp-rewards .reward__item[data-temp-reward='60'] {
  top: 319px;
  left: 342px;
  background-image: url(../images/item-3.png);
}
.event-2 .temp-rewards .reward__item[data-temp-reward='70-2'],
.event-2 .temp-rewards .reward__item[data-temp-reward='70-1'] {
  cursor: pointer;
}
.event-2 .temp-rewards .reward__item[data-temp-reward='70-2'] input,
.event-2 .temp-rewards .reward__item[data-temp-reward='70-1'] input {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 17px;
  height: 16px;
  bottom: -22px;
  background: transparent url(../images/checkbox.png) no-repeat 100% center;
}
.event-2 .temp-rewards .reward__item[data-temp-reward='70-2'] input:checked,
.event-2 .temp-rewards .reward__item[data-temp-reward='70-1'] input:checked {
  background-position: 0% center;
}
.event-2 .temp-rewards .reward__item[data-temp-reward='70-1'] {
  left: 156px;
  top: 146px;
  background-image: url(../images/item-5.png);
}
.event-2 .temp-rewards .reward__item[data-temp-reward='70-2'] {
  left: 299px;
  top: 146px;
  background-image: url(../images/item-6.png);
}

.sg-footer {
  height: var(--footer-height);
  background-color: var(--primary-color);
}
.sg-footer__inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 23px;
}
.sg-footer__inner .footer__nav {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 0 24px;
}
.sg-footer__inner .footer__nav .nav__item {
  display: block;
  height: 16px;
  background: transparent no-repeat center center;
  background-size: contain;
}
.sg-footer__inner .footer__nav .neowiz {
  width: 86px;
  background-image: url(../images/footer/neowiz.png);
}
.sg-footer__inner .footer__nav .neowiz-sports {
  width: 84px;
  background-image: url(../images/footer/neowiz-sports.png);
}
.sg-footer__inner .footer__nav .copyright {
  width: 274px;
  height: 16px;
  background-image: url(../images/footer/copyright.png);
}
.sg-footer__inner .footer__nav .mail {
  width: 61px;
  justify-self: flex-end;
  margin-left: auto;
  background-image: url(../images/footer/email.png);
}

.common-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 19;
  background: transparent no-repeat center center;
  background-size: contain;
}
.common-popup.active {
  display: block;
}
.common-popup .close-popup {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 17px;
  right: 16px;
  background: transparent;
}

.notice-popup {
  width: 602px;
  height: 516px;
  background-image: url(../images/notice-popup.png);
}