:root {
  --font: "Pretendard";
  --font-size: 16px;
  --radius: 20px;
  --radius-sm: 10px;
  --color-primary: #ff0037;
  --color-success: #0ea823;
  --color-danger: #ce3a21;
  --color-warning: #f0af00;
  --color-background: #0b0b0c;
  --color-black: #0b0b0c;
  --color-darker: #24282c;
  --color-dark: #3d4348;
  --color-gray: #555c62;
  --color-light: #989da1;
  --color-lighter: #caced2;
  --color-lightest: #f2f4f5;
  --color-white: #fff;
  --color-naver: #03c75a
}
*, *:after, *:before {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  white-space:normal
}
html {
  font-size:var(--font-size);
  color:#0b0b0c
}
body, p, h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, span, a, div, fieldset, button, em, address, label, strong {
  margin:0;
  padding:0;
  font-size:inherit;
  letter-spacing:-0.02em;
  color:inherit;
  outline:none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
body, input, textarea, select, button, table {
  font-family:var(--font), "Arial", "Apple SD Gothic Neo", sans-serif;
  font-weight:normal;
  line-height:1.4;
  -webkit-text-size-adjust:none;
  -webkit-font-smoothing:antialiased
}
img, fieldset, button {
  border:0 none
}
dl, ul, ol, li {
  list-style:none;
  padding:0;
  margin:0
}
dd {
  margin-left:0
}
img {
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  border:0
}
input, select, button {
  font-size:14px
}
input {
  background:#fff
}
em, address, i {
  font-style:normal
}
a {
  background-color:rgba(0, 0, 0, 0);
  text-decoration:none
}
table {
  width:100%;
  border-spacing:0;
  border-collapse:collapse
}
td, th {
  border-spacing:0;
  border-collapse:collapse;
  word-wrap:break-word;
  word-break:break-all
}
caption {
  position:absolute;
  overflow:hidden;
  width:0;
  height:0;
  margin:-1px 0;
  font-size:1px;
  line-height:0
}
legend {
  display:none
}
label, button {
  cursor:pointer
}
label {
  color:inherit
}
a, span, strong, em {
  color:inherit
}
iframe {
  border:0
}
[tabindex] {
  outline:none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display:block
}
audio, canvas, progress {
  display:inline-block;
  vertical-align:baseline
}
audio:not([controls]) {
  display:none;
  height:0
}
.hidden, [hidden], template {
  display:none !important
}
abbr[title] {
  border-bottom:1px dotted
}
b, strong {
  font-weight:700
}
dfn {
  font-style:italic
}
mark {
  background-color:#ff0;
  color:#000
}
small {
  font-size:80%
}
sub, sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
svg:not(:root) {
  overflow:hidden
}
figure {
  margin:1em 40px
}
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #3d4348;
  margin:1em 0;
  padding:0;
  -webkit-box-sizing:content-box;
  box-sizing:content-box
}
code, kbd, samp {
  font-family:monospace, monospace;
  font-size:1em
}
.underline {
  text-decoration:underline
}
.blind {
  position:absolute;
  overflow:hidden;
  clip:rect(1px, 1px, 1px, 1px);
  width:1px;
  height:1px;
  margin:-1px;
  border:0;
  -webkit-clip-path:inset(50%);
  clip-path:inset(50%)
}
::-moz-selection {
  background-color:#ff0037;
  color:#fff
}
::selection {
  background-color:#ff0037;
  color:#fff
}
:root {
  --max-width: 1440px;
  --sidePadding: 40px;
  --safeTop: env(safe-area-inset-top);
  --safeBtm: env(safe-area-inset-bottom);
  --safeLeft: env(safe-area-inset-left);
  --safeRight: env(safe-area-inset-right)
}
html {
  height:100%;
  overflow-y:auto
}
html, body {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  background-color:#0b0b0c
}
body {
  padding:var(--safeTop) 0 var(--safeBtm);
  min-height:100%;
  color:#fff
}
body.bg-white {
  background-color:#fff;
  color:#0b0b0c
}
body.full-height {
  height:100%
}
.wrap {
  width:100%
}
.container {
  width:100%;
  position:relative;
  margin:0 auto;
  max-width:var(--max-width);
  padding:0 var(--sidePadding)
}
.contents {
  padding:30px 0
}
.clearfix::before, .clearfix::after {
  content:"";
  display:table
}
.clearfix::after {
  clear:both
}
@supports(-webkit-appearance: none) and (stroke-color: transparent) {
  body {
  min-height:-webkit-fill-available
}
}
@media only screen and (max-width: 720px) {
  :root {
  --sidePadding: 20px
}
}
.pg-wrapper {
  padding-right:0 !important
}
button {
  font:inherit;
  font-size:14px;
  margin:0;
  padding:0;
  overflow:visible;
  outline:none;
  border:none;
  background-color:rgba(0, 0, 0, 0);
  color:#0b0b0c
}
button[disabled] {
  cursor:default
}
button::-moz-focus-inner {
  border:0;
  padding:0
}
.btn {
  --btn-side: 18px;
  --btn-height: 40px;
  --btn-font-size: 14px;
  --btn-icon-size: 16px;
  --btn-icon-margin: 4px;
  --btn-vertical-padding: 12px;
  --btn-arrow-size: 7px;
  position:relative;
  display:inline-block;
  padding:0 var(--btn-side);
  background-color:#fff;
  line-height:var(--btn-height);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:pointer;
  font-size:var(--btn-font-size);
  font-weight:400;
  color:#0b0b0c;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  overflow:hidden;
  -webkit-transition:-webkit-transform .1s ease-out;
  transition:-webkit-transform .1s ease-out;
  transition:transform .1s ease-out;
  transition:transform .1s ease-out, -webkit-transform .1s ease-out
}
.btn .ripple {
  display:block;
  position:absolute;
  background-color:#666;
  mix-blend-mode:multiply;
  width:100px;
  height:100px;
  border-radius:50%;
  -webkit-transform:translate(-50%, -50%) scale(0);
  transform:translate(-50%, -50%) scale(0);
  -webkit-animation:ripple .5s ease-out;
  animation:ripple .5s ease-out
}
.btn[data-intent=primary] {
  background-color:#ff0037
}
.btn[data-intent=success] {
  background-color:#0ea823
}
.btn[data-intent=danger] {
  background-color:#ce3a21
}
.btn[data-intent=warning] {
  background-color:#f0af00
}
.btn[data-intent=background] {
  background-color:#0b0b0c
}
.btn[data-intent=black] {
  background-color:#0b0b0c
}
.btn[data-intent=darker] {
  background-color:#24282c
}
.btn[data-intent=dark] {
  background-color:#3d4348
}
.btn[data-intent=gray] {
  background-color:#555c62
}
.btn[data-intent=light] {
  background-color:#989da1
}
.btn[data-intent=lighter] {
  background-color:#caced2
}
.btn[data-intent=lightest] {
  background-color:#f2f4f5
}
.btn[data-intent=white] {
  background-color:#fff
}
.btn[data-intent=naver] {
  background-color:#03c75a
}
.btn[data-intent=gray], .btn[data-intent=dark], .btn[data-intent=darker], .btn[data-intent=black], .btn[data-intent=primary], .btn[data-intent=success], .btn[data-intent=danger] {
  color:#fff
}
.btn[data-intent=gray] .ripple, .btn[data-intent=dark] .ripple, .btn[data-intent=darker] .ripple, .btn[data-intent=black] .ripple, .btn[data-intent=primary] .ripple, .btn[data-intent=success] .ripple, .btn[data-intent=danger] .ripple {
  background-color:#fff;
  mix-blend-mode:screen
}
.btn[data-tr] {
  background-color:rgba(0, 0, 0, 0);
  color:#fff
}
.btn[data-tr] .ripple {
  mix-blend-mode:screen
}
.btn[data-tr][data-outline=primary] .ripple {
  background-color:#ff0037
}
.btn[data-tr][data-outline=success] .ripple {
  background-color:#0ea823
}
.btn[data-tr][data-outline=danger] .ripple {
  background-color:#ce3a21
}
.btn[data-tr][data-outline=warning] .ripple {
  background-color:#f0af00
}
.btn[data-tr][data-outline=background] .ripple {
  background-color:#0b0b0c
}
.btn[data-tr][data-outline=black] .ripple {
  background-color:#0b0b0c
}
.btn[data-tr][data-outline=darker] .ripple {
  background-color:#24282c
}
.btn[data-tr][data-outline=dark] .ripple {
  background-color:#3d4348
}
.btn[data-tr][data-outline=gray] .ripple {
  background-color:#555c62
}
.btn[data-tr][data-outline=light] .ripple {
  background-color:#989da1
}
.btn[data-tr][data-outline=lighter] .ripple {
  background-color:#caced2
}
.btn[data-tr][data-outline=lightest] .ripple {
  background-color:#f2f4f5
}
.btn[data-tr][data-outline=white] .ripple {
  background-color:#fff
}
.btn[data-tr][data-outline=naver] .ripple {
  background-color:#03c75a
}
.btn[data-outline] {
  border:1px solid #fff
}
.btn[data-outline=primary] {
  border-color:#ff0037
}
.btn[data-txt=primary] {
  color:#ff0037
}
.btn[data-outline=success] {
  border-color:#0ea823
}
.btn[data-txt=success] {
  color:#0ea823
}
.btn[data-outline=danger] {
  border-color:#ce3a21
}
.btn[data-txt=danger] {
  color:#ce3a21
}
.btn[data-outline=warning] {
  border-color:#f0af00
}
.btn[data-txt=warning] {
  color:#f0af00
}
.btn[data-outline=background] {
  border-color:#0b0b0c
}
.btn[data-txt=background] {
  color:#0b0b0c
}
.btn[data-outline=black] {
  border-color:#0b0b0c
}
.btn[data-txt=black] {
  color:#0b0b0c
}
.btn[data-outline=darker] {
  border-color:#24282c
}
.btn[data-txt=darker] {
  color:#24282c
}
.btn[data-outline=dark] {
  border-color:#3d4348
}
.btn[data-txt=dark] {
  color:#3d4348
}
.btn[data-outline=gray] {
  border-color:#555c62
}
.btn[data-txt=gray] {
  color:#555c62
}
.btn[data-outline=light] {
  border-color:#989da1
}
.btn[data-txt=light] {
  color:#989da1
}
.btn[data-outline=lighter] {
  border-color:#caced2
}
.btn[data-txt=lighter] {
  color:#caced2
}
.btn[data-outline=lightest] {
  border-color:#f2f4f5
}
.btn[data-txt=lightest] {
  color:#f2f4f5
}
.btn[data-outline=white] {
  border-color:#fff
}
.btn[data-txt=white] {
  color:#fff
}
.btn[data-outline=naver] {
  border-color:#03c75a
}
.btn[data-txt=naver] {
  color:#03c75a
}
.btn[data-weight="700"], .btn[data-weight=bold] {
  font-weight:700
}
.btn[data-weight="600"], .btn[data-weight=semibold] {
  font-weight:600
}
.btn[data-weight="500"], .btn[data-weight=medium] {
  font-weight:500
}
.btn[data-weight="300"], .btn[data-weight=light] {
  font-weight:300
}
.btn[data-readonly] {
  cursor:default;
  pointer-events:none
}
.btn[data-disabled], .btn[disabled] {
  opacity:.5;
  cursor:not-allowed
}
.btn[data-disabled][data-intent=primary], .btn[disabled][data-intent=primary] {
  opacity:1;
  background-color:#3d4348;
  color:#fff
}
.btn[data-block] {
  display:block;
  width:100%;
  text-align:center
}
.btn[data-flex] {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.btn[data-icon] i, .btn[data-icon] span {
  display:inline-block;
  vertical-align:middle
}
.btn[data-icon] i {
  width:var(--btn-icon-size);
  height:var(--btn-icon-size);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  margin-right:var(--btn-icon-margin)
}
.btn[data-icon] span {
  font-size:inherit;
  font-weight:inherit;
  color:inherit
}
.btn[data-size=sm] {
  padding:0 calc(var(--btn-side)*.875);
  font-size:calc(var(--btn-font-size)*.857);
  line-height:calc(var(--btn-height)*.8)
}
.btn[data-size=sm][data-icon] i {
  width:calc(var(--btn-icon-size)*.75);
  height:calc(var(--btn-icon-size)*.75)
}
.btn[data-size=lg] {
  padding:0 calc(var(--btn-side)*1.5);
  font-size:calc(var(--btn-font-size)*1.142);
  line-height:calc(var(--btn-height)*1.25)
}
.btn[data-size=lg][data-icon] i {
  width:calc(var(--btn-icon-size)*1.5);
  height:calc(var(--btn-icon-size)*1.5);
  margin-right:calc(var(--btn-icon-margin)*1.5)
}
.btn[data-size=xlg] {
  padding:0 calc(var(--btn-side)*2);
  font-size:calc(var(--btn-font-size)*1.3);
  line-height:calc(var(--btn-height)*1.5)
}
.btn[data-size=xlg][data-icon] i {
  width:calc(var(--btn-icon-size)*1.875);
  height:calc(var(--btn-icon-size)*1.875);
  margin-right:calc(var(--btn-icon-margin)*2)
}
.btn[data-multiline] {
  line-height:1.4;
  padding-top:var(--btn-vertical-padding);
  padding-bottom:var(--btn-vertical-padding)
}
.btn[data-multiline][data-size=sm] {
  padding-top:calc(var(--btn-vertical-padding)*.8);
  padding-bottom:calc(var(--btn-vertical-padding)*.8)
}
.btn[data-multiline][data-size=lg] {
  padding-top:calc(var(--btn-vertical-padding)*1.167);
  padding-bottom:calc(var(--btn-vertical-padding)*1.167)
}
.btn[data-multiline][data-size=xlg] {
  padding-top:calc(var(--btn-vertical-padding)*1.333);
  padding-bottom:calc(var(--btn-vertical-padding)*1.333)
}
.btn[data-round] {
  border-radius:2rem
}
.btn[data-arrow]::after {
  content:"";
  display:inline-block;
  vertical-align:middle;
  margin-left:.5rem;
  width:var(--btn-arrow-size);
  height:var(--btn-arrow-size);
  border-top:1px solid #0b0b0c;
  border-right:1px solid #0b0b0c;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}
.btn[data-arrow][data-intent=primary]::after, .btn[data-arrow][data-intent=black]::after, .btn[data-arrow][data-intent=darker]::after, .btn[data-arrow][data-intent=dark]::after, .btn[data-arrow][data-intent=gray]::after, .btn[data-arrow][data-intent=success]::after, .btn[data-arrow][data-intent=danger]::after {
  border-top-color:#fff;
  border-right-color:#fff
}
.btn[data-extlink]::after {
  content:"";
  display:inline-block;
  vertical-align:text-top;
  margin-left:var(--btn-icon-margin);
  width:var(--btn-icon-size);
  height:var(--btn-icon-size);
  background-color:#fff;
  -webkit-mask-image:url(../icons/icon_extlink.svg);
  mask-image:url(../icons/icon_extlink.svg);
  -webkit-mask-position:center center;
  mask-position:center center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain
}
@media only screen and (min-width: 721px)and (max-width: 1280px) {
  .btn {
  --btn-side: 16px;
  --btn-height: 36px;
  --btn-font-size: 13px;
  --btn-icon-size: 14px;
  --btn-icon-margin: 4px;
  --btn-vertical-padding: 11px
}
}
@media only screen and (max-width: 720px) {
  .btn {
  --btn-side: 12px;
  --btn-height: 30px;
  --btn-font-size: 12px;
  --btn-icon-size: 12px;
  --btn-icon-margin: 3px;
  --btn-vertical-padding: 10px
}
}
@-webkit-keyframes ripple {
  to {
  -webkit-transform:translate(-50%, -50%) scale(3);
  transform:translate(-50%, -50%) scale(3);
  opacity:0
}
}
@keyframes ripple {
  to {
  -webkit-transform:translate(-50%, -50%) scale(3);
  transform:translate(-50%, -50%) scale(3);
  opacity:0
}
}
.btn-group {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:100%
}
.btn-group .btn+.btn {
  margin-left:0.625rem
}
.btn-group[data-full] .btn {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1
}
.dim {
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, .5);
  pointer-events:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
h1, h2, h3, h4, h5, h6 {
  font-weight:700
}
.sr-only {
  border:0;
  clip:rect(0, 0, 0, 0);
  width:1px;
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  white-space:nowrap
}
.txt-left {
  text-align:left
}
.txt-center {
  text-align:center
}
.txt-right {
  text-align:right
}
.desc-list {
  margin-top:1.25rem
}
.desc-list>li+li {
  margin-top:0.25rem
}
.desc-list.top-line {
  padding-top:1.25rem;
  border-top:1px solid #caced2
}
.desc-txt {
  position:relative;
  padding-left:0.5rem;
  font-size:0.75rem;
  line-height:1.4;
  color:#3d4348;
  word-break:keep-all
}
.desc-txt::before {
  content:"";
  position:absolute;
  top:0.375rem;
  left:0;
  display:block;
  width:2px;
  height:2px;
  border-radius:50%;
  background-color:#3d4348
}
.desc-txt .info-list {
  margin-top:10px;
  padding:12px 15px;
  border-radius:5px;
  background:#eee
}
.desc-txt .info-list li {
  font-size:12px;
  line-height:18px
}
.desc-txt.desc-important {
  font-weight:500
}
.desc-txt.desc-cancel {
  text-decoration:line-through
}
.txt[data-color=dark] {
  color:#3d4348
}
.txt[data-color=gray] {
  color:#555c62
}
.txt[data-size=sm] {
  font-size:0.75rem
}
.txt[data-size=lg] {
  font-size:1rem
}
.txt[data-size=xlg] {
  font-size:1.125rem
}
.txt[data-weight=light] {
  font-weight:300
}
.txt[data-weight=medium] {
  font-weight:500
}
.txt[data-weight=semibold] {
  font-weight:600
}
.txt[data-weight=bold] {
  font-weight:700
}
.desc {
  padding:0.875rem var(--sidePadding);
  color:#555c62
}
.desc h2 {
  font-size:0.875rem;
  margin-bottom:0.75rem
}
.desc h3 {
  font-size:0.8125rem;
  font-weight:400;
  margin-bottom:0.375rem
}
.desc h3~h3 {
  margin-top:1.5rem
}
.desc h4 {
  font-size:0.75rem;
  font-weight:500;
  margin-bottom:0.625rem;
  padding-left:0.375rem
}
.desc ul {
  padding:0;
  margin-bottom:0.75rem
}
.desc li {
  position:relative;
  font-size:0.75rem;
  line-height:1.5;
  padding-left:0.375rem;
  word-break:keep-all
}
.desc li a {
  text-decoration:underline
}
.desc li+li {
  margin-top:0.5rem
}
.desc li::before {
  content:"";
  display:block;
  width:0.1875rem;
  height:0.1875rem;
  border-radius:50%;
  position:absolute;
  left:0;
  top:0.5rem;
  background-color:#555c62
}
.desc p {
  font-size:0.75rem;
  line-height:1.5;
  word-break:keep-all
}
marquee {
  white-space:nowrap
}
.page-title {
  font-size:30px;
  font-weight:700;
  margin-bottom:30px
}
.page-subtitle {
  font-size:24px;
  font-weight:700;
  margin-bottom:20px
}
@media only screen and (max-width: 720px) {
  .page-title {
  font-size:24px;
  margin-bottom:20px
}
.page-subtitle {
  font-size:20px;
  margin-bottom:16px
}
}
ul.list, ol.list {
  --list-color: var(--color-light)
}
ul.list li, ol.list li {
  position:relative;
  color:var(--list-color);
  list-style:none;
  line-height:1.6
}
ul.list li {
  padding-left:14px
}
ul.list li::before {
  content:"";
  display:block;
  width:4px;
  height:4px;
  background-color:var(--list-color);
  border-radius:50%;
  position:absolute;
  left:0;
  top:9px
}
ol.list {
  counter-reset:listNum
}
ol.list li {
  padding-left:20px
}
ol.list li::before {
  counter-increment:listNum;
  content:counter(listNum) ".";
  display:block;
  font-size:inherit;
  color:var(--list-color);
  position:absolute;
  left:0;
  top:0
}
ol.list[data-type=parenthesis] li::before {
  content:counter(listNum) ")"
}
.loading {
  display:none;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:200000
}
.loading .spinner {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:80px;
  height:80px
}
.loading .spinner::after {
  content:"";
  display:block;
  width:64px;
  height:64px;
  border-radius:50%;
  border-width:6px;
  border-style:solid;
  border-color:#ff0037 rgba(0, 0, 0, 0) #ff0037 rgba(0, 0, 0, 0);
  opacity:.8;
  -webkit-animation:spinner 1.2s linear infinite;
  animation:spinner 1.2s linear infinite
}
@-webkit-keyframes spinner {
  0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}
100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
}
}
@keyframes spinner {
  0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}
100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
}
}
.loading-bounce {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:200000;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-color:#0b0b0c;
  -webkit-transition:opacity .6s .5s ease-in;
  transition:opacity .6s .5s ease-in;
  opacity:1
}
.loading-bounce>div {
  width:60px;
  -webkit-transition:-webkit-transform 1s cubic-bezier(0.38, 0, 0.56, -0.5);
  transition:-webkit-transform 1s cubic-bezier(0.38, 0, 0.56, -0.5);
  transition:transform 1s cubic-bezier(0.38, 0, 0.56, -0.5);
  transition:transform 1s cubic-bezier(0.38, 0, 0.56, -0.5), -webkit-transform 1s cubic-bezier(0.38, 0, 0.56, -0.5);
  -webkit-transform:scale(1);
  transform:scale(1)
}
.loading-bounce img {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-transform-origin:center 90%;
  transform-origin:center 90%;
  -webkit-animation:loadingBounce 1s 1s ease-in-out infinite both;
  animation:loadingBounce 1s 1s ease-in-out infinite both
}
.loading-bounce.complete {
  opacity:0
}
.loading-bounce.complete>div {
  -webkit-transform:scale(5);
  transform:scale(5)
}
.loading-bounce.complete img {
  -webkit-animation-play-state:paused;
  animation-play-state:paused
}
@-webkit-keyframes loadingBounce {
  0% {
  -webkit-transform:scale(1, 1);
  transform:scale(1, 1)
}
30% {
  -webkit-transform:scale(1, 0.8);
  transform:scale(1, 0.8)
}
40% {
  -webkit-transform:scale(0.9, 1.1) translateY(-20%);
  transform:scale(0.9, 1.1) translateY(-20%)
}
70% {
  -webkit-transform:scale(1.03, 0.9);
  transform:scale(1.03, 0.9)
}
80% {
  -webkit-transform:scale(1, 1);
  transform:scale(1, 1)
}
}
@keyframes loadingBounce {
  0% {
  -webkit-transform:scale(1, 1);
  transform:scale(1, 1)
}
30% {
  -webkit-transform:scale(1, 0.8);
  transform:scale(1, 0.8)
}
40% {
  -webkit-transform:scale(0.9, 1.1) translateY(-20%);
  transform:scale(0.9, 1.1) translateY(-20%)
}
70% {
  -webkit-transform:scale(1.03, 0.9);
  transform:scale(1.03, 0.9)
}
80% {
  -webkit-transform:scale(1, 1);
  transform:scale(1, 1)
}
}
.mt-0 {
  margin-top:0 !important
}
.mt-h {
  margin-top:.5rem !important
}
.mt-1 {
  margin-top:1rem !important
}
.mt-2 {
  margin-top:2rem !important
}
.mt-3 {
  margin-top:3rem !important
}
.mt-4 {
  margin-top:4rem !important
}
.mt-5 {
  margin-top:5rem !important
}
.mt-6 {
  margin-top:6rem !important
}
.mr-0 {
  margin-right:0 !important
}
.mr-h {
  margin-right:.5rem !important
}
.mr-1 {
  margin-right:1rem !important
}
.mr-2 {
  margin-right:2rem !important
}
.mr-3 {
  margin-right:3rem !important
}
.mr-4 {
  margin-right:4rem !important
}
.mr-5 {
  margin-right:5rem !important
}
.mr-6 {
  margin-right:6rem !important
}
.ml-0 {
  margin-left:0 !important
}
.ml-h {
  margin-left:.5rem
}
.ml-2 {
  margin-left:2rem !important
}
.ml-3 {
  margin-left:3rem !important
}
.ml-4 {
  margin-left:4rem !important
}
.ml-5 {
  margin-left:5rem !important
}
.ml-6 {
  margin-left:6rem !important
}
.mb-0 {
  margin-bottom:0 !important
}
.mb-h {
  margin-bottom:.5rem !important
}
.mb-1 {
  margin-bottom:1rem !important
}
.mb-2 {
  margin-bottom:2rem !important
}
.mb-3 {
  margin-bottom:3rem !important
}
.mb-4 {
  margin-bottom:4rem !important
}
.mb-5 {
  margin-bottom:5rem !important
}
.mb-6 {
  margin-bottom:6rem !important
}
.spot {
  position:absolute;
  z-index:2;
  width:18px;
  height:18px;
  border-radius:50%;
  background-color:#ff0037;
  cursor:pointer
}
.spot::before {
  content:"";
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  width:inherit;
  height:inherit;
  border-radius:inherit;
  background-color:inherit;
  opacity:0;
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:center center;
  transform-origin:center center;
  -webkit-animation:spotRipple 1s infinite ease-in-out both;
  animation:spotRipple 1s infinite ease-in-out both
}
@-webkit-keyframes spotBounce {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:.1
}
50% {
  -webkit-transform:scale(1.8);
  transform:scale(1.8);
  opacity:.3
}
100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:.1
}
}
@keyframes spotBounce {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:.1
}
50% {
  -webkit-transform:scale(1.8);
  transform:scale(1.8);
  opacity:.3
}
100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:.1
}
}
@-webkit-keyframes spotRipple {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
}
100% {
  -webkit-transform:scale(3);
  transform:scale(3);
  opacity:0
}
}
@keyframes spotRipple {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
}
100% {
  -webkit-transform:scale(3);
  transform:scale(3);
  opacity:0
}
}
:root {
  --scroll-effect-distance: 0px
}
[data-scroll] {
  opacity:0;
  -webkit-transform:scale(1.1) translateY(var(--scroll-effect-distance));
  transform:scale(1.1) translateY(var(--scroll-effect-distance));
  -webkit-transition:opacity 1s linear, -webkit-transform 1s cubic-bezier(0.55, 0, 0.14, 1);
  transition:opacity 1s linear, -webkit-transform 1s cubic-bezier(0.55, 0, 0.14, 1);
  transition:transform 1s cubic-bezier(0.55, 0, 0.14, 1), opacity 1s linear;
  transition:transform 1s cubic-bezier(0.55, 0, 0.14, 1), opacity 1s linear, -webkit-transform 1s cubic-bezier(0.55, 0, 0.14, 1)
}
[data-scroll][data-scroll=true] {
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  opacity:1
}
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=url], input[type=search], input[type=number], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], select {
  display:inline-block;
  width:auto;
  height:2.25rem;
  font-size:0.875rem;
  color:#0b0b0c;
  border:1px solid #3d4348;
  background-color:#fff;
  border-radius:0;
  padding:0 0.75rem;
  outline:none;
  -webkit-transition:border-color .15s ease-in-out 0s;
  transition:border-color .15s ease-in-out 0s;
  caret-color:#ff0037;
  -webkit-appearance:none
}
input[type=text][data-full], input[type=password][data-full], input[type=email][data-full], input[type=tel][data-full], input[type=url][data-full], input[type=search][data-full], input[type=number][data-full], input[type=date][data-full], input[type=month][data-full], input[type=week][data-full], input[type=time][data-full], input[type=datetime][data-full], input[type=datetime-local][data-full], select[data-full] {
  width:100%
}
input[type=text][readonly], input[type=password][readonly], input[type=email][readonly], input[type=tel][readonly], input[type=url][readonly], input[type=search][readonly], input[type=number][readonly], input[type=date][readonly], input[type=month][readonly], input[type=week][readonly], input[type=time][readonly], input[type=datetime][readonly], input[type=datetime-local][readonly], select[readonly] {
  cursor:default;
  background-color:#f2f4f5
}
input[type=text][readonly]:focus-visible, input[type=password][readonly]:focus-visible, input[type=email][readonly]:focus-visible, input[type=tel][readonly]:focus-visible, input[type=url][readonly]:focus-visible, input[type=search][readonly]:focus-visible, input[type=number][readonly]:focus-visible, input[type=date][readonly]:focus-visible, input[type=month][readonly]:focus-visible, input[type=week][readonly]:focus-visible, input[type=time][readonly]:focus-visible, input[type=datetime][readonly]:focus-visible, input[type=datetime-local][readonly]:focus-visible, select[readonly]:focus-visible {
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none
}
input[type=text][disabled], input[type=text]:disabled, input[type=password][disabled], input[type=password]:disabled, input[type=email][disabled], input[type=email]:disabled, input[type=tel][disabled], input[type=tel]:disabled, input[type=url][disabled], input[type=url]:disabled, input[type=search][disabled], input[type=search]:disabled, input[type=number][disabled], input[type=number]:disabled, input[type=date][disabled], input[type=date]:disabled, input[type=month][disabled], input[type=month]:disabled, input[type=week][disabled], input[type=week]:disabled, input[type=time][disabled], input[type=time]:disabled, input[type=datetime][disabled], input[type=datetime]:disabled, input[type=datetime-local][disabled], input[type=datetime-local]:disabled, select[disabled], select:disabled {
  cursor:default;
  background-color:#f2f4f5;
  border-color:#989da1;
  color:#555c62;
  opacity:1;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:not-allowed
}
input[type=text][disabled]:focus-visible, input[type=text]:disabled:focus-visible, input[type=password][disabled]:focus-visible, input[type=password]:disabled:focus-visible, input[type=email][disabled]:focus-visible, input[type=email]:disabled:focus-visible, input[type=tel][disabled]:focus-visible, input[type=tel]:disabled:focus-visible, input[type=url][disabled]:focus-visible, input[type=url]:disabled:focus-visible, input[type=search][disabled]:focus-visible, input[type=search]:disabled:focus-visible, input[type=number][disabled]:focus-visible, input[type=number]:disabled:focus-visible, input[type=date][disabled]:focus-visible, input[type=date]:disabled:focus-visible, input[type=month][disabled]:focus-visible, input[type=month]:disabled:focus-visible, input[type=week][disabled]:focus-visible, input[type=week]:disabled:focus-visible, input[type=time][disabled]:focus-visible, input[type=time]:disabled:focus-visible, input[type=datetime][disabled]:focus-visible, input[type=datetime]:disabled:focus-visible, input[type=datetime-local][disabled]:focus-visible, input[type=datetime-local]:disabled:focus-visible, select[disabled]:focus-visible, select:disabled:focus-visible {
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none
}
input[type=text][data-size=sm], input[type=password][data-size=sm], input[type=email][data-size=sm], input[type=tel][data-size=sm], input[type=url][data-size=sm], input[type=search][data-size=sm], input[type=number][data-size=sm], input[type=date][data-size=sm], input[type=month][data-size=sm], input[type=week][data-size=sm], input[type=time][data-size=sm], input[type=datetime][data-size=sm], input[type=datetime-local][data-size=sm], select[data-size=sm] {
  height:1.875rem;
  font-size:0.8125rem
}
input[type=text][data-size=lg], input[type=password][data-size=lg], input[type=email][data-size=lg], input[type=tel][data-size=lg], input[type=url][data-size=lg], input[type=search][data-size=lg], input[type=number][data-size=lg], input[type=date][data-size=lg], input[type=month][data-size=lg], input[type=week][data-size=lg], input[type=time][data-size=lg], input[type=datetime][data-size=lg], input[type=datetime-local][data-size=lg], select[data-size=lg] {
  height:2.625rem;
  font-size:1rem
}
input[type=text][data-round], input[type=password][data-round], input[type=email][data-round], input[type=tel][data-round], input[type=url][data-round], input[type=search][data-round], input[type=number][data-round], input[type=date][data-round], input[type=month][data-round], input[type=week][data-round], input[type=time][data-round], input[type=datetime][data-round], input[type=datetime-local][data-round], select[data-round] {
  border-radius:1rem;
  padding-left:0.875rem;
  padding-right:0.875rem
}
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, select::-webkit-input-placeholder {
  color:#989da1
}
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, select::-moz-placeholder {
  color:#989da1
}
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, select:-ms-input-placeholder {
  color:#989da1
}
input[type=text]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=url]::-ms-input-placeholder, input[type=search]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=date]::-ms-input-placeholder, input[type=month]::-ms-input-placeholder, input[type=week]::-ms-input-placeholder, input[type=time]::-ms-input-placeholder, input[type=datetime]::-ms-input-placeholder, input[type=datetime-local]::-ms-input-placeholder, select::-ms-input-placeholder {
  color:#989da1
}
input[type=text]:-moz-placeholder-shown, input[type=password]:-moz-placeholder-shown, input[type=email]:-moz-placeholder-shown, input[type=tel]:-moz-placeholder-shown, input[type=url]:-moz-placeholder-shown, input[type=search]:-moz-placeholder-shown, input[type=number]:-moz-placeholder-shown, input[type=date]:-moz-placeholder-shown, input[type=month]:-moz-placeholder-shown, input[type=week]:-moz-placeholder-shown, input[type=time]:-moz-placeholder-shown, input[type=datetime]:-moz-placeholder-shown, input[type=datetime-local]:-moz-placeholder-shown, select:-moz-placeholder-shown {
  color:#989da1
}
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, select:-ms-input-placeholder {
  color:#989da1
}
input[type=text]::placeholder, input[type=text]:placeholder-shown, input[type=password]::placeholder, input[type=password]:placeholder-shown, input[type=email]::placeholder, input[type=email]:placeholder-shown, input[type=tel]::placeholder, input[type=tel]:placeholder-shown, input[type=url]::placeholder, input[type=url]:placeholder-shown, input[type=search]::placeholder, input[type=search]:placeholder-shown, input[type=number]::placeholder, input[type=number]:placeholder-shown, input[type=date]::placeholder, input[type=date]:placeholder-shown, input[type=month]::placeholder, input[type=month]:placeholder-shown, input[type=week]::placeholder, input[type=week]:placeholder-shown, input[type=time]::placeholder, input[type=time]:placeholder-shown, input[type=datetime]::placeholder, input[type=datetime]:placeholder-shown, input[type=datetime-local]::placeholder, input[type=datetime-local]:placeholder-shown, select::placeholder, select:placeholder-shown {
  color:#989da1
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=search]:focus, input[type=number]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, select:focus {
  border-color:#ff0037
}
input[type=text]:focus-visible, input[type=password]:focus-visible, input[type=email]:focus-visible, input[type=tel]:focus-visible, input[type=url]:focus-visible, input[type=search]:focus-visible, input[type=number]:focus-visible, input[type=date]:focus-visible, input[type=month]:focus-visible, input[type=week]:focus-visible, input[type=time]:focus-visible, input[type=datetime]:focus-visible, input[type=datetime-local]:focus-visible, select:focus-visible {
  -webkit-box-shadow:0px 0px 6px 2px rgba(255, 0, 55, .2);
  box-shadow:0px 0px 6px 2px rgba(255, 0, 55, .2)
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-box-shadow:0 0 0 100px #fff inset !important;
  box-shadow:0 0 0 100px #fff inset !important
}
input:-webkit-autofill::first-line {
  font-size:0.875rem
}
textarea {
  display:block;
  width:100%;
  border:none;
  background-color:#fff;
  font-size:var(--txt-body);
  font-weight:normal;
  padding-bottom:0;
  overflow:hidden;
  overflow-y:auto;
  vertical-align:top;
  white-space:pre-line;
  word-wrap:break-word;
  word-break:break-all;
  resize:none
}
textarea::-webkit-input-placeholder {
  font-size:0.875rem;
  color:#555c62
}
textarea::-moz-placeholder {
  font-size:0.875rem;
  color:#555c62
}
textarea:-ms-input-placeholder {
  font-size:0.875rem;
  color:#555c62
}
textarea::-ms-input-placeholder {
  font-size:0.875rem;
  color:#555c62
}
textarea::placeholder {
  font-size:0.875rem;
  color:#555c62
}
select {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%2811%2C11%2C12%29'%3E%3Cpath clip-rule='evenodd' fill='none' stroke='rgb%2811%2C11%2C12%29' stroke-width='1.5' stroke-miterlimit='10' d='m14.9 8.5-4.9 5-4.9-5'/%3E%3C/svg%3E") no-repeat calc(100% - 6px) 50%/20px;
  padding-right:2rem;
  min-width:160px
}
select:invalid {
  color:#555c62
}
select option[value=""][disabled] {
  display:none
}
input[type=text] {
  ime-mode:active
}
input::-webkit-search-cancel-button {
  display:none
}
input::-moz-focus-inner {
  border:0;
  padding:0
}
input[type=number] {
  -moz-appearance:textfield
}
input[type=number]::-webkit-inner-spin-button {
  height:auto;
  -webkit-appearance:none
}
input[type=number]::-webkit-outer-spin-button {
  height:auto
}
input[type=password] {
  font:small-caption
}
input[type=search] {
  -webkit-appearance:textfield
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}
input button, input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance:button;
  cursor:pointer
}
input[type=checkbox], input[type=radio] {
  position:relative;
  -moz-appearance:none;
  appearance:none;
  -webkit-appearance:none;
  display:inline-block;
  vertical-align:middle;
  width:1.25rem;
  height:1.25rem;
  border-radius:50%;
  background-color:#caced2;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  overflow:hidden;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  cursor:pointer
}
input[type=checkbox]+span, input[type=radio]+span {
  display:inline;
  vertical-align:middle;
  font-size:0.875rem;
  margin-left:6px
}
input[type=checkbox]:checked, input[type=radio]:checked {
  background-color:#ff0037
}
input[type=checkbox][disabled], input[type=radio][disabled] {
  opacity:.5;
  cursor:not-allowed;
  pointer-events:none
}
input[type=checkbox][disabled]+span, input[type=radio][disabled]+span {
  opacity:.5
}
input[type=checkbox] {
  background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%28255%2C255%2C255%29'%3E%3Cpath fill='none' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='m4.9 9.5 3.7 3.9 6.5-6.9'/%3E%3C/svg%3E")
}
input[type=radio]::before {
  content:"";
  position:absolute;
  width:0.5rem;
  height:0.5rem;
  top:0.375rem;
  left:0.375rem;
  border-radius:50%;
  background-color:#fff
}
fieldset {
  border:0;
  margin:0;
  padding:0;
  background:rgba(0, 0, 0, 0)
}
fieldset legend {
  border:0;
  padding:0;
  display:none
}
.form .form-control {
  display:block;
  width:100%
}
.form .form-control>input:not([type=checkbox] [type=radio]), .form .form-control select {
  display:block;
  width:100%
}
.form+.form {
  margin-top:0.5rem
}
.form>label {
  position:relative;
  display:inline-block;
  font-size:0.875rem;
  font-weight:700;
  color:#555c62;
  margin-bottom:0.875rem
}
.form.essential>label::after {
  content:"*";
  display:inline-block;
  color:red;
  font-size:inherit;
  margin-left:4px
}
.form .error-txt {
  display:none;
  font-size:0.875rem;
  margin-top:0.5rem;
  color:#ff0037
}
.form-flex .form-control, .form-inline .form-control {
  display:inline-block
}
.form-flex {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.form-flex .form-control {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1
}
.form-flex .form-control>input:not([type=checkbox] [type=radio]), .form-flex .form-control select {
  width:0;
  min-width:100%
}
.form-flex.form-flex-wrap {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.form-phone {
  margin-top:1rem;
  padding-top:0.375rem
}
.form-phone .form-control {
  margin-left:0.625rem
}
.form-phone .select {
  min-width:4.375rem
}
.form-select {
  position:relative;
  display:block;
  margin-top:20px;
  padding-top:9px
}
.form-select select {
  position:absolute;
  visibility:hidden;
  opacity:0
}
.form-select button {
  width:100%;
  min-height:36px;
  padding:7px 0;
  line-height:22px;
  text-align:left;
  color:#000;
  border:none;
  border-bottom:1px solid #ccc
}
.form-select button:after {
  right:0 !important
}
[data-input-delete] {
  position:relative;
  display:inline-block;
  width:100%
}
[data-input-delete] input {
  width:100%;
  margin:0 !important;
  padding-right:2.5rem !important
}
[data-input-delete] input[readonly] {
  border-color:#989da1 !important
}
[data-input-delete] input[readonly]+.btn-delete {
  display:none !important
}
[data-input-delete] .btn-delete {
  display:none;
  width:1.5rem;
  height:1.5rem;
  border-radius:50%;
  padding:0;
  text-indent:-9999px;
  background:#caced2 url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' xml:space='preserve' fill='rgb%2861%2C67%2C72%29'%3E%3Cpath fill='none' stroke='rgb%2861%2C67%2C72%29' stroke-linecap='round' d='m7 7 6 6M7 13l6-6'/%3E%3C/svg%3E") no-repeat center/100%;
  position:absolute;
  top:50%;
  right:0.875rem;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
[data-input-delete].error input {
  border-color:#ff0037
}
[data-input-delete].error+.error-txt {
  display:block;
  font-size:0.875rem;
  margin-top:0.625rem
}
.form-group+.form-group {
  margin-top:40px
}
.form-group>label {
  position:relative;
  display:inline-block;
  font-size:20px;
  font-weight:700;
  margin-bottom:18px
}
.form-group.essential>label::after {
  content:"*";
  display:inline-block;
  color:red;
  font-size:inherit;
  margin-left:4px
}
.form-horizontal .form-group {
  position:relative;
  padding-left:24%;
  padding-right:5%
}
.form-horizontal .form-group>label {
  position:absolute;
  left:0;
  top:8px;
  width:24%;
  margin:0
}
.checks span {
  display:inline-block;
  vertical-align:middle;
  font-size:0.875rem;
  margin-left:6px
}
.checks+.checks {
  margin-left:16px
}
.toggle {
  cursor:pointer
}
.toggle span {
  position:relative;
  display:block;
  width:40px;
  height:20px;
  -webkit-transition:background-color .3s linear;
  transition:background-color .3s linear;
  outline:none;
  border-radius:10px;
  background-color:rgba(0, 0, 0, .25)
}
.toggle span::before {
  content:"";
  position:absolute;
  top:50%;
  margin-top:-7px;
  left:3px;
  display:block;
  width:14px;
  height:14px;
  border-radius:50%;
  background-color:#fff;
  -webkit-transition:left .3s ease-in-out;
  transition:left .3s ease-in-out
}
.toggle input[type=checkbox] {
  display:none
}
.toggle input[type=checkbox]:checked+span {
  background-color:#0b0b0c
}
.toggle input[type=checkbox]:checked+span::before {
  left:calc(100% - 17px)
}
.switch {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.switch label span {
  display:block;
  width:70px;
  height:32px;
  font-size:13px;
  color:#555c62;
  line-height:32px;
  text-align:center;
  background-color:#f3f3f3;
  border:1px solid #e5e5e5;
  cursor:pointer
}
.switch label input[type=radio] {
  display:none
}
.switch label input[type=radio]:checked~span {
  background-color:#000;
  border-color:#000;
  color:#fff
}
input[type=text].border-type {
  width:100%;
  padding:18px 20px;
  border:1px solid #ddd;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:2px
}
.wrap {
  --header-height: 70px;
  --submenu-height: 100px
}
header {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:1000;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  height:var(--header-height);
  background-color:rgba(0, 0, 0, .7);
  -webkit-transition:all .3s .5s ease-in-out;
  transition:all .3s .5s ease-in-out
}
header.scrolled {
  -webkit-transform:translateY(calc(var(--header-height) * -1));
  transform:translateY(calc(var(--header-height) * -1))
}
header>.logo {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:absolute;
  left:20px;
  top:50%;
  margin-top:-15px;
  height:30px
}
header>.logo img {
  width:auto
}
header>.logo .symbol {
  height:30px
}
header>.logo .logotype {
  height:14px
}
header .navigation {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:var(--header-height)
}
header .navigation>li>a {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  height:100%;
  padding:10px 20px;
  font-size:16px;
  font-weight:700;
  color:#fff
}
header .navigation>li>a[target=_blank]::after {
  content:"";
  display:inline-block;
  width:18px;
  height:18px;
  margin-left:8px;
  background-color:#fff;
  -webkit-mask-image:url(../icons/icon_extlink.svg);
  mask-image:url(../icons/icon_extlink.svg);
  -webkit-mask-position:center center;
  mask-position:center center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain
}
header .navigation>li>a.active {
  color:#ff0037
}
header .navigation>li.current>a {
  color:#ff0037
}
header .navigation>li.current>a[target=_blank]::after {
  background-color:#ff0037;
  -webkit-mask-image:url(../icons/icon_extlink.svg);
  mask-image:url(../icons/icon_extlink.svg);
  -webkit-mask-position:center center;
  mask-position:center center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain
}
header .navigation>li.current .submenu {
  pointer-events:all
}
header .submenu {
  position:absolute;
  top:var(--header-height);
  left:0;
  right:0;
  height:0px;
  overflow:hidden;
  pointer-events:none;
  background-color:rgba(0, 0, 0, .8);
  -webkit-transition:height .3s ease-in-out;
  transition:height .3s ease-in-out;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
header .submenu::after {
  content:"";
  position:absolute;
  display:block;
  left:0;
  top:0;
  width:100%;
  border-bottom:1px solid rgba(255, 255, 255, .15)
}
header .submenu ul li {
  display:inline-block
}
header .submenu ul li+li {
  margin-left:10px
}
header .submenu ul li a {
  display:block;
  padding:10px;
  font-size:14px;
  font-weight:700;
  color:#fff
}
header .submenu ul li a.active {
  color:#ff0037
}
header .submenu#subProduct ul {
  margin-left:80px;
  margin-right:80px
}
header .submenu#subProduct .major-product {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
header .submenu#subProduct .major-product img {
  height:100%;
  width:auto
}
header .submenu#subProduct .major-product p {
  font-size:14px;
  font-weight:700;
  color:#989da1;
  margin-left:16px
}
header .toggle-menu {
  display:none
}
@media only screen and (min-width: 721px) {
  header .navigation>li:hover>a {
  color:#ff0037
}
header .navigation>li:hover>a[target=_blank]::after {
  background-color:#ff0037;
  -webkit-mask-image:url(../icons/icon_extlink.svg);
  mask-image:url(../icons/icon_extlink.svg);
  -webkit-mask-position:center center;
  mask-position:center center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain
}
header .navigation>li:hover .submenu {
  height:50px;
  pointer-events:all
}
header .navigation>li:hover .submenu#subProduct {
  height:var(--submenu-height)
}
header .navigation>li:hover .submenu ul li a:hover {
  color:#ff0037
}
header .navigation>li.current .submenu {
  height:50px;
  pointer-events:all
}
header .navigation>li.current .submenu#subProduct {
  height:var(--submenu-height)
}
header .navigation .menu-term {
  display:none
}
}
@media only screen and (max-width: 720px) {
  .wrap {
  --header-height: 60px
}
header {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  padding-left:16px;
  overflow:hidden;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  -webkit-transition-delay:0s;
  transition-delay:0s
}
header.scrolled {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
header>.logo {
  position:static;
  margin-top:9px;
  height:42px
}
header>.logo .symbol {
  height:100%
}
header>.logo .logotype {
  display:none
}
header .navigation {
  position:absolute;
  left:0;
  width:100%;
  top:60px;
  bottom:0;
  display:block;
  height:auto;
  border-top:1px solid rgba(255, 255, 255, .1);
  overflow-y:auto
}
header .navigation>li {
  width:100%;
  text-align:center
}
header .navigation>li+li {
  border-top:1px solid rgba(255, 255, 255, .1)
}
header .navigation>li>a {
  display:inline-block;
  padding-top:14px;
  padding-bottom:14px;
  font-size:20px
}
header .navigation .menu-term {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:20px
}
header .navigation .menu-term>a {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  font-size:14px;
  font-weight:400;
  color:#989da1;
  word-break:keep-all;
  padding:4px 20px
}
header .navigation .menu-term>a+a {
  border-left:1px solid rgba(255, 255, 255, .1)
}
header .submenu {
  display:block;
  position:static;
  height:auto;
  background-color:rgba(0, 0, 0, 0);
  -webkit-transition:none;
  transition:none;
  padding-bottom:10px;
  pointer-events:all
}
header .submenu::after {
  content:none
}
header .submenu ul li {
  display:block
}
header .submenu ul li+li {
  margin-left:0
}
header .submenu ul li a {
  display:inline-block;
  padding:10px;
  font-size:15px;
  font-weight:500
}
header .submenu#subProduct ul {
  margin-left:0;
  margin-right:0
}
header .submenu#subProduct .major-product, header .submenu#subProduct>.btn {
  display:none
}
header .toggle-menu {
  display:block;
  width:64px;
  height:64px;
  cursor:pointer
}
.menu-active .wrap {
  --header-height: 100%;
  position:fixed;
  top:0;
  left:0;
  overflow:hidden;
  width:100%;
  height:100%;
  padding:var(--safeTop) 0 var(--safeBtm)
}
.menu-active .hamburger>span {
  -webkit-transition-delay:.12s;
  transition-delay:.12s;
  -webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform:rotate(225deg);
  transform:rotate(225deg)
}
.menu-active .hamburger>span::before {
  top:0;
  -webkit-transition:top .1s ease-out, opacity .1s ease-out .12s;
  transition:top .1s ease-out, opacity .1s ease-out .12s;
  opacity:0
}
.menu-active .hamburger>span::after {
  bottom:0;
  -webkit-transition:bottom .1s ease-out, -webkit-transform .22s cubic-bezier(0.215, 0.61, 0.355, 1) .12s;
  transition:bottom .1s ease-out, -webkit-transform .22s cubic-bezier(0.215, 0.61, 0.355, 1) .12s;
  transition:bottom .1s ease-out, transform .22s cubic-bezier(0.215, 0.61, 0.355, 1) .12s;
  transition:bottom .1s ease-out, transform .22s cubic-bezier(0.215, 0.61, 0.355, 1) .12s, -webkit-transform .22s cubic-bezier(0.215, 0.61, 0.355, 1) .12s;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg)
}
}
.hamburger {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  width:30px;
  height:30px;
  -webkit-transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition-duration:.22s;
  transition-duration:.22s
}
.hamburger>span {
  top:50%;
  display:block;
  margin-top:-2px;
  left:50%;
  margin-left:-10px
}
.hamburger>span::before {
  content:"";
  display:block;
  top:-7px;
  -webkit-transition:top .1s ease-in .25s, opacity .1s ease-in;
  transition:top .1s ease-in .25s, opacity .1s ease-in
}
.hamburger>span::after {
  content:"";
  display:block;
  bottom:-7px;
  -webkit-transition:bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition:bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition:bottom .1s ease-in .25s, transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition:bottom .1s ease-in .25s, transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger>span, .hamburger>span::before, .hamburger>span::after {
  position:absolute;
  height:2px;
  width:20px;
  background-color:#fff;
  -webkit-transition-timing-function:ease;
  transition-timing-function:ease;
  -webkit-transition-duration:.15s;
  transition-duration:.15s;
  -webkit-transition-property:-webkit-transform;
  transition-property:-webkit-transform;
  transition-property:transform;
  transition-property:transform, -webkit-transform
}
.modal {
  position:fixed;
  top:50%;
  left:50%;
  width:calc(100% - var(--sidePadding));
  height:auto;
  max-width:640px;
  max-height:calc(100% - var(--sidePadding)*2);
  padding:0;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  opacity:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-flow:column;
  flex-flow:column;
  overflow:hidden;
  pointer-events:none;
  background:#24282c;
  border-radius:var(--radius-sm);
  -webkit-transition:opacity 300ms linear, -webkit-transform 300ms ease-in-out;
  transition:opacity 300ms linear, -webkit-transform 300ms ease-in-out;
  transition:transform 300ms ease-in-out, opacity 300ms linear;
  transition:transform 300ms ease-in-out, opacity 300ms linear, -webkit-transform 300ms ease-in-out
}
.modal .modal-close {
  position:absolute;
  top:calc(var(--safeTop) + 10px);
  right:10px;
  overflow:hidden;
  width:1.875rem;
  height:1.875rem;
  font-size:0;
  text-indent:-9999px;
  background-color:#989da1;
  -webkit-mask-image:url(../icons/icon_close.svg);
  mask-image:url(../icons/icon_close.svg);
  -webkit-mask-position:center center;
  mask-position:center center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain
}
.modal .modal-header, .modal .modal-contents, .modal .modal-footer {
  padding-left:var(--sidePadding);
  padding-right:var(--sidePadding)
}
.modal .modal-header {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  height:3.125rem;
  -ms-flex-negative:0;
  flex-shrink:0
}
.modal .modal-header[data-border=true] {
  border-bottom:1px solid #3d4348
}
.modal .modal-header[data-align=center] {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  text-align:center
}
.modal .modal-container {
  -webkit-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  overflow-y:auto;
  min-height:1px;
  max-height:100vh;
  padding:0 0 30px;
  -webkit-overflow-scrolling:touch;
  min-height:6.25rem
}
.modal .modal-contents p {
  font-size:0.875rem
}
.modal .modal-contents video {
  display:block;
  width:100%;
  height:auto
}
.modal .modal-footer {
  padding-top:1.25rem;
  padding-bottom:1.25rem
}
.modal .modal-footer .btn-group {
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end
}
.modal[data-size=full] {
  top:0;
  left:0;
  padding:var(--safeTop) 0 var(--safeBtm);
  -webkit-transform:translateY(100%);
  transform:translateY(100%);
  width:100%;
  height:100%;
  max-width:100%;
  opacity:1
}
.modal[data-size=sm] {
  max-width:480px
}
.modal[data-size=sm] .modal-header {
  height:auto
}
.modal[data-size=sm] .modal-container {
  padding-top:1.875rem;
  padding-bottom:1.25rem
}
.modal[data-size=sm] .modal-footer {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  height:3.75rem
}
.modal[data-nopadding] .modal-container, .modal[data-nopadding] .modal-contents {
  padding:0 !important
}
.modal.open {
  pointer-events:all;
  opacity:1
}
.modal.open[data-size=full] {
  -webkit-transition-delay:0s;
  transition-delay:0s;
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
.modal.open[data-effect=none] {
  -webkit-transition-duration:0ms !important;
  transition-duration:0ms !important
}
@media only screen and (max-width: 720px) {
  .modal {
  max-height:calc(100% - var(--sidePadding)*2 - var(--safeTop) - var(--safeBtm));
  max-width:85%
}
.modal[data-size=sm] {
  max-width:60%
}
.modal[data-size=sm] .modal-container {
  padding-top:1.25rem;
  padding-bottom:0.875rem
}
.modal[data-size=sm] .modal-footer {
  height:2.5rem
}
}
.dimmed {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0);
  -webkit-transition:background-color 1000ms ease-in-out 0s;
  transition:background-color 1000ms ease-in-out 0s
}
.dimmed-wrap {
  overflow:hidden
}
.dimmed-wrap>.dimmed {
  background:rgba(0, 0, 0, .8)
}
body>.dimmed {
  top:0;
  right:0;
  bottom:0;
  left:0
}
body.dimmed-wrap>.dimmed {
  background:rgba(0, 0, 0, .8)
}
body.modal-open {
  position:relative;
  height:100vh
}
body.modal-open .wrap {
  position:fixed;
  top:0;
  left:0;
  overflow:hidden;
  width:100%;
  height:100%;
  padding:var(--safeTop) 0 var(--safeBtm)
}
.banner {
  padding:0 var(--sidePadding) 100px;
  text-align:center
}
.banner a {
  display:inline-block;
  max-width:1080px
}
@media only screen and (max-width: 720px) {
  .banner {
  padding:0
}
.banner a {
  display:block
}
}
.footer {
  padding-top:40px;
  padding-bottom:60px;
  border-top:1px solid #24282c
}
.footer .container {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
}
.footer a {
  color:inherit
}
.footer .footer-logo {
  width:86px
}
.footer .footer-menu {
  margin-left:36px
}
.footer .footer-menu ul {
  line-height:1
}
.footer .footer-menu ul li {
  display:inline-block
}
.footer .footer-menu ul li+li {
  margin-left:30px
}
.footer .footer-menu a {
  font-size:14px;
  font-weight:500;
  color:#989da1
}
.footer .footer-menu a:hover {
  color:#caced2
}
.footer .footer-menu .copyrights {
  margin-top:14px;
  font-size:12px;
  color:#555c62
}
.footer .footer-channel {
  margin-left:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.footer .footer-channel a {
  display:block;
  width:50px;
  height:50px;
  border-radius:50%;
  background-image:url("../images/sprite_channel.png");
  background-size:150px 100px;
  background-repeat:no-repeat;
  text-indent:-9999px;
  font-size:0
}
.footer .footer-channel a+a {
  margin-left:15px
}
.footer .footer-channel a#channelYoutube {
  background-position-x:-50px
}
.footer .footer-channel a#channelInstagram {
  background-position-x:-100px
}
.footer .footer-channel a:hover {
  background-position-y:-50px
}
@media only screen and (max-width: 720px) {
  .footer {
  padding-top:20px;
  padding-bottom:20px
}
.footer .container {
  position:relative;
  display:block
}
.footer .footer-logo {
  width:100px
}
.footer .footer-menu {
  margin-left:0
}
.footer .footer-menu ul {
  display:none
}
.footer .footer-menu .copyrights {
  margin-top:14px;
  font-size:11px;
  letter-spacing:-0.04em
}
.footer .footer-channel {
  position:absolute;
  top:20px;
  right:20px;
  margin-top:-25px
}
.footer .footer-channel a {
  width:32px;
  height:32px;
  background-size:96px 64px
}
.footer .footer-channel a+a {
  margin-left:10px
}
.footer .footer-channel a#channelYoutube {
  background-position-x:-32px
}
.footer .footer-channel a#channelInstagram {
  background-position-x:-64px
}
.footer .footer-channel a:hover, .footer .footer-channel a:active {
  background-position-y:-32px
}
}
[class^=page-] section .container {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  height:100%
}
[class^=page-] section .content {
  width:50%
}
[class^=page-] section[data-direction=right] .container {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse
}
[class^=page-] section[data-invert] h2, [class^=page-] section[data-invert] h3, [class^=page-] section[data-invert] h4, [class^=page-] section[data-invert] p {
  color:#0b0b0c
}
[class^=page-] section h2 {
  font-size:48px;
  font-weight:700;
  margin-bottom:20px
}
[class^=page-] section h3 {
  font-size:32px;
  font-weight:700;
  color:#fff
}
[class^=page-] section p {
  font-size:16px;
  color:#fff;
  margin-top:18px;
  word-break:keep-all
}
[class^=page-] section .btn {
  margin-top:50px
}
@media only screen and (min-width: 721px)and (max-width: 1280px) {
  [class^=page-] section h2 {
  font-size:30px;
  margin-bottom:10px
}
[class^=page-] section h3 {
  font-size:20px
}
[class^=page-] section p {
  font-size:14px;
  margin-top:14px
}
[class^=page-] section .btn {
  margin-top:40px
}
}
@media only screen and (max-width: 720px) {
  [class^=page-] section .content {
  width:100%
}
[class^=page-] section[data-direction=right] .container {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row
}
[class^=page-] section[data-invert] h2, [class^=page-] section[data-invert] h3, [class^=page-] section[data-invert] h4, [class^=page-] section[data-invert] p {
  color:#0b0b0c
}
[class^=page-] section h2 {
  font-size:24px;
  font-weight:700;
  margin-bottom:20px
}
[class^=page-] section h3 {
  font-size:18px
}
[class^=page-] section p {
  font-size:12px;
  margin-top:10px
}
[class^=page-] section .btn {
  margin-top:20px
}
}
table {
  border-top:1px solid #989da1;
  border-left:1px solid #989da1
}
table[data-fixed=true] {
  width:100%;
  table-layout:fixed
}
table th, table td {
  padding:0.625rem 1rem;
  font-size:0.875rem;
  color:#24282c;
  line-height:1.5;
  text-align:left;
  vertical-align:middle;
  word-break:keep-all;
  border-right:1px solid #989da1;
  border-bottom:1px solid #989da1
}
table thead th {
  font-weight:500;
  color:#3d4348;
  background-color:#f2f4f5
}
.table-wide {
  padding:0 var(--sidePadding);
  margin:0 calc(var(--sidePadding)*-1);
  overflow-x:auto;
  width:calc(100% + var(--sidePadding)*2);
  white-space:nowrap
}
.table-wide table {
  min-width:600px
}
.keyvisual {
  background-color:#1e2226;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  text-align:center;
  height:720px
}
.keyvisual h1 {
  font-family:"BebasNeue";
  font-size:160px;
  letter-spacing:.5rem;
  color:#fff;
  line-height:1;
  -webkit-animation:keyVisualTitle 2s cubic-bezier(0.4, 0, 0.16, 1) forwards;
  animation:keyVisualTitle 2s cubic-bezier(0.4, 0, 0.16, 1) forwards
}
.keyvisual h2 {
  font-size:32px;
  color:#fff;
  margin-top:20px;
  word-break:keep-all;
  -webkit-animation:keyVisualText 1s 2s ease-out both;
  animation:keyVisualText 1s 2s ease-out both
}
.keyvisual .desc {
  margin-top:30px;
  padding:0
}
.keyvisual p {
  font-size:16px;
  color:#fff;
  -webkit-animation:keyVisualText 1s 2.5s ease-out both;
  animation:keyVisualText 1s 2.5s ease-out both
}
.keyvisual p+p {
  margin-top:10px
}
.keyvisual p:nth-child(2) {
  -webkit-animation-delay:2.6s;
  animation-delay:2.6s
}
.keyvisual p:nth-child(3) {
  -webkit-animation-delay:2.7s;
  animation-delay:2.7s
}
.keyvisual p:nth-child(4) {
  -webkit-animation-delay:2.8s;
  animation-delay:2.8s
}
.keyvisual p:nth-child(5) {
  -webkit-animation-delay:2.9s;
  animation-delay:2.9s
}
.keyvisual p:nth-child(6) {
  -webkit-animation-delay:3s;
  animation-delay:3s
}
.keyvisual p:nth-child(7) {
  -webkit-animation-delay:3.1s;
  animation-delay:3.1s
}
.keyvisual p:nth-child(8) {
  -webkit-animation-delay:3.2s;
  animation-delay:3.2s
}
.keyvisual p:nth-child(9) {
  -webkit-animation-delay:3.3s;
  animation-delay:3.3s
}
.keyvisual p:nth-child(10) {
  -webkit-animation-delay:3.4s;
  animation-delay:3.4s
}
.keyvisual[data-size=sm] {
  height:560px
}
.keyvisual[data-size=sm] h1 {
  font-size:100px
}
.keyvisual[data-expand] {
  height:auto
}
@media only screen and (min-width: 1281px)and (max-width: 1440px) {
  .keyvisual {
  height:640px
}
.keyvisual[data-size=sm] {
  height:480px
}
.keyvisual[data-size=sm] h1 {
  font-size:90px
}
}
@media only screen and (min-width: 721px)and (max-width: 1280px) {
  .keyvisual {
  height:560px
}
.keyvisual h1 {
  font-size:120px
}
.keyvisual h2 {
  font-size:28px;
  margin-top:16px
}
.keyvisual .desc {
  margin-top:24px
}
.keyvisual p {
  font-size:14px
}
.keyvisual p+p {
  margin-top:6px
}
.keyvisual[data-size=sm] {
  height:560px
}
.keyvisual[data-size=sm] h1 {
  font-size:70px
}
}
@media only screen and (max-width: 720px) {
  .keyvisual {
  height:360px;
  padding:50px 14% 0
}
.keyvisual[data-size=sm] {
  height:280px
}
.keyvisual[data-size=sm] h1 {
  font-size:50px
}
.keyvisual h1 {
  font-size:50px;
  letter-spacing:.1rem
}
.keyvisual h2 {
  font-size:16px;
  margin-top:14px
}
.keyvisual .desc {
  margin-top:18px
}
.keyvisual p {
  font-size:12px
}
.keyvisual p+p {
  margin-top:4px
}
.keyvisual p br {
  display:none
}
}
@-webkit-keyframes keyVisualTitle {
  from {
  letter-spacing:100px;
  opacity:0
}
}
@keyframes keyVisualTitle {
  from {
  letter-spacing:100px;
  opacity:0
}
}
@-webkit-keyframes keyVisualText {
  from {
  -webkit-transform:translateY(20px);
  transform:translateY(20px);
  opacity:0
}
}
@keyframes keyVisualText {
  from {
  -webkit-transform:translateY(20px);
  transform:translateY(20px);
  opacity:0
}
}
@media only screen and (min-width: 721px) {
  .page-product .keyvisual, .page-hardware .keyvisual, .page-technology .keyvisual, .page-specification .keyvisual, .page-accessories .keyvisual {
  padding-top:calc(var(--header-height) + var(--submenu-height))
}
}
.video-bg {
  position:fixed;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  min-width:100%;
  min-height:100%;
  width:auto;
  height:auto
}
.page-home {
  position:relative;
  z-index:20;
  width:100%;
  height:100%
}
.page-home section {
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  text-align:center
}
.page-home section[data-anchor=section1] h2 {
  font-size:28px;
  font-weight:700;
  margin-bottom:18px
}
.page-home section[data-anchor=section1] img {
  width:auto;
  height:66px
}
.page-home section .catchphraze p {
  font-size:20px;
  font-weight:700;
  line-height:1.6
}
.page-home section .catchphraze p+p {
  margin-top:32px
}
.page-home section .catchphraze a {
  margin-top:80px
}
.page-home+.footer {
  position:absolute;
  z-index:30;
  left:0;
  right:0;
  width:100%;
  bottom:0;
  border-top:none;
  margin-top:0
}
@media only screen and (max-width: 720px) {
  .page-home section[data-anchor=section1] h2 {
  font-size:20px;
  margin-bottom:12px
}
.page-home section[data-anchor=section1] img {
  height:40px;
  margin-bottom:20px
}
.page-home section .catchphraze {
  padding:0 var(--sidePadding)
}
.page-home section .catchphraze br {
  display:none
}
.page-home section .catchphraze p {
  font-size:14px
}
.page-home section .catchphraze p+p {
  margin-top:20px
}
.page-home section .catchphraze a {
  margin-top:40px
}
.page-home+.footer::before {
  content:"";
  display:block;
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:100%;
  background:-webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background:linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%)
}
}
.features-divide {
  border-top:1px solid #555c62;
  border-bottom:1px solid #555c62;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.features-divide>div {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  width:50%
}
.features-divide>div+div {
  border-left:1px solid #555c62
}
.features-divide .container {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.features-divide .container>div {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  width:50%
}
.features-divide .container>div+div {
  border-left:1px solid #555c62
}
.features-divide img {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.features-divide .text {
  padding:0 10% 100px
}
.features-divide h3 {
  font-size:32px;
  font-weight:700
}
.features-divide p {
  font-size:16px;
  margin-top:16px
}
.features-divide .btn {
  margin-top:40px
}
@media only screen and (max-width: 720px) {
  .features-divide {
  display:block
}
.features-divide>div {
  width:100%
}
.features-divide>div+div {
  border-top:1px solid #555c62;
  border-left:none
}
.features-divide .text {
  padding:0 var(--sidePadding) 40px
}
.features-divide h3 {
  font-size:20px
}
.features-divide p {
  font-size:12px;
  margin-top:10px
}
.features-divide p br {
  display:none
}
.features-divide .btn {
  margin-top:20px
}
}
.next-page {
  padding:100px 0;
  text-align:center
}
@media only screen and (min-width: 721px)and (max-width: 1280px) {
  .next-page {
  padding-top:60px;
  padding-bottom:60px
}
}
@media only screen and (max-width: 720px) {
  .next-page {
  padding-top:30px;
  padding-bottom:30px
}
}
.features-parts {
  margin-left:auto;
  margin-right:auto;
  padding:0 var(--sidePadding);
  text-align:center;
  --diagonal-size: 140px;
  --diagonal-margin: 20px;
  --diagonal-spot: 18px;
  --diagonal-spot-border: 6px;
  --feature-width: 520px
}
.features-parts .img-area {
  position:relative;
  display:inline-block
}
.features-parts .img-area>img {
  width:auto;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.features-parts .part {
  position:absolute
}
.features-parts .part::before {
  content:"";
  display:block;
  position:absolute;
  right:0;
  bottom:0;
  width:calc(var(--diagonal-size)*1.4);
  border-top:1px solid #ff0037;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%
}
.features-parts .part::after {
  content:"";
  display:block;
  position:absolute;
  right:calc(var(--diagonal-spot)*-0.5);
  top:calc(var(--diagonal-spot)*-0.5);
  width:var(--diagonal-spot);
  height:var(--diagonal-spot);
  border:var(--diagonal-spot-border) solid #ff0037;
  background-color:#fff;
  border-radius:50%
}
.features-parts .part .feature {
  position:absolute;
  top:calc(var(--diagonal-size)*-1 - 25px);
  right:calc(var(--diagonal-size) + var(--diagonal-margin));
  width:var(--feature-width);
  text-align:right
}
.features-parts .part .feature h3 {
  font-size:36px;
  font-weight:700
}
.features-parts .part .feature p {
  font-size:16px;
  line-height:1.6;
  margin-top:10px
}
.features-parts .part .feature img {
  margin-top:20px
}
.features-parts .part[data-direction=right]::before {
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg)
}
.features-parts .part[data-direction=right]::after {
  right:auto !important;
  left:calc(var(--diagonal-spot)*-0.5)
}
.features-parts .part[data-direction=right] .feature {
  text-align:left;
  right:auto !important;
  left:calc(var(--diagonal-size) + var(--diagonal-margin))
}
.features-parts .part[data-direction=right][data-horizontal]::before {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
}
.features-parts .part[data-direction=right][data-horizontal] .feature {
  left:calc(var(--diagonal-size)*1.4 + var(--diagonal-margin))
}
.features-parts .part[data-horizontal]::before {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
}
.features-parts .part[data-horizontal] .feature {
  top:-25px;
  right:calc(var(--diagonal-size)*1.4 + var(--diagonal-margin))
}
@media only screen and (min-width: 1281px)and (max-width: 1440px) {
  .features-parts {
  --diagonal-size: 130px;
  --feature-width: 440px
}
}
@media only screen and (min-width: 721px)and (max-width: 1280px) {
  .features-parts {
  --diagonal-size: 100px;
  --feature-width: 360px
}
.features-parts .part .feature h3 {
  font-size:20px
}
.features-parts .part .feature p {
  font-size:14px;
  margin-top:10px
}
.features-parts .part[data-horizontal] .feature {
  top:-25px
}
}
@media only screen and (max-width: 720px) {
  .features-parts {
  --diagonal-size: 40px;
  --diagonal-margin: 4px;
  --diagonal-spot: 8px;
  --diagonal-spot-border: 3px;
  --feature-width: 120px;
  padding:0 54px
}
.features-parts .part .feature h3 {
  font-size:16px
}
.features-parts .part .feature p {
  font-size:10px;
  line-height:1.3;
  margin-top:6px
}
.features-parts .part .feature img {
  display:none
}
.features-parts .part[data-horizontal] .feature {
  top:-25px
}
}
.prd-detail {
  padding:160px 0
}
.prd-detail .container {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.prd-detail .prd-img {
  -webkit-box-flex:1;
  -ms-flex:1 0 auto;
  flex:1 0 auto;
  width:var(--prd-width);
  margin-right:5%
}
.prd-detail .prd-info .prd-name, .prd-detail .prd-info .prd-model {
  font-weight:700;
  color:#ff0037
}
.prd-detail .prd-info .prd-name {
  font-size:32px
}
.prd-detail .prd-info .prd-model {
  font-size:48px
}
.prd-detail .prd-info p {
  font-size:14px;
  color:#fff;
  line-height:1.6
}
.prd-detail .prd-info p+p {
  margin-top:16px
}
.prd-detail .prd-info .list {
  margin-top:16px
}
.prd-detail .prd-info .spec {
  width:100%;
  margin-top:50px;
  table-layout:fixed;
  border:none
}
.prd-detail .prd-info .spec th, .prd-detail .prd-info .spec td {
  font-size:16px;
  border-right:none;
  border-bottom:1px solid #3d4348;
  padding:11px 0;
  text-align:left
}
.prd-detail .prd-info .spec th {
  font-weight:700;
  color:#989da1;
  width:30%
}
.prd-detail .prd-info .spec td {
  color:#fff
}
@media only screen and (min-width: 721px)and (max-width: 1280px) {
  .prd-detail {
  padding-top:60px;
  padding-bottom:60px
}
}
@media only screen and (max-width: 720px) {
  .prd-detail {
  padding:40px 0
}
.prd-detail .container {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.prd-detail .prd-img {
  margin-right:0;
  margin-bottom:30px
}
.prd-detail .prd-info .prd-name {
  font-size:20px
}
.prd-detail .prd-info .prd-model {
  font-size:20px
}
.prd-detail .prd-info p {
  font-size:12px
}
.prd-detail .prd-info p+p {
  margin-top:10px
}
.prd-detail .prd-info .list {
  margin-top:10px
}
.prd-detail .prd-info .spec {
  margin-top:20px
}
.prd-detail .prd-info .spec th, .prd-detail .prd-info .spec td {
  font-size:12px;
  padding:8px 0
}
}
.group-title {
  font-size:32px;
  font-weight:700;
  text-align:center;
  padding:80px 0 20px
}
.page-product section {
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  height:660px
}
.page-product section#product_hardware {
  background-image:url("../images/product_01.jpg")
}
.page-product section#product_technology {
  background-image:url("../images/product_02.jpg")
}
.page-product section#product_app {
  background-image:url("../images/product_03.jpg")
}
.page-product section#product_story {
  background-image:url("../images/product_04.jpg")
}
@media only screen and (min-width: 721px)and (max-width: 1280px) {
  .page-product section {
  height:500px
}
}
@media only screen and (max-width: 720px) {
  .page-product section {
  height:auto;
  background-position-y:top;
  width:calc(100% - var(--sidePadding));
  margin:20px auto;
  border:1px solid #333
}
.page-product section#product_hardware {
  background-image:url("../images/product_01_m.jpg");
  background-color:#000
}
.page-product section#product_technology {
  background-image:url("../images/product_02_m.jpg");
  background-color:#101111
}
.page-product section#product_app {
  background-image:url("../images/product_03_m.jpg");
  background-color:#101111
}
.page-product section#product_story {
  background-image:url("../images/product_04_m.jpg");
  background-color:#101111
}
.page-product section .container {
  padding-top:80%;
  padding-bottom:20px
}
.page-product section .container .content p br {
  display:none
}
}
.page-hardware .features-parts {
  margin-top:250px;
  margin-bottom:180px
}
@media only screen and (min-width: 1281px)and (max-width: 1440px) {
  .page-hardware .features-parts {
  margin-top:180px;
  margin-bottom:120px
}
.page-hardware .features-parts .img-area>img {
  height:1000px
}
}
@media only screen and (min-width: 721px)and (max-width: 1280px) {
  .page-hardware .features-parts {
  margin-top:160px;
  margin-bottom:100px
}
.page-hardware .features-parts .img-area>img {
  height:800px
}
}
@media only screen and (max-width: 720px) {
  .page-hardware .features-parts {
  margin-top:60px;
  margin-bottom:40px;
  --diagonal-size: 46px;
  --feature-width: 180px;
  text-align:left
}
.page-hardware .features-parts .part::before {
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg)
}
.page-hardware .features-parts .part::after {
  right:auto;
  left:calc(var(--diagonal-spot)*-0.5)
}
.page-hardware .features-parts .part .feature {
  text-align:left;
  right:auto;
  left:calc(var(--diagonal-size) + var(--diagonal-margin))
}
.page-hardware .features-parts .img-area>img {
  height:400px
}
}
.page-technology {
  --tech-ratio: 1;
  --tech-height: 900px;
  --tech-kv-margin: 170px;
  --tech-banner-margin: 200px
}
.page-technology .keyvisual {
  padding-top:100px;
  margin-bottom:calc(var(--tech-kv-margin)*var(--tech-ratio))
}
.page-technology section {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-position-x:right;
  background-repeat:no-repeat;
  height:calc(var(--tech-height)*var(--tech-ratio))
}
.page-technology section#tech_01 {
  background-image:url("../images/tech_01.jpg")
}
.page-technology section#tech_02 {
  background-image:url("../images/tech_02.jpg")
}
.page-technology section[data-direction=right] {
  background-position-x:left
}
.page-technology section[data-direction=right] .container {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse
}
.page-technology section h2 {
  color:#ff0037
}
.page-technology section#tech_01 {
  border-bottom:1px solid #555c62
}
.page-technology section#tech_01 .content {
  max-width:36%
}
.page-technology section#tech_02 .content {
  max-width:40%
}
.page-technology .features-divide .text {
  margin-top:-100px
}
.page-technology .banner {
  margin-top:calc(var(--tech-banner-margin)*var(--tech-ratio))
}
@media only screen and (min-width: 1281px)and (max-width: 1440px) {
  .page-technology {
  --tech-ratio: 0.8
}
.page-technology section {
  background-size:contain
}
}
@media only screen and (min-width: 721px)and (max-width: 1280px) {
  .page-technology {
  --tech-ratio: 0.5
}
.page-technology section {
  background-size:contain
}
.page-technology .banner {
  margin-top:200px
}
}
@media only screen and (max-width: 720px) {
  .page-technology {
  --tech-ratio: 0.5;
  --tech-height: auto
}
.page-technology section {
  background-size:contain;
  background-position-y:top
}
.page-technology section#tech_01 .content, .page-technology section#tech_02 .content {
  max-width:100%
}
.page-technology section .container {
  padding-top:60%;
  padding-bottom:20px
}
.page-technology section .container .content p br {
  display:none
}
.page-technology .banner {
  margin-top:0
}
}
.page-specification .prd-detail {
  --prd-width: 300px
}
.page-specification .prd-detail .container {
  max-width:1240px
}
.page-specification .prd-detail .prd-img {
  font-size:0
}
.page-specification .prd-detail .prd-img img {
  display:inline-block;
  width:50%
}
@media only screen and (max-width: 720px) {
  .page-specification .prd-detail {
  --prd-width: 80px
}
.page-specification .prd-detail .prd-info .spec th {
  width:40%
}
}
.page-accessories .prd-intro {
  padding:200px 0 60px;
  text-align:center;
  border-bottom:1px solid #555c62
}
.page-accessories .prd-intro h2 {
  font-family:"BebasNeue";
  font-size:60px;
  letter-spacing:0
}
.page-accessories .prd-intro p {
  font-size:24px
}
.page-accessories .prd-detail {
  --prd-width: 560px;
  border-bottom:1px solid #555c62;
  padding:80px 0
}
.page-accessories .prd-detail .prd-info .prd-name+p {
  margin-top:16px
}
.page-accessories .prd-detail .list li {
  font-size:14px
}
.page-accessories .prd-detail .spec {
  margin-top:30px
}
.page-accessories .prd-detail .spec th, .page-accessories .prd-detail .spec td {
  font-size:14px;
  padding:10px 0
}
.page-accessories .prd-detail .btn {
  margin-top:30px
}
@media only screen and (max-width: 720px) {
  .page-accessories .prd-intro {
  padding:40px var(--sidePadding)
}
.page-accessories .prd-intro h2 {
  font-size:40px
}
.page-accessories .prd-intro p {
  font-size:13px
}
.page-accessories .prd-intro p br {
  display:none
}
.page-accessories .prd-detail {
  --prd-width: 80%;
  padding:30px 0 60px
}
.page-accessories .prd-detail .prd-info p {
  line-height:1.4
}
.page-accessories .prd-detail .prd-info .prd-name+p {
  margin-top:10px
}
.page-accessories .prd-detail .list li {
  font-size:12px
}
.page-accessories .prd-detail .spec {
  margin-top:20px
}
.page-accessories .prd-detail .spec th, .page-accessories .prd-detail .spec td {
  font-size:11px;
  padding:8px 0
}
.page-accessories .prd-detail .btn {
  margin-top:20px
}
}
.page-app .features-parts {
  margin-top:200px;
  margin-bottom:180px
}
.page-app .features-parts .prd-title {
  margin-bottom:50px
}
.page-app .features-parts .prd-title h2 {
  font-size:48px;
  color:#ff0037
}
.page-app .features-parts .prd-title p {
  margin-top:26px;
  font-size:16px
}
.page-app .features-parts .img-area-mobile {
  display:none
}
.page-app .app-download {
  padding:140px 0 160px
}
.page-app .app-download>.container {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.page-app .app-download h3 {
  font-size:36px;
  margin-bottom:30px
}
.page-app .app-download .btn-area {
  width:auto
}
.page-app .app-download .btn-area .btn+.btn {
  margin-left:20px
}
.page-app .app-download .btn {
  padding-top:20px;
  padding-bottom:20px
}
.page-app .app-download .btn img {
  width:auto;
  height:36px
}
@media only screen and (min-width: 1281px)and (max-width: 1440px) {
  .page-app .features-parts {
  margin-top:140px;
  margin-bottom:120px
}
.page-app .features-parts .img-area>img {
  height:720px
}
}
@media only screen and (min-width: 721px)and (max-width: 1280px) {
  .page-app .features-parts {
  margin-top:120px;
  margin-bottom:100px
}
.page-app .features-parts .img-area>img {
  height:600px
}
}
@media only screen and (max-width: 720px) {
  .page-app .features-parts {
  margin-top:60px;
  margin-bottom:30px;
  --diagonal-size: 46px;
  --feature-width: 180px
}
.page-app .features-parts .prd-title {
  margin-bottom:20px;
  text-align:center
}
.page-app .features-parts .prd-title h2 {
  font-size:24px
}
.page-app .features-parts .prd-title p {
  margin-top:10px;
  font-size:13px
}
.page-app .features-parts .img-area {
  display:none
}
.page-app .features-parts .img-area-mobile {
  display:block;
  position:relative
}
.page-app .app-download {
  padding:60px 0 80px
}
.page-app .app-download h3 {
  font-size:24px;
  margin-bottom:20px
}
.page-app .app-download .btn-area .btn+.btn {
  margin-left:14px
}
.page-app .app-download .btn {
  padding-top:16px;
  padding-bottom:16px
}
.page-app .app-download .btn img {
  height:24px
}
}
.modal[id^=appFeature] .app-feature .img-area {
  margin:0 calc(var(--sidePadding)*-1) 20px
}
.modal[id^=appFeature] .app-feature h3 {
  font-size:1.125rem
}
.modal[id^=appFeature] .app-feature p {
  font-size:0.75rem;
  margin-top:0.375rem
}
.modal[id^=appFeature] .app-feature ol {
  margin-top:0.375rem
}
.modal[id^=appFeature] .app-feature ol li {
  font-size:0.6875rem
}
.modal[id^=appFeature] .app-feature ol li+li {
  margin-top:0.25rem
}
.page-story {
  background-color:#fff
}
.page-story .keyvisual {
  padding-top:300px;
  padding-bottom:240px;
  margin-bottom:200px
}
.page-story .keyvisual .desc {
  margin-top:120px
}
.page-story .keyvisual p {
  font-size:20px;
  line-height:1.6;
  max-width:960px
}
.page-story .story-title {
  font-size:48px;
  font-weight:700;
  color:#0b0b0c;
  margin-bottom:100px;
  text-align:center
}
.page-story .story+.story {
  margin-top:120px
}
.page-story .story:last-child {
  padding-bottom:200px
}
.page-story .story .story-image {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:20px
}
.page-story .story .story-image img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.page-story .story .story-image>div {
  -ms-flex-negative:0;
  flex-shrink:0;
  -ms-flex-preferred-size:0;
  flex-basis:0;
  border-radius:var(--radius);
  overflow:hidden
}
.page-story .story .story-image>div[data-size="1"] {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1
}
.page-story .story .story-image>div[data-size="2"] {
  -webkit-box-flex:2;
  -ms-flex-positive:2;
  flex-grow:2
}
.page-story .story .story-image+.story-text {
  margin-top:40px
}
.page-story .story .story-text {
  text-align:center;
  color:#0b0b0c
}
.page-story .story .story-text h3 {
  font-size:24px;
  margin-bottom:30px
}
.page-story .story .story-text p {
  font-size:18px;
  line-height:1.5;
  color:inherit
}
.page-story .story .story-text .list {
  display:inline-block;
  margin-top:40px
}
.page-story .story .story-text .list>li {
  color:inherit;
  text-align:left
}
.page-story .story .story-text .list>li::before {
  background-color:#0b0b0c
}
@media only screen and (min-width: 721px)and (max-width: 1280px) {
  .page-story .keyvisual {
  padding:140px 10% 120px;
  margin-bottom:160px
}
.page-story .keyvisual .desc {
  margin-top:80px
}
.page-story .keyvisual p {
  font-size:18px
}
}
@media only screen and (max-width: 720px) {
  .page-story .keyvisual {
  padding:100px 10% 60px;
  margin-bottom:100px
}
.page-story .keyvisual .desc {
  margin-top:40px
}
.page-story .keyvisual p {
  font-size:12px;
  max-width:320px
}
.page-story .story-title {
  font-size:24px;
  margin-bottom:20px
}
.page-story .story+.story {
  margin-top:80px
}
.page-story .story:last-child {
  padding-bottom:100px
}
.page-story .story .story-image {
  gap:10px
}
.page-story .story .story-image+.story-text {
  margin-top:20px
}
.page-story .story .story-text h3 {
  font-size:18px;
  margin-bottom:10px
}
.page-story .story .story-text p {
  font-size:12px
}
.page-story .story .story-text p br {
  display:none
}
.page-story .story .story-text .list {
  margin-top:20px
}
.page-story .story .story-text .list li {
  font-size:12px
}
}
.page-design .keyvisual {
  padding-top:300px;
  padding-bottom:900px;
  margin-bottom:100px;
  background-size:100%;
  background-position-y:bottom;
  background-color:#0b0b0c;
  background-image:url("../images/kv_design.jpg")
}
.page-design .keyvisual p {
  font-size:20px;
  line-height:1.6;
  max-width:960px
}
@media only screen and (max-width: 720px) {
  .page-design .keyvisual {
  padding:120px 19% 120px;
  margin-bottom:0;
  background-position-y:center;
  background-image:url("../images/kv_design_m.jpg")
}
.page-design .keyvisual p {
  font-size:12px;
  max-width:320px
}
.page-design .keyvisual p br {
  display:inline
}
}
.page-support .keyvisual {
  margin-bottom:50px
}
.support-section {
  border-bottom:1px solid #3d4348;
  padding:40px 0
}
.support-section>.container {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.support-section>.container>h2 {
  position:relative;
  font-size:24px;
  padding-left:50px;
  margin-right:auto
}
.support-section>.container>h2::before {
  content:"";
  display:block;
  position:absolute;
  left:0;
  top:50%;
  margin-top:-18px;
  width:36px;
  height:36px
}
.support-section .buttons .btn+.btn {
  margin-left:10px
}
.support-section#supportManual h2::before {
  background-color:#fff;
  -webkit-mask-image:url(../icons/icon_support_manual.svg);
  mask-image:url(../icons/icon_support_manual.svg);
  -webkit-mask-position:center center;
  mask-position:center center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain
}
.support-section#supportManual .buttons {
  width:240px
}
.support-section#supportManual .btn i {
  background-color:#fff;
  -webkit-mask-image:url(../icons/icon_download.svg);
  mask-image:url(../icons/icon_download.svg);
  -webkit-mask-position:center center;
  mask-position:center center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain
}
.support-section#supportContact h2::before {
  background-color:#fff;
  -webkit-mask-image:url(../icons/icon_support_contact.svg);
  mask-image:url(../icons/icon_support_contact.svg);
  -webkit-mask-position:center center;
  mask-position:center center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain
}
.support-section#supportContact #contactKakao {
  background-color:#fee500
}
.support-section#supportContact #contactKakao i {
  background-image:url("../icons/icon_contact_kakao.png")
}
.support-section#supportContact #contactInstagram {
  color:#0b0b0c
}
.support-section#supportContact #contactInstagram i {
  background-image:url("../icons/icon_contact_instagram.png")
}
.support-section#supportContact #contactIEmail {
  color:#fff;
  background-color:#555c62
}
.support-section#supportContact #contactIEmail i {
  background-image:url("../icons/icon_contact_email.png")
}
.support-section#supportFaq h2::before {
  background-color:#fff;
  -webkit-mask-image:url(../icons/icon_support_faq.svg);
  mask-image:url(../icons/icon_support_faq.svg);
  -webkit-mask-position:center center;
  mask-position:center center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain
}
.faq-list {
  margin-top:40px
}
.faq-list .question, .faq-list .answer {
  position:relative;
  padding:0 50px
}
.faq-list .question::before, .faq-list .answer::before {
  display:block;
  position:absolute;
  left:4px;
  top:0;
  font-size:24px;
  font-weight:700;
  line-height:1.2
}
.faq-list .question {
  font-size:20px;
  font-weight:700;
  cursor:pointer
}
.faq-list .question::before {
  content:"Q.";
  color:#989da1
}
.faq-list .question::after {
  content:"";
  display:block;
  width:16px;
  height:16px;
  border-right:1px solid #989da1;
  border-bottom:1px solid #989da1;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  position:absolute;
  right:0;
  top:0
}
.faq-list .answer {
  display:none;
  margin-top:30px;
  font-size:16px
}
.faq-list .answer p {
  line-height:1.6;
  margin-bottom:40px;
  word-break:keep-all
}
.faq-list .answer p+p, .faq-list .answer p+img {
  margin-top:40px
}
.faq-list .answer img {
  width:auto;
  max-width:100%;
  margin-bottom:40px
}
.faq-list .answer::before {
  content:"A.";
  color:#ff0037
}
.faq-list li {
  padding:20px 0
}
.faq-list li:hover {
  background-color:#24282c
}
.faq-list li.active {
  background-color:#24282c
}
.faq-list li.active .answer {
  display:block
}
.faq-list li.active .question::after {
  top:10px;
  -webkit-transform:rotate(225deg);
  transform:rotate(225deg)
}
@media only screen and (max-width: 720px) {
  .page-support .keyvisual {
  margin-bottom:30px
}
.support-section {
  padding:20px 0
}
.support-section>.container {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
}
.support-section>.container>h2 {
  font-size:16px;
  padding-left:26px;
  margin-bottom:10px
}
.support-section>.container>h2::before {
  margin-top:-10px;
  width:20px;
  height:20px
}
.support-section .buttons {
  width:100% !important
}
.support-section .buttons .btn {
  display:block;
  width:100%;
  text-align:center
}
.support-section .buttons .btn+.btn {
  margin-left:0;
  margin-top:8px
}
.faq-list {
  margin-top:30px
}
.faq-list .question, .faq-list .answer {
  padding-left:26px
}
.faq-list .question::before, .faq-list .answer::before {
  top:-2px;
  left:2px;
  font-size:18px
}
.faq-list .question {
  font-size:14px;
  padding-right:20px
}
.faq-list .question::after {
  width:12px;
  height:12px
}
.faq-list .answer {
  margin-top:20px;
  font-size:13px;
  padding-right:10px
}
.faq-list .answer p {
  margin-bottom:24px;
  line-height:1.5
}
.faq-list .answer p+p, .faq-list .answer p+img {
  margin-top:20px
}
.faq-list .answer img {
  max-width:80%;
  margin-bottom:24px
}
.faq-list li {
  padding:14px 0
}
.faq-list li.active .question::after {
  top:6px
}
}
.terms ol {
  counter-reset:termsNum
}
.terms ol li {
  font-size:18px;
  font-weight:700;
  line-height:1.6
}
.terms ol li p {
  font-size:16px;
  font-weight:400
}
.terms ol li::before {
  content:counter(termsNum) "."
}
.terms ol li+li {
  margin-top:32px
}
.terms ol li>ol li {
  font-size:16px;
  font-weight:400
}
.terms ol li>ol li p {
  font-size:16px;
  font-weight:400
}
.terms ol li>ol li::before {
  content:counter(termsNum) ")"
}
.terms ol li>ol li+li {
  margin-top:12px
}
.terms ol li>ol li>ol li {
  font-size:16px;
  font-weight:400
}
.terms ol li>ol li>ol li p {
  font-size:16px;
  font-weight:400
}
.terms ol li>ol li>ol li::before {
  content:counter(termsNum);
  font-size:75%;
  border:1px solid #0b0b0c;
  border-radius:50%;
  width:16px;
  height:16px;
  line-height:16px;
  text-align:center;
  text-indent:-1px;
  top:2px
}
.terms ol li>ol li>ol li+li {
  margin-top:8px
}
.terms ol+p {
  margin-top:16px
}
.terms li {
  position:relative;
  padding-left:24px
}
.terms li::before {
  counter-increment:termsNum;
  display:block;
  font-size:inherit;
  font-weight:inherit;
  margin-right:10px;
  position:absolute;
  left:0;
  top:0
}
.terms .title {
  margin-bottom:10px
}
.terms p {
  line-height:1.4;
  margin-bottom:16px
}
.terms table~p, .terms table~ol, .terms table~ul {
  margin-top:16px
}
.term-overview {
  margin-top:30px;
  margin-bottom:60px
}
.term-overview h2 {
  font-size:18px;
  margin-bottom:20px
}
.term-overview ol {
  padding-left:40px
}
.term-overview ol li {
  font-weight:400
}
.term-overview ol li+li {
  margin-top:10px
}
.term-ver {
  margin-top:3.75rem;
  padding-bottom:1.875rem
}
.change-lang {
  position:absolute;
  right:30px;
  top:30px
}
@media only screen and (max-width: 720px) {
  .terms ol li {
  font-size:16px
}
.terms ol li p {
  font-size:14px
}
.terms ol li+li {
  margin-top:24px
}
.terms ol li>ol li {
  font-size:14px
}
.terms ol li>ol li p {
  font-size:14px
}
.terms ol li>ol li+li {
  margin-top:10px
}
.terms ol li>ol li>ol li {
  font-size:14px
}
.terms ol li>ol li>ol li p {
  font-size:14px
}
.terms ol li>ol li>ol li::before {
  width:12px;
  height:12px;
  line-height:12px;
  top:2px
}
.terms ol li>ol li>ol li+li {
  margin-top:6px
}
.terms ol+p {
  margin-top:12px
}
.terms li {
  padding-left:20px
}
.terms li::before {
  margin-right:8px
}
.terms p {
  margin-bottom:12px;
  font-size:14px
}
.terms table~p, .terms table~ol, .terms table~ul {
  margin-top:12px
}
.term-overview {
  margin-top:20px;
  margin-bottom:40px
}
.term-overview h2 {
  font-size:15px;
  margin-bottom:16px
}
.term-overview ol {
  padding-left:32px
}
.term-ver {
  margin-top:3.125rem
}
}
.page-verify {
  width:100%;
  min-height:100%;
  background:#0b0b0c url("/images/comingsoon_bg.jpg") no-repeat center/cover;
  background-attachment:fixed;
  padding:40px 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
.page-verify .container {
  max-width:540px;
  min-width:440px;
  text-align:center
}
.page-verify .logo {
  display:block;
  margin:0 auto 82px;
  width:auto;
  height:60px
}
.page-verify h1 {
  font-size:30px;
  font-weight:700;
  color:#ff0037;
  margin-bottom:20px
}
.page-verify p {
  font-size:18px;
  line-height:1.4;
  color:#989da1;
  margin-bottom:36px
}
.page-verify p.ref {
  color:#989da1;
  font-size:14px;
  margin-bottom:0;
  margin-top:60px
}
@media only screen and (max-width: 720px) {
  .page-verify .container {
  min-width:auto;
  padding-left:40px;
  padding-right:40px
}
.page-verify .logo {
  margin:0 auto 60px;
  width:auto;
  height:30px
}
.page-verify h1 {
  font-size:24px;
  margin-bottom:14px
}
.page-verify p {
  font-size:14px;
  margin-bottom:32px
}
.page-verify p.ref {
  font-size:12px;
  margin-top:40px
}
}

/* Structure-preserving accessibility and iPhone locale layer. */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, [tabindex]:focus-visible {
  outline:3px solid #ff4d73;
  outline-offset:3px
}
.container {
  padding-left:max(var(--sidePadding), var(--safeLeft));
  padding-right:max(var(--sidePadding), var(--safeRight))
}
header .navigation>li:focus-within>a {
  color:#ff0037
}
@media only screen and (min-width: 721px) {
  header .navigation>li:focus-within .submenu {
    height:50px;
    pointer-events:all
  }
  header .navigation>li:focus-within .submenu#subProduct {
    height:var(--submenu-height)
  }
}
.locale-switcher {
  position:absolute;
  z-index:2;
  top:50%;
  right:max(20px, var(--safeRight));
  display:flex;
  align-items:center;
  gap:5px;
  transform:translateY(-50%);
  color:#989da1;
  font-size:12px;
  font-weight:700
}
.locale-switcher button {
  min-width:26px;
  min-height:44px;
  color:#989da1;
  letter-spacing:.02em
}
.locale-switcher button.active,
.locale-switcher button[aria-pressed=true] {
  color:#fff
}
.faq-list .question {
  display:block;
  width:100%;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  line-height:1.4
}
.modal .modal-close {
  top:calc(var(--safeTop) + 3px);
  right:3px;
  width:44px;
  height:44px;
  -webkit-mask-size:30px 30px;
  mask-size:30px 30px
}
.spot::after {
  content:"";
  position:absolute;
  inset:-13px;
  border-radius:50%
}
.dimmed.active {
  background:rgba(0, 0, 0, .8)
}
.page-story {
  overflow-x:clip
}
.keyvisual {
  overflow:hidden
}
@media only screen and (max-width: 720px) {
  header {
    padding-left:max(16px, var(--safeLeft))
  }
  header .navigation {
    padding-bottom:max(20px, var(--safeBtm));
    overscroll-behavior:contain
  }
  .locale-switcher {
    right:calc(max(8px, var(--safeRight)) + 60px)
  }
  .locale-switcher button {
    min-width:24px;
    font-size:11px
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior:auto !important;
    -webkit-animation-duration:.01ms !important;
    animation-duration:.01ms !important;
    -webkit-animation-iteration-count:1 !important;
    animation-iteration-count:1 !important;
    -webkit-transition-duration:.01ms !important;
    transition-duration:.01ms !important;
    -webkit-transition-delay:0ms !important;
    transition-delay:0ms !important
  }
}