/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
@import 'https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&subset=korean';
html.os-html, html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important;
}

html.os-html > .os-host > .os-padding {
  position: absolute;
}

body.os-dragging, body.os-dragging * {
  cursor: default;
}

.os-host, .os-host-textarea {
  position: relative;
  overflow: visible !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer, .os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

#os-dummy-scrollbar-size:before, #os-dummy-scrollbar-size:after, .os-content:before, .os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size, .os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  background: 0 0 !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: 0 !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: 0 0 !important;
  outline: 0 transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  float: none !important;
  -webkit-filter: none !important;
  filter: none !important;
  border: 0 !important;
  resize: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  -webkit-perspective: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0 !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer, .os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer, .os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer, .os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
  -ms-flex-positive: inherit;
  flex-grow: inherit;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
}

.os-resize-observer {
  -webkit-animation-duration: 0.001s;
  animation-duration: 0.001s;
  -webkit-animation-name: os-resize-observer-dummy-animation;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}

@-webkit-keyframes os-resize-observer-dummy-animation {
  0% {
    z-index: 0;
  }
  to {
    z-index: -1;
  }
}
@keyframes os-resize-observer-dummy-animation {
  0% {
    z-index: 0;
  }
  to {
    z-index: -1;
  }
}
.os-host-transition > .os-scrollbar, .os-host-transition > .os-scrollbar-corner {
  -webkit-transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute;
  z-index: 999999;
}

.os-scrollbar, .os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: 0 !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off, .os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden, .os-padding + .os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner, .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner, .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

.os-theme-none > .os-scrollbar-horizontal, .os-theme-none > .os-scrollbar-vertical, .os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

.os-theme-dark > .os-scrollbar-horizontal, .os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal, .os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner, .os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner, .os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: 0 0;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable, .os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: 0 0;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: 0 0;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

/* reset */
html,
body,
div,
p,
img,
span,
a,
em,
strong,
pre,
h1,
h2,
h3,
h4,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
tbody,
thead,
tfoot,
tr,
th,
td,
form,
fieldset,
legend,
caption,
input,
textarea,
button,
select,
video,
iframe,
header,
article,
aside,
details,
figcaption,
figure,
footer,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

main,
header,
article,
aside,
details,
figcaption,
figure,
footer,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  color: #000;
  line-height: 1;
  background: #000;
  font-size: 18px;
  font-family: "Nanum Gothic", sans-serif;
}

input,
textarea,
button,
select {
  font-size: inherit;
  font-family: inherit;
}

img,
fieldset,
button {
  border: 0;
}

input,
button,
textarea {
  border: 0 none;
  outline: 0;
}

button {
  cursor: pointer;
}

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

ul,
ol {
  list-style: none;
}

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

a,
img {
  vertical-align: top;
}

.blind {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

em {
  font-style: normal;
}

/* layout */
#wrap {
  position: relative;
  min-width: 1280px;
  overflow: hidden;
}

section {
  position: relative;
  width: 100%;
}

.container {
  position: relative;
  width: 1280px;
  margin: 0 auto;
}

#screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  background: #000;
}
.load #screen {
  opacity: 0;
  transition: opacity 300ms linear;
}

.object_wrap {
  left: 0;
  width: 100%;
}
.object_wrap,
.object_wrap div,
.object_wrap span {
  position: absolute;
}

/* common */
.logo a {
  display: block;
  width: 154px;
  height: 21px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/logo.png") no-repeat;
  text-indent: -99999px;
  overflow: hidden;
}

.content .title span, .content .desc, .content .char {
  opacity: 0;
}
.content .title {
  height: 69px;
}
.content .title span {
  top: 0;
  height: 100%;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/spr_title_content.png") no-repeat;
}
.content .title ._t1 {
  width: 227px;
}
.content .title ._t1 {
  transform: translate(-150px, -150px) rotate(360deg) scale(2);
}
.content .title ._t2 {
  transform: translate(0px, 150px) rotate(-360deg) scale(2);
}
.content .title ._t3 {
  transform: translate(150px, -150px) rotate(360deg) scale(2);
}
.content .desc {
  transform: scale(0.5);
}
.content.active .title span, .content.active .desc, .content.active .char {
  opacity: 1;
}
.content.active .title span {
  transform: translate(0, 0) rotate(0) scale(1);
  transition: opacity 300ms ease, transform 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.05);
}
.content.active .desc {
  transform: scale(1);
  transition: opacity 300ms ease, transform 500ms ease;
  transition-delay: 350ms;
}
.content.active .char {
  transform: translate(0, 0);
  transition: opacity 300ms ease, transform 2000ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

html.overflow {
  overflow-y: hidden;
}

html.overflow body {
  overflow-y: scroll;
}

.gnbWrapper {
  min-width: 1280px !important;
}

.lnb {
  position: absolute;
  top: 0;
  left: 0;
  width: 185px;
  height: 100%;
  background: #1c1d1d;
  z-index: 100;
  transform: translateX(-100%);
  transition: transform 300ms ease;
}
.fixed .lnb {
  position: fixed;
}

.lnb .logo {
  height: 131px;
  box-sizing: border-box;
  padding-top: 55px;
}
.lnb .logo a {
  margin: 0 auto;
}
.lnb .btn_toggle {
  position: absolute;
  top: 0;
  left: 100%;
  width: 40px;
  height: 40px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/btn_lnb_toggle.png") no-repeat;
  text-indent: -99999px;
  overflow: hidden;
  background-color: #101010;
}
.lnb.toggle {
  transform: translateX(0);
}
.lnb.toggle .btn_toggle {
  transform: rotateY(-180deg);
}
.lnb .scroll {
  height: 100%;
}
.lnb nav li {
  border-top: 1px solid #3e3f3f;
}
.lnb nav li:last-child {
  border-bottom: 1px solid #3e3f3f;
}
.lnb nav a {
  display: block;
  height: 159px;
  background: url("https://lwi.nexon.com/cso/2021/0729_event_1B6BF2604257A3CE/spr_lnb.png") no-repeat;
}
.lnb nav .nav1 a {
  background-position-y: 22px;
}
.lnb nav .nav1.on a,
.lnb nav .nav1 a:hover {
  background-color: #111;
  background-position-x: -185px;
}
.lnb nav .nav2 a {
  background-position-y: -138px;
}
.lnb nav .nav2.on a,
.lnb nav .nav2 a:hover {
  background-color: #111;
  background-position-x: -185px;
}
.lnb nav .nav3 a {
  background-position-y: -298px;
}
.lnb nav .nav3.on a,
.lnb nav .nav3 a:hover {
  background-color: #111;
  background-position-x: -185px;
}
.lnb nav .nav4 a {
  background-position-y: -458px;
}
.lnb nav .nav4.on a,
.lnb nav .nav4 a:hover {
  background-color: #111;
  background-position-x: -185px;
}
.lnb nav .link_apply {
  width: 172px;
  height: 119px;
  background-position-x: -401px;
  margin: 20px -13px 0 13px;
}
.lnb nav .link_apply:hover {
  background-position-y: -119px;
}

/* header */
header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
}
header .logo {
  position: absolute;
  top: 55px;
  left: 16px;
}
header .util {
  position: absolute;
  top: 39px;
  right: 48px;
}
header .util ul {
  display: flex;
}
header .util ul li:not(:last-child) {
  margin-right: 8px;
}
header .util .btn {
  display: block;
  height: 56px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/spr_header_util.png") no-repeat;
  text-indent: -99999px;
  overflow: hidden;
}
header .util .btn:hover {
  background-position-y: -56px;
}
header .util .btn_home {
  width: 57px;
  background-position-x: 0px;
}
header .util .btn_start {
  width: 222px;
  background-position-x: -57px;
}
header .util .btn_hide {
  position: relative;
  width: 132px;
  height: 16px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/btn_header_hide.png") no-repeat;
  text-indent: -99999px;
  overflow: hidden;
  margin: 10px 0 0 65px;
}
header .util .btn_hide:hover:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #fff;
}

/* quick */
.quick {
  position: fixed;
  top: 50%;
  right: 48px;
  z-index: 100;
  width: 144px;
  margin-top: -155px;
}
.quick a {
  display: block;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/spr_quick.png") no-repeat;
}
.quick ul {
  background: #000;
  border: 3px solid #961009;
}
.quick ul li:not(:last-child) {
  border-bottom: 1px solid #961009;
}
.quick ul a {
  height: 53px;
  background-position-x: -3px;
}
.quick ul a:hover, .quick ul a.on {
  background-position-x: -147px;
}
.quick .qu1 a {
  background-position-y: 3px;
}
.quick .qu2 a {
  background-position-y: -51px;
}
.quick .qu3 a {
  background-position-y: -105px;
}
.quick .qu4 a {
  background-position-y: -159px;
}
.quick .qu5 a {
  background-position-y: -213px;
}
.quick .btn_top {
  height: 34px;
  background-position-y: -276px;
  margin-top: 7px;
}
.quick .btn_top:hover {
  background-position-x: -144px;
}

/* intro */
.intro {
  height: 1304px;
}
.intro:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/bg_intro.jpg") center top no-repeat;
  padding-left: 0.01%;
}
.intro .object_wrap span, .intro .dday, .intro .title, .intro .btn_register, .intro .fire {
  opacity: 0;
}
.intro .container {
  padding-top: 376px;
}
.intro .object_wrap {
  top: 0;
}
.intro canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.intro .char {
  top: 36px;
  left: -50px;
  width: 1077px;
  height: 1433px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/char_intro.png") no-repeat;
  transform: translate(50%, 50%);
}
.intro .fire {
  top: 612px;
  left: -577px;
  width: 2350px;
  height: 1632px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/fire_intro.png") no-repeat;
  transform: scale(0.9);
  transform-origin: 50% 100%;
}
.intro .dday {
  position: relative;
  width: 491px;
  height: 54px;
  line-height: 56px;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/bg_dday.png") no-repeat;
  transform: scale(1.5);
  margin: 0 auto;
}
.intro .dday .count {
  color: #16ffff;
}
.intro .circle span {
  border-radius: 100%;
  background: #961009;
}
.intro .circle ._c1 {
  width: 198px;
  height: 198px;
  top: 40px;
  left: 225px;
  opacity: 0.65;
  transform: translate(320px, 900px) scale(0);
}
.intro .circle ._c2 {
  width: 172px;
  height: 172px;
  top: 147px;
  left: 893px;
  opacity: 0.4;
  transform: translate(-300px, 900px) scale(0);
}
.intro .circle ._c3 {
  width: 177px;
  height: 177px;
  top: 280px;
  left: -95px;
  opacity: 0.4;
  transform: translate(650px, 900px) scale(0);
}
.intro .circle ._c4 {
  width: 125px;
  height: 125px;
  top: 281px;
  left: 1228px;
  opacity: 0.55;
  transform: translate(-650px, 900px) scale(0);
}
.intro .circle ._c5 {
  width: 125px;
  height: 125px;
  top: 657px;
  left: 53px;
  opacity: 0.55;
  transform: translate(540px, 900px) scale(0);
}
.intro .circle ._c6 {
  width: 191px;
  height: 191px;
  top: 618px;
  left: 1064px;
  opacity: 0.4;
  transform: translate(-500px, 900px) scale(0);
}
.intro .title {
  position: absolute;
  top: 469px;
  left: 325px;
  width: 727px;
  height: 206px;
}
.intro .title span {
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/spr_intro_title.png") no-repeat;
}
.intro .title > div {
  top: 0;
  height: 100%;
}
.intro .title > div ._t1 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position-y: -208px;
}
.intro .title .txt1 {
  left: 0px;
  width: 189px;
  transform: translate(-300px, -300px) rotate(360deg) scale(2);
}
.intro .title .txt1 ._t1 {
  background-position-x: 0px;
}
.intro .title .txt2 {
  left: 202px;
  width: 189px;
  transform: translate(0px, 300px) rotate(-360deg) scale(2);
}
.intro .title .txt2 ._t1 {
  background-position-x: -202px;
}
.intro .title .txt3 {
  left: 393px;
  width: 142px;
  transform: translate(300px, -300px) rotate(360deg) scale(2);
}
.intro .title .txt3 ._t1 {
  background-position-x: -393px;
}
.intro .title .scratch {
  transform-origin: 100% 0;
  transform: scale(0);
}
.intro .title .txt1 ._t2 {
  top: 15px;
  left: -7px;
  width: 71px;
  height: 94px;
  transform: translate(12px, -6px);
}
.intro .title .txt1 .scratch {
  top: -80px;
  left: -44px;
  width: 176px;
  height: 270px;
  background-position: -535px 0;
}
.intro .title .txt3 ._t2 {
  top: 5px;
  right: -185px;
  width: 282px;
  height: 185px;
  background-position: -83px 0;
  transform: translate(-14px, 11px);
}
.intro .title .txt3 .scratch {
  top: -40px;
  right: -36px;
  width: 180px;
  height: 279px;
  background-position: -727px 0;
}
.intro .title .shadow {
  top: -18px;
  left: -25px;
  width: 763px;
  height: 242px;
  background-position: 0 -444px;
}
.intro .title .frag {
  background-position-y: -721px;
}
.intro .title .frag._f1 {
  top: 137px;
  left: -37px;
  width: 26px;
  height: 42px;
  background-position-x: 0px;
}
.intro .title .frag._f2 {
  top: -31px;
  left: 62px;
  width: 48px;
  height: 31px;
  background-position-x: -100px;
}
.intro .title .frag._f3 {
  top: 194px;
  left: 400px;
  width: 49px;
  height: 34px;
  background-position-x: -200px;
}
.intro .title .frag._f4 {
  top: -19px;
  left: 526px;
  width: 60px;
  height: 8px;
  background-position-x: -300px;
}
.intro .desc {
  top: 715px;
  left: 266px;
  width: 748px;
}
.intro .desc span {
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/spr_intro_desc.png") no-repeat;
}
.intro .desc .shadow {
  top: -16px;
  left: -14px;
  width: 776px;
  height: 132px;
  background-position: 0 -142px;
}
.intro .desc .txt {
  left: 0;
  width: 100%;
  height: 25px;
  transform: scale(1.5);
}
.intro .desc ._t1 {
  top: 0px;
  background-position-y: 0px;
}
.intro .desc ._t2 {
  top: 38px;
  background-position-y: -38px;
}
.intro .desc ._t3 {
  top: 76px;
  background-position-y: -76px;
}
.intro .duration {
  top: 853px;
  left: 272px;
  width: 750px;
}
.intro .duration span {
  left: 0;
  width: 100%;
  height: 42px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/spr_intro_duration.png") no-repeat;
  transform: translateY(30px);
}
.intro .duration ._t1 {
  top: 0px;
  background-position-y: 0px;
}
.intro .duration ._t2 {
  top: 49px;
  background-position-y: -42px;
}
.intro .btn_register {
  position: absolute;
  top: 1007px;
  left: 404px;
  width: 472px;
  height: 104px;
  transform: scale(0);
}
.intro .btn_register span {
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/spr_btn_register.png") no-repeat;
}
.intro .btn_register .txt {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -99999px;
  overflow: hidden;
}
.intro .btn_register:hover .txt {
  background-position-y: 100%;
}
.intro .btn_register .arrow {
  top: 40px;
  width: 21px;
  height: 25px;
  background-position: -479px 0;
  animation: arrowMotion 1.2s linear infinite;
}
.intro .btn_register .arrow._a1 {
  left: 388px;
  animation-delay: 0ms;
}
.intro .btn_register .arrow._a2 {
  left: 404px;
  animation-delay: 250ms;
}
.intro .btn_register .arrow._a3 {
  left: 420px;
  animation-delay: 500ms;
}
.load .intro .object_wrap span, .load .intro .dday, .load .intro .title, .load .intro .btn_register, .load .intro .fire {
  opacity: 1;
}
.load .intro .fire {
  transform: scale(1);
  transition: opacity 500ms linear, transform 2000ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.load .intro .circle span {
  transform: translate(0, 0) scale(1);
  transition: opacity 300ms ease, transform 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.load .intro .circle ._c1 {
  transition-delay: 0ms;
}
.load .intro .circle ._c2 {
  transition-delay: 100ms;
}
.load .intro .circle ._c3 {
  transition-delay: 200ms;
}
.load .intro .circle ._c4 {
  transition-delay: 300ms;
}
.load .intro .circle ._c5 {
  transition-delay: 400ms;
}
.load .intro .circle ._c6 {
  transition-delay: 500ms;
}
.load .intro .title .shadow {
  transition: opacity 50ms linear;
}
.load .intro .char {
  transform: translate(0, 0);
  transition: opacity 300ms ease, transform 2000ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.load .intro .dday {
  transform: scale(1);
  transition: opacity 300ms ease, transform 500ms ease;
  transition-delay: 700ms;
}
.load .intro .title div {
  transform: translate(0, 0) rotate(0) scale(1);
  transition: opacity 300ms ease, transform 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.05);
}
.load .intro .title .shadow {
  transition-delay: 1000ms;
}
.load .intro .title .scratch {
  transform: scale(1);
  transition: transform 100ms ease;
  transition-delay: 600ms;
}
.load .intro .title ._t2 {
  transform: translate(0, 0);
  transition: transform 200ms ease;
  transition-delay: 600ms;
}
.load .intro .desc .txt {
  transform: scale(1);
  transition: opacity 300ms ease, transform 500ms ease;
}
.load .intro .desc ._t1 {
  transition-delay: 800ms;
}
.load .intro .desc ._t2 {
  transition-delay: 900ms;
}
.load .intro .desc ._t3 {
  transition-delay: 1000ms;
}
.load .intro .desc .shadow {
  transition-delay: 1500ms;
}
.load .intro .duration span {
  transform: translateY(0);
  transition: opacity 300ms ease, transform 500ms ease;
}
.load .intro .duration ._t1 {
  transition-delay: 1200ms;
}
.load .intro .duration ._t2 {
  transition-delay: 1300ms;
}
.load .intro .btn_register {
  transform: scale(1);
  transition: opacity 300ms ease, transform 400ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
  transition-delay: 1500ms;
}

/* content1 */
.content1 {
  height: 1036px;
}
.content1:before {
  position: absolute;
  top: -100px;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/bg_content1.png") center top no-repeat;
  padding-left: 0.01%;
}
.content1 .container {
  padding-top: 100px;
}
.content1 .tab {
  position: relative;
  width: 1006px;
  z-index: 1;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(50px);
}
.content1 .tab .tab_menu {
  display: flex;
  height: 76px;
  background: #39201e;
}
.content1 .tab .tab_menu li {
  flex: 0 0 334px;
  width: 334px;
  border-right: 1px solid #5e3532;
}
.content1 .tab .tab_menu li:last-child {
  flex: 0 0 335px;
  width: 335px;
  border-right-color: transparent;
}
.content1 .tab .tab_menu li.on, .content1 .tab .tab_menu li:hover {
  border-color: #961009;
}
.content1 .tab .tab_menu a {
  position: relative;
  display: block;
  height: 100%;
  text-indent: -9999px;
  font-size: 0;
  color: transparent;
}
.content1 .tab .tab_menu .tab1 a {
  background-position-x: 0px;
}
.content1 .tab .tab_menu .tab2 a {
  background-position-x: -335px;
}
.content1 .tab .tab_menu .tab3 a {
  background-position-x: -670px;
}
.content1 .tab .tab_menu .on a,
.content1 .tab .tab_menu a:hover {
  background-color: #961009;
  background-position-y: 100% !important;
}
.content1 .tab .tab_menu .on a:before,
.content1 .tab .tab_menu a:hover:before {
  position: absolute;
  top: 0;
  left: -1px;
  content: "";
  width: 1px;
  height: 100%;
  background: #961009;
}
.content1 .tab .tab_content > div {
  position: relative;
  display: none;
}
.content1 .tab .tab_content .on {
  display: block;
}
.content1 .teaser_item .tab_menu a {
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/spr_tab_teaser.png") no-repeat;
}
.content1 .teaser_item .tab_content div {
  height: 283px;
}
.content1 .teaser_item .tab_content .tab1 {
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/tab_item_1.png") no-repeat;
}
.content1 .teaser_item .tab_content .tab2 {
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/tab_item_2_47C43E7DE15CC2A4.png") no-repeat;
}
.content1 .teaser_item .tab_content .tab3 {
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/tab_item_3_A24E918E5B1A477E.png") no-repeat;
}
.content1 .teaser_promotion {
  padding-top: 56px;
}
.content1 .teaser_promotion .tab_menu a {
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/spr_tab_promotion.png") no-repeat;
}
.content1 .teaser_promotion .tab_content .btn {
  position: absolute;
  top: 35px;
  right: 54px;
  width: 168px;
  height: 181px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/btn_webtoon.png") no-repeat;
}
.content1 .teaser_promotion .tab_content .btn:hover {
  background-position-x: 100%;
}
.content1 .teaser_promotion .tab_content div {
  height: 251px;
}
.content1 .teaser_promotion .tab_content .tab1 {
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/tab_promotion_1.png") no-repeat;
}
.content1 .teaser_promotion .tab_content .tab2 {
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/tab_promotion_2_DD5A4DC534252EEF.png") no-repeat;
}
.content1 .teaser_promotion .tab_content .tab3 {
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/tab_promotion_3_75AFBA27A45971AB.png") no-repeat;
}
.content1.active .tab {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 300ms linear, transform 800ms ease;
}
.content1.active .teaser_promotion {
  transition-delay: 200ms;
}

/* content2 */
.content2 {
  height: 1347px;
}
.content2:before {
  position: absolute;
  top: -77px;
  left: 0;
  bottom: -100px;
  content: "";
  width: 100%;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/bg_content2.png") center top no-repeat;
  padding-left: 0.01%;
}
.content2 .char {
  position: absolute;
  top: -498px;
  left: 587px;
  width: 1199px;
  height: 1430px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/char_content2.png") no-repeat;
  transform: translate(-25%, 25%);
}
.content2 .title {
  top: 100px;
  left: 390px;
}
.content2 .title ._t2 {
  left: 245px;
  width: 255px;
  background-position-x: -245px;
}
.content2 .object_wrap {
  top: 0;
}
.content2 .container {
  padding-top: 328px;
}
.content2 .desc {
  left: 314px;
  width: 652px;
  height: 91px;
  top: 197px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/desc_content2.png") no-repeat;
}
.content2 .register,
.content2 .table {
  transform: translateY(50px);
}
.content2 .register {
  position: relative;
  height: 311px;
  box-sizing: border-box;
  padding: 61px 0 0 137px;
}
.content2 .register .bg {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1321px;
  height: 100%;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/bg_register.png") no-repeat;
  margin-left: -660px;
}
.content2 .register .reward {
  position: absolute;
  top: 65px;
  left: 733px;
  width: 410px;
  height: 180px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/reward_register_EEE876C302863331.png") no-repeat;
}
.content2 .register .form {
  position: relative;
  width: 580px;
  border-bottom: 1px solid #822924;
  padding-bottom: 37px;
}
.content2 .register .form .txt {
  display: block;
  width: 563px;
  height: 117px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/txt_form_2641417311D1051A.png") no-repeat;
}
.content2 .register .button {
  display: flex;
  width: 561px;
  justify-content: space-between;
  margin-top: 18px;
}
.content2 .register .button a,
.content2 .register .button button {
  height: 46px;
  text-indent: -99999px;
  overflow: hidden;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/btn_form_75247B4D562C2E99.png") no-repeat;
}
.content2 .register .button a:hover,
.content2 .register .button button:hover {
  background-position-y: 100%;
}
.content2 .register .button a {
  width: 175px;
}
.content2 .register .button .link_agree {
  background-position-x: -175px;
}
.content2 .register .button .btn_submit {
  width: 195px;
  background-position-x: -350px;
}
.content2 .register .phone {
  display: flex;
  height: 54px;
  color: #000;
  font-size: 28px;
  margin-bottom: 33px;
}
.content2 .register .phone .option {
  width: 102px;
  background: #b2b2b2;
  text-align: center;
  line-height: 54px;
}
.content2 .register .phone input {
  display: block;
  width: 286px;
  height: 100%;
  background: #fff;
  box-sizing: border-box;
  padding-left: 28px;
}
.content2 .register .agree li {
  display: flex;
  align-items: center;
  position: relative;
}
.content2 .register .agree li:not(:last-child) {
  margin-bottom: 14px;
}
.content2 .register .agree input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  opacity: 0;
  z-index: 1;
}
.content2 .register .agree input[type=checkbox]:checked + .checkbox:before {
  background-color: #27e9ff;
}
.content2 .register .agree .checkbox {
  position: relative;
  display: block;
  width: 17px;
  height: 17px;
  box-sizing: border-box;
  border: 1px solid #828282;
  margin-right: 11px;
}
.content2 .register .agree .checkbox:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 9px;
  height: 9px;
  background: #828282;
  margin: -4px 0 0 -4px;
}
.content2 .register .agree label {
  height: 17px;
  text-indent: -99999px;
  overflow: hidden;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/spr_register_label.png") no-repeat;
}
.content2 .register .agree .label_policy {
  width: 240px;
}
.content2 .register .agree .label_promotion {
  width: 293px;
  background-position-y: 100%;
}
.content2 .register .agree .btn_detail {
  width: 80px;
  height: 24px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/btn_detail.png") no-repeat;
  text-indent: -99999px;
  overflow: hidden;
  margin-left: 12px;
}
.content2 .table {
  position: relative;
  width: 1006px;
  height: 517px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/table_register_71B56FCF4D0E9F9E.png") 0 100% no-repeat;
  z-index: 1;
  margin: 0 auto;
  padding-top: 71px;
}
.content2 .table .btn_coupon {
  display: none;
  position: absolute;
  top: 284px;
  width: 110px;
  height: 30px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/btn_coupon.png") no-repeat;
  text-indent: -99999px;
  overflow: hidden;
}
.content2 .table .badge {
  display: none;
  position: absolute;
  top: 155px;
  width: 72px;
  height: 72px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/badge_end.png") no-repeat;
}
.content2 .table .btn1 {
  display: block;
  left: 248px;
}
.content2 .table .badge1 {
  display: block;
  left: 197px;
}
.content2 .table .btn2 {
  display: block;
  left: 535px;
}
.content2 .table .badge2 {
  display: block;
  left: 484px;
}
.content2 .table .btn3 {
  display: block;
  left: 812px;
}
.content2 .table .badge3 {
  display: block;
  left: 761px;
}
.content2 .register, .content2 .table {
  opacity: 0;
}
.content2.active .register, .content2.active .table {
  opacity: 1;
}
.content2.active .register,
.content2.active .table {
  transform: translateY(0);
  transition: opacity 300ms linear, transform 800ms ease;
}
.content2.active .register {
  transition-delay: 600ms;
}
.content2.active .table {
  transition-delay: 700ms;
}

/* content3 */
.content3 {
  height: 1056px;
}
.content3 .table, .content3 .item, .content3 .coin span {
  opacity: 0;
}
.content3:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/bg_content3_8092209D209983F7.png") center top no-repeat;
  padding-left: 0.01%;
}
.content3 .char {
  position: absolute;
  top: -266px;
  left: -564px;
  width: 1107px;
  height: 1600px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/char_content3.png") no-repeat;
  transform: translate(25%, 25%);
}
.content3 .title {
  top: 132px;
  left: 320px;
}
.content3 .title ._t2 {
  left: 246px;
  width: 190px;
  background-position: -246px -69px;
}
.content3 .title ._t3 {
  left: 451px;
  width: 188px;
  background-position: -451px -69px;
}
.content3 .desc {
  top: 229px;
  left: 245px;
  width: 790px;
  height: 91px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/desc_content3.png") no-repeat;
}
.content3 .table,
.content3 .item {
  transform: translateY(50px);
}
.content3 .table {
  top: 360px;
  left: 137px;
  width: 1006px;
  height: 212px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/table_content3.png") no-repeat;
}
.content3 .item {
  top: 601px;
  left: 137px;
  width: 1006px;
  height: 324px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/item_content3_67130858C2FAD888.png") no-repeat;
}
.content3 .coin span {
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/spr_content3_coin.png") no-repeat;
}
.content3 .coin ._c1 {
  top: -72px;
  left: 1032px;
  width: 294px;
  height: 262px;
  background-position-y: 0px;
  transform: translate(-400px, 400px) rotate(-720deg) scale(0);
}
.content3 .coin ._c2 {
  top: 300px;
  left: 1328px;
  width: 229px;
  height: 179px;
  background-position-y: -350px;
  transform: translate(-660px, 100px) rotate(720deg) scale(0);
}
.content3 .coin ._c3 {
  top: 711px;
  left: 1084px;
  width: 171px;
  height: 174px;
  background-position-y: -700px;
  transform: translate(-400px, -300px) rotate(-720deg) scale(0);
}
.content3.active .table, .content3.active .item, .content3.active .coin span {
  opacity: 1;
}
.content3.active .table,
.content3.active .item {
  transform: translateY(0);
  transition: opacity 300ms linear, transform 800ms ease;
}
.content3.active .table {
  transition-delay: 600ms;
}
.content3.active .item {
  transition-delay: 700ms;
}
.content3.active .coin span {
  transition: opacity 300ms linear, transform 1500ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: translate(0, 0) rotate(0) scale(1);
}
.content3.active .coin ._c1 {
  transition-delay: 500ms;
}
.content3.active .coin ._c2 {
  transition-delay: 600ms;
}
.content3.active .coin ._c3 {
  transition-delay: 700ms;
}

/* .caution */
.caution {
  background: #12151e;
}
.caution .container {
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/caution.png") 50% 60px no-repeat;
  padding: 298px 0 48px;
}
.caution .button {
  width: 1006px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.caution .button .btn {
  width: 318px;
  height: 64px;
  text-indent: -99999px;
  overflow: hidden;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/spr_btn_caution_C3923A098B2D9DB1.png") no-repeat;
}
.caution .button .btn:hover {
  background-position-y: 100%;
}
.caution .button .btn1 {
  background-position-x: 0px;
}
.caution .button .btn2 {
  background-position-x: -344px;
}
.caution .button .btn3 {
  background-position-x: -688px;
}

/* footer */
footer {
  position: relative;
  height: 67px;
  background: #000;
}
footer .copyright {
  width: 529px;
  height: 67px;
  text-indent: -99999px;
  overflow: hidden;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/copyright.png") no-repeat;
  margin: 0 auto;
}

.modal {
  display: none;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  opacity: 0;
  transition: opacity 300ms ease;
}
.modal.show {
  display: flex;
}
.modal.fade {
  opacity: 1;
}
.modal .modal_wrap {
  position: relative;
  flex: none;
  margin: auto;
}
.modal .modal_header {
  position: relative;
  height: 63px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/bg_modal.png") 100% 0 no-repeat;
  background-color: #961009;
}
.modal .modal_header h2 {
  width: 242px;
  height: 100%;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/title_modal.png") 0 50% no-repeat;
  text-indent: -99999px;
  overflow: hidden;
  margin-left: 31px;
}
.modal .btn_x {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 21px;
  height: 21px;
  text-indent: -99999px;
  overflow: hidden;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/btn_modal_x.png") no-repeat;
}
.modal .modal_body {
  background: #fff;
}
.modal h3 {
  font-weight: normal;
  color: #222;
}
.modal p {
  line-height: 1.25;
}
.modal .red {
  color: #961009;
}
.modal table {
  width: 100%;
  font-size: 14px;
}
.modal table th {
  background: #000;
  color: #fff;
}
.modal table td {
  border: 1px solid #e0e0e0;
  font-weight: bold;
  background: #fafafa;
}
.modal .rules {
  color: #777;
  font-size: 15px;
  margin: 17px 0 30px;
}
.modal .rules li {
  position: relative;
  line-height: 1.3;
  padding-left: 9px;
}
.modal .rules li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "-";
}
.modal .rules li:not(:first-child) {
  margin-top: 5px;
}
.modal .modal_button {
  display: flex;
  justify-content: center;
}
.modal .modal_button button {
  width: 130px;
  height: 46px;
  line-height: 44px;
  color: #fff;
  background: #000;
}
.modal .modal_button button + button {
  margin-left: 7px;
}

/* alert */
.modal_alert {
  z-index: 2000;
}
.modal_alert .modal_wrap {
  width: 394px;
}
.modal_alert .message {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 109px;
  text-align: center;
  word-break: keep-all;
  line-height: 1.25;
  padding: 0 20px;
}
.modal_alert .modal_body {
  padding-bottom: 31px;
}

/* policy */
.modal_policy .modal_wrap {
  width: 718px;
}
.modal_policy .modal_body {
  padding: 34px 31px 43px;
}
.modal_policy h3 + p {
  font-size: 15px;
  color: #777;
  margin: 7px 0 15px;
}
.modal_policy h3:not(:first-child) {
  margin-top: 33px;
}
.modal_policy table {
  width: 100%;
  font-size: 14px;
}
.modal_policy table th {
  height: 51px;
  border-right: 1px solid #4a4a4a;
}
.modal_policy table td {
  height: 49px;
  text-align: center;
}
.modal_policy table td strong {
  font-size: 16px;
}
.modal_policy .table_promotion th:first-child {
  width: 228px;
}
.modal_policy .table_promotion td:last-child {
  width: 274px;
}

/* modal promotion */
.modal_promotion .modal_wrap {
  width: 554px;
  text-align: center;
}
.modal_promotion .modal_body {
  padding: 36px 0 31px;
}
.modal_promotion p {
  margin: 14px 0 36px;
}

/* modal register */
.modal_register .modal_wrap {
  width: 618px;
}
.modal_register .modal_body {
  padding: 34px 31px 43px;
}
.modal_register h3,
.modal_register p {
  text-align: center;
}
.modal_register p {
  margin: 12px 0 20px;
}
.modal_register table th,
.modal_register table td {
  height: 49px;
}
.modal_register table th {
  width: 170px;
  border-bottom: 1px solid #4a4a4a;
}
.modal_register table td {
  border-left: 0;
  padding-left: 30px;
}
.modal_register .btn_copy {
  width: 86px;
  height: 28px;
  background: #961009;
  color: #fff;
  margin-left: 12px;
}

/* webtoon */
.modal_webtoon .modal_wrap {
  width: 100%;
  max-width: 1592px;
  padding-top: 107px;
}
.modal_webtoon .btn_x {
  top: 0;
  right: 0;
  width: 90px;
  height: 90px;
  background: url("https://lwi.nexon.com/cso/2021/0624_event_A55B3EAB51B34217/btn_modal_webtoon_x.png") no-repeat;
}
.modal_webtoon .modal_body {
  width: 100%;
  height: calc(100vh - 214px);
  overflow-y: auto;
  background: #fff;
  margin: 0 auto;
}
.modal_webtoon .webtoon_wrap {
  background: #fff;
  padding: 40px;
}
.modal_webtoon img {
  display: block;
  max-width: 960px;
  margin: 0 auto;
}

@keyframes arrowMotion {
  0% {
    opacity: 0;
    transform: translateX(-3px);
  }
  20% {
    opacity: 1;
    transform: translateX(0);
  }
  80% {
    opacity: 0;
    transform: translateX(6px);
  }
  100% {
    opacity: 0;
    transform: translateX(3px);
  }
}

/*# sourceMappingURL=event_0624_A55B3EAB51B34217.css.map */