.header{position:fixed;left:0px;right:0px;z-index:100;margin-left:auto;margin-right:auto;height:60px;width:100%;max-width:2560px;
--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms}
@media (min-width: 1024px){.header{height:100px}}
.header::before{position:absolute;top:0px;left:0px;display:block;height:0px;width:100%;background-color:rgba(0,0,0,0.5);
--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
--tw-content:"";content:var(--tw-content);transition:all .2s}
.header .header-inner{position:absolute;top:0px;height:100%;width:100%;background-color: rgba(0,0,0,0.7);}
.header .logo{position:absolute;top:10px;z-index:99999;margin-left:0.5rem;display:block;height:43px;width:94px;background-image:url(../images/center_logo.png);background-size:contain;background-position:center;background-repeat:no-repeat}
@media (min-width: 1024px){.header .logo{top:0px;margin-left:2rem;height:96px;width:142px}}
.header .nav-bar{position:absolute;top:2rem;right:50px;display:none;height:70px}
@media (min-width: 1024px){.header .nav-bar{display:block}}
.header .nav-bar .depth-1{display:flex}
.header .nav-bar .depth-1 .depth-1-menu{position:relative;margin-left:0.25rem;margin-right:2rem;display:inline-block;height:40px;text-align:center;font-size:1.125rem;line-height:1.75rem;font-weight:100;text-transform:uppercase;letter-spacing:-0.025em;}
.header .nav-bar .depth-1 .depth-1-menu:hover{--tw-text-opacity:1;color:rgb(210 152 98 / var(--tw-text-opacity))}
.header .nav-bar .depth-1 .depth-1-menu.active{--tw-text-opacity:1;color:rgb(210 152 98 / var(--tw-text-opacity))}
.header .nav-bar .depth-2{position:absolute;margin-left:-16px;display:none;width:160px;
--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity))}
.header .nav-bar .depth-2 a{display:block;background-color:rgba(0,0,0,0.7);padding-top:0.25rem;padding-bottom:0.5rem;padding-left:1.5rem;text-align:left;font-family:"IBM Plex Serif";font-size:1rem;font-weight:600;line-height:2rem}
.header .nav-bar .depth-2 a:hover{background-color:rgba(0,0,0,1.0);
--tw-text-opacity:1;color:rgb(210 152 98 / var(--tw-text-opacity))}
.header .nav-bar .depth-2.show{display:block}
.header .nav-bar .depth-2.pne-submenu{width:210px;padding-left:0.5rem;padding-right:0.5rem}
.header .nav-bar .depth-1-menu-wrap:hover .depth-1-menu{--tw-text-opacity:1;color:rgb(210 152 98 / var(--tw-text-opacity))}
.header .nav-bar .depth-1-menu-wrap:hover .depth-2{display:block}
.header .header-right-wrap{position:absolute;right:0.75rem;top:0px;z-index:2000;display:flex;height:60px;width:100%;align-items:center}
@media (min-width: 1024px){.header .header-right-wrap{right:2rem;top:1rem;width:auto}}
.header .btn-register{position:absolute;right:2.5rem;margin-right:1rem;display:flex;height:40px;width:151px;align-items:center;justify-content:center;background-image:url(../images/btn_register_default.png);background-size:contain;background-position:center;background-repeat:no-repeat;text-align:center;font-size:0.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:-0.025em}
@media (min-width: 1024px){.header .btn-register{right:60px;height:51px;width:190px;font-size:1rem;line-height:1.5rem;line-height:36px}}
.header .btn-register::after{position:absolute;top:0px;left:0px;margin-right:1rem;display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-image:url(../images/btn_register_hover.png);background-size:contain;background-position:center;background-repeat:no-repeat;text-align:center;font-size:0.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;
--tw-content:"Pre-Register";content:var(--tw-content)}
@media (min-width: 1024px){.header .btn-register::after{font-size:1rem;line-height:1.5rem}}
.header .btn-register:lang(ko)::after{--tw-content:"사전예약";content:var(--tw-content)}
.header .btn-register:hover::after{opacity:1}
.header .btn-burger{position:absolute;right:0px;top:0.5rem;height:40px;width:40px}
.header .btn-burger{position:absolute;right:0px;top:0.5rem;height:40px;width:40px}
@media (min-width: 1024px){.header .btn-burger{display:none}}
.header .btn-burger .line{position:absolute;top:50%;left:50%;display:block;height:2px;width:22px;
--tw-translate-x:-50%;
--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.header .btn-burger .line::before{position:absolute;top:-8px;display:block;height:2px;width:100%;
--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));
--tw-content:"";content:var(--tw-content)}
.header .btn-burger .line::after{position:absolute;top:8px;display:block;height:2px;width:100%;
--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));
--tw-content:"";content:var(--tw-content)}
.header .btn-burger.open .line{background-color:transparent}
.header .btn-burger.open .line::before{top:0px;transform:rotate(45deg);background-color:#fff}
.header .btn-burger.open .line::after{top:0px;transform:rotate(-45deg);background-color:#fff}
.header .btn-lang-wrap{position:relative;display:none;height:40px;width:60px}
@media (min-width: 1024px){.header .btn-lang-wrap{display:block}}
.header .btn-lang{position:absolute;height:40px;width:100%;padding-top:0.5rem;padding-left:0.25rem;font-family:"Noto Sans";font-size:0.875rem;line-height:1.25rem;font-weight:600}
.header .btn-lang::before{position:absolute;right:0.25rem;top:17px;display:block;height:0.25rem;width:8px;border-width:4px;
--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity));border-bottom-color:transparent;border-right-color:transparent;border-left-color:transparent;
--tw-content:"";content:var(--tw-content)}
.header .btn-lang::after{position:absolute;left:0px;bottom:0.25rem;display:block;height:1px;width:100%;
--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));opacity:0.2;
--tw-content:"";content:var(--tw-content)}
.header .dropdown-menu{position:absolute;top:35px;right:0px;z-index:50;display:none;width:60px;background-color:rgba(0,0,0,0.2);font-size:0.875rem;line-height:1.25rem}
.header .dropdown-menu.open{display:block}
.header .dropdown-menu a{display:block;height:40px;width:100%;border-bottom-width:1px;border-color:rgba(255,255,255,0.2);padding-left:0.75rem;font-family:san-serif;font-size:0.875rem;line-height:1.25rem;line-height:40px}
.header .dropdown-menu a:hover{--tw-text-opacity:1;color:rgb(250 204 21 / var(--tw-text-opacity))}
.header.scrollup{transform:none}
.header.scrollup::before{top:0px;height:60px}
@media (min-width: 1024px){.header.scrollup::before{height:100px}}
@-webkit-keyframes headReveal{0%{top:-200px}100%{top:0}}
@keyframes headReveal{0%{top:-200px}100%{top:0}}
.right-menu-wrap{position:fixed;top:calc(50% - 340px);right:1.5rem;z-index:20;display:none;height:600px;width:3rem}
@media (min-width: 1024px){.right-menu-wrap{display:block}}
.right-menu-wrap.pos-fixed{position:fixed}
.right-menu-bar{position:absolute;top:calc(50% - 100px);display:flex;width:3rem;flex-direction:column}
.right-menu-bar a{position:relative;margin-top:0.25rem;margin-bottom:0.25rem;display:flex;height:3rem;width:3rem;align-items:center;justify-content:center}
.right-menu-bar a::after{position:absolute;right:44px;display:none;height:32px;width:100px;align-items:center;justify-content:center;border-radius:20px;background-color:rgba(255,255,255,0.15);padding-left:1rem;padding-right:1rem;text-align:right;font-size:0.75rem;line-height:1rem;
--tw-content:"";content:var(--tw-content)}
.right-menu-bar a:hover::after{display:flex}
.right-menu-bar a#quick-youtube::after{--tw-content:"Youtube";content:var(--tw-content)}
.right-menu-bar a#quick-youtube:lang(ko)::after{--tw-content:"유튜브";content:var(--tw-content)}
.right-menu-bar a#quick-discord::after{--tw-content:"Discord";content:var(--tw-content)}
.right-menu-bar a#quick-discord:lang(ko)::after{--tw-content:"디스코드";content:var(--tw-content)}
.right-menu-bar a#quick-facebook::after{--tw-content:"Facebook";content:var(--tw-content)}
.right-menu-bar a#quick-facebook:lang(ko)::after{--tw-content:"페이스북";content:var(--tw-content)}
.right-menu-bar a#quick-twitter::after{--tw-content:"Twitter";content:var(--tw-content)}
.right-menu-bar a#quick-twitter:lang(ko)::after{--tw-content:"트위터";content:var(--tw-content)}
.right-menu-bar a#quick-center::after{--tw-content:"Support";content:var(--tw-content)}
.right-menu-bar a#quick-center:lang(ko)::after{--tw-content:"고객센터";content:var(--tw-content)}
.right-menu-bar a#quick-center:lang(zh-CN)::after{--tw-content:"服务中心";content:var(--tw-content)}
.right-menu-bar a#quick-center:lang(zh-TW)::after{--tw-content:"服務中心";content:var(--tw-content)}aside{position:absolute;top:0px;right:-100%;z-index:1100;height:100vh;width:100%;overflow-y:scroll;background-color:rgba(0,0,0,0.7);
--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:right;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
@media (min-width: 640px){aside{min-height:150vh}}
@media (min-width: 1024px){aside{display:none}}aside.active{right:0px}aside .mo-menu-wrap{margin-top:60px;width:100%;padding-left:2rem;padding-right:2rem;
--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}aside .mo-menu-wrap .mo-lang-wrap{padding-top:1rem;padding-bottom:1rem}aside .mo-menu-wrap .mo-lang-wrap a{margin-right:1rem;font-family:"Noto Sans";font-size:0.875rem;line-height:1.25rem}aside .mo-menu-wrap .mo-lang-wrap a.active{--tw-text-opacity:1;color:rgb(210 152 98 / var(--tw-text-opacity))}aside .mo-menu-wrap .mo-lang-wrap a:lang(ko){font-family:"Noto Sans KR"}aside .mo-menu-wrap ul li .mo-depth1-wrap{display:flex;height:60px;width:100%;align-items:center;justify-content:space-between;border-top-width:1px;border-color:rgba(255,255,255,0.2)}aside .mo-menu-wrap ul li .mo-depth1-wrap h3{font-size:20px;font-weight:700}aside .mo-menu-wrap ul li .mo-depth1-wrap h3:lang(ko){font-size:1.125rem;line-height:1.75rem}aside .mo-menu-wrap ul li .mo-depth1-wrap .icon-arrow{height:1.5rem;width:1.5rem}aside .mo-menu-wrap ul li.active{--tw-border-opacity:1;border-color:rgb(210 152 98 / var(--tw-border-opacity))}aside .mo-menu-wrap ul li.active h3{--tw-text-opacity:1;color:rgb(210 152 98 / var(--tw-text-opacity))}aside .mo-menu-wrap ul li.active .icon-arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}aside .mo-menu-wrap ul li.active .icon-arrow path{stroke:#D29862}aside .mo-menu-wrap .mo-depth2-wrap{display:none;padding-left:1rem;padding-right:1rem;padding-bottom:1.5rem}aside .mo-menu-wrap .mo-depth2-wrap.open{display:block}aside .mo-menu-wrap .mo-depth2-wrap a{display:block;padding-top:0.625rem;padding-bottom:0.625rem}aside .mo-sns-wrap{margin-top:0.5rem;display:flex;align-items:center}aside .mo-sns-wrap a{margin-right:1rem;opacity:0.5}aside .mo-store-wrap{margin-top:2rem;display:flex;align-items:center}aside .mo-store-wrap a{margin-right:1rem;opacity:0.5}aside .mo-links-wrap{height:50vh;width:100%;
--tw-bg-opacity:1;background-color:rgb(31 24 24 / var(--tw-bg-opacity));padding-left:2rem;padding-right:2rem;padding-top:1.5rem;font-family:"Noto Sans"}
@media (min-width: 640px){aside .mo-links-wrap{height:100%}}aside .mo-links-wrap span{width:100px;font-size:0.75rem;line-height:1rem;font-weight:700;text-transform:uppercase}
.footer{position:relative;display:flex;height:360px;width:100%;flex-direction:column;
--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));padding-left:2.5rem;padding-right:2.5rem;padding-top:1rem;
--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}
@media (min-width: 1024px){.footer{height:12rem;flex-direction:row;justify-content:space-between;background-color: rgba(0,0,0,0.7);}}
.footer .left-box .group{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center}
.footer .left-box .footer-title{display:block;width:100%;padding-left:0.5rem;text-align:left;font-size:0.75rem;line-height:1rem;font-weight:700}
.footer .left-box .sns-group{margin-top:0.5rem;display:flex}
@media (min-width: 1024px){.footer .left-box .sns-group{margin-top:1rem}}
.footer .left-box .sns-group .sns{margin-left:0.5rem;margin-right:0.5rem;width:2rem;opacity:0.5;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.footer .left-box .sns-group .sns:hover{opacity:1}
.footer .right-box{margin-top:1rem;display:flex;height:60px;width:100%;flex-direction:row;align-items:center;justify-content:center;border-top-width:1px;border-color:rgba(255,255,255,0.15)}
@media (min-width: 1024px){.footer .right-box{margin-top:0px;width:33.333333%;justify-content:flex-end;border-top-width:0px}}
.footer .right-box .store{margin-left:0.5rem;margin-right:0.5rem;width:2rem;flex-shrink:0;opacity:0.5;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.footer .right-box .store:hover{opacity:1}
.footer .right-box .store.mobile{display:block}
@media (min-width: 1024px){.footer .right-box .store.mobile{display:none}}
.footer .right-box .store.desktop{display:none}
@media (min-width: 1024px){.footer .right-box .store.desktop{display:block}}
.footer .center-box{position:absolute;left:0px;right:0px;top:160px;margin-left:auto;margin-right:auto;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;padding-left:2rem;padding-right:2rem;text-align:center;border-top: 1px solid #444444;}
@media (min-width: 1024px){.footer .center-box{top:2rem;width:95%;padding-left:0px;padding-right:0px;border-top: 1px solid #444444;}}
.footer .center-box .logo-dekaron{margin-top:0.5rem;width:108px}
.footer .center-box .copyright{margin-top:1.1rem;margin-bottom:2rem;font-size:1rem;line-height:1.1rem}
.footer .center-box .company-logos-wrap{display:flex}
.footer .center-box .company-logos-wrap .logo{margin-left:0.5rem;margin-right:0.5rem;width:50px;opacity:0.4}/*
! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}::before,
::after {
  --tw-content: '';
}/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}/*
Remove the default font size and weight for headings.
*/h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}/*
Reset links to optimize for opt-in styling instead of opt-out.
*/a {
  color: inherit;
  text-decoration: inherit;
}/*
Add the correct font weight in Edge and Safari.
*/b,
strong {
  font-weight: bolder;
}/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}/*
Add the correct font size in all browsers.
*/small {
  font-size: 80%;
}/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}sub {
  bottom: -0.25em;
}sup {
  top: -0.5em;
}/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: #000; /* 1 */
  margin: 0; /* 2 */
  padding: 0.375rem 0.75rem;
  text-indent:3px;
  border-radius: 0.25rem;
  outline: none;
}/*
Remove the inheritance of text transform in Edge and Firefox.
*/button,
select {
  text-transform: none;
}/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

Use the modern Firefox focus style for all focusable elements.
*/:-moz-focusring {
  outline: auto;
}/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/:-moz-ui-invalid {
  box-shadow: none;
}/*
Add the correct vertical alignment in Chrome and Firefox.
*/progress {
  vertical-align: baseline;
}/*
Correct the cursor style of increment and decrement buttons in Safari.
*/::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}/*
Remove the inner padding in Chrome and Safari on macOS.
*/::-webkit-search-decoration {
  -webkit-appearance: none;
}/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}/*
Add the correct display in Chrome and Safari.
*/summary {
  display: list-item;
}/*
Removes the default spacing and border for appropriate elements.
*/blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}fieldset {
  margin: 0;
  padding: 0;
}legend {
  padding: 0;
}ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}/*
Prevent resizing textareas horizontally by default.
*/textarea {
  resize: vertical;
}/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
  
}/*
Set the default cursor for buttons.
*/button,
[role="button"] {
  cursor: pointer;
}/*
Make sure disabled buttons don't get the pointer cursor.
*/:disabled {
  cursor: default;
}/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/img,
video {
  max-width: 100%;
  height: auto;
}*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}::-webkit-backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}.container{
  width: 100%;
}@media (min-width: 640px){.container{
    max-width: 640px;
  }
}@media (min-width: 768px){.container{
    max-width: 768px;
  }
}@media (min-width: 1024px){.container{
    max-width: 1024px;
  }
}@media (min-width: 1280px){.container{
    max-width: 1280px;
  }
}@media (min-width: 1536px){.container{
    max-width: 1536px;
  }
}.container, .container-fluid{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--bs-gutter-x, calc(1.5rem / 2));
  padding-left: var(--bs-gutter-x, calc(1.5rem / 2));
}@media (min-width: 640px){.container{
    max-width: 540px;
  }
}@media (min-width: 768px){.container{
    max-width: 720px;
  }
}@media (min-width: 1024px){.container{
    max-width: 960px;
  }
}@media (min-width: 1280px){.container{
    max-width: 1478px;
  }
}@media (min-width: 1536px){.container{
    max-width: 1536px;
  }
}.row{
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}.row > *{
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}.col-3{
  flex: 0 0 auto;
  width: 25%;
}.col-4{
  flex: 0 0 auto;
  width: 33.333333333333336%;
}.col-6{
  flex: 0 0 auto;
  width: 50%;
}.col-9{
  flex: 0 0 auto;
  width: 75%;
}.col-12{
  flex: 0 0 auto;
  width: 100%;
}.visible{
  visibility: visible;
}.fixed{
  position: fixed;
}.absolute{
  position: absolute;
}.relative{
  position: relative;
}.mx-auto{
  margin-left: auto;
  margin-right: auto;
}.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}.mt-5{
  margin-top: 1.25rem;
}.mb-5{
  margin-bottom: 1.25rem;
}.mt-10{
  margin-top: 2.5rem;
}.mt-8{
  margin-top: 2rem;
}.mt-20{
  margin-top: 5rem;
}.mt-2{
  margin-top: 0.5rem;
}.mb-8{
  margin-bottom: 2rem;
}.mb-4{
  margin-bottom: 1rem;
}.block{
  display: block;
}.flex{
  display: flex;
}.table{
  display: table;
}.contents{
  display: contents;
}.hidden{
  display: none;
}.h-full{
  height: 100%;
}.h-\[90vh\]{
  height: 90vh;
}.w-full{
  width: 100%;
}.w-\[140px\]{
  width: 140px;
}.flex-shrink{
  flex-shrink: 1;
}.grow{
  flex-grow: 1;
}.border-collapse{
  border-collapse: collapse;
}.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.resize{
  resize: both;
}.flex-wrap{
  flex-wrap: wrap;
}.border{
  border-width: 1px;
}.border-r{
  border-right-width: 1px;
}.border-b{
  border-bottom-width: 1px;
}.bg-fixed{
  background-attachment: fixed;
}.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}.pl-2{
  padding-left: 0.5rem;
}.pt-\[20vh\]{
  padding-top: 20vh;
}.text-left{
  text-align: left;
}.text-center{
  text-align: center;
}.text-5xl{
  font-size: 3rem;
  line-height: 1;
}.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}.uppercase{
  text-transform: uppercase;
}.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}.underline{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}.outline{
  outline-style: solid;
}.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}body{
  width: 100%;
  overflow-x: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(32 23 19 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));scrollbar-width:none;font-family:"Helvetica","Helvetica neue","Roboto","arial","Noto Sans","IBM Plex Serif","Noto Sans KR","Cinzel",san-serif;
}body::-webkit-scrollbar{display:none}body:lang(ko){font-family:"Noto Sans KR","IBM Plex Serif","Cinzel",san-serif}body .body-hidden{
  overflow: hidden;
}body.body-fixed{
  position: fixed;
  max-height: 100vh;
  overflow: hidden;
}*,*::after,*::before{box-sizing:border-box}.body-wrap{
  position: relative;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}.body-wrap.body-fixed{
  position: fixed;
  max-height: 100vh;
  overflow: hidden;
}.page-wrap{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  width: 100%;
  max-width: 2560px;
}.page-wrap .container{
  position: relative;
  margin-left: auto;
  margin-right: auto;
}.page-wrap .full-wrap{
  width: 100%;
}.page-cover{display:none;position:fixed;width:0px;height:0px;top:0;left:0;z-index:99999;background-position:50% 50%;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.spacer{
  clear: both;
  display: block;
  height: 0px;
  width: 0px;
}.spacer-mt-xxl{
  margin-top: 12rem;
}.spacer-mt-footer{
  margin-top: 3rem;
}@media (min-width: 1024px){.spacer-mt-footer{
    margin-top: 8rem;
  }
}@media (min-width: 1280px){.spacer-mt-footer{
    margin-top: 10rem;
  }
}.pagination-bar-wrap{
  margin-top: 3rem;
  margin-bottom: 3rem;
  display: flex;
  height: 2.5rem;
  width: 100%;
  align-items: center;
  justify-content: center;
}.pagination-bar-wrap .btn-page{
  display: block;
  height: 2.5rem;
  width: 2rem;
  background-position: center;
  background-repeat: no-repeat;
}.pagination-bar-wrap .btn-page.prev{
  background-image: url(../images/btn_page_prev.png);
}.pagination-bar-wrap .btn-page.next{
  background-image: url(../images/btn_page_next.png);
}.pagination-bar-wrap a{
  display: block;
  width: 2.5rem;
  text-align: center;
  font-family: "IBM Plex Serif";
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity));
}.pagination-bar-wrap a.active{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity));
}.btn-scroll-top{
  position: fixed;
  right: 1.5rem;
  bottom: 40px;
  z-index: 99999;
  display: block;
  height: 40px;
  width: 40px;
  cursor: pointer;
  background-image: url(../images/btn_page_top.png);
  background-size: 28px 24px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.tab-bar-wrap{
  display: flex;
  width: 100%;
  justify-content: center;
}.tab-bar-wrap a{
  position: relative;
  display: block;
  height: 2.5rem;
  width: 200px;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity));
}@media (min-width: 1024px){.tab-bar-wrap a{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}.tab-bar-wrap a:lang(en){
  font-family: "Cinzel";
}.tab-bar-wrap a::before{
  position: absolute;
  top: -3.5rem;
  left: 0px;
  right: 0px;
  margin: auto;
  display: block;
  height: 46px;
  width: 100%;
  background-image: url(../images/tab_default.png);
  --tw-content: "";
  content: var(--tw-content);
}.tab-bar-wrap a.active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.tab-bar-wrap a.active::before{
  background-image: url(../images/tab_active.png);
}.tab-bar-wrap a:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.tab-bar-wrap a:hover::before{
  background-image: url(../images/tab_active.png);
}.line-900{
  display: block;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}@media (min-width: 1536px){.container{
    width: 1478px;
  }
}.container.first{
  margin-top: 8rem;
}.container.container-col8{
  flex: 0 0 auto;
  width: 100%;
}@media (min-width: 1024px){.container.container-col8{
    flex: 0 0 auto;
    width: 45%;
  }
}.content-title-level-1{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  letter-spacing: -0.05em;
}@media (min-width: 1280px){.content-title-level-1{
    font-size: 40px;
  }
}.title-level-1{
  position: relative;
  margin-top: 8rem;
  margin-bottom: 2rem;
  width: 100%;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  text-transform: uppercase;
}@media (min-width: 1024px){.title-level-1{
    margin-bottom: 2.5rem;
  }
}@media (min-width: 1280px){.title-level-1{
    font-size: 3rem;
    line-height: 1;
  }
}.title-level-1:lang(en){
  font-family: "Cinzel";
}.title-level-1:lang(ko){
  font-family: "Hahmlet";
}.title-level-1.center{
  text-align: center;
}.title-level-1.with-deco::before{
  position: absolute;
  left: 0px;
  right: 0px;
  top: -36px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 1.5rem;
  width: 310px;
  background-image: url(../images/title_deco.png);
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}.bg-page-wrap{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 0;
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}.bg-page-wrap#bg-page-media{
  background-image: url(../images/bg_page_media.jpg);
}.bg-page-wrap#bg-page-view{
  background-image: url(../images/bg_news_view.jpg);
}.search-box-wrap{
  position: relative;
  display: none;
  height: 4rem;
  width: 360px;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}@media (min-width: 1024px){.search-box-wrap{
    display: flex;
  }
}.search-box-wrap select{
  margin-right: 1rem;
  height: 3rem;
  width: 160px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(113 85 64 / var(--tw-border-opacity));
  background-color: transparent;
  padding-bottom: 0.5rem;
}.search-box-wrap select option{
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}.search-box-wrap .option{
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}.search-box-wrap input{
  height: 3rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(113 85 64 / var(--tw-border-opacity));
  background-color: transparent;
  padding-bottom: 0.5rem;
}.search-box-wrap .btn-search{
  position: absolute;
  right: 0px;
  bottom: 1.25rem;
}.container.news-head{
  padding-top: 7rem;
}@media (min-width: 1024px){.container.news-head{
    padding-top: 13rem;
  }
}.container.news-list-wrap{
  margin-top: 3rem;
}@media (min-width: 1024px){.container.news-list-wrap{
    margin-top: 5rem;
  }
}.news-special-wrap{
  height: auto;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(23 13 10 / var(--tw-bg-opacity));
  background-image: url(../images/bg_news_head.png);
  background-size: cover;
  background-position: 30% bottom;
  background-repeat: no-repeat;
  padding-bottom: 5rem;
}@media (min-width: 1024px){.news-special-wrap{
    height: 600px;
    background-position: center;
  }
}.news-special-wrap .news-big-title-wrap{
  flex: 0 0 auto;
  width: 100%;
}@media (min-width: 1024px){.news-special-wrap .news-big-title-wrap{
    flex: 0 0 auto;
    width: 25%;
    height: 100%;
  }
}.news-special-wrap .news-big-title-wrap h2{
  margin-bottom: 2.5rem;
  padding-right: 0px;
  text-align: center;
  font-family: "Cinzel";
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600;
  text-transform: uppercase;
}@media (min-width: 1024px){.news-special-wrap .news-big-title-wrap h2{
    padding-right: 8rem;
    text-align: left;
    font-size: 3rem;
    line-height: 1;
  }
}.news-special-wrap .news-big-title-wrap h2:lang(en){
  font-family: "Cinzel";
}.news-special-wrap .news-swiper-container{
  flex: 0 0 auto;
  width: 100%;
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}@media (min-width: 1024px){.news-special-wrap .news-swiper-container{
    flex: 0 0 auto;
    width: 75%;
  }
}.card__news-outer{
  flex: 0 0 auto;
  width: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}@media (min-width: 640px){.card__news-outer{
    flex: 0 0 auto;
    width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}@media (min-width: 1024px){.card__news-outer{
    flex: 0 0 auto;
    width: 33.333333333333336%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}.card__news-wrap{
  position: relative;
  margin-top: 1rem;
  min-height: 260px;
  width: 100%;
  overflow: hidden;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(81 64 57 / var(--tw-border-opacity));
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}@media (min-width: 1024px){.card__news-wrap{
    margin-top: 0px;
  }
}.card__news-wrap .inner{
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(56 43 36 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.card__news-wrap .inner .thumb-wrap{
  height: 180px;
  width: 100%;
  overflow: hidden;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}@media (min-width: 1024px){.card__news-wrap .inner .thumb-wrap{
    height: 200px;
  }
}.card__news-wrap .inner .thumb-wrap img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.card__news-wrap .inner .news-body{
  max-height: 120px;
  min-height: 120px;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 2rem;
}@media (min-width: 1024px){.card__news-wrap .inner .news-body{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}.card__news-wrap .inner .news-body h4{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 1.3em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.card__news-wrap .inner .news-body h4:lang(en){
  font-family: "Cinzel";
}.card__news-wrap .inner .news-body span{
  margin-top: 0.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity));
}.card__news-wrap:hover{
  --tw-border-opacity: 1;
  border-color: rgb(129 83 19 / var(--tw-border-opacity));
  --tw-shadow: 4px 4px 20px rgba(0,0,0,0.9);
  --tw-shadow-colored: 4px 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.card__news-wrap:hover .inner{
  --tw-bg-opacity: 1;
  background-color: rgb(20 12 6 / var(--tw-bg-opacity));
}.card__news-wrap:hover .inner .thumb-wrap img{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: 700ms;
}.card__notice-wrap{
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  max-height: 400px;
  width: 100%;
  flex-direction: column;
  border-top-width: 1px;
  border-color: rgba(255,255,255,0.1);
  padding-top: 2rem;
}@media (min-width: 1024px){.card__notice-wrap{
    height: 236px;
    flex-direction: row;
  }
}.card__notice-wrap .thumb-wrap{
  position: relative;
  height: 40%;
  width: 100%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}@media (min-width: 1024px){.card__notice-wrap .thumb-wrap{
    height: 100%;
    width: 50%;
  }
}.card__notice-wrap .thumb-wrap img{
  width: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}.card__notice-wrap .card-body{
  position: relative;
  width: 100%;
  overflow-wrap: normal;
  word-break: normal;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1rem;
}@media (min-width: 1024px){.card__notice-wrap .card-body{
    width: 50%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}.card__notice-wrap .card-body h4{
  font-family: "IBM Plex Serif";
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(238 214 149 / var(--tw-text-opacity));
}@media (min-width: 1024px){.card__notice-wrap .card-body h4{
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 1.2em;
  }
}.card__notice-wrap .card-body h4:lang(ko){
  font-size: 1.125rem;
  line-height: 1.75rem;
}.card__notice-wrap .card-body .summary{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: block;
  line-height: 1.4em;
  --tw-text-opacity: 1;
  color: rgb(214 211 209 / var(--tw-text-opacity));
}.card__notice-wrap .card-body .summary:lang(ko){
  font-size: 14px;
}.card__notice-wrap .card-body .date{
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity));
}.card__event-wrap{
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  max-height: 400px;
  width: 100%;
  flex-direction: column;
}@media (min-width: 1024px){.card__event-wrap{
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    height: 360px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}.card__event-wrap .thumb-wrap{
  position: relative;
  max-height: 200px;
  width: 100%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}@media (min-width: 640px){.card__event-wrap .thumb-wrap{
    min-height: 150px;
  }
}@media (min-width: 1024px){.card__event-wrap .thumb-wrap{
    max-height: 240px;
    min-height: 220px;
  }
}.card__event-wrap .thumb-wrap img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}.card__event-wrap .card-body{
  position: relative;
  min-height: 130px;
  width: 100%;
  overflow-wrap: normal;
  word-break: normal;
  background-image: linear-gradient(135deg,#7C4B28 0%,#4F3426 100%);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}@media (min-width: 1024px){.card__event-wrap .card-body{
    min-height: 140px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}.card__event-wrap .card-body h4{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}@media (min-width: 1024px){.card__event-wrap .card-body h4{
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1.1em;
  }
}.card__event-wrap .card-body h4:lang(en){
  font-family: "Cinzel";
}.card__event-wrap .card-body .date{
  margin-top: 0.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  opacity: 0.8;
}.card__event-wrap.fin .thumb-wrap img{
  opacity: 0.6;
}.card__event-wrap.fin .thumb-wrap::before{
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 2;
  height: 40px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 700;
  --tw-content: "Finished";
  content: var(--tw-content);
}.card__event-wrap.fin .thumb-wrap:lang(ko)::before{
  --tw-content: "종료";
  content: var(--tw-content);
}.card__event-wrap.fin .card-body{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  background-image: none;
}.card__event-wrap.fin .card-body h4{
  opacity: 0.4;
}.card__event-wrap.fin .card-body .date{
  opacity: 0.3;
}.card__event-wrap:hover{
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.card__notice-outer{
  flex: 0 0 auto;
  width: 100%;
}@media (min-width: 640px){.card__notice-outer{
    flex: 0 0 auto;
    width: 50%;
  }
}.card__event-outer{
  flex: 0 0 auto;
  width: 100%;
}@media (min-width: 640px){.card__event-outer{
    flex: 0 0 auto;
    width: 50%;
  }
}@media (min-width: 1024px){.card__event-outer{
    flex: 0 0 auto;
    width: 33.333333333333336%;
  }
}.event-tab-wrap{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
  display: flex;
  justify-content: center;
}.event-tab-wrap button{
  height: 3rem;
  width: 200px;
  --tw-bg-opacity: 1;
  background-color: rgb(61 53 48 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(158 150 145 / var(--tw-text-opacity));
}.event-tab-wrap button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(137 83 44 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.news-view-wrap{
  position: relative;
  width: 100%;
  padding-top: 6rem;
}@media (min-width: 1024px){.news-view-wrap{
    margin-top: 14rem;
    padding-top: 0px;
  }
}.news-view-wrap .news-view-title-line{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  height: 24px;
  width: 100%;
  justify-content: center;
  overflow: hidden;
}.news-view-wrap .news-view-title-line .line-deco{
  width: 45px;
  flex-shrink: 0;
  flex-grow: 0;
}.news-view-wrap .news-view-title-line::before{
  position: absolute;
  bottom: 0.25rem;
  right: calc(50% + 32px);
  display: block;
  height: 0.125rem;
  width: 1000px;
  --tw-bg-opacity: 1;
  background-color: rgb(70 51 37 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}.news-view-wrap .news-view-title-line::after{
  position: absolute;
  bottom: 0.25rem;
  left: calc(50% + 32px);
  display: block;
  height: 0.125rem;
  width: 1000px;
  --tw-bg-opacity: 1;
  background-color: rgb(70 51 37 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}.news-view-wrap .news-view-head{
  position: relative;
  width: 100%;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(70 51 37 / var(--tw-border-opacity));
}.news-view-wrap .news-view-head .news-view-headline{
  width: 100%;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(210 152 98 / var(--tw-text-opacity));
}@media (min-width: 1024px){.news-view-wrap .news-view-head .news-view-headline{
    font-size: 3rem;
    line-height: 1;
  }
}.news-view-wrap .news-view-head .news-view-headline:lang(en){
  font-family: "Cinzel";
}.news-view-wrap .news-view-head .news-view-date{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}.news-view-wrap .news-view-body{
  width: 100%;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(70 51 37 / var(--tw-border-opacity));
  background-color: rgba(0,0,0,0.7);
  min-height:700px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}@media (min-width: 1024px){.news-view-wrap .news-view-body{
    padding: 4rem;
  }
}.news-view-wrap .news-view-body .inner{
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
@media (min-width: 1024px){.news-view-wrap .news-view-body .inner{
    margin-bottom: 3rem;
  }
}.news-view-wrap .news-view-body .inner img{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.1rem;
  max-width: 98%;
  max-height: 98%;
}.news-view-wrap .news-view-body .inner p{
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.75em;
}
}.news-view-wrap .news-view-body .inner h2{
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.75em;
}

.news-view-wrap .news-preview-wrap{
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  width: 100%;
  flex-direction: column;
}@media (min-width: 1024px){.news-view-wrap .news-preview-wrap{
    margin-top: 5rem;
    margin-bottom: 5rem;
    flex-direction: row;
  }
}.news-view-wrap .news-preview-wrap .card__news-preview-wrap{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  width: 100%;
  flex-shrink: 0;
  flex-grow: 0;
}@media (min-width: 1024px){.news-view-wrap .news-preview-wrap .card__news-preview-wrap{
    margin-top: 0px;
    margin-bottom: 0px;
  }
}.news-view-wrap .news-preview-wrap .card__news-preview-wrap .thumb-wrap{
  position: relative;
  display: none;
  max-height: 70px;
  width: 30%;
  overflow: hidden;
}@media (min-width: 1024px){.news-view-wrap .news-preview-wrap .card__news-preview-wrap .thumb-wrap{
    max-height: 130px;
    width: 40%;
  }
}.news-view-wrap .news-preview-wrap .card__news-preview-wrap .thumb-wrap img{
  height: 100%;
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}.news-view-wrap .news-preview-wrap .card__news-preview-wrap .card-body{
  height: 100%;
  width: 98%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
}.news-view-wrap .news-preview-wrap .card__news-preview-wrap .card-body h4{
  font-family: "IBM Plex Serif";
}@media (min-width: 1024px){.news-view-wrap .news-preview-wrap .card__news-preview-wrap .card-body h4{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}.news-view-wrap .news-preview-wrap .card__news-preview-wrap .card-body .date{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}.news-view-wrap .news-preview-wrap .divider{
  position: absolute;
  top: 50%;
  display: block;
  height: 1px;
  width: 100%;
  flex-shrink: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(70 51 37 / var(--tw-bg-opacity));
}@media (min-width: 1024px){.news-view-wrap .news-preview-wrap .divider{
    top: 0px;
    left: 50%;
    height: 100%;
    width: 1px;
  }
}.news-view-wrap .news-preview-wrap .news-preview-outer{
  width: 100%;
  flex-shrink: 0;
  flex-grow: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}@media (min-width: 1024px){.news-view-wrap .news-preview-wrap .news-preview-outer{
    width: 50%;
  }
}.news-view-wrap .news-bottom-divider{
  display: block;
  height: 0.125rem;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(70 51 37 / var(--tw-bg-opacity));
}.news-view-wrap .news-bottom-wrap{
  display: flex;
  width: 100%;
  justify-content: center;
}.news-view-wrap .news-bottom-wrap button{
  margin-top: 2rem;
  display: flex;
  height: 2.5rem;
  width: 5rem;
  align-items: center;
}.news-view-wrap .news-bottom-wrap button .icon-news-list{
  position: relative;
  height: 0.75rem;
  width: 1rem;
  border-bottom-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgb(113 85 64 / var(--tw-border-opacity));
}.news-view-wrap .news-bottom-wrap button .icon-news-list .line{
  position: relative;
  display: block;
  height: 3px;
  width: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(113 85 64 / var(--tw-bg-opacity));
}.news-view-wrap .news-bottom-wrap button .text{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}.news-view-wrap .news-bottom-wrap button .text:lang(en){
  font-family: "Cinzel";
}.news-swiper-container{
  position: relative;
}.news-swiper-btn-prev,.news-swiper-btn-next{position:absolute;top:50%;width:16px;height:30px;margin-top:calc(0px - var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}.news-swiper-btn-prev.swiper-button-disabled,.news-swiper-btn-next.swiper-button-disabled{opacity:.1;cursor:auto;pointer-events:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:24px;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.search-result-container{
  padding-left: 1rem;
  padding-right: 1rem;
}.search-result{
  flex: 0 0 auto;
  width: 100%;
  position: relative;
  height: 400px;
  padding-left: 0px;
  padding-right: 0px;
}@media (min-width: 1024px){.search-result{
    flex: 0 0 auto;
    width: 83.33333333333334%;
    margin-left: 8.333333333333334%;
  }
}.search-result .black-box{
  position: absolute;
  bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  display: block;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-left: 0px;
  padding-right: 0px;
}@media (min-width: 1024px){.search-result .black-box{
    height: 200px;
  }
}.search-result .black-box span{
  position: relative;
  margin-top: 70px;
  display: block;
  width: 100%;
  padding-left: 10%;
  font-family: "IBM Plex Serif";
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(180 129 71 / var(--tw-text-opacity));
}@media (min-width: 1024px){.search-result .black-box span{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}.search-result .black-box span:lang(ko){
  font-family: "Noto Sans KR";
}.search-result img{
  position: absolute;
  bottom: 0px;
  right: 10%;
  width: 280px;
}@media (min-width: 1024px){.search-result img{
    width: 406px;
  }
}.card__media-wrap{
  position: relative;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  height: auto;
  min-height: 200px;
  width: 100%;
  flex-direction: column;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-drop-shadow: drop-shadow(0px 0px 16px rgba(0,0,0,0.6));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.card__media-wrap .thumb-wrap{
  position: relative;
  aspect-ratio: 16 / 9;
  height: 100%;
  width: 100%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}.card__media-wrap .thumb-wrap img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 700ms;
}.card__media-wrap .thumb-wrap::after{
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 100%;
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(217 119 6 / var(--tw-border-opacity));
  opacity: 0.3;
  --tw-content: "";
  content: var(--tw-content);
}.card__media-wrap .thumb-wrap::before{
  position: absolute;
  z-index: 10;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-content: url(../img/icon_video_play.svg);
  content: var(--tw-content);
}.card__media-wrap .card-body{
  position: relative;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
}.card__media-wrap .card-body h4{
  margin-top: 1rem;
  font-family: "IBM Plex Serif";
  font-size: 1.125rem;
  line-height: 1.75rem;
}@media (min-width: 1280px){.card__media-wrap .card-body h4{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}.card__media-wrap .card-body h4:lang(ko){
  font-family: "Noto Sans KR";
}.card__media-wrap:hover .thumb-wrap img{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0.5;
}.card__media-wrap:hover .thumb-wrap::after{
  opacity: 1;
}.card__media-wrap:hover .thumb-wrap::before{
  opacity: 1;
}.media-view-wrap{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 110;
  display: flex;
  height: 100vh;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0,0.8);
}.media-view-wrap.hide{
  display: none;
}.media-view-wrap .btn-view-close{
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  display: flex;
  height: 32px;
  width: 32px;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
}.media-view-wrap .video-wrap{
  display: flex;
  height: calc(100vh - 180px);
  width: 88%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}.media-view-wrap .video-wrap iframe{
  height: 70%;
  width: 100%;
}.universe-section-1{
  position: relative;
  height: 100vh;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}.universe-section-1 .bg-video-wrap{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}.universe-section-1 .bg-video-wrap::before{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  display: block;
  height: 100vh;
  width: 100%;
  background-color: rgba(0,0,0,0.1);
  --tw-content: "";
  content: var(--tw-content);
}.universe-section-1 .bg-video-wrap video{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}.universe-section-1 .front-wrap{
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 8rem;
  z-index: 20;
  margin: auto;
  display: flex;
  width: 90%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}@media (min-width: 640px){.universe-section-1 .front-wrap{
    width: 70%;
  }
}@media (min-width: 1024px){.universe-section-1 .front-wrap{
    width: 70%;
  }
}.universe-section-1 .front-wrap img{
  width: 608px;
}.universe-section-1 .front-wrap span{
  width: 100%;
  padding-top: 2.5rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 2em;
}@media (min-width: 1024px){.universe-section-1 .front-wrap span{
    width: 64%;
    font-size: 1.5rem;
    line-height: 2rem;
  }
}.universe-section-1 .front-wrap span:lang(en){
  font-family: "Cinzel";
}.universe-section-1 .front-wrap span:lang(ko){
  font-family: "Hahmlet";
  line-height: 2em;
  letter-spacing: -0.05em;
}.universe-section-1 .front-wrap::after{
  --tw-content: "";
  content: var(--tw-content);
}.universe-section-2{
  position: relative;
  display: flex;
  height: 100vh;
  width: 100%;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(20 9 9 / var(--tw-bg-opacity));
}.universe-section-2 .paper-wrap{
  position: relative;
  display: flex;
  height: 100vh;
  width: 100%;
  max-width: 1500px;
  justify-content: center;
  background-image: url(../images/universe_paper.png);
  background-position: center 100px;
  background-repeat: no-repeat;
}@media (min-width: 640px){.universe-section-2 .paper-wrap{
    height: 200vh;
  }
}@media (min-width: 1024px){.universe-section-2 .paper-wrap{
    height: 100vh;
  }
}.universe-section-2 .paper-wrap{background-size:90% auto}.universe-section-2 .paper-wrap .text-wrap{
  margin-left: auto;
  margin-right: auto;
  height: 100vh;
  width: 82%;
  overflow: hidden;
  padding-top: 80px;
  text-align: center;
}@media (min-width: 640px){.universe-section-2 .paper-wrap .text-wrap{
    height: 200vh;
  }
}@media (min-width: 1024px){.universe-section-2 .paper-wrap .text-wrap{
    height: 100vh;
    padding-top: 160px;
  }
}.universe-section-2 .paper-wrap .text-wrap .scroll-area{
  margin-top: 100px;
  height: calc(100vh - 260px);
  width: 100%;
  overflow: auto;
}@media (min-width: 640px){.universe-section-2 .paper-wrap .text-wrap .scroll-area{
    height: calc(200vh - 260px);
  }
}@media (min-width: 1024px){.universe-section-2 .paper-wrap .text-wrap .scroll-area{
    height: calc(100vh - 260px);
  }
}.universe-section-2 .paper-wrap .text-wrap .scroll-area .text-wrap-inner{
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}.universe-section-2 .paper-wrap .text-wrap .scroll-area .text-wrap-inner h3{
  margin-top: 40px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  letter-spacing: -0.025em;
}@media (min-width: 1024px){.universe-section-2 .paper-wrap .text-wrap .scroll-area .text-wrap-inner h3{
    margin-top: 120px;
    padding-left: 5rem;
    padding-right: 5rem;
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}.universe-section-2 .paper-wrap .text-wrap .scroll-area .text-wrap-inner h3:lang(en){
  font-family: "Cinzel";
}.universe-section-2 .paper-wrap .text-wrap .scroll-area .text-wrap-inner h3:lang(ko){
  font-family: "Hahmlet";
  letter-spacing: -0.05em;
}.universe-section-2 .paper-wrap .text-wrap .scroll-area .text-wrap-inner h3:first-child{
  margin-top: 0px;
}@media (min-width: 1024px){.universe-section-2 .paper-wrap .text-wrap .scroll-area .text-wrap-inner h3:first-child{
    margin-top: 5rem;
  }
}.universe-section-2 .paper-wrap .text-wrap .scroll-area .text-wrap-inner p{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 3rem;
  text-align: left;
  font-family: "IBM Plex Serif";
  font-size: 0.875rem;
  line-height: 1.25rem;
}@media (min-width: 1024px){.universe-section-2 .paper-wrap .text-wrap .scroll-area .text-wrap-inner p{
    padding-left: 10rem;
    padding-right: 10rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}.universe-section-2 .paper-wrap .text-wrap .scroll-area .text-wrap-inner p:last-child{
  margin-bottom: 2.5rem;
}@media (min-width: 1024px){.universe-section-2 .paper-wrap .text-wrap .scroll-area .text-wrap-inner p:last-child{
    margin-bottom: 8rem;
  }
}.universe-section-2 .paper-wrap .text-wrap .scroll-area .text-wrap-inner .story-block img{
  margin-left: 2%;
}.universe-section-2 .paper-wrap .text-wrap .scroll-area .text-wrap-inner .story-block .story-pict-3{
  margin-left: 0px;
}.register-wrap{
  position: relative;
  display: flex;
  height: auto;
  width: 100%;
  align-items: center;
  background-image: url(../images/register_bg_mo.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 7rem;
  padding-bottom: 5rem;
}@media (min-width: 1024px){.register-wrap{
    height: 100vh;
    background-image: url(../images/register_bg.jpg);
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}.register-wrap .register-con-wrap{
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
}@media (min-width: 1024px){.register-wrap .register-con-wrap{
    flex: 0 0 auto;
    width: 66.66666666666667%;
  }
}.register-wrap .register-con-wrap .headline{
  margin-left: -6px;
  height: 80px;
  width: 100%;
  background-image: url(../images/register_headline_en.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}@media (min-width: 1024px){.register-wrap .register-con-wrap .headline{
    margin-left: -16px;
    width: 680px;
    background-position: left top;
  }
}.register-wrap .register-con-wrap .headline:lang(ko){
  background-image: url(../images/register_headline_ko.png);
}.register-wrap .register-con-wrap .sub-copy{
  width: 100%;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}@media (min-width: 1024px){.register-wrap .register-con-wrap .sub-copy{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}.register-wrap .register-con-wrap .btn-app-wrap{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  display: flex;
  width: 100%;
}@media (min-width: 1024px){.register-wrap .register-con-wrap .btn-app-wrap{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}.register-wrap .register-con-wrap .btn-app-wrap .btn-app-store{
  display: block;
  height: 48px;
  width: 156px;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  background-size: contain;
  background-repeat: no-repeat;
}@media (min-width: 1024px){.register-wrap .register-con-wrap .btn-app-wrap .btn-app-store{
    height: 76px;
    width: 240px;
    border-radius: 8px;
  }
}.register-wrap .register-con-wrap .btn-app-wrap .btn-app-store.google{
  background-image: url(../images/btn_register_google.png);
}.register-wrap .register-con-wrap .btn-app-wrap .btn-app-store.apple{
  margin-left: 1rem;
  background-image: url(../images/btn_register_apple.png);
}.register-wrap .register-con-wrap .btn-app-wrap .btn-app-store.desktop{
  display: none;
}@media (min-width: 1024px){.register-wrap .register-con-wrap .btn-app-wrap .btn-app-store.desktop{
    display: block;
  }
}.register-wrap .register-con-wrap .btn-app-wrap .btn-app-store.mobile{
  display: block;
}@media (min-width: 1024px){.register-wrap .register-con-wrap .btn-app-wrap .btn-app-store.mobile{
    display: none;
  }
}.register-wrap .register-con-wrap .date-copy{
  width: 100%;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}@media (min-width: 1024px){.register-wrap .register-con-wrap .date-copy{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}.register-wrap .register-con-wrap .rewards-wrap{
  position: relative;
  margin-top: 2rem;
  width: 100%;
  background-image: url(../images/rewards_en_mo.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}@media (min-width: 1024px){.register-wrap .register-con-wrap .rewards-wrap{
    width: 900px;
    background-image: url(../images/rewards_en.png);
    background-position: left;
  }
}.register-wrap .register-con-wrap .rewards-wrap::after{
  display: block;
  width: 100%;
  padding-bottom: 150%;
  --tw-content: "";
  content: var(--tw-content);
}@media (min-width: 1024px){.register-wrap .register-con-wrap .rewards-wrap::after{
    padding-bottom: 30%;
  }
}.register-wrap .register-con-wrap .rewards-wrap:lang(ko){
  background-image: url(../images/rewards_ko_mo.png);
}@media (min-width: 1024px){.register-wrap .register-con-wrap .rewards-wrap:lang(ko){
    background-image: url(../images/rewards_ko.png);
  }
}.ip-block-wrap{
  position: relative;
  display: flex;
  height: 100vh;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-image: url("../images/ip_block_back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}.ip-block-wrap .con-wrap{
  position: relative;
  z-index: 10;
  display: flex;
  width: 100%;
  flex-direction: column;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2.5rem;
  text-align: center;
}@media (min-width: 1024px){.ip-block-wrap .con-wrap{
    width: 60%;
  }
}.ip-block-wrap .con-wrap::after{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 0;
  margin: auto;
  display: block;
  height: 100%;
  width: 80%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  opacity: 0.5;
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  --tw-content: "";
  content: var(--tw-content);
}.ip-block-wrap .con-wrap h3{
  z-index: 10;
  font-family: "Cinzel";
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(213 168 124 / var(--tw-text-opacity));
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}@media (min-width: 1024px){.ip-block-wrap .con-wrap h3{
    font-size: 3rem;
    line-height: 1;
  }
}.ip-block-wrap .con-wrap span{
  z-index: 10;
  margin-top: 1rem;
  display: block;
}@media (min-width: 1024px){.ip-block-wrap .con-wrap span{
    margin-top: 2rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}table{
  border-collapse: collapse;
  border-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}table th, table td{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}@media (min-width: 640px){.sm\:col-6{
    flex: 0 0 auto;
    width: 50%;
  }
}@media (min-width: 1024px){.lg\:col-3{
    flex: 0 0 auto;
    width: 25%;
  }.lg\:col-4{
    flex: 0 0 auto;
    width: 33.333333333333336%;
  }.lg\:col-9{
    flex: 0 0 auto;
    width: 75%;
  }.lg\:mt-10{
    margin-top: 2.5rem;
  }.lg\:mt-8{
    margin-top: 2rem;
  }
}@media (min-width: 1280px){.xl\:mt-20{
    margin-top: 5rem;
  }
}
.hero-area {position:relative;display:flex;height:100vh;width:100%;justify-content:center;overflow:hidden
}@media (min-width: 640px) {.hero-area {height:200vh
}
}@media (min-width: 1024px) {.hero-area {height:100vh
}
}.hero-area .hero-canvas {position:absolute;top:0px;left:0px;z-index:3;height:100vh;width:100%
}.hero-area .hero-canvas.hide {display:none
}.hero-area::after {position:absolute;left:0px;top:0px;display:block;height:150px;width:100%;--tw-content:"";content:var(--tw-content);background:linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)
}.hero-area .layer-back-sky {position:absolute;top:0px;left:0px;z-index:0;height:100vh;width:100%;background-image:url(../images/back_sky.jpg);background-size:cover;background-position:center
}@media (min-width: 640px) {.hero-area .layer-back-sky {height:200vh
}
}@media (min-width: 1024px) {.hero-area .layer-back-sky {height:100vh
}
}.hero-area .layer-back-sky.step-2 {background-image:url(../images/back_sky_02.jpg)
}.hero-area .layer-back-sky.step-3 {background-image:url(../images/back_sky_03.jpg)
}.hero-area .layer-back-sky.step-4 {background-image:url(../images/back_sky_04.jpg)
}.hero-area .layer-back-sky.step-5 {background-image:url(../images/back_sky_05.jpg)
}.hero-area .layer-back-sky.step-6 {background-image:url(../images/back_sky_06.jpg)
}.hero-area .layer-back-sky.step-7 {background-image:url(../images/back_sky_07.jpg)
}.hero-area .layer-back-sky.step-8 {background-image:url(../images/back_sky_08.jpg)
}.hero-area .layer-back-sky.step-9 {background-image:url(../images/back_sky_09.jpg)
}.hero-area .layer-back-sky.step-10 {background-image:url(../images/back_sky_10.jpg)
}.hero-area .cloud-long-wrap {position:absolute;top:20vh;left:-300px;z-index:5;width:1000px;--tw-brightness:brightness(0.5);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}@media (min-width: 1024px) {.hero-area .cloud-long-wrap {left:calc(50% - 1000px);width:3400px
}
}.hero-area .cloud-long-wrap.step-2 {left:-250px
}@media (min-width: 1024px) {.hero-area .cloud-long-wrap.step-2 {left:calc(50% - 800px)
}
}.hero-area .cloud-long-wrap.step-3 {left:-200px;top:23vh
}@media (min-width: 1024px) {.hero-area .cloud-long-wrap.step-3 {left:calc(50% - 600px)
}
}.hero-area .cloud-long-wrap.step-4 {left:-200px;top:26vh
}@media (min-width: 1024px) {.hero-area .cloud-long-wrap.step-4 {left:calc(50% - 400px)
}
}.hero-area .cloud-long-wrap.step-5 {left:-200px;top:29vh
}@media (min-width: 1024px) {.hero-area .cloud-long-wrap.step-5 {left:calc(50% - 250px)
}
}.hero-area .cloud-long-wrap.step-6 {left:-200px;top:35vh
}@media (min-width: 1024px) {.hero-area .cloud-long-wrap.step-6 {left:50%
}
}.hero-area .cloud-long-wrap.step-7 {left:-200px;top:35vh
}@media (min-width: 1024px) {.hero-area .cloud-long-wrap.step-7 {left:65%
}
}.hero-area.step-8 .cloud-long-wrap {display:none
}.hero-area.step-9 .cloud-long-wrap {display:none
}.hero-area.step-10 .cloud-long-wrap {display:none
}.cloud-long {position:absolute;top:10vh;left:-30vw;z-index:5;width:3400px;--tw-brightness:brightness(0.6);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}.hero-character-wrap {position:absolute;bottom:40px;right:calc(50% - 380px);z-index:11;width:480px
}@media (min-width: 1024px) {.hero-character-wrap {bottom:90px;right:calc(50% - 880px);width:520px
}
}.home-layer-front {position:absolute;top:0px;left:0px;z-index:10;height:100vh;width:100%;background-image:url(../images/back_1.png);background-size:cover;background-position:-300px bottom;background-repeat:no-repeat
}@media (min-width: 640px) {.home-layer-front {height:200vh
}
}@media (min-width: 1024px) {.home-layer-front {height:100vh;background-position:center
}
}.home-layer-front.step-2 {background-image:url(../images/back_2.png)
}.home-layer-front.step-3 {background-image:url(../images/back_3.png)
}.home-layer-front.step-4 {background-image:url(../images/back_4.png)
}.home-layer-front.step-5 {background-image:url(../images/back_5.png)
}.home-layer-front.step-6 {background-image:url(../images/back_6.png)
}.home-layer-front.step-7 {background-image:url(../images/back_7.png)
}.home-layer-front.step-8 {background-image:url(../images/back_8.png)
}.home-layer-front.step-9 {background-image:url(../images/back_9.png)
}.home-layer-front.step-10 {background-image:url(../images/back_10.png)
}.headline-wrap {position:absolute;bottom:15vh;z-index:50;display:flex;width:100%;flex-direction:column;align-items:center;padding-left:3rem;padding-right:3rem
}@media (min-width: 640px) {.headline-wrap {width:70%
}
}@media (min-width: 1024px) {.headline-wrap {bottom:12vh;max-width:520px;padding-left:0px;padding-right:0px
}
}.headline-wrap .headline-1 {position:relative;margin-top:0.25rem;margin-bottom:0.25rem;width:100%
}@media (min-width: 1024px) {.headline-wrap .headline-1 {width:100%
}
}.headline-wrap .countdown-wrap {position:relative;margin-bottom:1.5rem;display:flex;align-items:center;font-family:"Cinzel";font-size:28px;font-weight:500
}@media (min-width: 1024px) {.headline-wrap .countdown-wrap {margin-bottom:2rem;font-size:3.75rem;line-height:1
}
}.headline-wrap .countdown-wrap .count-num {display:block;width:50px;text-align:center
}@media (min-width: 1024px) {.headline-wrap .countdown-wrap .count-num {width:90px
}
}.headline-wrap .countdown-wrap .count-num.day {width:90px
}@media (min-width: 1024px) {.headline-wrap .countdown-wrap .count-num.day {width:150px
}
}.headline-wrap .countdown-wrap .divider {position:relative;display:block;height:2rem;width:0.5rem;opacity:0.5
}@media (min-width: 1024px) {.headline-wrap .countdown-wrap .divider {height:56px
}
}.headline-wrap .countdown-wrap .divider::before {position:absolute;top:25%;display:block;height:4px;width:4px;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-content:"";content:var(--tw-content)
}@media (min-width: 1024px) {.headline-wrap .countdown-wrap .divider::before {height:6px;width:6px
}
}.headline-wrap .countdown-wrap .divider::after {position:absolute;bottom:25%;display:block;height:4px;width:4px;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-content:"";content:var(--tw-content)
}@media (min-width: 1024px) {.headline-wrap .countdown-wrap .divider::after {height:6px;width:6px
}
}.headline-wrap .btn-register {position:relative;height:64px;width:290px;background-image:url(../images/btn_register_default.png);background-size:contain;background-position:center;background-repeat:no-repeat;--tw-drop-shadow:drop-shadow(0px 0px 16px rgba(0,0,0,0.8));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}@media (min-width: 1024px) {.headline-wrap .btn-register {height:75px;width:350px
}
}.headline-wrap .btn-register .btn-hover-back {position:absolute;top:0px;left:0px;height:100%;width:100%;background-image:url(../images/btn_register_hover.png);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms
}.headline-wrap .btn-register .btn-text {position:absolute;display:flex;height:100%;width:100%;align-items:center;justify-content:center;text-align:center;font-family:"Cinzel";font-size:1.25rem;line-height:1.75rem;font-weight:500;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms
}@media (min-width: 1024px) {.headline-wrap .btn-register .btn-text {font-size:1.875rem;line-height:2.25rem
}
}.headline-wrap .btn-register .btn-text:lang(ko) {font-size:1.5rem;line-height:2rem;font-weight:700
}.headline-wrap .btn-register:hover {--tw-drop-shadow:drop-shadow(0px 0px 16px rgba(155,50,0,0.8));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}.headline-wrap .btn-register:hover .btn-hover-back {opacity:1
}.headline-wrap::after {position:absolute;z-index:-10;display:block;height:100%;width:100%;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));opacity:0.6;--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);--tw-content:"";content:var(--tw-content)
}#hero-mobile .moon-blue {position:absolute;height:120px;width:120px;background-image:url(../images/moon_10.png);background-size:cover;background-position:center;background-repeat:no-repeat;--tw-drop-shadow:drop-shadow(0px 0px 16px rgba(0,50,150,1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}#hero-mobile .moon-red {position:absolute;height:120px;width:120px;background-image:url(../images/moon_red_10.png);background-size:cover;background-position:center;background-repeat:no-repeat;--tw-drop-shadow:drop-shadow(0px 0px 16px rgba(180,50,10,1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}#hero-mobile.hide {display:none
}#hero-mobile.step-0 .moon-blue {top:100px;left:calc(50% - 180px)
}#hero-mobile.step-0 .moon-red {top:110px;right:calc(50% - 180px)
}#hero-mobile.step-2 .moon-blue {top:100px;left:calc(50% - 170px)
}#hero-mobile.step-2 .moon-red {top:110px;right:calc(50% - 170px)
}#hero-mobile.step-3 .moon-blue {top:100px;left:calc(50% - 155px)
}#hero-mobile.step-3 .moon-red {top:110px;right:calc(50% - 155px)
}#hero-mobile.step-4 .moon-blue {top:100px;left:calc(50% - 140px)
}#hero-mobile.step-4 .moon-red {top:110px;right:calc(50% - 140px)
}#hero-mobile.step-5 .moon-blue {top:100px;left:calc(50% - 125px)
}#hero-mobile.step-5 .moon-red {top:100px;right:calc(50% - 125px)
}#hero-mobile.step-6 .moon-blue {top:100px;left:calc(50% - 105px)
}#hero-mobile.step-6 .moon-red {top:100px;right:calc(50% - 105px)
}#hero-mobile.step-7 .moon-blue {top:100px;left:calc(50% - 95px)
}#hero-mobile.step-7 .moon-red {top:100px;right:calc(50% - 95px)
}#hero-mobile.step-8 .moon-blue {top:100px;left:calc(50% - 85px)
}#hero-mobile.step-8 .moon-red {top:100px;right:calc(50% - 85px)
}#hero-mobile.step-9 .moon-blue {top:100px;left:calc(50% - 70px)
}#hero-mobile.step-9 .moon-red {top:100px;right:calc(50% - 70px)
}#hero-mobile.step-10 .moon-blue {top:100px;left:calc(50% - 55px)
}#hero-mobile.step-10 .moon-red {top:105px;right:calc(50% - 50px)
}
.trans-page-wrap{position:relative;display:flex;min-height:100vh;width:100%;flex-direction:column;overflow-x:hidden;background-image:url(../images/trans_back.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}@media (min-width: 1024px){.trans-page-wrap{height:100vh;min-height:720px}}.trans-page-wrap .trans-main-wrap{position:relative;height:600px;width:100%}@media (min-width: 1024px){.trans-page-wrap .trans-main-wrap{height:100%}}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container{position:absolute;left:0px;top:0px;height:100%;max-height:940px;width:100%}@media (min-width: 1024px){.trans-page-wrap .trans-main-wrap .trans-main-swiper-container{bottom:0px;height:100%}}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide{position:relative;height:100%;width:100%}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict{position:absolute;top:0px;height:400px;width:100%;background-size:contain;background-position:bottom;background-repeat:no-repeat}@media (min-width: 1024px){.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict{bottom:0px;left:calc(50% - 860px);height:100%;width:1140px}}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict::after{position:absolute;bottom:40px;left:1.75rem;display:block;font-family:"Cinzel";font-size:2.25rem;line-height:2.5rem;font-weight:700;--tw-content:"";content:var(--tw-content)}@media (min-width: 1024px){.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict::after{display:none}}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict:lang(ko)::after{font-family:"Hahmlet";font-weight:400}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-1{background-image:url(../images/trans_1_big.png)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-1::after{--tw-content:"Barad";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-1:lang(ko){font-family:"Hahmlet"}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-1:lang(ko)::after{--tw-content:"바라드";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-1:lang(zh-CN)::after{--tw-content:"巴拉德";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-1:lang(zh-TW)::after{--tw-content:"巴拉德";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-2{background-image:url(../images/trans_2_big.png)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-2::after{--tw-content:"Monne Bloodvayne";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-2:lang(ko)::after{--tw-content:"모네 블러드베인";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-2:lang(zh-CN)::after{--tw-content:"莫内坡罗德贝因";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-2:lang(zh-TW)::after{--tw-content:"莫內坡羅德貝因";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-3{background-image:url(../images/trans_3_big.png)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-3::after{--tw-content:"Mornier";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-3:lang(ko)::after{--tw-content:"모르니에";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-3:lang(zh-CN)::after{--tw-content:"莫尔尼耶";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-3:lang(zh-TW)::after{--tw-content:"莫爾尼耶";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-4{background-image:url(../images/trans_4_big.png)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-4::after{--tw-content:"Tanya Delling";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-4:lang(ko)::after{--tw-content:"타니야 델링";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-4:lang(zh-CN)::after{--tw-content:"塔尼亚戴尔陵";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-4:lang(zh-TW)::after{--tw-content:"塔尼亞戴爾陵";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-5{background-image:url(../images/trans_5_big.png)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-5::after{--tw-content:"Carlina";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-5:lang(ko)::after{--tw-content:"칼리나";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-5:lang(zh-CN)::after{--tw-content:"卡丽娜";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-5:lang(zh-TW)::after{--tw-content:"卡麗娜";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-6{background-image:url(../images/trans_6_big.png)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-6::after{--tw-content:"Ariun Jaya";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-6:lang(ko)::after{--tw-content:"아리운 자야";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-6:lang(zh-CN)::after{--tw-content:"阿里云‧查亚";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-6:lang(zh-TW)::after{--tw-content:"阿里雲查亞";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-7{background-image:url(../images/trans_7_big.png)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-7::after{--tw-content:"Gleywar";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-7:lang(ko)::after{--tw-content:"글라와르";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-7:lang(zh-CN)::after{--tw-content:"恪拉瓦尔";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-7:lang(zh-TW)::after{--tw-content:"恪拉瓦爾";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-8{background-image:url(../images/trans_8_big.png)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-8::after{--tw-content:"Ingvilde";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-8:lang(ko)::after{--tw-content:"잉그빌드";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-8:lang(zh-CN)::after{--tw-content:"英格比尔德";content:var(--tw-content)}.trans-page-wrap .trans-main-wrap .trans-main-swiper-container .trans-main-slide .main-pict#trans-main-slide-8:lang(zh-TW)::after{--tw-content:"英格維爾德";content:var(--tw-content)}.trans-spec-wrap{position:absolute;top:400px;z-index:50;display:flex;height:auto;width:100%;max-width:620px;flex-direction:column}@media (min-width: 1024px){.trans-spec-wrap{right:calc(50% - 700px);top:calc(50% - 200px);height:540px}}.trans-spec-wrap .trans-name{margin-bottom:2.5rem;display:none;font-family:"Cinzel";font-size:1.875rem;line-height:2.25rem;font-weight:600}@media (min-width: 1024px){.trans-spec-wrap .trans-name{display:block;font-size:64px;line-height:1em}}.trans-spec-wrap .trans-name:lang(ko){font-family:"Hahmlet";font-weight:400;letter-spacing:-0.05em}.trans-spec-wrap .spec-table{margin-top:0.5rem;display:flex;width:100%;justify-content:space-between;background-color:rgba(0,0,0,0.7);padding-left:0.75rem;padding-right:0.75rem;font-size:0.875rem;line-height:1.25rem}@media (min-width: 1024px){.trans-spec-wrap .spec-table{gap:0.5rem;padding-left:0px;padding-right:0px;font-size:1rem;line-height:1.5rem}}.trans-spec-wrap .spec-table .spec-table-cell{height:60px;flex-grow:0;padding-top:1rem;padding-bottom:1rem;padding-left:0.5rem;padding-right:0.5rem}@media (min-width: 1024px){.trans-spec-wrap .spec-table .spec-table-cell{min-height:100px;flex-grow:1;padding-left:1.25rem;padding-right:1.25rem}}.trans-spec-wrap .spec-table .spec-table-cell span{display:block}.trans-spec-wrap .spec-table .spec-table-cell .spec-title{font-family:"Cinzel";font-size:0.75rem;line-height:1rem;font-weight:600}@media (min-width: 1024px){.trans-spec-wrap .spec-table .spec-table-cell .spec-title{font-size:1rem;line-height:1.5rem}}.trans-spec-wrap .spec-table .spec-table-cell .spec-num{font-family:"IBM Plex Serif";font-size:0.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(180 129 71 / var(--tw-text-opacity))}@media (min-width: 1024px){.trans-spec-wrap .spec-table .spec-table-cell .spec-num{font-size:1.5rem;line-height:2rem}}.trans-spec-wrap .speed-table{margin-top:0.25rem;display:flex;width:100%;justify-content:space-between;gap:0.25rem}@media (min-width: 1024px){.trans-spec-wrap .speed-table{margin-top:0.5rem;flex-wrap:wrap;align-items:stretch;gap:0.5rem}}.trans-spec-wrap .speed-table .speed-cell{height:auto;flex-grow:1;background-color:rgba(0,0,0,0.7);padding-top:1rem;padding-bottom:1rem;padding-left:1.25rem;padding-right:1.25rem}@media (min-width: 1024px){.trans-spec-wrap .speed-table .speed-cell{min-height:100px;flex-grow:1}}.trans-spec-wrap .speed-table .speed-cell span{display:block}.trans-spec-wrap .speed-table .speed-cell .speed-title{font-size:0.75rem;line-height:1rem;font-weight:600;line-height:1em}@media (min-width: 1024px){.trans-spec-wrap .speed-table .speed-cell .speed-title{font-size:1rem;line-height:1.5rem}}.trans-spec-wrap .speed-table .speed-cell .speed-num{font-family:"IBM Plex Serif";font-weight:600;--tw-text-opacity:1;color:rgb(180 129 71 / var(--tw-text-opacity))}@media (min-width: 1024px){.trans-spec-wrap .speed-table .speed-cell .speed-num{font-size:1.5rem;line-height:2rem}}.trans-spec-wrap .spec-icon-table{margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem}@media (min-width: 1024px){.trans-spec-wrap .spec-icon-table{margin-top:2rem}}.trans-spec-wrap .spec-icon-table .spec-icon-cell{width:48px}@media (min-width: 1024px){.trans-spec-wrap .spec-icon-table .spec-icon-cell{height:90px;width:90px}}.trans-spec-wrap .spec-icon-table .spec-icon-cell img{width:100%;opacity:0.3}.trans-spec-wrap .spec-icon-table .spec-icon-cell img.active{opacity:1;--tw-drop-shadow:drop-shadow(0px 0px 16px rgba(255,0,0,0.9));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.trans-list-wrap{position:relative;margin-top:3rem;height:100px;width:100%;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));padding:0.5rem}@media (min-width: 1024px){.trans-list-wrap{margin-top:0px;height:156px}}.trans-list-wrap .swiper-wrapper{display:flex}.trans-list-wrap .trans-thumb-cell{position:relative;display:flex;min-width:80px;flex-shrink:0;flex-grow:0;cursor:pointer;overflow:hidden;background-image:linear-gradient(to bottom, var(--tw-gradient-stops));--tw-gradient-from:#201B17;--tw-gradient-to:rgb(32 27 23 / 0);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:#302A25}@media (min-width: 1024px){.trans-list-wrap .trans-thumb-cell{width:100%;flex-grow:1}}.trans-list-wrap .trans-thumb-cell .trans-thumb-back{display:block;height:100%;width:100%;background-size:cover;background-repeat:no-repeat;--tw-saturate:saturate(20%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);background-position:0% top}.trans-list-wrap .trans-thumb-cell .trans-thumb-back#trans-thumb-img-1{background-image:url(../images/trans_1_small.png)}.trans-list-wrap .trans-thumb-cell .trans-thumb-back#trans-thumb-img-2{background-image:url(../images/trans_2_small.png)}.trans-list-wrap .trans-thumb-cell .trans-thumb-back#trans-thumb-img-3{background-image:url(../images/trans_3_small.png)}.trans-list-wrap .trans-thumb-cell .trans-thumb-back#trans-thumb-img-4{background-image:url(../images/trans_4_small.png)}.trans-list-wrap .trans-thumb-cell .trans-thumb-back#trans-thumb-img-5{background-image:url(../images/trans_5_small.png)}.trans-list-wrap .trans-thumb-cell .trans-thumb-back#trans-thumb-img-6{background-image:url(../images/trans_6_small.png)}.trans-list-wrap .trans-thumb-cell .trans-thumb-back#trans-thumb-img-7{background-image:url(../images/trans_7_small.png)}.trans-list-wrap .trans-thumb-cell .trans-thumb-back#trans-thumb-img-8{background-image:url(../images/trans_8_small.png)}.trans-list-wrap .trans-thumb-cell .trans-thumb-name{display:none;flex-grow:1;align-items:center;font-family:"Cinzel";font-weight:500}@media (min-width: 1024px){.trans-list-wrap .trans-thumb-cell .trans-thumb-name{font-size:1.25rem;line-height:1.75rem}}.trans-list-wrap .trans-thumb-cell.swiper-slide-thumb-active{--tw-gradient-from:#5A4A31;--tw-gradient-to:rgb(90 74 49 / 0);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:#8f7f61}.trans-list-wrap .trans-thumb-cell.swiper-slide-thumb-active .trans-thumb-back{--tw-drop-shadow:drop-shadow(0px 0px 20px rgba(255,255,255,0.5));--tw-saturate:saturate(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.trans-swiper-btn-prev,.trans-swiper-btn-next{position:absolute;top:40%;width:16px;height:30px;margin-top:calc(0px - var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}@media (min-width: 1024px){.trans-swiper-btn-prev, .trans-swiper-btn-next{display:none}}.trans-swiper-btn-prev.swiper-button-disabled,.trans-swiper-btn-next.swiper-button-disabled{opacity:.1;cursor:auto;pointer-events:none}

h2 {
    padding: 0% 2.5%;
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-size: 40px;
}