.dialog{
  --bg-opacity:1;
  background-color:#888888;
  background-color:rgba(136, 136, 136, var(--bg-opacity));
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius:10px;
  padding:1.25rem;
  opacity:0;
  z-index:1100;
  width:280px;
  min-height:120px;
  transform:translate(0, 12px);
  transition:opacity .1s ease-in-out,transform .095s ease-in-out;
  transition-delay:100ms
}

.dialog.-preventClose{
  animation-duration:.13s;
  animation-name:dialog-scale-animation;
  animation-timing-function:cubic-bezier(0.25, 0.8, 0.25, 1)
}

.dialog.-fadeUp{
  opacity:1;
  transform:translate(0, 0)
}

.dialog__header{
  font-weight:700
}

.dialog__header+.dialog__body{
  margin-top:0.5rem
}

.dialog__body{
  font-size:0.875rem
}

.dialog__footer{
  display:flex;
  justify-content:flex-end;
  margin-top:1rem
}

.dialog__footer button{
  --text-opacity:1;
  color:#1fc7c1;
  color:rgba(31, 199, 193, var(--text-opacity));
  white-space:nowrap;
  line-height:1
}

.dialog__footer button+button{
  margin-left:1rem
}

@keyframes dialog-scale-animation{
  0%{
    transform:scale(1)
  }

  50%{
    transform:scale(1.045)
  }

  to{
    transform:scale(1)
  }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, 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;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-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.
 */

[type="search"]::-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 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: "Space Grotesk Variable", "Apple SD Gothic Neo", "IBM Plex Sans Condensed", sans-serif; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #aaaaaa; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

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;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

svg{
  display: inline;
}

img{
  display: inline;
}

.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@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: 1200px){
  .container{
    max-width: 1200px;
  }
}

.hover\:container:hover{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@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: 1200px){
  .container{
    max-width: 1200px;
  }
}

@font-face{
  font-family:"Apple SD Gothic Neo";

  font-style:normal;

  font-weight:400;

  font-display:swap;

  src:url("/fonts/AppleSDGothicNeoR.woff") format("woff"),url("/fonts/AppleSDGothicNeoR.ttf") format("truetype");

  unicode-range:U+AC00-D7A3
}

@font-face{
  font-family:"Apple SD Gothic Neo";

  font-style:normal;

  font-weight:700;

  font-display:swap;

  src:url("/fonts/AppleSDGothicNeoB.woff") format("woff"),url("/fonts/AppleSDGothicNeoB.ttf") format("truetype");

  unicode-range:U+AC00-D7A3
}

@font-face{
  font-family:Space Grotesk Variable;

  src:url(/fonts/SpaceGrotesk[wght].woff2) format("woff2"),url(/fonts/SpaceGrotesk[wght].woff) format("woff");

  font-weight:100 700;

  font-style:normal
}

@font-face{
  font-family:Space Grotesk OpenType;

  src:url(/fonts/SG-OpenType.woff2) format("woff2"),url(/fonts/SG-OpenType.woff) format("woff");

  font-weight:100 700;

  font-style:normal
}

@font-face{
  font-family:Space Grotesk Transition;

  src:url(/fonts/SG-Transition.woff2) format("woff2"),url(/fonts/SG-Transition.woff) format("woff");

  font-weight:100 700;

  font-style:normal
}

@font-face{
  font-family:Space Grotesk Linear;

  src:url(/fonts/SG-Linear.woff2) format("woff2"),url(/fonts/SG-Linear.woff) format("woff");

  font-weight:100 700;

  font-style:normal
}

html{
  letter-spacing:-0.25px;
  font-feature-settings:"case" on,"ss02" on,"ss03" on,"ss04" on,"ss05" on
}

.thePage{
  padding-top:64px
}

@media (min-width: 1024px){
  .thePage{
    padding-top:90px;
    min-height:calc(100vh - 440px)
  }
}

.container{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem
}

input{
  -webkit-border-radius:0;
  -webkit-appearance:none;
  -moz-appearance:none;
       appearance:none
}

button{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  border-radius:0
}

button:focus,button:active{
  outline:none
}

.sectionCollapse{
  margin-bottom: 2rem
}

.sectionCollapse .section__header{
  border-bottom-width: 1px;
  --border-opacity: 1;
  border-color: #dddddd;
  border-color: rgba(221, 221, 221, var(--border-opacity))
}

.sectionCollapse .section__header .heading{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom:0
}

.sectionCollapse__body{
  overflow: hidden;
  max-height:0;
  transition:all .2s ease-in-out
}

.sectionCollapse__body.-open{
  max-height:1500px;
  padding-bottom:50px
}

@media (min-width: 768px){
  .sectionCollapse{
    margin-bottom:120px
  }

  .sectionCollapse .section__header{
    border-bottom-width: 0
  }

  .sectionCollapse .section__header .heading{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    margin-bottom:0
  }

  .sectionCollapse__body{
    max-height:10000px
  }
}

#nprogress .bar{
  background:#111 !important
}

#nprogress .peg{
  box-shadow:none !important
}

#nprogress .spinner{
  display:none !important
}

@font-face{
  font-family:"swiper-icons";

  src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");

  font-weight:400;

  font-style:normal
}

:root{
  --swiper-theme-color: #007aff
}

.swiper-container{
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1
}

.swiper-container-vertical>.swiper-wrapper{
  flex-direction:column
}

.swiper-wrapper{
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:flex;
  transition-property:transform;
  box-sizing:content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper{
  transform:translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper{
  flex-wrap:wrap
}

.swiper-container-multirow-column>.swiper-wrapper{
  flex-wrap:wrap;
  flex-direction:column
}

.swiper-container-free-mode>.swiper-wrapper{
  transition-timing-function:ease-out;
  margin:0 auto
}

.swiper-container-pointer-events{
  touch-action:pan-y
}

.swiper-container-pointer-events.swiper-container-vertical{
  touch-action:pan-x
}

.swiper-slide{
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative;
  transition-property:transform
}

.swiper-slide-invisible-blank{
  visibility:hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
  height:auto
}

.swiper-container-autoheight .swiper-wrapper{
  align-items:flex-start;
  transition-property:transform,height
}

.swiper-container-3d{
  perspective:1200px
}

.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{
  transform-style:preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:10
}

.swiper-container-3d .swiper-slide-shadow-left{
  background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right{
  background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top{
  background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom{
  background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper{
  overflow:auto;
  scrollbar-width:none;
  -ms-overflow-style:none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{
  display:none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{
  scroll-snap-type:x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{
  scroll-snap-type:y mandatory
}

:root{
  --swiper-navigation-size: 44px
}

.swiper-button-prev,.swiper-button-next{
  position:absolute;
  top:50%;
  width:calc(var(--swiper-navigation-size)/44*27);
  height:var(--swiper-navigation-size);
  margin-top:calc(0px - var(--swiper-navigation-size)/2);
  z-index:10;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{
  opacity:.35;
  cursor:auto;
  pointer-events:none
}

.swiper-button-prev:after,.swiper-button-next:after{
  font-family:swiper-icons;
  font-size:var(--swiper-navigation-size);
  text-transform:none !important;
  letter-spacing:0;
  text-transform:none;
  font-feature-settings:normal, ;
  font-variant:normal;
  font-variant:initial;
  line-height:1
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
  left:10px;
  right:auto
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{
  content:"prev"
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
  right:10px;
  left:auto
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{
  content:"next"
}

.swiper-button-prev.swiper-button-white,.swiper-button-next.swiper-button-white{
  --swiper-navigation-color: #ffffff
}

.swiper-button-prev.swiper-button-black,.swiper-button-next.swiper-button-black{
  --swiper-navigation-color: #000000
}

.swiper-button-lock{
  display:none
}

.swiper-pagination{
  position:absolute;
  text-align:center;
  transition:300ms opacity;
  transform:translate3d(0, 0, 0);
  z-index:10
}

.swiper-pagination.swiper-pagination-hidden{
  opacity:0
}

.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets{
  bottom:10px;
  left:0;
  width:100%
}

.swiper-pagination-bullets-dynamic{
  overflow:hidden;
  font-size:0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transform:scale(0.33);
  position:relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
  transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
  transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
  transform:scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
  transform:scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
  transform:scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
  transform:scale(0.33)
}

.swiper-pagination-bullet{
  width:8px;
  height:8px;
  display:inline-block;
  border-radius:50%;
  background:#000;
  opacity:.2
}

button.swiper-pagination-bullet{
  border:none;
  margin:0;
  padding:0;
  box-shadow:none;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none
}

.swiper-pagination-clickable .swiper-pagination-bullet{
  cursor:pointer
}

.swiper-pagination-bullet:only-child{
  display:none !important
}

.swiper-pagination-bullet-active{
  opacity:1;
  background:var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets{
  right:10px;
  top:50%;
  transform:translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:6px 0;
  display:block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  top:50%;
  transform:translateY(-50%);
  width:8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  display:inline-block;
  transition:200ms transform,200ms top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transition:200ms transform,200ms left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transition:200ms transform,200ms right
}

.swiper-pagination-progressbar{
  background:rgba(0,0,0,.25);
  position:absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background:var(--swiper-pagination-color, var(--swiper-theme-color));
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  transform:scale(0);
  transform-origin:left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  transform-origin:right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
  width:100%;
  height:4px;
  left:0;
  top:0
}

.swiper-container-vertical>.swiper-pagination-progressbar,.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
  width:4px;
  height:100%;
  left:0;
  top:0
}

.swiper-pagination-white{
  --swiper-pagination-color: #ffffff
}

.swiper-pagination-black{
  --swiper-pagination-color: #000000
}

.swiper-pagination-lock{
  display:none
}

.bg-black{
  --bg-opacity: 1 !important;
  background-color: #111111 !important;
  background-color: rgba(17, 17, 17, var(--bg-opacity)) !important;
}

.bg-white{
  --bg-opacity: 1 !important;
  background-color: #ffffff !important;
  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}

.bg-gray-50{
  --bg-opacity: 1 !important;
  background-color: #f9f9f5 !important;
  background-color: rgba(249, 249, 245, var(--bg-opacity)) !important;
}

.bg-gray-75{
  --bg-opacity: 1 !important;
  background-color: #eeeeee !important;
  background-color: rgba(238, 238, 238, var(--bg-opacity)) !important;
}

.bg-gray-100{
  --bg-opacity: 1 !important;
  background-color: #dddddd !important;
  background-color: rgba(221, 221, 221, var(--bg-opacity)) !important;
}

.bg-gray-200{
  --bg-opacity: 1 !important;
  background-color: #bbbbbb !important;
  background-color: rgba(187, 187, 187, var(--bg-opacity)) !important;
}

.bg-purple-100{
  --bg-opacity: 1 !important;
  background-color: #bb84ff !important;
  background-color: rgba(187, 132, 255, var(--bg-opacity)) !important;
}

.border-black{
  --border-opacity: 1 !important;
  border-color: #111111 !important;
  border-color: rgba(17, 17, 17, var(--border-opacity)) !important;
}

.border-gray-75{
  --border-opacity: 1 !important;
  border-color: #eeeeee !important;
  border-color: rgba(238, 238, 238, var(--border-opacity)) !important;
}

.border-gray-100{
  --border-opacity: 1 !important;
  border-color: #dddddd !important;
  border-color: rgba(221, 221, 221, var(--border-opacity)) !important;
}

.border-gray-300{
  --border-opacity: 1 !important;
  border-color: #aaaaaa !important;
  border-color: rgba(170, 170, 170, var(--border-opacity)) !important;
}

.border-none{
  border-style: none !important;
}

.border-0{
  border-width: 0 !important;
}

.border-2{
  border-width: 2px !important;
}

.border{
  border-width: 1px !important;
}

.border-t-0{
  border-top-width: 0 !important;
}

.border-b-0{
  border-bottom-width: 0 !important;
}

.border-t-2{
  border-top-width: 2px !important;
}

.border-b-2{
  border-bottom-width: 2px !important;
}

.border-t{
  border-top-width: 1px !important;
}

.border-r{
  border-right-width: 1px !important;
}

.border-b{
  border-bottom-width: 1px !important;
}

.border-l{
  border-left-width: 1px !important;
}

.cursor-pointer{
  cursor: pointer !important;
}

.cursor-wait{
  cursor: wait !important;
}

.block{
  display: block !important;
}

.inline-block{
  display: inline-block !important;
}

.flex{
  display: flex !important;
}

.table{
  display: table !important;
}

.grid{
  display: grid !important;
}

.hidden{
  display: none !important;
}

.flex-row{
  flex-direction: row !important;
}

.flex-col{
  flex-direction: column !important;
}

.flex-wrap{
  flex-wrap: wrap !important;
}

.items-start{
  align-items: flex-start !important;
}

.items-end{
  align-items: flex-end !important;
}

.items-center{
  align-items: center !important;
}

.content-center{
  align-content: center !important;
}

.justify-start{
  justify-content: flex-start !important;
}

.justify-end{
  justify-content: flex-end !important;
}

.justify-center{
  justify-content: center !important;
}

.justify-between{
  justify-content: space-between !important;
}

.flex-1{
  flex: 1 1 !important;
}

.flex-shrink-0{
  flex-shrink: 0 !important;
}

.float-right{
  float: right !important;
}

.font-light{
  font-weight: 300 !important;
}

.font-normal{
  font-weight: 400 !important;
}

.font-medium{
  font-weight: 500 !important;
}

.font-semibold{
  font-weight: 600 !important;
}

.font-bold{
  font-weight: 700 !important;
}

.h-5{
  height: 1.25rem !important;
}

.h-10{
  height: 2.5rem !important;
}

.h-24{
  height: 6rem !important;
}

.h-32{
  height: 8rem !important;
}

.h-full{
  height: 100% !important;
}

.h-screen{
  height: 100vh !important;
}

.text-xs{
  font-size: 0.75rem !important;
}

.text-sm{
  font-size: 0.875rem !important;
}

.text-base{
  font-size: 1rem !important;
}

.text-lg{
  font-size: 1.125rem !important;
}

.text-xl{
  font-size: 1.25rem !important;
}

.text-2xl{
  font-size: 1.5rem !important;
}

.text-6xl{
  font-size: 4rem !important;
}

.leading-4{
  line-height: 1rem !important;
}

.leading-6{
  line-height: 1.5rem !important;
}

.leading-none{
  line-height: 1 !important;
}

.leading-normal{
  line-height: 1.5 !important;
}

.leading-loose{
  line-height: 2 !important;
}

.list-outside{
  list-style-position: outside !important;
}

.list-none{
  list-style-type: none !important;
}

.list-disc{
  list-style-type: disc !important;
}

.m-auto{
  margin: auto !important;
}

.my-3{
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.my-4{
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-5{
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.my-8{
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mt-0{
  margin-top: 0 !important;
}

.mb-0{
  margin-bottom: 0 !important;
}

.ml-0{
  margin-left: 0 !important;
}

.mt-1{
  margin-top: 0.25rem !important;
}

.mb-1{
  margin-bottom: 0.25rem !important;
}

.ml-1{
  margin-left: 0.25rem !important;
}

.mt-2{
  margin-top: 0.5rem !important;
}

.mr-2{
  margin-right: 0.5rem !important;
}

.mb-2{
  margin-bottom: 0.5rem !important;
}

.ml-2{
  margin-left: 0.5rem !important;
}

.mt-3{
  margin-top: 0.75rem !important;
}

.mr-3{
  margin-right: 0.75rem !important;
}

.mb-3{
  margin-bottom: 0.75rem !important;
}

.ml-3{
  margin-left: 0.75rem !important;
}

.mt-4{
  margin-top: 1rem !important;
}

.mr-4{
  margin-right: 1rem !important;
}

.mb-4{
  margin-bottom: 1rem !important;
}

.ml-4{
  margin-left: 1rem !important;
}

.mt-5{
  margin-top: 1.25rem !important;
}

.mr-5{
  margin-right: 1.25rem !important;
}

.mb-5{
  margin-bottom: 1.25rem !important;
}

.ml-5{
  margin-left: 1.25rem !important;
}

.mt-6{
  margin-top: 1.5rem !important;
}

.mb-6{
  margin-bottom: 1.5rem !important;
}

.mt-8{
  margin-top: 2rem !important;
}

.mb-8{
  margin-bottom: 2rem !important;
}

.mt-10{
  margin-top: 2.5rem !important;
}

.mb-10{
  margin-bottom: 2.5rem !important;
}

.mt-12{
  margin-top: 3rem !important;
}

.mb-12{
  margin-bottom: 3rem !important;
}

.mt-16{
  margin-top: 4rem !important;
}

.mb-20{
  margin-bottom: 5rem !important;
}

.mb-24{
  margin-bottom: 6rem !important;
}

.mb-32{
  margin-bottom: 8rem !important;
}

.-ml-2{
  margin-left: -0.5rem !important;
}

.-mt-6{
  margin-top: -1.5rem !important;
}

.-mt-8{
  margin-top: -2rem !important;
}

.-mb-8{
  margin-bottom: -2rem !important;
}

.overflow-y-auto{
  overflow-y: auto !important;
}

.overflow-x-hidden{
  overflow-x: hidden !important;
}

.overflow-y-hidden{
  overflow-y: hidden !important;
}

.overflow-y-visible{
  overflow-y: visible !important;
}

.p-0{
  padding: 0 !important;
}

.p-2{
  padding: 0.5rem !important;
}

.p-3{
  padding: 0.75rem !important;
}

.p-4{
  padding: 1rem !important;
}

.p-5{
  padding: 1.25rem !important;
}

.p-8{
  padding: 2rem !important;
}

.py-1{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-3{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.px-3{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-5{
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.px-5{
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.py-6{
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-8{
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.pt-0{
  padding-top: 0 !important;
}

.pl-0{
  padding-left: 0 !important;
}

.pt-1{
  padding-top: 0.25rem !important;
}

.pr-1{
  padding-right: 0.25rem !important;
}

.pl-1{
  padding-left: 0.25rem !important;
}

.pt-2{
  padding-top: 0.5rem !important;
}

.pr-2{
  padding-right: 0.5rem !important;
}

.pb-2{
  padding-bottom: 0.5rem !important;
}

.pl-2{
  padding-left: 0.5rem !important;
}

.pt-3{
  padding-top: 0.75rem !important;
}

.pb-3{
  padding-bottom: 0.75rem !important;
}

.pl-3{
  padding-left: 0.75rem !important;
}

.pt-4{
  padding-top: 1rem !important;
}

.pr-4{
  padding-right: 1rem !important;
}

.pl-4{
  padding-left: 1rem !important;
}

.pt-5{
  padding-top: 1.25rem !important;
}

.pb-5{
  padding-bottom: 1.25rem !important;
}

.pl-5{
  padding-left: 1.25rem !important;
}

.pr-6{
  padding-right: 1.5rem !important;
}

.pb-6{
  padding-bottom: 1.5rem !important;
}

.pl-6{
  padding-left: 1.5rem !important;
}

.pt-8{
  padding-top: 2rem !important;
}

.pb-16{
  padding-bottom: 4rem !important;
}

.pr-24{
  padding-right: 6rem !important;
}

.fixed{
  position: fixed !important;
}

.absolute{
  position: absolute !important;
}

.relative{
  position: relative !important;
}

.sticky{
  position: sticky !important;
}

.inset-0{
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.top-0{
  top: 0 !important;
}

.right-0{
  right: 0 !important;
}

.bottom-0{
  bottom: 0 !important;
}

.left-0{
  left: 0 !important;
}

.top-3{
  top: 0.75rem !important;
}

.right-3{
  right: 0.75rem !important;
}

.resize{
  resize: both !important;
}

.shadow-2xl{
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

.table-fixed{
  table-layout: fixed !important;
}

.text-left{
  text-align: left !important;
}

.text-center{
  text-align: center !important;
}

.text-right{
  text-align: right !important;
}

.text-black{
  --text-opacity: 1 !important;
  color: #111111 !important;
  color: rgba(17, 17, 17, var(--text-opacity)) !important;
}

.text-gray-200{
  --text-opacity: 1 !important;
  color: #bbbbbb !important;
  color: rgba(187, 187, 187, var(--text-opacity)) !important;
}

.text-gray-300{
  --text-opacity: 1 !important;
  color: #aaaaaa !important;
  color: rgba(170, 170, 170, var(--text-opacity)) !important;
}

.text-gray-400{
  --text-opacity: 1 !important;
  color: #888888 !important;
  color: rgba(136, 136, 136, var(--text-opacity)) !important;
}

.text-gray-500{
  --text-opacity: 1 !important;
  color: #666666 !important;
  color: rgba(102, 102, 102, var(--text-opacity)) !important;
}

.text-gray-600{
  --text-opacity: 1 !important;
  color: #333333 !important;
  color: rgba(51, 51, 51, var(--text-opacity)) !important;
}

.text-red-700{
  --text-opacity: 1 !important;
  color: #c53030 !important;
  color: rgba(197, 48, 48, var(--text-opacity)) !important;
}

.text-primary{
  --text-opacity: 1 !important;
  color: #1fc7c1 !important;
  color: rgba(31, 199, 193, var(--text-opacity)) !important;
}

.underline{
  text-decoration: underline !important;
}

.align-middle{
  vertical-align: middle !important;
}

.align-text-bottom{
  vertical-align: text-bottom !important;
}

.visible{
  visibility: visible !important;
}

.whitespace-no-wrap{
  white-space: nowrap !important;
}

.whitespace-pre-line{
  white-space: pre-line !important;
}

.w-5{
  width: 1.25rem !important;
}

.w-16{
  width: 4rem !important;
}

.w-20{
  width: 5rem !important;
}

.w-24{
  width: 6rem !important;
}

.w-32{
  width: 8rem !important;
}

.w-1\/2{
  width: 50% !important;
}

.w-1\/3{
  width: 33.333333% !important;
}

.w-2\/3{
  width: 66.666667% !important;
}

.w-1\/4{
  width: 25% !important;
}

.w-2\/4{
  width: 50% !important;
}

.w-3\/4{
  width: 75% !important;
}

.w-1\/5{
  width: 20% !important;
}

.w-2\/5{
  width: 40% !important;
}

.w-4\/5{
  width: 80% !important;
}

.w-1\/12{
  width: 8.333333% !important;
}

.w-2\/12{
  width: 16.666667% !important;
}

.w-3\/12{
  width: 25% !important;
}

.w-4\/12{
  width: 33.333333% !important;
}

.w-8\/12{
  width: 66.666667% !important;
}

.w-11\/12{
  width: 91.666667% !important;
}

.w-full{
  width: 100% !important;
}

.w-screen{
  width: 100vw !important;
}

.z-50{
  z-index: 50 !important;
}

.gap-4{
  grid-gap: 1rem !important;
  grid-gap: 1rem !important;
  gap: 1rem !important;
}

.gap-8{
  grid-gap: 2rem !important;
  grid-gap: 2rem !important;
  gap: 2rem !important;
}

.gap-x-5{
  grid-column-gap: 1.25rem !important;
  grid-column-gap: 1.25rem !important;
  -moz-column-gap: 1.25rem !important;
       column-gap: 1.25rem !important;
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.grid-cols-6{
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.col-span-1{
  grid-column: span 1 / span 1 !important;
}

.col-span-2{
  grid-column: span 2 / span 2 !important;
}

.col-span-4{
  grid-column: span 4 / span 4 !important;
}

.col-span-5{
  grid-column: span 5 / span 5 !important;
}

.col-span-7{
  grid-column: span 7 / span 7 !important;
}

.col-span-9{
  grid-column: span 9 / span 9 !important;
}

.row-span-3{
  grid-row: span 3 / span 3 !important;
}

.transform{
  --transform-translate-x: 0 !important;
  --transform-translate-y: 0 !important;
  --transform-rotate: 0 !important;
  --transform-skew-x: 0 !important;
  --transform-skew-y: 0 !important;
  --transform-scale-x: 1 !important;
  --transform-scale-y: 1 !important;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
}

.rotate-180{
  --transform-rotate: 180deg !important;
}

@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

@keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

@keyframes fade-in{
  from{
    opacity: 0;
  }

  to{
    opacity: 1;
  }
}

@media (max-width: 639px){
  .xs\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 640px){
    .xs\:container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .xs\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .xs\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1200px){
    .xs\:container{
      max-width: 1200px;
    }
  }

  .xs\:hover\:container:hover{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 640px){
    .xs\:container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .xs\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .xs\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1200px){
    .xs\:container{
      max-width: 1200px;
    }
  }

  .xs\:hidden{
    display: none !important;
  }

  .xs\:text-sm{
    font-size: 0.875rem !important;
  }
}

@media (min-width: 640px){
  .sm\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 640px){
    .sm\:container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .sm\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .sm\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1200px){
    .sm\:container{
      max-width: 1200px;
    }
  }

  .sm\:hover\:container:hover{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 640px){
    .sm\:container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .sm\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .sm\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1200px){
    .sm\:container{
      max-width: 1200px;
    }
  }
}

@media (min-width: 768px){
  .md\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 640px){
    .md\:container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .md\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .md\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1200px){
    .md\:container{
      max-width: 1200px;
    }
  }

  .md\:hover\:container:hover{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 640px){
    .md\:container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .md\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .md\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1200px){
    .md\:container{
      max-width: 1200px;
    }
  }

  .md\:block{
    display: block !important;
  }

  .md\:inline{
    display: inline !important;
  }

  .md\:flex{
    display: flex !important;
  }

  .md\:table-cell{
    display: table-cell !important;
  }

  .md\:hidden{
    display: none !important;
  }

  .md\:flex-row{
    flex-direction: row !important;
  }

  .md\:flex-no-wrap{
    flex-wrap: nowrap !important;
  }

  .md\:justify-end{
    justify-content: flex-end !important;
  }

  .md\:flex-none{
    flex: none !important;
  }

  .md\:font-normal{
    font-weight: 400 !important;
  }

  .md\:font-bold{
    font-weight: 700 !important;
  }

  .md\:text-base{
    font-size: 1rem !important;
  }

  .md\:mt-0{
    margin-top: 0 !important;
  }

  .md\:mb-0{
    margin-bottom: 0 !important;
  }

  .md\:ml-0{
    margin-left: 0 !important;
  }

  .md\:mt-2{
    margin-top: 0.5rem !important;
  }

  .md\:mb-4{
    margin-bottom: 1rem !important;
  }

  .md\:mr-5{
    margin-right: 1.25rem !important;
  }

  .md\:ml-5{
    margin-left: 1.25rem !important;
  }

  .md\:mt-10{
    margin-top: 2.5rem !important;
  }

  .md\:mb-10{
    margin-bottom: 2.5rem !important;
  }

  .md\:mb-12{
    margin-bottom: 3rem !important;
  }

  .md\:mt-20{
    margin-top: 5rem !important;
  }

  .md\:mb-40{
    margin-bottom: 10rem !important;
  }

  .md\:p-8{
    padding: 2rem !important;
  }

  .md\:px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .md\:pt-2{
    padding-top: 0.5rem !important;
  }

  .md\:pl-5{
    padding-left: 1.25rem !important;
  }

  .md\:pl-6{
    padding-left: 1.5rem !important;
  }

  .md\:pb-16{
    padding-bottom: 4rem !important;
  }

  .md\:pt-20{
    padding-top: 5rem !important;
  }

  .md\:w-40{
    width: 10rem !important;
  }

  .md\:w-64{
    width: 16rem !important;
  }

  .md\:w-auto{
    width: auto !important;
  }

  .md\:w-1\/2{
    width: 50% !important;
  }

  .md\:w-1\/4{
    width: 25% !important;
  }

  .md\:w-3\/4{
    width: 75% !important;
  }

  .md\:w-1\/5{
    width: 20% !important;
  }

  .md\:w-2\/5{
    width: 40% !important;
  }

  .md\:w-3\/5{
    width: 60% !important;
  }

  .md\:w-1\/6{
    width: 16.666667% !important;
  }

  .md\:w-2\/6{
    width: 33.333333% !important;
  }

  .md\:w-4\/6{
    width: 66.666667% !important;
  }

  .md\:w-5\/6{
    width: 83.333333% !important;
  }

  .md\:w-2\/12{
    width: 16.666667% !important;
  }

  .md\:w-10\/12{
    width: 83.333333% !important;
  }
}

@media (min-width: 1024px){
  .lg\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 640px){
    .lg\:container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .lg\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .lg\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1200px){
    .lg\:container{
      max-width: 1200px;
    }
  }

  .lg\:hover\:container:hover{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 640px){
    .lg\:container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .lg\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .lg\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1200px){
    .lg\:container{
      max-width: 1200px;
    }
  }

  .lg\:flex{
    display: flex !important;
  }

  .lg\:text-base{
    font-size: 1rem !important;
  }

  .lg\:ml-1{
    margin-left: 0.25rem !important;
  }

  .lg\:mt-2{
    margin-top: 0.5rem !important;
  }

  .lg\:w-1\/4{
    width: 25% !important;
  }

  .lg\:w-3\/4{
    width: 75% !important;
  }
}

@media (min-width: 1200px){
  .xl\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 640px){
    .xl\:container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .xl\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .xl\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1200px){
    .xl\:container{
      max-width: 1200px;
    }
  }

  .xl\:hover\:container:hover{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 640px){
    .xl\:container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .xl\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .xl\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1200px){
    .xl\:container{
      max-width: 1200px;
    }
  }
}
.about__header{
  padding:70px 120px 120px 120px
}

.about__header__description{
  display:flex
}

.about__header .helpPopover__button img{
  margin-bottom:10px
}

.about__header .helpPopover{
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  padding-left:1rem;
  padding-right:1rem;
  border-width:1px;
  width:220px;
  color:#848484;
  border-color:#d9d9d9;
  border-radius:10px;
  box-shadow:0 1px 4px 0 rgba(12,12,13,.1)
}

.about__section{
  padding:120px
}

.about__sectionImage{
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url("/images/about/bg-about-bricks-2.png");
  height:520px
}

@media (min-width: 768px){
  .about__sectionImage{
    height:520px
  }
}

.about__sectionMembershipBenefit{
  background-color:#f8f8f8;
  height:986px
}

.about__sectionMembershipBenefit__benefits{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  grid-gap:1.5rem;
  grid-gap:1.5rem;
  gap:1.5rem
}

.about__sectionMembershipBenefit__benefits__benefit{
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  padding:26px 24px;
  width:384px;
  height:300px
}

.about__sectionMembershipBenefit__benefits__benefit>img{
  margin-bottom:78px
}

.about__sectionMembershipBenefit__benefits__benefit>h3{
  font-weight:700;
  font-size:28px;
  margin-bottom:16px
}

.about__sectionMembershipBenefit__benefits__benefit>p{
  font-weight:400;
  font-size:18px;
  color:#848484
}

.about__section__title{
  display:flex;
  align-items:flex-start;
  margin-bottom:80px
}

.about__section__title h2{
  font-weight:700;
  width:80%;
  align-items:flex-start;
  font-size:42px;
  line-height:42px
}

.about__section__title desc{
  font-weight:400;
  width:100%;
  font-size:18px;
  line-height:28px
}

.about__sectionMembershipJoinProcess__processBoxWrapper{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  grid-gap:0;
  grid-gap:0;
  gap:0;
  height:215px
}

.about__sectionMembershipJoinProcess__processBoxWrapper__box{
  border-left-width:1px;
  padding-left:1rem;
  border-left-color:#bababa;
  font-size:28px
}

.about__sectionMembershipJoinProcess__processBoxWrapper__box__number{
  font-weight:500;
  margin-bottom:2.5rem
}

.about__sectionMembershipJoinProcess__processBoxWrapper__box__content{
  font-weight:500
}

.about__sectionMembershipJoinCheck{
  background-color:#f0f6ff
}

.about__sectionMembershipJoinCheck__check{
  display:flex;
  flex-direction:column;
  width:50%;
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  padding:30px;
  margin-right:24px
}

.about__sectionMembershipJoinCheck__check__checkContent{
  font-weight:400;
  font-size:1.125rem;
  color:#838383
}

.about__sectionMembershipJoinCheck__check__checkBook{
  display:flex;
  justify-content:flex-end;
  margin-top:1.25rem
}

.about__sectionMembershipJoinCheck__contentTitle{
  font-weight:700;
  font-size:28px
}

.about__sectionMembershipJoinCheck .checkBook{
  height:206px
}

.about__sectionAboutBricks__wrapper{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  grid-gap:25px
}

.about__sectionAboutBricks__wrapper__box__title{
  display:flex;
  font-weight:700;
  font-size:28px;
  margin-bottom:27px
}

.about__sectionAboutBricks__wrapper__box__title__number{
  display:flex;
  align-items:flex-start;
  margin-right:66px
}

.about__sectionAboutBricks__wrapper__box__content{
  font-weight:400;
  font-size:18px;
  color:#838383
}
.pageLocation .pageHeader .container{
  padding-top:52px;
  padding-bottom:0px
}

@media (min-width: 768px){
  .pageLocation .pageHeader .container{
    padding-top:70px
  }
}

.pageLocation .pageHeader__title{
  height:auto !important
}

@media (min-width: 768px){
}

.pageLocation .container{
  padding-bottom:64px
}

@media (min-width: 768px){
  .pageLocation .container{
    padding-bottom:72px
  }
}

.pageLocation.about .about__header{
  position:relative;
  --bg-opacity:1;
  background-color:#fcee49;
  background-color:rgba(252, 238, 73, var(--bg-opacity))
}

.pageLocation.about .about__headerBack{
  display:none
}

.pageLocation.about .about__headerContent{
  display:flex;
  flex-wrap:wrap;
  height:100%;
  align-items:center
}

.pageLocation.about .about__headerContent h1{
  display:flex;
  position:relative;
  z-index:10;
  width:100%;
  align-items:center;
  padding-right:0.5rem;
  flex-shrink:0;
  font-weight:600;
  font-size:38px;
  line-height:58px;
  padding:52px 0 80px 4px
}

@media (min-width: 768px){
  .pageLocation.about .about__headerContent h1{
    width:auto;
    font-size:58px;
    line-height:78px
  }
}

.pageLocation.about .about__headerContentRight{
  --bg-opacity:1;
  background-color:#fcee49;
  background-color:rgba(252, 238, 73, var(--bg-opacity));
  display:flex;
  flex:1 1;
  justify-content:space-between
}

.pageLocation.about .about__headerContentRight .text{
  position:relative;
  z-index:10;
  padding-left:90px;
  padding-bottom:50px;
  font-size:18px;
  line-height:34px;
  max-width:560px;
  word-break:keep-all
}

@media (min-width: 768px){
  .pageLocation.about .about__headerContentRight .text{
    padding-top:70px;
    padding-left:0;
    margin-right:40px;
    padding-bottom:0;
    font-size:20px
  }
}

.pageLocation.about .about__headerContentRight .xSymbol{
  position:absolute;
  z-index:0;
  left:0;
  top:145px;
  height:134px
}

@media (min-width: 768px){
  .pageLocation.about .about__headerContentRight .xSymbol{
    position:static;
    width:174px
  }
}

@media (min-width: 768px){
  .pageLocation.about .about__headerContentRight{
    height:300px
  }
}

@media (min-width: 768px){
  .pageLocation.about .about__header{
    background-color:transparent;
    height:300px
  }

  .pageLocation.about .about__headerContent h1{
    padding:72px 0 70px 4px
  }

  .pageLocation.about .about__header .about__headerBack{
    position:absolute;
    width:100%;
    display:flex;
    height:300px
  }
}

.pageLocation.about .about__sectionImage{
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url("/images/about/bg-about-piex-1.jpg");
  height:300px
}

@media (min-width: 768px){
  .pageLocation.about .about__sectionImage{
    height:520px
  }
}

.pageLocation.about .about__spaceInfo{
  display:flex;
  flex-wrap:wrap;
  margin-top:60px
}

@media (min-width: 768px){
  .pageLocation.about .about__spaceInfo{
    margin-top:100px
  }
}

.pageLocation.about .about__spaceInfoBack{
  position:absolute;
  left:0;
  bottom:0;
  --bg-opacity:1;
  background-color:#fcee49;
  background-color:rgba(252, 238, 73, var(--bg-opacity));
  width:calc(100% + 1.25rem);
  height:100px;
  z-index:-1
}

@media (min-width: 768px){
  .pageLocation.about .about__spaceInfoBack{
    width:85%;
    height:120px
  }
}

.pageLocation.about .about__spaceInfoLeft{
  position:relative;
  width:100%;
  font-weight:600;
  font-size:28px;
  line-height:1.14;
  height:150px
}

.pageLocation.about .about__spaceInfoLeft.-second{
  height:178px
}

@media (min-width: 768px){
  .pageLocation.about .about__spaceInfoLeft{
    width:50%;
    height:100%;
    font-size:42px;
    height:240px
  }

  .pageLocation.about .about__spaceInfoLeft.-second{
    height:240px
  }
}

.pageLocation.about .about__spaceInfoRight{
  width:100%;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  padding-top:20px;
  word-break:keep-all
}

.pageLocation.about .about__spaceInfoRight .icon{
  width:67px
}

.pageLocation.about .about__spaceInfoRight .text{
  padding-top:20px;
  font-size:16px;
  line-height:28px
}

@media (min-width: 768px){
  .pageLocation.about .about__spaceInfoRight{
    width:50%;
    border-top-width:1px;
    padding-top:30px
  }

  .pageLocation.about .about__spaceInfoRight .icon{
    width:77px
  }

  .pageLocation.about .about__spaceInfoRight .text{
    padding-top:30px;
    font-size:18px
  }
}

.pageLocation__section{
  padding-top:0px
}

@media (min-width: 768px){
  .pageLocation__section{
    padding-top:0px
  }
}

.pageLocation__sectionTitle{
  font-weight:700;
  line-height:1;
  font-size:28px
}

@media (min-width: 768px){
  .pageLocation__sectionTitle{
    font-size:42px
  }
}

.pageLocation__sectionSubtitle{
  font-weight:700;
  line-height:1;
  font-size:20px
}

.pageLocation__sectionSubtitleHead{
  font-size:28px;
  font-weight:700;
  padding:100px 0px 32px 0px
}

.pageLocation__sectionSubtitleHead:first-of-type{
  padding:64px 0px 32px 0px
}

@media (min-width: 768px){
  .pageLocation__sectionSubtitleHead:first-of-type{
    font-size:42px;
    padding-top:72px;
    padding-bottom:38px
  }
}

@media (min-width: 768px){
  .pageLocation__sectionSubtitleHead{
    font-size:42px;
    padding-top:120px;
    padding-bottom:38px
  }
}

@media (min-width: 768px){
  .pageLocation__sectionSubtitle{
    margin-top:0rem;
    font-size:28px
  }
}

.pageLocation__section ul.pageLocation__sectionText{
  list-style:disc;
  margin-left:.8em
}

.pageLocation__section ul.pageLocation__sectionText li::marker{
  font-size:16px
}

@media (min-width: 768px){
  .pageLocation__section ul.pageLocation__sectionText li::marker{
    font-size:unset
  }
}

.pageLocation__sectionText{
  --text-opacity:1;
  color:#181818;
  color:rgba(24, 24, 24, var(--text-opacity));
  font-size:1.125rem
}

@media (min-width: 768px){
  .pageLocation__sectionText{
    font-size:22px;
    font-weight:400
  }
}

.pageLocation .sectionConvenienceSpace{
  display:flex;
  flex-wrap:wrap;
  grid-gap:1rem;
  grid-gap:1rem;
  gap:1rem;
  justify-content:space-between
}

.pageLocation .sectionConvenienceSpace.-center{
  justify-content:center
}

.pageLocation .sectionConvenienceSpace .cardConvenienceSpace{
  position:relative;
  width:50%;
  padding-left:0.5rem;
  padding-right:0.5rem;
  margin-top:60px;
  width:calc(50% - .5rem);
  height:205px
}

@media (min-width: 1200px){
  .pageLocation .sectionConvenienceSpace .cardConvenienceSpace{
    padding-left:1.25rem;
    padding-right:1.25rem;
    width:369px;
    height:275px
  }

  .pageLocation .sectionConvenienceSpace .cardConvenienceSpace.-last{
    margin-left:30px
  }
}

.pageLocation .sectionConvenienceSpace .cardConvenienceSpace__title{
  font-weight:600;
  font-size:28px;
  line-height:32px
}

@media (min-width: 1200px){
  .pageLocation .sectionConvenienceSpace .cardConvenienceSpace__title{
    font-size:42px;
    line-height:48px
  }
}

.pageLocation .sectionConvenienceSpace .cardConvenienceSpace__boxYellow{
  position:absolute;
  width:100%;
  --bg-opacity:1;
  background-color:#fcee49;
  background-color:rgba(252, 238, 73, var(--bg-opacity));
  top:0;
  right:0;
  bottom:0;
  left:0;
  top:auto;
  height:155px;
  z-index:-1
}

.pageLocation .sectionConvenienceSpace .cardConvenienceSpace__boxYellow .icon{
  position:absolute;
  bottom:1.25rem;
  right:1.25rem;
  width:52px;
  height:52px
}
.xchool__header{
  position:relative;
  --bg-opacity:1;
  background-color:#bb84ff;
  background-color:rgba(187, 132, 255, var(--bg-opacity))
}

.xchool__headerBack{
  display:none
}

.xchool__headerContent{
  display:flex;
  flex-wrap:wrap;
  height:100%;
  align-items:center
}

.xchool__headerContent h1{
  position:relative;
  z-index:10;
  display:flex;
  width:100%;
  align-items:flex-start;
  padding-right:0.5rem;
  flex-shrink:0;
  font-weight:600;
  font-size:38px;
  line-height:58px;
  padding:52px 0 80px 4px
}

@media (min-width: 768px){
  .xchool__headerContent h1{
    width:auto;
    height:440px;
    padding-top:72px;
    font-size:58px;
    line-height:78px
  }
}

.xchool__headerContentRight{
  position:relative;
  --bg-opacity:1;
  background-color:#bb84ff;
  background-color:rgba(187, 132, 255, var(--bg-opacity));
  display:flex;
  flex:1 1;
  justify-content:space-between
}

@media (min-width: 768px){
  .xchool__headerContentRight{
    height:440px
  }
}

.xchool__headerContentRight .text{
  position:relative;
  z-index:10;
  padding-left:90px;
  padding-bottom:50px;
  font-size:18px;
  line-height:34px;
  max-width:560px;
  word-break:keep-all
}

@media (min-width: 768px){
  .xchool__headerContentRight .text{
    padding-top:70px;
    padding-right:50px;
    padding-bottom:0;
    font-size:20px
  }
}

.xchool__headerContentRight .xSymbol{
  position:absolute;
  z-index:0;
  left:-20px;
  top:-105px;
  height:134px
}

@media (min-width: 768px){
  .xchool__headerContentRight .xSymbol{
    height:174px;
    top:0;
    left:auto;
    right:-150px
  }
}

@media (min-width: 768px){
  .xchool__header{
    background-color:transparent;
    height:440px
  }

  .xchool__header .xchool__headerBack{
    position:absolute;
    width:100%;
    display:flex;
    height:440px
  }
}

.xchool .cardSpace{
  width:100%;
  margin-bottom:140px
}

@media (min-width: 768px){
  .xchool .cardSpace{
    width:calc(50% - 1rem)
  }
}

.xchool .cardSpace .spaceImage{
  position:relative;
  border-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  overflow:hidden;
  border-width:2px
}

.xchool .cardSpace .spaceImage:hover .background{
  transform:scale(1.3)
}

.xchool .cardSpace .spaceImage .background{
  transition:all 1.6s ease-in
}

.xchool .cardSpace .spaceImage .symbol{
  position:absolute;
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  border-width:2px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  width:175px;
  height:175px;
  padding:24px;
  right:-2px;
  bottom:-2px
}

.xchool .cardSpace .title{
  font-weight:600;
  font-size:28px;
  line-height:48px;
  margin:30px 0 12px
}

@media (min-width: 768px){
  .xchool .cardSpace .title{
    font-size:42px
  }
}

.xchool .cardSpace .description{
  word-break:keep-all;
  font-size:16px;
  line-height:1.75
}

@media (min-width: 768px){
  .xchool .cardSpace .description{
    font-size:18px;
    padding-right:65px
  }
}
.xchool__header{
  position:relative;
  --bg-opacity:1;
  background-color:#bb84ff;
  background-color:rgba(187, 132, 255, var(--bg-opacity))
}

.xchool__headerBack{
  display:none
}

.xchool__headerContent{
  display:flex;
  flex-wrap:wrap;
  height:100%;
  align-items:center
}

.xchool__headerContent h1{
  position:relative;
  z-index:10;
  display:flex;
  width:100%;
  align-items:flex-start;
  padding-right:0.5rem;
  flex-shrink:0;
  font-weight:600;
  font-size:38px;
  line-height:58px;
  padding:52px 0 80px 4px
}

@media (min-width: 768px){
  .xchool__headerContent h1{
    width:auto;
    height:440px;
    padding-top:72px;
    font-size:58px;
    line-height:78px
  }
}

.xchool__headerContentRight{
  position:relative;
  --bg-opacity:1;
  background-color:#bb84ff;
  background-color:rgba(187, 132, 255, var(--bg-opacity));
  display:flex;
  flex:1 1;
  justify-content:space-between
}

@media (min-width: 768px){
  .xchool__headerContentRight{
    height:440px
  }
}

.xchool__headerContentRight .text{
  position:relative;
  z-index:10;
  padding-left:90px;
  padding-bottom:50px;
  font-size:18px;
  line-height:34px;
  max-width:560px;
  word-break:keep-all
}

@media (min-width: 768px){
  .xchool__headerContentRight .text{
    padding-top:70px;
    padding-right:50px;
    padding-bottom:0;
    font-size:20px
  }
}

.xchool__headerContentRight .xSymbol{
  position:absolute;
  z-index:0;
  left:-20px;
  top:-105px;
  height:134px
}

@media (min-width: 768px){
  .xchool__headerContentRight .xSymbol{
    height:174px;
    top:0;
    left:auto;
    right:-150px
  }
}

@media (min-width: 768px){
  .xchool__header{
    background-color:transparent;
    height:440px
  }

  .xchool__header .xchool__headerBack{
    position:absolute;
    width:100%;
    display:flex;
    height:440px
  }
}

.xchool .cardSpace{
  width:100%;
  margin-bottom:140px
}

@media (min-width: 768px){
  .xchool .cardSpace{
    width:calc(50% - 1rem)
  }
}

.xchool .cardSpace .spaceImage{
  position:relative;
  border-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  overflow:hidden;
  border-width:2px
}

.xchool .cardSpace .spaceImage:hover .background{
  transform:scale(1.3)
}

.xchool .cardSpace .spaceImage .background{
  transition:all 1.6s ease-in
}

.xchool .cardSpace .spaceImage .symbol{
  position:absolute;
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  border-width:2px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  width:175px;
  height:175px;
  padding:24px;
  right:-2px;
  bottom:-2px
}

.xchool .cardSpace .title{
  font-weight:600;
  font-size:28px;
  line-height:48px;
  margin:30px 0 12px
}

@media (min-width: 768px){
  .xchool .cardSpace .title{
    font-size:42px
  }
}

.xchool .cardSpace .description{
  word-break:keep-all;
  font-size:16px;
  line-height:1.75
}

@media (min-width: 768px){
  .xchool .cardSpace .description{
    font-size:18px;
    padding-right:65px
  }
}
.aboutSpacesDetail__header{
  width:100%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  height:300px
}

@media (min-width: 1024px){
  .aboutSpacesDetail__header{
    height:630px
  }
}

.aboutSpacesDetail__header .container{
  position:relative;
  height:100%
}

.aboutSpacesDetail__headerFlag{
  position:absolute;
  left:1rem;
  bottom:0
}

.aboutSpacesDetail__section{
  position:relative
}

.aboutSpacesDetail__section .container{
  display:flex;
  flex-wrap:wrap;
  height:100%
}

.aboutSpacesDetail__section .container ul>li{
  font-size:14px
}

.aboutSpacesDetail__section .container ul>li::marker{
  font-size:16px
}

.aboutSpacesDetail__sectionTopTitle{
  width:100%;
  align-items:center;
  padding-right:0.5rem;
  flex-shrink:0;
  font-weight:600;
  line-height:1;
  font-size:38px;
  padding:52px 0 48px
}

@media (min-width: 1024px){
  .aboutSpacesDetail__sectionTopTitle{
    width:205px;
    height:350px;
    font-size:42px;
    line-height:48px;
    padding-top:100px
  }
}

.aboutSpacesDetail__sectionTopBanner{
  display:flex;
  flex-direction:column;
  flex:1 1;
  width:100%;
  justify-content:space-between;
  padding-left:0;
  padding-bottom:72px
}

.aboutSpacesDetail__sectionTopBanner .text{
  font-size:18px;
  line-height:30px;
  word-break:keep-all
}

@media (min-width: 1024px){
  .aboutSpacesDetail__sectionTopBanner{
    min-height:350px;
    padding:100px 20px 70px 300px
  }

  .aboutSpacesDetail__sectionTopBanner .text{
    font-size:18px;
    line-height:34px
  }
}

.aboutSpacesDetail__sectionTitle{
  font-weight:700;
  line-height:1;
  margin-bottom:1.25rem;
  font-size:20px
}

@media (min-width: 1024px){
  .aboutSpacesDetail__sectionTitle{
    margin-bottom:0;
    font-size:22px
  }
}

.aboutSpacesDetail__sectionPrice{
  display:flex;
  flex-direction:column;
  line-height:1.75rem
}

.aboutSpacesDetail__sectionPrice .membership-price .discount-rate{
  margin-right:0.5rem;
  font-weight:700;
  font-size:0.875rem;
  color:#ff0f0f
}

.aboutSpacesDetail__sectionPrice .membership-price .before-price{
  font-weight:500;
  text-decoration:line-through;
  font-size:0.875rem;
  color:#979797
}

.aboutSpacesDetail__sectionPrice .after-price{
  font-weight:500
}

.aboutSpacesDetail__sectionPrice .after-price .amount{
  margin-right:0.25rem;
  font-size:1.75rem
}

.aboutSpacesDetail__sectionPrice .after-price .vat{
  margin-left:0.25rem;
  color:#979797
}

@media (min-width: 768px){
  .aboutSpacesDetail__sectionPrice{
    line-height:2
  }
}

.aboutSpacesDetail__sectionMembershipJoinGuide{
  margin-top:1rem;
  line-height:1.75rem;
  font-size:18px
}

@media (min-width: 768px){
  .aboutSpacesDetail__sectionMembershipJoinGuide{
    line-height:2
  }
}

.aboutSpacesDetail__sectionMembershipJoinGuide .guide{
  margin-bottom:0.75rem
}

.aboutSpacesDetail__sectionSubtitle{
  line-height:1;
  font-size:18px
}

@media (min-width: 1024px){
  .aboutSpacesDetail__sectionSubtitle{
    font-size:22px
  }
}

.aboutSpacesDetail__sectionSubtitle ul{
  list-style-type:disc;
  list-style-position:inside;
  margin-bottom:1rem
}

.aboutSpacesDetail__sectionSubtitle ul li{
  margin-bottom:1rem
}

.aboutSpacesDetail__sectionMaxDescription{
  --text-opacity:1;
  color:#888888;
  color:rgba(136, 136, 136, var(--text-opacity));
  line-height:22px
}

.aboutSpacesDetail__sectionMaxDescription li{
  margin-top:0.5rem
}

.aboutSpacesDetail__sectionTools .toolList{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between
}

.aboutSpacesDetail__sectionTools .toolList .toolCard{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  margin-bottom:45px
}

.aboutSpacesDetail__sectionTools .toolList .toolCardWrapper{
  width:33.333333%
}

@media (min-width: 768px){
  .aboutSpacesDetail__sectionTools .toolList .toolCardWrapper{
    width:20%
  }
}

@media (min-width: 768px){
  .aboutSpacesDetail__sectionTools .toolList .toolCard{
    width:110px
  }
}

.aboutSpacesDetail__sectionTools .toolList .toolCard__icon{
  width:40px;
  height:40px
}

.aboutSpacesDetail__sectionTools .toolList .toolCard__iconWrapper{
  display:flex;
  align-items:center;
  justify-content:center;
  border-color:#ccc;
  border-width:1px;
  width:54px;
  height:54px;
  margin-bottom:13px
}

.aboutSpacesDetail__sectionTools .toolList .toolCard__label{
  font-size:16px
}

@media (min-width: 768px){
  .aboutSpacesDetail__sectionTools .toolList .toolCard__label{
    font-size:18px
  }
}

.aboutSpacesDetail__sectionTools .toolList:after{
  content:"";
  flex:1 1
}

.aboutSpacesDetail__sectionTerms ul{
  list-style-type:disc;
  list-style-position:inside;
  --text-opacity:1;
  color:#333333;
  color:rgba(51, 51, 51, var(--text-opacity));
  font-size:0.875rem
}

.aboutSpacesDetail__sectionTerms ul li+li{
  margin-top:10px
}

.aboutSpacesDetail__sectionTerms ul li ul{
  list-style-type:none;
  padding-left:2.5rem;
  margin-top:10px
}

.aboutSpacesDetail__sectionTerms ul li ul li strong{
  display:inline-block;
  width:2.5rem;
  width:105px
}

.aboutSpacesDetail__priceTable{
  width:100%;
  font-size:16px;
  margin-top:22px
}

@media (min-width: 768px){
  .aboutSpacesDetail__priceTable{
    font-size:18px;
    width:587px
  }
}

.aboutSpacesDetail__priceTable tbody tr{
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#cccccc;
  border-color:rgba(204, 204, 204, var(--border-opacity));
  height:68px
}

.aboutSpacesDetail__priceTable tbody tr:first-child{
  border-top-width:1px
}

.aboutSpacesDetail ul.star-ul{
  list-style-type:" * ";
  padding-left:.5em
}

.aboutSpacesDetail .desktop-break{
  display:none
}

@media (min-width: 768px){
  .aboutSpacesDetail .desktop-break{
    display:block
  }
}

.aboutSpacesDetail .mobile-break{
  display:block
}

@media (min-width: 768px){
  .aboutSpacesDetail .mobile-break{
    display:none
  }
}

.accessibility-list li+li{
  margin-top:10px
}
.pageAboutSpace .spaceToolBar{
  display:flex;
  justify-content:space-between;
  align-items:center
}

.pageAboutSpace .spaceToolBar__right{
  display:flex;
  flex-shrink:0
}

.pageAboutSpace .spaceToolBar__right .buttonOutlined{
  padding-left:1.25rem;
  padding-right:1.25rem;
  width:8rem !important
}

.pageAboutSpace .spaceToolBar__right .buttonOutlined.-active{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.pageAboutSpace .spaceToolBar__right .buttonOutlined+.buttonOutlined{
  border-left-width:0
}

.pageAboutSpace__section .cardSpace{
  width:100%;
  margin-bottom:140px
}

@media (min-width: 768px){
  .pageAboutSpace__section .cardSpace{
    width:calc(50% - 1rem)
  }

  .pageAboutSpace__section .cardSpace:nth-child(even){
    margin-left:2rem
  }
}

.pageAboutSpace__section .cardSpace .spaceImage{
  position:relative;
  border-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  overflow:hidden;
  border-width:2px
}

.pageAboutSpace__section .cardSpace .spaceImage:hover .background{
  transform:scale(1.3)
}

.pageAboutSpace__section .cardSpace .spaceImage .background{
  transition:all 1.6s ease-in
}

.pageAboutSpace__section .cardSpace .spaceImage .symbol{
  position:absolute;
  right:-2px;
  bottom:-2px
}

.pageAboutSpace__section .cardSpace .title{
  font-weight:600;
  font-size:42px;
  line-height:28px;
  margin:30px 0 24px
}

@media (min-width: 768px){
  .pageAboutSpace__section .cardSpace .title{
    font-size:42px;
    line-height:48px
  }
}

.pageAboutSpace__section .cardSpace .subTitle{
  font-weight:700;
  margin-bottom:0.75rem;
  font-size:28px;
  line-height:42px
}

.pageAboutSpace__section .cardSpace .price{
  display:flex;
  flex-direction:column;
  line-height:1.75rem
}

.pageAboutSpace__section .cardSpace .price .membership-price .discount-rate{
  margin-right:0.5rem;
  font-weight:700;
  font-size:0.875rem;
  color:#ff0f0f
}

.pageAboutSpace__section .cardSpace .price .membership-price .before-price{
  font-weight:500;
  text-decoration:line-through;
  font-size:0.875rem;
  color:#979797
}

.pageAboutSpace__section .cardSpace .price .after-price{
  font-weight:500
}

.pageAboutSpace__section .cardSpace .price .after-price .amount{
  margin-right:0.25rem;
  font-size:1.75rem
}

.pageAboutSpace__section .cardSpace .price .after-price .vat{
  margin-left:0.25rem;
  color:#979797
}

@media (min-width: 768px){
  .pageAboutSpace__section .cardSpace .price{
    line-height:2rem
  }
}

.pageAboutSpace__section .cardSpace .description{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  font-size:0.875rem;
  margin-top:0.75rem;
  margin-bottom:2rem;
  grid-row-gap:0.5rem;
  grid-row-gap:0.5rem;
  row-gap:0.5rem;
  max-width:30rem;
  grid-template-columns:2.5fr 7.5fr;
  line-height:1.8
}

.pageAboutSpace__section .cardSpace .description__title{
  font-weight:700;
  color:#979797
}

.pageAboutSpace__section .cardSpace .description__notes{
  font-weight:500;
  line-height:1.5rem;
  line-height:1.8
}

@media (min-width: 768px){
  .pageAboutSpace__section .cardSpace .description__notes{
    line-height:1.8
  }
}

@media (min-width: 768px){
  .pageAboutSpace__section .cardSpace .description br.md{
    display:block
  }
}

@media (min-width: 768px){
  .pageAboutSpace__section .cardSpace .description{
    font-size:0.875rem;
    line-height:1.8
  }
}

.pageAboutSpace__title{
  font-size:28px;
  font-weight:bold
}

@media (min-width: 768px){
  .pageAboutSpace__title{
    font-size:42px
  }
}
.AdminFaqsCreate{
  padding-bottom:200px
}

.AdminFaqsCreate .buttonInquiry{
  padding-left:0.75rem;
  padding-right:0.75rem;
  width:auto
}

.AdminFaqsCreate__footer{
  padding-top:1rem;
  margin-top:100px
}

.AdminFaqsCreate__footer .buttonInquiry{
  font-size:0.875rem;
  width:100px
}

.AdminFaqsCreate__footer .buttonInquiry+.buttonInquiry{
  margin-left:0.75rem
}

@media (min-width: 768px){
}

.faq-upper-padding{
  margin-top:1.25rem
}
.AdminFaqsCreate{
  padding-bottom:200px
}

.AdminFaqsCreate .buttonInquiry{
  padding-left:0.75rem;
  padding-right:0.75rem;
  width:auto
}

.AdminFaqsCreate__footer{
  padding-top:1rem;
  margin-top:100px
}

.AdminFaqsCreate__footer .buttonInquiry{
  font-size:0.875rem;
  width:100px
}

.AdminFaqsCreate__footer .buttonInquiry+.buttonInquiry{
  margin-left:0.75rem
}

@media (min-width: 768px){
}

.faq-upper-padding{
  margin-top:1.25rem
}
.adminPage .admin__pageTitle{
  padding-top:1.25rem;
  font-weight:700;
  margin-top:60px;
  padding-bottom:44px;
  border-top:2px solid #111;
  font-size:22px
}
.adminPage .admin__pageTitle{
  padding-top:1.25rem;
  font-weight:700;
  margin-top:60px;
  padding-bottom:44px;
  border-top:2px solid #111;
  font-size:22px
}
.datatable__wrapper{
  margin-bottom:140px
}

.datatable__wrapper .datatable__toolBar{
  display:flex;
  width:100%;
  justify-content:space-between
}

.datatable__wrapper .datatable__searchBox{
  display:flex;
  width:100%;
  width:280px;
  height:46px
}

.datatable__wrapper .datatable__searchBox input{
  width:100%
}

.datatable__wrapper .datatable__searchBoxButton{
  display:inline-block;
  width:64px !important;
  height:46px
}

.datatable__wrapper .datatable__table{
  margin-top:0;
  font-size:14px !important;
  border-top:2px solid #111
}

.datatable__wrapper .datatable__tableWarpper{
  margin-top:1rem;
  margin-bottom:140px
}

.datatable__wrapper .datatable__button{
  padding-left:0;
  padding-right:0;
  width:76px
}

.datatable__wrapper .datatable__button+.datatable__button{
  margin-left:1.25rem
}
.tableFilter{
  width:100%;
  border-top-width:2px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  font-size:0.875rem;
  line-height:1
}

.tableFilter__head{
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity))
}

.tableFilter__head tr th{
  position:relative;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  line-height:1
}

.tableFilter__head .buttonSortable{
  padding-left:0.25rem;
  padding-right:0.25rem;
  height:18px
}

.tableFilter__head .buttonSortable img{
  width:10px
}

.tableFilter__sort{
  margin-top:0.5rem;
  margin-bottom:-0.25rem
}

.tableFilter__sort h4{
  margin-top:1.25rem;
  margin-bottom:1rem;
  font-weight:700;
  padding-left:24px
}

.tableFilter__sort .radio{
  margin-bottom:10px !important;
  padding-left:24px
}

.tableFilter__sort .radio__square{
  width:1.2em;
  height:1.2em
}

.tableFilter__filterList{
  overflow-y:auto;
  max-height:200px
}

.tableFilter__filterList h4{
  margin-top:1.25rem;
  margin-bottom:1rem;
  font-weight:700;
  padding-left:24px
}

.tableFilter__filterList .checkbox__square{
  width:1.2em;
  height:1.2em
}

.tableFilter__actions{
  display:flex;
  margin-top:0.75rem
}

.tableFilter__dropDown{
  position:absolute;
  overflow:hidden;
  text-align:left;
  z-index:10;
  padding-left:0.5rem;
  padding-right:0.5rem;
  top:-1px;
  left:49%;
  transform:translateX(-50%);
  max-height:0;
  background-color:#fafafa;
  border-radius:2px;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.24),0 0 2px 0 rgba(0,0,0,.12);
  min-width:150px
}

.tableFilter__dropDown .buttonSortable{
  display:block;
  width:100%;
  height:auto;
  padding:1rem;
  font-weight:700;
  border-bottom-width:2px
}

.tableFilter__dropDown .buttonSortable img{
  margin-left:0.25rem;
  margin-bottom:2px
}

.tableFilter__dropDown.-open{
  padding-bottom:0.5rem;
  max-height:1000px
}

.tableFilter__dropDown ul li button{
  display:block;
  width:100%;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  padding-left:1.25rem;
  padding-right:1.25rem;
  white-space:nowrap;
  text-align:left
}

.tableFilter__dropDown ul li button:hover,.tableFilter__dropDown ul li button.active{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.tableFilter__body tr{
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity))
}

.tableFilter__body tr:hover{
  --bg-opacity:1;
  background-color:#f9f9f5;
  background-color:rgba(249, 249, 245, var(--bg-opacity))
}

.tableFilter__body tr td{
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  padding-left:0.5rem;
  padding-right:0.5rem
}

.tableFilter__body tr td p+p{
  margin-top:0.5rem
}
.AdminNoticesCreate{
  padding-bottom:200px
}

.AdminNoticesCreate .buttonInquiry{
  padding-left:0.75rem;
  padding-right:0.75rem;
  width:auto
}

.AdminNoticesCreate__footer{
  padding-top:1rem;
  margin-top:100px
}

.AdminNoticesCreate__footer .buttonInquiry{
  font-size:0.875rem;
  width:100px
}

.AdminNoticesCreate__footer .buttonInquiry+.buttonInquiry{
  margin-left:0.75rem
}

@media (min-width: 768px){
}
.myPageOrdersCode{
  padding-bottom:80px
}

.myPageOrdersCode .cardBookDetail{
  margin-top:1rem
}

.myPageOrdersCode .cardBookDetail .bookPreview__table{
  margin-top:0
}

.myPageOrdersCode .cardBookDetail .bookListMobile .bookItem{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  border-top-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity))
}

.myPageOrdersCode .cardBookDetail .bookListMobile .bookItem__aside{
  padding-right:1rem;
  padding-top:2px
}

.myPageOrdersCode .cardBookDetail .bookListMobile .bookItem__header{
  display:flex;
  align-items:center;
  width:100%;
  font-size:1rem;
  font-weight:700
}

.myPageOrdersCode .cardBookDetail .bookListMobile .bookItem__info{
  height:auto;
  width:100%;
  align-items:flex-end;
  justify-content:space-between
}

.myPageOrdersCode .cardBookDetail .bookListMobile .bookItem__left{
  font-size:0.75rem;
  margin-top:0.25rem;
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity))
}

.myPageOrdersCode .cardBookDetail .bookListMobile .bookItem__left span+span{
  margin-left:1.25rem
}

.myPageOrdersCode .cardBookDetail .bookListMobile .bookItem__right{
  display:flex;
  margin-top:0.75rem;
  align-items:center;
  line-height:1;
  font-size:0.875rem
}

.myPageOrdersCode .cardBookDetail .bookListMobile .bookItem__right span+span{
  margin-left:0.75rem;
  padding-left:0.75rem;
  border-left-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity))
}

@media (min-width: 768px){
  .myPageOrdersCode .cardBookDetail__footer.-hiddenMd{
    display:none
  }
}

.myPageOrdersCode .cardBookDetail__footerLeft{
  display:flex;
  display:flex;
  grid-gap:0.75rem;
  grid-gap:0.75rem;
  gap:0.75rem;
  flex-wrap:wrap;
  flex-grow:1
}

.myPageOrdersCode .cardBookDetail__footerLeft button{
  min-width:0;
  flex-grow:1;
  flex-shrink:1;
  flex-basis:calc(20% - 10px)
}

.myPageOrdersCode .cardBookDetail__footerLeft .cancelButton{
  height:40px;
  max-width:100px
}

.myPageOrdersCode .cardBookDetail__footerLeft .addDiscountButton{
  height:40px;
  max-width:130px
}

.myPageOrdersCode .cardBookDetail__footerRight{
  margin-bottom:100px;
  min-width:380px
}

.myPageOrdersCode .cardBookDetail__footerRight .total{
  display:flex;
  font-weight:700;
  padding-top:1.5rem;
  padding-bottom:1.5rem;
  margin-top:1.5rem;
  border-bottom-width:2px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity))
}

.myPageOrdersCode .cardBookDetail__footerRight .total.stacked{
  flex-direction:column
}

.myPageOrdersCode .cardBookDetail__footerRight .total.stacked .price-detail{
  display:flex;
  font-size:0.875rem
}

.myPageOrdersCode .cardBookDetail__footerRight .total.stacked .price-detail>.vat{
  font-weight:500
}

.myPageOrdersCode .cardBookDetail__footerRight .total.stacked .price-detail>.content{
  font-weight:500;
  justify-content:flex-end
}

.myPageOrdersCode .cardBookDetail__footerRight .total.stacked .price-detail:not(:first-child){
  margin-top:0.25rem
}

.myPageOrdersCode .cardBookDetail__footerRight .total.stacked .price-row{
  display:flex;
  margin-top:0.5rem
}

.myPageOrdersCode .cardBookDetail__footerRight .total.stacked .price-total{
  margin-top:1.25rem;
  font-size:1rem
}

.myPageOrdersCode .cardBookDetail__footerRight .total .label{
  width:50%
}

.myPageOrdersCode .cardBookDetail__footerRight .total .label .occupancy{
  margin-left:5rem
}

.myPageOrdersCode .cardBookDetail__footerRight .total .content{
  width:50%;
  text-align:right
}

.myPageOrdersCode .cardBookDetail__footerRight .total .content span+span{
  margin-left:1.25rem
}

.myPageOrdersCode .cardBookDetail__footerRight .buttonWrap{
  display:flex;
  margin-top:1.25rem
}

.myPageOrdersCode .cardBookDetail__footerRight .buttonWrap .guestListButton{
  flex-shrink:0;
  padding-left:1rem;
  padding-right:1rem;
  margin-right:1rem
}

@media (min-width: 768px){
  .myPageOrdersCode .cardBookDetail__footer{
    display:flex;
    justify-content:space-between
  }

  .myPageOrdersCode .cardBookDetail__footerLeft div{
    padding-right:1rem;
    grid-gap:0.75rem;
    grid-gap:0.75rem;
    gap:0.75rem
  }

  .myPageOrdersCode .cardBookDetail__footerLeft div button{
    flex-grow:1;
    flex-shrink:1;
    flex-basis:calc(20% - 10px);
    min-width:100px;
    max-width:100px
  }

  .myPageOrdersCode .cardBookDetail__footerLeft div .cancelButton{
    padding-left:0.75rem;
    padding-right:0.75rem;
    margin-right:0.75rem;
    padding-left:0.75rem;
    padding-right:0.75rem;
    height:40px
  }

  .myPageOrdersCode .cardBookDetail__footerLeft div .addDiscountButton{
    padding-left:0.25rem;
    padding-right:0.25rem;
    font-size:0.875rem;
    height:40px;
    width:120px;
    max-width:120px;
    flex-grow:2;
    flex-shrink:1;
    flex-basis:calc(40% - 10px)
  }

  .myPageOrdersCode .cardBookDetail__footerLeftRight{
    width:380px
  }

  .myPageOrdersCode .cardBookDetail__footerLeftRight .total{
    margin-top:0
  }

  .myPageOrdersCode .cardBookDetail__footerLeftRight .total .label{
    width:33.333333%
  }

  .myPageOrdersCode .cardBookDetail__footerLeftRight .total .content{
    width:66.666667%;
    display:flex;
    justify-content:space-between
  }

  .myPageOrdersCode .cardBookDetail__footerLeftRight .total .content span+span{
    margin-left:120px
  }
}
@media (min-width: 768px){
  .orderCodeCancel .cardBookDetail{
    margin-bottom:120px
  }
}

.orderCodeCancel .cardBookDetail__footerRight{
  margin-bottom:0
}

.orderCodeCancel .cancelFooter{
  text-align:left;
  margin:auto
}

@media (min-width: 768px){
  .orderCodeCancel .cancelFooter{
    text-align:center
  }
}

.orderCodeCancel .cancelFooter__button{
  height:46px !important
}

@media (min-width: 768px){
  .orderCodeCancel .cancelFooter__button{
    height:54px !important
  }
}
.myPageCheckout{
  padding-top:60px
}

@media (min-width: 768px){
  .myPageCheckout{
    padding-top:0
  }
}

.myPageCheckout__main{
  margin-top:50px
}

.myPageCheckout__main .section__header{
  width:100%
}

.myPageCheckout__main .section__header .heading{
  margin-top:0
}

.myPageCheckout__main .noCollapse{
  margin-bottom:60px
}

@media (min-width: 768px){
  .myPageCheckout__main .noCollapse{
    margin-bottom:120px
  }
}

.myPageCheckout__main .bookListMobile .bookItem{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  padding-left:0.5rem;
  padding-right:0.5rem;
  border-top-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity))
}

.myPageCheckout__main .bookListMobile .bookItem__aside{
  padding-right:1rem;
  padding-top:2px
}

.myPageCheckout__main .bookListMobile .bookItem__header{
  display:flex;
  align-items:center;
  width:100%;
  font-size:1rem;
  font-weight:700
}

.myPageCheckout__main .bookListMobile .bookItem__info{
  height:auto;
  width:100%;
  align-items:flex-end;
  justify-content:space-between
}

.myPageCheckout__main .bookListMobile .bookItem__left{
  font-size:0.75rem;
  margin-top:0.25rem;
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity))
}

.myPageCheckout__main .bookListMobile .bookItem__left span+span{
  margin-left:1.25rem
}

.myPageCheckout__main .bookListMobile .bookItem__right{
  display:flex;
  margin-top:0.75rem;
  align-items:center;
  line-height:1;
  font-size:0.875rem
}

.myPageCheckout__main .bookListMobile .bookItem__right span+span{
  margin-left:0.75rem;
  padding-left:0.75rem;
  border-left-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity))
}

.myPageCheckout__main .paymentInfo .radioWrapper{
  align-items:center;
  flex-wrap:wrap;
  margin-top:3px
}

@media (min-width: 768px){
  .myPageCheckout__main .paymentInfo .radioWrapper .radio{
    margin-right:2rem
  }
}

.myPageCheckout__main .paymentInfo .-evidence .radioWrapper .radio{
  width:50%;
  margin-bottom:1.5rem
}

@media (min-width: 768px){
  .myPageCheckout__main .paymentInfo .-evidence .radioWrapper .radio{
    width:auto
  }
}

.myPageCheckout__aside{
  margin-bottom:6rem
}

@media (min-width: 768px){
  .myPageCheckout__aside{
    margin-top:50px
  }
}

@media (min-width: 768px){
  .myPageCheckout__aside.-fixed{
    position:fixed;
    --bg-opacity:1;
    background-color:#ffffff;
    background-color:rgba(255, 255, 255, var(--bg-opacity));
    z-index:10;
    margin-top:0;
    top:110px;
    right:calc(50vw - 384px + 1rem);
    width:calc((768px - 2rem)/3)
  }
}

@media (min-width: 1024px){
  .myPageCheckout__aside.-fixed{
    right:calc(50vw - 512px + 1rem);
    width:calc((1024px - 2rem)/3)
  }
}

@media (min-width: 1200px){
  .myPageCheckout__aside.-fixed{
    right:calc(50vw - 600px + 1rem);
    width:calc((1200px - 2rem)/3)
  }
}

.myPageCheckout__aside .buttonCheckoutDesktop{
  display:none
}

.myPageCheckout__bottomMenu{
  position:fixed;
  display:flex;
  width:100%;
  left:0;
  right:0;
  bottom:0;
  padding-left:1.25rem;
  padding-right:1.25rem;
  padding-top:1rem;
  padding-bottom:1rem;
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  z-index:50;
  box-shadow:0 19px 38px 0 rgba(0,0,0,.3),0 15px 12px 0 rgba(0,0,0,.22)
}

.myPageCheckout__bottomMenu .w-1\/2:last-child{
  padding-left:0.75rem
}

@media (min-width: 768px){
  .myPageCheckout__bottomMenu{
    display:none
  }
}

@media (min-width: 768px){
  .myPageCheckout{
    display:flex
  }

  .myPageCheckout__main{
    display:block;
    width:66.666667%;
    padding-right:18px
  }

  .myPageCheckout__main .section__header{
    width:100%
  }

  .myPageCheckout__main .section__header .heading{
    margin-bottom:0
  }

  .myPageCheckout__main .bookPreview{
    margin-top:-60px
  }

  .myPageCheckout__main .paymentInfo .radioWrapper{
    align-items:center;
    flex-wrap:wrap;
    margin-top:3px
  }

  .myPageCheckout__main .paymentInfo .radioWrapper .radio+.radio{
    margin-right:2rem
  }

  .myPageCheckout__aside{
    position:relative;
    width:33.333333%;
    font-size:0.875rem;
    margin-bottom:0;
    padding-left:18px
  }

  .myPageCheckout__aside .buttonCheckoutDesktop{
    display:block
  }
}
.ordersCodeGuest .tools__button{
  padding-left:0.75rem;
  padding-right:0.75rem;
  margin-right:0.75rem;
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  font-size:0.75rem;
  line-height:1;
  min-width:60px;
  height:34px
}

@media (min-width: 768px){
  .ordersCodeGuest .tools__button{
    margin-left:0.75rem;
    margin-right:0;
    font-size:0.875rem;
    height:42px
  }
}
.cardBookDetail__status{
  display:flex;
  width:100%;
  justify-content:center;
  padding:35px 0
}

.cardBookDetail__status .statusBox{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-weight:700;
  color:#333;
  font-size:16px;
  height:56px;
  width:100px;
  background-color:#f3f3f3
}

.cardBookDetail__status .statusBox .description{
  width:100%;
  text-align:center;
  font-weight:500;
  color:#979797;
  font-size:11px;
  bottom:-28px
}

@media (min-width: 768px){
  .cardBookDetail__status .statusBox .description{
    font-size:13px
  }
}

.cardBookDetail__status .statusBox.-active{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.cardBookDetail__status .statusBox.-active .description{
  color:#d8d8d8
}

.cardBookDetail__status .statusBox.waiting{
  --text-opacity:1;
  color:#666666;
  color:rgba(102, 102, 102, var(--text-opacity))
}

.cardBookDetail__status .statusBox+.statusBox{
  position:relative;
  margin-left:20px
}

.cardBookDetail__status .statusBox+.statusBox:before{
  position:absolute;
  display:block;
  height:100%;
  background-repeat:no-repeat;
  background-position:center;
  content:"";
  background-image:url("/images/svg/icon-arrow-right-bk-2.svg");
  background-size:24px;
  width:20px;
  left:-20px
}

@media screen and (min-width: 350px){
  .cardBookDetail__status .statusBox{
    height:70px;
    width:70px
  }
}

@media (min-width: 768px){
  .cardBookDetail__status .statusBox{
    font-size:1rem;
    height:90px;
    width:90px
  }

  .cardBookDetail__status .statusBox+.statusBox{
    margin-left:90px
  }

  .cardBookDetail__status .statusBox+.statusBox:before{
    background-size:24px;
    width:90px;
    left:-90px
  }
}

@media (min-width: 1024px){
  .cardBookDetail__status .statusBox{
    font-size:1rem;
    height:100px;
    width:180px
  }

  .cardBookDetail__status .statusBox+.statusBox{
    margin-left:100px
  }

  .cardBookDetail__status .statusBox+.statusBox:before{
    background-size:24px;
    width:100px;
    left:-100px
  }
}

@media (min-width: 768px){
  .cardBookDetail__status{
    padding:40px
  }
}
.pageBookCreate__body{
  display:flex;
  flex-wrap:wrap;
  margin-top:40px
}

.pageBookCreate__bodyContent{
  display:none
}

.pageBookCreate__bodyComplete{
  border-top:1px solid #ddd
}

@media (min-width: 768px){
  .pageBookCreate__bodyComplete{
    border-width:0
  }
}

.pageBookCreate__bodyTools{
  width:100%;
  font-size:0.875rem;
  min-height:500px
}

@media (min-width: 768px){
  .pageBookCreate__bodyTools.-fixed{
    position:fixed;
    --bg-opacity:1;
    background-color:#ffffff;
    background-color:rgba(255, 255, 255, var(--bg-opacity));
    z-index:10;
    top:110px;
    right:calc(50vw - 384px + 1rem);
    width:calc((768px - 2rem)/3)
  }
}

@media (min-width: 1024px){
  .pageBookCreate__bodyTools.-fixed{
    right:calc(50vw - 512px + 1rem);
    width:calc((1024px - 2rem)/3)
  }
}

@media (min-width: 1200px){
  .pageBookCreate__bodyTools.-fixed{
    right:calc(50vw - 600px + 1rem);
    width:calc((1200px - 2rem)/3)
  }
}

.pageBookCreate__bodyTools .-info{
  color:red;
  font-size:12px;
  margin-top:10px
}

.pageBookCreate__bodyTools .formBox-disabled{
  background:#f3f3f3
}

.pageBookCreate__bodyTools .formBox{
  border:1px solid #d0d0d0;
  padding:33px 24px 35px 24px
}

.pageBookCreate__bodyTools .formBox.book-price-wrapper{
  margin-top:0px
}

@media (min-width: 768px){
  .pageBookCreate__bodyTools .formBox.book-price-wrapper{
    margin-top:26px
  }
}

.pageBookCreate__bodyTools .formBox__item+.formBox__item{
  margin-top:30px
}

.pageBookCreate__bodyTools .formBox__item .label{
  display:inline-block;
  font-weight:700;
  margin-bottom:0.75rem
}

.pageBookCreate__bodyTools .formBox.-bookCreate{
  border-width:0
}

@media (min-width: 768px){
  .pageBookCreate__bodyTools .formBox.-bookCreate{
    border-width:1px;
    border:1px solid #d0d0d0;
    margin-bottom:28px
  }

  .pageBookCreate__bodyTools .formBox.-bookCreate .label{
    font-size:1.125rem
  }
}

.pageBookCreate__bodyTools .formBox.-bookCreate .inputSelect,.pageBookCreate__bodyTools .formBox.-bookCreate .datePicker{
  border:1px solid #d0d0d0
}

.pageBookCreate__bodyTools .formBox.-reservations .total{
  display:none
}

.pageBookCreate__bodyTools .formBox.-reservations div._date span.text-gray-500{
  color:#888 !important
}

.pageBookCreate__bodyTools .formBox.-reservations .formBox__items{
  margin-top:28px
}

.pageBookCreate__bodyTools .formBox.-reservations .formBox__items:first-of-type{
  margin-top:0px
}

@media (max-width: 639px){
  .pageBookCreate__bodyTools .formBox.-reservations{
    padding-left:0;
    padding-right:0;
    border:0
  }

  .pageBookCreate__bodyTools .formBox.-reservations .formBox__items{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:16px;
    margin-top:0px
  }

  .pageBookCreate__bodyTools .formBox.-reservations .formBox__items:first-of-type{
    border-top-width:1px;
    --border-opacity:1;
    border-color:#dddddd;
    border-color:rgba(221, 221, 221, var(--border-opacity));
    padding-top:23px
  }

  .pageBookCreate__bodyTools .formBox.-reservations .formBox__items:last-of-type{
    padding-bottom:23px
  }

  .pageBookCreate__bodyTools .formBox.-reservations .formBox__items div._date{
    margin-top:5px
  }

  .pageBookCreate__bodyTools .formBox.-reservations .total{
    display:block;
    display:flex;
    justify-content:space-between;
    border-top-width:1px;
    padding-top:1.5rem;
    --border-opacity:1;
    border-color:#dddddd;
    border-color:rgba(221, 221, 221, var(--border-opacity));
    padding:20px 16px 11px 16px
  }
}

.pageBookCreate__bodyTools .collapse__headerTitle{
  font-weight:700
}

.pageBookCreate__body .terms .border{
  border-color:#d0d0d0 !important
}

@media (min-width: 768px){
  .pageBookCreate__body{
    margin-top:64px
  }

  .pageBookCreate__bodyContent{
    display:block;
    width:66.666667%;
    padding-right:18px
  }

  .pageBookCreate__bodyContent h2.text-xl{
    font-size:22px !important
  }

  .pageBookCreate__bodyTools{
    position:relative;
    width:33.333333%;
    font-size:0.875rem;
    padding-left:18px
  }

  .pageBookCreate__bodyTools .formBox{
    padding:33px 24px 35px 24px
  }

  .pageBookCreate__bodyTools .formBox__item+.formBox__item{
    margin-top:37px
  }

  .pageBookCreate__bodyTools .formBox__item .rw-datetime-picker .rw-popup-container{
    border-color:#d0d0d0 !important
  }

  .pageBookCreate__bodyTools .formBox__item .rw-popup{
    border-color:#d0d0d0 !important;
    border-top:0px
  }

  .pageBookCreate__bodyTools .formBox button .icon-angle{
    transition:all .2s ease-in-out
  }

  .pageBookCreate__bodyTools .formBox__collapse{
    max-height:0;
    overflow:hidden;
    transition:all .175s ease-in-out;
    opacity:0
  }

  .pageBookCreate__bodyTools .formBox.-open button .icon-angle{
    transform:rotate(180deg)
  }

  .pageBookCreate__bodyTools .formBox.-open .formBox__collapse{
    padding-top:2rem;
    opacity:1;
    max-height:100vh
  }
}

.buttonNextDesktop{
  display:none
}

@media (min-width: 768px){
  .buttonNextDesktop{
    display:block;
    margin-top:16px
  }
}

.breadCrumb{
  font-weight:700;
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity));
  font-size:0.875rem
}

.breadCrumbStep{
  font-weight:500;
  font-size:14px;
  margin-bottom:8px
}

@media (min-width: 768px){
  .breadCrumbStep{
    display:none
  }
}

.breadCrumb ul{
  display:flex;
  align-items:center
}

.breadCrumb ul li{
  display:inline-flex;
  line-height:1;
  align-items:center;
  display:none;
  font-size:18px
}

@media (min-width: 768px){
  .breadCrumb ul li{
    display:inherit
  }
}

.breadCrumb ul li.-active{
  --text-opacity:1;
  color:#111111;
  color:rgba(17, 17, 17, var(--text-opacity));
  display:inherit;
  font-size:16px
}

@media (min-width: 768px){
  .breadCrumb ul li.-active{
    font-size:18px
  }
}

.breadCrumb ul li+li:before{
  display:none;
  background-image:url("/images/svg/ico-arrow-right.svg");
  width:24px;
  height:24px;
  content:""
}

@media (min-width: 768px){
  .breadCrumb ul li+li:before{
    display:inline-block;
    margin-right:0.5rem
  }
}

@media (min-width: 768px){
  .breadCrumb ul li+li{
    margin-left:0.5rem
  }
}

@media (min-width: 768px){
  .breadCrumb{
    font-size:1.125rem;
    margin-top:2.5rem
  }

  .breadCrumb ul li+li{
    margin-left:1.25rem
  }

  .breadCrumb ul li+li:before{
    margin-right:1.25rem;
    width:24px;
    height:24px
  }
}
.bookCreatePreview__previewList{
  display:flex;
  flex-direction:column;
  font-size:0.875rem;
  font-weight:500
}

.bookCreatePreview__previewList__wrapper:not(:last-child){
  padding-bottom:0.75rem
}

.bookCreatePreview__previewList__header{
  display:grid;
  grid-template-columns:repeat(16, minmax(0, 1fr));
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  border-top-width:2px;
  padding-top:0.75rem;
  padding-bottom:1rem;
  grid-row-gap:0.75rem;
  grid-row-gap:0.75rem;
  row-gap:0.75rem
}

.bookCreatePreview__previewList__header__item{
  border-bottom-width:1px;
  font-weight:700;
  border-bottom-color:#d0d0d0
}

.bookCreatePreview__previewList__item{
  display:grid;
  grid-template-columns:repeat(16, minmax(0, 1fr));
  padding-bottom:1.25rem;
  grid-row-gap:0.75rem;
  grid-row-gap:0.75rem;
  row-gap:0.75rem;
  grid-column-gap:0.75rem;
  grid-column-gap:0.75rem;
  -moz-column-gap:0.75rem;
       column-gap:0.75rem
}

.bookCreatePreview__previewList__item:last-child{
  padding-bottom:0
}

.bookCreatePreview__previewList__footer{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr))
}

.bookCreatePreview__previewList__footer .add-more{
  grid-column:span 6 / span 6;
  margin-top:1.5rem;
  margin-bottom:1.5rem;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  border-width:2px;
  text-align:center;
  justify-content:center;
  --text-opacity:1;
  color:#666666;
  color:rgba(102, 102, 102, var(--text-opacity));
  font-size:0.875rem;
  border-color:#d0d0d0
}

.bookCreatePreview__previewList__footer .summary{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  grid-column:span 6 / span 6;
  font-size:1rem;
  padding-bottom:1.25rem;
  border-bottom-width:1px;
  border-bottom-color:#d0d0d0
}

.bookCreatePreview__previewList__footer .summary .summary-label{
  grid-column:span 1 / span 1;
  font-weight:700;
  padding-left:2.5rem
}

.bookCreatePreview__previewList__footer .summary .summary-value{
  grid-column:span 2 / span 2;
  font-weight:700;
  padding-left:1.25rem
}
.bookPaymentFormContainer{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem
}

.bookPaymentFormContainer__form{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr))
}

.bookPaymentFormContainer__form__title{
  grid-column: span 4 / span 4;
  font-weight: 700;
  margin-bottom: 1rem;
  font-size: 1.25rem
}

.bookPaymentFormContainer__form__description{
  grid-column: span 4 / span 4;
  margin-bottom: 1.5rem;
  --text-opacity: 1;
  color: #888888;
  color: rgba(136, 136, 136, var(--text-opacity));
  font-size: 0.875rem
}

.bookPaymentFormContainer__form__label{
  grid-column: span 1 / span 1;
  padding-top: 0.75rem;
  font-weight: 600
}

.bookPaymentFormContainer__form__value{
  grid-column: span 3 / span 3
}

@media (min-width: 768px){
  .bookPaymentFormContainer__form__value{
    padding-right: 6rem
  }
}
.pagePolicies{
  font-size:0.875rem;
  padding:2rem;
  line-height:24px
}

.pagePolicies .buttonClose{
  position:absolute;
  top:2rem;
  right:2.5rem;
  width:24px;
  height:24px
}

.pagePolicies__body{
  --text-opacity:1;
  color:#333333;
  color:rgba(51, 51, 51, var(--text-opacity))
}

.pagePolicies p{
  margin-bottom:1.5rem
}

.pagePolicies section{
  margin-bottom:2rem
}

.pagePolicies section h2{
  font-size:1rem;
  font-weight:700;
  margin-bottom:0.25rem
}

.pagePolicies section p{
  margin-bottom:0.25rem
}

.pagePolicies section ol{
  list-style-type:decimal;
  padding-left:1.25rem
}

.pagePolicies section>ul{
  padding-left:1.25rem
}

.pagePolicies section li{
  margin-bottom:0.25rem;
  list-style-type:disc
}

.pagePolicies section li ul,.pagePolicies section li ol{
  padding-left:1.25rem
}

.pagePolicies section table{
  width:100%;
  text-align:center;
  border-collapse:collapse;
  margin-top:2rem;
  margin-bottom:3rem;
  margin-left:0.5rem
}

.pagePolicies section table td,.pagePolicies section table th{
  border-width:1px;
  --border-opacity:1;
  border-color:#cccccc;
  border-color:rgba(204, 204, 204, var(--border-opacity));
  padding-top:1rem;
  padding-bottom:1rem
}
.pageBook .calendarToolBar{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  grid-row-gap:1rem;
  grid-row-gap:1rem;
  row-gap:1rem
}

@media (min-width: 768px){
  .pageBook .calendarToolBar{
    display:flex;
    justify-content:space-between;
    flex-direction:row;
    align-items:center
  }
}

.pageBook .calendarToolBar__left{
  display:flex;
  flex-shrink:0;
  align-items:center;
  position:relative
}

@media (min-width: 768px){
  .pageBook .calendarToolBar__left{
    position:static
  }
}

.pageBook .calendarToolBar__left .dailyCalendar__datePickerWrapper{
  position:static;
  white-space:nowrap
}

.pageBook .calendarToolBar__left .dailyCalendar__datePickerWrapper .date{
  display:flex;
  align-items:center;
  font-weight:700;
  flex-shrink:0;
  font-size:22px
}

@media (min-width: 768px){
  .pageBook .calendarToolBar__left .dailyCalendar__datePickerWrapper{
    position:relative
  }

  .pageBook .calendarToolBar__left .dailyCalendar__datePickerWrapper .date{
    font-size:24px
  }
}

.pageBook .calendarToolBar__left .rw-widget{
  position:static
}

.pageBook .calendarToolBar__left .rw-widget .dailyCalendar__datePicker+.rw-popup-container{
  position:absolute;
  top:50px;
  left:0
}

@media (min-width: 768px){
  .pageBook .calendarToolBar__left .rw-widget{
    top:2.5rem
  }

  .pageBook .calendarToolBar__left .rw-widget .dailyCalendar__datePicker+.rw-popup-container{
    top:2.5rem;
    left:50%;
    transform:translateX(-50%)
  }
}

.pageBook .calendarToolBar__right{
  display:flex;
  flex-shrink:0;
  width:100%
}

@media (min-width: 768px){
  .pageBook .calendarToolBar__right{
    width:unset
  }
}

.pageBook .calendarToolBar__right .buttonOutlined{
  padding-left:1.25rem;
  padding-right:1.25rem;
  width:50%
}

@media (min-width: 768px){
  .pageBook .calendarToolBar__right .buttonOutlined{
    width:8rem !important
  }
}

.pageBook .calendarToolBar__right .buttonOutlined.-active{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.pageBook .calendarToolBar__right .buttonOutlined+.buttonOutlined{
  border-left-width:0
}

.pageBook .calendarToolBar__todayButton{
  height:42px;
  margin-right:8px
}

@media (min-width: 768px){
  .pageBook .calendarToolBar__todayButton{
    height:46px;
    margin-right:20px
  }
}

.pageBook .calendarToolBar__arrowButton{
  display:flex;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  border-radius:9999px;
  margin-right:8px;
  width:24px;
  height:42px
}

.pageBook .calendarToolBar__arrowButton img{
  width:16px;
  height:16px
}

@media (min-width: 768px){
  .pageBook .calendarToolBar__arrowButton{
    margin-right:20px;
    width:24px;
    height:46px
  }

  .pageBook .calendarToolBar__arrowButton img{
    width:20px;
    height:20px
  }
}

.pageBook .calendar__wrapper .mobileFilterAndView__description{
  font-size:14px;
  color:#666;
  margin-top:40px
}

.pageBook .calendar__wrapper .mobileFilterAndView__mark{
  display:flex;
  font-size:14px;
  margin:20px 0px 20px 0px
}

.pageBook .datePicker{
  display:none
}

.pageBook .rw-calendar-popup.rw-popup-container{
  margin-top:-45px;
  display:inline;
  display:initial
}

.pageBook .rw-calendar-popup.rw-popup-container.rw-popup-transition-exited{
  z-index:-1
}

@media (min-width: 768px){
  .pageBook .rw-calendar-popup.rw-popup-container{
    display:none
  }
}
.dailyCalendarWrapper{
  width:100%;
  overflow-x:scroll
}

.dailyCalendarWrapper.__col_3{
  overflow-x:unset
}

.dailyCalendarWrapper.__col_3 .dailyCalendar{
  width:100%
}

.dailyCalendarWrapper.__col_3 .dailyCalendar__header,.dailyCalendarWrapper.__col_3 .dailyCalendar__body{
  display:flex;
  flex-wrap:wrap;
  min-width:18rem
}

.dailyCalendarWrapper.__col_3 .dailyCalendar__header .label,.dailyCalendarWrapper.__col_3 .dailyCalendar__body .label{
  text-align:center;
  width:100%;
  height:100%;
  padding:10px;
  text-align:center
}

.dailyCalendarWrapper.__col_3 .dailyCalendar .dailyCalendar__col:first-child{
  width:94px
}

.dailyCalendarWrapper.__col_3 .dailyCalendar .dailyCalendar__col{
  width:calc(50% - 47px)
}

.dailyCalendarWrapper .dailyCalendar{
  font-size:0.875rem;
  width:-moz-max-content;
  width:max-content
}

.dailyCalendarWrapper .dailyCalendarWrapper{
  overflow-x:scroll
}

.dailyCalendarWrapper .dailyCalendar__header,.dailyCalendarWrapper .dailyCalendar__body{
  display:flex;
  flex-wrap:wrap;
  min-width:35rem
}

.dailyCalendarWrapper .dailyCalendar__header .label,.dailyCalendarWrapper .dailyCalendar__body .label{
  text-align:center;
  width:100%;
  height:100%;
  padding:10px;
  text-align:center
}

.dailyCalendarWrapper .dailyCalendar__header .label.__min-width,.dailyCalendarWrapper .dailyCalendar__body .label.__min-width{
  width:64px
}

.dailyCalendarWrapper .dailyCalendar__header .label .dateBox,.dailyCalendarWrapper .dailyCalendar__body .label .dateBox{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px
}

.dailyCalendarWrapper .dailyCalendar__header .label.-today .dateBox,.dailyCalendarWrapper .dailyCalendar__body .label.-today .dateBox{
  align-items:center;
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.dailyCalendarWrapper .dailyCalendar__header .dailyCalendar__col:first-of-type .label:first-child{
  padding-left:10px !important;
  padding-right:10px !important
}

.dailyCalendarWrapper .dailyCalendar__header .label{
  padding-left:0px;
  padding-right:0px
}

.dailyCalendarWrapper .dailyCalendar__col{
  display:flex;
  flex-direction:column;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  border-left-width:1px;
  border-top-width:1px;
  min-width:78px
}

.dailyCalendarWrapper .dailyCalendar__col.bg-black{
  background-color:#222 !important
}

.dailyCalendarWrapper .dailyCalendar__col.bg-gray-200{
  background-color:#d0d0d0 !important
}

.dailyCalendarWrapper .dailyCalendar__col:last-child{
  border-right-width:1px
}

.dailyCalendarWrapper .dailyCalendar__header{
  margin-top:.75rem
}

.dailyCalendarWrapper .dailyCalendar__body{
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity))
}

.dailyCalendarWrapper .dailyCalendar__body:last-child{
  margin-bottom:140px;
  border-bottom-width:1px
}

.dailyCalendarWrapper .dailyCalendar__body .dailyCalendar__col{
  position:relative
}

.dailyCalendarWrapper .dailyCalendar__body .dailyCalendar__col events{
  transition:width .6s ease,height .6s ease,top .3s ease,left .3s ease
}

.dailyCalendarWrapper .dailyCalendar__body .dailyCalendar__col events__header{
  display:none;
  text-align:center;
  font-size:1.125rem;
  position:relative;
  padding:0.5rem
}

.dailyCalendarWrapper .dailyCalendar__body .dailyCalendar__col events__header button{
  position:absolute;
  padding:0.75rem;
  top:0;
  right:0;
  line-height:1
}

.dailyCalendarWrapper .dailyCalendar__body .dailyCalendar__col events__header button:hover,.dailyCalendarWrapper .dailyCalendar__body .dailyCalendar__col events__header button:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.dailyCalendarWrapper .dailyCalendar__body .dailyCalendar__col events.-showMore{
  position:absolute;
  border-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  z-index:20;
  box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);
  padding-left:0.5rem;
  padding-right:0.5rem;
  padding-bottom:0.5rem;
  width:115%;
  height:auto;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  box-shadow:0px 4px 42px -4px rgba(0,0,0,.5)
}

.dailyCalendarWrapper .dailyCalendar__body .dailyCalendar__col events.-showMore+.event__backdrop{
  display:block
}

.dailyCalendarWrapper .dailyCalendar__body .dailyCalendar__col events.-showMore .events__header{
  display:block
}

.dailyCalendarWrapper .dailyCalendar__body .dailyCalendar__col .event__backdrop{
  display:none;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:transparent;
  z-index:10
}

.dailyCalendarWrapper .dailyCalendar__footer{
  position:absolute;
  width:100%;
  left:0;
  right:0;
  bottom:0;
  height:40px
}

.dailyCalendarWrapper .dailyCalendar__footer button{
  width:100%;
  text-align:left;
  padding:0 10px
}

.dailyCalendarWrapper .dailyCalendar__footer button:hover,.dailyCalendarWrapper .dailyCalendar__footer button:focus{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity));
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity));
  outline:2px solid transparent;
  outline-offset:2px
}

.dailyCalendarWrapper .dailyCalendar__event{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  margin-bottom:0.25rem;
  line-height:1;
  --text-opacity:1;
  color:#aaaaaa;
  color:rgba(170, 170, 170, var(--text-opacity));
  height:22px;
  padding:0 10px
}

.dailyCalendarWrapper .dailyCalendar__eventWrapper{
  position:relative
}

.dailyCalendarWrapper .dailyCalendar__eventSquare{
  display:inline-block;
  --bg-opacity:1;
  background-color:#aaaaaa;
  background-color:rgba(170, 170, 170, var(--bg-opacity));
  flex-shrink:0;
  width:14px;
  height:14px
}

.dailyCalendar__eventPopover .dailyCalendarWrapper .dailyCalendar__eventSquare{
  width:16px;
  height:16px
}

.dailyCalendarWrapper .dailyCalendar__eventText{
  margin-left:0.25rem
}

.dailyCalendarWrapper .dailyCalendar__eventText.-prefix{
  margin-left:0
}

.dailyCalendarWrapper .dailyCalendar__eventText.-title{
  overflow-x:hidden;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.dailyCalendar__eventPopover .dailyCalendarWrapper .dailyCalendar__eventText{
  font-size:1.125rem;
  --text-opacity:1;
  color:#111111;
  color:rgba(17, 17, 17, var(--text-opacity));
  font-weight:600
}

.dailyCalendarWrapper .dailyCalendar__event:hover{
  --text-opacity:1;
  color:#111111;
  color:rgba(17, 17, 17, var(--text-opacity));
  background-color:#efefef
}

.dailyCalendarWrapper .dailyCalendar__event:hover .dailyCalendar__eventSquare{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity))
}

.dailyCalendar__eventPopover .dailyCalendarWrapper .dailyCalendar__event:hover .dailyCalendar__eventSquare{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity))
}

.dailyCalendarWrapper .dailyCalendar__event:focus,.dailyCalendarWrapper .dailyCalendar__event:active{
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity));
  outline:2px solid transparent;
  outline-offset:2px;
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity))
}

.dailyCalendarWrapper .dailyCalendar__event:focus .dailyCalendar__eventSquare,.dailyCalendarWrapper .dailyCalendar__event:active .dailyCalendar__eventSquare{
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity))
}

.dailyCalendar__eventPopover .dailyCalendarWrapper .dailyCalendar__event:focus .dailyCalendar__eventSquare,.dailyCalendar__eventPopover .dailyCalendarWrapper .dailyCalendar__event:active .dailyCalendar__eventSquare{
  --bg-opacity:1;
  background-color:#111111;
  background-color:rgba(17, 17, 17, var(--bg-opacity))
}

.dailyCalendarWrapper .dailyCalendar__event:focus .dailyCalendar__eventText,.dailyCalendarWrapper .dailyCalendar__event:active .dailyCalendar__eventText{
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.dailyCalendarWrapper .dailyCalendar__eventPopover{
  position:absolute;
  border-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:2rem;
  padding-bottom:2rem;
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  z-index:50;
  display:none;
  top:0;
  box-shadow:0px 4px 42px -4px rgba(0,0,0,.5);
  width:320px;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%)
}

@media (min-width: 768px){
  .dailyCalendarWrapper .dailyCalendar__eventPopover{
    width:400px;
    top:0;
    left:auto;
    transform:none
  }
}

.dailyCalendarWrapper .dailyCalendar__eventPopover .dailyCalendar__event{
  justify-content:space-between;
  padding:0
}

.dailyCalendarWrapper .dailyCalendar__eventPopover .dailyCalendar__event:hover{
  background:none !important
}

.dailyCalendarWrapper .dailyCalendar__eventPopover+.event__backdrop{
  display:none;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:transparent;
  z-index:10
}

@media (min-width: 768px){
  .dailyCalendarWrapper .dailyCalendar__eventPopover.-left{
    top:0;
    left:0;
    transform:translateX(-102%) translateY(0)
  }

  .dailyCalendarWrapper .dailyCalendar__eventPopover.-right{
    top:0;
    left:105%;
    transform:none
  }
}

.dailyCalendarWrapper .dailyCalendar__eventPopover.-left,.dailyCalendarWrapper .dailyCalendar__eventPopover.-right{
  display:block
}

.dailyCalendarWrapper .dailyCalendar__eventPopover.-left+.event__backdrop,.dailyCalendarWrapper .dailyCalendar__eventPopover.-right+.event__backdrop{
  display:block
}
.pageHelp .faq__section{
  font-size:1rem;
  margin-bottom:100px
}

@media (min-width: 768px){
  .pageHelp .faq__section{
    font-size:1.125rem
  }
}

.pageHelp .faq__sectionTitle{
  font-weight:700;
  font-size:28px;
  margin-bottom:14px
}

@media (min-width: 768px){
  .pageHelp .faq__sectionTitle{
    font-size:34px;
    margin-bottom:30px
  }
}

.pageHelp .faq__section .mark{
  display:flex;
  align-items:flex-start;
  font-size:1rem;
  vertical-align:top;
  margin-right:0.5rem
}

@media (min-width: 768px){
  .pageHelp .faq__section .mark{
    font-size:1.25rem;
    margin-right:2.5rem
  }
}

.pageHelp .faq__section .questionBox{
  display:flex;
  align-items:center
}

.pageHelp .faq__section .questionBox .question{
  font-size:0.875rem;
  line-height:16px
}

@media (min-width: 768px){
  .pageHelp .faq__section .questionBox .question{
    font-size:1.125rem
  }
}

.pageHelp .faq__section .answerBox{
  display:flex;
  align-items:flex-start;
  padding:0 12px 40px
}

.pageHelp .faq__section .answerBox .answer{
  font-size:0.875rem;
  line-height:1.7
}

.pageHelp .faq__section .answerBox .answer *:not(table){
  line-height:160%;
  box-sizing:content-box
}

.pageHelp .faq__section .answerBox .answer i,.pageHelp .faq__section .answerBox .answer cite,.pageHelp .faq__section .answerBox .answer em,.pageHelp .faq__section .answerBox .answer var,.pageHelp .faq__section .answerBox .answer address,.pageHelp .faq__section .answerBox .answer dfn{
  font-style:italic
}

.pageHelp .faq__section .answerBox .answer strong{
  font-weight:bold
}

.pageHelp .faq__section .answerBox .answer p{
  margin:10px 0;
  color:#222
}

.pageHelp .faq__section .answerBox .answer>h1:first-of-type,.pageHelp .faq__section .answerBox .answer>div>div:first-of-type h1{
  margin-top:14px
}

.pageHelp .faq__section .answerBox .answer h1,.pageHelp .faq__section .answerBox .answer h2,.pageHelp .faq__section .answerBox .answer h3,.pageHelp .faq__section .answerBox .answer h4,.pageHelp .faq__section .answerBox .answer h5,.pageHelp .faq__section .answerBox .answer h6{
  font-weight:bold;
  color:#222
}

.pageHelp .faq__section .answerBox .answer h1{
  font-size:24px;
  line-height:28px;
  border-bottom:3px double #999;
  margin:52px 0 15px 0;
  padding-bottom:7px
}

.pageHelp .faq__section .answerBox .answer h2{
  font-size:22px;
  line-height:23px;
  border-bottom:1px solid #dbdbdb;
  margin:20px 0 13px 0;
  padding-bottom:7px
}

.pageHelp .faq__section .answerBox .answer h3{
  font-size:20px;
  margin:18px 0 2px
}

.pageHelp .faq__section .answerBox .answer h4{
  font-size:18px;
  margin:10px 0 2px
}

.pageHelp .faq__section .answerBox .answer h3,.pageHelp .faq__section .answerBox .answer h4{
  line-height:18px
}

.pageHelp .faq__section .answerBox .answer h5{
  font-size:16px
}

.pageHelp .faq__section .answerBox .answer h6{
  font-size:14px
}

.pageHelp .faq__section .answerBox .answer h5,.pageHelp .faq__section .answerBox .answer h6{
  line-height:17px;
  margin:9px 0 -4px
}

.pageHelp .faq__section .answerBox .answer del{
  color:#999
}

.pageHelp .faq__section .answerBox .answer blockquote{
  margin:14px 0;
  border-left:4px solid #e5e5e5;
  padding:0 16px;
  color:#999
}

.pageHelp .faq__section .answerBox .answer blockquote p,.pageHelp .faq__section .answerBox .answer blockquote ul,.pageHelp .faq__section .answerBox .answer blockquote ol{
  color:#999
}

.pageHelp .faq__section .answerBox .answer blockquote>:first-child{
  margin-top:0
}

.pageHelp .faq__section .answerBox .answer blockquote>:last-child{
  margin-bottom:0
}

.pageHelp .faq__section .answerBox .answer pre,.pageHelp .faq__section .answerBox .answer code{
  border:0;
  border-radius:0
}

.pageHelp .faq__section .answerBox .answer pre{
  margin:2px 0 8px;
  padding:18px;
  background-color:#f4f7f8
}

.pageHelp .faq__section .answerBox .answer code{
  color:#c1798b;
  background-color:#f9f2f4;
  padding:2px 3px;
  letter-spacing:-0.3px;
  border-radius:2px
}

.pageHelp .faq__section .answerBox .answer pre code{
  padding:0;
  color:inherit;
  white-space:pre-wrap;
  background-color:rgba(0,0,0,0)
}

.pageHelp .faq__section .answerBox .answer img{
  margin:4px 0 10px;
  box-sizing:border-box;
  vertical-align:top;
  max-width:100%
}

.pageHelp .faq__section .answerBox .answer table{
  border:1px solid rgba(0,0,0,.1);
  margin:12px 0 14px;
  color:#222;
  width:auto;
  border-collapse:collapse;
  box-sizing:border-box
}

.pageHelp .faq__section .answerBox .answer table th,.pageHelp .faq__section .answerBox .answer table td{
  border:1px solid rgba(0,0,0,.1);
  padding:5px 14px 5px 12px;
  height:32px
}

.pageHelp .faq__section .answerBox .answer table th{
  background-color:#555;
  font-weight:300;
  color:#fff;
  padding-top:6px
}

.pageHelp .faq__section .answerBox .answer th p{
  margin:0;
  color:#fff
}

.pageHelp .faq__section .answerBox .answer td p{
  margin:0;
  padding:0 2px
}

.pageHelp .faq__section .answerBox .answer td.toastui-editor-cell-selected{
  background-color:#d8dfec
}

.pageHelp .faq__section .answerBox .answer th.toastui-editor-cell-selected{
  background-color:#908f8f
}

.pageHelp .faq__section .answerBox .answer ul,.pageHelp .faq__section .answerBox .answer menu,.pageHelp .faq__section .answerBox .answer ol,.pageHelp .faq__section .answerBox .answer dir{
  display:block;
  list-style-type:none;
  padding-left:24px;
  margin:6px 0 10px;
  color:#222
}

.pageHelp .faq__section .answerBox .answer ol{
  list-style-type:none;
  counter-reset:li
}

.pageHelp .faq__section .answerBox .answer ol>li{
  counter-increment:li
}

.pageHelp .faq__section .answerBox .answer ul>li::before,.pageHelp .faq__section .answerBox .answer ol>li::before{
  display:inline-block;
  position:absolute
}

.pageHelp .faq__section .answerBox .answer ul{
  list-style-type:disc;
  list-style-position:outside;
  padding-left:1.25rem;
  --text-opacity:1;
  color:#333333;
  color:rgba(51, 51, 51, var(--text-opacity));
  font-size:1.125rem
}

.pageHelp .faq__section .answerBox .answer ol{
  list-style-type:decimal;
  list-style-position:outside;
  padding-left:1.25rem;
  --text-opacity:1;
  color:#333333;
  color:rgba(51, 51, 51, var(--text-opacity));
  font-size:1.125rem
}

.pageHelp .faq__section .answerBox .answer ul ul,.pageHelp .faq__section .answerBox .answer ul ol,.pageHelp .faq__section .answerBox .answer ol ol,.pageHelp .faq__section .answerBox .answer ol ul{
  margin-top:0 !important;
  margin-bottom:0 !important
}

.pageHelp .faq__section .answerBox .answer ul li,.pageHelp .faq__section .answerBox .answer ol li{
  position:relative
}

.pageHelp .faq__section .answerBox .answer ul p,.pageHelp .faq__section .answerBox .answer ol p{
  margin:0
}

.pageHelp .faq__section .answerBox .answer hr{
  border-top:1px solid #eee;
  margin:16px 0
}

.pageHelp .faq__section .answerBox .answer a{
  text-decoration:underline;
  color:#4b96e6
}

.pageHelp .faq__section .answerBox .answer a:hover{
  color:#1f70de
}

.pageHelp .faq__section .answerBox .answer .image-link{
  position:relative
}

.pageHelp .faq__section .answerBox .answer .task-list-item{
  border:0;
  list-style:none;
  padding-left:24px;
  margin-left:-24px
}

.pageHelp .faq__section .answerBox .answer .task-list-item::before{
  background-repeat:no-repeat;
  background-size:18px 18px;
  background-position:center;
  content:"";
  margin-left:0;
  margin-top:0;
  border-radius:2px;
  height:18px;
  width:18px;
  position:absolute;
  left:0;
  top:1px;
  cursor:pointer;
  background:rgba(0,0,0,0) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iI0ZGRiIgc3Ryb2tlPSIjQ0NDIj4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAzMCAtMjk2KSB0cmFuc2xhdGUoNzg4IDE5MikgdHJhbnNsYXRlKDI0MiAxMDQpIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCB3aWR0aD0iMTciIGhlaWdodD0iMTciIHg9Ii41IiB5PSIuNSIgcng9IjIiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==")
}

.pageHelp .faq__section .answerBox .answer .task-list-item.checked::before{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzRCOTZFNiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2IDBjMS4xMDUgMCAyIC44OTUgMiAydjE0YzAgMS4xMDUtLjg5NSAyLTIgMkgyYy0xLjEwNSAwLTItLjg5NS0yLTJWMkMwIC44OTUuODk1IDAgMiAwaDE0em0tMS43OTMgNS4yOTNjLS4zOS0uMzktMS4wMjQtLjM5LTEuNDE0IDBMNy41IDEwLjU4NSA1LjIwNyA4LjI5M2wtLjA5NC0uMDgzYy0uMzkyLS4zMDUtLjk2LS4yNzgtMS4zMi4wODMtLjM5LjM5LS4zOSAxLjAyNCAwIDEuNDE0bDMgMyAuMDk0LjA4M2MuMzkyLjMwNS45Ni4yNzggMS4zMi0uMDgzbDYtNiAuMDgzLS4wOTRjLjMwNS0uMzkyLjI3OC0uOTYtLjA4My0xLjMyeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNTAgLTI5NikgdHJhbnNsYXRlKDc4OCAxOTIpIHRyYW5zbGF0ZSgyNjIgMTA0KSIvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K")
}

.pageHelp .faq__section .answerBox .answer .toastui-editor-pseudo-clipboard{
  position:fixed;
  opacity:0;
  width:0;
  height:0;
  left:-1000px;
  top:-1000px;
  z-index:-1
}

@media (min-width: 768px){
  .pageHelp .faq__section .answerBox .answer{
    font-size:1.125rem
  }
}

.pageHelp.notices{
  padding-bottom:90px
}

@media (min-width: 768px){
  .pageHelp.notices{
    padding-bottom:140px
  }
}

.faq-upper-padding{
  margin-top:1.25rem
}
.pageHome{
  overflow-x:hidden
}

.pageHome .videoContainer{
  display:flex;
  justify-content:center;
  align-items:center;
  height:100vh;
  margin-top:-64px
}

@media (min-width: 1024px){
  .pageHome .videoContainer{
    margin-top:-90px
  }
}

.pageHome iframe.video-frame{
  width:100vw;
  height:56.25vw;
  min-height:100vh;
  min-width:177.77vh;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%)
}

.pageHome .modalHolder__inner .modal{
  width:auto;
  max-width:90%
}
.authContainer{
  padding-top:0;
  max-width:412px;
  margin-bottom:160px
}

.authContainer__title{
  text-align:center;
  font-weight:700;
  font-size:22px;
  margin:60px auto 43px
}

@media (min-width: 768px){
  .authContainer__title{
    margin-top:80px
  }
}

.authContainer__checkButton{
  cursor:pointer;
  font-size:0.875rem;
  flex-shrink:0;
  margin-top:22px;
  width:80px
}

.authContainer__verifyButton{
  cursor:pointer;
  margin-left:1rem;
  width:25%;
  flex-shrink:0
}
.authContainer{
  padding-top:0;
  max-width:412px;
  margin-bottom:160px
}

.authContainer__title{
  text-align:center;
  font-weight:700;
  font-size:22px;
  margin:60px auto 43px
}

@media (min-width: 768px){
  .authContainer__title{
    margin-top:80px
  }
}

.authContainer .authDescription{
  display:block;
  text-align:center;
  margin-top:0.75rem;
  --text-opacity:1;
  color:#888888;
  color:rgba(136, 136, 136, var(--text-opacity));
  font-size:13px
}
.completePage__button{
  width:100%
}

@media (min-width: 768px){
  .completePage__button{
    width:calc(50% - .75rem)
  }
}

.completePage__button+.completePage__button{
  margin-top:1rem
}

@media (min-width: 768px){
  .completePage__button+.completePage__button{
    margin-top:0
  }
}

.completePage__button .buttonOutlined,.completePage__button .buttonFilled{
  height:46px !important
}

@media (min-width: 768px){
  .completePage__button .buttonOutlined,.completePage__button .buttonFilled{
    height:54px !important
  }
}
.passwordContainer{
  padding-top:0;
  max-width:412px;
  margin-bottom:160px
}

.passwordContainer__title{
  text-align:center;
  font-weight:700;
  font-size:22px;
  margin-bottom:10px !important
}

@media (min-width: 768px){
  .passwordContainer__title{
    margin-top:80px
  }
}

.passwordContainer__description{
  text-align:center;
  font-weight:500;
  margin-bottom:1.25rem;
  color:#333;
  line-height:14px;
  font-size:13px
}

.passwordContainer__form{
  margin-top:2.5rem
}
.authContainer{
  padding-top:0;
  max-width:412px;
  margin-bottom:160px
}

.authContainer__title{
  text-align:center;
  font-weight:700;
  font-size:22px;
  margin:60px auto 43px
}

@media (min-width: 768px){
  .authContainer__title{
    margin-top:80px
  }
}

.authContainer .password-find{
  display:block;
  text-align:center;
  margin-top:0.75rem;
  font-size:0.875rem;
  font-weight:700;
  cursor:pointer;
  color:#888
}
.pageA4{
  margin:0;
  padding:0;
  width:21cm;
  min-height:29.7cm;
  padding-top:37px;
  padding-left:44px;
  padding-right:44px
}

.pageA4+.pageA4{
  border-top:20px solid #999
}

@page{
  .pageA4{
    size:A4;
    margin:0
  }
}

@media print{
  .pageA4{
    width:210mm;
    height:297mm
  }

  .pageA4+.pageA4{
    border-top:none
  }

  .pageA4 button{
    opacity:0
  }
}

.pageA4 .statement{
  position:relative;
  height:28.7210416667cm
}

.pageA4 .statement__headerTitle{
  font-weight:700;
  font-size:24px;
  font-stretch:normal;
  font-style:normal;
  line-height:1;
  letter-spacing:-0.4px
}

.pageA4 .statement__headerInfo{
  display:flex;
  justify-content:space-between;
  margin-top:1.5rem;
  color:#666;
  font-size:10px
}

.pageA4 .statement__headerInfoLeft{
  display:flex;
  align-items:center
}

.pageA4 .statement__headerInfoLeft strong{
  margin-right:5px
}

.pageA4 .statement__headerInfoLeft span{
  margin-right:20px
}

.pageA4 .statement__section{
  display:flex;
  flex-wrap:wrap;
  padding-top:1rem;
  border-top-width:2px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity))
}

.pageA4 .statement__sectionLeft{
  flex-shrink:0;
  line-height:1;
  font-weight:700;
  width:71px;
  padding-bottom:12px
}

.pageA4 .statement__sectionRight{
  flex-shrink:0;
  line-height:1;
  width:calc(100% - 71px);
  padding-bottom:12px
}

.pageA4 .statement__table{
  width:100%;
  margin-top:0.5rem;
  border-top-width:1px;
  --border-opacity:1;
  border-color:#666666;
  border-color:rgba(102, 102, 102, var(--border-opacity));
  font-size:10px
}

.pageA4 .statement__table thead th{
  text-align:left;
  padding:6px 1rem
}

.pageA4 .statement__table thead th:last-child{
  text-align:right
}

.pageA4 .statement__table tbody tr{
  border-top-width:1px;
  --border-opacity:1;
  border-color:#dddddd;
  border-color:rgba(221, 221, 221, var(--border-opacity));
  --text-opacity:1;
  color:#333333;
  color:rgba(51, 51, 51, var(--text-opacity))
}

.pageA4 .statement__table tbody tr td{
  padding:9px 1rem;
  white-space:nowrap
}

.pageA4 .statement__table tbody tr td p+p{
  padding-top:4px
}

.pageA4 .statement__footer{
  position:absolute;
  width:100%;
  bottom:0;
  padding-bottom:96px
}

.pageA4 .statement__footer footer{
  position:absolute;
  bottom:0;
  border-top-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  --text-opacity:1;
  color:#666666;
  color:rgba(102, 102, 102, var(--text-opacity));
  height:74px;
  left:-44px
}

.pageA4 .statement__footerInner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:100%;
  width:210mm;
  padding:0 44px
}

.pageA4 .statement__footerInner .logo{
  width:34px;
  height:34px
}

.pageA4 .statement__footerInner .companyInfo{
  width:100%;
  padding-left:1.5rem;
  font-size:8px
}

.pageA4 .statement__footerInner .pageCount{
  font-size:8px
}

.pageA4 .statement__notice{
  --text-opacity:1;
  color:#666666;
  color:rgba(102, 102, 102, var(--text-opacity));
  line-height:1;
  font-size:10px
}

.pageA4 .statement__noticeTitle{
  font-weight:700;
  margin-top:1rem;
  margin-bottom:0.5rem
}

.pageA4 .statement__notice ul li{
  margin-bottom:0.5rem
}
.myPage{
  padding-bottom:200px
}

.myPage .reservationList__header{
  margin-bottom:0.75rem
}

.myPage .reservationList__footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  line-height:1
}

.myPage .reservationList__button{
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.myPage .reservationList__button:disabled{
  opacity:0.25;
  cursor:not-allowed
}

@media (min-width: 768px){
  .myPage .reservationList__header{
    display:flex;
    justify-content:flex-end
  }
}
.paymentMethodSetting{
  font-size:0.875rem;
  padding-bottom:200px
}

@media (min-width: 768px){
  .paymentMethodSetting{
    font-size:1rem
  }
}

.paymentMethodSetting__card{
  padding-bottom:5rem;
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#cccccc;
  border-color:rgba(204, 204, 204, var(--border-opacity))
}

.paymentMethodSetting__card__header4{
  font-weight:700;
  margin-top:-30px
}

.paymentMethodSetting__card__list{
  display:flex;
  flex-direction:column;
  max-width:28rem;
  margin-top:1.25rem
}

.paymentMethodSetting__card__list__wrapper{
  display:flex;
  flex:none;
  margin-top:1rem
}

.paymentMethodSetting__card__list__icon{
  width:8.333333%;
  align-self:center
}

.paymentMethodSetting__card__list__name{
  width:75%;
  align-self:center;
  text-align:left;
  font-weight:700;
  margin-top:0.25rem
}

.paymentMethodSetting__card__list__button{
  width:16.666667%
}

.paymentMethodSetting__refund{
  border-bottom-width:1px;
  border-style:solid;
  --border-opacity:1;
  border-color:#cccccc;
  border-color:rgba(204, 204, 204, var(--border-opacity));
  padding-bottom:2rem
}

.paymentMethodSetting__refundAccount{
  max-width:36rem
}

.paymentMethodSetting .section-footer{
  display:flex;
  justify-content:flex-end;
  padding-top:1.25rem;
  padding-bottom:1.25rem
}
.myPageSettings{
  padding-bottom:100px
}

.myPageSettings__leave{
  border-bottom-width:1px;
  border-style:solid;
  padding-bottom:1.25rem;
  --border-opacity:1;
  border-color:#cccccc;
  border-color:rgba(204, 204, 204, var(--border-opacity))
}

.myPageSettings__leave__button{
  display:flex;
  justify-content:flex-end;
  margin-top:1.25rem
}

.myPageSettings.leave{
  margin-top:130px
}

@media (min-width: 768px){
  .myPageSettings.leave{
    margin-top:80px
  }
}

.myPageSettings .leave__body{
  margin:auto;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  width:575px;
  max-width:100%
}

.myPageSettings .leave__body .title{
  border-bottom-width:1px;
  --border-opacity:1;
  border-color:#111111;
  border-color:rgba(17, 17, 17, var(--border-opacity));
  padding-bottom:0.5rem;
  margin-bottom:1rem
}

.myPageSettings .leave__footer{
  margin:auto;
  width:780px;
  max-width:100%
}

.myPageSettings__footer{
  display:flex;
  justify-content:flex-end;
  border-top-width:1px;
  padding-top:1.25rem
}

.myPageSettings__footerButton{
  width:auto;
  padding-left:0.75rem;
  padding-right:0.75rem
}

.myPageSettings__footerButton+.myPageSettings__footerButton{
  margin-left:0.75rem
}

@media (min-width: 768px){
}